/* BASIC css start */
/* 200320 morenvy */
.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right !important;}
.mrt30 {margin-top:30px;}


select {background-color:#fff;border: 1px solid #e3e3e3;padding-left:5px;}

.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;}

/* 각 페이지 상단 타이틀 */
#contents .h_title,
.page_location {background:none; padding:0 5% !important;  height:40px; line-height:40px; font-weight:bold; background-size:14px; border:none !important;}

/* 카테고리 검은색배경 전체적으로 변경 */
#mask {top:0 !important; opacity:0.4 !important;}

/* 상품 더보기 하단 여백 */
#container .more {margin-bottom:15px;}


/* 서브 셀렉트 버튼 색상변경 */
.btn_Red {background-color:#222 !important;border:1px solid #222 !important;}

/* 갤러리 게시판 배경 흰색 */
#gallery-list .item {background-color:#fff;}

/* 게시판 글쓰기 버튼 */
.h_title .all-board-list,
.h_title .btn_Red {margin-top:8px !important;font-size:13px !important;}

.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}



/* 카테고리 */
aside {position:fixed; width:65%; height:100%; top:0px; left:0; bottom:0; padding:10% 4% 4%; background-color:#f9f9f9; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; display:none;}
aside .slide_ahref {font-size:20px; font-weight:300; color:#111; line-height:40px; display:block;}

/* 슬라이드 닫기  */
.close { position:absolute; top:15px; right:27px !important; z-index:9999 !important; }
.close img {height:15px;}


/*.btn_moreGray {width:90%; height:35px; line-height: 35px; background-color:#efefef; border:0px none; font-weight:bold; display: block; margin: 0 auto;}*/
.btn_moreGray {width:90% !important; background-color:#fff !important; border:1px solid #f1f1f1 !important; font-weight:400 !important; }
.btn_moreGray span {color:#aaaaaa;}
.btn_moreGray span em {color:#f1191f;}

/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //최근 본 상품 */

/* 마이페이지 클릭시 로그인 화면 */
#login .tab a {border-bottom:1px solid #222;}
#login .tab a.act {color:#222; border:1px solid #222; border-top:3px solid #222; border-bottom:1px solid transparent;}

@media screen and (min-width:768px) {
    #header #menu {width:85px;}
    #header .headerTop {padding-right:85px;}
    #header .search {padding-right:85px;}
    #header .search .searchBox input {width:95%;}
    #header .search .btn_search {width:85px;}
}

/* 로그인 스타일 수정 */
.member {padding: 0 5% !important; margin-top:30px !important;}
.login .loginBottom {padding:30px 5% !important;}


/* 회원가입 스타일 수정 */
#join .privercy {background-color: #fff;}
#terms_agree .terms-agree dt {border-bottom: 1px solid #e9e9e9 !important;}
#terms_desc .terms-desc dt {border-top: 1px solid #e9e9e9 !important;border-bottom: 1px solid #e9e9e9 !important;}



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;}
#container {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: 17px;left: 0;width: 100%;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;background:#F8F8F8;}
.is-toppop .nheader_wrap {top: 0;}
.nheader {padding: 0 10px;height: 63px;-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: 0px;width: 100%;z-index: 10000;background:#F8F8F8;}
.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;}

.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: 75px;}
.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: 27px;}
.nbmenu .nb1 .img img {width: 28px;}
.nbmenu .nb2 .img img {width: 32px;}
.nbmenu .nb3 .img img {width: 32px;margin-left: 13px;}
.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 */