@charset "utf-8
	
/*main_상품스킨*/
.lists-row{margin:0;}
:root{
	--item_r:15px
}


.sct.cus_skin > li{width:25%; padding:0; margin-bottom: 50px;}

/*기본 skin_01*/	
.cus_skin {margin: 35px -25px 0 0!important;}
.cus_skin .cus_item {margin-bottom: 50px !important; padding: 0 !important;}
.cus_skin .in {position: relative; margin-right: 25px; text-align: left; margin-top:3px;}
.cus_skin .in .per_tx {width:48px; height: 48px; line-height: 48px; background-color: var(--mainColor); display: block; position: absolute; top: -3px; right:-3px; border-radius: 5px; color:#fff; z-index: 10; text-align: center;}
.cus_skin .sct_img {position: relative; text-align: center; border: 1px solid #ddd; border-radius:var(--item_r) ; overflow: hidden;}
.cus_skin .sct_img img {display: block; width: 100%; height: 100%; overflow: hidden;}
.cus_skin .sct_img .soldout_box{position: absolute; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(0,0,0,.5); color:#fff; font-size:1.25em; font-weight: 500; z-index: 1;}
.cus_skin .ctg_wrap {font-size: 0.9em; color: #999; margin-bottom: 7px;}
.cus_skin .ctg_wrap span {margin-right: 10px;}
.cus_skin .sct_ct_wrap {margin: 20px 0 0; line-height: 1.3; padding:0 10px;}
.cus_skin .sct_ct_wrap .sct_star img{width:75px; height: auto; margin-bottom: 5px;}
.cus_skin .sct_txt {margin: 0; padding: 0; border-bottom: 0; line-height: 1.3;}
.cus_skin .sct_txt a {font-size: 1.125em; font-weight: 500; color: #222; word-break: break-all;}
.cus_skin .sct_cost {font-size: 1.068em; font-weight: 700; margin: 10px 0 0; color: #333;}
.cus_skin .sct_cost .per_ts {color: #999; font-size: 0.8125em; font-weight: 400; margin-right:7px;}
.cus_skin .sct_basic {font-size: 0.875em; color: #aaa; margin: 10px 0 0;}
.cus_skin .sct_mk {font-size: 0.875em; color: #666; font-weight: 300; margin-top:6px; letter-spacing: 0;}
.cus_skin .sct_stk{margin-top:20px;}
.cus_skin .sct_stk > li{margin-bottom: 2px;}
.cus_skin .sct_stk > li:not(:last-child){margin-right:4px;}
.cus_skin .sct_cart {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); padding: 1em; position: absolute; top: 0; left: 0; text-align: center; opacity: 0; transition: 0.3s; z-index: 1;}
.cus_skin .sct_cart .xi{ width: 50px; line-height: 50px; height: 50px; border-radius: 50%; vertical-align: middle; font-size: 1.375em; margin: 0 3px;}
.cus_skin .sct_cart .btn_cart {color: #999 ; background-color: #fff; border: 0; position: absolute; bottom:65px; right:10px;}
.cus_skin .sct_cart .btn_wish {color: #e36262; background-color: #fff; border: 0; position: absolute; bottom:10px; right:10px;}
.cus_skin .in:hover .sct_cart {opacity: 1;}
.cus_skin .sct_op_btn,
.cus_skin .sct_marker{display:none;}

/*skin_02*/
.main_shop_02 .main_s02_bn{width:50%; padding-right:20px;}
.main_shop_02 .main_s02_bn p{background-color: #aaa; height: 870px; border-radius: var(--item_r)}
.main_shop_02 .main_s02_item{width:50%; padding-left: 20px;}
.main_shop_02 .main_s02_item .cus_skin{margin: 0!important;}
.main_shop_02 .main_s02_item .cus_skin .slick-list{padding:0!important;}
.main_shop_02 .main_s02_item .cus_skin .slick-slide > div{margin-right:-25px;}

/*skin_03*/
.main_shop_03{position: relative;}
.main_shop_03 .in_item_bn{height: 200px; border-radius:var(--item_r); background-color: #aaa;}
.main_shop_03 .slick-list{margin-right:-40px;}
.main_shop_03 .slick-slide{margin-right:40px;}
.main_shop_03 .slick-slide > div{display:flex; flex-wrap:wrap;}
.main_shop_03 .in_item_w{display:block;}
.main_shop_03 .cus_skin {margin:20px -10px 0 0!important}
.main_shop_03 .cus_skin .cus_item{margin-bottom: 0px !important;}
.main_shop_03 .cus_skin .cus_item .in{margin-right:10px;}
.main_shop_03 .btn_st{width:55px; height: 55px; line-height: 55px; text-align: center; background-color: #fff; box-shadow: 0 3px 5px rgba(0,0,0,.1); border:0; font-size:1.5em; color:#aaa; border-radius: 50%; transition: .3s;}
.main_shop_03 .btn_st:hover{background-color:var(--mainColor); color:#fff;}
.main_shop_03 .btn_st.event_prev{position: absolute; top: 50%; left: -28px; z-index: 100;}
.main_shop_03 .btn_st.event_next{position: absolute; top: 50%; right: -28px; z-index: 100;}

/*skin_04*/
.main_shop_04 .main_s04_bn{width:65%; padding-right:20px;}
.main_shop_04 .main_s04_bn p{background-color: #aaa; height: 510px; border-radius: var(--item_r)}
.main_shop_04 .main_s04_item{width:35%; padding-left: 20px; height: 510px; overflow-y: scroll;}
.main_shop_04 .main_s04_item::-webkit-scrollbar{width:5px;}
.main_shop_04 .main_s04_item::-webkit-scrollbar-thumb{background-color: #ced4da; border-radius: 5px;}
.main_shop_04 .main_s04_item::-webkit-scrollbar-track{}
.main_shop_04 .main_s04_item .cus_skin{margin: 0!important;}
.main_shop_04 .main_s04_item .cus_skin .cus_item{margin-bottom:15px!important;}
.main_shop_04 .main_s04_item .cus_skin .in{margin-right:0;}
.main_shop_04 .main_s04_item .cus_skin .sct_img{width:160px;}
.main_shop_04 .main_s04_item .cus_skin .sct_ct_wrap{width:calc(100% - 160px); padding-left:20px;}

/*skin_05*/
.main_shop_05{position: relative;}
.main_shop_05 .main_s05_bn{width:calc(50% - 12px); height: 450px; position: absolute; top: 0; left: 0; z-index: 9999;} 
.main_shop_05 .main_s05_bn img{border-radius: var(--item_r); overflow: hidden;}
.main_shop_05 .cus_skin{margin-top:0!important;}
.main_shop_05 .cus_item{width:25%; margin-bottom: 40px!important;}

/*skin_06*/
.main_shop_06 .cus_item{width:25%; height: 308px!important; margin-bottom: 25px!important;}
.main_shop_06 .cus_item:first-child{width:50%}
.main_shop_06 .cus_item:nth-child(4){margin-left:50%;}
.main_shop_06 .cus_skin{margin:0 -25px 0 0!important;}
.main_shop_06 .cus_skin .sct_ct_wrap{position: absolute; bottom:0; left: 0; padding:30px 15px 12px; width: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, .7), transparent); opacity: 0; border-radius: var(--item_r)}
.main_shop_06 .cus_skin .cus_item:first-child .sct_ct_wrap{ opacity: 1;}
.main_shop_06 .cus_skin .in{margin-right:25px;}
.main_shop_06 .cus_skin .sct_txt a{color:#fff;}
.main_shop_06 .cus_skin .sct_cost{margin-top:5px;}
.main_shop_06 .cus_skin .sct_cost{color:#fff;}
.main_shop_06 .cus_skin .sct_cost .per_ts{color:#bbb;}

/*skin_07*/
.main_shop_07{ position: relative; margin-right:-25px;}
.main_shop_07 .main_s07_bn{width:25%; padding-right:25px;}
.main_shop_07 .main_s07_bn p{border-radius: var(--item_r); background-color: #aaa; height:420px; border:1px solid #ddd;}
.main_shop_07 .main_s07_slide{width:75%;}
.main_shop_07 .main_s07_slide.cus_skin{margin:0!important;}
.main_shop_07 .main_s07_slide.cus_skin .cus_item{margin-bottom:0!important;}
.main_shop_07 .btn_st{width:45px; height: 45px; line-height: 45px; text-align: center; background-color: #fff; border:0; font-size:1.5em; color:#aaa; border-radius: 50%; transition: .3s;}
.main_shop_07 .btn_st:hover{background-color:var(--mainColor); color:#fff;}
.main_shop_07 .btn_st.event_prev{ position: absolute; bottom:14px; left: -135px;}
.main_shop_07 .btn_st.event_next{ position: absolute; bottom:14px; left: -85px;}

/*skin_08*/
.main_shop_08{ position: relative; margin-right:-25px;}
.main_shop_08 > *{ padding-right:25px;}
.main_shop_08 .main_s08_bn{width:50%;}
.main_shop_08 .main_s08_bn p{border-radius: var(--item_r); background-color: #aaa; height:548px;}
.main_shop_08 .main_s08_list{width:50%;}
.main_shop_08 .main_s08_list.cus_skin{margin:0!important;}
.main_shop_08 .main_s08_list.cus_skin .cus_item{margin-bottom:10px!important; width:100%;}
.main_shop_08 .main_s08_list.cus_skin .cus_item:last-child{margin-bottom:0!important;}
.main_shop_08 .main_s08_list.cus_skin .in{margin-right:0; border:1px solid #ddd; border-radius: var(--item_r); padding:17px;}
.main_shop_08 .main_s08_list.cus_skin .sct_img{width:140px;}
.main_shop_08 .main_s08_list.cus_skin .sct_ct_wrap{width:calc(100% - 140px); padding-left:25px;}
.in_cont_02{margin-top:40px;}
.in_cont_02 .main_shop_08{flex-direction: row-reverse;}

/*skin_09*/
.s_cont_w{margin-right:-30px;}
.s_cont_w > *{width:33.33%; padding-right:30px;}
.s_cont_w .main_shop_09 .main_s09_bn p{border-radius: var(--item_r); background-color: #aaa; height:400px;}
.s_cont_w .main_shop_09 .main_s09_list.cus_skin{margin:25px 0 0 0!important;}
.s_cont_w .main_shop_09 .main_s09_list.cus_skin .cus_item{margin-bottom:15px!important;}
.s_cont_w .main_shop_09 .main_s09_list.cus_skin .in{margin-right:0;}
.s_cont_w .main_shop_09 .main_s09_list.cus_skin .sct_img{width:110px;}
.s_cont_w .main_shop_09 .main_s09_list.cus_skin .sct_ct_wrap{width:calc(100% - 110px); padding-left:25px;}

/*skin_10*/
.main_shop_10{ position: relative; background-color: #fff8f0; padding:60px 0;}
.main_shop_10:after{content:''; width:50%; height: 100%; position: absolute; top: 0; left: 0; background-color: #aaa;}
.main_shop_10 .main_s10_bn{width:50%; padding:50px; padding-left:0; position: relative; z-index: 1;}
.main_shop_10 .main_s10_bn .in_txt .t1{font-size:2.375em; font-weight: 300; color:#111;}
.main_shop_10 .main_s10_bn .in_txt .t2{font-size:1.068em; color:rgba(0,0,0,.6); margin-top:20px;}
.main_shop_10 .main_s10_sw{width:50%; padding:50px; padding-right:0;}
.main_shop_10 .main_s10_slide{width:82%; margin: 0 auto; position: relative;}
.main_shop_10 .main_s10_slide .swiper-slide{margin-bottom: 0!important;}
.main_shop_10 .main_s10_slide .cus_skin {margin:0!important;}
.main_shop_10 .main_s10_slide .cus_skin .in{ width:100%; margin: 0 10px; text-align: center;}
.main_shop_10 .main_s10_slide .s10_control .xi{font-size:2.825em; cursor: pointer; color:#aaa; transition: .3s;}
.main_shop_10 .main_s10_slide .s10_control .xi:hover{ color:var(--mainColor);}
.main_shop_10 .main_s10_slide .b_prev{ position: absolute; top:210px; left: -45px; z-index:10;}
.main_shop_10 .main_s10_slide .b_next{ position: absolute; top:210px; right: -45px; z-index:10;}