/* BASIC css start */
/*상품 인포*/
section {margin:20px 0 !important}
.goods_name {color: #333;  font-size: 13px; }
.goods_name a { font-size: 13px; font-weight: 400; color: #656565; }
.goods_price { font-weight: 500; font-size:11px;letter-spacing:-0.5px }
.goods_price strike {display:block; color:#484848; font-size:11px;letter-spacing:-0.5px }
.goods_price span { font-weight: 400; color: #222; font-size:11px; letter-spacing:-0.5px }
.goods_atc { font-size:12px; font-weight:400; color: #333; letter-spacing:-0.5px; margin-bottom:30px }
.goods_percent {font-size:11px !important; font-weight:400; margin:0px 0 0 5px; color:#cf1427  !important }
.goods_brand{font-weight:600; margin:8px 0 7px 0}
.thum_img {width:100%}
.thum_img img {width:100%}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed::after{content:""; display:block; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.5); z-index:-1}
.shopdetailISwiper img{width:100%}
.shopdetail .shopdetailItem .detail_item {
     padding:0 2%;
     margin:auto
}

.goods_list {padding:0 2%}
.mem {display:none}

.thumb img{width:100%;}
.thumb .thumbList .swiper-horizontal>.swiper-pagination-progressbar,
.thumb .thumbList .swiper-pagination-progressbar.swiper-pagination-horizontal,
.thumb .thumbList .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.thumb .thumbList .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    width:100%%;
    height:2px;
    top:auto;
    bottom:0px;
    left:0;
}

.thumb .thumbList .swiper-pagination-progressbar{
    background:#aeaeae;
    opacity:0.8;
}

.thumb .thumbList .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:#000;
}


/*추가 정보*/
#productDetail .thumb-info .info .goodsSubInfo dl{
    padding:6.389vw 0;
    border-top:0.278vw solid #eee;
}

#productDetail .thumb-info .info .goodsSubInfo dl:last-child{
    padding-bottom:0;
}

#productDetail .thumb-info .info .goodsSubInfo dl dt a{
    display:block;
    position:relative;
    padding:0 8.333vw 0 0;
}

#productDetail .thumb-info .info .goodsSubInfo dl dt .openTabBtn strong{
    display:block;
    font-size:4.722vw;
    line-height:6.389vw;
}

#productDetail .thumb-info .info .goodsSubInfo dl dt .openTabBtn .icon{
    position:absolute;
    width:3.333vw;
    height:3.333vw;
    top:50%;
    right:0;
    transform:translateY(-50%);
}

#productDetail .thumb-info .info .goodsSubInfo dl dt .openTabBtn .icon span{
    position:absolute;
    background:#000;
    transition:all 0.3s;
}

#productDetail .thumb-info .info .goodsSubInfo dl dt .openTabBtn .icon span:nth-child(1){
    width:3.333vw;
    height:0.556vw;
    top:1.389vw;
    left:0;
}

#productDetail .thumb-info .info .goodsSubInfo dl dt .openTabBtn .icon span:nth-child(2){
    width:0.556vw;
    height:3.333vw;
    top:0px;
    left:1.389vw;
}

#productDetail .thumb-info .info .goodsSubInfo dl dt .openTabBtn .icon span.hide:nth-child(1){
    transform:rotate(-180deg);
}

#productDetail .thumb-info .info .goodsSubInfo dl dt .openTabBtn .icon span.hide:nth-child(2){
    transform:rotate(-90deg);
}

#productDetail .thumb-info .info .goodsSubInfo dl dd{
    position:relative;
    padding:8.889vw 0 0 0;
}

#productDetail .thumb-info .info .goodsSubInfo dl dd p{
    margin-bottom:1.944vw;
    font-size:3.611vw;
    line-height:5vw;
}

.region {font-size:12px;margin-left: 18px}

