@charset "utf-8";
@import url("font.css");

/* 태그초기화 */
*{margin:0; padding:0;}
html, body, h1, h2, h3, h4, h5, h6, hr, div, dl, dd, dt, ul, li, ol, form, fieldset, caption, table, th, td, textarea, select, iframe, input, legend, p, img, pre, q, button, blockquote{margin:0px; padding:0px;}
html, body{height:100%; min-height:100%; font-family:"Noto Sans KR", "Malgun Gothic","Nanum Gothic","AppleSDGothicNeo-Light","Dotum","Arial", sans-serif; font-weight:400; font-size:14px; color:#111; }
body{-webkit-overflow-scrolling:touch;}
h1, h2, h3, h4, h5, h6{font-size:inherit;}
ul, ol{list-style:none;}
button{border:0px; background:none; cursor:pointer; font:inherit; vertical-align:middle;}
em, address, i{ font-style:normal;}
img{border:0px; vertical-align:top;}
a{text-decoration:none; color:#222;}
/* a:link, a:visited, a:hover, a:active{color:inherit} */
table{width:100%; border-spacing:0px; border-collapse:collapse;}
caption{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;}
legend{position:absolute; top:0px; left:-9999px; font-size:0px; line-height:0px; text-indent:-9999px;}
hr{overflow:hidden; position:absolute; top:0px;left:-9999px; width:0; height:0;}
input[type="submit"], input[type="reset"], input[type="image"]{border:0px; background:none; cursor:pointer;}
input[type="checkbox"], input[type="radio"]{border:0px;}
input, select{font-family:inherit; font-size:inherit; color:inherit; border:0px;}
.noscroll{overflow:hidden; position:absolute; width:100%;}
#wrap{position:relative; width:100%; min-height:100%;}
#mask{z-index:9;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.7;filter:Alpha(opacity=70); position:absolute;}

/* 공통클래스 */
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
.pl{position:relative;}
.skip{overflow:hidden; position:absolute; top:0px; left:-9999px; font-size:0px; line-height:0px; width:1px; height:1px; text-indent:-9999px;}
.clr{clear:both;}
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right;}
.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after{display:block; content:''; line-height:0px;}
.clearfix:after{clear:both;}
.nodata {width:100%;margin: 0 auto;padding: 40px 0 !important;text-align: center !important;color: #666 !important;font-size: 15px !important;font-weight: 400 !important;background: none !important;}

/* margin */
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb70{margin-bottom:70px;}
.mb100{margin-bottom:100px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.ml10{margin-left:10px;}

/* padding */
.pt30{padding-top:30px !important;}
.pr10{padding-right:10px}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pb30{padding-bottom:30px !important;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl70{padding-left:70px;}

/* btn */
.btn_red{background:#e50046; border:1px solid #e50046; color:#fff;}
.btn_orange{background:#e45429; border:1px solid #e45429; color:#fff;}
.btn_gray{background:#9ca5b3; border:1px solid #9ca5b3; color:#fff;}
.btn_navy{background:#253a49; border:1px solid #253a49; color:#fff;}
.btn_yellow{background:#f59f24; border:1px solid #f59f24; color:#fff;}
.btn_green{background:#72ac46; border:1px solid #72ac46; color:#fff;}

/* input[type="checkbox"], input[type="radio"] style */
.inp_checkbox{color:#111; cursor:pointer; margin-bottom:10px;}
.inp_checkbox label{cursor:pointer; display:inline-block; height:27px; padding-left:35px; background:url(../images/sub/checkbox_off.png) 0 0 no-repeat; vertical-align:top; line-height:27px; background-size:27px 27px;}
.inp_checkbox label.on{background:url(../images/sub/checkbox_on.png) 0 0 no-repeat;  background-size:27px 27px;}
.inp_checkbox input[type=checkbox]{width:0px; height:0px; opacity:0; filter:alpha(opacity=0); line-height:0px; font-size:0px;}
.inp_radio{color:#111; cursor:pointer; margin-right:20px; margin-bottom:10px;}
.inp_radio label{cursor:pointer; display:inline-block; height:32px; padding-left:40px; background:url(../images/sub/radio_off.png) 0 0 no-repeat; vertical-align:top; background-size:32px 32px;  line-height:32px;}
.inp_radio label.on{background:url(../images/sub/radio_on.png) 0 0 no-repeat; background-size:32px 32px;}
.inp_radio input[type=radio]{width:0px; height:0px; opacity:0; filter:alpha(opacity=0);}

/* font color */
.yellow{color:#ffc000;}
.green{color:#6fac46;}
.orange{color:#ea5406;}
.blue{color:#365d9f !important;}
.red{color:#e50046;}

.label_green{line-height:31px; padding:0 5px !important; margin-right:3px; border:1px solid #6fac46; color:#6fac46 !important; border-radius:20px; font-size:13px;}
.label_blue{line-height:31px; padding:0 5px !important; margin-right:3px; border:1px solid #4c6fd7; color:#4c6fd7 !important; border-radius:20px; font-size:13px; }
.label_orange{line-height:31px; padding:0 5px !important; margin-right:3px; border:1px solid #f15a22; color:#f15a22 !important; border-radius:20px; font-size:13px; }

/* header */
.header{}
.header .header_top{height:55px; padding:0 15px;}
.header .header_top h1{padding-top:9px;}
.header .header_top a{display:inline-block;}
.main .header .header_top h1 a{width:118px; height:32px; background:url(../images/common/logo.png) 0 0 no-repeat; background-size:118px 32px;}
.sub .header .header_top h1 a{width:118px; height:32px; background:url(../images/sub/logo_sub.png) 0 0 no-repeat; background-size:118px 32px;}
.main .header .header_top .btn_menu{width:63px; height:22px; margin-top:15px; background:url(../images/common/btn_menu.png) 0 0 no-repeat; background-size:65px 22px;}
.sub .header .header_top .btn_menu{width:61px; height:22px; margin-top:15px; background:url(../images/sub/btn_menu_white.png) 0 0 no-repeat; background-size:65px 22px;}
/* lnb_box */
.lnb_box{position:absolute; top:0px; left:0px; width:100%; height:100%; min-height:100%; padding-bottom:20px;  z-index:100; background:#fff;  box-sizing:border-box;} 
.lnb_box .head{display: flex;align-items: center;justify-content:space-between;position:relative; height:55px; padding:0 15px; background:#f15a22;}
.lnb_box .head .rg{display:flex;align-items:center;justify-content:space-between;}
.lnb_box .head .ic_message{display:inline-block;width:33px;height:33px;margin-right: 10px;background:url("../images/common/ic_note.png")no-repeat;background-size:100%;}
.lnb_box .head .myinfo{/* position:absolute; top:10px; right:15px; max-width:calc( 100% - 100px ); */height:34px; padding-left:40px; padding-top:10px; background:url(../images/common/ic_my.png) 0 50% no-repeat; background-size:34px 34px; box-sizing:border-box;}
.lnb_box .head .myinfo span{display:block; margin-top:-13px; color:#fcff00; font-size:12px;}
.lnb_box .head .myinfo p{ font-size:16px; font-weight:500; color:#fff; line-height:1.2; }
.lnb_box .head .btn_close{width:55px; height:55px; margin-left:-10px; background:url(../images/sub/prev_page.png) 50% 50% no-repeat; background-size:21px 13px;}
.lnb_box .quick_menu{}
.lnb_box .quick_menu li{border-top:1px solid #fff;}
.lnb_box .quick_menu li a{display:block; line-height:55px; text-align:center; color:#fff; font-size:18px; font-weight:500;}
.lnb_box .quick_menu li a span{display:inline-block; line-height:55px;}
.lnb_box .quick_menu .qm1 a{ background:#6fac46;}
.lnb_box .quick_menu .qm1 a span{padding-left:51px; background:url(../images/common/btn_classroom2.png) 0 50% no-repeat; background-size:40px 29px;}
.lnb_box .quick_menu .qm2 a{background:#ffc000;}
.lnb_box .quick_menu .qm2 a span{padding-left:29px; background:url(../images/common/btn_director.png) 0 50% no-repeat; background-size:22px 22px;}
.lnb_box .category{background:#f5f6fa;}
.lnb_box .category .dp1{border-bottom:1px solid #ddd;}
.lnb_box .category .dp1 > a{position:relative; display:block; padding:0 15px; background:#fff ; line-height:55px; font-size:18px; font-weight:500; }
.lnb_box .category .dp1 > a em{position:absolute; top:0px; right:15px; display:inline-block; width:19px; height:46px; background: url(../images/common/dp1_arr_off.png) 0 50% no-repeat; background-size:19px 10px;}
.lnb_box .category .dp1.on > a em{background:#fff url(../images/common/dp1_arr_on.png) 0 50% no-repeat; background-size:19px 10px;}
.lnb_box .category .dp1 .dp2{display:none; padding:0 15px;}
.lnb_box .category .dp1 .dp2 > li{ border-top:1px solid #ddd; }
.lnb_box .category .dp1 .dp2 > li:first-child{border-top:0px;}
.lnb_box .category .dp1 .dp2 > li > a{display:block; padding-left:30px; line-height:48px; font-size:16px; background:url(../images/common/bullet_2dp.png) 10px 50% no-repeat; background-size:15px 14px;}
.lnb_box .category .dp1 .dp2 .dp3{display:none;}
.lnb_box .category .dp1 .dp2 .dp3 li{border-top:1px dashed #ddd;}
.lnb_box .category .dp1 .dp2 .dp3 li:first-child{border-top:1px solid #ddd;}
.lnb_box .category .dp1 .dp2 .dp3 li > a{display:block; padding-left:40px; line-height:48px; font-size:16px; background:url(../images/common/bullet_3dp.png) 30px 50% no-repeat; background-size:5px 5px;}
.lnb_box .category .dp1 .dp2 .dp3 li div{display:none; border:1px solid #ddd; border-bottom:0px; background:#fff;}
.lnb_box .category .dp1 .dp2 .dp3 li div a{float:left; display:inline-block; width:50%; line-height:42px; text-align:center; border-bottom:1px solid #ddd; font-size:16px; }
.lnb_box .category .dp1 .dp2 .dp3 li div a:nth-child(odd){width:calc( 50% - 1px); border-right:1px solid #ddd;}
.lnb_box .btn_box{margin:0 15px;}
.lnb_box .btn_box a{display:inline-block; width:100%; height:53px; margin-top:11px; text-align:center; line-height:53px; font-size:18px; font-weight:500; text-align:center; color:#fff;}

/* footer */
.footer{padding:15px 15px 0px; background:#f5f6fa; border-top:1px solid #ddd;}
.foot_menu{display: flex;align-items: center;justify-content: center;}
.foot_menu li{padding-left:15px;padding-right:13px;}
.foot_menu li.first{position:relative;padding-left:12px;background-image:none;font-weight:700;}
.foot_menu li.first::after{position:absolute;display:inline-block;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:1px;height:12px;background:#999;content:'';}
.footer .site_info{text-align:center; font-size:12px; line-height:1.5; color:#777;}
.footer .site_info strong{display:block; color:#111;}
.footer .site_family{position:relative; width:240px; height:32px; padding:0 10px; margin:15px auto; border:1px solid #ccc; line-height:32px; background:#fff url(../images/common/btn_familysite.png) right 50% no-repeat; background-size:38px 35px;}
.footer .site_family .btn_fam{display:block; color:#666; font-size:13px;}
.footer .site_family .family_list{display:none; position:absolute; bottom:32px; left:-1px; width:260px; border:1px solid #ccc; background:#fff; z-index:3;}
.footer .site_family .family_list li{padding:0px 10px; border-top:1px dashed #eee; }
.footer .site_family .family_list li a{font-size:13px; color:#666;}
.footer .site_family .family_list li:first-child{border-top:0px;}
.footer .cs_call{display:block; width:300px; margin:0 auto;}
.footer .cs_call img{width:100%;}
.footer .btn_top{position:fixed; bottom:15px; right:15px; }
.footer .btn_top a{display:inline-block; width:40px; height:40px; background:url(../images/common/btn_top.png) 0 0 no-repeat; background-size:40px 40px;}
.footer .btn_box{padding:20px 20px 0;  }
.footer .btn_box a{display:block; line-height:50px; font-size:17px; font-weight:500; color:#fff; text-align:center;}