/*font-family: 'Playfair Display', serif;*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400..900&display=swap');

@font-face {
	font-family: 'Nanum Myeongjo';
	src:url('https://cdn.salondeletter.com/cdn/font/NanumMyeongjo.woff') format('woff');
	font-weight: normal;
	font-style: normal;  font-display: swap;
}


:root {
	/*color*/

	--dark-pink: #BB7273;
	--light-pink: #ECBEBD;
	--ivory: #F5F3ED;
	--dark-blue: #5f8b9b;
	--light-blue: #497bf8;
	--red: #DD4241;
	--footer: #232626;
	--line-color: #d0d2d5;
	--black: #050D19;
	--grey: #595555;
	--bg-grey:#F9F9F9;
	/*box-shadow*/
	--box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);

	/*fontSize*/
	--font-xxlarge: 2.4rem;
	--font-xlarge: 1.6rem;
	--font-large: 1.2rem;
	--font-regular: 1.05rem;
	--font-medium: 0.95rem;
	--font-medium-s: 0.9rem ;
	--font-small: .8rem;
	--font-xsmall: .7rem;
	--font-answer: 0.95rem;
	/*--font-admin-medium: var(--font-size);*/
	/*font-family*/

	/*margin*/
	--section-margin: 45px 0;

	/*--animation-bg: #5f8b9b;*/
	/*--point-color1: #BB7273;*/
	/*--point-color2: #ECBEBD;*/
	/*--groom-color: blue;*/
	/*--bride-color: pink;*/
	/*--main-font-color: #303030;*/
	/*--font-family: 'SunBatang-Light', 'S-CoreDream-3Light', 'NanumSquare' ,'Noto Sans KR', sans-serif;*/
	/*--font-size: 15px;*/
	/*--background : url("../../img/bg/bg_img_white.jpg"); !*모든 섹션*!*/
	/*--background : #fff; !*모든 섹션*!*/
	/*--main-section-background : url("../../img/bg/bg_img_white.jpg"); !*섹션 1에만 적용*!*/

	/*--common-font-color: #333;*/
	/*--btn-font-color: #fff;*/
}


html, body, h1, h2, h3, h4, h5, h6, p, blockquote, code, img, dl, dt, dd, ol, ul, li, fieldset, legend, caption { margin: 0; padding: 0; border: 0; }
/*div, span, article, section, header, footer, p, ul, li, fieldset, legend, label, a, nav { box-sizing: border-box; }*/
html {
	height: 100%;
}
body {
	min-height: 100%;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol,
ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html{
	scroll-behavior: smooth;
	font-size: var(--font-size);
	-ms-overflow-style: none;
	scrollbar-width: none;

}
html::-webkit-scrollbar {
	display: none;
}
/*html,body {*/
/*	overscroll-behavior: none;*/
/*}*/
body {
	/*min-height: 100vh;*/
	/*min-height: -webkit-fill-available;*/
	-ms-overflow-style: none;
}

/*@supports (-webkit-appearance:none) and (stroke-color: transparent) {*/
/*	min-height: -webkit-fill-available;*/
/*}*/


/* margin-right: 1px ~ 20px */
.mr_1 { margin-right: 1px; }
.mr_2 { margin-right: 2px; }
.mr_3 { margin-right: 3px; }
.mr_4 { margin-right: 4px; }
.mr_5 { margin-right: 5px; }
.mr_6 { margin-right: 6px; }
.mr_7 { margin-right: 7px; }
.mr_8 { margin-right: 8px; }
.mr_9 { margin-right: 9px; }
.mr_10 { margin-right: 10px; }
.mr_11 { margin-right: 11px; }
.mr_12 { margin-right: 12px; }
.mr_13 { margin-right: 13px; }
.mr_14 { margin-right: 14px; }
.mr_15 { margin-right: 15px; }
.mr_16 { margin-right: 16px; }
.mr_17 { margin-right: 17px; }
.mr_18 { margin-right: 18px; }
.mr_19 { margin-right: 19px; }
.mr_20 { margin-right: 20px; }

/* margin-left: 1px ~ 20px */
.ml_1 { margin-left: 1px; }
.ml_2 { margin-left: 2px; }
.ml_3 { margin-left: 3px; }
.ml_4 { margin-left: 4px; }
.ml_5 { margin-left: 5px; }
.ml_6 { margin-left: 6px; }
.ml_7 { margin-left: 7px; }
.ml_8 { margin-left: 8px; }
.ml_9 { margin-left: 9px; }
.ml_10 { margin-left: 10px; }
.ml_11 { margin-left: 11px; }
.ml_12 { margin-left: 12px; }
.ml_13 { margin-left: 13px; }
.ml_14 { margin-left: 14px; }
.ml_15 { margin-left: 15px; }
.ml_16 { margin-left: 16px; }
.ml_17 { margin-left: 17px; }
.ml_18 { margin-left: 18px; }
.ml_19 { margin-left: 19px; }
.ml_20 { margin-left: 20px; }
.t_c {text-align: center}



#user_wrap img {
	pointer-events: none;
}


.no-aos [aos] {
	opacity: 1 !important;
	transform: translate(0, 0) !important;
}

.slick-dots li {
	cursor: pointer;
}

.layout.reverse_couple_name {}
.layout.reverse_couple_name .row_couple_name {
	display: inline-flex;
	flex-direction: row-reverse;
}
.layout.reverse_couple_name .col_couple_name {
	display: flex;
	flex-direction: column-reverse !important;
}

.layout.reverse_groom_name {}
.layout.reverse_groom_name .row_groom_name {
	display: inline-flex !important;
	flex-direction: row-reverse;
	justify-content: center;
	/*gap: 5px;*/
}
.layout.reverse_groom_name .col_groom_name {
	display: flex !important;
	flex-direction: column-reverse !important;
}

.layout.reverse_bride_name {}
.layout.reverse_bride_name .row_bride_name {
	display: inline-flex !important;
	flex-direction: row-reverse;
	justify-content: center;
	/*gap: 5px;*/
}
.layout.reverse_bride_name .col_bride_name {
	display: flex !important;
	flex-direction: column-reverse;
}

.layout.reverse_couple_name .c_reverse {}

.layout.reverse_couple_name .c_reverse .c_groom {
	right: 15px;
}
.layout.reverse_couple_name .c_reverse .c_bride {
	left: 15px;
}

.layout:not(.reverse_couple_name) .section1.type_c .main_top .main_name span:first-child {left: 15px;}
.layout:not(.reverse_couple_name) .section1.type_c .main_top .main_name span:last-child {right: 15px;}
.layout.reverse_couple_name .section1.type_c .main_top .main_name span:first-child {right: 15px;}
.layout.reverse_couple_name .section1.type_c .main_top .main_name span:last-child {left: 15px;}

#user_wrap {
	font-size: var(--font-size);
	font-family: var(--font-family);
	color: var(--common-font-color);
	background: rgba(153, 153, 153, 0.05);
}
#user_wrap * {
	-webkit-tap-highlight-color : transparent !important;
	box-sizing: border-box;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
#user_wrap *::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}

#user_wrap input {
	font-family: var(--font-family);
}

#user_wrap input:focus {
	outline: none;
}

#user_wrap textarea {
	font-family: var(--font-family);
}

a {
	color: #333;
	text-decoration: none;
	cursor: pointer;
}

button {
	color: #333;
}

#user_wrap button {
	border: none;
	cursor: pointer;
}

.layout {
	position: relative;
	width: 100%;
	max-width: 420px;
	margin: 0 auto;
	overflow: hidden;
	background: var(--background);
}

.layout canvas {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	pointer-events: none;
}

.layout .watermark2 {
	position: fixed;
	bottom: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 420px;
	padding: 12px 0;
	color: #fff;
	text-align: center;
	background: rgba(0, 0, 0, .45);
	z-index: 5;
}

.layout .watermark2 p {
	line-height: 1.5;
	font-size: 13px;
}

.layout .watermark2 a {
	margin-top: 8px;
	color: #fff;
	border: 1px solid #fff;
	min-width: 180px;
	font-size: 13px;
	padding: 5px 0;
}

.layout .quick_btn {
	position: fixed;
	bottom: 0;
	margin: 0 auto;
	max-width: 420px;
	width: 100%;
	pointer-events: none;
}


.layout .arrow_up {
	position: absolute;
	bottom: 80px;
	right: 20px;
	display: none;
	padding: 10px;
	font-size: var(--font-large);
	background: rgba(153, 153, 153, 0.25);
	border-radius: 50%;
	color: rgba(255, 255, 255, 0.8);
	border: none;
	pointer-events: all;
	box-shadow: var(--box-shadow);
	height: 42px;
	width: 42px;
}

.layout .share {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: none;
	padding: 10px;
	font-size: var(--font-large);
	background: rgba(153, 153, 153, 0.25);
	border-radius: 50%;
	color: rgba(255, 255, 255, 0.8);
	border: none;
	pointer-events: all;
	box-shadow: var(--box-shadow);
	height: 42px;
	width: 42px;
}


.layout .quick_btn_2 {
	position: fixed;
	bottom: 0;
	margin: 0 auto;
	max-width: 420px;
	height: 100%;
	width: 100%;
	pointer-events: none;
}


.layout .quick_btn_2 .arrow_up {
	position: absolute;
	bottom: 80px;
	right: 20px;
	display: none;
	padding: 10px;
	font-size: var(--font-large);
	background: rgba(153, 153, 153, 0.25);
	border-radius: 50%;
	color: rgba(255, 255, 255, 0.8);
	border: none;
	pointer-events: all;
	box-shadow: var(--box-shadow);
	height: 42px;
	width: 42px;
	display: block;
}

.layout .quick_btn_2 .share {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: none;
	padding: 10px;
	font-size: var(--font-large);
	background: rgba(153, 153, 153, 0.25);
	border-radius: 50%;
	color: rgba(255, 255, 255, 0.8);
	border: none;
	pointer-events: all;
	box-shadow: var(--box-shadow);
	height: 42px;
	width: 42px;
	display: block;
}
.layout .quick_btn_2 .flower_q_btn {
	position: absolute;
	bottom: 180px;
	right: 20px;
	display: none;
	padding: 10px;
	font-size: var(--font-large);
	background: rgba(153, 153, 153, 0.25);
	border-radius: 50%;
	color: rgba(255, 255, 255, 0.8);
	border: none;
	pointer-events: all;
	box-shadow: var(--box-shadow);
	height: 42px;
	width: 42px;
	display: block;
	padding: 5px;
}

.layout .quick_btn_2 .flower_q_btn img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}






.layout .user_music_box {
	position: fixed;
	top: 0;
	max-width: 420px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: var(--font-small);
	z-index: 30;
	pointer-events: none;
}
.layout .user_music_box.active {
	display: block;
}

.layout .user_music_box p {
	display: block;
	padding: 13px 0;
	background: rgba(51, 51, 51, 0.35);
	color: #fff;
}

.layout .music_btn_box {
	position: fixed;
	top: 0;
	max-width: 420px;
	width: 100%;
	margin: 0 auto;
	z-index: 40;
	pointer-events: none;
}
.layout .music_btn_box .mute {
	position: absolute;
	top: 0;
	right: 10px;
	border: none;
	font-size: var(--font-regular);
	padding: 10px;
	background: transparent;
	color: #595959;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
	pointer-events: auto;
	z-index: 40;
}

.snowfall-flakes {
	z-index: 20 !important;
}
/*btn*/

.s_btn {
	display: inline-block;
	padding: 5px 20px;
	border-radius: 4px;
	border: 1px solid #d2d2d2;
	font-size: var(--font-medium-s);
	color: #5d5d5d;
	box-shadow: var(--box-shadow);
}

.l_btn {
	display: inline-block;
	font-size: var(--font-medium-s);
	padding: 10px 40px;
	border: 1px solid #d2d2d2;
	border-radius: 4px;
	color: #5d5d5d;
	box-shadow: var(--box-shadow);
}
#user_wrap .inner {
	padding: 0;
}
section {
	position: relative;
}

section .inner {
	width: calc(100% - 10px);
	margin: 0 auto;
}

section .title {
	margin-bottom: 50px;
}
section .title h2 {
	font-size: var(--font-large);
	font-weight: 500;
	color: var(--point-color1);
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
}

section .contents p,
section .textarea p,
section .contents h4 {
	margin: 0 auto;
}

/*modal*/

#user_wrap .modal_dimmed {
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 420px;
	height: 100%;
	background: var(--background);
	/*background: var(--ivory);*/
	/*background: url("../../img/bg/bg_img_white.jpg");*/
	z-index: 101;
	overflow-y: scroll;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	/*transition: 0.5s;*/
	transform: translateY(100%);
	/*display: none;*/
}

#user_wrap .modal_dimmed.active {
	/*display: block;*/
	transition: 0.3s;
	opacity: 1;
	visibility: visible;
	transform: translateY(0);

}

#user_wrap .mini_popup {
	/*display: none;*/
	/*opacity: 0;*/
	/*visibility: hidden;*/
}

#user_wrap .close_btn {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	padding: 10px;
	color: #999;
	font-size: 22px;
	background: transparent;
	outline: none;
	z-index: 102;
}

#user_wrap .m_wrap {
	position: relative;
	top: 0;
	width: 100%;
	transition: .5s linear;
	/*background: rgba(255, 255, 255, 100);*/
}

#user_wrap .modal_dimmed.active #user_wrap .m_wrap {}

#user_wrap .modal_title {
	position: sticky;
	top: 0;
	padding: 15px 0;
	text-align: center;
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	/*background: var(--ivory);*/
	/*background: url("../../img/bg/bg_img_white.jpg");*/
	background: var(--background);
	z-index: 1;
}
#user_wrap .modal_title h2 {
	font-size: var(--font-medium);
	font-weight: 400;
}


/*transition*/
#user_wrap .modal_title h2{
	transform: translateY(10px);
	opacity: 0;
	visibility: hidden;
	transition: .4s;
	transition-delay: 0.3s;
}

#user_wrap .modal_dimmed.active .modal_title h2 {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

#user_wrap .modal_dimmed .modal_contact_p {
	transform: translateY(10px);
	opacity: 0;
	visibility: hidden;
	transition: .4s;
	transition-delay: 0.3s;
}

#user_wrap .modal_dimmed.active .modal_contact_p {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

#user_wrap .modal_dimmed .container {
	transform: translateY(10px);
	opacity: 0;
	visibility: hidden;
	transition: .4s;
	transition-delay: 0.3s;
}

#user_wrap .modal_dimmed.active .container {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}
#user_wrap .modal_dimmed .form {
	transform: translateY(10px);
	opacity: 0;
	visibility: hidden;
	transition: .4s;
	transition-delay: 0.3s;
}
#user_wrap .modal_dimmed.active .form {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}





/*modal_contact*/

#user_wrap .m_wrap .modal_contact_p {
	position: relative;
	display: flex;
	justify-content: space-around;
	text-align: center;
	margin: 30px 0;
}
#user_wrap .m_wrap .modal_contact_p > div {}
#user_wrap .m_wrap .modal_contact_p > div .p_title {
	margin-bottom: 30px;
}
#user_wrap .m_wrap .modal_contact_p > div .p_title h3 {
	font-size: var(--font-medium);
	font-weight: 600;
	color: var(--groom-color);
}

#user_wrap .m_wrap .modal_contact_p > .p_bride .p_title h3 {
	color: var(--bride-color);
}
#user_wrap .m_wrap .modal_contact_p > div .p_contents {}
#user_wrap .m_wrap .modal_contact_p > div .p_contents .wrap:first-child {
	margin-bottom: 40px;
}

#user_wrap .m_wrap .modal_contact_p > div .p_contents .wrap .p_name {
	margin-bottom: 12px;
	font-size: var(--font-medium-s);
}

#user_wrap .m_wrap .modal_contact_p > div .p_contents .wrap .p_name span {
	font-size: var(--font-medium);
	font-weight: 400;
}
#user_wrap .m_wrap .modal_contact_p > div .p_contents .wrap .p_name span.title {
	font-size: var(--font-medium-s);
	font-weight: 400;
}
#user_wrap .m_wrap .modal_contact_p > div .p_contents .wrap .btn_box {
	display: flex;
	justify-content: space-around;
}

#user_wrap .m_wrap .modal_contact_p > div .p_contents .wrap .btn_box a {
	font-size: var(--font-large);
	color: var(--groom-color);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

#user_wrap .m_wrap .modal_contact_p .p_bride .p_contents .wrap .btn_box a {
	color: var(--bride-color);
}

/*rsvp*/
/*form 공통*/
#user_wrap .m_wrap .form {
	/*margin-top: 30px;*/
	padding: 20px 20px;
}
#user_wrap .m_wrap .form .chk_wrap {}
#user_wrap .m_wrap .form .chk_wrap .chk_title {
	margin: 16px 0 8px;
	font-weight: 400;
	font-size: var(--font-medium-s);
}

#user_wrap .m_wrap .form .chk {
	display: flex;
	box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

#user_wrap .m_wrap .form .chk input[type=radio] {
	display: none;
}

#user_wrap .m_wrap .form input[type=radio] + label {
	flex: 1;
	/*padding: 10px 0;*/
	height: 36px;
	line-height: 36px;
	border: 1px solid #eae7e7;
	border-radius: 5px 0 0 5px;
	text-align: center;
	font-size: var(--font-medium-s);
	font-weight: 400;
	color: #999;
}
#user_wrap .m_wrap .form input[type=radio] + label:last-child {
	border-radius: 0 5px 5px 0;
}

#user_wrap .m_wrap .form input[type=radio]:checked + label {
	/*background: var(--light-pink);*/
	/*color: #fff;*/
	/*color: var(--dark-pink);*/
	color: var(--point-color1);
	/*border: 1px solid transparent;*/
	transition: all 0.2s ease;
	box-shadow: inset 0 0 3px var(--point-color1);
	border: 1px solid var(--point-color2);
}

#user_wrap .m_wrap .form .chk.who input[type=radio]:first-child:checked + label {
	/*background: var(--dark-blue);*/
	/*color: var(--dark-blue);*/
	/*border: 1px solid #86C6F4;*/
	/*box-shadow: inset 0 0 3px #86C6F4;*/
}
#user_wrap .m_wrap .form .chk.who input[type=radio]:checked + label {
	/*color: var(--dark-pink);*/
	/*border: 1px solid var(--light-pink);*/
	/*box-shadow: inset 0 0 3px var(--light-pink);*/
}

#user_wrap .m_wrap .form .chk.eat input[type=radio] + label:nth-of-type(2) {
	border-radius: 0;
}

#user_wrap .m_wrap .form input[type=text],
#user_wrap .m_wrap .form input[type=password],
#user_wrap .m_wrap .form input[type=number] {
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding: 0 8px;
	font-size: var(--font-medium-s);
	border: 1px solid #eae7e7;
	box-sizing: border-box;
	border-radius: 5px;
	background: transparent;
	box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.1);
	color: var(--common-font-color);
}

