@charset "UTF-8";
/*list_common*/
* { -webkit-tap-highlight-color:rgba(0,0,0,0.3); }
.dimmed {z-index:19;}
.modal_pop {display:none;position:fixed;width:335px;height:240px;left:50%;top:50%;margin-left:-167px;margin-top:-120px;z-index:9999;background:#fff;}
.pop_wrap {display:block;position:relative;width:100%;height:100%;text-align: center;padding-top:43px; border:1px solid #e8e7e7; z-index:9999;}
.pop_wrap img {display:block;margin:0 auto 26px auto;width:39px;height:auto;}
.pop_wrap h3 {font-size:15px;line-height:25px;color:#333333;font-weight:400;}
.pop_wrap .btnArea.fix {display:block;position:absolute;width:100%;height:50px;left:0;bottom:0;margin-top:0;}
.pop_wrap .btnArea.fix a {display:inline-block;width:50%;height:100%;float:left;font-size:15px;font-weight:300;line-height:48px;}
.pop_wrap .btnArea.fix a.redLineBtn {border:1px solid #BB2649;background:#fff;color:#BB2649;}
.pop_wrap .btnArea.fix a.redBtn {border:1px solid #BB2649;background:#BB2649;color:#fff;}

nav {display:inline-block;width:100%;height:40px;padding-left:10px;border-bottom:1px solid #ededed;}
nav .scrollWrap {height:40px;}
nav ul {width:max-content !important;}
nav ul li {padding:0 10px;display:inline-block;float:left;}
nav ul li a {display:block;line-height:35px;height:37px;border-bottom:2px solid #fff;font-size:16px;font-weight:500;font-family:'Noto Sans KR'}
nav ul li.on a {display:block;line-height:35px;height:37px;border-bottom:2px solid #BB2649;font-size:14px;font-family:'Noto Sans KR';color:#BB2649;font-weight:700;}

.posR {position:relative;}
.mainBanner {position:relative !important;margin-top:-3px;width:100%;}
.mainBanner .swiper-slide a {display:block;}
.mainBanner .swiper-slide a img {width:100%;height:auto;}
.main_paging {position:absolute;left:auto;right:20px;z-index:5;display:inline-block;width:50px;color:#a7a7a7;font-size:13px;}
.main_paging span.swiper-pagination-current {color:#fff;z-index:5;}
.main_paging span.swiper-pagination-total {z-index:5;}

.more_view {position:absolute;right:10px;top:80%;background:rgba(0,0,0,0.4);border-radius: 20px;width:85px;height:27px;line-height:27px; z-index:777;}
.more_view a {position:absolute;right:0px;bottom:0px;background:rgba(0,0,0,0.4);border-radius: 50%;width:27px;height:27px;text-align: center;}
.more_view a img {width:11px; height:11px;margin-top:8px; z-index:7777;}

.main_cate {display:inline-block;position:relative;width:100%;padding:12px 0 10px 10px;overflow: hidden;border-bottom:1px solid #ededed;height:120px;}
.main_cate .scrollWrap {padding-bottom:0px;}
.main_cate .scrollWrap ul {margin:0 auto; width:max-content !important;}
.main_cate .scrollWrap ul li {display:inline-block; /*float:left;*/ width:70px;min-height:85px;overflow-y:hidden;}
.main_cate .scrollWrap ul li:not(:last-of-type) {margin-right:33px;}
.main_cate .scrollWrap ul li a{display:block; width:100%; height:170px; text-align:center; font-size:12px; font-family:'Noto Sans KR';}
.main_cate .scrollWrap ul li a img{width:70px; margin-bottom:3px;}

@media(min-width:550px){
    .main_cate{/*display: block;*/}
    .main_cate .scrollWrap ul{/*width: 100% !important;margin: 0;overflow: hidden;*/}
    .main_cate .scrollWrap ul li{/*width:16.666%;text-align: center;*/}
    .main_cate .scrollWrap ul li a{display: inline-block;width: 70px;height: 92px; margin-bottom:15px;}
    .main_cate .scrollWrap ul li:not(:last-of-type) {/*margin: 0;*/}
}

/* .main_cate .scrollWrap ul li:first-of-type a {background:url(../images/mobile/dummy/cate_banner08.png) no-repeat center top;background-size:70px auto;} */
/* .main_cate .scrollWrap ul li:nth-of-type(3) a {background:url(../images/mobile/dummy/cate_banner02.png) no-repeat center top;background-size:70px auto;} */
/* .main_cate .scrollWrap ul li:nth-of-type(4) a {background:url(../images/mobile/dummy/cate_banner04.png) no-repeat center top;background-size:70px auto;} */
/* .main_cate .scrollWrap ul li:nth-of-type(5) a {background:url(../images/mobile/dummy/cate_banner03.png) no-repeat center top;background-size:70px auto;} */
/* .main_cate .scrollWrap ul li:nth-of-type(6) a {background:url(../images/mobile/dummy/cate_banner06.png) no-repeat center top;background-size:70px auto;} */
/* .main_cate .scrollWrap ul li:nth-of-type(7) a {background:url(../images/mobile/dummy/cate_banner05.png) no-repeat center top;background-size:70px auto;} */
/* .main_cate .scrollWrap ul li:nth-of-type(8) a {background:url(../images/mobile/dummy/cate_banner07.png) no-repeat center top;background-size:70px auto;} */
/* .main_cate .scrollWrap ul li:nth-of-type(2) a {background:url(../images/mobile/dummy/cate_banner.png) no-repeat center top;background-size:70px auto;} */

/*
.main_cate .scrollWrap ul li:nth-of-type(2) a {background:url(../images/mobile/dummy/cate_banner09.png) no-repeat center top;background-size:70px auto;}
.main_cate .scrollWrap ul li:nth-of-type(3) a {background:url(../images/mobile/dummy/cate_banner10.png) no-repeat center top;background-size:70px auto;}
.main_cate .scrollWrap ul li:nth-of-type(4) a {background:url(../images/mobile/dummy/cate_banner.png) no-repeat center top;background-size:70px auto;}
.main_cate .scrollWrap ul li:nth-of-type(5) a {background:url(../images/mobile/dummy/cate_banner02.png) no-repeat center top;background-size:70px auto;}
.main_cate .scrollWrap ul li:nth-of-type(6) a {background:url(../images/mobile/dummy/cate_banner04.png) no-repeat center top;background-size:70px auto;}
.main_cate .scrollWrap ul li:nth-of-type(7) a {background:url(../images/mobile/dummy/cate_banner03.png) no-repeat center top;background-size:70px auto;}
.main_cate .scrollWrap ul li:nth-of-type(8) a {background:url(../images/mobile/dummy/cate_banner06.png) no-repeat center top;background-size:70px auto;}
.main_cate .scrollWrap ul li:nth-of-type(9) a {background:url(../images/mobile/dummy/cate_banner05.png) no-repeat center top;background-size:70px auto;}
.main_cate .scrollWrap ul li:nth-of-type(10) a {background:url(../images/mobile/dummy/cate_banner07.png) no-repeat center top;background-size:70px auto;}
.main_cate .scrollWrap ul li:first-of-type a {background:url(../images/mobile/dummy/cate_banner08C.png?date=202101290101) no-repeat center top;background-size:70px auto;}
*/

.getdeal {border-top:9px solid #f1f1f1;margin-top:-3px;padding:20px 10px;}
.getdeal h2 {/*margin-bottom:15px;*/ font-size:18px; text-align:center;}
.getdeal h2 img {/*height:30px;margin:0 5px 0 10px;*/ width:30vw; max-width:134px; margin-top:-10px;}
.getdeal h2 span {float:right; height:30px;}
.getdeal > ul > li {display:inline-block;float:left;width:calc(50% - 3px);border:1px solid #dddddd;margin-bottom:5px; overflow:hidden;}
.getdeal > ul > li:nth-of-type(2n-1) {margin-right:5px;}
.getdeal > ul > li a.prd_thumb {display: block;width: 90%; height: 90%; margin:0 auto; text-align: center; overflow:hidden;}
.getdeal .prd_thumb img {width:90%; height:90% !important; margin:0 auto; /*position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);*/}

@media(min-width:670px){
    .getdeal > ul > li{width:calc(25% - 3px);margin-left: 3px;}
    .getdeal > ul > li:nth-of-type(2n-1){margin-right: 0;}
    .getdeal > ul > li:nth-child(4n+1){margin-left: 0;clear: left;}
}

.getdeal .prd_tag {display:inline-block;width:100%;padding: 0 10px;margin-top:3px;}
.getdeal .prd_tag::after {display:block;content: '';clear:both;}
.getdeal .prd_tag a {display:inline-block;float:left;padding:2px 3px;font-family:'Tahoma';font-size:10px;font-weight:700;background:#f1f1f1;}
 
.getdeal .prd_name {display:block;width:100%;padding: 0 5%; overflow:hidden; text-overflow:ellipsis; height:73px;}
.getdeal .prd_name a {display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:auto; letter-spacing:-1px; font-size:0.875rem; -webkit-text-size-adjust:auto;}
.getdeal .prd_info {padding:0 3% 3%; line-height:1em; overflow:hidden; height:45px;}
.getdeal .prd_info ul{display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; margin:0 auto; height:100%;}
.getdeal .prd_info ul::after{content:none;}
.getdeal .prd_info ul li {display:inline-block;} 
.getdeal .prd_info ul li:first-of-type {font-size:200%;color:#BB2649; line-height:normal; width:35%; overflow:hidden;} 
.getdeal .prd_info ul li:first-of-type span {letter-spacing: -2px;} 
.getdeal .prd_info ul li:nth-of-type(2) {padding-top:0px; width:40%; overflow:hidden;} 
.getdeal .prd_info ul li:last-of-type {width:25%; overflow:hidden;} 
.getdeal .prd_info ul li a.add_cart {display:block; /*width:30px;*/ height:30px;background:url(../images/mobile/ico/ico_add_cart.png) no-repeat right center; background-size:contain; margin-left:auto;}
.getdeal .prd_info ul li p.consumer {text-decoration: line-through;color:#b9b9b9;margin-bottom:3%; font-size:70%;}
.getdeal .prd_info ul li p.price {color:#000000;}
.getdeal .prd_info ul li p.price span {color:#000000;font-weight:800;letter-spacing: -1px; font-size:130%;}

.event  .swiper-container {padding:10px 0 10px 0; z-index:2}
.event .swiper-slide {display: -webkit-box;display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.event .swiper-slide {width:78%;transition-duration: 0.5s}
.event .swiper-slide > a {display:block;border-radius: 10px;}
.event .swiper-slide img {width:100%;}
.event .swiper-slide-active {box-shadow:none;margin-bottom:10px;transform: translateY(-10px);}
.event .center-banner {padding:0 10px;}
.event .center-banner ul {width:100%;}
.event .center-banner ul li {display:inline-block;float:left;width:calc(50% - 3px);}
.event .center-banner ul li:first-of-type {margin-right:5px;}
.event .center-banner ul li img {width:100%;}

.custom {margin-top:20px;padding:0 5px 20px 10px;border-bottom:1px solid #ededed;}
.custom .scrollWrap {padding-bottom:10px;}
.custom h2 {padding-left:10px;font-size:18px;font-weight:500;}
.custom .hashTag {padding-left:10px;margin-top:8px; margin-bottom:15px; width: max-content !important;}
.custom .hashTag::after {content: '';display:block;clear:both;}
.custom .hashTag > a {display:inline-block;position:relative;padding:4px 6px 4px 12px;background:#f1f1f1;font-size:12px;font-family:'Noto Sans KR';font-weight:300;border-radius: 20px;float:left;margin-right:10px;height:25px;}
.custom .hashTag > a:before {content:'#';display:inline-block;position:absolute;left:6px;top:4px;}
.custom .custom_prd ul li {display:inline-block;width:calc(33.3% - 5px);margin-right:5px;width:110px;height:110px;}
.custom .custom_prd ul li a {width:100%; height:100%;}
.custom .custom_prd ul li a img {width:100%; height:100%; min-width:110px;min-height:110px;}
.custom .custom_prd ul li p.cp_name {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;padding:0 5px;font-family:'Noto Sans KR';font-weight:300;font-size:0.875rem;height:33px;line-height:16px;margin:4px auto 13px auto;text-overflow:ellipsis;overflow: hidden;word-wrap: normal;white-space: normal;}
.custom .custom_prd ul li p.cp_price {width:100%;padding:0 5px;font-size:14px;margin-top:4px; }
.custom .custom_prd ul li p.cp_price span {font-size:17px;font-weight:800; margin-top:4px;letter-spacing: -1px;}

@media(min-width:700px){
    .custom .custom_prd #fit-list{width: 100% !important;margin: 0;overflow: hidden;}
    .custom .custom_prd ul li{width:16.666%;text-align: center;display: block;float: left;margin-right: 0;height:auto;}
    .custom .custom_prd ul li a{display: inline-block;}
    .custom .custom_prd ul li a p{text-align: left;}
}

.best_cate {border-top:9px solid #f1f1f1;padding:30px 0 0 0;}
.best_cate h2 {font-size:18px;font-weight:500;line-height:1;padding-left:20px;margin-bottom:12px;}
.best_cate ul.best_category {padding:0 16px;}
.best_cate ul.best_category li {display:inline-block;position:relative;width:25%;height:79px;background:#f12;float:left;margin-bottom:15px;}
.best_cate ul.best_category li a {position:relative;padding-top:63px;text-align: center;font-family:'Noto Sans KR';font-weight:300;font-size:12px;}
.best_cate ul.best_category li.on a {font-weight:300;font-size:12px;color:#BB2649;}
.best_cate ul.best_category li:first-of-type {background:url(../images/mobile/dummy/best_cate_01.png) no-repeat center top;background-size:60px auto;}
.best_cate ul.best_category li:nth-of-type(2) {background:url(../images/mobile/dummy/best_cate_02.png) no-repeat center top;background-size:60px auto;}
.best_cate ul.best_category li:nth-of-type(3) {background:url(../images/mobile/dummy/best_cate_03.png) no-repeat center top;background-size:60px auto;}
.best_cate ul.best_category li:nth-of-type(4) {background:url(../images/mobile/dummy/best_cate_04.png) no-repeat center top;background-size:60px auto;}
.best_cate ul.best_category li:nth-of-type(5) {background:url(../images/mobile/dummy/best_cate_05.png) no-repeat center top;background-size:60px auto;}
.best_cate ul.best_category li:nth-of-type(6) {background:url(../images/mobile/dummy/best_cate_06.png) no-repeat center top;background-size:60px auto;}
.best_cate ul.best_category li:nth-of-type(7) {background:url(../images/mobile/dummy/best_cate_07.png) no-repeat center top;background-size:60px auto;}
.best_cate ul.best_category li:nth-of-type(8) {background:url(../images/mobile/dummy/best_cate_08.png) no-repeat center top;background-size:60px auto;}

.best_cate ul.best_prd li {display:block;position:relative;width:100%;border-bottom:1px solid #eeeeee;}
.best_cate ul.best_prd li:not(:first-of-type) {border-top:6px solid #f8f8f8;}
.best_cate ul.best_prd li:after{content: '';display:block;clear:both;}
.best_cate ul.best_prd li a.thumbArea {width:40%;position:relative;float:left;text-align: center;padding:16px 0 0; display:block; height:130px; overflow:hidden;}
.best_cate ul.best_prd li a.thumbArea img {width:100%;max-width:100px;}
.best_cate ul.best_prd li .floatR {width:60%;padding:18px 20px 0 10px;float:right;}
.best_cate ul.best_prd li .best_name {display:block; letter-spacing: -1px;height:40px; font-size:0.875rem;font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow: ellipsis;overflow: hidden;}
.best_cate ul.best_prd li .best_info {margin-top:28px; letter-spacing: -1px;}
.best_cate ul.best_prd li .best_info .oPrice {font-size:12px;color:#b9b9b9;text-decoration: line-through;line-height:1;margin-bottom:2px;}
.best_cate ul.best_prd li .best_info .best_price {font-size:14px;color:#000;line-height:1;}
.best_cate ul.best_prd li .best_info .best_price span {font-size:17px;color:#000;font-weight:800;letter-spacing: -.5px;}
.best_cate ul.best_prd li .best_info > a {float:right;width:30px;height:30px;margin-left:5px;margin-top:-29px;}
.best_cate ul.best_prd li .best_info a.add_cart {background:url(../images/mobile/ico/ico_add_cart.png) no-repeat center center;background-size:100% auto;}
.best_cate ul.best_prd li .best_info a.add_wish {background:url(../images/mobile/ico/ico_favorite_off.png) no-repeat center center;background-size:100% auto;}
.best_cate ul.best_prd li .best_info a.add_wish.on {background:url(../images/mobile/ico/ico_favorite_on.png) no-repeat center center;background-size:100% auto;}

.brandshop {border-top:9px solid #f1f1f1;padding:30px 20px 0 20px;text-align: center;}
.brandshop h2 {line-height:1;margin-bottom:15px;font-weight:500;font-size:18px;text-align: left;}
.brandshop ul li {display:inline-block;float:left;width:calc(25% - 4px);margin-bottom:5px;}
.brandshop ul li a img  {width:100%;}
.brandshop ul li:not(:nth-of-type(4n)) {margin-right:5px;}
.brandshop > a {display:inline-block;height:40px;line-height:40px;padding-right:14px;background:url(../images/mobile/ico/ico_arrow_down.png) no-repeat center right;background-size:10px auto;}


/*메인에서만*/
.modal_wrap .dimmed {position:fixed;display:none; left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.8);z-index:8888;}
.modal_wrap .popBanner {overflow:visible;}
/* .modal-popup {position:absolute;top:100px;left:0;width:100%;height:auto;display:inline-block;z-index:9999;visibility: hidden;padding-top:50px;overflow-x:hidden;} */
.modal_wrap .modal-popup {position:absolute;top:100px;left:0;width:100%;height:auto;display:inline-block;z-index:-9999;padding-top:50px;overflow-x:hidden;}
.modal_wrap .modal-popup.on {visibility: visible;z-index:9999; background:#333;}
.modal_wrap .modal-popup .swiper-slide {width:78%;transition-duration: 0.5s;}
.modal_wrap .modal-popup .swiper-slide-active {box-shadow:none;margin-bottom:10px;transform: translateY(-10px);}
.modal_wrap .modal-popup .swiper-slide a {display:block;}
.modal_wrap .modal-popup .swiper-slide a img {width:100%;}
.modal_wrap .modal-popup .closeBtn {display:inline-block;position:absolute;width:51px;height:51px; padding:0px;right:3px;top:3px;z-index:14;}
.modal_wrap .modal-popup .closeBtn .close {display:block;position:relative;width:100%;height:100%; background:url(../images/mobile/ico/ico_closeBtn_34.png) no-repeat top center;background-size:17px auto;}


header.mainH {background:#fff;z-index:7777;}
header.mainH .header-sticky { display:none;position:relative;width:100%;}
header.mainH .header-sticky ul li {display:inline-block;text-align: center;height:65px;}
header.mainH .header-sticky ul li:first-of-type {float:left;}
header.mainH .header-sticky ul li:nth-of-type(2) {width:calc(100% - 60px);padding:0 10px;}
header.mainH .header-sticky ul li:last-of-type {float:right;}
header.mainH .header-sticky ul li a.side_call {display:block;float:left;width:30px;height:30px;margin-top:18px;background:url(../images/mobile/ico/ico_category.png) no-repeat center center;background-size:20px auto;}
header.mainH .header-sticky ul li a.basket {display:block;position:relative;float:left;width:30px;height:30px;margin-top:18px;background:url(../images/mobile/ico/ico_aside_cart.png) no-repeat center left;background-size:20px auto;}
header.mainH .header-sticky ul li:last-of-type a.basket span {position:absolute;display:block;width:14px;height:14px;border-radius: 50%;background:#BB2649;color:#fff;top:0;right:5px;line-height:14px;text-align: center;font-size:9px;}

header.mainH .header-sticky .searchArea {display:block;width:100%;height:40px;background:#f1f1f1;border-bottom:2px solid #BB2649;margin-top:12px;}
header.mainH .header-sticky .searchArea .inputT {display:inline-block;width:calc(100% - 40px);height:38px;border:0;background:#f1f1f1;}
header.mainH .header-sticky .searchArea button {display:inline-block;float:right;width:40px;height:38px;background:url(../images/mobile/ico/ico_search_202403.png) no-repeat center center;border:0;background-size:19px auto;}
header.mainH .header-sticky .searchArea button:focus {outline:none;}

#fit-list{width:max-content;}