@charset "utf-8";

.table-wrap {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.sub-table {width:100%; border-collapse:collapse; border-spacing:0px; font-size: 18px; color: #555; line-height:1.5em; border-top: 2px solid #2d4695;}
.sub-table th {padding:19px 8px; border:1px solid #ddd; border-left: 0; border-right: 0; font-size: 1.111em;}
.sub-table td {padding:19px 8px; border:1px solid #ddd; border-left: 0; border-right: 0; text-align:center;}

.sub-tab {margin-bottom:80px; text-align:center;}
.sub-tab ul {display:flex;justify-content: center;}
.sub-tab ul li {position: relative; min-width: 216px; display: table; min-height: 58px; border: 1px solid #dfdfdf; left: 1px; margin-left: -1px;}
.sub-tab ul li a {display:table-cell; vertical-align: middle; font-size:20px; font-weight:500; line-height:1.3em; background: #fff;}
.sub-tab ul li.active {border-color: #3c76d6; z-index:2;}

.doc-sec {margin-bottom: 120px;}
.doc-sec:last-child {margin-bottom: 0;}
.doc-tit {margin-bottom: 90px; text-align: center; font-size: 36px; line-height: 1.3; letter-spacing: -.025em;}
.doc-desc {margin-bottom: 130px; color: #555; font-size: 1.125em; line-height: 1.667em; letter-spacing: -.025em; text-align: center;}
.doc-desc {margin-bottom: 50px;}
.doc-desc .dot-list {text-align: left;}
.doc-desc .dot-list > li:before {color: #2d4695; font-weight: 700;}
.doc-tit + .doc-desc {margin-top: -60px;}

.gap {margin-bottom: 120px;}

.top-txt {text-align: center; margin-bottom: 75px; padding-bottom: 70px; border-bottom: 1px solid #dfdfdf;}
.top-txt.ty2 {border-bottom: 0; padding-bottom: 0;}
.top-txt p {text-align: center; font-size: 24px; line-height: 1.5;}
.top-txt span {display: block; text-transform: uppercase; font-family: 'SCoreDream'; font-weight: 800; color: #899bb8; font-size: 0.875em; line-height: 1.3; letter-spacing: .8em; margin-right: -.8em; margin-top: 12px;}

.top-txt .group {margin-bottom: 28px;}
.top-txt .group:last-child {margin-bottom: 0;}
.top-txt .group p {font-size: 22px;}

.dot-list > li{position:relative; padding-left:15px; margin-bottom: .6em;}
.dot-list > li:last-child{margin-bottom:0;}
.dot-list > li:before{content:""; position:absolute; top:11px; left:0; width: 5px; height: 5px; border-radius:5px; background: #ccc;}
.dot-list > li .lg {font-size: 20px;}

.hypen-list > li {padding-left: 0.438em; text-indent: -0.438em;}

.txt-blue {color: #092957;}

/* about */
.introduce {}
.introduce .img {height: 300px; background: no-repeat url("../images/sub/introduce.jpg") center center / cover;}
.introduce .txt {display: flex; margin-top: 35px;}
.introduce .txt h2 {width: 34.75%; font-size: 28px; font-weight: 500; line-height: 1.571em;}
.introduce .txt p {flex: 1 1 auto; min-width: 0; width: 1%; color: #505050; font-weight: 300; line-height: 2;}

.point-list {margin: 90px 0 80px;}
.point-list ul {display: flex; margin: 0 -25px;}
.point-list ul li {width: 33.3333333%; padding: 0 25px;}
.point-list ul li strong {display: block; font-size: 24px; font-weight: 500; line-height: 1.4; letter-spacing: -.04em; padding: 25px 0; margin-bottom: 22px; border-bottom: 1px solid #a8a8a8;}
.point-list ul li p {color: #505050; font-weight: 300; line-height: 2;}

.about .txt1 {font-size: 22px; font-weight: 500; line-height: 1.727em; letter-spacing: -.04em;}
.about .txt1 strong {display: block; font-size: 1.273em; font-weight: 500; margin-bottom: 17px;}

/* location */
.root_daum_roughmap {width:100% !important;}
.loc-info {border-top: 1px solid #a8a8a8; margin-top: 40px;}
.loc-info dl {border-bottom: 1px solid #dfdfdf; display: flex;align-items: center; padding: 25px 0;}
.loc-info dl dt {position: relative; font-weight: 500; min-width: 224px; padding-left: 40px;}
.loc-info dl dt img {vertical-align: middle; margin: -.2em 15px 0 0;}
.loc-info dl dd {color: #505050; font-weight: 300;}
.loc-info dl dd span {display: inline-block; margin-right: 15px;}
.loc-info dl dd .bar {color: #ccc; font-weight: 100; margin-right: 0;}


/* service */
.service .head {display: flex; margin-bottom: 80px;}
.service .head .img {width: 50%; background: no-repeat url("../images/sub/service_left.jpg") center center / cover;}
.service .head .txt {padding: 77px 70px 70px; color: #fff; width: 50%; background: #023747 no-repeat url("../images/sub/service_right.jpg") right top / contain;}
.service .head .txt strong {display: block; margin: 26px 0; font-size: 28px; font-weight: 500; line-height: 1.3; letter-spacing: -.04em;}
.service .head .txt p {line-height: 2; font-weight: 300; opacity: .8;}

.service .body dl {background: #f4f4f4; padding: 45px 50px 40px; margin-bottom: 20px; display: flex;}
.service .body dl:lat-child {margin-bottom: 0;}
.service .body dl dt {position: relative; padding-left: 24px; min-width: 205px; color: #092957; font-size: 28px; font-weight: 700; letter-spacing: -.04em;}
.service .body dl dt:before {content:''; position: absolute; top: 12px; left: 0; width: 12px; height: 3px; background: #092957;}
.service .body dl dd {flex: 1 1 auto; min-width: 0; width: 1%;}
.service .body dl dd .group {margin-bottom: 50px;}
.service .body dl dd .group:last-child {margin-bottom: 0;}
.service .body dl dd .tt {color: #195b6f; font-size: 22px; font-weight: 700; letter-spacing: -.04em; margin-bottom: 20px;}
.service .body dl dd .dot-list.col2 {column-count: 2;}