* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	letter-spacing: -0.125rem;
}
.flex_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

html,body {
	min-width:1024px;
}

.wrap_1620 {
	max-width:1680px;
	width:90%;
	margin:0 auto;
}
.wrap_1280 {
	max-width:1280px;
	width:100%;
	margin:0 auto;
}
.wrap_1100 {
	max-width:1100px;
	width:100%;
	margin:0 auto;
}
.wrap_1024 {
	max-width:1024px;
	width:100%;
	margin:0 auto;
}

.logo_wrap {
	padding-top:25px;
	text-align:left;
}
.logo_wrap img {
	width:81px;
}


#Index >* {
	zoom:0.9;
}
#Index {
	width:100%;
	min-height:100vh;
	min-height:100dvh;
	background:#FFEDDF;
	text-align:center;
	overflow-x: hidden;
	position:relative;
	padding-bottom:3rem;
}

#Index .cont_wrap {
	position:relative;
	width:1320px;
	margin-left:-15px;
	margin:auto;
}
#Index .tit_img {
	position:relative;
	z-index: 3;
}
#Index .circle {
	animation-name: fadeInUp;
	animation-duration: 1.2s;
	animation-fill-mode: both;
	animation-delay:0.6s;
	margin-top:-2.5rem;
	margin-bottom:-1.5rem;
}
#Index .title {
	animation-name: fadeInUp;
	animation-duration: 1.2s;
	animation-fill-mode: both;
	animation-delay:0.2s;
	font-size:1.7rem;
	color:#4D3625;
}
#Index .title span {
	color:#FF7511
}
@keyframes fadeInUp {
	from {
	  opacity: 0;
	  transform:translate(0%,10%);
	}
  
	to {
	  opacity: 1;
	  transform:translate(0%,0);
	}
  }
@keyframes fadeInUpChar {
	from {
	  opacity: 0;
	  transform:translate(-50%,-100px);
	}
  
	to {
	  opacity: 1;
	  transform:translate(-50%,-134px);
	}
  }
#Index ul {
	display:flex;
	display:-webkit-flex;
	justify-content: center;
	gap:24px;
}
#Index ul li {
	font-size:18px; 
	color:#5E534F;
	font-weight:bold;
}
#Index ul li span {
	display:inline-block;
	font-size:18px;
	color:#fff;
	background:#8B8B8B;
	border-radius:21px;
	padding:3px 7px;
	margin-right:8px;
	font-weight:bold;
}


#Question {
	min-width:100%;
	min-height:100vh;
	min-height:100dvh;
	background:#FFEDDF;
	position:relative;
	padding-bottom:80px;
	overflow-x: hidden;
}
#Question .tit_img {
	margin-bottom:-2rem;
}
#Question .contents {
	position:relative;
	text-align:center;
}
#Question .q_tit_wrap {
	position:relative;
}
#Question .q_tit_wrap .fadeInUp {
	position:absolute;
	left:52%;
	transform:translate(-50%,0);
	top:3rem;
}
#Question .frame_wrap {
	border-radius:0.5rem;
	background:#fff;
	box-shadow: 3px 3px 6px rgba(0,0,0,.16);
	padding:0.7rem;
	max-width:970px;
	margin:auto;
	width:100%;
}
#Question .circle {
	animation-name: fadeInUp;
	animation-duration: 1.2s;
	animation-fill-mode: both;
	animation-delay:0.6s;
	margin-top:0rem;
	margin-bottom:0rem;
}

.iframe_wrapper {
	padding-top:56.4%;
	position:relative;
}
.iframe_wrapper iframe {
	position:absolute;
	width:100%;
	height: 100%;
	left:0;
	top:0
}

