/* BASIC css start */
.fix-bottom {
    display: none;
}


.aaa img{width:100%;}




#footer {
    margin-top: 0 !important;
}

#footer .footer-top {
    display: none;
}

.info-top {
    margin: 17px;
    z-index: 10;
}

h2.prd-series {
    font-size: 16.4px;
    color: #000;
    font-weight: 500;
    position: relative;
    margin-bottom:5px;
}


h2.prd-name {
    font-size: 16.4px;
     /* font-size:15px;*/
    color: #000;
    /*font-weight: 500;*/
    font-weight:400;
    position: relative;
}

h2.prd-name:after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background: #666;
    margin: 17px 0px;
    display:none;
}

a.btn-share {
    font-size: 0;
    display: block;
    width: 17px;
    height: 20px;
    background: url(/design/mastideco/wib2018/mobile/img/icon/icon-share.png) no-repeat center;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 0;
}

a.btn-share.on {
    background: url(/design/mastideco/wib2018/mobile/img/icon/icon-x-g.png) no-repeat center;
    background-size: 100% auto;
}

.share-menu {
    position: absolute;
    top: 30px;
    right: 0;
    background: #fff;
    border: 1px solid #9e9e9e;
    padding: 10px 5px;
    width: 120px;
    opacity: 0;
    visibility: hidden;
}

.share-menu.on {
    opacity: 1;
    visibility: visible;
}

.share-menu ul {
    line-height: 1;
}

.share-menu ul li {
    margin: 0px 5px;
}

.share-menu ul li img {
    width: 30px;
    height: auto;
}


