@charset "utf-8";

/* 컬러값 중 887766 은 inc_keycolorstyle.php 에서 keycolor로 대체된다.

/* 상단 영역 */

	.toparea { position:relative; width:1004px; height:110px; margin:0 auto; border:0px solid #00f; position:relative;  background:#fff; z-index:1000; }

	.logo_topleft { position:absolute; left:0px; top:0px; width:300px; height:110px; border:0px solid #fff; text-align:left; cursor:pointer; }
	.logo_topleft a { position:absolute; width:100%; height:100%; left:0; top:0px; font-weight:bold; color:#888; white-space:nowrap; word-break:keep-all; }
	.logo_topleft a img { max-height: 100%; }

	.topetc_wrapper { position:absolute; top:15px; right:0; z-index:1001; }
	.topetc_wrapper .topetc-list li { float:left; margin-left:15px; }
	.topetc_wrapper .topetc-list li a { font-size:11px; }
	.topetc_wrapper .topetc-list li a.btn-login { color:#e10000; }

	.topmenu_wrapper { position:absolute; text-align:right; right:-20px; top:60px; border:0px solid #f00; width:750px; height:100px; z-index:100; }
	.topmenu {  } /* position 을 정하면 안됨 */
	.topmenu li { float:left; }
	.topmenu li a { display:block; padding:0 20px; font-size:16px; line-height:18px; border-left:1px solid #ccc; }
	.topmenu li > a:hover, .topmenu li.currentcategory > a { color:#d71921; font-weight: bold; }
	.topmenu li#topmenulistitem0 > a { border-left:none; }

	.top_submenu { position:absolute; display:none; left:0px; top:35px; padding:16px 10px; background:#d71921; border-radius:10px; behavior: url(pie.htc); z-index:1000; }
	.top_submenu ul { vertical-align:top; }
	.top_submenu li a { padding:0 15px; font-size:14px; color:#fff; border-left:1px solid #e35e64; }
	.top_submenu li a:hover { text-decoration:underline; color:#fff; }
	.top_submenu li:first-child a { border-left:none; }


/* 서브 페이지 중단 영역 */

	.sub_midarea { position:relative;  width:1014px; margin:0 auto; border:0px solid #000;  padding-bottom:120px;}
	.sub_content { position:relative;  width:710px; float:left; padding:140px 36px 30px; margin-left:0; border:0px solid #00f; }

	.sub_menu { width:180px; padding-right:42px; float:left; margin:0;  border:0px solid #f00; min-height:500px; }
	.menu_wrapper { width:180px; margin-left:0px; margin-top:20px; overflow:hidden; }
	.menu_wrapper .menu_category { padding:30px 0 40px; text-align:center; background:#887766; color:#fff; border-radius:20px; behavior: url(pie.htc); overflow:hidden; }
	.menu_wrapper .menu_category { display:block; font-size:20px; color:#fff; }
	.menu_wrapper .menu_category_deco { color:#fff; }

	.menu_wrapper ul { display:block; margin-top:-20px; padding:20px; background:#fff url(img/bg_lnb180.png) no-repeat left bottom; }
	.menu_wrapper ul li { display:block; border-top:1px solid #eee; }
	.menu_wrapper ul li:first-child { border-top:none; }
	.menu_wrapper ul li a { display:block; padding:12px 0; color:#444; }
	.menu_wrapper ul li a.menu_currentboard, .menu_wrapper ul li a:hover { color:#887766; background:url(img/bg_lnb-arrow.png) no-repeat right 50%; }

	.sub_loginarea { width:172px; height:77px; padding:9px 3px 9px 3px;  position:relative; margin-top:20px; margin-bottom:10px;  background:#fff; border-radius:20px; border:1px solid #ddd; behavior: url(pie.htc);  }

	.menu_buttonsandprevalbum img { width:180px; margin-bottom:6px; border-radius:6px; border:0px solid #ddd; behavior: url(pie.htc);}

	.sub_content_title { position:absolute; left:0px; top:0px; display:block; width:782px; padding:55px 0 20px; border-bottom:1px solid #887766; overflow:hidden; }
	.sub_content_title .sub_content_title_boardname { font-size:30px; color:#444; line-height:32px; }
	.sub_content_title .sub_content_title_categoryname { display:none; }
	.sub_content_title .sub_content_title_location { border:0px solid #f00; position:absolute;  right:0; bottom:20px; color:#aaa; }
	.sub_content_title .sub_content_title_location div { display:inline-block; float:left;  }
	.sub_content_title .sub_content_title_location div.sub_content_arrow { padding:0px 0px; } /* 화살표 좌우 여백 */