/* 공통추가부분시작 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select {
	font-family: 'Noto Sans KR', sans-serif;
}

@font-face {
	font-family: "Noto Sans KR";
	src: url("../fonts/NotoSansKR-Regular.woff");
}

* {
	font-size: 100%;
	padding: 0;
	margin: 0;
	word-break: keep-all;
	-webkit-text-size-adjust: none;
}
#container {
	z-index: 1;
	width: 100%;
}
.container {
	width: 1400px;
	padding: 0px;
	margin: 0 auto;
}
.title-box {
	display: flex;
	justify-content: center;
}
.title-box__text {
	font-size: 40px;
	color: #111111;
	font-weight: 700;
	padding-bottom: 100px;
	/* font-family: "Noto Sans KR"; */
}
.main-box__text {
	display: flex;
	flex-direction: column;
}
.main-box__text--01 {
	font-size: 17px;
	color: #545454;
	font-weight: 400;
	line-height: 21px;
}
.title-box2 {
	display: flex;
	justify-content: center;
}
.title-box2__text {
	font-size: 40px;
	color: #111111;
	font-weight: 700;
	padding-bottom: 100px;
	/* font-family: "Noto Sans KR"; */
}
/* 공통추가부분끝 */
/* 교육시설 */
.edubox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.edubox__img>img {
	max-width: 650px;
	width: 100%;
}

.edubox__img-title {
	font-size: 25px;
	color: #111111;
	font-weight: 700;
	/* font-family: "Noto Sans KR"; */
	padding: 20px 0px;
}

.edubox__img-desc {
	font-size: 17px;
	color: #545454;
	font-weight: 400;
	/* font-family: "Noto Sans KR"; */
	/* letter-spacing: -0.09em; */
	/* padding-bottom: 40px; */
	line-height: 24px;
}

/* 숙박시설 */
.staybox {}

.staybox__imgbox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.staybox__img>img {
	max-width: 450px;
	width: 100%;
}

.mobile-imgbox {
	display: none;
}

.staybox__caption {
	color: #fff;
	font-size: 15px;
	padding: 8px 0px;
	position: relative;
	bottom: 32px;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	text-align: center;
	color: #ffffff;
	font-weight: 400;
	/* font-family: "Noto Sans KR"; */
}

.staybox__title {
	font-size: 50px;
	color: #35b2b9;
	font-family: "Nanum Square B";
	padding-bottom: 15px;
	line-height: 50px;
}

.staybox__title--blue {
	color: #066094;
	font-family: "Nanum Square B";
}

.staybox__desc {
	font-size: 18px;
	color: #545454;
	font-weight: 400;
	/* font-family: "Noto Sans KR"; */
	line-height: 24px;
}

.staybox__textbox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

table.table01 {
	border-collapse: separate;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;

	font-size: 15px;
	line-height: 35px;
	color: #000000;
	/* font-family: "Noto Sans KR"; */
	padding-top: 15px;
}

table.table01 th {
	text-align: center;
	width: 150px;
	padding: 0px;
	vertical-align: top;
	background: #dddddd;
	border-right: 2px solid white;
}

table.table01 td {
	width: 150px;
	padding: 0px;
	vertical-align: top;
	border-bottom: 2px solid #dddddd;
	border-right: 2px solid #dddddd;
	background: #fff;
}

table.table01 td:last-child {
	border-right: 0px solid #dddddd;
}

/* 식당시설 */
.restbox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.restbox__img>img {
	max-width: 650px;
	width: 100%;
}

.restbox {
	padding-bottom: 20px;
}

.restbox__desc {
	font-size: 17px;
	color: #545454;
	font-weight: 400;
	/* font-family: "Noto Sans KR"; */
	line-height: 24px;
	padding-top: 10px;
}

.restbox__foodtext {
	font-size: 28px;
	color: #eeb62e;
	font-weight: 400;
	font-family: "Nanum Square B";
	padding-top: 110px;
	line-height: 35px;
}

.restbox__cardtitle {
	font-size: 19px;
	color: #e47442;
	font-weight: bold;
	font-family: "Nanum Square B";
}

.restbox__cardbox {
	display: flex;
	flex-direction: row;
	padding-top: 60px;
	justify-content: space-between;
}

table.table02 {
	border-collapse: separate;
	text-align: center;
	margin: 0 auto;

	font-size: 14px;
	color: #000000;
	/* font-family: "Noto Sans KR"; */
	padding-top: 15px;
}

table.table02 th {
	text-align: center;
	font-size: 17px;
	width: 200px;
	padding: 0px;
	line-height: 50px;
	vertical-align: top;
	background: #ffc9a1;
	border-right: 1px solid #adaaaa;
}

table.table02 td {
	border-bottom: 1px solid #adaaaa;
	border-right: 1px solid #adaaaa;
	height: 200px;
	vertical-align: middle;
}

table.table02 td:first-child {
	background: #ffebba;
}

