@charset "utf-8";

table.tb01 { width: 100%; border-collapse: collapse; border-bottom: 1px solid #ddd; border-right: 2px solid #fff;  border-top: 2px solid #75ad00;}
table.tb01 th, 
table.tb01 td {font-size:16px; padding:20px 20px 18px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align:center; vertical-align:middle}
table.tb01 th { background:#f9f9f9; color: #333; font-weight: 700; letter-spacing:-0.5px; }
table.tb01 .borR { border-right: 1px solid #ddd !important; }
table.tb01 .borL { border-left: 1px solid #ddd !important; }
table.tb01 tbody tr th:last-child { border-right: 0 none; }
.td_left{text-align:left !important}

.cont{font-size:18px; line-height:180%; color:#050000; word-break:keep-all; width: 100%; text-align:center}
.cont img{max-width:100%; display:block;}
span.br{display:block;}

.col2 > div{width:calc(100% / 2); float:left; text-align: center;}
.col3 > div{width:calc(100% / 3); float:left; text-align: center;}
.col4 > div{width:calc(100% / 4); float:left; text-align: center;}

.fs_30{font-size:30px; }
.fs_16{font-size:16px; }
.fw_500{font-weight:500}

.b_btn{background:#000; color:#fff; font-size:15px; padding:3px 30px 5px; display:inline-block; border-radius:30px; margin-top:10px}
.b_btn:hover{color:#fff !important}

.scon_tit{font-size:25px; color:#8eba2f; margin-bottom: 30px;}

/* 푸소란? */
.fuso_img{display:inline-block; max-width:242px;  margin-top: 40px;}
.fuso_con{display:inline-block; font-weight:600; font-size:18px; vertical-align:top; line-height:180%; letter-spacing: 1px; width: 60%; text-align: left;}
.fuso_tit{ font-size:38px; margin-bottom:20px; display:block; margin-top: 40px;}
.fuso_txt{padding-left:3px; font-weight:500}
.fuso_txt br{display:none}

@media all and (max-width:850px){
	.fuso_tit{font-size:26px}
	.fuso_con{width:100%; text-align:center; min-height: 500px; font-size:16px}
	.cont img{margin:0 auto}
	.fuso_img{width:100%; position: absolute;  top: 195px;  left: 50%; transform: translate(-50%, 0);  opacity: 20%;  z-index: -1;}
	.fuso_txt br{display:block}
}



/* 푸소신청방법 */
.fuso_apply{text-align:left; position:relative;}
.apply_img{position:absolute; right:0; top:0;}
h3.tit{font-size:30px; font-weight:600; display:block; margin-bottom:20px;}
.li_bul > li{position:relative; padding-left:20px; margin:10px 0; text-align:left;}
.li_bul > li:before{content:"";  display:inline-block; width:9px; height:9px; background:#80bd01; border-radius:50%; position:absolute; left:0; top:12px}
.li_bul > li span{display:inline-block; width:50px; }
.li_bul > li b{font-family: 'Noto Sans KR'; font-weight:700}

.li_bul2 > li{font-size:16px; position:relative; padding-left:13px; margin:0; text-align:left; font-weight:400}
.li_bul2 > li:before{content:"";  display:inline-block; width:5px; height:2px; background:#666;  position:absolute; left:0; top:16px}

@media all and (max-width:850px){
	.fuso_apply .tit{display:none;}
	.apply_img { position:relative;}
}




/* 푸소 통합센터 */
.fusocenter{ font-size:38px; line-height:130%; color:#333; font-weight:600}
.fusocenter img{display:inline-block;}


/* 나에게 맞는 푸소찾기 */
.find_text{font-size:18px; color:#000; font-weight:600}
.find_text span{color:#aaa; font-weight:500}

.filter_wrap{margin:32px 0 42px}
.filter_wrap .filter_col{position:relative;}
.filter_wrap .filter_col .filter_tit{display:inline-block; background:#8cb930 url('../images/contents/fsfind_tit_bg.png') no-repeat 90% 0; color:#fff; font-size:16px; text-align:center; width:129px; height:37px; 
									line-height:37px; border-radius:30px; position:absolute; top:6px; }
.filter_wrap .filter_col .filter_con{margin-left:150px; border-bottom:2px solid #e5e5e5;  height: 50px; padding:10px 15px 0; }
.filter_wrap .filter_col:first-child .filter_con{border-top:2px solid #e5e5e5;}

.filter_con .checkb{position:relative; display:inline-block; margin: 0 0 13px; text-align: left;}
.filter_con label{font-size:16px; color:#000; font-weight:500; vertical-align: top;}
.filter_con input[type="checkbox"] { display:none;}
.filter_con input[type="checkbox"] + label span {display:inline-block; width:16px; height:16px; margin-right:6px; vertical-align:middle; border-radius:5px; border:1px solid #000; cursor:pointer; }
.filter_con input[type="checkbox"]:checked + label span {width:16px; height:16px;}
.filter_con input[type="checkbox"]:checked + label span:after{content:""; display:inline-block; width:10px; height:10px; position:absolute; top:10px; left:3px; background:#8cb930; border-radius:3px;}
.filter_con input[type="radio"] {display:none;}
.filter_con input[type="radio"] + label span {display:inline-block; width:16px; height:16px; margin:-2px 6px 0 0; vertical-align:middle; border-radius:5px; border:1px solid #000; cursor:pointer; }
.filter_con input[type="radio"]:checked + label span {width:16px; height:16px;}
.filter_con input[type="radio"]:checked + label span:after{content:""; display:inline-block; width:10px; height:10px; position:absolute; top:9px; left:3px; background:#8cb930; border-radius:3px;}

select::-ms-expand { display: none;}
.select { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.btn_box{display:block}
.btn_b{display:inline-block; background:#000; color:#fff; font-size:15px; font-weight:500; text-align:center; border-radius:30px; height:37px; padding:7px 18px}
.btn_w{display:inline-block; background:#fff; color:#000; font-size:15px; font-weight:500; text-align:center; border-radius:30px; height:37px; padding:7px 18px; border:1px solid #000}

.fsfind_wrap{border-top:2px solid #e5e5e5; margin-top:55px; padding-top:34px; text-align:center}
.fsfind_wrap .fsfind_tit{font-size:25px; color:#000; font-weight:600; margin-bottom:28px; }

.list_box{display:inline-block; width:calc(100% / 3); float: left; margin-bottom:20px;  position:relative; padding: 0 5px;}
.list_box img{display:inline-block; margin:0 auto; max-width:100%;}

.fsfind_wrap.black_l{border-top:1px solid #000;}

.fs_info{display:block; font-size:16px; padding: 10px 0 3px;}
.fs_info2{display:block; font-size:16px; padding:10px 20px 20px; text-align:left; border-bottom:2px solid #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.fs_name{font-size:20px; display:block; font-weight:600; color:#000} 
.fs_hasht{font-size:15px; display:block; border-top:1px solid #cbcbcb; color:#8f8e88; padding-top:7px; margin:10px auto 0; border-bottom: 1px solid #000; padding-bottom: 10px;}

.br_input{border-radius:30px; text-align:center; border:1px solid #000 }

.exp_ico{background:url('../images/contents/exp_ico.png') no-repeat 0 0; display:inline-block; position:absolute; right: 5px; bottom:38px; text-align: center; width: 52px; height: 108px; 
			padding-top: 14px; color: #fff; background-size: 100%;}

/* 농가둘러보기 */
.tab-menu{border:1px solid #8eba2f; border-radius:30px; overflow:hidden; display:inline-block; width:270px; margin:8px 36px 0 0}
.tab-menu li{position:relative; color: #000; padding:8px 0; font-size:16px; font-weight:500; float:left; text-align:center; cursor:pointer;  z-index:0; display:inline-block; width:50%}
.tab-menu li.active {background: #8eba2f; color:#fff;}
.tab-menu li.active:hover {color:#fff;}

.tab-content{width: calc(100% - 310px); vertical-align: top;  display: inline-block;}
.sch_area{position:relative; overflow: hidden;}
.sch_area .txt_input{border-top: 2px solid #e2e2e2;  border-left: 0; border-right: 0; border-bottom: 2px solid #e2e2e2; font-size:16px; width: 100%; padding:15px 20px; }
.sch_area .sch_btn{position:absolute; right:0; top:9px}

.tabm2{position:relative}
.tabm2:before{content:""; display:inline-block; width:175px; height:146px; background:url('../images/contents/sch_character.png') no-repeat 0 0; position: absolute; left: -280px; top: 370px; }
.filter_col{overflow:hidden;}
.find_tit{font-size:17px; display: block; margin-bottom: 14px; font-weight:600; color:#000; text-align:left}

.pp_box{}

.find_sec{min-height: 265px; border-bottom: 1px solid #cfcfcf; padding:20px 27px;}
.filter_l{width:30%; display:inline-block; float:left}
.filter_r{width:70%;  display:inline-block; float:left}
.tline{border-top: 1px solid #cfcfcf;}
.rline{border-right: 1px solid #cfcfcf;}

.search_box_re .sch_area{display: flex;flex-wrap: wrap;}
.search_box_re .find_sec {min-height: unset;}
.search_box_re .sch_area .filter_l, 
.search_box_re .sch_area .filter_r {display: block; float: none;}




.find_b{display: block; width: 100%; float: left; margin-bottom: 2px; text-align:left}
.find_label{float: left; width:90px; display:inline-block; font-size: 16px; color: #000; font-weight: 500; position:relative}
.line_bul:before{content:""; display:inline-block; width:10px; height:1px; background:#000;  position: relative;  top: -6px; margin-right: 6px;} 
select.find_select,
input.find_input{border-radius:30px; border:1px solid #000; padding:0 20px; height:37px; background:url('../images/contents/select_arrow.png') no-repeat right 50% }

.rev_b{display: inline-block; width:auto;  float:left}
.rev_b .find_label{width:auto; margin-right: 10px; top:5px}

#people{width:80px; float: left;}
.ui-datepicker{background:#fff; border:1px solid #000; padding:15px 29px}
.ui-datepicker .ui-datepicker-header{position:relative; text-align:center; margin-bottom:10px; font-weight: 500;}
.ui-datepicker .ui-icon{text-indent:-99999px; font-size:0;}

.ui-datepicker-prev .ui-icon{position:absolute; left:0; background:url('../images/contents/calendar_arrow.png') no-repeat 0 0; width:22px; height:22px; display:inline-block;}
.ui-datepicker-next .ui-icon{position:absolute; right:0; background:url('../images/contents/calendar_arrow.png') no-repeat right 0; width:22px; height:22px; display:inline-block; }
.ui-state-default{font-size:13px}
.ui-datepicker-calendar td{width:24px; text-align:center}
td .ui-state-active,
td .ui-state-hover{position:relative; background:#8cb930; border-radius:10px; width:20px; height:20px; display:inline-block; color:#fff; padding:1px 3px}

/* 농가둘러보기 상세 */
.farm_view_tit{font-size:30px; color:#000; font-weight:600; line-height: 130%; display: block; margin-bottom: 20px;}

/* 슬라이더 신규 추가*/
.farm-slider-wraper {display: flex; align-items: flex-start;justify-content: space-between;}
.farm-slider-wraper .swiper-container {width:calc(100% - 436px); margin:0}
.farm-slider-wraper .swiper-container img {width: 100%; height: auto;}
.farm-slider-wraper .swiper-container .swiper-pagination-bullet {width: 10px; height: 10px; border: 1px solid #333; background: #FFF;	opacity: 1;}
.farm-slider-wraper .swiper-container .swiper-pagination-bullet-active {background:#80bd01}


.farm_img_slider{overflow:hidden; position:relative; display:inline-block;}
.farm_img_slider .bx-controls{ position: absolute; bottom: 25px; text-align:center; width:100%; }
.farm_img_slider .bx-wrapper .bx-pager.bx-default-pager a { background: #fff;  text-indent: -9999px;  display: block;  width: 10px; height:10px;  margin: 0 5px;  border:1px solid #000;  border-radius: 5px; }
.farm_img_slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.farm_img_slider .bx-wrapper .bx-pager.bx-default-pager a.active,
.farm_img_slider .bx-wrapper .bx-pager.bx-default-pager a:focus { background:#80bd01; }
.farm_img_slider .bx-wrapper .bx-pager-item,
.farm_img_slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline;}

/* .farm_info{width:calc(100% - 700px); display:inline-block; float:right; position:relative} */
.farm_info{width:calc(100% - 700px);}
.farm_info li{font-size:14px; padding-left:100px; min-height:34px; position:relative}
.farm_info li span{display:inline-block; border:1px solid #8b8b8b; width:90px; height:30px; font-weight:500; line-height:28px; border-radius:30px; text-align:center; position:absolute; left:0; top:4px;}
.farm_info li em{font-style:normal; border-top:1px solid #ccc; width:100%; display: block; padding:8px 10px;}
.farm_info li:last-child em{border-bottom:1px solid #ccc;}
.reserv_btn_box{position:absolute;right:0; top:504px}
.reserv_btn{}
.reserv_btn:before{content:""; display:inline-block; width:101px; height:101px; background:url('../images/contents/reserv_btn.png') no-repeat 0 0; position:absolute; right:0; top: -90px;}
.farm_view_con{display:block; margin-top:20px; padding:50px 0; border-top:1px solid #ccc}

@media all and (max-width:1200px){
	span.br{display:inline;}

	.farm_img_slider{width:58%}
	.farm-slider-wraper .swiper-container {width:calc(100% - 42%);}
	.farm_info{width:40%}
}


@media all and (max-width:850px){
	.scon_tit{margin-bottom:10px;}

	.li_bul > li{padding-left: 12px; text-align:left; word-break:keep-all; letter-spacing: -0.2px;}
	.li_bul > li:before {width:5px; height:5px;  top: 10px;}

	.cont{font-size:15px}

	.farm-slider-wraper {flex-direction: column;}
	.farm_img_slider{width:100%; text-align:center}
	/*bx-slider custom*/
	.farm-slider-wraper .swiper-container {width:100%;}

	.farm_info{width:100%; float:left; margin-top:30px}
	.farm_view_con{float:left}

	
	.list_box{width:50%; float: left; margin-bottom:20px;  position:relative; padding: 0 5px;}
	.fs_info2{font-size:15px}
	.fs_name{font-size:17px}

	.farm_view_tit{font-size:20px}

	.reserv_btn_box{position:relative; top:0; text-align:right; align-self: flex-end; margin-top: 1rem;}
	.reserv_btn:before{display:none;}

}

@media all and (max-width:768px){
	.filter_l{width:100%}
	.filter_r{width:100%}
	
	.list_box{width:100%; text-align: center;}
	.list_box img{width:100%;}
	.fs_info2{text-align:center; padding: 5px 0 10px;}

}