/* BASIC css start */
.close-icon{
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' id='_레이어_1' data-name='레이어_1' viewBox='0 0 55.63 49.85'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%233e3a39;stroke-miterlimit:10;stroke-width:2px%7D%3C/style%3E%3C/defs%3E%3Cpath d='m23.22 21.04 9.18 9.18M23.22 30.22l9.18-9.18' class='cls-1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
}


.mainSwiper {height:100%;}

#header { background:none !important;}
#headerBtmWrap { display:none;}
#headerBtmWrap.act {display:block;position: fixed;bottom:0;left:0;right:0;z-index: 200;height:60px;}

/*메인 상단*/
#header {position: absolute !important;}
#header .searchArea {background-color:transparent !important;}
#header .searchArea .searchBox input {border-color: #fff !important;;}

/*fix*/
#header.act .searchArea {background:#fff !important;}
#header.act .searchArea .searchBox { background: #fff !important;;}
#header.act .searchArea .searchBox input {border-color: #111; !important;}


/* 메인이미지 */
#slides { position: relative }
#slides .slides-container img { width:100% }
#slides .scrollable { *zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; }
#slides .scrollable:after { content: ""; display: table; clear: both; }
.slides-pagination { position: absolute; z-index:100; bottom:25px; left:0; width:100%; height:13px; text-align: center }
.slides-pagination a { display:inline-block; margin:0 4px; width:14px; height:14px; border:1px solid #2c2c2c;border-radius:100%; background:transparent; vertical-align:middle; text-indent:-9999em }
.slides-pagination a.current { background:#2c2c2c; border:1px solid #2c2c2c;}

.newProduct { margin:10% 0 0;}

.list_shopping2x1 {text-align:center;}
.list_shopping2x1 ul {width:100%;display: flex;/* table-layout: fixed; *//* box-sizing: border-box; *//* padding: 0 !important; *//* font-size:0; *//* text-align: left; */}
.list_shopping2x1 li {width:50%;display:inline-block;vertical-align: top;text-align:left;}
.list_shopping2x1 li a {display: block;padding: 0;}
.list_shopping2x1 li img.listPic {width:100%;}
.list_shopping2x1 .list_shoppingInfo {font-size:12px;padding: 10px 2px 0;text-align:center; height:80px; position:relative;}

.discountPer {
    font-size: 11px;
    margin-left: 3px !important;
    color: red;
    display:inline !important;
}
.discountText {
    font-size: 10px;
    color: #919191;
    margin: 2px 0 0 0 !important;
    display : block;
}


.animate {
  text-align: center;
  opacity: 1;
  position: relative;
  bottom: -1000px;
  transition: bottom 2.5s ease-in-out;
  width:50%;
}

.animate.move-up {
  bottom: calc(0% + 1px);
}

@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-style: normal;
}

.content-tit{
    font-family: 'Pretendard-Light';
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.4em;
    /*line-height: 15px;*/

}

.content-con{
    font-family: 'Pretendard-ExtraLight';
    color:#fff;
    font-size: 7px;
    letter-spacing: 0.25em;
    line-height: 40px;

}

.content-border{
    width: 30px;
    border-top: 1px solid #FFF;
    margin: auto;
    margin-bottom: 10px;

}





.main-type1-popup-module { 
    position:fixed;
    display:none;
    bottom:60px;
    right:20px;
    width:420px;
    max-height:70vh;
    background:#fff;
    z-index:100;
    border-radius:8px;
    overflow:auto;
    padding:20px;
}

@media (max-width: 480px) {
    .main-type1-popup-module {
        width: auto;
        left:20px;
        right:20px;
    }
}
.main-type1-popup-contents {  }
.main-type1-popup-contents a { 
    display:block;
    margin:0 auto;
    line-height: 18px;
}
.main-type1-popup-module > div > a > b { line-height:20px; }

.main-type1-popup-pagination{
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.main-type1-popup-pagination .swiper-pagination-bullet-active {
    background: #909090 !important;
}
.main-type1-popup-pagination .swiper-pagination-bullet {
    background: rgba(144, 144, 144, 0.3) !important;
}

.close-1 { 
    position: absolute;
    top: 10px;
    right: 5px;
    font-size: 14px;
    cursor: pointer;
    color: #777;
}

.main-type2-popup-module { 
    position:fixed;
    display:none;
    bottom:60px;
    left:20px;
    width:420px;
    background:#FFF;
    z-index:99;
    overflow:auto;
}

@media (max-width: 460px) {
    .main-type2-popup-module {
        width: auto;
        left:20px;
        right:20px;
    }
}
.main-type2-popup-contents a { 
    display:block;
    margin:0 auto;
    line-height: 18px;
}
.main-type2-popup-module > div > a > b { line-height:20px; }
.close-2 { 
    margin-left:20px;
    font-size: 14px;
    cursor: pointer;
        display: inline-flex;
    align-items: center;
}
#dont-show-today{
margin-bottom:2px;
}

.main-type2-popup-close-area {
display: flex;
font-size: 14px;
    justify-content: flex-end; 
    padding:4px;
}

/* BASIC css end */