#user_wrap .m_wrap .form textarea {
	height: 170px;
	width: 100% !important;
	padding: 8px;
	font-size: var(--font-medium-s);
	box-sizing: border-box;
	resize: none;
	outline: none;
	border: 1px solid #eae7e7;
	border-radius: 5px;
	background: transparent;
	box-shadow: var(--box-shadow);
	color: var(--common-font-color);
}

#user_wrap .m_wrap .form input[type=checkbox] {
	background: transparent;
	display: none;
}
#user_wrap .m_wrap .form input[type=checkbox] + label {
	font-size: var(--font-medium-s);
	margin-top: 12px;
	/*display: block;*/
	display: inline-block;
}
#user_wrap .m_wrap .form input[type=checkbox] + label i {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	text-align: center;
	border: 1px solid #eae7e7;
	color: transparent;
	transition: 0.2s;
	margin-right: 4px;
	box-shadow: var(--box-shadow);
}
#user_wrap .m_wrap .form input[type=checkbox]:checked + label i {
	color: var(--btn-font-color);
	background-color: var(--point-color2);
	border: 1px solid transparent;
}

#user_wrap .m_wrap .form .btn_box {
	padding: 30px 0 0;
}
#user_wrap .m_wrap .form .btn_box a {
	display: block;
	text-align: center;
	margin: auto;
	padding: 10px;
	background: var(--point-color2);
	border-radius: 5px;
	box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.2);
	color: var(--btn-font-color);
}

/*board*/
#user_wrap .m_wrap form .board_wrap {
	margin-bottom: 12px;
}
#user_wrap .m_wrap form .board_wrap:last-child {
	margin-bottom: 0;
}
#user_wrap .m_wrap form .board_wrap .board_title {
	margin-bottom: 6px;
}

#user_wrap .modal_board .terms_box {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}
#user_wrap .modal_board .terms_box a {
	color: #999;
	font-size: 9px;
	margin: 0 10px;
}

#user_wrap .m_wrap .all_view {
	margin-top: 30px;
	padding: 0 20px;
}

#user_wrap .m_wrap .all_view > div {
	text-align: center;
}

#user_wrap .m_wrap .all_view > div p {
	display: inline-block;
	width: 100%;
	font-size: var(--font-medium);
	color: var(--point-color1);
	margin: 40px 0;
}

#user_wrap .m_wrap .all_view > div a {
	margin-bottom: 40px;
}
#user_wrap .m_wrap .all_view .board_list {}
#user_wrap .m_wrap .all_view .board_list li {
	padding: 30px 20px;
	line-height: 1.5;
	box-shadow: var(--box-shadow);
	margin-bottom: 40px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
}
#user_wrap .m_wrap .all_view .board_list li .top_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
#user_wrap .m_wrap .all_view .board_list li .top_box .left {}
#user_wrap .m_wrap .all_view .board_list li .top_box .left span {
	font-weight: 600;
	color: var(--point-color1);
}
#user_wrap .m_wrap .all_view .board_list li .top_box .right {}
#user_wrap .m_wrap .all_view .board_list li .top_box .right a {
	font-size: var(--font-small);
	font-weight: 300;
	color: #5f5e5e;
	padding: 5px;
}
#user_wrap .m_wrap .all_view .board_list li .bottom_box {}
#user_wrap .m_wrap .all_view .board_list li .bottom_box .contents {
	margin-bottom: 10px;
}
#user_wrap .m_wrap .all_view .board_list li .bottom_box .date {
	font-size: var(--font-small);
	font-weight: 300;
	color: #5f5e5e;
}

/*photo*/

#user_wrap .modal_dimmed.modal_photo {}
#user_wrap .modal_photo .m_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
#user_wrap .modal_photo .close_btn {
	top: 30px;
	right: 5px;
}
#user_wrap .m_wrap .slide_wrap {
	position: relative;
}
#user_wrap .m_wrap .slide_wrap .swiper-wrapper {
	font-size: 0;
	align-items: center;
}
#user_wrap .m_wrap .slide_wrap .slide_box {
	/*height: 100%;*/
	height: calc(100vh - 45px);
	min-height: 100%;
	max-height: 850px;
}

/*#user_wrap .m_wrap .slide_wrap .slide_box .slide_list.swiper-slide {*/
/*	-webkit-backface-visibility: hidden;*/
/*	-webkit-transform: translate3d(0, 0, 0);*/
/*	!*!*삭제*!*!*/
/*	!*text-align: center;*!*/
/*	!*display: flex;*!*/
/*	!*align-items: center;*!*/
/*	!*justify-content: center;*!*/
/*}*/
.swiper-slide {
	/*-webkit-backface-visibility: hidden;*/
	/*-webkit-transform: translateZ(0);*/
	/*-webkit-transform: none;*/
	/*!*삭제*!*/
	/*text-align: center;*/
	/*display: flex;*/
	/*align-items: center;*/
	/*justify-content: center;*/
}

#user_wrap .m_wrap .slide_wrap .slide_box .slide_list img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}
#user_wrap .m_wrap .slide_wrap .bottom_wrap {
	position: fixed;
	bottom: 0;
	width: 100%;
}
#user_wrap .m_wrap .slide_wrap .progress_wrap {
	position: absolute;
	width: 100%;
	height: 10px;
	background: var(--line-color);
	overflow: hidden;
}

#user_wrap .m_wrap .slide_wrap .progress_wrap .progress {
	width: 100%;
	height: 100%;
	background: var(--line-color);
}
#user_wrap .m_wrap .slide_wrap .progress_wrap .progress span {
	background: var(--point-color2);
}
#user_wrap .m_wrap .slide_wrap .fraction {
	margin: 15px auto;
	text-align: center;
	font-size: var(--font-small);
	color: #8d8e90;
}
/*#user_wrap .m_wrap .slide_wrap .paging_num {*/
/*	position: absolute;*/
/*	bottom: 10px;*/
/*	left: 50%;*/
/*	transform: translateX(-50%);*/
/*	margin: 5px;*/
/*	text-align: center;*/
/*	font-size: var(--font-small);*/
/*	color: #8d8e90;*/
/*}*/

#user_wrap .m_wrap .swiper-button-next,
#user_wrap .m_wrap .swiper-button-prev {
	color: #fff;
	padding: 5px;
}
#user_wrap .m_wrap .swiper-button-next::after,
#user_wrap .m_wrap .swiper-button-prev::after {
	font-size: 14px;
}

/*modal_interview*/
.modal_interview {}
.modal_interview .m_wrap {}
.modal_interview .m_wrap .container {
	padding: 30px 0 0;
}
.modal_interview .m_wrap .container ul {}

.modal_interview .m_wrap .container ul li {
	padding: 30px 20px;
	border-bottom: 1px dashed var(--line-color);
}
.modal_interview .m_wrap .container ul li:first-child {
	padding: 0 20px 30px;
}
.modal_interview .m_wrap .container ul li .list_title {
	margin-bottom: 15px;
	color: var(--point-color1);
	font-size: var(--font-medium);
	font-weight: 700;
}
.modal_interview .m_wrap .container ul li .list_title span {}
/*1109*/
.modal_interview .m_wrap .container ul li .list_answer {
	line-height: 1.5;
	/*padding: 0 0 0 10px;*/
}
/*.modal_interview .m_wrap .container ul li .list_answer div,*/
/*.modal_interview .m_wrap .container ul li .list_answer div p,*/
/*.modal_interview .m_wrap .container ul li .list_answer div span{*/
/*	font-family: var(--font-family) !important;*/
/*	font-size: var(--font-answer) !important;*/
/*}*/


.rsvp_popup {
	display: none;
	position: fixed;
	top: 0;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	height: 100%;
	width: 100vw;
	max-width: 420px;
	z-index: 101;
	background: rgba(0, 0, 0, 0.4);
}
.rsvp_popup.active {
	display: block;
}
.rsvp_popup .popup_wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*background: url("../../img/bg/bg_img_ivory.jpg");*/
	background: var(--background);
	border-radius: 8px;
	padding: 40px 19px 20px;
	width: calc(100% - 60px);
	text-align: center;
	box-shadow: var(--box-shadow);
}
.rsvp_popup .popup_wrap .title {
	margin-bottom: 20px;
}
.rsvp_popup .popup_wrap .title h2 {
	font-size: var(--font-regular);
}
.rsvp_popup .popup_wrap .desc {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed var(--line-color);
	font-size: 0.9rem;
}
.rsvp_popup .popup_wrap .desc p {
	line-height: 1.5;
}
.rsvp_popup .popup_wrap .wedding_info {
	margin-bottom: 30px;
	text-align: left;
	/*font-size: var(--font-medium);*/
	/*font-size: var(--font-small);*/
	font-size: 0.85rem;
}
.rsvp_popup .popup_wrap .wedding_info tr {
	line-height: 1.5;
	vertical-align: baseline;
	letter-spacing: -0.3px;
}
.rsvp_popup .popup_wrap .wedding_info tr:last-of-type {}
.rsvp_popup .popup_wrap .wedding_info tr i {
	margin-right: 4px;
	line-height: 1.7;
	color: #6c6c6c;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.rsvp_popup .popup_wrap .wedding_info {}
.rsvp_popup .popup_wrap .wedding_info span {}

.layout.reverse_couple_name .rsvp_popup .popup_wrap .wedding_info span.groom_color {
	margin-left: 4px;
}
.rsvp_popup .popup_wrap .wedding_info span.groom_color {
	font-size: var(--font-small);
	color: var(--groom-color);
}
.rsvp_popup .popup_wrap .wedding_info span.bride_color {
	font-size: var(--font-small);
	color: var(--bride-color);
}
.rsvp_popup .popup_wrap .wedding_info .date {}
.rsvp_popup .popup_wrap .wedding_info .date span {}
.rsvp_popup .popup_wrap .wedding_info .locate {}
.rsvp_popup .popup_wrap .wedding_info .locate span {}
.rsvp_popup .popup_wrap .btn_box {
	margin-bottom: 20px;
}
.rsvp_popup .popup_wrap .btn_box a,
.rsvp_popup .popup_wrap .btn_box button {
	border: none;
	background: var(--point-color2);
	color: var(--btn-font-color);
	font-size: .9rem;
	font-family: var(--font-family);
}
.rsvp_popup .popup_wrap .show_btn {}
.rsvp_popup .popup_wrap .show_btn label {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	font-size: var(--font-small);
}
.rsvp_popup .popup_wrap .show_btn label > * {
	display: inline-block;
}
.rsvp_popup .popup_wrap .show_btn label input {
	display: none;
}
.rsvp_popup .popup_wrap .show_btn label div {
	position: relative;
	border: 1px solid var(--line-color);
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin-right: 4px;
}
.rsvp_popup .popup_wrap .show_btn label div i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--line-color);
}
.rsvp_popup .popup_wrap .show_btn label p {
	color: var(--line-color);
}
.rsvp_popup .popup_wrap .show_btn label input:checked ~ div {
	background: var(--point-color2);
	border: 1px solid transparent;
}

.rsvp_popup .popup_wrap .show_btn label input:checked ~ div i {
	color: #fff;
}
.rsvp_popup .popup_wrap .show_btn label input:checked ~ p {
	color: var(--black);
}
.rsvp_popup.modal_flower {
	display: none;
	transition: .3s;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.rsvp_popup.modal_flower.active {
	opacity: 1;
	visibility: visible;
	pointer-events: inherit;
}
.rsvp_popup.modal_flower .popup_wrap {
	transform: translate(-50%, 300%);
	transition: .3s;
}
.rsvp_popup.modal_flower.active .popup_wrap {
	transform: translate(-50%, -50%);
}
.rsvp_popup.modal_flower .title h2 {
	color: var(--point-color1);
}

.rsvp_popup.modal_flower .img_box {
	width: 100px;
	margin: 0 auto;
	font-size: 0;
}
.rsvp_popup.modal_flower .img_box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.rsvp_popup.gs_popup .img_box_wrap {
	position: relative;
	width: auto;
	height: 200px;
	margin: 10px auto 15px;
	font-size: 0;
	overflow: hidden;
}
.rsvp_popup.gs_popup .img_box {
	width: 200px;
	height: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	overflow: hidden;
}
.rsvp_popup.gs_popup .img_box.back {
	width: 100px;
	height: 100px;
	z-index: 1;
	top: calc(50% - 12px);
	transform: translate(-50%, -50%) rotate(5deg);
	opacity: 1;
}
.rsvp_popup.gs_popup .img_box img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	object-fit: contain;
}
.rsvp_popup.gs_popup .img_box.back img {
	object-fit: cover;
}
.rsvp_popup.gs_popup .gs_time {
	font-size: var(--font-medium-s);
	margin-bottom: 20px;
}
.rsvp_popup.gs_popup .gs_time span {
	font-weight: 600;
}
/*.rsvp_popup.modal_flower .wedding_info > p {*/
/*	display: flex;*/
/*	align-items: flex-start;*/
/*}*/
/*.rsvp_popup.modal_flower .wedding_info > p > i {*/
/*	line-height: 1.2;*/
/*}*/

#user_wrap .rsvp_popup .popup_wrap .close_btn {
	position: absolute;
	top: 30px;
	right: 10px;
	padding: 10px;
}

.loading_wrap {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	height: 100%;
	z-index: 9999;
}
.loading_wrap.active {
	display: block;
}


.loading_page {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 420px;
	height: 100%;
	background: linear-gradient(180deg, var(--ivory), var(--animation-bg));
	background-size: 200% 200%;
	animation: loading_page 3s ease;
}

.loading_page .logo {
	position: absolute;
	bottom: 30px;
	height: 15px;
	width: 100px;
}

.loading_page .logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.loading_page .loading_typing {
	/*width: auto;*/
	visibility: hidden;
	/*width: 18ch;*/
	/*animation: typing 1.5s steps(18), blink .5s step-end infinite alternate;*/
	animation: blink .5s step-end infinite alternate;
	white-space: nowrap;
	overflow: hidden;
	border-right: 1px solid;
	font-family: var(--font-family);
	font-size: var(--font-medium);
	color: var(--black);
	text-align: center;
	line-height: 1.4;
}

.loading_page_2 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 420px;
	height: 100%;
	background-color: var(--animation-bg);
}
.loading_page_2 .smoky_text {
	text-align: center;
	color: transparent;
	font-size: 16px;
	font-weight: 400;
	padding: 20px;
}
.loading_page_2 .smoky_text span {
	display: inline-block;
	text-shadow: 0 0 20px #303030;
	animation: smoky 2s both;
	opacity: 0;
}

@keyframes smoky {
	30% {
		text-shadow: 0 0 20px #303030;
	}
	to {
		opacity: 1;
		text-shadow: 0 0 0 #303030;
	}
}

@for $item from 1 through 21 {
	span:nth-of-type(#{$item}) {
		animation-delay: #{($item/10)}s;
	}
}

.loading_page_2 .logo {
	position: absolute;
	bottom: 30px;
	height: 15px;
	width: 100px;
}

