.section {width:100%; height:100%;}
.animation-here {opacity: 0;}


/*intro */
#intro-wrap {width:100%; height:100vh; background-color:#292E88; background-repeat: no-repeat; background-size:cover; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; text-align: center; position: relative; overflow: hidden;}
#intro-wrap .intro-page {width: 100%; max-width: 80rem; padding-left:1.6rem; padding-right:1.6rem; height: 80vh; position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
#intro-wrap .intro-page .container {width: 100%; margin-top:5rem;}
#intro-wrap .intro-page .intro-logo-type {width:100%; max-width: 45rem; margin: 0 auto;}
#intro-wrap .intro-page h3 {font-size:2rem; color:#fff; font-family: "Explora";letter-spacing: 5px; margin-bottom:10rem;}
#intro-wrap .lang-select {width:100%; margin-top:2rem; margin-bottom:3rem;}
#intro-wrap .lang-select>li {overflow: hidden;}
#intro-wrap .lang-select>li>p {font-size:2rem;}
#intro-wrap .lang-select>li:last-child>p {font-family: "Microsoft YaHei";}
#intro-wrap .lang-cont {display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; width: 100%; max-width: 65rem; margin: 0 auto; margin-bottom:11rem;}
#intro-wrap .si-wrap {display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; width: 100%; max-width: 50rem; margin: 0 auto;  position: absolute; bottom:-34%; left:50%; transform: translate(-50%,-50%);}
#intro-wrap .si-wrap>div {flex-basis: 20%; max-width: 20%;}
#intro-wrap .si-wrap>div>img {width: 100%;}
#intro-wrap .lang-cont>li {flex-basis: 26%; max-width: 26%; font-size:1.3rem; color:#fff;}
#intro-wrap .lang-cont>li>a {color:#fff;}
#intro-wrap .lang-cont>li>a img {transition:  all 0.4s;}
#intro-wrap .lang-cont>li>a:hover img {transform: translateY(-1rem);}
#intro-wrap .lang-cont>li>a:hover p {background-color:#ffffff; color:#292E88; transition: all 0.4s;}
#intro-wrap .lang-cont>li a p {font-size:1.8rem; font-weight: bold; color:#ffffff; padding:0.25rem 1rem; border:1px solid #ffffff; border-radius: 3rem; margin-top:1rem; margin-bottom:1rem;}
#intro-wrap .lang-cont>li:last-child a p {font-family: "Microsoft YaHei";}
#intro-wrap .copyright {position: absolute; top:88%; left:50%; transform: translate(-50%,-50%); font-size:1.4rem; font-family: "Play"; text-align: center; width: 100%; color:rgba(0,0,0,0.8); z-index: 99;}
 
#intro-wrap .bottom {position: absolute; height:20vh; bottom:0; width:100%; background-color:#fff; z-index: 10; padding:10px;}
/*�뱀뀡 1*/
.section#main-banner {height:100vh; overflow: hidden; background-color:black;}
.section #main-slide {width:100%; height:100%; position: relative;}
.section #main-slide .swiper-wrapper {height:100%;}
.section #main-slide .swiper-wrapper .swiper-slide {height:100%; position: relative;}
.section #main-slide .swiper-wrapper .swiper-slide.swiper-slide-active>img {animation: zoomin 5s both;}

@-webkit-keyframes zoomin {
  0% {transform: translate(-50%,-50%) scale(1.2);}
  100% {transform: translate(-50%,-50%) scale(1.0);}
} 
@keyframes zoomin {
  0% {transform: translate(-50%,-50%) scale(1.2);}
  100% {transform: translate(-50%,-50%) scale(1.0);}
}
 @-moz-keyframes zoomin {
  0% {transform: translate(-50%,-50%) scale(1.2);}
  100% {transform: translate(-50%,-50%) scale(1.0);}
}


.section #main-slide .swiper-wrapper .swiper-slide .design-box {position: absolute; bottom:0; left:0; width:20rem; height:10rem; border-radius: 0 10rem 0 0; background-color:#1E3786; z-index: 1;}
.section #main-slide .swiper-wrapper .swiper-slide>img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(1.0); width:100%; height:100%; transition: 6s ease-out; display: block;}
.section #main-slide .swiper-wrapper .swiper-slide>.scroll-wrap {position: absolute; left:50%; bottom:0%; transform: translate(-50%,-50%);z-index: 1; background-color:black; width:10rem; height:10rem; border:1px solid rgba(255,255,255,0.5);  cursor: pointer;}
.section #main-slide .swiper-wrapper .swiper-slide>.scroll-wrap:hover {background-color:#1E3786;}
.section #main-slide .swiper-wrapper .swiper-slide>.scroll-wrap img {margin:0 auto; margin-bottom:1rem; animation: down 1.3s infinite alternate;  display: block;}
@keyframes down{
  to{
    transform: translateX(10rem);
  }
  from{
    transform: translateX(20rem);
  }

}
.section #main-slide .swiper-wrapper .swiper-slide>.scroll-wrap p {color:#fff; text-align: center; font-family: "Play"; font-size:1.2rem; line-height: 1;}

