@charset "utf-8";
/* CSS Document */


.menu_selectbox .terms_nav li a {display:block; padding:10px 0; font-size:15px; color:#1a1a1a;}
.menu_selectbox .terms_nav li.active a {position:relative; padding-left:12px; font-size:17px; font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-weight:600;}
.menu_selectbox .terms_nav li.active a::after {position:absolute; top:10px; left:0; content: ""; width:6px; height:6px; background:#ffce29; border-radius: 100%}
.menu_selectbox .select_scrolling .select_h2 {display: flex; justify-content: space-between; align-items: center; height:55px; padding:0 20px; border-bottom:1px solid #e5e5e5; box-sizing: border-box; background:#fff;}
.menu_selectbox .select_scrolling .select_h2 h2 {font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:15px; color:#1a1a1a;}
.menu_selectbox .select_scrolling .select_h2 button {width:9px; height:5px; background:url(/service/accessory/img/sel_arrow@2x.png?t=1) no-repeat; background-size: cover;}
.menu_selectbox .layer_box .content {padding: 30px 40px}
.menu_selectbox .select_h2.fixed {z-index: 999;position: fixed !important;top: 45px; left: 0; width: 100%;}
.menu_selectbox .listall_ul.mt_size {margin-top:60px;}
.menu_selectbox .select_scrolling h3 {padding:40px 20px 10px 20px; font-family: 'Montserrat','YoonGothicPro780', sans-serif; font-size:18px; color:#1a1a1a;}
.menu_selectbox .listall_ul {margin:10px 0 30px 0}
.menu_selectbox .listall_ul li {margin:10px 0 30px 0}
.menu_selectbox .product_list.acc_list {margin:25px 0;}

.menu_selectbox .product_list span.product_label_cpn, .menu_selectbox .product_list span.product_label {top:30px; right:0; width:50px; height:50px;}
.menu_selectbox .product_list span.product_label_cpn > p, .menu_selectbox .product_list span.product_label > p {font-size:12px; line-height:17px;}
.menu_selectbox .product_list span.product_label_cpn.label02, .menu_selectbox .product_list span.product_label {top:-6px; right:7px; width:68px; height:30px; background-color: #242552;}
.menu_selectbox .product_list span.product_label_cpn.label02 > p, .menu_selectbox .product_list span.product_label > p {font-size:12px; line-height:17px;}

.menu_selectbox .product_list .product_list_info {position:relative; top:0; left:0; margin:0; padding:0;}
.menu_selectbox .select_scrolling .listall_ul li {display:flex; justify-content: space-between; flex-wrap: wrap; padding:0 12px;}
.menu_selectbox .select_scrolling .listall_ul li > div {width:48.5%;}
.menu_selectbox .product_list.acc_list .product_list_info {top:0; padding:20px 5px 0 5px; box-sizing: border-box;}
.menu_selectbox .product_list.acc_list > a {background-size:115% !important;}
.menu_selectbox .product_list .product_list_info {width:100%;}
.menu_selectbox .product_list .product_list_info .info_txt {width:100%;}
.menu_selectbox .product_list .product_list_info .info_txt h4 {font-size:16px; margin-bottom:3px; text-align: left;}
.menu_selectbox .product_list .product_list_info .info_txt p {font-size:14px; color:#1a1a1a; text-align: left;}
.menu_selectbox .product_list .product_list_info .info_txt p span.product_price {font-size:16px; font-weight:500;}
.menu_selectbox .label_d_sided {height:17px; line-height:16px; font-size:11px; vertical-align: middle;}

/* 라벨 */
.menu_selectbox span.gnb_label {display:inline-block; width:17px; height:16px; margin-left:4px; margin-top:-2px;  font-size:10px !important; color:#222450 !important; font-weight:500; line-height:15px; text-align: center; border:1px solid #222450 !important; box-sizing: border-box; vertical-align:middle; border-radius: 3px;}
.menu_selectbox span.gnb_label_02 {display:inline-block; width:51px; height:17px; margin-left:4px; margin-top:-2px;  font-size:11px !important; color:#222450 !important; font-weight:500; line-height:15px; text-align: center; border:1px solid #222450 !important; box-sizing: border-box; vertical-align:middle; border-radius: 3px;}
.menu_selectbox span.l_hit {color:#fff !important; border:1px solid #ff7373 !important; background:#ff7373;}
.menu_selectbox span.l_new {color:#ff4040 !important; border:1px solid #ff4040 !important;}

/* top 버튼 */
.top_btn {z-index: 999; display: none; position: fixed; bottom: 12px; right: 12px; opacity: 0.3;}
.top_btn button {width: 40px; height: 40px; background: url(/include/img/top_on.png?t=1) center no-repeat; background-size: cover;}

img {max-width:100%;}
@media only screen and (min-width: 320px) and (max-width: 370px) {
    img {max-width:66%; margin-top: 40px}
    .acc_cover {
        position: relative;
    }
    .sold-out {
        width: 76% !important;
        height: 100%;
    }
}
@media only screen and (min-width: 372px) and (max-width: 419px) {
    img {max-width:80%;}

    .acc_cover {
        position: relative;
    }
    .sold-out {
        width: 88% !important;
        height: 100%;
    }
}

@media only screen and (min-width: 420px) and (max-width: 600px) {
    img {max-width:93%;}
}
.menu_selectbox .product_list.acc_list > a {background-size: 115% !important;}

a > .sold-out {position:absolute; width: 100%; height: 100%; display: table; background: rgba(0,0,0,0.5); color: #fff;}
a > .sold-out > p {display: table-cell; vertical-align: middle; text-align: center; font-size: x-large!important; font-weight: 600; color: #FFFFFF!important;}

.sub_wrap {padding: 0px 15px 50px 15px !important;}
.sub_wrap .product_list.acc_list {margin-bottom:6%;}
.sub_wrap .product_list.acc_list > a {display: block;}
.sub_wrap .product_list.acc_list .product_list_info {top:0%;}
.product_list_info h4 p {text-align: left;}
 a {position: relative;}
.menu_selectbox .listall_ul { margin: 0px !important;}
.menu_selectbox .listall_ul li { margin: 0px !important;}
.menu_selectbox .product_list .product_list_info .info_txt h4 {font-size: 13px !important;}

.acc_list_group ul li p.price_index {position:absolute; bottom:57px; right:4px}
.ellipsis_desc {max-width: 64%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ellipsis_thumb_desc {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.center-img {position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%);color: white;font-size: x-large;font-weight: bold;}
.sales_end {display: none;}
.sold-out {position:absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: table; background: rgba(0,0,0,0.5); color: #fff; border-radius: 15px}
.sold-out > p {display: table-cell; vertical-align: middle; text-align: center; font-size: x-large!important; font-weight: 600; color: #FFFFFF!important;}
div.cover {overflow:hidden; height:175px; width: 175px; border-radius: 15px;}



/*231214 수정본*/
.menu_selectbox .select_scrolling .listall_ul li {display:flex; justify-content: space-between; flex-wrap: wrap; padding:0px!important;}
div.cover {height:auto; width: auto; border-radius: 0px!important;}
.product_list.acc_list  .cover.acc_cover img{width: 100%; height: 100%; transform: scale(1); transition: 0.5s;}
.product_list.acc_list  .cover.acc_cover { position: relative;  overflow: hidden;  background: #f3f3f3; border-radius: 10px;}

img {max-width:100%;}
@media only screen and (min-width: 320px) and (max-width: 370px) {
    img {max-width:100%!important; margin-top: 0px!important;}
    .acc_cover {
        position: relative;
    }
    .sold-out {
        width: 76% !important;
        height: 100%;
    }
}



/*.??{width: 47.5%;}*/