@charset "utf-8";

/* main layout */
._objWidget:hover ._fnctAdmin{display:block;}

/************************************************
section01 - visual slogan
************************************************/
#multipleContentsDiv_pnu_basic_67{position:relative; }
#multipleContentsDiv_pnu_basic_67 ._objHtml{position:absolute;top: 22rem;width: 100%;text-align: center;z-index:1;}

.main-slogan {color:#fff; line-height:1.3;}
.main-slogan .inner{max-width:180rem; margin:0 auto;text-align:left;}

.main-slogan .t-1{font-size:18px;font-weight: 300;display: block;margin-bottom: 20px;position:relative;}
.main-slogan .t-2{font-size:55px;display:block;font-weight: 100;}
.main-slogan .t-2.line{position:relative;padding-left:70px;}
.main-slogan .t-2.line:before{content:'';width:50px;height:1px;background:#fff;position:absolute;left:0;top:50%;margin-top:5px;}
.main-slogan .t-3{font-size:22px;font-weight: 200;margin-top: 40px;line-height: 1.6;position:relative;}

@media screen and (max-width:1800px) {
  .main-slogan .inner{padding:0 25px;}
}

@media screen and (max-width:1200px) {
  #multipleContentsDiv_pnu_basic_67 ._objHtml{top:135px;}
  .main-slogan .t-1{font-size:14px;}
  .main-slogan .t-2{font-size:40px;}
  .main-slogan .t-3{font-size:14px;margin-top: 20px;}
}

@media screen and (max-width:767px) {
  #multipleContentsDiv_pnu_basic_67 ._objHtml{top:unset;bottom:180px;}
  .main-slogan .t-2{font-size:32px;}
  .main-slogan .t-2.line{padding-left:40px;}
  .main-slogan .t-2.line:before{width:30px;top:18px;}
  .main-slogan .t-3{display:none;}
}

.quick-link .inner{max-width:192rem;margin:0 auto;display:flex;}
.quick-link a:hover{background:#fff;color:#212121 !important;font-weight:500;}
.quick-link .left{background:url('../../images/main/link-bg01-new.jpg') no-repeat left top / cover;width:55%;padding: 100px 0 100px 60px;height: 850px;position:relative;}
.quick-link .left span{font-size:400px;font-weight:900;color:rgba(255,255,255,0.07);letter-spacing:-5px;position:absolute;left: -100px;top: -40px;line-height:1;}
.quick-link .left strong{color:#fff;font-size:60px;font-weight:600;display:block;margin-bottom:20px;line-height: 1.25;}
.quick-link .left p{color:#fff;font-size:20px;font-weight:200;line-height:1.6;}
.quick-link .left p i{display:block;}
.quick-link .left .btnWrap{position:absolute;left:60px;bottom:100px;}
.quick-link .left a{font-size:18px;color:#fff;padding:15px 50px;border:2px solid #fff;border-radius:100px;transition:all ease .5s;}
.quick-link .right{width:45%;position:relative;}
.quick-link .right > ul > li{height:425px;padding: 80px 0 60px 60px;position:relative;overflow:hidden;}
.quick-link .right > ul > li:nth-child(1){background:url('../../images/main/link-bg02-new.jpg') no-repeat left top / cover;}
.quick-link .right > ul > li:nth-child(2){background:url('../../images/main/link-bg03-new.jpg') no-repeat left top / cover;}
.quick-link .right > ul > li span{font-size:300px;font-weight:900;color:rgba(255,255,255,0.07);letter-spacing:-5px;position:absolute;left: -90px;top: -20px;line-height:1;}
.quick-link .right > ul > li strong{color:#fff;font-size:40px;font-weight:500;display:block;margin-bottom:20px;line-height: 1.25;}
.quick-link .right > ul > li p{color:#fff;font-size:18px;font-weight:200;line-height:1.7;}
.quick-link .right > ul > li p i{display:block;}
.quick-link .right > ul > li .btnWrap{position:absolute;left:60px;bottom:60px;}
.quick-link .right > ul > li a{font-size:18px;color:#fff;padding:15px 50px;border:2px solid #fff;border-radius:100px;transition:all ease .5s;}

@media screen and (min-width:1921px) {
  .quick-link:before{content:'';width:55%;height:850px;background:url('../../images/main/link-bg01-new.jpg') no-repeat left top / cover;position:absolute;left:0;top:0;z-index:-1;}
  .quick-link:after{content:'';width:45%;height:850px;background:url('../../images/main/link-bg04-new.jpg') no-repeat left top / 100% 100%;position:absolute;right:0;top:0;z-index:-1;}
  .quick-link .left{background:none;}
  .quick-link .right > ul > li:nth-child(1),
  .quick-link .right > ul > li:nth-child(2){background:none;}
}

@media screen and (min-width:2200px) {
  .quick-link:before{height:1000px;}
  .quick-link:after{height:1000px;}
  .quick-link .left{height:1000px;}
  .quick-link .right > ul > li{height:500px;}
}

@media screen and (max-width:1200px) {
  .quick-link .left span{font-size:200px;top:-10px;left:-55px;}
  .quick-link .left{height:450px;padding: 50px 0 50px 40px;}
  .quick-link .left strong{font-size: 32px;margin-bottom:20px;}
  .quick-link .left p{font-size:14px;}
  .quick-link .left .btnWrap{left:30px;bottom: 50px;}
  .quick-link .left a{font-size:14px;width:130px;padding:8px 0;text-align:center;}

  .quick-link .right > ul > li{height:225px;padding: 40px 0 30px 30px;}
  .quick-link .right > ul > li span{font-size:150px;left:-40px;top:-5px;}
  .quick-link .right > ul > li strong{font-size:22px;margin-bottom:10px;}
  .quick-link .right > ul > li p{font-size:12px;}
  .quick-link .right > ul > li .btnWrap{:30px;bottom:40px;}
  .quick-link .right > ul > li a{font-size:12px;width:110px;text-align:center;padding:8px 0;left}
}

@media screen and (max-width:767px) {
  .quick-link .inner{flex-wrap:wrap;}
  .quick-link .left{height:auto;width:100%;padding: 50px 20px;}
  .quick-link .left strong{font-size:34px;}
  .quick-link .left p{font-size:16px;max-width: 60%;}
  .quick-link .left p i{display:inline-block;}
  .quick-link .right{width:100%;}
  .quick-link .right > ul > li{height:auto;padding: 50px 20px;}
  .quick-link .right > ul > li strong{font-size:34px;}
  .quick-link .right > ul > li p{font-size:16px;max-width: 60%;}
  .quick-link .right > ul > li p i{display:inline-block;}
  .quick-link .left .btnWrap,
  .quick-link .right > ul > li .btnWrap{position:initial;display: block;margin-top: 55px;}
  .quick-link .left .btnWrap a,
  .quick-link .right > ul > li .btnWrap a{padding: 10px 0;}
}


/********************
Animation Start
*****************/
/**animation**/
.main .wrap_header{animation-name:second-move1;animation-duration:1s;animation-fill-mode:both;animation-delay:1s;}
.main .visual-util{animation-name:second-move2;animation-duration:1s;animation-fill-mode:both;animation-delay:1.25s;}
.main-slogan .inner span{opacity:0;position:relative;}
.main-slogan .t-1{animation-name:first-move;animation-duration:1.25s;animation-fill-mode:both;animation-delay:0.25s;}
.main-slogan .t-2{animation-name:first-move;animation-duration:1.75s;animation-fill-mode:both;animation-delay:0.55s;}
.main-slogan .t-3{animation-name:first-move;animation-duration:1.25s;animation-fill-mode:both;animation-delay:1s;}
.wrap-visual .visual-slide .swiper-slide{overflow:hidden;}
.wrap-visual .visual-slide .swiper-slide img{animation-name:image-move;animation-duration:20s;animation-iteration-count:infinite;}
@keyframes first-move{
  0%{opacity:0;filter:blur(5px);left:-25px;}
  100%{opacity:1;filter:blur(0);left:0;}
}
@keyframes second-move1{
  0%{opacity:0;filter:blur(5px);top:-100px;}
  100%{opacity:1;filter:blur(0);top:0;}
}
@keyframes second-move2{
  0%{opacity:0;filter:blur(5px);}
  100%{opacity:1;filter:blur(0);}
}
@keyframes image-move{
  0%{transform:scale(1.2);}
  50%{transform:scale(1);}
  100%{transform:scale(1.2);}
}

@media all and (min-width:2200px) {
  .quick-link:before{left:-50%;opacity:0;transition:all ease 0.75s;}
  .quick-link:after{right:-50%;opacity:0;transition:all ease 0.75s;}
  .quick-link.scroll:before{left:0;opacity:1;}
  .quick-link.scroll:after{right:0;opacity:1;}
}

@media all and (min-width:1201px) {
  .wrap-notice ._inner ul > li .title{opacity:0;filter:blur(5px);transition:all ease 0.75s;}
  .wrap-notice ._inner ul > li + li .title{transition-delay:0.1s;}
  .wrap-notice ._inner ul > li + li + li .title{transition-delay:0.2s;}
  .wrap-notice ._inner ul > li + li + li + li .title{transition-delay:0.3s;}
  .wrap-notice ._inner ul > li .swiper-slide a{opacity:0;filter:blur(5px);transition:cubic-bezier(0.18, 0.89, 0.32, 1.28) all 0.75s;position:relative;top:50px;transition-delay:0.25s;}
  .wrap-notice ._inner ul > li .swiper-slide-active + .swiper-slide a{transition-delay:0.4s;}
  .wrap-notice ._inner ul > li .swiper-slide-active + .swiper-slide + .swiper-slide a{transition-delay:0.55s;}
  .wrap-notice .more{opacity:0;transition:all ease .75s;transition-delay:0.5s;}

  .wrap-notice.scroll ._inner ul > li .title{opacity:1;filter:blur(0);}
  .wrap-notice.scroll ._inner ul > li .swiper-slide a{opacity:1;filter:blur(0);top:0;}
  .wrap-notice.scroll .more{opacity:1;}

  .quick-link .left{left:-50%;opacity:0;transition:all ease 1s;}
  .quick-link .right{right:-50%;opacity:0;transition:all ease 1s;}
  .quick-link .left span,
  .quick-link .right > ul > li span{transform:scale(0.5);transition:cubic-bezier(0.18, 0.89, 0.32, 1.28) all 0.75s;transition-delay:1s;}
  .quick-link strong,
  .quick-link p,
  .quick-link .btnWrap{opacity:0;transition:all ease 1.25s;filter:blur(5px);transition-delay:1.25s;}

  .quick-link.scroll .left{left:0;opacity:1;}
  .quick-link.scroll .right{right:0;opacity:1;}
  .quick-link.scroll .left span,
  .quick-link.scroll .right > ul > li span{transform:scale(1);}
  .quick-link.scroll strong,
  .quick-link.scroll p,
  .quick-link.scroll .btnWrap{opacity:1;filter:blur(0);}

  .recent-headline .tab-btn{top:-50px;opacity:0;filter:blur(5px);transition:cubic-bezier(0.18, 0.89, 0.32, 1.28) all 0.75s;}
  .recent-headline .frame .tab:before{right:-50px;opacity:0;filter:blur(5px);transition:cubic-bezier(0.18, 0.89, 0.32, 1.28) all 0.75s;transition-delay:0.25s;}
  .recent-headline .first-news{top:50px;opacity:0;filter:blur(5px);transition:cubic-bezier(0.18, 0.89, 0.32, 1.28) all 0.75s;transition-delay:0.5s;}
  .recent-headline .list{position:relative;right:-50px;opacity:0;filter:blur(5px);transition:cubic-bezier(0.18, 0.89, 0.32, 1.28) all 0.75s;transition-delay:0.5s;}
  .recent-headline .list > ul > li{position:relative;right:-50px;opacity:0;filter:blur(5px);transition:cubic-bezier(0.18, 0.89, 0.32, 1.28) all 0.75s;transition-delay:0.75s;}
  .recent-headline .list > ul > li:nth-child(2){transition-delay:0.95s;}
  .recent-headline .list > ul > li:nth-child(3){transition-delay:1.15s;}
  .recent-headline  .more{opacity:0;transition:all ease .75s;transition-delay:0.5s;}

  .recent-headline.scroll .tab-btn{opacity:1;filter:blur(0);top:0;}
  .recent-headline.scroll .frame .tab:before{opacity:1;filter:blur(0);right:0;}
  .recent-headline.scroll .first-news{opacity:1;filter:blur(0);top:0;}
  .recent-headline.scroll .list{opacity:1;filter:blur(0);right:0;}
  .recent-headline.scroll .list > ul > li{opacity:1;filter:blur(0);right:0;}
  .recent-headline.scroll .more{opacity:1;}

  .main_schedule_basic{position:relative;left:-100%;transition:ease all 0.75s;}
  .main_schedule_basic .scheduleMain{opacity:0;transition:all ease 1s;transition-delay:0.5s;}

  .main_schedule_basic.scroll{left:0;}
  .main_schedule_basic.scroll .scheduleMain{opacity:1;}

  .quick-menu .quick-title{top:-50px;opacity:0;filter:blur(5px);transition:cubic-bezier(0.18, 0.89, 0.32, 1.28) all 0.75s;}
  .quick-menu .quick-title:after{right:-50px;opacity:0;filter:blur(5px);transition:cubic-bezier(0.18, 0.89, 0.32, 1.28) all 0.75s;transition-delay:0.25s;}
  .quick-menu .quick-slide .swiper-slide{top:50px;opacity:0;filter:blur(25px);transition:cubic-bezier(0.18, 0.89, 0.32, 1.28) all 1.25s;transition-delay:0.5s;}
  .quick-menu .quick-slide .swiper-slide + .swiper-slide{transition-delay:0.75s;}
  .quick-menu .quick-slide .swiper-slide + .swiper-slide + .swiper-slide{transition-delay:1s;}

  .quick-menu.scroll .quick-title{opacity:1;filter:blur(0);top:0;}
  .quick-menu.scroll .quick-title:after{opacity:1;filter:blur(0);right:0;}
  .quick-menu.scroll .quick-slide .swiper-slide{top:0;opacity:1;filter:blur(0);}
}




















/******Animation-end*******/











/*************/
/****/