@keyframes mouse {0% {transform:translate(-50%, 0); }50% {transform:translate(-50%, 8px); }100% {transform:translate(-50%, 0); }}
@keyframes countingBar {0% {width: 0;}100% {width:100%;}}
/*.fp-table{margin-top: 100px;}*/

.scroll {margin:4px auto;font-size:1.3rem;font-weight:500;line-height:1;position: absolute;bottom: 31px;left: calc(50% - 50px);z-index: 1;color: #fff;text-align: center;}
.scroll p {position:relative;width:20px;height:35px;margin:0 auto 15px;border-radius: 20px;border: 3px solid #fff;}
.scroll span {position:absolute;top: 16%;left: 50%;display:inline-block;width: 7px;height: 7px;background: #fff;animation:mouse 1.2s alternate infinite;border-radius: 95px;}

.section {overflow: hidden;background-repeat: no-repeat;background-size: cover;}
header .inner,
.section .inner{clear: both;width: 1400px; max-width: 1400px;}
.section .full_content{position: relative;margin: 0 auto;}

.main_txt{color: var(--main-txt) !important;}
.main_bg{color: var(--main-bg) !important;}

.left_menu{position: fixed;top: 45%;right: 19px;z-index: 100;transform: translateY(-50%);}
.left_menu li{}
.left_menu li a{border-radius: 100%;background: rgba(0,0,0,0.3);width: 20px;height: 20px;margin: 20px 0 0 0;display:block}
.left_menu li a.active{width: 25px;height: 25px;background:var(--main-bg);margin: 19px 0 0 -2px;}
.left_menu li a span{overflow:hidden !important;position:absolute;width:1px;height:1px;margin:0;margin-left:-1px;padding:0;clip:rect(0,0,0,0);}

#fullpage{transition: all 1s;}
#slider_box{position: relative;}
#mainSlider{overflow: hidden;}
#mainSlider .video_bx{width: 100%; height: 100%; overflow: hidden;}
#mainSlider video,
#mainSlider .swiper-slide img{height: calc(100vh - 100px);width: 100%;object-fit: cover;}
#mainSlider .slider_txt{position: absolute;top: 45%;left: 13%;width: 520px;color: #fff}
/* #mainSlider .slider_txt.aos-animate .typing-txt {display: none;}
#mainSlider .slider_txt.aos-animate .typing {display: inline-block;animation-name: cursor;animation-duration: 0.3s;animation-iteration-count: infinite;border-right: 1px solid #ccc;}
@keyframes cursor {
    0% {
      border-right: 1px solid #fff;
    }
    50% {
      border-right: 1px solid #000;
    }
    100% {
      border-right: 1px solid #fff;
    }
  } */
  

#mainSlider .slider_txt b{display: block;font-size: 7rem;color: #fff;font-weight: 700;line-height: 1;}
#mainSlider .slider_txt span{display: inline-block;margin-top: 30px;color: #fff;font-size: 1.9rem;line-height: 1.5;letter-spacing: 0.05px;}
#mainSlider .mainSlider_btn {position: absolute;bottom: 15%;left: 13%;z-index: 1;display: flex;align-items: center;}
#mainSlider .mainSlider_btn .mainpage{display: flex;}
#mainSlider .mainSlider_btn .mainpage > li {position: relative;display: flex;flex:1 1 0;justify-content: center;align-items: center;position: relative;width: auto;height: 40px;border-radius:0;font-size: 16px;color: rgb(255, 255, 255);opacity: 1;padding: 0 10px;}
#mainSlider .mainSlider_btn .mainpage > li.swiper-pagination-bullet{background: 0;}
#mainSlider .mainSlider_btn .mainpage > li.swiper-pagination-bullet .txt{font-weight: 600;}
#mainSlider .mainSlider_btn .mainpage > li.swiper-pagination-bullet-active {color: #fff;}
#mainSlider .mainSlider_btn .mainpage > li .bar {width:0;height: 2px;background: #000000;}
#mainSlider .mainSlider_btn .mainpage > li.swiper-pagination-bullet-active .bar{margin-left: 10px;width: 80px;background-color: #ffffff88;}
#mainSlider .mainSlider_btn .mainpage > li.swiper-pagination-bullet-active .bar::after {content: "";width: 0; height: 2px; background: #fff;display: block;animation-name: countingBar;animation-duration: 5s;animation-timing-function: linear;animation-fill-mode:forwards;z-index: 1;}
#mainSlider .mainSlider_btn .mainBtn a{display: inline-block;width: 20px;height: 20px;font-size: 2rem; color:#fff ;opacity: 0.3;}
#mainSlider .mainSlider_btn .mainBtn a.on{opacity: 1;}

.full_content .con_tit,
#section02 .intro_con .intro_list,
#section03 .news_box > div,
#section04 .pr_box .pr_bx{position: relative;transform: translate3d(0, 50px, 0);position:relative;transition: all 1000ms ease;opacity: 0;}

body.fp-viewing-s2 #section02 .con_tit,
body.fp-viewing-s3 #section03 .con_tit,
body.fp-viewing-s4 #section04 .con_tit,
body.fp-viewing-s2 #section02 .intro_list,
body.fp-viewing-s3 #section03 .news_box > .news_bx1,
body.fp-viewing-s3 #section03 .news_box > .news_bx2,
body.fp-viewing-s3 #section03 .popup_bx,
body.fp-viewing-s4 #section04 .pr_box .pr_bx{transform: translate3d(0, 0, 0);opacity: 1;}

body.fp-viewing-s2 #section02 .con_tit,
body.fp-viewing-s3 #section03 .con_tit,
body.fp-viewing-s4 #section04 .con_tit{transition-delay: 700ms;}

body.fp-viewing-s2 #section02 .intro_list,
body.fp-viewing-s3 #section03 .news_box > .news_bx1,
body.fp-viewing-s4 #section04 .pr_box .pr_bx1{transition-delay: 1200ms;}

body.fp-viewing-s3 #section03 .news_box > .news_bx2,
body.fp-viewing-s4 #section04 .pr_box .pr_bx2{transition-delay: 1700ms;}

body.fp-viewing-s3 #section03 .popup_bx{transition-delay: 2300ms;}

.full_content .con_tit p{font-size: 4.2rem;color: #000;text-align: center;font-weight: 600;}
.full_content .btn_more{position: absolute;top: 0;right: 0;display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border:1px solid ;border-radius: 50%;}
.full_content .btn_more::before{content: "\ea13";font-family: "remixicon";font-size: 2.5rem;color: #ebebeb;}

#section02 .intro_con{margin: 70px auto 0;}
.intro_con .intro_tit{padding-bottom: 70px;}
/*.intro_con .intro_tit::after{position: absolute;bottom: 32px;left: calc(50% - 1px);content: "";width: 2px;height: 40px;background: var(--main-txt);display: block;text-align: center;}*/
.intro_con .intro_tit p{}
.intro_con .intro_list ul{display: flex;}
.intro_con .intro_list ul li{position: relative;overflow: hidden;flex-basis:20%;height: 600px;background-repeat: no-repeat;background-size:cover;transition: all 1.5s;}
.intro_con .intro_list ul li::before{content: "";position: absolute; top: 0;left: 0; background-color: var(--main-txt); display: block;width: 100%;height: 100%;opacity: 0;transition: all 1.5s;}
.intro_con .intro_list ul li:nth-of-type(1){background-image: url(../../images/khmi/main/con02_01.jpg);}
.intro_con .intro_list ul li:nth-of-type(2){background-image: url(../../images/khmi/main/con02_02.jpg);}
.intro_con .intro_list ul li:nth-of-type(3){background-image: url(../../images/khmi/main/con02_03.jpg);}
.intro_con .intro_list ul li:nth-of-type(4){background-image: url(../../images/khmi/main/con02_04.jpg);}
.intro_con .intro_list ul li:nth-of-type(5){background-image: url(../../images/khmi/main/con02_05.jpg);}
.intro_con .intro_box{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: all 1.5s;}
.intro_con .intro_box p{position: relative;text-align: center;line-height: 1.5;}
.intro_con .intro_box p span{font-size: 2rem;font-weight: 600;color: #fff;display: block;}
.intro_con .intro_box p span.sub{background-color: #ffffff3b;padding: 5px 10px;color: #fff;font-weight: 500;display: inline-block;font-size: 1.6rem;margin-bottom: 10px;}
.intro_con .intro_box .more_btn{display: block;position: absolute; bottom: 0; left: calc(50% - 50px);width: 100px;padding: 10px 0;color: #fff;border: 1px solid var(--main-color);background: #00000060;transition: all 1.5s;opacity: 0;z-index: -1;}
.intro_con .intro_box .more_btn span{font-size: 1.6rem;}
.intro_con .intro_box .more_btn:before,
.intro_con .intro_box .more_btn:after,
.intro_con .intro_box .more_btn span:before,
.intro_con .intro_box .more_btn span:after {content:"";position:absolute;background-color:#fff;}
.intro_con .intro_box .more_btn:before {top:0;right:-15px;width:0;height:2px;transition:.1s ease-in-out;}
.intro_con .intro_box .more_btn:after {bottom:0;width:2px;right:-1px;height:0;;transition:.1s ease-in-out .3s;}
.intro_con .intro_box .more_btn span:before {bottom:0;left:0;width:0;height:2px;transition:.1s ease-in-out .2s;}
.intro_con .intro_box .more_btn span:after {top:0;left:-1px;width:2px;height:0;transition:.1s ease-in-out .1s;}
.intro_con .intro_list ul li.on .intro_box .more_btn:before,
.intro_con .intro_list ul li.on .intro_box .more_btn span:before {width:96px;width:-webkit-calc(100% + 15px);width:calc(100% + 15px);}
.intro_con .intro_list ul li.on .intro_box .more_btn:after,
.intro_con .intro_list ul li.on .intro_box .more_btn span:after {height:69px;height:-webkit-calc(100% + 15px);height:calc(100% + 15px)}
.intro_con .intro_list ul li.on .intro_box .more_btn span:before{width: 100%;}
.intro_con .intro_list ul li.on .intro_box .more_btn span:after{height: 100%;}
.intro_con .intro_list ul li.on{transition: all 1.5s;flex-basis:27%;background-color:#ffffff5b;}
.intro_con .intro_list ul li.on::before{opacity: 0.5;}
.intro_con .intro_list ul li.on .intro_box{transform: scale(1.2);z-index: 1;transition: all 1.5s;}
.intro_con .intro_list ul li.on .intro_box a{ bottom: -80px;opacity: 1;z-index: 10;}

.news_box > div > p,
.pr_box > div > p{margin-bottom: 30px;font-weight: 600;font-size: 2.6rem;}
.news_box > div > p{color: #fff;}
.pr_box > div > p{position: relative;color: #000;}
.pr_box > div > p::after{content: "";width: 100%; height: 1px;background-color: #666; display: block;position: absolute;bottom: -10px; left: 0;}
.news_box .btn_more{border-color:#fff;}
.pr_box .btn_more{border-color:#000;}
.news_box .btn_more::before{color: #ebebeb;}
.pr_box .btn_more::before{color: #000;}

#section03{background-image: url(../../images/khmi/main/main_bg03.jpg);background-size: cover;background-attachment: fixed;}
#section03 .news_con{margin: 70px auto 0;}
.news_con .news_tit{padding-bottom: 70px;}
.news_con .news_tit p{color: #fff;}
.news_con .news_tit p.sub{margin-top: 10px;font-size: 2rem;font-weight: 400;color: #acbbcc;}
.news_box{display: flex;gap: 20px;padding-bottom: 30px;}
.news_box > div{position: relative;flex: 1 1 450px;}
.news_box .news_bx ul {background: #fff;border-radius: 10px;padding: 35px 22px;box-shadow: 7px 9px 5px 0px #00000069;height: calc(100% - 67px);}
.news_box .news_bx ul a{display: flex;position: relative;gap: 10px;}
.news_box .news_bx ul a:hover{text-decoration: underline;}
.news_box .news_bx ul li ~ li a{margin-top: 20px;padding-top: 20px;}
.news_box .news_bx ul li ~ li a{ border-top: 1px dotted #999;}
.news_box .news_bx ul p{font-size: 1.7rem;color: #000;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 600;position: relative;}
/*.news_box .news_bx ul a p::before{content: "";position: absolute;top: 9px;left: 0;display: block;width: 3px;height: 3px;border-radius: 50%;background-color: #333;}*/
.news_box .news_bx ul span{display: inline-block;color: #777;font-size: 1.4rem;}
.news_bx ul p span{}
.news_box .popup_bx{min-width: 0;}
.news_box .popup_bx .popupSlider{border-radius: 10px;overflow: hidden; box-shadow: 7px 9px 5px 0px #00000069;}
.news_box .popup_bx .popupSlider .swiper-slide a{display: block;border-radius: 10px;overflow: hidden;width: 460px;height: 433px;}
.news_box .popup_bx .popupSlider .swiper-slide a img{width: 100%;height: 100%; object-fit: cover;}
.popup_bx .popupSlider_btn{position: absolute; top: 0; right: 0;color: #fff;}
.news_box .popup_bx .popupSlider_btn .mainBtn{display: flex;justify-content: center;}
.news_box .popup_bx .popupSlider_btn .mainBtn .mainpage{color: #fff;line-height: 1.7;font-size: 2rem;}
.news_box .popup_bx .popupSlider_btn .mainBtn .mainpage .swiper-pagination-total{opacity: 0.7;}
.news_box .popup_bx .popupSlider_btn .mainBtn a{display: inline-block; color:#fff ;vertical-align: middle;}
.news_box .popup_bx .popupSlider_btn .mainBtn a i{font-size: 3rem;}

#section04 .pr_con{margin: 50px auto 0;}
.pr_con .pr_tit{padding-bottom: 50px;}
.pr_con .pr_tit p{color: #000;}
.pr_con .pr_tit p.sub{margin-top: 30px;font-size: 1.8rem;font-weight: 400;color: #666;}
.pr_box{margin-bottom: 65px;display:flex;gap: 20px;}
.pr_box .pr_bx{position: relative;}
.pr_box .pr_bx li{max-width: 450px;}
.pr_box .pr_bx .img_box{width: 450px;height: 253px;border-radius: 15.5px;overflow: hidden;margin: 0 auto;}
.pr_box .pr_bx .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center 0;}
.pr_box .pr_bx .img_box img{transition: 1.5s all;}
.pr_box .pr_bx .img_box:hover img{transform: scale(1.1);}
.pr_box .pr_bx .txt_box{margin-top: 20px;}
.pr_box .pr_bx .txt_box p{margin-bottom: 10px;font-size: 1.7rem; font-weight: 600;color: #000;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis; letter-spacing: 0.9px;}
.pr_box .pr_bx .txt_box span{font-size: 1.4rem;color: #666;}
.pr_box .pr_bx .pr_item:hover p,
.pr_box .pr_bx .pr_item:hover span{text-decoration: underline;}
.pr_box .pr_bx1 ul{display: flex;gap: 20px;}
/*뉴스레터 버튼
.pr_box .pr_bx2 .pr_item > a{display: flex;gap: 25px;}
.pr_box .pr_bx2 .img_box{min-width: 350px;height: 195px;}
.pr_box .pr_bx2 .txt_box{min-width: 190px;}
.pr_box .pr_bx2 .btn_newsltr{position: relative;margin-top: 20px;padding: 20px 10px 20px 80px;border: 2px solid var(--main-bg);border-radius: 15.5px;background: url(../../images/khmi/main/icon_news.png) no-repeat center left;}
.pr_box .pr_bx2 .btn_newsltr p{font-size: 1.7rem; font-weight: 500;}
.pr_box .pr_bx2 .btn_newsltr a{position: absolute;top: 16px;right: 10px;background: var(--main-bg);color:#fff;border-radius: 30px;padding: 5px 20px;text-align: center;}*/

#footerswiper{overflow: hidden;}
.main_footer_banner{background-color: #f0f0f0;}
.main_footer_banner_box{padding: 10px 0 10px 150px;}
.main_footer_banner .swiper-slide a{display: block;height: 30px;}
.main_footer_banner .swiper-slide a img{width: 100%; height: 100%; object-fit: contain;}
.footerswiper_btn{position: absolute;top: calc(50% - 17px);left:0}
.footerswiper_btn a{display: inline-block;border:1px solid #d2d2d2;background-color: #fff;padding: 3px;}
.footerswiper_btn a i{font-weight: 600;font-size: 2rem;}

@media screen and (max-width : 1400px){
  .footerswiper_btn{left: 10px;}
  .main_footer_banner_box{padding: 10px 0 10px 80px;}
    header .inner,
    .section .inner{clear: both;width: 100%; max-width: 100%;padding: 0 20px;}
    .news_box > .news_bx{flex: 1 1 48%;min-height: 100%;}
    .news_box .popup_bx .popupSlider .swiper-slide a{width: 100%;height: 100%;}
    .pr_box .pr_bx{min-width: 0;min-height: 0;overflow: hidden;}
    .pr_box .pr_bx1{flex: 1 1 60%;}
    .pr_box .pr_bx2{flex: 1 1 30%;}
    .pr_box .pr_bx li{max-width: 100%;min-width: 0; min-height: 0;overflow: hidden}
    .pr_box .pr_bx .img_box{width: 100%;height: 250px;}
    
}
@media screen and (max-width : 1300px){
    .news_box .news_bx ul li ~ li a{margin-top: 10px;}
}
@media screen and (max-width : 1201px){
    .left_menu{display: none;}
    .full_content .con_tit,
    #section02 .intro_con .intro_list,
    #section03 .news_box > div,
    #section04 .pr_box .pr_bx{position: relative;transform: none;transition: none;opacity: 1;}
    .scroll{display: none;}
    .section .full_content{margin-top: 100px;}
    #mainSlider .swiper-slide img{height: auto;}
    #mainSlider .slider_txt{top: 50px; left: 50px;}
    #mainSlider .slider_txt b{font-size: 5rem;}
    #mainSlider .mainSlider_btn{left: 50px; }
    .full_content .con_tit p{font-size: 3.6rem;}
    .section .full_content{margin-top: 100px;}
    .intro_con .intro_tit{padding-bottom: 100px;}
    /*.intro_con .intro_tit::after{bottom: 26px;height: 50px;}*/
    .intro_con .intro_list ul{}
    .intro_con .intro_list ul li{height: 300px;}
    .intro_con .intro_box p span{font-size: 1.8rem;}
    .news_con .news_tit{padding-bottom: 50px;}
    .news_box > div > p, .pr_box > div > p{font-size: 2rem;}
    .news_box .news_bx ul{padding: 15px;height: auto;}
    .news_box{gap: 20px;}
    .pr_box > div > p::after{bottom: -15px;}
    .pr_box .pr_bx .img_box{height: 170px;}
}
@media screen and (max-width : 1024px){
    .news_box /*,.pr_box*/
    {flex-wrap: wrap;}
  
}
@media screen and (max-width : 768px){
  #section02 .intro_con{margin: 50px auto 0;}
  .intro_con .intro_tit{padding-bottom: 50px;}
    .pr_con .pr_tit{padding-bottom: 40px;}
    #mainSlider .swiper-slide img{min-height: 400px;object-fit: cover;}
    #mainSlider .slider_txt,
    #mainSlider .mainSlider_btn{ left: 10%;width: 80%;}
    #mainSlider .slider_txt{top: 10%;}
    #mainSlider .mainSlider_btn{bottom: 10%;}
    #mainSlider .slider_txt b{font-size: 4rem;line-height: 1.5;}
    #mainSlider .mainSlider_btn .mainpage > li.swiper-pagination-bullet-active .bar{width: 50px;}
    .section .full_content{margin-top: 70px;}
    .full_content .con_tit p{font-size: 2.5rem;}
    /*.intro_con .intro_list ul{flex-wrap: wrap;}*/
    .intro_con .intro_list ul{flex-direction: column;}
    .intro_con .intro_list ul li{flex-basis: auto;height: auto;padding: 20px 0;background-position: 0 30%;}
    .intro_con .intro_list ul li.on{flex: 1 1 100%;min-height: auto;}
    .intro_con .intro_list ul li.on .intro_box{transform: none;/* justify-content: flex-start; */margin-top: 0;}
    .intro_con .intro_list ul li.on .intro_box a{bottom: auto;position: relative;margin-top: 20px;}
    .intro_con .intro_box{padding: 0;}
    .news_box > .news_bx{flex: 1 1 100%;}
    .pr_box .pr_bx1 ul,
    .pr_box{flex-direction: column;}
    .pr_box .pr_bx .img_box{width: 100%;height: 0;padding-top: 56.25%;position: relative;}
      .pr_box .pr_bx .img_box img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

}
@media screen and (max-width : 425px){
    #mainSlider .slider_txt,
    #mainSlider .mainSlider_btn{ left: 5%;}
    #mainSlider .mainSlider_btn .mainpage > li{padding: 0 5px;}

}