@charset "utf-8";
body { overflow-x:hidden; background:#f0f0f0 url('/fleamarket/images/inc/body_bg.jpg') repeat left top; }
#gnb { background:#656974; }
#gnb ul.family li a { padding:8px; color:#ffffff; }
#gnb ul.family li:after { background:#b6b6b6; }
#gnb ul.gnb_menu li.home { background-image:url('/culture/images/inc/gnb_home.png'); }
#gnb ul.gnb_menu li.login { background-image:url('/culture/images/inc/gnb_login.png'); }
#gnb ul.gnb_menu li.logout { margin-right:0px; background-image:url('/culture/images/inc/gnb_logout.png'); }
#gnb ul.gnb_menu li.mypage { background:url('/culture/images/inc/gnb_mypage.png') no-repeat 8px center; }
#gnb ul.gnb_menu li.allmenu { background:url('/culture/images/inc/gnb_menu.png') no-repeat 8px center; }
#gnb ul.gnb_menu li.lang, #data_control .control { display:none; }
#gnb ul.gnb_menu>li>a { min-width:34px; color:#ffffff !important; }
#gnb ul.gnb_menu li.allmenu a, #gnb ul.gnb_menu li.mypage a { padding:0 7px 0 32px; }

#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; }
#allmenu div.allmenuBox div#array_menu>div { float:left; margin:2%; width:21%; box-sizing:border-box; }
#allmenu div.allmenuBox div#array_menu>div .tit { color:#1e6282; font-size:18px; font-weight:bold; 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; font-weight:bold; }
#allmenu div.allmenuBox div#array_menu>div>ul>li>a:hover { font-weight:bold; background:#f8f8f8; color:#e25848; }


header { height:198px; background:url('/fleamarket/images/inc/nav_bg.png') repeat-x center 63px; }
header>div { overflow:hidden; }
header h1 { float:left; margin-top:47px; width:273px; background:url('/fleamarket/images/inc/logobg.jpg') no-repeat left center; }
header h1 a { display:block; padding-bottom:5px; color:#535353; background:url('/fleamarket/images/inc/logo.png') no-repeat 55px top; font-size:24px; font-weight:600; text-align:center; }
header h1 a span:first-child { display:inline-block; padding-left:100px; line-height:35px; }
header h1 a span:nth-child(2) { display:block; margin-top:10px; color:#1d7d65; font-size:30px; font-weight:600; }
header nav { float:right; margin-top:61px; width:70%; }
header nav ul#lnb>li { float:left; width:25%; text-align:center; }
header nav ul#lnb>li:first-child { margin-left:0px; }
header nav ul#lnb>li>a { display:block; width:100%; height:43px; color:#ffffff; font-size:20px; font-weight:bold; line-height:41px; text-indent:0; text-shadow:1px 1px rgba(0,0,0,0.75); }
header nav ul#lnb>li>a:hover, header nav ul#lnb>li>a.on { color:#1e6282; font-size:22px; text-shadow:0px 0px; background:linear-gradient(to bottom, #ffffff, #e8e8e8); border-radius:50px; box-shadow:0px 1px 1px 1px rgba(0,0,0,0.1); text-decoration:none; }
header nav .submenu { position:absolute; z-index:5; display:none; padding-top:10px; width:100%; }
header nav #submenu4 { margin-left:-110px; }
header nav .submenu ul { overflow:hidden; }
header nav .submenu ul li { float:left; margin-right:15px; }
header nav .submenu ul li a { color:#444444; font-size:14px; font-weight:bold; }

footer { overflow:hidden; padding:35px 0; background:#ffffff; border-top:1px solid #c2c2c2; }
footer>div>p { float:left; }
footer .btm_info { float:left; margin-left:3%; }
footer .btm_info address { color:#4f4f4f; font-size:14px; font-weight:bold; }
footer .btm_info p { color:#777777; font-size:13px; font-weight:bold; }
footer .btm_menu { overflow:hidden; float:right; }
footer .btm_menu li { position:relative; margin-left:10px; padding-left:10px; float:left; }
footer .btm_menu li:after { position:absolute; z-index:3; content:''; display:block; left:0; top:5px; width:1px; height:13px; background:#777777; }
footer .btm_menu li:first-child { margin-left:0; padding-left:0; }
footer .btm_menu li:first-child:after { width:0px; }
footer .btm_menu li a { color:#4f4f4f; font-size:14px; font-weight:bold; }


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

@media all and (min-width:942px) {	
	.wrapper { margin:0 auto; width:941px; }
	#gnb>div {width:1035px;}
}

@media all and (max-width:941px) {	
	header nav { width:62%; }
	header nav ul#lnb>li>a, header nav ul#lnb>li>a:hover, header nav ul#lnb>li>a.on { font-size:17px; }
	header nav #submenu3 { margin-left:-110px; }
	header nav #submenu4 { margin-left:-140px; }
	footer>div>p { display:none; }
	footer .btm_info { margin-left:0; }
}

@media all and (min-width:769px) {
	.dp_mb { display:none; }
	.pc_block { display:block; }
}

@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%}
	.dp_pc { display:none; }
	.mb_block { display:block; }
	.mb_hidden, .mb_hidden * { 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; }		
	#gnb { border-bottom:0px; }
	header { position:relative; padding:15px 0; height:auto; background:#3786ab; }
	header h1 { float:none; /* margin:0 auto; */ margin-top:0; background:none; }
	header h1 a { background-image:url('/fleamarket/images/inc/mb_logo.png'); background-position:left 8px; }
	header h1 a span { display:inline-block !important; color:#ffffff !important; font-size:18px !important; }
	header h1 a span:first-child { padding-left:80px; }
	header h2 { position:absolute; z-index:10; top:11px; right:15px; width:50px; height:50px; border-radius:40px; background:#0e4f6d; }
	header h2 a { display:block; height:100%; background:url('/fleamarket/images/inc/menu_btn.gif') no-repeat center; text-indent:-9999px; }
	header nav { float:none; margin-top:0; width:100%; }
	header nav ul#lnb { position:absolute; z-index:30; top:74px; left:0; width:100%; background:#0e4f6d; }
	header nav ul#lnb>li { float:none; width:100%; border-bottom:1px solid #0b3a50; text-align:left; }
	header nav ul#lnb>li>a { padding:0 15px; height:46px; color:#ffffff; text-shadow:0px 0px #555555; }
	header nav ul#lnb>li>a:hover, header nav ul#lnb>li>a.on { border-radius:0; background:#ffffff; }
	header nav .submenu { position:static; padding:10px 0; background:#f0f0f0; }
	header nav .submenu ul li { float:none; margin:0; width:100%; }
	header nav .submenu ul li a { display:block; padding:5px 15px; color:#333333 !important; font-weight:normal; }
	header nav #submenu3 { margin-left:0px; }
	header nav #submenu4 { margin-left:0px; border-bottom:1px solid #0e4f6d; }
	footer { padding:20px 0;  }
	footer>div { padding:0 15px; }
	footer .btm_info { float:none; margin-top:10px; }
	footer .btm_menu { float:none; }
}

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

@media all and (max-width:480px) {
	header, body, footer { min-width:300px; }
}