.intro_left .left_top div:nth-child(1), .intro_left .left_bottom div:nth-child(1){
    margin-bottom: 20px;
}
.intro_left .left_top, .intro_left .left_bottom{
    text-align: right;
}


#origin_img {
    transform: scale(1.2);
}

.first_img{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 2s;
    scale: 1.3;
    z-index: 9999;
}

.next {
    opacity: 0;
    transition: 1.5s;
    transition-delay: 2s;
}



#intro1 {
    position: fixed;
    top: 0;
    left: 0;
    background: #f2bbc0;
    z-index: 999;
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: end;
}

#intro1 .intro_left {
    display: flex;
    min-height: 614px;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
}

#intro1 .intro_left{
    opacity: 0;
    transition: 1.5s;
    transition-delay: .8s;
}

#intro2 {
    position: fixed;
    top: 0;
    right: 0;
    background: #f2bbc0;
    z-index: 999;
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: start;
}

#intro1 .intro_left {margin-right: 50px}

.back_white {
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    opacity: 1;
}

html {
    overflow: hidden;
}
#intro{
    height: 90%;
    margin: 0 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 9999;
}
.page-mo{display: none;}

@media all and (max-width: 1670px) {
    .page-loader{display: none}
    .back_white{display: none}
    .page-mo{width:100%; display: block; height: calc(var(--vh, 1vh) * 100); background: #fff;position: fixed; z-index: 999;top:0; left: 0;}
}


.introt {

	font-size: 18px;
	font-family: "s-core", "Malgun Gothic", "sans-serif";
	letter-spacing: -0.05em !important;
	color: #ffa53c;
}