@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');

* {
	margin: 0;
	padding: 0;
	font-family: 'pretendard', sans-serif;
	color: #222;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

html {
	font-size: 14px;
}

/* 화면 클릭 시 생기는 파란 배경색 없애기 */
a {
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

/* 스크롤 제어 */
.no-scroll {
	width: 768px;
	max-width: 100%;
	height: 100vh;
	margin: 0 auto;
	overflow: hidden;
}

/* 영어번역 */
.translation_korea,
.translation_english {
	display: block;
}

span.translation_korea,
span.translation_english {
	display: inline-block;
}

.translation_korea.hide,
.translation_english.hide {
	display: none;
}

/* 로딩화면 */
.loading_ex2 {
	position: fixed;
	width: 100%;
	max-width: 1024px;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	margin: 0;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	background: rgba(255, 255, 255, 0.7);
}

.loading_ex2 > div {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
}

.loading_ex2 > div img {
	width: 100px;
	height: auto;
}

.loading_ex {
	position: fixed;
	width: 100%;
	max-width: 1024px;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	margin: 0;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	background: rgba(255, 238, 241, 0.7);
}

.loading {
	text-align: center;
}

.loading img {
	margin-bottom: 12px;
}

.loading span {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: gray;
	border-radius: 50%;
	animation: loading 1s 0s linear infinite;
}

.loading span:nth-child(1) {
	animation-delay: 0s;
	background-color: #e3224f;
}

.loading span:nth-child(2) {
	animation-delay: 0.2s;
	background-color: #e3224f;
}

.loading span:nth-child(3) {
	animation-delay: 0.4s;
	background-color: #e3224f;
}

@keyframes loading {
	/*loading이라는 keyframe 애니메이션*/
	0%,                      /* 0, 50, 100은 구간*/
    100% {
		opacity: 0; /* 안보였다가 */
		transform: scale(0.5); /*transform의 scale로 요소를 확대 또는 축소할 수 있음*/
	}
	50% {
		opacity: 1; /* 보였다가 */
		transform: scale(1.2); /* 1.2배 */
	}
}

/* 슬라이드 제어 */
.owl-theme .owl-dots .owl-dot span {
	background: rgba(0, 0, 0, 0.3);
	width: 8px;
	height: 8px;
	margin: 5px;
}

.owl-theme .owl-dots .owl-dot.active span {
	background: rgba(0, 0, 0, 0.8);
}

/* 번역기 */
.question_btn_ex {
	width: 100%;
	max-width: 1024px;
	height: 100vh;
	visibility: hidden;
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 2;
	transform: translate(-50%, 0);
}

.translate_btn {
	width: 52px;
	height: 52px;
	cursor: pointer;
	background: linear-gradient(to bottom, #ff899f, #ffc0cb);
	position: sticky;
	border-radius: 50%;
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	bottom: 80px;
	margin-left: calc(100% - 52px);
	z-index: 15;
}

.translate_btn img {
	width: 28px;
	height: 28px;
}

.translate_list {
	position: sticky;
	width: 108px;
	bottom: 80px;
	display: none;
	background: linear-gradient(to bottom, #ff899f, #ffc0cb);
	z-index: 20;
	padding: 7px 15px 15px 15px;
	box-sizing: border-box;
	margin-left: calc(100% - 108px);
	border-radius: 5px;
}

.translate_list.active {
	display: block;
}

.translate_list > p {
	color: #fff;
	font-family: 'pretendard';
	line-height: 25px;
	font-size: 15px;
	border-bottom: 1px solid #fff;
	margin-bottom: 8px;
}

.translate_list ul li {
	background: #fff;
	text-align: center;
	padding: 3px 0;
	border-bottom: 1px solid #ccc;
}

.translate_list ul li:last-child {
	border-bottom: 0;
}

.translate_list ul li p {
	font-size: 13px;
}

/* ------ 메인페이지 ------ */
.mobile_container {
	max-width: 769px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

div.mobile_container.main_background {
	background: #f3f3f3;
}

#main_header {
	width: 100%;
	max-width: 769px;
	height: 50px;
	background: #fff;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	position: fixed;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 10;
}

.header_top {
	width: calc(100% - 30px);
	margin: 0 auto;
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: space-between;
}

h1.main_logo {
	width: fit-content;
}

div.header_translation {
	width: fit-content;
	padding: 5px 10px;
	border: 1px solid #000;
	box-sizing: border-box;
	border-radius: 20px;
}

div.header_translation a h2 {
	font-size: 15px;
	line-height: 15px;
	font-family: 'pretendard';
}

/*#main_header h1
{position: absolute;
left: 50%; top: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;}*/

.main_logo img {
	width: 134px;
}

/*a.header_title
{width: calc(100% - 56px);
display: flex;
float: left;
margin-left: 16px;}

a.header_title h2
{width: calc(100% - 34px);
font-size: 20px; line-height: 20px;
margin-left: 10px;
font-family: 'pretendard';
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}*/

/*서브 헤더 수정 20240315*/
a.header_sub_title {
	width: calc(100% - 93px);
	display: flex;
	align-items: center;
	margin-right: 10px;
}

a.header_sub_title > img:nth-child(1) {
	width: 18px;
	height: 18px;
	margin-right: 5px;
}

a.header_sub_title h2 {
	width: calc(100% - 23px);
	font-size: 1rem;
	font-family: 'pretendard';
	color: #000;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

div.header_sub_container {
	display: flex;
	align-items: center;
}

div.header_translation_box {
	margin-right: 10px;
	padding: 5px 10px;
	border: 1px solid #000;
	box-sizing: border-box;
	border-radius: 20px;
}

div.header_translation_box a h2 {
	font-size: 1rem;
	font-family: 'pretendard';
	line-height: 15px;
	color: #000;
}

/* 메인페이지 슬라이드 */
.main_slider {
	margin-top: 50px;
}

.main_slider .owl-nav {
	display: none;
}

/* 햄버거 버튼 */
.ham_btn {
	overflow: hidden;
}

.ham_btn > label {
	display: block;
	width: 20px;
	height: 16px;
	position: relative;
	cursor: pointer;
	float: right;
}

.ham_btn > label > span {
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	border-radius: 30px;
	background: #000;
	transition: all 0.35s;
}

.ham_btn > label > span:nth-child(1) {
	top: 0;
}

.ham_btn > label > span:nth-child(2) {
	top: 50%;
	transform: translateY(-50%);
}

.ham_btn > label > span:nth-child(3) {
	bottom: 0;
}

input[id='mobile_header_open']:checked ~ div .ham_btn label span:nth-child(1) {
	top: 50% !important;
	transform: translateY(-50%) rotate(45deg);
}

input[id='mobile_header_open']:checked ~ div .ham_btn label span:nth-child(2) {
	opacity: 0;
}

input[id='mobile_header_open']:checked ~ div .ham_btn label span:nth-child(3) {
	bottom: 50% !important;
	transform: translateY(50%) rotate(-45deg);
}

/* 헤더시트 */
.header_sheet {
	width: 100%;
	height: 100vh;
	background: #fff;
	position: absolute;
	top: 0;
	right: -100%;
	opacity: 0;
	pointer-events: none;
	overflow-y: scroll;
}

input[id='mobile_header_open']:checked ~ .header_sheet {
	right: 0;
	opacity: 1;
	transition: all 0.3s;
	pointer-events: auto;
}

.sheet_container {
	width: 100%;
}

.sheet_gnb {
	height: 40px;
	margin-right: 2.5%;
	display: flex;
	align-items: center;
	justify-content: right;
}

.sheet_gnb > a > img {
	width: 25px;
	height: 22px;
}

.sheet_gnb label img {
	margin-left: 10px;
}

.sheet_gnb label img {
	width: 20px;
	height: 20px;
	margin-top: 1px;
}

div.sheet_login_btn a {
	width: 95%;
	margin: 15px auto;
	padding: 15px 0;
	display: block;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
	border-radius: 3px;
}

div.sheet_login_btn a p {
	width: calc(100% - 30px);
	margin: 0 auto;
}

div.sheet_login_btn > a > p:nth-child(1) {
	font-size: 1.05rem;
	font-weight: bold;
	margin-bottom: 10px;
}

div.sheet_login_btn > a > p:nth-child(2) {
	line-height: 1.2rem;
}

div.sheet_login_btn_en a {
	width: 95%;
	margin: 15px auto;
	padding: 15px 0;
	display: block;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
	border-radius: 3px;
}

div.sheet_login_btn_en a p {
	width: calc(100% - 30px);
	margin: 0 auto;
}

div.sheet_login_btn_en > a > p:nth-child(1) {
	font-size: 1.05rem;
	font-weight: bold;
	margin-bottom: 10px;
}

div.sheet_login_btn_en > a > p:nth-child(2) {
	line-height: 1.2rem;
}

/* .sheet_login_btn a img
{max-width:500px; width:100%;} */

/* 마이페이지 수정 */
div.common_container.mypage_container {
	width: 100%;
	background: #f3f3f3;
}

.sheet_profile_ex {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

div.sheet_profile_ex.mypage_login_box {
	width: 100%;
	background: #fff;
	border-bottom: none;
	padding-bottom: 30px;
	margin-bottom: 15px;
}

/* div.sheet_login_btn_en 
{width: 100%;}

.sheet_login_btn_en a
{width: 100%;
margin-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
display:block;}

div.sheet_login_btn_en a img
{width: 100%; max-width:500px;} */

.sheet_profile {
	width: 95%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.sheet_profile img.profile_icon {
	margin-right: 10px;
}

.profile_info {
	width: 100%;
}

.sheet_profile > div p.translation_korea,
.sheet_profile > div p.translation_english {
	font-size: 16px;
}

.sheet_profile > div p.translation_korea span,
.sheet_profile > div p.translation_english span {
	font-family: 'pretendard';
	font-size: 18px;
}

.sheet_profile > div p.profile_email {
	font-size: 14px;
	color: #777;
}

.sheet_profile_ex ul {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 10px;
	display: flex;
	justify-content: right;
}

.sheet_profile_ex ul li {
	line-height: 20px;
}

.sheet_profile_ex ul li a {
	color: #555;
	font-size: 14px;
	font-family: 'pretendard';
}

/* .sheet_profile_ex ul li:first-child
{margin-right: 16px; 
position: relative;} */

/* .sheet_profile_ex ul li:first-child::after
{position: absolute;
content: '';
width: 1px; height: 16px;
right:-8px; top: 2px;
background: #191919;} */

/* 마이페이지, 예약확인 추가 */
div.login_submit_btn_ex {
	width: 95%;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

div.login_submit_btn_ex > a {
	width: 49%;
	border-radius: 5px;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
}

div.login_submit_btn_ex > a > div {
	width: fit-content;
	max-width: 90%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	margin: 0 auto;
}

div.login_submit_btn_ex > a > div > div:nth-child(1) {
	width: 15px;
	margin-right: 10px;
}

div.login_submit_btn_ex > a:nth-child(2) > div > div:nth-child(1) {
	width: 20px;
}

div.login_submit_btn_ex > a > div > div:nth-child(1) img {
	width: 100%;
	height: auto;
}

div.login_submit_btn_ex > a > div > p {
	width: fit-content;
	max-width: calc(100% - 25px);
	font-size: 0.9rem;
	line-height: 20px;
	word-break: keep-all;
}

/* 타플랫폼 코드입력 */
.reservation_code_alert {
	background: #f6f6f6;
	padding: 10px 15px;
	border-radius: 5px;
}

.reservation_code_alert {
	line-height: 1.4rem;
}

/* 시트 메뉴 */
.sheet_lnb {
	width: 100%;
	background: #f3f4f8;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 120px;
}

.sheet_lnb ul {
	width: 95%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sheet_lnb ul li {
	width: calc(50% - 5px);
	background: #fff;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 20px 8px;
	box-sizing: border-box;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.sheet_lnb ul li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.sheet_icon_box {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

.sheet_icon_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sheet_lnb ul li a p {
	width: 100%;
	font-family: 'pretendard';
	text-align: center;
}

/* 바텀 버튼 */
nav.bottom_nav_btn {
	width: 100%;
	max-width: 769px;
	background: #fff;
	position: fixed;
	bottom: 0;
	left: calc(50% - 384.5px);
	transition: all 0.5s;
	z-index: 1;
	box-shadow: 0px -1px 3px #22222217;
}

nav.bottom_nav_btn.show {
	bottom: 0;
}

nav.bottom_nav_btn ul {
	list-style: none;
	display: flex;
	align-items: center;
}

nav.bottom_nav_btn ul li {
	width: 20%;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 메인 이미지 */
.main_img_ex {
	margin-top: 50px;
	position: relative;
}

.main_img_ex img {
	width: 100%;
}

.main_img_text {
	position: absolute;
	bottom: 30px;
	left: 5%;
}

.main_img_text * {
	color: #fff;
}

.main_img_text p.slide_text {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 5px;
}

.main_img_text h2.slide_title {
	font-size: 20px;
	line-height: 25px;
	font-family: 'pretendard';
	margin-bottom: 10px;
}

div.owl-dots {
	display: none;
}

/* 메인 페이지 메뉴
.main_nav_icon
{margin-top: 44px;}

.main_nav_icon ul
{display: flex;
width: calc(100% - 36px);
margin: 0 auto;
justify-content: space-between;}

.main_nav_icon ul li
{width: calc(25% - 6px);}

.main_nav_icon ul li a
{display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;}

.main_nav_icon ul li a p
{width: 100%;
    text-align: center;
font-size: 14px;
color: #555;
font-family: 'pretendard';
margin-top: 8px;}

.main_nav_icon ul li a p.translation_english
{word-break: break-all;} */

/* 메인 아이콘 */
div.main_icon_box {
	width: 95%;
	background: #fff;
	padding: 30px 2.5%;
	margin: 0 auto;
	margin-bottom: 15px;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}

div.main_icon_box a {
	display: block;
	width: 33%;
	margin-bottom: 15px;
}

div.main_icon_box a > div:nth-child(1) {
	width: 60px;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
}

div.main_icon_box a > div:nth-child(1) img {
	width: 100%;
	height: auto;
}

div.main_icon_text_box {
	width: 100%;
}

div.main_icon_text_box p {
	text-align: center;
	line-height: 1.3rem;
	word-break: keep-all;
	word-wrap: break-word;
}

div.main_icon_text_box p.translation_english {
	font-size: 0.85rem;
	line-height: 1.1rem;
}

div.menu_carousel {
	width: 99%;
	margin-left: 1%;
	margin-top: 20px;
}

a.menu_carousel_list {
	width: 100%;
	display: block;
}

/*20240312*/
a.menu_carousel_list img {
	width: 50% !important;
	height: auto;
	margin: 0 auto;
}

a.menu_carousel_list p {
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #555;
	font-family: 'pretendard';
	margin-top: 8px;
	word-break: keep-all;
}

a.menu_carousel_list p.translation_english {
	word-break: break-all;
}

/* 메인페이지 행사일정 안내 */
.main_event_ex {
	background: #fff;
	padding: 30px 0;
	margin-bottom: 15px;
}

.main_event_title {
	width: 95%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

h3.common_title,
p.common_title {
	font-size: 1.1rem;
	line-height: 1.5rem;
	font-weight: bold;
	color: #191919;
	font-family: 'pretendard';
	word-break: keep-all;
}

h3.common_title span {
	color: #ff899f;
	font-family: 'pretendard';
	font-weight: bold;
}

.main_event_title a {
	font-size: 16px;
	text-decoration: underline;
	color: #191919;
}

#event_carousel {
	width: 95%;
	margin: 20px auto;
	margin-bottom: 0;
}

.event_item {
	word-break: keep-all;
}

div.main_event_image_box {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

div.main_event_image_box img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

.event_item h4 {
	font-family: 'pretendard';
	font-size: 1.1rem;
	font-weight: bold;
	margin-top: 8px;
	line-height: 1.5rem;
	margin-bottom: 8px;
	word-break: break-all;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.event_item p {
	font-size: 0.9rem;
	line-height: 1.3rem;
	color: #777;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

div.event_text_box h3 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

div.event_text_box p {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.store_item_info p {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* 서포터 이미지 */
div.support_container {
	width: 100%;
	padding: 15px 0;
	background: #fff;
}

.support_img_ex {
	width: 95%;
	margin: 0 auto;
}

.swiper-wrapper {
	transition-timing-function: linear;
}

/* .support_img  .owl-stage
{display: flex;
align-items: center;} */

.support_img .owl-stage {
	margin: 0 auto;
}

.support_img {
	width: 100%;
}

.support_img .owl-stage img {
	width: auto;
	margin: 0 auto;
}

.support_img div img {
	width: 100%;
}

/* 푸터 */
#footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 0px;
}

.mainfooter {
	padding-top: 30px;
}

#footer img {
	width: 100px;
	margin: 0 auto;
	margin-bottom: 10px;
}

#footer p {
	width: 100%;
	text-align: center;
	color: #777777;
	font-size: 0.95rem;
	padding-bottom: 80px;
	width: 95%;
	margin: 0 auto;
}

.footer_info {
	width: 100%;
}

#footer ul {
	width: fit-content;
	padding-top: 34px;
	display: flex;
	margin: 0 auto;
}

#footer ul li {
	color: #777777;
	margin-right: 10px;
}

#footer ul li:last-child {
	margin-right: 0px;
}

/* 하단고정버튼 */
.foot_btn {
	width: 100% !important;
	height: 60px;
	position: fixed;
	bottom: 0;
	background: #fff;
	max-width: 1024px;
	z-index: 10;
	box-shadow: 0 -2px 4px rgba(255, 150, 170, 0.3);
}

.foot_btn ul {
	display: flex;
}

.foot_btn ul li {
	width: 20%;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.foot_btn ul li:nth-child(1) a img {
	width: 28px;
}

.foot_btn ul li:nth-child(2) a img {
	width: 26px;
}

.foot_btn ul li:nth-child(4) a img {
	width: 24px;
}

.foot_btn ul li:nth-child(5) a img {
	width: 24px;
}

.bottom_center_bottom {
	position: absolute;
	left: 50%;
	top: -36px;
	transform: translateX(-50%);
	width: 74px;
	height: 74px;
	border-radius: 50%;
	border: 1px solid #fff;
	background: linear-gradient(to bottom, #ff899f, #ffc0cb);
	box-shadow: 0 -3px 4px rgba(255, 150, 170, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
}

.bottom_center_bottom > div {
	display: flex;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	background: #fff;
}

/* ------ 로그인 페이지 ------ */
.login_ex {
	min-height: 100vh;
	background: #fff5f7;
}

.login_ex > div {
	width: calc(100% - 32px);
	margin: 0 auto;
}

.login_img {
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	margin-top: 70px;
}

.login_img img {
	width: 100%;
}

div.login_btn_ex {
	max-width: 320px;
	margin: 0 auto;
	margin-top: 24px;
	padding-bottom: 120px;
	display: block;
}

.sns_login_text {
	width: 100%;
	max-width: 320px;
	height: 24px;
	margin: 0 auto;
	margin-top: 40px;
	position: relative;
}

.sns_login_text:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #191919;
	bottom: 12px;
}

.sns_login_text p {
	width: 200px;
	text-align: center;
	font-family: 'pretendard';
	background: #fff5f7;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
}

/* 카카오 */
a.kakao_btn {
	width: 100% !important;
	height: 50px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px !important;
	background: #f9e100;
	margin: 0 !important;
	margin-bottom: 10px !important;
}

a.kakao_btn > div {
	width: fit-content;
	max-width: calc(100% - 20px);
	display: flex;
	align-items: center;
}

a.kakao_btn img {
	width: 16px;
	height: 16px;
	margin-right: 10px;
}

a.kakao_btn > div > div:nth-child(2) {
	width: fit-content;
}

a.kakao_btn > div > div:nth-child(2) p {
	font-size: 14px;
	line-height: 20px;
	color: #381d1e;
}

/* 네이버 */
a.naver_btn {
	width: 100% !important;
	height: 50px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px !important;
	background: #03c75a; /* 네이버 그린 */
	margin: 0 !important;
	margin-bottom: 10px !important;
	color: #ffffff !important;
}

a.naver_btn > div {
	width: fit-content;
	max-width: calc(100% - 20px);
	display: flex;
	align-items: center;
}

a.naver_btn img {
	width: 16px;
	height: 16px;
	margin-right: 10px;
}

a.naver_btn > div > div:nth-child(2) {
	width: fit-content;
}

a.naver_btn > div > div:nth-child(2) p {
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
}

/* 구글 */
a.google_btn {
	width: 100% !important;
	height: 50px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px !important;
	background: #4285f4; /* Google 기본 White */
	border: 1px solid #dadce0; /* Google 스타일 테두리 */
	margin: 0 !important;
	margin-bottom: 10px !important;
	color: #3c4043 !important; /* Google 사이트 내 기본 텍스트 컬러 */
}

a.google_btn > div {
	width: fit-content;
	max-width: calc(100% - 20px);
	display: flex;
	align-items: center;
}

a.google_btn img {
	width: 16px;
	height: 16px;
	margin-right: 10px;
}

a.google_btn > div > div:nth-child(2) {
	width: fit-content;
}

a.google_btn > div > div:nth-child(2) p {
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
}

/* 애플 */
a.apple_btn {
	width: 100% !important;
	height: 50px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px !important;
	background: #000000; /* Apple Sign-in 공식 컬러 */
	margin: 0 !important;
	margin-bottom: 10px !important;
	color: #ffffff !important;
}

a.apple_btn > div {
	width: fit-content;
	max-width: calc(100% - 20px);
	display: flex;
	align-items: center;
}

a.apple_btn img {
	width: 16px;
	height: 16px;
	margin-right: 10px;
}

a.apple_btn > div > div:nth-child(2) {
	width: fit-content;
}

a.apple_btn > div > div:nth-child(2) p {
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
}

div.google_login_btn_ex {
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	background: #4285f4;
	margin: 0;
}

div.google_login_btn_ex > div {
	width: fit-content;
	max-width: calc(100% - 20px);
	display: flex;
	align-items: center;
}

div.google_login_btn_ex img {
	width: 16px;
	height: 16px;
	margin-right: 10px;
}

div.google_login_btn_ex > div > div:nth-child(2) {
	width: fit-content;
}

div.google_login_btn_ex > div > div:nth-child(2) p {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}

/*구글 버튼 클릭시 팝업*/
div.login_progress_popup_ex {
	width: 100%;
	max-width: 769px;
	height: 100vh;
	visibility: hidden;
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 2;
	transform: translate(-50%, 0);
}

div.login_progress_popup_cont {
	width: 90%;
	margin: 50px auto;
	padding: 20px 0;
	background: #fff;
	border-radius: 5px;
	visibility: visible;
}

div.login_progress_popup_product {
	width: calc(100% - 30px);
	margin: 0 auto;
}

div.login_progress_popup_close {
	width: 13px;
	height: 13px;
	margin-left: calc(100% - 13px);
	margin-bottom: 10px;
}

div.login_progress_popup_close img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.login_progress_loading {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	margin-bottom: 10px;
}

div.login_progress_loading img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.login_progress_popup_txt {
	width: 100%;
}

div.login_progress_popup_txt p {
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #222;
}

/*.login_btn_ex
{max-width: 320px;
margin: 0 auto;
margin-top: 24px;
padding-bottom: 120px;
display:flex;
justify-content:center;}

.login_btn_ex a.kakao_btn
{width:40px; height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
background:#f9e100;
margin:0 10px;}

#naverIdLogin
{width:fit-content;
border-radius: 50px;
overflow:hidden;}

.g_id_signin
{width:fit-content;}

.sns_login_text
{width: 100%; max-width: 320px;
height:24px;
margin: 0 auto;
margin-top:40px;
position:relative;}

.sns_login_text:before
{content:'';
position:absolute;
width:100%; height:1px;
background:#191919;
bottom:12px;}

.sns_login_text p
{width:200px;
text-align:center;
font-family:'pretendard';
background:#FFF5F7;
position:absolute;
left:50%;top:50%;
transform:translate(-50%,-50%);
box-sizing:border-box;}*/

/* .login_btn_ex a:nth-child(1)
{background: #00C214;
margin-bottom: 10px;}

.login_btn_ex a:nth-child(1) p,
.login_btn_ex a:nth-child(3) p
{color: #fff;
font-family: 'pretendard';
font-size: 14px;
margin-left: 10px;} 

.login_btn_ex a:nth-child(2)
{background: #F9E100;
margin-bottom: 10px;}

.login_btn_ex a:nth-child(2) p
{color: #050708;
font-family: 'pretendard';
font-size: 14px;
margin-left: 10px;}

.login_btn_ex a:nth-child(3)
{background: #4285F4;}*/

/*애플 아이디 관련*/
#appleid-signin {
	margin-right: 10px;
}

#appleid-signin > div {
	width: 40px !important;
	height: 40px !important;
	min-width: none !important;
	max-width: none !important;
	min-height: none !important;
	max-height: none !important;
}

.login_close_icon {
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: right;
}

/* ------ 마이페이지 ------ */
.full_container {
	margin-top: 50px;
}

.date-month tr th p {
	font-family: 'pretendard';
	font-size: 14px;
}

.common_container {
	width: calc(100% - 32px);
	margin: 0 auto;
	margin-top: 80px;
}

.cctv_container {
	width: 100%;
	min-height: 100vh;
	margin-top: 50px;
	background: #fff1f4;
}

div.mypage_info_box {
	background: #fff;
	margin-bottom: 15px;
}

div.mypage_info_box.login_information {
	padding-bottom: 30px;
}

div.mypage_info_box > h3 {
	width: 95%;
	margin: 0 auto;
	padding: 15px 0;
	font-size: 1.1rem;
	font-weight: bold;
}

div.mypage_input_box {
	width: 95%;
	margin: 0 auto;
}

.mypage_input_box > div {
	display: flex;
	align-items: center;
}

.mypage_input_box > div > p {
	width: 90px;
	font-size: 1rem;
	font-family: 'pretendard';
}

.mypage_input_box > div > input {
	height: 36px;
	border: 1px solid #ccc;
	text-indent: 8px;
	font-size: 15px;
}

.mypage_input_box > div:first-child {
	margin-bottom: 10px;
}

div.member_del {
	width: 100%;
	height: 50px;
	background: #fff;
	border-bottom: 1px solid #f3f3f3;
	box-sizing: border-box;
}

div.member_del > a {
	width: 95%;
	margin: 0 auto;
}

div.member_del > a > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

div.member_del > a > div > p {
	line-height: 50px;
	font-size: 1rem;
}

.mypage_popup_box > div {
	height: 50px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #f3f3f3;
	box-sizing: border-box;
}

.mypage_popup_box > div:last-child {
	border-bottom: none;
}

.mypage_popup_box > div p {
	width: 95%;
	margin: 0 auto;
	font-size: 1rem;
	overflow: hidden;
}

.mypage_popup_box > div p span {
	float: right;
}

/*----- 실시간 축제 현황 -----*/
.cctv_text {
	width: calc(100% - 36px);
	max-width: 330px;
	margin: 0 auto;
	padding-top: 40px;
}

.cctv_text img {
	margin: 0 auto;
	margin-bottom: 12px;
}

.cctv_text p {
	text-align: center;
	word-break: keep-all;
}

.cctv_text span {
	color: #ff899f;
	font-family: 'pretendard';
}

.cctv_card_ex {
	width: 95%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 50px;
	padding-bottom: 80px;
}

.cctv_card_ex a {
	width: calc(33.33% - 6.67px);
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 20px 0;
	box-sizing: border-box;
	background: #fff;
	/*position: relative;*/
}

.cctv_card_ex a img {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	margin-bottom: 15px;
}

.cctv_card_ex a p {
	/*position: absolute;
right: 12px; bottom: 10px;*/
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 1rem;
	line-height: 1.3rem;
	word-break: keep-all;
}

/* .cctv_card_ex a:nth-child(1)
{background: url(../img/cctv_icon_01.png) no-repeat;
background-size: 100%;}

.cctv_card_ex a:nth-child(2)
{background: url(../img/cctv_icon_02.png) no-repeat;
background-size: 100%;}

.cctv_card_ex a:nth-child(3)
{background: url(../img/cctv_icon_03.png) no-repeat;
background-size: 100%;}

.cctv_card_ex a:nth-child(4)
{background: url(../img/cctv_icon_04.png) no-repeat;
background-size: 100%;}

.cctv_card_ex a:nth-child(5)
{background: url(../img/cctv_icon_05.png) no-repeat;
background-size: 100%;}

.cctv_card_ex a:nth-child(6)
{background: url(../img/cctv_icon_06.png) no-repeat;
background-size: 100%;} */

/*----- 추천코스 -----*/
.course_card_ex {
	margin-bottom: 120px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.course_card {
	width: calc(50% - 8px);
	box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 24px;
}

.course_card div.course_img_box img {
	width: 100%;
}

.course_info {
	padding: 20px;
	background: #fff;
}

.course_title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.course_title h3 {
	width: 100%;
}

.course_title > div {
	background: #ff899f;
	border-radius: 50px;
	margin-top: 10px;
}

.course_title > div p {
	color: #fff;
	font-size: 14px;
	padding: 2px 12px;
}

.course_time,
.course_text {
	margin-top: 10px;
	font-size: 15px;
	color: #777;
}

/*----- 추천코스 상세 -----*/
.course_thumbnail {
	position: relative;
}

.ten_year_mark {
	position: absolute;
	top: 24px;
	background: #22ad38;
}

.ten_year_mark p {
	color: #fff;
	font-family: 'pretendard';
	padding: 5px 16px;
	font-size: 15px;
}

.ten_year_mark p > span {
	font-family: 'pretendard';
	color: yellow;
	font-size: 16px;
}

.course_thumbnail img {
	width: 100%;
}

.course_list_ex {
	margin-top: -25px;
	position: relative;
	z-index: 1;
	margin-bottom: 120px;
}

.course_list {
	border-radius: 20px 20px 0 0;
	background: #fff;
}

.course_list > ul {
	width: calc(100% - 32px);
	margin: 0 auto;
	padding-top: 25px;
	position: relative;
}

.course_list > ul::before {
	content: '';
	position: absolute;
	width: 2px;
	height: calc(100% - 30px);
	background: #ccc;
	left: 22px;
	top: 25px;
	z-index: 1;
}

.course_hidden > ul::before {
	display: none;
}

.course_list > ul li {
	position: relative;
	z-index: 2;
	margin-bottom: 30px;
}

li.course_start {
	display: flex;
	align-items: center;
}

li.course_start > div {
	width: 30px;
	height: 30px;
	background: #fff;
	border: 7.5px solid #e3224f;
	box-sizing: border-box;
	border-radius: 50%;
	margin-left: 7px;
	margin-right: 10px;
}

div.course_list_card {
	width: 100%;
	background: #fff;
	padding: 10px;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.15);
	box-sizing: border-box;
	border-radius: 5px;
	display: flex;
	align-items: flex-start;
}

.course_list_text {
	width: calc(100% - 163px);
}

li.course_start > p {
	font-family: 'pretendard';
}

div.course_list_card > img {
	border-radius: 3px;
	margin-right: 12px;
	width: 151px;
	height: 96px;
}

div.course_list_card > div > p {
	font-size: 14px;
	margin-top: 8px;
	color: #777;
}

div.course_list_card a.map_google_btn {
	margin-top: 10px;
	margin-bottom: 0;
}

/*----- 참가 상점 -----*/
.store_list_ex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 120px;
}

.store_item {
	width: calc(50% - 6px);
	margin-bottom: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
}

.store_item a.store_item_link {
	width: 100%;
}

.store_item img.store_item_img {
	width: 100%;
	margin-bottom: 12px;
	border-radius: 10px;
}

.store_item_info {
	margin-top: 12px;
}

.store_item_info p {
	font-size: 15px;
	line-height: 22px;
	color: #777;
}

.store_item .map_google_btn {
	margin-bottom: 0px;
}

.question_btn_ex {
	width: 100%;
	max-width: 768px;
	height: 100vh;
	visibility: hidden;
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 2;
	transform: translate(-50%, 0);
}

.question_btn {
	width: 45px;
	height: 45px;
	visibility: visible;
	cursor: pointer;
	background: #ff4861;
	position: fixed;
	border-radius: 50%;
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	bottom: 110px;
	right: calc(50% - 362px);
}

.attend_btn {
	background: linear-gradient(to bottom, #2562ff, #5c8aff);
}

.question_btn img {
	width: 20px;
	height: 20px;
}

.question_btn p {
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 12px;
}

/* 탑버튼 */
/* .top_btn
{width: 60px; height: 60px;
visibility: visible; cursor: pointer;
background: #fff;
border: 2px solid #191919;
position: fixed;
border-radius: 50%;
display: flex;
align-content: center;
justify-content: center;
flex-wrap: wrap;
bottom: 160px;
right: 15px;
box-sizing: border-box;} */

/*지도의 탑 버튼 추가*/
.map_top_btn {
	bottom: 80px;
}

/* .top_btn_ex .top_btn
{bottom: 80px;} */

/* .top_btn p
{font-family: 'pretendard';
width: 100%;
line-height: 20px;
text-align: center;
color: #191919;} */

div.top_btn {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	cursor: pointer;
	justify-content: center;
	background: #fd4e6e;
	position: fixed;
	z-index: 2;
	bottom: 60px;
	right: calc(50% - 362px);
	transition: all 0.5s;
}

div.top_btn img {
	width: 15px;
	height: auto;
}

/*----- 참가 상점 상세 -----*/
.store_detail_ex {
	margin-bottom: 150px;
}

.store_detail_text {
	overflow: hidden;
}

.store_detail_text > div {
	width: 100%;
	padding-left: 16px;
	padding-right: 16px;
	box-sizing: border-box;
	padding-top: 25px;
	position: relative;
	background: url(../img/detail_back_img.png) no-repeat;
	background-size: 100%;
}

.store_detail_info {
	margin-top: 24px;
}

.store_detail_info > ul > li {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}

.store_detail_info div {
	display: flex;
	align-items: flex-start;
}

.store_detail_info ul li img,
.store_detail_info div img {
	margin-right: 10px;
}

.store_detail_info ul li p,
.store_detail_info div p {
	font-size: 15px;
	line-height: 20px;
	color: #191919;
}

.store_detail_info ul li {
	font-size: 15px;
	line-height: 20px;
	list-style: disc;
}

.store_detail_info div p img {
	width: 100% !important;
	height: auto !important;
	max-width: 500px !important;
	margin: 5px 0 !important;
}

/* 지도 나의 위치 추가 */
button.map_location_button {
	width: fit-content;
	height: 30px;
	margin: 0 auto;
	padding: 0 10px;
	margin-top: 15px;
	border-radius: 15px;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	display: flex;
	align-items: center;
	border: 1px solid #f3f3f3;
	box-sizing: border-box;
	outline: none;
	resize: none;
}

button.map_location_button > div:nth-child(1) {
	width: 15px;
	height: 15px;
	margin-right: 10px;
}

button.map_location_button > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 진해군항제 지도 - 20250106 윤이정 */
div.map_item_ex {
	width: 95%;
	margin: 0 auto;
	padding-bottom: 100px;
}

div.kind_map_shop_container {
	width: 100%;
	display: flex;
	align-items: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #f3f3f3;
	box-sizing: border-box;
	margin-bottom: 10px;
}

div.kind_map_shop_container > div:nth-child(1) {
	width: 80px;
	padding-bottom: 80px;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	background: #d3d3d3;
}

div.kind_map_shop_container > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

div.kind_map_shop_text_container {
	width: calc(100% - 90px);
	margin-left: 10px;
}

div.kind_map_shop_text_container > div > p:nth-child(1) {
	color: #ff899f;
	font-size: 0.9rem;
	line-height: 1rem;
}

div.kind_map_shop_text_container > div > p:nth-child(2) {
	font-size: 1.15rem;
	font-weight: bold;
	color: #000000;
	line-height: 1.5rem;
	margin: 3px 0;
}

div.kind_map_shop_text_container > div > p:nth-child(3) {
	font-size: 0.9rem;
	line-height: 1.1rem;
	color: #646464;
	word-break: keep-all;
}

div.map_item_box {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f3f3f3;
	box-sizing: border-box;
}

div.map_item_box > div > p:nth-child(1) {
	color: #4285f4;
	font-size: 0.9rem;
	line-height: 1rem;
}

div.map_item_box > div > p:nth-child(2) {
	font-size: 1.15rem;
	font-weight: bold;
	color: #000000;
	line-height: 1.5rem;
	margin: 3px 0;
}

div.map_item_box > div > p:nth-child(3) {
	font-size: 0.9rem;
	line-height: 1.1rem;
	color: #646464;
	word-break: keep-all;
}

div.map_find_way {
	width: 100%;
	margin-top: 5px;
	display: flex;
	justify-content: flex-end;
}

div.map_find_way > a {
	background: #ff899f;
	padding: 0 20px;
	border-radius: 15px;
	display: flex;
	align-items: center;
}

div.map_find_way > a > div {
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

div.map_find_way > a > div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.map_find_way > a > p {
	color: #fff;
	line-height: 30px;
}

/*----- 진행군항제 지도 -----*/
#map_ex {
	width: 100%;
	height: 350px;
	overflow: hidden;
}

.map_btn_ex {
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	display: flex;
	margin-top: 16px;
	margin-bottom: 17px;
	padding-bottom: 3px;
	padding-right: 16px;
}

.map_btn_ex label.map_btn {
	height: 30px;
	padding: 0 15px;
	background: #fff;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
}

.map_btn_ex label.map_btn:first-child {
	margin-left: 16px;
}

.map_btn_ex label.map_btn img {
	width: 14px;
	height: auto;
	margin-right: 8px;
}

.map_btn_ex label.map_btn p {
	font-size: 1rem;
	font-family: 'pretendard';
}

#map_btn_total:checked ~ label[for='map_btn_total'],
#map_btn_store:checked ~ label[for='map_btn_store'],
#map_btn_public:checked ~ label[for='map_btn_public'],
#map_btn_festival:checked ~ label[for='map_btn_festival'],
#map_btn_photo:checked ~ label[for='map_btn_photo'],
#map_btn_10year:checked ~ label[for='map_btn_10year'],
#map_btn_photo:checked ~ label[for='map_btn_photo'],
#map_btn_medical:checked ~ label[for='map_btn_medical'],
#map_btn_shuttle:checked ~ label[for='map_btn_shuttle'],
#map_btn_parking:checked ~ label[for='map_btn_parking'] {
	background: #f9f9f9;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15) inset;
}

.map_item_ex {
	width: calc(100% - 32px);
	margin: 0 auto;
	margin-bottom: 120px;
}

.map_item_ex h3 span {
	font-size: 15px;
	color: #777;
	font-family: 'Pretendard';
	margin-left: 10px;
}

.map_item {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	padding-top: 20px;
	display: none;
}

.map_item.active {
	display: block;
}

.map_item_place {
	font-size: 15px;
	color: #777;
	margin-top: 5px;
}

.map_item_img_box {
	display: flex;
	justify-content: space-between;
	margin-top: 12px;
}

.map_item_img_box img {
	width: calc(50% - 6px);
}

.map_google_btn {
	width: fit-content;
	height: 30px;
	display: flex;
	align-items: center;
	background: #4285f4;
	padding: 0px 20px;
	border-radius: 50px;
	margin-top: 12px;
	margin-bottom: 15px;
	float: right;
}

.map_google_btn p {
	color: #fff;
	font-size: 14px;
	margin-left: 10px;
}

/*----- 진해군항제 소개 -----*/
.introduce_container {
	margin-bottom: 120px;
}

.introduce_img img {
	width: 100%;
	margin-bottom: 30px;
}

.introduce_title {
	width: fit-content;
	height: 32px;
	line-height: 32px;
	font-size: 18px;
	color: #e3224f;
	font-family: 'pretendard';
	border: 2px solid #e3224f;
	border-left: 0;
	border-radius: 0 50px 50px 0;
	padding-left: 16px;
	padding-right: 20px;
}

.introduce_summary {
	width: calc(100% - 32px);
	margin: 30px auto;
	border-top: 1px solid #191919;
}

.introduce_summary ul li {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ccc;
}

.introduce_summary ul li p.table_th {
	width: 75px;
	font-family: 'pretendard';
	line-height: 20px;
	padding: 10px 0;
	font-size: 15px;
}

.introduce_summary ul li p.table_td {
	width: calc(100% - 75px);
	line-height: 20px;
	padding: 10px 0;
	font-size: 15px;
}

.introduce_text {
	width: calc(100% - 32px);
	margin: 0 auto;
	font-size: 16px;
	line-height: 25px;
	color: #777;
	margin-top: 24px;
}

.introduce_text span {
	color: #e3224f;
	font-family: 'pretendard';
	font-size: 20px;
}

.introduce_side_img {
	width: calc(100% - 18px);
	margin-left: 18px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.introduce_side_img img {
	width: 100%;
}

/*----- 행사안내 목록페이지 -----*/
.calender_ex {
	background: #ff899f;
	padding-top: 24px;
	padding-bottom: 16px;
}

.calender_category {
	background: #fff;
	width: calc(100% - 32px);
	border-radius: 3px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.calender_category ul {
	display: flex;
	padding: 5px 10px;
	flex-wrap: wrap;
	justify-content: center;
}

.calender_category ul li {
	display: flex;
	align-items: center;
	margin-right: 8px;
}

.calender_category ul li:last-child {
	margin-right: 0px;
}

.calender_category ul li div {
	width: 6px;
	height: 6px;
	margin-right: 5px;
	border-radius: 50px;
}

.calender_category ul li div.calender_category_01 {
	background: #ff7575;
}

.calender_category ul li div.calender_category_02 {
	background: #ffc107;
}

.calender_category ul li div.calender_category_03 {
	background: #3ca8ff;
}

.calender_category ul li p {
	font-size: 12px;
}

/* 달력css */
.date-wrap {
	background: #fff;
	width: calc(100% - 32px);
	margin: 0 auto;
	box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 10px;
	box-sizing: border-box;
}

#month-this {
	font-family: 'pretendard';
}

#month-prev,
#month-next {
	width: calc(100% / 7);
	color: #777777;
	font-family: 'pretendard';
	line-height: 24px;
}

#month-prev:hover,
#month-next:hover,
#month-prev:active,
#month-next:active {
	background: none;
}

.button_wrap {
	display: flex;
	justify-content: space-between;
}

.date-month {
	width: 100%;
}

.date-month td,
.date-month th {
	text-align: center;
	height: 36px;
	padding: 0;
}

.date-month td.today a {
	color: #ff899f;
	font-family: 'pretendard';
}

.event_list_ex {
	width: calc(100% - 32px);
	margin: 0 auto;
	margin-top: 24px;
	margin-bottom: 164px;
}

.event_list_ex .event_list {
	margin-bottom: 20px;
	overflow: hidden;
}

.event_list_ex .event_list a {
	display: flex;
}

.event_img_box {
	width: 30%;
	height: 0;
	padding-bottom: 30%;
	margin-right: 12px;
	border-radius: 5px;
	overflow: hidden;
}

.event_text_box {
	width: calc(100% - 30% - 12px);
}

.event_text_box h3 {
	margin-bottom: 12px;
}

.event_text_box p {
	font-size: 15px;
	line-height: 22px;
	color: #777;
}

.event_push_btn {
	width: fit-content;
	display: flex;
	align-items: center;
	background: transparent !important;
	margin-top: 12px;
	float: right;
}

/*완료 시 버튼 230304*/
.event_push_btn_text {
	width: 100%;
	padding: 5px 20px;
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
	background: #ff899f !important;
}

.event_submit_btn_text {
	width: 100%;
	padding: 5px 20px;
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
	background: #ff9000 !important;
}

/*견학신청*/
div.application_container {
	width: 100%;
	height: 100vh;
	max-width: 1024px;
	visibility: hidden;
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 2;
	transform: translate(-50%, 0);
}

a.application_wing_btn {
	width: 70px;
	height: 70px;
	display: block;
	background: #0075ff;
	border-radius: 50%;
	position: fixed;
	bottom: 80px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: visible;
}

div.application_wing_btn_cont {
	width: calc(100% - 20px);
}

div.application_wing_btn_cont_image {
	width: 25px;
	height: 25px;
	margin: 0 auto;
	margin-bottom: 5px;
}

div.application_wing_btn_cont p {
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	color: #fff;
}

/* 행사달력 제어 */
/* .calendar-events
{display: none;}
 */
/* #eventListToggler
{display: none;} */
.calendar-events {
	box-sizing: border-box;
	box-shadow: none;
}

#eventListToggler {
	width: 40px;
	height: 40px;
	background-color: #ff899f;
	box-shadow: none;
	box-sizing: border-box;
}

button.icon-button > span.chevron-arrow-right {
	border-right-width: 3px;
	border-bottom-width: 3px;
	width: 10px;
	height: 10px;
}

.calendar-sidebar {
	box-shadow: none;
}

.calendar-sidebar > .calendar-year {
	background: #fff;
	box-shadow: none;
}

.calendar-sidebar > .calendar-year > button.icon-button {
	width: 10px;
	height: 10px;
}

.calendar-sidebar > .calendar-year > button.icon-button > span {
	border-right: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
}

.calendar-inner {
	max-width: 100%;
	padding: 20px 0 16px 0;
	z-index: 0;
}

.sidebar-hide .calendar-inner {
	max-width: 100%;
}

.calendar-inner::after {
	background: rgba(0, 0, 0, 0.2);
}

.event-hide .calendar-events {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.event-list > .event-empty {
	border: 1px solid #ff899f;
	background-color: rgba(255, 137, 159, 0.15);
}

.calendar-events > .event-header > p {
	font-size: 24px;
}

.event-list > .event-empty > p {
	color: #191919;
}

.event-container > .event-info > p.event-title {
	font-size: 16px;
}

.event-container > .event-icon {
	padding: 15px;
	width: fit-content;
	height: fit-content;
}

.event-container > .event-icon > div {
	width: 16px;
	height: 16px;
}

th[colspan='7'] {
	color: #191919;
	font-size: 16px;
	padding-bottom: 10px;
}

th[colspan='7']::after {
	display: none;
}

.evo-calendar {
	width: calc(100% - 32px);
	margin: 0 auto;
	box-shadow: none;
	-webkit-box-shadow: none;
}

tr.calendar-header .calendar-header-day,
tr.calendar-body .calendar-day {
	padding: 0;
}

tr.calendar-body .calendar-day .day {
	box-sizing: border-box;
}

.calendar-sidebar > span#sidebarToggler {
	width: 40px;
	height: 40px;
	background: #fff;
	box-sizing: border-box;
	box-shadow: none;
	padding: 5px 8px;
}

button.icon-button > span.bars::before,
button.icon-button > span.bars::after,
button.icon-button > span.bars {
	background: #ff899f;
	height: 3px;
}

button.icon-button > span.bars::before {
	top: -8px;
}
button.icon-button > span.bars::after {
	bottom: -8px;
}

.calendar-sidebar > .month-list {
	background: #ffc0cb;
}

.calendar-sidebar > .month-list > .calendar-months > li.active-month {
	background: #ff899f;
}

.calendar-sidebar {
	background: none;
}

tr.calendar-body .calendar-day .day {
	border: none;
}

tr.calendar-body .calendar-day .day.calendar-active,
tr.calendar-body .calendar-day .day.calendar-active:hover {
	color: #e3224f;
	font-family: 'pretendard';
	border: none;
	transform: none;
}

tr.calendar-body .calendar-day .day:hover {
	background: none;
}

.event-indicator {
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 70%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

tr.calendar-body .calendar-day .day.calendar-today .event-indicator,
tr.calendar-body .calendar-day .day.calendar-active .event-indicator {
	-webkit-transform: translate(-50%, 0px);
	-ms-transform: translate(-50%, 0px);
	transform: translate(-50%, 0px);
}

/*----- 행사안내 목록페이지 -----*/
.event_gallery_ex {
	margin-top: 24px;
	flex-wrap: wrap;
}

.event_gallery_ex > p.event_gallery_title {
	font-size: 16px;
	font-family: 'pretendard';
	margin-bottom: 20px;
}

.event_gallery_img_box {
	display: flex;
	flex-wrap: wrap;
}

.event_gallery_img_box img {
	width: calc(33.33% - 6.67px);
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}

.event_gallery_img_box img:nth-child(3n) {
	margin-right: 0;
}

/* ------ 약관동의 페이지 ------ */
.terms_ex {
	background: #fff5f7;
	min-height: calc(100vh - 50px);
}

.terms_ex > div,
.terms_ex div.terms_container {
	width: calc(100% - 32px);
	margin: 0 auto;
}

.terms_ex .login_img {
	padding-top: 70px;
	margin-top: 0;
}

.terms_checkbox {
	max-width: 320px;
	margin: 0 auto;
	margin-top: 50px;
	padding-bottom: 30px;
}

.terms_login_btn {
	padding-bottom: 120px;
	max-width: 320px;
	width: 100%;
	margin: 0 auto;
}

.terms_login_btn input {
	display: block;
	background: #ff899f;
	border-radius: 5px;
	color: #fff;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.terms_checkbox li {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.terms_checkbox li {
	background: #fff;
	border-top: 0;
	padding: 8px 10px;
	position: relative;
}

.terms_checkbox li:nth-child(1) {
	background: #fff;
	border: 1px solid #eee;
	padding: 8px 10px;
	border-radius: 5px;
	margin-bottom: 12px;
}

.terms_checkbox li:nth-child(1).active {
	border: 1px solid #e3224f;
	transition: all 0.3s;
}

.terms_checkbox li:nth-child(1) label {
	font-family: 'pretendard';
	font-size: 16px;
}

.terms_checkbox li label {
	display: flex;
	align-items: center;
}

.terms_checkbox li label p {
	width: calc(100% - 22px);
	font-size: 15px;
	line-height: 20px;
}

.terms_checkbox li span {
	font-size: 13px;
	text-decoration: underline 1px;
	color: #777;
}

ul.terms_checkbox li {
	border-bottom: 1px solid #eee;
}

ul.terms_checkbox li:last-child {
	border-bottom: none;
}

/*.terms_checkbox li p
{width: calc(100% - 29px);
margin-right: 5px; }*/

.terms_ck_btn {
	margin-right: 8px;
	appearance: none;
	width: 14px;
	height: 14px;
	border: 1px solid #ff899f;
	border-radius: 50%;
	accent-color: #ff899f;
	transition: all 0.3s;
}

#terms_total:checked ~ label div.total_ck_btn,
#terms_privacy:checked ~ label div.privacy_ck_btn,
#terms_use:checked ~ label div.use_ck_btn,
#terms_data:checked ~ label div.data_ck_btn,
#terms_alarm:checked ~ label div.alarm_ck_btn {
	background: #ff899f;
}

span.terms_ck_btn_03 {
	font-size: 12px !important;
	text-decoration: none !important;
}

div.terms_cont_box_01 {
	width: calc(100% - 10px);
	height: 300px;
	margin: 0 auto;
	overflow-y: scroll;
	font-size: 14px;
	color: #666;
	line-height: 20px;
	word-break: keep-all;
}

div.terms_cont_box_01 p {
	font-family: 'pretendard';
	font-size: 14px;
	margin: 5px 0;
}

div.terms_cont_box_02 {
	width: calc(100% - 10px);
	height: 300px;
	margin: 0 auto;
	overflow-y: scroll;
}

div.terms_cont_box_02 p {
	font-size: 14px;
	line-height: 20px;
	color: #666;
	margin-bottom: 5px;
}

div.terms_cont_box_03 {
	width: calc(100% - 10px);
	height: 200px;
	margin: 0 auto;
	overflow-y: scroll;
}

div.terms_cont_box_03 p {
	font-size: 14px;
	line-height: 20px;
	color: #666;
}

div.terms_cont_box_03 p.terms_cont_box_03_title {
	font-family: 'pretendard';
	margin-bottom: 5px;
}

div.privacy_policy_list {
	width: 100%;
}

ul.circle_list {
	margin-bottom: 5px;
}

ul.circle_list li {
	border: none !important;
	padding: 0 !important;
	margin-bottom: 0 !important;
	line-height: 20px !important;
	color: #666 !important;
}

ul.terms_list_b li {
	display: block !important;
	padding: 0 !important;
	margin-bottom: 0 !important;
	border: none !important;
}

/*----- 팝업 css -----*/
.common_popup_ex {
	width: 100%;
	height: 100vh;
	max-width: 769px;
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	z-index: 20;
}

.common_popup_box {
	width: 90%;
	max-width: 500px;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
	border-radius: 5px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	padding-top: 20px;
}

.common_popup_box > h2 {
	font-family: 'pretendard';
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.common_popup_box > p {
	font-size: 1rem;
	line-height: 20px;
	color: #666;
}

.common_popup_box > img {
	margin: 40px auto 50px auto;
}

.popup_btn {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #5d5d5d;
	border-radius: 5px;
}

.popup_btn > p {
	color: #fff;
}

/* cctv 팝업 */
.cctv_popup_ex {
	padding: 20px 0;
	overflow: hidden;
}

.cctv_popup_ex h2 {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.video_box {
	margin-bottom: 30px;
}

.video_box iframe {
	width: 100%;
	height: 330px;
	margin: 0 auto;
}

.cctv_popup_ex .popup_btn {
	width: 90%;
	margin: 0 auto;
}

/* 이용약관 팝업
.terms_box
{width: calc(100% - 20px);
height: 240px;
overflow-y: scroll;
text-align: left;
margin: 0 auto;
margin-bottom: 30px;
font-size: 14px;
line-height: 20px;
color: #666;
word-break: keep-all;}*/

.terms_box {
	max-height: 250px;
	overflow-y: scroll;
	margin-bottom: 24px;
	text-align: left;
	line-height: 20px;
	font-size: 14px;
	color: #535353;
}

p.terms_title {
	font-weight: bold;
	font-family: 'pretendard';
	line-height: 20px;
	color: #333;
}

/*개인정보처리방침*/
.privacy_box > div:nth-child(2) {
	width: 100%;
	height: 250px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow-y: scroll;
}

.privacy_box > div:nth-child(2)::-webkit-scrollbar {
	width: 2px;
}

.privacy_box > div:nth-child(2)::-webkit-scrollbar-thumb {
	background-color: #5d5d5d;
	border-radius: 10px;
}

.privacy_box > div:nth-child(2)::-webkit-scrollbar-track {
	background-color: #ddd;
}

.privacy_box > div:nth-child(2) > p {
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 25px;
	color: #707070;
}

.privacy_box > div:nth-child(2) div.privacy_policy_list {
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 10px;
	margin: 10px auto;
}

div.privacy_policy_list ul.circle_list > li {
	width: calc(100% - 14px);
	font-size: 14px;
	line-height: 25px;
	position: relative;
	color: #303030;
	margin-left: 14px;
}

div.privacy_policy_list ul.circle_list > li::before {
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	left: -14px;
	top: 8px;
	border-radius: 50%;
	background: #5d5d5d;
}

.terms_list_b {
	width: 100%;
	font-size: 14px;
	margin: 10px auto;
}

/* 대목차 */
ul.terms_list_b > li {
	font-size: 14px;
	line-height: 25px;
	color: #303030;
	margin-bottom: 10px;
}

ul.terms_list_b > p {
	font-size: 14px;
	line-height: 25px;
	color: #707070;
}

/* 동그라미 리스트 */
ul.circle_list > li {
	width: calc(100% - 14px);
	font-size: 14px;
	line-height: 25px;
	position: relative;
	color: #707070;
	word-break: break-word;
	margin-left: 14px;
}

ul.circle_list > li::before {
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	left: -14px;
	top: 8px;
	border-radius: 50%;
	background: #707070;
}

/* 정수 리스트 */
ol.solid_list {
	counter-reset: item;
}

ol.solid_list li {
	width: calc(100% - 14px);
	position: relative;
	list-style-type: none;
	line-height: 25px;
	margin-left: 14px;
}

ol.solid_list li::before {
	content: counter(item) '.';
	counter-increment: item;
	position: absolute;
	left: -14px;
}

ol.solid_number_list li:nth-child(1):before {
	content: '1. ';
}
ol.solid_number_list li:nth-child(2):before {
	content: '2. ';
}
ol.solid_number_list li:nth-child(3):before {
	content: '3. ';
}
ol.solid_number_list li:nth-child(4):before {
	content: '4. ';
}
ol.solid_number_list li:nth-child(5):before {
	content: '5. ';
}

/* 제공테이블 */
.privacy_table_m {
	width: 100%;
	border: 1px solid #ccc;
	border-bottom: 0;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.privacy_table_m tr th {
	background: #f0f0f0;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}

.privacy_table_m tr td {
	background: #fff;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}

.privacy_table_m tr td p,
.privacy_table_m tr th p {
	width: 95%;
	text-align: center;
	padding: 5px 0;
	margin: 0 auto;
}

.privacy_box > div:nth-child(2) > p {
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 25px;
	color: #707070;
}

.privacy_box > div:nth-child(2) > p > span {
	color: #303030;
}

ul.terms_list_b > li p {
	font-size: 14px;
}

/* 질의응답 팝업 */
.survey_box {
	text-align: left;
	margin-bottom: 24px;
}

.survey_box > div {
	width: 100%;
	margin-bottom: 15px;
}

.survey_title {
	margin-bottom: 10px;
	word-break: keep-all;
	line-height: 1.5rem;
}

.survey_title > span {
	font-family: 'pretendard';
	color: #ff899f;
	font-weight: bold;
}

.survey_box > div input {
	width: 100%;
	height: 30px;
	border: 1px solid #ccc;
	font-size: 14px;
	text-indent: 8px;
}

.survey_box > div input::placeholder {
	color: #777;
}

.survey_q3_ck ul {
	display: flex;
	flex-wrap: wrap;
}

.survey_q3_ck ul li {
	display: flex;
	align-items: center;
	margin-right: 16px;
	margin-bottom: 5px;
}

.survey_q3_ck ul li:last-child {
	margin-right: 0;
}

.survey_q3_ck ul li input[type='radio'] {
	margin-right: 6px;
	appearance: none;
	width: 14px;
	height: 14px;
	border: 1px solid #ff899f;
	border-radius: 50%;
	accent-color: #ff899f;
}

[type='radio']:checked {
	border: 4px solid #fff;
	background-color: #ff899f;
}

.survey_q3_ck ul li label {
	font-size: 14px;
}

#survey_textarea {
	width: calc(100% - 16px);
	border: 0;
	resize: none;
	outline: none;
	background: #f0f0f0;
	height: 130px;
	padding: 8px;
	font-size: 1rem;
	border-radius: 5px;
}

.survey_popup {
	display: flex;
	justify-content: space-between;
}

.survey_popup .popup_btn {
	width: calc(50% - 4px);
}

.survey_popup .popup_btn.translation_korea,
.survey_popup .popup_btn.translation_english {
	background: #ff899f;
	border-radius: 5px;
	color: #fff;
}

/* 질의응답 팝업 */
.attend_text {
	margin-bottom: 20px;
	word-break: keep-all;
}

.attend_text > span {
	font-family: 'pretendard';
	color: #ff899f;
}

.attend_box > div {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.attend_box > div > p {
	width: 80px;
	font-family: 'pretendard';
	font-size: 15px;
}

.attend_box > div > input {
	width: calc(100% - 80px);
}

.date_time_box {
	width: calc(100% - 80px);
	display: flex;
	justify-content: space-between;
}

.attend_box > div .date_time_box > input {
	text-indent: 5px;
}

.date_time_box > input:first-child {
	margin-right: 8px;
}

.vacancy {
	font-family: 'pretendard';
	font-size: 15px;
}

.vacancy > span {
	color: #ff899f;
	font-family: 'pretendard';
}

/* 메인 공지사항 팝업 */
.popup_close {
	display: none;
}

.popup_ex {
	width: 100%;
	max-width: 769px;
	height: 100vh;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.5);
}

.popup_ex > div {
	max-width: 500px;
	width: calc(100% - 32px);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.popup_ex > div > a:nth-child(1) {
	width: 100%;
}

.popup_ex > div > a:nth-child(1) img {
	width: 100%;
	height: auto;
}

.popup_ex > div > div:nth-child(2) {
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	background: #191919;
	overflow: hidden;
	box-sizing: border-box;
}

.popup_ex > div > div:nth-child(2) > label:nth-child(1) {
	width: fit-content;
	float: left;
}

.popup_ex > div > div:nth-child(2) > label:nth-child(1) > div:nth-child(1) {
	width: 16px;
	height: 16px;
	background-image: url(../img/chk_box.png);
	background-size: cover;
	float: left;
	display: block;
	margin-right: 5px;
	transition: all 0.3s;
}

.popup_close:checked ~ .popup_ex > div > div:nth-child(2) > label:nth-child(1) > div:nth-child(1) {
	background-image: url(../img/chk_box_chk.png);
	background-size: cover;
}

.popup_ex > div > div:nth-child(2) > label:nth-child(1) > p:nth-child(2) {
	float: left;
	line-height: 16px;
	color: #fff;
}

.popup_ex > div > div:nth-child(2) > a:nth-child(2) {
	float: right;
	line-height: 16px;
	color: #fff;
	display: block;
}

/*베너*/
div.common_banner_ex {
	width: 100%;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

a.common_banner {
	width: 49%;
	display: block;
	padding: 15px 0;
	border-radius: 5px;
	margin-bottom: 10px;
	overflow: hidden;
	background: #fff4f4;
}

a.common_banner:nth-child(odd) {
	margin-right: 2%;
}

a.common_banner > div {
	width: calc(100% - 20px);
	margin: 0 auto;
	display: flex;
	align-items: center;
}

div.common_banner_icon {
	width: 50px;
	height: 50px;
	margin-right: 10px;
}

div.common_banner_icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.common_banner_text_cont {
	width: calc(100% - 60px);
	font-size: 15px;
	line-height: 20px;
	color: #000000;
}

div.common_banner_text_cont p {
	width: 100%;
	font-size: 15px;
	line-height: 20px;
	color: #000000;
}

div.common_banner_text_cont p span {
	font-family: 'pretendard';
	color: #ff174f;
}

h3.store_title_main {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/*지도*/
div.wrap {
	width: 200px !important;
	/*{width: 160px !important; */
	background: #f7f7f7;
}

div.info {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

div.title {
	width: calc(100% - 30px);
	margin-left: 5px;
	margin-right: 10px;
	background: none;
	padding: 5px 0;
	font-size: 14px;
	line-height: 20px;
	white-space: normal;
	word-wrap: break-word;
	margin-bottom: 0;
}

div.close {
	width: 10px;
	height: 10px;
	margin-right: 5px;
}

#closeOverlayButton img {
	width: 100%;
	height: 100%;
}

div.body {
	width: 100%;
	background: #fff;
}

div.desc {
	width: calc(100% - 10px);
	margin: 0 auto;
	padding: 5px 0;
	white-space: normal;
	overflow: hidden;
}

div.ellipsis {
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	word-wrap: break-word !important;
	text-align: center;
	color: #333;
}

a.map_load_btn {
	display: block;
	font-size: 12px;
	line-height: 12px;
	padding: 8px;
	margin-right: 5px;
	background: #4285f4;
	color: #fff;
	margin-bottom: 5px;
	border-radius: 15px;
	float: right;
}

/*알람*/
div.alarm_banner_ex {
	width: 90%;
	max-width: calc(1024px - 10%);
	position: fixed;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	padding: 15px 0;
	border-radius: 5px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
	border: 1px solid #d3d3d344;
	box-sizing: border-box;
	background: #fff;
}

div.alarm_banner_cont {
	width: calc(100% - 20px);
	margin: 0 auto;
	display: flex;
	align-items: center;
}

div.alarm_banner_image {
	width: 45px;
	height: 45px;
	margin-right: 10px;
}

div.alarm_banner_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.alarm_banner_txt {
	width: calc(100% - 85px);
	margin-right: 10px;
}

div.alarm_banner_txt p {
	font-size: 15px;
	line-height: 20px;
	color: #2c2c2c;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

div.alarm_banner_txt p span {
	font-family: 'pretendard';
	color: #ff174f;
}

div.close_alarm_btn {
	width: 20px;
	height: 20px;
	align-self: flex-start;
}

div.close_alarm_btn img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*메인 스폰서 이미지*/
div.main_support_img_ex {
	width: 420px;
	max-width: 90%;
	margin: 0 auto;
	margin-top: 20px;
}

div.main_support_img_ex img {
	width: 100%;
	height: auto;
}

.support_img_ex .swiper-slide {
	width: fit-content;
}

a.login_use {
	font-size: 1rem !important;
}

/* 로그인 페이지 - 리디자인 (이정) */
div.login_container {
	width: 95%;
	margin: 0 auto;
	margin-top: 80px;
	padding-bottom: 50px;
}

div.login_image_box {
	width: 90%;
	max-width: 320px;
	margin: 0 auto;
	margin-bottom: 50px;
}

div.login_image_box img {
	width: 100%;
	height: auto;
}

div.login_chk_container {
	width: 100%;
	margin-bottom: 30px;
}

label.all_chk_box_label {
	width: 100%;
	display: flex !important;
	align-items: center;
	margin-bottom: 10px !important;
}

label.all_chk_box_label > div:nth-child(1) {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #d3d3d3;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}

label.all_chk_box_label > div:nth-child(1) img {
	width: 10px;
	height: 10px;
}

label.all_chk_box_label > div:nth-child(2) {
	width: calc(100% - 30px);
}

label.all_chk_box_label > div:nth-child(2) p {
	font-size: 1.1rem;
	word-break: keep-all;
}

label.all_chk_box_label > div:nth-child(2) p span {
	font-weight: bold;
}

input[type='checkbox'].login_chkbox {
	display: none;
}

#all_chk_login:checked ~ label.all_chk_box_label > div:nth-child(1) {
	background: #ff899f;
}

#use_chk_login:checked ~ label.use_chk_label > div > div:nth-child(1) {
	background: #ff899f;
}

#privacy_chk_login:checked ~ label.privacy_chk_label > div > div:nth-child(1) {
	background: #ff899f;
}

#marketing_chk_login:checked ~ label.marketing_chk_label > div > div:nth-child(1) {
	background: #ff899f;
}

label.login_agree_box {
	width: 100%;
	display: flex !important;
	align-items: center;
	margin-bottom: 10px;
}

label.login_agree_box > div:nth-child(1) {
	width: calc(100% - 50px);
	margin-right: 10px;
	display: flex;
	align-items: center;
}

label.login_agree_box > div:nth-child(1) > div:nth-child(1) {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #d3d3d3;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 14px;
}

label.login_agree_box > div:nth-child(1) > div:nth-child(1) img {
	width: 8px;
	height: 8px;
}

label.login_agree_box > div:nth-child(1) > div:nth-child(2) {
	width: calc(100% - 30px);
}

label.login_agree_box > div:nth-child(1) > div:nth-child(2) p {
	line-height: 1.3rem;
	word-break: keep-all;
}

label.login_agree_box > div:nth-child(2) {
	width: 40px;
}

label.login_agree_box > div:nth-child(2) p {
	text-align: right;
	font-weight: bold;
	font-size: 15px;
}

/* 개인정보 팝업 */
div.login_popup_container {
	width: 769px;
	max-width: 100%;
	height: 100vh;
	background: #2222225d;
	backdrop-filter: blur(2px);
	position: fixed;
	top: 0;
	left: calc(50% - 384.5px);
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.login_popup_box {
	width: 500px;
	max-width: 90%;
	background: #fff;
	border-radius: 5px;
	padding: 15px 0;
}

div.login_popup_title {
	width: calc(100% - 30px);
	margin: 0 auto;
	margin-bottom: 15px;
}

div.login_popup_title p {
	text-align: center;
	font-weight: bold;
	font-size: 1.1rem;
	word-break: keep-all;
	line-height: 1.4rem;
}

div.login_popup_text {
	width: calc(100% - 30px);
	height: 200px;
	margin: 0 auto;
	overflow-y: scroll;
}

div.login_popup_text p {
	line-height: 1.3rem;
	font-size: 0.95rem;
	word-break: keep-all;
	color: #333;
}

div.login_popup_text > div > div {
	margin-bottom: 10px;
}

div.login_popup_text > div > p {
	margin-bottom: 5px;
}

div.login_popup_text p.login_popup_title {
	font-weight: bold;
	margin-bottom: 10px;
}

div.login_popup_text ul {
	width: calc(100% - 16px);
	margin-left: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.login_popup_text ul li {
	margin-bottom: 5px;
	list-style-type: circle !important;
}

div.login_popup_close {
	width: calc(100% - 30px);
	height: 40px;
	margin: 10px auto;
	border-radius: 5px;
	background: #d3d3d3;
	cursor: pointer;
}

div.login_popup_close p {
	line-height: 40px;
	text-align: center;
}

/* 상점 추가 퍼블리싱 */
div.store_revise_banner {
	width: 95%;
	margin: 0 auto;
	margin-top: 80px;
	padding: 30px 0;
	border-radius: 3px;
	background: linear-gradient(to right, #ffb8c5, #ff899f);
	position: relative;
}

div.store_revise_banner > div {
	width: calc(100% - 30px);
	margin: 0 auto;
}

div.store_revise_banner > div p {
	font-size: 1.2rem;
	line-height: 1.5rem;
	color: #fff;
	position: relative;
	z-index: 2;
}

div.store_revise_banner > div p span {
	font-weight: bold;
	color: #fff;
}

div.store_revise_banner > div > div:nth-child(3) {
	width: 70px;
	position: absolute;
	top: calc(50% - 30px);
	right: 15px;
	z-index: 1;
	opacity: 0.5;
}

div.store_revise_banner > div > div:nth-child(3) img {
	width: 100%;
	height: auto;
}

nav.store_reservation_nav {
	width: 95%;
	margin: 0 auto;
	margin-top: 30px;
}

nav.store_reservation_nav ul {
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	background: #f3f3f3;
	list-style: none;
	display: flex;
	align-items: center;
}

nav.store_reservation_nav ul li {
	width: calc(100% / 3);
	height: 40px;
	cursor: pointer;
	transition: all 0.5s;
}

nav.store_reservation_nav ul li.active {
	background: #ff899f;
	border-radius: 5px;
}

nav.store_reservation_nav ul li p {
	text-align: center;
	line-height: 40px;
}

nav.store_reservation_nav ul li.active p {
	color: #fff;
}

div.store_sheet_revise {
	width: 95%;
	margin: 0 auto;
	margin-top: 15px;
	padding-bottom: 80px;
}

div.store_revise_box {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-radius: 5px;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
}

a.store_revice_href_detaile {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

a.store_revice_href_detaile > div:nth-child(1) {
	width: 100%;
	padding-bottom: 51.16%;
	background: #d3d3d3;
	position: relative;
	overflow: hidden;
}

a.store_revice_href_detaile > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

a.store_revice_href_detaile > div:nth-child(1n + 2) {
	width: calc(100% - 30px);
	margin: 15px auto;
}

a.store_revice_href_detaile > div:nth-child(1n + 2) > p:nth-child(1) {
	font-size: 1.15rem;
	font-weight: bold;
	line-height: 1.5rem;
	margin-bottom: 15px;
}

a.store_revice_href_detaile > div:nth-child(1n + 2) > div:nth-child(1n + 2) {
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px;
}

a.store_revice_href_detaile > div:nth-child(1n + 2) > div:nth-child(1n + 2) > div:nth-child(1) {
	width: 15px;
	height: 15px;
	margin-right: 10px;
}

a.store_revice_href_detaile > div:nth-child(1n + 2) > div:nth-child(1n + 2) > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

a.store_revice_href_detaile > div:nth-child(1n + 2) > div:nth-child(1n + 2) > p:nth-child(2) {
	width: calc(100% - 25px);
	color: #646464;
	line-height: 1.3rem;
}

div.store_revice_href_load {
	width: 95%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
}

div.store_revice_href_load > a {
	width: fit-content;
	display: flex;
	align-items: center;
	background: #ff899f;
	padding: 0 20px;
	border-radius: 15px;
}

div.store_revice_href_load > a > div {
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

div.store_revice_href_load > a > div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.store_revice_href_load > a > p {
	color: #fff;
	line-height: 30px;
}

/* 상점 디테일 추가 퍼블리싱 */
div.mobile_container.store_detaile_revise_container {
	background: #f3f3f3;
}

div.store_detaile_revise_visual {
	width: 100%;
	background: #fff;
	margin-top: 50px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

div.store_detaile_revise_image {
	width: 100%;
	padding-bottom: 51.16%;
	background: #d3d3d3;
	position: relative;
	overflow: hidden;
}

div.store_detaile_revise_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

div.store_detaile_revise_title {
	width: 95%;
	margin: 20px auto;
}

div.store_detaile_revise_title p {
	font-size: 1.2rem;
	font-weight: bold;
	color: #000;
}

a.stemp_href_banner_container {
	width: 95%;
	display: block;
	margin: 0 auto;
	padding: 30px 0;
	border-radius: 5px;
	background: #ffe0e0;
	position: relative;
}

a.stemp_href_banner_container p {
	width: calc(100% - 30px);
	margin: 0 auto;
	line-height: 1.3rem;
	font-size: 0.95rem;
	position: relative;
	z-index: 2;
}

a.stemp_href_banner_container p span {
	font-weight: bold;
	color: #ff174f;
	font-size: 1.1rem;
}

a.stemp_href_banner_container > div:nth-child(3) {
	width: 100px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	opacity: 0.5;
}

a.stemp_href_banner_container > div:nth-child(3) img {
	width: 100%;
	height: auto;
}

div.store_detaile_information_container {
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 15px;
	background: #fff;
}

div.store_detaile_information_container:last-child {
	padding-bottom: 80px;
}

div.store_detaile_nav_title_box {
	width: 100%;
	padding: 15px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #f3f3f3;
	box-sizing: border-box;
}

div.store_detaile_nav_title {
	width: 95%;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

div.store_detaile_nav_title > div:nth-child(1) {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

div.store_detaile_nav_title > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.store_detaile_nav_title > p:nth-child(1n + 2) {
	font-weight: bold;
	font-size: 1.1rem;
}

div.event_information_detaile_box {
	width: 95%;
	margin: 0 auto;
}

div.event_information_detaile_box p {
	font-size: 1rem;
	line-height: 1.5rem;
	color: #333;
}

a.store_revise_call {
	width: 95%;
	display: block;
	margin: 0 auto;
	padding: 15px 0;
	background: #f3f4f8;
	border-radius: 5px;
}

a.store_revise_call > div {
	width: calc(100% - 30px);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

a.store_revise_call > div > p:nth-child(1) {
	line-height: 1.2rem;
}

a.store_revise_call > div > div:nth-child(2) {
	width: 15px;
	height: 15px;
}

a.store_revise_call > div > div:nth-child(2) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.store_map_content {
	width: 95%;
	margin: 0 auto;
}

div.store_map_address {
	background: #f3f4f8;
	border-radius: 5px;
	padding: 15px 0;
}

div.store_map_address p {
	width: calc(100% - 30px);
	word-break: keep-all;
	line-height: 1.3rem;
	margin: 0 auto;
}

div.store_revise_map {
	width: 100%;
	height: 250px;
	margin-top: 15px;
	margin-bottom: 10px;
}

div.root_daum_roughmap {
	width: 100% !important;
	height: 100% !important;
}

div.wrap_btn_zoom {
	display: none !important;
}

div.store_map_find_way {
	width: 95%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
}

div.store_map_find_way > a {
	background: #ff899f;
	padding: 0 20px;
	border-radius: 15px;
	display: flex;
	align-items: center;
}

div.store_map_find_way > a > div {
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

div.store_map_find_way > a > div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.store_map_find_way > a > p {
	color: #fff;
	line-height: 30px;
}

/* 스탬프투어 페이지 */
div.stamp_title_container {
	width: 95%;
	margin: 0 auto;
	margin-top: 80px;
	margin-bottom: 30px;
}

div.stamp_title_container > div:nth-child(1) {
	width: 100%;
}

div.stamp_title_container > div > p:nth-child(1) {
	font-size: 1.2rem;
	line-height: 1.5rem;
}

div.stamp_title_container > div > p:nth-child(2) {
	font-size: 1.2rem;
	line-height: 1.5rem;
	margin-bottom: 10px;
}

div.stamp_title_container > div > p:nth-child(2) span {
	color: #ff174f;
	font-weight: bold;
}

div.stamp_title_container > div > p:nth-child(3) {
	color: #646464;
}

div.stamp_title_container > div > p:nth-child(3) span {
	color: #646464;
	font-weight: bold;
}

div.stamp_jpg_container {
	width: 100%;
	margin: 15px 0;
}

div.stamp_jpg_container img {
	width: 100%;
	height: auto;
}

div.stamp_click_container {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 80px;
	background: #ffe2e2;
	border-radius: 5px;
	padding: 15px 0;
}

div.stamp_click_container.stamp_submit_container {
	margin-bottom: 15px;
}

div.stamp_click_box {
	width: calc(100% - 20px);
	margin: 0 auto;
	display: flex;
	align-items: center;
}

div.stamp_click_box button {
	width: calc(100% / 4);
	border: none;
	resize: none;
	outline: none;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
}

div.stamp_click_box button > div:nth-child(1) {
	width: 50px;
	height: 50px;
}

div.stamp_click_box button > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.stamp_click_box button > p:nth-child(2) {
	width: 45px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 10px;
	font-size: 0.9rem;
	transform: translate(-50%, -50%);
	background: #d3d3d3;
	color: #fff;
	line-height: 20px;
}

a.stamp_submit_btn {
	width: 95%;
	height: 45px;
	display: block;
	margin: 0 auto;
	margin-bottom: 80px;
	background: #ff899f;
	border-radius: 5px;
}

a.stamp_submit_btn p {
	text-align: center;
	line-height: 45px;
	font-size: 1rem;
	color: #fff;
}

/* 스템프투어 디테일 페이지 */
div.stamp_tour_visual_banner {
	width: 100%;
	margin-top: 50px;
}

div.stamp_tour_visual {
	width: 100%;
	padding-bottom: 83.14%;
	position: relative;
	overflow: hidden;
}

div.stamp_tour_visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

div.stamp_select_container {
	width: 95%;
	margin: 30px auto;
	margin-bottom: 0;
	padding-bottom: 80px;
}

div.stamp_select_box {
	width: 100%;
	display: flex;
	align-items: flex-start;
	margin-bottom: 15px;
}

div.stamp_select_box:last-child {
	margin-bottom: 0;
}

a.stamp_camera_box {
	width: 70px;
	height: 70px;
	background: #ffe2e2;
	margin-right: 10px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

div.stamp_change_img {
	width: 50px;
}

div.stamp_change_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

p.stamp_click_icon {
	width: 45px;
	text-align: center;
	background: #d3d3d3;
	line-height: 20px;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
}

div.stamp_detaile_text_box {
	width: calc(100% - 80px);
}

div.stamp_detaile_text_box > div:nth-child(1) {
	display: flex;
	align-items: flex-start;
	margin-bottom: 5px;
}

div.stamp_detaile_text_box > div:nth-child(1) > p:nth-child(1) {
	color: #ff899f;
	font-size: 0.9rem;
	width: 60px;
	margin-right: 5px;
	line-height: 1.5rem;
}

div.stamp_detaile_text_box > div:nth-child(1) > div:nth-child(2) {
	width: calc(100% - 65px);
}

div.stamp_detaile_text_box > div:nth-child(1) > div:nth-child(2) p {
	font-weight: bold;
	font-size: 1.1rem;
	line-height: 1.5rem;
}

div.stamp_detaile_text_box > div:nth-child(2) {
	width: 100%;
}

div.stamp_detaile_text_box > div:nth-child(2) p {
	word-break: keep-all;
	font-size: 0.9rem;
	color: #646464;
}

a.stamp_finding_way_btn_box {
	display: flex;
	justify-content: flex-end;
}

a.stamp_finding_way_btn_box > div {
	width: fit-content;
	display: flex;
	align-items: center;
	background: #ff899f;
	padding: 0 20px;
	border-radius: 15px;
	margin-top: 15px;
}

a.stamp_finding_way_btn_box > div > div:nth-child(1) {
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

a.stamp_finding_way_btn_box > div > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

a.stamp_finding_way_btn_box > div > p {
	font-size: 1rem;
	line-height: 30px;
	color: #fff;
}

/* 스탬프 완료 */
div.stamp_submit_title_container {
	width: 95%;
	margin: 80px auto;
	margin-bottom: 30px;
}

/* 회원 타이틀 */
div.stamp_submit_title_container > div {
	width: 100%;
}

div.stamp_submit_title_container > div > p:nth-child(1) {
	font-size: 1.3rem;
	line-height: 1.6rem;
	margin-bottom: 5px;
}

div.stamp_submit_title_container > div > p:nth-child(1) span {
	font-weight: bold;
	color: #ff899f;
	font-size: 1.5rem;
}

div.stamp_submit_title_container > div > p:nth-child(2) {
	line-height: 1.3rem;
	color: #646464;
}

/* 쿠폰 */
div.store_stamp_container {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 30px;
}

div.stamp_store_title {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
}

div.stamp_store_title > div {
	width: calc(100% - 30px);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

div.stamp_store_title > div > div:nth-child(1) {
	width: 15px;
	height: 15px;
}

div.stamp_store_title > div > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.stamp_store_title > div > div:nth-child(2) {
	width: calc(100% - 43px);
	padding: 15px 0;
}

div.stamp_store_title > div > div:nth-child(2) p {
	font-weight: bold;
}

div.stamp_store_title > div > div:nth-child(3) {
	width: 8px;
	height: 8px;
	transition: all 0.5s;
}

div.stamp_store_title > div > div:nth-child(3).active {
	transform: rotate(180deg);
}

div.stamp_store_title > div > div:nth-child(3) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.stamp_store_text_box {
	width: 100%;
	height: 0;
	overflow: hidden;
	margin: 0 auto;
	opacity: 0;
	transition: all 0.5s;
}

div.stamp_store_text_box.active {
	height: fit-content;
	opacity: 1;
}

div.stamp_store_coupon {
	width: 100%;
	margin: 15px 0;
	padding: 30px 0;
	background: #ff899f;
	border-radius: 5px;
	position: relative;
}

div.stamp_store_coupon > div:nth-child(1) {
	width: calc(100% - 30px);
	margin: 0 auto;
}

div.stamp_store_coupon > div:nth-child(2) {
	width: calc(100% - 30px);
	margin: 0 auto;
}

div.stamp_store_coupon > div > p {
	color: #fff;
}

div.stamp_store_coupon > div > p:nth-child(1) {
	font-size: 1rem;
	line-height: 1.3rem;
	margin-bottom: 3px;
}

div.stamp_store_coupon > div > p:nth-child(2) {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.5rem;
}

div.stamp_store_text {
	width: 100%;
	padding: 15px 0;
	border-radius: 5px;
	background: #f3f3f3;
}

div.stamp_store_text > div {
	width: calc(100% - 30px);
	margin: 0 auto;
}

div.stamp_store_text > div > p {
	position: relative;
	width: calc(100% - 1rem);
	margin-left: 1rem;
	margin-bottom: 5px;
	word-break: keep-all;
	line-height: 1.3rem;
}

div.stamp_store_text > div > p::before {
	content: '※';
	position: absolute;
	left: -1rem;
}

div.stamp_store_text > div > p:last-child {
	margin-bottom: 0;
}

div.stamp_coupon_img {
	width: 100px;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}

div.stamp_coupon_img img {
	width: 100%;
	height: 100%;
}

/* 사은품 */
div.freebies_stamp_container {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 30px;
}

div.stamp_freebies_title {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
}

div.stamp_freebies_title > div {
	width: calc(100% - 30px);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

div.stamp_freebies_title > div > div:nth-child(1) {
	width: 15px;
	height: 15px;
}

div.stamp_freebies_title > div > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.stamp_freebies_title > div > div:nth-child(2) {
	width: calc(100% - 43px);
	padding: 15px 0;
}

div.stamp_freebies_title > div > div:nth-child(2) p {
	font-weight: bold;
}

div.stamp_freebies_title > div > div:nth-child(3) {
	width: 8px;
	height: 8px;
	transition: all 0.5s;
}

div.stamp_freebies_title > div > div:nth-child(3).active {
	transform: rotate(180deg);
}

div.stamp_freebies_title > div > div:nth-child(3) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.stamp_freebies_text_box {
	width: 100%;
	height: 0;
	overflow: hidden;
	margin: 0 auto;
	opacity: 0;
	transition: all 0.5s;
}

div.stamp_freebies_text_box.active {
	height: fit-content;
	opacity: 1;
}

div.stamp_freebies_qr_box {
	width: 200px;
	max-width: 90%;
	margin: 15px auto;
}

div.stamp_freebies_qr_box img {
	width: 100%;
	height: auto;
}

/* 안내 사항 */
div.stamp_freebies_text {
	width: 100%;
	background: #f3f3f3;
	padding: 15px 0;
	border-radius: 5px;
}

div.stamp_freebies_text > div {
	width: calc(100% - 30px);
	margin: 0 auto;
}

div.stamp_freebies_text > div > p {
	position: relative;
	width: calc(100% - 1rem);
	margin-left: 1rem;
	margin-bottom: 5px;
	word-break: keep-all;
	line-height: 1.3rem;
}

div.stamp_freebies_text > div > p::before {
	content: '※';
	position: absolute;
	left: -1rem;
}

div.stamp_freebies_text > div > p:last-child {
	margin-bottom: 0;
}

/* 지도 - 스탬프투어 */
div.stamp_map_container {
	width: 95%;
	margin: 30px auto;
	margin-bottom: 50px;
}

div.stamp_map_title {
	width: 100%;
	padding: 15px 0;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
	border-radius: 5px;
	margin-bottom: 15px;
}

div.stamp_map_title > div {
	width: calc(100% - 30px);
	margin: 0 auto;
	display: flex;
	align-items: center;
}

div.stamp_map_title > div > div:nth-child(1) {
	width: 15px;
	height: 15px;
	margin-right: 10px;
}

div.stamp_map_title > div > div:nth-child(2) {
	width: calc(100% - 25px);
}

div.stamp_map_title p {
	font-size: 1rem;
	font-weight: bold;
}

div.stamp_map_content {
	width: 100%;
}

div.stamp_map_address {
	width: 100%;
	background: #f3f3f3;
	border-radius: 5px;
	padding: 15px 0;
	margin-bottom: 10px;
}

div.stamp_map_address p {
	width: calc(100% - 30px);
	margin: 0 auto;
	word-break: keep-all;
}

div.stamp_map {
	width: 100%;
	height: 250px;
	margin-top: 15px;
	margin-bottom: 10px;
}

div.root_daum_roughmap {
	width: 100% !important;
	height: 100% !important;
}

div.wrap_btn_zoom {
	display: none !important;
}

div.stamp_map_find_way {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

div.stamp_map_find_way > a {
	width: fit-content;
	display: flex;
	align-items: center;
	background: #ff899f;
	padding: 0 20px;
	border-radius: 15px;
}

div.stamp_map_find_way > a > div:nth-child(1) {
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

div.stamp_map_find_way > a > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.stamp_map_find_way > a > p {
	font-size: 1rem;
	line-height: 30px;
	color: #fff;
}

a.stamp_index_href {
	width: 95%;
	height: 45px;
	border-radius: 5px;
	display: block;
	background: #ff899f;
	margin: 0 auto;
	margin-bottom: 80px;
}

a.stamp_index_href p {
	text-align: center;
	line-height: 45px;
	color: #fff;
}

/* 체리블라썸 페스티벌 */
div.blossoms_main_container {
	width: 100%;
	background: #fff;
	margin-top: 50px;
	margin-bottom: 15px;
	padding-bottom: 20px;
}

/* 체리블라썸 페스티벌 슬라이드 이미지 */
div.blossoms_visual_container {
	width: 100%;
	margin-bottom: 20px;
}

div.blossoms_main_visual_content {
	width: 100%;
	padding-bottom: 62.66%;
	background: #d3d3d3;
	overflow: hidden;
	position: relative;
}

div.blossoms_main_visual_content img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

/* 체리블라썸 메인 타이틀 */
div.blossoms_main_text_box {
	width: 95%;
	margin: 0 auto;
}

div.blossoms_main_text_box > p:nth-child(1) {
	color: #ff899f;
	margin-bottom: 3px;
	line-height: 1.3rem;
}

div.blossoms_main_text_box > p:nth-child(2) {
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 10px;
}

div.blossoms_main_text_box > div {
	margin-bottom: 5px;
}

div.blossoms_main_text_box > div:last-child {
	margin-bottom: 0;
}

div.blossoms_main_text_box > div:nth-child(1n + 3) {
	width: 100%;
	display: flex;
	align-items: flex-start;
}

div.blossoms_main_text_box > div:nth-child(1n + 3) p {
	font-size: 0.95rem;
	color: #646464;
}

div.blossoms_main_text_box > div:nth-child(1n + 3) > p:nth-child(1) {
	width: 60px;
	font-weight: 600;
	margin-right: 10px;
}

div.blossoms_main_text_box > div:nth-child(1n + 3) > p:nth-child(2) {
	width: calc(100% - 70px);
}

/* 체리블라썸 소개 */
div.event_information_container {
	width: 100%;
	background: #fff;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

div.event_information_title_box {
	width: 100%;
	padding: 15px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #f3f3f3;
	box-sizing: border-box;
}

div.event_information_title {
	width: 95%;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

div.event_information_title > div:nth-child(1) {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

div.event_information_title > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.event_information_title > p:nth-child(1n + 2) {
	font-weight: bold;
	font-size: 1.1rem;
}

div.event_information_detaile_box {
	width: 95%;
	margin: 0 auto;
}

div.event_information_detaile_box p {
	color: #333;
	line-height: 1.3rem;
	word-break: keep-all;
	margin-bottom: 5px;
}

div.event_information_detaile_box p:last-child {
	margin-bottom: 0;
}

/* 체리블라썸 라인업 */
div.event_lineup_container {
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 20px;
	background: #fff;
}

div.event_lineup_detaile_box {
	width: 95%;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}

div.event_lineup_detaile_box > div {
	width: 31.333333%;
	margin-bottom: 15px;
}

div.event_lineup_detaile_box > div > div:nth-child(1) {
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	background: #d3d3d3;
	margin-bottom: 15px;
}

div.event_lineup_detaile_box > div > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

div.event_lineup_detaile_box > div > p {
	text-align: center;
	line-height: 1.3rem;
	word-break: keep-all;
}

/* 블라썸페스티벌 행사 일정 */
div.event_date_container {
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 20px;
	background: #fff;
}

div.event_date_container.blossom_event_date_container {
	margin-bottom: 0;
	padding-bottom: 80px;
}

div.event_date_box {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 10px;
	border-radius: 5px;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
}

div.event_date_box:last-child {
	margin-bottom: 0;
}

div.event_date_box .event_date_text_box {
	width: calc(100% - 30px);
	margin: 15px auto;
	margin-bottom: 20px;
}

div.event_date_text_box > p:nth-child(1) {
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.3rem;
	word-break: keep-all;
	margin-bottom: 10px;
}

div.event_date_text_box > div {
	margin-bottom: 5px;
}

div.event_date_text_box > div:last-child {
	margin-bottom: 0;
}

div.event_date_text_box > div:nth-child(1n + 2) {
	width: 100%;
	display: flex;
	align-items: flex-start;
}

div.event_date_text_box > div:nth-child(1n + 2) p {
	font-size: 0.95rem;
	color: #646464;
	line-height: 1.3rem;
}

div.event_date_text_box > div:nth-child(1n + 2) > p:nth-child(1) {
	width: 60px;
	font-weight: 600;
	margin-right: 10px;
}

div.event_date_text_box > div:nth-child(1n + 2) > p:nth-child(2) {
	width: calc(100% - 70px);
}

a.event_date_reservation_btn {
	width: calc(100% - 30px);
	height: 45px;
	margin: 0 auto;
	margin-bottom: 15px;
	background: #ff899f;
	border-radius: 5px;
	display: block;
	margin-top: 20px;
}

a.event_date_reservation_btn p {
	color: #fff;
	text-align: center;
	line-height: 45px;
	font-weight: bold;
}

/* 블라썸 페스티벌 지도 */
div.event_map_container {
	width: 100%;
	background: #fff;
	padding-bottom: 100px;
}

div.event_map_content {
	width: 95%;
	margin: 0 auto;
}

div.event_map_address {
	background: #f3f4f8;
	border-radius: 5px;
	padding: 15px 0;
}

div.event_map_address p {
	width: calc(100% - 30px);
	word-break: keep-all;
	line-height: 1.3rem;
	margin: 0 auto;
}

div.event_map {
	width: 100%;
	height: 250px;
	margin-top: 15px;
	margin-bottom: 10px;
}

div.root_daum_roughmap {
	width: 100% !important;
	height: 100% !important;
}

div.wrap_btn_zoom {
	display: none !important;
}

div.event_map_find_way {
	width: 95%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
}

div.event_map_find_way > a {
	background: #ff899f;
	padding: 0 20px;
	border-radius: 15px;
	display: flex;
	align-items: center;
}

div.event_map_find_way > a > div {
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

div.event_map_find_way > a > div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.event_map_find_way > a > p {
	color: #fff;
	line-height: 30px;
}

div.top_btn {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	cursor: pointer;
	justify-content: center;
	background: #fd4e6e;
	position: fixed;
	z-index: 2;
	bottom: 60px;
	right: calc(50% - 362px);
	transition: all 0.5s;
}

div.top_btn img {
	width: 15px;
	height: auto;
}

/* 행사 예약 */
div.event_reservation_title_box {
	width: 100%;
	background: #fff;
	margin-bottom: 15px;
	margin-top: 50px;
	padding-top: 30px;
	padding-bottom: 30px;
}

div.event_reservation_title {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 30px;
}

div.event_reservation_title > div > p:nth-child(1) {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.8rem;
	margin-bottom: 10px;
}

div.event_reservation_title > div > p:nth-child(2) {
	line-height: 1.3rem;
	color: #646464;
}

nav.event_reservation_nav {
	width: 95%;
	margin: 0 auto;
}

nav.event_reservation_nav ul {
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	background: #f3f3f3;
	list-style: none;
	display: flex;
	align-items: center;
}

nav.event_reservation_nav ul li {
	width: calc(100% / 3);
	height: 40px;
	cursor: pointer;
	transition: all 0.5s;
}

nav.event_reservation_nav ul li.active {
	background: #ff899f;
	border-radius: 5px;
}

nav.event_reservation_nav ul li p {
	text-align: center;
	line-height: 40px;
}

nav.event_reservation_nav ul li.active p {
	color: #fff;
}

a.event_reservation_content {
	width: 100%;
	display: block;
	background: #fff;
	padding: 30px 0;
	margin-bottom: 15px;
}

a.event_reservation_content:last-child {
	padding-bottom: 70px;
}

div.event_reservation_main_visual {
	width: 95%;
	margin: 0 auto;
	padding-bottom: 52.47%;
	position: relative;
	background: #d3d3d3;
	margin-bottom: 10px;
}

div.event_reservation_main_visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

div.event_reservation_main_title_box {
	width: 95%;
	margin: 0 auto;
}

div.event_reservation_main_title_box > div:nth-child(1) {
	width: 100%;
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px;
}

div.event_reservation_main_title_box > div:nth-child(1) > p {
	line-height: 1.5rem;
	word-break: keep-all;
}

div.event_reservation_main_title_box > div:nth-child(1) > p:nth-child(1) {
	width: 55px;
	margin-right: 10px;
	color: #fd4e6e;
}

div.event_reservation_main_title_box > div:nth-child(1) > p:nth-child(1).free {
	color: #4285f4;
}

div.event_reservation_main_title_box > div:nth-child(1) > p:nth-child(2) {
	width: calc(100% - 65px);
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.5rem;
}

div.event_reservation_main_title_box > div:nth-child(1n + 2) {
	width: 100%;
	display: flex;
	align-items: flex-start;
	margin-bottom: 5px;
}

div.event_reservation_main_title_box > div:last-child {
	margin-bottom: 0;
}

div.event_reservation_main_title_box > div:nth-child(1n + 2) p {
	font-size: 0.95rem;
	color: #646464;
	word-break: keep-all;
}

div.event_reservation_main_title_box > div:nth-child(1n + 2) > p:nth-child(1) {
	width: 60px;
	font-weight: 600;
	margin-right: 10px;
}

div.event_reservation_main_title_box > div:nth-child(1n + 2) > p:nth-child(2) {
	width: calc(100% - 70px);
}

/* 블라썸 페스티벌 예약 완료 페이지 */
div.reservation_submit_visual {
	width: 100%;
	padding: 30px 0;
	margin-top: 50px;
	background: #fff9f9;
}

div.reservation_submit_visual_box {
	width: 90%;
	margin: 0 auto;
}

div.reservation_submit_visual_box > div:nth-child(1) {
	width: 90px;
	margin: 0 auto;
	margin-bottom: 15px;
}

div.reservation_submit_visual_box > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.reservation_submit_visual_box > div:nth-child(1n + 2) p {
	text-align: center;
	line-height: 1.3rem;
}

div.reservation_submit_visual_box > div:nth-child(1n + 2) > p:nth-child(1) {
	font-size: 1.2rem;
	margin-bottom: 5px;
}

div.reservation_submit_visual_box > div:nth-child(1n + 2) > p:nth-child(1) span {
	font-weight: bold;
}

div.reservation_submit_visual_box > div:nth-child(1n + 2) > p:nth-child(2) {
	width: 95%;
	margin: 0 auto;
	color: #646464;
	word-break: keep-all;
}

div.reservation_submit_visual_box > div:nth-child(1n + 2) > p:nth-child(2) span {
	font-weight: bold;
}

/* 예약 완료 상품 정보 */
div.reservation_submit_product {
	width: 100%;
	padding: 40px 0;
	margin-bottom: 5px;
	background: #fff;
}

div.reservation_submit_product_box {
	width: 95%;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

div.reservation_submit_product_box > div:nth-child(1) {
	width: 70px;
	padding-bottom: 70px;
	border-radius: 5px;
	margin-right: 10px;
	position: relative;
	background: #d3d3d3;
	overflow: hidden;
}

div.reservation_submit_product_box > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

div.reservation_submit_product_box > div:nth-child(1n + 2) {
	width: calc(100% - 80px);
}

div.reservation_submit_product_box > div:nth-child(1n + 2) > p:nth-child(1) {
	color: #646464;
	line-height: 1.2rem;
	font-size: 0.9rem;
}

div.reservation_submit_product_box > div:nth-child(1n + 2) > p:nth-child(2) {
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.4rem;
	margin-bottom: 5px;
}

div.reservation_submit_product_box > div:nth-child(1n + 2) > div:nth-child(3) {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

div.reservation_submit_product_box > div:nth-child(1n + 2) > div:nth-child(3) > p:nth-child(1) {
	font-weight: bold;
	font-size: 1.1rem;
	line-height: 1.4rem;
	margin-right: 10px;
}

div.reservation_submit_product_box > div:nth-child(1n + 2) > div:nth-child(3) > p:nth-child(1) span {
	font-weight: normal;
	font-size: 0.9rem;
}

div.reservation_submit_product_box > div:nth-child(1n + 2) > div:nth-child(3) > p:nth-child(2) {
	font-size: 0.9rem;
	color: #646464;
	line-height: 1.4rem;
}

/* 함정견학 */
div.reservation_submit_product_box > div > div.ship_total_number p {
	font-size: 0.9rem !important;
	color: #646464 !important;
	font-weight: normal !important;
}

/* 일정 안내 */
div.reservation_submit_box {
	width: 100%;
	padding-bottom: 30px;
	background: #fff;
	margin-bottom: 5px;
}

div.reservation_submit_detaile_title {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 5px;
}

div.reservation_submit_detaile_title p {
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 45px;
}

div.reservation_qr_detaile_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.reservation_qr_detaile_text {
	text-align: center;
	margin-top: 30px;
	font-size: 0.95rem;
	line-height: 1.3rem;
}

.reservation_qr_detaile_text span {
	font-weight: bold;
}

.reservation_qr_img_box {
	width: 14px;
	height: 14px;
	margin: 0 auto;
	margin-top: 20px;
}

.reservation_qr_img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.reservation_submit_date_text {
	width: 95%;
	padding: 15px 0;
	margin: 0 auto;
	border-radius: 5px;
	background: #f3f4f8;
}

div.reservation_submit_date_text p {
	width: calc(100% - 30px);
	margin: 0 auto;
	line-height: 1.3rem;
}

/* 주의사항 */
div.reservation_submit_precautions {
	width: 95%;
	margin: 0 auto;
	padding: 15px 0;
	background: #f3f4f8;
	border-radius: 5px;
}

div.reservation_submit_precautions > div {
	width: calc(100% - 30px);
	margin: 0 auto;
}

div.reservation_submit_precautions > div p {
	margin-bottom: 10px;
	line-height: 1.3rem;
	word-break: keep-all;
}

div.reservation_submit_precautions > div p span {
	font-weight: bold;
	margin-bottom: 5px;
	display: inline-block;
}

/* 바코드 */
div.reservation_submit_barcode {
	width: 95%;
	height: 0;
	margin: 0 auto;
	overflow: hidden;
}

div.reservation_submit_barcode.show {
	height: fit-content;
}

div.reservation_submit_barcode img {
	width: 200px;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

div.kakao_sharing_btn {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;
}

div.kakao_sharing_btn a {
	display: block;
	width: fit-content;
	padding: 0 15px;
	background: #ffeb3b;
	border-radius: 15px;
	display: flex;
	align-items: center;
}

div.kakao_sharing_btn a > div:nth-child(1) {
	width: 15px;
	margin-right: 5px;
}

div.kakao_sharing_btn a > div:nth-child(1) img {
	width: 100%;
	height: auto;
}

div.kakao_sharing_btn a p {
	line-height: 30px;
}

/* 입장 안내 */
div.reservation_submit_admission {
	width: 95%;
	padding: 15px 0;
	background: #f3f4f8;
	margin: 0 auto;
}

div.reservation_submit_admission > div {
	width: calc(100% - 30px);
	margin: 0 auto;
}

div.reservation_submit_admission > div p {
	margin-bottom: 10px;
	line-height: 1.3rem;
	word-break: keep-all;
}

div.reservation_submit_admission > div p span {
	font-weight: bold;
	margin-bottom: 5px;
	display: inline-block;
}

/* 문의 전화 */
a.reservation_submit_call {
	width: 95%;
	display: block;
	margin: 0 auto;
	padding: 15px 0;
	background: #f3f4f8;
	border-radius: 5px;
	margin-bottom: 5px;
}

a.reservation_submit_call:last-child {
	margin-bottom: 0;
}

a.reservation_submit_call > div {
	width: calc(100% - 30px);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

a.reservation_submit_call > div > p:nth-child(1) {
	line-height: 1.2rem;
}

a.reservation_submit_call > div > div:nth-child(2) {
	width: 15px;
	height: 15px;
}

a.reservation_submit_call > div > div:nth-child(2) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 결제 정보 */
div.reservation_submit_pay_box {
	width: 95%;
	margin: 0 auto;
}

div.reservation_submit_pay_box > div {
	display: flex;
	justify-content: space-between;
}

div.reservation_submit_pay_box > div > div:nth-child(1) > p {
	font-weight: bold;
	line-height: 1.3rem;
}

div.reservation_submit_pay_box > div > div:nth-child(2) > p {
	line-height: 1.3rem;
}

div.reservation_submit_pay_box > div > div:nth-child(2) > p span {
	font-size: 0.8rem;
}

div.reservation_submit_pay_box > div:nth-child(2) {
	width: calc(100% - 14px);
	margin-left: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.reservation_submit_pay_box > div:nth-child(2) > div:nth-child(1) > p {
	font-weight: normal;
	font-size: 0.9rem;
	color: #646464;
}

div.reservation_submit_pay_box > div:nth-child(2) > div:nth-child(2) > p {
	color: #646464;
	font-size: 0.9rem;
}

div.reservation_submit_pay_box > div:nth-child(3) > div:nth-child(2) > p {
	color: #ff174f;
	font-weight: bold;
}

div.reservation_submit_pay_box > div:nth-child(3) > div:nth-child(2) > p span {
	color: #ff174f;
	font-weight: normal;
}

/* 예약 완료창 버튼 */
div.reservation_submit_btn {
	width: 100%;
	padding: 30px 0;
	padding-bottom: 80px;
	background: #fff;
}

div.reservation_submit_btn a {
	width: 95%;
	height: 45px;
	margin: 0 auto;
	border-radius: 5px;
	display: block;
}

div.reservation_submit_btn a p {
	text-align: center;
	line-height: 45px;
}

div.reservation_submit_btn > a:nth-child(1) {
	background: #ff899f;
	margin-bottom: 10px;
}

div.reservation_submit_btn > a:nth-child(1) p {
	color: #fff;
}

div.reservation_submit_btn > a:nth-child(2) {
	background: #fff1f4;
}

div.reservation_submit_btn > a:nth-child(2) p {
	color: #ff899f;
}

/* 블라썸 예약 페이지 */
div.blossoms_seat_container {
	width: 100%;
	background: #fff;
	padding-bottom: 30px;
	margin-bottom: 15px;
}

/* 카운팅 */
div.blossoms_seat_counting_container {
	width: 95%;
	margin: 0 auto;
}

/* 좌석 배치도 */
div.blossoms_seat_chk_container {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 15px;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
}

div.blossoms_seat_chk_container img {
	width: 100%;
	height: auto;
}

/* 카운팅 */
div.counting_box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

div.seat_detaile_text_box {
	width: calc(100% - 94.03px);
	margin-right: 10px;
	display: flex;
	align-items: center;
}

div.seat_detaile_text_box > div:nth-child(1) {
	width: 50px;
	margin-right: 20px;
}

div.seat_detaile_text_box.blossoms_seat_detaile_text_box > div:nth-child(1) {
	width: 70px;
}

div.seat_detaile_text_box.blossoms_seat_detaile_text_box > div:nth-child(1) p {
	text-align: center;
	word-break: keep-all;
	font-size: 0.95rem;
}

div.seat_detaile_text_box.blossoms_seat_detaile_text_box > div:nth-child(1) p span {
	color: red;
	font-size: 0.9rem;
}

div.seat_detaile_text_box.ship_seat_detaile_text_box > div:nth-child(1) {
	width: 161px;
}

div.seat_detaile_text_box.ship_seat_detaile_text_box > div:nth-child(1) p {
	word-break: keep-all;
}

div.seat_detaile_text_box.ship_seat_detaile_text_box > div:nth-child(1) p span {
	color: red;
	font-weight: 600;
}

div.seat_detaile_text_box > div:nth-child(2) {
	width: fit-content;
	max-width: calc(100% - 70px);
}

div.seat_detaile_text_box > div:nth-child(2) p {
	font-weight: bold;
	font-size: 1.1rem;
	text-align: right;
}

div.seat_detaile_text_box > div:nth-child(2) p span {
	font-weight: normal;
	font-size: 0.8rem;
}

div.seat_function_box {
	width: fit-content;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
	border-radius: 2px;
}

button.function_plus {
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 1rem;
	margin: 0 !important;
	padding: 0 !important;
	border: none;
	background: none;
	resize: none;
}

input[type='number'].function_number {
	width: 25px;
	height: 25px;
	font-size: 1rem;
	border: none;
	resize: none;
	text-align: center !important;
	outline: none;
	line-height: 25px;
	margin: 0 !important;
	padding: 0 !important;
	-webkit-appearance: none; /* 크롬 등 웹킷 기반 브라우저 기본 스타일 제거 */
	-moz-appearance: textfield; /* 파이어폭스 기본 스타일 제거 */
	color: #222;
}

button.function_minus {
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 1rem;
	margin: 0 !important;
	padding: 0 !important;
	border: none;
	background: none;
	resize: none;
}

div.blossoms_seat_information_text {
	width: 95%;
	margin: 0 auto;
	padding: 15px 0;
	border-radius: 3px;
	background: #f3f4f8;
}

div.blossoms_seat_information_text p {
	width: calc(100% - 44px);
	margin-left: 29px;
	line-height: 1.5rem;
	font-size: 0.95rem;
	position: relative;
}

div.blossoms_seat_information_text p::before {
	content: '※';
	position: absolute;
	left: -14px;
}

div.blossoms_seat_information_text p span {
	font-weight: bold;
}

/* 결제 정보 */
div.reservation_information_container {
	width: 100%;
	background: #fff;
	padding-bottom: 80px;
}

div.reservation_pay_text {
	width: 95%;
	margin: 15px auto;
	padding: 15px 0;
	background: #f3f4f8;
	border-radius: 5px;
}

div.reservation_pay_text p {
	width: calc(100% - 30px);
	margin: 0 auto;
	line-height: 1.3rem;
	word-break: keep-all;
}

div.reservation_pay_text p span {
	font-weight: bold;
	display: inline-block;
	margin-bottom: 5px;
}

div.all_chk_container {
	width: 95%;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

div.all_chk_container > label:nth-child(1) {
	width: 16px;
	height: 16px;
	margin-right: 10px;
	background: #d3d3d3;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}

div.all_chk_container > label:nth-child(1) img {
	width: 7px;
	height: 7px;
}

div.all_chk_container > label:nth-child(2) {
	display: block;
	width: calc(100% - 26px);
}

div.all_chk_container > label:nth-child(2) p {
	font-weight: bold;
}

div.pay_chk_container {
	width: 95%;
	margin: 10px auto;
	display: flex;
	align-items: flex-start;
}

div.pay_chk_container > label:nth-child(1) {
	width: 16px;
	height: 16px;
	margin-right: 10px;
	background: #d3d3d3;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}

div.pay_chk_container > label:nth-child(1) img {
	width: 7px;
	height: 7px;
}

div.pay_chk_container > label:nth-child(2) {
	display: block;
	width: calc(100% - 26px);
}

div.pay_chk_container > label:nth-child(2) p {
	word-break: keep-all;
	line-height: 1.3rem;
}

div.personal_chk_container {
	width: 95%;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
}

div.personal_chk_container > label:nth-child(1) {
	width: 16px;
	height: 16px;
	margin-right: 10px;
	background: #d3d3d3;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}

div.personal_chk_container > label:nth-child(1) img {
	width: 7px;
	height: 7px;
}

div.personal_chk_container > label:nth-child(2) {
	display: block;
	width: calc(100% - 60px);
}

div.personal_chk_container > div:nth-child(3) {
	cursor: pointer;
	justify-items: flex-end;
}

div.personal_chk_container > div:nth-child(3) p {
	font-weight: bold;
	text-align: right;
}

#all_chk,
#pay_chk,
#personal_chk {
	display: none;
}

#all_chk:checked ~ div.all_chk_container > label:nth-child(1) {
	background: #ff899f;
}

#pay_chk:checked ~ div.pay_chk_container > label:nth-child(1) {
	background: #ff899f;
}

#personal_chk:checked ~ div.personal_chk_container > label:nth-child(1) {
	background: #ff899f;
}

input[type='submit'].reservation_btn {
	width: 95%;
	height: 45px;
	margin: 0 2.5%;
	margin-top: 20px;
	border-radius: 5px;
	border: none;
	resize: none;
	font-size: 1rem;
	color: #fff;
	background: #ff899f;
	line-height: 45px;
	cursor: pointer;
}

/* 개인정보 팝업 */
div.personal_popup_container {
	width: 769px;
	max-width: 100%;
	height: 100vh;
	background: #2222225d;
	backdrop-filter: blur(2px);
	position: fixed;
	top: 0;
	left: calc(50% - 384.5px);
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.personal_popup_box {
	width: 500px;
	max-width: 90%;
	background: #fff;
	border-radius: 5px;
	padding: 15px 0;
}

div.personal_popup_title {
	width: calc(100% - 30px);
	margin: 0 auto;
	margin-bottom: 15px;
}

div.personal_popup_title p {
	text-align: center;
	font-weight: bold;
	font-size: 1.1rem;
	word-break: keep-all;
	line-height: 1.4rem;
}

div.personal_popup_text {
	width: calc(100% - 30px);
	height: 200px;
	margin: 0 auto;
	overflow-y: scroll;
}

div.personal_popup_text p {
	line-height: 1.3rem;
	font-size: 0.95rem;
	word-break: keep-all;
	color: #333;
}

div.personal_popup_text > div > p {
	margin-bottom: 5px;
}

div.personal_popup_text ul {
	width: calc(100% - 16px);
	margin-left: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.personal_popup_text ul li {
	margin-bottom: 5px;
}

div.personal_popup_close {
	width: calc(100% - 30px);
	height: 40px;
	margin: 10px auto;
	border-radius: 5px;
	background: #d3d3d3;
	cursor: pointer;
}

div.personal_popup_close p {
	line-height: 40px;
	text-align: center;
}

/* 군악의장대 */
div.military_festival_day_container {
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 15px;
	background: #fff;
}

div.drop_day_box {
	width: 95%;
	margin: 0 auto;
}

div.show_day_box {
	width: 100%;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 0;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
	margin-bottom: 10px;
	cursor: pointer;
}

div.show_day_box > div:nth-child(1) {
	width: calc(100% - 55px);
	margin-left: 15px;
}

div.show_day_box > div:nth-child(2) {
	width: 10px;
	margin-right: 15px;
	transition: all 0.3s;
}

div.show_day_box > div:nth-child(2).open {
	transform: rotate(180deg);
}

div.show_day_box > div:nth-child(2) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

ul.select_day_box {
	width: 100%;
	height: 0;
	overflow: hidden;
	list-style: none;
	border-radius: 5px;
	background: #f3f4f8;
	transition: all 0.5s;
}

/* 정해진 날짜에 따라 height 조절 필요, 스르륵 내려오는 거 때문에! */
ul.select_day_box.open {
	height: 142.39px;
	overflow-y: scroll;
}

ul.select_day_box.blossoms_select_box.open {
	height: 93.6px;
	overflow-y: scroll;
}

ul.select_day_box li {
	width: 100%;
	cursor: pointer;
	border-bottom: 1px solid #d3d3d3;
	box-sizing: border-box;
}

ul.select_day_box li:last-child {
	border-bottom: none;
}

ul.select_day_box li p {
	width: calc(100% - 30px);
	margin: 0 auto;
	padding: 15px 0;
	line-height: 1.2rem;
}

a.reservation_art_btn {
	width: 95%;
	height: 45px;
	display: block;
	margin: 0 auto;
	margin-top: 50px;
	border-radius: 5px;
	background: #ff899f;
}

a.reservation_art_btn p {
	text-align: center;
	line-height: 45px;
	color: #fff;
}

div.event_people_container {
	width: 100%;
	background: #fff;
	margin-bottom: 15px;
	padding-bottom: 30px;
}

/* 행사 일정 */
div.event_day_detaile_box {
	width: 95%;
	margin: 0 auto;
	padding: 15px 0;
	border-radius: 5px;
	background: #f3f4f8;
}

div.event_day_detaile_box p {
	width: calc(100% - 30px);
	margin: 0 auto;
	line-height: 1.2rem;
}

/* 군함 */
div.ship_tour_container {
	width: 100%;
	background: #fff;
	margin-bottom: 15px;
	padding-top: 30px;
	padding-bottom: 15px;
}

div.ship_tour_box {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 15px;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
}

div.ship_tour_box > div {
	width: calc(100% - 30px);
}

div.ship_tour_box > div:nth-child(1) {
	padding-bottom: 48.07%;
	position: relative;
	overflow: hidden;
	background: #d3d3d3;
	margin: 15px auto;
}

div.ship_tour_box > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

div.ship_tour_box > div:nth-child(2) {
	margin: 15px auto;
}

div.ship_tour_box > div:nth-child(2) > div > p:nth-child(1) {
	font-size: 1.2rem;
	font-weight: bold;
	color: #222;
	line-height: 1.5rem;
	margin-bottom: 5px;
	word-break: keep-all;
}

div.ship_tour_box > div:nth-child(2) > div > p:nth-child(2) {
	color: #646464;
	line-height: 1.3rem;
	word-break: keep-all;
}

a.ship_reservation_btn {
	width: calc(100% - 30px);
	height: 45px;
	margin: 0 auto;
	display: block;
	background: #ff899f;
	border-radius: 4px;
	margin-bottom: 15px;
}

a.ship_reservation_btn p {
	text-align: center;
	line-height: 45px;
	color: #fff;
}

div.ship_reservation_btn_container {
	width: 100%;
	background: #fff;
	padding-bottom: 80px;
}

/* 함정견학 주의사항 */
div.ship_tour_precautions_container {
	width: 100%;
	background: #fff;
	padding-bottom: 30px;
	margin-bottom: 15px;
}

div.ship_tour_precautions_box {
	width: 95%;
	margin: 0 auto;
}

div.ship_tour_precautions_box > div > p {
	width: calc(100% - 14px);
	margin-left: 14px;
	line-height: 1.5rem;
	word-break: keep-all;
	position: relative;
}

div.ship_tour_precautions_box > div > p::before {
	content: '※';
	position: absolute;
	left: -14px;
}

div.ship_tour_precautions_box > div > p > span {
	color: red;
	font-weight: 600;
}

main {
	background: #f3f3f3;
}

/* 차량 번호 인풋 추가 */
div.ship_reservation_car_container {
	width: 100%;
	background: #fff;
	padding-bottom: 30px;
	margin-bottom: 15px;
}

input[type='text'].car_number_ship {
	width: 95%;
	height: 35px;
	margin-left: 2.5%;
	font-size: 1rem;
	text-indent: 10px;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
	resize: none;
	outline: none;
}

/* 예약 취소 팝업 */
div.cancel_popup_ex {
	width: 769px;
	max-width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.1);
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.cancel_platform_popup_box_ex {
	width: 769px;
	max-width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.1);
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.cancel_qr_popup_box_ex {
	width: 769px;
	max-width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.1);
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.cancel_popup_box {
	width: 500px;
	max-width: 90%;
	padding: 15px 0;
	background: #fff;
	border-radius: 5px;
	display: none;
}

div.cancel_platform_popup_box {
	width: 500px;
	max-width: 90%;
	padding: 15px 0;
	background: #fff;
	border-radius: 5px;
}

div.cancel_qr_popup_box {
	background: #fff;
	border-radius: 5px;
}

div.cancel_qr_popup_box img {
	width: 80%;
	margin: 0 auto;
}

div.cancel_popup_box.show {
	display: block;
}

div.cancel_popup_title {
	width: calc(100% - 30px);
	margin: 0 auto;
	margin-bottom: 15px;
}

div.cancel_popup_title p {
	font-weight: bold;
	text-align: center;
	line-height: 1.5rem;
	font-size: 1.1rem;
}

div.cancel_popup_content {
	width: calc(100% - 30px);
	margin: 0 auto;
	margin-bottom: 30px;
}

.cancel_qr_popup_box div.cancel_popup_content {
	margin-bottom: 0;
	position: relative;
}

div.cancel_popup_content > div:nth-child(1) {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	border-radius: 50%;
	background: #ff899f;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
}

div.cancel_popup_content > div:nth-child(1) img {
	width: 30px;
	height: 30px;
}

div.cancel_popup_content > p {
	text-align: center;
	line-height: 1.5rem;
}

.qr_text_overlay {
	top: 50%;
	left: 0;
	width: 100%;
	height: 25px; /* 얇은 줄 높이 */
	transform: translateY(-50%);
	overflow: hidden;
	background: rgba(255, 182, 193, 0.2); /* 연핑크 반투명 배경 */
	pointer-events: none;
	border-top: 1px solid rgba(255, 182, 193, 0.4);
	border-bottom: 1px solid rgba(255, 182, 193, 0.4);
}

.scroll_text {
	white-space: nowrap;
	color: rgba(255, 105, 180, 0.9);
	font-weight: 600;
	font-size: 12px;
	text-shadow: 0 0 5px rgba(255, 255, 255, 0.6);
	animation: moveText 8s linear infinite;
	line-height: 25px;
}

@keyframes moveText {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}

div.refund_container {
	width: 100%;
	background: #f3f3f3;
	border-radius: 5px;
	padding: 15px 0;
	margin: 10px 0;
}

div.refund_container p {
	width: calc(100% - 44px);
	margin-left: 29px;
	margin-bottom: 3px;
	font-size: 0.9rem;
	position: relative;
	line-height: 1.2rem;
	word-break: keep-all;
}

div.refund_container p:last-child {
	margin-bottom: 0;
}

div.refund_container p::before {
	content: '※';
	position: absolute;
	left: -14px;
}

div.cancel_popup_close_btn {
	width: calc(100% - 30px);
	height: 40px;
	border-radius: 5px;
	background: #ff899f;
	margin: 0 auto;
	cursor: pointer;
}

div.cancel_popup_close_btn p {
	text-align: center;
	line-height: 40px;
	color: #fff;
}

div.cancel_platform_popup_close_btn {
	width: calc(100% - 30px);
	height: 40px;
	border-radius: 5px;
	background: #ff899f;
	margin: 0 auto;
	cursor: pointer;
}

div.cancel_platform_popup_close_btn p {
	text-align: center;
	line-height: 40px;
	color: #fff;
}

div.cancel_qr_popup_close_btn {
	width: calc(100% - 30px);
	height: 40px;
	border-radius: 5px;
	background: #ff899f;
	margin: 0 auto;
	cursor: pointer;
}

div.cancel_qr_popup_close_btn p {
	text-align: center;
	line-height: 40px;
	color: #fff;
}

/* 예약 리스트 */
div.reservation_list_title {
	width: 95%;
	margin: 0 auto;
	margin-top: 80px;
	margin-bottom: 15px;
}

div.reservation_list_title p {
	font-size: 1.2rem;
	font-weight: bold;
}

div.reservation_list_title p span {
	color: #ff899f;
}

/* 예약 리스트 nav */
nav.reservation_list_nav ul {
	width: 95%;
	margin: 15px auto;
	border-radius: 5px;
	overflow: hidden;
	background: #f3f3f3;
	list-style: none;
	display: flex;
	align-items: center;
}

nav.reservation_list_nav ul li {
	width: calc(100% / 3);
	height: 40px;
	cursor: pointer;
	transition: all 0.5s;
}

nav.reservation_list_nav ul li.active {
	background: #ff899f;
	border-radius: 5px;
}

nav.reservation_list_nav ul li p {
	text-align: center;
	line-height: 40px;
}

nav.reservation_list_nav ul li.active p {
	color: #fff;
}

/* 예약 리스트 인포 */
div.reservation_info_box {
	display: flex;
	width: 95%;
	margin: 0 auto;
}

/* 예약 컨테이너 */
div.reservation_all_container,
div.reservation_free_container,
div.reservation_charged_container {
	padding-bottom: 100px;
}

div.reservation_content_box {
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 5px solid #f3f3f3;
	box-sizing: border-box;
}

div.reservation_content_box:last-child {
	margin-bottom: 0;
}

div.reservation_content_image_box {
	width: 40%;
	margin: 0 auto;
	padding-bottom: 27.66%;
	background: #d3d3d3;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}

div.reservation_content_image01 {
	background: url(../img/reservation_img_01.png) center/cover no-repeat;
}

div.reservation_content_image02 {
	background: url(../img/reservation_img_02.png) center/cover no-repeat;
}

div.reservation_content_image_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 유료 */
div.reservation_text_box {
	width: calc(60% - 10px);
	margin: 0 auto;
	margin-bottom: 10px;
	margin-left: 10px;
}

div.reservation_text_box > div.reservation_fe_date,
div.reservation_text_box > div.reservation_fe_name {
	margin-bottom: 3px;
}

div.reservation_text_box > div:nth-child(1) p {
	font-size: 0.9rem;
}

div.reservation_text_box > div:nth-child(1) p span {
	color: #ff899f;
}

div.reservation_text_box > div.reservation_re_name {
	margin-bottom: 15px;
	margin-top: 5px;
}

div.reservation_text_box > div.reservation_re_name p {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.8rem;
	word-break: keep-all;
}

/* 무료 */
div.reservation_text_box_free {
	width: calc(60% - 10px);
	margin: 0 auto;
	margin-bottom: 10px;
	margin-left: 10px;
}

div.reservation_text_box_free > div:nth-child(1) {
	margin-bottom: 3px;
}

div.reservation_text_box_free > div:nth-child(1) p {
	font-size: 0.9rem;
}

div.reservation_text_box_free > div:nth-child(1) p span {
	color: #0075ff;
}

div.reservation_text_box_free > div:nth-child(2) {
	margin-bottom: 15px;
}

div.reservation_text_box_free > div:nth-child(2) p {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.8rem;
	word-break: keep-all;
}

div.reservation_text_box_free > div:nth-child(3) p {
	font-size: 0.9rem;
	color: #464646;
	line-height: 1.2rem;
	text-align: right;
}

div.reservation_detaile_text_box {
	display: flex;
	justify-content: flex-end;
}

div.reservation_detaile_text_box > div {
	display: flex;
	align-items: center;
}

div.reservation_detaile_text_box > div > p:nth-child(1) {
	font-size: 1.1rem;
	font-weight: bold;
	margin-right: 10px;
}

div.reservation_detaile_text_box > div > p:nth-child(1) span {
	font-size: 0.9rem;
	font-weight: normal;
}

div.reservation_detaile_text_box > div > p:nth-child(2) {
	font-size: 0.8rem;
	color: #464646;
}

/* 버튼 */
div.reservation_btn_box {
	width: 95%;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

div.reservation_btn_box > a {
	width: calc(50% - 5px);
	height: 35px;
	display: block;
	border-radius: 3px;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
}

div.reservation_btn_box > a p {
	text-align: center;
	line-height: 35px;
	color: #646464;
}

/* 취소 팝업 여부 묻기 */
div.cancel_re_popup_box {
	width: 500px;
	max-width: 90%;
	background: #fff;
	padding: 15px 0;
	border-radius: 5px;
}

div.cancel_re_popup_box > div:nth-child(2) {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 20px;
	background: #ff899f;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.cancel_re_popup_box > div:nth-child(2) img {
	width: 30px;
	height: 30px;
}

div.cancel_re_popup_box > div:nth-child(3) {
	width: calc(100% - 30px);
	margin: 15px auto;
}

div.cancel_re_popup_box > div:nth-child(3) p {
	text-align: center;
	line-height: 1.3rem;
	word-break: keep-all;
}

div.cancel_re_popup_box > div:nth-child(4) {
	width: calc(100% - 30px);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

div.cancel_re_popup_box > div:nth-child(4) > div {
	width: calc(50% - 5px);
	height: 35px;
	border-radius: 3px;
}

div.cancel_re_popup_box > div:nth-child(4) > div:nth-child(1) {
	background: #d3d3d3;
}

div.cancel_re_popup_box > div:nth-child(4) > div:nth-child(2) {
	background: #ff899f;
}

div.cancel_re_popup_box > div:nth-child(4) > div p {
	text-align: center;
	cursor: pointer;
	color: #fff;
	line-height: 35px;
}

/* 주의사항 팝업 */
div.notic_popup_ex {
	width: 769px;
	max-width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.1);
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.notic_popup_box {
	width: 500px;
	max-width: 90%;
	background: #fff;
	padding-bottom: 30px;
	border-radius: 5px;
	overflow: hidden;
}

div.notic_popup_box > div:nth-child(1) {
	padding: 20px 0;
	background: #f55555;
}

div.notic_popup_box > div:nth-child(1) img {
	width: 40px;
	height: auto;
	margin: 0 auto;
}

div.notic_popup_box > div:nth-child(2) {
	padding: 30px 0;
}

div.notic_popup_box > div:nth-child(2) > p:nth-child(1) {
	width: calc(100% - 30px);
	margin: 0 auto;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5rem;
	margin-bottom: 10px;
}

div.notic_popup_box > div:nth-child(2) > p:nth-child(2) {
	width: calc(100% - 30px);
	margin: 0 auto;
	text-align: center;
	line-height: 1.5rem;
}

div.notic_popup_box > div:nth-child(2) > p:nth-child(2) span {
	font-weight: bold;
}

div.notic_popup_box > div:nth-child(3) {
	padding: 30px 0;
}

div.notic_popup_box > div:nth-child(3) > p:nth-child(1) {
	width: calc(100% - 30px);
	margin: 0 auto;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5rem;
	margin-bottom: 10px;
}

div.notic_popup_box > div:nth-child(3) > p:nth-child(2) {
	width: calc(100% - 30px);
	margin: 0 auto;
	text-align: center;
	line-height: 1.5rem;
}

div.notic_popup_box > div:nth-child(3) > p:nth-child(2) span {
	font-weight: bold;
}

div.notic_popup_box > div:nth-child(4) {
	width: calc(100% - 30px);
	height: 40px;
	margin: 0 auto;
	background: #313131;
	cursor: pointer;
}

div.notic_popup_box > div:nth-child(4) p {
	color: #fff;
	line-height: 40px;
	text-align: center;
}

/* 대표자 추가 */
div.reservation_exponent_container {
	width: 100%;
	background: #fff;
	padding-bottom: 30px;
	margin-bottom: 15px;
}

div.exponent_input_container {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 20px;
}

div.exponent_input_container:last-child {
	margin-bottom: 0;
}

div.exponent_input_container > div:nth-child(1) {
	margin-bottom: 10px;
}

div.exponent_input_container > div:nth-child(1) p {
	line-height: 1.3rem;
}

input[type='text'].exponent_name_box {
	width: 100%;
	height: 40px;
	text-indent: 10px;
	font-size: 1rem;
	outline: none;
	resize: none;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
}

input[type='tel'].exponent_name_box {
	width: 100%;
	height: 40px;
	text-indent: 10px;
	font-size: 1rem;
	outline: none;
	resize: none;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
}

div.reservation_submit_people_box {
	width: 95%;
	margin: 0 auto;
	padding: 15px 0;
	background: #f3f4f8;
	border-radius: 5px;
	margin-bottom: 20px;
}

div.reservation_submit_people_box p {
	font-size: 1rem;
	width: calc(100% - 30px);
	margin: 0 auto;
}

div.reservation_submit_people_box p span {
	font-size: 1.1rem;
	font-weight: bold;
}

div.reservation_submit_people_btn_box {
	width: fit-content;
	margin-left: 2.5%;
	padding: 0 10px;
	border: 1px solid #ff899f;
	box-sizing: border-box;
	margin-bottom: 10px;
}

div.reservation_submit_people_btn_box p {
	color: #ff899f;
	line-height: 25px;
}

div.reservation_submit_name_box {
	width: 95%;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px;
}

div.reservation_submit_name_box > div:nth-child(1) {
	width: 40px;
	margin-right: 10px;
}

div.reservation_submit_name_box > div:nth-child(1) p {
	font-weight: bold;
}

div.reservation_submit_name_box > div:nth-child(2) {
	width: calc(100% - 50px);
}

div.reservation_submit_name_box > div > p {
	line-height: 1.3rem;
}

/* 진해군항제 소개 */
div.introduce_content_image_container {
	width: 100%;
	margin-top: 50px;
	background: #fff;
	margin-bottom: 15px;
}

div.introduce_content_continaer {
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 30px;
	background: #fff;
}

div.introduce_content_continaer:last-child {
	padding-bottom: 80px;
	margin-bottom: 0;
}

ul.introduce_content_ul {
	width: 95%;
	margin: 0 auto;
}

ul.introduce_content_ul li:nth-child(2n + 2) {
	margin-bottom: 15px;
}

ul.introduce_content_ul li:nth-child(2n + 1) {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

ul.introduce_content_ul li:nth-child(2n + 1) > div:nth-child(1) {
	width: 15px;
	margin-right: 10px;
}

ul.introduce_content_ul li:nth-child(2n + 1) > div:nth-child(2) {
	width: calc(100% - 25px);
}

ul.introduce_content_ul li:nth-child(2n + 1) > div:nth-child(2) p {
	font-size: 1.05rem;
	font-weight: bold;
	line-height: 1.3rem;
}

ul.introduce_content_ul li:nth-child(2n + 2) {
	background: #f3f4f8;
	padding: 15px 0;
	border-radius: 5px;
}

ul.introduce_content_ul li:nth-child(2n + 2) p {
	width: calc(100% - 30px);
	margin: 0 auto;
	line-height: 1.5rem;
	color: #646464;
}

ul.introduce_content_ul li:last-child {
	margin-bottom: 0;
}

div.introduce_content_02_image_box {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 10px;
	border-radius: 5px;
	overflow: hidden;
}

div.introduce_content_02_image_box img {
	width: 100%;
	height: auto;
}

div.introduce_content_02_box {
	width: 95%;
	margin: 0 auto;
}

div.introduce_content_02_box p {
	margin-bottom: 10px;
	line-height: 1.4rem;
	text-align: justify;
}

div.introduce_content_02_box p span {
	color: #ff174f;
}

div.introduce_content_02_box p:last-child {
	margin-bottom: 0;
}

div.introduce_content_03_box {
	width: 95%;
	margin: 0 auto;
}

div.introduce_content_03_box p {
	line-height: 1.4rem;
	text-align: justify;
}

div.introduce_content_03_box p:nth-child(1) {
	color: #ff174f;
	margin-bottom: 10px;
}

/* 검수 - 이벤트 디테일 버튼 */
a.map_google_btn.event_detaile_location_btn {
	background: #ff899f;
}

a.map_google_btn.event_detaile_location_btn > div:nth-child(1) {
	width: 15px;
	height: 15px;
}

a.map_google_btn.event_detaile_location_btn > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 코스 디테일 수정 파일 */
div.course_detaile_title_container {
	width: 100%;
	padding-bottom: 62.5%;
	position: relative;
	overflow: hidden;
}

div.course_detaile_title_container img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

div.course_detaile_container {
	width: 90%;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 80px;
	border-left: 1px solid #d3d3d3;
	box-sizing: border-box;
}

div.course_detaile_box {
	width: 100%;
	position: relative;
	left: -7.5px;
	display: flex;
	align-items: flex-start;
	padding-bottom: 30px;
}

div.course_detaile_box:last-child {
	padding-bottom: 0;
}

div.course_detaile_circle {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
	border: 3px solid #ff174f;
	box-sizing: border-box;
}

div.course_detaile_text_container {
	width: calc(100% - 30px);
	margin-left: 15px;
	display: flex;
	align-items: stretch;
}

div.course_detaile_image {
	width: 70px;
	height: 0;
	padding-bottom: 70px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}

div.course_detaile_image img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

div.course_detaile_text_box {
	width: calc(100% - 80px);
	margin-left: 10px;
}

div.course_detaile_text_box > div:nth-child(1) > p:nth-child(1) {
	line-height: 1.2rem;
	font-size: 0.9rem;
}

div.course_detaile_text_box > div:nth-child(1) > p:nth-child(2) {
	font-size: 1.15rem;
	font-weight: bold;
	color: #000;
	line-height: 1.5rem;
	margin-bottom: 5px;
}

div.course_detaile_text_box > div:nth-child(1) > div:nth-child(3) {
	width: 100%;
}

div.course_detaile_text_box > div:nth-child(1) > p:nth-child(3) {
	width: 100%;
	margin: 0 auto;
	color: #646464;
	font-size: 0.9rem;
	line-height: 1.3rem;
}

div.course_detaile_text_box > div:nth-child(2) > p:nth-child(1) {
	line-height: 1.2rem;
	font-size: 0.9rem;
}

div.course_detaile_text_box > div:nth-child(2) > p:nth-child(2) {
	font-size: 1.15rem;
	font-weight: bold;
	color: #000;
	line-height: 1.5rem;
	margin-bottom: 10px;
}

div.course_detaile_text_box > div:nth-child(2) > p:nth-child(3) {
	width: 100%;
	margin: 0 auto;
	color: #646464;
	font-size: 0.9rem;
	line-height: 1.3rem;
}

div.course_detaile_location {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
}

div.course_detaile_location a {
	width: fit-content;
	height: 30px;
	display: flex;
	align-items: center;
	background: #ff899f;
	padding: 0 15px;
	border-radius: 15px;
}

div.course_detaile_location a > div:nth-child(1) {
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

div.course_detaile_location a > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.course_detaile_location a > div:nth-child(2) p {
	color: #fff;
	font-size: 1rem;
	line-height: 30px;
}

/* 코스 리스트 */
div.course_card_container {
	width: 100%;
	margin-bottom: 80px;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}

a.course_card_box {
	width: calc(50% - 5px);
	margin-bottom: 10px;
	display: block;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
}

a.course_card_box > div:nth-child(1) {
	width: 100%;
	padding-bottom: 62.5%;
	position: relative;
	overflow: hidden;
}

a.course_card_box > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

a.course_card_box > div:nth-child(1n + 2) {
	width: calc(100% - 30px);
	margin: 15px auto;
}

a.course_card_box > div:nth-child(1n + 2) > p:nth-child(1) {
	line-height: 1.3rem;
	margin-bottom: 3px;
}

a.course_card_box > div:nth-child(1n + 2) > p:nth-child(2) {
	font-size: 1.15rem;
	font-weight: bold;
	color: #000;
	line-height: 1.5rem;
	margin-bottom: 10px;
}

a.course_card_box > div:nth-child(1n + 2) > p:nth-child(3) {
	line-height: 1.5rem;
}

/* 블라썸 페스티벌 */
div.date_information_blossom {
	width: 95%;
	margin: 0 auto;
	padding: 15px 0;
	border-radius: 5px;
	background: #f3f3f3;
}

div.date_information_blossom p {
	width: calc(100% - 30px);
	margin: 0 auto;
}

/* 로그인 재디자인 윤이정 */
div.login_new_title_box {
	width: 100%;
	margin-bottom: 30px;
}

div.login_new_title_box p {
	font-size: 1.4rem;
	line-height: 2rem;
}

div.login_new_title_box p span {
	font-weight: bold;
}

div.login_general_box {
	width: 100%;
	margin-bottom: 10px;
}

div.login_general_box > p {
	line-height: 1.3rem;
	margin-bottom: 5px;
}

input[type='email'].login_general_input {
	width: 100%;
	height: 40px;
	border-radius: 5px;
	text-indent: 10px;
	border: none;
	outline: none;
	resize: none;
	background: #f3f4f8;
}

input[type='password'].login_general_input {
	width: 100%;
	height: 40px;
	border-radius: 5px;
	text-indent: 10px;
	border: none;
	outline: none;
	resize: none;
	background: #f3f4f8;
}

/* 아이디 / 비밀번호 찾기 / 회원가입 */
div.join_general_box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

div.join_general_box > div:nth-child(1) {
	display: flex;
	align-items: center;
}

div.join_general_box > div:nth-child(1) > a > p {
	font-size: 0.9rem;
	line-height: 1.3rem;
	text-decoration: underline;
}

div.join_general_box > div:nth-child(1) > a:nth-child(1) {
	margin-right: 10px;
}

div.join_general_box > a:nth-child(2) > p {
	font-size: 0.9rem;
	line-height: 1.3rem;
	text-decoration: underline;
}

#login_submit_btn {
	width: 100%;
	height: 50px;
	border-radius: 5px;
	margin-top: 30px;
	font-size: 1rem;
	outline: none;
	resize: none;
	border: none;
	background: #ff899f !important;
}

#login_submit_btn p {
	text-align: center;
	line-height: 50px;
	color: #fff;
}

#save_submit_btn {
	width: 95%;
	height: 50px;
	border-radius: 5px;
	margin: 0 auto;
	display: block;
	margin-top: 30px;
	font-size: 1rem;
	outline: none;
	resize: none;
	border: none;
	background: #ff899f !important;
}

#save_submit_btn p {
	text-align: center;
	line-height: 50px;
	color: #fff;
}

div.kakao_login_new_zon {
	width: 100%;
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

div.kakao_login_new_zon > div:nth-child(1) {
	width: calc(50% - 40px);
	height: 1px;
	background: #d3d3d3;
}

div.kakao_login_new_zon p {
	color: #646464;
}

div.kakao_login_new_zon > div:nth-child(4) {
	width: calc(50% - 40px);
	height: 1px;
	background: #d3d3d3;
}

div.all_chk_new_container {
	width: 100%;
	padding: 15px 0;
	border-radius: 5px;
	background: #f6f6f6;
	margin: 15px 0;
}

div.all_chk_new_box {
	width: calc(100% - 30px);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

label.all_chk_new_label_box {
	width: fit-content;
	display: flex;
	align-items: center;
}

label.all_chk_new_label_box > div:nth-child(1) {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #d3d3d3;
	margin-right: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

label.all_chk_new_label_box > div:nth-child(1) img {
	width: 7px;
	height: auto;
}

label.all_chk_new_label_box p {
	font-size: 1.05rem;
}

div.all_chk_new_box > div:nth-child(2) p {
	text-decoration: underline;
	text-align: right;
	font-size: 0.9rem;
	line-height: 1rem;
}

input[type='checkbox'].login_new_chkbox {
	display: none;
}

#all_chk_kakao:checked ~ div.all_chk_new_container label.all_chk_new_label_box > div:nth-child(1) {
	background: #ff899f;
}

#use_chk_kakao:checked ~ div.another_chk_container div.another_chk_box:nth-child(1) label > div:nth-child(1) {
	background: #ff899f;
}

#personal_chk_kakao:checked ~ div.another_chk_container div.another_chk_box:nth-child(2) label > div:nth-child(1) {
	background: #ff899f;
}

#marketing_chk_kakao:checked ~ div.another_chk_container div.another_chk_box:nth-child(3) label > div:nth-child(1) {
	background: #ff899f;
}

div.another_chk_container {
	width: calc(100% - 30px);
	margin: 15px auto;
	display: none;
}

div.another_chk_container.show {
	display: block;
}

div.another_chk_box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

div.another_chk_box > label:nth-child(1) {
	width: calc(100% - 60px);
	margin-right: 10px;
	display: flex;
	align-items: center;
}

div.another_chk_box > label:nth-child(1) > div:nth-child(1) {
	width: 16px;
	height: 16px;
	background: #d3d3d3;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
}

div.another_chk_box > label:nth-child(1) > div:nth-child(1) img {
	width: 7px;
	height: auto;
}

div.another_chk_box > label:nth-child(1) > div:nth-child(2) {
	width: calc(100% - 21px);
}

div.another_chk_box > label:nth-child(1) > div:nth-child(2) p {
	word-break: keep-all;
	line-height: 1.3rem;
	font-size: 0.95rem;
}

div.another_chk_box > a:nth-child(2) {
	display: block;
	width: 50px;
	text-align: right;
}

div.another_chk_box > a:nth-child(2) p {
	font-weight: bold;
	font-size: 0.95rem;
	line-height: 1.3rem;
}

/* 이용약관 페이지 */
ol.use_product_list {
	margin-left: 14px !important;
	margin-bottom: 0 !important;
}

ol.use_product_list li {
	list-style: block;
}

ol.use_product_list li p {
	word-break: keep-all;
}

ol.use_product_list li > ul {
	margin-left: 14px !important;
}

ol.use_product_list li > ul li {
	list-style: circle;
}

/* 회원가입 */
div.join_content_box {
	width: 100%;
	margin-bottom: 15px;
}

div.join_content_box > p {
	line-height: 1.3rem;
	margin-bottom: 5px;
}

input[type='email'].join_content_input {
	width: 100%;
	height: 40px;
	border-radius: 5px;
	text-indent: 10px;
	border: none;
	outline: none;
	resize: none;
	background: #f3f4f8;
}

input[type='password'].join_content_input {
	width: 100%;
	height: 40px;
	border-radius: 5px;
	text-indent: 10px;
	border: none;
	outline: none;
	resize: none;
	background: #f3f4f8;
}

input[type='text'].join_content_input {
	width: 100%;
	height: 40px;
	border-radius: 5px;
	text-indent: 10px;
	border: none;
	outline: none;
	resize: none;
	background: #f3f4f8;
}

input[type='tel'].join_content_input {
	width: 100%;
	height: 40px;
	border-radius: 5px;
	text-indent: 10px;
	border: none;
	outline: none;
	resize: none;
	background: #f3f4f8;
}

/* 기본 스타일 */
.rrn_masked {
	width: 100%;
	padding: 10px;
	border: none;
	border-bottom: 1px solid #ccc;
	outline: none;
	font-family: monospace;
	-webkit-text-security: disc; /* ● 마스킹 */
	text-security: disc;
	background: transparent;
}

div.all_chk_new_container.join_chk_new_container {
	margin-top: 20px;
}

#join_submit_btn {
	width: 100%;
	height: 50px;
	border-radius: 5px;
	margin-top: 30px;
	font-size: 1rem;
	outline: none;
	resize: none;
	border: none;
	background: #ff899f !important;
}

#join_submit_btn p {
	text-align: center;
	line-height: 50px;
	color: #fff;
}

div.join_submit_popup_container {
	width: 769px;
	max-width: 100%;
	height: 100vh;
	background: #0000003f;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.join_submit_popup_box {
	width: 500px;
	max-width: 90%;
	border-radius: 5px;
	padding: 15px 0;
	padding-bottom: 30px;
	background: #fff;
}

div.join_submit_popup_box > div:nth-child(1) {
	width: 50px;
	margin: 0 auto;
	margin-bottom: 15px;
}

div.join_submit_popup_box > div:nth-child(1) img {
	width: 100%;
	height: 100%;
}

div.join_submit_popup_box > div:nth-child(2) {
	width: calc(100% - 30px);
	margin: 0 auto;
	margin-bottom: 20px;
}

div.join_submit_popup_box > div:nth-child(2) p {
	text-align: center;
	line-height: 1.5rem;
	font-size: 1.1rem;
}

div.join_submit_popup_box > div:nth-child(2) p span {
	font-weight: bold;
}

div.join_submit_popup_box > a:nth-child(3) {
	display: block;
	width: calc(100% - 30px);
	height: 45px;
	margin: 0 auto;
	border-radius: 5px;
	background: #ff899f;
}

div.join_submit_popup_box > a:nth-child(3) p {
	text-align: center;
	line-height: 45px;
	color: #fff;
}

/* 아이디 비번 찾기 */
div.find_title_box {
	width: 100%;
	margin-bottom: 15px;
}

div.find_title_box p {
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
}

div.find_flex_box {
	width: 95%;
	height: calc(100vh - 95px);
	margin: 0 auto;
	margin-top: 80px;
	position: relative;
}

div.find_text_box {
	width: 100%;
	padding: 15px 0;
	background: #f3f3f3;
	border-radius: 5px;
	margin-bottom: 30px;
}

div.find_text_box p {
	width: calc(100% - 44px);
	margin: 0 15px;
	margin-left: 29px;
	word-break: keep-all;
	line-height: 1.5rem;
	position: relative;
}

div.find_text_box p::before {
	content: '※';
	position: absolute;
	top: 0;
	left: -14px;
}

button.find_reset_btn {
	width: 100%;
	height: 45px;
	border: none;
	resize: none;
	outline: none;
	background: #ff899f !important;
	border-radius: 5px;
	position: absolute;
	bottom: 15px;
}

button.find_reset_btn p {
	color: #fff;
	line-height: 45px;
	text-align: center;
}

div.find_id_submit_content {
	width: 100%;
}

div.find_id_submit_content > div:nth-child(1) {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	margin-bottom: 15px;
}

div.find_id_submit_content > div:nth-child(1) img {
	width: 100%;
	height: auto;
}

div.find_id_submit_content > div:nth-child(2) {
	width: 100%;
	margin-bottom: 30px;
}

div.find_id_submit_content > div:nth-child(2) p {
	font-size: 1.3rem;
	text-align: center;
	line-height: 1.5rem;
	font-weight: bold;
}

div.find_id_submit_content > div:nth-child(3) {
	width: 100%;
	padding: 30px 0;
	border-radius: 5px;
	background: #f3f3f3;
}

div.find_id_submit_content > div:nth-child(3) p {
	width: calc(100% - 30px);
	margin: 0 auto;
	text-align: center;
	line-height: 1.5rem;
}

div.find_id_submit_content > div:nth-child(3) p span {
	font-weight: bold;
	font-size: 1.2rem;
}

div.find_id_submit_href_box {
	width: 100%;
	position: absolute;
	bottom: 15px;
}

div.find_id_submit_href_box > a {
	width: 100%;
	height: 45px;
	border-radius: 5px;
	display: block;
}

div.find_id_submit_href_box > a p {
	text-align: center;
	line-height: 45px;
	color: #fff;
}

div.find_id_submit_href_box > a:nth-child(1) {
	background: #ff899f;
	margin-bottom: 10px;
}

div.find_id_submit_href_box > a:nth-child(2) {
	background: #868686;
}

/* 비밀번호 재입력 */
div.reset_password_title {
	width: 100%;
	margin-bottom: 50px;
}

div.reset_password_title p {
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 2rem;
}

div.reset_password_popup_contianer {
	width: 769px;
	max-width: 100%;
	height: 100vh;
	background: #0000003f;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.reset_password_popup_box {
	width: 500px;
	max-width: 90%;
	padding: 15px 0;
	padding-bottom: 30px;
	background: #fff;
	border-radius: 5px;
}

div.reset_password_popup_box > div:nth-child(1) {
	width: 50px;
	margin: 0 auto;
	margin-bottom: 15px;
}

div.reset_password_popup_box > div:nth-child(1) img {
	width: 100%;
	height: auto;
}

div.reset_password_popup_box > div:nth-child(2) {
	width: calc(100% - 30px);
	margin: 0 auto;
	margin-bottom: 30px;
}

div.reset_password_popup_box > div:nth-child(2) p {
	text-align: center;
	font-size: 1.1rem;
	line-height: 1.5rem;
}

div.reset_password_popup_box > div:nth-child(2) p span {
	font-weight: bold;
}

a.login_href_reset_password {
	width: calc(100% - 30px);
	height: 45px;
	margin: 0 auto;
	border-radius: 5px;
	background: #ff899f;
	display: block;
}

a.login_href_reset_password p {
	text-align: center;
	color: #fff;
	line-height: 45px;
}

/* 이메일 전송 완료 팝업 */
div.find_submit_popup_container {
	width: 769px;
	max-width: 100%;
	height: 100vh;
	background: #0000003f;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.find_submit_popup_box {
	width: 500px;
	max-width: 90%;
	padding: 15px 0;
	padding-bottom: 30px;
	border-radius: 5px;
	background: #fff;
}

div.find_submit_title_box {
	width: calc(100% - 30px);
	margin: 0 auto;
	margin-bottom: 30px;
}

div.find_submit_title_box > div:nth-child(1) {
	width: 50px;
	margin: 0 auto;
	margin-bottom: 10px;
}

div.find_submit_title_box > div:nth-child(1) img {
	width: 100%;
	height: auto;
}

div.find_submit_title_box > div:nth-child(1n + 2) > p {
	text-align: center;
}

div.find_submit_title_box > div:nth-child(1n + 2) > p:nth-child(1) {
	font-size: 1.1rem;
	line-height: 1.5rem;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
}

div.find_submit_title_box > div:nth-child(1n + 2) > p:nth-child(2) {
	word-break: keep-all;
	line-height: 1.3rem;
	font-size: 0.95rem;
	color: #464646;
}

div.find_submit_popup_btn_box {
	width: calc(100% - 30px);
	margin: 0 auto;
}

div.find_submit_popup_btn_box > a {
	display: block;
	height: 45px;
	border-radius: 5px;
}

div.find_submit_popup_btn_box > a p {
	text-align: center;
	line-height: 45px;
	color: #fff;
}

div.find_submit_popup_btn_box > a:nth-child(1) {
	background: #ff899f;
	margin-bottom: 10px;
}

div.find_submit_popup_btn_box > a:nth-child(2) {
	background: #979797;
}

/* 얼리버드 오픈 팝업 */
div.earlybird_popup_container {
	width: 769px;
	max-width: 100%;
	height: 100vh;
	background: #0000003f;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.earlybird_popup_box {
	width: 500px;
	max-width: 90%;
	padding: 15px 0;
	padding-bottom: 30px;
	background: #fff;
	border-radius: 5px;
}

div.earlybird_popup_icon {
	width: 80px;
	margin: 0 auto;
	margin-bottom: 10px;
}

div.earlybird_popup_icon img {
	width: 100%;
	height: auto;
}

div.earlybird_popup_box > p:nth-child(2) {
	width: calc(100% - 30px);
	margin: 0 auto;
	color: #ff174f;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

div.earlybird_popup_box > p:nth-child(2) i {
	color: #ff174f;
}

div.earlybird_popup_box > div:nth-child(3) {
	width: calc(100% - 30px);
	margin: 0 auto;
}

div.earlybird_popup_box > div:nth-child(3) p {
	text-align: center;
	line-height: 1.5rem;
	word-break: keep-all;
}

div.earlybird_popup_box > div:nth-child(3) > p:nth-child(1) {
	margin-bottom: 3px;
	color: #464646;
}

div.earlybird_popup_box > div:nth-child(3) > p:nth-child(2) {
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 3px;
}

div.earlybird_popup_box > div:nth-child(4) {
	width: calc(100% - 30px);
	margin: 0 auto;
}

div.earlybird_popup_box > div:nth-child(4) p {
	text-align: center;
	line-height: 1.5rem;
	word-break: keep-all;
}

div.earlybird_popup_box > div:nth-child(4) > p:nth-child(1) {
	margin-bottom: 3px;
	color: #464646;
}

div.earlybird_popup_box > div:nth-child(4) > p:nth-child(2) {
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 3px;
}

div.earlybird_submit_btn {
	width: calc(100% - 30px);
	height: 45px;
	margin: 0 auto;
	margin-top: 30px;
	border-radius: 5px;
	background: #ff899f;
	cursor: pointer;
}

div.earlybird_submit_btn p {
	text-align: center;
	line-height: 45px;
	color: #fff;
}

/* 예약 완료 좌석 안내 */
div.reservation_submit_seat_text {
	width: 95%;
	margin: 0 auto;
	padding: 15px 0;
	border-radius: 5px;
	background: #f3f3f3;
}

div.reservation_submit_seat_text p {
	width: calc(100% - 30px);
	margin: 0 auto;
	line-height: 1.3rem;
}

/* 결제 수단 */
.payment_title {
	width: 95%;
	margin: 0 auto;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 18px;
}

div.payment_info_container {
	padding: 50px 0 30px 0;
	margin-bottom: 15px;
}

div.payment_container {
	width: 100%;
	background: #fff;
	padding-bottom: 80px;
}

div.payment_chk_container {
	width: 95%;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
}

.payment_chk_container p {
	font-size: 15px;
}

div.payment_chk_container {
	margin-bottom: 12px;
}

div.payment_chk_container > label:nth-child(1) {
	width: 16px;
	height: 16px;
	margin-right: 10px;
	background: #d3d3d3;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}

div.payment_chk_container > label:nth-child(1) img {
	width: 7px;
	height: 7px;
}

div.payment_chk_container > label:nth-child(2) {
	display: block;
	width: calc(100% - 26px);
}

#credit_card,
#kakao_pay,
#naver_pay {
	display: none;
}

#credit_card:checked ~ div.payment_chk_container01 > label:nth-child(1) {
	background: #ff899f;
}

#kakao_pay:checked ~ div.payment_chk_container02 > label:nth-child(1) {
	background: #ff899f;
}

#naver_pay:checked ~ div.payment_chk_container03 > label:nth-child(1) {
	background: #ff899f;
}

input[type='submit'].payment_btn {
	max-width: 180px;
	margin: 0 auto;
	display: block;
	margin-top: 40px;
}

.card-select {
	width: 100%;
	max-width: 280px;
	padding: 6px;
	border-radius: 6px;
	margin-left: 2.5%;
	border: 1px solid #ccc;
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 24px;
}

.payment-scroll-area {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 20px;
	border: 1px solid #e3e3e3;
	border-radius: 10px;
	padding: 12px;
	box-sizing: border-box;
	height: 330px; /* 약 3행 높이 */
	overflow-y: auto; /* 내부만 스크롤 */
	-webkit-overflow-scrolling: touch; /* 모바일 부드러운 스크롤 */
}

.payment-methods {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* 한 줄에 3개 */
	gap: 10px;
}

.bank-option {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid #e3e3e3;
	border-radius: 10px;
	padding: 10px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	background-color: #fff;
}

.bank-option:hover {
	border-color: #ccc;
}

.bank-option input[type='radio'] {
	display: none;
}

.bank-option img {
	width: 36px;
	height: 36px;
	object-fit: contain;
	margin-bottom: 6px;
}

.bank-option span {
	font-size: 12px;
	color: #333;
	text-align: center;
}

.bank-option:has(input[type='radio']:checked) {
	background: #f2f4f6;
	border: 1px solid #f2f4f6;
}

/* 스크롤바 스타일 (선택사항) */
.payment-scroll-area::-webkit-scrollbar {
	width: 6px;
}
.payment-scroll-area::-webkit-scrollbar-thumb {
	background-color: #ddd;
	border-radius: 10px;
}

@media all and (max-width: 600px) {
	/*20240312*/
	a.menu_carousel_list img {
		width: 80% !important;
		height: auto;
	}

	/* ------ 실시간 축제 현황 ------ */
	.cctv_card_ex a {
		width: calc(50% - 6px);
		/* padding-bottom: calc(50% - 6px); */
	}

	/* ------ 추천 코스 ------ */
	.course_card {
		width: 100%;
	}

	.store_detail_info ul li {
		font-size: 14px;
		line-height: 20px;
	}

	/*배너*/
	div.common_banner_ex {
		width: 100%;
		margin-bottom: 30px;
		display: inherit;
	}

	a.common_banner {
		width: 100%;
		display: block;
		padding: 15px 0;
		border-radius: 5px;
		overflow: hidden;
		background: #fff4f4;
		margin-bottom: 10px;
	}

	a.common_banner:nth-child(odd) {
		margin-right: 0;
	}

	/*알림*/
	div.alarm_banner_ex {
		width: 90%;
		position: fixed;
		top: 60px;
		left: 5%;
		z-index: 10;
		padding: 15px 0;
		border-radius: 5px;
		box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
		border: 1px solid #d3d3d344;
		box-sizing: border-box;
		background: #fff;
		transform: translateX(0);
	}

	/* 안내 코스 */
	div.course_card_container {
		display: inherit;
	}

	div.course_card_container a {
		width: 100%;
		margin-bottom: 15px;
	}

	div.course_card_container a:last-child {
		margin-bottom: 0;
	}
}

@media (max-width: 430px) {
	/*20240312*/
	a.menu_carousel_list img {
		width: 100% !important;
		height: auto;
	}

	/* ------ 메인페이지 ------ */

	a.header_title h2 {
		font-size: 18px;
	}

	.sheet_gnb > a > img {
		width: 22px;
		height: 19px;
	}

	.sheet_gnb label img {
		width: 17px;
		height: auto;
		margin-top: 1px;
	}

	.sheet_profile > div p:nth-child(1) {
		font-size: 15px;
	}

	.sheet_lnb ul li a p {
		font-size: 14px;
	}

	.sheet_profile > div p:nth-child(1) span {
		font-size: 16px;
	}

	.main_img_text h2.slide_title {
		font-size: 18px;
	}

	.main_img_text p.slide_text {
		font-size: 14px;
		margin-bottom: 0;
	}

	/*.main_nav_icon ul
    {justify-content: space-between;}

    .main_nav_icon ul li
    {width: calc(25% - 6px);}*/

	/* a.menu_carousel_list p
    {font-size: 13px;
    word-break: keep-all;
    line-height: 18px;} */

	/* h3.common_title,
    p.common_title
    {font-size: 16px;}

    .main_event_title a
    {font-size: 14px;}

    .event_item h4
    {font-size: 15px;
    margin-bottom: 8px;} */

	#footer ul {
		flex-wrap: wrap;
	}

	#footer p,
	#footer ul li {
		font-size: 15px;
		line-height: 20px;
	}

	#footer ul li {
		width: 100%;
		margin-right: 0;
		text-align: center;
	}

	/*----- 추천코스 상세 -----*/
	div.course_list_card > div > p {
		font-size: 13px;
		margin-top: 5px;
	}

	div.course_list_card > img {
		width: 64px;
		height: 64px;
		object-fit: cover;
	}

	.course_list_text {
		width: calc(100% - 74px);
	}

	/*----- 참가 상점 -----*/
	.store_item_info {
		margin-top: 8px;
	}

	.store_item_info p {
		font-size: 14px;
		line-height: 20px;
		color: #777;
	}

	/*----- 참가 상점 상세 -----*/
	.store_detail_info ul li p,
	.store_detail_info div p {
		font-size: 14px;
	}

	/*----- 진해군항제 지도 -----*/
	.map_item_ex h3 span {
		font-size: 14px;
	}

	.map_item_place {
		font-size: 14px;
	}

	/*----- 군항제 소개 -----*/
	.introduce_text {
		font-size: 15px;
	}

	.introduce_text span {
		font-size: 18px;
	}

	/* 달력제어 */
	.calendar-inner {
		padding: 50px 0 16px 0;
	}

	/*----- 일정안내 목록페이지 -----*/
	.event_img_box {
		width: 108px;
		height: 108px;
		padding-bottom: inherit;
		margin-right: 12px;
	}

	.event_text_box {
		width: calc(100% - 118px);
	}

	.event_text_box p {
		font-size: 14px;
		line-height: 20px;
	}

	/*----- 일정안내 상세페이지 -----*/
	.event_gallery_img_box img {
		width: calc(50% - 6px);
		margin-right: 10px;
		margin-bottom: 10px;
		border-radius: 5px;
	}

	.event_gallery_img_box img:nth-child(3n) {
		margin-right: 10px;
	}

	.event_gallery_img_box img:nth-child(2n) {
		margin-right: 0px;
	}

	/* ----- 약관동의 페이지
    .terms_checkbox li
    {flex-wrap: wrap;
    justify-content: flex-end;}

    .terms_checkbox li label
    {width: 100%;}

    .terms_checkbox li p
    {font-size: 15px;}

    .terms_checkbox li span
    {width: 100%;
    text-align: right;} */
}

@media (max-width: 425px) {
	.calendar-events {
		height: 230px;
	}

	#eventListToggler {
		top: calc(100% - 185px);
	}
}

@media (max-width: 375px) {
	/* ------ 메인페이지 ------ */

	.sheet_lnb ul li a p {
		font-size: 13px;
	}

	#footer p {
		width: calc(100% - 16px);
		font-size: 14px;
		margin: 0 auto;
	}

	/* ------ 참가상점 목록 ------ */
	.store_item {
		width: 100%;
	}

	/* 견학신청 팝업 */
	.survey_box > div input {
		height: 25px;
	}

	.attend_box > div {
		flex-wrap: wrap;
	}

	.attend_box > div > p {
		width: 100%;
	}

	.attend_box > div > input {
		width: 100%;
		margin-top: 5px;
	}

	.date_time_box {
		width: 100%;
		margin-top: 5px;
	}
}

@media (max-width: 350px) {
	/* ------ 메인페이지 ------ */

	.sheet_lnb ul li {
		width: calc(50% - 5px);
	}

	.main_nav_icon ul li a img {
		width: 100%;
	}

	/* ------ 마이페이지 ------ */

	div.login_submit_btn_ex {
		flex-wrap: wrap;
	}

	div.login_submit_btn_ex > a {
		width: 100%;
	}

	div.login_submit_btn_ex > a:nth-child(2) {
		margin-top: 10px;
	}

	.mypage_input_box > div {
		flex-wrap: wrap;
	}

	.mypage_input_box > div > p {
		width: 100%;
	}
}

/* 이정 추가 퍼블리싱 */
@media all and (max-width: 768px) {
	/* bottom nav 크기 조절 */
	nav.bottom_nav_btn {
		left: 0;
	}

	/* top 버튼 크기 조절 */
	div.top_btn {
		right: 10px;
	}

	/* 불편사항 버튼 크기 조절 */
	.question_btn {
		right: 10px;
	}

	/* 팝업 */
	div.personal_popup_container {
		left: 0;
	}

	div.login_popup_container {
		left: 0;
	}

	/* 예약 취소 팝업 */
	div.cancel_popup_ex {
		left: 0;
		transform: translateX(0);
	}

	div.notic_popup_ex {
		left: 0;
		transform: translateX(0);
	}

	/* 회원가입 완료 */
	div.join_submit_popup_container {
		left: 0;
		transform: translateX(0);
	}

	/* 비번 재설정 완료 */
	div.reset_password_popup_contianer {
		left: 0;
		transform: translateX(0);
	}

	/* 이메일 전송 완료 */
	div.find_submit_popup_container {
		left: 0;
		transform: translateX(0);
	}

	/* 얼리버드 팝업 */
	div.earlybird_popup_container {
		left: 0;
		transform: translateX(0);
	}
}

@media all and (min-width: 601px) {
	div.store_sheet_revise {
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	div.store_revise_box {
		width: calc(50% - 7.5px);
	}
}