/* 상단 해더 부분 고정 사이즈를 위해 셋팅 */
body {font-family:'Nanum Gothic', 'AppleSDGothicNeo', sans-serif;}

#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: 1;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	height: 50px;
	background:#f8faf0;
	border-bottom:0px solid #000;
	border-top:2px solid #4b0004;
}

#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: 32px;
}

#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:35px !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; background:url('/design/wjddnjs17/trend9/mobile_kodari/imgs/footer_bg.png') repeat 0 0;}

/* 하단 톡톡 */
footer .widget_footer_talk { overflow:hidden; width:100%; }
footer .widget_footer_talk img { width:100%; height:auto; }





/* 하단정보 */
footer .widget_footer_info { overflow:hidden; padding:0 0 10px; }

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:20px; 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:center; 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:center; 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;
	margin-top: 8px;
	padding:7px 0;
	background-color:rgba(255,255,255,1.0);
	border-radius: 35px;
	text-align:center;
	box-shadow:1px 1px 3px rgba(0,0,0,0.3);
}

#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:12px; color:#616161; font-weight:500; 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; }








/* page_section */
.page_section {}
.page_section:after {content:""; display:block; clear:both;}
.page_section .page_contents_area {padding:10px 10px; text-align:center;}
.page_section img {width:100%;}





.fc_visual {}
.fc_visual img {width:100%;}


/* 성공노하우 메뉴 */
.common_knowhow_menu {padding:0 10px;}
.common_knowhow_menu ul {
	margin:20px 0 30px; 
	padding:0; 
	width: 100%; 
	height: 40px; 
	list-style: none; 
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    display: flex;
    justify-content: space-around;
}
.common_knowhow_menu ul li {
	width: 100%; 
	text-align: center; 
	box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
}
.common_knowhow_menu ul li a {display:block; padding:10px 0; font-size:11px; letter-spacing:-0.02em; border-bottom:2px solid #babcbf; color:#666;}
.common_knowhow_menu ul li.selected a {border-bottom:2px solid #e30613; color:#e30613;}



.sub_visual_top { text-align: center; margin-bottom: 40px; height: 160px; background: url('/design/wjddnjs17/trend9/mobile_kodari/imgs/store_visual_top.png') center center no-repeat; background-size: cover; }
.sub_visual_top h5 { padding-top: 55px; font-size: 20px; color: #4a2a01; font-weight: 200; }
.sub_visual_top p { margin-top: 10px; font-size: 14px; line-height:24px; color: #000000; font-weight: 400; }



/* 인테리어 슬라이더 */

.page_slider_wrap { position: relative; margin:0 10px 0;}
.page_slider_wrap .slider > ul { display: none; }
.page_slider_wrap img { max-width: 100%; width: 100%; height: auto; }
.page_slider_wrap .bx-wrapper { position: relative; }
.page_slider_wrap .bx-prev { position: absolute; left:0; top:50%; z-index: 2; display: block; width: 40px; height: 60px; margin-top:-30px; background: url('/design/wjddnjs17/trend9/mobile_kodari/imgs/page_slide_prev_bt.png') left top no-repeat; text-indent: -9999px; }
.page_slider_wrap .bx-next { position: absolute; right:0; top:50%; z-index: 2; display: block; width: 40px; height: 60px; margin-top:-30px; background: url('/design/wjddnjs17/trend9/mobile_kodari/imgs/page_slide_next_bt.png') left top no-repeat; text-indent: -9999px; }

.page_slider_wrap .bx-pager { position: absolute; margin: 0 auto; width: 100%; bottom: -20px; text-align: center; }
.page_slider_wrap .bx-pager-item { display: inline-block; }
.page_slider_wrap .bx-pager-link {
	display: inline-block;
	width: 6px;
	height: 6px;
	background:transparent;
	border:2px solid #333;
	margin: 0 3px;
	cursor: pointer;
	text-indent: -9999px;
	vertical-align:middle;
	border-radius:40px;
}
.page_slider_wrap .bx-pager-link.active {
	background: #333;
}



.sub_visual {overflow:hidden; width:100%; margin:0 0 0; text-align:center;}
.sub_visual:after {content:""; display:block; clear:both;}
.sub_visual img {
	display:block;
	position:relative;
	left:50%; 
    -o-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0);
	height:180px;
}

/* Landscape */
@media screen and (orientation:landscape) {
	.sub_visual img {height:280px;}

}




.sub_fc_top { text-align: center; margin-bottom:0; min-height: 120px; padding:0 20px; background: url('/design/wjddnjs17/trend9/mobile_kodari/imgs/store_visual_top.png_') center center no-repeat; background-size: cover; }
.sub_fc_top h5 { padding-top: 35px; font-size: 18px; color: #4a2a01; font-weight: 200; }
.sub_fc_top p { margin-top: 10px; font-size: 13px; line-height:18px; color: #000000; font-weight: 400; }