@charset "UTF-8";

/* 구글아이콘 */
.main_page{background:#fff;overflow:hidden;min-width:1500px}
.main_page a{text-decoration:none}
.main_page li{list-style:none}
.main_page .inner{width:1440px;margin:0 auto}
.main_page h1,
.main_page h2,
.main_page h3,
.main_page h4{font-weight:bold}
.main_page h2{font-size:65px}
.main_page h3{font-size:40px}
.main_page h4{font-size:30px}
.main_page .pcvegas{width:100%;height:100%;min-height:100%;box-sizing:border-box}
.main_page .vegas-timer-running{display:none}
.main_page .sec01 .main_slide{position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box}
.main_page .sec01 .main_visual_pc,
.main_page .sec01 .main_visual_mobile{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.main_page .sec01 .main_visual_video{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);object-fit:cover;object-position:center center}


@media all and (max-width:1499px){
    .main_page{width:100%;	min-width:100%;}
    .main_page .inner{width:95%;}
}

@media all and (max-width:1200px){
    .main_page.scroll_lock,
    .subPage.scroll_lock{overflow:hidden;position:fixed;}
    .main_page h2{font-size:55px;}
    .main_page h3{font-size:35px;}
    .main_page h4{font-size:26px;}
    .main_page .sec01 .main_visual_pc{display:none}
    .main_page .sec01 .main_visual_mobile{display:block}
}
@media all and (max-width:768px){
    .main_page h2{font-size:44px;}
    .main_page h3{font-size:28px;}
    .main_page h4{font-size:20px;}

}
@media all and (max-width:420px){
    .main_page h2{font-size:36px;}
    .main_page h3{font-size:20px;}
    .main_page h4{font-size:18px;}
}


.main_page #container{position:relative;width:100%;min-height:100vh}
.main_page .fullpage{overflow:hidden;position:relative;width:100%;min-height:100vh;box-sizing:border-box}

/****************************** sec01 *******************************/
.vegas-animation-myAnimationDownLeft{-webkit-animation:myAnimationDownLeft ease-out;animation:myAnimationDownLeft ease-out
}

@-webkit-keyframes myAnimationDownLeft{
    0%{transform:scale(1.2) translate(5%,-5%)}
    100%{transform:scale(1) translate(0,0)}
}

@keyframes myAnimationDownLeft{
    0%{transform:scale(1.2) translate(5%,-5%)}
    100%{transform:scale(1) translate(0,0)}
}
.vegas-animation-myAnimationUpRight{
    -webkit-animation:myAnimationUpRight ease-out;animation:myAnimationUpRight ease-out
}

@-webkit-keyframes myAnimationUpRight{
    0%{transform:scale(1.2) translate(-5%,5%)}
    100%{transform:scale(1) translate(0,0)}
}

@keyframes myAnimationUpRight{
    0%{transform:scale(1.2) translate(-5%,5%)}
    100%{transform:scale(1) translate(0,0)}
}

.vegas-animation-myAnimationUp{
    -webkit-animation:myAnimationUp ease-out;animation:myAnimationUp ease-out
}

@-webkit-keyframes myAnimationUp{
    0%{transform:scale(1.2) translate(0,5%)}
    100%{transform:scale(1) translate(0,0)}
}

@keyframes myAnimationUp{
    0%{transform:scale(1.2) translate(0,5%)}
    100%{transform:scale(1) translate(0,0)}
}


.main_page .sec01 .main_slide .con_wrap{position:absolute;width:100%;height:100%;z-index:1}
.main_page .sec01 .scroll_down{z-index:2}
.main_page .sec01 .main_slide .con_wrap .inner{height:100%}
.main_page .sec01 .main_slide .con_wrap h1{display:none}
.main_page .sec01 .scroll_down{position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}
.main_page .sec01 .scroll_down .arrow{position:relative;display:block;padding-bottom:20px}
.main_page .sec01 .scroll_down .arrow:before{ 
    content:"";display:block;width:1px;height:50px;position:absolute;bottom:0;left:50%;background:rgba(255,255,255,0.4)}
.main_page .sec01 .scroll_down .arrow:after{content:"";display:inline-block;position:absolute;bottom:0;left:50%;width:1px;height:50px;background:#fff;transform:scaleY(0);animation:lineActiveAnimation 1.9s cubic-bezier(0.445,0.05,0.55,0.95) infinite}
.main_page .sec01 .scroll_down .mouse{width:26px;height:45px;border:1px solid #fff;border-radius:25px;margin:0 auto;display:block;position:relative}
.main_page .sec01 .scroll_down .mouse::before{content:"SCROLL";position:absolute;top:-25px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px}
@keyframes lineActiveAnimation {
    0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center bottom}
    49%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center bottom}
    50%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center bottom;transform-origin:center top}
    99%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
    100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
}
@keyframes visualAnimation{
    from{opacity:0;transform:translateY(100%);}
    to{opacity:1;transform:translateY(0%);}
}
@media all and (min-width:1201px){
    .main_page .sec01 .main_visual_pc{display:block}
    .main_page .sec01 .main_visual_mobile{display:none}
}
@media all and (max-width:1200px){
    .main_page .sec01 .main_slide .con_wrap h1{
        display:block;
        position:relative;
        top:50%;
        transform:translateY(-50%);
        overflow:hidden;
        text-align:center;
    }
    .main_page .sec01 .main_slide .con_wrap h1 img{
        width:auto;
        opacity:0;
        animation-name:visualAnimation;
        animation-duration:2s;
        animation-timing-function:ease;
        animation-delay:1s;
        animation-fill-mode:forwards;
    }
}
@media all and (max-width:768px){
    .main_page .sec01 .main_slide .con_wrap h1 img{width:90%}
}
/****************************** sec02 *******************************/
.main_page .sec02{background:url(/asset/www/images/main/sec02Bg.jpg) no-repeat center / cover}
.main_page .sec02 .sec_ti{color:#fff}
.main_page .sec_ti h3{font-weight:700;margin-top:20px}
.main_page .sec_ti span{font-weight:600}
.main_page .sec02 .sec02_box_wrap{display:flex;flex-direction:row;justify-content:end;margin-top:100px}
.main_page .sec02 .sec02_box_wrap li{color:#fff;width:330px;height:470px;box-shadow:0 0 0 1px inset #fff;padding:50px 30px;position:relative}
.main_page .sec02 .sec02_box_wrap li:hover{box-shadow:none}
.main_page .sec02 .sec02_box_wrap li::before{content:"";position:absolute;top:0;left:0;width:100%;height:0px;overflow:hidden;z-index:0;transition:height 0.3s ease-in-out}
.main_page .sec02 .sec02_box_wrap li:hover::before{height:100%}
.main_page .sec02 .sec02_box_wrap li:first-child:hover::before{background:url(/asset/www/images/main/secBa01.jpg) no-repeat center / cover}
.main_page .sec02 .sec02_box_wrap li:nth-child(2):hover::before{background:url(/asset/www/images/main/secBa02.jpg) no-repeat center / cover}
.main_page .sec02 .sec02_box_wrap li:last-child:hover::before{background:url(/asset/www/images/main/secBa03.jpg) no-repeat center / cover}
.main_page .sec02 .sec02_box_wrap li:nth-child(2){margin:0 35px}
.main_page .sec02 .sec02_box_wrap li .sec02_box_txt{position:relative;z-index:1;height:100%}
.main_page .sec02 .sec02_box_wrap li span{font-family:'Play';font-size:20px}
.main_page .sec02 .sec02_box_wrap li h4{margin:10px 0 20px 0}
.main_page .sec02 .sec02_box_wrap li p{font-size:20px;font-weight:800;opacity:0;visibility:hidden;transition:opacity 0.3s}
.main_page .sec02 .sec02_box_wrap li:hover p{opacity:1;visibility:visible}
.main_page .more_view{width:45px;height:45px;border:1px solid #fff;border-radius:50%;position:relative;transition:all 0.3s;display:flex;gap:10px;flex-direction:row;align-items:center}
.main_page .more_view::before{content:"点击查看";display:none;color:#fff;font-size:15px;font-weight:500;white-space:nowrap}
.main_page .more_view:hover{width:auto;border-radius:50px;transition:all 0.3s;padding:0 20px;background:#fff}
.main_page .more_view:hover::before{display:inline-block;transition:all 0.3s;color:#333}
.main_page .more_view:hover .plus_icon{position:relative;top:auto;left:auto;transform:none;background:#09367A}
.main_page .more_view:hover .plus_icon::before{background:#09367A}
.main_page .more_view .plus_icon{display:inline-block;width:14px;height:1.5px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.main_page .more_view .plus_icon::before{content:"";width:1.5px;height:14px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.main_page .sec02 .sec02_box_wrap li .more_view{position:absolute;left:0;bottom:0}


@media all and (max-width:1200px){
    .main_page .sec02 .sec02_box_wrap li p{word-break:keep-all;}
    .main_page .sec02{padding:80px 0;}
}
@media all and (max-width:768px){
    .main_page .sec02{padding:60px 0;}
    .main_page .sec02 .sec02_box_wrap{flex-direction:column;margin-top:40px;}
    .main_page .sec02 .sec02_box_wrap li{width:100%;height:330px;margin:0 auto;	padding:25px;}
    .main_page .sec02 .sec02_box_wrap li:nth-child(2){margin:10px auto;}
    .main_page .sec02 .sec02_box_wrap li p{font-size:16px;}
}
@media all and (max-width:420px){
    .main_page .sec02 .sec02_box_wrap li{height:230px;}
}


/****************************** sec03 *******************************/
.main_page .sec03{position:relative;overflow:hidden;isolation:isolate}
.main_page .sec03::after{content:"";position:absolute;left:clamp(46%, 50%, 50%);top:clamp(72px, 1vw, 160px);width:clamp(860px, 42vw, 1080px);height:clamp(230px, 11.5vw, 292px);background:url(/asset/www/images/main/sec03_item.svg) no-repeat right center / contain;z-index:-1}
.main_page .sec03 .inner,
.main_page .sec03 .sec03_swiper_wrap{position:relative;z-index:1}
.main_page .sec03 .sec_ti h3{color:#333}
.main_page .sec03 .sec_ti span{color:#005596}
.main_page .sec03 .sec03_head{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}
.main_page .sec03 .more_view{width:auto;background:#fff;border-color:#e3e3e3;border-radius:50px;padding:0 20px;}
.main_page .sec03 .more_view::before{content:none;}
.main_page .sec03 .more_view .plus_icon{position:relative;top:auto;left:auto;transform:none;background:#09367A}
.main_page .sec03 .more_view .plus_icon::before{background:#09367A}
.main_page .sec03 .sec03_swiper_wrap{position:relative;margin-top:60px;}
.main_page .sec03 .sec03_swiper{width:100%;overflow:visible;padding-bottom:60px}
.main_page .sec03 .sec03_slide_item{width:100%;height:420px;padding:60px;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.main_page .sec03 .sec03_slide_item::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,0.52);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:opacity 0.35s ease;pointer-events:none;z-index:0}
.main_page .sec03 .sec03_slide_item > *{position:relative;z-index:1}
.main_page .sec03 .sec03_swiper .swiper-slide-active .sec03_slide_item::after{opacity:0}
.main_page .sec03 .sec03_swiper .swiper-slide-duplicate-active .sec03_slide_item::after{opacity:0}
.main_page .sec03 .sec03_slide_item01{background:url(/asset/www/images/main/sec03_bnnr01.jpg) no-repeat center / cover}
.main_page .sec03 .sec03_slide_item02{background:url(/asset/www/images/main/sec03_bnnr02.jpg) no-repeat center / cover}
.main_page .sec03 .sec03_slide_item03{background:url(/asset/www/images/main/sec03_bnnr03.jpg) no-repeat center / cover}
.main_page .sec03 .sec03_slide_kicker{font-size:20px;letter-spacing:1px;opacity:0.9}
.main_page .sec03 .sec03_slide_item h4{font-size:32px;line-height:1.3;font-weight:700;word-break:keep-all}
.main_page .sec03 .sec03_slide_desc{margin-top:20px;font-size:17px;line-height:1.6;color:rgba(255, 255, 255, 0.9);word-break:keep-all}
.main_page .sec03 .sec03_swiper_prev,
.main_page .sec03 .sec03_swiper_next{position:absolute;bottom:0;width:40px;height:40px;border:1px solid #d0d7df;border-radius:50%;cursor:pointer;transition:all 0.25s ease;z-index:3}
.main_page .sec03 .sec03_swiper_prev{right:52px}
.main_page .sec03 .sec03_swiper_next{right:0}
.main_page .sec03 .sec03_swiper_prev::before,
.main_page .sec03 .sec03_swiper_next::before{content:"";position:absolute;top:50%;left:50%;width:9px;height:9px;border-top:2px solid #005596;border-right:2px solid #005596}
.main_page .sec03 .sec03_swiper_prev::before{transform:translate(-35%, -50%) rotate(-135deg)}
.main_page .sec03 .sec03_swiper_next::before{transform:translate(-65%, -50%) rotate(45deg)}
.main_page .sec03 .sec03_swiper_prev:hover,
.main_page .sec03 .sec03_swiper_next:hover{border-color:#005596;background:#005596}
.main_page .sec03 .sec03_swiper_prev:hover::before,
.main_page .sec03 .sec03_swiper_next:hover::before{border-color:#fff}
.main_page .sec03 .sec03_swiper_pagination{position:absolute;left:0;bottom:18px;width:calc(100% - 120px);height:6px;background:#e2e8ef}
.main_page .sec03 .sec03_swiper_pagination .swiper-pagination-progressbar-fill{background:#005596}

@media all and (max-width:1200px){
    .main_page .sec03{padding:80px 0}
    .main_page .sec03::after{left:49%;top:64px;width:500px;height:170px}
    .main_page .sec03 .sec03_head{flex-direction:column;align-items:flex-start;gap:18px}
    .main_page .sec03 .sec03_swiper_wrap{margin-top:40px}
    .main_page .sec03 .sec03_swiper .swiper-slide{width:calc(100vw - 80px)}
    .main_page .sec03 .sec03_slide_item{width:100%;height:460px;padding:40px 36px}
    .main_page .sec03 .sec03_slide_item h4{font-size:28px}
    .main_page .sec03 .sec03_slide_desc{font-size:16px}
    .main_page .sec03 .sec03_swiper_pagination{width:calc(100% - 110px)}
}
@media all and (max-width:768px){
    .main_page .sec03{padding:60px 0}
    .main_page .sec03::after{content:none}
    .main_page .sec03::after{left:52%;top:68px;width:220px;height:84px}
    .main_page .sec03 .sec03_head{flex-direction:column;align-items:flex-start;gap:14px}
    .main_page .sec03 .sec03_head .more_view{position:relative;top:auto;right:auto}
    .main_page .sec03 .sec03_swiper_wrap{width:100%;margin-top:28px}
    .main_page .sec03 .sec03_swiper .swiper-slide{width:calc(100vw - 32px)}
    .main_page .sec03 .sec03_slide_item{width:100%;height:420px;padding:30px 24px;opacity:1}
    .main_page .sec03 .sec03_slide_item h4{font-size:26px}
.main_page .sec03 .sec03_slide_kicker{font-size:18px}
    .main_page .sec03 .sec03_slide_desc{font-size:15px;line-height:1.5}
    .main_page .sec03 .sec03_swiper{padding-bottom:52px}
    .main_page .sec03 .sec03_swiper_pagination{width:calc(100% - 100px)}
    .main_page .sec03 .sec03_swiper_prev{right:46px}
    .main_page .sec03 .sec03_swiper_prev,
    .main_page .sec03 .sec03_swiper_next{width:34px;height:34px}
}
@media all and (max-width:420px){
    .main_page .sec03 .sec03_slide_item{height:auto}
    .main_page .sec03 .sec03_slide_item .txt_box{margin-top:20px}
}
/****************************** sec04 *******************************/
.main_page .sec04{background:url(/asset/www/images/main/sec04Bg.jpg) no-repeat center / cover;color:#fff}
.main_page .sec04 .inner{display:flex;flex-direction:row;justify-content:space-between}
.main_page .sec04 .sec04_ti p{margin-top:30px;font-size:20px;line-height:1.4}
.main_page .sec04 .quick_menu li{width:350px;height:350px;border:1px solid #fff;margin-right:-1px;margin-bottom:-1px;padding:40px;position:relative}
.main_page .sec04 .quick_menu ul{display:flex;flex-direction:row}
.main_page .sec04 .quick_menu ul:first-child{justify-content:end}

.main_page .sec04 .quick_menu ul:last-child li:last-child{overflow:hidden}
.main_page .sec04 .quick_menu ul:last-child li:last-child::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(255, 255, 255, 0.2);;backdrop-filter:blur( 6px );-webkit-backdrop-filter:blur( 6px )}
.main_page .sec04 .more_view{float:right}
.main_page .sec04 .quick_menu li .quick_txt{position:absolute;bottom:40px}
.main_page .sec04 .quick_menu li .quick_txt span{color:rgba(255, 255, 255, 0.5)}
.main_page .sec04 .quick_menu li .quick_txt h4{margin-top:8px}


@media all and (max-width:1200px){
    .main_page .sec04{padding:80px 0;}
    .main_page .sec04 .inner{flex-direction:column}
    .main_page .sec04 .inner .sec04_ti{padding-bottom:40px;}
    .main_page .sec04 .sec04_ti p{font-size:18px;}
    .main_page .sec04 .quick_menu{display:flex;}
    .main_page .sec04 .quick_menu ul:first-child{width:33.33%;}
    .main_page .sec04 .quick_menu ul:last-child{width:calc(100% - 33.33%);}
    .main_page .sec04 .quick_menu li{width:100%;    padding:20px;}
    .main_page .sec04 .quick_menu ul:last-child li{width:50%;}
    .main_page .sec04 .quick_menu ul:last-child li:last-child::before{	background:transparent;	backdrop-filter:none;	-webkit-backdrop-filter:none;}
}
@media all and (max-width:768px){
    .main_page .sec04{padding:60px 0;}
    .main_page .sec04 .sec04_ti p{font-size:16px;}
    .main_page .sec04 .quick_menu{flex-direction:column;}
    .main_page .sec04 .quick_menu ul{flex-wrap:wrap;}
    .main_page .sec04 .quick_menu li{height:180px;margin:-1px 0 0 0;}
    .main_page .sec04 .quick_menu ul:first-child,
    .main_page .sec04 .quick_menu ul:last-child,
    .main_page .sec04 .quick_menu ul:last-child li{width:100%;flex-shrink:0;}
}
@media all and (max-width:768px){
    .main_page .sec04 .sec04_ti p br{display:none;}
}




@media screen and (max-width:640px){ /* 패럴랙스가 해지되는 사이즈 */
    .main_page .fullpage{position:relative;top:auto;left:auto;} 
}

@media all and (max-width:1200px){
    /* fullPage 해제 구간: sec01만 화면 높이 유지, 나머지는 콘텐츠 높이 */
    .main_page #container,
    .main_page .fullpage{min-height:0}
    .main_page .fullpage{overflow:visible}
    .main_page .section:not(.sec01){height:auto !important;min-height:0 !important}
    .main_page .section:not(.sec01) .fp-tableCell{height:auto !important;display:block !important}
    .main_page .sec01{min-height:100vh}
}