@charset "utf-8";
/* CSS Document */

@import url(expProduct.css);

.sub_tit {
	overflow: hidden;
    height: 250px;
    position: relative;
	text-align: center;
	color: #fff;
}
.sub_tit .subBg {
	background-image: url(../main/images/sub_tit_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	animation-name: imgloading;
	animation-duration: 1s;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
}
.sub_tit h3 {
	font-family: 'NanumSquare';
    font-size: 34px;
    line-height: 42px;
    padding-top: 90px;
    margin: 0px auto;
    font-weight: bold;
    letter-spacing: -1px;
	opacity: 0;
	animation-name: Fadein;
	animation-delay: 0.8s;
	animation-duration: 0.8s;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;	
}
.sub_tit p {
	font-size: 16px;
    line-height: 30px;
    margin: 0px;
    font-weight: 300;
    letter-spacing: -1px;
	opacity: 0;
	animation-name: Fadein;
	animation-delay: 1.1s;
	animation-duration: 0.8s;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
}

/*******sub_nav*******/
.sub_gnb {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}
.nav_menu {
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	padding-right: 120px;
}
.nav_list {
	display: table;
	height: 60px;
	table-layout: fixed;
}
.nav_item {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	border-right: 1px solid #ddd;
}
.nav_item:first-child {
	border-left: 1px solid #ddd;
}
.nav_item:last-child .select_label {
	color: #32A060;
}
.nav_cells {
	z-index: 1;
}
.nav_cells .select_wrap {
	position: initial;
	width: 229px;
}
.nav_cells .select_view {
	padding: 15px 0;
	border-width: 0px 1px 0px 0px;
	border: 0;
}
.nav_cells .select_label {
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.nav_cells .select_view_list {
	left: -1px;
	right: -1px;
}
.nav_contents {
	padding: 0 20px;
	font: 0/0 a;
}
.select_wrap {
	display: inline-block;
	position: relative;
	min-width: 120px;
	vertical-align: middle;
	cursor: pointer;
}
.select_wrap-box {
	width: 100%;
	position: relative;
}
.select_wrap-box:before {
	content: '';
	display: block;
	position: absolute;
	width: 6px;
	height: 3px;
	top: 50%;
	margin-top: -1px;
	right: 15px;
	background-position: -139px 0;
	background-image: url(../main/images/icons.png);
}
.select_wrap-box__select {
	width: 100%;
	height: 50px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ddd;
	padding: 14px 10px;
	box-sizing: border-box;
	border-radius: 0;
}
.select_wrap-box__select > option {
	font-family: 'NanumBarunGothic',sans-serif;
	font-weight: normal;
	display: block;
	white-space: pre;
	min-height: 20px;
}
.select__hidden {
	width: 0;
	height: 0;
	display: none;
}
.select__hidden-box {
	position: absolute;
	left: -100%;
}
.select_view {
	width: 100%;
	background-color: #fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.select_view_list {
	background-color: #fff;
	border: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: -1px;
	z-index: -1;
	display: none;
}
.select_view_list.active {
	display: block;
	z-index: 5;
}
.select_view_list_wrap {
	border: 1px solid #ddd;
	border-top: 0;
}
.select_view_list_item {
	display: block;
	box-sizing: border-box;
	padding: 15px;
}
.select_view_list_item.selected {
	color: #0072bc;
}
.select_view .m_icon__select {
	position: absolute;
	top: 50%;
	margin-top: -1px;
	right: 15px;
}
.select_label {
	display: block;
	margin: 0 36px 0 18px;
	font-size: 15px;
	font-weight: 500;
	padding: 15px 0;
}
.m_icon {
	display: inline-block;
	line-height: 0;
}
.m_icon:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background-image: url("../main/images/icons.png");
}
.m_icon_home:before {
	width: 15px;
	height: 13px;
	background-position: -114px 0;
	vertical-align: 2px;
}
.select_view .m_icon_select {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 15px;
}
.m_icon_select:before {
    width: 6px;
    height: 3px;
    background-position: -139px 0;
}

.sub_util {
	position: absolute;
	right: 0px;
	top: 0px;
}
.sub_util:after {
	display: block;
	content: "";
	clear: both;
}
.sub_util li {
	float: left;
	height: 60px;
}
.sub_util li a {
	display: block;
	height: 60px;
	border: 0;
	border-right: 1px solid #DDDDDD;
	line-height: 60px;
	text-align: center;
	font-size: 21px;
	color: #A9A9A9;
}
.sub_util li a span{
	display: none;
}
.sub_util .share a {
	width: 57px;
	background-position: 0 -3px;
	border-left: 1px solid #DDDDDD;
}
.sub_util .print a {
	width: 57px;
	border-left: 0 none;
	background-position: -3px -58px;
}
.sns_block {
	overflow: hidden;
	display: none;
	position: absolute;
	top: -1px;
	right: 114px;
	z-index: 5;
}
.sns_block.sc-fix {
	position: absolute;
}
.sns_block li {
	float: left;
}
.sns_block li.btn-kakao {
	display: none
}
.sns_block li img {
	width: auto;
	height: 61px;
}


.sub_title h1 {
    background: url(../main/images/sub_title_icon.jpg) no-repeat center 0px;
    margin: 60px 0px;
    padding-top: 110px;
    padding-bottom: 0px;
    font-size: 42px;
    line-height: 60px;
    color: #484848;
    text-align: center;
    font-weight: 500;
    letter-spacing: -2px;
}
.village_con,
.village_map {
	background-color: #E9E9E9;
	padding: 80px 0px 0px 0px;
}
.village_map {
	padding-top: 40px;	
}

.village_con h3,
.village_map h3 {
	font-size: 30px;
	line-height: 48px;
	margin-bottom: 40px;
	font-weight: 700;
	color: #333;
	letter-spacing: -2px;
}
.vill_header {
	overflow: hidden;
	clear: both;
	margin-bottom: 60px;	
}
.vill_header .vill_img {
	float: left;
	width: 640px;
	height: 427px;
	overflow: hidden;
	position: relative;
}
.vill_header .vill_img img {
	display: inline-block;
	vertical-align: middle;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	z-index: 1;
	position: absolute;
	width: 100%;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.3s ease-in-out;	
}
.vill_header .vill_img:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}
.vill_header .vill_info {
	width: 580px;
	float: right;
	padding-top: 20px;
}
.vill_header .vill_info h3.tit {
	color: #32A060;
	font-size: 33px;
	line-height: 48px;
	padding-top: 20px;
	margin-bottom: 20px;
	font-weight: 500;
	letter-spacing: -2px;
	background-image: url(../main/images/title_bar.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.vill_header .vill_info p.con {
	color: #666;
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 40px;
	font-weight: 500;
	letter-spacing: -1px;
	text-align: justify;
}
.village_con .hot_link,
.village_con .gallery_box {
	overflow: hidden;
	clear: both;
	padding: 0px;
}
.village_con .hot_link .link_item {
	float: left;
	background-color: #fff;
	padding: 50px 30px 0px 30px;
	text-align: center;
	width: 310px;
	height: 370px;
	margin-right: 20px;	
}
.village_con .hot_link.bnb .link_item {
	height: 350px;
}
.village_con .hot_link .link_item:last-child {
	margin-right: 0px;	
}
.village_con .hot_link .link_item h4 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 42px;
	margin-bottom: 10px;
	color: #916A3A;
}
.village_con .hot_link .link_item p {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 0px;
}
.village_con .hot_link .link_item p.point_p {
	font-size: 16px;
	line-height: 24px;
	color: #F30;
}
.village_con .hot_link .link_item p a {
	display: inline-block;
	border-bottom: 1px dashed #999;	
}
.village_con .hot_link .link_item .icon_zone {
	width: 108px;
	height: 108px;
	background-color: #E7E7E7;
	display: block;
	border-radius: 50%;
	margin: 0px auto 20px auto;
}
.village_con .hot_link .link_item .icon_zone img {
	margin-top: 25px;	
}
.village_con .hot_link .link_item .icon_zone .icon {
	color: #333;
	font-size: 42px;
	line-height: 108px;
	margin: 0px;	
}
.village_con .hot_link .link_item .big_p {
	font-size: 21px;
	line-height: 30px;
	color: #333;
}
.village_con .hot_link .link_item .price {
	font-size: 36px;
	line-height: 48px;
	font-weight: 700;
	color: #333;
	font-family: 'Nanum Myeongjo';
}
.village_con .hot_link .link_item .sm_txt {
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #666;
}
.vill_header .vill_info ul {
	margin-bottom: 30px;
	border-top: 2px solid #333;	
}
.vill_header .vill_info ul li {
	padding: 15px 20px;
	border-bottom: 1px solid #d7d7d7;
	overflow: hidden;
}
.vill_header .vill_info ul li span {
	display: block;
	line-height: 130%;	
}
.vill_header .icon_zone dl {
	display: inline-block;	
}
.vill_header .vill_info ul li span.tit {
	color: #111;
	font-weight: 700;
	margin-bottom: 5px;
}

.vill_header .icon_zone dl {
	width: 80px;
	text-align: center;
	margin-bottom: 20px;
}
.vill_header .icon_zone dl dt {
	margin-bottom: 10px;	
}
.vill_header .icon_zone dl dd {
	font-size: 15px;	
}


/********Tabs css********/
.tabs {
    border-bottom: solid 2px #333;
	text-align: center;
	margin-bottom: 60px;
}
.tabs:before, 
.tabs:after {
    display: table;
    content: " ";
}
.tabs a {
	display: inline-block;
    width: 25%;
    max-width: 200px;
    background: transparent;
    position: relative;
    padding: 15px 20px;
    text-align: center;
    cursor: pointer;
	color: #333;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
}
.tabs a.on {
    box-shadow: none;
    border: solid 2px #333;
    border-bottom: 0;
    background: transparent;
}
.tabs a.on:after {
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
    content: '';
	background-color: #fff;
}
.experience_info p,
.experience_main p {
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 10px;
	padding: 0px 20px;
	color: #333;
}
.experience_info p.red_txt {
	color: #f20;
	font-size: 18px;
	font-weight: 700;
}
.option_total {
    font-size: 18px;
	line-height: 42px;
    text-align: right;
    margin-bottom: 40px;
}
.option_total strong {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-left: 5px;
	color: #f30;
}
.shopping_detail {
	border-top: 2px dotted #666;
	margin-bottom: 60px;
}
.shopping_detail .detail_con {
	display: block;
	width: 100%;
	text-align: center;
	background-color: #fff;
	padding: 60px;
	margin: 60px auto;
	overflow: hidden;
}
.shopping_detail .detail_con img {
	width: 100%;	
}
.inner4 .vill_header .vill_img {
    width: 500px;
    height: 500px;
}
.inner4 .vill_header .vill_info {
    width: 520px;
    float: right;
    padding-top: 0px;
}
.inner4 .vill_header .vill_info ul li {
    padding: 13px 20px;
    border-bottom: 1px solid #d7d7d7;
}
.inner2 .block {
	margin-bottom: 80px;	
}


/******** 장바구니 CSS ******/
.cart_zone {
	margin-bottom: 20px;	
}
.cart_zone.margin_60 {
	margin-bottom: 60px;	
}
.cart_zone .cart_product dt {
    width: 80px;
	height: 80px;
    margin-right: 20px;
	overflow: hidden;
	float: left;
}
.cart_zone .cart_product dd {
	overflow: hidden;
	float: left;
	width: calc(100% - 120px);
	padding-top: 22px;
	font-size: 16px;
	line-height: 36px;
}
.cart_zone .cart_product dt img {
	width: 80px;
	height: 80px;
}
.cart_zone .numberic_num {
	width: 100px;	
}
.cart_zone .red_txt {
	font-size: 21px;
	line-height: 30px;
	color: #E5282D;
}
.cart_bnt_zone {
	text-align: center;
	margin-bottom: 80px;
	margin-top: 40px;	
}
.cart_bnt_zone .button.ui {
	border-radius: 0px;
	font-size: 16px;
	line-height: 30px;
	padding: 7px 30px;
	letter-spacing: -1px;
}
.product_zone {
    margin-bottom: 60px;
    border: solid 1px #d7d7d7;
	background-color: #fff;
}
.product_zone .use_info {
    padding: 40px 60px 40px 60px;
}
.product_zone .use_info ol {
    list-style-type: decimal;
    padding-left: 20px;
}
.product_zone .use_info ol li {
    font-size: 16px;
    line-height: 30px;
}
.order_total {
	clear: both;
	overflow: hidden;
	padding: 30px 60px;
	background-color: #EBEBE0;
	border-bottom: solid 1px #d7d7d7;
	border-top: solid 1px #d7d7d7;
	margin-bottom: 60px;
}
.order_total h4 {
	float: left;
	width: 200px;
	font-size: 24px;
	line-height: 30px;
	margin: 0px;
	font-weight: 400;
	letter-spacing: -1px;
	color: #333;
}
.order_total p {
	float: right;
	text-align: right;
	max-width: 800px;
	line-height: 30px;
	margin: 0px;
	font-size: 16px;
}
.order_total strong {
	font-size: 21px;
	line-height: 30px;
	color: #f30;	
}
.cart_table.ui.table tbody th {
	background-color: #f9fafb;	
	border-bottom: 1px solid rgba(34,36,38,.1);
	text-align: right;
	padding-right: 20px;
}
.cart_table.ui.table tbody tr:last-child th {
	border-bottom: none;	
}
.cart_zone .k-radio-label:before {
    width: 18px;
    height: 18px;
    line-height: 18px;
}
.cart_zone .k-radio:checked+.k-radio-label:after {
    background-color: #f60;
    line-height: 18px;
}
.cart_zone .k-radio-label,
.cart_zone .k-checkbox-label {
	padding-left: 25px;
	margin-right: 30px;
	font-size: 16px;
	line-height: 18px;
}
.cart_zone .ui.table input.k-textbox,
.cart_zone .ui.table textarea.k-textbox {
	width: 250px;
	padding: 7px 10px;
	font-size: 16px;
	line-height: 24px;
	text-indent: 10px;
}
.cart_zone .ui.table input.k-textbox.wide,
.cart_zone .ui.table textarea.k-textbox.wide {
	width: 100%;	
}
.cart_zone .ui.table .order_price td {
	padding: 60px 20px;
	position: relative;
	color: #333;
}
.cart_zone .ui.table .order_price span {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: -20px;
    top: 65px;
    z-index: 100;
    background-color: #fff;
    border: solid 1px #d7d7d7;
    line-height: 40px;
    font-size: 27px;
    font-weight: 500;
}
.cart_zone th .red_txt {
	font-size: 1em;
	line-height: 30px;	
}
.cart_zone .ui.table .order_price .red_txt {
	font-size: 36px;
	line-height: 48px;	
}
.cart_zone .ui.table .order_price td strong {
    font-size: 36px;
    font-weight: 500;
    line-height: 80px;
}
.cart_zone .ui.table ul {
    list-style-type: disc;
    padding-left: 25px;
}
.cart_zone .ui.table ul li {
    line-height: 27px;
    font-size: 16px;
}
.cart_zone .ui.table h4 {
    padding-top: 10px;
    font-size: 21px;
    font-weight: 500;
    color: #333;
}

.privacy_zone h5 {
	font-size: 21px;
	line-height: 36px;
	color: #202020;
	margin-bottom: 0px;
}
.privacy_zone p {
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 40px;
	color: #333;
}
.privacy_zone ol {
	list-style-type: decimal;
	margin-left: 20px;
}
.privacy_zone ol li {
	font-size: 16px;
	line-height: 27px;
	color: #333;
}


.con_menu,
.ui.modal.win_400 {
	display: none;	
}


.village.product_list .block {
	margin-bottom: 60px;
	text-align: center;
}
.village.product_list .block h3 {
	font-size: 32px;
    line-height: 42px;
    margin: 10px;
	letter-spacing: -2px;
	font-weight: 500;
	color: #333;
}
.village.product_list .block h5 {
    font-size: 18px;
    line-height: 30px;
	margin-bottom: 0px;
	font-weight: 500;
	letter-spacing: -1px;
}
.village.product_list .block h5 .red_txt {
	color: #FA5921;
}
.village.product_list {
    background-color: #f9f9f9;
    padding: 40px 0px 80px 0px;
}
.village.product_list .village_list.ui.cards>.village_item.experience.card {
    height: 510px;
    width: 32%;
    margin: 0px 2% 40px 0px;
}
.village.product_list .village_list.ui.cards>.village_item.experience.card:nth-child(3n) {
	margin-right: 0px;
	
}
.village.product_list .product_price {
    color: #E92424;
    font-size: 24px;
    font-weight: 700;
	padding: 0px 20px;
	text-align: right;
	margin-top: 20px;
}
.village.product_list .village_item .con {
	margin-bottom: 10px;
	display: block;	
}
.village.product_list .village_item .con.red {
	margin-top: 10px;
	text-align: right;
	margin-bottom: 0px;
	display: block;
	color: #E92424;
}
.village_list .village_item.experience dt {
	height: 240px;	
}
.inner2.progream_time table {
	border-top: 2px solid #333;
	border-bottom: 1px solid #333;
	width: 100%;
	margin-bottom: 40px;
}
.inner2.progream_time table th {
	text-align: center;
	padding: 10px;
	border-bottom: 1px solid #bababa;
	background-color: #d7d7d7;
	color: #333;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
}
.inner2.progream_time table td {
	text-align:left;
	padding: 10px;
	border-bottom: 1px solid #d7d7d7;
	font-size: 17px;
	line-height: 27px;
	font-weight: 300;
	color: #333;
	word-wrap: break-word;
}
.inner2.progream_time table td:first-child,
.inner2.progream_time table.w_pro td:nth-child(3) {
	text-align: center;	
} 
.recruitment_btn {
	padding: 0px 20px;	
}

/*.village_list.ui.cards>.village_item.card, .village_list.ui.cards>.village_item.experience.card {
		height: 480px;
}*/
.village_list .village_item dt img {
	width: 130%;
}

.greetings {
    overflow: hidden;
    margin-bottom: 60px;
}
.greetings img {
	width: 100%;	
}
#sub_body .inner4 p {
    margin-bottom: 30px;
    font-size: 19px;
    line-height: 30px;
    color: #666;
}

