.btn_first{margin-left:0;}
.en{font-family:"Roboto", sans-serif;}

/*모바일nav*/
.m-gr-nav{background:#780d0e;text-align: center;padding:0 10px;}
.m-icon{position:absolute;left:15px;top:14px;}
.m-icon2{position:absolute;right:15px;top:14px;}
.m-logo {position:absolute;left:50%;transform:translate(-72px, 0px);}
.cart_countwrap {position:relative;}
.cart_countwrap .cart_count {position:absolute;right:-5px;top:-5px;width:16px;height:16px;line-height:16px;font-size:10px;color:#fff;font-weight:400;text-align:center;border-radius:50%;background-color:#1c1c1c;}

/*모바일side메뉴바*/
#sidebar{position:fixed;top:0;width:80%;height:100%;background:#fff;z-index:999;overflow-y:scroll; display:none;}
#sidebar .side_head{background:#770d0d;width:100%;padding:12px 0;}
#sidebar .side_login_box{background:#3f0505;width:100%;padding:14px 5px;box-sizing:border-box;border-bottom:3px solid #663b3b;}
#sidebar .side-box{margin-right:5px;}
#sidebar .icon_member{background:#ffd631;color:#3f0505;font-size:9px;text-align:center;border-radius:4px;font-weight:bold;padding:3px;}
#sidebar .member_info{color:#fff;margin-left:5px;position:relative;top:1px;font-family:'arial';}
#sidebar .side_nav{width:100%;padding-top:14px;padding-bottom:10px;background:#f7f7f7;overflow:hidden;box-sizing:border-box;text-align:center;}
#sidebar .side_nav a{color:#3f0505;}
#sidebar .nav_bar{font-size:12px;color:#c2c2c2;margin:0 5px;}

#sidebar .m_sidebar_c{padding-top:5px;background:#fff;}
#sidebar .mn_menu{border-bottom:1px solid #d1d1d1;padding:15px 10px;overflow:hidden;}
#sidebar .mn_menu a{color:#2a2a2a;font-family:'arial';font-size:16px;letter-spacing:-1px;}
#sidebar .sidebar_icon{padding:20px 10px;border-bottom:1px solid #e6e6e6;overflow:hidden;}
#sidebar .sidebar_icon a{color:#2a2a2a;font-size:15px;font-family:'arial';display:block;padding:10px 0;letter-spacing:-1px;}
#sidebar .sidebar_icon a img{margin-right:10px;}
#sidebar .sidebar_center{padding:20px 10px;border-bottom:1px solid #e6e6e6;overflow:hidden;color:#676767;background:#fff;}
#sidebar .sidebar_center span{display:block;margin-top:5px;}
#sidebar .side_c{padding:10px;box-sizing:border-box;background:#fff;}
#sidebar .side_c a{font-size:12px;color:#9e9e9e;}

.side_bg{position:fixed;top:0;right:0;z-index:999;width:20%;height:100vh;background:#000;opacity:0.8;display:none;}
.side_bg img{display:block;position:absolute;top:30px;right:40%;}


/*모바일 로그인*/
.m-page-title h2{color:#000;font-size:1.6em;margin:0px;padding:30px 0px 30px 0;text-align:center;text-transform:uppercase;font-family:"Roboto", sans-serif;}
.m-gr-login .m-login-tabbox{width:100%;padding:0 15px;box-sizing:border-box;overflow:hidden;}
.m-gr-login .m-login-tabbox a{font-size:14px;color:#2d2d2d;}
.m-gr-login .m-login-tab{width:50%;float:left;text-align:center;}
.m-gr-login .tab_on{border:1px solid #848484;border-bottom:none;box-sizing:border-box;padding:10px 0 11px 0;}
.m-gr-login .tab_off{border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;background:#f6f6f6;border-bottom:1px solid #848484;box-sizing:border-box;padding:10px 0;}
.m-gr-login .tab_off2{border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;background:#f6f6f6;border-bottom:1px solid #848484;box-sizing:border-box;padding:10px 0;}

.m-gr-login .m-login-box{width:100%;padding:15px;overflow:hidden;box-sizing:border-box;}
.m-gr-login .m-login-form{width:100%;margin:0 auto;overflow:hidden;}
.m-gr-login .m-form-group{width:100%;border:1px solid #c7c7c7;box-sizing:border-box;height:45px;overflow:hidden;color:#c7c7c7;margin-bottom:10px;}
.m-gr-login .m-form-control{width:100%;border:none;padding:10px;box-sizing:border-box;height:45px;font-size:14px;color:#c7c7c7;}
.m-gr-login .m_btn_login{width:100%;border-radius:4px;background:#770d0d;color:#fff; text-align:center;font-size:16px;border:1px solid #770d0d;height:4rem;font-weight:bold;cursor:pointer;}
.m-gr-login .login-member{margin-top:1.37rem;text-align:center;border-top:1px solid #c1c1c1;}
.m-gr-login .login-member a{display:inline-block;position:relative;margin:0 0.2rem;color:#676767;font-size:12px;}
.m-login-bar{margin:0 5px;color:#676767;font-size:12px;position:relative;top:-2px;}


/*모바일 팝업*/
 @media screen and (max-width: 991px) {
	.auto_popup_view {width: 100% !important; max-width:max-content; left: 0 !important; top: 0 !important;}
	.auto_popup_view div, .auto_popup_view img{width: 100% !important; height: auto !important;}
	.auto_popup_view br {display:none !important;}
}

/*모바일 메인*/
.gr-mobile{}
.gr-mobile .m-img-slide{position:relative; height: 119vw; background: #fcfcfc;}
.gr-mobile .m-img-item{width:100%;height:100%;}
.gr-mobile .m-img-item img{width:100%;height:100%;overflow:hidden;}
.gr-mobile .m-btn-control{position:absolute;left:50%;bottom:2.5%;transform:translateX(-50%);}
.gr-mobile .m-btn-control span{display:inline-block;width: 10px;height: 10px;margin-left:13px;background: #d1d1d1;float:left;border-radius:50%;}
.gr-mobile .m-btn-control span:first-child{margin-left:0;}
.gr-mobile .m-btn-control span.m-on{background: #393939;}

.m-row-main-center{margin-bottom:30px;}
.m-item-best {padding-top:30px;}
.m-item-best .m-best-t{margin:30px 0;overflow:hidden;}
.m-best-t img{width:100%;}

.m-main-list {}
.best-seller  {min-height:250px !important;}
.m-item-tit{margin-top:20px;position:relative;overflow:hidden;}
.m-main-list .m-item-tit img{width:100%;}
.m-main-list .m-item-more{font-size:13px;padding-right:10px;padding-bottom:10px;}
.m-main-list .m-item-more a{color:#646464 !important;}

.m-main-list .m-s-img{margin-bottom:10px;position:relative;}
.m-main-list .m-s-img img{width:100%;height:100%;}

.m-container{position:relative;}
.m-container .m-item-best-arr01{position:absolute;top:30%;left:0-10px;z-index:9999;}
.m-container .m-item-best-arr01 span{font-size:20px;color:#e3e3e3;font-weight:normal;}
.m-container .m-item-best-arr02{position:absolute;top:30%;right:0px;z-index:9999;}
.m-container .m-item-best-arr02 span{font-size:20px;color:#e3e3e3;}

.m-main-list .m-s-img .m-label-tack{position:absolute;width: 100%;margin-top: 10px;text-align: center;}
.m-main-list .m-s-img .m-sit-icon img{width:48px;}
.m-main-list .m-text1{font-family:'Arial';font-size:16px !important;letter-spacing:-1px;overflow:hidden;color:#323232;font-weight:700;}
.m-main-list .m-text2{font-size:12px;color:#797979;margin:4px 0;}
.m-main-list .m-text-tag {color: #ababab;}
.m-main-list .m-text3{font-size:16px;margin-top:4px;color:#a50000;letter-spacing:-1px;font-weight:700;}
.m-main-item-img{margin:25px 0;overflow:hidden;}
.m-main-item-img img{width:100%;height:auto;}
.ms_item {padding-top:30px;}

/* 모바일 팝업레이어_실시간 재고  */
.m_count_banner {position:absolute;top:30%;right:3%;z-index:999;width: 130px;height: 110px;
background:url('../img/micon_countdown.png') no-repeat;background-size:100%;text-align: center;box-sizing:border-box;padding-top:30px;padding-left:10px;
}
.m_count_banner span {font-size:38px;color: #ebe0d1;font-weight: 700;}


/* 모바일 메인 커피라이팅 */
.m_coffee_wrap {display: block;padding: 25px 0;margin-top: 90px;width: 100%;background: #f6f2ec;overflow:hidden;}
.m_coffee_box {text-align: center;}
.m_coffee_stit {display: inline-block;width: 80px;font-size:10px;padding: 3px 0;text-align: center;background: #e6b346;color: #fff;border-radius: 5px;}
.m_coffee_tit {font-size: 18px;font-weight: 700;color: #000;letter-spacing: -0.5px;margin-top:10px;}
.m_coffee_explain {font-size: 12px;font-weight: 300;color: #83817e;line-height: 18px;margin: 10px 0 0 0;}
.m_writing_tbbox {position:relative;margin-top: 20px;}
.m_writing_slide {width: 100%;padding:0;text-align: center;}
.m_writing_slide li {width: 243px;display: inline-block;}
.m_writing_slide li.m_writing_left {width: 14px;margin-right:20px;}
.m_writing_slide li.m_writing_right {width: 14px;margin-left:20px;}
.m_writing_slide li img {width: 100%;}


/*모바일 상품상세*/
.m-item-head{font-family:'NanumGothic';padding:0 15px;}
.m-item-head .item-name{padding:10px 0;letter-spacing:-1px;}
.m-item-head .item-name h4{color:#323232;}
.m-item-head .item-name span{font-size:12px;color:#797979;font-family:'NanumGothic';}
.m-item-head .item-price{margin-top:10px;line-height:22px;color:#a50000 !important;}
.mobile-tb{width: 228px;margin:0 auto;}
.mobile-tb img{width: 100%;}

.m-table 
.m-table select{-webkit-border-radius:0;-webkit-appearance:none;background:#fff;}
.m-table label{font-family:'NanumGothic';}
.m-table th{width:30%;color:#323232;font-size:14px;font-weight:bold;}
.m-table td{width:70%;font-size:14px;position:relative;}
.m-table td .m-option-arr{position:absolute;right:15px;top:12px;}
.m-table .input-sm{line-height:14px;}
.m-option-arr img{height:7px;}
.m-table .m-option-st{width:100%;border:1px solid #979797 !important;color:#7a7a7a;-webkit-border-radius:0;-webkit-appearance:none;background:#fff;}

.m-option-number{width:100%;height:28px;line-height:28px;border:1px solid #979797;box-sizing:border-box;display:block;text-align:center;color:#323232;font-weight:bold;padding:0 10px;font-family:'NanumGothic';}
.m-option-number img{height:25px;}

.m-total-price{position:relative;font-size:14px;font-weight:bold;padding:25px 0;}
.m-total-price span{font-weight:700;}
.m-item-good{position:absolute;right:10px;top:32px;}

.m-item-buy{}
.m-item-buy button{cursor:pointer;font-family:'NanumGothic'}
.m-item-buy .m-item-buy-btn{width:96%;background:#770d0d;padding:6px 0;border:1px solid #770d0d;color:#fff;border-radius:4px;font-weight:bold;font-size:14px;}
.m-item-buy .m-item-buy-cart{width:96%;background:#fff;padding:6px 0;border:1px solid #9d9d9d;color:#3f3f3f;border-radius:4px;font-weight:bold;font-size:14px;}

.m-item-explain{margin-top:40px;}
.m-item-explain .m-item-tab a{font-size:14px !important;color:#999;font-family:'NanumGothic'}
.m-item-explain .m-item-tab{text-align:center;padding:15px 0;overflow:hidden;}
.m-item-explain .m-item-tab:hover{border-bottom:2px solid #050505;}
.m-item-explain .m-item-tab a:hover{font-weight:bold;color:#050505 !important;}
.m-item-explain .m-item-action{border-bottom:2px solid #050505;color:#050505 !important;font-weight:bold;}
.m-item-explain .m-item-action a{color:#050505 !important;font-family:'NanumGothic'}

.tab-content{padding:20px 15px !important;}
.item-delivery{padding:0 15px;}




/*list*/
.m-gr-content{margin-top:-20px;padding:0 15px;font-family:'gothic';}
.m-gr-content .m_hands_cate{}
.m-gr-content .m_list_t{margin:30px 0;}
.m-gr-content .m_list_t img{width:100%;}

.m_list_catebox{margin-bottom:30px;overflow:hidden;}
.m_list_catebox .m_list_cate{font-family:"Roboto", sans-serif;float:left;width:32%;margin-top:1%;padding:5px 0px;text-align:center;border-radius:4px;background:#e2e2e2;border:2px solid #e2e2e2;color:#5b5b5b;}
.m_list_catebox .m_list_cate_goods{font-family:"Roboto", sans-serif;float:left;width:23.5%;margin-left:6px;padding:5px 0px;text-align:center;border-radius:4px;background:#e2e2e2;border:2px solid #e2e2e2;color:#5b5b5b;}
.m_list_catebox a div:hover{background:#fff;border:2px solid #787878;color:#191919;}

.m-list-top{margin-top:10px;margin-bottom:30px;}
.b-none{border:none;}

.m-list-wrap{position:relative;overflow:hidden;}
.m-list-wrap .m-list-container{position:relative;}
.m-list-wrap h5{padding-left:3%;padding-top:11px;padding-bottom:11px;background: #f4f4f4;}
.m-list-wrap .m-list-title-st{font-weight:600;padding-bottom:2px;line-height:1.1;color:inherit;font-family:"Roboto", sans-serif;}

.m-list-wrap .m-list-row{position:relative;padding:17px 15px;border-bottom: 1px solid #dfdfdf;box-sizing:border-box;overflow:hidden;}
.m-list-wrap .m-list-row:last-child{border-bottom:none !important;}
.m-list-wrap .m-list-icon{position:absolute;bottom:15px;right:15px;}
.m-list-wrap .m-list-icon img{height:16px;cursor:pointer;}
.m-list-wrap .m-imgframe{float:left;width:38%;height:auto;} 
.m-list-wrap .m-imgframe img{width:100%;height:100%}
.m-list-wrap .m-list-content{position:relative;width:50%;float:right;overflow:hidden;text-align:left;}
.m-list-wrap .m-label-tack{position:absolute;top:5px;}
.m-list-wrap .m-label-tack img{height:15px;}

.m-list-wrap strong{color:#323232;font-size:15px !important;font-family:"Roboto", sans-serif !important;}
.m-list-wrap .m_info_text2{font-size:9pt;text-align:left;color:#838383;font-family:"Roboto", sans-serif;line-height:20px;}
.m_info_tag {color: #ababab;}
.m-list-wrap .m-list-details{margin-top:8px;}
.m-list-wrap .m-list-price{height: 45px;display: flex;flex-direction: column;justify-content: flex-end;font-size:17px !important;font-weight:bold;color:#a50000;font-size:1.2rem;letter-spacing:-1px;font-family:"Roboto", sans-serif;}
.m-list-wrap .m-list-price .price {font-size:17px;line-height: 1;color: #323232; text-decoration: line-through;}


/*장바구니*/
.m_bar_cart{width:100%;margin:0 auto;height:80px;margin-top:20px;}
.m_div_33{width:33%;text-align:center;float:left;font-size:12px;padding:8px 0;border:1px solid #efefef;}
.m_selected{color:#a20d0d ;font-weight:bold;border:1px solid #a20d0d ;}
@media (max-width: 1200px) { 
  .m-cart-title h2{ font-size:1.6em !important; }
}
@media (max-width:768px){
	.table-responsive-cart {overflow-x:scroll;}

}


/*1:1문의*/
.m-list{margin-top:15px;}
.m-list:first-child{margin-top:0;}
.m-list .list-img{margin-right:10px;}
.m-list .media-heading{font-size:14px;}
.ans-content p{font-size:14px;}
.customer_layout {margin-top:30px !important;}


/*faq*/
.faq-search-wrap{border:0;background:#f6f6f6;padding-top:20px;margin:15px 0;}
.btn-faq{color:#fff !important;background:#888 !important;}
.faq-select{border:none;font-weight:bold;}
.faq-plus{color:#434343;}
.faq-content .panel .active b{color:#e91b23 !important;}
.faq-content .panel .faq-mfont{color:#434343 !important;font-weight:normal;}



/*notice*/
.noti-list-mobile{margin-bottom:15px;border-top:1px solid #eee;}
.noti-list-mobile .noti-list-cont{padding:6px 8px;margin:0px;border-bottom:1px solid #eee;font-size:14px;}
.noti-list-mobile .noti-list-cont strong{line-height:30px;}
.noti-list-mobile .active{background:#fafafa;}
.noti-icon{display:inline-block;overflow:hidden;vertical-align:middle;background-repeat:no-repeat;background-position:left top;}
.noti-new{width:12px;height:12px;background:url('../img/icon/icon_new.gif');}
.list-cnt{color:orangered;font-size;12px;font-weight:bold;font-family:verdana;letter-spacing:-1px;}



/*page*/
.page-list{display:inline-block;list-style:none;padding-left:0;}
.page-list li{float:left;margin-left:18px;}
.page-list li:first-child{margin-left:0;}
.page-list li a{color:#8b8b8b;font-size:17px;font-family:'arial';}
.page-btn{margin-left:5px !important;}
.page-list .page-active a{color:#363636;font-weight:bold;}



@media (max-width: 720px) {
	.item-explain center img { width: 100% !important;height: auto !important; }
	.pc_view { display: none; }

	.flex-direction-nav { display: none; }
}