.loading_page_2 .logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.loading_page_3 {
	position: relative;
	width: 100%;
	max-width: 420px;
	height: 100%;
}
.loading_page_3 .wrap {}
.loading_page_3 .wrap .con {
	position: relative;
	z-index: 3;
	width: 100%;
	height: 100vh;
}
.loading_page_3 .wrap .con .main_top {
	position: absolute;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 65px;
	background-image: url(https://salondeletter.com/img/_f/title/title_b.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.loading_page_3 .wrap .con .main_text {
	position: absolute;
	top: 200px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
}
.loading_page_3 .wrap .con .main_text span {
	font-size: 17px;
	font-weight: 400;
}
.loading_page_3 .wrap .con .logo {
	position: absolute;
	width: 120px;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
}
.loading_page_3 .wrap .con .logo img {
	width: 100%;
	height: 100%;
}
.loading_page_3 .wrap .con .main_name .ampersand {
	display: inline-block;
	height: 28px;
	width: 28px;
	margin: 0 30px;
	background-image: url(https://salondeletter.com/img/_f/ampersand/ampersand_b.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.loading_page_3 .wrap .con .main_date {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	text-align: center;
	transform: translate(-50%, -50%);
	font-weight: 100;
	font-size: 11px;
	font-family: 'Old Standard TT', serif;
	letter-spacing: 3px;
}
.loading_page_3 .wrap .con .main_date .top {
	margin-bottom: 12px;
}
.loading_page_3 .wrap .con .main_date .bottom span.day {
	position: relative;
	padding: 0 15px 0 25px;
	font-size: 32px;
	font-weight: 600;
	font-family: 'Old Standard TT', serif;
	letter-spacing: 10px;
}
.loading_page_3 .wrap .con .main_bottom {
	position: absolute;
	top: 62%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	text-align: center;
}
.loading_page_3 .wrap .con .main_bottom .date {
	margin-bottom: 12px;
	font-weight: 400;
}
.loading_page_3 .wrap .bg_t {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80%;
	z-index: 1;
	font-size: 0;
}

.loading_page_3 .wrap .bg_b {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 0;
}

.loading_page_3 .wrap .bg_t img,
.loading_page_3 .wrap .bg_b img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom;
}

.loading_page_3 .wrap .wax {
	position: absolute;
	top: 65%;
	left: 50%;
	transform: translateX(-50%);
	/* font-size: 0; */
	width: 130px;
	height: 130px;
	/*background-image: url(../../img/_f/wax/wax_silver.png);*/
	background-image: var(--wax-stamp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	z-index: 2;
}
.loading_page_3 .wrap .wax .engraved {
	position: absolute;
	top: 48%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--wax-stamp-color);
	color: var(--wax-stamp-color);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	/* color: transparent; */
	text-shadow: 0px 0px hsla(0,0%,0%,0.2), 0px 0px hsla(0,0%,100%,0.2), -0.5px 0.5px hsla(0,0%,0%,0.2), 0.5px -0.5px hsla(0,0%,100%,0.2), -1px 1px hsla(0,0%,0%,0.2), 1px -1px hsla(0,0%,100%,0.2), -1.5px 1.5px hsla(0,0%,0%,0.2), 1.5px -1.5px hsla(0,0%,100%,0.2), 0px 0px 4.5px hsla(0,0%,0%,1);
	font-size: 30px;
	font-family: 'Viaoda Libre', cursive;
	font-weight: 900;
}

.loading_page_3.off .wrap .con .con_top {
	height: 80%;
	animation: loading_ani_top 2.2s ease-in;
	animation-delay: 1s;
}
.loading_page_3.off .wrap .con .con_bottom {
	position: relative;
	height: 20%;
	animation: loading_ani_bottom 2.2s ease-in;
	animation-delay: 1s;
}
.loading_page_3.off .wrap .bg_t {
	animation: loading_ani_top 2.2s ease-in;
	animation-delay: 1s;
	opacity: 1;
	visibility: visible;
}
.loading_page_3.off .wrap .bg_b {
	animation: loading_ani_bottom 2.2s ease-in;
	animation-delay: 1s;
	opacity: 1;
	visibility: visible;
}
.loading_page_3.off .wrap .wax {
	animation: loading_ani_wax 1s ease-in;
	opacity: 1;
	visibility: hidden;
	pointer-events: none;
}


@keyframes loading_ani_wax {
	0% {
		opacity: 1;
		visibility: visible;
	}
	100% {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
}
@keyframes loading_ani_top {
	0% {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}
	100% {
		transform: translateY(-50%);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
}
@keyframes loading_ani_bottom {
	0% {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}
	100% {
		transform: translateY(30%);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
}


.loading_page_4 {}
.loading_page_4 .wrap {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	font-size: 0;
	max-width: 420px;
	/*max-height: 1150px;*/
}
.loading_page_4 .wrap .con {
	width: 100%;
	height: 100%;
	max-width: 420px;
	background-image: url("https://file.salondeletter.com/SAMPLE/202302/11/5/e234c74f-3b3b-4854-84ce-9e17e032f98d.png");
	background-size: cover; /* 이미지를 화면에 꽉 채우도록 설정 */
	background-repeat: no-repeat; /* 배경 이미지 반복 설정 제거 */
	background-position: center center; /* 배경 이미지 중앙 정렬 */
}
.loading_page_4 .wrap .con .bg {
	background-color: var(--loading-bg-color);
}
.loading_page_4 .wrap .con svg {
	width: 100vw;
	height: 100vh;
	max-width: 420px;
	/*max-height: 1150px;*/
}
.loading_page_4 .wrap .con svg path {
	/*stroke: url(#loading_pattern);*/
	mask-repeat: no-repeat;
	stroke-dasharray: var(--svg-length);
	stroke-dashoffset: var(--svg-length);
}
.loading_page_4 .wrap .con svg pattern {}
.loading_page_4 .wrap .con svg pattern image {}
.loading_page_4 .wrap .con svg .loading_g {}
.loading_page_4.active .wrap .con .bg {
	animation: bgClear 1000ms ease-out calc(var(--loading-draw-speed) * 1ms + 200ms) 1 forwards;
}
.loading_page_4.active .wrap .con svg path {
	animation: draw calc(var(--loading-draw-speed) * 1ms) ease-in-out forwards;
}

.loading_page_4.active.fix .wrap .con .bg {
	animation: bgClear 300ms ease-out 1500ms 1 forwards;
}
.loading_page_4.active.fix .wrap .con svg path {
	stroke-dashoffset: 0;
	animation: none;
}

/*.loading_page_4.fix .wrap svg path {*/
/*	stroke-dashoffset: 0;*/
/*	animation: none;*/
/*}*/


@keyframes draw {
	from {
		stroke-dashoffset: var(--svg-length);
	}

	to {
		stroke-dashoffset: 0;
	}
}

@keyframes bgClear {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@media (min-height: 1150px) {
	.loading_page_4 {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100vh;
		max-width: 420px;
		background-color: var(--loading-bg-color);

	}
	.loading_page_4 .wrap .con svg {
		/*max-height: 1155px;*/
	}

	.preview_inner .loading_page_4 {
		height: initial;
	}
	.preview_inner .loading_page_4 .wrap .con svg {
		max-height: 820px;
	}
}

.loading_page_5 {
	height: 100%;
	max-width: 420px;
	background: var(--loading-bg-color);
}
.loading_page_5 .wrap {}
.loading_page_5 .wrap .con {}
.loading_page_5 .wrap svg {
	fill:none;
	overflow: visible;
	stroke-width: 6px;
	width: 100%;
	height: 100vh;
}
.loading_page_5 .wrap svg path {
	stroke: var(--loading-ft-color);
	stroke-dasharray: var(--svg-length);
	stroke-dashoffset: var(--svg-length);
}

.loading_page_5.active .wrap svg path {
	animation: path_ calc(var(--loading-draw-speed) * 1ms) ease-in-out forwards;
}

.loading_page_5.fix .wrap svg path {
	stroke-dashoffset: 0;
	animation: none;
}

.loading_page_5 .loading_g {}
@keyframes path_ {
	from {
		stroke-dashoffset: var(--svg-length);
	}

	to {
		stroke-dashoffset: 0;
	}
}



#user_wrap .header {
	position: fixed;
	top: 0;
	height: 40px;
	box-shadow: 0 8px 8px -8px rgba(0, 0, 0, .2);
	/*border-bottom: 1px solid var(--line-color);*/
	z-index: 25;
	width: 100%;
	max-width: 420px;
	background: var(--background);
	display: none;
	/*background: transparent;*/
}

#user_wrap .header .mobile_nav_btn {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: auto;
	width: 40px;
	height: 40px;
	/*display: none;*/
	cursor: pointer;
	z-index: 100;
	transition: 0.5s;
}
#user_wrap .header .mobile_nav_btn.active {
	background: var(--point-color2);

}

#user_wrap .header .mobile_nav_btn .wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*height: 18px;*/
	/*width: 25px;*/
	height: 14px;
	width: 20px;
}
#user_wrap .header .mobile_nav_btn.active .wrap span {
	background: #fff;
}

#user_wrap .header .mobile_nav_btn span {
	position: absolute;
	height: 2px;
	width: 100%;
	background: #a2a2a2;
	transition: 0.3s;
}

#user_wrap .header .mobile_nav_btn span:nth-child(2),
#user_wrap .header .mobile_nav_btn span:nth-child(3) {
	top: 50%;
	transform: translateY(-50%);
}

#user_wrap .header .mobile_nav_btn span:nth-child(4) {
	bottom: 0;
}

#user_wrap .header .mobile_nav_btn.active span:nth-child(1),
#user_wrap .header .mobile_nav_btn.active span:nth-child(4) {
	opacity: 0;
	visibility: hidden;
}

#user_wrap .header .mobile_nav_btn.active span:nth-child(2) {
	transform: rotate(45deg);
}

#user_wrap .header .mobile_nav_btn.active span:nth-child(3) {
	transform: rotate(-45deg);
}

#user_wrap .header .mobile_menu {
	display: none;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 101%;
	max-width: 420px;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	z-index: 99;
	transition: 0.5s;
	padding: 40px;
	box-sizing: border-box;
}

#user_wrap .header .mobile_menu.active {
	display: block;
}

#user_wrap .header .mobile_menu ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: left;
	border: 1px solid #C9C9C8;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	overflow: scroll;
}

#user_wrap .header .mobile_menu ul li {
	/*margin-bottom: 5px;*/
	animation: moving 0.5s linear;
	animation-fill-mode: both;
	font-size: var(--font-small);
	font-weight: 700;
	padding: 10px 0;
}

/*#user_wrap .header .mobile_menu ul li:nth-child(2) {*/
/*	animation-delay: .1s*/
/*}*/

/*#user_wrap .header .mobile_menu ul li:nth-child(3) {*/
/*	animation-delay: .1s*/
/*}*/

/*#user_wrap .header .mobile_menu ul li:nth-child(4) {*/
/*	animation-delay: .1s*/
/*}*/

/*#user_wrap .header .mobile_menu ul li:nth-child(5) {*/
/*	animation-delay: .1s*/
/*}*/

#user_wrap .header .mobile_menu ul li i {
	opacity: 0;
	margin-right: 5px;
	transition: 0.5s;
}

#user_wrap .header .mobile_menu ul li:hover i {
	opacity: 1;
}

#user_wrap .header .header_name {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: baseline;
	justify-content: center;
	width: 100%;
	text-align: center;
}
#user_wrap .header .header_name span {
	font-size: var(--font-small);
	/*color: var(--dark-blue);*/
}
#user_wrap .header .header_name span:last-of-type {
	/*color: var(--dark-pink);*/
}
#user_wrap .header .header_name i {
	font-size: var(--font-xsmall);
	color: #ffa9a9;
	margin: 0 1px;
}
#user_wrap .header .header_name small {}

.utext {
	font-family: var(--font-family) !important;
	font-size: var(--font-medium) !important;
	line-height: 1.7 !important;
}

.utext * {
	font-family: var(--font-family) !important;
	font-size: var(--font-medium) !important;
	line-height: 1.7 !important;
}

.utext i {
	font-style: italic;
}

.day_al {
	position: fixed;
	top: 0;
	display: none;
	height: 100vh;
	height: calc(var(--vh, 1vh)* 100);
	width: 100vw;
	max-width: 420px;
	background: rgba(0, 0, 0, 0.4);
	color: #333;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	z-index: 91;

}
.day_al.active {
	display: block;
	opacity: 1;
	visibility: visible;
	pointer-events: inherit;
	transition: .3s;

}


.preview_inner .day_al {
	top: calc(50%);
	transform: translateY(-50%) scale(1.007);
	max-height: 820px;
	border-radius: 3px;
	max-width: 420px;
}

/*
레벨2
*/
.day_al .content_box {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) translateY(300%);
	width: 90%;
	background: rgba(255, 255, 255, 1);
	text-align: center;
	padding: 25px 0 25px;
	border-radius: 5px;
	box-shadow: var(--box-shadow);
	transition: .3s;
	will-change: transform;
}
.day_al.active .content_box {
	bottom: 20px;
	transform: translateX(-50%) translateY(0);
	transition: .3s;
}


/*.day_al.active .content_box {*/
/*	transform: translateX(-50%) translateY(-50%);*/
/*}*/
.day_al .content {
	margin-bottom: 15px;
}
.day_al .content:last-of-type {margin-bottom: 0}
.day_al .day_title {
	font-size: 20px;
}
.day_a .name_wrap {}
.day_a .name_wrap .name {}
.day_a .text {}
.day_a .btn_box {}
.day_a .btn_box button {
	background: var(--point-color2);
	color: var(--btn-font-color);
}

.section_title {}
/*section1 type_a */
.section1 {
	background: var(--main-section-background);
	margin-bottom: 30px;
}
.section1.type_a {}
.section1.type_a > div {}
.section1.type_a .main_name {
	display: flex;
	justify-content: space-around;
	align-items: baseline;
	padding: 40px 0;
	font-size: 18px;
	width: 75%;
	margin: 0 auto;
}

.section1.type_a .main_name span {
	font-size: 28px;
	font-weight: 500;
}

.section1.type_a .main_img {
	height: calc(100vh - 237px);
	max-height: calc(850px - 237px);
	min-height: 430px !important;
	/*height: 500px;*/
}

.section1.type_a .main_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section1.type_a .main_locate {
	font-size: 18px;
	text-align: center;
	padding: 30px 0;
}

.section1.type_a .main_locate .time {
	margin-bottom: 20px;
}

.section1.type_a .main_locate .time span {
	font-weight: 500;
}



/*section1 type_b*/

.section1.type_b {
}
.section1.type_b .main_top{
	transform: scale( 0.95 );
	/*width:calc(100% - 50px);*/
	text-wrap: none;
	/*font-family: var(--font-family);*/
	font-family: SunBatang-Light;
	margin:0 auto 8px;

	/*width: 100%;*/
	/*font-size: 50px;*/
	padding: 20px 0;
	/*text-align: center;*/
	/*font-family: var(--font-family);*/
}
.section1.type_b .main_top i{
	/*font-size: 55px ;*/
	font-family: 'Mrs Saint Delafield', cursive !important;
	display: inline-block;
	transform: scale( 1.2 );
}
.section1.type_b .main_middle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: calc(100vh - 346px);
	max-height: calc(850px - 346px);
	min-height: 340px !important;
	/*height: 450px;*/
}
.section1.type_b .main_middle .left_box {
	flex: 2;
	height: 100%;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
}
.section1.type_b .main_middle .left_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.section1.type_b .main_middle .right_box {
	flex: 1;
	margin-left: 10px;
}
.section1.type_b .main_middle .right_box span {
	font-size: 100px;
	font-weight: 600;
	font-family: 'Old Standard TT', serif;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.section1.type_b .main_bottom {
	text-align: center;
}
.section1.type_b .main_bottom .time {
	display: inline-block;
	margin-top: 40px;
	padding: 5px 0;
	border-top: 2px solid var(--black);
	border-bottom: 2px solid var(--black);
}
.section1.type_b .main_bottom .time span {
	font-size: 18px;
	font-weight: 600;
}
.section1.type_b .main_bottom .main_name {
	position: relative;
	margin-top: 18px;
	display: flex;
	align-items: baseline;
	justify-content: center;
}
.section1.type_b .main_bottom .main_name > div {
	display: inline-block;
}
.section1.type_b .main_bottom .main_name span{
	font-size: 30px;
	font-weight: 600;
}
.section1.type_b .main_bottom .main_name i {
	font-style: normal;
	margin: 0 4px;
}

.section1.type_b .main_bottom .main_name::after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	width: 30%;
	height: 3px;
	background: var(--black);

}
.section1.type_b .main_bottom .locate {
	margin-top: 30px;
	padding-bottom: 40px;
}
.section1.type_b .main_bottom .locate span {
	font-size: 18px;
	font-weight: 600;
}

/*section1 type_c*/

.section1.type_c {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	/*max-height: 750px;*/
}
.section1.type_c .main_top {
	position: relative;
	margin: 90px auto 20px;
	width: 100%;
}
.section1.type_c .main_top .main_text{
	position: absolute;
	/*top: 50px;*/
	top: -40px;
	height: 150px;
	width: 100%;
	text-align: center;
}
.section1.type_c .main_top .main_text span {
	font-size: 19px;
	font-weight: 600;
}
.section1.type_c .main_top .type_c_wrap {
	position: relative;
}
.section1.type_c .main_top .img_box {
	position: relative;
	width: calc(100% - 110px);
	min-width: 200px;
	max-width: 280px;
	height: calc(100vh - 254px);
	/*height: 420px;*/
	max-height: 440px;
	/*max-height: calc(850px - 234px);*/
	margin:  0 auto;
	min-height: 413px;
	border-radius: 500px 500px 0 0;
	overflow: hidden;
	border: none;
	box-shadow: var(--box-shadow);
}
.section1.type_c .main_top .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section1.type_c .main_top .main_name {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.section1.type_c .main_top .main_name span {
	position: absolute;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 210px;
	font-size: 30px;
	font-weight: 500;
	/*writing-mode: vertical-lr;*/
}

.section1.type_c .main_top .main_name span b {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	font-weight: inherit;
	/*flex: 1;*/
}

.section1.type_c .main_bottom {
	width: 80%;
	margin:  60px auto 0;
	text-align: center;
	border-top: 1px solid var(--black);
	border-bottom: 1px solid var(--black);
	font-size: 18px;
	font-weight: 600;
	line-height: 40px;
}
.section1.type_c .main_bottom .time {}
.section1.type_c .main_bottom .time span {
	font-weight: 800;
	font-size: 1rem;
}
.section1.type_c .main_bottom .locate {}
.section1.type_c .main_bottom .locate span {}


.section1.type_d {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height: auto;
	max-height: 850px;
	/*font-family: KOTRA_SONGEULSSI;*/
}

.section1.type_d .main_top {
	/*height: 60vh;*/
	width: 100vw;
	max-width: 420px;
	height: calc(100vh - 259px);
	min-height: 408px !important;
	max-height: calc(850px - 259px);
	/*height: 500px;*/
	margin-top: 50px;
	background-image: url("../../img/_d/leaves3.png");
	background-position:center;
	background-size: contain;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}
.section1.type_d .main_top .main_name {
	display: flex;
	flex-direction: column;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	font-family: "Noto Sans KR" , sans-serif;
}
.section1.type_d .main_top .main_name > div {
	min-width: 100px;
}
.section1.type_d .main_top .main_name span {
	font-family: KOTRA_SONGEULSSI, 'SunBatang-Light' , sans-serif;
	display: inline-block;
	font-size: 32px;
	color: #75542D;
	line-height: 1.7;
	font-weight: 200;
}
.section1.type_d .main_top .main_name i {
	font-style: normal;
	margin: 0 4px;
}

.section1.type_d .main_bottom {
	text-align: center;
}
.section1.type_d .main_bottom .main_text {
	margin: 20px 0;
}
.section1.type_d .main_bottom .main_text p {
	font-size: 16px;
}
.section1.type_d .main_bottom .time {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	padding: 0 40px;
}
.section1.type_d .main_bottom .time > span {
	flex: 1;
	line-height: 1.5;
}
.section1.type_d .main_bottom .time > span:first-of-type,
.section1.type_d .main_bottom .time > span:last-of-type {
	flex: 1.5;
	border-top: 1px solid var(--grey);
	border-bottom: 1px solid var(--grey);
}
.section1.type_d .main_bottom .time > span span {
	display: block;
	font-size: 14px;
	line-height: 1.1;
}
.section1.type_d .main_bottom .time > span span:nth-child(2) {
	font-size: 32px;
	color: #75542D;
	font-weight: 600;
}
.section1.type_d .main_bottom .locate {
	margin-bottom: 40px;
}
.section1.type_d .main_bottom .locate span {
	display: block;
	margin-bottom: 10px;
}

.section1.type_e {
	position: relative;
	/*height: 800px;*/
	height: 100vh;
	max-height: 850px;
	min-height: 667px;
}

.section1.type_e .wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	text-align: center;
}
.section1.type_e .wrap .main_top.R {}
.section1.type_e .wrap .main_name {
	position: absolute;
	top: 40px;
	color: #fff;
	/*color: var(--black);*/
	font-family: var(--font-family);
	text-shadow: 0px 0px 5px var(--black);
	font-size: 32px;
	text-align: center;
	display: flex;
	flex-direction: column;
}
.section1.type_e .wrap .main_top.R .main_name {
	right: 40px;
}
.section1.type_e .wrap .main_top.L .main_name {
	left: 40px;
}
.section1.type_e .wrap .main_top.C .main_name {
	left: 50%;
	transform: translateX(-50%);
}
.section1.type_e .wrap .main_top.D {
	display: none;
}


.section1.type_e .wrap .main_name span {
	display: inline;
}

/*.section1.type_e .wrap .main_top.L .main_name.kor,*/
/*.section1.type_e .wrap .main_top.L .main_name.eng {*/
/*	text-align: right;*/
/*}*/
/*.section1.type_e .wrap .main_top.C .main_name.kor,*/
/*.section1.type_e .wrap .main_top.C .main_name.eng {*/
/*	text-align: center;*/
/*}*/
/*.section1.type_e .wrap .main_top.R .main_name.kor,*/
/*.section1.type_e .wrap .main_top.R .main_name.eng {*/
/*	text-align: right;*/
/*}*/

