@charset "utf-8";

/* 섹션1 */
/*#section1 * { transition: all .7s ease  }*/

#section1 .wrap-split .item,
#section1 .wrap-split .anim-text .btn { transition: all .7s ease  }

#section1 .wrap-split {
    position:absolute; width: 100vw; height: 100vh;
    display: flex;
}

#section1 .wrap-split .item {
    position: relative; 
    width: calc(100%/3);
    height: 100%;
    background-size: cover;
    background-position:center center;
}
#section1 .wrap-split .item1 { background-image: url(../../../img/intro1.jpg); }
#section1 .wrap-split .item2 { background-image: url(../../../img/intro2.jpg); }
#section1 .wrap-split .item3 { background-image: url(../../../img/intro3.jpg); }
#section1 .wrap-split .item2, #section1 .wrap-split .item3 { box-shadow: -10px 0 10px rgba(0, 0, 0, 0.5); }


#section1 .wrap-split .anim-text {
    position: absolute; display: inline-block; width:80%; top:45%; left:50%; transform: translate(-50%, -45%); text-align:center;
    letter-spacing: -1px;
}

#section1 .wrap-split .anim-text span { position:relative; display:block; text-align:center; color:#fff; }
#section1 .wrap-split .anim-text span.txt1 { font-size:16px; }
#section1 .wrap-split .anim-text span.txt2 { font-size:30px; font-weight: 600 }
#section1 .wrap-split .anim-text span.txt3 { font-size:18px }
#section1 .wrap-split .anim-text span.txt4 { font-size:12px; }
#section1 .wrap-split .anim-text .btn {
    position: absolute; width: 160px; bottom:-90px; left:50%; transform: translateX(-50%); padding: 7px 20px; display:none;
    animation: anim_btn 0.3s 0.2s both;
}
#section1 .wrap-split .anim-text .btn { background-color: transparent; border: 1px solid #fff; }
#section1 .wrap-split .anim-text .btn:hover { background-color:rgba(255, 255, 255, 0.2 ); }
#section1 .wrap-split .anim-text .btn .fa { margin-left:20px }


#section1 .wrap-split .anim-text .eng, #section1 .wrap-split .anim-text .ko {
    position:realtive; width: 100%; display: block; text-align: center; top: 0; left: 0;
}
#section1 .wrap-split .anim-text .ko { position:absolute; top: -30px; filter: alpha(opacity=0); opacity: 0; }



@keyframes anim_btn { from { bottom: -30px; opacity:0 } to {  } }

#section1 .wrap-split .item .bg {
    position:relative; width:100%; height:100%; background-color:#000; filter:alpha(opacity=50); opacity:0.5;
    display: none;
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
    #section1 .wrap-split .anim-text span.txt1 { font-size:20px }
    #section1 .wrap-split .anim-text span.txt2 { font-size:40px; font-weight: 600 }
    #section1 .wrap-split .anim-text span.txt3 { font-size:22px }
    #section1 .wrap-split .anim-text span.txt4 { font-size:16px; }
    #section1 .wrap-split .anim-text .btn { font-size: 16px; }
}