/* BASIC css start */
/* =========================================
   2026 TAVALON MOBILE
   PRODUCT DETAIL
========================================= */


/* =========================================
   PRODUCT IMAGE
========================================= */

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


/* =========================================
   PRODUCT META
   ±âÁ¸ ¸ð¹ÙÀÏ ¹è¿­ À¯Áö
========================================= */

.shopdetailInfoValue .product_meta .shopdetailInfoCont {
    white-space:normal;
    word-break:keep-all;
    overflow-wrap:break-word;
}


/* =========================================
   ONE CLICK DEFAULT
========================================= */

.MK-oneclick-only-text li.MK-oneclick-text span {
    font-size:.6875rem;
}

.MK-oneclick-value {
    font-size:.6875rem;
}


/* =========================================
   OPTION DEFAULT
========================================= */

.option_tk .product-opt {
    margin:10px 0;
}

.option_tk .add-opt_item {
    margin:10px 0;
}

.option_tk .shopdetailInfoSelect {
    margin-top:10px;
}

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

.shopdetailInfoOneclick {
    background:#fff !important;
}


/* =========================================
   TEA SELECT
========================================= */

.option_tk .shopdetailInfoOneclick {
    display:block !important;
    width:100% !important;
    margin:22px 0 10px !important;
    clear:both;
}

.option_tk
.shopdetailInfoOneclick > .shopdetailInfoName {
    display:block !important;
    float:none !important;
    width:100% !important;
    margin:0 0 12px !important;
    padding:0 !important;
    clear:both;
}

.option_tk
.shopdetailInfoOneclick > .shopdetailInfoList {
    display:block !important;
    float:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    clear:both;
}


/* =========================================
   TEA OPTION
   2 COLUMN
========================================= */

.option_tk
.shopdetailInfoOneclick
.MK-oneclick-list {
    display:flex !important;
    flex-wrap:wrap !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    gap:10px;

    box-sizing:border-box;
}

.option_tk
.shopdetailInfoOneclick
.MK-oneclick-list
li.MK-oneclick-image {
    display:block !important;
    float:none !important;

    width:calc(50% - 5px) !important;
    max-width:calc(50% - 5px) !important;

    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    box-sizing:border-box;
}

.option_tk
.shopdetailInfoOneclick
.MK-oneclick-list
li.MK-oneclick-image a {
    display:block !important;

    width:100% !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    border:1px solid #e5e5e5;

    box-sizing:border-box;
}

.option_tk
.shopdetailInfoOneclick
.MK-oneclick-list
li.MK-oneclick-image a img {
    display:block !important;

    width:100% !important;
    max-width:none !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:contain;
}

.option_tk
.shopdetailInfoOneclick
.MK-oneclick-list
li.MK-oneclick-image.MK-oneclick-sel a {
    border-color:#222;
}


/* =========================================
   FIXED BUY
========================================= */

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


/* =========================================
   SIMPLE PAY
========================================= */

.shopdetailButton .simplePayBtn {
    width:100%;

    padding:15px 5% 0;

    box-sizing:border-box;

    text-align:center;
}

.shopdetailButton
.simplePayBtn
.member-login-marker {
    display:none;
}

.shopdetailButton
.simplePayBtn
.simplepay_item {
    display:flex;

    align-items:center;
    justify-content:center;

    width:100%;

    margin:0 auto 15px;

    text-align:center;
}

.shopdetailButton
.simplePayBtn
.simplepay_item > * {
    margin-left:auto !important;
    margin-right:auto !important;
}

.shopdetailButton
.simplePayBtn
.naver-checkout {
    margin-left:auto !important;
    margin-right:auto !important;

    text-align:center;
}


/* =========================================
   DETAIL COMMON
========================================= */

.shopdetail .shopdetailItem {
    width:100%;
}

.shopdetail
.shopdetailItem
.product_detail_outer {
    width:100%;

    box-sizing:border-box;
}

.shopdetail
.shopdetailItem
.detail_head {
    padding:55px 5% 22px;

    box-sizing:border-box;
}

.shopdetail
.shopdetailItem
.detail_head h3 {
    margin:0;
    padding:0;

    color:#222;

    font-family:"Noto Sans KR", sans-serif;

    font-size:20px;
    line-height:1.4;

    font-weight:600;
}


/* =========================================
   PRODUCT DETAIL
========================================= */

.shopdetail
.shopdetailItem
.shopdetail_Content
.detail_item {
    padding:0;
}

.shopdetail
.shopdetailItem
.shopdetail_Content
.detail_item img {
    max-width:100%;
    height:auto;
}


/* =========================================
   COMMON INFO
========================================= */

.shopdetailCommoninfo dl {
    margin-bottom:10px;
}

