.mainvisual.winter{
	display: none;
}
.mainvisual_wt{
	/* display: none; */
}
.mainvisual_wt .maintext {
	box-sizing: border-box;
	padding-top: 3%;
	z-index: 11;
	/* display: none !important; */
	/* 임시로 */
}
.mainvisual_wt.winter .ani_img_total img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.mainvisual_wt.winter{
	width: 100%;
	min-height: 560px;
	aspect-ratio: 2.25 / 1;
	background: #3C5DA0;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
@media screen and (max-width: 1800px) {
    .mainvisual_wt.winter{
        aspect-ratio: 2.25 / 1.2;
    }
}
@media screen and (max-width: 1600px) {
    
}
@media screen and (max-width: 1400px) {
    .mainvisual_wt.winter{
        aspect-ratio: 2.25 / 1.4;
    }
}
@media screen and (max-width: 1024px) {
    .mainvisual_wt.winter{
        aspect-ratio: 2.25 / 1.6;
    }
}
@media screen and (max-width: 767px) {
    .mainvisual_wt.winter{
        aspect-ratio: 2.25 / 1.6;
    }
}
.mainvisual_wt.winter .ani_img_total{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.snowflakes {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
	z-index: 10;
}

.snowflake {
    position: absolute;
    top: -20px;
    color: #fff;
    user-select: none;
    pointer-events: none;
    animation: fall 10s linear infinite;
	font-size: 13px;
}

/* 눈송이가 떨어지는 애니메이션 (회전 포함) */
@keyframes fall {
    0% {
        /* transform: translateY(-20px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); */
        transform: translateY(-20px);
    }
    100% {
        /* transform: translateY(100vh) rotateX(360deg) rotateY(360deg) rotateZ(360deg); */
        transform: translateY(100vh);
    }
}

@media screen and (max-width: 767px) {
    .snowflake{
        font-size: 8px;
    }
}




.mainvisual_wt .zzz{
    opacity: 0;
    position: absolute;
    display: inline-block;
    left: 37%;
    bottom: 114%;
    width: 5%;
    animation: heart-beat 2s ease-out infinite 1.5s;
}
.mainvisual_wt .zzz02{
    opacity: 0;
    position: absolute;
    display: inline-block;
    left: 32%;
    bottom: 105%;
    width: 5%;
    animation: heart-beat 2s ease-out infinite 1s;
}
.mainvisual_wt .zzz03{
    opacity: 0;
    position: absolute;
    display: inline-block;
    left: 27%;
    bottom: 95%;
    width: 4%;
    animation: heart-beat 2s ease-out infinite 0.5s;
}

@-webkit-keyframes heart-beat {
	0% {
	  transform: scale(0.75) rotate(35deg);
	  opacity: 1;
	}
	5%, 15%, 25% {
	  transform: scale(1) rotate(35deg);
	}
	10%, 20% {
	  transform: scale(0.75) rotate(35deg);
	}
	70% {
	  opacity: 1;
	}
	100% {
	  transform: rotate(35deg) translateY(-10px) translateX(-10px);
	  opacity: 0;
	}
  }
  @keyframes heart-beat {
	0% {
	  transform: scale(0.75) rotate(35deg);
	  opacity: 1;
	}
	5%, 15%, 25% {
	  transform: scale(1) rotate(35deg);
	}
	10%, 20% {
	  transform: scale(0.75) rotate(35deg);
	}
	70% {
	  opacity: 1;
	}
	100% {
	  transform: rotate(35deg) translateY(-10px) translateX(-10px);
	  opacity: 0;
	}
  }





@media screen and (max-width: 620px) {
	.mainvisual_wt.winter {
		width: 100%;
        height: 630px;
		aspect-ratio: auto;
		background: url(/GBGC/img/main_winter_img/winter_bg.svg) center center no-repeat;
		background-size: cover;
		position: relative;
		overflow: hidden;
	}
	.mainvisual_wt.winter .maintext img.text {
        width: 43%;
    }
	.mainvisual_wt.winter .mainbtn {
		margin-top: 43px;
		gap: 12px;
	}
	.mainvisual_wt.winter .mainbtn li a{
		padding: 15px;
		padding-left: 25px;
		font-size: 16px;
		background-size: 23px;
	}
	.mainvisual_wt.winter .maintext img.text2 {
        width: 64%;
    }
}



.star_wrap{

}
.star_wrap .star {
	position: absolute;
	border-radius: 50%;
	background-color: #ffef44;
	animation: twinkle 1.5s infinite ease-in-out;
}

@keyframes twinkle {
	0%, 100% {
		opacity: 0.2;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.5);
	}
}



.sky {
	position: relative;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #3C5DA0;
	background-blend-mode: multiply;
	overflow: hidden; /* 화면 밖으로 나가는 요소를 숨김 */
}

.sky .meteor {
	position: absolute;
	width: 2px;
	height: 50px; /* 유성의 길이 */
	background: linear-gradient(to top, white, transparent);
	border-radius: 50%;
	animation: meteor-move 2s linear infinite;
	transform: translate(0, -100px) rotate(45deg);
}

@keyframes meteor-move {
	from {
		transform: translate(0, -100px) rotate(45deg);
		opacity: 1;
	}
	to {
		transform: translate(-500px, 500px) rotate(45deg); /* 이동 방향 설정 */
		opacity: 0;
	}
}



@keyframes twinkle {
	0%, 100% { opacity: 0.2; }
	50% { opacity: 1; }
}


.mainvisual_wt.winter .ani_img_total .white_ground{
	position: absolute;
    display: inline-block;
    left: 0%;
    bottom: 0%;
    width: 100%;
	font-size: 0;
	z-index: 2;
}
.mainvisual_wt.winter .ani_img_total .white_ground img{
	position: relative;
	z-index: 1;
}
@media (max-width:800px) {

}



.mainvisual_wt.winter .ani_img_total .left_tree_wrap{
    position: absolute;
    width: 34%;
    height: 161%;
    top: -100%;
    left: 0%;
    transform: translateY(24%);
}
.mainvisual_wt.winter .ani_img_total .left_tree_01{
    position: absolute;
    width: auto;
    height: 20%;
    top: -5%;
    left: 6%;
    z-index: 2;
}
.mainvisual_wt.winter .ani_img_total .left_tree_02{
    position: absolute;
    width: auto;
    height: 18%;
    top: -6%;
    left: 9%;
    z-index: 2;
}
.mainvisual_wt.winter .ani_img_total .left_tree_03{
    position: absolute;
    width: auto;
    height: 20%;
    top: -14%;
    left: 23%;
    z-index: 2;
}
.mainvisual_wt.winter .ani_img_total .left_tree_04{
    position: absolute;
    width: auto;
    height: 20%;
    top: -15%;
    left: 28.5%;
    z-index: 2;
}
.mainvisual_wt.winter .ani_img_total .right_leaf{
    position: absolute;
    width: auto;
    height: 15%;
    top: 18%;
    right: 15%;
    z-index: 2;
    animation: leaf 3s infinite linear;
    transform-origin: center bottom;
    transform: rotate(0deg);
}
@keyframes leaf {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(0);
    }
}
.mainvisual_wt.winter .ani_img_total .right_tree_wrap{
    position: absolute;
    width: 36%;
    height: 166%;
    top: -100%;
    right: 0%;
    transform: translateY(23%);
}
.mainvisual_wt.winter .ani_img_total .right_tree_01{
    position: absolute;
    width: auto;
    height: 16%;
    top: -6%;
    right: 13%;
    z-index: 2;
}
.mainvisual_wt.winter .ani_img_total .right_tree_02{
    position: absolute;
    width: auto;
    height: 18%;
    top: -6%;
    right: 9%;
    z-index: 2;
}
.mainvisual_wt.winter .ani_img_total .right_tree_02{
    position: absolute;
    width: auto;
    height: 22%;
    top: -9%;
    right: 10%;
    z-index: 2;
}
.mainvisual_wt.winter .ani_img_total .right_tree_03{
    position: absolute;
    width: auto;
    height: 16%;
    top: -3%;
    right: 7%;
    z-index: 2;
}
.mainvisual_wt.winter .ani_img_total .friend{
	position: absolute;
	width: 24%;
    height: 85%;
    top: -5%;
    left: 50%;
    transform: translateX(-50%);
	z-index: 1;
}

