@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-tit {position:relative; padding-left:33px; font-size:24px; line-height:1.3em; font-weight:700; color:#353f49; margin-bottom:12px;}
.doc-tit:after {content:""; position:absolute; top:4px; left:0; width:24px; height:24px; background:url('../images/sub/arrow1.png') 0 0 no-repeat; background-size:100% 100%;}

.doc-cnt {margin-bottom:40px;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-cnt .indent {padding-left:24px;}

.overview {display:flex; flex-direction:row-reverse;}
.overview .img {flex:1 1 354px; max-width:354px; text-align:right;}
.overview .txt {padding-top:18px; flex:1 auto; width:1%;}
.overview .txt h3 {font-size:24px; line-height:35px; color:#242424; margin-bottom:22px;}
.overview .txt p {font-size:16px; line-height:28px; color:#454545; margin-bottom:28px;}
.overview .txt p:last-child {margin-bottom:0;}

.history {position:relative; z-index:1;}
.history:after {content:""; position:absolute; top:244px; left:0; width:100%; height:1px; background:#ddd; z-index:-1;}
.history .list ul {display:flex; flex-direction:row; justify-content:space-between; margin:0 -33px;}
.history .list ul li {padding:0 33px; text-align:center;}
.history .list ul li .thumb {height:170px; line-height:0; margin-bottom:25px;}
.history .list ul li .year {font-family: 'NanumSquare'; font-size:18px; line-height:1em; font-weight:700; color:#242424; margin-bottom:25px;}
.history .list ul li .txt {position:relative; padding-top:60px;}
.history .list ul li .txt:after {content:""; position:absolute; top:0; left:50%; margin-left:-5px; width:11px; height:11px; border-radius:50%; background:#4f4ab7; z-index:2;}
.history .list ul li .txt:before {content:""; position:absolute; top:0; left:50%; width:1px; height:43px; background:#ddd; z-index:1;}
.history .list ul li .txt p {font-size:16px; line-height:28px; color:#454545; margin-bottom:28px;}
.history .list ul li .txt p:last-child {margin-bottom:0;}

.history .list ul li:nth-child(even) .txt {padding-top:130px;}
.history .list ul li:nth-child(even) .txt:before {height:113px;}

.organization {text-align:center;}
.organization .company {margin-bottom:77px;}
.organization .company > ul {display:flex; flex-direction:row; justify-content:center; margin:0 -35px;}
.organization .company > ul > li {padding:0 35px; text-align:left;}
.organization .company > ul > li .thumb {line-height:0; margin-bottom:12px;}
.organization .company > ul > li dl dt {font-family: 'Montserrat'; font-weight:700; font-size:18px; line-height:1.4em; letter-spacing:0; color:#242424; margin-bottom:10px;}
.organization .company > ul > li dl dd {font-family: 'Montserrat'; font-weight:600; font-size:16px; line-height:24px; letter-spacing:0; margin-bottom:24px; color:#454545;}
.organization .company > ul > li dl dd:last-child {margin-bottom:0;}
.organization .company > ul > li dl dd ul li {position:relative; padding-left:15px; font-weight:400;}
.organization .company > ul > li dl dd ul li:after {content:""; position:absolute; top:12px; left:4px; width:4px; height:1px; background:#454545;}
.organization .branch-map .img {line-height:0; margin-bottom:24px;}
.organization .branch-map p {font-family: 'Montserrat'; font-weight:600; font-size:24px; line-height:1.3em; color:#242424;}

.service .title {display:flex; flex-direction:row-reverse; margin-bottom:23px;}
.service .title .pic {flex:1 1 452px; max-width:452px; text-align:right; padding-right:128px;}
.service .title .txt {padding-top:18px; flex:1 auto; width:1%;}
.service .title .txt h3 {font-family: 'Montserrat'; font-size:24px; line-height:1.4em; color:#242424; margin-bottom:15px;}
.service .title .txt p {font-size:16px; line-height:28px; color:#454545; margin-bottom:28px;}
.service .title .txt p:last-child {margin-bottom:0;}
.service .img {line-height:0;}

.cube-x .title-img {line-height:0; margin-bottom:67px;}
.cube-x .contain {position:relative; max-width:1400px;}
.cube-x .explain {position:relative; min-height:723px; overflow:hidden; z-index:1;}
.cube-x .explain:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:calc(100% - 298px); background:#f5f5f5;}
.cube-x .explain .contain {min-height:723px; z-index:1;}
.cube-x .explain .pic {position:absolute; top:0; right:0; margin-right:-79px; margin-top:-15px; z-index:1;}
.cube-x .explain .cnt {position:relative; z-index:2;}
.cube-x .explain .cnt .lst {height:298px;}
.cube-x .explain .cnt .lst ul {display:flex; flex-direction:row; margin:0 -15px;}
.cube-x .explain .cnt .lst ul li {padding:0 15px;}
.cube-x .explain .cnt .lst ul li .tt {font-family: 'Montserrat'; font-weight:600; font-size:20px; line-height:42px; color:#454545; letter-spacing:0;}
.cube-x .explain .cnt .lst ul li .img {line-height:0; margin-bottom:10px;}
.cube-x .explain .cnt .lst ul li p {text-align:center; font-size:15px; line-height:22px; font-weight:500; color:#454545;}
.cube-x .explain .cnt .txt {padding-top:70px;}
.cube-x .explain .cnt .txt ul li {position:relative; padding-left:10px; font-size:18px; line-height:28px; margin-bottom:28px; color:#242424;}
.cube-x .explain .cnt .txt ul li:after {content:""; position:absolute; top:12px; left:0; width:5px; height:5px; border-radius:50%; background:#242424;}
.cube-x .explain .cnt .txt ul li:last-child {margin-bottom:0;}
.cube-x .system-list {padding:80px 0 70px; text-align:center;}
.cube-x .system-list .tit {margin-bottom:50px;}
.cube-x .system-list .tit h3 {font-family: 'Montserrat'; font-weight:600; font-size:28px; line-height:1.4em; color:#242424; letter-spacing:0;}
.cube-x .system-list .lst ul {display:flex; flex-direction:row; margin:0 -30px;}
.cube-x .system-list .lst ul li {width:50%; padding:0 30px;}
.cube-x .system-list .lst ul li ul {margin:0 -15px;}
.cube-x .system-list .lst ul li ul li {padding:0 15px;}
.cube-x .system-list .lst ul li .img {line-height:0; margin-bottom:12px;}
.cube-x .system-list .lst ul li p {font-size:16px; line-height:24px; color:#454545;}
.cube-x .explain2 .row {display:table; table-layout:fixed; width:100%; background:#f5f5f5;}
.cube-x .explain2 .cell {display:table-cell;}
.cube-x .explain2 .img {line-height:0; vertical-align:top; width:806px;}
.cube-x .explain2 .txt {vertical-align:bottom; padding-bottom:90px; padding-right:55px; width:auto;}
.cube-x .explain2 .txt h3 {position:relative; padding-left:15px; font-family: 'Montserrat'; font-weight:600; font-size:28px; line-height:1.4em; letter-spacing:0; color:#242424; margin-bottom:8px;}
.cube-x .explain2 .txt h3:after {content:""; position:absolute; top:17px; left:0; width:7px; height:7px; border-radius:50%; background:#242424;}
.cube-x .explain2 .txt ul {padding-left:15px;}
.cube-x .explain2 .txt ul li {position:relative; padding-left:10px; font-size:16px; line-height:24px; color:#454545;}
.cube-x .explain2 .txt ul li:after {content:""; position:absolute; top:12px; left:0; width:4px; height:1px; background:#454545;}

.smart-school .title {margin-bottom:35px; text-align:center;}
.smart-school .title h3 {font-size:22px; line-height:35px; color:#242424;}
.smart-school .img {line-height:0; margin-bottom:80px;}
.smart-school .img img {width:100%;}
.smart-school .img2 {line-height:0;}

.contactus .row {margin-bottom:40px; display:table; table-layout:fixed; width:100%;}
.contactus .cell {display:table-cell; vertical-align:top;}
.contactus .img {width:395px; line-height:0;}
.contactus .txt {padding-left:30px;}
.contactus .txt dl {margin-bottom:45px;}
.contactus .txt dl dt {font-family: 'Montserrat'; font-weight:700; font-size:18px; line-height:1.4em; letter-spacing:0; color:#242424; margin-bottom:10px;}
.contactus .txt dl dd {font-family: 'Montserrat'; font-weight:600; font-size:16px; line-height:24px; letter-spacing:0; margin-bottom:24px; color:#454545;}
.contactus .txt dl dd:last-child {margin-bottom:0;}
.contactus .txt dl dd ul li {position:relative; padding-left:15px; font-weight:400;}
.contactus .txt dl dd ul li:after {content:""; position:absolute; top:12px; left:4px; width:4px; height:1px; background:#454545;}
.contactus .txt .local ul {}
.contactus .txt .local ul:after {content:""; display:block; clear:both;}
.contactus .txt .local ul li {float:left; position:relative; padding-left:50px; font-size:16px; line-height:40px; color:#454545; margin-left:35px;}
.contactus .txt .local ul li:first-child {margin-left:0;}
.contactus .txt .local ul li:after {content:""; position:absolute; top:0; left:0; width:40px; height:40px; background-size:100% 100%; background-position:center center; background-repeat:no-repeat;}
.contactus .txt .local ul li.icon1:after {background-image:url('../images/sub/local_icon1.png');}
.contactus .txt .local ul li.icon2:after {background-image:url('../images/sub/local_icon2.png');}
.contactus .map-zone {margin-bottom:80px;}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {width:100% !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"㈜에듀택트"; font-size:12px; line-height:15px;}

.inquiry-wrap {background:url('../images/sub/inquiry_bg.jpg') 50% 0 no-repeat; /* background-size:cover; */ padding:45px 0 60px; min-height:500px;}
.inquiry-wrap .tit {text-align:center; margin-bottom:35px;}
.inquiry-wrap .tit h3 {font-size:45px; line-height:1.4em; color:#fff; letter-spacing:0;}