@charset "utf-8";
/* header */
html{position:relative;}
header {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 999;
}

header h1 {
	position:relative;
	margin:0;
}

header h1 img {display:block;width:100px;position:relative;}
[class^="navi_wrap"] {padding:16px 0;border-bottom:1px solid #1D2129;}
[class^="navi_wrap"] 
.navi_inner {display:flex;align-items:center;width:100%;max-width:1024px;margin:0 auto;padding:0 24px;}
.menu-toggle {
  justify-self:end;
  display:none;
  height:16px;
}
.menu-toggle .bar {
  width:25px;
  height:2px;
  border-radius:1px;
  background-color:#3f3f3f;
  -webkit-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
.menu-toggle .bar + .bar {margin-top:5px;}
#mobile-menu.is-active .bar:nth-child(1) {
  -webkit-transform:translateY(6px) rotate(45deg);
  -ms-transform:translateY(6px) rotate(45deg);
  -o-transform:translateY(6px) rotate(45deg);
  transform:translateY(6px) rotate(45deg);
}
#mobile-menu.is-active .bar:nth-child(2) {
  opacity:0;
}
#mobile-menu.is-active .bar:nth-child(3) {
  -webkit-transform:translateY(-8px) rotate(-45deg);
  -ms-transform:translateY(-8px) rotate(-45deg);
  -o-transform:translateY(-8px) rotate(-45deg);
  transform:translateY(-8px) rotate(-45deg);
}
[class^="navi_cont_box"] {display:flex;align-items:center;justify-content:space-between;width:100%;transform:translate(0);
  transition:transform 0.7s ease-in-out;}
