@charset "utf-8";

/* Mobile */
/* 농촌유학이란? */
.farm_in {position:relative;}
.farm_in img {display: inline-block;width: 150px;}
.farm_in strong {font-size: 20px;color: #2a7f52;font-weight: 700;padding: 0 10px 0 0;display: inline-block;position: absolute; top: 75px;}
.farm_in p {font-family: 'GongGothic'; font-weight: 100;word-break: keep-all;padding: 10px; color:#666;}
.introduce { background: #fffdf3; padding: 50px 20px; border-radius: 30px; margin: 20px auto;border: 1px solid #f6f1e9;}
.introduce dl { margin-bottom: 30px;}
.introduce dt { font-weight: 700; font-size: 20px;color: #6c4343;}
.introduce dt::before {content:'';background:url(/images/common/notice_ico.png)no-repeat; background-position: 36% 10%;width:70px; height:43px; display:inline-block;}
.introduce dd { margin: 30px 0; word-break: keep-all; font-weight: 100;color: #666;background: #fff;  padding: 20px; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, .05);}

/* Tablet */
@media all and (min-width:768px) {
.farm_in { max-width: 800px;}
.farm_in>.fm_img {margin: auto; width: 500px;}
.farm_in img {width:auto;}
.farm_in strong {font-size:25px;top: 160px;}
.farm_in p {padding: 20px 20px 0;}
.introduce {margin:50px auto;}
}
/* Desktop */
@media all and (min-width:1023px) {
.farm_in {max-width: 1000px;}
.farm_in>.fm_img {margin: 20px auto; width: 500px;}
.farm_in strong {font-size: 35px;top: 170px;}

.photo_list li{width: 31.333333%;margin: 1%;}
}
/* Pc */
@media all and (min-width:1400px) {
.farm_in p {text-align: center; font-weight: 300;}
}  

/* 농촌유학 프로그램 */
/* Mobile */
.fm_img { display: block; margin: 0 auto;50px 10px;max-width: 400px;}
.fm_img li {display: inline-block; width: calc(100%/2 - 7px); margin-right: 10px; margin-bottom: 10px;}
.fm_img li:nth-of-type(2n) {margin-right: 0;}

/* Desktop */
@media all and (min-width:1023px) {
.fm_img { max-width:832px;}
.fm_img li, .fm_img li:nth-of-type(2n) {margin-right: 20px;margin-bottom: 20px;width: calc(100%/4 - 18px);}
.fm_img li:nth-of-type(4n) {margin-right: 0;}
}

/* 농촌유학센터>홍보사이트 */
/* Mobile */
.site_link li {margin: 0 0 20px;}
.site_link li a {display: block; text-align: center;  border: 1px solid #f6f1e9; border-radius: 10px;overflow: hidden;}
.site_link li a span { display: block; padding: 10px; background: #fffdf3; font-family: 'GongGothic'; color: #666;}
.site_link li a:hover span, .site_link li a:focus span { background: #f6f1e9; color: #333;}
/* Tablet */
@media all and (min-width:768px) {
.site_link ul {overflow: hidden;}
.site_link li {float: left; width: 48%; margin: 0 1% 20px; margin: 0 1% 20px;}
}
/*Pc */
@media all and (min-width:1400px) {
.site_link li { width: 31.333%;}
}

/* 농촌유학-학교소개 */
.bbs_farm .view_top{padding: 20px;background: #fff;border-radius: 20px;border: 5px solid var(--bgpoint);box-shadow: 0 0 10px rgba(219,219,219,0.4);}
.bbs_farm .view_top .top_img{position: relative;}
.bbs_farm .view_top .img{border-radius: 10px;overflow: hidden;}
.bbs_farm .view_top .img img{width: 100%;}
.bbs_farm .view_top .control .btn>button{position: absolute;width: 40px;height: 40px;padding: 0;background: url("/images/common/tab02.png") no-repeat center #fff;border-radius: 100%;font-size: 0;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.1);top: 50%;}
.bbs_farm .view_top .control .btn>button.prev{left: 10px;transform: translateY(-50%) rotate(180deg)}
.bbs_farm .view_top .control .btn>button.next{right: 10px;transform: translateY(-50%);}
.bbs_farm .view_top .control .btn span{position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);padding: 4px 10px;background: #fff;border-radius: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.bbs_farm .view_top .control .btn span button{display: inline-block;width: 10px;height: 10px;padding: 0;margin: 0 4px;background: var(--bgpoint);border-radius: 100%;font-size: 0;vertical-align: middle;}
.bbs_farm .view_top .control .btn span button.on{background: var(--point1);}
.bbs_farm .view_top h4{padding: 0;background: none;}
.bbs_farm .view_top ul{border-top: 1px solid var(--point1);}
.bbs_farm .view_top li{display: table;width: 100%;border-bottom: 1px dashed #ddd;}
.bbs_farm .view_top li strong, .bbs_farm .view_top li span{display: table-cell;padding: 8px;box-sizing: border-box;}
.bbs_farm .view_top li strong{width: 90px;background: var(--bgpoint);color: var(--point1);font-weight: normal;}
.bbs_farm .view_top li span{width: calc(100% - 90px);}

.bbs_farm .bbs_skin2 table .title a{font-weight: normal;color: var(--point1);text-align: center;}
@media all and (max-width:1022px) {
.bbs_farm .bbs_skin2 table .title a{font-size: 18px;text-align: left;}
.bbs_farm .bbs_skin2 table [data-cell-header]:before{display: none;}
.bbs_farm .bbs_skin2 table .home{display: block;}
}

@media all and (min-width:768px) {
.bbs_farm .view_top{display: flex;flex-wrap: wrap;}
.bbs_farm .view_top .top_img{width: 40%;}
.bbs_farm .view_top .top_txt{width: 60%;padding-left: 20px;box-sizing: border-box;}
}
@media all and (min-width:1400px) {
.bbs_farm .view_top{padding: 30px;}
.bbs_farm .view_top .top_img{width: 30%;}
.bbs_farm .view_top .control .btn>button.prev{left: -20px;}
.bbs_farm .view_top .control .btn>button.next{right: -20px;}
.bbs_farm .view_top .top_txt{width: 70%;padding-left: 40px;}
}