/****** organization CSS *******/
.organization {
	margin-bottom: 120px;
	position: relative;
	padding: 0px 17px;
}
.organization .sp01,
.organization .sp02,
.organization .sp03 .txt {
	display: block;
	width: 330px;
	line-height: 70px;
	text-align: center;
	background-color: #cd9903;
	color: #fff;
	font-size: 21px;
	font-weight: 300;
	position: relative;
}
.organization .sp01 {
	position: relative;
	background-color: #32A060;
}
.organization .line1 .sp01:before,
.organization .line2:before,
.organization .line2 .sp02:before,
.organization .line3:before,
.organization .line3 .sp03:nth-child(4):before,
.organization .line3 .sp03 .txt:before {
	display: block;
	position: absolute;
	background-color: #ddd;
	content: "";
	z-index: 1;
}
.organization .line1 .sp01:before {
	top: 70px;
	left: 50%;
	width: 1px;
	height: 30px;
}
.organization .sp03 .txt {
	background-color: #A3A3A3;
}
.organization .line1 {
	position: relative;
	left: 50%;
	margin: 0px 0px 30px -165px;
}
.organization .line3 .sp03 {
	float: left;
	margin-right: 128px;
}
.organization .line6 .sp06:nth-child(3) {
	margin-right: 0px;	
}
.organization .line2 {
	overflow: hidden;
	padding-bottom: 60px;
	position: relative;
	margin-top: -100px;
}
.organization .line2 .sp02 {
	float: right;
}
.organization .line2:before {
	top: 80px;
	left: 50%;
	width: 1px;
	height: 60px;
}
.organization .line2 .sp02:before {
	top: 37px;
	left: -125px;
	width: 125px;
	height: 1px;
}
.organization .line3 {
	overflow: hidden;
	position: relative;
	padding-top: 30px;
}
.organization .line3 .sp03 {
	float: left;
	margin-right: 128px;
	position: relative;
}
.organization .line3 .sp03 .txt {
	margin-bottom: 15px;	
}
.organization .line3:before {
	top: 0px;
	left: 50%;
	width: 918px;
	height: 1px;
	margin-left: -459px;
}
.organization .line3 .sp03 .txt:before {
	top: -30px;
	left: 50%;
	width: 1px;
	height: 30px;
}
.organization .line3 .sp03 .sp_item {
	display: block;
	border: 1px solid #ddd;
	height: auto;
	padding: 30px;
	background-color: #fff;
}
.organization .line3 .sp03 .sp_item li {
	font-size: 17px;
	line-height: 30px;
	color: #333;
	padding-left: 15px;
	position: relative;
	font-weight: 300;
}
.organization .line3 .sp03 .sp_item .item_list {
	font-size: 17px;
	line-height: 30px;
	color: #666;
	font-weight: 300;
}
.organization .line3 .sp03 .sp_item li:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #999;
	left: 0px;
	top: 12px;	
}
.organization .line3 .sp03:nth-child(3) {
    margin-right: 0px;
}
.organization .line3 .sp03:nth-child(4) {
	margin-top: 20px;
    margin-right: 0px;
	position: relative;
}
.organization .line3 .sp03:nth-child(4):before {
	top: -260px;
    left: -30px;
    width: 1px;
    height: 295px;
}
.organization .line3 .sp03:nth-child(4) .txt:before {
    top: 35px;
    left: -30px;
    width: 30px;
    height: 1px;
}