.shopdetailCommoninfo dl dt {
    padding-bottom:5px;

    font-weight:600;
}


/* =========================================
   PURCHASED PRODUCT
========================================= */

#purchased_product_tk {
    width:100%;

    padding:0 0 50px;

    overflow:hidden;

    box-sizing:border-box;
}

#purchased_product_tk .detail_head {
    padding:55px 5% 20px;
}


/* =========================================
   PURCHASED SLIDER
========================================= */

#purchased_product_tk .purchased_slider {
    width:100%;

    overflow-x:auto;
    overflow-y:hidden;

    padding-left:5%;

    box-sizing:border-box;

    -webkit-overflow-scrolling:touch;

    scrollbar-width:none;

    scroll-behavior:smooth;

    overscroll-behavior-x:contain;
}

#purchased_product_tk
.purchased_slider::-webkit-scrollbar {
    display:none;
}


/* =========================================
   PURCHASED TRACK
========================================= */

#purchased_product_tk .purchased_track {
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-start;

    width:max-content;

    margin:0 !important;
    padding:0 5% 0 0 !important;

    gap:8px;

    box-sizing:border-box;
}


/* =========================================
   2 + HALF PRODUCT
========================================= */

#purchased_product_tk .purchased_item {
    display:block !important;

    flex:0 0 33vw !important;

    width:33vw !important;
    max-width:33vw !important;

    margin:0 !important;
    padding:0 !important;

    list-style:none;

    box-sizing:border-box;
}


/* =========================================
   FIGURE
========================================= */

#purchased_product_tk figure {
    display:block;

    width:100%;

    margin:0 !important;
    padding:0 !important;
}


/* =========================================
   IMAGE
========================================= */

#purchased_product_tk .purchased_thumb {
    display:block;

    width:100%;

    overflow:hidden;
}

#purchased_product_tk
.purchased_thumb .listPic {
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    height:auto !important;

    margin:0 !important;
    padding:0 !important;
}


/* =========================================
   INFO
========================================= */

#purchased_product_tk .purchased_info {
    padding:10px 0 0;

    text-align:left;
}

#purchased_product_tk .purchased_check {
    display:none;
}

#purchased_product_tk .purchased_name {
    margin:0 0 5px;

    color:#222;

    font-size:12px;
    line-height:1.45;

    font-weight:500;

    word-break:keep-all;
}

#purchased_product_tk .purchased_name a {
    color:#222;
}

#purchased_product_tk .purchased_price {
    margin:0;

    color:#222;

    font-family:"Montserrat", sans-serif;

    font-size:13px;
    line-height:1.4;

    font-weight:600;
}

#purchased_product_tk .purchased_discount {
    margin:3px 0 0;

    color:#777;

    font-family:"Montserrat", sans-serif;

    font-size:11px;
    line-height:1.4;
}


/* =========================================
   PURCHASED PROGRESS
========================================= */

#purchased_product_tk .purchased_progress {
    position:relative;

    width:90%;
    height:2px;

    margin:25px auto 0;

    background:#eee;

    overflow:hidden;
}

#purchased_product_tk
.purchased_progress span {
    display:block;

    width:20%;
    height:100%;

    position:absolute;

    top:0;
    left:0;

    background:#222;

    transform:translateX(0);

    transition:transform .25s ease;
}


/* =========================================
   PRODUCT INFO
========================================= */

.shopdetail .shopdetailNotify {
    margin-top:20px;

    border-top:1px solid #eee;
}

.shopdetail
.shopdetailNotify
.detail_item {
    padding:0 5% 30px;

    box-sizing:border-box;
}

.shopdetail .shopdetailNotifyInfo {
    margin:0;
    padding:0;
}

.shopdetail
.shopdetailNotifyInfo dt {
    padding:14px 0 5px;

    color:#555;

    font-size:13px;
    line-height:1.6;

    font-weight:500;
}

.shopdetail
.shopdetailNotifyInfo dd {
    margin:0;

    padding:0 0 14px;

    color:#888;

    font-size:13px;
    line-height:1.7;

    border-bottom:1px solid #eee;
}


/* =========================================
   REVIEW
========================================= */

.shopdetail .shopdetailReview {
    margin-top:20px;

    border-top:1px solid #eee;
}

.shopdetail
.shopdetailReview
.detail_item {
    padding:0 5% 50px;

    box-sizing:border-box;
}


/* =========================================
   REVIEW HEAD
========================================= */

.shopdetailReview .review_head {
    display:flex;

    align-items:center;

    gap:10px;
}

.shopdetailReview
.review_head h3 {
    flex:0 0 auto;
}

.shopdetailReview
.review_head
.review_count {
    display:inline-block;

    color:#999;

    font-size:12px;
    line-height:1.4;

    font-weight:400;
}


