/* BASIC css start */
/* ¸ÞÀÎ ÀÌ¹ÌÁö */
.swiper-container.swiper0 {width:100%; margin:0 auto;}
.swiper0 .swiper-slide img {width:100%;}
.swiper0 .swiper-pagination {position:absolute; left:0; right:0; bottom:20px;}
.swiper0 .swiper-pagination-bullet { width:8px; height:8px; display:inline-block; border-radius:50%; background:#ccc;border:0; opacity:0.7; }
.swiper0 .swiper-pagination-bullet-active { opacity: 1;width:8px; height:8px; background: #000;border:0;}
.swiper0 .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0;}
.swiper0 .swiper-pagination0 {bottom:15px !important;}

/* ¸ÞÀÎ ÅÇ»óÇ° */
.swiper-container.swiper2 {width:100%;height:auto;margin:10px auto 0;background-color:#fff;}
.swiper2_text {font-size:0;text-align:center;margin:0 auto 30px;}
.swiper2_text li {color:#999;font-size:12px; text-align:center; cursor:pointer; position:relative; display:inline-block; margin:0px 5px; padding:0px 3px; border-bottom:2px solid #fff;height:18px; font-weight:400; line-height:1;-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.swiper2_text li.swiper_over { border-bottom:1px solid #222; color:#000;padding:0px 3px;-webkit-backface-visibility: hidden; }
.swiper2 .swiper-pagination2 {display:none;}

/* ¸ÞÀÎ Å¸ÀÌÆ² */
.main_title {padding:60px 0px 25px 0px; text-align:center; font-size:0px;}
.main_title .t1 {font-size:24px; font-family:'Montserrat', sans-serif; color:#151515; line-height:1; letter-spacing:0.5px; font-weight:600; }
.main_title .t2 {font-size:12px; color:#888; line-height:16px; letter-spacing:-0.2px; padding-top:10px;}
.main_title .t3 {font-size:12px; color:#151515; padding-top:10px; margin-bottom:5px;}
.main_title .t3 span { border-bottom: 1px solid #000; padding-bottom: 1px;}

/* ¸ÞÀÎ Áø¿­ ÇüÅÂ ¾ÆÀÌÄÜ °ü·Ã */
.main_viewtype {margin:50px auto 0; text-align:center;font-size:0;}
.main_viewtype a {display:inline-block;text-align:center;margin:0 5px;}
.main_viewtype a img {width:22px;opacity:0.3;}
.main_viewtype a.over img {opacity:1;}

/* »óÇ°Áø¿­ º¯°æ */
.list_shopping2x .grid1 li {width:100% !important;}
.list_shopping2x .grid2 li {width:50% !important;}
.list_shopping2x .grid3 li {width:33.33% !important;}

/* ½º¿ÍÀÌÆÛ1(swiper1) ¿µ¿ª */
.swiper-container.swiper1 {padding-bottom:30px;}
.swiper1 .swiper-slide {text-align:left;position:relative; right:0; top:0;}
.swiper1 .swiper-slide img {display:block; width:94%; margin:0 auto 30px;}
.swiper1 .w_ban_text {position:absolute; right:0; bottom:20px; width:92%; padding:20px 0;min-height:50px;background-color:#fff;}
.swiper1 .wt1 {font-size:18px; color:#101010; line-height:1; padding-left:10px; text-indent:20px;}
.swiper1 .wt2 {font-size:12px; line-height:18px; letter-spacing:-0.2px; text-decoration:underline; padding:10px 0 0 10px; text-indent:20px;}
.swiper1 .wt2 a {color:#999;}
.swiper1 .swiper-pagination {position:absolute; left:0; right:0; bottom:20px;}
.swiper1 .swiper-pagination-bullet { width:8px; height:8px; display:inline-block; border-radius:50%; background:#ccc; border:0; opacity:0.7; }
.swiper1 .swiper-pagination-bullet-active { opacity: 1; width:8px; height:8px; background: #000; border:0; }
.swiper1 .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0;}

/* Å¸ÀÓ¼¼ÀÏ */
#mainTap1 {  margin:20px auto 0px !important;  background:#f8f8f8 ;padding:0px 0px 10px;  box-sizing:border-box; text-align:center;}
#mainTap1 .swiper-slide { border:0px solid #000; display: block !important; }
#mainTap1 .swiper-slide img { width:100%;  position:relative;  }
.timeSaleIcon1{position: absolute;  top: 10px; left: 10px; width: 55px; height: 55px; line-height: 55px;  font-size: 10px;  color: #fff; font-weight: bold;  text-align: center; border-radius: 50px;  background: #978069; z-index: 10;}



/* ½º¿ÍÀÌÆÛ2(swiper2) ¿µ¿ª */
.swiper-container.swiper3 {padding:50px 0;}
.swiper3 .swiper-slide {width:70% !important;}
.swiper3 .swiper-slide img {width:100%;}
.swiper3 .swiper-slide a {font-size:0;display:block;}
.swiper3 .swiper-slide .t1 {font-size:18px;color:#252525; line-height:1; text-align:center; padding:20px 0 0 5px;}
.swiper3 .swiper-slide .t2 {font-size:12px;color:#888; line-height:18px; text-align:center; padding:10px 0;}
.swiper3 .swiper-slide .t3 a {color:#252525; font-family:'Nanum Gothic', sans-serif; font-size:12px; text-align:center; text-decoration:underline;}
.swiper3 .swiper-pagination-progressbar {top:auto !important;bottom:20px;height:2px !important;left:3% !important;width:94% !important;}
.swiper3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#333;}
/* BASIC css end */