#sub_body .txt_left {
	text-align: left !important;	
}
#sub_body .txt_center {
	text-align: center !important;	
}

#sub_body .txt_right {
	text-align: right !important;	
}
#sub_body .margin_zero {
	margin-bottom: 0px !important;	
}
#sub_body .margin_10 {
	margin-bottom: 10px !important;	
}
#sub_body .margin_20 {
	margin-bottom: 20px !important;	
}
#sub_body .margin_30 {
	margin-bottom: 30px !important;	
}
#sub_body .margin_40 {
	margin-bottom: 40px !important;	
}
#sub_body .margin_50 {
	margin-bottom: 50px !important;	
}
#sub_body .margin_60 {
	margin-bottom: 60px !important;	
}
#sub_body .margin_80 {
	margin-bottom: 80px !important;	
}
#sub_body .txt_red {
	color: #db2828;	
}


/****** 20220502 농촌체험여행 ******/
.block.wb_box {
	background-color: #fff;
	border: 1px solid rgba( 0, 0, 0, 0.15);
	overflow: hidden;
	margin-bottom: 40px;
}
.block.wb_box:last-child {
	margin-bottom: 0px;	
}
.block.wb_box .lf_block,
.block.wb_box .rg_block {
	float: left;
	width: 50%;
	padding: 40px;
	border-right: 1px solid rgba( 0, 0, 0, 0.15);
}
.block.wb_box .rg_block {
	border-right: none;	
}


.calendar_tit {
	text-align: center;
	margin-bottom: 40px;
}
.calendar_tit strong {
    font-size: 27px;
    line-height: 36px;
    color: #111;
	display: inline-block;
	margin: 0px 15px;
	font-weight: bold;
}
.calendar_tit .arrow {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: bottom;
}
.calendar_tit .arrow a {
	width: 100%;
	height: 100%;
	display: block;
	font-size: 0px;
}
.calendar_tit .arrow.prev {
	background-image: url(../main/images/booking_icon_01.jpg);	
}
.calendar_tit .arrow.next {
	background-image: url(../main/images/booking_icon_02.jpg);	
}