table.table02 td:last-child {
	border-right: 0px solid #adaaaa;
}

.font--19px {
	font-size: 19px;
}

.restbox__tab--padding {
	padding-right: 45px;
}

.restbox__cardtitle--padding {
	padding-top: 0px;
}

/* 야외시설 */
.outdoor__section {
	display: flex;
	flex-direction: column;
}

.outdoor__tab {
	display: flex;
	flex-direction: row;
}

.outdoor__tab--padding {
	padding-top: 30px;
}

.outdoor__imgbox {
	width: 100%;
	max-width: 600px;
}

.outdoor__imgbox>img {
	text-align: center;
	max-width: 600px;
	width: 100%;
	height: 400px;
}

.outdoor__textbox {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.outdoor__pictobox {
	display: flex;
	max-width: 330px;
	width: 100%;
	margin: 0 auto;
}

.outdoor__pictobox>img {
	max-width: 330px;
	width: 100%;
	padding-bottom: 20px;
}

.outdoor__title {
	font-size: 40px;
	color: #35b2b9;
	font-family: "Nanum Square B";
	padding-bottom: 10px;
}

.outdoor__desc {
	font-size: 17px;
	color: #545454;
	font-weight: 400;
	/* font-family: "Noto Sans KR"; */
	line-height: 24px;
}

.outdoor__margin--right {
	margin-right: 100px;
}

.outdoor__margin--left {
	margin-left: 100px;
}

/* 이용안내 */
.guide__title {
	font-size: 40px;
	color: #35b2b9;
	font-family: "Nanum Square B";
	line-height: 40px;
	padding-bottom: 30px;
}

.guide__desc {
	font-size: 17px;
	color: #545454;
	font-weight: 400;
	/* font-family: "Noto Sans KR"; */
	line-height: 24px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-indent: -12px;
}

.guide__number {
	font-size: 30px;
	line-height: 30px;
	color: #545454;
	font-family: "Nanum Square R";
	line-height: 40px;
	padding-bottom: 90px;
}

.guide__number--orange {
	color: #e47442;
	font-size: 30px;
	line-height: 30px;
	font-family: "Nanum Square R";
}

.guide__subtitle {
	font-size: 24px;
	color: #111111;
	font-weight: 700;
	/* font-family: "Noto Sans KR"; */
	line-height: 40px;
	padding-bottom: 10px;
}

.img02-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.main-box__text--02 {
	padding-top: 30px;
	padding-bottom: 20px;
}

.img02-arrowbox {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.img02-arrow {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 50px;
	height: 50px;
}

.img02-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 200px;
	height: 200px;
}

.img02-box__title--1 {
	font-size: 25px;
	color: #4dbbc2;
	font-family: 'Nanum Square EB';
	font-weight: bold;
}

.img02-box__text {
	font-size: 17px;
	color: #545454;
	text-align: center;
	font-family: 'Nanum Square R';
	padding-top: 10px;
}


















/* notebook */
@media all and (min-width:991px) and (max-width:1400px) {
	/* 공통추가부분시작 */
	.container {
		width: 94%;
	}
	.title-box__text {
		padding-bottom: 50px;
	}
	.title-box2__text {
		padding-bottom: 50px;
		font-size: 35px;
	}
	.title-box__text {
		font-size: 35px;
	}
	/* 공통추가부분끝 */

	.mid_nav_box--tab {
		width: 130px;
	}

	/* 교육시설 */
	.edubox>.edubox__imgbox:nth-child(1) {
		padding-right: 50px;
	}

	/* 숙박시설 */
	.staybox__imgbox>.staybox__img:nth-child(-n+2) {
		padding-right: 20px;
	}

	/* 식당시설 */
	.restbox>.restbox__imgbox:nth-child(1) {
		padding-right: 50px;
	}
}

/* tablet */
@media (min-width: 641px) and (max-width: 990px) {
	/* 공통추가부분시작 */
	.container {
		width: 90%;
	}
	.title-box__text {
		padding-bottom: 50px;
	}
	.title-box2__text {
		padding-bottom: 50px;
		font-size: 35px;
	}
	.title-box__text {
		font-size: 35px;
	}
	/* 공통추가부분끝 */

	/* 교육시설 */
	.main-box {
		display: flex;
		justify-content: center;
	}

	.edubox {
		flex-direction: column;
		justify-content: space-between;
	}

	.edubox__imgbox {
		width: 100%;
		max-width: 650px;
	}

	.edubox__img {
		text-align: center;
	}

	.edubox__img-title {
		padding-bottom: 10px;
	}
	.padding-mobile {
		padding-bottom: 40px;
	}

	/* 숙박시설 */

	.mobile-imgbox {
		display: block;
	}

	.staybox__imgbox>.staybox__img:nth-child(-n+2) {
		padding-right: 20px;
	}

	.staybox__caption {
		display: none;
	}

	.staybox__textbox {
		flex-direction: column;
	}

	.staybox__title {
		padding-top: 10px;
	}

	.main-box2 {
		display: flex;
		justify-content: center;
	}

	.staybox {
		max-width: 650px;
	}

	table.table01 {
		padding-top: 40px;
		padding-bottom: 60px;
	}

	.staybox__imgbox {
		display: none;
	}

	/* 식당시설 */
	.restbox {
		display: none;
	}

	.restbox>.restbox__imgbox:nth-child(1) {
		padding-right: 50px;
	}

	.restbox {
		padding-bottom: 0px;
	}

	.restbox__foodtext {
		padding-top: 40px;
	}

	.restbox__cardbox {
		padding-top: 40px;
		flex-direction: column;
		justify-content: space-between;
	}

	.restbox__tab--padding {
		padding-right: 0px;
	}

	.restbox__cardtitle--padding {
		padding-top: 45px;
	}

	.swiper-container-rtl .swiper-button-next {
		display: none;
	}

	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		display: none;
	}

	/* 야외시설 */
	.outdoor__imgbox {
		max-width: 420px;
	}

	.outdoor__imgbox>img {
		max-width: 420px;
		height: auto;
	}

	.outdoor__textbox {
		max-width: 420px;
		width: 100%;
	}

	.outdoor__pictobox {
		display: none;
	}

	.outdoor__margin--right {
		margin-right: 10px;
	}

	.outdoor__margin--left {
		margin-left: 10px;
	}

	.outdoor__title {
		font-size: 30px;
	}

	.outdoorbox {
		display: none;
	}

	/* 이용안내 */
	.img02-container {
		flex-direction: column;
		align-items: center;
	}

	.img02-arrowbox {
		flex-direction: row;
	}

	.img02-arrow {
		transform: rotate(90deg);
	}
	.guide__title {
		font-size: 30px;
	}
}