.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(1){
    position: absolute;
    top: 17%;
    left: 10%;
    width: 20%;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(1) img{
	position: absolute;
	width: 100%;
	height: auto;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(1) img:nth-of-type(1){
    z-index: 1;
    left: -33%;
    top: 13%;
    width: 59%;
    animation: muffler 1.5s infinite linear;
    transform-origin: right top;
    transform: rotate(0deg);
}
@keyframes muffler {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(0);
    }
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(1) img:nth-of-type(2){
	top: -71%;
	z-index: 3;
    animation: head 3s infinite ease-in-out;
}
@keyframes head {
    0% {
        transform: rotate(0);
    }
    50% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(0);
    }
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(1) img:nth-of-type(3){
	position: relative;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(1) img:nth-of-type(4){
    position: absolute;
    left: -55%;
    top: 78%;
    width: 133%;
    z-index: 0;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(1) img:nth-of-type(5){
    top: 57%;
    left: -38%;
    width: 151%;
    z-index: 0;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(1) img:nth-of-type(6){
    top: 21%;
    left: 54%;
    width: 33%;
    z-index: 3;
}

.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(2){
	position: absolute;
    top: 1%;
    left: 64%;
    width: 21%;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(2) img{
	position: absolute;
	width: 100%;
	height: auto;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(2) img:nth-of-type(1){
    position: absolute;
    z-index: 1;
    left: -17%;
    top: 37%;
    width: 57%;
    animation: rabbit_hand 1.5s infinite ease-in-out;
    transform-origin: right bottom;
    transform: rotate(0deg);
}
@keyframes rabbit_hand {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-15deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(2) img:nth-of-type(2){
	position: relative;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(2) img:nth-of-type(3){
    left: 23%;
    top: 75%;
    z-index: 0;
    width: 89%;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(2) img:nth-of-type(4){
    left: 32.3%;
    top: 47%;
    z-index: 1;
    width: 5%;
    animation: rabbit_eye01 3s infinite ease-in-out;
}
@keyframes rabbit_eye01 {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(2) img:nth-of-type(5){
    left: 47.5%;
    top: 48%;
    z-index: 1;
    width: 5.5%;
    animation: rabbit_eye01 3s infinite ease-in-out;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(2) img:nth-of-type(6){
    left: 32%;
    top: 47%;
    z-index: 1;
    width: 6.5%;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(2) img:nth-of-type(7){
    left: 47.5%;
    top: 48%;
    z-index: 1;
    width: 7%;
}




.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(3){
	position: absolute;
    top: 35%;
    left: 74%;
    width: 21%;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(3) img{
	position: absolute;
    height: auto;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(3) img:nth-of-type(1){
	top: 61%;
    left: -14%;
    width: 38%;
    transform: rotate(-48deg);
    animation: otter_tail 0.5s infinite ease-in-out;
    transform-origin: right center;
}
@keyframes otter_tail {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(3) img:nth-of-type(2){
	position: relative;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(3) img:nth-of-type(3){
	top: 83%;
    left: 0;
    z-index: -1;
    width: 138%;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(3) img:nth-of-type(4){
	top: 41%;
    left: 15%;
    animation: otter_hand 1.5s infinite ease-in-out;
}
@keyframes otter_hand {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-3deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(3) img:nth-of-type(5){
    top: 17%;
    left: 113%;
    width: 19%;
    height: auto;
    animation: heart-beat 2s ease-out infinite 0.5s;
}
@-webkit-keyframes heart-beat {
	0% {
	  transform: scale(0.75) rotate(0deg);
	  opacity: 1;
	}
	5%, 15%, 25% {
	  transform: scale(1) rotate(0deg);
	}
	10%, 20% {
	  transform: scale(0.75) rotate(0deg);
	}
	70% {
	  opacity: 1;
	}
	100% {
	  transform: rotate(0deg) translateY(-10px) translateX(10px);
	  opacity: 0;
	}
  }
@keyframes heart-beat {
	0% {
	  transform: scale(0.75) rotate(0deg);
	  opacity: 1;
	}
	5%, 15%, 25% {
	  transform: scale(1) rotate(0deg);
	}
	10%, 20% {
	  transform: scale(0.75) rotate(0deg);
	}
	70% {
	  opacity: 1;
	}
	100% {
	  transform: rotate(0deg) translateY(-10px) translateX(10px);
	  opacity: 0;
	}
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(3) img:nth-of-type(6){
    width: 19%;
    top: 5%;
    left: 135%;
    height: auto;
    animation: heart-beat 2s ease-out infinite 0.5s;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(3) img:nth-of-type(7){
    width: 2%;
    top: 24%;
    left: 45.5%;
    height: auto;
    animation: eye_up 4s infinite linear;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(3) img:nth-of-type(8){
    width: 2%;
    top: 24%;
    left: 59.5%;
    height: auto;
    animation: eye_up 4s infinite linear;
}
@keyframes eye_up {
    0% {
        top: 24%;
    }
    10% {
        top: 23%;
    }
    70% {
        top: 23%;
    }
    80% {
        top: 24%;
    }
    100% {
        top: 24%;
    }
}



.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(4){
    position: absolute;
    top: 38%;
    left: 10%;
    width: 20%;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(4) img{
	position: absolute;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(4) img:nth-of-type(1){
	position: relative;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(4) img:nth-of-type(2){
    top: 80%;
    left: -45%;
    width: 144%;
    height: auto;
    z-index: 0;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(4) img:nth-of-type(3){
    top: 9%;
    left: 65%;
    width: 61%;
    height: auto;
    animation: rabbit_hand 2.5s infinite ease-in-out;
    transform-origin: left bottom;
    transform: rotate(0deg);
}
@keyframes penguin_hand {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-15deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.mainvisual_wt.winter .ani_img_total .friend .wrap:nth-of-type(4) img:nth-of-type(4){
    top: 75%;
    left: 83%;
    width: 24%;
    height: auto;
    /* animation: rabbit_hand 2.5s infinite ease-in-out; */
    transform-origin: left top;
    transform: rotate(-7deg);
    z-index: 0;
}

.mainvisual_wt.winter .ani_img_total .friend .wrap.fire{
    position: absolute;
    top: 27%;
    left: 35%;
    width: 29%;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap.fire img{
	position: absolute;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap.fire img:nth-of-type(1){
    z-index: 2;
    width: 51%;
    height: auto;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    animation: fire1 2s infinite linear;
    transform-origin: center bottom;
}
@keyframes fire1 {
    0% {
        transform: translate(-50%, -50%) scale(1) rotate(0);
    }
    25% {
        transform: translate(-50%, -50%) scale(0.98) rotate(-1deg);
    }
    75% {
        transform: translate(-50%, -50%) scale(1.02) rotate(1deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(1) rotate(0);
    }
}
.mainvisual_wt.winter .ani_img_total .friend .wrap.fire img:nth-of-type(2){
    z-index: 1;
    top: -19%;
    left: 0;
    animation: fire2 1s infinite linear;
    transform-origin: center bottom;
    transform: rotate(0deg);
}
@keyframes fire2 {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(1deg);
    }
    75% {
        transform: rotate(-1deg);
    }
    100% {
        transform: rotate(0);
    }
}
.mainvisual_wt.winter .ani_img_total .friend .wrap.fire img:nth-of-type(3){
	position: relative;
	z-index: 0;
}


.mainvisual_wt.winter .ani_img_total .friend .wrap.lamp{
	position: absolute;
    top: 68%;
    left: 57%;
    width: 11%;
}
.mainvisual_wt.winter .ani_img_total .friend .wrap.lamp::before{
    content: "";
    position: absolute;
    left: 16%;
    top: 52px;
    width: 51%;
    height: 24%;
    box-shadow: 2px 2px 20px 20px #ffed8d;
    animation: glow 3s infinite ease-in-out;
    border-radius: 50%;
}
/* 빛나는 효과 애니메이션 */
@keyframes glow {
    0% {
        transform: scale(0.7);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(0.7);
    }
}
.mainvisual_wt.winter .ani_img_total .tent{
    position: absolute;
    width: 28%;
    height: 85%;
    top: -5%;
    left: 22%;
    transform: translateX(-50%);
    z-index: 1;
}
.mainvisual_wt.winter .ani_img_total .tent .wrap:nth-of-type(1){
    position: absolute;
    top: 13%;
    left: 53%;
    width: 26%;
}
.mainvisual_wt.winter .ani_img_total .tent .wrap:nth-of-type(2){
    position: absolute;
    top: 5%;
    left: 22%;
    width: 42%;
}

.mainvisual_wt.winter .ani_img_total .tent .wrap:nth-of-type(3){
    position: absolute;
    top: 46%;
    left: 47%;
    width: 16%;
}

.mainvisual_wt.winter .ani_img_total .car{
    position: absolute;
    width: 26%;
    height: 85%;
    top: -5%;
    left: 77%;
    transform: translateX(-50%);
    z-index: 1;
}
.mainvisual_wt.winter .ani_img_total .car .wrap:nth-of-type(1){
    position: absolute;
    top: -15%;
    left: 3%;
    width: 50%;
}
.mainvisual_wt.winter .ani_img_total .car .wrap:nth-of-type(2){
    position: absolute;
    top: 20%;
    left: 49%;
    width: 16%;
}
.mainvisual_wt.winter .ani_img_total .car .wrap:nth-of-type(3){
    position: absolute;
    top: 70%;
    left: -2%;
    width: 24%;
}



.mainvisual_wt.winter .ani_img_total .left_snow_01{
    position: absolute;
    width: auto;
    height: 11%;
    top: 37%;
    left: 0%;
    z-index: 2;
}
.mainvisual_wt.winter .ani_img_total .left_snow_02{
    position: absolute;
    width: auto;
    height: 36%;
    top: 67%;
    left: 0.5%;
    z-index: 2;
}
.mainvisual_wt.winter .ani_img_total .right_snow_01{
    position: absolute;
    width: auto;
    height: 12%;
    top: 27%;
    right: 8%;
    z-index: 2;
}
.mainvisual_wt.winter .ani_img_total .right_snow_02{
    position: absolute;
    width: auto;
    height: 41%;
    top: 64%;
    right: 1%;
    z-index: 2;
}