@charset "utf-8";
*{box-sizing: border-box;}
body{}
#header .gnb > li.on:before{content: '';width:20px;height:2px;background: #8BBDFF;position: absolute;left:15px;bottom:10px;opacity: 1;transition: all .3s;}

#sec1{width:100%;height:100vh;box-sizing: border-box;position: relative;}

#sec1 .tit{position: absolute;left:200px;top:50%;z-index: 2;transform: translate(0,-50%);color:#fff;}
#sec1 .tit h2{font-size:56px;line-height:68px;font-family: 'Noto Serif KR';margin-bottom:30px;}
#sec1 .tit h3{font-size:16px;line-height:22px;font-family: 'Noto Sans KR';margin-bottom:30px;}
#sec1 .tit a{padding:15px 35px;background: #8BBDFF;display: inline-block;box-sizing: border-box;color:#fff;font-weight: 500;border:2px solid #8BBDFF;transition: all .5s;}
#sec1 .tit a:hover{background: #fff;color:#8BBDFF;}

#sec1 .line{width:1px;height:220px;position: absolute;bottom:-110px;right:80px;z-index: 1;}
#sec1 .line .color{width:1px;height:0%;background: #8BBDFF;position: absolute;left:0;top:0;animation: colortb 1s ease infinite;}
@keyframes colortb{
    0% {height:0%;opacity: 1;}
    60%{opacity: .8;}
    100%{height:100%;opacity: 0;}
}

#sec1 .main_slide{width:100%;height:100%;position: relative;}
#sec1 .main_slide .img{background: #d6d6d6;width:100%;height:100%;}
#sec1 .main_slide .img1{background: url(../images/sub1/image1.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .main_slide .img2{background: url(../images/sub1/image2.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .main_slide .img3{background: url(../images/sub1/image3.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .main_slide .img4{background: url(../images/sub1/image4.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .main_slide .img5{background: url(../images/sub1/image5.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .main_slide .img6{background: url(../images/sub1/image6.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .main_slide .img7{background: url(../images/sub1/image7.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .main_slide .img8{background: url(../images/sub1/image8.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .main_slide .img9{background: url(../images/sub1/image9.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .main_slide .img10{background: url(../images/sub1/image10.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .main_slide .img11{background: url(../images/sub1/image11.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .main_slide .img12{background: url(../images/sub1/image12.jpg)no-repeat 50% 50%;background-size: cover;}

#sec1 .main_slide .cover{position: absolute;width:100%;height:100%;left:0;top:0;background: #000;z-index: 1;opacity: .05;}

#sec1 .main_slide .main_pagi{bottom:30px;}
#sec1 .main_slide .main_pagi .swiper-pagination-bullet{width:10px;height:10px;background: #fff;margin:0 5px;opacity: 1;vertical-align: middle;transition: all .3s;}
#sec1 .main_slide .main_pagi .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #8BBDFF;width:6px;height:6px;position: relative;margin:0 10px;}
#sec1 .main_slide .main_pagi .swiper-pagination-bullet.swiper-pagination-bullet-active:before{content: '';width:16px;height:16px;border:1px solid #8BBDFF;position: absolute;left:50%;top:50%;border-radius: 9px;transform: translate(-50%,-50%);}

#sec1 .main_slide .main_next{width:80px;height:80px;right:0;background: rgba(255,255,255,.3);}
#sec1 .main_slide .main_next:after{font-size:34px;color:#fff;font-weight: 600;transition: all .3s;}
#sec1 .main_slide .main_next:hover:after{color:#8BBDFF;}

#sec1 .main_slide .main_prev{width:80px;height:80px;left:0;background: rgba(255,255,255,.3);}
#sec1 .main_slide .main_prev:after{font-size:34px;color:#fff;font-weight: 600;transition: all .3s;}
#sec1 .main_slide .main_prev:hover:after{color:#8BBDFF;}

#sec2 .sec2_in .mi .img{width:100%;height:700px;background: url(../img/sub1/image3.jpg)no-repeat 50% 50%;background-size: cover;}

/*sec2*/

#sec2{width:100%;margin:0px 0 100px;font-family: 'poppins';padding-top:120px;}
#sec2 .sec2_in{width:1230px;margin:0 auto;}
#sec2 .sec2_in .top{margin-bottom:80px;text-align: center;}
#sec2 .sec2_in .top h2{font-size:42px;}
#sec2 .sec2_in .top h3{font-size:24px;margin:16px 0 32px;letter-spacing: 1px;}

