@charset "utf-8";


/* 상단 해더 부분 고정 사이즈를 위해 셋팅 */
#wrap { overflow: hidden; padding-top: 0px; background: #fff; }

#header {}

#header .header_gnb {padding:7px 10px 5px 10px; background:#000;}
#header .header_gnb ul {margin:0; padding:0; text-align:center; font-size:0; line-height:0;}
#header .header_gnb ul li {display:inline-block; width:19.9%; margin:0; padding:0; font-size:13px; line-height:17px; vertical-align:top; list-style:none; text-align:center;}

#header .header_gnb a {color:#fff;}





#header #top_area {
	width: 100%;
	padding-bottom:10px;
	background: #fff;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	border-bottom:1px solid #ccc;
}



#header .top_inner_area {clear:both; overflow:hidden; padding:20px 0 20px;}



#header h1 {
	margin: 0 !important;
	padding: 0 0 0 10px !important;
	height: 30px;
	text-align: center;
}
#header h1 a {}
#header h1 a img {
	vertical-align:middle;
	height: 30px;
}

#header .searchForm {overflow:hidden; display:block; position:static !important; width:240px; margin:18px auto 0 auto !important; padding:0 !important; background:transparent;}
#header .searchForm p { background:none; border:0; margin:0; padding:2px 0; border:1px solid #dcdcdc; background-color:#fbfbfb;}
#header .searchForm p input#keyword {float:left; padding:3px; width:210px; border:0px; border-radius:0; background:transparent; font-weight: bold; font-size: 12px; font-family:dotum;}
#header .searchForm p button {
	position:static !important; 
	width:15px;
	top: 2px; 
	right:5px;
	background:none;
	border:none;
}
#header .searchForm p button span.trend9-iconfont {font-size:13px; color:#b3b3b3; width:15px;}


#header .header_category {width:100%; margin:5px 0 5px 0; padding:0; text-align:center; font-size:0; line-height:0;}
#header .header_category li {display:inline-block; width:24.9%; font-size:13px; line-height:24px;}
#header .header_category li a {vertical-align:middle; display:block; overflow:hidden; color:#555;}

#header .header_category li.menu_category a {color:#000; font-weight:bold;}
#header .header_category li.menu_members a {color:#000;}

#header .header_category li img {position:relative; top:-2px; vertical-align:middle;}

#header .header_category li .trend9-iconfont {
	width:10px;
	font-size:10px;
	line-height:2.2em;
	vertical-align:top;
}

#header .header_category li .trend9-iconfont.header_menu_icon {color:#000;}
#header .header_category li .trend9-iconfont.header_member_icon {color:#000;}


/* portrait */
@media screen and (orientation:portrait) {
}
/* Landscape */
@media screen and (orientation:landscape) {
	/*
	#header .searchForm {width:140px;}
	#header .searchForm p input#keyword {width:120px;}
	#header .header_category li {width:16.6%; font-size:15px; line-height:25px;}
	#header .header_category li.menu_members {float:right;}
	#header .header_category li .trend9-iconfont {font-size:11px; line-height:2.1em;}
	*/

}


#header #top_area a.icon_search {
	left: auto;
	right: 35px;
}




#container { padding:0px; }
#container #contents { margin-top: 20px; padding: 10px; }



