@charset "utf-8";

@font-face {
	font-family: 'S-Core Dream';
	src: url(./include/font/S-CoreDream-4Regular.eot);
	src: url(./include/font/S-CoreDream-4Regular.eot?#iefix) format('embedded-opentype'),
	url(./include/font/S-CoreDream-4Regular.woff2) format('woff2'),
	url(./include/font/S-CoreDream-4Regular.woff) format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'S-Core Dream';
	src: url(./include/font/S-CoreDream-5Medium.eot);
	src: url(./include/font/S-CoreDream-5Medium.eot?#iefix) format('embedded-opentype'),
	url(./include/font/S-CoreDream-5Medium.woff2) format('woff2'),
	url(./include/font/S-CoreDream-5Medium.woff) format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'S-Core Dream';
	src: url(./include/font/S-CoreDream-6Bold.eot);
	src: url(./include/font/S-CoreDream-6Bold.eot?#iefix) format('embedded-opentype'),
	url(./include/font/S-CoreDream-6Bold.woff2) format('woff2'),
	url(./include/font/S-CoreDream-6Bold.woff) format('woff');
	font-weight: 600;
	font-style: normal;
}

/* reset */
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {line-height:1.4;font-family:'S-Core Dream','에스코어 드림','Malgun Gothic','나눔고딕',NanumGothic,'S-Core Dream',Helvetica,sans-serif;color: #333;letter-spacing:-1px;}
html,body,div,span,iframe,p,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,button,select,table,th,td,article,aside,section,figure,figcaption,img {margin:0;padding:0;border:0}
iframe {overflow:auto;width:100%;border:0}
table {width:100%;border-collapse:separate;border-spacing:0;font-size:inherit}
th,td {font-size:inherit;line-height:inherit;word-break:normal}
ol,ul {list-style:none}
img {max-width:100%;max-height:100%;}
a {text-decoration:none;color:inherit}
address,cite,em {font-style:normal}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-weight: 500;font-size:inherit}
strong,b {font-weight:600}
caption,legend {overflow:hidden;width:0;height:0;line-height:0;text-indent:-9999em}
input,textarea,select,optgroup,button {font-size:inherit;font-family:inherit;line-height:inherit}
input,textarea {resize:none;border:1px solid #e1e1e1;border-radius:0;box-sizing:border-box;background:#fff}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="number"] {height:32px;padding:0 4px;line-height:32px;border:1px solid #e1e1e1;box-sizing:border-box}
input[type="checkbox"],input[type="radio"] {padding:0;border:0;border-radius:0;box-sizing:border-box}
input[type="image"] {border:0 none}
input[type="text"],img,select {vertical-align:middle;}
button,input[type="button"],input[type="reset"],input[type="submit"] {overflow:visible;-webkit-appearance:button;cursor:pointer}
button {border:0;background-color:transparent}


header {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index: 50;
}

.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 25px;
	height: 120px;
	max-width: 1440px;
	margin: 0 auto;
}

.logo img {height: 45px;margin-top: -2px;}

@media screen and (max-width:500px) {
	.logo img { height: 32px; margin-top: -3px; }
}

.menu {
	list-style: none;
	display: flex;
}

.menu > li {
	position: relative;
	width: 180px;
	text-align: center;
	padding: 45px 15px;
	font-size: 24px;
}

.menu > li > a {
	position: relative;
	color: #000;
	font-weight: 600;
}
a.fontPoint {
	color:#4156c2 !important;
}

.menu > li > a::after {
	content: "";
	position: absolute;
	top: 38px;
	left: 0;
	bottom: 0px;
	width: 0%;
	height: 3px;
	background-color: #8e9be1;
	transition: width 0.3s ease;
}

.menu > li:hover > a::after {
	width: 100%; 
}

.submenu {
	position: absolute;
	top: 123px;
	left: 0px;
	display: none;
	list-style: none;
	background-color: #fff;
	z-index: 5;
}

.submenu li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 170px;
	height: 40px;
	border: 1px solid #cccccc;
	border-top: none;
	color: #213F6A;
	text-decoration: none;
	background-color: #fff;
	font-size: 19px;
	font-weight: 400;
	padding: 10px 20px;
}

.submenu li:hover a {
	background-color: #4156c2;
	color: #fff;
}

.menu > li:hover .submenu {
	display: block;
}


/* 사이드메뉴 */

.menuIcon {
	display: flex;
	flex-direction: column;
	cursor: pointer;
}
.menuIcon>div {
	width: 25px;
	height: 2px;
	background-color: #403daa;
	margin: 3px 0;
}

.sidebar {
	height: 100%;
	width: 250px;
	position: fixed;
	z-index: 5;
	top: 0;
	right: -250px;
	background-color: #fff;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 8px;
	box-shadow: -5px 0px 8px rgba(71, 71, 71, 0.1);
	z-index: 1000;
}
.sidebar.active {
	right: 0;
}
.Sidebar_menu_logo {
	padding: 30px 8px 18px 18px;
	text-decoration: none;
	font-size: 20px;
	font-weight: 600;
	color: #333;
	display: block;
	transition: 0.3s;
	display: flex;
}

.Sidebar_menu_logo .logo{
	height: 30px;
}
.sidebar>ul{
	border-top:1px solid #dadada;
}

.sidebar ul>li>a {
	padding: 10px 8px 10px 22px;
	text-decoration: none;
	font-size: 20px;
	font-weight: 600;
	color: #333;
	display: block;
	transition: 0.3s;
	border-bottom: 1px solid #dadada;
}

.sidebar a:hover {
	background: #dbeaff;
}
.sidebar .closebtn {
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 36px;
	font-weight: 500;
}
.sidebar .sidebar_sub{
	display: none;
	list-style-type: none;
	padding-left: 0;
	background-color: #f1f7ff;
	transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
}
.sidebar .sidebar_sub a {
	padding: 15px 10px 15px 35px;
	font-weight: normal;
	font-size: 15px;
}

.sidebar>ul>li.open .sidebar_sub {
	display: block;
	max-height: 1000px;
	opacity: 1;
}

.sidebar .kakaochat_box{
	padding: 15px 20px;
	margin-top: 10px;
	display: none;
}
.sidebar .kakaochat_box .btn_kakaochat{
	padding: 8px 10px 5px;
	background: #ffdd00;
	border-radius: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 600;
}
.sidebar .kakaochat_box .btn_kakaochat img{
	width: 40px;
}

.sidebar_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0s 0.3s;
	z-index: 999;
}

.sidebar_overlay.active{
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s ease;
}

.side_btn{
	display: flex;
	width: 110px;
	height: 120px;
	position: fixed;
	right: 0;
	bottom: 100px;
	background: #ffdd00;
	z-index: 100;
	text-align: center;
	justify-content: center;
	align-items: center;
	border-radius: 28px 0 0 28px;
	box-shadow: 4px 4px 8px 2px rgb(0 0 0 / 51%);
}
.side_btn a{font-size: 23px;font-weight: 600;color: #fff;text-align: center;}
.side_btn a>span{ display: block; font-weight: 100; margin-top: 7px; }

@media screen and (max-width:1080px) {
	.side_btn{/* display: none; */width: 50px;height: 70px;padding: 0px 5px 0 15px;overflow: hidden;bottom: 30px;}
}

.mainBanner{position: relative;z-index: 1;height: 460px;overflow: hidden;}

.video-background {
	position: relative;
	width: 100%;
	height: 800px;
	overflow: hidden;
	background: url('https://img.youtube.com/vi/tbTK4e-eErM/maxresdefault.jpg') no-repeat center center/cover;
	pointer-events: none;
	top: -190px;
}

.video-background iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100%;
	transform: translate(-50%, -50%) scale(1.4);
	min-width: 1440px;
	min-height: 100%;
	pointer-events: none; 
}
.loading-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 10;
	transition: opacity 1.5s ease;
}