.shopdetail h3 .fa {
    float: right;
    font-size: 1.5em;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom {
    background-color: #fff;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue {
    position: relative;
    padding: 0px 17px 25px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em {
    color: #f1191f;
    font-size: 1.333em;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p {
    margin-bottom: 5px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p:last-child {
    margin-bottom: 0px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName {
    width: 30%;
    display: inline-block;
    /*font-weight: 300;*/
    font-weight:400;
    color: #646464;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont {
    width: 70%;
    display: inline-block;
    margin-left: -4px;
   /* font-weight: 300;*/
   font-weight:400;
    color: #000;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont a {
    color: #000;
}

.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 15px;
}

.price-box {
    margin-bottom: 22px;
}

.price-box span.prd-price {
    /*font-size: 17.5px;*/
    font-size:18.75px;
    color: #000;
    font-weight: 500;
    margin-right: 7px;
}

.price-box span.custom-price {
    font-size: 14.5px;
    color: #bbb;
    text-decoration: line-through;
}

.price-box .disc span#discount_percent_span {
    font-size: 17.5px;
    font-weight: 500;
}

.price-box .disc>span span {
    font-size: 14.5px;
}

/* 상품옵션 */

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area {}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {
    width: 100%;
    position: fixed;
    z-index: 101;
    bottom: 0px;
    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;
    }
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk {
/*    height: 150px;*/
    overflow-y: auto;
    background-color: #fff;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    bottom: 0px;
    left: 0;
    right: 0;
    background-color: #f6f6f6;
    border-top: 1px solid #dfdfdf;
    z-index: 101;
    text-align: center;
    padding: 8px 4px;
    margin: 0 auto;
    display: none;
    font-size: 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn>a {
    width: calc(50% - 8px);
    color: #000;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    display: inline-block;
    /*line-height: 39px;*/
    line-height:42px;
    margin: 0;
    /*font-size: 14.5px;*/
    font-size:15.23px;
    margin: 0px 4px;
    /*height: 41px;*/
    height:44px;
    box-sizing: border-box;
    vertical-align: top;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn>a.btn_Red {
    background-color: #343434;
    border-color: #343434;
    color: #fff;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed {
    display: block;
    position: fixed;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed {
    display: block;
    position: relative;
    bottom: 0;
    padding: 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option {
    position: absolute;
    top: -18px;
    left: 50%;
    margin-left: -33px;
    display: none;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect {
    background-color: #fff;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on {
    background-color: #f6f6f6;
    text-align: center;
    padding: 8px 4px;
    display: none;
    font-size: 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a {
    width: calc(50% - 10px);
    color: #000;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    display: inline-block;
    padding: 11px 0;
    margin: 0;
    font-size: 14.5px;
    margin: 0px 4px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy {
    background-color: #343434;
    border-color: #343434;
    color: #fff;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com {
    text-align: right;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p {
    padding: 0px 17px;
    border-top: 1px solid #e6e6e6;
    /* border-bottom: 1px solid #e6e6e6; */  
    line-height: 47px;
    background: #fff;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-of-type {
    border-bottom: 1px solid #e6e6e6; 
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .shopdetailInfoSelect {
    background-color: #f6f6f6;
/*    display: none;*/
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .shopdetailInfoSelect p {
    border-top: 0px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child {
    margin-bottom: 0px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName {
    width: 30%;
    display: inline-block;
    color: #000;
    /*font-weight: 300;*/
    font-weight:400;
    float: left;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont {
    display: inline-block;
/*    margin-left: -4px;*/
    float: right;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont select {
    width: 100%;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .txt-qnty {
    text-align: center;
    width: 31px;
    height: 25px;
    vertical-align: top;
    box-sizing: border-box;
    border: none;
    padding: 0;
    border-top: 1px solid #e6e6e6; 
    border-bottom: 1px solid #e6e6e6; 
    font-size: 12px;
    margin: 11px 0px;
    -webkit-appearance: none;
    line-height:25px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .qty a {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    color: #666;
    box-sizing: border-box;
    margin: 11px 0px;
    background: #fff;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {
    background-color: #f6f6f6;
}

.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 {
    text-align: center;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    margin-bottom: 32px;
}

.shopdetail .shopdetailBoard a {
    width: 33.33%;
    background-color: #f8f8f8;
    border-left: 1px solid #bbb;
    display: inline-block;
    margin-left: -1px;
    font-weight: bold;
    padding: 20px 0;
}

.MK_optAddWrap .MK_inner-opt-cm li {
    position: relative;
    border-bottom: 1px solid #c7c7c7;
    padding: 12px 0;
}

.MK_optAddWrap .MK_inner-opt-cm li:last-child {
    border-bottom: 0px none;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_p-name {
    padding-right: 30px;
    display: block;
    padding: 0 15px;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl {
    margin-top: 8px;
    padding: 0 15px;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] {
    padding: 0 6px;
    width: 79px;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del {
    position: absolute;
    top: 12px;
    right: 0;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img {
    width: 20px;
    margin-right: 5px;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_price {
    position: absolute;
    bottom: 21px;
    right: 0;
    font-size: 1.3em;
    margin-right: 5px;
}

.MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 {
    background-color: #bbb;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    color: #fff;
    display: inline-block;
}

.MK_optAddWrap .total {
    text-align: right;
    padding: 10px 15px;
    font-size: 17px;
}

.MK_optAddWrap .MK_total {
    font-size: 18px;
    color: #f1191f;
    margin-left: 5px;
}

.MK_optAddWrap .MK_txt-won {
    font-size: 17px;
}

.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 {
    padding: 12px 10px;
    text-align: right;
}

/* //상품옵션 */

.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 .shopdetailInfo .shopdetailInfoBottom .shopdetailButton {
    text-align: center;
    padding: 28px 4px 40px;
    font-size: 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a {
    width: calc(50% - 8px);
    color: #000;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    display: inline-block;
    /*line-height: 39px;*/
    line-height:42px;
    margin: 0;
    font-size: 14.5px;
    margin: 0px 4px;
    /*height: 41px;*/
    height:44px;
    box-sizing: border-box;
    vertical-align: top;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish {
    background-color: #FFF;
    border: 1px solid #393939;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy {
background-color: #343434;
    border-color: #343434;
    color: #fff;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom {
    margin: 20px 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom img {
    margin: 0 2px;
    width: 45px;
    height: auto;
}

.shopdetail .shopdetailCoupon {
    margin-top: 15px;
}

.shopdetail .shopdetailCoupon .shopdetailCouponGet {
/*    padding: 0 15px;*/
}

.shopdetail .shopdetailCoupon .shopdetailCouponGet .image_src {
    max-width: 100%;
    padding-bottom: 5px;
}

.shopdetail .shopdetailCoupon .shopdetailCouponGet li dl {
    height: 34px;
    background: url("/images/d3/m_04/bg_coupon@2x.gif") no-repeat left center;
    padding: 10px 0 10px 92px;
    border-bottom: 1px dashed #cbcbcb;
    position: relative;
    background-size: 81px auto;
}

.shopdetail .shopdetailCoupon .shopdetailCouponGet li:last-child {
    border-bottom: 0px none;
}

.shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt {
    width: 82px;
    position: absolute;
    top: 10px;
    left: 0;
    color: #fff;
    text-align: center;
}

.shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt strong {
    font-weight: normal;
}

.shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon h4 {
    font-weight: bold;
}

.shopdetail .shopdetailItem .shopdetailItemPopup {
    text-align: center;
    padding: 0 15px;
    margin: 22px 0;
    display: none;
}

.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;
}

.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 iframe {
    width: 100% !important;
}

.shopdetail .shopdetailItem .shopdetailImage table {
    table-layout: auto !important;
}

.shopdetail .shopdetailItem .shopdetailImage div {
    width: 100% !important;
}

.shopdetail .shopdetailItem .shopdetailNotify {
    margin-top: 24px;
    display: none;
}

.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;
}

/* 관련상품 */

.shopdetailRelation {
    margin-bottom: 30px;
}

.shopdetailRelation .list_shoppingRelationItem1x {
    padding: 0 7px;
}

.shopdetailRelation .list_shoppingRelationItem1x ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
}

.shopdetailRelation .list_shoppingRelationItem1x li {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border-top: 1px solid #d9d9d9;
    padding: 18px 0;
}

.shopdetailRelation .list_shoppingRelationItem1x li figure {
    padding: 0 7px;
}

.shopdetailRelation .list_shoppingRelationItem1x li:first-child {
    border: 0px none;
}

.shopdetailRelation .list_shoppingRelationItem1x li img.listPic {
    width: 40%;
    float: left;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo {
    width: 57%;
    float: left;
    padding-left: 3%;
    position: relative;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listName {
    border-bottom: 1px solid #dedede;
    padding: 0 15px 2px 0;
    margin-bottom: 5px;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .options-select {
    width: 100%;
}

.shopdetailRelation .list_shoppingRelationItem1x .MS_related_checkbox {
    position: absolute;
    top: 0;
    right: 0;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount {
    margin: 12px 0;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .amount-input {
    text-align: right;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-plus {
    background-color: #bbb;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    color: #fff;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-minus {
    background-color: #bbb;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    color: #fff;
}

.shopdetailRelation .list_shoppingRelationItem1x .btn_Black {
    width: 290px;
    margin: 0 auto;
}

/* //관련상품 */

/* IOS 디바이스 옵션 선택 시 자동 확대 방지 */

input[type="text"],
input[type="date"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="password"],
select {
    font-size: 16px;
}

/* //IOS 디바이스 옵션 선택 시 자동 확대 방지 */

/* OKDGG 버튼 */

.shopdetail .okdgg-checkout {
    margin-top: 15px;
}

.shopdetail .okdgg-checkout img {
    max-width: 90%;
    height: auto;
}

/* //OKDGG 버튼 */

/* 퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */

.cs-button {
    bottom: 53px !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 받기 끝 */

@media screen and (min-width:420px) and (max-width:767px) {
    .shopdetail .shopdetailInfo {
        position: relative;
        overflow: hidden;
        zoom: 1;
        border-bottom: 1px solid #c7c7c7;
        background-color: #fff;
    }
    .shopdetail .shopdetailInfo h2 {
        border-bottom: 1px solid #c7c7c7;
        padding-bottom: 16px;
        background-color: #f5f5f5;
    }
    .shopdetail .shopdetailInfo .shopdetailInfoTop {
        float: left;
    }
    .shopdetail .shopdetailInfo .shopdetailInfoTop figure {
        border-bottom: 0px none;
    }
    .shopdetail .shopdetailInfo .shopdetailInfoTop,
    .shopdetail .shopdetailInfo .shopdetailInfoBottom {
        width: 50%;
    }
    .shopdetail .shopdetailInfo .shopdetailInfoBottom {
        float: right;
        background-color: #fff;
    }
    .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {
        background-color: #fff;
    }
    .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {
        border-top: 1px solid #c7c7c7;
    }
    .shopdetail .shopdetailCoupon .shopdetailCouponGet {
        width: 335px;
        margin: 0 auto;
    }
    .shopdetail .shopdetailRelationItem {
        padding: 0 0 30px 0;
    }
    .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a {
        padding: 10px 8px;
    }
    .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy {
        padding: 10px 8px;
    }
    .shopdetail .shopdetailItem .shopdetailItemPopup {
        width: 335px;
        margin: 22px auto;
    }
    .shopdetail .shopdetailRelationItem .btn_cart {
        margin: 34px auto;
    }
    .shopdetailRelation .list_shoppingRelationItem1x li {
        width: 50%;
    }
    .shopdetailRelation .list_shoppingRelationItem1x li:nth-child(2) {
        border: 0px none;
    }
}

@media screen and (min-width:768px) {
    .shopdetail .shopdetailInfo {
        position: relative;
        overflow: hidden;
        zoom: 1;
        border-bottom: 1px solid #c7c7c7;
        background-color: #fff;
    }
    .shopdetail .shopdetailInfo h2 {
        border-bottom: 1px solid #c7c7c7;
        padding-bottom: 16px;
        background-color: #f5f5f5;
    }
    .shopdetail .shopdetailInfo .shopdetailInfoTop {
        float: left;
    }
    .shopdetail .shopdetailInfo .shopdetailInfoTop figure {
        border-bottom: 0px none;
    }
    .shopdetail .shopdetailInfo .shopdetailInfoTop,
    .shopdetail .shopdetailInfo .shopdetailInfoBottom {
        width: 50%;
    }
    .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {
        background-color: #fff;
    }
    .shopdetail .shopdetailInfo .shopdetailInfoBottom {
        float: right;
        background-color: #fff;
    }
    .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {
        border-top: 1px solid #c7c7c7;
    }
    .shopdetail .shopdetailCoupon .shopdetailCouponGet {
        width: 335px;
        margin: 0 auto;
    }
    .shopdetail .shopdetailRelationItem {
        padding: 0 0 30px 0;
    }
    .shopdetail .shopdetailItem .shopdetailItemPopup {
        width: 335px;
        margin: 22px auto;
    }
    .shopdetail .shopdetailItem .shopdetailNotify {
        margin-top: 36px;
    }
    .shopdetail .shopdetailRelationItem .btn_cart {
        margin: 34px auto;
    }
    .shopdetailRelation .list_shoppingRelationItem1x li {
        width: 50%;
    }
    .shopdetailRelation .list_shoppingRelationItem1x li:nth-child(2) {
        border: 0px none;
    }
}


#nhn_btn {
    padding-top: 20px;
}

#payco_order_btn {
    padding-top: 10px;
}

#kakaopay_order_btn {
    padding-top: 10px;
}

/* 하이브리드 */

.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;
}

.reserv-prd {
    margin: 0px 17px 25px;
    background: #f8f8f8 url(/design/mastideco/wib2018/mobile/img/icon/icon-time.png) no-repeat 13px center;
    background-size: 19px auto;
}

.reserv-prd p {
    text-indent: 46px;
    font-size: 11.7px;
    color:#000;
    line-height: 45px;
    font-weight: 300;
}

.store-view {
    display: none;
    line-height: 47px;
    border-top: 1px solid #e6e6e6;
}

.store-view a {
    display: block;
    color: #000;
    font-weight: 300;
    margin: 0px 17px;
    background: url(/design/mastideco/wib2018/mobile/img/icon/icon-arrow-right-b.png) no-repeat right center;
    background-size: 5px auto;
}

.addtional {
    padding: 0px 13px;
}

.addtional .section-title h3 {
    /*font-size: 14.5px;*/
    font-size:18.75px;
    color: #000;
    padding-left: 10px;
    line-height: 1;
    margin-bottom: 25px;
    font-weight: 500;
}

.detail-bottom li {
    border-top: 1px solid #e2e2e2;
}

.detail-bottom li a {
    display: block;
    margin: 0px 23px 0px 26px;
    line-height: 50px;
    font-size: 10.5px;
    color: #000;
    background: url(/design/mastideco/wib2018/mobile/img/icon/icon-arrow-right-b.png) no-repeat right center;
    background-size: 5px auto;
}

.sold-out {
    text-align: center;
    padding: 8px 4px;
    /* display: none; */
    font-size: 0;    
}

.sold-out a {
    width: calc(100% - 2px);
    font-weight: 500;
    background-color: #343434;
    border-color: #343434;
    color: #fff;
    display: inline-block;
    padding: 11px 0;
    margin: 0;
    font-size: 14.5px; 
}

@media all and (min-width:420px){
     .shopdetailInfo{padding-top:8vw;}
 }
 
 
 
 
 
 
/* 하이브리드 */ 
.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 { height:40px; line-height:42px; padding:0 12px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; font-size:14px; color:#000; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap:after { clear: both; content: ""; display: block; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap { width:100%; border-bottom:1px solid #c7c7c7; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop { float:left; width:45%; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure { padding:15px 12px; border:0; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue { float:right; width:52%; padding:15px 0; margin-right:3%; border:0; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoprdName { font-size:1.333em; font-weight:bold; }
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont { width:auto; margin:0; }
.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:#f6f6f6; padding: 5px 15px;  overflow:hidden; zoom:1; }
.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 #231f20; display: inline-block; border-radius: 1px; box-sizing:border-box; } 
.MK-oneclick-list li.MK-oneclick-sel a { border:2px solid #000000; }
.MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; }
.MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a {  padding:1px; 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: 19px; }                         
.MK-oneclick-list li a img { width: 100%; height:100%;}
.MK-oneclick-list li.MK-oneclick-image a {height:50px;}
.MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 48px;;}
.MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:46px; width: auto;}
.MK-oneclick-list li.MK-oneclick-color { width:50px; height: 50px; } 
.MK-oneclick-list li.MK-oneclick-color a { padding: 2px; }
.MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; }
.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: 2px; }
.MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;}
.MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; }                                                                        
.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; }
.MK-oneclick-only-text li.MK-oneclick-text { height: auto; }
.MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; }
/* BASIC css end */