/* BASIC css start */
img { max-width:100%; }

/* =======================================================
 섬네일영역 
======================================================= */

#productDetail .thumb-info .thumb-wrap {
    width: 100%;
    text-align: center;
}

.thumb-wrap .ori img {
    max-width: 100%;
}

.thumb-wrap {
    clear: both;
}

/* 상품슬라이드 */

.slider-for {
    width: 100%;
    margin: 0 auto 5px;
    border: 0px solid #000;
    position: relative;
}

.slider-for .s-item {
    position: relative;
    display: block;
    /* height:px; */
    padding-bottom: 10px;
}

.slider-for .s-item img {
    width: 100%;
    /* height:px; */
}

.slider-for .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slider-for .slick-slider:hover .slick-next,
.slider-for .slick-slider:hover .slick-prev {
    display: block !important;
}

.slider-for .invisible {
    visibility: hidden;
}

.slider-for .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slider-for .slick-list:focus {
    outline: none;
}

.slider-for .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slider-for .slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slider-for .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

.slider-for .slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slider-for .slick-track:after {
    clear: both;
}

.slider-for .slick-loading .slick-track {
    visibility: hidden;
}

.slider-for .slick-slide {
    float: left;
    height: auto;
    display: none;
}

[dir="rtl"] .slider-for .slick-slide {
    float: left;
}

.slider-for .slick-slide img {
    width: 100%;
}

.slider-for .slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slider-for .slick-loading .slick-slide {
    visibility: hidden;
}


.slider-for .slick-prev,
.slider-for .slick-next {
    position: absolute;
    display: block !important;
    cursor: pointer;
    width: 32px;
    height: 60px;
    font-size: 0;
    top: 50%;
    margin-top: -35px;
    outline: none;
    padding: 0;
    border: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    background: transparent;
    z-index: 9;
}

/* 화살표 처음위치 */
.slider-for .slick-prev {
    left: 10px;
    background: url(/design/jenystudio/wizmobile/slide_prevW.png) 50% 50% no-repeat;
}

/* 이전화살표 이미지경로 */
.slider-for .slick-next {
    right: 10px;
    background: url(/design/jenystudio/wizmobile/slide_nextW.png) 50% 50% no-repeat;
}

/* 다음화살표 이미지경로 */


.slider-for .slick-prev,
.slider-for .slick-next {
    -o-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}

.slider-for .slick-slider {
    margin-bottom: 0;
}

.slider-for .slick-prev,
.slider-for .slick-next {
    -o-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}

.slider-for .slick-slider {
    margin-bottom: 0;
}

.slider-for .slick-dots {
    position: absolute;
    bottom: -20px;
    left: 0px;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}

.slider-for .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    cursor: pointer;
    border: 0px solid #000;
    width: 10px;
}

.slider-for .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
    cursor: pointer;
}

.slider-for .slick-dots li button:hover,
.best_silde .slick-dots li button:focus {
    outline: none;
}

