@charset "utf-8";

.inputGrayBg{background:#f6f6f6}
.inputWd140{width:130px}
.inputWd150{width:140px}
.inputWd260{width:250px !important}
.inputWd330{width:320px}
.inputWd370{width:360px}
.inputWd710{width:700px}
.inputWd790{width:739px}

/* 2018-05-31 입점문의 팝업 클래스 */
.oasisLayerPop.new-layerpop{width:700px;margin-left:-350px;height:712px;margin-top:-370px}
.oasisLayerPop.new-layerpop .oasisLPtit{position:relative;height:auto;text-align:center;border-bottom:0px;}
.oasisLayerPop.new-layerpop .oasisLPtit img{margin-top:40px;margin-bottom:30px;}
.oasisLayerPop.new-layerpop .oasisLPcon1{position:relative;width:620px;margin:0 auto;text-align:left;font-size:15px;color:#666666;margin-bottom:15px;}
.oasisLayerPop.new-layerpop .oasisLPcon2{position:relative;width:620px;margin:0 auto;}
.oasisLayerPop.new-layerpop .oasisLPcon2 .cmTxtInput .cmMtinput{resize:none;}
.oasisLayerPop.new-layerpop .oasisLPconWrap{position:relative;height:auto;}
.oasisLayerPop.new-layerpop .tableComWrite{border:1px solid #dbdbdb;border-collapse:inherit;background:#f6f6f6;padding-top:25px;}
.oasisLayerPop.new-layerpop .tableComWrite tr{vertical-align:top;}
.oasisLayerPop.new-layerpop .tableComWrite th {border:0px;background:none;padding-left:45px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_check_7.png) no-repeat 25px 2px;;}
.oasisLayerPop.new-layerpop .tableComWrite td {border:0px;padding:0px 20px 15px 20px;}
/* // 2018-05-31 입점문의 팝업 클래스 */

/* 2018-05-31 1:1상담신청 팝업 클래스 */
.oasisLayerPop.new-layerpop.pop-question{width:700px;height:680px;margin-left:-350px;margin-top:-330px;}
.oasisLayerPop.new-layerpop.pop-question .oasisLPtit{position:relative;width:100%;margin:0;padding:0;height:62px;text-align:center;border-bottom:0px;background:#6da142;color:#fff;margin-bottom:30px;}
.oasisLayerPop.new-layerpop.pop-question .oasisLPtit strong{color:#fff;padding-top:22px;}
.oasisLayerPop.new-layerpop.pop-question .radios input[type="radio"]:checked + label:before{background:url('../images/common/new_radioBg_on.png') no-repeat 0 0;}
.oasisLayerPop.new-layerpop.pop-question .radios input[type="radio"] + label:before{background:url('../images/common/new_radioBg_off.png') no-repeat 0 0;}
.oasisLayerPop.new-layerpop.pop-question .faqSelectList li{width:160px; padding:0 0 10px 0;}
.oasisLayerPop.new-layerpop.pop-question .tableComWrite{padding-bottom:10px;}
/* // 2018-05-31 1:1상담신청 팝업 클래스 */

/* 배송 불가 팝업 */
.oasisLayerPop.notDeliveryPop{border: none;width:350px;height: 250px;margin-left:-175px;margin-top: -125px;border-radius: 5px;padding: 5px;}
.oasisLayerPop.notDeliveryPop .oasisLPconWrap {color:#666; height:auto; text-align:center;}
.oasisLayerPop.notDeliveryPop .oasisLPtit{position:relative;width:100%;margin:0;padding:0;height:62px;text-align:center;border-bottom:0px; color:#666; margin-bottom:30px;}
.oasisLayerPop.notDeliveryPop .oasisLPtit strong{color:#666;padding-top:22px;}
.oasisLayerPop.notDeliveryPop .radios input[type="radio"]:checked + label:before{background:url('../images/common/new_radioBg_on.png') no-repeat 0 0;}
.oasisLayerPop.notDeliveryPop .radios input[type="radio"] + label:before{background:url('../images/common/new_radioBg_off.png') no-repeat 0 0;}
.oasisLayerPop.notDeliveryPop .faqSelectList li{width:160px; padding:0 0 10px 0;}
.oasisLayerPop.notDeliveryPop .tableComWrite{padding-bottom:10px;}
.oasisLayerPop.notDeliveryPop .oasisLPcon3 a {width:137px;}
.oasisLayerPop.notDeliveryPop .oasisLayerPopClose {right:15px;}
/* 배송 불가 팝업 */

/*레이어팝업*/
.oasisDim{overflow:hidden; display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:9999; opacity:0.7} /*레이어팝업*/
.oasisDim_gnb{display:none; position:fixed; top:213px; left:0; width:100%; height:100%; background:url('../images/common/layerDimBg.png') repeat 0 0; z-index:100000; opacity:1}
.oasisLayerPop{display:none; position:fixed; top:50%; left:50%; margin-top:-300px; margin-left:-340px; width:680px; height:625px; background:#fff; z-index:100000009; color : #6ac435; box-shadow:0px 3px 6px rgba(0,0,0,0.16)}
.oasisLayerPop_in{position:relative}
.oasisLayerPop .oasisLPconWrap{height:520px; overflow-y:auto}

.oasisLPtit{position: relative; height:63px; width:640px; margin:0 auto; border-bottom:1px solid #333333;  } /*0527*/
.oasisLPtit strong{displaY:inline-block; padding-top:24px; font-weight:500; color:#333333; font-size:22px;} /*0527*/

.oasisLPtit2{height:50px; margin-bottom:20px; padding-top:16px; border-bottom:1px solid #000; text-align:center}
.oasisLPtit2 strong{font-weight:500; color:#333; font-size:24px}
.oasisLPcon{height:360px; margin:0 20px; background:#ececec; text-align:center; vertical-align:middle}
.oasisWinPop{min-width:670px; height:470px; background:#fff; z-index:1001}/*윈도우팝업*/
.oasisMapClose{display:inline-block; position:absolute; top:0; right:0; padding:20px 19px}

.oasisLPtit3 {display:flex;align-items:center;height:72px;padding:0 24px;border-bottom:1px solid #E0E0E0}/* 팝업::배송지역 찾기 */
.comLayer_tit {width:124px}
.comLayer_tit img {width:100%}
.comLayer_btn {width:22px;height:22px;margin-left:auto;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_close_42.png) no-repeat center/100% auto;cursor:pointer}

.oasisLayerPop2{display:none; position:fixed; top:50%; left:50%; transform:translateY(-50%); margin-left:-340px; width:680px; height:640px; background:#fff; z-index:100000009}/*이용약관,개인이용정보*/
.oasisLayerPop2 .oasisLPconWrap{height:520px; overflow-y:auto}
.oasisLayerPop3{display:none; position:fixed; top:50%; left:50%; transform:translateY(-50%); margin-left:-340px; width:680px; height:640px; background:#fff; z-index:100000009}/*이용약관,개인이용정보*/
.oasisLayerPop3 .oasisLPconWrap{height:520px; overflow-y:auto}
.oasisLayerPop4{display:none; position:fixed; top:50%; left:50%; transform:translateY(-50%); margin-left:-340px; width:680px; height:640px; background:#fff; z-index:100000009}/*이용약관,개인이용정보*/
.oasisLayerPop4 .oasisLPconWrap{height:617px; overflow-y:auto}
.oasisLayerPop_in{position:relative;}

.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:500; text-decoration:none} /*0527*/
.oasisLPcon3 a.oasisMapClose2{background:#a2a2a2;}

.comWriteClose{height:40px; padding:0 7px 0 0; background:#f5f5f5; text-align:right}
.comWriteClose a{display:inline-block; position:relative; width:53px; height:22px; padding:10px 0 0; text-align:center; color:#666666;}
.comWriteClose a span{display:inline-block; padding:2px 15px 2px 0px; background:url('../images/common/topBannerClose.png') no-repeat 100% 50%; color:#666666; font-size:11px; text-decoration:none; background-size:12px}
.comWriteClose a span.chkClose {padding:2px 20px 2px 0px; background:url('../images/common/w_chack_off.png') no-repeat 99% 50%;}
.comWriteClose a span.chkClose.on {padding:2px 20px 2px 0px; background:url('../images/common/w_chack_on.png') no-repeat 99% 50%;}

.oasisWinPop{min-width:670px; height:470px; background:#fff; z-index:1001}/*윈도우팝업*/
.oasisLayerPop3 > .oasisLayerPop_in > .oasisMapClose3{display:inline-block; position:absolute; top:0; right:0; padding:20px 19px}

.oasisTermsPtit{margin-bottom:10px}
.oasisLayerPop2 .oasisLPcon_terms{height:532px}
.oasisLPcon_terms .oasisTermsPopBox{height:422px; line-height:18px; margin:0 10px 0; padding:17px; border:1px solid #d6dae1; overflow-y:auto}
.oasisLPcon_terms .oasisTermsPopBox strong{display:inline-block; margin-left:-4px; font-size:14px; font-weight:500; color:#666666; letter-spacing:-0.5px}
.oasisLPcon_terms .oasisTermsPopBox em{font-style:normal; font-size:12px; font-weight:500}

.btn_secret_area{width:100%; margin:0 auto; padding:15px 20px 30px 20px;}

.btn_secret_area > div{font-size:14px; padding-bottom:5px; color:#666666;}
.btn_secret_area > label{font-size:14px; padding:0 5px 0 0;}

.btn_secret_area span input label,
.btn_secret_area label{vertical-align:middle;}



/*레이어팝업_상품평작성*/
.oasisLPcon1{margin:30px; text-align:Center; font-size:14px; color:#6ca435;} /*0527, 컬러추가*/
.oasisLPcon1 .productImg{position:relative; display:block; height:109px;  border-bottom:1px solid #eaecee; padding-bottom:20px;}
.oasisLPcon1 .productImg span{position:absolute; top:0; left:0; display:inline-block; }
.oasisLPcon1 .productImg span img{width:109px; height:109px}
.oasisLPcon1 .productImg strong{display:inline-block; padding-top:40px; font-weight:normal; font-size:16px; float: left; padding-left: 140px; }
.oasisLPcon1 .satisfy{height:70px; padding-bottom:20px; text-align:center}
.oasisLPcon1 .satisfy strong,
.oasisLPcon1 .satisfy strong em{display:inline-block; font-size:30px; color:#c8c8c8; }

.oasisLPcon1 .satisfy strong{float:left}
.oasisLPcon1 .satisfy strong em{color:#f14f4f; font-style:normal}
.oasisLPcon1 .satisfy p{display:inline-block; position:relative; top:-16px; width:90px; height:70px; line-height:60px; padding-top:10px; padding-left:80px; margin-left:20px; color:#464646; text-align:left; font-size:17px; font-weight:500; }
.oasisLPcon1 .satisfy p.starBg01{background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_emotion_1.png) 0 0 no-repeat;}
.oasisLPcon1 .satisfy p.starBg02{background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_emotion_2.png) 0 0 no-repeat;}
.oasisLPcon1 .satisfy p.starBg03{background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_emotion_3.png) 0 0 no-repeat;}
.oasisLPcon1 .satisfy p.starBg04{background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_emotion_4.png) 0 0 no-repeat;}
.oasisLPcon1 .satisfy p.starBg05{background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_emotion_5.png) 0 0 no-repeat;}
.oasisLPcon1 .satisfy .wrigtStarBg{display:inline-block; margin-top:50px}
.oasisLPcon1 .satisfy .wrigtStarBg a{float:left; display:inline-block; width:32px; height:30px; padding:0 6px 0 0; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_star_32_gray.png) 0 0 no-repeat;}
.oasisLPcon1 .satisfy .wrigtStarBg a.on{background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_star_32_green.png) 0 0 no-repeat;}
.oasisLPcon1 .paymentTxt{text-align:left;}

.oasisLPcon2{padding:0 30px;}
.oasisLPcon2 td input[type=text]{display:block; width:96%; height:26px; padding-left:15px; font-size:13px; border:1px solid #bbbbbb; color:#666666; }
.oasisLPcon2 .cmTxtInput{border:1px solid #bbbbbb}
.oasisLPcon2 .cmTxtInput .cmMtinput{display:block; width:100%; height:142px; padding:15px; text-indent:0; border:none 1px #fff; font-size:13px; line-height:20px; color:#666666; letter-spacing:0; box-sizing:border-box}/*0527, 높이수정*/

.oasisLPcon2 .cmAddPhotoWrap{position:relative; padding-right:70px;}
.oasisLPcon2 .cmAddPhotoWrap p{padding-top:5px; text-align:left; color:#666666; font-size:12px}
.oasisLPcon2 .cmAddPhotoWrap input[type=text]{display:block; width:97%; height:26px; padding-left:15px; font-size:13px; border:1px solid #bbbbbb; color:#666666; }
.oasisLPcon2 .cmAddPhotoBtn{position:absolute; top:0; right:0; display:inline-block; width:65px; height:23px; padding-top:3px; font-size:12px; background:#f6f6f6; color:#000; border:1px solid #bbbbbb; text-align:center; text-decoration:none}

.tableComWrite {width:100%; table-layout: fixed; border-collapse: collapse; border-top: 1px solid #bbb; }

.tableComWrite th.tit_area {height:35px; padding-left:20px; text-align:left; font-size:14px; color:#666666; border-bottom: 1px solid #ddd; background: #fafafa; font-weight:500}
.tableComWrite td.tit_area {overflow:hidden; padding: 15px 20px; font-size:14px; color:#333; border-bottom: 1px solid #ddd; text-align:left;}

.tableComWrite th {height:35px; padding-left:20px; text-align:left; font-size:14px; color:#666666; border-bottom: 1px solid #ddd; background: #fafafa; font-weight:500}
.tableComWrite td {overflow:hidden; padding: 15px 20px; font-size:14px; color:#666666; border-bottom: 1px solid #ddd; text-align:left;background:#fff}
.tableComWrite td.tL1 {padding-left:25px; padding-right:10px; text-align:left;}

.tableComWrite .pcIcon1,
.tableComWrite .pcIcon2{float:left; display:inline-block; width:230px}
.tableComWrite .pcIcon2{margin-left:20px}
.tableComWrite .pcIcon1{background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_price_26.png) no-repeat left 2px;}
.tableComWrite .pcIcon2{background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_delivery_26.png) no-repeat left 2px;}
.tableComWrite .pcIcon1 strong,
.tableComWrite .pcIcon2 strong{font-size:14px}
.tableComWrite .pcIcon1 strong,
.tableComWrite .pcIcon2 strong{float:left; display:inline-block; padding-left:25px; padding-right:10px; padding-top:4px; font-weight:normal; color:#333333}
.tableComWrite .pcIcon2 strong{padding-left:30px}
.tableComWrite .selboxWrap{float:left;}
.tableComWrite .selboxWrap .now,
.tableComWrite .selboxWrap .selboxOpen a{padding-left:10px; font-family:NanumGothic}
.tableComWrite .clear{clear:both}

.comWriteBanner{margin:25px 0; background:#e0f4f5}

.faqSelectList{overflow:hidden; width:500px; }
.faqSelectList li{display:inline-block; width:115px; padding:5px 0; text-align:left; letter-spacing:-0.1em}
.faqSelectList li > label{display:inline-block; font-size:14px; color:#333}

/* .tableComWrite div.product_name{color:#6ca437;} */
.tableComWrite div.txt_textarea{line-height:1.5; padding:10px 0; font-size:13px;}

.faqSelectList2 li{display:inline-block; padding-bottom:5px; text-align:left}
.faqSelectList2 li > label{display:inline-block; padding:0 15px 0 5px;  font-size:14px; color:#333}



/*메인*/
.mainConWrap .topmenuWrap{border-bottom:none}
.mainTit1{display:block; padding-bottom:30px; line-height:35px; font-size:28px; color:#111111; text-align:center; font-weight:300; letter-spacing:-2px}
.mainTit1 strong{line-height:35px; font-size:28px; color:#111111; font-weight:500; letter-spacing:-2px}

/*메인 롤링 배너*/
.main-slide,
.main-slide .slide{ position:relative;}
.main-slide .slide .item{}
.main-slide .slide .item a{ position:relative; display:block; height:492px; text-align:center}
.main-slide .slide .item a img{}
.main-slide .bx-controls-direction>a{ position:absolute; top:50%; width:21px; height:36px; background-position:50% 50%; text-indent:-9999px;}
.main-slide .bx-controls-direction>a.bx-prev{display:none; background-image:url(http://www.cleantopia.com/kr/images/index/slide_prev.png); left:50%; margin:0 0 0 -605px;}
.main-slide .bx-controls-direction>a.bx-next{display:none; background-image:url(http://www.cleantopia.com/kr/images/index/slide_next.png); right:50%; margin:0 -605px 0 0;}
.main-slide .dots{ position:absolute; bottom:34px; left:0; width:100%; text-align:center; height:12px; }
.main-slide .dots .dot{ display:inline-block; margin:0 4px; padding:1px 0 0;}
.main-slide .dots .dot span{ display:inline-block; width:16px; height:16px; background:url('../images/main/mainBanner_off.png') no-repeat 0 0}
.main-slide .dots .dot.active span{ display:inline-block; width:16px; height:16px; background:url('../images/main/mainBanner_on.png') no-repeat 0 0}
.main-slide .play{display:none; width:16px; height:16px; background:url('../images/main/mainBanner_play.png') no-repeat 0 0}
.main-slide .stop{display:inline-block; width:16px; height:16px; background:url('../images/main/mainBanner_stop.png') no-repeat 0 0}

/*로그인*/
.oasisLoginHt, .oasisLoginHt *, .oasisLoginHt *::before, .oasisLoginHt *::after { box-sizing:border-box; }
.oasisLoginHt{min-height:688px!important;}
.oasisLoginWrap{ width:560px; margin:0 auto; padding-top:86px; text-align:center; }
.oasisLoginWrap .oasisLoginTit{display:block; padding:50px 0 20px 0; font-weight:500; font-size:30px; line-height:40px; color:#383838; letter-spacing:-1px}
.oasisLoginWrap .oasisLoginTit1{display:block; padding:50px 0 20px 0; font-weight:500; font-size:30px; line-height:40px; color:#6ca435; letter-spacing:-1px}

.oasisLoginWrap .oasisLoginInputLi {  }
.oasisLoginWrap .oasisLoginInputLi li{padding-bottom:10px}
.oasisLoginWrap input{position:relative; width:380px; height:60px; padding-left:20px; color:#787878; font-size:14px; border:1px solid #b2b2b2; z-index:1}
.oasisLoginWrap input:focus{border:1px solid #6ca437; z-index:2}

.oasisLoginBtn2{padding-top:50px}
.oasisLoginBtn2 a{display:inline-block; width:380px; height:60px; line-height:60px; background:#6ca437; color:#fff;  font-size:19px; text-decoration:none}

.oasisLoginWrap .oasisLoginBtn{position:relative;display:inline-block;width:380px;height:24px;margin: 20px 0 10px;text-align:left;}
.oasisLoginWrap .oasisLoginBtn input{width:15px; height:15px}
.oasisLoginWrap .oasisLoginBtn label{display:inline-block; padding-left:5px; color:#666666; font-size:11px; vertical-align:middle; float:left; }
.oasisLoginWrap .oasisLoginBtn .olBtn{ float:right; }
.oasisLoginWrap .oasisLoginBtn .olBtn a{display:inline-block; height:24px; margin-left:3px; padding:0 12px; color:#444444; background:#d1d1d1; line-height:24px; text-decoration:none}

/* 2021-01-04 */
.oJoin {width: 450px; margin: 0 auto; padding:70px 0; letter-spacing: -0.4px;}
.oJoin h1 {font-size: 22px; line-height: 1; text-align: center;}
.oJoin .formArea {position: relative;}
.oJoin .formArea + .formArea {margin-top: 10px;}
.oJoin .formArea em {width:110px;display:inline-block;text-align:left;font:normal normal normal 18px/22px Spoqa Han Sans Neo;letter-spacing:-0.45px;line-height: 60px;height: 60px; margin-right:17px;}
.oJoin .formArea label {width:110px;display:inline-block;text-align:left;font:normal normal normal 18px/22px Spoqa Han Sans Neo;letter-spacing:-0.45px;line-height: 60px;height: 60px; margin-right:17px;}
.oJoin .formArea input {width: 100%; height: 60px; padding: 0px 55px 0 20px; border: 1px solid #e0e0e0; border-radius: 6px; font-size: 16px; line-height: 60px;}
.oJoin .formArea input.loginFormInput {position: relative;; width: 100%; height: 60px; padding: 0px 55px 0 20px; border: 1px solid #e0e0e0; border-radius: 4px; font-size: 18px; line-height: 60px;}
.oJoin .formArea input::placeholder {color: #828282;}
.oJoin .formArea button {position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: 0; text-align: center; cursor: pointer;}
.oJoin .formArea button::before {content: '\2715'; display: block; width: 20px; height: 20px; margin: 0 auto; border-radius: 50%; background: #e0e0e0; line-height: 20px; color: #fff; text-align: center;}
.oJoin .btnSupport {margin-top: 15px;}
.oJoin .btnSupport::after {content: ''; display: block; clear: both;}
.oJoin .btnSupport label {font-size: 16px;}
.oJoin .btnFind {float: right; line-height: 26px;}
.oJoin .btnFind a {font-size: 14px; color: #828282;}
.oJoin .btnFind a + a::before {content: ''; display: inline-block; width: 1px; height: 10px; margin: 8px 10px 0 7px; background: #e0e0e0; vertical-align: top;}
.oJoin .btnMid {padding-top: 40px;}
.oJoin .btnMid a {width: 100%; height: 60px; font-size: 20px; line-height: 60px; color: #fff; text-align: center;}
.oJoin .btnMid a + a {margin: 10px 0 0 0;}
.oJoin .loginSocial {display: table; width: 100%; margin-top: 50px;}
.oJoin .loginSocial a {display: table-cell; font-size: 16px; color: #666; text-align: center;}
.oJoin .loginSocial a::before {content: ''; display: block; width: 63px; height: 63px; margin: 0 auto 15px auto; border-radius: 50%; background: #f7f7f7 center center no-repeat; background-size: 38% auto;}
.oJoin .loginSocial a.kakao::before {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_sns_kakao_33.png); background-size: 50% auto;}
.oJoin .loginSocial a.naver::before {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_sns_naver_23.png)}
.oJoin .loginSocial a.google::before {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_sns_google_26.png)}
.oJoin .loginSocial a.apple::before {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_sns_apple_21.png)}
.oJoin .loginSocial a.eland::before {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_sns_eland_1279.png); background-size: 90% auto;}
.oJoin .btnBottom {display: block; width: 100%; margin-top:30px; font-size:14px; color: #6b6b6b; text-align: center;}
.oJoin .btnBottom b {color: #333;text-decoration:underline}
.oJoin #userIdList {padding: 20px 0; font-weight: 500; font-size: 20px; text-align: center;}

/*회원가입*/ 
/* 2018-06-12 */
.oasisJoinWrap .newJoinTitle{position:relative;text-align:center;color:#629b2c;font-size:32px;font-weight:500;width:100%;border-bottom:2px solid #629b2c;padding:50px 0 30px;}

.oasisJoinWrap{padding:52px 50px 50px;width:500px;border:1px solid #EEE;margin:110px auto}
.oasisJoinWrap .messageBox{display:none;  padding:13px 0 20px 13px; margin:0 auto; color:#ed4b18; text-align:left; font-size:16px;}
.oasisJoinWrap .messageBox p{color:#ed4b18;}
.oasisJoinWrap .messageBox .olBtn{margin-left:-3px; padding-top:15px}
.oasisJoinWrap .messageBox .olBtn a{display:inline-block; min-width:96px; height:24px; margin-left:3px; padding:7px 12px 0; color:#444444; background:#d1d1d1; text-decoration:none; text-align:center}
.oasisJoinWrap .oasisJoinTxt{line-height:20px; font-size:16px; line-height:24px;padding-top:18px; color:#666666}
.oasisJoinWrap .oasisJoinTxt a{text-decoration:underline; color:#6ca437;}
.oasisJoinWrap .oasisJoinTxt strong{font-weight:500}

.oasisJoinWrap .oasisLoginBtn2 a{display:inline-block; width:650px; height:50px; padding:10px 0; line-height:48px; background:#6ca437; color:#fff;  font-size:19px; text-decoration:none}
.oasisJoinWrap .oasisLoginBtn2.social a{display:inline-block; width:422px; height:50px; padding:10px 0; line-height:48px; background:#6ca437; color:#fff;  font-size:19px; text-decoration:none}
.oasisJoinInput_in{position:relative}
.oasisJoinInput_in a{display:inline-block; position:absolute; top:0px; right:0px; width:136px; height:70px;color:#fff;text-decoration:none; z-index:3;background:#629b2c;font-size:19px;line-height:68px;}
.oasisJoinInput_in.social a{display:inline-block;position:absolute;top:0px;right: -21px;width:136px;height: 46px;color:#fff;text-decoration:none;z-index:3;background:#629b2c;font-size: 17px;line-height: 46px;}

.oasisJoinTab{width:480px; height:70px; margin:0 auto;}
.oasisJoinTab li{float:left; width:50%;}
.oasisJoinTab li a{display:block; height:35px; padding-top:13px; border:1px solid #b2b2b2; background:#e2e2e2; font-weight:500; text-decoration:none; font-size:14px}
.oasisJoinTab li:first-child a{border-right:none}
.oasisJoinTab li.on a{height:34px; border-bottom:none; background:#fbfbfb}


.btn_select_branch{ margin:0 auto 15px; padding:10px 0 20px 0; text-align:center;}
.btn_select_branch p{font-size:16px;padding-bottom:15px; color:#333333; line-height: 24px;text-align:center;}
.btn_select_branch div{padding:0 10px;}
.btn_select_branch div > label{font-size:16px; margin:0 10px 0 2px; color:#333333; }

/* 2021-09-30 임시로 수정합니다. 이후 디자인 변경 시 삭제해주세요. */
.oLogin .oasisJoinWrap .newJoinTitle {color: #333; border-bottom-color: #333;}
.oLogin .oasisJoinWrap .newJoinSubTitle {padding-top:50px; color: #333; word-break: keep-all;}
.oLogin .oasisJoinInput_in a {top: 6px; right: 6px; height: 56px; background: #e0e0e0; border-radius: 4px; color: #888; line-height: 56px;}
.oLogin .oasisJoinWrap .oasisLoginBtn2 a {width: 100%; height: 50px; padding: 0; border-radius:3px; font-size: 15px; line-height: 50px;}
.sns_list {}
.sns_list img{padding-bottom: 5px;}
/* 2018-06-12 */

/* 2022-01-04 */
.oJoin legend {visibility: hidden; width: 9; height: 0; text-indent: -9999px; line-height: 0; overflow: hidden; font-size: 0;}
.oJoin h3 {display: block; padding: 40px 0 20px 0; font-size: 20px;}
.oJoin h3 span {font-weight: 400; font-size: 16px; color: #828282;}
.oJoin .oJoinContBox {border:1px solid #eee;border-top:2px solid #0C520A;padding:40px 89px 50px;width:500px;margin-top:38px;text-align:center}
.oJoin .joinSubTit {position:relative;border:1px solid #eee;border-radius:50px;height:72px;align-content:center;line-height:1.4;display:inline-block;padding:0 28px;font-size:13px;margin:0 0 34px}
.oJoin .joinSubTit::after {content:'';position:absolute;background:#fff;width:12px;height:12px;border:solid #eee;border-width:0 1px 1px 0;transform:rotate(45deg) translateX(-50%);z-index:0;top:calc(100% - 1px);left:50%}
.oJoin .joinSubTit b {color:#408B1F}

.oJoin .btnJoin {width: 100%; height: 48px; font-size: 14px; line-height: 48px;border-radius: 50px;}
.oJoin .joinSocial a {display:flex;align-items:center;justify-content:center;gap:0 4px;position: relative; width: 100%; height: 48px; border: 1px solid #e0e0e0; border-radius: 50px; font-size: 14px;margin-top:10px}
.oJoin .joinSocial a::before {content: ''; display:inline-block;background: center center no-repeat;}
.oJoin .joinSocial a.kakao::before {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_sns_kakao_33.png);background-size:18px 18px; width:18px;height:18px}
.oJoin .joinSocial a.naver::before {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_sns_naver_23.png);background-size:13px 13px; width:13px;height:13px}
.oJoin .joinSocial a.google::before {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_sns_google_26.png);background-size:13px 13px; width:13px;height:13px}
.oJoin .joinSocial a.eland::before {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_sns_eland_1279.png); background-size:100% auto;width:33px;height:33px}
.oJoin .joinSocial a.apple::before {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_sns_apple_21.png);background-size:12px 15px; width:12px;height:15px}
.oJoin .formArea.btnDb input {width: 350px}
.oJoin .formArea.btnDb a {display: inline-block; width: 90px; height: 60px; margin-left:7px; border: 1px solid #E0E0E0; border-radius: 6px; color: #6b6b6b; font-size: 16px; line-height: 60px; text-align: center;background-color:#eee;}
.oJoin .formArea.btnDb a:hover {background-color: #333;color:#fff}
.oJoin .formArea p {display: none; padding-top: 8px; font-size: 14px; color: #f40505;}
.oJoin .formArea span {display: none; padding-top: 8px; font-size: 14px; color: #f40505;}
/* .oJoin .check label {font-size: 18px;} */
.oJoin .check + .check {margin-left: 150px;}
.oJoin .oJoinTxt {padding-top: 20px; font-size: 18px; line-height: 26px; text-align: center; word-break: keep-all;}
.oJoin .oJoinTxt a {color: #6ba539; text-decoration: underline;}
.oJoin.fill .btnJoin {margin-top:80px;}
.oJoin.fill .join_lastTxt {color:#f40505;font-size:14px;text-align:center;padding-top:20px;margin-top:20px;border-top:1px solid #e0e0e0}
.oJoin.fill .join_lastTxt+.btnJoin {margin-top:30px;}
.oJoin .joinRecomTxt {display:block;color:#6BA539;font-weight:400;margin-top:10px;font-size:14px}

.oJoin .agreeTermArea {border-top:1px solid #828282;margin:40px 0 0;padding-top: 34px;}
.oJoin .agreeTermArea .agreeTit {float:left; width:90px; text-align:left; font: normal normal bold 16px/19px Spoqa Han Sans Neo; margin-right:40px; color:#333333;}
/* .oJoin .agreeTermArea .agreeDesc {float:left; width:calc(100% - 130px);} */
.oJoin .agreeTermArea .agreeDesc .checkAllArea input.ip_checkboxG[type=checkbox] + label {font:normal normal bold 16px/19px Spoqa Han Sans Neo; color:#333333}
.oJoin .agreeTermArea .agreeDesc .checkTermArea {border-top:1px solid #e0e0e0;margin-top:12px;}
.oJoin .agreeTermArea .agreeDesc .checkTermArea .check {margin-left:0; margin-top:23px;position:relative}
/* .oJoin .agreeTermArea .agreeDesc .checkTermArea input.ip_checkboxG[type=checkbox] + label {font:normal normal normal 14px/17px Spoqa Han Sans Neo; color:#333333;} */
.oJoin .agreeTermArea .agreeDesc .checkTermArea a {position:absolute;right:0;top:0; color: #828282; font: normal normal normal 12px/15px Spoqa Han Sans Neo; text-decoration: underline;}
.oJoin .agreeTermArea .agreeDesc .btmTermsBox {margin-top:14px;border:1px solid #e0e0e0;padding:16px 30px;font-size:14px;color:#6b6b6b}
.oJoin .agreeTermArea .agreeDesc .btmTermsBox dt {}
.oJoin .agreeTermArea .agreeDesc .btmTermsBox dd {padding-left:14px;margin-top:10px}
.oJoin .agreeTermArea .agreeDesc .btmTermsBox dd strong {display:inline-block;width:52px;font-weight:normal;margin-right:8px}
.oJoin .agreeTermArea .agreeDesc .btmTermsBox dd b {font-weight: 500;}

/* 회원가입 > 약관 팝업 */
/* .agreePop {width:450px;height:600px;position: fixed;top: 50%;margin-top: -300px;left: 50%;background: #ffffff;margin-left: -225px;} */
.agreePopWrap {position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.3); z-index:99999}
.agreePopWrap.none {display:none !important}
.agreePopWrap .agreePop {width:600px;margin:auto;background:#ffffff; padding:20px 25px; border-radius:15px; /* height:600px;  */margin-top:50px;}
.agreePopWrap .agreePop .agreeTit {text-align:center; font:normal normal normal 18px/22px Spoqa Han Sans Neo; letter-spacing:-0.45px; color:#333333; margin-bottom:18px;}
.agreePopWrap .agreePop .agreeTit a {display:inline-block; width:18px; height:18px; float:right;}
.agreePopWrap .agreePop .agreeTit a::before {content:"\2573"; display:inline-block; width:18px; height:18px; line-height:18px; }
.agreePopWrap .agreePop .agreeTab {border-bottom:1px solid #e0e0e0}
.agreePopWrap .agreePop .agreeTab li {width:33.33%; float:left; text-align:center;font: normal normal normal 14px/22px Spoqa Han Sans Neo;letter-spacing: -0.35px; padding:10px 0; }
.agreePopWrap .agreePop .agreeTab li.on {border-bottom:2px solid #6BA539}
.agreePopWrap .agreePop .agreePopDesc {padding-top:24px;overflow-y:auto; height:500px; overflow-x:hidden}
.agreePopWrap .agreePop .agreePopDesc.none {display:none !important}
.agreePopWrap .agreePop .termsAndPrivacyCommon {padding:0;line-height:140%}

/* 아이디찾기 */
.oasisLoginWrap .oasisIdpwTit{display:block; padding:50px 0 0px 0; font-weight:500; font-size:30px; line-height:40px; color:#383838; letter-spacing:-1px}

.txt_idpw{padding-bottom:35px; line-height:1.5; font-size:14px;  font-weight:500;}
.txt_idpw strong{color:#6ca437;}

.btn_idpw_area{padding:30px 0;}
.btn_idpw_area a{display:inline-block; width:140px; height:40px; line-height:40px; margin:0 5px;  text-align:center; font-size:16px; text-decoration:none; font-weight:500; letter-spacing:-0.5px}
.btn_idpw_1{border:1px solid #6ca437; background:#6ca437; color:#fff; }
.btn_idpw_2{border:1px solid #bbbbbb; background:#f6f6f6; color:#666666; padding-top:25px;}

/* 2024-02-26 */
.oField:not(.mypage-form-table) {width:1000px;margin:0 auto;padding:70px 0;letter-spacing:-0.4px}
.oField .alignL {text-align:left}
.oField .alignR {margin-bottom:10px;font-size:12px;line-height:1.17;color:#0C520A;text-align:right}
.oField .subTitTop {position:sticky;top:0;left:0;width:100%;background:#fff;z-index:2}
.oField .brd {margin:24px -16px 0 -16px;padding:26px 16px 0 16px;border-top:8px solid #F4F4F4}
.oField .field_ttl {display:block;padding-bottom:16px;text-align:center}
.oField .field_ttl .ttl {font-weight:700;font-size:22px;line-height:1}
.oField .field_ttl .emphasis {color:#6BA43A}
.oField .field_ttl .txt {padding-bottom:5px;font-size:12px;color:#0C520A}
.oField .link_oasis {display:block;height:24px;margin-top:24px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_logo_200.png) no-repeat center/auto 100%}
.oField .link_oasis + .form_field {margin-top:30px}
.oField .wd1000 {width:100%;padding:40px 0;border:1px solid #E0E0E0;border-top:2px solid #0C520A}
.oField .form_field {width:400px;margin:0 auto}
.oField .ttl_sub {margin-top:30px;padding-bottom:40px;font-size:17px;line-height:1.4;word-break:keep-all;text-align:center}
.oField .ip_field {display:flex;flex-wrap:wrap;position:relative;}
.oField .ip_field + .ip_field {margin-top:24px}
.oField .ip_field label {flex-shrink:0;width:120px;font-size:13px;line-height:54px;color:#6E737F}
.oField .ip_field label .emphasisoField {display:inline-block;margin-left:1px;font-size:14px;color:#0C520A;vertical-align:top}
.oField .ip_field .ip_text {flex:1;position:relative;width:100%;height:54px;padding:0 54px 0 4px;border:0;font-size:15px;border-bottom:1px solid #e0e0e0;}
.oField .ip_field .ip_text:disabled {padding-left:12px;border:0;background:#F4F4F4;font-weight:700;font-size:15px;color:#6B6B6B}
.oField .ip_field .ip_text:read-only {opacity:1;padding:0 10px;border-bottom:0;font-weight:500;color:#333333}
.oField .ip_field .ip_text:read-only ~ a {font-weight:400;color:#9B9B9B;pointer-events:none}
.oField .ip_field .ip_text:read-only ~ .btn_del {display:none}
.oField .ip_field .ip_text:focus {outline:none}
.oField .ip_field .select_text{flex:1;position:relative;width:100%;height:54px;padding:0 54px 0 4px;border:0;font-size:15px;border-bottom:1px solid #e0e0e0;-webkit-appearance: none;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_down_56.png) right 13px top 50% no-repeat;background-size:20px 11px}
.oField .ip_field .ip_text::placeholder {color:#9B9B9B}
.oField .ip_field .ip_text:autofill {box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#000;transition:background-color 5000s 0s}
.oField .ip_field .ip_text:autofill::first-line {font-size:15px!important}
.oField.oField_login .ip_field {padding-left:26px;border-bottom:1px solid #e0e0e0;}
.oField.oField_login .ip_field .ip_text {border-bottom:0}
.oField .ip_field .remainTime {position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#0C520A}
.oField .ip_field.login_id {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_login_id_28.png) no-repeat 4px 50% / 14px 14px}
.oField .ip_field.login_pw {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_login_pw_28.png) no-repeat 4px 50% / 14px 14px}
.oField .ip_field.login_phone {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_login_phone_28.png) no-repeat 4px 50% / 14px 14px}
.oField .form_field .form_topTxt {margin:-10px 0 30px;text-align:center;}

input:-webkit-autofill::first-line {font-size:15px}
.oField .ip_field::after {content:'';display:block;position:absolute;top:53px;left:0;right:0;width:0;height:1px;margin:0 auto;background:#212121}
.oField .form_field .box_field {margin-top:12px;padding:12px 16px;background:#f4f4f4;font-size:13px;line-height:1.7;color:#6B6B6B;word-break:keep-all}
.oField .btn_del {display:none;position:absolute;top:0px;right:0;width:54px;height:54px;padding:10px 0;border:0;background:0}
.oField .btn_del::before {content:'';display:block;width:24px;height:24px;margin:0 4px 0 auto;border-radius:50%;background:#ccc url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_w_19.png) no-repeat center/10px auto}
.oField .ip_field.on::after {width:100%;transition:all .2s}
.oField .btn_login {display:flex;justify-content:center;column-gap:11px;margin-top:20px}
.oField .btn_login.on a {background:#6BA43A;color:#fff;pointer-events:all}
.oField .btn_login.small a {height:46px}
.oField .btn_login a {flex:1;display:flex;align-items:center;justify-content:center;height:50px;border-radius:3px;background:#F2F3F5;font-size:15px;color:#333;pointer-events:none}
.oField .btn_login a.anch {background-color:#ccc;color:#fff;pointer-events:all}
.oField .btn_login a.login {}
.oField .btn_join {display:flex;align-items:center;margin-top:16px;padding-bottom:10px}
.oField .btn_join .check {margin-right:auto}
.oField .btn_join .find {font-size:13px;color:#6E737F}
.oField .btn_join .find + .find::before {content:'';display:inline-block;width:1px;height:10px;margin:4px 9px 0 9px;background:#E0E0E0;vertical-align:top}
.oField .btn_field {position:relative}
.oField .btn_field .ip_text {padding-right:76px}
.oField .btn_field a {position:absolute;top:6px;right:0;min-width:66px;border-radius:3px;background:#F4F4F4;font-size:13px;line-height:36px;color:#333333;text-align:center;pointer-events:none}
.oField .btn_field a::after {content:'';display:block;position:absolute;bottom:-12px;right:0;width:calc(100% + 3px);height:1px;background:#fff;z-index:1}
.oField .ip_field.active .btn_del {display:block}/* 삭제버튼 */
.oField .ip_field.active a {background-color:#333333;color:#fff;pointer-events:all;z-index:1}/* 인증번호, 확인 등.. */
.oField .form_field :where(#checkIdOk, .msg, .checkRecommendIdOk) {display:none;width:100%;padding-top:8px;font-size:12px;line-height:1.4;color:#F55511}
.oField .form_field .invalid ~ .msg {display:block}
.oField .hr {display:block;position:relative;width:45px;margin:35px auto 0 auto;padding:0 10px;background:#fff;line-height:17px;color:#6b6b6b;text-align:center;z-index:1}
.oField .sns_login {display:flex;align-items:center;justify-content:center;column-gap:40px;margin-top:30px}
.oField .sns_login a {font-size:14px;text-align:center}
.oField .sns_login a::before {content:'';display:block;width:60px;height:60px;margin:0 auto 12px auto;border-radius:50%;background:no-repeat center/100% auto}
.oField .sns_login a.kakao::before {background-color:#fae102;background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_kakao_80.png)}/* 카카오 */
.oField .sns_login a.naver::before {background-color:#27ce5e;background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_naver_80.png)}/* 네이버 */
.oField .sns_login a.google::before {background-color:#f4f4f4;background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_google_80.png)}/* 구글 */
.oField .sns_login a.apple::before {background-color:#1d1d1e;background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_apple_80.png)}/* 애플 */
.oField .join_login {display:block;margin-top:35px;text-align:center}
.oField .join_login img {width:400px;margin:0 auto}
.oField .join_login b {font-weight:500;color:#333;border-bottom:2px solid #333;padding-bottom:2px;margin-left:10px}
.oField .ip_field.login_phone.active + .ip_field + .btn_login a {background:#6BA43A;color:#fff; pointer-events:auto}

/* 로그인 */
.oField_login .loginTab {width:400px;margin:0 auto 30px;display:flex;}
.oField_login .loginTab label {flex:1;height:50px;font-size:14px;color:#6B6B6B;position:relative;display:inline-flex;justify-content:center;align-items:center;text-align:center;border:1px solid #E0E0E0;}
.oField_login .loginTab label:has(input:checked) {font-weight:bold;color:#333;border:2px solid #333}
.oField_login .loginTab label input {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}
.oField_login .field_ttl {padding-bottom:40px}
.oField_login .ip_field.login_certified {padding-left:4px}

/* 아이디찾기/비번재발급 */
.oField .tabMenu {display:flex}
.oField .tabMenu a {flex:1;display:flex;align-items:center;justify-content:center;position:relative;height:50px;border-bottom:1px solid #E0E0E0;font-size:15px;color:#6B6B6B}
.oField .tabMenu a.on {font-weight:700;color:#333}
.oField .tabMenu a.on::after {content:'';display:block;position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#333}

.oField .form_guide {margin:38px 0 -4px 0;padding:0 16px;text-align:center;word-break:keep-all}
.oField .form_guide .mainTxt {font-size:15px;line-height:1.6}
.oField .form_guide .subTxt {margin-top:8px;font-size:14px;line-height:1.7;color:#6E737F}
.oField .form_field .form_guide {margin:-3px 0 37px 0}

.oField .findWrap .btn_login {margin-top:24px}

.oField .userBox {position:relative;margin-bottom:60px;padding:20px 50px;background:#F4F4F4}
.oField .userBox::before {content:'';position:absolute;top:20px;left:20px;width:24px;height:24px;border-radius:50%;background:#0C520A url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_person_72_2.png) no-repeat center/100% auto;vertical-align:top}
.oField .userBox strong {display:block;font-size:16px;line-height:24px}
.oField .userBox span {display:block;margin-top:6px;font-size:14px;line-height:1.3;color:#6B6B6B}

/* 회원가입 */
.oField_signUp .form_field {width:500px}
.oField_signUp .btn_login a {max-width:343px}
.oField_signUp .form_field :where(#checkIdOk, .msg) {padding-left:120px}
.oField_signUp .ip_field::after {right:auto;margin:0 0 0 120px}
.oField_signUp .ip_field.on::after {width:calc(100% - 120px)}
.oField_signUp .ip_field.btn_field.on::after {width:calc(100% - 189px)}
.oField .checkAllArea {font-weight:500;font-size:15px}
.oField .checkAllArea label {font-weight:500;font-size:15px}
/* .oField .checkTermArea {padding-bottom:16px;border-bottom:1px solid #333} */
.oField .checkTermArea .check {position:relative;margin-top:16px}
.oField .checkTermArea input.ip_checkboxG + label {font-size:13px}
.oField .checkTermArea a {position:absolute;top:0px;right:0;width:24px;height:24px;padding:7px 7px 0 0}
.oField .checkTermArea a::before {content:'';display:block;width:8px;height:8px;border:solid #333;border-width:1px 1px 0 0;transform:rotate(45deg)}
.oField .btmTermsBox {display:flex;flex-direction:column;row-gap:6px;margin:10px 0 0 30px;padding:11px 16px;border:1px solid #E0E0E0;background:#F4F4F4;font-size:12px;line-height:1.33;color:#6B6B6B}
.oField .btmTermsBox b {font-weight:500}
.oField .notice_field {margin-top:16px;border-top:1px solid #E0E0E0;padding-top:16px;text-align:center}
.oField .notice_field li {padding-left:7px;font-size:12px;line-height:1.7}
.oField .agree_field {margin-top:16px;border-top:1px solid #E0E0E0;padding-top:16px;font-size:12px;line-height:1.7;text-align:center}
.oField .inner_field {display:flex;flex-wrap:wrap;align-items:flex-start;margin-top:37px}
.oField .inner_field + .inner_field {margin-top:30px;padding-top:16px;border-top:1px solid #333333}
.oField .inner_field .inner_ttl {flex-shrink:0;width:120px;font-weight:400;font-size:13px;line-height:20px;color:#6E737F}
.oField .inner_field .inner_badge {display:inline-block;margin-left:3px;padding:0 4px;border-radius:2px;background:#7EAD13;font-family:'SUIT';font-weight:500;font-size:12px;line-height:20px;color:#fff;vertical-align:top}
.oField .inner_field .ip_field {display:none;margin-top:12px}
.oField .inner_field .ip_field::after {margin:0}
.oField .inner_field .ip_field.on::after {width:calc(100% - 69px)}
.oField .inner_field input.ip_radioG + label {margin-right:28px}
.oField .inner_field #recommendTypeTel:checked ~ .recommendTel {display:block}
.oField .inner_field #recommendTypeId:checked ~ .recommendId {display:block}
.oField .inner_field .ip_radioG:checked ~ .inner_notice {display:flex}
.oField .inner_notice {display:none;flex-direction:column;row-gap:4px;margin-top:11px}
.oField .inner_notice li {padding-left:9px;font-size:12px;line-height:1.5;color:#6E737F}
.oField .inner_notice li::before {content:'';display:inline-block;width:3px;height:3px;margin:7px 6px 0 -9px;border-radius:50%;background:#6E737F;vertical-align:top}
.oField .mgr {flex:1}

/* 추천인정보 > 아이디 선택 팝업 */
.getContent_phone {display:none}
.getContent_phone.open {display:block}
.getContent_phone.open::before {content:"";display:block;position:fixed;left:0;top:0;z-index:990;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}
.getContent_phone .sltAccount {position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;padding:33px 20px 0 20px;background-color:#fff;z-index:1000}
.getContent_phone .sltAccount .ttl {display:block;font-weight:700;font-size:18px;letter-spacing:-0.7px;text-align:center}
.getContent_phone .sltAccount .subscript {display:block;margin-top:20px;font-size:14px;color:#4C4C4C;line-height:1.5;letter-spacing:-0.6px;text-align:center}
.getContent_phone .sltAccount .btnClose {position:absolute;top:10px;right:10px;width:33px;height:33px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_30.png) no-repeat center/14px auto}
.getContent_phone .sltAccount .subTtl {display:block;margin-bottom:14px;font-weight:500;font-size:14px;letter-spacing:-0.7px}
.getContent_phone .disFlex .btnOpenTel {position:absolute;top:-27px;right:0;font-size:13px;color:#6DA43C;letter-spacing:-0.6px}
.getContent_phone input.ip_radioG + label {font-size:14px}
.getContent_phone .sltLi {margin-top:16px;padding:20px 0 30px 0;border-top:1px solid #EAEAEA}
.getContent_phone .notice {margin-top:10px;font-size:12px;line-height:15px;letter-spacing:-0.6px;color:#828282}
.getContent_phone .notice li {padding-left:6px}
.getContent_phone .notice li::before {content:'\002a';margin-left:-6px}
.getContent_phone .sltIp:not([style*="display: none"]) + ul {margin-top:20px}
.getContent_phone ul {display:flex;flex-direction:column;gap:16px 0}
.getContent_phone .recentUse {display:inline-block;margin:3px 0 0 1px;padding:0 3px;border-radius:1px;background:#6DA23C;font-weight:500;font-size:12px;line-height:18px;color:#fff;vertical-align:top}
.getContent_phone .popBtn {display:flex;margin:0 -20px}
.getContent_phone .popBtn a {flex:1;border-radius:0;font-weight:500;font-size:14px;line-height:38px}


input.chk_unit { position:absolute; width:1px; height:1px; padding:0px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
input.chk_unit + label { display:inline-block; padding:0px 0px 0px 29px; position:relative; line-height:26px; }
input.chk_unit.onlyInput + label { display:inline-block !important; width:26px; height:26px; overflow:hidden; }
input.chk_unit.dpBlock + label { display:block; }
input.chk_unit + label:before { content:""; display:inline-block; width:24px; height:24px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_50_gray_2.png) no-repeat center center / 58% auto; border-radius:50%; vertical-align:middle; cursor:pointer; position:absolute; left:0px; top:2px; }
input.chk_unit.small + label { position:relative; padding-left:25px; line-height:1.4; }
input.chk_unit.small + label::before { width:20px; height:20px; margin-right:5px; top:0px; }
input.chk_unit:checked + label::before { background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_50_green_2.png) no-repeat center center / 58% auto; }

/* 회원 정보 수정 */
.oField .btmAgreeBox {display:flex;flex-direction:column;row-gap:14px;margin:0 -16px;padding:23px 16px 20px 16px;border-bottom:1px solid #e0e0e0}
.oField .btmAgreeBox .txt {font-weight:700;font-size:13px;line-height:1.54}
.oField .btmAgreeBox .disFlex {display:flex}
.oField .btmAgreeBox .disFlex .yn:first-child {width:104px}
.oField .editInfo .form_guide {margin-top:22px;margin-bottom:-8px}
.oField .editInfo .subTxt {font-size:13px;line-height:1.54}
.oField .editInfo .form_field {margin-top:24px}
.oField .editInfo .acc_field {display:flex;flex-direction:column;row-gap:10px;margin-bottom:24px;padding:18px 12px 16px 12px;background:#F4F4F4;font-size:13px;line-height:20px}
.oField .editInfo .acc_field .ttl {display:inline-block;width:56px;color:#6E737F;vertical-align:top}
.oField .editInfo .acc_field b {display:inline-block;font-weight:700;font-size:15px;color:#333333;vertical-align:top}
.oField .editInfo .acc_field.small {padding-top:13px;padding-bottom:11px}
.oField .editInfo .acc_field.small .ttl {width:52px}
.oField .editInfo .btn_login {margin-top:24px}

/*상품리스트*/
.pListTit{display:block; padding:20px 0; margin-right:-10px; line-height:40px; font-size:30px; font-weight:500; color:#333; text-align:center}
.pListTit.conS1{margin-top:40px}

.pListSubCateBox{height:48px; padding:0 10px; margin-bottom:20px; border:1px solid #dddddd}
.pListSubCateBox li{float:left; position:relative}
.pListSubCateBox li a{display:inline-block; height:28px; padding:12px 15px 10px; color:#666666; font-weight:500; font-size:16px; background:url('../images/shop/productBoxBar.png') no-repeat 0 50%; text-decoration:none}
.pListSubCateBox li:first-child a{background:none}
.pListSubCateBox li a span{display:none}
.pListSubCateBox li a.on{color:#e53433}
.pListSubCateBox li a.on span{display:block; position:absolute; bottom:-4px; left:50%; width:11px; height:6px; margin-left:-5px; background:url('../images/shop/productBoxIcon.png') no-repeat 0 0}

.sec_list_area{padding:20px 0 10px 0; color:#676767;}
.sec_list_area span{color:#666666;}
.sec_list_area strong{display:inline-block; font-size:14px; color:#333333;}

.sec_list_area a{color:#666666;}
.sec_list_area span strong a{position:relative; top:-2px; color:#77ad20; }

.sec_list_area .sec_arrow{padding:0 5px;}
.sec_list_area .sec_arrow img{position:relative; top:-2px;}

.sec_list_area span,
.sec_list_area .sec_arrow img,
.sec_list_area strong,
.sec_list_area span strong a{vertical-align:middle; font-size:14px;}

.prod_list_category{border:1px solid #f1f7e8;background-color: #f1f7e8; height:60px; line-height:60px; margin-bottom:50px; font-weight:500;}
.prod_list_category a{text-decoration:none; color:#333132;font-weight: 600;font-size: 13px;}
.prod_list_category ul{overflow:hidden; height:60px;}
.prod_list_category ul li{float:left; height:60px; padding:0 18px;color:  #333132;}
.prod_list_category ul li.on a{color: #333132;}
.prod_list_category ul li.on span{color:#77ad20;}

.prod_list_chandle_category{/* border:1px solid #d8d8d8;  */margin-bottom:50px; font-weight:500; border-radius:50px; width:auto; display:inline-block;}
.prod_list_chandle_category a{text-decoration:none;color:#333132;font-weight: 600;font-size: 18px;display:inline-block;padding: 10px 25px;}
.prod_list_chandle_category ul{overflow:hidden; }
.prod_list_chandle_category ul li{float:left;color:  #333132;background:url('../images/common/bg_footer_2.png') no-repeat center left;height: 38px;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;position:relative;}
.prod_list_chandle_category ul li:nth-child(1) {border-left:1px solid #d8d8d8; background:none; border-radius: 50px 0px 0px 50px}
.prod_list_chandle_category ul li:nth-child(1).on a {left:-1px;}
.prod_list_chandle_category ul li:nth-last-child(1) {border-right:1px solid #d8d8d8; border-radius:0px 50px 50px 0px}
.prod_list_chandle_category ul li:nth-last-child(1).on a {right:-1px;}
.prod_list_chandle_category ul li.on {background:none;}
.prod_list_chandle_category ul li.on a{color: #333132;background:#6ca435; border-radius:50px;height:19px; top:-1px;}
.prod_list_chandle_category ul li.on span{color:#fff;}


.plBanner{padding-bottom:30px}
.plBannerList li{float:left; position:relative; width:50%}
.plBannerList li a img{width:100%}
.plBannerList li .plBannerTxt,
.plBannerList li .plBannerTit,
.plBannerList li .plBannerTit2,
.plBannerList li .plBannerPrice{display:inline-block; position:absolute; left:35px; color:#333333}
.plBannerList li .plBannerTxt{top:35px; line-height:20px; font-size:17px; font-weight:500}
.plBannerList li .plBannerTit2{top:188px; line-height:20px; font-size:13px; font-weight:500}
.plBannerList li .plBannerTit{top:69px; line-height:48px; padding-top:3px; background:url('../images/shop/productBannerBg1.png') no-repeat 0 0; font-size:40px; font-weight:500; letter-spacing:-1}
.plBannerList li .plBannerPrice{top:210px; line-height:35px; padding-left:30px; background:url('../images/shop/productBannerBg2.png') no-repeat 0 5px; font-size:34px; font-weight:900; letter-spacing:-1}

.prodListTop{position:relative; padding-bottom:8px}
.prodListTop > strong{display:inline-block; font-size:24px; color:#e53433; font-weight:500}
.prodListTop > p{position:absolute; top:5px; left:0px; font-size:16px; color:#323232; font-weight:300}
.prodListTop > p em{font-size:14px; color:#e53433; font-weight:300;}
.prodListTop > p strong{color:#e53433; font-weight:300;}

.prodList{width:1028px; overflow-x:hidden; padding-top:0px; border-top:1px solid #dddddd;}
.prodList ul{display:block; width:1100px; padding-left:1px;}
.prodList li{position:relative; float:left; width:236px; height:390px; padding:40px 27px 30px 0px; border-bottom:1px solid #dddddd;}
.prodList li .thum{position:relative; text-align:center; }
.prodList li .thum img{width:236px; max-height:236px}
.prodList li.stopSell img{opacity:0.5}
.prodList li.end{border-bottom:0;}
.newProdList:nth-child(1),
.newProdList:nth-child(2),
.newProdList:nth-child(3),
.newProdList:nth-child(4) {padding-top:0px !important}

#sec_best50 .prodList{border-top:0;}
#sec_best50 .prodList{padding:20px 0 100px 0;}

#sec_best50 .prodList li .thum,
#sec_product_list .prodList li .thum{height:236px;}


/* 판매중지 */
/* .prodList li .thum .stopSellTxt{display:block; position:absolute; top:45%; margin-top:-10px; left:0; width:100%; text-align:center}
.prodList li .thum .stopSellTxt span{display:none; padding:6px 17px 0; color:#fff; font-weight: 500; font-size:22px; line-height:24px}  20171218수정 */

.prodList li.stopSell .thum .stopSellTxt span,
.prodList li.newSellTxt .thum .newSellTxt span,
.prodList li.saleSellTxt .thum .saleSellTxt span,

.prodList li.saleNewSellTxt .thum .newSellTxt span,
.prodList li.saleNewSellTxt .thum .saleSellTxt span{display:inline-block}

/* 신상품 단독 */
.prodList li .thum .newSellTxt{display:block; position:absolute; top:0px; right:0px; width:52px; text-align:center; background:#6ca437; opacity:0.7;}
.prodList li .thum .newSellTxt span{display:none; height:32px; line-height:32px;  color:#fff; font-size:14px;}

/* 세일+신상품 */
.prodList li .thum .saleSellTxt{display:block; position:absolute;  width:52px; text-align:center; background:#67543e; opacity:0.7;}
.prodList li .thum .saleSellTxt span{display:none; height:52px; line-height:52px;  color:#fff; font-size:20px; font-weight:500;}
.prodList li .thum .saleSellTxt span em{font-size:16px;}

.prodList li .thum .saleNewSellDown{display:block; position:absolute;  top:0px; right:0px; width:74px; height:60px; text-align:center; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_down_74.png) no-repeat top right;}
.prodList li .thum .saleNewSellDown p{height: 2px;font-size:12px;color: #ffffff;margin: 5px 0 0 17px;}
.prodList li .thum .saleNewSellDown span{height:52px; line-height:52px;  color:#fff; font-size:20px; font-weight:500; margin-left: 20px;}
.prodList li .thum .saleNewSellDown span em{font-size:16px;}


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


.prodList li.saleSellTxt .thum .saleSellTxt,
.prodList li.saleNewSellTxt .thum .saleSellTxt{top:0px; left:0px;}

.prodList li.saleSellTxt .thum .newSellTxt,
.prodList li.saleSellTxt .thum .saleNewSellTxt,
.prodList li.saleNewSellTxt .thum .newSellTxt,
.prodList li.saleNewSellTxt .thum .saleNewSellTxt{top:52px; right:0px;}

.prodList li .thum .pdLikeWrap { height:30px; width:90%; position:absolute; bottom:5px; background:rgba(0,0,0,.3); margin:0 5%; border-radius:50px; text-align:center}
.prodList li .thum .pdLikeWrap img {width:17px; vertical-align:middle}
.prodList li .thum .pdLikeWrap span {color:#fff; line-height:30px}

/*20180130 추가 : 오감동*/
.ohSellTxt{display:block; position:absolute; top:52px; right:0px; width:52px; height:32px; text-align:center; background:#32abb2; opacity:0.9;}
.ohSellTxt span{display:block; height:32px; line-height:32px;  color:#fff; font-size:14px;}

/*20200616 추가 : 동행세일*/
.accompanySellTxt {display:block; position:absolute; top:52px; right:0px; width:52px; text-align:center; background:#073190; opacity:0.9; padding:8px 0}
.accompanySellTxt span {display:block; color:#fff; font-size:14px; letter-spacing:-1px;}

.prodList li .prodName{display:block; min-height:18px; line-height:18px; padding:13px 0 10px 0; text-align:center; font-size:15px; font-weight:500; color:#333; text-decoration:none; width:95%; margin:0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prodList li .prodPrice{display:block; text-align:center;}

.prodList li .prodPrice .prodPrice1,
.prodList li .prodPrice .prodPrice2{display:inline-block; margin:0 6px; padding:0 2px; font-size:16px; font-weight:500}
.prodList li .prodPrice .prodPrice1 em,
.prodList li .prodPrice .prodPrice2 em{font-size:16px; font-weight:500}
.prodList li .prodPrice .prodPrice1,
.prodList li .prodPrice .prodPrice1 em{color:#ea3137}
.prodList li .prodPrice .prodPrice2{position:relative; color:#999;}
.prodList li .prodPrice .prodPrice2 span{position:absolute; top:9px; left:0; width:100%; height:1px; background:#666666}

.prodList li .unitPrice {margin:6px; padding:0 2px; font-size:13px; font-weight:500; text-align:center;color:#6ca435;letter-spacing:-1px;}
.prodList li .unitPrice .unitPrice1 em {font-size:14px; font-weight:500; letter-spacing:-1px; color:#6ca435;}

.prodList li .pop_view{displaY:none; position:absolute; top:40px; left:-1px; width:238px; height:358px;}

/* 20180209 수정 */
.prodList li .icList{position:absolute; top:359px; left:50%; margin-left:-108px; overflow:hidden; width:217px; height:36px;}
.prodList li .icList ul{display:table; table-layout: fixed; width:100%; }
.prodList li .icList ul li{display:table-cell; box-sizing: border-box; width:31%; margin:0; padding:0; border-right: 1px solid #717171}
.prodList li .icList ul li:nth-child(3){width: 38%; border-right: 0 none}
.prodList li .icList ul li a {display:block; width: 100%; margin:0; height: 36px; background: #a2a2a2; background-position: center center; background-repeat: no-repeat; text-indent: -2000px; }
.prodList li .icList ul li:nth-child(1) a {background-image: url('../images/shop/shopIcon1_bg.png');}
.prodList li .icList ul li:nth-child(2) a {background-image: url('../images/shop/shopIcon2_bg.png');}
.prodList li .icList ul li:nth-child(3) a {position:relative; background: #6ca435}
.prodList li .icList ul li:nth-child(3) a:before {content:'바로구매'; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 14px; color:#fff; white-space: nowrap; text-indent:0}
/* 20170209 수정 end */

/*상품리스트 - 산지직송*/
.prodList2{width:1023px; overflow-x:hidden; padding-top:0; border-bottom:1px solid #efefef; border-left:1px solid #efefef; border-right:1px solid #efefef}
.prodList2 ul{display:block;float:left; width:1050px}
.prodList2 li{float:left; width:342px; height:500px; padding:0; border-right:1px solid #efefef; border-top:1px solid #efefef}
.prodList2 li .thum{position:relative; text-align:center}
.prodList2 li .thum img{width:100%}
.prodList2 li .thum .stopSellTxt{display:none; position:absolute; top:0; left:0; width:100%; height:342px; text-align:center; background:rgba(0,0,0,0.3)}
.prodList2 li .thum .stopSellTxt span{display:none; height:50px; padding:140px 17px 0; color:#fff; font-size:30px; line-height:40px; font-weight:500}
.prodList2 li.stopSell .thum .stopSellTxt{display:block}
.prodList2 li.stopSell .thum .stopSellTxt span{display:inline-block}
.prodList2 li .prodName{display:block; min-height:18px; line-height:18px; padding:12px 0; margin-top:20px; text-align:center; font-size:14px; font-weight:500; color:#666666; text-decoration:none}
.prodList2 li .prodPrice{display:block; text-align:center}
.prodList2 li .prodPrice .prodPrice1,
.prodList2 li .prodPrice .prodPrice2{display:inline-block; margin:0 6px; padding:0 2px; font-size:16px; font-weight:500}
.prodList2 li .prodPrice .prodPrice1 em,
.prodList2 li .prodPrice .prodPrice2 em{font-size:14px; font-weight:500}
.prodList2 li .prodPrice .prodPrice1,
.prodList2 li .prodPrice .prodPrice1 em{color:#1b1b1b}
.prodList2 li .prodPrice .prodPrice2{position:relative}
.prodList2 li .prodPrice .prodPrice2 span{position:absolute; top:12px; left:0; width:100%; height:1px; background:#666666}
.prodList2 li .icList{padding-top:12px; text-align:center}
.prodList2 li .icList a{display:inline-block; padding:0 8px; background:url('../images/shop/shopIconBar.png') no-repeat 0 0}
.prodList2 li .icList a:first-child{background:none}


.newProdList .prodList2{border:0;}
.newProdList .prodList2 li{width:332px; height:435px;margin-right:10px;margin-bottom:10px;border:1px solid #efefef;}
.newProdList .prodList2 li:nth-child(3n){margin-right:0;}
.newProdList .info1{text-align:right;margin-right:10px;}
.newProdList .prodList2 li .prodName{height:30px;}

.pListSubTit{text-align:center;margin-bottom:20px;margin-top:-10px;}

/*상품리스트 - 테마 상단 배너*/
.weekSaleBanner{position:relative; width:1026px; height:240px; margin-bottom:20px}
.weekSaleBanner .weekSaleBannerBtn{display:inline-block; position:absolute; top:0; right:0; width:296px; padding-left:1px; background:#5e524b} 
.weekSaleBanner .weekSaleBannerBtn ul{position:relative; height:240px; overflow:hidden}
.weekSaleBanner .weekSaleBannerBtn ul li {position:relative; perspective:1000;}
.weekSaleBanner .weekSaleBannerBtn ul li a{display:block; }
.weekSaleBanner .weekSaleBannerBtn ul li a > span {position:relative; display:block; width:280px; height:60px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; transform-style:preserve-3d; }
.weekSaleBanner .weekSaleBannerBtn ul li a > span > span {display:block; position:absolute; left:0; top:0; width:280px; opacity:1; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; /*backface-visibility:hidden; */}
.weekSaleBanner .weekSaleBannerBtn ul li a > span > span + span {transform:rotateX(180deg); opacity:0; }
.weekSaleBanner .weekSaleBannerBtn ul li a:hover > span, 
.weekSaleBanner .weekSaleBannerBtn ul li a:focus > span {height:120px; transform:rotateX(180deg); }
.weekSaleBanner .weekSaleBannerBtn ul li a:hover > span > span, 
.weekSaleBanner .weekSaleBannerBtn ul li a:focus > span > span {opacity:0; }
.weekSaleBanner .weekSaleBannerBtn ul li a:hover > span > span + span, 
.weekSaleBanner .weekSaleBannerBtn ul li a:focus > span > span + span {position:absolute; top:0; left:0; height:120px; opacity:1; border-left:4px solid #5f2616}
.weekSaleBanner .weekSaleBannerBtn ul li a:hover > span > span + span:after, 
.weekSaleBanner .weekSaleBannerBtn ul li a:focus > span > span + span:after {content:''; position:absolute; right:20px; top:26px; width:28px; height:28px; display:block; background:url(../images/com/icon_set1.png) no-repeat -120px -140px;}
.msie8 .weekSaleBanner .weekSaleBannerBtn ul li a > span > span + span {display:none;}
.msie8 .weekSaleBanner .weekSaleBannerBtn ul li a:hover > span > span {display:none;}
.msie8 .weekSaleBanner .weekSaleBannerBtn ul li a:hover > span > span + span {display:block;}

.weekSaleBanner .weekSaleBannerBtn ul li.wsbBtnFocusOut a > span{height:120px; transform:rotateX(180deg); }
.weekSaleBanner .weekSaleBannerBtn ul li.wsbBtnFocusOut a > span > span{opacity:0; }
.weekSaleBanner .weekSaleBannerBtn ul li.wsbBtnFocusOut a > span > span + span{height:120px; opacity:1; border-left:4px solid #5f2616}

/*페이징*/
.pagingWrap{width:1200px;margin:0 auto;border-top:1px solid #f4f4f4;position:relative;padding-top:30px;text-align:center;display:flex;align-items:center;justify-content:center}
.pagingWrap.productCommentPaging {width:1024px;border-top:0}
.mypage-wrap .pagingWrap {width:100%;border-top:0}
.pagingWrap a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 4px;text-align:center;color:#333;font-size:12px;border:1px solid #EEE;cursor:pointer}
.pagingWrap a:hover {text-decoration:underline}
.pagingWrap a.on{color:#fff;background:#333;pointer-events:none;border-color:#333}
.pagingWrap a[class^="pgBtn_"]::before {margin-top:-2px; font-weight: 300; font-size: 26px; line-height: 28px;}
.pgBtn_first::before {content: '\00AB'}
.pgBtn_prev::before {content: '\2039'}
.pgBtn_next::before {content: '\203A'}
.pgBtn_last::before {content: '\00BB'}


/*상품상세*/
.orderDeliveryArea {top:-2px; display:inline-block; height:22px; width:180px; line-height:20px; padding-top:1px; margin-left:8px; border:1px solid #ddd; text-align:center; font-size:13px; font-weight:500; color:#666666; letter-spacing:0; background:#fff url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_right_5_2.png) no-repeat 170px 50%;}
.orderDeliveryAreaDiv {width:218px; height:90px; position:absolute; left:289px; top:31px; z-index:1000; background:white; border:2px solid #6ca435; padding:18px; display:none;}

.orderPM .orderPMBtn { position:relative; display:inline-block; width:48px; height:28px; padding-top:5px; padding-right:20px; font-size:14px; line-height:24px; text-align:center; color:#666666; background:#fff; border:1px solid #dddddd; z-index:2; vertical-align:middle; }
.orderPMot .orderPMBtn { position:relative; display:inline-block; width:48px; height:28px; /*padding-top:5px;*/ padding-right:20px; font-size:14px; line-height:24px; text-align:center; color:#666666; background:#fff; border:1px solid #dddddd; z-index:2; } /*20180326 수정*/

.orderPM .orderPMBtn .ea,
.orderPMot .orderPMBtn .ea{ line-height:18px; text-align:center; vertical-align:top; }
.orderPM .orderPMBtn .orderPMBtn_p,
.orderPMot .orderPMBtn .orderPMBtn_p{position:absolute; top:0; right:0; width:20px; height:14px; padding-top:5px; border-left:1px solid #dddddd; border-bottom:1px solid #dddddd; text-align:center}
.orderPM .orderPMBtn .orderPMBtn_m,
.orderPMot .orderPMBtn .orderPMBtn_m{position:absolute; bottom:0; right:0; width:20px; height:12px; padding-top:5px; border-left:1px solid #dddddd; text-align:center}

/* 찜/장바구니/구매 버튼 모음 */
.pViewTab {border-top:1px solid #333; border-bottom:1px solid #E0E0E0; }
.pViewTab .tabList {display:flex;align-items:center;justify-content:center}
.pViewTab li {flex:1}
.pViewTab li a {display:block;position:relative;height:58px;font-size:14px;line-height:58px;text-align:center}
.pViewTab li .udLine {display:inline-block;position:relative;height:100%;padding:0 24px;vertical-align:top}
.pViewTab li.on .udLine {font-weight:600}
.pViewTab li.on a::after {content:'';display:block;position:absolute;bottom:-1px;left:0;right:0;width:100%;height:2px;margin:0 auto;background:#333}

.pViewCon .wd900{margin-top:30px; padding-bottom:30px;}
/*.pViewCon .tab2{height:760px}*/
.pViewCon .tab1 >p{text-align:center}
.pViewCon .tab1 >p img{max-width:900px;}
.pViewCon .tab1 table{margin:0 auto}
.pViewCon .tab1 .wrapMoreOasis{margin:auto; margin-top:100px;padding:0 50px;}
.pViewCon .tab1 .wrapMoreOasis h3{height:31px;color:#333;font-size:30px;font-weight:500;text-align:center;letter-spacing:-0.05em;}
.pViewCon .tab1 .wrapMoreOasis .more_oasis{margin:0 auto; margin-top:10px; display:flex;}

.pViewCon .tab2 .tit{font-size:21px; font-weight:500; color:#1c1c1c; letter-spacing:-1px}
.pViewCon .tab2 .prodCareWrap{ /* height:745px;  */padding:0 10px 60px 10px}

.pViewCon .tab2 .wrapMoreOasis2{margin:auto; padding: 60px 30px; border-top: 1px solid #ddd}
.pViewCon .tab2 .wrapMoreOasis2 h3{color:#333;font-size:30px;font-weight:500;line-height:1;text-align:left;letter-spacing:-0.05em;}
.pViewCon .tab2 .wrapMoreOasis2 .more_oasis2{margin:0 auto; margin-top:30px; display:flex;}

.pViewCon .tab3 .tbTell{font-size:22px; font-weight:500; color:#1c1c1c}
.pViewCon_recovery {text-align:center; margin:50px 0 10px}

.img_product_detail_area{padding:60px 0 60px 0; margin-bottom:50px; background-color:#f7f7f7; text-align:center;}
.img_product_detail_area img{max-width:900px;}


.table_essen_info{width:100%; border-top:2px solid #423b35; padding-bottom:50px;}

.table_essen_info th{vertical-align:top; font-size:13px; color:#666; padding:17px 0 17px 20px; text-align:left; border-bottom:1px solid #ddd;}
.table_essen_info td{vertical-align:middle; font-size:13px; color:#666; padding:17px 0 17px 0px; text-align:left; border-bottom:1px solid #ddd;}

.table_essen_info .tit_essen{vertical-align:middle; padding:18px 0 18px 20px; font-size:16px; color:#666; font-weight:500; text-align:left; border-bottom:1px solid #ddd;}
.table_essen_info .tit_essen span{display:inline-block; width:97%; font-size:12px; text-align:right; font-weight:500;}
.table_essen_info td strong{font-weight:500;}

.pViewArea {display:flex;width:1200px;margin:0 auto;padding-bottom:30px}
.pViewArea .pViewTabCon {flex:1}
.pViewArea .pViewCon .wd900 {padding-left:9px;padding-right:9px}
.pViewArea .pViewCon .wd900 img {max-width:100%}
.posFixed {height:60px}
.posSticky {flex-shrink:0;position:sticky;top:20px;left:0;width:310px;height:100%;margin-left:30px}
.posSticky .styBox {background:#fff}
.posSticky .styBox .boxTop {position:relative;border:1px solid #E0E0E0}
.posSticky .styBox .boxTop .prdTtl {padding:14px 14px 19px 14px;}
.posSticky .styBox .boxTop .prdTtl strong {overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;width:100%;font-weight:400;font-size:13px;line-height:22px}
.posSticky .styBox .boxTop .prdCount {display:flex;align-items:center;padding:14px;background:#F7F7F7}
.posSticky .styBox .boxTop .prdCount .numberBox {margin-right:auto}
.posSticky .styBox .boxTop .prdCount .price {font-size:16px}
/* 옵션 상품 */
.posSticky .styBox .orderPMselect {padding:0 14px 16px 14px}
.posSticky .styBox .orderPMselect .selectBox2 {position:relative;border:1px solid #e0e0e0;border-radius:4px}
.posSticky .styBox .orderPMselect .selectBox2:has(.selTit.open) {border-radius:4px 4px 0 0}
.posSticky .styBox .orderPMselect .selectBox2 + .selectBox2 {margin-top:10px}
.posSticky .styBox .orderPMselect .selectBox2 .selTit{width:100%;padding:0 50px 0 12px;line-height:38px}
.posSticky .styBox .orderPMselect .selectBox2 .selTit::after {content:'';display:block;position:absolute;top:11px;right:18px;transform:rotate(45deg);width:10px;height:10px;border:solid #333;border-width:0 1px 1px 0}
.posSticky .styBox .orderPMselect .selectBox2 .optionSelector {overflow-y:auto;display:none;position:absolute;top:38px;left:-1px;width:calc(100% + 2px);max-height:200px;border:1px solid #e0e0e0;border-radius:0 0 4px 4px;background:#fff;z-index:9}
.posSticky .styBox .orderPMselect .selectBox2 .optionSelector li {padding:10px 12px}
.posSticky .styBox .orderPMselect .selectBox2 .optionSelector li+li {border-top:1px solid #e0e0e0}
.posSticky .styBox .orderPMlist {position:relative;padding:0 13px;background:#F7F7F7}
.posSticky .styBox .orderPMlist::before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#e0e0e0}
.posSticky .styBox .orderPMlist .product_option {position:relative;padding:16px 0}
.posSticky .styBox .orderPMlist .product_option .name {padding-right:60px}
.posSticky .styBox .orderPMlist .product_option .orderLprice {display:flex;align-items:center;margin-top:10px}
.posSticky .styBox .orderPMlist .product_option .numberBox {margin-right:auto;}
.posSticky .styBox .orderPMlist .product_option .optionPrice {font-size:14px}
.posSticky .styBox .orderPMlist .product_option + .product_option {border-top:1px solid #E0E0E0}
.posSticky .styBox .orderPMlist .oListDelBtn {position:absolute;top:18px;right:0;width:12px;height:12px;background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cross_14.png) no-repeat center/100% auto}

.posSticky .styBox .totalBox {display:flex;padding:25px 0 15px 0}
.posSticky .styBox .totalBox .totalCount {margin-right:auto;padding-top:1px;font-weight:500;font-size:14px}
.posSticky .styBox .totalBox .totalCount .num {color:#6BA43A}
.posSticky .styBox .totalBox .option_price {font-size:14px;color:#FC7400}
.posSticky .styBox .totalBox .option_price::after {content:'';display:inline-block;width:0;height:0;margin:6px 8px 0 3px;border-style:solid;border-width:6px 4px 0 4px;border-color:#FC7400 transparent transparent transparent;vertical-align:top}
.posSticky .styBox .totalBox .totalPrice {font-size:20px;letter-spacing:-0.6px}
.posSticky .styBox .totalBox .totalPrice .num {font-weight:700;font-size:24px}
.posSticky .styBtn {display:flex;flex-wrap:wrap}
.posSticky .styBtn a {width:100%;height:50px;margin:10px 0 0 0;border-radius:0;font-size:14px;line-height:50px}
.posSticky .styBtn .option_regularDelivery {margin-bottom:0}
.posSticky .styBtn .option_regularDelivery label {font-size:14px}
.posSticky .styBtn.btnArea {flex-direction:column;padding-top:0}

/*기존 : 상품상세*/
.pViewCon .style1 {font-size: 13px; color:#333;  font-weight: 500;}
.pViewCon .style2 {font-size: 13px; color:#333; font-weight:500}/*th*/
.pViewCon .style3 { font-size: 13px; color:#666;}
.pViewCon .style4 { font-size: 13px; color: #e53433;font-weight: 500;}
.pViewCon table td,
.pViewCon table td p{font-size:13px; color:#666; line-height:20px; /* text-align:left; */ word-break: break-all;}
.pViewCon table td a{font-size:13px; color:#666}
.pViewCon table td p.fnB {font-size:13px; font-weight: 500; color:#1c1c1c}

/*기존 : 상품상세 2018.09.19 추가*/
.pViewCon .box {max-width:900px;}
.pViewCon table h1{max-width:900px; text-align:center; font-size:50px; letter-spacing:-0.01em; padding-top:50px; padding-bottom:40px; color: #1c1c1c; }
.pViewCon table h2{max-width:900px; text-align:center; font-size:28px; line-height:36px; font-weight:lighter; letter-spacing:-0.01em; padding-bottom: 40px;  }
.pViewCon table h3{max-width:900px; text-align:left; font-size:24px; line-height:36px; font-weight:lighter; letter-spacing:-0.01em; padding-top:20px; padding-bottom:40px;  }
.pViewCon .common {max-width:900px; text-align:left; }
.pViewCon .checktit{max-width:900px; font-size:40px; letter-spacing:-0.01em; padding-top:65px; padding-bottom:25px; color:#6fac2a  }
.pViewCon .checkTxt{max-width:900px; font-size:28px; font-weight:lighter; letter-spacing:-0.02em; line-height:40px; color:#444;  }
.pViewCon .checkTxt_last{max-width:900px; font-size:28px; font-weight:lighter; padding-bottom:60px; letter-spacing:-0.02em; line-height:40px; color:#444; }
/*기존 : 상품상세 2018.09.19 추가*/

/*상품상세_만족도 구매후기 20181106추가*/
.like_review {  font-size: 16px; border-top: #ddd 1px solid;  border-bottom: #ddd 1px solid;  margin: 0 60px; color: #6ca437; font-weight: 500;}
.like_review ul{padding: 15px 60px 10px 30px;}
.like_review img{ padding-bottom: 10px; vertical-align:middle;}
.like_review span{}

.mgT30{margin-top:15px}
.mgTop30{margin-top:30px}
.mgT10{margin-top:10px}
.mgT20{margin-top:20px}
.mgT50{margin-top:50px}
.mgT70{margin-top:70px}
.mgT27{margin-top:27px}
.mgB10{margin-bottom:10px !important}

.refundTxt1 {margin:4px 0 0 0; line-height:21px;}
.refundTxt2 {font-size: 20px !important; line-height:30px; text-align: center; position:relative; top:-5px; font-weight:300;}
.taC .refundTxt2{top:5px}
.refundTxt2 .txtLine {font-size: 20px;  text-decoration: underline; font-weight: 300; }
.refundTxt2 .txt500 {font-size: 20px; text-decoration: underline; font-weight: 300; color:#333}
.refundTxt2 .txt500444 {margin: 0 0 0 15px; font-size: 20px; font-weight:300; color:#444;}
.delvrTxt1 {margin:4px 0 0 0; font-size:13px; font-weight:500; color:#d04210; line-height:21px;}
.delvrTxt2 {font-size:13px; font-weight:500; color:#666; line-height:21px;}
.delvrTxt3 {color:#575757; line-height:21px;}
li.delvrTxt3{font-size:13px}
.delvrTxt4 {font-size:13px; color:#444; font-weight:300;}
.delvrTxt5 {font-size:13px; color:#444;}
.txtSty5{color:#e53433; font-size:13px}
.taC {text-align: center;}
.taL {text-align: left}
.tbTell{font-size:13px}
.prodCareWrap {display:flex}
.prodCareWrap li {flex:1}
.prodCareWrap .careWrap {margin:0 20px;}
.prodCareWrap .careWrap .img {margin: 0; text-align: center}
.prodCareWrap .careWrap .tit {margin: 47px 0 0 0;}
.prodCareWrap .careWrap .txt {margin: 14px 0 0 0; color:#575757; line-height: 24px; font-size:15px}

.more_oasis {display:flex}
.more_oasis li {flex:1}
.more_oasis .careWrap {margin:20px 10px;border:1px solid #dedede;height:336px}
.more_oasis .careWrap .img {margin: 54px 0 0 0; text-align: center}
.more_oasis .careWrap .tit {margin: 20px 0 0 0; text-align: center; font-size:18px; font-weight:500; line-height:30px; color:#000000;}
.more_oasis .careWrap .bar {margin: 0 110px; height:10px; border-bottom:1px solid #aaaaaa; }
.more_oasis .careWrap .txt {margin: 14px 0 0 0; color:#575757; line-height: 24px; font-size:15px; text-align:center}

.more_oasis2 {display:flex}
.more_oasis2 li {flex:1}
.more_oasis2 .careWrap {/* margin:40px 10px;  */border-left:1px solid #dedede;height:100%}
.more_oasis2 .careWrap .tit {font-size:20px; font-weight:500; line-height:30px; border-left:7px solid #6CA232; padding-left:10px}
.more_oasis2 .careWrap .txt {margin: 14px 0 0 0; color:#575757; line-height: 24px; font-size:15px; text-align:left; padding-left:16px; padding-right:20px;}

/*기존 : 상품상세 상품평*/
.commentWrap .gTxt{padding-bottom:57px; text-align:center}
.commentWrap .gTxt em,
.commentWrap .greenFont{color:#80bd01; font-style:normal}

.commentWrap .cmTitWrap{position:relative; height:30px; text-align:right; font-weight:500; font-size:14px;}


.commentWrap .cmTit,
.commentWrap .cmTit2{position:relative; display:inline-block; padding:0 12px; height:27px; line-height:27px;  font-size:14px; color:#666; text-align:center; text-decoration:none; z-index:10; }
.cmOptionNm {display: inline-block;font-size: 13px;vertical-align: top;color: #2b4a3c;font-weight: 500;letter-spacing: -1px;margin-right:10px;}

.commentWrap .cmTit:hover,
.commentWrap .cmTit2:hover{color:#689e40; text-decoration:underline;}

.commentWrap .cmTit3{position:absolute; top:10px; lefT:0px; font-size:22px; color:#333;}

.commentWrap .cmTit span,
.commentWrap .cmTit2 span{color:#888888;}
.commentWrap .cmTitWrap .cmTit_on{color:#689e40; border:0px solid #111111;   z-index:100;}
.commentWrap .cmTitWrap .cmTit_on span{color:#689e40; }

.commentWrap .cmTitWrap .cmWriteBtn{display:inline-block; padding:0 25px; height:27px; line-height:27px; text-align:center; color:#6a6a6a; border:1px solid #dcdcdc;}
.commentWrap .cmTitWrap .cmWriteBtn a{color:#6a6a6a;}
.commentWrap .cmTitWrap .clear{clear:both}
.commentWrap .cmNotice {display:block;margin-top:8px;font-weight:400;color:#6b6b6b;text-align:right;}

.commentWrap .reviewImgWrap {display:inline-block;float:left;width:102px;height:102px;border-radius: 5px;margin-right: 5px;border:1px solid #dfdfdf}
.commentWrap .reviewImgWrap img {width:100px; height:100px;border-radius: 5px;}
.commentWrap .photoDetailView {margin-top:25px;}
.commentWrap .photoDetailView img {max-width:650px;}

.txt_cm_area{border:1px solid #dcdcdc; background-color:#f8f8f8;}
.txt_cm_area div{padding:25px 20px; color:#666; line-height:1.7; font-size:14px;/*  font-weight:300; */}

.tableCom {width:100%; table-layout: fixed; border-collapse: collapse; border-top: 1px solid #bbbbbb;}
.tableCom th {height:52px; text-align:center; font-weight:normal; font-size:13px; color:#111111; border-bottom: 1px solid #bcbdbf; background: #fafafa;}
.tableCom td {padding: 15px 0; color:#666666; border-bottom: 1px solid #e6e6e6; text-align:center}


.tableCom thead th {height:52px; text-align:center; font-weight:normal; font-size:13px; color:#111111; border-bottom: 1px solid #dddddd; background: #fafafa;}
.tableCom thead td {padding: 15px 0; color:#666666; border-bottom: 1px solid #e6e6e6; text-align:center; border:1px solid #dddddd;}
#sec_product_view .tableCom .comMore{display:none;}

.tableCom tr.best .cmMoreBtn::before {content:'';display:inline-block;width:40px;height:18px;margin:1px 5px 0 0;border:1px solid #eee;border-radius:20px;background:#fff url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_best_45.png) no-repeat center/auto 9px;vertical-align:top}

.tableCom td.tL1 {padding-left:40px; padding-right:10px; text-align:left;}

.tableCom td.tL1 a img{vertical-align:middle; margin:-1px 0 0 5px;}

.tableCom td.tL1 span.odThImg img{width:64px; height:64px; margin:0;}

.tableCom td.tL1 .thum_txt_area{display:inline-block; width:83%;}

#sec_mypage_myshopping_1 .tableCom td.tL1 a:hover{text-decoration:none;}

.tableCom td.tL1 span.odThImg img,
.tableCom td.tL1 .thum_txt_area{vertical-align:middle;}


.tableCom td .icon_photoCom{display:inline-block; margin: 4px 0 0 2px; vertical-align: top;}

.tableCom .reply_end{color:#7d9655;}
.tableCom .reply_now{color:#9a9a9a;}

.tableCom .comMore td{line-height:18px; padding-top:15px; padding-bottom:20px; padding-right:60px; background:#ffffff; vertical-align:top; font-size:14px; text-align:left; color:#666666;  }
.tableCom .comMore td a.btnProductCommentComment {display:block; margin:10px 0 20px 0; width: 50px; height: 20px; line-height: 20px; text-align: center; color: #444; background: #fff; border: 1px solid #8f8f8f;}
.tableCom .comMore td.tL0{background-color:#ffffff;font-size:14px; line-height:1.8; width:100%; padding: 0px}
.tableCom .comMore td.tL1{background:#f6f4f0;color:#666; font-size:14px; line-height:1.8;}
.tableCom .comMore div.tL0{background-color:#ffffff;font-size:14px; line-height:1.8;padding:0 120px 0 140px; margin:20px 0;position:relative}
.tableCom .comMore div.tL3{background-color:#f6f4f0; border-top:1px solid #e6e6e6; padding-bottom: 20px;}
.tableCom .comCom div.tL3{background-color:#f6f4f0; border-top:1px solid #e6e6e6; padding-bottom: 20px;}
.tableCom .comCom div.tL4{text-align:left; background:#f6f4f0 url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_right_29.png) no-repeat left 20px; color:#666666; font-size:13px; line-height:1.8; margin-left: 240px; padding:15px 0px 15px 50px; border-bottom:1px solid #e6e6e6;margin-right: 40px;}
.tableCom .comCom div.tL4 span{display:block; margin-top:10px; font-weight:500}
.tableCom .comMore div.tL4{background:#f6f4f0 url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_right_29.png) no-repeat left 20px; color:#666666; font-size:13px; line-height:1.8; margin-left: 240px; padding:15px 0px 15px 50px; border-bottom:1px solid #e6e6e6;margin-right: 40px;}
.tableCom .comMore div.tL4 span{display:block; margin-top:10px; font-weight:500}
.tableCom .comMore th.tit_area {height:35px; padding-left:20px; text-align:left; font-size:14px; color:#666666; border-bottom: 1px solid #ddd; background: #fafafa; font-weight:500}
.tableCom .comMore td.tit_area {overflow:hidden; padding: 15px 20px; font-size:14px; color:#333; border-bottom: 1px solid #ddd; text-align:left;}
.tableCom .comMore td .txt_qna_end{padding:10px 0; color:#689e40;}
.tableCom .comMore .pcIcon1,
.tableCom .comMore .pcIcon2{height:27px; padding-left:35px; padding-top:3px; margin-left:85px; color:#111111}
.tableCom .comMore .pcIcon1{background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_price_26.png) no-repeat left top;}
.tableCom .comMore .pcIcon2{background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_delivery_26.png) no-repeat left top;}
.tableCom .comMore .pcImgWrap img{max-width:700px}

/* 신고하기 추가 */
.tableCom .btn_declarePop {position:absolute;right:0;top:0;width:100px;color:#767676;text-align:center}
.oDialogs.oDialog_wdM.pop_declareCont .dialog_wrap {width:800px;padding:20px 30px 40px}
.oDialogs.pop_declareCont .dialog_wrap {height:695px}
.oDialogs.pop_declareCont .dialog_header h3 {font-size:28px;font-weight:normal;line-height:1;padding-top:20px}
.oDialogs.pop_declareCont .dialog_header h3+p {font-size:14px;text-align:center;margin-top:10px}
.oDialogs.pop_declareCont .in_declareList {display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #e0e0e0;padding-top:30px}
.oDialogs.pop_declareCont .in_declareList dt {width:140px;font-size:20px}
.oDialogs.pop_declareCont .in_declareList dd {width:596px}
.oDialogs.pop_declareCont .in_declareList dt+dd~* {margin-top:40px}
.oDialogs.pop_declareCont .declare_targetBox {background-color:#f4f4f4;border:1px solid #e0e0e0;padding:20px}
.oDialogs.pop_declareCont .declare_targetBox em {display:inline-block;color:#6b6b6b;line-height:1;}
.oDialogs.pop_declareCont .declare_targetBox p {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;color:#b2b2b2;margin-top:15px;line-height:1.5;font-size:13px}
.oDialogs.pop_declareCont .declare_chBox {}
.oDialogs.pop_declareCont .declare_chBox label {display:inline-block;margin:0 20px 20px 0;position:relative;padding:2px 0 2px 26px; cursor: pointer;}
.oDialogs.pop_declareCont .declare_chBox label input {position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#E0E0E0 url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_50_white_2.png) no-repeat center center / 58% auto}
.oDialogs.pop_declareCont .declare_chBox label input:checked {background-color:#333;}
.oDialogs.pop_declareCont .declare_chBox label:last-child {display:block;position: relative;margin-bottom:0;margin-right:0}
.oDialogs.pop_declareCont .declare_chBox label:last-child .dl_textArea {border:1px solid #e0e0e0;margin:14px 0 0 -26px;height:160px;padding:20px}
.oDialogs.pop_declareCont .declare_chBox label:last-child .dl_textArea textarea {width:100%;resize:none;font-size:14px;outline:none;height:104px;pointer-events:none;}
.oDialogs.pop_declareCont .declare_chBox label:last-child .dl_textArea textarea:focus::placeholder {color:transparent}
.oDialogs.pop_declareCont .declare_chBox label:last-child input:checked+span+.dl_textArea textarea {pointer-events: initial;}
.oDialogs.pop_declareCont .declare_chBox label .dl_textArea span {position:absolute;right:20px;bottom:20px}
.oDialogs.pop_declareCont .dialog_body .btnsArea {padding-top:30px}
.oDialogs.pop_declareCont .dialog_body .btnsArea a.btns {width:300px;background-color: #333;color:#fff}

.commentWrap .cmStarBg{display:inline-block; position:relative; width:70px; height:14px; margin-bottom:-2px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_star_32_white.png) repeat-x left top/14px auto; color:#3f3f3f; transform:translate3d(0px, 0px, 0px)}
.commentWrap .cmStarBg p{position:absolute; top:0; left:0; height:14px; display:inline-block; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_star_32.png) repeat-x left top/14px auto;}
.commentWrap .cmStarBg span{position:absolute; top:-100000000000000px; left:-1000000000000000px; display:inline-block; font-size:0px; line-height:1px;}
.commentWrap .cmStarBg .starWd0{width:0;}
.commentWrap .cmStarBg .starWd1{width:14px}
.commentWrap .cmStarBg .starWd2{width:28px}
.commentWrap .cmStarBg .starWd3{width:42px}
.commentWrap .cmStarBg .starWd4{width:56px}
.commentWrap .cmStarBg .starWd5{width:70px}
.mgT25{margin-top:25px}
.commentWrap .mgT12{margin-top:12px}
.noticeBg { width: 50px; height: 25px; line-height: 25px !important; background-color: #6ca437; color: #fff !important; border-radius: 20px; text-align: center; display: inline-block; }

/* 후기/문의 디자인 변경 202408 */
.detailInnerHeader {display:flex;flex-wrap:wrap;align-items:flex-end;padding-top:10px}
.detailInnerHeader button {cursor:pointer}
.detailInnerHeader:nth-of-type(n+2) {margin-top:60px}
#commentList .detailInnerHeader {margin-top:60px}
.detailInnerHeader .innerTtl {font-weight:700;font-size:18px;line-height:22px}
.detailInnerHeader .innerRight {display:flex;align-items:center;height:26px;margin-left:auto}
.detailInnerHeader .innerRight .item {height:26px;background:none;font-size:14px;line-height:26px}
.detailInnerHeader .innerRight .item.min {padding-top:4px}
.detailInnerHeader .innerRight .item.on {font-weight:500;text-decoration:underline;text-underline-position:from-font}
.detailInnerHeader .innerRight .item:has(+.item:not(.itemBtn))::after {content:'';display:inline-block;width:1px;height:14px;margin:6px 12px 0 12px;background:#E0E0E0;vertical-align:top}
.detailInnerHeader .innerRight .itemBtn {min-width:100px;margin-left:20px;padding:0 10px;border:1px solid #666666;border-radius:3px;font-size:12px;text-align:center}
.detailInnerHeader .innerRight .itemDesc {padding-top:8px;font-size:13px;color:#6B6B6B}
.detailInnerHeader .innerRight .itemDesc:has(+.itemBtn) {margin-right:-10px}
.detailInnerHeader .innerGuide {width:100%;margin-top:15px;padding-top:22px;border-top:1px solid #E0E0E0}
.detailInnerHeader .innerGuide li {padding-left:9px;font-size:13px;line-height:22px;color:#6B6B6B}
.detailInnerHeader .innerGuide li::before {content:'';display:inline-block;width:3px;height:3px;margin:8px 6px 0 -9px;border-radius:50%;background:#6B6B6B;vertical-align:Top}
/* 후기 */
.commentTb {margin-top:15px;border-top:1px solid #707070}
.commentTb button {cursor:pointer}
.commentTb .pagingWrap {width:100%;border-top:0}
.commentTb .noHistory {padding:70px 0;font-size:14px;text-align:center}/* 내역 없는 경우 */
.commentTb .tbItem {/* display:flex;flex-wrap:wrap; */display:block;position:relative;border-bottom:1px solid #E0E0E0}
.commentTb .tbItem .tbItem_btn {position:absolute;top:0;right:0;background:transparent;font-size:12px;line-height:20px;color:#666666}/* 신고하기 */
.commentTb .tbItem.best .tbItem_star::after {content:'';display:inline-block;width:40px;height:18px;margin:-1px 0 0 96px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_best_80.png) no-repeat center/100%;vertical-align:top}/* BEST */
.commentTb .tbItem .tbItem_star {display:block;position:relative;width:88px;height:16px;margin-top:25px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_star_176_gray.png) no-repeat center/100% auto}/* 별점 */
.commentTb .tbItem .tbItem_star::before {content:'';display:block;position:absolute;top:0;left:0;height:100%;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_star_176_green.png) no-repeat top left/auto 100%;z-index:1}
.commentTb .tbItem .tbItem_star.star-1::before {width:18px}
.commentTb .tbItem .tbItem_star.star-2::before {width:36px}
.commentTb .tbItem .tbItem_star.star-3::before {width:54px}
.commentTb .tbItem .tbItem_star.star-4::before {width:72px}
.commentTb .tbItem .tbItem_star.star-5::before {width:90px}
/* .commentTb .tbItem .premiumThumb.tbItem_img {display:flex;column-gap:6px;position:relative;margin:18px 0 8px 0} */
.commentTb .tbItem .tbItem_img:has(.thumbImg) + .tbItem_title {margin-top:8px}
.commentTb .tbItem .tbItem_cmt {margin:18px 0 0 0;padding-right:60px;padding-bottom:23px}
.commentTb .tbItem .tbItem_title {position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;max-height:44px;margin:0px 0 0 0;background:transparent;font-size:14px;line-height:22px}
.commentTb .tbItem .tbItem_title.lock::after {content:'';display:block;position:absolute;top:3px;right:0;width:16px;height:16px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_lock_32.png) no-repeat center/100% auto}
.commentTb .tbItem :where(.tbItem_date, .tbItem_user, .tbItem_option) {display:inline-block;margin-top:12px;font-size:12px;line-height:15px;color:#6B6B6B;vertical-align:top}
.commentTb .tbItem .tbItem_option {font-weight:500;color:#2B4A3C}
.commentTb .tbItem .tbItem_user {margin-right:20px;}
.commentTb .tbItem .tbItem_date + .tbItem_user::before {content:'';display:inline-block;width:1px;height:12px;margin:1px 8px 0 5px;background:#E0E0E0;vertical-align:top}
.commentTb .tbItem .tbItem_more:not(.tbItem_title) {display:block}
/* .commentTb .tbItem .tbItem_more {display:inline-block;display:none;margin-top:14px;background:transparent;font-size:12px;line-height:20px;color:#666666;vertical-align:top} */
.commentTb .tbItem .tbItem_content {display:none;padding:16px 0 22px 0;border-top:1px solid #E0E0E0;font-size:14px;line-height:22px}
.commentTb .tbItem .tbItem_answer {display:none;width:100%;padding:28px 30px;border-top:1px solid #E0E0E0;background:#F4F4F4;font-size:14px;line-height:22px}
.commentTb .tbItem.open .tbItem_title {display:block;max-height:100%;margin-top:18px}
.commentTb .tbItem.open .tbItem_cmt:has(.tbItem_img) {padding-bottom:25px}
.premiumSwiper {overflow:hidden;display:none;position:relative;width:400px;height:533px;background:#F4F4F4}
.premiumSwiper .thumbImg img {width:100%;height:100%;object-fit:contain}
.premiumThumb {overflow:hidden;display:inline-block;position:relative;max-width:100%;vertical-align:top}
.premiumThumb .thumbImg {position:relative;width:121px;height:121px}
.premiumThumb .thumbImg::before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.02);z-index:1}
.premiumThumb .thumbImg img {position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}
:is(.premiumSwiper, .premiumThumb) :where(.swiper-arr-next, .swiper-arr-prev) {position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(0,0,0,0.33);z-index:1}
:is(.premiumSwiper, .premiumThumb) :where(.swiper-arr-next, .swiper-arr-prev).swiper-button-disabled {display:none}
:is(.premiumSwiper, .premiumThumb) .swiper-arr-next {right:0}
:is(.premiumSwiper, .premiumThumb) .swiper-arr-next::before {content:'';display:block;width:12px;height:12px;margin:14px 0 0 12px;border:solid #FFFFFF;border-width:1px 1px 0 0;transform:rotate(45deg)}
:is(.premiumSwiper, .premiumThumb) .swiper-arr-prev {left:0}
:is(.premiumSwiper, .premiumThumb) .swiper-arr-prev::before {content:'';display:block;width:12px;height:12px;margin:14px 0 0 18px;border:solid #FFFFFF;border-width:1px 0 0 1px;transform:rotate(-45deg)}
:is(.premiumSwiper, .premiumThumb) .swiper-paging {position:absolute;left:auto;right:0;bottom:0;width:43px;background:rgba(0,0,0,0.2);font-size:12px;line-height:20px;word-spacing:-2px;color:#FFFFFF;text-align:center;z-index:1}
.commentTb .tbItem.open .premiumSwiper {display:inline-block;vertical-align:top}
.commentTb .tbItem.open:has(.premiumSwiper .swiper-wrapper) .tbItem_title {display:inline-block;width:calc(100% - 403px);margin-top:0;padding-left:20px;vertical-align:top}
/* .commentTb .tbItem.open:has(.premiumSwiper .swiper-wrapper) .tbItem_more {margin-top:18px} */
.commentTb .tbItem.open .premiumThumb {display:none}
/* 후기::사진후기 */
.commentPhoto {margin-top:15px}
.commentPhoto button {margin:0 1px;cursor:pointer}
/* 후기::사진후기 전체보기 팝업 */
/* body:has(.photoPop.active) {overflow:hidden} */
.photoPop {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:101}
.photoPop.active {display:block}
.photoPop button {background:transparent;cursor:pointer}
.photoPop_inner {position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);width:796px;margin:0 auto;padding:30px 30px;background:#FFFFFF}
.photoPop_header {display:flex;align-items:flex-end;padding-bottom:20px}
.photoPop_header.brd {border-bottom:1px solid #E0E0E0}
.photoPop_header .photoPop_title {font-weight:700;font-size:18px;line-height:22px}
.photoPop_header .photoPop_util {display:flex;align-items:center;column-gap:20px;margin-left:auto}
.photoPop_header .premiumController {display:flex;display:none;align-items:center}
.photoPop_header .premiumController button {padding:0 10px;line-height:18px}
.photoPop_header .premiumController .prev {}/* 이전 */
.photoPop_header .premiumController .prev::before {content:'';display:inline-block;width:7px;height:13px;margin:2px 6px 0 0;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_left_16_2.png) no-repeat center/100% auto;vertical-align:top}
.photoPop_header .premiumController .next {}/* 다음 */
.photoPop_header .premiumController .next::after {content:'';display:inline-block;width:7px;height:13px;margin:2px 0 0 6px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_right_16_2.png) no-repeat center/100% auto;vertical-align:top}
.photoPop_header .premiumController .all {margin-left:10px}/* 전체보기 */
.photoPop_header .premiumController .all::before {content:'';display:inline-block;width:13px;height:13px;margin:2px 6px 0 0;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_viewType2_26.png) no-repeat center/100% auto;vertical-align:top}
.photoPop_header .photoPop_close {flex-shrink:0;width:20px;height:20px;background:transparent}
.photoPop_body:has(.premiumThumb) {margin:0 -30px;padding:0 30px}
.photoPop_body .premiumList {margin-top:0;margin-right:-15px}
.photoPop_body .premiumThumb {overflow-x:hidden;overflow-y:auto;display:flex;flex-wrap:wrap;align-content:flex-start;gap:2px;height:563px;overscroll-behavior:contain}
.photoPop_body .premiumThumb .thumbImg {margin:0}
.photoPop_body .premiumDetail {display:flex;display:none;padding-top:29px;border-top:1px solid #E0E0E0}
.photoPop_body .premiumDetail .viewInfo {flex:1;margin-top:0;padding-left:22px;border-top:0}
.photoPop_body .premiumDetail .tbItem {border-bottom:0}
.photoPop_body .premiumDetail .tbItem .tbItem_star {margin-top:10px}
.photoPop_body .premiumDetail .tbItem .tbItem_cmt {margin-top:28px;padding:0 10px 0 0px}
.photoPop_body .premiumDetail .tbItem .tbItem_title {overflow-x:hidden;overflow-y:auto;display:block;max-height:476px;overscroll-behavior:contain}
.photoPop_body .premiumDetail .premiumSwiper {display:block}
.photoPop_inner.view .premiumController {display:flex}/* 후기 상세 */
.photoPop_inner.view .premiumList {display:none}
.photoPop_inner.view .premiumDetail {display:flex}
/* 문의 */
.qnaTb {margin-top:30px;border-top:1px solid #707070}
.qnaTb button {cursor:pointer}
.qnaTb .pagingWrap {width:100%;border-top:0}
.qnaTb .noHistory {padding:70px 0;font-size:14px;text-align:center}/* 내역 없는 경우 */
.qnaTb .tbItem {display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid #E0E0E0}
.qnaTb .tbItem .tbItem_status {flex-shrink:0;margin:20px 0;min-width:78px;font-size:13px;color:#6b6b6b;text-align:center}
.qnaTb .tbItem .tbItem_status.end {color:#333}
.qnaTb .tbItem .tbItem_status.frequent {border:1px solid #E0E0E0;border-radius:2px;color:#0C520A;font-size:12px;margin:18px 0}
.qnaTb .tbItem .tbItem_title {position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;max-width:570px;max-height:22px;height:100%;margin-right:auto;padding:0 43px 0 10px;background:transparent;font-size:14px;line-height:22px;text-align:left;cursor:pointer}
.qnaTb .tbItem .tbItem_title.lock::after {content:'';display:block;position:absolute;top:3px;right:20px;width:16px;height:16px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_lock_32.png) no-repeat center/100% auto}
.qnaTb .tbItem .tbItem_title.openN {pointer-events:none}
.qnaTb .tbItem .tbItem_title br {display:none}
.qnaTb .tbItem .tbItem_user {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:115px;font-size:12px;color:#6B6B6B;text-align:center}
.qnaTb .tbItem .tbItem_date {flex-shrink:0;width:73px;font-size:12px;color:#6B6B6B;text-align:right}
.qnaTb .tbItem .tbItem_answer {display:none;width:100%;padding:0 80px;background:#F4F4F4}
.qnaTb .tbItem .tbItem_answer .tbItem_inner + .tbItem_inner {border-top:1px solid #E0E0E0}
.qnaTb .tbItem .tbItem_answer .inner_ttl {display:block;padding-top:30px;font-weight:500;font-size:14px}
.qnaTb .tbItem .tbItem_answer .inner_ttl .date {display:inline-block;margin-left:11px;font-weight:400;font-size:12px;color:#6B6B6B;vertical-align:top}
.qnaTb .tbItem .tbItem_answer .inner_desc {padding:13px 0 28px 0;font-size:14px;line-height:22px}

/*프로모션*/
.promotionCon{width:100%; min-width:1260px; margin:0 auto}
.promotionCon .contentsWrap {padding:117px 0 0 0}

.pmbenefitList li{display:block; padding:85px 0 95px; text-align:center}
.pmbenefitList li.pmGrayBg{background:#f6f6f6}

.pmFooter{padding:90px 0 80px; background:#333333; text-align:center}

.pmBanner .slider {position:relative; min-width:1260px; overflow:hidden; text-align:center; z-index:5}
.pmBanner .sliderBtn{display:inline-block; position:absolute; top:350px; left:50%; margin-left:-270px; z-index:10}
.pmBanner .main-slider li a{min-width:1260px; margin:0 auto; text-align:center; overflow-x:hidden}
.pmBanner .bx-controls a {text-indent: -999px; overflow: hidden; font-size: 0; color: transparent;}
.pmBanner .slider .bx-pager {display:none; position:absolute; left:0; bottom:13%; width:100%; text-align:center}
.pmBanner .slider .bx-pager>div {display:inline-block;}
.pmBanner .slider .bx-pager>div a {display:block; margin:0 10px; width:30px; height:30px; border:5px solid rgba(149,149,149,0.4); border-radius:20px; background-color:#fff;}
.pmBanner .slider .bx-pager>div a.active {background-color:#cc0b3c;}
.pmBanner .slider .bx-controls-direction a {position:absolute; top:250px; width:44px; height:85px;}
.pmBanner .slider .bx-controls-direction a.bx-prev{left:50%; margin-left:-627px; background:url('../images/promotion/pmBannerPrev.png') no-repeat 0 0}
.pmBanner .slider .bx-controls-direction a.bx-next{right:50%; margin-right:-627px; background:url('../images/promotion/pmBannerNext.png') no-repeat 0 0}

.pmTopBaanner{position:fixed; top:0; width:100%; min-width:1260px; height:45px; padding-top:23px; background:#e23939 url('../images/promotion/pmTopBg.jpg') no-repeat center top; text-align:center; z-index:890} 
.pmTopBaannerClose{position:absolute; top:20px; left:50%; margin-left:600px;}

.prodListWrap .prodList{margin-right:-2px}
.prodListWrap .prodList li{width:33.3%;}

/*결제 공통*/
.orderStepWrap{padding-top:60px}
.orderTit{display:block; line-height:1; padding-bottom:30px; font-size:30px; font-weight:500; color:#333; text-align:center}
.orderStepImg{}

/*결제 - 장바구니*/
.orderTxt{padding-bottom:20px}
.orderTxt li{display:block; padding-left:20px; font-size:14px; line-height:20px; color:#666; background:url('../images/order/orderIcon1.png') no-repeat 5px; font-weight:500}

.orderListTit1{position:relative; height:62px; border:1px solid #d4cec9; background:#f6f0e8; }
.orderListTit2{position:relative; height:62px; border:1px solid #dde0d4; margin-top:50px; background:#ebefe1; color:#666666;}


.orderListTit1 strong,
.orderListTit2 strong{display:inline-block; padding-top:17px; padding-left:20px; line-height:25px; font-size:22px; font-weight:500; color:#333; letter-spacing:-0.5px}
.orderListTit1 p,
.orderListTit2 p{display:inline-block; position:absolute; top:20px; right:30px; height:20px; padding-left:27px; line-height:20px; font-size:13px; color:#666666; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_infor_20_1.png) no-repeat 0 0}
.orderListTit2 p{background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_infor_20_2.png) no-repeat 0 0}

.orderTbl table{width:100%}
.orderTbl table thead th{height:42px; padding-top:3px; line-height:20px; color:#666666; font-size:14px; font-weight:500}
.orderTbl table tbody td,
.orderTbl table tbody th{padding:16px 0; text-align:center; border-top:1px solid #dddddd; vertical-align:middle; color:#333333}
.orderTbl table tbody td input[type=checkbox]{border:1px solid red}
.orderTbl table tbody th.odTh{position:relative; height:80px; padding-left:80px; text-align:left; font-size:14px; color:#666666; font-weight:300;}
.orderTbl table tbody th.odTh a{line-height:20px; font-size:13px; color:#333333}
.orderTbl table tbody th.odTh .odThImg{display:inline-block; position:absolute; top:20px; left:0; width:70px; height:70px}
.orderTbl table tbody th.odTh .odThImg img{width:70px;}
.orderTbl table tbody th.odTh .odOption{display:block; padding-top:4px; color:#e35b00; font-size:11px}
.orderTbl table tbody th.odTh .odOption em{font-weight:500; color:#e35b00; font-size:11px}

.tblTopLine{border-top:1px solid #bbb; border-bottom:1px solid #ddd}
.tblTopLine tbody th{height:78px}
.tblTopLine thead tr th:first-child,
.tblTopLine tbody tr td:first-child{padding-right:15px}

.orderPMWrap{display:inline-block}
a.orderBtn{display:inline-block; width:68px; height:21px; padding-top:1px; line-height:18px; background:#f6f6f6; border:1px solid #bbbbbb; text-align:center; color:#666666; font-size:12px; text-decoration:none}
a.orderBtnGray{background:#bbbbbb; border:1px solid #bbbbbb; color:#fff !important}

.odTd3 .orderPMBtn{border:1px solid #bbb}
.odTd3 .orderPMBtn .orderPMBtn_p{border-left:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb}
.odTd3 .orderPMBtn .orderPMBtn_m{border-left:1px solid #bbbbbb}

.odTd3 .orderBtn{margin-top:3px; color:#666; font-size:12px;}
.odTd6 .orderBtn{margin-top:3px; color:#666; font-size:12px;}

.odTd6 p em{color:#e35b00}
.odTd6 a:first-child{margin-top:0}

.odTd1{font-size:14px}

.odTd2{line-height:18px; font-size:14px; font-weight:500}
.odTd2 p{padding-top:3px; font-size:14px; color:#999999;}
.odTd2 p em{color:#e53433;}

.odTd4{font-size:16px; font-weight:500; color:#222222}
.odTd5{border-left:1px solid #ddd; border-right:1px solid #ddd}
.odTd5 p{padding-top:24px; font-size:14px; color:#666666; background:url('../images/order/orderIcon4.png') no-repeat 50% 0}
.odTd7{font-size:12px; color:#333333}
.notSale{color:#bbbbbb !important}

.orderTotalBox{height:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color: #f5f5f5; font-size:15px; color:#333; padding: 20px;}
.orderTotalBox li{float:right;}
.orderTotalBox li.orderTotal_m{background:url('../images/order/orderIcon_m.png') no-repeat right -1px;padding-right: 28px;background-size: 20px auto; height:36px }
.orderTotalBox li.orderTotal_p{background:url('../images/order/orderIcon_p.png') no-repeat right -1px;padding-right: 28px;background-size: 20px auto; height:36px}
.orderTotalBox li.orderTotal_e{ background:url('../images/order/orderIcon_e.png') no-repeat right -1px;padding-right: 28px;background-size: 20px auto; height:36px}

.orderTotalBox li strong{display:block; padding:20px 5px 2px 0; line-height:20px; text-align:center; font-size:14px; color:#666; font-weight:500}

.orderTotalBox li p, .orderTotalBox li p span.valp{line-height:30px; font-size:24px; font-weight:500; color:#1c1c1c; text-align:center}
.orderTotalBox li p span{display:inline-block; padding-left:2px; font-size:16px; font-weight:500; color:#666666}

.orderTotalBox2{width:1021px;margin-top:30px;border-bottom: 1px solid #000000;border-top: 1px solid #000000;}
.orderTotalBox2 li{float:left; width:220px; height:83px; margin-top:19px}
.orderTotalBox2 li.orderTotal_m{width:270px; background:url('../images/order/orderIcon_m2.png') no-repeat right 0}
.orderTotalBox2 li.orderTotal_p{width:230px; background:url('../images/order/orderIcon_p2.png') no-repeat right 0}
.orderTotalBox2 li.orderTotal_e{width:255px; background:url('../images/order/orderIcon_e2.png') no-repeat right 0}

.orderTotalBox2 li strong{display:block; padding:13px 5px 2px 0; line-height:20px; text-align:center; font-size:14px; color:#666666; font-weight:500}
.orderTotalBox2 li p, .orderTotalBox2 li p span.valp{line-height:30px; font-size:24px; font-weight:800; color:#1c1c1c; text-align:center}
.orderTotalBox2 li p span{display:inline-block; padding-left:2px; font-size:16px; font-weight:500; color:#666666}
.orderTotalBox2 li.orderTotal_l p{position:relative; top:-1px}
.orderTotalBox2 li.orderTotal_l p em{display:inline-block; padding-left:35px; line-height:33px; background:url('../images/order/orderIcon5.png') no-repeat 0 10px; font-size:30px; color:#e53433; font-weight:500}

.orderBtnWrap{position:relative; text-align:center;}
.orderBtnWrap > a{display:inline-block; width:210px; height:43px; line-height:43px; margin-left:6px; border:1px solid #bbbbbb; text-align:center; font-size:20px; color:#666666; text-decoration:none; font-weight:500; letter-spacing:-0.5px}
.orderBtnWrap > a.orderBtnRed{width:265px; background:#e53433; border:1px solid #e53433; color:#fff}
.orderBtnWrap > button{display:inline-block; width:210px; height:43px; line-height:43px; margin-left:6px; border:1px solid #bbbbbb; text-align:center; font-size:20px; color:#666666; text-decoration:none; font-weight:500; letter-spacing:-0.5px}
.orderBtnWrap > button.orderBtnRed{width:265px; background:#e53433; border:1px solid #e53433; color:#fff}

.orderBtnWrap .selectBtnWrap{text-align:left; height:27px;}
.orderBtnWrap .selectBtnWrap a{display:inline-block; height:25px; margin-right:1px; padding:0px 10px 0; font-weight:300;  font-size:14px; line-height:25px; color:#333; background:#f6f6f6; border:1px solid #bbbbbb; text-align:center; text-decoration:none}

.isNotDelivery {font-size: 14px;text-align:right;color: #666; line-height:30px}

#sec_mypage_info_1_2 .orderBtnWrap{position:relative; text-align:right;}

#sec_order_cart .orderBtnWrap{ padding-top:30px; padding-bottom:30px;}
#sec_order_cart .orderBtnWrap .selectBtnWrap{position:absolute;  left:0px;}

#sec_order_result .orderBtnWrap{ padding-top:50px; padding-bottom:50px;}

/*20181120 추가*/
.orderBtnWrap_green {position:relative; text-align:center;}
.orderBtnWrap_green > a{display:inline-block; width:210px; height:43px; line-height:43px; margin-left:6px; border:1px solid #bbbbbb; text-align:center; font-size:20px; color:#666666; text-decoration:none; font-weight:500; letter-spacing:-0.5px}
.orderBtnWrap_green > a.orderBtngreen{width:420px; background:#6ca435; border:1px solid #6ca435; color:#fff}
.orderBtnWrap_green > button{display:inline-block; width:210px; height:43px; line-height:43px; margin-left:6px; border:1px solid #bbbbbb; text-align:center; font-size:20px; color:#666666; text-decoration:none; font-weight:500; letter-spacing:-0.5px}
.orderBtnWrap_green > button.orderBtnRed{width:265px; background:#e53433; border:1px solid #e53433; color:#fff}

/* 일시품절일때 */
tr.item_soldout .odTh p,
tr.item_soldout .odTd1 div,
tr.item_soldout .odTd2 div,
tr.item_soldout .odTd3 div,
tr.item_soldout .odTd3 a,
tr.item_soldout .odTd4 div{opacity:0.5;}

tr.item_soldout .ico_soldout{position:absolute; left:0px; top:0px;  width:70px; height:70px; background:url('../images/order/bg_soldout.png') repeat;  text-align:Center;}
tr.item_soldout .ico_soldout strong{display:inline-block; margin-top:50px; width:60px; height:20px; line-height:20px; background-color:#898989; color:#fff; font-size:12px; text-align:Center; z-index:10;}

tr .icoNotDelivery{position:absolute; left:6px; top:0px;  width:58px; height:25px; font-size:0; background:url('../images/common/sticker_not_delivery.png') repeat;  text-align:Center;}
tr .icoOnlyDelivery{position:absolute; left:6px; top:0px;  width:58px; height:25px; font-size:0; background:url('../images/common/sticker_only_delivery.png') repeat;  text-align:Center;}
tr .icoNotDaybreakDelivery{position:absolute; left:6px; bottom:0px;  width:58px; height:25px; font-size:0; background:url('../images/common/sticker_not_daybreak_delivery.png') repeat;  text-align:Center;}

tr div.deliveryNoti {display:inline-flex; float:left;width:100%;margin-top:10px}
tr div.deliveryNoti .impaDelivery{width:82px; height:23px; margin-right:3px; text-align:Center; font-size: 12px; line-height: 23px; color: #ffffff; background-color: #e53433; }
tr div.deliveryNoti .pasDelivery{width:82px; height:23px; margin-right:3px; text-align:Center; font-size: 12px; line-height: 23px; color: #ffffff; background-color: #499a26; }

tr div.moreCheap {width:350px; padding:2px 0 0 60px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_right_19.gif) no-repeat 35px 0;font-size:12px}
tr div.moreCheap .link{text-decoration: underline !important;}

/*결제 - 주문완료*/
.btnC{text-align:center}
.btnC a:first-child{width:265px}

.orderPrice{position:relative; top:-3px; display:inline-block; font-size:16px; color:#666666; font-weight:500}
.orderPrice em{display:inline-block; padding-right:3px; font-size:30px; color:#e53433; font-weight:500}
    
/*결제 - 주문결제*/
.orderTit2,
.orderTit2 h4{position:relative; padding-bottom:15px; font-size:22px; font-weight:500; color:#333333; line-height:20px; letter-spacing:-0.5px}
.orderTit2 h4{display:inline-block; padding-bottom:0; color:#333;}
.orderTit2 h4 em{font-size:14px; font-weight:500; color:#e53433}

.orderTit2 h4,
.orderTit2 span{vertical-align:middle;}

.orderTit2 span{display:inline-block; font-size:12px;}

.orderTit2 .titBtnRed{position:absolute; top:4px; right:0; display:block; height:25px; line-height:20px; padding:5px 20px 0; color:#fff; background:#e53433; text-align:center; font-weight:500; text-decoration:none}
.orderTit2 .titBtnGray{position:absolute; top:-10px; right:0; display:block; height:25px; line-height:20px; padding:5px 20px 0; color:#fff; background:#a2a2a2; text-align:center; font-size:12px; font-weight:500; text-decoration:none}
.orderTit2 .selectAdd{position:absolute; top:0px; left:200px; display:inline-block}
.orderTit2 .selectAdd .radios{position:relative; top:0px;}
.orderTit2 .selectAdd > label{display:inline-block; padding-right:5px; padding-left:5px; font-size:14px; color:#333333}


.orderTit2 .selectAdd span input label,
.orderTit2 .selectAdd label{vertical-align:middle;}

.orderTit2.conS1{margin-top:60px;}
.orderTit2.conS1 div.deliveryAreaIndex{border:solid 1px #ddd; width:80px;font-size:11px; font-weight:normal; line-height:25px; text-align:center; background:#6ba338; color:#ffffff; position:absolute; bottom:-1px; left:-1px;}
.orderTit2.conS2{margin-top:20px;}
.orderTit2.conS3{margin-top:90px;}

.orderTit2 .mypageMore{position:absolute; top:2px; right:0px; display:inline-block; padding:5px;}

.orderListTit1.conS3{margin-top:60px}
.orderTbl2 {border-right:1px solid #ddd; padding:20px}
.orderTbl2 table{width:100%}
.orderTbl2 table tbody th{padding:15px 0; line-height:30px; border-bottom:1px solid #ddd; font-size:14px; color:#666666; font-weight:300; text-align:left; background-color: #f5f5f5}
.orderTbl2 table tbody td{padding:15px 0; line-height:30px; border-bottom:1px solid #ddd; font-size:14px; color:#666666; font-weight:300; text-align:left; padding-left:20px}
.orderTbl2 table tbody th span{display:inline-block; padding-left:33px; font-size:14px; color:#333333; font-weight:500}
.orderTbl2 table tbody th span.starBg{background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_check_9.png) no-repeat 20px 50%;}
.orderTbl2 table tbody td input{height:18px; line-height:18px; padding:5px; margin-right:3px; border:1px solid #bbbbbb}
.orderTbl2 table tbody td .checks{position:relative; top:-2px}
.orderTbl2 table tbody td p{display:inline-block; color:#666666; font-size: 14px; line-height:18px;}
.orderTbl2 table tbody td .findBtn_ad{display:inline-block; height:26px; line-height:20px; padding:4px 12px 0; margin:0 5px 0 -1px; background:#bbbbbb; font-size:14px; text-align:center; color:#f6f6f6; text-decoration:none}
.orderTbl2 table tbody td .addBox1{margin-top:2px}
.orderTbl2 table tbody td .addBox1 label{font-size:12px;}
.orderTbl2 table tbody td .addBox2{margin-top:6px; margin-bottom:2px}
.orderTbl2 table tbody td .deliveryTxt{padding:3px 0 3px; line-height:25px}

.orderTbl21 {border:1px solid #ddd; padding:20px}

.daybreakDelivery { margin-top:10px; }
.daybreakDelivery span {font-weight:500}
.daybreakDelivery .leftDiv {padding:15px 15px 25px; width: 600px; border-right: 1px solid #dfdfdf;}
.daybreakDelivery .leftDiv input{height:18px; line-height:18px; padding:5px; margin-right:3px; border:1px solid #bbbbbb}

.orderWrap2{float:left; width:685px; margin-top:60px}
.orderWrap2 .orderTbl2 table tbody th span.checkBg{position:relative; top:-2px; font-size:14px; color:#333; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_check_9.png) no-repeat 20px 50%;}
.orderWrap2 .pointTxt{display:inline-block; padding:5px 20px 5px 8px; margin-right:25px; border-right:1px solid #ddd}
.orderWrap2 .pointTxt2{display:inline-block; padding-top:0px; font-size:14px; color:#666666; margin-top:3px;}
.orderWrap2 .pointTxt2 em{color:#e53433;}
.orderWrap2 .checks{margin-top:6px;}
.orderWrap2 .payment > label{display:inline-block; padding-left:10px; padding-right:20px; font-size:16px; color:#666666; line-height:20px}
.orderWrap2 .payment .radios{position:relative; top:-2px}
.orderWrap2 .paymentTxt{padding-top:15px}
.paymentTxt > li{padding-left:15px; font-size:13px; line-height:20px; color:#666; background:url('../images/order/orderIcon1.png') no-repeat 5px 8px}
.paymentTxt > li > ul{padding-bottom:22px}
.paymentTxt > li > ul > li{padding-left:15px; font-size:13px; line-height:20px; color:#666; background:url('../images/order/orderIcon9.png') no-repeat 7px 8px}

.orderWrap3{float:right; width:309px; margin-top:60px; padding:0 2px; background:url('../images/order/orderBg.png') no-repeat 0 0}/*최종결제 금액확인*/
.orderWrap3 .orderTit3{display:block; height:60px; padding-top:35px; border-bottom:1px solid #dddddd; text-align:center; font-size:22px; line-height:30px; color:#333; font-weight:500}
.orderWrap3 .checkWrap{margin-top:25px; padding:0 20px}
.orderWrap3 .checkWrap .checks{position:relative; top:-2px}
.orderWrap3 .checkWrap .checkTxt2{display:inline-block; padding-left:3px; font-size:14px; color:#666666; font-weight:500}
.orderWrap3 .checkWrap .checkTxt{padding-top:5px; line-height:18px; color:#666666; font-size:12px;letter-spacing:-0.03em;}
.orderWrap3 .orderBtnWrap{margin-top:20px; margin-bottom:60px; text-align:center}
.orderWrap3 .orderBtnWrap > a{width:105px; margin-right:6px; margin-left:0}
.orderWrap3 .orderBtnWrap > a.orderBtnRed{width:154px; margin-right:0}

.orderTbl3 {padding:0px 10px}
.orderTbl3 table{width:100%; padding-top: 15px}



.orderTbl3 table tbody th,
.orderTbl3 table tbody td{padding:10px 0; text-align:left; font-weight:500; letter-spacitng:-0.5px}

.orderTbl3 table tbody th{color:#333; font-size:14px; }
.orderTbl3 table tbody td{color:#1c1c1c; font-size:24px; font-weight:300;}


.orderTbl3 table tbody td, .orderTbl3 table tbody td span.valp{font-size:20px; font-weight:500; text-align:right}
.orderTbl3 table tbody td span.valp {color:#333;}
.orderTbl3 table tbody td span{display:inline-block; padding-left:3px; font-size:16px; font-weight:300; color:#666666}
.orderTbl3 table tbody td em{font-size:30px; font-weight:500; color:#e53433}
.orderTbl3 table tbody tr:first-child th,
.orderTbl3 table tbody tr:first-child td{border-top:none}

/*고객센터*/
.cusBannerSearch{position:relative; margin-top:15px}
.cusBannerSearch a{position:absolute; top:0; right:0; display:inline-block; width:84px; height:31px; padding-top:8px; line-height:20px; border:1px solid #3d3d3d; background:#5d5d5d; text-align:center; font-size:16px; font-weight:500; color:#fff; text-decoration:none}

.mamberTab2 .menu_4{width:85%;}
.mamberTab2 .menu_4 li{width:25%;}
.mamberTab2 .menu_4 li a{width:100%;}

/*나의문의내역*/  
.myQ th a{display:block; padding-left:47px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_q_14.png) no-repeat 30px 4px; background-size:12px 15px; font-size:14px; line-height:22px; color:#333; text-align:left; text-decoration:none}
.myQ .qStanTxt{color:#1c1c1c; font-weight:500}
.myQ .qComTxt{color:#333}
.myQ .qDelBtn{display:inline-block; width:65px; height:23px; padding-top:1px; line-height:20px; text-align:center; color:#fff; background:#bbbbbb; text-decoration:none}

.myA{display:none; background:#f9f9f9}
.myA div{padding-left:47px; padding-right:25px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_a_14.png) no-repeat 30px 3px; background-size:13px 16px; text-align:left; font-size:14px; line-height:22px; color:#333}

.maQnaNon{padding:30px 0 40px; text-align:center}
.maQnaNon p{padding-top:20px; font-size:18px}

/*나의포인트*/
.pointBox{border:1px solid #ddd; margin-top:80px; margin-bottom:30px; padding:20px 0 0 40px; height:102px}
.pointBox li{display:inline-block; width:173px; height:70px; padding-left:104px; padding-top:18px}
.pointBox li strong{font-size:14px; color:#333; line-height:20px}
.pointBox li p{font-size:22px; color:#1c1c1c; line-height:30px; font-weight:500; letter-spacing:-0.5px}
.pointBox li p.fontRed{color:#e53433}

/*faq*/ 
.qnaList li{border-bottom:1px solid #e5e5e5;}
.question a{position:relative; display:block; padding:12px 65px 12px 45px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_down_14.png) no-repeat calc(100% - 15px) 50%; line-height:25px; font-size:15px; color:#333; text-decoration:none; font-weight:500;}
.question a .question_q{position:absolute; top:12px; left:10px} /*0527, 수정*/
.question a .question_q img{width:25px; height:auto} /*1211추가*/
.answer{display:none; position:relative; min-height:25px; padding:15px 25px 15px 75px; background:#f9f9f9; border-top:1px solid #ddd; line-height:25px; font-size:15px; color:#333333}
.answer .answer_a{position:absolute; top:15px; left:45px}
.answer em{line-height:25px; font-size:14px; color:#e53433}
.q_on .question a{background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_up_14.png) no-repeat 980px 50%; }
.q_on .answer{display:block}
.qnaSubTit{font-size:20px; font-weight:500; color:#333; margin-bottom:30px;}

.qnaTab{width:100%; height:51px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_bg_tab.png) repeat-x left bottom}
.qnaTab li{float:left; width:166px; height:48px; border-top:1px solid #dddddd; border-right:1px solid #dddddd}
.qnaTab li:first-child{border-left:1px solid #dddddd}
.qnaTab li a{display:block; height:40px; line-height:30px; padding-top:8px; font-size:16px; color:#909090; text-align:center; text-decoration:none; font-weight:500}
.qnaTab li.on{width:167px; height:51px; border:none}
.qnaTab li.on a{height:40px; line-height:30px; padding-top:7px; border:2px solid #1c1c1c; border-bottom:2px solid #fff; color:#1c1c1c; font-weight:500}

.customerTbl{border-top:1px solid #bbbbbb;}
.customerTbl table{width:100%}
.customerTbl table thead th{height:52px; line-height:52px; border-bottom:1px solid #dddddd; color:#333; font-size:14px; font-weight:500}
.customerTbl table tbody td,
.customerTbl table tbody th{padding:16px 0; text-align:center; border-bottom:1px solid #dddddd; vertical-align:middle; color:#666666; font-size:14px; font-weight:300}
.customerTbl table tbody td.cusTdPoint{padding-right:43px; text-align:right; color:#e53433; font-weight:500}

.customerTbl td span{display:block; padding:5px 0;}
.customerWrap .pagingWrap{margin-bottom:40px}

.customerWrap .tableCom th,
.customerWrap .tableCom td{font-size:13px;}
.customerWrap .tableCom td a{color:#666;}

.customerWrap .tableCom td .tblGrayBtn{font-size:12px;}

#sec_notice_view,
#sec_notice_list,
#sec_cs_common{padding-top:30px;}

#sec_cs_common .qnaList{border-top:1px solid #bbb;}

#sec_order_result .orderTit2,
#sec_order_result .orderTit2 h4 {padding-bottom:15px;}

/*회원정보 수정*/
.orderTbl2 table tbody td p.importantIcon{background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_warning_12.png) no-repeat 5px 50%; padding-left:22px}

.mamberTab1{height:60px; margin-bottom:40px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_bg_tab.png) repeat-x left bottom}
.mamberTab1 li{display:block; float:left; width:25%}
.mamberTab1 li a{display:block; height:46px; padding-top:12px; line-height:30px; border-top:1px solid #dddddd; border-right:1px solid #dddddd; background:#f6f6f6; text-align:center; font-size:18px; font-weight:500; color:#333; text-decoration:none}

.mamberTab1 li:first-child{width:25%;}
.mamberTab1 li:first-child a{border-left:1px solid #dddddd}
.mamberTab1 li.on a{height:46px; border:1px solid #ddd; border-left:0; border-bottom:1px solid #fff; background:#fff; color:#6ca435} /*0527, 수정*/

.mamberTab1 li:first-child.on a{border-left:1px solid #dddddd;}

.mamberTab2{position:relative; height:44px; margin-bottom:50px; text-align:center}
.mamberTab2 ul{display:inline-block; margin:0 auto}
.mamberTab2 li{float:left; display:inline-block; width:169px}
.mamberTab2 li a{display:block; width:176px; height:38px; padding-top:4px; line-height:30px; border:1px solid #b5b5b5; border-left:none; font-size:16px; font-weight:500; color:#333; text-align:center; letter-spacing:-1px; text-decoration:none}
.mamberTab2 li:first-child a{border-left:1px solid #b5b5b5; }
.mamberTab2 li.tabC a{}
.mamberTab2 li.on a{background:#6ca435; color:#fff} /*0527, 수정*/


/*마이페이지*/
.mypageTab{border-bottom:1px solid #ddd; margin-bottom:60px}
.mamberTab1.mypageTab li a{height:47px}

/*이벤트*/
.eventImgList li{padding-bottom:15px}
.eventTbl th a{display:inline-block; padding-left:60px; color:#666666}

/*검색*/
.searchList{margin-top:65px}
.searchListBox{padding:28px 0 28px 28px; margin-bottom:33px; border:1px solid #ddd; background:#f9f9f9}
.searchListBox strong{float:left; display:inline-block; width:115px; padding-top:7px; color:#333; font-size:20px; font-weight:500; letter-spacing:-0.5px}
.searchListBox input{float:left; width:730px; height:40px; padding-left:20px; border:1px solid #bbb; font-size:14px;}
.searchListBox .searchListBtn{float:left; display:inline-block; width:85px; height:33px; padding-top:7px; margin-left:10px; text-align:center; color:#fff; font-size:16px; font-weight:500; border:1px solid #3d3d3d; background:#5d5d5d; text-decoration:none}
.prodList li.searchNon{width:100%; height:260px; padding:40px 0; border-bottom:1px solid #ddd}
.prodList li.searchNon .maQnaNon p{color:#666666; font-size:18px;}
.prodList li.searchNon .maQnaNon p em{color:#e53433; font-size:24px; font-weight:500}

/**/
.conBoxWhite{border:1px solid #ddd; background:#fff}
.conBoxGray{border:1px solid #ddd; background:#f9f9f9}
.conBoxGray_b{border:1px solid #ddd; background:#f9f9f9}

/*20170328 추가 : 메인화면 레이어 팝업 */
.popup-wrapper{position:fixed; left:50%; top:10px; margin:0 0 0 -523px; width:auto; min-height:650px; z-index:10000001}
.oasisNoticePop{position:relative; float:left;margin:0 5px 5px 0; padding: 0 0 0 0; background-color:#fff;}
.oasisNoticePop .oasisLPtit2{height:34px; margin:3px 0 0 0; font-size:26px; }
.oasisNoticePop .oasisLPconWrap{line-height:21px; padding:2px 2px 2px 2px; color:#666; font-family:NanumGothic; font-size:14px;overflow: hidden;}
.oasisNoticePop .oasisLPcon3{padding-bottom:45px}

.oasisNoticePop .comWriteClose{position:absolute; width:inherit;bottom:-33px;right:0;margin:0;padding:0 0 10px 0;}
.oasisNoticePop .comWriteClose a.oasisPopupClose1{width:160px;}
.oasisNoticePop .comWriteClose a.oasisPopupClose2{width:53px; margin-right:7px;}

/* 아이디찾기 결과 */
.join_result_area{overflow:hidden; margin:0 auto 40px auto; padding:45px 0;  border-bottom:1px solid #ddd; line-height:1;}
.join_result_area > div img{padding-bottom:38px;}
.join_result_area div{font-size:26px; color:#333333; font-weight:500; padding-bottom:17px;}
.join_result_area div strong{color:#6ca437; font-weight:500;}
.join_result_area p{font-size:20px; color:#333333; font-weight:500; padding-bottom:7px;}
.join_result_area p strong{color:#6ca437; font-weight:500;}
.join_result_area span{font-size:18px; color:#333333;}

.welcome-wrap{ margin:0 13px 0;text-align:center; font-weight: normal; line-height: 1.4;padding-top:64px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_complete_circle_112.png) no-repeat 50% 0 / 44px 44px}
.welcome-txt{font-size:20px;color:#181818; font-weight:bold;margin-bottom:26px}
.welcome-txt em{ display: block; color:#619c2c}
.welcome-wrap > p {font-size:17px}
.welcome-wrap > p .clr_green {color:#6BA43B}
.welcome-wrap > p em {font-size:13px;display:inline-block;background:#f4f4f4;border-radius:50px;height:40px;align-content:center;margin-top:16px;min-width:280px;padding:0 20px}

.benefit_list_area {padding-bottom:20px;}
.benefit_list_area .tit_benefit{display:block; padding:50px 0 14px 0; text-align:left; font-weight:500; font-size:24px; line-height:1; color:#383838; letter-spacing:-1px;}
.benefit_list_area .tit_benefit strong{display:inline-block; font-weight:500; font-size:24px;}
.benefit_list_area .benefit_list {display: flex; width:100%; border: 1px solid #bbb;}
.benefit_list_area .benefit_list li {flex-basis: 33.3333%; padding: 33px 8px 22px; border-right: 1px solid #bbbbbb;}
.benefit_list_area .benefit_list li:last-of-type {border-right: none;}
.benefit_list_area .benefit_list li img {display: block; margin: 0 auto;}
.benefit_list_area .benefit_list li span {display: block; margin-top: 18px; font-size: 13px; color:#666; line-height: 1;}
.benefit_list_area .benefit_list li strong {display: block; margin-top: 18px; font-size: 18px; color: #333; font-weight: 500; line-height: 1;}
.benefit_list_area .benefit_list li strong::after {content: ''; display: block; width: 30px; height: 1px; margin: 18px auto 0; background: #000;}
.benefit_list_area .benefit_list li p {margin-top: 15px; font-size: 15px; color: #666; line-height:20px;}

/*============================ 2017-11-01 / TAEHEE KIM =============================*/

.blind {overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}

span.bg_light_gray{display:block; position:absolute; top:0px; left:0px; width:100%; height:100%;}
span.bg_gray{display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.45)}  /*20171218추가*/

.btn_center{width:100%; text-align:Center;}

.btn_white{padding:30px 0 0 0;}
.btn_white a span{display:inline-block; height:36px; line-height:36px; color:#666666; padding:0 47px; font-size:14px; font-weight:500; border:1px solid #bbbbbb;}

/*0527, 추가*/
.btn_green{padding:30px 0 0 0;}
.btn_green a span{display:inline-block; height:36px; line-height:36px; color:#fafafa; background:#6ca435; padding:0 47px; font-size:14px; font-weight:500; border:1px solid #bbbbbb;}


/* main >> 메인 헤더 왼쪽 바로가기 */
.theme_shop_list{position:absolute; top:15px; left:11px;}
.theme_shop_list ul{overflow:hidden; height:36px;}
.theme_shop_list ul li{float:left; padding-right:40px;}

/* main >> 오 감동 */
.deal_area{width:1026px; margin:0 auto; padding:40px 0 65px 0;}
.deal_area dt{padding-bottom:20px;}
.deal_area dd{overflow:hidden; width:1029px; height:342px; margin:0 auto;}
.deal_area dd ul{overflow:hidden; width:1200px; }
.deal_area dd ul li{position:relative; float:left; width:245px; margin-right:15px; }

.oh_hot_deal_area{padding-bottom:40px;}

/* main >> 상품 리스트 4*1 */
.deal_area .product_off{ text-align:Center; height:340px; width:100%;}
.deal_area .product_off .thumnail_area{position:relative; overflow:hidden; width:245px; height:245px; margin:0 0 11px 0; }
.deal_area .product_off .thumnail_area img{width:100%; height:100%;}

.deal_area .product_off > strong{display:inline-block; width:90%; text-align:Center; padding:15px 10px 10px 10px; font-size:15px; font-weight:500; color:#000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.deal_area .product_off p{display:inline-block; width:95%; margin:0 auto; font-size:13px; line-height:18px; color:#666666; letter-spacing:-0.05em; }

.deal_area .product_off .txt_discount_won{width:100%; text-align:center; height:38px; font-size:16px;}
.deal_area .product_off .txt_discount_won .price_before{color:#999999;}
.deal_area .product_off .txt_discount_won .price_before del{font-weight:500;}
.deal_area .product_off .txt_discount_won .price_after{font-weight:800; color:#e53433; }

.deal_area .product_on{position:absolute; top:0px; left:0px; width:246px; height:342px; background-size:246px 342px; baz-index:20;}
/*.deal_area .product_on{position:absolute; top:0px; left:0px; width:246px; height:340px; background-size:246px 342px; baz-index:20; background-color: #FFFCEB; opacity:0.1; border: 1px solid #E33238; }*/

.deal_area .product_on a {display:block; width:100%; height:246px; background-color:#000; opacity:0.1}
.deal_area .product_on a div {display:none}
.deal_area .product_on .btn_cart {display:none;}
.deal_area a:hover{text-decoration:none;}

.deal_area .tit_product_name{display:table; width:80%; height:120px; margin:0 auto;}
.deal_area .tit_product_name div{display:table-cell; vertical-align:middle; text-align:Center; font-weight:500; font-size:18px; color:#333; line-height:24px;}

.deal_area .txt_discount_per{height:65px; color:#e53433; font-size:40px; font-weight:500; text-align:Center;}

.deal_area .txt_discount_won{width:100%; text-align:center; height:50px; font-size:18px;}

.deal_area .txt_discount_won .price_before{color:#999999;}
.deal_area .txt_discount_won .price_before del{font-weight:500;}

.deal_area .txt_discount_won .price_after{font-weight:800; color:#e53433; }

.deal_area .btn_cart{text-align:Center;}
.deal_area .btn_cart a{margin:0 3px;}

.gray_border{ border:1px solid #dddddd; background-color: #FFFFFF}

/* main >> 내가 제일 잘나가 / 상품 리스트 5*1 */

.best_deal{position:relative;}
.best_deal dd{width:930px; height:235px!important;}

.best_deal dd ul{position:relative; width:10000px;}
.best_deal dd ul li{width:170px; padding-right:0px; margin-right:20px;}

.product_list_5 div img{width:100%; height:170px;}
.product_list_5 > strong{display:inline-block; width:100%; text-align:Center; padding:15px 0 10px 0; font-size:15px; font-weight:500; color:#000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.best_deal .txt_discount_won{font-size:16px; letter-spacing:-0.08em;}
.best_deal .txt_discount_won strong{display:inline;}

.btn_best_prev{position:absolute; top:50%; margin-top:-70px; left:0; margin-left:0px;}
.btn_best_next{position:absolute; top:50%; margin-top:-70px; right:0; margin-right:0px;}

.bestCategoryTab{height:40px; margin-bottom:26px;}
.bestCategoryTab li{display:block; float:left; width:14.28%}
.bestCategoryTab li a{display:block; height:40px; line-height:40px; border-top:1px solid #F7F7F7; border-right:1px solid #F7F7F7; background:#ffffff; text-align:center; font-size:16px; font-weight:500; color:#676767; text-decoration:none}

.bestCategoryTab li:first-child{width:14.28%;}
.bestCategoryTab li:first-child a{border-left:1px solid #ffffff}
.bestCategoryTab li.on a{height:40px; border:1px solid #F7F7F7; border-left:0; border-bottom:1px solid #F7F7F7; background:#6FA942; color:#ffffff}

.bestCategoryTab li:first-child.on a{border-left:1px solid #F7F7F7;}

.bg_gray {background-color:#F7F7F7; width:100%;}

/* main >> 테마쇼핑 / 상품 리스트 4*1 */


.deal_area dd{height:342px;}
.deal_area dd ul{height:100%;}

/* main >> 간편식품관 */

.tit_grocery{height:47px; font-size:30px; line-height:1; color:#1c1c1c; font-weight:500; letter-spacing:-0.08em; text-align:Center;}

.grocery_1{overflow:hidden; position:absolute; top:0px; left:0px; width:514px; height:440px;}
.grocery_1 img{width:514px; height:439px;}

.grocery_2{position:absolute; top:0px; left:515px;}

.grocery_2 ul{overflow:hidden; width:515px;}
.grocery_2 ul li{position:relative; float:left; width:255px; height:219px; margin:0 1px 1px 0;}


/* 상품 상세 > 배송관련 */
/* 상품리스트 */
.list_top_banner{ width:100%; height:320px;}
.list_top_banner .contents{display:table; height:100%;}
.list_top_banner .contents p{display:table-cell; vertical-align:middle; font-size:34px; line-height:1.6; color:#423a31; font-weight:500; letter-spacing:-0.08em;}
.list_top_banner .contents strong{font-weight:500;}
.list_top_banner1{ width:100%; height:267px;}

.img_today{height:265px; background:url('../images/shopBanner/Web_main_banner_191115_1.jpg?dummy=0.02') no-repeat center top;}
.img_new50{height:265px; background:url('../images/shopBanner/img_top_oh_new0320.jpg?dummy=0.01') no-repeat center top;}
.img_side_dish{height:360px; background:url('../images/shopBanner/img_top_chan.jpg') no-repeat center top;}
.img_anniversary{height:265px; background:url('../images/shopBanner/Web_main_banner_weekly.jpg?dummy=0.06') no-repeat center top;}

.contentsWrap .intro_content{width:1360px; margin:0 auto; padding-bottom:50px}
.img_intro{height:580px; background:url('../images/common/oasis_info_01.jpg') no-repeat center top;}
.intro_area{padding:100px 0 50px 0;}

.tit_intro{text-align:Center; height:269px; padding-top:100px;}
.intro_area{position:relative; width:1360px; height:400px;}

.txt_intro_1{position:Absolute; top:90px;}
.txt_intro_1 dd{color:#333333; font-size:20px; line-height:36px; margin: 95px 0 0 70px;}
.txt_intro_1 dd span{display:block; padding-bottom:36px;}
.txt_intro_1 dt{position: absolute; top:0px; left:670px}

.img_intro2{height:615px; background:url('../images/common/oasis_info_03.jpg') no-repeat center top;}
.img_intro2 .contents {display: table; width:1150px; height: 100%;font-size: 20px;line-height: 36px;top: 200px; color:#333333;}

.txt_intro_2{position:Absolute; top:90px;}
.txt_intro_2 dt{position: absolute; top:0px; left:60px}
.txt_intro_2 dd{color:#333333; font-size:20px; line-height:36px; margin: 95px 0 0 680px;}
.txt_intro_2 dd span{display:block; padding-bottom:36px;}

.img_intro3{height:615px; background:url('../images/common/oasis_info_05.jpg') no-repeat center top;}
.img_intro3 .contents {display: table; width:1150px; height: 100%;font-size: 20px;line-height: 36px;top: 300px; text-align:center; color:#ffffff;}

.txt_intro_3 {width: 100%; height: 100%;font-size: 20px; line-height:36px; margin:90px 0;text-align:center; color:#333333;}

/* 검색결과 */
#sec_product_list .search_result_area{padding:60px 0 40px 0; line-height:1;}
#sec_product_list .search_result_area h2{display:inline-block; width:100%; padding:0 0 20px 0; text-align:Center; font-size:30px; color:#666666; font-weight:500;}

#sec_product_list .search_area{padding:29px 0; background-color:#f9f9f9; border:1px solid #dedede; text-align:Center;}

#sec_product_list .search_area label{font-size:16px; padding:12px; font-size:20px; color:#333333 ;}
#sec_product_list .search_area a span{display:inline-block; height:41px; line-height:41px;  background-color:#5d5d5d; padding:0 29px; color:#fff; font-size:16px; font-weight:500;}
#sec_product_list .search_area input{width:715px; height:39px; line-height:39px; margin-right:5px; padding:0 0 0 15px; font-size:16px; border:1px solid #bbbbbb; }

#sec_product_list .search_area label,
#sec_product_list .search_area input,
#sec_product_list .search_area a span{vertical-align:middle;}



/* 베스트3 */

.list_best_3{position:relative; width:834px; padding:0;}
.list_best_3 dl{width:100%;}
.list_best_3 dd{width:100%; height:340px;}
.list_best_3 dd ul{position:relative; width:10000px;}
.list_best_3 dd ul li{width:210px; padding:0 25px;}

.product_list_3 > strong{display:inline-block; width:100%; text-align:Center; padding:15px 0 10px 0; font-size:16px; font-weight:500; color:#333;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.list_best_3 .ico_best_3{overflow:hidden; position:absolute; top:0px; left:35px; width:58px; height:58px;  border-radius:50%; background-color:#e53433; z-index:10;}

.list_best_3 .ico_best_3 span,
.list_best_3 .ico_best_3 strong{display:inline-block; width:100%; text-align:center; color:#fff;}

.list_best_3 .ico_best_3 span{font-size:12px; padding:12px 0 0px 0;}
.list_best_3 .ico_best_3 strong{font-size:20px; font-weight:500;}

.list_best_3 .img_best_3{position:relative; overflow:hidden; border-radius:50%; width:210px; height:210px;}
.list_best_3 .img_best_3 img{width:100%; height:100%; }

.list_best_3 .img_best_3 span{display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.05) repeat;}

.list_best_3 .ico_best_3_view{display:none; position:relative; margin-top:-210px; overflow:hidden; border-radius:50%; width:210px; height:210px;}
.list_best_3 .ico_best_3_view img{width:100%; height:100%; }

.list_best_3 .btn_best3_prev{position:absolute; top:0; left:0px; margin-left:-50px; }
.list_best_3 .btn_best3_next{position:absolute; top:0; right:0px; margin-right:-50px;}

.list_best_3 .btn_best3_prev a,
.list_best_3 .btn_best3_next a{display:block; padding:100px 0;}

.list_best_3 .product_list_3 .txt_discount_won{}
.list_best_3 .product_list_3 .txt_discount_won span{font-size:16px;}


.list_best_3 .product_list_3 .txt_discount_won .price_after{}



/* 공지사항 */
.tit_notice{position:Relative; padding:60px 0 30px 0; line-height:1; font-size:30px; font-weight:500; color:#333; text-align:center;}
.tit_notice h3{font-weight:500;}


.notice_search_area{padding-bottom:10px; text-align:right }
.notice_search_area input{width:185px; height:28px; line-height:28px; padding-left:5px; margin-right:3px; border:1px solid #bbbbbb;}
.notice_search_area a span{display:inline-block; height:28px; line-height:28px; color:#fff; padding:0 23px; font-size:14px; font-weight:500; border:1px solid #5d5d5d; background-color:#5d5d5d;}

.notice_search_area a span,
.notice_search_area input{vertical-align:middle;}

.notice_list_area table{width:100%; border-top:1px solid #bbbbbb; table-layout:fixed; word-break:break-all;}
.notice_list_area table th{vertical-align:middle; height:52px; font-size:13px; color:#666666; font-weight:500; border-bottom:1px solid #e5e5e5;}

.notice_list_area table td{width:100%; vertical-align:middle; height:52px; font-size:13px; color:#666666; text-align:center; border-bottom:1px solid #e5e5e5;}
.notice_list_area table td.td_left{text-align:left;}
.notice_list_area table td.td_left a{display:inline-block; width:100%; height:100%; line-height:52px; font-size:13px; color:#333;}
.notice_list_area table td.td_left a p{display:inline-block; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


#sec_notice_list .pagingWrap,
#sec_notice_view .btn_white{padding-bottom:50px;}


.notice_view_area dl{border-top:1px solid #bbbbbb;}
.notice_view_area dt{position:relative; padding:40px 0; text-align:center; border-bottom:1px solid #bbbbbb;}
.notice_view_area dt div{width:95%; margin:0 auto; color:#333333; font-size:20px; font-weight:500; line-height:1.5;}
.notice_view_area dt span{position:absolute; right:24px; bottom:10px; coloR:#666666; font-size:14px;}

.notice_view_area dd{padding:50px 0px; text-align:center; border-bottom:1px solid #bbbbbb; color:#333333; font-size:14px; line-height:160%; font-weight:normal}
.notice_view_area dd img{max-width:100%;}


/* 이용안내 */
#sec_cs_common #tabCnt1,
#sec_cs_common #tabCnt2,
#sec_cs_common #tabCnt3{padding-bottom:50px;}

#sec_cs_common #tabCnt3 h5{display:block; height:31px; font-size:20px; line-height:1;}
#sec_cs_common #tabCnt3 .mgT8{margin-top:0;}


/* 인기상품 베스트샵 BEST 50 : 231114 */
.sub_bestShopSect {width:1200px;margin:0 auto}
.sub_bestShopSect h1 {font-size:28px;margin-top:20px;font-weight:bold;text-align:center;line-height:1.143}
.sub_bestShopSect .txt_titUnder {margin-top:10px;color:#6b6b6b;font-size:16px;text-align:center}
.oProductList .sub_bestShopSect .normalList {}
.oProductList .sub_bestShopSect .normalList .infoArea {height:auto;padding-bottom:40px}
.oProductList .sub_bestShopSect .normalList ul li .ico_best50{display:inline-flex;justify-content:center;align-items:center; background-color:#ED5606;width:30px;position:absolute;top:6px;left:6px;height:30px;font-size:14px;font-weight:500;z-index:1;color:#fff;pointer-events:none}
.oProductList .sub_bestShopSect .normalList ul li+li+li+li .ico_best50 {background:#333}

/* 테마쇼핑 , 오!감동 */

#sec_oh_hot_deal{padding-bottom:25px;}

#sec_oh_hot_deal .prodList{border-top:0; margin-top:20px;}
#sec_oh_hot_deal .prodList>ul>li{width:326px; height:498px; margin:0px 0 0px 0; padding:0px 24px 24px 0px; border-bottom:0; background:#FFFFFF;}
#sec_oh_hot_deal .prodList li .thum{width:324px; height:324px; padding:1px;}
#sec_oh_hot_deal .prodList li .thum img{width:324px; max-height:324px;}

#sec_oh_hot_deal .prodList li .prodName{padding:20px 0 15px 0; width:95%; margin:0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#sec_oh_hot_deal .prodList li .prodPrice1{font-weight:800;}

#sec_oh_hot_deal .prodList li .pop_view{displaY:nne; position:absolute; top:0px; lefT:0px; width:326px; height:498px; z-index:10;}
#sec_oh_hot_deal .prodList li .icList{position:absolute;top: 459px;lefT: 47%;margin-left:-153px;overflow:hidden;width: 301px;height:36px;z-index:20;}
/* #sec_oh_hot_deal .prodList li .icList li{width:auto; height:auto; padding:0;} */


/* 20180209 수정 */
/* .prodList li.stopSell .icList{display:none;} */ /* 리스트에서 판매중지 일 경우 */
.prodList li.stopSell .icList li{width: 50%;}
.prodList li.stopSell .icList li:nth-child(2){border-right: 0 none;}
.prodList li.stopSell .icList li:nth-child(3){display:none;}
/* 20180209 수정 end */
#miniArticle #quickMenuContent li.stopSell > a > img{opacity:0.3;} /* 퀵메뉴에서 판매중지 일 경우 */


#sec_oh_hot_deal .ico_oh_hot_deal_red{position:absolute; top:13px; right:13px; width:112px; height:112px; background-color:#f5780a; border-radius:50%; text-align:center; z-index:10;}

#sec_oh_hot_deal .ico_oh_hot_deal_red span{display:block; width:100%; padding:27px 0 0px 0; color:#ffe5cd; font-family:Myriad Pro; font-size:24px; font-weight:500; line-height:1; letter-spacing:-0.05em;}
#sec_oh_hot_deal .ico_oh_hot_deal_red em{display:block; width:100%; font-size:39px; line-height:1; color:#fff; letter-spacing:-0.08em; font-weight:500; }

#sec_oh_hot_deal .ico_oh_hot_deal_red span,
#sec_oh_hot_deal .ico_oh_hot_deal_red em{vertical-align:bottom;}

#sec_oh_hot_deal .prodList li.stopSell .ico_oh_hot_deal_red{opacity:0.5;}

/* 에러페이지 */

.error_area{padding-top:120px;}
.error_area div img{margin-bottom:30px;}

.error_area p{display:block; height:40px; font-size:30px; color:#333333; font-weight:500;}
.error_area span{display:block; height:55px; font-size:16px; color:#666; font-weight:500;}

.btn_go_main a{display:inline-block; width:240px;height:50px; line-height:50px; font-size:18px; font-weight:500; color:#fff; background-color:#6ca437; text-align:Center;}
.btn_go_main a:hover{text-decoration:none;}

/* 배송안내 */
.deliveryConfirm {text-align:center}
.deliveryConfirm .deliveryWrap .content {padding-bottom:120px}
.deliveryConfirm .comfirmTtl {padding-top:100px;font-weight:700;font-size:26px;letter-spacing:-0.5px}
.deliveryConfirm .comfirmTtl.ico {padding-top:180px}
.deliveryConfirm .comfirmTtl.ico::before {content:'';display:block;width:120px;height:107px;margin:0 auto 44px auto;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_hourGlass_140.png) no-repeat center/100% auto}
.deliveryConfirm .confirmTxt {margin-top:42px;font-size:22px;line-height:1.5;letter-spacing:-1px}
.deliveryConfirm .confirmTxt .emphasis {font-weight:500}
.deliveryConfirm ul.confirmCont {display:flex;flex-wrap:wrap;justify-content:center;gap:26px;max-width:1026px;margin-top:40px}
.deliveryConfirm ul.confirmCont li {width:500px}
.deliveryConfirm ul.confirmCont li img {width:100%}

/* -------------------------------- 전단상품  --------------------------------*/

.tit_paper_top{height:58px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_line_5.gif) repeat-x center top;}
.tit_paper_top p{padding:33px 12px 0 0; font-size:14px; color:#666; text-align:right;}


.img_paper_top{padding-bottom:51px;}

#paperTopMenu{position:Absolute; top:698px; left:50%; margin-left:-513px; width:1026px; height:50px; z-index:100;}


.mamberTab3{height:50px;  margin-bottom:40px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_bg_tab.png) repeat-x left center;}
.mamberTab3 li{display:block; float:left; border-bottom:1px solid #939393;}
.mamberTab3 li a{display:block; height:46px; line-height:46px; border-top:4px solid #fff; color:#e53433; border-right:1px solid #dddddd; background:#fff; text-align:center; font-size:16px; font-weight:500; color:#333; text-decoration:none}

.mamberTab3 li:first-child{width:34%;}
.mamberTab3 li:first-child a{border-left:1px solid #dddddd}

.mamberTab3 li.on{ border-bottom:0;}
.mamberTab3 li.on a{height:46px; border-top:4px solid red; border-left:1px solid #939393; border-right:1px solid #939393; background:#fff; color:#333;}

.mamberTab3 li:first-child.on a{border-left:1px solid #dddddd;}


.tab_paper_4 .mamberTab3 li{width:25%;}
.tab_paper_4 .mamberTab3 li:first-child{width:25%;}

.tab_paper_5 .mamberTab3 li{width:20%;}
.tab_paper_5 .mamberTab3 li:first-child{width:20%;}

.tab_paper_6 .mamberTab3 li{width:16.5%;}
.tab_paper_6 .mamberTab3 li:first-child{width:17.5%;}



#sec_paper .list_best_3{width:100%; height:280px; padding-bottom:0px;}
#sec_paper .list_best_3 li{height:100%;}

#sec_paper .list_best_3 dd ul li{padding:0 14px;}

#sec_paper .list_best_3 .ico_best_3{left:14px;}
#sec_paper .list_best_3 .ico_best_3 strong{padding-top:0px; font-size:24px; line-height:58px; letter-spacing:-0.08em;}

#sec_paper .list_2days .img_best_3 span{background:none;}



.img_paper_h_1{height:110px; text-align:Center;}
.img_paper_h_1 strong{font-size:36px; color:#1c1c1c; font-weight:normal; letter-spacing: -2px} /*20171227추가*/
.img_paper_h_1 strong em{font-weight:500} /*20171227추가*/
.img_paper_h_1 p{padding-top:13px; font-size:14px; color:#1c1c1c} /*20171227추가*/
.img_paper_h_2{height:70px; text-align:Center; padding-top: 60px;}


.paper_summary{overflow:hidden; position:relative; width:100%;  min-height:653px;}
.paper_summary .left_area{float:left; width:470px;}
.paper_summary .left_area table{width:100%; border-top:1px solid #dddddd;}
.paper_summary .left_area table th{font-size:15px; color:#333; font-weight:500; text-align:left;}
.paper_summary .left_area table th a{display:block; padding:0 10px; color:#333333; }
.paper_summary .left_area table td{text-align:Center;}

.paper_summary .left_area table th,
.paper_summary .left_area table td{vertical-align:middle; height:45.5px; border-bottom:1px solid #dddddd;}

.left_area .txt_percent{color:#e53433; font-size:22px; font-weight:800; letter-spacing:-0.1em}
.left_area .txt_before{color:#999; font-size:16px;  font-family:'Myriad Pro';}
.left_area .txt_after{color:#e53433; font-size:18px; font-weight:800; font-family:'Myriad Pro';}


.right_area{position:Relative; float:right; width:520px; height:700px;}

.product_1{position:absolute; top:0px; left:0px;}
.product_1 dl{position:relative;}
.product_1 dt{position:Absolute; top:203px; left:0px; width:260px; height:273px;}
.product_1 dt img{width:100%; height:100%;}
.product_1 dd{position:Absolute; top:0px; left:0px; width:260px; height:215px; background:url('../images/paper/common/ico_right_1.png') no-repeat left top;}
.product_1.bgBeige dd{background:url('../images/paper/common/ico_right_3.png') no-repeat left top;} /*20171227 추가*/

.product_1 dd > div{position:relative; padding:28px 0 0 18px;}

.product_1 dd > div a,
.product_2 dd > div a{display:block;}

.product_1 dd > div a:hover,
.product_2 dd > div a:hover,
.product_3 dd > div a:hover{text-decoration:none;}


.product_1 .txt_percent{display:block; height:38px; color:#e53433; font-size:32px; font-weight:800; letter-spacing:-0.08em}
.product_1 .txt_name{display:block; padding-top:10px; height:54px; font-size:18px; color:#333; font-weight:500; letter-spacing:-0.05em; line-height:1.4; border-top:1px solid #bbbbbb;}
.product_1 .txt_before{display:block; height:22px; color:#999; font-size:16px; font-weight:500; font-family:'Myriad Pro';}
.product_1 .txt_after{display:block; color:#e53433; font-size:18px; font-weight:800; font-family:'Myriad Pro';}



.product_2{position:absolute; top:0px; left:260px;}
.product_2 dl{position:relative;}
.product_2 dt{position:Absolute; top:0px; left:0px; width:260px; height:274px;}
.product_2 dt img{width:100%; height:100%;}
.product_2 dd{position:Absolute; top:261px; left:0px; width:260px; height:215px; background:url('../images/paper/common/ico_right_2.png') no-repeat left top;}
.product_2 dd > div{position:relative; padding:40px 0 0 18px;}


.product_2 .txt_percent{display:block; height:38px; color:#ffffff; font-size:32px; font-weight:800; letter-spacing:-0.08em}
.product_2 .txt_name{display:block; padding-top:10px; height:54px; font-size:18px; color:#c5bfba; font-weight:500; letter-spacing:-0.05em; line-height:1.4; border-top:1px solid #bbbbbb;}
.product_2 .txt_before{display:block; height:22px; color:#c5bfba; font-size:16px; font-weight:500; font-family:'Myriad Pro';}
.product_2 .txt_after{display:block; color:#fff; font-size:18px; font-weight:800; font-family:'Myriad Pro';}


.product_3{overflow:hidden; position:absolute; top:476px; left:0px; width:520px; height:215px;}
.product_3 dl{position:relative;}
.product_3 dt{position:Absolute; top:0px; left:0px; width:520px; height:224px;}
.product_3 dt img{width:100%; height:100%;}
.product_3 dd{position:Absolute; top:0px; left:0px; display:table; width:520px; height:215px;  background:url('../images/paper/common/img_area_1_3_over.png') no-repeat left top;}
.product_3 dd > div{display:table-cell; vertical-align:middle; position:relative;}

.product_3 .txt_percent{display:block;width:100%; height:35px; color:#e53433; font-size:32px; font-weight:800; letter-spacing:-0.08em;  text-align:center;}
.product_3 .txt_name{display:block; width:100%;  font-size:18px; color:#fff; font-weight:500;   text-align:center; line-height:1.4;}

.congrats_price_list .prodList{border-top:0;}
.congrats_price_list .prodList ul{overflow:hidden; width:1100px; padding-top:30px;}
.congrats_price_list .prodList ul li{width:182px; height:252px; border-bottom:0;}
.congrats_price_list .prodList ul li .thum img{width:182px; max-height:182px;}

.congrats_price_list .prodList ul li{padding-top:0px;}

.congrats_price_list .prodList li .prodPrice span{letter-spacing:-0.1em;}

.congrats_price_list .prodList li .prodName{padding:12px 5px 10px 5px; box-sizing: border-box} /*20171229수정*/

.congrats_price_list .prodList li .pop_view{overflow:hidden; top:0px; left:0px; width:182px; height:252px;  background:url('../images/shop/pop_congrats_more_bottom.png') no-repeat center 163px;}

.congrats_price_list .prodList li .icList{left:50%; top:185px; margin:0; padding:0; margin-lefT:-91px; padding-top:0; width:181px; height:136px;}
.congrats_price_list .prodList li .icList ul{width:200px;}
.congrats_price_list .prodList li .icList ul li{padding-top:0; margin-top:0;}


.probio_area .prodList li .thum .saleSellTxt,
.organic_area .prodList li .thum .saleSellTxt,
.congrats_price_list .prodList li .thum .saleSellTxt{background-color:#e53433; opacity:1;}

.more_view_area{width:100%; border-top:1px solid #ddd; text-align:Center;}
.btn_more_view{display:inline-block; width:85px; height:26px; line-height:26px; padding-right:20px; text-align:Center; color:#fff; background:#bbb url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_down_12.gif) no-repeat 69px center;}



.for_two_days_area{position:relative; padding:90px 0 20px 0; width:100%; background-color:#f6f6f6;}

.tab_2days{position:relative; width:1026px; height:44px; margin-bottom:40px; text-align:center; z-index:95;}
.tab_2days ul{display:inline-block; width:100%; margin:0 auto; background-color:#fff;}
.tab_2days li{display:block; float:left; width:12.5%;}
.tab_2days li a{display:block; width:100%; height:46px; line-height:46px; border:1px solid #dddddd; border-left:none; font-size:15px; font-weight:500; color:#666666; text-align:center; letter-spacing:-0.1em; text-decoration:none;}

.tab_2days li:first-child a{border-left:1px solid #dddddd; }
.tab_2days li.on a{background:#6ca437; color:#fff}


.pop_2days_close{position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('../images/paper/common/bg_close_white.png') repeat; 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:50%; left:50%; margin-top:-173px; margin-left:-173px; width:346px; height:346px;}
.txt_2days:after { content:''; position:absolute; left:0; display: block; width: 346px; height: 346px; background: #6ca437; border-radius: 173px; opacity: 0.8; z-index: 11;}
.txt_2days p{display:table-cell; vertical-align:middle; width:624px; text-align:center; font-size:30px; line-height:42px; font-weight:500; color:#fff; z-index:99999; position:relative;}

.pop_2days_tomorrow{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:90;}


.list_2days{min-height:654px;}
.list_2days dd{height:auto;}
.list_2days dd ul{width:1100px;}


#sec_paper .list_2days{width:100%; height:auto; padding-bottom:20px;}
#sec_paper .list_2days dd ul li{width:236px; height:100%; margin:0; padding:0 27px 0 0px;}


#sec_paper .list_2days .ico_best_3{left:0px;}
#sec_paper .list_2days .ico_best_3 strong{padding-top:0px; font-size:24px; line-height:58px; letter-spacing:-0.08em;}
#sec_paper .list_2days .ico_best_3 img{width:100%; height:100%; }

.list_2days .img_best_3,
.list_2days .img_best_3 span,

.list_2days .ico_best_3_view{width:236px; height:236px;}
.list_2days .ico_best_3_view{margin-top:-236px;}



.organic_area{padding:90px 0 70px 0; width:100%;}
.organic_area .prodList li{border-bottom:0; background-color:#fff; height:320px;}

/* .organic_area .prodList li .pop_view{cursor:pointer;} */
.organic_area .prodList li .pop_view > a{display:block;}

.organic_area .prodList li .thum .saleSellTxt{right:1px;}

/*
.organic_area .prodList li .pop_view{display:none; position:absolute; top:0px; left:0px; width:238px; height:320px; background:url('../images/paper/common/pop_view.png') no-repeat left top;}
.organic_area .prodList li .pop_view > a{position:relative; display:block; width:100%; height:100%;}
*/

.organic_area .prodList li .pop_view{display:none; position:absolute; top:0px; left:0px; width:236px; height:320px; background:url('../images/paper/common/img_blank.gif') repeat;}
.organic_area .prodList li .pop_view:hover{ border:1px solid #e53433;}
.organic_area .prodList li .pop_view > a{display:block; width:100%; height:100%;}

.organic_area .prodList li .pop_view .btn_paper{position:absolute; top:0px; left:0px; margin:157px 0 0 0; padding:18px 0px 5px 0px; background-color:#fff; width:236px; text-align:Center;}
.organic_area .prodList li .pop_view .btn_paper a{display:inline-block; margin:0 2.5px;}
.organic_area .prodList li .pop_view .btn_paper a:hover{text-decoration:none;}

/*20171229 수정*/
.overSt1 .prodList li .pop_view{overflow:hidden; top:0px; left:0px; width:191px !important; height:252px;  background:url('../images/paper/common/img_blank.gif') no-repeat center 163px;}
.overSt1 .prodList li .icList{left:50%; top:185px; margin:0; padding:0; margin-lefT:-95px; padding-top:31px; width:190px; height: 45px;}
.overSt1 .prodList li .icList ul{width:200px;}
.overSt1 .prodList li .icList ul li{padding-top:0; margin-top:0; margin-right:0 !important}
.overSt1 .prodList li .icList ul li:last-child{padding-left:4px; padding-right:3px; background:#e53433}
.overSt1 .prodList li .pop_view:hover{ border:none}
.overSt1 .prodList li .pop_view{width:191px; height:292px; background:/*url('../images/shop/pop_congrats_more_bottom.png') no-repeat center 203px*/none;  z-index:10;}

.overSt1 .prodList li .thum{height:182px; overflow-y:hidden}
.overSt1 .prodList li{height:252px}
.overSt1 .txt_organic_1{width:214px !important; left:800px !important}
.overSt1 .txt_organic_1 p{height:125px; overflow:hidden}
.overSt1 .prodList li .prodName{line-height:18px; padding:13px 10px 5px; text-align:center; font-size:15px; font-weight:500; color:#333; text-decoration:none; width:95%; margin:0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box}

.overSt1 .prodList li .icList ul li{display:inline-block; float:left; width:auto !important; height:auto; margin:0; padding:0;}
/*20171229 수정*/


#sec_paper .list_2days.overSt2 .img_best_3 span{display:block !important; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.05);} /*20171229 추가*/

.organic_area .prodList li .prodName{color:#333;}

.organic_4_area .list_organic .prodList li{margin-bottom:15px;}



.tit_organic{height:38px;}
.tit_organic img,
.tit_organic span{vertical-align:bottom;}

.tit_organic span{display:inline-block; padding:0 0 2px 13px; font-size:14px;}

.list_organic{position:relative; padding:15px 15px 0 15px; margin-bottom:30px;}
.list_organic ul li{width:238px; margin-right:14px;}

.list_organic .prodList{border-top:0;}
.list_organic .prodList li{padding:0;}

.organic_1{background-coloR:#f7eeee; border-top:1px solid #c4999e;}
.organic_2{background-coloR:#f0f7ee; border-top:1px solid #a8c499;}
.organic_3{background-coloR:#eef6f7; border-top:1px solid #99bcc4;}
.organic_4{background-coloR:#f7f1ee; border-top:1px solid #c4a799;}


#sec_paper .congrats_price_area{padding-top:80px;}
#best3SlideList .product_list_3 > strong,
.congrats_price_list .prodList li .prodName{color:#333;}



.txt_prodList{position:Absolute; top:20px; lefT:780px;}

.organic_1 .txt_prodList dl dt{height:32px; line-height:32px; font-size:15px; color:#333; font-weight:500; text-align:left;}
.organic_1 .txt_prodList dl dt a{ color:#333;}
.organic_1 .txt_prodList dl dt a:hover{color:#6ca437;}

.organic_1 .txt_prodList dl dd{height:30px; border-bottom:1px solid #c698a3;}
.organic_1 .txt_prodList dl dd.end{border-bottom:0;}
.organic_1 .txt_prodList .txt_percent{display:inline-block; width:55px; color:#e53433; font-size:22px; font-weight:800; letter-spacing:-0.1em}
.organic_1 .txt_prodList .txt_before{display:inline-block; width:80px; color:#999; font-size:16px; font-weight:500; letter-spacing:-0.1em}
.organic_1 .txt_prodList .txt_after{display:inline-block; width:90px; color:#e53433; font-size:18px; font-weight:800; letter-spacing:-0.1em}



/* 친환경 축산 */

.organic_1_area .organic_1 .prodName{overflow:auto; text-overflow:visibile; white-space:normal;}

.organic_1_area .organic_1 .prodList{padding-bottom:15px;}
.organic_1_area .organic_1 .prodList ul{overflow:hidden; width:1100px; padding-bottom:2px;}

.organic_1_area .organic_1 .prodList li{width:182px;}
.organic_1_area .organic_1 .prodList li .thum img{width:182px; height:222px;}

.organic_1_area .organic_1 .prodList li .pop_view{width:180px;}
.organic_1_area .organic_1 .prodList li .pop_view .btn_paper{width:180px; margin:140px 0 0 0;}


.organic_1_area .organic_1 .prodList li .thum .saleSellTxt{right:0;}


.txt_organic_1{position:absolute; top:15px; left:799px;}

.organic_1 .txt_organic_1 div.txt_percent{float:left;  width:55px; color:#e53433; font-size:22px; font-weight:800; letter-spacing:-0.1em; text-align:Center;}
.organic_1 .txt_organic_1 div.txt_before{float:left;  width:80px;  text-align:Center;}
.organic_1 .txt_organic_1 div.txt_before del{display:inline-block; padding-top:3px; line-height:1; color:#999; font-size:16px; font-weight:500; letter-spacing:-0.1em;}

.organic_1 .txt_organic_1 div.txt_after{float:left;  width:auto; padding-top:2px; color:#e53433; font-size:18px; font-weight:800; letter-spacing:-0.1em; text-align:Center;}

.txt_organic_1 dl{width:215px;}
.txt_organic_1 dt{padding-left:4px; font-size:15px; color:#333333; height:33px; line-height:33px; font-weight:500;}
.txt_organic_1 dt a{color:#333333; text-decoration:none;}
.txt_organic_1 dd{width:100%; height:29px; line-height:1; overflow:hidden; border-bottom:1px solid #c4999e;}

.tit_store{position:Relative; padding:60px 0 10px 0; line-height:1; font-size:30px; font-weight:500; color:#333; text-align:center;}
.subtit_store{position:Relative; padding:10px 0 40px 0; line-height:1; font-size:18px; color:#333; text-align:center;}

.txt_store_intro_2{overflow:hidden; width:100%; height:740px; margin-bottom:20px; background-color:#f6f6f6; border:1px solid #bbbbbb;}

.txt_store_intro_2 .map_intro_area{float:left; width:100%; height:100%;}

.map_wrap, .map_wrap * {margin:0; padding:0;font-family:'Malgun Gothic',dotum,'돋움',sans-serif;font-size:12px;}
.map_wrap {position:relative;width:100%;height:100%;}

.placeinfo_wrap {position:absolute;bottom:30px;left:-226px;width:455px;}
.placeinfo_wrap .placeinfo {position:relative;width:100%; border: 1px solid #ccc;border-bottom:2px solid #ddd;padding-bottom: 10px;background: #fff;}
.placeinfo_wrap .placeinfo:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888; height:125px}
.placeinfo_wrap .placeinfo span {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.placeinfo_wrap .placeinfo span {margin:5px 5px 0 5px;cursor: default;font-size:13px;}
.placeinfo_wrap .placeinfo .thumb{width: 175px; height: 125px; position: absolute; top: 0px;}
.placeinfo_wrap .placeinfo .desc{display: block;position: absolute;width: 280px;height: 125px;top: 5px;left: 170px;}
.placeinfo_wrap .placeinfo .desc .title {width:245px; font-weight: 500; font-size:20px; line-height:30px; color:#333333;}
.placeinfo_wrap .placeinfo .desc .tel {padding: 8px 0 0 175px; color:#333333; font-size:14px; width:270px; padding:8px 0 0 5px}
.placeinfo_wrap .placeinfo .desc .addr {padding: 8px 0 0 175px; color:#333333; font-size:14px; width:270px; padding:8px 0 0 5px; white-space: normal}
.placeinfo_wrap .placeinfo .desc .open_dt {padding: 8px 0 0 175px; color:#333333; font-size:14px; width:270px; padding:8px 0 0 5px}

.placeinfo_wrap .placeinfo .close{width: 19px; height: 19px; position: absolute; top: 0px; right:0px}
.placeinfo_wrap .after {content:'';position:relative;margin-left:-12px;left:50%;width:22px;height:12px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_down_22.png)}

.storeSelboxWrap {position: absolute; top:10px; right:20px; display:inline-block; width:300px; height:40px; text-align:left; background:#ffffff url("../images/common/totl_ic_06.gif") no-repeat right top 10px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); z-index:2}
.storeSelboxWrap .currentStore {display:block; padding:0 22px 0 20px; line-height: 40px; text-decoration: none; font-size:14px; font-weight:500; color:#000000}
.storeSelboxWrap.bg {background:#fff url("../images/common/totl_ic_07.gif") no-repeat right top;}
.storeSelboxWrap .selboxOpen {display: none; position:absolute; top:40px; left:0; width: 100%; height:680px; background:#ffffff; opacity: 0.9; overflow: scroll; z-index: 777;}
.storeSelboxWrap .selboxOpen li {border:1px solid #d2d6d9; border-top:none; border-bottom:none;}
.storeSelboxWrap .selboxOpen li:last-child {border:1px solid #d2d6d9; border-top:none;}
.storeSelboxWrap .selboxOpen li:hover {background: #e5e5e5;}
.storeSelboxWrap .selboxOpen a {display: block; padding:1px 20px; line-height: 40px; text-decoration: none; font-size:14px; font-weight:500; color:#000000}
.storeSelboxWrap .selboxOpen a:hover {background: #e5e5e5; text-decoration: none !important;}

.txt_store_intro_6{text-align:Center; height: 400px}

/* 2017-12-01 전단 */
.probio_area{padding:80px 0 20px 0; width:100%;}

.probio_area .probio_list_area{position:Relative; height:645px; background-color:#eee7df;}
.bgNon{background:none !important; height:720px !important} /*20171227 추가*/
.bgNon .probio_2{left:0 !important; top:0 !important} /*20171227 추가*/
.bgNon .prodList{width:1060px !important} /*20171227 추가*/
.bgNon .prodList ul li.saleSellTxt{padding-right:27px !important} /*20171227 추가*/

.probio_1{position:absolute; top:20px; left:20px; width:380px;}

.probio_list_area .probio_1 .prodList{width:380px; border-top:0;}
.probio_list_area .probio_1 .prodList li{clear:both; width:380px; height:610px; padding:0; border-bottom:0; text-align:left;}
.probio_list_area .probio_1 .prodList li img{width:380px; height:534px;}
.probio_list_area .probio_1 .prodList li .thum img{max-height:534px;}

.probio_list_area .probio_1 .prodList li .prodName{width:100%; letter-spacing:-0.03em; text-align:left;}
.probio_list_area .probio_1 .prodList li .prodName em{color:#e53433;}
.probio_list_area .probio_1 .prodList li .prodPrice{text-align:left;}


.probio_2{overflow:hidden; width:600px; position:Absolute; top:20px; left:420px;}

.probio_2 .congrats_price_list .prodList ul{width:630px;}
.probio_2 .congrats_price_list .prodList ul li{padding-right:19px; margin-bottom:30px;}
.probio_2 .congrats_price_list .prodList li .icList ul li{padding:0; margin:0;}
.probio_2 .prodList ul li .thum img{max-height:222px;}
.bgNon .probio_2 .prodList ul li .thum{height:182px; overflow-y:hidden} /*20171227 추가*/
.probio_2 .congrats_price_list .prodList ul{padding-top:0;}
.probio_2 .congrats_price_list .prodList li .pop_view{display:none; overflow:hidden; position:absolute; top:0px; lefT:0px; width:182px; height:292px; background:url('../images/shop/pop_congrats_more_bottom.png') no-repeat center 203px;  z-index:10;}
.probio_2 .congrats_price_list .prodList li .icList{top:255px;}

.organic_1_area .txt_organic_1{overflow:hidden; width:234px;}

.organic_1_area .txt_organic_1 .prodList{overflow:hidden; width:232px;}
.organic_1_area .txt_organic_1 .prodList li{width:229px; padding:0; margin:0; text-align:left;}
.organic_1_area .txt_organic_1 .prodList li .thum{width:229px;}
.organic_1_area .txt_organic_1 .prodList li .thum img{width:229px; height:222px;}

.organic_1_area .txt_organic_1 .prodList li .pop_view{left:-1px; width:229px;}
.organic_1_area .txt_organic_1 .prodList li .pop_view .btn_paper{width:229px; margin:140px 0 0 0;}

.organic_1_area .txt_organic_1 .prodList li .thum .saleSellTxt{right:0;}

.paper_1201 .list_organic ul li{margin-right:10px;}
.paper_1201 .txt_organic_1{left:785px;}

.paper_1201 .prodList li .prodName{height:44px; padding-bottom:0;}

/* -------------------------------- //전단상품  --------------------------------*/

/* 레이어팝업 */
#bg_layer{position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/common/layerDimBg.png') repeat 0 0; z-index:200;}
.pop_delivery{position:absolute; top:0px; left:50%; margin-left:-340px; width:680px; z-index:210;}

.pop_delivery .btn_pop_close{height:40px; line-height:41px; padding:0 7px 0 0; background:#f5f5f5; text-align:right}
.pop_delivery .btn_pop_close a{display:inline-block; position:relative; width:53px; height:22px; padding:0; text-align:center; color:#666666;}
.pop_delivery .btn_pop_close a span{display:inline-block; padding:2px 15px 2px 0px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cross_10.png) no-repeat 100% 50%; color:#666666; font-size:11px; text-decoration:none}


.delivery_search_area{position:Relative; width:100%; height:450px; background:#6ca439 url('../images/common/pop_delivery.jpg') no-repeat center top;}

.tit_delivery{padding:45px 0 0 25px;}

.txt_area{padding:25px 0 0 0px; font-size:18px; color:#fff; line-height:24px;}
.txt_area strong{display:block; font-weight:500; padding:0 0 15px 0;}
.txt_area span{display:block;font-size:14px; line-height:18px; padding:15px 0 0 0;}

.txt_mem_noti{padding-top:15px;}
.txt_mem_noti p{ font-size:14px; line-height:17px; color:#fff;}
.txt_mem_noti p strong{display:inline-block; padding-bottom:2px; font-size:16px; color:#f0ff00;}


#header .search_address{top:353px; left:30px;}
#header .search_address input{float:left; width:255px; height:46px; padding-left:15px; line-height:46px; border:1px solid #d6d6d6; border-right:none; background:#ffffff; color:#7a7a7a; font-size:16px;}
#header .search_address input::-webkit-input-placeholder{color:#7a7a7a}
#header .search_address input:-moz-placeholder{color: #7a7a7a}
#header .search_address input::-moz-placeholder{color: #7a7a7a;}
#header .search_address input:-ms-input-placeholder{color: #7a7a7a;}

#header .search_address a{float:left; padding:0px; border:0px; color:#fff; margin-right:5px;}
#header .search_address a span{display:inline-block; font-size:16px; height:51px; text-align:Center; line-height:51px; color:#fff; background-color:#857268;}


.pop_membership{position:absolute; top:0px; left:50%; margin-left:-340px; width:680px; z-index:210;}

.pop_membership .btn_pop_close{height:40px; line-height:41px; padding:0 7px 0 0; background:#f5f5f5; text-align:right}
.pop_membership .btn_pop_close a{display:inline-block; position:relative; width:53px; height:22px; padding:0; text-align:center; color:#666666;}
.pop_membership .btn_pop_close a span{display:inline-block; padding:2px 15px 2px 0px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cross_10.png) no-repeat 100% 50%; color:#666666; font-size:11px; text-decoration:none}

.membership_area{position:Relative; width:100%; height:457px; text-align:Center; background:#6ca439 url('../images/common/pop_membership.png') no-repeat center top;}

.tit_membership{padding-top:184px; height:54px;}
.tit_membership p{font-size:30px; font-weight:500; color:#fff; letter-spacing:-0.05em;}

.txt_membership p{padding-bottom:17px; font-size:18px; font-weight:500; color:#fff; line-height:24px;}
.txt_membership strong{color:#fffc00; font-weight:500;}

.txt_membership span{font-size:14px; color:#fff; line-height:20px; font-weight:500;}

.btn_membership{padding-top:27px;}
.btn_membership a span{display:inline-block; font-size:16px; width:250px; height:51px; text-align:Center; line-height:51px; color:#fff; background-color:#725c50;}


/* 인트로 */
.bg_intro {
    background-image: url(https://oasisprodcom.edge.naverncp.com/pc/img/img_oasis_1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #6ca437;
    }

.intro_wrap{width:1026px; margin:0 auto; padding:55px 0;}
.intro_wrap .h1_logo{padding:0px 0 55px 0; text-align:Center;}
.intro_wrap .tit_h2{padding:0px 0 38px 0; text-align:Center;}

.txt_login{height:40px; text-align:Center;}
.txt_login p{font-size:16px; color:#333333;}
.txt_login strong{color:#6ca437; font-weight:normal; text-decoration:underline;}

.intro_wrap .searchBox{padding-bottom:56px; text-align:Center;}
.intro_wrap .searchBox input{width:398px; height:63px; padding-left:15px; line-height:63px; border:1px solid #6ca437; border-right:none; font-size:22px}
.intro_wrap .searchBox input,
.intro_wrap .searchBox input::-webkit-input-placeholder,
.intro_wrap .searchBox input:-moz-placeholder,
.intro_wrap .searchBox input::-moz-placeholder,
.intro_wrap .searchBox input:-ms-input-placeholder{color:#333333;}
.intro_wrap .searchBox span{position:Relative; lefT:-5px; display:inline-block; width:150px; height:63px; line-height:63px; font-size:26px; color:#ffffff; background-color:#6ca437; font-weight:500; border:1px solid #6ca437; border-left:none; }


.benefit_intro_area{width:990px; margin:0 auto; padding:27px 0; background-color:#fff;}
.benefit_intro_area table{width:100%; }
.benefit_intro_area table td{vertical-align:top; height:251px; text-align:Center; border-right:1px solid #e8e8e8;}
.benefit_intro_area table td.end{border-right:0;}

.benefit_intro_area td .ico_benefit_1{padding:14px 0 18px 0;}
.benefit_intro_area td span{display:block; font-size:12px; color:#666; line-height:1; height:31px;}
.benefit_intro_area td strong{display:block; font-size:26px; color:#333333; line-height:1; font-weight:500;}
.benefit_intro_area td p{font-size:26px; font-size:14px; coloR:#666666; line-height:20px;}


.txt_intro_notice{width:990px; margin:0 auto; padding:16px 0; background:#4c4c4c;}
.txt_intro_notice div{padding:0px 0 0 16px;}

.txt_intro_notice div strong{display:block; height:26px; font-size:16px; font-weight:normal; color:#fff;}
.txt_intro_notice div p{display:block; font-size:14px; line-height:20px; color:#fff;}


/*20171214 추가 : 12월 전단*/
.newLeaflet .probio_2{left:120px; top:50px; width:100%}
.newLeaflet .prodList li .prodName{background:#fff; width:100%}
.newLeaflet .probio_list_area{height:705px; background:url("../images/paper/201712_2/print_winter_bg.jpg") no-repeat 0 0}
.newLeaflet .congrats_price_list .prodList{width:900px}
.newLeaflet .probio_2 .congrats_price_list .prodList > ul{width:100%}
.newLeaflet .prodList li .prodPrice {padding-bottom:12px; background:#fff}

.newLeaflet.organic_1 .prodList li{width:191px} /*리스트4개 + 특별상품1 -> 리스트5개*/
.newLeaflet.organic_1 .prodList li .pop_view{width:189px}
.newLeaflet.organic_1 .prodList li .thum img{width:189px}
.newLeaflet.organic_1 .prodList li .pop_view .btn_paper{width:189px}

@media screen and (max-width:1025px){
    .intro_wrap{padding:20px 0;}
}

/*20180126 추가*/
.eventList li{padding-bottom:15px;}

/*20180424추가*/
.fontRed{color: #be271d !important;}

/* 이용약관, 개인정보취급방침 */
.clsTab{height:60px; margin-bottom:40px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_bg_tab.png) repeat-x left bottom}
.clsTab li{display:block; float:left; width:33.3%}
.clsTab li a{display:block; padding:14px 0; line-height:30px; border-top:1px solid #dddddd; border-right:1px solid #dddddd; background:#f6f6f6; text-align:center; font-size:18px; font-weight:500; color:#333; text-decoration:none}

.clsTab li:first-child{width:33.3%;}
.clsTab li:first-child a{border-left:1px solid #dddddd}
.clsTab li.on a{padding:14px 0; border:1px solid #ddd; border-left:0; border-bottom:1px solid #fff; background:#6ca437; color:#fff}

.clsTab li:first-child.on a{border-left:1px solid #dddddd;}

/* 브랜드샵 */
.brandShop {}
.brandShop ul {display:inline-block; margin-top:20px; }
.brandShop ul li {float:left; width:32%; margin-bottom:15px}
.brandShop ul li:nth-child(2),
.brandShop ul li:nth-child(5),
.brandShop ul li:nth-child(8) {padding:0 2%;}
.brandShop ul li div a img {width:100%}

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

.joinEvent {padding-bottom:100px;text-align:center }
.joinEvent .eventimg {padding-top:80px;}

/* 첫 구매 선물 선택 */
.giftWrap {padding-top:120px;}
.giftWrap .giftTit {text-align:center}
.giftWrap .giftSubTit {color:#333; text-align:center; font-wiehg:700; font-size:20px; margin-top:40px;}
.giftList {margin-top:63px; height:880px;}
.giftList ul li {width:292px; height:424px; float:left; margin-bottom:10px; margin-right: 10px}
.giftList ul li div {position:relative;}
.giftList ul li:nth-child(4) {margin-right:0px !important;}
.giftList ul li:last-child {width:498px;}
.giftChkBox {position:absolute !important; top:5px; left:5px; width:38px; height:38px;}
.giftChkBox a {width:38px; height:38px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_check_38.png) no-repeat; display:block}
.giftChkBox a.on {background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_check_38_on.png) no-repeat;}

.oFirstGift {width:1200px;margin:0 auto;padding-top:100px}
body:has(.oFirstGift) .oFooter {padding-top:0}
.oFirstGift .oFirstGift_title {display:block;font-weight:700;font-size:28px;text-align:center}
.oFirstGift .oFirstGift_subscript {display:block;margin-top:30px;font-size:22px;line-height:28px;text-align:center}
.oFirstGift .oFirstGift_list {display:flex;flex-wrap:wrap;justify-content:center;gap:30px 24px;margin-top:60px}
.oFirstGift .oFirstGift_list .item {position:relative;width:274px}
.oFirstGift .oFirstGift_list .item::before {content:'';display:block;position:absolute;top:10px;left:10px;width:28px;height:28px;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:274px;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:12px 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%;height:40px;font-weight:400;font-size:15px;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:16px;color:#707070}
.oFirstGift .oFirstGift_list .item .itemInfo .itemInfo_price .eventPrice {font-weight:600;font-size:19px;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 ~ .btnChoose {display:flex;align-items:center;justify-content:center;gap:24px;padding:60px 0 100px 0}
.oFirstGift ~ .btnChoose .item {width:300px;height:50px;border-radius:3px;background:#eaeaea;font-size:14px}
.oFirstGift ~ .btnChoose .item.active {background-color:#6BA43A;color:#ffffff}

/* 장바구니 추가 시 팝업 */
.oasisLayerPop.oasisCartPop {max-height: 584px; height: auto;}
.oasisLayerPop.oasisCartPop .oasisLPconWrap {max-height: 520px; height: auto; text-align: center;}
.oasisLayerPop .oasisLayerPopClose {position: absolute; top: 18px; right: 0; width: 27px; height: 27px;}
.oasisLayerPop .popCartList {padding:0 20px; font-size:14px; text-align:left; color:#333}
.oasisLayerPop .popCartList .totalCartPrice {float:right;}
.oasisLayerPop .popCartList .popCartInfo {padding-bottom:10px;}
.oasisLayerPop .popCartList .popCartDesc {display: block; font-size: 16px;}
.oasisLayerPop .popCartList .popCartDesc::before {content: ''; display: inline-block; width: 2px; height: 2px; margin: 8px 5px 0 0; border-radius: 50%; background: #333; vertical-align: top;}
.oasisLayerPop .popCartList .popProdInfo {height: auto; margin-left: -10px;}
.oasisLayerPop .popCartList .popProdInfo::after {content: ''; display: block; clear: both;}
.oasisLayerPop .imposProd,
.oasisLayerPop .imposDate {padding: 30px 0; border-top: 1px solid #dfdfdf;}
.oasisLayerPop .popCartList .popProductList li {display: inline-block; width:calc((100% - 50px) / 4); margin: 15px 0 0 10px; /* height:194px */}
.oasisLayerPop .popCartList .popProductList li img {width:100%; border:1px solid #efefef}
.oasisLayerPop .popCartList .popProductList .popCartProdTit {overflow: hidden; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 36px; margin-top:7px; line-height: 18px; font-weight:500;}
.oasisLayerPop .popCartList .popProductList .popCartProdOpt {display: block; padding-top: 4px;font-size: 12px; line-height: 14px; color: #999;}
.oasisLayerPop .popCartList .popProductList .popCartProdPrice {margin-top:4px; display:block; font-weight:500; color:red;}
.oasisLayerPop .popCartList .popProductList .popCartProdCount {margin-top:4px; display:block; color:#887e7e;}
.oasisLayerPop .popCartList .popProductList .popCartProdTable {margin-top: 10px; border: 1px solid #063e08; font-size: 13px; letter-spacing: -1px; text-align: center;}
.oasisLayerPop .popCartList .popProductList .popCartProdTable .prodTableTitle {font-size: 13px; color: #063e08;}
.oasisLayerPop .popCartPageWrap {margin-top:30px; text-align:center; clear:both; padding-bottom:15px;}
.oasisLayerPop .popCartPageWrap a { color:black; display:inline-block; margin-right:15px; font-size:17px }
.oasisLayerPop .popCartPageWrap a.on {color:#6ca435; font-weight:500; text-decoration:underline}
.oasisLayerPop .popCartBtnWrap {margin:0 20px; padding-top: 25px;}
.cartPageFirst {background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_first_17.png) no-repeat 0 5px; width:18px; height:18px; margin-right:5px !important}
.cartPageEnd {background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_last_17.png) no-repeat 0 5px; width:18px; height:18px}
.cartPagePrev {background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_left_17.png) no-repeat 0 5px; width:18px; height:18px}
.cartPageNext {background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_right_17.png) no-repeat 0 5px; width:18px; height:18px; margin-right:5px !important}
 
.popProdInfo {height:194px;}
.popDim {position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.2); z-index:1000000; display:none;}

/* 주문완료 페이지 */
.orderNewCont {text-align:center; padding-top:100px;}
.orderNewCont .orderNewTxt {font-size:26px; color:#333333; font-weight:500; padding-top:35px}
.orderNewCont .orderNewSubTxt {font-size:16px; padding-top:25px; line-height:22px;}

/* 2018-06-11 */
.img_new_contact{height:360px; background:url('../images/common/new_contact_img.jpg') no-repeat center top;}
.newContaceWrap{position:relative;width:800px;margin:100px auto 40px auto;}

.newContactArea .newContaceWrap .newContactTitle{position:relative;text-align:center;color:#629b2c;font-size:32px;font-weight:500;width:100%;height:40px;border-bottom:2px solid #629b2c;margin:0 auto;padding-bottom: 7px;}
.newContactArea .newContactSubTitle{position:relative;width:100%;text-align:center;color:#629b2c;font-size:18px;line-height:30px;padding-top:20px;}

.newContactArea .newContaceWrap .newContactForm{position:relative;width:100%;padding:56px 0;border-bottom:2px solid #629b2c;margin-left: 17px;}
.newContactArea .newContaceWrap .newContactForm .newTableComWrite{width:100%;}
.newContactArea .newContaceWrap .newContactForm .newTableComWrite tr{vertical-align:top;}
.newContactArea .newContaceWrap .newContactForm .newTableComWrite th {font-size:18px;color:#629b2c;padding-top:25px;font-weight: 600;}
.newContactArea .newContaceWrap .newContactForm .newTableComWrite td {}
.newContactArea .newContaceWrap .newContactForm .newTableComWrite td input[type=text]{display:block; width:88%; height:66px; padding-left:15px; font-size:16px; border:1px solid #629b2c; color:#666666;margin-bottom:10px;}
.newContactArea .newContaceWrap .newContactForm .newTableComWrite td select[type=text]{display:block; width:578px;height:66px; padding-left:15px; font-size:16px; border:1px solid #629b2c; color:#666666;margin-bottom:10px;background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_down_61.png) no-repeat right ;-webkit-appearance: none;}
.newContactArea .newContaceWrap .newContactForm .newTableComWrite td select::-ms-expand {display: none;}
.newContactArea .newContaceWrap .newContactForm .newTableComWrite .cmMtinput{display:block; width:85.7%; height:300px; padding:15px; text-indent:0; border:1px solid #629b2c; font-size:16px; line-height:20px; color:#666666; letter-spacing:0;resize:none;margin-bottom:10px;}
.newContactArea .newContaceWrap .newContactForm .newTableComWrite .cmAddPhotoWrap input[type=text]{margin-right:5px; display:block; width:456px;height:66px; padding-left:15px; font-size:16px; border:1px solid #629b2c; color:#666666;float:left;margin-bottom:0; }

.newContactArea .newContaceWrap .newContactBtnSet{position:relative;width:100%;margin-top:50px;text-align:center;}
.newContactArea .newContaceWrap .newContactBtnSet a{display:inline-block; width:204px; height:54px; line-height:50px;border:2px solid #629b2c; margin:0 5px; font-size:19px; text-align:center; color:#fff; background-color:#6ca435; font-weight:500; text-decoration:none} 
.newContactArea .newContaceWrap .newContactBtnSet a:nth-child(2){width:200px;height:54px;border:2px solid #629b2c;background:#fff;color:#629b2c;}
/* 2018-06-11 */


/* 2018-06-12 */
.newContactArea .newContaceWrap .newContactSubTitle{position:relative;width:100%;text-align:center;color:#629b2c;font-size:18px;font-weight:300;line-height:30px;padding-top:20px;}
/* 2018-06-12 */

/* 2018-06-12 채용공고 */
.img_recruit{height:400px; background:url('../images/common/recruit_top.jpg') no-repeat center top;}
.newContentsWrap{position:relative;width:800px;margin:60px auto 40px auto;}

.recruitContents{position:relative;width:100%;}

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

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

/* 2024-04-24 introduce 오아시시소개 */
.oIntroduce {padding-bottom:82px}
.oIntroduce .infoBanner {background:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/pc/introduce/info_introduce/banner_visual.jpg) no-repeat center/cover}
.oIntroduce .infoBanner .inner {display:flex;flex-direction:column;justify-content:center;max-width:1200px;height:360px;margin:0 auto}
.oIntroduce .infoBanner .bannerTtl {font-weight:700;font-size:52px;line-height:1.23;color:#FFFFFF}
.oIntroduce .infoBanner .bannerDesc {margin-top:6px;font-size:32px;line-height:1.25;color:#FFFFFF}
.oIntroduce .infoCont {width:1200px;margin:0 auto}
.oIntroduce .infoCont .infoTtl {display:block;margin-top:96px;font-weight:700;font-size:42px;line-height:53px;letter-spacing:-3.15px;text-align:center;}
.oIntroduce .infoCont .infoSubscript {display:block;margin-top:8px;font-weight:500;font-size:34px;line-height:42px;letter-spacing:-2.55px;color:#6CA33B;text-align:center}
.oIntroduce .infoCont .infoDesc {display:block;margin-top:33px;font-size:18px;line-height:28px;letter-spacing:-1.35px;text-align:center}
.oIntroduce .infoCont .infoDesc b {font-weight:500}
.oIntroduce .infoCont .infoLi {margin-top:77px}
.oIntroduce .infoCont .infoBox {padding-right:620px;background:no-repeat top right/580px auto}
.oIntroduce .infoCont .infoBox.even {padding-right:0;padding-left:620px;background-position:top left}/* 짝수 */
.oIntroduce .infoCont .infoBox:nth-child(1) {background-image:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/pc/introduce/info_introduce/img_cont1.jpg)}
.oIntroduce .infoCont .infoBox:nth-child(2) {background-image:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/pc/introduce/info_introduce/img_cont2.jpg)}
.oIntroduce .infoCont .infoBox:nth-child(3) {background-image:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/pc/introduce/info_introduce/img_cont3.jpg)}
.oIntroduce .infoCont .infoBox:nth-child(4) {background-image:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/pc/introduce/info_introduce/img_cont4.jpg)}
.oIntroduce .infoCont .infoBox + .infoBox {margin-top:96px}
.oIntroduce .infoCont .infoBox .boxTtl {display:block;font-size:24px;line-height:30px;letter-spacing:-1.8px;color:#6CA33B}
.oIntroduce .infoCont .infoBox .boxTtl .num {display:inline-block;width:30px;height:30px;margin-right:2px;border-radius:4px;background:#6CA33B;font-weight:500;font-size:24px;line-height:30px;color:#FFFFFF;text-align:center;vertical-align:top}
.oIntroduce .infoCont .infoBox .boxSubscript {display:block;margin-top:24px;font-size:36px;line-height:46px;letter-spacing:-2.7px}
.oIntroduce .infoCont .infoBox .boxTxt {margin-top:31px;font-weight:300;font-size:18px;line-height:30px;letter-spacing:-1.35px;word-break:keep-all}
.oIntroduce .infoCont .infoBox .boxLi {margin-top:46px;font-size:18px;line-height:34px;letter-spacing:-1.35px;color:#0C520A}
/* 2024-04-24 introduce 오아시시소개 */

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

/*20180712 추가*/
.pListTitWrap{position:relative; height:35px; padding-top:50px; margin-bottom:32px; border-bottom:2px solid #333333; z-index: 12}
.pListTitWrap strong{color:#333; font-size:22px; line-height:24px; letter-spacing:-0.5px}
.pListTitWrap .pListTitBtn{position:absolute; bottom:0; right:0}
.pListTitWrap .pListTitBtn .plBtn1{position:absolute; bottom:0; right:74px; display:inline-block; width:60px; height:40px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_menu_19.png) no-repeat center 15px; font-size:0}
.pListTitWrap .pListTitBtn .plBtn1.plBtnOn{background:#333 url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_menu_19_white.png) no-repeat center 15px}
.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; bottom:-67px; right:0; z-index: 13}
.pListTitWrap .pListTitSub ul{display:inline-block; height:63px; padding:0 25px; border:1px solid #333333; background:#fff}

.pListTitWrap .pListTitSub ul li{display:inline-block; padding:7px 22px 0;}
.pListTitWrap .pListTitSub ul li a {display:inline-block; line-height:50px; font-size:14px; color:#333333}

/* main >> 고객추천 */
.oh_hot_deal_area{padding-bottom:40px;}

/* main >> 고객추천 */
.daybreakNoticePopup {display:none; position:fixed; top:50%; left:50%; margin-top:-300px; margin-left:-157px; height:390px; width:314px; z-index:10000001}
.daybreakNoticePopup .popLpCon {padding-top:30px; text-align: center; background-color: #ffffff;}
.daybreakNoticePopup .popLpCon .closeBtn {position:absolute; width: 21px;height: 21px;top: 10px;right: 10px;}
.daybreakNoticePopup .popLpCon .popBtn {position:absolute;bottom:0;left:0;width:100%;margin-bottom: 0;}
.daybreakNoticePopup .popLpCon .popBtn a{float:left; width:50%; height:46px; padding-top:8px; font-size:15px}
.daybreakNoticePopup .popLpCon .popBtn .greenBtn{display:inline-block; height:38px; line-height:30px; padding:4px 10px 0; background:#6ca437; color:#fff !important; text-align: center; font-size:14px; letter-spacing: -0.5px; box-sizing: border-box}
.daybreakNoticePopup .popLpCon .popBtn .grayBtn{display:inline-block; height:38px; line-height:30px; padding:4px 10px 0; background:#a2a2a2; color:#fff !important; text-align: center; font-size:14px; letter-spacing: -0.5px; box-sizing: border-box}

.storeDeliveryNoticePopup {display:none; position:fixed; top:50%; left:50%; margin-top:-300px; margin-left:-214px; height:479px; width:488px; z-index:10000001}
.storeDeliveryNoticePopup .popLpCon {position: relative; padding-top:30px; text-align: center; background-color: #ffffff;}
.storeDeliveryNoticePopup .popLpCon .closeBtn {position:absolute; width: 21px;height: 21px;top: 10px;right: 10px;}
.storeDeliveryNoticePopup .popLpCon .popBtn {position:absolute;bottom:0;left:0;width:100%;margin-bottom: 0;}
.storeDeliveryNoticePopup .popLpCon .popBtn a{float:left; width:50%; height:46px; padding-top:8px; font-size:15px}
.storeDeliveryNoticePopup .popLpCon .popBtn .greenBtn{display:inline-block; height:38px; line-height:30px; padding:4px 10px 0; background:#6ca437; color:#fff !important; text-align: center; font-size:14px; letter-spacing: -0.5px; box-sizing: border-box}
.storeDeliveryNoticePopup .popLpCon .popBtn .grayBtn{display:inline-block; height:38px; line-height:30px; padding:4px 10px 0; background:#a2a2a2; color:#fff !important; text-align: center; font-size:14px; letter-spacing: -0.5px; box-sizing: border-box}

.noticeSnsWrap {display:flex}
.noticeSnsWrap a {display:inline-flex;width:32px;height:32px;margin-left:12px}
.noticeSnsWrap .shareKakao {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_kakao_32.png)}
.noticeSnsWrap .shareFacebook {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_facebook_32.png)}
.noticeSnsWrap .shareLink {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_url_32.png)}

/* 레시피 수정 230323 */
.content.recipeWrap {width:1200px;margin-top:20px}
.recipeWrap .cont_recipeTop {display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #000;padding-bottom:20px;margin:38px 0 30px}
.recipeWrap .sort_area {margin-bottom:30px;text-align:right}
.recipeWrap .notice_search_area {width:460px;height:46px;background-color:#fff;display:flex;border:1px solid #e0e0e0;padding:0} 
.recipeWrap .notice_search_area input {width:100%;height:100%;border:0;padding-left:16px;font-size:14px;outline:none}
.recipeWrap .notice_search_area a {flex:none;width:46px;height:100%;color:transparent;position:relative}
.recipeWrap .notice_search_area a::before {content:'';width:18px;height:18px;border:1px solid #333;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.recipeWrap .notice_search_area a::after {content:'';width:7px;height:1px;background:#333;position:absolute;left:calc(50% + 9px);top:calc(50% + 8px);transform:translate(-50%, -50%) rotate(45deg);}
.recipeWrap ul.recipe_tab {display:flex;} 
.recipeWrap ul.recipe_tab li {padding:0 16px;height:46px;font-size:14px;color:#6B6B6B;display:inline-flex;align-items:center;border:1px solid #EEE;cursor:pointer} 
.recipeWrap ul.recipe_tab li+li {margin-left:8px}
.recipeWrap ul.recipe_tab li.on {color:#fff;background-color:#0C520A}
.recipeWrap ul.recipe_tab li:not(.on):hover {text-decoration:underline;text-underline-position:from-font}
.recipeWrap .recipe_innerTab {background:#F4F4F4;height:50px;margin-bottom:30px}
.recipeWrap .recipe_innerTab ul {display:flex;align-items:center;justify-content:center;height:50px}
.recipeWrap .recipe_innerTab ul li {margin:0 10px;}
.recipeWrap .recipe_innerTab ul li a {display:inline-block;font-size:14px;color:#6B6B6B;padding:10px}
.recipeWrap .recipe_innerTab ul li.active a {color:#333;text-decoration:underline;text-underline-position:from-font}
.recipeWrap .recipe_list_area {margin-bottom:40px}
.recipeWrap .recipe_list_area ul {display:flex;flex-wrap:wrap;margin-bottom:-30px}
.recipeWrap .recipe_list_area ul li {width:calc((100% - 72px) / 4);margin-bottom:30px;margin-left:24px}
.recipeWrap .recipe_list_area ul li:nth-child(4n + 1) {margin-left:0}
.recipeWrap .recipe_list_area ul li .recipe_imgBox {position:relative;height:380px;overflow:hidden;background:#f4f4f4}
.recipeWrap .recipe_list_area ul li .recipe_imgBox img {height:100%;position:relative;left:50%;transform:translateX(-50%)}
.recipeWrap .recipe_list_area ul li > em {font-size:14px;display:block;margin-top:10px;text-align:left;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis}
.recipeWrap .recipe_list_area ul li.video .recipe_imgBox::after {content:'\25b6';display:inline-flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:56px;height:56px;border-radius:50%;background:rgba(51,51,51,.8);font-size:17px;color:#fff;text-align:center;pointer-events:none;padding-left:2px}
.recipeWrap .recipe_list_area ul li.searchNon {width:100%;margin-top:50px}
.recipeWrap .recipe_list_area a[class^="receipe"] {position:absolute;right:10px;bottom:10px;width:40px;height:40px;border:1px solid #fff;border-radius:50%;background:no-repeat 50% 50%;z-index:1}
.recipeWrap .recipe_list_area a.receipe_off {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_heart_20.png)}
.recipeWrap .recipe_list_area a.receipe_on {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_heart_18.png);border-color:#eb3600;background-color:#eb3600}

.help_title {font-size: 22px;  font-weight: 500; padding-top: 34px; color: #fff;}
.help_search {float: left;font-size: 18px;padding-left: 130px;margin-top: 10px}
.help_input { width: 80%;height: 40px;margin-left: 10px;padding-left:10px;font-size:13px;border:1px solid #bbbbbb;color:#666666}

.help_maintxt {font-size:18px; color:#333; font-weight:500}
.help_maintxt p{font-size: 13px; color: #666; padding-top: 15px; font-weight: 400;}

.help_box {border: solid 5px #e2e2e2; height: 150px; margin-top: 20px}
.help_box::after {display: block; width: 100%; clear: both;}
.help_box_left {float: left; border-right: solid 1px #e2e2e2; margin: 20px 0; height: 70%; width: 50%; padding-left: 30px}
.help_box_right::after {display: block; width: 100%; clear: both;} 
.help_box_left .stit {margin-bottom:6px}
.help_box_left .number{display: block; font-size: 26px; font-weight: 500; line-height: 30px; margin-bottom: 6px;}
.help_box_left .help_time {font-size: 13px;}
.help_box_left .sub {color:#828282}
.help_box .tit {display: block; font-size: 16px; font-weight: 500; margin-bottom: 7px;}
.help_box_right {float: left; margin: 20px 0; height: 70%; width: 50%; padding-left: 30px}
.help_box_right .tit {margin-bottom: 16px;}
.help_box_right::after {display: block; width: 100%; clear: both;} 
.help_box_right .stit {margin-bottom: 15px; font-size: 13px; color: #666}
.help_box .help_box_right a {display: block; float: left; width: 120px; height: 30px; background-color: #6ea264; color: #fff; text-align: center; font-size: 14px; line-height:30px;}
.help_box .help_box_left a {display: block; float: left; width: 170px; height: 30px; background-color: #6ea264; color: #fff; text-align: center; font-size: 14px; line-height:30px;}
.help_box .help_box_left .btn_cancel {border:1px solid #C40001;background:#fff;color:#C40001}
.help_btn_left {margin-right: 5px;}

.list_icon { overflow:hidden; width:786px; margin:0 auto; padding:43px 0 46px 0px}
.list_icon li{float:left; margin:0 10px 15px 0}
.list_icon .zero{margin-right:none;}
.list_icon .bg_main { float:left; width:149px; height:134px; padding-top:92px; font-size:14px; color:#666; text-align:center}
.bg_main {background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_help_sprite.png) no-repeat ;}
.list_icon .link_item1 {background-position:0 0}
.list_icon .link_item2 {background-position:-159px 0}
.list_icon .link_item3 {background-position:-318px 0}
.list_icon .link_item4 {background-position:-477px 0}
.list_icon .link_item5 {background-position:-637px 0}
.list_icon .link_item6 {background-position: 0 -154px}
.list_icon .link_item7 {background-position:-159px -154px}
.list_icon .link_item8 {background-position:-318px -154px}
.list_icon .link_item9 {background-position:-477px -154px}
.list_icon .link_item10 {background-position:-637px -154px}
.list_icon .link_item11 {background-position:0 -308px}
.list_icon .link_item12 {background-position:-159px -308px}
.list_icon .link_item13 {background-position:-318px -308px}
.list_icon .link_item14 {background-position:-477px -308px}
.list_icon .link_item15 {background-position:-637px -308px}


/*FAQ 20181211*/
.faqMenuBlock {position:relative;width:100%;font-size:0;border:solid 1px #e2e2e2; margin-bottom:25px}

.faqMenuBlock ul {display: flex;}
.faqMenuBlock ul li{display:inline-block; flex-grow: 1; height:90px;border-right:solid 1px #e2e2e2}
.faqMenuBlock ul li:nth-child(6n){margin-right:0; border-right:none}
.faqMenuBlock ul li a{display:block;width:100%;height:100%;color:#4c4c4c;text-align:center;font-size:14px;line-height:130px;}

.faqMenuBlock.faqlist{padding:0;}
.faqMenuBlock.faqlist ul li:nth-child(1){background:#f8f8f8 url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_faq_tab_1.png) no-repeat center 12px}
.faqMenuBlock.faqlist ul li:nth-child(2){background:#f8f8f8 url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_faq_tab_2.png) no-repeat center 12px}
.faqMenuBlock.faqlist ul li:nth-child(3){background:#f8f8f8 url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_faq_tab_3.png) no-repeat center 12px}
.faqMenuBlock.faqlist ul li:nth-child(4){background:#f8f8f8 url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_faq_tab_4.png) no-repeat center 12px}
.faqMenuBlock.faqlist ul li:nth-child(5){background:#f8f8f8 url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_faq_tab_5.png) no-repeat center 12px}
.faqMenuBlock.faqlist ul li:nth-child(6){background:#f8f8f8 url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_faq_tab_6.png) no-repeat center 12px}
.faqMenuBlock.faqlist ul li:nth-child(1).on{background:#fff url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_faq_tab_1_on.png) no-repeat center 12px;border-bottom:solid 4px #6ca435}
.faqMenuBlock.faqlist ul li:nth-child(1).on a {color:#6ca435}
.faqMenuBlock.faqlist ul li:nth-child(2).on{background:#fff url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_faq_tab_2_on.png) no-repeat center 12px;border-bottom:solid 4px #6ca435}
.faqMenuBlock.faqlist ul li:nth-child(2).on a {color:#6ca435}
.faqMenuBlock.faqlist ul li:nth-child(3).on{background:#fff url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_faq_tab_3_on.png) no-repeat center 12px;border-bottom:solid 4px #6ca435}
.faqMenuBlock.faqlist ul li:nth-child(3).on a {color:#6ca435}
.faqMenuBlock.faqlist ul li:nth-child(4).on{background:#fff url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_faq_tab_4_on.png) no-repeat center 12px;border-bottom:solid 4px #6ca435}
.faqMenuBlock.faqlist ul li:nth-child(4).on a {color:#6ca435}
.faqMenuBlock.faqlist ul li:nth-child(5).on{background:#fff url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_faq_tab_5_on.png) no-repeat center 12px;border-bottom:solid 4px #6ca435}
.faqMenuBlock.faqlist ul li:nth-child(5).on a {color:#6ca435}
.faqMenuBlock.faqlist ul li:nth-child(6).on{background:#fff url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_faq_tab_6_on.png) no-repeat center 12px;border-bottom:solid 4px #6ca435}
.faqMenuBlock.faqlist ul li:nth-child(6).on a {color:#6ca435}


/*이용안내 20181211*/
.infoMenuBlock {position:relative;width:100%;font-size:0;border:solid 1px #e2e2e2; margin-bottom:25px}

.infoMenuBlock ul {display: flex;}
.infoMenuBlock ul li{display:inline-block;flex-grow:1;height:90px;border-right:solid 1px #e2e2e2}
.infoMenuBlock ul li:nth-child(3n){margin-right:0; border-right:none}
.infoMenuBlock ul li a{display:block;width:100%;height:100%;color:#4c4c4c;text-align:center;font-size:14px;line-height:130px;}

.infoMenuBlock.infolist{padding:0;}
.infoMenuBlock.infolist ul li:nth-child(1){background:#f8f8f8 url('../images/etc/faq_box_icon4_off.png') no-repeat center 12px}
.infoMenuBlock.infolist ul li:nth-child(2){background:#f8f8f8 url('../images/etc/faq_box_icon5_off.png') no-repeat center 12px}
.infoMenuBlock.infolist ul li:nth-child(3){background:#f8f8f8 url('../images/etc/faq_box_icon3_off.png') no-repeat center 12px}
.infoMenuBlock.infolist ul li:nth-child(1).on{background:#fff url('../images/etc/faq_box_icon4_on.png') no-repeat center 12px;border-bottom:solid 4px #6ca435}
.infoMenuBlock.infolist ul li:nth-child(1).on a {color:#6ca435;}
.infoMenuBlock.infolist ul li:nth-child(2).on{background:#fff url('../images/etc/faq_box_icon5_on.png') no-repeat center 12px;border-bottom:solid 4px #6ca435}
.infoMenuBlock.infolist ul li:nth-child(2).on a {color:#6ca435;}
.infoMenuBlock.infolist ul li:nth-child(3).on{background:#fff url('../images/etc/faq_box_icon3_on.png') no-repeat center 12px;border-bottom:solid 4px #6ca435}
.infoMenuBlock.infolist ul li:nth-child(3).on a {color:#6ca435;}

.info_txt {padding:30px 0 20px 0 }
.info_txt h4{font-size:18px; font-weight:500; color:#333333; padding-bottom:15px}
.info_txt span{font-size:13px; color:#6ca435; line-height:20px}
.info_txt P{font-size:13px; color:#666666; line-height:20px}


.info_boxs {border-top:solid 1px #e5e5e5;font-size:13px}
.info_boxs table {width:100%}
.info_boxs table tbody th {background-color:#f8f8f8; font-weight: 500; padding-left:25px;text-align:left; color:#333333;border-bottom: solid 1px #e5e5e5 }
.info_boxs table tbody td {padding:15px; line-height: 20px;border-bottom: solid 1px #e5e5e5  }
.info_boxs table tbody td span{color:#6ca435}

.info_btn {display: inline-block; color: #fff; font-size: 12px; text-align: center; padding: 0 10px;background-color: #6ea264;margin-top:10px}

.info_selfbox {border:solid 3px #e5e5e5; height:120px;margin-top:40px }
.info_selfbox h4{ text-align:center; padding-top:32px;font-size:15px}

/*상품리스트_만족도 구매후기 20181228추가*/
.like_review_list {padding-top: 20px; color: #6ca437;font-size: 14px; text-align:center; font-weight:500}
.like_review_list .likeWrap {display:inline-block; padding-right:10px;}
.like_review_list .commentWrap {display:inline-block;}

/* 구매후기 이벤트 페이지 */
.reviewUrlWrap li input {height:40px; margin:0 0 5px 40px; padding-left:10px; font-size:14px; color:#666666; width:660px;}

.ecoMenu {}
.ecoMenu.fixMenu {position:fixed; top:0; min-width:1026px}
.ecoMenu ul {margin:auto; display:inline-block; width:1026px;}

.ecoMenu ul li {float:left; width:342px; height:110px;  background:#fff; }
.ecoMenu ul li.on {background:#6ca435; height:110px;}
.ecoMenu ul li a {border-right:1px solid #bbb; border-left:1px solid #bbb; display:block; width:100%; height:100%; line-height:110px; font-size:25px; color:#000}
.ecoMenu ul li.on a {color:#fff;}
.socialLoginWrap {margin-top:5px;}
.socialLoginWrap a { display:inline-block; margin-left:9px; }
.socialLoginWrap a:first-child { margin-left:0; }
.socialLoginWrap ul li {border: 1px solid #b2b2b2;margin:2px;background:#fff;width:360px;display: inline-block;}
.socialLoginWrap ul li span {text-decoration:none;color:#000;line-height:30px;margin-left: 10px; font-weight:500}
.socialLoginWrap ul li img {width:25px; vertical-align:middle}

.firstMenu{}
.firstMenu.fixMenu{position:fixed; top:0; min-width:1026px}
.firstMenu ul {margin:auto; display:inline-block; width:1026px;}
.firstMenu ul li:nth-child(1) {float:left; width:340px; height:110px;border-right:1px solid #a4c386;  border-left:1px solid #a4c386;  background: url('../images/promotion/first_menu01.png') 50% no-repeat; }
.firstMenu ul li:nth-child(1).on {border-right:1px solid #a4c386; background-color:#557f2c;}
.firstMenu ul li:nth-child(1) a {display:block; width:100%; height:100%;background:#6ca435; background: url('../images/promotion/first_menu01.png') 50% no-repeat; }

.firstMenu ul li:nth-child(2) {float:left; width:341px; height:110px; border-right:1px solid #a4c386; background: url('../images/promotion/first_menu03.png') 50% no-repeat; }
.firstMenu ul li:nth-child(2).on {border-right:1px solid #a4c386; background-color:#557f2c;}
.firstMenu ul li:nth-child(2) a {background:#6ca435; display:block; width:100%; height:100%;background: url('../images/promotion/first_menu03.png') 50% no-repeat;}

.firstMenu ul li:nth-child(3) {float:left; width:341px; height:110px;border-right:1px solid #a4c386;  background: url('../images/promotion/first_menu04.png') 50% no-repeat; }
.firstMenu ul li:nth-child(3).on {border-right:1px solid #a4c386; background-color:#557f2c;}
.firstMenu ul li:nth-child(3) a {background:#6ca435; display:block; width:100%; height:100%;background: url('../images/promotion/first_menu04.png') 50% no-repeat;}

.firstlist {}
.firstlist ul {display:inline-block;width: 912px;text-align:center;}
.firstlist li{float:left; width:213px; padding:0 20px 20px 0;}
.firstlist li:nth-child(4n) {float:left; width:213px;  padding:0 0 20px 0;}

.firstlistweb {}
.firstlistweb ul {display:inline-block;width: 1026px;text-align:center;}
.firstlistweb li{float:left;width: 196.4px;padding: 0 10px 17px 0;}
.firstlistweb li:nth-child(5n) {float:left;  padding:0 0 20px 0;}
.firstlistweb li img {width:100%}

.oasisrecruitBtn {padding-top:20px; position: absolute; left:325px; bottom:52px}
.oasisrecruitBtn a{display:inline-block;width: 176px;height: 38px;line-height: 38px;background:#6ca437;color:#fff;font-size: 20px;text-decoration:none;text-align: center;border-radius: 7px;font-weight: 500;}
.daybreakDescription {font-size: 15px;font-weight: 500;color: #000000;border: 1px solid #000000;padding: 10px;text-align: center;background: #fafafa; display:none}


/* 2019.05.17 농공상기업 */
.bestCompany .description {position: relative; height: 414px;}
.bestCompany .description .info {font-family: 'Nanum Square'; float: left; width: 390px; padding-top: 0px;}
.bestCompany .info div {font-family: 'Nanum Square'; font-size: 38px; line-height: 60px; color: #333333;}
.bestCompany .info div span {font-weight: 600; color: #6ca435;}
.bestCompany .info div em {font-weight: 600;}
.bestCompany .info p {font-size: 16px; line-height: 28px;}
.bestCompany .info p em {font-weight:500}
.bestCompany .content {position: relative; float: right; width: 636px;}
.bestCompany .content video{position: absolute; z-index: 101; top: 0px; left: 50px;}
.bestCompany .content img{position: absolute; z-index: 100; left: 200px; top: 145px;}

.bestCompany .bestOfBest {width: 100%; height:523px; padding-top:90px;}
.bestCompany .bestOfBest ul {width: 720px;}
.bestCompany .bestOfBest ul li {float: left; margin: 0 16px 16px 0;}
.bestCompany .bestOfBest ul li div{position: relative;}
.bestCompany .bestOfBest ul li div div.back{}
.bestCompany .bestOfBest ul li div div.front{position: absolute; left:0px; top:0px}

.bestCompany .categoryArea {margin-top: 70px;text-align: right;position: relative; font-family: 'Nanum Square'}
.bestCompany .categoryArea ul li {display: inline-block; height: 30px; width: 110px; line-height: 26px; font-size: 13px}
.bestCompany .categoryArea ul li.on:after{content:''; display:block; position:relative; bottom:-11px; left:50%; transform:translateX(-50%); background:#71b134; height:3px; color:#71b134}
.bestCompany .categoryArea ul li a{display:block; text-align:center; width:100%; font-size:16px; line-height:1; font-weight:500;text-decoration: none;color:#444}
.bestCompany .categoryArea ul li.on a{color:#71b134}

.at_list_top_banner1{width:100%; height:415px;}
.at_list_top_banner2{width:100%; height:360px;}

.productCommentPop {width: 660px; position:fixed; top:50%; left:50%; margin-left:-330px; margin-top:-320px; z-index:9999999; background:#fff}


/* 연령제한 경고 */
.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: 10px; left:10px}

/* 새벽배송일 선택 */
.selectDaybreak table {border-left:1px solid #dfdfdf;}
.selectDaybreak table th {text-align:center !important; background:#91b370!important; color:#fff !important; border-right: 1px solid #dfdfdf; padding:0 !important; }
.selectDaybreak table td {text-align:center !important; border-right:1px solid #dfdfdf; padding :8px 0 !important;}
.selectDaybreak table td.HOLIDAY {background:#e7e7e7;}
.selectDaybreak table td.CLOSE {background: #e7e7e7;}


/* 오아시스 페이 */
.swiper-accountList {width:100%; margin:20px auto; overflow:hidden}
.swiper-accountList .swiper-slide { width:200px; height:200px; position:relative; display: inline-table; }
.swiper-accountList .accountInfo { width:200px; height:110px; margin:10px; border-radius: 15px; font-size:16px; line-height:24px; text-align:center; }
.swiper-accountList .accountInfo div.bnkLogo { width:100%; height:85px; margin-left:10px; margin-top:10px; }
.swiper-accountList .accountInfo div.bnkLogo img { width:30px; float: left;}
.swiper-accountList .accountInfo div.bnkLogo p.bnkNm { float:left; margin-left:5px; margin-top:2px; font-size:15px; font-weight:500 }
.swiper-accountList .accountInfo p.accountNo { text-align: right; padding-right:10px; font-size:13px }

/* 상품권 */
.gift-card-list { margin-top:30px; font-family:'NotoKrC', sans-serif}
.gift-card-list ul { display:block; width:1010px; padding-left:1px;}
.gift-card-list ul li {width:461px;; height:150px; margin:0 20px 20px 0; border:1px solid #dddddd; display:inline-block; padding:10px; }
.gift-card {display:inline-block; width:200px; height:150px; background:#7ba950; border-radius:5px; text-align:center; color:#fff; font-size:50px; letter-spacing:-1px; line-height:150px; font-weight:500; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none; float:left}
.gift-card-desc {width: calc(100% - 200px); float:left;}
.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:block; margin-top:12px;}
.gift-card-desc .gift-card-desc__price {margin-top:10px;}
.gift-card-desc .gift-card-desc__price del {font-size:22px; color:#999999; font-weight:500; letter-spacing:-1px; display:block; margin-right:20px;}
.gift-card-desc .gift-card-desc__price span {font-size:23px; color:#e53433; font-weight:500; letter-spacing:-1px; display:block; margin-top:10px;}
.gift-card-btn { margin-top:20px;}
.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__target {margin-top:20px;border:1px solid #999999;border-left:none;border-right:none;}
.gift-card-payment__target-info {font-size:15px; letter-spacing:-1px; display:inline-block; padding:20px; background:#e8e8e8; float:left;}
.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__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: 500;}

.gift-card__find-user {position:fixed; z-index:99999999; padding:30px; width:500px; height:500px; left:50%; top:50%; margin-left:-250px; margin-top:-250px; 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: 475px;border-radius: 5px;height: 40px;padding: 0 12px;border: 1px solid#ddd;border-right: none;}
.gift-card__find-user__search a {background: url("../images/common/totl_ic_02.png") no-repeat 14px 12px; position:absolute; width:42px; height:40px; right:29px; border:1px solid #ddd; border-radius:0 7px 7px 0}
.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:500; 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;}

.event-product-info-wrap {background:#fff; text-align:center;padding:20px 0; line-height:30px; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
.event-product-title-wrap { font-size:20px; letter-spacing:-1px; font-family: 'Nanum Square'; font-weight:500; color:#333;}
.event-product-price-wrap .product-price {letter-spacing:-1px; font-family: 'Nanum Square'; font-size:18px; font-weight:500; color:##7e7e7e;}
.event-product-price-wrap .event-price {letter-spacing:-1px; font-family: 'Nanum Square'; color:#6ca435; font-size:30px; font-weight:500; }

.couponPop {display:none; top:50%;padding-bottom:10px; position:fixed; left:50%; width:500px; margin-left:-250px; box-sizing:border-box; background:#fff; z-index:10000001; letter-spacing:-1px}
.couponPop .popHead {background:#6ca435; height:40px; border-bottom:1px solid #496f25; padding:0 10px;}
.couponPop .popHead .popHeadTit {font-size:17px; 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:auto; background:#f4f2e6; padding:10px;}
.couponPop .popBody ul h3 {padding:5px; font-size:17px; font-weight:500; 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; font-size:14px; letter-spacing:-1px;}
.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:17px;}
.couponPop .popResult .res p {margin-top:8px; font-size:15px; letter-spacing:-1px;}
.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:0 5px; font-weight:500; font-size:15px; border-bottom:1px solid}
.useCouponWrap span {display:block; padding:0 5px;}

/* 쿠폰 다운로드 팝업 */
.coupon-down-pop {position:fixed; height:100%; width:100%; background:rgba(51,51,51,.3);z-index:9999999; top:0; left:0; display:none;}
.coupon-down-pop .coupon-down-pop__down-btn {padding: 10px;background: #6ca435;display: inline-block;border-radius: 5px;color:#fff;letter-spacing:-1px;font-size: 17px;font-weight:500;line-height:25px;}
.coupon-down-pop__desc {width:400px;background:#fff;position:absolute; top:50%; left:0; right:0; transform: translateY(-50%); margin: 0 auto;}
.coupon-down-pop__desc h2 {height:50px;display:flex;align-items:center;font-size:17px;padding:0 20px;border-bottom:1px solid #F4F4F4}
.coupon-down-pop__desc .cpDown_innerBox {padding:16px 20px 22px}
.coupon-down-pop__desc .cpDown_innerBox h3 {font-size:13px;background:#F4F4F4;padding:10px 12px;font-weight:500}
.coupon-down-pop__desc .cpDown_innerBox ul {margin-top:12px;}
.coupon-down-pop__desc .cpDown_innerBox ul li {color:#6B6B6B;padding-left:19px;position:relative;font-size:13px}
.coupon-down-pop__desc .cpDown_innerBox ul li::before {content:'';width:2px;height:2px;border-radius:50%;background:#6B6B6B;position:absolute;left:12px;top:7px}
.coupon-down-pop__desc .coupon-down-btn {display:flex;background:#333;border-radius:4px;align-items:center;justify-content:center;height:50px;color:#fff;margin-top:22px;font-size:14px}
.coupon-down-pop__desc .pop-close-btn {position:absolute; top:10px; right:12px ; background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_37.png) no-repeat 50% 50% / 16px 16px;width:32px; height:32px;}
.coupon-down-complete { display: inline-block; width: 230px; height: 50px; margin: 0 auto; background: rgb(7,49,114); border-radius: 5px; font-weight: 500; font-size: 23px; letter-spacing: -1px; line-height: 50px; color: #fff; text-align: center;}

/* 대한민국 동행세일 이벤트 페이지 */
.gowith-wrap {width:900px; background:#ffffff;text-align:center; display:inline-block;}
.gowith-wrap__category {padding:15px 0;}
.gowith-wrap__category li {float:left; width:33.33%}
.gowith-wrap__category li a {padding:15px;background:#fff;display:block;color:#2b4b10;font-size:17px;border-bottom: 1px solid #2b4b10;border-left: 1px solid #2b4b10;font-weight:500; cursor:pointer}
.gowith-wrap__category li.on a {background:#6ca435; 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 #2b4b10;}
.gowith-wrap__category li:nth-child(3n) a {border-right:1px solid #2b4b10;}

.gowith-wrap .prodList {width:900px;}

.coupon-down-complete-pop {overflow: hidden; display:none; position: absolute; width:340px; top: 50%; left: 0; right: 0; transform: translateY(-50%); margin: 0 auto; border-radius: 10px;text-align: center;background:#fff;}
.coupon-down-complete-pop .coupon-text {display: block; padding:40px 20px;word-break: keep-all;font-weight:bold;font-size:15px;}
.coupon-down-complete-pop .coupon-check {display: block; padding: 20px 0;font-size:14px;border-top:1px solid #F4F4F4}
.coupon-down-complete-pop img { width:100% }

.coupon-down-error-pop {overflow: hidden; display:none; position: absolute; width: 340px; top: 50%; left: 0; right: 0; transform: translateY(-50%); margin: 0 auto; border-radius: 10px;text-align: center;background:#fff;}
.coupon-down-error-pop .coupon-txt-wrap {display: block; padding:40px 20px;word-break: keep-all;font-weight:bold;font-size:15px;}
.coupon-down-error-pop .coupon-check {display: block; padding: 20px 0;font-size:14px;border-top:1px solid #F4F4F4}
.coupon-down-error-pop img { width:100% }

/* 신한카드 럭키박스 이벤트*/
.scLuckyPop {position: fixed;top: 50%;width: 800px; height: auto; margin-top:-225px;left: 50%;background: #fff;margin-left:-400px;z-index:999999999; text-align:center; border-radius:10px; }
.scLuckyWrap {padding:60px 30px; font-family:'NotoKrC', sans-serif;position:relative}
.scLuckyClose {position:absolute; right:25px; top:25px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cross_58.png) no-repeat 0 0; background-size:20px; width:20px; height:20px;}
.scLuckyDesc {margin-top:15px; font-size:13px; letter-spacing:-1px; line-height:23px; font-size:15px;}
.scLuckyTableWrap {text-align:center; margin-top:30px; padding:0 135px }
.scLuckyTableWrap .scLuckyAgree {font-weight:500; 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:15px;}
.scLuckyTableWrap .scLuckyTable-alert {font-weight:500; letter-spacing:-1px; margin-top:5px; display:inline-block; font-size:14px}
.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;}
.scLuckyTelWrap .scLuckyTel-alert {font-weight:500; letter-spacing:-1px; margin-top:5px; display:inline-block; color:red; font-size:13px}

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

/* 이벤트 모아보기 */
body:has(.evtClip) .oFooter {padding-top:0}
.evtClip {position:relative;padding:30px 16px 80px 16px;background:#F5F6F8}

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

.evtClip_inner {max-width:1200px;margin:0 auto}

.evtClip_ad {overflow:hidden;position:relative;margin-bottom:14px;padding:23px 30px 21px 40px;border:1px solid #e0e0e0;border-radius:17px;background-color:#ffffff}
.evtClip_ad:has(img) {padding:0;border:0}
.evtClip_ad img {width:100%}
.evtClip_ad_badge {position:absolute;top:19px;right:29px;font-weight:500;font-size:14px;color:#606060}
.evtClip_ad_ttl {font-weight:500;font-size:22px;line-height:27px;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/pc/ico/ico_arr_right_40.png) no-repeat center/100% auto;vertical-align:top} */
.evtClip_ad_desc {margin-top:5px;font-size:17px;line-height:21px;letter-spacing:-1.13px;color:#606060}
.evtclip_ad_btn {overflow:hidden;display:inline-flex;align-items:center;position:relative;height:33px;margin-top:16px;padding:0 23px;border-radius:28px;background-color:transparent;font-weight:500;font-size:19px;letter-spacing:-1.2px;color:#ffffff!important;z-index:1}
.evtclip_ad_btn::before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#6ba543;border-radius:28px;z-index:-2}
.evtclip_ad_btn::after {content:'';display:block;position:absolute;top:0;left:0;width:0;height:100%;background-color:#377D3A;border-radius:28px;transition:all .2s ease;z-index:-1}
.evtclip_ad_btn:hover::after {width:100%;}

.evtClip_all {display:flex;align-items:center;margin-bottom:15px;padding:23px 30px 22px 40px;border:1px solid #E0E0E0;border-radius:17px;background-color:#ffffff;}
.evtClip_all_ttl {flex:1;font-weight:500;font-size:22px;letter-spacing:-1.65px;color:#606060}
.evtClip_all_btn {flex-shrink:0;background-color:transparent;font-weight:700;font-size:16px;line-height:21px;letter-spacinG:-0.6px;color:#6BA543}
.evtClip_all_btn::before {content:'';display:block;width:32px;height:36px;margin:0 auto 10px auto;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_download_39_green.png) no-repeat center/100% auto}

.evtClip_list {display:flex;flex-wrap:wrap;gap:12px 9px}
.evtClip_list::-webkit-scrollbar { display: none; } 
.evtClip_item {display:flex;flex-wrap:wrap;align-items:flex-end;position:relative;width:calc((100% - 18px) / 3);padding:13px 26px 21px 26px;border:1px solid #E0E0E0;border-radius:9px;background-color:#FFFFFF;letter-spacing:-0.6px}
.evtClip_item::after {content:'';display:block;width:100%;margin-top:12px;border-bottom:1px dashed #707070}
.evtClip_item.comming-soon {color:#aaaaaa !important;}
.evtClip_item .evtClip_info_title {width:100%;margin-bottom:auto;padding-bottom:11px;font-size:19px;line-height:23px;color:#606060}
.evtClip_item .evtClip_info_title:has(.evtClip_info_badge) {padding-left:66px}
.evtClip_item .evtClip_info_badge {display:inline-flex;align-items:center;margin:1px 2px 0 -66px;padding:0 14px;border-radius:19px;background-color:#6BA543;font-size:15px;line-height:21px;letter-spacing:-0.4px;color:#ffffff;vertical-align:top}
.evtClip_item .evtClip_info {flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;padding-right:20px}
.evtClip_item .evtClip_info_price {display:flex;align-items:center;font-weight:500;font-size:31px;line-height:34px;color:#585858}
/* .evtClip_item.comming-soon .evtClip_info_price { color:#aaaaaa} */
.evtClip_item .evtClip_info_price .emphasis {display:inline-block;margin-right:4px;font-size:34px;letter-spacing:-2.5px;color:#6BA543;vertical-align:top}
.evtClip_item .evtClip_info_date {display:block;margin-top:4px;font-size:17px;line-height:21px;color:#B9B9B9}
.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;margin-right:3px}
.evtClip_item.comming-soon .evtClip_download {border-color:#aaa}
.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/pc/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 {background-color:transparent;font-weight:700;font-size:16px;letter-spacing:-0.65px;color:#6BA543}
.evtClip_item .evtClip_download .evtClip_download_btn button::before {content: '';display:block;width:32px;height:36px;margin:0 auto 10px auto;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_download_39_green.png) no-repeat center/100% auto}
/* .evtClip_item .evtClip_download .evtClip_download_btn:not(.off):hover button::before {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_download_39_green.png)} */
.evtClip_item .evtClip_download .evtClip_download_btn.off button {pointer-events:none}
.evtClip_item .evtClip_download .evtClip_download_btn.off button::before {width:36px;height:36px;margin-bottom:4px;background-image:url(https://oasisprodcom.edge.naverncp.com/pc/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;}
.event-clip__body ul.clip-ul li .event-down .event-down-btn-wrap {display: inline-block; position: absolute;left:50%;top:50%;margin: 0 auto; text-align:center;/* width: 100% */ padding-top:10px;transform:translate(-50%, -50%); }
.event-clip__body ul.clip-ul li .event-down .event-down-btn-wrap .event-down-btn {text-align: right;/* background: #6ca435; */border-radius: 50px;margin-bottom:11px; /* padding-right:20px; */}
.event-clip__body ul.clip-ul li .event-down .event-down-btn-wrap .event-down-btn a {display:block; width: 48px; height: 48px; margin: 0 auto; padding:0;  border-radius: 50%; box-shadow: 0 3px 12px rgba(0,0,0,.16); background-color: #046F15; box-sizing: border-box;}
.event-clip__body ul.clip-ul li.event_cb .event-down .event-down-btn-wrap .event-down-btn a {padding: 15px 12px;}/* 캐시백 */
.event-clip__body ul.clip-ul li.event_p .event-down .event-down-btn-wrap .event-down-btn a {padding: 13px 18px;}/* 포인트 */
.event-clip__body ul.clip-ul li.event_auto .event-down .event-down-btn-wrap .event-down-btn a {padding: 15px 12px;}/* 자동적용 */
.event-clip__body ul.clip-ul li .event-down .event-down-btn-wrap .event-down-btn a::before {content: ''; display: block; width: 100%; height: 100%; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_download_44.png) no-repeat center/28px auto}
.event-clip__body ul.clip-ul li.event_cb .event-down .event-down-btn-wrap .event-down-btn a::before {width: 24px; height: 20px; background-position: -76px 0;}/* 캐시백 */
.event-clip__body ul.clip-ul li.event_p .event-down .event-down-btn-wrap .event-down-btn a::before {width: 15px; height: 22px; background-position: -29px 0;}/* 포인트 */
.event-clip__body ul.clip-ul li.event_auto .event-down .event-down-btn-wrap .event-down-btn a::before {width: 24px; height: 19px; background-position: -48px 0;}/* 자동적영 */
.event-clip__body ul.clip-ul li.event_sd .event-down .event-down-btn-wrap .event-down-btn a {background: #9e9e9e;}/* 오픈예정 */


.event-down-txt {display: block; width: 100%; color: #046F15; font-weight: 500; font-size: 15px; text-align: center;}
.event_sd .event-down-txt {color: #9E9E9E;}
.event-clip__body ul.clip-ul li .event-down .event-down-btn-wrap.off .event-down-btn a {background-color:#c1c2c0; color:#c1c2c0;}
.event-clip__body ul.clip-ul li .event-down .event-down-btn-wrap.off .event-down-txt {color:#c1c2c0; display:block; /* padding-right:16px; */}
.event-clip__body ul.clip-ul li.swiper-slide {width:auto;}


/** 이벤트 모아보기 **/
.eventMain h1 {padding-bottom: 47px; font-size: 24px; font-weight: 500; line-height: 24px; letter-spacing: -.5px;}
.eventMain .content {width: 1024px; padding-top: 50px;}
.eventMain .evNav {position:relative;padding-bottom: 18px;}
.eventMain .evNav ul::after {content: ''; display: block; clear: both;}
.eventMain .evNav ul li {float: left; position: relative;}
.eventMain .evNav ul li::before {content: ''; position: absolute; top: 24px; left: 0; display: inline-block; width: 1px; height: 12px; background: #ccc;}
.eventMain .evNav ul li:first-child::before {display: none;}
.eventMain .evNav ul li a {padding: 0 18px; font-size: 16px; color: #828282; line-height: 60px;}
.eventMain .evNav ul li:first-child a {padding-left: 0;}
.eventMain .evNav ul li.active a {font-weight: 500; color: #6ba543;}
.eventMain .evNav .btnLink {position:absolute;top:8px;right:0;width:100px;height:42px;border:1px solid #e0e0e0;border-radius:4px;line-height:42px;font-size:14px;text-align:center}
.eventMain .evListWrap {position: relative;}
.eventMain .evListWrap.none {display: none;}
.eventMain .evCategory ul {display: table; table-layout: fixed; width: 100%; border: 1px solid #eee;}
.eventMain .evCategory ul li {display: table-cell; border-left: 1px solid #eee;}
.eventMain .evCategory ul li a {display: block; width: 100%; height: 50px; border: 1px solid #fff; font-size: 15px; line-height: 50px; text-align: center; box-sizing: border-box;}
.eventMain .evCategory ul li.active a {border-color: #333;}
.eventMain .evCategory ul li:first-child {border-left: 0;}
.eventMain .evList ul {margin-left: -15px;}
.eventMain .evList ul::after {content: ''; display: block; clear: both;}
.eventMain .evList ul li {float: left; width: calc((100% / 4) - 15px); margin: 30px 0 0 15px;}
.eventMain .evList ul li figure {overflow: hidden; width: 100%; height: 222px;}
.eventMain .evList ul li figure img {width: 100%;}
.eventMain .evList ul li .evInfo {height: 140px; padding-top: 19px;}
.eventMain .evList ul li .evInfo .evStatus {display: block; padding-bottom: 2px; font-size: 13px; color: #6ba543;}
.eventMain .evEnd .evList ul li .evInfo .evStatus {color: #828282;}
.eventMain .evList ul li .evInfo .evTit {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; word-break: keep-all; white-space: normal; width: 100%; max-height: 48px; font-weight: 500; font-size: 18px; line-height: 24px;}
.eventMain .evList ul li .evInfo .evSubTit {display: block; font-size: 13px; line-height: 20px;}
.eventMain .evList ul li .evInfo .evDate {padding-top: 5px; font-size: 13px; color: #828282; line-height: 30px;}
.eventMain .evtList_li.empty {width:calc(100% - 15px)}
.eventMain .evtList_li.empty .no_event {display:flex;align-items:center;justify-content:center;padding:100px 0;font-size:16px}
.eventMain .evEnd .eventControl {position: absolute; top: -69px; right: 0;}
.eventMain .evEnd .eventControl .controlBtns .checkKeyword {margin-right: 5px; font-size: 16px; color: #828282; line-height: 40px;}
.eventMain .evEnd .eventControl .controlBtns .checkPeriod {margin-right: 12px; font-size: 16px; color: #828282; line-height: 40px;}
.eventMain .evEnd .eventControl .controlBtns .controlFilter a {display: inline-block; width: 80px; height: 40px; border: 1px solid #e0e0e0; background: 0; font-size: 16px; color: #333; line-height: 40px; text-align: center;}
.eventMain .evEnd .eventControl .controlBtns .controlFilter a::before {content: ''; display: inline-block; width: 18px; height: 14px; margin-top: 13px; margin-right: 9px; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_filter_36.png) no-repeat; background-size: 100% auto; vertical-align: top;}
.eventMain .evTable {padding-bottom: 30px;}
.eventMain .evTable table {width: 100%; table-layout: fixed; border-top: 1px solid #333; border-collapse: collapse; border-spacing: 0;}
.eventMain .evTable table th,
.eventMain .evTable table td {padding: 16px 0; font-weight: 400; font-size: 14px; text-align: center;}
.eventMain .evTable table th {background: #f7f7f7;}
.eventMain .evTable table th span {display: inline-block; width: 100%; border-left: 1px solid #e0e0e0;}
.eventMain .evTable table th:first-child span {border: 0;}
.eventMain .evTable table td {padding-left: 30px; padding-right: 30px; border-bottom: 1px solid #eee;}
.eventMain .evTable table td.tbEllipsis {overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.eventMain .pagingWrap a {padding: 0 8px; border: 0; font-weight: 400; font-size: 14px; color: #828282;}
.eventMain .pagingWrap a.pgBtn_first {margin-right: 4px;}
.eventMain .pagingWrap a.pgBtn_prev {margin-right: 14px;}
.eventMain .pagingWrap a.pgBtn_next {margin-left: 14px;}
.eventMain .pagingWrap a.pgBtn_last {margin-left: 4px;}
.eventMain .pagingWrap a.on {border: 0; background: #fff; color: #6ba543; text-decoration: underline;}
.eventMain .pagingWrap a:hover {background-color: #fff; color: #6ba543;}
.eventMain .pagingWrap a.pgBtn_first, .eventMain .pagingWrap a.pgBtn_prev, .eventMain .pagingWrap a.pgBtn_next, .eventMain .pagingWrap a.pgBtn_last {border: 0; background-color: #fff; opacity: .7;}
.popEvControlWrap .popSec ul li {display: inline-block;}
.popEvControlWrap .popSec input[type="radio"] {position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; overfloW: hidden;}
.popEvControlWrap .popSec input[type="radio"] + label {display: inline-block; position: relative; height: 40px; margin-right: 8px; padding: 0 16px; border: 1px solid #e0e0e0; border-radius: 4px; background: #fff; color: #828282; font-size: 14px; line-height: 40px; text-align: center; box-sizing: border-box; cursor: pointer;}
.popEvControlWrap .popSec input[type="radio"]:checked + label {border-color: #6ba543; background: #6ba543; color: #fff;}
.popEvControlWrap .popSec .popInput input[type="radio"] + label {min-width: 100px;}
.popEvControlWrap .popSec .popSelect {padding-top: 20px;}
.popEvControlWrap .popSec .popSelect span {display: inline-block; margin-top: 13px; padding: 0 11px 0 4px; font-size: 14px; vertical-align: top;}
.popEvControlWrap .popSec .popSelect span:last-child {padding-right: 0;}
.popEvControlWrap .popSec .popSelect em {display: inline-block; padding: 0 11px 0 0; font-size: 16px;}
.popEvControlWrap .popSec select {width: 80px; height: 40px; padding: 0 12px; border: 1px solid #e0e0e0; border-radius: 4px; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_down_21.png) right 12px top 17px no-repeat; background-size: 12px 7px; font-size: 14px; color: #333; line-height: 40px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

/** 장바구니 수량제한팝 **/
.cannotBuyProductPop {display: none;position: fixed;top: 50%;left: 0;right:0;transform: translateY(-50%);width: 500px;/* height: 540px; */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 {overflow-y: auto; max-height: 450px; 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-image-wrap img {width:100%;}
.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;}

/* 채용공고 */
.applyWrap .contactUsWrap .topBanner {background:linear-gradient(to right, #F6F6F6 50%, #DFDEDC 50%)}
.applyWrap .applyBtnBox {display:flex;gap:0 20px}
.applyWrap .applyBtnBox a {flex:1;border-radius:100px;border:1px solid #0C520A;height:54px;display:inline-flex;align-items: center;justify-content: center;color:#0C520A;font-size:15px}
.applyWrap .applyBtnBox a.btnConfirm {background:#0C520A;color:#fff}
.applyWrap .btm_inforTxt {border-top:1px solid #E0E0E0;margin-top:30px;padding-top:24px}
.applyWrap .btm_inforTxt dt {color:#6B6B6B;font-size:14px;margin-bottom:14px;font-weight:bold}
.applyWrap .btm_inforTxt dd {padding-left:10px;position:relative;font-weight:normal;color:#6B6B6B}
.applyWrap .btm_inforTxt dd+dd {margin-top:12px}
.applyWrap .btm_inforTxt dd::before {content:'';width:3px;height:3px;background:#6B6B6B;border-radius:50%;position:absolute;left:0;top:7px;}
.agreeTermArea .checkAllArea {display:flex;align-items:center;margin:20px 0 40px}
.agreeTermArea .checkAllArea .check {flex:none;width:120px}
.agreeTermArea .checkAllArea .agree_inforTxt {background:#F4F4F4;font-size:13px;padding:12px 14px;width:100%}
.agreeTermArea .checkAllArea .agree_inforTxt li {padding-left:10px;position:relative;font-weight:normal;}
.agreeTermArea .checkAllArea .agree_inforTxt li+li {margin-top:6px}
.agreeTermArea .checkAllArea .agree_inforTxt li::before {content:'';width:3px;height:3px;background:#333;border-radius:50%;position:absolute;left:0;top:7px;}

/** 입점문의::메인 **/
.contactUsWrap {padding-bottom:30px}
.contactUsWrap .contactUsTit {font-weight:bold;font-size:24px;line-height:1.25;width:1200px;margin:60px auto 30px;display:flex;align-items:flex-end}
.contactUsWrap .contactUsTit span {margin-left:auto;font-size:16px;font-weight:300}
.contactUsWrap .contactUsTit span strong {color:#E64E0B;font-weight:300}
.contactUsWrap .topBanner {display:flex;justify-content:center;overflow:hidden;}
.contactUsWrap.inquiryWrap .topBanner {background:linear-gradient(to right, #29120D 50%, #321A22 50%)}
.contactUsWrap.searchAdWrap .topBanner {background:linear-gradient(to right, #EEF2FC 50%, #EEF2FC 50%)}
.contactUsWrap .contactUsSubCont {width:1200px;margin:0 auto;border:1px solid #E0E0E0;border-top:2px solid #707070;padding:60px 195px}

.contactUsWrap .contactUsTabList {display:flex;width:1200px;margin:40px auto 0;border:1px solid #EEE;box-sizing:border-box}
.contactUsWrap .contactUsTabList li {flex:1}
.contactUsWrap .contactUsTabList li:not(:first-child) {border-left:1px solid #EEEEEE}
.contactUsWrap .contactUsTabList li a {display:inline-flex;align-items: center;justify-content: center;position:relative;height:50px;width:100%;font-size:15px}
.contactUsWrap .contactUsTabList li.active a::before {content:'';display:block;position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border:1px solid #333333}

.inquiryMainCont {text-align:center;line-height:1.25;letter-spacing:-0.05em;}
.inquiryMainCont > div {padding:120px 0 140px}
.inquiryMainCont > div > h2 {font-size:36px;margin-bottom:56px}
.inquiryMainCont > div > h2 em {display:block;margin-bottom:20px;color:#6BA43A;font-size:20px}
.inquiryMainCont > div > h2 strong {display:block;margin-top:20px;color:#7E7E7E;font-size:24px;font-weight:normal}
.inquiryMainCont .btn_applyUs {border-radius:100px;display:inline-flex;height:86px;align-items:center;justify-content:center;background-color:#6BA43A;color:#fff;margin:60px auto 0;font-size:28px;padding:0 164px}
.inquiryMainCont .tit_inquiryMain {color:#333;font-weight:normal;font-size:18px}
.inquiryMainCont .txt_inquiryMain {color:#727272;font-weight:300;font-size:16px;line-height:22px}
.inquiryMainCont .txt_inquiryMain a {border-bottom:1px solid #727272;color:#727272}
.inquiryMainCont .in_cont01 {background:#F7F7F7}
.inquiryMainCont .in_cont01 ol {display:flex;gap:20px;flex-wrap:wrap;width:1020px;margin:0 auto}
.inquiryMainCont .in_cont01 ol li {display:flex;align-items:center;width:calc(50% - 10px);background:#fff;border-radius:14px;padding:36px 18px 36px 36px;text-align:left}
.inquiryMainCont .in_cont01 ol li > span {text-align:center;font-family: 'NanumSquare';font-size:26px;font-weight:600;color:#6BA43A;flex:none;width:29px;margin-right:35px}
.inquiryMainCont .in_cont01 ol li > div h3 {margin-bottom:8px}

.inquiryMainCont .in_cont02 {background:#EDF4E4}
.inquiryMainCont .in_cont02 ul {display:flex;gap:0 20px;width:1200px;margin:0 auto}
.inquiryMainCont .in_cont02 ul li {background:#fff;width:calc(100% / 3);border-radius:14px;padding:36px 16px 40px}
.inquiryMainCont .in_cont02 ul li div {margin-bottom:30px}
.inquiryMainCont .in_cont02 ul li .txt_inquiryMain {margin-top:14px}

.inquiryMainCont .in_cont03 {background:#F7F7F7}
.inquiryMainCont .in_cont03 ol {width:760px;margin:0 auto}
.inquiryMainCont .in_cont03 ol li {display:flex;align-items:center;background:#fff;border-radius:14px;text-align:left}
.inquiryMainCont .in_cont03 ol li+li {margin-top:20px}
.inquiryMainCont .in_cont03 ol li > span {width:125px;text-align:center;font-family:'NanumSquare';font-size:26px;font-weight:600;color:#6BA43A;flex:none;}
.inquiryMainCont .in_cont03 ol li > div {padding:36px 18px 36px 33px;border-left:1px dashed #C3C3C3;}
.inquiryMainCont .in_cont03 ol li > div p {margin-top:8px}

.inquiryMainCont .in_cont04 {background:#fff}
.inquiryMainCont .in_cont04 .icoCheck {margin:-12px 5px 0}
.inquiryMainCont .in_cont04 ul {display:flex;flex-wrap:wrap;width:1020px;margin:0 auto;padding:31px 130px;border:1px solid #EDEDED;border-radius:14px}
.inquiryMainCont .in_cont04 ul li {width:50%;height:68px;display:flex;align-items:center;font-size:20px;text-align:left;padding-left:36px;color:rgba(51,51,51,.8)}
.inquiryMainCont .in_cont04 ul li::before {content:'';width:19px;height:21px;background:url(https://oasisprodcom.edge.naverncp.com/pc/img/img_contactUs_check_sm.png) no-repeat 0 0 / 100% 100%;margin:-4px 8px 0 0}
.inquiryMainCont .in_cont04 ul li+li+li {border-top:1px solid #E3E3E3}
.inquiryMainCont .in_cont04 ul li:nth-child(even) {padding-left:22px}

.inquiryMainCont .in_cont05 {background:#EDF4E4;padding:80px 0}
.inquiryMainCont .in_cont05 p {font-size:24px;color:rgba(83,83,83,.82);line-height:1.473}
.inquiryMainCont .in_cont05 h3 {margin-top:30px;font-size:28px;font-weight:normal}
.inquiryMainCont .in_cont05 h3 span {display:block;margin-top:30px}
.inquiryMainCont .in_cont06 {background:#fff}

.inquiryWrap .noticeTitArea {border-top:1px solid #707070}
.inquiryWrap .noticeTitArea .noHistory {padding:140px 0;text-align:center;color:#828282}
.inquiryWrap .noticeTitArea ul li {border-bottom: 1px solid #eee; font-size: 14px;}
.inquiryWrap .noticeTitArea ul li .tit a {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inquiryWrap .noticeTitArea ul li .tit .badge {display:inline-block;margin-right:4px;padding:0 4px;border-radius:3px;background:#5BBB22;font-size:12px;color:#fff;vertical-align:top}
.inquiryWrap .noticeTitArea ul li .tit .badge.skrd {background-color:#1C783C}/* 실크로드 */
.inquiryWrap .noticeTitArea ul li .qTit {display:flex;align-items: center;}
.inquiryWrap .noticeTitArea ul li .qTit span {text-align:center;padding:20px 0}
.inquiryWrap .noticeTitArea ul li .qTit .num {width:80px}
.inquiryWrap .noticeTitArea ul li .qTit .tit {width:400px;margin-right:auto;}
.inquiryWrap .noticeTitArea ul li .qTit .date {width:140px}
.inquiryWrap .noticeTitArea ul li .qTit .state {width:140px}
.inquiryWrap .noticeTitArea ul li.showAll .qTit .state {color:#6BA43A;font-weight:bold}
.inquiryWrap .noticeTitArea ul li .qTxt {opacity: 0; visibility: hidden; position: relative; height: 0; padding:0 0 0 80px; transition: all .2s;font-size: 14px;}
.inquiryWrap .noticeTitArea ul li .qTxt dl dt {border-bottom: 0; font-weight: 700; }
.inquiryWrap .noticeTitArea ul li .qTxt dl dd {}
.inquiryWrap .noticeTitArea ul li .qTxt dl dt + dd {margin:4px 0 0 8px;line-height:1.57;}
.inquiryWrap .noticeTitArea ul li .qTxt dl dd + dt {margin-top:20px}
.inquiryWrap .noticeTitArea ul li .qTxt dl dd.file a {height: 50px; margin-top: 2px; padding: 0 16px; border: 1px solid #ddd; overflow: hidden; display: inline-block; text-overflow: ellipsis; width: 480px; white-space: nowrap; font-size: 16px; line-height: 50px;}
.inquiryWrap .noticeTitArea ul li.active .qTxt {opacity: 1; visibility: visible; height: auto; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #eee;}
.inquiryWrap .noticeTitArea ul li.inqTit .qTit {color: #828282;}
.inquiryWrap .noticeTitArea ul li:not(.inqTit) .qTit .tit {text-align: left;}
.inquiryWrap .noticeTitArea ul li .aTxt {opacity: 0; visibility: hidden; position: relative; height: 0; padding:0 0 0 100px; transition: all .3s;}
.inquiryWrap .noticeTitArea ul li .aTxt .status {position: relative;}
.inquiryWrap .noticeTitArea ul li .aTxt .status::before {content: ''; display: block; position: absolute; top: 0; left: -20px; width: 10px; height: 10px; border-left: 2px solid #828282; border-bottom: 2px solid #828282; border-width: 0 0 2px 2px;}
.inquiryWrap .noticeTitArea ul li.active .qTit .tit a {white-space: normal;}
.inquiryWrap .noticeTitArea ul li.active .aTxt {opacity: 1; visibility: visible; height: auto; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #eee; background: #f7f7f7;}
.inquiryWrap .noticeTitArea ul li.active .aTxt .status span {color: #828282;}
.inquiryWrap .noticeTitArea ul li.active .aTxt .status span::before {content: ''; display: inline-block; width: 2px; height: 2px; margin: 8px 4px 0 2px; background: #333; border-radius: 50%; vertical-align: top;}
.inquiryWrap .noticeTitArea ul li.active .aTxt .memo {padding-top: 10px; line-height: 22px;}

.oasisRecruit {position:relative;display:flex;justify-content:center;overflow:hidden}

/** 입점문의::신청하기 **/
.contentsWrap .inquiryWrap {width: 860px; padding: 60px 0 30px 0;}

.contactUsWrap .inquiryForm {position: relative;}
.contactUsWrap .inqInput {display:flex;align-items: center;position:relative}
.contactUsWrap .inqInput+.inqInput {margin-top:25px}
.contactUsWrap .inqInput label {width:110px;flex:none;font-size:16px}
.contactUsWrap .inqInput label sup {color:#E64E0B}
.contactUsWrap .inqInput input {width:100%; height: 50px; padding: 0 10px; border-bottom: 1px solid #E0E0E0; font-size: 16px; line-height: 50px; vertical-align: top;}
.contactUsWrap .inqInput textarea {width:100%; height: 250px; padding: 16px; border: 1px solid #E0E0E0; font-size: 16px; resize: none;}
.contactUsWrap .inqInput *::placeholder {color:rgba(51,51,51,.36)}
.contactUsWrap .inqInput *:focus::placeholder {color:transparent}
.contactUsWrap .inqInput:has(textarea) label {margin:16px 0 auto}
.contactUsWrap .inqInput select {width:100%; height: 50px; padding: 0 10px; border:0;border-bottom:1px solid #e0e0e0; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_down_56.png) right 13px top 50% no-repeat;background-size:20px 11px; font-size: 16px; line-height: 50px; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.contactUsWrap .inqInput.cmAddPhotoWrap label {color:#fff}
.contactUsWrap .inqInput.cmAddPhotoWrap .guideTxt {margin: 0; padding-top: 15px; font-size: 14px; color: #828282;}
.contactUsWrap .inqInput.cmAddPhotoWrap input {display: inline-block; width: 579px; vertical-align: top;background: none;}
.contactUsWrap .inqInput.cmAddPhotoWrap .btnAddFile {display: inline-block; width: 111px; height: 54px; margin-left:10px; background: #333; color: #fff;border-radius:3px;display:inline-flex;align-items: center;justify-content: center;font-size:16px}
.contactUsWrap .inqInput.cmAddPhotoWrap .btnAddFile.del {background: #b2b2b2;}
.contactUsWrap .inqInput.chk {margin:60px 0 24px 0}
.contactUsWrap .inqInput.chk input.ip_checkboxG[type=checkbox] + label {width: 100%; padding-bottom: 0;}
.contactUsWrap .inqAgree {padding: 25px 25px 30px 35px; background: #f7f7f7; font-size: 14px;}
.contactUsWrap .inqAgree p {color: #333; line-height: 17px;}
.contactUsWrap .inqAgree .agreeTit {margin-left: -10px; padding-bottom: 16px; font-weight: 700; color: #2c477f;}
.contactUsWrap .inqAgree .agreeTit a {display:inline-block;}
.contactUsWrap .inqAgree ul {padding: 0 0 17px 0;}
.contactUsWrap .inqAgree ul li {padding: 15px 0 0 14px; line-height: 16px;}
.contactUsWrap .inqAgree ul li::before {content: ''; display: inline-block; width: 2px; height: 2px; margin: 6px 5px 0 -7px; border-radius: 50%; background: #333; vertical-align: top;}
.contactUsWrap .btnFixed {width: 100%; padding-top: 60px; line-height:56px; text-align: center; z-index: 2;}
.contactUsWrap .btnFixed a {width: 380px; border-radius: 30px; font-size: 20px;}
.contactUsWrap.skrd .btnFixed a {display:block;width:335px;margin:0 auto;border-radius:50px;background:#1C783C;font-weight:700;font-size:18px;line-height:56px;color:#fff;text-align:center}
.contactUsWrap.skrd input.ip_checkboxG[type=checkbox]:checked + label:before {background-color:#1C783C}
.contactUsWrap .inqInput.fileBox {padding-left:110px;padding-bottom:34px}
.contactUsWrap .inqInput.fileBox input::file-selector-button {display:none}
.contactUsWrap .inqInput.fileBox label {flex:none;width:111px;margin-left:10px;height:54px;background-color:#333;display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:#fff;font-weight:300;border-radius:3px}
.contactUsWrap .inqInput.fileBox p {position:absolute;left:110px;bottom:0;color:#828282;font-size:15px}

/* 입점문의::티몬 */
body:has(.inquiryMainCont) .oFooter {padding-top:0}
.tmonInquiryWrap {min-width:1200px}
.tmonInquiryWrap img {max-width:1920px}
.tmonInquiryWrap h3 {overflow:hidden;display:flex;justify-content:center}
.tmonInquiryWrap .topBanner {background:linear-gradient(to right, #050407 50%, #919596 50%)!important}

.tmonInquiryWrap .in_cont01 {background:linear-gradient(to bottom, #eb702a 52%, #ffffff 48%)}
.tmonInquiryWrap .in_cont02 {background:#fcfcfc}
.tmonInquiryWrap .in_cont03 {background:#ffffff}
.tmonInquiryWrap .in_cont04 {background:linear-gradient(to right, #3f3f3f 50%, #230b07 50%)}
.tmonInquiryWrap .btnFixed a {overflow:hidden;display:flex;justify-content:center;margin:0 auto}
.tmonInquiryWrap .btnFixed a.btnStyle-03 {border-color:#F17A35!important;background-color:#F17A35!important}
.tmonInquiryWrap .inquiryMainCont .btnFixed  {padding-top:106px;padding-bottom:95px}
.tmonInquiryWrap .inquiryMainCont .btnFixed a {width:100%}
.tmonInquiryWrap .noticeTitArea ul li.showAll .qTit .state {color:#F17A35}

/* 광고문의 230310 */
.searchAdWrap .finishCont {text-align:center;padding:116px 0}
.searchAdWrap .finishCont::before {content:'';display:block;margin:0 0 34px;height:40px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_check_40.png) no-repeat center center / 40px 40px}
.searchAdWrap .finishCont h2 {font-size:24px;font-weight:normal;line-height:1.4}
.searchAdWrap .finishCont h2 b {font-weight:bold}
.searchAdWrap .finishCont p {line-height:1.4;margin-top:40px;font-size:15px;color:#6b6b6b}
.ad_agreeBox {margin-top:45px}
.ad_agreeBox .txt_grayBox {border:1px solid #E0E0E0;background-color:#f7f7f7;padding:20px 30px;margin-top:16px}
.ad_agreeBox .txt_grayBox p {margin-bottom:12px}
.ad_agreeBox .txt_grayBox ul {color:#6b6b6b}
.ad_agreeBox .txt_grayBox ul li+li {margin-top:10px}

/* 레시피 > 상세 */
.recipeDetail_aboutProdut { position:relative;padding:0;border-top:1px solid #e0e0e0;padding-bottom:40px;border-bottom:1px solid #f4f4f4;}
.recipeDetail_aboutProdut .oSwiper {overflow: hidden;}
.recipeDetail_aboutProdut dl {margin:0 auto; }
.recipeDetail_aboutProdut dt { padding:20px 0 30px; border-bottom:0; text-align:left; font-size:18px; font-weight:700; } 
.recipeDetail_aboutProdut dd {padding:0 0; border-bottom:0; } 
.recipeDetail_aboutProdut dd ul { overflow:visible; width:100%; }
.recipeDetail_aboutProdut dd ul li {width:282px}
.recipeDetail_aboutProdut dd ul li .wrapImg {height:282px;overflow:hidden; }
.recipeDetail_aboutProdut dd ul li .wrapImg img { width:100%; height:100%; object-fit:cover; }
.recipeDetail_aboutProdut dd ul li strong { display:block;font-size:14px;padding-top:10px;font-weight:normal}
.recipeDetail_aboutProdut dd ul li .txt_discount_won { padding-top:10px; white-space:nowrap;font-size:15px}
.recipeDetail_aboutProdut dd ul li .txt_discount_won .price_before {color:#909090}
.recipeDetail_aboutProdut dd ul li .txt_discount_won .price_after b {font-size:20px}
.recipeDetail_aboutProdut .comSwiperBtn .swiper-button-prev,
.recipeDetail_aboutProdut .comSwiperBtn .swiper-button-next {top:190px}

/*  폼 : 명절배송 신청 */
.oForm.request {  }
.oForm.request .container { width:880px; margin:0 auto; font-size:16px; }
.oForm.request .container > h2 { display:block; margin:60px 0 45px 0; text-align:center; line-height:36px; font-size:30px; font-weight:700; }
.oForm.request .noteBox_top { display:block; width:880px; padding:20px; margin:0 auto 0 auto; background-color:#f7f7f7; border-radius:5px; line-height:22px; text-align:center; font-size:14px; }
.oForm.request .noteBox_top strong { color:#de3c06; font-weight:700; }
.oForm.request .noteBox_top p { }
.oForm.request .noteBox_top p + p { padding-top:10px; }
.oForm.request .noteBox_top p b { font-weight:700; }
.oForm.request .noteBox_top a { display:inline-block; padding-top:10px; text-decoration:underline; }
.Form.request.deliveryMark {  }
.Form.request.deliveryMark dl { padding-top:25px; padding-bottom:26px; }
.Form.request.deliveryMark dl div { display:flex; padding-bottom:24px; line-height:50px; }
.Form.request.deliveryMark dl div.gapT { position:relative; padding-top:40px; margin-top:10px; }
.Form.request.deliveryMark dl div.gapT::before { content:""; display:block; position:absolute; top:0; left:calc((((100vw - 910px) / 2) * -1)); width:calc(100vw - 30px); height:1px; border-top:1px solid #eee; }
.Form.request.deliveryMark dl dt { width:160px; padding-top:13px; line-height:24px; font-weight:700; flex-flow:row nowrap; }
.Form.request.deliveryMark dl dt .txtS { display:inline-block; vertical-align:baseline; font-size:12px; font-weight:400; letter-spacing:-1px; color:#828282; }
.Form.request.deliveryMark dl dd { flex:1; padding:0 0 0 0; }
.Form.request.deliveryMark dl dd p { line-height:24px; font-size:14px; color:#828282; }
.Form.request.deliveryMark dl select,
.Form.request.deliveryMark dl input { display:block; width:100%; height:50px; padding:0 16px; margin-bottom:16px; border:1px solid #ddd; border-radius:5px; line-height:50px; vertical-align:top; }
.Form.request.deliveryMark dl select { appearance:none; background-color:transparent; }
.Form.request.deliveryMark dl .select { appearance:none; position:relative; }
.Form.request.deliveryMark dl .select::before { content:""; display:block; position:absolute; right:0; top:0; z-index:-1; width:50px; height:50px; background-color:#f7f7f7; }
.Form.request.deliveryMark dl .select::after { content:""; display:inline-block; position:absolute; right:19px; top:19px; z-index:-1; transform:rotate(45deg); width:8px; height:8px; border:1px solid #333; border-width:0 1px 1px 0; }
.Form.request.deliveryMark dl .address input:nth-child(1) { display:inline-block; width:calc(100% - 202px) !important; }
.Form.request.deliveryMark dl .address button { display:inline-block; width:190px; height:50px; margin-left:12px; background-color:#f7f7f7; border:1px solid #ddd; border-radius:5px; line-height:50px; vertical-align:top; text-align:center; cursor:pointer; }
.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 { padding-bottom:20px; }
.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% - 292px) !important; }
.Form.request.deliveryMark dl .attachfile button { display:inline-block; width:280px; height:50px; margin-left:12px; background-color:#333; border:1px solid #ddd; border-radius:5px; line-height:50px; vertical-align:top; text-align:center; color:#fff; }
.Form.request.deliveryMark .Bts.b { text-align:center; }
.Form.request.deliveryMark .Bts.b > * { display:inline-block; width:250px; height:60px; margin-left:20px; background-color:#fff; border:1px solid #eee; border-radius:30px; text-align:center; line-height:58px; font-size:20px; color:#333; cursor:pointer; }
.Form.request.deliveryMark .Bts.b > *:first-child { margin-left:0; }
.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; }

/* 90일 비밀번호 변경 */
.oChangePw {width: 450px; margin: 0 auto}
.oChangePw .oChangePw_txtArea {margin-bottom: 32px;}
.oChangePw .oChangePw_txtArea .changePw {width: 178px; height: 139px; line-height: 39px; margin: 0 auto 20px; font-size: 32px; font-weight: 400; letter-spacing: -0.96px}
.oChangePw .oChangePw_txtArea .changePw::after {content: ''; display: inline-block; width: 100%; height: 100px; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_lock.svg) no-repeat center 20px / 80px 80px;}
.oChangePw .oChangePw_txtArea .subTxt {height: 44px; line-height: 24px; text-align: center; font-size: 16px; font-weight: 400; color: #333333; letter-spacing: -0.48px;}
.oChangePw form {margin-bottom: 40px;}
.oChangePw .formArea .expo {display: none; padding: 6px 0 6px 0; color: #F40505;}
.oChangePw .formArea:nth-of-type(2) {margin-top: 15px;}
.oChangePw .formArea:nth-of-type(3) {margin-top: -1px;}
.oChangePw .formArea input {position: relative; border-radius: 6px;}
.oChangePw .formArea input:focus {z-index: 1;}
.oChangePw .formArea .change-2 {border-radius: 6px 6px 0 0}
.oChangePw .formArea .change-3 {border-radius: 0 0 6px 6px}
.oChangePw .formArea input::placeholder {font-size: 14px; letter-spacing: 0.56px;}
.oChangePw .formArea input.loginFormInput {width: 450px; height: 60px;}
.oChangePw .formArea button {display: none; z-index: 2}
.oChangePw .btnMid .btnStyle-03 {line-height: 60px; font-size: 16px; letter-spacing: 0.48px; pointer-events: none; cursor: default;}
.oChangePw .btnMid .btnStyle-03.on {cursor: pointer; pointer-events: all;}
.oChangePw .btnMid .btnStyle-07 {line-height: 60px; font-size: 16px; letter-spacing: 0.48px; margin-top: 14px;}
.oChangePw .btnMid {padding-top: 0;}
.btnStyle-03:[disabled] {bottom: #cccccc;}

/* 배송가능요일 안내 */
.prod_delivery_info {width:100%;margin:60px auto 50px;border:1px solid #347e88;padding:0 20px}
.prod_delivery_info h4 {font-size:16px; display:inline-block; background-color:#347e88;color:#fff;width:90px;height:36px;line-height:36px;top:-18px;position:relative;}
.prod_delivery_info p {font-size:16px;border-bottom:1px solid #e0e0e0;padding-bottom:20px}
.prod_delivery_info p strong:nth-child(2) {text-decoration:underline}
.prod_delivery_info .bul_whether {display:flex;justify-content:flex-end;margin-bottom:20px}
.prod_delivery_info .bul_whether em {color:#347e88;font-size:16px}
.prod_delivery_info .bul_whether em+em {color:#b2b2b2;margin-left:20px}
.prod_delivery_info .bul_whether em:before {content:'';display:inline-block;width:12px;height:12px;border-radius:50%; background-color: #347e88;margin-right:4px}
.prod_delivery_info .bul_whether em+em:before {background-color: #f4f4f4;}
.availableDay_list {padding:20px 0 10px;display:flex;justify-content:center;}
.availableDay_list li {width:36px;height:36px;border-radius:50%;background-color:#f4f4f4;margin:0 10px;font-weight:400;color:#b2b2b2;font-size:16px;display:inline-flex;justify-content:center;align-items:center}
.availableDay_list li.on {font-weight: 600;color:#fff;background-color:#347e88;}

.info_badges.btm {flex-direction:initial;justify-content:flex-start}
.oPrdtLst .info_availableDay {font-size:12px;color:#0C520A;font-weight:500;display:flex;align-items:flex-end;line-height:1.25;height:18px}
.oPrdtLst .info_availableDay::before {content:'';width:15px;height:15px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_info_availableDay_30.png) no-repeat 0 0 / 100% 100%;margin-right:3px}
.oPrdtLst .info_availableDay em+em::before {content:'.';display:inline-block}
.oPrdtLst .info_availableDay strong {font-weight:500;}

/* 220610 휴면게정 */
.inactiveArea .inactiveUser .oChangePw_txtArea {margin-bottom: 30px;}
.inactiveArea .inactiveUser .oChangePw_txtArea .subTxt {height: auto;}
.inactiveArea .inactiveUser .oChangePw_txtArea .subTxt b {color: #6BA539;}
.inactiveArea .inactiveUser .oChangePw_txtArea h2 {height: auto; margin-bottom: 20px;}
.inactiveArea .inactiveUser .oChangePw_txtArea h2::after {display: none;}
.inactiveArea .inactiveUser .lastAccess {background: #f4f4f4; padding: 20px 0 20px 26px; margin-bottom: 40px; border-radius: 6px; box-sizing: border-box;}
.inactiveArea .inactiveUser .lastAccess p {position: relative; color: #828282; font-size: 16px; margin-bottom: 20px;}
.inactiveArea .inactiveUser .lastAccess p time {color: #333333;}
.inactiveArea .inactiveUser .lastAccess p:nth-of-type(2) {margin-bottom: 0;}
.inactiveArea .inactiveUser .lastAccess p::before {content: ''; position: absolute; width: 2px; height: 2px; left: -6px; top: 50%; border-radius: 50%; background: #6B6B6B; transform: translateY(-50%);}
.inactiveArea .activeNow {display: none;}
.inactiveArea .activeNow .oChangePw_txtArea {margin-bottom: 83px;}
.inactiveArea .activeNow .oChangePw_txtArea h2 {margin-bottom: 24px;}
.inactiveArea .activeNow .oChangePw_txtArea .subTxt {height: auto;}
.inactiveArea .activeNow .oChangePw_txtArea h2.changePw {height: auto;}
.inactiveArea .activeNow .oChangePw_txtArea h2.changePw::after {margin-top: 20px; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_lock_80.png) no-repeat center center /80px 98px;}
.inactiveArea .btnMid a {border-radius: 6px;}
/* //220610 휴면게정 */

.dialogBox {display:none;position:fixed;height: 500px;width: 500px;left: 50%;top: 50%;margin-top: -250px;margin-left: -250px;background-color:#fff;z-index:100000010;}
.dialogBox * { box-sizing:border-box; }
.dialogBox .dialogHeader { width:100%; height:47px; line-height:47px; top:0px; left:0px; z-index:120; border-bottom:1px solid #eee; background-color:#fff; }
.dialogBox .dialogHeader h4 {  font-size:18px; font-weight:700; text-align:center; }
.dialogBox .dialogHeader a.btn_prevLink { display:inline-block; position:absolute; left:0px; top:0px; font-size:20px; width:47px; height:47px; padding:0px 18px; overflow:hidden; }
.dialogBox .dialogHeader a.btn_prevLink:before { content:"\276E"; display:inline-block; font-weight:100; }

.destinationChange {  }
.destinationAdd { text-align:left; }
.destinationModify { text-align:left; }

.dialogBox .dialogBody { height:450px; overflow-y:auto; padding:0 18px 0 18px; }
.dialogBox .dialogBody .listInfo { height:34px; line-height:34px; margin:23px 0px 0px 0px; font-size:12px; font-weight:700; }
.dialogBox .dialogBody .listInfo:after { content:""; display:block; clear:both; height:0px; overflow:hidden; }
.dialogBox .dialogBody .listInfo .total { float:left; }
.dialogBox .dialogBody .listInfo .btnArea { float:right; }
.dialogBox .dialogBody .listInfo .btnArea a { display:inline-block; padding:0px 15px; font-size:12px; line-height:34px; border:1px solid #e7e7e7; border-radius:17px; }
.dialogBox .dialogBody .listInfo .btnArea a * { vertical-align:top; }
.dialogBox .dialogBody .listInfo .btnArea a:before { content:"\002B"; display:inline-block; font-size:24px; line-height:20px; height:20px; margin:6px 7px 0px 0px; vertical-align:top; }

.dialogBox .dialogBody .destinationList { margin-top:23px; }
.dialogBox .dialogBody .destinationList ul {  }
.dialogBox .dialogBody .destinationList ul li { margin-top:20px; }
.dialogBox .dialogBody .destinationList ul li:first-of-type { margin-top:0px; }
.dialogBox .dialogBody .destinationList ul li { /*margin-left:47px; padding:13px 0px 18px 0px;*/ }
.dialogBox .dialogBody .destinationList ul li .name { line-height:30px; }
.dialogBox .dialogBody .destinationList ul li .name b { display:inline-block; }
.dialogBox .dialogBody .destinationList ul li .info {  }
.dialogBox .dialogBody .destinationList ul li .info .address { display:block; line-height:16px; padding:7px 0px; color:#373737; }
.dialogBox .dialogBody .destinationList ul li .info .phone { display:block; line-height:14px; padding:4px 0px; font-size:12px; color:#969696; }
.dialogBox .dialogBody .destinationList ul li .btnArea { margin-top:15px; }
.dialogBox .dialogBody .destinationList ul li .btnArea a { display:inline-block; height:22px; line-height:20px; border:1px solid #e9e9e9; border-radius:4px; padding:0px 20px; margin-left:6px; color:#4e4e4e; font-size:12px; }
.dialogBox .dialogBody .destinationList ul li .btnArea a:first-of-type { margin-left:0px; }
.dialogBox .dialogBody .destinationList ul li a.btn_defaultAddress_set { display:inline-block; height:22px; padding:0px 10px; margin-left:7px; border:1px solid #e9e9e9; border-radius:11px; line-height:20px; font-size:12px; color:#4e4e4e; letter-spacing:-0.5px; }

.dialogBox .dialogBody .destinationInput { padding:20px 0px 24px 0px; border-bottom:7px solid #f2f2f2; position:relative; font-size:15px; text-align:left;}
.dialogBox .dialogBody .destinationInput input { color:#000; }
.dialogBox .dialogBody .destinationInput:last-of-type { border-bottom:0px solid #f2f2f2; }
.dialogBox .dialogBody .destinationInput h4 { height:44px; line-height:44px; font-weight:700; color:#000; }
.dialogBox .dialogBody .destinationInput form {  }
.dialogBox .dialogBody .destinationInput ul { color:#000; }
.dialogBox .dialogBody .destinationInput ul > li { line-height:55px; padding:0px 0px; vertical-align:middle; }
.dialogBox .dialogBody .destinationInput ul > li b { width:80px; display:inline-block; font-weight:700; }
.dialogBox .dialogBody .destinationInput ul > li input[type=text],
.dialogBox .dialogBody .destinationInput ul > li input[type=tel] { width:calc(100% - 84px); height:38px; padding:0px 7px; line-height:36px; border:1px solid #e6e6e6; border-radius:5px; }
.dialogBox .dialogBody .destinationInput ul > li strong { display:inline-block; }
.dialogBox .dialogBody .destinationInput ul > li.floatBox {   }
.dialogBox .dialogBody .destinationInput ul > li.floatBox:after { content:""; display:block; clear:both; height:0px; overflow:hidden; }
.dialogBox .dialogBody .destinationInput p { line-height:26px; }
.dialogBox .dialogBody .destinationInput ul > li.floatBox b { float:left; }
.dialogBox .dialogBody .destinationInput ul > li.floatBox div.addressBox2 { margin-left:84px; }
.dialogBox .dialogBody .destinationInput ul > li div.addressBox {  }
.dialogBox .dialogBody .destinationInput ul > li span.tx_address { display:block; line-height:25px; }
.dialogBox .dialogBody .destinationInput ul > li span.tx_tel { display:block; line-height:25px; font-size:12px; color:#999999; }
.dialogBox .dialogBody .destinationInput span.tx_subInfo { color:#888; }
.dialogBox .dialogBody .destinationInput span.tx_subInfo { color:#888; }
.dialogBox .dialogBody .destinationInput ul > li input.ip_address1 { width:calc(100% - 92px );  }
.dialogBox .dialogBody .destinationInput ul > li input.ip_address2,
.dialogBox .dialogBody .destinationInput ul > li input.ip_address3 { width:100%; }
.dialogBox .dialogBody .destinationInput ul > li a.btn_postcode { display:inline-block; width:88px; height:38px; padding:0px; line-height:36px; border:1px solid #e6e6e6; border-radius:5px; background-color:#f4f4f4; color:#333; text-align:center; vertical-align:middle; }
.dialogBox .dialogBody .destinationInput ul > li .addressBox2 .defaultDelivery { line-height:28px; }
.dialogBox .dialogBody ul li label::after {width:11px !important; height:11px !important;}

.dialogBox .dialogFooter { /*height:110px;*/ width:100%; bottom:0px; left:0px; padding:0px 18px; background:#ffffff; text-align:center; }
.dialogBox .dialogFooter:before { content:""; display:block; width:100%; height:28px; background:linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0)); }
.dialogBox .dialogFooter:after { content:""; display:block; width:100%; height:28px; background-color:#fff; }
.dialogBox .dialogFooter a {margin-top:0px !important;display:inline-block;padding:10px;background:#6ca435;color:#fff;width: 50%;text-align: center;border-radius: 5px;font-size: 15px;}


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

.skrdInquiry .cont {padding:90px 20px;letter-spacing:-0.4px;word-break:keep-all}
.skrdInquiry .contBadge {display:block;margin-bottom:34px;font-size:22px;color:#24914A;text-decoration:underline;text-underline-position:under;text-align:center}
.skrdInquiry .contFlex {display:flex;justify-content:center;width:960px;margin:0 auto/* ;padding-top:90px */}
.skrdInquiry .contFull {padding:35px 0 57px 0;background:#FBFBFB}
.skrdInquiry .contTtl {margin-bottom:80px;font-weight:700;font-size:36px;line-height:1.23;text-align:center}
.skrdInquiry .contSubTtl {margin-top:20px;font-size:18px;line-height:1.45;text-align:center}
.skrdInquiry .ttl_1 {display:block;font-size:34px;line-height:1.24;letter-spacing:-1.3px}
.skrdInquiry .txt_1 {padding-top:23px;padding-right:30px;font-size:18px;line-height:1.45}
.skrdInquiry .li_1 {counter-reset:item;display:flex;flex-direction:column;row-gap:6px;margin-top:34px;font-size:18px;line-height:1.44}
.skrdInquiry .li_1 li {counter-increment:item;padding-left:36px}
.skrdInquiry .li_1 li::before {content:'0'counter(item);display:inline-block;width:26px;height:26px;margin:0 6px 0 -36px;border-radius:50%;background:#24914A;font-weight:500;font-size:15px;line-height:26px;color:#fff;text-align:center;vertical-align:top}

.skrdInquiry .tempArea {display:flex;justify-content:center;column-gap:20px;height:350px;margin-top:28px;padding-top:126px;border-radius:12px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/temp/temp_oasis_1.jpg) no-repeat center/cover}
.skrdInquiry .tempArea .temp {width:110px;height:110px;border-radius:50%;background:rgba(48,69,85,0.8);font-weight:500;font-size:18px;color:#fff;text-align:center}
.skrdInquiry .tempArea .temp::before {content:'';display:block;width:90px;height:51px;margin:22px auto 10px auto;background:no-repeat center/auto 51px}
.skrdInquiry .tempArea .temp.k1::before {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_temperature_k1_23.png)}
.skrdInquiry .tempArea .temp.k2::before {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_temperature_k2_36.png)}
.skrdInquiry .tempArea .temp.k3::before {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_temperature_k3_48.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:300px;border-radius:12px}
.skrdInquiry .tempArea + .videoArea {margin-top:20px}

.skrdInquiry .cont3 {padding-top:88px;background:#FBFBFB}
.skrdInquiry .cont3 .contTtl {margin-bottom:0;font-size:34px}
.skrdInquiry .contBox {display:flex;flex-wrap:wrap;gap:50px;width:750px;margin:50px auto 0 auto}
.skrdInquiry .contBox .item {display:flex;flex-direction:column;width:215px;padding:27px 8px 28px 8px;border-radius:20px;background:#fff;box-shadow:0px 1px 5px 0px rgba(0,0,0,0.05);text-align:center}
.skrdInquiry .contBox .item::before {content:'';display:block;width:89px;height:89px;margin:0 auto 17px auto;border-radius:50%;background:#F9FBF7 no-repeat center}
.skrdInquiry .contBox .item.type-1::before {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_box_57_3.png)}
.skrdInquiry .contBox .item.type-2::before {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_person_49.png)}
.skrdInquiry .contBox .item.type-3::before {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_note_51.png)}
.skrdInquiry .contBox .item.type-4::before {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_box_57.png)}
.skrdInquiry .contBox .item.type-5::before {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_box_57_2.png)}
.skrdInquiry .contBox .item.type-6::before {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_box_hand_40.png)}
.skrdInquiry .contBox .boxTxt {margin-top:auto;font-size:15px;line-height:1.2;color:#666}

.skrdInquiry .cont4 {padding-bottom:0}
.skrdInquiry .cont4 .contTtl {margin-bottom:40px;}

.skrdInquiry .contList  {margin-top:30px;padding-bottom:30px}
.skrdInquiry .tb_wrap {padding-top:20px}
.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:37px;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 .btnBox {display:flex;column-gap:10px;justify-content:center;margin-top:60px;padding:0 20px}
.skrdInquiry .btnBox a {/* flex:1; */width:335px;border-radius:50px;background:#1C783C;font-weight:700;font-size:18px;line-height:56px;color:#fff;text-align:center}
.skrdInquiry .wd500 {flex-shrink:0;width:500px;margin:0 auto}

/* 친환경 아이디어 포장 */
.oRecoveryWrapper {min-width:1200px;width:100%}
.oRecoveryWrapper .oContainer {text-align:center}
.oRecoveryWrapper .oFooter {padding-top:0}
.oRecoveryWrapper .maxWd {max-width:860px;margin:0 auto}
.oRecoveryWrapper .bannerTop {overflow:hidden;display:flex;align-items:center;justify-content:center;height:360px;margin:0 auto;text-align:center;background:linear-gradient(to right, #f6f8fa 50%, #ad835d 50%)}
.oRecoveryWrapper .tabMenu {position:sticky;top:0;left:0;right:0;margin:0 auto;background:#F2F1F2 50%;z-index:1}
.oRecoveryWrapper .tabMenu:has(a:nth-child(1).active) {background:linear-gradient(to right, #071F1E 50%, #F2F1F2 50%)}
.oRecoveryWrapper .tabMenu:has(a:nth-child(3).active) {background:linear-gradient(to right, #F2F1F2 50%, #071F1E 50%)}
.oRecoveryWrapper .tabMenuInner {display:flex;max-width:1200px;margin:0 auto}
.oRecoveryWrapper .tabMenu a {flex:1;padding:26px 0;background:#F2F1F2;font-weight:500;font-size:18px;color:#6B6B6B;letter-spacing:-0.9px;text-align:center}
.oRecoveryWrapper .tabMenu a.active {background-color:#071F1E;color:#FFFFFF}
.oRecoveryWrapper .tabCont {padding:70px 0}
.oRecoveryWrapper .cont2 {background:#F2F2F2}
.oRecoveryWrapper .cont3 {background:#FCFCFC}

.oRecoveryWrapper .titleBadge {display:inline-block;padding:0 18px;border-radius:100px;background:#58A718;font-weight:500;font-size:20px;line-height:30px;letter-spacing:-1px;color:#FFFFFF;vertical-align:top}
.oRecoveryWrapper .title {display:block;margin-top:14px;font-weight:700;font-size:28px;line-height:35px;letter-spacing:-1.4px}
.oRecoveryWrapper .subTitle {display:block;margin-bottom:40px;font-weight:500;font-size:24px;line-height:30px;letter-spacing:-1.2px}
.oRecoveryWrapper .desc {margin-top:26px;font-size:18px;line-height:28px;letter-spacing:-0.9px}

.oRecoveryWrapper .dashArea {display:flex;column-gap:24px;margin-top:39px;margin-bottom:20px}
.oRecoveryWrapper .dashArea .dashBox {flex:1;text-align:left}
.oRecoveryWrapper .dashArea .dashBox .badge {display:inline-block;margin-bottom:10px;padding:0 8px;border-radius:4px;font-weight:700;font-size:18px;line-height:30px;vertical-align:top}
.oRecoveryWrapper .dashArea .dashBox .dashLi {display:flex;flex-direction:column;row-gap:8px;padding:16px 24px;border-radius:6px;}
.oRecoveryWrapper .dashArea .dashBox .dashLi .item {padding:0 20px;border-radius:4px;background:#FFFFFF;font-size:16px;line-height:34px;letter-spacing:-0.8px}
.oRecoveryWrapper .dashArea .dashBox .dashLi .item em {display:inline-block;padding-right:24px;font-weight:500;vertical-align:top}
.oRecoveryWrapper .dashArea .dashBox.up .dashLi {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");background-color:rgba(89,167,25,.1)}
.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-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");background-color:rgba(239,129,0,0.1)}
.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:65px}

.oRecoveryWrapper .ideaLi {display:flex;flex-wrap:wrap;gap:68px 24px}
.oRecoveryWrapper .ideaLi .item {width:calc(50% - 12px);padding:0 20px;letter-spacing:-0.8px;text-align:left}
.oRecoveryWrapper .ideaLi .item .img {width:100%;margin-left:-20px;margin-bottom:20px}
.oRecoveryWrapper .ideaLi .item .badge {display:block;margin-bottom:18px;font-weight:500;font-size:16px;line-height:21px;color:#59A719}
.oRecoveryWrapper .ideaLi .item .ttl {font-weight:500;font-size:18px;line-height:22px}
.oRecoveryWrapper .ideaLi .item .subLi {margin-top:12px;margin-left:-12px;font-size:14px;line-height:22px;color:#545454}
.oRecoveryWrapper .ideaLi .item .subItem {padding-left:12px}
.oRecoveryWrapper .ideaLi .item .subItem::before {content:'';display:inline-block;width:2px;height:2px;margin:9px 10px 0 -12px;border-radius:50%;background:#545454;vertical-align:top}
.oRecoveryWrapper .emphasis {line-height:20px;color:#CE0000}
.oRecoveryWrapper .emphasis::before {content:'\002A';display:inline-block;margin:0 2px 0 -8px;vertical-align:top}
.oRecoveryWrapper .ideaLi .item .emphasis {margin-top:11px;padding-left:20px}

.oRecoveryWrapper .innerBox {display:flex;flex-direction:column;row-gap:24px;margin-top:39px;text-align:left}
.oRecoveryWrapper .boxItem {display:flex;flex-direction:column;position:relative;min-height:240px;padding:36px 30px 0 30px;background:#FFFFFF;box-shadow:0 3px 6px rgba(0,0,0,0.16);letter-spacing:-0.7px}
.oRecoveryWrapper .boxItem::after {content:'';overflow:hidden;display:block;position:absolute;top:36px;right:30px;width:400px;height:204px;background:no-repeat top center/100% auto}
.oRecoveryWrapper .cont2 .boxItem:nth-child(1)::after {background-image:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/pc/introduce/recoveryWrapper/img_cont2_1.jpg)}
.oRecoveryWrapper .cont2 .boxItem:nth-child(2)::after {background-image:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/pc/introduce/recoveryWrapper/img_cont2_2.jpg)}
.oRecoveryWrapper .cont3 .boxItem::after {background-image:url(https://oasisprodevent.edge.naverncp.com/oasis_shop/pc/introduce/recoveryWrapper/img_cont2_3.jpg)}
.oRecoveryWrapper .boxItem .num {align-self:flex-start;min-width:24px;height:24px;margin-bottom:24px;padding:0 2px;border-radius:50%;background:#333333;font-weight:500;font-size:16px;line-height:24px;color:#FFFFFF;text-align:center}
.oRecoveryWrapper .boxItem .boxTitle {font-weight:500;font-size:18px;line-height:22px}
.oRecoveryWrapper .boxItem .boxDesc {margin-top:13px;font-size:14px;line-height:22px;color:#545454}
.oRecoveryWrapper .boxItem .emphasis {margin-top:9px;padding-left:8px}
.oRecoveryWrapper .noticeBox {margin-top:56px;padding:40px 24px 35px 24px;border-top:1px solid #E0E0E0}
.oRecoveryWrapper .notiTtl {display:block;margin-bottom:9px;font-weight:500;font-size:16px;line-height:21px;letter-spacing:-0.8px}
.oRecoveryWrapper ul:has(.notiLi) {padding-left:3px}
.oRecoveryWrapper .notiLi {padding-left:12px;font-size:14px;line-height:28px;color:#828282}
.oRecoveryWrapper .notiLi::before {content:'';display:inline-block;width:2px;height:2px;margin:12px 10px 0 -12px;background:#828282;vertical-align:top}


/* 레시피::리스트 - 202405 */
.oRecipe.maxWd {position:relative;width:1200px;margin:0 auto}
.oRecipe {letter-spacing:-0.33px}
.oRecipe .tit_head {max-width:390px;margin:40px auto 78px auto;font-weight:700;font-size:26px;line-height:1.26;text-align:center;}
.oRecipeSearch .tit_head {max-width:none;margin:37px 0 74px 0;padding-right:430px;line-height:1.54;text-align:left}/* 레시피 > 검색페이지 */
.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}
.oRecipe .noItem {width:100%;padding:82px 0;font-size:15px;text-align:center}
.oRecipe .noItem.ico::before {content:'';display:block;width:41px;height:38px;margin:0 auto 25px auto;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_search_148.png) no-repeat center/100% auto}

.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:absolute;top:78px;right:0;background:#FFFFFF}
.recipeSearchArea .searchOrder {flex:none;width:44px;height:48px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_search_77.png) no-repeat center/18px auto}
.recipeSearchArea .searchBox {display:flex;width:400px;border:1px solid #E0E0E0}
.recipeSearchArea .searchClose {flex-shrink:0;display:flex;align-items:center;width:27px;height:42px}
.recipeSearchArea .searchClose img {width:17px}
.recipeSearchArea input {width:100%;height:48px;padding:0 32px 0 16px;border:0;font-size:14px;color:#767676;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:50px;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}

.recipeBox {padding:0px 0 96px 0}
.recipeBox .before_login {padding:99px 0 34px 0;text-align:center}
.recipeBox .before_login .txt {font-size:14px;line-height:20px;letter-spacing:-0.42px;color:#6B6B6B}
.recipeBox .before_login .btnLogin {display:inline-block;min-width:160px;height:43px;margin-top:40px;border:1px solid #E0E0E0;border-radius:50px;background:#FFFFFF;font-size:13px;line-height:44px;text-align:center;vertical-align:top}
.recipeBox .sectTitle {display:block;margin-bottom:25px;font-weight:700;font-size:22px;line-height:32px;letter-spacing:-0.51px}
.oRecipe.oRecipeList .tit_head {margin-bottom:0}/* 레시피 > 리스트 */
.oRecipe.oRecipeList .recipeBox {margin-top:30px;padding-bottom:51px}
.recipeGrp {display:flex;flex-wrap:wrap;gap:31px 24px}
.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% - 72px) / 4)}
.recipeGrp .recipeItem .imgArea {overflow:hidden;position:relative;margin-bottom:10px}
.recipeGrp .recipeItem .imgArea .thumbImg {display:block;position:relative;width:100%;aspect-ratio:7.05/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:44px;height:44px;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:5px;font-size:12px;line-height:14px;color:#6E737F}
.recipeGrp .recipeItem .recipeWish::before {content:'';display:inline-block;width:12px;height:12px;margin:1px 2px 0 0;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;column-gap:4px;position:absolute;top:0px;left:0px;height:26px;padding:0 8px;background:rgba(51,51,51,0.8);font-size:12px;letter-spacing:-0.24px;color:#FFFFFF}
.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.69/6}
.recipeGrp + .btnMore {display:flex;align-items:center;justify-content:center;width:480px;height:56px;margin:41px auto 0 auto;background:#F4F4F4;}
.recipeGrp + .btnMore:hover {background:#EEEEEE}
.recipeGrp + .btnMore::after {content:'';display:inline-block;width:6px;height:6px;margin:-1px 0 0 4px;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;column-gap:40px;position:relative;margin-bottom:14px;border-top:1px solid #333333}
.tabStyle1 .tabItem {position:relative;padding:26px 0;font-size:14px;background:#FFFFFF;color:#6B6B6B;white-space:nowrap}
.tabStyle1 .tabItem::before {content:'';display:inline-block;width:4px;height:4px;margin:6px 4px 0 0;background:#767676;vertical-align:top}
.tabStyle1 .tabItem.on {font-weight:700;color:#333333}
.tabStyle1 .tabItem.on::before {background-color:#333333}
.tabStyle1:has(+.tabStyle2) {margin:-20px 0 20px 0;border-top:0;justify-content:center}
.tabStyle1:has(+.tabStyle2) .tabItem {padding:0}
/* 회색라인/흰배경 - 전체보기+카테고리 */
.tabStyle2 {overflow-x:auto;overflow-y:hidden;display:flex;justify-content:center;margin-bottom:40px;padding:0 8px;border:1px solid #EEEEEE;border-top-color:#333333}
.tabStyle2 .tabItem {position:relative;height:68px;padding:0 21px;background:#FFFFFF;font-size:14px;letter-spacing:-0.35px;color:#767676;white-space:nowrap;cursor:pointer}
.tabStyle2 .tabItem + .tabItem::before {content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:14px;background:#E0E0E0}
.tabStyle2 .tabItem.on {font-weight:700;color:#333333}

/* 레시피::상세 */
.oRecipe .flexBox {display:flex;align-items:flex-start;column-gap:20px;padding-top:40px}
.oRecipe .stickyBox {flex-shrink:0;display:flex;flex-direction:column;row-gap:10px;position:sticky;top:0;left:920px;width:280px}
.oRecipe .stickyBox .brd {margin-top:72px;padding:24px 20px 0 20px;border:1px solid #EEEEEE;background:#FFFFFF}
.oRecipe .stickyBox .stickyCont {overflow-y:auto;max-height:594px;margin:0 -20px;padding:0 20px 24px 20px}
.oRecipe .stickyBox .stickyTtl {display:block;margin-bottom:12px;font-weight:700;font-size:16px;line-height:20px}
.oRecipe .stickyBox .stickyFooter {display:flex}
.oRecipe .stickyBox .stickyFooter .btnSticky {flex:1;display:flex;align-items:center;justify-content:center;height:50px;background:#6BA43A;font-size:14px;color:#FFFFFF}
.oRecipe .stickyBox .recipe_products + .recipe_products {margin-top:16px}
.oRecipe .stickyBox .recipe_products > a {display:flex;column-gap:8px}
.oRecipe .stickyBox .recipe_products .wrapImg {flex-shrink:0;width:100px;height:100px}
.oRecipe .stickyBox .recipe_products .wrapImg img {width:100%;height:100%;object-fit:cover}
.oRecipe .stickyBox .recipe_products .wrapInfo {flex:1}
.oRecipe .stickyBox .recipe_products .txt_title {overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:40px;font-size:13px;line-height:20px}
.oRecipe .stickyBox .recipe_products .txt_discount_won {display:block;margin-top:6px;font-size:13px}
.oRecipe .stickyBox .recipe_products .txt_discount_won .price_after b {display:inline-block;margin-right:2px;font-weight:700;font-size:16px;vertical-align:baseline}

.recipe_counter {display:flex;align-items:center;height:28px;margin-left:10px;padding:0 8px 0 9px;border:1px solid #E0E0E0;border-radius:14px;background:#FFFFFF;font-size:13px;color:#6E737F}
.recipe_counter .receipe_wish {line-height:1}
.recipe_counter .receipe_wish::before {content:'';display:inline-block;width:12px;height:11px;margin:1px 1px 0 0;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_heart_26.png) no-repeat center/100% auto;vertical-align:Top}
.recipe_counter:has(.receipe_wish_on) {border-color:#F51418}
.recipe_counter:has(.receipe_wish_on) .receipe_wish {color:#F51418}
.recipe_counter .receipe_wish_on::before {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_heart_24.png)}

.recipe_viewDesc {flex:1}
.recipe_viewDesc .in_viewDescTit {flex-grow:1;display:flex;align-items:center;margin-bottom:12px;padding:20px 0;border-bottom:1px solid #e0e0e0}
.recipe_viewDesc .in_viewDescTit h1 {font-size:24px}
.recipe_viewDesc .in_viewDescTit .noticeSnsWrap {margin-left:auto}
.recipe_viewDesc .recipe_view {display:block;font-size:13px}
.recipe_viewDesc .recipe_desc {max-width:800px;margin:0 auto}
.recipe_viewDesc .recipe_desc img {width:100%}

.recipe_videoBox {overflow:hidden;margin:40px 0 0 0;text-align:center}
.recipe_videoBox .video-js.ver {padding:0 !important;width:383px !important;height:680px !important;margin:0 auto}
.recipe_videoBox .video-js.hor {padding:0 !important;width:800px !important;height:450px !important;margin:0 auto}
.recipe_videoBox .video-js video {background:#fff}
.recipe_videoBox:has(.video-js) .recipe_desc:has(>div) {margin-top:60px;padding-top:80px;border-top:1px solid #EEEEEE}

.btnRecipeWrap {display:flex;align-items:center;justify-content:center;margin-top:60px;padding-top:18px;border-top:1px solid #EEEEEE}
.btnRecipeWrap a {display:inline-flex;align-items:center;justify-content:center;padding:0 15px;min-width:180px;height:56px;margin:0 5px;border:1px solid #E0E0E0;background:#fff;font-size:14px}
.btnRecipeWrap a.btnGreenLong {min-width:290px;background:#6BA43A;font-size:14px;color:#fff;border-color:#6BA43A}

/* 상세 옵션 상품 리스트 */
.detailview_option {border:1px solid #EEE;padding:30px 40px}
.detailview_option .prdType1 {display:flex;gap:0 35px}
.detailview_option .prdType1 > li {width:230px}
.detailview_option .prdType1 .prd_imgCont {position:relative;height:230px}
.detailview_option .prdType1 .prd_imgCont img {width:100%;height:100%;object-fit:cover}
.detailview_option .prdType1 .prd_imgCont .oBtn_addCart {position:absolute;right:10px;bottom:10px;width:40px;height:40px;border-radius:50%;background:#fff url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cart_40_2.png) no-repeat center center / 20px 20px;border:1px solid #E0E0E0;z-index:1}
.detailview_option .prdType1 .prd_txtCont {display:block;text-align:left;padding:12px 10px 0 0;line-height:1.42;}
.detailview_option .prdType1 .prd_txtCont > p {font-size:12px;color:#6b6b6b;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
.detailview_option .prdType1 .prd_txtCont > p br {display:none}
.detailview_option .prdType1 .in_optionBox {display:flex;align-items: center;gap:0 4px;margin-top:6px}
.detailview_option .prdType1 .in_optionBox dt {font-size:12px;background:#f4f4f4;border-radius:2px;height:18px;flex:none;width:30px;text-align: center;color:#585858}
.detailview_option .prdType1 .in_optionBox dd {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
.detailview_option .prdType1 .inPriceBox {font-size:14px;display:flex;gap:0 5px;align-items:baseline;margin-top:10px}
.detailview_option .prdType1 .inPriceBox em {font-size:17px;color:#6BA539}
.detailview_option .prdType1 .inPriceBox strong {font-weight:normal}
.detailview_option .prdType1 .inPriceBox strong b {font-size:17px}
.detailview_option .prdType1 .inPriceBox i {font-style:normal;color:#909090;text-decoration:line-through}
.detailview_option .option_pagingBox {position:relative;font-size:12px;display:flex;justify-content:center;align-items:center;margin-top:24px}
.detailview_option .option_pagingBox > * {position:static !important}
.detailview_option .option_pagingBox .swiper-pagination {width:auto;color:#6B6B6B}
.detailview_option .option_pagingBox .swiper-pagination .swiper-pagination-current {color:#333;font-weight:bold}
.detailview_option .option_pagingBox div[class^='swiper-button-'] {display:inline-block;width:24px;height:24px;border:1px solid #eee;background:none;opacity:1;position:relative !important;margin:0 10px;left:initial;right:initial}
.detailview_option .option_pagingBox div[class^='swiper-button-']::after {content:''; position:absolute;left:0;top:0;width:100%;height:100%;background:#fff no-repeat 50% 50% / 6px 9px}
.detailview_option .option_pagingBox .swiper-button-prev::after {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_black_left_12.png) !important}
.detailview_option .option_pagingBox .swiper-button-next::after {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_black_right_12.png) !important}
.detailview_option .option_pagingBox .swiper-button-disabled::after {opacity:.1}
.detailview_option:not(:has(.swiper-slide:nth-child(2))) .option_pagingBox {display:none}