.calendar_con {
	width: 100%;
	overflow: hidden;	
}
.schcal_table {
	margin-bottom: 20px;
	width: calc(100% + 1px);
	margin-right: 1px;
}
.schcal_table th {
	padding: 12px 5px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #a2a2a2;
	font-weight: bold;
}
.schcal_table td {
	position: relative;
	padding: 5px;
	height: 70px;
	color: #666;
	vertical-align: bottom;
	border-right: 1px solid rgba( 0, 0, 0, 0.15);
	border-bottom: 1px solid rgba( 0, 0, 0, 0.15);
	text-align: center;
	vertical-align: top;
}
.schcal_table td p {
	cursor: pointer;
	color: #999;
	margin-bottom: 10px;
	font-weight: normal;
}
.schcal_table td.today {
	background-color: #a6bba3;
}
.schcal_table td.today p {
	color: #fff !important;
}
.schcal_table td.sun p,
.schcal_table td.sun p a {
    color: #c30c0c;
}
.schcal_table td.sat p,
.schcal_table td.sat p a {
    color: #1473b5;
}
span.eduDay {
	display: inline-block;
	background-image: url(../main/images/booking_icon_03.png);
	background-position: center center;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
}
.calendar_con .txt_right span.eduDay {
	margin-right: 7px;
	vertical-align: middle;
}


.rg_block h5.tit {
	background-image: url(../main/images/booking_icon_04.png);
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 42px;
	padding-left: 60px;
	font-weight: 700;
	color: #101010;	
}
.today_list {
	overflow-y: auto;
	max-height: 400px;
}
.today_list p {
	font-size: 17px;
	line-height: 34px;
}
.today_list .item {
	display: block;
	margin-bottom: 40px;
	padding: 0px !important;
}
.today_list .item .type {
	font-size: 17px;
	line-height: 34px;
	color: #fff;
	width: 90px;
	height: 34px;
	padding: 0px;
	border-radius: 20px;
	text-align: center;
	font-weight: 500;
	background-color: #AD8E64;
	display: inline-block;
	margin-right: 15px;
	vertical-align: top;
}
.today_list .item .type.two {
	background-color: #593005;
}
.today_list .item .type.three {
	background-color: #be0100;
}
.today_list .item .con {
	display: inline-block;
	width: calc(100% - 110px);
}
.today_list .item .con .tit {
	display: block;
	font-size: 17px;
	line-height: 24px;
	padding: 5px 0px;
	font-weight: 500;
}
.today_list .item:hover .con .tit,
.block.wb_box .block table td a:hover {
	text-decoration: underline;
	color: #333;	
}
.today_list .item .con .date {
	display: block;
	font-size: 15px;
	line-height: 21px;
	font-weight: 300;
	color: #888;
	letter-spacing: 0px;
}


