@font-face {
	font-family: 'Cafe24Ssurround';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.inner {
	width: 100%;
	max-width: calc(1200px + 2rem);
	margin: 0 auto;
	padding: 0 1rem;
}

#header {
	box-shadow: none !important;
	background-color: transparent !important;
}

#gnb, .apply_area {
	display: none !important;
}

h1.logo {
	top: 1.25rem !important;
	left: 2.5rem !important;
	width: 15.625rem !important;
	height: 3.125rem !important;
	background-size: 100% auto !important;
}

.qic_banner.sb_scroll {
	top: auto;
	bottom: 0.75rem !important;
	right: 3.125rem;
	margin-top: 0;
	transform: translateY(0);
}

.qic_banner ul {
	display: none;
}

.qic_banner .qic_top {
	width: 3.75rem;
	height: 3.75rem;
	background: #000;
	opacity: 0;
	transition: opacity 0.3s;
}

.qic_banner .qic_top.down {
	opacity: 1;
}

.iconFt_Icon_15:before {
	display: block;
	width: 1.875rem;
	height: 1.875rem;
	background-size: cover;
	background-image: url(/skin/campaign/images/catDog/ic_top.svg);
	content: '';
}

.support_menu {
	display: none;
}
@media screen and (max-width:1600px) {
	.qic_banner.sb_scroll {
		bottom: 0.75rem !important;
	}
}
@media screen and (max-width:1280px) {
	.qic_banner.sb_scroll {
		bottom: 22.5rem !important;
		right: 1.125rem;
	}
	.qic_banner .qic_top {
		width: 2.5rem;
		height: 2.5rem;
	}
	.qic_banner .qic_top .iconFt_Icon_15:before {
		width: 1.25rem;
		height: 1.25rem;
	}
}
@media screen and (max-width:1024px) {
	.qic_banner {
		display: block;
	}
}
@media screen and (max-width: 768px) {
    #footer .footer_bottom .inner {
        padding-bottom: 5.3125rem;
    }
}
@media screen and (max-width:600px) {
	.qic_banner.sb_scroll {
		bottom: 5rem !important;
		right: 1rem;
	}
}

/* 컨텐츠 */
@media screen and (max-width:600px) {
	#specialday .sideWrap {
		border: 2px solid #000;
		border-bottom: 0;
		border-radius: 1rem 1rem 0 0;
	}
}
#specialday .title .c-point {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #070400;
}
#specialday .title mark {
	background-color: #63CDF1;
}
#specialday .sec1 {
	background-repeat: repeat-x;
	background-position: center;
	background-size: auto 100%;
	background-image: url(/skin/campaign/images/specialday/img_sec1_bg.png);
}
@media screen and (max-width: 1024px) {
	#specialday .sec1 {
		background-image: url(/skin/campaign/images/specialday/img_sec1_bg_m.png);
	}
}
#specialday .sec2 {
	background-position: center;
	background-size: auto 100%;
	background-image: url(/skin/campaign/images/specialday/img_sec2_bg.png);
}
#specialday .sec3 {
	background-color: #D7F3B2;
	background-position: center;
	background-size: auto 100%;
	background-image: url(/skin/campaign/images/specialday/img_sec3_bg.png);
}
#specialday .sec3 .sec3-slide .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	position: static;
	margin-top: 1rem;
	gap: 0.25rem;
}

#specialday .sec3 .sec3-slide .swiper-pagination-bullet{
	width: 0.625rem;
	height: 0.625rem;
	border-radius: 50%;
	border: 1px solid #333;
	background-color: #fff;
	opacity: 1;
}

