@charset "utf-8";
@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*페이지공통*/
#page_area .page_tit_area{width:100%;padding-bottom:2.5rem;margin-bottom:3.5rem;text-align:center;position:relative}
#page_area .page_tit_area:before{content:'';width:4rem;height:2px;background:#02b2f3;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
#page_area .page_tit_area .tit{font-weight:100;font-size:4rem;color:#333;}
#page_area .page_tit_area .tit span{font-weight:700}
#page_area .page_tit_area .txt{margin-top:1.5rem;font-size:1.6rem;color:#666}

/*인사말*/
.about_page{width:100%;overflow:hidden}
.about_page .about_tit_box{max-width:120rem;width:100%;padding:5rem 0;margin:0 auto 5rem;border:1px solid #ddd;text-align:center;border-radius:2rem 0 2rem 0;background:#f7f7f7;position:relative}
.about_page .about_tit_box .about_img{position:absolute;left:15rem;top:50%;transform:translateY(-50%)}
.about_page .about_tit_box .tit{font-size:4rem;line-height:130%;font-family: 'InkLipquid';}
.about_page .about_tit_box .tit > span{color:#02b2f3;}
.about_page .about_tit_box .tit .sine{margin-top:3rem;font-weight:500;font-size:1.8rem;font-family: 'Pretendard';}
.about_page .about_tit_box .tit .sine span{font-size:3.2rem;font-style:italic;font-family: 'InkLipquid';}
.about_page .about_txt_box{font-size:1.7rem;text-align:center;line-height:3rem;color:#666}
.about_page .about_txt_box .box_tit{margin-bottom:2rem;font-weight:500;font-size:2.2rem;color:#333;}

/*오시느길*/
.location .map_area{width:100%;height:40rem;overflow:hidden}
.location .map_area .root_daum_roughmap{width:calc(100% + 2px) !important;height:calc(100% + 2px) !important;position:relative;top:-1px;left:-1px}
.location .map_area .root_daum_roughmap .hide{display:none}
.location .map_area .root_daum_roughmap .wrap_map{height:100% !important}
.location .map_info{max-width:120rem;width:100%;margin:5rem auto 0;overflow:hidden}
.location .map_info > div{width:50%;float:left}
.location .map_info .left_box{padding-right:5rem}
.location .map_info .tit{margin-bottom:3rem;font-weight:700;font-size:2.2rem;color:#333}
.location .map_info .info_list li{padding-left:13rem;font-size:1.6rem;line-height:2.8rem;color:#666;position:relative}
.location .map_info .info_list li + li{margin-top:2rem}
.location .map_info .info_list li span{font-weight:500;color:#333;position:absolute;left:0;top:0}
.location .map_info .txt{margin-bottom:2rem;font-size:1.6rem;line-height:2.8rem;color:#666}

.location .map_info .btn_area{width:100%;overflow:hidden}
.location .map_info .btn_area li{width:49%;height:5.5rem;border-radius:.5rem;overflow:hidden;float:left;}
.location .map_info .btn_area li + li{margin-left:2%}
.location .map_info .btn_area li a{display:block;width:100%;height:100%;font-size:1.6rem;text-align:center;line-height:5.5rem;color:#fff;transition:all .3s}
.location .map_info .btn_area li a i{display:inline-block;margin-left:.5rem}
.location .map_info .btn_area .btn01 a{background:#333}
.location .map_info .btn_area .btn02 a{background:#f3b200}
.location .map_info .btn_area li a:hover{background:#1a4a6e}

/*교육과정 공통*/
.cc_page_area .top_img_box{width:100%;margin-bottom:5rem;border-radius:3rem 0 3rem 0;background:#f7f7f7;overflow:hidden}
.cc_page_area .top_img_box img{width:100%;}
.cc_page_area .m_img{display:none}
.cc_page_area .s_txt{font-size:2.2rem;color:#02b2f3;vertical-align:-2px;}
.cc_page_area .cc_cont_box_area{width:100%;border-top:1px solid #333;border-bottom:1px solid #ddd}
.cc_page_area .cont_box{width:100%;padding:7rem 4rem;border-bottom:1px dashed #ddd;overflow:hidden}
.cc_page_area .cont_box:nth-child(odd){background:#f7f7f7}
.cc_page_area .cont_box:last-child{border-bottom:0;}
.cc_page_area .cont_box .left_box{width:25%;font-weight:700;font-size:2.5rem;color:#333;float:left}
.cc_page_area .cont_box .right_box{width:75%;font-size:1.7rem;line-height:3rem;color:#666;float:left}

.cc_page_area .cont_img_box{width:100%;margin-top:5rem;border:1px solid #ddd;overflow:hidden}
.cc_page_area .cont_img_box img{width:100%}

.cc_page_area .cont_img_box02{width:100%;margin:2rem 0;border:1px solid #ddd;overflow:hidden}
.cc_page_area .cont_img_box02 img{width:100%}

.cc_page_area .cont_list01{padding-bottom:3rem;margin-bottom:3rem;border-bottom:1px dashed #ddd}
.cc_page_area .cont_list01:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.cc_page_area .cont_list01 .cont_tit{margin-bottom:1rem;font-weight:700;font-size:1.8rem;color:#1a4a6e}
.cc_page_area .cont_list01 .cont_tit2{display:inline-block;margin-bottom:2rem;padding:.5rem 2rem;border-radius:2px;font-weight:600;font-size:1.6rem;color:#fff;background:#1a4a6e}

.cc_page_area .cont_list01 li{padding-left:8rem;position:relative;word-break:keep-all}
.cc_page_area .cont_list01 li.no_pd{padding-left:1.5rem}
.cc_page_area .cont_list01 li + li{margin-top:1rem}
.cc_page_area .cont_list01 li:before{content:'';width:3px;height:3px;border-radius:3px;background:#1a4a6e;position:absolute;left:0;top:1.3rem}
.cc_page_area .cont_list01 li .li_tit{font-weight:600;color:#1a4a6e;position:absolute;left:1rem}
.cc_page_area .cont_list01 li.no_before:before{display:none}

.cc_page_area .cont_list02{padding-bottom:3rem;margin-bottom:3rem;border-bottom:1px dashed #ddd}
.cc_page_area .cont_list02:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.cc_page_area .cont_list02 .cont_tit{margin-bottom:1rem;font-weight:500;font-size:1.8rem;color:#1a4a6e}
.cc_page_area .cont_list02 li{padding:0 0 2rem 5rem;margin-bottom:1rem;border-bottom:1px dashed #ddd;position:relative;word-break:keep-all}
.cc_page_area .cont_list02 li + li{margin-top:2rem;}
.cc_page_area .cont_list02 li .li_tit{width:3rem;height:3rem;border-radius:3rem;background:#1a4a6e;font-weight:500;font-size:13px;line-height:3rem;text-align:center;color:#fff;position:absolute;left:0}


.cc_page_area .li_tit2{width:3.5rem;height:3.5rem;border-radius:3.5rem;background:#1a4a6e;font-size:1.6rem;text-align:center;line-height:3.5rem;color:#fff;box-shadow:3px 3px 4px rgba(0,0,0,.25);position:absolute;left:0;top:-.2rem}
.cc_page_area .bold{font-weight:500;color:#333}	

/*사이트맵*/
#site_map_area{width:100%;overflow:hidden}
#site_map_area .site_map{width:25%;padding:0 2rem;margin-bottom:2%;float:left}
#site_map_area .site_map .menu_tit{padding:2rem;border-bottom:2px solid #333;font-weight:600;font-size:1.8rem;color:#333}
#site_map_area .site_map ul {min-height:26.5rem;border-bottom:1px solid #ddd;background:#f9f9f9}
#site_map_area .site_map ul li{padding:1rem 2rem 1rem 3.5rem;border-bottom:1px dashed #ddd;font-size:1.6rem;line-height:130%;word-break:keep-all;position:relative}
#site_map_area .site_map ul li a{color:#666}
#site_map_area .site_map ul li:last-child{border-bottom:0}
#site_map_area .site_map ul li:before {width:3px;height:3px;border-radius:3px;background:#02b2f3;position:absolute;left:2rem;top:1.8rem;content: '';}


@media(max-width:1300px){
/*인사말*/	
.about_page .about_tit_box .about_img{left:5rem}
.about_page .about_tit_box .tit{left:55rem}
}

@media(max-width:1024px){
/*인사말*/
.about_page .about_tit_box{max-width:60rem;height:auto;padding:5rem 2rem;text-align:center}
.about_page .about_tit_box .tit{position:relative;top:auto;left:auto;transform:none}
.about_page .about_tit_box .about_img{position:relative;top:auto;left:auto;transform:none}
	
/*교육과정*/
.cc_page_area .cont_box{padding:5rem 2rem}
}

@media(max-width:767px){
#page_area .page_tit_area .tit{font-size:3.5rem}

.about_page .m_br{display:none}
/*오시는길*/
.location .map_info > div{width:100%;float:none}
.location .map_info .left_box{padding:0 0 2.5rem;margin-bottom:2.5rem;border-bottom:1px dashed #ddd}

/*교육과정*/
.cc_page_area .cont_box .left_box{width:100%;margin-bottom:2.5rem;font-size:2rem;float:none}
.cc_page_area .cont_box .left_box br{display:none}
.cc_page_area .cont_box .right_box{width:100%;float:none}

.cc_page_area .pc_img{display:none}
.cc_page_area .m_img{display:block}

/*사이트맵*/
#site_map_area .site_map{width:100%;margin-bottom:2rem}
#site_map_area .site_map ul{min-height:auto}
}

@media(max-width:480px){
#page_area .page_tit_area .tit{font-size:3rem}

/*인사말*/
.about_page .about_tit_box .tit{font-size:3rem}	
.about_page .about_tit_box .about_img{width:100%}

/*오시는길*/
.location .map_info .info_list li{padding-left:8rem}
}

@media(max-width:320px){
#page_area .page_tit_area .tit{font-size:2.8rem}
}