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

header{display:none;}

.mt10{margin-top:10px;}
.title-area{margin-bottom:30px;}
.title-area strong{font-size:22px;color:#000;font-family: 'Dream Bold';display:block;margin-bottom:10px;}
.shopBack .del-notice{background: #efefef;padding:15px;}
.shopBack .del-notice .left{color:#001b81;font-size: 14px;font-family: 'Dream Regular';}
.shopBack .del-notice .right{float:right;font-size:14px;color:#333;font-family: 'Dream Regular';}

.shopBack .sel-delte{text-align: right;}
.shopBack .sel-delte > li{display:inline-block;position: relative;}
.shopBack .sel-delte > li a{font-size: 14px;color:#666;font-family: 'Dream Regular';}
.shopBack .sel-delte > li + li{padding-left: 12px;margin-left:10px;}
.shopBack .sel-delte > li + li:before{content:'';width:1px;height: 13px;position: absolute;left:0;top: 7px;background: #eaeaea;}

.shopBack .total-select{margin-bottom: 5px;margin-top: -25px;}
.shopBack .check-icon{display:inline-block;vertical-align:middle;position: relative;top: -2px;}
.shopBack .check-icon input[type="checkbox"]{-webkit-appearance: none;width:20px;height: 20px;border:2px solid #017b47;border-radius: 5px;vertical-align: middle;position:relative;margin: 0;cursor: pointer;}
.shopBack .check-icon input[type="checkbox"] + span{display:none;}
.shopBack .check-icon input[type="checkbox"]:checked{cursor: pointer;}
.shopBack .check-icon input[type="checkbox"]:checked + span{width: 18px;height: 18px;z-index: -1;background: url('../images/check-icon.png') no-repeat center;display: block;position: absolute;left:50%;top:50%;margin-left: -9px;margin-top: -7px;}
.shopBack .table-area .total-select label{font-size:14px;color:#666;font-family: 'Dream Regular';vertical-align: middle;margin-left: 5px;}

.shopTable table{border-top:2px solid #000;width:100%;}
.shopTable table .col-check{width:30px;}
.shopTable table .col-check2{width:60px;}
.shopTable table .col-title{}
.shopTable table .col-price{width:15%;}
.shopTable table .col-delivery{width:15%;}
.shopTable table .col-btn{width:12%;}

.shopTable table .col-10{width:10%;}
.shopTable table .col-15{width:15%;}
.shopTable table .col-20{width:20%;}
.shopTable table .col-25{width:25%;}
.shopTable table .col-30{width:30%;}
.shopTable table .col-40{width:40%;}
.shopTable table .col-50{width:50%;}

.shopTable table thead th{color:#000;font-size:14px;font-family: 'Dream Regular';border-bottom:1px solid #000;padding:10px 5px;}
.shopTable table tbody td{border-bottom:1px solid #c4c4c4;font-size: 14px;color:#000;font-family: 'Dream Medium';line-height: 1.4;}
.shopTable.padd table tbody td{padding:15px;}

.goods-info{text-align: left;padding:25px 30px;}
.goods-info .thum{display: inline-block;vertical-align: top;width:120px;height: 120px;overflow: hidden;}
.goods-info .thum img{max-width:100%;max-height: 100%;}
.goods-info .conts{display:inline-block;vertical-align: top;padding-left:40px;position: relative;width: calc(100% - 130px);}
.goods-info .conts strong{font-size: 18px;color:#000;font-family: 'Dream Medium';display: block;margin-bottom: 12px;max-height: 82px;overflow: hidden;}
.goods-info .conts p{font-size: 15px;color:#868686;font-family: 'Dream Regular';position:relative;display: inline-block;vertical-align: middle;max-width:calc(100% - 50px);}
.goods-info .conts p > span{color:#333333;font-family: 'Dream Regular';margin-right: 10px;}
.goods-info .conts a{font-size: 15px;color:#2b52c0;font-family: 'Dream Bold';display:inline-block;vertical-align: middle;margin-left: 15px;position: relative;top:-3px;}
.goods-info .conts a:after{content:'';width:6px;height: 9px;background: url('../images/change-btn.png') no-repeat center;display: inline-block;vertical-align: middle;margin-left:5px;position:relative;top:-1px;}

.price-font{color:#000;font-size: 20px;font-family: 'Dream Bold';display: block;-webkit-appearance: none;margin-bottom:12px;}
.num-box1{font-size:0;}
.num-box1 button{width:30px;height: 30px;border:1px solid #d8d8d8;text-indent: -9999px;display: inline-block;vertical-align: top;}
.num-box1 button.minus{border-radius: 5px 0 0 5px;background:url('../images/minus.png') no-repeat center;}
.num-box1 button.plus{border-radius: 0 5px 5px 0;background:url('../images/plus.png') no-repeat center;}
.num-box1 input[type="number"]::-webkit-inner-spin-button,
.num-box1 input[type="number"]::-webkit-outer-spin-button {display: none;}
.num-box1 input[type="number"]{width:40px;height: 30px;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;font-size: 14px;color:#7c7c7c;text-align: center;line-height: 30px;border-left: 0 !important;border-right: 0 !important;display: inline-block;vertical-align: top;}

.buy-btn{font-size: 16px;font-family: 'Dream Regular';background:#017b47;padding:10px 18px;border-radius: 8px;color:#fff !important;display: inline-block;margin:5px 0;vertical-align: middle;}
.buy-delete{width:35px;height: 35px;border:1px solid #969696;background: url('../images/trash-icon.png') no-repeat center;border-radius: 10px;display: inline-block;vertical-align: middle;margin:5px 0;text-indent:-9999px;}
.buy-noraml, .buy-noraml a{font-size: 13px;font-family: 'Dream Regular';color: #000;border:1px solid #666;padding:1px;border-radius: 5px;vertical-align: middle;padding:4px}

.totalPrice{background: #f9f9f9;border-bottom:1px solid #c4c4c4;padding:25px 0;text-align: center;margin-bottom:30px;}
.priceBox{display: inline-block;vertical-align: middle;text-align: left;}
.priceBox span{font-family: 'Dream Medium';font-size:14px;color:#017b47;display: block;margin-bottom: 3px;}
.priceBox strong{display: block;color:#000;font-family: 'Dream Bold';font-size: 22px;}
.plusBox{margin:0 40px;display: inline-block;vertical-align: middle;font-size: 40px;color:#7c7c7c;font-family: 'Dream Regular';}
.equalBox{margin:0 40px;display: inline-block;vertical-align: middle;font-size: 40px;color:#7c7c7c;font-family: 'Dream Regular';}

.shop-btn{padding:20px 0;text-align: center;}
.shop-btn .btn{font-size:16px;font-family: 'Dream Regular';padding:10px 25px;border-radius: 10px;display: inline-block;min-width:130px;margin:0 1px;}
.shop-btn .btn.whiteType{background: #fff;color:#017b47;border:1px solid #017b47;}
.shop-btn .btn.greenType{background: #017b47;color:#fff;border:1px solid #017b47;}
.shop-btn .btn.grayType{background: #8e8e8e;color:#fff;border:1px solid #8e8e8e;}
.shop-btn .btn.grapeType{background: #4437c3;color:#fff;border:1px solid #4437c3;}

.beforeOrder{background:#f9f9f9;padding:35px;margin-top:30px;}
.beforeOrder > strong{color:#017b47;font-size:16px;display: block;font-family: 'Dream Bold';padding: 1px 0 10px 35px;position: relative;background: url('../images/info-icon.png') no-repeat left 0px;}
.beforeOrder > ul{padding-left:35px;}
.beforeOrder > ul > li{font-size:14px;color:#000;font-family: 'Dream Regular';position: relative;padding-left:13px;}
.beforeOrder > ul > li:before{content:'';width:4px;height: 1px;background: #000;position: absolute;left:0;top:11px;}
.beforeOrder > ul > li + li{margin-top:5px;}

.basicDelivery{text-align: right;margin-bottom: 10px;margin-top:-62px;}
.basicDelivery a{font-size:16px;font-family: 'Dream Regular';padding:10px 25px;border-radius: 10px;display: inline-block;min-width:130px;background: #017b47;color:#fff;border:1px solid #017b47;}

.new-adress{text-align: center; margin: 10px 0px 10px 0px;}
.new-adress a{text-align: center;font-size:16px;font-family: 'Dream Regular';padding:10px 25px;border-radius: 10px;display: inline-block;min-width:130px;background: #4437c3;color:#fff !important;border:1px solid #4437c3;}

.del-st{display: block;font-size: 11px;color:#cd2b2b;font-family: 'Dream Medium';margin-bottom:3px;}
.adress{text-align: left;line-height:1.4;}

.radio-custom{position: relative;line-height: 1.6;}
.radio-custom input[type="radio"]{width:20px;height: 20px;border:1px solid #2d54c1;-webkit-appearance: none;border-radius: 50%;margin:0;}
.radio-custom input[type="radio"] + span{display: none;width:8px;height: 8px;border-radius: 50%;background:#2d54c1;position: absolute;left:50%;top:50%;margin-left:-4px;margin-top:-5px;}
.radio-custom input[type="radio"]:checked + span{display: block;}

/* 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{display: NONE;}
._paging ._inner ._pageState span {font-size: 17px;}
._paging ._inner ._pageState span._curPage {color: #01499a;}
._popup {padding-top:15px;}
._blockInner{height:auto !important}


@media all and (max-width:860px) {
.basicDelivery a,
.new-adress a{font-size:15px;padding:5px 12px;text-align: center;}
.shopTable table{display:block;}
.shopTable table thead{display:none;}
.shopTable table tbody{display:block;}
.shopTable table tbody tr{display: flex;flex-wrap: wrap;border-bottom:1px solid #eaeaea;overflow:hidden;padding: 10px 0;}
.shopTable table tbody td{display: block;border:0;padding: 5px !important;vertical-align: top;width: 20%;text-align: left;}
.shopTable table tbody td:nth-child(1){width:100%;}
.shopTable table tbody td:nth-child(4){width:50%;}
.radio-custom{width:20px;}
}

@media all and (max-width:900px) {
.radio-custom input[type="radio"] + span{display: none;width:8px;height: 8px;border-radius: 50%;background:#2d54c1;position: absolute;left:50%;top:82%;margin-left:-4px;margin-top: -8px;}
}

@media all and (max-width:600px) {
.shopTable table tbody td{width:50%;}
.shopTable table tbody td:nth-child(4){width:100%;}
}

/*delivery-popup*/
.delivery-pop{margin:0 auto;}
.delivery-pop .inner{}
.delivery-pop .inner > form > strong{font-family: 'Dream Bold';color:#000;font-size: 22px;display: block;padding-bottom: 12px;border-bottom:2px solid #000;}

/*enterForm*/
.enterForm > ul{font-size:0;}
.enterForm > ul > li{padding: 10px 0;border-bottom: 1px solid #d8d8d8;}
.enterForm > ul > li:nth-last-child(1){border-bottom:1px solid #000;}
.enterForm .form-title{font-family: 'Dream Regular';color:#000;font-size: 16px;display: inline-block;vertical-align: middle;width:170px;padding:0 20px;}
.enterForm .form-box{display: inline-block;vertical-align: middle;width:calc(100% - 170px);font-size: 16px;}
.enterForm .form-box input[type="text"]{height:38px;border:1px solid #bdbdbd;border-radius: 5px;font-size: 14px;color:#666;}
.enterForm .form-box input[type="text"].full{width:100%;}
.enterForm .form-box input[type="text"].txtIn{width:calc(100% - 100px);}
.enterForm .form-box .phone-form{width:80px;height: 38px;border:1px solid #bdbdbd;border-radius: 5px;font-size: 14px;color:#666;vertical-align: middle;}
.enterForm .form-box > span{display: inline-block;vertical-align: middle;margin:0 2px;}
.enterForm .txt-width{color:#666;font-size: 14px;vertical-align: bottom;margin-top:-1px;margin-left:10px;}
.enterForm .ad-search-box{width:120px;vertical-align: middle;}
.enterForm .ad-search-btn{background:#fff;color:#002b83;font-size: 14px;font-family: 'Dream Regular';border:1px solid #002b83;padding: 8px 10px;display: inline-block;vertical-align: middle;border-radius: 4px;cursor: pointer;}

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

@media all and (max-width:1023px) {
.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:767px) {
.delivery-pop .inner{padding:15px 0;}
.enterForm .form-title{display:block;margin-bottom:10px;padding: 0;}
.enterForm .form-box{width:100%;}
}