img{max-width:100%;}

.main_wrap{padding: 30px 0 0 0;font-family:'NanumSquareNeo' !important;background: white;}
.main_wrap *{box-sizing:border-box;}

.logo{max-width: 135px;margin:0 auto;}
.logo img{width:100%;}

.header-cart{position:absolute;right:20px;top: 34px;max-width: 26px;}
.header-cart span.cart--num{
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 18px;
	height: 18px;
	line-height: 20px;
	font-size:11px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	color:#fff;
	font-weight:500;
	background:#f25953;
}

.searchBox {width: 100%;padding: 0 20px;margin-top: 25px;}
.searchBox .input {display:flex; border: 1px solid #7f7f7f;border-radius:7px;position:relative;overflow:hidden;}
.searchBox .input input{width:calc(100% - 38px);height:42px;border:none;background:#fff;outline:none;padding: 0 0 0 20px;box-sizing: border-box;font-size:12px;}
.searchBox .input a.barcode {position:relative;top:0;left: 0;width:64px;height:100%;text-align:center;}
.searchBox .input a.barcode::after{position:absolute;content:'';right: -4px;top: 14px;background:#ccc;width:1px;height:15px;}
.searchBox .input a.barcode img {margin-top:10px;max-width: 38px;}
.searchBox .input a.search-icon{max-width: 20px;position: absolute;top: 10px;right: 11px;}
.searchBox .input a.search-icon img{width:100%;}


/* .main__visual{margin-top:15px;} */


.content__title{display:flex;justify-content:space-between;margin-bottom: 20px; margin-top: 20px;}
.content__title .btn{width:100px; height:35px; border-radius:5px; background:#593ef6; color:#fff; display:flex; align-items:center; justify-content:center;}
.content__title h2 span {color:#593ef6;}

.new-prd-cate .cate-tab ul{display:flex; overflow:hidden;}
.new-prd-cate .cate-tab ul li {width:calc(11.11% - 26px);text-align:center;/* margin-right: 29px; */}
.new-prd-cate .cate-tab ul li:last-child{margin-right: 0;}
.new-prd-cate .cate-tab ul li a {display:block;position:relative;font-size: 15px;border-radius: 5px;line-height: 1.5;height: 50px;border:1px solid #d9d9d9;display: flex;align-items: center;justify-content: center;padding: 10px;}
.new-prd-cate .cate-tab ul li.on a{background: #593ef6;box-shadow: 0 0 9px 0px #593ef670;}

.new-prd-cate .cate-tab ul li .icon {background:#f2f2f2; width: 95px; height: 95px; border-radius:10px; background-repeat:no-repeat;background-position:50% 50%;}
.new-prd-cate .cate-tab ul li.on .icon{background:#6a6eeb; background-repeat:no-repeat;background-position:50% 50%;}

.new-prd-cate .cate-tab.tab02 ul li{width: 33%;}
.new-prd-cate .cate-tab ul li{display:block;width: 33.3333%;color:#333;padding: 4px;}
.new-prd-cate .cate-tab ul li p{color:#333;font-size: 12px;}
.new-prd-cate .cate-tab ul li.on p{color:#fff;}
.new-prd-cate .cate-tab ul li:last-child{margin-right: 0px;}


.prd-cate ul li {float:left;width: 16.5%;margin-right: 0px;}
.prd-cate ul li a {display:block;line-height:52px;font-size:15px;color:#808080;border:1px solid #ddd;border-bottom-color:#4d4d4d;text-align:center;position:relative;z-index:0;font-weight: 700;font-size: 16px;}
.prd-cate ul li.on a {border-color:#4d4d4d;border-bottom-color:#fff;z-index:1;font-weight: 700;font-size: 16px;}
.prd-list ul {
    overflow: hidden;
    /* clear: both; */
}
.prd-list ul li {/* float:left; *//* width:255px; *//* margin-right:15px; *//* margin-top:20px; */}
.prd-list ul li {/* width: 180px; */}
.prd-list ul li .ranking{background-image:url('/images/common/ranking.png');width:25px;height:35px;text-align:center;background-repeat: no-repeat;background-size: 100% 100%;color:white;position: absolute;padding-top: 10px;font-size:14px;z-index:1}
.prd-list ul li .prd-thumb {/* border:1px solid #ddd; */-webkit-transition:0.3s;transition:0.3s;/* height:255px; */}
.prd-list ul li .prd-thumb img {width:100%;height: 100%;aspect-ratio: 190 / 170;}
.prd-list ul li:hover a {text-decoration:none;}
.prd-list ul li:hover .prd-thumb {border-color:#cd1f20;}
.prd-list ul li .prd-info {/* padding:20px 0; */}
.prd-list ul li .prd-info .prd-name {font-size:15px;color:#333;font-weight:500; height: 13px;}
.prd-list ul li .prd-info .prd-amount {font-size:15px;color:#999;font-weight:300;margin-top:10px; height: 10px;}
.prd-list ul li .prd-info .prd-price {margin-top:10px;}
.prd-list ul li .prd-info .prd-price .dc {font-size:20px;color:#e64242;font-weight:700;}
.prd-list ul li .prd-info .prd-price .price-dc {font-size:20px;color:#333;font-weight:700;}
.prd-list ul li .prd-info .prd-price .dc-amount {font-size:14px;color:#999;font-weight:300;text-decoration:line-through;}
      .swiper {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
      }

.prd-list ul li {width: 50%;/* margin-right: 8px; *//* margin-top: 0; */padding: 4px;}
.prd-list ul li .item{border:1px solid #e5e5e5;border-radius:5px;padding: 10px 10px;}
.prd-list ul li .item-login{border:1px solid #e5e5e5;border-radius:5px;padding: 10px 10px;}
.prd-list ul li:nth-child(6n){ margin-right: 0;}
.prd-list ul li .prd-thumb{margin-bottom: 7px;}
.prd-list ul li .prd-info{padding-top:10px;}
.prd-list ul li .prd-info .check-box{display:flex; justify-content:space-between; }
.prd-list ul li .prd-info .check-box input[type='checkbox']{border:1px solid #e5e5e5;}
.prd-list ul li .prd-info .check-box .quan-wrap{display:flex;}
.prd-list ul li .prd-info .check-box .quan-wrap .quan{display:flex; margin-right:4px; }
.prd-list ul li .prd-info .check-box .quan-wrap .quan input{width:35px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align: right;padding: 0 5px;box-sizing: border-box;}
.prd-list ul li .prd-info .cate{margin-bottom: 7px;}
.prd-list ul li .prd-info .cate-noIcon{height: 25px;margin-bottom: 7px;}
.prd-list ul li .prd-info .prd-cate{margin-bottom: 5px; font-size:13px;}
.prd-list ul li .prd-info .prd-name{/* font-weight:700; */height: 35px;line-height: 135%;font-size: 12px;/* height:auto */;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.prd-list ul li .prd-info .member-btn{width:100%;display:block;height:35px;border:1px solid #e5e5e5;margin-top: 7px;margin-bottom: 7px;line-height:34px;text-align:center;font-size:10px;}


.recommend-contents {/* margin-top:50px; */overflow: hidden;}
.recommend-contents > ul > li {display:none;}
.recommend-contents > ul > li.on {display:block;}


.conBox{padding:40px 20px;}
.new-prd__wrap{padding:10px 20px 40px 20px;}
.conBox h2 {font-size: 18px;color:#333;font-weight:700;text-align:center;text-transform:uppercase;}




.four__banner{background:#f4f3fe;/*padding: 40px 20px;*/overflow: hidden;position: relative;width: 100%;}
.four__banner .backImg {position: absolute;width: 100%;height:100%;}
.four__banner .backImg img {width: 100%;height:100%;}
.four__banner .auto{display:flex;align-items: flex-start;flex-direction: column;padding: 40px 20px;}
.four__banner .title{font-size: 18px;color:#000;font-weight:700;line-height:1.6;margin-bottom: 20px;z-index:1}
.four__banner .title span{color:#593ef6;}
.four__banner .banner{display:grid;grid-template-columns:1fr 1fr;gap: 10px;z-index:1}
.four__banner .banner a{}
.four__banner .banner a img{border-radius:5px;}


.swiper-grid-column > .swiper-wrapper{flex-direction:row !important;}

.bullets{display:flex;align-items:center;justify-content: center;margin-top: 15px;}
.bullets span{width:8px;height:8px;background: #593ef6;}



#footer {clear:both; width:100%; border-top:1px solid #ddd;}

/* footer */
#footer .fLogo img{max-width:120px;}
#footer .footerBottom {padding: 30px 20px;background:#f5f5f5;}
#footer .footerBottom .addrWrap {overflow:hidden;}
#footer .footerBottom address {font-size: 12px;color:#999;font-weight:400;position:relative;margin-top: 15px;}
#footer .footerBottom address p {line-height:1.6;}
#footer .footerBottom address .copyright {display:block;margin-top:5px;line-height:1.6;}
#footer .footerBottom .f_certification {position:absolute;bottom: 0;right:0;z-index:1;}

#mainVisual {background:#f3f5ff;position:relative;}
#mainVisual .slick-slider {overflow:hidden; }
#mainVisual .slick-slider img{width:100%;max-width:none;}
#mainVisual .slick-slider .slick-track {text-align: center;}
#mainVisual .slick-dots {position:absolute;bottom:0;left:0;width:100%;height:40px;}
#mainVisual .slick-dots li {float:left;}
#mainVisual .slick-dots li a {display:block;font-size:14px;color:#666;line-height:40px;text-align:center;background:#dce7fb;}
#mainVisual .slick-dots li.slick-active a {background:#595a5b;color:#fff;}
#mainVisual .util-wrap {position: absolute;right: 10px;bottom: 10px;display: inline-block;line-height:30px;}
#mainVisual .util-wrap .mv-btn {display:inline-block;border-radius:50%;background:#b3b4b8;text-align:center;font-size:16px;color:#fff;width:30px;height:30px;margin-right:5px;vertical-align:top;}
#mainVisual .util-wrap .pager {display:inline-block;background:#b3b4b8;padding:0 20px;font-size:16px;color:#fff;vertical-align:top;}
#mainVisual .util-wrap .pager .slider_num {font-weight:bold;}
#mainVisual .util-wrap .btn-minus {display: inline-block;border-top-left-radius: 20px;border-bottom-left-radius: 20px;background: #b3b4b8;padding: 0 10px;font-size: 20px;color: #fff;vertical-align: top;height: 30px;line-height: 28px;}
#mainVisual .util-wrap .btn-plus {display:inline-block;border-top-right-radius:20px;border-bottom-right-radius:20px;background:#b3b4b8;padding:0 10px;font-size:20px;color:#fff;vertical-align:top;}
#mainVisual .arrow {position:absolute;top:50%;margin-top:-24px;}
#mainVisual .arrow.btnPrev {left:-32px;}
#mainVisual .arrow.btnNext {right:-32px;}
#mainVisual .util-wrap .mv-btn i {font-family:'Material Icons' !important;display:none;line-height:35px;font-size:20px;line-height:33px;}
#mainVisual .util-wrap .mv-btn i.pause {display:inline;}
#mainVisual .util-wrap .mv-btn.stop i.pause {display:none;}
#mainVisual .util-wrap .mv-btn.stop i.play {display:inline;}
#mainVisual .slick-prev {display:none !important;}

.prd-item {float: left;}

/* 230130 */
.brand__zone{overflow:hidden;padding: 40px 0px 40px 20px;}
.brand__zone h2{font-size:22px; font-weight:600;}
.brand__zone img{max-width:100%; width:100%;}
.brand__zone .swiper{overflow:hidden;padding-right: 20%;}
.brand__zone .img{border-radius:15px; overflow:hidden;}
.brand__zone .txt{padding: 6px 0px;}
.brand__zone .txt .t01{font-size:15px; line-height:1.5; overflow: hidden; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;}

.event_introduce{overflow:hidden;padding: 0px 0px 40px 20px;}
.event_introduce h2{font-size:22px; font-weight:600;}
.event_introduce img{max-width:100%; width:100%;aspect-ratio:2/1;}
.event_introduce .swiper{overflow:hidden;padding-right: 20%;}
.event_introduce .img{border-radius:15px; overflow:hidden;}
.event_introduce .img img{}

.mobile_main_top{overflow:hidden;padding: 20px 20px 50px 20px;position: relative;}
.mobile_main_top:before {content: '';position: absolute;top:0;left: 0;width: 20px;height: 100%;background-color: white;z-index: 2;}
.mobile_main_top:after {content: '';position: absolute;top:0;right: 0;width: 20px;height: 100%;background-color: white;z-index: 2;}
.mobile_main_top h2{font-size:22px; font-weight:600;}

.mobile_main_top .swiper{overflow:visible;}
.mobile_main_top .img{border-radius:10px; overflow:hidden;width:100%;}
.mobile_main_top .img li{width:48%;margin:1%;float:left;}
.mobile_main_top img{max-width:100%; width:100%;aspect-ratio:1;}
.mobile_main_top .swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, .swiper-pagination-fraction
{
bottom:-17px;
}
.mobile_main_top .swiper-pagination{display: flex; justify-content: center; align-items: center;}
.mobile_main_top .swiper-pagination-bullet{width:7px; height:7px;}
.mobile_main_top .swiper-pagination-bullet-active {background: #593ef6;}

.btn-more a {display:block;border:1px solid red;text-align:center;font-size:18px;color:red;line-height:45px;font-weight: 500;}

.mainTop_zone{overflow:hidden;}
.mainTop_zone img{max-width:100%; width:100%;}
.mainTop_zone .swiper{overflow:hidden;}
.mainTop_zone .img{overflow:hidden;}


/* 메인 탑 배너 */
.mainTop_zone .swiper_btnlist .new-swiper-pagination{background-color: rgba(179,180,184,0.7);color: #fff;font-size: 13px;box-sizing: border-box;width: 70px;height: 26px;text-align: center;position: absolute;bottom: 24px;right: 61px;padding-top: 5px;z-index: 2;left: auto;}
.mainTop_zone .swiper .swiper_btnlist .new-swiper-button-next{position: absolute;right: 30px;bottom: 24px;border-radius: 0 25px 25px 0;padding-right: 2px;background-image: none;z-index: 2;}
.mainTop_zone .swiper .swiper_btnlist .new-swiper-button-next{background-color: rgba(179,180,184,0.7);color: #fff;font-size: 13px;box-sizing: border-box;width: 26px;height: 26px;overflow: hidden;text-align: center;padding-top: 6px;}
.mainTop_zone .swiper .swiper_btnlist .new-swiper-button-prev{position: absolute;right: 136px;bottom: 24px;border-radius: 25px 0 0 25px;padding-right: 2px;background-image: none;z-index: 2;}
.mainTop_zone .swiper .swiper_btnlist .new-swiper-button-prev{background-color: rgba(179,180,184,0.7);color: #fff;font-size: 13px;box-sizing: border-box;width: 26px;height: 26px;overflow: hidden;text-align: center;padding-top: 6px;}
.mainTop_zone .swiper .swiper_btnlist .swiper-stop-play{width: 26px;height: 26px;position: absolute;bottom: 24px;right: 167px;background-color: rgba(179,180,184,0.7);border-radius: 25px;text-align: center;z-index: 1;}
.mainTop_zone .swiper .swiper_btnlist .swiper-stop-play .pause.on{display: inline-block;}
.mainTop_zone .swiper .swiper_btnlist .swiper-stop-play .pause{padding-top: 7px;display: none;}
.mainTop_zone .swiper .swiper_btnlist .swiper-stop-play .play.on{display: inline-block;}
.mainTop_zone .swiper .swiper_btnlist .swiper-stop-play .play{padding-top: 7px;display: none;}
.mainTop_zone .swiper .swiper_btnlist .swiper-stop-play img{padding-top: 7px;display: none;width: 8px;}
.mainTop_zone .swiper .swiper-wrapper .swiper-slide img{width: 100%;height: 100%}