/* BASIC css start */
.shopdetail input[type="checkbox"] {opacity:0; display:none;}
.shopdetail label span {position:relative;display:inline-block;}
.shopdetail label span:after {content:'';background: url(/design/odeshop/ode_m/icon_chk.png) no-repeat center/100%;position:absolute;top: -1px;left:0;width: 15px;height: 15px;}
.shopdetail label input:checked ~ span:after {background:url(/design/odeshop/ode_m/icon_chk_on_new.png) no-repeat center/cover;}

#headerBtmWrap {display:none !important;}
#container {margin-top:0% !important;}
#footer{padding-bottom: 84px !important;}
.material_img {padding: 0 !important; }

.price_wrap .late {display:block; font-size:12px; color:#ff6a10; margin-top:10px; font-weight: 500;}
/* ´ÙÁßÀÌ¹ÌÁö */
    
   
.shopdetailInfoTop {overflow: hidden;}
.shopdetailInfoTop  .swiper {
        width: 100%;
        height: 100%;
        overflow: hidden;
      }
.shopdetailInfoTop .mySwiper .swiper-slide  {width:54px; margin-right:2px}

.shopdetailInfoTop  .swiper-slide {
        ;
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

.shopdetailInfoTop .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }


.shopdetailInfoTop .swiper {
        width: 100%;
        /*height: 300px;*/
        margin-left: auto;
        margin-right: auto;
      }

.shopdetailInfoTop  .swiper-slide {
        background-size: cover;
        background-position: center;
      }

.shopdetailInfoTop  .mySwiper2 {
        height: 80%;
        width: 100%;
        position: relative;
        overflow: hidden;
      }


.shopdetailInfoTop  .mySwiper {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0 0;
        position: relative;
        width: 100%;
        position: relative;
        overflow: hidden;
      }

.shopdetailInfoTop  .mySwiper .swiper-slide {

        opacity: 0.4;
        overflow:hidden;
 }

.shopdetailInfoTop  .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
      }

.shopdetailInfoTop  .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        /* object-fit: cover; */
        overflow: hidden;
      }
      
   /*´ÙÁß ¾Æ·§ÂÊ*/   
.shopdetailInfoTop .swiper-button-prev2 {
    /*display: none;*/
    border:0;
    outline:0;
    width:25px;
    /* height:36px; */
    position:absolute;
    left:0;
    top: 27px;
    z-index:10;
    }
.shopdetailInfoTop .swiper-button-prev2 i{    font-size: 24px;
    color: #000;
    opacity:1;
    border:0;
    outline:0;
    }   
.shopdetailInfoTop .swiper-button-next2 {
    /*display: none;*/
    background: none;
    border:0;
    outline:0;
    width:25px;
    /* height:36px; */
    position:absolute;
    right:0;
    top: 27px;
    z-index:10;
    }
.shopdetailInfoTop .swiper-button-next2 i{
    font-size: 24px;
    color: #000;
    opacity:1;

    border:0;
    outline:0;
}     
   
   
    
/*´ÙÁß À­ÂÊ*/    
.shopdetailInfoTop .swiper-button-prev {background: none;margin-left:10px;    border:0;
    outline:0;width:36px; height:36px}
.shopdetailInfoTop .swiper-button-prev i{    font-size: 24px;
    color: #fff;
    background:#00000030;
    border-radius:100%;
    padding:6px;
    background-size:40px;
    border:0;
    outline:0;
    }   
.shopdetailInfoTop .swiper-button-next {background: none;  margin-right:10px;    border:0;
    outline:0; width:36px; height:36px}
.shopdetailInfoTop .swiper-button-next i{    font-size: 24px;
    color: #fff;
    background:#00000030;
    border-radius:100%;
    padding:6px;
    background-size:40px;
       border:0;
    outline:0;
    
}       


