@charset "euc-kr";

/*layout*/
#skip_navi {position:absolute; top:0; left:0; width:100%; z-index:999999;}
#skip_navi a {display:block; position:absolute; top:-1000em; left:0; width:100%; height:22px; padding-top:7px; background-color:#333; color:#fff; font-size:1.15em; text-decoration:underline; text-align:center;}
#skip_navi a:active, #skip_navi a:focus {top:0;}

.head_top {position:relative; z-index:1; width:909px; margin:0 auto; height:80px;}
.head_top h1 {padding:14px 0 0 18px;}
.head_top ul {position:absolute; top:52px; right:34px; overflow:hidden;}
.head_top ul li {float:left; padding:1px 5px 0 0;}
.head_top ul li.go_seoul {padding:0 0 0 13px;}

/*gnb*/
#gnb {width:100%; background:url('/static/eng/open_images/common/gnb_bg.gif') repeat-x; height:50px;}
.topmenu {margin:0 auto; width:909px; height:40px; } 
.topmenu .menubox {float:left; padding:0 0 0 14px;} 
.topmenu .menubox li {float:left; background:url('/static/eng/open_images/common/gnb_bar.gif') no-repeat right 16px; padding:12px 15px 0 14px; color:#777;}
.topmenu .menubox li.main_menu4 {background:none;}
.topmenu .sub_menu { display:none; position:absolute; top:120px; left:0; width:100%; z-index:100; background:#fff; }
.topmenu .sub_menu .sbox { width:1020px; margin:0 auto; padding:12px 0 6px 110px; }
.topmenu .sub_menu ul { display:inline; float:left; height:100%; padding:10px 0 10px 10px; width:156px; }
.topmenu .sub_menu ul.fitem { }
.topmenu .sub_menu li {clear:both; margin:0; padding:0 19px 3px 8px; background-repeat:no-repeat; background-position:0 2px; }
.topmenu .sub_menu a { color:#777; white-space:nowrap; letter-spacing:-1px;}
.topmenu .sub_menu dt { margin-bottom:6px; }
.topmenu .sub_menu dd { margin-left:-8px; padding-left:8px; background:url('/static/eng/open_images/common/ico_dot.gif') no-repeat 0 3px; font-weight:normal; line-height:1.35em; }

.topmenu .sub_menu .sbox:after {content: "."; clear:both; display:block; height:0; visibility:hidden;}
* html .topmenu .sub_menu .sbox {height:1px;}
.topmenu .sub_menu .sbox {display:block; min-height:1px;}

.topmenu li.main_menu1 .sub_menu {border-bottom:2px solid #196D7B;}
.topmenu li.main_menu1 .sub_menu li {background-image:url('/static/eng/open_images/common/ico_arrow_gnb.gif');}
.topmenu li.main_menu1 .sub_menu a:hover {color:#196D7B;}

.topmenu li.main_menu2 .sub_menu {border-bottom:2px solid #bd8288;}
.topmenu li.main_menu2 .sub_menu li {background-image:url('/static/eng/open_images/common/ico_arrow_gnb5.gif');}
.topmenu li.main_menu2 .sub_menu a:hover {color:#bd8288;}

.topmenu li.main_menu3 .sub_menu {border-bottom:2px solid #d0722a;}
.topmenu li.main_menu3 .sub_menu li {background-image:url('/static/eng/open_images/common/ico_arrow_gnb4.gif');}
.topmenu li.main_menu3 .sub_menu a:hover {color:#d0722a;}

.topmenu li.main_menu4 .sub_menu {border-bottom:2px solid #1A7B00;}
.topmenu li.main_menu4 .sub_menu li {background-image:url('/static/eng/open_images/common/ico_arrow_gnb2.gif');}
.topmenu li.main_menu4 .sub_menu a:hover {color:#1A7B00; }


.topmenu .all {display:inline; float:right; margin-right:2px;}
.topmenu .allbox {position:absolute; top:120px; left:0; width:100%; z-index:100; }
	.topmenu .allbox .inbox {position:relative; width:889px; height:282px; margin:0 auto; border:3px solid #5cb8c7; background:#fff; }
	.topmenu .allbox .menucls { position:absolute; bottom:11px; right:13px; width:23px; height:23px; background:url('/static/eng/open_images/common/btn_cls_menu.gif') no-repeat; text-indent:-1000em; overflow:hidden; }
	.topmenu .allbox { }
		.topmenu .allbox dl { position:absolute; border-left:1px solid #e3e3e3; padding-left:14px; min-height:225px; }
		.topmenu .allbox dt { padding:1px 0 8px 12px; font-weight:bold; font-size:14px; }
		.topmenu .allbox li { padding-left:3px; }
		.topmenu .allbox a { padding-left:7px; color:#656565; line-height:1.6em; }
		.topmenu .allbox li li a { color:#757575; }
		.topmenu .allbox li ul { padding:2px 0 1px 3px; }

	.topmenu .allbox .menu_item01 { top:28px; left:27px; padding:0; border:0; }
	.topmenu .allbox .menu_item02 { top:28px; left:234px; }
	.topmenu .allbox .menu_item03 { top:28px; left:480px; }
	.topmenu .allbox .menu_item04 { top:28px; left:695px; }
	
	.topmenu .allbox .menu_item01 dt { background:url('/static/eng/open_images/common/ico_menu01.gif') no-repeat; color:#326973; }
	.topmenu .allbox .menu_item02 dt { background:url('/static/eng/open_images/common/ico_menu05.gif') no-repeat; color:#985E63; }
	.topmenu .allbox .menu_item03 dt { background:url('/static/eng/open_images/common/ico_menu04.gif') no-repeat; color:#AB5E22; }
	.topmenu .allbox .menu_item04 dt { background:url('/static/eng/open_images/common/ico_menu02.gif') no-repeat; color:#617322; }
	
	.topmenu .allbox .menu_item01 a:hover { background:url('/static/eng/open_images/common/ico_submenu01.gif') no-repeat 0 5px; color:#326973; }
	.topmenu .allbox .menu_item02 a:hover { background:url('/static/eng/open_images/common/ico_submenu05.gif') no-repeat 0 5px; color:#985E63; }
	.topmenu .allbox .menu_item03 a:hover { background:url('/static/eng/open_images/common/ico_submenu04.gif') no-repeat 0 5px; color:#AB5E22; }
	.topmenu .allbox .menu_item04 a:hover { background:url('/static/eng/open_images/common/ico_submenu02.gif') no-repeat 0 5px; color:#617322; }

/* footer*/
.footer {clear:both; position:relative; z-index:1; width:893px; height:120px; margin:0 auto; border:1px solid #e9e9e2; }
.footer .footer_menu {overflow:hidden; border-bottom:1px solid #e9e9e2; height:37px;}
.footer .footer_menu ul {float:left; padding:14px 20px 0 30px; width:647px;}
.footer .footer_menu ul li {float:left; padding:0 29px 0 0;}
.footer .footer_menu ul li a {font-family:Tahoma; font-size:11px; color:#666;}
.footer .footer_menu dl {float:right; width:147px; height:14px; margin:13px 0 0 0; padding:1px 26px 0 23px; background:url('/static/eng/open_images/common/footer_bar.gif') no-repeat; } 
.footer .footer_menu dl dt {float:left; width:97px; font-family:Tahoma; font-size:11px; color:#ff8f22;}
.footer .footer_menu dl dd {float:left; font-family:Tahoma; font-size:11px; color:#ff4911;}
.footer .copyright {font-style:normal; font-size:11px; color:#a3a39a; padding:36px 0 0 28px;}
.footer .mark {position:absolute; bottom:32px; right:29px;}
.footer .mark li {float:left;padding:18px 0 0 14px;}
.footer .mark li.wa {display:none; padding-top:0;}