@charset "utf-8";

/*******************************
*	메인
********************************/
.mainWrap h2 {padding: 60px 0 14px 0; font-weight: 600; font-size: 2.2rem; text-align: center; font-family: 'Roboto';}
.mainWrap h2.moreView a::after {content: ''; display: inline-block; width: 13px; height: 13px; margin-left: 3px; font-size: 2.6rem; background: url('../img/common/icon_more.png') no-repeat; background-size: 13px 13px;}

.contArea * {font-family: 'Montserrat';font-weight: 500;}
.new_brandMainWrap header {position:fixed;}
.new_brandMainWrap header::after {display:none}
.new_brandMainWrap section {padding:0;text-align:center;}
.new_brandMainWrap section .titMain {text-align: left;font-size:18px;font-weight:bold;padding:60px 16px 0}
.new_brandMainWrap.scroll {padding-top:0}
.new_brandMainWrap.scroll header {background: #fff}
.new_brandMainWrap.scroll header::after {display: block}
.new_brandMainWrap .headerNav {display:none}
.new_brandMainWrap.scroll .contArea {padding-bottom:40px}
.new_brandMainWrap .contArea {padding-top:93px}
#footer {margin-top:60px}

.brandMainWrap.mainSubType header .headerNav {display:none}
.swiper-wrapper .swiper-slide .swiper-lazy-preloader {display:block}
.brandSearchResult .swiper-slide .swiper-lazy-preloader {display:none}
.new_brandMainWrap .swiper-basic .swiper-wrapper .swiper-lazy-loaded,
.swiper_fiveList  .swiper-wrapper .swiper-lazy-loaded {animation:lazy_imgAni .7s cubic-bezier(0, 0, 0.3, 0.99);opacity:1}
@keyframes lazy_imgAni {0%{opacity:0}100%{opacity:1}}

.headerNav_new {}
.headerNav_new ul {display:flex;background-color: #fff;padding:0 5px;transition: all .2s;z-index:100}
.headerNav_new li {flex:1 1 auto;}
.headerNav_new li a {display:block;position:relative;font-size:12px;text-align: center;font-family: 'Montserrat';font-weight: 500;}
.headerNav_new li a .qmenu_img {width:61px;height:61px;border-radius:50%;position:relative;margin:0 auto 8px;overflow:hidden}
.headerNav_new li a .qmenu_img::after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.03);z-index:1}
.headerNav_new li a .qmenu_img img {width:100%;height:100%;}
.headerNav_new li.on a::after {content:'';width:100%;position:absolute;left:0;bottom:0;height:2px;background-color: #000;}
.headerNav_new.fixed + .brandCategory_list {margin-top:54px}
.mainSubType .headerNav_new {border-bottom:1px solid #ededed;}
.mainSubType .headerNav_new li a {padding:19px 0;font-size:14px}
.mainSubType.scroll .headerNav_new ul {position:fixed;left:0;top:50px;width:100%;margin:0;border-bottom:1px solid #ededed}
.mainSubType .visualArea {display:none}
.brandCategoryList .headerNav {display:none}
.brandCategoryList .brandCategory_list {position:static;border-bottom:1px solid #EAEAEA}
.brandCategoryList.scroll .brandCategory_list {position:fixed;top:50px;left:0;width:100%;background: #fff;}

.route2depth_box {padding:20px 0;border-bottom:1px solid #eaeaea}
.route2depth_list {overflow-x:auto;overflow-y: hidden; display:flex;white-space:nowrap;position:relative;padding:0 15px}
.route2depth_list::-webkit-scrollbar {display: none;}
.route2depth_list li {flex:1}
.route2depth_list li+li {margin-left:14px}
.route2depth_list li a {display:block;position: relative; text-align: center;}
.route2depth_list li a .qmenu_img {width:54px;height:54px;border-radius:50%;position:relative;margin:0 auto 8px;overflow:hidden;background:url(https://oasisprodcom.edge.naverncp.com/mobile/img/img_route_nav_default.jpg) no-repeat 0 0 / cover;}
.route2depth_list li a .qmenu_img::after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.03);z-index:1}
.route2depth_list li a em {position:relative;line-height:1.1;display:block;margin-top:7px;font-size:12px;white-space:pre-line;word-break:keep-all;text-align:center;padding:0 5px;font-weight:500;letter-spacing:-.1em}
.route2depth_list li.active a {color:#366007}
.route2depth_list li.active a .qmenu_img {border:2px solid #366007}

.sect_contNav {position:relative;border-bottom:8px solid #F5F6F7}
.sect_contNav .nav_categoryList {width: 100%;overflow: hidden;overflow-x: auto;white-space: nowrap;display:flex;padding:0 50px 0 5px;border-bottom:1px solid #eaeaea}
.sect_contNav .nav_categoryList::-webkit-scrollbar {display:none}
.sect_contNav .nav_categoryList li a {font-size:13px;height:50px;display: inline-flex;justify-content: center;align-items: center;padding: 0 12px;}
.sect_contNav .nav_categoryList li.on a {color:#FF4800}
.sect_contNav.showAll.on .nav_categoryList {white-space:normal;flex-wrap: wrap;padding:20px 15px 10px}
.sect_contNav.showAll.on .nav_categoryList li {margin:0 5px 10px;}
.sect_contNav.showAll.on .nav_categoryList li a {background-color: #f0f0f0;height:40px;padding: 0 16px;border-radius:20px;word-break: keep-all;white-space: nowrap;min-width:68px}
.sect_contNav.showAll.on .nav_categoryList li.on a {color:#FF4800}
.sect_contNav .showOn {position:absolute;right:15px;top:50%;transform: translateY(-50%);height:30px; width:30px; border-radius: 3px;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 0px 6px #00000033;opacity: 0.9;}
.sect_contNav .showOn::after { content:"";position:absolute;left: 50%;top:50%;transform: translate(-50%, -50%); width:17px; height:17px;transition:all 0.3s;background: url(../img/common/btn_show_nav.png) no-repeat 50% 50% / 100% 100%}
.sect_contNav.showAll.on .nav_categoryList + .showOn::after {transform:translate(-50%, -50%) rotate(180deg)}


/* 비주얼*/
.brandMainWrap .visualArea {padding: 0;}
.brandMainWrap .visualArea .swiper-pagination {top: auto; bottom: 20px; left: 0; right: 0; width: 90%; margin: 0 auto; background-color: rgba(255,255,255,.2);}
.brandMainWrap .visualArea .swiper-pagination .swiper-pagination-progressbar-fill {background-color: #fff;}
.new_brandMainWrap .visualArea {padding: 0;position:relative;margin-bottom:28px}
.new_brandMainWrap .visualArea .brandTop_swiperBanner {overflow:hidden}
.new_brandMainWrap .visualArea .brandTop_swiperBanner .swiper-slide {overflow:hidden}
.new_brandMainWrap .visualArea .pagination_progress {top: auto;height: 1px;bottom:25px;left: 25px;right: 0;width: calc(100% - 115px);background-color: rgba(255,255,255,.2);}
.new_brandMainWrap .visualArea .pagination_progress .swiper-pagination-progressbar-fill {background-color: #fff;}
.new_brandMainWrap .visualArea .pagination_fraction {position:absolute;right:57px;left:initial;bottom:25px;width:auto;color:#fff;font-size:11px}

.brandCategory_list {position:fixed;left:0;top:50px;width:100%;z-index:50;}

/*.brandCategory_list .swiper-basic {padding:0 15px}
.brandCategory_list .swiper-basic .swiper-slide {width:105px;}
.brandCategory_list .swiper-basic .swiper-slide+.swiper-slide {margin-left:5px}
.brandCategory_list .swiper-basic .swiper-slide a {display:block;position:relative}
.brandCategory_list .swiper-basic .swiper-slide a strong {color:#fff;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);text-shadow: 0px 3px 6px #00000029;}*/

.brandCategory_list .quickMenuWrap {background:rgba(255,255,255,1);display:flex;padding:0 16px;}
.new_brandMainWrap.scroll .brandCategory_list .quickMenuWrap {background: #fff;border-bottom:1px solid #e0e0e0}
.brandCategory_list .quickMenuWrap::-webkit-scrollbar {display:none}
.brandCategory_list .quickMenuWrap li {text-align:center;flex:1 1 auto}
.brandCategory_list .quickMenuWrap li+li {}
.brandCategory_list .quickMenuWrap li a {width:100%;height:43px;display:inline-flex;align-items:center;position: relative;justify-content:center}
.brandCategory_list .quickMenuWrap li.on a::after {content:'';width:100%;height:2px;background: #000;position:absolute;left:0;bottom:-1px}
.brandCategory_list .quickMenuWrap li.on .qmenu_img {border:2px solid #366007}
.brandCategory_list .quickMenuWrap li.on em {color:#366007;font-weight:bold;}

/* .brandCategory_list .quickMenuWrap li .qmenu_img {width:61px;height:61px;border-radius:50%;position:relative;margin:0 auto 8px;overflow:hidden}
.brandCategory_list .quickMenuWrap li .qmenu_img::after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.03);z-index:1}
.brandCategory_list .quickMenuWrap li .qmenu_img img {width:100%;height:100%;}
.brandCategory_list .quickMenuWrap li .qmenu_img.ico_play::before {content:'';position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);width:27px;height:30px;background:url(../img/main/btn_quick_menu_live.png) no-repeat 0 0 / 100% 100%;z-index:2;margin-left:2px} */
.brandCategory_list .quickMenuWrap li em {font-weight:500;font-size:14px}

.tit_brandMain {margin:30px 20px 19px;font-weight:500;text-align:left;position:relative}
.tit_brandMain em {color:#545454;font-size:13px;display:block;margin-bottom:2px;font-weight:400}
.tit_brandMain strong {font-weight:500;font-size:21px}
.tit_brandMain a {position:absolute;right:0;bottom:2px;font-size:12px;line-height:1.5}
.tit_brandMain a::after {content:'';display:inline-block;width:6px;height:6px;margin:0 0 -1px 2px;border:1px solid #333;border-width:1px 1px 0 0;transform:translateY(-50%) rotate(45deg)}

.btn_brandAll {border-radius: 50px;font-size:13px;height:40px;margin-top:40px;display:inline-flex;align-items:center;border:1px solid #e0e0e0;padding:0 50px}

/* 메인 특가 탭 */
.main_latestList_tab .tabMenu { padding:13px 0 0 0; font-size:0px; width:100%;margin-bottom:-5px}
.main_latestList_tab .tabMenu .innerBox { white-space:nowrap; overflow-x:auto; padding-bottom:1px; }
.main_latestList_tab .tabMenu .innerBox::-webkit-scrollbar { display:none; }
.main_latestList_tab .tabMenu .innerBox > * {min-width:34px;text-align:center; box-sizing:border-box; display:inline-block; padding:0px 6px; margin-right:5px; height:36px; line-height:36px; background-color:#fff;border-radius:0;border:1px solid #EEE;font-size:13px; font-weight:400; white-space:nowrap; -ms-overflow-style:none; vertical-align:top;color:#333}
.main_latestList_tab .tabMenu .innerBox > *:first-of-type { margin-left:16px; }
.main_latestList_tab .tabMenu .innerBox > *:last-of-type { margin-right:16px; }
.main_latestList_tab .tabMenu .innerBox > *.active { background-color:#0C520A;border-color:#0C520A;color:#fff}
.main_latestList_tab .tabMenu .innerBox > *.skeleton-loading {width:60px; display:inline-block;}
.main_latestList_tab.spacialTime {margin-top:35px;padding-bottom:30px;border-bottom:6px solid #F7F7F7}
.main_latestList_tab.spacialTime .tabMenu { padding-top:0; overflow-x:scroll;border-bottom:1px solid #ebebeb;}
.main_latestList_tab.spacialTime .tabMenu::-webkit-scrollbar {display:none}
.main_latestList_tab.spacialTime .tabMenu .innerBox { overflow-x:initial; text-align:center;padding:0}
.main_latestList_tab.spacialTime .tabMenu .innerBox > a {font-size:16px;position:relative;min-width:70px;padding:0;background-color:#fff; border-width:0; color:#6b6b6b; text-align:center;margin:0 16px;border-radius:0}
.main_latestList_tab.spacialTime .tabMenu .innerBox > a.active {font-weight:600;color:#333;}
.main_latestList_tab.spacialTime .tabMenu .innerBox > a.active::before {content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background-color: #333;}
.main_latestList_tab.spacialTime .tabMenu .innerBox > a b { display:none; position:absolute; left:50%; top:17px; transform:translateX(-50%) scale(0,0); opacity:0; overflow:hidden; width:auto; height:20px; padding:0 8px; text-align:center; transition:all .3s .3s cubic-bezier(.25, 0.25, .75, 1.2); }

.main_latestList_tab.spacialTime.ac_end .tabList:not(.end),
.main_latestList_tab.spacialTime.ac_time .tabList:not(.time),
.main_latestList_tab.spacialTime.ac_limit .tabList:not(.limit),
.main_latestList_tab.spacialTime.ac_brand .tabList:not(.brand) {display:none}
.main_latestList_tab.spacialTime.ac_end .tabList.end,
.main_latestList_tab.spacialTime.ac_time .tabList.time,
.main_latestList_tab.spacialTime.ac_limit .tabList.limit,
.main_latestList_tab.spacialTime.ac_brand .tabList.brand { display:block;margin-top:15px}

.main_latestList_tab .scSwiperCont {position:relative}
.main_latestList_tab.spacialTime .btnSc_allMemu {display:none;position:absolute;right:16px;bottom:100%;padding-right: 10px;background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_right_20.png) no-repeat center right / 10px auto;font-size: 12px;color:#6b6b6b}
.main_latestList_tab.spacialTime.ac_time .btnSc_allMemu, 
.main_latestList_tab.spacialTime.ac_end .btnSc_allMemu {margin-bottom:65px;}
.main_latestList_tab.spacialTime.ac_end .btnSc_allMemu.end,
.main_latestList_tab.spacialTime.ac_time .btnSc_allMemu.time,
.main_latestList_tab.spacialTime.ac_limit .btnSc_allMemu.limit,
.main_latestList_tab.spacialTime.ac_brand .btnSc_allMemu.brand {display:block}
.spacialTab_titCont {margin:13px 16px 0;position:relative}
.spacialTab_titCont > p {text-align: left;}
.spacialTab_titCont h3 {font-size:13px;}
.spacialTab_titCont .spacial_comTimer {display:none;align-items:center;justify-content:center;height:45px; background-color: #366007;/*background: transparent linear-gradient(97deg, #98CB0D 0%, #CBED6D 100%) 0% 0% no-repeat padding-box;*/border-radius:5px;margin-bottom:13px}
.spacialTime.ac_time .spacialTab_titCont .spacial_comTimer.time {display:flex}
.spacialTime.ac_end .spacialTab_titCont .spacial_comTimer.end {display:flex}
.spacialTab_titCont .spacial_comTimer::before { content:"";display:inline-block;width:16px;height:16px; margin:0 6px 0; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_clock_32.png) no-repeat 0 0 / 16px 16px;filter:invert()}
.spacialTab_titCont .spacial_comTimer span {min-width:41px;font-size:18px;font-family: 'Geologica';color:#fff; font-weight:bold;height:18px; text-align:center}
.spacialTab_titCont .spacial_comTimer span.hh {min-width:25px}
.spacialTab_titCont .spacial_comTimer span+span::before {content:':';display:inline-block;margin:0 5px}
.oPrdtLst.type1_slideH.spacial .wrapInfo .badges_maxNum {background-color:#F4F4F4;color:#6B6B6B;font-size:12px;height:18px;display:inline-flex;align-items:center;padding:0 5px;margin-top: 10px;}
.oPrdtLst.type1_slideH.spacial .wrapInfo .badges_maxNum b {font-weight:normal;}

/* 메인 브랜드리스트 */
.categorySect {border-bottom:6px solid #F7F7F7}
.categorySect .top_img {position:relative;margin:-30px -20px 25px}
.categorySect .top_img::after {content:'';width:100%;height:50vw;position:absolute;left:0;bottom:0; background: linear-gradient(to top, rgba(0,0,0,.3), transparent);}
.categorySect .top_img img {width:100%;height:100%;object-fit:cover}
.categorySect .swiper-basic {margin-bottom:30px}
.categoryBrand_scrBox {border-top:1px solid #F4F4F4}
.categorySect:last-child .categoryBrand_scrBox {border-bottom:0}
.categoryBrand_scrBox .btn_cateBrand_tog {color:#545454;font-size:12px;text-align:right;background: none;padding:10px 38px;width:100%;line-height:1.5;position:relative}
.categoryBrand_scrBox .btn_cateBrand_tog::after {content:'';position:absolute;right:24px;top:13px;width:7px;height:7px;border-top:1px solid #000;border-right:1px solid #000;transform: rotate(135deg)}
.categoryBrand_scrBox.open .btn_cateBrand_tog::after {transform:rotate(315deg);top:17px}
.categoryBrand_scrList {overflow-x:auto; white-space:nowrap;padding:0 20px 10px;display:none}
.categoryBrand_scrBox.open .categoryBrand_scrList {display:block}
.categoryBrand_scrList::-webkit-scrollbar {display:none}
.categoryBrand_scrList li {display:inline-block;width:53px;vertical-align:top;}
.categoryBrand_scrList li+li {margin-left:12px}
.categoryBrand_scrList li a {display:block}
.categoryBrand_scrList li a span {display:flex;align-items:center;width:53px;height:53px;border-radius:50%;border:1px solid #EAEAEA;overflow:hidden;margin-bottom:6px;padding:5px;position:relative} 
.categoryBrand_scrList li a span::after {content:'';width:100%;height:100%;background:rgba(255,255,255,.3);position:absolute;left:0;top:0}
.categoryBrand_scrList li a span img {border-radius:50%}
.categoryBrand_scrList li em {font-size:11px;color:#666;white-space:normal;letter-spacing: -.05em;font-weight:400}

/* 상품 리스트 */
.mainSub_prodSect {padding:20px 0 80px}
.mainSub_prodSect .brand_prodList .brand_priceBox {justify-content:space-between}
.mainSub_prodSect .inner_prodViewType {padding:0 15px 20px;display:flex;justify-content:space-between;align-items:center}
.mainSub_prodSect .inner_prodViewType > p {color:#545454}
.listType label { }
.listType label input {display:inline-block;width:19px;height:19px;background-size:15px 15px;background-position:center center;background-repeat:no-repeat;font-size:12px;appearance:none;cursor:pointer}
.listType label:nth-of-type(1) input { background-image:url(../img/sub/btn_list_type1.png)}
.listType label:nth-of-type(2) input { background-image:url(../img/sub/btn_list_type2.png)}
.listType label:nth-of-type(3) input { background-image:url(../img/sub/btn_list_type3.png)}
.listType label:nth-of-type(1) input:checked { background-image:url(../img/sub/btn_list_type1_on.png)}
.listType label:nth-of-type(2) input:checked { background-image:url(../img/sub/btn_list_type2_on.png)}
.listType label:nth-of-type(3) input:checked { background-image:url(../img/sub/btn_list_type3_on.png)}

.brand_prodList {text-align:left;}
.brand_prodList > li {overflow:hidden}
/* .brand_prodList:not(.typeTrans) li+li+li+li {margin-top:30px} */
.brand_prodList > li .bp_wrap {position:relative}
.brand_prodList > li .bi_imgBox {position:relative}
.brand_prodList > li .bi_imgBox a {display:block}
.new_brandMainWrap .swiper-basic .brand_prodList > li .bi_imgBox a,
section > .subBrand_prodList .swiper-basic .brand_prodList > li .bi_imgBox a {height:128px}
.subBrand_prodList .swiper-basic .brand_prodList > li .swiper-lazy-preloader {display:none}
.brand_prodList > li .bi_imgBox a::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.03);z-index:1;border-radius:2px;pointer-events:none}
.brand_prodList > li .bi_imgBox a::after {content:'';width:100%;height:50%;position:absolute;left:0;top:100%;z-index:2}
.brand_prodList > li .bi_imgBox img {border-radius:2px;height:100%;object-fit:cover}
.brand_prodList > li .bi_imgBox .label_remain {position:absolute;right:0;bottom:0;color:#fff;font-size:11px;background-color: #000;border-radius:2px 0 2px 0;padding:0 10px;height:20px;display:inline-flex;align-items: center;}

/* 230105 장바구니 추가 */
.brand_prodList > li .bi_imgBox .oBtn_addCart {position:absolute;bottom:2px;right:2px;width:40px;height:40px;background:url(../img/common/icon_brandCart.png) no-repeat center/25px 25px;z-index:3}
.brand_prodList > li .bi_imgBox .saleStateBox + .oBtn_addCart {bottom:41px;right:7px;background-size:36px 36px;}
.brand_prodList > li .bi_imgBox .label_remain + .oBtn_addCart {bottom:22px}
.brand_prodList > li .bi_imgBox .oBtn_addCart b {display:none;margin-top:4px;color:#fff;font-weight:300;font-size:11px}
.brand_prodList > li .bi_imgBox .oBtn_addCart.on {background-image:url(../img/common/icon_brandCart_on.png) !important;}
.brand_prodList > li .bi_imgBox .oBtn_addCart.on b {display:inline-block;vertical-align:top}
/* //230105 장바구니 추가 */

.brand_prodList > li .bi_contBox {padding:10px 8px 0 2px}
.brand_prodList > li .bi_contBox strong {font-weight:400}
.brand_prodList > li .bi_contBox p {margin:4px 0 5px;color:#333;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;font-weight:400}

.brand_prodList.typeTrans {padding:0}
.brand_prodList.typeTrans li {width:100%;padding:0 0 10px}
.brand_prodList.typeTrans li+li {border-top:1px solid #eaeaea;padding:10px 0}
.brand_prodList.typeTrans li .bp_wrap {padding-left:105px;min-height:90px}
.brand_prodList.typeTrans li .bi_imgBox {width:90px;position:absolute;left:0;top:0}
.brand_prodList.typeTrans li .bi_imgBox a::after {width:calc(100vw - 120px);height:100%;left:100%;top:0}
.brand_prodList.typeTrans li .bi_contBox {padding:15px 0 0}
.brand_prodList.typeTrans li .bi_contBox p {margin:0 0 8px}
.brand_prodList.typeTrans li .bi_contBox strong {display:none}

.brand_prodList.type1 {padding:0 15px}
.brand_prodList.type1 > li {padding:0 0 20px}
.brand_prodList.type1 > li+li {border-top:1px dashed #ececec;padding-top:20px}
.brand_prodList.type1 > li .bp_wrap {display:flex}
.brand_prodList.type1 > li .bi_imgBox {width:110px}
.brand_prodList.type1 > li .bi_imgBox a::after {width:calc(100vw - 140px);height:100%;left:100%;top:0}
.brand_prodList.type1 > li .bi_contBox {margin-left:15px;flex:1 1 0}
.brand_prodList.type1 > li .bi_contBox p {-webkit-line-clamp:2}

.brand_prodList.type2 {display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 15px}
.brand_prodList.type2 > li {width:calc(100% / 2 - 5px)}
.brand_prodList.type2 > li .bi_imgBox {height:44.67vw;overflow:hidden}
.brand_prodList.type2 > li .bi_imgBox img {height:100%;object-fit:cover}
.brand_prodList.type2 > li+li+li {margin-top:40px}

.brand_prodList.type3 {display:flex;flex-wrap:wrap;justify-content:flex-start;padding:0 10px 0 15px}
.brand_prodList.type3 > li {width:calc(100% / 3);padding-right:5px}
.brand_prodList.type3 > li+li+li+li {margin-top:40px}

.btn_moreProd {border-radius:50px;border:1px solid #E0E0E0;color:#333;height:40px;display:flex;width:165px;margin:44px auto 0;align-items:center;justify-content:center;font-size:13px;font-family:inherit;background:#fff}
.btn_moreProd em {color:#6DA23C;margin-right:4px}

/* 브랜드몰 특가 상품 */
.best_itemSwiper {margin-top:50px}

.saleSwiper {margin-top:50px}

.brand_individually {padding:0 15px;}
.brand_individually+.brand_individually {margin-top:40px}
.brand_individually .indi_topBox {position:relative;color:#fff}
.brand_individually .indi_topBox a {display:flex;width:calc(100vw - 30px);height:calc(100vw - 30px)}
.brand_individually .indi_topBox a img {object-fit:cover}
.brand_individually .indi_topBox > div {position:absolute;left:0;bottom:0;width:100%;text-align: center;padding:50px 0 25px;pointer-events:none;background:linear-gradient(to top, rgba(0,0,0,.3), transparent)}
.brand_individually .indi_topBox h4 {font-size:24px;margin-bottom:10px;font-weight: 600;}
.brand_individually .indi_topBox p {font-size:13px;font-weight:400}
.brand_individually .brand_prodList {margin:5px -5px 0 0;padding:0}
.brand_individually .brand_prodList li .bi_contBox strong {display:none}

.swiper_prodList {padding:0 15px;}
.swiper_prodList+.brand_individually {margin-top:70px}
.swiper_prodList .brand_prodList .swiper-slide {width:128px}
.swiper_prodList .brand_prodList .swiper-slide+.swiper-slide {margin-left:7px}

/*서비스 이용 팁 */
.main_searviceUseTip {padding-top:30px}
.main_searviceUseTip .serviceTipSwipe {position:relative;padding:20px 0 33px} 
.main_searviceUseTip .listUl .listLi {width:91.47vw}
.main_searviceUseTip .wrapBox {display:block;-webkit-tap-highlight-color:transparent}
.main_searviceUseTip .wrapBox .wrap_img {height:50.67vw; background-color:#f7f7f7;border-radius:8px 8px 0 0;overflow:hidden;position:relative}
.main_searviceUseTip .wrapBox .wrap_img img {width:100%;height:100%}
.main_searviceUseTip .wrapBox .wrap_info {display:flex;align-items:center;border:1px solid #E0E0E0;border-top:0;padding:15px 20px;letter-spacing:-0.5px;border-radius:0 0 8px 8px}
.main_searviceUseTip .wrapBox .wrap_info span[class^=icoTip] {width:50px;height:50px;display:inline-flex;justify-content:center;align-items:center;border-radius:50px;border:1px solid #F4F4F4;margin-right:7px;background-repeat:no-repeat;background-position:50% 50%;background-size:20px 20px}
.main_searviceUseTip .wrapBox .wrap_info > div {text-align: left;}
.main_searviceUseTip .wrapBox .wrap_info .icoTip01 {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_serviceTip_01_40.png)}
.main_searviceUseTip .wrapBox .wrap_info .icoTip02 {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_serviceTip_02_40.png)}
.main_searviceUseTip .wrapBox .wrap_info .icoTip03 {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_serviceTip_03_40.png)}
.main_searviceUseTip .wrapBox .wrap_info .icoTip04 {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_serviceTip_04_40.png)}
.main_searviceUseTip .wrapBox .wrap_info .icoTip05 {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_serviceTip_05_40.png)}
.main_searviceUseTip .wrapBox .wrap_info .icoTip06 {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_serviceTip_06_40.png)}
.main_searviceUseTip .wrapBox .wrap_info .icoTip07 {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_serviceTip_07_40.png)}
.main_searviceUseTip .wrapBox .wrap_info .icoTip08 {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_serviceTip_08_40.png)}
.main_searviceUseTip .wrapBox .wrap_info .icoTip09 {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_serviceTip_09_40.png)}
.main_searviceUseTip .wrapBox .wrap_info .icoTip10 {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_serviceTip_10_40.png)}
.main_searviceUseTip .wrapBox .wrap_info .icoTip11 {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_serviceTip_11_40.png)}
.main_searviceUseTip .wrapBox .wrap_info .icoTip12 {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_serviceTip_12_40.png)}
.main_searviceUseTip .wrapBox .wrap_info .icoTip13 {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_serviceTip_13_40.png)}
.main_searviceUseTip .wrapBox .wrap_info .icoTip14 {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_serviceTip_14_40.png)}
.main_searviceUseTip .wrapBox .wrap_info .icoTip15 {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_gift_80.png)}
.main_searviceUseTip .wrapBox .wrap_info .icoTip16 {background-image:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_concept_80.png)}
.main_searviceUseTip .wrapBox .wrap_info strong {display:block;font-weight:500;font-size:16px;line-height:1.063}
.main_searviceUseTip .wrapBox .wrap_info p {padding-top:6px;font-size:13px;color:#6b6b6b;font-weight:400}
.main_searviceUseTip .swiper-pagination-bullets {bottom:0 !important;}
.main_searviceUseTip .swiper-pagination-bullet {width:6px;height:6px;background-color: #e0e0e0;border-radius:15px;margin:0 2px !important;opacity: 1;}
.main_searviceUseTip .swiper-pagination-bullet.swiper-pagination-bullet-active {width:11px;background-color: #333;opacity: 1;}


.oMain_liveList {margin-top:20px;padding:0 16px}
.oMain_liveList .swiper-slide {width:42.13333333333333vw}
.oMain_liveList a {border-radius:10px;overflow:hidden;display:block;position:relative;height:70.8vw}
.oMain_liveList a > i {position:absolute;left:10px;top:10px;color:#fff;background:rgba(51,51,51,.8);border-radius:4px;padding:5px 7px 4px;font-size:11px;letter-spacing:-.06em;z-index:100;font-style: normal;}
.oMain_liveList a .titBox {width:100%;height:14vw;z-index:100;text-align:left}
/* .oMain_liveList a .titBox::before {content:'';position:absolute;left:0;bottom:0;width:100%;height:14vw;background: transparent linear-gradient(359deg, #212121 0%, #6A6A6A00 100%) 0% 0% no-repeat padding-box;opacity:.5} */
.oMain_liveList a p {position:relative;font-size:14px;padding:8px 0 0 0;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;z-index:1;}
.oMain_liveList a img, .oMain_liveList a .video_list {width:100%;height:56.8vw;object-fit:cover;border-radius:10px}

.oMain_liveList a::before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:56.8vw;border-radius:10px;background:rgba(0,0,0,0.02);z-index:2}
.oMain_liveList a > em {position:absolute;left:10px;top:10px;background:#E61518;z-index: 1;overflow:hidden;border-radius:14px;padding:1px;font-size:13px;font-weight:500}
.oMain_liveList a > em::before {content:'LIVE';padding:5px 10px;border-radius:14px;display:block;background-color:#E61518;color:#fff;position:relative;z-index:2;}
.oMain_liveList a > em::after {content:'';opacity:0;display:block;position:absolute;top:-10px;left:0;width:60px;height:50px;background-image:linear-gradient(to right,rgba(255,255,255,0),#fff,#fff,rgba(255,255,255,0));transform:rotate(35deg) translateX(-66px);animation:liveIng 1.6s infinite}
.oMain_liveList .swiper-lazy-preloader {height:56.8vw;border-radius:10px}
.oMain_liveList .swiper-slide.last-live-slide {width:calc(42.13333333333333vw / 4)}
.oMain_liveList .swiper-slide.last-live-slide a { position:relative;color:transparent; }
.oMain_liveList .swiper-slide.last-live-slide a::before { content:""; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:30px; height:30px; border:1px solid #e0e0e0; border-radius:50%; color:transparent; }
.oMain_liveList .swiper-slide.last-live-slide a::after { content:""; display:inline-block; position:absolute; left:35%; top:48%; transform:rotate(45deg); width:9px; height:9px; border:1px solid #828282; border-width:1px 1px 0 0; }
@keyframes liveIng{0%{transform:rotate(35deg) translateX(-66px);opacity:1} 50%{opacity:1} 100%{transform:rotate(35deg) translateX(60px);opacity:0}}


/* 0613 NEW ITEM 추가 */
.swiper_newList {}

.new_brandMainWrap .btn_benefit {padding:0 15px}
.new_brandMainWrap .btn_benefit a {display:block;font-size:14px;padding:15px 7px;text-align: center;box-shadow: 0px 0px 3px #00000029;border-radius: 2px;}
.new_brandMainWrap .btn_benefit a strong {font-weight:bold;color:#C91D3A}

.new_brandMainWrap .btn_coupon {padding:0 15px;margin:35px 0 0}
.new_brandMainWrap .btn_coupon a {display:flex;font-size:13px;padding:15px 13px;text-align: center;box-shadow: 0px 0px 3px #00000029;border-radius: 2px;}
.new_brandMainWrap .btn_coupon a p {display:inline-flex}
.new_brandMainWrap .btn_coupon a p::before {content:'';display:inline-block;width:14px;height:14px;background:url(../img/main/ico_price_tag.png) no-repeat 0 0 / 100% 100%;margin-right:7px}
.new_brandMainWrap .btn_coupon a em {margin-left:auto;display:inline-flex}
.new_brandMainWrap .btn_coupon a em:after {content:'';display:inline-block;width:7px;height:16px;background:url(../img/main/btn_main_title.png) no-repeat 0 50% / 7px 16px;margin-left:6px}
.new_brandMainWrap .btn_coupon a em span {font-weight:bold;color:#FF4800;}

.brand_priceBox {display:flex;}
.brand_priceBox em {font-size:13px;}
.brand_priceBox span {font-size:13px;color:#C91D3A;margin-left:5px}

.newBrandSwiperList .swiper-basic {padding:0 15px}
.newBrandSwiperList .swiper-basic+.brand_individually {margin-top:20px}
.newBrandSwiperList .swiper-basic .swiper-slide {width:60px;}
.newBrandSwiperList .swiper-basic .swiper-slide+.swiper-slide {margin-left:12px}
.newBrandSwiperList .swiper-basic .swiper-slide input[type="radio"] {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.newBrandSwiperList .swiper-basic .swiper-slide label {display:block;text-align:center;}
.newBrandSwiperList .swiper-basic .swiper-slide label img {width:60px;height:60px;border-radius:50%;border:1px solid #ccc;margin-bottom:7px;}
.newBrandSwiperList .swiper-basic .swiper-slide input[type="radio"]:checked+label img {border-color:#000;}
.newBrandSwiperList .swiper-basic .swiper-slide label strong {white-space:nowrap;font-weight:normal;letter-spacing:-0.1em;position:relative;left:50%;transform:translateX(-50%);display:table}

/* 배너 전체보기 */
.banner_view_all { position:relative; left:0; z-indeX:100; background-color:#fff; width:100%; height:100%; height:0px; font-size:0px; }
.banner_view_all h4 { display:none; height:50px; line-height:50px; text-align:center; font-size:15px; }
.banner_view_all a.btn_visual_pop {position:absolute;width:35px;height:35px;right:15px;bottom:15px;background:url(../img/main/btn_visual_pop.png) no-repeat 50% 50% / 15px 15px;z-index:10;cursor:pointer}
.banner_view_all ul { display:none; }
.banner_view_all ul li { margin-top:8px; }
.banner_view_all ul li:first-child { margin-top:0; }
.banner_view_all ul li a { display:block; }
.banner_view_all ul li:first-child { margin-top:0px; }
.visualArea.open .banner_view_all { position:fixed; top:0; height:100%; z-index:980; font-size:14px;animation:slide-up .25s cubic-bezier(0.4, 0, 1, 1)}
.visualArea.open .banner_view_all::before {content:'';position:fixed;left:0;;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,.66);z-index:-1}
.visualArea.open .banner_view_all h4 { display:block;background-color:#fff;}
.visualArea.open .banner_view_all ul { display:block; height:100%; padding-bottom:50px; overflow-y:auto; overscroll-behavior:contain;background-color:#fff;}
.visualArea.open .banner_view_all .btn_visual_pop { display:inline-block; position:fixed; right:0; bottom:auto; bottom:initial; top:0; width:45px; height:50px; line-height:50px; overflow:hidden;animation:slide-up .25s cubic-bezier(0.4, 0, 1, 1)}
.visualArea.open .banner_view_all .btn_visual_pop:before { content:"\2715"; display:block; width:45px; height:50px; line-height:50px; text-align:center; color:#333; font-size:20px; }
@keyframes slide-up {
  0% {top:100%}
  100% {top:0}
}

/* 브랜드 검색 */
.searchArea {padding: 0; border-bottom: 3px solid #efefef; background: #fff;}
.formArea {position: relative; padding: 15px 15px;}
input.input_txt {display:block; width:100%; height: 37px; padding: 0 10px; border-radius: 5px; background: #efefef; color: #000; font-size: 1.4rem;}
input.input_txt[readonly] {border-color: #ccc;}
input.input_txt[disabled] {background-color: #ececec; border-color: #ccc;color: #999;}
input.input_txt::placeholder {color: #767676;}
.formArea label {position: absolute; left: 8px; top: 13px; color: #767676; text-align: left; line-height: 30px; font-size: 1.4rem;}
.formArea.search .searchBtn {display: inline-block; position: absolute; top: 26px; right: 25px; width: 15px; height: 15px; background: url('../img/common/icon_header.png') -30px -17px no-repeat; background-size: 60px 32px; cursor: pointer;}

/* 랭킹 */
/*랭킹 > 탭*/
/* .tabMenu {display: table; table-layout: fixed; width: 100%; margin-bottom: 15px; border-radius: 5px; background: #efefef;}
.tabMenu a {display: table-cell; padding: 9px 0; border-radius: 5px; font-size: 1.6rem; text-align: center;}
.tabMenu a.on {background: #000; color: #fff;}
.tabContArea {margin-bottom: 38px;} */

.rankArea h2 {padding-top: 40px;}
.rankArea .swiper-ranking {overflow: hidden;}
.rankArea .swiper-pagination {bottom: 0;}

/*랭킹 > 상품*/
.productList ul {overflow: hidden;}
.productList ul::after {overflow: hidden; display: block; clear: both;}
.productList ul li {float: left; position: relative; width: 32%; height: auto; margin-left: 2%; margin-bottom: 28px;}
.productList ul li:nth-child(3n+1) {margin-left: 0;}
.productList ul li .rankNum {position: absolute; top: 0; left: 0; width: 15px; height: 15px; background: #333; color: #fff; text-align: center; line-height: 14px; z-index: 2;}
.productList ul:first-child li:nth-child(-n+3) .rankNum {background: #ff4800;}
.productList ul li > a figure {position: relative; width: 100%;}


/*랭킹 > 브랜드*/
.brandList ul {overflow: hidden; padding-bottom: 20px;}
.brandList ul::after {overflow: hidden; display: block; clear: both;}
.brandList ul li {float: left; position: relative; width: 32%; height: 100px; margin-left: 2%; margin-bottom: 15px;}
.brandList ul li:nth-child(3n+1) {margin-left: 0;}
.brandList ul li .rankNum {position: absolute; top: 0; left: 0; width: 15px; height: 15px; background: #333; color: #fff; text-align: center; line-height: 14px; z-index: 2;}
.brandList ul:first-child li:nth-child(-n+3) .rankNum {background: #ff4800;}
.brandList ul li figure {position: relative; width: 100%; height: 60px; padding: 17px 5px; background: #f5f5f5; text-align: center;}
.brandList ul li figure img {max-width: 100%; width: auto; height: 25px;}
.brandList ul li .imgInfo .companyName {font-size: 1.2rem; color: #545454; text-align: center;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}

/* 배너 */
.bannerArea .swiper-banner {overflow: hidden;}
.bannerArea .swiper-pagination {bottom: 7px;}

/* 타임딜 */
.timeDealArea {padding: 0;}
.timeDealArea .tdBg {width: 100%; padding: 20px 10px; background: #ebe5e0;}
.timeDealArea .dealProduct {display: flex; position: relative; padding: 10px; background: #fff;}
.timeDealArea .dealProduct::after {content: ''; display: block; clear: both;}
.timeDealArea .dealProduct .share {position: absolute; top: 10px; right: 7px;}
.timeDealArea .dealProduct .share a {display: inline-block; width: 13px; height: 15px; background: url('../img/common/icon_share.png') no-repeat; background-size: 13px 15px;}
.timeDealArea .dealProduct figure {width: 140px; vertical-align: top;}
.timeDealArea .dealProduct .dealInfo {padding: 8px 15px;}
.timeDealArea .dealProduct .dealInfo .imgInfo .companyName {font-size: 1.4rem;}
.timeDealArea .dealProduct .dealInfo .imgInfo .totalPrice {font-size: 1.8rem;}
.timeDealArea .dealProduct .dealInfo .timeInfo {padding-bottom: 10px;}
.timeDealArea .dealProduct .dealInfo .timeInfo span {display: inline-block; width: 43px; height: 43px; margin-left: 5px; padding: 8px; border: 2px dotted #333; border-radius: 50%; font-weight: 300; color: #767676; text-align: center;}
.timeDealArea .dealProduct .dealInfo .timeInfo span:first-child {margin-left: 0;}
.timeDealArea .dealProduct .dealInfo .timeInfo span em {display: block; padding-bottom: 3px; font-weight: 600; font-size: 2.0rem; color: #545454;}

/* 이벤트 */
.eventArea {padding: 0;}
.eventArea ul li {width: 39%; margin-right: 10px;}
.eventArea ul li:first-child {margin-left: 15px;}
.eventArea ul li:last-child {margin-right: 15px;}
.eventArea ul li a {display: inline-block; position: relative; width: 100%}
.eventArea ul li .eventInfo {display: flex; flex-wrap: wrap; align-content: flex-end; position: absolute; bottom: 0; left: 0; right: 0; height: 100%; margin: 0 auto; padding-bottom: 7px; font-weight: 300; font-size: 1.2rem; color: #fff; background: linear-gradient(rgba(255,255,255,.0), rgba(47,47,47,.4));}
.eventArea ul li .eventInfo .eventCategory {display: inline-block; margin-bottom: 2px; padding: 2px 6px 3px 9px; background: #333;}
.eventArea ul li .eventInfo .eventTxt {padding: 0 8px; line-height: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-break: keep-all;}


/* NEW BRAND */
.newBrandArea h2 p {padding-top: 3px; font-size: 1.4rem; color: #545454;}
.newBrandArea .imgBox::after {content: ''; display: block; clear: both;}
.newBrandArea .imgBox .box {float: left;}
.newBrandArea .imgBox .box a {display: inline-block; width: 100%;}
.newBrandArea .imgBox .boxLeft {width: 61%;}
.newBrandArea .imgBox .boxRight {width: 38%; padding-left: 1%;}
.newBrandArea .imgBox .boxRight a {height: 50%; padding-top: 2%;}
.newBrandArea .imgBox .boxRight a:first-child {padding-top: 0px;}

.mdArea {padding-top: 22px;}
.mdArea h2 {padding: 0 0 12px 0; border-bottom: 1px solid #eee; font-weight: 700; font-size: 17px; line-height: 23px;}
.brandProductArea:first-of-type {margin-top: 0;}
.brandProductArea .brandInfo {display:flex;align-items:center;position:relative;margin-bottom: 15px;}
.brandProductArea .brandInfo > a {position:absolute;bottom:3px;right:0;color:#828282;padding:10px 16px 0 0;font-size:12px}
.brandProductArea .brandInfo > a::before {content: '';position: absolute;right:0;top: 50%;width: 6px;height: 6px;margin:5px 0 2px 2px;border: 1px solid #828282;border-width: 1px 1px 0 0;transform: translateY(-50%) rotate(45deg);}
.brandProductArea .brandInfo .brandImg {flex:none;display: inline-block; width: 44px; height: 44px; border-radius: 50%; border: 1px solid #dadada; vertical-align: top; overflow:hidden;}
.brandProductArea .brandInfo .brandTit {display: inline-block; padding-left:10px;}
.brandProductArea .brandInfo .brandTit .brandName {font-weight: 500; font-size: 1.4rem;}
.brandProductArea .brandInfo .brandTit .brandStit {font-size:1.3rem;color:#545454;margin-top:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;padding-right:50px}
.brandProductArea .brandInfo .brandTit .brandStit span {display:none}
.brandProductArea .brandInfo .brandTit .brandNum {padding-top: 2px; color: #767676; font-size: 1.2rem;}
.brandProductArea .productSet::after {content: ''; display: block; clear: both;}
.brandProductArea .productSet .brandProduct {float: left; width: 48%; margin-left: 4%;}
.brandProductArea .productSet .brandProduct:nth-child(2n+1) {margin-left: 0;}
/* .brandProductArea .productSet .brandProduct .productName {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; white-space: normal; padding-top: 10px; line-height: 20px;} */
.brandProductArea .productSet .brandProduct .totalPrice {padding-top: 5px; font-size: 1.6rem;}
.brandProduct .imgInfo .brandProductPick {position: absolute; right: 15px; bottom: 28px; width: 20px; height: 17px;}
.brandProduct .imgInfo .brandProductPick a {display: block; width: 100%; height: 100%; background: url('../img/sub/icon_brand_pick.png') no-repeat; background-size: 20px auto;}
.brandProduct .imgInfo .brandProductPick a.on {background-image: url('../img/sub/icon_brand_pick_on.png');}
.brandProduct .btnShortCut a {display: block; width: 100%; height: 36px; /* margin-top: 22px; */ border-top: 1px solid #f4f4f4; font-size: 1.2rem; color: #545454; line-height: 36px; text-align: center;}
.brandProduct .btnShortCut a::after {content: '>'; padding-left: 4px;}

/* 브랜드 핫딜 */
.mdArea.hotdeal {padding-left: 0; padding-right: 0;}
.mdArea.hotdeal h2 {padding-left: 15px; padding-right: 15px; border-bottom: 0;}
.mdArea.hotdeal .brandProductArea .brandInfo {display: block;}
.mdArea.hotdeal .brandProductArea .productSet .brandProduct {width: 100%; margin: 0;}
.mdArea.hotdeal .brandProduct {border-top: 7px solid #f4f4f4;}
.mdArea.hotdeal .brandProduct figure {margin-bottom: 22px;}
.mdArea.hotdeal .brandProduct .imgInfo .productName {line-height: 22px;}
.mdArea.hotdeal .productSet .brandProduct figure a {padding-top: 58%;}
.mdArea.hotdeal .brandProductArea .productSet .brandProduct .totalPrice {padding-top: 6px; font-size: 1.7rem;}
.mdArea.hotdeal .imgInfo {padding: 0 15px 22px 15px;}
.mdArea.hotdeal .imgInfo .totalPrice em {font-size: 1.6rem; font-weight: 700;}
.mdArea.hotdeal .imgInfo .totalPrice .discount {color: #235D3A;}
.mdArea.hotdeal .imgInfo .totalPrice .originPrice {margin-left: 3px; font-weight: 400; font-size: 1.3rem; color: #999;}
.mdArea.hotdeal .imgInfo .totalPrice .originPrice em {font-weight: 400; font-size: 1.2rem; color: #999;}
.mdArea.hotdeal .infoBadges {padding: 4px 0 0 0;}
.mdArea.hotdeal .infoBadges span {padding: 0; font-size: 1.2rem; color: #999; line-height: 16px;}
.mdArea.hotdeal .infoBadges span + span::before {content: ''; display: inline-block; width: 2px; height: 2px; margin: 8px 4px 0 4px; background: #999; vertical-align: top;}
.mdArea + .mdArea {border-top: 7px solid #f4f4f4;}

/* 브랜드샵 */
.mdArea.shop {padding:0 15px}
.mdArea.shop .brandProductArea {padding:30px 0; border-bottom: 1px solid #eee;}
.subBrand_prodList {margin:0 -15px}
.subBrand_prodList .swiper_prodList .bi_contBox {display:none}


/*******************************
*	브랜드 메인
********************************/
/*헤더*/
/* .brandMainWrap .headerNav a.goOasis {background: url('../img/common/icon_oasis.png') no-repeat; background-size: 50%;} */
/* .brandMainWrap .headerTop h1 a.oasisLogo {display: block; position: absolute!important; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px;} */
/* .brandMainWrap .headerTop h1 a.oasisLogo {width: 160px;background: url(../img/common/img_brand_logo.png) no-repeat 0 0  / 160px 20px;height: 20px;} */
.headerTop .oasisHome {display:none; width: 22px;height: 21px;background: url(../img/common/icon_tabbar.png) no-repeat;background-size: 115px 21px;position:absolute;left:42px;top:15px}
.new_brandMainWrap .headerTop .oasisHome {display:block}

/*비주얼*/
/* .brandMainWrap .visualArea {border-bottom: 3px solid #efefef;} */
.productListContents .brand_prodList {padding:0;margin-top:20px}
.productListContents .controlBox {display:flex;margin-top:30px}
.productListContents .controlBox .filterGroup { margin-left:auto }
.productListContents .controlBox .filterGroup .optionSort { display:inline-flex; align-items:center; position:relative; }
.productListContents .controlBox .filterGroup .optionSort:before { content:"";  display:inline-block; width:1px; height:15px; position:absolute; left:8px; top:3px; border-left:1px solid #e0e0e0; }
.productListContents .controlBox .filterGroup .optionSort:first-of-type:before { display:none; }
.productListContents .controlBox .filterGroup .optionSort ul { display:none; width:auto; padding:5px; background-color:#fff; text-align:center; box-shadow:0px 2px 4px rgba(0,0,0,.3); position:absolute; top:26px; left:50%; z-index:100; transform:translateX(-50%); }
.productListContents .controlBox .filterGroup .optionSort:last-of-type ul { left:auto; left:initial; right:0px; transform:none; }
.productListContents .controlBox .filterGroup .optionSort.open ul { display:block; }
.productListContents .controlBox .filterGroup .optionSort ul li { white-space:nowrap; line-height:30px; padding:0px 10px; }
.productListContents .controlBox .filterGroup .optionSort ul li.active { color:#6ca435; font-weight:500; }
.productListContents .controlBox .filterGroup .optionSort > a { margin-top:2px; white-space:nowrap; line-height:21px; padding-right:10px; margin-left:0px; vertical-align:top; font-size:12px; }
.productListContents .controlBox .filterGroup .optionSort > a:after { content:""; display:inline-block; position:absolute; right:0px; top:10px; width:0; height:0; border-width:4px 3px 0 3px; border-style:solid; border-color:#333 transparent transparent transparent; transition:transform .2s}
.productListContents .controlBox .filterGroup .optionSort.open > a:after { transform:rotate(-180deg) }
.productListContents .controlBox .filterGroup .optionSort > a.img { display:inline-block; white-space:nowrap; line-height:21px; padding-right:0; margin-left:18px; }
.productListContents .controlBox .filterGroup .optionSort > a.img:after { display:none; }
.productListContents .controlBox .filterGroup .optionSort > a.img:before { content:""; display:inline-block; width:18px; height:21px; margin-right:2px; white-space:nowrap; line-height:21px; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_filter_30.png) no-repeat center center / auto 15px; overflow:hidden; vertical-align:top; }

/* 브랜드리스트 */
.tabBrandArea {padding: 0;}
.tabBrandArea .tabBrandList::after {content: ''; display: block; clear: both;}
.tabBrandArea .tabBrandList {overflow: hidden; /* height: 123px; */}
.tabBrandArea .tabBrandList a {float: left; display: block; width: calc(100%/3); margin: 0; padding: 10px 0; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 1.2rem; color: #333; text-align: center;}
.tabBrandArea .tabBrandList a:nth-child(3n+3) {border-right: 0;}
.tabBrandArea .tabBrandList a:hover {background: #000; color: #fff;}
.tabBrandArea a.showOn {display: block; width: 100%; margin-top: -1px; padding: 6px 0; border-top: 1px solid #eee; border-bottom: 0; background: #f6f6f6; font-size: 1.2rem; color: #545454; text-align: center;}
.tabBrandArea a.showOn::after {content: ''; display: inline-block; width: 10px; height: 6px; margin: 6px 0 0 4px; background: url('../img/common/icon_arrow.png') no-repeat; background-size: 19px 5px; vertical-align: top;}
.tabBrandArea.showAll.on a.showOn::after {background-position: -9px 0;}
.tabBrandArea.showAll.on .tabBrandList {height: auto !important;}

/*******************************
*	브랜드 샵 메인
********************************/
/*헤더*/
.brandShopMainWrap header {position: fixed; top: 0; left: 0; border-bottom: 0; background: transparent; z-index: 14;}
.brandShopMainWrap header::after {display: none;}
.brandShopMainWrap .headerTop {height: 50px; padding: 0;}
.brandShopMainWrap .headerTop h1 {position: absolute; top: 17px; left: 47px; right: auto; width: 20px; height: 20px; margin: 0;}
.brandShopMainWrap .headerTop h1 a.oasisLogo {width: 20px; margin-top: 0; background: url('../img/common/icon_header.png') -20px 0 no-repeat; background-size: 80px 42px;}
.brandShopMainWrap .headerTop h1 .goOasis {display: none;}
.headerTop .pageBack {display: block; position: absolute; top: 14px; left: 14px; width: 20px; height: 20px;}
.headerTop .pageBack a {display: inline-block; width: 100%; height: 100%; background: url('../img/common/icon_header.png') no-repeat; background-size: 80px 42px; background-position:0 -21px}
.headerTop:has(.pageBack) .gnb .menuHbg {left:46px}
.brandShopMainWrap .headerTop .pageBack {top:17px;display: block}
.brandShopMainWrap .headerTop .pageBack a {background-position:0 0}
.brandShopMainWrap .headerTop .headerBtn a.btn_search {background: url('../img/common/icon_header.png') -40px 0 no-repeat; background-size: 80px 42px;}
.brandShopMainWrap .headerTop .headerBtn a.btn_cart {background: url('../img/common/icon_header.png')  -60px 0 no-repeat; background-size: 80px 42px;}
.brandShopMainWrap .headerTop .headerBtn a.btn_cart em {color: #fff;}
.brandShopMainWrap .headerTop .gnb {display: none;}
.brandShopMainWrap .headerNav {display: none;}

.brandShopMainWrap.white header {border-bottom: 1px solid #ededed; background: #fff;}
.brandShopMainWrap.white .headerTop h1 a {background-position: -20px -22px;}
.brandShopMainWrap.white .headerTop .pageBack a {background-position: 0 -21px;}
.brandShopMainWrap.white .headerTop .headerBtn a.btn_search {background-position: -40px -21px;}
.brandShopMainWrap.white .headerTop .headerBtn a.btn_cart {background-position: -60px -21px;}
.brandShopMainWrap.white .headerTop .headerBtn a.btn_cart em {color: #030304;}

/*브랜드 비주얼*/
.brandVisualArea {position: relative; width: 100%; padding: 0; background: #3f3f3f;}
.brandVisualArea > figure { height:250px; height:calc(100vw * 0.67); }
.brandVisualArea > figure img { width:100%; height:100%; object-fit:cover; }
.brandVisualArea .brdLogo {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); text-align: center;}
.brandVisualArea .brdLogo .brdInfo {position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; margin-top: -50px;}
.brdImg {overflow: hidden; width: 74px; height: 74px; margin: 0 auto; border-radius: 50%; background: #fff;}
.brdImg span { display:block; width:74px; height:74px; /* overflow:hidden; */ display:flex; flex-direction:column; justify-content:center; }
.brdImg .favorit {width: 32px; height: 32px; bottom: -2px; right: -7px; background-color: #ff4800; background-size: 18px 16px;}
.brdImg .favorit:hover,
.brdImg .favorit.on {background-image: url('../img/common/icon_favorit_on.png')}
.brandVisualArea .brdLogo .brdInfo .brdName {padding-top: 10px; color: #fff; font-weight: 600; font-size: 2.0rem; font-family: 'NotoSans';}
.brandVisualArea .brdLogo .brdInfo .brdName::before {content: '#';}
.brandVisualArea .brdStory {position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; padding: 17px 20px 18px 20px; color: #fff; background: rgba(0,0,0,.3);}
.brandVisualArea .brdStory > p {font-size: 1.2rem; line-height: 20px;}
.brandVisualArea .brdStory .storyTit {font-style: italic;}
.brandVisualArea .brdStory .storyTxt {padding-top: 10px;}

/*배너*/
.brandBannerArea {margin-bottom: 20px; display:none;}
.brandBannerArea .swiper-banner {overflow: hidden;}

/*탭 메뉴*/
.categoryTab {padding: 0;}
.categoryTab .tabMenuArea {position: relative; margin-bottom: 29px;}
.categoryTab .tabMenuArea::after {content: ''; display: inline-block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: #dadada; z-index: -1;}
.categoryTab .tabMenu2 {overflow-x: auto; display: flex; white-space: nowrap; background-color: #fff; font-size: 1.3rem; color: #333;}
.categoryTab .tabMenu2::-webkit-scrollbar {display:none}
.categoryTab .tabMenu2 a {display: inline-block; position: relative; padding: 15px 8px; font-size: 1.4rem; background: #fff; color: #333;}
.categoryTab .tabMenu2 a span {position: relative; padding: 0 2px;} 
.categoryTab .tabMenu2 a.on {order:-1}
.categoryTab .tabMenu2 a.all {order:-2}
.categoryTab .tabMenu2 a.on span::after {content: ''; display: inline-block; position: absolute; bottom: -15px; left: 0; width: 100%; height: 3px; background: #000;}

/*탭 내용 > 리스트*/
.sortArea {padding-bottom: 7px;}
.sortArea .btnArea {text-align: right;}
.sortArea .btnArea .btnBrand {display: inline-block; padding: 6px 13px; background: #000; font-size: 1.4rem; color: #fff; text-align: center;}
.productSet::after {content: ''; display: block; clear: both;}
.productSet .brandProduct {float: left; width: 48%; margin: 28px 0 0 4%;}
.productSet .brandProduct figure a {overflow: hidden; display: block; position: relative; width: 100%; padding-top: 100%; background: #f7f7f7 url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_logo_100_gray.png) center center no-repeat;}
.productSet .brandProduct figure a::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.03); z-index: 1;}
.productSet .brandProduct figure img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.productSet .brandProduct figure .pdSoldout {display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); text-align: center;}
.productSet .brandProduct figure .pdSoldout .soldoutTxt {color: #fff;}
.productSet .brandProduct figure .pdSoldout .soldoutTxt b {display: block; font-size: 1.8rem; line-height: 20px;}
.productSet .brandProduct figure .pdSoldout .soldoutTxt span {display: block; padding-top: 4px; font-size: 1.4rem; line-height: 16px;}
.productSet .brandProduct:nth-child(-n+2) {margin-top: 0;}
.productSet .brandProduct:nth-child(2n+1) {margin-left: 0;}
.brdProduct .btnArea {margin-top: 29px;}
.btnArea .btnMore {display: inline-block; width: 100%; padding: 10px 0px; border: 1px solid #e0e0e0; border-radius: 45px; font-size: 1.4rem; color: #545454; text-align: center;}
.btnArea .btnMore::after {content: ''; display: inline-block; width: 10px; height: 6px; margin: 6px 0 0 4px; background: url('../img/common/icon_arrow.png') no-repeat; background-size: 19px 5px; vertical-align: top;}
/* .imgInfo .productName {padding-top: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; white-space: normal; line-height: 20px;} */
.imgInfo {position: relative;}
.imgInfo .totalPrice {padding-top: 5px; font-size: 1.6rem;}
.totalInterest {padding-top: 10px;}
.totalInterest span::before {content: ''; display: inline-block; width: 15px; height: 13px; margin-right: 2px; background: url('../img/sub/icon_product.png') no-repeat; background-size: 48px 13px;}
.totalInterest span em {display: inline-block; padding: 0 7px 0 0; font-size: 1.2rem; color: #626262; vertical-align: top;}
.totalInterest span.good.on::before {background-position: -16px 0;}
.totalInterest span.comment::before {background-position: -32px 0;}
/* shop이랑 별점/리뷰 스타일 동일하게 */
.info_group {margin-top:4px}
/* .info_reviewLike {display:inline-flex;align-items:center;column-gap:4px;width:auto;height:19px;padding-left:15px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_star_20.png)no-repeat left top 3px/10px auto;vertical-align:top}
.info_reviewNumber {display:inline-flex;padding-top:2px;font-size:11px;color:#909090;vertical-align:top} */
.info_reviewLike {display:inline-block;width:auto;padding-left:13px;background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_star_20.png) no-repeat top left/10px auto;font-size:11px;line-height:12px;text-align:left;vertical-align:top}
.info_reviewNumber {display:inline-block;font-size:11px;color:#909090;vertical-align:top}
.new_brandMainWrap .info_group {display:none}/* 메인 비노출 */

/*******************************
*	상품 상세 페이지
********************************/
/*헤더*/
.detailWrap .headerTop {height: 50px; padding: 0;}
.detailWrap .headerTop h1 {position: absolute; top: 17px; left: 47px; right: auto; width: 20px; height: 20px; margin: 0;}
.detailWrap .headerTop h1 a {width: 20px; margin-top: 0; background: url('../img/common/icon_header.png') -20px -22px no-repeat; background-size: 80px 42px;}

.detailWrap .headerTop .pageBack {display: block; left: 16px;}
.detailWrap .headerTop .pageBack a {background-position: 0 -21px;}
.detailWrap .headerTop .gnb .menuHbg {left: 47px;}

/*비주얼*/
.detailVisualArea {padding: 0;}
.detailVisualArea .swiper-banner {overflow: hidden;}
.detailVisualArea .swiper-banner .swiper-pagination-bullet {width: 8px; height: 8px; margin: 0 6px;}

/*배송정보/추가혜택/판매자정보*/
.pdInfoArea {padding: 0;}

.pdBasicInfo {padding: 24px 15px 20px 15px; border-bottom: 6px solid #f5f5f5;}
.pdBasicInfo .pdPath a {font-size: 1.2rem; color: #545454;}
.pdBasicInfo .pdPath a.goHome {display: inline-block; width: 12px; height: 13px; background: url('../img/sub/icon_home.png') 100% 100% no-repeat; background-size: 100%;}
.pdBasicInfo .pdPath a::before {content: ''; display: inline-block; width: 9px; height: 5px; margin: 5px 3px 0 2px; background: url('../img/sub/icon_dropdown.png') no-repeat; background-size: 19px 5px; transform: rotate(-90deg); vertical-align: top;}
.pdBasicInfo .pdPath a.goHome::before {display: none;}
.pdBasicInfo .pdPath .honestGoods {display: inline-block; margin: -2px 2px 0 5px; padding: 0 7px; background: #ff4800; font-size: 1.1rem; color: #fff; line-height: 18px;vertical-align: top;}
.pdBasicInfo .pdName {padding: 8px 65px 0 0; font-size: 1.6rem; color: #333; letter-spacing: -0.03em; word-break: keep-all;}
.pdSatisfy {padding-top: 12px;}
.pdStar {display: inline-block; width: 77px; height: 14px; background: url('../img/sub/star.png') no-repeat; background-size: 77px 28px; vertical-align: top;}
.pdStar i {display: inline-block; width: 100%; height: 100%; background: url('../img/sub/star.png') 0 -14px no-repeat; background-size: 77px 28px;}
.pdStar i.per80 {width: 80%;}
.pdStar i.per60 {width: 60%;}
.pdStar i.per40 {width: 40%;}
.pdStar i.per20 {width: 20%;}
.pdStar i.per0 {width: 0%;}
.pdBasicInfo .pdSatisfy .pdComment {padding-left: 3px; font-size: 1.2rem; color: #999;}
.pdBasicInfo .totalPrice {padding-top: 20px; font-weight: 600; font-size: 2.0rem;}
.pdBasicInfo .totalPrice em {padding-left: 0; font-family: 'NotoSans'; font-weight: 500; font-size: 1.8rem;}
.pdBasicInfo .totalPrice .basicPrice,
.pdBasicInfo .totalPrice .basicPrice em {font-weight: 400; font-size: 1.2rem; color: #999;}

.pdDvArea {padding-bottom: 23px; border-top: 1px solid #e0e0e0; border-bottom: 6px solid #f5f5f5;}
.pdInfoBox {position: relative; padding: 12px 0; border-top: 1px solid #e0e0e0;}
.pdInfoBox:first-child {border-top: 0;}
.pdInfoBox .openBtn {position: absolute; top: 16px; right: 21px; width: 20px; height: 20px;}
.pdInfoBox .openBtn a {display: inline-block; width: 100%; height: 100%; text-align: center;}
.pdInfoBox .openBtn a::after {content: ''; display: inline-block; width: 9px; height: 5px; background: url('../img/sub/icon_dropdown.png') no-repeat; background-size: 19px 5px; vertical-align: top;}
.pdInfoBox dl dt,
.pdInfoBox dl dd {line-height: 22px;}
.pdInfoBox dl dt {float: left; font-size: 1.3rem;}
.pdInfoBox dl dd {margin-left: 65px; font-size: 1.2rem; color: #666; word-break: keep-all;}
.pdInfoBox dl dd.col-red a {position: relative; display: inline-block; width: 100%; font-size: 1.2rem; line-height: 22px; color: #ff4800;}
.pdInfoBox dl dd.col-red a::after {content: ''; display: inline-block; position: absolute; top: 9px; right: 10px; width: 9px; height: 5px; background: url('../img/sub/icon_dropdown.png') no-repeat; background-size: 19px 5px; vertical-align: top;}
.pdInfoBox.on dl dd.col-red a::after {background-position: -9px 0;}
.pdInfoBox dl.toggleBtn dd + dd {display: none;}
.pdInfoBox dl dd + dd a {position: relative; display: block; padding-top: 3px; color: #545454; line-height: 20px;}
.pdInfoBox dl dd.btnShow a {position: relative; display: inline-block; padding: 4px 13px; border: 1px solid #ccc; background: #f5f5f7; font-size: 1.2rem; color: #000;}
.pdInfoBox dl dd.btnShow + dd {margin-top: 6px;}
.pdInfoBox.on .openBtn a::after {background-position: -9px 0;}
.pdInfoBox.on dl.toggleBtn dd + dd {display: block;}
.pdInfoBox.pdBenefit dl dd a::after {content: ''; display: inline-block; width: 12px; height: 12px; margin: 4px 0 0 5px; border-radius: 50%; background: #ccc url('../img/sub/icon_right.png') 55% 50% no-repeat; background-size: 4px 6px; vertical-align: top;}
.pdInfoBox.pdBenefit dl dd.btnShow a::after {display: none;}
.pdInfoBox.pdSeller dl dd {line-height: 18px;}
.pdInfoBox dl dd .sellerTable {padding: 5px 8px; border-top: 1px solid #ccc;}
.pdInfoBox dl dd .sellerTable:first-child {border-top-color: #000;}
.pdInfoBox dl dd .sellerTable:last-child {border-bottom: 1px solid #000;}
.pdInfoBox dl dd .sellerTable dd {margin-left: 97px;}
.pdInfoBox dl dd.sellerInfo {padding-top: 14px;}
.pdInfoBox dl dd.sellerInquiry {padding-top: 10px;}
.pdInfoBox dl dd.btnInquiry {padding-top: 12px; text-align: center;}
.pdInfoBox dl dd.btnInquiry {padding: 20px 30px 0 30px;}
.pdInfoBox dl dd.btnInquiry a {display: inline-block; width: 100%; padding: 5px 17px; font-size: 1.2rem; color: #fff; background: #000; }

.pdComArea {padding: 0 15px; border-top: 1px solid #e0e0e0; border-bottom: 6px solid #f5f5f5;}
.pdComInfo .pdComTit a {display: inline-block; position: relative; width: 100%; padding: 16px 0; border-top: 1px solid #e0e0e0; font-size: 1.3rem;}
.pdComInfo:first-child .pdComTit a {border-top: 0;}
.pdComInfo .pdComTit a::after {content: ''; display: inline-block; position: absolute; top: 21px; right: 10px; width: 9px; height: 5px; background: url('../img/sub/icon_dropdown.png') no-repeat; background-size: 19px 5px; vertical-align: top;}
.pdComInfo .pdComCont {display: none; padding: 15px 0; border-top: 1px solid #f4f4f4; font-size: 1.2rem; color: #666; line-height: 18px;}
.pdComInfo .pdComCont figure {padding-top: 17px;}
.pdComInfo.on .pdComTit a::after {background-position: -9px 0;}
.pdComInfo.on .pdComCont {display: block;}
.pdComInfo .pdComCont .pdComGuide {line-height: 18px;}
.pdComInfo table {border-spacing: 0; border-collapse: collapse; table-layout: fixed;}
.colTwo .col-1 {width: 30%}
.colTwo .col-2 {width: 70%;}
.colThr .col-1 {width: 30%}
.colThr .col-2 {width: 35%;}
.colThr .col-3 {width: 35%;}
.pdCompulsory .compulsoryTable {padding-top: 20px;}
.pdCompulsory .compulsoryTable + .compulsoryTable {padding-top: 15px;}
.pdCompulsory .compulsoryTable table tr {border-bottom: 1px solid #e8e8e8;}
.pdCompulsory .compulsoryTable table tr:first-child {border-top: 1px solid #e8e8e8;}
.pdCompulsory .compulsoryTable table tr th,
.pdCompulsory .compulsoryTable table tr td {font-size: 1.2rem; line-height: 26px;}
.pdCompulsory .compulsoryTable table tr th {padding: 2px 10px 2px 15px; background: #f5f5f7; font-weight: 400; color: #000;}
.pdCompulsory .compulsoryTable table tr td {padding: 2px 10px; color: #333;}
.pdSeller .sellerTable {padding-top: 18px;}
.pdSeller .sellerTable table tr {border-bottom: 1px solid #ccc;}
.pdSeller .sellerTable table tr:first-child {border-top: 1px solid #000;}
.pdSeller .sellerTable table tr:last-child {border-bottom-color: #000;}
.pdSeller .sellerTable table tr th,
.pdSeller .sellerTable table tr td {padding: 6px 10px; line-height: 18px;} 
.pdSeller .sellerTable table tr th {font-weight: 400;}
.pdComInfo.btnInquiry .pdComTit a::after {display: none;}

/*구매 탭바*/
.buyTabbarArea {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 12;}
.tabbarItem {position: relative;}
.tabbarItem .buyOption{display: none; border-top: 1px solid #eaeaea; background: #fff;}
.tabbarItem.optionArea .buyOption{display: block;}
.tabbarItem .buyOption .sltOption {display: flex; padding: 15px 15px 10px 15px;}
.tabbarItem .buyOption dl,
.tabbarItem .buyOption dd {position: relative; width: 100%;}
.tabbarItem .buyOption dd + dd {margin-top: 10px;}
.tabbarItem .buyOption dl dd.sltOpen {border: 1px solid #ccc;}
.tabbarItem .buyOption dl dd a.sltBox {display: inline-block; position: relative; width: 100%; padding: 10px 10px; font-size: 1.3rem;}
.tabbarItem .buyOption dl dd a.sltBox::after {content: ''; position: absolute; top: 16px; right: 10px; width: 10px; height: 6px; background: url('../img/common/icon_arrow.png') no-repeat; background-size: 19px 5px; vertical-align: top;}
.tabbarItem .buyOption dl dd.on a.sltBox::after {background-position: -9px 0;}
.tabbarItem .buyOption dl dd ul {overflow-y: auto; display: none; width: 100%; max-height: 111px; background: #fff; z-index: 2;}
.tabbarItem .buyOption dl dd.on ul {display: block;}
.tabbarItem .buyOption dl dd ul li a {display: inline-block; width: 100%; padding: 10px 10px; font-size: 1.3rem;}
.tabbarItem .buyOption dl dd ul li.on a,
.tabbarItem .buyOption dl dd ul li:hover a {background: #f7f7f9;}
.tabbarItem .buyOption dl dd ul li.soldout a {color: #999}

.tabbarItem .buyOption .optionList {overflow-y: auto; width: 100%; max-height: 193px; padding: 0 15px;}
.tabbarItem .buyOption .optionList ul li {position: relative; margin-top: 5px; padding: 19px 15px 20px 15px; background: #f7f7f8;}
.tabbarItem .buyOption .optionList ul li .optionTit {width: 82%; font-size: 1.3rem; color: #333; line-height: 18px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.tabbarItem .buyOption .optionList ul li .countArea {padding-top: 5px;}
.tabbarItem .buyOption .optionList ul li .countArea::after {content: ''; display: block; clear: both;}
.tabbarItem .buyOption .optionList ul li .countArea .quantity {float: left;}
.tabbarItem .buyOption .optionList ul li .countArea .quantity::after {content: ''; display: block; clear: both;}
.tabbarItem .buyOption .optionList ul li .countArea .quantity .qtBtn,
.tabbarItem .buyOption .optionList ul li .countArea .quantity input {float: left;}
.tabbarItem .buyOption .optionList ul li .countArea .quantity .qtBtn {width: 28px; height: 28px; border: 1px solid #ccc; background: #fff;}
.tabbarItem .buyOption .optionList ul li .countArea .quantity .qtBtn::before {content: ''; display: inline-block; width: 12px; height: 14px; background: url('../img/common/icon_option.png') 1px -6px no-repeat; background-size: 42px 19px; vertical-align: top;}
.tabbarItem .buyOption .optionList ul li .countArea .quantity .qtBtn.qtDel::before {background-position: -11px -6px;}
.tabbarItem .buyOption .optionList ul li .countArea .quantity input {width: 39px; padding: 6px 2px 5px 2px; border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff; text-align: center; -webkit-appearance: none;}
.tabbarItem .buyOption .optionList ul li .countArea .totalQuantity {float: right; padding-top: 4px; font-size: 1.5rem; color: #333;}
.tabbarItem .buyOption .optionList ul li .limitTxt {display: inline-block; padding: 6px 0 0 5px; font-size: 1.2rem; color: #666; line-height: 16px;}
.tabbarItem .buyOption .optionList ul li .btnClose {position: absolute; top: 20px; right: 15px;}
.tabbarItem .buyOption .optionList ul li .btnClose a {display: inline-block; width: 13px; height: 13px; background: url('../img/common/icon_del.png') center center no-repeat; background-size: 13px 13px;}

.tabbarItem .buyOption .totalPriceArea {padding: 10px 15px 0 15px; background: #fff;}
.tabbarItem .buyOption .totalPriceArea .totalPrice {padding: 16px 15px; border-top: 1px solid #ccc;}
.tabbarItem .buyOption .totalPriceArea .totalPrice::after {content: ''; display: block; clear: both;}
.tabbarItem .buyOption .totalPriceArea .totalPrice .priceTit {font-size: 1.3rem; color: #333;}
.tabbarItem .buyOption .totalPriceArea .totalPrice .priceNum {float: right; font-weight: 600; font-size: 1.8rem; color: #ff4800;}
.tabbarItem .buyOption .totalPriceArea .totalPrice span em {color: #ff4800;}
.tabbarItem .buyOption .btnOptionClose {position: absolute; top: -20px; left: 0; right: 0; width: 61px; height: 21px; margin: 0 auto; border: 1px solid #eaeaea; border-bottom: 0; border-radius: 5px 5px 0 0; background: #fff; text-align: center; z-index: 1;}
.tabbarItem .buyOption .btnOptionClose::before,
.tabbarItem .buyOption .btnOptionClose::after {content: ''; display: inline-block; position: absolute; top: 0; width: 20px; height: 100%; border-radius: 5px 5px 0 0; background: #fff;}
.tabbarItem .buyOption .btnOptionClose::before {left: -4px; border-left: 1px solid #eaeaea; transform: skewX(-15deg);}
.tabbarItem .buyOption .btnOptionClose::after {right: -4px; border-right: 1px solid #eaeaea; transform: skewX(15deg);}
.tabbarItem .buyOption .btnOptionClose a {display: inline-block; width: 100%; height: 100%;}
.tabbarItem .buyOption .btnOptionClose a::before {content: ''; display: inline-block; width: 10px; height: 5px; margin-top: 8px; background: url('../img/common/icon_option.png') no-repeat; background-size: 42px 19px; }

.tabbarItem .buyBtnArea::after {content: ''; display: block; clear: both;}
.tabbarItem .buyBtnArea {background: #000;}
.tabbarItem .buyBtnArea .tabIconWrap a {display: inline-block; width: 54px; padding: 21px 0; text-align: center;}
.tabbarItem .buyBtnArea .tabIconWrap a:first-child {padding-left: 13px;}
.tabbarItem .buyBtnArea .tabIconWrap a::before {content: ''; display: inline-block; width: 21px; height: 20px; background: url('../img/sub/icon_buy.png') no-repeat; background-size: 84px 20px;}
.tabbarItem .buyBtnArea .tabIconWrap a.gift::before {background-position: -21px 0;}
.tabbarItem .buyBtnArea .tabIconWrap a.zzim::before {background-position: -42px 0;}
.tabbarItem .buyBtnArea .tabIconWrap a.zzim.on::before {background-position: -63px 0;}
.tabbarItem .buyBtnArea .cartBtn {display: none;}
.tabbarItem .buyBtnArea .buyBtn {float: right; display: block; width: 232px; text-align: center;}
.tabbarItem .buyBtnArea .buyBtn a {display: inline-block; width: 100%; padding: 20px 0;}
.tabbarItem .buyBtnArea .buyBtn a span {display: inline-block; width: 100%; border-left: 1px solid #4b4b4b; font-weight: 500; font-size: 1.8rem; color: #ff4800; line-height: 24px;}
.tabbarItem.optionArea .tabIconWrap {display: none;}
.tabbarItem.optionArea .cartBtn {float: left; display: block; width: 50%;}
.tabbarItem.optionArea .cartBtn a {display: inline-block; width: 100%; padding: 23px 0; font-weight: 500; font-size: 1.5rem; color: #fff; text-align: center;}
.tabbarItem.optionArea .buyBtn {width: 50%; border-left: 1px solid #4b4b4b;}
.tabbarItem.optionArea .buyBtn a span {border-left: 0;}

/*상품 정보*/
.descriptionArea {padding: 0;}
.dstTap .tabMenu {background: #f7f7f9; margin-bottom: 24px;}
.dstTap .tabMenu a {display: table-cell; padding: 15px 0; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #000; border-radius: 0; font-size: 1.3rem; color: #999; text-align: center;}
.dstTap .tabMenu a:first-child {border-left: 0;}
.dstTap .tabMenu a.on {border-top-color: #000; border-bottom: 0; border-left-color: #000; background: #fff; color: #000;}
.dstTap .tabMenu a.on + a {border-left-color: #000;}
.dstTap .tabContArea {margin-bottom: 0px; border-bottom: 6px solid #f5f5f5;}
.dstTap .tabCont {padding: 0 15px;}

.dstTap .infoTabCont {margin-top: 40px; padding: 0;}
.dstTap .infoTabCont .dstTxt {padding: 0 15px;}
.dstTap .infoTabCont .dstTxt div {font-size: 1.4rem; color: #333; line-height: 25px;}
.dstTap .infoTabCont .dstTxt div iframe {width: 100%;}
.dstTap .infoTabCont .btnArea {display: none; padding: 0 15px;}
.dstTap .infoTabCont .infoDetail.view {overflow-y: hidden; height: 500px;}
.dstTap .infoTabCont .infoDetail.view + .btnArea {display: block; padding: 0 15px;}
.dstTap .infoTabCont .infoDetail.view + .btnArea .btnMore {padding: 16px; border: 0; border-top: 1px solid #e0e0e0; border-radius: 0; font-size: 1.3rem;}
.dstTap .infoTabCont .infoDetail.more {height: auto;}
.dstTap .infoTabCont .infoDetail.more + .btnArea .btnMore::after {background-position: -9px 0;}

.pdOption {padding: 0 0 30px 0;}
.pdOption ul li + li {padding-top: 15px;}
.pdOption .tdBg {display: flex; position: relative; padding: 12px 15px; background: #f5f5f7;}
.pdOption .tdBg .optionNum {position: absolute; top: 0; left: 0; padding: 11px 0 0 12px; font-size: 1.2rem; color: #fff; z-index: 1;}
.pdOption .tdBg .optionNum::before {content: ''; position: absolute; top: 0; left: 0; border-bottom: 88px solid transparent; border-left: 88px solid #000; z-index: -1;}
.pdOption .tdBg .optionNum span {display: block; padding-top: 6px; font-size: 2.0rem;}
.pdOption .tdBg figure {flex-shrink: 0; width: 125px; height: 125px;}
.pdOption .tdBg .imgInfo {display: flex; flex-wrap: wrap; align-content: center; flex-grow: 1; padding-left: 20px;}
.pdOption .tdBg .productName {height: auto; padding-top: 0; font-weight: 500; font-size: 1.5rem; white-space: normal;}
.pdOption .tdBg .totalPrice {padding-top: 12px; font-size: 1.5rem;}
.pdOption .tdBg .totalPrice em {padding-left: 0; font-family: 'NotoSans'; font-weight: 500; font-size: 1.5rem;}
.pdOption .tdBg .totalPrice .basicPrice,
.pdOption .tdBg .totalPrice .basicPrice em {font-weight: 400; font-size: 1.2rem; color: #999;}

/*구매후기, 상품문의*/
/* .rvTabCont .tabMenu {padding-bottom: 12px;} */
.rvTabCont .tabMenu::after {content: ''; display: block; clear: both;}
.rvTabCont .tabMenu .sortFilter {float: left;}
.rvTabCont .tabMenu .sortFilter span {font-size: 1.3rem; color: #545454;}
.rvTabCont .tabMenu .sortFilter span::after {content: ''; display: inline-block; width: 16px; height: 10px; margin: 1px 0 0 4px; background: url('../img/common/icon_detail.png') -13px 0 no-repeat; background-size: 71px 15px; vertical-align: top;}
.rvTabCont .tabMenu .sortPhoto {float: right;}
.pdReview .tabCont {padding: 0;}
.rvTabCont .rvSatisfy {margin: 3px 0 28px 0; padding: 11px 0 13px 0; border-top: 1px solid #dadada; border-bottom: 1px solid #e0e0e0;}
.rvTabCont .rvSatisfy::after {content: ''; display: block; clear: both;}
.rvTabCont .rvSatisfy .satisfyAverage {float: left; width: 50%; font-size: 1.4rem; text-align: center;}
.rvTabCont .rvSatisfy .satisfyAverage .averageScore {padding: 6px 0;}
.rvTabCont .rvSatisfy .satisfyAverage .averageScore span {display: block; padding-top: 14px; font-size: 2.0rem;}
.rvTabCont .rvSatisfy .satisfyAverage .pdStar {text-align: left;}
.rvTabCont .rvSatisfy .satisfyGraph {float: left; width: 50%; border-left: 1px solid #e0e0e0;}
.rvTabCont .rvSatisfy .satisfyGraph ul {text-align: center;}
.rvTabCont .rvSatisfy .satisfyGraph ul li {position: relative; display: inline-block; margin-left: 12px; padding: 2px 0 13px 0;}
.rvTabCont .rvSatisfy .satisfyGraph ul li:first-child {margin-left: 0;}
.rvTabCont .rvSatisfy .satisfyGraph ul li .graphLabel {position: absolute; bottom: -5px; left: 0; right: 0; margin: 0 auto; font-size: 1.2rem; color: #999;}
.rvTabCont .rvSatisfy .satisfyGraph ul li .graphBar {position: relative; width: 8px; height: 60px; background: #f6f6f6;}
.rvTabCont .rvSatisfy .satisfyGraph ul li .graphBar span {display: inline-block; position: absolute; bottom: 0; left: 0; width: 100%; background: #ff0012;}
.rvTabCont .btnArea .btnMore {margin-top: 30px;}
.rvTabCont .buyOption {padding-left: 3px; font-size: 1.4rem; color: #333;}
.rvTabCont .rvList > ul > li {padding: 25px 0; border-bottom: 1px solid #eee;}
.rvTabCont .rvList > ul > li .pdQinfo {padding-top: 15px; font-size: 1.4rem; color: #666;}
.rvTabCont .rvList > ul > li .pdQinfo span {padding-right: 23px;}
.rvTabCont .pdSatisfy {padding-top: 0;}
.rvTabCont .rvTxt {padding-top: 8px; font-size: 1.4rem; color: #545454; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.rvTabCont .rvMore .btnMore {margin-top: 10px; padding: 0; border: 0; text-align: left;}
.rvTabCont .rvImg {padding-top: 14px;}
.rvTabCont .rvImg ul::after {content: ''; display: block; clear: both;}
.rvTabCont .rvImg ul li {float: left; width: 31%; margin-left: 3%; border-bottom: 0;}
.rvTabCont .rvImg ul li:first-child {margin-left: 0;}
.rvTabCont .rvImg ul li a {display: inline-block; width: 100%; height: 100%;}
.rvTabCont .showAll.on .rvTxt {display: block;}
.rvTabCont .showAll.on .rvMore a::after {background-position: -9px 0;}

/*구매후기 > 체크박스*/
.check {position: relative; display:inline-block; vertical-align: top;}
.check label {height: 20px; font-size: 1.3rem; color:#545454; vertical-align: top;}
.check label::before {content: ""; display: inline-block; width: 20px; height: 20px; margin: -4px 4px 0 0; border: 1px solid #e0e0e0; background: #fff; vertical-align: top;}
.check input {position:absolute; left:-999999px; display:inline-block;}
.check input[type]:checked + label::before {background: #fff url('../img/common/icon_check.png') center center no-repeat; background-size: 12px 8px;}

/*상품문의*/
.pdQnA .btnArea .btnMore {margin-top: 30px;}
.writeBtn a {display: inline-block; width: 100%; margin-bottom: 11px; padding: 10px 0; border: 1px solid #dadada; background: #f6f6f6; font-size: 1.4rem; color: #545454; text-align: center;}
.writeBtn a::after {content: ''; display: inline-block; width: 13px; height: 13px; margin: 2px 0 0 3px; background: url('../img/common/icon_detail.png') no-repeat; background-size: 71px 15px; vertical-align: top;}
.innerTab .tabMenu {margin: 0; border-bottom: 1px solid #e0e0e0; background: 0; text-align: right; }
.innerTab .tabMenu a {display: inline-block; margin-left: 8px; padding: 12px 0 11px 0; border: 0; font-size: 1.3rem;}
.innerTab .tabMenu a.on {font-weight: 500;}
.innerTab .tabContArea {margin-bottom: 25px; border-bottom: 0;}
.pdQnA .tabCont {padding: 0;}
.pdQnA ul li {padding: 22px 0 25px 0; border-bottom: 1px solid #eee; font-size: 1.4rem;}
.pdQnA ul li .pdAstatus {color: #999;}
.pdQnA ul li .pdAstatus.pdAend {color: #ff4800;}
.pdQnA ul li .pdQtxt a {display: inline-block; position: relative; width: 100%; padding: 10px 15px 0 0; color: #545454; line-height: 20px; word-break: keep-all;}
.pdQnA ul li.showAll .pdQtxt a::after {content: ''; display: inline-block; position: absolute; top: 18px; right: 0; width: 10px; height: 6px; background: url('../img/common/icon_arrow.png') no-repeat; background-size: 19px 5px; color: #545454;vertical-align: top; }
.pdQnA ul li .pdQtxt a .pdQoption {margin-right: 2px;}
.pdQnA ul li .pdQinfo {padding-top: 15px; color: #666;}
.pdQnA ul li .pdQinfo span {padding: 0 12px 0 2px;}
.pdQnA .pdAbox {display: none; position: relative; padding: 17px 0 0 13px; font-size: 1.4rem; color: #545454;}
.pdQnA .pdAbox::before {content: ''; display: inline-block; position: absolute; top: 18px; left: 0; width: 13px; height: 13px; background: url('../img/common/icon_detail.png') -57px 0 no-repeat; background-size: 71px 15px;}
.pdQnA .pdAbox p {display: inline-block; padding-left: 3px; line-height: 20px; vertical-align: top;}
.pdQnA .showAll.on .pdAbox{display: block;}
.pdQnA .showAll.on .pdQtxt a::after {background-position: -9px 0;}
.pdQnA .pdQlock .pdQtxt a {padding-left: 15px;}
.pdQnA .pdQlock .pdQtxt a::before {content: ''; display: inline-block; width: 12px; height: 15px; margin: 2px 3px 0 -15px; background: url('../img/common/icon_detail.png') -45px 0 no-repeat; background-size: 71px 15px; vertical-align: top;}

.pdQnA ul li.pdQno {display: none; color: #545454;}

/*문의하기/구매후기 페이지*/
.detailSubWrap {padding-bottom: 54px;}
.detailSubWrap header::after {display: none;}
.detailSubWrap .headerTop h2 {padding: 17px 51px 18px 51px; font-weight: 400; font-size: 1.6rem;}
.detailSubWrap .headerTop .pageBack {display: block; left: 16px;}
.detailSubWrap .headerTop .pageBack a {background-position: 0 -21px;}
.detailSubBox:first-child {padding-top: 21px;}
.detailSubBox .detailSubPd {padding-bottom: 8px; font-size: 1.4rem; color: #333;}
.detailSubBox .detailSubCont {padding-bottom: 23px;}
.detailSubBox .detailSubCont.dsPdInfo {display: flex;}
.detailSubBox .detailSubCont figure {flex-shrink: 0; width: 75px; height: 75px;}
.detailSubBox .detailSubCont .imgInfo {display: flex; flex-wrap: wrap; align-content: center; padding-left: 9px;}
.detailSubBox .detailSubCont .imgInfo .productName {height: auto;padding-top: 0; white-space: normal;}
.detailSubBox .detailSubCont .selectArea {position: relative; border: 1px solid #ccc;}
.detailSubBox .detailSubCont .selectArea::after {content: ''; display: inline-block; position: absolute; top: 11px; right: 10px; width: 10px; height: 6px; background: url('../img/common/icon_arrow.png') no-repeat; background-size: 19px 5px; vertical-align: top;}
.detailSubBox .detailSubCont .selectArea select {width: 100%; padding: 6px 10px; font-size: 1.3rem; color: #999;}
.textareaWrap {position: relative; width: 100%; padding: 12px 15px 30px 15px; border: 1px solid #e0e0e0;}
.textareaWrap textarea {width: 100%; color: #000; line-height: 18px; resize: none;}
.textareaWrap textarea::placeholder {color: #999;}
.textareaWrap textarea:focus {outline: 0; border: 0;}
.textareaWrap .textCount {position: absolute; bottom: 13px; right: 0; width: 100%; padding: 0 15px; font-size: 1.4rem; color: #545454; text-align: right;}
.detailSubBox .detailSubCont .check {display: block; padding-top: 12px;}
.guideArea {padding: 0; background: #f7f7f9;}
.guideTxt {margin-top: 17px; padding: 12px 15px;}
.guideTxt ul li,
.guideTxt dl {font-size: 1.2rem; color: #545454; line-height: 20px;}
.guideTxt ul li {padding-left: 8px; word-break: keep-all;}
.guideTxt ul li::before {content: '-'; margin-left: -8px; padding-right: 4px;}
.guideTxt dl dt, .guideArea dl dd {line-height: 20px;}
.guideTxt dl dt {padding-top: 4px; font-weight: 500;}
.btnArea.btnWrite {position: fixed; bottom: 0; left: 0; width: 100%; background: #000; text-align: center;}
.btnArea a.btnRegister {display: inline-block; width: 100%; padding: 18px 0; font-size: 1.5rem; color: #ff4800;}

.detailSubBox .detailSubCont .rvStar {padding-top: 22px; border-top: 1px solid #e4e4e4;}
.detailSubBox .detailSubCont .rvStar .satisfyTit {padding-bottom: 15px; font-size: 1.4rem; color: #333;}
.detailSubBox .detailSubCont .rvStar .pdStar {width: 125px; height: 23px; margin-bottom: 26px; background-size: 125px 46px;}
.detailSubBox .detailSubCont .rvStar .pdStar::after {content: ''; display: block; clear: both;}
.detailSubBox .detailSubCont .rvStar .pdStar a {float: left; display: block; width: 25px; height: 23px;}
.detailSubBox .detailSubCont .rvStar .pdStar a i {background-position: 0 0; background-size: 125px 46px;}
.detailSubBox .detailSubCont .rvStar .pdStar a.on i {background-position: 0 -24px;}
.detailSubBox .detailSubCont .rvPhoto {padding: 10px 0;}
.detailSubBox .detailSubCont .rvPhoto::after {content: ''; display: block; clear: both;}
.detailSubBox .detailSubCont .rvPhoto .addPhotoView {float: left;}
.detailSubBox .detailSubCont .rvPhoto .addPhotoView ul {display: flex; align-content: stretch;}
.detailSubBox .detailSubCont .rvPhoto .addPhotoView ul::after {content: ''; display: block; clear: both;}
.detailSubBox .detailSubCont .rvPhoto .addPhotoView ul li {float: left; width: 22%; margin-left: 4%;}
.detailSubBox .detailSubCont .rvPhoto .addPhotoView ul li.addPhoto {display: flex; flex-wrap: wrap; align-content: center; margin-left: 0; border: 1px solid #e0e0e0;}
.detailSubBox .detailSubCont .rvPhoto .addPhotoView ul li.addPhoto a {display: inline-block; width: 100%; font-size: 1.3rem; color: #333; text-align: center;}
.detailSubBox .detailSubCont .rvPhoto .addPhotoView ul li.addPhoto a::before {content: ''; display: block; width: 28px; height: 22px; margin: 0 auto 8px auto; background: url('../img/sub/icon_photo.png') no-repeat; background-size: 28px 22px;}
.detailSubBox .detailSubCont .uplodeGuide {font-size: 1.2rem;}

/*이 상품과 함께 본 상품*/
.togetherViewArea {padding: 25px 0 22px 0; border-top: 1px solid #e0e0e0; border-bottom: 6px solid #f5f5f5;}
.togetherViewArea h3 {padding: 0 15px 13px 15px; font-weight: 500; font-size: 1.5rem;}
.togetherViewArea ul li {width: 38%; margin-right: 10px;}
.togetherViewArea ul li:first-child {margin-left: 15px;}
.togetherViewArea ul li:last-child {margin-right: 15px;}
.togetherViewArea ul li figure img {filter: brightness(0.97);}

/*동일 판매자 다른 상품*/
.otherPdArea {padding: 23px 15px 25px 15px; border-top: 1px solid #e0e0e0; border-bottom: 6px solid #f5f5f5;}
.otherPdArea h3 {padding-bottom: 13px; font-weight: 500; font-size: 1.5rem;}
.otherPdArea .brandInfo {position: relative;}
.otherPdArea .brandInfo a {display: inline-block; position: absolute; top: 2px; right: 0; width: 14px;}
.otherPdArea .brandInfo a::before {content: '+'; font-size: 2.4rem;}
.otherPdArea .btnArea {margin-top: 30px;}

/*브랜드몰 추가 할인 이벤트*/
.addEventArea {padding: 23px 0 40px 0; border-top: 1px solid #e0e0e0;}
.addEventArea h3 {padding: 0 15px 13px 15px; font-weight: 500; font-size: 1.5rem;}
.addEventArea ul li {width: 39%; margin-right: 10px;}
.addEventArea ul li:first-child {margin-left: 15px;}
.addEventArea ul li:last-child {margin-right: 15px;}


/*******************************
*	검색페이지
********************************/
.searchWrap {height: 100vh; background: #f6f6f6;}
.searchCommWrap .headerTop .pageBack {display: block;}
.searchCommWrap .headerTop .pageBack a {background-position: 0 -21px;}
.searchCommWrap .headerTop .formArea {margin: 0 42px 0 47px; padding: 9px 0 8px 0;}
.searchCommWrap .headerTop .formArea input.input_txt {padding: 0 40px 0 8px; background: #fff;}

.searchCommWrap .headerTop .formArea .keywordDel{display:none;position:absolute;top:0;right:0;width:40px;height:100%;}
.searchCommWrap .headerTop .formArea .keywordDel a {position:absolute;left:50%;top:50%;width:18px;height:18px;background-color:#e0e0e0;transform:translate(-50%,-50%);border-radius:50%;}
.searchCommWrap .headerTop .formArea .keywordDel a::before {content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_14.png) no-repeat center / 100% 100%;transform:translate(-50%, -50%)}

.searchCommWrap .headerTop .formArea.hasValue .keywordDel {display: inline-block;}
/* .searchWrap .headerTop .formArea label {top: 9px; left: 8px;} */
.searchCommWrap .headerTop .formArea.search .searchBtn {top: 20px; right: -25px; width: 16px; height: 16px; background-position: -33px -19px; background-size: 66px 35px;}
.searchWrap .contArea {padding-bottom: 31px; background: #fff;}
.searchWrap .keywordArea {margin-top: 10px; padding: 16px 15px 0 15px;}
.searchWrap .keywordArea .rcTit {padding-bottom: 15px; border-bottom: 1px solid #eee; font-size: 1.2rem;}
.searchWrap .keywordArea ul li .keyword {display: inline-block; width: 100%; font-size: 1.4rem; color: #434343; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 16px; vertical-align: top;}
.searchWrap .keywordArea ul li .rcmRank {display: inline-block; width: 15px; height: 15px; margin: 1px 3px 0 0; background: #333; font-size: 1.0rem; color: #fff; line-height: 16px; text-align: center;}
.searchWrap .keywordArea ul li:nth-child(-n+3) .rcmRank {background: #ff4800;}
.searchWrap .keywordArea::after {content: ''; display: block; clear: both;}
.searchWrap .keywordArea .kwBox {float: left; margin-left: 4%;}
.searchWrap .keywordArea .kwBox.recently {width: 48%;}
.searchWrap .keywordArea .kwBox.recomm {width: 100%;}
.searchWrap .keywordArea.keyList .kwBox.recently + .kwBox.recomm {width: 48%;}
.searchWrap .keywordArea .kwBox:first-child {margin-left: 0;}
.searchWrap .keywordArea .kwBox .deleteAll {padding-top: 9px;}
.searchWrap .keywordArea .kwBox .deleteAll a {padding: 0; font-size: 1.1rem; color: #434343;}
.searchWrap .keywordArea .kwBox .deleteAll a::after {content: ''; display: inline-block; width: 13px; height: 13px; margin-left: 4px; background: url('../img/common/icon_del.png') no-repeat; background-size: 13px 13px; vertical-align: top;}
.searchWrap .keywordArea .kwBox.recomm .keyword {width: 84%;}
.searchWrap .keywordArea .kwBox.recomm .keyword em {color: #ff4800;}
.searchWrap .keywordArea .kwBox ul li {border-bottom: 1px solid #eee;}
.searchWrap .keywordArea .kwBox ul li a {display: inline-block; width: 100%; padding: 11px 0;}

.searchWrap .autoComplete .kwBox.recomm {width: 100%;}
.searchWrap .autoComplete .kwBox.recomm ul li a::before {content: ''; }


/*******************************
*	검색결과 페이지
********************************/
.searchResultWrap .contArea {padding-bottom: 40px;}
.searchResultWrap .headerTop .pageBack {display: block; left: 16px;}
.searchResultWrap .headerTop .pageBack a {background-position: 0 -21px;}
.srInfoTop {border-top: 10px solid #f6f6f6;}
.srInfo {font-size: 1.2rem;}
.srInfo::after {content: ''; display: block; clear: both;}
.srInfo .srNum {float: left; padding: 14px 0;}
.srInfo .srNum .col-red {font-weight: 500;}
.srInfo .srSort {float: right; position: relative; width: 90px;}
.srInfo .srSort .srSortTit a {display: inline-block; position: relative; width: 100%; padding: 14px 25px 14px 8px; font-size: 1.3rem; color: #545454; text-align: right;}
.srInfo .srSort .srSortTit a::after {content: ''; display: inline-block; position: absolute; top: 18px; right: 5px; width: 16px; height: 10px; background: url('../img/common/icon_detail.png') -13px 0 no-repeat; background-size: 71px 15px; vertical-align: top;}
.srInfo .srSort .srSortCont {display: none; position: absolute; top: 37px; left: 0; width: 100%; border: 1px solid #f6f6f6; border-radius: 3px; background: #fff; box-shadow: 3px 3px 10px 0px rgba(0,0,0,.2); z-index: 1;}
.srInfo .srSort.on .srSortCont {display: block;}
.srInfo .srSort .srSortCont ul li a {display: inline-block; width: 100%; padding: 8px 8px;}
.srInfo .srSort .srSortCont ul li.on a {font-weight: 500; color: #ff4800;}

/*검색결과 없는 경우*/
.srList .srNo {padding: 50px 0 55px 0; font-size: 1.4rem; color: #333333; text-align: center;}
.srList .srNo p {line-height: 20px;}
.searchResultWrap .togetherViewArea {border: 0;}


/*******************************
*	로그인
********************************/
.loginCommWrap {padding-bottom: 54px;}
.loginCommWrap header::after {display: none;}
.loginCommWrap .headerTop h2 {padding: 17px 51px 18px 51px; font-weight: 400; font-size: 1.6rem;}
.loginCommWrap .headerTop .pageBack {display: block; left: 16px;}
.loginCommWrap .headerTop .pageBack a {background-position: 0 -21px;}
.loginArea {padding: 17px 42px 0 42px;}
.loginCont .formArea {padding: 15px 0 0 0;}
.loginCont .formArea input.input_txt {height: 35px; padding: 0 64px 0 0; border-bottom: 1px solid #e5e5e5; border-radius: 0; background: #fff;}
.loginCont .formArea input.input_txt::placeholder,
.loginCont .formArea label {top: 25px; left: 0; color: #999; line-height: 12px;}
.loginCont .saveId {padding-top: 19px; }
.loginCont .btnLogin {padding-top: 40px;}
.loginCont .btnLogin a {display: inline-block; width: 100%; padding: 15px 0; background: #000; font-size: 1.4rem; color: #fff; text-align: center;}
.loginCont .findAccount {padding-top: 10px; text-align: center;}
.loginCont .findAccount a {display: inline-block; padding: 10px 0; font-size: 1.3rem; color: #545454;}
.loginCont .findAccount a::before {content: ''; display: inline-block; width: 1px; height: 10px; margin: 0px 10px; background: #b8b8b8;}
.loginCont .findAccount a:first-child::before {display: none;}
.loginSocial {padding: 80px 42px 0 42px; text-align: center;}
.loginSocial .socialTit {position: relative; font-size: 1.3rem; color: #545454;}
.loginSocial .socialTit::before {content: ''; display: inline-block; position: absolute; top: 8px; left: 0; right: 0; width: 100%; height: 1px; margin: 0 auto; background: #cfcfcf; z-index: -1;}
.loginSocial .socialTit span {display: inline-block; padding: 0 9px; background: #fff;}
.loginSocial .snsList {padding-top: 18px;}
.loginSocial .snsList a {display: inline-block; margin-left: 13px;}
.loginSocial .snsList a:first-child {margin-left: 0;}
.loginSocial .snsList a::before {content: ''; display: inline-block; width: 40px; height: 40px; background: url('../img/common//icon_join.png') no-repeat; background-size: 167px 40px;}
.loginSocial .snsList a.joinNaver::before {background-position: -42px 0;}
.loginSocial .snsList a.joinGoogle::before {background-position: -84px 0;}
.loginSocial .snsList a.joinApple::before {background-position: -126px 0;}
.loginSocial .btnJoin {padding-top: 23px;}
.loginSocial .btnJoin a {display: inline-block; width: 100%; padding: 15px 0; border: 1px solid #000; font-size: 1.4rem; color: #000;}


/*******************************
*	아이디/비밀번호 찾기
********************************/
.findArea {padding: 0;}
.findArea .tabArea {padding-top: 22px;}
.findArea .tabMenu {margin-bottom: 38px; background: #f7f7f9;}
.findArea .tabMenu a {display: table-cell; padding: 16px 0; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #000; border-radius: 0; font-size: 1.3rem; color: #999; text-align: center;}
.findArea .tabMenu a:first-child {border-left: 0;}
.findArea .tabMenu a.on {border-top-color: #000; border-bottom: 0; border-left-color: #000; background: #fff; color: #000;}
.findArea .tabMenu a.on + a {border-left-color: #000;}
.findArea .tabContArea {margin-bottom: 0px;}
.findArea .tabCont {padding: 0 42px;}
.findCont .findGuide {padding-bottom: 23px; font-size: 1.2rem; color: #545454; line-height: 20px; word-break: keep-all;}
.findCont .formArea .btnConfirm a {display: inline-block; position: absolute; top: 20px; right: 0; border: 1px solid #000; padding: 4px 15px; border-radius: 25px; font-size: 1.3rem; text-align: center;}
.findCont .findResult {padding: 21px 15px; background: #f7f7f9;}
.findCont .findResult p {padding-top: 8px; font-size: 1.4rem;}
.findCont .findResult p:first-child {padding-top: 0;}
.findCont .findResult .idResult {color: #545454;}
.findCont .findResult .joinDate {color: #999;}


/*팝업::공통*/
.popWrap { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); -webkit-transition: all .1s ease-out; transition: all .1s ease-out; z-index: 15;}
.popWrap.on {visibility: visible; opacity: 1;}

/*팝업::브랜드 검색*/
.popBrandListWrap .popArea {overflow: hidden; position: fixed; top: 0; right: -100%; width: 77%; height: 100%; background: #fff; transition: all .3s .1s ease-out; z-index: 14;}
.popBrandListWrap.on .popArea {right: 0;}
.popHeader {position: relative;}
.popHeader h3 {padding: 16px 15px 12px 15px; border-bottom: 1px solid #dadada; font-size: 1.6rem;font-weight: 500;}
.popHeader a {position: absolute; top: 16px; right: 14px; width: 16px; height: 16px; z-index: 2;}
.popHeader a::after {content: '\2573'; display: inline-block; width: 100%; height: 100%; color: #000; font-size: 1.5rem; text-align: center; font-weight: 600;}
.popBrandListWrap .popBody {height: calc( 100% - 48px);}
.popBrandListWrap .popBody .searchArea {margin-bottom: 12px;}
.popBrandListWrap .popBody .searchArea .formArea.search .searchBtn {right: 30px;}
.popBrandListWrap .popBody .popCont {overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; padding-top: 6px;}
.popBrandListWrap .popBody .popCont li a {display: inline-block; width: 100%; padding: 7px 15px; font-size: 1.4rem; color: #333;}
.popBrandListWrap .tabArea {display: flex; height: 100%;}
.popBrandListWrap .tabArea .tabMenu {overflow-x: hidden; overflow-y: auto; position: relative; flex-shrink: 0; width: 105px; display: block; margin-bottom: 0; border-radius: 0; background: #f3f3f3;}
.popBrandListWrap .tabArea .tabMenu::after {content: ''; display: inline-block; position: absolute; top: 0; right: 0px; width: 1px; height: 100%; background: #eaeaea; z-index: -1;}
.popBrandListWrap .tabArea .tabMenu a {display: block; position: relative; padding: 14px 15px 13px 15px; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; border-radius: 0; font-size: 1.4rem; text-align: left;}
.popBrandListWrap .tabArea .tabMenu a.on {border-color: #000; background: #000;color:#fff}
.popBrandListWrap .tabArea .tabContArea {overflow-y: auto; position: relative; flex-grow: 1;}
.popBrandListWrap .tabArea .tabContArea::after {content: ''; display: inline-block; position: absolute; left: 0; bottom: 0; width: 100%; box-shadow: 2px 2px 5px 1px #eaeaea;}
.popBrandListWrap .tabArea .tabContArea .tabCont {padding: 8px 0;}
.popBrandListWrap .tabArea .tabContArea .tabCont ul li a {display: inline-block; width: 100%; padding: 7px 15px 8px 15px; font-size: 1.4rem; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/* 팝업::공유하기 */
.popShareWrap .popArea {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); width: 80%; margin: 0 auto; background: #fff;}
.popShareWrap .popArea .popContArea {padding: 0 15px;}
.popShareWrap .popHeader h3 {padding: 13px 15px 12px 15px; font-weight: 400; text-align: center;}
.popShareWrap .popBody .popShareCont {display: table; table-layout: fixed; width: 100%; padding: 25px 32px 40px 32px; margin-bottom: 48px;}
.popShareWrap .popBody .popShareCont a {display: table-cell; font-size: 1.3rem; text-align: center;}
.popShareWrap .popBody .popShareCont a::before {content: ''; display: block; width: 46px; height: 46px; margin: 0 auto 7px auto; background: url('../img/sub/icon_share.png') no-repeat; background-size: 140px 46px;}
.popShareWrap .popBody .popShareCont a.shareFace::before {background-position: -47px 0;}
.popShareWrap .popBody .popShareCont a.shareUrl::before {background-position: -94px 0;}
.popShareWrap .popArea .btnArea.popCloseBtn {position: absolute; bottom: 0; left: 0; width: 100%;}
.popShareWrap .popArea .btnArea.popCloseBtn a.popClose {display: inline-block; width: 100%; padding: 16px 0; background: #000; font-size: 1.4rem; color: #fff; text-align: center;}

/*팝업::사진 확대*/
.popImgViewWrap {background: #000;}
.popImgViewWrap .popArea {height: 100%;}
.popImgViewWrap .popHeader a::after {color: #fff;}
.popImgViewWrap .popBody {height: 100%; padding-top: 54px;}
.popImgViewWrap .popBody .popRvCont{display: flex; flex-wrap: wrap; align-content: center; position: relative; height: 100%; padding-bottom: 54px;}
.popImgViewWrap .popBody .popRvCont .popPhoto {height: 100%;}
.popImgViewWrap .popBody .popRvCont .popPhoto ul li {display: flex; flex-wrap: wrap; align-content: center; align-items: center;}
.popImgViewWrap .popBody .popRvCont .popPhoto ul li img {max-width: 100%; width: auto; max-height: 100%; height: auto; margin: 0 auto;}
.popImgViewWrap .popBody .popRvCont .popRvTxt {position: absolute; bottom: 0; padding: 25px 17px 21px 17px; background: rgba(0,0,0,.6); font-weight: 300; font-size: 1.4rem; color: #fff; z-index: 16;}
.popImgViewWrap .popBody .popRvCont .popRvTxt .pdSatisfy {padding: 0 2px;}
.popImgViewWrap .popBody .popRvCont .popRvTxt .pdStar {width: 75px; height: 14px; margin-top: 1px; background-image: url('../img/sub/white_star.png'); background-size: 75px 28px;}
.popImgViewWrap .popBody .popRvCont .popRvTxt .pdStar i {background-image: url('../img/sub/white_star.png'); background-position: 0 -14px; background-size: 75px 28px;}
.popImgViewWrap .popBody .popRvCont .popRvTxt .rvTxt {padding-top: 7px; line-height: 20px;}
.popImgViewWrap .popBody .popRvCont .popRvTxt .pdQinfo {padding-top: 10px;}
.popImgViewWrap .popBody .popRvCont .popRvTxt .pdQinfo span {padding: 0 23px 0 2px; font-size: 1.4rem; color: #fff;}
.popImgViewWrap .popBody .popRvCont .swiper-pagination {display: none;}
.popImgViewWrap .popBody .popRvCont .slideNum {position: absolute; top: -35px; left: 0; right: 0; font-size: 1.4rem; color: #fff; text-align: center;}

/*팝업::임시 비밀번호 발급*/
.popIssueWrap .popArea {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); width: 80%; margin: 0 auto; background: #fff;}
.popIssueWrap .popArea .popBody .issueResult {display: flex; align-items: center; justify-content: center; min-height: 178px; padding-bottom: 48px;}
.popIssueWrap .popArea .popBody .issueTxt {font-size: 1.4rem; line-height: 20px; text-align: center;}
.popIssueWrap .popArea .popBody .issueTxt span {font-weight: 500; color: #000;}
.popIssueWrap .popArea .btnArea.popCloseBtn {position: absolute; bottom: 0; left: 0; width: 100%;}
.popIssueWrap .popArea .btnArea.popCloseBtn a.popClose {display: inline-block; width: 100%; padding: 16px 0; background: #000; font-size: 1.4rem; color: #fff; text-align: center;}

/*팝업::토스트팝업*/
.popToast {display: none; position: fixed; bottom: 100px; left: 0; right: 0; width: 180px; margin: 0 auto; padding: 10px 0 12px 0; border-radius: 45px; -webkit-box-shadow: 2px 2px 5px -1px #999; -moz-box-shadow: 2px 2px 5px -1px #999; box-shadow: 2px 2px 5px -1px #999; background: rgba(0,0,0,.8); font-size: 1.4rem; color: #fff; text-align: center; z-index: 15}


/*해상도_350*/
@media screen and (max-width: 350px) {
  /*메인 > 타임딜*/
  .timeDealArea .dealProduct figure {width: 120px;}
  .timeDealArea .dealProduct .dealInfo {padding: 8px 6px;}
  .timeDealArea .dealProduct .dealInfo .timeInfo {padding-bottom: 4px;}
  .timeDealArea .dealProduct .dealInfo .timeInfo span {margin-left: 2px;}

  /* 브랜드샵메인 */
  .brandShopMainWrap .headerTop .headerBtn {top: 17px;}

  /*상품 상세페이지*/
  .detailWrap .headerTop .headerBtn {top: 17px;}
}

/* 20210415::판매자택배, 국내최저가 뱃지 추가 */
.infoBadges {padding-bottom: 4px;}
.infoBadges span {display: inline-block; height: 16px; padding: 0 3px; border-radius: 2px; color: #fff; white-space: nowrap; line-height: 16px; vertical-align: top;}
.infoBadges .badgeDeliverySeller {background: #2c477f;}
.infoBadges .badgeDeliveryEarly {background: #6ba543;}
.infoBadges .badgeDeliveryLowest {border: 1px solid #c91d3a; background: #fff; color: #c91d3a; line-height: 14px;}
.infoBadges .badgeLowestPrice {border: 1px solid #e44443; color: #e44443; line-height: 14px;}
.brandProduct figure {margin-bottom: 15px;}
.brandProduct .imgInfo .productName {height: 40px; padding-top: 0;}


/*팝업::판매자택배*/
.popDelivery .popArea {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); width: 92%; margin: 0 auto; padding: 30px 25px; border-radius: 20px; background: #fff;}
.popDelivery .popHeader a {top: -10px; right: 0;}
.popDelivery .btnDeliveryQna {text-align: center;}
.popDelivery .btnDeliveryQna a {display: inline-block; margin-top: 17px; padding: 0 20px; background-color: #6ca435; border-radius: 7px; line-height: 30px; color: #fff; font-size: 1.2rem;}


/* 브랜드몰 : 브랜드검색 */
.brandSearchWrap header {padding:19px 15px 16px}
.brandSearchWrap header::after {display:none}
.brandSearchWrap header .brandSearch {display:flex;position:relative}
.brandSearchWrap header .brandSearch .backBtn {position:relative;width:36px;height:40px}
.brandSearchWrap header .brandSearch .backBtn::after {content:'';position:absolute;left:0;top:50%;width:21px;height:21px;background:url(../img/common/icon_header.png) no-repeat 0 -21px / 80px 42px;transform:translateY(-50%)}
.brandSearchWrap header .brandSearch input {display:block;width:100%;height:40px;padding:0 72px 0 12px;background:#fff;border:1px solid #ccc;border-radius:2px;font-size:13px;color:#000;letter-spacing:-1px}
.brandSearchWrap header .brandSearch input::placeholder {color:#828282}
.brandSearchWrap header .brandSearch .searchBtn {position:absolute;top:0px;right:0px;width:50px;height:40px;background:url(../img/common/icon_search.png) no-repeat center/19px 19px;cursor: pointer;}
.brandSearchWrap header .brandSearch .keywordDel{display:none;position:absolute;top:0;right:50px;width:22px;height:100%;}
.brandSearchWrap header .brandSearch .keywordDel a {position:absolute;left:50%;top:50%;width:18px;height:18px;background-color:#e0e0e0;transform:translate(-50%,-50%);border-radius:50%;}
.brandSearchWrap header .brandSearch .keywordDel a::before {content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;background: url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_cross_14.png) no-repeat center / 100% 100%;transform:translate(-50%, -50%)}

.brandSearchWrap .brandSearch_tabCont {display:flex}
.brandSearchWrap .brandSearch_tabCont .tabMenu {flex-basis:110px;flex-shrink:0}
.brandSearchWrap .brandSearch_tabCont .tabMenu li button {display:block;width:100%;height:100%;padding:17px 0 16px 14px;background-color:#000000;color:#fff;text-align:left;cursor:pointer;font-family: 'Montserrat', sans-serif;font-size:14px;letter-spacing:-1.1px}
.brandSearchWrap .brandSearch_tabCont .tabMenu li.on button {background-color:#fff;color:#000}
.brandSearchWrap .brandSearch_tabCont .tabContArea {width:100%}
.brandSearchWrap .brandSearch_tabCont .tabCont {display:none;flex-grow:1;overflow-y:scroll;height:calc(100vh - 75px);overscroll-behavior:contain;}
.brandSearchWrap .brandSearch_tabCont .tabCont.on {display:block;}
.brandSearchWrap .brandSearch_tabCont .tabCont ul {display:flex;flex-wrap:wrap;padding:15px 15px 150px 10px}
.brandSearchWrap .brandSearch_tabCont .tabCont ul li {flex-shrink:0;width:calc(100% / 3);text-align:center;padding:0 5px}
.brandSearchWrap .brandSearch_tabCont .tabCont ul li .img {display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:55px;border-radius:2px;position:relative}
.brandSearchWrap .brandSearch_tabCont .tabCont ul li .img::after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.02)}
.brandSearchWrap .brandSearch_tabCont .tabCont ul li .img img {overflow:hidden;width:65px;height:55px;object-fit:contain}
.brandSearchWrap .brandSearch_tabCont .tabCont ul li.list_all .img span {font-size:1.4rem;font-weight:700}
.brandSearchWrap .brandSearch_tabCont .tabCont ul li strong {display:block;overflow:hidden;height:36px;margin-top:10px;font-weight:400;word-break:keep-all;word-wrap:break-word;letter-spacing:-1.1px}
.brandSearchWrap .brandSearchResult {height:calc(100vh - 75px);overflow-y:auto;padding-bottom:80px}
.brandSearchWrap .brandSearch_none {padding-top:34px;text-align:center}
.brandSearchWrap .brandSearch_none p {font-size:14px;line-height:23px}
.brandSearchWrap .brandSearch_none p span {color:#FF4800}
.brandSearchWrap .brandProductArea {padding:15px 15px 30px;position:relative}
.brandSearchWrap .brandProductArea+.brandProductArea {padding-top:30px;}
.brandSearchWrap .brandProductArea+.brandProductArea::before {content:'';width:calc(100% - 30px);height:1px;position:absolute;left:15px;top:0;background-color:#EAEAEA}
.brandSearchWrap .swiper_prodList .brand_prodList .swiper-slide {width:120px}