.date_tit {
	background-image: url(../main/images/booking_icon_05.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	padding-top: 15px;
	margin-bottom: 20px;
}
.block.wb_box .block .date_tit {
    background-image: none;
    padding-top: 0px;
}
.date_tit h4 {
	display: inline-block;
	color: #101010;
	font-weight: bold;
	margin-bottom: 0px;
}
.date_tit .txt_right {
	float: right;
	display: inline-block;
	padding-top: 13px;
}


.block.wb_box .item {
	overflow: hidden;
	position: relative;
	padding: 40px;
}
.block.wb_box dl.item dd {
	float: left;
	width: 500px;
}
.block.wb_box dl.item dd .item_num {
	display: inline-block;
	vertical-align: top;
	width: 140px;
	padding-top: 10px;
	position: relative;
}
.block.wb_box dl.item dd .item_num:before {
	content: "";
	position: absolute;
	width: 45px;
	height: 3px;
	background-color: #101010;
	top: 0px;
	left: 0px;
}
.block.wb_box dl.item dd .item_num span {
	display: block;
	line-height: 130%;
}
.block.wb_box dl.item dd .img {
	display: inline-block;
	width: 350px;
	height: 220px;
	overflow: hidden;	
}
.block.wb_box dl.item dd .img a {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;	
}
.block.wb_box img {
	position: absolute;
	width: 100% !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.block.wb_box dl.item dt {
	float: right;
	width: calc(100% - 560px);
	padding-right: 100px;
}
.block.wb_box dl.item dt .tit {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: 700;
	color: #333;
	display: block;
	padding-top: 10px;
}
.block.wb_box dl.item dt .tit:hover {
	text-decoration: underline;	
}
.ex_ul li  {
	margin-bottom: 5px;
	line-height: 27px;
	padding-left: 97px;
	letter-spacing: 0px;
	position: relative;
	font-weight: normal;
	color: #999;
}
.ex_ul li strong {
	position: absolute;
	font-size: 16px;
	top: 0px;
	left: 15px;
	font-weight: bold;
	color: #333;	
}
.ex_ul li.price {
	color: #be0100;
	font-size: 22px;
	font-weight: bold;
}

.ex_ul li:before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #666;
	left: 3px;
	top: 10px;
	display: block;
	position: absolute;
}
.block.wb_box dl.item dt .bn_view {
    position: absolute;
    top: 50%;
    right: 60px;
    text-align: center;
	width: 80px;
    height: 80px;
	font-size: 15px;
	background-color: #666;
	background-image: url(../main/images/booking_icon_06.png);
	background-position: center 50px;
	background-repeat: no-repeat;
    padding-top: 20px;
    color: #fff;
	display: block;
	transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}
.block.wb_box dl.item dt .bn_view:hover {
	background-color: #807765;
	transition: background-color 0.3s ease-in-out;
}
.block.wb_box dl.item dt .ui.button.black {
	border-radius: 0px;
	margin-bottom: 10px;	
}


.block.wb_box .block {
	width: 100%;
	padding: 40px;
	overflow: hidden;
	margin-bottom: 0px;
}
.block.wb_box .ex_lf {
	float: left;
	width: 490px;
	overflow: hidden;
	position: relative;
}
.block.wb_box .ex_lf img {
	position: relative;
    width: 100% !important;
    top: 0%;
    left: 00%;
    transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
}
.block.wb_box .ex_rg {
	width: calc(100% - 550px);
	float: right;
}
.block.wb_box .ex_rg h3 {
	color: #4d7748;
	word-break: keep-all;
	font-weight: bold;
	margin-bottom: 40px;
	padding-right: 40px;	
}


.block.wb_box .block h4 {
	font-weight: 700;
	color: #101010;
}
.block.wb_box .block p {
	font-size: 17px;
	line-height: 150%;
	word-break: keep-all;
	margin-bottom: 40px !important;
}
.block.wb_box .block .flex_block {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    margin: 0px 0px 80px 0px;
}
.block.wb_box .block .flex_block .box_item {
    width: calc(25% - 20px);
    padding: 40px;
	text-align: center;
    overflow: hidden;
    position: relative;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
}
.block.wb_box .block .flex_block .box_item h5 {
	color: #916a3a;
	font-weight: 500;
	letter-spacing: -1px;
	font-size: 24px;
	margin-bottom: 10px;
}
.block.wb_box .block .flex_block .box_item .price_01 {
	font-size: 16px;
	line-height: 130%;
	color: #101010;
	display: block;
	font-weight: 700;
}
.block.wb_box .block .flex_block .box_item .price_02 {
	font-size: 15px;
	line-height: 130%;
	color: #888;
	display: block;
	text-decoration: line-through;
}
.block.wb_box .block .flex_block .box_item .price_03 {
	font-size: 24px;
	line-height: 120%;
	color: #c80000;
	display: block;
	font-weight: bold;
}
.block.wb_box .block .flex_block .box_item .icon {
	background-color: #e7e7e7;
	width: 108px;
	height: 108px;
	border-radius: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	margin: 0px auto 20px auto;
}
.block.wb_box .block .flex_block .box_item .icon.one {
	background-image: url(../main/images/bnb_icon_11.png);	
}
.block.wb_box .block .flex_block .box_item .icon.two {
	background-image: url(../main/images/bnb_icon_10.png);
}
.block.wb_box .block .flex_block .box_item .icon.three {
	background-image: url(../main/images/icon_04.png);
	background-size: 68px;
}
.block.wb_box .block .flex_block .box_item .icon.four {
	background-image: url(../main/images/bnb_icon_13.png);	
}
.block.wb_box .block .flex_block .box_item .txt {
	font-size: 17px;
	line-height: 120%;
	color: #101010;
}
.block.wb_box .block .tbl {
	width: 100%;
	overflow: hidden;
}
.block.wb_box .block table {
	border-top: 3px solid #4d7748;
	width: calc(100% + 1px);
	margin-right: 1px;
}
.block.wb_box .block table th {
	background-color: #f8f6f4;
	padding: 12px 7px;
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	border-right: 1px solid rgba(0, 0, 0, 0.15);
	font-size: 15px;
	line-height: 19px;
	font-weight: 700;
	color: #101010;
}
.block.wb_box .block table td {
	padding: 12px 7px;
	text-align: center;
	font-size: 16px;
	line-height: 21px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.block.wb_box .block table td .ui.button.tiny {
	width: 77px;
	padding: 7px 10px;
	margin: 0px;
	border-radius: 0px;
}


.block.wb_box .block .prov {
    -webkit-appearance: none;
	border: 1px solid #d7d7d7;
    height: 260px;
    overflow-y: auto;
    margin-bottom: 20px;
    padding: 20px 40px 0px 40px;
}
.block.wb_box .block .prov h6 {
    margin-bottom: 10px;
	font-weight: 700;
	font-size: 20px;
	color: #666;
}
.block.wb_box .block .prov .red_txt {
	color: #E5282D;
	font-weight: 700;
}
.block.wb_box .block .prov p strong {
	font-size: 18px;
	font-weight: 700;
	color: #333;
}
.block.wb_box .block .prov ul {
	margin-bottom: 40px;	
}
.block.wb_box .block .prov li {
	padding-left: 33px;
	font-size: 16px;
	line-height: 24px;
	position: relative;
	color: #999;
}
.block.wb_box .block .prov li:before {
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #888;
	top: 10px;
	left: 20px;	
}
.block.wb_box .block .k-checkbox {
	width: 24px;
    height: 24px;
	border-radius: 0px;
}
.block.wb_box .block .k-radio {
	width: 24px;
    height: 24px;
	border-radius: 50%;
}
.block.wb_box .block .k-checkbox:before,
.block.wb_box .block .k-radio:before {
    width: 24px;
    height: 24px;
    font-size: 20px;
	position: static;
}
.block.wb_box .block .k-checkbox:checked,
.block.wb_box .block .k-radio:checked {
    border-color: #4d7748;
    color: #fff;
    background-color: #4d7748;
}
.etc_logo {
	padding-top: 20px;
}
.etc_logo .logo_item {
	display: inline-block;
	width: 180px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../main/images/logo_01.jpg);	
}
.etc_logo .logo_item:nth-child(2) {
	background-image: url(../main/images/logo_02.jpg);	
}
.etc_logo .logo_item:nth-child(3) {
	background-image: url(../main/images/logo_03.jpg);	
}


.block.wb_box .block #bbs_input {
    border-top: 2px solid #999;
}
.block.wb_box .block #bbs_input #fieldlist {
	background-color: #f7f7f7;
	border-bottom: 1px solid #d7d7d7;
}
.block.wb_box .block #bbs_input #fieldlist li {
	overflow: hidden;
}
.block.wb_box .block #bbs_input #fieldlist li .tit {
    padding: 12px 30px;
	float: left;
	display: block;
	text-align: right;
	width: 250px;
	line-height: 45px;
}
.block.wb_box .block #bbs_input #fieldlist .input_con {
	float: right;
	display: block;
    padding: 12px 20px;
    text-align: left;
    width: calc(100% - 250px);
    background-color: #fff;
}
.block.wb_box .block #bbs_input #fieldlist li:first-child .tit,
.block.wb_box .block #bbs_input #fieldlist li:first-child .input_con,
.block.wb_box .block #bbs_input #fieldlist li:first-child .con {
    padding-top: 20px;
}
.block.wb_box .block #bbs_input #fieldlist li:last-child .tit,
.block.wb_box .block #bbs_input #fieldlist li:last-child .input_con,
.block.wb_box .block #bbs_input #fieldlist li:last-child .con {
    padding-bottom: 30px;
}
.block.wb_box .block #bbs_input #fieldlist li input.k-textbox {
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	border-radius: 4px;
	padding: 12px;
	height: 45px;
	letter-spacing: -1px;
}
.block.wb_box .block #bbs_input #fieldlist .field {
    display: inline-block;
    margin-left: 3px !important;
    margin-bottom: 0px !important;
    line-height: 45px;
}
.block.wb_box .block #bbs_input #fieldlist .field.w_100 {
	width: 100%;
}
.block.wb_box .block #bbs_input #fieldlist .field.w_75 {
	width: 75%;
}
.block.wb_box .block #bbs_input #fieldlist .field.w_50 {
	width: 50%;
}
.block.wb_box .block #bbs_input #fieldlist .field.w_40 {
	width: 40%;
}
.block.wb_box .block #bbs_input #fieldlist .field.w_30 {
	width: 30%;
}
.block.wb_box .block #bbs_input #fieldlist .field.w_25 {
	width: 25%;
}
.block.wb_box .block #bbs_input #fieldlist .field.w_20 {
	width: 20%;
}
.block.wb_box .block #bbs_input #fieldlist .field.w_15 {
	width: 15%;
}
.block.wb_box .block #bbs_input #fieldlist .field.w_10 {
	width: 10%;
}
.block.wb_box .block #bbs_input #fieldlist .field .label {
    margin-right: 10px;
}
.block.wb_box .block #bbs_input #fieldlist .label_msg {
    display: block;
    padding-top: 10px;
    font-size: 16px;
    line-height: 24px !important;
    letter-spacing: 0px;
    color: #888 !important;
    background: url(../main/images/tip_ico.png) no-repeat 2px 16px;
    display: block;
    padding-left: 22px;
    margin-bottom: 10px;
}
.block.wb_box .block #bbs_input #fieldlist .label_msg strong {
	color: #333;
	font-weight: bold;	
}
.block.wb_box .block #bbs_input #fieldlist .k-numerictextbox .k-input {
    height: 45px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 4px;
    padding: 7px;
	width: 90px;	
}
.block.wb_box .block #bbs_input #fieldlist .k-numerictextbox .k-numeric-wrap,
.block.wb_box .block #bbs_input #fieldlist .k-numerictextbox {
	width: auto;
}
.block.wb_box .block #bbs_input #fieldlist .k-numerictextbox {
	margin-right: 10px;	
}
.block.wb_box .block #bbs_input #fieldlist .k-numerictextbox:last-child {
	margin-right: 0px;	
}
.block.wb_box .block #bbs_input #fieldlist .ui.button.big.blue {
	vertical-align: bottom;	
}
.block.wb_box .block #bbs_input #fieldlist .field .label.red_txt.big {
	color: #c80000;
	font-size: 27px;
	font-weight: 700;	
}
.block.wb_box .block #bbs_input #fieldlist.two {
	background-color: transparent;
	overflow: hidden;
}
.block.wb_box .block #bbs_input #fieldlist.two li {
	float: left;
	width: 50%;
	overflow: hidden;
	border-right: 1px double rgba(0, 0, 0, 0.15);
}
.block.wb_box .block #bbs_input #fieldlist li.li_tit {
	background-color: #f7f7f7;
}
.block.wb_box .block #bbs_input #fieldlist.two li:nth-child(2n) {
	border-right: none;	
}
.block.wb_box .block #bbs_input #fieldlist.two li .tit,
.block.wb_box .block #bbs_input #fieldlist.two li .input_con {
	float: left;
	text-align: center;
	padding: 12px 5px !important;
	line-height: 36px;
}
.block.wb_box .block #bbs_input #fieldlist.two li .tit:nth-child(1),
.block.wb_box .block #bbs_input #fieldlist.two li .input_con:nth-child(1) {
	width: 20%;	
}
.block.wb_box .block #bbs_input #fieldlist.two li .tit:nth-child(2),
.block.wb_box .block #bbs_input #fieldlist.two li .input_con:nth-child(2) {
	width: 30%;	
}
.block.wb_box .block #bbs_input #fieldlist.two li .tit:nth-child(3),
.block.wb_box .block #bbs_input #fieldlist.two li .input_con:nth-child(3) {
	width: 30%;	
}

