@charset "utf-8";
body{font-family: 'Poppins';}
#sec1{width:100%;height:100vh;position: relative;overflow: hidden;}

#sec1 .sec1_slider{width:100%;height:100%;}
#sec1 .sec1_slider .swiper-slide{width:100%;height:100%;}

#sec1 .sec1_slider .swiper-slide.img1{background:url(../images/sub3/3/image1.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slider .swiper-slide.img2{background:url(../images/sub3/3/image2.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slider .swiper-slide.img3{background:url(../images/sub3/3/image3.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slider .swiper-slide.img4{background:url(../images/sub3/3/image4.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slider .swiper-slide.img5{background:url(../images/sub3/3/image5.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slider .swiper-slide.img6{background:url(../images/sub3/3/image6.jpg)no-repeat 50% 50%;background-size: cover;}

#sec1 .sec1_slider .sec1_pagi{bottom:30px;}
#sec1 .sec1_slider .sec1_pagi span{margin:0 15px;width:6px;height:6px;background: #fff;}


#sec1 .sec1_slider .sec1_prev{border:1px solid #fff;width:40px;height:40px;position: absolute;right:200px;bottom:70px;z-index: 10;cursor: pointer;transition: all .3s ease;}
#sec1 .sec1_slider .sec1_prev:after{content: '';width:8px;height:16px;background: url(../images/btn/prev_btn4.png)no-repeat 50% 50%;position: absolute;left:50%;top:50%;margin:-8px 0 0 -4px;transition: all .3s ease;}
#sec1 .sec1_slider .sec1_prev:hover{border:1px solid #000;background: #fff;}
#sec1 .sec1_slider .sec1_prev:hover:after{background: url(../images/btn/prev_btn3.png)no-repeat 50% 50%;}

#sec1 .sec1_slider .sec1_next{border:1px solid #fff;width:40px;height:40px;position: absolute;right:140px;bottom:70px;z-index: 10;cursor: pointer;transition: all .3s ease;}
#sec1 .sec1_slider .sec1_next:after{content: '';width:8px;height:16px;background: url(../images/btn/next_btn4.png)no-repeat 50% 50%;position: absolute;left:50%;top:50%;margin:-8px 0 0 -4px;transition: all .3s ease;}
#sec1 .sec1_slider .sec1_next:hover{border:1px solid #000;background: #fff;}
#sec1 .sec1_slider .sec1_next:hover:after{background: url(../images/btn/next_btn3.png)no-repeat 50% 50%;}


#sec1 .sec1_tit{color:#fff;position: absolute;left:140px;bottom:70px;z-index: 10;width:500px;height:auto;box-sizing: border-box;}

#sec1 .sec1_tit h2{font-size:12px;font-weight: 600;line-height:20px;margin-left:30px;position: relative;}
#sec1 .sec1_tit h2:after{content: '';width:20px;height:2px;background: #fff;position: absolute;left:-30px;top:9px;}
#sec1 .sec1_tit h3{margin:5px 0 10px;font-size:48px;line-height:50px;}
#sec1 .sec1_tit h4{margin-bottom:60px;font-size:48px;line-height:50px;}

#sec1 .sec1_tit .view{position: absolute;left:0px;bottom:0px;}
#sec1 .sec1_tit .view a{border:1px solid #fff;display: inline-block;color:#fff;position: relative;font-size:12px;transition: all .5s ease;}
#sec1 .sec1_tit .view a p{display: inline-block;padding:15px 46px;letter-spacing: 1.5px;font-weight: 400;line-height:18px;}

#sec1 .sec1_tit .view a:hover{border:1px solid #000;display: inline-block;color:#000;position: relative;font-size:12px;background: #fff;}

/*sec2*/

#sec2 .sec2_in{width:1200px;margin:0 auto;padding:100px 0 170px;}
#sec2 .sec2_in h2{text-align: center;font-size:60px;line-height:72px;font-weight: 500;letter-spacing: -1px;}
#sec2 .sec2_in h3{margin:5px 0 42px;text-align: center;font-size:20px;font-family: 'Noto Serif KR';line-height:22px;}
#sec2 .sec2_in h4{text-align: center;font-family: 'Noto Sans KR';font-size:16px;box-sizing: border-box;line-height: 24px;margin-bottom:30px;color:#666;letter-spacing: 1px;}
#sec2 .sec2_in .pool_txt{margin:60px auto 110px;text-align: center;height:40px;line-height: 22px;}
#sec2 .sec2_in .pool_txt h5{border:1px solid #e50000;width:350px;margin:0 auto;color:#e50000;font-family: 'Noto Sans KR';font-size:14px;padding:10px 0;}

