@charset "utf-8";

.sub-title {padding:60px 0 40px;}

.doc-tit {font-size:26px; letter-spacing:-.04em; font-weight:700; padding-top:50px; padding-bottom:25px; color:#2c2c2c;}
.doc-tit.pb {padding-bottom:20px;}

.greeting-wrap {margin-bottom:130px;}
.greetings {position:relative; display:flex; margin-bottom:50px;}
.greetings:before {position:absolute; content:""; width:100%; height:510px; background:#fafafa; bottom:-100px; left:0; z-index:-1;}
.greetings .txt-box {width:54%; margin-top:90px; padding-left:50px;}
.greetings .txt-box .s-tit {font-family: 'Montserrat', sans-serif; font-size:20px; color:#eb6906; font-weight:700; letter-spacing:-.03em; line-height:1.800em;}
.greetings .txt-box .tit {position:relative; font-family: 'NanumSquare'; font-size:28px; color:#242424; font-weight:800; margin-bottom:80px; padding-bottom:20px;}
.greetings .txt-box .tit span {font-size:26px; font-weight:700;}
.greetings .txt-box .tit:before {position:absolute; content:""; width:2px; height:50px; bottom:-50px; left:0; background:#686868;}
.greetings .txt-box .txt {margin-top:15px;}
.greetings .txt-box .sign {font-weight:500; color:#242424; letter-spacing:-.03em; margin-top:20px;}
.greetings .txt-box .sign span {font-size:20px; font-weight:700; letter-spacing:-.03em; padding-left:10px;}

.certification ul {display:flex; flex-wrap:wrap; margin:0 -10px; margin-bottom:-40px;}
.certification ul li {width:20%; padding:0 10px; margin-bottom:40px; text-align:center;}
.certification ul li .tit {padding-top:10px;}

.concept {display:flex; background:#f2f2f2;}
.concept .item {position:relative; padding-bottom:66.67%; overflow:hidden;}
.concept .item img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.concept .slider-for {flex:1 1 auto; min-width:0; width:1%;}
.concept .slider-for .item {height:640px; padding-bottom:0;}
.concept .slider-nav {position:relative; width:240px; padding:75px 35px;}
.concept .slider-nav .item {cursor:pointer;}
.concept .slider-nav .slick-slide {padding:5px 0;}
.concept .slider-nav .slick-current .item:after {position:absolute; content: ''; top:0; left:0; width:100%; height:100%; border:5px solid #e58100;}
.concept .slick-arrow {position:absolute; left:50%; margin-left:-17px; width:34px; height:19px; z-index:98; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.concept .slick-prev {top:35px; background-image:url("../images/bbs/pjt_up.png");}
.concept .slick-next {bottom:35px; background-image:url("../images/bbs/pjt_down.png");}
.concept .slick-vertical .slick-slide {border:0;}

.location-infos dl {display:flex; padding:30px; border-bottom:1px solid #ddd;}
.location-infos dt {display:flex; align-items:center; font-size:18px; color:#242424; font-weight:500; width:170px; position:relative; text-align:left;}
.location-infos dt img {margin-right:15px;}
.location-infos dd {color:#454545; flex:1 1 auto; min-width:0; width:1%;}
.info-flex {display:flex; align-items:center; padding:30px 0 25px; border-bottom:1px solid #ddd;}
.info-flex .txt-box .tit {color:#004f90; font-weight:700; letter-spacing:-.03em;}
.info-flex .txt-box .lg-txt {font-family:'NanumSquare', sans-serif; font-size:23px; font-weight:700; letter-spacing:-.03em; line-height:1.3em; margin:5px 0;}

.lnbs {justify-content:center; margin-bottom:-10px; flex-wrap:wrap; margin-bottom:40px;}
.lnbs ul {flex-wrap:wrap;}
.lnbs li {width:20%;}
.lnbs li.active a {color:#fff; font-weight:500; border:1px solid #004f90; background:#004f90;}
.lnbs li a {display:block; text-align:center; font-size:16px; color:#454545; letter-spacing:-.05em; height:49px; line-height:47px; border:1px solid #ddd; border-left:0;}
.lnbs li:nth-child(n+6) a {border-top:0;}
.lnbs li:nth-child(1) a,
.lnbs li:nth-child(6) a {border-left:1px solid #ddd;}
.lnbs li:first-child a {border-left:1px solid #ddd;}
.lnbs li:first-child.active a {color:#fff; font-weight:500; border:1px solid #004f90; background:#004f90;}

.table01 {margin:0 auto; width:100%; font-family: 'Noto Sans KR','Open Sans',AppleGothic,helvetica,sans-serif; border-collapse:collapse; border-spacing:0px; font-size:18px; color:#fff; background:#fff; border-top:2px solid #242424; border-bottom:1px solid #ddd;}
.table01 th {font-size:18px; color:#242424; text-align:center; padding:10px 20px; background:#fafafa; font-weight:500; line-height:1.5em; letter-spacing:-.01em; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table01 td {padding:15px 10px; text-align:center; color:#505050; border:1px solid #dfdfdf; line-height:1.750em; font-size:16px; letter-spacing:-.01em; border-bottom:1px solid #ddd; border-right:0;}
.table01 td.left {text-align:left; border-bottom:0; border-left:0;}
.table01 td.left ul {display:flex;}
.table01 td.left ul li a {position:relative; padding:0 20px;}
.table01 td.left ul li a:before {position:absolute; content:""; top:50%; left:0; width:1px; height:17px; margin-top:-8.5px; background:#ddd;}
.table01 td.left ul li:first-child a:before {display:none;}
.table01 td.left ul li a.active {color:#004f90; text-decoration:underline;}
.table01 td ul > li {line-height:1.375em; margin-bottom:5px; padding-left:0.7em; text-indent:-0.7em;}
.table01 td ul > li p {font-size:15px; color:#686868; margin-top:10px;}
.table01 span {margin-right:15px !important;}
.table01 ol > li {padding-left:30px !important;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,

.root_daum_roughmap {width:100% !important; height:450px !important;}
.root_daum_roughmap .wrap_map {height:450px !important;}

.product-flex {display:flex; margin-top:40px; padding:30px 0 40px; border-bottom:1px solid #ddd; border-top:2px solid #242424; margin-bottom:80px;}
.product-flex .img {width:43%;}
.product-flex .thumb {position:relative; padding-bottom:100%; overflow:hidden;}
.product-flex .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:contain;}
.product-flex .txt-box {width:57%; padding-left:70px;}
.product-flex .txt-box h3 {font-family:'NanumSquare', sans-serif; font-size:18px; font-weight:800; letter-spacing:-.03em; color:#004f90;}
.product-flex .txt-box h4 {position:relative; font-family:'NanumSquare', sans-serif; color:#242424; font-size:40px; font-weight:800; letter-spacing:-.03em; line-height:1.3em; padding-bottom:30px; margin:10px 0 20px;}
.product-flex .txt-box h4:before {position:absolute; content:""; width:50px; height:3px; background:#242424; left:0; bottom:0;}
.product-flex .txt-box dl {display:flex; margin-top:15px;}
.product-flex .txt-box dt {width:90px; color:#242424; font-weight:500; letter-spacing:-.03em;}
.product-flex .txt-box .btn {display:block; width:170px; height:45px; line-height:43px; font-weight:500; border-radius:30px; background:#004f90; color:#fff; text-align:center; margin-top:90px;}
/* .product-box {border:1px solid #ddd; background:#fafafa; min-height:960px; padding:30px;}
.product-box h5 {font-size:20px; color:#242424; font-weight:500; letter-spacing:0; line-height:1.3em;} */