#specialday .sec3 .sec3-slide .swiper-pagination-bullet-active {
	width: 1.125rem;
	height: 1.125rem;
	border: none;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cg clip-path='url(%23clip0_78_196518)'%3E%3Cpath d='M9.7322 0.359887C10.1876 0.340007 10.4543 0.962722 10.4543 0.962722L12.5994 5.4247L17.6544 6.15072C17.6544 6.15072 18.3111 6.20325 18.492 6.66842C18.6729 7.1336 18.1101 7.53504 18.1101 7.53504L14.2992 10.9196L15.1084 16.2342C15.1206 16.3627 15.0946 16.4928 15.0334 16.6092C14.9723 16.7256 14.8785 16.8235 14.7631 16.8915C14.6387 16.9491 14.5023 16.9762 14.366 16.9703C14.2297 16.9643 14.0979 16.9255 13.9825 16.8574L9.52242 14.3456L4.62372 16.8088C4.62372 16.8088 4.0672 17.1316 3.76355 16.9426C3.65125 16.8513 3.56439 16.7343 3.51051 16.6018C3.45664 16.4692 3.4374 16.3252 3.45445 16.1822L4.50861 10.9989L0.804364 7.39898C0.685089 7.30817 0.595127 7.1864 0.544571 7.04734C0.494015 6.90828 0.484861 6.75741 0.518135 6.61166C0.675579 6.16063 1.42405 6.11782 1.42405 6.11782L6.53378 5.41483L8.9929 0.887427C9.05258 0.743338 9.15326 0.617802 9.28306 0.525656C9.41285 0.433509 9.56633 0.378603 9.72535 0.367427' fill='%23713CD9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_78_196518'%3E%3Crect width='18' height='18' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 100% 100%;
}
@media screen and (max-width: 1024px) {
	#specialday .sec3 {
		background-image: url(/skin/campaign/images/specialday/img_sec3_bg_m.png);
	}
}
#specialday .sec4 {
	background-color: #F7EBFA;
	background-repeat: repeat-x;
	background-position: center;
	background-size: 100% 100%;
	background-image: url(/skin/campaign/images/specialday/img_sec4_bg.png);
}
#specialday .sec5 {
	background-repeat: repeat-x;
	background-position: center;
	background-size: auto 100%;
	background-image: url(/skin/campaign/images/specialday/img_sec5_bg.png);
}
#specialday .sec5 .sec5-slide .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	position: static;
	margin-top: 1rem;
	gap: 0.25rem;
}

#specialday .sec5 .sec5-slide .swiper-pagination-bullet{
	width: 0.625rem;
	height: 0.625rem;
	border-radius: 50%;
	border: 1px solid #333;
	background-color: #fff;
	opacity: 1;
}

#specialday .sec5 .sec5-slide .swiper-pagination-bullet-active {
	width: 1.125rem;
	height: 1.125rem;
	border: none;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cg clip-path='url(%23clip0_267_25271)'%3E%3Cpath d='M11.8077 1.38231C12.1003 0.881839 12.588 0.867937 12.9016 1.36146L16.0509 6.37315C16.3575 6.86667 17.0821 7.36715 17.6465 7.48531L23.4435 8.71565C24.0149 8.83381 24.1751 9.29953 23.7989 9.7444L20.0016 14.2834C19.6323 14.7283 19.3745 15.5624 19.4302 16.1463L20.0503 22.0269C20.113 22.6038 19.7159 22.9027 19.1794 22.6803L13.675 20.4768C13.1385 20.2613 12.2606 20.2752 11.731 20.5115L6.31722 22.9166C5.78768 23.1529 5.38356 22.8749 5.4184 22.291L5.81555 16.3896C5.85736 15.8126 5.57169 14.9855 5.1815 14.5545L1.21694 10.1615C0.826759 9.7305 0.973078 9.25783 1.53745 9.11881L7.28571 7.67299C7.85009 7.53397 8.55381 7.00569 8.83948 6.50522L11.8077 1.38231Z' fill='%2345B549' stroke='%23070400' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_267_25271'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 100% 100%;
}
#specialday .sec7 {
	background-repeat: repeat;
	background-position: center;
	background-image: url(/skin/campaign/images/specialday/img_sec7_bg.png);
}

/* 리워드 신청 */
#specialday .img-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#specialday .img-preview + div > label {
	cursor: pointer;
}
#specialday .reward {
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	background-image: url(/skin/campaign/images/specialday/img_reward_bg.png);
}
#specialday .question {
	/* cursor: pointer; */
}
/* #specialday .question:after {
	position: absolute;
	top: 50%;
	right: 2rem;
	width: 2.625rem;
	height: 2.625rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='43' viewBox='0 0 43 43' fill='none'%3E%3Crect x='1' y='-1' width='40' height='40' rx='20' transform='matrix(1 0 0 -1 0.5 40.9824)' stroke='white' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.5768 28.6229C22.5715 28.6284 22.5661 28.6338 22.5607 28.6393C21.9749 29.2251 21.0251 29.2251 20.4393 28.6393L11.247 19.4469C10.6612 18.8611 10.6612 17.9114 11.247 17.3256C11.8327 16.7398 12.7825 16.7398 13.3683 17.3256L21.4999 25.4572L29.6317 17.3253C30.2175 16.7396 31.1672 16.7396 31.753 17.3253C32.3388 17.9111 32.3388 18.8609 31.753 19.4467L22.5768 28.6229Z' fill='white'/%3E%3C/svg%3E");
	background-size: 100% auto;
	transform: translateY(-50%);
	transition: transform 0.2s;
	content:'';
}
#specialday .question.active:after {
	transform: rotate(180deg) translateY(50%);
} */
#specialday .radio-box input {
	display: none;
}

#specialday .radio-box label {
	font-size: 1.25rem !important;
	cursor: pointer;
}

