
/* 상단 해더 부분 고정 사이즈를 위해 셋팅 */
body {font-family:'Open Sans', arial, sans-serif; -webkit-text-size-adjust: none;}

/* 플로팅 상/하단 */
.mm-fixed-top,
.mm-fixed-bottom {position:fixed; left:0;}
.mm-fixed-top {top:0;}
.mm-fixed-bottom {bottom:0;}



#wrap { padding-top: 0 !important; }

#header {
}
#header #top_area {
	position:relative;
	z-index: 0;
	width: 100%;
	text-align: center;
	height: auto !important;
	background:#fff;
}

#header .top_inner_area {height:auto; padding:10px 0; border-bottom:1px solid #e9e9e9; background:#fff;}
#header .top_inner_area:after {content:""; display:block; clear:both;}

#header h1 {
	margin: 0 auto !important;
	padding: 0px !important;
	height: 35px;
}
#header h1 a {line-height:35px;}
#header h1 a img {
	vertical-align:top;
	height: 35px;
}

#header .gnb {background:#f6f6f6; border-bottom:1px solid #e9e9e9;}
#header .gnb:after {content:""; display:block; clear:both;}
#header .gnb ul {margin:0; padding:0;}
#header .gnb ul li {
	float:left; 
	width:20%;
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header .gnb ul li a {display:block; border-left:1px solid #e9e9e9; font-size:12px; line-height:30px; text-align:center; text-decoration:none; color:#000;}
#header .gnb ul li a span { font-size:12px; vertical-align:top; color:#006aa2;}


#header #top_area ul.header_menu {position:absolute; top:0; width:100%;}
#header #top_area ul.header_menu li {display:block; position:absolute; top:30px; width:42px; height:35px; text-align:center; }
#header #top_area ul.header_menu li a.header_top_menu {display:block; position:absolute; top:10px; width:42px; height:35px; padding-top:4px; text-align:center; }
#header #top_area ul.header_menu li a.header_top_menu img {width:20px; padding:5px 0 3px 0; }
#header #top_area ul.header_menu li.all_menu {left:0; border-right:0px solid rgba(0,0,0,0.3); }
#header #top_area ul.header_menu li.search_menu {width:42px; right:0; border-left:0px solid rgba(0,0,0,0.3); }





#header .searchForm { 
	display:none; 
	position:relative; 
	z-index:2; 
	/* top:-71px;  */
	left:0; 
	width:100%; 
	height: auto; 
	padding-top: 7px; 
	padding-bottom: 0; 
	border-top:0px solid #dee0ea; 
	border-bottom: 0; 
	background: #fff;
}
#header .searchForm p { position: relative; background: none; margin:0; padding:0 10px; border:0; font-size:0; line-height:0;}
#header .searchForm p .MS_search_word {width:100%; padding:3px 0; font-size:14px; line-height:24px; border:2px solid #00aaec; text-indent:10px !important; border-radius:30px; -webkit-appearance: none;}

#header .searchForm p span.button {
	position: absolute;
	top:16px;
	right: 15px;
	width:30px;
}

#header .searchForm p a.top_search_submit .trend9-iconfont {font-size:17px; color:#000;}