.section1.type_e .wrap .main_name.eng {
	font-family: 'Hurricane', cursive;
}
.section1.type_e .wrap .main_name.eng span {
	display: block;
	line-height: 1;
	font-size: 32px;
}


.section1.type_e .wrap .main_bottom {
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	width: 90%;
	background: rgba(255, 255, 255, 0.65);
	border-radius: 5px;
	padding: 5px 0 15px 0;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.section1.type_e .wrap .main_bottom {
	font-size: 18px;
}
.section1.type_e .wrap .main_bottom .main_text {
	font-family: 'Hurricane', cursive;
	margin:0 auto 8px;
}
.section1.type_e .wrap .main_bottom .main_text.kor {
	font-family: var(--font-family);
	margin: 12px auto;
	display: inline-flex;
	align-items: baseline;
}
.section1.type_e .wrap .main_bottom .main_text.kor > span {
	margin: 0 5px;
}
.section1.type_e .wrap .main_bottom .main_text.eng {
	width: calc(100% - 50px);
}
.section1.type_e .wrap .main_bottom .main_text.eng .textFitted {
}

.layout.reverse_couple_name .section1.type_e .wrap .main_bottom .main_text.row_couple_name .textFitted {
	display: inline-flex !important;
	flex-direction: row-reverse;
	align-items: baseline;
	gap: 5px;
}
.section1.type_e .wrap .main_bottom .main_text.kor span div {
	display: inline-flex !important;
	font-size: 16px !important;
	margin: 0 6px;
}
.section1.type_e .wrap .main_bottom .main_text.kor div span {
	/*display: inline-flex;*/
	font-size: 32px;
	/*min-width: 96px;*/
	justify-content: center;
}

.section1.type_e .wrap .main_bottom .time {
	margin-bottom: 8px;
}
.section1.type_e .wrap .main_bottom .time span {
	font-size: 16px;
}
.section1.type_e .wrap .main_bottom .locate {}
.section1.type_e .wrap .main_bottom .locate span {
	/*display: block;*/
	margin-top: 8px;
}
.section1.type_e .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.section1.type_e .bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*fff*/

.section1.type_f {
	position: relative;
	/*height: 800px;*/
	height: 100vh;
	max-height: 850px;
	min-height: 660px;
}
.section1.type_f .wrap {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.section1.type_f .wrap .main_top {
	position: absolute;
	top: 8%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 65px;
	background-image: url("../../img/_f/title/title_b.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.section1.type_f .wrap .main_name {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 40px);
	text-align: center;
	text-wrap: nowrap;
}

.section1.type_f .wrap .main_name span {
	font-size: 32px;
	font-weight: 400;
}
.section1.type_f .wrap .main_name span.name_wrap {
	display: inline-flex;
	justify-content: center;
	width: 45%;
}
.section1.type_f .wrap .main_name.eng span {
	font-size: inherit;
	font-weight: inherit;
	font-family: "Great Vibes" , cursive !important;
}
.section1.type_f .wrap .main_name .ampersand {
	display: inline-flex;
	height: 28px;
	width: 28px;
	/*width: 10%;*/
	margin: 0 30px;
	background-image: url("../../img/_f/ampersand/ampersand_b.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.section1.type_f .wrap .main_name.eng .ampersand {
	margin: 0 8px;
}
.section1.type_f .wrap .main_date {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	text-align: center;
	transform: translate(-50%, -50%);
	font-weight: 100;
	font-size: 11px;
	font-family: 'Old Standard TT', serif;
	letter-spacing: 3px;
}
.section1.type_f .wrap .main_date .top {
	margin-bottom: 12px;
}
.section1.type_f .wrap .main_date .top span {}
.section1.type_f .wrap .main_date .bottom {}
.section1.type_f .wrap .main_date .bottom span {
}
.section1.type_f .wrap .main_date .bottom span.day {
	position: relative;
	padding: 0 15px 0 25px;
	font-size: 32px;
	font-weight: 600;
	font-family: 'Old Standard TT', serif;
	letter-spacing: 10px;
}
.section1.type_f .wrap .main_date .bottom span.day::before,
.section1.type_f .wrap .main_date .bottom span.day::after {
	content: "";
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	background: #333;
}
.section1.type_f .wrap .main_date .bottom span.day::before {
	left: 10px;
}
.section1.type_f .wrap .main_date .bottom span.day::after {
	right: 10px;
}

.section1.type_f .wrap .main_bottom {
	position: absolute;
	top: 62%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	text-align: center;
}
.section1.type_f .wrap .main_bottom .date {
	margin-bottom: 12px;
	font-weight: 400;
}
.section1.type_f .wrap .main_bottom .date span {}
.section1.type_f .wrap .main_bottom .locate {}
.section1.type_f .wrap .main_bottom .locate span {}

.section1.type_f .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-image: url("../../img/_f/wax/paper_mint.png");*/
	background-image: var(--wax-paper) !important;
	background-repeat: no-repeat;
	background-position: bottom;
}

.section1.type_f .wax {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	/*font-size: 0;*/
	width: 114px;
	height: 114px;
	/*background-image: url("../../img/_f/wax/wax_silver.png");*/
	background-image: var(--wax-stamp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}

.section1.type_f.kor .main_name.eng{
	display: none;
}
.section1.type_f.eng .main_name.kor{
	display: none;
}

.engraved {
	position: absolute;
	top: 48%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--wax-stamp-color);
	color: var(--wax-stamp-color);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	/*color: transparent;*/
	text-shadow: -0px 0px hsla(0,0%,0%,0.2), 0px -0px hsla(0,0%,100%,0.2), -0.5px 0.5px hsla(0,0%,0%,0.2), 0.5px -0.5px hsla(0,0%,100%,0.2), -1px 1px hsla(0,0%,0%,0.2), 1px -1px hsla(0,0%,100%,0.2), -1.5px 1.5px hsla(0,0%,0%,0.2), 1.5px -1.5px hsla(0,0%,100%,0.2), 0px 0px 4.5px hsla(0,0%,0%,1);
	font-size: 30px;
	font-family: 'Viaoda Libre', cursive;
	font-weight: 900;
}

/*white*/
.section1.type_f.white {
	color: #fff;
}

.section1.type_f.white .wrap .main_top {
	background-image: url("../../img/_f/title/title_w.png");
}

.section1.type_f.white .wrap .main_name .ampersand {
	background-image: url("../../img/_f/ampersand/ampersand_w.png");
}

.section1.type_f.white .wrap .main_date .bottom span.day::before,
.section1.type_f.white .wrap .main_date .bottom span.day::after {
	background: #fff;
}


.section1.type_g {
	position: relative;
}
.section1.type_g::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	/*border: 1px solid rgb(243, 241, 239);*/
	border: 1px solid rgba(119, 119, 119, 0.56);
	z-index: 1;
	border-radius: 4px;
}

.section1.type_g .main_img {
	position: relative;
	overflow: hidden;
}

.section1.type_g .main_img .img_box {
	/*max-height: calc(850px - 237px);*/
	/*min-height: 430px !important;*/
	font-size: 0;
	/*height: 100%;*/
	/*height: 100%;*/
	/*min-height: 350px;*/
	/*max-height: 650px;*/
	height: calc(100vh - 225px);
	max-height: calc(850px - 225px);
	min-height: 430px !important;
}
.section1.type_g .main_img .img_box img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.section1.type_g .main_img .gradient {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, transparent 60%, var(--main-section-background-color));
	z-index: 1;
}
.section1.type_g .main_bottom {
	padding: 25px;
	text-align: center;
	font-family: var(--font-family);
	min-height: 225px;
}

.section1.type_g .main_bottom .time {
	margin-bottom: 10px;
	font-size: 16px;
}
.section1.type_g .main_bottom .time .top {
	margin-bottom: 8px;
}
.section1.type_g .main_bottom .time .top span {
	position: relative;
	font-size: 32px;
	font-weight: 400;
}
.section1.type_g .main_bottom .time .top span::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 1px;
	background: #333;

}
.section1.type_g .main_bottom .time .bottom {}
.section1.type_g .main_bottom .locate {
	font-size: 14px;
	margin-bottom: 10px;
}
.section1.type_g .main_bottom .locate span {}


.section1.type_g .main_bottom .name {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	font-size: 21px;
	font-weight: 400;
	width: 60%;
	min-width: 200px;
	margin: 0 auto 20px;
}
.section1.type_g .main_bottom .name > div {
	flex: 1;
}
.section1.type_g .main_bottom .name::after {
	/*content: "";*/
	/*position: absolute;*/
	/*top: 50%;*/
	/*left: 50%;*/
	/*transform: translate(-50%, -50%);*/
	/*!*height: 10px;*!*/
	/*width: 1px;*/
	/*background: #333;*/
}

.section1.type_g .main_bottom .name > div {
	/*min-width: calc(50% - 7px);*/
}
.section1.type_g .main_bottom .name span {}
.section1.type_g .main_bottom .name i.name_i {
	/*width: 14px;*/
	/*height: 1px;*/
	/*display: block;*/
	/*background: #333;*/
	/*font-size: 12px;*/
	/*font-size: 0;*/
	font-family: var(--font-family);
}




