@charset "utf-8";

/* Loading */
.loading {position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;background:#fff;}

/* Main Header */
header {position:absolute!important;top:0;transition:all 0.1s;transition-delay:0.2s;}
.header_bottom {background-color:transparent;}
.header_bottom .container_inner {border-bottom:1px solid rgba(255 255 255 / 30%);transition:all 0.2s;}
.content {margin-top:0;padding-bottom:0;}
.logo .logo_txt {color:#fff;}
nav.main_menu ul li a {color:#f0f9ff;}
nav.main_menu>ul>li:hover>a, nav.main_menu>ul>li.active>a {color:#f0f9ff;}
nav.main_menu>ul>li>a>span:before {background:#4ec4c7;}
.header_right {right:0;}
.header_inner.on:before {top:calc(100% - 1px);height:251px;}
.header_inner.on .header_bottom .container_inner {border-bottom:0;}
.admin-bar header {top:32px;}

/* Main Footer */
.main_foot {position:absolute;left:0;bottom:0;z-index:100;width:100%;padding:0 65px;box-sizing:border-box;}
.main_foot footer {background-color:transparent;}
.main_foot .footer_bottom_holder {max-width:none;width:auto;min-height:0;padding:0;}
.main_foot .footer_bottom {padding-top:20px;border-color:rgba(255 255 255 / 30%);}
.main_foot .footer_bottom, .main_foot .footer_bottom p, .main_foot .footer_bottom span {color:#fff;}
.ico_email:before {background:url(../images/ico_email_w.png) no-repeat 0 0;}
.ico_phone:before {background:url(../images/ico_phone_w.png) no-repeat 0 0;}


/* Main Contents */
body.home, body.home .wrapper, body.home .wrapper_inner {height:100%;}
body.home .content {height:100%!important;}

/* Section0 */
#section0 {position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;}
.mainSlider {width:100%;height:100%;}
.mainSlider .swiper-slide {transition-duration:1s!important;}
.mainSlider .swiper-slide .bg {width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.mainSlider .txtbox {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:left;align-items:center;padding:0 65px;text-align:left;box-sizing:border-box;}
.mainSlider .txtbox .txtbox_inner {padding:0 77px;}
.mainSlider .txtbox .txtbox_inner h2 {margin:0;font-size:72px;font-weight:900;color:#fff;line-height:1.04em;text-transform:uppercase;}
.mainSlider .txtbox .txtbox_inner p {position:relative;margin-top:25px;font-size:19px;font-weight:700;color:#fff;line-height:1.79em;letter-spacing:0;}
.mainSlider .txtbox .txtbox_inner p.last {margin-top:0;}
.main_links {display:flex;justify-content:left;align-items:center;gap:10px;flex-wrap:wrap;margin-top:32px;}
.main_links a {display:flex;justify-content:center;align-items:center;padding:0 14px;min-width:117px;height:30px;font-size:14px;color:#fff;text-align:center;background-color:#4ec4c7;box-sizing:border-box;}


/****************************************************************************************************
                                             반응형
*****************************************************************************************************/
@media only screen and (max-width: 1500px){
    .main_foot {padding:0 20px;}
}

@media only screen and (max-width: 1239px){
    .mobile_menu_button i {color:#fff;}


    .mainSlider .txtbox .txtbox_inner {padding:0;}
    .mainSlider .txtbox .txtbox_inner h2 {font-size:62px;}

}

@media only screen and (max-width: 1000px){
    .mobile_menu_button i {color:#fff;}
    .main_foot {padding:0;}
    .main_foot .footer_bottom {padding-left:20px;padding-right:20px;}

    .mainSlider .txtbox .txtbox_inner h2 {font-size:52px;}
    .mainSlider .txtbox .txtbox_inner p {font-size:17px;}
    .mainSlider .txtbox .txtbox_inner p.last br {display:none;}

}

@media only screen and (max-width: 767px){
    body.home {height:calc(100% + 139px);min-height:600px;}
    .content_inner {height:100%;}
    body.home footer {position:relative;left:0;margin-top:-139px;height:139px;transform:none;}

    #section0 {position:relative;}

    .mainSlider .txtbox {padding:0 20px;}
    .mainSlider .txtbox .txtbox_inner {margin-bottom:60px;}
    .mainSlider .txtbox .txtbox_inner h2 {font-size:42px;}
    .mainSlider .txtbox .txtbox_inner p {font-size:14px;}
}

@media only screen and (max-width: 360px) {
    .main_foot .footer_bottom {padding-left:0;padding-right:0;}
}