@charset "utf-8";

/* 타이틅 */
.title_20 {font-size: 20px; color: var(--text-black); }
.title_22 {font-size: 22px; color: #494949; }
.title_22::before {content: ''; display: block; width: 50px; height: 4px; background: #66a343; margin-bottom: 16px;}
.best_22, .pear_list, persimmon_list {font-size: 26px; color: var(--text-black); text-align:center; position: relative; padding: 90px 0 30px; line-height: 56px;}
.title_24 {font-size: 23px; color: #494949; position: relative; font-weight: 500;}
.title_24::before {content: ''; display: inline-block; width: 50px; height: 4px; background: #66a343; position: absolute; top: 40px; left: 50%; transform: translateX(-50%);}
.title_18 {font-size: 16px; color: var(--text-gray); padding-left: 3px; letter-spacing: }
.bg01 {background: #f5fff2;}


/* 래이아웃 */
#banner_mid {position: relative; overflow: hidden; width: 100%; background-color: #93c874;}

/* 슬라이드 */
.slider .slider_wrap >div {width: 100%; min-height: 397px; position: relative;}
.slider .slider_wrap .ban01{background:url(../img_2025/main/pc/slide1.png) center center no-repeat;background-size: cover; }
.slider .slider_wrap .ban02{background:url(../img_2025/main/pc/slide2.png) center center no-repeat;background-size: cover;}

/* 상품소개 */
.product_title {margin: 0 auto; margin-bottom: 69px; width: 428px;}
.product_title ul {overflow: hidden; }
.product_title ul li { float: left; width: 143px; text-align: center; border: 2px solid #66a343; margin-right: -2px; box-sizing: border-box;}
.product_title ul li:nth-child(2) { border-right: 0;}
.product_title ul li { display: block; padding: 11px 15px; background: #fff; font-size: 16px; font-weight: 500; letter-spacing: 0.03em; cursor: pointer; color: #333;}
.product_title ul li.active, .product_title ul li:hover  { background: #66a343; color: #fff; }
/*.product_list .product_box:hover .product_img a img {transform: scale(1.1);}*/
.product_list .product_box:hover .product_infor h2 a {border-bottom: 1px solid var(--text-black);}
.product_list { position: relative; width:1200px;}
.product_list .product_box .product_img {overflow: hidden; position: relative;  border: 1px solid var(--border-color);}
.product_list .product_box .product_img a img {width: 100%; height: auto;}
.product_list .product_box .product_img .best, .product_list .product_box .product_img .new { position: absolute; top: 15px; left: 20px;}
.product_list .product_box .product_img .free { position: absolute; top: 15px; right: 15px;}
.product_list .product_box .product_img .rec { position: absolute; top: 58px; right: 15px;}
.product_list .product_infor {padding-top: 10px;}
.product_list .product_infor .title a {font-size: 17px; line-height: 1.5em; color:var(--text-black);}
.product_list .product_infor .infor {display: block; color: var(--text-light-gray); font-size: 16px; line-height: 1.8em; font-weight: 500;text-decoration: line-through;}
.product_list .product_infor .price {display: block; color: var(--text-black); font-size: 17px; font-weight: bold; no-repeat 0 ; line-height: 1em;}
.product_list .product_infor .badge_group {display:flex; gap:5px; margin-top : 8px;}
.product_list .product_infor .hot_product {color:var(--color-primary); border:1px solid var(--color-primary); border-radius: 11px; font-size: 13px; padding: 0px 6px;}
.product_list .product_infor .best_product {color:#1CC5A0; border:1px solid #1CC5A0; border-radius: 11px; font-size: 13px; padding: 0px 6px;}
.product_list .product_infor .new_product {color:#008bcc; border:1px solid #008bcc; border-radius: 11px; font-size: 13px; padding: 0px 6px;}
.product_list .product_infor .soldout {color:var(--text-gray); border:1px solid var(--text-gray); border-radius: 11px; font-size: 13px; padding: 0px 6px;}
.product_list .active {display: block;}

/*인기상품*/
.product_list.best .product_wrapper {display : flex; justify-content : center; gap:20px}
.product_list.best .product_box {display: inline-block; width:calc(50% - 20px); height: auto; box-sizing: border-box; vertical-align: top; }

/*일반상품*/
.product_list.normal .product_wrapper {display : grid; grid-template-columns: repeat(4,1fr); flex-wrap : wrap; gap:15px;}
.product_list.normal .product_box {display: inline-block; padding-bottom: 30px; box-sizing: border-box; vertical-align: top; }
.product_list.normal .product_box .product_img a img {width: 100%; height: auto;}

/* 띠배너 */
/*#banner_mid {width: 100%; height: 230px; background: url(../img_2025/main/pc_ban.png) center center no-repeat; background-size: cover; margin: 0 auto 81px; }*/
#banner_mid {width: 1200px; margin: 0 auto; background-color:var(--color-secondary); display: flex; justify-content: center;  align-items: center; text-align: center;}
#banner_mid .ban_title {margin-bottom:28px;}
#banner_mid .ban_title h1 {font-size:35px; color:var(--text-brown); line-height: 1.2;}
#banner_mid .ban_content p {line-height:1.7em; color:var(--text-black);}
.banner_wrap {padding:50px;}

/*메뉴바*/
#menu { width: 100%; padding: 40px 0;}
#menu .container {background: #f8f8f8; border: 1px solid var(--border-color);}
#menu .menu_wrapper { display:flex; justify-content:center; align-items:center; margin: 0 auto;}
#menu .container .menu_list {text-align:center; padding: 25px 0px; border-right:1px solid var(--border-color); box-sizing: border-box; line-height:10; width:25%;}
#menu .container .menu_list img {width:28%;}
#menu .container .menu_list h3 {padding :  11px 0px 6px; color:var(--text-black);}
#menu .container .menu_list p { color:var(--text-gray);}
#menu .container .menu_list:last-child {border-right:none;}

/*바로가기*/
#goToQuick { width: 100%; padding: 0 20px 50px 20px; box-sizing: border-box;}
#goToQuick .goToQuick_wrapper { display:flex; justify-content:space-between;align-items:center; margin: 0 auto;}
#goToQuick .goToQuick_wrapper .menu_list {margin: 0 auto; width: 100%; height: auto;} 
#goToQuick .goToQuick_wrapper .menu_list a {display:flex; flex-direction:row; margin: 0 auto;}
#goToQuick .goToQuick_wrapper .menu_list img {object-fit: cover;     width: 100%;}
#goToQuick .goToQuick_wrapper .menu_list .ansim_img {margin-right: 10px; object-fit: cover; }
#goToQuick .goToQuick_wrapper .menu_list h3 {align-content:center;}
#goToQuick .goToQuick_wrapper .menu_list p {align-content:center; line-height: 23px; font-size: 13px; text-align: right;}

/* 고객센터 */
.customer { width: 100%; height: 260px; display: flex; justify-content: center; gap: 20px;}
.customer .cus {padding-top: 35px; margin: 0 auto; width:90%;}
.customer .cus_1 {position: relative; width: 33%; float: left;}
.customer .main_customer_title {margin-bottom:18px;}
.customer .cus_1 .main_customer_title .main_more {position: absolute; top: 30px; right: 26px; font-size : 37px;}
.customer .cus_1 .main_board_box ul li {width: 100%; box-sizing: border-box; line-height : 26px;}
.customer .cus_1 .main_board_box ul li p {line-height: 26px; float: left;width: 70%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:  var(--text-black); font-weight:500; font-size : 14px;}
.customer .cus_1 .main_board_box ul li .date {float: right; color:  var(--text-gray); letter-spacing: -0.05em; font-size: 14px;}
.customer .cus_1 .main_board_box ul li .date::before {content: ''; display: inline-block; width: 2px; height: 11px; background: #c6c6c5;
vertical-align: middle; margin: 0 6px; }
.customer >div >div >ul>li:hover {text-decoration:underline;}
.customer .cus_3 h2{padding-bottom: 15px;}
.customer .cus_3 {width: 33%; }
.customer .cus_3 .phone_num_1 {font-size: 22px; color: #9a1f12; margin-bottom: 10px; display: inline-block;}
.customer .cus_3 .phone_num_2 {font-size: 22px; color: #199d80; display: inline-block;}
.customer .cus_3 .phone_txt {font-size: 13px; color: var(--text-black); font-weight: 500; padding-top: 10px; line-height: 18px; letter-spacing: 1px;}
.customer .cus_2 {width: 33%; position: relative;}
.customer .cus_2 img {display: block; padding-left: 15px;}
.customer .cus_2 .bank_num {font-size: 22px; color: #9a1f12; display: block; padding: 10px 0 0px 10px;}
.customer .cus_2 .bank_txt {font-size: 18px; color: var(--text-black); font-weight: 500; padding:10px 0 0px 10px;}
.customer .cus_2::before {content: ''; width: 1px; height: 70%; background: #f0f0f0; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}
.customer .cus_2::after {content: ''; width: 1px; height: 70%; background: #f0f0f0; position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}


@media (max-width:1200px) {
	.slider .slider_wrap >div {min-height: 239px;}
	/* 상품소개 */
	.product_list{width:100%; margin : 0 auto;}
	.product_list .active{text-align: center}
	.product_list.best .product_wrapper {margin : 0 10px;}
	.product_list.normal .product_wrapper {gap:12px; margin: 0 10px;}
	.product_list.normal .product_box {height: auto; box-sizing: border-box;}
	/* 고객센터 */
	.customer{height: auto; padding: 0 25px; box-sizing:border-box;}
	.customer .cus{width:100%; padding: 20px 0;}
	.customer .cus_1, .customer .cus_2, .customer .cus_3 {width:33%;}
	.customer .cus h3{font-size: 18px;}
	.customer .cus_1 img{display: none;}
	.customer .cus_1 .phone_num{padding: 0; font-size: 20px;}
	.customer .cus_1 .phone_txt{font-size: 16px; padding-top: 15px;}
	.customer .cus_2 img{padding: 0; width: 70px;}
	.customer .cus_2 .bank_num{padding-left: 0; font-size: 20px;}
	.customer .cus_2 .bank_txt{padding-top: 10px; padding-left: 0; font-size: 16px;}
	.customer .cus_3 img{width: 55px;}	
	.customer .cus_3 .phone_txt{padding-left: 0; font-size: 14px; font-weight: 400;}
	.customer .cus_2::before {left: -8px;}
	.customer .cus_2::after {right: 0px;}
	.customer .cus_1 .main_customer_title .main_more {top: 15px;}
	/* 띠배너 */
	#banner_mid{background-position: -470px; background-size: auto; width:100%;}
}

@media (max-width:1000px) {
	/* 상품소개 */
	/*.product_list .product_box:nth-child(n+4){margin-top: 43px;}*/
	.product_list.normal .product_wrapper {margin: 0 5px;}
	/* 게시판 */
	.board .main_notice{width: 100%;}
	.board .main_notice .main_board_box{padding: 15px;}
	.board .main_notice .main_board_box ul li strong{font-size: 16px;}
	.board .main_notice .main_board_box ul li .txt{font-size: 15px;}
	.board .main_free{float: left; width: 49%;}
	.board .main_free .main_free_box{padding: 15px;}
	.board .main_free .main_free_box ul li strong{font-size: 16px;}
	.board .main_free .main_free_box ul li .txt{font-size: 15px;}
	.board .main_gallery{float: left; width: 49%; margin-left: 2%;}
	.board .main_gallery .main_board_top{padding: 18px 0 36px 0;}
	.board .main_gallery .main_gal_box{height: 188px; box-sizing: border-box;}
	.board .main_gallery .main_gal_box a{display: block; height: 90px;}
	.board .main_gallery .main_gal_box a:nth-child(2){padding: 0;}
}

@media (max-width:900px) {
	/*고객센터*/
	.customer .cus_1 .main_board_box ul li p { width: 60%;}
}

/*태블릿*/
@media (max-width:768px) {		
	/* 슬라이드 */
	.slider .slider_wrap .ban01{background:url(../img_2025/main/mobile/m_slide1.png) center center no-repeat;background-size: cover; }
	.slider .slider_wrap .ban02{background:url(../img_2025/main/mobile/m_slide2.png) center center no-repeat;background-size: cover;}
	.slider .slider_wrap >div {min-height: 406px;}
	.best_22 {font-size: 22px; padding: 90px 0 30px;}
	.title_22::before {width: 24%; height: 3px; margin-bottom: 14px;}
	/* 게시판 */
	.board .main_free{width: 100%;}
	.board .main_gallery{width: 100%;}
	.board .main_gallery .main_gal_box{height: auto;}
	.board .main_gallery .main_gal_box a{display: inline-block; height: auto; padding-left: 10px;}
	.board .main_gallery .main_gal_box a:nth-child(1){padding: 0;}
	/* 고객센터 */
	.customer {flex-wrap: wrap; gap:0px; box-sizing: border-box; padding:0px;}
	.customer .cus {padding : 0px;}
	.customer .cus_1 {width: 100%; border-bottom: 1px solid var(--border-color); padding: 20px 18px;}
	.customer .cus_2, .customer .cus_3 {width: 50%; padding: 20px 18px; box-sizing: border-box;}
    .customer .cus_2::before, .customer .cus_2::after {display: none;}
	/*바로가기*/
	#goToQuick .goToQuick_wrapper {flex-wrap:wrap;}
	#goToQuick .goToQuick_wrapper .menu_list{width:50%;}	
	/*일반상품*/
	.product_list.normal .product_wrapper {grid-template-columns:repeat(3,1fr);}
	.product_list.normal .product_wrapper {gap:10px; margin: 0 10px;}
	/*메뉴바*/
	#menu .menu_wrapper {flex-wrap:wrap;}
	#menu .container {padding:0; margin: 0 20px; width: calc(100% - 40px);}
	#menu .menu_wrapper .menu_list {width:50%; border-bottom:1px solid var(--border-color); }
	#menu .menu_wrapper .menu_list:nth-child(2) {border-right:none;}
	#menu .menu_wrapper .menu_list:nth-child(3), #menu .menu_wrapper .menu_list:nth-child(4) {border-bottom:none;}
	#menu .menu_wrapper .menu_list a {display: flex; justify-content: center; align-items: center; text-align: center;}
	/* 고객센터 */
	.customer .cus h3{font-size: 16px;}
	.customer .cus_1 img{display: inline-block; width: 30px; margin-left: 8px;}
	.customer .cus_2::before{display: none;}
	.customer .cus_2::after{display: none;}
	.customer .cus_2 img{width: 52px;}
	.title_18{font-size: 13px;}
}
@media (max-width:600px) {   
	.slider .slider_wrap >div {min-height: 358px;}
}

/*모바일*/
@media (max-width:479px) {		
	/* 슬라이드 */
	.slider .slider_wrap >div {min-height: 282px;}
	/* 게시판 */
	.board{padding: 0 20px;}
	/* 띠배너 */
	#banner_mid{background-position: -53px;}
	.banner_wrap {padding:30px 20px;}
	/*상품*/
	.product_list .product_infor .title a {font-size: 15px;}
	.product_list .product_infor .infor {font-size: 15px;}
	.product_list .product_infor .price {font-size: 15px;}
	.product_list.normal .product_wrapper {grid-template-columns:repeat(2,1fr);}
	/* 상품소개 */
	.product_list .product_box{display: block; max-width: 100%; margin: 0 auto;}	
	.product_list.best .product_wrapper {flex-direction: column; margin: 0 50px;}
	.product_list.best .product_box {width:100%; margin: 5px 0px;}
	.product_list .product_box .product_img a img{width: 100%; height: auto;}
	
	#banner_mid .banner_wrap .ban_title h1 {font-size:25px;}
	#banner_mid .banner_wrap .ban_content p {font-size:14px;}
	/* 고객센터 */
	#goToQuick .goToQuick_wrapper .menu_list { margin-bottom: 10px;}
	.customer .cus_3 .phone_num_1{font-size: 17px;}
	.customer .cus_3 .phone_num_2{font-size: 17px;}
	.customer .cus_3 .phone_txt{font-size: 12px;}
	.customer .cus_2 .bank_num{font-size: 17px;}
	.customer .cus_2 .bank_txt{font-size: 14px;}
	/* 메뉴바 */
	#menu .menu_wrapper .menu_list p {font-size: 14px;}
	/* 게시판 */
	.board .main_gallery .main_gal_box a{padding: 0;}
	.board .main_gallery .main_gal_box a:nth-child(2){margin-top: 5px;}
	/*일반상품*/
	.product_list.normal .product_wrapper {gap:5px;}
}
@media (max-width: 400px) {
    .slider .slider_wrap >div {min-height: 237px;}
}
@media (max-width: 330px) {
    .slider .slider_wrap >div {min-height: 198px;}
}