.slider-for .slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slider-for .slick-dots li button:before {
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    background: #d1d1d1;
    border-radius: 100px;
    border: 0px solid #888;
    font-size: 0;
    text-align: center;
    color: white;
    opacity: 1;
    -o-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slider-for .slick-dots li.slick-active button:before {
    background: #333;
    width: 10px;
    /* 도트사이즈 */
    opacity: 1;
}

/* 현재도트사이즈 */



/* 상품슬라이드 미니섬네일 */

.slider-nav {
    width: 100%;
    margin: 0 auto 5px;
    border: 0px solid #000;
    position: relative;
    text-align: center;
}

.slider-nav .s-item {
    position: relative;
    display: block;
    /* height:px; */
    padding-bottom: 10px;
}

.slider-nav .s-item img {
    width: 100%;
    /* height:px; */
}

.slider-nav .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slider-nav .slick-slider:hover .slick-next,
.slider-nav .slick-slider:hover .slick-prev {
    display: block !important;
}

.slider-nav .invisible {
    visibility: hidden;
}

.slider-nav .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slider-nav .slick-list:focus {
    outline: none;
}

.slider-nav .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slider-nav .slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slider-nav .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

.slider-nav .slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slider-nav .slick-track:after {
    clear: both;
}

.slider-nav .slick-loading .slick-track {
    visibility: hidden;
}

.slider-nav .slick-slide {
    float: left;
    height: auto;
    display: none;
}

[dir="rtl"] .slider-nav .slick-slide {
    float: left;
}

.slider-nav .slick-slide img {
    width: 95%;
}

.slider-nav .slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slider-nav .slick-loading .slick-slide {
    visibility: hidden;
}


.slider-nav .slick-prev,
.slider-nav .slick-next {
    position: absolute;
    display: block !important;
    cursor: pointer;
    width: 32px;
    height: 60px;
    font-size: 0;
    top: 50%;
    margin-top: -35px;
    outline: none;
    padding: 0;
    border: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    background: transparent;
    z-index: 9;
}

/* 화살표 처음위치 */
.slider-nav .slick-prev {
    left: 10px;
    background: url(/design/jenystudio/wizmobile/slide_prevW.png) 50% 50% no-repeat;
}

/* 이전화살표 이미지경로 */
.slider-nav .slick-next {
    right: 10px;
    background: url(/design/jenystudio/wizmobile/slide_nextW.png) 50% 50% no-repeat;
}

/* 다음화살표 이미지경로 */


.slider-nav .slick-prev,
.slider-nav .slick-next {
    -o-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}

.slider-nav .slick-slider {
    margin-bottom: 0;
}

.slider-nav .slick-prev,
.slider-nav .slick-next {
    -o-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
}

.slider-nav .slick-slider {
    margin-bottom: 0;
}

.slider-nav .slick-dots {
    position: absolute;
    bottom: -20px;
    left: 0px;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}

.slider-nav .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    cursor: pointer;
    border: 0px solid #000;
    width: 10px;
}

.slider-nav .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
    cursor: pointer;
}

.slider-nav .slick-dots li button:hover,
.best_silde .slick-dots li button:focus {
    outline: none;
}