[class^="navi_cont_box"] a {display:inline-block;}
[class^="navi_cont_box"] a span{font-size:16px;color:#333;}
[class^="navi_cont_box"] .navi_box_top a.on span {border-bottom:1px solid #007031;font-weight:700;color:#007031;}
.navi_box_top a span{margin:0 40px;}
.navi_box_top a + a {border-left:1px solid #ccc}
.main-navigation a.active {font-weight:bold;border-bottom:2px solid #004fff;}
[class^="navi_cont_box"] .navi_box_bottom a + a {margin-left:20px;}
.navi_inner .left_box .back_btn {display:none;}
.navi_inner .left_box .back_btn:before {content:'';display:block;clear:both;width:15px;height:28px;margin-right:24px;background:url(../_img/back_btn.png) no-repeat center; background-size:cover;}

.navi_box_bottom a:before {content:'';display:block;clear:both;width:27px;height:25px;}
.navi_box_bottom .info_btn:before {background:url(../_img/info_ico.png) no-repeat center; background-size:25px auto;}
.navi_inner .cart_btn:before {content:'';display:block;clear:both;width:27px;height:25px;background:url(../_img/cart_ico.png) no-repeat center; background-size:27px auto;}
.navi_box_bottom .logout_btn:before {background:url(../_img/logout_pc.png) no-repeat center; background-size:23px auto;}

.navi_box_bottom .on.info_btn:before {background:url(../_img/info_ico_on.png) no-repeat center; background-size:25px auto;}
.navi_inner .on.cart_btn:before {content:'';display:block;clear:both;width:27px;height:25px;background:url(../_img/cart_ico_on.png) no-repeat center; background-size:27px auto;}
.navi_box_bottom .on.logout_btn:before {background:url(../_img/logout_pc_on.png) no-repeat center; background-size:23px auto;}


[class^="navi_cont_box"] .navi_inner a span{margin-left:0;padding-right:0;}

.navi_inner .cart_btn {position:relative;}
.navi_inner .cart_btn .cart_count {width:24px;
  height:24px;
  position:absolute;
  top:-12px;
  right:-12px;
  padding:0;
  border-radius:50%;
  background-color:#116535;
  letter-spacing:-1px;
  line-height:23px;
  font-size:12px;
  text-align:center;
  color:#fff;}

  .mo_block {display:none;}
/* // header */
#wrap {margin-top:98px;}
/* login */
#content{position:relative;width:100%;max-width:1024px;padding:0 24px 50px;margin:0 auto;}
.join__wrap:before {content:'';display:block;clear:both;position:absolute;top:0;right:0;bottom:0;left:0;background:url(../_img/bg_logo.png) no-repeat center 100px;background-size:60%;opacity:0.04;}
.join__inner {position:relative;z-index:99;max-width:390px; margin:0 auto;padding-top:15%;}
.form_tit {font-size:18px;text-align:center;}
.data__wrap{ margin-top:32px;}
.data__wrap:first-child{ margin-top:0;}
.data__wrap::after{ display:block; clear:both; content:'';}
.data_title{ display:flex; align-items:center; justify-content:space-between;}
.data_title p{ font-size:16px; font-weight:700;}
.data_title .sub_text{ font-size:0.8em; color:#adadad; font-weight:400;}
.data_title .count{color:#d5d5d5; font-weight:400;}
.data_title + .data_cont {margin-top:8px;}
.data_cont{ position:relative;}
.data_cont:first-child{ margin-top:0;}
.data_cont input + a {position:absolute; top:50%; right:10px; margin-top:-16px}
.form__wrap .login_btn{margin-top:40px;}
.data__wrap .inp_box label {vertical-align:bottom;}
.inp_box + .inp_box {margin-left:10px;}
input:not(.chk_box){width:100%; height:48px; padding:8px 0; padding:0 8px; font-size:20px; display:block; border:1px solid #eee; border-radius:4px;
  -webkit-appearance:none;}
input[type="password"]{padding:8px 55px 8px 10px;}
input[type="text"]:focus{border-color:#1D2129; outline:none;}
input[type="text"]:read-only:focus{border-color:#eee; outline:none;}
input[type="password"]:focus{border-color:#1D2129; outline:none;}
input[type="password"]:read-only:focus{border-color:#eee; outline:none;}
input::placeholder{color:#D5D5D5; opacity:1;}
input::-webkit-input-placeholder{color:#D5D5D5;}
input::-ms-input-placeholder{color:#D5D5D5;}
input::-mos-input-placeholder{color:#D5D5D5;}
input:focus-visible{outline:none;}
input[disabled]{-webkit-text-fill-color:#D5D5D5; background-color:#F6F6F6; opacity:1;}
input.err{border-color:#FF511A;}
p.err{position:absolute; font-size:13px; margin-top:4px; color:#FF511A;}

.option_wrap{display:flex; align-items:center; justify-content:space-between; margin-top:20px;}
.option_wrap .link_a, .time_count{font-size:12px; display:block; color:#8A8A8A; font-weight:700;}
.time_count {font-weight:400; color:#FF511A;}
.option_wrap .join_btn{display:block; width:99px; border-radius:8px; line-height:100%; cursor:pointer;}
.option_wrap .join_btn span{display:block; height:32px; padding:0;  background:#231816; border-radius:45px; font-size:14px; color:#fff; line-height:32px; text-align:center; font-weight:700;}

/* 메인 */
.main_header .navi_wrap {border-bottom:none;}
.main_wrap {padding-bottom:140px;}
.main_wrap .main_img_box ul {align-items:stretch;}
.main_wrap .main_img_box li {flex:1;position:relative;height:400px;padding:20px;background:url(../_img/main_bg01.jpeg) no-repeat center;background-size:cover;}
.main_wrap .main_img_box li:last-child {background-image:url(../_img/main_bg02.jpeg);}
.main_wrap .main_img_box .flag {display:inline-block;height:20px;padding:0 8px;border-radius:8px;line-height:18px;color:#fff;background-color:#469c82;}
.main_wrap .main_img_box li:last-child .flag {background-color:#c5716a;}
.main_wrap .main_img_box li img {    max-width: 200px;
  height: 200px;
  position: absolute;
  right: 10px;
  bottom: 10px;}
.main_wrap .main_img_box strong,
.main_wrap .main_img_box p {display:block;color:#fff;}
.main_wrap .main_img_box strong {margin-top:16px;font-size:24px;}
.main_wrap .main_img_box p {margin-top:8px;font-size:13px;}
.main_wrap .main_img_box p:last-child {margin-top:20px;}

.main_prot_box {margin-top:32px;}
.main_prot_box .prot_title {align-items:center;justify-content:space-between;}
.main_prot_box .prot_title strong {font-size:24px;letter-spacing:-0.8px;}
.main_prot_box .prot_title a {color:#116435;}

.prot_swiper {margin-top:60px;}
.prot_swiper .main_list_box {max-width:175px;text-align:left;}
.prot_swiper .main_list_box img {display:block;margin:0 auto 16px;}
.prot_swiper .main_list_box span {display:block;color:#9f9f9f;}
.prot_swiper .main_list_box .name,
.prot_swiper .main_list_box .price {display:block;}
.prot_swiper .main_list_box strong {font-size:20px;}
.prot_swiper .main_list_box .name {font-size:16px;}
.prot_swiper .main_list_box .price_box span {display:inline-block;}
.prot_swiper .main_list_box .price_box .price {color:#1D2129;} 
.prot_swiper .main_list_box .price_box .dis_rate {margin:0; color:#ff5252;}
.prot_swiper .main_list_box .price_box .discount {margin:0 5px}
  
.swiper-button-next::after,
.swiper-button-prev::after {
  display:none;
}
.swiper-button-next {
    background:url(../_img/arrow_ico.png) no-repeat;
    transform:rotate(180deg);
    background-size:50% auto;
    background-position:center;
    right:-7px !important;
  }
  
  .swiper-button-prev {
    background:url(../_img/arrow_ico.png) no-repeat;
    background-size:50% auto;
    background-position:center;
    left:-7px !important;
  }
/* // 메인 */

/* footer */
/*footer {width:100%;position:absolute;bottom:0;left:0;background-color:#f2f2f2;}*/
    
footer {width:100%;background-color:#f2f2f2;}
footer .footer_cont {margin:0 auto 0;padding:0 20px;max-width:1024px;min-height:110px;}
footer .footer_cont {justify-content:left;}
footer .footer_cont img {display:block;margin-right:16px;max-width:90px;width:100%;}
footer .footer_cont span {display:block;}
footer .footer_cont span + span {margin-top:8px;color:#8A8A8A;}
/* // footer */

/* 상품리스트 */
[class^="list_filter_wrap"] {margin-top:80px;}
[class^="list_filter_wrap"] h2 {font-size:24px;}
[class^="list_filter_wrap"] .flex {margin-top:24px;}
.list_filter_wrap02 {display:flex;align-items:center;justify-content:space-between;}
.list_filter_wrap02 .btn {margin-top:0;}
.list_filter_wrap03 {display:block;margin-top:220px;}
.nodata_wrap {margin-top:12%;text-align:center;}
.nodata_wrap img {width:120px;margin-bottom:32px;}
.nodata_wrap h2 {font-size:24px;}
.nodata_wrap p {margin-top:8px;}
.nodata_wrap .btn {width:140px;margin:16px auto 0;}


.result_wrap {margin-top:20%;text-align:center;}
.result_wrap img {width:120px;margin-bottom:32px;}
.result_wrap h2 {font-size:24px;}
.result_wrap p {margin-top:16px;}

.proContain img {display:block;width:100%;max-width:150px;margin:0 auto 14px;}
.proContain .beans_info span {display:block;color:#9f9f9f;}
.proContain strong {font-size:20px;}
.proContain .beans_info .name_box {}
.proContain .beans_info .name_box .name {display:inline;font-size:16px;}
.proContain .beans_info .name_box span {display:inline;font-weight:400;color:#1D2129;}

.list_cont_wrap {margin-top:32px;}
.list_box {margin:0 -10px;}
.list_box:after {content:'';display:block;clear:both;}
.list_box li {width:25%;float:left;}
.list_box li .list_inner {position:relative;margin:10px;padding-bottom:68px;border:1px solid #eee;}
.list_box li .img_cont {position:relative;}
.list_box li img {display:block;width:100%;}
.list_box li.sold_out img{
  filter: grayscale(100%);
}
.list_box li .btm_cont {padding:14px 14px 0;}
.list_box li .beans_info02 {margin-top:8px;}
.list_box li .beans_info span {display:block;color:#9f9f9f;}
.list_box li strong {font-size:20px;}
.list_box li .beans_info .name {font-size:16px;}
.weight_info {    position: absolute;
  bottom:15px;
  left:15px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  color: #333;
  letter-spacing: -1px;}

.up_down_btn {justify-content:left !important;}
.up_down_btn a{
	width:23px;
	height:23px;
	border:1px solid #dfdfdf;
	display:inline-block;
	background-color:white;
    text-align:center;
}
.up_down_btn input[type="number"]{
	display:inline-block;
	width:28px;
	height:23px;
	line-height:23px;
    border:none;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	padding:0;
	text-align:center;
	vertical-align:top;
	border-radius:0;
}
.list_box .btn_group {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
}
.list_box  .btn_group .btn{margin:0;border-radius:0;}
.list_box  .btn_group .btn:nth-child(2) {margin-left:0;}
.list_box  .btn_group .btn span{border-radius:0;font-size:14px;font-weight:400;}
.list_box  .btn_group .btn:nth-child(2) span {background-color:#032e16;}
/* // 상품리스트 */

/* 회원가입, 아이디/패스워드찾기 */
.count_input {height:82px;border:1px solid #eee;border-radius:4px;background-color:#fff;}
.count_input input {border:none !important;}
.count_input .time_count {padding:0 10px;}

/* 하단 고정 */
.btm-fixd{width:100%; padding:24px 24px 32px;; position:absolute; bottom:0; left:0; background-color:#fff;}
.btm-fixd .link_a{font-size:12px; font-weight:400; display:inline-block; margin-right:10px; color:#bababa; text-decoration:underline;}
.info-text{font-size:12px; color:#bababa; margin-top:4px;}
/* // login */

/* 장바구니 */
.cart_wrap{margin-top:24px;border-top:2px solid #333;}
.cart_inner {display:flex;min-width:0;
  border-bottom:1px solid #ddd;}
.cart_box {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
}
.cart_box > div {
  border-color:#cacbd4;
  margin-bottom:0;
}
.cart_box > div .product_info {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  min-width:0;
  padding-left:16px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.cart_box > div .product_info .info_col {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:140px;
  padding:20px 0;
  border-left:1px solid #ececef;
  text-align:center;
}
.cart_box > div .product_info .info_col:first-child {
  flex:1;
  border-left:none;
  text-align:left;
}
.cart_box .det_info {position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  align-items:center;
}
.cart_box > div .product_info .info_col .info {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  min-width:0;
  padding-left:24px;
}
.cart_box > div .product_info .info_col .info .title{
  position:relative;
  font-size:16px;
  font-weight:700;
}
.cart_box > div .product_info .info_col .info .total_box {
  font-weight:700;
}
.cart_box > div .product_info .info_col .info .total_box em{
  font-style:normal;
  color:#fa5500;
}
.cart_box > div .product_info .info_col .info .title .close_btn {
  top:-17px;
  right:14px;
  width:14px;
  height:14px;
}
.cart_box > div .product_info .info_col .info .data_txt {
  display:block;
  margin-bottom:4px;
  font-size:14px;
  color:#767676;
}
.cart_box > div .product_info .info_col .info .btn_text span{
  display:block;
  margin-top:8px;
  color:#086643;
}
.cart_box > div .product_info .info_col .btn {
  margin-top:8px;
}
.cart_box > div .product_info .info_col.delivery_status {padding:20px 12px;}
.cart_box > div .product_info .info_col.delivery_status [class^="txt"]{font-weight:700;}

.cart_box > div .product_info .info_col.delivery_status .txt02{color:#116535;}
.cart_box > div .product_info .info_col.delivery_status .txt03{color:#9e9e9e;}
.cart_box > div .product_info .info_col.delivery_status .txt04{color:#ff9800;}
.cart_box > div .product_info .info_col.delivery_status .txt05{color:#767676;}

.cart_box > div .product_info .info_col.delivery_status .btn {width:100%;margin-top:8px;}
.cart_box > div .product_info .info_col.delivery_status .btn span {width:100%;}
.total_wrap .total_box {display:flex;align-items:center; background-color:#f2f2f2;}
.total_wrap .total_box h3 {
  width:120px;
  font-size:18px;
  text-align:center;
}
.total_wrap .total_box .price_info_box {
  display:flex;
  flex:1;
  padding:23px 0;
}
.total_wrap .btn_order {
  width:100%;
  height:70px;
  background-color:#000;
  font-family:"NotoSansKR-Medium";
  font-size:18px;
  line-height:70px;
  color:#fff;
}
.total_wrap .total_box li {
  position:relative;
  margin:0 20px;
  color:#333;
}
.total_wrap .total_box li:first-child {
  margin-top:0;
}
.total_wrap .total_box li:first-child:after{
  content:'+';
  display:inline-block;
  clear:both;
  position:absolute;
  right:-24px;
  font-size:20px;
}
.total_wrap .total_box li:last-child:after{
  content:'=';
  display:inline-block;
  clear:both;
  position:absolute;
  left:-26px;
  font-size:20px;
}
.total_wrap .total_box li strong, .total_wrap .total_box li p {
  display:inline-block;
}
.total_wrap .total_box li strong {
  float:left;
  font-size:14px;
  line-height:27px;
}
.total_wrap .total_box li p em {
  margin:0 5px;
  font-size:18px; font-style:normal;
}
.total_wrap .total_box .total em{color:#fa5500;}
.address__wrap {margin-top:32px;}
.address__wrap .tit {
  position:relative;
  margin-bottom:15px;
  font-size:24px;
}
.address__wrap table {
  width:100%;
  border-top:2px solid #171717;
  border-bottom:1px solid #171717;
  table-layout:fixed;
}
.address__wrap table tbody th {
  width:30%;
  height:68px;
  padding-left:43px;
  font-family:"Noto Sans KR";
  color:#333;
  font-size:14px;
  border-top:1px solid #d9d9d9;
  text-align:left;
  vertical-align:middle;
}
.address__wrap table tbody td {
  color:#000;
  font-size:14px;
  border-top:1px solid #d9d9d9;
  vertical-align:middle;
}
.address__wrap table tbody td.addr_txt{
  padding:10px 0;
}
.address__wrap table tbody tr:first-child th, 
.address__wrap table tbody tr:first-child td {
  border-color:transparent;
  border:none;
}
.address__wrap .multi_input_row .flex {margin:15px 0 10px;}
.address__wrap .multi_input_row .flex .btn {width:140px;margin-top:0;margin-left:10px;}
.address__wrap .multi_input_row .flex .btn span{padding:0 12px;}
.address__wrap .multi_input_row p {margin-bottom:15px;}
.address__wrap .multi_input_row p input {margin-top:10px}
.address__wrap + .btn_group{width:400px;margin:24px auto 0;}
.address__wrap + .btn {width:200px;margin:24px auto 0;}
/* // 장바구니 */

/* 공지사항 */
.noti_wrap table {
  position:relative;
  width:100%;
  margin:10px 0 0;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  line-height:1.5;
  border-spacing:0;
  font-size:12px;
  text-align:center;
  color:#fff;
}
.noti_wrap th {
  word-break:break-all;
  word-wrap:break-word;
}
.noti_wrap thead th {
  padding:11px 0 10px;
  border-left:0;
  border-bottom:1px solid #333;
  color:#333;
  vertical-align:middle;
  font-weight:normal;
}
.noti_wrap td {
  padding:11px 10px 11px;
  border:none;
  color:#333;
  vertical-align:middle;
  word-break:break-all;
  word-wrap:break-word;
  text-align:center;
}
.noti_wrap td.txt_left{
  text-align:left;
}
.noti_wrap td:first-child {
  border-left:0;
  padding-left:5px;
}
.noti_wrap td .underline:hover {
  text-decoration:underline;}

/* 공지사항 상세보기 */
.board_view_title{display:flex;align-items:center;justify-content:space-between; padding:20px 0; margin-top:20px; border-top:2px solid #002f6c; border-bottom:1px solid #d9d9d9; }
.board_view_title p:nth-child(1){flex:1;margin-bottom:5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight:500; font-size:16px;  color:#202023;}
.board_view_title p:nth-child(2){color:#898989}
.board_view_state{width:100%; margin:20px 0;  text-align:right; }
.board_view_state span{display:inline-block; }
.board_view_con{width:100%; margin-top:16px;padding-bottom:16px;border-bottom:1px solid #002f6c;word-break:normal; word-wrap:break-word;}
.board_view_con img{max-width:100%; }
.board_view_con p {padding:0 8px;}
.board_view_util .btn {margin:24px auto 0;width:140px;}
.board_view_util .btn span{height:38px;line-height:38px; margin-right:0; text-align:center; border:1px solid #d9d9d9; border-radius:3px; box-sizing:border-box;font-weight:400;}
.board_view_page{width:100%; padding:50px 0; }
.board_view_page dl{display:flex;align-items:center; width:100%; line-height:40px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; clear:both; overflow:hidden;}
.board_view_page dl:nth-child(1){border-bottom:0; }
.board_view_page dt{width:13%;line-height:40px;}
.board_view_page dd{width:67%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_view_page dd a{color:#898989; line-height:40px;}
/* // 공지사항 상세보기 */

/* 상품상세보기 하단 글 */
.proContain {
  /* position: fixed;
  bottom:0;
  right: 0;
  left: 0; */
  padding: 14px;
  margin-top:32px;
  border-top: 1px solid #d9d9d9;
  background-color: #fff;
  z-index: 10000;
}
.proContain .proinner {
  width:100%;
  max-width:976px;
  margin:0 auto 0;
}
.proContain .proinner .price_box .price{
  display:inline-block;
}
.proContain .price_wrap {margin-top:14px;}
.pro_info_wrap {margin-top:24px; /*padding-bottom:48px;*/}
.production-selling-refund__title {
  margin: 30px 0 5px;
  color: #424242;
  font-size: 15px;
  font-weight: 700;
  text-align:left;
  line-height: 21px;
}
.production-selling-refund__note {
  margin-bottom: 10px;
  color: #757575;
  font-size: 14px;
  text-align:left;
  line-height: 16px;
}
.price_box {height:21px;}
.price_box .price {
  font-weight: 700;
  font-size: 16px;
}
.price_box .discount {
  text-decoration: line-through;
  font-size: 12px;
  color: #a9a9a9;
}
.price_box .dis_rate{
  margin: 0 5px;
  font-size: 14px;
  font-weight: 700;
  color: #ff5252;
}
/* // 상품상세보기 하단 글 */

/* Paging Style Set */
.paging {
	margin:32px 0;
	text-align:center;
	font-size:0;
}
.paging a,
.paging span {
	display:inline-block;
	width:24px;
	height:24px;
	margin:0 1px;
	border:1px solid #dbdbdb;
	color:#767676;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	vertical-align:middle;
  text-decoration:none;
}
.paging a:hover,
.paging a:active,
.paging a:focus {
	border:1px solid #4c8500;	
}
.paging .on {
	color:#fff;
	background:#4c8500;
	border:1px solid #4c8500;
}
.paging .direction.fisrt img,
.paging .direction.last img {width:13px;}
.paging .direction.prev img,
.paging .direction.next img {width:8px;}

@media screen and (max-width:1024px){
    .list_box li {width:33.33%;}
}
@media screen and (max-width:892px){
}
@media screen and (max-width:768px){

  #wrap {margin-top:84px;}
  [class^="list_filter_wrap"] {margin-top:24px;}
  [class^="navi_cont_box"] a span {padding:0;margin:0;}
  [class^="navi_wrap"] .navi_inner {display:flex;justify-content:space-between;}
  .navi_inner .left_box,
  .navi_inner .right_box {display:flex;align-items:center;}
  [class^="navi_cont_box"]{
    display:none;
    flex-direction:column;
    justify-content:start;
    position:fixed;
    top:83px;
    padding-bottom:30px;
    width:100%;
    /* height:calc(100vh - 83px); */
    transform:translate(108%);
    border-bottom:8px solid #0d6534;
    background-color:#fff;
    overflow:hidden;
    text-align:center;
    z-index:9999999;
  }
  [class^="navi_cont_box"].mobile-nav {
    transform:translate(0%)!important;
    display:flex;
    left:0;
    border-top:2px solid #ddd;
  }
  [class^="navi_cont_box"] .navi_box_top a {
    display:block;
    padding:15px;
  }
  [class^="navi_cont_box"] .navi_box_top a:first-child {
    margin-top:32px;
  }
  .menu-toggle, .bar {
    display:block;
    cursor:pointer;
  }
  .navi_box_top a + a {
    border-left:none;
  }
  .navi_inner .left_box .back_btn {display:block;}
  .navi_inner .cart_btn .cart_count {right:-10px;}
  .mo_block {display:block;margin-right:30px;}
  .pc_block {display:none !important;}
  .navi_box_top {width:100%;}
  .navi_box_top a span {font-size:20px;}

  [class^="navi_cont_box"] .navi_box_bottom a.on span {border-bottom:1px solid #007031;font-weight:700;color:#007031;}
  .navi_box_bottom {display:flex;justify-content:center; margin-top:60px;width:100%;max-width:180px;}
  .navi_box_bottom span {height:auto;text-indent:0;}
  .navi_box_bottom a:before {margin:0 auto 10px;}
  header h1 img{margin:0 auto;width:80px;}
  .join__wrap:before {background-position:center 70%;}
  .main_wrap .main_img_box ul {margin:0 -24px;}
  .main_wrap .main_img_box li {height:auto}
  .main_wrap .main_img_box li::after{display:none;}
  .main_wrap .main_img_box strong {font-size:13px;}
  .list_box li {width:50%;}
  .main_wrap .main_img_box li img {display:none;}
  .proContain {margin:32px -24px 0;}

  .cart_box > div .product_info .info_col .info .title{padding-right:28px;margin-bottom:10px;}
  .cart_box > div .product_info .info_col .info .title .close_btn {top:3px;right:5px;}
  .cart_box > div .product_info .info_col .thumb_img {display:none;}
  .cart_box > div .product_info .info_col .info {padding-left:0;padding-right:10px;}
  .total_wrap .total_box{display:block;padding:20px 0;}
  .total_wrap .total_box h3{width:100%;}
  .total_wrap .total_box .price_info_box{display:block;max-width:400px;width:100%;margin:0 auto 0;}
  .total_wrap .total_box li{display:flex;justify-content:space-between;}
  .total_wrap .total_box li:first-child:after,
  .total_wrap .total_box li:last-child:after{display:none;}
  .total_wrap .total_box .total{
    border-top:1px solid #ddd;
    margin-top:10px;
    padding-top:10px;
  }
  .total_wrap .total_box li strong{float:none;}
  .production-selling-refund__note {
    font-size: 13px;
    line-height: 17px;
}
  .backon.on {display:block;margin-top:83px;z-index:99;}
}

@media screen and (max-width:600px){
  .btn span{font-size:14px !important;}
  .main_wrap .main_img_box strong + p {display:none;}
  .list_filter_wrap03 {margin-top:200px;}
  .cart_box > div .product_info .delivery_charge{display:none;}
  .cart_box > div .product_info .info_col{width:104px;}
  .cart_box > div .product_info .info_col:last-child{width:auto;padding:0 10px;}
  .cart_box > div .product_info .delivery_status{width:104px !important;}
  .result_wrap{margin-top:24px;}
  .address__wrap table tbody th{padding-left:15px;}
  .address__wrap + .btn_group,
  .address__wrap + .btn {width:100%;}
  .board_view_util .btn {width:100%;}
  .btn_group .home {display:none;}

  footer .footer_cont img {max-width:50px;}
  footer .footer_cont span {font-size:11px;}
  .list_box li .beans_info .name {font-size:14px;}
  .list_box li strong {font-size:16px;}
  .modal-wrap {margin:0 10px !important;}
}

@media screen and (max-width:449px) and (min-width:410px){
  .price_box .price{display:block;}
}


@media screen and (max-width:410px){
  .list_box li {width:100%;}
}

@media screen and (max-width:420px){
  .join__wrap:before{display:none;}
  .main_wrap .main_img_box li:last-child {display:none;}
  .board_view_page {padding:16px 0;}
  .board_view_page dt {width:53px;}
}