@charset "utf-8";

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* reset */
*{margin: 0;padding: 0;}
html,body{background-color: #fff;color: #000;}
body{font-size: 16px;}
a{text-decoration: none;color: #000;}
img{border: 0;vertical-align: top;}
li{list-style: none;}

/* layout */
#tbanner{width: 100%;height: 60px;}
#header{width: 100%;position: relative;height: 50px;}
#visual{width: 100%;margin-bottom: 30px;position: relative;}
#container{width: 95%;margin: 0 auto;}
#footer{width: 100%;background-color: #ccd1b3;padding-bottom: 20px;}

/* header */
#header{border-bottom: 1px solid #ddd;box-sizing: border-box;}
#header h2{position: absolute;background: url(../images/logo.png) no-repeat;width: 150px;background-size: 100%;left: 50%;transform: translateX(-50%);text-indent: -9999px;top: 15px;}
#header h2 a{display: block;width: 150px;}

#header .menu{float: left;margin-top: 10px;margin-left: 10px;}
#header .search{float: left;margin-top: 10px;margin-left: 15px;}

#header .cart{float: right;margin-top: 10px;margin-right: 10px;}
#header .my{float: right;margin-top: 10px;margin-right: 15px;}

/* gnb */
#gnb{height: 35px;width: 100%;border-bottom: 1px solid #ddd;box-sizing: border-box;z-index: 400;background-color: #fff;}
#gnb ul li{float: left;}

#gnb > ul{display: flex;}
#gnb > ul > li{height: 35px;flex: 1;}
#gnb > ul > .full{flex: 0.7;}
#gnb > ul > .close{flex: 0.7;display: none;}
#gnb > ul > li a{display: block;height: 35px;line-height: 35px;font-size: 12px;text-align: center;font-weight: 500;}
#gnb > ul > li:first-child a{color: #00b347;font-weight: 600;}
#gnb > ul > li:nth-child(4) a{color: #ff2b2b;font-weight: 600;}
#gnb > ul > li a img{padding-top: 5px;}

#gnb .fullmenu{width: 100%;border-bottom: 1px solid #ddd;box-sizing: border-box;display: none;background-color: #fff;position: relative;}
#gnb .fullmenu ul:after{content: '';display: block;clear: both;}
#gnb .fullmenu ul{padding: 10px 15px;}
#gnb .fullmenu ul li{width: 32%;margin-right: 2%;height: 30px;border: 1px solid #ddd;box-sizing: border-box;margin-bottom: 5px;}
#gnb .fullmenu ul li:nth-child(3n){margin-right: 0;}
#gnb .fullmenu ul li a{display: block;font-size: 13px;font-weight: 500;height: 30px;line-height: 30px;text-align: center;}

/* weekly tab */
.week{width: 100%;margin-bottom: 20px;}
.week:after{content: '';display: block;clear: both;}
.week .tit{position: relative;margin-bottom: 10px;}
.week .tit:after{content: '';display: block;clear: both;}
.week .tit h2{float: left;font-size: 15px;font-family: 'NanumSquareNeo-Variable';color: #333;}
.week .tit p{position: absolute;right: 0;bottom: 0;}
.week .tit p a{display: block;font-family: 'NanumSquareNeo-Variable';font-size: 12px;font-weight: 600;}

.week .w_list .tabs{margin-bottom: 10px;}
.week .w_list .tabs:after{content: '';display: block;clear: both;}
.week .w_list .tabs li{float: left;font-size: 14px;margin-right: 5px;color: #333;cursor: pointer;}
.week .w_list .tabs li.current{border-bottom: 2px solid #c5caaf;box-sizing: border-box;color: #c5caaf;}

.week .w_list .tab-cont.current{display: block;}
.week .w_list .tab-cont{width: 100%;display: none;}
.week .w_list .tab-cont ul li{float: left;width: 32.336%;margin-right: 1.5%;height: 230px;}
.week .w_list .tab-cont ul li:nth-child(3n){margin-right: 0;}
.week .w_list .tab-cont ul li a{width: 100%;display: block;margin-bottom: 5px;}
.week img{width: 100%;}

.w_list .tab-cont ul li .prod span{text-align: center;font-size: 11px;display: block;font-family: 'Pretendard-Regular';margin-bottom: 3px;}
.w_list .tab-cont ul li .prod p em{color: #aaa;text-decoration: line-through;font-style: normal;padding-left: 5px;font-weight: 500;}
.w_list .tab-cont ul li .prod p{font-size: 11px;font-weight: 600;text-align: center;margin-bottom: 3px;}

/* today */
.today{margin-bottom: 20px;}
.today:after{content: '';display: block;clear: both;}
.today .sub_tit:after{content: '';display: block;clear: both;}
.today .sub_tit p:last-child{float: right;}
.today .sub_tit p:last-child a{display: block;font-family: 'NanumSquareNeo-Variable';font-size: 12px;font-weight: 600;}

.today .tit{display: flex;margin-bottom: 10px;border-bottom: 2px solid #c5caaf;padding-bottom: 10px;}
.today .tit:after{content: '';display: block;clear: both;}
.today .tit .txt{flex: 0.6;}
.today .tit .txt p{font-size: 11px;color: #aaa;margin-bottom: 5px;}
.today .tit .txt h2{font-size: 15px;font-family: 'NanumSquareNeo-Variable';color: #333;}

.today .tit .count{flex: 0.4;position: relative;}
.today .tit .count .time{position: absolute;right: 0;bottom: 0;}
.today .tit .time span{font-size: 22px;color: #00b347;}

.today .t_list ul li{float: left;width: 49.2%;margin-right: 1.5%;margin-bottom: 10px;}
.today .t_list ul li:nth-child(2n){margin-right: 0;}
.today .t_list ul li a{display: block;width: 100%;margin-bottom: 5px;}

.today .t_list ul li .prod p{text-align: center;font-size: 11px;font-family: 'Pretendard-Regular';}
.today .t_list ul li .price{text-align: center;}
.today .t_list ul li .price span{display: inline-block;font-size: 11px;font-weight: 600;}
.today .t_list ul li .price .sale{text-decoration: line-through;font-weight: 500;color: #aaa;}

.t_list img{width: 100%;}

/* trendy */
.trendy{margin-bottom: 20px;}
.trendy:after{content: '';display: block;clear: both;}
.trendy .tit{position: relative;margin-bottom: 10px;}
.trendy .tit:after{content: '';display: block;clear: both;}
.trendy .tit h2{float: left;font-size: 15px;font-family: 'NanumSquareNeo-Variable';color: #333;}
.trendy .tit p{position: absolute;right: 0;bottom: 0;}
.trendy .tit p a{display: block;font-family: 'NanumSquareNeo-Variable';font-size: 12px;font-weight: 600;}

.dy_list ul li{float: left;width: 49.2%;margin-right: 1.5%;margin-bottom: 10px;}
.dy_list ul li:nth-child(2n){margin-right: 0;}
.dy_list ul li a{display: block;width: 100%;margin-bottom: 5px;}

.prod p{text-align: center;font-size: 11px;font-family: 'Pretendard-Regular';}
.price{text-align: center;}
.price span{display: inline-block;font-size: 11px;font-weight: 600;}
.price .sale{text-decoration: line-through;font-weight: 500;color: #aaa;}

.dy_list img{width: 100%;}

/* collection */
#collection{margin-bottom: 30px;}
#collection:after{content: '';display: block;clear: both;}
#collection .tit{position: relative;margin-bottom: 10px;}
#collection .tit:after{content: '';display: block;clear: both;}
#collection .tit h2{float: left;font-size: 15px;font-family: 'NanumSquareNeo-Variable';color: #333;}
#collection .tit p{position: absolute;right: 0;bottom: 0;}
#collection .tit p a{display: block;font-family: 'NanumSquareNeo-Variable';font-size: 12px;font-weight: 600;}

#collection .swiper-slide{flex-direction: column;margin-bottom: 20px;}
#collection .swiper-slide a{display: block;width: 100%;margin-bottom: 10px;}

#collection .swiper-slide .intro{width: 95%;margin: 0 auto;}
#collection .swiper-slide .intro h3{text-align: left;font-family: 'NanumSquareNeo-Variable';font-size: 15px;margin-bottom: 5px;}
#collection .swiper-slide .intro span{text-align: left;display: block;font-size: 13px;color: #aaa;}

#collection .swiper-scrollbar{opacity: 1 !important;}
#collection .swiper-scrollbar-drag{background-color: #c5caaf;}

/* new */
.new{margin-bottom: 30px;}
.new:after{content: '';display: block;clear: both;}
.new .tit{position: relative;margin-bottom: 10px;}
.new .tit:after{content: '';display: block;clear: both;}
.new .tit h2{float: left;font-size: 15px;font-family: 'NanumSquareNeo-Variable';color: #333;}
.new .tit p{position: absolute;right: 0;bottom: 0;}
.new .tit p a{display: block;font-family: 'NanumSquareNeo-Variable';font-size: 12px;font-weight: 600;}

.new .n_list ul li{float: left;width: 49.2%;margin-right: 1.5%;margin-bottom: 10px;}
.new .n_list ul li:nth-child(2n){margin-right: 0;}
.new .n_list ul li a{display: block;width: 100%;margin-bottom: 5px;}

.new .n_slide .swiper-slide{flex-direction: column;margin-bottom: 10px;}
.new .n_slide .swiper-slide a{display: block;width: 100%;margin-bottom: 5px;}
.new .n_slide .swiper-scrollbar-drag{background-color: #c5caaf;}

.n_list img{width: 100%;}

/* event */
.event{margin-bottom: 20px;}
.event h2{font-size: 15px;font-family: 'NanumSquareNeo-Variable';color: #333;margin-bottom: 10px;width: 100%;}

.event .swiper-slide .intro{width: 95%;margin: 0 auto;}
.event .swiper-slide .intro h3{text-align: left;font-family: 'NanumSquareNeo-Variable';font-size: 13px;margin-bottom: 5px;}
.event .swiper-slide .intro span{text-align: left;display: block;font-size: 12px;color: #aaa;}

.event .swiper-slide{flex-direction: column;margin-bottom: 20px;}
.event .swiper-slide a{display: block;width: 100%;margin-bottom: 10px;}
.event .swiper-scrollbar{opacity: 1 !important;}
.event .swiper-scrollbar-drag{background-color: #c5caaf;}

/* footer */
#inner{width: 95%;margin: 0 auto;}

/* icons */
.icons{background-color: #fff;}
.icons:after{content: '';display: block;clear: both;}
.icons ul li{float: left;width: 25%;box-sizing: border-box;height: 90px;}
.icons ul .first{border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
.icons ul li:nth-child(4){border-top: 1px solid #ddd;}
.icons ul .last{border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;border-top: 1px solid #ddd;}
.icons ul li:nth-child(8){border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}

.icons ul li a{display: block;width: 100%;height: 100%;position: relative;}
.icons ul li a img{width: 30%;position: absolute;left: 50%;margin-left: -15%;top: 10px;}
.icons ul li a p{font-size: 12px;text-align: center;padding-top: 50px;}

/* store */
#store{padding-top: 30px;padding-bottom: 30px;}

#store .sub_tit{margin-bottom: 5px;}
#store .sub_tit:after{content: '';display: block;clear: both;}
#store .sub_tit p:first-child{float: left;font-size: 12px;color: #fffdf1;font-weight: 500;font-family: 'NanumSquareNeo-Variable';}
#store .sub_tit p:last-child{float: right;}
#store .sub_tit p a{display: block;font-family: 'NanumSquareNeo-Variable';font-size: 12px;font-weight: 600;color: #fffdf1;}
#store h2{font-size: 15px;font-family: 'NanumSquareNeo-Variable';font-weight: 600;color: #fffdf1;margin-bottom: 20px;}

#store .slick-slide{opacity: 1;margin: 0 5px;}

/* contact */
.contact{display: flex;width: 95%;margin: 0 auto;padding-bottom: 20px;}
.contact .call{flex: 1;padding-right: 20px;padding: 20px 0;}
.contact .call p{font-size: 11px;color: #fffdf1;font-family: 'NanumSquareNeo-Variable';margin-bottom: 5px;}
.contact .call h3{font-size: 15px;color: #fffdf1;font-family: 'NanumSquareNeo-Variable';font-weight: 500;margin-bottom: 20px;}

.contact .info{flex: 1;border-left: 1px solid #fffdf1;padding: 20px 0 20px 20px;font-family: 'NanumSquareNeo-Variable';}
.contact .info p{color: #fffdf1;font-size: 11px;}
.contact .info p:first-child{margin-bottom: 10px;}
.contact .info p:nth-child(2){margin-bottom: 20px;}

/* guide */
.guide{padding-bottom: 20px;}
.guide ul{display: flex;}
.guide ul li{flex: auto;}
.guide ul li a{display: block;font-size: 11px;color: #fffdf1;text-align: center;}

/* company */
.company:after{content: '';display: block;clear: both;}
.com{background-color: #fffdf1;padding: 10px 20px;}
.com:after{content: '';display: block;clear: both;}
.com p{float: left;color: #ccd1b3;font-size: 11px;font-family: 'NanumSquareNeo-Variable';}
.com a{float: right;color: #ccd1b3;font-size: 11px;font-family: 'NanumSquareNeo-Variable';}
.less{display: none;}

.pany{padding: 20px;display: none;}
.pany p{color: #fffdf1;font-family: 'NanumSquareNeo-Variable';font-weight: 600;font-size: 11px;margin-bottom: 3px;}
.pany p em{font-style: normal;font-weight: 500;padding-left: 5px;}