@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://use.typekit.net/xxz2rri.css);
@import url(../../css/SpoqaHanSansNeo.css);
@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-subset.css);
/*파일 임포트 끝*/

.subDetailWrap .productBanner{height:320px}

/*상품상세 타이틀*/
.subTit1{display:block; padding-top:5px; padding-bottom:5px; margin-bottom:10px;  line-height:20px; border-bottom:1px solid #8f8f8f; font-size:12px; color:#222; font-weight:bold}
.subTit2{display:block; padding-bottom:5px; font-size:14px; line-height:16px; color:#222; font-weight:bold}
.subTit3{display:block; padding-bottom:5px; font-size:11px; color:#333333; font-weight:bold}

.InfoCon .subTit2,
.guideCon_2 .subTit2,
.guideCon_3 .subTit2{font-size:12px}

.InfoCon .subTit1,
.guideCon_2 .subTit1,
.guideCon_3 .subTit1{font-size:14px}

/*주문 타이틀*/
.subTit1_2{display:block;padding-top:12px;padding-bottom:5px;line-height:20px;font-size:14px;color: #333346;font-weight:bold;letter-spacing: -1px;}

/*리스트*/
.subList1 li{position:relative; display:block; padding-left:9px; font-size:12px; color:#333;line-height:1.375}
.subList1 li::before {content:'';width:3px;height:3px;border-radius:50%;background: #6b6b6b;position:absolute;left:0;top:6px}
.subList1 li+li {margin-top:8px}
.subList1.helpList li{position:relative; display:block; padding-left:8px; font-size:12px; line-height:16px; color:#8c8c99; background:url('../img/common/iconList1.png') no-repeat 0 7px; background-size:2px 2px;padding-bottom:0px; margin-bottom:5px}
.subList2 li{ display:block; padding-left:8px; margin-bottom:2px; font-size:11px; line-height:17px; color:#666; background:url('../img/common/ionList_box.png') no-repeat 0 8px; background-size:4px 1px}
.subList2 li.fontRed{background:url('../img/common/ionList_box2.png') no-repeat 0 8px; background-size:4px 1px}
.subList1.small li{ font-size:10px; line-height:14px; letter-spacing: -0.8px; word-break: keep-all}
.subList1 li.alert{ color:#bf2523; background:none; }
.subList1 li.alert:before{content:'*'; position: absolute; left:0; top:0.2em;}

.mgT15{margin-top:15px}
.mgT30{margin-top:30px}
.mgT31{margin-top:31px}
.mgT10{margin-top:10px}
.mgT20{margin-top:20px}
.mgT35{margin-top:35px}
.mgT50{margin-top:50px}
.mgT70{margin-top:70px}
.mgT8{margin-top:8px}
.mgT27{margin-top:27px}
.mgB5{margin-bottom:5px !important}
.mgB10{margin-bottom:10px !important}
.mgB16{margin-bottom:16px !important}
.mgB20{margin-bottom:20px}
button {background:#fff;cursor:pointer;border:0;font-family:"Spoqa Han Sans Neo";color:#333;font-size:13px}


/*컨텐츠 사이 간격*/
.subCon1{margin-bottom:22px}
.subCon2{margin-bottom:8px}
.conSgray {width:100%; height:10px; /*margin-left:-11px;*/ margin-right:-11px; background:#f2f2f2; box-sizing: border-box}
.pdLR{padding-left:11px; padding-right:11px}

/*팝업 타이틀, 텍스트*/
.popSubTit1{display:block; margin-bottom:10px; line-height:18px; font-size:14px; font-weight:bold; color:#222; letter-spacing: -0.5px}
.popSubTxt{line-height:16px; font-size:11px; color:#a6a6a6}
.popSubTit1 + .popSubTxt{margin-top:-5px}
.popSubTxt + .tblView1{margin-top:10px}

/* 2018-11-01 */
.popSubTit1_1{margin-bottom:10px; line-height:18px; font-size:14px; font-weight:bold; color:#222; letter-spacing: -0.5px;}
/* 2018-11-01 */

/*공통 안내 팝업*/
.commPop{top:50%; margin-top:-88px; }
.commPop .popupIn{height:176px}
.commPop .popupIn .popLpCon{padding-top:54px; text-align: center}
.commPop .popupIn .popLpCon strong{font-size:17px; font-weight:bold; color:#333; letter-spacing: -1px}
.commPop .popupIn .popLpCon p{padding-top:10px; font-size:15px; color:#333; letter-spacing: -0.5px}
.commPop .ctPopBtn2{position:absolute; bottom:0; left:0; width:100%; margin-bottom: 0; z-index:10000002; background-color:#6ca435;  }
.commPop .ctPopBtn2:after { content:""; display:block; clear:both; height:0px; overflow:hidden;}
.commPop .ctPopBtn2 a {display: inline-block;width:50%;height:54px;padding-top:11px;float: left;font-size:15px;}

/* 팝업::추가주문하기 사용 안내 */
.popupWrap.addOrderPopup {margin-top:0;/* transform:translateY(-50%) */}
.popupWrap.addOrderPopup .popupIn {height:auto}
.popupWrap.addOrderPopup .popupIn .popLpCon {max-height:none;padding:35px 15px 0 15px}
.popupWrap.addOrderPopup .popupIn .popupTitle {display:block;font-weight:700;font-size:23px;line-height:32px;text-align:center}
.popupWrap.addOrderPopup .popupIn .popupStep .step {padding:35px 0 35px 143px;font-size:15px;line-height:20px;color:#707070;text-align:left;word-break:keep-all}
.popupWrap.addOrderPopup .popupIn .popupStep .step.step1 {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_addOrder_step1_66.png) no-repeat left 52px center/33px auto}
.popupWrap.addOrderPopup .popupIn .popupStep .step.step2 {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_addOrder_step2_190.png) no-repeat left 28px center /96px auto}
.popupWrap.addOrderPopup .popupIn .popupStep .step + .step {border-top:1px solid #EAEAEA}
.popupWrap.addOrderPopup .popupIn .popupStep .step .num {display:block;margin-bottom:5px;font-weight:500;color:#000}
.popupWrap.addOrderPopup .popupIn .popupBtn {display:flex;align-items:center;justify-content:center;font-size:16px;text-align:center}
.popupWrap.addOrderPopup .popupIn .popupBtn a {flex:1;line-height:45px}
.popupWrap.addOrderPopup .popupIn .popupBtn .btnClose {background:#6F9E47;color:#fff}

/*테이블*/
.tblView1{border-top:1px solid #8f8f8f; }
.tblView1 table{width:100%}
.tblView1 tbody th{padding:12px 0 12px 9px; background:#ececec; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:16px; letter-spacing: -0.5px; font-weight:normal; text-align:left; font-size:12px; color:#333; box-sizing: border-box}
.tblView1 tbody td{padding:12px 9px; border-bottom:1px solid #ddd; color:#333; font-size:12px; line-height:16px; box-sizing: border-box}

/*하단 안내박스*/
.grayBox{padding:13px 11px 15px; margin-left:-11px; margin-right:0; background:#f4f4f4; border-top:1px solid #ddd; box-sizing: border-box}
.grayBox_storein{padding:13px 10px 13px; margin-left:0px; margin-right:0; background:#f4f4f4; border-top:1px; border-bottom:1px solid #ddd; color:#6ca437; line-height:130%; box-sizing: border-box} /*0527, 입점안내추가*/
.grayBox .pdLR{padding-right:0}
.grayBox2{padding:13px 11px 15px; background:#f4f4f4; box-sizing: border-box}

.blineNon{border-bottom: none !important}

/*상품상세*/
.subSlider .owl-nav {display:none}
.subSlider .owl-dots {position:absolute; left:0; bottom:20px; width:100%; text-align:center}
.subSlider .owl-dots .owl-dot {display:inline-block;}
.subSlider .owl-dots .owl-dot span {display:inline-block; width:9px; height:9px; margin-left:8px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_circle_29.png) no-repeat 0 0; background-size:auto 100%}
.subSlider .owl-dots .owl-dot.active span {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_circle_29_gray.png) no-repeat 0 0; background-size:auto 100%}

/*상품상세*/
.poroductDetail { position:relative; }
.poroductDetail .visual_area { min-height:100px; }
.pdPriceWrap { /* position:relative; */ /* border-top:1px solid #ddd; border-bottom:1px solid #ddd */}
.pdPriceWrap .inventory_bell { display:block;position:absolute;top:15px;right:15px;width:50px;height:50px;margin:0;z-index:34}
.pdPriceWrap .inventory_bell.fixed { position:fixed; right:15px; top:65px; }
.pdPriceWrap .inventory_bell.fixed_pdInfoTab { top:111px; } 
.pdPriceWrap .inventory_bell a {display:block}
.pdPriceWrap .inventory_bell img { width:100%; height:auto; object-fit:cover; }
.pdPriceWrap .pdPrice{padding:15px 0 15px 75px; border-bottom:1px solid #ddd}
.pdPriceWrap .pdPrice strong{display:block; padding-bottom:7px; padding-right:13px; font-size:15px; line-height: 20px; font-weight: bold}
.pdPriceWrap .pdPrice strong span{font-weight:normal}
.pdPriceWrap .pdPrice .share{width:16px; display: inline-block; position: absolute; right: 20px;top:5px}
.pdPriceWrap .pdPrice em,
.pdPriceWrap .pdPrice p{display:inline-block}
.pdPriceWrap .pdPrice em{margin-right:10px; font-size:16px; color:#be271d}
.pdPriceWrap .pdPrice p{font-size:13px; color:#a6a6a6; text-decoration: none}
.pdPriceWrap .pdPrice em span{font-size:22px}
.pdPriceWrap .pdPrice p span{font-size:15px; text-decoration:line-through}
.pdPriceWrap .pdSaleIcon{position:absolute; top:19px; left:13px; width:47px; height:46px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_down_154.png) no-repeat 0 0; background-size:auto 100%; font-size:10px; text-align: center; color:#d97d7d}
.pdPriceWrap .pdSaleIcon em{display:block; padding-top:10px; font-size:13px; color:#fff}
.pdPriceWrap .pdPriceTxt{padding:10px 13px}
.pdPriceWrap .pdPriceTxt li strong{display:inline-block; width:68px; color:#333; font-size:12px; line-height:20px}
.pdPriceWrap .pdPriceTxt li p{display:inline-block; font-size:12px}
.pdPriceWrap .pdPriceTxt li p em{color:#a6a6a6}

.pdPriceWrap .pdPriceTxt li .deliveryInfo{font-size:12px;display: inline-block}
.pdPriceWrap .pdPriceTxt li .deliveryInfo ul li{display:inline-block; line-height:30px; padding-left:22px;}
.pdPriceWrap .pdPriceTxt li .deliveryInfo ul li.on{background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_16_red.png) no-repeat 0% center;}
.pdPriceWrap .pdPriceTxt li .deliveryInfo ul li.off{background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_16.png) no-repeat 0% center;}

.pdPriceWrap .pdPriceTxt li .deliveryInfo .corpProductSearch  { padding:6px; font-size:13px; background:#f0f4e6; border-radius:5px; border:1px solid #7b7b7b;color: #565656;letter-spacing:-1px;font-weight: bold;}


.pdPriceWrap .pdPrice2 {margin:20px 20px 15px; border-bottom:1px solid #666; font-family:'NotoKrC', sans-serif}
.pdPriceWrap .pdPrice2 strong{display:block; padding-bottom:7px; padding-right:13px; font-size:18px; line-height: 20px; font-weight: 500}
.pdPriceWrap .pdPrice2 strong span{font-weight:normal}
.pdPriceWrap .pdPrice2 .product-name {padding-bottom:15px; letter-spacing:-1px; font-size:14px;}
.pdPriceWrap .pdPrice2 .discounted-rate{color:#be271d; font-size:30px; font-weight:bold; float:left; line-height:20px; margin-right:10px; font-family: myriad-pro, sans-serif;font-weight: 400;font-style: normal;}
.pdPriceWrap .pdPrice2 .discounted-price{color:#333; float:left; line-height:20px; margin-right:10px;  font-size:20px; font-family: myriad-pro, sans-serif;font-weight: 600;font-style: normal;}
.pdPriceWrap .pdPrice2 .discounted-price b {font-size:38px; margin-right:2px; font-family: myriad-pro, sans-serif; }
.pdPriceWrap .pdPrice2 .origin-price{ display:inline-block; padding-top:6px; color:#a6a6a6;font-size:18px; font-weight:bold; float:left; line-height:20px; margin-right:10px;text-decoration:line-through; font-family: myriad-pro, sans-serif; vertical-align:bottom; }

.pdPriceWrap .pdPriceTxt2 {padding:0 20px 15px; font-family:'NotoKrC', sans-serif}
.pdPriceWrap .pdPriceTxt2 .pdItem {padding:2.5px 0;}
/* .pdPriceWrap .pdPriceTxt2 .pdItem:nth-child(2) {padding:0} */
.pdPriceWrap .pdPriceTxt2 li strong{display:inline-block; width:83px; color:#333; font-size:15px; line-height:20px; font-weight:bold}
.pdPriceWrap .pdPriceTxt2 li p{display:inline-block; font-size:14px}

.pdPriceWrap .pdPriceTxt2 li .deliveryInfo{font-size:13px;display: inline-block}
.pdPriceWrap .pdPriceTxt2 li .deliveryInfo ul li{display:inline-block; line-height:20px; padding-left:10px; position:relative; }
.pdPriceWrap .pdPriceTxt2 li .deliveryInfo ul li span {margin: 0 0 0 15px;letter-spacing: -1px;}
.pdPriceWrap .pdPriceTxt2 li .deliveryInfo ul li:nth-child(1) {padding-left:0}
.pdPriceWrap .pdPriceTxt2 li .deliveryInfo ul li.on::before {border:1px solid #6ca435; background:#6ca435;width: 10px;height: 10px;content:"";vertical-align: middle;display: inline-block; margin-right:3px; position:absolute; top:4px;}
.pdPriceWrap .pdPriceTxt2 li .deliveryInfo ul li.off::before {border:1px solid; width: 10px;height: 10px;content:"";vertical-align: middle;display: inline-block; margin-right:3px; position:absolute; top:4px;}
.pdPriceWrap .pdPriceTxt2 li .corpProductSearch  { padding:3px; font-size:13px; background:#f0f4e6; border-radius:5px; border:1px solid #7b7b7b;color: #565656;letter-spacing:-1px;font-weight: bold;}

.buyBtnWrap{position:fixed; left:0; bottom:0; width:100%; z-index: 100}
.buyBtnOff a{display:block; width:100%; height:47px; line-height: 30px; padding-top:9px; background:#bf2523; color:#fff; font-size:16px; text-align:center; box-sizing: border-box; opacity: 0.9}
.buyBtnOff a span{display:inline-block; padding-left:4px; font-weight:normal; opacity: 0.5}
.buyBtnOn{position:relative; padding-bottom:45px; background:#fff; border-top:1px solid #c8c8c8;}
.buyBtnOn .btnClose{position:absolute; top:-15px; left:50%; margin-left:-30px; display:inline-block; width:60px; height:20px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_down_205.png) no-repeat 0 0; background-size:100% auto; font-size: 0} /*20180405 수정*/
.buyBtnOn .buyBtn a,
.buyBtnOn .buyBtn .soldOutBtn{float:left; display:inline-block; height:47px; line-height: 30px; padding-top:9px; font-size:16px; text-align:center; box-sizing: border-box; letter-spacing:-1px }
.buyBtnOn .buyBtn a:nth-child(1){background:#ffffff; width:20%; border-right:1px solid #c8c8c8; font-weight:bold}
.buyBtnOn .buyBtn a:nth-child(1) span {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_100_3.png) no-repeat; display:inline-block; width:29px; background-size:100% auto; height:30px;}
.buyBtnOn .buyBtn a:nth-child(1) span.on {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_100_3_on.png) no-repeat; display:inline-block; width:29px; background-size:100% auto; height:30px;}
.buyBtnOn .buyBtn a:nth-child(2){background:#ffffff; width:40%; color:#333333; font-weight:bold; position:relative}
.buyBtnOn .buyBtn a:nth-child(2) .reviewCnt {position:absolute; width:50px; height:20px; top:-7px; right:-15px; color:#ffffff; background:#f26629; border-radius:10px; font-weight:bold; font-size:12px; line-height:20px; letter-spacing:0}
.buyBtnOn .buyBtn a:nth-child(3){background:#ffffff; width:40%; color:#333333; font-weight:bold; position:relative}
.buyBtnOn .buyBtn a:nth-child(4){background:#ffffff; width:40%; color:#333333; position:relative; display:none; border-top:none; border-right:1px solid #dfdfdf;} 
.buyBtnOn .buyBtn a:last-child{width:40%; background:#6ca437; color:#ffffff;}
.buyBtnOn .buyBtn a:last-child span{display:inline-block; width:19px; height:28px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_65.png) no-repeat 0 5px; background-size:100% auto; font-size:0}
.buyBtnOn .buyBtn a:last-child.btnOn span{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_100_3_on.png) no-repeat 0 0; background-size:100% auto; }
.buyBtnOn .buyBtn .soldOutBtn{background:#c9c9c9}
.buyBtnOn .buyBtn_box{margin:14px 11px 0 11px; padding:0 11px 45px; background:#fff; border-bottom:1px solid #dddddd;}
.buyBtnOn .buyBtn_box strong{display:block;padding-top:20px;padding-bottom:5px;font-weight:normal;line-height:18px;font-size: 16px;} /*20180405 수정*/
.buyBtnOn .buyBtn_box .buyNumPice{display:block; margin-top:10px}
.buyBtnOn .buyBtn_box .buyNumPice > p{display:inline-block;padding-left:10px;font-size: 16px;color:#333;font-weight:bold;}
.buyBtnOn .buyBtn_box .buyBtnTxt{padding-top:10px; font-size:13px; color:#bf2523}
.buyBtnOn .buyPiceTotal{position:relative; padding:10px 11px; border-bottom:1px solid #c8c8c8}
.buyBtnOn .buyPiceTotal strong{position:absolute;top:20px;left: 32px;display:inline-block;}
.buyBtnOn .buyPiceTotal p{text-align: right;font-size:21px;line-height: 30px;color:#bf2523;padding-right: 39px;}
.buyBtnOn .buyPiceTotal p span{font-size:16px}
.oasisBuyBtn.on {width:50% !important;}
.buyBtnOn .buyBtn_box.orderPMlist{padding:0; margin-top:5px !important}
.orderPMlist li{position:relative; padding:0 15px 15px; border-bottom:1px solid #ddd}
.orderPMlist li:last-child{border-bottom:none}
.buyBtnOn .orderPMlist .buyNumPice > p{position:absolute; bottom:22px; right:36px}
.buyBtnOn .orderPMlist .buyNumPice .oListDelBtn{position:absolute; bottom:20px; right:15px; display:block; width:14px; height:14px; border:1px solid #ddd; background:#fff url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_58.png) no-repeat 4px 4px; background-size:6px; font-size:0}

.selectBox2{position:relative;top:3px;display:block;width:100%;/* height:30px; */border-left: 1px solid #6ca006;text-align:left;border-right: 1px solid #6ca006;cursor:pointer;}
.selectBox2 .selTit{display:block;width:100%;/* height:30px; */line-height: 30px;/* padding-top: 10px; */padding: 10px 0;padding-left: 17px;padding-right:7%;font-size: 18px;color:#fff;text-align:left;/* overflow: hidden; */text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;cursor:hand;background: #427d20 url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_down_43.png) no-repeat;background-position: right 10px top 7px;/* background-size: 40px 5px; */z-index:6;}
.selectBox2 .selTit.open{background: #468223 url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_up_43.png) no-repeat;background-position:right 10px top 7px;margin-bottom: 95px;border: none;}
.selectBox2 ul{display:none;position:absolute;top: 50px;left:-1px;width:100%;background:#fff;border: 1px solid #6ca006;z-index:5;max-height:400px;overflow-y:auto;}
.selectBox2 ul li{min-height:20px;line-height:17px;padding: 7px 0 7px 16px;margin:0;text-align:left;border-bottom: 1px solid #468223;color: #468223;box-sizing: border-box;}
.selectBox2 ul li:last-child{border-bottom:none}
.selectBox2 ul li:hover{background: #948778;color: #fff;}
.selectBox2 ul li.soldOut{color:#cccccc}
.selListCheck{background:#f4f4f4} 

.orderPMselect{padding: 10px 12px 10px 11px;}
.orderPMselect li{padding-bottom:5px}

.pdInfoWrap2{background:#fcfcfc}
.pdInfoWrap2 li{height:45px; padding-left:13px; /* border-top:1px solid #ddd */}
.pdInfoWrap2 li a{display:block; height:45px; padding-top:4px; line-height:40px; margin-right:13px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_right_30.png) no-repeat right 50%; background-size:8px auto; box-sizing:border-box}

/*회원정보_tab*/
.frmMemTab{display:block; width:100%; height:45px; border-bottom:1px solid #ddd; background:#fff; z-index: 10}
.frmMemTab li{display:block; float:left; width:33.3%; text-align: center}
.frmMemTab li a{display:block; width:100%;height:44px; line-height:20px; padding-top:14px;color:#333; font-size:13px;position:relative;bottom:-1px}
.frmMemTab li.tabOn a{border-bottom:2px solid #6ca437;color:#6ca437;font-weight:bold;}

/*상품상세_tab*/
.pdInfoWrap{position:relative; padding-top:45px; /* border-top:1px solid #ddd; border-bottom:1px solid #ddd */}
.pdInfoTab {position:absolute; top:0; left:0; display:block; width:100%; height:45px; border-bottom:1px solid #ddd; background:#fff; z-index: 10}
.pdInfoTab.fixed { top:51px; position:fixed !important; }
.pdInfoTab li{display:block; float:left; width:20%; text-align: center}
.pdInfoTab li a{display:inline-block; height:45px; line-height:20px; padding-top:14px; border-bottom:3px solid #fff; color:#333; font-size:13px; font-weight:bold; box-sizing:border-box}
.pdInfoTab li.tabOn a{border-bottom:3px solid #6ca437}
.pdInfoTab li.pdInfoTab_2{width:24%}
.pdInfoTab li.pdInfoTab_3{width:28%}
.pdInfoTab li.pdInfoTab_4{width:28%}
.pdInfoTab li.pdInfoTab_5{width:33.33%}

.pdInfoCon_1{padding:20px 21px 0; color:#555; font-size:11px; line-height:16px}
.pdInfoCon_1 .InfoCon_in{ /* padding-bottom:15px */}
.pdInfoCon_1 .InfoCon_recovery {margin:10px 0 25px}
.pdInfoCon_2{padding:20px 13px 0}
.pdInfoCon_3{padding:15px 13px 0}
.pdInfoCon_4{padding:20px 13px 0}

/*상품상세_tab 2018.09.19 추가*/
.pdInfoCon_1 p.tit{text-align:center; font-size:24px; padding:20px 0px 30px 0px; letter-spacing:-0.05em; color:#555;}
.pdInfoCon_1 p.txt{max-width:95%; font-size:14px; font-weight:normal; padding-bottom:20px; line-height:20px;}
.pdInfoCon_1 img.m_img {padding-bottom:20px; }
.pdInfoCon_1 p.check_tit{font-size:16px; letter-spacing:-0.05em; font-weight:bold; padding-top:10px; padding-bottom:6px; line-height:20px; color:#6fac2a; }
.pdInfoCon_1 p.check_txt{max-width:96%; text-align:left; font-size:12px; padding-bottom:2px; letter-spacing:-0.05em; color:#555;}
.pdInfoCon_1 p.check_txt_last{max-width:96%; text-align:left; font-size:11px; padding-bottom:30px; letter-spacing:-0.05em; color:#555;}
/*상품상세_tab 2018.09.19 추가*/

/*상품상세_ 상세정보*/
.InfoBtnMore{display:block; height:44px; padding:0; /* border-top:1px solid #ddd; */ text-align:center}
.InfoBtnOpen span,
.InfoBtnClose span{display:inline-block; padding-right:20px; line-height:44px; color:#a6a6a6; font-size:13px}
.InfoBtnOpen span{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_down_45_2.png) no-repeat right 50%; background-size:14px 8px}
.InfoBtnClose span{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_up_45_2.png) no-repeat right 50%; background-size:14px 8px}
.pdInfoCon_1 .InfoBtnOpen{display:none}
.pdInfoCon_1 .InfoBtnClose{display:block}
.pdInfoCon_1.InfoConH_s .InfoCon_in{height:262px; padding-bottom:0; overflow-y:hidden}
.pdInfoCon_1.InfoConH_s .InfoBtnOpen{display:block}
.pdInfoCon_1.InfoConH_s .InfoBtnClose{display:none}

.pdInfoCon_1 table{width:100% !important}

.pdInfoCon_1 .wrapMoreOasis{margin-top:60px;}
.pdInfoCon_1 .wrapMoreOasis h3{height:20px;color:#333;font-size:18px;font-weight:700;letter-spacing:-0.05em;}
.pdInfoCon_1 .wrapMoreOasis .more_oasis{margin:0 auto}

.more_oasis .careWrap {position:relative; margin:10px 2px;border:1px solid #dedede; }
.more_oasis .careWrap .img {position:absolute; margin: 14px  10px; width:42px;}
.more_oasis .careWrap .tit {margin: 18px 12px 5px 60px; font-size:13px; font-weight:700; color:#000000;}
.more_oasis .careWrap .txt {margin: 8px 12px 15px 60px; color:#575757; font-size:11px; }

/*상품상세_만족도 구매후기 20181106추가*/
.like_review {border-top: #dddddd 1px solid; border-bottom: #dddddd 1px solid; padding: 12px 0px; color: #6ca437; font-size: 12px; font-weight: bold;}
.like_review img{width: 22px;padding-bottom: 3px;}
.like_review span{}

/*상품리스트_만족도 구매후기 20181228추가*/
.like_review_list {padding-top: 10px; color: #6ca437;font-size: 10px;font-weight: bold; text-align:center;font-weight:bold}
.like_review_list ul {display:inline-block}
.like_review_list li {width:auto !important;}
.like_review_list li:nth-child(2) {padding-left:10px;}
.like_review_list img{width: 17px;padding-bottom: 3px;}
.like_review_list span{font-size:13px}

/*상품상세_ 상품문의*/
.pdQnaBtn{display:block; height:35px; line-height:33px; border:1px solid #333333; color:#333333; font-size:12px; font-weight:bold; text-align:center;}
.pdQnaBtn span{display:inline-block; line-height: 20px; padding-top:5px; padding-right:18px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_write_45.png) no-repeat right 9px; background-size:13px auto}
.pdQnaTab {padding-top:13px; text-align:right; border-bottom:1px solid #ddd}
.pdQnaTab li{display:inline-block; font-size:12px; color:#333333}
.pdQnaTab li a{display:inline-block; height:25px; line-height:20px; padding-left:7px; color:#333333; font-size:12px; font-weight:bold; letter-spacing: -1px}
.pdQnaTab li.tabOn a{color:#6ca437}

.pdInfoCon_2 .InfoBtnOpen{display:none}
.pdInfoCon_2 .InfoBtnClose{display:block}
.pdInfoCon_2.InfoConH_s .InfoCon_in{padding-bottom:0; /*overflow-y:hidden*/}
.pdInfoCon_2.InfoConH_s .InfoBtnOpen{display:block}
.pdInfoCon_2.InfoConH_s .InfoBtnClose{display:none}

.qna_n p{height:53px; padding-top:20px; margin-bottom:20px; border-bottom:1px solid #ddd; color:#a6a6a6; font-size:12px; box-sizing: border-box}

.pdQnaList li{color:#333333; font-size:12px; line-height:17px}
.pdQnaList li .pdQBox{position:relative; padding:8px 20px 10px 0; cursor: pointer; border-top:1px solid #ddd; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_down_40_gray.png) no-repeat right 25px; background-size:13px auto}
.pdQnaList li .pdABox{display:none; padding:8px 0 10px 0; border-top:1px solid #eaeaea}
.pdQnaList li .pdQBox.qnaListOn{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_top_40.png) no-repeat right 25px; background-size:13px auto}
.pdQnaList li:first-child .pdQBox{border-top:none}
.pdQnaList li .pdQBox .pdQstatus{display:inline-block; width:72px; font-weight:normal; letter-spacing: -0.5px} /*20180402 수정*/
.pdQnaList li .pdQBox .pdAend span{display:inline-block; padding-right:11px; color:#6ca437; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_25_2.png) no-repeat right 5px; background-size:9px auto}
.pdQnaList li .pdQBox .pdQdate{position:relative; display:inline-block; padding-right:15px; color:#a6a6a6}
.pdQnaList li .pdQBox .pdQdate:after{content:""; position:absolute; top:4px; right:4px; display:inline-block; width:1px; height:10px; background:#ececec}
.pdQnaList li .pdQBox .pdQid{color:#a6a6a6}
.pdQnaList li .pdQBox .pdQoption{position:absolute; top:29px; left:0; display:inline-block; width:58px} /*20180402 수정*/
.pdQnaList li .pdQBox .pdQtxt{margin-left:75px; padding-top:3px; letter-spacing: -0.3px} /*20180402 수정*/
.pdQnaList li .pdQBox .pdQlock{padding-left:15px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_lock_30.png) no-repeat 0 6px; background-size:9px auto}
.pdQnaList li .pdABox .pdAdate{color:#6ca437; letter-spacing: -0.5px}
.pdQnaList li .pdABox .pdAdate span{position:relative; display:inline-block; padding-right:15px}
.pdQnaList li .pdABox .pdAdate span:after{content:""; position:absolute; top:4px; right:4px; display:inline-block; width:1px; height:10px; background:#ececec}
.pdQnaList li .pdABox .pdAtxt{padding-top:5px; letter-spacing: -0.5px}
.pdQnaList li.bgNon .pdQBox{background:none}

/*상품상세_ 교환 환불*/
.deliveryBox{padding-bottom:10px; /*margin-bottom:15px; border-bottom:1px solid #ddd; */letter-spacing: -0.3px}
.deliveryBox + .subTit1{margin-top:5px}
.refundBox{padding-bottom :15px; margin-bottom:15px; border-bottom:1px solid #ddd; letter-spacing: -0.3px; line-height: 1.3em}
.deliveryBox.lastBox,
.refundBox.lastBox{border:none; margin-bottom:5px}
.refundBox .pointTxt{padding-top:3px; font-size:11px; color:#be271d; line-height: 16px}
.refundBox h6 {margin-top: 4px; font-size:11px}
.icoImg { width: 10px; padding-right:5px; float:left}
.bdBottom0 { border-bottom : 0px }
.pdBottom0 { padding-bottom : 0px}
.returnNon{padding:0 13px}
 
/*상품상세_ 팝업 (상품관리)*/
.pductDetail_pop2{padding:20px 11px 10px}
.pductDetail_pop2.mgb100 {margin-bottom:100px}
.pductDetail_pop2 .manageWrap {margin-top:20px}
.pductDetail_pop2 .manageWrap:first-of-type {margin-top:0}
.manageTit{display:inline-flex;align-items:center;justify-content:center;width:100%;height:53px;padding-left:30px;background: #c7bd9d url('../img/sub/subPopImg1.png') no-repeat 56px 12px / auto 30px;font-size:15px;color:#fff;font-weight:700}
.manageTit.manageTitBg2{background-color:#bec79d;background-image:url('../img/sub/subPopImg2.png');background-position:94px 12px}
.manageTit.manageTitBg3{background-color:#a3c79d;background-image:url('../img/sub/subPopImg3.png');background-position:115px 12px}
.manageTxt{padding:12px 0 0 0; font-size:12px; color:#333; line-height: 16px; letter-spacing: -0.3px;text-align: justify;}
.pductDetail_pop2 .subTit2 {font-size:15px}

.deliveryCon1 .careWrap {position:relative; margin:10px 2px;border:1px solid #dedede; }
.deliveryCon1 .careWrap .img {position:absolute; margin: 18px  10px; width:36px;}
.deliveryCon1 .careWrap .tit {margin: 18px 12px 5px 60px; font-size:13px; font-weight:700; color:#6AA344;}
.deliveryCon1 .careWrap .refundTit {margin: 18px 12px 5px 60px; font-size:16px; font-weight:700; color:#6AA344;}
.deliveryCon1 .careWrap .txt {margin: 8px 12px 15px 60px; color:#575757; font-size:11px; line-height:16px }
.deliveryCon1 .careWrap .txt strong{font-weight:bold; font-size:12px;}
.deliveryCon1 .careWrap p { height:8px}
.detailDelivery .careWrap {padding:12px;margin:12px 0}
.detailDelivery .careWrap:last-of-type {margin-bottom:0}
.detailDelivery .careWrap .tit {margin:0 0 15px 0}
.detailDelivery .careWrap .txt {height:auto;margin:0}

/*상품상세_ 팝업(상품필수정보)*/
.pductDetail_pop1{padding:20px 11px 30px}

/*상품상세_ 팝업(문의사항 작성)*/
.QnaWrite_pop{padding:20px 11px 47px}
.qnaBtnWrap{position:fixed; left:0; bottom:0; width:100%; z-index: 100}
.qnaBtnWrap a{float:left; display:block; width:50%; height:47px; line-height: 30px; padding-top:9px; font-size:16px; text-align:center; box-sizing: border-box}
.qnaBtnWrap a.redBtn{background:#bf2523; color:#fff}
.qnaBtnWrap a.greenBtn{background:#6ca437;; color:#fff} /*0527, 입점안내추가*/
.qnaBtnWrap a.grayBtn{background:#a2a2a2; color:#fff}
.qnaBtnWrap a span{display:inline-block; padding-left:4px; font-weight:normal; opacity: 0.5}

.qnaPdImgWrap{position:relative; height:87px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_line_5.png) repeat-x left bottom}
.qnaPdImgWrap .qnaPdImg{position:absolute; top:0; left:0; display:inline-block; width:78px; height:78px}
.qnaPdImgWrap .qnaPdTxt{display:block; padding-left:90px; font-size:14px; line-height: 18px; color:#333; font-weight:bold; letter-spacing: -0.5px}

.pdListTit strong{display:block; padding-top:25px; height:20px; margin-bottom: -5px; font-size:18px; font-weight:normal; color:#000; text-align: center}

/*상품목록_ 리스트*/
.pdList_1{margin:20px 5px}
.pdList_1 li{float:left; width:50%; }
.pdList_1 li .pdListBox{position:relative; margin:0 4px 7px; box-sizing: border-box; border:1px solid #dfdfdf; }
.pdList_1 li .listTxtPrice{position:relative; padding:10px 8px; box-sizing: border-box; text-align:center}
.pdList_1 li .listTit{display:block; display:-webkit-box; width:96%; max-height:35px; margin-bottom:8px; font-size:13px; font-weight:normal; color:#444; letter-spacing: -0.2px; line-height:17px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis} 
.pdList_1 li .listPrice{color:#be271d; font-size:14px; font-weight:bold}
.pdList_1 li .listPrice span{display:inline-block; padding-left:2px; font-size:12px; color:#a6a6a6; text-decoration:line-through; font-weight:normal}
.pdList_1 li .unitPrice{color:#be271d; font-size:14px; font-weight:bold; text-align:center; margin-top:5px; font-weight:bold; letter-spacing:-1px;}
.pdList_1 li .unitPrice span{display:inline-block; padding-left:2px; font-size:12px; color:#6ca435; font-weight:normal}
.pdList_1 li .listNumBoxWrap {text-align:center; position:absolute; bottom:5px; width:100%;}
.pdList_1 li .listNumBoxWrap .listNumBox{position:relative; display:inline-block; border-top:1px solid #dfdfdf; padding-top:10px; width:90%}
.pdList_1 li .listNumBoxWrap .listNumBox .numBox{float:left; width:85px}
.pdList_1 li .listNumBoxWrap .listNumBox a.listAddBtn{float:left; display:inline-block; width:35%; height:28px; padding-top:4px; margin-left:5px; line-height: 20px; color:#fff; background:#6ca437; text-align:center; box-sizing: border-box; border-radius: 50px}
.pdList_1 li .pdListBox .listImg{position:relative; display:block; overflow-x:hidden; overflow-y:hidden; z-index: 1}
.pdList_1 li .pdListBox .listImg img{width:100%}
.pdList_1 li .pdListBox .listImg .imgGrayBg{position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#000; opacity:0.02; z-index: 2}
.soldOutImg{position:absolute; top:0; left:0; display:block; width:100%; height:100%; background: rgba(0,0,0,0.45);z-index: 5}
.restockDateTxt{top:33% !important; line-height:15px !important; font-weight:normal !important; font-size:13px !important;}
.soldOutTxt{position:absolute; top:12%; left:20%; display:block; width:60%; height:60%; border-radius: 50%; padding-top:27%; color:#fff; font-size: 17px; font-weight:bold; text-align: center; letter-spacing: -1px; box-sizing: border-box; z-index: 6}
.leafletSale .soldOutTxt{left:50%; width:39%; margin-left:-18.5%; padding-top:17%}
.pdList_1 li .pdListBox .pdTag{position:absolute; top:-1px; left:-1px; display: block; width:30px; height:30px; z-index: 3}
.pdList_1 li .pdListBox .pdTag img{width:100%}
.pdList_1 li .pdListBox .pdsale{position:absolute; top:-1px; left:-1px; display: block; width:30px; height:30px; padding-top:6px; line-height: 20px; background:#be271d; color:#fff; font-size:12px; text-align: center; box-sizing: border-box; opacity: 0.7; z-index: 3}
.pdList_1 li .pdListBox .newSale{position:absolute; top:-1px; left:-1px; display: block; width:45px; height:36px; padding-top:6px; padding-left: 5px; line-height: 20px; color:#fff; font-size:12px; box-sizing: border-box; z-index: 3;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_down_45.png) no-repeat top right;}
.pdList_1 li .pdListBox .ohSellTxt{position:absolute; top:0; left:-1px;display:block; width:30px; height:20px; padding-top:5px; background:#32abb2; font-size:10px; text-align: center; color:#fff; letter-spacing: -0.5px; box-sizing: border-box; opacity: 0.9; z-index: 4}
.pdList_1 li .pdListBox .accompanySellTxt{position:absolute;top:0;left:-1px;display:block;width:30px; padding: 5px 0;background:#073190;font-size:10px;text-align: center;color:#fff;letter-spacing: -0.5px;box-sizing: border-box;opacity: 0.9; z-index: 4; line-height:13px;}
.pdList_1 li .pdListBox .pdsale + .ohSellTxt{top:28.5px}
.pdList_1 li .pdListBox .pdLikeWrap{position:absolute; bottom:0; width:90%; margin-left:5%; height:26px; background-color:rgba(0,0,0,0.3); text-align:center; margin-bottom:5%;}
.pdList_1 li .pdListBox .pdLikeWrap img {width:14px; padding:6.5px 0; vertical-align:bottom;}
.pdList_1 li .pdListBox .pdLikeWrap span {color:#fff; display:inline-block; line-height:28px}
.pdPriceBox{min-height:135px}

/*특가_산지직송*/
.pdList_2{margin:20px 16px}
.pdList_2 li{width:100%; padding-bottom:25px}
.pdList_2 li:last-child{padding-bottom:10px}
.pdList_2 li .pdListBox{position:relative; margin:0 4px 7px; box-sizing: border-box; }
.pdList_2 li .listTxtPrice{position:relative; padding:10px 0 0; box-sizing: border-box}
.pdList_2 li .listTit{display:block; display:-webkit-box; width:100%; max-height:45px; margin-bottom:5px; padding-right:55px; font-size:18px; line-height:21px; font-weight:bold; color:#444; letter-spacing: -0.5px; box-sizing: border-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis}
.pdList_2 li .listPrice{color:#be271d; font-size:22px; font-weight:normal; letter-spacing: -0.5px}
.pdList_2 li .listPrice span{display:inline-block; padding-left:2px; font-size:14px; color:#a6a6a6; text-decoration:line-through; font-weight:normal}
.pdList_2 li .listPrice i{font-style:normal; font-size:14px}
.pdList_2 li .listAddBtn{position:absolute; top:10px; right:0; display:inline-block; width:100%; height:100%; width:44px; height:44px; border-radius: 22px; font-size:0; background:#b2b2b2 url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cart_250.png) no-repeat 9px 50%; background-size:25px auto}
.pdList_2 li .pdListBox .listImg{position:relative; display:block; overflow-x:hidden; overflow-y:hidden;border: solid 1px #efefef;  z-index: 1}
.pdList_2 li .pdListBox .listImg img{width:100%}
.pdList_2 li .pdListBox .listImg .imgGrayBg{position:absolute; top:0; left:0; display:block; width:100%; height:100%; opacity:0.25; z-index: 2}
.pdList_2 li .pdListBox .pdTag{position:absolute; top:0.05px; left:0; display: block; width:38px; height:37.95px; z-index: 3}
.pdList_2 li .pdListBox .pdTag img{width:100%; height:100%}
.pdList_2 li .pdListBox .pdsale{position:absolute; top:0; left:0; display: block; width:38px; height:38px; padding-top:4px; line-height: 18px; background:#be271d; color:#fff; letter-spacing: -0.5px; font-size:16px; text-align: center; box-sizing: border-box; opacity: 0.7; z-index: 3}
.pdList_2 li .pdListBox .pdsale span{display:block; padding-right:1px; color:#df9291; font-size:12px; line-height: 13px; letter-spacing: 0}
.pdList_2 li .pdListBox .pdTag + .pdsale{left:38px}



/*주문_순서 20181119*/
#order-step .step-site li{float:left; width:25%; -webkit-margin-before:0.8em;background:url("../img/common/order_ico_step.png") no-repeat 100% 50% ;background-size: 8px auto; }
#order-step .step-site li:last-child{background: none;}
#order-step .step-site li span{display:block; text-align:center;  font-size:12px; padding:39px 0 7px 0; }

#order-step .ico-step1{background:url("../img/common/order_ico_step1.png") no-repeat; background-position:center 23%; background-size:26px auto;height:22px}
#order-step .ico-step2{background:url("../img/common/order_ico_step2.png") no-repeat; background-position:center 23%; background-size:26px auto;height:22px}
#order-step .ico-step3{background:url("../img/common/order_ico_step3.png") no-repeat; background-position:center 23%; background-size:26px auto;height:22px}
#order-step .ico-step4{background:url("../img/common/order_ico_step4.png") no-repeat; background-position:center 23%; background-size:26px auto;height:22px}

#order-step .ico-step1on{background:url("../img/common/order_ico_step1on.png") no-repeat; background-position:center 23%; background-size:26px auto; height:22px; color:#6ca437; border-bottom:solid 2px #6ca437;margin:0 15px}
#order-step .ico-step2on{background:url("../img/common/order_ico_step2on.png") no-repeat; background-position:center 23%; background-size:26px auto; height:22px; color:#6ca437; border-bottom:solid 2px #6ca437;margin:0 15px}
#order-step .ico-step3on{background:url("../img/common/order_ico_step3on.png") no-repeat; background-position:center 23%; background-size:26px auto; height:22px; color:#6ca437; border-bottom:solid 2px #6ca437;margin:0 15px}
#order-step .ico-step4on{background:url("../img/common/order_ico_step4on.png") no-repeat; background-position:center 23%; background-size:26px auto; height:22px; color:#6ca437; border-bottom:solid 2px #6ca437;margin:0 15px}

/*주문_ 장바구니*/
.cartBtBtn {position:fixed; bottom:0; left:0; width:100%; height:47px; z-index: 2}
.cartBtBtn a{float:left; display:inline-block; height:47px; line-height: 30px; padding-top:9px; width:41%; color:#fff; font-size:16px; text-align:center; box-sizing: border-box; }
.cartBtBtn a:nth-child(1){width:64%; background:#6ca437}
.cartBtBtn a:nth-child(1) span{color:#dae9cc}
.cartBtBtn a:nth-child(2),
.cartBtBtn a:nth-child(3){width:18%; background:#d1d1d1;}
.cartBtBtn a:nth-child(2) span{display:inline-block; width:19px; height:20px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_65.png) no-repeat 0 0; background-size:100% auto; font-size:0}
.cartBtBtn a:nth-child(2).btnOn span{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_100_3_on.png) no-repeat 0 0; background-size:100% auto; }
.cartBtBtn a:nth-child(3){border-left:1px solid #a2a2a2}
.cartBtBtn a:nth-child(3) span{display:inline-block; width:19px; height:20px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_trash_66.png) no-repeat 0 0; background-size:100% auto; font-size:0}

.cartConAll{position:relative; padding:25px 19px 11px; font-size:13px; color:#333}
.cartConAll .whiteBtn_s{position:absolute; bottom:9px; right:11px}
.cartCon{border: 1px solid #ddd;margin: 0 8px 10px 8px;width: 95%;background-color: #ffffff;}

.cartCon dt{border-bottom:1px solid #9c9c9c;margin-top: 10px;}
.cartCon .cartList{padding:0 10px; }
.cartCon .cartList li{position:relative; padding:17px 0 17px 115px; border-bottom:1px solid #ddd}
.cartCon .cartList li:last-child{border-bottom:none}
.cartCon .cartList li .cartList_in{min-height:78px}
.cartCon .cartList li .cartCheck{position:absolute; top:17px; left:0}
.cartCon .cartList li .cartCheck label{font-size:0}
.cartCon .cartList li .cartImg{position:absolute; top:17px; left:29px; width:78px; width:78px; overflow-y:hidden; z-index: 1}
.cartCon .cartList li .cartImg img{width:100%}
.cartCon .cartList li .cartTit{display:block; width:90%; min-height:20px; padding-top:2px; padding-bottom:2px; line-height:18px; font-size:14px; font-weight:bold; color:#333}
.cartCon .cartList li .cartPrice{display:block; height:25px; padding-bottom:2px; line-height:22px; font-size:14px; color:#333}
.cartCon .cartList li .cartPrice span{font-weight:normal; font-size:12px}
.cartCon .cartList li .cartPrice em{display:inline-block; padding-left:5px; color:#be271d; font-size:11px; letter-spacing: -0.5px}
.cartCon .cartList li .cartNumWrap .numBox{float:left; margin-right:4px} /*20180220 추가*/
.cartCon .cartList li .cartNumWrap .grayBtn_s{float:left; position:relative; top:0px; margin-left:2px} /*20180220 수정*/

.cartCon .cartList li .listSoldOut .cartTit,
.cartCon .cartList li .listSoldOut .cartPrice{color:#a6a6a6}
.cartCon .cartList li .listSoldOut .cartImg{opacity:0.5}
.cartCon .cartList li .listSoldOut .soldOutBox{position:absolute; top:79px; left:38px; display:inline-block; width:60px; height:16px; line-height: 12px; padding-top:3px; background:#838383; color: #fff; font-size:11px; text-align: center; box-sizing:border-box; z-index: 2}
.cartCon .cartList li .soldOutBtn{position:absolute; top:9px; right:-8px; display:inline-block; width:40px; height:40px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_trash_66.png) no-repeat 50% 50%; background-size:20px auto; font-size:0}
.cartList .cartBundle {width:100%;background:#f7f7f7; color:#333; padding:15px 16px;margin-top:15px;border-radius:5px}
.cartList .cartBundle dt {color:#333;font-size:12px;font-weight:bold;margin-bottom:7px}
.cartList .cartBundle dd {color:#6b6b6b;font-size:12px;line-height:1.38; letter-spacing: -0.2px;}
.cartList .cartBundle dd+dd {margin-top:6px}


li .icoNotDaybreakDelivery{position:absolute; top:12px; left:38px; display:inline-block; width:60px; height:20px; line-height: 12px; padding-top:3px; background:#8588be; color: #fff; font-size:12px; text-align: center; box-sizing:border-box; z-index: 2}
li .icoNotDelivery{position:absolute; bottom:18px; left:38px; display:inline-block; width:60px; height:20px; line-height: 12px; padding-top:3px; background:#e53433; color: #fff; font-size:12px; text-align: center; box-sizing:border-box; z-index: 2}
li .icoOnlyDelivery{position:absolute; top:12px; left:38px; display:inline-block; width:60px; height:20px; line-height: 12px; padding-top:3px; background:#e53433; color: #fff; font-size:12px; text-align: center; box-sizing:border-box; z-index: 2}

li div.deliveryNoti {display: flex; margin-top: 8px;}
li div.deliveryNoti .impaDelivery{width:82px; height:23px; margin-right:3px; text-align:Center; font-size: 12px; line-height: 23px; color: #ffffff; background-color: #e53433; }
li div.deliveryNoti .pasDelivery{width:82px; height:23px; margin-right:3px; text-align:Center; font-size: 12px; line-height: 23px; color: #ffffff; background-color: #499a26; }

li div.moreCheap {display: block;background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_right_57.gif) no-repeat left 0;background-size: 20px;margin: 10px 0 10px -35px;padding-left: 30px}
li div.moreCheap .link{text-decoration: underline !important;}


.cartCon .cartPriceBox{padding: 0 15px;border-top:1px solid #ddd;}
.cartCon .cartPriceBox li{float:left; padding:14px 17px 12px 6px;}
.cartCon .cartPriceBox li strong{display:inline-block; height:17px; color:#666; font-size:11px; line-height: 14px}
.cartCon .cartPriceBox li p{color:#333; font-size:14px; font-weight:bold}
.cartCon .cartPriceBox li p span{font-weight:normal}
.cartCon .cartPriceBox li.bgMinus{padding-left:0; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_minus_30.png) no-repeat right 32px; background-size:10px auto}
.cartCon .cartPriceBox li.bgPlus{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_plus_30.png) no-repeat right 32px; background-size:10px auto}
.cartCon .cartPriceBox .ctTotal{position:relative; clear:both; width:100%; padding:12px 0 27px; line-height: 20px; font-size:13px; color:#666; text-align: right; border-top:1px solid #ddd}
.cartCon .cartPriceBox .ctTotal strong{position:absolute; top:14px; left:0; display:inline-block; font-size:13px}
.cartCon .cartPriceBox .ctTotal p{display:inline-block; font-size:15px; color:#be271d; font-weight:bold}

.cartTotal{padding:18px 24px 18px; background-color: #91b370;color: #fff;}
.cartTotal li{position:relative; line-height:22px; text-align: right; }
.cartTotal li strong{position:absolute; top:0; left:0; display:inline-block; font-size:13px; letter-spacing: -0.5px}
.cartTotal li p{display:inline-block; padding-left:20px; font-size:15px; font-weight:bold}
.cartTotal li p span{font-size:13px}
.cartTotal li.bgMinus p{background:url('../img/sub/subBuyBtn_m.png') no-repeat 0 5px; background-size:10px auto}
.cartTotal li.bgPlus p{background:url('../img/sub/subBuyBtn_p.png') no-repeat 0 5px; background-size:10px auto}
.cartTotal li:last-child{border-top:1px solid #ddd; padding-top:10px; padding-bottom:6px; margin-top:5px}
.cartTotal li:last-child strong{top:10px}
.cartTotal li:last-child p{font-size:21px; font-weight:bold}
.cartTotal li:last-child p span{font-size:15px}

.cartBtn{padding:14px 11px; border-top:1px solid #ddd} 
.cartBtn a{float:left; width:49%; box-sizing: border-box}
.cartBtn a:nth-child(1){margin-right:2%}
.cartBtn a:nth-child(3){clear:both; width:100%; margin-top:8px}

.cartPdNon{padding:93px 0 110px;text-align:center;border-bottom:8px solid #F4F4F4}
.cartPdNon::before {content:'';display:inline-block; width:78px; height:78px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/bg_cartNone_156.png) no-repeat 0 0; background-size:100% auto;margin-bottom:19px}
.cartPdNon p{font-size:14px; color:#6b6b6b;letter-spacing:-0.5px;padding:0 !important}
.cartPdNon a {border:1px solid #333;border-radius:3px;display:inline-flex;align-items:center;justify-content: center;height:38px;padding:0 30px;margin-top:20px}

.directTit strong{display:block; height:28px; padding:7px 0 0 7px; margin-top:10px; line-height: 16px; background:#f4f4f4; font-size:11px; color:#333333; box-sizing: border-box}
.directPrice{height:39px; padding-left: 29px; margin-bottom: 25px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; font-size:14px; color:#333333}
.directPrice p{padding-top:9px; line-height: 20px;}
.directPrice strong{font-weight:bold}
.directPrice + .directTit{margin-top:-7px}

/*주문_ 주문결제*/
.orderConWrap{display:block;  padding:0 10px; background-color:#f4f4f4}
.orderConWrap div.deliveryAreaIndex{border:1px solid #dddddd; background:#6ba338; color:#FFFFFF; height:20px; line-height:20px; padding:5px 10px; width:90px; margin-bottom:-1px;}
.paymentCon{border:1px solid #dddddd;background:#fff}
.paymentList{}
.orderDropBtn{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_down_40_gray.png) no-repeat; background-size:16px auto; background-position: right 12px top 50%}
.orderTbtn_on{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_top_40.png) no-repeat; background-size:16px auto; background-position: right 12px top 50%}
.paymentList dt{position:relative; height:80px; }
.paymentList .imgGrayBg{position:absolute; top:0; left:0; display:block; width:50px; height:50px; border-radius: 25px; background:#000; opacity:0.07; z-index: 3}
.paymentList .pmListImg{position:absolute; top:16px; left:13px; display:inline-block; width:49px; height:49px; border-radius: 25px; border:1px solid #f4f4f4; overflow: hidden; z-index: 2}
.paymentList .pmListTit{position:relative; display:block; height:80px; padding:18px 0 0 73px; line-height: 20px; font-size:14px; color:#333; box-sizing: border-box; z-index: 3;}
.paymentList .pmListTit span{float:left; display:inline-block; width:130px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.paymentList .pmListPrice{position:absolute; top:40px; left:76px; line-height: 20px; font-size:15px; color:#be271d; font-weight:bold}
.paymentList .pmListPrice span{font-weight:normal}
.paymentList .pmListTit2{position:relative; display:block; height:82px; padding:13px 0 0px 62px; line-height: 17px; font-size:14px; color:#333; box-sizing: border-box; z-index: 3; font-size:13px; }
.paymentList .pmListTit2 p {font-weight:bold}
.paymentList .pmListTit2 span{float:left; display:inline-block; max-width:160px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.paymentList .pmListTit2 strong { white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; }
.paymentList dd .pmListImg{left:2px}
.paymentList dd .pmListPrice{top:54px;left:65px; color:#333; font-size:13px}
.paymentList .pmListNum{position:absolute; top:29px; right:20px; font-size:14px; font-weight:bold}
.paymentList .pmDelivery{text-align: right;}
.paymentList .pmDelivery a{background: #c96c6b; color: #fff;}
.paymentList .pmDecide {display: inline-block; height: 28px; line-height: 20px; padding: 3px 10px 0; background: #fff; border: 1px solid #6ba338; color: #6ba338; font-size: 12px; letter-spacing: -0.5px; box-sizing: border-box;}
.paymentList .pmBtns { position:absolute; top:52px; right:0px; z-index:11; }
.paymentList .pmBtns a, .paymentList .pmBtns span { height:22px; line-height:20px; padding:0px 5px; }
.paymentList dd{padding:0 9px}
.paymentList dd li{position:relative; border-top:1px solid #eaeaea}
.paymentList dd li:first-child{border-top:1px solid #d1d1d1}

.paymentBtn {padding:20px 11px 40px}
.paymentBtn a{clear:both; width:100%}

.ordererInfo dt a{position:relative; display:block; height:46px; line-height: 46px; padding-top: 0; padding-left:16px; font-size:14px; font-weight:bold; color:#333; box-sizing: border-box}
.ordererInfo dt a span{position:absolute; top:0; right:35px; display:block; width:60px; font-weight:normal; text-align: right; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.ordererInfo dt.orderTbtn_on a span{display:none}

.ordererInfo dd .odInfo{position:relative; line-height:20px}
.ordererInfo dd .odInfo strong{display:block; line-height:21px; font-size:12px; color:#333333}
.ordererInfo dd .odInfo p.odInfoAdd{line-height:21px; font-size:14px; color:#666}
.ordererInfo dd .odInfo p.odInfoTel{padding-right:52px; line-height:21px; font-size:14px; color:#a6a6a6}
.ordererInfo dd .odInfo p.odInfoTxt{line-height:19px}
.ordererInfo dd .odInfo pre {font-family:'Nanum Gothic',Tahoma, sans-serif, '돋움','dotum',Tahoma,verdana,Helvetica,Arial; white-space:pre-wrap }
.ordererInfo dd .odInfo .grayBtn_s{position:absolute; right:0; bottom:20px; font-size:12px}
.ordertitle {padding: 25px 0 7px 9px;  font-size: 15px }

.odPoint{padding:12px 0 10px}
.odPoint li{position:relative; height:35px; text-align: right}
.odPoint li strong{position:absolute; top:0; left:0; display:inline-block; line-height: 35px; font-size:13px; letter-spacing: -0.5px}
.odPoint li p{line-height:35px; font-size:15px; color:#333333; font-weight:bold}
.odPoint li .pointInputWrap{display:inline-block}
.odPoint li .pointInput{float:left; width:100px; height:35px; text-align: right; color:#be271d; font-size:14px}
.odPoint li .grayBtn_s{float:left; height:35px; line-height:25px; margin-left:7px}

.odTotal{padding:13px 0 13px}
.odTotal li{position:relative; line-height:22px; text-align: right; }
.odTotal li strong{position:absolute; top:0; left:0; display:inline-block; font-size:13px; letter-spacing: -0.5px}
.odTotal li p{display:inline-block; padding-left:20px; font-size:15px; font-weight:bold}
.odTotal li p span{font-size:13px}
.odTotal li.bgMinus p{background:url('../img/sub/subBuyBtn_m.png') no-repeat 0 45%; background-size:10px auto}
.odTotal li.bgPlus p{background:url('../img/sub/subBuyBtn_p.png') no-repeat 0 45%; background-size:10px auto}
.odTotal li:last-child{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_line_5.png) repeat-x 0 0; background-size:4px auto; padding-top:10px; margin-top:8px}
.odTotal li:last-child strong{top:10px}
.odTotal li:last-child p{font-size:21px; color:#bf2523; font-weight:bold}
.odTotal li:last-child p span{font-size:15px}

.odListMethods{padding:14px 0 0}
.odListMethods li{padding-bottom:14px}
.odListMethods li label{line-height:22px; font-size:13px; }

.odAgreeCon dt{position:relative}
.odAgreeCon dt a{position:relative; display:block; height:46px; line-height: 45px; padding-left:43px; font-size:14px; font-weight:bold; color:#333}
.odAgreeCon dt .chk{position:absolute; left:11px; top:12px;}
.odAgreeCon dt .chk label{font-size:0}
.odAgreeCon dd{margin:0 9px; border-top:1px solid #d1d1d1}
.odAgreeCon dd p{padding:13px 0 13px; font-size:12px; line-height: 18px; color:#666666}
.odAgreeCon dt.agreeAllTit{display:block; height:46px; line-height: 45px; }
.odAgreeCon dt.agreeAllTit .chk label{font-size:14px}


.orderTab li{float:left; display:inline-block; width:50%; background:#f4f4f4; text-align: center; border-bottom:1px solid #e3e3e3}
.orderTab li.tabOn{background:#fff; border-bottom:1px solid #fff}
.orderTab li a{display:block; height:45px; line-height: 45px; padding-top:3px; color:#666666; font-size:14px; font-weight:bold; box-sizing: border-box}
.orderTab li:first-child a{border-right:1px solid #e3e3e3}
.orderTab li:nth-child(2n-1) a{border-right:1px solid #e3e3e3} 
.orderTab .blankAddr { height:30px }
.orderCon{position:relative; padding:8px 11px}
.orderCon_1 .chkBox{position:absolute; top:20px; left:0; display:inline-block}
.orderCon_1 .chkBox label{font-size:0}
.orderCon_1 .odInfo{font-size: 14px; line-height: 26px; position:relative;}
.odInfo .receiver_addr {  }
.orderCon_2{padding-left:0; padding-right:0; padding-bottom:5px; }
.orderCon_2 > p{padding-top:10px; height:24px; color:#666; font-size:11px}
.orderCon_2 > p span{position:relative; top:2px}
.orderCon_2 .orAddList li{position:relative; padding-left:65px; padding-bottom:8px}
.orderCon_2 .orAddList li strong{position:absolute; top:0; left:0; display:inline-block; width:63px; height:35px; line-height: 35px; font-size:13px; font-weight:bold; color:#333; letter-spacing:-1px}
.orderCon_2 .orAddList li strong span{position:relative; top:2px; display:inline-block}
.orderCon_2 .orAddList li input{width:100%; height:35px; line-height: 35px}
.orderCon_2 .orAddList li .addScBtn{position:relative; padding-right:100px}
.orderCon_2 .orAddList li .addScBtn .grayBtn_s{position:absolute; top:0; right:0; height:35px; line-height: 28px; padding-left:10px; padding-right:10px}
.orderCon_2 .orAddList li .addNum input{float:left; width:30%}
.orderCon_2 .orAddList li .addNum span{float:left; display:inline-block; width:5%; line-height: 35px; text-align:center}
.orderAddTxt {padding:7px 0; font-size:11px; line-height: 14px; color:#666}
.orderAddInfo { background-size:4px auto; padding:20px 0;  line-height: 14px; font-size:11px; color:#666666}
.orderAddInfo strong{display:block; padding-bottom:5px; font-weight:bold; color:#333}
.orderAddInfo p{padding-bottom:3px}

/*결제완료*/
.finishCon{margin-bottom:11px; border:1px solid #d1d1d1; background:#fff}
.finishCon dd .odInfo{margin-left:0; padding-top:12px; padding-bottom:16px}
.finishCon .odListMethods{margin-bottom:16px; font-size:13px; color:#666666; line-height:19px}
.finishCon .odListMethods strong{float:left; display:inline-block; padding-right:5px; color:#333333; letter-spacing: -0.5px}
.finishCon .odListMethods p{float:left; display:inline-block; }
.finishCon dd{border-top:1px solid #d1d1d1}
.finishCon dd .orderCon{border-top:none}

.finishInfo{padding:23px 0; margin-top:17px; text-align:center}
.finishInfo p{font-size:11px; color:#666666}
.finishInfo strong{font-size:17px; line-height:32px; letter-spacing: -1px}
.finishInfo .cpNum{height:32px; margin:12px 22px 0; padding-top:2px; line-height:28px; border-radius: 17px; background:#f4f4f4}
.finishBtn{padding-top:7px; padding-bottom:40px; border-top:none}

/*주문상세조회*/
.orderDtTit{position:relative; display:block; height:46px; line-height: 45px; padding-top:3px; padding-left:9px; font-size:14px; font-weight:bold; color:#333; box-sizing: border-box}
.orderDtTit .grayBtn_s{position:absolute; top:11px; right:11px; height:28px; line-height:20px; font-size:12px}

/*특가*/
.dailySale{box-sizing:border-box; padding:0 17px 15px}
.dailySale h3{position:relative; padding:15px 0; font-size:21px; font-weight:600; letter-spacing:-0.03em; text-align:center; border-bottom:1px solid #bababa}
.dailySale h3:after{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); display:block; background:#000; width:61px; height:3px}
.dailySale ul li{padding:34px 0 27px 0; position:relative}
.dailySale ul li:not(:nth-last-child(1)):after{content:''; position:absolute; bottom:0; display:block; width:100%; height:1px; background:repeating-linear-gradient(to right, #ececec, #ececec 3px, #fff 3px, #fff 6px) repeat-x}
.dailySale dl{position:relative; min-height: 160px}
.dailySale dl dt{display:block; display:-webkit-box; margin-right:160px; padding-top:35px; font-size:14px; font-weight:normal; letter-spacing:-0.5px; line-height:18px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis}
.dailySale dl dd.thumb{width:150px; height:150px; position:absolute; right:0; top:0}
.dailySale dl dd.price{padding:10px 0; font-size:15px; color:#727272; letter-spacing: -0.5px; color:#be271d}
.dailySale dl dd.price span{padding-left:2px; color:#9e9e9e; text-decoration:line-through}
.dailySale dl dd.discount{position:absolute; left:0; top:-3px; font-size:30px; font-weight:normal ; color:#e53433; letter-spacing: -1px}
.dailySale dl dd.discount:after{content:'%'}
.dailySale dl dd.controls a{display:inline-block; margin-right:10px}

.dailySale2{box-sizing:border-box; padding:0px 17px 29px 17px; border-top:1px solid #dedede}
.dailySale2 h3{position:relative; padding:15px 0; font-size:21px; font-weight:600; letter-spacing:-0.5px; text-align:center; border-bottom:1px solid #bababa}
.dailySale2 h3:after{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); display:block; background:#000; width:61px; height:3px}
.dailySale2 ul li{padding:17px 0 13px 0; position:relative}
.dailySale2 ul li:not(:nth-last-child(1)):after{content:''; position:absolute; bottom:0; display:block; width:100%; height:1px; background:repeating-linear-gradient(to right, #ececec, #ececec 3px, #fff 3px, #fff 6px) repeat-x}
.dailySale2 dl{position:relative; min-height: 160px}
.dailySale2 dl dt{display:block; display:-webkit-box; margin-left:170px; padding-top:35px; font-size:14px; font-weight:normal; letter-spacing:-0.5px; line-height:18px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis}
.dailySale2 dl dd.thumb{width:150px; height:150px; position:absolute; left:0; top:0}
.dailySale2 dl dd.price{padding:10px 0 10px 170px; font-size:15px; color:#727272; letter-spacing: -0.5px; color:#be271d}
.dailySale2 dl dd.price span{padding-left:2px; color:#9e9e9e; text-decoration:line-through}
.dailySale2 dl dd.discount{position:absolute; left:170px; top:-3px; font-size:30px; font-weight:normal ; color:#e53433; letter-spacing: -1px}
.dailySale2 dl dd.discount:after{content:'%'}
.dailySale2 dl dd.controls{padding-left:170px}
.dailySale2 dl dd.controls a{display:inline-block; margin-right:10px}
.dailySale2 dl dd.likePercent {position:absolute; top:4px; right:1px; width:80px;}
.dailySale2 dl dd.likePercent img {width:20px;}
.dailySale2 dl dd.likePercent span {color:#80b052; line-height:18px;}

.dailySale-more{position:relative; display:block; padding:16px 45px; text-align:right; color:#909090; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-size:14px; letter-spacing:-0.08em}
.dailySale-more:after{content:""; position: absolute; top:16px; right:30px; display:inline-block; width:7px; height:14px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_right_20_gray.png) 0 0 no-repeat; background-size:100% auto}
.direct{border-top:11px solid #ececec; background:#f5f5f5; padding-top:40px; padding-bottom:17px}
.direct h3{font-size:21px; text-align:center; letter-spacing:-0.07em}
.direct h3 em{font-weight:800}
.direct ul{width:100%; white-space:nowrap; overflow:hidden; margin:20px 0}
.direct ul li{padding:0 7px}
.direct ul li a{display:inline-block; border:1px solid #ddd}
.direct ul:after,.direct ul:before{content:""; display:block; clear:both}

.bestList .pdBest{position:absolute; top:0; left:0; display:inline-block; width:40px; height:40px; padding:3px 0 0 5px; line-height:15px; color:#fff; font-size:11px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_bookmark_137.png) no-repeat 0 0; background-size:100% 100%; box-sizing: border-box}
.bestList .pdBest.best1{width:30px; height:30px; padding-left:0; padding-top:2px; background:#be271d; text-align: center}
.bestList .pdBest.best1 em{position:relative; top:-4px; display: block; font-size:10px; color:#ecbfbc}

/*검색*/
.scWordInput{position:relative; margin: 11px; padding: 5px 50px 5px 0; box-sizing: border-box; border:1px solid rgb(233,233,233); border-radius:5px }
.scWordInput input{width:100%; height:30px; padding-left:10px; border:none; letter-spacing: -0.5px }
.scWordInput input:focus {outline:none;}
.scWordInput .scwInputDel {position:absolute; top:8px; right:50px; width:25px; height:25px; font-size:0; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_58.png) no-repeat right 8px; background-size:11px auto; display:block}
.scWordInput .searchBtn{position:absolute;top: 0;right: 0;display:inline-block;width: 40px;height: 41px;font-size:0;background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_search_50.png) no-repeat 50% 50%;background-size: 21px;background-color: #6ca435; border-radius:0 5px 5px 0}
.searchEmpty{padding: 52px 0; text-align: center; font-size: 14px; color: #a5a5a5}

.scListTop{position:relative; margin:7px 11px -20px; height:35px; font-size:12px; color:#666}
.scListTop p{padding-top:6px; line-height:16px}
.scListTop p em{color:#6ca437; font-weight: bold}
.searchSel{position:absolute; top:0; right:0; width:100px; }
.searchSel select{height:28px; padding-left:12px; border-radius: 14px; font-size:12px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_sort_47.png) no-repeat; background-position: right 8px top 50%; background-size:15px auto; letter-spacing: -0.5px; box-sizing: border-box}
.searchSel2 ul {position:absolute;background:#fff;width:auto;text-align:center;z-index:9999;/* border:1px solid #dfdfdf; */top:31px;display:none;box-shadow: 0 2px 4px rgba(0,0,0,.3); right:7px}
.searchSel2 ul li {padding:10px; letter-spacing:-1px; text-align:center; font-size:15px}
.searchSel2 ul li.on {color:#6ca435; font-weight:bold;}
.searchSel2{position:absolute; top:0; right:0; width:100px; }
.searchSel2 .search-select-wrap{height:31px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_down_52.png) no-repeat;background-position: right 8px top 50%;background-size:15px auto;letter-spacing: -0.5px;box-sizing: border-box;display:inline-block;width:100%;text-align: right;line-height:31px;padding-right: 27px; font-size:14px;}
.searchSel2 .search-select-wrap.on{height:31px;font-size:12px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_up_52.png) no-repeat;background-position: right 8px top 50%;background-size:15px auto;letter-spacing: -0.5px;box-sizing: border-box;display:inline-block;width:100%;text-align: right;line-height:31px;padding-right: 27px; font-size:16px;}

.scWordList1{padding:10px 11px; border-bottom:1px solid #ddd}
.scWordList1 li{position:relative; padding-right:25px}
.scWordList1 li a.scwListTxt{display:inline-block; min-width:50%; height:28px; line-height:28px; font-size:13px; letter-spacing: -0.5px}
.scWordList1 li a.scwListDel{position:absolute; top:0; right:0; width:25px; height:25px; font-size:0; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_58.png) no-repeat right 8px; background-size:11px auto}
.scWordList2{padding:15px 11px 0; border-top:1px solid #ddd}
.scWordList2 strong{display:block; height:30px; line-height:28px; margin-bottom:10px; font-size:14px; font-weight:bold; color:#333; border-bottom:1px solid #707070}
.scWordList2 li{height:42px; line-height: 40px; border-bottom:1px solid #d1d1d1}
.scWordList2 li a{font-size:13px; font-weight:bold; color:#666}

.scWordList3{padding:0 11px 0; border-top:1px solid #ddd; height:215px; overflow-y:auto}
.scWordList3 li{height:42px; line-height: 40px; border-bottom:1px solid #d1d1d1}
.scWordList3 li a{font-size:13px; color:#333333}
.scWordList3 li{position:relative; padding: 0 15px}
.scWordList3 li a.scwListTxt{display:inline-block; min-width:50%; height:28px; line-height:28px; font-size:13px; letter-spacing: -0.5px}
.scWordList3 li a.scwListDel{position:absolute; top:7px; right:10px; width:25px; height:25px; font-size:0; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_58.png) no-repeat right 8px; background-size:11px auto}

.scWordClose{position:relative; top:-1px; height:26px; line-height:22px; padding-top:1px; padding-right:13px; background:#ececec; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#666; text-align: right; font-size:11px; box-sizing: border-box}

.scListNon{padding-top:px; text-align:center}
.scListNon span{display:inline-block; width:50px; height:50px; margin-top:80px; margin-bottom:16px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_search_166.png) no-repeat 0 0; background-size:100% auto}
.scListNon p{height:145px; font-size:14px; color:#a6a6a6; letter-spacing: -0.5px}

/*배송안내*/
.deliveryCon{padding:20px 24px 38px}
.deliveryCon li:first-child{padding-bottom:25px; }
.deliveryCon li strong{display:block; height:30px; line-height: 23px; padding-left:25px; font-size:14px; font-weight:bold; color:#333333; letter-spacing: -0.5px}
.deliveryCon li:first-child strong{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_location_60.png) no-repeat 0 0; background-size:19px auto}
.deliveryCon li:last-child strong{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_clock_60.png) no-repeat 0 0; background-size:19px auto}
.deliveryCon li p{font-size:13px; color:#333; line-height:18px; letter-spacing: -0.2px}
.deliveryCon li span{display:block; padding-top:8px; font-size:11px; color:#666}

.deliveryConfirm {display:flex;flex-direction:column;height:100%;text-align:center}
.deliveryConfirm .conWrap {margin-bottom:auto}
.deliveryConfirm .deliveryWrap {padding:0 24px}
.deliveryConfirm .topMenu_home {display:none}
.deliveryConfirm .confirmCont {padding-bottom:40px}
.deliveryConfirm ul.confirmCont li {margin-bottom:20px}
.deliveryConfirm ul.confirmCont li img {width:100%}
.deliveryConfirm .comfirmTtl {padding-top:20px;font-weight:700;font-size:16px;letter-spacing:-0.5px}
.deliveryConfirm .comfirmTtl.ico {padding-top:90px}
.deliveryConfirm .comfirmTtl.ico::before {content:'';display:block;width:70px;height:63px;margin:0 auto 26px auto;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_hourGlass_140.png) no-repeat center/100% auto}
.deliveryConfirm .confirmTxt {margin-top:21px;font-size:14px;line-height:1.5;letter-spacing:-1px}
.deliveryConfirm .confirmTxt .emphasis {font-weight:500}

/*고객센터*/
.customerMain .customerTop{position:relative; padding:20px 11px 23px; border-bottom:1px solid #ddd; font-size:17px; color:#333333; line-height: 22px}
.customerMain .customerTop p{line-height:15px; font-size:11px; color:#666666}
.customerMain .customerTop a{position:absolute; top:17px; right:11px; display:inline-block; width:45px; height:45px; border:1px solid #ddd; border-radius: 23px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_customer_1_70.png) no-repeat 50% 50%; background-size: 22px auto; font-size:0}
.customerMain .customerTel2{border-top:1px solid #ddd}
.customerMain .customerTel3{border-top:1px solid #ddd; border-bottom:none}

.customerMain .customerIcon{border-top:1px solid #ddd; ;border-bottom:1px solid #ddd}
.customerMain .customerIcon li{float:left; width:33%; padding:25px 0; text-align: center; font-size:12px; color:#333}
.customerMain .customerIcon li a{display:block}
.customerMain .customerIcon li span{display:block; height:44px}
.customerMain .customerIcon li:nth-child(1) span{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_customer_2_135.png) no-repeat center 0; background-size:auto 34px}
.customerMain .customerIcon li:nth-child(2) span{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_customer_3_99.png) no-repeat center 0; background-size:auto 34px}
.customerMain .customerIcon li:nth-child(3) span{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_customer_4_126.png) no-repeat center 0; background-size:auto 34px}

.customerCon{border-bottom:1px solid #ddd}
.customerCon dt{position:relative; display:block; background:#fcfcfc}
.customerCon dt strong{display:block; padding:12px 0; margin:0 11px; line-height:20px; border-bottom:1px solid #ddd; font-size:13px; font-weight:bold; letter-spacing: -0.5px; color:#333333}
.customerCon dt a{position:absolute; top:0; right:11px; width:44px; height:44px; font-size:0; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_right_30.png) no-repeat right 50%; background-size:9px auto }
.customerCon dd li{display:block; margin :0 11px;border-bottom:1px solid #ddd}
.customerCon dd li .customerTit { display:block; height:44px; line-height:42px; letter-spacing: -0.5px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden }
.customerCon dd li:last-child{border-bottom:none}
.ctNoticeList li a{width:95%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden}

/*공지사항*/
.noticeList{padding:0 11px }
.noticeList li{border-bottom:1px solid #ddd;}
.noticeList li:last-child{border-bottom:none}
.noticeList li a{display:block; height:62px; padding: 12px 0 0 0; /*padding-right:40px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_right_30.png) no-repeat right 50%; background-size:9px auto; */box-sizing:border-box }
.noticeList li a em{display:block; width:100%; line-height:23px; font-size:13px; font-weight:normal; color:#333; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.noticeList li a span{display:block; font-size:11px; color:#666}

.noticeView{padding:0 11px}
.noticeView dt{padding:13px 0 10px; border-bottom:1px solid #ddd; line-height: 17px; font-size:13px; color:#333}
.noticeView dt p{padding-top:2px; font-size:11px; color:#666}
.noticeView dd{padding:15px 0 50px ; font-size:12px; color:#666; line-height: 16px}
.noticeView dd .imgWrap{padding:0 15px}
.noticeView dd .imgWrap img{width:100%}

/*****마이페이지******/
.bbGrayWrap {background:#F5F6F8;padding-top:24px;border-top:1px solid #e0e0e0;position:relative}
.bbGrayWrap .btn_movPlay {position:absolute;right:16px;top:24px;z-index:10}
.bbGrayWrap2 a:last-child{border-bottom:none}
.bgGrayWrap {position:relative;padding-top:20px;background:#F5F6F8}
.moreLink {position:relative;color:#202020; font-size:13px; letter-spacing:-0.06em; font-weight:normal;display:flex;align-items:center;justify-content:space-between;padding:16px}
.moreLink span {display:block; font-size:12px; color: #333;font-weight: normal}
.moreLink em {padding-bottom: 8px}
.moreLink .addOrderBtn {height:28px;background: #fff; border: 1px solid #2F6A46;display:inline-flex;align-items: center; padding: 0 10px;color: #2F6A46;font-weight: normal;letter-spacing: -.3px;border-radius: 3px; font-size:12px}
.listControl .moreLink.bold span{top:3px; right:0; display:inline-block; padding-top:0}
.returnBtn{top:15px !important}
a.moreLink {border-top: 1px solid #e2e2e2; padding:16px 11px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_right_20_2.png) no-repeat; background-position:right 13px top 16px; background-size:auto 14px}
.moreLink.line { border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2}
.moreLink.line+a.moreLink.line{border-top:0 none}

/* 마이페이지 메인 */

/* 2018-11-01 */
.newMyTit{border-bottom:1px solid #ddd;background:#7EAD13; color:#fff}
/* 2018-11-01 */

.csCenterWrap .myTit{border-bottom:1px solid #ddd;background:#6ca435; color:#ffffff}
.myTit {position:relative;padding:0 16px;height:60px;display:flex;align-items:center}
.myTit p {font-size:14px}
.myTit p em {display:inline-block;font-weight:600;max-width:101px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;vertical-align:top}
.myTit .myBuyProd {display:inline-flex;align-items:flex-end;font-size:12px;color:#fff;margin-left:auto;position:relative;}
.myTit .myBuyProd span {display:inline-flex;align-items:center;justify-content:center;border:1px solid #fff;border-radius:50%;width:13px;height:13px;margin-left:3px}
.myTit .myBuyProd span::after {content:'';display:inline-block;width:4px;height:4px;border-top:.3vw solid #fff;border-left:.3vw solid #fff;transform: rotate(135deg);margin-left:-1px}

.myTit .ico-edit {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_setting_35.png) left top no-repeat; background-size:13px auto}
.myTit .ico-edit2{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_setting_35.png) left top no-repeat;background-size:13px auto;top:58px}

.mypageSearchBox {margin:0 16px 16px;position:relative;display:flex;}
.mypageSearchBox .inSearch_ipBox {display:flex;width:100%;background:#F5F5F5;border-radius:5px}
.mypageSearchBox .searchClose {width:27px;height:49px;text-align:left;flex:none;display:flex;align-items:center}
.mypageSearchBox .searchClose img {width:17px}
.mypageSearchBox .searchOrder {flex:none;width:46px;height:49px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_search_77.png) no-repeat 12px center / 19px 19px}
.mypageSearchBox input {text-indent:13px; width:100%;height:49px;border:0;font-size:13px;color:#6B6B6B;background:none;padding:0;outline:none}
.mypageSearchBox input::placeholder {color:#6B6B6B}
.mypageSearchBox .ip_txtDel {position:absolute;right:40px;top:0;width:30px;height:49px;background: none;z-index:1}

.btn_myOrderSort {display:flex;padding:0 16px;margin-bottom:30px}
.btn_myOrderSort div {position:relative;}
.btn_myOrderSort div+div {margin-left:5px}
.btn_myOrderSort input {position:absolute;width:100%;height:100%;opacity:0;}
.btn_myOrderSort label {padding:0 13px;height:36px;border:1px solid #e0e0e0;font-size:14px;border-radius:19px;background:#fff;display:inline-flex;align-items:center;color:#6b6b6b} 
.btn_myOrderSort input:checked+label {background:#333;color:#fff;border-color:#333}

/* 2023-01-16 */
.mySummary > .my_innerBox {background:#F5F6F8;padding:22px 16px 40px;position:relative}
.mySummary > .my_innerBox > * {background:#fff;border-radius:8px;box-shadow: 3px 3px 10px #00000008;overflow:hidden}
.mySummary > .my_innerBox > *+* {margin-top:12px}
.mySummary > .my_innerBox > a {display:flex}
/* .mySummaryWrap header .headerInner .subTitTopWrap {background:#7EAD13}
.mySummaryWrap header .headerInner .subTitTopWrap .subTitTop {background:#7EAD13}
.mySummaryWrap header .headerInner .subTitTopWrap .subTitTop a::before {filter:brightness(0) invert(100%)}
.mySummaryWrap .topMenu_home img {filter:brightness(0) invert(100%)}
.mySummaryWrap .subTitTop .subTopNotice span em {background-color:#333;border-color:#333}
.mySummaryWrap .subTitTop h1,.mySummaryWrap .subTitTop .subTit_inner {color:#fff} */
/* html.mobile .mySummaryWrap #sessionCartCnt, html.urlM .mySummaryWrap #sessionCartCnt, */ 
body.live .mySummaryWrap #sessionCartCnt {background-color:#333;border-color:#333}

.mySummary_myTit {position:relative;padding:24px 16px 0 16px;background:#F5F6F8}
.mySummary_myTit .myTit_top {display:flex;margin-bottom:1px;align-items:center}
.mySummary_myTit .myWelcome {margin-bottom:2px;font-size:13px}
.mySummary_myTit .myTit_top:has(a) {height:16px;margin-bottom:12px}
.mySummary_myTit .myTit_top > a {margin-left:auto}
.mySummary_myTit .myTit_top > a:after {content:'';display:inline-block;width:6px;height:6px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);margin:3px 0 0 3px;vertical-align:top}
.mySummary_myTit .myTit_labelBox {display:flex;gap:0 3px}
.mySummary_myTit .myTit_labelBox a {display:inline-flex;justify-content:center;align-items:center;height:16px}
.mySummary_myTit .myTit_labelBox a img {width:auto;height:100%}
/* .mySummary_myTit .myTit_labelBox a + a {margin-left:3px} */
.mySummary_myTit .mySummaryUser {display:flex;align-items:center}
/* .mySummary_myTit .mySummaryUser .userName {display:flex;margin-right:4px}
.mySummary_myTit .mySummaryUser .userName strong {display:block;font-size:20px;font-weight:700;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mySummary_myTit .mySummaryUser .userName span {font-size:20px;font-weight:400} */

/* .mySummary_myTit .mySummaryUser {display:flex;align-items:center;margin-top:8px} */
.mySummary_myTit .mySummaryUser .userName {display:flex;margin-right:auto;font-size:18px}
.mySummary_myTit .mySummaryUser .userName strong {display:block;font-weight:700;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mySummary_myTit .mySummaryUser .userName span {font-weight:400}
.mySummary_myTit .mySummaryUser > a {font-size:12px;position:relative}
.mySummary_myTit .mySummaryUser > a+a {margin-left:8px;padding-left:9px}
.mySummary_myTit .mySummaryUser > a+a::after {content:'';width:1px;height:10px;position:absolute;left:0;top:50%;transform:translateY(-50%);background:#E0E0E0}
.mySummary_myTit .mySummaryUser .userEdit::before {content:'';display:inline-block;width:12px;height:12px;margin:-1px 1px 0 0;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_setting_24.png) no-repeat center/100% auto;vertical-align:top}

.mySummary .my_bandBanner {align-items:center;height:66px;padding:0 22px;font-size:12px;position:relative;color:#828282; border:1px solid #018237;}
.mySummary .my_bandBanner p strong {display:block;font-size:13px;margin-bottom:8px;color:#333333; font-weight: 500;}
.mySummary .my_bandBanner p strong i {color:#0C520A}
/* .mySummary .my_bandBanner::before {content:'';display:inline-block;width:24px;height:24px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_invite_48.png) no-repeat 50% 50% / 100% 100%;margin-right:10px} */
.mySummary .my_bandBanner::after {content:'';position:absolute;top:50%;right:16px;width:8px;height:8px;border-right:1px solid #018237;border-top:1px solid #018237;transform:translateY(-50%) rotate(45deg)}

.mySummary .stateTop {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center}
.mySummary .stateTop a {flex:1;padding:22px 0 21px 0;position:relative}
.mySummary .stateTop a+a:not(.linkPayAdd)::before {content:'';width:1px;height:30px;background:#eee;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.mySummary .stateTop strong {margin-bottom:14px;display:block;font-size:14px}
.mySummary .stateTop em {font-size:17px;font-weight:700;}
.mySummary .stateTop em.myPoint span {font-weight:400;margin-left:2px}
.mySummary .stateTop .linkPayAdd {flex:0 1 100%;display:flex;align-items:center;position:relative;margin:0 16px 16px 16px;padding:8px 20px 8px 12px;border-radius:5px;background-color:#E2F2CD;font-weight:500;font-size:13px;letter-spacing:-0.2px} /* 빠른 결제수단 등록하기 */
.mySummary .stateTop .linkPayAdd::before {content:'';display:inline-block;width:36px;height:20px;margin-right:6px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_new_72.png) no-repeat center/100% auto;vertical-align:top}
.mySummary .stateTop .linkPayAdd::after {content:'';display:block;width:8px;height:8px;margin-left:auto;border:solid #333333;border-width:1.2px 1.2px 0 0;transform:rotate(45deg)}

.mySummary .stateBottom {display:flex;align-items:center;justify-content:center;text-align:center}
.mySummary .stateBottom a {flex:1;padding:20px 0;position:relative}
.mySummary .stateBottom a+a::before {content:'';width:1px;height:16px;background:#eee;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.mySummary .stateBottom strong {display:block;margin-bottom:11px;color:#6B6B6B;font-size:12px}
.mySummary .stateBottom em {font-size:16px;color:#333333;font-weight:bold;}
.mySummary .stateBottom .img_oasisPay img {width:40px;height:16px}


.mySummary .myRecentBox {padding:18px 16px 16px}
.mySummary .myRecentBox {}
.mySummary .myRecentBox h3::before {content:'';flex:none;display:inline-block;width:18px;height:18px;margin:-2px 4px 0 0;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_mypage_delivery_36.png) no-repeat center center / 100% 100%;vertical-align:top}
.mySummary .productRecentInner {display:flex;align-items:center;position:relative;}
.mySummary .productRecentInner .productImg {overflow:hidden;width:60px;height:60px;border-radius:10px;flex:none;margin-right:10px}
.mySummary .productRecentInner .productImg img {width:100%;object-fit:cover}
.mySummary .productRecentInner .productInfo {}
.mySummary .productRecentInner .inProductName {display:flex;margin-bottom:6px}
.mySummary .productRecentInner .inProductName em {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis; line-height: 1.286;}
.mySummary .productRecentInner .inProductName em br { display: inline-block; content: " "; padding: 0 1px;}
.mySummary .productRecentInner .inProductName span {flex-shrink:0;max-width:60px;text-align:right;margin-left:2px; line-height: 1.286;}
.mySummary .productRecentInner .productInfo strong {font-weight:700;font-size:15px}


.mySummary .areaFavorite {display:flex;flex-wrap:wrap;padding:22px 0;gap:24px 0}
.mySummary .areaFavorite a {width:calc(100% / 3);text-align:center;}
.mySummary .areaFavorite a strong {font-size:12px;color:#6b6b6b}
.mySummary .areaFavorite a .iconImg {position:relative;width:20px;height:20px;margin:0 auto 8px}
.mySummary .areaFavorite a .iconImg img {width:100%}
.mySummary .areaFavorite a .iconImg .cartBadge {position:absolute;top:-2px;right:-10px;padding:2px 4px;border-radius:50px;background:#0C520A;font-size:10px;color:#fff}

.mySummary_prodList {padding:25px 0}
.mySummary_prodList h3 {padding:0 16px}
.mySummary_prodList .wishProduct {display:flex;flex-wrap:nowrap;overflow-x:auto;padding:0 16px}
.mySummary_prodList .wishProduct::-webkit-scrollbar {display:none}
.mySummary_prodList .wishProduct li {display:inline-block;flex-shrink:0;overflow:hidden;width:90px;}
.mySummary_prodList .wishProduct li {margin-right:6px}
.mySummary_prodList .wishProduct li a {display:block;position:relative;width:100%;height:100%}
.mySummary_prodList .wishProduct li a img {width:100%;height:90px;object-fit:cover;border-radius:5px}
.mySummary_prodList .wishProduct li a b {display:block;margin:6px 0}
.mySummary_prodList .wishProduct li a strong {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;color:#6B6B6B;font-size:12px;line-height:1.2}
/* .mySummary_prodList .wishProduct li.more {border:1px solid #E0E0E0}
.mySummary_prodList .wishProduct li.more a::before {content:'. . .';position:absolute;left:50%;top:40%;font-weight:700;font-size:18px;color:#B2B2B2;transform:translate(-50%, -50%);}
.mySummary_prodList .wishProduct li + li.more a::before {content:'+';top:50%;font-weight:400;font-size:18px;color:#333}
.mySummary_prodList .wishProduct li.more a::after {display:none} */

.mySummary_customerCenter {padding:18px 16px 24px;border-bottom:1px solid #f2f2f2}
.mySummary .categoryTit {display:flex;font-size:15px;font-weight:600;margin-bottom:14px}
.mySummary .categoryTit a {display:flex;align-items: center;width:100%;}
.mySummary .categoryTit a::after {content:'';width:8px;height:8px;border-right:1px solid #000;border-top:1px solid #000;transform:translateY(-50%) rotate(45deg);margin-left:auto;margin-bottom:-8px}

.mySummary .boxList {display:flex;flex-wrap:wrap;padding-top:10px}
.mySummary .boxList li {width:50%}
.mySummary .boxList li+li+li {margin-top:20px}
.mySummary .boxList li a {display:block;font-size:14px;padding:0 4px;line-height:1.286}

.mySum_service {padding:18px 16px 24px}
.mySummary .mySum_service .boxList li a {display:flex;align-items:center}
.mySummary .mySum_service .boxList li a::before {content:'';display:inline-block;width:20px;height:20px;background:no-repeat 0 0;background-size:100% 100%;margin-right:3px}
.mySummary .mySum_service .boxList li a.icoService01::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_mypage_service_01.png)}
.mySummary .mySum_service .boxList li a.icoService02::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_mypage_service_02.png)}
.mySummary .mySum_service .boxList li a.icoService03::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_mypage_service_03.png)}
.mySummary .mySum_service .boxList li a.icoService04::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_mypage_service_04.png)}
.mySummary .mySum_service .boxList li a.icoService05::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_mypage_service_05.png)}
.mySummary .mySum_service .boxList li a.icoService06::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_mypage_service_06.png)}
/* //2023-01-16 */

/*s::20201103 일반 회원 전환 버튼 추가*/
.myTit a.btn-general {display: inline-block; border: 1px solid #fff; font-size: 12px; line-height: 13px; padding: 4px 5px 3px 5px; border-radius: 11px; transform:none; position:relative; vertical-align: middle; top:inherit; right:inherit; margin:-2px 0 0 3px;}

@media screen and (max-width:330px) {
  .myTit a.btn-general {padding: 4px 3px 3px 3px; font-size:10px;}
}
/*e::20201103 일반 회원 전환 버튼 추가*/


/* 주문 진행 스텝 */
ul.stepList {padding-bottom: 25px; padding-top: 10px}
ul.stepList:before, ul.stepList:after { content: "";display: block;clear: both}
ul.stepList li {position:relative; float:left; padding-top: 30px; width:20%; font-size: 12px; text-align: center; letter-spacing: -0.1em }
ul.stepList li:not(:last-child):after {content:''; position:absolute; right:-8px; top:25%; transform: translateX(-50%); display:block; width:8px; height:14px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_right_20_2.png) no-repeat; background-size:cover}
ul.stepList li span {position: absolute; top:0; left:50%; transform: translateX(-50%); font-size: 21px; color: #979797; font-weight:500 }
ul.stepList li span.be {color: #d73534 }

/* 주문리스트 */
ul.orderList {margin: 0 12px}
ul.orderList.wide {margin: 0}
ul.orderList li{border-top:1px solid #ddd; padding:30px 0}
ul.orderList li:last-child{border-bottom:1px solid #ddd;}
ul.orderList.noline li { border:0 none}
ul.orderList li:before, ul.orderList li:after {content: "";display: block;clear: both}
ul.orderList .odListImg {width:78px; height:78px; overflow-y:hidden; float:left;margin-right: 9px}
ul.orderList .odListTxt { width:70%; float:left; max-width: 300px }
ul.orderList .odListTxt2 { width:60%; float:left; max-width: 300px }
ul.orderList .odListDate {font-size: 10px; margin: 7px 0;}
ul.orderList .odListTit {display:block; font-size: 13px; margin: 7px 0; height:13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;box-sizing: border-box; }
ul.orderList .odListTit2 {display:block; position: relative; font-size: 13px; margin: 7px 0; height:13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding-right: 105px; box-sizing: border-box; }
ul.orderList .odListTit2 a {max-width:100%; display:inline-block }
ul.orderList /* .odListTit2  span*/.status {font-size: 11px; line-height: 13px; font-weight:500}
ul.orderList /* .odListTit2  span*/.orderCount {position:absolute;}
ul.orderList .odListPrice {font-size: 14px; margin: 7px 0;}
ul.orderList .odListPrice em { font-weight: 600}
ul.orderList .chk {float:left; width:0; height: 28px; overflow: hidden}
/* ul.orderList .chk label {text-indent: -999px;} */
ul.orderList .deliveryList {height:28px; margin-bottom:7px}
ul.orderList .deliveryList .deliveryStatus {float:left; padding-top:7.5px}
ul.orderList .deliveryList .deliveryDetail {float:right}
ul.orderList .clear {clear:both}

.mySpList li:first-child{ border-top:none}
.mySpList .chk label:before{top:0}


.eventList{padding-bottom:30px}

/* 배송지 정보 */
.shippingInfo { position:relative; padding: 13px 10px; font-size:14px; line-height: 1.4}
.shippingInfo dt {padding-bottom: 8px}
.shippingInfo>a {position:absolute; top:12px; right: 10px; font-size:11px; padding-left: 16px; padding-top:2px}
.shippingInfo .ico-marker {font-size:12px; background:url('../img/common/ico-marker.svg') left 3px no-repeat; background-size:14px auto}

/* 썸네일 리스트 */
.thumb-list {display:flex;white-space: nowrap;overflow-x:auto;margin-bottom:50px}
.thumb-list li {display:inline-block;margin-right:10px;width:24vw;height:24vw;flex:none}
.thumb-list li:first-child {margin-left:15px}
.thumb-list li:last-child {margin-right:15px}
.thumb-list li a{position:relative; display:block;border-radius: 5px; overflow: hidden;}
.thumb-list li a img{width: 100%}
.thumb-list li .badge {position:absolute; right:3px; bottom:3px; height:20px; min-width:20px; line-height: 15px; padding: 2px 6px 0; color:#fff; border: 1px solid #db3b42; background:#ee5d5c; border-radius:11px; text-align: center; font-size: 10px; box-sizing: border-box; z-index: 2}

/* 포인트 내역 */
.myPointWrap {background:#f4f4f4; padding: 13px 10px 10px} /* 2018-11-01 수치 조절*/
.pointBox {border:1px solid #d9d9d9; background: #fff; box-sizing: border-box; padding: 14px; margin: 10px 0 0} /* 2018-11-01 수치 조절*/

/* 사용가능 포인트 */
.myPoint h5 {font-size: 14px;margin-bottom: 10px;}
.myPoint p {text-align:right; color:#d73534; font-size: 19px}

/* 포인트 적립/차감 내역 */
.myPointDetail time{display:block; font-size:12px;padding: 14px 0; border-bottom:1px solid #f0f0f0;border-top:1px solid #e3e3e3  }
.myPointDetail:first-child{ margin-top:-15px }
.myPointDetail:last-child{ margin-bottom:-14px }
.myPointDetail table{margin: 10px 0; width:100%}
.myPointDetail table th, .myPointDetail table td { padding: 7px 0; }
.myPointDetail table th {width:100px; text-align: left; font-weight: normal; color:#797979}
.myPointDetail table td { text-align: right; line-height:18px;}
.myPointDetail table td.fontRed{font-size:16px}

/* 포인트 내역 없음 */
.myPointEmpty{padding:100px 0 120px; text-align: center; font-size: 13px; line-height: 16px; color: #6B6B6B}
.myPointEmpty.middle {padding: 45px 0}
.myPointEmpty.small {padding: 22px 0}
.myPointEmpty .emptyBtn {display:block; margin: 15px 22px 0; border: 1px solid #d9d9d9; padding: 12px 0; font-size: 12px; color:#181818}
.myPointWrap .subTit2{padding-top:3px}
.myPointWrap .subTit2 + .pointBox{margin-top:5px}

/* 나의쇼핑활동 */
.myShoppingWrap { position:relative; padding: 0 10px}
.myShoppingWrap .subTit1_2.tmp { padding-top: 21px; padding-bottom: 16px; }
.myShoppingWrap .subTit1_2 span {font-size:12px}
.subTitBtn { position:absolute; top:15px; right:10px }
.listControl { position:relative; padding: 17px 11px 13px; background: #f4f4f4;  /*border-bottom: 1px solid #ddd*/}
.myShoppingWrap .listControl{margin: 0 -10px }
.listControl.tline { border-top: 1px solid #f5f5f5}
.listControl.pdwide {padding: 14px 11px 22px}

/* 유의사항 */
.caution { font-size:9px; line-height: 1.4; letter-spacing: -0.08em; padding:14px 9px; border-top: 1px solid #e7e7e7 }
.caution li {word-break: keep-all}
.caution.bg{ background: #f4f4f4 }

/* 주문관리 */
.myOrderWrap{position:relative}
.myOrderWrap .subTitBtn{position:absolute; top:7px; right:13px}
.myOrderWrap .ordererInfo dd.wide {margin:0; padding:0 16px 20px 16px}
.myOrderWrap .ordererInfo dd p:not(:first-of-type) {padding-top: 15px;margin-top: 15px; border-top: 1px solid #e7e7e7 }
.myOrderWrap .ordererInfo dd p.subtit {font-size:11px; padding-top: 8px; margin-top:-2px; border:0 none}
.myOrderWrap .ordererInfo dd dl dt {margin:20px 0 12px}
.myOrderWrap .colon { position:relative; padding-left:6px; display: block;}
.myOrderWrap .colon:before { content: ':'; position:absolute; top:0; left:0;}

/*1:1상담신청 팝업*/
.inputBtn{position:relative; padding-right:65px}
.inputBtn a{position:absolute; top:0; right:0; height:35px; line-height: 26px}
.ctPopBtn{padding-top:20px; margin-bottom:5px}
.ctPopBtn a{float:left; width:49%}
.ctPopBtn .whiteBtn_b{margin-left:2%}

/*이용안내*/
.guideConWrap{margin-top:10px;}

.guideTab{border-bottom:1px solid #ddd; margin-bottom:40px;}
.guideTab li{float:left; width:50%; height:34px}
.guideTab li a{display:block; height:34px; line-height: 32px; font-size:13px; text-align: center; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing: border-box; border-bottom:none}
.guideTab li:nth-child(3) a,
.guideTab li:nth-child(6) a{border-right:none}
.guideTab li.tabOn a{color:#6ca437}

.guideCon{padding:15px 13px 0}
.guideTit{padding-top:8px; padding-bottom:18px}
.guideTit p{padding-top:3px; font-size:12px; color:#666666}
.guideCon_3 .InfoCon_in{padding-top:8px}

/*약관팝업*/
.oasisTermsPop1,
.oasisTermsPop2{line-height: 18px; font-size:12px; color:#333}
.oasisTermsPop1 strong,
.oasisTermsPop2 strong{font-size:14px; font-weight:bold}
.oasisTermsPop2 em{display:block; padding-bottom:5px; font-size:12px; font-weight:bold}

/*오아시스 소개*/
.introConWrap{padding-bottom:10px}
.introConWrap .tit {display: block; color:#333333; font-size:22px; font-weight:bold}
.introConWrap .desc {display: block;color:#333333; font-size:14px; line-height:22px; font-weight:bold}

.introConWrap .txt_intro{margin:30px 0; text-align: center; }
.introConWrap .txt_intro .tit {height: 34px;}
.introConWrap .txt_intro .desc {padding: 0 20px;}

.introConWrap .txt_intro_1{padding:20px 0;text-align: left; background:url('../img/sub/oasis_info_img02.jpg') no-repeat 0 0;background-size:100%}
.introConWrap .txt_intro_1 .tit {padding: 0 20px; height:34px}
.introConWrap .txt_intro_1 .desc {padding: 0 60px 0 20px;}

.introConWrap .txt_intro_2{padding:20px 0;text-align: left; background:url('../img/sub/oasis_info_img03.jpg') no-repeat 0 0;background-size:100%; }
.introConWrap .txt_intro_2 .tit {padding: 0 20px; height:34px; color:#ffffff}
.introConWrap .txt_intro_2 .desc {padding: 0 20px; color:#ffffff}

.introConWrap .txt_intro_3{text-align:center;color:#333333; font-size:14px; line-height:22px; padding:0 20px; margin:10px 0;}

@media screen and (min-width:420px) {
    .pdList_1{width:410px; margin:20px auto}
    .pdList_1 li{float:left; width:auto}
    .pdList_1 li .pdListBox{position:relative; width:197px; margin:0 4px 7px; box-sizing: border-box; border:1px solid #c3c3c3; }
    .pdList_1 li .pdListBox .listImg{display:inline-block; width:195px; height:195px; overflow-y:hidden}
}
/*
@media screen and (max-width:360px) {
    .dailySale dl dd.thumb{width:120px; height:120px}
    .soldOutTxt{font-size:12px}
}*/
    
    
    
.error{padding-top:px; text-align:center}
.error span{display:inline-block; width:113px; height:65px; margin-top:95px; margin-bottom:12px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_error_113.png) no-repeat 0 0; background-size:100% auto}
.error p{height:100px; font-size:14px; color:#a6a6a6; letter-spacing: -0.5px}
.error a{display:block; width:100%; height:47px; line-height: 30px; padding-top:9px; background:#76a944; color:#fff; font-size:16px; text-align:center; box-sizing: border-box; opacity: 0.9}

/* 이벤트 */
.eventImgList li{padding-bottom:15px; background-color:#ededed}

.fontRed{color: #be271d !important;}
.fontGreen{color: #6aa338 !important;}

/* 상품 관리 */
.manage_oasis div {margin: 12px 12px 5px 10px !important;}
.mgT50 {margin-top: 50px}

/* QnA */
.customerQna .qna_search_div { background:#6ca435; padding:20px 13px;} /* 2018-11-01 컬러값 수정 */
.customerQna .qna_search_div .search_input { position:relative; height:44px;  border:solid 1px #707070; background:#FFFFFF; padding:7px 30px 0 0; box-sizing:border-box}
.customerQna .qna_search_div .search_input input { border:0; width:100%; height:30px; padding:0 20px;}
.customerQna .qna_search_div .search_input .searchBtn {position:absolute; top:10px; right:10px; display:inline-block; width:21px; height:20px; font-size:0; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_search_80_2.png) no-repeat 0 0; background-size: auto 100%;}
.customerQna .tit {padding:26px 11px 13px 11px; font-weight:bold; font-size:13px; border-bottom:1px solid #eaeaea}
.customerQna .line {margin:0 14px 0; border-top:1px solid #eaeaea}

.mgB30 {margin-bottom: 30px;}

/* OASIS 24 배송조회 */
.oasis24Wrap .oasis24Con {background: white;margin: 10px;border-radius: 10px; box-shadow: 0px 1px 3px rgba(113,113,113,0.15);}
.oasis24Wrap .ordererInfo dd.wide {padding:20px 9px;}
.oasis24Wrap .ordererInfo dd p {font-size:12px; font-weight:600; padding-bottom: 8px;}
.oasis24Wrap .ordererInfo dd p:not(:first-of-type) {padding-top:15px; margin-top:15px; border-top:1px solid #e7e7e7;}
.oasis24Wrap .oasis24Con dt {margin: 11px 11px 11px; border-bottom:1px solid #dfdfdf; padding-bottom:10px}
.oasis24Wrap .oasis24Con .oasis24List {padding: 5px 11px 15px;}
.oasis24Wrap .oasis24Con .oasis24List span {font-size:12px; color:#333346; letter-spacing:-1px;}
.oasis24Wrap .oasis24Con .oasis24List strong {font-weight:bold; margin-right:15px; font-size:12px; display:inline-block; width:50px; color:#333346; letter-spacing:-1px;}

.oasis24Wrap .oasis24Progress {}
.oasis24Wrap .oasis24Progress table {width:100%; }
.oasis24Wrap .oasis24Progress table tr th {text-align:center}
.oasis24Wrap .oasis24Progress table tr td {padding:10px 0 0; text-align:center}

/* 브랜드샵 */
.brandShop {}
.brandShop ul {display:inline-block; margin-bottom:60px}
.brandShop ul li {float:left; width:50%;}
.brandShop ul li a img {width:100%}

/* 오픈 프로모션 */
.openPmWrap {}
.openPmBanner a img { width:100% }

/* 첫 구매 선물 선택 */
.giftWrap {padding-top:50px;}
.giftWrap .giftTit {text-align:center;}
.giftWrap .giftTit img {width:80%;}
.giftList {margin-top:20px;}
.giftList ul {display:inline-block; padding:0 10px;}
.giftList ul li {float:left; width:49%; display:inline-block; margin-bottom:10px; margin-right:2%;}
.giftList ul li:nth-child(even) {margin-right:0 !important}
/* .giftList ul li:last-child {width:100%;} */
.giftList ul li div {position:relative}
.giftList ul li div {width:100%;}

.giftChkBox {position:absolute !important; top:5px; left:5px; width:25px; !important; height:25px !important; }
.giftChkBox a {width:25px; height:25px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_off_57_2.png) no-repeat; background-size:100%; display:block}
.giftChkBox a.on {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_on_57_2.png) no-repeat; background-size:100%;}

.giftBtn { padding:30px 0 50px 0; text-align:center}
.giftBtn a {width:40%; font-weight:800}

.oFirstGift {margin-top:0}
.oFirstGift .oFirstGift_title {display:block;font-weight:700;font-size:22px;text-align:center}
.oFirstGift .oFirstGift_subscript {display:block;margin-top:20px;font-size:14px;line-height:20px;text-align:center}
.oFirstGift .oFirstGift_list {display:flex;flex-wrap:wrap;gap:30px 12px;margin-top:30px;padding:0 16px}
.oFirstGift .oFirstGift_list .item {position:relative;width:calc((100% - 12px) / 2)}
.oFirstGift .oFirstGift_list .item::before {content:'';display:block;position:absolute;top:5px;left:5px;width:24px;height:24px;border:1px solid #E0E0E0;border-radius:50%;background:#fff url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_24_g_2.png) no-repeat center/12px auto;z-index:1}
.oFirstGift .oFirstGift_list .item.soldout::after {content:'품절';display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:calc(50vw - 22px);border-radius:8px;background:rgba(0,0,0,0.6);font-size:22px;color:#FFFFFF;text-align:center;z-index:2}
.oFirstGift .oFirstGift_list .item.soldout .itemInfo {opacity:.5}
.oFirstGift .oFirstGift_list .item .itemImg {overflow:hidden;position:relative;width:100%;padding-top:100%;border-radius:8px}
.oFirstGift .oFirstGift_list .item .itemImg img {position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:auto;object-fit:cover}
.oFirstGift .oFirstGift_list .item .itemInfo {padding:10px 0;letter-spacing:-0.65px}
.oFirstGift .oFirstGift_list .item .itemInfo .itemInfo_title {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%;max-height:40px;font-weight:400;font-size:14px;line-height:20px}
.oFirstGift .oFirstGift_list .item .itemInfo .itemInfo_option {display:block;margin-top:5px;font-size:13px;color:#707070}
.oFirstGift .oFirstGift_list .item .itemInfo .itemInfo_price {display:flex;align-items:center;gap:0 6px;margin-top:8px}
.oFirstGift .oFirstGift_list .item .itemInfo .itemInfo_price .originPrice {font-size:14px;color:#707070}
.oFirstGift .oFirstGift_list .item .itemInfo .itemInfo_price .eventPrice {font-weight:600;font-size:16px;color:#6ca435}
.oFirstGift .oFirstGift_list .item .btnSelect {position:absolute;top:0;left:0;width:100%;height:100%;border:0;background:0;z-index:3}
/* 선택됐을 때 */
.oFirstGift .oFirstGift_list .item:has(.btnSelect.on)::before  {background-color:#0C520A}
.oFirstGift .oFirstGift_list .item:has(.btnSelect.on) .itemImg::before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #0C520A;border-radius:8px;z-index:2}
.oFirstGift .oFirstGift_list .item:has(.btnSelect.on) .itemInfo_title {font-weight:500;color:#333333}
/* .oFirstGift ul li {position: relative; width: 49%; margin: 0 0 20px 2%;}
.oFirstGift ul li:nth-of-type(2n+1) {margin-left: 0%;}
.oFirstGift ul li.soldout::before {content: ''; display: block; position: absolute; top: 0%; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 2;}
.oFirstGift ul li.soldout::after {content: '품절'; display: block; position: absolute; top: 50%; left: 0; right: 0; margin: -24px auto 0 auto; color: #fff; font-size: 24px; text-align: center; z-index: 2;}
.oFirstGift ul li .event-product-info-wrap {height: auto; min-height: 95px; max-height: 95px; padding-left: 6px; padding-right: 6px; background: 0; text-align: center; font-family: "Spoqa Han Sans Neo";}
.oFirstGift ul li .event-product-title-wrap {width: 100%!important; margin: 0; font-weight: 500; line-height: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; max-height: 54px; text-overflow: ellipsis; font-family: "Spoqa Han Sans Neo";}
.oFirstGift ul li .event-product-price-wrap {padding-top: 5px; font-family: "Spoqa Han Sans Neo";}
.oFirstGift ul li .event-product-price-wrap .product-price {font-family: "Spoqa Han Sans Neo"; font-weight: 400; color: #707070;} */
.oFirstGift ~ .btnChoose {display:flex;align-items:center;justify-content:center;gap:7px;padding:40px 16px 50px 16px}
.oFirstGift ~ .btnChoose .item {flex:1;height:50px;border-radius:5px;background:#eaeaea;font-weight:600;font-size:14px}
.oFirstGift ~ .btnChoose .item.active {background-color:#6BA43A;color:#ffffff}

.orderDeliveryArea {width:150px; height:16px; border:1px solid #dfdfdf; font-size:11px; padding-top:4px; padding-left:4px; background:#fff url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_down_36_green.png) no-repeat 135px 50%; background-size:13px}
.orderDeliveryAreaDiv {position:absolute; width:180px; height:60px; left:85px; background:white; border: 1px solid #dfdfdf; top:171px; padding:10px; line-height:16px; display:none;}
.orderDeliveryAreaDiv span {font-size:11px}

.selectDelivery{padding-left:0; padding-right:0; padding-bottom:5px }
.selectDelivery > p{padding-top:10px; height:24px; color:#666; font-size:11px}
.selectDelivery > p span{position:relative; top:2px}
.selectDelivery .orAddList li{position:relative; padding-left:9px; padding-bottom:0px}
.selectDelivery .orAddList li strong{position:absolute; top:0; left:0; display:inline-block; width:63px; height:35px; line-height: 35px; font-size:13px; font-weight:bold; color:#333}
.selectDelivery .orAddList li strong span{position:relative; top:2px; display:inline-block}
.selectDelivery .orAddList li input{width:100%; height:35px; line-height: 35px}
.selectDelivery .orAddList li .addScBtn{position:relative; padding-right:100px}
.selectDelivery .orAddList li .addScBtn .grayBtn_s{position:absolute; top:0; right:0; height:35px; line-height: 28px; padding-left:10px; padding-right:10px}
.selectDelivery .orAddList li .addNum input{float:left; width:30%}
.selectDelivery .orAddList li .addNum span{float:left; display:inline-block; width:5%; line-height: 35px; text-align:center}

.orderNewCont {padding:0 30px 30px; margin-top:10px; border-top:1px solid #ddd;}
.orderNewCont img {width:40%; padding:20px 0;}
.orderNewCont .orderNewTxt {font-size:19px; display:block;font-weight:500; padding-top:15px; line-height: 26px;}
.orderNewCont .orderNewSubTxt {display:block; padding-top:10px; font-size:13px; line-height:18px;}

/* 친구 추천 */
.invite {padding:33px 20px;}
.invite .invShare { padding:23px 0px;}
.invite .invShare .shareInfo {background:white; border:4px solid #6ca435; height:40px}
.invite .invShare .shareInfo .shareCaption {width:34%; height:28px; padding-top:12px; color:#666666; font-size:14px; float:left; border-right:1px solid #6ca435; line-height: 18px;}
.invite .invShare .shareInfo .shareId {float:left; width:64%; font-size: 14px; color: #666666; height:  40px; padding-top: 12px;line-height: 18px;}

/*.invite .invCrumb {padding:40px 0; width:100%; background: #f9f9f9;}
.invite .invCrumb .crumbTit {font-size:13px; color:#33333; padding-top:13px; display:block; font-weight:600;}*/

/*상품상세_ 상세정보*/
.invite .invCrumb{margin:0 auto}

.invCrumb .crumbWrap {position:relative; margin:10px 2px;border:1px solid #f9f9f9; height: 90px; }
.invCrumb .crumbWrap .img {position:absolute; margin: 14px  10px; width:72px;}
.invCrumb .crumbWrap .tit {margin: 18px 12px 5px 96px; font-size:15px; font-weight:700; color:#83a34b;text-align:left;}
.invCrumb .crumbWrap .txt {margin: 8px 12px 30px 96px; color:#575757; font-size:13px; text-align:left; line-height: 18px;}


/* 상품평작성 */
.commentWriteWrap {padding: 20px 13px; border-bottom:1px solid #dfdfdf}
.commentList li {padding:20px 13px; border-bottom: 1px solid #dfdfdf;}
.commentList .cmStarBg {display:inline-block;position:relative;width:80px;height:15px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_star_229.png) no-repeat left top;color:#3f3f3f; background-size:80px}
.commentList .cmStarBg p{position:absolute; top:0; left:0; height:15px; display:inline-block; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_star_229_green.png) no-repeat left top; background-size:80px;}
.commentList .cmStarBg span{position:absolute; top:-100000000000000px; left:-1000000000000000px; display:inline-block; font-size:0px; line-height:1px;}
.commentList .cmStarBg .starWd0{width:0}
.commentList .cmStarBg .starWd1{width:15px}
.commentList .cmStarBg .starWd2{width:31px}
.commentList .cmStarBg .starWd3{width:47px}
.commentList .cmStarBg .starWd4{width:63px}
.commentList .cmStarBg .starWd5{width:79px}

.moreBtnWrap { background:wthie; padding:10px}

/* 2018-06-11 */
.newContactTop{position:relative;width:100%;}
.newContactTitle{position:relative;margin:30px 11px 0 11px;border-bottom:1px solid #6ca437;text-align:center;padding-bottom:10px;color:#6ca437;font-size:16px;font-weight:bold;}
.newContactForm .popSubTit1{color:#6ca437;}
.newContactForm .cmAddPhotoWrap input[type=text]{display:block; width:100%; padding:13px; line-height:18px; font-size:14px; border:1px solid #dddddd; color:#333333; box-sizing:border-box}
.newContactForm .qnaBtnWrap .whiteBtn{background:#fff;color:#6ca437;border:1px solid #6ca437;}
/* 2018-06-11 */

/* 상품평 작성 유의사항 팝업 */
.commentInfoPop {z-index:10000000000000; width:90%;background:#ffffff; position:absolute; top:10%; margin:5%;}
.commentInfoPop .infoPopClose {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_58.png) no-repeat 0 0; float:right; display:block; width:13px; height:13px; background-size:13px}
.commentInfoPop .infoPopTitWrap {padding:20px; font-size:14px; font-weight:bold}
.commentInfoPop .infoPopContent {padding:10px 20px 20px;}
.commentInfoPop .infoPopContent span {color:#333; line-height:20px; letter-spacing:-0.5px}
.commentInfoPop .infoPopBtnWrap {text-align:center; padding:20px;}
.commentInfoPop .infoPopBtnWrap a {background:#6ca435; width:100%; display:block; color:white; height:50px; line-height:50px}
/* //상품평 작성 유의사항 팝업 */


/* 2018-06-12 */
.newContactSubTitle{position:relative;margin:8px 11px 0 11px;text-align:center;padding-bottom:10px;color:#6ca437;font-size:13px;line-height:16px;}
/* 2018-06-12 */

/* 2018-06-12 채용공고 */
.newContentsTop{position:relative;width:100%;}

.recruitContents ul li{width:16.65%}
.recruitContents ul li:nth-child(1) a {background:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/introduce/recruit/img_tab_01.png) no-repeat; background-size:100%; height:7.7vw; width:100%; display:inline-block;}
.recruitContents ul li:nth-child(2) a {background:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/introduce/recruit/img_tab_02.png) no-repeat; background-size:100%; height:7.7vw; width:100%; display:inline-block;}
.recruitContents ul li:nth-child(3) a {background:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/introduce/recruit/img_tab_03.png) no-repeat; background-size:100%; height:7.7vw; width:100%; display:inline-block;}
.recruitContents ul li:nth-child(4) a {background:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/introduce/recruit/img_tab_04.png) no-repeat; background-size:100%; height:7.7vw; width:100%; display:inline-block;}
.recruitContents ul li:nth-child(5) a {background:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/introduce/recruit/img_tab_05.png) no-repeat; background-size:100%; height:7.7vw; width:100%; display:inline-block;}
.recruitContents ul li:nth-child(6) a {background:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/introduce/recruit/img_tab_06.png) no-repeat; background-size:100%; height:7.7vw; width:100%; display:inline-block;}
.recruitContents ul li:nth-child(1).on a {background:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/introduce/recruit/img_tab_01_on.png) no-repeat; background-size:100%; height:7.7vw; width:100%; display:inline-block;}
.recruitContents ul li:nth-child(2).on a {background:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/introduce/recruit/img_tab_02_on.png) no-repeat; background-size:100%; height:7.7vw; width:100%; display:inline-block;}
.recruitContents ul li:nth-child(3).on a {background:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/introduce/recruit/img_tab_03_on.png) no-repeat; background-size:100%; height:7.7vw; width:100%; display:inline-block;}
.recruitContents ul li:nth-child(4).on a {background:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/introduce/recruit/img_tab_04_on.png) no-repeat; background-size:100%; height:7.7vw; width:100%; display:inline-block;}
.recruitContents ul li:nth-child(5).on a {background:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/introduce/recruit/img_tab_05_on.png) no-repeat; background-size:100%; height:7.7vw; width:100%; display:inline-block;}
.recruitContents ul li:nth-child(6).on a {background:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/introduce/recruit/img_tab_06_on.png) no-repeat; background-size:100%; height:7.7vw; width:100%; display:inline-block;}

.recruitContents{position:relative;width:95%;margin:1% 2.5%;text-align:center;}

.oasisrecruitBtn {padding-top:2%;bottom: 45px;position: absolute;left: 27px;width: 200px;}
.oasisrecruitBtn a{display:inline-block;width: 50%;height: 32px;line-height: 32px;background:#6ca437;color:#fff;font-size: 16px;text-decoration:none;text-align: center;border-radius: 7px;font-weight: bold;position: absolute;}

/* 2018-06-12 채용공고 */

/* 2018-06-14 구매후기이벤트 */
.reviewEventWrap{position:relative;width:100%;}
.reviewEventWrap .reviewEventCont{position:relative;width:100%;padding:14vw 0;}
.reviewEventWrap .reviewEventCont .eventContElement{position:relative;width:100%;text-align:center;margin-bottom:9vw;}
.reviewEventWrap .reviewEventCont .eventContElement:last-child{margin-bottom:0;}

.reviewEventWrap .reviewEventCont.top{padding:0;}
.reviewEventWrap .reviewEventCont.top img{width:100%;}
.reviewEventWrap .reviewEventCont.reviewEvt2{background:#f0f7e5;}
.reviewEventWrap .reviewEventCont .goReviewBtn img{width:40%;}
/* 2018-06-14 구매후기이벤트  */

/* 2018-06-14 introduce 오아시스소개 */
.introduceWrap{position:relative;width:100%;}
.introduceWrap .introduceContBlock img{width:100%;}
.introduceWrap .introduceContBlock{position:relative;width:100%;text-align:center;}
.introduceWrap .introduceContBlock.txtCont{padding:14vw 0;}
/* 2018-06-14 introduce 오아시스소개 */


.order_daybreakBg {background: url(../img/common/prepare_bg_break.png) no-repeat center; color:#ffffff; background-size:66px; display:inline-block; height:19px; line-height:19px; width:66px; text-align:center; margin-right:5px}
.order_shopBg {background: url(../img/common/prepare_bg_shop.png) no-repeat center; color:#ffffff; background-size:66px; display:inline-block; height:19px; line-height:19px; width:66px; text-align:center; margin-right:5px}
.order_deliveryBg {background: url(../img/common/prepare_bg_delivery.png) no-repeat center; color:#ffffff; background-size:66px; display:inline-block; height:19px; line-height:19px; width:66px; text-align:center; margin-right:5px}

.for_two_days_area { background:#f6f6f6; padding:40px 0 20px 0;}
.for_two_days_tit { padding:10px 8px 20px; text-align:center;}
.for_two_days_tit h3 {font-size:22px; padding-bottom:7px; letter-spacing:-1.5px;}
.for_two_days_tit span {font-size:14px; color:#666; letter-spacing: -1px;}
.tab_2days{position:relative; margin-bottom:15px; text-align:center; z-index:95;}
.tab_2days ul{display:inline-block; width:100%; margin:0 auto; background-color:#fff; border-top:1px solid #dfdfdf;}
.tab_2days li{display:block; float:left; width:25%;}
.tab_2days li a{display:block; width:100%; height:36px; line-height:36px; border:1px solid #dddddd; border-top:none; border-left:none; font-size:12px; font-weight:600; color:#666666; text-align:center; letter-spacing:-0.1em; text-decoration:none;}
.tab_2days li:nth-child(4) a,
.tab_2days li:nth-child(8) a {border-right:none} 
.tab_2days li.on a{background:#6ca437; color:#fff}

.pop_2days_close{position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(255,255,255,0.3); z-index:90;}
.pop_2days_tomorrow{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:90;}

.txt_2days{ display: table; position: absolute; top: 220px; left: 50%; margin-left: -100px; width: 200px; height: 200px;}
.txt_2days:after { content: ''; width: 200px; height: 200px; background: #6ca437; border-radius: 100px; opacity: 0.8; display: block; position: absolute; left: 0; z-index: 11;}
.txt_2days p{display:table-cell; vertical-align:middle; text-align:Center; font-size:20px; line-height:42px; font-weight:600; color:#fff; z-index:99999; position:relative;}

.leafletMore {position: relative; border:2px solid #76aa44; margin:0 10px 20px 10px;}
.leafletBtnMore{display:block; height:44px; padding:0;  text-align:center}
.leafletBtnOpen span,
.leafletBtnClose span{display:inline-block; padding-right:20px; line-height:44px; color:#a6a6a6; font-size:13px}
.leafletBtnOpen span{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_down_45_2.png) no-repeat right 50%; background-size:14px 8px}
.leafletBtnClose span{background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_up_45_2.png) no-repeat right 50%; background-size:14px 8px}

.e_print_area { padding-top:5px;}
.e_print_tit { padding:10px 8px 20px; text-align:center;}
.e_print_tit h3 {font-size:20px; padding-bottom:7px; letter-spacing:-1.5px;}
.e_print_tit span {font-size:14px; color:#666; letter-spacing: -1px;}

/* 모바일 매장안내 페이지 */
.storeMap {height:70vh}
.storeSelboxWrap {position:absolute; top:110px; width:100%; background:#fff url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_down_56.png) no-repeat 97%; z-index:1; height:40px; line-height:40px; border-bottom:1px solid #dfdfdf; background-size:20px; border-top:1px solid #dfdfdf;}
.storeSelboxWrap .currentStore {font-size:15px; line-height:15px; padding:0 10px;}
.storeSelboxWrap .selboxOpen {height:160px; overflow-y:auto}
.storeSelboxWrap .selboxOpen li {background:white; font-size:15px; line-height:40px; line-height:40px; padding:0 10px; opacity:0.8}
.storeSelboxWrap .selboxOpen li a {display:block}
.placeinfo_wrap {position:absolute; top:46px; width:100%; z-index:2; background:white; display:none}
.placeinfo_wrap .placeTit {height:40px; line-height:40px; background:#6ca435; color:#fff; padding:0 15px; font-size:14px; font-weight:bold;}
.placeinfo_wrap .placeTit .placeCloseBtn {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_w_19.png) no-repeat right top 12px; float:right; width:20px; height:40px; background-size:15px; display:block;}
.placeinfo_wrap .placeInfo {padding:15px;}
.placeinfo_wrap .placeInfo .placeImg {display:inline-block; float:left; width:30%;}
.placeinfo_wrap .placeInfo .placeImg img {border:1px solid #dfdfdf;}
.placeinfo_wrap .placeInfo .placeDesc {float:left; padding:1% 4% 4% 4%; width:62%;}
.placeinfo_wrap .placeInfo .placeDesc span {display:block; padding-bottom:5%}
.placeinfo_wrap .placeInfo .placeDesc span:nth-last-child() {padding-bottom:0}

/*20180712 추가*/
.pListTitWrap{position:relative; height:25px; padding-top:25px; border-bottom:1px solid #333333; z-index: 12; margin:0 5px 9px}
.pListTitWrap strong{color:#333; font-size:16px; line-height:16px; letter-spacing:-0.5px; font-weight:bold;}
.pListTitWrap .pListTitBtn{position:absolute; bottom:0; right:0}
.pListTitWrap .pListTitBtn .plBtn1{position:absolute; bottom:6px; right:5px; display:inline-block; width:81px; height:30px; background:#333; color:white; font-size:14px; letter-spacing:-0.5px; text-align:center; line-height:30px}
.pListTitWrap .pListTitBtn .plBtn1.plBtnOn{background:#fff; color:#333; border:1px solid;}
.pListTitWrap .pListTitBtn .plBtn2{position:absolute; bottom:0; right:0; display:inline-block; width:73px; height:35px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_top_59.png) no-repeat left center; font-size:0}
.pListTitWrap .pListTitSub{display:none; position:absolute; width:150px; top:51px; right:0; z-index: 13}
.pListTitWrap .pListTitSub ul{display:block; border:1px solid #333333; background:#fff}

.pListTitWrap .pListTitSub ul li{padding:7px 3%; width:100%;}
.pListTitWrap .pListTitSub ul li a {display:block; line-height:23px; font-size:14px; color:#333333}


.myQnaList{border-bottom:none}
.myQnaList li .myQ{position:relative; display:block; height:auto; padding:12px 0 12px 18px; /*padding-right:30px;*/ line-height:20px; font-size:13px; color:#333; letter-spacing: -0.5px;}
.myQnaList li .myQ::before {content:'Q';display:block;position:absolute;top:14px;left:0;width:15px;height:15px;border-radius:50%;background:#6ba43a;font-size:11px;line-height:15px;color:#fff;text-align:center}
.myQnaList li .myQ .rDate{float:right; color:#dfdfdf; line-height:25px}
.myQnaList li .status {color:#ef5b44;}
.myQnaList li .status.end {color:#6ca435;}
.myQnaList li .myQ .btnDeleteQna {display:inline-block; background:#bd3737; border:1px solid #dfdfdf; padding:3px 10px; margin-left:5px; color:white}
.myQnaList li .myA{display:block;position:relative;padding:13px 0 13px 18px; line-height:18px; border-top:1px solid #eaeaea; color:#666; font-size:12px;margin-left:5px;}
.myQnaList li .myA::before {content:'A';display:block;position:absolute;top:15px;left:0;font-weight:500;font-size:14px;line-height:1;color:#e37b02;text-align:center}
.myQnaList li .myA .name{font-weight:bold}
.myQnaList li .myA .rDate{float:right; color:#dfdfdf}

.recipeProduct {padding-top:0 !important}
.noticeSnsWrap {width:100%}
.noticeSnsWrap .shareKakao {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_kakao_50.png); background-size:25px 25px; display:inline-block; width:25px; height:25px; float:right; margin-right:5px;}
.noticeSnsWrap .shareFacebook {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_facebook_50.png); background-size:25px 25px; display:inline-block; width:25px; height:25px; float:right; margin-right:5px;}
.noticeSnsWrap .shareLink {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_url_120.png); background-size:60px 25px; display:inline-block; width:60px; height:25px; float:right; margin-right:11px;}

.recipeList {padding-top:10px;}
.recipeList ul {padding:0 5px;}
.recipeList ul li{float:left; width:100%; padding:10px 0}
.recipeList .recipeContent {text-align:center; border:1px solid #dfdfdf;}
.recipeList .recipeContent .thum {padding-bottom:30px;}
.recipeList .recipeContent em {font-weight: 700; margin-top:5px; line-height:18px; font-size:17px}
.recipeList .recipeContent span {text-align:right; display:block; margin:30px 10px 10px 0; color:#666}

.sharePop {display:none;overflow:hidden;position:fixed;top:50%;left:0;right:0;transform:translateY(-50%);width:calc(100% - 43px);max-width:500px;border:1px solid #a2a2a2;border-radius:10px;background:#fff;margin:0 auto;z-index:10000001}
.sharePop .closeSharePop {overflow:hidden;position:absolute;top:0;right:0;width:50px;height:50px;padding-left:50px}
.sharePop .closeSharePop::before {content:'';display:block;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg);transform-origin:center;width:16px;height:1px;margin:0;padding:9;background-color:#333}
.sharePop .closeSharePop::after {content:'';display:block;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-45deg);transform-origin:center;width:16px;height:1px;margin:0;padding:9;background-color:#333}
.sharePop .shareTit {display:block;height:50px;border-bottom:1px solid #eee;font-weight:700;font-size:15px;line-height:50px;text-align:center}
.sharePop .shareCon ul {display:flex;align-items:center;justify-content:center;column-gap:34px;padding:42px 0}
.sharePop .shareCon ul li {line-height:34px;color:#666}
.sharePop .shareCon ul li a::before {content:'';display:block;width:40px;height:40px;margin:0 auto;border-radius:50%;background:#f7f7f7 no-repeat center}
.sharePop .shareCon ul li.kakao a::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_kakao_42.png);background-size:21px auto}/* 카카오톡 공유하기 */
.sharePop .shareCon ul li.facebook a::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_facebook_21.png);background-size:10px auto}/* 페이스북 공유하기 */
.sharePop .shareCon ul li.url a::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_url_48.png);background-size:24px auto}/* URL 복사 */

.pdRecipeWrap {padding:20px 0; position:relative}
.pdRecipeWrap .recipeTit {font-size:15px; font-weight:bold; display: block; }
.pdRecipeWrap .recipeMore {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_right_30.png) no-repeat right 50%; position:absolute; display:inline-block}
.pdRecipeWrap .pdRecipeList {padding:10px;}
.pdRecipeWrap .pdRecipeList ul li {float:left; width:48%;}
.pdRecipeWrap .pdRecipeList ul li:nth-child(1) {margin-right:4%}
.pdRecipeWrap .pdRecipeList ul li span {display:block; padding:10px 0; text-overflow:ellipsis; white-space:nowrap; overflow-x: hidden;}

.noticeBg { width: 50px; height: 25px; line-height: 25px !important; background-color: #6ca437; color: #fff !important; border-radius: 20px; text-align: center; display: inline-block; vertical-align: top;margin-right: 10px;}

/* 2018-11-01 박스형 메뉴 추가*/
.boxMenuBlock {position:relative;padding:0;border-bottom:1px solid #E0E0E0}
.boxMenuBlock ul {display:flex;}
.boxMenuBlock ul li {flex:1;height:50px;background-color:#fff;position:relative}
/* .boxMenuBlock ul li+li::before {content:'';width:1px;height:12px;background:#f0f0f0;position:absolute;left:0;top:50%;transform:translateY(-50%);} */
.boxMenuBlock ul li.on::after {content:'';width:100%;height:2px;height:2px;background:#333;position:absolute;left:0;bottom:-1px}
.boxMenuBlock ul li a {display:flex;align-items:center;justify-content: center; width:100%;height:100%;color:#333;text-align:center;font-size:14px;letter-spacing:-.03px}
.boxMenuBlock ul li a .totalDocs {margin-left:3px;color:#6B6B6B}
.boxMenuBlock ul li.on a {font-weight:700}
.boxMenuBlock ul li.on a .totalDocs {color:#6BA43A}

.boxMenuBlock.faq ul {white-space:nowrap;overflow-x: auto}
.boxMenuBlock.faq ul li {display:inline-block;padding:0 12px;}
.boxMenuBlock.faq ul li.on::after {bottom:0}

.boxTopBlock {padding:12px 16px 10px 16px}
.boxTopBlock .boxLink {display:flex;align-items:center;position:relative;height:40px;padding:0 16px;border-radius:6px;background:#2A5D37;font-size:13px;letter-spacing:-0.4px;color:#FFFFFF}
.boxTopBlock .boxLink::before {content:'';flex-shrink:0;width:26px;height:18px;margin-right:3px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_my_52.png) no-repeat center/100% auto}
.boxTopBlock .boxLink::after {content:'';display:block;position:absolute;top:50%;right:19px;width:8px;height:8px;border:solid #FFFFFF;border-width:1px 1px 0 0;transform:translateY(-50%)rotate(45deg)}

.faqMenu .menuInner {display:flex;flex-wrap:wrap;align-items:center;padding:3px 15px 31px 15px}
.faqMenu .menuInner .mn {flex-shrink:0;width:calc(100% / 3)}
.faqMenu .menuInner .mn a {display:block;position:relative;width:100%;padding-top:27px;font-size:13px;line-height:16px;text-align:center}
.faqMenu .menuInner .mn a::before {content:'';display:block;width:32px;height:26px;margin:0 auto 7px auto;background:no-repeat center}
.faqMenu .menuInner .mn.faq a::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_faq_faq_61.png);background-size:32px auto}
.faqMenu .menuInner .mn.notice a::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_faq_notice_37.png);background-size:19px auto}
.faqMenu .menuInner .mn.qna a::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_faq_qna_44.png);background-size:22px auto}
.faqMenu .menuInner .mn.refund a::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_faq_refund_42.png);background-size:21px auto}
.faqMenu .menuInner .mn.recommend a::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_faq_recommend_34.png);background-size:17px auto}
.faqMenu .menuInner .mn.event a::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_faq_event_48.png);background-size:24px auto}
.faqMenu .menuInner .mn a::after {content:'';display:block;position:absolute;bottom:3px;left:0;width:1px;height:10px;background:#e0e0e0}
.faqMenu .menuInner .mn:nth-of-type(3n+1) a::after {display:none}

.aboutOasisMenu {padding:30px 0 024px 0}
.aboutOasisMenu .ttl {display:block;width:118px;height:16px;margin-bottom:7px;padding-left:25px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_aboutoasis_186.png) no-repeat top left 25px/93px auto}
.aboutOasisMenu .aboutInner {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}
.aboutOasisMenu .aboutInner .abt {flex-shrink:0;width:50%}
.aboutOasisMenu .aboutInner .abt a {display:block;padding:7px 25px}

a.receipe_on {font-size:0; position:absolute; right:5px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_80.png) no-repeat;background-size: 30px auto;  width:30px;height:30px}
a.receipe_off {font-size:0;position:absolute; right:5px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_80_2.png) no-repeat; background-size: 30px auto; width:30px;height:30px}
a.receipe_view_on {font-size:0;display:inline-block;background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_60.png) no-repeat;background-size: 18px auto; width: 18px;height:18px; padding-right: 1px}
a.receipe_view_off {font-size:0; display:inline-block; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_60_2.png) no-repeat; background-size: 18px auto; width: 18px;height:18px; padding-right: 1px}

.recipe_tab li.tab1{width:33%; float:left; border-right:1px #ddd solid;}
.recipe_tab li.tab2{width:45%; float:left; padding-left:20px;}
.recipe_tab li.on {text-decoration:underline; color:#6ca435; font-weight: bold;}

.receipe_counter {float: left; border-radius: 3px; border: solid 1px #ddd; color: #666; padding:2px 10px 1px;margin-left: 11px; line-height:26px; text-align:center;}


/*레시피 검색 추가*/
.recipelist .recipe_search_div {padding: 20px 13px 10px 13px;} 
.recipelist .recipe_search_div .search_input {position:relative;height:44px;border:solid 1px #707070;padding:7px 30px 0 0;box-sizing:border-box;border-radius: 100px;}
.recipelist .recipe_search_div .search_input input {border:0;width:100%;height:30px;margin: 0 20px; }
.recipelist .recipe_search_div .search_input .searchBtn {position:absolute; top:10px; right:10px; display:inline-block; width:21px; height:20px; font-size:0; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_search_80_2.png) no-repeat 0 0; background-size: auto 100%;}
.recipelist  .tit {padding:26px 11px 13px 11px; font-weight:bold; font-size:13px; border-bottom:1px solid #eaeaea}
.recipelist .line {margin:0 14px 0; border-top:1px solid #eaeaea}

/*레시피 메뉴*/
#recipelist-menu .recipe-site { border-bottom:1px solid #e8e8e8; }
#recipelist-menu .recipe-site:after { content:""; display:block; clear:both; height:0px; overflow:hidden; }
#recipelist-menu .recipe-site li{float:left; width:33.33%; }
#recipelist-menu .recipe-site li span{display:block;text-align:center;font-size:15px;padding:20px 0 5px 0; font-weight:bold}

#recipelist-menu .menu{height:22px}
#recipelist-menu .menu_on{height:22px;color:#6ca437;border-bottom:solid 2px #6ca437;margin:0 15px;}

.faqShortcut {overflow-x:auto;display:flex;gap:0 6px;padding:0 16px;white-space:nowrap}
.faqShortcut::-webkit-scrollbar {display:none} 
.faqShortcut a {padding:0 8px;border:1px solid #E0E0E0;border-radius:5px;background:#fff;font-size:13px;line-height:33px;letter-spacing:-0.4px;color:#6B6B6B}

.faqTelWrap {padding:9px 25px 0 25px;letter-spacing:-.4px;position:relative}
.faqTelWrap .btn_movPlay {position:absolute;right:16px;bottom:100%}
.faqTelWrap h2 { font-weight:500; font-size:15px; margin:15px 0 13px 0;}
.faqTelWrap .faqBtnWrap+h2 {margin-top:35px}
.faqTelWrap p { padding-left:6px;color:#4c4c4c; line-height:20px; word-break:keep-all}
.faqTelWrap p::before {content:'\002A';display:inline-block;margin-left:-6px;vertical-align:top}
.faqTelWrap p.col-gr {color:#0C520A}
.faqTelWrap .min {display:block;margin-top:5px;font-size:12px}
.faqTelWrap .sub {color:#828282}
.faqTelWrap .faqBtnWrap { margin-top:18px;}
.faqTelWrap .faqBtnWrap div {float:left; width:50%; height:40px; line-height:40px; color:#fff; background:#6ea264; font-size:15px; text-align:center;}
.faqTelWrap .faqBtnWrap div a {display:block}
.faqTelWrap .innerBox {position:relative;margin:-2px -25px 24px -25px;padding:0 25px 24px 25px;border-bottom:1px solid #EEEEEE}
.faqTelWrap .innerBox .btnFaq {position:absolute;top:-10px;right:25px;padding:11px 16px 10px 16px;border:1px solid #0C520A;border-radius:20px;background:#0C520A;color:#fff}

.faqTelWrap .faqTelList {margin-top:35px;border:1px solid #ececec;padding:20px 0;color:#4c4c4c;letter-spacing:-0.5px;text-align:center}
.faqTelWrap .faqTelList .faqType {font-size:13px}
.faqTelWrap .faqTelList .faqTel {display:block;font-size:16px;font-weight:bold;margin-top:8px;line-height:20px;color:#333}
.faqTelWrap .faqTelList .faqTime {display:block;font-size:12px;margin-top:8px}
.faqTelWrap .faqTelList .faqTime:nth-of-type(2) {margin-top:6px}
.faqListDetail {border:1px solid #ececec; border-top:none; font-size:13px; line-height:30px; text-align:center}


/*가까운매장*/
.shopMapTab {display:flex;}
.shopMapTab li {flex:1;text-align:center}
.shopMapTab li a {display:block;position:relative;padding:23px 0;background:#F2F1F2;font-weight:500;font-size:14px;letter-spacing:-0.7px;color:#6B6B6B}
.shopMapTab li.tabOn a {background-color:#071F1E;color:#FFFFFF}
.shopMap_tit {background-color:#f4f4f4; height:50px; font-size:14px; text-align: center; line-height:47px; border-top:1px solid #dfdfdf}
.shopMap_tit.warning {background-color:#f5bebe}
.shopMap_shop {height:26px; padding-top: 5px}

/*모바일탑배너*/
.mBannerTop {background:#78a248; padding:8px; text-align:center; display:none; position:relative;}
.mBannerTop a img {width:100%}
.mBannerTop .closeBannerTop {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_24_2.png) no-repeat center; width:40px; height:100%; top:0;right:0;position:absolute; right:0; background-size:15px}

/*상품상세_ 상품문의*/

.commentList2 {}
.commentList2 li {padding:20px 0px 0px 0px; border-bottom: 1px solid #dfdfdf;}
.commentList2 .cmStarBg {display:inline-block;position:relative;width:80px;height:15px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_star_229.png) no-repeat left top;color:#3f3f3f; background-size:78px;margin-right:13px; margin-left:13px;}
.commentList2 .cmStarBg p{position:absolute; top:0; left:0; height:15px; display:inline-block; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_star_229_green.png) no-repeat left top; background-size:78px;}
.commentList2 .cmStarBg span{position:absolute; top:-100000000000000px; left:-1000000000000000px; display:inline-block; font-size:0px; line-height:1px;}
.commentList2 .cmStarBg .starWd0{width:0}
.commentList2 .cmStarBg .starWd1{width:15px}
.commentList2 .cmStarBg .starWd2{width:31px}
.commentList2 .cmStarBg .starWd3{width:47px}
.commentList2 .cmStarBg .starWd4{width:63px}
.commentList2 .cmStarBg .starWd5{width:79px}
.commentList2 .comMoreComment{padding:13px 13px; margin-bottom: 0;}
.commentList2 div.subComMoreComment{background:#f6f4f0 url('../img/sub/ico_qna.png') no-repeat left 10px; color:#666666; padding:10px 10px 10px 30px; border-bottom:1px solid #e6e6e6;}
.commentList2 div.subComMoreComment span{display:block; margin-top:10px;}
.commentList2 .cmOptionNm {display: inline-block;font-size: 13px;vertical-align: top;color: #2b4a3c;font-weight: bold;letter-spacing: -1px;}
.commentList2 .cmNotice {background:#d8d8d8;}
.commentList2 .cmNotice img {Width:100%;}
.commentList2 .cmNotice li {border-bottom:1px solid #a4a4a4}


.pdCommentBtn{display:block; height:25px; border:1px solid #9e9e9e; color:#333333; font-size:12px; font-weight:bold; text-align:center; width:80px; margin-top:15px; background-color: #ffffff}
.pdCommentBtn span{display:inline-block; line-height: 15px; padding-top:5px; background-size:13px auto}

/* 구매후기 이벤트 */
.reviewUrl {height:33px; margin:0 0 5px 14px; padding-left:10px; font-size:14px; color:#666666; width:100%;border:none}

.checkDelivery {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_off_57_2.png) no-repeat; width:31px; height:30px; display:inline-block; background-size:31px; background-color:#dfdfdf; position:absolute; right:0; top:50px;}
.checkDelivery.on {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_on_57_2.png)}

.youtubeWrap { position: relative; width: 100%; padding-bottom:8%; margin:30px 0; text-align:center}
.youtubeWrap iframe { position: absolute; width: 90%; height: 90%; left:5%; top:5%;}

.ecoMenu {display:block; width:100%;}
.ecoMenu.fixMenu{position:fixed; top:0; border-top:none; z-index:9999999;}
.ecoMenu li {width:33.33%; float:left; text-align:center; height:50px; line-height:50px; background:#fff;}
.ecoMenu li a {border-right:1px solid #dfdfdf; display:block;color:#000}
.ecoMenu.fixMenu li a {background:#fff; color:#000;border-right:1px solid #dfdfdf}
.ecoMenu.fixMenu li a.on {background:#6ca435;border-right:1px solid #dfdfdf; color:#fff} 
.ecoMenu li:last-child a {border-right:none; display:block;}

.firstMenu {display:block; width:100%;}
.firstMenu.fixMenu{position:fixed; top:0; border-top:none; z-index:9999999;}
.firstMenu li {width:33%; float:left; text-align:center; height:50px; line-height:50px; background:#6ca437;}
.firstMenu li:nth-child(1) a {display:block; height:100%;background:#6ca435; background: url('../img/promotion/first_menu01.png') 50% no-repeat; background-size:70%;}
.firstMenu li:nth-child(2) a {display:block; height:100%;background:#6ca435; background: url('../img/promotion/first_menu03.png') 50% no-repeat; background-size:70%;}
.firstMenu li:nth-child(3) a {display:block; height:100%;background:#6ca435; background: url('../img/promotion/first_menu04.png') 50% no-repeat; background-size:38%;}
.firstMenu li:nth-child(3) {width:34%;}
.firstMenu li a {border-right:1px solid #a4c386; display:block;color:#ffffff}
.firstMenu.fixMenu li.on {background-color:#557f2c;} 

.firstMenu li:last-child a {border-right:none; display:block;}

.first_100 {width:100%;background:#f6f6f6}
.first_100 img{width:50%;text-align:center}

.firstlist {background:#f6f6f6;}
.firstlist ul {display:inline-block;text-align:center;}
.firstlist li{float:left; width:48%; padding:0 3% 15px 0;}
.firstlist li:nth-child(2n) {float:left; width:48%;  padding:0 0 15px 0;}

.firstlist_oh {}
.firstlist_oh ul {display:inline-block;text-align:center; padding:0 10px;}
.firstlist_oh li {width: 32%; padding:0 2% 15px 0; float:left;}
.firstlist_oh li:nth-child(3n) {width:32%; float:left;padding:0 0 15px 0; }

.oh_bottom_btn {display: block; margin-top:9px; background: #76a944; box-sizing: border-box; height: 49px; width:100%; text-indent:0; text-align: center; color: #fff !important; font-size: 16px; line-height: 1; padding: 16px 0;  }

.orderHistoryTable {width:100%; padding:10px;}
.orderHistoryTable th {padding:10px; text-align:center; background:#6ca437; color:#fff;}
.orderHistoryTable td {padding:10px; text-align:center; border-bottom:1px dotted #dfdfdf;}

/* 신상품모바일 0410 */
.new_shop {margin-top: 20px;background: url(../img/sub/m_new_img_bakery.jpg) no-repeat;height: 150px;width: 100%;background-size: cover;}
.new_shop_farm {margin-top: 20px;background: url(../img/sub/m_new_img_farm.jpg) no-repeat;height: 150px;width: 100%;background-size: cover;}
.new_shop_meat {margin-top: 20px;background: url(../img/sub/m_new_img_meat.jpg) no-repeat;height: 150px;width: 100%;background-size: cover;}
.new_shop_fishery {margin-top: 20px;background: url(../img/sub/m_new_img_fishery.jpg) no-repeat;height: 150px;width: 100%;background-size: cover;}
.new_shop_new {margin-top: 20px;background: url(../img/sub/m_new_img_neww.jpg) no-repeat;height: 150px;width: 100%;background-size: cover;}
.new_shop_2 {margin-top: 20px;background: url(../img/sub/m_new_img_2.jpg) no-repeat;height: 150px;width: 100%;background-size: cover;}
.new_shop_3 {margin-top: 20px;background: url(../img/sub/m_new_img_3.jpg) no-repeat;height: 150px;width: 100%;background-size: cover;}
.new_shop_4 {margin-top: 20px;background: url(../img/sub/m_new_img_4.jpg) no-repeat;height: 150px;width: 100%;background-size: cover;}
.new_shop_26 {margin-top: 20px;background: url(../img/sub/m_new_img_26.jpg) no-repeat;height: 150px;width: 100%;background-size: cover;}
.new_shop_60 {margin-top: 20px;background: url(../img/sub/m_new_img_60.jpg) no-repeat;height: 150px;width: 100%;background-size: cover;}
.new_shop_61 {margin-top: 20px;background: url(../img/sub/m_new_img_61.jpg) no-repeat;height: 150px;width: 100%;background-size: cover;}

.new_shop_title {background: #ffffff;position: absolute; margin: 90px 50px 0 10px; width: 95%; display: block; height: 80px;}
.new_shop_title span{text-align: center;font-size: 16px; display: block; line-height: 26px;margin-top:11px}
.new_shop_title p{ font-size: 12px; text-align: center; color: #666666;}

/*상품목록_ 리스트*/
.pdList_new{margin:20px 5px}
.pdList_new li{float:left;width: 33%;}
.pdList_new li .pdListBox{position:relative; margin:0 4px 7px; box-sizing: border-box; border:1px solid #dfdfdf; }
.pdList_new li .listTxtPrice{position:relative; padding:10px 8px; box-sizing: border-box; text-align:center}
.pdList_new li .listTit{display:block; display:-webkit-box; width:96%; max-height:35px; margin-bottom:3px; font-size:11px; font-weight:normal; color:#444; letter-spacing: -0.2px; line-height:20px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis} 
.pdList_new li .listPrice{color:#be271d; font-size:12px; font-weight:bold}
.pdList_new li .listPrice span{display:inline-block; padding-left:2px; font-size:10px; color:#a6a6a6; text-decoration:line-through; font-weight:normal}
.pdList_new li .pdListBox .listImg{position:relative; display:block; overflow-x:hidden; overflow-y:hidden; z-index: 1}
.pdList_new li .pdListBox .listImg img{width:100%}
.pdList_new li .pdListBox .listImg .imgGrayBg{position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#000; opacity:0.02; z-index: 2}
.pdList_new li .pdListBox .pdTag{position:absolute; top:-1px; left:-1px; display: block; width:30px; height:30px; z-index: 3}
.pdList_new li .pdListBox .pdTag img{width:100%}
.pdList_new li .pdListBox .pdsale{position:absolute; top:-1px; left:-1px; display: block; width:30px; height: 30px; padding-top:6px; line-height: 20px; background:#be271d; color:#fff; font-size:12px; text-align: center; box-sizing: border-box; opacity: 0.7; z-index: 3}
.pdList_new li .pdListBox .ohSellTxt{position:absolute; top:0; left:-1px;display:block; width:30px; height:20px; padding-top:5px; background:#32abb2; font-size:10px; text-align: center; color:#fff; letter-spacing: -0.5px; box-sizing: border-box; opacity: 0.9; z-index: 4}
.pdList_new li .pdListBox .pdsale + .ohSellTxt{top:28.5px}
.pdList_new li .pdListBox .pdLikeWrap{position:absolute; bottom:0; width:90%; margin-left:5%; height:26px; background-color:rgba(0,0,0,0.3); text-align:center; margin-bottom:5%;}
.pdList_new li .pdListBox .pdLikeWrap img {width:14px; padding:6.5px 0; vertical-align:bottom;}
.pdList_new li .pdListBox .pdLikeWrap span {color:#fff; display:inline-block; line-height:28px}

.saleNewSellCircle{display:block; position:absolute;  bottom:10px; left:10px; width:50px; height:50px; text-align:center; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_circle_100.png) no-repeat top right; background-size:50px}
.saleNewSellCircle p{height: 2px;font-size:11px;color: #ffffff;margin: 11px 0 0 0px; letter-spacing: -1px;}
.saleNewSellCircle span{line-height:41px;  color:#cf4330; font-size:18px; font-weight:800; margin-left: 2px;}
.saleNewSellCircle span em{font-size:14px;}
.saleNewSellCircle span em .sPercent {font-size:10px; margin-left:0}


/* 2019.05.17 농공상기업 */
.bestCompany .description {position: relative;font-family: 'Nanum Square'}
.bestCompany .description .info {width: 100%; padding: 25px 0 15px 0;}
.bestCompany .info div {font-size: 20px; line-height: 28px; letter-spacing: -1px; color: #444; text-align: center; }
.bestCompany .info div span {font-weight: 600; color: #6ca435;}
.bestCompany .info div em {font-weight: 600; color: #444;}
.bestCompany .info p {font-size: 11px; line-height: 18px; text-align: center; color: #5a5a5a}
.bestCompany .info p em {font-weight:700}

.bestCompany ul{padding:5px; display: inline-block; margin-bottom: 25px;}
.bestCompany ul li{float:left; width:50%}
.bestCompany ul li div {padding:5px}

.bestCompanyCategories {font-family: 'Nanum Square'; width: 100%; height: 40px; text-align: center; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.bestCompanyCategories ul li {display: inline-block}
.bestCompanyCategories ul li.on:after{content:''; display:block; position:relative; bottom: 2px; left:50%; transform:translateX(-50%); background:#71b134; height:3px; color:#71b134}
.bestCompanyCategories ul li a{display:block; font-size:13px; line-height:40px; font-weight:normal;text-decoration: none;color:#444}
.bestCompanyCategories ul li.on a{color:#71b134; font-weight:600}

.ageRestrictionCircle {background-color:#ff0000; width:50px; height:50px; border-radius:75px; text-align:center; margin:0 auto; font-size:20px;vertical-align:middle;line-height:50px;font-weight:800;color:#ffffff;position: absolute;top: 5px; left:5px}
.ageRestrictionCircleLarge {background-color:#ff0000; width:80px; height:80px; border-radius:75px; text-align:center; margin:0 auto; font-size:30px;vertical-align:middle;line-height:80px;font-weight:800;color:#ffffff;position: absolute;top: 60px; left:10px}


/* 새벽배송일 선택 */
.selectDaybreak table {border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf; width:88%;}
.selectDaybreak table th {text-align:center !important; background:#6ca437 !important; color:#fff !important; border-right: 1px solid #dfdfdf; padding:7px; border-bottom:1px solid #dfdfdf; font-weight:normal !important;font-size:13px}
.selectDaybreak table td {text-align:center !important; border-right:1px solid #dfdfdf; padding:5px 10px !important; border-bottom:1px solid #dfdfdf;  font-weight:normal !important;font-size:13px}
.selectDaybreak table td div {line-height:22px; letter-spacing:-0.5px;}
.selectDaybreak table td .rad { padding:0 5px !important; display:inline-block;}
.selectDaybreak table td .rad label:before {left:-33% !important}
.selectDaybreak table td.HOLIDAY { background:#e7e7e7;}
.selectDaybreak table td.CLOSE {background: #e7e7e7;}

/* 스크롤 막기 */
.scrollOff{position:fixed;overflow:hidden;height:100vh;};

/* 1:1문의 new */
.qna-main {background: #f4f4f4;}
.qna-main {background: #f4f4f4;}
.qna-main ul li {float:left; background:#fff; width:27vw; height:27vw; margin-right:3vw; margin-bottom:3vw; border-radius:12px; box-shadow: 0px 1px 3px rgba(113,113,113,0.15); text-align:center}
.qna-main ul li.on {background:#79ae55;}
.qna-main ul li:nth-child(3n) {margin-right:0}
.qna-main__title {padding:55px 0 34px; text-align:center} 
.qna-main__category img {width:15vw; padding:4vw}
.qna-main__category-name {font-size:13px; color:#6b6b6b; display:block; text-align:center;}
.qna-main ul li.on .qna-main__category-name {color:#fff;}

.helpQnaMain {padding: 60px 20px; background: #f4f4f4; text-align: center;}
.helpQnaMain .qna-main .qnatitle {display: block; font-size: 24px; line-height: 24px;}
.helpQnaMain .qna-main .qnatitle span {font-weight: 700;}
.helpQnaMain .qna-main .subTitle {padding-top: 10px; font-size: 14px; color: #828282;}
.helpQnaMain .qna-main .qna-main__category {padding-top: 30px;}
.helpQnaMain .qna-main .qna-main__category::after {content: ''; display: block; clear: both;}
.helpQnaMain .qna-main .qna-main__category li {width: calc((100% - 24px) / 3); height: 100px; margin: 0 0 12px 12px;}
.helpQnaMain .qna-main .qna-main__category li:nth-of-type(3n+1) {margin-left: 0;}
.helpQnaMain .qna-main .qna-main__category li a {display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%;}
.helpQnaMain .qna-main .qna-main__category li img {width: 44px; margin-bottom: 10px; padding: 0;}
.helpQnaMain .qna-main .qna-main__category li .qna-main__category-name {}
.helpQnaMain .qnaBottom {width: 240px; margin: 0 auto; color: #828282; line-height: 20px;}

/* 검색시 카테고리 */
.qna-main2 {background:#f4f4f4; padding:0 6.5vw;}
.qna-main2 ul li {float:left; background:#fff; width:13vw; height:13vw; margin-right:3vw; margin-bottom:5vw; border-radius:12px; box-shadow: 0px 1px 3px rgba(113,113,113,0.15); text-align:center}
.qna-main2 ul li.on {background:#79ae55;}
.qna-main2 ul li:nth-child(5n) {margin-right:0}
.qna-main2__title {padding:55px 0 34px; text-align:center} 
.qna-main2__category img {width:15vw; padding:4vw}
.qna-main2__category-name {font-size:13px; color:#6b6b6b; display:block; text-align:center;}
.qna-main2 ul li.on .qna-main__category-name {color:#fff;}


.qna-detail {background:#f4f4f4; position:relative; min-height:500px;}
.qna-detail__header {background:#6ca435; text-align:center; padding:0 0px 22px 0px;}
.qna-detail__header__title {color:#fff; font-size:24px;padding-bottom:14px; font-weight:bold}
.qna-detail__header__sub-title {color:#fff; font-size:14px;padding-bottom:22px; display:inline-block}
.qna-detail__body {margin-top: -20px;}
.qna-detail__body ul {width:100%; padding:0 20px; }
.qna-detail__body ul::-webkit-scrollbar { display: none; } 
.qna-detail__body ul li {background:#fff; /* height:50px !important; */ margin-bottom:10px; border-radius:12px; box-shadow: 0px 1px 3px rgba(113,113,113,0.15); padding:22px 18px; display:flex}
.qna-detail__body ul li.swiper-slide {width:auto;}
.qna-detail__body ul li.swiper-slide-prev {margin-bottom:21px;}
.qna-detail__body ul li a {display:flex; align-items: center;}
/*
.qna-detail__body .swiper-wrapper .swiper-slide {width:100% !important; margin:0 4.5vw 0 4.5vw}
.qna-detail__body .swiper-wrapper .swiper-slide:nth-child(1) {margin:0 4.5vw 0 0 !important}
.qna-detail__body .swiper-pagination-bullet-active {background:#646464}*/
.qna-detail__btn {text-align:center; margin-top:10px}
.question-item__img { margin:0 16px 0 0; display:inline-block;}
.question-item__txt {display:inline-block; margin:auto; line-height:20px;}
.question-item__txt__title {margin-bottom:10px; display:inline-block; color:#6c9f49; font-size:16px; line-height: 20px; font-weight:bold}
.question-item__txt__description {display:inline-block; color:#616165; font-size:14px}
    
    
.qna-order {background:#f4f4f4}
.qna-order__body {margin-top:23px; overflow:auto}
.qna-order__body ul {width:100%; padding:0 20px;}
.qna-order__body ul::-webkit-scrollbar { display: none; }
.qna-order__body ul li:not(.order-info-count) {background:#fff; margin-bottom:10px; border-radius:12px; box-shadow: 0px 1px 3px rgba(113,113,113,0.15); padding:22px 18px; display:flex; flex-wrap:wrap; justify-content: space-between;}
.qna-order__body ul li .chkbox{position:relative; margin-right:10px;}
.qna-order__body ul li .chkbox input[type=radio] {opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none;outline:0; width:16px; height:16px; position:absolute; top:24px; left:0}
.qna-order__body ul li .chkbox input[type=radio] + label:after {content:'';background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_off_60.png) no-repeat; background-size:auto 100%; display:block; position:absolute; width:18px; height:18px; top:-3px;left:0;}
.qna-order__body ul li .chkbox input[type=radio]:checked + label:after {content:'';background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_on_60.png) no-repeat; background-size:auto 100%; display:block; position:absolute; width:18px; height:18px; top:-3px;left:0;}
.qna-order__body ul li .order-info {display:inline-block; margin-right:23px; width:49vw;}
.qna-order__body ul li .order-info p {width:100%;/*overflow-x:hidden; text-overflow:ellipsis; white-space:nowrap;*/ min-height:18px;}
/*.qna-order__body ul li .order-info p:nth-child(1) {font-size:16.33px; color:#8c8c99; margin-bottom:13px;}*/
.qna-order__body ul li .order-info p:nth-child(1) {font-size:15px; color:#333346; margin-bottom:9px; line-height:18px;}
.qna-order__body ul li .order-info p:nth-child(2) {font-size:15px; color:#8c8c99;}
.qna-order__body ul li .delivery-info {width:72px; text-align:right; margin:auto}
.qna-order__body ul li .delivery-info p {font-size:13px; color:#6c9f49;font-weight:bold; line-height:20px;} 
.qna-order__body ul li.order-info-count {padding-bottom: 10px; font-size: 14px;}
.qna-order__body ul li.order-info-count .count-num {font-weight: 700; color: #6ba543;}
.qna-order__body .noHistory {margin-top: 20px; font-size: 16px; text-align: center;}
.qna-order__btn {text-align:center; padding:10px 0 0 0;}
.qna-order__btn .more__btn {display:inline-block;border-radius:50px;line-height: 44px; border:1px solid #dddddd; background:#ffffff; padding:0 30px; color:#666666; font-size:14px}
.qna-order__delivery {margin-top: 30px; padding: 0 20px; text-align:center;}
.qna-order__delivery .delivery-title {font-size:20px; color:#2a2a2a; display:block; margin-bottom:6px; font-weight:bold; text-align:center; line-height:25px; word-break:keep-all}
.qna-order__delivery .delivery-sub {display:block; margin:10px 0 25px 0; font-size:16px; line-height:22px; word-break: keep-all;}
.qna-order__delivery__btn {display:flex;column-gap:8px;padding:0 20px;}
.qna-order__delivery__btn a {flex: 1; border:1px solid #79ae55; border-radius:3px; font-size:14px; line-height:38px; text-align:center}
.qna-order__delivery__btn a:nth-child(1) {background:#6c9f49; color:#fff}
.qna-order__delivery__btn a:nth-child(2) {background:#fff; color:#6c9f49}
.qna-order__refund__btn {display:flex;column-gap:8px;padding:0 20px;}
.qna-order__refund__btn a {flex: 1; border:1px solid #79ae55; border-radius:3px; font-size:14px; line-height:38px; text-align:center}
.qna-order__refund__btn a:nth-child(1) {background:#6c9f49; color:#fff}
.qna-order__refund__btn a:nth-child(2) {background:#fff; color:#6c9f49}
 
.qna-delivery {background:#f4f4f4}
.qna-delivery__body {margin-top:23px; overflow:auto; }
.qna-delivery__body ul {/* width:91vw; */width:100%; padding:0 20px;}
.qna-delivery__body ul::-webkit-scrollbar { display: none; }
.qna-delivery__body ul li {background:#fff; margin-bottom:10px; border-radius:12px; box-shadow: 0px 1px 3px rgba(113,113,113,0.15); padding:22px 18px; max-height:30vh; overflow:auto;}
.qna-delivery__body ul li .chkbox{position:relative;}
.qna-delivery__body ul li .chkbox input[type=radio] {opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none;outline:0; width:16px; height:16px; position:absolute; top:-1px; left:0}
.qna-delivery__body ul li .chkbox input[type=radio] + label:after {content:'';background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_radio_60.png) no-repeat; background-size:auto 100%; display:block; position:absolute; width:18px; height:18px; top:-1px;left:0;}
.qna-delivery__body ul li .chkbox input[type=radio]:checked + label:after {content:'';background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_radio_60_green.png) no-repeat; background-size:auto 100%; display:block; position:absolute; width:18px; height:18px; top:-1px;left:0;}
.qna-delivery__body ul li .order-info {width:100%; border-bottom:1px solid #d3d3d3; margin-bottom:15px;}
.qna-delivery__body ul li .order-info p {width:100%;overflow-x:hidden; text-overflow:ellipsis; white-space:nowrap; height:18px;}
.qna-delivery__body ul li .order-info p:nth-child(1) {font-size:15px; color:#8c8c99; margin-bottom:9px;}
.qna-delivery__body ul li .order-info p:nth-child(2) {font-size:15px; color:#333346; margin-bottom:9px; font-weight:bold}
.qna-delivery__body ul li .order-info p:nth-child(3) {font-size:15px; color:#333346; margin-bottom:13px; font-weight:bold}
.qna-delivery__body ul li .delivery-info .delivery-item {float:left; width:50%;}
.qna-delivery__body ul li .delivery-info .delivery-item b {font-size:14px; font-weight:normal; margin-left:20px;}
.qna-delivery__body ul li .delivery-info .delivery-item .status-complete {color:#6ca435;}
.qna-delivery__body ul li .delivery-info .delivery-item .status-delivery {color:#f18f54;}
.qna-delivery__body ul li .delivery-info .delivery-item .status-ready {color:#8c8c99}
.qna-delivery__body ul li .product-item { border-top:1px solid #e9e9e9; padding-top:22px; position:relative;}
.qna-delivery__body ul li .product-item:nth-child(1) {padding-top:0; border-top:none}
.qna-delivery__body ul li .product-item:nth-last-child(1) p:nth-child(2) {margin-bottom:0}
.qna-delivery__body ul li .product-item .item__txt-wrap {display:inline-block; width:49vw;}
.qna-delivery__body ul li .product-item .item__devliery-info-wrap {display:inline-block; float:right; text-align:right; margin:auto}
.qna-delivery__body ul li .product-item .item__devliery-info-wrap p:nth-child(1) {font-size:13px; color:#333346;font-weight:bold; line-height:20px;margin-bottom:9px; margin-left:0}
.qna-delivery__body ul li .product-item .item__devliery-info-wrap p:nth-child(2) {font-size:13px; color:#6c9f49;font-weight:bold; line-height:20px; margin-left:0}
.qna-delivery__body ul li .product-item p {width:100%;overflow-x:hidden; text-overflow:ellipsis; white-space:nowrap; height:18px; margin-left:27px; overflow-y:hidden}
.qna-delivery__body ul li .product-item p:nth-child(1) {font-size:15px; color:#333346; margin-bottom:9px; font-weight:bold}
.qna-delivery__body ul li .product-item p:nth-child(2) {font-size:15px; color:#333346; margin-bottom:13px; font-weight:bold}
.qna-delivery__body ul li .product-item.chkbox:nth-child(1) input[type=radio] {opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none;outline:0; width:16px; height:16px; position:absolute; top:11px !important; left:0}
.qna-delivery__body ul li .product-item.chkbox:nth-child(1) input[type=radio] + label:after {content:'';background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_radio_60.png) no-repeat; background-size:auto 100%; display:block; position:absolute; width:18px; height:18px; top:11px !important;left:0;}

.qna-delivery__body ul li .product-item.chkbox:nth-child(1) input[type=radio]:checked + label:after {content:'';background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_radio_60_green.png) no-repeat; background-size:auto 100%; display:block; position:absolute; width:18px; height:18px; top:11px !important;}
.qna-delivery__body ul li .product-item.chkbox.refund-chk:nth-child(1) input[type=radio]:checked + label:after {content:'';background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_on_60.png) no-repeat; background-size:auto 100%; display:block; position:absolute; width:18px; height:18px; top:11px !important;}
.qna-delivery__body ul li .product-item.chkbox input[type=radio] {opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none;outline:0; width:16px; height:16px; position:absolute; top:24px !important; left:0}
.qna-delivery__body ul li .product-item.chkbox input[type=radio] + label:after {content:'';background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_radio_60.png) no-repeat; background-size:auto 100%; display:block; position:absolute; width:18px; height:18px; top:24px !important;left:0;}
.qna-delivery__body ul li .product-item.chkbox input[type=radio]:checked + label:after {content:'';background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_radio_60_green.png) no-repeat; background-size:auto 100%; display:block; position:absolute; width:18px; height:18px; top:24px !important;left:0;}
.qna-delivery__body ul li .product-item.chkbox.refund-chk input[type=radio]:checked + label:after {content:'';background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_on_60.png) no-repeat; background-size:auto 100%; display:block; position:absolute; width:18px; height:18px; top:24px !important;left:0;}
.qna-delivery__body .info-btn-wrap {width:91vw;background:#6ca435;margin: 20px 4.5vw 44px; text-align: center; border-radius:5px;}
.qna-delivery__body .info-btn-wrap .info-btn {color:#fff;line-height: 45px;height: 45px;display:inline-block; font-weight:bold; font-size:15px; width:100%;}

.qna-delivery__body .txt-wrap {text-align:center; line-height:30px;}
.qna-delivery__body .txt-wrap h3 {font-size:16px; color:#000; font-weight:bold;}
.qna-delivery__body .txt-wrap span {font-size:14px; color:#8c8c99;}
.qna-delivery__body .question-btn-wrap {width:91vw; line-height: 45px;height: 45px; margin: 20px 4.5vw 44px;text-align: center; border-radius:5px;}
.qna-delivery__body .question-btn-wrap .question-btn {color:#6ca435;line-height: 45px;height: 45px;display:inline-block;width:100%;text-align: center; border-radius:5px; border:1px solid #6ca435; font-weight:bold; font-size:15px;}
.div-wrap { margin:0 4.5vw 10px; position:relative }
.qna-delivery__body .txt-wrap span.omission-txt {display:block; font-size:11px; line-height:11px; margin-bottom:7px; color:#9a5454;}
.input-inner__btn {display: inline-block;height: 46px;background: #6ca435;line-height: 46px;width: 70px;position: absolute;right: 0;color: #fff !important;border-radius: 0px 5px 5px 0;}
.qna-question {background:#f4f4f4; text-align:center;}
.qna-question .question-type { background:#fff !important; border-radius:5px; display:inline-block; }
.qna-input { background:#fff; text-align:center; border-radius:5px; height:46px; width:100%; padding:0 0 0 10px;}
.qna-textarea { border: 1px solid #ddd;width: 85vw;height: 92px;text-align: left;padding: 0;border-radius: 5px;padding: 3vw; font-size:14px; }
.qna-top{position:relative; height:45px; background:#6ca435;} 
.qna-top h2{display:block; line-height:30px; padding-top:8px; text-align:center; color:#fff; font-size:16px; font-weight:bold; letter-spacing: -0.3px}
.qna-top .top-prev{top:9px;left:20px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_left_52.png) no-repeat 0 0;background-size:auto 100%;font-size:0;position:absolute;top: 14.5px;display:inline-block;width: 17px;height: 16px;}
.qna-bottom-info {position:relative;background:#f4f4f4;width:100%;}
.qna-bottom-info .ordererInfo{ margin:40px 4.5vw 0; background:#fff;padding:0 12px }
.qna-bottom-info .ordererInfo em {margin-right:8px; background: #ff7a6b;color: #ffffff;border-radius: 10px;width: 30px;height: 16px;display: inline-block;text-align: center;font-size: 10px;vertical-align: bottom;line-height: 16px;font-weight:800;letter-spacing: -1px;}
.qna-bottom-info .ordererInfo dd {padding: 10px 4px 20px;margin:0;}

.img-dimm-wrap {display:none}
.img-dimm-wrap div {position: absolute;color: #fff;top: 50%;margin-top: 3.5px;left: 50%;margin-left: -14.1px;font-size: 15px;display:inline-block;text-align: center;}
.img-dimm-wrap img {width: 13px;height: 13px;display: inline-block;position: absolute;top: 50%;left: 50%;margin-top: -15px;margin-left: -6.5px;}
.delivery-select-wrap {width:100%; border-top:1px solid #dddddd; margin-top:15px; padding-top:15px;}
.delivery-select-wrap .select-item {width:50%; float:left; height:20px; margin-top:10px;}
.delivery-select-wrap .select-item b {font-size:14px; letter-spacing:-1px; font-weight:normal; margin-left:25px;}
.delivery-select-wrap .select-item .status-complete {color:#6ca435;}

.delivery-select-wrap .select-item{position:relative;}
.delivery-select-wrap .select-item input[type=radio] {opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none;outline:0; width:16px; height:16px; position:absolute; top:-4px; left:0}
.delivery-select-wrap .select-item input[type=radio] + label:after {content:'';background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_radio_60.png) no-repeat; background-size:auto 100%; display:block; position:absolute; width:18px; height:18px; top:-2px;left:0;}
.delivery-select-wrap .select-item input[type=radio]:checked + label:after {content:'';background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_radio_60_green.png) no-repeat; background-size:auto 100%; display:block; position:absolute; width:18px; height:18px; top:-2px;left:0;}
.order-info-date {font-weight: 700; font-size:13px; padding:0 0 10px 0;}


/* 상품권 */
.gift-card-list { margin-top:30px; font-family:'NotoKrC', sans-serif}
.gift-card-list ul { display:inline-block; width:calc(100% - 20px);}
.gift-card-list ul li {width:100%; margin:0 20px 20px 0; border:1px solid #dddddd; display:inline-block; padding:10px; }
.gift-card-regist { margin-top:30px; font-family:'NotoKrC', sans-serif}
.gift-card-regist ul { display:inline-block; width:calc(100% - 0px);}
.gift-card-regist ul li {width:100%; margin:0 0px 0px 0; display:inline-block; padding:10px; }
.gift-card {display:inline-block; width:100%; height:150px; background:#7ba950; border-radius:5px; text-align:center; color:#fff; font-size:50px; letter-spacing:-1px; line-height:150px; font-weight:bold; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
.gift-card-desc {}
.gift-card-desc .gift-card-desc__title {font-size:25px; letter-spacing:-1px;}
.gift-card-desc .gift-card-desc__title span {color:#959595; font-size:17px; display:inline-block; margin-top:12px;}
.gift-card-desc .gift-card-desc__price {margin-top:5px;}
.gift-card-desc .gift-card-desc__price del {font-size:22px; color:#999999; font-weight:600; letter-spacing:-1px; display:inline-block; margin-right:20px;}
.gift-card-desc .gift-card-desc__price span {font-size:23px; color:#e53433; font-weight:700; letter-spacing:-1px; display:inline-block; }
.gift-card-btn { margin-top:20px; text-align:center;}
.gift-card-btn a {display:inline-block;padding:5px 15px;border: 1px solid #b0b0b0;background: #fafafa;color: #666666;border-radius: 5px;font-weight: 600;letter-spacing: -1px;}
.gift-card-btn a:hover {background:#e1e0e0}

.gift-card-payment {}
.gift-card-payment__info {padding:25px; border:1px solid #6ca435; border-right:0; border-left:0; background:#eff7e7}

.gift-card-payment__price {position: absolute;height: 15px;line-height: 15px;right: 128px;top: 50%;margin-top: -7.5px;font-weight: 700;letter-spacing: -1px;}
.gift-card-payment__target {margin-top:20px;border-left:none;border-right:none;}
.gift-card-payment__target-info {padding:10px;border: 1px solid #bdbdbd;border-radius: 5px;margin: 5px 15px;background: #f8f8f8; letter-spacing:-0.5px; position:relative;;}
.gift-card-payment__target-info span {font-size:13px;}
.gift-card-payment__target-info span input {letter-spacing:-1px; font-size:13px;background:#e8e8e8;}
.gift-card-payment__target-info span input:focus {outline:none;}
.gift-card-payment__target-order {display:inline-block; float:left;}

.gift-card-total-payment {padding:10px;}
.gift-card-total-payment h3 {font-size: 15px;letter-spacing: -1px;font-weight: 600;padding: 10px 0;border-bottom: 1px solid #6ca435;}
.gift-card-total-payment__price {text-align: right;color: #e53433;font-weight: 600;margin-top: 5px;letter-spacing: -1px;font-size: 20px;}

.gift-card__add-user {margin-top:30px; text-align:center;}
.gift-card__add-user__btn {border: 1px solid #7ba950;border-radius:5px;background: #eff7e7;padding:10px;color: #7ba950;display:inline-block;letter-spacing:-1px;font-weight: bold;}

.gift-card__find-user {position:fixed; z-index:99999999; padding:10px; width:calc(100% - 40px); margin:10px; height:auto; top:0; background:#f4f4f4; display:none; border-radius:5px;}
.gift-card__find-user__tit {padding:10px 0; border-bottom:2px solid #6ca435; position:relative;}
.gift-card__find-user__tit a {position:absolute; right:0; top:10px; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cross_25_gray.png) no-repeat; background-size:20px; width:20px; height:20px; display:inline-block;}
.gift-card__find-user__search {margin-top:20px;}
.gift-card__find-user__search input {display: inline-block;background: #fff;width: 100%;border-radius: 5px;height: 40px;padding: 0 12px;border: 1px solid#ddd;border-right: none;}
.gift-card__find-user__search a {background: url("../img/common/totl_ic_02.png") no-repeat 14px 12px; position:absolute; width:42px; height:38px; right:10px; border:1px solid #ddd; border-radius:0 7px 7px 0; background-color:#fff;}
.gift-card__find-user__result {position:relative;height: 390px;width: 100%;background: #fff;border: 1px solid #ddd;border-radius: 5px;margin-top: 15px; overflow:auto}
.gift-card__find-user__result table {width:100%;}
.gift-card__find-user__result table td {border-bottom:1px solid #ddd; text-align:center; padding:10px;}

.mypage-gift-card__card {background:#7ba950; color:#fff; font-weight:700; padding:40px; text-align:center; border-radius:5px; font-size:35px; display:inline-block; letter-spacing:-1px;-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}

.star_rating { width:70px; text-align:left; margin-top:2px }
.star_rating,.star_rating span { display:inline-block; height:12.5px; overflow:hidden; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_start_205.png)no-repeat; background-size:70px }
.star_rating span{ background-position:left bottom; line-height:0; vertical-align:top; }

.event-product-info-wrap {background:#fff; text-align:center;line-height:15px; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none; padding:10px 0; height:75px;}
.event-product-title-wrap { font-size:15px; letter-spacing:-1px; font-family: 'Nanum Square'; font-weight:bold; color:#333; margin:5px 0; width:90% !important;}
.event-product-price-wrap .product-price {letter-spacing:-1px; font-family: 'Nanum Square'; font-size:15px; font-weight:bold; color:##7e7e7e;}
.event-product-price-wrap .event-price {letter-spacing:-1px; font-family: 'Nanum Square'; color:#6ca435; font-size:17px; font-weight:bold; }/* 쿠폰 팝업 */

.couponPop {display:none; top:50%;padding-bottom:10px; position:fixed; left:4%; width:92%; box-sizing:border-box; background:#fff; z-index:10000001; letter-spacing:-1px}
.couponPop .popHead {background:#2e411b; height:40px; border-bottom:1px solid #2e411b; padding:0 10px;}
.couponPop .popHead .popHeadTit {font-size:14px; color:#fff; line-height:40px;}
.couponPop .popHead .closeCouponPop {background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_39.png) no-repeat center center;background-size: 14px;width: 14px;height: 14px;display: inline-block;float: right;margin-top: 13px;}
.couponPop .popBody {padding:10px;}
.couponPop .popBody ul {border:1px solid #dfdfdf; max-height:25vh; overflow-y:scroll; background:#f4f2e6; padding:5px;}
.couponPop .popBody ul::-webkit-scrollbar { width: 3px; }
.couponPop .popBody ul::-webkit-scrollbar-thumb { background: #2e411b }
.couponPop .popBody ul h3 {padding:5px; font-size:15px; font-weight:bold; letter-spacing:-1px;}
.couponPop .popBody ul:nth-child(1)  {margin-bottom:5px}
.couponPop .popBody ul li {padding:5px;}
.couponPop .popBody ul li b {color:#414141;}
.couponPop .popBody ul li.rad label:before {left:5px !important;}
.couponPop .popResult {padding:10px; margin:10px; background:#93a77f;}
.couponPop .popResult .res { float:left;color:#fff; width:33.33%;}
.couponPop .popResult .res span { font-size:15px;}
.couponPop .popResult .res p {margin-top:8px;}
.couponPop .popBtnWrap {text-align:center; padding:0 10px;}
.couponPop .popBtnWrap a {width:120px;}
.useCouponWrap {display:block;background:#dfd8c2;text-align:left;margin-top: 20px;border-radius: 5px;padding: 10px;}
.useCouponWrap h4 {padding:5px; font-weight:bold; font-size:15px; border-bottom:1px solid}
.useCouponWrap span {display:block; padding:5px;}

/* 쿠폰 다운로드 팝업 */
.coupon-down-pop {position:fixed; height:100%; width:100%; background:rgba(0,0,0, 0.6);z-index:9999999; top:0; left:0; display:none;}

.coupon-down-pop__desc { width:90%; height:auto; max-height:90%; overflow-y:auto; overscroll-behavior:contain; background:#fff;position: fixed; top:50%; left:50%; transform:translate(-50%,-50%); /*margin-top:-325px; margin-left:-45%;*/ }
.coupon-down-pop__desc .pop-close-btn {position:absolute; top:15px; right:10px ; background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_58.png) no-repeat; display:inline-block; width:25px; height:25px; background-size:25px;}
.coupon-down-pop__desc ul {padding:10px 35px 50px; list-style:circle;}
.coupon-down-pop__desc ul li {padding:5px 0; letter-spacing: -1px;font-size: 13px; line-height:20px;}
.coupon-down__btn { display:block; padding:10px; width:130px; border-radius:5px; color:#fff !important; font-size:15px; font-weight:bold; text-align:center}
.coupon-down-pop__down-btn {padding: 25px; background: #6ca435; display: inline-block; border-radius: 5px; color:#fff !important; letter-spacing:-1px; font-size:24px; font-weight:bold;}
.coupon-down-complete {padding: 10px 40px;background: #6ca435;display: inline-block;border-radius: 5px;line-height: 50px;color: #fff;font-size: 17px;letter-spacing: -1px;}


/* 대한민국 동행세일 이벤트 페이지 */
.gowith-wrap {background:#ffffff;text-align:center;}
.gowith-wrap__category {padding:15px;}
.gowith-wrap__category li {float:left; width:33.33%}
.gowith-wrap__category li a {padding:10px;background:#fff;display:block;color:#4f4f4f;font-size:14px;border-bottom: 1px solid #4f4f4f;border-left: 1px solid #4f4f4f;font-weight:bold}
.gowith-wrap__category li.on a {background:#024380; color:#fff;}
.gowith-wrap__category li:nth-child(1), .gowith-wrap__category li:nth-child(2), .gowith-wrap__category li:nth-child(3) {border-top:1px solid #4f4f4f;}
.gowith-wrap__category li:nth-child(3n) a {border-right:1px solid #4f4f4f;}

.gowith-wrap ul.event_list_wrap li{
  width: 48.45% !important;
  display: inline-block;
  float: left;
  padding: 0;
  border: 0;
  margin-bottom:3%;
}
.gowith-wrap ul.event_list_wrap li:nth-child(2n+1){
  margin-right: 10px;
}

.gowith-wrap ul.event_list_wrap li.last_btn_all{
  width:100% !important;
}

.gowith-wrap ul.event_list_wrap li.last_btn_all a{
  width: 100%;
  background:#f5f5f5;
  text-align: center;
  padding: 4% 0;
  display: inline-block;
  font-size: 13px;
  color: #33383f;
}

/** 구매후기 작성 팝업 **/
/* .product-comment-pop { box-sizing:border-box; }
.product-comment-pop * { box-sizing:border-box; } */
.product-comment-pop { position:fixed; top:0px; left:0px; width:100%; min-height:100vh; height:100%; display:none; padding:0px; z-index:5000000; overflow-y:auto; }
.product-comment-pop:after { content:""; display:block; position:fixed; top:0; left:0; width:100%; height:100vh; background:#222; opacity:0.8; z-index:-1; }
.product-comment-pop .product-comment-pop__desc { background:#fff; margin:15px; }

/** 관련 상품 */
.pdRelatedProductWrap {padding:20px 0; position:relative}
.pdRelatedProductWrap .relatedProductTit {font-size:15px; font-weight:bold; display: block; }
.pdRelatedProductWrap .relatedProductMore {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_right_30.png) no-repeat right 50%; position:absolute; display:inline-block}
.pdRelatedProductWrap .pdrelatedProductList {padding:10px;}
.pdRelatedProductWrap .pdrelatedProductList ul li {float:left; width:33.3%;}
/* .pdRelatedProductWrap .pdrelatedProductList ul li:nth-child(1) {margin-right:4%} */
.pdRelatedProductWrap .pdrelatedProductList ul li span {display:block; padding:10px 0; text-overflow:ellipsis; white-space:nowrap; overflow-x: hidden; font-weight:bold}
.pdRelatedProductWrap .pdrelatedProductList ul li span.price {color:#bd261c; padding:0; font-size:17px;}

.coupon-down-complete-pop {width:90%;top: 50%;margin: -25% 5% 0; position: absolute; display:none;}
.coupon-down-complete-pop img { width:100% }

.coupon-down-error-pop {width:90%;top: 50%;margin: -25% 5% 0; position: absolute; display:none;}
.coupon-down-error-pop .coupon-txt-wrap {background:#fff;border-radius:15px 15px 0 0;padding: 50px 10px;font-size: 25px;font-weight: bold;text-align: center;color: #000;letter-spacing: -1px;}
.coupon-down-error-pop img { width:100% }

/** 배송지 관리*/
.delivery-address-table {border:1px solid #ddd;  width:100%; align-self: center; margin-left: auto; margin-right: auto;}
.delivery-address-table th {border-bottom:1px solid #ddd; background:#f5f5f5; color:#333;}
.delivery-address-table td {padding:10px; border-bottom:1px solid #ddd}
.delivery-address-table .findBtn_ad {background: #f5f5f5; padding: 5px 8px; border: 1px solid #ddd; color: #333!important;}
.delivery-address-table .lightgrayBtn {
    display: inline-block;
    width: 100%;
    height: 38px;
    line-height: 30px;
    padding: 4px 10px 0;
    background: #f5f5f5;
    border: 1px solid #d1d1d1;
    color: #333!important;
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.5px;
    box-sizing: border-box;
}


.deliveryBtn{ padding-top:20px; display: flex; justify-content: center;} 
.deliveryBtn a{float:left; width:30%; box-sizing: border-box; font-size:14px;  color:#fff;}
.whiteBtn_b_del{display:inline-block; width:100%; height:38px; line-height:30px; padding:4px 10px 0; background:#a2a2a2; border:1px solid #d1d1d1; color:#fff!important; text-align: center; font-size:14px; letter-spacing: -0.5px; box-sizing: border-box}

.deliveryBtn a:nth-child(1){margin-right:2% }
.deliveryBtn a:nth-child(3){clear:both; width:100%; margin-top:8px}

.delivery-list-table {border:1px solid #ddd;  align-self: center; margin-left: auto; margin-right: auto; padding:20px;}
.grayBtn_d{display:inline-block; height:28px; line-height:20px; padding: 5px 15px; background:#bbbbbb; vertical-align:middle; border:1px solid #d1d1d1; color:#f6f6f6 !important; font-size:12px; letter-spacing: -0.5px; box-sizing: border-box}

.deliveryListBtn {
    height: 26px;
    padding: 4px 8px;
    margin: 0 5px 0 -1px;
    background: #f4f4f4;
    font-size: 14px;
    text-align: center;
    color: #333;
    text-decoration: none;
    border: 1px solid #d1d1d1;
}
.deliv{display:inline-block; height:28px; line-height:20px; padding:3px 10px 0; background:#f4f4f4; border:1px solid #d1d1d1; color:#333; font-size:12px; letter-spacing: -0.5px; box-sizing: border-box}


.myShoppingWrap.subTit1_2_delivery{display:block; padding-top: 10px; padding-bottom: 16px; line-height:20px;font-size:14px;color: #333346;font-weight:bold;letter-spacing: -1px;}


.icon-paging.first {background-position: 0 0;}
.icon-paging.prev {background-position: -36px 0;}
.icon-paging.next {background-position: -369px 0;}
.icon-paging.last {background-position: -405px 0;}

.paging-wrap1 {margin-bottom: 20px;margin-top: 20px; text-align: center; background: white;}
.paging-wrap1 ul {display: inline-block;}
.paging-wrap1 ul li {padding: 0 4px;float:left;}
.paging-wrap1 a,
.paging-wrap1 b { display: inline-block; font-size: 13px;color: #333;min-width:24px; padding: 0 6px; line-height: 24px; text-align: center;}
.paging-wrap1 b {background: #a7a39e; color: #fff; font-weight: normal;}

/*레이어팝업*/
.oasisLayerPopD{display:none; position:fixed; top:50%; left:50%;  margin-left:-340px; width:680px; height:625px; background:#fff; z-index:100000009;  border: 1px solid #6ac435;}/*공통, 0527*/
.oasisLayerPop_in{position:relative; }
.oasisLayerPopD .oasisLPconWrap{height:55vh;  overflow-y:scroll;}
.oasisLayerPop_in .oasisLPtit{position:relative;width:100%;margin:0;padding:0;height:62px;text-align:center;border-bottom:0px;background:#6da142;color:#fff;}
.oasisLayerPop_in .oasisLPtit strong{color:#fff;padding-top:22px;}

.oasisLPtit{height:63px; width:640px; margin:0 auto; border-bottom:1px solid #6ca435;  } /*0527*/
.oasisLPtit strong{displaY:inline-block; padding-top:30px; font-weight:700; color:#6ca435; font-size:22px;} /*0527*/

.oasisLPcon{height:360px; margin:0 20px; background:#ececec; text-align:center; vertical-align:middle}
.oasisMapClose{display:inline-block; position:absolute; top:0; right:0; padding:20px 19px}

.oasisLPcon3{padding-bottom:25px; text-align:center} /*0527*/
.oasisLPcon3 a{display:inline-block; width:153px; height:38px; line-height:38px; margin:0 5px; font-size:14px; text-align:center; color:#fff; background-color:#6ca435; font-weight:600; text-decoration:none} /*0527*/
.oasisLPcon3 a.oasisMapClose2{background:#a2a2a2;}


/* 주문시 배송지목록 팝업 클래스 */
.oasisLayerPop.new-layerpop.pop-question1{width:700px;height:680px;margin-left:-350px;margin-top:-330px;}
.oasisLayerPopD.new-layerpop.pop-question1{height: auto;display: ;width: 80%; top:45%; left: 50%;margin-left: -40%; right: 50%; margin-right: -40%;}
.oasisLayerPopD.new-layerpop.pop-question1 .oasisLPtit{position:relative;width:100%;margin:0;padding:0;height:62px;text-align:center;border-bottom:0px;background:#6da142;color:#fff;}
.oasisLayerPopD.new-layerpop.pop-question1 .oasisLPtit strong{color:#fff;padding-top:22px;}
.oasisLayerPopD.new-layerpop.pop-question1 .radios input[type="radio"]:checked + label:before{background:url('../images/common/new_radioBg_on.png') no-repeat 0 0;}
.oasisLayerPopD.new-layerpop.pop-question1 .radios input[type="radio"] + label:before{background:url('../images/common/new_radioBg_off.png') no-repeat 0 0;}
.oasisLayerPopD.new-layerpop.pop-question1 .faqSelectList li{width:160px; padding:0 0 10px 0;}
.oasisLayerPopD.new-layerpop.pop-question1 .tableComWrite{padding-bottom:10px;}
/* 주문시 배송지목록 팝업 클래스 */

/* 신한카드 럭키박스 이벤트*/
.scLuckyPop {position: fixed;top: 10%;width:90%; height: auto; left: 50%;background: #fff;margin-left:-45%;z-index:999999999; text-align:center; border-radius:10px; }
.scLuckyWrap {font-family:'NotoKrC', sans-serif;position:relative; padding:40px 25px 25px 25px}
.scLuckyWrap h1 {font-size:17px; letter-spacing:-1px; font-weight:bold;}
.scLuckyClose {position:absolute;right: 15px;top: 15px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_19.png) no-repeat 0 0;background-size: 19px;width: 19px;height: 19px;}
.scLuckyDesc {margin-top:5px;font-size:13px;letter-spacing:-1px;line-height: 19px;font-size:13px;letter-spacing: -1px;text-align:center;}
.scLuckyTableWrap {text-align:center; margin-top:25px; }
.scLuckyTableWrap .scLuckyAgree {font-weight:bold; display:inline-block; margin:5px}
.scLuckyTableWrap .scLuckyTable { border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf;width:100%}
.scLuckyTableWrap .scLuckyTable td {padding:5px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align:center; font-size:13px;}
.scLuckyTableWrap .scLuckyTable-alert {font-weight:bold; letter-spacing:-1px; margin-top:5px; display:inline-block; font-size:10.4px}
.scLuckyTelWrap {margin-top:35px;}
.scLuckyTelWrap input {border: 2px solid #385d8a;padding:10.5px 5px;}
.scLuckyTelWrap .attendBtn {padding:10px 25px;display:inline-block;border:2px solid #385d8a;background:#4f81bd;color:#fff;line-height: 8px;height: 11px;}
.scLuckyTelWrap .scLuckyTel-alert {font-weight:bold; letter-spacing:-1px; margin-top:5px; display:inline-block; color:red; font-size:13px}

/* 마이페이지 찜하기 */
.wish-wrap {margin-top:25px;}
.wish-wrap li {width:31.3333333%; float:left; margin-right:3%; margin-bottom:20px;}
.wish-wrap li:nth-child(3n) {margin-right:0}
.wish-wrap li a {border-radius:5px;}
.wish-wrap li .wish-thumb-wrap .wish-prod-img { border-radius:5px; }
.wish-wrap .wish-discount {color:#6ca435; font-weight:bold; letter-spacing:-1px; font-size:16px;}
.wish-wrap .wish-price {font-weight:bold; letter-spacing:-1px; font-size:16px;}
.wish-wrap .wish-title {letter-spacing:-1px; font-size:13px; text-overflow:ellipsis; overflow-x:hidden; white-space:nowrap; width:100%; display:inline-block; height:15px;}
.wish-wrap .wish-thumb-wrap {display:inline-block; position:relative}
.wish-wrap .wish-thumb-wrap .wish-heart { -webkit-tap-highlight-color: transparent;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_100_4.png) no-repeat 15px 15px;display: inline-block;width: 45px;height: 45px;background-size: 20px;position: absolute;bottom: -3px;right: -3px;}
.wish-wrap .wish-thumb-wrap .wish-heart.on {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_100_4_on.png) no-repeat 15px 15px;display: inline-block;width: 45px;height: 45px;background-size: 20px;position: absolute;bottom: -3px;right: -3px;}
.wish-remove-alert {display:none;position: fixed;top: 25%;text-align: center; width:100%}
.wish-remove-alert span {display:inline-block;background: #8b8b8b;color: #fff;padding: 10px 10px;border-radius: 5px;letter-spacing: -1px;}
.wish-to-add {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cart_100_3.png);background-size:20px;background-repeat:no-repeat;background-position: 9px 3px; padding-left:30px;}

.product-sanji-sticker {position: absolute;top: 15px;width: 75px;left: 15px; z-index:9; }

.oMyList .wish-wrap {margin-top: 0; padding: 0;}
.oMyList .wish-wrap li {width: calc((100% / 2) - 5px); margin-right: 10px; padding: 0 0 18px 0;}
.oMyList .wish-wrap li:nth-child(2n) {margin-right: 0;}

/* 이벤트 모아보기 */
.evtClip {position:relative;padding:30px 16px 80px 16px;background:#F5F6F8}

.evtClip_empty {display:flex;flex-direction:column;align-items:center;margin-top:20px;font-size:11px}   /* 쿠폰 없을 때 */
.evtClip_empty::before {content:'';display:block;width:98px;height:58px;margin:0 auto 13px auto;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_coupon_195.png) no-repeat center/100% auto}

.evtClip_ad {overflow:hidden;display:block;position:relative;margin-bottom:10px;padding:26px 30px 28px 26px;border:1px solid #e0e0e0;border-radius:20px;background-color:#ffffff}
.evtClip_ad:has(img) {padding:0;border:0}
.evtClip_ad_badge {position:absolute;top:31px;right:31px;font-size:12px;color:#606060}
.evtClip_ad_ttl {display:block;font-weight:500;font-size:20px;line-height:24px;letter-spacing:-1.5px}
.evtClip_ad_ttl::after {content:'';display:inline-block;width:20px;height:20px;margin:1px 0 0 2px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_right_40.png) no-repeat center/100% auto;vertical-align:top}
.evtClip_ad_desc {display:block;margin-top:4px;font-size:15px;line-height:19px;letter-spacing:-1.13px;color:#606060}
.evtclip_ad_btn {display:block;margin-top:18px;font-weight:500;font-size:16px;letter-spacing:-1.2px;color:#606060}

.evtClip_all {display:flex;align-items:center;margin-bottom:5px;padding:17px 0 17px 20px;border:1px solid #E0E0E0;border-radius:17px;background-color:#ffffff;}
.evtClip_all_ttl {flex:1;font-weight:500;font-size:15px;color:#606060}
.evtClip_all_btn {flex-shrink:0;width:80px;border-left:1px dashed #707070;font-weight:700;font-size:12px;letter-spacinG:-0.6px;color:#6BA543}
.evtClip_all_btn::before {content:'';display:block;width:21px;height:24px;margin:0 auto 6px auto;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_download_42_green.png) no-repeat center/100% auto}

.evtClip_list {display:flex;flex-direction:column;row-gap:5px}
.evtClip_list::-webkit-scrollbar { display: none; } 
.evtClip_item {display:flex;flex-wrap:wrap;position:relative;padding:12px 23px 17px 22px;border:1px solid #E0E0E0;border-radius:9px;background-color:#FFFFFF;letter-spacing:-0.6px}
.evtClip_item::after {content:'';display:block;width:100%;margin-top:5px;border-bottom:1px dashed #707070}
.evtClip_item.comming-soon {color:#aaaaaa !important;}
.evtClip_item .evtClip_info {flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;padding-right:20px}
.evtClip_item .evtClip_info_badge {display:inline-flex;align-items:center;height:15px;margin-top:-1px;margin-right:4px;padding:1px 7px 0 7px;border-radius:19px;background-color:#6BA543;font-weight:500;font-size:12px;color:#ffffff;vertical-align:top}

.evtClip_item .evtClip_info_title {margin-bottom:10px;font-size:12px;line-height:15px;color:#606060}
.evtClip_item .evtClip_info_price {display:flex;align-items:center;height:25px;font-weight:500;font-size:20px;color:#6BA543}
/* .evtClip_item.comming-soon .evtClip_info_price { color:#aaaaaa} */
.evtClip_item .evtClip_info_price span {margin-left:2px;font-size:15px;color:#585858}
.evtClip_item .evtClip_info_date {display:block;margin-top:4px;font-size:12px}
.evtClip_item.comming-soon .evtClip_info_date {color:#aaaaaa} 
.evtClip_item .evtClip_download {flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.evtClip_item.comming-soon .evtClip_download {border-color:#aaa}
.evtClip_item .evtClip_download .evtClip_download_btn button {font-weight:700;font-size:12px;color:#969696}
.evtClip_item .evtClip_download .event-more {background: 0;display: inline-block;background-size: 45px;height: 20px;text-align: right;/* float: right; */position: absolute;right:50%; margin-right:-29px; font-size: 14px; color: #6e6e6e;}
.evtClip_item .evtClip_download .event-more::after {content: ''; display: inline-block; width: 14px; height: 9px; margin-top: 3px; margin-left: 5px; background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_clip_198.png) 0 -28px no-repeat; background-size: 99px auto; vertical-align: top;}
.evtClip_item.comming-soon .evtClip_download .event-more {display:none;}
.evtClip_item .evtClip_download .evtClip_download_btn button::before {content: '';display:block;width:21px;height:24px;margin:0 auto 6px auto;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_download_42_green.png) no-repeat center/100% auto}
.evtClip_item .evtClip_download .evtClip_download_btn.off button::before {width:27px;height:27px;margin-bottom:4px;background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_54.png)}
/* .evtClip_item.event_cb .evtClip_download .evtClip_download_btn button::before {width: 22px; height: 18px; background-position: -23px -4px;} *//* 캐시백 */
/* .evtClip_item.event_p .evtClip_download .evtClip_download_btn button::before {width: 14px; height: 21px; background-position: -46px -2px;} *//* 포인트 */
/* .evtClip_item.event_auto .evtClip_download .evtClip_download_btn button::before {width: 20px; height: 16px; background-position: -62px -5px;} *//* 자동발급 */
/* .evtClip_item.event_sd .evtClip_download .evtClip_download_btn-wrap {color: #9E9E9E;} *//* 예정 */
/* .evtClip_item.event_sd .evtClip_download .evtClip_download_btn button {background-color: #9E9E9E;} *//* 예정 */
.evtClip_item.comming-soon .evtClip_download .evtClip_download_btn-wrap .event-comming-soon-btn a {background: #9E9E9E url('../img/event/event_collection_comming_soon.png') no-repeat center center;width: 40px;height: 40px;background-size: 40px; display:inline-block;}

.evtClip_item .evtClip_download .evtClip_download_btn-wrap.off .evtClip_download_btn button {background-color:#c1c2c0; color:#c1c2c0}
.evtClip_item.swiper-slide {width:auto;}

.sellerInfo_inner .sellerInfo_txt {margin:0 0 15px;letter-spacing:-1px;line-height:17px;font-size:12px;text-align:center}
.sellerInfo_inner .tableWrap {border-top:1px solid #8f8f8f}
.sellerInfo_inner table {height:250px;width:100%}
.sellerInfo_inner table th, .sellerInfo_inner table td {height:50px;border-bottom:1px solid #ddd;font-size:12px;padding:12px 8px 12px 16px;color:#333;font-weight:400;text-align:left} 
.sellerInfo_inner table th {background:#ececec;border-right:1px solid #ddd}
.sellerInfo_inner .sellerInfo_note {color:#6c6c6c;letter-spacing:-1px;line-height:17px;margin:25px 0;text-align:center;font-size:12px}
.sellerInfo_inner .sellerInfo_btnArea {text-align:center;font-size:14px}
.sellerInfo_inner .sellerInfo_btnArea .sellerInfo_btn {display:inline-block;padding:10px 20px;background:#6ca435;color:#fff;border-radius:7px}
.sellerInfo_inner .sellerInfo_btnArea .sellerInfo_btnInfo {display:block;color:#6ca435;margin:10px 0 0; letter-spacing:-1px}

/* 배송 주소록 */
.oMyAdress * {box-sizing: border-box;}
.oMyAdress .myTit p img {width: 54px;}
.oMyAdress .myShoppingWrap {padding: 0 18px;}
.oMyAdress .addressRegist {margin-top:10px}
.oMyAdress .addressRegist a {display:flex;height:45px;background-color:#f4f4f4;border-radius: 45px;align-items:center;justify-content:center;font-size:14px}
.oMyAdress .addressRegist a:after {content: '\002B'; margin-left: 5px; font-size: 16px;color:#6ba43a}
.oMyAdress a.btn_add:after {content: '\002B'; display:inline-block;margin:0 0 0 7px; font-size: 16px;color:#6ba43a}
.oMyAdress .addressRegist > p {font-size:12px;color:#333;margin:10px 0 25px;text-align:center}
.oMyAdress .addressBook {position:relative}
.oMyAdress .addressBook .adrInfoArea {display:block;padding: 22px 20px 58px; position: relative;cursor: pointer;}
.oMyAdress .addressBook .adrInfoArea input[type='radio'] {position:absolute;left:0;top:0;width:100%;height:100%;border: 1px solid #e6e6e6;border-radius:8px;z-index:-1}
.oMyAdress .addressBook .adrInfoArea input[type='radio']:checked {border-color: #8db864;}
.oMyAdress .addressBook .adrInfoArea input[type='radio']:before {content:'';position:absolute;right:0;bottom:16px;width:16px;height:10px;z-index:1}
.oMyAdress .addressBook .adrInfoArea input[type='radio']:checked:before {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_70_green.png) no-repeat 0 0 / 100% 100%}
.oMyAdress .addressBook .adrInfoArea dl dd {}
.oMyAdress .addressBook .adrInfoArea dl dd.deliveryName {display:flex;align-items:center;font-size:14px}
.oMyAdress .addressBook .adrInfoArea dl dd.deliveryName:before {content:'';display:inline-block;width:14px;height:14px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_location_56_gray.png) no-repeat 0 0 / 100% 100%;margin-right:2px}
.destinationComm .oMyAdress .addressBook .adrInfoArea input[type='radio']:checked+dl .deliveryName:before {content:'';display:inline-block;width:12px;height:12px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_24_gr_2.png) no-repeat 0 0 / 100% 100%;margin-right:2px}
.destinationComm .oMyAdress .addressBook .adrInfoArea input[type='radio']:checked+dl .deliveryName~.zoneCode {color:#333}
.oMyAdress .addressBook .adrInfoArea input[type='radio']:checked + dl dd.deliveryName:before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_location_56.png);}
.oMyAdress .addressBook .adrInfoArea dl dd.deliveryName em.tag_default {display:inline-flex;height:22px;border-radius:3px;align-items: center;margin:0 0 0 3px;font-size:11px}
.oMyAdress .addressBook .adrInfoArea dl dd.deliveryName em.tag_selected {display:inline-flex;height:22px;border-radius:3px;align-items: center;margin:0 0 0 6px;font-size:11px;background:#f4f4f4;padding:0 4px;}
.oMyAdress .addressBook .adrInfoArea dl dd.zoneCode {font-weight:500;margin:13px 0 10px;line-height:1.2;font-size:14px}
.oMyAdress .addressBook .adrInfoArea dl dd.receiveTel {margin-left:5px;padding-left:6px;position:relative;}
.oMyAdress .addressBook .adrInfoArea dl dd.receiveTel:before {content:'';width:1px;height:10px;background-color:#e0e0e0;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.oMyAdress .addressBook .adrInfoArea dl dd.txt_deliType {color:#6ba43a;margin-top:10px}
.oMyAdress .addressBook .packBox {display:flex}
.oMyAdress .addressBook .btnArea {position:absolute;left:16px;bottom:16px;display:flex}
.oMyAdress .addressBook .btnArea a {display: inline-block;background-color:#f4f4f4;margin-right:6px;padding:7px 11px;border-radius:15px;color:#6b6b6b;}

/* 배송지 등록 */
.oDeiveryRegist .deliveryRegist {padding: 20px 18px;}
.destinationInput .deliveryRegist {padding: 0 !important;}
.oDeiveryRegist .deliveryRegist .adrInfoBox {margin-top:30px;}
.oDeiveryRegist .deliveryRegist .adrInfoBox:first-child {margin-top:5px;}
.oDeiveryRegist .deliveryRegist .adrInfoBox dt {margin-bottom:12px;font-size:14px}
.oDeiveryRegist .deliveryRegist .adrInfoBox dt em {color: #bf2523;display:none}
.oDeiveryRegist .deliveryRegist .adrInfoBox dd {flex-grow: 1;}
.oDeiveryRegist .deliveryRegist .adrInfoBox dd input {width: 100%; border-radius: 5px;height:45px;font-size:13px;padding:0 16px}
.oDeiveryRegist .deliveryRegist .adrInfoBox dd input[type="radio"] {width:0}
.oDeiveryRegist .deliveryRegist .adrInfoBox dd .addBox1 {display: flex;}
.oDeiveryRegist .deliveryRegist .adrInfoBox dd .addBox1 a.findBtn_ad {flex-shrink: 0; margin-left: 5px; padding: 10px 15px; border: 1px solid #e6e6e6; border-radius: 5px;background: #f4f4f4;display:inline-flex;align-items: center;color:#828282}
.oDeiveryRegist .deliveryRegist .adrInfoBox dd .addBox1 input.inbox3 {flex-grow: 1;}
.oDeiveryRegist .deliveryRegist .adrInfoBox dd .addBox2 input {margin-top: 10px;}
.oDeiveryRegist .deliveryRegist .adrInfoBox dd .addBox2 .warningTxt {display: none; color: #bf2523; padding-top: 5px; word-break: keep-all; font-weight: 600; line-height: 16px;}
.oDeiveryRegist .deliveryRegist .adrInfoBox dd .check {position: relative; display: block; padding-top: 15px; }
.oDeiveryRegist .deliveryRegist .adrInfoBox dd .check input[type="checkbox"] {position: absolute; left: -99999px; display: inline-block;}
.oDeiveryRegist .deliveryRegist .adrInfoBox dd .check label::before {content: ''; display: inline-block; width:24px; height:24px; margin: -5px 4px 0 0; border-radius: 50%; border: 1px solid #e5e5e5; vertical-align: top;background:#e0e0e0 url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_50_white_2.png) no-repeat 50% 50% / 58% auto}
.oDeiveryRegist .deliveryRegist .adrInfoBox dd .check input[type="checkbox"]:checked + label::before {border-color: #6ca437; background-color:#6ca437 }
.oDeiveryRegist .deliveryRegist .deliveryBtn {display:block;padding: 40px 0 50px 0;}
.oDeiveryRegist .deliveryRegist .deliveryBtn a {display:flex;align-items:center;justify-content: center;height:50px;border-radius:5px;color: #333;float:none;text-align:center;font-size:14px;width:100%;border:1px solid #e0e0e0}
.oDeiveryRegist .deliveryRegist .deliveryBtn a+a {margin-top:12px}
.oDeiveryRegist .deliveryRegist .deliveryBtn .btnSave {background:#6ca437;color:#fff;border-color:#6ca437}
.oDeiveryRegist .btm_inforTxt {color:#f40505;font-size:12px;margin-top:8px}


.oDeiveryRegist .deliveryRegist .adrInfoBox.agreeDeliveryCont {border-top: 8px solid #F7F7F7;margin: 30px -18px 0;padding: 20px 18px 0;}
.oDeiveryRegist .deliveryRegist .adrInfoBox.agreeDeliveryCont > p {font-size:12px;line-height:1.5;margin-top:10px}
.oDeiveryRegist .deliveryRegist .adrInfoBox .btmTermsBox {margin-top:14px;border:1px solid #e0e0e0;padding:15px 18px;font-size:12px;color:#6b6b6b}
.oDeiveryRegist .deliveryRegist .adrInfoBox .btmTermsBox dt {padding-bottom:3px;margin-bottom:0;font-size:12px}
.oDeiveryRegist .deliveryRegist .adrInfoBox .btmTermsBox dd {padding-left:10px;margin-top:5px}
.oDeiveryRegist .deliveryRegist .adrInfoBox .btmTermsBox dd strong {display:inline-block;width:46px;font-weight:normal;margin-right:10px}
.oDeiveryRegist .deliveryRegist .adrInfoBox .btmTermsBox dd b {font-weight: 500;}

/* 주문관리 */
.oOrderControl {position: relative; padding-bottom: 30px;}
.oOrderControl .odTop {position: relative;padding:0 16px}
.oOrderControl .odTop .odDate a {display: inline-block; width: 100%; font-size: 14px; line-height:19px; }
.oOrderControl .odTop .odDate a b {font-weight:bold;font-size:17px}
.refundList .oOrderControl .odTop .odDate a {font-size:14px}
.refundList .oOrderControl .odTop .odDate a b {display:block;padding-bottom:6px}
.oOrderControl .odTop .odDate a b + span { display:inline-block; table-layout:fixed; width: calc(100% - 130px); line-height:19px; vertical-align:top; }
.oOrderControl .odTop .odDate a em { display:table-cell; }
.oOrderControl .odTop .odDate a em span { /*overflow: hidd4en; display: inline-block; max-width: calc(100% - 135px); text-overflow: ellipsis; white-space: nowrap;*/ vertical-align:top; display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all;}
.oOrderControl .odTop .odDate a em + span { display:table-cell; }
.oOrderControl .odTop .odDetailView {position: absolute; bottom: 15px; right: 19px; width: 65px; padding-top: 2px; font-size: 14px; color: #828282; text-align: right;}
.oOrderControl .odTop .odDetailView::after {content: '\003e'; display: inline-block; vertical-align: top;}
.oOrderControl .odTop .odTotalPrice {padding-top:6px; font-size: 14px;}
.oOrderControl .odTop .deliUserName {position:absolute;right:16px;bottom:0}

.reOrder { display: inline-block; background: #e36f0d; padding: 5px; border-radius: 5px; color: #fff; margin-right: 7px;}
/* .oOrderControl .odTotalPrice em {font-size: 10px;} */
.oOrderControl .odBox {position:relative;margin:13px 16px 0;padding-top:20px;border:0;border-radius:8px;background:#FFFFFF;box-shadow:3px 3px 10px rgba(0,0,0,0.03)}
.oOrderControl .odBox + .odBox {margin-top: 10px;}
.oOrderControl .odBox .odStatus {display: flex; align-items: center; justify-content: space-between; width: 100%;padding:0 13px 12px 17px;font-size: 14px}
.oOrderControl .odBox .odStatus .dlvStatus {flex-grow: 1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; font-size: 14px;}
.oOrderControl .odBox .odStatus .statusTxt {flex-shrink: 0; width: 60px; margin-right: 7px; font-size: 13px; color: #6ba543; text-align: right;font-weight:600}
.oOrderControl .odBox .odPdArea .odLink {display: flex; flex-wrap: wrap; align-items: center; padding:0 17px 20px 17px; font-size: 14px;}
.oOrderControl .odBox .odPdArea .odImg {overflow: hidden; flex-shrink: 0; position: relative; width: 60px; height: 60px; border-radius: 8px;}
.oOrderControl .odBox .odPdArea .odImg::before {content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.02);}
.oOrderControl .odBox .odPdArea .odProduct {flex:1;padding: 0 0 0 11px;/* -webkit-tap-highlight-color:transparent */}
.oOrderControl .odBox .odPdArea .odProduct .pdName {display:inline-flex; position: relative; font-size: 14px;margin-bottom:6px;align-items: center ;padding-right:8px;-webkit-tap-highlight-color:transparent}
.oOrderControl .odBox .odPdArea .odProduct .pdName .odCount {flex-shrink: 0; max-width: 60px; text-align: right;}
.oOrderControl .odBox .odPdArea .odProduct .pdName .odFstTit {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:1.286}
.oOrderControl .odBox .odPdArea .odProduct .pdName .odFstTit br {display:none}
.oOrderControl .odBox .pdPriceCont {display:flex;align-items: center;}
.oOrderControl .odBox .pdPriceCont .odDetailView {color:#6b6b6b;font-size:13px;margin-left:4px;display:inline-flex;align-items:center}
.oOrderControl .odBox .pdPriceCont .odDetailView::after {content:"";display:inline-block;width:5px;height:5px;border-top:.3vw solid #6b6b6b;border-left:.3vw solid #6b6b6b;transform:rotate(135deg);margin-left:2px}
.oOrderControl .odBox .pdPrice {font-size:14px}
.oOrderControl .odBox .pdPrice span {font-weight: bold;font-size:15px}
.oOrderControl .odBox .pdPoint {margin-top:3px}
.oOrderControl .odBox .pdPoint .refundPoint {font-weight:700;font-size:15px;line-height:17px}
.oOrderControl .odBox .pdPoint .refundRequest {display:block;margin-top:4px;font-size:13px;line-height:16px}
.oOrderControl .odBox .odPdArea .odProduct .pdPrice em {font-size: 12px;}
.oOrderControl .odBox .odPdArea .odProduct .odDetail {padding-top: 14px; color: #6ba543; font-size: 12px; letter-spacing: -0.25px;}
.oOrderControl .odBox .odPdArea .odProduct .odDetail::after {content: '\FE65'; display: inline-block; vertical-align: top;}
/* 환불완료/반려 */
/* .selfRefundWrap:has(:is(.refundComplete, .myRefundEmpty)) .gbnInfo {padding-bottom:12px} */
.selfRefundWrap .tabStyle2 {margin:-5px 0 30px 0}
.selfRefundWrap .tabStyle2 .tabItem {padding:0 13px;border-color:#EEEEEE;font-size:14px;color:#6B6B6B}
.selfRefundWrap .tabTitle {display:block;margin:7px 0 20px 0;padding:0 16px;font-weight:700;font-size:17px;line-height:20px}
.refundList.refundComplete {padding-bottom:30px}
.refundList.refundComplete:has(+.refundComplete ) {padding-bottom:24px}
.refundList.refundComplete .oOrderControl {padding-bottom:3px}
/* .refundList.refundComplete .oOrderControl .odTop {display:none} */
.refundList.refundComplete .oOrderControl .odTop {margin-bottom:-3px}
.refundList.refundComplete .oOrderControl .odTop .odDate a {font-size:12px;line-height:18px}
.refundList.refundComplete .oOrderControl .odTop .odDate a b {display:inline-block;padding-bottom:0;font-weight:500;font-size:15px;line-height:18px;vertical-align:top}

.oOrderControl .odBox .odPdBtn {display:flex;width:100%;margin-top:15px;gap:0 5px}
.oOrderControl .odBox .odPd_searchEndKey+.odPdBtn {display:none}
.oOrderControl .odBox .odPdBtn a {flex:1;height:35px;border:1px solid #E0E0E0;border-radius:3px;background:#fff;font-size:13px;color: #333;display:inline-flex;align-items: center;justify-content: center;}
.oOrderControl .odBox .odPdBtn a.btnDecide {background: #6ba543; border-color: #6ba543; color: #fff;}
.oOrderControl .odBox .odPdBtn .badgeDecide {flex-grow: 1; width: 100%; height: 30px; margin: 13px 0 0 11px; border: 1px solid #6ba543; border-radius: 4px; background: #fff; font-size: 12px; color: #6ba543; line-height: 30px; text-align: center;}
.oOrderControl .odBox .odPdBtn a:first-child,
.oOrderControl .odBox .odPdBtn span:first-child {margin-left: 0;}

.oOrderControl .odBox .odPd_searchEndKey {width:100%;border-top:1px solid #F5F5F5;padding-top:12px;margin-top:15px}
.oOrderControl .odBox .odPd_searchEndKey::before {content:'';display:inline-block;width:18px;height:18px;border-radius:3px;background:#F4F4F4 url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_search_42.png) no-repeat center center / 10px 10px;position: relative;bottom: -4px;}
.oOrderControl .odBox .odPd_searchEndKey li {display:inline;line-height: 1.7;font-size:13px}
.oOrderControl .odBox .odPd_searchEndKey li br {display:none}
.oOrderControl .odBox .odPd_searchEndKey li::after {content:',';margin-right:4px}
.oOrderControl .odBox .odPd_searchEndKey li:last-child::after {display:none}
.oOrderControl .odBox .odPd_searchEndKey li em {color:#D37E0B}

.oOrderControl .odBox .odBtnB { border-top:1px solid #e0e0e0; }
.oOrderControl .odBox .odBtnB a { display:block; background-color:#f7f7f7; line-height:43px; text-align:center; }
.myOrderWrap .btnListMore {padding: 8px 0 30px 0;}
.myOrderWrap .btnListMore a {display: inline-block; width: 100%; height: 30px; font-size: 12px; line-height: 30px; background: #f7f7f7; text-align: center;}
.myOrderWrap .btnListMore a::after {content: ''; display: inline-block; width: 4px; height: 4px; margin: 11px 0 0 8px; border: 1px solid #333; border-width: 0 1px 1px 0; border-radius: 0 0 2px 0; transform: rotate(45deg); vertical-align: top;}

/* 주문상세 */
.oOrderDetail *, .oOrderDetail *::before, .oOrderDetail *::after {box-sizing: border-box;}
.oOrderDetail {padding: 0; background: #fff; font-family: 'Spoqa Han Sans Neo';}
.oOrderDetail.pb60 {padding-bottom:60px}
.oOrderDetail section {border-top: 8px solid #F4F4F4;}
.oOrderDetail .odTopInfo {border-top: 0;}
.oOrderDetail .odTopInfo .odBasicInfo {display:flex;flex-wrap:wrap;column-gap:4px;position:relative;padding:21px 80px 12px 16px;background:#F4F4F4;letter-spacing:-0.3px}
.oOrderDetail .odTopInfo .odBasicInfo .odDate {font-size:16px}
.oOrderDetail .odTopInfo .odBasicInfo .receiver {flex:1;display:flex;align-items:flex-end;margin-bottom:1px}
.oOrderDetail .odTopInfo .odBasicInfo .name {overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;max-width:calc(100% - 55px);height:13px}
.oOrderDetail .odTopInfo .odBasicInfo .odNum {width:100%;margin-top:9px}
.oOrderDetail .odTopInfo .odBasicInfo .deliArr_img {display:none;width:50px;height:50px;position:absolute;right:16px;top:11px;border-radius:10px;overflow:hidden}
.oOrderDetail .odTopInfo .odBasicInfo .deliArr_img img {width:100%;height:100%;object-fit:cover;}
body:has(.oDialog_img) {position:fixed}
.oOrderDetail .odTopInfo .odBasicInfo .odPdBtn {position: absolute; top: 14px; right: 16px;}
.oOrderDetail .odTopInfo .odBasicInfo .odPdBtn a {display: inline-block; height: 30px; padding: 0 13px; border: 1px solid #828282; border-radius: 4px; background: #fff; color: #333; font-size: 12px; line-height: 30px; text-align: center;}
.oOrderDetail .odTopInfo .odBasicInfo .badgeReorder {font-weight:700;font-size:15px;color:#0C520A}
.oOrderDetail .odStep {padding:11px 14px 22px;background:#F5F5F5}
.oOrderDetail .odStep ul {display:flex;width: 100%;}
.oOrderDetail .odStep ul li {flex:1;position: relative;text-align: center;font-size: 12px;padding-top:21px}
.oOrderDetail .odStep ul li::before {content: ''; position: absolute; left: -50%; top:4px; width: 100%; height: 0; border-top:1px dashed #ccc}
.oOrderDetail .odStep ul li:nth-child(2).stepOn::before {background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_grayBlack_8.png); background-size: 4px 2px;}
.oOrderDetail .odStep ul li:first-child::before {display: none;}
.oOrderDetail .odStep ul li::after {content: ''; position: absolute; top: 0; left: 50%;transform:translateX(-50%); width:10px; height:10px;border-radius: 50%; background: #ccc; z-index: 1;}
.oOrderDetail .odStep ul li.stepOn.on {font-weight:700;color:#6BA43A;}
.oOrderDetail .odStep ul li.stepOn::before {background: #6ba543;}
.oOrderDetail .odStep ul li.stepOn + .stepOn::before {background: #ccc;}
.oOrderDetail .odStep ul li.stepOn.on::after {background-color:#6BA43A}

.oOrderDetail .odCartBtn {display:flex;flex-wrap:wrap;padding: 31px 12px; border-top: 11px solid #f7f7f7; text-align: center;margin-left:0}
.oOrderDetail .odCartBtn .checkAllBtn {width:100%}
.oOrderDetail .odCartBtn a {flex:1;min-width:calc((100% / 2) - 10px);height: 34px; margin: 0 5px 10px 5px; padding: 0 16px; border-radius: 5px; font-size: 14px; line-height: 34px}
.odrBtn {display:flex;flex-wrap:wrap;gap:9px;padding-top:20px}/* 주문상세 버튼 */
.odrBtn a {flex:1;min-width:calc((100% - 9px) / 2);height:45px;margin-left:0!important;border-radius:3px;font-size:14px;line-height:45px}
section.odrBtn {padding-left:16px;padding-right:16px}
.oOrderDetail .odInfo {padding:21px 16px 20px 16px}
.oOrderDetail .odInfo .odTit a {font-weight:700;font-size:15px;line-height:1.2;}
.oOrderDetail .odInfo .odPriceBox {margin-top:12px;padding-top:7px}
.oOrderDetail .odInfo .odPriceBox:last-child {margin-bottom:-9px}
.oOrderDetail .odInfo .odPriceBox + .odPriceBox {margin-top:6px;padding-top:12px}
.oOrderDetail .odInfo .odTit a::after {width:8px;height:8px;margin:4px 2px 0 0;border:solid #212121;border-width:0 1px 1px 0;background:0;transform:rotate(-135deg);transition:all .2s}
.oOrderDetail .odInfo.close .odTit a::after {margin-top:-1px;transform:rotate(45deg)}
/* 주문상세 수정.. */
.deliveryBox .check {position: relative; vertical-align: top;}
.deliveryBox .checkAllBtn {padding-bottom: 17px;}
.oOrderDetail .deliveryBox {padding-bottom:14px;/* border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;background: #F5F5F5 */}
.oOrderDetail .deliveryBox .odCartBtn {margin: 0; padding: 18px 17px 16px 17px;}
.oOrderDetail .deliveryBox .odCartBtn a {max-width: 122px;padding: 0 10px; font-size: 12px;}
/* .oOrderDetail .deliveryBox:last-of-type {margin-bottom: 21px;} */
.oOrderDetail .deliveryBox .boxTop {display: flex; align-items: center; justify-content: space-between;margin:20px 16px;padding: 0 0 13px 0;border-bottom:1px solid #333;font-size: 14px}
.oOrderDetail .deliveryBox .boxTop .seller {font-weight: 500;font-size:15px}
.oOrderDetail .deliveryBox .odTopBtn {flex-shrink: 0;margin-left:auto;display:flex}
.oOrderDetail .deliveryBox .odTopBtn a {display: inline-flex;align-items: center; justify-content: center; height: 33px; padding: 0 7px; border-radius: 4px; border: 1px solid #6BA43A;color: #6BA43A;font-size:13px;background: #fff;}
.oOrderDetail .deliveryBox .odTopBtn a.deliveryDone {background: #0C520A;color:#fff;border-color:#0C520A}
.oOrderDetail .deliveryBox .odTopBtn a + a {margin-left:4px}

.oOrderDetail .oPdArea {padding:0 16px;border:0}
.oOrderDetail .oPdArea .odList {padding: 0;}
/* .oOrderDetail .odDelivery  {padding:20px 16px 12px 16px;background: #fff;border-radius:10px;border:1px solid #EEE} */
.oOrderDetail .oPdArea .odPdList + .odPdList {border-color:#f4f4f4;position:relative}
.oOrderDetail .oPdArea .odPdList + .odPdList::after{content:'';width:30px;height:1px;background:#fff;position:absolute;left:0;top:-1px}
.oOrderDetail .oPdArea .badge_keepStatus {margin-bottom:-4px}
.oOrderDetail .oPdArea .badge_keepStatus strong {height:21px}
.oOrderDetail .oPdArea .odPdList + .badge_keepStatus {margin-top:8px}
/* .oOrderDetail .oPdArea .odPdList + .badge_keepStatus {margin-top:12px} */
.oOrderDetail .oPdArea .odPdTop {align-items:flex-start}
.oOrderDetail .oPdArea .odPdInfo {flex-wrap:wrap}
.oOrderDetail .oPdArea .odPdTop .check {width:30px}
.oOrderDetail .oPdArea .odPdTop .odPdInfo .odReserveDate {display:block;margin-bottom:3px;font-size:12px;color:#691307}
.oOrderDetail .oPdArea .odPdTop .odPdInfo .odReserveDate .reserveReceiveDate {font-weight:700}
.oOrderDetail .oPdArea .odPdTop .odPdInfo .odReserveDate a {display:inline-block;width:16px;margin:-1px 0 0 4px;vertical-align:top}
.oOrderDetail .oPdArea .odPdTop .odPdInfo .odPdImg {width:70px}
.oOrderDetail .oPdArea .odPdTop .odPdInfo .odPdImg a {display:block;}
/* .oOrderDetail .oPdArea .odPdTop .odPdInfo {flex-wrap: wrap;} */
.oOrderDetail .oPdArea .odPdBtn {flex-shrink:0;display:flex;gap:0 6px;width:100%;padding:0}
.oOrderDetail .oPdArea .odPdBtn a, .oOrderDetail .oPdArea .odPdBtn span {flex:1;height:35px;margin:10px 0 0 0;border-color:#E0E0E0;border-radius:4px;font-size:13px;line-height:35px;color:#333}
.oOrderDetail .oPdArea .odPdBtn span {color:#6B6B6B}
.oOrderDetail .oPdArea .odPdBtn .btnDecide {border-color:#6ba543;background:#fff;color: #6ba543;}
.oOrderDetail .deliveryBox .checkAllBtn {padding:0}
.oOrderDetail .deliveryBox .check label {font-weight:700;font-size:15px}
.oOrderDetail .oPdArea .odPdTop .odPdInfo .odPdTxt {padding:0 15px 0 8px}
.oOrderDetail .oPdArea .odPdTop .odPdInfo .odPdTxt .pdTit {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;height:auto;max-height:36px;padding-top:0;font-size:13px;line-height:18px;}
.oOrderDetail .oPdArea .odPdTop .odPdInfo .odPdTxt .pdTit .addBadge {margin-top:2px}
.oOrderDetail .oPdArea .odPdTop .odPdInfo .odPdTxt .pdPrice {display:inline-block;padding-top:7px;font-weight:400;font-size:14px;line-height:16px;vertical-align:top}
.oOrderDetail .oPdArea .odPdTop .odPdInfo .odPdTxt .pdPrice::after {content:'';display:inline-block;width:1px;height:10px;margin:3px 5px 0 2px;background:#E0E0E0;vertical-align:top}
.oOrderDetail .oPdArea .odPdTop .odPdInfo .odPdTxt .pdPrice span + span::before {content: ''; display: inline-block; width: 1px; height: 14px; margin: 3px 8px 0 6px; background: #545454; vertical-align: top;}
.oOrderDetail .oPdArea .odPdTop .odPdInfo .odPdTxt .pdCount {display:inline-block;padding-top:7px;line-height:16px;color:#6B6B6B;vertical-align:top}
.oOrderDetail .odrBtn {padding-top:16px;padding-bottom:16px}
.oOrderDetail .odrBtn:last-child {padding-top:20px;padding-bottom:20px}
/*.oOrderDetail .odrBtn:last-child a {height:45px;line-height:43px}*/

.oPdArea .check {position: relative; vertical-align: top;}
.oPdArea .check input {position: absolute; left: -99999px; display: inline-block;}
.oPdArea .check label {height: 20px; font-size: 14px; line-height: 20px; vertical-align: top;}
.oPdArea .checkAllBtn {padding: 17px 16px; border-bottom: 2px solid #f7f7f7;}
.oPdArea .odList {padding: 0 16px;}
.oPdArea .odPdList {padding: 16px 0}
.oPdArea .odPdList + .odPdList {border-top: 1px solid #f7f7f7;}
.oPdArea .odPdTop {display: flex; align-items: center;}
.oPdArea .odPdTop .check {flex-shrink: 0; width: 29px;}
.oPdArea .odPdTop .check label {position:absolute;top:0;left:0;width:100px;height:70px;color:transparent;z-index:1;cursor:pointer}
.oPdArea .odPdTop .odPdInfo {display: flex; flex-grow: 1; width: calc(100% - 29px);}
.oPdArea .odPdTop .odPdInfo .odPdImg {flex-shrink: 0; width:70px;}
.oPdArea .odPdTop .odPdInfo .odPdImg a {overflow: hidden; display: inline-block; width: 70px; height: 70px; border-radius: 8px; filter: brightness(.97);}
.oPdArea .odPdTop .odPdInfo .odPdTxt {padding-left: 10px; flex-grow: 1; width: calc(100% - 112px); line-height: 16px;}
.oPdArea .odPdTop .odPdInfo .odPdTxt .pdTit {overflow: hidden; display: block; width: 100%; padding-top: 3px; text-overflow: ellipsis; white-space: nowrap;}
.oPdArea .odPdTop .odPdInfo .odPdTxt .pdTit .addBadge {display: inline-block; width: 15px; height: 15px; padding: 0 4px; border-radius: 3px; background: #333; color: #fff; font-size: 14px; line-height: 17px; vertical-align: top;}
.oPdArea .odPdTop .odPdInfo .odPdTxt .pdPrice {padding-top: 4px; font-weight: 500;}
.oPdArea .odPdTop .odPdInfo .odPdTxt .pdNum {padding-top: 8px; font-size: 12px; color: #828282;}
.oPdArea .odPdTop .odPdInfo .odPdTxt .pdOption {display: flex; padding-top: 2px; font-size: 12px; color: #828282;}
/* .oPdArea .odPdTop .odPdInfo .odPdTxt .pdOption dt {flex-shrink: 0; width: 27px; display: inline-block; height: 14px; margin: 1px 3px 0 0; padding: 0 2px; border: 1px solid #828282; border-radius: 2px; font-size: 11px; line-height: 14px;} */
.oPdArea .odPdTop .odPdInfo .odPdTxt .pdOption dd {flex-grow: 1; width: 100%;}
.oPdArea .odPdTop .odPdInfo .odPdTxt .pdOption dd p {padding-top: 2px;}
.oPdArea .odPdTop .odPdInfo .odPdTxt .pdOption dd p:first-child {padding-top: 1px;}
.oPdArea .odPdTop .odPdInfo .btnPacking {flex-shrink: 0; width: 30px; height: 30px; padding: 5px 2px; border-radius: 4px; background: #eee; line-height: 11px; font-size: 10px; color: #828282; text-align: center;}
.oPdArea .odPdBtn {padding: 10px 0 0 109px;}
.oPdArea .odPdBtn a,
.oPdArea .odPdBtn span {display: inline-block; width: calc((100% / 3) - 4px); height: 30px; margin-top: 5px; border: 1px solid #333; border-radius: 4px; background: #fff; font-size: 12px; color: #333; line-height: 30px; text-align: center;}
.oPdArea .odPdBtn .btnDecide {border-color: #6ba543; background: #6ba543; color: #fff;}
.oPdArea .odPdBtn .badgeDecide {border-color: #6ba543; background: #fff; color: #6ba543;}
.oPdArea .odrBtn a {font-weight:400}

dl.pdOption {display:flex;margin:-2px 0 6px;font-size:12px;color:#828282;align-items:center}
dl.pdOption dt {flex-shrink:0;width:27px;display:inline-block;height:14px;margin:0 3px 0 0;padding:0 2px;border:1px solid #828282;border-radius:2px;font-size:11px}
dl.pdOption dd {flex-grow:1;width:100%}

.reservDate {font-size:11px; color: #000;}
.reservDate a {display: inline-block; width: 15px; height: 15px; margin-top: -1px; vertical-align: top;}

.odInfo {position: relative; padding: 20px 16px;}
.odInfo .odTit {position: relative;}
.odInfo .odTit a {position: relative; display: inline-block; width: 100%; font-size: 14px; color: #333;}
.odInfo .odTit a::after {content: ''; display: inline-block; position: absolute; top: 4px; right: 0; width: 10px; height: 7px; background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_50.png) 0 -2px no-repeat; background-size: 10px 10px; transform: rotate(180deg);}
.odInfo .odPriceBox {margin-top: 16px; padding-top: 16px; border-top: 1px solid #EEEEEE; font-size: 14px; letter-spacing:-0.3px; color: #333;}
.odInfo .odPriceBox.rgt dd {text-align:right}
.odInfo .odPriceBox .boxSet {display:flex;flex-wrap:wrap;padding:5px 0 7px 0;font-size:13px;line-height:1.38;word-break: keep-all}
.odInfo.close .odTit a::after {transform: rotate(0deg);}
.odInfo.close .odPriceBox {display: none;}
.odInfo .odPriceBox .boxSet dt {flex-shrink:0;width:81px;color:#6B6B6B;}
.odInfo .odPriceBox .boxSet dt .beforeDeposit {color:#bf2523}
.odInfo .odPriceBox .boxSet dd {flex:1}
.odInfo .odPriceBox .boxSet dd .alertTxt {display:block;padding-top:4px;color:#6B6B6B}
.odInfo .odPriceBox .boxSet .col-g {flex:0 0 100%;margin-top:6px;font-weight:500;color:#0C520A}

.odInfo .odPriceBox .boxSet_label {font-size:12px;color:#6b6b6b;display:inline-flex;height:20px;padding:2px 5px 0;align-items:center;justify-content:center;margin-left:4px;border:1px solid #E0E0E0;background:#f4f4f4;}
.odInfo .odPriceBox .boxSet_inGrayBox {width:100%;margin:10px 0 5px;border:1px solid #E0E0E0;background:#F4F4F4;padding:16px;font-size:13px}
.odInfo .odPriceBox .boxSet_inGrayBox p {color:#6B6B6B}
.odInfo .odPriceBox .boxSet_inGrayBox strong {font-weight:500;position:relative;padding-left:10px;display:inline-block;margin-top:2px}
.odInfo .odPriceBox .boxSet_inGrayBox strong::before {content:'';width:1px;height:7px;background:#333;position:absolute;left:0;top:2px}
.odInfo .odPriceBox .boxSet_inGrayBox strong::after {content:'';width:7px;height:1px;background:#333;position:absolute;left:0;top:8px}

.odInfo .odPriceBox .odPriceTotal {align-items:flex-end;/* padding-bottom:2px; */font-weight:700;font-size:15px;color:#333}
.odInfo .odPriceBox .odPriceTotal dt {color:#333}
.odInfo .odPriceBox .odPriceTotal + .boxSet {padding-top:0}

.odInfo .odPriceBox .useCouponInfo {display:block;padding: 15px;background: #f3f7e7;margin: 10px 0;}
.odInfo .odPriceBox .useCouponInfo table {width:100%;}
.odInfo .odPriceBox .useCouponInfo table tr {margin:5px 0}
.odInfo .odPriceBox .useCouponInfo table th {text-align:left; margin:5px 0; display:block}
.odInfo .odPriceBox .useCouponInfo table td {text-align:right;}

.odInfo .odTable {display:block;margin:11px 0 -1px 0;padding:15px 0 6px 0;border-top:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE}
.odInfo.close .odTable {display: none;}
.odInfo .odTable .odHistoryTable {width: 100%;}
.odInfo .odTable .odHistoryTable tbody tr {padding: 0 15px;border-top:1px dashed #E0E0E0}
.odInfo .odTable .odHistoryTable tbody tr:first-child {border-top:0}
.odInfo .odTable .odHistoryTable th,.odInfo .odTable .odHistoryTable td {padding: 10px 0 8px 0;font-size: 12px}
.odInfo .odTable .odHistoryTable th {padding: 0 0 7px 0;font-weight:400}
.odInfo .odTable .odHistoryTable td {color:#6B6B6B;text-align: center}
.odInfo .odTable .odHistoryTable td:last-of-type {color:#333}

.appendOdInfo .odPriceBox .appendOrderTit {display:flex;align-items:center;padding: 4px 0; color: #333; font-size:13px; line-height: 20px;}
.appendOdInfo .odPriceBox .appendOrderTit .orderPaymentType {font-weight:700}
.appendOdInfo .odPriceBox .appendOrderTit .btnAppend {margin-left:auto}
.appendOdInfo .odPriceBox .appendOrderTit .btnAppend span {display: inline-block; height: 25px; padding: 0 6px; border: 1px solid #6ba543; border-radius: 3px; background: #6ba543; font-size: 13px; color: #fff; line-height: 25px; text-align: center; vertical-align: top;}
.appendOdInfo .odPriceBox .appendOrderTit .btnAppend span.btnCancelComplete {border-color: #6ba543; background: #fff; color: #6ba543;}
.appendOdInfo .odPriceBox .appendOrderTit .btnAppend a {display: inline-block; width: 100%; height: 100%;}
.oOrderDetail .appendOdInfo .odPriceBox + .odPriceBox {margin-top:5px;padding-top:12px}
.appendOdInfo .odPriceBox .boxSet {padding-left:10px;padding-right:10px}
.appendOdInfo .odPriceBox .odPriceTotal dt {font-weight:400;font-size:13px}

/* .odCartBtn {margin-left: -10px; padding: 16px 32px 24px 32px;}
.odCartBtn a {display: inline-block; width: calc((100% / 2) - 14px); height: 30px; margin: 8px 0 0 10px; border: 1px solid #828282; border-radius: 4px; color: #333; text-align: center; line-height: 30px;}
.odCartBtn a.rebuy {border-color: #6ba543; color: #6ba543;}
.odCartBtn a.keepShopping {border-color: #6ba543; background-color: #6ba543; color: #fff;}
.odCartBtn a.odCancel {width: calc(100% - 14px); border-color: #6ba543; background-color: #6ba543; color: #fff;} */

.oOrderDetail .odDeliveryInfo a.dvEdit {position: absolute; top: 13px; left: 95px; width: auto; height: 30px; border: 0; background: transparent; font-size: 12px; color: #828282; line-height: 30px; z-index: 2;}
.oOrderDetail .odDeliveryInfo a.dvEdit::after {content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 2px; border: 1px solid #ccc; border-width: 1px 1px 0 0; background: 0; transform: rotate(45deg); transform-origin: 70% 30%; vertical-align: middle;}
/* .oOrderDetail .odDeliveryInfo .boxSet dd {text-align: left;} */

.packingPopWrap {visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); transition: all .2s ease-out; z-index: 700;}
.packingPopWrap.on {visibility: visible; opacity: 1;}
.packingPopWrap .popHeader .popClose {display: inline-block; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_39.png) no-repeat; background-size: 20px 20px;}
.packingPopWrap .popBody {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); width: 90%; margin: 0 auto;}
.packingPopWrap .popBody .popHeader {position: relative;}
.packingPopWrap .popBody ul li {width: 100%;}
.packingPopWrap .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px; background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_right_63.png) no-repeat; background-size: 25px auto; opacity: 1;}
.packingPopWrap .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px; background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_left_63.png) no-repeat; background-size: 25px auto; opacity: 1;}

/** 장바구니 수량제한팝 **/
.cannotBuyProductPop {display: none; position: fixed; top: 50%;left: 0; right:0; transform: translateY(-50%); width: 90%; margin: 0 auto; background: #ffffff; border-radius:10px; z-index: 99999999;}
.cannotBuyProductPop-wrap {padding:50px 35px 45px 35px; text-align:center;}
.cannotBuyProductPop-wrap h3 {font-size:16px; font-weight:bold}
.cannotBuyProductPop-wrap h3::before{content: '!'; display: inline-block; width: 17px; height: 17px; margin-right: 5px; border-radius:50%; color:#fff; background:#000; font-size: 12px; line-height: 17px; vertical-align: top;}

.cannotBuyProductPop-wrap .cannot-product-wrap {margin-top:25px;}
.cannotBuyProductPop-wrap .cannot-product-wrap ul::after {content: ''; display: block; clear: both;}
.cannotBuyProductPop-wrap .cannot-product-wrap ul li {width: 48%; float: left; margin-bottom: 16px;}
.cannotBuyProductPop-wrap .cannot-product-wrap ul li:last-child {margin-left: 26%;}
.cannotBuyProductPop-wrap .cannot-product-wrap ul li + li:last-child {margin-left: 4%;}
.cannotBuyProductPop-wrap .cannot-product-wrap ul li + li:nth-child(2n) {margin-left: 4%;}
.cannotBuyProductPop-wrap .cannot-product-wrap ul li + li:nth-child(2n+1) {margin-left: 0;}
.cannotBuyProductPop-wrap .cannot-product-wrap .cannot-product-image-wrap {overflow: hidden; border-radius: 10px;}
.cannotBuyProductPop-wrap .cannot-product-wrap .cannot-product-wrap__title {overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap; width: 100%; display: inline-block; margin-top:10px; margin-bottom:5px;}
.cannotBuyProductPop-wrap .cannot-product-wrap .cannot-product-wrap__buy-info {color:#6ba543;}
.cannotBuyProductPop-wrap .cannot-caution {margin-top: 10px; padding: 14px; border: 1px solid #e0e0e0; color: #333; line-height: 15px;}
.cannotBuyProductPop-wrap .cannot-complete-btn {display: inline-block; width: 72%; height: 35px; margin-top: 25px; border-radius: 5px; background:#6ba543; color:#fff; line-height: 35px; text-align: center; letter-spacing:-1px;}

/** 오아시스 구매 제한 팝업 **/
.oasisMinimumPricePop {display: none;position: fixed;top: 50%;left: 0;right:0;transform: translateY(-50%);width: 75%;margin: 0 auto;background: #ffffff;border-radius:10px;z-index: 99999999;letter-spacing: -1px;}
.oasisMinimumPricePopWrap {padding:40px 30px 30px 30px;}
.oasisMinimumPricePopWrap h3 {font-size: 20px;text-align: center;}
.oasisMinimumPricePopWrap .minimumPrice-info {font-size:14px; display:block; text-align:center; margin-top:5px;}
.oasisMinimumPricePopWrap .minimumPrice-info em {color:#6ca435;}

.oasisMinimumPricePopWrap .addOasisProductBtn {background: #82b550;color:#ffffff;border-radius:5px;display:block;padding: 10px;margin-top: 15px;text-align: center;}
.oasisMinimumPricePop .btnClosePop {display:inline-block;width:20px;height:20px;position:absolute;right: 13px;top: 8px;overflow:hidden;text-align:center;}
.oasisMinimumPricePop a.btnClosePop:before { content:"\2715"; display:inline-block; width:20px; height:20px; line-height:20px; color:#000; font-weight:500; }


/** 버튼 스타일 공통 **/
[class*="btnStyle-"] {display: inline-block; border-radius:5px; font-size: 12px; text-align: center;}
[class*="btnStyle-"] + [class*="btnStyle-"] {margin-left: 10px;}
.btnFull[class*="btnStyle-"] {display:flex;align-items:center;justify-content:center;height:50px;font-size:15px}
.btnStyle-01 {border: 1px solid #333!important; background: #fff!important; color: #333!important;} /* 흰 배경, 진회색 테두리, 회색 글씨 */
.btnStyle-02 {border: 1px solid #6ba543!important; background: #fff!important; color: #6ba543!important;} /* 흰 배경, 초록 테두리, 초록 글씨 */
.btnStyle-03 {border: 1px solid #6ba543!important; background: #6ba543!important; color: #fff!important;} /* 초록 배경, 초록 테두리, 흰 글씨 */
.btnStyle-04 {border: 1px solid #f4f4f4!important; background: #f4f4f4!important; color: #333!important;} /* 연회색 배경, 연회색 테두리, 검정 글씨 */
.btnStyle-05 {border: 1px solid #828282!important; background: #828282!important; color: #fff!important;} /* 진회색 배경, 진회색 테두리, 흰 글씨 */
.btnStyle-06 {border: 1px solid #eee!important; background: #fff!important; color: #333!important;} /* 흰 배경, 연회색 테두리, 회색 글씨 */
.btnStyle-07 {border: 1px solid #e0e0e0!important; background: #fff!important; color: #333!important;} /* 흰 배경, 연회색 테두리, 회색 글씨 */
.btnStyle-08 {border: 1px solid #18409a!important; background: #18409a!important; color: #fff!important;} /* 파란 배경, 파란 테두리, 흰 글씨 */
.btnStyle-09 {border: 1px solid #e0e0e0!important; background: #f4f4f4!important; color: #333!important;} /* 연회색 배경, 연회색 테두리, 회색 글씨 */
.btnStyle-10 {border: 1px solid #bfbfbf!important; background: #fff!important; color: #a6a6a6!important;} /* 연회색 배경, 연회색 테두리, 회색 글씨 */
.btnStyle-11 {border: 1px solid #6ba543!important; background: #fff!important; color: #000!important;} /* 연회색 배경, 연회색 테두리, 회색 글씨 */
.btnStyle-12 {border: 1px solid #C50000!important; background: #fff!important; color: #C50000!important;} /* 흰 배경, 빨간 테두리, 빨간 글씨 */
.btnStyle-13 {border: 1px solid #333!important; background: #333!important; color: #fff!important;} /* 검정 배경, 검정 테두리, 흰 글씨 */
.btnStyle-14 {border: 1px solid #0C520A!important; background: #0C520A!important; color: #ffffff!important;} /* #0C520A 배경, #0C520A 테두리, #ffffff 글씨 */
.btnStyle-15 {border: 1px solid #0C520A!important; background: #ffffff!important; color: #0C520A!important;} /* #ffffff 배경, #0C520A 테두리, #0C520A 글씨 */

.btn-right {float: right;}

/** 마이페이지::찜한상품 **/
.checkTxt {position:relative;margin-bottom: 50px; padding: 17px 16px 25px; border-top: 8px solid #eee; background: #f7f7f7; word-break: keep-all;}
.checkTxt::before {content:'';position:absolute;top:-8px;left:0;width:100%;height:1px;background-color:#e0e0e0}
.checkTxt p {padding: 0 0 3px 0; font-weight: 700; font-size: 12px; color: #333;}
.checkTxt p::before {content: ''; display: inline-block; width: 5px; height: 5px; margin: 3px 3px 0 0; background: #6ba543; vertical-align: top;}
.checkTxt ul li {position:relative;padding-left: 16px; font-size: 12px; line-height: 20px; color: #828282;}
.checkTxt ul li::before {content: '';position:absolute;left:7px;top:8px;width:2px;height:2px;background-color:#828282;border-radius:50%}
.inquiryBtn {display:flex;column-gap:10px;padding:20px 16px 0 16px;}
.inquiryBtn a {flex:1;display:flex;align-items:center;justify-content:center;height:44px;padding:0 8px;border:1px solid #333333;border-radius:4px;font-weight:500;font-size:14px;line-height:16px;color:#333333;text-align:center;word-break:keep-all}
.oMyList *, .oMyList *::before, .oMyList *::after {font-family: 'Spoqa Han Sans Neo'; box-sizing: border-box;}
.oMyList .myShoppingWrap {padding: 0 0 40px 0;}
.oMyList .listControl {border-bottom: 1px solid #f7f7f7;}
.oMyList .myShoppingWrap .listControl {height: 58px; margin: 0; padding: 30px 16px 15px; background: #fff;}
.oMyList .myShoppingWrap .listControl::after {content: ''; display: block; clear: both;}
.oMyList .myShoppingWrap .listControl .wishTotDocs {float: right;}
.oMyList .myShoppingWrap .listControl .wishTotDocs em {font-weight: 700; color: #6ba543;}
.oMyList .productListContents {padding: 0 16px;}
.oMyList .productListContents .productBox#list_type1 ul,
.oMyList .productListContents .productBox#list_type2 ul,
.oMyList .productListContents .productBox#list_type3 ul {margin: 0; padding: 0;}
.oMyList .productListContents .productBox ul::after {content: ''; display: block; clear: both;}
.oMyList .productListContents .productBox#list_type1 ul li {width: 100%; margin-right: 0; margin-right: 10px; padding: 0;}
/* .oMyList .productListContents .productBox#list_type1 ul li .wrapBox {padding: 0;} */
.oMyList .productListContents .productBox#list_type2 ul li {width: calc((100% / 2) - 5px); margin-right: 10px; padding: 0;}
.oMyList .productListContents .productBox#list_type2 ul li:nth-child(2n) {margin-right: 0;}
.oMyList .productListContents .productBox#list_type3 ul li {width: calc((100% / 3) - 7px); margin-right: 10px; padding: 0;}
.oMyList .productListContents .productBox#list_type3 ul li:nth-child(3n) {margin-right: 0;}
.oMyList .controlBox {display: flex; align-items: center; padding: 18px 0; border: 0;}
.oMyList .controlBox a {flex-grow: 1; width: 50%; height: 35px; margin-left: 10px; line-height: 35px; text-align: center;}
.oMyList .controlBox a:first-child {margin-left: 0;}

/* 마이페이지::자주 구매하는 상품 */
.oMyList .odCount {padding-bottom: 4px; font-weight: 700; font-size: 13px;}
.oMyList .odCount span {color: #828282; font-weight: 400;}
/* .oMyList .oPdArea .checkAllBtn::after {content: ''; display: block; clear: both;} */
/* .oMyList .oPdArea .checkAllBtn label {height: 30px; line-height: 30px;} */
/* .oMyList .oPdArea .checkAllBtn label::before {margin-top:4px;margin-right:6px} */
/* .oMyList .oPdArea .odCheckBtn a {height: 30px; padding: 0 10px; line-height: 30px;} */
.oMyList .oPdArea .odList {padding: 0;}
.oMyList .oPdArea .odList .odPdList {padding: 20px 16px 18px 16px; border-bottom: 1px dashed #ededed;}
.oMyList .oPdArea .odPdList + .odPdList {border-top: 0;}
.oMyList .oPdArea .odPdBtn {padding-left: 29px;}
.oMyList .oPdArea .odPdBtn a, .oMyList .oPdArea .odPdBtn span {width: calc((100% / 2) - 10px); margin-left: 10px;}
.oMyList .oPdArea .odPdBtn a:first-child, .oMyList .oPdArea .odPdBtn span:first-child {margin-left: 0;}

.oBuyCount .myShoppingWrap {padding:0}
.oBuyCount .oPdArea .checkAllBtn {display:flex;align-items:center;padding:13px 16px;border-bottom:1px solid #e0e0e0}
.oBuyCount .oPdArea .check.checkAllBtn label {height:auto;font-size:14px;line-height:24px}
.oBuyCount .oPdArea .odCheckBtn {display:flex;gap:0 4px;margin-left:auto}
.oBuyCount .oPdArea .odCheckBtn a {padding:0 12px;border-radius:4px;background:#F4F4F4;font-size:13px;line-height:34px;letter-spacing:-0.39px;text-align:center}
.oBuyCount .oPdArea .odCheckBtn a.btnCart {background:#333333;color:#fff}
.oBuyCount .oPdArea .odList {border-top:8px solid #f7f7f7;}
.oBuyCount .oProductList.type2 ul {padding:19px 16px 0;}
.oBuyCount .oProductList.type2 ul li {padding-top:0;padding-bottom:26px}
.oBuyCount .oProductList.type2 ul li:nth-last-of-type(-n+2) {padding-bottom:22px}
.oBuyCount .oPdArea .wrapBox {position:relative}
.oBuyCount .oPdArea .wrapBox .wrapImg {border-radius:8px}
.oBuyCount .oPdArea .wrapBox .wrapImg > a {border-radius:8px}
.oBuyCount .oPdArea .wrapBox .check input:checked + label {background-color:#0C520A;color:#fff}
.oBuyCount .oPdArea .wrapBox .check {margin-bottom:7px}
.oBuyCount .oPdArea .wrapBox .check label {display:inline-flex;align-items:center;height:26px;padding:3px 8px 3px 32px;background:#F4F4F4;border-radius:4px;font-weight:500;font-size:12px;letter-spacing:-0.36px}
.oBuyCount .oPdArea .wrapBox .check input:checked + label::before {background-color:#fff;background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_24_gr_2.png)}
.oBuyCount .oPdArea .wrapBox .wrapInfo {padding:7px 0 0 0}
.oBuyCount .oPdArea .wrapBox .wrapInfo .info_title {width:100%}

.oBuyCount .filterGrp {display:flex;align-items:center;height:47px;padding:0 16px;border-bottom:1px solid #EEEEEE}
.oBuyCount .filterGrp button {outline:none;-webkit-tap-highlight-color:transparent}
.oBuyCount .filterGrp .sortGrp {position:relative;height:100%;margin-left:auto}
.oBuyCount .filterGrp .sortGrp .sortOpt {height:100%}
.oBuyCount .filterGrp .sortGrp .sortOpt::after {content:'';display:inline-block;width:6px;height:6px;margin:3px 0 0 5px;border:solid #333;border-width:0 1px 1px 0;transform:rotate(45deg);transition:all .2s;vertical-align:top}
.oBuyCount .filterGrp .sortGrp .sortLi {opacity:0;visibility:hidden;position:absolute;top:37px;right:0;padding:5px 0 4px 0;border:1px solid #EEEEEE;background:#fff;z-index:5;transition:all .2s;transform:scale(0.5);transform-origin:top right}
.oBuyCount .filterGrp .sortGrp .sortLi button {padding:10px 19px;white-space:nowrap}
.oBuyCount .filterGrp .sortGrp .sortLi button.on {font-weight:700;color:#6BA43A}
.oBuyCount .filterGrp .sortGrp.open .sortOpt::after {margin-top:6px;transform:rotate(-135deg)}
.oBuyCount .filterGrp .sortGrp.open .sortLi {opacity:1;visibility:visible;transform:scale(1)}

.wishList .oPdArea .wrapBox .wishChk {margin-bottom:11px}
.oBuyCount .deleteAll {display:block;width:calc(100% - 32px);margin:0 auto 30px;height:45px;border:1px solid #E0E0E0;border-radius:5px;background-color:#F4F4F4;color:#333;font-size:13px}

/*품절상품 및 상품정렬*/
.oBuyCount .odSort { display:flex; height:54px; padding:0 16px; font-size:12px; }
.oBuyCount .odSort .sort_soldOut { flex:0 110px; padding:19px 0 0; line-height:16px; }
.oBuyCount .odSort .sort_soldOut input { position:absolute; left:0; top:0; width:1px; height:1px; padding:0; margin:-1px; }
.oBuyCount .odSort .sort_soldOut input + label { position:relative; }
.oBuyCount .odSort .sort_soldOut input + label::before { content:""; display:inline-block; width:35px; height:16px; margin-right:6px; background-color:#f7f7f7; border-radius:9px; vertical-align:top; }
.oBuyCount .odSort .sort_soldOut input + label::after { content:""; display:inline-block; position:absolute; left:0; top:-2px; transition:all .2s ease-in-out; width:20px; height:20px; margin-right:6px; background-color:#fff; border:2px solid #f7f7f7; border-radius:10px; }
.oBuyCount .odSort .sort_soldOut input:checked + label::before { background-color:#6ba539;  }
.oBuyCount .odSort .sort_soldOut input:checked + label::after { left:15px; border:2px solid #6ba539; }
.oBuyCount .odSort .sort_align { position:relative; padding:19px 0 0; margin-left:auto; line-height:16px;text-align:right}
.oBuyCount .odSort .sort_align > a {  }
.oBuyCount .odSort .sort_align > a::after { content:""; display:inline-block; transform:rotate(45deg); width:6px; height:6px; margin:0 0 3px 4px; border-right:1px solid #333; border-bottom:1px solid #333; }
.oBuyCount .odSort .sort_align > ul { display:none; position:absolute; right:0; top:45px; z-index:10; padding:8px 17px; background-color:#fff; line-height:28px; box-shadow:0 2.5px 4px rgba(0,0,0,.145); }
.oBuyCount .odSort .sort_align.open > ul { display:block; }
.oBuyCount .odSort .sort_align.open > ul li { white-space:nowrap; }
.oBuyCount .odSort .sort_align.open > a::after { transform:rotate(225deg); margin:0 0 0 4px; }


/** 마이페이지::포인트 내역, 쿠폰 내역 **/
.oMyPoint *, .oMyPoint *::before, .oMyPoint *::after {font-family: 'Spoqa Han Sans Neo'; box-sizing: border-box;}
.oMyPoint .myPointWrap {padding: 0 0 40px 0; background: 0;}
.oMyPoint .myPointWrap .pointBox {margin: 0; padding: 0; border: 0;}
.oMyPoint .myPointWrap .pointBox .myPoint {display: flex; align-items: center; padding: 20px 16px 24px 16px; border-bottom: 8px solid #f7f7f7; font-weight: 500;}
.oMyPoint .myPointWrap .pointBox .myPoint::before {content: 'P'; display: inline-block; width: 22px; height: 22px; margin-right: 2px; border-radius: 50%; background: #6ba539; font-weight: 500; color: #fff; text-align: center; line-height: 22px; vertical-align: top;}
.oMyPoint .myPointWrap .pointBox .myPoint dt {flex-shrink: 0; width: 125px; font-size: 15px;}
.oMyPoint .myPointWrap .pointBox .myPoint dd {flex-grow: 1; font-size: 20px; color: #6ba539; text-align: right;}
.oMyPoint .myPointWrap h3 {height: 50px; padding: 0 16px; border-bottom: 1px solid #eee; font-weight: 500; line-height: 50px;}
.oMyPoint .pointDetail {padding: 18px 22px;}
.oMyPoint .pointDetail:last-child {border-bottom: 1px solid #eee;}
.oMyPoint .pointDetail + .pointDetail {border-top: 4px solid #eee;}
.oMyPoint .pointDetail .pointTop {display: flex; align-items: center;}
.oMyPoint .pointDetail .pointTop .pointDate {flex-grow: 1; display: inline-block; line-height: 20px; word-break: keep-all; vertical-align: top;}
.oMyPoint .pointDetail .pointMiddle {padding-top: 8px;}
.oMyPoint .pointDetail .pointMiddle dd {padding-top: 5px; color: #828282;}
.oMyPoint .pointDetail .pointMiddle dd + dd {padding-top: 8px;}
.oMyPoint .pointDetail .pointTop .pointNum {flex-shrink: 0; min-width: 50px; text-align: right;}
.oMyPoint .pointDetail .pointTop dt,
.oMyPoint .pointDetail .pointTop dd {display: inline-block; font-size: 14px;}
.oMyPoint .pointDetail .pointTop .pointNum dd {color: #6ba539; font-weight: 500; font-size: 18px;}
.oMyPoint .pointDetail.deductionBox .pointTop .pointNum dd {font-weight: 400;}
.oMyPoint .pointDetail .pointBottom {margin-top: 18px; padding-top: 22px; border-top: 1px solid #eee;}
.oMyPoint .pointDetail .pointBottom > div {display: flex; align-items: flex-start; width: 100%;}
.oMyPoint .pointDetail .pointBottom > div dt,
.oMyPoint .pointDetail .pointBottom > div dd {display: inline-block; font-size: 13px; line-height: 24px;}
.oMyPoint .pointDetail .pointBottom > div dt {flex-shrink: 0; width: 50px; color: #828282;}
.oMyPoint .pointDetail .pointBottom > div dd {flex-grow: 1; text-align: right;}
.oMyPoint .pointDetail .pointBottom > div dd a.btnStyle-05 {height: 24px; margin-left: 5px; padding: 0 5px; line-height: 24px;}
.oMyPoint .pointDetail .pointBottom > div + div {padding-top: 7px;}
.oMyPoint .pointDetail.savingBox .pointTop::before,
.oMyPoint .pointDetail.deductionBox .pointTop::before {height: 20px; margin-right: 5px; padding: 0 5px; border-radius: 4px; font-size: 12px; color: #fff; text-align: center; line-height: 20px; vertical-align: top;}
.oMyPoint .pointDetail.savingBox .pointTop::before {content: '적립'; background: #6ba539;}
.oMyPoint .pointDetail.deductionBox .pointTop::before {content: '차감'; background: #d73534;}
.oMyPoint .pointDetail.deductionBox .pointTop .pointNum dd {color: #d73534;}

.oMyPoint .couponCom .pointBox .myPoint::before {content: 'C'; background-color: #d73534;}
.oMyPoint .couponExp .pointBox .myPoint::before {content: 'C'; background-color: #828282;}
.oMyPoint .couponUse .pointBox .myPoint::before {content: 'C';}
.oMyPoint .couponCom .pointBox .myPoint dd {color: #d73534;}
.oMyPoint .couponCom .pointTop .pointNum dd {color: #d73534;}
.oMyPoint .couponExp .pointBox .myPoint dd,
.oMyPoint .couponExp .pointTop .pointNum dd {color: #828282;}
.oMyPoint .myPointWrap .pointBox dd a.btnStyle-03 {display: inline-block; height: 24px; margin-left: 2px; padding: 0 9px; border-radius: 24px; line-height: 24px; text-align: center;}
.oMyPoint .myPointWrap .pointBox dd a.btnStyle-03::after {content: ''; display: inline-block; width: 4px; height: 4px; margin: 9px 0 0 5px;  border: 1px solid #fff; border-width: 1px 1px 0 0; transform: rotate(45deg); vertical-align: top;}

/* 마이페이지::쿠폰내역_202404 */
.myPointWrap:has(.detailBox, .couponEmpty) {padding-bottom:0}
.myCouponBox {position:relative;padding:44px 16px 31px 16px;background:#F5F6F8;letter-spacing:-0.65px}
.myCouponBox .totalBox {margin-bottom:24px;font-size:13px;}
.myCouponBox .couponEmpty {margin:15px 0 60px 0;text-align:center}
.myCouponBox .couponEmpty::before {content:'';display:block;width:97px;height:57px;margin:0 auto 13px auto;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_coupon_195.png) no-repeat center/100% auto}
.myCouponBox .couponEmpty .emptyText {font-size:11px;line-height:13px}
.myCouponBox .couponEmpty .emptyBtn {display:flex;align-items:center;justify-content:center;width:96px;height:19px;margin:23px auto 0 auto;border-radius:19px;background-color:#6BA543;font-size:11px;color:#FFFFFF}
/* :where(.couponCom, .couponExp) .myCouponBox .totalBox {background:#EAEAEA}
:where(.couponCom, .couponExp) .myCouponBox .totalBox .totalDocs {color:#333} */
.myCouponBox .sorting {overflow:hidden;position:absolute;top:37px;right:16px;border:1px solid #ADADAD;border-radius:15px;background-color:#FFFFFF;z-index:1}
.myCouponBox .sortCurrent {display:flex;align-items:center;position:relative;height:27px;padding:0 10px}
.myCouponBox .sortCurrent::after {content:'';flex-shrink:0;width:12px;height:6px;margin-left:4px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_down_48_2.png) no-repeat center/100% auto}
/* .myCouponBox .sortList {display:none}
.myCouponBox .sortBtn {width:100%;padding:4px 10px;line-height:16px;text-align:left}
.myCouponBox .sorting.open .sortCurrent::after {transform:rotate(180deg)}
.myCouponBox .sorting.open .sortList {display:block} */
.detailEmpty {padding:100px 0px;color:#A5A5A5;text-align:center}/* 보유 쿠폰 없을 때 */
.myCouponBox:has(.detailEmpty) {background:#FFFFFF}
.detailBox {display:flex;flex-direction:column;row-gap:6px}
.detailItem {display:flex;flex-direction:column;position:relative;width:100%;padding:14px 15px 13px 12px;border:1px solid #E0E0E0;border-radius:10px;background:#FFFFFF}
.detailItem .badgeGroup:has(.badge) {display:flex;flex-wrap:wrap;gap:5px 5px;margin-bottom:6px}
.detailItem .badge {display:flex;align-items:center;justify-content:center;height:19px;font-size:13px;color:#FFFFFF}
.detailItem .badge img {width:auto;height:100%}
.detailItem .title {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;max-height:44px;font-size:17px;line-height:22px;color:#606060}
.detailItem .price {display:flex;align-items:flex-end;margin-top:3px;font-weight:500;font-size:21px;line-height:27px;letter-spacing:-1.4px;color:#6BA543}
.detailItem .price .use {margin-left:7px;font-size:21px;line-height:27px;color:#6BA543}
.couponCom .detailItem .price {font-size:17px;color:#606060}
.detailItem .info {display:flex;flex-direction:column;row-gap:5px;line-height:16px;color:#6B6B6B}
.detailItem .info:has(span) {margin-top:17px}
.detailItem .detailUnder {display:flex;margin-top:13px;padding-top:7px;padding-left:4px;border-top:1px dashed #707070}
.detailItem .detailUnder::after {content:'';display:block;width:25px;height:25px;margin-left:auto;border-radius:50%;background:#6BA543 url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_right_44.png) no-repeat center left 9px/11px auto}   /* 상세보기 버튼 */
.detailItem .date {display:flex;align-items:center;padding-top:4px}
.detailItem .date .leftDays {margin-right:11px;font-weight:700;font-size:13px;color:#6BA543}
.detailItem .date .leftDate {font-size:13px}
.detailItem .date .leftEnd {font-weight:700;color:#BEBEBE}  /* 사용완료, 기간만료 */
/* .detailItem .condition .conditionGroup {display:flex;flex-direction:column;row-gap:5px}
.detailItem .condition .item {padding-left:6px;font-size:12px;line-height:15px}
.detailItem .condition .item::before {content:'';display:inline-block;width:2px;height:2px;margin:6px 4px 0 -6px;border-radius:50%;background:#333;vertical-align:top} */
.detailItem .btnPos {position:absolute;top:17px;right:12px;padding:0 5px;border-radius:3px;background:#F4F4F4;font-weight:500;font-size:12px;line-height:22px}
.detailItem .btnPos.btnLink {color:#0C520A}/* 적용상품 */
.detailItem .btnPos.btnLink::after {content:'';display:inline-block;width:0;height:0;margin:6px 0 0 4px;border:solid;border-width:4px 0px 4px 6px;border-color:transparent transparent transparent #0C520A;vertical-align:top}
.detailItem .btnPos.btnDel {top:0;right:0;width:48px;height:48px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_40.png) no-repeat center/20px auto}/* 삭제버튼 */
.detailItem .btnLink {color:#6BA543;text-decoration:underline}
/* .detailItem .notice {display:flex;align-items:center;margin-top:3px;height:18px;font-size:12px}
.detailItem .notice .badge {display:inline-block;margin-right:4px;padding:4px 3px 2px 3px;border:1px solid #D63534;border-radius:3px;font-weight:500;font-size:10px;color:#D63534;vertical-align:top}
.detailItem .info:not(:has(span)) + .notice {margin-top:14px} */
.detailNote {position:relative;padding:20px 16px 26px 16px;border-top:8px solid #EEEEEE;;line-height: 1.4}
.detailNote::before {content:'';display:block;position:absolute;top:-8px;left:0;width:100%;height:1px;background:#E0E0E0}
.detailNote .ttl {display:block;position:relative;padding-left:18px;font-weight:600;font-size: 12px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_mark_circle_28.png) no-repeat 0 center/14px auto;line-height:14px}
.detailNote .ttl.togBtn::after {content:'';display:block;position:absolute;top:50%;right:1px;width:8px;height:8px;margin-top:-7px;border:solid #333333;border-width:0 1px 1px 0;transform:rotate(45deg);transition:all .2s}
.detailNote .txt {margin-top:10px}
.detailNote .txt li {position:relative;margin-top:9px;padding-left:7px;font-size: 12px;color: #6B6B6B; }
.detailNote .txt li b {color:#333}
.detailNote .txt li::before {content:'';position:absolute;left:0;top:5px;width:3px;height:3px;background-color:#6B6B6B;border-radius:50%}
.detailNote.togAct {padding-bottom:20px}
.detailNote.togAct .txt {display:none}
.detailNote.togAct.on .txt {display:block}
.detailNote.togAct.on .ttl.togBtn::after {margin-top:-2px;transform:rotate(-135deg)}
.detailNotice {margin-top:22px}
.detailNoticeList {display:flex;flex-direction:column;row-gap:18px}
.detailNoticeItem {padding-left:7px;font-size:13px;line-height:18px;word-break:keep-all}
.detailNoticeItem::before {content:'';display:inline-block;width:3px;height:3px;margin:7px 2px 0 -5px;border-radius:50%;background-color:#333333;vertical-align:top}
/* 쿠폰내역::기간만료 */
.couponExp .detailItem .price {font-size:17px;color:#606060}
/* 팝업::정렬기준 */
.dialogSorting {position:fixed;top:0;left:0;width:100%;z-index:900;transition:all 0s .3s ease-out}
.dialogSorting_inner {position:fixed;bottom:0;left:0;width:100%;transform:translate3d(0,120%,0);padding:0 33px 22px 33px;border-radius:28px 28px 0 0;background-color:#FFFFFF;box-shadow:0px 3px 6px rgba(0,0,0,0.16);transition:all .3s ease-out}
.dialogSorting_close {display:none;align-items:center;justify-content:center;position:relative;width:100%;padding:17px 0 10px 0;background-color:transparent}
.dialogSorting_close::before {content:'';display:block;position:fixed;bottom:147px;left:0;width:100%;height:calc(100vh - 147px);z-index:-1}
.dialogSorting_close::after {content:'';display:block;width:58px;height:5px;border-radius:5px;background-color:#E5E5E5}
.dialogSorting_title {display:block;margin-bottom:18px;font-weight:500;font-size:18px;line-height:22px;letter-spacing:-1.31px}
.dialogSorting .sortList {display:flex;flex-direction:column;row-gap:17px}
.dialogSorting .sortItem .sortBtn {display:block;width:100%;font-weight:300;font-size:13px;line-height:18px;letter-spacing:-0.65px;text-align:left}
.dialogSorting .sortItem .sortBtn::before {content:'';display:inline-block;width:18px;height:18px;margin-top:-1px;margin-right:13px;border-radius:50%;background-color:#F5F6F8;vertical-align:top}
.dialogSorting .sortItem.active .sortBtn::before {background-color:#6BA543}
.dialogSorting.open {display:block;transition:all .1s 0s ease-out}
.dialogSorting.open::before {content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2)}
.dialogSorting.open .dialogSorting_inner {transform:translate3d(0,0%,0)}
.dialogSorting.open .dialogSorting_close {display:flex}
/* 팝업::쿠폰상세 */
.dialogCoupon {/* display:block; */overscroll-behavior:contain;z-index:900}
.dialogCoupon .dialogBody {padding-top:74px;background-color:#F5F6F8}
.dialogCoupon .detailItem .title {-webkit-line-clamp:none;max-height:none}
.detailItem .infoGroup {display:flex;flex-direction:column;row-gap:5px;margin-top:15px}
.detailItem .infoGroup .infoItem {display:flex;flex-wrap:wrap;gap:5px 4px}
.detailItem .infoGroup .infoLine:not(:has(.condition .item)) {display:none}
.detailItem .infoGroup .infoItem dt {flex-shrink:0;width:65px;font-weight:700;font-size:13px}
.detailItem .infoGroup .infoItem dd {width:calc(100% - 69px);margin-left:auto;font-size:13px;line-height:15px}
.detailItem .infoGroup .infoLine {margin-top:7px;padding-top:15px;border-top:1px dashed #707070}

/* 마이페이지::포인트내역_202404 */
.myTab {overflow-x:auto;display:flex;column-gap:5px;padding:0 16px;background:#F5F6F8}
.myTab .tabItem {height:36px;padding:0 12px;border:1px solid #dddddd;border-radius:40px;background:#FFFFFF;font-size:14px;line-height:36px;color:#6B6B6B;white-space:nowrap}
.myTab .tabItem.on {border-color:#333333;background-color:#333333;color:#FFFFFF}
.totalBox + .myTab {padding-bottom:15px}
.myPointBox {padding:20px 0 0 0;background:#F5F6F8}
.myPointBox .totalBox {display:flex;align-items:center;margin:0 16px 24px 16px;padding:16px 16px;border-radius:10px;background:#fff}
.myPointBox .totalBox .totalTtl {font-size:14px}
.myPointBox .totalBox .totalTtl::before {content:'P';display:inline-block;width:18px;height:18px;margin-right:4px;border:1px solid #333;border-radius:50%;font-weight:700;font-size:12px;line-height:18px;text-align:center}
.myPointBox .totalBox .totalDocs {margin-left:auto;font-weight:700;font-size:20px;line-height:24px;color:#6BA43A}
.myPointBox .detailLi {border-top:1px solid #E0E0E0}
.detailLi {padding:4px 16px 60px 16px;background:#FFFFFF;letter-spacing:-0.3px}
.liItem {display:flex;column-gap:20px;padding:21px 0 16px 0;border-bottom:1px solid #EEEEEE}
.liItem .info {flex:1;display:flex;flex-direction:column;padding-top:4px}
.liItem .info .title {font-weight:700;font-size:14px}
.liItem .info .desc {margin-top:7px;font-size:12px;line-height:1.5}
.liItem .num {flex-shrink:0;display:flex;flex-direction:column;text-align:right}
.liItem .num .price {font-weight:700;font-size:15px;line-height:1.2;color:#6BA43A}
.liItem .num .date {margin-top:8px;font-size:12px;line-height:1.2;color:#6B6B6B}
.liItem.deductionBox .num .price {color:#D63534}

/** 마이페이지::구매후기 **/
.oMyList .tabMenu {display: flex; align-content: center; padding: 18px 16px 0 16px; font-size: 13px; color: #333;}
.oMyList .tabMenu a {display: inline-block; flex-grow: 1; width: 50%; height: 40px; border-radius: 0 4px 4px 0; background: #eeeeee; line-height: 40px; text-align: center;}
.oMyList .tabMenu a:first-child {border-radius: 4px 0 0 4px;}
.oMyList .tabMenu a span {font-weight: 500;}
.oMyList .tabMenu a.on {background: #6ba543; color: #fff;}
.oMyList .tabMenu a.on span {color: #fff;}
.reviewCheckTxt {margin: 18px 10px 0 15px; padding: 18px 16px; border-top: 1px solid #eee; background: #f7f7f7;}
.reviewCheckTxt ul li {position:relative;padding-left: 6px; font-size: 12px; color: #333; line-height: 18px; word-break: keep-all; letter-spacing: -0.22px;}
.reviewCheckTxt ul li::before {content:'';position:absolute;left:0;top:7px;width:2px;height:2px;background-color:#333;border-radius:50%}
.reviewCheckTxt ul li span {font-weight: 500; color: #6ba543;}
.reviewCheckTxt ul li a {display: inline-block; height: 20px; margin: 3px 0; padding: 0 8px; border-radius: 20px; background: #6ba543; color: #fff; line-height: 20px; text-align: center; }
.reviewCheckTxt ul li a::after {content: ''; display: inline-block; width: 4px; height: 4px; margin: 7px 0 0 4px; border: 1px solid #fff; border-width: 1px 1px 0 0; transform: rotate(45deg); vertical-align: top;}
.oMyList .tabCont .odPdBtn {padding-left: 0;}
.oMyList .tabCont .odPdBtn a, .oMyList .tabCont .odPdBtn span {width: 100%; height: 35px; line-height: 35px;}
.oMyList .tabCont .odList .odPdList {border-bottom: 8px solid #f4f4f4;}
.oMyList .tabCont .odPdTop .odPdInfo .odPdTxt .pdTit {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; max-height: 35px; line-height: 16px;}
.oMyList .tabCont .comTxtArea {margin-top: 18px; border-top: 1px solid #eee; padding: 18px 0 15px 0;}
.oMyList .tabCont .comTxtArea .comTxtTop::after {content: ''; display: block; clear: both;}
.oMyList .tabCont .comTxtArea .comStar {float: left}
.oMyList .tabCont .comTxtArea .comStar > p {width: 78px; height: 14px; margin-bottom: 20px; background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_star_229_green.png) no-repeat; background-size: 78px auto;}
.oMyList .tabCont .comTxtArea .comStar > p.star-04 {width: 64px;}
.oMyList .tabCont .comTxtArea .comStar > p.star-03 {width: 48px;}
.oMyList .tabCont .comTxtArea .comStar > p.star-02 {width: 32px;}
.oMyList .tabCont .comTxtArea .comStar > p.star-01 {width: 16px;}
.oMyList .tabCont .comTxtArea .comBtn {float: right; padding-top: 2px;}
.oMyList .tabCont .comTxtArea .comBtn a {margin-left: 8px; border-radius: 3px; padding: 5px 8px; background-color: #f4f4f4}
/* .oMyList .tabCont .comTxtArea .comBtn a::before {content: ''; display: inline-block; width: 14px; height: 16px; margin: -3px 4px 0 0; background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_write_28.png) no-repeat; background-size: auto 16px; vertical-align: top;}
.oMyList .tabCont .comTxtArea .comBtn a.btnComDel::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_trash_26.png)} */
.oMyList .tabCont .comTxtArea .comTxt {padding-bottom: 18px; font-size: 13px; color: #333; line-height: 18px;}
.oMyList .tabCont .comTxtArea .comTxt span {display: block; width: 100%; padding-top: 10px;}
.oMyList .tabCont .comTxtArea .comTxtBottom span {font-size: 12px; color: #828282;}
.oMyList .tabCont .comTxtArea .comImg {padding-top: 20px;}
.oMyList .tabCont .comTxtArea .comImg img {width: 100%;}
.oMyList .tabCont .comTxtArea .comComm {margin-top: 14px; padding: 20px 16px; border-top: 1px solid #eee; background: #f7f7f7; font-size: 12px; line-height: 16px; word-break: keep-all;}
.oMyList .tabCont .comTxtArea .comComm .comCommTit {padding-bottom: 20px;}
.oMyList .tabCont .comTxtArea .comComm span {color: #828282;}
.oMyList .tabCont {display: none;}
.oMyList .tabCont.on {display: block;}

/* 작성하기 */
/* .oMyComm {padding-bottom:80px} */
.oMyComm .topTxt {padding:16px 16px 0 20px}
.oMyComm .topTxt p {height:34px;font-size: 13px;text-align: center;background: #f4f4f4;display:flex;align-items: center;justify-content: center;}
.oMyComm .topTxt p.on {background: #0C520A;color:#fff;font-weight:600;}
.oMyComm .commWrap {padding: 30px 16px 0; border-top: 8px solid #f7f7f7;}
.oMyComm .commWrap.commComm {padding-top: 0; border-top: 0;}
.oMyComm .commStarRating {text-align: center;}
.oMyComm .commStarTit {padding-bottom: 14px;font-weight:600;font-size: 16px;color: #333;line-height: 1.32;}
.oMyComm .commStarRating .commStarBg a {display: inline-block; width: 28px; height: 27px; background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_star_68.png) no-repeat; background-size: 100% auto;}
.oMyComm .commStarRating .commStarBg a.on {background-image: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_star_68_on.png)}
.oMyComm .commStarRating .commStarBg a + a {margin-left: 6px;}
.oMyComm .commStarRating .commStarTxt {font-size: 11px; color: #ccc;}
.oMyComm .commAssess {border-top: 1px solid #E0E0E0; margin-top:30px; text-align: center;padding-top:30px}
.oMyComm .commAssess .radio input[type="radio"] {display:block;position:absolute;left:-99999px}
.oMyComm .commAssess .radio input[type="radio"] + label {display:inline-flex;justify-content: center; align-items: center; border-radius:80px;border:1px solid #E0E0E0;height:36px;padding:0 10px;color:#6b6b6b;margin:0 4px}
.oMyComm .commAssess .radio input[type="radio"]:checked + label {color:#333;border:2px solid #333}
.oMyComm .commAssess .radio input[type="radio"] + label::before {content: ''; display: inline-block; width:16px; height:16px;margin-right:4px}
.oMyComm .commAssess .radio input[type="radio"] + label::after {display: none;}
.oMyComm .commAssess .radio input[type="radio"].assessY + label::before {background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_assessY_off_32.png) no-repeat center / 100% auto}
.oMyComm .commAssess .radio input[type="radio"].assessY:checked + label::before {background-image: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_assessY_on_32.png)}
.oMyComm .commAssess .radio input[type="radio"].assessN + label::before {background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_assessN_off_32.png) no-repeat center / 100% auto}
.oMyComm .commAssess .radio input[type="radio"].assessN:checked + label::before {background-image: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_assessN_on_32.png)}
.oMyComm .commAssess .radio .check {display: none;margin-top:30px}
.oMyComm .commAssess .radio .check .commStarTit {font-size:14px}
.oMyComm .commAssess .radio .check input[type="checkbox"] {width: 0; height: 0; padding: 0; border: 0;}
.oMyComm .commAssess .radio .check input[type="checkbox"] + label {display:inline-flex;justify-content: center; align-items: center; width: calc(25% - 6px); height: 36px;border: 1px solid #dbdada; border-radius:3px; font-size:13px;color: #6b6b6b;}
.oMyComm .commAssess .radio .check input[type="checkbox"]:checked + label {border-color: #6B6B6B; background: #6B6B6B;color: #fff;}
.oMyComm .commAssess .radio input[type="radio"].assessN:checked ~ .check {display: block;}
.oMyComm .commWriteArea textarea {width: 100%; padding: 15px 13px; border: 1px solid #e0e0e0; letter-spacing: -.3px; word-break: keep-all; resize: none; box-sizing: border-box;font-size:12px;border-radius:5px;color:#6b6b6b}
.oMyComm .commWriteArea textarea::placeholder {font-size: 12px; color: #6b6b6b; line-height:1.6}
.oMyComm .commWriteArea .textareaTxt {color: #828282;}
.oMyComm .cmtWrite {overflow:hidden;position:relative;padding-bottom:0;border:1px solid #E0E0E0;border-radius:5px}
.oMyComm .cmtWrite textarea {width:100%;height:151px;padding:16px 16px 13px 16px;border:0;font-size:13px;line-height:20px;resize:none}
.oMyComm .cmtWrite textarea:focus {outline:0}
.oMyComm .cmtWrite textarea::placeholder {color:#6B6B6B}
.oMyComm .cmtWrite:has(.cmtLength) textarea {padding-bottom:0}
.oMyComm .cmtWrite .cmtLength {display:block;padding:14px 16px;text-align:right}
.oMyComm .cmtWrite .cmtLength span {color:#6B6B6B}
.oMyComm .commAttachFile .attachFileArea {display: inline-block; position: relative; vertical-align: top; color: #828282}
.oMyComm .commAttachFile .attachFileImg {width: 110px; height: 110px; margin-right: 8px; background: #eee; filter: brightness(.97);}
.oMyComm .commAttachFile .attachFileImg img {max-width: 100%; max-height: 100%;}
.oMyComm .commAttachFile .btnImgDel {position: absolute; top: 0; right: 8px; width: 20px; height: 20px; z-index: 1;}
.oMyComm .commAttachFile .bvtnImgDel a {display: inline-block; width: 100%; height: 100%; background: #333 url('../img/sub/m_pop_close.png') center center no-repeat; background-size: 50% auto;}
.oMyComm .commAttachFile .findFile {display: inline-block; width: 110px; height: 110px; background: #eee; text-align: center; line-height: 110px; margin-left:5px; margin-bottom:5px;}
.oMyComm .commAttachFile .findFile::before {content: '+'; font-size: 36px; color: #828282; font-weight: 100;}
.oMyComm .attachTxt {padding-top: 16px;}
.oMyComm .attachTxt ul li {padding-left: 8px; font-size: 12px; color: #828282; line-height: 18px;}
.oMyComm .attachTxt ul li::before {content: ''; display: inline-block; width: 2px; height: 2px; margin: 8px 6px 0 -8px; background: #828282; font-size: 12px; color: #828282; line-height: 18px; vertical-align: top;}
.oMyComm .commWriteTit {padding: 30px 0 15px 0; font-size: 14px;}
.oMyComm .noteTxt {padding: 26px 16px; line-height: 1.4;background: #F7F7F7;}
.oMyComm .noteTxt h4 {padding-left:18px;font-weight:600; font-size: 12px;margin-bottom:10px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_mark_circle_28.png) 0 center no-repeat;background-size: 14px 14px;line-height: 1.17}
.oMyComm .noteTxt ul li {position:relative;padding-left:7px; font-size: 12px;color: #6B6B6B; }
.oMyComm .noteTxt ul li+li {margin-top:10px}
.oMyComm .noteTxt ul li::before {content:'';position:absolute;left:0;top:5px;width:3px;height:3px;background-color:#6b6b6b;border-radius:50%}
.oMyComm .btnWrap {padding:12px 16px;display:flex;gap:0 11px;margin-top:10px}
.oMyComm .btnWrap a {flex:1;display:inline-flex;align-items:center;justify-content:center;height:46px;border-radius:3px;font-size:13px;margin:0}
.oMyComm .btnWrap a.btnCancel {border: 1px solid #e0e0e0;}
.oMyComm .odPdTop .odPdInfo .odPdTxt {display: flex; flex-direction: column; justify-content: center;}
.oMyComm .odPdTop .odPdInfo .odPdTxt .pdTit {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; max-height: 52px; line-height: 16px}
.oMyComm .reviewEvent {display:flex;align-items: center;height:44px;margin:30px -16px 0;background: #F7F7F7;padding:0 16px;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0}
.oMyComm .reviewEvent strong {color:#fff;background:#0C520A;border-radius:12px;padding:5px 6px 4px;font-weight:600;font-size:11px;margin-right:6px;}

.btnWrap.btnFixedType {position:fixed;left:0;bottom:0;width:100%;border-top:1px solid #e0e0e0;background:#fff;z-index:100}
.oMyComm:has(.btnFixedType) {padding-bottom:80px}

/* 셀프환불/개선의견 */
.improvePrd {padding:10px 16px}
.improvePrd .topGrayBox {margin-bottom:20px;padding:8px 0;background:#F4F4F4;font-size:13px;line-height:18px;letter-spacing:-0.4px;text-align:center}
.improvePrd .cmtPrd {display:flex;column-gap:10px;align-items:center}
.improvePrd .cmtPrd .prdThumb {overflow:hidden;flex-shrink:0;width:70px;height:70px;border-radius:8px}
.improvePrd .cmtPrd .prdThumb img {width:100%;height:100%;object-fit:cover}
.improvePrd .cmtPrd .prdTitle {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;font-size:14px;line-height:22px;letter-spacing:-0.42px}
.improvePrd .cmtWrite {margin-top:20px}

/* 구매후기 & 함께 만들어가는 오아시스 */
.reviewCont { position:relative; margin-top:30px; }
.reviewCont h4 { height:21px; margin-bottom:10px; line-height:21px; font-size:14px; font-weight:500; }
.reviewCont > div {display:flex;gap:0 8px}
.reviewCont a.btn_addFile { display:inline-block; position:relative;border: 1px solid #e0e0e0; border-radius:4px;width: 25%; height:21.28vw;}
.reviewCont a.btn_addFile span {position: absolute;top:50%;left: 50%;transform:translate(-50%, -50%);}
.reviewCont a.btn_addFile span:has(.fileCount) {width:100%;height:100%}
.reviewCont a.btn_addFile span:has(.fileCount) img {width:100%;height:100%;object-fit: cover;}
.reviewCont a.btn_addFile span img.photoBefore:not(.fileCount) {width:15px;height:15px}
.reviewCont a.btn_addFile.attach-img span {left:0;top:0;transform:translate(0);width:100%}
.reviewWriteBox { position: relative; padding:14px 16px 58px; border:1px solid #e0e0e0; border-radius:4px;height:150px }
.reviewWriteBox textarea { width:100%; height:100%; border:0; outline:0; resize: none; font-size:13px;line-height:1.4}
.reviewWriteBox textarea::placeholder {color:#6b6b6b}
.reviewWriteBox span {position: absolute; bottom: 5px; right: 10px; line-height: 20px; color: #5d5d5d;}
.reviewWriteBox span em {color: #6b6b6b;}
.reviewCont.rpbWrap { margin-top:33px; font-size:0px; }
.reviewCont.rpbWrap h4 {position: relative; font-size: 16px; font-weight:600;text-align: center;}
.reviewCont.rpbWrap h4 .count {position: absolute; right: 0; bottom: -6px; font-size: 13px; color: #5d5d5d;}
.reviewCont.rpbWrap h4 .count em {color: #a6a6a6;}
.reviewPhotoBox + a.btn_addFile {margin-left: 6px;}
.reviewPhotoBox { display:inline-block; }
.reviewPhotoBox .attachmentFile_img { display:inline-block; position:relative; width:calc((100vw - 50px) / 4 ); height:calc((100vw - 50px) / 4 ); margin:12px 0px 0 0; overflow:hidden; border-radius: 5px; }
.reviewPhotoBox .attachmentFile_img img { width:100%; height:100%; object-fit:cover; }
.reviewPhotoBox .attachmentFile_img::after { content:"\2573"; display:block; position:absolute; right:0; top:0; width:15px; height:15px; background-color:rgba(0,0,0,0.8); text-align:center; line-height:15px; color:#fff; font-size:8px; }
.reviewPhotoBox .attachmentFile_img + a {margin-left: 6px;}
.reviewCont.rlbWrap { padding-top:0; border-top:1px solid #eee; }

/** 마이페이지::레시피 **/
.oMyRecipe *, .oMyRecipe *::before, .oMyRecipe *::after {font-family: 'Spoqa Han Sans Neo'; box-sizing: border-box;}
.oMyRecipe {letter-spacing:-0.35px}
.oMyRecipe .subTtl {flex-shrink:0;width:100%;margin-bottom:12px}
.oMyRecipe .subTtl .sub {display:block;margin-bottom:7px;font-size:14px;color:#6B6B6B}
.oMyRecipe .subTtl .main {display:block;position:relative;font-weight:500;font-size:20px}
.oMyRecipe .subTtl .main::after {content:'최근등록순';position:absolute;top:4px;right:0;font-weight:400;font-size:12px;color:#6B6B6B}
.oMyRecipe .subTtl.icon .main::before {content:'';display:inline-block;width:20px;height:18px;margin-right:4px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_40_red.png) no-repeat center/20px auto;vertical-align:top}
.oMyRecipe .subTtl.icon .main::after {content:'최근찜한순'}

/* 레시피::리스트 - 202405 */
.oRecipe .recipeVisual {position:relative;padding:0 16px 76px 16px}
.oRecipe .recipeVisual .item {overflow:hidden;width:69.4vw;height:96vw;border-radius:12px}
.oRecipe .recipeVisual .item::after {content:'';opacity:0.8;display:block;position:absolute;bottom:0;left:0;width:100%;height:63.6%;background:linear-gradient(0deg, #333333 0%, #76767600 100%) 0% 0% no-repeat;z-index:1}
.oRecipe .recipeVisual .item .thumbArea {width:100%;height:100%}
.oRecipe .recipeVisual .item .thumbArea img {width:100%;height:100%;object-fit:cover}
.oRecipe .recipeVisual .item .infoArea {display:flex;flex-direction:column;align-items:flex-start;position:absolute;top:0;left:0;width:100%;height:100%;padding:12px 20px 22px 20px;color:#FFFFFF;z-index:2}
.oRecipe .recipeVisual .item .infoArea .view {display:inline-flex;align-items:center;margin-left:-8px;padding:5px 8px;margin-bottom:auto;border-radius:12px;background:rgba(51,51,51,0.8);font-size:13px;letter-spacing:-0.26px}
.oRecipe .recipeVisual .item .infoArea .view::before {content:'';display:inline-block;width:14px;height:14px;margin-right:2px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_viewers_28.png) no-repeat center/100% auto;vertical-align:top}
.oRecipe .recipeVisual .item .infoArea .title {font-weight:700;font-size:20px;line-height:1.2;letter-spacing:-0.6px}
.oRecipe .recipeVisual .item .infoArea .link {margin-top:16px;padding:0 12px;border:1px solid #FFFFFF;border-radius:50px;font-size:13px;line-height:34px;letter-spacing:-0.39px;color:#FFFFFF}
.oRecipe .recipeVisual .swiper-pagination-progressbar.swiper-progress {top:auto;right:0;bottom:50px;width:calc(100% - 32px);height:1px;margin:0 auto;background-color:#F4F4F4}
.oRecipe .recipeVisual .swiper-pagination-progressbar.swiper-progress .swiper-pagination-progressbar-fill {background:#333333}

.recipeSearch {padding:12px 16px}
.recipeSearch .searchInput {position:relative;}
.recipeSearch .searchInput input {width:100%;height:45px;padding:0 20px 0 16px;border:0;border-radius:6px;background:#F4F4F4;/* background:#F4F4F4 url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_search_27.png) no-repeat 16px 16px/14px auto; */color:#333;outline:none}
.recipeSearch .searchInput input::placeholder {color:#767676}
.recipeSearch .searchInput .btnSearch {display:block;position:absolute;top:0;right:0;width:45px;height:45px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_search_27.png) no-repeat center/14px auto}

.recipeSearchArea {display:flex;align-items:center;position:relative;margin:0 16px 58px 16px}
.recipeSearchArea .searchOrder {flex:none;width:42px;height:42px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_search_77.png) no-repeat center/18px auto}
.recipeSearchArea .searchBox {display:flex;width:100%;border-radius:3px;background:#F5F5F5}
.recipeSearchArea .searchClose {flex-shrink:0;display:flex;align-items:center;width:27px;height:42px}
.recipeSearchArea .searchClose img {width:17px}
.recipeSearchArea input {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;height:42px;padding:0 32px 0 16px;border:0;font-size:12px;color:#6B6B6B;background:none;outline:none}
/* .recipeSearchArea input:-webkit-autofill {-webkit-box-shadow:0 0 0 500px #FFFFFF inset !important;}자동완성 bg 흰색으로 */
.recipeSearchArea input::placeholder {color:#6B6B6B}
.recipeSearchArea .btnDel {position:absolute;top:0;right:38px;width:20px;height:42px;background:none;z-index:1}
.recipeSearchArea .btnDel span {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:#B2B2B2;width:18px;height:18px;border-radius:50%}
.recipeSearchArea .btnDel span::before,.recipeSearchArea .btnDel span::after {content:'';border-radius:2px;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-45deg)}
.recipeSearchArea .btnDel span::before{width:10px;height:1px}
.recipeSearchArea .btnDel span::after{width:1px;height:10px}

.recipeMenu {display:flex;align-items:center;margin-bottom:30px;padding:13px 16px 0 16px}
.recipeMenu a {margin-right:6px;padding:13px 18px;border:1px solid #333;border-radius:30px;background:#fff;font-size:14px}
.recipeMenu a.myWish::after {content:'';display:inline-block;width:14px;height:14px;margin:0 0 0 4px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_28_2.png) no-repeat center/100% auto;vertical-align:top}
.recipeMenu a.on {background-color:#333;color:#fff}
.recipeMenu a.myWish.on::after {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_28_w.png)}
.subRecipeMenu.type1 {display:flex;flex-wrap:wrap;align-items:flex-start;margin:0 -3px;white-space: nowrap}
.subRecipeMenu.type1 a {margin:8px 3px 0 3px;padding:11px 14px;border:1px solid #E0E0E0;border-radius:20px;background:#fff;font-size:13px;color:#6B6B6B}
.subRecipeMenu.type1 a.active {border-color:#333;background:#333;color:#fff}
.subRecipeMenu.type2 {overflow-x:auto;display:flex;margin:20px -16px 0 -16px;border-top:1px solid #E0E0E0;border-bottom:8px solid #F4F4F4;white-space:nowrap}
.subRecipeMenu.type2 a {padding:0 10px;line-height:50px;color:#6B6B6B}
.subRecipeMenu.type2 a span {display:block;position:relative;height:100%}
.subRecipeMenu.type2 a.active {color:#333}
.subRecipeMenu.type2 a.active span::after {content:'';display:block;position:absolute;bottom:0;left:0;right:0;width:100%;height:2px;margin:0 auto;background:#333}
.simpleBanner .swiper-container {padding:0 16px}
.simpleBanner .swiper-slide {overflow:hidden;margin-right:16px}
.simpleBanner .swiper-slide img {border-radius:8px}
.simpleBanner .swiper-pagination {display:none}
.oMyRecipe .simpleBanner {padding-bottom:50px}

.oRecipe.brdTop {border-top:1px solid #EEEEEE}
.oRecipe {min-height:calc(100vh - 396px);padding-top:24px;padding-bottom:40px}
.oRecipe:has(.recipeVisual) {padding-top:30px}
.recipeBox {padding:0px 0 60px 0}
.recipeBox.only {padding-top:24px}
.recipeBox .before_login {padding:104px 0 60px;text-align:center}
.recipeBox .before_login .txt {font-size:14px;line-height:22px;letter-spacing:-0.42px;color:#6B6B6B}
.recipeBox .before_login .btnLogin {display:inline-block;min-width:150px;height:46px;margin-top:18px;border:1px solid #E0E0E0;border-radius:50px;background:#FFFFFF;font-size:14px;line-height:46px;text-align:center;vertical-align:top}
.recipeBox .sectTitle {display:block;margin-bottom:16px;padding:0 16px;font-weight:700;font-size:17px;line-height:24px;letter-spacing:-0.51px}
.recipeGrp {display:flex;flex-wrap:wrap;gap:30px 11px;padding:0 16px}
.recipeGrp .noHistory {width:100%;padding:105px 0 55px 0;font-size:14px;color:#6B6B6B;text-align:center}
.recipeGrp .noHistory.icon p::before {content:'';display:inline-block;width:14px;height:14px;margin:0 2px 0 0;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_28.png) no-repeat center/100% auto;vertical-align:top}
.recipeGrp .recipeItem {position:relative;width:calc((100% - 11px) / 2)}
.recipeGrp .recipeItem .imgArea {overflow:hidden;position:relative;margin-bottom:9px;border-radius:8px}
.recipeGrp .recipeItem .imgArea .thumbImg {display:block;position:relative;width:100%;aspect-ratio:7.54/10}
.recipeGrp .recipeItem .imgArea .thumbImg img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover}
.recipeGrp .recipeItem .imgArea .btnWish {position:absolute;bottom:0;right:0;width:40px;height:40px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_48.png) no-repeat center/24px auto;z-index:2}
.recipeGrp .recipeItem .imgArea .btnWish.on {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_48_on.png)}
.recipeGrp .recipeItem .recipeTit {overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;max-height:18px;font-size:14px;line-height:18px}
.recipeGrp .recipeItem .recipeWish {display:block;margin-top:8px;font-size:12px;color:#6E737F}
.recipeGrp .recipeItem .recipeWish::before {content:'';display:inline-block;width:11px;height:10px;margin-right:2px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_22.png) no-repeat center/100% auto;vertical-align:top}
.recipeGrp .recipeItem .recipeView {display:inline-flex;align-items:center;position:absolute;top:8px;left:8px;padding:4px 8px;margin-bottom:auto;border-radius:12px;background:rgba(51,51,51,0.8);font-size:12px;letter-spacing:-0.26px;color:#FFFFFF}
.recipeGrp .recipeItem .recipeView::before {content:'';display:inline-block;width:14px;height:14px;margin-right:2px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_viewers_28.png) no-repeat center/100% auto;vertical-align:top}
.recipeGrp .recipeItem.video .imgArea .thumbImg::before {content:'';display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_play_80.png) no-repeat center/40px auto;z-index:1}
.recipeGrp.type2 .recipeItem .imgArea .thumbImg {aspect-ratio:7.11/6}
.recipeGrp + .btnMore {display:block;margin:25px 16px 0 16px;border-radius:4px;background:#F4F4F4;line-height:46px;text-align:center}
.recipeGrp + .btnMore::after {content:'';display:inline-block;width:7.5px;height:7.5px;margin:19px 0 0 1px;border:solid #333333;border-width:1px 1px 0 0;transform:rotate(45deg);vertical-align:top}
.recipeGrp .noResulType1 {display:flex;align-items:center;justify-content:center;width:100%;height:68.3vw}
/* .recipeGrp.type2 .noResulType1 {height:49.9vw} */
.oRecipe .noResulType2 {width:100%;margin-top:90px;margin-bottom:10px}
.recipeGrp .noResulType2 {padding-bottom:20px}

.tabStyle1::-webkit-scrollbar, .tabStyle2::-webkit-scrollbar {display:none}
/* 회색밑줄 - on 볼드/검정밑줄 */
.tabStyle1 {overflow-x:auto;overflow-y:hidden;display:flex;position:relative;margin-bottom:16px;padding:0 7px}
.tabStyle1::after {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#F4F4F4}
.tabStyle1 .tabItem {position:relative;margin:0 9px;padding:1px 0 6px 0;font-size:14px;color:#6B6B6B;white-space:nowrap}
.tabStyle1 .tabItem.on {font-weight:700;color:#333333}
.tabStyle1 .tabItem.on::after {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#333333;z-index:1}
/* 회색라인/흰배경 - on 검정라인/검정배경 */
.tabStyle2 {overflow-x:auto;overflow-y:hidden;display:flex;margin-bottom:18px;padding:0 13px}
.tabStyle2 .tabItem {height:36px;margin:0 3px;padding:0 12px;border:1px solid #E0E0E0;border-radius:50px;background:#FFFFFF;line-height:36px;letter-spacing:-0.4px;white-space:nowrap}
.tabStyle2 .tabItem.on {border-color:#333333;background:#333333;color:#FFFFFF}

.recipeLi:has(.recipeGrp) {padding:0 16px}
.recipeLi .recipeGrp {flex-wrap:nowrap;column-gap:0px;padding:0}
.recipeLi .recipeGrp .recipeItem {position:relative;width:45.48%}
.recipeLi .recipeGrp .recipeItem .imgArea {margin-bottom:8px}
.recipeLi .recipeGrp .recipeItem .imgArea .thumbImg {aspect-ratio:7.42/10}
.recipeLi .btnMore {margin-left:0;margin-right:0}

/* 레시피 검색 관련 페이지 */
.oRecipe.oRecipeSearch {padding-top:12px}
.oRecipeSearch .recipeSearchArea {margin-bottom:20px}
body:has(.oRecipeSearch) .topMenu_home {display:none}

.recipeZzim {float: right; line-height: 16px;}
.recipeZzim a {display: inline-block; width: 20px; height: 100%; min-height: 20px; margin: -2px 4px 0 0; background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_50.png) center 54% no-repeat; background-size: 100% auto; font-size: 12px;  vertical-align: top;}
.recipeZzim a.on {background-image: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_100_4_on.png);}
.oDetail_topContent .recipeZzim span em {display: inline-block; margin: 12px 0 0 0px; vertical-align: top;}
.oMyRecipe .oDetail_topContent .innerBox { border-bottom:1px solid #f7f7f7; border-top:0 solid #f7f7f7; }
.oMyRecipe .oDetail_topContent .share a:before { width:23px; background-size:18px auto; }

.recipeMaterial {padding:25px 16px 24px 16px;border-top:8px solid #F7F7F7}
.recipeMaterial h3 {margin-bottom:15px;font-weight:500;font-size:15px}
.recipeMaterial h3 span {color: #6ba543;}
.recipeBtnBox {padding:20px 16px;border-top:1px solid #EEEEEE}
.recipeBtnBox a {display:flex;justify-content: center;align-items: center;height:44px;border:1px solid #0C520A;border-radius:4px;font-size:14px;color:#0C520A}
.recipeBtnBox a::after {content: '';width: 8px;height: 8px;margin:2px 0 -6px 2px;border: 1px solid #0C520A;border-width: 1px 1px 0 0;transform: translateY(-50%) rotate(45deg)}

.recipeGroupInfo {position:relative;padding:17px 16px 0 16px}
.recipeGroupInfo nav {padding-bottom:10px;font-size:12px;color:#6B6B6B}
.recipeGroupInfo nav a::before {content:'\203A';display:inline-block;margin:0 4px 0 2px;font-weight:100;font-size:23px;line-height:8px;vertical-align: top}
.recipeGroupInfo nav a:first-child::before {display: none}
.recipeGroupInfo .recipeTit {display:block;font-weight:500;font-size:18px;color:#333;line-height:20px}
.recipeGroupInfo .recipeViews {display:block;margin-top:8px;font-size:13px;line-height:16px;color:#6B6B6B}
.recipeGroupInfo .recipeBtnGrp {display:flex;height:45px;margin:20px -16px 0 -16px;border-top:1px solid #EEEEEE;font-size:14px}
.recipeGroupInfo .recipeBtnGrp .recipeWishCount::after {content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:20px;background:#EEEEEE}
.recipeGroupInfo .recipeWishCount {flex:1;display:flex;align-items:center;justify-content:center;position:relative;}
.recipeGroupInfo .recipeWishCount::before {content:'';width:16px;height:16px;margin:-1px 4px 0 0;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_32.png) no-repeat center/100% auto}
.recipeGroupInfo .recipeWishCount.on::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_32_red.png)}
.recipeGroupInfo .recipeWishCount em {display:inline-block;margin-left:2px;color:#F72F15;vertical-align:top}
.recipeGroupInfo .shareBtn {flex:1;display:flex;align-items:center;justify-content:center}
.recipeGroupInfo .shareBtn::before {content:'';width:13px;height:14px;margin:-2px 4px 0 0;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_share_31.png) no-repeat center/100% auto}
.recipeView {padding-bottom:27px;}
.recipeView figure {overflow: hidden; display: flex; align-items: center; height: 220px; margin: 0;}
.recipeView .youtubeWrap {margin: 0; padding: 0;}
.oasisWrap:has(.recipeView) .oDetail_buyBox .buyBox_btns {column-gap:9px}
.oasisWrap:has(.recipeView) .oDetail_buyBox .buyBox_btns a {height:50px;margin:0;font-weight:500;line-height:50px}
.oasisWrap:has(.recipeView) .oDetail_buyBox .buyBox_btns a.btn_buyBox_wishList {width:50px;padding-left:50px;border:0}
.oasisWrap:has(.recipeView) .oDetail_buyBox .buyBox_btns a.btn_buyBox_wishList::before {width:100%;height:100%;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_100_2.png) no-repeat center/100% auto}
.oasisWrap:has(.recipeView) .oDetail_buyBox .buyBox_btns a.btn_buyBox_wishList.on::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_heart_100_2_on.png)}
.recipeCartBtn a {width: 100%; height: 40px; font-size: 14px; line-height: 40px;}
.recipeImg > p:has(img),.recipeImg > div:has(img) {position:relative;padding:10px 16px;border-top:8px solid #F4F4F4;}
.recipeImg > p:has(img)::before,.recipeImg > div:has(img)::before {content:'';display:block;position:absolute;top:-8px;left:0;width:100%;height:1px;background:#E0E0E0}
.oMyRecipe .oDetail_buyBox .buyBox_btns {padding-top:7px;padding-bottom:7px}
.oMyRecipe .oDetail_buyBox .buyBox_btns a.btn_buyBox_wishList.on {display:block}
.recipePrd {margin:0 -16px;padding:0 16px}
.recipePrd .prdLi {width:90px}
.recipePrd .prdLi .imgArea {overflow:hidden;position:relative;border-radius:8px}
.recipePrd .prdLi .imgArea .thumbImg {display:block;position:relative;width:100%;padding-top:100%}
.recipePrd .prdLi .imgArea .thumbImg img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.recipePrd .prdLi .infoArea {padding-top:8px}
.recipePrd .prdLi .infoArea .price {font-weight:500}
.recipePrd .prdLi .infoArea .ttl {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;max-height:38px;margin-top:5px;line-height:19px;color:#6B6B6B}

/** 마이페이지::1:1문의, 상품문의 **/
.oQnaList.myShoppingWrap {padding-bottom: 0;}
.oQnaList .tabCont {display: block;}
.oQnaList .qnaTit {padding-right: 5px;}
.oQnaList .state {padding-bottom: 3px;}
.oQnaList .status {display: inline-block; height: 17px; padding: 0 4px; background: #828280; font-size: 12px; color: #fff; text-align: center; line-height: 17px;}
.oQnaList .status.end {background: #6ba543;}
.oQnaList .tabCont .comTxtArea {position: relative; padding: 15px 0 0 25px; font-size: 13px; line-height: 18px;}
.oQnaList .tabCont .comTxtArea::before {content: 'Q'; display: inline-block; position: absolute; width: 20px; height: 20px; top: 13px; left: 0; border-radius: 50%; background: #333; font-weight: 700; font-size: 12px; color: #fff; line-height: 20px; text-align: center;}
.oQnaList .tabCont .comTxtArea.aGroup::before {content: 'A'; background: #6ba543;}
.oQnaList .tabCont .comTxtArea a.showOn {display: block;}
.oQnaList .tabCont .comTxtArea .comTxt {padding-bottom: 10px;}
.oQnaList .tabCont .comTxtArea.qGroup .comTxt {padding-top: 12px;}
.oQnaList .tabCont .comTxtArea .comBtn {padding-top: 0;}
.oQnaList .tabCont .comTxtArea .comBtn a {margin-left: 14px; font-size: 11px;}
.oQnaList .tabCont .comTxtArea .comBtn a::before {margin-top: 0;}
.oQnaList .tabCont .comTxtArea .comBtn a.btnComDel::before {width: 13px; height: 14px; margin-top: 1px; background-size: auto 14px;}
.oQnaList .tabCont #qnaList .comTxtArea.qGroup {margin-top: 0; padding-top: 0; border-top: 0;}
.oQnaList .tabCont #qnaList .comTxtArea.qGroup::before {top: 0;}
.oQnaList .tabCont #qnaList .comTxtArea.qGroup .comTit a {display: block;}
.oQnaList .tabCont #qnaList .comTxtArea.aGroup {display: none;}
.oQnaList .tabCont #qnaList .comTxtArea.qGroup.active + .aGroup {display: block;}
.oQnaList .tabCont .odList .odPdList:last-child {border-bottom: 0;}
.oQnaList .oPdArea .odList .odPdList {padding: 16px 16px;}

.oQnaList .brdTop {position:relative;border-top:6px solid #F2F2F2}
.oQnaList .brdTop::before {content:'';display:block;position:absolute;top:-7px;left:0;width:100%;height:1px;background:#E0E0E0}

/** 마이페이지::1:1문의, 상품문의 - 202406 **/
.myInquiry {letter-spacing:-0.4px}
.qnaNoHistory {padding:100px 0;text-align:center}
/* 문의::타이틀 + totalDocs */
.listCount {display:flex;align-items:center;padding:26px 16px 12px 16px;border-bottom:8px solid #F4F4F4}
.listCount .ttl {font-weight:700;font-size:14px}
.listCount .count {margin-left:5px;font-size:13px}
.listCount .right {margin-left:auto}
.listCount .btnRight {display:inline-flex;align-items:center;height:28px;padding:0 7px;border:1px solid #E0E0E0;border-radius:3px;background:#FFFFFF;font-size:13px;vertical-align:top}

.qnaGroup .item {position:relative;padding:24px 16px 20px 16px;border-bottom:8px solid #F7F7F7}
/* 문의::상품 */
.qnaGroup .itemPrd {display:flex;align-items:center;margin:-4px 0 0 0;padding-bottom:16px;border-bottom:1px solid #EEEEEE}
.qnaGroup .itemPrd .imgArea {overflow:hidden;flex-shrink:0;width:50px;height:50px;margin-right:8px;border-radius:10px}
.qnaGroup .itemPrd .imgArea img {width:100%;height:100%;object-fit:cover}
.qnaGroup .itemPrd .infoArea {flex:1}
.qnaGroup .itemPrd .infoArea .ttl {overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;max-height:36px;padding-right:40px;font-size:13px;line-height:18px}
.qnaGroup .itemPrd .infoArea .opt {display:block;margin-top:6px;font-size:12px;color:#6B6B6B}
.qnaGroup:has(.itemPrd) .btnPos {top:107px}/* 상품문의내역일 때 */
.qnaGroup:has(.itemPrd) .itemAns {border:0;padding:22px 16px 20px 16px;background:#F4F4F4}
/* 문의::질문 영역 */
.qnaGroup .itemQus {display:block;position:relative;width:100%}
.qnaGroup .itemQus .status {display:inline-block;font-weight:700;font-size:13px;line-height:20px;color:#6B6B6B;vertical-align:top}
.qnaGroup .itemQus .status.end {color:#6BA43A}
.qnaGroup .itemQus .type {display:inline-block;font-weight:700;font-size:13px;line-height:20px;vertical-align:top}
.qnaGroup .qusTxt {overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;max-height:44px;margin-top:13px;font-size:14px;line-height:22px}
.qnaGroup .item:has(.itemPrd) .itemQus {padding-top:20px}
/* 문의::이미지 영역 */
.qnaGroup .attachImg {display:flex;flex-wrap:wrap;row-gap:14px;margin-top:12px}
.qnaGroup .attachImg .attachThumb {display:flex;column-gap:4px;width:100%}
.qnaGroup .attachImg .attachThumb .imgArea {overflow:hidden;flex-shrink:0;width:calc((100% - 12px) / 4);border-radius:5px}
.qnaGroup .attachImg .attachThumb .imgArea .thumbImg {display:block;position:relative;width:100%;padding-top:100%}
.qnaGroup .attachImg .attachThumb .imgArea img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.qnaGroup .attachImg .attachScale {overflow:hidden;display:none;width:100%;border-radius:5px}
.qnaGroup .date {display:block;margin-top:12px;font-size:13px;line-height:16px;color:#909090}
.qnaGroup .item.secret .type::after {content:'';display:inline-block;width:13px;height:14px;margin:2px 0 0 2px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_lock_26.png) no-repeat center/100% auto;vertical-align:top}/* 비밀글 */
/* 문의::답변 영역 */
.qnaGroup .itemAns {display:none;position:relative;margin-top:20px;padding-top:20px;border-top:1px solid #EEEEEE}
.qnaGroup .itemAns .col-g {display:block;margin-bottom:16px;font-weight:700;font-size:13px;color:#6BA43A}
.qnaGroup .itemAns .ansTxt {font-size:14px;line-height:22px}
.qnaGroup .btnPos {display:flex;column-gap:6px;position:absolute;top:20px;right:16px}
.qnaGroup .btnPos :where(a, button) {display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 8px;border-radius:3px;background:#F4F4F4;font-size:13px;text-align:center;vertical-align:top}
/* 문의::답변 열었을 떄 */
.qnaGroup .item.open .qusTxt {display:block;max-height:initial}
.qnaGroup .item.open .attachImg .attachScale {display:block}
.qnaGroup .item.open .itemAns {display:block}
/* 문의::1:1문의일 때 */
.qnaGroup:not(:has(.itemPrd)) .item {padding-left:42px}
.qnaGroup:not(:has(.itemPrd)) .itemQus::before {content:'Q';display:block;position:absolute;top:0;left:-26px;width:20px;height:20px;border-radius:50%;background:#333333;font-weight:700;font-size:12px;line-height:20px;color:#FFFFFF;text-align:center}
.qnaGroup:not(:has(.itemPrd)) .itemAns::before {content:'A';display:block;position:absolute;top:19px;left:-26px;width:20px;height:20px;border-radius:50%;background:#6BA43A;font-weight:700;font-size:12px;line-height:20px;color:#FFFFFF;text-align:center}

/** 마이페이지::1:1문의하기 **/
.qnaWritePop .refundTopTxt {background:#0C520A;color:#fff;font-size:12px;text-align:center;line-height:1.5;padding:13px 16px;margin-bottom:4px}
.qnaWritePop .refundTopTxt::before {content:'';bottom:-1px;position:relative;display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:4px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_infor_24_white.png) no-repeat 0 center / 12px 12px}
.qnaOrder .oMyComm {padding-bottom:80px}
.qnaOrder .noticeBox {padding:20px 15px 15px 12px;background:#F7F7F7;margin-bottom:30px}
.qnaOrder .noticeBox p {font-size:12px;letter-spacing:-.6px;word-break:keep-all;line-height:1.417;padding-left:18px;position:relative}
.qnaOrder .noticeBox p + p {margin-top:10px}
.qnaOrder .noticeBox p::before {content:'';position:absolute;left:0;top:1px;width:14px;height:14px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_mark_circle_28_g.png) no-repeat 0 center / 14px 14px}
.qnaOrder .noticeBox .ellipsis {font-weight:500}
.qnaOrder .noticeBox a {display:inline-block;margin-top:2px;color:#6CA435}
.qnaOrder .noticeBox a::after {content: '';display:inline-block;width:6px;height:6px;margin:0 0 -2px 2px;border:1px solid #6CA435;border-width:1px 1px 0 0;transform:translateY(-50%) rotate(45deg)}

.qnaOrder .giftTxt {padding: 20px 16px; line-height: 20px;} 
.qnaOrder .questionType {padding: 0 16px;margin-top:20px}
.qnaOrder .questionType.off {display: none;}
.qnaOrder .questionType ul {overflow: hidden;display:flex;flex-wrap:wrap;gap:0 10px}
.qnaOrder .questionType ul li {flex:1 1 auto;width:calc(50% - 5px); font-weight: 500; text-align: center;border:1px solid #eee;border-radius:3px;height:40px;position:relative;display:inline-flex;justify-content: center; align-items: center;}
.qnaOrder .questionType ul li:has(input:checked) {border-color:#333}
.qnaOrder .questionType ul li+li+li {margin-top:10px}
.qnaOrder .questionType ul li label {position:static}
.qnaOrder .questionType ul li label::after {content:'';width:100%;height:100%;position:absolute;left:0;top:0}

.qnaOrder .questionSelect {}
.qnaOrder .questionSelect select {height: 44px; padding: 0 40px 0 15px; border: 1px solid #e0e0e0; border-radius: 5px; background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_accordion_60.png) no-repeat calc(100% - 16px) 50% / 15px 15px;font-size: 13px;color: #6b6b6b; text-align: left;}
.qnaOrder .questionSelect select + select, .qnaOrder div.qnaTextarea + select {margin-top: 6px;}
.qnaOrder .qnaTextARea .textareaTxt,
.qnaOrder .qnaTextarea textarea {width: 100%; padding: 17px 13px; border: 1px solid #e0e0e0; line-height:1.5; color: #6b6b6b; resize: none; box-sizing: border-box;font-size:13px}
.qnaOrder .qnaTextarea input {height: 40px; line-height: 40px; padding: 0 13px; font-size: 12px; color: #5d5d5d; text-align: left;}
.qnaOrder .qnaTextarea input:read-only {background:#F7F8F9;color:#828282}
.qnaOrder .qnaTextarea textarea::placeholder,
.qnaOrder .qnaTextarea input::placeholder {color: #a6a6a6;}
.qnaOrder .qnaTextarea input + textarea {margin-top: 16px;}
.qnaOrder .qnaSms {padding-top: 18px;}
.qnaOrder .qnaSms + .qnaSms {padding-top: 10px;}
.qnaOrder .photoWrap {padding: 0 16px 40px 16px;}
.qnaOrder .photoWrap::after {content: ''; display: block; clear: both;}
.qnaOrder .photoWrap a {float: left; position: relative; width: 17%; height: 62px; margin-left: 3.5%; background: #eee!important; vertical-align: top;}
.qnaOrder .photoWrap a:first-child {margin-left: 0;}
.qnaOrder .photoWrap a.attach-img span img {opacity: 1;}
.qnaOrder .photoWrap a span {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.qnaOrder .photoWrap a span img {width: 100%; height: 100%;}
.qnaOrder .photoWrap a img.photoBefore {width: auto; height: 18px;}
.qnaOrder .photoWrap a .img-dimm-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.qnaOrder .photoWrap a .img-dimm-wrap img {top: 0; left: auto; right: 0; margin: 0; padding: 6px; background: rgba(51,51,51,.8);}
.qnaOrder .checkTxt {margin-bottom: 40px; padding-bottom: 25px;}

.qnaOrder dl {padding: 0 16px;}
.qnaOrder dl dt+dd~dt {margin-top:30px}
.qnaOrder dl dt {font-size:15px;margin-bottom:12px;font-weight:600;color:#333}
.qnaOrder dl dd+dd {margin-top:10px}
.qnaOrder dl dd > div + div {margin-top:10px}
.qnaOrder dl dd input {border-color: #dbdada; border-radius: 5px;}
.qnaOrder dl .textArea {position: relative;padding: 14px 16px 27px 16px; border: 1px solid #e0e0e0; border-radius: 5px;}
.qnaOrder dl .textArea textarea {padding: 0; border: 0;color:#6b6b6b;height:111px}
.qnaOrder dl .textArea textarea::placeholder {color:#6b6b6b}
.qnaOrder dl .textArea span {position: absolute; bottom: 5px; right: 10px; font-size: 13px; line-height: 20px; color: #5d5d5d;}
.qnaOrder dl .textArea span em {color: #a6a6a6;}
.qnaOrder .reviewCont.rpbWrap {padding: 0 16px;margin-top:40px}
.qnaOrder .reviewCont.rpbWrap a.btn_addFile::before {display: none;}
.qnaOrder .guideTxt {padding: 12px 16px 0 23px;color: #6b6b6b; line-height: 1.4;}
.qnaOrder .guideTxt p::before {content: '*'; display: inline-block; margin-left: -7px; vertical-align: top;}
.qnaOrder .btnWrap {flex-wrap: wrap;}
.qnaOrder .qnaSmsBox {margin:30px 0 0;padding:12px 16px;background:#F7F7F7;width:100%;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0}
.reviewCont.rpbWrap a.attach-img .img-dimm-wrap {position: absolute; top:-4px; right:-4px; width: 22px; height:22px}/* 1:1문의, 구매후기 */
.reviewCont.rpbWrap a.attach-img .img-dimm-wrap img {width:22px;height:22px;margin:0;position:static}
.reviewCont.rpbWrap a.attach-img span img {opacity: 1;}

/** 마이페이지::고객센터 **/
.cscTab {display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #ececec;}
.cscTab a {display: table-cell; position: relative; height: 57px; font-size: 14px; line-height: 57px; text-align: center;}
.cscTab a.on {font-weight: 500;}
.cscTab a.on::before {content: ''; display: inline-block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #6ba539;}
.oQnaList .boxMenuBlock {padding: 1px 0 0 0;}
.oQnaList .boxMenuTit {border-bottom: 8px solid #f7f7f7;}
.oQnaList .boxMenuTit p {display: none; height: 62px; padding: 0 16px; font-weight: 500; font-size: 15px; line-height: 62px;}
.oQnaList .boxMenuTit p.on {display: block;}
.oQnaList .boxMenuTxt {padding-bottom: 50px;}
.oQnaList .boxMenuTxt.tabCont .comTxtArea {margin-top: 0; padding: 18px 16px 18px 41px; border: 0;}
.oQnaList .boxMenuTxt.tabCont .comTxtArea::before {top: 16px; left: 16px;}
.oQnaList .boxMenuTxt.tabCont .comTxtArea span {font-size: 12px!important; font-family: 'Spoqa Han Sans Neo'!important;}
.oQnaList .boxMenuTxt.tabCont .comTxtArea.qGroup .comTxt {padding: 0;}
.oQnaList .boxMenuTxt.tabCont .comTxtArea.aGroup {display: none; padding: 0 16px; background: #f7f7f7;}
.oQnaList .boxMenuTxt .oPdArea .odList .odPdList {padding: 0; border: 1px solid #eee;border-left:0;border-right:0;border-top:0}
.oQnaList .boxMenuTxt.tabCont .comTxtArea.aGroup {display: none; padding: 18px 16px 18px 41px;}
.oQnaList .boxMenuTxt.tabCont .comTxtArea.qGroup.active + .aGroup {display: block;}
.oQnaList .faqBtnWrap {display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
.oQnaList .faqBtnWrap a {width:calc((100% / 3) - 5px);margin:0;height:40px;border-radius:3px;line-height:40px}
.oQnaList .faqBtnWrap a+a+a+a{margin-top:10px}
.oQnaList .faqBtnWrap.halfType a {width:calc(50% - 4px)} 
.oQnaList .faqBtnWrap.fullType a {width:100%} 

.oDetilDialog.recentlyQnaNone .innerBox {border-radius:0;padding:30px 15px;text-align:center}
.oDetilDialog.recentlyQnaNone .dialog_header {border-bottom:0;position:static}
.oDetilDialog.recentlyQnaNone h3 {font-size:15px;font-weight:bold;margin-bottom:20px}
.oDetilDialog.recentlyQnaNone .dialog_body {padding:0;font-size:12px;line-height:1.4}
.oDetilDialog.recentlyQnaNone .btnsArea {text-align:center;padding-top:30px}
.oDetilDialog.recentlyQnaNone .btnsArea .btn_close {display:inline-flex;justify-content:center;align-items:center;margin:0 auto;width:125px;height:40px;background-color:#fff;color:#333;border-radius:20px;font-size:13px;line-height:40px;border:1px solid #6BA543}
.oDetilDialog.recentlyQnaNone .btnsArea.qnaType {display:flex;flex-wrap:wrap;justify-content:space-between;padding:15px 0 0;margin-bottom:-7px}
.oDetilDialog.recentlyQnaNone .btnsArea.qnaType .btn_close {border-radius:2px;width:calc((100% / 3) - 9px);margin-bottom:7px}

/** 마이페이지::환불서비스 **/
.commWriteArea > p {margin:-4px 0 12px;font-size:12px;color:#6B6B6B}

.oMyComm .qnaWritePop {border-top:1px solid #eee;}
.oMyComm .topTxt + .qnaWritePop {border-top: 0;}
.oMyComm .qnaWritePop .commWriteTit {padding-top: 0;}
.oMyComm .qnaWritePop .commWriteTit span {font-size: 12px; color: #828282;}

.rfForm {border-top: 1px solid #eee;}
.rfForm .commWrap {padding: 0 16px 30px 16px; border-top: 0;}
.rfForm .commWrap .commWriteTit {padding:30px 0 12px;font-size:15px;font-weight:600}
.rfForm select {font-size:13px;height: 44px; padding: 0 35px 0 16px; background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_down_52.png) no-repeat right 16px top 50% / 16px auto;border-radius:3px}
.refundPoint .rfPointTxt {position: relative; padding: 18px 16px 18px 28px; border-radius: 5px; background: #f4f4f4;line-height:1.59;word-break:keep-all}
.refundPoint select {height:40px;width: 64px; padding: 0 20px 0 10px; background-color: #fff; background-position: right 8px top 50%; font-size:13px;font-weight:bold;}
.refundPoint input {width: 98px; height: 40px; font-size:13px;font-weight:bold;border-radius:3px}
.refundPoint .rfPointTxt::before {content:'';position:absolute;left:16px;top:21px;width:0;height:0;border-left:8px solid #333;border-top: 5px solid transparent;border-bottom: 5px solid transparent}
.refundPoint .rfPointTxt .rDiscountedPrice > * {font-weight:normal;}
.refundPoint .rfPointTxt .rDiscountedPrice > em {color:#6B6B6B}
.refundPoint .rfPointTxt #refundType1Wrap .rDiscountedPrice > br {display:block !important}
.refundPoint .rfPointTxt #refundType2Wrap .rDiscountedPrice > span {display:none}
.refundRatioBox {border-top:1px solid #e0e0e0;padding:16px 16px 0;margin:16px -16px 0 -28px;line-height:2.4}
.refundUploadBox .cc_file_uploadCont {background:#fff;padding:0;margin-top:30px}
.refundUploadBox .cc_file_uploadCont h3+p {font-size:12px;color:#6b6b6b;margin-bottom:7px}
.refundUploadBox .cc_file_uploadCont .cc_file_uploadBox {border: 0}

.popStyle {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 0; background: rgba(0,0,0,.6); z-index: 960; font-family: 'Spoqa Han Sans Neo';}
.popStyle .popArea {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); margin: 0 auto; width: 85%; padding: 14px 12px 33px 12px; background: #fff;}
.popStyle .popHeader {height: 37px; border-bottom: 1px solid #6ba543; text-align: center; line-height: 37px;}
.popStyle .popHeader h4 {font-weight: 500; font-size: 14px;}
.popStyle .popBody p {padding: 28px 0; line-height: 24px; text-align: center;}
.popStyle .btnPopup {display: flex; align-items: center;}
.popStyle .btnPopup a {flex-grow: 1; display: block; height: 30px; line-height: 30px; text-align: center;}

/** 마이페이지::셀프환불하기 **/
.myRefundEmpty {padding:88px 0 136px 0;font-size:13px;line-height:16px;color:#6B6B6B;text-align:center}
.selfRefundWrap .refundTopBox {padding:20px 16px 30px 16px}
.selfRefundWrap .refundTopBox .banner {padding-bottom:20px}
.selfRefundWrap .refundTopBox .ttl {display:block;padding-bottom:11px;font-weight:700;font-size:17px;line-height:20px;letter-spacing:-0.3px;color:#0C520A}
.selfRefundWrap .refundTopBox .txt {font-size:13px;line-height:19px;letter-spacing:-.01em}
.selfRefundWrap .refundTopBox .user {overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;max-width:135px;vertical-align:top}
.selfRefundWrap .refundTopBox .txt .user {max-width:115px}
.selfRefundWrap .oOrderControl .odBox + .odBox {margin-top:16px}
.selfRefundWrap .oOrderControl .odBox .odPdArea .odImg {width:70px;height:70px}
.selfRefundWrap .oOrderControl .odBox .odPdArea .odLink {padding:0 16px 15px 16px}
.selfRefundWrap .oOrderControl .odBox .odPdBtn a {height:38px;margin:0}
.selfRefundWrap .gbnInfo {position:relative;padding:0 16px 30px 16px}
.selfRefundWrap .gbnInfo .txt {padding:9px 12px;border:1px solid #EEEEEE;border-radius:6px;background:#FFFFFF;font-size:12px;line-height:20px;letter-spacing:-0.24px;color:#6B6B6B}
.selfRefundWrap .gbnInfo .txt.col-b {border:0;box-shadow:3px 3px 10px rgba(0,0,0,0.03);font-size:13px;color:#333333}
.selfRefundWrap .gbnInfo .btn_movPlay {position:absolute;right:16px;bottom:-18px;z-index:10} 

/* 입점문의::메인 */
.inquiryWrap .applicationArea {text-align: center;}

.inquiryMainCont {}
.inquiryMainCont > li {padding:50px 20px 60px}
.inquiryMainCont > li > h3 {font-size:23px;font-weight:bold;margin-bottom:30px;letter-spacing:-.06em}
.inquiryMainCont > li > h3 em {display:block;margin-bottom:8px}
.inquiryMainCont > li > h3 em img {width:auto;height:20px}
.inquiryMainCont > li > h3 strong {display:block;margin-top:10px;color:#7E7E7E;font-size:14px;font-weight:normal;letter-spacing:-1px}
.inquiryMainCont .tit_inquiryMain {color:#333;font-weight:normal;font-size:15px;}
.inquiryMainCont .txt_inquiryMain {color:#373737;font-weight:300;font-size:13px;margin-top:8px;letter-spacing:-.06em;word-break:keep-all}
.inquiryMainCont .txt_inquiryMain a {border-bottom:1px solid #727272;color:#727272}
.inquiryMainCont .btn_applyUs {border-radius:50px;display:flex;height:47px;align-items:center;justify-content:center;background-color:#6BA43A;color:#fff;margin:30px auto 0;font-size:15px;padding:0 20px}
.inquiryMainCont .in_cont01 {background:#F7F7F7}
.inquiryMainCont .in_cont01 ul {text-align:left;padding:0 15px;background:#fff;border-radius:12px}
.inquiryMainCont .in_cont01 ul li {display:flex;align-items: center;height:96px}
.inquiryMainCont .in_cont01 ul li+li {border-top:1px solid #E3E3E3}
.inquiryMainCont .in_cont01 ul li > span {width:35px;flex:none;margin:0 15px}
.inquiryMainCont .in_cont02 {background:#092C0B;padding:50px 0 60px}
.inquiryMainCont .in_cont02 .oSwiper {padding:0 20px 25px;position:relative}
.inquiryMainCont .in_cont02 .swiper-slide {width:80vw !important;background:#F7F7F7;border-radius:12px;padding:25px 0}
.inquiryMainCont .in_cont02 .swiper-slide > div {width:110px;height:110px;border-radius:50%;background:#fff;margin:0 auto 19px;display:inline-flex;align-items:center;justify-content:center}
.inquiryMainCont .in_cont02 .swiper-slide > .inqSwipeimg01 img {width:71px;height:71px}
.inquiryMainCont .in_cont02 .swiper-slide > .inqSwipeimg02 img {width:64px;height:68px}
.inquiryMainCont .in_cont02 .swiper-slide > .inqSwipeimg03 img {width:65px;height:72px}
.inquiryMainCont .in_cont02 .swiper-slide > p {line-height: 1.45}
.inquiryMainCont .in_cont02 .oSwiper .swiper-scrollbar {bottom:0;left:20px;border-radius:0;width:calc(100% - 40px);background:#000}
.inquiryMainCont .in_cont02 .oSwiper .swiper-scrollbar .swiper-scrollbar-drag {background:#74CE26;border-radius:0}
.inquiryMainCont .in_cont02 h3 {color:#fff}
.inquiryMainCont .in_cont03 {background:#F7F7F7}
.inquiryMainCont .in_cont03 ol li {display:flex;align-items:center;background:#fff;border-radius:14px;text-align:left;padding:7px 0}
.inquiryMainCont .in_cont03 ol li+li {margin-top:10px}
.inquiryMainCont .in_cont03 ol li > span {width:62px;text-align:center;font-family:'NanumSquare';font-size:25px;font-weight:300;color:#A2A2A2;flex:none;}
.inquiryMainCont .in_cont03 ol li > div {padding:14px 18px 14px 33px;border-left:1px dashed #C3C3C3;}
.inquiryMainCont .in_cont03 ol li > div p {margin-top:8px;line-height:1.45}
.inquiryMainCont .in_cont04 {background:#fff}
.inquiryMainCont .in_cont04 .icoCheck {width:30px;height:40px;margin:-14px 4px 0}
.inquiryMainCont .in_cont04 ul {padding:9px 16px;border:1px solid #D9D9D9;border-radius:12px}
.inquiryMainCont .in_cont04 ul li {height:47px;display:flex;align-items:center;font-size:15px;text-align:left;padding-left:16px;color:rgba(51,51,51,.8)}
.inquiryMainCont .in_cont04 ul li+li {border-top:1px solid #E3E3E3}
.inquiryMainCont .in_cont04 ul li::before {content:'';width:17px;height:19px;background:url(https://oasisprodcom.edge.naverncp.com/pc/img/img_contactUs_check_sm.png) no-repeat 0 0 / 100% 100%;margin:-4px 6px 0 0}
.inquiryMainCont .in_cont05 {background:#092C0B;padding:46px 0 50px}
.inquiryMainCont .in_cont05 p {font-size:16px;color:rgba(83,83,83,.82);line-height:1.473;color:rgba(255,255,255,.82)}
.inquiryMainCont .in_cont05 h4 {margin-top:30px;font-size:18px;font-weight:normal;color:#fff}
.inquiryMainCont .in_cont05 h4 span {display:block;margin-top:25px;}
.inquiryMainCont .in_cont05 h4 span img {width:auto;height:22px;}

.inquiryWrap .applicationArea .btnApp {display:flex;background:#6BA43A}
.inquiryWrap .applicationArea .btnApp a {flex:1 1 auto;height:52px;display:inline-flex;align-items:center;justify-content:center;font-weight:500;position:relative;color:#fff;font-size:15px}
.inquiryWrap .applicationArea .btnApp a+a::before {content:'';background:#E0E0E0;position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:30px}
.inquiryWrap .noticeListTit {padding: 0 16px 12px 16px; border-bottom: 1px solid #333; font-weight: 700; font-size: 14px; line-height: 16px;}
.inquiryWrap .noticeListTit::after {content: ''; display: block; clear: both;}
.inquiryWrap .noticeListTit span {float: right; font-weight: 400; font-size: 12px;}
.inquiryWrap .noticeTitArea {border-top: 0}
.inquiryWrap .noticeTitArea .noHistory {padding: 50px 0; text-align: center;}
.inquiryWrap .noticeTitArea .noHistory p {font-size: 12px; color: #828282;}
.inquiryWrap .noticeTitArea ul li {border-bottom-color: #eee;}
.inquiryWrap .noticeTitArea ul li a .noticeTit::after {top: 1px;}
.inquiryWrap .noticeTitArea ul li a .noticeTit span {-webkit-line-clamp: 1; font-size: 14px; line-height: 16px;}
.inquiryWrap .noticeTitArea ul li a .noticeDate {padding-top: 8px;}

/* 입점문의::신청하기 */
.inquiryWrap {padding-bottom:80px}
.inquiryWrap .inquiryForm {position: relative; padding: 0 16px;}
.inquiryWrap .inqInput sup {color:#E64E0A}
.inquiryWrap .inqInput+.inqInput {margin-top:26px;}
.inquiryWrap .inqInput label {display: block;margin-bottom:4px;}
.inquiryWrap .inqInput input {width: 100%; height: 46px; padding: 0 4px;border:0;border-bottom:1px solid #e0e0e0}
.inquiryWrap .inqInput textarea {width: 100%; height: 200px; padding: 18px; border: 1px solid #E0E0E0; font-size: 14px; resize: none;margin-top:12px}
.inquiryWrap .inqInput select {border:0;border-bottom:1px solid #e0e0e0;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_accordion_60.png) no-repeat calc(100% - 16px) 50% / 16px 16px;padding-left:4px}
.inquiryWrap .inqInput.cmAddPhotoWrap {margin-top: 16px; padding: 0;}
.inquiryWrap .inqInput.cmAddPhotoWrap .guideTxt {margin: 0; padding-top: 12px; font-size: 12px; color: #828282;}
.inquiryWrap .inqInput.cmAddPhotoWrap input {display: inline-block; width: calc(100% - 101px); vertical-align: top;}
.inquiryWrap .inqInput.cmAddPhotoWrap .btnAddFile {display: inline-block; width: 86px; height: 45px; margin-left:6px; background: #333; color: #fff; line-height: 45px; text-align: center; vertical-align: top;font-size:14px;border-radius:3px}
.inquiryWrap .inqInput.cmAddPhotoWrap .btnAddFile.del {background: #b2b2b2;}
.inquiryWrap .btnFixed {display:flex;align-items:center;position:fixed;bottom:0;left:0;width:100%;height:52px;line-height:52px;z-index:100;}
.inquiryWrap .btnFixed a {flex-shrink: 1; width: 100%; border-radius: 0; font-size: 15px}
.inquiryWrap .btnFixed a + a {margin-left: 0 !important;}

/* 입점문의::리스트 */
.inquiryWrap .noticeViewArea .noticeViewTxt {padding: 40px 23px}
.inquiryWrap .noticeViewArea .qTxt dl dt {padding: 0; border-bottom: 0; font-weight: 700; font-size: 14px;}
.inquiryWrap .noticeViewArea .qTxt dl dt::before {content: ''; display: inline-block; width: 2px; height: 2px; background: #333; margin: 7px 5px 0 -8px; vertical-align: top;}
.inquiryWrap .noticeViewArea .qTxt dl dd {padding: 0; font-size: 14px; line-height: 22px;}
.inquiryWrap .noticeViewArea .qTxt dl dt + dd {padding-top: 8px;}
.inquiryWrap .noticeViewArea .qTxt dl dd + dt {padding-top: 26px;}
.inquiryWrap .noticeViewArea .qTxt dl dd.file a {height: 45px; margin-top: 2px; padding: 0 16px; border: 1px solid #ddd; overflow: hidden; display: inline-block; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; font-size: 12px; line-height: 45px;}
.inquiryWrap .noticeViewArea .aTxt {position: relative; padding: 21px 16px 20px 16px; border-top: 1px solid #eee; background: #f7f7f7;}
.inquiryWrap .noticeViewArea .aTxt .status b {font-size: 14px;}
.inquiryWrap .noticeViewArea .aTxt .status span {font-size: 12px; color: #828282;}
.inquiryWrap .noticeViewArea .aTxt .status span::before {content: ''; display: inline-block; width: 2px; height: 2px; margin: 6px 6px 0 4px; background: #333; border-radius: 50%; vertical-align: top;}
.inquiryWrap .noticeViewArea .aTxt .memo {padding-top: 12px; font-size: 13px; line-height: 16px;}

/* 광고문의 230310 */
.searchAdWrap {padding-bottom:80px}
.searchAdWrap .adTopBanner {position:relative} 
/* .searchAdWrap .adTopBanner::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1} */
.searchAdWrap .searchAd_cont {padding:35px 16px 0}
.searchAdWrap .searchAd_cont .introTxt {font-size:14px;line-height:1.3;padding-bottom:22px;border-bottom:2px solid #333;margin-bottom:24px}
.searchAdWrap .searchAd_cont .introTxt strong {font-size:18px;display:block;margin-bottom:15px;font-weight:600}
.searchAdWrap .searchAd_ipList li+li {margin-top:30px}
.searchAdWrap .searchAd_ipList li > label {font-size:13px}
/* .searchAdWrap .searchAd_ipList li > label::after {content:'';display:inline-block;width:3px;height:3px;border-radius:50%;background-color:#6ba43a;vertical-align:top;margin-left:2px} */
.searchAdWrap .searchAd_ipList li > div {margin-top:4px}
.searchAdWrap .searchAd_ipList li > div:has(textarea) {margin-top:12px}
.searchAdWrap .searchAd_ipList li input {font-size:14px;padding:0 4px;width:100%;border:0;border-bottom:1px solid #e0e0e0;height:46px}
.searchAdWrap .searchAd_ipList li textarea {width:100%;height:200px;border:1px solid #E0E0E0;padding:18px;font-size:14px}
.searchAdWrap .searchAd_ipList li textarea+div {margin-top:8px}
.searchAdWrap .searchAd_ipList li .fileBox {display:flex;align-items:center}
.searchAdWrap .searchAd_ipList li .fileBox > div {display:inline-flex; width:100%;height:45px;align-items:center}
.searchAdWrap .searchAd_ipList li .fileBox > div input {height:43px}
.searchAdWrap .searchAd_ipList li .fileBox label {flex:none;width:70px;margin-left:6px;height:36px;background-color:#333;color:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;}
.searchAdWrap .searchAd_ipList li .fileBox+p {font-size:12px;color:#828282;margin-top:12px;height:14px;padding-left:17px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_exclamationMark_56.png) no-repeat 0 0 / 14px 14px;display:flex;align-items:center}
.searchAdWrap .searchAd_ipList .ipUnderTxt {margin-top:8px;font-size:12px;color:#6b6b6b}
.ad_agreeBox {margin-top:40px;position:relative}
.ad_agreeBox .ad_ag_chBox {padding-bottom:12px;border-bottom:1px solid #333;margin-bottom:16px}
.ad_agreeBox .ad_ag_chBox input:checked+label {font-weight: bold;}
.ad_agreeBox .ad_ag_chBox label {font-size:14px}
.ad_agreeBox > p {line-height:1.4}
.ad_agreeBox .txt_grayBox {border:1px solid #E0E0E0;background-color:#f7f7f7;padding:15px 18px;margin-top:12px;color:#6b6b6b}
.ad_agreeBox .txt_grayBox ul li {font-size:12px}
.ad_agreeBox .txt_grayBox ul li+li {margin-top:8px}

.searchAdWrap .finishCont {text-align:center;padding:91px 16px}
.searchAdWrap .finishCont::before {content:'';display:block;margin:0 0 25px;height:50px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_200_g.png) no-repeat center center / 40px 40px}
.searchAdWrap .finishCont strong {font-size:20px;line-height:1.4}
.searchAdWrap .finishCont strong b {font-weight:bold}
.searchAdWrap .finishCont p {line-height:1.4;margin-top:40px;font-size:14px;color:#6b6b6b}

/*  폼 : 명절배송 신청 */
.oForm.request {  }
.oForm.request .noteBox_top { display:block; padding:14px; margin:14px 16px 0 16px; background-color:#f7f7f7; border-radius:5px; line-height:22px; text-align:left; font-size:13px; }
.oForm.request .noteBox_top strong { color:#de3c06; font-weight:700; }
.oForm.request .noteBox_top p {  }
.oForm.request .noteBox_top p b { font-weight:700; }
.oForm.request .noteBox_top p + p { padding-top:10px; }
.oForm.request .noteBox_top a { display:inline-block; padding-top:10px; text-decoration:underline; }
.Form.request.deliveryMark {  }
.Form.request.deliveryMark dl { padding-top:25px; }
.Form.request.deliveryMark dl div { padding:0 16px; margin-bottom:30px; }
.Form.request.deliveryMark dl div.gapT { padding-top:30px; border-top:1px solid #eee; }
.Form.request.deliveryMark dl dt { font-size:14px; font-weight:700; }
.Form.request.deliveryMark dl dt .txtS { display:inline-block; margin-left:4px; vertical-align:baseline; font-size:12px; font-weight:400; color:#828282; }
.Form.request.deliveryMark dl dd { padding:12px 0 0 0; }
.Form.request.deliveryMark dl dd p { line-height:19px; font-size:12px; color:#828282; }
.Form.request.deliveryMark dl input { display:block; width:100%; height:45px; padding:0 16px; margin-bottom:10px; border:1px solid #ddd; border-radius:5px; line-height:45px; vertical-align:top; }
.Form.request.deliveryMark dl .address input:nth-child(1) { display:inline-block; width:calc(100% - 98px) !important; }
.Form.request.deliveryMark dl .address button { display:inline-block; width:86px; height:45px; margin-left:12px; background-color:#f7f7f7; border:1px solid #ddd; border-radius:5px; line-height:45px; vertical-align:top; text-align:center; }
.Form.request.deliveryMark dl textarea { display:block; width:100%; height:150px; padding:16px 16px; border:1px solid #ddd; border-radius:5px; line-height:20px; }
.Form.request.deliveryMark dl .textarea { margin-bottom:6px; }
.Form.request.deliveryMark dl .attachfile { font-size: }
.Form.request.deliveryMark dl .attachfile input[type=file] { position:absolute; height:0; width:0; padding:0; margin:0; line-height:0; }
.Form.request.deliveryMark dl .attachfile input[type=text] { display:inline-block; width:calc(100% - 98px) !important; }
.Form.request.deliveryMark dl .attachfile button { display:inline-block; width:86px; height:45px; margin-left:12px; background-color:#333; border:1px solid #ddd; border-radius:5px; line-height:45px; vertical-align:top; text-align:center; color:#fff; }
.Form.request.deliveryMark dl select { border:1px solid #ddd; border-radius:5px; }
.Form.request.deliveryMark .Bts.b { display:flex; }
.Form.request.deliveryMark .Bts.b > * { display:block; flex:1; height:50px; background-color:#fff; border:1px solid #eee; text-align:center; line-height:48px; font-size:14px; color:#333; }
.Form.request.deliveryMark .Bts.b > .next { background-color:#eee; border-color:#eee; color:#828282; }
.Form.request.deliveryMark.ac .Bts.b > .next { background-color:#6ba539; border-color:#6ba539; color:#fff; font-weight:700; }

/* 220908 추가 m매장안내 */
.storeInfoWrap {display:block;position:inherit;border-top:1px solid #dfdfdf}
.storeInfoWrap .placeInfo {padding:20px 16px;border-bottom:solid 1px #ddd}
.storeInfoWrap .placeInfo .infoArea {display:flex}
.storeInfoWrap .placeInfo .placeImg {width:100px;height:100px;margin-right:14px;border-radius:8px;background:#F5F6F8;border:1px solid #dfdfdf;float:none;overflow:hidden}
.storeInfoWrap .placeInfo .placeImg img {position:relative;width:100%;height:100%;border:0;object-fit:cover}
.storeInfoWrap .placeInfo .placeImg.type_scale img {width:142%}
.storeInfoWrap .placeInfo:first-of-type .placeImg.type_scale img {/* position:static; */width:100%;/* height:100%;transform:translateX(0);object-fit:contain */}
.storeInfoWrap .placeInfo .placeDesc {float:none;flex:1;display:flex;flex-direction:column;position:relative;padding:5px 0 0 0}
.storeInfoWrap .placeInfo .placeDesc .shopMap_shop {display:block;height:auto;margin-bottom:4px;padding-top:0;font-size:14px;font-weight:700}
.storeInfoWrap .placeInfo .placeDesc em, .storeInfoWrap .placeInfo .placeDesc a, .storeInfoWrap .placeInfo .placeDesc time {display:block;font-style:normal}
.storeInfoWrap .placeInfo .placeDesc .storeAddress {line-height: 1.4;color:#6B6B6B;word-break:keep-all}
.storeInfoWrap .placeInfo .placeDesc a {margin:6px 0 8px 0}
.storeInfoWrap .placeInfo .placeDesc .storeTel::before {content:'';display:inline-block;width:13px;height:13px;margin-right:2px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_tel_23.png)no-repeat center/100% auto;vertical-align:top}
.storeInfoWrap .placeInfo .placeDesc time {margin-top:auto;font-size:12px;color:#828282}
.kimsOasis .storeInfoWrap {border-top:0}

/* 230125 수정 */
.wishListWrap header, .frequencyListWrap header {border-bottom:1px solid #eee}

/* 컨셉장보기 */
.conceptSection {letter-spacing:-.3px;background: #F8F9FA;padding:30px 0 0}
.conceptHead.footerNone .conceptSection {padding-bottom:60px}
.conceptHead.footerNone .footerWrap {display:none !important}
.conceptSection * {font-family:'Pretendard'}
.conceptMain .oPrdtLst .wrapInfo:has(.badge_point) .info_title {margin-top:0 !important}
.conceptSection > div+div {margin-top:45px;}
.conceptSection > div > h2 {font-size:20px;margin-bottom:20px;font-weight:600;line-height:1.15;position:relative}
.conceptSection > div > h2 em {display:block;color:#6B6B6B;font-size:12px;font-weight:400;margin-top:7px}
.conceptSection .cc_subTit {display:flex;align-items:center;font-size:17px;font-weight:600;line-height:1.15;position:relative;margin:30px 0 9px}
.conceptSection .cc_subTit:first-child {margin-top:0}
.conceptSection .cc_subTit em {font-size:13px;color:#6B6B6B;font-weight:400}
.conceptSection .rigTxt {position:absolute;right:0;top:50%;transform:translateY(-50%);color:#6E737F;font-size:13px;font-weight:400}
.conceptSection .rigTxt b {color:#333}
.conceptSection .cc_subTxt {margin-top:7px}
.conceptSection .cc_make_ipBox {display:flex;flex-wrap:wrap;}
.conceptSection .cc_make_ipBox .in_make_ip {border-radius:4px;border:1px solid #E0E0E0;width:100%;height:48px;display:flex;align-items: center;overflow:hidden}
.conceptSection .cc_make_ipBox .in_make_ip span {font-weight:bold;font-size:14px;color:#8FB700;margin-left:15px}
.conceptSection .cc_make_ipBox .in_make_ip input {border:0;padding-left:5px;outline:none;height:100%;width:100%}
/* .conceptSection .cc_make_ipBox > button {flex:none;width:75px;border-radius:4px;background:#8FB700;color:#fff;height:48px} */
.conceptSection .cc_make_ipBox textarea {width:100%;height:150px;border-radius:4px;border:1px solid #E0E0E0;padding:16px;font-size:13px}
.conceptSection .cc_make_ipBox textarea::placeholder {color:#6E737F}
.conceptSection .cc_make_ipBox > p {width:100%;margin-top:8px}
.conceptSection .btn_fixedBox {position:fixed;left:0;bottom:0;width:100%;z-index:990;background:#fff;padding:10px 16px;border-top:1px solid #e0e0e0}
.conceptSection .btn_fixedBox .btn_openAddPop {color:#fff;background:#8FB700;font-size:15px;width:100%;height:50px;border-radius:4px}

.cc_file_uploadCont {background:#F4F4F4;border-radius:4px;padding:25px 15px;line-height:1.27}
.cc_file_uploadCont h3 {position:relative;font-size:15px;margin-bottom:6px;font-weight:600}
.cc_file_uploadCont h3+p {font-size:12px;color:#6b6b6b}
.cc_file_uploadBox {display:flex;gap:8px;padding:5px 0 20px;margin-bottom:20px;border-bottom:1px solid #E0E0E0}
.cc_file_uploadBox li {border-radius:5px;border:1px solid #E0E0E0;position:relative;width:25%;height:19.466666666666667vw;background:#fff}
.cc_file_uploadBox label {display:block;height:100%;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_plus_gray_60.png) no-repeat 50% 50% / 15px 15px}
.cc_file_uploadBox label input {width:100%;height:100%;opacity:0;position:absolute;left:0;top:0}
.cc_file_uploadBox .uploadedBox {position:absolute;width:100%;height:100%;left:0;top:0}
.cc_file_uploadBox .uploadedBox img {width:100%;height:100%;object-fit: cover;border-radius:4px}
.cc_file_uploadBox .uploadedBox .btn_fileDel {position:absolute;right:-4px;top:-4px;width:22px;height:22px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_close_circle_88.png) no-repeat 50% 50% / 22px 22px}
.cc_video_uploadBox {position:relative;margin-top:12px}
.cc_video_uploadBox label {display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;position:relative;height:42px}
.cc_video_uploadBox label input {position:absolute;left:0;top:0;opacity:0;width:100%;height:100%}
.cc_video_uploadBox .uploadBar {display:flex;height:42px;align-items:center}
.cc_video_uploadBox .uploadEnd {display:flex;gap:0 8px}
.cc_video_uploadBox .uploadEnd .txt_videoName {flex:1;background:#eee;font-size:12px;border:1px solid #e0e0e0;border-radius:4px;display:inline-flex;align-items: center;padding:0 14px}
.cc_video_uploadBox .uploadEnd .txt_videoName span {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
.cc_video_uploadBox .uploadEnd .btn_videoDel {width:65px;color:#fff;background:#6B6B6B;border-radius:4px;height:42px}
.cc_video_uploadBox .uploadEnd .txt_videoName::before,.conceptSection .cc_video_uploadBox label::before {content:'';display:inline-block;width:13px;height:13px;margin-right:4px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_video_52.png) no-repeat 0 0 / 13px 13px;flex:none}

.conceptSection .c_green {color:#8FB700;}
.conceptSection .conceptTopCont {margin:40px 0 28px;padding:0 16px}
.conceptTopCont .swiper-slide {width:42.13333333333333vw;}
.conceptTopCont .swiper-slide+.swiper-slide {margin-left:7px}
.conceptTopCont .in_conceptTop {display:block;position:relative;color:#fff;overflow:hidden;border-radius:8px}
.conceptTopCont .in_conceptTop em {position:absolute;left:6px;top:6px;font-size:12px;background:#8FB700;z-index:1;padding:0 4px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px}
.conceptTopCont .in_conceptTop strong {position:absolute;left:0;bottom:0;width:100%;height:24.53333333333333vw;z-index:2;font-size:16px;display:flex;align-items:flex-end;padding:12px;line-height:1.2;font-weight:600;}
.conceptTopCont .in_conceptTop strong::before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:transparent linear-gradient(180deg, #10101000 0%, #101010 100%) 0% 0% no-repeat padding-box;opacity:.5;z-index:-1}
.conceptTopCont .in_conceptTop .wrap_img {position:relative;height:60vw}
.conceptTopCont .in_conceptTop .wrap_img img {width:100%;height:100%;object-fit:cover}
.conceptTopBtn {position:relative;padding:0 16px}
.conceptTopCont+.conceptTopBtn {margin-top:0}
.conceptTopBtn .btn_conceptAdd {display:block;font-size:14px;border-radius:15px;color:#6B6B6B;padding:24px 20px;background:#E8E8E8 url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cart_plus_220.png) no-repeat right 24px center / 55px 55px;position:relative}
.conceptTopBtn .btn_conceptAdd+.btn_conceptAdd {display:none;}
.conceptTopBtn .btn_conceptAdd.typeEtc {background-image:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/bg/bg_conceptAdd_cart.png)}
.conceptTopBtn .btn_conceptAdd.typeEtc i {width:22px;height: 22px;position:absolute;right:20px;bottom:15px;background: #F55511;border-radius:24px}
.conceptTopBtn .btn_conceptAdd.typeEtc i::before,.conceptTopBtn .btn_conceptAdd.typeEtc i::after {content:'';background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.conceptTopBtn .btn_conceptAdd.typeEtc i::before {width:10px;height:2px}
.conceptTopBtn .btn_conceptAdd.typeEtc i::after {width:2px;height:10px}
.conceptTopBtn .btn_conceptAdd.typeEtc b {color:#318BF4;font-weight:normal;}
.conceptTopBtn .btn_conceptAdd.typeEtc em {left:17px;right:inherit;animation: none;top:-12px;}
.conceptTopBtn .btn_conceptAdd.typeEtc em::after {border-bottom:0;border-top:12px solid #318BF5;right:28px}
.conceptTopBtn .btn_conceptAdd em {position:absolute;font-size:12px;right:17px;top:-7px;background:#318BF5;color:#fff;border-radius:15px;height:25px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;font-weight:300;animation:btn_conceptAdd 6s ease forwards}
.conceptTopBtn .btn_conceptAdd em::after {content:'';width:0;height:0;position:absolute;right:26px;top:21px;border-bottom:12px solid #318BF5;border-left:0 solid transparent;border-right:8px solid transparent;transform:rotate(90deg)}
.conceptTopBtn .btn_conceptAdd strong {display:flex;align-items:center;color:#333;font-size:15px;margin-top:8px;font-weight:600;}
.conceptTopBtn .btn_conceptAdd strong::after {content:'';display:inline-block;width:6px;height:6px;border-top:.4vw solid #333;border-left:.4vw solid #333;transform: rotate(135deg);margin-left:2px;margin-top:-2px}
@keyframes btn_conceptAdd{0%,20%,40%,60%,80%{transform:translate(0,0);opacity:1}10%,30%,50%,70%,90%{transform:translate(0,-4px)}100% {opacity:0}}  

.oMenu_fixedBtn .btn_conceptAdd_quick {display:none;/* position:fixed;right:16px;bottom:83px; */z-index:10;transition: all .3s;}
/* .header_scroll.scrUp .oMenu_fixedBtn .btn_conceptAdd_quick {bottom: 135px} */
.oMenu_fixedBtn .btn_conceptAdd_quick img {width:42px;height:42px}
.conceptMain .oMenu_toolbar_new+.oMenu_fixedBtn .btn_conceptAdd_quick { display:block !important;opacity:1}

.cont_conceptTop .btn_shareConcept {margin-left:auto;font-size:13px;padding:0 11px;height:40px;border-radius:25px;border:1px solid #E0E0E0;background:#fff;color:#333;display:inline-flex;align-items:center;}
.cont_conceptTop .btn_shareConcept::before {content:'';display:inline-block;width:16px;height:15px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_share_31.png) no-repeat 50% 50% / 16px 15px;margin-right:4px}

.conceptShopWrap {padding:0 16px}
.cont_conceptTop {display:flex;align-items:center}
.cont_conceptTop .ccTop_imgBox {width:40px;height:40px;position:relative;flex:none}
/* .cont_conceptTop .btn_ccShare {position:absolute;right:-6px;bottom:-3px;width:24px;height:24px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_share_96.png) no-repeat 0 0 / 100% 100%;z-index:1} */
.cont_conceptTop .btn_ccShare {width:32px;height:32px;background:#F4F4F4 url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_share_56.png) no-repeat 50% 50% / 14px 14px;border-radius:5px;margin-right:6px}
.cont_conceptTop .ccTop_imgBox img {border-radius:15px}
.cont_conceptTop .recomLabel {position:absolute;left:-6px;top:-4px;z-index:1;background:#8FB700;border-radius:11px;color:#fff;font-size:11px;padding:5px 7px 4px;font-weight:600}
/* .cont_conceptTop .ccTop_imgBox .btn_conceptDel {position:absolute;left:-5px;top:-5px;width:24px;height:24px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_del_black_96.png) no-repeat 0 0  / 100% 100%} */
.cont_conceptTop .btn_conceptDel {margin-left:auto;border-radius:5px;border:1px solid #6E737F;color:#6E737F;height:32px;padding:0 9px;font-size:13px}
.cont_conceptTop .btn_conceptAdd+.btn_conceptDel {display:none}

.cont_conceptTop .btn_conceptPut {border-radius:24px;width:30px;height:30px;position:absolute;right:-10px;bottom:-5px;background:#F55511}
.cont_conceptTop .btn_conceptPut::before,.cont_conceptTop .btn_conceptPut::after {content:'';background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.cont_conceptTop .btn_conceptPut::before {width:12px;height:2px}
.cont_conceptTop .btn_conceptPut::after {width:2px;height:12px}
.cont_conceptTop strong {font-size:16px;margin-left:10px;font-weight:600;width:100%;padding-right:15px;display:flex;align-items:center;flex-wrap:wrap;color:#8FB700}
.cont_conceptTop strong > span,.cont_conceptTop strong > a {color:#333}
.cont_conceptTop strong.frequency {padding-right:60px}
.cont_conceptTop strong a {display:inline-block;padding-right:10px;position:relative}
.cont_conceptTop strong a::before {content:'';width:50px;height:50px;position:absolute;right:calc(100% - -12px);top:50%;transform:translateY(-50%)}
.cont_conceptTop strong a::after {content:"";width:7px;height:7px;border-top:.4vw solid #333;border-left:.4vw solid #333;transform:rotate(135deg) translateY(-50%);position:absolute;right:2px;top:calc(50% - 6px)}
.cont_conceptTop strong b {color:#F55511}
.cont_conceptTop strong .ccNameModify {width:20px;height:20px;border:1px solid #E0E0E0;border-radius:50%;margin-left:3px;display:inline-flex;align-items: center; justify-content: center;position:relative}
.cont_conceptTop strong .ccNameModify::before {content: '';display:inline-block;width:6px;height:6px;border-top:.3vw solid #6B6B6B;border-left:.3vw solid #6B6B6B;transform: rotate(135deg);margin-left: -2px;}
.cont_conceptTop strong .ccNameModify::after {content:'';position:absolute;right:-6px;top:-8px;width:50px;height:34px}
.cont_conceptTop .sTxt_recom {display:block;color:#6E737F;font-size:12px;font-weight:normal;margin-top:8px;width:100%}
.cont_conceptTop > button,.cont_conceptTop > a,.cont_conceptTop .ccTop_btnBox {margin-left:auto;flex:none}
.cont_conceptTop .ccTop_btnBox button {position:relative}
.cont_conceptTop .ccTop_btnBox button:disabled {color:#6E737F !important}
.cont_conceptTop .ccTop_btnBox button.btn_conceptAdd {color:#F55511}
.cont_conceptTop .ccTop_btnBox button.btn_cartAdd {color:#8FB700}
.cont_conceptTop .ccTop_btnBox button+button {margin-left:17px}
.cont_conceptTop .ccTop_btnBox button+button::before {content:'';width:1px;height:10px;background:#E0E0E0;position:absolute;left:-9px;top:50%;transform:translateY(-50%)}
.cont_conceptTop > .btn_conceptAdd {margin-left:auto;font-size:13px;padding:0 11px;height:35px;border-radius:25px;border:1px solid #F55511;background:#F55511;color:#fff;}
.cont_conceptTop > .btn_conceptTxt {margin-left:auto;font-size:13px;color:#6E737F}
.cont_conceptTop > .btn_ccProdAdd {margin-left:auto;font-size:13px;padding:0 8px;height:32px;border-radius:5px;background:#318BF3;color:#fff}
.conceptSection .inShopList > li {border:1px solid #eee;border-radius:15px;padding:20px 16px 25px;background:#fff;position:relative}
.conceptSection .inShopList > li.move {animation:moveLineShow .8s cubic-bezier(0.46, 0, 1, 1) .1s}
@keyframes moveLineShow {
  0%,70% {border:1px solid #8FB700} 100% {border:1px solid #eee}
}

.conceptSection .ccUpdateForm {border-top:8px solid #F4F4F4;padding:30px 16px 60px}
.conceptSection .oBuyCount {border-top:7px solid #F4F4F4}
.conceptSection .oBuyCount .filterGrp {border:0;height:auto}
.conceptSection .listTopControl {display:flex;justify-content: space-between; align-items: center;padding-left:16px;margin-top:15px}
.conceptSection .btn_movPlay {background: #0C520A;color:#fff;padding:0 8px;height:33px;border-radius:3px;display:inline-flex;align-items:center;z-index:1}
.conceptSection .btn_movPlay::after {content:'';display:inline-block;width:13px;height:13px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_play_circle_52.png) no-repeat center center / 13px 13px;margin-left:5px}
.conceptSection h2 .btn_movPlay {position:absolute;right:0;top:50%;transform:translateY(-50%)}
.conceptSection .cc_introMovie {}
/* .conceptSection .cc_introMovie .btn_movPlay {display:flex;width:100%;align-items:center;background:#fff;height:36px;padding:0 8px;border-radius:26px}
.conceptSection .cc_introMovie .btn_movPlay::before {content:'';display:inline-block;width:20px;height:20px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_play_red_80.png) no-repeat 50% 50% / 20px 20px;margin-right:7px}
.conceptSection .cc_introMovie .btn_movPlay i {margin:0 8px 0 auto;color:#6E737F} */

.conceptSection .prodTopChBox {display:flex;justify-content:space-between;align-items:center;padding:18px 16px;border-bottom:1px solid #EEE}
.conceptSection .prodTopChBox .prodAllChBox label {font-size:14px}
.conceptSection .prodTopChBox .prodTopBtnBox .selectPut {color:#0C520A}
.conceptSection .prodTopChBox .prodTopBtnBox button {position:relative}
.conceptSection .prodTopChBox .prodTopBtnBox button+button {margin-left:17px}
.conceptSection .prodTopChBox .prodTopBtnBox button+button::before {content:'';width:1px;height:10px;background:#E0E0E0;position:absolute;left:-9px;top:50%;transform:translateY(-50%)}
.conceptSection .prodTopOptionBox {display:flex; justify-content: space-between;align-items: center;margin-bottom:-20px}
.conceptSection .prodTopOptionBox > p {color:#6E737F;margin-left:16px;position:relative;padding-left:7px}
.conceptSection .prodTopOptionBox > p::before {content:'';width:2px;height:2px;background:#6E737F;position:absolute;left:0;top:5px}
.conceptSection .prodChBox {left:initial;top:initial;right:7px;bottom:46px}
.conceptSection .cc_searchEndProd .prodChBox {bottom:7px}
.conceptSection .prodChBox input.ip_checkboxG + label {width:33px;height:33px}
.conceptSection .prodChBox input.ip_checkboxG + label:before {width:33px;height:33px;background-size:auto 15px}
.conceptSection .inShopList+.inShopList {margin-top:15px}
.conceptSection .inShopList > li+li {margin-top:15px}
.conceptSection .inShopList .inner_conceptSwiper {margin:0 -16px 0}
.conceptSection .inShopList .inner_conceptSwiper .ttlIcon {height:13px}

.inShopList .oPrdtLst.type25_slideH ul li {width:24vw !important}
.inShopList .oPrdtLst .wrapInfo .info_price .price_discountRate {font-size:13px}
.inShopList .oPrdtLst .wrapInfo .info_title .inner {line-height: 1.2;height:auto}
.inShopList .oPrdtLst .wrapInfo .info_title .inner a {line-height: 1.2}
.inShopList .oPrdtLst .wrapInfo .info_title .innerBox .inner a {font-size:12px}
.inShopList .oPrdtLst .wrapInfo .info_price .price_discount {font-size:12px}
.inShopList .oPrdtLst .wrapInfo .info_price .price_discount b {font-size:13px}
.conceptSection .inShopList .cc_prodAdd {display:block;background:#F4F4F4;border-radius:8px;position:relative;height:24vw;width:24vw}
.conceptSection .inShopList .cc_prodAdd::before,.conceptSection .inShopList .cc_prodAdd::after {content:'';width:24px;height:2px;background:#F55511;position:absolute;left:50%;top:50%;}
.conceptSection .inShopList .cc_prodAdd::before {transform:translate(-50%, -50%)}
.conceptSection .inShopList .cc_prodAdd::after {transform:translate(-50%, -50%) rotate(-90deg)}
.conceptSection .inShopList .cartContBtn {display:flex;margin-top:25px;gap:5px}
.conceptSection .inShopList .cartContBtn button {border-radius:25px;min-width:30px;min-height:30px}
.conceptSection .inShopList .cartContBtn button[class*="btn_listOne"] {background:#F4F4F4 no-repeat center center / 12px 12px;}
.conceptSection .inShopList .cartContBtn button.btn_listOneUp {background-image:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/btn/btn_listUp_arrow.png)}
.conceptSection .inShopList .cartContBtn button.btn_listOneDown {background-image:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/btn/btn_listDown_arrow.png)}
.conceptSection .inShopList .cartContBtn button[class*="btn_listFull"] {background:#fff;border:1px solid #eee;padding:0 10px;display:inline-flex;align-items:center}
.conceptSection .inShopList .cartContBtn button[class*="btn_listFull"]::before {content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;margin-right:4px}
.conceptSection .inShopList .cartContBtn .btn_listFullUp::before {border-bottom:5px solid #333}
.conceptSection .inShopList .cartContBtn .btn_listFullDown::before {border-top:5px solid #333}
.conceptSection .inShopList .cartContBtn .btn_listFullDown {margin-left:auto}
.conceptSection .inShopList .cartContBtn .btn_listFullUp {margin-right:15px !important;}
.conceptSection .inShopList .btn_conceptDel {margin-left:auto;padding:10px 0}
.conceptSection .inShopList > li:first-child .btn_listOneUp,
.conceptSection .inShopList > li:first-child .btn_listFullUp,
.conceptSection .inShopList > li:last-child .btn_listOneDown,
.conceptSection .inShopList > li:last-child .btn_listFullDown {display:none !important}

.conceptSection .cc_listTopBox {border-bottom:1px solid #8FB700}
.conceptSection .cc_listTopBox .cont_conceptTop {border-bottom:0}
.conceptSection .cc_listTopBox .txt_friendNote+.cc_introSwiper {margin-top:-1px}
.conceptSection .cc_introSwiper {overflow:hidden;position:relative;height:100vw;background:#f7f7f7 url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_logo_286_gray.png) no-repeat center/ 98px auto;}
.conceptSection .cc_introSwiper .video-js {padding-top:0;height:100% !important}
.conceptSection .cc_introSwiper .my-video_html5_api-dimensions {width:100%;height:100%}
.conceptSection .cc_introSwiper .swiper-slide img,
.conceptSection .cc_introSwiper .swiper-slide video {width:100%;height:100%;object-fit:cover}
.conceptSection .cc_introSwiper.oSwiper .pager_bullets {bottom:15px}
.conceptSection .cc_introSwiper.oSwiper .pager_bullets .swiper-pagination-bullet {width:6px;height:6px;background:rgba(255,255,255,.5);opacity:1;}
.conceptSection .cc_introSwiper.oSwiper .pager_bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {width:11px;background:rgba(255,255,255,1);border-radius:15px}
.conceptSection .cc_introductBox {margin-top:-3px;padding:0 16px 31px;position:relative}
.conceptSection .cc_introductBox .cc_introductTxt {line-height:1.31;}
.conceptSection .cc_introductBox label {position:absolute;left:16px;bottom:25px;display:none}
.conceptSection .cc_introductBox label::before {content:'더보기';font-size:13px;font-weight:bold;color:#F55511}
.conceptSection .cc_introductBox input {width:0;height:0;border:0;opacity:0;position:absolute;left:0;top:0}
.conceptSection .cc_introductBox input:checked+label::before {content:'닫기'}
.conceptSection .cc_introductBox input:checked~.cc_introductTxt {display:block}
.conceptSection .cc_introSwiper .swiper-slide .encoding_imgBox::after {content:'';width:100%;height:100%;background:rgba(0,0,0,.03);position:absolute;left:0;top:0}

.conceptSection .cc_introductBox.longDesc {padding-bottom:51px}
.conceptSection .cc_introductBox.longDesc label {display:block}
.conceptSection .cc_introductBox.longDesc .cc_introductTxt {display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;}

.conceptSection .inShopList .cc_introductTxt {margin-top:14px;line-height:1.31;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;color:#6E737F}
.conceptHead textarea {font-size:13px}
.conceptHead input:focus::placeholder,
.conceptHead textarea:focus::placeholder {color:transparent !important}

.conceptShopWrap.cotegoryProduct .linkBox,
.conceptShopWrap.cotegoryProduct .linkBox .innerBox {padding:0 !important}

.freqMainShowCheck {position:absolute;right:16px;top:30px}
.freqMainShowCheck input {border:0;width:24px;height:24px;background:#fff url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_fix_star_96.png) no-repeat 0 0 / 24px 24px}
.freqMainShowCheck input:checked {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_fix_star_on_96.png);}
/* .freqMainShowCheck input::before {content:'메인고정';position:absolute;left:-28px;bottom:-24px;white-space: nowrap;color:#6E737F;font-size:13px;line-height:1}
.freqMainShowCheck input:checked::before {content:'고정취소'} */

.conceptSection .txtShow_infoBox {border:1px solid #C1D7ED;background: #EDF6FF;padding:10px 14px;color:#1662BA;margin-bottom:17px;line-height:1.27}
.conceptSection .txtShow_infoBox i {content:'';width:13px;height:12px;display:inline-block;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_star_blue_52.png) no-repeat 0 0 / 13px 12px;vertical-align:middle;}

.conceptListWrap {margin:-30px 0 -40px;padding:30px 16px 0;background:#F8F9FA}
.conceptListWrap .ccListTopSearch {margin-bottom:40px}
.conceptSearchWrap {background:#fff;margin-top:-30px;padding:20px 0 0;border-top:1px solid #EEE}
.conceptSearchWrap .cc_ipBoxWrap {display:flex;flex-wrap:wrap;align-items:center;position:relative;padding:0 16px}
.conceptSearchWrap .cc_ipBoxWrap .searchClose {width:27px;height:49px;text-align:left}
.conceptSearchWrap .cc_ipBoxWrap .searchClose img {width:17px}
.conceptSearchWrap .cc_ipBoxWrap .ccBubbly {position:absolute;font-size:12px;right:5px;top:-18px;background:#318BF5;color:#fff;border-radius:15px;height:25px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;font-weight:300;animation:btn_conceptAdd 6s ease forwards;z-index:1;}
.conceptSearchWrap .cc_ipBoxWrap .ccBubbly::after {content:'';width:0;height:0;position:absolute;right:26px;top:21px;border-bottom:12px solid #318BF5;border-left:0 solid transparent;border-right:8px solid transparent;transform:rotate(90deg)}
.conceptSearchWrap .cc_ipBox {position:relative;display:flex;background:#fff;border-radius:5px;flex:1;border:1px solid #8FB700}
.conceptSearchWrap .cc_ipBox .searchConcept {width:40px;height:49px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_search_btn_34_green.png) no-repeat 16px center / 17px 17px;flex:none}
.conceptSearchWrap .cc_ipBox input {width:100%;height:49px;border:0;font-size:14px;color:#333;background:none;padding:0;outline:none}
.conceptSearchWrap .cc_ipBox input::placeholder {color:#333}
.conceptSearchWrap .cc_ipBox .ip_txtDel {position:absolute;right:0;top:0;width:49px;height:49px;background: none;z-index:1}
.conceptSearchWrap .cc_searchEndTxt {padding:25px 16px 20px;display:flex;border-bottom:1px solid #eee;}
.conceptSearchWrap .cc_searchEndTxt strong {color:#F55511}
.conceptSearchWrap .cc_searchEndTxt em {color:#6E737F;margin-left:auto}
.conceptSearchWrap .cc_searchFindTxt {text-align:center;font-size:14px;margin:28vh 0 28vh;padding:51px 0 0;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_search_140.png) no-repeat center 0 / 35px 35px;line-height:1.3}
.conceptSearchWrap .cc_searchFindTxt strong {color:#333;display:block;font-weight:bold}

.conceptSection .cc_btmFixed {position:fixed;bottom:0;left:0;width:100%;z-index: 901;padding:10px 16px;background: #fff;border-top:1px solid #eee}
.conceptSection .cc_btmFixed > * {display:flex;align-items: center;justify-content: center;height:50px;border-radius:4px;}
.conceptSection .cc_btmFixed a {background: #F55511;color:#fff;display:none;font-size:15px}
.conceptSection .cc_btmFixed.open a {display:flex}
.conceptSection .cc_btmFixed p {background: #F4F4F4;color:#333;font-weight:600}
.conceptSection .cc_btmFixed.open p {display:none}

/* 컨셉 탭 */
.cc_tabSect {margin:0 -16px;padding-top:15px}
.cc_tabSect .cc_tabList {display:flex;margin-bottom:5px}
.cc_tabSect .cc_tabList a {flex:1;position:relative;display:flex;align-items:center;justify-content:center;font-size:16px;width:100%;height:50px;text-align:center;background:none;font-weight:bold;}
.cc_tabSect .cc_tabList a i {display:none}
.cc_tabSect .cc_tabList a em {color:#6E737F;font-size:12px;width:100%;font-weight:400;position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
.cc_tabSect .cc_tabList a.active i {display:block;width:5px;height:5px;background:#8FB700;position:absolute;left:50%;top:2px;transform:translateX(-50%);border-radius:50%}
.cc_tabSect .cc_tabList a.active i::before,.cc_tabSect .cc_tabList a.active i::after {content:'';width:5px;height:5px;background:#8FB700;border-radius:50%;position:absolute;top:0}
.cc_tabSect .cc_tabList a.active i::before {left:-8px}
.cc_tabSect .cc_tabList a.active i::after {right:-8px}
.cc_tabSect .cc_tabList a+a::before {content:'';width:1px;height:14px;background:#E0E0E0;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.cc_tabSect.ac_cc_tab02 {margin-top:-37px;position:relative;z-index: 1;background:#F8F9FA;}
.cc_tabSect.ac_cc_tab01 .tabCont01,.cc_tabSect.ac_cc_tab02 .tabCont02 {display:block !important}
.cc_tabSect .tabCont01 {background: #fff;border-radius:30px 30px 0 0;padding:40px 16px;min-height:calc(100vh - 250px)}
.cc_tabSect .tabCont02 {padding:0 16px 40px}
.cc_tabSect.ac_cc_tab01 .tabCont02 .ccListDetail {margin-top:0}

.cc_autoKeyList {max-height:40vh;overflow-y:scroll;width:100%;background: #fff;margin-top:14px}
.cc_autoKeyList li a {display:block;padding:14px 0;font-size:15px;margin-left:27px}
.cc_autoKeyList li a strong {color:#8FB700}
.cc_autoKeyList li a b {color:#8FB700}

.conceptListWrap .cc_titBox {position:relative;padding:0 0 20px}
.conceptListWrap .cc_titBox h2 {font-size:19px;font-weight:600;line-height:1.343}
.conceptListWrap .cc_titBox p {font-size:13px;color:#318BF4;margin-top:6px}
.conceptListWrap .cc_titBox a {position:absolute;right:0;top:-3px;width:60px;height:60px;border-radius:22px;border:1px solid #E0E0E0;display:inline-flex;align-items: center;justify-content: center;}
.conceptListWrap .cc_titBox a img {width:30px;height:30px}
.conceptListWrap .cc_titBox i {width:22px;height: 22px;position:absolute;right:-5px;bottom:-5px;background: #F55511;border-radius:24px}
.conceptListWrap .cc_titBox i::before,.conceptListWrap .ccListTopSearch .cc_titBox i::after {content:'';background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.conceptListWrap .cc_titBox i::before {width:10px;height:2px}
.conceptListWrap .cc_titBox i::after {width:2px;height:10px}

.conceptListWrap .cc_tipDescCont {margin:-30px -16px 0;padding:0 16px;position:relative;border-bottom:1px solid #eee}
.conceptListWrap .cc_tipDescCont.open {margin:-14px 0 15px;padding:23px 20px 30px;border-radius:10px;margin-bottom:20px;background:#fff;border:0}
.conceptListWrap .cc_tipDescCont > button {height:36px;background:none;position:relative;display:flex;width:100%;align-items:center;outline:none;}
.conceptListWrap .cc_tipDescCont > button::after {content: '';position:absolute;right:0;top:50%;width:7px;height:7px;border:1px solid #333;border-width:1px 1px 0 0;transform:rotate(135deg);margin-top:-4px}
.conceptListWrap .cc_tipDescCont.open > button {font-size:0;color:transparent;background:#eee;width:26px;height:26px;position:absolute;right:10px;top:10px;border-radius:50%}
.conceptListWrap .cc_tipDescCont.open > button::before,.conceptListWrap .cc_tipDescCont.open > button::after {content: '';position:absolute;left:calc(50% - 7px);top:50%;width:14px;height:1px;background:#333;}
.conceptListWrap .cc_tipDescCont.open > button::before {transform:rotate(45deg);}
.conceptListWrap .cc_tipDescCont.open > button::after {margin:0}
.conceptListWrap .cc_tipDescCont.open > button .tipBadge {display:none}
.conceptListWrap .cc_tipDescCont .tipBadge {font-size:12px;color:#fff;display:inline-flex;background:#6E737F;align-items: center;padding:0 5px;height:20px;margin-right:5px;border-radius:15px;}
.conceptListWrap .cc_tipDescCont.open .tipBadge {background:#8FB700}
.conceptListWrap .cc_tipDescCont dl {display:none}
.conceptListWrap .cc_tipDescCont.open dl {display:block}
.conceptListWrap .cc_tipDescCont dl dt {font-size:15px;font-weight:600}
.conceptListWrap .cc_tipDescCont dl dt .tipBadge {font-size:13px;padding:0 7px}
.conceptListWrap .cc_tipDescCont dl dd {background: #fff;margin-top:20px;padding-top:20px;border-top:1px solid #eee}
.conceptListWrap .cc_tipDescCont dl li {line-height:1.385;padding-left:8px;position:relative}
.conceptListWrap .cc_tipDescCont dl li::before {content:'';width:3px;height:3px;border-radius:50%;background:#333;position:absolute;left:0;top:7px}
.conceptListWrap .cc_tipDescCont dl li+li {margin-top:15px}
.conceptListWrap .cc_tipDescCont dl li strong {color:#318BF4}
.conceptListWrap .cc_tipDescCont dl li em {font-weight:600}

.conceptListWrap h2.sTit_cc {font-size:16px}
.conceptListWrap .btn_prodTog {border:1px solid #eee;border-radius:24px;font-size:12px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px}
.conceptListWrap .btn_prodTog::before {content:'상품보기'}
.conceptListWrap .btn_prodTog::after {content: '';display:inline-block;width:6px;height:6px;margin:0 0 0 6px;border:1px solid #333;border-width:1px 1px 0 0;transform:rotate(135deg)}
.conceptListWrap .open .btn_prodTog::before {content:'닫기'}
.conceptListWrap .open .btn_prodTog::after {border-width:0 0 1px 1px}
.conceptListWrap .ccListDetail {margin-top:15px}
.conceptListWrap .ccListDetail > li {border:1px solid #EEE;border-radius:15px;background: #fff;}
.conceptListWrap .ccListDetail > li+li {margin-top:15px}
.conceptListWrap .ccListDetail .oPrdtLst {display:none;margin-top:-16px}
.conceptListWrap .ccListDetail li.open .oPrdtLst {display:block}
.conceptEditWrap .txt_searchNone {text-align:center;font-size:14px;margin:18vh 0 9vh;padding:51px 0 0;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cart_new_140.png) no-repeat center 0 / 35px 35px;line-height:1.3}
.conceptEditWrap .txt_searchNone.bgSearch {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_search_148.png) no-repeat center 0 / 37px 37px}
.conceptEditWrap .txt_searchNone strong {color:#8FB700}
.conceptEditWrap .btn_ccProdAdd02 {margin:0 auto 180px;width:150px;padding:15px 40px;background:#318BF4;border-radius:25px;display:block;color:#fff;text-align:center;}

.conceptEditWrap {margin:-30px 0 -60px;border-top:1px solid #EEE;background: #fff;padding:0 0 60px}
.conceptEditWrap .cont_conceptTop {padding:14px 16px 18px;border-bottom:1px solid #8FB700;transition: all .3s;background: #fff}
.header_scroll .conceptEditWrap.onlyListType {padding-top:74px}
.header_scroll .conceptEditWrap.onlyListType .cont_conceptTop {position:fixed;left:0;top:50px;width:100%;background: #fff; z-index:999;padding:8px 16px}
.conceptEditWrap .cont_conceptTop .btn_conceptAdd {height:40px}
/* .conceptEditWrap .cont_conceptTop .btn_conceptAdd::after {content:'';display:inline-block;width:6px;height:6px;border-top:.4vw solid #fff;border-left:.4vw solid #fff;transform: rotate(135deg);margin-left:2px} */

.conceptSection .txt_friendNote {padding:20px 16px 25px;border-bottom:1px solid #EEE}
.conceptSection .txt_friendNote dt {margin-bottom:10px;font-size:15px;font-weight:600}
.conceptSection .txt_friendNote dd {background:#F8F9FA;border-radius:4px;padding:20px 16px;line-height:1.478}

.conceptEditWrap .cont_connectList {display:flex;align-items:center;padding:12px 0 12px 14px;font-size:14px;border-top:1px solid #8FB700;border-bottom:1px solid #E0E0E0}
.conceptEditWrap .cont_connectList strong {flex:none;font-weight:600}
.conceptEditWrap .cont_connectList > div {margin-left:15px;display:flex;overflow-x:scroll;padding-right:14px}
.conceptEditWrap .cont_connectList > div::-webkit-scrollbar {display:none}
.conceptEditWrap .cont_connectList > div a {color:#8FB700;white-space:nowrap}
.conceptEditWrap .cont_connectList > div a+a {margin-left:12px}

.pop_conceptComplete {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(51,51,51,.2);z-index:1000;padding:0 16px;align-items:center}
.pop_conceptComplete.open {display:flex}
.pop_conceptComplete > div {width:100%;background:#fff;border-radius:10px;text-align:center;padding:45px 35px}
.pop_conceptComplete h2 {font-size:20px;padding-top:61px;font-weight:bold;background:no-repeat center 0 / 46px 46px}
.pop_conceptComplete .top_icoRed {background-image:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/ico/ico_pop_complete_ch.png)}
.pop_conceptComplete .top_icoBlack {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_circle_184.png)}
.pop_conceptComplete p {margin-top:15px;line-height:1.31}
.pop_conceptComplete .pop_conceptBtn {margin-top:25px}
.pop_conceptComplete .pop_conceptBtn a {display:flex;align-items:center;justify-content:center;height:50px;background:#F4F4F4;font-size:14px;border-radius:50px}
.pop_conceptComplete .pop_conceptBtn a.home {background:#8FB700;color:#fff}
.pop_conceptComplete .pop_conceptBtn a+a {margin-top:10px}

.pop_conceptAlert {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(51,51,51,.2);z-index:1000;padding:0 16px;align-items:center}
.pop_conceptAlert.open {display:flex}
.pop_conceptAlert > div {width:100%;background:#fff;border-radius:10px;text-align:center;padding:40px 16px 40px;position:relative}
.pop_conceptAlert h2 {font-size:18px;font-weight:bold;color:#8FB700;letter-spacing: -.6px;}
.pop_conceptAlert h2 .c_black {color:#333}
.pop_conceptAlert p {margin-top:10px;line-height:1.31;font-size:14px;letter-spacing: -.6px;}
.pop_conceptAlert > div.smTy h2 {font-size:15px;color:#333}
.pop_conceptAlert > div.smTy p {color:#6b6b6b;font-size:13px}
.pop_conceptAlert .close_topType {position:absolute;right:15px;top:15px;width:25px;height:25px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_30.png) no-repeat 50% 50% / 15px 15px} 
.pop_conceptAlert .pop_conceptBtn {margin-top:35px;display:flex;gap:13px;align-items: center;justify-content: center;}
.pop_conceptAlert .pop_conceptBtn a {flex:1;max-width:130px;height:50px;background:#F4F4F4;font-size:14px;border-radius:50px;display:inline-flex;align-items:center;justify-content:center}
.pop_conceptAlert .pop_conceptBtn a.btn_confirm {background:#8FB700;color:#fff}

.pop_conceptAlert .txt_noteWriteBox {border:1px solid #E0E0E0;border-radius:4px;position:relative;padding:16px;margin-top:25px;height:150px;}
.pop_conceptAlert .txt_noteWriteBox textarea {width:100%;border:0;outline:none;height:100px}
.pop_conceptAlert .txt_noteWriteBox textarea::placeholder {color:#6E737F}

.pop_conceptAlert .txt_noteWriteBox span {position:absolute;right:14px;bottom:14px}
.pop_conceptAlert > div.modifyType h2 {font-size:18px;color:#333}
.pop_conceptAlert > div.modifyType p {font-size:15px;margin-top:30px}

.pop_conceptAlert .popConcept_ipBox {width:100%;margin-top:12px;position:relative;}
.pop_conceptAlert .popConcept_ipBox span {font-weight:bold;font-size:14px;color:#8FB700;position:absolute;left:15px;top:50%;transform:translateY(-50%);}
.pop_conceptAlert .popConcept_ipBox input {border:1px solid #F8F9FA;border-radius:4px;padding-left:29px;outline:none;height:45px;width:100%;background:#F8F9FA;color:#333}
.pop_conceptAlert .popConcept_ipBox input::placeholder {color:#6B6B6B;}
.pop_conceptAlert .popConcept_ipBox input:focus {border-color:#8FB700;background:none}

/* 실크로드 입점문의 */
.skrdInquiry .visual {display:flex;flex-direction:column;align-items:center;width:100%;height:380px;padding-top:60px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/temp/temp_oasis_2.jpg) no-repeat center/cover}
.skrdInquiry .visual .visualBadge {margin-bottom:8px;padding:0 14px;border-radius:50px;background:#24914A;line-height:24px;color:#fff}
.skrdInquiry .visual .visualTxt {font-weight:300;font-size:36px;line-height:1.17;letter-spacing:-0.4px;color:#fff;text-align:center;word-break:keep-all}
.skrdInquiry .visual .visualTxt b {display:block}

.skrdInquiry .cont {padding:40px 20px 50px 20px;letter-spacing:-0.4px;word-break:keep-all}
.skrdInquiry .contBadge {display:block;margin-bottom:16px;font-size:14px;color:#24914A;text-decoration:underline;text-underline-position:under}
.skrdInquiry .contTtl {font-weight:700;font-size:26px;line-height:1.31}
.skrdInquiry .contSubTtl {margin-top:5px;font-size:13px;line-height:1.4}
.skrdInquiry .ttl_1 {display:block;padding-top:30px;font-size:22px;line-height:1.27}
.skrdInquiry .txt_1 {padding-top:10px;font-size:15px;line-height:1.47}
.skrdInquiry .li_1 {counter-reset:item;display:flex;flex-direction:column;row-gap:6px;margin-top:13px;font-size:15px;line-height:1.34}
.skrdInquiry .li_1 li {counter-increment:item;padding-left:24px}
.skrdInquiry .li_1 li::before {content:'0'counter(item);display:inline-block;width:20px;height:20px;margin:0 6px 0 -24px;border-radius:50%;background:#24914A;font-weight:500;font-size:13px;line-height:20px;color:#fff;text-align:center;vertical-align:top}
.skrdInquiry input.ip_checkboxG[type=checkbox]:checked + label::before {background-color:#24914A}

.skrdInquiry .tempArea {display:flex;justify-content:center;column-gap:8px;height:236px;margin-top:28px;padding-top:85px;border-radius:12px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/temp/temp_oasis_1.jpg) no-repeat center/cover}
.skrdInquiry .tempArea .temp {width:81px;height:81px;border-radius:50%;background:rgba(48,69,85,0.8);font-weight:500;font-size:14px;color:#fff;text-align:center}
.skrdInquiry .tempArea .temp::before {content:'';display:block;width:32px;height:34px;margin:16px auto 8px auto;background:no-repeat center/auto 34px}
.skrdInquiry .tempArea .temp.k1::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_temperature_k1_30.png)}
.skrdInquiry .tempArea .temp.k2::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_temperature_k2_50.png)}
.skrdInquiry .tempArea .temp.k3::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_temperature_k3_64.png)}
.skrdInquiry .videoArea {overflow:hidden;width:100%;margin:24px 0 10px 0;border-radius:12px}
.skrdInquiry .videoArea video {width:100%;border-radius:12px}
.skrdInquiry .videoArea iframe {width:100%;height:50vw;border-radius:12px}
.skrdInquiry .tempArea + .videoArea {margin-top:20px}

.skrdInquiry .cont2 {padding-top:56px;background:#FBFBFB}
.skrdInquiry .cont2 .contTtl {font-size:24px}
.skrdInquiry .contBox {display:flex;flex-wrap:wrap;gap:15px;margin-top:26px}
.skrdInquiry .contBox .item {display:flex;flex-direction:column;width:calc((100% - 15px) / 2);padding:20px 8px 18px 8px;border-radius:10px;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.1);text-align:center}
.skrdInquiry .contBox .item::before {content:'';display:block;width:66px;height:66px;margin:0 auto 9px auto;border-radius:50%;background:#F9FBF7 no-repeat center}
.skrdInquiry .contBox .item.type-1::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_box_84_3.png);background-size:42px auto}
.skrdInquiry .contBox .item.type-2::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_person_72.png);background-size:36px auto}
.skrdInquiry .contBox .item.type-3::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_note_76.png);background-size:38px auto}
.skrdInquiry .contBox .item.type-4::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_box_84.png);background-size:42px auto}
.skrdInquiry .contBox .item.type-5::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_box_84_2.png);background-size:42px auto}
.skrdInquiry .contBox .item.type-6::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_box_hand_60.png);background-size:30px auto}
.skrdInquiry .contBox .boxTxt {margin-top:auto;font-size:13px;line-height:1.2;color:#666}

.skrdInquiry .cont4 {padding-bottom:24px}

.skrdInquiry .contList  {margin-top:18px;padding-bottom:100px}
.skrdInquiry .tb_wrap {display:flex;flex-direction:column;row-gap:14px;padding-top:27px}
.skrdInquiry .tb_ttl {display:block;padding:10px 20px;border-bottom:1px solid #000;font-weight:500;font-size:15px;line-height:1.3}
.skrdInquiry .tb_li {display:flex;align-items:center;padding:0 15px 0 20px;line-height:22px;color:#666666}
.skrdInquiry .tb_li .ttl {flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;padding-right:10px;}
.skrdInquiry .tb_li .badge {display:inline-block;margin-right:1px;padding:0 4px;border-radius:3px;background:#5BBB22;font-size:12px;color:#fff;vertical-align:top}
.skrdInquiry .tb_li .badge.skrd {background-color:#1C783C}/* 실크로드 */

.skrdInquiry .btnBox {display:flex;column-gap:10px;padding:16px 20px 32px 20px}
.skrdInquiry .btnBox a {flex:1;border-radius:50px;background:#1C783C;font-weight:700;font-size:15px;line-height:46px;color:#fff;text-align:center}

/* 교환권 */
.btnType-1 {border:1px solid #0C520A;background:#ffffff;color:#0C520A!important}
.btnType-2 {border:1px solid #0C520A;background:#0C520A;color:#ffffff!important}
.btnType-3 {border:1px solid #333333;background:#ffffff;color:#333333!important}
.btnType-4 {border:1px solid #F4F4F4;background:#F4F4F4;color:#333333!important}
.btnFlexType {display:flex;flex-wrap:wrap;gap:12px}
.btnFlexType [class*=btnType] {flex:1;font-weight:500;font-size:14px;text-align:center}
.btnFlexType .radius80 {border-radius:80px}
.btnFlexType .mgb10 {margin-bottom:10px}
.exchangeWrap {min-height:100vh;margin:0 auto;background:#F7F7F7;font-family:'SUIT Variable';letter-spacing:-0.35px}
.exchangeWrap .topTxt {background:#65AD13;font-weight:700;font-size:13px;line-height:33px;color:#fff;text-align:center}
.exchangeWrap header {display:none}
.exchangeWrap .topVisual {position:relative;font-weight:700;color:#fff;text-align:center}
.exchangeWrap .topVisual img {width:100%}
.exchangeWrap .topVisual .price {position:absolute;right:0;bottom:20px;left:0;margin:0 auto;font-size:20px;letter-spacing:-0.8px;line-height:1}
.exchangeWrap .topVisual .price .num {display:inline-block;margin:-10px 2px 0 0;font-size:34px;vertical-align:top}
.exchangeWrap .txtArea {padding:30px 16px 0 16px;background:#fff;word-break:keep-all}
.exchangeWrap .txtArea .emphasis {font-weight:700;color:#6BA43A}
.exchangeWrap .txtArea .mainTxt {font-weight:700;font-size:22px;line-height:1.4}
.exchangeWrap .txtArea .subTxt {padding:14px 0 35px 0;border-bottom:1px solid #EEEEEE;font-size:15px;line-height:1.26}
.exchangeWrap .ipArea {padding:36px 0 40px 0}
.exchangeWrap .ipArea label {display:block;margin-bottom:11px;font-weight:700;font-size:14px}
.exchangeWrap .ipArea input {width:100%;height:50px;padding:0 16px;border:1px solid #E0E0E0;border-radius:5px}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0}
.exchangeWrap .ipArea input:disabled {opacity:1;border-color:#F4F4F4;background:#F4F4F4;font-weight:500;color:#6B6B6B}
.exchangeWrap .btnFlexType {margin-top:16px}
.exchangeWrap .btnFlexType [class*=btnType] {height:46px;line-height:46px}
.noteArea {padding:25px 16px 45px 16px;background:#F7F7F7}
.noteArea .noteTtl {display:block;margin-bottom:8px;font-weight:700;font-size:12px;line-height:14px}
.noteArea .noteTtl::before {content:'';display:inline-block;width:14px;height:14px;margin-right:3px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_exclamationMark_56_black.png) no-repeat center/100% auto;vertical-align:top}
.noteArea ul {display:flex;flex-direction:column;row-gap:6px;}
.noteArea li {padding-left:8px;font-size:12px;line-height:1.5;color:#6B6B6B}
.noteArea li::before {content:'';display:inline-block;width:3px;height:3px;margin:6px 5px 0 -8px;border-radius:50%;background:#6B6B6B;vertical-align:top}

.oPopComm {display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(51,51,51,0.3);letter-spacing:-0.3px;z-index:900}
.oPopComm .oPopInner {position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);width:calc(100% - 32px);margin:0 auto;padding:40px 35px 34px 35px;border-radius:10px;background:#fff;text-align:center}
.oPopComm .oPopInner .txt {margin:0 -15px;font-size:14px;line-height:1.43;word-break:keep-all}
.oPopComm .oPopInner .txt.emphasis {margin-bottom:7px;font-weight:700;font-size:15px;color:#0E510B}
.oPopComm .oPopInner .oPopBtn {margin-top:20px}
.oPopComm .oPopInner .oPopBtn [class*=btnType] {height:50px;font-weight:400;font-size:14px;line-height:50px}

/* 교환권 웹 대응 */
.pc .exchangeWrap {max-width:500px}  
.pc .oPopComm .oPopInner {max-width:343px}

/* 고객의 소리 */
.cont_customerRequest {padding:26px 16px}
.cont_customerRequest .textareaBox {border-radius:5px;height:194px;border:1px solid #e0e0e0;padding:18px 16px 60px;position:relative;margin-bottom:14px}
.cont_customerRequest .textareaBox textarea {width:100%;height:100%;resize:none;border:0;line-height:1.7;font-size:13px;outline:none;}
.cont_customerRequest .textareaBox textarea::placeholder {color:#6b6b6b}
.cont_customerRequest .txtCount {position:absolute;right:16px;bottom:14px}
.cont_customerRequest .txtCount span {color:#6b6b6b}
.cont_customerRequest .bulTxt {position:relative;padding-left:8px;}
.cont_customerRequest .bulTxt::before {content:'';width:3px;height:3px;background:#333;position:absolute;left:0;top:4px;border-radius:50%}
.cont_customerRequest .btnFixedBox {position:fixed;left:0;bottom:0;padding:0 16px 28px;width:100%}
.cont_customerRequest .btnStyle-03 {display:flex;align-items:center;justify-content: center;height:50px;font-size:14px}

/* 친환경 아이디어 포장 */
.oRecoveryWrapper {letter-spacing:-0.6px;text-align:center}
.oRecoveryWrapper .tabMenu {height:64px;margin:0 auto;background:#F2F1F2 50%;z-index:301}
.oRecoveryWrapper .tabMenuInner {display:flex;position:relative;max-width:1200px;width:100%;background:#F2F1F2;margin:0 auto;z-index:301}
.oRecoveryWrapper .tabMenu a {flex:1;display:flex;align-items:center;justify-content:center;padding:16px 0;background:#F2F1F2;font-weight:500;font-size:13px;line-height:16px;color:#6B6B6B}
.oRecoveryWrapper .tabMenu a.active {background-color:#071F1E;color:#FFFFFF}
.oRecoveryWrapper .tabCont {padding:50px 15px}
.oRecoveryWrapper .cont2 {background:#F2F2F2}
.oRecoveryWrapper .cont3 {background:#FCFCFC}
.oRecoveryWrapper.scr .tabMenuInner {position:fixed;top:0;left:0}

.oRecoveryWrapper .titleBadge {display:inline-block;padding:0 13px;border-radius:100px;background:#58A718;font-weight:500;font-size:12px;line-height:20px;color:#FFFFFF;vertical-align:top}
.oRecoveryWrapper .title {display:block;margin-top:8px;font-weight:700;font-size:18px;line-height:22px;letter-spacing:-.9px}
.oRecoveryWrapper .subTitle {display:block;margin-bottom:25px;font-weight:500;font-size:15px;line-height:19px}
.oRecoveryWrapper .desc {margin-top:19px;font-size:13px;line-height:20px}

.oRecoveryWrapper .dashArea {display:flex;column-gap:11px;margin-top:28px;margin-bottom:11px}
.oRecoveryWrapper .dashArea .dashBox {flex:1}
.oRecoveryWrapper .dashArea .dashBox .badge {display:inline-block;margin-bottom:7px;padding:0 9px;border-radius:4px;font-weight:700;font-size:13px;line-height:30px;vertical-align:top}
.oRecoveryWrapper .dashArea .dashBox .dashLi {display:flex;flex-direction:column;row-gap:7px;height:calc(100% - 37px);padding:15px 14px;border-radius:6px;background:no-repeat center}
.oRecoveryWrapper .dashArea .dashBox .dashLi .item {padding:7px 2px;border-radius:4px;background:#FFFFFF;font-size:13px;line-height:16px;letter-spacing:-0.65px;word-break:keep-all}
.oRecoveryWrapper .dashArea .dashBox .dashLi .item em {display:inline-block;padding-right:24px;font-weight:500;vertical-align:top}
.oRecoveryWrapper .dashArea .dashBox.up .dashLi {background-color:rgba(89,167,25,.1);background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%2359A719FF' stroke-width='2' stroke-dasharray='6%2c 6' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e")}
.oRecoveryWrapper .dashArea .dashBox.up .badge {background-color:rgba(89,167,25,.1);color:#59A719}
.oRecoveryWrapper .dashArea .dashBox.up .item em {color:#59A719}
.oRecoveryWrapper .dashArea .dashBox.down .dashLi {background-color:rgba(239,129,0,0.1);background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%23EF8100FF' stroke-width='2' stroke-dasharray='6%2c 6' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e")}
.oRecoveryWrapper .dashArea .dashBox.down .badge {background-color:rgba(239,129,0,0.1);color:#EF8100}
.oRecoveryWrapper .dashArea .dashBox.down .item em {color:#EF8100}

.oRecoveryWrapper .video {margin-bottom:38px}

.oRecoveryWrapper .ideaLi {display:flex;flex-direction:column;row-gap:28px}
.oRecoveryWrapper .ideaLi .item {padding:0 10px 0 23px;letter-spacing:-0.8px;text-align:left}
.oRecoveryWrapper .ideaLi .item .img {margin:0 -10px 20px -23px;margin-bottom:20px}
.oRecoveryWrapper .ideaLi .item .badge {display:block;margin-bottom:12px;font-weight:500;font-size:13px;line-height:17px;color:#59A719}
.oRecoveryWrapper .ideaLi .item .ttl {font-weight:500;font-size:15px;line-height:19px}
.oRecoveryWrapper .ideaLi .item .subLi {margin-top:4px;margin-left:-10px;font-size:13px;line-height:22px;letter-spacing:-0.65px;color:#545454}
.oRecoveryWrapper .ideaLi .item .subItem {padding-left:10px}
.oRecoveryWrapper .ideaLi .item .subItem::before {content:'';display:inline-block;width:2px;height:2px;margin:9px 8px 0 -10px;border-radius:50%;background:#545454;vertical-align:top}
.oRecoveryWrapper .emphasis {padding-left:8px;font-size:12px;line-height:18px;color:#CE0000}
.oRecoveryWrapper .emphasis::before {content:'\002A';display:inline-block;margin:0 2px 0 -7px;vertical-align:top}
.oRecoveryWrapper .ideaLi .item .emphasis {margin-top:6px}

.oRecoveryWrapper .innerBox {display:flex;flex-direction:column;row-gap:14px;margin-top:23px;text-align:left}
.oRecoveryWrapper .boxItem {display:flex;flex-direction:column;position:relative;padding:20px 10px 0 20px;background:#FFFFFF;box-shadow:0 3px 6px rgba(0,0,0,0.16);letter-spacing:-0.65px}
.oRecoveryWrapper .boxItem::after {content:'';overflow:hidden;display:block;width:100%;padding-top:62%;margin-top:13px;background:no-repeat bottom center/100% auto}
.oRecoveryWrapper .cont2 .boxItem:nth-child(1)::after {background-image:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/introduce/recoveryWrapper/img_cont2_1.png)}
.oRecoveryWrapper .cont2 .boxItem:nth-child(2)::after {background-image:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/introduce/recoveryWrapper/img_cont2_2.png)}
.oRecoveryWrapper .cont3 .boxItem::after {display:none}
.oRecoveryWrapper .boxItem .num {align-self:flex-start;min-width:20px;height:20px;margin-bottom:12px;padding:0 2px;border-radius:50%;background:#333333;font-weight:500;font-size:14px;line-height:20px;color:#FFFFFF;text-align:center}
.oRecoveryWrapper .boxItem .boxTitle {font-weight:500;font-size:15px;line-height:19px}
.oRecoveryWrapper .boxItem .boxDesc {margin:7px 0 2px 0;font-size:13px;line-height:20px;color:#545454;word-break:keep-all}
.oRecoveryWrapper .boxItem .emphasis {margin-top:5px}
.oRecoveryWrapper .txtGroup {display:flex;flex-direction:column}
.oRecoveryWrapper .txtGroup::after {content:'';overflow:hidden;display:block;width:100%;padding-top:60%;margin-top:11px;background:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/mobile/introduce/recoveryWrapper/img_cont2_3.png) no-repeat bottom left/calc(100% - 10px) auto}
.oRecoveryWrapper .noticeBox {margin-left:-10px;padding:29px 0 37px 10px;border-top:1px solid #E0E0E0}
.oRecoveryWrapper .notiTtl {display:block;margin-bottom:15px;font-weight:500;font-size:13px;line-height:17px}
.oRecoveryWrapper ul:has(.notiLi) {padding-left:3px}
.oRecoveryWrapper .notiLi {padding-left:10px;font-size:12px;line-height:20px;color:#828282;word-break:keep-all}
.oRecoveryWrapper .notiLi::before {content:'';display:inline-block;width:2px;height:2px;margin:8px 8px 0 -10px;background:#828282;vertical-align:top}



/*******************************
*	select box
********************************/
.qnaOrder .selectArea {width:100%;}
.selectArea {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.selectArea .sltCurrent {
    display: block;
    position: relative;
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0 40px 0 16px;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    /* background:var(--color-wt) url('../images/common/icon_select.png') no-repeat top 19px right 20px; */
    border-radius:5px;
    display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;
}
.selectArea.on .sltCurrent {border-radius:5px 5px 0 0;border-bottom:0}
.selectArea .sltCurrent.active {background:#F4F4F4;font-weight:500}
.selectArea .sltCurrent::before {
    content: '';
    display: block;
    position: absolute;
    top: 19px;
    right: 16px;
    width: 14px;
    height: 8px;
    background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_accordion_60.png) no-repeat 50% 50% / 15px 15px;
    transition: all .2s
}
.selectArea p.sltCurrent {pointer-events:none}
.selectArea p.sltCurrent::before {opacity:0}

.selectArea select {
    background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_down_14.png) no-repeat top 19px right 20px
}

.selectArea span.sltCurrent {
    color: #ccc
}

.selectArea .sltList {
    overflow-y: auto;border-radius:0 0 5px 5px;
    display: none;
    width: 100%;
    max-height: 244px;
    padding: 0 16px;
    border: 1px solid #ddd;
    border-top: 0;
    background: #fff;
    box-sizing: border-box;
    overscroll-behavior: contain;
    z-index: 3
}
#productSelect.selectArea .sltList {max-height:405px}

.selectArea .sltList::-webkit-scrollbar {
    width: 6px
}

.selectArea .sltList li {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.selectArea .sltList li + li {border-top: 1px solid #f4f4f4;}

.selectArea .sltList li a {
    display:flex;
    box-sizing: border-box;padding:18px 0;align-items: center;
}
.selectArea .sltList li a .item.img_item {width:44px;height:44px;margin-right:8px}
.selectArea .sltList li a .qProductCheck+.item.img_item {margin-right:12px}
.selectArea .sltList li a .item.img_item img {border-radius:6px;width:44px;height:44px;}
.selectArea .sltList li a .item {
    box-sizing: border-box;line-height:1.4;
    position:relative
}

.selectArea .sltList li a .item .item-order-info {
    display:flex;letter-spacing:-.5px;
}
.selectArea .sltList li a input.ip_checkboxG.small + label {margin-right:4px}
.selectArea .sltList li a .item .item-order-info .deliveryBadge {font-weight:bold;margin-right:2px}
.selectArea .sltList li a .item .item-order-info .in_grayTxt {position:relative;color:#6b6b6b;padding-left:13px;display:flex}
.selectArea .sltList li a .item .item-order-info .in_grayTxt::before {content:'';width:1px;height:10px;background:#E0E0E0;position:absolute;left:7px;top:50%;transform:translateY(-50%)}
.selectArea .sltList li a .item .item-order-info .prodTitBox strong {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
.selectArea .sltList li a .item .item-order-info .prodTitBox span {margin-left:2px}
.selectArea .sltList li a .item .item-order-info > em {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
/*
.selectArea .sltList li a .item .item-order-info .deliveryBadge {
	background:#6ca435;
	display:inline-block;
	padding:3px 5px;
	border-radius:5px;
	color:#fff;
	margin-right:5px
}

.selectArea .sltList li a .item .item-order-info .deliveryBadge.dt5 {
	background:#87112c;
}

.selectArea .sltList li a .item .item-order-info .deliveryBadge.dt4 {
	background:#5e5e8d;
}*/

.selectArea .sltList li a.soldout {
    color: #999
}

.selectArea.invalid .sltCurrent {
    color: #ccc
}

/* .selectArea.on .sltCurrent {border-color:var(--color-ml)} */
.selectArea.on .sltCurrent::before {
    transform: rotate(180deg)
}

.selectArea.on .sltList {
    display: block;border-top:1px solid #f4f4f4
}

/* 입점문의 추가 */
.contactTitBox {display:flex;justify-content:space-between; align-items: center; padding:0 0 22px;margin:40px 16px 24px;border-bottom:2px solid #333}
.contactTitBox h2 {font-size:20px;font-weight:bold}
.contactTitBox p em {color:#E64E0B}
.header_scroll .companySubTab {position:fixed;left:0;top:50px;width:100%;z-index:100}
/* .header_scroll .companySubTab+* {margin-top:50px} */
.companySubTab ul {display:flex;width:100%;padding:0 16px;background:#41814D;}
.companySubTab ul li {flex: 1 1 auto;text-align:center}
.companySubTab ul li a {display:inline-flex;align-items:center;justify-content:center;position:relative;color:rgba(255,255,255,.5);font-size:15px;height:46px;}
.companySubTab ul li.active a {font-weight:bold;color:rgba(255,255,255,1)}
.companySubTab ul li.active a::after {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#6BA43A;z-index:1}
.company_contactTab {border-bottom:1px solid #eee}
.company_contactTab ul {display:flex;width:100%;padding:0 16px;gap:0 22px}
.company_contactTab ul li {text-align:center}
.company_contactTab ul li a {display:inline-flex;align-items:center;justify-content:center;color:#6b6b6b;font-size:14px;height:42px}
.company_contactTab ul li.active a {font-weight:bold;border-bottom:1px solid #6BA43A;color:#333}

.contactDetailList {margin:-24px 0 100px;}
.contactDetailList > li {border-bottom:1px solid #e0e0e0}
.contactDetailList > li:has(.btn_contactView:checked) {background:#F9F9F9}
.contactDetailList .contactList_top {position:relative;padding:22px 16px}

.contactDetailList .contactList_top h3 {font-size:14px}
.contactDetailList .contactList_top > div {display:flex;margin-top:12px;color:#909090;gap:0 13px}
.contactDetailList .contactList_top > div * {position:relative}
.contactDetailList .contactList_top > div *+*::before {content:'';width:1px;height:10px;background:#E0E0E0;position:absolute;left:-7px;top:50%;transform:translateY(-50%)}
.contactDetailList .contactList_top > div strong {color:#6B6B6B}
.contactDetailList .contactList_top > div strong.confirm {color:#6BA43A;font-weight:bold}
.contactDetailList .contactList_top > div strong.hold {color:#6B6B6B;font-weight:bold}
.contactDetailList .contactList_top .btn_contactView {position:absolute;left:0;top:0;width:100%;height:100%;border:0}
.contactDetailList .contactList_top .btn_contactView:checked::after {content:'';width:20px;height:20px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_accordion_60.png) no-repeat 0 0 / 100% 100%;position:absolute;right:16px;bottom:20px;transform: rotate(-180deg);}

.contactDetailList .contactList_detail {display:none;padding:20px 16px 23px;border-top:1px solid #e0e0e0}
.contactDetailList .contactList_detail li {display:flex;position:relative;padding-left:6px;flex-wrap:wrap}
.contactDetailList .contactList_detail li::before {content:'';position:absolute;left:0;top:5px;width:2px;height:2px;background:#333;border-radius:50%;}
.contactDetailList .contactList_detail li+li {margin-top:16px}
.contactDetailList .contactList_detail li strong {}
.contactDetailList .contactList_detail li p {}
.contactDetailList .contactList_detail li p.w100 {width:100%;margin-top:8px}

.contactDetailList .contactList_answer {display:none;background:#F4F4F4;padding:20px 16px;line-height:1.8;border-top:1px solid #e0e0e0}
.contactDetailList .contactList_answer strong {color:#fff;background:#6BA43A;border-radius:3px;font-size:12px;padding:3px 4px;margin-right:6px;font-weight:600;}

.contactDetailList > li:has(.btn_contactView:checked) .contactList_detail,.contactDetailList > li:has(.btn_contactView:checked) .contactList_answer {display:block}

/* 입점문의::티몬 */
.tmonInquiryWrap {padding:0}
.tmonInquiryWrap .btnFixed {position:sticky;bottom:0;left:0}
.tmonInquiryWrap .company_contactTab ul li.active a {border-color:#F17A35}
.tmonInquiryWrap .btnFixed a.btnStyle-03 {border-color:#F17A35!important;background-color:#F17A35!important}
.tmonInquiryWrap .inquiryForm {padding-bottom:80px}
.tmonInquiryWrap .contactDetailList .contactList_top > div strong.confirm {color:#F17A35}