@media screen and (max-width:1299px) {
	.vill_header .vill_img {
		float: left;
		width: calc(100% - 560px);
		height: 400px;
	}
	.vill_header .vill_info {
		width: 500px;
		float: right;
		padding-top: 20px;
	}
	.nav_menu {
		width: 100%;
	}
	.vill_header .vill_img img {
		min-width: 600px;
		min-height: 400px;
	}
	.village_con .hot_link {
		width: 100%;
		padding: 0px;	
	}
	.village_con .hot_link .link_item {
		width: 23.5%;
		height: 370px;
		margin-right: 2%;
	}
	.village_con .hot_link .link_item p {
		width: 100%;
	}
	.village_con .hot_link .link_item p a {
		word-break:break-all;
		border-bottom: none;
	}
	.village_con .gallery_box .gallery_wide {
		height: 180px;
		width: 23.5%;
		margin-right: 2%;
	}
	.village_con .gallery_box .gallery_wide img {
		min-height: 180px;
		min-width: 270px; 
	}
	.inner4 .vill_header .vill_img {
    	width: 400px;
    	height: 400px;
	}
	.inner4 .vill_header .vill_info {
		width: calc(100% - 470px) ;
	}
	.inner4 {
		width: 100%;
		padding: 20px 3% 0px 3%;
	}
	.vill_header {
		padding-top: 20px;	
	}
	.tabs {
		margin-bottom: 40px;
	}
	.shopping_detail .detail_con {
		padding: 40px;
		margin: 40px auto;
	}
	
	.organization {
		margin-bottom: 60px;
		padding: 0px;
	}
	.organization .sp01,
	.organization .sp02,
	.organization .sp03 .txt {
		width: 270px;
		line-height: 60px;
		font-size: 18px;
	}
	.organization .line1 {
		margin: 0px 0px 30px -135px;
	}
	.organization .line1 .sp01:before {
		top: 60px;
	}

	.organization .line3 {
		width: 930px;
		margin: 0px auto;
	}
	.organization .line3 .sp03 {
		float: left;
		margin-right: 60px;
	}
	.organization .line2:before {
		height: 60px;
	}
	.organization .line2 .sp02:before {
		top: 30px;
		left: -195px;
		width: 195px;
	}
	.organization .line3:before {
		width: 660px;
		margin-left: -330px;
	}
	.organization .line3 .sp03 .sp_item li {
		font-size: 16px;
		line-height: 27px;
	}
	.organization .line3 .sp03 .sp_item li:before {
		top: 11px;
	}
	.organization .line2 {
		width: 930px;
		margin: -90px auto 0px auto;
	}
	.organization .line2 .sp02:before {
		left: -60px;
		width: 60px;
	}
	.organization .line3 .sp03 .sp_item .item_list {
		font-size: 16px;
		line-height: 27px;
	}
	
	.block.wb_box .lf_block, .block.wb_box .rg_block {
		float: none;
		width: 100%;
		padding: 30px;
		border-right: none;
		border-bottom: 1px solid rgba( 0, 0, 0, 0.15);
	}
	.block.wb_box .rg_block {
		border-right: none;
		border-bottom: none;
	}
	.block.wb_box .item {
		padding: 30px;
	}
	
	.block.wb_box dl.item dd {
		width: 350px;
	}
	.block.wb_box dl.item dd .item_num {
		width: 100%;
		padding-top: 10px;
		margin-bottom: 10px;
	}
	.block.wb_box dl.item dd .item_num span {
		display: inline-block;
		line-height: 130%;
		margin-right: 10px;
	}
	.block.wb_box dl.item dt {
		width: calc(100% - 420px);
		padding-top: 30px;
		padding-right: 0px;
	}
	.block.wb_box dl.item dt .bn_view {
		position: static;
		top: auto;
		right: auto;
		text-align: left;
		width: 150px;
		height: 40px;
		font-size: 15px;
		background-color: #666;
		background-position: 110px center;
		padding-top: 0px;
		padding-left: 20px;
		margin-top: 20px;
		line-height: 40px;
		transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-webkit-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
	}
	
}
@media screen and (max-width: 1099px) {
	.village.product_list .village_list.ui.cards>.village_item.experience.card {
		width: 49%;
		margin: 0px 2% 20px 0px;
		height: 530px;
	}
	.village.product_list .village_list.ui.cards>.village_item.experience.card:nth-child(3n) {
		margin-right: 2%;	
	}
	.village.product_list .village_list.ui.cards>.village_item.experience.card:nth-child(2n) {
		margin-right: 0%;	
	}
	
	
}
	
