:root {
    --container-bg-color: #eeeeee;
    --item-bg-color: #d6d6d6;
}
.contarea { height: auto; margin-bottom: 70px; }
.content_bg { height: 250px; background-image: url(../../../../resource/cw_farm/images/sub/sub_visual.png); overflow: hidden; position: relative; background-position: center;background-size: cover; transition: opacity 0.7s ease-in-out; opacity: 1; background-blend-mode: multiply; background-color: rgba(0, 0, 0, 0.4); }
.content_bg.blur::before { filter: blur(8px); content: ""; position: absolute; top: -5px; left: -5px; width: 110%; height: 110%; background-image: inherit; background-size: inherit; background-position: inherit; }
.content_bg .menu_desc { position: absolute; left: 50%; top: 50%; color: #fff; transform: translate(-50%, -50%);  }
/*.content_bg::after {position: absolute;content: '';display: block;width: 100%;height: 100%;top: 0;backdrop-filter: contrast(0.5);}*/

/* board list */
.sub_heading { display: flex; justify-content: space-between; align-items: center; margin: 80px 0 30px 0; border-bottom: 1px solid #dbdbdb; padding-bottom: 15px; position: relative; }
.sub_heading > div > h3 { font-size: 2.5rem; font-weight: bold;}
.sub_heading > div > ul { display: flex; align-items: center; margin-top: 10px; }
.sub_heading > div > ul > li { padding: 0 0 0 10px; text-align: center; }
.sub_heading > div > ul > li > a { color: #4c4c4c; }
.sub_heading > div > ul > img { padding: 0 0 0 10px; }

.sns li {float:left;}
.sns li a {font-size:0;text-indent:-9999em;}
.sns li > a {display:inline-block;width: 42px;height: 42px;vertical-align:top;background: #fff no-repeat center;border: 1px solid #d4cfd3;border-radius: 10px;margin-left: 10px;transition: 0.3s;}
.sns li > a.share {background-image: url('https://www.gyeongnam.go.kr//01_potal/images/gne_new2022/common/ico_sns.png');}
.sns li > a.print {background-image: url('https://www.gyeongnam.go.kr//01_potal/images/gne_new2022/common/ico_print.png');}
.sns li > a.fvadd{background-image: url('https://www.gyeongnam.go.kr//01_potal/images/gne_new2022/common/ico_fvadd.png');}
.sns li > a:hover{transform: translateY(-5px);}
.sns #snsGroup {position:absolute;bottom: 22px;right: 55px;z-index:100;}
.sns #snsGroup > a {display:inline-block;}
.sns #snsGroup > a:nth-child(3) {margin-right:5px;}
.sns #snsGroup > a.snsClose {width:36px;height:36px;background: url('https://www.gyeongnam.go.kr//01_potal/images/gne_new2022/common/sns_close.png') no-repeat center bottom;font-size:0;text-indent:-9999em;vertical-align: middle;}
.sns li button{transition:0.5s; border:none; background: 0; vertical-align: middle; cursor: pointer;height: 36px;}
.sns li button:hover{transform:translateY(-5px);}
.sns li img { max-width: 100%; }

.board_search_wrapper { display: flex; justify-content: space-between; align-items: flex-end;margin-bottom: 15px; }
.board_cnt { color: #4c4c4c;}
.board_cnt .cnt { color: #773e00; font-weight: 600; }

.form_wrap > form,
.search > form { display: flex; }

.form_wrap_place { margin-bottom: 60px; border: 1px solid #dbdbdb; border-radius: 20px;padding: 30px;box-shadow: 10px 10px 10px #f7f3f3;}
.search_box { display: flex; align-items: center; padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.form_wrap_place div:nth-last-child(2){ border-bottom: none; }
.search_title {font-size: 1.3rem; margin-right: auto; font-weight: 600; min-width: 130px;text-align: center;}
.search_list { display: flex; flex-wrap: wrap; width: calc(100% - 150px);}
.search_list li { width: calc(25% - 10px); border:1px solid #dbdbdb; padding-left: 10px; margin: 5px 10px 5px 0; border-radius: 7px; display: flex; align-items: center; color: #4c4c4c;transition: all .5s;}
.search_list li:hover {border-color: #037a4e;box-shadow: 3px 3px 10px #ddd;}
.search_list li.on { background-color: #037a4e; color: white; border:1px solid #037a4e;}
.search_list li input[type=checkbox] {display: none;}
.search_list li label { cursor: pointer; display: flex; width: 100%; height: 100%; padding: 10px 10px 10px 0;align-items: center;position: relative;}
.search_list li input[type=checkbox] + label::before,
.search_list li input[type=checkbox]:checked + label::before {content:'';width: 15px;height: 15px;display: block;border: 1px solid #ddd;border-radius: 5px;margin-right: 5px;}
.search_list li input[type=checkbox]:checked + label::before {background: #eee;}
.search_list li input[type=checkbox]:checked + label::after {content: '';width: 10px;height: 4px;display: block;border: 2px solid #037a4e;border-top: 0;border-right: 0;transform: rotate(-45deg);position: absolute;left: 2px;top: 40%;}

.search_form_box {display: flex;align-items: center;padding: 25px 30px;background: #f1f1f1;margin: -20px -30px -30px;border-radius: 0 0 20px 20px;}
.search_form_box .search_category {min-width: 150px;border-radius: 10px 0 0 10px;border-right: none;height: 45px;font-weight: 600;}
.search_form_box .search_keyword {height: 45px;border-radius: 0 10px 10px 0px;border-left: none;font-size: .9rem;width: calc(100% - 150px);}
.search_form_box .search_submit {height: 45px;border-radius: 10px;min-width: 100px;margin-left: -100px;}

.search_form_box_title {font-weight: 600;font-size: 1.1rem;margin: 0 auto;word-break: auto-phrase;}
.search_form_box_title + .search_keyword {border-radius: 10px;border: 1px solid #bdbdbd;}

.search_category {font-size: .9rem;padding: 0 15px 0 8px; border: 1px solid #bdbdbd; -webkit-appearance: menulist; width: 100%;height: 40px; cursor: pointer; background: #fff url(../../../../cwfarm/images/common/ico_b_arr1.png) center right 8px no-repeat; -webkit-appearance: none; -moz-appearance: none;min-width: 110px;flex: 1 1 20%; vertical-align: top; color: #4c4c4c;border-right: 0;}
.search_keyword { border: 1px solid #bdbdbd; padding-left: 10px; height: 40px; width: calc(100% - 40px);font-weight: 600;border-right: none;}
.search_submit { min-width: 40px; height: 40px; display: inline-block; z-index: 10; border: 0; font-size: 0; text-indent: -9999em; background: #037a4e url(../../../../cwfarm/images/common/btn_search.png) no-repeat 50% 50%; cursor: pointer; vertical-align: top; }


.tb_wrapper { margin-bottom: 30px; }
table { border-collapse: collapse; width:100%; border-top: 2px solid #000;table-layout: fixed;}
caption { display: none; }
th, td { text-align: center; }
td, th { padding: 20px 0 20px 0; font-size: 1.125rem; border-bottom: 1px solid #ddd; }
td.title {text-align: left;}
tr.noti {font-weight: 600;color: #037a4e;}
tr.noti .title a {color: #037a4e;}
td img {max-width: 100%; }
.tbl.reserve_user td { padding-left: 10px; padding-right: 10px; }
.tbl tbody tr:hover {background: #f9f9f9;}
.tbl tbody tr:hover td.title a {text-decoration: underline;font-weight: 600;}
.tbl td.title a span{max-width: 95%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.btn_area { text-align: center; margin: 20px 0 40px; display: flex; align-items: center; justify-content: flex-end; }
.btn { display: inline-block; margin-right: 5px; border-radius: 5px; color: #fff; background-color: #444; border: 1px solid #474a52;  cursor: pointer; }
.btn.delete { background-color: #ff6059; border-color: #ff6059; }
.btn.update { background-color: #037a4e; border-color: #037a4e; }
.btn.large { height: 42px; padding: 0 30px; line-height: 39px; font-size: 1em; }
.paging { display: flex; justify-content: center; align-items: center; margin: 40px 0 70px 0; }
.paging.review { margin: 20px 0 20px 0; }
.paging > a { display: inline-block; position: relative; min-width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #d4d4d4; z-index: 1; margin-left: -1px; background: #fff; }
.paging > a.on { color: #fff; background: #037a4e; border-color: #037a4e; z-index: 2; }
.paging a.paging-prev,
.paging a.paging-next {display: flex;align-items: center;justify-content: center;}
.paging-prev::before,
.paging-next::before {content: '';display: block;border-width: 2px;border-style: solid;border-color: transparent #969696 #969696 transparent;background-color: transparent;width: 4px;height: 4px;transform: rotate(-45deg);transition: border-color .3s;}
.paging-prev::before {transform: rotate(135deg);}
.paging-prev.first::after,
.paging-next.last::after {content: '';display: block;border-width: 2px;border-style: solid;border-color: transparent #969696 #969696 transparent;background-color: transparent;width: 4px;height: 4px;transform: rotate(-45deg);transition: border-color .3s;}
.paging-prev.first::after {transform: rotate(135deg);}
.paging-prev:hover::before,
.paging-prev:hover::after,
.paging-next:hover::before,
.paging-next:hover::after {border-color: transparent #037a4e #037a4e transparent;}


.board_img { border-top: 1px solid #dbdbdb; padding-top: 15px;margin-top: 15px;}
.img_ul { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 25px; }
.img_ul > li:not(.none_msg) { width: calc((100% - 50px) / 3);}
.img_ul > li.none_msg {width: 100%;text-align: center;padding: 10px 0 25px;border-bottom: 1px solid #dbdbdb;}
.img_ul > li > a { display: flex; height: auto;flex-direction: column;border: 1px solid #dbdbdb; border-radius: 10px; overflow: hidden;  box-shadow: 5px 5px 10px -8px rgba(0, 0, 0, 0.3);transition: all .5s;}
.img_ul > li > a:hover {border-color: #037a4e;box-shadow: 3px 3px 10px #037a4e24;}
.img_ul > li > a:hover .tit {color: #037a4e;}
.img_ul > li > a > img { height: auto; width: 100%; aspect-ratio: 6 / 4; object-fit: cover; overflow-clip-margin: unset;}
.img_ul .txt-box {padding: 20px; }
.img_ul .txt-box > span {text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden; color: #191919;display: block;font-size: .9rem;margin: 3px 0;}
.img_ul .txt-box .tit { font-size: 1.2rem;font-weight: 600;transition: color .5s;margin-bottom: 20px;color: #191919;}
.img_ul .txt-box .cate + .tit {margin: 7px 0;}
.img_ul .txt-box .desc { display: -webkit-box;-webkit-line-clamp: 2;white-space: inherit;-webkit-box-orient: vertical;color: #4c4c4c;margin-top: auto;}
.img_ul .txt-box .location:before,
.img_ul .txt-box .date:before,
.img_ul .txt-box .call:before,
.img_ul .txt-box .price:before { content: ''; display: inline-block; width: 13px; height: 15px; background-position:100% 100%;vertical-align: middle;margin-right: 5px;}
.img_ul .txt-box .location:before { background: url(../../../../resource/cw_farm/images/main/location.png) no-repeat 100% 100%;}
.img_ul .txt-box .date:before { width: 15px; background: url(../../../../resource/cw_farm/images/sub/btn_calander.svg) no-repeat 100% 100%;background-size: 15px;}
.img_ul .txt-box .call:before {  background: url(../../../../resource/cw_farm/images/main/call.png) no-repeat 100% 100%;}
.img_ul .txt-box .price:before { width: 15px; background: url(../../../../resource/cw_farm/images/sub/won.png) no-repeat 90% 0%;}

.img_ul.row2 > li {width: calc(50% - 13px);}
.img_ul > li > a.row {flex-direction: row;height: 100%;}
.img_ul > li > a.row > img {max-width: 50%;min-width: 50%; border-right: 1px solid #dbdbdb; }
.img_ul > li > a.row .txt-box {width: 50%;display: flex;flex-direction: column;height: 100%;}

.vod_ul { display: flex; flex-wrap: wrap;gap: 30px;}
.vod_ul > li { width: calc((100% - 90px) / 4);}
.vod_ul > li > a { border: 1px solid #ddd; border-radius: 10px; overflow: hidden; height: 280px;display: block;}
.vod_ul > li > a > p { text-align: center; padding: 20px; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden;font-weight: 600;}



/* board view */
.board_view { color: #333; margin-top: 15px; margin-bottom: 30px;}
.board_view > div:not(.title_field) { margin-top: 30px;}
.board_view [class*="c_tit"] {color: #000;font-weight: 600;margin-bottom: 10px;}
.board_view .c_tit1 {font-size: 2rem;font-weight: 700; text-align: center; margin-bottom: 35px;}
.board_view .c_tit2 {font-size: 1.4rem; margin-bottom: 15px; }
.board_view .c_tit3 {font-size: 1.2rem;position: relative;padding-left: 27px;}
.board_view .c_tit4 {font-size: 1.1rem;color: #026441;}
.board_view p { margin-bottom: 5px; padding-left: 10px; color: #626262; }
.board_view a { text-decoration: underline; }
.board_view a:hover { color: #037a4e; }
.board_view [class*="c_tit"]::before {content: '';display: inline-block;}
.board_view .c_tit2::before {width: 9px;height: 9px;border-radius: 5px;border-top: 5px solid #037a4e;border-right: 5px solid #037a4e;border-bottom: 5px solid #c0c0c0;border-left: 5px solid #c0c0c0;position: relative;top: 2px;box-shadow: 5px 4px 5px rgba(0, 0, 0, .15);margin-right: 10px;}
.board_view .c_tit3::before,
.board_view .c_tit3::after {border: 4px solid #037a4e;border-right: 0;border-top: 0;width: 6px;height: 6px;transform: rotate(225deg);position: absolute;left: 0;border-radius: 3px;margin-top: 7px;}
.board_view .c_tit3::after {content: '';display: inline-block;border-color: #c0c0c0;left: 5px;}
.board_view .c_list { padding: 5px 0 5px 10px; }
.board_view .c_list li {position: relative;padding-left: 16px; margin-bottom: 5px; color: #626262; }
.board_view .c_list li::before {content: '';display: inline-block;background: #037a4e;top: 0;left: 0;position: absolute;}
.board_view .c_list.float { display: flex; flex-wrap: wrap; }
.board_view .c_list.float > li { width: calc(25% - 10px); float: left; padding: 10px 10px 10px 20px; box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1); margin-right: 10px; margin-bottom: 10px; }
.board_view .c_list.float > li::before { margin-top: 16px; margin-left: 10px; }
.board_view .c_list > li::before {width: 5px;height: 5px;border-radius: 50%;margin-top: 6px;}
.board_view .c_list li > ul {padding-top: 5px; padding-bottom: 5px; }
.board_view .c_list li > ul > li {color: #626262; margin-bottom: 5px; }
.board_view .c_list li > ul > li::before {width: 10px;height: 1px;margin-top: 10px;}
.board_view .c_div {display: block;width: 100%;height: 1px;background: #ebeaea;margin: 30px 0;}
.board_view div.image-area { display: flex; flex-wrap: wrap; position: relative; left: 12.5%; }
.board_view div.image-area .image-box { width: calc(37% - 5px); aspect-ratio: 6 / 4; height: 100%; margin-bottom: 10px; position: relative; overflow: hidden; background-color: var(--item-bg-color); }
.board_view div.image-area .image-box::after { content: ''; position: absolute; top: 0; left: 0; background: linear-gradient(90deg, var(--item-bg-color), var(--container-bg-color), var(--item-bg-color)); animation: 1s linear infinite skeleton-animation; width: 100%; height: 100%; }
.board_view div.image-area .image-box:nth-child(2n) { margin-left: 10px; }
.board_view div.image-area .image-box:only-child { width: calc(74% - 5px); }
.board_view div.image-area .image-box img {width: 100%; height: 100%; object-fit: cover; overflow-clip-margin: unset; position: relative; z-index: 1;}
.title_field { padding: 30px; border-bottom: 1px solid #dbdbdb;border-top: 3px solid #037a4e;background: #f9f9f9;}
.title_field > h5 { font-size: 1.5rem; text-align: center; margin-bottom: 30px; font-weight: 600;color: #000;}
.title_field > div { display: flex; justify-content: center; }
dl, dd, dt { display: inline-block;line-height: .8;}
dl:not(:last-child) {margin-right: 10px;padding-right: 10px;border-right: 1px solid #333;}
dt {font-weight: 600;}
.img_slide_wrapper { display: flex; align-items: center; position: relative; color: #333; margin-bottom: 30px; }
.img_slide { width: 600px; position: relative; height: auto; aspect-ratio: 6 / 4; flex-shrink: 0; }
.img_slide .slide { height: 100%; }
.img_slide .slide li { height: 100%; }
.img_slide .slide > li > div { background-color: var(--item-bg-color); overflow: hidden; position: relative; height: 100%; }
.img_slide .slide > li > div::after { background: linear-gradient(90deg, var(--item-bg-color), var(--container-bg-color), var(--item-bg-color)); animation: 1s linear infinite skeleton-animation; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.img_slide li img.slide_images { width: 600px; height: auto; aspect-ratio: 6 / 4; object-fit: cover; overflow-clip-margin: unset; position: relative; z-index: 1; }
.bd_contents { padding-left: 60px; width: 100%; }
.bd_contents > ul > li { font-size: 1.125rem; padding-bottom: 5px; display: flex; align-items: center; }
/* .bd_contents > ul > li:nth-child(3) { padding-top: 17px; } */
.bd_contents > ul > li:last-child { padding-bottom: 17px; }
.bd_contents > ul > li.title { font-size: 2.5rem; font-family: 'esamanru_medium', serif; border-bottom: 1px solid rgba(122, 122, 122, 0.4); padding-bottom: 15px;margin-bottom: 17px;flex-direction: column;align-items: flex-start;}
.bd_contents > ul > li.info { display: flex; }
.bd_contents > ul > li.info a { color: #037a4e; }
.bd_contents > ul > li.info a:hover { text-decoration: underline; }
.bd_contents > ul > li:not(.keyword, .weather) span { margin-right: 10px; }
.bd_contents > ul > li:not(.keyword, .weather) span:nth-child(2) { width: 80%; /*font-family: "Noto Sans KR", serif;*/ color: #626262; /*font-weight: 300;*/ }
.bd_contents > ul > li:not(.keyword, .weather) span:first-child { font-weight: 600; /*font-family: "Noto Sans KR", serif; */ display: inline-block; min-width: 80px; }
.bd_contents > ul > li:not(.keyword, .weather) span.split { color: #c8c8c8; }
.bd_contents > ul > li.weather {font-weight: bold;align-items: flex-start; margin-bottom: 5px; color: #333333;}
.bd_contents > ul > li.weather span {display: flex;align-items: center;}
.bd_contents > ul > li.weather img {width: 25px;height: 25px;margin: 0 5px 0 8px;}
.bd_contents > ul > li.category_list {font-weight: bold;align-items: flex-start;margin-bottom: 5px;}
.bd_contents > ul > li.category_list .category { font-size: 1.3rem;background: #0b6240;color: #fff;padding: 5px 15px;border-radius: 5px;margin-right: 5px;}
.bd_contents > ul > li.desc { /*font-weight: 300; font-family: "Noto Sans KR", serif;*/ line-height: 1.2; margin-bottom: 10px; color: #626262;}
div.keyword {display: flex; align-items: center; flex-wrap: wrap;margin-top: 17px;}
div.keyword span.hashtag { border: 1px solid #636363; color: #636363; padding: 5px 10px; border-radius: 5px; margin-bottom: 5px; margin-right: 5px; }
.board_view img { width: 100%; }

.surr_map_wrapper {border-bottom: 1px solid #dbdbdb; }
.contarea > div > h3 { font-weight: 600;font-size: 1.5625rem;color: #000;border-bottom: 1px solid #ddd;padding: 15px 20px;border-top: 2px solid #037a4e;background: #f9f9f9;}
.surr_map_wrapper > h3, .comment_wrapper > h3 {display: flex;align-items: center;}
.surr_map_wrapper > h3 a, .comment_wrapper > h3 a { font-size: 1rem;background: #4c4c4c;padding: 10px;border-radius: 10px;color: #fff;display: block;margin-left: auto;font-weight: 500;}
.reserve_program {margin: 50px 0; display: none; }
.reserve_program > ul {margin-top: 30px;}
.review_wrapper {position: relative;}
.review_slide {margin-top: 30px; margin-bottom: 30px; }
.review_slide .swiper-slide {width: calc(33% - 19px); padding-left: 1px; }
.review_cont {display: flex;flex-direction: column;align-items: center;border: 1px solid #dbdbdb;border-radius: 10px;box-shadow: 5px 5px 10px -8px rgba(0, 0, 0, 0.3);padding: 25px 20px 15px;transition: border-color .3s; z-index: 100; }
.review_cont:hover {border-color: #037a4e;box-shadow: 3px 3px 10px #037a4e24;}
.review_cont:hover span:not(.date, .name, .txt) { color: #037a4e; }
.review_cont span:not(.date, .name) {display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;line-height: 1.5;width: 100%;}
.review_cont .tit {font-size: 1.2rem;-webkit-line-clamp: 1;position: relative;padding-left: 38px;min-height: 30px;font-weight: 600;}
.review_cont .tit::before {content: '';display: block;width: 30px;height: 30px;background: url(../../../../resource/cw_farm/images/sub/naver_icon.png);background-size: cover;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.review_cont .name {font-size: .9rem;display: flex;align-items: center;width: 100%;margin-top: 7px;}
.review_cont .name::before {content: '';display: block;width: 22px;height: 22px;background: url(../../../../resource/cw_farm/images/sub/man_icon.png);background-size: cover;margin-right: 10px;}
.review_cont .txt {-webkit-line-clamp: 3;margin: 20px 0;color: #333;min-height: 75px;}
.review_cont .date {color: #333;font-size: .9rem;width: 100%;}
.review_slide_ctrl {position: absolute;top: 0;right: 0;margin: 14px 12px 0 0;display: none;}
.review_slide_ctrl.abled {display: flex;}
.review_slide_ctrl button {display: block;width: 35px;height: 35px;border: none;background: #e6e6e6;margin-left: 20px;border-radius: 50%;position: relative; cursor: pointer;}
.review_slide_ctrl button::before {content: '';display: block;position: absolute;top: 0;bottom: 0;margin: auto;border-width: 2px;border-style: solid;border-color: transparent #636363 #636363 transparent;box-sizing: border-box;width: 13px;height: 13px;}
.review_slide_ctrl .next_btn::before {transform: rotate(-45deg);right: 14px;}
.review_slide_ctrl .prev_btn::before {transform: rotate(135deg);left: 14px;}
.review_title { font-size: 1.25rem; font-weight: bold; margin-bottom: 5px;}
.review_sub { color: #636363FF; font-weight: 200; margin-bottom: 15px; font-size: 0.9rem; }
.review_comment { height: 1.2rem; overflow: hidden; margin-bottom: 10px; }
.review_button {  }
.review_button .review_update { margin-right: 5px; padding: 5px; background-color: #037A4EFF; color: #fff; display: inline-block; border-radius: 7px; }
.review_button .review_delete { margin-right: 5px; padding: 5px; background-color: #ff6059; color: #fff; display: inline-block; border-radius: 7px; }
.review_button .review_more { color: #037A4EFF; display: inline-block; position: relative; }
.review_button .review_more.on::after { content: ''; position: absolute; bottom: 25%; right: -17px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 10px solid #037A4EFF; }
.review_button .review_more.off::after { content: ''; position: absolute; bottom: 25%; right: -17px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #037A4EFF; }
.comment_write { display: none; margin-top: 10px; }
.comment_write li, ul.comment_list li[id^=review_] ul li { width: 100%; margin-bottom: 10px; padding: 0 10px; }
.comment_write li:last-child { border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; text-align: center; }
.comment_write input[type=text], ul.comment_list li[id^=review_] ul input[type=text] { width: 100%; height: 40px; padding-left: 10px; border: 1px solid #ddd; }
.comment_write textarea, ul.comment_list li[id^=review_] ul textarea { width: 100%; height: 150px; border: 1px solid #ddd; padding-left: 10px; padding-top: 10px; }
.comm_wrap {  }
.ctrl_box { height: 35px; margin-top: 2px; color: white; font-size: 1.25rem; font-family: 'esamanru', serif; position: absolute; right: 0; bottom: 4px; background: rgba(0, 0, 0, 0.6); padding: 5px 15px 8px 25px; width: 100px; }
.ctrl_box button { line-height: 35px; vertical-align: middle; cursor: pointer; }
.ctrl_box_left { position: absolute; left: 10px; top: 50%; width: auto; height: auto; }
.ctrl_box_right { position: absolute; right: 10px; top: 50%; width: auto; height: auto; }
.ctrl_box_center { position: absolute; left: calc(50% - 30px); bottom: 10px; width: auto; height: auto; }
.bd_slide_left { width: 40px; height: 40px; background: rgba(0, 0, 0, 0.5) url(../../../../resource/cw_farm/images/main/popup_left_arrow.png) no-repeat center center; border: none; border-radius: 50%; cursor: pointer;}
.bd_slide_play { width: 16px; height: 16px; background: url(../../../../resource/cw_farm/images/main/popup_play.png) no-repeat; border: none; }
.bd_slide_pause { width: 16px; height: 16px; background: url(../../../../resource/cw_farm/images/main/popup_pause.png) no-repeat; border: none; }
.bd_slide_right { width: 40px; height: 40px; background: rgba(0, 0, 0, 0.5) url(../../../../resource/cw_farm/images/main/popup_right_arrow.png) no-repeat center center; border: none; border-radius: 50%; cursor: pointer;}
.slide_cnt { width: 60px; height: 30px; background: rgba(0, 0, 0, 0.5); border-radius: 20px; color: white; text-align: center; line-height: 30px; display: block; }
.slide_cnt span { color: #ababab; }
.file_wrapper { margin-top: 30px; width: 100%; border-bottom: 1px solid #dbdbdb; display: none; }
.file_wrapper > div { background-color: #f4f4f4; color: #343434; font-size: 1.2em; font-weight: bold; padding: 15px 0; border-bottom: 1px solid #dbdbdb; }
.file_wrapper > ul { display: flex; justify-content: center; align-items: start; padding: 10px; flex-direction: column; }
.file_wrapper > ul > li { background: url(../../../../cwfarm/images/common/ico_file.gif) no-repeat; padding-left: 25px; margin-bottom: 10px;}
.file_wrapper > ul > li:last-child { margin-bottom: 0; }
.file_wrapper > ul > li > a:hover { text-decoration: underline; }
.view_pager { margin-bottom: 30px; border: 1px solid #cccad9; }
.view_pager > ul { display: flex; flex-wrap: wrap; }
.view_pager > ul > li { width: 100%; border-bottom: 1px solid #cccad9; padding: 10px 55px; display: flex;}
.view_pager > ul > li:last-child { border: none; }
.view_pager > ul > li.prev { background: url(../../../../resource/cw_farm/images/sub/list_arr1.gif) no-repeat 2% 50%;}
.view_pager > ul > li.next { background: url(../../../../resource/cw_farm/images/sub/list_arr2.gif) no-repeat 2% 50%;}
.view_pager > ul > li > span { width: 10%; display: inline-block; border-right: 1px solid #ddd;margin-right: 10px;}
.view_pager > ul > li > p { display: inline-block; padding-left: 50px; width: 85%; }
.view_pager > ul > li > p > a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }


/* board write, update */
.board_write_tbl { width: 100%; margin-bottom: 20px;}
.board_write_tbl input[type=text], .board_write_tbl select { font-size: 1rem; }
.board_write_tbl .td-innerbox {display: flex;justify-content: center;align-items: center;height: 47px;float: left;margin-right: 10px;}
.board_write_tbl > tbody > tr > th { background-color: #f9f9f9; width: 12%; }
.board_write_tbl > tbody > tr > td { padding-left: 10px; height: 50px; text-align: left; }
.board_write_tbl > tbody > tr:first-child {border-top: 2px solid #037a4e; }

.board_write_tbl .font_st1 {color: red;font-size: .9rem;display: inline-block;vertical-align: super;margin-right: 3px;}

.board_write_tbl td input[type='text'] { width: 100%; height: 40px; padding-left: 10px; border: 1px solid #ddd; }
.board_write_tbl td input[type=checkbox] {display: none;}
.board_write_tbl td label { cursor: pointer; display: flex; width: 100%; height: 100%; padding: 10px 10px 10px 0;align-items: center;position: relative;}
.board_write_tbl td input[type='checkbox'] + label::before,
.board_write_tbl td input[type='checkbox']:checked + label::before {content:'';width: 15px;height: 15px;display: block;border: 1px solid #ddd;border-radius: 5px;margin-right: 5px;}
.board_write_tbl td input[type='checkbox']:checked + label::before {background: #eee;}
.board_write_tbl td input[type='checkbox']:checked + label::after {content: '';width: 10px;height: 4px;display: block;border: 2px solid #037a4e;border-top: 0;border-right: 0;transform: rotate(-45deg);position: absolute;left: 2px;top: 40%;}
.board_write_tbl td .ex_url {display: block;font-size: .9rem;color: #7f7e7e;margin-top: 5px;}
.board_write_tbl td > ul li { margin-bottom: 10px; font-size: 15px; }
.board_write_tbl td > ul li:last-child { margin-bottom: 0; }
.board_write_tbl td > ul li a:hover { text-decoration: underline; }
.find_addr { background-color: #037a4e; font-size: .875rem; width: 100px; height: 40px; color: white; border: none; cursor: pointer;vertical-align: middle;}
.cord_btn { border: none; background-color: #083c8c; width: 130px; height: 40px; vertical-align: middle; color: white; font-size: .875rem; cursor: pointer; }
.category_div { display: flex; }
.category_div select { padding: 10px 0 5px 0; border: none; border-bottom: 1px solid black; width: 200px; margin-right: 20px; background: url(../../../../resource/cw_farm/images/main/down_arrow.png) no-repeat right center; font-family: 'esamanru'; }
.srh-btn {display: inline-block;padding: 10px;background-color: #037a4e;color: #fff;font-size: .875rem;height: 40px;vertical-align: middle;text-align: center;}
#otherField4, #otherField3 {width: calc(50% - 40px);}
input[type=file] {margin: 3px 0;}
input[type=file]::file-selector-button {background: #037a4e;color: #fff;border-radius: 5px;border: none;padding: 5px 10px; cursor: pointer; }

/*   농촌관광 map */
.map_wrapper { display: flex; justify-content: space-between; position: relative; }
.map_search { width: 450px; position: absolute; z-index: 9999; transition: left 0.7s cubic-bezier(0.25, 0.1, 0.15, 1); left:0; }
.map_search.closed { left: -450px;}
.search_top { border-radius: 0 45px 0 0; padding: 30px 15px; background-color: #1f9f5b; color: white; height: 210px; }
.search_top span { font-size: 2.125rem; text-align: center; font-family: 'esamanru_medium', serif; }
.search_top span:before { content: ''; display: inline-block; width: 40px; height: 40px; margin: 0 5px -5px 0; background: url(../../../../resource/cw_farm/images/sub/icon_01.png) no-repeat center center; }
.search_top form {display: flex;flex-wrap: wrap;justify-content: space-between;}
.search_top form select { padding: 10px; margin-top: 20px; width: calc(50% - 3px); border-radius: 10px; color: #666; font-family: 'esamanru', serif; font-size: 1.125rem; background: url(../../../../resource/cw_farm/images/sub/icon_02.png) no-repeat 95% center; background-color: white;border: none;}
.search_top form input { padding: 10px; margin-top: 5px; width: calc(100% - 50px); border-radius: 10px; color: #666; font-family: 'esamanru', serif; font-size: 1.125rem; border:0;height: 44px;}
#search_submit { width: 44px; height: 44px; display: inline-block; border: 0; font-size: 0; text-indent: -9999em; background: #efb518 url(../../../../resource/cw_farm/images/sub/icon_03.png) no-repeat 50% 50%; cursor: pointer; vertical-align: top;}
.search_cnt { padding: 10px; display: flex; justify-content: space-between; background-color: #e7f5df; height:50px; align-items: center; }
.search_result { color: #666; font-family: 'esamanru', serif; font-size: 1.125rem; }
.cnt_color { color: #1f9f5b; }
.search_result:before { content: ''; display: inline-block; width: 15px; height: 20px; margin: 0 0 -5px 0; background: url(../../../../resource/cw_farm/images/sub/result.png) no-repeat center center; padding-left: 15px; }
.search_reset { border: 1px solid #1f9f5b; border-radius: 10px; padding: 5px 10px; width: 145px; color: white; background-color: #1f9f5b; font-size: 1.125rem; margin-right: 10px; cursor: pointer;font-family: 'esamanru';display: flex;justify-content: space-between;align-items: center;}
.search_reset:after { content: ''; display: block; width: 25px; height: 25px; background: url(../../../../resource/cw_farm/images/sub/reset.png) no-repeat center center; }
.list_wrapper { display: flex; justify-content: space-between; align-items: center; height: auto; }
.list1 { padding: 15px; width: 100%; }
.list1 .map_btn { float:right; }
.list1 p { padding-bottom: 10px; font-size: .875rem; font-family: 'esamanru', serif; color: #666; }
.list1 p:last-child { padding-bottom: 0; }
.list1_title a { font-size: 1.375rem; font-family: 'esamanru_medium', serif; }
.list1_addr { margin-top: 15px; font-size: .875rem; font-family: 'esamanru', serif; color: #666; }
.list2 { padding-right: 25px; }
.result_list { height: calc(100vh - 260px); overflow-y: scroll; background-color: #fff; }
.result_list::-webkit-scrollbar { width: 7px; }
.result_list::-webkit-scrollbar-thumb { background: #444; }
.result_list::-webkit-scrollbar-track { background: #aaa; }
.result_list > ul > li { border-bottom: 1px solid grey; }
.more_view { width: 25px; height: 25px; display: inline-block; border: 0; font-size: 0; text-indent: -9999em; background: #ffcb01 url(../../../../resource/cw_farm/images/sub/more_view.png) no-repeat 50% 50%; cursor: pointer; vertical-align: top; border-radius: 5px; margin-left: 15px; }
.more_map { width: 25px; height: 25px; display: inline-block; border: 0; font-size: 0; text-indent: -9999em; background: #ff6f3d url(../../../../resource/cw_farm/images/sub/more_map.png) no-repeat 50% 50%; cursor: pointer; vertical-align: top; border-radius: 5px; margin-left: 5px; }
.open_close_button { position: absolute; top: 50%; left:450px; width: 25px; height: 70px; box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15); padding-right: 0.4rem; border-radius: 0 13px 13px 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: right; background: #fff; line-height: 70px; display: block; }
.open_close_button:before { content: ""; color: #484848; font-weight: 600; font-size: 1.1rem; background: url(../../../../cwfarm/images/common/arrow_close.png) no-repeat; width: 7px; height: 13px; display: block; position: absolute; top: 50%; left: 7px; transform: translateY(-50%); }
.open_close_button.off { z-index: 9999; background-color: #037A4EFF; transition: 0.5s; transition-delay: 0.5s; }
.open_close_button.off:before { background: url(../../../../cwfarm/images/common/arrow_close_w.png) no-repeat; content: ""; left: 9px; transform: translateY(-50%) rotate(180deg); transition-delay: 0.5s;}
.surr_map.on { width: 100% !important; left:0 !important; }
.surr_map { height: 700px; width: 100%; }
.surr_map_full { height: 100vh; width: 100%; }
.result_wrapper { background-color: #fff; }
.overlaybox {position:absolute; bottom: 15px; width:200px; left: -100px;height: 45px; border-radius: 7px; box-shadow: 3px 2px 5px 1px rgba(0,0,0, 0.5);background: #037a4e url(../../../../resource/images/gamsa/main/arrow_right.png) no-repeat right 10px center;background-size: 25px; }
.overlaybox:hover { background-color: #1f9f5b; }
.overlaybox:hover .triangle { border-top: 15px solid #1f9f5b; }
.overlaybox .boxtitle { width: 100%; height: 100%; }
.overlaybox .boxtitle a {color:#fff; display: block; align-items: center; padding-left: 10px; width: 100%; height: 100%; padding-right: 40px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; }

.overlaybox .triangle {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 15px solid #037a4e;left: calc(50% - 5px);bottom: -15px;position: absolute;}
.content_bg .leaf {position: absolute; left: 0; width: 2.5%;}
.content_bg .leaf:nth-child(-n+7) {top: -58px; filter: brightness(0.9); }
.content_bg .leaf:nth-child(n+8) {top: -58px; filter: brightness(0.8);}

.thumbnail-selector-btn {background: #037a4e;color: #fff;border-radius: 5px;border: none;padding: 5px 10px; font-size: 0.7rem;}
#hoverImage { position: fixed; display: none; pointer-events: none; width: 200px; height: auto; z-index: 9999; }
.farm_title { font-family: "Noto Sans KR", serif; color: #636363; }
.farm_title a { font-family: "Noto Sans KR", serif; color: #333333; text-decoration: underline;text-underline-offset: 3px;}
.farm_title a:hover { color: #037a4e; }
.reserve_btn_area { display: flex; justify-content: flex-end; }
.reserve_btn_area.reserve-page { padding-right: 7px; justify-content: space-between; margin-top: 50px;  }
.reserve_btn_area .reserve_prev_btn { padding: 17px 20px 15px 20px; background-color: #ce1818; font-family: 'esamanru_medium', serif; color: #ffffff; font-size: 1.2rem; border-radius: 15px; }
.reserve_btn_area .reserve_btn { padding: 17px 20px 15px 20px; background-color: #037a4e; font-family: 'esamanru_medium', serif; color: #ffffff; font-size: 1.2rem; border-radius: 15px; }
.reserve_btn_area .reserve_btn:not(.closed):hover { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4); transition: 0.3s; }
.reserve_btn_area .reserve_prev_btn:hover { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4); transition: 0.3s; }
.reserve_btn_area .reserve_btn.closed { background-color: #9e9e9e; pointer-events: none; cursor: default; }
.user-reserve-area { display: flex; }
.user-reserve-area .calTb { width: 40%; margin-right: auto; min-width: 300px; height: 100%; }
.user-reserve-area .calTb table { height: calc(100% - 50px); border-radius: 10px;overflow: hidden;box-shadow: 0 2px 7px #eee;margin-top: 5px;}
.user-reserve-area .calTb th.sun { color: #ea2828; }
.user-reserve-area .calTb th.sat { color: #2d2dce; }
.user-reserve-area .calTb td { height: 62px; padding: 0; }
.user-reserve-area .calTb td,
.user-reserve-area .calTb th {border: none;}
.user-reserve-area .calTb td a { width: 50px; margin: 0 auto; height: 50px; display:flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50%; }
.user-reserve-area .calTb td.cal_day_empty {height: 0;}
.user-reserve-area .calTb td a.closed { cursor: default;color: #a3a3a3;}
.user-reserve-area .calTb td a:not(.closed):hover { color: #037a4e;text-decoration: underline;}
.user-reserve-area .calTb td a.on { color: #037a4e; transform: translateY(-5px);  transition: 0.3s;border: 1px solid #037a4e;box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);}
.user-reserve-area #reserveForm { width: 57%; display: flex; height: auto; }
.user-reserve-area .reserve-form { width: 100%; display: flex; flex-direction: column; }
.user-reserve-area .reserve-form ul.program-info { padding-bottom : 10px; }
.user-reserve-area .reserve-form ul.program-info li { font-size: 1.125rem; padding-bottom: 7px; display: flex; align-items: center; }
.user-reserve-area .reserve-form ul.program-info li span:first-child { font-weight: 600; font-family: "Noto Sans KR", serif; display: inline-block; min-width: 80px; }
.user-reserve-area .reserve-form ul.program-info li span:nth-child(2) { width: 80%; font-family: "Noto Sans KR", serif; color: #626262; }
.user-reserve-area .reserve-form ul.program-info li.title { font-size: 2.5rem; font-family: 'esamanru_medium', serif; border-bottom: 1px solid rgba(122, 122, 122, 0.4); padding-bottom: 15px;margin-bottom: 17px;flex-direction: column;align-items: flex-start; }
.user-reserve-area .reserve-form ul.program-info li.desc { font-family: "Noto Sans KR", serif; line-height: 1.2; margin-bottom: 10px; color: #626262;}
.user-reserve-area .reserve-form .reserve-info-wrapper { width: 100%; overflow: hidden; display: flex; height: 100%; }
.user-reserve-area .reserve-form .reserve-info-wrapper .slide { transition: transform 0.5s ease; min-width: 100%; }
.user-reserve-area .reserve-form ul.reserve-info { height: 100%; display: flex; flex-direction: column; padding-top: 5px; padding-right: 7px; }
.user-reserve-area .reserve-form ul.reserve-info li { height: 100%; flex: 1; margin-bottom: 5px; }
.user-reserve-area .reserve-form ul.reserve-info li a { display: flex; justify-content: space-between; height: 100%; width: 100%; padding: 5px 10px; align-items: center; }
.user-reserve-area .reserve-form ul.reserve-info li a.time-button { background-color: #fff; font-size: 1.2rem; border: 1px solid #dbdbdb; border-radius: 10px; transition: 0.3s; }
.user-reserve-area .reserve-form ul.reserve-info li a.time-button.closed { background-color: #eee; color: #dbdbdb; }
.user-reserve-area .reserve-form ul.reserve-info li a.time-button:not(.closed):hover { color: #037a4e; border: 1px solid #037a4e; }
.user-reserve-area .reserve-form ul.reserve-info li a.time-button:not(.closed).on { color: #037a4e; border: 1px solid #037a4e; box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.1); transform: translateY(-5px); }
.user-reserve-area .reserve-form ul.reserve-info li a.time-button .reserve-time { pointer-events: none; }
.user-reserve-area .reserve-form ul.reserve-info li a.time-button .reserve-time { pointer-events: none; }
.user-reserve-area .reserve-form ul.reserve-info li a.time-button .reserve-max-count { color: #dbdbdb; pointer-events: none; }
.user-reserve-area .reserve-form ul.reserve-info li.no-data { display: flex; width: 100%; height: 100%; font-size: 1.3rem; font-weight: bold; justify-content: center; align-items: center; border: 1px solid #dbdbdb;border-radius: 10px;color: #333;}
.user-reserve-area .reserve-form ul.reserve-register-info { padding-top: 5px; display: flex; flex-direction: column; border-top: 1px solid rgba(122, 122, 122, 0.4); }
.user-reserve-area .reserve-form ul.reserve-register-info li { height: 100%; display: flex; align-items: center; font-size: 1.125rem; }
.user-reserve-area .reserve-form ul.reserve-register-info li span:first-child { width: 120px; margin-right: 10px; display: inline-block; font-weight: 600; font-family: 'Noto Sans KR', serif; }
.user-reserve-area .reserve-form ul.reserve-register-info input { height: 40px; border: 1px solid #ddd; font-size: 1rem; padding-left: 10px;border-radius: 8px;}
.user-reserve-area .reserve-form ul.reserve-register-info input#user-count {text-align: center;margin-right: 5px;padding: 0;}
.user-reserve-area .reserve-form ul.reserve-register-info input[type=radio] { accent-color: #037a4e; }
.user-reserve-area .reserve-form ul.reserve-register-info input[type=radio] + label {margin-right: 10px; margin-left: 5px;}
.user-reserve-area .calTb table { border-top: 0; }
.user-reserve-area .calTb table thead { background-color: #f6f6f6; }
.user-reserve-area .calTb .calendar_head { width: 100%; height: 62px; text-align: center; background-color: #037A4EFF; color: #ffffff; line-height: 62px; border-radius: 10px;}
.user-reserve-area .calTb .calendar_head .year { font-size: 1.3rem; font-weight: 300; }
.user-reserve-area .calTb .calendar_head .month { font-size: 2.5rem; font-weight: bold;}
.user-reserve-area .calTb .calendar_head .left_btn { margin-right: 15px; display: inline-block; }
.user-reserve-area .calTb .calendar_head .left_btn img { width: 25px; }
.user-reserve-area .calTb .calendar_head .right_btn { margin-left: 13px; display: inline-block; }
.user-reserve-area .calTb .calendar_head .right_btn img { width: 25px; }

.reserve_modal { width: 300px; height: auto; display: none; position: absolute; background-color: #FFFFFF; border: 1px solid #ddd; border-radius: 5px; z-index: 1000; box-shadow: 3px 3px 10px #ddd; }
.reserve_modal .close-btn { position: absolute; top: 10px; right: 10px; }
.modal_btn { background-color: #037a4e; padding: 10px; border-radius: 5px; color: #fff; display: inline-block; font-size: .9rem;}
.cancel_btn { background-color: #ea2828; padding: 10px; border-radius: 5px; color: #fff; display: inline-block; margin-top: 5px;font-size: .9rem }
.modal_btn:hover, .cancel_btn:hover { text-decoration: underline; }
.reserve_modal ul { padding: 10px; font-family: "Noto Sans KR", serif;  }
.reserve_modal ul li:not(:last-child) { margin-bottom: 5px; }
.reserve_modal ul li span:first-child { margin-right: 10px; font-weight: 600; }
.reserve_modal ul li span:last-child { color: #626262; }

.boardComment {  }
.comment_list > li { padding: 30px 10px 30px 10px; color: #333; border-bottom: 1px solid #dbdbdb; }
.comment_list > li.no_comment { border-bottom: none; }

@keyframes skeleton-animation {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(100%);
    }
}