html, body {
    position: relative;
    height: 100%;
    font-family: 'Noto Sans KR', sans-serif;
  }
  body {
    background: #eee;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
  }
  .swiper-container {
    width: 100%;
    height: 100%;
  }
  .swiper-slide {
    text-align: center;
    font-size: 14px;
    /* Center slide text vertically */
  }
  .swiper-container-v {
    background: #000;
  }
  .swiper-pagination-h .swiper-pagination-bullet{
      border-radius: 0;
      padding: 2px;
      opacity: 1;
  }
  .swiper-pagination-h .swiper-pagination-bullet-active{
      background: #666;
  }
  .swiper-pagination-h-1 .swiper-pagination-bullet{
      border-radius: 0;
      padding: 2px;
      opacity: 1;
  }
  .swiper-pagination-h-1 .swiper-pagination-bullet-active{
      background: #666;
  }

.swiper-button-prev{background: url(../01_22/img/sp_arr.png) no-repeat;background-position: -36px 0;width: 26px;height: 51px;margin: 0 2%;left: 0}
.swiper-button-prev:hover{background-position: -72px 0}
.swiper-button-next{background: url(../01_22/img/sp_arr.png) no-repeat;background-position: 0px -51px;width: 26px;height: 51px;margin: 0 2%}
.swiper-button-next:hover{background-position: -72px -51px}

ul.nav{width: 207px;height:411px;background: url(../01_22/img/bg_nav.png);position: absolute;left: 5%;top: 0;z-index:100}
ul.nav li:nth-child(1){padding: 30% 0;margin-bottom: 10%}
ul.nav li:nth-child(2){background: url(../01_22/img/sp_nav.gif)no-repeat;background-position-y:  0}
ul.nav li:nth-child(3){background: url(../01_22/img/sp_nav.gif)no-repeat;background-position-y:  -38px}
ul.nav li:nth-child(4){background: url(../01_22/img/sp_nav.gif)no-repeat;background-position-y:  -76px}
ul.nav li:nth-child(5){background: url(../01_22/img/sp_nav.gif)no-repeat;background-position-y:  -114px}
ul.nav li{width: 160px;margin-left: 21px;line-height: 2.5;text-indent: -9999px;background-position-x: 0;cursor: pointer;}
ul.nav li:hover{background-position-x: -160px}
ul.nav li.on{background-position-x: -320px }

/* .leftCurtain,.rightCurtain{position: fixed;width: 25%;height: 100vh;background: url(../01_22/img/bg_section.jpg)no-repeat;z-index: 5;}
.leftCurtain{left: 0;background-position: left top;background-size: 400% 100vh}
.rightCurtain{right: 0;background-position: right top;background-size: 400% 100vh} */

.topbg .intext{position: absolute;left: 50%;top: 15%;transform:translateX(-50%);}
.topbg .intext a{position: absolute;width: 100px;height: 130px;left: 43%;bottom: 0}
.topbg:nth-child(1){background-image: url(../01_22/img/bg_main1.jpg)}
.topbg:nth-child(2){background-image: url(../01_22/img/bg_main2.jpg)}
.topbg:nth-child(3){background-image: url(../01_22/img/bg_main3.jpg)}
.topbg{background-size: cover;background-repeat: no-repeat}

.swiper-container{background: url(../01_22/img/bg_section.jpg)no-repeat;background-size: 100% 100vh;background-attachment: fixed}

.indata{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 957px;height: 500px;}

#sec2 .swiper-slide:nth-child(1){background: url(../01_22/img/bg_sub1-1.png)no-repeat 50% 50%}
#sec2 .swiper-slide:nth-child(2){background: url(../01_22/img/bg_sub1-2.png)no-repeat 50% 50%}
#sec2 .swiper-slide:nth-child(3){background: url(../01_22/img/bg_sub1-3.png)no-repeat 50% 50%}
#sec2 .swiper-slide:nth-child(4){background: url(../01_22/img/bg_sub1-4.png)no-repeat 50% 50%}

#sec3 .swiper-slide:nth-child(1){background: url(../01_22/img/bg_sub2-1.png)no-repeat 50% 50%}
#sec3 .swiper-slide:nth-child(2){background: url(../01_22/img/bg_sub2-2.png)no-repeat 50% 50%}
#sec3 .swiper-slide:nth-child(3){background: url(../01_22/img/bg_sub2-3.png)no-repeat 50% 50%}
#sec3 .swiper-slide:nth-child(4){background: url(../01_22/img/bg_sub2-4.png)no-repeat 50% 50%}
#sec3 .swiper-slide:nth-child(5){background: url(../01_22/img/bg_sub2-5.png)no-repeat 50% 50%}
#sec3 .swiper-slide:nth-child(6){background: url(../01_22/img/bg_sub2-6.png)no-repeat 50% 50%}
#sec3 .swiper-slide:nth-child(7){background: url(../01_22/img/bg_sub2-7.png)no-repeat 50% 50%}
#sec3 .swiper-slide:nth-child(8){background: url(../01_22/img/bg_sub2-8.png)no-repeat 50% 50%}

#sec4 .swiper-slide:nth-child(1){background: url(../01_22/img/bg_sub3.png)no-repeat 50% 20%}
#sec4 .swiper-slide:nth-child(2){background: url(../01_22/img/bg_sub3.png)no-repeat 50% 20%}
#sec4 .swiper-slide p{}


#sec5 .swiper-slide:nth-child(1){background: url(../01_22/img/t_electrocity_title.png)no-repeat 50% 20%}
#sec5 .swiper-slide:nth-child(2){background: url(../01_22/img/t_pue_title.png)no-repeat 50% 20%}
#sec5 .swiper-slide:nth-child(3){background: url(../01_22/img/t_dioxide_title_2017.png)no-repeat 50% 20%}
#sec5 .swiper-slide:nth-child(4){background: url(../01_22/img/t_solar_title.png)no-repeat 50% 20%}