@charset "UTF-8";


.ico-360{background-image: url('../images/icons/360view-v3.svg'); width: 30px; height: 30px;}
.ico-gallery{background-image: url('../images/icons/gallery-v3.svg'); width: 30px; height: 30px; background-size: 28px auto;}
.ico-video{background-image: url('../images/icons/videos-v3.svg'); width: 30px; height: 30px; background-size: 28px auto;}
.ico-drawing{background-image: url('../images/icons/drawings-v3.svg'); width: 30px; height: 30px; background-size: 28px auto;}
.ico-ar{background-image: url('../images/icons/ar-space-v2.svg'); width: 30px; height: 31px;}
.ico-help{background-image: url('../images/icons/cs.svg'); width: 18px; height: 18px;}
.ico-reset{background-image: url('../images/icons/refresh.svg'); width: 19px; height: 17px;}
.ico-wish{background-image: url('../images/icons/heart-empty.svg'); width: 33px; height: 26px;}
.ico-share{background-image: url('../images/icons/share.svg'); width: 23px; height: 26px;}

/**********
* ## LIST
**********/

.nav-cate{display: none;}
.cate-list{border-top: 1px solid #e3e3e3; position: relative; padding: 0 1.5rem; overflow: hidden;}
.cate-swiper{margin-right: 4.8rem;}
.cate-list ul li{width: auto;}
.cate-list ul li a{padding: 1.2rem 0; display: inline-block; color: #a0a0a0;}
.cate-list ul li a.active{color: #0d0d0d;}
.cate-list button{position: absolute; right: 1.5rem; top: 0; height: 4.8rem; width: 4.8rem; z-index: 1; background-color: #fff;}

#section-models{padding-top: max(5rem, var(--vw-100));}

.section-banner{margin-bottom: max(4rem, var(--vw-120)); position: relative; display: flex; background-color: #28282a; height: max(32rem, var(--vw-680));}
.section-banner .cont{width: 41.207%; color: #eceae5;}
.section-banner .cont .in{position: absolute; width: 100%; height: 100%; display: flex; align-items: center;}
.section-banner .media{width: 58.793%; margin: 0; padding: 0; border: 0;}
.section-banner .media img{width: 100%; height: 100%; object-fit: cover;}
.section-banner .inner{position: relative; max-width: max(30rem, 30vw);}
.section-banner .cont h2{font-size: clamp(2.8rem, var(--font-42), 5.4rem); font-weight: 600;}
.section-banner .cont .title{font-size: clamp(1.6rem, var(--font-24), 2.4rem); margin-top: 3rem;}
.section-banner .cont .desc{margin-top: 0.5rem; font-size: clamp(1.6rem, var(--font-20), 2rem); margin-top: 3rem;}


.section-tabs{border-bottom: 1px solid #a0a0a0; background-color: #fff;}
.section-tabs ul{display: flex;}
.section-tabs ul li{border: 1px solid #c3c3c3; line-height: 1; border-left: 0; border-bottom: 0; position: relative;background-color: #fff;}
.section-tabs ul li:first-child{border-left: 1px solid #c3c3c3;}
.section-tabs ul li.active a{color: #0d0d0d; font-weight: 600;}
.section-tabs ul li.active{border-color: #a0a0a0; border-left: 1px solid #a0a0a0; margin-left: -1px;}
.section-tabs ul li.active::after{content: ''; position: absolute; left: 0; bottom: -1px; height: 1px; background-color: #fff; width: 100%; z-index: 1;}
.section-tabs ul li a{color: #c3c3c3; display: block; font-size: clamp(1.6rem, var(--font-20), 2rem); padding: 1.65rem 5.96rem; transition: all .3s .1s ease;}

.list-search-wrap{position: relative; text-align: center; margin-bottom: max(4rem, var(--vw-100));}
.list-search-wrap .inner{border-bottom: 1px solid #a0a0a0; display: flex; align-items: center; padding-bottom: 1rem; margin-bottom: 4rem;}
.list-search-wrap .inner .label{font-size: clamp(1.6rem, var(--font-20), 2rem); font-weight: 600;}
.list-search-wrap .inner .label .btn-reset{display: none;}
.list-search-wrap .inner ul{display: flex; margin-left: 20px;}
.list-search-wrap .inner ul li{position: relative;}
.list-search-wrap .inner ul li a{display: flex; align-items: center; padding: 0 1.5rem; line-height: 1; color: #c3c3c3; transition: all .3s ease; position: relative; height: 3rem;}
.list-search-wrap .inner ul li a:hover{color: #a0a0a0; }
.list-search-wrap .inner ul li span{display: inline-flex; border-radius: 50%; width: 2rem; height: 2rem; font-size: 12px; font-weight: 600; color: #eceae5; background-color: #28282a; align-items: center; justify-content: center; margin-left: 5px; position: absolute; right: -0.8rem; z-index: 2;}
.list-search-wrap .inner ul li span.hide{display: none}
.list-search-wrap .inner ul li span:hover{background: #0d0d0d url('../images/icons/ico-close-w.png') no-repeat center/cover; text-indent: -999px; background-size: 10px auto;}
.list-search-wrap .inner ul li + li{margin-left: 1rem;}
.list-search-wrap .inner ul li a.active{border-color: #0d0d0d; color: #0d0d0d;}
.list-search-wrap .inner ul li a.active::after{content: ''; position: absolute; bottom: -11px; left: 0; height: 1px; width: 100%; background-color: #0d0d0d;}


.search-result{background-color: #8f1d22; border: 1px solid #cbcbcb; padding: 2rem; margin-top: -1px;}
.search-result .item{background-color: #f8fdf9; border-radius: 4px; color: #1f5c25; height: 5rem; line-height: 5rem; padding: 0 2.1rem; display: inline-flex; align-items: center;}
.search-result .item + .item{margin-left: 2rem;}
.search-result .item  .close{background: url('../images/icons/check-cancle-g.png') no-repeat center/cover; width: 15px; height: 15px; margin-left: 1.8rem;}

.grid-filter{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; pointer-events: none; opacity: 0; display: none; transition: all .3s ease;}
.grid-filter .item a{background-color: #fff; border: 1px solid #e3e3e3; padding: 3rem 2rem; display: flex; align-items: center; justify-content: center; transition: background-color .2s ease, border-color .2s ease; height: max(6rem, var(--vw-120)); max-height: 120px;}
.grid-filter .item a:hover{border-color: #a0a0a0;}
.grid-filter .item a.active{background-color: #eceae5; border-color: #a0a0a0;}
.grid-filter .item .text{font-weight: 600; }

.grid-filter a.with-img .text{width: calc(100% - max(4rem, var(--vw-60))); text-align: left;}
.grid-filter a.with-img{justify-content: space-between; padding: 2rem; padding-right: 0;}
.grid-filter a.with-img .image{display: block; width: max(4rem, var(--vw-60)); height: max(4rem, var(--vw-60)); overflow: hidden;}
.grid-filter a.with-img .image img{width: auto; max-width: 100%;}

/* .grid-filter.with-img[data-filter-grid="filter-color"] .text{width: calc(100% - max(3rem, 5rem));} */
.grid-filter[data-filter-grid="filter-color"] a.with-img .image{width: max(3rem, var(--vw-50)); height: max(3rem, var(--vw-50)); border-radius: 50%;}
.grid-filter[data-filter-grid="filter-color"] a.with-img{padding-right: 2rem;}

.grid-filter.active{opacity: 1; pointer-events: visible; max-height: 500px; display: grid;}


.list-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: max(3rem, var(--vw-40)); padding: 1rem 3rem; background-color: #fafafb;}
.list-header .list-total{display: flex; align-items: center;}
.list-header .list-total strong{font-weight: 600;}
.btn-reset{border: 1px solid #e3e3e3; font-size: 12px; padding: 8px 12.5px; background-color: #fff; font-weight: 600; margin-left: 2rem; opacity: 0; pointer-events: none;}
.btn-reset.on{opacity: 1; pointer-events: auto;}
.list-header .order-wrap{margin: 0;}
.order-wrap .select-box{border: 0; width: auto;}
.order-wrap .btn-select{background-color: transparent; border: 0; color: #0d0d0d; font-weight: 500; padding: 0 2rem 0 1rem;}
.order-wrap .select-box .select-list{box-shadow: none; border-radius: 0; border-color: #a0a0a0; width: 120px; left: -20px; padding: 0.5rem 2rem;}
.order-wrap .select-box .select-list a{color: #a0a0a0; text-align: left; line-height: 1; padding: 1rem 0;}
.order-wrap .select-box .select-list a:hover{color: #0d0d0d; font-weight: 500; background-color: transparent;}


.grid-list{row-gap: 60px; column-gap: 20px;}
.grid-list.empty{display: block;}
.grid-list .item{/* margin-bottom: 1rem; padding-bottom: 2rem; */ position: relative;}
.grid-list .item:hover .grid-image{-webkit-box-shadow:inset 0px 0px 0px 2px #7fc844; -moz-box-shadow:inset 0px 0px 0px 2px #7fc844; box-shadow:inset 0px 0px 0px 2px #7fc844;}
.grid-list .item a{display: block; position: relative;}
.grid-list .item .grid-image{margin-bottom: 1rem; position: relative;}
.grid-list .item .grid-image a:after{content: ''; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #e3e3e3; position: absolute; top: 0; left: 0; z-index: 0;}
.grid-list .item .grid-image img{width: 100%; height: auto;}
.grid-list .item .grid-image .hover{opacity: 0; transition: opacity .3s ease; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.grid-list .item .grid-image:hover .hover{opacity: 1; background-color: #eee;}

.grid-list .item .grid-content{position: relative;}
.grid-list .item .grid-content .category{font-weight: 600;}
/* .grid-list .item .grid-title{margin-bottom: 0.5rem; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} */
.grid-list .item .grid-content .grid-category{font-weight: 600; margin-bottom: 5px;}
.grid-list .item .grid-content .grid-title{margin-bottom: 0.5rem; max-width: 100%; font-weight: 600; font-size: clamp(1.4rem, var(--font-24), 2.4rem);}
.grid-list .item .grid-content .grid-price{font-size: clamp(1.4rem, var(--font-20), 2rem);}
.grid-list .item .grid-content .grid-desc{font-size: clamp(1.4rem, var(--font-16), 1.6rem); margin: 0.5rem 0; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.grid-list .item .grid-content .grid-desc + .grid-desc{margin-top: max(1.5rem, var(--vw-30));}
.grid-list .item .grid-content .grid-review{display: flex; align-items: center; margin-top: 1.5rem;}
.grid-list .item .grid-content .grid-review span{display: inline-block; line-height: 1.3;}
.grid-list .item .grid-content .grid-review .star{background: url('../images/icons/star-black.svg'); width:18px; height:17px; margin-right: 5px;}


.grid-acc{grid-template-columns: 1fr 1fr 1fr 1fr 1fr; row-gap: 40px; column-gap: 20px; }
.grid-acc .item .grid-image{border: 1px solid #e3e3e3; margin-bottom: 1rem; position: relative; text-align: center;}
.grid-acc .item .grid-image img{width: 100%; height: auto; max-width: 273px; height: 152px; object-fit: cover;}
.grid-acc .item .grid-content{position: relative;}
.grid-acc .item .grid-content .grid-title{max-width: 100%; font-size: 1.6rem}


.sit-add {margin-top: 0; padding-top: 4rem; border-top: 1px solid #e3e3e3;}
.sit-add .item .grid-image img{height: 140px;}
.sit-add .section-header{margin-bottom: 2.5rem;}
.sit-add .section-header h4{font-size: clamp(1.6rem, var(--font-20), 2rem); font-weight: 600;}
.sit-add .grid-acc{margin-bottom: 4rem; grid-template-columns: 1fr 1fr 1fr;}


.grid-date{color: #666;}

/* .shop-list .grid-list .item .grid-title{overflow: visible; text-overflow: unset; white-space: wrap;} */

.ico-soldout {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.4);text-align:center;line-height:215px;color:#fff;letter-spacing:1px; display: flex; align-items: center; justify-content: center;}
.ico-soldout .text{font-size: clamp(1.8rem, var(--font-24), 2.4rem); font-weight:600;}
.shop_icon_coupon {background:#d45959}

.grid-badge{position: absolute; right: 10px; top: 10px;}
.grid-badge span{display: block;}
.grid-badge span + span{margin-top: 5px;}
.badge-round{background-color: #ffb700; padding: 0; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; font-weight: 600;}

.grid-badge.type{text-align: right;}
.grid-badge.type .badge{padding: 0; width: 60px; height: 30px; line-height: 30px; font-size: 12px; letter-spacing: -0.35px; margin-left: auto; border-radius: 20px; font-weight: 600;}

.badge-new{background-color: #fff5fe; color: #cc29bf;}
.badge-best{background-color: #f5fdff; color: #0bc1e5;}
.badge-sale{background-color: #f8ffe5; color: #a2d90b;}
.grid-badge.type .badge-event{background-color: #0bc1e6; border: 1px solid #3399cc; color: #fff; width: 60px;}

.grid-content .grid-badge{ right: 0; top: 0;}
.grid-content .grid-badge button + button{margin-left: 0.5rem;}


.sct_cartop_wr {position:absolute;top:0;left:0;z-index:9999;width:100%;height:100%;padding:1.5rem; text-align:left;background:rgba(0,0,0,0.4);opacity:0.9}
.sct_cartop_wr label{color: #fff;}
.sct_cartop_wr .it_option + label{margin-top: 1rem;}
.sct_cartop_wr .it_option {width:100%; background-color: #fff; margin-bottom: 1rem;}
.sct_cartop_wr .cartopt-cart {margin-top:1.5rem; background:#343434; color:#fff;}
.sct_cartop_wr .cartopt-close {border:1px solid #343434; background:#fff; margin-top: 1rem;}
.sct_cartop_wr button{height: 4rem; width:100%;}


/**********
* ## List Type
**********/
.page-shop-listtype .section-banner{margin-bottom: 0;}


/**********
* ## Item
**********/

#sit {margin:0 0 10px}
.sit_admin {position:absolute;right:0;top:2px;text-align:right}
.sit_admin a {line-height:35px;padding:0 10px}
.sit_empty {padding:60px 0;text-align:center}

.is_search #wrapper_title, .is_item #wrapper_title{display:none}

/* 상품 상세보기 - 개요 */
#sit_ov_from {clear:both;}
#sit_ov_wrap {background-color: #fff; width: 100%; position: relative;}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#sit_ov_from .breadcrumb{margin: 0; padding: 0 0 2rem;}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi { width: 45%; margin-right: 5%; display: block; position: sticky;  float: left; top: 0;}
#sit_pvi.with-thumb{top: 17rem;}
#sit_pvi_big {text-align:center; position: relative; width: 100%;}
#sit_pvi.with-thumb #sit_pvi_big{width: calc(100% - 106px); }
#sit_pvi_big .swiper-slide a{display: block;}
#sit_pvi_big #popup_item_image {display:inline-block;position:absolute;bottom:0;right:0;width:43px;height:43px;line-height:43px;background:#fff;color:#8c9195;border:1px solid #e0e0e0;font-size:1.4em}
#sit_pvi_big img {/* max-width: max(40rem, 27vw); */height:auto; width: 100%; height: 100%; max-width: 614px; max-height: 461px; object-fit: cover; background-color: #fff;}
#sit_pvi_big .grid-badge{right: 2rem; top: 2rem;}
.item-swiper .swiper-paging{display: none;}

#sit_pvi_thumb{margin: 0 auto; padding:0 2rem; position: relative; margin-top: 10px; max-width: 444px;}
#sit_pvi_thumb:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_thumb .pvi-swiper{max-width: 404px;}
#sit_pvi_thumb li{position: relative; width: 86px;}
#sit_pvi_thumb li a{text-decoration: none; /* height: 88px; display: flex; align-items: center; justify-content: center; */}
#sit_pvi_thumb li a .border{display: none; position: absolute; top: 0; left: 0; width: 86px; height: 86px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #a0a0a0;}
#sit_pvi_thumb li a:hover .border{display: block;}


.swiper-control{text-align: center; position: absolute; left: 0; top: 50%; width: 100%;} 
.swiper-control button{text-indent: -9999px; background-position: center; top: 50%; width: 18px; height: 32px; background-size: cover; position: absolute; margin-top: -16px;}

.swiper-control .btn-swiper-prev{background-image: url('../images/icons/arw-l-b.svg'); left: -2rem;}
.swiper-control .btn-swiper-next{background-image: url('../images/icons/arw-r-b.svg'); right: -2rem;}
.swiper-control .btn-swiper-prev.swiper-button-disabled{opacity: 0.5;}
.swiper-control .btn-swiper-next.swiper-button-disabled{opacity: 0.5;}

#sit_pvi_nwbig {padding:10px 0;text-align:center}
#sit_pvi_nwbig span {display:none}
#sit_pvi_nwbig span.visible {display:inline}
#sit_pvi_nw ul {margin:0 0 20px;text-align:center;padding:0 10px;list-style:none}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_nw li {display:inline-block;margin:0 0 1px 1px}
#sit_pvi_nw li img {width:60px;height:60px}

.sit_ov_tbl .pvi-review{display: none}

.sit-pvi{display: none;}

.pvi-info{position: relative; margin-top: 4rem;}
.pvi-review{display: flex; align-items: center; justify-content: center;}
.pvi-review .label{position: relative; margin-right: 10px; padding-right: 10px; line-height: 1.3;}
.pvi-review .label::after{content: ''; position: absolute; right: 0; top: 15%; height: 80%; width: 1px; background-color: #0d0d0d;}

.star-wrap{display: flex; align-items: center;}
.star-wrap .star{background: url('../images/icons/star-black.svg'); width:18px; height:17px; margin-right: 5px; display: inline-block;}
.star-wrap .count{line-height: 1.3;}

.pvi-short{}
.pvi-short ul{display: flex; align-items: center; justify-content: center;}
.pvi-short ul li{margin-top: 4rem;}
.pvi-short ul li + li{margin-left: max(3rem, var(--vw-60));} 
.pvi-short ul li a{display: block; text-align: center;}
.pvi-short ul li p{margin-top: 5px;}

.ar-box{background-color: #fafafb; display: flex; align-items: center; justify-content: center; margin-top: max(2rem, var(--vw-40)); padding: 5px;}
.ar-box .text{color: #28282a; margin-left: 1rem;}

.pvi-help{margin-top: 4rem; border: 1px solid #e3e3e3; padding: 2rem; text-align: center;}
.pvi-help > div{display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;}
.pvi-help > div .text{font-weight: 600; margin-left: 5px;}
.pvi-help .link-wrap{margin-top: 2.5rem; display: flex; align-items: center; justify-content: center;}
.pvi-help .link-wrap a{position: relative; font-weight: 600; line-height: 1;}
.pvi-help .link-wrap a:hover{text-decoration: underline;}
.pvi-help .link-wrap a + a{margin-left: 20px; padding-left: 20px;}
.pvi-help .link-wrap a + a::before{content: ''; position: absolute; left: 0; top: 15%; height: 80%; width: 1px; background-color: #0d0d0d;}




/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {float: left; display: block; width: 50%; position: sticky; top: 30px; }
/* #sit_ov h3 {position: absolute; font-size: 0; text-indent: -9999em; line-height: 0; overflow: hidden;} */
#sit_ov h3 {font-size: 1.6rem; font-weight: 400; margin-bottom: 1rem; color: #888;}

.sit-header{position: relative;}
.sit-header .sit-brand-logo{margin-bottom: 1.8rem;}
.sit-header .sit-brand-logo a{display: flex; align-items: center;}
.sit-header .sit-brand-logo img{max-width: 92px; margin-right: 10px;}

.step-category{font-size: clamp(1.6rem, var(--font-20), 2rem); color: #0a0a0a; margin-bottom: 1rem;}
#sit_title {font-size: clamp(2rem, var(--font-36), 3.6rem); font-weight: 400; line-height: 1.3;}
#sit_desc {margin:10px 0 5px;padding:0;color:#474747;font-size:1.167em}
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sit_star_sns {position:relative}
#sit_star_sns span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0}
#sit_star_sns .sit_star {position:relative;top:-2px;margin:0 5px 0 0}

#sit_star_sns .star-score-wrap{margin-top: 1rem;}
.star-score-wrap{display: flex; align-items: center; }
.total-avg {font-size: 2rem; font-weight: 600; margin-left: 1rem; line-height: 1; }
.total-star-wrap {background-image: url("../images/common/star-set.png"); background-size: 23.4rem 1.8rem; width: 11.7rem; height: 1.8rem; display: block; background-position: -12rem 0; background-repeat: no-repeat; }
.total-star {background-position: 0; overflow: hidden; white-space: nowrap; text-indent: 100%; background-image: url("../images/common/star-set.png"); display: block; width: 11.4rem; height: 1.8rem; background-size: 23.4rem 1.8rem;}

#sit_btn_opt a {display:inline-block;vertical-align:middle}
#sit_btn_opt .btn_sns_share {float:left;background:transparent;width:35px;height:26px;border:0;color:#4b5259;font-size:1.6em;font-weight:bold}
#sit_btn_opt .btn_sns_share:hover {color:#3a8afd}
#sit_btn_opt .sns_area {display:none;position:absolute;top:45px; right:0; text-align:center;background:#fff;border:1px solid #e2e2e2; padding:15px;z-index:10; border-radius: 4px;}
#sit_btn_opt .sns_area.on{display: flex;}
#sit_btn_opt .sns_area:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #e2e2e2 transparent}
#sit_btn_opt .sns_area:after {content:"";position:absolute;top:-7px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
#sit_btn_opt .sns_area a {display:inline-flex;width:30px;height:30px;line-height:30px; text-align:center;border-radius:50%; align-items: center; justify-content: center;}
#sit_btn_opt .sns_area a img {width:100%; }
#sit_btn_opt .sns_area a + a{margin-left: 7px;}
#sit_btn_opt .sns_area #sit_btn_rec {font-size:15px}
#sit_btn_opt .sns_area .share-facebook {background:#415b92}
#sit_btn_opt .sns_area .share-twitter {background:#000}
/* #sit_btn_opt .sns_area .share-facebook img{height: 24px; width: auto;} */

#sit_btn_opt {position:absolute;right:0;top:0}
#btn_wish {float:left; position:relative; padding-right:5px; margin-right: 20px; color:#4b5259; width:35px;height:26px;text-align:center;font-size:1.25em;font-weight:bold}
#btn_wish i {font-size:1.6em;font-weight:bold}
#btn_wish .btn_wish_num {position:absolute;right:0;bottom:-2px;margin:0;padding:0 2px;height:17px;line-height:15px;border-radius:30px;background:#fff;color:#4b5259;font-size:0.75em; display: none;}

.sit-table-wrap {border-bottom: 1px solid #e3e3e3;}

.alert-line{display: flex; align-items: center;}
.alert-line .btn-icon-wrap{font-size: 12px; font-weight: 600; margin-left: 3rem;}

.sit_ov_tbl {width:100%;border:0;border-collapse:collapse; }
.sit_ov_tbl th {font-weight:normal;text-align:left; width: 25.125%; margin-right: 15px; border-bottom:1px solid #e3e3e3; font-size: clamp(1.6rem, var(--font-20), 2rem); font-weight: 600;}
.sit_ov_tbl td {padding:3.5rem 0; border-bottom:1px solid #e3e3e3}
.sit_ov_tbl td strong {font-size: clamp(2.4rem, var(--font-24), 2.4rem); }
.sit_ov_tbl td strong.disp-price{display: inline-block; line-height: 1;}
.sit_ov_tbl .cust strong{color: #777; font-size: clamp(1.6rem, var(--font-18), 1.8rem); text-decoration: line-through; font-weight: 400;}
.sit_ov_tbl .cust span{display: inline-block; margin-right: 10px;}
.sit_ov_tbl tr:last-child th, .sit_ov_tbl tr:last-child td{border-bottom: 0;}
.sit_ov_tbl tr:first-child td{padding-top: 2.5rem;}
.sit_ov_ro {padding:2px 2px 3px;border:0;background:transparent;text-align:right;vertical-align:middle}
.sit_ov_opt {padding:2px 2px 3px;border:0;background:transparent;vertical-align:middle}
.sit_ov_input {margin:0 1px 0 0;padding:2px 2px 3px;border:1px solid #b8c9c2;background:transparent;vertical-align:middle}
#sit_ov_tbl button {margin:0 1px 0 0}
.sit_ov_tbl select{width:100%;}


.get_item_options{display: flex; align-items: center;}
.get_item_options label { width: 23.125%; margin-right: 15px; font-size: clamp(1.6rem, var(--font-20), 2rem); flex-shrink: 0; font-weight: 600;}
.get_item_options label + span{flex-grow: 1;}
.get_item_options + .get_item_options{margin-top: 1.5rem;}

.sit_option {padding:4rem 0;}
.sit_option + .sit_option{padding-top: 0;}
/* .sit_option label.label-title{display:none} */
.sit_option select {padding:0 10px; width: 100%; height: 4.8rem; line-height: 4.8rem; border-color: #e3e3e3; color: #a0a0a0;}
.sit_option select.on{border-color: #0d0d0d; color: #0d0d0d;}

.get_item_supply{display: flex; align-items: center;}
.get_item_supply label { width: 23.125%; margin-right: 15px; font-size: clamp(1.6rem, var(--font-20), 2rem); flex-shrink: 0; font-weight: 600;}
.get_item_supply label + span{flex-grow: 1;}
.get_item_supply + .get_item_supply{margin-top: 4rem;}

.supply-include{display: flex; margin-left: auto; font-weight: 300;}
.supply-include .label{font-weight: 600; color: #0d0d0d; width: 23.125%; margin-right: 15px; flex-shrink: 0; font-size: clamp(1.6rem, var(--font-20), 2rem);}
.supply-include .text{flex-grow: 1; display: flex; align-items: center;}


.sit_option h3 {font-size:1.083em}
.sit_sel_btn {position:relative} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {position:absolute;top:-51px;right:0 !important;right:15px}

#sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}


.sit-price{position: relative; border-top: 1px solid #e3e3e3; padding: 4rem 0; border-bottom: 1px solid #e3e3e3; margin-bottom: 4rem;}
.sit-price .line{display: flex; align-items: center;}
.sit-price .line .label { width: 23.125%; margin-right: 15px; font-size: clamp(1.6rem, var(--font-20), 2rem); flex-shrink: 0; font-weight: 600; font-family: 'Pretendard', sans-serif;}
.sit-price .line .text{flex-grow: 1;}
.sit-price .line + .line{padding-top: 4rem; margin-top: 4rem; border-top: 1px solid #e3e3e3;}

.sit-price .line .box{display: flex; }
.sit-price .line .box li{border: 1px solid #e3e3e3; flex: 1; text-align: center; padding: 1.8rem 0;}
.sit-price .line .box li div{line-height: 1;}
.sit-price .line .box li div strong{font-size: clamp(1.6rem, var(--font-20), 2rem);}
.sit-price .line .box li + li{border-left: 0;}
.sit-price .line .box li p{margin-top: 1rem; line-height: 1;}


#sit_tot_price {text-align:right; display: flex; align-items: center;  justify-content: space-between; }
#sit_tot_price span{margin-bottom: 6rem;}
#sit_tot_price span.label {font-size: clamp(1.6rem, var(--font-20), 2rem); font-weight: 600; display: inline-block;}
#sit_tot_price strong {font-size: clamp(2rem, var(--font-24), 2.4rem); margin-left:2rem; font-family: 'Pretendard', sans-serif;}

#sit_ov_soldout {padding:20px 0;margin:10px 0;color:#ff3061;background:#fff6f6;font-weight:600; text-align:center}

#sit_ov_btn{display: flex; justify-content: flex-end;}
#sit_ov_btn .btn{height:5.5rem; line-height: 5.5rem; font-size: clamp(1.6rem, 1.6rem, 2rem); padding: 0; font-weight: 600;}
.sit_btn_cart {background:#eceae5; color:#0d0d0d; width: 37%;}
.sit_btn_buy {background:#28282a; color:#fff; width: 37%; margin-left: 10px;}
/* .sit_btn_buy:hover {background:#2176f1} */
/* .sit_btn_cart:hover {background:#f3f3f3} */
#sit_btn_alm {display:inline-block;width:186px;height:50px;margin-left:5px;line-height:50px;margin-bottom:10px;font-weight:bold;font-size:1.25em;background:#d50c0c;border-radius:3px;color:#fff;border:0;text-align:center}

.sit_btn_wish {width: 20%; color:#0a0a0a; border:1px solid #cbcbcb; text-align:center; }
/* .sit_btn_wish:hover {color:red} */

/* 상품 상세보기 - 다른 상품 보기 */
#sit_siblings {clear:both;width:100%;border-top:1px solid #f1f3f6;background:#fff;text-align:center;position:relative}
#sit_siblings:after {display:block;visibility:hidden;clear:both;content:""}
#sit_siblings h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_siblings a {display:block;position:relative;padding:0;margin: 15px;line-height:35px;color:#999}
#sit_siblings a#siblings_prev {float:left;padding-left:20px}
#sit_siblings a#siblings_prev:after {content:"";background:url('img/sit_siblings.jpg') no-repeat;position:absolute;left:0;top:10px;width:10px;height:15px;display:inline-block}
#sit_siblings a#siblings_next {float:right;padding-right:20px}
#sit_siblings a#siblings_next:after {content:"";background:url('img/sit_siblings.jpg') -14px 0px no-repeat;position:absolute;right:0;top:10px;width:10px;height:15px;display:inline-block}
#sit_siblings a span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sit_info{width:100%;min-height:600px; margin-top: max(4rem, var(--vw-200)); margin-bottom: max(6rem, var(--vw-120)); background:#fff}
#sit_info:after {display:block;visibility:hidden;clear:both;content:""}

#sit_info section{padding: max(4rem, var(--vw-120)) 0;}
#sit_info #sit_inf{margin: 0; border-top: 0;}

#sit_tab {position: sticky; top: 0; z-index: 2; background-color: #fafafb;}
#sit_tab.sub-tab ul{justify-content: flex-start;}
#sit_tab ul li a{transition: padding .3s .1s ease; }
#sit_tab ul li a:hover{color: #a0a0a0;}
#sit_tab ul li a.active:hover{color: #0d0d0d;}
/* #sit_tab.sub-tab ul li{flex: 1;} */

#sit_tab.fixed{background-color: #f2f2f2;}
#sit_tab.fixed ul li{background-color: #f2f2f2;}
#sit_tab.fixed ul li a{font-size: 16px; padding: 1rem 3rem;}
/* #sit_tab:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tab .tab_tit {background:#fff; display: flex; align-items: center; justify-content: space-between; z-index: 1; position: sticky; top: 0;}
#sit_tab .tab_tit:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tab .tab_tit li {display:inline-block; flex: 1;}
#sit_tab .tab_tit li button {display:block;width:100%; height: 54px; position:relative; font-size:1.8rem; border:1px solid #cbcbcb; background:#fff; text-align:center; z-index:1}
#sit_tab .tab_tit li + li{margin-left: -1px;} */
/* #sit_tab .tab_tit li + li button::after{content: ""; position: absolute; top: 14px; left: 0; width: 1px; height: 26px; background: var(--m-colors-gray300, #e5e5e5);} */

/* #sit_tab .tab_tit li .selected {background:#fff;z-index:2; color:#000;font-weight:600;}
#sit_tab .tab_tit li .selected:before {content:"";position:absolute;left:0;bottom:-1px;width:100%;height:5px;background:#0a0a0a;display:inline-block} */
.tab_tit .item_review_count, .tab_tit .item_qa_count {display:inline-block;min-width:20px;height:20px;font-size:0.75em;line-height:20px;padding:0 5px;background:#eee;border-radius:10px;color:#777}



#sit_buy {position: fixed; bottom: 0; left: 0; right: 0; width: 100%; border-top: 1px solid #0d0d0d; background-color: var(--key-color); z-index: 10; opacity: 0; transition: opacity .3s ease; transform: translateY(0); visibility: hidden;}
.sit_buy_inner {position:relative; display: flex; justify-content: space-between; padding: 2.5rem 0 2rem;}
.sit_buy_inner .text p{font-size: 1.4rem; margin-top: 1rem;}
.sit_side_option {padding-bottom: 10px; }
.sit_side_option h3 {margin-bottom:10px}
.sit_side_option label {display:block;margin:0 0 5px;color:#666}
.sit_side_option label.label-title{display:none}
.sit_side_option select {width:100%; }

#sit_buy.active{opacity: 1; animation: aniUp .3s; visibility: visible;}

/* .sit_sel_option {overflow-y:auto; background-color: #f9f9f9; margin-bottom: 20px;}
.sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sit_sel_option:after {display:block;visibility:hidden;clear:both;content:""}
.sit_sel_option li {position:relative;padding:15px;border-bottom:1px solid #e6e9ed}
.sit_sel_option li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_sel_option .sit_opt_del {position:absolute;top:0;right:0;width:30px;height:30px;font-size:15px;border:0;border-left:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed;background:#fff;color:#666}
.sit_sel_option .opt_name {font-weight:500; color: #343434; margin-bottom: 2.5rem;}
.sit_sel_option .input {float:left;border:0;height:30px;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;text-align:center; width: 40px; background-color: #fff; padding: 0; font-size: 14px;}
.sit_sel_option .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size: clamp(1.6rem, var(--font-20), 2.4rem);}
.sit_sel_option button {float:left;width:30px;height:30px;border:1px solid #cbcbcb;border-radius:0;background:#fff;color:#666;font-size:0.92em}
.sit_sel_option button:hover {color:#000} */

.sit_sel_option{font-size: 14px; margin-right: 6rem;}
.sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sit_sel_option:after {display:block;visibility:hidden;clear:both;content:""}
.sit_sel_option li{position:relative; display: flex; align-items: center;}
.sit_sel_option li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_sel_option li + li{margin-top: 2px;}
.sit_sel_option .opt_name {font-weight:500; color: #343434;}
.sit_sel_option .opt_count{text-align: right; display: flex; align-items: center; justify-content: flex-end; margin-left: auto; padding-left: 3rem;}
.sit_sel_option input[type=text], .sit_sel_option .sit_qty_minus, .sit_sel_option .sit_qty_plus{display: none;}
.sit_sel_option .sit_opt_prc{display:block;}
.sit_sel_option button {width:12px;height:12px; position: absolute; right: -20px; top: 4px;}

.buy-view{display: flex;}


.sum_section {position: relative; z-index:3}
.sum_section:after {display:block;visibility:hidden;clear:both;content:""}
.sit_tot_price {text-align:right; display: flex; align-items: center;}
.sit_tot_price strong {font-size: clamp(1.6rem, var(--font-24), 2.4rem); margin-left:3rem; font-family: 'Pretendard', sans-serif; font-weight: 600; line-height: 1;}
.sit_tot_price span {font-weight:600;}
.sit_order_btn{margin-top: 10px; text-align: right;}
.sit_order_btn a{display:none}
.sit_order_btn button {display:inline-block; font-size:1.4rem; background-color: #28282a; color: #fff; padding: 0.9rem 3.5rem;}
.sit_order_btn .sit_btn_cart {width: auto;}
.sit_order_btn .sit_btn_buy{display: none;}

.inspiration-wrap{position: relative;}
.inspiration-wrap .swiper-slide img{/* max-height: 90rem;  height: max(40rem, 47vw); */ width: 100%; object-fit: cover;}
.sns-grid-wrap{position: relative;}

.grid-fuel{grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.grid-fuel .item{background-color: #fff; padding: 6rem 1rem 6rem; text-align: center;}
.grid-fuel .item .text{margin: 1rem 0;}
.grid-fuel .item .unit{font-weight: 500; font-size: clamp(1.6rem, var(--font-24), 2.4rem);}
.grid-fuel + .desc{margin-top: max(3rem, var(--vw-60));}

.ico-fe-01{background-image: url('../images/icons/ico-fe-01-v2.svg'); width: 57px; height: 60px;}
.ico-fe-02{background-image: url('../images/icons/ico-fe-02-v2.svg'); width: 61px; height: 60px;}
.ico-fe-03{background-image: url('../images/icons/ico-fe-03-v2.svg'); width: 59px; height: 60px;}
.ico-fe-04{background-image: url('../images/icons/ico-fe-04-v2.svg'); width: 26px; height: 61px;}
.ico-fe-05{background-image: url('../images/icons/ico-fe-05-v2.svg'); width: 60px; height: 60px;}


#sit-download{padding-bottom: 0;}
#sit-download h2{font-size: clamp(2.8rem, var(--font-36), 3.6rem); margin-bottom: max(2rem, var(--vw-60)); font-weight: 500;}

.download-wrap{}
.download-wrap.with-box{display: grid; grid-template-columns: 74.75% 24%; gap: 1.25%;}
.grid-download{display: flex; gap: 20px;}
.grid-download .download-item{display: flex; flex: 1;}
.grid-download .download-file{margin-left: auto;}

.download-item{padding: 4rem 3rem 5.1rem; display: block; background-color: #fafafb; border: 1px solid #e3e3e3; transition: border-color .3s ease; max-width: 33%;}
.download-item h3{font-size: clamp(1.6rem, var(--font-24), 2.4rem); font-weight: 600; margin-bottom: 1.5rem;}
.download-item:hover{border-color: #a0a0a0;}
.download-item:hover .download-file .unit{background-color: #28282a;}
.download-item:hover .download-file .image img{opacity: 1;}
.download-file .image img{max-width: 6rem; opacity: 0.6; transition: opacity .3s ease;}
.download-file .unit{display: block; background-color: #a0a0a0; color: #fff; width: 6rem; height: 2rem; line-height: 2rem; margin-top: 5px; text-align: center; font-size: 12px; transition: background-color .3s ease;}

.download-box{padding: 4rem 5.9rem 4rem 3rem; background-color: #fafafb; border: 1px solid #e3e3e3; max-width: 40rem;}
.download-box h3{font-size: clamp(1.6rem, var(--font-24), 2.4rem); font-weight: 600;}
.download-box .download-header{display: flex; align-items: center; margin-bottom: 1.5rem;}
.download-box .download-header span{font-size: 12px; margin-left: 1rem;}
.download-box ul{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 15px;}
.download-box ul li a{border: 1px solid #a0a0a0; text-align: center; display: block; transition: border-color .3s ease;}
.download-box ul li a .file{font-size: 14px; height: 4rem; line-height: 4rem; background-color: #fff;}
.download-box ul li a .unit{font-size: 12px; background-color: #a0a0a0; color: #fff; transition: background-color .3s ease;}
.download-box ul li a:hover{border-color: #28282a;}
.download-box ul li a:hover .unit{background-color: #28282a;}




/* 상품 재입고 알림 (SMS) */
#sit_sms_new {}
#sit_sms_new .form_01 {padding:20px}
#sit_sms_new #sms_agree {padding:5px 0 20px}
#sit_sms_new li strong {display:inline-block;margin:10px 0}
#sit_sms_new textarea {line-height:1.5em;color:#555}
#sit_sms_new .chk_box input[type="checkbox"]:checked + label span {background:url('img/chk.png') no-repeat 50% 50% #3a8afd}


/* 관련상품 목록 스킨 10 */
#sit_rel {position:relative;}
#sit_rel:after {display:block;visibility:hidden;clear:both;content:""}
#sit_rel .bx-wrapper {margin:0 auto}
#sit_rel .bx-controls-direction {position:absolute;top:25px;right:35px}
#sit_rel .bx-prev {display:inline-block;width:30px;height:30px;border:1px solid #dee3eb;border-right:0;text-indent:-999px;overflow:hidden;background:url('img/select_arrow_left.png') no-repeat 50% 50%}
#sit_rel .bx-next {display:inline-block;width:30px;height:30px;border:1px solid #dee3eb;text-indent:-999px;overflow:hidden;background:url('img/select_arrow_right.png') no-repeat 50% 50%}
.scr_10 li img {width:100%;height:auto}
.scr_10 .sct_txt {display:block;margin:5px 0;font-size:1.1em}
.scr_10 .sct_cost {margin:5px 0;font-size:1.25em;font-weight:bold}



.tech-wrap{display: flex;}
.tech-wrap .image{width: 50%; margin-right: 2%; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #ececec;}
.tech-wrap .image .tech-image{position: relative; height: 100%;}
#tech-current-image{position: relative ; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }/*    */
/* #tech-current-image::before{content: ''; position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #ececec;} */
.tech-wrap .image .tech-image img{width: 90%; height: 90%; object-fit: cover;}
.tech-wrap .image .tech-image .product{position: absolute; bottom: 3.5rem; left: 3rem;}
.tech-wrap .image .tech-image .product span{color: #a0a0a0; margin-left: 10px;}
.tech-wrap .thumb-list{background-color: #f2f2f2; padding: 3rem; border-top: 1px solid #ececec; border-top: 0;}
.tech-wrap .thumb-list ul{display: flex; align-items: center;}
.tech-wrap .thumb-list ul li{margin-right: 2rem;}
.tech-wrap .thumb-list ul li a{border: 1px solid #ececec; display: block;}
.tech-wrap .thumb-list ul li a.active{border-color: #a0a0a0;}
.tech-wrap .thumb-list ul li img{max-width: 120px; width: 100%;}
.tech-wrap .cont{width: 48%; border-top: 1px solid #0d0d0d; border-bottom: 1px solid #0d0d0d;}
.tech-wrap .cont .info{padding: 4rem 3rem;}
.tech-wrap .cont h4{font-size: clamp(2rem, var(--font-24), 2.4rem); font-weight: 600; line-height: 1; padding: 2.8rem; border-bottom: 1px solid #0d0d0d;}
.tech-wrap .cont dl dt{font-weight: 600; margin-bottom: 5px;}
.tech-wrap .cont dl + dl{margin-top: 3.5rem;}
.tech-wrap .cont dl dd.cos{display: flex; align-items: center;}
.tech-wrap .cont dl dd .co{display: inline-flex; align-items: center;}
.tech-wrap .cont dl dd .co img{width: 2.5rem; margin-right: 4px;}
.tech-wrap .cont dl dd .co + .co{margin-left: 1rem;}



/* 상품 상세보기 - 상품정보 */
#sit_inf {margin:20px 0}
#sit_info section h2 {font-size: clamp(2.8rem, var(--font-36), 3.6rem); font-weight: 500;}
#sit_inf h3 {position:absolute;font-size:0;line-height:0;content:""}

#sit_inf_basic {margin:0 0 20px;line-height:1.7em}
#sit_inf_explan {width:auto !important;line-height:1.7em;overflow:hidden} /* ie6 미대응시 #sit_inf_explan {margin:0 0 10px} 만으로 충분 */
#sit_inf_explan h4{font-size: clamp(1.6rem, var(--font-20), 2rem); font-weight: 600; margin-bottom: 1rem; line-height: 1.45;}
/* #sit_inf_explan p{line-height: 1.5;} */
#sit_inf_explan img {max-width:100%;height:auto}
#sit_inf_explan b{font-weight: 600;}
.sit_ov_tbl #sit_inf_explan strong{font-size: 1.6rem;}

#sit_inf_open {width:100%;border:0;border-top:1px solid #777;border-collapse:collapse}
#sit_inf_open th {padding:10px;border-bottom:1px solid #e5e5e5;background:#f3f3f3;vertical-align:top;text-align:left; font-weight: 500;}
#sit_inf_open td {padding:10px;border-bottom:1px solid #e5e5e5;background:#fff;vertical-align:top}

/* 상품 상세보기 - 사용후기 */
#sit_use h3 {position:absolute;font-size:0;line-height:0;content:""}

.sit_use_top {position:relative;background:#f9f9f9;border:1px solid #cbcbcb;margin:0 0 15px;padding:2rem;min-height:90px;vertical-align:middle; text-align: center;}
.sit_use_top h4 {font-size: clamp(1.8rem, var(--font-24), 2.4rem); font-weight: 600;}
.sit_use_top .star-score-wrap {justify-content: center; margin-top: 0;}
.sit_use_top .st_bg {background:#666}
.sit_use_top .desc{margin-top: 2.5rem; color: #666;}

#sit_use_wbtn {position:absolute;top:20px;right:30px}
#sit_use_wbtn a{line-height: 1;}

#sit_use_list .list-header{border-top: 0; border-bottom: 1px solid #0a0a0a; padding-bottom: 1.5rem; margin-bottom: 0; margin-top: max(5rem, var(--vw-100));}
#sit_use_list .list-header .sel{font-size: clamp(1.6rem, var(--font-18), 1.8rem); font-weight: 600;}
#sit_use_list .list-header .sel a{position: relative;}
#sit_use_list .list-header .sel a+a{padding-left: 1.5rem; margin-left: 1rem;}
#sit_use_list .list-header .sel a+a::before{content: ''; position: absolute; left: 0; top: 10%; height: 80%; width: 1px; background-color: #0a0a0a;}
#sit_use_list .list-header select.input{border: 0; color: #0a0a0a;}

#sit_use_ol {margin:0 0 5px;padding:0;list-style:none}
.sit_use_li {position:relative;padding:3rem 0; min-height:120px;}
.sit_use_li + .sit_use_li{border-top:1px solid #cbcbcb}
.sit_use_li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_li_title {position:absolute;right:20px;bottom:20px;border:1px solid #ddd;padding:8px 10px;border-radius:3px;color:#666;font-size:0.92em;background:#fff}
.sit_use_li_title:hover {background:#6b99ee;border-color:#6b99ee;color:#fff}

.sit_thum {margin:0;position:absolute;top:10px;left:0}
.sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_dl dt {position:absolute;font-size:0;line-height:0;content:""}
.sit_use_dl dd {color:#666; line-height:1.5em; margin-bottom: 1rem; font-weight: 600;}
.sit_use_dl .total-avg {font-size: 1.6rem; color: #0a0a0a; margin-top: 2px;}
.sit_use_dl .sit_use_tit {font-weight:600; color:#0a0a0a}
.sit_use_dl .total-star-wrap{height: 1.6rem; background-size: auto 1.6rem; width: 10.4rem; background-position: -10.7rem;}
.sit_use_dl .total-star{height: 1.6rem; background-size: auto 1.6rem;}

.sit_use_con {margin-bottom:10px}
.sit_use_p {margin: 0 0 1.5rem;}
.sit_use_cmd {}

.sit-use-date{color: #666; margin-top: 4rem;}

.sit_use_reply {position:relative;border-top:1px dotted #bbb;margin:10px 0 0;padding:10px 0 0 40px}
.use_reply_icon {position:absolute;top:10px;left:5px;background:url('./img/use_reply.png') no-repeat 0 0;width:28px;height:17px;text-indent:-999px;overflow:hidden}
.use_reply_tit {font-weight:bold;line-height:1.5em;padding-right:100px}
.use_reply_name {font-size:0.92em;color:#777;margin:5px;position:absolute;top:10px;right:0}
.use_reply_p {padding:10px 0;background:#fff;line-height:1.5em}

#sit_use_write_star:after {display:block;visibility:hidden;clear:both;content:""}
#sit_use_write_star li {float:left;width:33.333%}
#sit_use_write_star li img {width:100px}

/* 상품 상세보기 - 상품문의 */
#sit_qa {margin: 0}
#sit_qa h3 {position:absolute;font-size:0;line-height:0;content:""}

#sit_qa_ol {margin:0 0 5px;padding:0;border-top:1px solid #f0f0f0;list-style:none}
.sit_qa_li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_qa_li {position:relative;border-bottom:1px solid #f0f0f0;padding:15px 10px}
.sit_qa_li_title {display:flex; align-items: center; float:left; width:80%; text-align:left; font-weight:600; font-size:clamp(1.6rem, var(--font-18), 1.8rem)}
.sit_qa_li_title img{margin-left: 0.5rem;}

.sit_qa_dl {float:right;width:20%;line-height:30px;color:#7f7f7f;text-align:right;margin:0}
.sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_qa_dl dt {position:absolute;font-size:0;line-height:0;content:""}
.sit_qa_dl dd {display:inline-block;margin-left:10px}
.sit_qaa_done {display:inline-block;height:30px;line-height:30px;border:1px solid #8f1d22; color:#8f1d22; padding:0 8px;margin-right:10px;font-size:12px;font-weight:normal;border-radius:4px}
.sit_qaa_yet {display:inline-block;height:30px;line-height:30px; border:1px solid #666; color:#666; padding:0 8px;margin-right:10px;font-size:12px;font-weight:normal;border-radius:4px}

.sit_qa_con {display:none;clear:both; padding-top: 1.5rem;}
.sit_qa_con .label{margin-bottom: 0.5rem; font-size: 1.4rem;}
.sit_qa_con .label .label-warning{background-color: #ccc; display: inline-block; padding: 2px 6px; border-radius: 4px; color: #333;}
.sit_qa_p {margin:0 0 10px;background:#f9f9f9;line-height:1.5em}
.sit_qa_p .qa_alp {position:absolute; top:15px; left:15px; font-size:clamp(1.6rem, var(--font-20), 2rem); color: #666;}
.sit_qa_qaa {padding:15px 20px;padding-left:50px;position:relative;min-height:50px;border-top:1px solid #fff}
.sit_qa_qaq {padding:15px 20px;padding-left:50px;position:relative;min-height:50px}
.sit_qa_con textarea {display:none}
.sit_qa_cmd {text-align:right}

.sit_qa_pw {display:none;position:absolute;top:30px;left:175px;padding:10px;width:348px;border:1px solid #000;background:#fff;text-align:center}
.sit_qa_pw span {display:block;margin:0 0 5px}

#sit_qa_wbtn {text-align:right;margin:0 0 20px}
#sit_qa_wbtn a{line-height: 1;}

#sit_qa_write {}
#sit_qa_write #iq_subject {width:100%}
#sit_qa_write .chk_box input[type="checkbox"]:checked + label span {background:url('img/chk.png') no-repeat 50% 50% #3a8afd}

#sit_info #sit_dex{padding-bottom: 0;}
#sit_dex .section-header{margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 1px solid #a0a0a0;}
#sit_dex h3{margin-bottom: 2rem; font-size: clamp(1.6rem, var(--font-20), 2rem); font-weight: 600;}
#sit_dex .con{}
/* 상품 상세보기 - 배송정보 */
#sit_dvr {position: relative;}

/* 상품 상세보기 - 교환정보 */
#sit_ex {margin: max(4rem, var(--vw-100)) 0 0 }
#sit_ex dl{display: flex; }
#sit_ex dl dt{font-size: 2rem; font-weight: 600; flex-shrink: 1; width: 12rem;}
#sit_ex dl dd{color: #666; flex-grow: 1; margin-left: 8rem;}
#sit_ex dl + dl{margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #cbcbcb;}


/* 사용후기 모음 */
#sps_sch {margin:0 0 10px}
#sps_sch a {display:inline-block;padding:0 8px;height:40px;line-height:40px;vertical-align:top;border-radius:3px;background:#434a54;color:#fff;font-weight:bold;text-decoration:none}
#sps_sch .sch_wr {width:300px;border:1px solid #d0d3db;border-radius:3px;display:inline-block;background:#fff}
#sps_sch:after {display:block;visibility:hidden;clear:both;content:""}
#sps_sch select {float:left;border:0;width:175px;height:40px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px}
#sps_sch .sch_input {width:258px;height:38px;border:0;padding:0;background-color:transparent;float:left}
#sps_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:15px}

#sps {}
#sps ol {margin:0;padding:0;list-style:none}
#sps li {position:relative;padding:15px;border-bottom:1px solid #f0f0f0;background:#fff}
#sps li:after {display:block;visibility:hidden;clear:both;content:""}

.sps_img {position:absolute;top:15px;left:15px}
.sps_img_inner {float:left;position:relative}
.sps_img a span {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sps_img .prd_detail {position:absolute;right:0;bottom:0;border:0;color:#fff;background:#078601;width:34px;height:34px;text-align:center;opacity:0.8}
.sps_img .prd_detail:hover {opacity:1}

.review_detail_cnt {display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background:rgba(0,0,0,0.1)}
.review_detail_in {position:absolute;top:50%;left:50%;width:590px;max-height:450px;background:#fff;text-align:left;margin-left:-300px;margin-top:-180px;overflow-y:auto;border-radius:3px;border:1px solid #dde7e9;background:#fff;border-radius:3px}
.review_detail_in h3 {padding:15px;border-bottom:1px solid #e8e8e8;font-size:1.4em}
.review_cnt {padding:25px}
.rd_cls {position:absolute;top:0;right:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}

.review_tp_cnt {position:relative;padding:0 0 10px;margin-bottom:15px;border-bottom:1px solid #f1f1f1}
.review_tp_cnt>span {font-size:1.2em;display:block}
.review_tp_cnt:after {display:block;visibility:hidden;clear:both;content:""}
.review_tp_cnt .sps_opt_btn_more {position:absolute;top:0;right:0;border:0;padding:5px 5px 5px 10px;background:#fff;color:#c4c8cb;font-size:1.4em}
.review_tp_cnt .sps_opt_li {display:none;position:absolute;top:40px;right:0;border:1px solid #b8bfc4}
.review_tp_cnt .sps_opt_li:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.review_tp_cnt .sps_opt_li:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.review_tp_cnt .sps_opt_li li {border-bottom:1px solid #f1f1f1;padding:10px !important;color:#6b757c}

.review_summ {background:#fcfcfc;border:2px solid #efeff1;padding:10px}
.review_bt_cnt {margin:15px 0}

.sps_reply {margin-top:10px;padding-top:10px;border-top:1px dotted #bbb}
.sps_reply .sps_img {text-align:right;width:70px}
.sps_reply .sps_section h2 {background:url('./img/use_reply.png') no-repeat 0 0;text-indent:30px;line-height:1.5em}

#sps dl {margin:5px 0}
#sps dl:after {display:block;visibility:hidden;clear:both;content:""}
#sps dt {float:left}
#sps dd {float:left;margin:0 10px 0 0;color:#999}
#sps dd img {position:relative;top:-2px}

.sps_section {float:left;width:100%;padding-left:115px}
.sps_section .sps_pd_name {display:block;color:#3a8afd;padding:10px 0 5px}
.sps_section .sps_rv_tit {display:block;font-size:1.2em;font-weight:bold}
.sps_section .sps_rv_thum {position:absolute;top:15px;right:15px}
.sps_section p {padding:0;width:100%}
.sps_con_full {padding:0;height:auto !important}
.sps_con_btn {clear:both;margin:5px 0}
.sps_con_btn:after {display:block;visibility:hidden;clear:both;content:""}
.sps_con_btn .sps_dl {float:left}
.sps_con_btn button.review_detail {float:right;border-radius:3px;border:1px solid #d4d6db;color:#666;font-size:0.92em;padding:5px 7px;background:#fff}
.sps_con_btn button.review_detail:hover {background:#6b99ee;border-color:#6b99ee;color:#fff}

/* 상품문의 모음 */
#sqa_sch {margin:0 0 10px}
#sqa_sch a {display:inline-block;padding:0 8px;height:40px;line-height:40px;vertical-align:top;border-radius:3px;background:#434a54;color:#fff;font-weight:bold;text-decoration:none}
#sqa_sch .sch_wr {width:300px;border:1px solid #d0d3db;border-radius:3px;display:inline-block;background:#fff}
#sqa_sch:after {display:block;visibility:hidden;clear:both;content:""}
#sqa_sch select {float:left;border:0;width:175px;height:40px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px}
#sqa_sch .sch_input {width:258px;height:38px;border:0;padding:0;background-color:transparent;float:left}
#sqa_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:15px}

#sqa {margin-bottom:20px}
#sqa ol {margin:0;padding:0;list-style:none}
#sqa li {position:relative;padding:15px 20px 15px 15px;border-bottom:1px solid #f0f0f0;background:#fff}
#sqa li:after {display:block;visibility:hidden;clear:both;content:""}
#sqa li .sit_qaa_yet {position:absolute;right:20px;top:20px;margin-right:0}
#sqa li .sit_qaa_done {position:absolute;right:20px;top:20px;margin-right:0}

.sqa_img {float:left;margin:0 10px 0 0}
.sqa_img span {position:absolute;font-size:0;line-height:0;overflow:hidden}

#sqa dl {margin:5px 0}
#sqa dl:after {display:block;visibility:hidden;clear:both;content:""}
#sqa dt {float:left}
#sqa dd {float:left;margin:0 10px 0 0;color:#999}

#sqa dd img {position:relative;top:-2px}
.sqa_con {margin:10px 0;background:#f3f3f3;line-height:1.5em}
.sqa_con .qa_alp {position:absolute;top:13px;left:15px;font-size:2em;color:#000}

.sqa_section {float:left;width:1100px}
.sqa_section h2 {padding-right:70px;font-size:1.2em;font-weight:bold}
.sqa_section .sqa_con {line-height:1.7em}
.sqa_section p {padding:0;width:100%}
.sqa_con_full {padding:0;height:auto !important}
.sqa_con_btn button {border:1px solid #ddd;padding:5px 8px;color:#666;font-size:0.92em;margin:5px 0;background:#fff}
.sqa_con_btn button:hover {background:#6b99ee;border-color:#6b99ee;color:#fff}

/* 상품검색 */
#ssch {margin:20px 0}
#ssch h2 {font-size:1.8em;line-height:30px;margin:10px 0}
#ssch h2 .ssch_result_total {float:right;color:#6f6f6f;font-size:0.55em;font-weight:normal}
#ssch h2 strong {color:#ff005a}
#ssch_frm {background:#fff;border:1px solid #e3e5e8}
#ssch_frm .ssch_scharea {padding:15px;border-bottom:1px solid #e3e5e8}
#ssch_frm .ssch_scharea:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm .ssch_scharea label {display:inline-block;margin:0 8px 0 0}
#ssch_frm .ssch_scharea .ssch_input {height:45px;padding:0 10px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
#ssch_frm .ssch_scharea .btn_submit {width:90px;height:45px;margin-right:5px;padding:0 5px;font-weight:bold;border:1px solid #2e3745;background:#434a54}

#ssch_frm .ssch_left {}
#ssch_frm .ssch_option {padding:15px;border-bottom:1px solid #e3e5e8}
#ssch_frm .ssch_option .ssch_input {height:32px;padding:0 10px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}

#ssch_frm p {padding:15px;color:#737373;border-bottom:1px solid #e3e5e8}

#ssch_cate {background:#fff;border-bottom:1px solid #e3e5e8;padding:15px}
#ssch_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_cate li {float:left;width:20%;border-right:1px solid #f6f6f6}
#ssch_cate li:nth-child(5n) {border-right:0}
#ssch_cate li span {font-weight:normal}
#ssch_cate a {display:block;padding:0 10px;line-height:40px}
#ssch_cate a:hover {color:#3a8afd}

#ssch_sort {float:left;width:80%}
#ssch_sort:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ssch_sort ul {margin:0;padding:0 0 0 1px;list-style:none}
#ssch_sort ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_sort li {float:left;position:relative;margin-left:-1px;height:45px;padding:15px 0;line-height:15px}
#ssch_sort li a {border-left:1px solid #ddd;display:block;padding:0 10px}
#ssch_sort li:hover:after {content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#3a8afd}
#ssch_sort li:hover a {color:#3a8afd}
#ssch_sort li:first-child a {border:0}

#ssch_sort_all {margin:0;padding:0 15px;list-style:none}
#ssch_sort_all:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_sort_all li {float:left;position:relative;margin-left:-1px;height:45px;padding:15px 0;line-height:15px}
#ssch_sort_all li a {display:block;padding:0 10px}
#ssch_sort_all li:hover:after {content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#3a8afd}
#ssch_sort_all li:hover a {color:#3a8afd}
#ssch_sort_all li:first-child a {border:0}

/*쿠폰존 리스트*/
.couponzone_list {margin:0 0 20px;position:relative}
.couponzone_list h2 {padding:15px 20px;font-size:1.25em;border:1px solid #e3e5e8;background:#fff}
.couponzone_list p {position:absolute;top:5px;right:0;margin:15px 20px;color:#666}
.couponzone_list ul {padding:30px;margin:0;list-style:none;background:#fff;border:1px solid #e3e5e8;border-top:0}
.couponzone_list ul:after {display:block;visibility:hidden;clear:both;content:""}
.couponzone_list ul li {float:left;width:262px;margin:0 0 30px 30px;background:#fff}
.couponzone_list ul li:nth-child(4n+1) {clear:both;margin-left:0}
.couponzone_list ul li img {width:100%;height:auto;line-height:1.2em;border-radius:5px 5px 0 0}
.couponzone_list ul li .cp_inner {border:1px solid #ddd;border-radius:5px;
-webkit-box-shadow:0px 1px 6px 0 #dedede;
-moz-box-shadow:0px 1px 6px 0 #dedede;
box-shadow:0px 1px 6px 0 #dedede
}
.couponzone_list ul li .coupon_img {position:relative;height:98px;overflow:hidden;border-bottom:1px dashed #ccc}
.couponzone_list ul li .coupon_tit {position:absolute;top:0;left:0;width:100%;height:98px;padding-top:30px;text-align:center;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.couponzone_list ul li .coupon_tit strong {display:inline-block;font-size:1.3em}
.couponzone_list ul li .coupon_tit .cp_evt,
.couponzone_list ul li .coupon_tit .cp_evt b {font-size:1.4em}
.couponzone_list ul li .cp_cnt {padding:10px}
.couponzone_list ul li .coupon_date {display:inline-block;float:right;padding:2px 3px;margin:5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
.couponzone_list ul li .coupon_target {display:inline-block;margin:5px 0px}
.couponzone_list ul li .coupon_target>button {display:inline-block;max-width:125px;padding:2px 3px;font-size:0.92em;border:0;border-radius:3px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.couponzone_list ul li .coupon_target .cp_1 {background:#edfbde;color:#8cc152}/*카테고리할인*/
.couponzone_list ul li .coupon_target .cp_2 {background:#fbdef3;color:#c15293}/*개별상품할인*/
.couponzone_list ul li .coupon_target .cp_3 {background:#fbf1de;color:#c18b52}/*주문금액할인*/
.couponzone_list ul li .coupon_target .cp_4 {background:#f2defb;color:#7c52c1}/*배송비할인*/

.couponzone_list ul li .coupon_info {display:none;position:absolute;min-width:235px;background:#fff;border:1px solid #000;padding:15px}
.couponzone_list ul li .coupon_info:after {display:block;visibility:hidden;clear:both;content:""}
.couponzone_list ul li .coupon_info h4 {font-size:1.2em;margin-bottom:10px}
.couponzone_list ul li .coupon_info ul {padding:0;margin:0;position:relative;border:0}
.couponzone_list ul li .coupon_info li {width:auto;margin:0;float:inherit;color:#5e5e5e;line-height:18px}
.couponzone_list ul li .coupon_info li a {text-decoration:underline;color:#5e5e5e}
.couponzone_list ul li .coupon_info .coupon_info_cls {position:absolute;right:0;top:0;color:#c7c9cc;border:0;background:#fff;padding:10px;font-size:1.2em}

.couponzone_list ul li .coupon_btn {text-align:center}
.couponzone_list ul li .coupon_btn .btn02 {width:100%;height:42px;line-height:28px;margin-top:15px;border:0;color:#fff;background:#3a8afd;border-radius:5px;font-weight:bold}
.couponzone_list ul li .coupon_btn .btn02:hover {background:#2176f1;color:#fff}
.couponzone_list ul li .coupon_btn .disabled {background:#c6c6c6;border:1px;color:#fff;border-color:#c6c6c6}
.couponzone_list ul li .coupon_btn .disabled:hover {background:#c6c6c6;border:1px;color:#fff;border-color:#c6c6c6}
.couponzone_list .no_coupon {position:relative;padding:100px 0;text-align:center;color:#999}


.coupon-list{display: flex; flex-wrap: wrap; margin: 0 -1rem;}
.coupon-list li{flex: 1; max-width: 36rem; padding: 1rem;}
.coupon-list li .item{padding: 2rem; border: 1px solid #cbcbcb; border-radius: 4px; background: url('../images/mypage/logo-coupon.png') no-repeat; background-size: 50px auto; background-position: 95% 20%;}
.coupon-list li .price{font-size: 4rem; color: #8f1d22; display: block; font-weight: 600; line-height: 1; margin-bottom: 1rem;}
.coupon-list li .top{margin-bottom: 1.5rem; border-top: 1px dashed #cbcbcb; padding-top: 1.5rem;}
.coupon-list li .info{color: #666; font-size: 14px; border-bottom: 1px dashed #cbcbcb; padding-block-end: 1.5rem;}


/**********
* ## CART
**********/
#sod_bsk {position: relative;}
#sod_bsk_list {position:relative}
#sod_bsk_tot { margin:0}
#sod_bsk_tot h4{margin-bottom: 4rem; font-size: clamp(1.6rem, var(--font-20), 2rem); font-weight: 600;}
#sod_bsk_tot li {display: flex; align-items: flex-end; padding-bottom: 18px; line-height: 1;}
#sod_bsk_tot li span {display:inline-block; margin-right: auto;}
#sod_bsk_tot li strong {margin-right: 5px; font-weight: 600;}
#sod_bsk_tot .sod_bsk_cnt {border-top:1px solid #cbcbcb; padding-top: 1.6rem; margin-top: 2rem; padding-bottom: 0;}
.sod_bsk_cnt strong{color: #e50026; font-size: clamp(1.8rem, var(--font-24), 2.4rem);}

#sod_bsk_act {text-align:center;margin-top:20px}
#sod_bsk_act .btn {height:70px; line-height:70px; width:100%; font-size: clamp(1.6rem, var(--font-20), 2rem); border: 1px solid #eceae5; padding: 0; background-color: #eceae5;}
#sod_bsk_act .btn-submit {color: #fff; background-color: var(--theme-color); border-color: var(--theme-color); font-weight: 400;}
#sod_bsk_act .btn + .btn{margin-top: 1rem;}


.sod-product-wrap{display: flex; align-items: flex-start;}
.sod-product-wrap .image{flex-shrink: 0; background-color: #eee; border-radius: 4px; position: relative;}
.sod-product-wrap .image img{border: 1px solid #cbcbcb; border-radius: 4px;}
.sod-product-wrap .cont{flex-grow: 1; margin-left: 2rem; position: relative; display: flex; flex-direction: column; justify-content: flex-start; padding-top: 1rem; height: 100%;}
.sod-product-wrap .cont .category{margin-bottom: 0.5em; line-height: 1;}
.sod-product-wrap .cont .title .prd_name{display: block; position: relative; margin-bottom: 0.5rem;}
.sod-product-wrap .cont .title > strong{font-weight: 400; font-size: clamp(1.6rem, var(--font-20), 2rem);}
.sod-product-wrap .cont .title strong span{font-size: 1.6rem; margin-right: 0.7rem;}
.sod-product-wrap .cont .price{font-weight: 600; font-size: clamp(1.6rem, var(--font-20), 2rem); }
.sod-product-wrap .cont .desc{margin-top: 1.5rem; color: #666;}

/* .sod-product-wrap .image{width: 18rem;} */


.sod-wrap{display: flex; margin-bottom: max(3rem, var(--vw-100))}
.sod-cont{flex-grow: 1; }
.sod-panel{flex-shrink: 0; margin-left: 4rem; width: 21.429%;}
.sod-panel .inner{border: 1px solid #cbcbcb; padding: 3rem 2rem; position: sticky; top: 4rem;}

.cart-item-total{font-size: clamp(1.6rem, var(--font-20), 2rem); font-weight: 600; display: flex; align-items: center; margin-bottom: 2rem;}
.cart-item-total span{display: inline-block; margin-left: 1rem; color: #666; position: relative; font-size: 1.6rem; padding-left: 1rem; font-weight: 400;}
.cart-item-total span::before{content: ''; left: 0; top: 10%; height: 80%; width: 1px; background-color: #cbcbcb; position: absolute;}


.item-top{display: flex; height: 5rem; text-align: center; justify-content: space-between; background-color: #28282a; align-items: center; padding: 0 3rem; margin-bottom: 2rem;}
.item-top h4{display: inline-block; color: #fff; font-size: clamp(1.6rem, var(--font-20), 2rem); font-weight: 600;}
.item-top .more{position: relative; line-height: 1;}
.item-top .more button{color: #fff;}
.item-top .check-box label{color: #fff;}

.item-header{display: flex; align-items: center; padding: 2rem 3rem; border: 1px solid #cbcbcb; border-bottom: 0;}
.item-header .check-box.icon label{font-weight: 600; margin-left: 4rem;}

.item-footer {border: 1px solid #cbcbcb; background-color: #f9f9f9; padding: 1.6rem 3rem; border-top: 0;}
.item-footer .label.product{color: #ff5b4d;}
.item-footer .label.total{color: #0a0a0a; font-weight: 600;}

.cart-item-wrap + .cart-item-wrap{margin-top: max(3rem, var(--vw-60));}
.cart-item-wrap .item-container{position: relative;}
.cart-item-wrap .item-container + .item-container{margin-top: 2rem;}
.cart-item-wrap .item{display: flex; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; position: relative;}
.cart-item-wrap .item + .item{border-top: 0;}
.cart-item-wrap .item .fd-check{width: 7rem;}
.cart-item-wrap .item .field{border-left: 1px solid #cbcbcb; text-align: center; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem 0;}
.cart-item-wrap .item .field .etc{font-size: 14px; color: #666;}
/* .cart-item-wrap .item .field:last-child{border-right: 1px solid #cbcbcb;} */
.cart-item-wrap .item .field.sod-product-wrap{text-align: left; flex-direction: row; flex: 0 0 54.5%; padding-left: 3rem;}
.cart-item-wrap .item .field.sod-product-wrap .image{margin-left: 2rem;}

.cart-item-wrap .item .field .btn-border{border-color: #ff5b4d; color: #ff5b4d; padding: 0; height: 4rem; line-height: 4rem; width: 14rem; line-height: 1;}
.cart-item-wrap .item .field .btn-border:hover{background-color: #f9f9f9; border-color: #cbcbcb;}
.cart-item-wrap .item .field .btn-wrap{margin-top: 1.8rem;}
.cart-item-wrap .item .field .btn-wrap button{position: relative;}
.cart-item-wrap .item .field .btn-wrap button + button{margin-left: 2rem; padding-left: 2.5rem;}
.cart-item-wrap .item .field .btn-wrap button + button::before{position: absolute; top: 20%; left: 0; width: 1px; height: 60%; background-color: #cbcbcb; content: '';}

.total-price{font-weight: 600; color: #8f1d22; font-size: clamp(2rem, var(--font-24), 2.4rem);}

.cart-item-wrap .item .btn-close{position: absolute; right: 1.5rem; top: 2rem;}

#sod_frm .sod-product-wrap .cont{ position: inherit;}
#sod_frm .sod-product-wrap .cont .title{position: inherit;}
.sod_opt {margin:15px 0 0; position: relative; padding-top: 5px;}
.sod_opt::before{content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 1px; background-color: #cbcbcb;}
.sod_opt ul {display:inline-block;margin:0;padding:0;list-style:none}
.sod_opt li {color:#666; padding:3px 0;line-height:1.3em; font-size: 14px;}
.sod_opt li:before {content:"옵션"; display:inline-block; margin:1px 5px 1px 0; line-height:1em; color:#343434}
.sod_option_btn .mod_options {margin:5px 0 0; padding:5px; border:1px solid #cbcbcb; color:#343434; background:#fff;border-radius:3px; font-size: 14px;}
.cp_btn {padding:0 10px;border:1px solid #d4d6db; color:#3a8afd; background:#fff; height: 30px; line-height: 26px; border-radius:4px; font-size: 14px; margin-left: 0.5rem;}
.cp_cancel {padding:0 10px;border:1px solid #aaa;color:#666;background:#fff; height: 30px; line-height: 26px;border-radius:4px; font-size: 14px; margin-left: 0.5rem;}

.cart-info{margin-top: 4rem;}
.cart-info h3{margin-bottom: 1.5rem; font-weight: 600;}
.cart-info ul{color: #666;}


/* 장바구니 선택사항수정 */
#sod_bsk_list #mod_option_frm {z-index:10000;position:fixed;top:50%;left:50%;width:680px;height:auto !important;height:500px;max-height:500px;margin-left:-340px; margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit}
#sod_bsk_list .mod_option_bg {content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);display:block;z-index:9999}
#mod_option_frm h2 {border-bottom:1px solid #e8e8e8;padding:0 20px;line-height:50px;font-size:1.25em; font-weight: 600;}

.option_wr {padding:20px 20px 0}
.option_wr h3 {font-size:1.4rem; color: #888; margin-bottom:5px}
.option_wr .get_item_options,
.option_wr .get_item_supply {margin-bottom:10px}
.option_wr label {display:block; margin:10px 0 5px}
.option_wr select {width:100%; }

.buy-pass{display: none;}

#sit_opt_added {margin:0;padding:0;border-bottom:0;list-style:none}
#sit_opt_added li {padding:20px 20px 30px;background:#f5f5f5; margin:10px 0;position:relative; }
#sit_opt_added li:after {display:block;visibility:hidden;clear:both;content:""}
#sit_opt_added li .opt_name {color: #343434; margin-bottom: 3rem;}
.opt_name .badge{margin-right: 1rem;}
#sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #cbcbcb;border-radius:0;background:#fff;color:#666;font-size:0.92em}
#sit_opt_added button:hover {color:#000}
#sit_opt_added .input {float:left;border:0;height:30px;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;text-align:center; width: 40px; line-height: 30px; background-color: #fff; padding: 0; font-size: 14px;}
#sit_opt_added .sit_opt_del {position:absolute;right:2rem; top:2rem; font-size:15px;border:0; background-color: transparent; width: 18px; height: 18px;}
#sit_opt_added .sit_opt_del:hover {color:#be334a}
#sit_opt_added .sit_opt_del .btn-close.cross:before, .btn-close.cross:after{background-color: #444;}

#sit_opt_added .sit_opt_prc {display:block;float:right; padding:0 3px;text-align:right;line-height:30px; font-size: clamp(1.6rem, var(--font-20), 2rem); }

#mod_option_frm .option_wr{padding: 0;}
#mod_option_frm .option_wr label{margin: 0 2rem 0 0;}
#mod_option_frm form{overflow: hidden; padding: 2rem;}
#mod_option_frm #sit_sel_option {margin-bottom: 1.5rem;}
#mod_option_frm #sit_tot_price {float:left; padding: 0; border-bottom: 0; margin-bottom: 0;}
#mod_option_frm .btn_confirm {float:right; }
#mod_option_frm .btn_confirm .btn_submit {width:100px;height:40px;font-size:1.167em;font-weight:bold;cursor:pointer}
#mod_option_frm .btn_confirm .btn_close {position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:none;font-size:1.25em;border-radius:0}
#mod_option_frm .btn_confirm .btn_close:hover {background:#f3f3f3}
#mod_option_frm #sit_opt_added li .opt_name{margin-bottom: 1.5rem;}



/**********
* ## order
**********/
#sod_frm{position: relative;}
#sod_frm:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm .cart-item-wrap .field.sod-product-wrap{padding-left: 0; align-items: flex-start;}
#sod_frm .item-header h4{font-weight: 600;}
#sod_frm .item-footer{padding-left: 2rem; color: #666;}

.btn-order{margin-top: max(4rem, var(--vw-80));}
.btn-order p{margin-bottom: 8px;}
#sod_frm .sp-submit{background-color: #ff5b4d; font-size: clamp(1.8rem, var(--font-20), 2rem); width:100%; cursor:pointer; }
#sod_frm .sp-submit:hover{background-color: #343434; }
#sod_frm .sp-submit strong{font-weight: 600;}

/* #sod_frm #cp_frm {z-index:10000;position:absolute;top:50%;left:50%;width:540px;height:auto !important;height:500px;max-height:500px;margin-left:-270px;margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit} */

#cp_frm {z-index:10000;position:absolute;top:50%;left:50%;width:540px;height:auto !important;height:500px;max-height:500px; border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit; box-shadow: 0.4px 0.5px 2px 0.1px rgba(0, 0, 0, 0.3); transform: translate(-50%, -50%);}

.od_coupon h3{border-bottom: 1px solid #cdcdcd;padding: 0 20px !important;line-height: 50px;margin: 0 0 15px;font-size: 1.25em;text-align:left; -webkit-box-shadow: 1px 2px 2px #eee; -moz-box-shadow: 1px 2px 2px #eee; box-shadow: 1px 2px 2px #eee;}
.od_coupon .btn_close {position: absolute;top: 0;right: 0;width: 50px;height: 50px;border: 0;background: none;border-left: 1px solid #cdcdcd;font-size: 1.25em;}
.od_coupon .btn_close:hover{background:#f3f3f3}
.od_coupon .tbl_head02{margin:20px}
.od_coupon .cp_apply{padding: 0 5px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;}
.od_coupon td, #sod_frm .od_coupon td, #sod_frm_sales .pay_tbl .od_coupon td{text-align:left; padding:7px !important; border: 1px solid #ebebeb;}
#sod_frm .od_coupon th, #sod_frm_sales .pay_tbl .od_coupon th{width:auto;text-align:center;padding: 7px;background: #f3f3f3; border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3; border-left: 0; border-right: 0;}
.od_coupon .td_numbig, #sod_frm .od_coupon .td_numbig, #sod_frm_sales .pay_tbl .od_coupon .td_numbig, #sod_frm_sales .pay_tbl .od_coupon .td_mngsmall{text-align:center;}
.od_coupon .td_mngsmall{width:60px}

#sod_frm_sales .pay_tbl .od_coupon .btn_frmline{margin-left: 0;}



/* 주문서 작성 - 왼쪽 */
/* 주문서 작성 - 주문하시는 분 */
#sod_frm .tbl_frm01 {padding:10px}
#sod_frm .tbl_frm01 th,#sod_frm .tbl_frm01 td {text-align:left;padding:10px;vertical-align:top}
#sod_frm .tbl_frm01 th{padding:0px 10px}
#sod_frm .tbl_frm01 td input {width:100%}
#sod_frm .tbl_frm01 td .addr input {width:20%}
#sod_frm .tbl_frm01 td .addr button {background:#434a54;color:#fff;width:128px;height:45px;border:0;border-radius:3px}

/* 주문서 작성 - 받으시는 분 */
#sod_frm_taker h3{display: flex; justify-content: space-between;}
#sod_frm_taker h3 a{color: #666; font-size: 16px; font-weight: 400;}
#sod_frm_taker .tbl_frm01 .choice_place {display:block;background:#edf3fc;padding:10px 15px;border:1px solid #d1ddee;margin:0 10px 10px}
#sod_frm_taker .tbl_frm01 .choice_place:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm_taker .tbl_frm01 .choice_place .chk_box {float:left;display:inline-block;width:85%;line-height:30px}
#sod_frm_taker .tbl_frm01 .choice_tit {float:left;display:inline-block;width:15% !important;line-height:30px}
#sod_frm_taker .tbl_frm01 .choice_place input[type="radio"] + label span {top:7px}
#sod_frm_taker .tbl_frm01 .choice_place input,
#sod_frm_taker .tbl_frm01 .choice_place label {margin-left:10px}
#sod_frm_taker .tbl_frm01 .btn_frmline {padding:0;width:80px;height:30px;line-height:28px;background:#fff;border:1px solid #d4d6db;color:#606060;text-align:center;float:right}

#sod_frm_taker .tbl_frm01 td input {width:100%}
#sod_frm_taker .tbl_frm01 td .addr input {width:20%}
#sod_frm_taker .tbl_frm01 td .addr button {background:#434a54;color:#fff;width:128px;height:45px;border:0;border-radius:3px}
#sod_frm_taker .tbl_frm01 td .ad_choice {padding:5px 0}
#sod_frm_taker .tbl_frm01 td .ad_choice input {width:auto}

#order-address-place{display: flex; align-items: center;}
#order-address-place .badge{margin-left: 1rem;}

#sod_frm_taker .readonly, #sod_fin_receiver .readonly{border: 0; background-color: transparent; padding: 0;}



/* 주문서 작성 - 공통 */
#sod_frm_orderer, #sod_frm_taker{border-bottom:1px solid #cbcbcb;}
#sod_frm .sod-cont section{margin-top: max(3rem, var(--vw-60)); position: relative; }
#sod_frm .sod-cont section h3 {border-bottom:1px solid #cbcbcb; font-size: clamp(1.6rem, var(--font-20), 2rem); font-weight: 600; padding: 0 0 20px}
#sod_frm_orderer #od_addr_jibeon,
#sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0}

/* 5.4.1.3 버전이후 추가 css */
#sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td{padding:10px; line-height:40px}
#sod_frm .tbl_frm01 th{width: 15.39%; font-weight: 400;}
#sod_frm .tbl_frm01 .help-block{line-height: 1; font-size: 14px;}
#sod_frm #od_name,#sod_frm #od_tel,#sod_frm #od_hp,#sod_frm #od_pwd,#sod_frm #od_b_name,#sod_frm #od_b_tel,#sod_frm #od_b_hp,#sod_frm #ad_subject,#sod_frm #od_hope_date{width:40%}
#sod_frm #od_zip,#sod_frm #od_b_zip{width:90px}
.btn_address {background:#434a54;color:#fff;width:100px;height:40px;border:0;border-radius:3px}
#sod_frm .select-box .select-list a{line-height: 1;}
#sod_frm #od_memo{margin-top: 5px; display: none;}
#sod_frm_taker .order_choice_place{position:relative;background:#edf3fc;border:1px solid #d1ddee;padding-left:10px}
#sod_frm_taker .tbl_frm01 .btn_frmline{float:none;position:absolute;top:8px;right:10px}
#sod_frm  #sod_bsk_tot{margin-bottom: 3.7rem;}
#sod_frm  #sod_bsk_tot .sod_bsk_cnt{color: #e50026; margin-top: 0;}

#sod_frm_sales{border-bottom: 1px solid #cbcbcb;}
#sod_frm_sales .pay_tbl{position: relative;}
#sod_frm_sales .pay_tbl table{width:100%;border-collapse:collapse}
#sod_frm_sales .pay_tbl th{text-align:left;padding:10px;width:80px;border:1px solid #cbcbcb;background:#fff;font-weight:500; border-radius: 4px; line-height: 30px; border-right: 0;}
#sod_frm_sales .pay_tbl td{text-align:right;padding: 10px;height:30px; line-height: 30px; border:1px solid #cbcbcb; background:#fff; border-radius: 4px; border-left: 0;}
#sod_frm_sales .pay_tbl td .cp_cancel{margin:0 0 0 4px}
#sod_frm_sales .pay_tbl td .btn_frmline{padding: 0 7px;border: 1px solid #8f1d22;color: #8f1d22;background: #fff;height: 30px;line-height: 26px;margin: 0; margin-left: 1rem; font-size: 14px; border-radius: 4px;}

#sod_frm_sales .select-box{max-width: 180px; }
#sod_frm_sales .select-box .btn-select{color: #666; font-size: 12px; height: 34px; line-height: 34px;}
#sod_frm_sales .select-box .select-list a{font-size: 14px;}

#od_tot_price{margin:10px 0;background:#fff;line-height:40px;text-align:right;padding:0 10px}
#od_tot_price span{float:left;font-weight:bold}
#od_tot_price strong{font-size:1.5em;color:#ff006c}
#sod_frm #sod_frm_pt_alert {margin:5px 0;color:#38b2bb }

#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#forderform .od_pay_buttons_el{margin-top:20px; }
#forderform .od_pay_buttons_el h3{font-size:1.167em;margin:0px 0 5px}
#forderform #sod_frm_pt{border-top:1px solid #e3e5e8}


.sod_right #od_tot_price{border:1px solid #e3e5e8}
#sod_frm_pay .od_pay_buttons_el:after{display:block;visibility:hidden;clear:both;content:""}
#sod_frm_pay .sod_frm_point{margin-top:20px;border:1px solid #e3e5e8}
#sod_frm_pay .sod_frm_point div{background:#fff;padding:10px;text-align:left;text-align:right}
#sod_frm_pay .sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''}
#sod_frm_pay .sod_frm_point div label{float:left;line-height:30px;font-weight:bold}
#sod_frm_pay .sod_frm_point div span{display:block}
#sod_frm_pay .sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''}
#sod_frm_pay .sod_frm_point div strong{float:left;color:#666}
#sod_frm_pay .sod_frm_point .max_point_box em{font-style:normal !important}
#sod_frm_pay .sod_frm_point #od_temp_point{height:30px;text-align:right;padding:0 5px;border:1px solid #ccc;}

/* 주문서 작성 - 패널 */
.sod-panel section h4{margin-bottom: 4rem; font-size: clamp(1.6rem, var(--font-20), 2rem); font-weight: 600;}
.sod-bsk-addr{border-bottom: 1px solid #cbcbcb; padding-bottom: 2rem; margin-bottom: 2rem;}
.sod-panel section.sod-bsk-addr h4{margin-bottom: 1.5rem;}
.sod-bsk-addr div{line-height: 1.3;}
.sod-bsk-addr div + div{margin-top: 1rem;}
.sod-bsk-addr .btn-border{color: #666; padding: 11px; line-height: 1;}
.sod-bsk-addr .btn-wrap{margin-top: 1.4rem;}

#disp-order-name{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/* 주문서 작성 - 포인트사용 */
#sod_point {clear:both;background:#fff;margin-top:10px;border:1px solid #e3e5e8}
#sod_point h2 {font-size:1.167em;padding:15px;border-bottom:1px solid #e3e5e8}
#sod_point h2:after {display:block;visibility:hidden;clear:both;content:''}

#sod_point .point_tit {vertical-align:baseline;float:left;line-height:28px}
#sod_point .point_tit label {vertical-align:baseline}
#sod_point .point_ipt {float:right;display:inline-block;margin-left:35px;text-align:left;text-align:right;font-weight:normal}
#sod_point .point_ipt:after {display:block;visibility:hidden;clear:both;content:''}
#sod_point .point_ipt #od_temp_point {width:100px;height:30px;text-align:right;padding:0 5px;border:1px solid #d0d3db;border-radius:3px}

#sod_frm_pt {padding:20px}
/*
#sod_frm_pt strong {display:inline-block;width:45%;color:#000;line-height:28px;text-align:left}
#sod_frm_pt span {display:inline-block;width:55%;color:#000;text-align:right}
#sod_frm_pt span:after {display:block;visibility:hidden;clear:both;content:''}
*/
#sod_frm_pt .max_point_box em {font-style:normal !important}


/* 주문서 작성 - 결제수단 */
/* #sod_frm_pay {position:relative;margin:10px 0 0;background:#fff;border:1px solid #e3e5e8} */
#sod_frm_pay {position:relative;margin:10px 0 0}
#sod_frm #sod_frm_pay h3 {border-bottom: 0; padding-bottom: 0;}
#sod_frm_pay .tooltip_txt {height:auto;line-height:18px;font-weight:normal;font-size:1em;padding:10px 20px;margin:10px}
#sod_frm_pay .tooltip_txt i {float:left;line-height:36px;font-size:2em;margin-right:15px}
#sod_frm_pay .tooltip_txt:before {height:100%}
#sod_frm_pay .lb_icon {display:block;position:relative;cursor:pointer;z-index:1; margin-left: 0; padding-left: 3rem;}
#sod_frm_pay input[type="radio"]:checked+.lb_icon {z-index:3; font-weight: 600;}
#sod_frm_pay input[type="radio"] + label span {top:7px}

#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
/*
#sod_frm_paysel .PAYCO {display:inline-block;width:75px;background:url('../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #fa1417}
#sod_frm_paysel .PAYNOW {display:inline-block;width:75px;background:url('../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #c01734}
#sod_frm_paysel .kakaopay_icon {display:inline-block;width:60px;background:url('../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px}
#sod_frm_paysel .KPAY {display:inline-block;width:58px;background:url('../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #22096a}
#sod_frm_paysel .inicis_lpay {display:inline-block;width:50px;background:url('../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #009bd7}
*/
#sod_frm_paysel ul.pay_way {margin:0;padding:15px}
#sod_frm_paysel ul.pay_way input[type="radio"] + label span {top:7px}
#sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}

#sod_frm_paysel li{position:relative; border: 1px solid #cbcbcb;}
#sod_frm_paysel li > .check-box{background-color: #f9f9f9;  padding: 2rem; display: block;}
#sod_frm_paysel li .cont{background-color: #fff; padding: 3rem 2rem; border-top: 1px solid #cbcbcb;}
#sod_frm_paysel li + li{border-top: 0;}

#settle_bank label {float:left;width:30%;line-height:30px}
#settle_bank option {padding:3px 0}
#settle_bank #od_deposit_name {height:32px; margin-top: 8px; max-width: 38rem; font-size: 14px;}

#settle_vbank h4{font-weight: 600; margin-bottom: 2rem;}
#settle_vbank .check-box + .check-box{margin-left: 4rem;}
.method-wrap{position: relative;}
.method-wrap .lss-method{margin-top: 2rem;}
.method-wrap .select-area{display: flex; align-items: center;}
.method-wrap .select-area select{flex-shrink: 0; width: 20%;}
.method-wrap .select-area .input + .input{margin-left: 1rem;}

/* .add-card .input{max-width: ;} */

.method-wrap .add-option{flex-grow: 1; margin-left: 1rem;}
.method-wrap .add-option div{display: none; max-width: 60%;}
.method-wrap .add-option div.active{display: flex}
.lss-method{display: none;}

#display_pay_button {background:#fff; }
#display_pay_button p{color: #666; font-size: 12px; margin-bottom: 5px;}
#display_pay_button .btn01 {width:100%;height:50px;line-height:38px;font-weight:bold;font-size:1.25em;margin:5px 0;border:1px solid #ccd1d9}

.display_setup_message {margin:0 0 10px;padding:15px;border:1px solid #fccdff;background:#ffeef9}
.display_setup_message strong {display:block;margin:0 0 10px}

#sod_frm_taker td input[type="radio"], #sod_frm_taker td input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial}
#sod_frm_taker label {display:inline-block;font-weight:normal;margin-right:1em}
#sod_frm_same {margin:0 0 10px}

#sod_frm_addr div + div{margin-top: 8px;}

#sod_frm #display_pay_process {text-align:center}
#sod_frm #display_pay_process span {display:block;margin:5px 0 0}

#od_tot_price {background:#e5f0ff;line-height:20px;text-align:right;padding:15px}
#od_tot_price span {float:left;font-weight:bold}
#od_tot_price strong {font-size:1.5em;color:#ff006c}
#sod_frm_pay_info {margin:0 0 10px}

#sod_frm_sales #sc_coupon_frm, #sod_frm_sales #od_coupon_frm {z-index:10000;position:absolute;top:0;right:0;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:auto}
#sod_frm_deli {position:relative;line-height:2em}

#sod_frm_escrow {margin:30px 0 0}
#sod_frm #sod_frm_escrow h2 {margin:0;border:0}
#sod_frm #sod_frm_escrow p {margin:5px 0}
#display_pay_process {padding:20px;text-align:center}
#display_pay_process img{margin-bottom: 2rem;}
#display_pay_process .inner{display: flex; align-items: center; justify-content: center; height: calc(100vh - 4rem); width: 100%; flex-direction: column;}


/**********
* ## Order_result
**********/
#sod_v {margin-bottom:30px}
#sod_v:after {display:block;visibility:hidden;clear:both;content:''}
#sod_v td {text-align:center}
#sod_v td a {font-weight:bold}
#sod_v .basic_tbl {text-align:center}
.status_01 {display:inline-block;background:#edfbde;color:#8cc152;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px}
.status_02 {display:inline-block;background:#84c93a;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px}
.status_03 {display:inline-block;background:#e2f6f2;color:#16b494;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px}
.status_04 {display:inline-block;background:#e2eaf6;color:#3a8afd;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px}
.status_05 {display:inline-block;background:#3a8afd;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px}
.status_06 {display:inline-block;background:#fff;color:red;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px}


/* 주문상세내역 */
.page-order-view .section-page{padding-top: 0;}
.page-order-view .sub-etc .section-header{border-bottom: 0; padding-bottom: 0;}
.page-order-view .sub-etc .section-header .section-title{font-size: clamp(1.8rem, var(--font-24), 2.4rem); font-weight: 600; }

.sod_fin_no {display: flex; align-items: center; padding:22.5px 20px; border-top:1px solid #cbcbcb; background:#f9f9f9; color: #666;}
.sod_fin_no strong{color: #0a0a0a; font-weight: 600; font-size: clamp(1.8rem, var(--font-24), 2.4rem); margin-right: 2rem; line-height: 1;}
.sod_fin_no a{margin-left: auto; min-width: auto; line-height: 1;}
.sod_fin_no .btn-border{margin-left: auto; font-size: 12px; min-width: auto; padding: 8.5px 20px; line-height: 1;}

#sod_sts_wrap {margin:0 0 10px;text-align:right}
#sod_sts_explan {display:none}

#sod_fin section + section{margin-top: max(4rem, var(--vw-80));}
#sod_fin section h3{font-size: clamp(1.8rem, var(--font-24), 2.4rem); font-weight: 600; margin-bottom: 4rem;}

#sod_fin .sod-product-wrap .cont .category{font-weight: 600;}
.message-wrap{margin-top: 3rem;}
.message-wrap .text{display: flex; align-items: center;}
.message-wrap .text + .text{margin-top: 0.5rem;}

#sod_fin .table-wrap{padding: 5px 0; border-bottom: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb;}
#sod_fin .table-wrap table{border: 0;}
#sod_fin .table-wrap th{width: 18%; border: 0; font-size: clamp(1.6rem, var(--font-20), 2rem); color: #0a0a0a; padding: 1rem;}
#sod_fin .table-wrap td{border: 0; padding: 1rem;}

#sod_fin_legend {padding:10px;background:#fff;margin:10px 0;border:1px solid #e9e9e9;text-align:left;zoom:1}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''}
#sod_fin_legend dt {clear:both;float:left;margin:0 0 5px;width:50px;font-weight:bold}
#sod_fin_legend dd {float:left;margin:0}

#sod_fin #sod_bsk_tot{padding: 0.5rem 0 0;}
#sod_fin #sod_bsk_tot .sod_bsk_item .label{color: #0a0a0a; font-weight: 600; }
#sod_fin #sod_bsk_tot .sod_bsk_sale .label{color: #ff5b4d }
#sod_fin #sod_bsk_tot .sod_bsk_sale strong{font-weight: 400; color: #ff5b4d }
#sod_fin #sod_bsk_tot .sod_bsk_sale ul li .label{color: #666;}
#sod_fin #sod_bsk_tot .sod_bsk_sale ul li .text{color: #666;}
#sod_fin #sod_bsk_tot .sod_bsk_dvr .label{color: #0a0a0a;}
#sod_fin #sod_bsk_tot .sod_bsk_dvr strong{font-weight: 400;}
#sod_fin #sod_bsk_tot .sod_bsk_cnt{background-color: #f9f9f9; padding: 2.75rem 2rem; border-bottom: 1px solid #cbcbcb; font-weight: 600; margin-top: 0.5rem;}
#sod_fin #sod_bsk_tot .sod_bsk_cnt span{color: #666;}
#sod_fin #sod_bsk_tot .sod_bsk_cnt strong{color: #0a0a0a; font-size: 1.6rem;}

#sod_fin_pay .item ul > li{padding: 1.5rem 2rem; }
#sod_fin_pay .item ul > li strong{margin-right: 0;}

#sod_fin_pay .item .title{font-size: clamp(1.6rem, var(--font-20), 2rem); font-weight: 600; padding: 1.5rem 2rem 0;}
#sod_fin_pay .item ul li{display: block; overflow: hidden;}
#sod_fin_pay .item ul li .label{float: left; font-size: clamp(1.6rem, var(--font-20), 2rem); color: #666;}
#sod_fin_pay .item ul li .text{float: right;}

#sod_fin_pay .item ul li ul::before{display:block;visibility:hidden;clear:both;content:''}
#sod_fin_pay .item ul li ul li{padding: 1.5rem 0 0 2rem;}
#sod_fin_pay .item ul li ul li .label{font-size: 1.6rem; display: flex; align-items: center;}
#sod_fin_pay .item ul li ul li .label .tooltip{margin-left: 0.5rem; line-height: 1;}
#sod_fin_pay .item ul li ul li .text{font-size: 1.6rem;}
#sod_fin_pay .item ul + ul{border-top: 1px solid #cbcbcb; }


#request_form {position:relative}
#request_form div {display:none;z-index:10000;position:absolute;top:23px;left:0;padding:20px 0;width:520px;border:1px solid #000;background:#f2f5f9;text-align:center}
#request_form .frm_input {width:300px;background:#fff !important}
#request_form .btn_frmline, #request_form .btn_cancel {vertical-align:middle !important}
#request_form .btn_frmline {padding:0 10px;line-height:1.6em}

#sod_req_btn {margin:0 0 10px}
#sod_req_btn button {background:#626870}

#sod_req_log {margin:0 0 20px}
#sod_req_log ul {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none}
#sod_req_log li {padding:10px 10px 20px;border:1px solid #e9e9e9;border-top:0}
#sod_req_log h3 {margin:20px 0 10px}
.sod_req_log_view table {margin:0}
.sod_req_log_view caption {padding:10px 0;font-size:1em;font-weight:bold;text-align:left;line-height:1em}
.sod_req_log_view caption span {color:#ff3061}
.sod_req_log_view th {border-top:1px solid #e9e9e9;background:#f7f7f7 !important;color:#000 !important;text-align:center}
.sod_req_log_view td {background:#fff;color:#000}
.sod_req_log_view p {padding:10px 15px;border-bottom:1px solid #e9e9e9;background:#fff;color:#000}
.sod_req_log_view .sod_req_it {width:270px}
.sod_req_log_view button {margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle;cursor:pointer}

#sod_fin_list .td_bdno{border-left:0}
#sod_fin_list .td_bdno a{font-weight:bold}

.order-list-wrap{position: relative;}
.order-list-wrap .item{padding: 2rem 0; position: relative; display: flex;}
.order-list-wrap .item + .item{border-top: 1px solid #cbcbcb;}
.order-list-wrap .item-container + .item-container{margin-top: max(3rem, var(--vw-60));}
.order-list-wrap .item-container .item:last-child{border-bottom: 1px solid #cbcbcb;}
.order-list-wrap .item-panel{width: 30rem; margin-left: auto; text-align: center; padding: 2rem 0;}
.order-list-wrap .item-panel p{color: #666;}
.status-label{color: #8f1d22; font-weight: 600; margin-bottom: 0.5rem;}

.item-panel .status-label{margin-right: 0; display: block;}
.item-panel .btns{margin-top: 3rem;}
.item-panel .btns .btn{width: 15rem; height: 4rem; line-height: 3.8rem; border: 1px solid #cbcbcb; padding: 0; border-radius: 4px; color: #666; display: block; margin: 0 auto;}
.item-panel .btns .btn + .btn{margin-top: 5px;}

.order-list-wrap .list-total{margin-bottom: 5px; display: block;}
.order-list-wrap .list-footer{border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; background-color: #f9f9f9; color: #666; padding: 3rem; line-height: 1;}


.pop-status .pop-wrap{max-width: 60rem; }
.pop-status .pop-wrap .pop-content{padding: 2rem;}
.pop-status .pop-wrap .pop-content .contact-form textarea.input{min-height: 20rem;}

.pop-status .card-title{display: none;}
.pop-status #sit_use_write .card-wrap{padding: 0;}
.pop-status #sit_use_write .form-btn .btn-cancel{display: none;}
.pop-status #sit_use_write .form-btn .btn-submit{height: 4.5rem; line-height: 4.5rem; padding: 0; width: 100%;}


#sod_fin_view {border:1px solid #e9e9e9}
#sod_fin_view h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_view h3 {margin:0 0 10px}
#sod_fin_view .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}

#sod_fin_pay .cont{display: flex;}
#sod_fin_pay .item{flex: 1; border-top: 1px solid #cbcbcb;}
#sod_fin_pay .item + .item{margin-left: 3rem;}

#sod_fin_pay .cont .btn-wrap{margin-top: 0.5rem; text-align: left; border-top: 1px solid #cbcbcb; padding-top: 2rem;}
#sod_fin_pay .cont .btn-wrap a{display: inline-block; border: 1px solid #343434; background-color: #fff; border-radius: 4px; width: 12rem; height: 4rem; line-height: 3.8rem; text-align: center;}
#sod_fin_pay .cont .btn-wrap a + a{margin-left: 1rem;}

#sod_fin_orderer {margin:0 0 30px}
#sod_fin_receiver {margin:0 0 30px;}
#sod_fin_receiver .btn-wrap{margin-top: 3rem;}
#sod_fin_receiver #od_memo{margin-top: 5px; display: none; width: 50%;}
#sod_fin_receiver #od_memo.active{display: block;}
#sod_fin_dvr .dvr_link {color:#ff3061;text-decoration:underline}

#sod_fin_tot {margin:10px 0}
#sod_fin_tot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_tot ul {margin:0;padding:0;list-style:none}
#sod_fin_tot li {padding:10px;background:#38b2b9;border-bottom:1px solid #5ec2c7;color:#fff;zoom:1}
#sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_tot #alrdy {border-bottom:0 !important}
#sod_fin_tot #alrdy .right{margin-top:10px;text-align:right;color:#f3f3f3;font-size:0.9em}
#sod_fin_tot #alrdy .right p{position:relative}
#sod_fin_tot #alrdy .right .title{position:absolute;left:0;padding-left:8px}
#sod_fin_tot strong {float:right}

#sod_fin_cancel {text-align:center}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
/* #sod_fin_cancel button {height:40px;border:1px solid #5e6b6f;font-weight:bold;width:100%;background:none;color:#5e6b6f}
#sod_fin_cancel button:hover{background:#fff} */
#sod_fin_cancelfrm {display:none; margin: 10px auto; text-align:center; background:#f5f9f9; padding:2rem; max-width: 60rem;}
#fcancelform {}
#fcancelform .btn-wrap{margin-top: 1em;}
#sod_fin_test {padding:10px}

/* 주문상세내역 중 현금영수증 발급 */
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#scash_apply {padding:10px 0 20px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}



/**********
* ## WISH
**********/
.sod_ws_img {width:90px;text-align:center}
#sod_ws_act {text-align:center;margin:20px 0 30px}
#sod_ws_act button {height:50px;width:180px;font-weight:bold;font-size:1.167em;border-radius:3px}
#sod_ws_act .btn01 {border:1px solid #98a3b3}
#sod_ws_act .btn02 {border:1px solid #1c70e9;background:#3a8afd}

#sod_ws li .grid-content {padding: 0 0 0 35px;}
#sod_ws li .wish_chk {position:absolute;top:0;left:0;width:30px;text-align:center;line-height:30px;}
#sod_ws li .wish_chk .check-box{position:absolute;top:0;left:0;}


/**********
* ## DELIVERY
**********/
#sod_addr .bbs-card .grid-list .item{height: auto;}
#sod_addr .bbs-card .list-header{margin: 1rem 0; padding: 0; display: block; text-align: right; border: 0; background-color: #fff;}
#sod_addr .bbs-card .list-header .btn{padding: 4px 8px;}
.addr-title{flex-shrink: 0; width: 10%;}
.addr-info{margin-left: 2rem; position: relative; flex-grow: 1; font-size: 14px;}
.addr-info .dash .label{width: 14%; color: #666;}
.addr-info .dash .text{max-width: 70%;}
.addr-info .dash li + li{padding-top: 3px;}
.addr-btn{position: absolute; right: 0; top: 0;}
.addr-btn .btn{padding: 6px 10px;}
.addr-btn .btn + .btn{margin-top: 3px;}

#sod-addr-form .contact-form .input{height: 3.5rem; line-height: 3.5rem; font-size: 14px; padding-left: 1rem;}
.contact-form.table-layout.xs .form-group{margin-bottom: 2rem;}
.contact-form.table-layout.xs .form-group .label{line-height: 3.5rem; height: 3.5rem; font-size: 14px; font-weight: 400; width: 140px;}
.contact-form.table-layout.xs .form-group .select-box .btn-select{line-height: 3.5rem; height: 3.5rem; font-size: 14px; font-weight: 400; padding-left: 1rem;}
.contact-form.table-layout.xs .form-btn{margin-top: 3rem;}
.contact-form.table-layout.xs .form-group .btn{font-size: 14px; height: 3.5rem; line-height: 3.5rem; padding: 0; min-width: auto; padding: 0 10px;}
.contact-form.table-layout.xs .select-box .select-list a{font-size: 14px;}
.contact-form.table-layout.xs .form-group .check-box label{font-size: 14px;}

#sod-addr-form .form-btn .btn-group{max-width: 33rem;}
/* #sod-addr-form .form-btn .btn-group .btn{} */


/**********
* ## Order View
**********/
.cancel-wrap {text-align:center; margin: 1rem 0;}
.cancel-wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.cancel-text{border: 1px solid #b20158; font-weight: 500; color: #b20158;padding: 1rem;; background: #fafafa;}

.order-result .cancel-text{border: 0; padding: 0; margin-top: 2rem;}


/*주문내역관리*/
.orderlist{position:relative}
.orderlist h3{border:0;margin:0}
.orderlist .list-total{border-radius:5px;background: #d9ecf9;color: #348fe2;font-size:0.92em;padding:7px 10px}
.orderlist table{border-top:2px solid #000;border-bottom:1px solid #ddd;margin:10px 0}
.orderlist table .btn{cursor:default; margin-right: 10px; height: 30px; line-height: 28px; padding: 0;}
.orderlist table th{vertical-align:middle}
.orderlist table td{vertical-align:middle}
.orderlist table .date{font-size:0.92em;color:#777; display: block;}
.orderlist .text-danger{color:#ef3e77}
.orderlist .table-responsive{border:0}