@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
*,body { font-family: 'Noto Sans KR', sans-serif !important; }
.wfont { font-weight:400; }
#gnb ul.family li a { font-weight:400; }
#gnb ul.gnb_menu li.lang>a { display:none; }
#gnb ul.gnb_menu>li.lang:after { display:none; }
#allmenu { /* position:fixed; */ height:100%; }
#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:40px 20px; }
#allmenu div.allmenuBox div#array_menu>div { float:left; margin:2%; width:21%; min-height:310px; box-sizing:border-box; }
#allmenu div.allmenuBox div#array_menu>div .tit>a,
#allmenu div.allmenuBox div#array_menu>div .tit { color:#fa674e; 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 20px; text-align:left; font-size:15px}
#allmenu div.allmenuBox div#array_menu>div>ul>li>a:hover { font-weight:500; background:#f8f8f8; color:#fa674e; }
#allmenu div.allmenuBox div#array_menu>div.allmenu5>ul { border-bottom:none; }

header { position:relative; }
header h1 { padding-top:34px; height:60px; text-align:center; }
header h1 a { padding-left:108px; color:#fa674e; background:url('/job/images/inc/logo.jpg') no-repeat left; font-size:26px; font-weight:500; }
header h2 { position:absolute; z-index:5; top:60px; right:20px; width:45px; height:45px; border-radius:50px; background:#fa674e; }
header h2 a { display:block; width:100%; height:45px; background:url('/job/images/inc/menu_btn.gif') no-repeat center; text-indent:-9999px; }
header nav { height:65px; border-top:1px solid #dcdee3; border-bottom:1px solid #dadada; box-sizing:border-box; }
header nav #lnb>li { position:relative; float:left; width:19.6666%; text-align:center; } 
header nav #lnb>li:after { display:block; content:''; position:absolute; z-index:1; left:0px; top:22px; height:20px; width:1px; background:#e6e7eb; } 
header nav #lnb>li:first-child:after { width:0px; }
header nav #lnb>li>a { display:block; padding:20px 0; color:#222222; font-size:16px; font-weight:400; transition:all 0.2s ease; }
header nav #lnb>li>a:hover, header nav #lnb>li>a.select { color:#3c65cd; font-size:20px; font-weight:500; text-decoration:none; }
header nav #lnb .submenu { position:absolute; z-index:999; display:none; margin-top:-1px; padding:10px 0; width:100%; height:300px; }
header nav #lnb #submenu1, header nav #lnb #submenu3, header nav #lnb #submenu6 { background:#f8f8f8; border-top:1px solid #dadada; }
header nav #lnb>li:hover .submenu { height:301px; background:#557ce0 url('/job/images/inc/submenu_on.png') no-repeat top !important; border-top:0px !important; }
header nav #lnb>li:hover .submenu>ul>li>a { color:#ffffff; }
header nav #lnb .submenu>ul>li>a { padding:6px 0px; display:block; color:#717377; font-size:14px; font-weight:300; }
header nav #lnb .submenu>ul>li>a:hover span { background:url('/job/images/inc/menu_under.jpg') repeat-x left 10px; font-weight:500; text-decoration:none; }
.submenu_bg { position:absolute; z-index:5; left:0; display:none; width:100%; height:320px; background:#ffffff; border-bottom:2px solid #557ce0; }

#data_control .control {display:none;}
footer { overflow:hidden; padding:35px 0; }
footer>div>p { float:left; margin-right:75px; }
footer .copy { float:left; color:#444444; }
footer .copy address { font-size:16px; font-weight:400; line-height:20px; }
footer .copy p { font-size:13px; }
footer .btm_menu { overflow:hidden; float:right; }
footer .btm_menu li { position:relative; float:left; padding:0 12px; }
footer .btm_menu li:after { position:absolute; z-index:1; display:block; content:''; top:7px; left:0px; width:1px; height:12px; background:#73767a; }
footer .btm_menu li:first-child:after { width:0px; }
footer .btm_menu li a { font-size:14px; font-weight:500; }


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

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

}

@media all and (max-width:1199px) {
	header nav #lnb>li>a:hover, header nav #lnb>li>a.select { font-size:17px; }
	footer { padding:30px 20px; }
	footer>div>p { display:none; }
}

@media all and (max-width:950px) {
	header nav #lnb>li>a, header nav #lnb>li>a:hover, header nav #lnb>li>a.select { font-size:14px; }
	footer .btm_menu { margin-bottom:10px; float:none; }
	footer .btm_menu li:first-child { padding-left:0px; }
	footer .btm_menu li a { font-size:15px; }
	footer .copy { float:none; }
	footer .copy address { font-size:15px; }
}

@media all and (min-width:769px) {	
header nav #lnb .submenu>ul>li>a span { padding:0 13px; display:inline-block; }
}

@media all and (max-width:768px) {
	#data_control {display:none;}
	#allmenu div.allmenuBox div#array_menu>div {width:100%; min-height:auto; 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 h1 { padding:28px 0 0 20px; height:60px; text-align:left; }
	header h1 a { padding:10px 0 10px 108px; font-size:18px; background-position:left 11px; }
	header nav { height:auto; border-top:0px; }
	header #lnb { position:absolute; z-index:10; width:100%; }
	header nav #lnb>li { width:100%; text-align:left; border-bottom:1px solid #d03a20; }
	header nav #lnb>li>a { padding:10px 20px; background:#fa674e; color:#ffffff; }
	header nav #lnb>li>a:hover, header nav #lnb>li>a.select { color:#ffffff; }
	header nav #lnb>li .submenu { position:static; height:auto !important; }
	header nav #lnb>li:hover .submenu>ul>li>a { padding:5px 20px; color:#222222; }
	header nav #lnb .submenu>ul>li>a:hover span { background:none; }
	header nav #lnb>li:hover .submenu { background:#ffffff !important; }
}

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

@media all and (max-width:480px) {
	footer .btm_menu li { padding:0 5px; }
	footer .btm_menu li:after { width:0px; }
	footer .btm_menu li a { font-size:13px; }

}