.section1.type_h {
	position: relative;
	height: 100vh;
	min-height: 650px;
	max-height: 700px;
}
.section1.type_h.hide_bottom {
	min-height: 600px;
	max-height: 600px;
}
.section1.type_h .wrap {
	position: relative;
	height: 100%;
	padding: 15px;
}
.section1.type_h .wrap .main_top {
	position: relative;
	height: auto;
	width: 100%;
}
.section1.type_h .wrap .main_top .top_wrap {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 40px 0 30px;
	min-height: 520px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
	background: linear-gradient(to top, #fafafa 5%, #fff 95%);
}
.section1.type_h .wrap .main_top .top_wrap.off {
	background: transparent;
	box-shadow: none;
}

.section1.type_h .wrap .main_top .img_box {
	margin: 0 auto;
	min-width: 180px;
	width: calc(100% - 70px);
	height: 355px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
.section1.type_h .wrap .main_top .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section1.type_h .wrap .main_top .top_text_box {
	position: absolute;
	top: 60px;
	right: 2%;
}
.section1.type_h .wrap .main_top .top_text_box .text {
	/*font-size: var(--font-regular);*/
	font-size: 15px;
	font-family: var(--font-family);
}
.section1.type_h .wrap .main_top .top_text_box .text p {
	text-align: center;
}
.section1.type_h .wrap .main_top .top_text_box .text:first-child {}
.section1.type_h .wrap .main_top .top_text_box .text span {}

.section1.type_h .wrap .point_word {
	min-width: 280px;
	width: calc(100% - 90px);
	text-align: center;
	font-size: 18px;
	margin: 30px auto 0;
	color: var(--svg-stroke-color);
	visibility: hidden;
}
.section1.type_h .wrap .point_word.active {
	visibility: visible;
}

.section1.type_h .wrap .point_word.on {
	color: transparent;
	font-size: 18px;
}
.section1.type_h .wrap .point_word.on span {
	display: inline-block;
	text-shadow: 0 0 40px var(--svg-stroke-color);
	animation: smoky_2 2s .5s both;
	opacity: 0;
}

@keyframes smoky_2 {
	30% {
		text-shadow: 0 0 20px var(--svg-stroke-color);
	}
	to {
		opacity: 1;
		text-shadow: 0 0 0 var(--svg-stroke-color);
	}
}

@for $item from 1 through 21 {
	span:nth-of-type(#{$item}) {
		animation-delay: #{($item/10)}s;
	}
}


.section1.type_h .wrap .svg_text {
	display: none;
	position: absolute;
	top: 390px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}

.section1.type_h .wrap .svg_text.active {
	display: block;
}

.section1.type_h .wrap .svg_text svg {
	fill:none;
	overflow: visible;
	stroke-width: 10px;
	width: 70%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.section1.type_h .wrap .svg_text svg.rotate {
	transform: rotate(-6deg) translateX(-50%) translateY(-35px);
}
.section1.type_h .wrap .svg_text svg.rotate2 {
	width: 90%;
	transform: rotate(-6deg) translateX(-50%) translateY(-56px);
}
.section1.type_h .wrap .svg_text svg path {
	stroke: var(--svg-stroke-color);
	/*stroke-dasharray: 4111.115234375;*/
	/*stroke-dashoffset: 4111.115234375;*/
	stroke-dasharray: var(--main-svg-polaroid-length);
	stroke-dashoffset: var(--main-svg-polaroid-length);
	animation: svg_draw calc(var(--main-draw-speed) * 1ms) ease-in-out forwards;
}


.section1.type_h .wrap .svg_text.fix svg path {
	stroke-dashoffset: 0;
	animation: none;
}

@keyframes svg_draw {
	100% { stroke-dashoffset: 0; }
}

/* 시작 */
/*.loading_page_5 svg {*/
/*	fill:none;*/
/*	overflow: visible;*/
/*	stroke-width: 10px;*/
/*	width: 100%;*/
/*}*/

/*.loading_page_5 svg path {*/
/*	stroke: var(--svg-stroke-color);*/
/*	stroke-dasharray: 4111.115234375;*/
/*	stroke-dashoffset: 4111.115234375;*/
/*	animation: svg_draw 3700ms ease-in-out forwards;*/
/*}*/

/*@keyframes svg_draw {*/
/*	100% { stroke-dashoffset: 0; }*/
/*}*/
/* 끝*/

.section1.type_h .wrap .main_bottom {
	margin-top: 15px;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	font-size: var(--font-regular);
}
.section1.type_h.hide_bottom .wrap .main_bottom {
	display: none;
}
.section1.type_h .wrap .main_bottom .time {}
.section1.type_h .wrap .main_bottom .time span {}
.section1.type_h .wrap .main_bottom .locate {
	margin-top: 12px;
}
.section1.type_h .wrap .main_bottom .locate .name {}
.section1.type_h .wrap .main_bottom .locate .hall {}


.section1.type_a.type_en {
	font-family: 'Playfair Display', serif;
}
.section1.type_a.type_en .main_name {
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 15px;
}
.section1.type_a.type_en .main_name .name {}
.section1.type_a.type_en .main_name .name span {
	margin-right: 12px;
	font-weight: 400;
}
.section1.type_a.type_en .main_name .name span:last-child {
	margin-right: 0;
}
.section1.type_a.type_en .main_name .and {
	margin: 4px 0;
	font-size: 16px;
	font-family: 'Karla', sans-serif;
}
.section1.type_a.type_en .main_locate {}
.section1.type_a.type_en .main_locate .time {}
.section1.type_a.type_en .main_locate .text_box {}
.section1.type_a.type_en .main_locate .text_box strong {}


.section1.type_i {
	position: relative;
	height: 100vh;
	max-height: 850px;
	min-height: 620px;
}
.section1.type_i .wrap {}
.section1.type_i .text_area {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	color:  #fff;
	font-size: 18px;
	font-weight: 800;
}
.section1.type_i .text_area .name_box {}
.section1.type_i .text_area .name_box .kor_name {
	position: absolute;
	top: 25px;
	font-size: 24px;
}
.section1.type_i .text_area .name_box .b_name .kor_name {right: 15px;}
.section1.type_i .text_area .name_box .g_name .kor_name {left: 15px;}
.section1.type_i .text_area .name_box .eng_name {
	position: absolute;
	top: 70px;
	writing-mode: vertical-rl;
	text-orientation: sideways;
	letter-spacing: 1px;
}
.section1.type_i .text_area .name_box .b_name .eng_name {right: 15px;}
.section1.type_i .text_area .name_box .g_name .eng_name {left: 15px;}

.layout.reverse_couple_name .section1.type_i .text_area .name_box .b_name .kor_name {right: initial; left: 15px}
.layout.reverse_couple_name .section1.type_i .text_area .name_box .g_name .kor_name {left: initial; right: 15px}
.layout.reverse_couple_name .section1.type_i .text_area .name_box .b_name .eng_name {right: initial; left: 15px;}
.layout.reverse_couple_name .section1.type_i .text_area .name_box .g_name .eng_name {left: initial; right: 15px;}

.layout .section1.type_i.reverse_couple_name .text_area .name_box .b_name .kor_name {right: initial; left: 15px}
.layout .section1.type_i.reverse_couple_name .text_area .name_box .g_name .kor_name {left: initial; right: 15px}
.layout .section1.type_i.reverse_couple_name .text_area .name_box .b_name .eng_name {right: initial; left: 15px;}
.layout .section1.type_i.reverse_couple_name .text_area .name_box .g_name .eng_name {left: initial; right: 15px;}

.section1.type_i .text_area .date_box {
	position: absolute;
	bottom: 40px;
	right: 15px;
	writing-mode: vertical-rl;
	text-orientation: sideways;
}
.section1.type_i .text_area .date_box .date {}
.section1.type_i .text_area .date_box .time {
	margin-top: 8px;
}
.section1.type_i .text_area .hall_box {
	position: absolute;
	bottom: 40px;
	left: 15px;
	writing-mode: vertical-rl;
	text-orientation: sideways;
}
.section1.type_i .text_area .hall_box .locate {}
.section1.type_i .text_area .hall_box .hall {
	margin-top: 8px;
}
.section1.type_i .bg_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.section1.type_i .bg_box .section1_dimmed {
	position: absolute;
	/*top: 0;*/
	/*left: 0;*/
	/*width: 100%;*/
	/*height: 100%;*/
	/*background-color: #000;*/

	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}
.section1.type_i .bg_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.section1.type_j {
	position: relative;
	height: 100vh;
	max-height: 850px;
	min-height: 620px;
}
.section1.type_j .wrap {}
.section1.type_j .content_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.section1.type_j .svg_text {
	display: none;
	position: absolute;
	/*top: 370px;*/
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}
.section1.type_j .svg_text.active {
	display: block;
}

.section1.type_j .svg_text svg {
	fill:none;
	overflow: visible;
	stroke-width: 10px;
	width: 100%;
}

.section1.type_j .svg_text svg path {
	stroke: var(--main-svg-color);
	/*stroke-dasharray: 4111.115234375;*/
	/*stroke-dashoffset: 4111.115234375;*/
	stroke-dasharray: var(--main-svg-length);
	stroke-dashoffset: var(--main-svg-length);
	animation: svg_draw2 calc(var(--main-draw-speed) * 1ms) ease-in-out forwards;
}


.section1.type_j .svg_text.fix svg path {
	stroke-dashoffset: 0;
	animation: none;
}

@keyframes svg_draw2 {
	100% { stroke-dashoffset: 0; }
}
.section1.type_j .content_box .text_box {
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: var(--svg-stroke-color);
}
.section1.type_j .content_box .text_box a {
	color: var(--svg-stroke-color);
}
.section1.type_j .bg_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.section1.type_j .bg_box .section1_dimmed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}
.section1.type_j .bg_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section1.type_j.info {
	margin-bottom: 150px;
}
.type_j_info {
	display: none;
	position: absolute;
	bottom: -130px;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	text-align: center;
	font-size: 15px;
	line-height: 1.6;
	/*border-bottom: 2px solid rgba(102, 102, 102, 0.5);*/
	/*border-top: 2px solid rgba(102, 102, 102, 0.5);*/
	padding: 12px 0;
	/*box-shadow: var(--box-shadow);*/
}
.type_j_info::after,
.type_j_info::before {
	content: "";
	position:absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	height: 1px;
	background-color: var(--common-font-color);
	box-shadow: 0 0 1px 0 rgba(0 , 0, 0, 0.1);
}
.type_j_info::after {
	bottom: 0;
}
.type_j_info::before {
	top: 0;
}
.section1.type_j.info .type_j_info {
	display: block;
}
.type_j_info .time {
	position: relative;
	font-size: 15px;
}
.type_j_info .locate {}
/*section2*/
.type_k {
	position: relative;
	height: 100%;
	max-height: 850px;
	min-height: 680px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 0;
	background: var(--main-section-background);
}
.type_k .wrap {
}
.type_k .img_wrap {
	height: 100%;
	margin: 0 auto;
}
.type_k .img_wrap .img_box {
	font-size: 0;
	width: calc(100% - 40px);
	max-height: 200px;
	overflow: hidden;
	margin: 0 auto;
}
.type_k .img_wrap .img_box:nth-of-type(2) {
	margin: 20px auto;
}
.type_k .img_wrap .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section2 {
	padding: var(--section-margin);
}

.section2 > div {
	margin: 0 auto;
}


.section2 .img_box {
	display: none;
	width: 36px;
	height: 36px;
	margin-bottom: 50px;
}

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

.section2 .contents {
	text-align: center;
}

.section2 .contents > div {
	font-size: var(--font-medium);
	line-height: 1.7;
	padding:0 30px;
	margin: 0 auto;
}

.section2 .contents > div p,
.section2 .contents > div span {
	font-family: var(--font-family) !important;
	font-size: var(--font-medium) !important;
}

/*section3*/

.section3 {
	padding: var(--section-margin);
}
/*.section3 > div {*/
/*	transform: translateY(10px);*/
/*	opacity: 0;*/
/*	visibility: hidden;*/
/*	transition: .6s;*/
/*}*/

/*.section3.active > div {*/
/*	transform: translateY(0);*/
/*	opacity: 1;*/
/*	visibility: visible;*/
/*}*/

/*.section3.active > div:nth-child(1) {transition-delay: .2s}*/
/*.section3.active > div:nth-child(2) {transition-delay: .4s}*/
.section3 .modal_contact_btn_box {
	text-align: center;
	margin: 45px auto 0;
}
.section3 .tel_wrap {
	text-align: center;
}
.section3 .tel_wrap .tel_inner_wrap {
	display: flex;
	flex-direction: column;
}

.section3 .tel_wrap .tel_list {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
	width: 100%;
}

/*.section3 .tel_wrap .tel_list:last-of-type {margin-bottom: 0}*/

.section3 .tel_wrap > div > span {
	font-size: 1.05rem;
	font-weight: 400;
	margin-right: 6px;
}
.section3 .tel_wrap .tel_list {}
.section3 .tel_wrap > div .p_name {
	display: flex;
	align-items: center;
}
.p_name_inner {}
.section3 .tel_wrap > div .p_name .img_box {
	font-size: 0;
	margin-right: 2px;
	width: 14px;
}

.section3 .tel_wrap > div .p_name .img_box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.section3 .tel_wrap > div .relation {
	/*display: inline-flex !important;*/
	align-items: center;
}

.section3 .tel_wrap > div .relation span {
	font-size: 0.9rem;
	font-weight: 400;
	margin-right: 4px;
	display: inline-block;
}
.section3 .tel_wrap > div .relation span:last-child {
	display: inline-block;
	text-align: center;
	min-width: 32px;
}

.section3 .tel_wrap > div > span.f_name {
	min-width: 37px;
	margin-right: 0;
}

.section3 .tel_wrap > div .name span {}
.section3 .tel_wrap > div .icon {
	margin-left: 10px;
}

.section3 .tel_wrap > div .icon a {
	font-size: 18px;
	color: var(--point-color1);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}

.section3 .tel_wrap .l_btn {
	margin: 35px 0 0;
}


.section3 .tel_wrap2 {
	padding: 0 5px;
	text-align: center;
}
.section3 .tel_wrap2 .img_con {
	display: flex;
	gap: 10px;
	margin: 0 auto;
	justify-content: center;
}
.section3 .tel_wrap2 .img_con .img_box {
	height: 200px;
	border-radius: 3px;
	overflow: hidden;
	font-size: 0;
	min-width: calc(50% - 8px );
	background-color: #e7e7e7;
	box-shadow: var(--box-shadow);
}
.section3 .tel_wrap2 .img_con .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section3 .tel_wrap2 .name_con {
	margin: 20px 0 15px;
	display: flex;
	gap: 5px;
}
.section3 .tel_wrap2 .name_con .name_list {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.section3 .tel_wrap2 .name_con .name_list .name_box {
	font-size: var(--font-small);
}
.section3 .tel_wrap2 .name_con .name_list.groom .name_box {color: var(--groom-color)}
.section3 .tel_wrap2 .name_con .name_list.bride .name_box {color: var(--bride-color)}
.section3 .tel_wrap2 .name_con .name_list .name_box .name {
	font-size: var(--font-medium);
	color: var(--common-font-color);
	margin: 0 4px;
}
.section3 .tel_wrap2 .name_con .name_list .icon {}
.section3 .tel_wrap2 .name_con .name_list .icon a {
	color: var(--point-color1);
}

.section3 .tel_wrap2 .introduce_con {
	display: flex;
	gap: 5px;
}
.section3 .tel_wrap2 .introduce_con .introduce_list {
	flex: 1;
	text-align: center;
	line-height: 1.6 !important;
	font-family: var(--font-family) !important;
	font-size: 15px !important;
}
.section3 .tel_wrap2 .introduce_con .introduce_list p,
.section3 .tel_wrap2 .introduce_con .introduce_list div {
	font-family: var(--font-family) !important;
	font-size: 15px !important;
}
.section3 .tel_wrap2 .relation_con {
	display: flex;
	gap: 5px;
	margin-top: 20px;
}
.section3 .tel_wrap2 .relation_con .relation_list {
	flex: 1;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.section3 .tel_wrap2 .relation_con .relation_list .parents {
	display: inline-flex;
	align-items: center;
	margin-right: 3px;
}
.section3 .tel_wrap2 .relation_con .relation_list .parents span {
	font-size: 13px;
	font-weight: 400;
}
.section3 .tel_wrap2 .relation_con .relation_list .parents span:last-of-type {
	margin-right: 0;
}
span.char_box {
	font-family: 'Nanum Myeongjo', serif !important;
}
.section3 .tel_wrap2 .relation_con .relation_list .parents span.img_box {
	height: 15px;
	width: 15px;
	margin-right: 1px;
	font-size: 0;
}
.section3 .tel_wrap2 .relation_con .relation_list .parents span.img_box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.section3 .tel_wrap2 .relation_con .relation_list .relation {
	font-size: var(--font-small);
	/*display: inline-flex;*/
	/*align-items: center;*/
}
.section3 .tel_wrap2 .relation_con .relation_list .relation span {
	font-size: 13px;
	font-weight: 400;
}

.section3 .tel_wrap2 .modal_contact_btn {
	margin: 55px 0 0;
}

.section3 .tel_wrap3 {}
.section3 .tel_wrap3 .container {}
.section3 .tel_wrap3 .container .con {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 10px;
}
.section3 .tel_wrap3 .container .con.sec {
	flex-direction: row-reverse;
	margin-top: 25px;
}
.section3 .tel_wrap3 .container .con .left {
	flex: 1;
}
.section3 .tel_wrap3 .container .con .left .wrap {
	padding-right: 10px;
}
.section3 .tel_wrap3 .container .con.sec .left .wrap {
	padding-right: initial;
	padding-left: 15px;
}
.section3 .tel_wrap3 .container .con .left .top {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	padding-bottom: 6px;
}
.section3 .tel_wrap3 .container .con .left .top::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	/*background-color: var(--point-color1);*/
	background-color: var(--common-font-color);
}
.section3 .tel_wrap3 .container .con.sec .left .top::after {
	/*background-color: var(--point-color1);*/

}
.section3 .tel_wrap3 .container .con .left .top .name {
	font-size: 1rem;
}
.section3 .tel_wrap3 .container .con .left .top .name small {
	margin-right: 4px;
	color:var(--groom-color)
}
.section3 .tel_wrap3 .container .con.sec .left .top .name small {
	color: var(--bride-color);
}
.section3 .tel_wrap3 .container .con .left .top .eng {

}
.section3 .tel_wrap3 .container .con .left .bottom {}
.section3 .tel_wrap3 .container .con .left .bottom .desc {
	line-height: 1.6;
}
.section3 .tel_wrap3 .container .con .right {
	flex: 1;
}
.section3 .tel_wrap3 .container .con .right .img_box {
	width: 100%;
	min-width: 185px;
	height: 225px;
	box-shadow: var(--box-shadow);
	border-radius: 5px;
	overflow: hidden;
	font-size: 0;
}
.section3 .tel_wrap3 .container .con .right .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section3 .tel_wrap3 .icon.groom a {
	color: var(--point-color1);
}
.section3 .tel_wrap3 .icon.bride a {
	color: var(--point-color1);
}

.section3 .tel_wrap3 .rel_box {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	font-size: 13px;
}
.section3 .tel_wrap3 .desc_box {
	margin-top: 18px;
	line-height: 1.6;
}
.section3 .tel_wrap3 .rel_box .parents {
	display: inline-flex;
	align-items: center;
}
.section3 .tel_wrap3 .rel_box .parents span {
	font-weight: 400;
}
.section3 .tel_wrap3 .rel_box .parents span:last-of-type {
	margin-right: 0;
}
span.char_box {
	font-family: 'Nanum Myeongjo', serif;
}
.section3 .tel_wrap3 .rel_box .parents span.img_box {
	height: 13px;
	width: 13px;
	font-size: 0;
	margin-right: 2px;
}
.section3 .tel_wrap3 .rel_box .parents span.img_box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.section3 .tel_wrap3 .rel_box .relation {
	/*display: inline-flex;*/
	/*align-items: center;*/
}
.section3 .tel_wrap3 .rel_box .relation span {}

.section3 .tel_wrap4 {}

.section3 .tel_wrap4 .con {
	padding: 0 10px;
	margin: 40px 0;
}
.section3 .tel_wrap4 .con:first-of-type {}
.section3 .tel_wrap4 .img_box {
	border-radius: 10px;
	overflow: hidden;
	font-size: 0;
	width: 100%;
	height: 250px;
	box-shadow: var(--box-shadow);
}
.section3 .tel_wrap4 .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section3 .tel_wrap4 .name_box {
	position: relative;
	display: inline-block;
	margin-top: 20px;
	padding-bottom: 6px;
	font-size: 1rem;
	font-weight: 500;
}
.section3 .tel_wrap4 .name_box::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 1px;
	width: 100%;
	background-color: var(--common-font-color);
}
.section3 .tel_wrap4 .sec .name_box::after {
}
.section3 .tel_wrap4 .name_box small {
	color: var(--groom-color);
	margin-right: 4px;
}
.section3 .tel_wrap4 .sec .name_box small {
	color: var(--bride-color);
}
.section3 .tel_wrap4 .name_box .groom {}
.section3 .tel_wrap4 .name_box span.groom {
	color: var(--point-color1);
}
.section3 .tel_wrap4 .name_box span.bride {
	color: var(--point-color1);
}
.section3 .tel_wrap4 .rel_box {
	font-size: .9rem;
	margin-top: 15px;
	display: flex;
	align-items: center;
}
.section3 .tel_wrap4 .desc_box {
	margin-top: 18px;
	line-height: 1.6;
}
.section3 .tel_wrap4 .rel_box .parents {
	display: inline-flex;
	align-items: center;
}
.section3 .tel_wrap4 .rel_box .parents span {
	font-weight: 400;
}
.section3 .tel_wrap4 .rel_box .parents span:last-of-type {
	margin-right: 0;
}
span.char_box {
	font-family: 'Nanum Myeongjo', serif;
}
.section3 .tel_wrap4 .rel_box .parents span.img_box {
	height: 13px;
	width: 13px;
	font-size: 0;
	margin-right: 2px;
}
.section3 .tel_wrap4 .rel_box .parents span.img_box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.section3 .tel_wrap4 .rel_box .relation {
	/*display: inline-flex;*/
	/*align-items: center;*/
}
.section3 .tel_wrap4 .rel_box .relation span {}

.section3 .tel_wrap4 .icon.groom a {
	color: var(--point-color1);
}
.section3 .tel_wrap4 .icon.bride a {
	color: var(--point-color1);
}

.intro_fam_name {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1px;
}
.intro_fam_name .fam_name_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
}
.intro_fam_name .fam_name_box.right {
	align-items: flex-end;
}
.intro_fam_name.has_alias .fam_name_box.right {
	align-items: center;
}
.intro_fam_name .fam_name_box.small {
	font-size: 0.9rem;
}
.intro_fam_name .fam_name_box .name_group {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 1.5rem;
}
.intro_fam_name.has_alias .fam_name_box .name_group {
	min-height: 3rem;
}
.intro_fam_name .fam_name_box .name_group .real_name {
	display: flex;
	align-items: center;
}
.intro_fam_name .fam_name_box .name_group .real_name .angel{
	display: flex;
}
.intro_fam_name .fam_name_box .name_group .real_name .angel .img_box {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 2px;
	width: 14px;
}
.intro_fam_name .fam_name_box .name_group .real_name .angel .img_box img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: contain;
	font-size: 0;
}
.intro_fam_name .fam_name_box .name_group .name {
	display: flex;
	justify-content: space-between;
	min-width: 2.8rem;
}
.intro_fam_name .fam_name_box .name_group .name span {
	min-width: 0.3rem;
}
.intro_fam_name .fam_name_box .name_group .alias_name {
	margin-top: 5px;
	font-size: .85rem;
}
.intro_fam_name .fam_name_box .name_group .alias_name span {}

.intro_fam_name_2 {
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: fit-content;
	margin: 0 auto;
}
.intro_fam_name_2.center {align-items: center}
.intro_fam_name_2.right {align-items: flex-end;}
.intro_fam_name_2.left {align-items: flex-start}
.intro_fam_name_2 .fam_line {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1px;
}
.intro_fam_name_2 .fam_line .fam_name_box {
}
.intro_fam_name_2 .fam_line .fam_name_box.mw {
	min-width: 1.8rem;
}
.intro_fam_name_2 .fam_line .fam_name_box.small {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 21px;
}
.intro_fam_name_2 .fam_line .fam_name_box.small span {
	font-size: .9rem;
}
.intro_fam_name_2 .fam_line .fam_name_box .name_group {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.intro_fam_name_2 .fam_line .fam_name_box .name_group .real_name {
	display: flex;
	align-items: center;
	width: 100%;
	min-width: 2.8rem;
}
.width_init {
	min-width: initial!important;
}
.intro_fam_name_2 .fam_line .fam_name_box .name_group .real_name .angel {
	display: flex;
}
.intro_fam_name_2 .fam_line .fam_name_box .name_group .real_name .angel .img_box {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 2px;
	width: 14px;
}
.intro_fam_name_2 .fam_line .fam_name_box .name_group .real_name .angel .img_box img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: contain;
	font-size: 0;
}
.intro_fam_name_2 .fam_line .fam_name_box .name_group .real_name .name {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.intro_fam_name_2 .fam_line .fam_name_box .name_group .real_name .name span {
	min-width: .3rem;
}
.intro_fam_name_2 .fam_line .fam_name_box .name_group .alias_name {
	margin-top: 5px;
	font-size: .85rem;
}
.intro_fam_name_2 .fam_line .fam_name_box .name_group .alias_name span {}
.intro_fam_name_2 .fam_line {}



	/*section4*/

.section4 {
	position: relative;
	padding: var(--section-margin);
	transform: translateY(10px);
	opacity: 0;
	visibility: hidden;
	transition: .6s;
}

.section4.active {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.section4 .inner {
	width: 100%;
}
.section4 .table_wrap {
	padding: 0 5px;
}
.section4 .table_wrap.type_1 {
	border-bottom: 2px solid var(--point-color1);
	/*padding-bottom: 25px;*/
	width: 95%;
	margin: 0 auto;
}

.section4 table {
	position: relative;
	width: 100%;
}

.section4.active table {}
.section4 .table_wrap.type_1 table caption {
	margin-bottom: 20px;
}

.section4 .table_wrap.type_1 table caption span {
	text-align: left;
	display: block;
	font-size: var(--font-xlarge);
	font-weight: 500;
	color: var(--point-color1);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
}

.section4 .table_wrap.type_1 table thead {
	text-align: center;
	border-top: 2px solid var(--point-color1) ;
}

.section4 .table_wrap.type_1 table thead tr {}
.section4 .table_wrap.type_1 table thead tr th {
	line-height: 3;
	font-size: var(--font-medium);
	font-weight: 600;
}
.section4 .table_wrap.type_1 table thead tr th:first-child {
	color: var(--point-color1);
}

.section4 .table_wrap.type_1 table tbody {
	text-align: center;
}
.section4 .table_wrap.type_1 table tbody tr {
}
.section4 .table_wrap.type_1 table tbody td {
	position: relative;
	line-height: 4;
	font-size: var(--font-medium);
	font-weight: 500;
}

.section4 .table_wrap.type_1 table tbody tr td:first-child {
	/*color: var(--point-color1);*/
}

.section4 .table_wrap table tbody tr td.active {
	color: var(--btn-font-color);
	z-index: 1;
}

.section4 .table_wrap table tbody td.active::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	width: 36px;
	height: 36px;
	background: var(--point-color2);
	border-radius: 50%;
	/*box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);*/
	box-shadow: var(--box-shadow);
}




.section4 .table_wrap table tbody tr td em {
	position: absolute;
	top: 88%;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	width: 100%;
	max-width: 54px;
	color: var(--black);
	text-align: center;
	/*font-size: var(--font-xsmall);*/
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
}

.section4 .table_wrap table tbody tr td.active em {
	display: block;
}

.section4 .d_day {
	margin: 60px 20px;
}

.section4 .d_day .sub_title {
	/*display: block;*/
	text-align: center;
	width: 100%;
	display: inline-flex;
	align-items: baseline;
	justify-content: center;
}

.section4 .d_day .sub_title > span {
	/*min-width: 120px;*/
	display: inline-flex;
	/*align-items: baseline;*/
	align-items: center;
	/*width: auto;*/
	/*text-wrap: none;*/
	/*flex-wrap: nowrap;*/
}

.section4 .d_day .sub_title span {
	font-size: var(--font-regular);
	margin: 0 3px;
}

.section4 .d_day .calc {
	display: flex;
	justify-content: space-between;
	margin-top: 32px;
}

.section4 .d_day.after .calc {
	justify-content: center;
	align-items: center;
}

.section4 .d_day.after .calc p {
	margin-left: 8px;
}
.section4 .d_day.after .calc span::after {
	display: none;
}

.section4 .d_day .calc span {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	/*flex: 1;*/
	font-size: var(--font-large);
	min-width: 60px;
	min-height: 60px;
	border-radius: 50%;
	background: var(--point-color2);
	color: var(--btn-font-color);
	box-shadow: var(--box-shadow);
}

.section4 .d_day .calc span::after {
	content: "Days";
	position: absolute;
	bottom: -22px;
	font-size: var(--font-xsmall);
	font-weight: 500;
	color: #333;
}

.section4 .d_day .calc span:nth-child(2)::after {content: "Hours"}
.section4 .d_day .calc span:nth-child(3)::after {content: "Minutes"}
.section4 .d_day .calc span:nth-child(4)::after {content: "Seconds"}

.section4 .d_day.type_2 {
	margin: 60px 0;
	/*margin: initial;*/
}
.section4 .d_day.type_2 .wrap {
	position: relative;
}
.section4 .d_day.type_2 .img_box {
	width: 100%;
	height: auto;
	box-shadow: var(--box-shadow);
	font-size: 0;
}
.section4 .d_day.type_2 .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section4 .d_day.type_2 .date {
	position: absolute;
	bottom: 50px;
	width: 100%;
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.section4 .d_day.type_2 .date .icon_box {
	font-size: 2rem;
	margin-bottom: 8px;
}
.section4 .d_day.type_2 .date .count {
	font-size: 2.5rem;
	margin-bottom: 8px;
}
.section4 .d_day.type_2 .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%; /* 어두운 영역의 높이 */
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
}
.section4 .table_wrap.type_1 .calendar_caption,
.section4 .table_wrap.type_2 .calendar_caption {
	text-align: center;
	margin-bottom: 30px;
}
.section4 .table_wrap.type_1 .calendar_caption .c_title,
.section4 .table_wrap.type_2 .calendar_caption .c_title {
	font-size: var(--font-large);
	font-weight: 500;
	color: var(--point-color1);
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
	margin-bottom: 16px;
}
.section4 .table_wrap.type_1 .calendar_caption .c_sub,
.section4 .table_wrap.type_2 .calendar_caption .c_sub {
	font-size: var(--font-regular);
	margin-bottom: 6px;
}

.section4 .table_wrap.type_2 .img_box {
	width: calc(100% - 80px);
	/*width: 100%;*/
	height: 300px;
	box-shadow: var(--box-shadow);
	margin: 0 auto 30px;
	overflow: hidden;
	border-radius: 8px;
}

.section4 .table_wrap.type_2 .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;

}