#sec2 .sec2_in .wrap .wrap_top{height:509px;}
#sec2 .sec2_in .wrap .wrap_top .img{width:50%;float:left;height:100%;position: relative;}
#sec2 .sec2_in .wrap .wrap_top .img .wrap{background: #d4f4fa;border-radius: 80% 45% 80% 45%;width:509px;height:100%;margin:auto;}
#sec2 .sec2_in .wrap .wrap_top .img .wrap img{width:100%;padding:5px;border-radius: 50%;}

#sec2 .sec2_in .wrap .wrap_top .tit{width:50%;float:left;height:100%;position: relative;padding-left:30px;}
#sec2 .sec2_in .wrap .wrap_top .tit .txt{font-family: 'Josefin Sans';color:#AFE1FF;position: relative;left:0px;top:50%;transform: translateY(-50%);}
#sec2 .sec2_in .wrap .wrap_top .tit .txt h2{font-size:74px;letter-spacing: -5px;line-height:1.5em;text-indent: -6px;margin-bottom:30px;position: relative;}
#sec2 .sec2_in .wrap .wrap_top .tit .txt h3{font-size:30px;font-family: 'NanumSquare';line-height:1.3em;margin-bottom:13px;letter-spacing: .5px;}
#sec2 .sec2_in .wrap .wrap_top .tit .txt h4{font-family: 'NanumSquare';font-size:42px;letter-spacing: .5px;line-height: 1.5em;margin-bottom:60px;position: relative;}
#sec2 .sec2_in .wrap .wrap_top .tit .txt p{font-size:13px;line-height:20px;font-family: 'Noto Sans KR';font-weight: 300;letter-spacing: 1px;margin-bottom:12px;}
#sec2 .sec2_in .wrap .wrap_top .tit .txt span{font-size:11px;line-height:13px;color:rgba(175,225,255,.4);letter-spacing: -.5px;}

#sec2 .sec2_in .wrap .wrap_top .tit .txt h2:after{content: '';width:80px;height:1px;background: #AFE1FF;position: absolute;left:0;bottom:0;}
#sec2 .sec2_in .wrap .wrap_top .tit .txt h4:after{content: '';width:24px;height:1px;position: absolute;left:0;bottom:-25px;background: #8BBDFF;}

#sec2 .sec2_in .wrap .wrap_bot{height:538px;}
#sec2 .sec2_in .wrap .wrap_bot .img{width:50%;float:right;height:100%;}
#sec2 .sec2_in .wrap .wrap_bot .img .wrap{background: #d1f4fa;border-radius: 45% 80% 45% 80%;height:100%;width:538px;margin:auto;transform: rotate(-10deg)}
#sec2 .sec2_in .wrap .wrap_bot .img .wrap img{width:100%;border-radius: 50%;padding:5px;transform: rotate(10deg)}

#sec2 .sec2_in .wrap .wrap_bot .tit{width:50%;float:left;height:100%;text-align: left;padding-right:30px;color:#8BBDFF;position: relative;}
#sec2 .sec2_in .wrap .wrap_bot .tit .txt{position: absolute;top:50%;transform: translateY(-40%);font-family: 'NanumSquare';right:30px;}

#sec2 .sec2_in .wrap .wrap_bot .tit .txt h2{font-size:25px;line-height:1.6em;margin-bottom:13px;}
#sec2 .sec2_in .wrap .wrap_bot .tit .txt h3{line-height:1.5em;font-size: 15px;font-family: 'Noto Sans KR';font-weight: 300;letter-spacing: .5px;margin-bottom:16px;}
#sec2 .sec2_in .wrap .wrap_bot .tit .txt span{margin-bottom:12px;display: block;line-height:1.5em;font-size:14px;font-family: 'Noto Sans KR';}
#sec2 .sec2_in .wrap .wrap_bot .tit .txt h4{font-size:14px;font-family: 'Noto Sans KR';font-weight: 300;letter-spacing: 1px;margin-bottom:24px;line-height:1.5em;}
#sec2 .sec2_in .wrap .wrap_bot .tit .txt p{font-size:16px;font-family: 'Noto Sans KR';font-weight: 300;display: block;letter-spacing: .5px;}