.section #main-slide .swiper-wrapper .swiper-slide>.boundary {position: relative; display: flex; justify-content: flex-start; align-items: center; width:100%; height: 100%; border-left:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3); z-index: 1;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.btn-box {width:7.4rem; height:7.4rem; border:1px solid rgba(255,255,255,0.3); background-color:rgba(255,255,255,0.1); transition: all 0.4s; cursor: pointer;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.btn-box:hover {background-color:#1E3786;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.btn-box.left-btn {position: absolute; left:0; z-index: 99;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.btn-box.right-btn {position: absolute; right:0; z-index: 99;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment {position: relative; z-index: 1; padding-left:10rem; overflow: hidden; width: 100%;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li:first-child {margin-bottom:2rem;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>div>h1 {font-size:9rem; font-family: "Play";  line-height: 1; color:#fff;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>div>h1>span {-webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #fff; color:transparent;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>div>p {font-size:2rem; line-height: 1.4; color:#fff;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>div>p:last-child {margin-bottom:3rem;}

.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>.page-container {display: flex; justify-content: flex-start;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>.page-container .page-line {width:100%; max-width: 20rem;; background-color:rgba(255,255,255,0.5); height:4px; position: relative;}
.section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>.page-container .page-line>div {position: absolute; top:0; left:0; width:0%; height:4px; background-color:#fff; animation: line-animation 5s linear forwards;}




/*�뱀뀡2 �뚯궗媛쒖슂*/
.section#section_01 {width:100%; text-align: center;}
.section#section_01 .gradation>img {margin: 0 auto; transform: rotate(180deg); position: relative;}
.main-ment {text-align: center;}
.main-ment h4 {font-size:1.6rem; font-weight: 300; margin-top:1rem;}
.main-ment h2 {font-size: 5rem;}
.main-ment h3 {font-size:2.4rem; font-weight: 500;}
.main-ment p {font-size:1.6rem; margin-top:2rem; color:rgba(0,0,0,0.5);}
.section#section_01 .main-ment .dmt-btn {margin-top:3rem;}


/*�뱀뀡3 �쒗뭹�쇱씤*/
.section#section_02 {width:100%; position: relative; padding-top:5rem;}
.section#section_02 .boundary .about-wrap {width:100%; background-image: url(/assets/images/section-02-bg.jpg); background-repeat: no-repeat; color:#fff; padding-top:20rem; padding-bottom:15rem; background-color:#1E3786; background-size:cover; background-position: center;}
.section#section_02 .boundary .about-wrap .inner-boundary {width:100%; max-width: 1560px; margin: 0 auto; overflow: hidden; display: flex; justify-content: flex-start; align-items: stretch;}
.section#section_02 .boundary .about-wrap .inner-boundary .text-wrap {flex-basis: 50%; max-width: 50%;}
.section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>.sns-container {display: flex; justify-content: flex-start;  align-items: center; flex-wrap: wrap; margin-bottom:7rem;}
.section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>.sns-container>ul {display: flex; justify-content: flex-start; align-content: center;}
.section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>.sns-container>ul>li {margin-right:2rem;}
.section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>.sns-container>ul>li>a>img:last-child {display: none;}
.section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>.sns-container>ul>li>a:hover img:first-child {display: none;}
.section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>.sns-container>ul>li>a:hover img:last-child {display: block;}
.section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>li {overflow: hidden;}
.section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>li>h3 {font-size:2.4rem; font-weight: 400; margin-bottom:0.3rem;}
.section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>li>h1 {font-size:6.5rem; margin-bottom:3rem; line-height: 1;}
.section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>li>h4 {font-size:2rem; margin-bottom:2rem;}
.section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>li>p {font-size:1.6rem; font-weight: 400; overflow: hidden; }

.section#section_02 .boundary .about-wrap .inner-boundary .img-wrap {position: absolute; bottom:6rem; right:10rem;}



.section#section_03 {width:100%; background-image:url(/assets/images/incontro-big.png); background-position: 80% center; background-repeat: no-repeat; background-attachment: fixed;  position: relative; z-index: 2; padding-top:10rem;}
.section#section_03 .boundary>.inner_boundary {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.section#section_03 .boundary>.inner_boundary>.item_container {display: flex; justify-content: space-between; align-items: flex-start; flex-basis: 50%; max-width: 50%; position: relative;  z-index: 1; top:15.5rem;}  
.section#section_03 .boundary>.inner_boundary>.item_container:last-child { display: flex; justify-content: flex-start; align-items: stretch; position: sticky; top:15.5rem; transition: all 0.4s cubic-bezier(.23,1,.32,1); padding-bottom:15rem;}
.section#section_03 .boundary>.inner_boundary>.item_container>.title {color:#333333; font-family: "Play"; font-weight: bold; padding-left:10rem; transition: all 0.4s cubic-bezier(.23,1,.32,1); }
.section#section_03 .boundary>.inner_boundary>.item_container>.title.fixed {position: fixed; top:10rem; transition: all 0.4s cubic-bezier(.23,1,.32,1);}
.section#section_03 .boundary>.inner_boundary>.item_container>.title.absolute {position: absolute; top:auto; bottom: -128rem; transition: all 0.4s cubic-bezier(.23,1,.32,1);}
.section#section_03 .boundary>.inner_boundary>.item_container>.title>div>h2 {font-size:10rem; line-height: 0.9;}
.section#section_03 .boundary>.inner_boundary>.item_container>.title>div>p {font-size:1.8rem; font-family: "SCoreDream"; font-weight: 400; margin-top:2rem;}
.section#section_03 .boundary>.inner_boundary>.item_container>.title>ul {font-size:2rem;}
.section#section_03 .boundary>.inner_boundary>.item_container>.title>ul>li {line-height: 1.2;}
.section#section_03 .boundary>.inner_boundary>.item_container>.title>ul>li>b{font-size:8rem; margin-right:2rem; line-height:1;} 
.section#section_03 .boundary>.inner_boundary>.item_container>.title>.blue {color:#223F99;}
.section#section_03 .boundary>.inner_boundary>.item_container>.content {flex-basis: 48%; max-width: 48%;}
.section#section_03 .boundary>.inner_boundary>.item_container>.content:last-child {margin-top:13rem;}
.section#section_03 .boundary>.inner_boundary>.item_container>.content>.item {background-color:#fff; flex-basis: 100%; max-width: 100%; margin-bottom:4rem;  height:59rem; color:#fff; position: relative; overflow: hidden; cursor: pointer;} 
.section#section_03 .boundary>.inner_boundary>.item_container>.content>.item>img { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); transition: all 0.4s cubic-bezier(.23,1,.32,1); transform-origin:center center; vertical-align: middle; width: 100%; height:100%;}
.section#section_03 .boundary>.inner_boundary>.item_container>.content>.item:hover>img {transform: translate(-50%,-50%) scale(1.05);}
/* .section#section_03 .boundary>.inner_boundary>.item_container>.content>.item:hover:not(img) {filter:blur(100);} */
.section#section_03 .boundary>.inner_boundary>.item_container>.content>.item#pd-01>a>img {position: absolute; bottom:0%; left:50%; transform: translate(-40%,-0%); max-width: 100%; z-index: 2;} 
.section#section_03 .boundary>.inner_boundary>.item_container>.content>.item#pd-02>a>img {position: absolute; bottom:0%; left:50%; transform: translate(-40%,-0%); max-width: 100%; z-index: 2;}
.section#section_03 .boundary>.inner_boundary>.item_container>.content>.item#pd-03>a>img {position: absolute; bottom:0%; left:50%; transform: translate(-40%,-0%); max-width: 100%; z-index: 2;}
.section#section_03 .boundary>.inner_boundary>.item_container>.content>.item>a {color:#fff; position: relative; width:100%; height:100%; padding:5rem 2rem; z-index: 2; position: relative;}
.section#section_03 .boundary>.inner_boundary>.item_container>.content>.item>a>h3 {font-size:3.2rem; line-height: 1.2; position: relative; z-index: 2;}
.section#section_03 .boundary>.inner_boundary>.item_container>.content>.item>a>p {font-size:1.6rem; font-family: "Play"; font-weight: bold; position: relative; z-index: 2;}
.section#section_03 .boundary>.inner_boundary>.item_container>.content>.item>a>img {transition: all 0.4s;}

.section#section_03 .boundary>.inner_boundary>.item_container>.content>.item:hover#pd-01>a>img {transform: translate(-50%,-0%);}
.section#section_03 .boundary>.inner_boundary>.item_container>.content>.item:hover#pd-02>a>img {transform: translate(-50%,-0%);}
.section#section_03 .boundary>.inner_boundary>.item_container>.content>.item:hover#pd-03>a>img {transform: translate(-50%,-0%);}



.section#section_04 {background-image:url(/assets/images/section-04-bg.jpg); width:100%; background-repeat: no-repeat; background-size: cover; padding-top:20rem; padding-bottom:15rem; position: relative; z-index: 1;}
.section#section_04 .title {text-align: right; color:#fff;}
.section#section_04 .title>div>p {font-size:3rem;}
.section#section_04 .title>div>h2 {font-family: "Play"; text-transform: uppercase; font-size:8rem; line-height: 1.1;}
.section#section_04 .news-container {position: absolute; top:100%; left:50%; transform: translate(-50%,-50%); right:1rem; z-index: 1; width: 100%; align-items: stretch; max-width: 1920px;}
.section#section_04 .news-container .pagenation {flex-basis: 37.5%; max-width: 37.5%; z-index: 1; position: relative; padding:4rem; padding-top:0;} 
.section#section_04 .news-container .pagenation .button-wrap {display: flex; justify-content: flex-end; margin-bottom:3.7rem;}
.section#section_04 .news-container .pagenation .button-wrap>.button {cursor: pointer;}
.section#section_04 .news-container .pagenation .button-wrap>.button:first-child:hover img{position: relative; transform: translateX(-0.4rem);}
.section#section_04 .news-container .pagenation .button-wrap>.button:last-child:hover img{position: relative; transform: translateX(0.4rem);}
.section#section_04 .news-container .pagenation .button-wrap>.button>img {transition: all 0.4s;}
.section#section_04 .news-container .pagenation .page-container {display: flex; justify-content: flex-end;}
.section#section_04 .news-container .pagenation .page-container .page-line {width:100%; max-width: 39rem;; background-color:rgba(255,255,255,0.5); height:4px; position: relative;}
.section#section_04 .news-container .pagenation .page-container .page-line>div {position: absolute; top:0; left:0; width:0%; height:4px; background-color:#fff; animation: line-animation 5s linear forwards;}

@-webkit-keyframes line-animation {
  from {
     width:0;
  }
  to {
    width:100%;
  }
}

.wrap #section_01 #slide-02 .content .item:first-child {flex-basis: 100%; max-width: 100%;}
.section#section_04 .news-container .pagenation .button-wrap .button {width:9rem; height:9rem; background-color:#fff;}
.section#section_04 .news-container .pagenation .button-wrap .button:last-child {margin-left:1rem;}
.section#section_04 .news-container #news-wrap {flex-basis: 62.5%; max-width: 62.5%; overflow: hidden; padding-right:1rem; }
.section#section_04 .news-container #news-wrap .swiper-wrapper {width: 100%;}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide {background-color:#fff; padding:2.5rem; width:100%;}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide:hover {background-color:#1E3786; color:#fff;}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide:hover .detail>li>p {color:rgba(255,255,255,0.7);}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.head {width:100%; margin-bottom:4rem;}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.head>.type {font-size:1.4rem; margin-right:2rem; padding:0.5rem 2rem; background-color:black; color:#fff; border-radius: 5rem; vertical-align: middle;} 
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.head>.date {font-size:1.6rem;}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.body {margin-bottom:3rem;}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.body>li>h3 {font-size:2.4rem; line-height: 1.2;  width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.detail>li>p {font-size:1.6rem; line-height: 1.2; margin-bottom:2rem; width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; color:rgba(0,0,0,0.6);}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.button {display: flex; justify-content: flex-end;}
.section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.button>li{background-color:black; width:6rem; height:6rem;}
.section#section_04 .text-line {margin-bottom:20rem;}


/*�뱀뀡1*/
@keyframes down{
  from{
      top:-20%;
  }
  to{
      top:-25%;
  }
}

@keyframes down-02{
  from{
      top:50%;
  }
  to{
      top:55%;
  }
}



.popup-wraps {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
  flex-wrap: wrap;
  /* display: none; */
}
.popup-wraps .content {
  width: 100%;
  height: auto;
  max-width: 400px;
  margin: 1%;
  transition: all 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border:1px solid rgba(255,255,255,0.5);
}

.popup-wraps .content .img-wraps {width:100%;}
.popup-wraps .content .img-wrap>a {vertical-align: middle;}

.popup-wraps .content .img-wraps img {
  width: 100%;
  background-color: #fff;
  vertical-align: middle;
}
.popup-wraps .content .text-wraps {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  color: #333333;
  background-color: #fafafa;
  width: 100%;
}
.popup-wraps .content .text-wraps div {
  flex-basis: 50%;
  max-width: 50%;
  text-align: center;
  transition: all 0.4s;
  cursor: pointer;
  /* border: 1px solid #ddd; */
  padding: 10px;
  background-color: #000000;
  font-size: 14px;
  color:#fff;
}
.popup-wraps .content .text-wraps div:first-child {border-right:1px solid rgba(255,255,255,0.1);}
.popup-wraps .content .text-wraps div:hover {
  opacity: 0.7;
}
.pop_none {
  display: none;
}

/* .animated {opacity: 0;} */