@charset "utf-8";

.doc-tits {margin-bottom:15px;}
.doc-tits h4 {font-size:22px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em; position:relative; padding-left:26px;}
.doc-tits h4:before {position:absolute; content:""; width:20px; height:20px; background:url('../images/sub/doc-tits.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-10px; left:0;}

.doc-cnt {margin-bottom:90px;}

.doc-indent {padding-left:25px;}

.doc-tit {text-align:center; margin-bottom:60px;}
.doc-tit h4 {font-size:30px; font-weight:500; color:#242424; letter-spacing:-.03em; line-height:1.3em;}

.who {}
.who .img {text-align:center;}
.who-list {position:relative; display:flex; justify-content:center;}
.who-list:before {position:absolute; content:""; width:360px; height:360px; background:url('../images/sub/who-img1.png')50% 50% no-repeat; background-size:contain; top:0; left:50%; margin-left:-180px;}
.who-list:after {position:absolute; content:""; width:1px; height:270px; background:#deebf7; bottom:-30px; left:50%; margin-left:-0.5px;}
.who-list li {padding:0 100px;}
.who-list li .circle {display:flex; flex-direction:column; justify-content:center; width:360px; height:360px; border-radius:50%; background:#1f419b; color:#fff; font-size:22px; text-align:center; font-weight:700; line-height:1.364em;}
.who-list li:last-child .circle {background:#156bb2;}
.who-list li .txt {position:relative; padding-top:125px; text-align:center;}
.who-list li .txt:before {position:absolute; content:""; width:1px; height:100px; background:#1f419b; left:50%; margin-left:-0.5px; top:0;}
.who-list li:last-child .txt:before {color:#156bb2;}
.who-tt {margin-top:55px; font-size:22px; font-weight:600; color:#156bb2; letter-spacing:-.03em; line-height:1.545em; text-align:center;}


.table01 {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #242424; text-align:center;}
.table01 th {font-size:18px; font-weight:600; padding:12px 20px; border:1px solid #dfdfdf; border-top:0; color:#242424; background:#f8f8f8; height:60px; line-height:1.3em;}
.table01 td {text-align:center; font-size:16px; padding:7px 4px; border:1px solid #dfdfdf; line-height:1.750em; color:#454545; height:60px; font-weight:400;}  
.table01 td.bg {background:#f8f8f8; font-weight:500; color:#242424;}
.table01 tr:first-child {border-top:0;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0; border-top:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;} 

.value {}
.value .value-img {text-align:center;}
 
.mission {padding:100px 0; background:#f8f8f8; text-align:center;}
.mission .img {display:flex; flex-direction:column; justify-content:center; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; min-height:400px; color:#fff;}
.mission .tit {margin-right:250px; font-size:22px; color:#fff; font-weight:500; letter-spacing:-.03em; line-height:1.636em;}

.introduction {position:relative; padding-bottom:90px;}
.introduction:before {position:absolute; content:""; width:100%; background:url('../images/sub/introduction-bg.png')50% 50% no-repeat; background-size:contain; height:109px; bottom:0; left:0;}
.introduction .img {}
.introduction .txt-box {margin-top:50px;}
.introduction .txt-box:last-child {margin-top:70px;}
.introduction .txt-box .tit {font-size:30px; color:#156bb2; letter-spacing:-.03em; font-weight:600; line-height:1.5em; margin-bottom:25px;}
.introduction .txt-box .txt {font-size:20px; color:#454545; letter-spacing:-.03em; line-height:1.8em;}
.introduction .txt-box .sign {font-size:18px; font-weight:500; color:#242424; letter-spacing:-.03em; line-height:1.556em; text-align:right;}
.introduction .txt-box .sign span img {margin-left:20px;}

.curriculum {text-align:center;}
.curriculum .tit {font-size:20px; font-weight:500; color:#242424; letter-spacing:-.03em; line-height:1.600em;}
.curriculum .tit span {font-weight:600; color:#156bb2;}

.stem {background:#f8f8f8; padding:100px 0;}
.stem .stem-list {display:flex; margin:0 -20px;}
.stem .stem-list li {width:25%; text-align:center; padding:0 20px;}
.stem .stem-list li .img {}
.stem .stem-list li .tit {font-size:22px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.455em; margin-top:35px;}
.stem .stem-list li .tit span {color:#156bb2;}

.sis-wrap {}
.sis-wrap.bg {background:#f8f8f8;}
.sis-wrap .sis-wrap-flex {display:flex; justify-content:space-between; align-items:center; padding:100px 0;} 
.sis-wrap.bg .sis-wrap-flex {flex-direction: row-reverse;}
.sis-wrap.bg .sis-wrap-flex .txt-box {padding-left:0; padding-right:70px;}
.sis-wrap .sis-wrap-flex .img {}
.sis-wrap .sis-wrap-flex .txt-box {padding-left:70px;}
.sis-wrap .sis-wrap-flex .txt-box .tit {font-size:30px; font-weight:700; color:#156bb2; letter-spacing:-.03em; line-height:1.200em;}
.sis-wrap .sis-wrap-flex .txt-box .s-tit {margin:25px 0; font-size:20px; color:#242424; font-weight:500; letter-spacing:-.03em; line-height:1.6em;}
.sis-wrap .sis-wrap-flex .txt-box .txt {font-size:18px; color:#454545; letter-spacing:-.03em; line-height:1.556em;}
.sis-wrap .sis-wrap-flex .txt-box.flex {display:flex;}
.sis-wrap .sis-wrap-flex .txt-box.flex .s-tit {margin-bottom:0; } 

.root_daum_roughmap {width:100% !important;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:#156bb2; font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt img {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#156bb2;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
	.root_daum_roughmap .wrap_map {height:300px !important;}
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.root_daum_roughmap .wrap_map {height:250px !important;}	
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}

.certification {background:#f8f8f8; padding:100px 0;}
.certification .certification-list {}
.certification .certification-list .slider-for {line-height:0;}
.certification .certification-list .slider-nav {width:100%; max-width:1125px; margin:0 auto; margin-top:50px;}
.certification .certification-list .slider-nav .slick-list {margin:0 -4px;}
.certification .certification-list .slider-nav .slick-slide {padding:0 4px;}
.certification .slick-arrow {position:absolute; top:50%; margin-top:-12.5px; z-index:50; width:15px; height:25px; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em; transition:.2s; background-size:contain;}
.certification .slick-prev {left:-40px; background-image:url("../images/main/sub-slide_prev.png");}  
.certification .slick-next {right:-40px; background-image:url("../images/main/sub-slide_next.png");}  
.certification .item {position:relative;}
.certification .slider-nav .slick-current .item:after {position:absolute; content: ''; top:0; left:0; width:100%; height:100%; border:2px solid #156bb2;}

.coming {text-align:center;}