@charset "utf-8";

.doc-tit {margin-bottom:40px;}
.doc-tit h3 {position:relative; font-size:26px; color:#2c2c2c; letter-spacing:-.04em; font-weight:700; padding-left:20px;}
.doc-tit h3:before {position:absolute; content:""; top:50%; margin-top:-4px; left:0; width:8px; height:8px; background:#f9cc0d; transform: rotate(45deg); background-size:contain;}

.table-style.mb {margin-bottom:120px;}
.table-style table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #a8a8a8;}
.table-style table.color {border-color:#272e7c;}
.table-style table th {padding:10px; height:65px; font-weight:600; font-size:22px; color:#272e7c; background:#f8f8f8; border:1px solid #ddd; border-top:0;}
.table-style table th.colors {font-size:20px; font-weight:600; color:#121212;} 
.table-style table td {padding:10px; height:65px; font-size:18px; color:#505050; text-align:center; border:1px solid #ddd; border-top:0; letter-spacing:0;}
.table-style tr th:first-child,
.table-style tr td:first-child {border-left:0;}
.table-style tr th:last-child,
.table-style tr td:last-child {border-right:0;}

.greetings {min-height:450px; display:flex; flex-direction:column; justify-content:center; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; text-align:center; color:#fff;}
.greetings .tit {font-size:35px; font-weight:700; letter-spacing:-.03em; margin-bottom:30px;}
.greetings .txt {font-size:20px; letter-spacing:-.03em; line-height:1.400em;}
.greetings .txt:last-child {margin-top:20px;}

.location {margin-top:50px;}
.location ul {display:flex;}
.location ul li {width:25%; text-align:center;}
.location ul li .tit {font-size:20px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em;margin:15px 0 10px;}
.location ul li .txt {color:#242424;}

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

.sub-lnbs {margin-bottom:50px;}
.sub-lnbs ul {display:flex; justify-content:center; margin-left:-15px;}
.sub-lnbs ul li {width:calc(14.2857% - 15px); margin-left:15px; text-align:center;}
.sub-lnbs ul li a {display:block; border:1px solid #ddd; font-size:18px; font-weight:500; letter-spacing:-.02em; height:55px; line-height:53px; text-align:center; text-align:center;}
.sub-lnbs ul li.active a {border:2px solid #e60013; color:#e60013;}

.introduce .item .img {position:relative; padding-bottom:66%; margin-bottom:10px; overflow:hidden;}
.introduce .item .img 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% !important; height:auto !important; max-width:100%; min-height:100%; object-fit:contain;}
.introduce .item.wd {position:relative; padding-bottom:100%; margin-bottom:12px; overflow:hidden; max-width:220px !important; flex:1 220px; max-height:140px;}
.introduce .item.wd img {border:1px solid #ddd; 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;}
.introduce .slider-nav .slick-current .img {position:relative;}
.introduce .slider-nav .slick-current .img:after {position:absolute; content:""; top:0; left:0; width:100%; height:100%; border:3px solid #1e2878; opacity:1; z-index:50;}
.introduce .slider-nav .slick-current .item.wd  {opacity: 1;}
.introduce .slick-list {margin:0 -7px;}
.introduce .slick-slide {padding:0 7px;}