.slider-nav .slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slider-nav .slick-dots li button:before {
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    background: #d1d1d1;
    border-radius: 100px;
    border: 0px solid #888;
    font-size: 0;
    text-align: center;
    color: white;
    opacity: 1;
    -o-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slider-nav .slick-dots li.slick-active button:before {
    background: #333;
    width: 10px;
    /* 도트사이즈 */
    opacity: 1;
}

/* 현재도트사이즈 */





main.shopdetail {
    overflow-x: hidden;
}



.shopdetail .shopdetailInfo {
    background-color: #fff;
    border-top: 0px solid #c7c7c7;
    clear: both;
}

/*
.shopdetail .shopdetailInfo {
    background-color: rgba(255,255,255,0.9);
    border-top: 0px solid #c7c7c7;
    float: left;
    position: fixed;
    top: calc(50% - -30px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    height: auto;
    margin-top: 0;
    z-index: 60;
}
*/

.shopdetail h3 {
    font-weight: bold;
    padding: 10px 15px;
    margin-bottom: 10px;
    background-color: #FFF;
    border-bottom: 1px solid #EEE;
}

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

.shopdetail .shopdetailInfo .shopdetailInfoTop figure {
    padding: 0px;
    border-bottom: 0px solid #c7c7c7;
}


.shopdetail .shopdetailInfo .shopdetailInfoTop figcaption {
    text-align: left;
    margin-top: 0px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom {
    background-color: #fff;
/*    padding: 20px;*/
}

.shopdetail .dname {
    position: relative;
    text-align: center;
    margin: 20px 0;
    padding: 20px 0;
    border-bottom: 0px solid #eee;
}

.shopdetail .dname .name {
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #000;
}

.shopdetail .dname .subname {
    font-weight: normal;
    font-size: 12px;
    margin: 5px 0 0 0;
    color: #666;
    white-space: pre-wrap;
    letter-spacing: -0.5px;
}


.shopdetail .modelCode {
    float:right;
    margin-right:1em;
}

.shopdetail .modelCode p {
    font-weight: normal;
    font-size: 12px;
    color: #bbb;
    text-align:right;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue {
    position: relative;
    border-bottom: 0px solid #eee;
    height: 5em;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em {
    color: #000;
    font-size: 1.5em;
    font-weight: 700;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p {
    /* margin-bottom: 8px; */
    /* margin-left: 5px; */
    /* margin-right: 5px; */
    display: inline-block;
    margin: 5px 5px 0;
}

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

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName {
    width: 25%;
    display: inline-block;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont {
    /*width: 75%;*/
    display: inline-block;
    margin-left: -4px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont select.basic_option {
    width: 100% !important;
    background-color: #fff;
    border: 1px solid #eee;
}

.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: 1px solid #424242;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a .fa {
    display: block;
    margin: 6px 0 3px 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoValueFloat {
    position: absolute;
    text-align: left;
    width: 60%;
    top: 50%;
    transform: translateY(-50%);
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoValueFloat span.name {
    font-size:1.2em;
    font-weight:700;
    display:block;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .shopdetailInfoValue {
    display: none;
}

.shopdetailInfoDelivery {
    padding: 10px 15px;
}

/* 상품옵션 */

/* .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {width: 100%; position: fixed; z-index: 101; bottom: 0; left: 0; right: 0;}*/

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {
    position: fixed;
    width: 90%;
    height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);
    background: #fff;
    z-index: 60;
    overflow: hidden;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .fixed-btn .btn_Red {
    /* float: right; */
    position: absolute;
    right: 0;
    width: 40%;
    height: 4em;
    line-height: 4em;
    /* margin: 1em auto; */
    font-size: 15px;
    font-weight: bold;
    bottom: 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; padding: 15px 15px 0;}*/
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk {
    background-color: #fff;
    display: block;
    padding: 15px;
    height: 100%;
    overflow: auto;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option_tk {
    display: none;
}

.option_Info {
    margin-bottom:10px;
}

.option_Info .shopdetailInfoValueFloat .name {
    font-size: 1.2em;
    font-weight: bold;
    width:100%;
    display:block;
}

.option_Info .shopdetailInfoValueFloat p.shopdetailInfoDiscount {
    width: auto;
    display: inline-block;
    margin: 10px 5px 0 0;
}
.option_Info .shopdetailInfoValueFloat .shopdetailInfoDiscount .shopdetailInfoCont em {
    font-size: 1.5em;
    font-weight: bold;
}

.option_Info .shopdetailInfoValueFloat .shopdetailInfoDiscount .shopdetailInfoCont del {
    font-size: 1em;
    font-weight: normal;
}



.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
/*    position: relative;*/
    bottom: 0;
    background-color: #fff;
    border-top: 1px solid #dfdfdf;
    z-index: 999;
    text-align: center;
    margin: 0 auto;
/*    display: none;*/
    padding: 1em;
}

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

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed {
    display: block;
    width: 45px;
    height: 45px;
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option {
    position: absolute;
    top: 0;
    left: 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .fixed-btn .btn_option {
    display: none;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .fixed-btn .btn_option i {
    font-size: 25px;
    padding: 10px;
    background: #3a4a74;
    color: #fff;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn .btn_option {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: transparent;
    border: 0;
    line-height: 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect {
    background-color: #fff;
    overflow-y: auto;
    margin-bottom:300px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on {
    background-color: #fff;
    text-align: center;
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-height:300px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on.fixed { display:block; }

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a {
    display: inline-block;
    font-size: 10px;
    /* width: 23%;*/ 
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    letter-spacing: 1px;
    margin-right: 1%;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.wish {
    color: #777;
    background-color: #fff;
    border: 1px solid #eee;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy {
    color: #fff;
    background-color: #2f2f2f;
    width: 50%;
    border: 1px solid #2f2f2f;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .btn-app a { width:100%; }


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

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com {
    text-align: right;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p {
    background-color: #fff;
    padding: 5px 0px;
}

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

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName {
    width: 25%;
    padding-right: 0px;
    display: inline-block;
    padding-top: 3px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont {
    width: 75%;
    display: inline-block;
    margin-left: -4px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont select {
    width: 100%;
    font-size: 11px;
}

.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: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    color: #fff;
    margin: 0 5px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-minus {
    background-color: #bbb;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    color: #fff;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {
    background-color: #fff;
    overflow-y: auto;
    max-height: 100%;
}

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


.MK_optAddWrap .MK_inner-opt-cm li {
    position: relative;
    border-bottom: 1px solid #eee;
    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;
    height: 25px;
}

.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: 11px;
    right: 0;
    font-size: 1em;
    margin-right: 5px;
}

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

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

.MK_optAddWrap .MK_total {
    font-size: 1.5em;
    color: #000;
    margin-left: 5px;
}

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

.MK_optAddWrap_div {
    height: 10px;
    padding: 0;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.MK_optAddWrap_line {
    height: 1px;
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #eee;
}

#MK_innerOptTotal {
    padding: 12px 0px;
    text-align: right;
    border-top: 0px solid #eee;
    position: relative;
    bottom: 0;
    background: #fff;
    left: 0;
    width: 100%;
}

/* //착불 아이콘 */
.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: #000;
    font-size: 11px;
    margin-left: 16px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton {
    text-align: center;
    padding: 15px 10px 0;
    border-top: 1px solid #eee;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a {
    display: inline-block;
    font-size: 1em;
    width: 40%;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    letter-spacing: 1px;
    margin-right: 0;
    vertical-align: bottom;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a:last-child {
    margin-right: 0;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish {
    color: #3a4a74;
    background-color: #fff;
    border: 0px solid #eee;
    font-size:30px;
    width:15%;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish i {
    line-height: 40px;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.cart {
    color: #3a4a74;
    background-color: #fff;
    border: 1px solid #3a4a74;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy {
    color: #fff;
    background-color: #3a4a74;
    width: 40%;
    border: 1px solid #3a4a74;
}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish1 {
    color: #fff;
    background-color: #3a4a74;
    width: 100%;
    border: 1px solid #2f2f2f;
    margin-bottom: 5px;
}

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

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

.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: flex;
    box-sizing: border-box;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.shopdetailRelation .list_shoppingRelationItem1x li {
    width: 45%;
    vertical-align: top;
    padding: 18px 0;
    flex: 0 0 auto;
}

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

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

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

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

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listName {
    /* border-bottom: 1px solid #dedede;*/
    padding: 0 15px 0px 0;
    margin-top: 5px;
    font-size:1em;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listPrice {
    display:inline-block;
}
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listReserve {
    display:inline-block;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .options-select {
    width: 100%;
    background-color: #fff;
    border: 1px solid #eee;
    font-size: 12px;
    height: 26px;
}

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

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

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .amount-input {
    text-align: right;
    font-size: 14px;
    height: 25px;
}

.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-minus,
.shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-plus {
    background-color: #bbb;
    width: 26px;
    height: 26px;
    text-align: center;
    vertical-align: middle;
    line-height: 26px;
    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: 0px 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: 0px solid #eee;
        background-color: #fff;
    }

    .shopdetail .shopdetailInfo h2 {
        border-bottom: 1px solid #eee;
        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 #eee;
    }

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

#payco_order_btn {
    padding-top: 10px;
}

#kakaopay_order_btn {
    padding-top: 10px;
}

/* 하이브리드 */
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap {
    padding: 5px 15px 10px;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.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 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 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: #fff;
}

/* 추가 구성 상품 */
.shopdetail .shopdetailInfo .shopdetailInfoTit {
    height: 40px;
    line-height: 42px;
    padding: 0 12px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #000;
}

.shopdetail .shopdetailInfo .shopdetailInfoWrap:after {
    clear: both;
    content: "";
    display: block;
}

.shopdetail .shopdetailInfo .shopdetailInfoWrap {
    width: 100%;
    border-bottom: 1px solid #eee;
}

.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: 11px;
    font-weight: bold;
}

.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont {
    width: 100% !important;
}

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

.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont select {
    width: 100% !important;
    background-color: #fff;
    border: 1px solid #eee;
}



/* 원클릭옵션 */
.shopdetailInfoOneclick {
    clear: both;
    background-color: #fff;
    padding: 5px 0px;
    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 #ddd;
    display: inline-block;
    border-radius: 0px;
    box-sizing: border-box;
}

.MK-oneclick-list li.MK-oneclick-sel a {
    border: 1px 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;
    line-height: 19px;
}

.MK-oneclick-list li a img {
    width: 100%;
    height: 100%;
}

.MK-oneclick-list li.MK-oneclick-image a {
    height: 40px;
}

.MK-oneclick-list li.MK-oneclick-image a img {
    width: auto;
    height: 38px;
    ;
}

.MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {
    height: 36px;
    width: auto;
}

.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: 34px;
    height: 34px;
}

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

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

.shopdetail .shopdetailBoard {
    text-align: center;
    border-top: 1px solid #eee;
    /* margin-bottom: 32px; */
}

.shopdetail .shopdetailBoard:after {
    clear: both;
    content: "";
    display: block;
}

.shopdetail .shopdetailBoard a {
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 1em;
    border-left: 0px solid #eee;
    border-bottom: 1px solid #222;
    display: inline-block;
    margin-right: -1px;
}

.shopdetail .shopdetailBoard a.on {
    background-color: rgba(55, 78, 140, 0.8);
    font-weight: 700;
    color: #fff;
}


#prdTabBtn {
    position: sticky;
    top: 90px;
    z-index: 50;
    display: table;
    height: 40px;
    width: 100%;
}

#prdTabBtn a {
    word-break: keep-all;
    display: table-cell;
    vertical-align:middle;
}

/*#prdTabBtn {position:sticky; top:90px; z-index:50;}
#prdTabBtn a { float:left; display:block; word-break:keep-all; }*/


/* 게시글 */
#tabs {
    margin: 5px;
    border: 0px solid #bbb;
    padding-bottom: 10px;
    font-size: 12px;
}

#tabs .shopdetailBoard {
    overflow: hidden;
    text-align: center;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    padding: 10px 0;
    margin-bottom: 0;
}

#tabs .shopdetailBoard .tab_on {
    font-weight: bold;
    padding: 10px 0;
}

#tabs .util {
    border-bottom: 1px solid #eee;
    padding: 10px;
}

#tabs .util a {
    border: 1px solid #424242;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    width: 100%;
    text-align: center;
}

#tabs .list_board .reply-detail {
    margin: 0 5px;
    border: 1px solid #73adff;
    font-size: 0.875em;
    color: #5da0ff;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 0 3px;
}

#tabs .review .list_board>ul>li.now>.cont_wrap {
    display: block;
}

#tabs .list_board>ul>li>.wrap .re-wrap {
    padding: 10px;
    border-top: 1px solid #bebebe;
}

#tabs .empty-board {
    text-align: center;
    padding: 15px 0 5px;
}

.list_board ul li {
    color: #424242;
    border-bottom: 1px solid #bebebe;
    word-break: break-all;
}

.list_board .re-wrap ul li {
    font-size: 1em;
    border-bottom: 0;
    border-top: 1px dotted #bebebe;
    margin-top: 5px;
    padding-top: 5px;
    list-style: none;
}

.list_board ul li dl {
    padding: 7px;
}

.list_board ul li dl h4 {
    margin: 0
}

.list_board ul li .cont_wrap {
    display: none;
    padding-top: 5px;
    border-top: 1px dotted rgb(190, 190, 190);
    background-color: #f9f9f9;
    padding: 7px;
}

.list_board ul li .cont_wrap img {
    max-width: 100%;
    padding-bottom: 5px;
}

/* 댓글 */
.MS_cmt_list_box {
    color: #656565;
}

.MS_cmt_list_box .comment_list:last-child {
    border-bottom: 1px solid #cecece;
}

.MS_cmt_list_box .comment_list {
    padding: 5px;
    border: 1px solid #cecece;
    border-bottom: 0;
    background-color: #fff;
}

.MS_cmt_list_box .MS_cmt_hname {
    padding-left: 5px;
}

.MS_cmt_list_box .MS_cmt_content {
    padding-left: 15px;
}

.MS_cmt_list_box .comment_depth2 {
    padding-left: 10px;
}

.MS_cmt_list_box .comment_depth3 {
    padding-left: 15px;
}

#comment_password {
    width: 250px;
    left: 7px;
    box-shadow: 0 0 5px 0 #808080;
}

#comment_password input[type="password"] {
    width: 75%;
}

#comment_password form {
    height: auto !important;
}

#comment_password form span {
    display: block;
}

/* 답글 */
.list_board ul li .reply_depth1 .rating,
.list_board ul li .reply_depth1 .info,
.list_board ul li .reply_depth2 .rating,
.list_board ul li .reply_depth2 .info,
.list_board ul li .reply_depth3 .rating,
.list_board ul li .reply_depth3 .info {
    padding-left: 12px;
}

.list_board ul li .reply_status {
    font-size: 0.875em;
    color: #777777;
    font-weight: normal;
}

/* 비번입력 */
.list_board input[type="password"] {
    border-radius: 3px 0 0 3px;
    width: 80%;
    border-right: 0;
    box-sizing: border-box;
    height: 35px;
}

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

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

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

/* 수정,삭제버튼 */
.list_board ul li .cont_wrap .comment_modify {
    text-align: right;
    margin-top: 5px;
}

.list_board ul li .cont_wrap .comment_modify a {
    width: 45px;
    border: 1px solid #444;
    border-radius: 3px;
    font-size: 0.875em;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    height: 20px;
    background-color: #fff;
}

.list_board ul li dl .info .review_del {
    width: 45px;
    border: 1px solid #444;
    border-radius: 3px;
    font-size: 0.875em;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    height: 20px;
    background-color: #fff;
}

/* 페이지네이션 */
.paging {
    position: relative;
    text-align: center;
    margin-top: 15px;
}

.paging a.next,
.paging a.prev {
    width: 30px;
    height: 25px;
    line-height: 23px;
    border: 1px solid #8C8C8C;
    background-color: #fff;
    color: #000;
}

.paging strong {
    font-weight: bold;
    color: #000;
    text-align: center;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 23px;
    border: 1px solid #111;
    font-size: .75em;
    background-color: #fff;
    margin: 0 2px;
}

.paging a {
    text-align: center;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 23px;
    color: #727a8b;
    border: 1px solid #CECECE;
    font-size: .75em;
    font-weight: 700;
    background-color: #fff;
    margin: 0 2px;
}

.paging a.now {
    font-weight: bold;
    color: #000;
    text-align: center;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 23px;
    border: 1px solid #111;
    font-size: .75em;
    background-color: #fff;
    margin: 0 2px;
}





/* 아코디언 */
.accordion {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 5px 0px
}

.accordion .tinner {
    padding-left: 0;
    overflow: hidden;
    display: none;
    margin-top: 10px;
}

.accordion li {
    margin: 10px 0;
}

.accordion li a.toggle {
    width: 100%;
    display: block;
    position: relative;
    color: #333;
    font-family: 'Montserrat', 'Noto Sans KR', '나눔고딕', "Nanum Gothic";
    font-weight: 300;
}

.accordion li a.toggle span {
    position: absolute;
    top: 0;
    right: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    font-weight: 300;
}

.accordion li a.toggle span i.xi-plus-thin {
    font-size: 10px;
    color: #000 !important;
    font-weight: 400;
    font-family: 'Montserrat', 'Noto Sans KR', '나눔고딕', "Nanum Gothic";
}

.accordion li a.toggle:hover {
    color: #000;
}

.accordion li a.toggle.active span {
    /* transform:rotate(45deg);-webkit-transform:rotate(45deg); */
}

.accordion .tinner p {
    color: #999
}


/* 사이즈 차트 */
.size-chart-cont {
    background: #FFFFFF;
    text-align: center;
    padding: 0px;
    margin-top: 5px;
}

.size-chart-cont table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border: 0px solid #D9DBDA;
    margin-top: 5px;
}

.size-chart-cont table thead th {
    font-weight: normal !important;
    font-family: 'Montserrat', 'Noto Sans KR', '나눔고딕', "Nanum Gothic", ;
    color: #333 !important;
    border-top: 1px solid #eaeaea;
}

.size-chart-cont table th,
.size-chart-cont table td {
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
    color: #999;
    font-size: 11px;
    font-family: 'Montserrat';
    font-weight: 300;
    color: #000 !important;
}

.size-chart-cont table th {
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    font-family: 'Montserrat', 'Noto Sans KR', '나눔고딕', "Nanum Gothic";
}

.size-chart-cont table tr:last-child {
    border-bottom: 1px solid #eaeaea;
}

.size-chart-cont p {
    border-bottom: 1px solid #eaeaea;
    text-align: center;
    padding: 5px 0;
    color: #666;
}


.footerMargin {margin-bottom:7em;}



/* 상세페이지 */
#prdDetail.prdPage { max-width: 1000px; margin: 0 auto; text-align: center; }
#prdDetail.prdPage { clear: both; }
#prdDetail.prdPage img { clear: both; }

#prdDetail p.colorname {
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 2em;
}

#prdDetail p.coodi {
    font-size: 1em;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2em;
    margin-top: -2em;
}
/*
#prdDetail p.detailInfo {
    font-weight: normal;
    font-size: 12px;
    line-height:1.5;
    color: #666;
    margin:2em;
}
*/

#prdDetail p.detailInfo {
    font-size: 12px;
    line-height: 1.5;
    word-break: keep-all;
    font-weight: normal;
    color: #000;
    margin: 0em auto 0;
/*
background: #fff9ee;
    border: 1px solid #999;
*/
padding: 2em 0em;
    width: 80%;
}

#prdDetail p.colorname:after { content: ' 착용모습'; }
#prdDetail p.detailTitle { font-size:1.5em; margin-bottom: 2em;}
#prdDetail p.detailTitle:after { content: 'DETAIL VIEW'; }
#prdDetail p.dt_color { float: left; width: 100%; margin: 1em 0 2em; font-size: 1.5em;  text-transform:uppercase; }
#prdDetail p.dt_color2 { float: left; width: 50%; margin: 1em 0 2em; font-size: 1.5em;  text-transform:uppercase; }

#prdDetail .pt_fsb { margin-bottom: 10em;}
#prdDetail .pt_fsb img { width:95%; padding:1%; }

/* 상품별 공지 */
.shopdetail .shopdetailItem .shopdetailImage div.detail_notic { margin: 1em auto; text-align: center; width:calc(95% - 2em) !important; height: auto; border: 1px solid #000; padding: 1em; background: #f1e3e3; }
.shopdetail .shopdetailItem .shopdetailImage div.detail_notic > .title { font-size: 1.5em; font-weight: bold; color: #e00; padding-top:1em; }
.shopdetail .shopdetailItem .shopdetailImage div.detail_notic > .content { font-size: 1em; font-weight: normal; color: #000; padding-bottom:1em; padding-top:1em; word-break: keep-all;}

/* 220929 데님상품 공지 */
.shopdetail .shopdetailItem .shopdetailImage div.detail_notic.denim_notic { background: #f0f0f0; border: 1px solid #333; }
.shopdetail .shopdetailItem .shopdetailImage div.detail_notic.denim_notic > .title { color: #000; }


/* 악세페이지 상단 설명 */
div.acc_info {text-align: center;}
div.acc_info pre {font-size: 10pt; line-height: 1.5; font-family: 'Noto Sans', Nanum Gothic, monospace, Corbel, Dotum, AppleGothic, Helvetica, sans-serif; color:#000; white-space:pre-wrap;}
div.acc_info pre.acc_tit {font-size: 14pt; font-weight: bold; margin: 50px auto 0;}
div.acc_info pre.acc_txt_tit {font-weight: bold; margin: 50px auto 0; }
div.acc_info pre.acc_txt_sub {margin: 0 auto 50px;}



/* 크레마핏 플로팅버튼 커스텀 */


#creFit_wrap {
    display: none;
    position: fixed;
    z-index: 99;
    padding-top: 100px;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 100px - 6em);
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

#creFit_wrap .creFit_contents {
    background: #fff;
    margin: auto;
    padding: 1em;
    border: 1px solid #fff;
    width: 80%;
    min-height: 50%;
    max-height: calc(100% - 5em);
    overflow: auto;
}


#creFit_wrap .creFit_close {
    color: #aaa;
    float: right;
    font-size: 2em;
    font-weight: normal;
}


#delivery_notic {
    width: calc(100% - 2em) !important;
}

.noticeDrying { border: 1px solid #eee; width: 80%; margin: 30px auto; padding: 10px 0; clear:both; }
.noticeDrying p { line-height: 1.5; font-size: 12px; margin: 1em; text-align: center; word-break: keep-all; }

/* 영상GIF캡션 */
.prd-detail p.mov_caption { text-align: left; font-size: 1.5em; font-weight: bold; }



/**** 2025 06 edit ****/

#prdDetail .prd_info { padding: 3em; max-width: 100%; box-sizing: border-box; } 
#prdDetail .prd_info p { word-break: keep-all; white-space: normal; text-align: left; margin: inherit; } 
#prdDetail .prd_info p.prd_title { font-size: 2em; font-weight: bold; line-height: 1.5; margin-bottom: 1em; margin-top: 0; } 
#prdDetail .prd_info p.prd_infotxt { font-size: 1.5em; font-weight: normal; line-height: 1.5; margin: 2em 0; } 

#prdDetail .prd_info p.colorname { font-size: 1.5em; font-weight: bold; text-transform: uppercase; } 
#prdDetail .prd_info p.coodi { font-size: 1em; text-transform: uppercase; margin:inherit; text-align:left; } 

#prdDetail .prd_info p.model_size.center { text-align:center; }

#prdDetail .prd_info p.model_size.ARON_25SS_15:before { content: 'ARON - 140cm / 28kg / 15호\A '; white-space:pre;} 
#prdDetail .prd_info p.model_size.ARON_25SS_17:before { content: 'ARON - 140cm / 28kg / 17호\A '; white-space:pre;} 
#prdDetail .prd_info p.model_size.ARON_25SS_19:before { content: 'ARON - 140cm / 28kg / 19호\A '; white-space:pre;} 
#prdDetail .prd_info p.model_size:after { content: ' 착용'; } 
#prdDetail .prd_info p.model_size { font-size: 1.2em; font-weight: bold; text-transform: uppercase; line-height: 2; margin-top: 1em; } 

#prdDetail .prd_info p.model_size.ARON_25FW_15:before { content: 'ARON - 140cm / 28kg / 15호\A '; white-space:pre;} 
#prdDetail .prd_info p.model_size.ARON_25FW_17:before { content: 'ARON - 140cm / 28kg / 17호\A '; white-space:pre;} 
#prdDetail .prd_info p.model_size.ARON_25FW_19:before { content: 'ARON - 140cm / 28kg / 19호\A '; white-space:pre;} 

/* BASIC css end */