.shopdetailInfoTop .swiper-button-next, .shopdetailInfoTop .swiper-button-prev {border-radius:100%; background:#00000030; box-sizing:border-box; }
.shopdetailInfoTop .swiper-button-next:after, .shopdetailInfoTop .swiper-button-prev:after {font-size:20px; color:#fff; }
.shopdetailInfoTop .swiper-button-next:after {  padding: 2px 0 0 4px;}
.shopdetailInfoTop .swiper-button-prev:after {  padding: 2px 4px 0 0px;}
 
 
.shopdetail .swiper-pagination {box-sizing:border-box;margin:10px;width:calc(100% - 20px) !important; height: 2px; position: static;display: flex; justify-content: space-between; background:rgba(158, 158, 158, 0.5);}
.shopdetail .swiper-pagination-bullet {margin: 0 !important; width: 100%; height: 2px;  border-radius:0; opacity:1; background:transparent;}
.shopdetail .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#000;}

.shopdetailInfoTop .swiper-button-next, .shopdetailInfoTop .swiper-button-prev, .shopdetailInfoTop .swiper-button-next2, .shopdetailInfoTop .swiper-button-prev2 {display:none !important; }


 
/*»ó¼¼´õº¸±â¹öÆ°*/ 
.shopdetail .mobileDetailMore {position: absolute;bottom: 0;margin: 18px 0px 0px;width: 100%;/* background: #fff; */padding: 60px 0px 0;background-image: url(/design/odeshop/ode_m/themoreBg.png);background-repeat:repeat-x; z-index:100;}
.shopdetail .mobileDetailMore a {display:block;width: 67%;height:50px;font-size:14px;color: #000;MARGIN: 0px auto;text-align:center;line-height:50px;background: #ffffff;border: 2px solid #000;}
.shopdetail .mobileDetailMore a i { line-height:52px; vertical-align:top }
 
/*Àå¹Ù±¸´Ï ´ã±â*/
#basketpage{top:30% !important;}
.layer-confirm{background:#000 !important;}


.shopdetail .shopdetailInfo {background-color: #fff;}
.shopdetail .shopdetailInfo h2 {font-size:18px;margin-bottom: 10px;font-weight:400; padding-right: 60px;margin-top: 0px;line-height: 27px; word-wrap:break-word; word-break:keep-all;}
.shopdetail h3 {font-weight:bold;padding: 10px;margin-bottom: 20px;border-top: 1px solid #ddd;font-size: 14px;margin-top: 20px;}
.shopdetail h3 .fa {float:right; font-size: 1.5em;}


.listPrice {color: #111;font-weight:bold;line-height: 16px; padding-top: 9px; font-size: bold; letter-spacing: 0;}
.listPrice .price {font-size:16px; font-weight: 700; letter-spacing: 0;}
.listPrice .strike {color:#9E9E9E;font-weight: 500; font-size: 13px; text-decoration:line-through; display:block; letter-spacing: 0; display:inline-block; }
.listPrice .salePercent {color:#ff6a10; margin-right:4px; margin-left:0; letter-spacing: 0;}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .listPrice.hasLate  {display:block; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .listPrice.hasLate  .strike{ margin:0 6px}

/*»ó¼¼ :: 2 Áø¿­*/
.shopdetail .detail-two-guide{}
.shopdetail .detail-two-guide .twoTop {}
.shopdetail .detail-two-guide .twoContent {width:100%}
.shopdetail .detail-two-guide .twoContent li{width:50%; float:left}
.shopdetail .detail-two-guide .twoContent li a{display:block}
.shopdetail .detail-two-guide .twoContent li a img{width:100%}
.shopdetail .detail-two-guide .twoBottom{}



/* »ó¼¼ ÀÌ¹ÌÁö ¹è³Ê */
.mImgBanner{width: 100%; margin-top: 40px;}
.mImgBanner a{display:inline-block; margin-bottom:10px}
.mImgBanner a img{width:100%}



.bannerSwiper {overflow:hidden;position:relative; margin-bottom:5px}
.bannerSwiper a {display:block; text-align:center; }
.bannerSwiper a img {margin:0 auto; }
.bannerSwiper .swiper-pagination {position: absolute;width: 50px !important;display: inline-block;bottom: 10px;left: auto;right: 10px;background: rgba(0,0,0,0.25);color: #fff;padding: 5px;border-radius: 26px;height: auto;}
.bannerSwiper.noSwiper .swiper-pagination {display:none; }


.banner_box.new a {display:block; margin-bottom:5px}
.banner_box.new a img {width:100%}





/* »ó¼¼ :: ±âº» ::  Ãß°¡ ½½¶óÀÌµå */
.itemListWrap { margin:0px 0 60px; position:relative; width:100%; overflow:hidden }
.itemListWrap img{width:100%;}
.itemListWrap .swiper-scrollbar{/* height:2px !important; */width: auto;height: 2px;left: 5vw;right: 5vw;bottom: 14px;background: #dbdbdb;}

.itemListWrap .swiper-button-next {
    background-image: url(/design/odeshop/ode_m/nextButton.png) !important;
    top: 45% !important;
    right: -45% !important;
}
.itemListWrap .swiper-button-prev {
    background-image: url(/design/odeshop/ode_m/prevButton.png) !important;
    top: 45% !important;
    left: -45% !important;
}





/* »ó¼¼ :: ±âº» ::  Ãß°¡ ½½¶óÀÌµå 01 */
.addSliderWrap { margin:0px 0 60px; position:relative; width:100%; overflow:hidden }
.addSliderWrap .swiper-slide { width:100%; }
.addSliderWrap .swiper-slide a { display:block; padding:0 ; }
.addSliderWrap .swiper-slide img { width:100% }
.addSliderWrap .add-pagination { display:table; table-layout:fixed; width:100% !important;margin-top:10px }
.addSliderWrap .swiper-pagination-bullet-active {background-color:#000 !important}




/* »ó¼¼ :: ¹è°æÇü :: Ãß°¡ ½½¶óÀÌµå 02*/
.bgboxSliderWrap {margin: 0px 0 78px; position:relative;   width:100%;  overflow:hidden; background-repeat: no-repeat;  padding-bottom: 35px; }
.bgboxSliderWrap .swiper-slide { width:85%; }
.bgboxSliderWrap .swiper-slide a { display:block; padding:0 ; }
.bgboxSliderWrap .swiper-slide img {width: 85% !important;padding-top: 54px;}
.bgboxSliderWrap .box-pagination { display:table; table-layout:fixed; width:100% !important;margin-top:10px }
.bgboxSliderWrap .swiper-pagination-bullet-active {background-color:#000 !important}





/* °ü·Ã»óÇ° */
.shopdetailRelation {margin-top: 40px;overflow:hidden;padding: 20px 0px 36px 15px;background: #f9f9f9;}
.shopdetailRelation h3 {padding: 0 0px;font-size: 18px;font-weight:700;border-top: 0 !important;}
.shopdetailRelation .list_shoppingRelationItem1x {padding-top: 0px;}
.shopdetailRelation .swiper-slide {width:40%;overflow: hidden; padding-bottom:2px}
.shopdetailRelation .swiper-slide .listPic { width:100% }
.shopdetailRelation .swiper-slide .list_shoppingInfo {/* overflow: hidden; */position: relative;}
.shopdetailRelation .swiper-slide .list_shoppingInfo label {display: inline-block;height: 0;font-size: 0;}
.shopdetailRelation .swiper-slide .list_shoppingInfo .sell-price { font-weight:400 }
.shopdetailRelation .swiper-slide .list_shoppingInfo .btnRelatedView { display:inline-block; width:86px; height:25px; font-size:11px; text-align:center; line-height:25px; border:1px solid #242424 }
.shopdetailRelation .btn_Black {background:#fff; color:#000;  width: 80%;  margin: 20px auto;}
.shopdetailRelation .infoWrap{float: none;}
.shopdetailRelation .infoWrap select{margin-bottom:2px;width:auto;/*width: 100%; font-size: 12px; */border-color: #9E9E9E;height: 24px;font-size: 11px;}
.shopdetailRelation .MS_related_checkbox{float: left;position: absolute;    margin-top: 2px;}
.shopdetailRelation .listCount {margin-top:2px}
.shopdetailRelation .listCount input{width: 30px;text-align: center;padding-left: 0;height: 26px;vertical-align: top;border-left: none;border-right: none;border-color: #9E9E9E;}
.shopdetailRelation .listCount .xi{border:1px solid #9E9E9E;width: 24px;height:24px;text-align:center;line-height: 27px;/* margin-top: 5px; */}
.shopdetailRelation .listPrice {padding-top:0;}
.shopdetailRelation .listPrice .price, .shopdetailRelation .listPrice .strike {font-size:11px; margin-bottom:0;}
/* //°ü·Ã»óÇ° */
.shopdetail .shopdetailInfo .shopdetailInfoBottom {background-color:#fff;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue {position: relative; padding:10px 13px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em {color: #111;font-size:1.333em;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .listPrice {font-size: 16px;position:relative; padding: 4px 0 20px; width: 100%;font-weight: 600; align-items:center;  }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .listPrice .price02 {align-items:center; margin-left:10px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .listPrice .price02  .strike {margin:0; margin-right:10px; }

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .listPrice .salePercent { font-size:20px; font-weight:700;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .listPrice .consumerPer {display:none; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .sns_share{position: absolute; right:15px;  top:8px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .snsShareBtn {/* position:absolute; */right:15px;font-size: 13px;/* margin-top: -30px; */    display: block;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .snsShareBtn i {vertical-align: -2px;font-size: 16px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .snsShareBtn img{width:21px}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p {margin-bottom: 10px;color: #000;font-size: 14px;font-weight: 500;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p.listSubname{ font-size:12px; margin-bottom:5px; font-weight:400; color:#9E9E9E !important;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p:last-child {margin-bottom:0px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName {width: 22%;display:inline-block;vertical-align: middle;font-size: 13px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont {width: 77%;display:inline-block;margin-left: -4px;vertical-align: middle;font-size: 13px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont a {color:#000}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont a.inventory_btn  {border-bottom: 1px solid #1e1e1e; height: 16px; line-height: 16px; font-size: 12px; display: inline-block; padding: 0 4px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .region {margin-left: 10px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation {position:absolute; top:50%; right:10px; text-align:center; margin-top: -25px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a {width:50px; height:50px; color:#fff; background-color:#636363; display: inline-block; font-size:0.917em; border-radius: 4px; border:1px solid #424242;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a:first-child {}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a .fa {display:block; margin:6px 0 3px 0;}
.shopdetailInfoDelivery {padding:10px 24px;}
/* »óÇ°¿É¼Ç */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area {width:100%;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option_tk {padding: 0 13px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {width: 100%; position: fixed; z-index: 3000; bottom: 0 !important; left: 0; right: 0;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {-webkit-animation: qbuy 150ms linear 1 normal; animation: qbuy 150ms linear 1 normal;}
@-webkit-keyframes qbuy {
 from {bottom:-65px;}
 to {bottom:0;}
}
@keyframes qbuy {
 from {bottom:-65px;}
 to {bottom:0;}
}

.fixedBtns { font-size:0 }
.fixedMask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1001 }
.option_area.fixed {display:block;}
.option_area.fixed .fixed-btn.fixed .fixedMask { display:block !important;}

.option_area.fixed .fixed-btn.fixed .fixedMask i {position:absolute; top:10px; right:10px; color:#fff; font-size:30px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk { width:100%; box-sizing:border-box; display: block; max-height: calc(100vh - 220px);overflow-y:auto;background-color: #fff;padding-top: 5px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn {width:100%;box-sizing: border-box;position:relative;bottom:0px !important;left:0;right:0;z-index: 101;text-align: center;padding: 0;margin:0 auto;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed { position: fixed; display:none; bottom:0px !important; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed.act{bottom:44px !important;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed .lnr{font-size:22px; vertical-align:middle}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed img { display: block; width:73px}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option {display:none; position: absolute; top: -10px; left: 50%; margin-left:-33px;z-index:10000}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed {display: block;position: relative; top:80px; bottom:auto !important; padding: 2px; z-index:-1;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option {position: absolute;top:-18px;left: 50%;margin-left:-33px;display: none;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb {width: 100%;box-sizing:border-box;padding:10px 10px 10px 60px;position:relative;border-top:1px solid #000;background:#fff;font-size: 0;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a {color:#000; display:inline-block;font-size:16px;height:46px;box-sizing:border-box;line-height:46px;text-align:center;font-weight:500;letter-spacing: 0.2em;width:calc(50% - 2px); vertical-align: top;margin-right: 4px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a.wish {color: #fff;color:#000; padding: 12px 0; position: absolute;left: 10px;top:10px;width: 46px; box-sizing: border-box; border: 1px solid #000;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a.wish img {width:22px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a i {font-size: 20px;line-height: 42px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a.buy {background:#000; color:#fff;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a.buy { margin-right:0}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a.cart {border:1px solid #000;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect {background-color: #fff;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on {background-color: #fff;padding: 10px 13px 0; text-align: center; font-size: 0;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a {color: #000;display: inline-block;font-size: 16px;height: 46px;box-sizing: border-box;line-height: 46px;text-align: center;font-weight: 600;letter-spacing: 0.2em;width:calc(50% - 26px); vertical-align: top;margin-right: 3px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy { color: #fff; background-color:#000; margin-right:0;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.cart {border:1px solid #000;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.wishBtn {width: 46px; text-align: center;padding: 12px 0; float: left; box-sizing:border-box; border:1px solid #000;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.wishBtn img {width: 22px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on #soldout_sms {margin-bottom:3px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on #soldout_sms a {display:block; width:100%; background:#ff6a10; color:#fff; height:30px; line-height:30px; font-size:13px; font-weight:500;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect { }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .optionTip{ width: 67%;display: inline-block; margin-left: 20%; vertical-align: middle; padding-left: 6px; margin-top: 15px; margin-bottom: 3px; }

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .optionTip em{color:#ff6b13;/* font-weight: 600; */}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com {text-align: right;margin-top: 7px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com  .sel-btn {display:inline-block;width: 72px;height: 22px;color:#fff;text-align:center;line-height: 22px;border:1px solid #231f20;background:#231f20;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p {padding: 5px 0;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child {margin-bottom: 0;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName {width: 22%; display:inline-block;font-size: 13px;font-weight: 500;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont {width:calc(75% - 5px);display:inline-block; font-size: 13px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont input {padding: 0 10px 0 0;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont select {width:100%;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .txt-qnty {text-align:right; padding:0 6px; width: 50px !important;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-plus {background-color: #bbb;width: 32px;height: 32px;text-align: center;vertical-align: middle;line-height: 32px;color: #fff;margin: 0 5px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-minus {background-color: #bbb;width: 32px;height: 32px;text-align: center;vertical-align: middle;line-height: 32px;color: #fff;}
#MK_innerOptScroll {margin-top: 10px;/* border-top: 2px solid #000; *//* border-bottom: 2px solid #000; */}
.MK_inner-opt-cm {/* border-bottom: 1px solid #000; */}
#MK_innerOptWrap .MK_inner-opt-cm li {box-sizing:border-box; padding: 15px; position:relative;background: #f8f8f8; border-radius:10px; margin-bottom:10px;}
#MK_innerOptWrap .MK_inner-opt-cm li:first-child {border-top:none}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option-sel {font-weight: bold; font-size: 1.1em; padding-top: 10px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option select {margin-bottom: 10px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option .shopdetailInfoName {vertical-align: top; padding-top: 11px;}
.shopdetail .shopdetailBoard {position:relative;text-align:center;margin-bottom: 20px;display: table;width: 100%;background: #fff;padding: 50px 0 0;box-sizing: border-box; border-bottom:1px solid #d6d6d4;}
.shopdetail .shopdetailBoard .shopdetailBoard a.actOn {background-color: #000;border-top: 1px solid #000;border-bottom: 2px solid #000;color: #fff;font-weight: bold;}

.shopdetail .shopdetailBoard.act{position: fixed;top:-51px; z-index:10; }
.shopdetail .shopdetailBoard.Sact{position: fixed;top:-51px; z-index:10; }
.shopdetail .shopdetailBoard.Tact{position: fixed; top:0; z-index:100; padding-top:0; margin-bottom:0;}
.shopdetail .shopdetailBoard.Tact.slideUp.animated { -webkit-animation-name:slideUp02; animation-name:slideUp02}
.shopdetail .shopdetailBoard.Tact.slideDown.animated{display:none;}

.shopdetail .shopdetailBoard a {font-size: 13px;text-align: center;height: 40px;line-height: 40px;background: #fff;width: 20% !important;display: inline-block;color: #000; box-sizing: border-box;}
.shopdetail .shopdetailBoard a.on {}
.shopdetail .shopdetailBoard a span {display:inline-block; position:relative;}
.shopdetail .shopdetailBoard a.on span:after {content:''; width:100%; height:2px; background:#000; position:absolute; bottom:0; left:0;}
.MK_optAddWrap .MK_inner-opt-cm li {position:relative;/* border-top: 1px solid #c7c7c7; */padding: 12px 0;/* border-bottom: 1px solid #000; */}
.MK_optAddWrap .MK_inner-opt-cm li:last-child {border-bottom:0px none;}
.MK_optAddWrap .MK_inner-opt-cm .MK_p-name {padding-right:20px; font-size:15px; color:#000; display: block;line-height: 30px;vertical-align: top;}
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl{margin-right:6px; padding:0 30px; font-size:0;position:relative;vertical-align:top; display:inline-block; background:#fff; border:1px solid #c0c0c0;}
.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input{padding: 0;width: 50px;height:30px;font-size: 14px; font-weight:600; border: none;text-align:center !important;box-shadow:none; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0;}
.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del{position:absolute;top:14px;right:10px;display:block;}
.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del:before {
    display:block;
    width: 30px;
    height: 30px;
    text-align:center;
    line-height: 30px;
    content:"\e9af";
    font-size: 18px;
    color:#000;
    font-family:xeicon;
    speak:none;
    font-style:normal;
    font-weight:bold;
    font-variant:normal;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img{display:none;}
.MK_optAddWrap .MK_inner-opt-cm .MK_price{line-height: 32px; float:right; font-size:18px; color:#000; font-weight:600;}
.MK_optAddWrap .MK_inner-opt-cm .MK_price span{font-size:18px;line-height:18px;color:#000;font-weight:600;vertical-align:-1px;display:inline-block;}
.MK_optAddWrap .MK_inner-opt-cm .btn-type-02{position:absolute;top:0;bottom:0;right:0;background-color:#fff;width:30px;height:30px;text-align:center;vertical-align:middle;font-size:12px;line-height:30px;color:#444;display:inline-block;}
.MK_optAddWrap .MK_inner-opt-cm .btn-type-02 span{display:none;}
.MK_optAddWrap .MK_inner-opt-cm .btn-type-02 ~ .btn-type-02{left:0;right:auto;}
.MK_optAddWrap .MK_inner-opt-cm .btn-type-02:after{content:"\e913"; font-family:xeicon; font-size:14px; width:30px; height:30px; text-align:center; line-height:30px; color:#000; pointer-events:none;}
.MK_optAddWrap .MK_inner-opt-cm .btn-type-02 ~ .btn-type-02:after{content:"\e91a"; font-family:xeicon; font-size:14px; width:30px; height:30px; text-align:center; line-height:30px; color:#000; pointer-events:none;}
.MK_optAddWrap .total {text-align:right;padding:15px 15px 20px;height:18px;color:#000;font-size:0;}
.MK_optAddWrap .MK_txt-total, .MK_optAddWrap .MK_txt-won{font-size: 16px;font-weight: 500;text-align: left;float: left;}
.MK_optAddWrap .MK_total{padding-left:2px;font-size: 18px;color:#000;font-weight: 700;vertical-align: 2;display:inline-block; color:#ff6a10;}
.MK_optAddWrap .MK_txt-won{
    float: right;
    color:#ff6a10;
}


.MK_optAddWrap_div {height:10px;padding:0;/* background:#f6f6f6; *//* border-top:1px solid #c7c7c7; *//* border-bottom:1px solid #c7c7c7; */}
.MK_optAddWrap_line { height:1px;padding:0;background:#f6f6f6; border-bottom:1px solid #c7c7c7; }
#MK_innerOptTotal {text-align:right;border-top:2px solid #000;}
/* //ÂøºÒ ¾ÆÀÌÄÜ */
.shopdetail .shopdetailInfo .gray-delivery {padding: 2px;background-color: #fff;color: #656565;font-size: 0.875em;border-radius: 3px;border: 1px solid #656565;}
/* //»óÇ°¿É¼Ç */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {background-color:#fff; text-align:right; padding:15px; font-size:1.2em;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal em {color:#f1191f; font-size:1.333em; margin-left:16px;}
.shopdetail .shopdetailButton {/*padding: 10px;*/}
.shopdetail .shopdetailButtonTop{/*padding-bottom:20px;*/}
.shopdetail .shopdetailButtonTop .center{width:100%;padding-top: 4px;}
.shopdetail .shopdetailButtonTop .left, .shopdetail .shopdetailButtonTop .right{width:50%;box-sizing:border-box;}
.shopdetail .shopdetailButtonTop .left{padding-right: 2px;}
.shopdetail .shopdetailButtonTop .right{padding-left: 2px;}
.shopdetail .shopdetailButtonTop .cbtn{width:100%;}
.shopdetail .shopdetailButtonTop .soldout, .shopdetail .shopdetailButtonTop .errorTxt, .shopdetail .shopdetailButtonTop .is_soldout{text-align: center; font-size: 14px; color: #000; padding: 5px 0; border: 1px solid #ddd; height: 30px; line-height: 30px; background: #f9f9f9;}
    


.shopdetail .shopdetailButtonTop .btnArea{display: none; text-align:center;}
.shopdetail .shopdetailButtonTop .btnArea:after{content:"";display:block;clear:both;}
.shopdetail .shopdetailButtonTop .btnArea .left{float:left;text-align:left;}
.shopdetail .shopdetailButtonTop .btnArea .right{float:right;text-align:left;}
.shopdetail .shopdetailButtonTop .btnArea .center{display:inline-block;}
.shopdetail .shopdetailButtonTop .cbtn{display:inline-block;vertical-align:top;box-sizing:border-box;text-align:center;border:1px solid #ddd;}
.shopdetail .shopdetailButtonTop .cbtn.active{border-color:#a4a4a4;background-color:#a4a4a4;color:#fff;}
.shopdetail .shopdetailButtonTop .cbtn.prdDetailBtn{height: 48px;font-size: 15px;line-height: 46px;color: #231f20;}
.shopdetail .shopdetailButtonTop .cbtn.prdDetailBtn i{font-size:20px;color:#333;vertical-align: -3px;margin-right:5px;margin-left: -2px;}
.shopdetail .shopdetailButtonTop .cbtn.grayStyle {border-color: #999;background-color: #999;color:#fff;}
.shopdetail .shopdetailButtonTop .cbtn.grayStyle i {color:#fff;}
.shopdetail .shopdetailButtonTop .cbtn.activeStyle{border-color: #404040;color:#fff;background-color: #404040;}
.shopdetail .shopdetailButtonTop .cbtn.activeStyle i {color:#fff;}

.shopdetail .shopdetailCoupon {margin: 15px 0;}
.shopdetail .shopdetailCoupon h3 {padding: 10px 0 5px;margin-bottom: 0;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet {}
.shopdetail .shopdetailCoupon .shopdetailCouponGet .image_src {max-width: 100%; padding-bottom: 5px;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet li dl {padding: 5px 0 5px 110px;position:relative;background-size: 90px auto;min-height: 46px;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt {width: 95px;position:absolute;top: 50%;left:0;text-align:center;font-size: 13px;margin-top: -20px;border: 1px dashed #ddd;height: 40px;line-height: 40px;background: #fcfcfc;}
.shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dd { color:#999; padding-top: 4px; }
.shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon h4 {font-weight:bold;color:#111;}
.shopdetail .shopdetailItem .shopdetailItemPopup {text-align:center; padding:0 15px; margin:22px 0;}
.shopdetail .shopdetailItem .shopdetailItemPopup a {font-weight:bold; color:#fff; background-color:#636363; display:block; padding:10px 0;}
.shopdetail .shopdetailItem .shopdetailItemPopup .shopdetailItemZoom {height:60px; padding:0 0 0 75px; margin-top:10px; background:url("/images/d3/m_04/bg_hand@2x.gif") no-repeat 20px center; line-height: 60px; background-size: 50px auto;}
/*»çÀÌÁî Á¤º¸*/
.detail_scroll{display:inline-block;position:relative;}
.detail_scroll2{display:none!important;position:fixed;top:100px;z-index:102;} 
.sizeBackground{display:none;position:fixed;top:0px;width:100vw;height:100vh; overflow-y: scroll; background-color:#fff;z-index:101;}
.sizeBackground .crema-fit-product-combined-detail{padding-bottom: 60px}
.sizeClose{color:#474747;position:absolute;top: 40px;right:20px;font-size: 40px;}

.detail_scroll #smartfabric_wrap{height: 79vh !important;}
.detail_scroll2 #smartfabric_wrap{height: 79vh !important;overflow-y: scroll;}

.shopdetail .shopdetailItem .shopdetailImage {position: relative;/* padding-bottom: 130px; */line-height: 1.3;}
.shopdetail .shopdetailItem .shopdetailImage img {max-width:100% !important; height: auto !important;}
.shopdetail .shopdetailItem .shopdetailImage table {width:100% !important;}
.shopdetail .shopdetailItem .shopdetailImage object {width:100% !important;}
.shopdetail .shopdetailItem .shopdetailImage .shopdetailImageArea{position: relative;}

.shopdetail .shopdetailItem .videoWrap{position:relative;height: 0; /*padding-top: 100%; */padding-bottom:100%;} 
.shopdetail .shopdetailItem .videoWrap iframe {position:absolute;width:100%;height:100%;border:0;top:0;left:0;}

.shopdetail .shopdetailItem .shopdetailImage table {table-layout: auto !important;}
/*.shopdetail .shopdetailItem .shopdetailImage div {width:100% !important;}*/
.shopdetail .shopdetailItem .shopdetailNotify {margin-top:24px;}
.shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo {padding:0 15px;}
.shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dt {font-weight:bold; margin-bottom:2px;}
.shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dd {margin:0 0 25px 6px;}
.shopdetail .shopdetailRelationItem {padding:0 15px 30px 15px;}
.shopdetail .shopdetailRelationItem .listName input {float:right;}
.shopdetail .shopdetailRelationItem .btn_cart {width:290px; text-align:center; font-weight:bold; color:#fff; background-color:#393939; display:block; padding:10px 0; margin:0 auto;}


.shopdetail .infoSectionWrap{padding-top:50px}

/* IOS µð¹ÙÀÌ½º ¿É¼Ç ¼±ÅÃ ½Ã ÀÚµ¿ È®´ë ¹æÁö */
input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select {font-size:13px;}
/* //IOS µð¹ÙÀÌ½º ¿É¼Ç ¼±ÅÃ ½Ã ÀÚµ¿ È®´ë ¹æÁö */

/* OKDGG ¹öÆ° */
.shopdetail .okdgg-checkout {margin-top: 15px;}
.shopdetail .okdgg-checkout img {max-width: 90%; height: auto;}
/* //OKDGG ¹öÆ° */

/* Äü¹ÙÀÌ ¹öÆ° ³ëÃâ ½Ã Ä¿¹Â´ÏÆ¼ ÅÇ À§Ä¡ º¯°æ */
.cs-button { display: none !important;}
/* //Äü¹ÙÀÌ ¹öÆ° ³ëÃâ ½Ã Ä¿¹Â´ÏÆ¼ ÅÇ À§Ä¡ º¯°æ */


/* ÀÓ½ÃÇ°Àý ÀçÀÔ°í SMS ¹Þ±â */
.shopdetail .soldout_anchor { display:block !important; }
.shopdetail .MK_btn-sms {
    display: inline-block; width: 100%; height: 35px; line-height: 35px; text-align: center; border: 1px solid #808080;
    color: #fff; font-weight: bold;
    background-color: #636363;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#636363), to(#5e5e5e));
    background-image: -webkit-linear-gradient(top, #636363, #5e5e5e);
    background-image:    -moz-linear-gradient(top, #636363, #5e5e5e);
    background-image:      -o-linear-gradient(top, #636363, #5e5e5e);
    background-image:   linear-gradient(to bottom, #636363, #5e5e5e);
    -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.shopdetail .MK_btn-sms span { padding-left: 24px; background: url(/images/d3/m_01/bull/alarm_fff@2x.png) no-repeat 0 50%; background-size: 18px 14px; }
/* ÀÓ½ÃÇ°Àý ÀçÀÔ°í SMS ¹Þ±â ³¡ */

#nhn_btn {padding-top:0;}
#payco_order_btn {padding-top:0;}


/* ÇÏÀÌºê¸®µå */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap { padding:5px 15px 10px; background:#f6f6f6; border-bottom:1px solid #c7c7c7; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box:not(:last-child)  { width:100%; border-bottom:1px solid #cecece; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box.last { border-bottom:none; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .tit { width:100%; padding:10px 0; color:#3b3b3b; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list:after { clear: both; content: ""; display: block; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list { width:100%; font-size:0.875em; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li { float:left; width:20%; list-style:none; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li.last { }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl { width:54px; padding-bottom:10px; text-align:center; color:#333; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdchk { text-align:left; padding-bottom:5px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdchk input { width:12px; height:12px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg { position:relative; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg img { width:54px; height:54px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg.noimg { width:52px; height:52px; border:1px solid #d8d8d8; background:#fff url(/makeshop/newmanager/neoimages/h52_noimg.gif) no-repeat center center; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .soldout { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; line-height:56px; color:#fff; text-align:center; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .soldout-bg { position:absolute; top:50%; left:0; display:inline-block; width:54px; height:20px; margin-top:-10px; background:#000; filter:alpha(opacity:40); opacity:0.4; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .sel-img { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; background:#000; filter:alpha(opacity:40); opacity:0.4; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdname { padding-top:5px; line-height:14px; word-wrap:break-word;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdnote { padding-bottom:3px; line-height:14px; word-wrap:break-word;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:3px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty { }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty input { display:inline-block; width:20px; height:15px; line-height:17px; padding:0 5px; border:1px solid #707070; font-size:11px; text-align:right; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:11px; height:14px; line-height:0; font-size:0; vertical-align:top; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a { display:inline-block; width:11px; height:9px; line-height:0; font-size:0; vertical-align:top; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:1px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .add-option-sel { font-weight: bold; font-size: 1.1em; padding: 10px 0; border-top:1px solid #cecece; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoName { width: 28%; padding-right: 5px; display:inline-block; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCont {width:70%; display:inline-block; margin-left: -4px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCont select {width:100%;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .txt-qnty {text-align:right; padding:0 6px; width: 50px !important;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .fa-plus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; margin: 0 5px;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .fa-minus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_innerOptPrice,
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_innerOptAdd { padding-bottom:5px; margin-right: 10px; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_optAddWrapList {/* background-color:#f6f6f6; */}

/* Ãß°¡ ±¸¼º »óÇ° */
.shopdetail .shopdetailInfo .shopdetailInfoTit {margin: 10px 0 0;border-top: 1px solid #ddd;font-size:14px;color:#000;font-weight: 600;padding-top: 10px;}
.shopdetail .shopdetailInfo .shopdetailInfoTit span {font-size:12px;font-weight: normal;}
.shopdetail .shopdetailInfo .shopdetailInfoWrap:after { clear: both; content: ""; display: block; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap {width:100%;border-bottom: 1px solid #ddd;}
.shopdetail .shopdetailInfo .shopdetailInfoWrap:first-child{ border-bottom : 0; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop {float:left;width: 35%;}
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure {padding: 10px 0;border:0;}
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue {float:right;width: 60%;padding: 10px 0;border:0;}
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoprdName {font-size: 14px;font-weight: 500;}
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue p {margin-bottom: 6px;}
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont {width: 100%;margin:0;}
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .listPrice {padding-bottom: 10px;}
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName { width:auto; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect p { padding:0; background:none; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:100%; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName { display:none; width:100%; padding:0 0 5px 0; }

/* ¿øÅ¬¸¯¿É¼Ç */
/* ¿øÅ¬¸¯¿É¼Ç */
.shopdetailInfoOneclick {clear:both; background-color:#ffffff; padding: 5px 0px;  overflow:hidden; zoom:1;     display: flex; align-items: center; justify-content: flex-start; }
.shopdetailInfoOneclick > span {float:left; }
.shopdetailInfoOneclick .shopdetailInfoList {float:left; width: 70%; }
.MK-oneclick-list { overflow:hidden; zoom:1; }
.MK-oneclick-list:after { content: ""; display: block; clear: both; }
.MK-oneclick-list li {float:left;margin: 0 5px 5px 0;}                                                                                
.MK-oneclick-list li a { border:1px solid #cccccc; display: inline-block; border-radius: 1px; box-sizing:border-box; } 
.MK-oneclick-list li.MK-oneclick-sel a {border: 1px solid #000;}
/*.MK-oneclick-list li.MK-oneclick-dis a {  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="gray" /></svg>');}*/
.MK-oneclick-list li.MK-oneclick-dis a {filter:alpha(opacity=50); -moz-opacity:.5; opacity:.3; display: flex; justify-content: center; align-items: center; overflow: hidden; position:relative; }
/*.MK-oneclick-list li.MK-oneclick-dis a:after {content:'';height:30px; background-color: #000;  transform: rotate(45deg); width:1px ; position:absolute}*/
.MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.MK-oneclick-list li a span {display: block;text-align: center;vertical-align: middle;line-height: 39px;}                         
.MK-oneclick-list li a img { width: 100%; height:100%;}
.MK-oneclick-list li.MK-oneclick-image { width:35px; height: 35px; } 
.MK-oneclick-list li.MK-oneclick-image a {padding: 2px;}
.MK-oneclick-list li.MK-oneclick-image a img { width: 30px; height: 30px;}
.MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img { width: 27px; height: 27px; }
.MK-oneclick-list li.MK-oneclick-color {width: 40px;height: 40px;} 
.MK-oneclick-list li.MK-oneclick-color a {padding: 2px;}
.MK-oneclick-list li.MK-oneclick-color span {width: 30px;height: 30px;}
.MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; }
.MK-oneclick-list li.MK-oneclick-text  .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; }
.MK-oneclick-list li.MK-oneclick-text a { padding: 7px; border: 1px solid #cccccc; display: inline-block; border-radius: 1px; box-sizing: border-box;}
.MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:7px;}
.MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; color: #1b1b1b; }                                                                        
.MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; }
.MK-oneclick-value {padding-bottom: 3px;display:block;font-size: 13px;}
.MK-oneclick-only-text li.MK-oneclick-text { height: auto;}
.MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; width: auto; }




/* SNS °øÀ¯ÇÏ±â ÆË¾÷ */
.snsSharePop { display:none; position:fixed; top:0; left:0; width:100%; height:100%; font-size:12px; text-align:center; background:rgba(0,0,0,.7); z-index:9999; }
.snsSharePop .snsShareInner,
.snsSharePop:before { display:inline-block; vertical-align:middle }
.snsSharePop:before { width:1px; height:100%; content:'' }
.snsSharePop .snsShareInner { width:90%; max-height:90%; border-radius:10px; overflow:auto; z-index:99999 }
.snsSharePop .snsShareInner .sns_share_title { padding:0 10px; background:#fff }
.snsSharePop .snsShareInner .sns_share_title .snsShareTop { padding-left:5px; position:relative; height:48px; font-size:18px; color:#000; font-weight:700; text-align:left; line-height:48px; border-bottom:1px solid #ddd }
.snsSharePop .snsShareInner .sns_share_title .snsShareTop .btnSnsPopClose { position:absolute; top:0; right:0; font-size:24px; line-height:53px }
.snsSharePop .snsShareInner .box { max-height:450px; background:#fff }
.snsSharePop .snsShareInner .sns_share_list .snsList { padding:23px 0 19px; font-size:0; text-align:center }
.snsSharePop .snsShareInner .sns_share_list .snsList li {display:inline-block;margin: 0 10px;vertical-align:top;}
.snsSharePop .snsShareInner .sns_share_list .snsList li a { display:block }
.snsSharePop .snsShareInner .sns_share_list .snsList li .tx {display:block;padding-top:8px;font-size:12px;color:#000;font-weight:700;vertical-align:top;}
.snsSharePop .snsShareInner .sns_share_list .snsList li img { width:38px; display: block; margin: 0 auto;}
.snsSharePop .snsShareInner .sns_share_list .snsList li button {width:42px;height: 38px;border:0;border-radius:5px;/* background:#eee; background: url(/design/odeshop/ode_m/detail_url.jpg) no-repeat;background-size: 38px;*/padding: 0;margin: 0 !important;background-position: left center; padding:1px 0}

.snsSharePop .snsShareInner .sns_share_bottom { padding:0 10px 10px; background:#fff }
.snsSharePop .snsShareInner .sns_share_bottom .btnSnsPopClose { display:block; height:33px; font-size:12px; color:#000; font-weight:700; line-height:33px; border:1px solid #ddd; border-radius:10px }



/* qna »óÇ°¹®ÀÇ */
.qnaWrap{padding-top: 21px; padding-bottom: 100px;}
.qnaWrap .qnaTit{    font-weight: bold;
    padding: 10px;
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    margin-top: 40px;}
.qna_list { padding: 0 10px; }
.qna_list ul { padding: 10px 0px; border-bottom: 1px solid #ddd; }
.qna_list ul li { line-height: 20px; font-size: 11px; color: #999; }
.qna_list ul li .qna_tit { vertical-align: middle; }
.qna_list ul li .qna_tit a { display: inline-block; }
.qna_list ul li .qna_tit span { line-height: normal; margin-right: 3px; }
.qna_list ul li .qna_tit span img { vertical-align: middle; }
.qna_list ul li:nth-child(2) { color: #000; }
.nbg{text-align: center;
    padding: 20px 0;}

.qna_list::after { content:''; display:block; clear: both; }
.tit-detail { padding: 0 10px; height: 35px; font-size: 14px; text-align: center; }
.tit-detail .btm_write {     padding: 0 10px; line-height: 35px; margin-right: 10px;  float: left; width: calc(50% - 5px); height: 100%; background: #000; border: 1px solid #000; box-sizing: border-box; }
.tit-detail .btm_write a { color: #fff; }
.tit-detail .more {  float: left; line-height: 35px; width: calc(50% - 5px); height: 100%;border: 1px solid #dcdcdc; box-sizing: border-box; margin-top:0  }

.paging-wrap .paging a { border:0 none; color: #000; }
.paging-wrap .paging a.now { background: transparent; font-weight: bold; border: 0 none; }

.qna_board_content > div { padding: 15px 0 !important; }
.qna_board_content > div img { width: 100%; }


/*ÆÄ¿ö¸®ºä*/
#mPowerreview .pr-tab {border-bottom: none;}
#mPowerreview .pr-tab li.now a {    border-bottom: 2px solid #000;    color: #000; font-size:14px}
#mPowerreview .pr-tab li a { font-size:14px !important;border-bottom: 2px solid #ddd; }


/* BASIC css start */

#content .tit-page {border-bottom:none}
#mono-layer{padding-top:40px;}
.rv_topWrap{width: 100%;overflow:hidden;margin: 20px auto 0;position: relative;}
.rv_topWrap .topbannerSwiper{position: relative;}
.rv_topWrap .topbanner-pagination {display:none; box-sizing:border-box;margin:10px 8px 0;width:calc(100% - 16px) !important; height: 2px; position: static;/*display: flex;*/ justify-content: space-between; background:rgba(158, 158, 158, 0.5);}
.rv_topWrap .swiper-slide img { display: block;  width: 100%; height: auto;  object-fit: cover;  }    
.rv_topWrap .swiper-slide {
    float:left;
    margin-bottom: 4px;
}
/*³×ÀÌ¹ö ÆäÀÌ*/
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .naver-checkout {background:#fff;}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed  #nhn_btn { background:#fff; margin-top:0; padding-top:0; padding-bottom:14px }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .naver-checkout .npay_button {padding:0px !important}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .naver-checkout .npay_type_MA_1 {height:auto !important}

/* Ä«Åå ÇÃÄ£¹è³Ê */
.kakao_coupon {padding:0 10px; }
.kakao_coupon a {display:inline-block; padding:0;  width:100%; height:54px; line-height:54px; box-sizing:border-box; font-size:14px; color:#000; font-weight:600; border: 1px solid #e8e8e8; text-align:center}
.kakao_coupon a em {display:inline-block; font-weight:400; font-size: 13px;}
.kakao_coupon a span {color:#AFBA65; font-weight:600;}

/* ½Å»ó ¹è³Ê */
.new_discount{padding:0 10px; margin-top:5px;}
.new_discount a {display:inline-block; padding:0;  width:100%; height:54px; line-height:54px; box-sizing:border-box; font-size:14px; color:#000; font-weight:600; border: 1px solid #e8e8e8; text-align:center}
.new_discount em {display:inline-block;font-weight:400; font-size: 13px;}
.new_discount a span {color:#AFBA65; font-weight:600;}


.btn_toggle_area {bottom:90px !important}
.fixed_kakao {bottom: 140px !important}



.crema-product-reviews-score .crema_product_reviews_score__container {margin-bottom:6px}
.crema-fit-product-floating > iframe#crema-fit-product-floating-4 {    bottom: 190px !important;}


@media (min-width: 320px) { 

   /* .shopdetail .shopdetailBoard a {width:24.5% !important}
    .shopdetail .shopdetailBoard a span {position: absolute; top: 37px; right: 31%;}*/

 }


@media (min-width: 320px) and (max-width: 768px) {  }
.powerapp .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn {bottom:0px !important;}
.powerapp .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {bottom:0px !important;}



/*Pooky*/
.pooky_card_name{
    position: relative;
    top: 5px;
}
#pooky_card_info{
    font-size: 12px;
    border: 1px solid #333;
    padding: 0 10px;
    line-height: 24px;
    display: inline-block;
    color: #333;
    width: 110px;
    text-align: center;
    vertical-align: top;
}
#pooky_card_benefit{
    display:none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
}
#pooky_card_benefit .layer_bg{
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
#pooky_card_benefit .card_content{
    position: absolute;
    left: 5%;
    top: 3%;
    background: #fff;
    z-index: 15;
    width: 90%;
}
#pooky_card_benefit .card_content .title{
    position: relative;
    text-align: center;
    font-size: 16px;
    padding: 15px 0;
    border-bottom: 1px solid #333;
    font-weight: 600;
}
#pooky_card_benefit .card_content .close_btn{
    position: absolute;
    right: 0px;
    top: 4px;
    background: url('https://sellpia-product.makeshop.co.kr/publish/img/btn_h15_close.gif') no-repeat center center;
    /* background-size: contain; */
    width: 41px;
    height: 41px;
}
#pooky_card_benefit .card_content .card_top_tab{}
#pooky_card_benefit .card_content .card_top_tab ul{
    overflow: hidden;
}
#pooky_card_benefit .card_content .card_top_tab ul li{
    float: left;
    width: 50%;
    text-align: center;
    font-size: 12px;
    padding: 10px;
    background: #333;
    color: #fff;
    box-sizing:border-box;
}
#pooky_card_benefit .card_content .card_top_tab ul li.active{
    background: #fff;
    color: #333;
    font-weight: bold;
}
#pooky_card_benefit .card_content .card_detail{
    padding: 5px 20px 10px;
    display:none;
}
#pooky_card_benefit .card_content .card_detail.active{display:block;}
#pooky_card_benefit .card_content .card_detail > ul{
}
#pooky_card_benefit .card_content .card_detail > ul > li{
    display: block;
    overflow: hidden;
    padding: 6px 0 10px;
    border-bottom: 1px solid #e9e9e9;
    color: #000;
    font-size: 12px;
    line-height: 12px;
}
#pooky_card_benefit .card_content .card_detail > ul > li .left_area{
    float: left;
    width: 25%;
    margin-top: 4px;
}
#pooky_card_benefit .card_content .card_detail > ul > li .right_area{
    float: right;
    width: 75%;
    display: block;
    margin-top: 4px;
    text-align: right;
    background: #fff;
}
#pooky_card_benefit .card_content .card_detail > ul > li .right_area span{display:block;margin-bottom: 5px;}
#pooky_card_benefit .card_content .card_detail > ul > li .right_area span:last-child{
    margin-bottom: 0;
}
#pooky_card_benefit .card_content .card_text{
    color: #000;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    padding: 5px 20px 10px;
}
#pooky_card_benefit .card_content .card_text ul{}
#pooky_card_benefit .card_content .card_text ul li{}

@media (max-width: 340px) {
 #pooky_card_benefit .card_content .card_detail{
       max-height: 275px;
    overflow-y: scroll;
  }
}


.makeshop-stock-sellpia-btn {font-size:12px; color:#000; display:inline-block; vertical-align:top; border-bottom:1px solid #000; line-height:1.5; margin-right:10px;font-size:12px  }
#pooky_card_info {border:none;padding:0;display:inline-block;width:auto;height:auto;border-bottom:1px solid #000;font-size: 12px !important;line-height:1.5;vertical-align:top}
#pooky_card_benefit .card_content {left: 0; top: 0; width: 100%;  height: 100%;}

.washingtip_btn {margin:30px auto; display:block; padding:30px 0; text-align:center; border:1px solid #eee; font-size:14px; color:#000; line-height:20px; }
.shopdetail .shopdetailItem .shopdetailImage .washingtip_btn img {width:auto; height:20px; margin-right:5px;}
#washingtip{display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000000000;}
#washingtip .layer_bg{background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
#washingtip .washing_content{position: relative; background: #fff; z-index: 15; width: 100%;  height: 100vh;}
#washingtip .washing_content .title{position: relative; text-align: center; font-size: 16px; padding: 15px 0; border-bottom: 1px solid #333; font-weight: 600;}
#washingtip .washing_content .close_btn{position: absolute; right: 0px; top: 4px; background: url('https://sellpia-product.makeshop.co.kr/publish/img/btn_h15_close.gif') no-repeat center center; /* background-size: contain; */ width: 41px; height: 41px;}
#washingtip .washing_content div {overflow-y:scroll; padding-bottom:20px; height: calc(100vh - 20px);}
#washingtip .washing_content img {max-width:100%;}
.easyPay {font-size:0; padding:3px 13px 10px; text-align:center; background:#fff;}
.naver-checkout {}
.naver-checkout .npay_type_MA_1 { width:100% !important; box-sizing: border-box; padding:0!important;  height:auto!important;}
.naver-checkout .npay_button_box {border:none !important;}
.naver-checkout .npay_text {display:none !important; }
.naver-checkout .npay_button {padding:0 !important; }
.naver-checkout .npay_btn_link {border-radius:0 !important;}
.naver-checkout .npay_event, .npay_btn_item.btn_width {display:none !important;}

#kakaopay_order_btn {display:inline-block; width:100%;}
#kakaopay_order_btn a {display:block; width:100%; height: 40px; line-height: 36px; box-sizing: border-box; border:0; margin:0; border:2px solid #FFED00; color:#0B0B0D; font-size:14px;}
#kakaopay_order_btn a img {height:14px; margin-top:12px;}
.naver-checkout {display:inline-block; width:100%; vertical-align:top; margin-left:0; margin-top:4px;}
.naver-checkout .npay_btn_link.npay_btn_pay .npay_logo { margin-right:4px!important;}
.naver-checkout a.npay_btn_link.btn_green {border-radius:0!important; height: 38px!important; line-height:38px!important; border-color: #00bd39 !important; background-color: #fff!important; color: #00bd39!important; border-width:2px!important; font-family: "Montserrat","Pretendard","AppleSDGothicNeo","Apple SD Gothic Neo","Apple SD »êµ¹°íµñ Neo",sans-serif!important; font-weight:400;}
.btn-app {margin:4px 0 0; padding:0 10px;}





.header_box.slideDown.animated {
    -webkit-animation-name: slideDown03!important;
    animation-name: slideDown03!important;
}

.header_box.slideUp.animated {
    -webkit-animation-name: slideUp03!important;
    animation-name: slideUp03!important;
}
@-webkit-keyframes slideDown03 {
    0% {
        -webkit-transform: translateY(-131px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes slideDown03 {
    0% {
        transform: translateY(-131px)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes slideUp03 {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-131px)
    }
}

@keyframes slideUp03 {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-131px)
    }
}


/* SlideDown for headroom */ 
@-webkit-keyframes slideDown02{ 
	0% {-webkit-transform:translateY(0)} 
	100% {-webkit-transform:translateY(131px)} 
} 
@keyframes slideDown02{ 
	0% {transform:translateY(0)} 
	100% {transform:translateY(131px)} 
} 

/* SlideUp for headroom */ 
@-webkit-keyframes slideUp02{ 
	0% {-webkit-transform:translateY(0)} 
	100% {-webkit-transform:translateY(0)} 
} 
@keyframes slideUp02{ 
	0% {transform:translateY(0)} 
	100% {transform:translateY(0)} 
} 




.dropDown {margin: 24px auto;width:100%;text-align:left;padding: 0 20px;box-sizing: border-box;}
.dropDown h2 {font-size: 26px;font-weight: 700;margin-bottom: 10px;}
.dropDown .con { position: relative; box-sizing: border-box; border-bottom: 1px solid #d2d2d2; margin:0 !important;  }
.dropDown .con .tt {width: 100%;display: block;cursor: pointer;line-height: 15px;font-size: 15px;user-select: none;color: #000;padding: 18px 15px 18px 0;box-sizing:border-box;position:relative;} 
.dropDown .con .tt:after { content: "\e9c5"; font-family: xeicon !important; position: absolute; top: 50%; right: 0; transform: translateY(-50%);  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
.dropDown .con .des {padding: 18px 15px;color: #000;font-size: 14px;line-height:1.5;display:none;border-top: 1px solid #ddd;}
.dropDown .con.active .tt:after {content: "\e9c1";}
.dropDown .con.active .des {display:block; }

.dropDown .con .des > dl {margin-bottom: 23px;}
.dropDown .con .des > dl:last-child {margin-bottom:0}
.dropDown .con .des > dl dt { margin-bottom: 5px }
.dropDown .con .des > dl dd { }




/* BASIC css end */

