@charset "UTF-8";
@import url("noto-sans-korean.css");

#wrap>.top>#top_img,#wrap>.top>#gnb{display:none;}
.gnb_top{margin-left:0;    position: relative; width: 700px; margin: 0 auto; height: 76px;}
/* ::-moz-selection { color: white; background: #9685ff; }
::-webkit-selection { color: white; background: #9685ff; }
::selection { color: white; background: #9685ff; } */

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,ul,li{margin:0;padding:0;}
img,fieldset{border:0}
img{vertical-align:top;}
li,ul,ol{list-style:none;}
em,address{font-style:normal;}
nav{display:block;}

a {text-decoration:none; selector-dummy:expression(this.hideFocus=true);}
a, img {selector-dummy:expression(this.hideFocus=true);}

a:hover {text-decoration:none;}
html>body {/*overflow-y:scroll;*/}

::-webkit-input-placeholder { /* 크롬 4–56 */
    color: #fff;
}
:-moz-placeholder { /* 파이어폭스 4–18 */
   color: #fff;
   opacity:  1;
}
::-moz-placeholder { /* 파이어폭스 19–50 */
   color: #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
   color:  #fff;
}
::placeholder { /* 파이어폭스 51+, 크롬 57+ */
   color: #fff;
   opacity:  1;
}




#wrap {max-width:100%;min-width:1200px;}
#wrap .top_header{position:fixed;max-width: 100%;}
/* #main_full{padding-top:120px;} */
.main_bg{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display: table; table-layout: fixed;position: relative;;}
#main_bg01 {width:100%; height:100vh;overflow:hidden;}

/* #main_bg01 .main_bg01_img{width:100%; height:100vh; background:url('/img/main/main_bg1.jpg') no-repeat center center fixed; background-size:cover; transform: scale(1.1,1.1);position:absolute;top:0;opacity:0.7;}
#main_bg01 .main_bg01_img.bg1{background:url('/img/main/main_bg1_1.jpg') no-repeat center center fixed; background-size:cover;}
#main_bg01.on .main_bg01_img{transform: scale(1.0,1.0) rotate(0.002deg);transition: transform 3000ms ease-in-out , opacity 2000ms ease 0s;opacity: 1;} */
#main_bg01 .main_bg01_img_wrap{width:100%; height:100vh;position:absolute;top:0;}
#main_bg01 .main_bg01_img_wrap .main_bg01_img{width:100%;height:100%;background-size:cover !important;-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);-webkit-transition:transform 5000ms  ease-in-out ;transition:transform 5000ms ease-in-out ;	}
#main_bg01 .main_bg01_img_wrap .bg1 .main_bg01_img{background:url('/img/main/main_bg1_2.jpg') no-repeat center center fixed; }
#main_bg01 .main_bg01_img_wrap .bg2 .main_bg01_img{background:url('/img/main/main_bg1.jpg') no-repeat center center fixed; }
#main_bg01 .main_bg01_img_wrap .bg3 .main_bg01_img{background:url('/img/main/main_bg1_1.jpg') no-repeat center center fixed;}
#main_bg01 .main_bg01_img_wrap .slick-slide.active-item .main_bg01_img{-webkit-transform: scale(1.0,1.0) rotate(0.002deg);
  transform: scale(1.0,1.0) rotate(0.002deg);}
/* #main_bg01.on .main_bg01_img{transform: scale(1.0,1.0) rotate(0.002deg);transition: transform 3000ms ease-in-out , opacity 2000ms ease 0s;opacity: 1;} */


