@charset "utf-8";

#contents {
	overflow: hidden;
	margin:0 !important;
	padding:0 !important;
}


/* 메인 비쥬얼 swipe */
.widget_main_visual_area { position: relative; }
.widget_main_visual_area > ul { display: ; }
.widget_main_visual_area > ul > li { display: none; }
.widget_main_visual_area > ul > li:first-child { display: block; }
.widget_main_visual_area img { max-width: 100%; width: 100%; height: auto; }
.widget_main_visual_area .bx-wrapper { position: relative; }
.widget_main_visual_area .bx-prev { position: absolute; left:0; top:33%; z-index: 2; display: block; width: 40px; height: 60px; background: url('/img/trend9/mobile_main_visual_prev_bt.png') left top no-repeat; text-indent: -9999px; }
.widget_main_visual_area .bx-next { position: absolute; right:0; top:33%; z-index: 2; display: block; width: 40px; height: 60px; background: url('/img/trend9/mobile_main_visual_next_bt.png') left top no-repeat; text-indent: -9999px; }

.widget_main_visual_area .bx-pager { 
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, 0.56);
	margin: 8px auto;
	border-radius: 25px 0 0 25px;
	width: 59px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	bottom: 2px;
	right: 25px;
	z-index: 10;
}

.widget_main_visual_area .banner_layer_open {
    position: absolute;
    right: 0px;
    bottom: 10px;
    display: inline-block;
    width: 35px;
    height: 25px;
    line-height: 25px;
    background-color: #32c0b6;
    background-repeat: no-repeat;
    background-size: 27px;
    background-position: center;
    color: #fff;
    padding: 0;
    border-radius: 20px 0 0 20px;
    z-index: 10;
    text-align: center;
	cursor: pointer;
}

.widget_main_visual_area .banner_layer_open:after {
    font-family: FontAwesome;
    content: "\f067";
    color: #fff;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    margin-top: 0px;
    display: block;
    font-weight: normal;
}

#banner_layer { display: none; }
.popup_visible #banner_layer { display: block; }
.popup_visible { overflow: hidden; }
.popup_visible body { overflow: hidden; }

#banner_layer .title { position: fixed; left: 0px; top: 0px; padding: 5px 0; width:100%; height: 30px; font-size: 14px; line-height: 30px; background: rgba(0,0,0,0.8); }
#banner_layer .title h6 { color: #fff; text-align: center; }
#banner_layer .close {position:absolute; top:5px; right:5px;  display: block; margin:0; color: #fff; }
#banner_layer .close i { font-size: 24px; font-weight: normal; line-height: 30px; }

#banner_layer .banner { margin-top: 40px; }
#banner_layer .banner ul { margin:0 5px; padding:0; list-style: none; }
#banner_layer .banner ul li { margin:0; padding:0 0 2px; }
#banner_layer .banner ul li img { width: 100%; }

/*
.widget_main_visual_area .bx-pager { position: absolute; margin: 0 auto; width: 100%; bottom: 5px; text-align: center; }
.widget_main_visual_area .bx-pager-item { display: inline-block; }
.widget_main_visual_area .bx-pager-link {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 20px;
	background: #666;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2) inset;
	margin: 0 2px;
	cursor: pointer;
	text-indent: -9999px;
}
.widget_main_visual_area .bx-pager-link.active {
	width:25px;
	background: #32c0b6;
}
*/

