@charset "utf-8";
/* 래이아웃 */
#contents {box-sizing: border-box;}
#contents .container .contents {padding: 0 60px;}
/*#contents .container .contents_farm {padding: 0 60px; background: url(../image/sub/bg02.png) no-repeat 0 47%; background-size: 20%;}*/
#contents .container .shopping {padding: 0 60px;}
#contents .container .galpa {padding: 0 25px;}
#contents .container .join_pa {padding: 0 100px;}
#ect {position: relative; overflow: hidden; background: #f5fff2; border-top: 1px solid #66a343;}

/* 서브비주얼 */
#visual01 {width: 100%; height: 220px; background: url(../img_2025/sub/sub_visual.png) center center no-repeat; background-size: cover; }
#visual02 {width: 100%; height: 220px; background: url(../img_2025/sub/sub_visual.png) center center no-repeat; background-size: cover; }
#visual03 {width: 100%; height: 220px; background: url(../img_2025/sub/sub_visual.png) center center no-repeat; background-size: cover; }
#visual04 {width: 100%; height: 220px; background: url(../img_2025/sub/sub_visual.png) center center no-repeat; background-size: cover; }
#visual05 {width: 100%; height: 220px; background: url(../img_2025/sub/sub_visual.png) center center no-repeat; background-size: cover; }

