@charset "utf-8";

/* pageCont */
#pageCont{margin: 80px 0 160px;}

@media all and (max-width:1400px){
	#pageCont{margin: 70px 0 150px;}
}
@media all and (max-width:976px){
	#pageCont{margin: 60px 0 120px;}
}
@media all and (max-width:640px){
	#pageCont{margin: 50px 0 90px;}
}
@media all and (max-width:480px){
	#pageCont{margin: 40px 0 70px;}
}

.subTitle{text-align: center; margin-bottom: 80px; width: 94%; margin-left: auto; margin-right: auto;}
.subTitle span{font-size: 36px; color: #000; font-weight: 700;}
.subTitle p{font-size: 18px; color: #444; margin-top: 30px; word-break: keep-all;}

@media all and (max-width:1400px){
	.subTitle{margin-bottom: 80px;}
	.subTitle span{font-size: 34px;}
}
@media all and (max-width:976px){
	.subTitle{margin-bottom: 70px;}
	.subTitle span{font-size: 32px;}
}
@media all and (max-width:640px){
	.subTitle{margin-bottom: 60px;}
	.subTitle span{font-size: 28px;}
}
@media all and (max-width:480px){
	.subTitle{margin-bottom: 50px;}
	.subTitle span{font-size: 24px;}
}


/* s_txt */
.s_txt{ margin-bottom: 40px;}
.s_txt h3{color: #000; font-size: 30px; font-weight: 600;}

@media all and (max-width:1400px){
	.s_txt{margin-bottom: 35px;}
	.s_txt h3{font-size: 28px;}
}
@media all and (max-width:976px){
	.s_txt{margin-bottom: 30px;}
	.s_txt h3{font-size: 26px;}
}
@media all and (max-width:640px){
	.s_txt{margin-bottom: 25px;}
	.s_txt h3{font-size: 24px;}
}
@media all and (max-width:480px){
	.s_txt{margin-bottom: 23px;}
	.s_txt h3{font-size: 22px;}
}



.terms { border: 10px solid #edf0f4; padding: 4%; max-width: 1600px; line-height: 1.7em; font-size: 15px;}
.terms h3 { font-size: 24px; color:#212121; }
.terms h4 { font-size: 20px; color:#212121; margin: 2em 0 0.5em; }
.terms p + p { margin-top: 1em; }
.terms p + h3 { margin-top: 2.5em; }

@media all and (max-width:976px){
	.terms{font-size: 14px;}
	.terms h3{font-size: 22px;}
	.terms h4{font-size: 19px;}
}
@media all and (max-width:480px){
	.terms{font-size: 14px;}
	.terms h3{font-size: 19px;}
	.terms h4{font-size: 17px;}
}



#kim1{}
#kim1 .box{display: flex; gap: 80px; align-items: center;}
#kim1 .box .img{}
#kim1 .box .img img{}
#kim1 .box .txt{width: 100%;}
#kim1 .box .txt dl{}
#kim1 .box .txt dl dt{margin-bottom: 1em; font-size: 32px; font-weight: 700; color: #000; line-height: 1.25;}
#kim1 .box .txt dl dd{font-size: 20px; line-height: 1.6; font-weight: 500; color: #666;}
#kim1 .box .txt dl dd + dd{margin-top: 1.7em;}
#kim1 .box .txt .name{margin-top: 45px; font-size: 22px; font-weight: 600; color: #000;}
#kim1 .box .txt .name span{font-size: 42px; font-family: 'NohHaeChan'; font-weight: normal;}
#kim1 .box + .box{padding-top: 80px; margin-top: 80px; border-top: 1px solid #e5e5e5;}

#kim1 .box.ver2{flex-direction: row-reverse;}


@media all and (max-width:1280px){
    #kim1 .box .img img{max-width: 100%;}
}
@media all and (max-width:1024px){
    #kim1 .box{gap: 40px;}
    #kim1 .box .txt dl dt{font-size: 26px;}
    #kim1 .box .txt dl dd{font-size: 18px;}
}
@media all and (max-width:768px){
    #kim1 .box{gap: 30px; align-items: flex-start;}
    #kim1 .box .img{width: 40%; flex: 0 0 auto;}
    #kim1 .box .txt dl dt{font-size: 22px;}
    #kim1 .box .txt dl dd{font-size: 16px;}
    #kim1 .box .txt .name{margin-top: 30px; font-size: 18px;;}
    #kim1 .box .txt .name span{font-size: 32px;}
}
@media all and (max-width:568px){
     #kim1 .box{display: block;}
     #kim1 .box + .box{padding-top: 50px; margin-top: 50px;;}
     #kim1 .box .img{margin-bottom: 30px; width: 100%; max-width: 320px; margin-inline:auto;}
}



#kim2{padding: 120px 110px; position: relative; display: flex; align-items: flex-start; overflow: hidden; box-shadow: 3px 0 13px rgba(0,0,0,0.11);}
#kim2 .l_cont{}
#kim2 .l_cont dl{margin-bottom: 45px;}
#kim2 .l_cont dl dt{padding-bottom: 0.5em; font-size: 24px; font-weight: 700;}
#kim2 .l_cont dl dd{font-size: 48px; font-weight: 700; color: #000;}
#kim2 .l_cont ul{}
#kim2 .l_cont ul li{font-size: 18px; line-height: 1.4; color: #333;}
#kim2 .l_cont ul li+li{margin-top: 0.7em;}
#kim2 .r_cont{position: absolute; right: 70px; top: 30px;}
#kim2 .r_cont .sb{position: absolute; left: 55%; top: 0; transform: translateX(-50%);}
#kim2 .r_cont .teacher{position: relative; z-index: 2;}
@media all and (max-width:1024px){
    #kim2{padding: 80px 60px;}
    #kim2 .l_cont{z-index: 3;}
    #kim2 .l_cont dl{margin-bottom: 30px;}
    #kim2 .l_cont dl dt{font-size: 20px;}
    #kim2 .l_cont dl dd{font-size: 38px;}
    #kim2 .l_cont ul li{font-size: 17px;}
    #kim2 .r_cont{width: 35%;}
    #kim2 .r_cont img{max-width: 100%;}
}
@media all and (max-width:768px){
    #kim2{display: block; padding: 50px; padding-bottom: 0;}
    #kim2 .l_cont{width: 100%; text-align: center; margin-bottom: 45px;}
    #kim2 .r_cont{position: relative; height: 60vw; overflow: hidden; right: auto; top: auto; width: 100%; margin: 0 auto; text-align: center;}
    #kim2 .r_cont img{max-width:80%;}
}
@media all and (max-width:568px){
    #kim2{padding: 12vw 6vw; padding-bottom: 0;}
    #kim2 .l_cont ul li{font-size: 1.7rem; word-break: keep-all;}
    #kim2 .r_cont{height: 80vw;}
}



#intro1{}
#intro1 .imgTop{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 480px; background: url('/images/sub/intro1-img1_260112.webp')no-repeat right center/cover; border-radius: 20px; text-align: center;}
#intro1 .imgTop h3{font-size: 40px; line-height: 1.4;}
#intro1 .box{padding-top: 70px; margin-top: 70px;; display: flex;}
#intro1 .box + .box{border-top: 1px solid #e5e5e5;}
#intro1 .box .l_cont{width: 330px; flex:0 0 auto; font-size: 72px; font-family: 'Poppins'; font-weight: 700; color: #000; line-height: 1;} 
#intro1 .box .r_cont dl{}
#intro1 .box .r_cont dl dt{margin-bottom: 1em; font-size: 26px; font-weight: 700; color: #000; line-height: 1.4;}
#intro1 .box .r_cont dl dd{font-size: 18px; color: #666; font-weight: 500; line-height: 1.7em;}
#intro1 .box .r_cont .tags{margin-top: 25px; display: flex; flex-wrap: wrap; gap: 6px;}
#intro1 .box .r_cont .tags p{padding: 10px 16px; background-color: #003380 ; color: #fff; font-size: 18px; font-weight: 600; border-radius: 5px;}
#intro1 .box .r_cont .tags.ver2 p{background-color: #55baf5;}
@media all and (max-width:1280px){
    #intro1 .imgTop{height: 400px;}
    #intro1 .imgTop h3{font-size: 32px;}
    #intro1 .box .l_cont{width: 300px;}
}
@media all and (max-width:1024px){
    #intro1 .imgTop{height: 320px;}
    #intro1 .imgTop h3{font-size: 28px;}
    #intro1 .box .l_cont{width: 20%; font-size: 60px;}
    #intro1 .box .r_cont dl dt{font-size: 24px; word-break: keep-all;}
    #intro1 .box .r_cont dl dd{font-size: 17px; word-break: keep-all;}
}
@media all and (max-width:768px){
    #intro1 .box{padding-top: 50px; margin-top: 50px;}
    #intro1 .box .r_cont .tags p{font-size: 16px;}
}
@media all and (max-width:568px){
    #intro1 .imgTop{height: 200px;}
    #intro1 .imgTop h3{font-size: 2.2rem;}
    #intro1 .box{display: block; padding-top: 30px; margin-top: 30px;}
    #intro1 .box .l_cont{font-size: 5rem; margin-bottom: 15px; width: 100%;}
    #intro1 .box .r_cont dl dd{font-size: 1.7rem;}
    #intro1 .box .r_cont .tags{margin-top: 20px;}
}





#intro2{}
#intro2 .box{padding-top: 70px; margin-top: 70px;; display: flex;}
#intro2 .box + .box{border-top: 1px solid #e5e5e5;}
#intro2 .box .l_cont{width: 400px; flex:0 0 auto; text-align: center;} 
#intro2 .box .l_cont .ico{display: inline-block; width: 180px; aspect-ratio: 1/1; height: auto; background-color: #f5f7fa; border-radius: 50%;}
#intro2 .box .r_cont dl{}
#intro2 .box .r_cont dl dt{margin-bottom: 1em; font-size: 26px; font-weight: 700; color: #000; line-height: 1.4;}
#intro2 .box .r_cont dl dt span{color: #cccccc;}
#intro2 .box .r_cont dl dd{font-size: 18px; color: #666; font-weight: 500; line-height: 1.7em;}
#intro2 .box .r_cont .tags{margin-top: 25px; display: flex; flex-wrap: wrap; gap: 6px;}
#intro2 .box .r_cont .tags p{padding: 10px 16px; background-color: #003380 ; color: #fff; font-size: 18px; font-weight: 600; border-radius: 5px;}
#intro2 .box .r_cont .tags.ver2 p{background-color: #55baf5;}
@media all and (max-width:1280px){
    #intro2 .box .l_cont{width: 300px;}
}
@media all and (max-width:1024px){
    #intro2 .box{display: block;}
    #intro2 .box .l_cont{ margin-bottom: 25px; width: 100%;}
    #intro2 .box .r_cont dl{text-align: center;}
    #intro2 .box .r_cont dl dt{font-size: 24px; word-break: keep-all;}
    #intro2 .box .r_cont dl dd{font-size: 17px; word-break: keep-all;}
}
@media all and (max-width:768px){
    #intro2 .box{padding-top: 50px; margin-top: 50px;}
}
@media all and (max-width:568px){
    #intro2 .box{padding-top: 30px; margin-top: 30px;}
    #intro2 .box .l_cont{}
    #intro2 .box .r_cont dl dd{font-size: 1.7rem;}
}
@media all and (max-width:380px){
     #intro2 .box .r_cont dl dd br{display: none;}
}



#intro4 .sMap{width: 100%; height: 420px;}
#intro4 .sMap .wrap_map{height: 100% !important;}
#intro4 .sMap .cont{display: none;}
#intro4 .sMap .border2{display: block;}
#intro4 .sMap .wrap_controllers {display: none;}

#intro4 .info_box{margin: 35px 0;}
#intro4 .info_box h3{color: #000; font-size: 24px;}
#intro4 .info_box p{margin-top: 10px; font-size: 18px; color: #777;}
#intro4 .btn_box{display: flex; gap:12px;}
#intro4 .btn_box .btn{font-size: 16px; font-weight: 600; line-height: 52px; padding: 0 30px 0 30px; display: block;}
#intro4 .btn_box .btn.naver{color: #fff; background: #00bf18 url(/images/sub/navermap.webp) no-repeat left 20px center / 18px; padding-left: 44px; padding-right: 25px;}
#intro4 .btn_box .btn.kakao{background: #ffe700 url(/images/sub/kakaomap.webp) no-repeat left 20px center / 18px; padding-left: 44px; padding-right: 25px; color: #000;}
#intro4 .btn_box .btn.tel{border: 1px solid #003380; color:#003380;}


@media all and (max-width:1400px){
	#intro4 .info_box{margin: 25px 0;}
	#intro4 .info_box h3{font-size: 22px;}
	#intro4 .info_box p{font-size: 17px; margin-top: 8px;}
	#intro4 .btn_box .btn{line-height: 48px; font-size: 15px; padding: 0 28px;}
	#intro4 .btn_box .btn.naver{background-position: left 20px center; background-size: 16px;}
	#intro4 .btn_box .btn.kakao{background-position: left 20px center; background-size: 16px;}
}
@media all and (max-width:1024px){
	#intro4 .root_daum_roughmap .wrap_map{height: 400px !important;}
	#intro4 .info_box{margin: 22px 0;}
	#intro4 .info_box h3{font-size: 21px;}
	#intro4 .btn_box .btn{line-height: 46px; padding: 0 26px;}
}
@media all and (max-width:768px){
	#intro4 .info_box h3{font-size: 20px;}
	#intro4 .info_box p{font-size: 16px; margin-top: 6px;}
	#intro4 .btn_box{gap:10px; flex-wrap: wrap;}
	#intro4 .btn_box .btn{line-height: 44px; padding: 0 24px;}
	#intro4 .btn_box .btn.naver{background-position: left 22px center; background-size: 15px;}
	#intro4 .btn_box .btn.kakao{background-position: left 22px center; background-size: 15px;}
}
@media all and (max-width:500px){
	#intro4 .info_box h3{font-size: 18px;}
	#intro4 .btn_box .btn{line-height: 42px;}
}