
/* 상단 해더 부분 고정 사이즈를 위해 셋팅 */
body {font-family:'Nanum Gothic', 'AppleSDGothicNeo', sans-serif;}


/* 플로팅 상/하단 */
.mm-fixed-top,
.mm-fixed-bottom {position:fixed !important; left:0;}
.mm-fixed-top {top:0;}
.mm-fixed-bottom {bottom:0;}

#wrap { padding-top: 0; }

#container_wrap {background:#fff;}


/* 상단 부분 메인과 다름. */
#header #top_area .common_header { display:block !important;  }
#header #top_area .main_header { display:none !important;  }





#header {
	position: relative;
	height:50px;
}
#header #top_area {
	position:absolute;
	top:0;
	z-index: 2;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	height: 50px;
	border-bottom:1px solid #000;
	background-color:rgba(255,255,255,0.5);

}

#header h1 {
	margin: 0 auto !important;
	padding: 0px !important;
	height: 50px;
}
#header h1 a {line-height:50px;}
#header h1 a img {
	vertical-align:middle;
	height: 21px;
}

#header #top_area ul.header_menu {position:absolute; top:0; width:100%;}
#header #top_area ul.header_menu li {display:block; position:absolute; top:0; width:50px; height:53px; text-align:center;}

#header #top_area ul.header_menu li a.header_top_menu {display:block; position:absolute; top:0; width:50px; height:50px; padding-top:3px; text-align:center; }
#header #top_area ul.header_menu li a.header_top_menu img {width:26px; height:26px; margin:0 auto; padding:10px 0 0 0; }
#header #top_area ul.header_menu li a.header_top_menu span.menu_title {display:block; margin:0; padding:1px 0 3px; font-size:9px; letter-spacing:-1px; line-height:10px; color:#fff; text-shadow:0px 1px 1px rgba(0,0,0,0.5);}

#header #top_area ul.header_menu li.all_menu {left:0; border-left:0 !important;}
#header #top_area ul.header_menu li.member { left:35px; margin:0; padding:0; }
#header #top_area ul.header_menu li.member a img {width:auto; height:26px; margin:0 auto; padding:13px 0 0 0; }

#header #top_area ul.header_menu li.search_menu {right:0; border-left:0 !important;}

#header #top_area ul.header_menu li.cart_menu {right:37px !important; width:50px; right:50px; }
#header #top_area ul.header_menu li.cart_menu a {}

.cart_menu a {
	position: relative;
}
.cart_menu a .count {
    position: absolute;
	z-index: 10;
    bottom:13px !important;
    right: 7px;
	height:14px;
	margin:0 0 0;
    padding: 1px 4px 0;
    background-color: #1829ac;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    border-radius:20px;
	line-height:13px;
}