#specialday .radio-box label:before {
	content: '';
	display: inline-block;
	flex-shrink: 0;
	width: 1rem;
	height: 1rem;
	background-image: url(/skin/campaign/images/specialday/ic_check.png);
	background-size: 100% 100%;
	margin-right: 0.75rem;
}

#specialday .radio-box input:checked+label:before {
	background-image: url(/skin/campaign/images/specialday/ic_check_on.png);
}
#specialday .radio-box label input {
	display: block;
}

#specialday .appl_form_list > li {
	border-bottom: 0;
}
#specialday .form_com .form_tit {
	/* top: 6px; */
}
#specialday .form_com .form_txt {
	min-height: 3.125rem;
	padding-left: 240px;
}
#specialday .form_com .form_txt.xs-p {
	padding-left: 170px;
}
#specialday  .form_com .form_txt input.w80p {
	width: inherit;
}
#specialday  .form_com .form_txt input[type=text], #specialday .form_com .form_txt input[type=password] {
	text-indent: 0.625rem;
}
#specialday  .form_com .form_txt input[type=text]::placeholder, #specialday .form_com .form_txt input[type=password]::placeholder {
	font-size: 0.75rem;
}
@media screen and (max-width: 1440px) {
	h1.logo {left: 1.25rem !important; }
}
@media screen and (max-width: 1024px) {
	#specialday .radio-box label {
		font-size: 1rem !important;
	}
	#specialday .form_com .form_txt {
		min-height: auto;
	}
}
@media screen and (min-width: 1024px) {
	#specialday  .form_com .form_txt input[type=text]:not(.w80p), #specialday .form_com .form_txt input[type=password]:not(.w80p) {
		width: 200px;
	}
}
@media screen and (max-width: 1023px) {
	#specialday .form_com .form_tit {
		margin-bottom: 0.625rem;
	}
	#specialday .form_com .form_txt,
	#specialday .form_com .form_txt.xs-p {
		padding-left: 0px;
		font-size: 1rem;
	}
	#specialday .form_com .form_txt input[type=password] {
		width: 48%;
	}
	#specialday .form_com .form_txt.form_cal {
		width: 80%;
	}
	#specialday .form_com .form_txt .ui-datepicker-trigger {
		position: static;
		width: 1.875rem;
		margin-left: 0.5rem;
	}
}
@media screen and (max-width: 800px) {
	h1.logo {left: 1rem !important; width: 10.1875rem !important;height: 2.0625rem !important;}
	#specialday .question:after {
		right: 1rem;
		width: 1.625rem;
		height: 1.625rem;
	}
	#specialday .radio-box label:before {
		margin-right: 0.25rem;
	}
}
@media screen and (max-width: 768px) {
    #specialday .form_com .form_txt.form_add .form_add01 {
        padding-bottom: 0;
    }
	#specialday .form_com .form_txt.form_add .form_add01 .ifo_txt {
		top: 6.25rem;
	}
	#specialday  .form_com .form_txt input[type=text]::placeholder, #specialday .form_com .form_txt input[type=password]::placeholder {
		font-size: 0.65rem;
	}
}
@media screen and (max-width: 600px) {
	#specialday .appl_form_list > li {
		min-height: 0;
	}
	#specialday .form_com .form_txt.form_cal {
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
	:root {
		font-size: 4vw;
	}
}
@media screen and (max-width: 320px) {
	:root {
		font-size: 3.4333vw;
	}
}

._side {
	position: fixed;
	top: 50%;
	left: 3.125rem;
	transform: translateY(-50%);
	z-index: 1000;
}
._side ul {
	display: flex;
	align-items: center;
	flex-direction: column;
	position: relative;
	gap: 1rem;
}
._side ul li {
	cursor: pointer;
	position: relative;
}
._side ul li a {
	display: inline-flex;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 100%;
	border: 2px solid #070400;
	text-indent: -9999999999999999px;
	background-color: #fff;
}
._side ul li.on a {
	width: 2.5rem;
	height: 2.5rem;
	border-color: transparent;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cg clip-path='url(%23clip0_267_24271)'%3E%3Cpath d='M20.1136 1.5H19.8977C18.9091 10.9974 11.1364 18.4816 1.5 18.982C11.8068 19.5166 20 28.0472 20 38.5C20 28.0472 28.1932 19.5166 38.5 18.982C28.8636 18.4816 21.0795 10.9974 20.1023 1.5H20.1136Z' fill='%23FEC000' stroke='%23070400' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_267_24271'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

@media screen and (max-width: 1280px) {
	._side {
		opacity: 0;
		z-index: -1;
	}
}



/* pop */
.popupWrap {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.5);
}
.popupWrap.active {
	display: flex;
}
.popup {
	position: fixed;
	width: 90%;
	max-width: 600px;
	padding: 1.5rem;
	text-align: center;
	border: 1px solid #FEC000;
	border-radius: 0.75rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	background-color: #fff;
}

