@charset "utf-8";

/* 내용관리 */
#ctt {margin:0px;padding:0px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0;line-height:1.6em; padding:35px 0px;}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.cont_brand {display:flex; justify-content: center; padding:0px 30px 10px; width:100%; height:auto; flex-wrap: wrap;}
.cont_brand .div_col {  flex-basis:50%; }

.defaultTable {margin:0 auto; width:100%; border-top:1px solid #e5e5e5;  text-align:center; margin:0px 0px 30px; line-height:1.2em; color:rgb(51,51,51);}
.defaultTable th {border-bottom:1px solid #e5e5e5;  height:auto; padding:16px 0px; }
.defaultTable td {border-bottom:1px solid #e5e5e5; height:auto; padding:16px 0px 16px 10px; text-align:left;}
.defaultTable td.title {text-align:center; background:#f8f9fd; color:000; text-indent:0px;}
.defaultTable td a {text-decoration:circle;}


.dl_wrap {display: flex; justify-content: space-between;}
.dl_wrap dl {width: 50%; display: flex;  align-items: center; letter-spacing: -0.7px;}
.dl_wrap dl dt {font-size: 0.875rem; font-weight: 700; color:#016BB9; border-right:1px solid #AEB5BD; padding-right:15px; margin-right: 15px; line-height: 1.4;}
.dl_wrap dl dd {font-family: "Pretendard-regular"; font-size: 1.0625rem; font-weight: 400;}

.introducing_wrap .title > span {display: block; font-family: "Pretendard-regular"; font-size: 1.25rem; font-weight: 700; letter-spacing: -0.7px;}
.introducing_wrap .title > span em {font-style: normal; font-size: 0.875rem; font-weight: 400; color:#8e959d;}
.introducing_wrap .intro {display: flex; flex-wrap: wrap; border-bottom:1px solid #d2d2d2; padding-bottom:50px; margin-bottom: 50px;}
.introducing_wrap .intro .box {padding:26px 20px;}
.introducing_wrap .intro .box .cont {margin-top:20px;}
.introducing_wrap .intro .box:first-child {width: 60%;}
.introducing_wrap .intro .box:first-child .cont {border:1px solid #d2d2d2; padding:50px 10%;}
.introducing_wrap .intro .box:first-child .cont b {font-size: 1.25rem; font-weight: 700; color:#016BB9; line-height: 1.3; letter-spacing: -0.7px;}
.introducing_wrap .intro .box:first-child .cont p {font-size: 0.875rem; font-weight: 400; letter-spacing: -0.7px; line-height: 1.4;}
.introducing_wrap .intro .box:last-child {width: 32%; margin-left: auto;}
.introducing_wrap .intro .box:last-child .cont {text-align: center;}
.introducing_wrap .intro .box:last-child .history_serv {margin-top:30px;}
.introducing_wrap .intro .box:last-child .history_serv li:first-child {margin-bottom: 12px;}
.introducing_wrap .intro .box:last-child .history_serv li a {display: block; font-size: 1.125rem; font-weight: 700; letter-spacing: -0.7px; background: #F8F7FC; padding:12px 0; text-align: center;}
.introducing_wrap .introducing {display: flex; padding:26px 20px;}
.introducing_wrap .introducing .do_tab {width: 86.5%; display: flex; flex-wrap: wrap; margin-left: auto;}
.introducing_wrap .introducing .do_tab li {width: 15.5%; border:1px solid #d2d2d2; border-radius: 5px; overflow: hidden; text-align: center;}
.introducing_wrap .introducing .do_tab li:not(:last-child) {margin-right: 1.4%;}
.introducing_wrap .introducing .do_tab li a {display: block; padding:20px;}
.introducing_wrap .introducing .do_tab li a span {display: block; font-size: 1.0625rem; letter-spacing: -0.7px; margin-top:12px;}
.introducing_wrap .data {padding:26px 20px;}
.introducing_wrap .data .overall {display: flex; flex-wrap: wrap; margin-top:10px;}
.introducing_wrap .data .overall li {width: 15.5%; font-family: "Pretendard-regular"; text-align: center; letter-spacing: -0.7px;}
.introducing_wrap .data .overall li:not(:last-child) {margin-right: 1.4%;}
.introducing_wrap .data .overall li .txt_box {margin-top:12px;}
.introducing_wrap .data .overall li .txt_box .name {display: block; font-size: 1.0625rem; font-weight: 400; margin-bottom: 3px;}
.introducing_wrap .data .overall li .txt_box .val {display: block; font-size: 1.25rem; font-weight: 700; color:#016BB9;}
.introducing_wrap .data .data_wrap {margin-top:30px;}
.introducing_wrap .info {padding: 26px 20px;}
.introducing_wrap .info .cont {margin-top:10px;}
.introducing_wrap .location {margin-top:30px; padding:26px 20px;}
.introducing_wrap .location .tab {white-space: nowrap; overflow: auto; margin:10px 0;}
.introducing_wrap .location .tab li {width: 110px; display: inline-block; background: #F8F7FC; font-size: 1.125rem; font-weight: 500; color:#8E959D; border-radius: 3px; text-align: center; padding:10px 0; cursor: pointer;}
.introducing_wrap .location .tab li:not(:last-child) {margin-right: 12px;}
.introducing_wrap .location .tab li.on {border:1px solid #016BB9; font-weight: 700; color:#016BB9;}
.introducing_wrap .location .map {display: none;}
.introducing_wrap .location .map.on {display: block;}

@media all and (max-width:780px){
    html {font-size: 13px;}

    .introducing_wrap .intro {margin-bottom: 30px; padding-bottom: 30px;}
    .introducing_wrap .intro .box {padding:20px 0;}
    .introducing_wrap .intro .box:first-child {width: 100%;}
    .introducing_wrap .intro .box:first-child .cont {padding:30px 10%}
    .introducing_wrap .intro .box:last-child {width: 100%; margin-top:30px;}
    .introducing_wrap .introducing {flex-direction: column; padding:20px 0;}
    .introducing_wrap .introducing .do_tab {width: 100%; margin-top:10px;}
    .introducing_wrap .introducing .do_tab li {width: 32%; margin-bottom: 10px;}
    .introducing_wrap .introducing .do_tab li:not(:last-child) {margin-right: 0;}
    .introducing_wrap .introducing .do_tab li:not(:nth-child(3n)) {margin-right: 2%;}

    .introducing_wrap .data {padding:20px 0;}
    .introducing_wrap .data .overall li {width: 32%; margin-bottom: 10px;}
    .introducing_wrap .data .overall li:not(:last-child) {margin-right: 0;}
    .introducing_wrap .data .overall li:not(:nth-child(3n)) {margin-right: 2%;}
    .introducing_wrap .data .overall li .txt_box {margin-top:5px;}
    .introducing_wrap .data .data_wrap {overflow: auto;}
    .introducing_wrap .data .data_wrap img {width: 1200px; max-width: unset !important;}

    .introducing_wrap .info {padding:20px 0;}
    .introducing_wrap .info .cont {flex-direction: column;}
    .introducing_wrap .info .cont dl {width: 100%;}
    .introducing_wrap .info .cont dl dt {width: 20%;}
    .introducing_wrap .info .cont dl:not(:last-child) {margin-bottom: 10px;}

    .introducing_wrap .location {padding:20px 0;}
    .introducing_wrap .location .tab li {width: 80px; padding:6px 0;}
    .introducing_wrap .location .tab li:not(:last-child) {margin-right: 5px;}
}