#main {width:100%;overflow:hidden;}
#main img {max-width:100%;}

.main_visual_box { width: 100%; max-width:1920px; height: auto; margin:0 auto; position: relative; font-family: 'Noto Sans KR', sans-serif; z-index: 99; }
.main_visual_box .swiper1 { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; margin-bottom: 0; }
.main_visual_box .main_slide_bg01 { width: 100%; height: 100%; background: url(../../images/m_main_visual1.jpg?4) center no-repeat; background-size: cover; }
.main_visual_box .main_slide_bg02 { width: 100%; height: 100%; background: url(../../images/m_main_visual2.jpg?4) center no-repeat; background-size: cover; }
.main_visual_box .main_txt01 { position: absolute; left: 0; top: 0;  width:100%;height:100%;  text-align:center; z-index: 1000; }
.main_visual_box .main_txt01 .txt1 { position: absolute; left: 0; top: 0; opacity: 0; }
.main_visual_box .main_txt01 .txt2 { position: absolute; left: 0; top: 0; opacity: 0; }
.main_visual_box .main_txt01 .txt3 { position: absolute; left: 0; top: 0; opacity: 0; }
.main_visual_box .main_txt01 .txt4 { position: absolute; left: 0; top: 0; opacity: 0; }
.main_visual_box .main_txt02 { position: absolute; left: 0; top: 0;  width:100%;height:100%;  text-align:center; z-index: 1000; }
.main_visual_box .main_txt02 .txt1 { position: absolute; left: 0; top: 0; opacity: 0; }
.main_visual_box .main_txt02 .txt2 { position: absolute; left: 0; top: 0; opacity: 0; }
.main_visual_box .main_txt02 .txt3 { position: absolute; left: 0; top: 0; opacity: 0; }
.main_visual_box .main_txt02 .txt4 { position: absolute; left: 0; top: 0; opacity: 0; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .main_slide_bg01 { animation: main_img 5s 0.2s both; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .main_slide_bg02 { animation: main_img 5s 0.2s both; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt1 { animation: main_txt 1.6s 1.0s both; animation-timing-function :ease-out ; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt2 { animation: main_txt 1.6s 1.5s both; animation-timing-function :ease-out ; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt3 { animation: main_txt 1.6s 2.0s both; animation-timing-function :ease-out ; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt4 { animation: main_txt 1.6s 3.0s both; animation-timing-function :ease-out ; }

.main_visual_box .video {position:relative;width:100%;height:0;padding-bottom:150%;overflow:hidden;}
.main_visual_box .video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.main_visual_box video { width: 100%;}
    
@keyframes main_img {
    from { transform: scale(1.2); }
    to {  }
}
@keyframes main_txt {
    from { opacity: 0; transform: translateY(80px);  }
    to { opacity: 1; }
}


.intoWrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.intoWrap .contWrap {
    width: 100%;
    margin:0 auto;
    position:relative;
	text-align:center;
}

.main_pre {background:url(../../images/m_main_premiumBg.jpg) no-repeat center;background-size:cover;padding:15% 0;position:relative;}
.main_pre .contWrap {margin-top:15%;}
.intoWrap.sec2Wrap .title {position:absolute;top:10%;left:0%;z-index:11;width:100%;}
.intoWrap.sec2Wrap .swiper-container { width: 100%; overflow: hidden;}
.intoWrap.sec2Wrap .prev {position: absolute; top: 52%; right: 5%; z-index: 5; width: 46px; height: 46px; background:url(../../images/sec03_prev.png) no-repeat;background-size:100%; margin-top: -38px;}
.intoWrap.sec2Wrap .next {position: absolute; top: 52%; right: 5%; z-index: 5; width: 46px; height: 46px; background:url(../../images/sec03_next.png) no-repeat;background-size:100%;}
.intoWrap.sec2Wrap .swiper-pagination2 {position: absolute; top: 69%; left: 50%; z-index: 1; display: flex; justify-content: space-between; align-items: center; width:260px; margin-left: -130px;}
.intoWrap.sec2Wrap .swiper-pagination2:after {content:'';position:absolute;top:4px;left:0;width:100%;height:1px;background:rgba(255,255,255,.2);}
.intoWrap.sec2Wrap .swiper-pagination2 .swiper-pagination-bullet {margin:-14px 0 0;width:10px;height:10px;background:#fff;opacity: 1;position:relative;z-index:1;}
.intoWrap.sec2Wrap .swiper-pagination2 .swiper-pagination-bullet-active {width:25px;height:31px;background:url(../../images/sec03_icon.png) no-repeat;margin:-8px 0 0 -8px;text-align:center;}
.intoWrap.sec2Wrap .swiper-pagination2 .swiper-pagination-bullet-active:nth-child(1):after {content:'01';font-size:14px;color:#fff;position:absolute;top:40px;left:0;width:25px;}
.intoWrap.sec2Wrap .swiper-pagination2 .swiper-pagination-bullet-active:nth-child(2):after {content:'02';font-size:14px;color:#fff;position:absolute;top:40px;left:0;width:25px;}
.intoWrap.sec2Wrap .swiper-pagination2 .swiper-pagination-bullet-active:nth-child(3):after {content:'03';font-size:14px;color:#fff;position:absolute;top:40px;left:0;width:25px;}
.intoWrap.sec2Wrap .swiper-pagination2 .swiper-pagination-bullet-active:nth-child(4):after {content:'04';font-size:14px;color:#fff;position:absolute;top:40px;left:0;width:25px;}
.intoWrap.sec2Wrap .swiper-pagination2 .swiper-pagination-bullet-active:nth-child(5):after {content:'05';font-size:14px;color:#fff;position:absolute;top:40px;left:0;width:25px;}
.intoWrap.sec2Wrap .swiper-pagination2 .swiper-pagination-bullet-active:nth-child(6):after {content:'06';font-size:14px;color:#fff;position:absolute;top:40px;left:0;width:25px;}
.intoWrap.sec2Wrap .swiper-pagination2 .swiper-pagination-bullet-active:nth-child(7):after {content:'07';font-size:14px;color:#fff;position:absolute;top:40px;left:0;width:25px;}
.intoWrap.sec2Wrap .swiper-pagination2 .swiper-pagination-bullet-active:nth-child(8):after {content:'08';font-size:14px;color:#fff;position:absolute;top:40px;left:0;width:25px;}

.intoWrap.sec3Wrap .bg {}
.intoWrap.sec3Wrap .swiper-container { width: 100%; overflow: hidden; position:absolute;top:0;left:0;}
.intoWrap.sec3Wrap .prev {position: absolute; top: 46%; left: 10%; z-index: 5; width: 19px; height: 30px; background:url(../../images/main_con2_prev.png) no-repeat;background-size:100%;}
.intoWrap.sec3Wrap .next {position: absolute; top: 46%; right: 10%; z-index: 5; width: 19px; height: 30px; background:url(../../images/main_con2_next.png) no-repeat;background-size:100%;}
.intoWrap.sec3Wrap .swiper-pagination {width:60%;height:5px;margin:0 auto;position:relative;}
.intoWrap.sec3Wrap .swiper-pagination-bullet { width: 25%; height: 5px; opacity: 1; border-radius:0;background:#efefef;vertical-align:top;}
.intoWrap.sec3Wrap .swiper-pagination-bullet-active { background: #283e6b; } 

.intoWrap.unit {position:relative;}
.intoWrap.unit .text1 {}
.intoWrap.unit .link {position:absolute;top:28%;left:10%;width:23%;height:8%;}
.intoWrap.unit .swiper-container { width: 100%; position: relative; top:0; left: 0; overflow: hidden;}
.intoWrap.unit .prev {position: absolute; top: auto; bottom:28%; left: 5%; z-index: 5; width: 16px; height:35px; background:url(../../images/env_prev.png) no-repeat;background-size:100%;}
.intoWrap.unit .next {position: absolute; top: auto; bottom:28%; right: 5%; z-index: 5; width: 16px; height:35px; background:url(../../images/env_next.png) no-repeat;background-size:100%;}

.main_media {background:#f7f5f0;padding:15% 0;}
.main_media iframe {margin-top:10px;}

.main_brand {position:relative;}
.main_brand .rolling_box{position: absolute; width: 98px; height: 98px; display: flex; align-items: center; justify-content: center; top: 5%; right: 9%;}
.main_brand .rolling_box div{position: absolute;}
.main_brand .rolling_box div img{display: block;}
.main_brand .rolling_box .txt_rolling{width: 98px; height: 98px; transform-origin: center center; animation: main_scroll 10s infinite linear;}
.main_brand .rolling_box .txt{top: 14px; left: 14px;}
@keyframes main_scroll{
      0%{transform: rotate(0);}
      100%{transform: rotate(360deg);}
}

.main_link {position:relative;}
.main_link img {width:100%;}
.main_link .link1 {position:absolute;top:68%;left:77.8%;width:8%;height:6%;}
.main_link .link2 {position:absolute;top:68%;left:86.1%;width:8%;height:6%;}
.main_link .link3 {position:absolute;top:77%;left:77.8%;width:8%;height:6%;}
.main_link .link4 {position:absolute;top:77%;left:86.1%;width:8%;height:6%;}
.main_link .regist1 {position:absolute;top:70%;left:12%;width:76%;height:8%;}


.main_unit {background:url(../../images/m_main_unitBg.jpg) no-repeat center;background-size:cover;padding:15% 0;position:relative;}
.main_unit .contWrap {position:relative;margin-top:10%;}
.main_unit .sld {position: absolute; bottom: 4%; left: 50%; z-index: 1; margin-left:-30px;width:60px;height:22px; display: flex; justify-content: space-between;}
.main_unit .sld:after {content:'';position: absolute; top: 50%; left: 50%; margin-top: -8px; width:1px;height:16px; background:#d9d9d9;}
.main_unit .next {background: url('../../images/sec06_next.png') center center/cover no-repeat; width: 21px; height: 22px; }
.main_unit .prev {background: url('../../images/sec06_prev.png') center center/cover no-repeat; width: 21px; height: 22px; }
.main_unit .btn01 {position:absolute;top:30%;left:6%; z-index: 1; width:28%;height:6%;}
.main_unit .btn02 {position:absolute;top:30%;left:35%; z-index: 1; width:28%;height:6%;}