/* BASIC css start */
.thumb_wrap .swiper-container .swiper-slide img{display:block; max-width:100%; margin:0 auto; }
.thumb_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000;}

.MK-oneclick-only-text li.MK-oneclick-text span{font-size: .6875rem;}
.MK-oneclick-value{font-size: .6875rem;}
.option_tk .product-opt{margin: 10px 0;}
.option_tk .add-opt_item{margin: 10px 0;}
.shopdetail .shopdetailItem .shopdetail_Content .detail_item{padding: 20px 10px 30px; text-align: center;}


.option_tk .shopdetailInfoSelect{margin-top:10px}
.option_tk .shopdetailInfoSelect select{font-size:12px; margin-bottom:7px}




/* 게시글 */
#tabs {
    padding-bottom: 10px;
    font-size: 12px;
    /*margin: 0 10px;*/
}
#tabs .shopdetailBoard {
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid #cdcdcd;
    padding: 10px 8px;
    margin-bottom: 0;
    text-align: left;
}
#tabs .shopdetailBoard .tab_on {
    padding: 10px 0;
    font-weight: bold;
}
#tabs .util {
    border-bottom: 1px solid #e4e4e4;
    /*padding: 10px;*/
    padding:10px 0; 
}
#tabs .util a {
    border:0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    background-color: #b4b4b4;
}
#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;
    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 {
    padding-top: 5px;
    border-top: 1px dotted rgb(190, 190, 190);
    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;
}
.paging a.now {
    background-color: #fff !important;
    border: none !important;
    color: #000;
}
/* 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;
}




/* MOBILE DETAIL PRICE MINIMAL FIX */

.mobile-price-row .shopdetailInfoName{
    color:#666 !important;
    font-size:13px !important;
    font-weight:400 !important;
}

.mobile-price-row .shopdetailInfoCont{
    text-align:left !important;
}

.m-origin-price,
.m-main-price{
    display:inline-block !important;
    font-size:14px !important;
    line-height:1.4 !important;
    letter-spacing:-0.02em;
}

.m-origin-price{
    color:#b8b8b8 !important;
    font-weight:400 !important;
    text-decoration:line-through;
}

.m-main-price{
    color:#111 !important;
    font-weight:700 !important;
}

.m-coupon-btn{
    display:inline-block !important;
    margin-left:8px !important;
    padding:5px 10px !important;
    border:1px solid #111 !important;
    background:#fff !important;
    color:#111 !important;
    font-size:12px !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    vertical-align:middle !important;
}

.m-coupon-btn:after{
    content:"↓";
    margin-left:4px;
}

/* 옵션 선택 박스만 그레이 */
.option_tk .shopdetailInfoSelect select,
.option_tk .product-opt select,
.option_tk .add-opt_item select{
    background:#f2f2f2 !important;
    border:1px solid #ddd !important;
}

/* 모바일 쿠폰 줄 최종 정렬 */
.mobile-coupon-row{
    display:block !important;
    position:relative !important;
    overflow:hidden !important;
    min-height:42px !important;
}

.mobile-coupon-row .shopdetailInfoName{
    display:block !important;
    float:left !important;
    width:30% !important;
    padding-top:8px !important;
    text-align:left !important;
    box-sizing:border-box !important;
}

.mobile-coupon-row .shopdetailInfoCont{
    display:block !important;
    float:left !important;
    width:70% !important;
    padding-top:8px !important;
    padding-right:105px !important;
    text-align:left !important;
    box-sizing:border-box !important;
}

.mobile-coupon-row .m-main-price{
    display:inline-block !important;
    white-space:nowrap !important;
    margin:0 !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
}

.mobile-coupon-row .m-coupon-btn{
    position:absolute !important;
    right:0 !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:92px !important;
    height:34px !important;
    line-height:32px !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    border:1px solid #111 !important;
    background:#fff !important;
    color:#111 !important;
    font-size:12px !important;
    box-sizing:border-box !important;
}

/* 모바일 상세 상품명 크기 */
.shopdetailInfo_basic h2{
    font-size:18px !important;
    line-height:1.35 !important;
    font-weight:400 !important;
    letter-spacing:-0.04em !important;
    color:#333 !important;
    word-break:keep-all !important;
}


/* 모바일 상품명 + 공유 버튼 */
.mobile-title-row{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:10px !important;
}

.mobile-title-text{
    flex:1 !important;
    min-width:0 !important;
}

.mobile-title-text h2{
    margin:0 !important;
}

.mobile-share-btn{
    width:34px !important;
    height:34px !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
    color:#111 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-shrink:0 !important;
}