#Answer {
	min-width:100%;
	min-height:100vh;
	min-height:100dvh;
	background:#FFEDDF;
	position:relative;
	padding-bottom:40px;
	overflow-x: hidden;
	text-align:center;

}
#Answer .contents {
	position:relative;
	z-index: 3;
}
#Answer .flex_wrapper {
	text-align:center;
	align-items: center;
    justify-content: center;
	gap:1.25rem;
}
#Answer .flex_wrapper h2 {
	color:#4D3625;
	font-size:1.5rem;
	text-align:left;
	line-height:1.3;
}
#Answer .flex_wrapper h2 span {
	color:#FF7511;
}
#Answer .text_wrap {
	border:1px solid #FF7511;
	border-radius:0.5rem;
	background:#fff;
	position:relative;
	padding:0.75rem;
}
#Answer .text_wrap h4 {
	color:#733816;
	font-size:1rem;
	letter-spacing: -0.1rem;
}
#Answer .text_wrap h5 {
	font-size:0.8rem;
	color:#FF7511;
	font-weight:600;
	letter-spacing: -0.1rem;
}
#Answer .text_wrap .click {
	position: absolute;
    right: 1px;
    top: -46px;
	cursor: pointer;
}
#Answer .text_wrap .clip {
	position: absolute;
    left: 28px;
    top: -28px;
}
#Answer .text_wrap textarea {
	border:1px solid #DEDEDE;
	background:#fff;
	border-radius:0.4rem;
	width:100%;
	height:17rem;
	resize:none;
	padding:0.6rem 0.9rem;
}
#Answer .popup_back{
	display:none;
}
#Answer .popup {
	background:none;
	width:auto;
	height:auto;
}
#Answer .pop_btn {
	position:absolute;
	left:50%;
	bottom:3rem;
	transform:translate(-50%,0)
}
#Answer .popup .close {
	position:absolute;
	right:0;
	top:0rem;
	z-index: 2;
	cursor: pointer;
}
#Answer .circle {
	animation-name: fadeInUp;
	animation-duration: 1.2s;
	animation-fill-mode: both;
	animation-delay:0.0s;
	margin-top:0rem;
	margin-bottom:0rem;
}

#Event {
	min-width:100%;
	min-height:100vh;
	min-height:100dvh;
	background:#FFEDDF;
	padding-bottom:45px;
	overflow-x: hidden;
	position:relative;
	text-align:center;
}
#Event .contents {
	position:relative;
	z-index: 3;
}
#Event .flex_wrapper {
	text-align:center;
	align-items: center;
    justify-content: center;
	gap:1.25rem;
}
#Event .flex_wrapper h2 {
	color:#4D3625;
	font-size:1.5rem;
	text-align:left;
	line-height:1.3;
}
#Event .flex_wrapper h2 span {
	color:#FF7511;
}
#Finish>* {
	zoom:0.9;
}
#Finish {
	width:100%;
	min-height:100vh;
	min-height:100dvh;
	background:#FFEDDF;
	text-align:center;
	overflow-x: hidden;
	position:relative;
}

#Finish .cont_wrap {
	position:relative;
	width:1320px;
	margin-left:-15px;
	margin:auto;
	z-index: 3;
}
#Finish .tit_img {
	position:relative;
	z-index: 3;
}
#Finish .circle {
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%,0);
	opacity: 0;
	animation-name: fadeInUp;
	animation-duration: 1.2s;
	animation-fill-mode: both;
	animation-delay:0.2s;
}
#Finish .flex_wrapper {
	align-items: flex-end;
	justify-content: center;
	gap:1rem;
}
#Finish .flex_wrapper .copy_btn {
	position:absolute;
	left:50%;
	bottom:2rem;
	transform:translate(-50%,0)
}
#Finish .wrapper {
	width:1002px;
	margin:auto;
	text-align:center;
	letter-spacing: -0.1rem;
	position:relative;
	z-index: 2;
}
#Finish .gift_tit {
	font-size:30px;
	color:#fff;
	border-radius:18px;
	padding:16px 0 44px;
	background:#F37418;
	font-weight:bold;
	line-height:1;
	margin-bottom:-28px;
	background:#F37418;
	box-shadow:2px 2px 3px rgba(0,0,0,.16);
}
#Finish .gift_wrapper {
	justify-content: space-around;
	padding:18px 22px 26px 27px;
	background:#FFFBF3;
	border-radius:18px;
	box-shadow:2px 2px 3px rgba(0,0,0,.33);
	flex-wrap:wrap;
	gap:18px 14px;
}
#Finish .gift_wrapper li h2 {
	font-weight:300;
	font-size:31px;
	color:#F37418;
	position:relative;
	line-height:1.1;
	padding-bottom:19px;
}
#Finish .gift_wrapper li h2::after {
	content:'';
	display:block;
	width:12px;
	height:12px;
	border-radius:10px;
	position:absolute;
	left:50%;
	bottom:0;
	transform:translate(-50%,0);
	background:#F37418;
}
#Finish .gift_wrapper li h4 {
	font-size:21px;
	color:#000000;
	margin-bottom:8px;
	margin-top:-10px;
}
#Finish .gift_wrapper li p {
	font-size:18px;
	font-weight:500;
	color:#777;
}
#Finish .insta_wrapper {
	border:1px solid #F70CA0;
}
#Finish .insta_wrapper .gift_tit {
	background:linear-gradient(to left,#831AE7 0%,#F50AAA 33%,#FC2A4D 66%, #F5C304 90%);
}
#Finish .insta_wrapper .gift_tit span {
	position:relative;
}
#Finish .insta_wrapper .gift_tit span::after {
	content:'';
	display:block;
	width:101px;
	height:101px;
	position:absolute;
	left:0;
	top:60%;
	transform:translate(-100%,-50%);
	background:url(../img/finish/ico_insta.png) no-repeat 50%;
	background-size:contain;
}
#Finish .insta_wrapper li h4 {
	margin-top:-30px;
}
#Finish .cont_wrap h2 {
	font-size:1.8rem;
	color:#4D3625
}
#Finish .cont_wrap h2 strong {
	font-size:2.2rem;
	font-weight:600;
}
#Finish .cont_wrap h2 span {
	color:#FF7511
}

