/* 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}
.shopdetailInfoOneclick{background-color:#fff !important}

.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed::after{content:""; display:block; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.5); z-index:-1}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed {display: block; position: fixed; bottom: 65px;}
/* 게시글 */
#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;
}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton {text-align:center; padding:15px 0; }
.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton {padding-bottom: 20px !important; }
.shopdetail .shopdetailItem .shopdetailItemPopup {text-align:center; padding:0 15px; margin:22px 0;}
.shopdetail .shopdetailItem .shopdetailItemPopup a {font-weight:bold; color:#484848; background-color:#ececec; 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;color:#3c3c3c}
.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;}

.MK_qty-ctrl a img {visibility: hidden;}



.page_top .page_nav_set a {
    display: inline-block;
    font-size: .792rem;
    color: #a6a6a6;
    font-weight: 300;
    line-height: 120%;
    padding-left: 13px;
    position: relative
}
.page_top .page_nav_set {
    padding: 15px 0;
    font-size: 0;
    line-height: 120%;
    overflow: hidden
}
.page_top .page_nav_set a:nth-of-type(1) {
    margin-left: 0;
}
.page_top .page_nav_set a:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 13px;
    height: 100%;
    content: ">";
    text-align: center;
    font-family: Gulim, sans-serif
}

/* 상품 상세 이벤트 공통 정보 */
.detail-common-info-event { width:90.3125%; margin:20px auto; word-break: break-all; }
.detail-common-info-event img {max-width: 100%;}
.detail-common-info-event div {margin-top:10px; }

/* ===== 상품상세 (shopdetail) 2026.10 정리 : 합계줄 / 구매버튼 / 간편결제 / 리뷰.Q&A 탭 ===== */

/* 합계줄 : "총 상품금액" 라벨 + 금액, 0원이면 흐리게(gj-zero 는 JS가 붙임) */
main.shopdetail #MK_innerOptTotal.total_box{display:flex !important;align-items:baseline;gap:2px;margin:12px 15px 0;padding:14px 0 6px !important;border-top:1px solid #ddd;text-align:left !important}
main.shopdetail #MK_innerOptTotal.total_box::before,
main.shopdetail #MK_innerOptTotal.total_box::after{content:none !important;display:none !important}
main.shopdetail #MK_innerOptTotal .gj-total-label{margin-right:auto;color:#222;font-size:14px;font-weight:700;line-height:1.4}
main.shopdetail #MK_innerOptTotal #MK_p_total{color:#ff3c00 !important;font-size:22px !important;font-weight:800 !important;line-height:1.2 !important}
main.shopdetail #MK_innerOptTotal #MK_p_total #MK_p_total{color:inherit !important;font-size:inherit !important;font-weight:inherit !important}
main.shopdetail #MK_innerOptTotal .txt-won{color:#ff3c00 !important;font-size:14px !important;font-weight:700 !important;vertical-align:baseline !important}
main.shopdetail #MK_innerOptTotal.gj-zero #MK_p_total,
main.shopdetail #MK_innerOptTotal.gj-zero .txt-won{color:#bbb !important}
main.shopdetail .MK_optAddWrap .MK_inner-opt-cm li{border-radius:4px}

