@import url('sub.css'); 


/**** 교육원 소개 ****/
.about {  }
.about dl {  }
.about dl dt { background:url('/about/img/about_bg.jpg') no-repeat center/cover; }
.about dl dt .dt_in { padding:167px 0 266px; }
.about dl dt .dt_in img { width:119px; height:Auto; }
.about dl dt .dt_in h4 { padding:25px 0 0; color:var(--white); font-size:var(--fs45); line-height: 1.22; letter-spacing: -0.04em; }
.about dl dd { padding:55px 5% 0; text-align:center; margin-top:-100px; position:relative; z-index:1; background: var(--white); box-sizing: border-box; }
.about dl dd p { color: rgba(34, 34, 34, 0.7); font-size:1rem; line-height:1.66; letter-spacing:-0.04em; padding:0 0 30px; }
.about dl dd p:last-child { padding:0; }
.about dl dd h5 { justify-content: center; padding:50px 0 0; display:flex; align-items:center; justify-content: center; font-size: var(--fs20); font-weight: 500; color: var(--black); letter-spacing: -0.04em; line-height: 1.6; }
.about dl dd h5 img { margin-left:16px; width:73px; height:auto; }



/**** 오시는 길 ****/
.location {  }
.location .sub_title {padding:0 0 25px; font-size: var(--fs50); font-weight: 700; line-height: 110%; letter-spacing: -0.125rem; color: var(--black); text-align: center;}
.location .location_in {  }
.location .location_in .map_info {  }
.location .location_in .map_info p { position:Relative; display:inline-block; padding-left:24px; font-size:1rem; line-height:1.66; letter-spacing:-0.04em; color:var(--black); }
.location .location_in .map_info p span { position:absolute; left:0; top:4px; font-size:20px; color:var(--black); }
.location .location_in .map_info ul { margin:2px 0 0; display:flex; flex-wrap:Wrap; justify-content:center; }
.location .location_in .map_info ul li { position:Relative; margin-right:30px; display:inline-block; padding-left:25px; font-size:1rem; line-height:1.66; letter-spacing:-0.04em; }
.location .location_in .map_info ul li:last-child { margin-right:0; }
.location .location_in .map_info ul li span { position:absolute; left:0; top:4px; font-size:20px; }
.location .location_in .mapArea { margin:42px 0 0; }

.root_daum_roughmap { width:100% !important; }
.root_daum_roughmap .wrap_map { height:500px !important; }
.root_daum_roughmap .wrap_map .map_border { display:none !important; }
.root_daum_roughmap .wrap_controllers { display:none !important; }








/*******************************************************************************
	@media 1350px
*******************************************************************************/
@media all and (max-width:1350px) { 


}
/*******************************************************************************
	@media 980px
*******************************************************************************/
@media all and (max-width:980px) { 


/**** 교육원 소개 ****/
.about br {display:none;}
.about dl dt .dt_in { padding:100px 0 160px; }
.about dl dt .dt_in img { width:90px; }
.about dl dt .dt_in h4 { padding:20px 0 0; }
.about dl dd { padding:30px 5% 0; margin-top:-80px; }
.about dl dd p { padding:0 0 20px; }
.about dl dd h5 { padding:40px 0 0; }
.about dl dd h5 img { margin-left:12px; width:55px; }



/**** 오시는 길 ****/
.location .sub_title {padding:0 0 20px;}
.location .location_in .map_info p { padding-left:20px; }
.location .location_in .map_info p span { top:4px; font-size:16px; }
.location .location_in .map_info ul li { margin-right:20px; padding-left:21px; }
.location .location_in .map_info ul li span { top:4px; font-size:16px; }
.location .location_in .mapArea { margin:30px 0 0; }

.root_daum_roughmap .wrap_map { height:400px !important; }




}
/*******************************************************************************
	@media 680px
*******************************************************************************/
@media all and (max-width:680px) { 


/**** 교육원 소개 ****/
.about dl dt .dt_in { padding:70px 0 110px; }
.about dl dt .dt_in img { width:70px; }
.about dl dt .dt_in h4 { padding:15px 0 0; }
.about dl dd { padding:20px 5% 0; margin-top:-60px; }
.about dl dd p { padding:0 0 15px; }
.about dl dd h5 { padding:30px 0 0; }
.about dl dd h5 img { width:45px; }



/**** 오시는 길 ****/
.location .sub_title {padding:0 0 15px;}
.location .location_in .map_info p { padding-left:18px; }
.location .location_in .map_info p span { font-size:15px; }
.location .location_in .map_info ul li { margin-right:20px; padding-left:20px; }
.location .location_in .map_info ul li span { font-size:15px; }
.location .location_in .mapArea { margin:20px 0 0; }

.root_daum_roughmap .wrap_map { height:300px !important; }


}