/* 이미지 */
.thumb-wrap {position:relative; overflow:hidden;}
.thumb-wrap .btn_wish {position:absolute; right:18px; top:20px; }
.thumb-wrap .btn_wish img {width:37px;}
.thumb-wrap .goods_view_image_slider {}
.thumb-wrap .goods_view_image_slider li {}
.thumb-wrap .goods_view_image_slider li img {width:100%;}
.thumb-wrap .swiper-horizontal>.swiper-pagination-bullets, 
.thumb-wrap .swiper-pagination-bullets.swiper-pagination-horizontal {line-height:1;}
.thumb-wrap .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.thumb-wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {opacity:1; background:#a9a9a9; width:6px; height:6px; margin: 0 2.5px;}
.thumb-wrap .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.thumb-wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {width:12px; height:6px; background:#202020; border-radius:5px; }


/* 다중이미지 */
.multiImgArea dd img:last-child { margin-right:0; }
.multiImgArea .gallery-thumbs {padding: 10px 0;}
.multiImgArea .gallery-top .swiper-button-next,
.multiImgArea .gallery-top .swiper-button-prev {display: flex; align-items: center; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; margin: 0; font-size: 27px; color: #fff; text-align: center; border-radius: 100%; background-image: none; box-sizing: border-box;}
.multiImgArea .gallery-top .swiper-button-next {right: 20px; padding: 0 6px;}
.multiImgArea .gallery-top .swiper-button-prev {left: 20px; padding: 0 3px;}

.multiImgArea .gallery-thumbs .swiper-button-next,
.multiImgArea .gallery-thumbs .swiper-button-prev {display: flex; align-items: center; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; margin: 0; font-size: 24px; color: #000; text-align: center; background-image: none; box-sizing: border-box;}
.multiImgArea .gallery-thumbs .swiper-button-next {right: 0;}
.multiImgArea .gallery-thumbs .swiper-button-prev {left: 0;}
.multiImgArea .gallery-thumbs .swiper-slide {width: calc((100% - 12px) / 7);margin-right: 2px;}

.gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }
.gallery-top .swiper-button-prev::after,
.gallery-top .swiper-button-next::after{scale: 0.4;}

/* 관련상품, 추가 구성상품 */
.related {margin: 0 10.5px;}
.shopdetail h2 {padding: 0px 0 31px; color: #1a1a1a; font-size: 16px; font-weight: bold; height: 43px; line-height: 43px; margin: 0; text-align: center;}
div.swiper_rel {background: #fff;}
.swiper_rel .swiper-slide {display: inline-block; vertical-align: top; margin: 0 0 45px; padding: 0 4.5px; width: 50%; box-sizing: border-box;}
.swiper_rel .swiper-slide img {width: 100%; margin-bottom: 15px;}
.swiper_rel .swiper-slide .list_shoppingInfo {margin: 0; position: relative;min-height: 10px;}
.swiper_rel .swiper-slide .list_shoppingInfo .linstName {line-height: 1.25;}
.swiper_rel .swiper-slide .list_shoppingInfo .listPrice {line-height: 1; margin: 0 0 10px;}

.swiper-container-horizontal.swiper_rel >.swiper-pagination_rel {bottom: 0;}
.swiper-pagination_rel .swiper-pagination-bullet {width: 9px; height: 9px; margin: 0 3px; background-color: #fff; border-radius: 50%; vertical-align: middle; border: 1px solid #9c9c9c; box-sizing: border-box;}
.swiper-pagination_rel .swiper-pagination-bullet-active {background-color: #1a1a1a; border: 1px solid #1a1a1a;}


.goods_list .swiper-pagination-bullet-active { background: #000000; }
.goods_list .swiper-pagination-bullet { width: 5px; height: 5px; margin: 0px 3px !important; }
.goods_list .swiper-pagination {position: relative !important;}
.shopdetail .shopdetailItem .detail_item


/* 사이즈 차트 */

#sizeChart {border:1px solid #ccc; padding:10px 0 0 0; width:calc( 100% - 0px ); margin:0 auto; margin-top:50px}
#sizeChart table {width:100%}
#sizeChart table  th {text-align: center;    padding-left: 20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px; margin-bottom:20px}
#sizeChart table  td {text-align: center;   padding:10px 0  }
.size_img {width:40%; margin:0 auto}
.size_notice { margin: 0 auto;   padding: 20px; 0 0 3px}

.good_bottom_infomation {  border: 1px solid #cccccc; margin: 0 auto; margin-top: 50px; }
.good_bottom_infomation > ul {}
.good_bottom_infomation > ul > li { display: flex; justify-content: flex-start; padding: 10px 0px; border-bottom: 1px solid #cccccc; }
.good_bottom_infomation > ul > li:last-child { border-bottom: 0px; }
.good_bottom_infomation > ul > li > span { padding: 0px 15px; }
.good_bottom_infomation > ul > li > span:nth-child(1) { width: 35%; text-align: left; }
.good_bottom_infomation > ul > li > span:nth-child(2) {}



/* 상품 상단정보 */
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic {border-color:#ececec;}
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic h2 {font-size:16px; margin-bottom:15px; position:relative;  text-align:left; font-weight:500}
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic h2 img {position:absolute; right:0; top:4px; width:20px;}
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .sub_name {font-size:12px; color:#c5c5c5; line-height:1; margin-bottom:20px;}


.price .consumer{
    display:block;
    font-size:14px;
    line-height:20px;
    font-weight:500;
    color:#969696;
    text-decoration:line-through;
}

.price .dc_per{
    display:inline-block;
    margin-right:5px;
    font-weight:bold;
    font-size:24px;
    line-height:20px;
    color:#cf1427;
}

.price .normal{
    display:inline-block;
    font-weight:bold;
    font-size:24px;
    line-height:24px;
}


/*상품 추가 혜택 및 정보*/

 .goodsSubInfo{
    padding: 20px 0 15px;
    margin: 0 15px;
}
 .goodsSubInfo dl:first-child {border-top:0px}

 .goodsSubInfo dl{
    padding:4.389vw 0;
    border-bottom:1px solid #eee;
}


 .goodsSubInfo dl dt a{
    display:block;
    position:relative;
    padding:0 8.333vw 0 0;
}

 .goodsSubInfo dl dt .openTabBtn strong{
    display:block;
    font-size:14px;
    line-height:6.389vw;
    font-weight:500
}

 .goodsSubInfo dl dt .openTabBtn .icon{
    position:absolute;
    width:3.333vw;
    height:3.333vw;
    top:50%;
    right:0;
    transform:translateY(-50%);
}

 .goodsSubInfo dl dt .openTabBtn .icon span{
    position:absolute;
    background:#000;
    transition:all 0.3s;
}

 .goodsSubInfo dl dt .openTabBtn .icon span:nth-child(1){
    width:3.333vw;
    height:0.556vw;
    top:1.389vw;
    left:0;
}

 .goodsSubInfo dl dt .openTabBtn .icon span:nth-child(2){
    width:0.556vw;
    height:3.333vw;
    top:0px;
    left:1.389vw;
}

 .goodsSubInfo dl dt .openTabBtn .icon span.hide:nth-child(1){
    transform:rotate(-180deg);
}

 .goodsSubInfo dl dt .openTabBtn .icon span.hide:nth-child(2){
    transform:rotate(-90deg);
}

 .goodsSubInfo dl dd{
    position:relative;
    padding:5.889vw 0 0 0;
}

 .goodsSubInfo dl dd p{
    margin-bottom:1.944vw;
    font-size:12px;
    line-height:16px;
}



/*스마트 쿠폰 리뉴*/
.my-smart-coupon-list{
    margin-left:0px;
}

.my-smart-coupon-list ul li{
    position:relative;
    margin-bottom:17px;
    background:#000;
    text-align:left;
    
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.my-smart-coupon-list ul li:first-child{
    margin-top:30px;
}

.my-smart-coupon-list ul li:last-child{
    margin-bottom:0;
}

.my-smart-coupon-list ul li,
.my-smart-coupon-list ul li a{
    display:block;
    color:#fff;
    font-size:14px;
    font-weight:400;
    line-height:18px;
}

.my-smart-coupon-list ul li a{
    padding:14px 43px 14px 12px;
}

.my-smart-coupon-list ul li svg{
    position:absolute;
    top:12px;
    right:13px;
    width:24px;
}



#contents .option_tk .product-opt .shopdetailInfoCont, 
#contents .option_tk .product-opt .shopdetailInfoName {font-size:13px;}
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName,
#contents .option_tk .add-opt_item .shopdetailInfoName,
#contents .option_tk .product-opt .shopdetailInfoName {width:22%;}
#contents .shopdetailInfoOneclick .shopdetailInfoList,
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont,
#contents .option_tk .add-opt_item .shopdetailInfoCont {width:78%;}
#contents .shopdetailInfoOneclick {background:none;}
#contents .MK-oneclick-list li.MK-oneclick-color {width:30px; height:auto; text-align:center;}
#contents .MK-oneclick-list li.MK-oneclick-color a {padding:0; border:none;}
#contents .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a {border:none;}
#contents .MK-oneclick-list li.MK-oneclick-color span {width:23px; height:23px; border-radius:50%; overflow:hidden;}
#contents .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel span {border:1px solid #000;}
#contents .colortxt {font-size:11px; display:inline-block; white-space: nowrap; }
html body #contents select {border-radius:3px; border-color:#ececec; font-size:11px; color:#727272;}

/* 옵션 */
#contents .MK_optAddWrap .MK_inner-opt-cm li {border-radius:3px; border:1px solid #ececec; background: #fbfbfb; padding: 16px 11px 10px; }
#contents .MK_optAddWrap .MK_inner-opt-cm li .MK_p-name {font-size:13px; font-weight:300; margin-bottom:12px; padding-bottom:12px; border-bottom: 1px solid #ececec; color:#202020;}
#contents .MK_optAddWrap .MK_inner-opt-cm li .MK_price {padding-right:13px; font-size:12px; font-weight:400; color:#2e2e2e; opacity:0.7;}
#contents .MK_optAddWrap .MK_inner-opt-cm li .MK_price span {font-size:14px; font-weight:400; color:#2e2e2e; opacity:0.7;}
#contents .MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl {width: 85px; height: 30px; border-color:#ececec; border-radius:3px;}
#contents .MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl input {width:33px; height: 30px; border:none;}
#contents .MK_optAddWrap .MK_inner-opt-cm li .MK_btn-del {bottom:17px;}


.MK-oneclick-list li {  margin: 4px 5px 5px 0 !important; }
.MK-oneclick-list li a {  border: 1px solid #adadad !important;  border-radius: 50% !important; color:#adadad}
.MK-oneclick-list li.MK-oneclick-text a {   padding: 4px !important }

.MK-oneclick-list li.MK-oneclick-sel a {
    border: 2px solid #000 !important; color:#000 !important;
}


/* 총상품금액 */
#contents #MK_innerOptTotal.total_box {padding: 25px 15px 30px;}
#contents #MK_innerOptTotal.total_box .total-txt {font-size:14px; float:left;} 
#contents #MK_innerOptTotal.total_box #MK_p_total {font-size:19px; font-weight:500;}
#contents #MK_innerOptTotal.total_box .txt-won {font-size:17px; font-weight:500;}

/* 구매버튼 */
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_100 {font-size:14px; padding:0; line-height:42px;}
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_50 {font-size:13px; padding:0; line-height:39px;}
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_50:nth-of-type(2) {}
#contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_50:nth-of-type(3) {margin-right:0; float:right;}

/* 탭 */
#contents .shopdetail .product_detail_outer {border:none;}
#contents .shopdetail .shopdetailItem .detail_item_nav {padding:0 2%; margin:20px 0; border:none}
#contents .shopdetail .shopdetailItem .detail_item_nav ul li {border-bottom: 2px solid #f4f4f4;}
#contents .shopdetail .shopdetailItem .detail_item_nav ul li.on {border-bottom:2px solid #000;}
#contents .shopdetail .shopdetailItem .detail_item_nav ul li a {font-size:14px;}
#contents .shopdetail .shopdetailItem .detail_item_nav ul li.on a {color:#000; font-weight:700;}

/* 게시글 */
#tabs {margin: 5px; padding-bottom: 10px; font-size: 12px;}
#tabs .shopdetailBoard {overflow: hidden;text-align:center;border-top:1px solid #fff;border-bottom:1px solid #bbb;background-color: #f8f8f8; padding: 10px 0; margin-bottom: 0;}
#tabs .shopdetailBoard .tab_on {font-weight: bold; padding: 10px 0;}
#tabs .util {border-bottom: 1px solid #464646; padding:10px;}
#tabs .util a {border: 1px solid #424242;display: inline-block;height: 30px;line-height: 30px;border-radius: 3px;width: 100%;text-align: center;}
#tabs .list_board .reply-detail {margin:0 5px;border: 1px solid #73adff;font-size: 0.875em;color: #5da0ff;display: inline-block;height: 18px;line-height: 18px;padding: 0 3px;}
#tabs .review .list_board > ul > li.now > .cont_wrap {display: block;}
#tabs .list_board > ul > li > .wrap .re-wrap {padding:10px; border-top:2px solid #bebebe;}
#tabs .empty-board {text-align: center; padding: 15px 0 5px;}
.list_board ul li {color: #424242; border-bottom: 1px solid #bebebe; word-break: break-all;}
.list_board .re-wrap ul li {font-size: 1em; border-bottom: 0; border-top: 1px dotted #bebebe; margin-top: 5px; padding-top: 5px; list-style: none;}
.list_board ul li dl {padding: 7px;}
.list_board ul li dl h4 {margin: 0}
.list_board ul li .cont_wrap {display: none; padding-top: 5px; border-top: 1px dotted rgb(190, 190, 190); background-color: #f9f9f9; padding: 7px;}
.list_board ul li .cont_wrap img {max-width: 100%; padding-bottom: 5px;}

/* 댓글 */
.MS_cmt_list_box {color: #656565;}
.MS_cmt_list_box .comment_list:last-child {border-bottom: 1px solid #cecece;}
.MS_cmt_list_box .comment_list {padding: 5px;border: 1px solid #cecece;border-bottom: 0;background-color: #fff;}
.MS_cmt_list_box .MS_cmt_hname {padding-left: 5px;}
.MS_cmt_list_box .MS_cmt_content {padding-left: 15px;}
.MS_cmt_list_box .comment_depth2 {padding-left: 10px;}
.MS_cmt_list_box .comment_depth3 {padding-left: 15px;}
#comment_password {width: 250px; left: 7px; box-shadow: 0 0 5px 0 #808080;}
#comment_password input[type="password"] {width: 75%;}
#comment_password form {height: auto !important;}
#comment_password form span {display: block;}

/* 답글 */
.list_board ul li .reply_depth1 .rating,
.list_board ul li .reply_depth1 .info,
.list_board ul li .reply_depth2 .rating,
.list_board ul li .reply_depth2 .info,
.list_board ul li .reply_depth3 .rating,
.list_board ul li .reply_depth3 .info {padding-left: 12px;}
.list_board ul li .reply_status {font-size: 0.875em; color: #777777; font-weight: normal;}

/* 비번입력 */
.list_board input[type="password"] {border-radius: 3px 0 0 3px; width: 80%; border-right: 0; box-sizing: border-box; height: 35px;}
.list_board input[type="button"] {width: 20%; float: right; height: 35px; border-radius: 0 3px 3px 0; background-color: #444; color: #fff; border: 1px solid #444; box-sizing: border-box;}

/* new, hit 아이콘 */
.list_board ul li dl h4 .new {display: inline-block;width: 15px;height: 15px;line-height: 15px;color:#fff;font-size:0.875em;background-color:#5cb7fa;-webkit-border-radius:3px !important;border-radius:3px !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box; text-align: center;}
.list_board ul li dl h4 .hit {display: inline-block;width: 15px;height: 15px;line-height: 15px;color:#fff;font-size:0.875em;background-color:#ff912c;-webkit-border-radius:3px !important;border-radius:3px !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box; text-align: center;}

/* 수정,삭제버튼 */
.list_board ul li .cont_wrap .comment_modify {text-align: right; margin-top: 5px;}
.list_board ul li .cont_wrap .comment_modify a {width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px;  background-color: #fff;}
.list_board ul li dl .info .review_del {width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px;  background-color: #fff;}

/* 페이지네이션 */
.paging {position: relative; text-align: center; margin-top: 15px;}
.paging a.next,
.paging a.prev {width: 30px; height: 25px; line-height: 23px; border: 1px solid #8C8C8C; background-color: #F1F1F1; color: #000;}
.paging strong {font-weight: bold; color: #000; text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; border: 1px solid #111; font-size: .75em; background-color: #fff; margin: 0 2px;}
.paging a {text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; color: #727a8b; border: 1px solid #CECECE; font-size: .75em; font-weight: 700; background-color: #fff; margin: 0 2px;}
.paging .now { font-weight: bold; color: #000; text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; border: 1px solid #111; font-size: .75em; background-color: #fff; margin: 0 2px; }


/* 신고기능 */
.info .btn-member-declare  {display:inline-block; width:14px; height:17px; margin:-4px 0 0 2px; text-indent:-9999px; background:url(/images/d3/modern_simple/btn_declare_icon_2x.png) 0 0 no-repeat; background-size:14px 17px;}
.cnt-btn-block { overflow: hidden;}
.cnt-btn-block .btn-report { float: right; display:inline-block; color:#9d9d9d; font-size:11px; z-index:1; }


/* BASIC css end */