@charset "utf-8";
@import "/sites/shop01/style/css/w_reset.css";

header{display:none;}

.mt10{margin-top:10px;}
.title-area-list strong{font-size:22px;color:#000;font-family: 'Dream Bold';display:block;margin-bottom:10px;}

/*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-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/sub-fnct/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/sub-fnct/up-arrow-ic.png) no-repeat center center;}
.choose-detail{width: 600px; padding-left: 20px; margin-top: 10px; position: relative;}
.choose-detail .tit-box .bokmark-box{position: absolute; top: -5px; right: 0;}
.choose-detail .tag-box > span{font-size: 17px; font-family: "Dream Light"; line-height: 30px; letter-spacing: -.025em; color: #9740f7; padding-right: 15px;}
.choose-detail .product-name{padding-top: 10px; }
.choose-detail .product-name > p{font-size: 28px; font-family: "Dream Medium"; line-height: 35px; letter-spacing: -.05em; margin-bottom: 7px;}
.choose-detail .product-name > span{color: #e10000;font-size: 30px; font-family: "Dream Medium";}
.choose-detail .product-name .cost{text-decoration: line-through;color: #999;padding-left: 25px;font-size: 20px;font-family: "Dream Light";}
.choose-detail .order-box{margin-top: 25px; border-top: 2px solid #000; border-bottom: 1px solid #000;}
.order-box span{font-size: 17px; font-family: "Dream Medium"; line-height: 35px; letter-spacing: -.05em; color: #333; display: inline-block; width: 100px; }
.order-box .delivery-charge{padding: 10px 20px 15px 20px; border-bottom: 1px solid #D9D9D9;}
.order-box .delivery-charge > p{display: inline-block; font-family: "Dream Medium"; font-size: 17px; color: #333;}
.order-box .delivery-charge > p > strong{font-size: 17px; font-family: "Dream Light"; }
.order-box .option-box{padding: 10px 20px 20px; border-bottom: 1px solid #D9D9D9; }
.order-box .option-box select{width: calc(100% - 105px);font-size: 15px;font-family: 'Dream Light';line-height: 35px;letter-spacing: -.05em;color: #000;height: 50px;border-radius: 8px;-webkit-appearance: none;padding: 0 20px;position: relative;background: url(../../images/sub-fnct/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;}

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

.option-list{margin-top:10px;width:calc(100% - 105px);margin-left:auto;background:#f4f4f4;border-radius:10px;padding: 20px;}
.option-list > li > .few-box{position:relative;}
.option-list > li > .few-box p{margin-bottom:10px;font-size:15px;}
.option-list > li > .few-box .price{font-size:20px;color:#333;font-family:'Dream Medium';float:right;padding-top: 12px;}
.option-list > li + li{margin-top: 15px;}
.option-close{position:absolute;top:7px;right:0;background:url(../../images/sub-fnct/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: 15px;font-family:"Dream Light";color: #666666;padding-left: 10px;}
.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/sub-fnct/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/sub-fnct/num-down-ic.png) no-repeat center center; width: 13px; height: 8px;}
.total-box .num-tit{text-align: right; padding: 45px 20px 35px;}
.total-box .num-tit > p{font-size: 20px; font-family: "Dream Medium"; color: #666666;}
.total-box .num-tit > p > span{font-size: 40px; font-family: "Dream Bold"; color: #017b47; padding-left: 40px;}
.total-box .btn-list > a {font-size: 18px; font-family: "Dream Regular"; 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%;}
.total-box .btn-list .bg01{ border: 1px solid #FF5A5A;}
.total-box .btn-list .bg01 > span{color: #FF5A5A;  padding-left: 20px; background: url(../../images/sub-fnct/tag-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/sub-fnct/btn-cart-ic.png) no-repeat left 15px center;}
.total-box .btn-list .bg03{ background: #017B47;}
.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: 19px; font-family: "Dream Medium"; letter-spacing: -.05em; line-height: 35px;}
.content02 .explain-view{padding: 50px 0 60px 0; text-align: center;}
.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{padding-top: 20px; border-top: 1px solid #000; }
.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:13px;letter-spacing: -.05em;color: #000;max-width: 90%;}
.order-box.type02 .inventory{display:none;}
.order-box.type02 .option-close{top:4px;}
.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;}

.inner{max-width: 960px; width: 100%; margin: auto;}

.product-review .score-box{min-height: 265px; 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: 25px; 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/sub-fnct/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/sub-fnct/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: 40px 0 30px 0; border-bottom: 1px solid #bcbcbc;}
.sub-tit{border-bottom: 1px solid #aaaa; padding-bottom: 20px;}
.sub-tit::after{content: ''; display: block; clear: both;}
.sub-tit > p{font-size: 21px; font-family: "Dream Medium"; color: #000; float: left;}
.sub-tit > p > span{color:#7266ec;}

.product-pic{padding: 45px 0 50px 0; border-top: 1px solid #BCBCBC; border-bottom: 1px solid #BCBCBC;}
.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;}
.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/sub-fnct/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/sub-fnct/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;}
.btn-wrap > a > span{font-size: 16px; font-family: "Dream Medium"; width: 120px; padding: 6px 0 5px 0; background: #087746; display: inline-block; color: #fff; border-radius: 5px;  text-align: center;}
.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/sub-fnct/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 18px;}
.total-review .star-box.type02 .score-bg{background: url(../../images/sub-fnct/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 18px;}
.total-review .total-list .info-area{display: flex; align-items: center;}
.total-review .total-list .list-name > span{font-size: 15px; 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:15px; 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;}

.total-review .total-list > ul > li{padding-top: 25px;}
.total-review .total-list > ul > li:first-child{border-bottom: 1px dashed #AAAAAA;}
.total-review .txt-box{padding: 20px 0 25px 0;}
.total-review .review-img > ul > li{display: inline-block;}
.qna-box{padding-top: 45px;}
.qna-box .sub-tit{padding-bottom: 10px;}
.qna-box .inner{padding-top: 55px;}
.qna-wrap{background-color:#f3f3f3;}

/* QNA Table */
.moblie-qna{display: none;}
.board-table { border-top: 1px solid #828282; }
.board-table thead th { background: #FAFAFA; font-size: 13px; font-family:"Dream Regular";padding: 10px 0; border-bottom: 1px solid #D5D9DE;letter-spacing: -.05em;}
.board-table tbody td { text-align: center; font-size: 13px; font-family: 'Dream Regular'; color: #666666; border-bottom: 1px solid #D5D9DE;border-top: 1px solid #D5D9DE;}
.board-table tbody td.td-subject {font-size: 16px; color: #444; text-align: left; padding:10px 15px; 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: 15px; font-family: "Dream Regular";  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; width:70px; font-size: 13px; line-height: 28px; color:#fff; }
.board-table tbody td .processing .cp-answer {background:#017B47; border:1px solid #017B47; 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;border:none}
.board-table .qna-wrap .tit{font-size: 25px; font-family: "Dream Bold"; color: #000;}
.board-table .qna-wrap .tit.color02{color: #017B47;}
.board-table .qna-wrap .board-faq{text-align: left; }
.board-table .qna-wrap .board-faq ul{padding: 15px; }
.faq{font-size: 14px; font-family: "Dream Regular"; letter-spacing: -.05em; color: #000;}
.answer span {color:#017b47;}

/*mileage*/
.mileage-box{border:4px solid #e4e4e4;padding:35px;text-align: center;margin-bottom: 30px;}
.mileage-box .icon{display: inline-block;vertical-align: middle;}
.mileage-box .conts{display:inline-block;vertical-align: middle;padding-left:30px;text-align: left;}
.mileage-box .conts > strong{font-family: 'Dream Medium';font-size: 24px;color:#000;}
.mileage-box .conts > strong > span{font-size: 34px;font-family: 'Dream Bold';color:#13754b;}
.mileage-box .conts p{color:#333;font-family: 'Dream Regular';font-size:16px;margin-top:10px;}


.inquiry{padding:20px;display: inline-block;background:#f7f7f7;padding:20px;display: flex;justify-content: space-between;width:100%;margin-bottom: 35px;}
.inquiry .left > strong{display: inline-block;vertical-align: middle;font-size: 14px;font-family: 'Dream Medium';margin-right: 10px;}
.inquiry .left > ul{display: inline-block;vertical-align: middle;}
.inquiry .left > ul > li{display: inline-block;vertical-align: middle;}
.inquiry .left > ul > li + li{margin-left:2px;}
.inquiry .left > ul > li a{font-size: 14px;color:#616161;border:1px solid #e9e9e9;padding:8px;border-radius: 20px;background: #fff;display: block;font-family: 'Dream Regular';transition: all ease .25s;}
.inquiry .left > ul > li a:hover,
.inquiry .left > ul > li a.on{color:#fff;border:1px solid #13754b;background: #13754b;}

.inquiry .right input[type="text"]{font-size: 13px;color:#616161;border:1px solid #e9e9e9;height:46px;padding:10px;border-radius: 20px;background: #fff;display: inline-block;vertical-align: middle;font-family: 'Dream Regular';width:125px;background:#fff url('../images/calendar-icon.png') no-repeat calc(100% - 15px) center ;}
.inquiry .right input[type="button"]{font-size: 14px;color:#fff;border:1px solid #13754b;background: #13754b;padding:10px 20px;border-radius: 7px;display: inline-block;margin-left:5px;vertical-align: middle;font-family: 'Dream Regular';cursor: pointer;}
.inquiry .right input[type="submit"]{font-size: 13px;color:#fff;border:1px solid #13754b;background: #13754b;padding:10px 20px;border-radius: 7px;display: inline-block;margin-left:5px;vertical-align: middle;font-family: 'Dream Regular';cursor: pointer;}


.inquiry-text{display:flex;justify-content: space-between;}
.inquiry-text .left{font-size: 15px;font-family: 'Dream Regular';}
.inquiry-text .right{font-size: 15px;font-family: 'Dream Regular';}
.inquiry-text span{color:#4437c3;font-family: 'Dream Medium';}

.small-btn-box{display:block}
.small-btn{border: 1px solid #767677; border-radius: 5px;padding:3px 5px;display:inline;font-size:12px;background-color:#fff;}
.small-btn > span{font-size:12px;font-family: "Dream Medium";color: #000;}
.notopen{font-size:11px;color:#333;background-color:#fff186;font-family: 'Dream Medium';}


.myWrap{display: flex;justify-content: left;position: relative; width:100%;}
.myWrap .myLeft{width:260px;padding-right:60px;}
.mypageBox{border:1px solid #ddd;padding:25px;border-radius: 10px;}
.mypageBox .box{padding-bottom:20px;border-bottom:1px dashed #ddd;}
.mypageBox .box strong,
.mypageBox .box strong a{font-size:18px;font-family: 'Dream Medium';color:#000;display: block;}
.mypageBox .box + .box{padding-top:20px;}
.mypageBox .box.bordernone{border-bottom:0;}
.mypageBox .box ul{margin-top:10px;}
.mypageBox .box ul li,
.mypageBox .box ul li a{font-size: 14px;color:#666;display: block;font-family: 'Dream Regular';}
.mypageBox .box ul li + li{margin-top:3px;}
.mypageBox .logBtn{color:#505050;font-size: 14px;font-family: 'Dream Bold';display: block;padding:12px 10px;border:1px solid #333;text-align: center;margin-top:15px;border-radius:7px;}


.myWrap .myRight{width:calc(100% - 260px);}
.title-area > strong{display:inline-block;vertical-align: middle;font-family: 'Dream Regular';font-size:14px;padding-right:20px;}
.title-area > input[type="text"]{font-size: 14px;font-family: 'Dream Regular';display:inline-block;width: calc(100% - 250px);padding-left:10px;vertical-align: middle;border-radius: 5px;border-color: #b7b7b7;height: 38px;margin-right: 14px;}

.ask-pop-up .order{display:flex;}
.ask-pop-up .order .img-box{width:110px;height:110px;float:none;}


/* 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{z-index: 1;background: #fff;}
.ask-pop-up .pop-box {position: relative;}
.ask-pop-up .pop-box .tit{padding-bottom: 20px;padding-top: 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{width: calc(100% - 130px);padding-left: 20px;position: relative;}
.ask-pop-up .con > p{font-size: 16px;font-family: "Dream Medium";letter-spacing: -.05em;line-height: 20px;color: #333333;max-height: 60px;overflow: hidden;}
.ask-pop-up .con > span{font-size: 16px;font-family: "Dream Bold";letter-spacing: -.05em;line-height: 20px;color: #017b47;}
.ask-pop-up .ask-list span{font-size: 14px; font-family:"Dream Medium"; 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: 14px; font-family: "Dream Regular"; 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{display: inline-block;vertical-align: middle;}
.ask-pop-up .btn-box{width: 150px;margin:auto;margin-top: 20px;margin-bottom: 30px;}
.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: #017B47;}
.title-area{padding:7px 0}
.ask-pop-up .btn-box a.bg02{background: #4A4A4A;}
.ask-pop-up .btn-close-pop {width: 17px; height: 17px; background: url('../../images/sub-fnct/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/sub-fnct/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: 15px;}
._paging ._inner ._pageState span._curPage {color: #01499a;}

.num{display: inline-block;width: 16px;height: 16px;margin-right: 5px;background: #017b47;border-radius: 50%;font-family: 'Montserrat';font-size: 10px;text-align: center;vertical-align: middle;letter-spacing: -0.5px;margin-top:-3px;
line-height: 16px;color: #fff;color:#fff;}
.note-txt{font-size: 13px;color:#333;font-family: 'Dream Medium';text-align: right;margin-top:5px;}



@media all and (max-width:1400px) {

}


@media all and (max-width:1100px){
  .view-detail{width: 55%; margin: auto;}
  .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;}
}

@media all and (max-width:1024px){
  .product-pic .slide-wrap{max-width: 800px;}
  .myWrap{display:block;}
.myWrap .myLeft{width:100%;margin-bottom:40px;padding-right:0;}
.mypageBox{padding: 5px 15px 20px;display:flex;flex-wrap:wrap;width:100%;}
.mypageBox .box{width:50%;border-bottom: 0;padding-bottom: 0;}
.mypageBox .box + .box{padding:0;}
.mypageBox .box strong{font-size:16px;padding:10px 0 5px;line-height: 1.6;}
.mypageBox .box strong a{font-size:16px;}
.mypageBox .box ul{margin-top:0;}
.mypageBox .box ul li,
.mypageBox .box ul li a{font-size:13px;line-height:1.4;}
.mypageBox .logBtn{width:100%;}

.myWrap .myRight{width:100%;}
}
@media all and (max-width:860px){

  .total-box .btn-list > a{font-size:16px;padding:5px 10px;height:auto;}
  .inquiry .left > strong{display:none;}
}

@media all and (max-width:767px){
	
	/*모바일*/
	.board-table{display:block;}
	.board-table thead{display:none;}
	.board-table tbody{display:block;}
	.board-table tr{text-align:left;padding:10px 0;border-bottom:1px solid #ccc ;display:block;}
	.board-table tbody td{display:inline-block;border-bottom: 0;border-top: 0 ;text-align:left;}
	.board-table tbody td.td-subject{display:block;width:100%;padding-left: 0;white-space: initial;overflow: initial;text-overflow: initial;padding-top: 10px;padding-bottom: 10px;}
	.board-table tbody td.td-subject a strong{display:inline;line-height: 1.2;color:#000;}
	.board-table tbody td a{}
	.board-table tbody td.td-subject a strong::after{display:none;}
	.board-table tbody td .processing span {display: inlinek; width:auto; font-size: 12px; line-height: auto; color:#fff; }
	.board-table tbody td .processing .cp-answer {background:#017B47; border:1px solid #017B47; border-radius: 6px;padding:2px;display:inline;}
	.board-table tbody td .processing .no-answer {background:#979797; border:1px solid #979797; border-radius: 6px;padding:2px;display:inline;}
	.board-table tbody td:last-child{width:calc(100% - 70px);}
	 tr.qna-warp {}
	.board-table .qna-warp td{display:table-cell}
	.board-table .qna-warp .board-faq ul{padding:0 0px 0 15px;}
	.board-table .qna-warp .tit{width:50px;float:left;} 
	.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 .tag-box > span{font-size: 14px;}
	.choose-detail .product-name > p{font-size: 22px; line-height: 25px;}
	.choose-detail .product-name > span{font-size: 23px; font-family: "Dream Bold"; color: #e10000;}
	.content02 .con02-box{margin-top: 30px;}
	.choose-detail .product-name .cost{padding-left: 10px;}
	.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: 12px;}
	.content02 .explain-view{padding: 30px 0 30px 0;}
	
	.product-review .score-box{min-height: 90px;}
	.product-pic{padding: 15px 0;}
	.product-pic .slide-wrap{max-width: 500px;}
	.sub-tit > p{font-size: 18px;}
	.product-review .total-review{padding: 25px 0;}
	.product-review .star-box{width: 160px; height: 25px;}
	.product-review .star-box .score{background-size: auto 25px;}
	.product-review .score-box > p{padding-right: 38px;}
	.product-review .star-box .score-bg{background-size: auto 25px;}
	.btn-wrap > a > span{font-size: 14px; width: 100px;}
	.product-pic .sub-tit{padding: 30px 0 10px 0;}
	.total-review .total-list > ul > li{padding-top: 20px;}
	.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; font-family: "Dream Regular"; 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: #017B47;}
	.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: 13px; font-family: "Dream Light"; color: #666666;}
	.moblie-qna .question-area > p{font-size:15px; font-family: "Dream Light"; color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.qna-box .inner{padding-top: 0;}
	.moblie-qna .answer-view{background: #F6F7F9; padding: 20px;}
	.moblie-qna .answer-view .tit > p{font-size: 15px; font-family: "Dream Regular"; color: #000; padding-bottom: 20px;}
	.moblie-qna .detail-view p{font-family: "Dream Light"; color: #333333; font-size: 15px;}
	.ask-pop-up{bottom: -53px; right: 0;}
	.order-box .option-box select{display:block;width:100%;padding-right:40px;}
	.option-list{width:100%;}
	.option-list > li > .few-box .price{float:none;padding-left:0;display:block;}
	.title-area > input[type="text"]{width: calc(100% - 70px);}
	.inquiry .right{margin-top:5px;display:block;width:block;}
	.inquiry{text-align:center;display:inline-block;}
	.inquiry .left{float:none;display:block;width:block;}
	.inquiryBtn{margin-top:3px;}
	
	.ask-list{padding-top:15px;}
	.ask-pop-up fieldset{padding:5px 0;}
	.ask-list .radio-box{padding-right:12px;}
  
}

@media all and (max-width:600px){
  .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: 20px; bottom: 20px;}
  .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: 13px; font-family: "Dream Regular"; 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:14px;}
  .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;}
}