@charset "utf-8";
/* ==========================================================================
   shop_common.css — shop 도메인 공통 (리스트·상세·NEW&BEST 공유)
   페이지 CSS보다 먼저 로드. 상품카드는 inc_prd_list.css, 상품 목록 공통.
   ========================================================================== */

/* --------------------------------------------------------------------------
   container
   -------------------------------------------------------------------------- */
#container.shop_container {padding-top:0;}

/* --------------------------------------------------------------------------
   select_dep — 카테고리/컬렉션 셀렉트
   -------------------------------------------------------------------------- */
.select_dep {max-width:180px;margin:0 auto;text-align:center;position:relative;}
.select_dep > a.btn_dep {line-height:60px;padding-right:27px;background:url(/resources/images/shop/select_01_off.png) no-repeat right center;color:#000;font-size:16px;}
.select_dep > a.act {background:url(/resources/images/shop/select_01_on.png) no-repeat right center;}
.select_dep ul {position:absolute;left:0;right:0;top:60px;max-height:275px;overflow-y:auto;border:1px solid #eeeeee;background:#fff;z-index:15;padding:5px 0;display:none;}
.select_dep ul li a {padding:11px 0;display:block;}
.select_dep ul li a span {position:relative;}
.select_dep ul li.on a {color:#ff463a;}
.select_dep ul li.on a span:after {content:"";display:block;border-bottom:1px solid #ff463a;position:absolute;bottom:-5px;left:0;right:0;}

/* --------------------------------------------------------------------------
   filter_scrh — 리스트 필터
   -------------------------------------------------------------------------- */
.filter_area {display:none;background:#fff;}
.filter_scrh.centerMode {text-align:center;}
.filter_scrh.centerMode .opt_3dep {padding-right:0;}
.filter_scrh .opt_3dep {position:relative;padding:45px 150px 25px 0;}
.filter_scrh .opt_3dep .dep_tab li {display:inline-block;margin-right:25px;line-height:33px;}
.filter_scrh .opt_3dep .dep_tab li a {color:#000;}
.filter_scrh .opt_3dep .dep_tab li.on a {color:#ff463a;}
.filter_scrh .opt_3dep .option_btn {position:absolute;right:0;top:45px;}
.filter_scrh .opt_3dep .option_btn > ul > li {float:left;line-height:33px;margin-left:35px;}
.filter_scrh .opt_3dep .option_btn .selectric {border:0;}
.filter_scrh .opt_3dep .option_btn .selectric .label {margin:0 0;color:#000;}
.filter_scrh .opt_3dep .option_btn .selectric .label.act {color:#000;background:url('/resources/images/common/ico_new.png') no-repeat left center;padding-left:20px;}
.filter_scrh .opt_3dep .option_btn .arrange_btn {position:relative;z-index:9;}
.filter_scrh .opt_3dep .option_btn .arrange_btn .selectric-wrapper {position:static;position:initial;}
.filter_scrh .opt_3dep .option_btn .arrange_btn .selectric-items {min-width:110px;}
.filter_scrh .opt_3dep .option_btn .arrange_btn .mCSB_inside > .mCSB_container {margin-right:0;}
.filter_scrh .opt_3dep .option_btn .arrange_btn .mCSB_scrollTools {background:none;}
.filter_scrh .opt_3dep .option_btn .filter_btn button {background:url('/resources/images/common/ico_filter.png') no-repeat left center;padding-left:20px;color:#000;font-size:14px;}
.filter_scrh .opt_3dep .option_btn .filter_btn.act button {background:url('/resources/images/common/ico_filter_off.png') no-repeat left center;opacity:0.5;}
.filter_scrh .radio_area {margin:0 0 25px;}
.filter_scrh .radio_area dl {position:relative;padding-left:170px;}
.filter_scrh .radio_area dt {position:absolute;top:20px;left:0;font-size:14px;color:#000;font-family:'yoonb';}
.filter_scrh .radio_area li {width:165px;float:left;margin:20px 10px 20px 0;}
.filter_scrh .radio_area .line_length dd li {min-width:90px;}
.filter_scrh .color_filter {margin:30px 0;}
.filter_scrh .color_filter .color_opt {float:left;width:50%;}
.filter_scrh .color_filter .color_opt p.tit {font-size:16px;margin-bottom:20px;font-family:'yoonb';color:#000;}
.filter_scrh .color_filter .color_opt li {margin-right:2px;margin-bottom:2px;float:left;}
.filter_scrh .color_filter .color_opt li button {width:116px;height:116px;color:#fff;padding:0 25px;position:relative;font-family:'Maian';}
.filter_scrh .color_filter .color_opt li.on button:after {content:'';background:url('/resources/images/common/color_btn_chk.png') no-repeat center center;position:absolute;bottom:16px;left:0;right:0;height:13px;background-size:19px 13px;}
.filter_scrh .chk_state {padding:15px 30px;background:#f7f7f7;position:relative;margin-bottom:30px;min-height:70px;}
.filter_scrh .chk_state li {float:left;}
.filter_scrh .chk_state li a {line-height:40px;margin-right:40px;position:relative;padding-right:15px;color:#000;}
.filter_scrh .chk_state li a:after {content:'';background:url('/resources/images/common/delete.gif') no-repeat 0 0;width:8px;height:8px;position:absolute;top:50%;right:0;margin-top:-4px;}
.filter_scrh .chk_state li.all_delete {padding-left:40px;margin-right:0;position:relative;}
.filter_scrh .chk_state li.all_delete a {color:#ff463a;position:relative;}
.filter_scrh .chk_state li.all_delete:before {content:'';background:url('/resources/images/common/bar_color.gif') repeat-y 0 0;width:1px;height:16px;position:absolute;top:50%;left:0;margin-top:-8px;}
.filter_scrh .chk_state li.all_delete a:after {display:none;}
.filter_scrh .chk_state button {position:absolute;right:30px;top:15px;background:#000;min-width:120px;color:#fff;line-height:40px;}
.filter_scrh .chk_state ul {padding-right:150px;}
.filter_inner .filter_area .jgeeseInput.checkbox_box label {-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0px);-o-transform:translateZ(0);transform:translateZ(0);}

/* --------------------------------------------------------------------------
   shop_tab — 상세/리뷰 탭
   -------------------------------------------------------------------------- */
.shop_tab {max-width:1440px;padding:0 40px;margin:0 auto 90px;text-align:center;}
.shop_tab ul {display:inline-block;vertical-align:top;}
.shop_tab ul li {float:left;}
.shop_tab ul li a {font-size:18px;font-weight:bold;color:#000;padding:15px 70px;display:block;min-width:220px;font-family:'Marian';letter-spacing:0.08em;}
.shop_tab ul li.on a {width:100%;border-bottom:1px solid #000;}

/* --------------------------------------------------------------------------
   responsive
   -------------------------------------------------------------------------- */
@media only all and (max-width:1024px) {
	.filter_scrh {padding:0 20px;}
}

@media only all and (max-width:1023px) {
	.filter_scrh {padding:0 0;}
	.select_dep {max-width:inherit;margin:0 auto;text-align:center;position:relative;}
	.select_dep > a.btn_dep {line-height:50px;font-size:14px;padding-right:16px;background:url(/resources/images/shop/select_01_offX2.png) no-repeat right 40%;background-size:9px 5px;}
	.select_dep > a.act {background:url(/resources/images/shop/select_01_onX2.png) no-repeat right 40%;background-size:9px 5px;}
	.select_dep ul {border-top:none;top:50px;height:calc(100vh - 100px);max-height:inherit;border:0;}
	.select_dep ul li a {padding:10px 30px;text-align:left;}
	.filter_scrh .opt_3dep .option_btn .filter_btn button {background:url('/resources/images/common/ico_filterX2.png') no-repeat left 45%;background-size:15px 14px;}
	.filter_scrh .opt_3dep .option_btn .filter_btn.act button {background:url('/resources/images/common/ico_filterX2.png') no-repeat left 45%;background-size:15px 14px;}
	.filter_scrh .opt_3dep .option_btn .selectric .label.act {color:#000;background:url('/resources/images/common/ico_newX2.png') no-repeat left 45%;background-size:15px 14px;padding-left:20px;}
	.filter_inner {position:relative;left:0;right:0;top:0;background:#fafafa;z-index:11;}
	.filter_scrh .opt_3dep {position:relative;padding-bottom:15px;padding-right:0;padding:0 0 15px 0;}
	.filter_scrh .opt_3dep .dep_tab {text-align:center;position:relative;margin-bottom:15px;}
	.filter_scrh .opt_3dep .dep_tab:after {content:"";border-bottom:1px solid #efefef;position:absolute;left:15px;right:15px;bottom:4px;}
	.filter_scrh .opt_3dep .dep_tab ul {overflow-x:scroll;text-indent:0px;width:100%;overflow:hidden;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;-webkit-perspective:1000;perspective:1000;padding:0 15px;}
	.filter_scrh .opt_3dep .dep_tab li {display:inline-block;margin-right:12px;margin-left:12px;line-height:55px;position:relative;}
	.filter_scrh .opt_3dep .dep_tab.small li {width:33.33%;margin-right:0;margin-left:0;}
	.filter_scrh .opt_3dep .dep_tab li:first-child {margin-left:0;}
	.filter_scrh .opt_3dep .dep_tab li a {color:#898989;font-size:12px;font-weight:bold;}
	.filter_scrh .opt_3dep .dep_tab li.on a {color:#000;}
	.filter_scrh .opt_3dep .dep_tab li.on a:after {content:"";position:absolute;left:0;right:0;bottom:5px;border-bottom:1px solid #000;z-index:2;}
	.filter_scrh .opt_3dep .option_btn {position:inherit;right:inherit;top:inherit;text-align:center;}
	.filter_scrh .opt_3dep .option_btn > ul {display:inline-flex;}
	.filter_scrh .opt_3dep .option_btn > ul > li {float:left;width:50%;min-width:100px;line-height:normal;margin-left:0;margin-right:0;}
	.filter_scrh .opt_3dep .option_btn select {border:0;color:#000;background:url('/resources/images/common/ico_newX2.png') no-repeat left 45%;background-size:15px 14px;padding-left:20px;}
	.filter_scrh .radio_area {margin:0 0 25px;}
	.filter_scrh .radio_area dl {position:relative;padding-left:0;margin:0 25px;border-bottom:1px solid #ebebeb;}
	.filter_scrh .radio_area dl:last-child {border-bottom:none;}
	.filter_scrh .radio_area dt {position:relative;top:inherit;left:inherit;font-size:14px;color:#000;font-family:'yoonb';padding:22px 0;}
	.filter_scrh .radio_area dt:after {content:"";width:11px;height:6px;display:block;position:absolute;right:0;top:50%;margin-top:-2.5px;background:url(/resources/images/shop/select_01_on.png) no-repeat right center;background-size:cover;}
	.filter_scrh .radio_area dt.off:after {content:"";width:11px;height:6px;display:block;position:absolute;right:0;top:50%;margin-top:-2.5px;background:url(/resources/images/shop/select_01_off.png) no-repeat right center;background-size:cover;}
	.filter_scrh .radio_area dd {padding:15px 0 15px;}
	.filter_scrh .radio_area li {width:50%;float:left;margin:7px 0 7px 0;}
	.filter_scrh .radio_area .line_length dd li {width:50%;}
	.filter_scrh .color_filter {margin:30px 25px;}
	.filter_scrh .color_filter .color_opt {float:none;width:100%;}
	.filter_scrh .color_filter .color_opt p.tit {font-size:13px;margin-bottom:15px;}
	.filter_scrh .color_filter .color_opt ol {margin-bottom:20px;}
	.filter_scrh .color_filter .color_opt li {margin-right:2px;margin-bottom:2px;}
	.filter_scrh .color_filter .color_opt li:last-child {margin-right:0;}
	.filter_scrh .color_filter .color_opt li button {width:63px;height:63px;padding:0 3px;font-size:11px;font-family:'Marian';line-height:1;letter-spacing:0.05em;}
	.filter_scrh .color_filter .color_opt li.on button:after {bottom:6px;background-size:7px 5px;}
	.filter_scrh .chk_state {padding:0 0 85px;background:#fff;position:relative;margin-bottom:0;min-height:45px;}
	.filter_scrh .chk_state ul {display:none;}
	.filter_scrh .chk_state button {position:absolute;left:0;right:0;top:inherit;bottom:0;background:#000;padding:0 0;color:#fff;line-height:45px;width:100%;margin-bottom:40px;}
	.filter_scrh .chk_state button span.ico_check {padding-left:20px;background:url(/resources/images/common/color_btn_chk.png) no-repeat left center;background-size:12px 10px;}
	.shop_tab {margin:0 auto 60px;}
	.shop_tab ul li a {font-size:16px;padding:15px 25px;min-width:110px;}
}

/* --------------------------------------------------------------------------
   hover
   -------------------------------------------------------------------------- */
@media (hover: hover) {
	.select_dep ul li:hover a {color:#ff463a;}
	.select_dep ul li:hover a span:after {content:"";display:block;border-bottom:1px solid #ff463a;position:absolute;bottom:-5px;left:0;right:0;}
	.filter_scrh .opt_3dep .dep_tab li:hover a {color:#ff463a;}
	.shop_tab ul li a:hover {width:100%;border-bottom:1px solid #000;}
}