/* 구매 버튼 : 구매하기를 맨 위(54px 초록), 장바구니/관심상품은 아래 반반(48px 흰 바탕) */
main.shopdetail .shopdetailButton{padding:16px 0 24px !important}
main.shopdetail .shopdetailButtonTop .btn_box{display:flex !important;flex-wrap:wrap;gap:8px;padding:0 15px !important}
main.shopdetail .shopdetailButtonTop .btn_box::before,
main.shopdetail .shopdetailButtonTop .btn_box::after{content:none !important;display:none !important}
main.shopdetail .shopdetailButtonTop .btn_box a.btn{display:flex !important;align-items:center;justify-content:center;box-sizing:border-box;width:auto !important;margin:0 !important;padding:0 8px !important;border-radius:4px !important;font-size:15px !important;line-height:1.2 !important}
main.shopdetail .shopdetailButtonTop .btn_box a.buy{order:-1;flex:1 1 100%;height:54px;background:#438D46 !important;border:0 !important;color:#fff !important;font-weight:800 !important}
main.shopdetail .shopdetailButtonTop .btn_box a.buy:active{background:#367038 !important}
main.shopdetail .shopdetailButtonTop .btn_box a.cart,
main.shopdetail .shopdetailButtonTop .btn_box a.wish{flex:1 1 0;min-width:0;height:48px;background:#fff !important;border:1px solid #ccc !important;color:#222 !important;font-weight:700 !important}
main.shopdetail .shopdetailButtonTop p.soldout{color:#c0392b}

/* 아래 고정 패널(구매하기 누르면 뜨는 옵션창)의 버튼 색 : 표시/숨김은 스킨 JS 몫이라 display 는 건드리지 않음 */
main.shopdetail .shopdetailInfoBottom .buy_on a{background:#fff !important;border-top:1px solid #ccc;box-sizing:border-box;color:#222 !important;font-size:15px !important;font-weight:700 !important}
main.shopdetail .shopdetailInfoBottom .buy_on a.buy{background:#438D46 !important;border-top-color:#438D46;color:#fff !important;font-weight:800 !important}

/* 간편결제 : PAYCO 는 HTML 에서 숨김, 네이버페이만 버튼 아래 간격 정리 */
main.shopdetail .shopdetailButton .naver-checkout{margin:16px 15px 0;text-align:center}

/* 리뷰 / Q&A : 꽉 찬 초록 버튼 -> 밑줄 탭 (선택 탭 = 상품상세, 초록 2px 밑줄) */
main.shopdetail ul.gj-sd-tabs{display:flex;margin:0;padding:0 5px;list-style:none;background:#fff}
main.shopdetail ul.gj-sd-tabs li{flex:1 1 0;min-width:0;margin:0;padding:0}
main.shopdetail ul.gj-sd-tabs li > a,
main.shopdetail ul.gj-sd-tabs li > span{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;height:48px;padding:0 4px;color:#666;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap}
main.shopdetail ul.gj-sd-tabs li.gj-on > span{color:#222}
main.shopdetail ul.gj-sd-tabs li.gj-on > span::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:#438D46}
main.shopdetail ul.gj-sd-tabs .gj-cnt{color:#888;font-size:13px;font-weight:600}

/* 옵션 셀렉트 : 글자가 오른쪽 화살표(오른쪽 8px, 폭 10px) 밑으로 들어가지 않게 */
main.shopdetail select{padding-right:26px !important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* 옵션 행 : 셀렉트를 구매 버튼과 같은 48px 로, 라벨은 세로 가운데 */
main.shopdetail .option_tk .add-opt_item,
main.shopdetail .option_tk .product-opt{display:flex !important;align-items:center;margin:8px 0 !important;padding:0 15px !important}
main.shopdetail .option_tk .add-opt_item::before,
main.shopdetail .option_tk .add-opt_item::after,
main.shopdetail .option_tk .product-opt::before,
main.shopdetail .option_tk .product-opt::after{content:none !important;display:none !important}
main.shopdetail .option_tk .add-opt_item > .shopdetailInfoName,
main.shopdetail .option_tk .product-opt > .shopdetailInfoName{flex:0 0 30%;width:auto !important;padding-right:8px;box-sizing:border-box;line-height:1.3 !important}
main.shopdetail .option_tk .add-opt_item > .shopdetailInfoCont,
main.shopdetail .option_tk .product-opt > .shopdetailInfoCont{flex:1 1 0;min-width:0;width:auto !important;line-height:normal !important}
main.shopdetail .option_tk select{width:100% !important;height:48px !important;margin:0 !important;padding:0 34px 0 12px !important;border:1px solid #ccc !important;border-radius:4px !important;background-color:#fff;background-position:right 14px center !important;box-sizing:border-box;color:#222;font-size:14px !important;line-height:46px !important}

/* 아래 고정 구매 바 위치 : 닫힘 = 탭바 위 65px, 패널 열림 = 패널 맨 위에 붙임 (JS 의 0/65 토글은 제거함) */
main.shopdetail .shopdetailInfoBottom .fixed-btn.fixed{bottom:65px}
main.shopdetail .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed{top:auto;bottom:auto}
/* 옵션 패널이 열려 있는 동안 채널톡(가자톡) 버튼 숨김 : gj-opt-open 은 JS 가 붙임 */
html.gj-opt-open #ch-plugin-entry{display:none !important}

/* 옵션 패널 손잡이 : 둥근 시트 + 회색 막대 (10/13 재훈 선택 B안). 모바일 4px 모서리 규칙의 예외.
   흰 탭 이미지(btn_down.png)는 양옆이 비어 떠 보이고 탭 밑에 회색 이음선이 생겨서 뺐다.
   그림자는 위로만 보낸다 (아래로 번지면 옵션 칸 위에 회색 줄이 생김) */
main.shopdetail .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed{height:32px;padding:0 !important;box-sizing:border-box;background:#fff !important;border-radius:14px 14px 0 0;box-shadow:0 -6px 12px -6px rgba(0,0,0,.18);cursor:pointer}
main.shopdetail .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed::before{content:"";position:absolute;left:50%;top:13px;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#d4d4d4}
main.shopdetail .shopdetailInfoBottom .option_area.fixed .option_tk{position:relative;padding-top:4px !important}
main.shopdetail .shopdetailInfoBottom .option_area.fixed .option_tk .shopdetailInfoSelect{margin-top:0 !important}

/* BASIC css end */