.header_search_form {position:absolute; z-index:100; top:0; left:0; width:100%; height:50px; background:#fff;}
.header_search_form p {padding:7px 50px 10px 10px;}
.header_search_form input.MS_search_word {
	width:100%;
	margin:0;
	padding:10px 10px;
	border:0; 
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.header_search_form input.MS_search_word:focus {content:"asdg";}
.search_menu_close img {position:absolute; top:11px; right:10px; width:26px; height:26px;}







/* footer */
footer { margin:30px 0 0; padding:15px 0 0;}

/* 하단 인스타그램 */
footer .widget_footer_insta { overflow:hidden; margin:0 4px; }
footer .widget_footer_insta h2 { display:block; margin:0 0 10px 0; font-size:13px; font-weight:700; color:#000; text-align:center; }
footer .widget_footer_insta img { width:100%; height:auto; }
.grid ul li { width:25%; }


/* 하단 톡톡 */
footer .widget_footer_talk { overflow:hidden; width:100%; }
footer .widget_footer_talk img { width:100%; height:auto; }


/* 하단 고객센터 */
footer .footer_cs { position:relative; width:100%; padding:15px 0; font-size:11px; text-align:left; background:#fff; border-bottom:3px double #eee; }
footer .footer_cs:after {content:""; display:block; clear:both;}
footer .footer_cs h3 {font-size:13px; line-height:15px; font-weight:700; margin:0 0 8px; padding:0; letter-spacing:0; color:#212121;}
footer .footer_cs span { display:block; font-size:11px; line-height:16px; color:#454545;}
footer .footer_cs p.footer_text { height:65px; }

footer .footer_cs .cs_center {float:left; width:41.5%; margin:0 0 0 2%; padding:5px 3%; border-right:1px solid #f2f2f2; }
footer .footer_cs .cs_center .cs_call { display:block; margin:0 0 5px 0; 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_center a.cs_btn_link {
	display: block; 
	text-align: center; 
	padding: 5px 0 6px; 
	font-size: 12px; 
	line-height: 18px; 
	border: 1px solid #e9e9e9; 
	border-radius:3px;
	color: #555;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f7));
    background-image: -webkit-linear-gradient(top, #fff, #f7f7f7);
    background-image: linear-gradient(to bottom, #fff, #f7f7f7);
    background-repeat: repeat-x;
	-moz-box-shadow: 0px 3px 3px #f5f5f5;
	-webkit-box-shadow: 0px 3px 3px #f5f5f5;
	box-shadow: 0px 3px 3px #f5f5f5;
}

footer .cs_center a.cs_btn_link img { vertical-align: middle; }

footer .cs_account a.cs_btn_link {
	display: block; 
	text-align: center; 
	padding: 5px 0 6px; 
	font-size: 12px; 
	line-height: 18px; 
	border: 1px solid #3d414c; 
	border-radius:3px;
	color: #fff;
    background-color: #434a54;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#434a54), to(#30353d));
    background-image: -webkit-linear-gradient(top, #434a54, #30353d);
    background-image: linear-gradient(to bottom, #434a54, #30353d);
    background-repeat: repeat-x;
	-moz-box-shadow: 0px 3px 3px #f5f5f5;
	-webkit-box-shadow: 0px 3px 3px #f5f5f5;
	box-shadow: 0px 3px 3px #f5f5f5;
}

footer .cs_account a.cs_btn_link img { vertical-align: middle; }


/* 하단 아이콘 메뉴 */
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; }
footer .footer_menu_wrap ul li a:before { content:''; display:block; position:absolute; right:0; top:50%; margin-top:-25%; width:1px; height:50%; background:#eee; } 
footer .footer_menu_wrap ul li.last_child a:before { display:none; }
footer .footer_menu_wrap ul li a:after { content:''; display:block; position:absolute; bottom:-5px; left:50%; margin-left:-25%; width:50%; height:1px; background:#eee; } 
footer .footer_menu_wrap ul li.bottom a:after { display:none; } 
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 .utilMenu { overflow:hidden; padding:0; zoom:1; background:#2b2b2b; }
footer .utilMenu li { float:left; width:25%; height:42px; text-align:center; vertical-align:top; *zoom:1;}
footer .utilMenu li a { display:block; padding:10px 0; color:#fff; line-height:22px; font-size:11px; font-weight:700; border-left:1px solid #4e4e4e; text-decoration:none; text-overflow: ellipsis; white-space: nowrap;}
footer .utilMenu li:frist-child a { border-left:0px; }

/* 하단정보 */
footer .widget_footer_info { overflow:hidden; padding:20px 0 10px; background:#f8f8f8; }

footer .widget_footer_info ul.footer_sns { margin:0 0 15px; padding:0; text-align:center; }
footer .widget_footer_info ul.footer_sns li { display:inline-block; margin:0 5px; *display:inline; *zoom:1; }
footer .widget_footer_info ul.footer_sns li a { display:block; }
footer .widget_footer_info ul.footer_sns li img { width:15px; height:auto; }
footer .widget_footer_info ul.footer_sns li span { display:none; }



footer address { padding:0 10px 5px 10px; font-size:10px; line-height:1.5em; text-align:left; color:#555555; font-family:sans-serif;} 
footer address a {color:#555555;}
footer address span.title { display:block; margin:0 0 5px; color:#2e2e2e; }
footer p.copyright { padding:5px 10px 0; font-size:10px; line-height:1.5em;  text-align:left; color:#2b2b2b; font-family:sans-serif;}



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: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}


.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:16px;
	line-height:16px;
	margin-top: 5px;
	padding:7px 0;
	background-color:rgba(255,255,255,1.0);
	border:1px solid #d7d7d7;
	/*border-radius: 35px;*/
	text-align:center;
	/*box-shadow:1px 1px 3px rgba(0,0,0,0.3);*/
	opacity:0.8;
}

#scroll_up_down a span.trend9-iconfont {
 font-size:15px;
}


#scroll_up_down i {
	font-size:11px;
	line-height:30px;
	color:#333;
}







.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;
*/
}









/* 메인,리스트,상세 공통 카테고리
.common_cate { overflow:hidden; width:100%; }
.common_cate ul { margin:0; padding:0; }
.common_cate ul li { float:left; width:20%; text-align:center; }
.common_cate ul li a { display:block; height:38px; line-height:38px; font-size:9px; color:#616161; font-weight:bold; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; text-overflow: ellipsis; white-space: nowrap; }
.common_cate ul li:nth-child(1) a,
.common_cate ul li:nth-child(6) a { border-left:0px; }
*/

/* 메인,리스트,상세 공통 카테고리 롤링 
.common_cate { position: relative; overflow:hidden; width:90%; padding:10px 5%; border-bottom:1px solid #ccc; }
.common_cate ul { overflow:hidden; margin:0; padding:0; }
.common_cate ul li { display:inline-block; min-width:30px; width:auto !important; padding:0 8px; text-align:center; *display:inline; *zoom:1; }
.common_cate ul li a { display:block; height:20px; line-height:20px; font-size:12px; color:#616161; font-weight:bold; text-overflow: ellipsis; white-space: nowrap; }

.common_cate .bx-controls { }
.common_cate .bx-controls-direction {  }
.common_cate .bx-controls-direction a { overflow:hidden; position: absolute; top:50%; margin-top:-8px; width:16px; height:16px; text-indent: -9999px; }
.common_cate .bx-controls-direction a.bx-prev { left:0.5%;  background:url("/design/kwonjo/trend9/mobile_kwonjo2/imgs/icons/icon_arrow_left.png") no-repeat 0 0; background-size:cover; }
.common_cate .bx-controls-direction a.bx-next { right:0.5%; background:url("/design/kwonjo/trend9/mobile_kwonjo2/imgs/icons/icon_arrow_right.png") no-repeat 0 0; background-size:cover; }

*/




/* common_top_category */
.common_top_category {background:#fff; border-top:1px solid #e4e4e6; text-align:center;}
.common_top_category:after {content:""; display:block; clear:both;}
.common_top_category ul {margin:0; padding:0;}
.common_top_category li {
	float:left; 
	width:25%; 
	margin:0; 
	padding:0; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.common_top_category li a {display:block; padding: 8px 0; color: #565656; font-size: 11px; font-weight: 400; line-height: 20px; margin:0; border-left:1px solid #e4e4e6; border-bottom:1px solid #e4e4e6; font-family:'Open Sans', sans-serif;}

.common_top_category li:nth-child(1) a,
.common_top_category li:nth-child(2) a {font-weight:700; color:#222;}
.common_top_category li a span {overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}




/* lookbook_info */
.lookbook_info { overflow:hidden; width:100%; }
.lookbook_info ul { margin:0; padding:0; }
.lookbook_info ul li { display:block; }
.lookbook_info ul li a { display:block; }
.lookbook_info ul li img { width:100%; height:auto; }


