/* BASIC css start */
.overflow_h {overflow:hidden;}

#detailpage {z-index:1000000000!important;}
#MK_basketpage {z-index:1000000001!important;}
.shortping_header {background:#f9f7f1;}
.shortping_tit {padding:40px 0 30px; text-align:center;}
.shortping_tit h2 {font-size:26px; color:#000; font-weight:600; line-height:30px;}
.shortping_tit h2 p {color:#999; font-size:12px; line-height:20px;}

.shortList {display:grid; gap:40px;}
.shortList img {width:100%;}

.shortform_top {background:#f7f7f7; text-align:center; padding:50px 0 20px;}
.shortform_top .swiper-container, .formList .swiper-container {overflow:hidden;}
.shortform_top h2 {font-size:22px; color:#000; margin-bottom:10px; font-weight:600;}
.shortform_top p {font-size:16px; color:#000; margin-bottom:40px;}
.cateSlide {padding:10px 0;}
.cateSlide .swiper-container {padding:0 20px;}
.cateSlide .swiper-slide {width:auto;}
.cateSlide .swiper-slide a {display:inline-block;line-height:35px; color:#000; font-size:14px;}
.cateSlide .swiper-slide.active a {border-bottom:2px solid #000; font-weight:600;}
.section {padding-top:35px;}
.newpage {padding:0 15px;}
.formList h2 {font-size: 16px;display: block;font-weight: 600;}
.formList h2 span {display:inline-block; font-size:14px; color:#000; font-weight:500; margin-left:10px;}
.formList {padding:0;}
.formList .swiper-container {padding:15px 10px;}
.formList .swiper-slide {position:relative; width:100%; border-radius:10px; overflow:hidden;}
.formList .swiper-slide .cnt {position: absolute; padding: 2px 8px; background-color: rgba(0, 0, 0, 0.4); border-radius: 15px; top: 15px; left: 15px; color: #fff; font-size: 10px;}
.formList .swiper-slide .cnt img {width:12px; margin-right:2px; vertical-align:middle;}
.formList .swiper-slide .img {}
.formList .swiper-slide img {width:100%;}
.formList .swiper-slide .info {position:absolute; width:100%; box-sizing:border-box; bottom:0; padding:10px; font-size:14px; color:#fff; background:rgba(0,0,0,0.5); }


.formList .swiper-slide .detail {background: #FAF8EF; display: flex; gap: 5px; margin-top: 10px; border-radius: 4px; overflow: hidden; padding: 20px 25px; flex-direction: column;}
.formList .swiper-slide .detail .thumb {width:80px; height:80px;}
.formList .swiper-slide .detail .thumb img {object-fit:cover;}
.formList .swiper-slide .detail .MK-product-icons {display:none;}
.formList .swiper-slide .detail .table-opt {display:none;}
.formList .swiper-slide .detail .sns-btns {display:none;}
.formList .swiper-slide .detail .f-btns {display:none;}
.formList .swiper-slide .detail .txt-wrap {display: flex; flex-direction: column; justify-content: center; gap:4px;}
.formList .swiper-slide .detail .txt-wrap .cate {font-size:18px; font-weight:700; color:#111;}
.formList .swiper-slide .detail .txt-wrap .ptit {font-size:14px; color:#6B6B6B;}

.formView {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index: 1000000000; bottom:0;}
.formView.active {display:block;}
.formView .swiper-container {height:100%;}
.formView .swiper-slide .video-wrap {height:100%; pointer-events:none;}
.formView .swiper-slide .video-wrap iframe {border:none; width:100%; height:100%;}


.formView .swiper-slide .video-wrap {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 100dvh;
  @supports (-webkit-touch-callout: none) { height: -webkit-fill-available; }
}

.formView .swiper-slide .video-wrap iframe {
  box-sizing: border-box;
  width: 177.77777778vh;
  height: 56.25vw;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



.formView .swiper-slide .control a {background:#000; color:#fff; line-height:40px; text-align:center; border-radius:5px; display:block; width:100%;}
.formView .swiper-slide .control a.view_product {width:36px; line-height:36px; border-radius:20px; border:2px solid #fff; display:block; flex-shrink: 0; overflow:hidden;}
.formView .swiper-slide .control a.view_product img {width:36px; height:36px;}
.formView .swiper-slide video {width: 100%; height: 100%; object-fit: cover; object-position: center center; position: relative; z-index: 0; pointer-events: none;}
.formView .swiper-slide .video-progress {position: absolute; bottom: 10px; width: 100%; height:2px; display:block;}
.formView .swiper-slide .video-progress span {display:block; vertical-align:top; height:2px; background:#fff;}

.formView .formViewHeader .formViewClose {position:absolute; line-height:40px; top:10px; left:10px; color:#fff; font-size: 16px; z-index: 100; padding-left:20px;}
.formView .formViewHeader .formViewMute {position:absolute; line-height:40px; top:10px; right:55px; color:#fff; font-size: 16px; z-index: 100; display:none;}
.formView .formViewHeader .formViewPlay {position:absolute; line-height:40px; top:10px; right:10px; color:#fff; font-size: 16px; z-index: 100;}
.formView .formViewHeader .formViewPlay:after {content:'STOP';}
.formView .formViewHeader .formViewPlay.play:after {content:'PLAY';}

.formView  .formViewHeader .formViewClose i {position:absolute; left:0; font-size:14px; margin-top:-7px; top:50%}
@keyframes progress {
    0%{
        width:0;
    }
    100%{
        width:100%;
    }
}
.formView .detail {height:64px; background:#fff; display:flex; gap:10px; border-radius:4px; overflow:hidden;}
.formView .detail .thumb {width:64px; height:64px;}
.formView .detail .thumb img {object-fit:cover; width:100%;}
.formView .detail .MK-product-icons {display:none;}
.formView .detail .table-opt {display:none;}
.formView .detail .sns-btns {display:none;}
.formView .detail .f-btns {display:none;}
.formView .detail .txt-wrap {display: flex; flex-direction: column; justify-content: center; gap:4px;}
.formView .detail .txt-wrap .cate {font-size:18px; font-weight:700; color:#111;}
.formView .detail .txt-wrap .ptit {font-size:13px; color:#6B6B6B; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%;}

.formView .swiper-slide .controlWrap {position:absolute; bottom:30px; padding:0 16px; width: 100%; box-sizing: border-box;}
.formView .swiper-slide .controlWrap h2 {display:none;}
.formView .swiper-slide .control {width:100%; box-sizing:border-box; display:flex; gap:10px;}
.formView .swiper-slide .control .detail {display:none; position:relative;}
.formView .swiper-slide .control .detail > a {position:absolute; top:0; left:0; width:100%; height:100%; background:transparent;}
.formView .swiper-slide .control .detail .thumb-wrap .btns {display:none;}
.formView .swiper-slide .control .detail:first-child {display:flex; width:100%;}
.formView .swiper-slide .control .detail .prd-icons {display:none;}
.formView .swiper-slide .control .detail .brand {display:block!important; font-weight:700;}
.formView .swiper-slide .control .productMore {width:64px; height:64px; line-height:20px; border-radius:4px; background:#fff; color:#000; text-align: center; display: flex; flex-direction: column; justify-content: center; flex-shrink: 0;}
.formView .productMore span {font-size:16px; font-weight:600;}

.formView .swiper-slide .controlWrap.open {background:#fff; padding-bottom:30px; bottom:0; overflow:auto; border-radius: 25px 25px 0 0; max-height: 400px;}
.formView .swiper-slide .controlWrap.open h2 {display:block; line-height:40px; font-size:16px; font-weight:600; margin-bottom:10px; position:sticky; border-bottom: 1px solid #ccc; z-index: 1000; background-color: white; top:0; padding-top: 20px;}
.formView .swiper-slide .controlWrap.open h2 a {position:absolute; top:20px; right:-10px; width:40px; height:40px; line-height:40px; font-size:14px; text-align:center; }
.formView .swiper-slide .controlWrap.open .control {background:#fff; flex-direction: column;}
.formView .swiper-slide .controlWrap.open .control .detail {display:flex; height:auto;}
.formView .swiper-slide .controlWrap.open .control .productMore {display:none;}
.formView .swiper-slide .controlWrap.open .control .thumb {height:auto;}
.formView .swiper-slide .controlWrap.open .control .detail {position:relative; border-radius:0;}
.formView .swiper-slide .controlWrap.open .control .detail .priceWrap {display:block!important; margin-top:5px;}
.formView .swiper-slide .controlWrap.open .control .detail .priceWrap .price {display:flex; gap:5px; font-size:15px;}
.formView .swiper-slide .controlWrap.open .control .detail .priceWrap .price .dc_per {color:#FF5C35; font-weight:600;}
.formView .swiper-slide .controlWrap.open .control .detail .priceWrap .price .normal {color:#000; font-weight:600}
.formView .swiper-slide .controlWrap.open .control .detail .priceWrap .price .consumer {text-decoration:line-through; color:#999; font-size:12px;}
.formView .swiper-slide .controlWrap.open .control .detail .f-btns {display:block;}
.formView .swiper-slide .controlWrap.open .control .detail .f-btns > * {display:none;}
.formView .swiper-slide .controlWrap.open .control .detail .f-btns .btn_wish {display:block; width:24px; height:24px; text-indent:-9999px; position:absolute; top:0; right:-4px;}
.formView .swiper-slide .controlWrap.open .control .detail .f-btns .btn_wish #MS_btn_wish {display:block; width:24px; height:24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0563 18.9607L10.9781 18.8888L5.50312 13.8044C4.54375 12.9138 4 11.6638 4 10.3544V10.2513C4 8.0513 5.5625 6.1638 7.725 5.7513C8.95625 5.5138 10.2156 5.79818 11.2188 6.50443C11.5 6.70443 11.7625 6.93568 12 7.2013C12.1312 7.0513 12.2719 6.9138 12.4219 6.78568C12.5375 6.68568 12.6562 6.59193 12.7812 6.50443C13.7844 5.79818 15.0437 5.5138 16.275 5.74818C18.4375 6.16068 20 8.0513 20 10.2513V10.3544C20 11.6638 19.4562 12.9138 18.4969 13.8044L13.0219 18.8888L12.9438 18.9607C12.6875 19.1982 12.35 19.3326 12 19.3326C11.65 19.3326 11.3125 19.2013 11.0563 18.9607ZM11.4719 8.86068C11.4594 8.8513 11.45 8.8388 11.4406 8.8263L10.8844 8.2013L10.8812 8.19818C10.1594 7.3888 9.06875 7.02005 8.00625 7.22318C6.55 7.5013 5.5 8.77005 5.5 10.2513V10.3544C5.5 11.2451 5.87188 12.0982 6.525 12.7044L12 17.7888L17.475 12.7044C18.1281 12.0982 18.5 11.2451 18.5 10.3544V10.2513C18.5 8.77318 17.45 7.5013 15.9969 7.22318C14.9344 7.02005 13.8406 7.39193 13.1219 8.19818L13.1187 8.2013L13.1156 8.20443L12.5594 8.82943C12.55 8.84193 12.5375 8.8513 12.5281 8.8638C12.3875 9.00443 12.1969 9.08255 12 9.08255C11.8031 9.08255 11.6125 9.00443 11.4719 8.8638V8.86068Z' fill='%23666666'/%3E%3C/svg%3E%0A");}
.formView .swiper-slide .controlWrap.open .control .detail .f-btns .btn_wish #MS_btn_wish.wish-on {background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0563 18.9607L10.9781 18.8888L5.50312 13.8044C4.54375 12.9138 4 11.6638 4 10.3544V10.2513C4 8.0513 5.5625 6.1638 7.725 5.7513C8.95625 5.5138 10.2156 5.79818 11.2188 6.50443C11.5 6.70443 11.7625 6.93568 12 7.2013C12.1312 7.0513 12.2719 6.9138 12.4219 6.78568C12.5375 6.68568 12.6562 6.59193 12.7812 6.50443C13.7844 5.79818 15.0437 5.5138 16.275 5.74818C18.4375 6.16068 20 8.0513 20 10.2513V10.3544C20 11.6638 19.4562 12.9138 18.4969 13.8044L13.0219 18.8888L12.9438 18.9607C12.6875 19.1982 12.35 19.3326 12 19.3326C11.65 19.3326 11.3125 19.2013 11.0563 18.9607Z' fill='%23FF5C32'/%3E%3C/svg%3E");}



#detailpage {position: fixed !important; width: 100%; top: 0 !important; bottom:0!important; left: 0 !important; margin-left: 0 !important; font-family:"Noto Sans KR", sans-serif}
#detailpage .cnt {position: absolute; right: 0; left: 0; bottom:0; z-index: 2; background-color: #fff;box-sizing: border-box; padding-bottom:20px;}
#detailpage .cnt .prev-sns {text-align: left; margin-bottom: 7px; height: 30px;}
#detailpage .cnt .prev-sns img {width: 30px; height: auto;} 
#detailpage .detail {}
#detailpage .detail .thumb-wrap {position: relative; text-align: center;}
#detailpage .detail .thumb-wrap .thumb img {max-width: 100%;}
#detailpage .detail .btns {position: absolute; right: 5px; bottom: 5px;}
#detailpage .detail .btns a {width: 90px;height: 30px;border: 1px solid #525252;display: inline-block;text-align: center;line-height: 28px;box-sizing: border-box; background-color: rgba(255, 255, 255, 0.9);color: #525252;border-radius: 5px;}
#detailpage .detail .txt-wrap .ptit {border-bottom: 1px solid #bbb; padding-bottom: 3px; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 10px 0;}
#detailpage .detail .txt-wrap .ptit img {margin-right: 3px;}
#detailpage .detail .txt-wrap .table-opt .opt .s-replace {text-align: center; display: inline-block; width: 100%;}
#detailpage .detail .txt-wrap .table-opt .opt .s-consumer .prev-price {text-decoration: line-through; color: #828282;}
#detailpage .detail .txt-wrap .table-opt .opt .price-line {text-decoration: line-through;}
#detailpage .detail .txt-wrap .table-opt .opt .s-dc-price .prev-price {font-weight: bold;}
#detailpage .detail .txt-wrap .table-opt .opt .s-reserve .prev-price {color: #828282;}
#detailpage .detail .txt-wrap .table-opt .opt .prev-price {float: right;}
#detailpage .detail .txt-wrap .table-opt .opt .p-total {display:flex; padding:0 20px; justify-content:space-between;}
#detailpage .detail .txt-wrap .table-opt .opt .p-total .prev-tit {font-size: 12px; color: #2f2f2f;}
#detailpage .detail .txt-wrap .table-opt .opt .p-total .total-price {font-size: 16px; font-weight: 600; color: #5f0080 !important;}

#detailpage .table-opt .opt-wrap {margin-top: 10px; border-top: 10px solid #f4f4f4;  padding: 20px;}
#detailpage .table-opt .opt-wrap .tit { margin-bottom: 5px; }
#detailpage .table-opt .opt-wrap dl {width: 100%; display:flex; align-items:center; margin-bottom:10px;}
#detailpage .table-opt .opt-wrap dl:last-child {margin-bottom:0;}
#detailpage .table-opt .opt-wrap dt {display: inline-block; width: 33%; vertical-align: middle; word-break: break-all;}
#detailpage .table-opt .opt-wrap dd {display: inline-block; width: 67%;}
#detailpage .table-opt .opt-wrap .sel-btn { padding-left: 10px; text-align: center; }
#detailpage .table-opt .opt-wrap select {display: block; width: 100%; font-size: 12px;}
#detailpage .table-opt .opt-wrap .opt-btns { display: inline-flex; align-items:center; gap:10px;}
#detailpage .table-opt .opt-wrap .opt-btns input {float:none!important; vertical-align: middle; height: 35px; box-sizing: border-box; text-align: center !important; border: 0!important; padding:0!important; -webkit-appearance: none; }
#detailpage .table-opt .opt-wrap .opt-btns .btn-up { background-color: #fff; width: 50px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; display: inline-block; border: 1px solid #7D7D7D; border-radius: 2px; box-sizing: border-box; }
#detailpage .table-opt .opt-wrap .opt-btns .btn-dw { background-color: #fff; width: 50px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; display: inline-block; border: 1px solid #7D7D7D; border-radius: 2px; box-sizing: border-box; }
#detailpage .table-opt .opt-wrap dl .opt-count select { width:100%; }
#detailpage .table-opt .opt-wrap dl .opt-count .opt-btns { float: left; margin-top: 5px; }
#detailpage .table-opt .opt-wrap dl .opt-count .opt-btns input { margin-right: 3px; }
#detailpage .table-opt .opt-wrap dd  select {
    width: 100%;
    height: 37px;
    line-height: 37px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
#detailpage .f-btns {margin: 16px 0 0;  padding:0 20px; }
#detailpage .f-btns ul {overflow: hidden;}
#detailpage .f-btns ul li {float: left; text-align: center; width: 100%;}
#detailpage .f-btns ul li .soldout-msg {width: 100%; background-color: #F2F4F7; display: block; padding: 5px; box-sizing: border-box;}
#detailpage .f-btns ul li:first-child a {margin-left:0;}
#detailpage .f-btns ul li.p_buy {width: 100%; margin-bottom:10px;}
#detailpage .f-btns ul li.p_cart {width: 50%}
#detailpage .f-btns ul li.p_wish {width: 50%}
#detailpage .f-btns ul li.p_buy a {color: #fff; background-color: #5f0080; border: 1px solid #5f0080; height: 44px; line-height: 44px; font-size: 15px; box-sizing: border-box; display: block; border-radius: 6px;}
#detailpage .f-btns ul li.p_cart a {background-color: #fff; border: 1px solid #dddddd; height: 50px; line-height: 50px; font-size: 13px; box-sizing: border-box; display: block; font-size: 15px; font-weight: 400; color: #4d4d4d; margin-right: 5px; border-radius: 6px;}
#detailpage .f-btns ul li.p_wish a {background-color: #fff; border: 1px solid #dddddd; height: 50px; line-height: 50px; font-size: 13px; box-sizing: border-box; display: block; font-size: 15px; font-weight: 400; color: #4d4d4d; margin-left:5px; border-radius: 6px;}
#detailpage .f-btns .btn_cartfree { display: inline-block; width: 100%; height: 30px; line-height: 30px; color: #fff; background-color: #313131; border: 1px solid #313131; box-sizing: border-box; text-align: center; }

#detailpage .close-layer {display: block; position: absolute; top: -45px; right: 10px; width: 45px; height: 36px;}
#detailpage .close-layer .pop-close-btn .x1 {border: 1px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 25px; position: absolute; top: 12px; right: 5px;}
#detailpage .close-layer .pop-close-btn .x2 {border: 1px solid #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 25px; position: absolute; top: 12px; right: 5px;}

.p-bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: #000; opacity: 0.5; }

#layerShopChoice { top: -20px !important;}

html .list_shoppingInfo .dc_info{vertical-align: middle; margin: 5px 0 0 5px;}


/*통옵소스*/
.MK-oneclick-list { overflow:hidden; zoom:1; }
.MK-oneclick-list:after { content: ""; display: block; clear: both; }
.MK-oneclick-list li { float:left; margin: 0 5px 5px 0; list-style-type:none; }                                                                                
.MK-oneclick-list li a { border:1px solid #231f20; display: inline-block; border-radius: 1px; box-sizing:border-box; } 
.MK-oneclick-list li.MK-oneclick-sel a { border:2px solid #000000; }
.MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; }
.MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a {  padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; }                         
.MK-oneclick-list li a img { width: 100%; height:100%;}
.MK-oneclick-list li.MK-oneclick-image a {height:50px;}
.MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 48px;;}
.MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:46px; width: auto;}
.MK-oneclick-list li.MK-oneclick-color { width:50px; height: 50px; } 
.MK-oneclick-list li.MK-oneclick-color a { padding: 2px; }
.MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; }
.MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; }
.MK-oneclick-list li.MK-oneclick-text  .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; }
.MK-oneclick-list li.MK-oneclick-text a { padding: 2px; }
.MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;}
.MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; }                                                                        
.MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; }
.MK-oneclick-value { padding: 2px 0; display:block; }
.MK-oneclick-only-text li.MK-oneclick-text { height: auto; }
.MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; }

/*추가*/
.shopdetailInfoValue .titborder{box-sizing:border-box;position:relative;  padding: 20px; }
.shopdetailInfoValue h2 {font-size: 18px; font-weight: 500; color: #2f2f2f; margin-bottom: 15px; padding-right:20px;}
.shopdetailInfoValue p.consumer, .shopdetailInfoValue p.price_cell {
    display: inline-block;
    vertical-align: top;
}
.shopdetailInfoValue .consumer {
    font-size: 23px;
}
.shopdetailInfoValue p.consumer .wonga {
    font-weight: 700;
    color: #000000;
}
.shopdetailInfoValue p.consumer .per {
    color: #ff4254;
    font-weight: 700;
}
.shopdetailInfoValue p.consumer del, .shopdetailInfoValue p.consumer.plus {
    font-weight: 300;
    color: #cbcbcb;
    font-size: 17px;
    text-decoration: line-through;
    vertical-align: bottom;
}

.shopdetailInfoValue p.late {
    margin-top: 15px;
    font-size: 14px;
    color: #555;
    font-weight: 600;
}
.buy_btn_wrap {
    position: absolute;
    top: 20px;
    right: 20px;
}
.buy_btn_wrap>a {
    text-align: center;
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
}
.buy_btn_wrap > a img {
    height: 17px;
    vertical-align: middle;
}
.bgMask_share {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}
.shareBox{display:none; position:fixed; width:calc(90% - 60px); padding:20px; left:5%; top:50%;  transform:translateY(-50%); background:#fff; border-radius:10px; z-index:9999 }
.shareBox strong{display:block;font-size:20px; line-height:50px; text-align:center; font-weight:bold; border-bottom:1px solid #000;}
.shareBox div{display:flex; gap:20px; text-align:center; padding:20px 0; justify-content:center;}
.shareBox div a{display:inline-block; vertical-align:top;}
.shareBox div a img{width:50px;vertical-align:middle;display:block;}
.shareBox div a span {display:block; margin-top:9px; font-size:14px; color:#000;}
.shareBox a.shareBoxCloseBtn{ display:block; width:100%; border-radius:10px; text-align:center; line-height:40px; font-size:16px; color:#fff; background:#222;}


.topBannerWrap,
header{
    display:none;
}

.ico_new {
    color: #ffffff;
    background-color: #ff8400;
    font-weight: bold;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 10px;
    line-height: 1.5;
}


.search-wrap { display:none; }
.list_shopping2x li img.listPic { border-radius:4px; }

#contents{
    padding-top:50px;
}

.pageTit {
    padding: 0 0 15px;
    font-size: 20px;
    font-weight: bold;
}

.pageTit.t_center{
    display:none;
    text-align:center;
}

/*상단 fixed 해더*/
.listPageHeader{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    background:#fff;
    z-index:998;
}

.listPageHeader .topBox{
    position:relative;
    border-bottom:1px solid #eee;
}

.listPageHeader .goToBackBtn{
    position:absolute;
    height:17px;
    top:50%;
    left:15px;
    transform:translateY(-50%);
}

.listPageHeader .goToBackBtn img{
    display:block;
    height:100%;
}

.listPageHeader .cateName{
    width:100%;
    text-align:center;
    padding:15px 0;
    font-size:16px;
    line-height:20px;
    font-weight:bold;
}

.listPageHeader .rightBox{
    position:absolute;
    top:50%;
    right:15px;
    transform:translateY(-50%);
}

.listPageHeader .rightBox ul li{
    position:relative;
    height:19px;
    margin-left:15px;
}

.listPageHeader .rightBox ul li a img{
    display:block;
    height:100%;
}





.boarderUseInfo{
    padding:20px 15px 20px !important; 
}

.boarderUseInfo ol li{
    position:relative;
    padding-left:15px;
    font-size:11px;
    color:#777;
    line-height:18px;
}

.boarderUseInfo ol li span{
    position:absolute;
    top:0;
    left:0;
    font-size:11px;
    line-height:18px;
    color:#111;
}

.boarderUseInfo ul { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:3px; }
.boarderUseInfo ul li { width:calc(25% - 2.5px); border-radius:2px; overflow:hidden; }


.boarderUseInfo ul li a{
    display:block;
    line-height:35px;
    text-align:center;
    font-size:13px;
    font-weight:500;
    background:#ededed;
}

.boarderUseInfo ul li.active a{
    background:#111;
    font-weight:600;
    color:#fff;
}

.visual .swiper .swiper-pagination{
    position:absolute;
    display:inline-block;
    width:40px;
    left:unset;
    right:16px;
    bottom:16px;
    z-index:1;
    background:rgba(0,0,0,0.5);
    color:#fff;
    border-radius: 30px;
    padding: 2px 4px;
    line-height:1.8;
}

.visual .swiper .swiper-pagination .swiper-pagination-current{
    font-weight:bold;
}

.visual a img { width:100%; height:auto; }
/* BASIC css end */