@charset "utf-8";

.table-wrap {overflow-x: auto; -webkit-overflow-scrolling: touch; border-top: 1px solid #a8a8a8;}
.sub-table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.5em; letter-spacing:-.04em;}
.sub-table th {padding:14px 8px; background:#fafafa; border:1px solid #dfdfdf; font-size: 17px; font-weight:500; }
.sub-table td {padding:14px 8px; border:1px solid #dfdfdf; color:#505050; font-weight: 300; padding-left: 20px;}
.sub-table tr th:first-child,
.sub-table tr td:first-child {border-left:0;}
.sub-table tr th:last-child,
.sub-table tr td:last-child {border-right:0;}

.sub-tab {margin-bottom:60px; text-align:center;}
.sub-tab ul {display:flex; width:100%; border:1px solid #dfdfdf;}
.sub-tab ul li {flex:1; width: auto; background:#fafafa; border-right:1px solid #dfdfdf;}
.sub-tab ul li:last-child {border-right:0;}
.sub-tab ul li a {position:relative; display:block; color:#505050; font-size:17px; font-weight:500; line-height:58px; letter-spacing:-.04em;}
.sub-tab ul li.active {background:#3d4d59;}
.sub-tab ul li.active a {color:#fff; z-index:2;}

.doc-tit {position: relative; font-weight: 700; font-size: 26px; line-height: 1.5em; letter-spacing: -.04em; padding-left: 35px; margin-bottom: 35px;}	
.doc-tit:before {content:""; position: absolute; top: 17px; left: 0; width: 20px; height: 5px; background: linear-gradient(90deg, #0d202f 50%, #a77a49 50%);}
.doc-cnt {margin-bottom: 75px;}
.doc-cnt:last-child {margin-bottom: 0;}

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

.hypen-list > li{padding-left: 0.438em; text-indent: -0.438em; margin-bottom: 5px;}
.hypen-list > li:last-child{margin-bottom: 0;}

.dot-list .hypen-list {color: #878787; font-size: 0.875em;}

.pic-list {}
.pic-list > ul {display: flex;flex-wrap:wrap; margin: 0 -10px;}
.pic-list > ul > li {width: 25%; padding: 0 10px;}
.pic-list > ul > li .tit {margin: 30px 0 22px;}
.pic-list > ul > li .tit span {display: inline-block; color: #fff; font-size: 20px; line-height: 1.5; letter-spacing: -.04em; padding: 4px 14px;}
.pic-list > ul > li:nth-child(odd) .tit span {background: #3d4d59;}
.pic-list > ul > li:nth-child(even) .tit span{background: #b9956d;}
.pic-list > ul > li .dot-list {color: #505050; line-height: 1.625em;}

.top-txt {border: 3px solid #dfdfdf; padding: 35px 10px; margin-bottom: 58px; font-size: 26px; font-weight: 500; line-height: 1.385em; letter-spacing: -.04em; text-align: center;}

/* introduce */
.introduce .banner {padding: 20px; display: flex;justify-content: center;align-items: center; width: 100%; height: 300px; background-image:url("../images/sub/bnr_introduce.jpg"); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.introduce .banner .bar {display: inline-block; vertical-align:middle; width: 1px; height: 100px; background: #fff; margin: 0 80px;}
.introduce .banner .tt {color: #fff; font-size: 18px;  line-height: 1.4; letter-spacing: -.04em;}
.introduce .banner .tt strong {display: block; font-size: 38px; font-weight: 500; line-height: 1.3; margin-top: 14px;}
.introduce .txt {text-align: center; margin: 45px 0 90px;}
.introduce .txt strong {display: block; margin-bottom: 28px; font-size: 22px; font-weight: 500; line-height: 1.5; letter-spacing: -.04em;}
.introduce .txt p {color: #878787; font-size: 18px; font-weight: 300; line-height: 1.778em; letter-spacing: -.04em; margin-bottom: 32px;}
.introduce .txt p span {color: #2c2c2c;}
.introduce .txt p:last-child {margin-bottom: 0;}

/* history */
.history {}
.history .head {text-align: center; margin-bottom: 25px;}
.history .body {position:relative; padding: 45px 0;}
.history .body .line {position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #dfdfdf;}
.history .body .line:before,
.history .body .line:after {content:""; position:absolute; left:50%; margin-left: -7px; width:15px; height: 15px; border: 4px solid #ccc; border-radius:100%; background: #fff;}
.history .body .line:before {top: -7px;}
.history .body .line:after {bottom: -7px;}
.history .group{position:relative; width:50%; margin-top:55px;}
.history .group:first-child{margin-top: 0;}
.history .group .generation {font-size:34px; font-weight:500; line-height:1.133em; letter-spacing:-.04em; color:#fff; margin-bottom: 20px; padding: 15px 30px;}
.history .group .list {padding-left: 30px;}
.history .group .row {display: flex; margin-bottom: 20px;} 
.history .group .row:last-child {margin-bottom: 0;}
.history .group .row .year {min-width: 79px; font-size: 22px; font-weight: 700; letter-spacing: -.04em;} 
.history .group .row ul {flex: 1 1 auto; min-width: 0; width: 1%; color: #505050; font-weight: 300;} 
.history .group .row ul li {position: relative; margin-bottom: .3em;} 
.history .group .row ul li:last-child {margin-bottom: 0;}
.history .group .row ul li .month {position: absolute; top: 0; left: 0; font-size: 18px; font-weight: 500; letter-spacing: -.04em;} 
.history .group .row ul li p {padding-left: 60px; color: #505050; margin-bottom: 0.2em;} 
.history .group .row ul li p:last-child {margin-bottom: 0;}
.history .ab {position: absolute; top: 0; width: 100%; height: 100%; background-position:top center; background-repeat:no-repeat; background-size:contain;}
.history .ab.bg1 {background-image:url("../images/sub/history_img1.jpg");}
.history .ab.bg2 {background-image:url("../images/sub/history_img2.jpg");}
.history .ab.bg3 {background-image:url("../images/sub/history_img3.jpg");}

.history .group:nth-child(odd) {margin-left: 50%;}
.history .group:nth-child(odd) .generation {background: #0d202f; border-radius:0 10px 10px 0;}
.history .group:nth-child(odd) .row .year {color: #3d4d59;}
.history .group:nth-child(odd) .row ul li .month {color: #b9956d;}

.history .group:nth-child(odd) .ab {left: -100%;}
.history .group:nth-child(even) .generation {background: #a77a49; border-radius: 10px 0 0 10px;}
.history .group:nth-child(even) .row .year {color: #b9956d;}
.history .group:nth-child(even) .row ul li .month {color: #3d4d59;}
.history .group:nth-child(even) .ab {right: -100%;}

/* biz */
.biz-list {text-align: center;}
.biz-list ul {display: flex;flex-wrap:wrap;}
.biz-list ul li {padding: 0 15px;}
.biz-list ul li .tit {font-size: 22px; font-weight: 500; line-height: 1.4; letter-spacing: -.04em; margin-top: 25px;}

.biz-list.ty1 ul li {position: relative; width: 33.333333%; padding-top: 50px; padding-bottom: 50px; border-right:1px dashed #dfdfdf; border-bottom:1px dashed #dfdfdf;}
.biz-list.ty1 ul li:after {z-index: 1; position: absolute; bottom: -7px; right: -8px; width: 15px; height: 15px; border: 4px solid #a77a49; border-radius:100%; background: #fff;}
.biz-list.ty1 ul li:nth-child(1):after,
.biz-list.ty1 ul li:nth-child(2):after {content:"";}
.biz-list.ty1 ul li:nth-child(3n) {border-right: 0;}
.biz-list.ty1 ul li:nth-last-child(-n+3) {border-bottom: 0;}

.biz-list.ty2 ul {padding: 50px 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.biz-list.ty2 ul li {width: 25%;}

.biz-service > ul {display: flex;flex-wrap:wrap; border: 1px solid #dfdfdf; border-right: 0; border-bottom: 0;}
.biz-service > ul > li {width: 25%; padding: 40px 30px 40px 40px; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.biz-service > ul > li .tit {font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -.04em; margin: 35px 0 20px;}
.biz-service > ul > li .desc {color: #878787; font-weight: 300; line-height: 1.625em;}

.biz-service > ul.w3 > li {width: 33.333333%;}
.biz-service > ul.w2 > li {width: 50%;}
.biz-service.ty2 > ul > li .desc {color: #505050;}

.biz-system ol {display: flex;}
.biz-system ol li {flex:1 1 auto; width: auto;}
.biz-system ol li.arrow {width: 60px; background: no-repeat url("../images/sub/biz_arrow.png") center center;}

.certify ul {display: flex;flex-wrap:wrap; margin: 0 -15px -47px; text-align: center;}
.certify ul li {width: 25%; padding: 0 15px; margin-bottom: 47px;}
.certify ul li p {font-size: 1.125em; font-weight: 500; line-height: 1.556em; margin-top: 14px;}

/* location */
.root_daum_roughmap {width:100% !important;}

.loc-info {background: #fafafa; padding: 40px;}
.loc-info h3 {font-size: 26px; font-weight: 500; line-height: 1.4; letter-spacing: -.04em; margin-bottom: 20px;}
.loc-info span {display: inline-block; margin-right: 28px; color: #878787; font-size: 1.125em; line-height: 1.75; letter-spacing: -.04em;}
.loc-info span i {display: inline-block; width: 22px; height: 22px; vertical-align:middle; margin: -.2em 8px 0 0; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.loc-info span .ico-addr {background-image:url("../images/sub/ico_addr.png");}
.loc-info span .ico-tel {background-image:url("../images/sub/ico_tel.png");}
.loc-info span .ico-time {background-image:url("../images/sub/icon_time.png");}

.malay-intro {}
.malay-intro .img-txt {display: flex;align-items: center; margin-bottom: 45px;}
.malay-intro .img-txt .img {width: 56%; padding-right: 30px;}
.malay-intro .img-txt .txt {flex: 1 1 auto; min-width: 0; width: 1%;}
.malay-intro .txt .welcome {display: block; margin-bottom: 18px; color: #a77a49; font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: -.04em;}
.malay-intro .txt h3 {color: #0d202f; font-size: 38px; line-height: 1.4; letter-spacing: -.04em; margin-bottom: 35px;}
.malay-intro .txt p {color: #878787; font-size: 1.125em; font-weight: 300; line-height: 1.778em; letter-spacing: -.04em; margin-bottom: 28px;}
.malay-intro .txt p span {color: #2c2c2c;}
.malay-intro .txt p:last-child {margin-bottom: 0;}
.malay-intro .txt.center {text-align: center;}

.inquiry-txt-box {border: 3px solid #dfdfdf; padding: 75px 15px 75px 30%; margin-bottom: 40px; background-image:url("../images/sub/focusedu2.png"); background-position:10% 50%; background-repeat:no-repeat; background-size:14.54% auto;}
.inquiry-txt-box p {font-size: 24px; font-weight: 500; line-height: 1.667em; letter-spacing: -.04em;}