.searchFilter{display: flex;justify-content: center;position: relative;z-index: 10;height: 0px;background: #ffffff;}
/* .searchFilter .filter-container {background-color: #fff;border-radius: 30px;box-shadow: 4px 4px 12px 2px rgb(0 0 0 / 51%);display: flex;flex-direction: row;gap: 10px;align-items: center;width: 80%;position: absolute;top: -230px;max-width: 870px;} */
.searchFilter .filter-row { display: flex; gap: 10px; flex-direction: row; flex-wrap: wrap; width: 85%; padding: 15px; }
.searchFilter .filter-item { position: relative; width: 32%; display: flex; flex-direction: column; }
.searchFilter .filter-button {display: flex;align-items: center;gap: 22px;padding: 10px 15px;background-color: #fff;border: 1px solid #f6f6f6;background: #f6f6f6;border-radius: 15px;cursor: pointer;font-size: 18px;color: #333;width: 100%;justify-content: flex-start;}
.searchFilter .filter-button > span.label {width: 200px;text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.searchFilter .filter-button:hover { background-color: #f9f9f9; }
.searchFilter .icon {font-size: 16px;width: 32px;}
.searchFilter .arrow {font-size: 12px;margin-left: auto;}
.searchFilter .dropdown-content {display: none;position: absolute;background-color: #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);border-radius: 5px;z-index: 1;top: 100%;left: 50%;transform: translateX(-50%);text-align: left;width: 100%; /* 부모 너비를 따라가도록 설정 */box-sizing: border-box; /* 패딩과 보더를 너비에 포함 */}
.searchFilter .dropdown-content a {display: block;padding: 15px 0px 15px 60px;text-decoration: none;color: #333;font-size: 18px;}
.searchFilter .dropdown-content a:hover { background-color: #f0f0f0; }
.searchFilter .search-button {transition: .3s;width: 15%;padding: 8px 20px;background-color: #4156c2;color: #fff;border: none;cursor: pointer;font-size: 14px;height: 140px;border-radius: 0 29px 29px 0;display: flex;align-items: center;justify-content: center;}
.searchFilter .search-button>span {margin-left: 10px;font-size: 18px;word-break: keep-all;}
.searchFilter .search-button:hover {background-color: #1f3295;}

/* @media screen and (max-width: 1100px) {
.searchFilter .filter-row{ padding:0; }
.searchFilter {padding: 20px 0px 20px;background: #dfedff;}
.searchFilter .filter-container {flex-direction: column;gap: 20px;padding: 20px 0;top: auto;bottom: 30px;position: relative;box-shadow: none;width: 95%;}
.searchFilter .search-button { padding: 18px 20px; width: 85%; height: auto; border-radius: 15px; padding: 20px 0px; }
.searchFilter .filter-item { width: 49%; }
}

@media screen and (max-width: 700px) {
.searchFilter .filter-item { width: 100%; }
.searchFilter .filter-button { padding: 12px 10px; font-size: 16px; }
.searchFilter .search-button { padding: 12px 10px; }
.searchFilter .search-button>span{ font-size: 16px; }
.searchFilter .filter-container {top: auto;bottom: auto;}
} */

.subSearchFilter{display: flex;justify-content: center;position: relative;z-index: 10;height: auto;background: url(../images/titlebarBg.png) center no-repeat;background-color: #194175;}
/* .subSearchFilter .filter-container {background-color: #fff;border-radius: 30px;box-shadow: 4px 4px 12px 2px rgb(0 0 0 / 51%);display: flex;flex-direction: row;gap: 10px;align-items: center;width: 90%;position: absolute;top: 17px;max-width: 870px;} */
.subSearchFilter .filter-row { display: flex; gap: 10px; flex-direction: row; flex-wrap: wrap; width: 85%; padding: 15px; }
.subSearchFilter .filter-item { position: relative; width: 32%; display: flex; flex-direction: column; }
.subSearchFilter .filter-button {display: flex;align-items: center;gap: 22px;padding: 18px 15px;background-color: #fff;border: 1px solid #f6f6f6;background: #f6f6f6;border-radius: 15px;cursor: pointer;font-size: 18px;color: #333;width: 100%;justify-content: flex-start;}
.subSearchFilter .filter-button > span.label {width: 200px;text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.subSearchFilter .filter-button:hover { background-color: #f9f9f9; }
.subSearchFilter .icon {font-size: 16px;width: 32px;}
.subSearchFilter .arrow {font-size: 12px;margin-left: auto;}
.subSearchFilter .dropdown-content {display: none;position: absolute;background-color: #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);border-radius: 5px;z-index: 1;top: 100%;left: 50%;transform: translateX(-50%);text-align: left;width: 100%; /* 부모 너비를 따라가도록 설정 */box-sizing: border-box; /* 패딩과 보더를 너비에 포함 */}
.subSearchFilter .dropdown-content a {display: block;padding: 15px 0px 15px 60px;text-decoration: none;color: #333;font-size: 18px;}
.subSearchFilter .dropdown-content a:hover { background-color: #f0f0f0; }
.subSearchFilter .search-button {transition: .3s;width: 15%;padding: 8px 20px;background-color: #4156c2;color: #fff;border: none;cursor: pointer;font-size: 14px;height: 170px;border-radius: 0 29px 29px 0;display: flex;align-items: center;justify-content: center;}
.subSearchFilter .search-button>span {margin-left: 10px;font-size: 18px;word-break: keep-all;}
.subSearchFilter .search-button:hover {background-color: #1f3295;}

@media screen and (max-width: 1100px) {
	.subSearchFilter {display: none;}
}

.cruisePackage_box{
	width: 100%;
	background: #dfedff;
}
.cruisePackage {
	width: 90%;
	max-width: 1440px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	padding: 40px 0 20px;
	align-items: center;
}

.cruisePackage .left_text {
	width: 29%;
	padding: 70px 0;
}

.cruisePackage .left_text .title > span {
	display: block;
	color: #6076e5;
	font-size: 20px;
}

.cruisePackage .left_text .title {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 22px;
	word-break: keep-all;
	color: #000;
}

.cruisePackage .left_text .text {
	font-size: 16px;
	margin-bottom: 80px;
}

.cruisePackage .left_text button.search-button {
	padding: 25px 30px;
	font-size: 18px;
	color: #fff;
	background-color: #4156c2;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	box-shadow: 2px 3px 6px 0px rgb(0 0 0 / 30%);
	transition: 0.3s;
	display: none;
}

.cruisePackage .left_text button.search-button:hover {
	background-color: #1f3295;
}

.cruisePackage .right_package {
	width: 1020px;
	position: relative;
	display: flex;
	justify-content: center;
	flex: 1;
}

.cruiseSwiper {
	width: 100%;
	padding: 10px 0;
}

.cruisePackage .right_package .cruiseSwiperBox{
	width: 90%;
	height: 440px;
	display: flex;
	align-items: center;
}
.cruisePackage .right_package .package_Box {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 220px;
}

.cruisePackage .right_package .package_Box .pic {
	position: relative;
	height: 340px;
	width: 220px;
	overflow: hidden;
	border-radius: 20px;
	transition: 0.5s;
}

.cruisePackage .right_package .package_Box .pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 220px;
	height: 440px;
	max-width: none;
	max-height: none;
}

.cruisePackage .right_package .package_Box .text {
	font-weight: 400;
	font-size: 16px;
	color: #182773;
	text-align: center;
	margin-top: 10px;
}	
.cruisePackage .right_package .swiper-wrapper{
	align-items: center
}
.cruisePackage .right_package .swiper-button-prev,
.cruisePackage .right_package .swiper-button-next {
	color: #4156c2;
	width: 40px;
	height: 40px;
}
.cruisePackage .right_package .swiper-button-prev:after,
.cruisePackage .right_package .swiper-button-next:after {
	font-size: 20px;
}
.cruisePackage .right_package .swiper-pagination-bullet { background: #4156c2; opacity: 0.5; }
.cruisePackage .right_package .swiper-pagination-bullet-active { opacity: 1; }

@media screen and (max-width: 1400px) {
	.cruisePackage {flex-direction: column;padding: 50px 0 50px;}
	.cruisePackage .left_text{width: 100%; padding: 10px 0 30px; text-align: center;}		
	.cruisePackage .left_text .title{ margin-bottom: 12px;}
	.cruisePackage .left_text .text{margin-bottom: 0;}
}

@media screen and (min-width: 1080px) {
	.cruisePackage .right_package .package_Box:hover .pic {
		height: 410px;
	}
}
@media screen and (max-width: 1080px) {
	.cruisePackage {width: 100%; overflow: hidden;}
	.cruisePackage .cruiseSwiper .middle-slide .pic{height: 410px;}
	.cruisePackage .cruiseSwiper .edge-slide .pic{height: 340px;}
	.cruisePackage .cruiseSwiper .middle-slide{pointer-events: auto;}
	.cruisePackage .cruiseSwiper .edge-slide {pointer-events: none; opacity: .3;}
}
@media screen and (max-width: 600px) {
	.cruisePackage .right_package { width: 680px; }	
	.cruisePackage .right_package .cruiseSwiperBox { width: 100%;}
}

@media screen and (max-width: 480px) {
	.cruisePackage .right_package {width: 900px;}
	.cruisePackage .right_package .cruiseSwiperBox {margin-left: 225px;}
}



.event_cruise{
	width: 100%;
	background: #fff;
	padding: 30px 0 50px;
}
.event_cruise .container{width: 90%;max-width: 1440px;margin: 0 auto;}
.event_cruise .container .title{
	font-size: 30px;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #000;
	word-break: keep-all;
	letter-spacing: -3.5px;
}
.event_cruise .container .subTitle{
	font-size: 16px;
	letter-spacing: -2px;
	margin-bottom: 20px;
	display: none;
}
.event_cruise .course_list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 25px;
}
.event_cruise .course_Box{
	width: calc(25% - 20px);
	/* border: 1px solid #ccc; */
	border-radius: 7px;
	overflow: hidden;
}
.event_cruise .course_Box .course_img{
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}
.event_cruise .course_Box .course_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.event_cruise .course_Box .course_text{
	padding: 7px 5px;
	background-color: #ffffff;
	text-align: left;
	position: relative;
	/* height: 85px; */
}
.event_cruise .course_Box .course_text::before {
	/* content: ''; */
	position: absolute;
	top: 18px;
	left: 19px;
	width: 10px;
	height: 10px;
	background-color: #6b89ff;
}
.event_cruise .course_Box .course_text div{
	font-size: 18px;
	font-weight: bold;
	margin: 2px 0 5px;
	color: #333;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.event_cruise .course_Box .course_text p{
	font-size: 14px;
	color: #666;
	margin: 0;
	line-height: 1.5;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

@media screen and (max-width: 1080px) {
	.event_cruise .course_Box {width: 47%;}
	.event_cruise .container {text-align: center;}
}
@media screen and (max-width: 600px) {
	.event_cruise .course_Box { width: 90%;}
	.event_cruise .container .subTitle{font-size: 16px;}
}

/* 크루즈코스 */

.cruise_course{
	width: 100%;
	background: #dde2f9;
	padding: 30px 0 50px;
}
.cruise_course .container{width: 90%;max-width: 1440px;margin: 0 auto;}
.cruise_course .container .title{
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 12px;
	color: #000;
	word-break: keep-all;
	letter-spacing: -3.5px;
}
.cruise_course .container .subTitle{
	font-size: 16px;
	letter-spacing: -2px;
	margin-bottom: 20px;
}
.cruise_course .course_list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px;
}
.cruise_course .course_Box{
	/* width: 23%; */
	width: calc(25% - 20px);
	box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
	border-radius: 7px;
	overflow: hidden;
}
.cruise_course .course_Box .course_img{
	aspect-ratio: 16 / 8;
	object-fit: cover;
	overflow: hidden;
	position: relative;
}
.cruise_course .course_Box .course_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.cruise_course .course_Box .course_text{
	padding: 7px 30px;
	background-color: #ffffff;
	text-align: center;
	position: relative;
	height: 85px;
}
.cruise_course .course_Box .course_text::before {
	content: '';
	position: absolute;
	top: 18px;
	left: 19px;
	width: 10px;
	height: 10px;
	background-color: #6b89ff;	
}
.cruise_course .course_Box .course_text div{
	font-size: 20px;
	font-weight: bold;
	margin: 2px 0 5px;
	color: #333;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.cruise_course .course_Box .course_text p{
	font-size: 14px;
	color: #666;
	margin: 0;
	line-height: 1.5;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

@media screen and (max-width: 1080px) {
	.cruise_course .course_Box {width: 47%;}
	.cruise_course .container {text-align: center;}
}
@media screen and (max-width: 600px) {
	.cruise_course .course_Box { width: 90%;}
	.cruise_course .container .subTitle{font-size: 16px;}
}


.Reservation_form{
	width: 100%;
	padding: 30px 0 20px;
}
.Reservation_form .container{
	width: 90%;
	max-width: 1440px;
	margin: 0 auto;
}
.Reservation_form .Reservation_title .title{
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 6px;
	word-break: keep-all;
	color: #000;
}
.Reservation_form .Reservation_title .text{
	font-size: 16px;
	margin-bottom: 4px;
	color: #888;
}
.Reservation_form .Reservation_title .point{
	font-size: 14px;
	margin-bottom: 30px;
	color: #df5757;
}
.Reservation_form .ReserForm{
	margin-bottom: 25px;
}

.Reservation_form .ReserFlex_box{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.Reservation_form .ReserFlex_box .ReserFlex01{width: 700px;}

.Reservation_form .ReserForm .title{
	display: flex;
	gap: 10px;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
	align-items: center;
}
.Reservation_form .ReserForm .title>span.ico{
	width: 25px;
}
.Reservation_form .ReserForm .title>span{
	font-size: 16px;
	color: #d72e2e;
}

/* .Reservation_form .form-input01{ display: flex; gap: 20px; font-size: 20px; align-items: center; }
.Reservation_form .form-input01>div{ display: flex; align-items: center; }
.Reservation_form .form-input01 input{ width: 110px; padding: 5px; font-size: 18px; border: 1px solid #ccc; border-radius: 4px; outline: none; margin-right: 4px; text-align: right; }
.Reservation_form .form-input01 input:focus { border-color: #6b89ff; }
.Reservation_form .form-input01 input::placeholder { color: #999; } */

.Reservation_form .form-input01 {
	display: flex;
	gap: 10px;
	font-size: 18px;
	align-items: center;
}
.Reservation_form .form-input01 > div {
	display: flex;
	align-items: center;
}
.Reservation_form .form-input01 select {
	width: 120px;
	padding: 6px 25px 6px 6px;
	font-size: 18px;
	border: 1px solid #ccc;
	border-radius: 4px;
	outline: none;
	margin-right: 4px;
	text-align: right;
	appearance: none;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5"><path d="M0 0l5 5 5-5H0z" fill="%23999"/></svg>') no-repeat right 10px center;
	max-height: 200px;
	overflow-y: auto !important;
	text-align: center;
	cursor: pointer;
}

.Reservation_form .form-input01 select:focus { border-color: #6b89ff; }
.Reservation_form .form-input01 select option:disabled { color: #999; }
.Reservation_form .form-input01 > div:nth-child(2) select { width: 80px; }
.Reservation_form .form-input01 > div:nth-child(3) select {width: 80px;}




.Reservation_form .form-input02 {display: flex;align-items: center;gap: 20px;font-size: 18px;}
.Reservation_form .form-input02>div{ display: flex; align-items: center; color: #333; }
.Reservation_form .form-input02>div:nth-last-child(1){margin-left: 15px;}
.Reservation_form .form-input02>div:nth-last-child(1)>input{ margin-left: 10px; border: 1px solid #ccc; border-radius: 4px; }
.Reservation_form .form-input02 input[type="radio"] {appearance: none;width: 20px;height: 20px;border: 1px solid #aaa;border-radius: 50%;outline: none;cursor: pointer;margin-right: 8px;}
.Reservation_form .form-input02 input[type="radio"]:checked { background-color: #6b89ff; border-color: #6b89ff; }
.Reservation_form .form-input02 label {/* font-size: 18px; */color: #333;cursor: pointer;}

.Reservation_form .form-input03 {display: flex;align-items: center;gap: 30px;margin-bottom: 15px;}
.Reservation_form .form-input03 div {display: flex;align-items: center;gap: 11px;position: relative;}
.Reservation_form .form-input03 div:nth-child(1) {margin-right: 20px;font-size: 18px;}
.Reservation_form .form-input03 div:nth-child(1)::after{display: none;}
.Reservation_form .form-input03 div label {font-size: 18px;color: #333;}
.Reservation_form .form-input03 div label>span { font-size: 15px;}
.Reservation_form .form-input03 div select {text-align: center;width: 80px;padding: 6px 25px 6px 6px;font-size: 16px;border: 1px solid #ccc;border-radius: 4px;outline: none;appearance: none;background-color: #fff;cursor: pointer;background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5"><path d="M0 0l5 5 5-5H0z" fill="%23999"/></svg>') no-repeat right 10px center;}
.Reservation_form .form-input03 div select:focus { border-color: #6b89ff; }
.Reservation_form .form-input03 div::after {/* content: '▼'; */position: absolute;top: 50%;right: 10px;transform: translateY(-50%);font-size: 12px;color: #333;pointer-events: none;}
.Reservation_form .form-input03-point { font-size: 18px; color: #d72e2e; }

.Reservation_form .form-input04 .form-input {width: 100%;padding: 15px;font-size: 18px;border: 1px solid #ccc;border-radius: 8px;background-color: #fff;outline: none;resize: none;min-height: 120px;margin-bottom: 20px;}
.Reservation_form .form-input04 .form-input::placeholder { color: #999; }
.Reservation_form .form-input04 .form-input:focus { border-color: #6b89ff; background-color: #fff; }

.ReserForm .btn{ width: 100%; text-align: center; }
.ReserForm_button{padding: 13px 20px;width: 63%;max-width: 600px;font-size: 20px;color: #fff;background-color: #5e88a7;border: none;border-radius: 20px;cursor: pointer;outline: none;margin-top: 20px;box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.2);}
.ReserForm_button:hover { background-color: #235b84; }



@media screen and (max-width: 1080px) {
	.Reservation_form .Reservation_title{text-align: center;}
	.Reservation_form .form-input02 { flex-wrap: wrap;}
	.Reservation_form .form-input03 {align-items: flex-start;flex-direction: column;gap: 7px;margin-bottom: 20px;border: 1px solid #999;border-radius: 25px;padding: 30px;}
	.Reservation_form .form-input03 div:nth-child(1) {margin-bottom: 15px;}
	
}
@media screen and (max-width: 600px) {
	.Reservation_form .form-input01 { align-items: flex-start; flex-direction: column; border: 1px solid #999; border-radius: 25px; padding: 30px;}
	.Reservation_form .form-input02 {align-items: flex-start;flex-direction: column;border: 1px solid #999;border-radius: 25px;padding: 30px;}
	.Reservation_form .form-input02>div:nth-last-child(1){margin-left: 0;}
	.Reservation_form .form-input02>div:nth-last-child(1)>input { width: 76%;}
	.Reservation_form .ReserForm .title>span { font-size: 14px;}
	.Reservation_form .ReserFlex_box .ReserFlex02{width: 100%;}
}

.Contact {width: 100%;padding: 30px 0 50px;background: #f4f4f4;}
.Contact .container{width: 90%;max-width: 1440px;margin: 0 auto;}
.Contact .Contact_title{text-align: left;}
.Contact .Contact_title .title{font-size: 30px;font-weight: 600;margin-bottom: 15px;word-break: keep-all;color: #000;}
.Contact .Contact_title .text{font-size: 16px;margin-bottom: 30px;color: #df5757;display: none;}

.Contact .form-container {display: flex;gap: 0px;width: 100%;margin-bottom: 20px;gap: 4%;justify-content: space-between;}
.Contact .form-container>div{font-size: 18px;display: flex;align-items: center;gap: 4px;width: 48%;justify-content: space-between;}
.Contact .form-container .input {/* flex: 1; */padding: 4px 20px;font-size: 18px;border: 1px solid #ccc;border-radius: 8px;background-color: #ffffff;outline: none;height: auto;width: 87%;}
.Contact .form-container .input::placeholder { color: #999; }
.Contact .form-container .input:focus { border-color: #6b89ff; background-color: #fff; }

.Contact .Contact_form{}
.Contact .Contact_form .form-input {width: 100%;padding: 15px;font-size: 18px;border: 1px solid #ccc;border-radius: 8px;background-color: #fff;outline: none;resize: none;min-height: 120px;margin-bottom: 20px;}
.Contact .Contact_form .form-input::placeholder { color: #999; }
.Contact .Contact_form .form-input:focus { border-color: #6b89ff; background-color: #fff; }

.Contact .btn{ width: 100%; text-align: center; }
.Contact_button{padding: 13px 20px;width: 80%;max-width: 600px;font-size: 20px;color: #fff;background-color: #7488eb;border: none;border-radius: 20px;cursor: pointer;outline: none;margin-top: 20px;box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.2);}
.Contact_button:hover {background-color: #5064c5;}

@media screen and (max-width: 1080px) {
	.Contact .form-container {flex-direction: column; gap: 15px;}
	.Contact .form-container>div{width: 100%;}
	.Contact .form-container div:nth-child(1) .input{/* width: calc(100% - 112px); */}
	.Contact .form-container div:nth-child(2) .input{/* width: calc(100% - 149px); */}
}
@media screen and (max-width: 600px) {
	.Contact .form-container>div { flex-direction: column; align-items: flex-start;}
	.Contact .form-container {gap: 16px;}
	.Contact .form-container .input{width: 100%;}
}

.title_banner{
	text-align: center;
	width: 100%;
	color: #fff;
	font-size: 34px;
	font-weight: 600;
	height: 157px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../images/titlebar_Bg.png) center no-repeat;
	background-color: #3e6091;
	flex-direction: column;
	gap: 2px;
}
.title_banner span{font-size: 24px;font-weight: 100;color: #88b3ef;}

@media screen and (max-width: 550px) {
	.title_banner { font-size: 24px; height: 100px; }
}

/* 서브페이지 */
section.subpage{min-height: 600px;max-width: 1440px;margin: 0 auto;padding: 0 30px;position: relative;}

.breadcrumb ul{
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	justify-content: flex-end;
	padding: 10px 4%;
	margin-bottom: 20px;
	max-width: 1440px;
	margin: 0 auto;
	height: 30px;
	background: url(../images/breadcrumb_Bg.png) right no-repeat;
}

.breadcrumb li {
	display: flex;
	align-items: center;
	color: #333;
	font-size: 1rem;
}

.breadcrumb li + li::before {
	content: '>';
	margin: 0 8px;
	color: #333;
}

.breadcrumb li a {
	text-decoration: none;
	color: #333;
}

.breadcrumb li a:hover {
	text-decoration: underline;
}

.breadcrumb li .home-icon {
	width: 16px;
	height: 16px;
	background-size: contain;
	display: block;
}

@media screen and (max-width: 550px) {
	.breadcrumb {font-size: 11px;}
}

.sub_title{
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 30px;
	word-break: keep-all;
	color: #000;
	text-align: left;
}

.QNA_Page>.title{
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 30px;
	word-break: keep-all;
	color: #000;
	text-align: left;
}
.QNA_board {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	margin-bottom: 40px;
}
.QNA_board-item {
	border-bottom: 1px solid #ddd;
}
.QNA_board-header {
	padding: 20px 15px;
	font-size: 18px;
	font-weight: 500;
	color: #555;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.QNA_board-header:hover {
	background-color: #f9f9f9;
}
.QNA_board-content {
	overflow: hidden;
	max-height: 0;
	padding: 0 15px;
	background-color: #fff;
	font-size: 16px;
	transition: max-height 0.3s ease-out, padding 0.3s ease-out;
	margin-left: 65px;
	line-height: 32px;
}
.QNA_board-content p {
	margin: 5px 0;
}

.QNA_board-content span.title{
	display: block;
	font-size: 18px;
	font-weight: 600;
	color: #4156c2;
	margin-bottom: 35px;
}
.QNA_board-content span.subtitle{
	font-size: 18px;
	font-weight: 600;
	display: block;
	margin-bottom: 20px;
}
.QNA_board-content span.point{
	font-weight: 500;
	color: #d86262;
}

.QNA_board-item.active .QNA_board-content {padding: 15px 15px 40px;}
.QNA_board-item .q-label{font-size: 20px;font-weight: 100;color: #fff;width: 35px;text-align: center;height: 35px;background: #dadada;border-radius: 50px;display: flex;justify-content: center;align-items: center;margin-right: 30px;transition: .3s;flex-shrink: 0;}
.QNA_board-item.active .q-label{background: #4156c2;}

section.subpage .pagination {display: flex;align-items: center;gap: 8px;justify-content: center;margin-bottom: 100px;}
section.subpage .pagination button {width: 32px;height: 32px;border: none;font-size: 16px;cursor: pointer;font-weight: 100;padding: 0;color: #999;}
section.subpage .pagination button:hover { background-color: #e5e7eb; }
section.subpage .pagination button.active { color: #000; font-weight: 600; }
section.subpage .pagination button.arrow {font-size: 24px;margin-bottom: 7px;font-family: Arial;}


@media screen and (max-width: 600px) {
	.QNA_board-header { padding: 30px 15px; font-size: 15px; }
	.QNA_board-item .q-label { font-size: 16px; width: 25px; height: 25px; }
	.QNA_board-content { font-size: 14px; margin-left: 45px; }
	section.subpage .pagination button { font-size: 13px; }
	.QNA_board-content span.title { font-size: 18px; }
	.QNA_board-content span.subtitle { font-size: 16px; }
}

.gall_page{}
.gall_list{
	border-top: 1px solid #666;
	/* border-bottom: 1px solid #666; */
	margin-bottom: 30px;
	padding-top: 30px;
}
.gall_list>ul{
	display: flex;
	gap: 2%;
	flex-direction: row;
	flex-wrap: wrap;
}
.gall_list>ul>li{
	width: calc(33.3% - 1.3%);
	margin-bottom: 35px;
}
.gall_list li>.pic{
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}
.gall_list li>.pic>img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.gall_list li>.text{
	margin-top: 10px;
	padding: 0px 10px;
}
.gall_list li>.text .title{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.gall_list li>.text .title>span{}
.gall_list li>.text .date{
	font-size: 16px;
	color: #777;
}
@media screen and (max-width:1080px) {
	.gall_list>ul>li{
		width: calc(50% - 1%);
	}
	.gall_list li>.text .title {
		font-size: 17px;
	}
	.gall_list li>.text .date {
		font-size: 15px;
	}
}
@media screen and (max-width:500px) {
	.gall_list>ul>li{
		width: 100%;
	}
}

.gall_view {
	border-top: 1px solid #666;
	border-bottom: 1px solid #ccc;
	/* margin-bottom: 40px; */
	padding-top: 30px;
}
.gall_view .gall_view_title{
	text-align: center;
}
.gall_view .gall_view_title .title{
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
}
.gall_view .gall_view_title .date{
	font-size: 18px;
	color: #777;
	margin-bottom: 20px;
}
.gall_view .gall_view_pic{
	text-align: center;
	width: 90%;
	margin: auto;
}
.gall_view .gall_view_pic img{
	max-width: 1100px;
	width: 100%;
}
.gall_view .gall_view_text{
	padding: 30px;
	width: 90%;
	margin: auto;
	min-height: 400px;
}
.gall_view_btn{
	margin-top: 10px;
	margin-bottom: 100px;
}
.gall_view_btn .btn_line{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 40px;
}
.gall_view_btn .btn_line .prev>a{
	margin-left: 15px;
	font-size: 18px;
	display: flex;
	align-items: center;
}
.gall_view_btn .btn_line .prev span{
	font-size: 12px;
	margin-right: 7px;
}
.gall_view_btn .btn_line .next>a{
	margin-right: 15px;
	font-size: 18px;
	display: flex;
	align-items: center;
}
.gall_view_btn .btn_line .next span{
	font-size: 12px;
	margin-left: 7px;
}
.gall_view_btn .btn{
	text-align: center;
}
.gall_view_btn .btn button{
	padding: 15px 60px;
	background: #4156c2;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	border-radius: 15px;
	box-shadow: 2px 3px 4px 2px rgb(0 0 0 / 30%);
}
.gall_view_btn .btn button a{}
@media screen and (max-width:700px) {
	.gall_view .gall_view_title .title{
		font-size: 18px;		
	}
	.gall_view .gall_view_title .date{
		font-size: 15px;
	}
	.gall_view .gall_view_text {
		min-height: 260px;
	}
	.gall_view_btn .btn button{
		padding: 12px 40px;
		font-size: 15px;
	}
}


section.subpage .button_line{display: flex;flex-direction: row;justify-content: flex-end;gap: 20px;/* padding: 0 20px; */position: relative;top: -20px;margin-bottom: 20px;}
section.subpage .button_line .right_line{display: flex;justify-content: flex-end;gap: 20px;flex-wrap: wrap;}
section.subpage .button_line button{border: 1px solid #ccc;border-radius: 4px;padding: 7px 15px 5px;transition: 0.3s;}
section.subpage .button_line button:hover{ background: #ccc; }

@media screen and (max-width: 600px) {
	section.subpage .button_line{ justify-content: center}
	section.subpage .button_line button {padding: 7px 25px 8px;font-size: 12px;} 
}





footer {background-color: #495ab1;color: #fff;padding: 30px 20px 30px;font-size: 14px;line-height: 1.5;}
.footer-container { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; }
.footer-left { flex: 1; }
.footer-right { text-align: right; }
.inquiry-button {display: inline-block;background-color: #fff;color: #1e3a8a;padding: 9px 30px;border-radius: 25px;font-size: 18px;font-weight: bold;text-decoration: none;margin-bottom: 18px;font-weight: 100;}
.footer-text {margin: 0;font-size: 17px;font-weight: 100;margin-bottom: 7px;line-height: 1.7;word-break: keep-all;}
.footer-text.font {font-size: 15px;}
.footer-text.time{ text-indent: -77px; margin-left: 77px; }
.footer-text.time span{font-size: 15px;}
.footer-text.info{margin-bottom: 5px;display: flex;flex-direction: row;flex-wrap: wrap;gap: 30px;}
.footer-text.info>div{ }
.footer-text span.bold {font-weight: bold;margin-bottom: 10px;margin-right: 6px;}
.footer-text span.space { margin: 0 6px; }
.footer-text.copyright { margin-top: 10px; font-size: 15px; }
.footer-logo { width: 170px; margin-bottom: 10px; }




/* 팝업 배경 */
footer .popup {
	display: none;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	flex-direction: column;
	align-items: center;
}

footer .popup>div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

/* 팝업 내용 상자 */
footer .popup-content {
	background-color: #fff;
	color: #333;
	margin: 5% auto;
	padding: 20px;
	width: 800px;
	border-radius: 8px;
	text-align: center;
	position: relative;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

/* 닫기 버튼 */
footer .close-btn { position: absolute; top: 10px; right: 15px; font-size: 24px; font-weight: bold; color: #333; cursor: pointer; }
footer .close-btn:hover { color: #f00; }
.footer_PopupForm{margin: auto;text-align: center;padding: 30px;}
.footer_PopupForm .popup_line_box{
    border-radius: 15px;
    padding: 15px 40px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    background: #f1f1f1;
}
.footer_PopupForm .PopupForm_input{display: flex;gap: 14px;flex-direction: row;justify-content: flex-end;align-items: center;margin-bottom: 15px;}
.footer_PopupForm .title{display: flex;gap: 10px;font-size: 20px;font-weight: 600;align-items: center;}
.footer_PopupForm .form-input {width: 87%;padding: 10px;font-size: 18px;border: 1px solid #ccc;border-radius: 4px;background-color: #fff;outline: none;resize: none;min-height: 200px;}
.footer_PopupForm .form-input::placeholder { color: #999; }
.footer_PopupForm .form-input:focus { border-color: #6b89ff; background-color: #fff; }

.footer_PopupForm .PopupForm_input input {width: 87%;font-size: 18px;border: 1px solid #ccc;border-radius: 4px;background-color: #fff;outline: none;resize: none;padding: 0 10px;}
.footer_PopupForm .PopupForm_input input::placeholder { color: #999; }
.footer_PopupForm .PopupForm_input input:focus { border-color: #6b89ff; background-color: #fff; }

.footer_PopupForm_button{padding: 7px 15px;width: 63%;max-width: 600px;font-size: 20px;color: #fff;background-color: #5e88a7;border: none;border-radius: 20px;cursor: pointer;outline: none;margin-top: 20px;margin-bottom: 0px;box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.2);}
.footer_PopupForm_button:hover { background-color: #235b84; }
.footer_PopupForm p{font-size: 16px;margin-bottom: 8px;text-align: left;text-indent: -11px;margin-left: 11px;color: #c14b4b;font-weight: 500;}

@media screen and (max-width:1280px) {
	footer .popup-content{width: 85%;}
	.footer_PopupForm .PopupForm_input input,.footer_PopupForm .form-input{width: 85%;}
}

@media screen and (max-width:800px) {
	.footer_PopupForm .PopupForm_input{flex-direction: column;}
	.footer_PopupForm .title{width: 100%;}
	.footer_PopupForm .PopupForm_input input,.footer_PopupForm .form-input{width: 100%;}
	.footer_PopupForm .form-input{min-height: 150px;}
	.footer_PopupForm_button { width: 90%;}
}

@media screen and (max-width:1080px) {
	.footer-container {flex-direction: column-reverse; gap: 20px; }
	.footer-text.info { flex-direction: column; gap: 0px; margin-bottom: 30px;}	
}
@media screen and (max-width:600px) {
	.footer-text { font-size: 14px;}
	.footer-text.copyright{ font-size: 12px; }
	footer .popup {overflow-y: auto;}
	.footer_PopupForm .title {font-size: 16px;}
	.footer_PopupForm p{ font-size: 13px;}
	.footer_PopupForm {padding: 0;}
	.footer_PopupForm .PopupForm_input input{font-size: 16px;}
	.footer_PopupForm .form-input{font-size: 16px;
        min-height: 100px;}
}




/* 팝업 배경 */
.popup.Mail_popup {
	display: flex;
	display: none;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	flex-direction: column;
	align-items: center;
}

.Mail_popup.popup>div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

/* 팝업 내용 상자 */
.Mail_popup .popup-content {
	background-color: #fff;
	color: #333;
	margin: 5% auto;
	padding: 20px;
	width: 800px;
	border-radius: 8px;
	text-align: center;
	position: relative;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

/* 닫기 버튼 */
.Mail_popup .close-btn { position: absolute; top: 10px; right: 15px; font-size: 24px; font-weight: bold; color: #333; cursor: pointer; }
.Mail_popup .close-btn:hover { color: #f00; }
.Mail_popup .footer_PopupForm{margin: auto;text-align: center;padding: 30px;}
.Mail_popup .footer_PopupForm .PopupForm_input{display: flex;gap: 14px;flex-direction: row;justify-content: flex-end;align-items: center;margin-bottom: 15px;}
.Mail_popup .footer_PopupForm .title{display: flex;gap: 10px;font-size: 20px;font-weight: 600;align-items: center;}
.Mail_popup .footer_PopupForm .form-input {width: 87%;padding: 10px;font-size: 18px;border: 1px solid #ccc;border-radius: 4px;background-color: #fff;outline: none;resize: none;min-height: 250px;}
.Mail_popup .footer_PopupForm .form-input::placeholder { color: #999; }
.Mail_popup .footer_PopupForm .form-input:focus { border-color: #6b89ff; background-color: #fff; }

.Mail_popup .footer_PopupForm .PopupForm_input input {width: 87%;font-size: 18px;border: 1px solid #ccc;border-radius: 4px;background-color: #fff;outline: none;resize: none;padding: 0 10px;}
.Mail_popup .footer_PopupForm .PopupForm_input input::placeholder { color: #999; }
.Mail_popup .footer_PopupForm .PopupForm_input input:focus { border-color: #6b89ff; background-color: #fff; }

.Mail_popup .footer_PopupForm_button{padding: 7px 15px;width: 63%;max-width: 600px;font-size: 20px;color: #fff;background-color: #5e88a7;border: none;border-radius: 20px;cursor: pointer;outline: none;margin-top: 20px;margin-bottom: 35px;box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.2);}
.Mail_popup .footer_PopupForm_button:hover { background-color: #235b84; }
.Mail_popup .footer_PopupForm p{ font-size: 16px; margin-bottom: 8px; text-align: left; text-indent: -11px; margin-left: 11px; color: #c14b4b; }

@media screen and (max-width:1280px) {
	.Mail_popup .popup-content{width: 85%;}
	.Mail_popup .footer_PopupForm .PopupForm_input input,.Mail_popup .footer_PopupForm .form-input{width: 85%;}
}

@media screen and (max-width:800px) {
	.Mail_popup .footer_PopupForm .PopupForm_input{flex-direction: column;}
	.Mail_popup .footer_PopupForm .title{width: 100%;}
	.Mail_popup .footer_PopupForm .PopupForm_input input,.Mail_popup .footer_PopupForm .form-input{width: 100%;}
	.Mail_popup .footer_PopupForm .form-input{min-height: 150px;}
	.Mail_popup .footer_PopupForm_button { width: 90%;}
}

@media screen and (max-width:600px) {
	.popup.Mail_popup {overflow-y: auto;}
}









.desktop{display: block ;}
.mobile{display: none ;}

@media screen and (max-width: 1400px) {
	header .desktop,footer .desktop{display: none;}
	header .mobile{display: flex;}
	footer .mobile{display: contents;}
}

.view_write_page {
	margin-top: 60px;
}

.view-table { 
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	border-top: 1px solid #666;
}
.view-table th, .view-table td {
	background: #fff;
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}
.view-table th {
	width: 20%;
	background-color: #f0f0f0;
	text-align: left;
}
.view-table.write{
	margin-bottom: 60px;
}
.view-table td input[type="text"], .view-table td textarea {
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
	border: none;
	outline: none;
}
.view_write_page .btn{
	gap: 25px;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 80px;
}
.view_write_page .btn button{
	padding: 15px 20px 10px;
	/* width: 80%; */
	/* max-width: 400px; */
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	background: #143159;
	border-radius: 4px;
}

.view_write_page .btn button:nth-last-child(1){
	background: #777;
}



.board_search{width: 100%;display: flex;justify-content: center;/* margin-bottom: 30px; */}
.board_search>form{ width: 85%; max-width: 480px;}
.board_search .search-container {padding: 0;border-radius: 8px;width: 100%;max-width: 480px;}

.search-container {}
.board_search .search-box {display: flex;align-items: center;border-radius: 15px;width: 100%;padding: 4px;border: 1px solid #dadada;justify-content: space-between;margin-bottom: 40px;}
.board_search .search-box select{background: #fff;}
.board_search .search-dropdown {background: none;border: none;font-size: 15px;margin-right: 10px;cursor: pointer;color: #555;padding: 7px 10px;}
.board_search .search-dropdown:focus {outline:none;}
.board_search .search-input {border: none;flex: 1;outline: none;font-size: 15px;color: #555;background: none;padding: 15px 0;/* border-bottom: 1px solid; */}
.board_search .search-input::placeholder {color: #555;}
.board_search .search-button {background: none;border: none;cursor: pointer;/* font-size: 40px; */padding: 0 17px;height: 20px;position: relative;top: -3px;}

@media screen and (max-width: 1200px) {
	.BasicBoard table.normal_board th:nth-child(1){width: 100px;}
	.BasicBoard table.normal_board th:nth-child(3){width:60px}
	.BasicBoard table.normal_board th:nth-child(4){width:90px}
	.BasicBoard table.normal_board th:nth-child(5){width:60px}
}
@media screen and (max-width: 750px) {
	.BasicBoard table.normal_board th:nth-child(5),.BasicBoard table.normal_board td:nth-child(5){
		display: none;
	}
}

@media screen and (max-width: 550px) {
	.BasicBoard table.normal_board th, .BasicBoard table.normal_board td { font-size: 11px; padding: 3px; }
	.BasicBoard table.normal_board th:nth-child(1){width:35px}
	.BasicBoard table.normal_board th:nth-child(3){width:50px}
	.BasicBoard table.normal_board th:nth-child(4){width:75px}
	
	.board_search .search-dropdown {font-size:11px; padding: 0px 10px;}
	.board_search .search-input {font-size: 11px;padding: 0 5px;flex: 1;}
	.board_search .search-button {height: 15px;top: -5px;padding: 0 5px;}
}
@media screen and (max-width: 350px) {
	.BasicBoard table.normal_board th:nth-child(3),.BasicBoard table.normal_board td:nth-child(3){display: none;}
	
	.board_search .search-dropdown {font-size:9px;}
	.board_search .search-input {font-size: 9px;flex: 0;}
	.board_search .search-button {height: 15px;top: -5px;}
}

.info_Page .title{ 
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 60px;
	word-break: keep-all;
	color: #000;
}
.info_Page .info_text{
	font-size: 24px;
	text-align: center;
	line-height: 3;
	padding-top: 110px;
	border-top: 1px solid #666;
	display: block;
	margin-bottom: 60px;
}

.info_Page .btn{
	width: 100%;
	text-align: center;
}
.info_Page .btn>button{
	padding: 13px 20px;
	width: 80%;
	max-width: 600px;
	font-size: 20px;
	color: #fff;
	background-color: #7488eb;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	outline: none;
	box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.2);
	margin-bottom: 140px;
}

@media screen and (max-width: 550px) {
	.info_Page .info_text{ font-size: 20px }
}


.all_chk{font-size: 20px;top: -10px;}
.all_chk.chk_box input[type="checkbox"] + label {top: 0px;left: 13px;}
.all_chk.chk_box input[type="checkbox"] + label span {top: 7px;left: -8px;}
.selec_chk{width: 20px !important;height: 20px !important;}
.ctt_admin { position: absolute; top: 13px; right: 6%; }
.tbl_wrap{font-size: 18px;}
.new_win .win_btn{font-size: 17px;}
.new_win .btn_submit{padding: 0 30px !important;}
.new_win .btn_close{width: auto !important;padding: 0 23px;}
#ctt{
    margin: 5px 0;
    padding: 10px;
}
#ctt>header{ border: none;}
.view-table.write .departureDate.hasDatepicker{border: 1px solid #ccc;width: 170px;display: inline-block;}
.view-table.write .departureDate.hasDatepicker:nth-child(1){ margin-right: 20px; }
.view-table.write .departureDate.hasDatepicker:nth-child(2){}
.view-table.write .cke_sc{font-size: 13px;}


#ctt_con{text-align: center;}
#ctt_con>img{
	width: 1200px;
	margin-top: -80px;
}



/* 서브페이지 */


@media screen and (max-width: 550px) {
	html{ font-size: 12px;}
}
@media screen and (max-width: 1140px) {	
	br.mo{display: none;}
}


.SUB_Page{text-align: left;max-width: 1200px;margin: auto;}
.SUB_Page>.title{
	font-weight: 600;
	margin-bottom: 60px;
	word-break: keep-all;
	color: #000;
}

.sub_contents{max-width: 1200px;margin: 0 auto;margin-bottom: 60px;}

.sub_contents.line{
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	margin-bottom: 30px;
}

.sub_contents .img_box{
	text-align: center;
	margin-bottom: 30px;
}
.sub_contents .sub1_1_img{
	width: 80%;
}

.sub_contents .main_title{
	margin-bottom: 20px;
	text-align: center;
}
.sub_contents .main_title .title{
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 15px;
}
.sub_contents .main_title .text{
	font-size: 1.2rem;
	line-height: 2rem;
}

.sub_contents .page_line{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}

.sub_contents .text_box{
	margin-bottom: 25px;
	word-break: keep-all;
}
.sub_contents .text_box .img{
	margin-bottom: 40px;
}
.sub_contents .text_box .img>img{}

.sub_contents .text_box .title{
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 2rem;
	margin-bottom: 10px;
	color: #000;
	word-break: keep-all;
}
.sub_contents .text_box .text{
	font-size: 1.2rem;
	line-height: 2rem;
	word-break: keep-all;
}
.sub_contents .text_box .text span{
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	margin-top: 10px;
}
.sub_contents.info_b .text_box {
	margin-bottom: 30px;
}
.sub_contents.info_b .text_box .title{
	font-size: 2.2rem;
	margin-bottom: 30px;
}
.sub_contents.info_b .text_box .text{
	font-weight: 500;
}
.sub_contents.info_b .text_box .text.blue{
	color: #155689;
	font-weight: 600;
	margin-right: 30px;
}
.sub_contents.info_b .text_box .text.green{
	color: #20655c;
	font-weight: 600;
	margin-right: 30px;
}
.sub_contents.info_b .text_box .text span{
	display: inline-block;
	color: #2574b3;
}
.sub_contents.info_b .flex{
	gap: 40px;
	justify-content: center;
	padding: 15px 50px 15px;
	border-radius: 8px;
}

@media screen and (max-width: 550px) {
	.sub_contents .text_box{text-align: center;}
	.sub_contents.p1_1 .text_box{text-align: left;}
}

.SUB_Page .title_line{
	border-bottom: 1px solid #000;
	margin-bottom: 30px;
}
.sub_contents.info_5_1{
	max-width: 1150px;
}
.sub_contents .info_text_box{
	margin-bottom: 50px;
}
.sub_contents .info_text_box .img{
	text-align: center;
}
.sub_contents .info_text_box .text_box_1{
	max-width: 900px;
	margin: auto;
	width: 90%;
	text-align: left;
}
.sub_contents .info_text_box .title{
	font-size: 1.7rem;
	font-weight: 600;
	margin-bottom: 10px;
	padding: 20px 0;
}
.sub_contents .info_text_box .text{
	line-height: 1.8rem;
	font-weight: 400;
	margin-bottom: 20px;
	font-size: 1.1rem;
	padding: 0 0px;
}
.sub_contents .info_text_box .text span.red{
	font-weight: 500;
	color: #c75c5c;
}
.sub_contents .border_box{
	border: 1px solid #999;
	padding: 20px 50px 15px;
	border-radius: 30px;
	margin-bottom: 20px;
}
.sub_contents .flex{display:flex;align-items: center;}
.sub_contents .flex_bw{display:flex;align-items: center;justify-content: space-between;}
.sub_contents .border_box>.text{
	margin-right: 20px;
	font-size: 1.2rem;
	font-weight: 100;
	word-break: keep-all;
}
.sub_contents .border_box>.text>img{
	margin-right: 20px;
	width: 200px;
}
.sub_contents .border_box span.green{
	font-size: 0.95rem;
	font-weight: 600;
	color: #2d796f;
	margin-bottom: 25px;
	display: block;
}
.sub_contents .info_text_box span.blue{
	font-size: 1.2rem;
	font-weight: 500;
	color: #1c72b5;
	margin-bottom: 60px;
	display: block;
}


.sub_contents .btn_box_line{
	display: flex;
	gap: 20px;
	flex-direction: row;
	flex-wrap: wrap;
}
.sub_contents.info_b .btn_box_line{
	margin-bottom: 50px;
	justify-content: center;
	gap: 0px;
}
.sub_contents.info_b .text_box
.sub_contents.info_5_2 ul.box_list{
	color: #666;
}
.sub_contents.info_5_2 .info_text_box .text{
	margin: 0px 10px 0 0;
}
.sub_contents ul.box_list{
	margin-bottom: 30px;
}
.sub_contents ul.box_list.green{}

.sub_contents ul.box_list li{
	margin-bottom: 0.6rem;
	font-size: 1.2rem;
	font-weight: 500;
	text-indent: -16px;
	margin-left: 16px;
	word-break: keep-all;
}
.sub_contents.sub_contents.info_5_2 ul.box_list li{
	text-indent: -11rem;
	margin-left: 11rem;
	font-size: 1.1rem;
	font-weight: 500;
}
.sub_contents ul.box_list li span.big{
	font-size: 1.5rem;
	font-weight: 600;
	margin-right: 25px;
	color: #333;
}
.sub_contents ul.box_list li::before{content:'';display: inline-block;width: 7px;height: 7px;border-radius: 20px;background: #333;margin-right: 0.8rem;position: relative;top: -0.2rem;}
.sub_contents ul.box_list.green li::before{
	background: #439187;
}
.sub_contents ul.box_list.blue li::before{
	background: #105286;
	width: 13px;
	height: 13px;
	margin-right: 30px;
}
.sub_contents .btn_box.blue a{
	color: #fff;
	background: #105286;
}
.sub_contents .btn_box>.text{
	margin-top: 3px;
	font-weight: 600;
	font-size: 1.1rem;
	margin-right: 20px;
}
.sub_contents .btn_box.green a{
	color: #fff;
	background: #509f95;
}
.sub_contents .btn_box.green>.text{
	color: #358177;
}

.sub_contents .btn_box.kakao_ch a{
	color: #231815;
	background: #ffdd00;
	padding: 10px 40px 6px;
}
.sub_contents .btn_box.kakao_ch>.text{
	color: #231815;
}
.sub_contents .btn_box.blue>.text{
	color: #105286;
}
.sub_contents.info_b .btn_box.flex{gap:10px;padding: 15px 30px 15px;}
.sub_contents .btn_box a{
	font-weight: 600;
	padding: 12px 25px;
	background: #ddd;
	border-radius: 12px;
	display: block;
	min-width: 130px;
	text-align: center;
	letter-spacing: 0.04rem;
	cursor: pointer;
}
.sub_contents .btn_box a img{
	width: 24px;
	margin-right: 10px;
}
.sub_contents .btn_box.kakao_ch a img{
	width: 30px;
	margin-right: 0px;
}


.sub_contents .pic_line{margin-bottom: 80px;}
.sub_contents .pic_line>ul{
	display: flex;
	gap: 15px;
	flex-direction: row;
}
.sub_contents .pic_line>ul>li{}
.sub_contents .pic_line>ul>li>img{}


@media screen and (max-width: 1200px) {
	.sub_contents.info_b>.flex{flex-direction: column; gap:10px;}
	.sub_contents.info_b .text_box>.flex{width: 100%;padding: 12px 20px 12px;margin-bottom: 10px;border-radius: 8px;}
}

@media screen and (max-width: 750px) {
	.sub_contents .flex_bw{ flex-direction: column; gap: 25px;}
}

@media screen and (max-width: 550px) {
	.sub_contents .info_text_box .title,.sub_contents .info_text_box .text{padding: 0;text-align: left;word-break: keep-all;}
	.sub_contents .btn_box>.text{margin-right: 0;font-size: 1.4rem;}
	.sub_contents .border_box span.green{font-size: 1rem;}
	.sub_contents .flex{ flex-direction: column; gap: 7px;}
	.sub_contents .border_box>.text{text-align: center;margin-right: 0;}
	.sub_contents .border_box>.text>img{margin-bottom: 10px;display: block;margin-right: 0;}
	.sub_contents .border_box{padding: 30px 15px 25px;}
	.sub_contents .btn_box a{ padding: 12px 15px;}
	.sub_contents .btn_box a img{margin-bottom: 8px;}
	.sub_contents{ margin-bottom: 60px;}
	.sub_contents ul.box_list li span.text_5_2{display: block;margin-top: 15px;}
	.sub_contents.sub_contents.info_5_2 ul.box_list li {text-indent: 0px;margin-left: 10px;margin-bottom: 35px;}
	.sub_contents ul.box_list.blue li::before{margin-right: 10px;margin-bottom: 0px;width: 8px;height: 8px;}
	.sub_contents.info_b .flex{gap:10px;padding: 15px 10% 15px;width: 80%;}
	.sub_contents.info_b .text_box .text.green,.sub_contents.info_b .text_box .text.blue{margin-right: 0;}
	.sub_contents .pic_line>ul{flex-direction: column;align-items: center;}
	.sub_contents .pic_line { margin-bottom: 30px; }
	section.subpage{ padding: 0 2%;}
	.sub_contents .btn_box_line{justify-content: center}
	.sub_contents .border_box .btn_box{width: 100%;}
}



.mainBanner_slide{ background: #387dc0; }
.mainBanner_slide .swiper.crusie_slide {
	width: 100%;
	max-width: 2000px;
	height: auto;
	aspect-ratio: 10 / 3;
	margin: auto;
}
.mainBanner_slide .swiper-slide{
	display: flex;
	align-items: center;
	justify-content: center;
}
.mainBanner_slide .swiper-slide img {
	width: 100%;
	height: auto;
	max-width: 100%;
	object-fit: cover;
}


.searchFilter .filter-container {
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 4px 4px 12px 2px rgb(0 0 0 / 31%);
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	width: 90%;
	position: absolute;
	top: -180px;
	max-width: 1440px;
}
#odysseus #OVExploreContainer .od-results-wrapper{display: none;}
#odysseus #OVExploreContainer .od-checkbox-main-wrapper{display: none !important;}
#odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper{ flex-wrap: nowrap !important; align-items: stretch !important;}
#odysseus #OVExploreContainer .od-main-button-wrapper {width: 260px !important; background: #1b63af;}
#odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .od-reset-btn-wrapper { display: flex; align-items: center;}
#odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .od-input-wrapper{width: 33%;flex: auto !important;height: auto;padding: 13px 14px !important;}
#odysseus #OVExploreContainer .od-form-wrapper .multiselect__tags{height: auto;justify-content: center;padding: 15px 35px 15px 50px !important;font-size: 16px !important;border-radius: 15px !important;border: none !important;}
.multiselect__select{top: 4px !important;}
#odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .od-icon{top: 25px !important;left: 30px !important;}
#odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .od-icon>svg{ width: 23px !important; height: 23px !important;}
#odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .od-reset-btn-wrapper .reset .od-icon{ top: auto !important; left: auto !important;}
#odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .od-reset-btn-wrapper .reset .od-icon>svg { width: 15px !important; height: 15px !important;}
#odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .od-button-wrapper.od-search-button .od-icon{top: 0px !important; left: 0px !important;}
#odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .od-button-wrapper.od-search-button .od-icon svg{ width: 18px !important; height: 18px !important;}
#odysseus #OVExploreContainer .vue_multiselect .multiselect_input_wrapper{background:#f6f6f6;}
.multiselect__placeholder{margin-bottom:0 !important; padding-top:0 !important}
#odysseus #OVExploreContainer .vue_multiselect .multiselect_input_wrapper {border-radius: 20px;}
.multiselect__tag{ padding: 3px 26px 4px 10px !important;}
.multiselect__tag-icon{line-height: 19px !important;}

.subSearchFilter .filter-container {
	background-color: #fff;
	/* border-radius: 30px; */
	/* box-shadow: 4px 4px 12px 2px rgb(0 0 0 / 51%); */
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	width: 90%;
	/* position: absolute; */
	top: 36px;
	max-width: 1280px;
	border: 1px solid #1b63af;
	margin: 40px auto;
}


@media screen and (max-width:1100px) {
	.searchFilter{height: auto;}
	.searchFilter .filter-container { flex-direction: column; gap: 20px; padding: 20px 0; top: auto; /* bottom: 30px; */ position: relative; box-shadow: none; width: 95%;}
	#odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper{ flex-direction: column !important; gap: 20px;}
	#odysseus #OVExploreContainer .od-main-button-wrapper{width: 100% !important;justify-content: center I !important}
}


@media screen and (max-width: 700px) {
	.searchFilter .filter-container {/* top: -410px; */top: auto;bottom: auto; }
	#odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .od-input-wrapper { width: 100% !important;}
}

.sub_contents .center{text-align: center;}
.sub_contents .img_box.logo img{
	width: 160px;
	height: auto;
	margin-bottom: 16px;
}
.sub_contents .img_box.logo img.img4-1c{
	max-width: 270px !important;
	width: 90%;
}
.sub_contents .img_box.logo img.img4-1e{
	max-width: 330px !important;
	width: 90%;
	margin-bottom: 5px;
}
.sub_contents .img_box.logo img.img4-1g{
	max-width: 300px !important;
	width: 90%;
	margin-bottom: 20px;
}
.sub_contents .img_box.logo p{
	font-size: 2.3rem;
	font-weight: 600;
	margin-bottom: 25px;
	color: #000;
	word-break: keep-all;
	line-height: 3.4rem;
}
.sub_contents .text_box.p4_1{margin-bottom: 70px;}
.sub_contents .text_box.p4_1 .text span.bold{
	display: inline-block !important;
	font-weight: 600 !important;
	font-size: 1.4rem !important;
}
.sub_contents .img_box.p4_1{margin-bottom: 10px;}

@media screen and (max-width: 750px) {
	.sub_contents .img_box.p4_1 img{ width: 100%; }
}

.sub_contents.p1_2 .map{
	width: 100%;
	margin: 20px auto 20px;
	text-align: center;
}

.p1_2map{ width: 1100px;}
.logo_address{
	display: flex;
	align-items: flex-end;
	gap: 40px;
	margin-bottom: 20px;
	padding: 0 20px;
}
.logo_address .logo_img{
	width: 200px;
}
.logo_address>div{
	margin-bottom: 8px;
	font-size: 1.1rem;
	line-height: 2rem;
}
.logo_address>div>span{
	background: #4156c1;
	border-radius: 10px;
	padding: 3px 10px;
	margin-right: 10px;
	color: #fff;
	font-weight: 500;
}

.adr_box{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin-bottom: 20px;
	gap: 30px;
}
.adr_box.blue, .adr_box.blue span{ color: #4156c1; }
.adr_box.green, .adr_box.green span{ color: #3ea8ad; }
.adr_box>div>span{ margin-right: 10px; }
.adr_box>div>span>img{
	width: 40px;
	margin-bottom: 6px;
}
.adr_box>div{
	font-size: 1.1rem;
	font-weight: 600;
}
.adr_num{
	list-style: none;
	color: #333;
}
.adr_num .adr_num_li{
	font-weight: 300;
	margin-bottom: 0px;
	margin-top: 8px;
	line-height: 1.8rem;
	text-indent: -83px;
	margin-left: 83px;
}
.adr_num .adr_num_li span{
	font-weight: 600;
	margin-right: 20px;
}
.adr_notice{
	font-weight: 500;
	color: #d76262;
	font-size: 1rem;
}
.adr_box.green .adr_num{ margin-left: 12px; }
.sub_contents.line.p1_2{ border-bottom: 1px solid #ccc; }


@media screen and (max-width: 750px) {
	.sub_contents.p1_2 .map{margin-bottom: 40px;}
	.logo_address .logo_img{margin: auto;}
	.logo_address{flex-direction: column; align-items: flex-start;}
	.adr_box{flex-direction: column;width: 90%;margin: 0 auto 20px;gap: 8px;}
	.adr_notice {width: 95%;margin: auto;}
	.adr_box.green .adr_num{margin-left:0}
	.logo_address>div>span{
    display: block;
    width: 30px;
    text-align: center;
    margin-bottom: 8px;}
}

.sub_contents.info_3_3 .info_text_box .title{font-size: 2.2rem;margin-bottom: 60px;padding: 0;}
.sub_contents.info_3_3 .info_text_box .img{display: flex; gap: 10px; }
.sub_contents.info_3_3 .info_text_box .img .img3-3b{margin-top: 25px;}
.sub_contents .border_box .flex_box{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin: 10px 0;
	gap: 20px;
}
.sub_contents .border_box .flex_box .img_box.logo{
	margin: 0;
	width: 43%;
}
.sub_contents .border_box .flex_box .img_box.logo img{
	width: 190px;
	margin-bottom: 25px;
}

.sub_contents .border_box .flex_box .img_box.logo img.img4-1c{ max-width: 360px !important; width: 100%; }
.sub_contents .border_box .flex_box .img_box.logo p{font-size: 2.3rem;}
.sub_contents .border_box .flex_box .right_box{ width: 53%; }
.sub_contents .border_box .flex_box .right_box .text_box{
	font-size: 1.4rem;
	line-height: 2.5rem;
}
.sub_contents ul.box_list.blue li{
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 1.3rem;
}
.sub_contents.info_3_3 .border_box{
	min-height: 300px;
	display: flex;
}

.sub_contents.info_3_3 .border_box.notice{min-height: auto;flex-direction: column;background: #f3f3f3;padding: 20px 40px 25px;}
.sub_contents.info_3_3 .border_box.notice .title_box{
	font-size: 1.1rem;
	font-weight: 600;
	color: #fff;
	background: #003159;
	padding: 4px 10px;
	width: 80px;
	text-align: center;
	border-radius: 8px;
	margin-bottom: 20px;
	letter-spacing: 0.02rem;
}
.sub_contents.info_3_3 .border_box.notice ul.list_box li{
	font-size: 1.2rem;
	font-weight: 400;
	margin-bottom: 8px;
	/* letter-spacing: 0.02rem; */
	text-indent: -20px;
	margin-left: 20px;
}
.sub_contents.info_3_3 .border_box.notice ul.list_box li span.blue{
	color: #3672a1;
	font-weight: 500;
}
.sub_contents.info_3_3 .border_box.notice ul.list_box li span.purple{
	color: #9d3b9e;
	font-weight: 500;
}
.sub_contents .border_box .flex_box .right_box .text_box span.blue{
	font-weight: 600;
	color: #2773af;
}

@media screen and (max-width: 1200px) {
	.sub_contents .border_box .flex_box {flex-direction: column;}
	.sub_contents .border_box .flex_box .img_box.logo,.sub_contents .border_box .flex_box .right_box{width: 100%;}
	.sub_contents.info_3_3 ul.box_list{display: flex;flex-direction: row;flex-wrap: wrap;gap: 22px;justify-content: center;}
	.sub_contents.info_3_3 ul.box_list li::before{margin-right: 6px;}
	.sub_contents.info_3_4 .border_box .flex_box .right_box .text_box{ margin-bottom: 60px; }	
	.sub_contents.info_3_4  ul.box_list { gap: 0; }
}

@media screen and (max-width: 750px) {
	.sub_contents.info_3_3 .info_text_box .img{ flex-wrap: wrap; }
	.sub_contents.info_3_4 .info_text_box .img{ flex-wrap: nowrap }
	.sub_contents.info_3_3 .info_text_box .img .img3-3a{width: calc(50% - 5px);}
	.sub_contents.info_3_3 .info_text_box .img .img3-3b{ width: calc(50% - 5px); margin: 0; }
	.sub_contents.info_3_3 .info_text_box .img .img3-3a img{ width: 100%; }
	.sub_contents.info_3_3 .info_text_box .img .img3-3b img{ width: 100%; }
}

@media screen and (max-width: 550px) {
	.sub_contents.info_3_3 .border_box.notice {padding: 20px 20px 25px;}
	.sub_contents.info_3_4 .info_text_box .img{ flex-wrap: wrap; }
	.sub_contents.info_3_3 .info_text_box .img .img3-4{width: 100%;}
}


.sub_contents.info_4_2{}
.sub_contents.info_4_2 .room_box{margin-bottom: 40px;}
.sub_contents.info_4_2 .room_box .title_box{
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 20px;
	margin-bottom: 14px;
}
.sub_contents.info_4_2 .room_box .title_box.type1{
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}
.sub_contents.info_4_2 .room_box .title_box .title{
	font-size: 1.8rem;
	line-height: 2.5rem;
	font-weight: 600;
	color: #000;
}
.sub_contents.info_4_2 .room_box .title_box .text{
	font-size: 1.2rem;
	line-height: 1.8rem;
	word-break: keep-all;
}
.sub_contents.info_4_2 .room_box .img_box{
	display: flex;
	gap: 18px;
	flex-direction: row;
}
.sub_contents.info_4_2 .room_box .img_box img{width: calc(33% - 6px);}
@media screen and (max-width: 1200px) {
	.sub_contents.info_4_2 .room_box .title_box{
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}
}
@media screen and (max-width: 550px) {
	.sub_contents.info_4_2 .room_box .img_box { flex-direction: column;}
	.sub_contents.info_4_2 .room_box .img_box img { width: 100%; }
}


.sub_contents.info_4_3 .room_box .title_box .text {font-size: 1.2rem;line-height: 2rem;word-break: keep-all;margin-bottom: 0.6rem;}
.sub_contents.info_4_3 .room_box .img_box{display: flex;gap: 18px;flex-direction: row;}
.sub_contents.info_4_3 .room_box .img_box img { width: calc(33% - 6px); }
.sub_contents.info_4_3 .text_box{margin-bottom: 60px;}
.sub_contents.info_4_3 .text_box .img{margin-bottom: 10px;}
.sub_contents .text_box .text span.bold{ font-size: 1.3rem; margin-right: 6px; font-weight: 600; color: #3b73a1; display: none; }
.sub_contents.info_4_3 .text_box .notice{margin-top: 30px;font-size: 1.1rem;color: #c62929;font-weight: 400;word-break: keep-all;}

@media screen and (max-width: 550px) {
    .sub_contents.info_4_3 .room_box .img_box { flex-direction: column; }
	.sub_contents.info_4_3 .room_box .img_box img { width: 100%; }
	.sub_contents.info_4_3 .text_box .text{text-align: left;}
}

.sub_contents .text_box.pg_1,.sub_contents .main_title.pg_1 {max-width: 80%; margin-right: auto; margin-left: auto;}          
.sub_contents .page_movie {text-align: center;}
.sub_contents .page_movie .title {text-align: center;font-size: 1.6rem;font-weight: 600;margin-top: 40px;margin-bottom: 25px;}
.sub_contents .page_movie .mv1 {max-width: 780px;margin: 0 auto 80px;}
.sub_contents .page_movie .mv1 .video-wrap {/* position: relative; *//* padding-bottom: 178.25%; *//* height: 0; *//* overflow: hidden; *//* max-width: 359px; */text-align: center;}
.sub_contents .page_movie .mv1 .video-wrap iframe {/* position: absolute; *//* top: 0; *//* left: 0; *//* width: 100%; *//* height: 100%; */border: 0;/* display: block !important; */visibility: visible !important;/* min-height: 180px; *//* height: 540px; */max-width: 320px;border-radius: 20px;aspect-ratio: 5 / 8.88;}
.sub_contents .page_movie .mv1 .video-fallback {margin-top:8px; text-align:center;}
.sub_contents .page_movie .mv1 .video-fallback a {color:#0073e6; text-decoration:underline;}