.main_link_area {overflow:hidden; margin:10px 5px 0;}
.main_link_area a.main_link_bt {float:left; display:block; width:48%; margin:0 0 7px 0; padding:10px 0; font-size:14px; font-weight:bold; text-align:center; border:1px solid #ddd; background-color:#fff; font-family:"HelveticaNeue-Bold", sans-serif; line-height:1em;}
.main_link_area a.main_link_bt.right_bt {float:right;}
.main_link_area a.main_link_big {color:#fff; width:99.5%; border:1px solid #c50101; background-color:#ff1010; line-height:1em;}
.main_link_area a.main_link_big span.trend9-iconfont {display:inline-block; width:15px; letter-spacing:0; font-size:14px; padding-right:5px;}
.main_link_area a.main_link_big2 {width:99.5%;}
.main_link_area a.main_link_big2 span.trend9-iconfont {display:inline-block; width:15px; letter-spacing:0; font-size:14px; padding-right:5px;}


/* 일반 배너 */
.widget_normal_banner {overflow:hidden; margin:5px 0 5px 0; padding:0; text-align:initial; font-size:0; line-height:0;}
.widget_normal_banner div {
	overflow:hidden;
	width:100%;
	margin:0 0 5px 0;
	padding:0 0 0 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.widget_normal_banner div:nth-child(odd) {padding:0 2px 0 0;}

.widget_normal_banner div img {display:block; width:100%; height:auto;}




/* 메인 롤링 상품 */
.widget_rolling_product {margin:5px 0 0 0 !important; padding:0 !important; background-color:#fff; border-bottom:0px solid #ddd;}
.widget_rolling_product > ul { display: none; }
.widget_rolling_product .bx-pager { margin: 0 auto 20px; width: 100%; text-align: center; }
.widget_rolling_product .bx-pager-item { display: inline-block; }
.widget_rolling_product .bx-pager-link {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #666;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5) inset;
	margin: 0 2px;
	cursor: pointer;
	text-indent: -9999px;
}
.widget_rolling_product .bx-pager-link.active {
	background: #32c0b6;
}



/* 메인 상품 공통 */
.mPrdList.typeThumb {margin:0; padding:0 5px;}
.mPrdList.typeThumb h2 {margin: 0 0 0; padding: 20px 0 8px 0; text-align: center; font-size: 16px; color:#202020; border-bottom:0px solid #d9d9d9; font-weight:700;}
.mPrdList.typeThumb h2:after {content:""; display:block; width:20px; height:3px; margin:5px auto; background:#333;}
.mPrdList.typeThumb h2 strong {font-weight:700; color:#32c0b6;}


.widget_normal_product ul li.item .sale_count {position:absolute; top:7px; right:4px; z-index:100; overflow:hidden; display:block; width:50px; height:26px; font-size:16px; line-height:26px; font-weight:700; color:#fff; text-align:center;  font-family:verdana, sans-serif; border:1px solid #d20000; background:#ff0000;}



.main_hotdeal {margin:20px 0 !important; padding:30px 0; background:#fafafa; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.main_hotdeal .it_price {
    display: block !important;
    color: #f02727 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}




/* 탭 상품 */
.widget_tab_product {}
.widget_tab_product h2 {margin: 0 0 0; padding: 20px 0 8px 0; text-align: center; font-size: 16px; color:#202020; border-bottom:0px solid #d9d9d9; font-weight:700;}
.widget_tab_product h2:after {content:""; display:block; width:20px; height:3px; margin:5px auto; background:#333;}
.widget_tab_product h2 strong {font-weight:700; color:#32c0b6;}


.widget_tab_product:after {content:""; display:block; clear:both;}

.main_tab_nav_wrap {margin:0 0 10px; border-top:1px solid #000; border-bottom:1px solid #d6d6d6; background:#fafafa;}

.widget_tab_product .main_tab_nav { margin:0; padding:0; list-style: none;}
.widget_tab_product .main_tab_nav:after {content:""; display:block; clear:both;}
.widget_tab_product .main_tab_nav li {
	float:left; 
	margin:0; 
	padding:0; 
	width:auto; 
	text-align:center; 
	border-left:1px solid #d6d6d6; 
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.widget_tab_product .main_tab_nav li:first-child { border-left: 0px; }
.widget_tab_product .main_tab_nav li a {overflow:hidden; display: block; padding: 11px 10px 10px; color: #8f8f8f; font-size: 12px; line-height:18px; text-decoration: none;  text-overflow:ellipsis; white-space:nowrap; background:#fafafa;}
.widget_tab_product .main_tab_nav li.ui-tabs-selected a {color: #262626; background:#fff;}

.widget_tab_product .main_tab_contents { clear: both;  }
.widget_tab_product .main_tab_contents > div { position: relative; display:none; }




/* 탭 상품 */
.widget_tab_product2 {}
.widget_tab_product2 h2 {margin: 0 0 0; padding: 20px 0 8px 0; text-align: center; font-size: 16px; color:#202020; border-bottom:0px solid #d9d9d9; font-weight:700;}
.widget_tab_product2 h2:after {content:""; display:block; width:20px; height:3px; margin:5px auto; background:#333;}
.widget_tab_product2 h2 strong {font-weight:700; color:#32c0b6;}


.widget_tab_product2:after {content:""; display:block; clear:both;}

.main_tab_nav_wrap2 {margin:0 0 10px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:#f9f9f9;}



.widget_tab_product2 .main_tab_nav2 { margin:0; padding:0; list-style: none; }
.widget_tab_product2 .main_tab_nav2:after {content:""; display:block; clear:both;}
.widget_tab_product2 .main_tab_nav2 li {
	float:left; 
	margin:0; 
	padding:0; 
	width:auto; 
	text-align:center; 
	border-right:1px solid #d6d6d6; 
	background:#f9f9f9;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.widget_tab_product2 .main_tab_nav2 li:first-child { border-left: 0px; }
.widget_tab_product2 .main_tab_nav2 li a {overflow:hidden; display: block; padding: 11px 10px 10px; color: #8f8f8f; font-size: 12px; line-height:18px; text-decoration: none;  text-overflow:ellipsis; white-space:nowrap;}
.widget_tab_product2 .main_tab_nav2 li.ui-tabs-selected {position:relative; z-index:1; border-color:#32c0b6; margin:-1px 0 -1px -1px;}
.widget_tab_product2 .main_tab_nav2 li.ui-tabs-selected a {color: #fff; padding:12px 15px 11px 16px; background:#32c0b6; }

.widget_tab_product2 .main_tab_contents2 { clear: both;  }
.widget_tab_product2 .main_tab_contents2 > div { position: relative; display:none; }





/* 스페셜탭 상품 */
.widget_special_tab_product {}
.widget_special_tab_product h2 {margin: 0 0 0; padding: 20px 0 0 0; text-align: center; font-size: 16px; color:#202020; border-bottom:0px solid #d9d9d9; font-weight:700;}
.widget_special_tab_product h2 img {width:100%;}

.widget_special_tab_product:after {content:""; display:block; clear:both;}

.widget_special_tab_product .main_special_tab_nav_wrap {margin:0 0 0; border-top:0px solid #d6d6d6; border-bottom:0px solid #d6d6d6; background:#e8e8f2;}



.widget_special_tab_product .main_special_tab_nav { margin:0; padding:0; list-style: none; }
.widget_special_tab_product .main_special_tab_nav:after {content:""; display:block; clear:both;}
.widget_special_tab_product .main_special_tab_nav li {
	float:left; 
	margin:0; 
	padding:0; 
	width:auto; 
	text-align:center; 
	border-right:1px solid #fff; 
	background:#e8e8f2;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.widget_special_tab_product .main_special_tab_nav li:first-child { border-left: 0px; }
.widget_special_tab_product .main_special_tab_nav li a {overflow:hidden; display: block; padding: 11px 15px 10px; color: #646464; font-size: 12px; line-height:18px; text-decoration: none;  text-overflow:ellipsis; white-space:nowrap;}
.widget_special_tab_product .main_special_tab_nav li.ui-tabs-selected {position:relative; z-index:1; }
.widget_special_tab_product .main_special_tab_nav li.ui-tabs-selected a {color: #fff; padding:12px 15px 11px 16px; background:#aeaed9; }

.widget_special_tab_product .main_special_tab_contents { clear: both; padding:10px 0; background:#f6f6fa; border-bottom:1px solid #eeecf1; }
.widget_special_tab_product .main_special_tab_contents > div { position: relative; display:none; }







/* hot category */


.hotcategory_row {padding:30px 0; background:url("../../img/trend9/hotcategory_row_bg.png") repeat-x 0 0; }
.hotcategory_row h2 {margin: 0 0 0; padding: 0 0 0 0; text-align: center; font-size: 16px; color:#202020; border-bottom:0px solid #d9d9d9; font-weight:700;}
.hotcategory_row h2:after {content:""; display:block; width:20px; height:3px; margin:8px auto; background:#333;}
.hotcategory_row h2 strong {font-weight:700; color:#ea0000;}
.hotcategory_row p.desc {margin:0 0 20px; padding:0; text-align:center; color:#777;}

#main_hotcategory_slider {position:relative; width:100%; overflow:hidden;}
#main_hotcategory_slider {}
#main_hotcategory_slider ul {padding:0 0; margin:0;}
#main_hotcategory_slider li {
	position:relative;
	float:left; 
	list-style:none; 
	width:110px;
	padding:0 5px;
	text-align:center; 
	display:block;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#main_hotcategory_slider li .box {position:relative; overflow:hidden; margin:0 auto; }
#main_hotcategory_slider li .box img {display:block; width:100%; margin-bottom:10px; border-radius:400px;}
#main_hotcategory_slider li .box .hover_contents  {font-size:11px; line-height:15px; color:#333; text-align:center;}






/* 메인 롤링 상품 */
.widget_main_event_silde {margin:5px 0 0 0 !important; padding:0 !important; background-color:#fff; border-bottom:0px solid #ddd;}
.widget_main_event_silde h2 {margin: 0 0 0; padding: 20px 0 8px 0; text-align: center; font-size: 16px; color:#202020; border-bottom:0px solid #d9d9d9; font-weight:700;}
.widget_main_event_silde h2:after {content:""; display:block; width:20px; height:3px; margin:5px auto; background:#333;}
.widget_main_event_silde h2 strong {font-weight:700; color:#32c0b6;}

.widget_main_event_silde > ul {display: none;}
.widget_main_event_silde li.item > a {display:block; margin:0 5px;}
.widget_main_event_silde li.item > a img {display:block; width:100%;}
.widget_main_event_silde .bx-pager { margin:15px auto 20px; width: 100%; text-align: center; }
.widget_main_event_silde .bx-pager-item { display: inline-block; }
.widget_main_event_silde .bx-pager-link {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #666;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5) inset;
	margin: 0 2px;
	cursor: pointer;
	text-indent: -9999px;
}
.widget_main_event_silde .bx-pager-link.active {
	background: #32c0b6;
}