@charset "utf-8";
@import url(../css/SpoqaHanSansNeo.css);
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/

/*noto font weight: 500(regular), 700(blold) ,800(black)*/
html, body{font-size:13px; line-height:140%; color:#666; font-family:"Spoqa Han Sans Neo", sans-serif; font-weight:400; color:#333; }
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, dfn, img, 
ins, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0}

a, abbr, acronym, audio, b, bdi, bdo, big, br, button, canvas, cite, code, data, datalist, del, dfn, em, embed, i, iframe, img, input, ins, kbd, label, map, mark, meter,
noscript, object, output, picture, progress, q, ruby, s, samp, script, select, slot, small, span, strong, sub, sup, svg, template, textarea, time, u, tt, var, video, wbr { padding:0px; margin:0px; }

address, article, aside, blockquote, details, dialog, dd, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, 
header, hgroup, hr, li, main, nav, ol, p, pre, section, table, ul { padding:0px; margin:0px; }

img, input, button, textarea {margin:0; padding:0; vertical-align: top; border:0; font-family:"Spoqa Han Sans Neo", sans-serif; font-weight:400; }
input:disabled, input[readonly] {background:#f7f8f9;color:#828282}
select{padding:0; margin:0; font-family:"Spoqa Han Sans Neo", sans-serif; font-weight:400; }
ul, ol, dl, dt, dd, li {list-style:none; vertical-align: top;}
img, fieldset {border:none;} 
li img {vertical-align:top;}
img { image-rendering: -webkit-optimize-contrast; }
table {border-spacing:0; padding:0; border:0;}
hr {display:none;}
button {border:none;cursor:pointer}
em{font-style:normal}
a, a:link, a:hover, a:focus, a:active { color:#333; }
a:link {text-decoration:none;}
.hidden { width:0px; height:0px; padding:0; margin:-1; border:0; font-size:0; line-height:0; overflow:hidden; }
a:hover, a:focus {}
.dpNone { display:none !important; }
.blind { display:block; position:absolute; width:0; height:0; padding:0; margin:-1px; font-size:0; line-height:0; overflow:hidden; }

input {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display:none}
textarea {resize:none}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.text_mainColor { color:#6ca435; }
.floatL{float:left}
.clear{clear:both}
.disFlex {display:flex}
.disInFlex {display:inline-flex}

/*select*/
.selectBoxWrap {display:inline-block;position:relative;min-width:160px;height:40px;border-radius:4px;background:url(../images/common/selectBg.png) right 50% no-repeat;border:1px solid #e0e0e0;color:#333;font-size:15px}
.selectBoxWrap label {position:absolute;top:50%;transform:translateY(-50%);left:12px;color:#333}
.selectBoxWrap select {width:100%;height:40px;opacity:0;filter:alpha(opacity=0);cursor:pointer}

/*checkbox*/
.checks {position: relative; display:inline-block} 
.checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 20px; height: 20px; line-height: 20px; margin:0; text-align: center; vertical-align: middle; background:url('../images/common/checkboxBg_off.png') no-repeat 0 0}
.checks input[type="checkbox"] + label:active:before, 
.checks input[type="checkbox"]:checked + label:active:before {}
.checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: ''; /* 체크표시 유니코드 사용 */ background:url('../images/common/checkboxBg_on.png') no-repeat 0 0}

/*radio 220727 녹색으로 수정 */
.radios {position: relative; display:inline-block} 
.radios input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.radios input[type="radio"] + label {display: inline-block;position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.radios input[type="radio"] + label:before {content:'';display: inline-block;width:24px;height:24px; line-height: 20px; margin:0; text-align: center; vertical-align: middle;border:1px solid #e0e0e0;border-radius:50%}
.radios input[type="radio"]:checked + label:before {border-color:#6ba43a}
.radios input[type="radio"]:checked + label:after {content:'';width:12px;height:12px;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);background-color:#6ba43a;border-radius:50%}

/* 페이징 */
.paging-wrap {margin-top: 20px; text-align: center;}
.paging-wrap ul {display: inline-block;}
.paging-wrap ul li {padding: 0 4px;float:left;}
.paging-wrap a,
.paging-wrap b { display: inline-block; font-size: 13px;color: #333;min-width:24px; padding: 0 6px; line-height: 24px; text-align: center;}
.paging-wrap b {background: #333; color: #fff; font-weight: normal;border-radius:4px}

/********** 레이아웃 **********/
.allWrap {position: relative; width:100%; min-width:1200px; height: 100%; min-height: 100%;}/* 240111_min-width 1026에서 변경 */

/*전체카테고리*/
.grCategoryWrap{display:none; position:absolute; top:163px; left:50%; margin-left:-513px; width:248px; height:419px; background:#fff; z-index:1000002} 
.grCategory_over{width:1026px}
.weekSaleBanner .grCategoryWrap{top:0; left:-31px}
.grCategoryWrap .grCategoryWrap_in{position:relative; font-weight:bold; }
.grCategoryMenu{width:250px; padding-top:10px}
.grCategoryMenu li .tit{display:block; padding:5px 0;}
.grCategoryMenu li .tit a{display:block;height:32px; padding-left:23px; line-height:30px; color:#272423; font-size:15px; font-weight:400; text-decoration:none}
.grCategoryMenu li .tit.on a{background:#e74d4c url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_right_7_2.png) no-repeat 218px 11px; color:#fff}
.grCategoryBanner{position:absolute; top:0; right:0}
.grCategoryWrap .grCategorySub{display:none; position:absolute; top:0; right:0; width:775px; height:238px; padding-top:180px; border-top:1px solid #dddddd; border-left:1px solid #dddddd}
.grCategoryWrap .grCategorySub > ul >li{float:left; width:160px; min-height:50px; padding-bottom:0; padding-left:30px}
.grCategoryWrap .grCategorySub > ul >li > a{color:#272423; font-size:15px; font-weight:400; line-height:37px}
.grCategoryWrap .grCategorySub > ul >li > ul > li a{color:#666; font-size:14px; line-height:23px}

/*푸터*/
.footerArea{background:#fff;} /*20180221 수정*/
.footerWrap{position:relative; width:1026px; padding-top:35px; margin:0 auto}
.footerArea .footerCopy p{line-height:18px; padding:0 0 35px; color:#a7a7a7; font-size:11px; font-weight:400; letter-spacing:1}

.snslink {padding-left:50px; display: inline-block;}
.snslink img{padding-right:5px}

/*20180221 추가 : 모바일버전 이동버튼*/
.mobileBtnWrap{padding:15px 0; background:#f8f8f8; text-align:center}
.mobileBtnWrap a{display:inline-block; width:186px; height:30px; padding-top:9px; line-height: 20px; text-align: center; font-size:16px; color:#333333; border:1px solid #d1d1d1; background:#fff}


/*컨텐츠*/
#sec_giftBg{background:url(https://oasisprodcom.edge.naverncp.com/pc/img/img_login_bg.jpg) no-repeat center top;}
.contentsWrap.grayBg{background:url('../images/common/subMainBg.jpg') repeat-x left 0;} /*20171227 추가*/
.contentsWrap .content{width:1195px; margin:0 auto; padding-bottom:50px}
.loginJoinBg .content{padding-bottom:0px; width:800px;}
.btn_cartFull {display:none}

/*스크롤시 헤더 상단고정*/
.oasisTopFix{position:fixed; top:0; width:100%; z-index:1100}
.oasisTopFix_con{margin-top:215px}


/*우측 퀵메뉴*/

/* .quickMenu{position:absolute; top:260px; left:50%; margin-left:548px; width:96px; z-index:110;} */
/* .mainConWrap .quickMenu{top:624px;} */

.quickMenu .quickList{background:#fff; border:1px solid #ddd}
.quickMenu .titBtnGray{display:inline-block; line-height:25px; padding:5px 10px; color:#fff; background:#a2a2a2; text-align:center; font-size:13px; font-weight:400; text-decoration:none}
.quickMenu .quickList .quickTit{display:block; height:28px; padding-top:4px; font-size:12px; color:#333333; font-weight:400; text-align:center;}
.quickMenu .quickList .quickTxt{height:160px; padding-top:94px; text-align:center}
.quickMenu .quickList ul{width:100%; min-height:230px;}
.quickMenu .quickList ul li{position:relative; width:74px; height:74px;  margin:0 auto; text-align:center; line-height:1;}
.quickMenu .quickList ul li:first-child{border-top:none}
.quickMenu .quickList ul li a img{position:relative; width:64px; height:64px; z-index:20;}
.quickMenu .quickBtn{position:relative; height:20px; border:1px solid #ddd; border-top:none; background-color:#fff;}
.quickMenu .quickBtn p{padding-top:1px; text-align:center}
.quickMenu .quickBtn p em{color:#e74d4c}
.quickMenu .quickBtn a{position:absolute; top:0; width:14px; height:14px; padding:6px 0 0 6px}
.quickMenu .quickBtn a.quickBtnPrev{left:0}
.quickMenu .quickBtn a.quickBtnNext{right:0}
.quickMenu .quickBanner{display:block; margin-top:5px}
.quickMenu .quickBanner ul li {margin-bottom:5px;}
.quickMenu .quickBanner ul li:last-child {margin-bottom:0}
.quickMenu .quickBtnTop{margin-top: 10px;}
.quickMenu .quickCustomer{margin-top:5px; border:1px solid #ddd; background:#f6f6f6}
.quickMenu .quickCustomer strong{display:block; height:24px; line-height:20px; padding-top:10px; text-align:center; color:#333333; font-size:14px; font-weight:500}
.quickMenu .quickCustomer p{height:28px; text-align:center}
.quickMenu .quickCustomer a{display:block; height:24px; line-height:20px; padding-top:4px; border-top:1px solid #ddd; font-size:12px; color:#666666; text-align:center; background:#fff; letter-spacing:-0.5px; text-decoration:none}

/* #quickMenuContent .pop_quick{position:absolute; top:-6px; right:-11px; z-index:10;} */

/* #quickMenuContent .pop_quick .btn_quick_close{position:absolute; top:0px; right:-20px;} */
/* #quickMenuContent .pop_quick .btn_quick_close img{width:20px; height:20px;} */

/* #quickMenuContent .txt_product{position:absolute; top:18px; left:13px; width:130px; letter-spacing:-1px; line-height:1.5; text-align:left; font-size:12px;} */
/* #quickMenuContent .txt_product p strong{color:#e53433; font-size:16px;} */

.quickMenu {position:fixed;bottom:100px;z-index:51;right:40px}
@media screen and (max-width: 1540px) {
  .quickMenu {right:calc(50% - 720px)}
}
.quickMenu .txt_branch{width:100%; padding:12px 0; text-align:Center; background-color:#f5f5f5;  line-height:1.5; font-weight:500; letter-spacing:-0.08em; border-bottom:1px solid #dddddd;}
.quickMenu .txt_branch > div{padding:0 0 10px 0; font-size:14px; color:#333;}
.quickMenu .txt_branch > div span{color:#6ca437;}
.quickView {width: 90px; min-height: 289px; margin: 10px 0; padding: 20px 0; border: 1px solid #eee; border-radius: 10px; background: #fff; text-align: center;}
.quickView .quickViewTit {padding-bottom: 19px; font-size: 12px;}
.quickView .quickViewList {height: 182px; margin-bottom: 20px;}
.quickView .quickViewList ul li {position: relative;}
.quickView .quickViewList ul li + li {margin-top: 10px;}
.quickView .quickViewList ul li > a {overflow: hidden; display: block; position: relative; width: 54px; height: 54px; margin: 0 auto; border-radius: 50%; z-index: 2;}
.quickView .quickViewList ul li > a::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.03);}
.quickView .quickViewList ul li a img {width: 100%;}
.quickView .quickArrow {position: relative;}
.quickView .quickArrow > p {font-size: 12px; color: #b2b2b2;}
.quickView .quickArrow > p em {color: #333;}
.quickView .quickArrow .quickBtnPrev {position: absolute; top: 0; left: 20px;}
.quickView .quickArrow .quickBtnPrev::before {content: '<';}
.quickView .quickArrow .quickBtnNext {position: absolute; top: 0; right: 20px;}
.quickView .quickArrow .quickBtnNext::before {content: '>';}
.quickMenu .quickMenuBtn + .quickMenuBtn {margin-top: 10px;}
.quickMenu .quickMenuBtn span,
.quickMenu .quickMenuBtn a {display: block; width: 90px; height: 40px; border-radius: 10px; font-size: 12px; line-height: 40px; text-align: center;}
.quickMenu .quickMenuBtn.btnTop a::after {content:'';display:inline-block;width:6px;height:6px;margin:18px 0 0 6px;border:solid #fff;border-width:1px 1px 0 0;transform:rotate(-45deg);vertical-align:top}
.quickMenu .pop_quick {position: absolute; top: -5px; right: 11px; width: 240px; height: 64px; padding: 16px 72px 16px 24px; border: 1px solid #333; border-radius: 34px; background: #fff; text-align: left;}
.quickMenu .pop_quick .tit {overflow:hidden; max-height:14px; font-size: 12px; line-height: 14px; text-overflow:ellipsis; white-space:nowrap}
.quickMenu .pop_quick .tit a br {display:none}
.quickMenu .pop_quick .price a {padding-top: 4px; font-size: 12px; color: #6ba539; line-height: 14px;}
.quickMenu .pop_quick .btn_quick_close {position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; background: #000; text-align: center;}
.quickMenu .pop_quick .btn_quick_close a::before {content: '\2715'; color: #fff; font-size: 10px; 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;}

/* 메인 swiper 배너 */
.oMain .mainTopBanner a.swiper-slide {height:357px}
.mainTopBanner {overflow: hidden;display:none}
.oMain .mainTopBanner {display:block}
.mainTopBanner .mainTop_innerBox {position: relative;width:1200px;margin:0 auto}
.mainTopBanner .swiper-container { position: relative; width:1200px; margin: 30px auto 0; z-index: auto;}
.mainTopBanner a.swiper-slide {overflow: hidden; width: 394px;transition: all .2s ease-in-out;}
.mainTopBanner a.swiper-slide.swiper-slide-active,
.mainTopBanner a.swiper-slide.swiper-slide-next {opacity: 1;}
.mainTopBanner a img {width: 100%;}
.mainTopBanner .swiper-button-prev, .mainTopBanner .swiper-button-next {width: 44px; height: 44px; margin-top: -44px; border: 1px solid #e0e0e0;background-color: #fff; background-size: 7px auto;}
.mainTopBanner .swiper-button-prev, .mainTopBanner .swiper-container-rtl .swiper-button-next {left: -22px; background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_left_7.png);}
.mainTopBanner .swiper-button-next, .mainTopBanner .swiper-container-rtl .swiper-button-prev {right: -22px; background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_right_7.png);}
.mainTopBanner .swiper-control {position: relative; margin-top: 20px; text-align: center;}
.mainTopBanner .swiper-control .swiper-pagination-fraction {display: inline-block; position: revert; width: 88px; height: 30px; padding: 0 30px 0 14px; margin: 0 auto; border: 1px solid #eee; border-radius: 15px; color: #b2b2b2; font-size: 13px; line-height: 28px; vertical-align: top;}
.mainTopBanner .swiper-control .swiper-pagination-current {display: inline-block; width: 15px; color: #333; text-align: right; vertical-align: top;}
.mainTopBanner .swiper-control .swiper-pagination-total {display: inline-block; width: 15px; color: #b2b2b2; text-align: left; vertical-align: top;}
.mainTopBanner .swiper-control .play {display: inline-block; vertical-align: top;}
.mainTopBanner .swiper-control .play button {width: 30px; height: 30px; margin-right: 10px; border: 1px solid #eee; background: #fff; border-radius: 15px; cursor: pointer;}
.mainTopBanner .swiper-control .play button.on {display: none;}
.mainTopBanner .swiper-control .play .start::after {content: ''; display: block; width: 8px; height: 10px; margin: 0 auto; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_play_8.png) no-repeat;}
.mainTopBanner .swiper-control .play .stop::after {content: ''; display: block; width: 6px; height: 10px; margin: 0 auto; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_pause_6.png) no-repeat;}
.mainTopBanner .swiper-control .mainBannerAll {text-align: left;}
.mainTopBanner .swiper-control .mainBannerAll .showOn {position: absolute; top: 0; right: 50%; height: 30px; margin-right: -65px; padding: 0 13px 0 4px; border-radius: 50%; line-height: 28px; text-align: center; z-index: 10;}
.mainTopBanner .swiper-control .mainBannerAll .showOn::before {content: '\002b'; font-size: 18px; line-height: 30px;}
.mainTopBanner .swiper-control .mainBannerAll .bannerAllWrap {display: none;}
.mainTopBanner .swiper-control .mainBannerAll.active .showOn {display: block; position: fixed; top: 50px; right: 50%; width: 56px; height: 56px; margin-right: -570px; padding: 0; border-radius: 0; background: #000; line-height: 56px; text-align: center; z-index: 1000;}
.mainTopBanner .swiper-control .mainBannerAll.active .showOn::before {content: '\2715'; color: #fff; font-size: 26px; line-height: 56px;}
.mainTopBanner .swiper-control .mainBannerAll.active .bannerAllWrap {overflow-y: auto; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); font-size: 13px; z-index: 999; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.mainTopBanner .swiper-control .mainBannerAll.active .bannerAllWrap::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.mainTopBanner .swiper-control .mainBannerAll.active .bannerAllWrap ul {width: 1009px; margin: 45px auto;}
.mainTopBanner .swiper-control .mainBannerAll.active .bannerAllWrap ul li {display: inline-block; width: 331px; height: auto; margin: 5px 0 0 5px; vertical-align: top;}
.mainTopBanner .swiper-control .mainBannerAll.active .bannerAllWrap ul li:nth-child(3n+1) {margin-left: 0;}
.mainTopBanner .swiper-control .mainBannerAll.active .bannerAllWrap ul li a {display:block;height:300px;overflow: hidden;}
.mainTopBanner .swiper-control .mainBannerAll.active .bannerAllWrap ul li a img {width: 100%;}


/*swiper슬라이드 통합 관리 좌우 슬라이드*/
.banner.oSwiper { position:relative; overflow:hidden; }
.banner.oSwiper .swiper-pagination {  }
.banner.oSwiper .swiper-pagination .swiper-pagination-bullet { display:inline-block; width:15px; height:15px; border-radius:50%; background-color:#aaa; opacity:0.6; }
.banner.oSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#fff; }
.banner.oSwiper .swiper-button-prev,
.banner.oSwiper .swiper-button-next { display:inline-block; display:none !important; position:absolute; top:50%; margin-top:0px !important; transform:translateY(-50%); min-width:59px !important; width:59px !important; height:59px !important; padding-top:59px; z-index: 11; border-radius:50%; overflow:hidden; }
.banner.oSwiper:hover .swiper-button-prev, .oSwiper:hover .swiper-button-next { display:inline-block !important; } 
.banner.oSwiper .swiper-button-prev { left:50%; margin-left:-600px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_left_59.png) no-repeat 0 0; }
.banner.oSwiper .swiper-button-next { right:50%; margin-right:-600px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_right_59.png) no-repeat 0 0; }

.banner.oSwiper .pager_bullets { position:absolute; z-index:100; text-align:center; }
.banner.oSwiper .pager_bullets .swiper-pagination-bullet { display:inline-block; width:15px; height:15px; border-radius:50%; background-color:#aaa; opacity:0.6; }
.banner.oSwiper .pager_bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#fff; }

.swiperContent { position:relative; }
.swiperContent .swiper-pagination { display:none; }
.swiperContent .swiper-pagination .swiper-pagination-bullet { display:inline-block; width:15px; height:15px; border-radius:50%; background-color:#aaa; opacity:0.6; }
.swiperContent .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#fff; }
.swiperContent .swiper-button-prev,
.swiperContent .swiper-button-next { display:inline-block; display:none !important; position:absolute; top:50%; margin-top:0px !important; transform:translateY(-50%); min-width:59px !important; width:59px !important; height:59px !important; padding-top:59px; z-index: 11; border-radius:50%; overflow:hidden; }
.swiperContent:hover .swiper-button-prev, .swiperContent:hover .swiper-button-next { display:inline-block !important; } 
.swiperContent .swiper-button-prev { left:1%; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_left_59.png) no-repeat 0 0; }
.swiperContent .swiper-button-next { right:1%; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_right_59.png) no-repeat 0 0; }
 
/* main >> slider, 메인 오!감동 */
.direct_area{position:relative; width:100%; height:540px;/*  background-color:#f7f7f7; */}/* 20180526 여백 삭제  margin-bottom:50px*/
.direct_area .listHeader h3 {height: 65px; line-height: 65px; font-size: 36px; font-weight: 500; letter-spacing: -0.5px; text-align: center;}

#coverflow{overflow:hidden; position:absolute; top:0px; right:7px; width:760px; height:560px; text-align:right;}

.flipster--coverflow .flipster__container{padding:80px 0!important; height:400px;}

.btn_direct_prev{position:absolute; top:226px; left:50%; margin-left:-205px; z-index:190; display: inline-block; *zoom: 1; *display: inline;}
.btn_direct_next{position:absolute; top:283px; left:50%; margin-left:-205px; z-index:190; display: inline-block; *zoom: 1; *display: inline;}

.tit_area_direct{position:Absolute; top:118px; left:50%; margin-left:-510px; font-size:26px; color:#1c1c1c; letter-spacing:-0.1em; z-index:190; display: inline-block; *zoom: 1; *display: inline;}
.tit_area_direct strong{font-size:26px; font-weight:500; color:#333333;}

/*20180526 산지직송더보기 추가 */

.more_area { position: relative; width: 100%; height: 100px;  /* background-color: #f7f7f7; */ /* margin-bottom: 50px; */}
.more_area2 {position: relative; width: 1026px;  margin: 0 auto}


/* main >> 중간 배너 */
.banner_m_area{overflow:hidden; width:1026px; margin:0 auto; padding:0 0 110px 0;}
.banner_m_area ul{overflow:hidden; width:1100px; height:140px;}
.banner_m_area ul li{floaT:left; margin-right:22px;}

/* common >> slider, 퀵버튼 */
#quickSlide,
#quickSlide .bxslider li div{position:relative; width:90px; margin-bottom:20px;} /* 슬라이드 영역 지정 */
#quickSlide .bxslider li img{width:96px; text-align:center;}
#quickSlide .bx-pager{position:absolute; top:138px; width:100%; text-align:Center;}
#quickSlide .bx-pager.bx-default-pager a{background: #656563;} /* paging OFF */
#quickSlide .bx-pager.bx-default-pager a.active {background: #fff;} /* paging ON */


/* common >> slider, 상세보기 */
#pViewSlide,
#pViewSlide .bxslider li div{position:relative; width:416px; height:416px;} /* 슬라이드 영역 지정 */
#pViewSlide .bxslider li img{width:416px; text-align:center;}
#pViewSlide .bx-pager{position:absolute; top:390px; width:100%; text-align:Center;}
#pViewSlide .bx-pager.bx-default-pager a{margin:0 5px; width:12px; height:12px; background: #fff; border:1px solid #645349;} /* paging OFF */
#pViewSlide .bx-pager.bx-default-pager a.active{ background: #645349; border:1px solid #fff;}  /* paging ON */


/* layout */
.positionR{position:relative;}
#bg_layer{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.75; -moz-opacity:0.75; filter: alpha(opacity=75); background-color:#000000; z-index:10;}

.delivery_area{width:100%; height:37px; line-height:37px;}
.delivery_area a span{display:inline-block; width:100%; font-size:14px; text-align:Center;  background-color:#6ca437; color:#fff; font-weight:500;}

.contents{position:relative; width:1026px; margin:0 auto;}

#ico_leaf{position:absolute; top:1450px; left:0; z-index:50;}
#ico_left_circle{position:absolute; top:610px; left:0; z-index:-1}
#ico_right_basket{position:absolute; top:1250px; right:0; z-index:50;}

.header_area{position:relative; height:120px;}
.header_area .h1_logo{position:absolute; top:45px; left:50%; margin-left:-104px;}

/* layout >> footer */

.mypage_footer_area{overflow:hidden; height:236px; background-color:#f8f8f8;}
.mypage_footer_area .contents{overflow:hidden; height:100%;}

.footerWrap{position:relative; padding-top:0; width:100%; background-color:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

.footerArea{border-top:1px solid #ddd;}

.footerArea .footerCopy p{font-size:14px; line-height:2; color:#313131; font-weight:400;}

.footerArea .footerCopy p span,
.footerArea .footerCopy p img{vertical-align:middle;}

.footerArea .footerCopy p img{margin:0 0 0 20px;}
.footerArea .footerCopy .operatingTime {font-size:12px;}
/*============================ //2017-11-01 / TAEHEE KIM =============================*/

/* 오아시스 배송지역 찾기 */
.popOasisDeliveryInfo { height:113px; background:#f2f2f2 url(https://oasisprodcom.edge.naverncp.com/pc/img/img_bg_delivery.gif) no-repeat; font-size:16px; color:#666666; background-size:auto 100%; padding-left:125px; padding-top:30px; line-height:19px; text-align:left;}
.popOasisDeliveryClose {background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cross_58.png) no-repeat; width:20px; height:20px; display:block; background-size:100% auto}

.oasisLayerPop.findDlvy_pop {left:0;right:0;width:640px;height:auto;margin:0 auto;color:#333333;transform:translateY(-50%)}
.findDlvy_cont {overflow-y:auto;max-height:calc(100vh - 122px);padding:30px 24px 40px 24px;letter-spacing:-0.8px;text-align:center}
.findDlvy_cont::before {content:'';display:block;width:100px;height:100px;margin:0 auto 30px auto;border-radius:50%;background:#6CA13A url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_delivery_200.png) no-repeat center/100% auto}
.findDlvy_ttl {font-weight:700;font-size:24px;line-height:30px;letter-spacing:-1.2px}
.findDlvy_ttl .col-green {color:#6CA239}
.findDlvy_desc {margin-top:14px;font-size:18px;line-height:22px}
.findDlvy_btn {overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;width:460px;height:60px;margin:30px auto 0 auto;padding:0 70px 0 30px;border:1px solid #CCCCCC;border-radius:100px;background:#FFFFFF url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_search_52.png) no-repeat top 16px right 29px/26px auto;font-size:16px;text-align:left;cursor:pointer}
.findDlvy_btn .col-gray {color:#ADADAD}
.findDlvy_result {display:block;margin:22px 0 -2px 0;font-size:18px;line-height:26px}
.findDlvy_result .col-green {color:#6BA43A}
.findDlvy_result .col-red {color:#EA5D5D}
.findDlvy_box {margin-top:40px;padding:14px 20px;background:#F2F2F2;font-size:14px;line-height:26px}

.scWordList1 {border:1px solid #d6d6d6; border-top:none}
.scWordList1 li {position:relative}
.scWordList1 li a.scwListTxt {display:inline-block; min-width:50%; height:28px; line-height:28px; font-size:13px; letter-spacing: -0.5px; color:#222}
.scWordList1 li a.scwListDel {position:absolute; top:0; right:10px; width:25px; height:25px; font-size:0; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cross_58.png) no-repeat right 8px; background-size:11px auto}

.attachFileItem { position:relative; font-size:12px; color:white; display:inline-block; padding: 5px 30px 5px 20px; border-radius: 25px; background:#6da142; margin:2px }
.attachFileItem a {position:absolute;background:url('../images/common/topBannerClose.png') no-repeat 0 0;width:20px;height:20px;right: 4px;top: 7px;background-size:12px; }

/* 공용: 노트박스 주의박스 공지박스 공지사항*/
dl.noteBox { padding:15px; background-color:#fafafa; line-height:18px; font-size:16px; }
dl.noteBox dt { position:relative; padding-left:17px; margin-bottom:5px; color:#333; }
dl.noteBox dt::before { content:"\0021"; display:inline-block; position:absolute; left:0; top:2px; width:14px; height:14px; background-color:#333; border-radius:50%; line-height:14px; text-align:center; font-size:10px; color:#fff; }
dl.noteBox dd { position:relative; padding-left:5px; color:#888; }
dl.noteBox dd::before { content:""; display:inline-block; position:absolute; left:0; top:8px; width:2px; height:2px; background-color:#888; border-radius:50%; }
p.noteBox { padding:14px 20px !important; background-color:#fafafa; /*border:1px solid #eee;*/ line-height:22px !important; font-size:16px; letter-spacing:-0.52px; }
p.noteBox span { display:inline-block; white-space:nowrap; }


/********************************************************/
/***********************************************PC 메인 */
/********************************************************/

/*메인 : 상단메뉴*/
.oHeader .gnb {height:54px}
.oHeader .gnb .innerBox {width:100%;min-width:1200px;height:54px;position:relative;text-align:center}
.oHeader .gnb .innerBox::after {content: '';display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#eee;z-index:-1}
.oHeader .gnb.scroll .innerBox {position:fixed;opacity:0.9;top:0px;z-index:100;background-color:#fff;box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.1)}
.oHeader .gnb .innerBox > ul {display:flex;width:1200px;height:54px;margin:0px auto}
.oHeader .gnb .innerBox > ul > li {position:relative;width:100px;height:54px;display:flex;align-items:center}
.oHeader .gnb .innerBox > ul > li > a { display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:15px;font-weight:400}
.oHeader .gnb .innerBox > ul > li > a:hover {color:#6ba43a;text-decoration:underline;text-underline-position:from-font}
.oHeader .gnb .innerBox > ul > li.active::after {content: '';display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:3px;background:#333}
.oHeader .gnb .innerBox > ul > li:nth-of-type(1) {width:160px;text-align:left;margin-right:40px}
.oHeader .gnb .innerBox > ul > li:nth-of-type(1) > a:before {content:"";display:inline-block;width:14px;height:12px;margin-right:8px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_menu_14_b.png) no-repeat 0 0}
.oHeader .gnb .innerBox > ul > li:nth-of-type(1):hover > a:before {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_menu_14.png)}
.oHeader .gnb .innerBox > ul > li:nth-of-type(1):hover > a {text-decoration:none;color:#6ba43a}
.oHeader .gnb .innerBox > ul > li:nth-of-type(1) > a {justify-content:flex-start;padding-left:4px}

.gnb_allCat {display:none;position:absolute;left:0;top:53px;height:660px;width:200px;z-index:100;overflow:hidden;font-size:15px}
@media screen and (max-height:900px) {
  .gnb_allCat {height:calc(76.6vh - 80px)}
}
.gnb_allCat.on {background-color:#f4f4f4;width:400px}
.gnb_allCat ul {overflow-y:auto;overscroll-behavior:none;height:100%;border:1px solid #e0e0e0;width:200px}
.gnb_allCat ul::-webkit-scrollbar {width:4px}
.gnb_allCat ul::-webkit-scrollbar-thumb {border-radius:10px;background-color:#6ba43a;background-clip:content-box}
.gnb_allCat > .gnb_allCat_category {background-color:#fff}
.gnb_allCat > .gnb_allCat_category li {letter-spacing:-.45px;height:44px;font-weight:500}
.gnb_allCat > .gnb_allCat_category li a {display:block;width:100%;padding:14px 20px 14px 30px;line-height:1.07;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gnb_allCat > .gnb_allCat_category li.on a {background-color:#f4f4f4}
.gnb_allCat > .gnb_allCat_category > li.on > a {color:#6ba43a}
.gnb_allCat > .gnb_allCat_category > li > a:after {content:'';display:none;width:6px;height:6px;border-right:1px solid #333;border-top:1px solid #333;transform:rotate(45deg);position:relative;top:-3px;left:4px}
.gnb_allCat > .gnb_allCat_category > li.on > a:after {display:inline-block;border-color:#6ba43a}
.gnb_allCat > .gnb_allCat_category > li > .subBox {position:absolute;left:200px;top:0;opacity:0;height:100%;background-color:#f4f4f4;transition:.3s ease-in-out}
.gnb_allCat > .gnb_allCat_category > li > .subBox ul {border-left:0}
.gnb_allCat > .gnb_allCat_category > li.on > .subBox {opacity:1;z-index:100}
.gnb_allCat > .gnb_allCat_category > li > .subBox li > a:hover {text-decoration:underline;text-underline-position:from-font;color:#6ba43a}
.gnb_allCat > .gnb_allCat_category > li:nth-last-of-type(-n+4) a::after {display:inline-block}
.gnb_allCat > .gnb_allCat_category > li:nth-last-of-type(-n+4) {border-top:1px solid #e0e0e0;font-weight:400}
.gnb_allCat > .gnb_allCat_category > li:nth-last-of-type(-n+4):hover a,
.gnb_allCat > .gnb_allCat_category > li:nth-last-of-type(-n+4):hover a::after {border-color:#333;color:#333}
.gnb_allCat > .gnb_allCat_category > li:nth-last-of-type(4) {position:relative;border-top:4px solid #f4f4f4;height:48px}
.gnb_allCat > .gnb_allCat_category > li:nth-last-of-type(4)::before {content:'';position:absolute;width:100%;height:1px;background-color:#e0e0e0;top:-1px;left:0}

/* 브랜드몰 gnb */
.brandGnb_allCat {display:none;position:absolute;left:0;top:54px;height:438px;width:100%;z-index:100;overflow:hidden;background: #fff;border-bottom:1px solid #eee;font-family:'Montserrat';}
.headerGnbWrap.on .brandGnb_allCat {display:block}
.headerGnbWrap.on .gnb_first a::after {content:'';width:107px;height:2px;background:#333;position:absolute;left:0;bottom:0}
.brandGnb_navSect {width:1200px;height:100%;margin:0 auto;display:flex;justify-content:space-between;padding:30px 0}
.brandGnb_navSect .rigVisualBox {border-left:1px solid #EEE}
.brandGnb_navSect .nav_visualList {display:flex;}
.brandGnb_navSect .nav_visualList li {width:152px;margin-left:20px}
.brandGnb_navSect .nav_visualList li:first-child {margin-left:50px}
.brandGnb_navSect .nav_visualList li a {display:block;position:relative;height:216px}
.brandGnb_navSect .nav_visualList li img {width:100%;height:100%;object-fit:cover;}
.brandGnb_navSect .nav_visualList li strong {position:absolute;width:100%;height:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;background:rgba(51,51,51,.3)}

.brandGnb_allCat .gnb_allCat_category {width:147px;position:relative}
.brandGnb_allCat .gnb_allCat_category .cat_sub > a {display:block;font-size:15px;text-align:left}
.brandGnb_allCat .gnb_allCat_category .cat_sub+.cat_sub {margin-top:24px}
.brandGnb_allCat .gnb_allCat_category .cat_sub.on {font-weight:bold}
.brandGnb_allCat .gnb_allCat_category .cat_sub.on > a {color:#333}
.brandGnb_allCat .gnb_allCat_category li > a:after {content:'';display:none;width:8px;height:8px;border-right:2px solid #333;border-top:2px solid #333;transform:rotate(45deg);position:relative;top:-2px;left:4px}
.brandGnb_allCat .gnb_allCat_category li.on > a:after {display:inline-block;border-color:#333;font-weight:bold}
.brandGnb_allCat .gnb_allCat_category .subBox {position:absolute;left:147px;top:0;width:650px;opacity:0;height:100%;transition:.3s ease-in-out;background:#fff}
.brandGnb_allCat .gnb_allCat_category .subBox ul {display:flex;flex-wrap:wrap}
.brandGnb_allCat .gnb_allCat_category .subBox ul li {width:20%;padding-right:20px}
.brandGnb_allCat .gnb_allCat_category .subBox ul li+li+li+li+li+li {margin-top:12px}
.brandGnb_allCat .gnb_allCat_category .subBox li > a {font-size:14px;display:block;text-align:left;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;color:#6B6B6B;font-weight:400}
.brandGnb_allCat .gnb_allCat_category .subBox li > a:hover {text-decoration:underline;text-underline-position:from-font;color:#333}
.brandGnb_allCat .gnb_allCat_category li.on > .subBox {opacity:1;z-index:100}

/*탭메뉴슬라이드*/
.otabScrollMenu { width:100%; }
.otabScrollMenu *, .otabScrollMenu *:before, .otabScrollMenu *:after { box-sizing:border-box; }
.otabScrollMenu .scrollBox { width:100%; background-color:#fff; }
.otabScrollMenu.scroll .scrollBox { position:fixed; top:0px; }
.otabScrollMenu ul { width:1026px; margin:0px auto; text-align:center; }
.otabScrollMenu ul li { display:inline-block; width:calc(100% / 3); height:100px; line-height:100px; vertical-align:top; position:relative; }
.otabScrollMenu ul li:before { content:""; display:block; width:1px; height:30px; border-left:1px solid #e0e0e0; position:absolute; left:0px; top:50%; transform:translateY(-50%); }
.otabScrollMenu ul li:first-of-type:before { display:none; }
.otabScrollMenu ul li a { display:inline-block; height:100px; line-height:100px; padding:0px 15px; text-align:center; font-size:32px; letter-spacing:-1px; word-spacing:-3px; }
/* .otabScrollMenu ul li:hover, */
.otabScrollMenu ul li.active a { border-bottom:5px solid #6ba543; }

/* 탭메뉴슬라이드::꾸러미 */
.rdPackageHeader {overflow: hidden; width: 1200px; height: 110px; margin: 0 auto; line-height: 110px;}
.rdPackageHeader span {float: left; font-size: 20px; color: #333;}
.rdPackageHeader a {float: right; font-weight: 500; font-size: 20px; color: #333;}
.rdPackageHeader a::after {content: '>'; padding-left: 10px;}
.rdPackage .otabScrollListWrap {width: 1200px; margin: 0 auto;}
.rdPackage .otabScrollListWrap::after {content: ''; display: block; clear: both;}
.rdPackage .otabScrollMenu.scroll {position: fixed; top: 0; left: 0;z-index: 1;}
.rdPackage .otabScrollMenu.scroll .scrollBox {position: revert;}
.rdPackage .otabScrollMenu.scroll + .otabScrollListWrap {padding-top: 286px;}
.rdPackage .otabScrollMenu {border-bottom: 1px solid #f0f0f0;}
.rdPackage .otabScrollMenu .scrollBox {width: 963px; margin: 0 auto; background: #fff;}
.rdPackage .otabScrollMenu ul {width: 100%; padding: 43px 0 67px 0; text-align: left;}
.rdPackage .otabScrollMenu ul li {width: auto; height: 32px; margin-top: 24px; margin-right: 12px; line-height: 32px;}
.rdPackage .otabScrollMenu ul li::before {display: none;}
.rdPackage .otabScrollMenu ul li a {height: 32px; padding: 0 10px; border: 1px solid #959595; border-radius: 27px; font-size: 21px; color: #B7B7B7; line-height: 32px; box-sizing: border-box;}
.rdPackage .otabScrollMenu ul li.active a {border-color: #11440B; background: #11440B; color: #fff;}
.rdPackage .otabScrollList {overflow: hidden; float: left; position: relative; width: 487px; margin-left: 50px; margin-bottom: 138px;}
.rdPackage .otabScrollList:nth-child(2n+1) {margin-left: 0;}
.rdPackage .otabScrollList .imgStatus figure {position: relative; min-height: 200px; padding-top: 60%; overflow: hidden; background: #f3f3f3; box-sizing: border-box;}
.rdPackage .otabScrollList .imgStatus figure a {display: block;}
.rdPackage .otabScrollList .imgStatus figure a img {position: absolute; right: 0; bottom: -16%; left: 0; margin: 0 auto; width: 100%; height: auto; overflow: hidden; filter: brightness(.97); transition: all 0.3s ease-in-out;}
.rdPackage .otabScrollList .imgStatus figure:hover a img {transform: scale(1.1);}
.rdPackage .otabScrollList .infoArea .infoTit {padding-top: 20px; letter-spacing: -1px; word-break: keep-all;}
.rdPackage .otabScrollList .infoArea .infoTit h3 {height: 80px; font-weight: 400; font-size: 30px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.rdPackage .otabScrollList .infoArea .infoTit h3 b {font-weight: 600;}
.rdPackage .otabScrollList .infoArea .infoTit p {padding-top: 14px; font-weight: 300; font-size: 20px; line-height: 35px; height: 105px;}
.rdPackage .otabScrollList .infoPrice {padding-top: 48px; line-height: 35px; letter-spacing: -.5px;}
.rdPackage .otabScrollList .infoPrice span em {font-weight: 300; font-size: 16px;}
.rdPackage .otabScrollList .infoPrice span + span {padding-left: 8px;}
.rdPackage .otabScrollList .infoPrice .priceRate {font-size: 32px; color: #6C9B30;}
.rdPackage .otabScrollList .infoPrice .buyPrice {font-weight: 300; font-size: 33px; color: #373737;}
.rdPackage .otabScrollList .infoPrice .buyPrice em {font-size: 17px;}
.rdPackage .otabScrollList .infoPrice .salePrice {font-weight: 300; font-size: 24px; color: #959595;}
.rdPackage .otabScrollList .showPd {display: block; position: absolute; bottom: 2px; right: 0; width: auto; height: 40px; padding: 0 18px; border-radius: 27px; background: #6C9B30; font-size: 23px; color: #fff; line-height: 40px;}


/*검색창 > 상단검색바 추가*/
.search-auto-complete-wrap { display:none; position:absolute; top:93px; right:2px; z-index:235; background:#ffffff; width:347px; border:1px solid #dfdfdf; }
.search-auto-complete-wrap h4 {display:none; color:#cbcbcb; padding:20px 15px 7px 15px; font-weight:normal; }
.search-auto-complete-wrap ul {  margin:10px 15px 7px 15px; }
.search-auto-complete-wrap ul li { border-top:0px solid #ececec; border-bottom:1px solid #ececec; font-weight:normal; transform: translateX(-100%); transition: transform 0.5s, opacity 2s; opacity:0; }
/* .search-auto-complete-wrap ul li:nth-last-of-type(1) { border-bottom:0px solid #ececec; } */
.search-auto-complete-wrap ul li.show-item { opacity: 1;transform: translateX(0%); }
.search-auto-complete-wrap div.noResult { text-align:center; padding:20px 0; letter-spacing:-1px; font-size:15px; font-weight:normal; }
.search-auto-complete-wrap ul li a { display:block; /* padding:15px 10px 15px 17px; */ padding:15px 10px 15px 2px; color:#666; /* background:url("../mobile/img/shop/ico_search.png") no-repeat left center; background-size:14px auto; */ font-size:13px; }
.search-auto-complete-wrap ul li a:hover { background-color:#f9fafb; }
.search-auto-complete-wrap ul li b { color:#6ca435; font-weight:bold; }

/*다이얼로그팝업*/
.oDialog {  }
.oDialog.inventory_bell_dialog {position:fixed;top:0;left:0;width:0%;height:100%;margin:0;z-index:10000}
.oDialog:after { content:""; display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:#000; opacity:0.5; z-index:560; }
.oDialog .oDialog_pop {position:fixed;top:50%;left:0;right:0;transform:translateY(-50%);width:300px;margin:0 auto;background-color:#fff;text-align:center;z-index:570;}
.oDialog .oDialog_pop .oDialog_pop_inner {position:relative;padding:50px 0 36px 0}
.oDialog .oDialog_pop .oDialog_pop_inner::before {content:'';display:block;width:100px;height:100px;margin:0 auto 40px auto;border-radius:50%;background:#F7F8F9 url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_app_96.png) no-repeat center/48px auto}
.oDialog .oDialog_pop .oDialog_pop_title {font-weight:700;font-size:15px;line-height:19px;letter-spacing:-0.75px;word-break:keep-all}
.oDialog .oDialog_pop .oDialog_pop_text {margin-top:8px;font-size:14px;line-height:18px;letter-spacing:-0.7px}
.oDialog .oDialog_pop p b {color:#699D3A}
.oDialog .oDialog_pop a.oDialog_btns {display:flex;align-items:center;justify-content:center;width:100%;height:40px;background:#699D3A;font-weight:500;font-size:14px;letter-spacing:-0.7px;color:#FFFFFF}
.oDialog .oDialog_pop a.oDialog_btns::before {content:'';display:inline-block;width:32px;height:32px;margin-right:7px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_logo_146.png) no-repeat center/100% auto;vertical-align:top}
.oDialog .oDialog_pop a.oDialog_btns::after {content:'';display:inline-block;width:14px;height:14px;margin-left:4px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_download_28_2.png) no-repeat center/100% auto;vertical-align:top}
.oDialog .oDialog_pop a.oDialog_pop_close {position:absolute;top:10px;right:10px;width:35px;height:35px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_30.png) no-repeat center/15px auto}

/*리뉴얼 메인*/
.oWrap {  }
.oWrap.oMain {  }
.oHeader { box-sizing:border-box; text-align:center; }
.oHeader * { box-sizing:border-box; }
.oHeader .topPmBanner { background-color:#f0f4e6; text-align:center; }
.oHeader .topPmBanner .tpbInner { position:relative; background-color:#F0F4E6; width:1200px; height:60px; line-height:60px; margin:0px auto; }
.oHeader .topPmBanner .tpbInner > p { vertical-align:top; /* margin-top:-4px; */ }
.oHeader .topPmBanner .tpbInner > p a {display:flex;align-items:center;justify-content: center;width: 1200px;margin: 0 auto;position: relative;height: 60px;font-size: 18px;letter-spacing: -1px;color: #3c6300}
.oHeader .topPmBanner .tpbInner > p a > * { vertical-align:top; }
.oHeader .topPmBanner .tpbInner > p a b {margin:0 2px 0 3px;font-weight:500;}
.oHeader .topPmBanner .tpbInner > p a strong {display:inline-flex;align-items:center;height:23px;margin-left:5px;padding:0 10px;border-radius:6px;background-color:#3C6300;font-weight:400;font-size:14px;color:#FFFFFF}
.oHeader .topPmBanner .tpbInner > p a strong:after {content:'';display:inline-block;width:7px;height:7px;margin-left:4px;border:solid #FFFFFF;border-width:1px 1px 0 0;transform:rotate(45deg);vertical-align:top}
.oHeader .topPmBanner .tpbInner > p a:hover strong { background-color:#365801; }
/* .oHeader .topPmBanner .tpbInner > a {display:inline-block; position: absolute; left:initial; right:0px; top:0px; width:60px; height:60px; margin-left:0px; line-height:60px; z-index:2; text-align:center; overflow:hidden; font-size:22px; }
.oHeader .topPmBanner .tpbInner > a:before {content:"\2573"; display:inline-block; height:60px; line-height:60px; width:60px; opacity:0.2; transition:all ease 0.3s; vertical-align:top; text-align:center; overflow:hidden; }
.oHeader .topPmBanner .tpbInner > a:hover {background-color:#e7eeda}
.oHeader .topPmBanner .tpbInner > a:hover:before {transform:rotate(90deg)} */
.oHeader .topPmBanner .tpbInner > a {position:absolute;top:0;right:0;z-index:1;width:60px;height:60px;background:no-repeat center/20px auto;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ugiOydtOyWtF8yIiBkYXRhLW5hbWU9IuugiOydtOyWtCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Mi4xMSA0MS41NyI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2NlZDFjNjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9Il/roIjsnbTslrRfMS0yIiBkYXRhLW5hbWU9IuugiOydtOyWtCAxIj4KICAgIDxnPgogICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHg9Ii02Ljg3IiB5PSIxOS43IiB3aWR0aD0iNTYuNTYiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTguMzcgMjEuMikgcm90YXRlKC00NSkiLz4KICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSItNy41OCIgeT0iMTkuODciIHdpZHRoPSI1Ni41NiIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC41OSA1MC4yNykgcm90YXRlKC0xMzUpIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=);transition:all .2s}
.oHeader .topPmBanner .tpbInner > a:hover {transform:rotate(90deg)}
.oHeader .header_area { width:1200px; margin:0 auto;text-align:left;height:106px}
.oHeader .header_area .contents { position:relative;width:1200px;margin:0 auto}
.oHeader .header_area .tMenu {display:flex;justify-content:space-between;padding-top:15px}
.oHeader .header_area .tMenu ul {display:flex;align-items:center}
.oHeader .header_area .tMenu ul li {position:relative;line-height:1}
.oHeader .header_area .tMenu ul li+li {margin-left:21px}
.oHeader .header_area .tMenu ul li+li::before {content:'';width:1px;height:10px;background:#e0e0e0;position:absolute;left:-10px;top:50%;transform:translateY(-50%)}
.oHeader .header_area .tMenu ul li a {display:inline-block;font-size:12px; color:#333}
.oHeader .header_area .tMenu .tMenu_snb li:last-child a {display:flex;align-items:center;height:22px;border-radius:15px;border:1px solid #e0e0e0;color:#212121;margin-left:4px;padding:0 10px}
.oHeader .header_area .tMenu .tMenu_snb li:last-child a:after {content:'';display:inline-block;width:0;height:0;border-top:4px solid #212121;border-left:3px solid transparent;border-right:3px solid transparent;transform:rotate(-90deg);margin-left:3px}
.oHeader .header_area .tMenu .tMenu_snb li:last-child::before {display:none}
.oHeader .header_area .tMenu ul.tMenu_unb li a {color:#767676}
.oHeader .header_area .logo { position:absolute;top:57px; left:0;display:flex;height:30px}
.oHeader .header_area .logo a {font-family:'Montserrat';font-weight:bold;font-size:20px;display:inline-flex;align-items:center;}
.oHeader .header_area .logo .logo_txt+.logo_txt {display:none}
.oHeader .header_area .logo .logo_txt+.logo_txt {margin-left:25px;position:relative}
.oHeader .header_area .logo .logo_txt+.logo_txt::before {content:'';width:1px;height:20px;background:#E0E0E0;position:absolute;left:-12px;top:50%;transform:translateY(-50%);pointer-events:none}
.oHeader .header_area .logo .logo_txt+.logo_txt::after {content: "";display:inline-block;width:10px;height:10px;border-top:2px solid #333;border-left:2px solid #333;transform:rotate(135deg);margin-left:2px}
.oBrandMall .mainTopBanner .swiper-container{margin-top:25px} 
.oBrandMall .mainTopBanner a.swiper-slide {height:357px;display:flex;align-items:flex-end}
.oBrandMall .oHeader .header_area .logo .logo_txt {color:#6BA43A}
.oBrandMall .oHeader .header_area .logo .logo_txt+.logo_txt {display:inline-flex;color:#333}
.oBrandMall .oHeader .header_area .logo .logo_home {display:none}

div:not(.oBrandMall) .oHeader .header_area .logo .logo_txt.logo_brand {margin-left:25px;position:relative}
div:not(.oBrandMall) .oHeader .header_area .logo .logo_txt.logo_brand::before {content:'';width:1px;height:20px;background:#E0E0E0;position:absolute;left:-12px;top:50%;transform:translateY(-50%);pointer-events:none}
div:not(.oBrandMall) .oHeader .header_area .logo .logo_txt.logo_brand::after {content:'';display:inline-block;width:10px;height:10px;border-top:2px solid #333;border-left:2px solid #333;transform:rotate(135deg);margin-left:2px}

.oHeader .header_area .searchBox {position:absolute;width:440px;top:50px;left:50%;transform:translateX(-50%);z-index:100;background:#fff;border:1px solid #6BA43A;border-radius:25px;padding:0 20px;}
.oHeader .header_area .searchBox form fieldset {display:block;height:44px;}
.oHeader .header_area .searchBox form legend {position:absolute;top:-9999px}
.oHeader .header_area .searchBox form input.keywordSearch {width:100%;height:100%;color:#6b6b6b;font-size:13px;background:none;padding-right:35px}
.oHeader .header_area .searchBox form button {position:absolute;right:0;top:0;width:50px;height:44px;cursor:pointer;background:none}
.oHeader .header_area .searchBox form button:before {content:'';width:15px;height:15px;border:2px solid #6BA43A;border-radius:50%;position:absolute;left:calc(50% - 9px);top:calc(50% - 2px);transform:translate(-50%, -50%);}
.oHeader .header_area .searchBox form button:after {content:'';width:8px;height:2px;background:#6BA43A;position:absolute;left:calc(50% + -2px);top:calc(50% + 5px);transform:translate(-50%, -50%) rotate(45deg);}
.oHeader .header_area .searchBox form button:hover:before {border-color:#6ba43a}
.oHeader .header_area .searchBox form button:hover:after {background:#6ba43a;}

.oHeader .header_area .searchBox.open,.oHeader .header_area .searchBox.on {background:#fff;border-radius:24px 24px 0 0;border:1px solid #6ba43a;border-bottom:0}
.oHeader .header_area .searchBox.open input.keywordSearch,.oHeader .header_area .searchBox.on input.keywordSearch {border-bottom:1px solid #eee;}
.oHeader .header_area .searchBox.open input.keywordSearch::placeholder {color:transparent}

/*검색창 > 상단검색바 추가*/
.oHeader .header_area .searchBox .search-auto-complete-wrap {display:none;position:absolute;top:44px; left:-1px; z-index:235; background:#fff; width:calc(100% + 2px); border:1px solid #6ba43a;border-top:0;border-radius:0 0 24px 24px}
.oHeader .header_area .searchBox .search-auto-complete-wrap h4 {color:#cbcbcb; padding:20px 15px 7px 15px; font-weight:normal}
.oHeader .header_area .searchBox .search-auto-complete-wrap ul {margin:10px 0 7px}
.oHeader .header_area .searchBox .search-auto-complete-wrap ul li {border-top:0; border-bottom:0; font-weight:normal; transform: translateX(-100%); transition: transform 0.5s, opacity 2s; opacity:0;padding:0 20px }
.oHeader .header_area .searchBox .search-auto-complete-wrap ul li:last-child {border-radius:0 0 14px 14px}
/*.oHeader .header_area .searchBox .search-auto-complete-wrap ul li:nth-last-of-type(1) { border-bottom:0px solid #ececec; } */
.oHeader .header_area .searchBox .search-auto-complete-wrap ul li.show-item { opacity: 1;transform: translateX(0%); }
.oHeader .header_area .searchBox .search-auto-complete-wrap div.noResult { text-align:center; padding:20px 0; letter-spacing:-1px; font-size:15px; font-weight:normal; }
.oHeader .header_area .searchBox .search-auto-complete-wrap ul li a { display:block; padding:8px 20px 8px 24px;color:#666; font-size:14px;position:relative;line-height:1.5}
.oHeader .header_area .searchBox .search-auto-complete-wrap ul li a:before {content:'';position:absolute;left:0;top:8px;width:20px;height:20px;background:#e0e0e0;border-radius:50%;}
.oHeader .header_area .searchBox .search-auto-complete-wrap ul li a:after {content:'';position:absolute;left:5px;top:13px;width:11px;height:11px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_search_11.png) no-repeat 0 0;}
.oHeader .header_area .searchBox .search-auto-complete-wrap ul li:hover,.oHeader .header_area .searchBox .search-auto-complete-wrap ul li:hover a {background-color:#f4f4f4}
.oHeader .header_area .searchBox .search-auto-complete-wrap ul li b {color:#6ca435;font-weight:normal}

.oHeader .header_area .searchBox .scWordListWrap {position:absolute; width:calc(100% + 2px);top:44px;left:-1px; z-index:210; padding:30px 20px; background:#fff; border:1px solid #6ba43a;border-top:0;border-radius:0 0 24px 24px;}
.oHeader .header_area .searchBox.open:not(.on) .scWordListWrap {display:block !important}
.oHeader .header_area .searchBox.open.on .scWordListWrap {display:none !important}
.oHeader .header_area .searchBox .scWordListWrap .scList_tit {display:block;font-size:15px;position:relative;margin-bottom:20px}
.oHeader .header_area .searchBox .scWordListWrap .scList_tit em {color:#6ba43a}
.oHeader .header_area .searchBox .scWordListWrap .scList_tit .btn_allDel {position:absolute;right:0;top:0;font-size:12px;background:none;color:#6b6b6b;text-decoration:underline;cursor:pointer}
.oHeader .header_area .searchBox .scWordListWrap .scList_cont01 {margin-bottom:40px;padding-right:50px; display:none;}
.oHeader .header_area .searchBox .scWordListWrap .scList_cont01 li {display:inline-flex;border:1px solid #e0e0e0;border-radius:15px;height:30px;align-items:center;padding:0 11px 0 12px;margin:0 10px 10px 0}
.oHeader .header_area .searchBox .scWordListWrap .scList_cont01 li a {padding:5px 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
.oHeader .header_area .searchBox .scWordListWrap .scList_cont01 li button {background:none;width:10px;height:10px;margin-left:5px;position:relative;cursor:pointer;flex:none;}
.oHeader .header_area .searchBox .scWordListWrap .scList_cont01 li button:before,.oHeader .header_area .searchBox .scWordListWrap .scList_cont01 li button:after {position: absolute;left: 5px;top:1px;content:'';height: 10px;width: 1px;background-color: #707070;}
.oHeader .header_area .searchBox .scWordListWrap .scList_cont01 li button:before {transform: rotate(45deg);}
.oHeader .header_area .searchBox .scWordListWrap .scList_cont01 li button:after {transform: rotate(-45deg);}
.oHeader .header_area .searchBox .scWordListWrap .scList_cont02 {display:flex;flex-direction:column;flex-wrap:wrap;align-content: normal;margin-bottom:17px;height:197px}
.oHeader .header_area .searchBox .scWordListWrap .scList_cont02 li {margin-bottom:20px}
.oHeader .header_area .searchBox .scWordListWrap .scList_cont02 li:nth-child(6)~li {margin-left:23px;}
.oHeader .header_area .searchBox .scWordListWrap .scList_cont02 li a {font-size:14px}
.oHeader .header_area .searchBox .scWordListWrap .scList_cont02 li a em {display:inline-block;width:18px;margin-right:4px;color:#6ca435;font-style:italic;text-align:center;}
.oHeader .header_area .searchBox .scWordListWrap .scList_cont03 {display:flex;flex-wrap:wrap;padding-right:50px}
.oHeader .header_area .searchBox .scWordListWrap .scList_cont03 li {}
.oHeader .header_area .searchBox .scWordListWrap .scList_cont03 li a {font-size:14px;display:inline-flex;padding:7px 12px;color:#3aa473;background-color:#f4f4f4;border-radius:15px;margin:0 10px 10px 0}
.oHeader .header_area .searchBox .scWordListWrap .scListNone {font-size:14px;color:#6b6b6b;margin-bottom:50px; display:block;}


/* .oHeader .header_area .searchBox .scWordListWrap .search-tab { padding:0 11px}
.oHeader .header_area .searchBox .scWordListWrap .search-list { padding:11px} */
.search-tab {padding:11px;}
.search-tab li {width:31.33333%; float:left; text-align:center; background:#dfdfdf; margin-left:3%; font-weight:500; letter-spacing:-1px;}
.search-tab li a {padding:10px 0; display:inline-block; color:#000;}
.search-tab li:nth-child(1) {margin-left:0}
.search-tab li.on {background:#6ca435; color:#ffffff;}
.search-tab li.on a {color:#ffffff;}
.search-list {padding:0 11px 20px; /* font-family:'NotoKrC', sans-serif; */ border-bottom:1px solid #dfdfdf;}
.search-list__item {font-weight:500; transform: translateX(-30%); transition: transform 0.5s, opacity 2s; opacity:0}
.search-list__item.show-item {opacity: 1;transform: translateX(0%);}
.search-list__item a {display:block; padding:10px 10px; color:#000; font-size:14px; letter-spacing:-1px; overflow-x: hidden;white-space: nowrap;text-overflow: ellipsis;}
.search-close-btn {background:#b2b2b2; width:40px;height:40px;position:absolute;left:calc(100% + 20px);top:-50px;border-radius:50%}
.search-close-btn:hover {background:#6b6b6b}
.search-close-btn:before,.search-close-btn:after {position: absolute;left: 20px;top:10px;content:'';height: 22px;width: 1px;background-color: #fff;}
.search-close-btn:before {transform: rotate(45deg);}
.search-close-btn:after {transform: rotate(-45deg);}
.keyword-over { width:50%; float:left; }

/* 20231026 배송지안내 수정*/
.oHeader .header_area .header_rigBox {position:absolute;right:0;top:52px;display:flex}
.oHeader .header_area .header_rigBox > * {border-radius:50%;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative}
.oHeader .header_area .header_rigBox > *:hover {background:#F0F8ED !important}
.oHeader .header_area .header_rigBox > *+* {margin-left:4px}
.oHeader .header_area .header_rigBox .num_cart {width:28px;position: absolute;right:-9px;top:4px;color:#fff;border-radius:9px;font-size:10px;background:#6BA43A;padding:0 5px;height:18px;display:inline-flex;align-items:center;justify-content:center}
.deliveryAdd_sect {display:none;padding:10px 15px;position:absolute;left:50%;top:calc(100% + 10px);width:312px;transform:translateX(-50%);border:1px solid #6BA43A;box-shadow: 0px 3px 6px #00000029;background:#fff;z-index:10}
.deliveryAdd_sect::before {content:'';width:14px;height:12px;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_top_14.png) no-repeat 0 0}
.head_deliveryWrap:hover .deliveryAdd_sect {display:block !important;opacity:1 !important}
.head_deliveryWrap:hover::before {content:'';width:44px;position:absolute;left:50%;bottom:-10px;height:30px;transform:translateX(-50%)}
.deliveryAdd_sect a {font-size:13px;display:flex;flex-wrap:wrap;align-items:center}
.deliveryAdd_sect a::before {content:'';display:inline-block;width:16px;height:16px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_location_20_2.png) no-repeat 0 0 / 100% 100%;margin-right:4px}
.deliveryAdd_sect a .deliFakeBtn {flex:none;display:inline-flex;align-items:center;margin-left:auto;border:1px solid #E0E0E0;border-radius:14px;font-size:12px;padding:0 9px;height:28px}
.deliveryAdd_sect a .deliFakeBtn::after {content:'';display:inline-block;width:6px;height:6px;margin:1px 0 2px 2px;border: 1px solid #333;border-width: 1px 1px 0 0;transform: rotate(45deg)}
.deliveryAdd_sect a.on > strong {color:#6ba43a;display:inline-block;font-weight:normal}
.deliveryAdd_sect a.on .deliLayer_inBox {width:100%;display:flex;align-items:center;margin-top:8px}
.deliveryAdd_sect a.on:before {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_location_20.png)}
.deliveryAdd_sect a.on > p {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:220px;white-space:normal;overflow:hidden;text-overflow:ellipsis}
.oMain .head_deliveryWrap.addNull {animation:addNullBtn 5s ease-in-out forwards}
.oMain .head_deliveryWrap.addNull .deliveryAdd_sect {animation:addNullShow 5s ease-in-out forwards;display:block}
@keyframes addNullBtn {0%,80% {background:#F0F8ED}100% {background:#fff}}
@keyframes addNullShow {0%,80% {opacity:1}100% {opacity:0;display:none}}

/* 헤더 type2(군인공제회) */
.oHeader .header_area.type2 .logo .logo_brand {display:none;font-family:'Montserrat';font-weight:600;font-size:22px;line-height:1;color:#6BA43A}
.oHeader .header_area.type2 .logo_right {position:absolute;right:0;bottom:35px}
.oHeader .header_area.type2 .logo_right .logo_txt {display:block;font-family:'Montserrat';font-weight:600;font-size:22px;line-height:1}
.oHeader .header_area.type2 .logo_right .logo_txt::after {content:'';display:inline-block;width:12px;height:12px;margin:3px 0 0 6px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_upRight_12.png) no-repeat center/100% auto;vertical-align:top}
.oHeader .header_area.type2 .logo_right .logo_txt.logo_market {display:none}
.oHeader .header_area.type2 {height:100px}
.oHeader .header_area.type2 .contents {height:100%}
.oHeader .header_area.type2 .logo {top:auto;bottom:35px;height:28px}
.oHeader .header_area.type2 .searchBox {top:auto;bottom:35px;width:400px;padding:0;border-color:#FFFFFF;border-bottom:1px solid #212121;border-radius:0}
.oHeader .header_area.type2 .searchBox form input.keywordSearch {padding:0 40px 0 20px}
.oHeader .header_area.type2 .searchBox form button {width:38px}
.oHeader .header_area.type2 .searchBox form button:before {left:calc(50% - 3px);border-color:#212121}
.oHeader .header_area.type2 .searchBox form button:after {left:calc(50% + 4px);background-color:#212121}
.oHeader .header_area.type2 .searchBox.open {border-color:#6ba43a;border-radius:24px 24px 0 0}
.oHeader .header_area.type2 + .headerGnbWrap .gnb .innerBox > ul > li:nth-of-type(1) {margin-right:0}
.oHeader .header_area.type2 .util {display:flex;position:absolute;right:0;bottom:-54px;z-index:1}/* 로그인/회원가입/로그아웃 */
.oHeader .header_area.type2 .util a {position:relative;padding:20px 12px 18px 12px;font-size:13px;line-height:16px}
.oHeader .header_area.type2 .util a + a::before {content:'';display:block;position:absolute;top:23px;left:0;width:1px;height:10px;background:#E0E0E0}
.oBrandMall .header_area .logo_right .logo_brand {display:none}
.oBrandMall .header_area.type2 .logo  {height:auto}
.oBrandMall .header_area.type2 .logo .logo_market {display:none}
.oBrandMall .header_area.type2 .logo .logo_brand {display:block}
.oBrandMall .header_area.type2 .logo_right .logo_market {display:block}

/********************************************************/
/***********************************************PC 공통 */
/********************************************************/

.oFooter { padding:70px 0px 0px 0px; text-align:center; border-top:0px solid #fff; }

.footerCommonity { background-color: #f4f4f4;padding:40px 0;text-align:left}
.footerCommonity .fc_innerSect {display:flex;width:1200px;background:#fff;margin:0 auto;padding:49px 60px}
.footerCommonity .fc_innerSect > div {min-width:120px;margin-right:100px}
.footerCommonity .fc_innerSect > div:last-child {margin-right:0}
.footerCommonity .fc_innerSect h3 {font-size:15px;padding-bottom:15px;font-weight:600;color:#212121}
.footerCommonity .fc_innerSect a {color:#6b6b6b;}
.footerCommonity .fc_innerSect ul li+li {margin-top:12px}
.footerCommonity .latestBoard {position:relative;width:370px}
.footerCommonity .latestBoard+.latestBoard {margin-top:45px}
.footerCommonity .latestBoard h3 {border-bottom:1px solid #e0e0e0;margin-bottom:13px}
.footerCommonity .latestBoard ul li {display:flex;justify-content:space-between;}
.footerCommonity .latestBoard ul li+li+li {display:none}
.footerCommonity .latestBoard ul li a { display:block;width:280px;margin-right:30px}
.footerCommonity .latestBoard ul li a span.inner { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footerCommonity .latestBoard ul li span.date {width:60px;text-align:right;font-size:13px;color:#6b6b6b;}
.footerCommonity .latestBoard a.more {position:absolute;top:0;right:0;padding:3px 14px;}
.footerCommonity .latestBoard a.more:after {content: '';position: absolute;top:50%;right:3px;width:6px;height:6px;margin-top:-3px; border: 1px solid #333; border-width: 0 1px 1px 0; transform: rotate(-45deg);}
.footerCommonity .appDownCont > div {display:flex}
.footerCommonity .appDownCont span {width:80px}
.footerCommonity .appDownCont span+span {margin-left:20px}
.footerCommonity .appDownCont span img {width:100%;height:80px}
.footerCommonity .appDownCont span em {display:block;font-size:13px;color:#6b6b6b;margin-top:8px;text-align:center}
.footerCommonity .appDownCont p {font-size:13px;color:#6b6b6b;line-height:1.8}
.footerCommonity .tit_firstBuy {margin-top:48px}
.footerCommonity .tit_firstBuy+a {color:#6ba43a;padding-right:14px;position:relative}
.footerCommonity .tit_firstBuy+a:after {content: '';position: absolute;top:50%;right:4px;width:6px;height:6px;margin-top:-3px; border: 1px solid #6ba43a; border-width: 0 1px 1px 0; transform: rotate(-45deg);}

/*공통 하단 (퓨터)*/
.footerCompanyMenu {border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; text-align:center; }
.footerCompanyMenu * { box-sizing:border-box; }
.footerCompanyMenu h3 {position:absolute; top:-9999px;text-indent:-9999px; }
.footerCompanyMenu ul {height:50px;width:1200px;display:flex;margin:-1px auto;align-items:center;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}
.footerCompanyMenu ul li {margin-right:40px}
.footerCompanyMenu ul li a { display:inline-block;color:#212121}
.footerCompanyMenu ul li a b { color:#6ba43a; font-weight:400; }

.footerInfoSect {display:flex;width:1200px;position:relative; margin:0 auto;padding:40px 0 80px;text-align:left;}
.footerInfoSect h3 {font-size:18px;color:#212121;margin-bottom:16px}
.footerContent .customerCenter {margin-bottom:20px}
.footerContent .customerCenter h3 strong {color:#6ba43a}
.footerContent .customerCenter p {color:#767676;line-height:1.7;margin-bottom:6px}
.footerContent .customerCenter a {display:inline-block;padding-right:12px;position:relative}
.footerContent .customerCenter a:after {content: '';position: absolute;top:50%;right:3px;width:6px;height:6px;margin-top:-3px; border: 1px solid #333; border-width: 0 1px 1px 0; transform: rotate(-45deg);}
.certifiedBox a {display:inline-flex;align-items:center;vertical-align:top}
.certifiedBox a p {color:#6B6B6B;font-size:11px;line-height:1.41;margin-left:6px}

.footerInfo {width:918px}
.footerInfo address { line-height:1.7;color:#828282; font-style:normal;}
.footerInfo ul li { display:inline-block;color:#828282;line-height:1.7; margin-right:10px; }
.footerInfo ul li a {text-decoration:underline;text-underline-position:from-font;color:#828282}
.footerInfo p { padding:20px 0 0;color:#828282;}
.footerInfo .snsLink {display:flex;margin-top:20px}
.footerInfo .snsLink a {margin-right:10px}

/* 군인공제회 푸터 */
.footerInfo:has(.certifiedBox) h3 {margin-bottom:11px}
.footerInfo:has(.certifiedBox) .snsLink {margin-top:17px}
.footerInfo .certifiedBox {margin:20px 0 8px 0;font-size:11px;line-height:18px;color:#6B6B6B}
.footerInfo .certifiedBox a p {padding-top:0;line-height:18px}
.footerInfoSect h4 {margin-bottom:15px;font-weight:500;font-size:15px}
.footerContent:has(.qrImg) {margin-left:auto;padding-right:50px}
.footerContent .qrImg {display:flex;column-gap:20px}
.footerContent .qrImg .qr {width:80px;height:80px;}
.footerContent .qrImg .qr img {width:100%;height:100%;object-fit:cover}
.footerContent .qrImg .qr em {display:block;margin-top:8px;font-size:13px;color:#6B6B6B;text-align:center}

/*공통 리스트 */
.olist_normal { position:relative; }
.olist_normal .outBox { overflow:hidden; }
.olist_normal ul {  }
.olist_normal ul:after { content:""; display:block; clear:both; height:0px; overflow:hidden; }
.olist_normal ul li { float:left; width:calc((100% - 45px) / 4); margin-left:15px; /* background-color:#f7f7f7; */ }
.olist_normal ul li:nth-of-type(4n+1) { margin-left:0px; }
.olist_normal ul li .wrapBox {  }
.olist_normal ul li .wrapImg { height:245px; position:relative; overflow:hidden; border:1px solid #f7f7f7; }
.olist_normal ul li .wrapImg img { width:100%; min-height:245px; height:auto; }
.olist_normal ul li .wrapImg img { transition:all 0.3s ease-in-out; /* transition:all 1.5s; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); *//*  background-color:#f7f7f7; */ }
.olist_normal ul li .wrapImg img:hover { transform:scale(1.1); /* transition:all 1.5s; background-color:#f7f7f7; width:120% !important; height:auto !important; */ }
.olist_normal ul li .wrapInfo { min-height:130px; padding:17px 14px 22px 14px; font-size:18px; }
.olist_normal ul li .wrapInfo .info_title { line-height:33px; white-space:nowrap; display:table; }
.olist_normal ul li .wrapInfo .info_title b { display:table-cell; }
.olist_normal ul li .wrapInfo .info_title b span.inner { font-weight:500; display:block; height:33px; line-height:33px; letter-spacing:-0.5px; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; }
.olist_normal ul li .wrapInfo .info_title span.badge { display:table-cell; padding-right:3px; vertical-align:middle; height:22px; line-height:22px; }
.olist_normal ul li .wrapInfo .info_price { color:#6ba43a; font-weight:700; line-height:25px; letter-spacing:0.5px; }
.olist_normal ul li .wrapInfo .info_price { line-height:33px;  }
.olist_normal ul li .wrapInfo .info_price .price_discountRate { display:block; font-weight:700; color:#6ba43a; letter-spacing:-0.5px; }
.olist_normal ul li .wrapInfo .info_price .price_discount { display:inline-block; font-weight:700; letter-spacing:-0.5px; }
.olist_normal ul li .wrapInfo .info_price .price_original b { color:#828282; font-weight:400; }
.olist_normal ul li .wrapInfo .info_price .price_original { display:inline-block; margin-left:7px; font-size:15px; font-weight:400; color:#828282; letter-spacing:-0.5px; text-decoration:line-through; }
.olist_normal .swiper-pagination { display:none; }
.olist_normal .swiper-button-prev { width:45px; height:43px; line-height:43px; position:absolute; left:auto; left:initial; right:32px; top:-43px; background-image:none; text-align:center; }
.olist_normal .swiper-button-prev:after { box-sizing:border-box; content:""; display:inline-block; width:10px; height:10px; margin:-1px 0px 0px 7px; border:2px solid #333; border-width:2px 2px 0px 0px; transform:rotate(-135deg); transform-origin:70% 30%; vertical-align:middle; }
.olist_normal .swiper-button-next { width:45px; height:43px; line-height:43px; position:absolute; right:-12px; top:-43px; background-image:none; text-align:center; }
.olist_normal .swiper-button-next:after { box-sizing:border-box; content:""; display:inline-block; width:10px; height:10px; margin:-1px 0px 0px 7px; border:2px solid #333; border-width:2px 2px 0px 0px; transform:rotate(45deg); transform-origin:70% 30%; vertical-align:middle; }


.olist_normal .swiper-scrollbar { display:none; }


/*레이어팝업*/
.layerPop { position:fixed !important; left:50% !important; top:50% !important; transform:translate(-50%, -50%) !important; margin-top:0px !important; margin-left:0px !important; }


/********************************************************/
/***********************************************PC 메인 */
/********************************************************/

.mainCategoryShortcut {margin-top:46px}
.mainCategoryShortcut .listHeader {padding-bottom:40px}
.mainCategoryShortcut .innerBox {width:1200px;margin:0 auto;position:relative;justify-content:center}
.mainCategoryShortcut ul {display:flex;flex-wrap:wrap;margin-bottom:-30px;justify-content:center}
.mainCategoryShortcut ul li {margin:0 12px 30px}
.mainCategoryShortcut ul li a {display:block;text-align:center}
.mainCategoryShortcut ul li a img {width:76px;height:76px;margin:0 auto;border-radius:50%}
.mainCategoryShortcut ul li a span {display:block;margin-top:10px;font-size:14px;line-height:16px;letter-spacing:-1px}

.list_newTit {display:flex;align-items:center;font-size:24px;line-height:1.182}
.list_newTit a {display:inline-flex;align-items:center;}
.list_newTit a::after {content:'';display:inline-block;margin-left:3px;width:12px;height:12px;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg)}
.list_newTit2 {display:block;font-weight:700;font-size:24px;line-height:30px;letter-spacing:-0.56px}
.list_newTit2 .sub {display:block;margin-top:10px;font-weight:400;font-size:16px;color:#6B6B6B;line-height:20px;letter-spacing:-0.34px}

.mainProductList {margin-top:110px;background-color:#fff}
.oMain .mainBottomBanner {margin-top:110px}
.mainProductList .listHeader {width:1200px;margin:0 auto;border-bottom:1px solid #333;padding-bottom:20px}
.mainProductList .listHeader:has(.list_newTit2) {padding-bottom:20px;border-bottom:0}
/* .mainProductList .listHeader h2 {font-size:32px;line-height:1.0625;font-weight:500;letter-spacing:-0.8px}
.mainProductList .listHeader h2 b { font-weight:500; color:#6ba43a; }
.mainProductList .listHeader h2 strong { font-weight:700; color:#6ba43a; }
.mainProductList .listHeader p {line-height:1; font-size:16px; text-align:center;color:#6b6b6b;margin-top:12px} */

.mainProductList .listBody {width:1200px;margin:30px auto 0}
.mainProductList .listBody.tabWrap {margin-top:20px}
.mainProductList .listBody .normalList > ul { position:relative }
.mainProductList .listBody .normalList > ul:after { content:""; display:block; clear:both; height:0px; overflow:hidden; }
.mainProductList .listBody .normalList > ul > li { float:left; position: relative; width:calc((100% - 45px) / 4); margin-left:15px; /* background-color:#f7f7f7; */ }
.mainProductList .listBody .normalList > ul > li .product_off.gray_border { border:0px solid #fff; background-color:transparent; }
.mainProductList .listBody .normalList > ul > li:nth-of-type(1) { margin-left:0px; }
.mainProductList .listBody .normalList > ul > li .thumnail_area { height:245px; position:relative; overflow:hidden; border:1px solid #f7f7f7; }
.mainProductList .listBody .normalList > ul > li .thumnail_area img { width:100%; min-height:245px; height:auto; }
.mainProductList .listBody .normalList > ul > li .thumnail_area img { transition:all 0.3s ease-in-out; /* transition:all 1.5s; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); *//*  background-color:#f7f7f7; */ }
.mainProductList .listBody .normalList > ul > li .thumnail_area img:hover { transform:scale(1.1); /* transition:all 1.5s; background-color:#f7f7f7; width:120% !important; height:auto !important; */ }
.mainProductList .listBody .normalList > ul > li .info_area { min-height:130px; padding:17px 14px 22px 14px; font-size:18px; }
.mainProductList .listBody .normalList > ul > li .info_area .txt_title { line-height:33px; white-space:nowrap; display:table; }
.mainProductList .listBody .normalList > ul > li .info_area .txt_title b { display:table-cell; }
.mainProductList .listBody .normalList > ul > li .info_area .txt_title b span.inner { font-weight:500; display:block; height:33px; letter-spacing:-0.5px; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; }
.mainProductList .listBody .normalList > ul > li .info_area .txt_title span.saleCollage { display:table-cell; padding-right:3px; vertical-align:middle; height:22px; line-height:22px; }
.mainProductList .listBody .normalList > ul > li .info_area .txt_discount_percent { color:#6ba43a; font-weight:700; line-height:25px; letter-spacing:-0.5px; }
.mainProductList .listBody .normalList > ul > li .info_area .txt_discount_won { line-height:33px; }
.mainProductList .listBody .normalList > ul > li .info_area .txt_discount_won strong { font-weight:700; }
.mainProductList .listBody .normalList > ul > li .info_area .txt_discount_won del { margin-left:7px; font-size:15px; font-weight:400; color:#828282; }
.mainProductList .listFooter {padding:0;width:1200px;margin:0 auto;text-align:center;}
.mainProductList .listFooter .hashtag {display:none}
.mainProductList .listFooter .hashtag a { display:inline-block; font-size:18px;margin-left:5px; }
.mainProductList .listFooter .hashtag a:first-of-type(1) { margin-left:0px; }
.mainProductList .listFooter a.more {display:inline-flex;font-size:14px;min-width:480px;height:56px;margin:0 auto;align-items:center;justify-content:center;background:#f4f4f4}
.mainProductList .listFooter a.more:hover {background:#eee}
.mainProductList .listFooter a.more:after { content:""; display:inline-block;width:8px;height:8px;border:solid #333333;border-width:1.5px 1.5px 0 0;transform:rotate(45deg);vertical-align:top}
.mainProductList .listFooter a.more em {color:#6ba43a;margin-right:4px}

/* .mainProductList.odd { background-color:#f7f7f7; }
.mainProductList.odd .listHeader p span { background-color:#f7f7f7; } */
.mainProductList.borderTop { border-top:1px solid #f7f7f7; }

.mainProductList .listBody .listTab { padding-bottom:40px; }
.mainProductList .listBody .listTab ul {  }
.mainProductList .listBody .listTab ul:after { content:""; display:block; clear:both; height:0px; overflow:hidden; }
.mainProductList .listBody .listTab ul li { width:calc((100% - (25px * 6)) / 7); float:left; /* border-bottom:2px solid #f7f7f7; */ text-align:center; margin-left:25px; }
.mainProductList .listBody .listTab ul li:first-of-type { margin-left:0px; }
.mainProductList .listBody .listTab ul li.active a::after { content: ''; display: inline-block; position: absolute; bottom: -10px; left: 0; width: 100%; height: 2px; background: #6ba543; }
.mainProductList .listBody .listTab ul li a { position: relative; font-size:20px; height:51px; line-height:49px; }

.mainProductList .newProd_swipe.oPrdtLst.type4 ul li,
.mainProductList .homeMeal_swipe.oPrdtLst.type4 ul li,
.mainProductList .bestProd_swipe.oPrdtLst.type4 ul li {margin-left:0}

.mainBottomBanner {width:1200px; margin: 0 auto 85px;overflow: hidden;}
/* .mainBottomBanner .bx-controls {display: none;}
.mainBottomBanner .innerBxslider {width: 1200px; margin: 0 auto!important;} */
.mainBottomBanner .oSwiper { }
.mainBottomBanner ul li {overflow: hidden; /*border-radius: 10px;height:103px;*/}
.mainBottomBanner ul li img {display: block;width: 100%;height: 100%;object-fit: cover;}
.mainBottomBanner .swiper-pagination-fraction {display:flex;bottom:0;left:auto;right:0;width:auto;padding:0 4px;background:rgba(51,51,51,0.7);line-height:24px;font-size:0}
.mainBottomBanner .swiper-pagination-current {width:21px;font-size:12px;color:#FFFFFF;text-align:center}
.mainBottomBanner .swiper-pagination-total {position:relative;width:21px;font-size:12px;color:rgba(255,255,255,0.5);text-align:center}
.mainBottomBanner .swiper-pagination-total::before {content:'';display:block;position:absolute;top:50%;left:-0.5px;width:1px;height:8px;margin-top:-4px;background:rgba(255,255,255,0.5)}

/* 메인 탭 */
.oMain .oContainer .tabWrap {position:relative}
.oMain .oContainer .tabMenu .innerBox {display:flex;flex-wrap:wrap;gap:8px}
.oMain .oContainer .tabMenu a {display:inline-flex;justify-content:center;align-items:center;height:46px;font-size:14px;color:#767676;background:#fff;border:1px solid #EEE;padding:14px 16px}
.oMain .oContainer .tabMenu a:hover {color:#333}
.oMain .oContainer .tabMenu a.active {color:#fff;background:#0C520A}

/* 특가 탭 */
.com_timerArea {display:none;position:absolute;right:0;top:4px}
.oTimeSale .com_timerArea,.oEndSale .com_timerArea {position:static;text-align:center;margin:55px 0 0px}
.listBody.ac_time .com_timerArea.ac_time ,.listBody.ac_end .com_timerArea.ac_end {display:block}
.com_timerArea .timer {display:inline-block;min-width:274px;line-height:40px;font-family:'Geologica';font-size:40px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_clock_80.png) no-repeat 0 center / 40px auto;padding-left:60px}
.com_timerArea .timer .timerCount {display:inline-block;min-width:50px;text-align:center;vertical-align:top}

.mainTodayBargain_cont .mainProductList {margin-top:0}
.mainTodayBargain_cont .mainProductList .oTimeMain {display:none} 
.mainTodayBargain_cont .ac_end .mainProductList.end .oTimeMain,
.mainTodayBargain_cont .ac_time .mainProductList.time .oTimeMain,
.mainTodayBargain_cont .ac_limit .mainProductList.limit .oTimeMain,
.mainTodayBargain_cont .ac_coupon .mainProductList.coupon .oTimeMain,
.mainTodayBargain_cont .ac_brand .mainProductList.brand .oTimeMain {display:block}
.mainTodayBargain_cont .main_latest_brand .wrapInfo {height:141px}

.mainTodayBargain_cont .listBody {width:auto;margin-top:0}
.mainTodayBargain_cont .listFooter {position:absolute;top:-103px;right:6px;width:auto}
.mainTodayBargain_cont .listFooter a.more {align-items:flex-start;justify-content:flex-end;width:1200px;min-width:0;width:1200px;height:60px;font-size:15px;line-height:30px;background:none}
.mainTodayBargain_cont .listFooter a.more:after {margin-top:11px;margin-left:2px}
.mainTodayBargain_cont .listFooter a.more:hover {background:transparent}
.mainTodayBargain_cont .tabWrap {display:flex;width:1200px;margin:0 auto}
.mainTodayBargain_cont .tabWrap .flexMenu {flex-shrink:0;display:flex;flex-direction:column;position:relative;width:200px;margin-right:48px;z-index:1}
.mainTodayBargain_cont .tabWrap .tabItem {display:flex;align-items:center;position:relative;width:100%;height:70px;padding:0 20px;background:transparent;font-weight:500;font-size:18px;color:#333333;transition:all .2s}
.mainTodayBargain_cont .tabWrap .tabItem::before {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#E0E0E0;z-index:-2}
.mainTodayBargain_cont .tabWrap .tabItem.active {color:#FFFFFF}
.mainTodayBargain_cont .tabWrap .tabItem:where(.end, .time).active {margin-bottom:82px}
.mainTodayBargain_cont .tabWrap .tabItem .com_timerArea {overflow:hidden;position:absolute;top:70px;left:0;max-height:82px;cursor:default}
.mainTodayBargain_cont .tabWrap .tabItem .com_timerArea::after {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#E0E0E0;z-index:-2}
.mainTodayBargain_cont .tabWrap .tabItem .com_timerArea .timer {min-width:0;height:82px;padding-left:28px;background-size:22px auto;font-size:28px;line-height:82px;color:#333333}
.mainTodayBargain_cont .tabWrap .tabItem .com_timerArea .timerCount {min-width:48px}
.mainTodayBargain_cont .tabWrap .flexCont {flex:1}
.mainTodayBargain_cont .tabWrap .flexMenu::after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:70px;background:#0C520A;box-shadow:6px 6px 12px rgba(0,0,0,0.16);transition:all .2s;z-index:-1}
.mainTodayBargain_cont .tabWrap .flexMenu:has(.tabItem:nth-child(2).active)::after {top:70px}
.mainTodayBargain_cont .tabWrap .flexMenu:has(.tabItem:nth-child(3).active)::after {top:140px}
.mainTodayBargain_cont .tabWrap .flexMenu:has(.tabItem:nth-child(4).active)::after {top:210px}
.mainTodayBargain_cont .tabWrap .flexMenu:has(.tabItem:nth-child(5).active)::after {top:280px}
html.urlPC .mainTodayBargain_cont .oPrdtLst ul {width:auto}

/* 메인 스와이프 버튼 */
.comSwiperBtn {position:relative;}
.comSwiperBtn .swiper-button-prev, .comSwiperBtn .swiper-button-next {width:44px;height:44px;top:90px;margin-top:0;border: 1px solid #E0E0E0;background-color: #fff; background-size: 7px auto;}
.comSwiperBtn .swiper-button-prev {left:-20px;background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_left_7.png)}
.comSwiperBtn .swiper-button-next {right:-20px;background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_right_7.png)}

/* 신규상품 half 영역 */
.mainProductList.mainHalfProd_cont {display:flex;justify-content:space-between;width:1200px;margin:100px auto}
.mainProductList.mainHalfProd_cont > div {width:568px}
.mainProductList.mainHalfProd_cont .in_topProdView {padding:150px 30px 0;height:300px;background:no-repeat 0 0;margin-bottom:30px}
.mainProductList.mainHalfProd_cont .in_topProdView.bg01 {background-image:url(../images/main/bg_main_half01.png);background-color: #f2f3f4;}
.mainProductList.mainHalfProd_cont .in_topProdView.bg02 {background-image:url(../images/main/bg_main_half02.png)}
.mainProductList.mainHalfProd_cont .in_topProdView h2 {font-size:32px;line-height:1.2;margin-bottom:10px;font-weight:500;}
.mainProductList.mainHalfProd_cont .in_topProdView a {display:inline-flex;align-items:center;justify-content:center;font-size:15px;background-color:#fff;border-radius:16px;width:80px;height:32px}
.mainProductList.mainHalfProd_cont .in_topProdView a:after {content:'';width:7px;height:7px;margin:1px 0 0 3px;border: 1px solid #333;border-width: 0 1px 1px 0;transform:rotate(-45deg)}
.mainProductList.mainHalfProd_cont .oPrdtLst ul {width:auto}
.mainProductList.mainHalfProd_cont .oPrdtLst li {width:176px;}
.mainProductList.mainHalfProd_cont .oPrdtLst .wrapImg {height:176px}
.mainProductList.mainHalfProd_cont .oPrdtLst li+li {margin-left:20px}
.mainProductList.mainHalfProd_cont .oPrdtLst li+li+li+li,.mainProductList.mainHalfProd_cont .oPrdtLst li .price_original {display:none !important}

/* 힘내세요 소상공인! */
.mainProductList.mainCheerUp_cont {background-color:#efede4;}
.mainProductList.mainCheerUp_cont > div {display:flex;justify-content:space-between;width:1200px;height:600px;margin:0 auto;}
.mainProductList.mainCheerUp_cont .leftHeader {position:relative;padding-left:53px}
.mainProductList.mainCheerUp_cont .leftHeader:after {content:'';width:440px;height:400px;position:absolute;left:53px;bottom:-60px;background:url(../images/main/bg_main_cheerup.png) no-repeat 0 0}
.mainProductList.mainCheerUp_cont .leftHeader h2 {font-size:48px;margin-top:-35px;line-height:1.4;font-weight:500;}
.mainProductList.mainCheerUp_cont .leftHeader p {font-size:15px;margin:20px 0 30px}
.mainProductList.mainCheerUp_cont .leftHeader a {display:inline-flex;justify-content:center;align-items:center;background-color:#212121;color:#fff;border-radius:16px;width:146px;height:32px;font-size:15px}
.mainProductList.mainCheerUp_cont .leftHeader a:after {content:'';width:7px;height:7px;margin:1px 0 0 3px;border: 1px solid #fff;border-width: 0 1px 1px 0;transform:rotate(-45deg)}
.mainProductList.mainCheerUp_cont .rightProdCont {width:708px;margin-top:115px}
.mainProductList.mainCheerUp_cont .rightProdCont li {width:220px}
.mainProductList.mainCheerUp_cont .rightProdCont .wrapImg,.mainProductList.mainCheerUp_cont .rightProdCont .wrapImg > a:first-child {border-radius:10px 10px 0 0;}
.mainProductList.mainCheerUp_cont .rightProdCont .wrapInfo {background:#fff;border-radius:0 0 10px 10px;padding:14px 15px 20px 15px}
.mainCheerUp_cont .comSwiperBtn .swiper-button-prev,.mainCheerUp_cont .comSwiperBtn .swiper-button-next {margin-top:40px}

/* 맛집 그대로 */
.mainProductList.main_goodEatList {}
.oSubMain .mainProductList.main_goodEatList {border-top:2px solid #f7f7f7;padding-top:80px;margin-top:0}
.oSubMain .mainProductList.main_goodEatList .listBody {padding-top:0}
.mainProductList.main_goodEatList .listBody ul {display:flex;flex-wrap:wrap;}
.mainProductList.main_goodEatList .listBody ul > li {margin-right:24px}
.mainProductList.main_goodEatList .listBody ul > li+li+li+li+li {margin-top:40px}
.mainProductList.main_goodEatList .listBody ul > li:nth-child(4n+4) {margin-right:0}
.mainProductList.main_goodEatList .listBody ul > li a {display:block;width:282px}
.mainProductList.main_goodEatList .listBody ul > li a > div {position:relative;width:282px;height:168px;border-radius:10px;overflow:hidden;}
.mainProductList.main_goodEatList .listBody ul > li a > div > img {width:auto;min-width:282px;height:100%;position:relative;top:50%;left:50%;transform: translate(-50%, -50%);}
.mainProductList.main_goodEatList .listBody ul > li a div .shop_logo {position:absolute;left:12px;bottom:12px;width:50px;height:50px;border-radius:50%;padding:3px;background:#fff;border:1px solid #eee;overflow:hidden}
.mainProductList.main_goodEatList .listBody ul > li a div .shop_logo img {width:100%;height:100%}
.mainProductList.main_goodEatList .listBody ul > li a strong {font-size:16px;font-weight:500;color:#333;display:inline-block;margin:14px 0 6px;position:relative;padding-right:9px}
.mainProductList.main_goodEatList .listBody ul > li a strong:after {content: '';display:inline-block;position:absolute;top:50%;right:0;width:7px;height:7px;margin-top:-3px;border: 1px solid #333;border-width: 0 1px 1px 0;transform:rotate(-45deg)}
.mainProductList.main_goodEatList .listBody ul > li a p {font-size:13px;color:#6b6b6b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
.mainProductList.main_goodEatList .listFooter {margin-top:40px}

/* 하단 퀵메뉴 */
.mainProductList.mainBtmQuickMenu {position:relative;background:none;padding-top:67px}
.mainProductList.mainBtmQuickMenu:before {content:'';width:100%;height:200px;background-color:#f4f4f4;position:absolute;left:0;top:0;z-index: -1;}
.mainProductList.mainBtmQuickMenu ul {width:1200px;margin:0 auto;display:flex;flex-wrap: wrap;}
.mainProductList.mainBtmQuickMenu ul li {margin-right:24px}
.mainProductList.mainBtmQuickMenu ul li:nth-child(3n+3) {margin-right:0}
.mainProductList.mainBtmQuickMenu ul li+li+li+li {margin-top:40px}
.mainProductList.mainBtmQuickMenu ul li a {display:block;width:384px}
.mainProductList.mainBtmQuickMenu ul li a div {margin-bottom:15px;height:220px;background:#fff;border-radius:10px}
.mainProductList.mainBtmQuickMenu ul li a div img {border-radius:10px}
.mainProductList.mainBtmQuickMenu ul li a strong {font-size:18px;font-weight:500;color:#212121}
.mainProductList.mainBtmQuickMenu ul li a p {font-size:15px;margin-top:8px;color:#767676}

/* 메인 인기상품 */
.mainProductList.main_bestProdSect .oPrdtLst .wrapImg,
.mainProductList.main_bestProdSect .oPrdtLst .wrapImg a {border-radius:10px 10px 0 0 }
.mainProductList.main_bestProdSect .oPrdtLst .wrapInfo {margin-bottom:40px;position:relative;padding:24px 14px 30px;border:1px solid #e0e0e0;border-top:0;border-radius: 0 0 10px 10px}
.oPrdtLst .wrapInfo .best_rankNum {display:none}
.mainProductList.main_bestProdSect .oPrdtLst .wrapInfo .best_rankNum {display:inline-flex;align-items:center;justify-content:center; position:absolute;left:14px;top:-18px;background-color:#fff;font-size:15px;border-radius:30px;height:36px;width:78px;z-index:11}
.mainProductList.main_bestProdSect .oPrdtLst .wrapInfo .best_rankNum:before {content:'BEST';display: inline-block;margin-right:3px;}
.mainProductList.main_bestProdSect .oPrdtLst .swiper-slide:nth-child(3)~.swiper-slide .wrapInfo .best_rankNum {width:36px;border-radius:50%;}
.mainProductList.main_bestProdSect .oPrdtLst .swiper-slide:nth-child(3)~.swiper-slide .wrapInfo .best_rankNum:before {display:none}
.mainProductList.main_bestProdSect .comSwiperBtn .swiper-button-prev,.mainProductList.main_bestProdSect .comSwiperBtn .swiper-button-next {top:190px}

.mainProductList.mainUseTip .tipList {overflow:hidden}
.mainProductList.mainUseTip .tipList ul li {width:390px;}
.mainProductList.mainUseTip .tipList ul li a {display:block;font-size:14px;color:#767676;text-align:left}
.mainProductList.mainUseTip .tipList ul li a strong {display:block;font-size:16px;color:#212121;font-weight:400;margin:14px 0 8px}
.mainProductList.mainUseTip .tipList .wrap_img {position:relative;height:226px}
.mainProductList.mainUseTip .tipList .swiper-button-next, .mainProductList.mainUseTip .listBody .tipList .swiper-button-prev {top: 0;height: 100%; margin: 0; background:none}
.mainProductList.mainUseTip .tipList .swiper-button-next.swiper-button-disabled, .mainProductList.mainUseTip .listBody .tipList .swiper-button-prev.swiper-button-disabled {opacity: 1;}
.mainProductList.mainUseTip .tipList .swiper-button-next.swiper-button-disabled::before, .mainProductList.mainUseTip .listBody .tipList .swiper-button-prev.swiper-button-disabled::before {opacity: .35;}
.mainProductList.mainUseTip .tipList .swiper-button-prev::before {content: ''; display: inline-block; position: absolute; top: 50%; left: 6px; width: 8px; height: 8px; margin-top: -4px; border: 1px solid #333; border-width: 1px 0 0 1px; transform: rotate(-45deg)}
.mainProductList.mainUseTip .tipList .swiper-button-next::before {content: ''; display: inline-block; position: absolute; top: 50%; right: 6px; width: 8px; height: 8px; margin-top: -4px; border: 1px solid #333; border-width: 0 1px 1px 0; transform: rotate(-45deg)}

/* 타임특가 */
.oTimeMain {position: relative}
.oTimeMain h3 {position: relative;}
.oTimeMain.oSale h3 {height: auto; line-height: 32px; padding-bottom: 10px;}
.oTimeMain.oSale h3 span {color: #6ba543;}
.oTimeMain.oSale h3 span em {color: #333;}
.oTimeMain .listHeader h3 .timer {font-size: 36px; font-weight: 500;}
.oTimeMain .listHeader h3 .timer::before {content: ''; display: inline-block; width: 36px; height: 36px; margin-right: 12px; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_clock_37.png) no-repeat; background-size: 100% auto; vertical-align: top;}
.oTimeMain .listHeader p {font-size: 20px; font-weight: 500;}
.oTimeMain .listHeader p span {padding: 0 5px; font-weight: 400; letter-spacing: -.5px;}
.oTimeMain .lowest {margin-top: 66px; padding: 0 16px;}
.oTimeMain .lowest a {display: inline-block; width: 100%; height: 50px; border-radius: 4px; background: #f7f7f7; font-size: 14px; color: #333; line-height: 50px; text-align: center;}
/* .oTimeMain .lowest em {font-size: 14px; color: #6ba543;} */
/* .oTimeMain .lowest em::before {content: '\00D7'; display: inline-block; padding-top: 8px; font-size: 10px; color: #6ba543; vertical-align: top; font-weight: 900;} */
/* .oTimeMain h2 a.oBtn_topMore {right: 0;} */
.oTimeMain .viewTimesale {position: relative;}
.oTimeMain .viewTimesale ul li {width:282px}
.oTimeMain .viewTimesale .timerArea {position:absolute;bottom:0;left:0;width:100%;z-index: 1;background:rgba(47, 106, 70, .8);height:36px;display:flex;align-items:center;}
.oTimeMain .viewTimesale .timerArea .timer {background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_clock_26.png) no-repeat 10px 3px / 18px 18px;padding-left:30px;font-size:15px}
/* .oTimeMain .timerArea::before {content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 45px; background: #fff; z-index: -1;} */
.timerArea span {display: inline-block; height: 24px; border-radius: 5px; font: 500 12px 'Spoqa Han Sans Neo'; color: #6ba543; line-height: 24px; vertical-align: top;}
/* .timerArea .bargain {padding: 0 6px; border: 1px solid #6ba543; text-align: center;} */
.timerArea .timer {padding: 0 8px 0 25px; background: #333 url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_clock_24.png) 8px 50% no-repeat; background-size: 12px 12px; font-size: 16px;}
.timerArea .timer .timerCount {color: #fff;}
.oTimeMain .buyCount {position:absolute;bottom:0;right:0;font-size:13px;z-index:2;background:#212121;padding:4px 8px;border-radius:0;display:none} /* 241202 임시 삭제 */
.oTimeMain .buyCount span {display:block;color:#fff;}
.oTimeMain .buyCount span em {color:#fff;}
.oTimeMain .buyCount span.maxNum {font-weight: 600; color: #6ba543}

.oTimeMain .saleProduct {margin-bottom:40px}
.oTimeMain .saleProduct ul li {font-size: 14px;}
.oTimeMain .saleProduct ul li:nth-child(4)~li {margin-top:40px}
.oTimeMain .saleProduct ul li:nth-child(8)~li {display:none}
.oTimeMain .saleProduct ul li > a {display: block;}
.oTimeMain .saleProduct ul li figure {overflow: hidden;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:250px;margin:0;border-radius:0;transition:all .3s ease-out;filter: brightness(.97);background-color:#f7f7f7}
.oTimeMain .saleProduct ul li figure:hover img {transform:scale(110%)}
.oTimeMain .saleProduct ul li figure img {width: 100%;height:100%;object-fit:cover;transition:all .3s cubic-bezier(.25, .25, .75, 1.3);}
.oTimeMain .saleProduct ul li figure .price_discountRate {position: absolute; top: 6px; left: 6px; width: 50px; height: 50px; border-radius: 5px; background: #6ba543; font-size: 20px; color: #fff; font-family: 'Spoqa Han Sans Neo'; line-height: 50px; text-align: center; opacity:0.8;}
.oTimeMain .saleProduct ul li figure .price_discountRate em {font-size: 14px; color: #fff ;}
.oTimeMain .saleProduct ul li figure .soldOutArea {display: none;}
.oTimeMain .saleProduct ul li .info_area {position:relative;margin-top:12px}
.oTimeMain .saleProduct ul li .info_area:has(.badge_point) .txt_title {margin-top:4px}
.oTimeMain .saleProduct ul li .info_area .deliveryFree {display:none;height: 20px;margin: 12px 2px 0 0;padding:0 3px;border-radius:2px;background:#325d84;color:#fff;line-height:21px;font-weight:300;font-size:12px;}
.oTimeMain .saleProduct ul li .info_area .deliveryOasis {display:none;height: 20px;margin: 12px 2px 0 0;padding:0 3px;border-radius:2px;background:#6ca435;color:#fff;line-height:20px;font-weight:300;font-size:12px;}
.oTimeMain .saleProduct ul li .txt_title {overflow:hidden;text-overflow: ellipsis; word-wrap: break-word; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;font-size: 14px;letter-spacing: -.3px;line-height:1.358;}
.oTimeMain .saleProduct ul li .txt_group {display:flex;flex-wrap: wrap;width:100%;gap:0 4px;align-items:flex-end;margin-top:8px;font-weight:500;font-size:14px}
.oTimeMain .saleProduct ul li .txt_group .price_discountRate {font-weight:600;font-size:17px;color:#6ba543}
.oTimeMain .saleProduct ul li .txt_group .price_discount b {font-weight:600;font-size:17px}
.oTimeMain .saleProduct ul li .txt_group .price_original {color:#828282;font-weight:400}
.oTimeMain .saleProduct ul li .info_btmCoupon {display:block!important;position:absolute;top:0;right:0;width:42px;margin:6px 6px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_coupon_88.png) no-repeat 0 0 / 100% auto;font-weight:600;font-size:14px;line-height:26px;color:#FFFFFF;text-align:center;z-index:1}
.oTimeMain .saleProduct ul li .info_cpDownBox {margin-top:9px}/* 쿠폰가 */
.oTimeMain .saleProduct ul li .info_cpDownBox button {width:100%;/* height:32px; */border:1px solid #036F14;background:#FFF;font-weight:500;letter-spacing:-0.03em}
.oTimeMain .saleProduct ul li .info_cpDownBox button strong {font-weight:500}
.oTimeMain .saleProduct .swiper-pagination {bottom: 0;}
.oTimeMain .saleProduct .swiper-pagination-bullet {background: #e0e0e0; opacity: 1;}
.oTimeMain .saleProduct .swiper-pagination-bullet-active {background: #333;}
.oTimeMain .saleProduct > .swiper-pagination-bullets .swiper-pagination-bullet {width: 8px; height: 8px; margin: 0 4px;}
/* .oTimeMain .saleProduct .badgeEnd {display:inline-block;margin:8px 0 6px 0;padding:0 4px;border-radius:2px;background:#FCEDEE;font-weight:500;font-size:12px;line-height:20px;color:#C70C15;vertical-align:top} *//* 오늘 출고 시 */
/* .oTimeMain .saleProduct .badgeCheck {display:inline-block;margin:8px 0 6px 0;padding:0 3px 0 19px;border:1px solid #EEEEEE;border-radius:4px;background:#FFFFFF url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_check_28.png) no-repeat top 2px left 3px/14px auto;font-weight:500;font-size:12px;line-height:18px;vertical-align:top} *//* n개한정 */

/*소진 시*/
.oTimeMain .saleProduct ul li.exhaust .soldOutArea {display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(16,16,16,.5);font-size:14px;color:#fff;letter-spacing:-0.3px;z-index:1;font-weight:300}
.oTimeMain .saleProduct ul li.exhaust .buyCount {display:none}
.oTimeMain .saleProduct ul li.exhaust .txt_title{color:#909090}
.oTimeMain .saleProduct ul li.exhaust .txt_group * {color:#6B6B6B}

/* 한정특가, 브랜드특가 */
/* .oLimited .limitedNum {position:absolute;padding-left:10px;bottom:0;left:0;width:100%;font-size:15px;font-weight:500;background:rgba(44,71,121,.8);height: 36px;display: flex;align-items: center;}
.oLimited .limitedNum span {color: #fff;}
.oLimited .limitedNum span em {color: #fff;}
.ac_brand .oLimited .limitedNum {background:rgba(51,51,51,.8)} */

/********************************************************/
/***********************************************PC 서브 */
/********************************************************/
/*서브 공통 : 서브메인, 리스트, 디테일*/
.oContainer { }
.oContainer .tit_subHead {font-size:28px;width:1200px;font-weight:500;text-align:center;line-height:1;margin:20px auto 0}
.oContainer .subBanner { min-width:1200px; width:100%; height:360px; margin:0px auto; overflow:hidden; position:relative; text-align:center; height:360px; border-bottom:1px solid #f7f7f7;}
.oContainer .subBanner * { box-sizing:border-box; }
.oContainer .subBanner .swiper-slide { position:relative; overflow:hidden; }
.oContainer .subBanner .swiper-slide,
.oContainer .subBanner a { display:block; min-width:1200px; width:100%; height:360px; }
.oContainer .subBanner img { object-fit:cover; height:360px; width:auto; margin:0px auto; position:absolute; left:50%; transform:translateX(-50%); }

@media screen and (min-width:0\0) and (min-resolution: .001dpcm) { .oContainer .subBanner img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); } }
@media \0screen\,screen\9 { .oContainer .subBanner img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); } }

.oContainer .equalCategory {margin-top:34px}
.oContainer .stitList {width:1200px;margin:40px auto 0;font-size:22px;font-weight:400;padding-bottom:24px;line-height:1;border-bottom:1px solid #333}
.oContainer .equalCategory .innerBox {position:relative;background:#fff !important;background-color:#f7f7f7;width:100%}
.oContainer .equalCategory.scroll .innerBox { position:fixed; opacity:0.9; top:0px; z-index:100; /* box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.1); */ }
.oContainer .equalCategory .innerBox_inner {width:1200px; margin:0 auto; overflow:auto}
.oContainer .equalCategory .innerBox_inner.isSwiper {padding:0px 35px; overflow:hidden; position:relative; }
.oContainer .equalCategory ul {margin-top:-20px;display:flex;justify-content:center;flex-wrap:wrap;background-color:#f7f7f7; line-height:32px; text-align:center; white-space:nowrap;position: relative; padding: 0; background: #fff;}
.oContainer .equalCategory ul li { display:inline-block !important;position:relative;margin-top:20px}
.oContainer .equalCategory ul li+li {margin-left:28px}
.oContainer .equalCategory ul li a {display:inline-block;letter-spacing:-0.05em;font-size:14px}
.oContainer .equalCategory ul li .catFstImg {width:64px;height:64px;border-radius:50px;overflow:hidden;;margin:0 auto 8px}
.oContainer .equalCategory ul li .catFstImg img {width:100%;height:100%;object-fit:cover;}
.oContainer .equalCategory ul li span {display:flex;justify-content:center;line-height:1.286;width:64px;white-space:pre-line;word-break:keep-all;left:50%;position:relative;transform:translateX(-50%)}
.oContainer .equalCategory:not(.scroll) ul li.active .catFstImg {border:2px solid #2F6A46;}
.oContainer .equalCategory ul li.active a {pointer-events:none;}
.oContainer .equalCategory ul li.active a span {color:#2F6A46;font-weight:bold}
.oContainer .equalCategory ul li:not(.active):hover a {font-weight:500;}
.oContainer .equalCategory ul li:not(.active):hover a span { color:#333; text-decoration: underline;text-underline-position: under;}
.oContainer .equalCategory .swiper-button-prev { display:none; width:35px; height:76px; line-height:76px; margin:0px; padding:0px; background:none; background-color:#f7f7f7; position:absolute; left:0px; top:0px; box-shadow:15px 0px 10px 0px #f7f7f7; overflow:hidden; text-align:left; z-index:10; }
.oContainer .equalCategory .swiper-button-prev:before { content:""; display:inline-block; width:10px; height:10px; margin:0px 0px 0px 5px; border:1px solid #333; border-width:1px 0px 0px 1px; transform-origin:middle; transform:rotate(-45deg); vertical-align:middle; }
.oContainer .equalCategory .swiper-button-next { display:none; width:35px; height:76px; line-height:76px; margin:0px; padding:0px; background:none; background-color:#f7f7f7; position:absolute; right:0px; top:0px; box-shadow:-15px 0px 10px 0px #f7f7f7; overflow:hidden; text-align:right; z-index:10; }
.oContainer .equalCategory .swiper-button-next:before { content:""; display:inline-block; width:10px; height:10px; margin:0px 5px 0px 0px; border:1px solid #333; border-width:1px 1px 0px 0px; transform-origin:middle; transform:rotate(45deg); vertical-align:middle; }
.oContainer .equalCategory .innerBox_inner.isSwiper .swiper-button-prev,
.oContainer .equalCategory .innerBox_inner.isSwiper .swiper-button-next { display:block; }
.oContainer .equalCategory .innerBox_inner .swiper-button-prev.swiper-button-disabled,
.oContainer .equalCategory .innerBox_inner .swiper-button-next.swiper-button-disabled { opacity:1 !important; pointer-events:auto !important; }
.oContainer .equalCategory .innerBox_inner .swiper-button-prev.swiper-button-disabled:before,
.oContainer .equalCategory .innerBox_inner .swiper-button-next.swiper-button-disabled:before { border-color:#aaa !important; }

.oContainer .equalCategory .swiper-button-prev,
.oContainer .equalCategory .swiper-button-next {height: 52px; background: #fff !important; line-height: 54px;}
.oContainer .equalCategory .swiper-button-prev {box-shadow: 15px 0 10px 0 #fff !important;}
.oContainer .equalCategory .swiper-button-next {box-shadow: -15px 0 10px 0 #fff !important;}
.oContainer .equalCategory .innerBox_inner .swiper-button-prev.swiper-button-disabled, 
.oContainer .equalCategory .innerBox_inner .swiper-button-next.swiper-button-disabled {opacity: .35!important;}
.oContainer .equalCategory.scroll .innerBox::after {content: ''; display: inline-block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #f7f7f7 !important; }
.oContainer .equalCategory.scroll ul {display:block;flex-wrap:initial;border-top:0}
.oContainer .equalCategory.scroll ul li {padding:0 10px;}
.oContainer .equalCategory.scroll ul li a {height:74px;display:inline-flex;align-items:center}
.oContainer .equalCategory.scroll ul li a:hover:after {display:none}
.oContainer .equalCategory.scroll ul li .catFstImg {display:none}
.oContainer .equalCategory.scroll .swiper-button-prev, .oProductList .equalCategory.scroll .swiper-button-next {height: 72px; line-height: 74px;}

.currentPath { width:1200px; margin:0 auto; padding:30px 0 0;line-height:15px}
.currentPath a {display:inline-block;font-size:13px;position:relative;padding-right:14px;margin-right:6px;}
.currentPath a:first-child {width:16px;background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_home_32.png) no-repeat 0 -1px/16px auto;color:transparent !important;box-sizing: content-box;}
.currentPath strong {font-weight:500; }
.currentPath a:after {content:"\203A";font-size: 23px;height: 8px;font-weight: 400;color: #333;position: absolute;right:-1px;top:-1px}
.currentPath a:last-child:after { display:none; } 

/*테이블 스타일별 공통으로 사용하기*/
table.otable { border-collapse:collapse; width:100%; }

table.table_lineHB { border:1px solid #e2e2e2; }
table.table_lineHB caption { text-align:left; }
table.table_lineHB thead {  }
table.table_lineHB thead th { line-height:40px; border-bottom:1px solid #e2e2e2; background-color:#f7f7f7 !important; padding-left:0px !important; text-align:center !important; }
table.table_lineHB tbody {  }
table.table_lineHB tbody tr:first-of-type th, table.table_lineHB tbody tr:first-of-type td { padding-top:8px; }
table.table_lineHB tbody tr:last-of-type th, table.table_lineHB tbody tr:first-of-type td { padding-top:12px; }
table.table_lineHB tbody th { line-height:36px; background-color:#fff !important; padding-left:0px !important; text-align:center !important; width:100px; }
table.table_lineHB tbody td { line-height:36px; text-align:center; }

/*공통폼*/
/* 체크박스::24x24 #0C520A, col-b #333, col-g #E0E0E0 */
input.ip_checkboxG {display:block;position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px}
input.ip_checkboxG + label {display:inline-block;position:relative;padding:0 0 0 29px;font-size:16px;line-height:24px;vertical-align:top}
input.ip_checkboxG + label::before {content:'';display:inline-block;width:24px;height:24px;margin:0 5px 0 -29px;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;vertical-align:top}
input.ip_checkboxG + label .sub {display:block;margin-top:0;font-weight:400;font-size:12px;line-height:18px;color:#6B6B6B}
input.ip_checkboxG:checked + label {font-weight:500}
input.ip_checkboxG:checked + label::before {border-color:#0C520A;background-color:#0C520A;background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_24_w_2.png)}
input.ip_checkboxG.col-b:checked + label::before {border-color:#333;background-color:#333}
input.ip_checkboxG.col-g + label::before {background-color:#E0E0E0;background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_check_24_w_2.png)}
input.ip_checkboxG.col-g:checked + label::before {background-color:#0C520A}
/* 체크박스::20x20 */
input.ip_checkboxG.small + label {padding-left:26px;font-size:14px;line-height:20px}
input.ip_checkboxG.small + label::before {width:20px;height:20px;margin-left:-26px;background-size:10px auto}
input.ip_checkboxG.small:checked + label {font-weight:500}
/* 체크박스::체크박스만 있을 때 */
input.ip_checkboxG.onlyInput + label {padding-left:24px}
input.ip_checkboxG.onlyInput + label::before {margin:0 0 0 -24px}
/* 체크박스::label block속성 */
input.ip_checkboxG.dpBlock + label {display:block}

/* 라디오::24x24 #0C520A, col-b #333 */
input.ip_radioG {display:block;position:absolute;left:-9999px}
input.ip_radioG + label {display:inline-block;position:relative;padding:0 0 0 29px;font-size:16px;line-height:21px;vertical-align:top}
input.ip_radioG + label::before {content:'';display:inline-block;width:20px;height:20px;margin:0 5px 0 -29px;border:1px solid #E0E0E0;border-radius:50%;background:#fff;vertical-align:top}
input.ip_radioG + label .sub {display:inline-block;margin-top:0;font-size:14px;line-height:18px;color:#6B6B6B;vertical-align:top}
input.ip_radioG:disabled + label {color:#e0e0e0;}
input.ip_radioG:checked + label {font-weight:500}
input.ip_radioG:checked + label::before {border-width:7px;border-color:#0C520A}
input.ip_radioG:checked + label .sub {font-weight:400}
input.ip_radioG:checked + label.col-r .sub {color:#ff1717}
input.ip_radioG.col-b:checked + label::before {border-color:#333}
input.ip_radioG.ml30 + label { margin-left:30px; }
/* 라디오::20x20 */
input.ip_radioG.small + label {padding-left:24px;font-size:14px;line-height:20px}
input.ip_radioG.small + label::before {width:20px;height:20px;margin-left:-24px;/*border-width:6px*/}
/* 라디오::라디오버튼만 있을 때 */
input.ip_radioG.onlyInput + label {padding-left:24px}
input.ip_radioG.onlyInput + label::before {margin:0 0 0 -24px}
/* 라디오::label block속성 */
input.ip_radioG.dpBlock + label {display:block}

/* bg+radio::정기배송 배송방법 선택 */
input.ip_boxG {display:block;position:absolute;left:-9999px}
input.ip_boxG + label { display:inline-block; position:relative; height:50px; padding:0 39px 0 69px; border:1px solid #e0e0e0; line-height:50px; text-align:center; cursor:pointer; }
input.ip_boxG + label::before {content:"";display:inline-block;position:absolute;left:39px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:#e0e0e0;border-radius:50%;vertical-align:middle;}
input.ip_boxG + label::after {content:"";display:inline-block;position:absolute;left:45px;top:50%;transform:translateY(-65%) rotate(-45deg);width:12px;height:7px;border:2px solid #fff;border-width:0 0 2px 2px;}
input.ip_boxG:checked + label {border:1px solid #0C520A;background-color:#0C520A;color:#fff}
input.ip_boxG:checked + label::before {background-color:#fff}
input.ip_boxG:checked + label::after {border-color:#0C520A}
input.ip_boxG.rud + label { border-radius:4px;}

/* bg+radio::정기배송 배송주기 선택 */
input.ip_boxB[type=radio] { position:absolute; width:1px; height:1px; padding:0px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
input.ip_boxB[type=radio] + label { display:inline-block; position:relative; height:50px; padding:0 21px 0 51px; border:1px solid #e0e0e0; line-height:50px; text-align:center; cursor:pointer; }
input.ip_boxB[type=radio] + label::before { content:""; display:inline-block; position:absolute; left:39px; top:50%; transform:translateY(-50%); width:24px; height:24px; background-color:#e0e0e0; border-radius:50%; vertical-align:middle; }
input.ip_boxB[type=radio] + label::after { content:""; display:inline-block; position:absolute; left:45px; top:50%; transform:translateY(-65%) rotate(-45deg); width:12px; height:7px; border:2px solid #fff; border-width:0 0 2px 2px; }
input.ip_boxB[type=radio]:checked + label { background-color:#fff; border:1px solid #333; color:#333 !important; }
input.ip_boxB[type=radio]:checked + label::before { background-color:#333; }
input.ip_boxB[type=radio]:checked + label::after { border-color:#fff; }
input.ip_boxB[type=radio].rud + label { border-radius:4px; }
input.ip_boxB[type=radio].ckN + label { padding:0 21px 0 21px; }
input.ip_boxB[type=radio].ckN + label::before { display:none }
input.ip_boxB[type=radio].ckN + label::after { display:none }

/********************************************************/
/***********************************************PC 브랜드스토어 (맛집) */
/********************************************************/
.main_latestList_tab {  }
.main_latestList_tab h2 { position:relative; width:1200px; height:40px; margin:85px auto 50px auto; line-height:40px; text-align:center; font-size:28px;font-weight:400; }
/* .main_latestList_tab h2 > a::before { content:"더보기"; display:inline-block; position:absolute; right:10px; bottom:0; font-size:18px; font-weight:400; } */
.main_latestList_tab h2 > a::after { content:""; display:inline-block; width:13px; height:13px; /*position:absolute; right:1px; bottom:16px;*/ border:1px solid #333; border-width:2px 2px 0 0; transform:rotate(45deg);position:relative;top:-3px}

.rotate.gr_list { padding:45px 0; }
.rotate.gr_list { display:flex; height:35px; line-height:35px; text-align:left; } 

body.bci761 .listContent { padding-top:30px; }
body.bci761 .oContainer .listContent .listInfo .alignArea { display:none; }
.cont_list_brand {margin:20px 0 25px}
.cont_list_brand .listHeader {padding:4px 0 0 62px;line-height: 1;position:relative;height:50px}
.cont_list_brand .listHeader .shop_logo {position:absolute;left:0;top:0;width:50px;height:50px;display:flex; align-items:center; justify-content:center; background-color:#fff; border:1px solid #eee; overflow:hidden;border-radius: 50%;padding:3px}
.cont_list_brand .listHeader .shop_logo a { display:block;}
.cont_list_brand .listHeader .shop_logo img { width:100%; height:100%;}
.cont_list_brand .listHeader h3 {margin:0 0 12px;font-size:16px} 
.cont_list_brand .listHeader p {font-size:15px;color:#6b6b6b;} 

body.scg809 .oContainer .equalCategory { display:none !important; }
.gr_banner { position:relative; width:100%; }
.gr_banner ul { width:100%; }
.gr_banner ul li { width:100%; }
.gr_banner ul li a { display:block; position:relative; width:100%; min-width:1200px; height:360px; overflow:hidden; }
.gr_banner ul li img { width:auto; height:360px; position:absolute; left:50%; top:0; transform:translateX(-50%); }

.equalCategory.grType_imgAdd li a {width:64px}
.equalCategory.grType_imgAdd li a::before {content:'';width:100%;height:64px;display:block;background:no-repeat center 0;background-size: 100% 100%;border-radius:25px}
.equalCategory.grType_imgAdd li:nth-child(1) a::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/img/img_brandStore_cat_1.png)}
.equalCategory.grType_imgAdd li:nth-child(2) a::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/img/img_brandStore_cat_2.png)}
.equalCategory.grType_imgAdd li:nth-child(3) a::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/img/img_brandStore_cat_3.png)}
.equalCategory.grType_imgAdd li:nth-child(4) a::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/img/img_brandStore_cat_4.png)}
.equalCategory.grType_imgAdd li:nth-child(5) a::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/img/img_brandStore_cat_5.png)}
.equalCategory.grType_imgAdd li:nth-child(6) a::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/img/img_brandStore_cat_6.png)}
.equalCategory.grType_imgAdd li:nth-child(7) a::before {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/img/img_brandStore_cat_7.png)}
.equalCategory.grType_imgAdd.scroll li a::before {display:none}


/********************************************************/
/***********************************************PC 서브메인 */
/********************************************************/
/* 서브메인 */
.oSubMain {  }
.subMainProductList { padding:71px 0px 74px 0px; background-color:#fff; position:relative; }
.subMainProductList:nth-of-type(2), 
.subMainProductList:nth-of-type(2n+3) { background-color:#f7f7f7 }
.subMainProductList:nth-of-type(2) .listBody .normalList > ul > li,
.subMainProductList:nth-of-type(2n+3) .listBody .normalList > ul > li { background-color:#fff; }
.subMainProductList.gr_list { background-color:#fff !important; }

.subMainProductList .listHeader { width:1200px; margin:0px auto; text-align:center; }
.subMainProductList .listHeader h2 {line-height:1; font-size:28px; font-weight:400; letter-spacing:-0.5px; }
.subMainProductList .listHeader h2 a {}
.subMainProductList .listHeader h2 a:after { content:""; display:inline-block; width:13px; height:13px;border:1px solid #333; border-width:2px 2px 0 0; transform:rotate(45deg);position:relative;top:-3px}
.subMainProductList .listHeader h2 b { font-weight:500; color:#6ba43a; }
.subMainProductList .listHeader h2 strong { font-weight:700; color:#6ba43a; }
.subMainProductList .listHeader p { position:relative; height:51px; line-height:51px; font-size:20px; text-align:center; }
.subMainProductList .listHeader p:after { content:""; display:inline-block; width:100%; height:1px; position:absolute; left:0px; top:50%; border-top:1px solid #c6c6c6; }
.subMainProductList .listHeader p span { display:inline-block; background-color:#fff;; padding:0px 15px; position:relative; z-index:9; }

.subMainProductList .listBody { width:1200px;margin:0 auto;padding:40px 0 0}
.subMainProductList .listBody .normalList > ul {  }
.subMainProductList .listBody .normalList > ul:after { content:""; display:block; clear:both; height:0px; overflow:hidden; }
.subMainProductList .listBody .normalList > ul > li { float:left; width:calc((100% - 45px) / 4); margin-left:15px; }
.subMainProductList .listBody .normalList > ul > li:nth-of-type(1) { margin-left:0px; }
.subMainProductList .listBody .normalList > ul > li .thumnail_area { height:245px; position:relative; overflow:hidden; border:1px solid #f7f7f7; }
.subMainProductList .listBody .normalList > ul > li .thumnail_area img { width:100%; min-height:245px; height:auto; }
.subMainProductList .listBody .normalList > ul > li .thumnail_area img { transition:all 0.3s ease-in-out; /* transition:all 1.5s; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); *//*  background-color:#f7f7f7; */ }
.subMainProductList .listBody .normalList > ul > li .thumnail_area img:hover { transform:scale(1.1); /* transition:all 1.5s; background-color:#f7f7f7; width:120% !important; height:auto !important; */ }
.subMainProductList .listBody .normalList > ul > li .info_area { min-height:130px; padding:17px 14px 22px 14px; font-size:18px; }
.subMainProductList .listBody .normalList > ul > li .info_area .txt_title { line-height:33px; white-space:nowrap; display:table; }
.subMainProductList .listBody .normalList > ul > li .info_area .txt_title b { display:table-cell; }
.subMainProductList .listBody .normalList > ul > li .info_area .txt_title b span.inner { font-weight:500; display:block; height:33px; line-height:33px; letter-spacing:-0.5px; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; }
.subMainProductList .listBody .normalList > ul > li .info_area .txt_title span.saleCollage { display:table-cell; padding-right:3px; vertical-align:middle; height:22px; line-height:22px; }
.subMainProductList .listBody .normalList > ul > li .info_area .txt_discount_percent { color:#6ba43a; font-weight:700; line-height:25px; letter-spacing:0.5px; }
.subMainProductList .listBody .normalList > ul > li .info_area .txt_discount_won { line-height:33px; }
.subMainProductList .listBody .normalList > ul > li .info_area .txt_discount_won strong { font-weight:700; }
.subMainProductList .listBody .normalList > ul > li .info_area .txt_discount_won del { margin-left:7px; font-size:15px; font-weight:400; color:#828282; }
.subMainProductList .listFooter { padding:41px 0px 0px 0px; width:1200px; margin:0px auto; }
.subMainProductList .listFooter .hashtag {  text-align:left; }
.subMainProductList .listFooter .hashtag a { display:inline-block; font-size:18px; line-height:40px; margin-left:5px; }
.subMainProductList .listFooter .hashtag a:first-of-type(1) { margin-left:0px; }
.subMainProductList .listFooter a.more { display:inline-block; font-size:18px; text-align:right; height:65px; line-height:65px; position:absolute; right:50%;margin-right:-600px;top:69px}
.subMainProductList .listFooter a.more:after { content:"\203A"; display:inline-block; margin-left:5px; font-size:34px; line-height:57px; vertical-align:top; font-weight:100; }

/* 비디오쇼핑 */
.subMainProductList.videoShop {background:#fff;border-bottom:1px solid #f4f4f4}
.subMainProductList.videoShop .listHeader h3 {font-size:28px;margin-bottom:10px;height:auto;line-height:1;display:inline-flex;align-items:center}
.subMainProductList.videoShop .listHeader h3:before {content:'';width:30px;height:30px;display:inline-block;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cart_30.png) no-repeat 0 0;margin-right:2px;position:relative;top:-1px}
.subMainProductList.videoShop .listHeader h3 a:after {content:none}

/*서브배너*/
.subMiddleBanner { text-align:center; margin:85px auto 0px auto; width:1200px; height:150px; overflow:hidden;  }
.oContainer .subMiddleBanner * { box-sizing:border-box; }
.oContainer .subMiddleBanner img {width:100%;height:100%;}
.subMiddleBanner a { display:block}
.subMiddleBanner img {  }

/***********************************************PC 리스트 */
.oSearch:not(:has(.search_recommendList)) .info_badges {display:none}
.oSearch:not(:has(.search_recommendList)) .info_title {margin-top:0 !important}
.oSearch:not(:has(.search_recommendList)) .tit_subHead {margin-top:60px}
.oSearch:not(:has(.search_recommendList)) .listInfo {height:0;overflow: hidden;margin-bottom:50px !important}
.oSearch:not(:has(.search_recommendList)) .listFilterBox {height:0;overflow: hidden;border:0}
.listFilterBox {width:1200px;margin:-1px auto 0;border-top:1px solid #333}
.listFilterBox .filterSelectCont {position:relative;margin-top:14px}
.listFilterBox .filterBtnList {display:flex;gap:0 12px;}
.listFilterBox .filterBtnList button {height:36px;background:#fff;border:1px solid #eee;padding:0 12px;display:inline-flex;align-items:center;justify-content: center;gap:0 6px}
.listFilterBox .filterBtnList button::after {content: '';display:inline-block;width:8px;height:8px;border:solid #333;border-width:0 1px 1px 0;transform:rotate(45deg);position:relative;top:-2px}
.listFilterBox .filterBtnList button.active,.listFilterBox .filterBtnList button.on {background:#0C520A;color:#fff;border-color:#0C520A}
.listFilterBox .filterBtnList button.active {border-color:#fff}
.listFilterBox .filterBtnList button.active::after {border-color:#fff}
.listFilterBox .filterBtnList button.on::after {border-color:#fff;transform:rotate(-135deg);top:2px}
.listFilterBox .filterSelectCont.open .filterBtnList button:not(.on) {pointer-events:none}

.listFilterBox .filterLayerPop {display:none;position:absolute;left:0;top:46px;width:408px;border:1px solid #E0E0E0;z-index:99;background:#fff}
.listFilterBox .filterSelectCont.open .filterLayerPop {display:block}
.listFilterBox .filterLayerPop > ul {padding:30px 32px}
.listFilterBox .filterLayerPop > ul > li+li {margin-top:30px}
.listFilterBox .filterLayerPop > ul > li strong {font-size:15px;font-weight:bold;margin-bottom:10px;display:block}
.listFilterBox .filterLayerPop .checkListBox {display:flex;gap:8px;flex-wrap:wrap;}
.listFilterBox .filterLayerPop .checkListBox label {position:relative;height:34px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center}
.listFilterBox .filterLayerPop .checkListBox label input {position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #eee;border-radius:2px;cursor:pointer}
.listFilterBox .filterLayerPop .checkListBox label input:checked {border-color:#0C520A}
.listFilterBox .filterLayerPop .checkListBox label:has(input:checked) {color:#0C520A;font-weight:500}
.listFilterBox .filterLayerPop .filterLayerBtn {display:flex}
.listFilterBox .filterLayerPop .filterLayerBtn button {flex:1;background:#F4F4F4}
.listFilterBox .filterLayerPop .filterLayerBtn .btn_apply {background:#0C520A;color:#fff;height:50px;width:267px;flex:none}
.listFilterBox .filterAppliedBox {display:flex;background:#F4F4F4;padding:0 20px;height:52px;align-items:center;justify-content:center;margin-top:18px}
.listFilterBox .filterAppliedBox > div {margin-right:auto;display:flex;gap:0 20px;flex-wrap:wrap;}
.listFilterBox .filterAppliedBox > div button {color:#6B6B6B;background:none;display:flex;gap:0 6px;align-items:center}
.listFilterBox .filterAppliedBox > div button::after {content:'';width:10px;height:10px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_close_gray_22.png) no-repeat 0 0 / 10px 10px}
.listFilterBox .filterAppliedBox > button {background: #fff;padding:10px 12px;border:1px solid #e0e0e0;height:36px;flex:none}
.listFilterBox:not(:has(.sltWord button)) .filterAppliedBox {display:none}
.oProductList .txt_filterNoneTxt {display:none;text-align: center;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_infor_circle_100.png) no-repeat center 0 / 50px 50px;padding:74px 0 0;margin:160px 0}
.oProductList .txt_filterNoneTxt p {font-size:14px;}
.oProductList .txt_filterNoneTxt button {margin-top:20px;border-radius: 18px;background:#0C520A;color:#fff;height:36px;display:inline-flex;align-items:center;padding:0 20px}
.oProductList:not(:has(.oPrdtLst .pListItem)) .txt_filterNoneTxt {display:block}

.oContainer .listContent { position:relative; z-index:50; }
.oContainer .listContent .listInfo {width:1200px;margin:0px auto; position:relative; z-index:70}
.oContainer .listContent .alignArea {font-size:15px;width:100%;display:flex;justify-content:space-between;padding:50px 0 30px;position:relative}
.oContainer .listContent .alignArea .alignSortBox {}
.oContainer .listContent .alignArea .alignSortBox ul {display:flex;}
.oContainer .listContent .alignArea .alignSortBox ul li+li {margin-left:8px;padding-left:9px;position:relative}
.oContainer .listContent .alignArea .alignSortBox ul li+li:before {content:'';width:1px;height:10px;background:#E0E0E0;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.oContainer .listContent .alignArea .alignSortBox ul li a {font-size:13px;color:#6B6B6B}
.oContainer .listContent .alignArea .alignSortBox ul li.active a{font-weight:bold;color:#333}
.oContainer .listContent .alignArea .alignNumBox {position:relative}
.oContainer .listContent .alignArea .alignNumBox > a {display:inline-flex;align-items:center;font-size:13px}
.oContainer .listContent .alignArea .alignNumBox > a::after {content:'';display:inline-block;border-top:6px solid #333;border-left:5px solid transparent;border-right:5px solid transparent;margin-left:4px}
.oContainer .listContent .alignArea .alignNumBox.active > a::after {border-top:0;border-bottom:6px solid #333}
.oContainer .listContent .alignArea .alignNumBox > a b {font-weight:400}
.oContainer .listContent .alignArea .alignNumBox ul {display:none;position:absolute;top:26px;right:0;width:110px;background-color:#fff;border:1px solid #333;padding:6px 0}
.oContainer .listContent .alignArea .alignNumBox.active ul {display:block}
.oContainer .listContent .alignArea .alignNumBox ul li {font-size:13px}
.oContainer .listContent .alignArea .alignNumBox ul li a {display:inline-flex;align-items:center;justify-content:center;width:100%;height:34px}
.oContainer .listContent .alignArea .alignNumBox ul li.active {font-weight:500}
.oContainer .listContent .alignArea .alignNumBox ul li:hover a {background:#F3F8EF;color:#6BA43A}

.oContainer .listContent .listProduct { width:1200px; margin:0px auto; position:relative; z-index:60; }
.oContainer .listContent .listProduct * { box-sizing:border-box; }
.oContainer .listContent .listProduct .normalList > ul {display:flex;flex-wrap:wrap;}
.oContainer .listContent .listProduct .normalList > ul > li {margin-left:24px;position:relative; }
.oContainer .listContent .listProduct .normalList > ul > li .product_off.gray_border { border:0px solid #fff; background-color:transparent; }
.oContainer .listContent .listProduct .normalList > ul > li:nth-of-type(4n+1) { margin-left:0}
.oContainer .listContent .listProduct .normalList > ul > li .thumnail_area { height:245px; position:relative; overflow:hidden; border:1px solid #f7f7f7; }
.oContainer .listContent .listProduct .normalList > ul > li .thumnail_area img { width:100%; min-height:245px; height:auto; }
.oContainer .listContent .listProduct .normalList > ul > li .thumnail_area img { transition:all 0.3s ease-in-out; /* transition:all 1.5s; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); *//*  background-color:#f7f7f7; */ }
.oContainer .listContent .listProduct .normalList > ul > li .thumnail_area img:hover { transform:scale(1.1); /* transition:all 1.5s; background-color:#f7f7f7; width:120% !important; height:auto !important; */ }
.oContainer .listContent .listProduct .normalList > ul > li .info_area { padding:8px 14px 0px 14px; font-size:18px; min-height:150px; }
.oContainer .listContent .listProduct .normalList > ul > li .info_area .txt_title { line-height:37px; white-space:nowrap; display:table; }
.oContainer .listContent .listProduct .normalList > ul > li .info_area .txt_title b { display:table-cell; }
.oContainer .listContent .listProduct .normalList > ul > li .info_area .txt_title b span.inner { font-weight:500; display:block; height:33px; letter-spacing:-0.5px; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; }
.oContainer .listContent .listProduct .normalList > ul > li .info_area .txt_title span.saleCollage { display:table-cell; padding-right:3px; vertical-align:middle; height:22px; line-height:22px; }
.oContainer .listContent .listProduct .normalList > ul > li .info_area .txt_discount_percent { color:#6ba43a; font-weight:700; line-height:25px; }
.oContainer .listContent .listProduct .normalList > ul > li .info_area .txt_discount_won { line-height:33px; letter-spacing:-0.5px; }
.oContainer .listContent .listProduct .normalList > ul > li .info_area .txt_discount_won strong { font-weight:700; }
.oContainer .listContent .listProduct .normalList > ul > li .info_area .txt_discount_won del { margin-left:7px; font-size:15px; font-weight:400; color:#828282; }

.oContainer .listContent .listProduct .normalList > ul > li:hover .overView { display:block;}
.normalList ul > li .imgStatus { cursor:pointer; }
.normalList ul > li:hover .overView { display:block; }
.oContainer .listContent .listProduct .normalList > ul > li:hover .badgeGroup { display:none; }
.overView { display:none; position:absolute; left:0; top:0; width:100%;height:100%; z-index:1; }
.overView > a { display:block; position:absolute; left:0; top:0; width:100%; height:100%;z-index:10; }
.overView .innerBtns {opacity:0;display:flex;justify-content:center;flex-direction:row-reverse;align-items:center;position:absolute;left:0;bottom:0;width:100%;height:60px;text-align:center;background-color:transparent;transition: all .3s cubic-bezier(.42, .0, .58, 1.3);}
.overView:hover .innerBtns {opacity:1}
.overView .innerBtns a {display:inline-block; position:relative; width:40px; height:40px; padding-left:40px; margin:0px 10px; background-color:#fff; border-radius:50%; background-position:center center; background-repeat:no-repeat;background-size:20px 20px;overflow:hidden; z-index:11;font-size: 0;text-indent: -9999px;transition: all .3s cubic-bezier(.42, .0, .58, 1.3);}
.overView .innerBtns a:hover { background-color:#6b9f3f; }
.overView .innerBtns a.btn_myList { background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_heart_40_2.png); }
.overView .innerBtns a.btn_myList.active { background-color:#6b9f3f; background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_heart_40_2_white.png); }
.overView .innerBtns a.btn_myList:hover { background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_heart_40_2_white.png); }
.overView .innerBtns a.btn_myCart { background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cart_40.png); }
.overView .innerBtns a.btn_myCart:hover { background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cart_40_white.png); }
.overView .innerBtns a.btn_detailView { background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_search_40.png); }
.overView .innerBtns a.btn_detailView:hover { background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_search_40_white.png); }
.normalList .prodList ul > li:hover .overView { display:block; }
.normalList .prodList ul > li:hover .overView .btn_imgBg { display:block; position:absolute; left:0; top:0; z-index:8; width:100%; height:100%; }


/*디자인된 뱃지모음 2020.12.21*/
.badgeGroup {  }
/*할인률 일반*/
.badgeGroup .badgeDiscountRate { position:absolute; left:0px; top:0px; width:52px; height:52px; background-color:#87b55f; line-height:52px; letter-spacing:-1px; font-size:15px; color:#fff; text-align:center; font-weight:100; }
.badgeGroup .badgeDiscountRate b { font-size:22px; font-weight:700; color:inherit; }


/*이전 뱃지모음 소스*/
li .stopSellTxt span, li .newSellTxt span, li .saleSellTxt span, li .newSellTxt span, li .saleSellTxt span { display:inline-block !important; }
/* 판매중지 */
li .stopSellTxt {display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center;}
li .stopSellTxt:before { content:""; display:block; width:100%; height:100%; background-color:#000; opacity:0.5; position:absolute; left:0px; top:0px; }
li .stopSellTxt > span { display:none; width:100%; color:#fff; font-weight: 500; font-size:22px; line-height:24px; position:absolute; top:50%; left:0px; transform:translateY(-50%); }  /*20171218수정*/
li .stopSellTxt > span b { color:#fff; display:block; }
li .stopSellTxt > span em { color:#fff; display:block; font-size:14px; font-weight:400; font-style:normal; }
/* 신상품 단독 */
li .newSellTxt{display:block; position:absolute; top:0px; right:0px; width:52px; text-align:center; background:#6ca437; opacity:0.7;}
li .newSellTxt span{display:none; height:32px; line-height:32px;  color:#fff; font-size:14px;}
/* 세일+신상품 */
li .saleSellTxt{display:block; position:absolute; width:52px; text-align:center; background:#67543e; opacity:0.7;}
li .saleSellTxt span{display:none; height:52px; line-height:52px;  color:#fff; font-size:20px; font-weight:500;}
li .saleSellTxt span em {font-size:16px; color:#fff; }

li .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;}
li .saleNewSellDown p{height: 2px;font-size:12px;color: #ffffff;margin: 5px 0 0 17px;}
li .saleNewSellDown span{height:52px; line-height:52px;  color:#fff; font-size:20px; font-weight:500; margin-left: 20px;}
li .saleNewSellDown span em{font-size:16px;}

li .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;}
li .saleNewSellCircle p{height: 2px;font-size:11px;color: #ffffff;margin: 8px 0 0 0px; letter-spacing:-1px;}
li .saleNewSellCircle span{line-height:44px; color:#cf4330; font-size:18px; font-weight:800; margin-left: 2px;}
li .saleNewSellCircle span em{font-size:14px; letter-spacing:-1px; margin-top:2px; display:inline-block; color:#cf4330; }
li .saleNewSellCircle span em .sPercent { font-size:11px; margin-left:-1px;}
.lastSale { display:inline-block; margin-top:3px; background:#C70C15; border-radius:3px; color:#fff; padding:0 4px; letter-spacing: -0.42px; cursor:none; height:22px; line-height:22px; font-size:14px; font-weight:500; vertical-align:top }

li .saleSellTxt, .saleSellTxt{top:0px; right:0px;}

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

li .pdLikeWrap { height:30px; width:90%; position:absolute; bottom:5px; background:rgba(0,0,0,.3); margin:0 5%; border-radius:50px; text-align:center}
li .pdLikeWrap img {width:17px !important; height:auto !important; min-height:auto !important; vertical-align:middle}
li .pdLikeWrap span {color:#fff; line-height:30px}
/*20180130 추가 : 오감동*/
li .ohSellTxt { display:block; position:absolute; top:52px; left:0px; width:52px; height:32px; text-align:center; background:#32abb2; opacity:0.9;}
li .ohSellTxt span { display:block; height:32px; line-height:32px;  color:#fff; font-size:14px;}
/*20200616 추가 : 동행세일*/
li .accompanySellTxt {display:block; position:absolute; top:52px; left:0px; width:52px; text-align:center; background:#073190; opacity:0.9; padding:5px 0}
li .accompanySellTxt span {display:block; color:#fff; font-size:14px; letter-spacing:-1px;}


/********************************************************/
/***********************************************PC 상세페이지 */
/********************************************************/
/*상세페이지*/

.oDetilDialog {display:none}
.oDetilDialog.open {display:block}
.oDetilDialog:before {content:"";display:block;width:100%;height:100%;background:rgba(51,51,51,.2);position:fixed;left:0px;top:0px;z-index:9999}
.oDetilDialog .innerBox {width:440px;position:absolute;top:10px;left:50%;transform:translateX(-50%);background-color:#fff;border-radius:20px;overflow:hidden;z-index:10000}
.oDetilDialog .innerBox .dialog_header {position:relative;border-bottom:1px solid #eeeeee}
.oDetilDialog .innerBox .dialog_header h5 {height:60px;line-height:60px;font-size:18px;padding-left:20px}
.oDetilDialog .innerBox .dialog_header a {display:inline-block;position:absolute;right:10px;top:10px;font-size:16px;width:30px;height:30px;overflow:hidden}
.oDetilDialog .innerBox .dialog_header a:before {content:"\2573";display:inline-block;width:30px;height:30px;line-height:30px}
.oDetilDialog .innerBox .dialog_body {padding:10px 10px 30px 10px;/* overflow-y:scroll; */}
.oDetilDialog .innerBox .dialog_body img {width:100%;height:auto}

.popup_detail_interest-free .innerBox {padding:18px 16px 30px 16px;line-height:1}
.popup_detail_interest-free .innerBox .dialog_header {/* border-bottom:1px solid #747071; */border-bottom:0}
.popup_detail_interest-free .innerBox .dialog_header h2 {text-align:center;padding:26px 0 24px;font-size:22px;font-weight:400}
.popup_detail_interest-free .innerBox .dialog_header a {top:-8px;right:0}
.popup_detail_interest-free .innerBox .dialog_header a::before {text-align:center}
.popup_detail_interest-free .innerBox .dialog_body {padding:0 0 0 0;font-size:12px}
.popup_detail_interest-free .innerBox .dialog_body table {border:1px solid #e7e7e7;margin:35px 0 25px;border-bottom:0;border-right:0}
.popup_detail_interest-free .innerBox .dialog_body table th, 
.popup_detail_interest-free .innerBox .dialog_body table td {border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7}  
.popup_detail_interest-free .innerBox .dialog_body table th {padding:25px 0}
.popup_detail_interest-free .innerBox .dialog_body table tbody tr:first-of-type th {padding:32px 0 27px}
.popup_detail_interest-free .innerBox .dialog_body table tbody tr:nth-of-type(2) th {padding-bottom:27px}
.popup_detail_interest-free .innerBox .dialog_body table tbody tr:nth-of-type(3) th {padding-bottom:28px}
.popup_detail_interest-free .innerBox .dialog_body table tbody tr:nth-of-type(4) th {padding-bottom:26px}
.popup_detail_interest-free .innerBox .dialog_body table thead th {padding:13px 0;background-color:#f7f7f7;border-bottom:0;font-size:14px}
.popup_detail_interest-free .innerBox .dialog_body table tbody td {text-align:left;padding-left:22px}
.popup_detail_interest-free .innerBox .dialog_body table tbody th strong,
.popup_detail_interest-free .innerBox .dialog_body table tbody td span {display:block}  
.popup_detail_interest-free .innerBox .dialog_body table tbody th strong + strong {margin-top:16px}
.popup_detail_interest-free .innerBox .dialog_body table tbody td span {margin-top:7px;color:#96bf7a}
.popup_detail_interest-free .innerBox .dialog_body .note {background-color:#f7f7f7;padding:21px 23px 18px}
.popup_detail_interest-free .innerBox .dialog_body .note li {position:relative;line-height:18px;color:#b7b7b7;margin-bottom:6px;padding-left:11px;letter-spacing:-.2px}
.popup_detail_interest-free .innerBox .dialog_body .note li::before {content:'*';font-size:12px;position:absolute;left:0;top:2px}

.oDetilDialog.popup_detail_payco .innerBox {width:500px;border-radius:0}
.oDetilDialog.popup_detail_payco .innerBox .dialog_body {padding:0}
.dialog_body .body_btns {padding:0px 0 80px 0;text-align:center} 
.dialog_body .body_btns a {display:inline-block;width:204px;height:44px;background-color:#6ba439;border-radius:4px;color:#fff;line-height:44px;font-size:16px}

.detailTopInfo {padding:0 0px 44px 0px;}
.detailTopInfo > .innerBox {width:1150px;display:flex;justify-content:space-between;margin:0 auto;}
.detailTopInfo > .innerBox:after { content:""; display:block; clear:both; height:0px; overflow:hidden; }
.detailTopInfo > .innerBox:has(.imgWrap:hover) {overflow:hidden}
.detailTopInfo .imgsArea {width:480px;position:relative}
.detailTopInfo .imgsArea .imgWrap { width:480px; height:600px; overflow:hidden; position:relative; }
.detailTopInfo .imgsArea .imgWrap img {width:480px; min-width:100%; height:600px; object-fit:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.detailTopInfo .imgsArea .imgWrap .product-sanji-sticker { position: absolute; top:15px; width:75px; left:15px; }
.detailTopInfo .imgsArea .imgWrap .product-sanji-sticker img { width:100%; height:auto;min-height:200px;image-rendering:-webkit-optimize-contrast; }

.detailTopInfo .imgsArea .imgWrap.visualSwiper .pager_bullets {display:none;align-items:center;justify-content :center;position:absolute;left:0;bottom:20px;width:100%;height:10px;font-size:0;z-index:1}
.detailTopInfo .imgsArea .imgWrap.visualSwiper .pager_bullets .swiper-pagination-bullet {width:10px;height:10px;background-color:#fff;opacity:.5}
.detailTopInfo .imgsArea .imgWrap.visualSwiper .pager_bullets .swiper-pagination-bullet-active {opacity:1}
.detailTopInfo .imgsArea .imgWrap.visualSwiper.hasVideo .swiper-pagination-bullet:first-child {width:13px;height:13px;background:#c6c6c6 url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_play_g_26.png) no-repeat center/100% auto;vertical-align:top}/* 비디오 있을 때 */
.detailTopInfo .imgsArea .imgWrap.visualSwiper.hasVideo .swiper-pagination-bullet-active:first-child {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_play_26.png)}/* 비디오 있을 때 */
.detailTopInfo .imgsArea .visual_thumbsSwiper {position:absolute;left:calc(100% + 10px);top:0;width:88px;height:600px;overflow:hidden}
.detailTopInfo .imgsArea .visual_thumbsSwiper .swiper-slide {width:88px;height:110px;cursor:pointer}
.detailTopInfo .imgsArea .visual_thumbsSwiper .swiper-slide img {width:100%;height:100%;object-fit:cover}
.detailTopInfo .imgsArea .visual_thumbsSwiper .swiper-slide.swiper-slide-thumb-active {pointer-events:none}
.detailTopInfo .imgsArea .visual_thumbsSwiper .swiper-slide.swiper-slide-thumb-active::after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #333}
.detailTopInfo .imgsArea .visual_thumbsSwiper .swiper-slide.slide-video::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 / 24px 24px;z-index:1}
.detailTopInfo .imgsArea .imgWrap.visualSwiper.hasVideo .video-js {height:600px;background:none;}
.detailTopInfo .imgsArea .imgWrap.visualSwiper.hasVideo .video-js .vjs-tech {height:600px;object-fit:cover}
.detailTopInfo .imgsArea .imgWrap.visualSwiper.hasVideo .visualPlayer-dimensions.vjs-fluid:not(.vjs-audio-only-mode) {padding-top:600px}

.visualSwiper .badges_wrap { display:flex; flex-flow:column wrap; align-items: baseline; position:absolute; top:10px; left:10px; width:auto; height:auto; z-index:1; pointer-events:none }
.visualSwiper .badges_wrap *[class*="badge_"] {display:inline-flex;align-items:center;height:20px;padding:1px 5px 0 5px;margin-bottom:4px; border-radius:3px;text-align:center;font-weight:500;font-size:11px;letter-spacing:-0.5px; color:#fff; }
.visualSwiper .badges_wrap .badge_Red { background-color:#C70C15; z-index:3; }/* 마감특가 */
.visualSwiper .badges_wrap .badge_imgBulk {width:50px;height:50px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_bulk_bagde_60.png) no-repeat 0 0 / 100% auto} /* 집중특가 */
.visualSwiper .badges_wrap:has(.badge_imgBulk) .badges:not(.badge_imgBulk) {display:none}

.detail_img_wrap {position:relative;width:300px;height:300px} 
.detail_img_wrap .zoom_lens {display:none;position:absolute;width:160px;height:160px;background:rgba(51,51,51,.3);border:1px solid #fafafa;z-index:2;cursor:none;} 
.detail_img_wrap .zoom_lens::before,.detail_img_wrap .zoom_lens::after {content:'';position:absolute;left:50%;top:50%;background:#fff;transform:translate(-50%, -50%)}
.detail_img_wrap .zoom_lens::before {width:2px;height:20px}
.detail_img_wrap .zoom_lens::after {width:20px;height:2px}
.detail_img_wrap .zoom_result {display:none;position:absolute;top:0;left:598px;width:480px;height:480px;z-index:1000;border:1px solid #333;} 
.detail_img_wrap:hover .zoom_result,
.detail_img_wrap:hover .zoom_lens { display: block; } 
.detail_img_wrap:not(.swiper-slide-active) .zoom_img {display:none}
.imgWrap.visualSwiper:has(.detail_img_wrap:hover) {overflow:visible}
.imgWrap.visualSwiper:has(.detail_img_wrap:hover) .pager_bullets {z-index:0}

.detailTopInfo .imgsArea .imgTxt {position:absolute;left:14px;top:14px;height:38px;display:inline-flex;align-items:center;font-size:15px;text-align:center;background:#fff;z-index:10;padding:0 12px;box-shadow:0px 3px 6px #00000029;border-radius:19px;pointer-events:none}
/* .detailTopInfo .imgsArea .imgTxt.type1 {border:1px solid #BEE8D9}*/
.detailTopInfo .imgsArea .imgTxt.type1::before {content:'';width:20px;height:20px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_visual_time_32.png) no-repeat 0 0 / 100% 100%;margin:-1px 2px 0 0}
/*.detailTopInfo .imgsArea .imgTxt.type2,.detailTopInfo .imgsArea .imgTxt.type3 {border:1px solid #FFADA2}
.detailTopInfo .imgsArea .imgTxt.type2::before,.detailTopInfo .imgsArea .imgTxt.type3::before {content:'';width:16px;height:16px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_visual_limit_32.png) no-repeat 0 0 / 100% 100%;margin:-1px 2px 0 0} */
.detailTopInfo .imgsArea .imgTxt b {font-weight:normal;color:#333}
.detailTopInfo .imgsArea .imgTxt .limitNum {color:#FA1E01;font-weight:500}
.detailTopInfo .imgsArea .imgTxt.type1 .timeCount {font-weight:bold;width:136px;white-space:nowrap;}
.detailTopInfo .imgsArea .imgTxt.type1 .timeCount span {display:inline-block;font-family:'Geologica';text-align:center;}/* 타임특가 */
.detailTopInfo .textArea { width:540px;position:relative;margin-left:auto}
.detailTopInfo .textArea .textSubject { letter-spacing:-0.3px; position:relative; }
.detailTopInfo .textArea .textSubject h1 { font-size:20px;font-weight:600;line-height:1.4;padding-right:59px}
.detailTopInfo .textArea .textSubject h1 .ttlIcon {height:26px}
.detailTopInfo .textArea .textSubject h1 .tit_lastSale {margin-right:4px;border-radius:3px;background:#FAE9EB;color:#C70C15;padding:3px 4px 2px;font-size:14px;font-weight:400;line-height:1;position:relative;top:-4px}
.detailTopInfo .textArea .textSubject h2 { margin-top:8px;line-height:1.3;font-size:14px; color:#6B6B6B;font-weight:400;padding-right:59px}
.detailTopInfo .textArea .textSubject .price {margin-top:25px}
.detailTopInfo .textArea .textSubject .price .per {font-weight:400;color:#6BA43A}
.detailTopInfo .textArea .textSubject .price .num {font-size:16px;display:flex;gap:0 4px;align-items:center}
.detailTopInfo .textArea .textSubject .price .num .normal {color:#909090;font-weight:400;}
.detailTopInfo .textArea .textSubject .price .num .name {font-size:12px;border: 1px solid #e0e0e0;border-radius:2px;padding:0 5px;font-weight:400;height:22px;display:inline-flex;align-items:center}
.detailTopInfo .textArea .textSubject .price .num .name.gray {background-color:#6B6B6B;color:#fff;border-color:#6B6B6B}
.detailTopInfo .textArea .textSubject .price .textPrice {font-size:20px;line-height: 1.25;margin-top:4px;display:flex;align-items: center;}
.detailTopInfo .textArea .textSubject .price .textPrice .per {margin-right:5px;font-weight:700;font-size:24px;color:#a1192d}/* 250504 추가 */
.detailTopInfo .textArea .textSubject .price .textPrice b {font-size:24px}
.detailTopInfo .textArea .textSubject .lowestPrice {display: inline-block; position: relative; height: 25px; padding: 0 5px; border-radius: 3px; background: #e44443; color: #fff; font-size: 13px; line-height: 25px; letter-spacing: -1px; vertical-align: top;margin-left:6px}
.detailTopInfo .textArea .textSubject .lowestPrice::before {content: ''; position: absolute; top: 0; bottom: 0; left: -4px; margin: auto 0; width: 0; height: 0; border-top: 4px solid transparent; border-right: 4px solid #e4444e; border-bottom: 4px solid transparent;}
.detailTopInfo .textArea .textSubject .inventory_bell {margin-left:4px}
.detailTopInfo .textArea .textSubject .inventory_bell img {height:24px}
.detailTopInfo .textArea .textSubject .price .num:where(.lowest) .normal {color:#C70C15}
.detailTopInfo .textArea .textSubject .price .lowest {color:#C70C15;display:flex;font-size:15px;align-items: baseline;line-height:1.25;margin-top:8px}
.detailTopInfo .textArea .textSubject .price .lowest .per {margin-right:5px;font-weight:700;font-size:24px;color:#15621a}/* 250504 수정 */
.detailTopInfo .textArea .textSubject .price .lowest.tyCp {color:#15621a}/* 250504 수정 */
.detailTopInfo .textArea .textSubject .price .lowest .todayPrice {font-size:20px;/* font-weight:bold; */}
.detailTopInfo .textArea .textSubject .price .lowest .todayPrice b {font-size:24px}
.detailTopInfo .textArea .textSubject .price .lowest .todayPrice .per {color:#C70C15}
.detailTopInfo .textArea .textSubject .couponArea {padding-top:12px}
.detailTopInfo .textArea .textSubject .couponArea .item {display:flex;align-items:center;position:relative;height:40px;padding:0 38px 0 16px;background:#E1F4E1;font-size:13px;border:1px solid #BFE3BD;border-radius:4px;color:#094106}
.detailTopInfo .textArea .textSubject .couponArea .item+.item {margin-top:8px}
.detailTopInfo .textArea .textSubject .couponArea .item::after {content:'';position:absolute;top:50%;right:12px;width:16px;height:16px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_download_32.png) no-repeat 0 0 / 16px 16px;transform:translateY(-50%)}
.detailTopInfo .textArea .textSubject .couponArea .item .name {/* flex:1; */overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;/* max-width:150px; */margin-right:2px}
.detailTopInfo .textArea .textSubject .couponArea .item .coupon_discountRate {flex:1;white-space:nowrap}
.detailTopInfo .textArea .textSubject .couponArea .item .emphasis {flex-shrink:0;font-weight:700;padding-right:12px;position:relative}
.detailTopInfo .textArea .textSubject .couponArea .item .emphasis::after {content:'';width:1px;height:16px;position:absolute;right:0;top:50%;background:#BFE3BD;transform:translateY(-50%)}
.detailTopInfo .textArea .linkMark {display:flex;align-items:center;position:relative;width:100%;font-size:14px}
.detailTopInfo .textArea .linkMark::after {content:'';display:inline-block;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;margin-left:2px;border:solid #333;border-width:1px 1px 0 0;margin-bottom:-6px}

/* 250504 추가 */
.detailTopInfo .textArea .textSubject .couponArea .img_banner {display:block}
.detailTopInfo .textArea .textSubject .couponArea .img_banner+.img_banner {margin-top:8px}

.oDetail .detailTopInfo .imgsArea .imgWrap::before {content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.02); z-index: 1;}
.oDetail .detailTopInfo .detailStar {margin-top:12px}
.oDetail .detailTopInfo .detailStar a {font-size:14px;font-weight:500}
.oDetail .detailTopInfo .detailStar a span {text-decoration:underline}
.oDetail .detailTopInfo .detailStar a::before {content: ''; display: inline-block; width: 16px; height: 16px;background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_star_20.png) no-repeat center/12px auto; vertical-align: top;}

.oDetail .detailTopInfo .right_iconBox {position:absolute;right:0;top:40px;display:flex;flex-direction:column;gap:12px 0}
.oDetail .detailTopInfo .right_iconBox > * {width:44px;height:44px;border-radius:50px;border:1px solid #D0D0D0}
.oDetail .detailTopInfo .snsShare {position:relative}
.oDetail .detailTopInfo .snsShare > a {background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_share_32.png) no-repeat center center / 20px 20px;width:100%;height:100%;display:block}
.oDetail .detailTopInfo .snsShare > ul {display:none; position:absolute; top:51px;left:50%;transform:translateX(-50%);white-space:nowrap; padding:15px 20px; box-shadow:0px 0px 12px rgba(0, 0, 0, 0.2); background-color:#fff; border-radius:5px; }
.oDetail .detailTopInfo .snsShare > ul::before { content:"";position:absolute; left:50%;transform:translateX(-50%); top:-5px;border-top:0 solid transparent; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff;  }
.oDetail .detailTopInfo .snsShare.active > ul {display:block}
.oDetail .detailTopInfo .snsShare > ul li { display:inline-block; }
.oDetail .detailTopInfo .snsShare .shareKakao {background-image:url(../images/shop/recipe_sns_kakao.png); background-size:25px 25px; display:inline-block; width:25px; height:25px; float:left; margin-right:5px;}
.oDetail .detailTopInfo .snsShare .shareFacebook {background-image:url(../images/shop/recipe_sns_facebook.png); background-size:25px 25px; display:inline-block; width:25px; height:25px; float:left; margin-right:5px;}
.oDetail .detailTopInfo .snsShare .shareLink {background-image:url(../images/shop/recipe_sns_urlcopy.png); background-size:55px 25px; display:inline-block; width:55px; height:25px; float:left;}

.oDetail .detailTopInfo .btn_detailMyList  {background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_heart_40.png) no-repeat center center / 20px 20px}
.oDetail .detailTopInfo .btn_detailMyList.active { background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_heart_40_red.png)}

.infoBadges {display:flex;gap:0 4px;align-items:center;margin-bottom:16px}
.infoBadges > span,.infoBadges > a {display:inline-flex;align-items:center;background:#f4f4f4;height:24px;padding:0 6px;border-radius:2px;font-size:12px;color:#333}
.infoBadges .badge_point {background:#ECF7E7;color:#138B34;border-radius:3px}
.infoBadges .badge_point::after {content:'';display:inline-block;width:6px;height:6px;border:1px solid #138B34;border-width:1px 1px 0 0;transform:rotate(45deg)}
/*.infoBadges span.badge_deliveryLowest {color: #c91d3a; border: 1px solid #c91d3a;}
.infoBadges span.badge_lowestPrice {color: #e44443; border: 1px solid #e44443;}
.infoBadges span.badge_deliverySeller {background: #2c477f;}
.infoBadges span.badge_deliveryEarly {background: #6ba543;}
.infoBadges span.badge_deliveryOasis {background: #6ba543;}
.infoBadges span.badge_oasisSanji {background: #e08600;}*/

.detailTopInfo .textArea .textContents { margin-top:20px;}
.detailTopInfo .textArea .textContents img { image-rendering:-webkit-optimize-contrast; }
.detailTopInfo .textArea .textContents dl { letter-spacing:-0.3px; }
.detailTopInfo .textArea .textContents > dl > div { padding:20px 0; border-top:1px solid #eee;display:flex;flex-wrap: wrap;}
.detailTopInfo .textArea .textContents > dl > div > dt {width:130px;color:#333;font-weight:bold;flex:none;font-size:14px}
.detailTopInfo .textArea .textContents > dl > div > dd {color:#333;line-height:1.23;font-size:14px}
.detailTopInfo .textArea .textContents > dl > div > dd > div+div {margin-top:16px}
.detailTopInfo .textArea .textContents > dl > div > dd a {font-size:14px}
.detailTopInfo .textArea .textContents > dl > div > dd.inListType {width:100%}
.detailTopInfo .textArea .textContents > dl > div > dd .innerList li {display:flex;margin-top:16px}
.detailTopInfo .textArea .textContents > dl > div > dd .innerList li > strong {width:130px;flex:none;color:#6B6B6B;font-weight:normal}
.detailTopInfo .textArea .textContents > dl > div > dd .innerList li > div {width:100%;line-height:1.25}
.detailTopInfo .textArea .textContents dl div > dd span.textPrice { font-size:18px; color:#333; }
.detailTopInfo .textArea .textContents dl div.price dd b { font-size:24px; font-weight:500;}
.detailTopInfo .textArea .textContents dl div.price dd strong { margin-left:15px; font-size:28px; font-weight:700; color:#6aa338;}
.detailTopInfo .textArea .textContents dl div .textMinor { margin-left:6px; font-size:13px; font-weight:400; color:#e53433; line-height:25px }
.detailTopInfo .textArea .textContents dl .addBtn { margin-left:10px; }
.detailTopInfo .textArea .textContents dl .btnViewPrd { display:inline-block;margin-left:3px;font-weight:500;font-size:14px;color:#2C477F;text-decoration:underline;vertical-align:top}
.detailTopInfo .textArea .textContents dl .btnViewPrd::after { content:'';display:inline-block;width:8px;height:8px;margin-top:6px;border:solid #2C477F;border-width:1px 1px 0 0;transform:rotate(45deg);vertical-align:top }
.detailTopInfo .textArea .textContents dl div.hideTitle dt { position:absolute; top:-9999px; }
.detailTopInfo .textArea .textContents dl div.hideTitle dd { margin-left:0px; }
.detailTopInfo .textArea .textContents dl div dd.notice { line-height:20px; color:#1A3C34; }
/* .detailTopInfo .textArea .textContents dl dt.selectBox_title { padding-top:16px; } */
.detailTopInfo .textArea .textContents dl div dd.orderPMot .selectBox2 { width:initial !important; font-weight:400 !important; height:34px; margin-bottom:5px; }
.detailTopInfo .textArea .textContents dl div dd.orderPMot .selectBox2 .selTit { width:initial !important; font-size:16px; font-weight:400 !important; }
.detailTopInfo .textArea .textContents dl div dd.orderPMot .selectBox2 ul li { padding-left:12px; line-height:32px; }
.detailTopInfo .textArea .textContents dl div dd.orderPMot .selectBox2 ul li font { font-weight:400 !important; }
.detailTopInfo .textArea .textContents dl div dd.orderPMot .orderPMselect {  }
.detailTopInfo .textArea .textContents dl div dd.orderPMot .orderPMlist { background-color:#f4f4f4; margin-top:10px; }
.detailTopInfo .textArea .textContents dl div dd.orderPMot .orderPMlist .product_option { padding:30px 30px 0px 30px; position:relative; }
.detailTopInfo .textArea .textContents dl div dd.orderPMot .orderPMlist .product_option .orderLprice {  }
/* .detailTopInfo .textArea .textContents dl div dd.orderPMot .orderPMlist .product_option .orderLprice .orderPMBtn { float:left; } */
/* .detailTopInfo .textArea .textContents dl div dd.orderPMot .orderPMlist .product_option .orderLprice .optionPrice { float:right; } */
.detailTopInfo .textArea .textContents dl div dd.orderPMot .orderPMlist .product_option .oListDelBtn { position:absolute; top:30px; right:30px; background:#aaa; line-height:30px; padding:0px 7px; }
.detailTopInfo .textArea .textContents dl div dd .hasDatepicker { border:1px solid #ddd; line-height:24px; vertical-align:middle; text-indent:10px; font-size:14px; }
.detailTopInfo .textArea .textContents dl div dd .btn_reserveReceiveDate { display:inline-block; vertical-align:middle; height:21px; }
.detailTopInfo .textArea .textContents dl div dd .btn_reserveReceiveDate img {  }
.detailTopInfo .textArea .textContents dl > div.number { border-bottom:0px solid #f7f7f7; }
.detailTopInfo .textArea .textContents .totalPriceArea {width:100%;display:flex;align-items:center;justify-content:space-between;margin:14px 0 0 0;padding:15px 20px;background:#F4F4F4}

/* 예약배송 */
.reserveBadge {font-size:12px;border:1px solid #e0e0e0;color:#6b6b6b;height:22px;padding:0 5px;display:inline-flex;align-items: center;border-radius:2px;font-style: normal;}
.reserveDeliBox {margin-left:-130px;border:1px solid #eee;padding:15px 22px;margin-top:12px;color:#6b6b6b;font-size:12px;text-align:center;}
.reserveDeliBox strong {font-size:15px;display:block;font-weight:bold;margin-bottom:6px;line-height:1.2;color:#333}
.reserveDeliBox strong::before {content:'';display:inline-block;width:14px;height:14px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_mark_circle_172.png) no-repeat left 0 / 14px 14px;margin:0 4px -1px}
.pop_reserveCont {display:none;margin:0;background:rgba(51,51,51,.3);position:fixed;left:0;top:0;width:100%;height:100%;align-items:center;justify-content:center;z-index:1000;padding:0 16px}
.oDialogs.pop_reserveCont::before {display:none}
.pop_reserveCont.open {display:flex}
.pop_reserveCont > div {background:#fff;width:440px;overflow:hidden}
.pop_reserveCont .in_reserveCont {padding:60px 40px;line-height:1.4;color:#333}
.pop_reserveCont .in_reserveCont h2 {font-size:21px;font-weight:bold;margin-bottom:34px}
.pop_reserveCont .in_reserveCont h2::before {content:'';display:block;width:46px;height:46px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_information_green_70.png) no-repeat 0 0 / 100% 100%;margin-bottom:8px}
.pop_reserveCont .in_reserveCont p {margin-top:16px;font-size:18px}
.pop_reserveCont .in_reserveCont p strong {display:block;font-weight:bold;font-size:22px;margin-bottom:18px}
.pop_reserveCont .in_reserveCont p strong em {color:#699D3A}
.pop_reserveCont .btn_close {display:flex;align-items:center;justify-content:center;height:40px;width:100%;font-size:14px;background:#699D3A;color:#fff}

.oDetail .detailTopInfo {padding-bottom: 70px}
.oDetail .detailTopInfo .textArea .textContents dl div dd.orderPMot {margin-top:14px}
.oDetail .detailTopInfo .textArea .textContents dl div dd.orderPMot .selectBox2 { position:relative; top: 0; min-height: 44px; height: auto; margin: 0; padding: 0; border: 1px solid #e0e0e0;  line-height: 44px;}
.oDetail .detailTopInfo .textArea .textContents dl div dd.orderPMot .selectBox2 + .selectBox2 {margin-top: 10px;}
.oDetail .detailTopInfo .textArea .textContents dl div dd.orderPMot .selectBox2 .selTit {position: relative; height: 44px; padding: 0 45px 0 20px; background: 0; font-size: 13px; line-height: 44px; color: #424242; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.oDetail .detailTopInfo .textArea .textContents dl div dd.orderPMot .selectBox2 .selTit::after {content:'';display:block;position:absolute;top:15px;right:18px;transform:rotate(45deg);width:10px;height:10px;border:solid #333;border-width:0 1px 1px 0}
.oDetail .detailTopInfo .textArea .textContents dl div dd.orderPMot .selectBox2 .selTit.open::after {top:22px;transform:rotate(-135deg)}
.oDetail .detailTopInfo .textArea .textContents dl div dd.orderPMot .selectBox2 ul { display:none; overflow-y:auto; position:absolute; top:45px; left:-1px; z-index:100; width:calc(100% + 2px); height:auto; max-height:150px; padding:0; background-color:#fff; border:1px solid #ddd; border-top:0px solid #ddd;; }
.oDetail .detailTopInfo .textArea .textContents dl div dd.orderPMot .selectBox2 ul li {padding: 10px 20px; border-top: 1px solid #e0e0e0; font-size: 13px; color: #333; line-height: 24px; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.oDetail .detailTopInfo .textArea .textContents dl div dd.orderPMot .selectBox2 ul li:first-child {border-top:0}
.oDetail .detailTopInfo .textArea .textContents dl div dd.orderPMot .selectBox2 ul li:hover {background: #f7f7f7;}
.orderPMot .selectBox2 ul::-webkit-scrollbar { width:8px; }
.orderPMot .selectBox2 ul::-webkit-scrollbar-track { background-color:#f7f7f7; }
.orderPMot .selectBox2 ul::-webkit-scrollbar-thumb { background: #cccccc; }
.orderPMot .selectBox2 ul::-webkit-scrollbar-thumb:hover { background: #b4b4b4; }
.orderPMot .selectBox2 ul::-webkit-scrollbar-thumb:active { background: #a1a1a1; }
.orderPMot .selectBox2 ul::-webkit-scrollbar-button { display: none; }
.orderPMot .selectBox2 ul { scrollbar-width:thin; scrollbar-color: #cccccc #f7f7f7; }
.orderPMot .selectBox2 ul { scrollbar-face-color: #f7f7f7; scrollbar-track-color:#f7f7f7; scrollbar-arrow-color:none; scrollbar-highlight-color:#cccccc; scrollbar-3dlight-color: none; scrollbar-shadow-color: #cccccc; scrollbar-darkshadow-color: none; }

.detailTopInfo .txt_hopeDelivery {margin-top:4px}
/* .orderPMot .selectBox2{position:relative; top:3px; display:block; width:428px; height:30px; border:1px solid #dddddd; text-align:left; cursor:pointer }
.orderPMot .selectBox2 .selTit{display:block; width:100%; height:30px; line-height:20px; padding-top:4px; padding-left:12px; padding-right:7%; font-size:12px; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:left; box-sizing: border-box; cursor:hand; background:#fff url('../images/common/selectBg.png') no-repeat right 50%; z-index:6; }
.orderPMot .selectBox2 .selTit.open{background:#fff url('../images/common/selectBg2.png') no-repeat right 50% }
.orderPMot .selectBox2 ul {display:none; position:absolute; top:30px; left:-1px; width:100%; max-height:242px; background:#fff; border:1px solid #dddddd; z-index:5; overflow-y: auto;}
.orderPMot .selectBox2 ul::-webkit-scrollbar { width:8px; }
.orderPMot .selectBox2 ul::-webkit-scrollbar-track { background-color:#f7f7f7; }
.orderPMot .selectBox2 ul::-webkit-scrollbar-thumb { background: #cccccc; }
.orderPMot .selectBox2 ul::-webkit-scrollbar-thumb:hover { background: #b4b4b4; }
.orderPMot .selectBox2 ul::-webkit-scrollbar-thumb:active { background: #a1a1a1; }
.orderPMot .selectBox2 ul::-webkit-scrollbar-button { display: none; }
.orderPMot .selectBox2 ul { scrollbar-width:thin; scrollbar-color: #cccccc #f7f7f7; }
.orderPMot .selectBox2 ul { scrollbar-face-color: #f7f7f7; scrollbar-track-color:#f7f7f7; scrollbar-arrow-color:none; scrollbar-highlight-color:#cccccc; scrollbar-3dlight-color: none; scrollbar-shadow-color: #cccccc; scrollbar-darkshadow-color: none; } */
.orderPMot .selectBox2 ul li:hover{background: #948778; color: #fff}
.orderPMot .selectBox2 ul li:hover font {color:white !important;}
.selListCheck{background:#eee} 

.oDetail .detailTopInfo .textArea .textContents dl div dd.orderPMot .orderPMlist {margin-top:0;background: #fff;}
.oDetail .detailTopInfo .textArea .textContents dl div dd.orderPMot .orderPMlist li {margin-top: 10px; padding: 16px 20px; background: #f4f4f4;}
.oDetail .detailTopInfo .textArea .textContents dl div dd.orderPMot .orderPMlist li .name {max-width:380px;line-height:20px}
.oDetail .detailTopInfo .textArea .textContents dl div dd.orderPMot .orderPMlist .product_option .orderLprice {display:flex;align-items:center;justify-content:space-between;padding-top:8px;font-size:18px}
.oDetail .detailTopInfo .textArea .textContents dl div dd.orderPMot .orderPMlist .product_option .oListDelBtn {top: 18px; right: 20px; width: 12px; height: 12px; padding: 0; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cross_14.png) no-repeat; background-size: 100% auto;}
.oDetail .orderPMot .orderPMBtn {width: 108px; height: 36px; padding: 0; border: 1px solid #e0e0e0; border-radius: 4px; line-height: 36px; box-sizing: border-box;}
.oDetail .orderPMot .orderPMlist .product_option .orderPMBtn .option {width:37px}
.oDetail .orderPMot .orderPMlist .product_option .orderPMBtn .option::before {font-size:11px}
.oDetail .orderPMot .orderPMlist .product_option .orderPMBtn .ea {width:100%;background:transparent;font-size:14px;line-height: 30px}
.oDetail .orderPM .orderPMBtn .orderPMBtn_p, .oDetail .orderPMot .orderPMBtn .orderPMBtn_p {width: 30px; height: 100%; padding: 0; border: 0;line-height:34px}
.oDetail .orderPM .orderPMBtn .orderPMBtn_m, .oDetail .orderPMot .orderPMBtn .orderPMBtn_m {left: 0; right: auto; width: 30px; height: 100%; padding: 0;border-left:0;line-height:34px}
.oDetail .detailTopInfo .textArea .textContents dl > div.number {position: relative;}
/* .oDetail .detailTopInfo .textArea .textContents dl > div.number dd.totalPriceArea {position: absolute; top: 57px; left: 0; margin-left: 0;} */
.oDetail .detailTopInfo .textArea .textContents dl > div:last-child {padding-bottom: 0; border-bottom: 0;}
.oDetail .detailTopInfo .textArea .textContents dl dd > p {padding-top: 5px;}
.oDetail .orderPtotal_tit {display:flex;align-items:center;margin-top:26px; font-size: 18px; color: #333;}
.oDetail .orderPtotal_tit .count_tit {margin-right:auto;font-weight:500;font-size:18px}
.oDetail .orderPtotal_tit .count_tit .num {color:#6BA43A}
.oDetail .orderPtotal_tit .option_price { display:inline-block; margin-right:12px; font-weight:700; font-size:20px; }
.oDetail .orderPtotal_tit .option_price b { color:#FC7400; font-weight:700; }
.oDetail .orderPtotal_tit .option_price::after { content:""; display:inline-block; width:0; height:0; margin:6px 0 0 6px; border-style:solid; border-width:8px 5px 0 5px; border-color:#FC7400 transparent transparent transparent; vertical-align:top; }
.oDetail .orderPtotal_num {font-size:24px}
.oDetail .orderPtotal_num strong {font-size:28px;line-height:34px}
/* .oDetail .totalPriceArea::after {content: ''; display: block; clear: both;} */
/* .oDetail .numberBox {overflow: hidden; position: absolute; bottom: -40px; left: 0; height: 30px; margin-top: 0; border: 1px solid #e0e0e0; border-radius: 4px; font-size: 14px; color: #333; line-height: 30px;}
.oDetail .numberBox .numInput {width: 38px; height: 100%; border: 0; color: #333;}
.oDetail .numberBox .orderPMBtn_m,
.oDetail .numberBox .orderPMBtn_p {border: 0; width: 30px; height: 28px; line-height: 28px;}
.oDetail .numberBox .orderPMBtn_m::before,
.oDetail .numberBox .orderPMBtn_p::before {width: 30px; height: 28px; line-height: 28px;}
.oDetail .numberBox .orderPMBtn_p::before {width: 30px; height: 28px; line-height: 28px;} */
/* .oDetail .pViewTab li {border-color: #e0e0e0;}
.oDetail .pViewTab li a {height: 50px; padding: 0; background: #f7f7f7; font-weight: 400; color: #333; line-height: 50px;}
.oDetail .pViewTab li.on a, .oDetail .pViewTab li a:hover {background: 0;} */

.oDetail .bannerBottom.detailEnvent {max-width: 1200px; width: 100%; margin: 0 auto; padding: 0;}
.oDetail .bannerBottom.detailEnvent h4 {width: 1200px; height: 60px; margin-bottom: 10px; font-size: 18px; border: 1px solid #e0e0e0; border-radius: 30px; line-height: 60px; text-align: center;}
.oDetail .bannerBottom.detailEnvent ul {display:flex;flex-wrap:wrap;justify-content:center;margin: 0 0 0 -25px;}
/* .oDetail .bannerBottom.detailEnvent ul::after {content: ''; display: block; clear: both;} */
.oDetail .bannerBottom.detailEnvent ul li {width: 160px; margin: 25px 0 0 25px;}
.oDetail .bannerBottom.detailEnvent ul li:first-child {margin-top: 25px;}
.oDetail .deliveryDutyService ul {width: 900px;}

.oDetail .conts_productInfo_notice.img > div:nth-of-type(n+2) { padding-top:10px }

.detailTopInfo .textArea .textContents dl div.couponWrap dd { color:#333; }
.detailTopInfo .textArea .textContents dl div.couponWrap dd .coupon_discountRate { display:block; font-weight:500; letter-spacing:-0.30px; color:#FC4800; }
.detailTopInfo .textArea .textContents dl div.couponWrap dd .coupon_discountRate b,
.detailTopInfo .textArea .textContents dl div.couponWrap dd .coupon_discountRate strong { color: #FC7400; }
.detailTopInfo .textArea .textContents dl div.couponWrap dd b { font-weight:700; }
.detailTopInfo .textArea .textContents dl div.couponWrap dd strong { font-weight:700; margin-left:0px; }
.detailTopInfo .textArea .textContents dl div.couponWrap dd .eventCoupon_viewAll {font-size: 16px;}
.detailTopInfo .textArea .textContents dl div.couponWrap dd .eventCoupon_viewAll::before {content: 'C'; display: inline-block; width: 19px; height: 19px; margin: 2px 4px 0 0; padding: 0 5px; border-radius: 50%; background: #6ba543; font-size: 12px; color: #fff; letter-spacing: -0.3px; line-height: 19px; box-sizing: border-box; vertical-align: top;}

.detailTopInfo .btnArea {display:flex;flex-wrap:wrap;padding-top:20px}

.o_coupon { display:inline-block; margin-bottom:5px; white-space:nowrap; background-color:#303d3f; background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_download_27_3_w.png) !important; background-repeat:no-repeat !important; background-size:14px auto !important; background-position:right 17px top 50% !important; color:#fff !important; line-height:45px; padding:0px 35px 0px 17px; position:relative; }
.o_coupon:before { content:""; display:inline-block; width:12px; height:12px; border-radius:6px; background-color:#fff; position:absolute; left:-6px; top:50%; transform:translateY(-50%); }
.o_coupon:after { content:""; display:inline-block; width:12px; height:12px; border-radius:6px; background-color:#fff; position:absolute; right:-6px; top:50%; transform:translateY(-50%); }

/*** 정기배송쿠폰 **/
.r_coupon { display:inline-block; margin-bottom:5px; white-space:nowrap; background-color:#303d3f; background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_download_27_3_w.png) !important; background-repeat:no-repeat !important; background-size:14px auto !important; background-position:right 17px top 50% !important; color:#fff !important; line-height:45px; padding:0px 35px 0px 17px; position:relative; }
.r_coupon:before { content:""; display:inline-block; width:12px; height:12px; border-radius:6px; background-color:#fff; position:absolute; left:-6px; top:50%; transform:translateY(-50%); }

.oDetail .r_coupon {width: 100%; height: 60px; padding: 0px 60px 0px 24px; border-radius: 4px; background: #f7f7f7!important; line-height: 60px; color: #333!important; box-sizing: border-box;}
.oDetail .r_coupon::before {display: none;}


.totalPriceWrap { margin-left:-162px; margin-top:50px; background-color:#f7f7f7; padding:30px 37px;; }
.totalPriceWrap:after { content:""; display:block; clear:both; height:0px; overflow:hidden; }
/* .numberBox { float:left; line-height:36px; color:#828282; font-size:24px; color:#828282;margin-top:4px; }
.numberBox .numInput { display:inline-block; width:76px; height:40px; border-top:2px solid #e0e0e0; border-bottom:2px solid #e0e0e0; text-align:center; vertical-align:top; color:#828282; background-color:#fff; }
.numberBox .btn_numUp,
.numberBox .btn_numDown { display:inline-block; width:40px; height:40px; border:2px solid #e0e0e0; overflow:hidden; text-align:center; vertical-align:top; color:#828282; background-color:#fff; }
.numberBox .btn_numUp:before { content:"\002B"; display:inline-block; width:36px; height:36px; line-height:36px; vertical-align:top; }
.numberBox .btn_numDown:before { content:"\002D"; display:inline-block; width:36px; height:36px; line-height:36px; vertical-align:top; } */
.numberBox {overflow:hidden;position:relative;width:108px;height:36px;border:1px solid #E0E0E0;border-radius:4px;background:#fff}
.numberBox .quantity {width:100%;height:100%;font-weight:700;font-size:14px;line-height:36px;text-align:center}
.numberBox a {position:absolute;top:0;width:37px;line-height:34px;text-align:center}
.numberBox .btnMinus {left:0}
.numberBox .btnPlus {right:0}
.numberBox a::before {display:block;font-size:11px}
.numberBox .btnMinus::before {content:'\2500'}
.numberBox .btnPlus::before {content:'\253C'}
.sizeM .numberBox {width:92px;height:32px}
.sizeM .numberBox .quantity {font-weight:500;font-size:13px}
.sizeM .numberBox a {width:31px;line-height:30px}
.sizeM .numberBox a::before {font-size:11px}
.priceBox { float:right; font-size:18px; line-height:40px; vertical-align:bottom; }
.priceBox em { font-size:36px; font-weight:700; }
.orderPMot .orderPMlist .product_option .orderPMBtn .ea { line-height:26px; text-align:center; vertical-align:top; }
.couponWrap {  }
.couponWrap .chandlemaruPoint { color:#6ca435; font-weight:500; font-size:16px; height:40px; line-height:40px; }
.couponWrap .chandlemaruPoint * { vertical-align:middle; }
.couponWrap .chandlemaruPoint:before { content:""; display:inline-block; width:30px; height:40px; margin-right:5px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_point_50.png) no-repeat center center; background-size:100% auto; vertical-align:top; }
.couponWrap .coupon-down.coupon-down__btn { padding: 11px;background:#6ca435;border-radius:4px;color: #fff;display:inline-block;font-size: 15px;letter-spacing: -1px;font-weight: 500; line-height:normal; margin-right:5px;}
.couponWrap .coupon-down {margin-top:10px;}
.couponOnPrice { display: inline-block; color: #960000; letter-spacing: -0.3px; font-weight: 500; font-size: 14px; margin-left: 15px; }
.btnArea { padding:20px 0px 0px 0px; }
.btnArea:after { content:""; display:block; clear:both; height:0px; overflow:hidden; }
.btnArea .btn_detailBuy,
.btnArea .btn_detailNoBuy,
.btnArea .btn_detailMyAlarm,
.btnArea .btn_detailMyCart { flex:1; height:50px; border-radius:0; line-height:50px; font-size:15px; text-align:center;font-weight:500;}
.btnArea .btn_detailMyCart { border:1px solid #6aa338; }
.btnArea .btn_detailMyCar {margin-right:2px}
.btnArea .btn_detailMyCart.regularCart {display:none;margin-left:0}
.btnArea .btn_detailBuy { background-color:#333333; color:#fff; margin-left:4px; }
.btnArea .btn_detailMyAlarm { background-color:#8f8f8f; color:#fff; width:50px !important; overflow:hidden; margin-right:4px; }
.btnArea .btn_detailMyAlarm:before { content:""; display:block; width:50px; height:50px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_bell_40.png) no-repeat center center; }
.btnArea .btn_detailMyAlarm.active { background-color:#6aa338; }
.btnArea .btn_detailMyAlarm span { font-size:11px; display:block; }
.btnArea .btn_detailMyList { flex:0 0 50px; margin-left:5px; border: 1px solid #E0E0E0; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_heart_40.png) no-repeat center/20px auto }
.btnArea .btn_detailMyList.active { background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_heart_40_red.png); }
.btnArea .off { border-color:#8f8f8f !important; background-color:#8f8f8f !important; }
.btnArea .btn_rental {width: 100%; height: 50px; border-radius: 0; font-size: 16px; line-height: 50px;}

.togetherBuy { position:relative;width:1200px;margin:0 auto;padding:70px 0 100px;border-top:1px solid #E0E0E0}
.togetherBuy:not(:has(.swiper-slide)) {padding-top:0}/* 상품 없을 때 비노출 */
.togetherBuy:not(:has(.swiper-slide)) :where(h4, .swiper-button-next, .swiper-button-prev) {display:none}
.togetherBuy h4 {margin-bottom:20px;font-weight:700;font-size:16px;}
.togetherBuy .oSwiper .swiper-slide {width:200px}
.togetherBuy .oSwiper .swiper-slide a {display:block}
.togetherBuy .oSwiper .swiper-slide .imgBox {position:relative;height:200px}
.togetherBuy .oSwiper .swiper-slide .imgBox img {width:100%;height:100%;object-fit:cover}
.togetherBuy .oSwiper .swiper-slide a span {margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:22px}
.togetherBuy.comSwiperBtn .swiper-button-prev, .togetherBuy.comSwiperBtn .swiper-button-next {top:194px}

.togetherBest { position:relative;width:480px;padding:40px 0 0}
.togetherBest h4 {margin-bottom:17px;font-weight:700;font-size:16px;line-height:21px;display:flex;align-items:center}
.togetherBest h4::before {content:'';display:inline-block;width:24px;height:24px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_togetherBest_48.png) no-repeat 0 0 / 100% 100%;margin-right:4px}
.togetherBest h4 a {margin-left:auto;font-size:14px;font-weight:normal;position:relative;bottom:-4px}
.togetherBest h4 a::after {content:'';display:inline-block;width:8px;height:8px;margin-top:7px;border:solid #333333;border-width:1px 1px 0 0;transform:rotate(45deg);vertical-align:top}
.togetherBest .oSwiper .swiper-wrapper {width:100% !important}
.togetherBest .oSwiper .swiper-slide {width:151px}
.togetherBest .oSwiper .swiper-slide .imgBox {position:relative;height:151px}
.togetherBest.comSwiperBtn .swiper-button-prev, .togetherBest.comSwiperBtn .swiper-button-next {top:132px;border-radius: 50%;width:40px;height:40px}
.togetherBest .imgBtns,.togetherBest .price_discountRate,.togetherBest .price_original,.togetherBest .info_badges,.togetherBest .info_btmCoupon, .togetherBest .info_option,.togetherBest .info_group{display:none !important}
html.urlPC .togetherBest .oPrdtLst .wrapInfo:has(.badge_point) .info_title {margin-top:0 !important}
.togetherBest .oPrdtLst .wrapInfo {padding-top:6px !important}
.togetherBest .oPrdtLst .wrapInfo .info_title .inner {-webkit-line-clamp:1 !important}
.togetherBest .oPrdtLst .wrapInfo .info_title .inner a {font-size:13px !important}
.togetherBest .info_price .price_discount,.togetherBest .info_price {padding-top:2px !important}
.togetherBest .info_price .price_discount,.togetherBest .info_price .price_discount b{font-size:13px !important;font-weight: bold !important}


/*기존소스*/
.pViewrelated { width:860px; margin:0px auto; }
.pViewTabCon { width:860px; margin:0px auto; }
.pViewTabCon .pViewTab {position:sticky;top:20px;left:0;width:860px;background:rgba(255,255,255,0.9);z-index:101}
.pViewTabCon .pViewTab:before {content:'';display:block;position:absolute;top:-21px;left:0;right:0;width:100%;height:20px;margin:0 auto;background:rgba(255,255,255,0.9)}
/* .pViewTabCon.scroll { padding-top:60px; } */
.pViewTabCon.scroll .pViewTab { position:fixed; opacity:0.9; top:20px; z-index:200; }
.pViewTabCon.scroll .pViewTab:before {content:'';display:block;position:absolute;top:-21px;left:0;right:0;width:100%;height:20px;margin:0 auto;background:#fff}
.pViewTabCon .pViewCon {  }

.recommendCompany { padding:103px 0px 74px 0px; background-color:#fff; }
.recommendCompany * { box-sizing:border-box; }
.recommendCompany.even { background-color:#f7f7f7; padding-bottom:120px; }

.recommendCompany .listHeader { width:1200px; margin:0px auto; text-align:center; }
.recommendCompany .listHeader h3 { height:65px; line-height:65px; font-size:36px; font-weight:500; letter-spacing:-0.5px; }
.recommendCompany .listHeader h3 b { font-weight:500; color:#6ba43a; }
.recommendCompany .listHeader h3 strong { font-weight:700; color:#6ba43a; }
.recommendCompany .listHeader p { position:relative; height:51px; line-height:51px; font-size:20px; text-align:center; }
.recommendCompany .listHeader p:after { content:""; display:inline-block; width:100%; height:1px; position:absolute; left:0px; top:50%; border-top:1px solid #c6c6c6; }
.recommendCompany .listHeader p span { display:inline-block; background-color:#fff;; padding:0px 15px; position:relative; z-index:9; }
.recommendCompany.even .listHeader p span { background-color:#f7f7f7; }
.recommendCompany .listBody { width:1200px; margin:0px auto; padding:51px 0px 0px 0px; }
.recommendCompany .listBody .imageOverText > ul {  }
.recommendCompany .listBody .imageOverText > ul:after { content:""; display:block; clear:both; height:0px; overflow:hidden; }
.recommendCompany .listBody .imageOverText > ul > li { float:left; width:calc((100% - 6px) / 4); height:255px; margin-left:2px; margin-bottom:2px; background-color:#f7f7f7; position:relative; }
.recommendCompany .listBody .imageOverText > ul > li:before { content:""; display:block; width:0px; height:0px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background-color:#333; opacity:0.5; z-index:15; overflow:hidden; transition:width 0.3s, height 0.3s; }
.recommendCompany .listBody .imageOverText > ul > li:hover:before { content:""; display:block; width:100%; height:100%; }
.recommendCompany .listBody .imageOverText > ul > li .product_off.gray_border { border:0px solid #fff; background-color:transparent; }
.recommendCompany .listBody .imageOverText > ul > li:nth-of-type(4n + 1) { margin-left:0px; }
.recommendCompany .listBody .imageOverText > ul > li .imgArea { width:100%; height:100%; position:relative; overflow:hidden; }
.recommendCompany .listBody .imageOverText > ul > li .imgArea img { width:255px; min-height:255px; height:auto; }
/* .recommendCompany .listBody .imageOverText > ul > li .imgArea img { transition:all 0.3s ease-in-out; }
.recommendCompany .listBody .imageOverText > ul > li .imgArea img:hover { transform:scale(1.1); } */
.recommendCompany .listBody .imageOverText > ul > li .infoArea { position:absolute; left:0px; top:-9999px; width:100%; height:255px; line-height:255px; font-size:18px; text-align:center; z-index:30; }
.recommendCompany .listBody .imageOverText > ul > li:hover .infoArea { top:0px; }
.recommendCompany .listBody .imageOverText > ul > li .infoArea b { display:inline-block; line-height:40px; border-bottom:2px solid #fff; font-size:24px; font-weight:400; color:#fff; }

/*상세 > 하단배너 > 이벤트배너*/
.bannerBottom {   }
.bannerBottom ul { text-align:center; }
.bannerBottom ul li {  }
.bannerBottom.detailEnvent { /* border-bottom:1px solid #e0e0e0; */ padding:0px 0px 75px 0px; }
.bannerBottom.detailEnvent h4 { width:900px; margin:0px auto; text-align:left; /* line-height:40px; */ font-size:20px; }
.bannerBottom.detailEnvent h4 b { display:inline-block; }
.bannerBottom.detailEnvent ul {margin:0px auto; margin-top:30px; }
.bannerBottom.detailEnvent ul li { margin-top:5px; }
.bannerBottom.detailEnvent ul li:first-of-type { margin-top:0px; }

/*상세 > 배송책임서비스*/
.deliveryDutyService { text-align:center; padding-top:75px; }
.deliveryDutyService h4 { position:absolute; top:-99999px; }
.deliveryDutyService ul { width:1200px; margin:0px auto; }
.deliveryDutyService ul li {  }
.deliveryDutyService ul li img { width:900px; height:auto; }

/* 상세 > 맛집 과련 상태 정보*/
.gr_state { border-top:0 solid #f7f7f7 !important; padding:0 0 !important; }
.gr_state > dt { position:absolute !important; overflow:hidden; width:1px !important; height:1px; margin:-1px; }
.gr_state > dd { margin-left:0 !important; padding:0 0 10px 0 !important; }
.gr_state dl { display:flex; padding:10px 0 !important; }
.gr_state dl div { position:relative; flex:0 0 80px; text-align:center; height:50px; }
.gr_state dl div::before { content:""; display:block; position:absolute; left:0; top:0; width:1px; height:40px; border-left:1px solid #eee; }
.gr_state dl div:nth-child(1)::before { display:none; }
.gr_state dl dt { display:block; width:100%; height:20px; float:none !important; padding:0; margin:0 auto; margin-bottom:6px; color:transparent; }
.gr_state dl dd { clear:both; display:block; padding:0 !important; margin-left:0; line-height:15px; font-size:12px; }
.gr_state dl div:nth-child(1) dt { background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_recipe_14.png) no-repeat center center/ auto 20px; }
.gr_state dl div:nth-child(2) dt { background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_clock_18.png) no-repeat center center/ auto 19px; }
.gr_state dl div:nth-child(3) dt { position:relative; width:33px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_star_11_white.png) repeat-x center center/ auto 10px; }
.gr_state dl div:nth-child(3) dt::after {  content:""; display:block; position:absolute; left:0; top:0; height:20px; }
.gr_state dl div:nth-child(3).star1 dt::after { width:11px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_start_11.png) repeat-x left center/ auto 10px; }
.gr_state dl div:nth-child(3).star2 dt::after { width:22px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_start_11.png) repeat-x left center/ auto 10px; }
.gr_state dl div:nth-child(3).star3 dt::after { width:33px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_start_11.png) repeat-x left center/ auto 10px; }
.gr_state dl div:nth-child(4) dt { background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_storage_K1.png) no-repeat center center/ auto 18px; }
.gr_state dl div:nth-child(4).K1 dt { background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_storage_K1.png) no-repeat center center/ auto 20px; }
.gr_state dl div:nth-child(4).K1 dd { color:#828282; }
.gr_state dl div:nth-child(4).K2 dt { background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_storage_K2.png) no-repeat center center/ auto 18px; }
.gr_state dl div:nth-child(4).K2 dd { color:#3BD0A7; }
.gr_state dl div:nth-child(4).K3 dt { background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_storage_K3.png) no-repeat center center/ auto 18px; }
.gr_state dl div:nth-child(4).K3 dd { color:#5096C9; }
.gr_state dl div:nth-child(4).K4 dt { background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_storage_K4.png) no-repeat center center/ auto 20px; }
.gr_state dl div:nth-child(4).K4 dd { color:#57B147; }

/* 20231122 sticky 영역 추가 */
.oDetail .currentPath {width:1200px;padding:25px 0}

/********************************************************/
/*********************************************검색페이지 */
/********************************************************/
.oDetail .option_regularDelivery { flex-shrink:0;width:100%;margin-bottom:12px; }
.oDetail .option_regularDelivery input + label { font-size:15px;font-weight:bold}
.oDetail .option_regularDelivery input + label::before { margin-top:0px !important; }



/********************************************************/
/*********************************************검색페이지 */
/********************************************************/
/* 검색페이지 */
.oSearch {  }
.oSearch .oContainer {  }
.oSearch .oContainer .searchFlexBox {width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;flex-direction:column-reverse;position:relative}
.oSearch .oContainer .searchBar { text-align:center; width:1200px; margin:0 auto;position:relative; }
.oSearch .oContainer .searchBar * { box-sizing:border-box; }
.oSearch .oContainer .searchBar form {  }
.oSearch .oContainer .searchBar form fieldset {  }
.oSearch .oContainer .searchBar legend { position:absolute; top:-9999px; }
.oSearch .oContainer .searchBar .innerBox {display:flex;width:600px; height:60px;margin:0 auto; border:2px solid #6ba43a;border-radius:35px }
.oSearch .oContainer .searchBar input {width:540px;text-align:left;font-size:20px; border-radius:35px 0 0 35px;padding-left:22px;outline:none;}
.oSearch .oContainer .searchBar button {flex:1;background-color:transparent; cursor:pointer;color:transparent;position:relative}
.oSearch .oContainer .searchBar button:before {content:'';width:20px;height:20px;border:2px solid #6ba43a;border-radius:50%;position:absolute;left:calc(50% - 4px);top:calc(50% - 2px);transform:translate(-50%, -50%);}
.oSearch .oContainer .searchBar button:after {content:'';width:10px;height:2px;background:#6ba43a;position:absolute;left:calc(50% + 5px);top:calc(50% + 8px);transform:translate(-50%, -50%) rotate(45deg);}
.oSearch .oContainer .searchBar.open {}
.oSearch .oContainer .searchBar.open .innerBox {border-color:#6ba43a;border-width:2px;border-radius:24px 24px 0 0;border-bottom:0}
.oSearch .oContainer .searchBar.open input {border-radius:24px 0 0 0}

.oSearch .oContainer .searchBar .search_autoComplete { position:absolute; top:calc(100% - 1px); left:50%; transform:translateX(-50%); z-index:235; background:#fff; width:600px; border:1px solid #6ba43a;border-radius:0 0 24px 24px;border-top:0}
.oSearch .oContainer .searchBar.open .search_autoComplete {border-width:2px}
.oSearch .oContainer .searchBar .search_autoComplete:before {content:'';width:calc(100% - 40px); background-color:#eee;height:1px;position:absolute;left:50%;top:0;transform: translateX(-50%)}
.oSearch .oContainer .searchBar .search_autoComplete h4 { display:none; }
.oSearch .oContainer .searchBar .search_autoComplete ul { margin:10px 0 7px;text-align:left; }
.oSearch .oContainer .searchBar .search_autoComplete ul li { font-weight:normal; transform: translateX(-100%); transition: transform 0.5s, opacity 2s; opacity:0; }
.oSearch .oContainer .searchBar .search_autoComplete ul li.show-item { opacity: 1;transform: translateX(0%); }
.oSearch .oContainer .searchBar .search_autoComplete div.noResult { text-align:center; padding:20px 0; letter-spacing:-1px; font-size:18px; font-weight:normal; }
.oSearch .oContainer .searchBar .search_autoComplete ul li a { display:block;  padding:17px 54px 17px 46px; color:#666;font-size:18px;position:relative}
.oSearch .oContainer .searchBar .search_autoComplete ul li a:before {content:'';position:absolute;left:20px;top:16px;width:22px;height:22px;background:#e0e0e0;border-radius:50%;}
.oSearch .oContainer .searchBar .search_autoComplete ul li a:after {content:'';position:absolute;left:26px;top:22px;width:11px;height:11px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_search_11.png) no-repeat 0 0;}
.oSearch .oContainer .searchBar .search_autoComplete ul li:last-child {margin-bottom:29px}
.oSearch .oContainer .searchBar .search_autoComplete ul li a:hover { background-color:#f4f4f4; }
.oSearch .oContainer .searchBar .search_autoComplete ul li b { color:#6ca435; font-weight:bold; }

.oSearch .oContainer .searchResult { width:1200px; margin:0px auto; }
.oSearch .searchFlexBox:has(.searchResult.noResult) {margin-bottom:50px}
.oSearch .oContainer .searchResult * { box-sizing:border-box; }
.oSearch .oContainer .searchResult .searchKeyword {margin:80px 0 40px;line-height:1.54; font-size:26px; text-align:center; font-weight:500; }
.oSearch .oContainer .searchResult .searchKeyword strong { color:#6ba43a; font-weight:500; }
.oSearch .oContainer .listInfo .searchNum {font-size:15px;color:#6b6b6b}
.oSearch .oContainer .listInfo .searchNum b { color:#6ba43a; font-weight:500; }

.oSearch .oContainer .searchBanner { text-align:center; margin-top:20px; }
.oSearch .oContainer .searchBanner div.oSwiper { width:1200px; margin:0px auto; overflow:hidden;  }

.oSearch .oContainer .search_recommendList {width:600px;margin:30px auto 51px;display:flex;}
.oSearch .oContainer .search_recommendList > strong {font-size:15px;width:87px;padding-top:7px}
.oSearch .oContainer .search_recommendList ul {display:flex;flex-wrap:wrap;flex:1}
.oSearch .oContainer .search_recommendList ul li a {display:inline-flex;padding:7px 12px;background-color:#f4f4f4;margin:0 10px 10px 0}
.oSearch .oContainer .search_recommendList ul li a:hover {background: #eee;}

.oSearch .oProductList .normalList ul {padding-top: 30px;}
.oSearch .mainMiddleBanner {margin:85px 0 0}

/********************************************************/
/***********************************************브랜드몰 */
/********************************************************/
.oBrandMall {}
.oBrandMall .mainCategoryShortcut {margin-top:61px}
.oBrandMall .mainTopBanner + .mainCategoryShortcut {margin-top:46px}
.oBrandMall .mainCategoryShortcut ul li a img {border-radius:0}
.oBrandMall .mainCategoryShortcut ul li.active a {color:#FC4800}
.oBrandMall .mainCategoryShortcut ul li.active img {border:1px solid #FC4800}

.oBrandMall .tabArea {width: 1200px; margin: 0 auto; padding-top: 40px;}
.oBrandMall .tabArea .tabMenu {display: flex;  width: 100%; border: 1px solid #eaeaea;}
.oBrandMall .tabArea .tabMenu::after {content: ''; display: block; clear: both;}
.oBrandMall .tabArea .tabMenu a {flex-grow: 1;height: 48px; border-left: 1px solid #eaeaea; background: #f3f3f3; font-weight: 500; text-align: center; line-height: 48px;}
.oBrandMall .tabArea .tabMenu a:first-child {border-left: 0;}
.oBrandMall .tabArea .tabMenu a.on {background: #6da43c; color: #fff;}
.oBrandMall .tabArea .tabContArea {padding-bottom: 8px; border: 1px solid #eee; border-top: 0;}
.oBrandMall .tabArea .tabContArea .tabCont {overflow: hidden; position: relative; display: none; height: 138px; padding: 19px 42px 0 20px;}
.oBrandMall .tabArea .tabContArea .tabCont.on {display: block;}
.oBrandMall .tabArea .tabContArea .tabCont::after {content: ''; display: block; clear: both;}
.oBrandMall .tabArea .tabContArea .tabCont a {float: left; width: 20%; padding: 10px 0 10px 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 15px; color: #333;}
.oBrandMall .tabArea .tabContArea .tabCont a::before {content: '\003E'; display: inline-block; padding-right: 8px;}
.oBrandMall .tabArea .tabContArea .tabCont a.on {color: #6da43c;}
.oBrandMall .tabArea .tabContArea .tabCont a.on::before {color: #6da43c;}
.oBrandMall .tabArea .tabContArea .tabCont a.showOn {position: absolute; top: 7px; right: 7px; width: 40px; height: calc(100% - 7px); padding: 0; border: 1px solid #eaeaea; border-radius: 5px; z-index: 1;}
.oBrandMall .tabArea .tabContArea .tabCont a.showOn::before {content: ''; width: 100%; height: 100%; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_right_21_on.png) center center no-repeat; background-size: auto 22px; transform: rotate(90deg);}
.oBrandMall .tabArea .tabContArea .tabCont.active {height: auto;}
.oBrandMall .tabArea .tabContArea .tabCont.active a.showOn::before {transform: rotate(-90deg);}
.oBrandMall .oHeader .gnb .innerBox > ul > li {width:160px}
.oBrandMall .oHeader .gnb .innerBox > ul > li.gnb_first > a {font-weight:bold;padding-left:0}
.oBrandMall .oHeader .gnb .innerBox > ul > li > a {font-family:'Montserrat';font-size:15px;font-weight:600}
.oBrandMall .oHeader .gnb .innerBox > ul > li:last-child > a {color:#6BA43A}

.oBrandMall .mainTopBanner {display:block}
.oBrandMall .brand_mainCont {width:1200px;margin:110px auto 0;}
.oBrandMall .tit_brandMain {padding-bottom:20px;border-bottom:1px solid #333}
.oBrandMall .tit_brandMain em {display:block;font-size:18px;line-height:1.225;font-weight:400;margin-bottom:4px}
.oBrandMall .tit_brandMain a {font-family:'Montserrat';font-size:30px;line-height:1.2;display:inline-flex;align-items:center}
.oBrandMall .tit_brandMain a::after {content:'';display:inline-block;margin-left:3px;width:12px;height:12px;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg)}
.oBrandMall .brand_prodList {margin:30px 0 50px;display:flex;flex-wrap:wrap;}
.oBrandMall .brand_prodList > li {width:calc((100% - 72px) / 4);margin-left:24px}
.oBrandMall .brand_prodList > li:nth-child(4n+1) {margin-left:0}
.oBrandMall .brand_prodList > li:nth-child(4)~li {margin-top:40px}
.oBrandMall .brand_prodList .bp_wrap {overflow:hidden}
.oBrandMall .brand_prodList .bi_imgBox {position:relative;height:282px}
.oBrandMall .brand_prodList .bi_imgBox img {width:100%;height:282px;object-fit:cover;}
.oBrandMall .brand_prodList .bi_imgBox a {display:block}
.oBrandMall .brand_prodList .bi_imgBox a::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.03);z-index:1}
.oBrandMall .brand_prodList .bi_imgBox a::after {content:'';width:100%;height:104px;position:absolute;left:0;top:100%}
.oBrandMall .brand_prodList .bi_imgBox .oBtn_addCart {width:42px;height:42px;position:absolute;right:10px;bottom:10px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cart_49.png) no-repeat center center / 32px 32px;cursor:pointer;z-index:1}
.oBrandMall .brand_prodList .bi_imgBox .label_remain+.oBtn_addCart {bottom:36px}
.oBrandMall .brand_prodList .bi_imgBox .oBtn_addCart b {opacity:0;color:#333;font-size:12px}
.oBrandMall .brand_prodList .bi_imgBox .oBtn_addCart.on {background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cart_on_49.png)}
.oBrandMall .brand_prodList .bi_imgBox .oBtn_addCart.on b {opacity:1;color:#fff}
.oBrandMall .brand_prodList .bi_imgBox .label_remain {position:absolute;right:0;bottom:0;font-size:13px;color:#fff;background:#333;font-family:'Montserrat';padding:4px 8px}
.oBrandMall .brand_prodList .bi_contBox {font-family:'Montserrat';padding-top:12px}
.oBrandMall .brand_prodList .bi_contBox > strong {font-size:13px}
.oBrandMall .brand_prodList .bi_contBox > p {font-size:15px;margin:4px 0 12px}
.oBrandMall .brand_priceBox {display:flex;font-size:20px;line-height:1.1}
.oBrandMall .brand_priceBox em {font-weight:bold}
.oBrandMall .brand_priceBox em i {font-size:15px;font-style:normal;font-weight:400}
.oBrandMall .brand_priceBox span {font-size:20px;color:#FF4800;margin-left:5px}

.oBrandMall .btn_brandMain {font-family:'Montserrat';width:400px;margin:0 auto;height:56px;display:flex;align-items:center;border:1px solid #E0E0E0;font-size:14px;justify-content:center}
.oBrandMall .btn_brandMain::after {content:'';display:inline-block;margin-left:3px;margin-bottom:-2px;width:6px;height:6px;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(45deg)}

.oBrandMall .categorySect {width:1200px;margin:110px auto 0}
.oBrandMall .categorySect ul {display:flex;flex-wrap:wrap;gap:100px 24px}
.oBrandMall .categorySect ul li {width:calc((100% - 72px) / 4);font-family:'Montserrat';}
.oBrandMall .categorySect ul li .inCate_imgBox {position:relative;height:402px}
.oBrandMall .categorySect ul li .inCate_imgBox img {width:100%;height:100%;object-fit:cover}
.oBrandMall .categorySect ul li .inCate_imgBox .viewBox {opacity:0;display:flex;align-items:center;justify-content: center; position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);text-align:center;transition:all .2s}
.oBrandMall .categorySect ul li:hover .inCate_imgBox .viewBox {opacity:1}
.oBrandMall .categorySect ul li .inCate_imgBox .viewBox strong {color:#fff;font-weight:bold;font-size:28px;line-height:1.25}
.oBrandMall .categorySect ul li .inCate_imgBox .viewBox a {color:#fff;display:inline-flex;align-items:center;justify-content:center;width:110px;height:40px;border:1px solid #fff;position:absolute;left:50%;transform:translateX(-50%);bottom:60px;transition:all .2s}
.oBrandMall .categorySect ul li .inCate_imgBox .viewBox a:hover {background: #fff;color:#333}
.oBrandMall .categorySect ul li .inCate_contBox {padding-top:16px}
.oBrandMall .categorySect ul li .inCate_contBox h3 {font-size:20px;line-height:1.2}
.oBrandMall .categorySect ul li .inCate_contBox p {font-size:14px;margin-top:8px}

.oBrandMall .oContainer .listContent .listInfo {display:flex;margin-top:60px;padding-bottom:20px;border-bottom:1px solid #333}
.oBrandMall .oContainer .listContent .listInfo h1 {font-size:30px;font-family:'Montserrat';line-height:1.2}
.oBrandMall .brandSub_tabList {display:flex;align-items:flex-end;margin-left:auto;margin-bottom:-20px;margin-right:-20px;white-space:nowrap;overflow: hidden;}
.oBrandMall .brandSub_tabList a {margin-right:30px;font-family:'Montserrat';text-align: center;font-size:15px;font-weight:600;margin-bottom:20px}
.oBrandMall .brandSub_tabList a.active {color:#FC4800}
.oBrandMall .brandSub_tabList a:hover {text-decoration:underline}

/* 삼성전자 (탭 많음 대응) */
.oBrandMall .btn_bsTabToggle+.brandSub_tabList {width:1078px;margin-left:initial}
.oBrandMall .btn_bsTabToggle+.brandSub_tabList::after {content:'...';display:inline-block;position:absolute;left:1078px;bottom:19px}
.oBrandMall .btn_bsTabToggle+.brandSub_tabList a.active {order:-1}
.oBrandMall .btn_bsTabToggle+.brandSub_tabList a.all {order:-2}
.oBrandMall .btn_bsTabToggle {position:absolute;right:0;bottom:12px;cursor:pointer;padding:0 12px;height:34px;display:inline-flex;align-items:center;border-radius:20px}
.oBrandMall .btn_bsTabToggle::before {content:'더보기';font-size:15px;display:inline-block}
.oBrandMall .btn_bsTabToggle::after {content:'';display:inline-block;width:0;height:0;border-bottom:5px solid transparent;border-top: 5px solid #333;border-left: 5px solid transparent;border-right: 5px solid transparent;margin-left:4px;position:relative;bottom:-4px}
.oBrandMall .btn_bsTabToggle.open::before {content:'닫기'}
.oBrandMall .btn_bsTabToggle.open::after {border-top-color:transparent;border-bottom-color:#333;bottom:0}
.oBrandMall .btn_bsTabToggle.open+.brandSub_tabList {flex-wrap:wrap;white-space:initial;min-width:60px}
.oBrandMall .btn_bsTabToggle.open+.brandSub_tabList::after {content:'';}

.oBrandMall .bSearch_ipBox {width:440px;margin:30px auto 64px;border:1px solid #e0e0e0;height:50px;position:relative}
.oBrandMall .bSearch_ipBox input {width:100%;height:100%;text-indent:16px;color:#6B6B6B;font-size:14px}
.oBrandMall .bSearch_ipBox button {position:absolute;right:0;top:0;width:50px;height:50px;background:none;cursor:pointer;}
.oBrandMall .bSearch_ipBox button::before {content:'';width:18px;height:18px;border:1px solid #333;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.oBrandMall .bSearch_ipBox button::after {content:'';width:7px;height:1px;background:#333;position:absolute;left:calc(50% + 9px);top:calc(50% + 8px);transform:translate(-50%, -50%) rotate(45deg);}
.oBrandMall .bSearch_ipBox .bSearchBack {position:absolute;right:100%;top:50%;transform:translateY(-50%);width:80px;padding-left:20px;font-size:14px;letter-spacing:-.07em;margin-right:12px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_left_16.png) no-repeat 0 50%;}
.oBrandMall .bSearch_tabList {display:flex;border-bottom:1px solid #eee;padding-bottom:20px}
.oBrandMall .bSearch_tabList button {font-family:'Montserrat';text-align: center;font-size:16px;font-weight:600;position:relative;background:none;cursor:pointer}
.oBrandMall .bSearch_tabList button+button {margin-left:40px;}
.oBrandMall .bSearch_tabList button+button::before {content:'';width:1px;height:12px;background:#e0e0e0;position:absolute;left:-20px;top:50%;transform:translateY(-50%)}
.oBrandMall .bSearch_tabList button.active {color:#FC4800}
.oBrandMall .bSearch_tabList button:hover {text-decoration:underline}

.oBrandMall .bSearch_cateList {margin:40px 0}
.oBrandMall .bSearch_cateList li {margin-bottom:80px}
.oBrandMall .bSearch_cateList li h2 {font-size:26px;line-height:1.193;margin-bottom:30px}
.oBrandMall .in_companyLink {display:flex;flex-wrap:wrap;}
.oBrandMall .in_companyLink a {width:25%;display:flex;align-items:center}
.oBrandMall .in_companyLink a+a+a+a+a {margin-top:20px}
.oBrandMall .in_companyLink a .imgBox {display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;margin-right:10px;position:relative}
.oBrandMall .in_companyLink a .imgBox::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.03);z-index:1}
.oBrandMall .in_companyLink a .imgBox img {width:100%;height:100%;object-fit:cover}
.oBrandMall .in_companyLink a em {font-size:13px;}

.oBrandMall .stit_brandLogo {margin-top:40px}
.oBrandMall .stit_brandLogo a {display:flex;align-items:center;font-size:26px}
.oBrandMall .stit_brandLogo a::after {content: '';display:inline-block;margin-left:3px;width:12px;height:12px;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg)}  
.oBrandMall .stit_brandLogo .imgBox {width:50px;height:50px;border-radius:50%;border:1px solid #e0e0e0;margin-right:12px;overflow:hidden}
.oBrandMall .stit_brandLogo .imgBox img {width:100%;height:100%;object-fit:cover}

.oBrandMall .bCompany_topVisual {width:640px;height:320px;margin:21px auto 0;position:relative}
.oBrandMall .bCompany_topVisual img {width:100%;height:100%;object-fit:cover}
.oBrandMall .bCompany_topVisual > div {width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(51,51,51,.5);display:flex;align-items:center;justify-content:center;flex-direction:column;}
.oBrandMall .bCompany_topVisual .logo_imgBox {display:inline-block;width:50px;height:50px;background:#fff;border-radius:50%;overflow:hidden}
.oBrandMall .bCompany_topVisual .logo_imgBox img {}
.oBrandMall .bCompany_topVisual h1 {color:#fff;font-size:30px;margin-top:10px;line-height:1.2}
.oBrandMall .txt_prodNum {margin-top:30px;font-size:15px}
.oBrandMall .txt_searchNone {font-size:16px;margin:80px 0 120px;display:flex;align-items:center;justify-content:center;}
.oBrandMall .txt_searchNone i {display:inline-block;width:20px;height:20px;border-radius:50%;background:#F4F4F4;position:relative;margin-right:4px}
.oBrandMall .txt_searchNone i::before {content:'';width:10px;height:10px;border-radius:50%;border:1px solid #333;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.oBrandMall .txt_searchNone i::after {content:'';width:3px;height:1px;background:#333;position:absolute;left:calc(50% + 4px);top:calc(50% + 4px);transform: translate(-50%, -50%) rotate(45deg)}
.oBrandMall .txt_searchNone em {color:#FC4800}
.oBrandMall .brand_prodList+.stit_brandLogo {margin-top:60px}
/* shop이랑 별점/리뷰 스타일 동일하게 */
.oBrandMall .info_group {margin-top:6px}
.oBrandMall.oSubMain .info_group {display:none}/* 메인 비노출 */
.oBrandMall .info_reviewLike {display:inline-block;width:auto;margin-top:5px;padding-left:14px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_star_20.png) no-repeat top left/auto 12px;font-size:11px;line-height:14px;text-align:left;vertical-align:top}
.oBrandMall .info_reviewNumber {display:inline-block;font-size:12px;color:#909090;vertical-align:top}


/********************************************************/
/*********************************************상품리스트 */
/********************************************************/
.oProductList .normalList ul { width:1200px; }
.oList .oProductList .normalList ul { padding-top:30px; }
.oBest .oProductList .normalList ul { padding-top:50px; }
.oProductList .normalList .prodList { width:1200px; }
.oProductList .normalList ul::after {content: ''; display: block; clear: both;}
.oProductList .normalList ul li { position:relative; height:auto; width:calc((100% - 72px) / 4); float:left; padding:0; margin-left:24px; border-bottom:0; }
.oProductList .normalList ul li:nth-of-type(4n + 1) { margin-left:0;clear: both;}
.oProductList .normalList ul li .imgStatus {overflow: hidden;position: relative; width: 100%; background-color:#f7f7f7}
.oProductList .normalList ul li .imgStatus figure { position: relative; display: block; width: 282px; height:282px;}
.oProductList .normalList ul li .imgStatus figure a::before {content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.02);}
/* .oProductList .normalList ul li .imgStatus figure::before {content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.02);} */
.oProductList .normalList ul li .imgStatus figure img {width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; filter:brightness(0.97); }
.oProductList .normalList ul li .imgStatus:hover figure img {transform:scale(110%)}
.oProductList .normalList ul li .imgStatus figure a {display: block; width: 100%; height: 100%;}
.oProductList .normalList ul li .stopSellArea {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); font-weight: 500; font-size: 24px; color: #fff;text-align: center;}
.oProductList .normalList ul li .stopSellArea .stopSellTxt {position: absolute; top: 50%; lefT: 0; right: 0; width: auto; height: auto; margin: 0 auto; transform: translateY(-50%); color: #fff;}
.oProductList .normalList ul li .stopSellArea .stopSellTxt em {display: block; padding-top: 15px; font-weight: 400; font-size: 18px; color: #fff;}
.oProductList .normalList ul li .stopSellArea .stopSellTxt::before {display: none;}
.oProductList .normalList ul li .stopSellArea + .badgeTxt,
.oProductList .normalList ul li .stopSellArea + .overView + .badgeTxt {display: none;}
.oProductList .badgeTxt {position: absolute; top: 8px; left: 8px; z-index: 1; }
.oProductList .badgeTxt span[class^='badgeTxt-'] {display: inline-block; height: 24px; padding: 0 8px; border-radius: 3px; color: #fff; font-weight:500; font-size: 13px; line-height: 24px; white-space: nowrap; }
.oProductList .badgeTxt span[class^='badgeTxt-'] + span[class^='badgeTxt-'] {margin-top: 3px;}
.oProductList .badgeTxt span.badgeTxt-sosang {background: rgba(7,49,144,.8);}
.oProductList .badgeTxt span.badgeTxt-oh {background: rgba(255,150,0,.8);}
.oProductList .badgeTxt span.badgeTxt-special {background: rgba(50,171,178,.8);}
.oProductList .badgeTxt span.badgeTxt-new {background: rgba(107,165,67,.8);}
.oProductList .badgeTxt span.badgeTxt-end {background: rgba(190,39,29,.8);font-size:14px}
.oProductList .badgeTxt span.badgeTxt-time {background: #0E510B;}/* 타임특가 */
.oProductList .infoArea {height: 228px; padding:12px 16px 12px 0;}
.grMain .oProductList .infoArea { height:auto; padding:12px 8px; }
.oProductList .infoArea .badgeDelivery {}
.oProductList .infoArea .badgeDelivery span[class^="badgeDelivery-"] {display: inline-flex;align-items: center;width: auto;height: 20px;padding: 1px 4px 0 4px;background-color: #f4f4f4;border-radius: 2px;text-align: center;font-size:12px;font-weight:400;letter-spacing: -0.5px;color: #585858;overflow: hidden}
/* .oProductList .infoArea .badgeDelivery span.badgeDelivery-lowest {color: #c91d3a; border: 1px solid #c91d3a;}
.oProductList .infoArea .badgeDelivery span.badgeDelivery-lowestPrice {color: #e44443; border: 1px solid #e44443;}
.oProductList .infoArea .badgeDelivery span.badgeDelivery-seller {background: #2c477f;border:1px solid #2c477f}
.oProductList .infoArea .badgeDelivery span.badgeDelivery-early {background: #6ba543;border:1px solid #6ba543}
.oProductList .infoArea .badgeDelivery span.badgeDelivery-oasisSanji {background: #e08600;border:1px solid #e08600} */
.oProductList .infoArea:has(.badge_point) .infoTit {margin-top:4px}
.oProductList .infoArea .infoTit a {overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; line-height: 1.358;letter-spacing:-.3px}
.oProductList .infoArea .infoPrice {margin-top:8px;letter-spacing:-0.4px;font-size:14px;display:flex;flex-wrap:wrap;width:100%;gap:0 4px;align-items:flex-end;}
.oProductList .infoArea .infoPrice .badgeDeliBox {line-height:.6;margin-bottom:8px}
/* .oProductList .infoArea .infoPrice .badgeDelivery-lowest {display:inline-flex;align-items:flex-end;color:#c91d3a;line-height:1;letter-spacing:-.3px}
.oProductList .infoArea .infoPrice .badgeDelivery-lowest::before {content:'';display:inline-block;width:14px;height:14px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_lowest_44.png) no-repeat 0 0 / 100% 100%;margin-right:2px} */
.oProductList .infoArea .badgeDelivery-lowest {display:inline-block;margin-top:8px;padding:0 3px 0 19px;border:1px solid #EEEEEE;border-radius:4px;background:#FFFFFF url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_lowest_28.png) no-repeat top 2px left 3px/14px auto;font-weight:500;font-size:12px;line-height:18px;vertical-align:top}/* n개한정 */
.oProductList .infoArea .infoPrice .priceRate {font-weight:500;font-size:17px;color: #6ba543}
.oProductList .infoArea .infoPrice .buyPrice em {font-weight:600;font-size:17px}
.oProductList .infoArea .infoPrice .salePrice del {color: #909090;}
.oProductList .infoArea .infoStar {margin-top:10px;line-height:1.09}
.oProductList .infoArea .infoStar a {font-size:12px;display: inline-block;padding-left:15px;background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_star_20.png) no-repeat 0 0 / auto 11.5px ;letter-spacing:-.3px}
.oProductList .infoArea .infoReview {display:inline-block;margin-left:1px;color:#969696;vertical-align:top}
.oProductList .infoBtmCoupon {position:absolute;top:0;right:0;width:52px;margin:6px 6px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_coupon_88.png) no-repeat 0 0 / 100% auto;font-weight:600;font-size:16px;line-height:32px;color:#FFF;text-align:center;z-index:1}/* 쿠폰% */
.oProductList .infoBtmCoupon::before {transform:scale(1);font-size:12px;font-weight:300;line-height:1;margin-bottom:4px}

.oProductList .infoArea .infoCpDownBox {display:none;margin-top:9px}/* 쿠폰가 */
.oProductList .infoArea .infoCpDownBox button {width:100%;height:32px;border:1px solid #036F14;background:#FFFFFF;font-weight:500;font-size:12px;letter-spacing:-0.03em;color:#036F14}
.oProductList .infoArea .infoCpDownBox button strong {font-weight:500}
.oCouponSale .oProductList .infoArea .infoCpDownBox {display:block}
.oProductList :is(.listBody, .listProduct) :is(.mid_badges, .bottom_badges) {display:flex;flex-wrap:wrap;gap:4px}/* 상품리스트 중간/하단 뱃지 영역 */
.oProductList .mid_badges:has(.bdg) {margin-top:8px;margin-bottom:1px}
.oPrdtLst .mid_badges:has(.bdg) {margin-bottom:10px}
.oProductList .bottom_badges {padding-right:16px}
.oProductList .bdg.badgeCheck.maxNum {display:inline-flex;align-items:center;width:auto;height:20px;padding:1px 4px 0 4px;background-color:#f4f4f4;border-radius:2px;text-align:center;font-size:12px;color:#333;overflow:hidden}
.oProductList .bdg.badgeCheck.couponPrice {display:inline-flex;align-items:center;padding: 0;border: 0;border-radius: 0;background: #fff;font-weight: 400;font-size: 13px;letter-spacing: -0.11px;color: #0C520A;height: auto;}
.oProductList .saleSellTxt .bdg.badgeCheck.couponPrice {margin-top:6px}
html.urlPC .oProductList .info_area .bottom_badges,html.urlPC .oProductList .infoArea .bottom_badges {margin-top:12px}
.oMain .oPrdtLst .bottom_badges {margin-top:6px !important}
.oProductList :where(.mid_badges, .bottom_badges) .badgeLowest {padding:0 3px 0 19px;border:1px solid #EEEEEE;border-radius:2px;background:#FFFFFF url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_lowest_28.png) no-repeat top 2px left 3px/14px auto;font-weight:500;font-size:12px;line-height:18px}/* 최저가보상 */
/* .oProductList :where(.mid_badges, .bottom_badges) .badgeCheck {padding:0 3px 0 19px;border:1px solid #EEEEEE;border-radius:2px;background:#FFFFFF url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_check_28.png) no-repeat top 2px left 3px/14px auto;font-weight:500;font-size:12px;line-height:18px}쿠폰적용가 */
.oProductList :where(.mid_badges, .bottom_badges) .badgeEnd {margin-bottom:-4px;font-size:12px;line-height:15px;color:#C70C15}/* 오늘 출고 시 */
.oProductList .infoArea .info_keyword { display:none; padding:8px 0 0 0; font-size:11px; }
.oProductList .infoArea .info_keyword span { display:inline-block; padding:0 6px; background-color:#f7f7f7; border-radius:4px; line-height:18px; }
.oProductList .infoArea .info_keyword span.K1 { color:#828282; }
.oProductList .infoArea .info_keyword span.K2 { color:#3BD0A7; }
.oProductList .infoArea .info_keyword span.K3 { color:#5096C9; }
.oProductList .infoArea .info_keyword span.K4 { color:#57B147; }

.oProductList .overView .innerBtns {background: rgba(255,255,255,.7);}
.oProductList .overView .innerBtns a {padding-left: 32px;}
.oProductList .overView .innerBtns a.btn_myList {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_heart_40_3.png)}
.oProductList .overView .innerBtns a.btn_myCart {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cart_40_2.png)}
.oProductList .overView .innerBtns a:hover {background-color: #333;}
.oProductList .overView .innerBtns a.btn_myList:hover {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_heart_40_3_white.png)}
.oProductList .overView .innerBtns a.btn_myCart:hover {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cart_40_2_white.png)}

.oProductList .listBody .normalList ul li .imgStatus figure:hover img {transform: scale(1.1);}
.oProductList .listBody .normalList ul li .infoArea {height: 106px;}
.oProductList .subMainProductList .listBody .normalList > ul > li {background: transparent;}


.oProductList .listProduct .normalList ul li:hover .overView { display: block; }
/* .oProductList .listProduct .normalList ul li:hover .badgeTxt, */
.oProductList .listProduct .normalList ul li:hover .stopSellArea,
.oProductList .listProduct .normalList ul li:hover .ico_best50 { display:none; }
.oProductList .prodList .badgeTxt {top: 84px;}
body.oBrandStore761 .oProductList .infoArea .info_keyword { display:block; } /*맛집리스트 노출*/

/********************************************************/
/*********************************메인::산지직송 오픈마켓 */
/********************************************************/
.direct_area {height: 508px;}
.direct_area::before {content: ''; display: inline-block; position: absolute; top: 35px; right: 38%; width: 100%; height: 440px; background: #f9f9f9;}
.direct_area .directCont {position: relative; width: 1200px; margin: 0 auto; padding-top: 67px;}
.direct_area .directCont .sanjiTxt ul li {opacity: 0!important; width: 300px!important; margin-top: 14px; background: #f9f9f9; letter-spacing: -0.5px;}
.direct_area .directCont .sanjiTxt ul li.swiper-slide-active {opacity: 1!important;}
.direct_area .directCont .sanjiTxt ul li h4 {padding-bottom: 38px; font-weight: 400; font-size: 36px; line-height: 44px;}
.direct_area .directCont .sanjiTxt ul li p {max-width: 280px; padding-bottom: 50px; font-size: 24px; color: #828282; line-height: 36px; word-break: keep-all;}
.direct_area .directCont .sanjiTxt ul li .directLink a {display: inline-block; font-size: 18px; color: #828282; text-decoration: underline; text-underline-position: under;}
.direct_area .directCont .sanjiTxt ul li .directLink:hover a {color: #6ba543;}
.direct_area .directCont .directSwiper {position: absolute; top: 162px; right: 30px; width: 650px; /* height: 430px; */ z-index: 1;}
.direct_area .directCont .sanjiTxt ul li {background: #f9f9f9;}
.direct_area .directCont .sanjiImg {padding: 0 70px;}
.direct_area .directCont .sanjiImg ul li a {display: inline-block; width: 100%;}
.direct_area .directCont .sanjiImg ul li a img {width: 100%;}
.direct_area .directCont .sanjiImg .swiper-button-next {right: -14px; width: 9px; height: 17px; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_right_7.png) no-repeat; background-size: 100% 100%;}
.direct_area .directCont .sanjiImg .swiper-button-prev {left: -14px; width: 9px; height: 17px; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_left_7.png) no-repeat; background-size: 100% 100%;}
/* .direct_area + .more_area {height: auto; background: #fff;}
.direct_area + .more_area .only_top_border {padding-top: 50px;}
.direct_area + .more_area .only_top_border span {font-size: 18px; font-weight: 400;}
.direct_area + .more_area .btn_view_main2 {padding-bottom: 0;} */

/** 버튼 스타일 공통 **/
[class*="btnStyle-"] {display: inline-block; border-radius: 4px; font-size: 16px; text-align: center; box-sizing: border-box;}
[class*="btnStyle-"] + [class*="btnStyle-"] {margin-left: 8px;}
.btnStyle-01 {border: 1px solid #333!important; background: #fff!important; color: #333!important;} /* 흰 배경, 진회색 테두리, 회색 글씨 */
.btnStyle-02 {border: 1px solid #6ba543!important; background: #fff!important; color: #6ba543!important;} /* 흰 배경, 초록 테두리, 초록 글씨 */
.btnStyle-03 {border: 1px solid #6ba543!important; background: #6ba543!important; color: #fff!important;} /* 초록 배경, 초록 테두리, 흰 글씨 */
.btnStyle-04 {border: 1px solid #f7f7f7!important; background: #f7f7f7!important; color: #333!important;} /* 연회색 배경, 연회색 테두리, 검정 글씨 */
.btnStyle-05 {border: 1px solid #828282!important; background: #828282!important; color: #fff!important;} /* 진회색 배경, 진회색 테두리, 흰 글씨 */
.btnStyle-06 {border: 1px solid #eee!important; background: #fff!important; color: #333!important;} /* 흰 배경, 연회색 테두리, 회색 글씨 */
.btnStyle-07 {border: 1px solid #e0e0e0!important; background: #fff!important; color: #333!important;} /* 흰 배경, 연회색 테두리, 회색 글씨 */
.btnStyle-08 {border: 1px solid #e0e0e0!important; background: #f7f7f7!important; color: #828282!important;} /* 연회색 배경, 연회색 테두리, 회색 글씨 */
.btnStyle-09 {border: 1px solid #18409a!important; background: #18409a!important; color: #fff!important;} /* 파란 배경, 파란 테두리, 흰 글씨 */
.btnStyle-10 {border: 1px solid #333!important; background: #333!important; color: #fff!important;} /* 진회색 배경, 진회색 테두리, 흰 글씨 */
.btnStyle-11 {border: 1px solid #6ba43a!important; background: #fff!important; color: #333!important;} /* 흰 배경, 초록 테두리, 검정 글씨 */

.btn-right {float: right;}

/** 팝업 공통 **/
.oPopWrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(51, 51, 51, .5); z-index: 200;}
.oPopWrap.on {display: block;}
.oPopWrap .popArea {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); width: 750px; margin: 0 auto; padding: 46px 25px 40px 30px; background: #fff; box-sizing: border-box;}
.oPopWrap .popSec {padding-bottom: 30px;}
.oPopWrap .popSec .popTit {padding-bottom: 14px; font-size: 16px;}
.oPopWrap .popSec input.searchTit {width: 100%; height: 40px; border: 1px solid #e0e0e0; padding: 0 15px; line-height: 40px; box-sizing: border-box;}
.oPopWrap .btnPopup {padding-top: 10px; text-align: center;}
.oPopWrap .btnPopup a {width: 225px; height: 40px; line-height: 40px; box-sizing: border-box;}

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

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


/********************************************************/
/********************************* 팝업폼 : 고객센터 > 1:1문의, 마이페이지 > 구매후기 */
/********************************************************/
.oDialogs.oDialog_wdM { display:none; font-size:14px;  }
.oDialogs, .oDialogs *, .oDialogs *:before, .oDialogs *:after { box-sizing:border-box; }
.oDialogs .none { display:none !important; }
.oDialogs.oDialog_wdM.open { display:block; }
.oDialogs::before { content:""; display:block; position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.2); z-index:560; }
.oDialogs.oDialog_wdM .dialog_wrap { position:fixed; left:50%; top:50%; width:680px; min-height:470px; max-height:90%; margin:0 auto; padding:30px 20px 40px; background-color:#fff; border:1px solid #eee; z-index:600; transform:translate(-50%, -50%); }
.oDialogs .dialog_header {position:relative; }
.oDialogs .dialog_header h3 {font-size:18px;font-weight:600; color:#333;text-align:center}
.oDialogs .dialog_header a.btn_close { display:inline-block; position:absolute; top:-15px; right:-15px; overflow:hidden; width:49px; height:49px; line-height:49px; transition:transform 0.3s; text-align:center; }
.oDialogs .dialog_header a.btn_close:hover { transform:rotate(90deg); }
.oDialogs .dialog_header a.btn_close:before { content:"\2715";display:block;overflow:hidden;width:49px;font-weight:500;font-size:22px}
.oDialogs.oDialog_wdM .dialog_body { /* min-height:428px; */ max-height:calc(80vh - 17px); overflow-y:auto;/*  box-shadow:inset 0 -5px 8px -10px #000; */ overscroll-behavior:contain; }
.oDialogs.oDialog_wdM .dialog_body .noResult { display:block; line-height:158px; text-align:center; color:#828282; }
:where(.oDialogs, .oDialogs_new) ::-webkit-scrollbar { width:4px; }
:where(.oDialogs, .oDialogs_new) ::-webkit-scrollbar-track {background-color:#f7f7f7; }
:where(.oDialogs, .oDialogs_new) ::-webkit-scrollbar-thumb { background: #cccccc; }
:where(.oDialogs, .oDialogs_new) ::-webkit-scrollbar-thumb:hover { background:#b4b4b4; }
:where(.oDialogs, .oDialogs_new) ::-webkit-scrollbar-thumb:active { background:#a1a1a1; }
:where(.oDialogs, .oDialogs_new) ::-webkit-scrollbar-button { display:none; }
.oDialogs.oDialog_wdM .dialog_body { padding:19px 0 1px 0; }
.oDialogs.oDialog_wdM .dialog_body .infoArea {  }
.oDialogs.oDialog_wdM .dialog_body .oasisLPcon1 + .infoArea { padding-top:20px; } 
.oDialogs.oDialog_wdM .dialog_body .infoArea ul { line-height:24px; }
.oDialogs.oDialog_wdM .dialog_body .infoArea ul li { padding-left:7px; color:#828282; }
.oDialogs.oDialog_wdM .dialog_body .infoArea ul li:before { content:"\00b7"; display:inline-block; }
.oDialogs.oDialog_wdM .dialog_body .infoArea ul li b { font-weight:400; color:#333; }
.oDialogs.oDialog_wdM .dialog_body .btnsArea { text-align:center; padding:40px 0 0 0; }
.oDialogs.oDialog_wdM .dialog_body .btnsArea > a { display:inline-block; width:200px; height:50px; line-height:50px; margin-left:21px; border:1px solid #e2e2e2; border-radius:4px; font-size:14px; }
.oDialogs.oDialog_wdM .dialog_body .btnsArea > a:first-of-type { margin-left:0px; }
.oDialogs.oDialog_wdM .dialog_body .btnsArea > a.next { border:1px solid #6ca437; background-color:#6ca437; color:#fff; }
.oDialogs.oDialog_wdM .dialog_body .formArea { padding:20px 0 0 0; }
.oDialogs.oDialog_wdM .dialog_body .formArea input::placeholder,
.oDialogs.oDialog_wdM .dialog_body .formArea textarea::placeholder { color:#828282; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl { display:table; border:1px solid #f7f7f7; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl > div { display:table-row; width:100%; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl > div:first-child { padding-top:12px; } 
.oDialogs.oDialog_wdM .dialog_body .formArea dl dt { display:table-cell; width:120px; padding:0 0 25px 33px; background-color:#f7f7f7; line-height:45px; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl dd { display:table-cell; width:calc(100% - 120px); padding:0 25px 25px 25px; line-height:45px; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl dt.textBlind { text-indent:-99999px; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.radio { padding-bottom:15px; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.text { padding-bottom:15px; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.textarea { padding-bottom:0; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.textarea dt { line-height:36px; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.check { padding-bottom:0; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.radio { padding-bottom:15px; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.radio label { margin-left:60px; line-height:45px; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.radio label::before { margin-top:12px; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.radio label:first-of-type { margin-left:0; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.select select {  width:250px; height:45px; padding:0 0 0 15px; background-color:rgba(255,255,255,0.01); border:1px solid #e0e0e0; line-height:45px; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.select select + label { width:0px; height:0px; position:relative; font-size:0px; line-height:0px; color:#fff; z-index:-1; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.select select + label::before { content:""; display:block; position:absolute; left:-28px; top:-10px; transform:rotate(45deg); width:7px; height:7px; border:1px solid #494949; border-width:0 1px 1px 0; transition:transform 0.3s; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.text dd { padding-bottom:12px; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.text input { width:250px; height:45px; padding:0 0 0 15px; border:1px solid #e0e0e0; line-height:45px; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.textarea dd { position:relative; padding-bottom:0; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.textarea textarea { width:440px; height:150px; padding:12px 15px; border:1px solid #e0e0e0; font-size:12px; line-height:18px; color:#828282; resize: none;}
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.textarea dt,
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.textarea dd { padding-bottom:10px; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.textarea .commentLength_wrap { position:absolute; right:35px; bottom:15px; line-height:16px; font-size:10px; color:#ccc; font-weight:300; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div:nth-of-type(1).textarea dt,
.oDialogs.oDialog_wdM .dialog_body .formArea dl div:nth-of-type(1).textarea dd { padding-top:25px; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.check dd { padding-bottom:0; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.file dd {  }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.file p { font-size:12px; color:#828282; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.file .file_box { line-height:0px; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.file .file_box a { display:inline-block;; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.file .file_box span  { display:inline-block; position:relative; overflow:hidden; width:70px; height:70px; margin-right:6px; background-color:#eee; text-align:center; line-height:70px; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.file .file_box span:first-child { display:block; width:70px; height:70px; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.file .file_box span img { width:50%; height:auto; filter:brightness(0.97); vertical-align:middle; }
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.file .file_box a.attach-img span img { width:100%; height:100%; object-fit:cover; }
/* .oDialogs.oDialog_wdM .dialog_body .formArea dl div.file .file_box a.attach-img span { display:block; position:absolute; right:0; top:0; overflow:hidden; width:28px; height:28px; padding-left:28px; } */
.oDialogs.oDialog_wdM .dialog_body .formArea dl div.file .file_box a.attach-img span::after { content:"\2715"; display:block; width:28px; height:28px; position:absolute; right:0; top:0; background-color:rgba(0,0,0,0.8); font-size:22px; font-weight:700; line-height:26px; text-align:center; color:#fff; }
.oDialogs.oDialog_wdM .dialog_body.type2 .formArea dl > div:first-child dt, .oDialogs.oDialog_wdM .dialog_body.type2 .formArea dl > div:first-child dd { padding-top:12px } 
.oDialogs.oDialog_wdM .dialog_body.type2 .formArea dl .textarea dt, .oDialogs.oDialog_wdM .dialog_body.type2 .formArea dl .textarea dd {padding-bottom:25px}
.oDialogs.oDialog_wdM .dialog_body.type2 .infoArea ul li {padding-left:25px;color:#4C4C4C;word-break:keep-all}
.oDialogs.oDialog_wdM .dialog_body.type2 .infoArea ul li::before {content:'';display:inline-block;width:18px;height:18px;margin:3px 4px 0 -22px;border-radius:50%;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_exclamation_36.png) no-repeat center/100% auto;vertical-align:top}
.oDialogs.oDialog_wdM .dialog_body .productList {  }
.oDialogs.oDialog_wdM .dialog_body .productList .wrapBox { display:flex; padding:5px 0 25px 0; border-bottom:1px solid #eee; }
.oDialogs.oDialog_wdM .dialog_body .productList .wrapBox:after { content:""; display:block; clear:both; height:0px; padding:0; margin:0; overflow:hidden; }
.oDialogs.oDialog_wdM .dialog_body .productList .wrapImg { width:110px; flex:0 0 110px; height:110px; background-color:#f7f7f7; border-radius:4px; overflow:hidden; }
.oDialogs.oDialog_wdM .dialog_body .productList .wrapImg img { width:100%; height:100%; object-fit:contain; filter:brightness(0.97); }
.oDialogs.oDialog_wdM .dialog_body .productList .wrapInfo { max-width:calc(100% - 110px); display:flex; flex-direction:column; justify-content:center; padding:0 0 0 20px;  }
.oDialogs.oDialog_wdM .dialog_body .productList .wrapInfo strong { font-weight:400;  }
.oDialogs.oDialog_wdM .dialog_body .productList .wrapInfo .info_title_option { color:#828282; }
.oDialogs.htAuto .dialog_wrap {height:auto;/* padding-bottom:88px */}
.oDialogs.htAuto .dialog_body {height:auto}
/*별점 이코티콘 기존 소스 수정*/
.oDialogs_new .oasisLPcon1 { padding:0; margin:0; }
.oDialogs_new .oasisLPcon1 .satisfy { height:auto; padding:30px 0 10px 0; }
.oDialogs_new .oasisLPcon1 .satisfy .faceStarBg p { display:inline-block; position:static; height:35px; width:auto; padding:0 0 0 45px; margin:0; background-size:auto 35px; white-space:nowrap; line-height:40px; font-size:14px; }
.oDialogs_new .oasisLPcon1 .satisfy .wrigtStarBg { display:block; margin-top:10px; text-align:center; }
.oDialogs_new .oasisLPcon1 .satisfy .wrigtStarBg a { float:none; }
.oDialogs_new .oasisLPcon1 .satisfy .wrigtStarBg strong { float:none; }
.oDialogs_new .oasisLPcon1 .satisfy > p.subscript { display:block; position:static; float:none; width:100%; height:27px; padding:13px 0 0 0; margin:0; text-align:center; color:#ccc; font-size:14px; line-height:14px; }

/* 메인 배송지팝업 od400 */
.oDialogs.oDialog_wdM.od400 .dialog_wrap {width:800px}
.oDialogs.oDialog_wdM.od400 .dialog_body .btnsArea > a.next {width: 460px;}
.oDialogs.oDialog_wdM.od400 .dialog_header h3 {border-bottom:none;text-align:center;}
.oDialogs.oDialog_wdM .dialog_body.pop_deliAddCont {text-align:center;padding-top:30px}
.oDialogs .pop_deliAddCont .dlvyBtn {display:flex;width:400px;margin:0 auto;height:46px;align-items:center;justify-content:center;font-size:15px;background-color:#f4f4f4;border-radius:45px}
.oDialogs .pop_deliAddCont .dlvyBtn:after {content:'\002B';margin-left:2px;font-size:16px;color:#6ba43a}
.oDialogs .pop_deliAddCont .dlvyDesc {margin-top:10px;font-size:14px}
.oDialogs .pop_deliAddCont .deliveryDestiTable {border-top:1px solid #333;margin-top:30px}
.oDialogs .pop_deliAddCont .deliveryDestiTable table {width:100%}
.oDialogs .pop_deliAddCont .deliveryDestiTable thead {display:table;width:758px}
.oDialogs .pop_deliAddCont .deliveryDestiTable thead th {height:40px;vertical-align:middle;font-weight:normal;font-size:14px;color:#333;border-bottom:1px solid #f4f4f4}
.oDialogs .pop_deliAddCont .deliveryDestiTable tbody {display:block;overflow-y:auto;/* max-height:420px */max-height:calc(100vh - 412px)}
.oDialogs .pop_deliAddCont .deliveryDestiTable tbody tr {display:table;width:100%}
.oDialogs .pop_deliAddCont .deliveryDestiTable tbody td {border-bottom:1px solid #f4f4f4;padding:20px 5px;font-size:13px}
.oDialogs .pop_deliAddCont .deliveryDestiTable tbody td:nth-child(3) {text-align:left}
.oDialogs .pop_deliAddCont .deliveryDestiTable thead th:nth-child(1),.oDialogs .pop_deliAddCont .deliveryDestiTable tbody td:nth-child(1) {width:40px}
.oDialogs .pop_deliAddCont .deliveryDestiTable thead th:nth-child(2),.oDialogs .pop_deliAddCont .deliveryDestiTable tbody td:nth-child(2) {width:110px}
.oDialogs .pop_deliAddCont .deliveryDestiTable thead th:nth-child(3),.oDialogs .pop_deliAddCont .deliveryDestiTable tbody td:nth-child(3) {width:308px}
.oDialogs .pop_deliAddCont .deliveryDestiTable thead th:nth-child(4),.oDialogs .pop_deliAddCont .deliveryDestiTable tbody td:nth-child(4) {width:90px}
.oDialogs .pop_deliAddCont .deliveryDestiTable thead th:nth-child(5),.oDialogs .pop_deliAddCont .deliveryDestiTable tbody td:nth-child(5) {width:120px}
.oDialogs .pop_deliAddCont .deliveryDestiTable thead th:nth-child(6),.oDialogs .pop_deliAddCont .deliveryDestiTable tbody td:nth-child(6) {width:90px}
.oDialogs .pop_deliAddCont .mark_default {font-size:12px;color:#6ba43a;border-radius:2px;border:1px solid #6ba43a;display:flex;width:60px;height:20px;align-items:center;justify-content:center;margin:8px auto 0}
.oDialogs .pop_deliAddCont .mark_selected {font-size:12px;color:#a5000d;border-radius:2px;border:1px solid #a5000d;display:flex;width:60px;height:20px;align-items:center;justify-content:center;margin:8px auto 0}
.oDialogs .pop_deliAddCont .txt_deliType {display:block;color:#6ba43a;font-weight:normal;margin-top:6px}
.oDialogs .pop_deliAddCont .action a {display:flex;width:50px;height:30px;color:#6b6b6b;background-color:#f4f4f4;align-items:center;justify-content:center;border-radius:30px;margin:0 auto;font-size:12px}
.oDialogs .pop_deliAddCont .action a+a {margin-top:8px}

/* 202409 디자인 수정 */
.oDialogs_new {display:none;background:transparent!important}
.oDialogs_new.open {display:block}
.oDialogs_new.w600 .dialog_wrap {width:600px}
.oDialogs_new .dialog_wrap {position:fixed;top:50%;right:0;left:0;transform:translateY(-50%);width:680px;max-height:calc(100vh - 70px);margin:0 auto;padding:0 20px;background:#FFFFFF;box-shadow:10px 10px 30px rgba(0,0,0,0.1);z-index:561}
.oDialogs_new .dialog_header {position:relative}
.oDialogs_new .dialog_title {display:block;padding:30px 0 16px 0;border-bottom:1px solid #E0E0E0;font-weight:600;font-size:18px;line-height:20px;text-align:center}
.oDialogs_new .dialog_close {position:absolute;top:14px;right:0;width:52px;height:52px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cross_58.png) no-repeat center right/20px auto;cursor:pointer}
.oDialogs_new .dialog_body {overflow-y:auto;max-height:calc(100vh - 137px);padding:20px 0 30px 0}
.oDialogs_new .dialog_body .w100 {width:100px!important}
.oDialogs_new .dialog_body .mgt-10 {margin-top:10px}
.oDialogs_new .dialog_body .mgt-20 {margin-top:20px}
.oDialogs_new .dialog_body .mgt-30 {margin-top:30px}
.oDialogs_new .dialog_body .grayTxt {display:block;font-size:12px;color:#828282}
.oDialogs_new .dialog_body .grayTxt.ellipsis {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all}
.oDialogs_new .dialog_footer {display:flex;align-items:center;justify-content:center;column-gap:20px;padding:20px 0 30px 0}
.oDialogs_new .dialog_footer .btnCta {display:flex;align-items:center;justify-content:center;width:200px;height:50px;border-radius:4px}
.oDialogs_new:has(.dialog_footer) .dialog_body:not(:has(.dialog_footer)) {max-height:calc(100vh - 247px);padding-bottom:10px}
.oDialogs_new .dialog_body:has(.dialog_footer) {max-height:none;padding-bottom:0}/* dialog_footer가 dialog_body 안에 있는 경우(배송지관리 > 배송지추가) */
.oDialogs_new .dialog_body:has(.dialog_footer) .maxHt {overflow-y:auto;max-height:calc(100vh - 257px);padding-bottom:10px}
/* 1:1문의 */
.oDialogs_new .dialog_body dl:has(.dispTb) {border:1px solid #EEEEEE}
.oDialogs_new .dialog_body .dispTb {display:flex;font-size:13px}
.oDialogs_new .dialog_body .dispTb.brd {border-top:1px solid #EEEEEE}
.oDialogs_new .dialog_body .dispTb.brd:first-child {border-top:0}
.oDialogs_new .dialog_body .flexShr {flex-shrink:0;width:120px;min-height:44px;padding:13px 10px 0 16px;background:#F7F7F7}
.oDialogs_new .dialog_body .flexShr:has(+ .flexGrw :where(input[type=text], textarea, select, .file_box)) {padding-top:26px}
.oDialogs_new .dialog_body .flexShr .flexShr_sub {font-size:12px}
.oDialogs_new .dialog_body .flexGrw {flex:1;padding:12px 16px}
.oDialogs_new .dialog_body .flexGrw select {width:100%;height:44px;padding:0 40px 0 16px;border:1px solid #E0E0E0;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_down_56.png) no-repeat center right 16px/11px auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:13px}
.oDialogs_new .dialog_body .flexGrw textarea {width:100%;height:150px;border:1px solid #E0E0E0;padding:12px 12px;font-size:13px;line-height:18px}
.oDialogs_new .dialog_body .flexGrw input.ip_checkboxG.small + label {font-size:13px}
.oDialogs_new .dialog_body .flexGrw .file_box {display:flex;column-gap:10px}
.oDialogs_new .dialog_body .flexGrw .attachBtn {position:relative;width:70px;height:70px;background:#F0F0F0}
.oDialogs_new .dialog_body .flexGrw .attachBtn::after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.03);z-index:1}
.oDialogs_new .dialog_body .flexGrw .attachBtn img {width:100%;height:100%;object-fit:cover}
.oDialogs_new .dialog_body .flexGrw label.attachBtn {background:#EEEEEE url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_plus_gray_60.png) no-repeat center/20px auto}
.oDialogs_new .dialog_body .flexGrw .attachBtn:not(.attach-img) img {width:20px;height:20px}
.oDialogs_new .dialog_body .flexGrw .attach-img::before {content:'';display:block;position:absolute;top:0;right:0;width:22px;height:22px;background:rgba(0,0,0,0.6) url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cross_56.png) no-repeat center/10px auto;z-index:2}
.oDialogs_new .dialog_body .flexGrw.radioItem {display:flex;flex-wrap:wrap;gap:8px 20px}
.oDialogs_new .dialog_guide ul {display:flex;flex-wrap:wrap;flex-flow:column wrap;row-gap:4px}
.oDialogs_new .dialog_guide li {width:100%;padding-left:6px;font-size:13px;line-height:15px;color:#828282}
.oDialogs_new .dialog_guide li b {font-weight:400;color:#333333}
.oDialogs_new .dialog_guide li::before {content:'';display:inline-block;width:2px;height:2px;margin:7px 4px 0 -6px;border-radius:50%;background:#828282;vertical-align:top}
/* 배송지 등록/입력 */
.oDialogs_new .dispIp {display:flex;flex-direction:column;row-gap:27px}
.oDialogs_new .dispIp .ipLabel {display:block;padding-bottom:10px;font-weight:500;font-size:14px}
.oDialogs_new .dispIp input[type=text] {width:100%;height:44px;padding:0 16px;border:1px solid #E0E0E0;border-radius:4px}
.oDialogs_new .dispIp input[readonly] {background:#F7F8F9;color:#828282}
.oDialogs_new .dispIp dd:has(.addr_zonecode) {display:flex;flex-wrap:wrap;gap:10px 10px}
.oDialogs_new .dispIp .addr_zonecode {flex:1}
.oDialogs_new .dispIp .btn_addr_zonecode {height:44px;padding:0 20px;border:1px solid #E0E0E0;border-radius:4px;background:#F4F4F4;color:#6B6B6B}/* 주소검색 버튼 */
.oDialogs_new .dispIp .errorTxt {margin-top:5px;font-size:12px;line-height:20px;color:#E53433}
.oDialogs_new .dispIp .boldTxt {margin-top:5px;font-weight:600;font-size:12px;line-height:20px}
.oDialogs_new .dispIp .ipBtn {display:flex;flex-wrap:wrap;gap:10px}
.oDialogs_new .dispIp .ipBtn input[type=radio] {display:block;position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px}
.oDialogs_new .dispIp .ipBtn label {flex:1;display:flex;align-items:center;justify-content:center;min-width:calc((100% - 30px) / 4);height:46px;border:1px solid #E0E0E0;border-radius:4px}
.oDialogs_new .dispIp .ipBtn input:checked + label {border-color:#6BA43A;background-color:#6BA43A;color:#FFFFFF}
.oDialogs_new .dispIp .ipBtn :where(input#entPassCode, input#entEtc, input#incEntPassCode, input#incEntEtc):checked ~ .dpNone {display:block!important}
/* 구매후기 작성 */
.oDialogs_new .productList .wrapBox { display:flex; padding:0 0 20px 0; border-bottom:1px solid #eee; }
.oDialogs_new .productList .wrapBox:after { content:""; display:block; clear:both; height:0px; padding:0; margin:0; overflow:hidden; }
.oDialogs_new .productList .wrapImg { width:110px; flex:0 0 110px; height:110px; background-color:#f7f7f7; border-radius:4px; overflow:hidden; }
.oDialogs_new .productList .wrapImg img { width:100%; height:100%; object-fit:contain; filter:brightness(0.97); }
.oDialogs_new .productList .wrapInfo { max-width:calc(100% - 110px); display:flex; flex-direction:column; justify-content:center; padding:0 0 0 20px;  }
.oDialogs_new .productList .wrapInfo strong { font-weight:400;  }
.oDialogs_new .productList .wrapInfo .info_title_option { color:#828282; }
.oDialogs_new .exceedTxt {padding-top:20px;color:#828282}
.oDialogs_new .exceedTxt b {font-weight:400;color:#333333}
/* 환불요청 */
.oDialogs_new #refundType1Wrap {line-height:22px}
.oDialogs_new .dialog_body .flexGrw #previewRefundImage.attach-img::before {display:none}

/********************************************************/
/********************************* 팝업폼 : 마이페이지 > 배송 주소록 팝업입니다3*/
/********************************************************/
.oDialogs.oDialog_wdS { display:none; font-size:14px;  }

.oDialogs.oDialog_wdS.od400 .dialog_wrap {width:400px}
.oDialogs.oDialog_wdS.open { display:block; }
.oDialogs.oDialog_wdS .dialog_wrap {position:fixed; left:50%; top:50%; width:500px; min-height:470px; height:90%; max-height:90%; margin:0 auto; padding:20px 20px 40px; background-color:#fff; border:1px solid #eee; z-index:600; transform:translate(-50%, -50%); }
.oDialogs.oDialog_wdS .dialog_body {height:calc(100% - 17px); padding:0 0 1px 0; overflow-y:auto;/*  box-shadow:inset 0 -5px 8px -10px #000; */ overscroll-behavior:contain; }
.oDialogs.oDialog_wdS .dialog_body .noResult { display:block; line-height:158px; text-align:center; color:#828282; }
.oDialogs.oDialog_wdS .dialog_body .oasisLPcon1 + .infoArea { padding-top:20px; } 
.oDialogs.oDialog_wdS .dialog_body .infoArea ul { line-height:24px; }
.oDialogs.oDialog_wdS .dialog_body .infoArea ul li { padding-left:7px; color:#828282; }
.oDialogs.oDialog_wdS .dialog_body .infoArea ul li:before { content:"\00b7"; display:inline-block; }
.oDialogs.oDialog_wdS .dialog_body .infoArea ul li b { font-weight:400; color:#333; }
.oDialogs.oDialog_wdS .dialog_body .btnsArea { text-align:center; padding:30px 0 0 0; }
.oDialogs.oDialog_wdS .dialog_body .btnsArea > a { display:inline-block; width:200px; height:50px; line-height:50px; margin-left:20px; border:1px solid #e2e2e2; border-radius:4px; font-size:14px; }
.oDialogs.oDialog_wdS .dialog_body .btnsArea > a:first-of-type { margin-left:0px; }
.oDialogs.oDialog_wdS .dialog_body .btnsArea > a.next { border:1px solid #6ca437; background-color:#6ca437; color:#fff; }
.oDialogs.oDialog_wdS .dialog_body .formArea input::placeholder,
.oDialogs.oDialog_wdS .dialog_body .formArea textarea::placeholder { color:#828282; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl > div { width:100%; padding:27px 0 0 0; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl dt {padding-bottom:12px;}
.oDialogs.oDialog_wdS .dialog_body .formArea dl dd { }
.oDialogs.oDialog_wdS .dialog_body .formArea dl dt.textBlind { text-indent:-99999px; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.textarea dt { line-height:36px; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.radio label { margin-left:60px; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.radio label:first-of-type { margin-left:0; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.select select {  width:250px; height:45px; padding:0 0 0 15px; background-color:rgba(255,255,255,0.01); border:1px solid #e0e0e0; line-height:45px; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.select select + label { width:0px; height:0px; position:relative; font-size:0px; line-height:0px; color:#fff; z-index:-1; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.select select + label::before { content:""; display:block; position:absolute; left:-28px; top:-10px; transform:rotate(45deg); width:7px; height:7px; border:1px solid #494949; border-width:0 1px 1px 0; transition:transform 0.3s; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.text input { width:100%; height:45px; padding:0 16px; border:1px solid #e0e0e0;border-radius:5px}
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.address input[type="text"] {width:100%; height:45px; padding:0 0 0 15px; border:1px solid #e0e0e0;border-radius:5px}
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.textarea dd { position:relative; padding-bottom:0; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.textarea textarea { width:440px; height:150px; padding:12px 15px; border:1px solid #e0e0e0; font-size:12px; line-height:18px; color:#828282; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.textarea .commentLength_wrap { position:absolute; right:35px; bottom:15px; line-height:16px; font-size:10px; color:#ccc; font-weight:300; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div:nth-of-type(1).textarea dt,
.oDialogs.oDialog_wdS .dialog_body .formArea dl div:nth-of-type(1).textarea dd { padding-top:25px; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.check dd { padding-bottom:0; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.file p { font-size:12px; color:#828282; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.file .file_box { line-height:0px; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.file .file_box a { display:inline-block;; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.file .file_box span  { display:inline-block; position:relative; overflow:hidden; width:70px; height:70px; margin-right:6px; background-color:#eee; text-align:center; line-height:70px; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.file .file_box span:first-child { display:block; width:70px; height:70px; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.file .file_box span img { width:50%; height:auto; filter:brightness(0.97); vertical-align:middle; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.file .file_box a.attach-img span img { width:100%; height:100%; object-fit:cover; }
/* .oDialogs.oDialog_wdS .dialog_body .formArea dl div.file .file_box a.attach-img span { display:block; position:absolute; right:0; top:0; overflow:hidden; width:28px; height:28px; padding-left:28px; } */
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.file .file_box a.attach-img span::after { content:"\2715"; display:block; width:28px; height:28px; position:absolute; right:0; top:0; background-color:rgba(0,0,0,0.8); font-size:22px; font-weight:700; line-height:26px; text-align:center; color:#fff; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.address { position:relative; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.address .addr_deliveryDefault {margin-top:0;}
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.address .addr_deliveryDefault label::before { margin-top:0px; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.address input.addr_zonecode { width:351px}
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.address a.btn_addr_zonecode {display:inline-flex; align-items:center;padding:0 20px; background-color:#f4f4f4; margin-left:6px;border-radius:5px;border:1px solid #e0e0e0;color:#6b6b6b;height:45px}
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.address a.btn_addr_zonecode ~ input {margin-top:10px}
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.address dd > p { margin-top:0; line-height:20px; font-size:12px; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.address dd p#deliveryType { color:#e53433; margin-top:5px; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.address dd p#deliveryType + p { font-weight:700; }
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.radio_list dd {position:relative;display:flex;flex-wrap:wrap;justify-content:space-between}
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.radio_list dd label {display:flex;align-items:center;width:calc(33.33% - 4px);border:1px solid #e0e0e0;font-size:14px;height:46px;justify-content:center;border-radius:5px;cursor:pointer;}
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.radio_list dd input:checked+label {background-color:#6ba43a;border-color:#6ba43a;color:#fff}
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.radio_list dd input[type=text] {border-radius:5px;height:45px;padding:0 16px;border:1px solid #e0e0e0;width:100%;margin-top:10px}
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.radio_list dd input:checked ~ input[type=text] {display:block !important;}
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.radio_list dd input#entFree:checked ~ #entranceMethodValue {display:none !important;}
.oDialogs.oDialog_wdS .dialog_body .formArea dl div.radio_list dd input#incEntFree:checked ~ #incEntranceMethodValue {display:none !important;}
.oDialogs.oDialog_wdS.hetA .dialog_wrap { min-height:180px; height:auto; }
.oDialogs.oDialog_wdS.hetA .dialog_body > p.msg { padding:40px 0 20px 0; text-align:center; }

/* 마이페이지 > 주문내역 > 추가 주문하기 안내 팝업 */
.oDialogs.addOrder .dialog_wrap {min-height:0;height:auto}
.oDialogs.addOrder .dialog_wrap .dialog_step .step {padding:35px 0 35px 143px;font-size:15px;line-height:20px;color:#707070;text-align:left;word-break:keep-all}
.oDialogs.addOrder .dialog_wrap .dialog_step .step.step1 {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_addOrder_step1_66.png) no-repeat left 52px center/33px auto}
.oDialogs.addOrder .dialog_wrap .dialog_step .step.step2 {background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_addOrder_step2_190.png) no-repeat left 28px center /96px auto}
.oDialogs.addOrder .dialog_wrap .dialog_step .step + .step {border-top:1px solid #EAEAEA}
.oDialogs.addOrder .dialog_wrap .dialog_step .step .num {display:block;margin-bottom:5px;font-weight:500;color:#000}
.oDialogs.addOrder .dialog_wrap .btnsArea {padding-top:0}

.tab3 .bx-controls .bx-controls-direction .bx-prev,
.tab3 .bx-controls .bx-controls-direction .bx-next {display:inline-block;width:23px;height:23px;line-height:23px;overflow:hidden;position:absolute;background-color:#f7f7f7;color:#333;text-indent:0px;padding:0px;margin:0px;left:initial;}
.tab3 .bx-controls .bx-controls-direction .bx-prev { }
.tab3 .bx-controls .bx-controls-direction .bx-next { right:5px; }
.tab3 .bx-controls .bx-controls-direction .bx-prev:before,
.tab3 .bx-controls .bx-controls-direction .bx-next:before { content:""; display:inline-block; width:23px; height:23px; line-height:23px; text-align:center; font-size:30px; margin-top:-4px; }
.tab3 .bx-controls .bx-controls-direction .bx-prev:before {content:"\2039";}
.tab3 .bx-controls .bx-controls-direction .bx-next:before { content:"\203A"; }

.agreeDeliveryCont {border-top:8px solid #f4f4f4;padding:20px 0 0;margin:20px 0 0}
.agreeDeliveryCont > p {font-size:14px;color:#6b6b6b;margin-top:16px}
.agreeDeliveryCont .btmTermsBox {margin-top:14px;border:1px solid #e0e0e0;padding:16px 30px;font-size:14px;color:#6b6b6b}
.agreeDeliveryCont .btmTermsBox dt {padding-bottom:0}
.agreeDeliveryCont .btmTermsBox dd {padding-left:14px;margin-top:10px}
.agreeDeliveryCont .btmTermsBox dd strong {display:inline-block;width:52px;font-weight:normal;margin-right:8px}
.agreeDeliveryCont .btmTermsBox dd b {font-weight: 500;}

/********************************************************/
/*********************************장바구니/결제::정기배송 > 달력 ( datepicker 관련 ) */
/********************************************************/
/* .calDimm .dimm {display: block!important; transform: all .3s ease-in-out;} */
.ui-datepicker.oCalendar, .ui-datepicker.oCalendar *::before, .ui-datepicker.oCalendar *::after  {box-sizing: border-box;}
.ui-datepicker.oCalendar {margin: 0 auto; width: 90%; padding: 18px 14px 30px 14px; border-radius: 4px; font-family: 'Spoqa Han Sans Neo';}
.ui-datepicker.oCalendar .ui-datepicker-header {padding: 0; border: 0; background: #fff;}
.ui-datepicker.oCalendar .ui-datepicker-title {margin: 0 auto; font-size: 18px; color: #424242;}
.ui-datepicker.oCalendar table {margin: 10px 0 0 0;}
.ui-datepicker.oCalendar thead {background: #f7f7f7;}
.ui-datepicker.oCalendar thead th {height: 29px; padding: 0; font-weight: 400; font-size: 14px; color: #444; line-height: 29px;}
.ui-datepicker.oCalendar th.ui-datepicker-week-end:first-child {color: #f81138;}
.ui-datepicker.oCalendar td {width: 45px; height: 45px; padding: 0; line-height: 45px; text-align: center;}
.ui-datepicker.oCalendar td.ui-datepicker-today,
.ui-datepicker.oCalendar td.ui-datepicker-today.ui-datepicker-current-day {height: auto; border: 1px solid #333; background: #fff; color: #333;}
.ui-datepicker.oCalendar td.ui-datepicker-today a,
.ui-datepicker.oCalendar td.ui-datepicker-today.ui-datepicker-current-day a {background: #fff;color: #333; line-height: 20px;}
.ui-datepicker.oCalendar td.ui-datepicker-today a::after,
.ui-datepicker.oCalendar td.ui-datepicker-today.ui-datepicker-current-day a::after {content: '오늘'; display: block; background: #fff; font-size: 10px; color: #333; line-height: 14px;}
.ui-datepicker.oCalendar td.ui-datepicker-current-day {border: 1px solid #333; background: #333; color: #fff;}
.ui-datepicker.oCalendar td.ui-datepicker-current-day a {height: auto; background: #333; color: #fff; line-height: 20px;}
.ui-datepicker.oCalendar.shippingDt td.ui-datepicker-current-day a:after {content: '출고일'; display: block; background: #333; font-size: 10px; font-weight: 500; color: #fff; line-height: 14px;}
.ui-datepicker.oCalendar td.ui-datepicker-current-day a:after {content: '수령일'; display: block; background: #333; font-size: 10px; font-weight: 500; color: #fff; line-height: 14px;}
.ui-datepicker.oCalendar .ui-state-default, .ui-datepicker.oCalendar .ui-widget-content .ui-state-default, .ui-datepicker.oCalendar .ui-widget-header .ui-state-default {width: 100%; height: 100%; padding: 0; border: 0; background: #fff; font-weight: 400; font-size: 15px; color: #333; text-align: center;}
.ui-datepicker.oCalendar .ui-datepicker-prev, .ui-datepicker.oCalendar .ui-datepicker-next {width: 25px; height: 25px; line-height: 25px; text-align: center;}
.ui-datepicker.oCalendar .ui-datepicker-prev span, .ui-datepicker.oCalendar .ui-datepicker-next span {display: none;}
.ui-datepicker.oCalendar .ui-datepicker-prev::after, .ui-datepicker.oCalendar .ui-datepicker-next::after {content: ''; display: inline-block; width: 11px; height: 11px; border: 1px solid #333; transform: rotate(45deg);}
.ui-datepicker.oCalendar .ui-datepicker-prev::after {border-width: 0 0 1px 1px;}
.ui-datepicker.oCalendar .ui-datepicker-next::after {border-width: 1px 1px 0 0;}
.ui-datepicker.oCalendar td.ui-state-disabled, .oCalendar .ui-widget-content .ui-state-disabled, .oCalendar .ui-widget-header .ui-state-disabled {opacity: .4;}
.ui-datepicker.oCalendar .ui-state-disabled.ui-datepicker-other-month {opacity: .2;}
.ui-datepicker.oCalendar .ui-datepicker-buttonpane {margin: 40px 0 0 0; border-top: 0;}
.ui-datepicker.oCalendar .ui-datepicker-buttonpane::after {content: ''; display: block; clear: both;}
.ui-datepicker.oCalendar .ui-datepicker-current {display: none;}
.ui-datepicker.oCalendar .ui-widget-content .ui-datepicker-close {height: 43px; margin: 0; border-radius: 4px; background: #6ba543; color: #fff;}

/* 정기배송 결제완료 */
.complete_view {font-family: 'Spoqa Han Sans Neo'; }
.complete_view{padding: 80px 32px 0 32px; border-bottom: 0;}
.complete_view p.appendPaymentPrice {margin-bottom: 0; padding: 0; font-size: 26px; color: #6ba543;}
.complete_view p.appendPaymentPrice span {font-size: 16px;}
.complete_view p.appendCompletionTxt {margin-bottom: 0; padding: 10px 0 0 0; font-size: 16px;}
.complete_view .receiptDate .rdcFirst {margin-top: 16px;}
.complete_view .receiptDate .rdcFirst dt,
.complete_view .receiptDate .rdcFirst dd {display: inline-block; font-size: 20px;}
.complete_view .receiptDate .rdcFirst dt span[class^="cycle-"] {margin-top: -1px}
.complete_view .receiptDate dl {margin-top: 16px; padding: 50px !important; font-size:1em !important; border-radius:10px; background:#f7f7f7}
.complete_view .receiptDate dl .rcdList dt::before {display: none;}
.complete_view .btnAppendCompletion {display: flex; justify-content: center; margin-top: 50px; padding: 0 32px 50px 32px; border: 0;}
.complete_view .btnAppendCompletion a {flex-grow: 1; height: 30px; margin-left: 13px; text-align: center; border: 1px solid #333; border-radius: 4px; color: #333; line-height: 28px;}
.complete_view .btnAppendCompletion a:first-child {margin-left: 0;}
.complete_view .btnAppendCompletion a.btnOrderConfirm {border-color: #6ba543; background: #6ba543; color: #fff;}
span[class^="cycle-"] {font-size:14px; flex-shrink: 0; display: inline-block; min-width: 26px; height: 16px; padding: 0 5px; border-radius: 20px; background: #6ba539; line-height: 16px; color: #fff; text-align: center; /* vertical-align: top; */ box-sizing: border-box;}
span.cycle-1w-1 {background: #1a747c;}/* 1주에 1번 */
span.cycle-2w-1 {background: #1a747c;}/* 2주에 1번 */
span.cycle-1m-1 {background: #6ba539;}/* 1달에 1번 */
span.cycle-stop {background: #828282;}/* 정지 */
span.cycle-del {background: #333333;}/* 해지 */
.col-1w-1 {color: #1a747c;}/* 1주에 1번 */
.col-2w-1 {color: #1a747c;}/* 2주에 1번 */
.col-1m-1 {color: #6ba539;}/* 1달에 1번 */

/*팝업*/
.popupWrap{position:fixed;top: 50%;left: 50%;width: 500px;box-sizing:border-box;background: #fff;z-index:10000001;margin-left: -250px;margin-top: -150px;font-size: 15px;line-height: 40px;}
.popupWrap .popupIn{position:relative}
.popupWrap .popupIn .popupClose{position:absolute; top:0; right:0; width:40px; height:40px; font-size:0; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_58.png) no-repeat 50% 50%; background-size:15px auto}
.popupWrap .popLpTit{display:block; height:30px; padding-top:10px; border-bottom:1px solid #ddd; line-height: 20px; text-align: center; font-size:16px; font-weight:bold; color: #222; letter-spacing: -0.5px}
.popupWrap .popLpTit .logo img{width:auto; height:20px}
.popupWrap .popLpCon{max-height:300px; overflow-y: auto; -webkit-overflow-scrolling: touch; padding:18px 13px}
.redBtn_b{display:inline-block; width:100%; height:38px; line-height:30px; padding:4px 10px 0; background:#6ca437; border:1px solid #6ca437; color:#fff !important; text-align: center; font-size:14px; letter-spacing: -0.5px; box-sizing: border-box}
.grayBtn_b{display:inline-block; width:100%; height:47px; line-height:40px; padding:4px 10px 0; background:#f4f4f4; border:1px solid #dfdfdf; color:#181818 !important; text-align: center; font-size:15px; letter-spacing: -0.5px; box-sizing: border-box}
.grayBtn_b2{display:inline-block; width:100%; height:38px; line-height:30px; padding:4px 10px 0; background:#a2a2a2; border:1px solid #a2a2a2; color:#fff !important; text-align: center; font-size:14px; letter-spacing: -0.5px; box-sizing: border-box}
.ctPopBtn2:after { content:""; display:block; clear:both; height:0px; overflow:hidden;  }
.ctPopBtn2 { position:static; margin-top:30px; }
.ctPopBtn2 a {display: inline-block;width:50%;height:54px;padding-top:11px;float: left;font-size:15px;}

.popupWrap.type2 {display:none;position:fixed;top:0;left:0;width:100%;height:100%;margin:0;background:rgba(0,0,0,0.3);line-height:140%;z-index:1000000;box-sizing:border-box}
.popupWrap.type2 .popupIn {overflow-y:auto;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);width:440px;max-height:90%;margin:0 auto;background:#fff;letter-spacing:-0.24px;overscroll-behavior:contain}
.popupWrap.type2 .popupIn .popupClose {width:52px;height:52px;background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cross_40.png);background-size:16px auto}
.popupWrap.type2 .popupHeader {display:block;padding:47px 34px 23px 34px;font-weight:700;font-size:20px;line-height:30px;letter-spacing:-0.4px;text-align:center;word-break:keep-all}
.popupWrap.type2 .popupHeader .emphasis {color:#E26111}
.popupWrap.type2 .popupBody {padding:0 34px 20px 34px}
.popupWrap.type2 .popupDesc {display:block;font-size:15px;line-height:24px;letter-spacing:-0.5px;text-align:center}
.popupWrap.type2 .prdtBox {border:1px solid #EEEEEE;border-top-color:#6BA439}
.popupWrap.type2 .prdtBox ul {overflow-y:auto;max-height:300px;padding:15px 15px}
.popupWrap.type2 .prdtBox li {display:flex;flex-wrap:wrap}
.popupWrap.type2 .prdtBox li + li {margin-top:12px;padding-top:12px;border-top:1px solid #F4F4F4}
.popupWrap.type2 .prdtBox .imgArea {overflow:hidden;width:60px;height:60px;margin-right:10px;border-radius:5px}
.popupWrap.type2 .prdtBox .imgArea img {width:100%;height:100%;object-fit:cover}
.popupWrap.type2 .prdtBox .infoArea {flex:1;display:flex;flex-wrap:wrap;align-content:center;font-size:13px;line-height:16px}
.popupWrap.type2 .prdtBox .infoArea .ttl {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%;max-height:16px;margin-bottom:8px;font-weight:500}
.popupWrap.type2 .prdtBox .infoArea .price {font-weight:500}
.popupWrap.type2 .prdtBox .infoArea :where(.num, .option) {color:#6B6B6B}
.popupWrap.type2 .prdtBox .infoArea .option::before, .popupWrap.type2 .prdtBox .infoArea .num::before {content:'';display:inline-block;width:1px;height:10px;margin:3px 4px 0 4px;background:#E0E0E0;vertical-align:top}
.popupWrap.type2 .prdtBox + .check {margin-top:12px}
.popupWrap.type2 .prdtBox + .check label {font-size:12px}
.popupWrap.type2 .popupFooter {display:flex}
.popupWrap.type2 .popupFtBtn {flex:1;display:flex;align-items:center;justify-content:center;height:54px;font-weight:500;font-size:15px;color:#FFFFFF}
.popupWrap.type2 .popupFtBtn.color_1 {background:#6BA539}

/* 팝업::공동현관 비밀번호 확인 */
.popupDoorKey .btn_destinationChange {display:block;width:100%;margin-top:20px;background:transparent;font-weight:500;font-size:16px;text-decoration:underline;text-underline-position:under;color:#0C520A;text-align:center;cursor:pointer}


/* 메인::이벤트 팝업 */
.oEvent_pop.none {display: none;}
.oEvent_pop::after {content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(51, 51, 51, .2); z-index: 110;}
.oEvent_pop .oEvent_wrap {overflow: hidden; display: block; position: fixed; top:calc(50% - 88px); left: 50%; transform: translate(-50%, -50%); width: 396px; /* height: 410px; */ height:auto; max-height: 90%; z-index: 111;}
.oEvent_pop .oEvent_header {position: relative; padding-bottom:50px; }
.oEvent_pop ul li a {display:block;overflow: hidden;border-radius:6px 6px 0 0}
.oEvent_pop ul li a img {width: 100%;}
.oEvent_pop .swiper-button-next, .oEvent_pop .swiper-button-prev {width: 40px; height: 50px; margin-top: -25px; background: rgba(51,51,51,.4) center center no-repeat;}
.oEvent_pop .swiper-button-next:hover, .oEvent_pop .swiper-button-prev:hover,
.oEvent_pop .swiper-button-next:focus, .oEvent_pop .swiper-button-prev:focus {background-color: rgba(51,51,51,.9);}
.oEvent_pop .swiper-button-next {right: 0; background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_right_11.png);}
.oEvent_pop .swiper-button-prev {left: 0; background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_left_11.png);}
.oEvent_pop .swiper-pagination .swiper-pagination-bullet {opacity: 1; width: 10px; height: 10px; background: rgba(255,255,255,.5); transition: all .2s ease-in-out;}
.oEvent_pop .swiper-pagination .swiper-pagination-bullet-active {width: 20px; border-radius: 5px; background: #fff;}
.oEvent_pop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0;}
.oEvent_pop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 6px;}
.oEvent_pop .swiper-container-horizontal>.swiper-pagination-bullets, .oEvent_pop .swiper-pagination-custom {bottom: 16px;}
.oEvent_pop .oEvent_footer {display: table; position:absolute; left:0; bottom:0; z-index:10; width: 100%; height: 50px; background: #fff; line-height: 50px; text-align: center;}
.oEvent_pop .oEvent_footer a {display: table-cell; position: relative; font-size: 14px;}
.oEvent_pop .oEvent_footer a:nth-of-type(1) {width: 67%;}
.oEvent_pop .oEvent_footer a:nth-of-type(2) {width: 33%;}
.oEvent_pop .oEvent_footer a + a::before {content: ''; display: block; position: absolute; top: 18px; left: 0; width: 1px; height: 14px; background: #e0e0e0;}
.oEvent_wrap .swiper-pagination-fraction {gap:0 4px;width:50px;height:22px;bottom: 64px;display:inline-flex;justify-content: center; align-items: center;padding: 0 7px;border-radius: 100px;background-color: rgba(0,0,0,0.5);font-size: 12px;z-index: 10;color:rgba(255,255,255,.5);left:50%;transform:translateX(-50%)}
.oEvent_wrap .swiper-pagination-fraction .swiper-pagination-current {font-weight:bold;color:#fff}



/* 렌탈::상세 */
.oRentDetail *, .oRentDetail *::before, .oMyoRentDetailRental *::after {box-sizing: border-box;}
.oRentDetail .oContainer .currentPath {padding-left: 0;}
.oRentDetail .oContainer .currentPath a {color: #707070;}
.oRentDetail .oContainer .currentPath strong {font-weight: 400; color: #707070;}
.oRentDetail .detailTopInfo .textArea .textContents dl .innerStep {margin: 10px 0 10px 0; padding: 30px 16px; background: #f7f7f7; text-align: center;}
.oRentDetail .innerStep .innTit {font-size: 16px; line-height: 18px;}
.oRentDetail .innerStep .innTxt {padding-top: 5px; font-size: 14px; color: #828282;}
.oRentDetail .innerStep ol {display: inline-block; padding-top: 20px;}
.oRentDetail .innerStep ol::after {content: ''; display: block; clear: both;}
.oRentDetail .innerStep ol li {float: left; position: relative; width: 60px; height: 60px; padding: 12px; border: 1px solid #e0e0e0; border-radius: 5px; background: #fff; font-size: 14px; line-height: 18px;}
.oRentDetail .innerStep ol li + li {margin-left: 44px;}
.oRentDetail .innerStep ol li + li::before {content: ''; display: inline-block; position: absolute; top: 24px; left: -28px; width: 5px; height: 5px; border: 1px solid #e0e0e0; border-width: 1px 1px 0 0; transform: rotate(45deg);}
.oRentDetail .detailTopInfo .textArea .textContents dl dd {color: #333;}
.oRentDetail .detailTopInfo .textArea .textContents dl dd em::before {content: ''; display: inline-block; width: 1px; height: 14px; margin: 5px 10px 0 10px; background: #e0e0e0; vertical-align: top;}
/* .oRentDetail .detailTopInfo .textArea .textContents dl > div {border-bottom: 0;} */
/* .oRentDetail .detailTopInfo .textArea .textContents dl > div.price {border-bottom: 2px solid #f7f7f7;} */
.oRentDetail .detailTopInfo .starShare .detailStar a::before {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_star_15_blue.png);}
.oRentDetail .detailTopInfo .textArea .textContents dl div.price dd strong {color: #18409a;}
.oRentDetail .tableCom .reply_end {color: #18409a;}
.oRentDetail .commentWrap .cmTitWrap .cmTit_on,
.oRentDetail .commentWrap .cmTitWrap .cmTit_on span,
.oRentDetail .commentWrap .cmTit:hover, .commentWrap .cmTit2:hover,
.oRentDetail .tableCom .comMore td .txt_qna_end {color: #18409a;}
.oRentDetail .commentWrap .cmStarBg p {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_star_75_blue.png);}

/* .oRentDetail .requestWrap {display: block;} */
.oRentDetail .requestWrap .popArea {overflow-y: auto; width: 560px; max-height: 90%; padding: 0 0 40px 0;}
.oRentDetail .requestWrap .popHeader {position: relative;}
.oRentDetail .requestWrap .popHeader .title {height: 60px; font-size: 20px; line-height: 60px; text-align: center;}
.oRentDetail .requestWrap .popHeader a {display: block; position: absolute; top: 22px; right: 20px; width: 16px; height: 16px; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cross_14.png) no-repeat; background-size: 16px auto;}
.rentalProduct {display: flex; align-items: flex-start; padding: 30px 30px; font-size: 16px;}
.rentalProduct .rentThumb {flex-shrink: 0; position: relative; width: 100px; height: 100px; border-radius: 5px; overflow: hidden; }
.rentalProduct .rentThumb img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%;}
.rentalProduct .rentThumb a {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.03); z-index: 2;}
.rentalProduct .rentTxt {flex-grow: 1; padding-left: 20px;}
.rentalProduct .rentTxt .rentBus span {display: block; padding-bottom: 5px; color: #18409a;}
.rentalProduct .rentTxt .rTit {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; width: 100%; max-height: 48px; line-height: 24px;}
.rentalProduct .rentTxt .rPrice {padding-top: 10px; font-weight: 700;}
.rentalProduct .rentTxt dl {padding-top: 5px; font-size: 14px;}
.rentalProduct .rentTxt dl::after {content: ''; display: block; clear: both;}
.rentalProduct .rentTxt dl dt,
.rentalProduct .rentTxt dl dd {float: left;}
.rentalProduct .rentTxt dl dt {clear: both; padding-right: 2px;}
.requestWrap section { border-top: 8px solid #f7f7f7;}
.requestWrap form {padding: 22px 30px 24px 30px; border-top: 1px solid #eee;}
.requestWrap form .rentalForm h3 {padding: 0 0 14px 0; font-weight: 700; font-size: 16px;}
.requestWrap form .rentalForm input {width: 100%; height: 50px; padding: 0 16px; border: 1px solid #e0e0e0; border-radius: 5px; font-size: 16px; line-height: 50px;}
.requestWrap form .rentalForm .formTxt + h3 {padding-top: 30px;}
.requestWrap form .rentalForm textarea {width: 100%; padding: 16px; border: 1px solid #e0e0e0; border-radius: 5px; font-size: 16px; resize: none;}
.requestWrap form .rentalForm textarea::placeholder {color: #B2B2B2;}
.requestWrap form .rentalForm.showAll .formTxt {border: 1px solid #e0e0e0; border-radius: 5px;}
.requestWrap form .rentalForm.showAll .formTxt .agreeTxt {display: block;  position: relative; width: 100%; padding: 15px 16px 14px 16px;}
.requestWrap form .rentalForm.showAll .formTxt .agreeTxt a {position: absolute; top: 18px; right: 16px; width: 14px; height: 14px; padding: 3px 4px; text-align: center;}
.requestWrap form .rentalForm.showAll .formTxt .agreeTxt a::after {content: ''; display: block; width: 6px; height: 6px; border: 1px solid #333; border-width: 1px 1px 0 0; transform: rotate(135deg);}
.requestWrap form .rentalForm .formTxt .rtTermsBox {display: none;padding: 19px 20px 30px}
.requestWrap form .rentalForm.active .formTxt .rtTermsBox {display:block;border-top: 1px solid #eee}
.requestWrap form .rentalForm .formTxt p {font-size:16px;margin-bottom:16px;line-height:1.2;}
.requestWrap form .rentalForm .formTxt dl { font-size: 16px;}
.requestWrap form .rentalForm.active .formTxt dl {display: block;}
.requestWrap form .rentalForm.active .formTxt .agreeTxt a {padding: 5px 4px;}
.requestWrap form .rentalForm.active .formTxt .agreeTxt a::after {transform: rotate(-45deg);}
.requestWrap form .rentalForm .formTxt dl dt {padding-bottom: 5px;}
.requestWrap form .rentalForm .formTxt dl dt::before {content: ''; display: inline-block; width: 2px; height: 2px; margin: 8px 4px 0 0; border-radius: 50%; background: #333; vertical-align: top;}
.requestWrap form .rentalForm .formTxt dl dd {display: block; padding-left: 6px; color: #828282; line-height: 24px;}
.requestWrap form .rentalForm .formTxt dl dd + dt {padding-top: 20px;}
.requestWrap input.ip_checkboxG[type=checkbox] + label {padding-left: 34px; font-size: 16px;}
.requestWrap input.ip_checkboxG[type=checkbox]:checked + label::before {background-color: #18409a; background-size: 56% auto;}
.requestWrap .box02 form {padding-bottom: 20px; border-top: 0;}
.requestWrap .btnRental {display: flex; align-items: center; width: 100%; padding: 0 30px;}
.requestWrap .btnRental a {flex-shrink: 0; width: 100%; height: 50px; line-height: 50px;}
.requestWrap .btnRental a + a {margin-left: 10px;}

/* 메인::타임특가/한정특가 목록 */
.timeSaleWrap {min-width:1200px;margin:0 auto}
.timeSaleWrap .currentPath {padding:40px 0 60px 0}
.timeSaleWrap .oTimeBanner {height:400px;background:linear-gradient(to right, #e8e6e7 50%, #e4e4e4 50%)}
.timeSaleWrap .timeTxtImg {position:relative;height:400px;margin:0 auto;background:url(https://oasisprodcom.edge.naverncp.com/pc/img/img_timeSale_bg.jpg) no-repeat center 0/auto 100%}
.timeSaleWrap .timeTxtImg h1 {font-size:44px;font-family:'Geologica';line-height:1.1365}
.timeSaleWrap .timeTxtImg p {margin-top:20px;font-size:18px;line-height:1.334}
/* .timeSaleWrap .timeTxtImg svg {overflow: visible; position: absolute; top: 58%; left: 46%; width: 80px; height: 120px;} */
.timeSaleWrap.oTimeSale .com_timerArea.ac_time,
.timeSaleWrap.oEndSale .com_timerArea.ac_end {display:block}
.timeSaleWrap h2 {display:block;width:1200px;margin:0 auto 22px auto;font-weight:700;font-size:22px;line-height:24px;}
.timeSaleWrap .oPriceTab {display:flex;justify-content:center;max-width:1200px;margin:0 auto;border-top:2px solid #333333;border-bottom:1px solid #E0E0E0}
.timeSaleWrap .oPriceTab a {flex:1;display:flex;justify-content:center;align-items:center;position:relative;height:82px;font-size:16px}
.timeSaleWrap .oPriceTab a::before {content:'';display:none;position:absolute;top:20px;left:50;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#333333}
.timeSaleWrap .oPriceTab a+a {border-left:1px solid #fff}

/* 상생특가 배너 */
.oSpecialBanner {display:none;max-width:1200px;margin:20px auto -16px auto;}
.oCouponSale .oSpecialBanner {display:block}
.oSpecialBanner img {width:100%}

.timeSaleWrap.oTimeSale .timeTab,
.timeSaleWrap.oLimitedSale .limitedTab,
.timeSaleWrap.oBrandSale .brandTab,
.timeSaleWrap.oEndSale .endTab,
.timeSaleWrap.oCouponSale .couponTab {font-weight:700}

.timeSaleWrap.oTimeSale .timeTab::before,
.timeSaleWrap.oLimitedSale .limitedTab::before,
.timeSaleWrap.oBrandSale .brandTab::before,
.timeSaleWrap.oEndSale .endTab::before,
.timeSaleWrap.oCouponSale .couponTab::before {display:block}

.timeSaleWrap .oProductList {margin-top:40px}
.timeSaleWrap .status {position:absolute;left:0;bottom:0;width:100%;z-index:1;/*background:rgba(51, 51, 51, .8)*/;display:flex;align-items:center;justify-content:flex-end}
/* .timeSaleWrap.oTimeSale .status {background:rgba(47, 106, 70, .8)}
.timeSaleWrap.oLimitedSale .status {background:rgba(44, 71, 127, .8)} */
/* .timeSaleWrap .oProductList .badgeTxt {display:none;max-width:none;left:10px;top:10px}
.timeSaleWrap .oProductList .badgeTxt .badgeTxt-special {font-size:14px} */
.timeSaleWrap.oTimeSale .badgeTxt span.badgeTxt-special {background:rgba(47, 106, 70, .8)}
.timeSaleWrap.oTimeSale .badgeTxt span.badgeTxt-special:before {content:'타임'}
.timeSaleWrap.oLimitedSale .badgeTxt span.badgeTxt-special {background:rgba(44, 71, 127, .8)}
.timeSaleWrap.oLimitedSale .badgeTxt span.badgeTxt-special:before {content:'한정'}
.timeSaleWrap.oBrandSale .badgeTxt span.badgeTxt-special {background:rgba(252, 72, 0, .8)}
.timeSaleWrap.oBrandSale .badgeTxt span.badgeTxt-special:before {content:'브랜드'}
.timeSaleWrap .status .timerArea {display:none}
.timeSaleWrap .status .timerArea .timer {background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_clock_26.png) no-repeat 10px 3px / 18px 18px;padding-left:30px;font-size:15px}
.timeSaleWrap .status .maxNum {display:none;font-weight: 600; font-size: 15px; color: #fff;padding-left:10px}
.timeSaleWrap .status .buyCount {font-size:13px;background: rgba(51,51,51,.9)} /* 241202 임시 삭제 */
.timeSaleWrap .status .buyCount span {display:block;color:#fff;font-weight:300;padding:4px 8px}

.timeSaleWrap .oContainer .listContent .normalList > ul {flex-wrap:wrap}
.timeSaleWrap .oContainer .listContent .listProduct .normalList > ul > li {width:282px}
.timeSaleWrap .oContainer .listContent .listProduct .normalList > ul > li+li+li+li+li {margin-top:40px}
.timeSaleWrap .oContainer .infoArea {height:auto}
.timeSaleWrap .oProductList .infoArea {padding-bottom:0}
.timeSaleWrap .normalList ul li.detailExhaust .infoArea .infoTit a,
.timeSaleWrap .normalList ul li.detailExhaust .infoArea .infoPrice,
.timeSaleWrap .normalList ul li.detailExhaust .infoArea .infoPrice .priceRate {color: #888;}/* 품절인 경우 */
.timeSaleWrap .listProduct .normalList > ul  li.detailExhaust:hover .overView,
.timeSaleWrap .normalList ul li.detailExhaust .status {display: none;}
.timeSaleWrap .imgStatus .soldOutArea {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 240px; height: 32px; margin: auto; border-radius: 4px; box-shadow: 2px 2px 6px grey; background: #dfdfdf; font-size: 14px; color: #333; text-align: center; line-height: 32px; letter-spacing: -0.3px; z-index: 1;}
.subMainProductList .maxNum,
.timeSaleWrap.oTimeSale .maxNum,
.timeSaleWrap.oEndSale .maxNum,
.timeSaleWrap.oCouponSale .maxNum {display:none}
.timeSaleWrap:where(.oTimeSale, .oLimitedSale, .oBrandSale, .oEndSale) .couponPrice {display:none}

/* .timeSvg .line-1 {transform-origin: 5% 2%; animation: spinLine 1s linear infinite; x: 0; y: -25;}
.timeSvg .line-2 {transform-origin: 5% 0%; animation: spinLine 5s linear infinite; x: 0; y: -3;}
.timeSvg .circle-1 {transform: translate(-7px, -7px);}
@keyframes spinLine {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
} */

.rProductInfoWrap {width:100%}
.rProductInfoWrap img {width:100%}
.rProductInfoWrap table {width:100%;}
.rProductInfoWrap td {padding:7px;}
.rProductInfoWrap .changeBtn {display:inline-block; background: #6a8c49;border-radius: 5px;padding: 5px 10px;color: #fff;letter-spacing: -1px;font-size: 10px;}

/* 킴스용 css */
.kimsCont_block {display:none !important;}
body:not(.kimsOasis) .kimsCont_block {display:none !important;}
.kimsOasis .kimsCont_block {display:inline-block !important}
.kimsOasis .kimsCont_none {display:none !important}

/* 선물하기::앱에서 확인하세요 */
.giftConfirm {padding:80px 0;text-align:center}
.giftConfirm .confirmTxt::before {content:'';display:block;width:90px;height:90px;margin:0 auto 40px auto;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_logo_180.png) no-repeat center/100% auto}
.giftConfirm .confirmTxt .mainTxt {font-weight:700;font-size:30px;line-height:37px;letter-spacing:-1.5px}
.giftConfirm .confirmTxt .subTxt {margin-top:18px;font-size:16px;line-height:26px;letter-spacing:-0.8px}
.giftConfirm .innerBox {display:flex;flex-wrap:wrap;justify-content:center;width:400px;margin:37px auto 0 auto;padding:30px 20px;background:#F7F8F9;text-align:center}
.giftConfirm .innerBox .boxTxt {flex-shrink:0;width:100%;margin-top:17px;font-weight:500;font-size:16px;letter-spacing:-0.8px}
.giftConfirm .innerBox .appBox {display:flex;align-items:flex-end;}
/* .giftConfirm .innerBox .appBox.ios {padding-right:55px} */
.giftConfirm .innerBox .appBox .qrcode {width:100px;height:100px}
.giftConfirm .innerBox .appBox .qrcode img {width:100%}
.giftConfirm .innerBox .appBox .txt {font-size:14px;letter-spacing:-0.7px}
.giftConfirm .innerBox .appBox .txt::before {content:'';display:inline-block;margin-right:4px;background:no-repeat center/100% auto;vertical-align:top}
.giftConfirm .innerBox .appBox.ios .txt::before {width:18px;height:22px;margin-top:-7px;background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_appstore_36.png)}/* iOS */
.giftConfirm .innerBox .appBox.and .txt::before {width:16px;height:17px;margin-top:-3px;background-image:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_googleplay_32.png)}/* And */
.giftConfirm .confirmBtn {margin-top:48px}
.giftConfirm .confirmBtn a {width:240px;border-radius:0;font-weight:500;font-size:18px;line-height:48px}
/* 첫구매 공유 팝업 */
.dialog_wrap .popMainTtl {margin-bottom:6px;font-weight:700;font-size:16px;line-height:21px;letter-spacing:-0.8px;color:#6BA543}
.dialog_wrap .popSubtxt {font-size:16px;letter-spacing:-0.8px}
.dialog_wrap .popNotice {margin-top:42px}
.dialog_wrap .popNotice .notiLi {padding-left:6px;font-size:14px;line-height:18px;color:#828282;letter-spacing:-0.7px;word-break:keep-all}
.dialog_wrap .popNotice .notiLi::before {content:'\002a';display:inline-block;margin:0 1px 0 -6px;color:#828282;vertical-align:top}
.oDialogs.oDialog_shareFirstbuy .dialog_wrap {width:400px;padding:0 20px 29px 20px;text-align:center}
.oDialogs.oDialog_shareFirstbuy .dialog_header a.btn_close {top:7px;right:-12px}
.oDialogs.oDialog_shareFirstbuy .dialog_body {padding-top:70px}
.oDialogs.oDialog_shareFirstbuy .dialog_body::before {content:'';display:block;width:90px;height:90px;margin:0 auto 36px auto;border-radius:50%;background:#F7F8F9 url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_happy_128.png) no-repeat center/56px auto;text-align:center}
.oDialogs.oDialog_shareFirstbuy .dialog_body .btnsArea {padding-top:20px;letter-spacing:-0.7px}

.sk-item {color:#f7f7f7 !important; background-color:#f7f7f7; border-color:#f7f7f7;
	background: linear-gradient(120deg, #f7f7f7 30%, #f0f0f0 38%, #f0f0f0 40%, #f7f7f7 48%);
    background-size: 200% 100%;
    background-position: 100% 0;
    animation: load-sk 1s infinite !important;
}

@keyframes load-sk {
    100% {
        background-position: -100% 0;
    }
}