/* footer */
footer { background:#fff; margin:20px 0 0; padding: 0 0 20px; }

footer .footer_login_menu {text-align:center; padding:7px 0; font-size:0; line-height:0; background:#00aaec; }
footer .footer_login_menu a {display:inline-block; height:12px; font-size:13px; line-height:1; color:#fff; 	text-align:center; font-weight:normal; padding:3px 10px; margin:0;}
footer .footer_login_menu a:first-child {border:0; border-left:0;}
footer .footer_login_menu a:last-child {border-right:0;}


footer .footer_menu_wrap {overflow: hidden; border-bottom: 1px solid #e9e9e9; padding: 0; margin: 0; width: 100%; text-align: center;}
footer .footer_menu_wrap ul {float: left; width: 100%; margin: -1px 0 0; font-size: 11px; color: #333;}
footer .footer_menu_wrap ul li {line-height: 24px; letter-spacing: -1px;}
footer .footer_menu_wrap ul li a {position: relative; float: left; width: 20%; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; margin:0; padding:7px 0; text-align: center; border-left:0px solid #fff; border-right:0px solid rgba(0,0,0,0.1);}
footer .footer_menu_wrap li:first-child a {border-left:0;}
footer .footer_menu_wrap li:last-child a {border-right:0;}
footer .footer_menu_wrap ul li p {width: 35px; height: 35px; margin: 0 auto;}
footer .footer_menu_wrap ul li img {width: 30px; height: 28px; margin: 9px 0 0;}



footer .footer_sns {}
footer .footer_sns ul {margin:0; padding:0 0 10px 0; font-size:0; line-height:0; text-align:center; background:#fff;}
footer .footer_sns ul li {display:inline-block; margin:0 5px; padding:0; font-size:12px; line-height:18px; vertical-align:middle;}
footer .footer_sns ul li a {display:block;}
footer .footer_sns ul li a img {display:block; width:30px; height:30px;}




footer .footer_cs {position:relative; width:100%; padding:5px 0; font-size:11px; text-align:left; background:#f6f6f6; }
footer .footer_cs:after {content:""; display:block; clear:both;}
footer .footer_cs h3 {font-size:12px; line-height:15px; font-weight:700; margin:0 0 3px; padding:0; letter-spacing:0; color:#555;}
footer .footer_cs p {font-size:10px; line-height:14px; color:#666;}

footer .footer_cs .cs_center {float:left; width:41.5%; margin:0 0 0 2%; padding:5px 3%; border-right:1px dotted #ccc; }
footer .footer_cs .cs_center .cs_call {font-size:16px; font-weight:700; color:#333;}

footer .footer_cs .cs_account {float:left; width:42%; margin:0 2% 0 0; padding:5px 3%; font-size:11px;}
footer .footer_cs .cs_account .cs_bank {font-size:12px; letter-spacing:0;}

footer .cs_call a.button_menu {
	display:inline-block;
	margin:0 auto;
	font-size:14px; 
	color:#000 !important; 
	font-weight:700; 
	line-height:16px;
	letter-spacing:0; 
	vertical-align:middle;
}
footer .cs_call span.tel_number {color:#000 !important;}
footer .cs_call a.button_menu .trend9-iconfont.icons_tel {width:12px; padding:5px 0 5px 0; font-size:11px; line-height:16px;}



footer address { padding:10px 10px 15px 10px; font-size:10px; line-height:12px; text-align:center; color:#888; border-top:1px solid #e9e9e9;}
footer address a {color:#888;}
footer span.footer_bar {color:#bbb; padding:0 3px;}



/* 하단메뉴 */
#bottom_area {z-index:1000; width:100%; height:45px; border-top:1px solid #535782; background:rgba(255,255,255,0.0);}
#bottom_area ul.bottom_common_menu {margin:0; padding:5px 0; font-size:0; line-height:0; text-align:center;}
#bottom_area ul.bottom_common_menu li {
	display:inline-block; 
	width:19.9%; 
	margin:0; 
	padding:0; 
	font-size:10px; 
	line-height:12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#bottom_area ul.bottom_common_menu li a {display:block; text-align:center;}
#bottom_area ul.bottom_common_menu li a img {display:block; width:20px; margin:0 auto 3px;}
#bottom_area ul.bottom_common_menu li a span {letter-spacing:0;}



a.btn_pc {
	display:block;
	font-size:13px;
	text-align:center;
	color:#666;
	font-weight:bold;
	margin:0;
	padding:10px 0;
	border:1px solid #ddd;
	border-radius:0px;
	background-color: #cccccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(to bottom, #eee, #ccc);
	background-repeat: repeat-x;
}


.btnTop { display:none; }


#scroll_up_down {
	display: none;
	position: fixed;
	z-index: 9999;
	right: 5px;
	bottom: 20px;
	width: 30px;
}
#scroll_up_down a { 
	display: block;
	width:30px;
	height:20px;
	margin-top: 5px;
	padding:5px 0;
	background-color:rgba(255,255,255,1.0);
	border-radius: 3px;
	text-align:center;
	border:1px solid #ddd;
}

#scroll_up_down .trend9-iconfont.icons_scroll_arrow {
	font-size:18px !important;
	line-height:22px;
	color:#666;
	width:18px;
}




.cart_menu a {
	position: relative;
}
.cart_menu a .count {
    position: absolute;
	z-index: 10;
    top: 5px;
    right: 4px;
    padding: 1px 4px 0;
    background-color: #444;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    border-radius:20px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	line-height:13px;
}





.txt-find a { width: 120px !important; }
.join-btn a { width: 120px !important; }
.MS_related_quantity {
/*
	padding: 0px;
	background: #f9f9f9 !important; 
	border-radius: 3px;
	height: 18px;
*/
}


/* page  company_inner */
.company_inner {overflow:hidden; width:100%;}
.company_inner img {width:100%; height:auto;}