@charset "utf-8";

/* 프리덴다드 폰트 */
@font-face {
	font-family:'Pretendard';
	src:url('../font/Pretendard-Regular.woff2') format('woff2'),
		url('../font/Pretendard-Regular.woff') format('woff');
	font-weight:400;
	font-style:normal;
    font-display:swap;
}
@font-face {
	font-family:'Pretendard';
	src:url('../font/Pretendard-Medium.woff2') format('woff2'),
		url('../font/Pretendard-Medium.woff') format('woff');
	font-weight:500;
	font-style:normal;
    font-display:swap;
}
@font-face {
	font-family:'Pretendard';
	src:url('../font/Pretendard-SemiBold.woff2') format('woff2'),
		url('../font/Pretendard-SemiBold.woff') format('woff');
	font-weight:600;
	font-style:normal;
    font-display:swap;
}
@font-face {
	font-family:'Pretendard';
	src:url('../font/Pretendard-Bold.woff2') format('woff2'),
		url('../font/Pretendard-Bold.woff') format('woff');
	font-weight:700;
	font-style:normal;
    font-display:swap;
}

/* 잘란체 폰트 */
@font-face {
	font-family:'JalnanGothic';
	src: url('../font/JalnanGothic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
    font-display:swap;
}

/* 창원단감아삭체 */
@font-face {
	font-family:'CWDangamAsac-Bold';
	src: url('../font/CWDangamAsac-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

/* Cafe24 PRO UP */
@font-face {
	font-family:'Cafe24 PRO UP';
	src:url('../font/Cafe24PROUP.woff2') format('woff2'),
		url('../font/Cafe24PROUP.woff') format('woff');
	font-weight:normal;
	font-style:normal;
    font-display:swap;
}

/* Skip Navigation */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
#skip_to_container:hover,#skip_to_container:active,#skip_to_container:focus{width:100%; height:auto; margin:0; padding:5px 0; font-weight:400; font-size:12px; line-height:1; color:var(--default-color); text-decoration:none !important; text-indent:10px}

/* basic */
*,*:before,*:after{box-sizing:border-box;-moz-box-sizing:border-box;outline:none;}
html{font-size:10px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;}
html,body{margin:0;padding:0;}
body{width:100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,a,button,p,form,input,textarea,select,img{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,a,p,button,input,textarea,select,td,dt,dd{font:400 1.6rem/1.4 'Pretendard','Noto Sans CJK KR','Malgun Gothic','돋움',Sans-serif;letter-spacing:-.025rem;color:var(--default-color);}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,blockquote,picture{display:block;padding:0;margin:0;}
caption {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}
figure,picture {font-size:0;line-height:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0 none;max-width:100%;}
ul,ol{list-style:none;}
em,i{font-style:normal;}
a{text-decoration:none;}
a,p,h1,h2,h3,h4,h5,h6{word-break:keep-all;word-wrap:break-word;}
button{border:0;background:0;vertical-align:middle;cursor:pointer;}


/* 공통영역 */
    .container {max-width:720px;width:100%;margin:0 auto;}
	.contents {position:relative;}
    .page {width:80%;margin:0 auto;padding:5rem 0 8rem;}
    .page.background {background:url('../images/sub/final_bg.jpg') no-repeat center top/100% auto;}
	.event {position:relative;}
	
	figure.blank {display:flex;}
	.hidden-conts {
		position:absolute;
		width:1px;
		height:1px;
		margin:-1px;
		padding:0;
		overflow:hidden;
		clip:rect(0, 0, 0, 0);
		white-space:nowrap;
		border:0;
	}
	
	.contents .update {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:rgba(255,255,255,.88);
		backdrop-filter:blur(10px);
		display:flex;
		justify-content:center;
		align-items:center;
		font-family:'Cafe24 PRO UP';
		color:#111;
		font-size:3rem;
		z-index:9;
	}
	.contents .update span {
		display: inline-block;
		animation-name: wave;
		animation-duration: 1.2s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
		/* 각 글자마다 다른 딜레이를 주기 위해 변수 처리할 예정 */
	}

	@keyframes wave {
		0%, 100% {
			transform: translateY(0);
		}
		50% {
			transform: translateY(-10px);
		}
	}

	/* 각 span에 딜레이를 다르게 줘서 웨이브 효과 만들기 */
	.contents .update span:nth-child(1) { animation-delay: 0s; }
	.contents .update span:nth-child(2) { animation-delay: 0.1s; }
	.contents .update span:nth-child(3) { animation-delay: 0.2s; }
	.contents .update span:nth-child(4) { animation-delay: 0.3s; }
	.contents .update span:nth-child(5) { animation-delay: 0.4s; }
	.contents .update span:nth-child(6) { animation-delay: 0.5s; }
	.contents .update span:nth-child(7) { animation-delay: 0.6s; }
	.contents .update span:nth-child(8) { animation-delay: 0.7s; }


/* ########## MAIN 페이지 ########## */
	.main-count {background-color:#000;}
	.main-count .odometer-count {position:absolute;top:53.2%;left:50%;transform:translateX(-50%);width:80%;height:11.5rem;overflow:hidden;background-color:#fff;border-radius:11.5rem;display:flex;justify-content:center;align-items:center;padding-top:1.5%;}
	.main-count .odometer-count .num {font-family: 'Cafe24 PRO UP';font-size:4.6rem;line-height:1;display:flex;justify-content:center;align-items:start;}
	.main-count .odometer-count .num strong {font-family:inherit;}
	.main-count .odometer-count .num * {overflow:visible !important;}
	
	.btn-wrap.main-sns {position:absolute;top:50%;left:50%;transform:translateX(-50%);width:80%;}
	.btn-wrap.main-sns .share-count {display:flex;justify-content:center;align-items:center;gap:2rem;color:#fff;}
	.btn-wrap.main-sns .share-count strong {font-size:3rem;}
	.btn-wrap.main-sns .share-count .odometer-count {font-size:2rem;line-height:1;}
	.btn-wrap.main-sns .share-count .odometer-count .num {display:flex;align-items:center;gap:1rem;}
	.btn-wrap.main-sns .icon-wrap {display:flex;justify-content:center;gap:0 5.208333333%;margin-top:5%;}
	.btn-wrap.main-sns .icon-wrap a {width:14.756944444%;background-color:#fff;border-radius:50%;display:flex;}
	
	.realtime-ranking {background-color:#000;padding-bottom:8rem;overflow:hidden;}
	.realtime-ranking .inConts {width:80%;margin:0 auto;}
	.realtime-ranking .inConts.listview {margin-top:4rem;}
	.realtime-ranking .ranking-naming-wrap {margin:0 auto;}
	.realtime-ranking .ranking-naming-wrap .swiper-slide {display:flex;flex-direction:column;align-items:center;gap:2rem;padding:0 22.135416667%;}
	.realtime-ranking .ranking-naming-wrap .swiper-slide .box {display:flex;flex-direction:column;align-items:center;gap:2rem;opacity:0;transition:all .45s ease-in-out;}
	.realtime-ranking .ranking-naming-wrap .swiper-slide figure {border-radius:1.6rem;overflow:hidden;box-shadow:0 0 6rem rgba(0,0,0,1);}
	.realtime-ranking .ranking-naming-wrap .swiper-slide span {font-family:'Cafe24 PRO UP';color:#fff;font-size:4.2rem;}
	.realtime-ranking .ranking-naming-wrap .swiper-slide.swiper-slide-active {z-index:1;}
	.realtime-ranking .ranking-naming-wrap .swiper-slide.swiper-slide-active .box {opacity:1;}
	.realtime-ranking .ranking-naming-wrap .swiper-slide.swiper-slide-prev .box,
	.realtime-ranking .ranking-naming-wrap .swiper-slide.swiper-slide-next .box {opacity:.75;filter:blur(2px);}
	.realtime-ranking .swiper-3d .swiper-slide-shadow-left,
	.realtime-ranking .swiper-3d .swiper-slide-shadow-right {display:none !important;}
	
	@media (max-width:720px) {
		.main-count .odometer-count {height:8.526223689%;border-radius:5rem;}
		.main-count .odometer-count .num {font-size:6.4vw;}
		
		.btn-wrap.main-sns .share-count strong {font-size:4.2vw;}
		.btn-wrap.main-sns .share-count .odometer-count {font-size:2.8vw;}
		.btn-wrap.main-sns .share-count .odometer-count img.share-icon {width:3.34vw}
		
		.realtime-ranking .ranking-naming-wrap .swiper-slide span {font-size:5.84vw;}
		.realtime-ranking .inConts.listview {margin-top:3%;}
	}
	@media (max-width:480px) {
		.main-count .odometer-count {border-radius:4rem;}
	}


/* ########## SUB 페이지 ########## */
	/* 페이징 공통 */
		#pagging {display:flex;justify-content:center;align-items:center;margin-top:10%;}
		#pagging .wrap {display:flex;justify-content:center;align-items:center;gap:0 1rem;}
		#pagging .wrap button {
			width:4rem;
			height:4rem;
			background-color:#fff;
			border:1px solid #717171;
			border-radius:.6rem;
			background-repeat:no-repeat;
			background-position:center center;
			background-size:cover;
			font-size:0;
			line-height:0;
			text-indent:-999px;
			overflow:hidden;
		}
		#pagging .wrap button.prev {background-image:url('../images/common/ico_pagging_prev.png');}
		#pagging .wrap button.next {background-image:url('../images/common/ico_pagging_next.png');}
		#pagging .wrap .number {display:flex;justify-content:center;align-items:center;gap:0 1rem;}
		#pagging .wrap .number a {
			width:4rem;
			height:4rem;
			font-size:2rem;
			font-weight:500;
			background-color:#fff;
			border:1px solid #717171;
			border-radius:.6rem;
			display:flex;
			justify-content:center;
			align-items:center;
		}
		#pagging .wrap .number a.selected {color:#fff;background-color:#717171;border-color:#717171;cursor:default;}
		
		@media (max-width:500px) {
			#pagging .wrap {gap:0 .4rem;}
			#pagging .wrap button {width:3.2rem;height:3.2rem;}
			#pagging .wrap .number {gap:0 .4rem;}
			#pagging .wrap .number a {width:3.2rem;height:3.2rem;font-size:1.4rem;}
		}
		
	/* 소트 공통 */
		#naming-sort-wrap {display:flex;align-items:center;gap:0 1rem;}
		#naming-sort-wrap a {width:14rem;color:#717171;font-size:2rem;font-weight:600;line-height:4.8rem;text-align:center;padding:0 2rem;border:2px solid #717171;border-radius:.6rem;}
		#naming-sort-wrap a.selected {color:#fff;background-color:#717171;}
		
		@media (max-width:720px) {
			#naming-sort-wrap a {width:24.305555%;}
		}
		@media (max-width:500px) {
			#naming-sort-wrap {gap:0 .6rem;}
			#naming-sort-wrap a {min-width:9rem;font-size:1.6rem;line-height:3.8rem;}
		}
	
	/* 선택하기 리스트 공통 */
		.naming-list-wrap {display:grid;grid-template-columns:repeat(2, 1fr);gap:4rem 3.4722%;margin-top:5.5%;}
		.naming-list-wrap li {text-align:center;}
		.naming-list-wrap li figure {border-radius:1.6rem;overflow:hidden;}
		.naming-list-wrap li a {display:flex;margin-top:7.2%;}
		.naming-list-wrap li span {display:inline-block;min-width:18rem;color:#fff;font-size:2.8rem;line-height:6.2rem;font-weight:600;border-radius:6.2rem;padding:0 2.8rem;background-color:#000;margin-top:7.2%;}
		.search-text {font-size:2.4rem;text-align:center;margin-top:2rem;}
		
	/* BTN 버튼 */
		.btn-wrap [class^="btn"] {display:flex;}
		.btn-wrap.main {width:80%;display:flex;flex-direction:column;gap:2rem 0;margin:2% auto;}
		.btn-wrap p.share-infor {font-size:3rem;font-weight:700;text-align:center;margin-top:4%;}
		.btn-wrap.c1 {margin-top:0;}
		.btn-wrap.c2 {margin-top:10%;}
		.btn-wrap.c3 {margin-top:10%;}
		.btn-wrap.c3 a + a {margin-top:3%;}
		.btn-wrap.d1 {margin-top:0;}
		.btn-wrap.d2 {margin-top:10%;}
		.btn-wrap.d3 {margin-top:10%;}
		
		@media (max-width:730px) {
			.btn-wrap p.share-infor {font-size:4.2vw;}
		}
		
	/* Footer 이용약관 */
		#footer {margin-top:10%;}
		#footer .use-guide h5 {font-size:2.2rem;font-weight:700;text-align:center;margin-bottom:2rem;}
		#footer .use-guide ul {display:grid;grid-template-columns:1fr;gap:.8rem 0;}
		#footer .use-guide ul li {position:relative;padding-left:1.6rem;color:#111;font-size:1.8rem;line-height:1.4;}
		#footer .use-guide ul li::before {content:"";position:absolute;position:absolute;top:.8rem;left:0;width:.5rem;height:.5rem;background-color:#fff;border:1px solid #111;border-radius:50%;}
		
		@media (max-width:480px) {
			#footer .use-guide h5 {font-size:1.6rem;margin-bottom:1.2rem;}
			#footer .use-guide ul li {font-size:1.3rem;}
		}
		
	/* Footer SNS */
		#footer .btn-wrap {margin-top:10%;}
		#footer .sns-share-wrap {display:flex;justify-content:center;align-items:start;gap:0 12%;margin-top:6%;}
		#footer .sns-share-wrap li {position:relative;width:14.756944444%;padding-bottom:7%;}
		#footer .sns-share-wrap li a {display:flex;flex-direction:column;align-items:center;gap:.8rem 0;font-size:1.8rem;}
		#footer .sns-share-wrap li a span {position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;}

		@media (max-width:720px) {
			#footer .sns-share-wrap li a {font-size:2.5vw;}
		}
		
	/* Form Field */
		input::-webkit-input-placeholder {color:#c0c0c0;font-weight:400;}
		input::-moz-placeholder {color:#c0c0c0;font-weight:400;}
		input:-ms-input-placeholder {color:#c0c0c0;font-weight:400;}
		input:-moz-placeholder {color:#c0c0c0;font-weight:400;}
		input::placeholder {color:#c0c0c0;font-weight:400;}
		
		textarea::-webkit-input-placeholder {color:#c0c0c0;font-weight:400;}
		textarea::-moz-placeholder {color:#c0c0c0;font-weight:400;}
		textarea:-ms-input-placeholder {color:#c0c0c0;font-weight:400;}
		textarea:-moz-placeholder {color:#c0c0c0;font-weight:400;}
		textarea::placeholder {color:#c0c0c0;font-weight:400;}
		
		input,button,textarea{background-color:transparent;border:none;-webkit-border-radius:0;-webkit-appearance:none}
		
		.form-field-wrap {display:flex;flex-direction:column;gap:1.2rem 0;width:80%;margin:8% auto 0;}
		.form-field-wrap:last-child {margin-bottom:8rem;}
		.form-field-wrap .form-item {display:flex;align-items:center;gap:0 1.2rem;}
		.form-field-wrap .form-item label {flex-shrink:0;width:24%;height:8.3rem;color:#111;font-size:2.4rem;font-weight:500;line-height:8.3rem;text-align:center;background-color:#fff;}
		.form-field-wrap .form-item input {width:100%;height:8.3rem;border:.2rem solid #a6a6a6;color:#111;font-size:2.4rem;font-weight:500;text-align:center;background-color:#fff;border-radius:8rem;transition:border .45s ease-in-out;}
		.form-field-wrap .form-item input:focus {border-color:#111;}
		.form-field-wrap .form-item .form-textarea {width:100%;min-height:8.3rem;border:.2rem solid #a6a6a6;background-color:#fff;border-radius:4.15rem;padding:2.03rem 2rem;transition:border .45s ease-in-out;}
		.form-field-wrap .form-item .form-textarea.active {border-color:#111;}
		.form-field-wrap .form-item textarea {width:100%;height:100%;border:0;color:#111;font-size:2.4rem;font-weight:500;text-align:center;background-color:#fff;resize:none;overflow-y:hidden;}
		.form-field-wrap .form-item .flex-wrap {display:flex;align-items:center;gap:0 1.2rem;}
		.form-field-wrap.search {display:flex;flex-direction:row;align-items:center;gap:0 1.2rem;}
		.form-field-wrap.search .form-item {width:100%;display:flex;align-items:center;gap:0;border:.2rem solid #a6a6a6;}
		.form-field-wrap.search .form-item input[type=tel] {width:100%;font-size:2rem;border-radius:0;border:0;height:5.2rem;}
		.form-field-wrap.search .form-item input[type=submit] {border:0;width:auto;font-size:0;line-height:0;text-indent:-999px;overflow:hidden;flex-shrink:0;width:5.2rem;height:5.2rem;border-radius:0;background:url('../images/main/btn-search-icon.png') no-repeat center center/cover;border-left:.2rem solid #a6a6a6;}
		.form-field-wrap.search a.btn-reset {color:#fff;font-size:2.4rem;font-weight:700;line-height:5.6rem;padding:0 1rem;background-color:#717171;border-radius:.4rem;}
		.form-field-wrap .privacy-wrap {margin-bottom:1rem;}
		.form-field-wrap .checkbox-field {display:flex;flex-direction:column;gap:.4rem;margin-top:1.2rem;}
		.form-field-wrap .checkbox-field .checkbox-item input[type=checkbox] + label {display:inline-flex;align-items:center;color:#474747;font-size:2.4rem;gap:.6rem;}
		.form-field-wrap .checkbox-field .checkbox-item input[type=checkbox] + label:before {content:"";width:3rem;height:3rem;border:.2rem solid #a6a6a6;}
		.form-field-wrap .checkbox-field .checkbox-item input[type=checkbox]:checked + label {color:#111;font-weight:600;}
		.form-field-wrap .checkbox-field .checkbox-item input[type=checkbox]:checked + label:before {border-color:var(--point);background:url('../images/common/checked-ico.svg') no-repeat center center/cover;}
		.form-field-wrap .checkbox-field p {color:#474747;font-size:2.4rem;padding-left:3.4rem;}
		.form-field-wrap .checkbox-field a.detail {font-size:2rem;font-weight:600;text-decoration:underline;}
		
		@media (max-width:720px) {
			.form-field-wrap .checkbox-field .checkbox-item input[type=checkbox] + label,
			.form-field-wrap .checkbox-field p,
			.form-field-wrap .checkbox-field a.detail {font-size:3.33vw;}
			
			.form-field-wrap .form-item label {width:24%;height:12vw;line-height:12vw;}
			.form-field-wrap .form-item input {height:12vw;}
			.form-field-wrap .form-item .form-textarea {min-height:auto;padding:3.6% 1rem;}
			
			.naming-list-wrap li span {font-size:3.9vw;line-height:8.6vw;min-height:3rem;}
		}
		@media (max-width:560px) {
			.form-field-wrap {gap:.6rem 0;}
			.form-field-wrap .form-item {gap:0 .6rem;}
			.form-field-wrap .form-item label,
			.form-field-wrap .form-item input {font-size:1.6rem;}
			.form-field-wrap .form-item textarea {font-size:1.6rem;}
			.form-field-wrap .form-item .flex-wrap {gap:0 .6rem;}
			
			.form-field-wrap .checkbox-field .checkbox-item input[type=checkbox] + label:before {width:2.6rem;height:2.6rem;}
			
			.form-field-wrap.search {width:100%;gap:0 .8rem;}
			.form-field-wrap.search .form-item input[type=tel] {font-size:1.6rem;height:4.2rem;}
			.form-field-wrap.search .form-item input[type=submit] {width:4.2rem;height:4.2rem;}
			.form-field-wrap.search a.btn-reset {font-size:1.6rem;line-height:4.6rem;}
			
			.naming-list-wrap li span {min-width:auto;width:100%;padding:0 1rem;}
			.search-text {font-size:1.6rem;margin-top:1rem;}
		}
		@media (max-width:480px) {
			.form-field-wrap .checkbox-field .checkbox-item input[type=checkbox] + label:before {width:2.2rem;height:2.2rem;}
		}
		
	/* 리스트 더 보기 */
		.loadMore.gallery_more {display:flex;justify-content:center;margin-top:6rem;}
		.loadMore.gallery_more a.button {width:100%;font-family:'Cafe24 PRO UP';font-size:3rem;line-height:6rem;text-align:center;border:1px solid #111;border-radius:6rem;padding:.4rem 4rem 0;cursor:pointer;}
		@media (max-width:720px) {
			.loadMore.gallery_more a.button {font-size:4.18vw;line-height:8.36vw;}
		}
		
		

	
	.naming-wrap {overflow:hidden;position:relative;border-radius:1.6rem;overflow:hidden;}
	.naming-wrap figure {position:relative;display:flex;background-color:#ccc;transition:all .35s ease-in-out;}
	/*.naming-wrap figure::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);}*/
	.naming-wrap figure img {transition:opacity .25s ease-in-out;opacity:1;}
	.naming-wrap figure img.fade-out {opacity:0;}
	.naming-wrap .naming-table {position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem 0;width:100%;height:100%;}
	.naming-wrap .naming-table .inputChange {
		display:flex;
		flex-direction:column;
		align-items:center;
		width:100%;
		font-family:'CWDangamAsac-Bold';
		color:#fff;
		line-height:1.2;
		text-align:center;
		padding:0 1rem;
		text-shadow:0 0 1rem rgba(0,0,0,.5);
		cursor:pointer;
	}
	.naming-wrap .naming-table .naming-caution {
		position:absolute;
		top:8%;
		left:0;
		width:100%;
		font-family:'Cafe24 PRO UP';
		color:#fff;
		font-size:2.4rem;
		text-align:center;
		text-shadow:0 0 1rem rgba(0,0,0,.5);
		display:none;
		animation: shine 2s linear infinite;
	}
	@keyframes shine {
		0% {
			color:#fff;
		}
		33.3333% {
			color:#ffea00;
		}
		66.6666% {
			color:#db1717;
		}
		100% {
			color:#fff;
		}
	}
	.naming-wrap .naming-table .inputChange span {font-size:7.2rem;}
	.naming-wrap .naming-table .inputChange textarea {
		position:absolute;
		top:0;
		left:0;
		width:0;
		height:0;
		overflow:hidden;
		border:0;
		background-color:transparent;
		font-family:'CWDangamAsac-Bold';
		color:#fff;
		font-size:7.2rem;
		line-height:1.2;
		text-align:center;
		resize:none;
		overflow-y:hidden;
		text-shadow:0 0 1rem rgba(0,0,0,.5);
	}
	.naming-wrap.active .naming-table .inputChange span {display:none;}
	.naming-wrap.active .naming-table .inputChange textarea {position:relative;width:100%;min-height:8.65rem;height:auto;}
	.naming-wrap.active figure {filter:blur(6px);}
	
	.naming-wrap.f-color-red .naming-table .inputChange span,
	.naming-wrap.f-color-red .naming-table .inputChange textarea {color:#FEEDFB;text-shadow:0 0 1rem rgba(0,0,0,.5);}
	.naming-wrap.f-color-green .naming-table .inputChange span,
	.naming-wrap.f-color-green .naming-table .inputChange textarea {color:#109961;text-shadow:0 0 1rem rgba(0,0,0,0);}
	.naming-wrap .naming-table .inputChange textarea:focus {}

	.naming-bg-wrap {display:grid;grid-template-columns:repeat(5, 1fr);gap:0 2.604%;margin-top:10%;}
	.naming-bg-wrap li {position:relative;display:flex;cursor:pointer;}
	.naming-bg-wrap li img.real-photo {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;}
	.naming-bg-wrap li::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:all .25s ease-in-out;}
	.naming-bg-wrap li.active::before {background:rgba(131,131,131,.7) url('../images/sub/icon-check.png') no-repeat center center/100%;z-index:1;}
	
	.final-text {padding:5% 0 15%;font-size:4.5rem;font-weight:700;line-height:1.2;text-align:center;}
	.final-text span {display:block;font-size:2.5rem;margin-top:3%;}

	@media (max-width:720px) {
		.naming-wrap .naming-table .inputChange span {font-size:10vw;}
		.naming-wrap .naming-table .inputChange textarea {font-size:10vw;}
		
		.final-text {font-size:6.25vw;}
		.final-text span {font-size:3.48vw;}
	}


	#provacy-lyr-popup {position:fixed;top:0;left:100%;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:start;padding:2rem;opacity:0;transition:all .45s ease-in-out;}
	#provacy-lyr-popup.show {left:0;opacity:1;}
	#provacy-lyr-popup .wrap {max-width:576px;width:100%;margin:0 auto;}
	#provacy-lyr-popup .wrap .head {text-align:right;}
	#provacy-lyr-popup .wrap .head a.close {display:inline-flex;}
	#provacy-lyr-popup .wrap .conts {font-size:1.6rem;line-height:1.6;font-weight:600;height:70dvh;overflow-y:auto;margin:2rem 0 3rem;}
	#provacy-lyr-popup .wrap .conts h1 {font-size:2rem;font-weight:700;margin-bottom:2rem;}
	#provacy-lyr-popup .wrap .conts span {font-weight:300;}
	
	@media (max-width:720px) {
		#provacy-lyr-popup .wrap .conts {font-size:1.4rem;}
		#provacy-lyr-popup .wrap .conts h1 {font-size:1.8rem;}
	}