#main_bg05 {
	width:100%;
	height:100vh;
  background:#ececec;
}
#main_bg05 .comm_wrap{position: absolute; top: 50%; left: calc(50% + 50px); transform: translateY(-50%);transition: opacity 2000ms ease 0s;}
#main_bg05 .comm_wrap .comm_item{display: block; color: #444444; font-size: 22px; background: #e1e1e1; position: relative; width: 240px; height: 290px; box-sizing: border-box; text-align: center;}
#main_bg05 .comm_wrap .comm_item .comm_item_inner{margin:5px;border:0;padding: 160px 0 85px;}
#main_bg05 .comm_wrap .comm_item_1{position:absolute;top:0;left:50%;margin-left:-130px;}
#main_bg05 .comm_wrap .comm_item_1:before{background-image:url(../img/main/icon1.png);}
#main_bg05 .comm_wrap .comm_item_1:hover:before{background-image:url(../img/main/icon1_on.png);}
#main_bg05 .comm_wrap .comm_item_2{position: absolute; top: 305px; left: 50%; margin-left: -130px;}
#main_bg05 .comm_wrap .comm_item_2:before{background-image:url(../img/main/icon2.png);}
#main_bg05 .comm_wrap .comm_item_2:hover:before{background-image:url(../img/main/icon2_on.png);}
#main_bg05 .comm_wrap .comm_item_3{position: absolute; top: 187px; left: calc(50% + 255px); margin-left: -130px;}
#main_bg05 .comm_wrap .comm_item_3:before{background-image:url(../img/main/icon3.png);}
#main_bg05 .comm_wrap .comm_item_3:hover:before{background-image:url(../img/main/icon3_on.png);}
#main_bg05 .comm_wrap .comm_item_4{position:absolute;top:187px;left:calc(50% - 410px);border:1px solid #161616;background:none;}
#main_bg05 .comm_wrap .comm_item:before{    content: ''; width: 80px; height: 80px; position: absolute; left: 50%; top: 45px; background-repeat: no-repeat; background-size: 80px 80px; margin-left: -40px;}
#main_bg05 .comm_wrap .comm_item:after{    content: ''; background: url(../img/main/icon_thin_plus.png); width: 33px; height: 33px; position: absolute; left: 50%; bottom: 45px; margin-left: -16px; line-height: 33px; background-size: 33px 33px; }

#main_bg05 .comm_wrap .comm_item_4:before{background:none;}
#main_bg05 .comm_wrap .comm_item_4:after{content:'';}

#main_bg05 .comm_wrap .comm_item:hover{background:#4b4b4b;color:#fff;}
#main_bg05 .comm_wrap .comm_item:hover .comm_item_inner{margin:5px;border:1px solid #fff;height:32px;}
#main_bg05 .comm_wrap .comm_item:hover:after{background-image: url(../img/main/icon_thin_plus_w.png);}




