@charset "UTF-8";

html, body { scroll-behavior: smooth; }
#container { overflow: hidden; }



/* #section1 */
/* ----------------------------------------------------------------------------------------------------------------- */
#section1 { height: 100vh; }
#visual { position: relative; height: 100%; }
#visual .visual_slide { position: relative; }
#visual .visual_slide .bg { width: 100%; height: 100%; }
#visual .visual_slide .bg img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
#visual .textBox { position: absolute; top: 44%; left: 0; transform: translateY(-50%); width: 100%; text-align: center; }
#visual .textBox p { transform: translateY(30px); opacity: 0;}
#visual .textBox p.en { font-family: 'poppins'; font-weight: 400; font-size: 23px; letter-spacing: 0.02em; animation-delay: 0.1s !important; }
#visual .textBox p.title { font-size: 100px; font-weight: 500; text-transform: uppercase; animation-delay: 0.2s !important; letter-spacing: -0.05em; }
#visual .textBox p.desc { font-size: 20px; line-height: 1.4; margin-top: 30px; animation-delay: 0.4s !important; }
#visual .swiper-slide-active .textBox * { animation: fadeUp 0.8s forwards; }

#visual .swiper-container { height: 100%; }
#visual .swiper-button-prev,
#visual .swiper-button-next { width: 47px; height: 143px; }
#visual .swiper-button-prev { left: 50px; background: url('/data/skin/default_v01/img/main/btn-slide-prev-1.png') no-repeat; }
#visual .swiper-button-next { right: 50px; background: url('/data/skin/default_v01/img/main/btn-slide-next-1.png') no-repeat; }
#visual .swiper-pagination{bottom: 340px;}
#visual .swiper-pagination-bullet{width: 8px; height: 4px; border-radius: 0; opacity: 1; transition: 0.3s;}
#visual .swiper-pagination-bullet-active{width: 40px; background: #000;}

#visual #links { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 1400px; z-index: 1; }
#visual #links .links { display: flex; }
#visual #links .link { display: flex; gap: 20px; align-items: center; width: 33.3333333%; height: 169px; position: relative; border-top: 2px solid rgba(255, 255, 255, 0.2); transition: border .4s; }
#visual #links .link img.on { display: none; }
#visual #links .link .title { color: #fff; margin-bottom: 15px; font-size: 20px; font-weight: 700; transition: color .4s; }
#visual #links .link .desc { color: #fff; font-size: 16px; z-index: 1; transition: color .4s; }

#visual #links .link.active { border-color: #27bfff; }
#visual #links .link.active img.default { display: none; }
#visual #links .link.active img.on { display: block; }
#visual #links .link.active .title { color: #27bfff; }
#visual #links .link.active .desc { color: #27bfff; }

/* 스크롤버튼 */
/*#visual .scroll_down_box { position: absolute; right: 65px; bottom: 0; z-index: 9; text-align: center; }*/
/*#visual .scroll_down_box p { writing-mode: vertical-rl; text-transform: uppercase; font-size: 15px; font-family: 'poppins'; font-weight: 500; }*/
/*#visual .scroll_down_box span { display: block; height: 140px; width: 1px; background: rgba(255,255,255,.5); position: relative; margin-top: 20px; left: 50%; transform: translateX(-50%); }*/
/*#visual .scroll_down_box span::after { position: absolute; top: 0; left: 50%; transform: translateX(-50%); content: ''; animation: heightMore linear infinite forwards 2.2s; background: #fff; width: 2px; height: 50px; }*/

@keyframes heightMore {
    0% { height: 40%; }
    50% { height: 100%; }
    100% { height: 40%; }
}

@keyframes widthMore {
    0% { width: 0; }
    100% { width: 75px; }
}