.section4 .table_wrap.type_2 table tbody tr td.active::before {
	/*display: none;*/
	width: 32px;
	height: 32px;
}

.section4 .table_wrap.type_2 table {
	width: 80%;
	min-width: 310px;
	position: relative;
	text-align: center;
	color: #4b4b4b;
	margin: 0 auto;
	font-size: var(--font-medium);
}

.section4 .table_wrap.type_2 table caption {
	line-height: initial;
	text-align: center;
	margin-bottom: 16px;
	padding-bottom: 8px;
	/*border-bottom: 1px solid var(--point-color2);*/
}

.section4 .table_wrap.type_2 table caption p.table_title span {
	font-size: var(--font-large);
	font-weight: 500;
	color: var(--point-color1);
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
	margin-bottom: 16px;
}

.section4 .table_wrap.type_2 table caption p.table_title span small {
	font-size: var(--font-small);
	color: #2f2f2f;
}

.section4 .table_wrap.type_2 table caption p.table_sub {
}

.section4 .table_wrap.type_2 table caption p.table_sub span {
	font-size: 14px;
}

.section4 .table_wrap.type_2 table thead {
	line-height: 3;
}

.section4 .table_wrap.type_2 table thead tr {}
.section4 .table_wrap.type_2 table thead tr th {}
.section4 .table_wrap.type_2 table thead tr th.color {
	color: var(--point-color1);
}
.section4 .table_wrap.type_2 table tbody {}
.section4 .table_wrap.type_2 table tbody tr {}
.section4 .table_wrap.type_2 table tbody tr td {
	position: relative;
	height: 42px;
}
.section4 .table_wrap.type_2 table tbody tr td.active {}
.section4 .table_wrap.type_2 table tbody tr td em {
	display: none;
}
.section4 .table_wrap.type_2 table tfoot {}
.section4 .table_wrap.type_2 table tfoot tr {
	height: 16px;
}
.section4 .c_location {
	line-height: 1.7;
}

/*section5*/
.section5 {
	padding: var(--section-margin);
}
.section5 .inner {
	width: 100%;
}

/*.section5 > div > div {*/
/*	transform: translateY(10px);*/
/*	opacity: 0;*/
/*	visibility: hidden;*/
/*	transition: .6s;*/
/*}*/

/*.section5.active > div > div {*/
/*	visibility: visible;*/
/*	transform: translateY(0);*/
/*	opacity: 1;*/
/*}*/

/*.section5.active > div > div:nth-child(1) {transition-delay: .2s}*/
/*.section5.active > div > div:nth-child(2) {transition-delay: .4s}*/
/*.section5.active > div > div:nth-child(3) {transition-delay: .6s}*/

#user_wrap .section5 .slide_wrap {
	position: relative;
	/*height: ;*/
}
#user_wrap .section5 .swiper-wrapper {
	font-size: 0;
}

#user_wrap .section5 .swiper-wrapper .swiper-slide {
	margin: 0 auto;
}
#user_wrap .section5 .swiper.fixed .swiper-wrapper .swiper-slide {
	/*min-height: 550px;*/
	/*height: 620px !important;*/
	/*max-height: 550px !important;*/
	margin: auto 0;
	width: 100%;
	/*height: 100%;*/
}

#user_wrap .section5 .swiper-wrapper .swiper-slide img {
	width: 100%;
	object-fit: contain;
}
#user_wrap .section5 .swiper-button-next,
#user_wrap .section5 .swiper-button-prev {
	color: #fff;
	height: calc(100% - 60px);
	padding: 0 10px;
	transform: translateY(-50%);
}
#user_wrap .section5 .swiper-button-next::after,
#user_wrap .section5 .swiper-button-prev::after {
	font-size: 18px;
	font-weight: 600;
}
/*#user_wrap .section5 .swiper.fixed .swiper-button-next,*/
/*#user_wrap .section5 .swiper.fixed .swiper-button-prev {*/
/*	color: #333;*/
/*}*/

/*.section5 .slide_box {*/
/*	font-size: 0;*/
/*}*/

/*.section5 .slide_box .slide_list {*/
/*	margin: 0 auto;*/
/*}*/

/*.section5 .slide_box .slide_list img {*/
/*	width: 100%;*/
/*	object-fit: contain;*/
/*}*/

#user_wrap .section5 .slide_wrap .progress_wrap {
	position: absolute;
	/*bottom: -10px;*/
	width: 100%;
	height: 10px;
	background: var(--line-color);
	overflow: hidden;
}

#user_wrap .section5 .slide_wrap .progress_wrap .progress {
	width: 100%;
	height: 100%;
	background: var(--line-color);
	/*background: var(--point-color2);*/
}
#user_wrap .section5 .slide_wrap .progress_wrap .progress span {
	background: var(--point-color2);
}
#user_wrap .section5 .slide_wrap .fraction {
	margin: 20px auto;
	text-align: center;
	font-size: var(--font-small);
	color: #8d8e90;
}

.section5 .btn_box {}
.section5 .btn_box button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	color: #fff;
	font-size: var(--font-large);
	font-weight: 700;
	padding: 10px;
}

.section5 .btn_box button.right_btn { right: 0px;}
.section5 .btn_box button.left_btn {left: 0px;}

/*바둑판*/
.section5 .photo_wrap {}
.section5 .photo_wrap .photo_box {
	display: flex;
	/*justify-content: space-between;*/
	margin: 0 auto;
	flex-wrap: wrap;
	/*gap: .3rem;*/
	gap: 2px;
}
.section5 .photo_wrap .photo_box .photo_list {
	height: 130px;
	/* 바둑판 flex관련 주석 */
	/*max-width: 33%;*/
	flex-basis: 32.9%;
	flex-grow: 1;
}

.section5 .photo_wrap .photo_box .photo_list.add {
	/*display: none;*/
	opacity: 0;
	visibility: hidden;
	height: 0;
	transition: .3s;
}
.section5 .photo_wrap .photo_box .photo_list.add.open {
	/*display: block;*/
	opacity: 1;
	visibility: visible;
	height: 130px;

}

.section5 .photo_wrap .photo_box .photo_list img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section5 .photo_wrap .more_btn_box {
	margin-top: 20px;
}
.section5 .photo_wrap .more_btn_box button {
	display: flex;
	align-items: center;
	font-size: var(--font-medium);
	background: transparent;
	padding: 10px 20px;
	cursor: pointer;
	margin: 0 auto;
	font-family: var(--font-family);
}

.section5 .photo_wrap .more_btn_box button i {margin-left: 5px}