/* footer */
footer { background:#000; margin:20px 0 0; padding: 0;}
footer .footer_login_menu {text-align:center; padding:6px 0 7px; border-top:0px solid #ddd; }
footer .footer_login_menu a {
	display:inline-block; 
	height:12px;
	font-size:12px; 
	line-height:1;
	color:#fff; 
	font-weight:normal; 
	padding:0 5px 0 8px; 
	border-left:1px solid rgba(255,255,255,0.2); 
	/*
	border:1px solid #ddd;
	background-color:#f8f8f8;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	*/
}
footer .footer_login_menu a:first-child {border:0; border-left:0;}
footer .footer_login_menu a:last-child {border-right:0;}

footer .footer_board_menu { margin:0; padding:5px 5px; text-align:center; border-top:1px solid #ddd; }
footer .footer_board_menu a {display:inline-block; margin:0 10px; padding:0 0 0 0; font-size:12px; font-weight:bold; letter-spacing:-1px; text-decoration:none; color:#fff;}

footer .footer_cs {padding:10px 0; border-top:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(0,0,0,0.1); text-align:center; }
footer .footer_cs h3 {margin:0; padding:0 0; color:#fff; font-size:14px; font-weight:bold; letter-spacing:-1px;}
footer .footer_cs p.cs_contents {font-size:12px; color:#fff; line-height:15px; letter-spacing:-1px; text-transform: uppercase;}
footer .footer_cs p.cs_contents .tel_num {
	font-family:"HelveticaNeue", sans-serif;
	text-align:center;
	display:inline-block;
	margin:0 0 0 0;
	padding:0; 
	font-size:18px; 
	color:#fff !important; 
	font-weight:bold; 
	letter-spacing:0; 
	vertical-align:middle;
	line-height:30px;
}
footer .footer_cs p.cs_contents a.tel_num .trend9-iconfont.icons_tel {
	width:15px;
	padding:5px 10px 5px 0; 
	font-size:18px;
}



footer .footer_cs p.cs_contents a {color:#fff !important;}
footer .footer_cs p.bank_contents {padding-top:5px; font-size:14px; color:#fff; line-height:15px; letter-spacing:-1px; text-transform: uppercase;}
footer .footer_cs p.bank_contents span.bank_num {font-size:14px; color:#fff !important; font-weight:bold; font-family:"helvetica Neue"; letter-spacing:0; }
footer .footer_cs p.bank_contents a {color:#fff !important;}
footer address { padding:15px 10px; font-size:12px; line-height:1.5em;  border-top:1px solid rgba(255,255,255,0.3); text-align:center; color:#fff;}
footer address a { color: #fff !important; }
footer span.footer_bar {color:#bbb; padding:0 3px;}


footer .footer_icon_menu {display:none; margin:0; padding:0; text-align:center; font-size:0; line-height:0; background-color:#f5f5f5; border-bottom:1px solid rgba(0,0,0,0.1);}
footer .footer_icon_menu:after {content:""; clear:both; display:block;}
footer .footer_icon_menu li {display:inline-block; width:19.9%; font-size:12px; line-height:30px;}
footer .footer_icon_menu li a {display:block; padding:10px 0 0; border-right:1px solid rgba(0,0,0,0.1); text-align:center; border-left:1px solid #fff; color:#777;}
footer .footer_icon_menu li:first-child a {border-left:0;}
footer .footer_icon_menu li:last-child a {border-right:0;}

footer .footer_icon_menu li span.trend9-iconfont {display:block; width:40px !important; margin:0 auto !important; padding-left:10px; font-size:30px !important; color:#bcbcbc; text-shadow:0 -1px 0 rgba(255,255,255,1.0);}


a.btn_pc {
	display:block;
	font-size:13px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:10px 0;
	border:1px solid #ddd;
	border-radius:0px;
	background-color: #000;
	/*
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
	background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
	background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
	*/
	background-repeat: repeat-x;
}


.btnTop { display:none; }


#scroll_up_down {
	display: none;
	position: fixed;
	z-index: 9999;
	right: 10px;
	bottom: 10px;
	width: 30px;
}
#scroll_up_down a { 
	display: block;
	width:30px;
	height:20px;
	margin-top: 5px;
	padding:5px 0;
	background-color:rgba(0,0,0,0.3);
	border-radius: 5px;
	text-align:center;
}

#scroll_up_down .trend9-iconfont.icons_scroll_arrow {
	font-size:18px !important;
	line-height:20px;
	color:#fff;
	width:18px;
}







/******************************* 왼쪽 사이드바 *******************************/
/* 카테고리 리스트 */
#menu-left p.title { 
	margin:0;
	padding: 0 10px 3px;
	background-color: #404040;
	color: #eaeaea;
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
}
#menu-left p.title span.trend9-iconfont {font-size:15px; position:relative; top:2px;}
#menu-left p.title img { padding-right: 5px; }
#menu-left p.title .trend9-iconfont.icons_side_title {	
	line-height:44px;
	float:none;
	color:#d0d0d0;
	width:20px !important;
	padding-left:0;
	text-align:left;
}

#menu-left .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after { content: " "; border: none; background: none; }
#menu-left.mm-menu > .mm-panel { padding:0px !important; }
#menu-left .mm-panel > .mm-list { margin: 0px !important; }
#menu-left.mm-menu .mm-list { padding: 0px !important; }


#menu-left #slideCateList li { border-top: 1px solid #3e3e3e; }
#menu-left #slideCateList li:first-child { border-top: 0px; }
#menu-left #slideCateList li a {color:#fff;}


#menu-left #slideBoardList li { border-top: 1px solid #3e3e3e; }
#menu-left #slideBoardList li:first-child { border-top: 0px; }
#menu-left #slideBoardList li a {color:#fff;}


/******************************* 오른쪽 사이드바 *******************************/
/* width 수정은 jquery.mmenu.all.css 에서 mm-right 클래스 관련 width, right 부분 똑같이 수정바람. */
#menu-right {  }
#menu-right .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after { content: " "; border: none; background: none; }
#menu-right.mm-menu > .mm-panel { padding:0px !important; }
#menu-right .mm-panel > .mm-list { margin: 0px !important; }
#menu-right.mm-menu .mm-list { padding: 0px !important; }

#menu-right p.title { 
	margin:0;
	padding: 12px 10px 9px;
	background-color: #dbdbdb;
	color: #fff;
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
	background-color: #b5b5b5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b5b5b5), to(#adadad));
	background-image: -webkit-linear-gradient(top, #b5b5b5, #adadad);
	background-image: linear-gradient(to bottom, #b5b5b5, #adadad);
	background-repeat: repeat-x;

}
#menu-left p.title img { padding-right: 5px; }

#menu-right .right_list { }
#menu-right .right_list li { vertical-align: middle; }
#menu-right .right_list li a { padding-left: 10px; padding-right: 10px; vertical-align:top; }
#menu-right .right_list li img.sns { width: 18px; height:18px; padding-top:0; padding-right:3px; vertical-align:top !important; line-height:10px;}