.mobile-share-btn svg{
    width:20px !important;
    height:20px !important;
}

/* 모바일 공유 레이어 */
.share-layer{
    display:none;
    position:fixed;
    inset:0;
    z-index:99999;
    background:rgba(0,0,0,.45);
}

.share-inner{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:86%;
    max-width:390px;
    padding:26px 24px 24px;
    box-sizing:border-box;
    background:#fff;
}

.share-close{
    position:absolute;
    right:18px;
    top:16px;
    width:30px;
    height:30px;
    border:0;
    background:none;
    font-size:30px;
    line-height:30px;
    color:#111;
}

.share-inner h4{
    margin:0 0 24px;
    font-size:22px;
    font-weight:400;
    color:#111;
}

.share-product-box{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px 0;
    border-top:2px solid #111;
}

.share-thumb{
    width:58px;
    height:76px;
    flex-shrink:0;
    overflow:hidden;
    background:#f5f5f5;
}

.share-thumb img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.share-product-info{
    min-width:0;
}

.share-product-info strong{
    display:block;
    font-size:14px;
    font-weight:700;
    line-height:1.35;
    color:#111;
}

.share-product-info p{
    margin:5px 0 0;
    font-size:12px;
    color:#333;
    line-height:1.4;
}

.share-list{
    display:flex;
    justify-content:center;
    gap:22px;
    margin-top:14px;
}

.share-list button{
    width:58px;
    height:58px;
    border:0;
    border-radius:50%;
    background:#000;
    color:#fff;
    font-size:11px;
    font-weight:500;
    letter-spacing:.04em;
}

/* TOTAL 합계 영역 숨김 */
#MK_innerOptTotal .MK_total,
#MK_innerOptTotal .MK_total_wrap,
#MK_innerOptTotal .MK_total-price,
#MK_innerOptTotal .total,
#MK_innerOptTotal .total_price,
#MK_innerOptTotal .totalPrice{
    display:none !important;
}

/* TOTAL 텍스트 줄 숨김 */
#MK_innerOptTotal dt.total,
#MK_innerOptTotal dd.total,
#MK_innerOptTotal .total-area{
    display:none !important;
}

/* TOTAL 위 구분선 제거 */
#MK_innerOptTotal{
    border-top:none !important;
    padding-top:0 !important;
}

/* 모바일 적립금 / 배송비 정렬 */
.mobile-benefit-box{
    width:100% !important;
    margin:14px 0 18px !important;
    padding:14px 0 0 !important;
    border-top:1px solid #e6e6e6 !important;
    box-sizing:border-box !important;
}

.mobile-benefit-line{
    display:grid !important;
    grid-template-columns:110px auto !important;
    align-items:start !important;
    width:100% !important;
    margin:0 0 4px !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

.mobile-benefit-label{
    display:block !important;
    color:#666 !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.5 !important;
    text-align:left !important;
}

.mobile-benefit-value{
    display:block !important;
    color:#111 !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.5 !important;
    text-align:left !important;
    word-break:keep-all !important;
}

/* 모바일 상세 좌측 라벨 폭 전체 통일 */
@media screen and (max-width:768px){

    .shopdetailInfoName,
    .mobile-benefit-label{
        width:110px !important;
        min-width:110px !important;
        flex:0 0 110px !important;
        display:inline-block !important;
        box-sizing:border-box !important;
    }

    .shopdetailInfoCont,
    .mobile-benefit-value{
        width:calc(100% - 110px) !important;
        display:inline-block !important;
        box-sizing:border-box !important;
        vertical-align:top !important;
    }

}


/* 모바일 쿠폰적용가 시작점 강제 정렬 */
.mobile-coupon-row .shopdetailInfoName{
    width:110px !important;
    min-width:110px !important;
    float:left !important;
    padding-top:8px !important;
}

.mobile-coupon-row .shopdetailInfoCont{
    width:calc(100% - 110px - 100px) !important;
    float:left !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
    text-align:left !important;
}

.mobile-coupon-row .m-main-price{
    margin-left:0 !important;
    padding-left:0 !important;
    text-align:left !important;
}
.mobile-benefit-value{
    word-break:keep-all !important;
    padding-right:0 !important;
}

/* 모바일 배송비 줄바꿈 수정 */
.mobile-benefit-line{
    display:flex !important;
    align-items:flex-start !important;
    width:100% !important;
}

.mobile-benefit-label{
    width:110px !important;
    min-width:110px !important;
    flex:0 0 110px !important;
}

.mobile-benefit-value{
    width:auto !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    display:block !important;
    white-space:normal !important;
    word-break:keep-all !important;
    line-height:1.55 !important;
}
/* BASIC css end */