.popup .close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top:0;
	right: -3.75rem;
	width: 3.25rem;
	height: 3.25rem;
	font-size: 1.75rem;
	font-weight: bolder;
	border-radius: 50%;
	border: 1px solid #333;
	background-color: #fff;
	cursor: pointer;
}

.popup h3 {
	position: relative;
	width: 100%;
	max-width: 448px;
	margin: 0 auto 1.5rem;
	font-weight: bold;
	text-align: center;
}
.popup h3 a {
	position: absolute;
	bottom: 100%;
	left: 0;
}

.popup h4 {
	position: relative;
	z-index: 10;
}

.popup .slide {
	display: none;
	flex-direction: column;
	align-items: center;
	position: relative;
	width: 100%;
	max-width: 448px;
	margin: 0 auto;
	z-index: 9;
}

.popup .slide.active {
	display: flex;
}

.popup .slide img {
	-ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}

.popup .text {
	margin: 0.75rem 0;
	font-size: 1.125rem;
	line-height: 1.5;
}

.highlight-red {
	color: #ff3d61;
	font-weight: bold;
}

.highlight-blue {
	color: #00a2ff;
	font-weight: bold;
}

.nav-buttons {
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	transform: translateX(-50%);
	z-index: 8;
}

.nav-buttons button {
	width: 3.25rem;
	height: 3.25rem;
	border: none;
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer;
}

.nav-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1rem;
	gap: 0.5rem;
}

.nav-dots .dot {
	width: 0.625rem;
	height: 0.625rem;
	border-radius: 50%;
	background-color: #ddd;
}

.nav-dots .dot.active {
	width: 1.125rem;
	height: 1.125rem;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cg clip-path='url(%23clip0_78_196518)'%3E%3Cpath d='M9.7322 0.359887C10.1876 0.340007 10.4543 0.962722 10.4543 0.962722L12.5994 5.4247L17.6544 6.15072C17.6544 6.15072 18.3111 6.20325 18.492 6.66842C18.6729 7.1336 18.1101 7.53504 18.1101 7.53504L14.2992 10.9196L15.1084 16.2342C15.1206 16.3627 15.0946 16.4928 15.0334 16.6092C14.9723 16.7256 14.8785 16.8235 14.7631 16.8915C14.6387 16.9491 14.5023 16.9762 14.366 16.9703C14.2297 16.9643 14.0979 16.9255 13.9825 16.8574L9.52242 14.3456L4.62372 16.8088C4.62372 16.8088 4.0672 17.1316 3.76355 16.9426C3.65125 16.8513 3.56439 16.7343 3.51051 16.6018C3.45664 16.4692 3.4374 16.3252 3.45445 16.1822L4.50861 10.9989L0.804364 7.39898C0.685089 7.30817 0.595127 7.1864 0.544571 7.04734C0.494015 6.90828 0.484861 6.75741 0.518135 6.61166C0.675579 6.16063 1.42405 6.11782 1.42405 6.11782L6.53378 5.41483L8.9929 0.887427C9.05258 0.743338 9.15326 0.617802 9.28306 0.525656C9.41285 0.433509 9.56633 0.378603 9.72535 0.367427' fill='%23713CD9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_78_196518'%3E%3Crect width='18' height='18' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 100% 100%;
}

/* 모바일 (폰) */
@media (max-width: 480px) {
	.popup {
		padding: 1rem;
		max-width: 75%;
	}
	.full-pop .popup {
		max-width: 85%;
	}
	.popup h3 {
		margin-bottom: 1rem;
	}
	.popup h3 img, 
	.popup h4 img {
		height: 1.875rem;
	}
	.popup .slide {
		margin: -0.935rem auto 0;
	}
	.nav-buttons {
		display: none;
	}
}

/* 태블릿 */
@media (min-width: 481px) and (max-width: 768px) {
	.popup {
		padding: 1.25rem;
	}
	.popup h3 {
		font-size: 1.375rem;
	}
	.popup .text {
		font-size: 1.0625rem;
	}
	.nav-buttons {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	.popup .close {
		top:-3rem;
		right: 0;
		width: 2.625rem;
		height: 2.625rem;
		font-size: 1.25rem;
	}
}

/* 데스크탑 이상 */
@media (min-width: 769px) {
	.popup {
		max-width: 700px;
		padding: 2rem;
	}
	.full-pop .popup {
		width: auto;
		max-width: none;
	}
	.popup h3 {
		font-size: 1.625rem;
	}
	.popup .text {
		font-size: 1.25rem;
	}
}