@media screen and (max-width:1023px) {
	.nav_cells .select_wrap {
		position: initial;
		width: 160px;
	}
	.sub_tit h3 {
		font-size: 30px;
		line-height: 42px;
	}
	.sub_tit p {
		font-size: 15px;
		line-height: 27px;
		padding: 0px 3%;
	}
	.sub_title h1 {
		background-size: 48px;
		padding-top: 90px;
		font-size: 36px;
		line-height: 48px;
	}
	.vill_header {
		margin-bottom: 40px;
	}
	.vill_header .vill_info h3.tit {
		font-size: 30px;
		line-height: 42px;
	}
	.vill_header .vill_info p.con {
		font-size: 14px;
		line-height: 21px;
		margin-bottom: 30px;
	}
	.vill_header .vill_img {
		float: left;
		width: calc(100% - 440px);
		height: 300px;
	}
	.vill_header .vill_img img {
		min-width: 450px;
		min-height: 300px;
	}
	.vill_header .vill_info {
		width: 380px;
		float: right;
		padding-top: 20px;
	}
	.village_con .hot_link .link_item {
		padding: 50px 30px 0px 30px;
		height: 340px;
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.village_con .hot_link .link_item h4 {
		font-size: 21px;
		line-height: 38px;
	}
	.village_con .hot_link .link_item p {
		font-size: 15px;
		line-height: 21px;
	}
	.village_con .hot_link .link_item:nth-child(2n),
	.village_con .gallery_box .gallery_wide:nth-child(2n) {
    	margin-right: 0px;
	}
	.village_con, .village_map {
		padding: 20px 0px 0px 0px;
	}
	.village_con h3, .village_map h3 {
		font-size: 24px;
		line-height: 42px;
		margin-bottom: 20px;
	}
	.village_con .gallery_box .gallery_wide {
		height: 250px;
		width: 49%;
		margin-right: 2%;
	}
	.village_con .gallery_box .gallery_wide img {
		min-height: 250px;
		min-width: 375px;
	}
	.experience_info p,
	.experience_main p,
	body {
		font-size: 14px;
		line-height: 21px;
	}
	.tabs a {
		font-size: 15px;
		line-height: 24px;
		padding: 15px 25px;
	}
	.village_con .hot_link .link_item .price {
		font-size: 30px;
		line-height: 42px;
	}
	.village_con .hot_link .link_item .big_p {
		font-size: 18px;
	}
	.option_total {
		font-size: 15px;
		line-height: 30px;
	}
	.option_total strong {
		font-size: 27px;
	}
	
	/****** 네비게이션 추가*******/
	.con_menu {
		display: block;
		overflow: hidden;
		position: fixed;
		bottom: 0px;
		background-color: #32A060;
		z-index: 1000;
		padding: 3%;
		width: 100%;
	}
	.con_menu li {
		float: left;
		width: 50%;
		text-align: center;
	}
	.con_menu li a {
		display: block;
		font-size: 18px;
		line-height: 42px;
		color: #fff;
	}
	.con_menu li a .icon {
		font-size: 30px;
		line-height: 42px;
		vertical-align: -5px;
	}
	
	.ui.modal.win_400 {
		background-color: #f5f5f5;
		border-radius: 10px;
		padding: 30px;
		position: relative;
		width: 400px;
		display: block;
	}
	.ui.modal.win_400 h4 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 30px;
		padding-left: 5px;
		letter-spacing: -1px;
	}
	.ui.modal.win_400 .close_button {
		background-image: url(../main/images/close.png);
		background-repeat: no-repeat;
		background-position: left top;
		height: 24px;
		width: 24px;
		display: block;
		position: absolute;
		top: 30px;
		right: 30px;
	}
	.ui.modal.win_400 .nav_icon {
		background-color: #fff;
		margin-bottom: 20px;
		overflow: hidden;
		padding: 20px;
	}
	.ui.modal.win_400 .nav_icon li {
		float: left;
		width: 50%;
		text-align: center;
		padding-top: 60px;
		background-repeat: no-repeat;
		background-position: center top;
		background-size:50px;
		font-weight: 700;
	}
	.ui.modal.win_400 .nav_icon .nav_01 {
		background-image: url(../main/images/nav_icon_01.png);
	}
	.ui.modal.win_400 .nav_icon .nav_02 {
		background-image: url(../main/images/nav_icon_02.png);
	}
	.ui.modal.win_400 .nav_icon .nav_03 {
		background-image: url(../main/images/nav_icon_03.png);
	}
	.ui.modal.win_400 .btn_zone_center {
		text-align: center;
	}
	
	.greetings {
		margin-bottom: 30px;
	}
	#sub_body .inner4 p {
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 25px;
	}
	.organization {
		margin-bottom: 30px;
	}
	.organization .sp01,
	.organization .sp02,
	.organization .sp03 .txt {
		width: 220px;
		line-height: 50px;
		font-size: 16px;
	}
	.organization .line1 {
		margin: 0px 0px 30px -110px;
	}
	.organization .line1 .sp01:before {
		top: 50px;
	}
	.organization .line3 {
		width: 720px;
		margin: 0px auto;
	}
	.organization .line3 .sp03 {
		float: left;
		margin-right: 30px;
	}
	.organization .line2:before {
		height: 50px;
	}
	.organization .line2 .sp02:before {
		top: 25px;
		left: -140px;
		width: 140px;
	}
	.organization .line3:before {
		width: 500px;
		margin-left: -250px;
	}
	.organization .line3 .sp03 .sp_item li {
		font-size: 15px;
		line-height: 27px;
	}
	.organization .line3 .sp03 .sp_item li:before {
		top: 11px;
	}
	.organization .line3 .sp03 .sp_item .item_list {
		font-size: 15px;
		line-height: 24px;
	}
	.organization .line2 {
		width: 720px;
		margin: -80px auto 0px auto;
	}
	.organization .line2 .sp02:before {
		left: -30px;
		width: 30px;
	}
	.organization .line3 .sp03:nth-child(4):before {
		top: -260px;
		left: -15px;
		width: 1px;
		height: 285px;
	}
	.organization .line3 .sp03:nth-child(4) .txt:before {
		top: 25px;
		left: -15px;
		width: 15px;
		height: 1px;
	}
	
	
	#sub_body .margin_zero {
		margin-bottom: 0px !important;	
	}
	#sub_body .margin_10 {
		margin-bottom: 0px !important;	
	}
	#sub_body .margin_20 {
		margin-bottom: 10px !important;	
	}
	#sub_body .margin_30 {
		margin-bottom: 20px !important;	
	}
	#sub_body .margin_40 {
		margin-bottom: 20px !important;	
	}
	#sub_body .margin_50 {
		margin-bottom: 30px !important;	
	}
	#sub_body .margin_60 {
		margin-bottom: 30px !important;	
	}
	#sub_body .margin_80 {
		margin-bottom: 40px !important;	
	}
	
	h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 27px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 22px;
	}
	h5 {
		font-size: 19px;
	}
	h6 {
		font-size: 17px;
	}
	p {
		font-size: 15px;
	}
	
	.experience, .village {
		padding: 30px 0px;
	}
	.inner2 {
		padding: 0 10px;
	}
	.block.wb_box .block {
		padding: 20px;
	}
	.block.wb_box .ex_lf {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.block.wb_box .ex_rg {
		float: none;
		width: 100%;
	}
	.block.wb_box .ex_rg h3 {
		margin-bottom: 10px;
		padding-right: 0px;
	}
	.block.wb_box .block .flex_block .box_item {
		width: calc(50% - 5px);
		padding: 20px;
		margin-bottom: 10px;
	}
	.block.wb_box .block .flex_block .box_item .price {
    	font-size: 22px;
	}
	.block.wb_box .block .flex_block .box_item .txt {
		word-break: keep-all;	
	}
}