/* =========================================
   REVIEW ALL
========================================= */

.shopdetailReview .review_util {
    width:100%;

    padding:0 0 10px;

    border-bottom:1px solid #e4e4e4;

    box-sizing:border-box;
}

.shopdetailReview
.review_util
.btn_review_more {
    display:flex;

    align-items:center;
    justify-content:center;

    width:100%;
    height:44px;

    border:1px solid #222;

    background:#fff;

    color:#222;

    font-size:13px;

    box-sizing:border-box;
}


/* =========================================
   REVIEW ACCORDION
========================================= */

.shopdetailReview
.list_board > ul {
    margin:0;
    padding:0;
}

.shopdetailReview
.list_board > ul > li {
    margin:0;
    padding:0;

    color:#424242;

    list-style:none;

    word-break:break-all;
}

.shopdetailReview
.list_board > ul > li > dl {
    position:relative;

    width:100%;

    margin:0;

    padding:16px 32px 16px 0;

    border-bottom:1px solid #eee;

    cursor:pointer;

    box-sizing:border-box;
}

.shopdetailReview
.list_board > ul > li > dl dt,
.shopdetailReview
.list_board > ul > li > dl dd {
    cursor:pointer;
}

.shopdetailReview
.list_board > ul > li > dl dt a {
    display:block;

    color:inherit;
}


/* =========================================
   REVIEW ARROW
========================================= */

.shopdetailReview
.list_board > ul > li > dl::after {
    content:"";

    position:absolute;

    top:50%;
    right:4px;

    width:7px;
    height:7px;

    margin-top:-6px;

    border-right:1px solid #777;
    border-bottom:1px solid #777;

    transform:rotate(45deg);

    transition:transform .2s ease;

    pointer-events:none;
}

.shopdetailReview
.list_board > ul > li.active > dl::after {
    margin-top:-1px;

    transform:rotate(225deg);
}


/* subject */

.shopdetailReview
.list_board > ul > li > dl h4 {
    margin:0;
    padding:0;

    color:#222;

    font-size:14px;
    line-height:1.5;

    font-weight:500;
}


/* rating */

.shopdetailReview
.list_board > ul > li > dl .rating {
    margin-top:6px;
}


/* writer date */

.shopdetailReview
.list_board > ul > li > dl .info {
    margin-top:7px;

    color:#999;

    font-size:11px;
}


/* review content */

.shopdetailReview
.list_board > ul > li > .cont_wrap {
    display:none;

    padding:18px 0;

    border-bottom:1px solid #eee;

    color:#555;

    font-size:13px;
    line-height:1.7;
}

.shopdetailReview
.list_board > ul > li > .cont_wrap img {
    max-width:100%;

    height:auto;

    padding-bottom:5px;
}


/* =========================================
   COMMENTS
========================================= */

.MS_cmt_list_box {
    color:#656565;
}

.MS_cmt_list_box .comment_list {
    padding:5px;

    border:1px solid #cecece;
    border-bottom:0;

    background:#fff;
}

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

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


/* =========================================
   PASSWORD
========================================= */

#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 input[type="password"] {
    width:80%;
    height:35px;

    border-right:0;

    border-radius:3px 0 0 3px;

    box-sizing:border-box;
}

.list_board input[type="button"] {
    float:right;

    width:20%;
    height:35px;

    border:1px solid #444;

    border-radius:0 3px 3px 0;

    background:#444;

    color:#fff;

    box-sizing:border-box;
}


/* =========================================
   NEW HIT
========================================= */

.list_board
ul li dl h4 .new,
.list_board
ul li dl h4 .hit {
    display:inline-block;

    width:15px;
    height:15px;

    color:#fff;

    font-size:.875em;
    line-height:15px;

    text-align:center;

    border-radius:3px !important;
}

.list_board
ul li dl h4 .new {
    background:#5cb7fa;
}

.list_board
ul li dl h4 .hit {
    background:#ff912c;
}


/* =========================================
   MODIFY
========================================= */

.list_board
ul li
.cont_wrap
.comment_modify {
    margin-top:5px;

    text-align:right;
}

.list_board
ul li
.cont_wrap
.comment_modify a {
    display:inline-block;

    width:45px;
    height:20px;

    border:1px solid #444;

    border-radius:3px;

    background:#fff;

    font-size:.875em;
    line-height:20px;

    text-align:center;
}


/* =========================================
   EMPTY REVIEW
========================================= */

.shopdetailReview .empty-board {
    padding:25px 0;

    color:#999;

    text-align:center;
}


/* =========================================
   EVENT
========================================= */

.detail-common-info-event {
    padding-bottom:40px;
}

.detail-common-info-event img {
    max-width:100%;

    height:auto;
}
/* BASIC css end */