@charset "utf-8";

.shop-view .searchBox{background: #eef3f1;padding:20px;border-radius: 10px;text-align: center;margin-bottom: 15px;display:none}
.shop-view .searchBox > strong{font-size: 20px;color:#017b5a;font-family: 'Dream Medium';display: inline-block;vertical-align: middle;margin-right: 25px;}
.shop-view .searchBox .searchArea{display: inline-block;vertical-align: middle;}
.shop-view .searchBox .searchArea input[type="text"]{padding-left:12px;height: 50px;border:1px solid #b6b6b6;color:#333;border-radius: 16px;margin-right: 2px;min-width: 430px;font-size: 15px;font-family: 'Dream Regular';}
.shop-view .searchBox .searchArea input[type="submit"]{border:0;background:#017b5a url('../images/searchIcon-w.png') no-repeat center;width:48px;height: 48px;position: relative;top:-3px;cursor: pointer;border-radius: 16px;text-indent: -9999px;display: inline-block;vertical-align: middle;}

.typeSelect{display: flex;justify-content: space-between;}
.typeSelect .left{font-size: 12px;color:#999;font-family: 'Dream Medium';padding-top: 5px;}
.typeSelect .left strong{color:#ff4848;}
.typeSelect .right > ul{display: inline-block;vertical-align: middle;}
.typeSelect .right > ul > li{display: inline-block;vertical-align: top;position: relative;}
.typeSelect .right > ul.list1 > li + li{margin-left:10px;padding-left:14px;}
.typeSelect .right > ul.list1 > li + li::before{content: '';width:1px;height: 12px;background: #ccc;position: absolute;left:0;top:12px;}
.typeSelect .right > ul.list1 > li a{font-size:12px;color:#999;font-family: 'Dream Medium';}
.typeSelect .right > ul.list1 > li a:hover{color:#000}
.typeSelect .right > ul.list2{margin-left:15px;}
.typeSelect .right > ul.list2 > li a{display: block;width:28px;height: 28px;border:1px solid #bbb;text-indent: -9999px;background: url('../images/listshape01.png') no-repeat center;}
.typeSelect .right > ul.list2 > li.on a{background: url('../images/listshape01_on.png') no-repeat center;border-color:#ff4848;}
.typeSelect .right > ul.list2 > li + li{margin-left:5px;}
.typeSelect .right > ul.list2 > li + li a{background: url('../images/listshape02.png') no-repeat center;}
.typeSelect .right > ul.list2 > li + li.on a{background: url('../images/listshape02_on.png') no-repeat center;border-color:#ff4848;}

.shop-view .tit-box > p{font-size: 40px; font-family: "Jalnan Regular"; line-height: 40px; letter-spacing: -.05em; color: #242424; text-align: center; margin-top: 105px; position: relative;}
.shop-view .tit-box > p::before{content: ''; background: url(../images/tit-shape.png) no-repeat center center ; width:273px; height: 52px; position: absolute; margin-left: -136.5px; left: 50%; top: -22px;}
.shop-view .tit-box > p > span{ color: #FF490F;}

.shop-view .top-text-box{padding:10px 20px 10px 20px;}
.shop-view .top-text-box .tit{font-size: 17px;font-family:"Dream Medium";line-height: 1.2;letter-spacing: -.05em;color: #000000;padding-top: 10px;}

.shop-view .money-box{ display: block;line-height:1;padding-top:7px; }
.shop-view .money-box .color{font-size: 25px;font-family:"Dream Bold";letter-spacing: -.05em;color: #ff3f3f;display: inline-block;}
.shop-view .money-box > span{font-size: 13px;font-family:"Dream Regular";color: #a1a1a1;}
.shop-view .money-box > span:not(.color){text-decoration: line-through;}
.shop-view .under-box .num-box1{}
.shop-view .under-box .num-box1 > p{font-size: 12px;font-family:"Dream Bold";line-height: 30px;color: #ff750f;padding-left: 20px;position: relative;}
.shop-view .under-box .num-box1 > p::before{content: ''; background: url(../images/star-ic.png) no-repeat left center / cover; position: absolute; left: 0; top:7px;  width: 15px; height: 14px;}
.shop-view .under-box .num-box1 > p > span{color: #666666;}
.shop-view .tag-box > ul > li{display: inline-block;}
.shop-view .tag-box .in > p {font-size: 13px;font-family:"Dream Regular";line-height: 1.25;letter-spacing: -.05em;color: #999;padding: 2px 4px 1px;transition: all 0.3s;border-radius:10px;border:1px solid #aaa;margin-bottom: 2px;}
.shop-view .content-inner{padding-top: 50px;margin-top: 10px;border-top: 2px solid #000;}
.shop-view .content-inner > ul{display: grid;flex-wrap: nowrap;grid-template-columns: 25% 25% 25% 25%;}
.shop-view .content-inner > ul > li{padding: 0 13px;margin-bottom:25px;}
.shop-view .content-inner > ul > li .img-box{overflow: hidden;border-radius: 18px;max-width: 330px;margin: 0 auto;padding-bottom: 100%;height: 0;}
.shop-view .content-inner > ul > li .img-box a{display:block;text-align:center;}
.shop-view .content-inner .img-box img{width: 100%;height: 100%;object-fit: cover;}
.shop-view .content-inner > ul > li:hover .img-box{box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.6);}
.shop-view .img-box{position: relative; width:100%;transition: all 0.2s;}

.shop-view .under-box{padding:0 20px 25px;}

.content-box{position:relative;}

/* 장바구니 관심상품 상세보기 */
.shop-view .shop-list{position: absolute; bottom: -40%; width: 100%; transition: all 0.3s; z-index: 1;}
.shop-view .content-inner > ul > li:hover .shop-list{ bottom: 0;}
.shop-view .shop-list > ul{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 13px 14px 13px 18px; background: rgba(0,0,0,0.5); border-radius: 0 0 18px 18px;}
.shop-view .shop-list > ul > li{width: 33.333%; position: relative;}
.shop-view .shop-list > ul > li:nth-child(1) a::before{content: '';background: url('../images/bascket-ic.png') no-repeat center center;width: 24px;height: 19px;position: absolute;left: 5px;top:-2px;transition: all 0.2s;}
.shop-view .shop-list > ul > li:nth-child(2) a{padding-left: 36px;}
.shop-view .shop-list > ul > li:nth-child(2) a::before{content: ''; background: url('../images/heart-ic.png') no-repeat center center ; width: 24px; height: 19px; position: absolute; left: 12px; top: -2px; transition: all 0.2s;}
.shop-view .shop-list > ul > li:nth-child(3) a{padding-left: 35px;}
.shop-view .shop-list > ul > li:nth-child(3) a::before{content: '';background: url('../images/search-ic.png') no-repeat center center;width: 24px;height: 19px;position: absolute;left: 15px;top: -2px;transition: all 0.2s;}
.shop-view .shop-list > ul > li > a{font-size: 13px;font-family: "Dream Regular";line-height: 1.5;letter-spacing: -.05em;color: #fff;position: relative;padding-left: 22px;}
.shop-view .shop-list > ul > li:nth-child(1):hover a::before{content: ''; background: url('../images/bascket-ho-ic.png') no-repeat center center; width: 24px; height: 19px;}
.shop-view .shop-list > ul > li:nth-child(2):hover a::before{content: ''; background: url('../images/heart-ho-ic.png') no-repeat center center ; width: 24px; height: 19px; position: absolute; left: 12px; top: -2px;}
.shop-view .shop-list > ul > li:nth-child(3):hover a::before{content: ''; background: url('../images/search-ho-ic.png') no-repeat center center; width: 24px; height: 19px; position: absolute; left: 15px; top: -2px;}
.shop-view .tag-box{overflow: hidden;line-height: 1.2;}

/* best,인기상품, 1+1 */
.best-list {position:absolute; top:0; padding:10px;}
.best-list .category li img{height:auto;width:55px}
.best-list > ul{display: flex;width: 175px;justify-content: left;margin: 0 -2.5px;}
.best-list > ul > li{display: table; width: 55px;margin: 0 2.5px;height: 55px;}
.best-list > ul > li > p{font-size: 14px;font-family: "Dream Medium";line-height: 16px;letter-spacing: -.05em;color: #fff;height:100%;width: 100%;border-radius: 10px;display: table-cell;vertical-align: middle;text-align: center;word-break: break-word;padding: 0 9px;}
.best-list > ul > li > p.bg0{background: #FF490F;}
.best-list > ul > li > p.bg1{background: #007EFF;}
.best-list > ul > li > p.bg2{background: #497614;}

/* 품절 */
.shop-view .sold-out{position: absolute;top: 50%;left: 50%;text-align: center;transform: translate(-50%, -50%);background: rgba(0,0,0,0.5);width: 100%;height: 100%;display: table;}
.shop-view .out-tit{display:table-cell;vertical-align:middle;}
.shop-view .out-tit > p{font-size: 30px; font-family: "Dream Bold"; line-height: 50px; letter-spacing: -.05em; color: #fff;}
.shop-view .out-tit > span{font-size: 15px; font-family: "Dream Medium"; letter-spacing: -.05em; color: #fff;}

/* Paging */
._paging {text-align: center; padding: 20px 0;margin-top:20px;}
._paging ._inner { overflow: hidden; position: relative; height: 38px; display: inline-block; zoom:1;_display: block}
._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul {float: left}
._paging ._inner a,._paging ._inner strong { width: 36px; height: 36px; line-height: 36px; border-width: 1px; border-style: solid; border-color: #cdcdcd; text-align: center; margin: 0 1px}
._paging > ._inner > ul {margin: 0 5px;}
._paging > ._inner > ul li a {border: 0; font-family: 'Gmarket Medium'; font-size: 16px; line-height: 37px;  color: #666;}
._paging > ._inner > ul li strong {width: 36px; height: 36px; line-height: 37px; background-color: #4437C3; border-color: #4437C3; border-radius: 100%; font-family: 'Gmarket Medium'; font-size: 16px; color: #fff;}
._paging > ._inner > a {width: 35px; height: 35px; line-height:35px; background-image: url('../images/arrow-page.png') !important; background-repeat: no-repeat; background-color: transparent; border: 0; text-indent: -5000px; font-size: 0;}
._paging ._inner a._prev {background-position: 0 -35px;}
._paging ._inner a._next {background-position: 0 -140px;}
._paging ._inner a._listPrev {display: block; background-position: 0 -70px;}
._paging ._inner a._listNext {display: block; background-position: 0 -105px;}
._paging ._inner a._first {background-position: 0 0;}
._paging ._inner a._last {background-position: 0 -176px;}
._paging ._inner ._pageState span {font-size: 17px;}
._paging ._inner ._pageState span._curPage {color: #01499a;}

.shop-view.typeB .content-inner > ul{display: block;}
.shop-view.typeB .content-inner > ul > li{width:100%;padding:15px;background: #fff;}
.shop-view.typeB .content-inner > ul > li .img-box{display: inline-block;vertical-align: top;width:200px;height: 200px;position: initial;}
.shop-view.typeB .content-inner > ul > li .top-text-box{display: inline-block;vertical-align: top;padding-top:0;width:calc(50% - 200px);}
.shop-view.typeB .best-list{position: initial;padding:0;}
.shop-view.typeB .under-box{display: inline-block;vertical-align: top;}
.shop-view.typeB .under-box .num-box1{padding-top:0;}

.shop-view.typeB .money-box{display: block;}
.shop-view.typeB .shop-list{bottom:unset;right:0;top:30px;width:auto;}
.shop-view.typeB .shop-list > ul{display: block;padding:0;border-radius: 0;background: none;}
.shop-view.typeB .shop-list > ul > li{width:auto;}
.shop-view.typeB .money-box > span:not(.color){margin-left:10px;display: inline-block;}

.shop-view.typeB .shop-list > ul > li + li{margin-top:5px;}
.shop-view.typeB .shop-list > ul > li > a{font-size: 14px;color:#333;border:1px solid #999;padding:7px 20px 7px 40px;border-radius: 10px;}
.shop-view.typeB .shop-list > ul > li:nth-child(1) > a:before{background: url('../images/bascket-list-ic.png') no-repeat center;top:5px;left:7px;}
.shop-view.typeB .shop-list > ul > li:nth-child(2) > a:before{background: url('../images/heart-list-ic.png') no-repeat center;top:9px;left:9px;}
.shop-view.typeB .shop-list > ul > li:nth-child(3) > a:before{background: url('../images/search-list-ic.png') no-repeat center;top:7px;left:9px;}

.shop-view.typeB .shop-list > ul > li{height: auto;}
.shop-view.typeB .shop-list > ul > li a > span{display: block;}

/*sub*/
.view-area-box{display: flex;justify-content: space-between;width: 100%;}
.view-detail{width: 52.85%;position:relative;}
.view-detail::after{content: '';display: block; clear: both;}
.view-detail .slider-for{float: left; width: 81%;}
.view-detail .slider-for img{width:100%;}
.view-detail .slider-nav{float: right;width: 16.3%;position: relative;padding-bottom: 50px;margin-top:-10px;}
.view-detail .slick-list{width:100%;}
.view-detail .slick-vertical .slick-slide{margin: 10px 0; position: relative; cursor: pointer;}

.view-detail .slick-vertical .slick-slide:hover::before{content: ''; width: 100%; height: 100%; border: 4px solid #7B50DA; position: absolute; top: 0; left: 0;}
.view-detail .slider-nav button{text-indent: -999999px;  border: 1px solid #D7D7D7; }
.view-detail .slider-nav .slick-prev{position: absolute; bottom: 0; right: 0; width: 50%; height: 40px; background: #fff; border: 1px solid #D7D7D7; background: url(../images/down-arrow-ic.png) no-repeat center center;}
.view-detail .slider-nav .slick-next{position: absolute; bottom: 0; left: 0; width: 50%; height: 40px; background: #fff; border-right:none; background: url(../images/up-arrow-ic.png) no-repeat center center;}
.choose-detail{width: 600px; padding-left: 20px;position: relative;}
.choose-detail .tit-box{line-height:1.6;}
.choose-detail .tit-box .bokmark-box{position: absolute; top: -5px; right: 0;}
.choose-detail .tag-box > span{font-size: 13px;font-family: "Dream Regular";line-height: 1;letter-spacing: -.025em;color: #777;border-radius:8px; border:1px solid #999; padding:0px 5px;}
.choose-detail .product-name{padding-top: 5px;}
.choose-detail .product-name > p{font-size: 28px;font-family: 'Dream Bold';line-height: 35px;letter-spacing: -.05em;}
.choose-detail .product-name > span{color: #ff3f3f;font-size: 30px;font-family: "Dream Bold";}
.choose-detail .product-name .cost{text-decoration: line-through;color: #999;padding-left: 5px;font-size: 14px;font-family: "Dream Regular";}
.choose-detail .order-box{margin-top: 10px; border-top: 2px solid #000; border-bottom: 1px solid #ccc;}
.order-box span{font-size: 14px; font-family: "Dream Medium"; line-height: 35px; letter-spacing: -.05em; color: #666; display: inline-block; width: 100px; }
.order-box .delivery-charge{padding: 10px 20px 10px 20px; border-bottom: 1px solid #D9D9D9;}
.order-box .delivery-charge > p{display: inline-block; font-family: "Dream Medium"; font-size: 18px; color: #333;}
.order-box .delivery-charge > p > strong{font-size: 17px; font-family: "Dream Light"; }
.order-box .option-box{padding: 10px 20px 20px; }
.order-box .option-box select{width: calc(100% - 105px);font-size: 15px;font-family: 'Dream Medium';line-height: 35px;letter-spacing: -.05em;color: #000;height: 50px;border-radius: 8px;-webkit-appearance: none;padding: 0 20px;position: relative;background: url(../images/option-down-ic.png) no-repeat right 15px center;display: inline-block;vertical-align: top;}
.order-box .option-box > li{display: flex; align-items: center; margin-bottom: 10px;}
.order-box .option-box > li:last-child{margin-bottom: 0;}

.order-box span.dlvyTypeQty,
.order-box span.maxBounds{display:block;width: auto;font-size:15px;color:#000;}
.choose-detail .btn-list{text-align:right;}
.rsrvmneyP {font-size:13px; color:#888;font-family: "Dream Regular";}

/* best,인기상품, 1+1 */
.best-view{position: absolute;top: 0;padding: 10px;}
.best-view> ul{display: flex;justify-content: left;margin: 0 -2.5px;}
.best-view> ul > li{padding: 0 2.5px; display: table;width:55px;}
.best-view> ul > li > p{font-size: 14px;font-family: "Dream Medium";line-height: 16px;letter-spacing: -.05em;color: #fff;width: 100%;min-width: 55px;max-width:55px;height: 55px;border-radius: 15px;display: table-cell;vertical-align: middle;text-align: center;word-break: break-word;padding: 0 9px;}
.best-view> ul > li > p.bg01{background: #FF490F;}
.best-view> ul > li > p.bg02{background: #007EFF;}
.best-view> ul > li > p.bg03{background: #497614;}
.best-view > .slick-slider img{width:100%;}

.option-list{margin-top:10px;width:calc(100% - 105px);margin-left:auto;border-radius:10px;}
.option-list > li {background:#f4f4f4;}
.option-list > li > .few-box{position:relative;padding:10px 20px;}
.option-list > li > .few-box p{margin-bottom:10px;font-size:13px;}
.option-list > li > .few-box .price{font-size:18px;color:#000;font-family:'Dream Medium';float:right;padding-top: 9px;}
.option-list > li + li{margin-top: 1px;}
.option-close{position:absolute;top: 17px;right: 15px;background: url(../images/option-close.png) no-repeat center;width:11px;height:11px;text-indent:-9999px;}

.order-box .few-box{padding: 0;}
.order-box .few-box input{height: 50px; width: 100px; border: 1px solid #6f6f6f; border-radius: 8px; font-size: 15px; font-family: "Dream Medium"; color: #000; padding: 0 10px 0 20px;}
.order-box .few-box strong{font-size: 13px;font-family:"Dream Regular";color: #666666;}
.order-box .few-box strong > p {display: inline-block;}
.slick-num{display: none;}

/* btn 증가,감소 */
.few-box input[type="number"]::-webkit-inner-spin-button,
.few-box input[type="number"]::-webkit-outer-spin-button {display: none;}
.few-box input[type="number"] {-moz-appearance: textfield; }
.number-button {position: relative; display: inline-block;}
.number-button button{text-indent: -99999999999px;}
.number-button .inc-btn{position: absolute;top: 10px;right: 10px;background: url(../images/num-up-ic.png) no-repeat center center;width: 13px;height: 8px;}
.number-button .inc-btn::before{content: ''; width: 13px; height: 1px; background: #CCCCCC; position: absolute; bottom: -8px; right: 0;}
.number-button .dec-btn{position: absolute;right: 10px;bottom: 10px;background: url(../images/num-down-ic.png) no-repeat center center;width: 13px;height: 8px;}
.total-box .num-tit{text-align: right; padding: 20px;;}
.total-box .num-tit > p{font-size: 26px; font-family: "Dream Medium"; color: #000;}
.total-box .num-tit > p > span{font-size: 40px; font-family: "Dream Bold"; color: #017b5a; padding-left: 40px;}
.total-box .btn-list > a {font-size: 18px; font-family: "Dream Medium"; line-height: 35px; letter-spacing: -.05em; color: #fff; width: 140px; display: inline-block;border-radius: 10px; height: 60px; margin-left: 1px; margin-bottom: 10px;}
.total-box .btn-list > a:first-child{margin-left: 0;}
.total-box .btn-list > a > span{display: flex; align-items: center; height: 100%;justify-content: center; width: 100%;font-size:18px;}
.total-box .btn-list .bg01{ border: 1px solid #FF5A5A;}
.total-box .btn-list .bg01 > span{color: #FF5A5A;padding-left: 20px;background: url(../images/inter-ic.png) no-repeat left 16px center;}
.total-box .btn-list .bg02{ border: 1px solid #7b50da;}
.total-box .btn-list .bg02 > span{color: #7b50da;padding-left: 20px;background: url(../images/btn-cart-ic.png) no-repeat left 15px center;}
.total-box .btn-list .bg03{ background: #017b5a;}
.total-box .btn-list .bg03 > span{color: #fff;}
.total-box .btn-list .bg04{background: #3F3F3F;}
.total-box .btn-list .bg04 > span{color: #fff;}

.content02 .con02-box{margin-top: 70px;border-top: 3px solid #000; position: relative;}
.content02 .con02-box::after{content: ''; display: block; clear: both;}
.content02 .view-area{float: left; width: calc(100% - 340px); border-right: 1px solid #DDDDDD;}
.content02 .view-area > .tab-area{border-top: 0;}
.content02 .order-box.type02{float: right;width: 340px;padding-left: 45px;position: sticky;top: 0;background: #fff;}
.content02 .tab-area{border-top: 3px solid #000;}
.content02 .tab-area > ul{display: flex; align-items: center; justify-content: space-between;}
.content02 .tab-area > ul > li{width: 25%; background: #EFEFEF; border-right: 1px solid #D7D7D7; }
.content02 .tab-area > ul > li:hover{background: #7266EC;}
.content02 .tab-area > ul > li:hover span{color: #fff;}
.content02 .tab-area > ul > li:last-child{border: 0;}
.content02 .tab-area > ul > li > a{display: block; width: 100%; height: 100%; text-align: center; padding: 12px 0;}
.content02 .tab-area span{color: #464545;font-size: 16px; font-family: "Dream Medium"; letter-spacing: -.05em; line-height: 35px;}
.content02 .explain-view{padding: 50px 0 60px 0;}
.order-box.type02 .option-box{padding: 15px 0 20px 0;}
.order-box.type02 .option-box > li{display: block;}
.order-box.type02 .option-box select{width: 100%;margin-top: 10px;font-size: 13px;padding: 0 33px 0 10px;border-color: #333;}
.order-box.type02 .total-box .btn-list > a{margin-bottom: 10px; margin-left: 0;}
.order-box.type02 .total-box .num-tit{padding: 0 0 0 0;}
.order-box.type02 .total-box .num-tit > p > span{width: 100%; padding-left: 0; margin-top: 10px;}
.order-box.type02 span{width: 100%;}
.order-box.type02 .btn-list{margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.order-box.type02 .few-box{}
.order-box.type02 .few-box input{padding: 0 10px 0 10px;}
.order-box.type02 .option-list{margin-left:0;width:100%;min-height: 480px;}
.order-box.type02 .option-list > li > .few-box p{font-size: 14px;letter-spacing: -.05em;color: #000;max-width: 90%;}
.order-box.type02 .inventory{display:none;}
.order-box.type02 .option-close{top: 18px;}
.order-box.type02 .few-box input{height: 38px;width: 80px;font-size: 13px;border-color: #aaa;}
.order-box.type02 .few-box .inc-btn{width:10px;height:5px;background-size:contain;top: 12px;}
.order-box.type02 .few-box .dec-btn{width:10px;height:5px;background-size:contain;bottom:10px;}
.order-box.type02 .number-button .inc-btn::before{display:none;}
.order-box.type02 .option-list > li > .few-box .price{padding-top:5px;}

.info-point{margin-top:-2px;display: inline-block; width: 16px; height: 16px;margin-right: 5px;background: #fff;border-radius: 50%;font-family: 'Montserrat';font-size: 10px;text-align: center;vertical-align: middle;letter-spacing: -0.5px;line-height: 13px;color: #666;border:1px solid #999;}

.vew-area .inner{max-width: 95%; width: 95%; margin: auto;margin-bottom:30px}

.product-review .score-box{min-height: 150px; display: flex; align-items: center; justify-content: center;}
.product-review .score-box > p{font-size: 20px; font-family:"Dream Medium"; color: #000; line-height: 35px; letter-spacing: -.05em; display: inline-block; padding-right: 60px;}
.product-review .score-box > span{font-size: 50px; font-family:"Dream Bold"; color: #000; line-height: 35px; letter-spacing: -.05em; padding-left: 25px;}
.product-review .star-box{position: relative; width: 240px; height: 38px;}
.product-review .star-box > span{display: inline-block; position: relative;}
.product-review .star-box .score{background: url(../images/score-ic.png) no-repeat center center; width: 240px; height: 38px; position: absolute; left: 0; top: 0; background-clip: auto 25px; background-position: 0 0; width: 89%;}
.product-review .star-box .score-bg{background: url(../images/score-bg.png) no-repeat center center; width: 240px; height: 38px; position: absolute; left: 0; top: 0; z-index: -1; background-clip: auto 25px; background-position: 0 0; width: 100%;}
.product-review .sub-tit::after{content: ''; display: block; clear: both;}
.product-review .total-review{padding: 30px 0 0px 0; }
.sub-tit{border-bottom: 1px solid #999; padding-bottom:10px;margin-top: 60px;}
.sub-tit::after{content: ''; display: block; clear: both;}
.sub-tit > p{font-size:20px; font-family: "Dream Bold"; color: #000; float: left;}
.ssub-tit > p{font-size:16px; font-family: "Dream Medium"; color: #666; dispay:block;border-bottom:1px solid #ddd;}
.qnaTotCnt{color:#7266ec;}
.commentTotCnt{color:#7266ec;}
.photoTotCnt{color:#7266ec;}

.product-pic{padding: 0px 0 0px 0;}
.product-pic .sub-tit{border: none; padding-bottom: 0;}
.product-pic .inner{padding: 0 20px;}
.product-pic .slide-wrap{position: relative; margin-top: 13px; max-width: 930px; width: 100%; margin: 13px auto 0 auto; }
.product-pic .slide-wrap .slick-slide{padding: 0 1px;text-align:center}
.product-pic .slide-wrap .slick-slide img{max-height:120px;}
.product-pic .controls{position: absolute; top:50%; margin-top: -27px; width: 100%; height: 30px;}
.product-pic .controls button{text-indent: -999999px;}
.product-pic .prev{position:absolute; left: -13px; top: 50%; background: #fff url(../images/banner-prev-ic.png) no-repeat center center; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #CECECE;}
.product-pic .next{position:absolute; right: -13px; top: 50%; background: #fff url(../images/banner-next-ic.png) no-repeat center center;  width: 30px; height: 30px; border-radius: 50%; border: 1px solid #CECECE;}

.btn-wrap {float: right;}
.btn-wrap > a{width: 100%; height: 100%; display: block; text-align: center;padding-top:3px}
.btn-wrap > a > span{font-size: 13px; font-family: "Dream Medium"; padding: 3px 10px 3px 10px; background: #fff; display: inline-block; color: #000; border-radius: 5px;  text-align: center;margin-right:10px;border:1px solid #999;}

.total-review .disnone{display:none;}
.total-review .star-box.type02{position: relative; width: 120px; height: 17px;}
.total-review .star-box.type02 > span{display: inline-block; position: relative;}
.total-review .star-box.type02 .score{background: url(../images/score-ic.png) no-repeat center center; width: 240px; height: 17px; position: absolute; left: 0; top: 0; background-position: 0 0; width:75%; background-size: auto 16px;}
.total-review .star-box.type02 .score-bg{background: url(../images/score-bg.png) no-repeat center center; width: 240px; height: 38px; position: absolute; left: 0; top: 0; z-index: -1; background-clip: auto 25px; background-position: 0 0; width: 100%; background-size: auto 16px;}
.total-review .total-list .info-area{display: flex; align-items: center;}
.total-review .total-list .list-name > span{font-size: 13px; font-family: "Dream Regular"; color: #666; padding-right: 10px; position: relative;}
.total-review .total-list .list-name > span::before{content: ''; width: 1px; height: 12px; background: #C9C9C9; position: absolute; bottom: 3px; right: 0;}
.total-review .total-list .list-date > span{font-size:13px; font-family: "Dream Light"; color: #999; padding: 0 10px;}
.total-review .total-list .list-button > a{text-align: center; height: 100%; display: inline-block; height: 25px; border: 1px solid #767677; border-radius: 5px;}
.total-review .total-list .list-button > a.bg02{background: #464646;}
.total-review .total-list .list-button > a.bg02 > span{color:#fff;}
.total-review .total-list .list-button > a > span{font-size:14px;font-family: "Dream Regular";color: #3b3b3b;width: 50px;height: 100%;display: block;vertical-align: middle;line-height: 1.7;}

.total-review .total-list > ul > li{padding-top: 25px;padding-bottom: 25px; border-bottom: 1px dashed #ccc;}
/* .total-review .total-list > ul > li:first-child{border-bottom: 1px dashed #AAAAAA;} */
/* .total-review .total-list > ul > li{border-bottom: 1px dashed #AAAAAA;} */
.total-review .txt-box{padding: 20px 0 5px 0;font-size:14px;}
.total-review .review-img > ul {font-size:0;}
.total-review .review-img > ul > li{display: inline-block;max-width: 100px;max-height: 100px;margin-right:2px;}
.total-review .review-img > ul > li > img {max-height:inherit;}

.qna-box{padding-top: 45px;}
.qna-box .sub-tit{padding-bottom: 10px;}
.qna-box .inner{padding-top: 0;margin-top:-1px;}

/* QNA Table */
.moblie-qna{display: none;}
.board-table thead th { background: #FAFAFA; font-size: 13px; font-family:"Dream Regular";padding: 10px 0; border-bottom: 1px solid #D5D9DE; border-top: 1px solid #828282; letter-spacing: -.05em;line-height:1.4;}
.board-table tbody tr:hover {background: #f2fbfe;}
.board-table tbody td {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 13px; font-family: 'Dream Regular'; color: #666666; border-bottom: 1px solid #D5D9DE;}
.board-table tbody td.td-subject {font-size: 16px; color: #444; text-align: left; font-weight: normal;}
.board-table tbody td.td-subject a {color:#444; position: relative;}
.board-table tbody td.td-subject a strong {position: relative;font-size: 13px;line-height: 50px;letter-spacing: -.05em;color: #666666;}
.board-table tbody td.td-subject a strong::after {content:''; width:0%; height:1px; background:#444; position: absolute; left:0; bottom:0; transition:width .3s;}
.board-table tbody td.td-subject a:hover strong::after {width:100%;}
.board-table tbody td .processing span {display: inline-block; font-size: 12px; color:#fff;padding:4px 5px 2px 5px;line-height:1.2; }
.board-table tbody td .processing .cp-answer {background:#017b5a; border:1px solid #017b5a; border-radius: 6px;}
.board-table tbody td .processing .no-answer {background:#979797; border:1px solid #979797; border-radius: 6px;}
.board-table .qna-wrap td{white-space: unset;}
.board-table .qna-wrap .tit{font-size: 25px; font-family: "Dream Bold"; color: #000;}
.board-table .qna-wrap .tit.color02{color: #017b5a;}
.board-table .qna-wrap .board-faq{text-align: left;}
.board-table .qna-wrap .board-faq ul{}
.board-table .qna-wrap .board-faq span{font-size: 14px; font-family: "Dream Light"; letter-spacing: -.05em; color: #333333;}
/* QnaList */
.order{display:flex;}
.order .img-box{width:110px;height:110px;float:none;}
.order::after{content: ''; display: block; clear: both;}
.order{padding: 20px 0; border-bottom: 1px solid #DBDBDB;}
.order .img-box{float: left;}
.order .con{width: calc(100% - 130px);padding-left: 20px;position: relative;}
.con > p{font-size: 16px;font-family: "Dream Medium";letter-spacing: -.05em;line-height: 20px;color: #333333;max-height: 60px;overflow: hidden;}
.con > span{font-size: 16px;font-family: "Dream Bold";letter-spacing: -.05em;line-height: 20px;color: #017b47;}
.ask-list span{font-size: 14px; font-family:"Dream Medium"; line-height: 20px; letter-spacing: -.05em; color: #333333;}


/* pop-up */
.ask-pop-up{display: none;width: 450px;height: 560px;border: 1px solid #7266EC;padding: 20px 25px 30px 30px;position: absolute;z-index: 1;background: #fff;}
.ask-pop-up .pop-box {position: relative;}
.ask-pop-up .pop-box .tit{padding-bottom: 20px; border-bottom: 1px solid #000;}
.ask-pop-up .pop-box .tit > p{font-size: 21px; font-family: "Dream Medium"; color:#000 ; line-height:35px ; letter-spacing: -.05em;}
.ask-pop-up .order::after{content: ''; display: block; clear: both;}
.ask-pop-up .order{padding: 20px 0; border-bottom: 1px solid #DBDBDB;}
.ask-pop-up .order .img-box{float: left;}
.ask-pop-up .order .con{float: right; width: calc(100% - 110px); padding-left: 20px;}
.ask-pop-up .con > p{font-size: 16px; font-family: "Dream Medium"; letter-spacing: -.05em; line-height: 20px; color: #333333;}
.ask-pop-up .con > span{font-size: 24px; font-family: "Dream Bold"; letter-spacing: -.05em; line-height: 20px; color: #017b5a; margin-top: 45px; display: inline-block;}
.ask-pop-up .ask-list span{font-size: 14px; font-family:"Dream Light"; line-height: 20px; letter-spacing: -.05em; color: #333333;}

input[type="radio"] {width: 1px;height: 1px; display: none;}
.ask-list .radio-box {display: inline-block; padding-right: 30px;}
.ask-list label span{position: relative; padding-left: 25px; font-size: 14px; font-family: "Dream Light"; color:#333333;}
.ask-list label span::before { content: ''; position: absolute;left: 0;top: 50%; margin-top: -10px;width: 20px;height: 20px; border: 1px solid #C2C2C2; border-radius: 50%;}
input[type="radio"]:checked + label span::after { content: '';position: absolute;left: 5px; top: 50%; margin-top: -5px; width: 10px; height: 10px; background: #7266EC; border-radius: 50%;}
.ask-pop-up textarea::-webkit-scrollbar {width: 20px;}
.ask-pop-up textarea::-webkit-scrollbar-thumb {background: #D3D3D3; border-radius: 20px; border:5px solid #fff}
.ask-pop-up textarea::-webkit-scrollbar-track { background: #fff; border-radius: 20px;}
.ask-pop-up textarea{width: 100%; height: 137px; overflow-y: scroll; font-size: 15px; font-family: "Dream Light"; color: #000; padding: 10px; border: 1px solid #B7B7B7; border-radius: 5px;}
.ask-pop-up .up-load{padding: 10px 0 15px 0; border-bottom: 1px solid #000;}
.ask-pop-up .up-load > p{font-size: 14px; font-family: "Dream Regular"; color: #333333;}
.ask-pop-up .up-load > p > span{color: #666666; padding-left: 30px;}
.ask-pop-up fieldset{padding:15px 0;}
.ask-pop-up .btn-box{width: 150px;margin:auto;margin-top: 20px;}
.ask-pop-up .btn-box a{width: 70px; display: inline-block; font-size: 15px; font-family:"Dream Regular"; color: #fff; text-align: center; padding: 6px 0; border-radius: 5px; }
.ask-pop-up .btn-box a.bg01{background: #017b5a;}
.ask-pop-up .btn-box a.bg02{background: #4A4A4A;}
.ask-pop-up .btn-close-pop {width: 17px; height: 17px; background: url('../images/btn-close-x.png') no-repeat center; position: absolute; right: 0; top: 8px;}
.ask-pop-up .btn-close-pop button{text-indent: -999999px; width: 100%;}
.ask-pop-up .btn-close-pop {display: inline-block;}
.ask-pop-up.on{display: block;}

/* Paging */
._paging {  text-align: center; padding: 20px 0}
._paging ._inner { overflow: hidden; position: relative; height: 38px; display: inline-block; zoom:1;_display: block}
._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul {float: left}
._paging ._inner a,._paging ._inner strong { width: 36px; height: 36px; line-height: 36px; border-width: 1px; border-style: solid; border-color: #cdcdcd; text-align: center; margin: 0 1px}
._paging > ._inner > ul {margin: 0 5px;}
._paging > ._inner > ul li a {border: 0; font-family: 'Gmarket Medium'; font-size: 16px; line-height: 37px;  color: #666;}
._paging > ._inner > ul li strong {width: 36px; height: 36px; line-height: 37px; background-color: #4437C3; border-color: #4437C3; border-radius: 100%; font-family: 'Gmarket Medium'; font-size: 16px; color: #fff;}
._paging > ._inner > a {width: 35px; height: 35px; line-height:35px; background-image: url('../images/arrow-page.png') !important; background-repeat: no-repeat; background-color: transparent; border: 0; text-indent: -5000px; font-size: 0;}
._paging ._inner a._prev {background-position: 0 -35px;}
._paging ._inner a._next {background-position: 0 -140px;}
._paging ._inner a._listPrev {display: block; background-position: 0 -70px;}
._paging ._inner a._listNext {display: block; background-position: 0 -105px;}
._paging ._inner a._first {background-position: 0 0;}
._paging ._inner a._last {background-position: 0 -176px;}
._paging ._inner ._pageState span {font-size: 12px;}
._paging ._inner ._pageState span._curPage {color: #01499a;}
a.samll-btn, input.samll-btn {color: #fff;}
.small-btn-box {text-align: center;}
.small-btn-box.align-r {text-align: right; margin-bottom: 10px;}
.small-btn-box .samll-btn {display: inline-block; cursor: pointer; font-size: 14px; height: 35px; line-height: 35px; text-align: center; padding: 0 20px; margin: 0 5px; font-family: 'Noto Light';}
.small-btn-box .samll-btn.color1 {background: #4437C3; color: #fff; border: 1px solid #1A58C0;}
.small-btn-box .samll-btn.color2 {background: #fff; color: #ce2856; border: 1px solid #ce2856;}

/** 추가된 css***/
.refundInfo-view{padding:100px 0 60px 0;}
.bookmark-ic{ content: url('../images/bookmark-ic.png'); }

.gosi-info > ul{display: flex;flex-wrap: wrap;text-align: left;}
.gosi-info > ul > li{width: calc(100% / 2);border-bottom: 1px solid #ccc;display: flex;}
.gosi-info > ul > li > strong{font-family: 'Dream Regular';color:#777;width: 180px;padding: 12px 15px;background: #f2f2f2;height: 100%;line-height: 1.4;font-size: 14px;}
.gosi-info > ul > li > span{font-family: 'Dream Regular';color:#000;padding: 12px;width: calc(100% - 180px);line-height: 1.4;font-size: 14px;}

.goods-info{text-align: left;padding:0px 30px 25px 30px;}
.goods-info .thum{display: inline-block;vertical-align: top;width:120px;overflow: hidden;}
.goods-info .thum img{max-width:100%;max-height: 100%;}
.goods-info .conts{display:inline-block;vertical-align: top;padding-left:20px;position: relative;width: calc(100% - 130px);}
.goods-info .conts strong{font-size: 16px;color:#000;font-family: 'Dream Medium';display: block;margin-bottom: 12px;max-height: 82px;line-height: 1.6;}
.goods-info .conts p{font-size: 13px;color:#333;font-family: 'Dream Medium';position:relative;display: inline-block;vertical-align: middle;line-height: 1.4;}
.goods-info .conts p > span{color:#666;font-family: 'Dream Regular';border-radius:4px; padding:1px 3px; font-size:12px; border:1px solid #999;}

img.category_img {max-width:55px;}
.no-data {font-size:14px; color:#888888;}
.view-detail .slick-slider .slick-arrow{display:none !important}

#qnaTableDiv .board-table .qna-wrap td .board-faq{margin: 15px 0;}
#refundInfo-view .inner{padding:20px 10px 0}
#explain-view .inner{padding:20px 10px 0}

@media all and (max-width:1720px){
.ask-pop-up{right:-5%;}
}

@media all and (max-width:1560px){
.ask-pop-up{right:0}
}
@media all and (max-width:1400px){
.shop-view .shop-list > ul > li > a{font-size: 12px;}

}

@media all and (max-width:1300px){
.shop-view .shop-list > ul{padding: 13px 14px 13px 10px;}
.best-list .category li img{width:50px}
.category_img {max-width:50px;}
.shop-view .best-list{padding:5px;}
.shop-view .content-inner .img-box img{}
.shop-view .content-inner > ul > li .img-box{}
.shop-view .shop-list > ul > li > a{font-size: 11px;}
}

@media all and (max-width:1200px){
.shop-view .top-text-box .tit{font-size: 14px;}
.shop-view .money-box .color{font-size: 20px;}
.shop-view .tag-box .in > p{font-size: 11px;}
.shop-view .shop-list > ul{padding: 10px 10px 0px 10px;} 
.shop-view .shop-list > ul > li{text-align: center;height: 25px;}
.shop-view .shop-list > ul > li a{}
.shop-view .shop-list > ul > li a > span{display: none;}
.shop-view .shop-list > ul > li a:before{left: 50% !important;margin-left: -12px;}
.shop-view .shop-list > ul > li:hover a:before{left:50% !important;margin-left:-12px;;}    
.shop-view .shop-list > ul > li:nth-child(2) a{padding-left:0}
.shop-view .shop-list > ul > li:nth-child(3) a{padding-left:0}    
.best-list .category li img{width:45px}
.best-list > ul > li{width:45px;height:45px}
.best-list > ul > li > p{font-size: 12px;}    
.category_img {max-width:45px;}
.best-view > ul > li{width:45px;}

}

@media all and (max-width:1100px){
.total-review .review-img > ul > li{display: inline-block;max-width: 100px;max-height: 100px;}
.content02 .view-area{ border-right: 0px solid #DDDDDD;}
.view-detail{width: 55%; margin: auto;}
.view-detail .slick-arrow{display:none}
.view-area-box{display: block;}
.choose-detail{width: 100%; padding-left: 0;}
.choose-detail .btn-list{text-align: center;}
.choose-detail .product-name > p{font-size: 25px;}
.choose-detail .product-name > span{font-size: 28px;}
.content02 .order-box.type02{display: none;}
.content02 .view-area{width: 100%;}
.ask-pop-up{bottom: 62px; right: 0;}
.shop-view .top-text-box{padding:0px 10px 10px 10px;}
.shop-view .under-box{padding:0 10px 25px;}
}

@media all and (max-width:1024px){
.product-pic .slide-wrap{max-width: 800px;}
.shop-view .searchBox{display:block}
.shop-view.typeB .content-box{overflow: hidden;}
.shop-view.typeB .content-inner > ul > li .top-text-box{width: calc(100% - 200px);float:left;}
.shop-view.typeB .under-box{width: calc(100% - 200px);float:left;}
.shop-view.typeB .content-inner > ul > li .img-box{float:left;}
.shop-view .content-inner > ul{grid-template-columns: 33% 33% 33%}
.shop-view .content-inner > ul > li{margin-bottom: 30px;}
.shop-view .content-inner > ul > li .img-box{width:100%;max-width:100%;}
.shop-view .content-inner .img-box img{}
.shop-view .best-list{padding: 8px 8px 0;}
.shop-view .shop-list{bottom: 0; }

    
}
@media all and (max-width:850px){
.shop-view .tag-box {word-break:auto-phrase;}
.no-data {font-size:14px; color:#888888;}
.shop-view .shop-list > ul > li{}
.shop-view .shop-list > ul > li > span{font-size: 14px;}
.goods-info .thum{width:80px;height:auto;}
.goods-info .conts{padding-left: 15px;width: calc(100% - 85px);}
.goods-info .conts p{font-size:16px;line-height: 1.6;max-height: 42px;}
.goods-info .conts strong{max-height:initial;margin-bottom:5px;line-height: 1.4;}
.vew-area .inner{max-width: 100%; width: 100%;} 
.best-list .category li img{width:40px}
}

@media all and (max-width:768px){
.order-box span.dlvyTypeQty,
.order-box span.maxBounds{font-size:14px;}
.shop-view .shop-list > ul > li:nth-child(1) a::before{background-size:80%}
.shop-view .shop-list > ul > li:nth-child(2) a::before{background-size:80%;left:40%}
.shop-view .shop-list > ul > li:nth-child(3) a::before{background-size:80%;left:25%}

.total-review .review-img > ul > li{display: inline-block;max-width: 80px;max-height: 80px;}
.order-box .delivery-charge{padding: 10px 0px 10px 0px;}
.order-box .option-box{padding: 10px 0px 10px; }
.info-point{width: 14px; height: 14px;}
.rsrvmneyP {font-size:12px;}
.total-review .txt-box{font-size:16px;}
.qna-box{padding-top:25px;}
.shop-view .top-text-box .tit{font-size: 15px;}
.shop-view .money-box .color{font-size: 16px;}
.shop-view .money-box > span{font-size: 14px;}
.shop-view .under-box .num-box1 > p{font-size: 14px;padding-left:12px}
.shop-view .under-box .num-box1 > p::before{background-size:11px; top:7px; }


/*모바일*/
.view-detail .slider-nav{display: none;}
.view-detail .slick-slide img{margin: auto;}
.view-detail{width: 100%; position: relative;}
.view-detail .slider-for{float: none; width: 100%; margin: auto;}
.choose-detail{padding-top:10px;}
.choose-detail .tag-box > span{font-size: 12px;padding:2px 4px 0 4px;}
.choose-detail .product-name > p{font-size: 16px; line-height: 1.5;}
.choose-detail .product-name > span{font-size: 23px;  color: #ff3f3f;}
.content02 .con02-box{margin-top: 30px;}
.choose-detail .order-box , .choose-detail .total-box{/* display: none; */}
.choose-detail .tit-box{position: relative;}
.choose-detail .tit-box .bokmark-box{position: absolute;right: 0;top: unset;bottom: 10px;}
.content02 .tab-area > ul > li > a{padding: 0 0;}
.content02 .tab-area span{font-size: 11px;}
.content02 .explain-view{padding: 20px 0 20px 0;}
.shop-view .content-inner > ul > li{}
.shop-view .content-inner > ul > li .img-box{}
.shop-view .content-inner .img-box img{}
.option-list > li > .few-box p{}

.product-review{}
.product-review .score-box{min-height: 70px;}
.product-pic{padding: 15px 0;}
.product-pic .slide-wrap{max-width: 500px;}
.sub-tit > p{font-size: 16px;}
.ssub-tit > p{font-size: 14px;}	
.product-review .total-review{padding: 15px 0;}
.product-review .score-box > span{font-size:25px;padding-left:15px;}
.product-review .star-box{width: 160px; height: 25px;}
.product-review .star-box .score{background-size: auto 25px;}
.product-review .score-box > p{padding-right: 18px;font-size: 16px;}
.product-review .star-box .score-bg{background-size: auto 25px;}
.btn-wrap > a > span{font-size: 12px;}
.product-pic .sub-tit{padding: 5px 0 5px 0;}
.total-review .total-list > ul > li{padding-top: 10px;padding-bottom: 15px;font-size:14px;line-height:1.4;color: #888;}
.total-review .txt-box{padding: 15px 0 20px 0;}
.total-review .review-img > ul{padding-left: 0;}
.total-review .review-img > ul > li > a > img{border-radius: 10px;}
.moblie-qna{display: block;}
.moblie-qna .qna-box{padding: 0 0;}
.qna-box .sub-tit{padding-top: 30px;}
.moblie-qna .qna-box li{padding: 20px 0 0 0; border-bottom: 1px solid #CCCCCC;}
.moblie-qna .qna-area{display: flex; align-items: center; padding-bottom: 20px;}
.moblie-qna .answer-area{width: 50px;}
.moblie-qna .answer-area > p{width: 50px; height: 50px; border-radius: 50px; font-size: 13px;  color: #fff; line-height: 15px; letter-spacing: -.05em; display: flex; align-items: center; justify-content: center;}
.moblie-qna .answer-area > p.bg01{background: #979797;}
.moblie-qna .answer-area > p.bg02{background: #017b5a;}
.moblie-qna .question-area{padding-left: 20px; width: calc(100% - 70px); padding-right: 40px; position: relative; flex: 1;}
.moblie-qna .question-area::before{content: ''; background: url(../images/slide-down-arrow.png) no-repeat center center; width: 22px; height: 12px; position: absolute; top: 25px; right: 0;}
.moblie-qna .question-area > span{font-size: 14px;color: #666666;}
.moblie-qna .question-area > p{font-size:15px;  color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.moblie-qna .answer-view{background: #F6F7F9; padding: 20px;}
.moblie-qna .answer-view .tit > p{font-size: 15px;  color: #000; padding-bottom: 20px;}
.moblie-qna .detail-view p{ color: #333333; font-size: 15px;}
.ask-pop-up{bottom: -53px; right: 0;}
.order-box .option-box select{width:72vw;font-size:13px;height:45px;}
.option-list{width:100%;}
.option-list > li > .few-box{padding:10px;}
.option-list > li > .few-box .price{float:right;padding-left:0;display:inline-block;font-size:15px;padding-top:4px;}
.gosi-info > ul{display:block;}
.gosi-info > ul > li{width:100%;display:block;}
.gosi-info > ul > li > strong{display:block;width:100%;font-size: 12px;}
.gosi-info > ul > li > span{display:block;width:100%;font-size: 12px;}
.shop-view.typeB .content-inner > ul > li .img-box{float:none;display: block;margin:0 auto;width:100%;height: 100%;max-height: initial;border-radius: 0;}
.shop-view.typeB .shop-list{position: initial;}
.shop-view.typeB .shop-list > ul > li{display:inline-block;width: calc(100% / 3 - 3px);padding-left: 0;}
.shop-view.typeB .shop-list > ul > li > a{font-size:12px;padding-left:0;padding-right:0;}
.shop-view.typeB .content-inner > ul > li .top-text-box{float:none;width:100%;display: block;padding: 0;margin-top:15px;}
.shop-view.typeB .under-box{display: block;width:100%;float:none;padding: 0;}
.shop-view.typeB .shop-list > ul > li a::before{display:none;}
.shop-view.type04 .selec-tit ul{width: 450px;}
.shop-view.type04 .selec-tit ul > li{padding: 0 18px;}
.shop-view.type04 .selec-tit p{font-size: 18px;}
.shop-view .out-tit > p{font-size: 25px; line-height: 30px;}
.shop-view .out-tit > span{font-size: 14px;}
.more-view .more-in > p{font-size: 16px;}
.shop-view .tit-box > p{font-size: 35px;}
.shop-view .content-inner{padding-top: 40px;}
.shop-view .content-inner > ul > li .img-box > a{}

.typeSelect .right > ul.list1 {display:none;}
.shop-view .searchBox > strong{display: block;margin-right:0;margin-bottom:10px;text-align: left;display: none;}
.shop-view .searchBox .searchArea input[type="text"]{height: 40px;font-size: 13px;width:50vw;min-width:50vw;}
.shop-view .searchBox .searchArea input[type="submit"]{width:39px;height: 39px;background-size:20px;top:0;}

.shop-view .money-box{justify-content:left;}
.total-box .btn-list > a {font-size: 15px;height:45px;width:120px;}
.total-box .btn-list > a > span {font-size:14px;}
.total-box .num-tit{padding:10px;}
.order-box span.maxBounds{display:block;width: auto;font-size:14px;color:#000;}
.order-box span{font-size: 15px; width:18vw;}
.order-box .few-box input{ font-size:14px;height:40px;}

.view-detail .slick-slider{}
.view-detail .slick-slider .slick-arrow{display:block !important;width: 100%; position: absolute; top: 40%; }    
.view-detail .slick-slider button{text-indent: -99999px;}
.view-detail .slick-slider .slick-prev{position: absolute;left: 0;background: rgba(0, 0, 0, 0.05) url(../images/prev-ic.png) no-repeat center center;width: 50px;height: 50px;border-radius: 50%;z-index: 1;background-size:60%;}
.view-detail .slick-slider .slick-next{position: absolute;right: 0;background: rgba(0, 0, 0, 0.05) url(../images/next-ic.png) no-repeat center center;width: 50px;height: 50px;border-radius: 50%;background-size:60%;}

.best-list > ul > li{width:40px;height:40px}
.best-list > ul > li > p{font-size: 11px}    

}

@media all and (max-width:640px){
.moblie-ic{display: block;}
.moblie-ic > .mo-bg{background: rgba(0,0,0,0.5);}
.moblie-ic > .mo-bg::after{content: ''; display: block;clear: both;}
.moblie-ic ul{height: 50px; margin: auto; display: flex; align-items: center; width: 68%; justify-content: space-between;}
.product-pic .slide-wrap{max-width: 425px;}
.slick-num{display: block; position: absolute; right: 40% ; bottom: 1%;}
.slick-num {width: 70px; height: 30px; background: rgba(0,0,0,0.4); border-radius: 25px;text-align: center;}
.slick-num > li{display: inline-block; }
.slick-num > li > span{font-size: 14px;  color: #fff; position: relative;}
.slick-num > li .now::after{content: '/';}
.ask-pop-up{bottom: -30px; right: 0;}

.total-review .total-list .info-area{display:block;}
.total-review .star-box.type02{display:inline-block;vertical-align:middle;}
.total-review .total-list  .list-name{display:inline-block;vertical-align:middle;}
.total-review .total-list .list-date{display: inline-block;vertical-align: middle;}
.total-review .total-list .list-button{text-align:right;padding-top:5px;}
.total-review .total-list .list-name > span{font-size:12px;}
.total-review .total-list .list-date > span{font-size: 12px;padding: 0 5px;}
.total-review .review-img > ul > li{margin-bottom:3px;}

.total-box .num-tit > p > span{font-size:32px;padding-left: 20px;}
.total-box .num-tit > p{font-size:18px;}
.shop-view .content-inner > ul{grid-template-columns: 50% 50%}
.shop-view .top-text-box{padding:0 ;}
.shop-view .under-box{padding:0;}
.order-box span{width: 15vw;}
.order-box .option-box select{width: 68vw;}
.order-box .delivery-charge > p{font-size: 15px;}

#explain-view .inner{font-size:14px;line-height: 1.5;}
#explain-view .inner p{margin-bottom:10px}
#refundInfo-view .inner{font-size:14px;line-height: 1.5;}
#refundInfo-view .inner p{margin-bottom:10px}

#qnaTableDiv .board-table thead th {font-size: 12px;letter-spacing: -1px;}
#qnaTableDiv .board-table tbody td {font-size: 12px;letter-spacing: -1px;}   
#qnaTableDiv .board-table .qna-wrap td .board-faq{overflow-x: auto;max-height: 150px;}
#qnaTableDiv .board-table tbody td .processing {}
#qnaTableDiv .board-table tbody td .processing span {font-size: 10px;padding: 2px 2px 2px 1px;line-height:1.2;letter-spacing: -1px;}
#qnaTableDiv .board-table tbody td.td-subject {}  
#qnaTableDiv .board-table tbody td.td-subject a strong{font-size: 15px}  
#qnaTableDiv .board-table .qna-wrap .board-faq span{font-size: 17px;line-height: 1.5;}
}

@media all and (max-width:420px){
.best-list > ul > li{width:30px;height: 30px;}
.best-list > ul > li > p{font-size: 14px;height:100%;padding:0 2px;line-height: 11px;border-radius: 8px;} 
.shop-view .out-tit > p{font-size: 20px;}
.shop-view .shop-list > ul {padding: 6px 10px 0px 10px;}
.shop-view .shop-list > ul > li{height: 20px;}

.choose-detail .tag-box > span{font-size: 14px;}
.total-box .num-tit > p > span{font-size: 28px;}
}