@keyframes fadeUp {
    0% { transform: translateY(30px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}



/* #section2 */
/* ----------------------------------------------------------------------------------------------------------------- */
#section2 { min-height: 600px; }
#section2 .section2_inner{display: grid; grid-template-columns: repeat(2, 1fr); min-height: inherit;}
#section2 .left_box{background: url(/data/skin/default_v01/img/main/section2_bg.jpg) no-repeat center/cover; display: flex; align-items: center; justify-content: end;}
#section2 .left_box .left_inner{background: rgba(0,65,142,.8); padding: 50px 30px 0 50px; position: relative; margin-right: -50px; width: 70%;}
#section2 .left_box .left_inner .down_btn{position: relative; background: #fff; right: -30px; bottom: -4px; padding: 13px 25px; display: inline-block;}
#section2 .left_box .left_inner h3{margin: 10px 0 25px;}
#section2 .left_box .left_inner .download_box .down_p{margin: 20px 0 10px;}
#section2 .right_box{background: #edf5ff; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
#section2 .right_box > div{width: 660px; padding-left: 155px;}
#section2 .right_box .tit_box{border-bottom: 2px solid #00418e; padding-bottom: 20px;}
#section2 .right_box .board_news li{border-bottom: 1px solid #c5d5e8; padding: 30px 0;}
#section2 .right_box .board_news li .num{width: 90px;}
#section2 .right_box .board_news li .con{width: calc(100% - 90px);}
#section2 .right_box .board_news li .con h6{margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; }
#section2 .right_box .board_news li .con p{overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; }

/* #section3 */
/* ----------------------------------------------------------------------------------------------------------------- */
#section3{padding: 70px 0;}
.tit{margin: 10px 0 60px;}
#section3 .sec_ul {display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 60px;}
#section3 .sec_ul li .img_box{ text-align: center; background: linear-gradient(to bottom,  #eff6ff 0%,#c4d4e7 100%); box-shadow: 0px 0px 20px 0px rgba(49,85,130,0.15); transition: 0.3s; position: relative; z-index: 1; aspect-ratio: 160/160; width: 100%; height: auto;}
#section3 .sec_ul li .img_box::after{ content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: linear-gradient(to bottom,  #0c1e34 0%,#0c1e34 100%); opacity: 0; transition: 0.3s; z-index: -1;}
#section3 .sec_ul li .img_box img{transition: 0.3s;}
#section3 .sec_ul li .txt_box{text-align: center; margin-top: 30px;}

/* #section4 */
/* ----------------------------------------------------------------------------------------------------------------- */
#section4 {background: url(/data/skin/default_v01/img/main/section4_bg.jpg) no-repeat center/cover; padding: 100px 0;}
#section4 .sec_div02{margin-left: -80px;}
#section4 .sec_div02 label{display: block;}
#section4 .sec_div02 input{background: transparent; border: 1px solid #4c6ba6; padding: 15px ; margin-top: 10px; color: #fff;}
#section4 .sec_div02 input::placeholder{color: #a8bde4;}
#section4 .sec_div02 .submit{background: #162543; box-shadow: 0px 0px 20px 0px rgba(0,0,0,.2); border: none; cursor: pointer; transition: 0.3s;}
#section4 .sec_div03{background: url(/data/skin/default_v01/img/main/sec_div03_bg.jpg) no-repeat center/cover; padding: 50px; padding-bottom: 0; position: relative; box-shadow: -25px 0px 30px 0px rgba(0,0,0,0.5);} 
#section4 .sec_div03 .down_btn{position: absolute; background: #fff; right: 0; bottom: 0; padding: 13px 25px; display: inline-block;}
#section4 .sec_div03 h3{margin-bottom: 30px;}
#section4 .sec_div03 .sd_p{margin-bottom: 130px;}


/* #section5 */
/* ----------------------------------------------------------------------------------------------------------------- */
.w100{width: 100%;}
.w50{width: 50%;}
#section5 { padding: 90px 140px; background: #f4f5f9; position: relative;}
#section5 .swiper-slide { padding: 0 6px; }
#section5 .swiper-slide img { display: block; margin: 0 auto; }
#section5 .swiper-button-prev,
#section5 .swiper-button-next { width: 18px; height: 27px; background-size: contain;  margin: 0; transform: translateY(-50%); }
#section5 .swiper-button-prev { left: 70px; background-image: url('/data/skin/default_v01/img/main/btn-slide-prev-3.png'); }
#section5 .swiper-button-next { right: 70px; background-image: url('/data/skin/default_v01/img/main/btn-slide-next-3.png'); }