@charset "UTF-8";

/* 공통 */
.event_container {
	position: relative;
	width: 100%;
	color: #000;
	font-family: 'noto4';
	background: #eee5fa;
}
.mo_event_container{
	max-width:750px;
}
.event_container button {
	border: none;
	background: none;
	cursor: pointer;
}
.event_container img {
	display: inline-block;;
	width: auto;
	height: auto;
	margin:0 auto;
	object-fit: contain;
}
.event_container .event_cont {
	position: relative;
}
.event_container .main_inner {
	position: relative;
	max-width: 1100px;
	height: 100%;
	margin: 0 auto;
	text-align:center;
}
.event_container .content_wrap {
	position: relative;
	width: 100%;
	border: 5px solid #7d32e6;
	border-radius: 30px;
	background: #fff;
}
.event_container .button_wrap {
	display: flex;
	gap: 10px;
}
@keyframes pointerBounceDiagonal {
	0%,
	100% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(-10px, -10px);
	}
}
.fix_bottom{
	background: linear-gradient(180deg, rgba(249,232,222,0) 11%, rgba(5,15,56,1) 11%);
}
.event_header{
	background:#2c53ed;
	font-size:0;
}
.content_1{
	background:#9df2f1
}
.content_2{
	background:#fafbfd 
}
.content_3{
	background:#9df2f1
}
.content_4{
	background:#2c53ed
}
.content_5{
	background:#02dedc
}
.content_5 .main_inner img{
	margin-left: -245px;
}
.content_6{
	background:#f9e8de;
	padding: 0  0 70px;
}
.fix_bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}
.fix_bottom.sticky-bottom {
	position: static;
    margin-top:-16px;
}
.main_inner .btn{
	display:inline-block;
	position:absolute;
	font-size:0;
}
.btn_link{
	width:129px;
	height:36px;
	left:50%;
	top:50%;
	transform: translateX(-107px) translateY(144px);
}
.btn_down{
	width:100px;
	height:100px;
	bottom:0;
	left:50%;
}
.btn_event{
	width: 752px;
	height: 92px;
	left:50%;
	bottom: 20px;
	transform: translateX(-376px);
}
.btn_event:after {
	clear: both;
	content: '';
	display: block;
	position: absolute;
	bottom: -83px;
	right: -54px;
	width: 105px;
	height: 113px;
	background: url('/img/event/8965/pc/finger.png') center no-repeat;
	animation: pointerBounceDiagonal 0.8s ease infinite;
}
.btn_move_section{
	width:213px;
	height:66px;
	right:0;
	bottom: 27px;
}
.btn_move_section:after {
	clear: both;
	content: '';
	display: block;
	position: absolute;
	bottom: -33px;
	right: -17px;
	width: 45px;
	height: 53px;
	background: url('/img/event/8965/pc/finger.png') center no-repeat;
	animation: pointerBounceDiagonal 0.8s ease infinite;
	background-size: cover;
}
.mo_btn_link{
	width: 22%;
	height: 3%;
	left: 60%;
	top: 62%;
	transform: none;
}
.mo_btn_event{
	width: 90%;
	height: 6%;
	left:5%;
	bottom: 8%;
	transform: translateX(0);
}
.event_container .scroll_top {
	display:none;
	position:absolute;
	right:-60px;
	bottom:calc(50% - 34px);
	width: 40px;
	height: 40px;
	border: 1px solid #a0a0a0;
	padding-top: 10px;
	background: url('//static-sdedu.akamaized.net/img1/mobile/images/free_consulting/arrow_top_on.png') no-repeat center 11% #fff;
	background-size: 30%;
	color: #a0a0a0;
	font-size: 14px;
	font-family: 'noto5';
	letter-spacing: -0.8px;
}
.event_container .sticky-bottom .scroll_top{
	display:block;
}