.section5 .gallery_wrap.circle_style {
	overflow-x: scroll !important;
}
.section5 .gallery_wrap.circle_style .x_scroll_box {
	position: relative;
	overflow-x: scroll !important;
	max-width: 1200px;
	height: 550px;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box {
	position: absolute;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: var(--box-shadow);
	animation: hovering 2s infinite linear;
}

.section5 .gallery_wrap.circle_style .x_scroll_box .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_1 {
	top: 15px;
	left: 10px;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_2 {
	top: 160px;
	left: 10px;
	width: 100px;
	height: 100px;
	animation-delay: .1s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_3 {
	top: 290px;
	left: 25px;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_4 {
	top: 430px;
	left: 10px;
	width: 110px;
	height: 110px;
	animation-delay: .2s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_5 {
	top: 0;
	left: 155px;
	width: 110px;
	height: 110px;
	animation-delay: .2s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_6 {
	top: 135px;
	left: 120px;
	width: 160px;
	height: 160px;
	animation-delay: .3s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_7 {
	top: 325px;
	left: 160px;
	width: 160px;
	height: 160px;
	animation-delay: .3s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_8 {
	top: 20px;
	left: 285px;
	width: 160px;
	height: 160px;
	animation-delay: .3s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_9 {
	top: 215px;
	left: 310px;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_10 {
	top: 450px;
	left: 320px;
	width: 90px;
	height: 90px;
	animation-delay: .1s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_11 {
	top: 0;
	left: 475px;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_12 {
	top: 150px;
	left: 445px;
	width: 115px;
	height: 115px;
	animation-delay: .2s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_13 {
	top: 340px;
	left: 385px;
	width: 130px;
	height: 130px;
	animation-delay: .2s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_14 {
	top: 260px;
	left: 510px;
	width: 145px;
	height: 145px;
	animation-delay: .4s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_15 {
	top: 415px;
	left: 520px;
	width: 120px;
	height: 120px;
	animation-delay: .3s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_16 {
	top: 8px;
	left: 620px;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_17 {
	top: 140px;
	left: 580px;
	width: 90px;
	height: 90px;
	animation-delay: .1s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_18 {
	top: 190px;
	left: 670px;
	width: 135px;
	height: 135px;
	animation-delay: .4s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_19 {
	top: 340px;
	left: 660px;
	width: 115px;
	height: 115px;
	animation-delay: .2s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_20 {
	top: 460px;
	left: 720px;
	width: 80px;
	height: 80px;
	animation-delay: .1s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_21 {
	top: 15px;
	left: 770px;
	width: 150px;
	height: 150px;
	animation-delay: .3s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_22 {
	top: 210px;
	left: 825px;
	width: 125px;
	height: 125px;
	animation-delay: .4s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_23 {
	top: 360px;
	left: 800px;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_24 {
	top: 430px;
	left: 930px;
	width: 110px;
	height: 110px;
	animation-delay: .2s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_25 {
	top: 0;
	left: 960px;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_26 {
	top: 145px;
	left: 960px;
	width: 80px;
	height: 80px;
	animation-delay: .1s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_27 {
	top: 310px;
	left: 930px;
	width: 110px;
	height: 110px;
	animation-delay: .2s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_28 {
	top: 90px;
	left: 1070px;
	width: 135px;
	height: 135px;
	animation-delay: .4s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_29 {
	top: 230px;
	left: 1030px;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_30 {
	top: 385px;
	left: 1060px;
	width: 145px;
	height: 145px;
	animation-delay: .4s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_31 {
	top: 8px;
	left: 1190px;
	animation-delay: .1s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_32 {
	top: 150px;
	left: 1214px;
	width: 180px;
	height: 180px;
	animation-delay: .2s;
}

.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_33 {
	top: 302px;
	left: 1153px;
	width: 85px;
	height: 85px;
	animation-delay: .3s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_34 {
	top: 380px;
	left: 1240px;
	width: 160px;
	height: 160px;
	animation-delay: .4s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_35 {
	top: 12px;
	left: 1310px;
	width: 140px;
	height: 140px;
	animation-delay: .1s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_36 {
	top: 160px;
	left: 1410px;
	animation-delay: .2s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_37 {
	top: 300px;
	left: 1360px;
	animation-delay: .3s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_38 {
	top: 400px;
	left: 1450px;
	width: 130px;
	height: 130px;
	animation-delay: .4s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_39 {
	top: 0;
	left: 1500px;
	width: 160px;
	height: 160px;
	animation-delay: .5s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_40 {
	top: 175px;
	left: 1560px;
	animation-delay: .1s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_41 {
	top: 295px;
	left: 1522px;
	width: 100px;
	height: 100px;
	animation-delay: .3s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_42 {
	top: 368px;
	left: 1609px;
	animation-delay: .2s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_43 {
	top: 10px;
	left: 1688px;
	animation-delay: .5s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_44 {
	top: 157px;
	left: 1700px;
	width: 140px;
	height: 140px;
	animation-delay: .1s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_45 {
	top: 314px;
	left: 1740px;
	height: 180px;
	width: 180px;
	animation-delay: .3s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_46 {
	top: 30px;
	left: 1820px;
	height: 130px;
	width: 130px;
	animation-delay: .5s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_47 {
	top: 180px;
	left: 1860px;
	animation-delay: .2s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_48 {
	top: 320px;
	left: 1940px;
	width: 150px;
	height: 150px;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_49 {
	top: 0;
	left: 1965px;
	animation-delay: .2s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_50 {
	top: 140px;
	left: 2000px;
	animation-delay: .4s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_51 {
	top: 272px;
	left: 2100px;
	animation-delay: .5s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_52 {
	top: 0px;
	left: 2125px;
	height: 100px;
	width: 100px;
	animation-delay: .1s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_53 {
	top: 110px;
	left: 2140px;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_54 {
	top: 0;
	left: 2263px;
	width: 180px;
	height: 180px;
	animation-delay: .3s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_55 {
	top: 190px;
	left: 2248px;
	animation-delay: .2s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_56 {
	top: 330px;
	left: 2240px;
	animation-delay: .5s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_57 {
	top: 10px;
	left: 2460px;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_58 {
	top: 161px;
	left: 2398px;
	width: 140px;
	height: 140px;
	animation-delay: .1s;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_59 {
	top: 251px;
	left: 2530px;
}
.section5 .gallery_wrap.circle_style .x_scroll_box .img_box.circle_60 {
	top: 330px;
	left: 2400px;
	width: 140px;
	height: 140px;
	animation-delay: .3s;
}
@keyframes hovering {
	0%,100%{
		transform: translate(0);
	}
	50%{
		transform: translateY(2px);
	}
}

.section5 .gallery_wrap.circle_style .scroll_info {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.25);
	color: #fff;
	font-weight: 600;
	padding: 30px;
	z-index: 1;
	text-align: center;
	border-radius: 5px;
	pointer-events: none;
	opacity: 1;
}

.section5 .preview_num {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 32px;
	font-weight: 600;
	color: #fff;
	z-index: 3;
	background-color: rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;

}

.preview_inner .section5 .preview_num {
	display: block;
}

/*section6*/
.section6 {
	padding: var(--section-margin);
}
/*.section6 > div > div {*/
/*	transform: translateY(10px);*/
/*	opacity: 0;*/
/*	visibility: hidden;*/
/*	transition: .6s;*/
/*}*/

/*.section6.active > div > div {*/
/*	transform: translateY(0);*/
/*	opacity: 1;*/
/*	visibility: visible;*/
/*}*/

/*.section6.active > div > div:nth-child(1) {transition-delay: .2s}*/
/*.section6.active > div > div:nth-child(2) {transition-delay: .4s}*/
/*.section6.active > div > div:nth-child(3) {transition-delay: .6s}*/
/*.section6.active > div > div:nth-child(4) {transition-delay: .8s}*/


.section6 .top_box {}
.section6 .top_box > div {
	text-align: center;
}
.section6 .top_box > div span {
	display: inline-block;
}
.section6 .top_box span {
	display: block;
	text-align: center;
}

.section6 .top_box .locate_name {
	font-size: var(--font-regular);
	font-weight: 500;
}

.section6 .top_box .locate_hall {
	margin: 12px 0;
	font-size: var(--font-medium);
	font-weight: 500;
}

.section6 .top_box .locate_address {
	font-size: var(--font-medium);
}

.section6 .map {
	margin-top: 30px;
}

.section6 .map .map_box {
	height: 300px;
	background: #7e7e7e;
	color: #fff;
	text-align: center;
	box-shadow: var(--box-shadow);
	border-radius: 5px;
}

.section6 .more_view {
	text-align: center;
	margin-top: 30px;
}

.section6 .more_view .bottom_box .navi {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}
.section6 .more_view .bottom_box .navi .map_btn {
	width: 100%;
	background-color: transparent;
	border: 1px solid #466b5e;
	box-shadow: var(--box-shadow);
	padding: 8px;
	/*color: #466b5e;*/
	color: var(--common-font-color);
	display: flex;
	align-items: center;
	justify-content: center;
}
.section6 .more_view .bottom_box .navi .map_btn .img_box {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 6px;
}
.section6 .more_view .bottom_box .navi .map_btn.naver .img_box {}
.section6 .more_view .bottom_box .navi .map_btn .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*.section6 .more_view a {*/
/*	display: inline-block;*/
/*	padding: 10px 60px;*/
/*	text-align: center;*/
/*}*/

.section6 .transportation {
	width: calc(100% - 40px);
	margin: 40px auto 0;
}

.section6 .transportation .trans_box {
	margin-bottom: 40px;
}

.section6 .transportation .trans_box:last-child {
	margin-bottom: 0;
}

.section6 .transportation .trans_box .trans_title {
	font-size: var(--font-regular);
	font-weight: 600;
	color: var(--point-color1);
	margin-bottom: 20px;
}

.section6 .transportation .trans_box .trans_text {}
.section6 .transportation .trans_box .trans_text p {
	font-weight: 500;
	margin-bottom: 5px;
	/*font-family: var(--font-family) !important;*/
	/*font-size: var(--font-medium) !important;*/
	/*line-height: 1.6 !important;*/
}
/*.section6 .transportation .trans_box .trans_text p,*/
/*.section6 .transportation .trans_box .trans_text p span {*/
/*	font-family: var(--font-family) !important;*/
/*	font-size: var(--font-medium) !important;*/
/*	line-height: 1.6 !important;*/
/*}*/

/*section7*/

.section7 {
	padding: var(--section-margin);
	position: relative;
	/*transform: translateY(10px);*/
	/*opacity: 0;*/
	/*visibility: hidden;*/
	/*transition: .6s;*/
}
/*.section7.active {*/
/*	transform: translateY(0);*/
/*	opacity: 1;*/
/*	visibility: visible;*/
/*}*/


.section7 .inner {
	width: calc(100% - 40px);
	margin: 0 auto;
}


.section7.active .inner {
	opacity: 1;
}

.section7 .covid {
	position: relative;
	border: 2px solid var(--point-color2);
	border-radius: 12px;
	text-align: center;
	padding: 0 0 30px 0;
	box-shadow: var(--box-shadow);
}
.section7 .covid .title {
	position: relative;
	top: -25px;
	display: inline-block;
	width: auto;
	min-width: 180px;
	height: 42px;
	color: var(--btn-font-color);
	line-height: 42px;
	margin:  0 auto;
	padding: 0 21px;
	border-radius: 50px;
	background: var(--point-color2);
	font-size: var(--font-regular);
	box-shadow: var(--box-shadow);
}

/*.section7 .covid .title {*/
/*	position: absolute;*/
/*	top: -25px;*/
/*	left: 50%;*/
/*	display: flex;*/
/*	justify-content: center;*/
/*	align-items: center;*/
/*	background: var(--point-color2);*/
/*	font-size: var(--font-regular);*/
/*	font-weight: 300;*/
/*	color: #fff;*/
/*	min-width: 180px;*/
/*	!*max-width: 220px;*!*/
/*	height: 50px;*/
/*	transform: translateX(-50%);*/
/*	border-radius: 50px;*/
/*	padding: 0 10px;*/
/*}*/

.section7 .covid > div {
	font-size: var(--font-medium) !important;
	font-family: var(--font-family) !important;
	font-weight: 400;
	line-height: 1.7;
	width: 85%;
	margin: 0 auto 20px;
	word-break: keep-all;
}
.section7 .covid > div p,
.section7 .covid > div span {
	font-size: var(--font-medium) !important;
	font-family: var(--font-family) !important;
}

.section7 .covid a {
	color: var(--common-font-color);
}

.section7 .covid .l_btn {
	width: 80%;
	padding: 10px 20px;
	box-sizing: border-box;
	word-wrap: break-word;
	color: var(--common-font-color);
}


.section7 .type_2 {
	background-color: rgba(232, 222, 222, 0.35);
	padding: 40px 20px;
	border-radius: 12px;
	box-shadow: var(--box-shadow);
	text-align: center;
	margin-top: 50px;
}

.section7 .type_2 .sub_title {
	font-size: var(--font-large);
	font-weight: initial;
	margin-bottom: 25px;
}

.section7 .type_2 .l_btn {
	margin-top: 20px;
	color: var(--btn-font-color);
	background: var(--point-color2);
	box-shadow: var(--box-shadow);
}

.section17 {
	padding: var(--section-margin);
}
.noti_swiper_title {
	width: 100%;
	margin-bottom: 30px;
}
.noti_swiper_title .swiper-wrapper {}
.noti_swiper_title .swiper-wrapper .title_list {
	position: relative;
	text-align: center;
	padding: 8px 0;
	transition: 0.5s linear;
	color: #777;
	min-height: 41px;
	font-size: 14px;
}
.single .noti_swiper_title .swiper-wrapper .title_list {
	font-size: var(--font-large);
	font-weight: 500;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
}
.noti_swiper_title .swiper-wrapper .title_list::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 100%;
	background: #eee;
	transition: 0.5s linear;
}
.noti_swiper_title .swiper-wrapper .title_list.active {
	/*color: var(--dark-pink);*/
	color: var(--point-color1);
}
.noti_swiper_title .swiper-wrapper .title_list.active::after {
	height: 2px;
	/*background: var(--dark-pink);*/
	background: var(--point-color1);
}
.section17 .single .noti_swiper_title .swiper-wrapper .title_list::after {
	display: none;
}
.section17 .single .noti_swiper_title .swiper-wrapper .title_list.active::after {}
.noti_swiper_con {}
.noti_swiper_con .swiper-wrapper {}
.noti_swiper_con .swiper-wrapper .swiper-slide {}
.noti_swiper_con .swiper-wrapper .swiper-slide .img_box {
	margin-bottom: 12px;
	font-size: 0;
	border-radius: 10px;
}
.noti_swiper_con .swiper-wrapper .swiper-slide .img_box img {
	width: 100%;
	height: auto;
	/*height: 100%;*/
	object-fit: cover;
	object-position: center;
	/*max-height: 200px;*/
	border-radius: 5px;
}
.noti_swiper_con .swiper-wrapper .swiper-slide .text_box {
	text-align: center;
	line-height: 1.7;
	width: 80%;
	margin: 0 auto;
}
.noti_swiper_con .swiper-wrapper .swiper-slide .text_box .desc {}
.noti_swiper_con .swiper-wrapper .swiper-slide .text_box .desc p {}
.noti_swiper_con .swiper-wrapper .swiper-slide .text_box .btn_box {}
.noti_swiper_con .swiper-wrapper .swiper-slide .text_box .btn_box a {
	display: inline-block;
	font-size: var(--font-medium);
	border: 1px solid #7e7e7e;
	border-radius: 4px;
	margin-top: 20px;
	padding: 6px 40px;
	text-decoration: none;
	color: var(--common-font-color);
}


/*section8*/

.section8 {
	padding: var(--section-margin);
}

/*.section8 > div > div {*/
/*	transform: translateY(10px);*/
/*	opacity: 0;*/
/*	visibility: hidden;*/
/*	transition: .6s;*/
/*}*/
/**/
/*.section8.active > div > div {*/
/*	transform: translateY(0);*/
/*	opacity: 1;*/
/*	visibility: visible;*/
/*}*/
/**/
/*.section8.active > div > div:nth-child(1) {transition-delay: .2s}*/
/*.section8.active > div > div:nth-child(2) {transition-delay: .4s}*/
/*.section8.active > div > div:nth-child(3) {transition-delay: .6s}*/

.section8 .textarea {
	text-align: center;
}

.section8 .textarea p {
	line-height: 1.7;
}

.section8 .btn_box {
	margin-top: 60px;
	text-align: center;
}

.section8 .btn_box .l_btn {
	background: var(--point-color2);
	color: var(--btn-font-color);
	border: none;
}

/*section9*/

.section9 {
	padding: var(--section-margin);
}

/*.section9 > div > div {*/
/*	transform: translateY(10px);*/
/*	opacity: 0;*/
/*	visibility: hidden;*/
/*	transition: .6s;*/
/*}*/
/**/
/*.section9.active > div > div {*/
/*	transform: translateY(0);*/
/*	opacity: 1;*/
/*	visibility: visible;*/
/*}*/
/**/
/*.section9.active > div > div:nth-child(1) {transition-delay: .2s}*/
/*.section9.active > div > div:nth-child(2) {transition-delay: .4s}*/
/*.section9.active > div > div:nth-child(3) {transition-delay: .6s}*/
/*.section9.active > div > div:nth-child(4) {transition-delay: .8s}*/

.section9 .img_box {
	text-align: center;
	width: 36px;
	height: 36px;
	margin: 0 auto 20px;
	display: none;
}
.section9 .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section9 .textarea {
	text-align: center;
}

.section9 .textarea p {
	line-height: 1.7;
}

.section9 .account {
	margin-top: 55px;
}
.section9 .account .account_wrap {
	margin-bottom: 15px;
	box-shadow: var(--box-shadow);
	border-radius: 5px;
}
.section9 .account .account_wrap .account_box {
	position: relative;
	/*display: flex;*/
	/*justify-content: space-between;*/
	/*align-items: center;*/
	padding: 10px 20px;
	border: 1px solid #cacaca;
	/*border: 1px solid #333;*/
	font-size: var(--font-regular);
	font-weight: 500;
	color: var(--groom-color);
	border-radius: 5px;
	transition: 0.5s;
}

.section9 .account .account_wrap .account_box.active {
	border-radius: 5px 5px 0 0;
}

.section9 .account .account_wrap .account_box i {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	color: #837f7f;
	transition: 0.5s;
}
.section9 .account .account_wrap .account_box.active i {
	transform: translateY(-50%) rotateX(-180deg);
}
.section9 .account ul {
	display: none;
}
.section9 .account ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #cacaca;
	border-top: none;
	padding: 15px 20px;
}

.section9 .account ul li:last-child {
	border-radius: 0 0 5px 5px;
}

.section9 .account ul li .left_box {}
.section9 .account .account_wrap.groom ul li .left_box h4 {
	color: var(--groom-color);
}
.section9 .account .account_wrap.bride ul li .left_box h4 {
	color: var(--bride-color);
}
.section9 .account ul li .left_box h4 {
	font-weight: 600;
	margin-bottom: 15px;
}
.section9 .account ul li .left_box .acc_num {
	margin-bottom: 5px;
}

.section9 .account ul li .left_box .acc_name {}
.section9 .account ul li .left_box .acc_name span {}
.section9 .account ul li .right_box {
	display: flex;
	flex-direction: column;
}

.section9 .account ul li .right_box a {}
.section9 .account ul li .right_box .kakao_btn {
	background-image: url("../../img/admin/pay.png");
	background-position: center;
	background-size: 75%;
	background-color: #F9EB37;
	background-repeat: no-repeat;
	color: transparent;
	border: none;
}

.section9 .account ul li .right_box a:first-child {
	margin-bottom: 5px;
	border: 1px solid var(--line-color);
}
.section9 .account .account_wrap .account_box.bride_account {
	color: var(--bride-color);
}

/*section10*/
.section10 {
	padding: var(--section-margin);
}

/*.section10 > div > div {*/
/*	transform: translateY(10px);*/
/*	opacity: 0;*/
/*	visibility: hidden;*/
/*	transition: .6s;*/
/*}*/
/**/
/*.section10.active > div > div {*/
/*	transform: translateY(0);*/
/*	opacity: 1;*/
/*	visibility: visible;*/
/*}*/
/**/
/*.section10.active > div > div:nth-child(1) {transition-delay: .2s}*/
/*.section10.active > div > div:nth-child(2) {transition-delay: .4s}*/
/*.section10.active > div > div:nth-child(3) {transition-delay: .6s}*/

.section10 .board {}
.section10 .board .board_list {
	padding: 0 10px;
}
.section10 .board .board_list li {
	position: relative;
	box-shadow: var(--box-shadow);
	margin-bottom: 20px;
	padding: 30px 15px 20px;
	font-size: 1rem;
	min-height: 100px;
	/*background: url("../../img/bg/bg_img_grey.png");*/
	/*background-color: var(--ivory);*/
	background: rgba(255, 255, 255, 0.5);
	/*background-image: linear-gradient(#e7e5da .1em, transparent .1em);*/
	/*background-size: 100% 1.45rem;*/
	border-radius: 5px;
}

.section10 .board .board_list li:last-child {
	margin-bottom: 0;
}

.section10 .board .board_list li .top_box {
	/*display: flex;*/
	/*justify-content: space-between;*/
	/*align-items: center;*/
	margin-bottom: 15px;
}

.section10 .board .board_list li .top_box .name {
	font-weight: 600;
	color: var(--point-color1);
}
.section10 .board .board_list li .top_box .date {
	font-size: var(--font-xsmall);
	font-weight: 400;
	color: #555;
	margin-left: 10px;
}

.section10 .board .board_list li .bottom_box {}
.section10 .board .board_list li .bottom_box .contents {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 1.7;
	font-size: .95rem;
}

.section10 .board .board_list li a {
	position: absolute;
	top: 14px;
	right: 10px;
}

.section10 .board .btn_box {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	padding: 0 10px;
}
.section10 .board .btn_box a {
	color: var(--common-font-color);
}
.section10 .board > p {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: var(--font-medium);
	color: var(--point-color1);
	margin: 40px 0;
	line-height: 1.7;
}

/*section11*/

.section11 {
	position: relative;
	padding: var(--section-margin);
}

.section11 .img_box {
	position: relative;
	height: 100%;
	font-size: 0;
}

.section11 .img_box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.section11 .img_box .text_box {
	position: absolute;
	width: 100%;
	font-size: initial;
	padding: 20px 10px;
	top: 0;
	text-align: center;
	z-index: 2;
}
.section11 .img_box .text_box.top {
	top: 0;
}
.section11 .img_box .text_box.middle {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.section11 .img_box .text_box.bottom {
	top: 100%;
	transform: translateY(-100%);
}

.section11 .img_box .text_box {
}
.section11 .img_box .text_box p {}

.section11 .img_box .dimmed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--ending-dimmed-color);
	z-index: 1;
}

.section11 .img_box .dimmed.white {
	background: rgba(255, 255, 255, 0.1);
}


/*section12*/

.section12 {
	padding: var(--section-margin);
}

.section12 > div {
	margin: 0 auto;
}

.section12 .contents {
	text-align: center;
}

.section12 .contents h4 {
	font-size: var(--font-large);
	font-weight: 400;
	color: var(--point-color1);
	margin-bottom: 30px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
}

.section12 .contents > div {
	font-size: var(--font-medium);
	line-height: 1.7;
	padding:0 20px;
	/*width: 80%;*/
	margin: 0 auto;
}

.section12 .contents > div p,
.section12 .contents > div span {
	font-family: var(--font-family) !important;
	font-size: var(--font-medium) !important;
}

.section12 .img_box {
	height: 300px;
	margin-top: 60px;
	box-shadow: var(--box-shadow);
}

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

/*section15*/
.section15 {
	padding: var(--section-margin);
}
.section15 .wreath_inner {
	padding: 0 10px;
}
.section15 .wreath_inner .wreath {
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: relative;
	box-shadow: var(--box-shadow);
	margin-bottom: 20px;
	padding: 20px 15px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
}
.section15 .wreath_inner .wreath.reject {
	padding: 20px 15px;
}
.section15 .wreath_inner .wreath.reject {
	text-align: center;
}
.section15 .wreath_inner .wreath .img_box {
	width: 80px;
	font-size: 0;
}
.section15 .wreath_inner .wreath .img_box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.section15 .wreath_inner .wreath .desc_box {}
.section15 .wreath_inner .wreath .desc_box .wreath_title {
	margin-bottom: 8px;
}
.section15 .wreath_inner .wreath .desc_box .wreath_title h3 {
	font-size: var(--font-regular);
	color: var(--point-color1);
}
.section15 .wreath_inner .wreath .desc_box {}
.section15 .wreath_inner .wreath .desc_box p {
	font-size: var(--font-medium);
	line-height: 1.7;
}
/*section13*/

.section13 {
	padding: var(--section-margin);
}

.section13 .ing {
	text-align: center;
}

.section13 .ing span {
	display: block;
}

.section13 .ing span:first-child {
	margin-bottom: 20px;
}

/*section14*/

.section14 {
	padding: var(--section-margin);
}

.section14 .textarea {
	margin-bottom: 40px;
}
.section14 .textarea p {
	font-size: var(--font-medium);
	line-height: 1.7;
	text-align: center;
}
.section14 .textarea p:last-child {}
.section14 .img_box {
	width: 36px;
	height: 36px;
	margin: 0 auto 50px;
	display: none;
}
.section14 .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section14 .btn_box {
	text-align: center;
}
.section14 .btn_box a {
	background: var(--point-color2);
	color: var(--btn-font-color) !important;
	border: none;
}
.section14 .inner {
	width: 100%;
}
.section14 .container {}
.section14 .container ul {}

.section14 .container ul li {
	padding: 30px 20px;
	border-bottom: 1px dashed var(--line-color);
}
.section14 .container ul li:first-child {
	padding: 0 20px 30px;
}
.section14 .container ul li .list_title {
	margin-bottom: 15px;
	color: var(--point-color1);
	font-size: var(--font-medium);
	font-weight: 700;
}
.section14 .container ul li .list_title span {}

/*1109*/
.section14 .container ul li .list_answer {
	line-height: 1.7;
	/*padding: 0 0 0 10px;*/
}
/*.section14 .container ul li .list_answer > div {*/
/*	font-family: var(--font-family) !important;*/
/*	font-size: var(--font-answer) !important;*/
/*}*/
/*.section14 .container ul li .list_answer > div span,*/
/*.section14 .container ul li .list_answer > div p {*/
/*	font-family: var(--font-family) !important;*/
/*	font-size: var(--font-answer) !important;*/
/*}*/

.section16 {
	padding: var(--section-margin);
}
.section16 .inner {
	font-size: 0;
}
.section16 .inner iframe {
	width: 100%;
	object-fit: contain;
}

.section18 {
	padding: var(--section-margin);
}
.section18 > .inner {}
.section18 .title {}
.section18 .timeline_wrap {}
.section18 .timeline_wrap .sub_title {
	font-size: var(--font-large);
	font-weight: 500;
	color: var(--point-color1);
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
}
.section18 .timeline_wrap .content_wrap {
	position: relative;
	padding: 20px 0;
}

.section18 .timeline_wrap .content_wrap::before{
	content:"";
	position:absolute; top:0; bottom:0; left:50%;
	transform:translateX(-50%);
	width:2px; background:#ebe9ef;
}


.section18 .timeline_wrap .content_wrap .contents {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 165px;
}

/*활성화*/
.section18 .timeline_wrap .content_wrap {
	position: relative;
}

.section18 .timeline_wrap .content_wrap::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ebe9ef;
	width: 2px;
	background: #ebe9ef;
	top: var(--spine-start, 0px);
	height: var(--spine-height, 0);
}

.section18 .timeline_wrap .content_wrap .contents::after { content: none; }
/*활성화*/

/*비활성화*/
/*.section18 .timeline_wrap .content_wrap .contents::after {*/
/*	content: "";*/
/*	position: absolute;*/
/*	top: 0;*/
/*	left: 50%;*/
/*	transform: translateX(-50%);*/
/*	background-color: #ebe9ef;*/
/*	width: 2px;*/
/*	height: 100%;*/
/*}*/
.section18 .timeline_wrap .content_wrap .contents:first-of-type::after {
	height: 50%;
	top: initial;
	bottom: 0;
}
.section18 .timeline_wrap .content_wrap .contents:last-child::after {
	height: 50%;
}
.section18 .timeline_wrap .content_wrap .contents.reverse {
	flex-direction: row-reverse;
}
.section18 .timeline_wrap .content_wrap .contents .con_1 {
	flex: 1;
	padding: 0 20px;
	text-align: center;
}
.section18 .timeline_wrap .content_wrap .contents .con_1 .img_box {
	width: 120px;
	height: 120px;
	margin: 0 auto 10px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: var(--box-shadow);
}
.section18 .timeline_wrap.sq .content_wrap .contents .con_1 .img_box {
	border-radius: 5px;
}
.section18 .timeline_wrap .content_wrap .contents .con_1 .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section18 .timeline_wrap .content_wrap .contents .con_1 .text_box {
	font-size: var(--font-regular);
	/*color: var(--point-color1);*/
	font-family: 'Playfair Display', var(--font-family), serif;
	color: #9a9da2
}
.section18 .timeline_wrap .content_wrap .contents .con_1 .text_box.no_img {
	font-size: 25px;
	color: #9a9da2
}
.section18 .timeline_wrap .content_wrap .contents .con_2 {
	flex: 1;
	padding: 0 20px 4px;
	/*border-left: 1px solid #ebe9ef;*/

}
.section18 .timeline_wrap .content_wrap .contents .con_2 .con_title {
	margin-bottom: 10px;
	text-align: center;
}
.section18 .timeline_wrap .content_wrap .contents .con_2 .con_des {
	font-size: var(--font-medium-s);
	line-height: 1.6;
}
.section18 .timeline_wrap .content_wrap .contents .step_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	background-color: var(--point-color1);
	border-radius: 50%;
	z-index: 1;
	text-align: center;
	box-shadow: var(--box-shadow);
}


.section19 {
	padding: var(--section-margin);
}
.qna_wrap {}
.qna_wrap .qnas {}
.qna_wrap .qnas .qna_list {
	padding: 30px 20px;
	border-bottom: 1px dashed var(--line-color);
}
.qna_wrap .qnas .qna_list:last-child {}
.qna_wrap .qnas .qna_list .list_title {
	margin-bottom: 15px;
	color: var(--point-color1);
	font-size: var(--font-medium);
	font-weight: 700;
}
.qna_wrap .qnas .qna_list .list_body {
	line-height: 1.7;
}

.section_snap {
	position: relative;
	/*min-height: 550px;*/
	display: flex;
	align-items: center;
	text-align: center;
	padding: var(--section-margin);
}

.section_snap > .inner {
	/*border: 2px solid var(--point-color2);*/
	/*padding: 30px 0 !important;*/
	/*border-radius: 12px;*/
}

.section_snap .text_box {
	/*border: 2px solid var(--point-color2);*/
	/*border-radius: 12px;*/
	width: calc(100% - 20px);
	margin: 0 auto;
	/*border-bottom: 2px solid var(--point-color2);*/
}
.section_snap .sub_title {
	margin-top: -30px;
	margin-bottom: 30px;
	/*margin-bottom: 20px;*/
}
.section_snap .img_box {
	width: calc(100% - 50px);
	/* width: 100%; */
	height: 300px;
	box-shadow: var(--box-shadow);
	margin: 0 auto 30px;
	overflow: hidden;
	border-radius: 8px;
}
.section_snap .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section_snap .utext {
	color: #444242;
}
.section_snap .bottom_wrap {
	width: calc(100% - 50px);
	padding: 30px 10px;
	background-color: #f8f4f1;
	background-color: var(--snap-bg);
	/*background-color: #F1F4F1;*/
	margin: 0 auto;
	border-radius: 4px;
	box-shadow: var(--box-shadow);
}
.section_snap .date_box {
	line-height: 1.7;
	/*font-size: .9rem;*/
	padding-bottom: 20px;
	border-bottom: 1px dashed #939393;
	width: 100%;
	margin: 0 auto 20px;
}
.section_snap .date_box p {
}
.section_snap .btn_box {
	margin-top: 20px;
}
.section_snap .btn_box .user_btn_common.disabled span {}
#user_wrap .user_btn_common {
	box-shadow: var(--box-shadow);
	background: var(--point-color2);
	color: var(--btn-font-color);
	border-radius: 4px;
	border: none;
	padding: 10px 25px;
	font-family: var(--font-family);
}
#user_wrap  .section_snap .btn_box .user_btn_common.disabled {
	/*background-color: #cbcbcb;*/
	/*color: #5e5c5c;*/
	/*opacity: .5;*/
	background-color: #ECECEC;
	color: #b6b6b6;
}
#user_wrap .footer {
	text-align: center;
	padding: 30px 10px 60px;
}
#user_wrap .footer .logo {}
#user_wrap .footer .logo a {}
#user_wrap .footer .logo a img {
	width: 100%;
	/*width: 150px;*/
	/*height: 100%;*/
	height: 23px;
	object-fit: contain;
}
#user_wrap .footer ul {
	margin-top: 10px;
	font-size: 9px;
}
#user_wrap .footer ul li {}
#user_wrap .footer ul li a {}


/*preview 미리보기*/

.preview_inner #user_wrap .header .mobile_menu {
	max-width: 420px;
	max-height: 820px;
}

.preview_inner #user_wrap .header_wrap {
	width: 100%;
	max-width: 420px;
	/*height: 100vh;*/
	height: 100%;
	max-height: 820px;
	position: fixed;
	top: calc(50%);
	transform: translateY(-50%);
	pointer-events: none;
	z-index: 25;
	overflow: hidden;
	border-radius: 3px;

}
.preview_inner #user_wrap .header_wrap .header {
	position: absolute;
	pointer-events: all;
}

.preview_inner .loading_wrap {
	max-width: 420px;
	max-height: 820px;
	top: calc(50%);
	transform: translateY(-50%) scale(1.01);
	border-radius: 3px;
	overflow: hidden;
}
.preview_inner .loading_page_5 .wrap,
.preview_inner .loading_page_4 .wrap {
	max-height: 820px;
}
.preview_inner .loading_page_5 .wrap .con svg,
.preview_inner .loading_page_4 .wrap .con svg {
	max-height: 820px;
}
.preview_inner .rsvp_popup {
	top: calc(50%);
	transform: translateY(-50%) scale(1.007);
	max-height: 820px;
	border-radius: 3px;
	max-width: 420px;
}
.preview_inner .rsvp_popup .popup_wrap {
	width: calc(100% - 90px);
}

.preview_inner #user_wrap .modal_dimmed {
	max-height: 820px;
	top: calc(50%);
	border-radius: 3px;
}
.preview_inner #user_wrap .modal_dimmed.active {
	transform: translateY(-50%) scale(1.007);
}

.preview_inner .layout .user_music_box {
	top: calc(50%);
	transform: translateY(-50%);
	height: 100vh;
	height: 100%;
	max-height: 820px;
	border-radius: 3px;
	overflow: hidden;
	max-width: 420px;
}
.preview_inner .layout .music_btn_box {
	top: calc(50%);
	transform: translateY(-50%);
	height: 100vh;
	height: 100%;
	max-height: 820px;
}

.preview_inner .layout .music_btn_box .mute {}
.preview_inner .layout .quick_btn {
	top: calc(50%);
	transform: translateY(-50%);
	/*height: 100vh;*/
	height: 100%;
	max-height: 820px;
	border-radius: 3px;
}

.preview_inner .watermark2 {display: none}

.preview_inner #user_wrap .m_wrap .slide_wrap .slide_box .slide_list {
	max-height: 820px;
}



/*login*/
.login_wrap {
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	/*height: 100%;*/
}
.login_wrap .inner {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid #C9C9C8;
	width: calc(100% - 80px);
	height: calc(100% - 80px);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.login_wrap .inner .logo {
	margin-bottom: 30px;
}
.login_wrap .inner .logo h1 {
	width: 180px;
	margin: 0 auto;
}
.login_wrap .inner .logo h1 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.login_wrap .inner .input_box {
	text-align: center;
	margin-bottom: 30px;
}
.login_wrap .inner .input_box .password {
	margin-bottom: 16px;
}
.login_wrap .inner .input_box .password input {
	border: none;
	border-bottom: 1px solid #333;
	width: 100%;
	padding: 5px 10px;
	background: transparent;
	font-size: 16px;
}
.login_wrap .inner .input_box .password input::placeholder {
	color: var(--line-color);
}
.login_wrap .inner .input_box .submit {
}
.login_wrap .inner .input_box .submit .submit_btn {
	display: inline-block;
	padding: 8px 20px;
	border-radius: 5px;
	transition: 0.3s;
	width: 50%;
	background: transparent;
	color: #333;
	border: 1px solid #484747 !important;
}

.login_wrap .inner .input_box .submit .submit_btn:active {}
.login_wrap .inner .desc {
	padding: 0 15px 20px;
}
.login_wrap .inner .desc p {
	font-size: 14px;
	line-height: 1.7;
}
.login_wrap .inner .desc p.small {
	font-size: 12px;
}
.login_wrap .inner .desc p i {}


@keyframes left_moving {
	0% {
		opacity: 0;
		transform: translateX(-40px);
		/*transform: rotate(15deg);*/
	}

	100% {
		opacity: 1;
		transform: translateX(0);
		/*transform: rotate(0);*/
	}
}

@keyframes right_moving {
	0% {
		opacity: 0;
		transform: translateX(40px);
		/*transform: rotate(15deg);*/
	}

	100% {
		opacity: 1;
		transform: translateX(0);
		/*transform: rotate(0);*/
	}
}


@keyframes effect {
	0% {
		transform: translateY(10px);
		visibility: hidden;
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		visibility: visible;
		opacity: 1;
	}
}

@keyframes loading_page {
	0%{background-position:20% 0%}
	50%{background-position:100% 50%}
	100%{background-position:50% 0%}
}


@keyframes typing {
	from {
		width: 0
	}
}

@keyframes blink {
	50% {
		border-color: transparent
	}
}

@keyframes moving {
	0% {
		opacity: 0;
		transform: translateX(-50px);
		/*transform: rotate(15deg);*/
	}

	100% {
		opacity: 1;
		transform: translateX(0);
		/*transform: rotate(0);*/
	}
}




.wave_wrap {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0;
	width: 100%;
}
.wave_wrap.bottom {
	bottom: 0;
}
.wave_wrap.top {
	top: 0;
	transform: translateX(-50%) rotateX(180deg);
}
.waves {
	width: 100%;
}
/* Animation */
.parallax > use {
	animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 7s;
	fill: var(--main-section-background-color);
	fill-opacity: 0.7;
}
.parallax > use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 10s;
	fill: var(--main-section-background-color);
	fill-opacity: 0.5;
}
.parallax > use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 13s;
	fill: var(--main-section-background-color);
	fill-opacity: 0.3;
}
.parallax > use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 20s;
	fill: var(--main-section-background-color);
	fill-opacity: 1;
}

@keyframes move-forever {
	0% {
		transform: translate3d(-90px,0,0);
	}
	100% {
		transform: translate3d(85px,0,0);
	}
}
.waves {
	height:30px;
	min-height:30px;
}

.section10 .type_2 {
	background-color: #B2C8DF;
	padding: 20px 0;
}
.section10 .type_2 > .inner {
	position: relative;
	height: 500px;
}
.speech_bubble {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	color: #2f2f2f;
	border-radius: 30px;
	max-width: 100px;
	text-align: center;
	padding: 10px 20px;
	transition: 0.5s linear;
	box-shadow: var(--box-shadow);
	cursor: pointer;
	z-index: 1;
}
.speech_bubble.active {
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 300px;
	max-width: initial;
	z-index: 2;
	padding: 15px 15px;
	border-radius: 10px;
}

.speech_bubble::before {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 50%;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
	/*margin-left: -5px; !* 화살표 중앙 정렬을 위한 값 *!*/
	/*border-width: 5px;*/
	/*border-style: solid;*/
	/*border-color: #fff transparent transparent transparent; !* 화살표 색상과 일치시킴 *!*/
	transition: 0.5s;
	box-shadow: 2px 1px 4px -1px rgba(0, 0, 0, 0.25);
	background-color: #fff;
}
.speech_bubble .top_box {
	text-align: left;
}
.speech_bubble .top_box .name {
	display: inline-block;
}
.speech_bubble .top_box .date {
	display: none;
	font-size: var(--font-xsmall);
	margin-left: 8px;
}
.speech_bubble .bottom_box {
	display: none;
	padding: 10px 0;
}
.speech_bubble .bottom_box .contents {}
.speech_bubble button {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	padding: 5px;
	border: none;
	background-color: transparent;
	font-size: var(--font-large);
	color: #fff;
}
.speech_bubble.active .top_box .date {
	display: inline-block;
}
.speech_bubble.active .bottom_box,
.speech_bubble.active button {
	display: block;
}

.speech_bubble.active::before {
	border-color: transparent;
}

.section10 .type_2 .inner .container {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#topic {
	position: absolute;
	color: #575757;
	font-size: var(--font-medium);
	/*margin-bottom: 20px;*/
	/*border: 1px solid #eee;*/
	/*border-radius: 50%;*/
	display: flex;
	/*display: none;*/
	align-items: center;
	justify-content: center;
	flex-direction: column;
	/*gap: 4px;*/
	/*width: 100px;*/
	/*height: 100px;*/
	text-align: center;
	z-index: 1;
	/*background-color: #fff;*/
	/*box-shadow: 1px 1px 3px rgba(0,0,0,.2);*/
}


#admin_wrap .section1.type_e,
#admin_wrap .section1.type_d,
#admin_wrap .section1.type_j,
#admin_wrap .section1.type_i,
#admin_wrap .section1.type_f {
	max-height: 820px;
}
#admin_wrap .section1.type_a .main_img {
	max-height: calc(820px - 237px);
}
#admin_wrap .section1.type_b .main_middle {
	max-height: calc(820px - 346px);
}
#admin_wrap .section1.type_g .main_img .img_box {
	max-height: calc(820px - 237px);
}
@media (min-width: 740px) {
	.layout {
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
	}
}
@media (max-height: 930px) {
	.preview_inner .loading_page_5 .wrap,
	.preview_inner .loading_page_4 .wrap {
		max-height: 640px;
	}
	.preview_inner .loading_page_5 .wrap .con svg,
	.preview_inner .loading_page_4 .wrap .con svg {
		max-height: 640px;
	}
}


@media (max-height: 740px) {
	.preview_inner .loading_page_5 .wrap,
	.preview_inner .loading_page_4 .wrap {
		max-height: 520px;
	}
	.preview_inner .loading_page_5 .wrap .con svg,
	.preview_inner .loading_page_4 .wrap .con svg {
		max-height: 520px;
	}
}

.img_box.flower_box.hide {
	display: none;
}


@media (max-width: 295px) {
	:root {
		--font-size: 13px;
	}
	.section3 .tel_wrap2 .introduce_con .introduce_list {
		font-size: 13px !important;
	}
	.section3 .tel_wrap2 .introduce_con .introduce_list p,
	.section3 .tel_wrap2 .introduce_con .introduce_list div {
		font-size: 13px !important;
	}

	.section3 .tel_wrap2 .relation_con .relation_list .parents span.img_box {
		height: 13px;
		width: 13px;
		margin-right: 0px;
		font-size: 0;
	}
	.section3 .tel_wrap2 .relation_con .relation_list .parents {
		display: inline-flex;
		align-items: center;
		margin-right: 1px;
	}
	.section3 .tel_wrap2 .relation_con .relation_list .parents span {
		font-size: 12px;
		font-weight: 400;
	}
	.section3 .tel_wrap2 .relation_con .relation_list .relation span {
		font-size: 12px;
		font-weight: 400;
	}

	.section4 .d_day .calc span {
		font-size: var(--font-medium);
		min-width: 45px;
		min-height: 45px;
	}

}
@media (max-width: 370px) {

	#user_wrap .section_snap .user_btn_common {
		font-size: 13px;
	}

	.section3 .tel_wrap3 .container .con .right .img_box {
		min-width: 120px;
	}
	.section3 .tel_wrap3 .rel_box {
		font-size: 12px;
	}
	.section3 .tel_wrap3 .container .con .left .wrap {
		padding-right: 8px;
	}
	.section3 .tel_wrap3 .container .con.sec .left .wrap {
		padding-left: 8px;
	}
}
@media (max-width: 375px) {
	.section18 .timeline_wrap .content_wrap .contents .con_1 {
		padding: 0 12px;
	}
	.section18 .timeline_wrap .content_wrap .contents .con_1 .text_box.no_img {
		font-size: 20px;
	}
	.section18 .timeline_wrap .content_wrap .contents .con_2 {
		padding: 0 12px 4px;
	}
}
.scroll_motion {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.scroll_motion > div {
	position: absolute;
	bottom: 12px;
	right: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: rgba(255, 255, 255, 0.65);
	font-size: 11px;
	font-weight: bold;
	background: rgba(0, 0, 0, 0.25);
	padding: 7px;
	border-radius: 50px;
}

.scroll_motion div span {
	display: block;
	/* position: absolute; */
	position: relative;
	/* top: 0; */
	/* left: 50%; */
	width: 22px;
	height: 43px;
	border: 2px solid rgba(255, 255, 255, 0.65);
	border-radius: 50px;
	box-sizing: border-box;
	margin: 0 auto 5px;
	background-color: transparent;
	box-shadow: var(--box-shadow);
}
.scroll_motion div span::before {
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color: rgba(255, 255, 255, 0.65);
	border-radius: 100%;
	-webkit-animation: sdb 2s infinite;
	animation: scroll_motion 2s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes scroll_motion {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes scroll_motion {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}


.chk_title .essential {
	color : #DD4241;
}
#user_wrap .m_wrap .form .chk_wrap2 input[type=checkbox] + label{

	font-size: var(--font-small);
	color: #787575;
}
.modal_rsvp_term1 .desc, .modal_rsvp_term2 .desc {
	text-align: left;
	border-bottom : none !important;
}
.btn_term {
	font-size: var(--font-small);
	color: #787575;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 5px;
	margin-left: 5px;
}

em.space {
	display: block;
	height: 8px;
}



/*.p_space {width: 16px;}*/
/*.p_space2 {width: 35px;}*/