/*타이틀*/
.sub_title h2 {text-align: center; padding: 65px 0px; font-size: 28px;}
.farm_info .title_sub {padding: 60px 0; font-size: 24px; color: #494949; position: relative; text-align: center;}
.food_info .title_sub {padding: 60px 0; font-size: 24px; color: #494949; position: relative; text-align: center;}
.shopping .title_sub {padding: 60px 0; font-size: 24px; color: #494949; position: relative; text-align: center;}
.board .title_sub {padding: 60px 0; font-size: 24px; color: #494949; position: relative; text-align: center;}

/* 상단 */
.tab_btn {margin:0 auto 75px; width: 100%;}
.tab_btn1 {margin:0 auto 75px; width: 50%;}
.tab_btn2 {margin:0 auto 75px; width: 100%;}
.tab_btn3 {margin:0 auto 75px; width: 50%;}
.tab_btn4 {margin:0 auto 75px;  width: 100%;}
.tab_btn5 {margin:0 auto 75px; width: 100%;}
.tab_btn ul li { float: left; width: 25%; text-align: center; border: 1px solid var(--border-color); border-bottom-color: var(--color-primary); border-right: 0; box-sizing: border-box;}
.tab_btn ul li:last-child {border-right:1px solid var(--border-color);}
.tab_btn ul li a { display: block; padding: 11px 15px; background: #fff; font-size: 16px; font-weight: 500; letter-spacing: 0.03em; cursor: pointer; color: var(--text-gray);}
.tab_btn ul li.on a, .tab_btn ul li :hover  { background: #fff; color: var(--color-primary);transition: all 0.2s;}
.tab_btn ul li.on { border: 1px solid var(--color-primary); border-bottom: 0; }
.tab_btn1 ul li.on a, .tab_btn ul li :hover  { background:var(--color-primary); color: #fff; transition: all 0.2s;}
.tab_btn1 ul {overflow: hidden; display:flex; justify-content: center;}
.tab_btn1 ul li { float: left; width: 50%; text-align: center; border: 1px solid var(--border-color); box-sizing: border-box;}
.tab_btn1 ul li a { display: block; padding: 11px 15px; background: #fff; font-size: 16px; font-weight: 500; letter-spacing: 0.03em; cursor: pointer; color: var(--text-gray);}
.tab_btn1 ul li.on a, .tab_btn2 ul li :hover  { background: var(--color-primary); color: #fff; transition: all 0.2s;}

.tab_btn2 ul li.on a, .tab_btn ul li :hover  { background:var(--color-primary); color: #fff; transition: all 0.2s;}
.tab_btn2 ul {overflow: hidden; display:flex; justify-content: center;}
.tab_btn2 ul li { float: left; width: 25%; text-align: center; border: 1px solid var(--border-color); box-sizing: border-box;}
.tab_btn2 ul li a { display: block; padding: 11px 15px; background: #fff; font-size: 16px; font-weight: 500; letter-spacing: 0.03em; cursor: pointer; color: var(--text-gray);}
.tab_btn2 ul li.on a, .tab_btn2 ul li :hover  { background: var(--color-primary); color: #fff; transition: all 0.2s;}

.tab_btn3 ul li.on a, .tab_btn ul li :hover  { background: var(--color-primary); color: #fff; transition: all 0.2s;}
.tab_btn3 ul {overflow: hidden;}
.tab_btn3 ul li { float: left; width: 50%; text-align: center; border: 1px solid var(--border-color); box-sizing: border-box; }
.tab_btn3 ul li a { display: block; padding: 11px 15px; background: #fff; font-size: 16px; font-weight: 500; letter-spacing: 0.03em; cursor: pointer; color: var(--text-gray);}
.tab_btn3 ul li.on a, .tab_btn3 ul li :hover  { background: #EF317D; color: #fff; transition: all 0.2s;}
.tab_btn4 ul li { float: left; width: 20%; text-align: center; border: 1px solid #7ca614;  box-sizing: border-box;}
.tab_btn4 ul li a { display: block; padding: 11px 15px; background: #fff; font-size: 16px; font-weight: 500; letter-spacing: 0.03em; cursor: pointer; color: #478523;}
.tab_btn4 ul li.on a, .tab_btn4 ul li :hover  { background: var(--color-primary); color: #fff; transition: all 0.2s;}
.tab_btn5 ul li { float: left; width: 25%; text-align: center; border: 1px solid var(--border-color);  box-sizing: border-box;}
.tab_btn5 ul li a { display: block; padding: 11px 15px; background: #fff; font-size: 16px; font-weight: 500; letter-spacing: 0.03em; cursor: pointer; color: vargray;}
.tab_btn5 ul li.on a, .tab_btn5 ul li :hover  { background: var(--color-primary); color: #fff; transition: all 0.2s;}
.location {position: absolute; right: 30px; top: 20px;}
.location a img {margin:0 9px 4px;}
.location span {font-size: 15px; color: #575757; padding: 0 6px 0 11px; background: url(../image/sub/location_arrow.png) no-repeat 0 0; background-position: -1px 6px;}
.location em {font-size: 15px; color: #333; padding: 0 6px 0 11px; background: url(../image/sub/location_arrow.png) no-repeat 0 0; background-position: -1px 6px;}


/* ==농장소개== */
/* 인사말 / 농장소개 */
.farm_info .info_area {padding: 90px 60px; background-color:var(--color-secondary);}
.farm_info .info_area b {font-size:18px;}
.farm_info .info_area p {color: #333; line-height: 1.5em; font-size: 16px;}
.farm_info .info_area p span {padding-top: 30px; color: #333; line-height: 1.5em; font-size: 18px; font-weight: 500; letter-spacing:0.2em; margin-left:8px;}

/*찾아오시는길*/
.farm_info .farm_map {text-align: center;}
.farm_info .farm_map img {padding-right: 22px;}
.farm_info .farm_txt_2 {text-align: left; padding: 8px 40px; border-radius: 5px; width: 325px; margin: 5px 0;}
.farm_info .farm_txt_2 .farm_wrap {display:flex; gap:20px;}
.farm_info .farm_txt_2 .farm_wrap .farm_txt_title h3{font-weight: 600;}
.farm_info .farm_txt_2 h1 {margin-bottom:10px;}
.farm_info .farm_txt_2 h3 {text-align: left; font-size: 15px; font-weight: 500; color: #4a4949; line-height: 2em; }

/* ==제품소개== 
.food_info {padding: 0 60px;}*/
.food_info .food_wrap {width:100%; box-sizing: border-box;}
.food_info .food_wrap img {width:100%;}
.table2 th{border: 1px solid #dcdcdc; text-align: center; background: #a5d48a; font-size: 15px; color: #fff; font-weight: bold; height: 30px; line-height: 20px; vertical-align: middle; padding: 5px 0;}
.table2 td{padding: 10px 4px; text-align: center; border: 1px solid #dcdcdc; background: #f7f7f7; vertical-align: middle;}

/* ==쇼핑하기== */
/*상품 리스트*/
.shopping_infor {display:flex; padding-bottom: 17px; border-bottom: 1px solid var(--border-color);}
.shopping_infor .count_infor{width:100%; align-content: end;}
.shopping_infor .count_infor p{color:gray;}
.select-container {text-align: right; position: relative;display: inline-block;}
.select-container::after {content: '\25BC'; position: absolute;top: 50%;right: 10px;transform: translateY(-50%);pointer-events: none;font-size: 14px;color: #333;}
.select-container .select {width: 200px; font-size: 16px; border: 2px solid var(--border-color); color: #333;appearance: none; padding: 9px 8px; height: 50px;-webkit-appearance: none;
-moz-appearance: none;background-image: url('https://freepikpsd.com/media/2019/10/down-arrow-icon-png-7-Transparent-Images.png'); background-repeat: no-repeat;background-position: right 10px center;background-size: 15px;}
.select-container .select:focus { border-color: #ff5e5e; outline: none; box-shadow: 0 0 5px rgba(255, 94, 94, 0.5);}
.select-container .select option {padding: 10px;}
.shopping_list {position: relative;}
.shopping_list .product_box {position:relative; display: inline-block; border: 1px solid d3d3d3; box-sizing: border-box; vertical-align: top; }
.shopping_list .product_wrapper {  display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 50px 0; padding: 0; list-style: none;}
.shopping_list .product_box .product_img {overflow: hidden; position: relative; border: 1px solid var(--border-color);}
.shopping_list .product_box .product_img a img {width: 100%; height: auto; transform: scale(1); transition: .5s; object-fit:cover;}
.shopping_list .product_box:hover .product_img a img {transform: scale(1.1);}
.shopping_list .product_box .product_img .best { position: absolute; top: 15px; left: 20px;}
.shopping_list .product_box .product_img .free { position: absolute; top: 15px; right: 15px;}
.shopping_list .product_box .product_img .rec { position: absolute; top: 15px; right: 15px;}
.shopping_list .product_infor {padding-top: 13px;}
.shopping_list .product_infor .title a {display: inline-block; width: 100%; font-size: 17px; line-height: 1.5em; text-overflow: ellipsis; white-space: nowrap;
    overflow: hidden;}
.shopping_list .product_infor .infor {display: block; width: 100%; color: #8e8e8e; font-size: 16px; line-height: 2.8em; font-weight: 500; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap;}
.shopping_list .product_infor .discount {display: block; color: var(--text-light-gray); font-size: 16px; line-height: 1.8em; font-weight: 500;text-decoration: line-through;}
.shopping_list .product_infor .badge_group {gap: 4px; display: flex;}
.shopping_list .product_infor .price {color: var(--text-black); font-size: 17px; font-weight: bold; line-height: 2em;}
.shopping_list .product_infor .hot_product {color:#F2639C; border:1px solid #F2639C; border-radius: 11px; font-size: 13px; padding: 0px 6px;}
.shopping_list .product_infor .best_product {color:#3ACDAD; border:1px solid #3ACDAD; border-radius: 11px; font-size: 13px; padding: 0px 6px;}
.shopping_list .product_infor .new_product {color:#19c8ff; border:1px solid #19c8ff; border-radius: 11px; font-size: 13px; padding: 0px 6px;}
.shopping_list .product_infor .soldout {color:#535353; border:1px solid #535353; border-radius: 11px; font-size: 13px; padding: 0px 6px;}
.shopping .paging {width: 100%; position: relative; text-align: center; margin-bottom: 130px;}
.shopping .paging ul li {display: inline-block; padding: 0 5px;}
.shopping .paging ul li:first-child, .board .paging ul li:last-child {padding: 0;}
.shopping .paging ul li a {font-size: 15px; color: #333; font-weight: 600;}
.shopping .paging ul li a.on {font-size: 15px; color: #66a343;}

/* 상세정보 */
.shopping_detail_f .location {position: absolute; right: 30px; top: 50px;}
.shopping_detail_f .shopping_top {padding: 110px 0 47px;}
.shopping_detail_f .shopping_top .shopping_left {float: left; width: 50%;}
.shopping_detail_f .shopping_top .shopping_left .product_img {border: 1px solid var(--border-color); margin:0 30px 20px; position: relative; display: inline-block;}
.shopping_detail_f .shopping_top .shopping_left .product_img img {width: 500px; height: 418px;}
.shopping_detail_f .shopping_top .shopping_left .product_img .img-zoom-lens {position: absolute; width: 150px;height: 150px;border-radius: 50%;border: 1px solid #d4d4d4;box-shadow: 0 2px 8px rgba(0,0,0,0.3);background-repeat: no-repeat;background-color: white;pointer-events: none;display: none;transition: left 0.05s ease-out, top 0.05s ease-out, background-position 0.05s ease-out;}
.shopping_detail_f .shopping_top .shopping_left .product_img_preview {display:flex; gap: 10px; padding: 0 30px;}
.shopping_detail_f .shopping_top .shopping_left .product_img_preview img {width:calc(25% - 10px); border: 1px solid var(--border-color);}
.shopping_detail_f .shopping_top .shopping_left .product_img_preview .preview-img:hover {border: 3px solid var(--text-gray);}
.shopping_detail_f .shopping_top .shopping_right {float: left; width: calc(50% - 15px);margin-left: 15px;}
.shopping_detail_f .shopping_top .shopping_right .product_infor {width: 100%; height: 60px;  padding: 20px 0 20px 22px; background: #fff; border-top: 2px solid var(--text-black); border-bottom: 1px solid #c9c9c9;}
.shopping_detail_f .shopping_top .shopping_right .product_infor .product_title {font-size: 20px; color: var(--text-black);}
.shopping_detail_f .shopping_top .shopping_right .product_infor .product_txt {display: inline-block; padding-top: 12px;  font-size: 17px; color: #747474;}
.shopping_detail_f .shopping_top .shopping_right table {margin: 20px 0;}
.shopping_detail_f .shopping_top .shopping_right table th, .shopping_detail_f .shopping_top .shopping_right table td { padding: 0 25px 15px 40px; color: var(--text-gray-100);font-size: 16px;}
.shopping_detail_f .shopping_top .shopping_right table th, .shopping_detail_f .shopping_top .shopping_right table td.price { color: var(--text-black); font-size: 20px;}
.shopping_detail_f .shopping_top .shopping_right table th, .shopping_detail_f .shopping_top .shopping_right table td.num input { width: 45px; height: 24px; }
.shopping_detail_f .shopping_top .shopping_right table td.num input{order:2;border: none; font-size: 16px; text-align: center;}
.shopping_detail_f .shopping_top .shopping_right table td.num input:focus{outline:none;}
.shopping_detail_f .shopping_top .shopping_right table td.num .ui-spinner-down {order:1;border: none;}
.shopping_detail_f .shopping_top .shopping_right table td.num .ui-spinner-up {order:3; border : none;}
.shopping_detail_f .shopping_top .shopping_right table td.num .ui-spinner {position: relative; display:flex; width: 80px;}
.shopping_detail_f .shopping_top .shopping_right table td.num .ui-spinner-button {font-size: 0; background-color: #fff !important; background-image: none; align-content: center;}
.shopping_detail_f .shopping_top .shopping_right table td.num .ui-icon-triangle-1-n::before {content:''; display:inline-block; width:12px; height:12px; position:absolute; top:9px; left: 53px; background: url(../image/sub/up.png) no-repeat;}
.shopping_detail_f .shopping_top .shopping_right table td.num .ui-icon-triangle-1-s::before {content:''; display:inline-block; width:18px; height:11px; position:absolute; top:14px; left: -15px; background: url(../image/sub/down.png) no-repeat;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-radius:4px; !important}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-radius:4px; !important}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-radius:4px; !important}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-radius:4px; !important}
.shopping_detail_f .shopping_top .shopping_right table th {font-size: 16px; color: var(--text-gray-100); font-weight: 400; text-align: left;}
.shopping_detail_f .shopping_top .shopping_right .total_price {width: 100%; padding: 20px 0; border-top: 1px solid #c9c9c9; display:flex; justify-content: space-between;}
.shopping_detail_f .shopping_top .shopping_right .total_price p {line-height: 50px; text-align: right; padding: 0 25px; font-size: 17px; color: #333;}
.shopping_detail_f .shopping_top .shopping_right .total_price p .total {color: var(--text-black); font-size: 20px; padding-left: 7px; font-weight:600;}
.shopping_detail_f .shopping_top .shopping_right .buy {text-align: center; margin-bottom: 50px;}
.shopping_detail_f .shopping_top .shopping_right .buy span {color: #fff; background: var(--text-light-gray); font-size: 17px; display: inline-block; width: 45%; height: 50px; text-align: center; line-height: 50px; border-radius: 3px; margin-right: 3%;}
.shopping_detail_f .shopping_top .shopping_right .buy .buy_btn_1 {color: #fff; background: var(--color-primary); font-size: 17px; display: inline-block; width: 45%; height: 50px; text-align: center; line-height: 50px; margin-right: 3%;}
.shopping_detail_f .shopping_top .shopping_right .buy .buy_btn_1:hover {background: var(--color-primary-200);}
.shopping_detail_f .shopping_top .shopping_right .buy .buy_btn_2 {color: var(--text-black); background: #fff; border:1px solid var(--border-color); font-size: 17px; display: inline-block; width: 45%; height: 50px; text-align: center; line-height: 50px;}
.shopping_detail_f .shopping_top .shopping_right .buy .buy_btn_2:hover {background: var(--text-light-gray); color:#fff;}

/*모달창
.modal.on {display: flex; justify-content: center;align-items: center;}
.modal {display: none; position: fixed; top:0;left: 0;width: 100%;height: 100vh;overflow: hidden; background: rgba(0,0,0,0.6);}
.modal .modal_popup {width: 430px; height:220px; top: 50%;left: 50%; text-align: center; border: 1px solid var(--border-color); padding: 20px;background: #ffffff;border-radius: 20px; animation: modalFadeIn 0.3s ease; display: flex; flex-direction: column; align-items: center;gap: 14px;}
.modal .modal_popup h2 {align-self: flex-start;width: 100%;font-size: 18px;font-weight: bold;margin-bottom: 12px;padding-bottom: 8px;border-bottom: 1px solid #ddd;}
.modal .modal_popup h3 {font-size: 18px;font-weight: bold;margin-bottom: 12px;color: #333;}
.modal .modal_popup p {font-size: 15px;color: #555;margin-bottom: 25px;}
.modal .modal_popup .modal_btn {display: flex; justify-content: center; gap: 12px;}
.modal .modal_popup .modal_btn .go_btn { display: block; padding: 10px 20px; background-color: var(--color-primary); border: none; border-radius: 5px; color: #fff; cursor: pointer; transition: box-shadow 0.2s;} 
.modal .modal_popup .modal_btn .close_btn {display: block; padding: 10px 20px; background-color: var(--text-gray); border: none; border-radius: 5px; color: #fff; cursor: pointer; transition: box-shadow 0.2s;}
@keyframes modalFadeIn {from 
 { opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
*/
.shopping_detail {padding: 0 20px;}
.shopping_detail .shopping_info {padding: 30px 30px 50px;}
.shopping_detail .shopping_info img {width: 100%;}
.shopping_detail .shopping_info p {overflow: hidden; text-align: center;}
.shopping_detail .delivery {padding: 30px 30px 50px;}
.shopping_detail .delivery >div {padding: 60px 0;}
.shopping_detail .delivery >div .del_left  {width: 30%; float: left; text-align: center;}
.shopping_detail .delivery >div .del_left img {display: inline-block;}
.shopping_detail .delivery >div .del_right {width: 70%; float: left; }
.shopping_detail .delivery >div .del_right h2 {line-height: 32px; color: var(--text-black); }
.shopping_detail .delivery >div .del_right p {line-height: 32px; color: var(--text-gray-100); }
.shopping_detail .review_board {padding: 50px 0px;}
.shopping_detail .review_board .review_btn {display: block; margin: 15px 0; text-align: right;}
.shopping_detail .review_board .review_btn a {color: #fff; background: var(--color-primary); font-size: 15px; display: inline-block; width: 90px; height: 30px; text-align: center; line-height: 30px;}
.shopping_detail .review_board .review_btn a:hover {background: var(--color-primary-200); color: #fff;}
.shopping_detail .qna_board .sub_board th:nth-child(1) {width: 15%;}
.shopping_detail .qna_board .sub_board th:nth-child(3) {width: 15%;}
.shopping_detail .qna_board .sub_board th:nth-child(4) {width: 15%;}
.shopping_detail .sub_board {table-layout: fixed;}
.shopping_detail .sub_board thead {border-top: 2px solid var(--text-light-gray);}
.shopping_detail .sub_board thead tr th {border-bottom: 1px solid var(--border-color); text-align: center; background: #f8f8f8; font-size: 15px; color: var(--text-black); font-weight: bold; height: 40px; line-height: 40px;}
.shopping_detail .sub_board tr {border-bottom: 1px solid #ccc;}
.shopping_detail .sub_board tr td {padding:  14px 30px; font-size: 15px; color: #333; text-align: center;}
.shopping_detail .sub_board tr td #review_content_103 {font-size:15px;}
.shopping_detail .sub_board tr td.title {padding: 0 20px; font-weight: 500; text-align: left; width: 100%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shopping_detail .sub_board tr td.title a:hover {font-weight: 600;}
.shopping_detail .qna_board {padding: 50px 0px 130px;}
.shopping_detail .qna_board tr td.secret {background: url(../image/sub/secret.png) 20px 15px no-repeat; }
.shopping_detail .qna_board tr td.secret a {display: inline-block; width: 100%; padding-left: 24px; box-sizing: border-box; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shopping_detail .qna_board tr td.re {background: url(../image/sub/Re_icon.png) 32px 15px no-repeat; }
.shopping_detail .qna_board tr td.re a {display: inline-block; width: 100%; padding-left: 40px; box-sizing: border-box; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shopping_detail .qna_board .review_btn {display: block; margin: 15px 0; text-align: right;}
.shopping_detail .qna_board .review_btn a {color: #fff; background: var(--color-primary); font-size: 15px; display: inline-block; width: 90px; height: 30px; text-align: center; line-height: 30px;}
.shopping_detail .qna_board .review_btn a {background: var(--color-primary);}
.shopping_detail .qna_board .review_btn a:hover {background: var(--color-primary-200); color: #fff;}
.shopping_detail .comment {padding: 13px 30px 30px!important; position:relative;}
.shopping_detail .comment .btn01 {position: absolute; right:17px; bottom: 8px; font-size: 13px; padding:1px 9px; border-radius: 3px;  color: #fff; background:#aeaeae;}
.shopping_detail .comment .btn02 {position: absolute; right:55px; bottom: 8px; font-size: 13px; padding:1px 9px; margin-right: 8px; border-radius: 3px; color: #fff; background:#eaa02c;}

/* ==고객마당== */
/* 게시판 */
.board .sub_board {table-layout: fixed;}
.board .sub_board thead {border-top: 1px solid var(--text-gray);}
.board .sub_board thead tr th {border-bottom: 1px solid var(--border-color); text-align: center; background-color: #fbfbfb; font-size: 15px; color: #333; font-weight: bold; height: 40px; line-height: 40px;}
.board .sub_board thead tr th.allSelect {width: 4%}
.board .sub_board thead tr th.num {width: 6%}
.board .sub_board thead tr th.title {width: 53%}
.board .sub_board thead tr th.writer {width: 12%}
.board .sub_board thead tr th.date {width: 15%}
.board .sub_board thead tr th.click {width: 10%}
.board .sub_board tr {border-bottom: 1px solid #dcdcdc;}
.board .sub_board tr td {padding:  14px 5px; font-size: 15px; color: #333; text-align: center; vertical-align: middle;}
.board .sub_board tr td.title {padding: 0 20px; font-weight: 500; text-align: left; width: 100%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}
.board .sub_board tr td.title a{display: inline-block; color: #333; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; font-size: 15px;}
.board .sub_board tr td.title a:hover {font-weight: 600;}
.board .btn_board{ margin: 35px 0; text-align: right;}
.board .delall, .board .move, .board .copy, .board .write {display: inline-block;}
.board .delall a, .board .move a, .board .copy a, .board .write a {color: #fff; background: var(--color-primary-100); font-size: 15px;  display: inline-block; width: 85px; height: 30px; border: 1px solid var(--color-primary-100); text-align: center; line-height: 30px;}
.board .paging {width: 100%; position: relative; text-align: center; margin-bottom:70px;}
.board .paging ul {}
.board .paging ul li {display: inline-block; padding: 0 5px;}
.board .paging ul li:first-child, .board .paging ul li:last-child {padding: 0;}
.board .paging ul li a {font-size: 15px; color: #333; font-weight: 600;}
.board .paging ul li a.on {font-size: 15px; color: var(--color-primary);}
.board .search {margin-bottom: 30px; text-align: end;}
.board .search .search_s { position: relative; display: inline-block;}
.board .search .search_s select { width: 120px; height: 38px; line-height: 34px;  } 
.board .search .search_s .arrow {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; color: #444; font-size: 10px;} 
.board .search button {background: var(--text-gray); width: 70px; height: 38px; line-height: 40px; color: #fff; font-size: 15px; letter-spacing: 0.02em;}
.board .search button:hover {background: var(--text-gray-100);}
.board .sub_board tr td.noti {font-size: 0; background: url(../image/sub/notice_icon.png) no-repeat; background-position: 50%;}
.board .sub_board tr td.secret {background: url(../image/sub/secret.png) 20px no-repeat; }
.board .sub_board tr td.secret a {padding-left: 20px; }
.board .sub_board tr td.re {background: url(../image/sub/Re_icon.png) 32px no-repeat; }
.board .sub_board tr td.re a {padding-left: 36px; }


/* 갤러리 */
.photo ul > li:nth-child(n+5) {margin-top: 34px;}
.photo ul {position: relative; font-size: 0; margin: 0 auto;}
.photo ul > li{display: inline-block;width: 263px;height: 225px;box-sizing: border-box; margin-right: 9px; vertical-align: top;}
.photo ul > li:nth-child(4n) {margin-right: 0;}
.photo ul > li .image a{display: block; overflow: hidden;padding: 20px 17px;text-align: center;display: block;}
.photo ul > li .image a img{display: block;width: 230px;height: 140px;margin: 0 auto;}
.photo ul > li .text{font-weight: 600;text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.page_num{text-align: center;}
.page_num ul > li{display: inline-block; padding: 0 5px;}
.page_num ul > li a {font-size:15px; color:#333; font-weight: 600;}
.page_num ul > li a.on {font-size:15px; color:var(--color-primary);; }
.page_num ul > li:first-child, .page_num ul > li:last-child {padding: 0;}
.board .search li{display: inline-block;vertical-align: top;}
.board .search select{width: 120px; height: 40px; line-height: 34px;}
.board .search .input{height: 38px;}
.board .search .button{display: block; background: var(--color-primary); width: 100px; height: 40px; line-height: 40px; color: #fff; border-radius: 3px; font-size: 15px; letter-spacing: 0.02em;}
.board .search .button:hover{background: var(--color-primary-200);}

/* 게시글 */
.post_contents {/*padding-top: 160px;*/ width: 100%; margin: 0 auto; position: relative; }
.post_contents .post_title {text-align: center;background: #fafafa;padding: 20px;border-top: 1px solid var(--text-light-gray);border-bottom: 1px solid #ddd;}
.post_contents .post_title h2 {font-size: 28px; line-height: 1.2; /* 제목 크게 */font-weight: bold;margin: 0 0 15px 0;overflow: hidden;text-overflow: ellipsis;white-space: normal; /* 여러 줄 가능 */}
.post_contents .post_title .writer,
.post_contents .post_title .time,
.post_contents .post_title .hit {display: inline-block;font-size: 15px;color: #6b6b6b;}
.post_contents .post_title .writer::after,
.post_contents .post_title .time::after {content: "|";margin: 0 10px;color: #e0e0e0;;}
.post_contents .post_title .hit::after {content: "";}
.post_contents .post_txt {padding: 50px;}
.post_contents .post_txt p {font-size: 16px; color: #333;}
.post_contents .post_txt img{max-width: 100%;}
.post_contents ul.like {text-align: center; padding-top: 30px;}
.post_contents ul.like li {display: inline-block;}
.post_contents ul.like li.yes {padding-right: 10px; }
.post_contents ul.like li a {padding: 40px 18px 10px 18px; border: 1px solid #dedede; font-size: 15px;}
.post_contents ul.like li.yes a {display: block; background: url(../image/sub/yes_icon.png) 50% 22% no-repeat;}
.post_contents ul.like li.yes a:hover {border: 1px solid #6cbff8; transition: all 0.3s;}
.post_contents ul.like li.no a {display: block; background: url(../image/sub/no_icon.png) 50% 22%  no-repeat;}
.post_contents ul.like li.no a:hover {border: 1px solid #f48ea2; transition: all 0.3s;}
.post_contents .file {padding: 15px 20px; background: #fafafa; margin: 40px 0; font-size: 0; color: #333; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.post_contents .file li{font-size: 15px; color: var(--color-primary-100);}
.post_contents .file a{padding-left: 40px; color: var(--color-primary-100); background: url(../image/sub/download.png) 18px no-repeat; font-size: 15px;}
.post_contents .file #filelayer1{display: inline-block;}
.post_contents .file #filelayer1 img {display: none;}
.btn_board .list {text-align: center; margin-bottom: 80px;}
/*버튼 모음*/
.list a, .list input[type=submit] { color: #fff; background: font-size: 15px; display: inline-block; width: 85px; height: 30px;text-align: center; line-height: 30px;}
.btn_board .btn03 {background-color: #f11212 !important;color: #fff !important; border:none !important;}
.btn_board .btn03:hover {background-color: #c71111 !important;}
.btn_board .btn05 {background-color: var(--color-primary) !important;color: #fff !important; border:none !important;}
.btn_board .btn05:hover {background-color: var(--color-primary-200) !important;}
.btn_board .btn01 {background-color: #5882ff !important;color: #fff !important; border:none !important;}
.btn_board .btn01:hover {background-color: #3159d1 !important;}
.btn_board .btn02 {background-color: #999 !important;color: #fff !important; border:none !important;}
.btn_board .btn02:hover {background-color: #777 !important;}
.bbs_list {width: 100%;}
.bbs_item {display: flex;align-items: center; border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color);}
.bbs_item span{font-size:15px;}
.bbs_item.next{border-top:none;}
.bbs_label {display: inline-block;width: 100px;text-align: center;background: #fafafa;color: var(--text-gray);font-weight: bold;padding: 10px; border-radius: 4px 0 0 4px;}
.bbs_title {display: inline-block;background: #fff;padding: 10px 15px;width: calc(100% - 100px);border-radius: 0 4px 4px 0;}
.bbs_title a {color: #333;text-decoration: none;}
.bbs_title a:hover {text-decoration: underline;color: #0066cc;}
.no_post {color: #999;}

.board_comment_write{width: 1015px; margin: 0 auto;}
.board_comment_write td .wtext{box-sizing: border-box; height: 84px;}
.board_comment_write .btn_comment{background: #66a343; font-size: 15px; color: #fff; border: 1px solid #c8c8c8; border-left: 0; width: 100%; line-height: 82px;}
.comment_list{width: 1015px; margin: 0 auto; padding: 18px 0 25px; border-bottom: 1px solid #d7d7d7; position: relative;}
.comment_list .title{font-size: 14px; font-family: 'Noto Sans', 'NanumGothic', 'Dotum', 'arial', 'sans-serif'; font-weight: bold; color: #444; letter-spacing: -0.01em; line-height: 1;}
.comment_list .date{font-size: 13px; font-family: 'Noto Sans', 'NanumGothic', 'Dotum', 'arial', 'sans-serif'; color: #808080; letter-spacing: -0.04em; line-height: 1;}
.comment_list .content{font-size: 14px; font-family: 'Noto Sans', 'NanumGothic', 'Dotum', 'arial', 'sans-serif'; letter-spacing: -0.01em; line-height: 1; margin-top: 15px;}
.comment_list .btn_del{position: absolute; right: 10px; bottom: 10px;}
.btn_all_comment{width: 1015px; margin: 0 auto;}
.btn_all_comment a{font-size: 12px; font-family: 'Noto Sans', 'NanumGothic', 'Dotum', 'arial', 'sans-serif'; color: #505050; letter-spacing: -0.01em; line-height: 1; margin-top: 15px;}

/*게시글 작성*/
.board table thead tr td.ac {padding: 10px 0; text-align: right;}
.board table thead tr td .board_write_input {width: 80%;}
.board table thead tr td.al label {font-size: 13px;}
.board .b_btn {text-align: right; width: 95%; padding: 25px 0;}
.board .b_btn input {vertical-align: top; color: #fff; background: #7ca614; font-size: 15px; display: inline-block; width: 100px; height: 32px; border: 1px solid #7ca614; text-align: center; line-height: 30px; border-radius: 3px}
.board .b_btn .btn01 {color: #fff; background: #7ca614; font-size: 15px; display: inline-block; width: 100px; height: 30px; border: 1px solid #7ca614; text-align: center; line-height: 30px; border-radius: 3px}
.board table {margin: 0 auto; border-top: 2px solid #dcdcdc; border-bottom: 2px solid #dcdcdc; margin: 50px auto 40px; }
.board table tr {border-bottom: 1px solid #dcdcdc;}
.board table tr th {width:20%; padding: 13px 0; background: #f0f0f0; vertical-align: middle; font-size: 15px; color :#292929;}
.board table tr td {padding: 10px 0 10px 15px;}
.board table tr td textarea {width: 97%; height: 240px; font-size:14px; padding: 0 10px; box-sizing: border-box; }
.board .writer-row th {text-align: center;padding-top: 6px;width: 80px;}
.board .writer-cell {display: flex;flex-direction: column;gap: 8px;}
.board .name-group {display: flex;align-items: center;gap: 10px;}
.board .board_write_input {padding: 5px 8px;border: 1px solid #ccc;border-radius: 4px;}
.board .board_write_input[readonly] {background-color: #f5f5f5;color: #555;cursor: not-allowed;}
.board .nick-label {font-size: 13px;color: #333;cursor: pointer;display: flex;}
.board .secret-group {display: flex;align-items: center;flex-wrap: wrap;gap: 6px;}
.board .secret-label {display: flex;align-items: center;gap: 4px;font-size: 13px;cursor: pointer;}
.board .secret-pass input {width: 80px;padding: 3px 6px;border: 1px solid #ccc;border-radius: 4px;}
.board .secret-desc {font-size: 12px;color: #666;}


/*qna*/
.post_answer {display: flex;flex-direction: column;align-items: center;background: #fborder-top: 1px solid var(--text-gray);padding: 20px 20px;margin-top: 10px;position: relative;text-align: center;}
.post_answer .answer_title {font-weight: bold;margin-bottom: 20px;}
.post_answer .answer_content {width: 80%; color: #333;word-break: break-word;margin: 0 auto 20px;}
.post_answer .answer_date {font-size: 0.7rem;color: #888;}
.post_answer .answer_btn {width: 100%;display: flex;justify-content: flex-end;}
.post_answer .btn_modify {background-color: #444;color: #fff;border: none;padding: 8px 16px;border-radius: 6px;cursor: pointer;transition: background 0.2s ease;}
.post_answer .btn_modify:hover {background-color: #222;}

/* 푸터상단 */
.ect ul {width: 80%; margin: 0 auto}
.ect ul>li {float: left; position: relative; padding: 12px;  }
.ect ul>li::before {content: ''; position: absolute; width: 1px; height: 15px; background: #66a343; display: inline-block; top: 15px; left: -1px;}
.ect ul>li a {color: #686868; font-size: 14px;}
.ect ul>li:nth-child(1)::before {width: 0;}
.ect ul>li:nth-child(6) a {color: #66a343;}
.ect ul>li:nth-child(7) a {color: #ad6b23;}

/* 푸터 */
.footer {padding: 56px 29px;}
.footer em img{position: absolute; top: 50%; transform: translateY(-50%)}
.footer .foot_txt {padding: 0 234px; color: #686868;}
.footer .foot_txt p {font-size: 15px; line-height: 1.6;}
.footer .foot_txt p span {position: relative; padding-right: 25px;}
/*.footer .foot_txt p span::before {content: ''; position: absolute; width: 2px; height: 15px; background: #929292; display: inline-block; top: 1px; left: -13px;}*/
.footer .foot_txt p span:nth-child(odd)::before {display: none;}
.footer .foot_txt p.copy {margin-top: 30px; color: #929292;}
.footer .right {position: absolute; right: 0; top: 60px;}
.footer .right img {display: block;}
.footer .right img:nth-child(2) {display: block; padding : 32px 0 0 75px;;}



/* 로그인 */
.login .location {position: absolute; right: 30px; top: -40px;}
.login .login_box {max-width: 470px; margin: 120px auto;}
.login .login_box h2 {text-align: center; font-size: 24px; color: #333;}
.login .login_box span {display: block; text-align: center; padding: 20px 0 30px;  color: #333; font-size: 16px;}
.login .login_box .border {border: 1px solid #ccc;}
.login .tab_btn {overflow: hidden; margin-bottom: 40px;}
.login .tab_btn li { float: left; width: 50%; text-align: center; border: 1px solid var(--color-primary-100); box-sizing: border-box;}
.login .tab_btn li a { display: block; padding: 15px; background: #fff; font-size: 16px; font-weight: 500; letter-spacing: 0.03em; cursor: pointer; color:  var(--color-primary-100);}
.login .tab_btn li.on a  { background: var(--color-primary-100); color: #fff; transition: all 0.2s;}
.login .login_txt {width: 100%; text-align: center;}
.login .login_txt input {width: 75%; height: 43px; line-height: 43px; margin-bottom: 10px; color: #333; padding: 0 5px 0 45px; border: 1px solid #ccc; }
.login .login_txt input:nth-child(1) { background: url(../image/sub/login_id.png) 12px 10px no-repeat;}
.login .login_txt input:nth-child(2) { background: url(../image/sub/login_passward.png) 13px 12px no-repeat;}
.login .login_btn {width: 100%; text-align: center;}
.login .login_btn input {display: inline-block; width: 86%; height: 50px; background: var(--color-primary); color: #fff; margin: 15px 0;}
.login .login_btn input:hover {background: var(--color-primary-200);}
.login ul {margin-bottom: 40px;}
.login ul.txt_btn {padding: 0 35px;}
.login ul li {display: inline-block; }
.login ul li.join_btn {float: right;}
.login ul li a {display: inline-block;  color: #666; font-size: 15px;}

/* 주문조회 */
.order .location {position: absolute; right: 30px; top: -40px;}
.order .order_box {max-width: 470px; margin: 120px auto;}
.order .order_box h2 {text-align: center; font-size: 24px; color: #333; padding-bottom: 70px;}
.order .order_box span {display: block; position: relative; text-align: left; padding: 0 0 15px 47px;  color: #333; font-size: 17px;}
.order .order_box span::before {content: ''; width: 7px; height: 17px; background: var(--color-primary-100); position: absolute; top: 2px; left: 32px;}
.order .order_box .border {border: 1px solid #ccc;}
.order .tab_btn {overflow: hidden; margin-bottom: 33px;}
.order .tab_btn li { float: left; width: 50%; text-align: center; border: 1px solid var(--color-primary-100); box-sizing: border-box;}
.order .tab_btn li a { display: block; padding: 15px; background: #fff; font-size: 16px; font-weight: 500; letter-spacing: 0.03em; cursor: pointer; color: var(--color-primary-100);}
.order .tab_btn li.on a  { background: var(--color-primary-100); color: #fff; transition: all 0.2s;}
.order .order_txt {width: 100%; text-align: center;}
.order .order_txt input {width: 75%; height: 43px; line-height: 43px; margin-bottom: 10px; color: #333; padding: 0 5px 0 45px; border: 1px solid #ccc; }
.order .order_txt input.name { background: url(../image/sub/login_id.png) 12px 10px no-repeat;}
.order .order_txt input.email { background: url(../image/sub/number.png) 12px 11px no-repeat; background-size: 21px;}
.order .order_txt input.num { background: url(../image/sub/email.png) 14px 16px no-repeat;}
.order .order_btn {width: 100%; text-align: center;}
.order .order_btn input {display: inline-block; width: 86%; height: 50px; background: var(--color-primary); color: #fff; margin-bottom: 40px;}
.order .order_btn input:hover {background: var(--color-primary-200);}

/* 주문조회 결과 */
.order_inquiry {margin: 100px auto;max-width: 1200px;padding: 0 20px;color: #333;}
.order_inquiry h2 {font-size: 24px;font-weight: 700;margin-bottom: 30px;}
.order_list {display: flex;flex-direction: column;gap: 20px;}
.order_card {border: 1px solid var(--color-border, #ddd); padding: 20px;background: #fff;display: flex;flex-wrap: wrap;gap: 20px;transition: box-shadow 0.2s ease;}
.order_card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);}
.order_image {flex: 0 0 220px;border-radius: 8px;background: #f8f8f8;display: flex;align-items: center;justify-content: center;}
.order_image img {width: 100%;object-fit: cover;}
.order_info {flex: 1;display: flex;flex-direction: column; justify-content: center; text-align: center;}
.order_info .title {font-size: 18px;font-weight: 600;margin-bottom: 8px;}
.order_info .title a {color: #222;text-decoration: none;}
.order_info .title a:hover {text-decoration: underline;}
.order_info .sub_text {font-size: 14px;color: #666;margin-bottom: 6px;}
.order_meta {font-size: 14px;color: #888;}
.order_price {font-size: 16px;font-weight: bold;color: #ef317d;margin-top: 10px;}
.order_actions {flex: 0 0 180px;display: flex;flex-direction: column;    width: 100%;justify-content: center;align-items: flex-end;gap: 10px;text-align: right;}
.order_actions span {font-size: 13px;color: #666;}
.order_actions .status {color: #e63946;font-weight: bold;}
.order_button { display: flex; gap: 10px;    width: 100%;}
.order_btn {display: inline-block;padding: 8px 16px;font-size: 14px;color: #fff;text-align: center;transition: background 0.2s ease;}
.order_btn.primary {background-color: var(--color-primary, #2a6ef0); color:#fff;}
.order_btn.primary:hover {background-color: var(--color-primary-200, #1e56c9);}
.order_btn.gray {background-color: #3ac3a5; color:#fff;}
.order_btn.gray:hover {background-color: #32a78d;}
.order_btn.review {background-color: #9d9d9d; color:#fff;}
.order_btn.review:hover {background-color: #7d7d7d;}

/*주문조회 결과 수정*/
.order_inquiry #inquiry .order_modify_title {border-bottom: 1px solid var(--border-color); border-top: 1px solid var(--text-gray);margin-bottom: 10px;padding: 5px 0px; background-color:#fbfbfb;}
.order_inquiry #inquiry .order_modify_title ul {display: flex;justify-content: space-between;font-size: 15px;list-style: none;padding: 0;margin: 0;}
.order_inquiry #inquiry .order_modify_title li {width: 33%;text-align: center; font-size: 14px;}
.order_inquiry #inquiry dl.order_modify {display: flex;width: 100%;align-items: stretch;justify-content: space-between; padding: 20px 0; }
.order_inquiry #inquiry dl.order_modify dt img {width: 240px;height: auto;border-radius: 8px;border: 1px solid #ddd;}
.order_inquiry #inquiry dl.order_modify dd {display: flex;justify-content: space-around;align-items: center;flex: 1;padding-left: 20px;}
.order_inquiry #inquiry .product_text {text-align: left;flex: 1;}
.order_inquiry #inquiry .product_text .order_title {font-weight: bold;margin: 6px;}
.order_inquiry #inquiry .product_text .sub_text {font-size: 14px;color: #666;}
.order_inquiry #inquiry dl.order_modify .quantity {font-size: 16px;font-weight: bold;text-align: center;width: 100px;}

.order_inquiry #inquiry dl.order_modify .price {font-size: 16px;font-weight: bold;text-align: right;color: #000;width: 150px;}
.order_inquiry #inquiry .total {text-align: right;font-size: 15px;font-weight: bold;padding: 20px 0;border-top: 1px solid var(--text-gray);}
.order_inquiry #inquiry .total .number {float: left;font-size: 15px;font-weight: normal;}
.order_inquiry #inquiry .total #total_price{float: right;font-size: 15px; color:var(--color-primary);}
.order_inquiry .order_from {margin-top: 10px;border-top: 1px solid var(--text-gray);padding-top: 80px;}

.order_inquiry .order_from dl {margin-bottom: 30px;}
.order_inquiry .order_from dt.order_user_title {font-size: 18px;margin-bottom: 15px;display: flex;align-items: center; padding-bottom: 15px; border-bottom: 2px solid var(--color-primary);}
.order_inquiry .order_from dt.order_user_title .num {background-color: var(--color-primary);color: #fff; width: 7px;height: 17px;display: inline-flex;align-items: center;justify-content: center;margin-right: 8px;font-size: 14px;}
.order_inquiry .order_from .check {margin-left: auto;font-size: 14px;color: #555;}
.order_inquiry .order_from dd {margin-bottom: 23px; display: flex;}
.order_inquiry .order_from .address_row {display:flex; flex-direction:row;margin-bottom: 10px;}
.order_inquiry .order_from .address_row #address2 {margin-left: 4px;}
.order_inquiry .order_from .sub_title {margin-bottom: 6px;width: 12%; font-size: 14px;}
.order_inquiry .order_from .from input[type="text"],
.order_inquiry .order_from .from textarea,
.order_inquiry .order_from .from select {width: 100%;padding: 10px;font-size: 14px;box-sizing: border-box;}
.order_inquiry .order_from .from input[type="text"]:focus,
.order_inquiry .order_from .from textarea:focus {outline: none;border-color: var(--color-primary);box-shadow: 0 0 4px rgba(228 177 206 / 30%);}
.order_inquiry .order_from .from .btn01 {display: inline-block;background-color: var(--color-primary-100);color: #fff;padding: 3px 9px;font-size: 13px;text-decoration: none;margin: 0 8px;}
.order_inquiry .order_check {text-align: center;margin-top: 30px;font-size: 15px;}
.order_inquiry .btn {text-align: center;margin-top: 40px;}
.order_inquiry .btn ul {display: inline-flex;list-style: none;padding: 0;gap: 10px;}
.order_inquiry .btn {margin-top: 40px;text-align: center;}
.order_inquiry .btn ul {list-style: none;margin: 0;padding: 0;display: flex;justify-content: center;gap: 12px;}
.order_inquiry .btn li {margin: 0;}
.order_inquiry .btn input[type="submit"],
.order_inquiry .btn input[type="button"],
.order_inquiry .btn a {display: inline-block;padding: 10px 25px;border-radius: 6px;font-weight: bold;text-decoration: none;border: none;cursor: pointer;font-size: 15px;transition: background-color 0.2s ease, transform 0.1s ease;}
.order_inquiry .btn input:hover,
.order_inquiry .btn a:hover {transform: translateY(-2px);}
.order_inquiry .btn03 {background-color: var(--color-primary);color: #fff !important;}
.order_inquiry .btn03:hover {background-color: var(--color-primary-200);}
.order_inquiry .btn05 {background-color: #f11212;color: #fff !important;}
.order_inquiry .btn05:hover {background-color: #c71111;}
.order_inquiry .btn01 {background-color: #999;color: #fff !important;}
.order_inquiry .btn01:hover {background-color: #777;}


/* 회원가입 */
.join_list.list01{background: url(../img_2025/sub/join_01.png) center 0 no-repeat;}
.join_list.list02{background: url(../img_2025/sub/join_02.png) center 0 no-repeat;}
.join_list.list03{background: url(../img_2025/sub/join_03.png) center 0 no-repeat;}
.join_list > ul{width: 760px; height: 80px; margin: 0 auto;}
.join_list > ul > li{float: left; text-align: left; padding: 17px 0 17px 40px; box-sizing: border-box;}
.join_list > ul > li:nth-child(1){width: 275px;}
.join_list > ul > li:nth-child(2){width: 234px;}
.join_list > ul > li:nth-child(3){width: 248px;}
.join_list > ul > li .step{display: block; font-family: 'NanumSquare'; font-size: 16px; color: #a0a0a0; transform: skew(0.05deg); padding: 0;}
.join_list > ul > li .title{display: block; font-family: 'NanumSquare'; font-size: 19px; color: #a0a0a0;}
.join_list > ul > li.on .step{color: #fff;}
.join_list > ul > li.on .title{color: #fff;}
.join_box {padding: 100px 0; text-align: center;}
.join_box h2 {padding: 60px 0;}
.join_box .join_pro .agree {padding: 20px 0;}
.join_box .join_pro .first {padding-top: 80px;}
.join_box .join_pro .agree h3 {position: relative; text-align: left; padding-left: 24px; font-size: 18px; font-weight: 400; color: #333;}
.join_box .join_pro .agree h3::before {content: ''; width: 7px; height: 17px; background: var(--color-primary); position: absolute; top: 2px; left: 10px;}
.join_box .join_pro .agree>div {margin: 15px 0;}
.join_box .join_pro .agree>div textarea {width: 93%; height: 400px; padding: 27px; font-size: 14px; color: #444; line-height: 20px;}
.join_box .join_pro .agree .agree_check {text-align: right; font-size: 15px; color: #333; padding-right: 10px;}
.join_box .join_pro .agree .agree_check input {position: absolute; left: -9999px;}
.join_box .join_pro .agree .agree_check label {display: block; }
.join_box .join_pro .agree .agree_check label::before { content: ''; border: 1px solid #ddd; width: 14px; height: 14px; display: inline-block; vertical-align: top; margin: 2px 6px 0;}
.join_box .join_pro .agree .agree_check input:checked + label::before{background: #ecffe3 url(../image/sub/check.png) center no-repeat;}
.join_box .join_pro .agree_btn .btn {color: #fff; background: var(--color-primary); font-size: 16px; display: inline-block; text-align: center; width: 170px; height: 60px; line-height: 60px; font-weight: 500; margin: 0 6px; vertical-align: top;}
.join_box .join_pro .agree_btn .btn:hover {background: var(--color-primary-200);}
.join_box .join_pro .agree_btn .ac {color: #fff; background: var(--color-primary); font-size: 15px; display: inline-block; text-align: center; width: 170px; height: 60px;
 line-height: 60px; font-weight: 500; margin: 0 6px;}
 .join_box .join_pro .agree_btn .ac:hover {background: var(--color-primary-200);}
.join_box .join_pro .agree_btn .cc {color: #fff; background: #858584; font-size: 15px; display: inline-block; text-align: center; width: 170px; height: 60px;
 line-height: 60px; font-weight: 500; margin: 0 6px;}
 .join_box .join_pro .agree_btn .cc:hover {background: var(--text-gray-100);}
.join_box .join_pro .join_txt h3 {position: relative; text-align: left; padding-left: 24px; font-size: 18px; font-weight: 400; color: #333;}
.join_box .join_pro .join_txt h3::before {content: ''; width: 7px; height: 17px; background: var(--color-primary); position: absolute; top: 2px; left: 10px;}
.join_box .join_pro .join_txt>div {padding-bottom: 15px; border-bottom: 2px solid var(--color-primary);}
.join_box .join_pro > table {text-align: left;}
.join_box .join_pro > table tr {border-bottom: 1px solid #dcdcdc;}
.join_box .join_pro > table th {font-size: 15px; font-weight: 400;}
.join_box .join_pro > table th:nth-child(1) {width: 20%;}
.join_box .join_pro > table th, .join_box .join_pro > table td {padding: 12px 25px; color: #333; vertical-align: middle;}
.join_box .join_pro > table td{font-size: 14px;}
.join_box .join_pro > table td label{vertical-align: middle;}
.join_box .join_pro > table td #mail{display: none;}
.join_box .join_pro > table td .id_check {background:  var(--color-primary-100); color: #fff; padding: 5px 10px; font-size: 14px; margin-left: 5px; vertical-align: middle;}
.join_box .join_pro > table td .address {background: var(--color-primary-100); color: #fff; padding: 5px 10px; font-size: 14px; margin-left: 5px; vertical-align: middle;}
.join_box .join_pro > table .birth .year, .join_box .join_pro > table .birth .month, .join_box .join_pro > table .birth .date {display: inline-block;}
.join_box .join_pro span {color: #ff501a; font-size: 14px; display: inline-block;}
.join_box .join_pro .plus {margin-bottom: 40px}
.join_box .join_pro .plus tr td .add {margin-top: 10px;}
.join_box .join_pro .plus tr td .add .add_1 {margin-right: 5px; width: 33%;}
.join_box .join_pro .plus tr td .add .add_2 {width: 33%;}
.join_box .join_pro .plus tr td label {display: inline-block; font-size:16px; }
.join_box .join_pro .plus tr td label::before { content: ''; border: 1px solid #ddd; width: 14px; height: 14px; display: inline-block; vertical-align: top; margin: 2px 6px 0;}
.join_box .join_pro .plus tr td input:checked + label::before{background: #ecffe3 url(../image/sub/check.png) center no-repeat;}

/* 주문하기 공통 */
.order_list.list01{background: url(../img_2025/sub/order_01.png) no-repeat;}
.order_list.list02{background: url(../img_2025/sub/order_02.png) no-repeat;}
.order_list.list03{background: url(../img_2025/sub/order_03.png) no-repeat;}
.order_list.list04{background: url(../img_2025/sub/order_04.png) no-repeat;}
.order_list > ul{width: 1000px; height: 80px; margin: 0 auto;}
.order_list > ul > li{float: left; text-align: left; padding: 17px 0 17px 40px; box-sizing: border-box;}
.order_list > ul > li:nth-child(1){width: 275px;background: url(../img_2025/sub/order_ic01.png) 141px 17px no-repeat;}
.order_list > ul > li.on:nth-child(1){background: url(../img_2025/sub/order_ico01_on.png) 141px 17px no-repeat;}
.order_list > ul > li:nth-child(2){width: 234px; background: url(../img_2025/sub/order_ic02.png) 127px 22px no-repeat;}
.order_list > ul > li.on:nth-child(2){background: url(../img_2025/sub/order_ico02_on.png) 127px 22px no-repeat;}
.order_list > ul > li:nth-child(3){width: 248px; background: url(../img_2025/sub/order_ic03.png) 154px 16px no-repeat;}
.order_list > ul > li.on:nth-child(3){background: url(../img_2025/sub/order_ico03_on.png) 154px 26px no-repeat;}
.order_list > ul > li:nth-child(4){width: 243px; background: url(../img_2025/sub/order_ic04.png) 131px 12px no-repeat;}
.order_list > ul > li.on:nth-child(4){background: url(../img_2025/sub/order_ico04_on.png) 131px 12px no-repeat;}
.order_list > ul > li .step{display: block; font-family: 'NanumSquare'; font-size: 16px; color: #a0a0a0; transform: skew(0.05deg); }
.order_list > ul > li .title{display: block; font-family: 'NanumSquare'; font-size: 19px; color: #a0a0a0;}
.order_list > ul > li.on .step{color: #fff;}
.order_list > ul > li.on .title{color: #fff;}

/* 아이디비번찾기 */
.find .location {position: absolute; right: 30px; top: -40px;}
.find .tab_btn {margin: 0 auto 33px;}
.find .find_box {max-width: 470px; margin: 120px auto;}
.find .find_box h2 {text-align: center; font-size: 24px; color: #333; padding-bottom: 70px;}
.find .find_box span {display: block; position: relative; text-align: left; padding: 0 0 15px 47px;  color: #333; font-size: 17px;}
.find .find_box span::before {content: ''; width: 7px; height: 17px; background: var(--color-primary); position: absolute; top: 2px; left: 32px;}
.find .find_box .border {border: 1px solid #ccc;}
.find .find_box .border .idpw { display: block; padding: 15px; background: var(--color-primary-100); font-size: 16px; font-weight: 500; letter-spacing: 0.03em; cursor: pointer; color: #fff; text-align: center;}
.find .find_txt {width: 100%; text-align: center;}
.find .find_txt .find_hint {width: 403px; height: 45px; margin-bottom: 10px; padding-left: 44px !important; color: #777; font-size: 15px; background: url(../image/sub/hint.png) 17px 15px no-repeat;}
.find .find_txt input {width: 75%; height: 43px; line-height: 43px; margin-bottom: 10px; color: #333; padding: 0 5px 0 45px; border: 1px solid #ccc; }
.find .find_txt input.name { background: url(../image/sub/login_id.png) 12px 10px no-repeat;}
.find .find_txt input.email { background: url(../image/sub/email.png) 14px 16px no-repeat;}
.find .find_txt input.id { background: url(../image/sub/login_id.png) 12px 10px no-repeat;}
.find .find_txt input.pw { background: url(../image/sub/login_passward.png) 13px 12px no-repeat;}
.find .find_btn {width: 100%; text-align: center;}
.find .find_btn input {display: inline-block; width: 86%; height: 50px; background: var(--color-primary); color: #fff; margin-bottom: 40px;}
.find .find_btn input:hover {background: var(--color-primary-200);}

/* 쇼핑가이드 
#contents .container .guide {padding: 0 110px;}
.guide .location {position: absolute; right: 30px; top: 40px;}
.guide .shop_area .guide_txt {font-size: 19px; color: #333; padding: 110px 0 20px; text-align: center;}
.guide .shop_area .guide_txt span {color:#66a343; font-size: 27px; padding: 0 7px;}
.guide .shop_area .guide_txt_02 {font-size: 14px; color: #555; padding: 20px 0; text-align: center;}
.guide .shop_area .guide_txt_box {background: #f5fff2; margin: 50px 10px 130px; padding: 40px 15px; border-radius: 20px; }
.guide .shop_area .guide_txt_box p {position: relative; color: #444; font-size: 16px; line-height: 1.8em; padding: 10px 0 0 40px;}
.guide .shop_area .guide_txt_box p::before {content: ''; position: absolute; display: inline-block; width: 10px; height: 10px; background: #95c51e; border-radius: 50%; top: 20px; left: 15px; }
.guide .guide_box {display: inline-block; margin: 0 10px; width: 304px; height: 152px; margin-top: 28px; padding: 27px 0; box-sizing: border-box; border: 2px solid #ddd; border-radius: 5px;}
.guide .guide_box .guide_left {width: 45%; float: left; text-align: center;}
.guide .guide_box .guide_right {width: 55%; float: left; padding-top: 14px; }
.guide .guide_box .guide_right p {line-height: 18px; font-size: 15px; color: #4a4949; padding-left: 17px;}
.guide .guide_box .guide_right span {display: block; color: #a8a8a8; font-size: 16px;}
.guide .guide_box:hover { background: #95c51e;}
.guide .guide_box:hover .guide_left { display: none;}
.guide .guide_box:hover .guide_right { width: 100%;  text-align: center; color: #fff; transition: all 0.8s;}
.guide .guide_box:hover .guide_right p {padding: 0; color: #fff; font-size: 17px;}
.guide .guide_box:hover .guide_right span { color: #fff;}
*/
/* 주문하기 공통 */
.order_list.list01{margin:0 auto; background: url(../img_2025/sub/order_01.png) no-repeat; background-position-x: 50%;}
.order_list.list02{margin:0 auto; background: url(../img_2025/sub/order_02.png) no-repeat; background-position-x: 50%;}
.order_list.list03{margin:0 auto; background: url(../img_2025/sub/order_03.png) no-repeat; background-position-x: 50%;}
.order_list.list04{margin:0 auto; background: url(../img_2025/sub/order_04.png) no-repeat; background-position-x: 50%;}
.order_list > ul{width: 1000px; height: 80px;}
.order_list > ul > li{float: left; text-align: left; padding: 17px 0 17px 40px; box-sizing: border-box;}
.order_list > ul > li:nth-child(1){width: 275px;background: url(../img_2025/sub/order_ico01.png) 141px 17px no-repeat;}
.order_list > ul > li.on:nth-child(1){background: url(../img_2025/sub/order_ico01_on.png) 141px 17px no-repeat;}
.order_list > ul > li:nth-child(2){width: 234px; background: url(../img_2025/sub/order_ico02.png) 127px 22px no-repeat;}
.order_list > ul > li.on:nth-child(2){background: url(../img_2025/sub/order_ico02_on.png) 127px 22px no-repeat;}
.order_list > ul > li:nth-child(3){width: 248px; background: url(../img_2025/sub/order_ico03.png) 154px 16px no-repeat;}
.order_list > ul > li.on:nth-child(3){background: url(../img_2025/sub/order_ico03_on.png) 154px 26px no-repeat;}
.order_list > ul > li:nth-child(4){width: 243px; background: url(../img_2025/sub/order_ico04.png) 131px 12px no-repeat;}
.order_list > ul > li.on:nth-child(4){background: url(../img_2025/sub/order_ico04_on.png) 131px 12px no-repeat;}
.order_list > ul > li .step{display: block; font-family: 'NanumSquare'; font-size: 16px; color: #a0a0a0; transform: skew(0.05deg); }
.order_list > ul > li .title{display: block; font-family: 'NanumSquare'; font-size: 19px; color: #a0a0a0;}
.order_list > ul > li.on .step{color: #fff;}
.order_list > ul > li.on .title{color: #fff;}

/* 장바구니 */
.location_buy {position: absolute; right: 30px; top: 65px;}
.location_buy a img {margin:0 9px 4px;}
.location_buy span {font-size: 15px; color: #575757; padding: 0 6px 0 11px; background: url(../image/sub/location_arrow.png) no-repeat 0 0; background-position: -1px 6px;}
.buy_box {padding-top: 150px; text-align: center; margin-bottom: 20px;}
.buy_box2 {padding-top: 150px; text-align: center;}
.buy_box table {table-layout: fixed; margin-top: 50px;}
.buy_box table thead {border-top: 1px solid var(--text-gray);}
.buy_box table thead tr th {border-bottom: 1px solid #dcdcdc; text-align: center; background: #fbfbfb; font-size: 14px; color: #333; font-weight: 500; height: 40px; vertical-align: middle;}
.buy_box table thead tr th:nth-child(1){width: 15%;}
.buy_box table thead tr th:nth-child(3){width: 15%;}
.buy_box table thead tr th:nth-child(4){width: 18%}
.buy_box table thead tr th:nth-child(5){width: 10%;}
.buy_box table tr {border-bottom: 1px solid #dcdcdc;}
.buy_box table tr td {padding: 5px; font-size: 16px; color: #333; text-align: center; vertical-align: middle}
.buy_box table tr td:first-child {font-size: 14px;}
.buy_box table tr td.title {padding: 0 20px; font-weight: 500; text-align: left; width: 100%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.buy_box table tbody tr td .product_thmub {text-align: left; padding-left: 30px;}
.buy_box table tbody tr td .product_thmub em {display: inline-block;}
.buy_box table tbody tr td .product_thmub em img {width: 70px; height: 70px;}
.buy_box table tbody tr td .product_thmub p {display: inline-block; width: calc(100% - 75px); padding-left: 20px; font-size: 16px; vertical-align:middle; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.buy_box table tbody tr td .product_thmub .sold-out-product {color:gray; text-decoration:line-through;}
.buy_box table tbody tr td .num {width: 10px;}
.buy_box table tbody tr td .modify {color: #fff; background: #98c91e; padding: 4px 7px; font-size: 14px; margin-left: 5px; vertical-align: middle;}
.buy_box table tbody tr td .price {font-size: 16px;}
.buy_box table tbody tr td .del {color: #fff; background: #bbb; padding: 4px 12px; font-size: 15px; }
.buy_box .quantity_wrap {display: inline-block; position: relative; font-size: 0; padding: 0 17px;    line-height: 1.2;}
.buy_box .quantity_wrap .numberic-stepper {font-size: 14px !important; width: 38px !important;}
.buy_box .ui-widget-content {display:flex !important;border: 0 !important;}
.buy_box .quantity_wrap .numberic-stepper {border-right: 0;border-left: 0;order: 2;}
.buy_box .quantity_wrap input[type=text] {text-align: center;}
.buy_box .quantity_wrap .ui-spinner-up, .buy_box .quantity_wrap .ui-spinner-down {font-size: 0;}
.buy_box .quantity_wrap .ui-spinner-up {display: block; width: 17px; height: 26px; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 0px 4px 4px 0px; align-content: center; background:none;order: 3;    border-left: 0;}
.buy_box .quantity_wrap .ui-spinner-up:hover {border:1px solid #d3d3d3 ; border-left:none;}
.buy_box .quantity_wrap .ui-spinner-down:hover {border:1px solid #d3d3d3 ;border-right:none;}
.buy_box .quantity_wrap .ui-spinner-down {display: block; width: 17px; height: 26px; left: 0; top: 0; bottom: 0; margin: auto; border-radius: 4px 0px 0px 4px; align-content: center; background:none;order: 1;    border-right: 0;}
/*.buy_box .quantity_wrap .ui-spinner-up::after {content:''; display:inline-block; width:12px; height:12px; background: url(../image/sub/up.png) no-repeat;}
.buy_box .quantity_wrap .ui-spinner-down::after {content:''; display:inline-block; width:12px; height:12px; background: url(../image/sub/down.png) 0 center no-repeat;}*/
.buy_box .total {width: 100%; padding: 20px; height: 50px;text-align: center; line-height: 50px; color: #333; }
.buy_box .total #total_price  {font-size: 24px; color: var(--color-primary); padding-left: 7px; font-weight: 500;}
.cart_foot .buy_btn {font-size: 0; text-align: center; padding-bottom: 130px;}
.cart_foot .buy_btn .b_btn_1 {color: #fff; background: var(--color-primary); font-size: 17px; display: inline-block; width: 208px; height: 47px; text-align: center; line-height: 47px; margin-right: 10px;}
.cart_foot .buy_btn .b_btn_1:hover {background: var(--color-primary-200);}
.cart_foot .buy_btn .b_btn_2 {color: #fff; background: var(--color-primary-100); font-size: 17px; display: inline-block; width: 208px; height: 47px; text-align: center; line-height: 47px; margin-right: 10px;}
.cart_foot .buy_btn .b_btn_2:hover {background: var(--color-primary);}
.cart_foot .buy_btn .b_btn_3 {color: #fff; background: var(--text-light-gray); font-size: 17px; display: inline-block; width: 208px; height: 47px; text-align: center; line-height: 47px; margin-right: 10px;}
.cart_foot .buy_btn .b_btn_3:hover {background: var(--text-gray);}
.step01 .order .none {color:#838383; padding: 20px 0 30px;}
.step01 .order .none img {padding: 20px 0 30px;}
.step01 .check input {position: absolute; left: -9999px;}
.step01 .check label {display: block; font-size: 16px;}
.step01 .check label::before { content: ''; border: 1px solid #ddd; width: 14px; height: 14px; display: inline-block; vertical-align: top; margin: 2px 6px 0;}
.step01 .check input:checked + label::before{background: #ecffe3 url(../image/sub/check.png) center no-repeat;}


/* 주문하기 */
.buy_txt h3 {position: relative; text-align: left; padding-left: 24px; font-size: 18px; font-weight: 400; color: #333;}
.buy_txt h3::before {content: ''; width: 7px; height: 17px; background: var(--color-primary); position: absolute; top: 2px; left: 10px;}
.buy_txt>div {padding-bottom: 15px; border-bottom: 2px solid var(--color-primary);}
.buy_txt > table {text-align: left;}
.buy_option{table-layout: fixed;}
.buy_option tr {border-bottom: 1px solid #dcdcdc;}
.buy_option th {font-size: 15px; font-weight: 400; vertical-align: middle;}
.buy_option th:nth-child(1){width: 20%;}
.buy_option .check input {position: absolute; left: -9999px;}
.buy_option .check label {display: block; font-size: 16px;}
.buy_option .check label::before { content: ''; border: 1px solid #ddd; width: 14px; height: 14px; display: inline-block; vertical-align: top; margin: 2px 6px 0 0;}
.buy_option .check input:checked + label::before{background: #ecffe3 url(../image/sub/check.png) center no-repeat;}
.buy_option th, .buy_option td {padding: 12px 25px; color: #333; font-size: 16px;}
.buy_option td .id_check {background: #98c91e; color: #fff; padding: 5px 10px; font-size: 14px; margin-left: 5px; vertical-align: middle;}
.buy_option td .address {background: var(--color-primary-100); color: #fff; padding: 5px 10px; font-size: 14px; margin-left: 5px; vertical-align: middle;}
.buy_option td .address2 {background: #aaa; color: #fff; padding: 5px 10px; font-size: 14px; margin-left: 5px; vertical-align: middle;}
.buy_option td .message {width: 80%; height: 80px;}
.buy_option td .total {color: #32b461; font-size: 24px; font-weight: 500;}
.buy_option tr td .add {margin-top: 10px; font-size: 16px; }
.buy_option tr td .add .add_1 {margin-right: 5px; width: 30%;}
.buy_option tr td .add .add_2 {width: 30%;}
.buy_option.last input[type=radio]{display:none;}
.payment_agree {text-align: center;}
.payment_agree .pay_agree {font-size: 16px; color: #333;}
.payment_agree .pay_agree input {position: absolute; left: -9999px;}
.payment_agree .pay_agree label {display: block; margin-top: 60px;}
.payment_agree .pay_agree label::before { content: ''; border: 1px solid #ddd; width: 14px; height: 14px; display: inline-block; vertical-align: top; margin: 2px 6px 0;}
.payment_agree .pay_agree input:checked + label::before{background: #ecffe3 url(../image/sub/check.png) center no-repeat;}
.payment_agree .go {color: #fff; background: var(--color-primary); font-size: 17px; display: inline-block; width: 208px; height: 47px; text-align: center; line-height: 47px; border-radius: 3px; margin-right: 10px;}
.payment_agree .go:hover {background: var(--color-primary-200);}
.payment_agree .back {color: #fff; background: var(--text-light-gray); font-size: 17px; display: inline-block; width: 208px; height: 47px; text-align: center; line-height: 47px; border-radius: 3px; margin-right: 10px;}
.payment_agree .back:hover {background: var(--text-gray);}
.payment_agree .payment_btn {padding: 30px 0 130px;}
.payment_agree .payment_btn ul li{display: inline-block;}
.buy_option.last tr td label {font-size: 16px; padding-right: 10px; }
.buy_option.last tr td label::before { content: ''; border: 1px solid #ddd; width: 14px; height: 14px; display: inline-block; vertical-align: top; margin: 2px 6px 0;}
.buy_option.last tr td input:checked + label::before{background: #ecffe3 url(../image/sub/check.png) center no-repeat;}
.order_end {font-size: 24px; color: #585858; font-weight: 500;  padding: 80px 0 50px; line-height: 1.5;}
.thx {display: inline-block; padding-bottom: 40px; font-size: 15px; color: #333; line-height: 26px;}
.thx p {font-size: 15px; color: #333; line-height: 26px;}
.thx .thx_t {color:#666; padding-bottom: 10px;}
/*#checkout table tr{border-bottom: 1px solid #dcdcdc;}
#checkout table th, #checkout table td{padding: 12px 25px; color: #333;}
#checkout table th:nth-child(1){width: 20%;}
#checkout table th{font-size: 15px; font-weight: 400; vertical-align: middle;}*/
.buy_box .com tr td img {width: 70px; height: 70px;}
.buy_box .com tr td .product_text {display:inline-block; }
.buy_box .com tr td .product_text p {padding-left: 10px; font-size: 16px;}
.buy_box .pr_title {width: 30% !important;}
.total_price p {line-height: 50px; text-align: right; padding: 0 25px; font-size: 17px; color: #333;}
.buy_box .buy_btn .b_btn_1 {color: #fff; background: var(--color-primary); font-size: 17px; display: inline-block; width: 208px; height: 47px; text-align: center; line-height: 47px; border-radius: 3px; margin-right: 10px;}
.buy_box .buy_btn .b_btn_2 {color: #fff; background: var(--color-primary-100); font-size: 17px; display: inline-block; width: 208px; height: 47px; text-align: center; line-height: 47px; border-radius: 3px; margin-right: 10px;}
.buy_box .buy_btn .b_btn_3 {color: #fff; background: #9d9d9d; font-size: 17px; display: inline-block; width: 208px; height: 47px; text-align: center; line-height: 47px; border-radius: 3px; margin-right: 10px;}

/* 농원전경 
.farm_info .farm_area ul {width: 90%; margin: 0 auto; }
.farm_info .farm_area li {width: 100%; padding: 25px 0; display: inline-block; border: 2px solid #ddd; margin: 12px 0; border-radius: 5px;}
.farm_info .farm_area li .val_left {position: relative; width: 23%; float: left; text-align: center;}
.farm_info .farm_area li .val_right {width: 77%; float: left; padding: 15px 0 0 30px; box-sizing: border-box; border-left: 1px solid #ccc;}
.farm_info .farm_area li .val_right .val_title {font-size: 18px; color: #a8a8a8;}
.farm_info .farm_area li .val_right p {font-size: 16px; line-height: 1.6em; color: #4a4949; margin-top: 10px;}
*/

/* 개인정보보호 */
.privacy {padding: 130px 0;}
.privacy .title_sub {padding: 60px 0; font-size: 24px; color: #494949; position: relative; text-align: center;}
.privacy .title_sub::before {content: ''; display: block; width: 50px; height: 4px; background: var(--color-primary); position: absolute; top: 40px; left: 50%; transform: translateX(-50%);}
.privacy h2 {text-align: center; width: 80%; margin: 0 auto; font-size: 16px; color: #333; line-height: 1.8em; padding: 25px; border: 1px solid var(--color-primary); border-radius: 5px; font-weight: 500;}
.privacy h3 {padding: 45px 15px 15px; color: #333;}
.privacy p {padding: 0 30px; color: #666; font-size: 15px; line-height: 1.7em;}

/* 회원정보변경 */
.join_box .join_pro .must tr td .txt_id {font-size: 16px; display:inline;}



 
@media (max-width:1200px) {
	/* 서브 비주얼 */
	#visual01 {height: 140px; }
	#visual02 {height: 140px; }
	#visual03 {height: 140px; }
	#visual04 {height: 140px; }
	#visual05 {height: 140px; }
	/* 주문하기 공통 */
	.location_buy{top: 35px;}
	.buy_box{padding-top: 100px;}
	.order_list{background-size: 100% 100% !important;}
	.order_list > ul{width: auto;}
	.order_list > ul > li{padding: 17px 0 17px 15px;}
	.order_list > ul > li:nth-child(1){width: 206px; background-position: 115px 17px !important;}
	.order_list > ul > li:nth-child(2){width: 175px; background-position: 102px 22px !important;}
	.order_list > ul > li:nth-child(3){width: 185px;background-position: 125px 16px !important;}
	.order_list > ul > li:nth-child(4){width: 180px;background-position: 107px 12px !important;}
	.order_list > ul > li .title{font-size: 15px; transform: skew(0.05deg);}
	/* 장바구니 */
	.buy_box table thead tr th:nth-child(1){width: 13%;}
	.buy_box table thead tr th:nth-child(2){width: 25%;}
	.buy_box table thead tr th:nth-child(3){width: 25%;}
	.buy_box table thead tr th:nth-child(4){width: 20%}
	.buy_box table thead tr th:nth-child(5){width: 17%;}
	.buy_box table tbody tr td .product_thmub em{display: block; text-align: center;}
	.buy_box table tbody tr td .product_thmub p{display: block; width: 100%; padding: 0; text-align: center; margin-top: 2px;}
	/* 게시글 */
	.post_contents{padding-top: 15px;}
	.post_contents .post_title{box-sizing: border-box;}	
	/* 상세정보 */
	.shopping_detail {padding : 0;}
	.shopping_detail_f {padding : 0 20px;}
	.shopping_detail_f .shopping_info {padding: 30px 0 50px;}
	.shopping_detail_f .shopping_top .shopping_left{float: initial; width: auto; text-align: center;}
	.shopping_detail_f .shopping_top .shopping_left .product_img{padding: 0;}
	.shopping_detail_f .shopping_top .shopping_right{float: initial; width: 100%; margin: 0 auto; margin-top: 50px;}
	.shopping_detail_f .shopping_top .shopping_right .product_infor{height: 100px; box-sizing: border-box;}
	/* 갤러리 */
	.photo ul > li{width: 32%; margin-right: 2%;}
	.photo ul > li:nth-child(3n){margin-right: 0;}
	.photo ul > li:nth-child(4n){margin-right: 2%;}
	/* 매실정보 */
	.food_info{padding: 0 0 100px;}
	.food_info .food_table tbody tr td{font-size: 14px; letter-spacing: -0.1em; padding: 5px 2px;}
	.food_info .cook_02 table{margin: 20px auto;}
	/* 쇼핑하기 */
	.shopping_list{width: 100%; margin: 0 auto 70px; font-size: 0;}
	/* 상품 분류 */
	.sort {padding-bottom: 40px;}
	
	/* 쇼핑가이드 */
	#contents .container .guide{padding: 0 80px;}
	.shop_area{font-size: 0;}
	.guide .guide_box{width: 32%; margin: 0 calc(4%/6);}
	.guide .guide_box .guide_left img{width: 90px; height: auto;}
	/* 농장소개
	.farm_info .farm_area .farm_txt{padding: 40px 0 0 0; max-width: 838px; margin: 0 auto;}
	.farm_info .farm_area .farm_txt h3{font-size: 16px;}
	.farm_info .farm_map img{display: block; margin: 0 auto; padding: 0; width: 95%;}
	.farm_info .farm_map .farm_txt{width: 95%; max-width: 584px; box-sizing: border-box; margin-top: 20px;}
	 */
}

@media (max-width:1000px) {
	/* 회원가입 */
	.join_list{width: 650px; margin: 0 auto; background-size: 100% 95% !important;}
	.join_list > ul{width: 650px;}
	.join_list > ul > li{padding: 15px 0 15px 40px;}
	.join_list > ul > li:nth-child(1){width: 235px;}
	.join_list > ul > li:nth-child(2){width: 200px;}
	.join_list > ul > li:nth-child(3){width: 212px;}
	
	/*
	.join_box .join_pro input[type=text], .join_box .join_pro input[type=password]  {width: 90%; box-sizing: border-box;}
	.join_box .join_pro input[type=text].phone {width: 25%;}
	.join_box .join_pro .plus tr td .add_1 {width: 80%;}
	.join_box .join_pro .plus tr td .add_2 {width: 80%; }
	*/
	/* 쇼핑가이드 */
	#contents .container .guide{padding: 0 40px;}
	.guide .guide_box{width: 48%; margin: 0 1%}
	.guide .guide_box .guide_left img{width: 95px; height: auto;}
	/*주문결과*/
	.order_inquiry #inquiry .order img {width: 230px;}
}

@media (max-width:800px) {
	
	/* 래이아웃 */
	#contents .container .contents_farm{padding: 0 15px;}
	/*주문결과*/
	.order_inquiry #inquiry .order img {width: 180px;}
	#contents .container .join_pa{padding: 0 40px;}
	/*
	.join_box .join_pro > table th, 	.join_box .join_pro > table td{padding: 10px 15px;}
	.join_box .join_pro > table td{font-size: 14px;}*/
	/* 상세정보 
	.shopping_detail_f .shopping_top .shopping_right{float: initial; width: 100%; margin: 0 auto; margin-top: 50px;}*/
	.shopping_detail_f .shopping_top .shopping_right .buy .buy_btn_1{width: 45%; margin-right: 3%;}
	.shopping_detail_f .shopping_top .shopping_right .buy .buy_btn_2{width: 45%;}
	.tab_btn4 ul li a{font-size: 15px; letter-spacing: -0.08em; padding: 10px 5px;}
	.shopping_detail_f .delivery >div{padding: 30px 0;}
	.shopping_detail_f .delivery >div .del_left{width: 100px; margin-right: 30px;}
	.shopping_detail_f .delivery >div .del_left img{width: 100px;}
	.shopping_detail_f .delivery >div .del_right{width: calc(100% - 150px);}
	.shopping_detail_f .delivery >div .del_right h2{font-size: 15px;}
	.shopping_detail_f .delivery >div .del_right p{font-size: 15px; letter-spacing: -0.08em; word-spacing: -0.05em;}
	.shopping_detail_f .delivery {padding: 10px 10px 30px;}
	/* 게시판 */
	.board .search{margin: 45px 0 60px;}
	/* 갤러리 
	.board .select_gal{margin: 0 0 20px;}*/
	/* 매실정보 
	.food_info .food_table thead tr th{font-size: 14px; font-weight: 400; letter-spacing: -0.1em; padding: 10px 6px; height: 20px; line-height: 1.5;}
	.food_info .food_table tbody tr td{font-size: 14px; letter-spacing: -0.1em; line-height: 1.5; padding: 5px 2px;}
	.food_info .food_val li .val_left{width: 110px;}
	.food_info .food_val li .val_right{width : calc(100% - 110px); padding:0 15px;}
	*/
}

@media (max-width: 768px) {
	/* 서브 비주얼 */
	#visual01 {height: 220px; background: url(../img_2025/sub/m_sub_visual.png) center center no-repeat;        background-size: cover;}
	#visual02 {height: 220px; background: url(../img_2025/sub/m_sub_visual.png) center center no-repeat;        background-size: cover;}
	#visual03 {height: 220px; background: url(../img_2025/sub/m_sub_visual.png) center center no-repeat;        background-size: cover;}
	#visual04 {height: 220px; background: url(../img_2025/sub/m_sub_visual.png) center center no-repeat;        background-size: cover;}
	#visual05 {height: 220px; background: url(../img_2025/sub/m_sub_visual.png) center center no-repeat;        background-size: cover;}
	/* ==공통== */
	/*탭*/
	.tab_btn1, .tab_btn3 {width:75%;}
	.tab_btn ul li a, .tab_btn2 ul li a, .tab_btn3 ul li a, .tab_btn4 ul li a, .tab_btn5 ul li a{font-size: 15px; padding: 11px 5px;}
	/*공통wrap*/
	#contents .container .contents {padding: 0 20px;}
	.farm_info {padding: 20px;}
	.food_info {padding: 20px;}
	#contents .container .shopping{padding: 20px;}
	.board {padding: 20px;}

	/* ===농장소개=== */
	/*인사말*/
	.farm_info .info_area{padding: 70px 30px;}

	/* ==쇼핑하기== */
	/* 쇼핑하기 */
	/*.shopping_list{margin: 0 20px; width: calc(100% - 40px);}*/
	/* 상세정보 */
	.shopping_detail .sub_board tr td {padding: 14px 0;}
	.shopping_detail_f .shopping_top .shopping_right .total_price{box-sizing: border-box; padding: 10px 10px 25px;}
	
	/*주문결과*/
	.order_card {flex-direction: column;align-items: center;}
	.order_actions {align-items: center;text-align: center;}
	/* 주문하기 */
	.buy_option th, .buy_option td{padding: 8px 10px;}
	.buy_option tr td .add .add_1{width: 80%;}
	.buy_option tr td .add .add_2{width: 80%; margin-top: 5px;}
	.buy_txt>div{padding-top: 45px !important;}
	.payment_agree .payment_btn{padding: 30px 0 70px;}
	.total_price{padding: 0; box-sizing: border-box;}
	.total_price p{padding: 0 10px;}
	
	/* 주문하기 공통 step */
	.order_list{width: 450px; background-size: 100% 80% !important;}
	.order_list > ul > li{background: none !important; padding: 10px 0px 10px 15px;}
	.order_list > ul > li:nth-child(1){width: 123px;}
	.order_list > ul > li:nth-child(2){width: 105px;}
	.order_list > ul > li:nth-child(3){width: 110px;}
	.order_list > ul > li:nth-child(4){width: 110px;}
	
	
	/* 장바구니 */
	.buy_box table{margin-top: 20px;}
	.buy_box table tbody tr td .product_thmub p, .buy_box table tr td{font-size: 14px;}
	.buy_box table tbody tr td .modify{display: block; width: 70%; margin: 0 auto; margin-top: 5px;}
	.buy_box table tbody tr td .price{font-size: 14px;}
	.buy_box table tbody tr td .del{font-size: 13px; padding: 5px 10px;}
	.buy_btn{padding-bottom: 70px;}
	.buy_btn .b_btn_1{width: 30%;}
	.buy_btn .b_btn_2{width: 30%;}
	.buy_btn .b_btn_3{width: 30%;}
  
	/* 회원가입 */
	.join_list{width: 550px; background-size: 100% 85% !important;}
	.join_list > ul{width: 550px;}
	.join_list > ul > li{padding: 11px 0 12px 25px;}
	.join_list > ul > li:nth-child(1){width: 200px;}
	.join_list > ul > li:nth-child(2){width: 168px;}
	.join_list > ul > li:nth-child(3){width: 180px;}
	.join_list > ul > li .step{font-size: 15px;}
	.join_list > ul > li .title{font-size: 17px;}
	.join_box .join_pro .agree>div textarea{box-sizing: border-box; padding: 15px;}
	/* 갤러리 */
	.photo ul > li{width: 45%;}	
	.photo ul > li:nth-child(odd){margin: 0 1% 25px 4% !important;}	
	.photo ul > li:nth-child(even){margin: 0 4% 25px 1% !important;}
	/*장바구니*/
	.cart_foot .buy_btn .b_btn_1, .cart_foot .buy_btn .b_btn_2, .cart_foot .buy_btn .b_btn_3 {width: 150px;}
}


@media (max-width:700px) {
	/* 상품 분류 
	.sort {text-align:right; padding-bottom: 25px;}
	.sort ul > li:first-child {padding-right: 7px;}
	.sort ul > li + li {padding: 0 7px;}
	.sort ul > li > a {font-size: 14px;}*/
	/*주문결과
	.order_inquiry #inquiry .order img {width: 150px;}*/
}

@media (max-width:650px) {
	/* 식품분석 
	.table-container{ width:100%; overflow-x:auto; white-space: nowrap;}
	.table-container table{ width:auto;} */
	/* 회원가입 */
	.join_box {padding: 30px 0 50px;}
	/* 쇼핑하기 */
	/* 갤러리 */
	.photo ul{width: 500px;}
	.photo ul > li{width: 235px;height: 201px;}
	.photo ul > li:nth-child(odd){margin: 0 12.5px 25px 0 !important;}	
	.photo ul > li:nth-child(even){margin: 0px 0 25px 12.5px !important;}	
	.photo ul > li .image a img{width: 180px;height: 110px;}
	/* 상세정보 */
	.shopping_detail_f .shopping_top .shopping_left .product_img img {width: 100%; height: auto;}
	.shopping_detail_f .shopping_top {padding: 40px 0 47px;}
	.shopping_detail_f .shopping_top .shopping_right .product_infor .product_title {font-size: 17px!important;} 
	.shopping_detail_f .shopping_top .shopping_right .product_infor .product_txt {font-size: 16px!important; padding-top: 10px!important;}
	.shopping_detail_f .sub_board tr td {font-size: 14px;}
	/* 개인정보보호 */
	.guide .shop_area .guide_txt {line-height: 30px; padding: 60px 0 30px; font-size: 17px; }
	.guide .shop_area .guide_txt_box {margin:20px 10px 80px;} 
}

@media (max-width:600px) {
	#visual01 {height: 161px;}
	#visual02 {height: 161px;}
	#visual03 {height: 161px;}
	#visual04 {height: 161px;}
	#visual05 {height: 161px;}
	/* 회원가입 */
	.join_list{width: 480px;}
	.join_list > ul{width: 480px;}
	.join_list > ul > li{padding: 11px 0 11px 25px;}
	.join_list > ul > li:nth-child(1){width: 174px;}
	.join_list > ul > li:nth-child(2){width: 148px;}
	.join_list > ul > li:nth-child(3){width: 155px;}
	.join_list > ul > li .step{font-size: 14px; transform: skew(0.05deg);}
	.join_list > ul > li .title{font-size: 15px; transform: skew(0.05deg);}
	/* 쇼핑가이드 */
	.guide .shop_area .guide_txt {font-size: 16px; padding:60px 0 30px; line-height: 30px;}
	.guide .guide_box{height: 125px; padding: 18px 0;}
	.guide .guide_box .guide_left img{width: 80px; height: auto;}
	/* 게시판 */
	.board .sub_board tr td.title a {font-size: 14px;}
	/*주문결과
	.order_inquiry #inquiry .order img {width: 100px;}*/
	/*주문결과 수정
	.order_inquiry #inquiry dl.order_modify dt img {width: 170px;}*/


}
@media (max-width:550px) {
	/* 쇼핑하기 
	.shopping_list  {margin:0px; width:100%;}*/
	.shopping_list .product_wrapper {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
	/*.shopping_list .product_box:nth-child(n+3){margin-top: 25px;}
	.shopping_list .product_box .product_img .best{top: 10px; left: 10px;}
	.shopping_list .product_box .product_img .free{top: 10px; right: 10px;}*/
	/* 회원가입 */
	.join_list{width: 400px; background-size: 100% 70% !important;}
	.join_list > ul{width: 400px;}
	.join_list > ul > li{padding: 5px 0 5px 25px;}
	.join_list > ul > li:nth-child(1){width: 138px;}
	.join_list > ul > li:nth-child(2){width: 124px;}
	.join_list > ul > li:nth-child(3){width: 128px;}
	/* 농장소개 
	.farm_info .farm_val li{padding: 20px 0;}
	.farm_info .farm_val li .val_left{display: none;}
	.farm_info .farm_val li .val_right{width: calc(100% - 30px); padding-top: 0; border-left: 0;}
	.farm_info .farm_val li:nth-child(1) .val_right .val_title{color: #1db9d3;}
	.farm_info .farm_val li:nth-child(2) .val_right .val_title{color: #6dbc59;}
	.farm_info .farm_val li:nth-child(3) .val_right .val_title{color: #e3c330;}
	.farm_info .farm_val li:nth-child(4) .val_right .val_title{color: #ffc983;}
	.farm_info .farm_val li:nth-child(5) .val_right .val_title{color: #cde8ac;}
	*/
	/* 갤러리 */
	.photo ul{width: 433px;}
	.photo ul > li{width: 195px;height: 167px;}
	.photo ul > li .image a img{width: 150px;height: 91px;}
	.photo ul > li:nth-child(odd){margin: 0 8.5px 25px 9px !important;}	
	.photo ul > li:nth-child(even){margin: 0px 8.5px 25px 9px !important;}
	.board .gal_list .gal_box .gal_infor h2{font-size: 15px;} 
	.photo ul > li .text{font-size: 15px;}
	/* 농원전경 
	.farm_info .farm_area li .val_left{display: none;}
	.farm_info .farm_area li .val_right{border: 0;}
	.farm_info .farm_area li .val_right{width: calc(100% - 30px); padding-top: 0;}
	.farm_info .farm_area li:nth-child(1) .val_right .val_title{color: #6fcb76;}
	.farm_info .farm_area li:nth-child(2) .val_right .val_title{color: #8dcb6f;}
	.farm_info .farm_area li:nth-child(3) .val_right .val_title{color: #a1cb6f;}
	*/
	/* 주문하기 */
	.buy_option input[type=text] {width: 90%; box-sizing: border-box;}
	.buy_option .address {display: inline-block;}
	.buy_option #name, .buy_option #mobile, .buy_option #recipient_name, .buy_option #recipient_mobile, .buy_option #payers_name {width: 60%!important;}
	.buy_option #postal_code2, .buy_option #postal_code {width: 40%!important;}
    
	/*장바구니*/
	.cart_foot .buy_btn .b_btn_1, .cart_foot .buy_btn .b_btn_2, .cart_foot .buy_btn .b_btn_3 {width: 130px;}
}

@media (max-width:479px) {
	/* 서브 비주얼 */
	#visual01 {height: 141px;}	
	#visual02 {height: 141px;}	
	#visual03 {height: 141px;}	
	#visual04 {height: 141px;}	
	#visual05 {height: 141px;}	
	/* 상단 */
	.location_buy{display: none !important;}
	.title_sub{font-size: 21px !important; padding : 10px 0 40px !important;}
	.title_sub::before{display: none !important;}
	.tab_btn ul li,  .tab_btn2 ul li,  .tab_btn3 ul li,  .tab_bt42 ul li,  .tab_btn5 ul li{display: table;}
	.tab_btn ul li a, .tab_btn2 ul li a, .tab_btn3 ul li a, .tab_btn4 ul li a, .tab_btn5 ul li a{font-size: 14px; padding: 9px 0px; letter-spacing: -0.1em;}
	/* 주문하기 공통 */
	.buy_box{padding-top : 35px}
	.location_buy{top: 25px;}
	.order_list{width: 380px; background-size: 100% 70% !important;}
	.order_list > ul{height: 70px;}
	.order_list > ul > li{padding: 5px 0 0 0px;}
	.order_list > ul > li:nth-child(1){width: 116px; padding-left : 14px}
	.order_list > ul > li:nth-child(2){width: 85px;}
	.order_list > ul > li:nth-child(3){width: 99px;}
	.order_list > ul > li:nth-child(4){width: 76px;}
	.order_list > ul > li .step{font-size: 13px;}
	.order_list > ul > li .title{font-size: 13px;}
	/* 장바구니 */
	.buy_box table thead tr th:nth-child(2){width: 30%;}
	.buy_box table thead tr th:nth-child(3){width: 25%;}
	.buy_box table thead tr th:nth-child(4){width: 25%}
	.buy_box table thead tr th:nth-child(5){width: 20%;}
	.buy_box table tbody tr td .product_thmub{padding: 0;}
	.buy_box .quantity_wrap{padding: 20px 0;}
	.buy_box .quantity_wrap .ui-spinner-up{bottom: inherit; left: 0;}
	.buy_box .quantity_wrap .ui-spinner-down{top: inherit; right: 0;}
	.buy_btn .b_btn_1{width: 80%;}
	.buy_btn .b_btn_2{width: 80%; margin-top: 10px;}
	.buy_btn .b_btn_3{width: 80%; margin-top: 10px;}
	.buy_btn{padding: 20px 0 70px 0;}
	/* 주문하기 */
	.buy_txt h3{font-size: 16px}
	.buy_option th{font-size: 14px;}
	.buy_option th:nth-child(1){width: 30%;}
	.buy_option th, .buy_option td{padding: 6px 5px; font-size: 14px;}
	.buy_option tr td .add{font-size: 14px;}
	.buy_option tr td .add .add_1{width: 100%; box-sizing: border-box;}
	.buy_option tr td .add .add_2{width: 100%; box-sizing: border-box;}
	.buy_option td .message{width: 100%; box-sizing: border-box;}
	.buy_option td .total{font-size: 20px;}
	.buy_option .check label,.buy_option.last tr td label {font-size: 14px;}
	.buy_option.last td p >span {display:inline-block;}
	.buy_option td .address2 {margin-left: 0; margin-top: 5px; display: inline-block;}
	.payment_agree .payment_btn ul >li {width: 80%}
	.payment_agree .go{width: 100%; }
	.payment_agree .back{width: 100%; margin-top: 5px;}
	.order_end{padding: 40px 0;}
	/*주문결과 수정*/
	.order_inquiry #inquiry dl.order_modify dt img {width: 130px;}
	/* 게시글 */
	.post_contents .post_txt{padding: 15px; font-size: 15px; line-height: 1.6;}
	.post_contents .post_txt p {font-size: 15px;}
	.post_contents .post_title .post_left span {font-size: 14px;}
	.post_contents .post_title {padding: 15px; }
	.post_contents .post_title h2{padding: 0; font-size: 16px; }
	.post_contents .post_title .post_right{position: initial; text-align: right; margin-top: 5px;}
	.post_contents .post_title .post_right .hit, .post_contents .post_title .post_right .yes, .post_contents .post_title .post_right .no{font-size: 14px;}
	.list{text-align: center;}
	.list a:nth-child(2n){margin-left: 3%;}
	.list a:nth-child(n+3){margin-top: 5px;}
	/* 게시판 */
	.board .sub_board thead tr th{font-size: 14px;}
	.board .sub_board thead tr th:nth-child(1){width: 9%;}
	.board .sub_board thead tr th:nth-child(2){width: auto%;}
	.board .sub_board thead tr th:nth-child(3){width: 18%;}
	.board .sub_board thead tr th:nth-child(4){width: 22%;}
	.board .sub_board thead tr th:nth-child(5){display: none;}
	.board .sub_board thead tr th:nth-child(6){display: none;}
	.board .sub_board tbody tr td:nth-child(5){display: none;}
	.board .sub_board tbody tr td:nth-child(6){display: none;}
	.board .sub_board tbody tr td{font-size: 13px; padding: 10px 5px;}
	#sform{font-size: 0;}
	.board .search .search_s{display: inline-block; width: 30%; vertical-align: top;}
	.board .search .search_s select{width: 100%;}
	.board .search .serch_t{display: inline-block; width: 43%; margin: 0 1%; vertical-align: top;}
	.board .search .serch_t input{width: 100%; height: 40px !important; box-sizing: border-box;}
	.board .search span:last-child{display: inline-block; width: 20%; vertical-align: top;}
	.board .search button{width: 100%;}
	.board .paging ul li a{font-size: 14px;}
	.board .write{margin: 27px 0;}
	/* 찾아오시는길 */
	.farm_info #map {width:100% !important;}
	/* 회원가입 */
	#contents .container .join_pa{padding: 0 15px;}
	.buy_box2 {padding-top: 60px;}
	.join_box .join_pro > table th:nth-child(1) {width: 30%;}
	.join_box .join_pro > table td .id_check{display: block; width: 70px; margin-top: 5px; margin-left: 0; text-align:center;}
	.join_box .join_pro > table td .address{display: block; width: 100px; margin-top: 5px; margin-left: 0; text-align:center;}
	.join_box .join_pro .agree_btn .cc, .join_box .join_pro .agree_btn .ac, .join_box .join_pro .agree_btn .btn {width: 45%;}
	.join_box .join_pro > table .birth .year, .join_box .join_pro > table .birth .month, .join_box .join_pro > table .birth .date{font-size: 13px;}
	/* 로그인 */
	.login .login_box {max-width: 85%;}
	/* 주문조회 */
	.order .order_box {max-width: 85%;}
	/* 개인정보보호 */
	.privacy {padding: 50px 0;}
	/* 상세정보 */
	.shopping_detail_f .shopping_top .shopping_right table{margin: 10px 0;}
	.shopping_detail_f .shopping_top .shopping_right table th, .shopping_detail_f .shopping_top .shopping_right table td{padding: 0 20px 10px 30px; font-size: 15px;}
	.shopping_detail_f .shopping_top .shopping_right table td.price {font-size: 18px;}
	.shopping_detail_f .shopping_top .shopping_right .total_price p {font-size:16px;}
	.shopping_detail_f .shopping_top .shopping_right .total_price p .total {font-size:22px;}
	.shopping_detail .delivery >div{padding: 15px 0;}
	.shopping_detail .delivery >div .del_left{display: none;}
	.shopping_detail .delivery >div .del_right{width: 100%;}
	.shopping_detail .delivery >div .del_right h2 {font-size: 16px;}
	.shopping_detail .delivery >div .del_right p {font-size: 15px; line-height:1.7;}
	.tab_btn4 ul li a{font-size: 13px;}
	.shopping_detail .sub_board thead tr th{font-size: 14px;}
	
	.shopping_detail .review_board .review_btn a, .shopping_detail .qna_board .review_btn a {color: var(--color-primary); border: 1px solid var(--color-primary); font-size: 14px; background:#fff; width: 69px; height: 27px; line-height: 27px; margin: 10px 5px 0 0;}
	
	/* 쇼핑가이드 
	.guide .guide_box{display: block; width: 80%; margin: 0 auto;}
	.guide .guide_box + .guide_box{margin-top: 15px;}
	.guide .guide_box .guide_left img{width: 80px; height: auto;}
	.guide .shop_area .guide_txt_box {margin: 30px 0 80px; padding:15px;}
	.guide .shop_area .guide_txt_box p{padding: 10px 0 0 15px; font-size:15px;}
	.guide .shop_area .guide_txt_box p::before{left: -5px;}
	.guide .shop_area .guide_txt span {font-size:23px;}
	.guide .shop_area .guide_txt_02 {font-size:13px; padding: 15px 10px;}*/
	/*쇼핑하기*/
	.shopping_list .product_wrapper {gap: 15px;}
}

/*모바일*/
@media (max-width:479px) {	
	/* =공통= */
	/*탭*/
	.tab_btn1, .tab_btn3 {width: 100%;}
	/* 로케이션 */
	.location {display: none; !important;}
	
	/* 농장소개 */
	.farm_info {padding: 20px 0 80px;}
	.farm_info .info_area{padding: 40px 30px 80px 30px;}
	.farm_info .info_area p{font-size: 15px;}
	.farm_info .info_area p span{font-size: 15px;}
	/* 찾아오시는길 */
	.farm_info .farm_txt_2 {width: auto;}
	
	/*==쇼핑하기==*/
	/*상품목록*/
	.select-container .select {width: 110px; height: 46px;}
	.shopping_infor .count_infor p {color: gray;font-size: 14px;}
	/*상세정보*/
	#contents .container .shopping_detail_f{padding: 0px;}
}

@media (max-width:450px) {
	/* 회원가입 */
	.join_list{width: 350px; background-size: 100% 70% !important;}
	.join_list > ul{width: 350px;}
	.join_list > ul > li{padding: 5px 0 5px 7px;}
	.join_list > ul > li:nth-child(1){width: 127px; padding-left: 12px;}
	.join_list > ul > li:nth-child(2){width: 107px;}
	.join_list > ul > li:nth-child(3){width: 114px;}
	/* 쇼핑하기 */    
	.shopping_list .product_wrapper {grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));}
	.shopping_list .product_box .product_img .best img {width: 39px;}
	.shopping_list .product_box .product_img .free img {width: 29px;}
	.shopping_list .product_infor{padding: 3px;}
	.shopping_list .product_infor .title a{font-size: 15px; width:90%;}
	.shopping_list .product_infor .infor{font-size: 14px; line-height:1.4;}
	.shopping_list .product_infor .price{font-size: 15px; background-size: 20%; background-position-x:5%; }
	/* 갤러리 */
	.photo ul{width: 365px;}
	.photo ul > li{width: 165px; height: 141px;}
	.photo ul > li .image a{padding: 15px 10px;}
	.photo ul > li .image a img{width: 130px;height: 79px;}
	.photo ul > li .text{font-size: 13px;}
	.board .search select{width: 90px;height: 35px;line-height: 27px;}
	.board .search .input{width: 120px;height: 33px;}
	.board .search .button{width: 50px;height: 35px;line-height: 35px;font-size: 13px;}
}

@media (max-width:400px) {
	/* 서브 비주얼 */
	#visual01 {height: 117px;}	
	#visual02 {height: 117px;}	
	#visual03 {height: 117px;}	
	#visual04 {height: 117px;}	
	#visual05 {height: 117px;}	
	/* 회원가입 */
	.join_list{width: 300px; background-size: 100% 70% !important;}
	.join_list > ul{width: 300px;}
	.join_list > ul > li{padding: 5px 0 5px 7px;}
	.join_list > ul > li:nth-child(1){width: 104px;}
	.join_list > ul > li:nth-child(2){width: 95px;}
	.join_list > ul > li:nth-child(3){width: 95px;}
	.join_box .join_pro .agree_btn a{width: 70%;}
	.join_box .join_pro .agree_btn a + a{margin-top: 10px;}
	/* 주문하기 공통 */
	.order_list{width: 330px;}
	.order_list > ul > li{word-spacing: -0.15em; letter-spacing: -0.1em;}
	.order_list > ul > li .step{font-size: 12px;}
	.order_list > ul > li .title{font-size: 12px;}
	.order_list > ul > li:nth-child(1){width: 90px;}
	.order_list > ul > li:nth-child(2){width: 78px;}
	.order_list > ul > li:nth-child(3){width: 80px;}
	.order_list > ul > li:nth-child(4){width: 80px;}
	/* 쇼핑하기 */
	.shopping_list .product_box .product_img .best{top: 5px; left: 5px;}
	.shopping_list .product_box .product_img .free{top: 5px; right: 5px;}
	.shopping_list .product_infor .title a{font-size: 14px;}
	/* 상세정보 */
	.shopping_detail_f .sub_board tr td.title {padding: 0 10px;}
	/* 갤러리 */
	.photo ul{width: 300px;}
	.photo ul > li{width: 145px;height: 124px;}
	.photo ul > li .image a img{width: 100px;height: 61px;}
	.photo ul > li:nth-child(odd){margin: 0 5px 15px 0px !important;}	
	.photo ul > li:nth-child(even){margin: 0px 0px 15px 5px !important;}

}

@media (max-width:350px) {
	/* 주문하기 공통 */
	.order_list{width: 290px; background-size: 100% 70% !important;}
	.order_list > ul > li{word-spacing: -0.15em; letter-spacing: -0.1em;}
	.order_list > ul > li .step{font-size: 12px;}
	.order_list > ul > li .title{font-size: 12px;}
	.order_list > ul > li:nth-child(1){width: 79px;}
	.order_list > ul > li:nth-child(2){width: 69px;}
	.order_list > ul > li:nth-child(3){width: 71px;}
	.order_list > ul > li:nth-child(4){width: 70px;}
	/* 주문하기 */
	.number input[type=text]{width: 50px; box-sizing: border-box; font-size: 13px;}
	.buy_option td .address{font-size: 13px; padding: 5px;}
	.buy_option td{font-size: 14px;}
	.payment_agree .pay_agree label[for=payment_agree]{font-size: 14px;}
	.buy_option.last td select{font-size: 12px;}
	/* 회원가입 */
	.join_list{width: 270px; background-size: 100% 65% !important;}
	.join_list > ul{width: 300px;}
	.join_list > ul > li{padding: 5px 0 5px 7px;}
	.join_list > ul > li:nth-child(1){width: 92px;}
	.join_list > ul > li:nth-child(2){width: 85px;}
	.join_list > ul > li:nth-child(3){width: 85px;}
	.join_list > ul > li .title{font-size: 13.5px;}
	.join_box .join_pro > table th, .join_box .join_pro > table td{padding: 8px 5px;}
	.join_box .join_pro > table .birth .year{display: block; margin-bottom: 5px;}
	.join_box .join_pro > table .birth .year input{width: 50px;}
	.join_box .join_pro > table .birth .month input, .join_box .join_pro > table .birth .date input{width: 50px;}
	/* 게시판 */
	.board .search{margin: 45px 0 60px;}
	.board .paging ul li{padding: 0 3px;}
	/* 쇼핑하기 */
	.shopping_list .product_box .product_img .best{top: 5px; left: 5px;}
	.shopping_list .product_box .product_img .free{top: 5px; right: 5px;}
	.shopping_list .product_infor .title a{font-size: 14px;}
	/* 상세정보 */
	.shopping_detail_f .shopping_top .shopping_left .product_img img {width: 100%; height: auto;}
	/* 갤러리 */
	.photo ul{width: 275px;}
	.photo ul > li{width: 135px;height: 115px;}
	.photo ul > li .image a{padding: 11px 10px;}
	.photo ul > li .image a img{width: 100px;height: 61px;}
	.photo ul > li:nth-child(odd){margin: 0 0px 15px 0px !important;}	
	.photo ul > li:nth-child(even){margin: 0px 0px 15px 5px !important;}
	.board .search select{width: 70px;}
	.board .search .input{width: 90px;}
	.board .search .button{width: 50px;}
}

@media (max-width:350px) {
	.tab_btn ul li a, .tab_btn2 ul li a, .tab_btn3 ul li a, .tab_btn4 ul li a, .tab_btn5 ul li a{font-size: 12px;}
}