@media screen and (max-width:899px) {
	.vill_header .vill_img {
		float: none;
		width: 100%;
		height: 400px;
		margin-bottom: 20px;
	}
	.vill_header .vill_img img {
		min-width: 600px;
		min-height: 400px;
	}
	.vill_header .vill_info {
		width: 100%;
		float: none;
	}
	.vill_header {
		margin-bottom: 20px;
	}
	.inner4 .vill_header .vill_img {
		width: 300px;
		height: 300px;
		float: left;
	}
	.inner4 .vill_header .vill_info {
		width: calc(100% - 370px);
	}
	.vill_header .vill_info h3.tit {
    	font-size: 27px;
    	line-height: 36px;
	}
	
	.block.wb_box dl.item dd {
		float: none;
		width: 100%;
	}
	.block.wb_box dl.item dd .img {
		display: block;
		width: 100%;
		height: auto;
	}
	.block.wb_box dl.item dd .img img {
		position: static;
		width: 100%;
		top: auto;
		left: auto;
		transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-webkit-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
	}
	.block.wb_box dl.item dt {
		float: none;
		width: 100%;
		padding-top: 20px;
	}
}
@media screen and (max-width:767px) {
	.organization {
		padding: 0px;
		margin-bottom: 20px;
	}
	.organization .sp01 {
		width: 100%;	
	}
	.organization .sp02,
	.organization .sp03,
	.organization .sp03 .txt {
		width: 100%;
	}
	.organization .line1,
	.organization .line2,
	.organization .line3 {
		width: 100%;
		margin: 0px;
		left: 0%;
		padding: 0px 0px 10px 45px;
	}
	.organization .line1 {
		padding-left: 0px;
	}
	.organization .line3 {
		padding: 0px 0px 30px 75px;
	}
	.organization .line3 .sp03 .txt {
		margin-bottom: 0px;	
	}
	.organization .sp03 {
		margin-bottom: 10px;
		margin-right: 0px;
	}
	.organization .line1 .sp01:before {
		display: none;
	}
	.organization .line2 .sp02:before,
	.organization .line3 .sp03 .txt:before {
		display: block;
		position: absolute;
		background-color: #ddd;
		content: "";
		z-index: 1;
		width: 30px;
		height: 1px;
		left: 15px;
		top: calc( 50% - 15px);
	}
	.organization .line2 .sp02:before {
		top: 25px;
		left: -30px;
	}
	.organization .line3 .sp03 .txt:before {
		top: 25px;
		left: -60px;
		width: 60px;
	}
	.organization .line2:before,
	.organization .line3:before {
		display: none;	
	}
	.organization:before {
		top: 50px;
		left: 15px;
		height: calc( 100% - 205px);
		display: block;
		position: absolute;
		background-color: #ddd;
		content: "";
		z-index: 1;
		width: 1px;
	}
	.organization .line3 .sp03:nth-child(4):before {
		display: none;
	}
	.organization .line3 .sp03:nth-child(4) .txt:before {
		top: 25px;
		left: -60px;
		width: 60px;
		height: 1px;
	}
	
	.today_list .item .type {
		display: block;
	}
	.today_list .item .con {
		display: block;
		width: 100%;
		padding-left: 5px;
	}
	.block.wb_box .lf_block,
	.block.wb_box .rg_block {
		padding: 20px 10px;
	}
	.block.wb_box .item {
		padding: 10px;
	}
	.block.wb_box dl.item dt .tit {
		font-size: 19px;
		line-height: 30px;
		word-break: keep-all;
	}
	.block.wb_box dl.item dt {
		padding-top: 0px;
	}
	.block.wb_box {
		margin-bottom: 10px !important;
	}
	.sub_title h1 {
		font-size: 34px;
		line-height: 48px;
		margin: 40px 0px 20px 0px;
		background-position: center 10px;
	}
	.calendar_tit {
		margin-bottom: 20px;
	}
	.today_list .item .type {
		font-size: 15px;
		line-height: 30px;
		width: 70px;
		height: 30px;
		padding: 0px;
		border-radius: 15px;
	}
	.rg_block h5.tit {
		padding-left: 52px;
	}
	
	.block.wb_box .block {
		padding: 10px;
	}
	.block.wb_box .block .tbl {
		width: 100%;
		overflow-x: auto;
		margin-bottom: 30px;
	}
	#sub_body .block.wb_box .block table.margin_80 {
		width: 800px;
		margin-bottom: 5px !important;
	}
	.date_tit .txt_right {
		word-break: keep-all;
	}
	
	.block.wb_box .tbl.responsive {
		width: 100%;
		overflow: hidden;
		margin-bottom: 0px;
	}
	.block.wb_box .tbl.responsive table tr {
		display: block !important;
		border-bottom: 1px solid #d7d7d7;
	}
	.block.wb_box .tbl.responsive table thead {
		display: none;	
	}
	.block.wb_box .tbl.responsive table td {
		text-align: left !important;
		display: block;
		width: 100%;
		border-bottom: none;
		padding: 8px 8px 8px 100px;
		position: relative;
	}
	.block.wb_box .tbl.responsive table td:before {
		position: absolute;
		left: 0px;
		top: 0px;
		color: #960;
		font-weight: 500;
		padding: 8px;
	}
	.block.wb_box .block table td.non_data {
		text-align: center;
	}
	.block.wb_box .block table td.non_data:before {
		content: "" !important;	
	}
	.block.wb_box .tbl.responsive table td:nth-child(1):before {
		content: "회차";
	}
	.block.wb_box .tbl.responsive table td:nth-child(2):before {
		content: "체험명";
	}
	.block.wb_box .tbl.responsive table td:nth-child(3):before {
		content: "체험일시";
	}
	.block.wb_box .tbl.responsive table td:nth-child(4):before {
		content: "예약/정원";
	}
	.block.wb_box .tbl.responsive table td:nth-child(5) {
		padding: 8px 8px 20px 8px;
		text-align: center !important;
	}
	.block.wb_box .block .prov {
		padding: 10px 10px 0px 10px;
	}
	#sub_body .margin_zero.txt_right {
		margin-bottom: 30px !important;
	}
	.date_tit .txt_right {
		float: none;
		display: block;
	}
	.block.wb_box .block #bbs_input #fieldlist {
		background-color: #fff;
	}
	.block.wb_box .block #bbs_input #fieldlist li:first-child .tit,
	.block.wb_box .block #bbs_input #fieldlist li:first-child .input_con,
	.block.wb_box .block #bbs_input #fieldlist li:first-child .con {
		padding-top: 10px;
	}
	.block.wb_box .block #bbs_input #fieldlist li:last-child .tit {
		padding-bottom: 0px;
	}
	.block.wb_box .block #bbs_input #fieldlist li:last-child .input_con,
	.block.wb_box .block #bbs_input #fieldlist li:last-child .con {
		padding-bottom: 10px;
	}
	.block.wb_box .block #bbs_input #fieldlist li .tit {
		padding: 10px 10px 0px 10px;
		float: left;
		text-align: left;
		width: 100%;
		line-height: 160%;
	}
	.block.wb_box .block #bbs_input #fieldlist li .tit label {
		font-weight: 700;	
	}
	.block.wb_box .block #bbs_input #fieldlist .input_con {
		padding: 10px;
		float: left;
		text-align: left;
		width: 100%;
	}
	.block.wb_box .block #bbs_input #fieldlist .field {
		line-height: 160%;
	}
			
	
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 19px;
	}
	h5 {
		font-size: 18px;
	}
	h6 {
		font-size: 16px;
	}
	p {
		font-size: 15px;
	}
	h1, h2, h3, h4, h5, h6 {
		word-break: keep-all;
		line-height: 160%;
	}
	
	.block.wb_box .block #bbs_input #fieldlist .field.w_100,
	.block.wb_box .block #bbs_input #fieldlist .field.w_75,
	.block.wb_box .block #bbs_input #fieldlist .field.w_50,
	.block.wb_box .block #bbs_input #fieldlist .field.w_40,
	.block.wb_box .block #bbs_input #fieldlist .field.w_30,
	.block.wb_box .block #bbs_input #fieldlist .field.w_25,
	.block.wb_box .block #bbs_input #fieldlist .field.w_20,
	.block.wb_box .block #bbs_input #fieldlist .field.w_15,
	.block.wb_box .block #bbs_input #fieldlist .field.w_10 {
		width: 100%;
	}
	.block.wb_box .block #bbs_input #fieldlist.two li {
		float: none;
		width: 100%;
		overflow: hidden;
		border-right: none;
	}
	.block.wb_box .block #bbs_input #fieldlist.two li:nth-child(2) {
		display: none;
	}
}
@media screen and (max-width:750px) {
	.inner4 .vill_header .vill_img {
		width: 100%;
		min-height: 300px;
		min-width: 250px;
		float: none;
		margin: 0px auto 20px auto;
	}
	.inner4 .vill_header .vill_info {
		width: 100%;
		float: none;
	}
	.village.product_list .village_list.ui.cards>.village_item.experience.card {
		width: 100%;
		margin: 0px 0% 20px 0px;
		height: 530px;
	}
	.village.product_list .village_list.ui.cards>.village_item.experience.card:nth-child(3n) {
		margin-right: 0%;	
	}
	.village.product_list .block h3 {
		font-size: 24px;
		line-height: 32px;
		letter-spacing: -1px;
		margin-bottom: 0px;
	}
	.village.product_list .block h5 {
		font-size: 15px;
		line-height: 24px;
	}
	.village.product_list .block {
		margin-bottom: 30px;
		text-align: center;
	}
	.village_list .village_item dt img {
    	width: 140%;
	}
	.inner2.progream_time table th,
	.inner2.progream_time table td {
		padding: 8px;
		font-size: 14px;
		line-height: 21px;
	}
	
	
}
@media screen and (max-width:549px) {
	.nav_menu {
		margin: 0 0;
		padding-right: 0px;
	}
	.sub_util {
		position: absolute;
		right: 0px;
		top: 60px;
	}
	.sub_util li a {
		border-right: none;	
	}
	.sub_util .share a {
		border-left: none;	
	}
	.nav_item:first-child {
		border-left: 1px solid #ddd;
		display: none;
	}
	.vill_header .vill_info h3.tit {
		font-size: 24px;
		line-height: 36px;
		background-position: -20px -3px;
	}
	.village_con .hot_link .link_item {
		padding: 50px 30px 50px 30px;
		width: 100%;
		height: auto !important;
		margin-right: 0%;
		margin-bottom: 20px;
	}
	.village_con .gallery_box .gallery_wide {
		height: 250px;
		width: 100%;
		margin-right: 0%;
	}
	.vill_header .vill_info ul li span.tit {
		width: 100%;
		margin-bottom: 10px;
	}
	.con_menu li a {
		display: block;
		font-size: 16px;
		line-height: 36px;
		color: #fff;
	}
	.con_menu li a .icon {
		font-size: 24px;
		line-height: 36px;
		vertical-align: -4px;
	}
	footer #copyright .copy_info {
		padding: 80px 30px 90px 3%;
		background-position: 4% 30px;
	}
	.village_list .village_item dt img {
    	width: 100%;
	}
	.vill_header .vill_info ul li span.tit.non {
		display: none;	
	}
	.inner2 .block,
	.organization {
		margin-bottom: 0px;	
	}
}