body { background:url('/open_content/welfare/images/tbg.gif') repeat-x; }
.wrap { position:relative; margin:0 auto; }
.wrapper { margin:0px auto; max-width:1080px; }
.clearfix:after{display:block; content:''; clear:both}
.pc_block { display:block; }
.dp_mb, .dp_480under { display:none; }

#top { z-index:10; }
#top #skipnav { position:absolute; left:0; top:10px; }
#top #skipnav a, #top #gnb li a { font-size:14px; color:#fff; }

#top h1 { display:inline-block; padding-top:20px; padding-bottom:20px; }
#top h1 img { vertical-align:middle; margin-bottom:3px; }
#top h1 a { font-size:24px; color:#4f5b61; font-weight:normal; letter-spacing:-1.5px; }
#top h1 a strong { font-size:24px; color:#4f5b61; }
#top h1 a span.eng { display:block; font-size:12px; letter-spacing:0; }

/*#top #gnb { overflow:hidden; position:absolute; right:0; top:10px; }
#top #gnb li { float:left; margin-left:10px; }*/
#gnb div.family ul li{padding:3px 0px}
.gnb_bk #gnb{background:#4f5b61; border-bottom:0px}
.gnb_bk #gnb p.gnb_family{background:#41484c}
.gnb_bk #gnb div.gnb_search{border-color:#41484c}
.gnb_bk #gnb div.gnb_search input[type=submit]{border-color:#394247; background:#394247}

#top #nav h2 a { display:none; }
#top #nav>ul { position:absolute; z-index:10; }
#top #nav .submenu { display:none; }
#top #nav .submenu a { font-size:14px; }
#menuBg { display:none; }

#top #seogu { position:absolute; right:0; top:40px; }
#top #seogu a { padding:5px 50px 5px 25px; font-size:17px; font-weight:600; color:#fff; border-radius:20px; background:#4f5b61 url('/open_content/welfare/images/seogu_point.gif') no-repeat 75%; }

#contents { z-index:0; }

#footer { padding:35px 0; border-top:1px solid #dfdfdf; }
#footer p { font-size:12px; }
#footer .selectLink { position:absolute; right:0; top:0; padding:5px; border:1px solid #d8d8d8; border-radius:5px; }
#footer .selectLink select, #footer .selectLink input { vertical-align:middle; border:0; background:none; }
/*#footer .selectLink input { border-left:1px solid #d8d8d8; }*/


/*1024ÀÌÇÏ*/
@media all and (max-width:1024px) {
	.wrap { width:100% !important; }
}

/*pc*/
@media all and (min-width:769px) {
	#top #nav>ul { width:60%; right:140px; top:40px; }
	#top #nav>ul>li { float:left; width:25%; }
	#top #nav .submenu { padding-top:40px; background:#fff; }
	#top #nav .submenu li { margin-top:5px; }	
	#top #nav .submenu a:hover, #top #nav .submenu a:active { text-decoration:underline; color:#84462d; }
	#top #nav>ul>li>a { font-size:20px; font-weight:bold; }
	#menuBg { position:absolute; left:0; top:130px; width:100%; border-bottom:1px solid #dfdfdf; background:#fff; z-index:5; }
	#menuBg>div { height:210px; background:url('/open_content/welfare/images/subnav_bg.gif') no-repeat left bottom; }
}

/*tablet*/
@media all and (max-width:768px) {	
	.pc_block { display:inline; }
	.dp_mb { display:block; }
	.dp_pc { display:none; }
	#top #skipnav { display:none; }	
	#top h1 { display:block; text-align:right; padding-right:20px; }
	#top #gnb { right:20px; }
	#top #nav h2 a { position:absolute; left:20px; top:27px; display:block; text-align:center; width:37px; padding-top:30px; font-size:12px; color:#6a6a6a; background:url('/open_content/welfare/images/menu_toggle.gif') no-repeat; }
	#top #nav>ul { display:none; top:90px; width:100%; background:#fff; }
	#top #nav>ul>li>a { display:block; padding:15px 20px; font-size:18px; font-weight:600; color:#fff; background:#2e5ba3; }
	#top #nav .submenu { padding:20px; }
	#top #seogu { display:none; }
	#footer address, #footer p { padding:0 20px; }
	#footer .selectLink { right:20px; }
}


/*mobile*/
@media all and (max-width:640px) {	
	#footer .selectLink { position:static; margin-left:20px; margin-top:10px; }
}

/*mobile_min*/
@media all and (max-width:480px) {
	.dp_480under { display:block; }
	.dp_480over { display:none; }
}