/* BASIC css start */
body, input, textarea, select, button, table {font-family: 'Pretendard','Malgun Gothic','돋움',Dotum,Helvetica,AppleGothic,Sans-serif;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#container01 {background:#F8F8F8; margin-top:80px; !important}
.scrolled .nheader_wrap {background-color: rgb(255 255 255 / 90%);-webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 10%);box-shadow: 0 1px 5px rgb(0 0 0 / 10%);top: 0;}
.nheader_wrap {z-index: 10000;position: fixed;top: 20px;left: 0;width: 100%;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.is-toppop .nheader_wrap {top: 0;}
.nheader {padding: 0 10px;height: 60px;-webkit-box-align: center;align-items: center;display: flex;justify-content: space-between;}
.logo_area {-webkit-box-align: center;align-items: center;display: flex;}
.logo_area .tmenu {display: inline-flex;margin-right: 5px;}
.logo_area .tlogo {display: inline-flex;}
.logo_area .tmenu img {height: 15px;}
.logo_area .tlogo img {height: 15px;}

.link_info {-webkit-box-align: center;align-items: center;display: flex;justify-content: center;}
.link_info a {display: flex;}
.link_info .msearch {margin-right: 15px;}
.link_info .maccount {margin-right: 15px;position: relative;}
.link_info .mcart {position: relative;}
.npoint {background-color: #C48533;border-radius: 10px;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;font-size: 9px;color: #fff;font-weight: 500;padding: 3px 8px;position: absolute;left: 50%;bottom: -30px;transform: translate(-50%, 0);word-break: keep-all; line-height:12px;}
.ncnt {display: block;position: absolute;left: 50%;top: 50%;font-size: 10px;color: #C48533;font-weight: 500;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;transform: translate(-50%, -50%);margin-top: 3px;}
.menu_sale {display:block; border-radius:20px; background:#FF9100; padding:1px 8px 2px 8px; color:#fff; font-size:13px; margin-left:7px;}
.ico_msearch {height: 21px;}
.ico_maccount {height: 21px;}
.ico_mcart {height: 21px;}

.ntop_banner {height: 17px;position: fixed;left: 0;top: 5px;width: 100%;z-index: 10000;}
.ntop_banner .item {-webkit-box-align: center;align-items: center;display: flex;justify-content: center;font-size: 13px;color: #575452;font-weight: 500; letter-spacing:-1px;}
.ntop_banner .item span {font-size: 12px;color: #575452;font-weight: 500;}
.ntop_banner .item strong {font-weight: 400;color: #8D7B6F;}
.ntop_banner .item span {display: inline-flex;margin-right: 5px;}
.ntop_banner .item span.c1 {color: #C48533;}
.ntop_banner .item span.c2 {color: #E8AC75;margin-left: 5px;}
.ntop_banner .item span.c3 {color: #9DBC5A;}
.ntop_banner .tp_close {position: absolute;right: 16%;top: 3px;display: inline-flex;z-index: 100;}
.ntop_banner .tp_close img {width: 14px;}
.topbanner {height: 20px;overflow: hidden;}
.topbanner .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.evir_wrap {position: relative;}
.evir_wrap img {width: 100%;}
.evir_wrap .swiper-button-prev:after,
.evir_wrap .swiper-button-next:after {color: #7B7977;font-size: 25px;}
.evir_wrap .swiper-button-prev:active:after,
.evir_wrap .swiper-button-next:active:after {color: #fff;}

.evir_wrap .swiper-pagination-bullet {margin: 0 5px;opacity: 1;width: 10px;height: 10px;background-color: #D6D6D6;border-radius: 25px;}
.evir_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #8B8785;}
.evir-pagination-wrap {-webkit-box-align: center;align-items: center;display: flex;justify-content: center;}
.evir-pagination-wrap .swiper-pagination {position: static;}
.evir_wrap .swiper-button-next {right: 0;}
.evir_wrap .swiper-button-prev {left: 0;}
.evir_item {position: relative;}
.evir_item .txt {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-box-align: center;align-items: center;display: flex;padding: 0 40px;}
.evir_item .txt .t1 {font-size: 26px;color: #54841C;font-weight: 600;line-height: 1.1;margin-bottom: 10px;}
.evir_item .txt .t1 strong {font-weight: 600;color: #162406;}
.evir_item .txt .t2 {font-size: 14px;color: #575452;font-weight: 400;margin-bottom: 10px;line-height: 1.3;}
.evir_item .txt .t3 a {-webkit-box-align: center;align-items: center;display: flex;justify-content: center;width: 100px;height: 30px;border-radius: 25px;border: 1px solid #869A5D;font-size: 14px;color: #162406;font-weight: 600;line-height: 1.6;}

.blink_wrap {background-color: #F8F8F8;}
.blink {-webkit-box-align: center;align-items: center;display: flex;height: 50px;}
.blink a {font-size: 15px;color: #8B8785;font-weight: 500;display: inline-flex;}
.blink a.mar {margin-right: 15px;}
.nfooter {background-color: #fff;padding: 50px 0;}
.nfooter .logo img {height: 17px;}
.nfooter .logo {margin-bottom: 25px;}
.nfooter .tel {-webkit-box-align: center;align-items: center;display: flex;font-size: 30px;color: #575452;font-weight: 200;margin-bottom: 25px;}
.nfooter .tel img {margin-right: 10px;width: 42px;}
.custom {font-size: 15px;color: #575452;font-weight: 200;margin-bottom: 15px;line-height: 1.3;}
.finfo {font-size: 14px;color: #575452;font-weight: 200;margin-bottom: 30px;line-height: 1.3;}
.finfo .blank {display: inline-flex;margin: 0 10px;}
.copy {font-size: 14px;color: #575452;font-weight: 200;line-height: 1.3;}

.kakao_channel {position: fixed;width: 65px;height: 158px;background-color: rgb(255 255 255 / 0%);z-index: 520;bottom: 0;right: 0;}
.kakao_channel_in {position: relative;height: 100%;}
.kakao_channel img {width: 50px;height: auto;}
.nbottom_menu {position: fixed;width: 100%;height: 40px;background-color: rgb(255 255 255 / 0%);z-index: 500;bottom: 0;left: 0;}
.nbottom_menu_in {position: relative;height: 100%;}
.blind {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
.blind::before{display: block;width: 0;height: 0;content: '\00a0';font-size: 0;}

.dot_wrap {z-index: 100;transition-delay: 0.3s;border-radius: 50%;-webkit-box-shadow: 0 -2px 6px 0 rgb(0 0 0 / 50%);box-shadow: 0 -2px 6px 0 rgb(0 0 0 / 50%);position: absolute;top: 0;bottom: 0;left: 50%;-webkit-transform: translate(-50%,0) scale(1);transform: translate(-50%,0) scale(1);opacity: 1;-webkit-transition-property: opacity,-webkit-transform;transition-property: opacity,-webkit-transform;transition-property: opacity,transform;transition-property: opacity,transform,-webkit-transform;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);transition-timing-function: cubic-bezier(.215,.61,.355,1);margin-top: -38px;width: 70px;height: 70px;}
.btn_dot {width: 100%;height: 100%;background-image: url('/design/teteru/mobile_coslab/_c_menu.png');-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;outline: none;background-color: transparent;overflow: hidden;border: none;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.nbottom_menu.on .btn_dot {transform: rotate(180deg);}
.nbottom_menu.on .dot_wrap {-webkit-transform: translate(-50%,0) scale(0);transform: translate(-50%,0) scale(0);}
.nbottom_menu.on .dot_on_wrap {-webkit-transform: translate(-50%,0) scale(1);transform: translate(-50%,0) scale(1);}
.dot_on_wrap {z-index: 100;transition-delay: 0.3s;border-radius: 50%;-webkit-box-shadow: 0 -2px 6px 0 rgb(0 0 0 / 50%);box-shadow: 0 -2px 6px 0 rgb(0 0 0 / 50%);position: absolute;top: 0;bottom: 0;left: 50%;-webkit-transform: translate(-50%,0) scale(0);transform: translate(-50%,0) scale(0);opacity: 1;-webkit-transition-property: opacity,-webkit-transform;transition-property: opacity,-webkit-transform;transition-property: opacity,transform;transition-property: opacity,transform,-webkit-transform;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);transition-timing-function: cubic-bezier(.215,.61,.355,1);margin-top: -50px;width: 50px;height: 50px;}

.btn_dot_on {width: 100%;height: 100%;background-image: url('/design/teteru/mobile_coslab/_c_menu_on.png');-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;outline: none;background-color: transparent;overflow: hidden;border: none;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}

.nbottom_menu.on .btn_dot_on {transform: rotate(180deg);}
.nbmenu {transition-delay: 0.3s;-webkit-box-shadow: 0 3px 10px 0 rgb(0 0 0 / 50%);box-shadow: 0 3px 10px 0 rgb(0 0 0 / 50%);height: 70px;background-color: #958D89;position: absolute;left: 0;bottom: -120px;width: 100%;z-index: 99;-webkit-box-align: baseline;align-items: baseline;display: flex;justify-content: space-around;opacity: 0;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}

.nbottom_menu.on .nbmenu {bottom: 0;opacity: 1;}

.nbmenu a {height: 100%;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;width: 15%;}
.nbmenu a .tit {font-size: 13px;color: #ECCEA6;font-weight: 600;margin-top: 5px;letter-spacing: -1px;}
.nbmenu a .img img {display: block;margin: 0 auto;}
.nbmenu a > div {height: 56px;}
.nbmenu .cellblank {width: 20px;}
.nbmenu .nb1 .img img {width: 28px;}
.nbmenu .nb2 .img img {width: 32px;}
.nbmenu .nb3 .img img {width: 32px;}
.nbmenu .nb4 .img img {width: 32px;}

/* 전체 메뉴 */
.tmenu_wrap {background-color: #F8F8F8;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 20000;overflow-y: auto;-moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);-o-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;visibility: hidden;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;opacity: 0;visibility: hidden;}

.is-nav .tmenu_wrap {opacity: 1;visibility: visible;transform: translate(0%, 0%);}

.tmenu_pad {padding: 20px 30px;overflow-y: auto;}
.state_logout .t1 {margin-bottom: 20px;font-size: 15px;color: #6E5E53;font-weight: 500;line-height: 1.3;}
.state_logout .t1 strong {color: #C48533;font-weight: 500;}
.state_login .t1 {margin-bottom: 20px;font-size: 15px;color: #6E5E53;font-weight: 500;line-height: 1.3;}
.state_login .t1 strong {color: #C48533;font-weight: 500;}
.tclose {position: fixed;right: 10px;top: 15px;}
.tclose img {width: 20px;}
.tmenu_link {-webkit-box-align: center;align-items: center;display: flex;}
.tmenu_link .tlink {margin-right: 30px;position: relative;}
.tmenu_link .tlink.tlink2,
.tmenu_link .tlink.tlink6 {margin-right: 0;}
.tmenu_link .tlink .tit {font-size: 12px;color: #6E5E53;font-weight: 600;padding-top: 40px;background-repeat: no-repeat;letter-spacing: -0.5px;}

.tmenu_link .tlink.tlink1 .tit {background-image: url('/design/teteru/mobile_coslab/ico_tmenu_login.png');-webkit-background-size: 26px auto;background-size: 26px auto;background-position: center top;}
.tmenu_link .tlink.tlink2 .tit {background-image: url('/design/teteru/mobile_coslab/ico_tmenu_account.png');-webkit-background-size: 25px auto;background-size: 25px auto;background-position: center 5px;}
.tmenu_link .tlink.tlink3 .tit {background-image: url('/design/teteru/mobile_coslab/ico_tmenu_account.png');-webkit-background-size: 25px auto;background-size: 25px auto;background-position: center 5px;}
.tmenu_link .tlink.tlink4 .tit {background-image: url('/design/teteru/mobile_coslab/ico_tmenu_delivery.png');-webkit-background-size: 35px auto;background-size: 35px auto;background-position: center 5px;}
.tmenu_link .tlink.tlink5 .tit {background-image: url('/design/teteru/mobile_coslab/ico_tmenu_cart.png');-webkit-background-size: 23px auto;background-size: 23px auto;background-position: center top;}
.tmenu_link .tlink.tlink6 .tit {background-image: url('/design/teteru/mobile_coslab/ico_tmenu_logout.png');-webkit-background-size: 29px auto;background-size: 29px auto;background-position: center 5px;}

.tpoint {background-color: #C48533;border-radius: 10px;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;font-size: 10px;color: #fff;font-weight: 500;padding: 2px 5px;position: absolute;right: -45px;top: 50%;margin-top: -17px;word-break: keep-all;line-height: 1;}
.tmenu_list {margin-top: 20px;border-top: 1px solid #D6D6D6;padding: 30px 0;margin-bottom: 30px;}
.tmenu_list .one .onea {padding: 10px 0 20px 0;font-size: 22px;color: #575452;font-weight: 600;padding-right: 40px;position: relative;-webkit-box-align: center;align-items: center;display: inline-flex;justify-content: center;}
.tmenu_list .one.subin .onea:after {content: "";display: block;width: 16px;height: 10px;background-image: url('/design/teteru/mobile_coslab/tmenu_arrow.png');background-repeat: no-repeat;-webkit-background-size: 13px auto;background-size: 13px auto;background-position: center center;margin-left: 10px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.tmenu_list .one.subin.on .onea:after {transform: rotate(180deg);}
.tsmenu {display: none;margin-bottom: 15px;}
.tsmenu li a {font-size: 18px;color: #8B8785;font-weight: 400;display: inline-flex;}
.tsmenu li {padding: 5px 0;}
.custom_link .cl_item {margin: 10px 0;}
.custom_link a {font-size: 18px;color: #8B8785;font-weight: 500;display: inline-flex;border-radius: 25px;background-color: #fff;padding: 7px 20px;-webkit-box-align: center;align-items: center;justify-content: center;}

/* 검색 */
.tseach_box input {margin-top:10px;}
.tsearch_wrap {background-color: #F8F8F8;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 20000;overflow-y: auto;-moz-transform: translateX(100%);-webkit-transform: translateX(100%);-o-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);opacity: 0;visibility: hidden;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;opacity: 0;visibility: hidden;}
.is-search .tsearch_wrap {opacity: 1;visibility: visible;transform: translate(0%, 0%);}
.smenu_pad {padding: 20px 30px;overflow-y: auto;}
.sclose {position: fixed;right: 10px;top: 15px;}
.sclose img {width: 20px;}
.tbtn-search img {width: 35px; margin-bottom:20px;}
.tseach_box {border-bottom: 1px solid #8B8785;position: relative;padding-right: 50px;margin-top: 50px;height: 50px;margin-bottom: 20px;}
.tseach_box .tbtn-search {position: absolute;right: 0;top: 8px;}
.tseach_box .MS_search_word {font-size: 20px;color: #000;font-weight: 500;height: 100%;width: 100%;background-color: transparent;border: none;outline: none;}
.search_word {background-color: #fff;padding: 40px 15px 60px 15px;}
.search_word .tit {text-align: center;font-size: 18px;color: #C48533;font-weight: 500;margin-bottom: 20px;}
.search_word .ts_word {margin-bottom: 50px;text-align: center;}
.search_word .ts_word a {border: 1px solid #D6D6D6;-webkit-box-align: center;align-items: center;display: inline-flex;justify-content: center;padding: 10px 20px;font-size: 15px;color: #8B8785;font-weight: 500;margin: 4px 2px;border-radius: 25px;}
.reco_list {overflow: hidden;margin: 0 -5px;}
.reco_list .item {padding: 0 5px;float: left;width: 33.333333333%;}
.reco_list .rlink {display: block;}
.reco_list .rlink .img img {max-width: 100%;border-radius: 15px;}
.reco_list .rlink .nm {font-size: 12px;color: #575452;font-weight: 500;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; text-align:center;}
/* BASIC css end */