@charset "utf-8";

/* 모바일 영역 */
.m_box {display:none; position:fixed; top:0; right:-310px; width:310px; height:100%; background-color:#fff; /*overflow-y: scroll;*/ overflow-y:auto; z-index:999; transition:all .5s;z-index: 999999;}
.m_box.on {right:0;}
.m_box > div.m_top {display:flex; justify-content: space-between; align-items:center; padding:10px 20px; border-bottom:1px solid #ccc; background-color:#0081c5;}
.m_box > div.m_top > a.home_btn {display:inline-block; color:#fff; font-size:18px;}
.m_box > div.m_top > a.home_btn > i {margin-right:5px;}
.m_box > div.m_top > a.m_close_r > i {font-size:25px; color:#fff;}
.m_box > ul.m_list > li {text-indent:20px; line-height:50px; border-bottom:1px solid #ccc;}
.m_box > ul.m_list > li > a {position:relative; display:block; font-weight:500; font-size:17px;}
.m_box > ul.m_list > li > a:after {content:"\e942"; font-size: 13px; color: silver; font-family: xeicon; position: absolute; z-index: 99999; top:0px; right:15px;}
.m_box > ul.m_list > li > a.fontbg:after {content:"\e945"; font-size: 13px; color: silver; font-family: xeicon; position: absolute; z-index: 99999; top:0px; right:15px;}
.m_box > ul.m_list > li > ul.m_sub {background-color:#efefef; display:none;}
.m_box > ul.m_list > li > ul.m_sub > li {border-bottom:1px solid #e5e5e5;}
.m_box > ul.m_list > li > ul.m_sub > li:last-child {border-bottom:none;}
.m_box > ul.m_list > li > ul.m_sub > li > a {display:block; color:#666; font-size:16px; font-weight:500;}

.m_box > .m_link {margin-top:30px; padding:0px 10px;}
.m_box > .m_link > li {margin-bottom:5px; border:1px solid #d6d6d6; background:#f7f7f7 url("/nationalmschool/images/h_t_icon01.png") no-repeat left 20px center;}
.m_box > .m_link > li:nth-child(2) {background-image:url("/nationalmschool/images/h_t_icon02.png");}
.m_box > .m_link > li:nth-child(3) {background-image:url("/nationalmschool/images/h_t_icon03.png");}
.m_box > .m_link > li:nth-child(4) {background-image:url("/nationalmschool/images/h_t_icon03.png");}
.m_box > .m_link > li > a {display:block; padding:10px 0px 10px 50px; background:url("/nationalmschool/images/m_site_arrow1.png") no-repeat right 15px center;}

.m_box > .m_sns { display:flex; justify-content: center; align-items: center; overflow:hidden; margin-top:100px;}
.m_box > .m_sns ul { display:flex; justify-content: center; align-items: center; width:70%; }
.m_box > .m_sns ul li { padding:5px; }
.m_box > .m_sns ul li > a img { width:100%; margin:.5%; float: left; }

@media screen and (max-width:1200px){
	.m_box {display:block;}
}


/* 해더 영역 */ 
#header {}
#header .h_top {}
#header .h_top .h_t_center {display:flex; justify-content:space-between; align-items:center; width:1500px; height:95px; margin:0px auto;}
#header .h_top .m_btn_r {display:none;}
#header .h_top .m_btn_r > i {font-size:1.875rem; color: #2e75b6; font-weight:600;}

#header .h_bot {position:relative; background-color:#2e75b6;}
#header .h_bot .h_b_center {width:1500px; margin:0px auto;}
#header .h_bot .h_b_gnb {}
#header .h_bot .h_b_gnb:after {content:""; display:block; clear:both;}
#header .h_bot .h_b_gnb > li {float:left; width:20%; height:55px;}

#header .h_bot .h_b_gnb > li > a {position:relative; display:block; height:100%; color:#fff; font-size:1.25rem; line-height:55px; font-weight:300; text-align:center; font-family:"pretendard";}
#header .h_bot .h_b_gnb > li > a:hover { color:#fefe6a; font-weight:500; }
#header .h_bot .h_b_gnb > li:last-child > a:before {display:none;}

#header .h_bot .h_b_gnb .h_bg_r {display:none; position:absolute; width:100%; height:220px; left:0px; background-color:#fff; z-index:77; border-bottom:1px solid #ccc;}
#header .h_bot .h_b_gnb .h_line {height:200px; border-bottom:1px solid #ccc; }
#header .h_bot .h_b_gnb .h_bg_r:after {content:""; display:block; clear:both;}
#header .h_bot .h_b_gnb .h_bg_r .left_img {position:relative; float:left; width:16.5%; height:100%; background-color:#fff;}
#header .h_bot .h_b_gnb .h_bg_r .h_font_box {width: 121.23%;; height:100%; position:absolute; right:0; top:0px;}

#header .h_bot .h_b_gnb > li:nth-child(1) .h_bg_r .left_img .h_font_box {background:#f3f3f3 url("/renewal/images/h_icon01.png") no-repeat bottom 5px center/200px;}
#header .h_bot .h_b_gnb > li:nth-child(2) .h_bg_r .left_img .h_font_box {background:#f3f3f3 url("/renewal/images/h_icon02.png") no-repeat bottom 5px center/150px;}
#header .h_bot .h_b_gnb > li:nth-child(3) .h_bg_r .left_img .h_font_box {background:#f3f3f3 url("/renewal/images/h_icon03.png") no-repeat bottom 5px center/170px;}
#header .h_bot .h_b_gnb > li:nth-child(4) .h_bg_r .left_img .h_font_box {background:#f3f3f3 url("/renewal/images/h_icon04.png") no-repeat bottom 10px center/160px;}
#header .h_bot .h_b_gnb > li:nth-child(5) .h_bg_r .left_img .h_font_box {background:#f3f3f3 url("/renewal/images/h_icon05.png") no-repeat bottom center/180px;}
#header .h_bot .h_b_gnb > li:nth-child(6) .h_bg_r .left_img .h_font_box {background:#f3f3f3 url("/renewal/images/h_icon06.png") no-repeat bottom center/120px;}
#header .h_bot .h_b_gnb .h_bg_r_center {width:1500px; height:100%; margin:0px auto;}
#header .h_bot .h_b_gnb .h_bg_r_center:after {content:""; display:block; clear:both;}
#header .h_bot .h_b_gnb .h_bg_r_center > li.on {color:#fefe6a; font-weight:500; }

#header .h_bot .h_b_gnb .h_bg_r .left_img .h_font_box {padding-top:40px; box-sizing:border-box;}
#header .h_bot .h_b_gnb .h_bg_r .left_img .h_font_box > b {display:block;  margin-bottom:10px; font-size:1.5625rem; text-align:center; font-weight:550;}
#header .h_bot .h_b_gnb .h_bg_r .left_img .h_font_box > p { font-weight:450;}

#header .h_bot .h_b_gnb .h_bg_r .right_menu {float:left; width:83.5%; height:100%; box-sizing:border-box; padding-top:40px;}

#header .h_bot .h_b_gnb .h_bg_r .h_sub_menu:after {content:""; display:block; clear:both;}
#header .h_bot .h_b_gnb .h_bg_r .h_sub_menu > li {float:left; width:21%; height:55px; margin-left:3.8%; border:1px solid #d0d4d8; border-radius:5px; box-sizing:border-box; transition:all .5s;}
#header .h_bot .h_b_gnb .h_bg_r .h_sub_menu > li:hover {background-color:#34a3dd;}
#header .h_bot .h_b_gnb .h_bg_r .h_sub_menu > li:hover > a {color:#fff;}
#header .h_bot .h_b_gnb .h_bg_r .h_sub_menu > li:nth-child(4n) {margin-right:0px;}
#header .h_bot .h_b_gnb .h_bg_r .h_sub_menu > li:nth-child(n+5) {margin-top:20px;}
#header .h_bot .h_b_gnb .h_bg_r .h_sub_menu > li > a {display:block; height:100%; font-size:15px; text-align:left; text-indent:16px; line-height:55px; font-weight:500;}

@media screen and (max-width:1600px){
	#header .h_top .h_t_center {width:95%;}
	#header .h_bot .h_b_center {width:95%;}
	#header .h_bot .h_b_gnb .h_bg_r .h_font_box {width:115%;}
}
@media screen and (max-width:1560px){
	#header .h_bot .h_b_gnb .h_bg_r .left_img {width:17.5%;}
	#header .h_bot .h_b_gnb .h_bg_r .right_menu {width:82.5%;}
}
@media screen and (max-width:1530px){
	#header .h_bot .h_b_gnb .h_bg_r_center {width:100%;}
	#header .h_bot .h_b_gnb .h_bg_r .left_img {width:18.5%;}
	#header .h_bot .h_b_gnb .h_bg_r .right_menu {width:81.5%;}
	#header .h_bot .h_b_gnb .h_bg_r .h_font_box {width:100%; position:static;}
}
@media screen and (max-width:1500px){
	#header .h_top .h_t_center .h_t_logo > a {display:block;}
	#header .h_top .h_t_center .h_t_logo > a > img {width:100%;}
}
@media screen and (max-width:1400px){
	#header .h_top {border-bottom: 1px solid #c8c9ca;}
	#header .h_bot .h_b_gnb .h_bg_r .h_sub_menu > li {margin-left:3%;}
	#header .h_bot .h_b_gnb > li > a {font-size:1.25rem;}
}
@media screen and (max-width:1280px){
	#header .h_top .h_t_center {width:96%;}
	#header .h_top .h_t_center {height:80px;}
	#header .h_top .h_t_center .h_t_logo {width:400px;}
	#header .h_top .m_btn_r > i {font-size:1.75rem;}
	#header .h_top .m_btn_r {display:block;}
	#header .h_bot {display:none;}
}
@media screen and (max-width:1024px){
	#header .h_top .h_t_center {height:70px;}
	#header .h_top .m_btn_r > i {font-size:1.5625rem;}
}
@media screen and (max-width:768px){
	#header .h_top .h_t_center {width:100%; height:80px; padding:0px 10px;}
	#header .h_top .h_t_center .h_t_logo {width:270px;}
	#header .h_top .m_btn_r > i {font-size:2.5rem;}
}


/* 풋터 영역 */
#footer {padding-bottom:40px; background:#f8f8f8; border-top:2px solid #eee; }
#footer .f_center {display:flex; justify-content:space-between; width:1500px; margin:0px auto;}
#footer .f_c_left {margin-top:30px;}
#footer .f_menu {margin-bottom:20px;}
#footer .f_menu:after {content:""; display:block; clear:both;}
#footer .f_menu > li {float:left;}
#footer .f_menu > li:nth-child(1) > a {color:#fbffbf;}
#footer .f_menu > li > a {color:#fff; font-weight:500; font-size:0.875rem; transition:all .5s;}
#footer .f_menu > li:hover > a {text-decoration:underline;}

#footer .f_menu > li:after {content:""; display:inline-block; width:1px; height:12px; background:#555; margin:0px 10px;}
#footer .f_menu > li:last-child:after {display:none;}
#footer .address {color:#787878; font-size:0.875rem; line-height:1.8;}
#footer .address .f_logo { margin-bottom:25px; }
#footer .mobile_address {display:none;}

#footer .f_c_right {display:flex; flex-direction:column; align-items:flex-end; margin-top:25px;}
#footer .f_c_r_top {display:flex; margin-bottom:10px;}
#footer .f_c_r_top ul {display:flex; }
#footer .f_c_r_top li {display:flex; margin-left:10px;}
#footer .f_sns {margin-right:20px;}
#footer .f_sns:after {content:""; display:block; clear:both;}
#footer .f_sns > li {float:left; margin-right:10px;}
#footer .f_sns > li:last-child {margin-right:0px;}
#footer .f_sns > li > a {}

#footer .f_c_r_bot {}
#footer .f_logo_wrap {display:flex; align-items:center;}
#footer .f_logo_wrap > li {margin-right:10px;}
#footer .f_logo_wrap > li:last-child {margin-right:0px;}

@media screen and (max-width:1600px){
	#footer .f_center {width:95%;}
}
@media screen and (max-width:1330px){
	#footer .f_c_r_top {flex-direction:column-reverse; align-items:flex-end;}
	#footer .f_sns {margin-top:15px;}
}
@media screen and (max-width:1200px){
	#footer {padding-bottom:30px;}
}
@media screen and (max-width:1024px){
	#footer {padding-top:30px;}
	#footer .f_center {flex-direction:column; align-items:center;}
	#footer .f_c_left {margin-top:0px;}
	#footer .f_c_right {margin-top:0px; align-items:center;}
	#footer .f_c_r_top {align-items:center;}
	#footer .f_sns {margin-right:0px;}
	#footer .pc_address {display:none;}
	#footer .mobile_address {display:block; margin-top:15px; text-align:center; line-height:1.5;}
}
@media screen and (max-width:768px){
	#footer {padding:20px 0px;}
}
@media screen and (max-width:650px){
	#footer .f_menu {text-align:center;}
	#footer .f_menu > li {float:none; display:inline-block;}
}
@media screen and (max-width:600px){
	#footer .mobile_address {font-size:0.8125rem;}
}
@media screen and (max-width:524px){
	#footer .mobile_address {font-size:0.8125rem;}
	#footer .mz_link h4 a {padding:0px 0px 0px 10px;}
	#footer .f_sns > li > a > img {width:30px;}
	#footer .f_logo_wrap > li:nth-child(1) > a > img {width:90px;}
	#footer .f_logo_wrap > li:nth-child(2) > a > img {width:50px;}
}



#loading_img{
	width:100px;
	position:absolute; 
	top:50%;
	left:50%;
	height:100px;
	margin-top:-50px;	
	margin-left:-50px;	
	z-index: 200;
}
#loading_msg
{
	width:300px;
	position:absolute; 
	top:50%;
	left:50%;
	height:50px;
	margin-top: 50px;	
	margin-left:-150px;	
	z-index: 200;
	text-align:center;
	color:#FFFFFF; font:normal 12px/1.7 '굴림',Gulim,GulimChe, Dotum,DotumChe,verdana;*word-break:break-all;-ms-word-break:break-all;
	font-weight:bold;
}
/* 상태창 */
#state_msg 
{
	position:absolute; 
	border-radius: 20px;
	width:500px;
	height:40px;
	top:50%;
	left:50%;
	margin-left: -250px;
	margin-top: -20px;
	padding-top:8px;
	font-weight:bold;
	text-align:center;
	background-color:#222222;
	color:white;
	
	-ms-word-break:break-all;
	border:2px solid #666666;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity : 0.7;
	z-index:1000;
}