.main-fp-info{position:fixed;left:40px;bottom:0;color:#fff;text-align: center;height:360px;}
.main-fp-info .main-fp-current{    position: absolute;
    writing-mode: tb-rl;
    top: 10px;
    left: 25px;}
.main-fp-info .main-fp-line{      position: absolute;
    height: 220px;
    left: 20px;
    top: 0;
    width: 1px;
    background: #fff;}
.main-fp-info .main-fp-total{position:absolute;writing-mode: tb-rl;top:10px;left:-5px;;}
.main-fp-info .main-fp-scroll{    position: absolute;
    writing-mode: tb-rl;
    top: 240px;
    left: 12px;}
.main-fp-info .main-fp-arrow-wrap{
  position: absolute;
  bottom: 20px;
  left: 12px;
  height: 30px;
  -webkit-animation: bounce-y 2s infinite;
  animation: bounce-y 2s infinite;
}
.main-fp-info .main-fp-arrow{            display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
/*
  .main-fp-info .main-fp-arrow:after {
      content: "";
      background:url(../img/main/arrow_bottom_w.png);
      background-size:20px 30px;
      height: 30px;
      width: 20px;
      -webkit-animation: bounce-y 2s infinite;
      animation: bounce-y 2s infinite;
      position: absolute;
  }
*/
  .main-fp-info .main-fp-arrow::before {
    bottom: 11px;
content: "";
height: 40px;
position: absolute;
left: 17px;
transform-origin: bottom;
width: 1px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #fff;
}
.main-fp-info .main-fp-arrow::after {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
  content: "";
  display: inline-block;
  height: 12px;
  left: 6px;
  position: absolute;
  top: 7px;
  width: 12px;
}

  .slick-slide {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100) !important;
}
/* .main-fp-info .main-fp-arrow:after{content: ""; display: block; width: 2px; height: 20px; background-color: #c8c8c8; transform: rotate(-45deg) translate(6px, -4px); left: 0; top: 0;} */
/*
.main-fp-info .main-fp-arrow:before {
    height: 100%;
    background: #fff;
    opacity: .3;
    left: 0;
    top: 0;
    bottom: 0;
    content: '';
    position: absolute;
    width: 1px;
}
*/
/*
.main-fp-info .main-fp-arrow:after {
    background: #fff;
    left: 0;
    top: 0;
    content: '';
    position: absolute;
    width: 2px;
    -webkit-animation: scroll-down-line 3s infinite;
    -o-animation: scroll-down-line 3s infinite;
    animation: scroll-down-line 3s infinite;
}
*/

@-webkit-keyframes scroll-down-line {
    0%, 20% {
        height: 45%;
        top: -45%;
    }
    80%, 100% {
        height: 45%;
        top: 145%;
    }
}

@keyframes scroll-down-line {
    0%, 20% {
        height: 45%;
        top: -45%;
    }
    80%, 100% {
        height: 45%;
        top: 145%;
    }
}

@keyframes bounce-y {
    0% {
        -ms-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50%{
      -ms-transform: translateY(15px);
      -moz-transform: translateY(15px);
      -webkit-transform: translateY(15px);
      transform: translateY(15px);
    }
    100% {
      -ms-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
}

.scroll_down {width:80px;height:109px;background:url('../images/scroll_down_btn.png') no-repeat;position:fixed;left:50%;margin-left:-40px;bottom:44px;}

#logo {text-align:left;float:left;position:absolute;top:20px;}
.header_wrap {margin: 20px auto 0;z-index: 900;}
#gnb {width:1030px;margin:30px auto 0;text-align:center;color:#fff;}
#gnb > ul > li {display:inline-block;margin:0 20px;font-size:18px;font-weight:500;position:relative;}

/* Main Text */
.main_content_wrap{max-width:1400px;margin:0 auto;width:100%;}
.main_table {width:100%;position:relative;z-index: 1;}
.main_text {width:80%;margin:0 auto;text-align:left;box-sizing: border-box;}
.main_title {font-size:70px;color:#fff;line-height:75px;}
.main_title span {font-size:22px;color:#fff;}
.sub_title {font-size:18px;color:#fff;font-weight:500;line-height:30px;}

/* main visual 하단 링크버튼 */ 
.main_download_wrap{opacity:1; position:absolute; bottom:0px; left:0px; z-index:11; width:600px; background-color:#00a367;}
.main_download_wrap dl {position:relative;}
.main_download_wrap dl dt,
.main_download_wrap dl dd{float:left; width:50%; height:120px; text-align:center; color:#fff; font-size:19px; line-height:120px; }
.main_download_wrap dl dt{font-weight:600; background-color:#007d4f;letter-spacing:0; }
.main_download_wrap dl dd a{position:relative; display:block; height:100%; color:#fff; font-weight:600;font-size:17px;letter-spacing:0;text-align:left;padding-left:45px;}
.main_download_wrap dl dd a:before{position:absolute; top:0px; left:0px; width:0; height:100%; content:""; background-color:#007d4f; transition:width 0.5s}
.main_download_wrap dl dd a div.link_text_wrap{position:relative;line-height:24px;display: inline-block;vertical-align: middle;}
.main_download_wrap dl dd a div.link_text_wrap .link_text{position:relative;}
.main_download_wrap dl dd a:after{content: ''; position: absolute; top: 50%; right: 40px; background: url(/img/main/icon_main_download.png) no-repeat; width: 33px; height: 16px; transform: translateY(-50%);}
/* .main_download_wrap dl dd a .main_iconlink{position:relative; float:right;width:100px;background:#009860;}
.main_download_wrap dl dd a .main_iconlink img{vertical-align: middle;} */
.main_download_wrap dl dd a:hover:before{width:100%;}


/* 메인텍스트 */
.section{padding-top:120px;}
.section .fp-tableCell{height: calc(100vh - 120px) !important;}
.section .main_text{color:#fff;}
.section .main_text ul li.gray_title{font-size:30px;font-weight:500;color:#b1b1b2;letter-spacing: -0.25px;}
.section .main_text ul li.big_title {font-size:80px;color:inherit;font-weight:700;letter-spacing: -1.5px;line-height: 1.1;}
.section .main_text ul li.sub_title {font-size:25px;color:inherit;line-height:1.7;font-weight:200;padding-top:30px;letter-spacing: -0.9px;font-weight:500;}
.section .main_text ul li.underline_title {font-size:22px;color:inherit;line-height:30px;font-family: "Pretendard Variable","Pretendard","Raleway", sans-serif;font-weight:800;margin-top:10px;}
.section .main_text ul li.underline_title span {border-bottom:1px solid inherit;}

#main_bg01.active .big_title{overflow:hidden;}
#main_bg01.active .big_title .char {
  display: inline-block;
    animation: slide-up 0.5s 1s ease both;
    /* animation-delay: calc(150ms * var(--char-index)); */
}

#main_bg01.active .big_title.big_title1 .char {
    animation-delay: calc(150ms + (0.1s * var(--char-index)));
    
}

#main_bg01.active .big_title.big_title2 .char {
  -webkit-animation-delay: calc(2s + (0.1s * var(--char-index)));
          animation-delay: calc(2s + (0.1s * var(--char-index)));
}

/* main tbanner */
.main_text.half{max-width:1492px;margin:0 auto;}
.main_text.half ul{display:flex;justify-content: flex-start;align-items: start;color:#000;}
.main_text.half ul li{width:50%;}
.main_text.half ul li.sub_title{padding-top:0;font-size: 23px;}

#main_bg02{background:#f1f1f1;}
.main_tbanner_con{padding-top:70px;position:relative;}
/* .main_tbanner_con:after{content:'';position:absolute;width:1800px;top:50%;left:50%;transform: translateX(-50%);background:#f1f1f1;height:370px;} */
.main_tbanner_con .main_tbanner_inner{width:1492px;margin:0 auto;position:relative;display:flex;justify-content: space-between;z-index: 1;}
.main_tbanner_con .main_tbanner_inner .main_tbanner_item{width:30%;background:#fff;background-color: 1s ease-in-out;}
.main_tbanner_con .main_tbanner_inner .main_tbanner_item .main_tbanner_img{width:448px;height:302px;overflow:hidden;}
.main_tbanner_con .main_tbanner_inner .main_tbanner_item img{width:100%;transition: transform 200ms ease-in-out;}
.main_tbanner_con .main_tbanner_inner .main_tbanner_item:hover img{transform: scale(1.2);}
.main_tbanner_con .main_tbanner_inner .main_tbanner_item .main_tbanner_title_wrap{padding:30px;padding-bottom:60px;color:#000;box-sizing: border-box;transition: background 0.3s linear;}
.main_tbanner_con .main_tbanner_inner .main_tbanner_item .main_tbanner_title_wrap .main_tbanner_title{font-size:30px;font-weight:bold;}
.main_tbanner_con .main_tbanner_inner .main_tbanner_item .main_tbanner_title_wrap .main_tbanner_stitle{font-size:18px;padding-top:20px;color:#666;letter-spacing:-.5px;}

.main_tbanner_con .main_tbanner_inner .main_tbanner_item:hover {}
.main_tbanner_con .main_tbanner_inner .main_tbanner_item:hover .main_tbanner_title_wrap{color:#fff;background:#00a367;}
.main_tbanner_con .main_tbanner_inner .main_tbanner_item:hover .main_tbanner_title_wrap .main_tbanner_stitle{color:#fff;}

/* main R&D banner */
#main_bg03 {background:url(/img/main/main_rnd_bg.jpg) no-repeat center center;background-size: cover;}
.main_text.full{max-width:1492px;margin:0 auto;text-align: center;}
.main_text.full.black{color:#000;}
.main_text.full ul{display:flex;justify-content: flex-start;align-items: start;color:inherit;flex-direction: column;}
.main_text.full ul li{width:100%;}
.main_text.full ul li.sub_title{padding-top:20px;font-size: 23px;}
.main_text.full ul li.big1_title_wrap{padding-top:30px;}
.main_text.full ul li.big1_title{font-size:50px;line-height: 80px;font-weight: bold;letter-spacing: -0.25px;position: relative;width:auto;display: inline-block;margin:0 auto;overflow:hidden;}
.main_text.full ul li.sub1_title{padding-top:40px;font-size: 19px;line-height: 30px;letter-spacing: -0.2px;}


#main_bg03.active .big1_title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: solid 0.2em;
  
}

#main_bg03.active .big1_title.delayline1:after{
  -webkit-animation: underline 1s cubic-bezier(0.8, 0, 0, 1);
          animation: underline 1s cubic-bezier(0.8, 0, 0, 1);
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

#main_bg03.active .big1_title.delayline2:after{
  -webkit-animation: underline 1s cubic-bezier(0.8, 0, 0, 1);
          animation: underline 1s cubic-bezier(0.8, 0, 0, 1);
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

#main_bg03.active .big1_title.delayline3:after{
  -webkit-animation: underline 1s cubic-bezier(0.8, 0, 0, 1);
          animation: underline 1s cubic-bezier(0.8, 0, 0, 1);
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}


@-webkit-keyframes underline {
  from {
    transform: scaleX(0);
  }
}
@keyframes underline {
  from {
    transform: scaleX(0);
  }
}


#main_bg03.active .big1_title .word {
  display: inline-block;
  -webkit-animation: slide-up 1.25s cubic-bezier(0.5, 0.2, 0, 1);
          animation: slide-up 1.25s cubic-bezier(0.5, 0.2, 0, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-animation-delay: calc(0.8s + (0.1s * var(--word-index)));
          animation-delay: calc(0.8s + (0.1s * var(--word-index)));
}

#main_bg03.active .big1_title.delayline1 .word {
  -webkit-animation-delay: calc(0.8s + (0.1s * var(--word-index)));
          animation-delay: calc(0.8s + (0.1s * var(--word-index)));
}

#main_bg03.active .big1_title.delayline2 .word {
  -webkit-animation-delay: calc(1.6s + (0.1s * var(--word-index)));
          animation-delay: calc(1.6s + (0.1s * var(--word-index)));
}

#main_bg03.active .big1_title.delayline3 .word {
  -webkit-animation-delay: calc(2.4s + (0.1s * var(--word-index)));
          animation-delay: calc(2.4s + (0.1s * var(--word-index)));
}

[data-aos][data-aos][data-aos-delay="3200"]
,body[data-aos-delay="3200"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="3200"].aos-animate,
body[data-aos-delay="3200"] [data-aos].aos-animate{transition-delay:3.5s}

@-webkit-keyframes slide-up {
  from {
    transform: translateY(125%);
  }
}
@keyframes slide-up {
  from {
    transform: translateY(125%);
  }
}

/* main Global Network banner */
/* .main_map_con{width:1492px;margin:0 auto;text-align: center;} */
/* .main_map_con img{width:100%;} */
#main_bg04 .main_table{position: absolute;z-index: 2;top: 15%;}
.main_map_con{position: absolute;
    bottom: 0px;
    left: 50%;
    z-index: 1;
    height: 603px;
    width: 1168px; 
    transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    background: url(/img/main/main_gn_bg.png) no-repeat 0 0;
}

@media (min-width: 2000px) {
    .main_map_con{
        transform: translate(-50%,-30%);
    }
}

/* global network nation */
.gn-box{position:absolute; top:0px; left:0px; width:100%; height:100%; }
@keyframes gn-circle {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0.5; 
   }
  50% {
	opacity: 1.0; 
   }
  100% {
	-webkit-transform: scale(0.6);
			transform: scale(0.6);
	opacity: 0; } 
}
.gn-circle{position:absolute; display:inline-block; width:50px; height:50px;}
.incell-circle{width:150px; height:150px;}
.gn-circle > span:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }
.gn-circle > span:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.gn-circle > span:nth-child(4) { -webkit-animation-delay: 2s; animation-delay:2s; }
.gn-circle > span:nth-child(5) { -webkit-animation-delay: 2.5s; animation-delay:2.5s; }
.gn-circle > span:nth-child(6) {-webkit-animation-delay: 4s;animation-delay:4s; }
.gn-circle > span { border:1px solid rgba(0, 163, 103, 0.8) ; border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 0; top: 0px; opacity:0;filter:Alpha(opacity=0); margin: 0; width: 100%; height: 100%; -webkit-animation: gn-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite; animation: gn-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; }
.gn-circle i{ display:block; position:absolute; top:50%; left:50%; margin:-3px 0 0 -3px; width:8px; height:8px; background-color:#00a367; -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px; opacity:0.7;filter:Alpha(opacity=70); }
.gn-circle p{position:absolute; top:50%; left:50%; margin:0px 0 0 20px; color:#00a367; font-size:16px; letter-spacing:-0.3px; font-weight:600;}

#main_bg05{background:url(/img/main/main_news_bg.jpg) no-repeat center center;background-size: cover;}
.main_text.white{color:#fff;}
#main_bg05 .main_news_con{padding-top:35px;}

#bottom_dp{padding-top:0;}

.section.black .main_text ul li.big_title {color:#000;}
.section.black .main_text ul li.sub_title {color:#000;}
.section.black .main_text ul li.underline_title {color:#000;}
.section.black .main_text ul li.underline_title span {border-bottom:1px solid #000;}

/* .section .main_text{transform: translateY(30px);-webkit-transform: translateY(30px);opacity: 0;transition: all .5s;} */
/* .section.fp-completely .main_text{transform:translateX(0);opacity:1;transition-delay: 0.2s;} */
.section.black#main_bg05 .main_table > ul  {    width: 100%; margin: 0 auto; text-align: center; padding: 0 30px; box-sizing: border-box;}
.section.black#main_bg05 .main_table > ul li.big_title {font-size:2.7rem;color:#000;font-family: "Pretendard Variable","Pretendard","Montserrat",sans-serif;font-weight:700;padding-top:17px;letter-spacing: -1.5px;}
.section.black#main_bg05 .main_table > ul li.sub_title {font-size:14px;color:#000;line-height:1.7;font-weight:400;padding-top:15px;letter-spacing: -0.9px;}

#main_bg04 .bg04_context .bg_04_con{transform: translateY(30px);-webkit-transform: translateY(30px);opacity: 0;transition: all .5s;}
#main_bg04.fp-completely .bg04_context.slick-active .bg_04_con{transform:translateX(0);opacity:1;transition-delay: 0.2s;}
#main_bg05.fixed .main_text{transform: translateX(0);
    opacity: 1;
    transition-delay: 0.2s;}

/*.section .comm_item_wrap { transform: translateY(30px); -webkit-transform: translateY(30px); opacity: 0; transition: all .5s; }*/
/*#main_bg05.fixed .comm_item_wrap{transform: translateX(0);opacity: 1;transition-delay: 0.2s;}*/


/* Quick Menu */

#quick {position:fixed;top:25%;right:100px;overflow:auto;}
#quick ul {background:url('../images/main_line_bg.png') top center no-repeat;height:505px;}
#quick ul li {padding:30px 0;}


/* main_brand */
.main_text .brand_img01 {/*width:384px;height:365px;*/overflow: auto;}


/*scroll*/
.scroll{position: absolute;left: 50%;bottom: 30px;z-index: 10;width: 28px;height: 41px;background: url(/img/common/scroll-icon.png) no-repeat;background-position: center;background-size: contain;transform: translateX(-50%);}
.scroll span{display: block;width: 100%;height: 100%;position: relative;}
.scroll span::before{content: "";position: absolute;left: 50%;top: 7px;background-color: #fff;width: 4px;height: 4px;border-radius: 50%;transform: translate(-50%,0);animation: scroll_icon 1.5s infinite;}
@keyframes scroll_icon{
    0%{top: 7px;}
    60%{top: 15px;opacity: 0;}
    100%{opacity: 0;}
}
@media screen and (max-width: 1500px){
    .scroll{right: 20px;bottom: 30px;}
}
@media screen and (max-width: 1024px){
    .scroll{display: none;background-image: url(../images/scroll-icon.svg);}
}


/* fullpage nav */
#fp-nav ul li a span, .fp-slidesNav ul li a span {
  position: relative !important;
  height: 8px !important;
  width: 8px !important;
  background: #fff !important;
  margin:0 !important;
  display:block !important;
}

/* #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
  margin: 0 !important;
  height: 50px !important;
} */
#fp-nav ul li, .fp-slidesNav ul li{
  margin:18px !important;
  width:auto !important;
  height:auto !important;
}
#fp-nav ul li a, .fp-slidesNav ul li a{
  display:flex;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{
  height: 50px !important;
  border-radius: 5px !important;
  
}

#fp-nav.right{right:50px !important;}

#fp-nav.black ul li a span{
  background: #000 !important;
}

#fp-nav ul li:last-child {
  display: none;
}