/*------------------------------------
  Main > Visual
------------------------------------*/ 
.main_bxslider {position:relative; overflow:hidden; border-bottom:1px solid #ddd; box-sizing:border-box;}
.main_bxslider .bxslider li {width:auto !important;}
.main_bxslider img {width:auto; height: auto;} 
.main_bxslider .bx-wrapper .bx-pager.bx-default-pager{bottom:30px}
.main_bxslider .bx-wrapper .bx-pager.bx-default-pager a {font-size:0px; width:8px; height:8px; text-indent:0px; background-color:#000; opacity:.3; margin:0; border-radius:18px; margin:0 5px;}
.main_bxslider .bx-wrapper .bx-pager.bx-default-pager a:hover, .main_bxslider .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#000; opacity:1; text-decoration:none;}

#ctrol_btn {position:absolute; left:50%; margin-left:-320px; bottom:130px; width:100%;}
#main-control{display:inline-flex; align-items: center; padding:12px 20px; background:rgba(255,255,255,.4); border-radius:30px;}
#main-control .btn,
#main-control .stop{width:20px; height:20px;   background-position:50% 50%; background-repeat:no-repeat;}
#main-control .btn a,
#main-control .stop a {width:100%; width:100%; height:100%; position:absolute; text-indent:-9999px;}
#main-control .stop a {display:block; width:20px; height:20px; background-position:50% 50%; background-repeat:no-repeat;}
#main-control .prev {background-image:url(../image/main/ico_mprev.svg)}
#main-control .next {background-image:url(../image/main/ico_mnext.svg)}
#main-control .stop .bx-stop {background-image:url(../image/main/ico_mstop.svg)}
#main-control .stop .bx-start {background-image:url(../image/main/ico_mplay.svg)}

#main-counter {display:flex; align-items: center;}
#main-counter span {display:inline-block; padding:0 3px;}


/*------------------------------------
  Main > Quick
------------------------------------*/
.link_wrap {padding:70px 0 0 0;}
.quick_slide li {padding:10px 0;}
.quick_slide li a {display:block; text-align: center;}
.quick_slide li a span {position:relative; display:inline-block; width: 115px; height:115px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; background-color:#F7F8F9;
border-radius:50%; margin:0 0 15px 0;}
.quick_slide li a span.ico1:before {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); content:''; width: 100%;  height: 100%; z-index:-1;
background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad); border-radius: 50%; padding: 4px;  animation: animatedgradient 3s ease alternate infinite;background-size: 300% 300%;}
@keyframes animatedgradient {
	0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;}
}	 
.quick_slide li a span.ico1 {background-image:url(../image/main/ico_quick1.png); background-color:#1F1F1F;}
.quick_slide li a span.ico2 {background-image:url(../image/main/ico_quick2.png)}
.quick_slide li a span.ico3 {background-image:url(../image/main/ico_quick3.png)}
.quick_slide li a span.ico4 {background-image:url(../image/main/ico_quick4.png)}
.quick_slide li a span.ico5 {background-image:url(../image/main/ico_quick5.png)}
.quick_slide li a span.ico6 {background-image:url(../image/main/ico_quick6.png)}
.quick_slide li a span.ico7 {background-image:url(../image/main/ico_quick7.png)}


/*------------------------------------
  Main > 오늘의특가
------------------------------------*/ 
.time_wrap {padding-bottom:100px; padding-top:100px; display:flex; justify-content: space-between} 
.time_wrap .prod_tit h3 {padding:0 0 15px 0; font-size:40px;}
.time_wrap .prod_tit h3 a {color:#000; text-decoration: none;}
.time_wrap .prod_tit .desc {font-size: 18px; line-height:1.5; color: #EF2A23;	margin:0 0 40px 0;}
.con_btn {position:relative; font-size: 16px; display:inline-block; padding:18px 110px 18px 30px; border:1px solid #E8E8E8; border-radius:5px; transition:all .3s;}
.con_btn:before {position:absolute; right:30px; content:'+'; display:block; font-size: 25px; top:50%; line-height:1; transform:translatey(-55%);}
.con_btn:hover {background:#222; color:#fff; border-color:#222;}

.time_wrap .prod_li {width:calc(100% - 250px);}
.time_wrap .prod_li ul {display:flex; width:100%;}
.time_wrap .tit_small {color:#999; font-size:17px; text-align:center; padding-bottom:50px;}
.time_wrap .zoomimg_wrap {position: relative; width:280px; height:280px; margin-bottom:25px; }
.time_wrap .zoomimg_wrap a {position: relative; display: block; width:100%; height:100%; z-index:3;}
/*.time_wrap .zoomimg_wrap img {width:280px; height:280px; border:0}*/
.time_wrap .zoomimg_wrap:hover a:before {position: absolute; top:0; left:0; content:""; display:block; background:#003CFF; width:100%; height:100%; opacity:.5; z-index:1;}
.time_wrap .zoomimg_wrap .name_hover {font-size: 0; width:280px; height:280px; }
.time_wrap .zoomimg_wrap:hover .name_hover {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  display: flex; justify-content: center; align-items: center; z-index: 2; font-size: 17px; color: #fff; font-weight: 500;}


/*------------------------------------
  Main > Banner
------------------------------------*/ 
.bnn_wp .bx-wrapper .bx-pager {bottom:20px;}
.bnn_wp .bx-wrapper .bx-pager.bx-default-pager a {width: 8px; height:8px; background:#fff; opacity:.4;}
.bnn_wp .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bnn_wp .bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff; opacity:1;}


/*------------------------------------
	Main > Best
------------------------------------*/
/* best_product */
.best_wrap {padding-top:120px;}
.best_wrap h3 {padding:0 0 15px 0; text-align:center; font-size:40px;}
.best_wrap h3 a {color:#000; text-decoration: none;} 

.best_wrap .best_li {display:flex; flex-wrap:wrap; cursor:pointer; margin-left:-26px;}
.best_wrap .best_li li {position:relative; width:280px; overflow:hidden; margin-left:26px; text-align: left; margin-bottom:50px;}
.best_wrap .best_li li .zoomimg_wrap {height:280px;}
.best_wrap .best_li li img {width:100%; height:100%; object-fit:cover;}
.best_wrap .best_li li .prd_num {position:absolute; left:10px; top:10px; z-index:1; width: 35px; height:35px; border-radius:5px; background:#797A7C; color:#fff; display:flex; justify-content: center;
align-items: center; }
.best_wrap .best_li li:nth-of-type(1) .prd_num {background:#F3270A;}
.best_wrap .con_btn {margin:70px auto 0 auto;}

/* best_product : tab */
.main_tab {width:100%; margin:0 auto; height:auto; position:relative; display:flex; flex-wrap:wrap; margin-left:-1%;}
.main_tab .tab_area {text-align:center; margin:0 0 10px 1%;}
.main_tab .tab {display:block;  padding:16px 22px; color: #606060; border:1px solid #E8E8E8;  border-radius:60px; text-align:center; font-size:18px; word-break:keep-all;}
.main_tab .tab:hover,
.main_tab .tab.active{background:#222; color:#fff !important; font-weight:500; text-decoration:none; }
.tab_cont {margin-top:30px; text-align:center;}


/*------------------------------------
	Main > Pick
------------------------------------*/ 
/* pick_product */
.pick_wrap {margin:120px 0 0 0; background:#F5F7FA; padding:80px 0;}
.pick_wrap h3 {padding:0 0 15px 0; text-align:center; font-size:40px;}

.pick_wrap .wrap {display:flex; justify-content: space-between; gap:40px;}
.pick_wrap .wrap .item {width:100%;}
.pick_wrap .wrap .item .tit {padding:20px 10px; font-size: 22px; font-weight: 600; background:#ddd; color:#fff; text-align: center; border-radius:1rem 1rem 0 0;  }
.pick_wrap .wrap .item.new .tit {background:#56423D}
.pick_wrap .wrap .item.pick .tit {background:#FF4E59}

.pick_wrap .wrap .item ul li {position:relative; background:#fff; border-radius:10px; border:1px solid #DCDCDC; padding:15px; box-sizing:border-box; margin:  6px 0 0 0; display:flex; align-items: center; gap:35px;}
.pick_wrap .wrap .item ul li .zoomimg_wrap {width:135px; height:135px; margin-bottom:0;}
.pick_wrap .wrap .item ul li .zoomimg_wrap img {width:100%; height:100%;}

.pick_wrap .wrap .item ul li .info_wrap {width:calc(100% - 135px);}

.pick_wrap .wrap .item ul li .cart_btn { position:absolute; top:50%; right:20px; transform:translateY(-50%); width:48px; height:48px; border-radius:50%; background:#D5D7DB; border:0; cursor:pointer;}
.pick_wrap .wrap .item ul li .cart_btn:before {position:absolute; width:100%; height:100%; content:''; left:0; top:0; background:url(../image/ico_cart.svg)no-repeat 50% 50%; filter:invert(1);}


/*------------------------------------
	Main > Newproduct
------------------------------------*/ 
.new_wrap {padding: 120px 0}
.new_wrap h3 {padding:0 0 15px 0; text-align:center; font-size:40px;}
.new_wrap h3 a {color:#000; text-decoration: none;}
.new_wrap .new_li {display:flex; flex-wrap:wrap; margin-left:-26px;}
.new_wrap .new_li li {width:280px; margin-left:26px; margin-bottom:50px;}
.new_wrap .zoomimg_wrap {width:100%; height:280px;} 
.new_wrap .zoomimg_wrap img {width:100%; height:100%;}


/*------------------------------------
	Main > Notice
------------------------------------*/ 
.notice_wrap {border-top:1px solid #ddd; padding:20px 0;}
.notice_wrap .wrap {display:flex; align-items: center; justify-content: space-between;}
.notice_wrap .wrap h3 {width:130px; margin:0;}
.notice_wrap .wrap a { display:block;}
.notice_wrap .wrap a:nth-of-type(1) {width:80%; margin-right:auto; max-width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.notice_wrap .wrap a .date {display:inline-block; color:#877975; font-weight: 500; margin-right:40px; }