@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
#gnb a { font-family: 'Noto Sans KR', sans-serif !important; font-weight:400 !important; }
#gnb ul.gnb_menu li.lang { display:none; }

#allmenu { /* position:fixed; */ height:auto; }
#allmenu div.allmenuBox { margin:10% auto; }
#allmenu div.allmenuBox ul.category li.select a { border-color:#555555; color:#333333; font-weight:500; }
#allmenu div.allmenuBox ul.category li.select.array_menu a:after, #allmenu div.allmenuBox ul.category li.select.array_abc a:after { background-color:#555555; }
#allmenu div.allmenuBox div#array_menu { overflow:hidden; padding:20px 20px 30px 20px; }
#allmenu div.allmenuBox div#array_menu>div { float:left; margin:2%; width:16%; box-sizing:border-box; }
#allmenu div.allmenuBox div#array_menu>div .tit { color:#1e6282; font-size:22px; font-weight:500; text-align:center; }
#allmenu div.allmenuBox div#array_menu>div>ul { margin-top:20px;  border-top:2px solid #666666; border-bottom:1px solid #aaaaaa; }
#allmenu div.allmenuBox div#array_menu>div>ul>li{border-top:1px solid #ece5e2; overflow:hidden}
#allmenu div.allmenuBox div#array_menu>div>ul>li:first-child{border-top:0px}
#allmenu div.allmenuBox div#array_menu>div>ul>li>a { display:block; float:none; padding:10px; text-align:left; font-size:14px; }
#allmenu div.allmenuBox div#array_menu>div>ul>li>a:hover { font-weight:bold; background:#f9f9f9; color:#309752; }

#data_control .control { display:none; }

header { height:135px; border-bottom:1px solid #dddddd; }
header>div { overflow:hidden; }
header>div h1 { margin-top:28px; float:left; width:25%; }
header>div h1 a { display:block; padding:8px 0 8px 122px; background:url('/dong/images/inc/logo.jpg') no-repeat; font-size:18px; color:#4c7cac;  font-weight:500; vertical-align:super; }
header nav { float:right; width:75%; }
header nav>ul>li { float:left; width:14%; text-align:center; }
header nav>ul>li>a { display:block; padding:36px 0; font-size:19px; color:#333333; font-weight:400; }
header nav>ul>li.select>a, header nav>ul>li>a.select { color:#2e6a9d; font-weight:600; }
header nav .submenu { position:absolute; z-index:5; display:none; width:7%; }
header nav .submenu>ul { padding-top:15px; }
header nav .submenu>ul>li>a { display:block; padding:3px 0; color:#666666; font-size:15px; font-weight:300; }
header nav .submenu>ul>li>a:hover { color:#309752; font-weight:500; }
header nav .submenu_bg { position:absolute; z-index:4; top:136px; left:0; display:none; width:100%; height:200px; border-bottom:3px solid #2e6a9d; background:#ffffff; }
header nav .submenu_bg p { height:100%; color:#2e6a9d; background:url('/dong/images/inc/submenu_bg.jpg') no-repeat left bottom; font-size:33px; line-height:43px; }
header nav .submenu_bg span { padding-top:20px; display:block; font-weight:500; }
header nav .menu_btn { position:absolute; z-index:2; top:70px; right:24px; padding:15px; background:#4c7cb8; border:1px solid #2f5c94; }
header nav .menu_btn a { display:block; width:21px; height:17px; text-indent:-999px; background:url('/dong/images/inc/menu_btn.gif') no-repeat; }

footer { overflow:hidden; padding:35px 0; background:#f4f4f4; border-top:1px solid #d9d9d9; }
footer p.btm_logo { float:left; margin-right:45px; }
footer .btm_info { float:left; }
footer .btm_menu { overflow:hidden; }
footer .btm_menu li { float:left; padding-right:15px; margin-right:15px; background:url('/dong/images/main/latest_bar.jpg') no-repeat right center; }
footer .btm_menu li a { color:#555555; }
footer .btm_menu li:last-child { background:none; }
footer address { display:block; margin-top:10px; color:#666666; font-size:14px; }
footer .copy { color:#666666; font-size:14px; }
footer .btm_link { float:right; }
footer .btm_link select { margin-bottom:5px; padding:5px; width:180px; color:#222222; border:1px solid #cccccc; line-height:21px; }
footer .btm_link input[type=button] { padding:5px; color:#222222; background:#f4f4f4; border:1px solid #cccccc; line-height:21px; }


/*****************************************************************************************************************************************************************************************/ 

@media all and (max-width:1280px) {	
	header nav .submenu { width:10%; }
}


@media all and (min-width:1200px) {	
}

@media all and (max-width:1199px) {
	header nav { width:73%; }
	header nav>ul>li>a { font-size:16px; }
	header nav .submenu_bg { height:230px; }
	header nav .submenu { width:11%; }
	header nav .submenu>ul>li>a { font-size:14px; }
}

@media all and (min-width:951px) {
	.menu_btn { display:none; }
}

@media all and (max-width:950px) {
	.menu_btn { display:inline-block; }
	.dong_nav { display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important; }
	header>div h1 { margin-left:24px; }
	header #lnb { position:absolute; z-index:5; top:135px; width:100%; }
	header nav { width:100%; }
	header nav>ul>li { width:100%; text-align:left; background:#4c7cb8; border-top:1px solid #6596d4; border-bottom:1px solid #2f5c94; }
	header nav>ul>li>a { padding:10px 0 10px 24px; color:#ffffff; }
	header nav>ul>li>a:hover { background:#4c7cb8; color:#ffffff; font-weight:500; }
	header nav>ul>li.select>a, header nav>ul>li>a.select { color:#ffffff; }
	header nav .submenu { position:static; width:100%; }
	header nav .submenu>ul { padding:15px 0 15px 30px; background:#ffffff; }
	footer p.btm_logo { display:none; }
	footer .btm_info { float:none; text-align:center; }
	footer .btm_menu li { float:none; display:inline; }
	footer .btm_link { float:none; margin-top:20px; text-align:center; }
	footer .btm_link li:first-child { margin-right:30px; }
	footer .btm_link li { display:inline; }
	header nav .menu_btn { padding:10px; }
}

@media all and (min-width:769px) {
}

@media all and (max-width:768px) {
	#allmenu div.allmenuBox div#array_menu>div { width:100%; margin-bottom:20px; }
	#allmenu div.allmenuBox div#array_menu>div>ul>li>a, #allmenu div.allmenuBox div#array_menu>div>ul>li>div { width:100%; }
	#allmenu div.allmenuBox div#array_menu>div>ul>li>div>ul>li{width:50%}
	#allmenu div.allmenuBox div#array_menu>div>ul>li>div>ul>li.long>ul li{width:48%}
	#allmenu div.allmenuBox div#array_abc>ul>li>a, #allmenu div.allmenuBox div#array_abc>ul>li>div { width:100%; }
	#allmenu div.allmenuBox div#array_abc>ul>li>div>ul>li{width:47%}
	header { height:120px; }
	header>div h1 { margin-top:23px; width:auto; }
	header>div h1 a { padding-left:110px; font-size:18px; }
	header nav .menu_btn { top:61px; }
	header #lnb { top:121px; }
	footer { padding:20px; }
	footer .btm_menu { display:none; }
	footer address, footer .copy { font-size:13px; text-align:left; }
	footer .btm_link li { display:block; width:100%; }
	footer .btm_link select { width:80%; }
	header nav .submenu { width:100%; }
	#data_control { display:none; }

}

@media all and (max-width:640px) {
}

@media all and (max-width:480px) {
}