/* mobile */
@media(max-width: 640px) {
	/* 공통추가부분시작 */
	.container {
		width: 90%;
	}
	.title-box__text {
		padding-bottom: 50px;
		font-size: 35px;
	}
	.title-box2__text {
		padding-bottom: 50px;
		font-size: 35px;
	}
	/* 공통추가부분끝 */

	.mid_nav_box--tab {
		font-size: 15px;
	}

	/* 교육시설 */
	.edubox {
		display: block;
		flex-direction: column;
		justify-content: space-between;
	}

	.edubox__imgbox {
		width: 100%;
		max-width: 650px;
	}

	.edubox__img {
		text-align: center;
	}

	.edubox__img-title {
		padding-bottom: 10px;
	}

	/* 숙박시설 */

	.mobile-imgbox {
		display: block;
	}

	.staybox__imgbox>.staybox__img:nth-child(-n+2) {
		padding-right: 10px;
	}

	.staybox__caption {
		display: none;
	}

	.staybox__textbox {
		flex-direction: column;
	}

	.staybox__title {
		padding-top: 10px;
		font-size: 40px;
	}

	table.table01 {
		padding-top: 40px;
		padding-bottom: 60px;
	}

	.staybox__imgbox {
		display: none;
	}

	/* 식당시설 */
	table.table02 th {
		width: auto;
	}
	.restbox {
		display: none;
	}

	.restbox>.restbox__imgbox:nth-child(1) {
		padding-right: 36px;
	}

	.restbox {
		padding-bottom: 0px;
	}

	.restbox__foodtext {
		padding-top: 40px;
	}

	.restbox__cardbox {
		padding-top: 40px;
		flex-direction: column;
		justify-content: space-between;
	}

	.restbox__tab--padding {
		padding-right: 0px;
	}

	.restbox__cardtitle--padding {
		padding-top: 45px;
	}

	.swiper-container-rtl .swiper-button-next {
		display: none;
	}

	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		display: none;
	}

	table.table02 td {
		font-size: 10px;
	}

	.swiper-container {
		height: 400px;
	}

	.gallery-thumbs {
		height: 100px;
	}

	.staybox__swiper {
		padding-top: 0px;
	}

	table.table01 {
		padding-bottom: 0px;
	}

	/* 야외시설 */
	.outdoor__imgbox {
		max-width: 420px;
	}

	.outdoor__imgbox>img {
		max-width: 420px;
		height: auto;
	}

	.outdoor__textbox {
		max-width: 420px;
		width: 100%;
	}

	.outdoor__pictobox {
		display: none;
	}

	.outdoor__margin--right {
		margin-right: 10px;
	}

	.outdoor__margin--left {
		margin-left: 10px;
	}

	.outdoor__title {
		font-size: 23px;
	}

	.outdoorbox {
		display: none;
	}

	.edubox__img-desc {
		padding-bottom: 20px;
	}

	/* 이용안내 */
	.img02-container {
		flex-direction: column;
		align-items: center;
	}

	.img02-arrowbox {
		flex-direction: row;
	}

	.img02-arrow {
		transform: rotate(90deg);
	}
	
	.guide__title {
		font-size: 30px;
	}
}