#sec2 .sec2_in .main{width:1200px;height:650px;box-sizing: border-box;padding:0px 15px;}
#sec2 .sec2_in .main .img{background: url(../images/sub3/3/image4.jpg)no-repeat 50% 50%;background-size: cover;width:100%;height:100%;}

/*sec3*/

#sec3{background: #f7f7f7;}
#sec3 .sec3_in{width:1200px;margin:0 auto;padding:80px 0 90px;}
#sec3 .sec3_in .txt_box{text-align: center;}
#sec3 .sec3_in .txt_box h2{font-size:40px;line-height:62px;}
#sec3 .sec3_in .txt_box h3{margin:22px 0 60px;text-align: center;font-size:18px;font-family: 'Noto Sans KR';line-height:22px;}

#sec3 .sec3_in .img_box{overflow: hidden;width:985px;margin:0 auto;}
#sec3 .sec3_in .img_box ul li{float:left;width:216px;height:270px;margin:0 20px;box-sizing: border-box;}
#sec3 .sec3_in .img_box ul li:first-child{margin-left:0;}
#sec3 .sec3_in .img_box ul li:last-child{margin-right:0;}
#sec3 .sec3_in .img_box ul li a{box-sizing: border-box;width:216px;height:216px;display: block;position: relative;border-radius: 50%;}
#sec3 .sec3_in .img_box ul li a .img{width:100%;height:100%;border-radius: 50%;}

#sec3 .sec3_in .img_box ul li a .img1{background: url(../images/sub3/1/image3.jpg)no-repeat 50% 50%;background-size: cover;}
#sec3 .sec3_in .img_box ul li a .img2{background: url(../images/sub3/2/image2.jpg)no-repeat 50% 50%;background-size: cover;}
#sec3 .sec3_in .img_box ul li a .img3{background: url(../images/sub3/3/image4.jpg)no-repeat 50% 50%;background-size: cover;}
#sec3 .sec3_in .img_box ul li a .img4{background: url(../images/sub3/4/image3.jpg)no-repeat 50% 50%;background-size: cover;}

#sec3 .sec3_in .img_box ul li a .cover{position: absolute;left:0;top:0;width:100%;height:100%;background: #000;border-radius: 50%;opacity: .2;z-index: 1;display: none;}

#sec3 .sec3_in .img_box ul li a .bor{position: absolute;left:50%;top:55%;transform: translate(-50%,-45%);width:128px;height:46px;border:1px solid #fff;z-index: 3;line-height:46px;text-align: center;color:#fff;font-size:11px;letter-spacing: 4px;display: none;transition: all .5s;}
#sec3 .sec3_in .img_box ul li a .bor:after{position: absolute;content: '';width:22px;height:1px;background: #fff;left:-11px;top:23px;transition: all .5s;}
#sec3 .sec3_in .img_box ul li a .bor:before{position: absolute;content: '';width:22px;height:1px;background: #fff;right:-11px;top:23px;transition: all .5s;}

#sec3 .sec3_in .img_box ul li a:hover .bor{display: block;}

#sec3 .sec3_in .img_box ul li a .bor:hover{border:1px solid #000;background: #fff;color:#000;}
#sec3 .sec3_in .img_box ul li a .bor:hover:after{background: #000;}
#sec3 .sec3_in .img_box ul li a .bor:hover:before{background: #000;}

#sec3 .sec3_in .img_box ul li a .bor_t{border:3px solid #fff;width:90%;height:90%;border-radius:50%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index:2;display: none;}

#sec3 .sec3_in .img_box ul li h2{text-align: center;font-size:14px;font-weight: 500;margin-top:13px;font-family: 'Raleway';color:#666;font-weight: 500;}
#sec3 .sec3_in .img_box ul li h3{text-align: center;font-family: 'Noto Serif KR';font-weight: 400;margin-top:10px;color:#666;}