.popup_back {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.58);
    background: -webkit-radial-gradient(rgba(110,110,110,0.58), rgba(0,0,0,0.58));
    background:    -moz-radial-gradient(rgba(110,110,110,0.58), rgba(0,0,0,0.58));
    background:      -o-radial-gradient(rgba(110,110,110,0.58), rgba(0,0,0,0.58));
    background:         radial-gradient(rgba(110,110,110,0.58), rgba(0,0,0,0.58));
	z-index: 9;
}
.popup {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:590px;
	height:648px;
	text-align:right;
	border-radius:10px;
}
.popup .pop_tit {
	border-radius:10px 10px 0 0;
}
#Finish .popup {
	width:590px;
	height:850px;
	background:url(../img/finish/popup_cont.png) no-repeat 50%;
	text-align:center;
	padding-top:200px;
}
#Finish .pop_btn {
	position:absolute;
	bottom:3.5rem;
	left:50%;
	transform:translate(-50%,0)
}
#Finish .popup .close {
	position:absolute;
	right:-0.5rem;
	top:0rem;
}
.popup .close {
	margin-left:auto;
}
.popup ul {
	width:526px;
	margin:30px auto 20px;
}
.popup ul li {
	display:flex;
	font-size:30px;
	color:#757575;
	justify-content: flex-start;
	font-weight:800;
	letter-spacing: -2px;
	align-items: center;
	margin-top:16px;
	line-height:1.3;
}
.popup ul li em {
	display:inline-block;
	width:2px;
	background:#A4A4A4;
	height:32px;
	margin:0 20px;
}
.popup ul li .org {
	color:#F37418;
	font-weight:800;
	letter-spacing: -3px;
}
.popup ul li b {
	color:#F37418;
	font-size:33px;
	letter-spacing: -3px;
}
.popup ul li p {
	text-align:left;
	color:#242424;
	font-size:30px;
	font-weight:bold;
	letter-spacing: -2.5px;
}

@media screen and (max-width: 1440px) {
	#Index>* {
		zoom:0.8;
	}
	#Question .flex_wrapper {
		gap:70px;
	}
	#Answer .flex_wrapper {
		gap:70px;
	}
}
@media screen and (max-width: 1350px) {

}
@media (max-height: 900px) {

	#Question .contents {
		zoom:0.85;
	}
}
@media (max-height: 850px) {
	#Question .contents {
		zoom:0.8;
		position:relative;
		transform:none;
		left:0;
	}
}

.mb_10 { margin-bottom:10px;}
.mb_15 { margin-bottom:15px !important;}
.mb_20 { margin-bottom:20px;}
.mb_30 { margin-bottom:30px !important;}
.mb_35 { margin-bottom:35px;}
.mb_40 { margin-bottom:40px;}
.mb_50 { margin-bottom:50px !important;}
.mb_55 { margin-bottom:55px;}