@charset "utf-8";
.bx-controls{display: none;}
.bx-wrapper .bx-viewport{left: 0px;}
/* HEADER */
#header{position: absolute;width:100%;overflow:hidden;height:120px;padding:0;z-index:8;transition: all 0s ease-in-out 0s;background: #fff;top: 0;}
#myContainer{ height:100%; }
#section0{background: none;}
/*#section0 {width:100%;height:100%;position:absolute;top:0;left:0;box-sizing: border-box;background: none;}*/
#visual_image {width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;box-sizing: border-box;background: none;}
.visual01 {background:url("/resource/assets/main/images/main_slide-01.jpg") no-repeat center center; background-size:cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/assets/main/images/main_slide-01.jpg', sizingMethod='scale');
-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/assets/main/images/main_slide-01.jpg', sizingMethod='scale');}
.visual02 {background:url("/resource/assets/main/images/main_slide-02.jpg?ver=240722") no-repeat center center; background-size:cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/assets/main/images/main_slide-02.jpg?ver=240722', sizingMethod='scale');
-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/assets/main/images/main_slide-02.jpg?ver=240722', sizingMethod='scale');}
.visual03 {background:url("/resource/assets/main/images/main_slide-03.jpg") no-repeat center center; background-size:cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/assets/main/images/main_slide-03.jpg', sizingMethod='scale');
-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/assets/main/images/main_slide-03.jpg', sizingMethod='scale');}
/*#section0 .page{position:fixed; top:-160px;left:50%; margin-left:600px;z-index:9; }
#section0 .page .page_list{background-color:#2b2928; margin-bottom:16px; border-radius:15px; padding:9px 6px 9px 6px;}
#section0 .page .page_list li a {display:block;border:2px solid #fff; width:17px; height:17px; border-radius:30px; overflow:hidden; text-indent:-99999px}
#section0 .page .page_list li a.on, #section0 .page .page_list li:hover, #section0 .page .page_list li a:focus{border-radius:30px; overflow:hidden; background-color:#3fb4e9; border-color:#3fb4e9; }
#section0 .page .page_list li+li{margin-top:12px;}	
#section0 .section_in{position:absolute; bottom:0; left:0; background:url("/resource/assets/main/images/bg01.png") repeat;height:50px; width:100%}
#section0 .section_in .section_mid{ position: relative;width:1212px; margin:0 auto; color:#fff;}
#section0 .section_in .section_mid .event_layer{    position: absolute; left:0; width:190px; color:#d1fe51; font-size:16px; line-height:50px; text-align:center;border-left: 1px solid #6b6b6b; border-right: 1px solid #6b6b6b;}
    #section0 .section_in .section_mid .in_menu {padding-left:242px;}
#section0 .section_in .section_mid .in_menu a{color:#d3d1d1; font-size:16px; line-height:50px; margin-right:52px;}
#section0 .section_in .section_mid .in_menu a:hover{color:#fff;}*/

#section1{width:100%;}
#section1 .main_con{width: 100%; height: 100%; box-sizing: border-box;}

.icon_scroll {position:absolute; bottom:70px; left:50%; margin-left:-58px;  z-index: 1; }

.intro_txt{position: absolute;display: block;top: 24%;left: 15%;text-align: left;width: 100%;margin: 0 auto;z-index: 2;}
.text01 {position:relative;height: auto;display: block;width: 100%;float: left;}
.text01> div {overflow:hidden;/* position:absolute; */top:40px;text-align: left;width:100%;opacity:0;font-size:60px;font-family: 'NanumSquare', sans-serif;font-weight:700;line-height:168px;color:#fff;}
.text01> div span{font-weight:300; }
.text01 > div > img {max-width: 30%;}
.text03 {position:relative;height: auto;float: left;width: 100%;text-align: left;display: block;margin: 13.5% 0 0 0;}
.text03> div {overflow:hidden;position: relative;display: inline-block;width:100%;font-size:20px;font-family: 'NanumSquare', sans-serif;text-align: left;line-height:60px;opacity:0;color:#fff;padding: 0 0 0 12px;}
.text03> div span{color:#d0fd51}
.text_line {display: none;width: 0px;margin: 0;height:1px;border-top:2px solid #fff;float: left;position: relative;}

/* Dots */
#visual_image .slick-dotted.slick-slider{margin-bottom: 30px;}
#visual_image .slick-dots{position: absolute;float: left;display: block;width: 100%;padding: 0 0 0 15.5%;margin: auto;list-style: none;text-align: left;z-index: 9;bottom: 40%;}
#visual_image .slick-dots li{position: relative; display: inline-block; width: 47px; height: auto; margin: 0 5px; padding: 0; cursor: pointer; z-index: 9;}
#visual_image .slick-dots li button{ font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; z-index: 9;}
#visual_image .slick-dots li button:hover, .slick-dots li button:focus{outline: none;}
#visual_image .slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity: 1;}
#visual_image .slick-dots li button:before{font-family: 'slick'; font-size: 6px;line-height: 20px; position: absolute; top: 0;left: 0; width: 47px;height: 5px; content: '?'; text-align: center; background: #fff; opacity: 0.5;  -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
#visual_image .slick-dots li.slick-active button:before{opacity: 1;  background: #FFF;}

/*quickmenu_area*/
.quickmenu_area{position: absolute;display: block;z-index: 9;width: 100%;height: 100px;background: #0b3454;bottom: 0;overflow: hidden;}
.quickmenu_area ul{position: relative;width: 1212px;margin: 0 auto;display: block;}
.quickmenu_area ul li{width: 20%;height: 100px;float: left;padding: 0 0 0 0;display: block;text-align: center;}
.quickmenu_area ul li:hover::before{content: "";position: absolute;display: block;width: 20%;height: 100px;background: #06233a;border-top: 1px solid #2a97db;animation: quickmenu_animate 0.3s linear forwards;}
.quickmenu_area ul li:last-child{margin: 0px;}
.quickmenu_area ul li a{color: #fff;font-size: 18px;line-height: 100px;display: inline-block;z-index: 1;position: relative;}
.quickmenu_area ul li a:hover{color: #7fceee;}
.quickmenu_area ul li a::before{content: "";display: inline-block;width: 60px;height: 100px;margin-right: 10px;float: left;}
.quickmenu_area ul li:nth-child(5) a::before{background: url('/resource/assets/main/images/icon_imgs.png') 10px center no-repeat;}
.quickmenu_area ul li.Logout a::before{background: url('/resource/assets/main/images/icon_imgs.png') -296px center no-repeat;}
.quickmenu_area ul li:nth-child(1) a::before{background: url('/resource/assets/main/images/icon_imgs.png') -50px center no-repeat;}
.quickmenu_area ul li:nth-child(2) a::before{background: url('/resource/assets/main/images/icon_imgs.png') -110px center no-repeat;}
.quickmenu_area ul li:nth-child(3) a::before{background: url('/resource/assets/main/images/icon_imgs.png') -168px center no-repeat;}
.quickmenu_area ul li:nth-child(4) a::before{background: url('/resource/assets/main/images/icon_imgs.png') -227px center no-repeat;}
@keyframes quickmenu_animate{
    0%
    {
        margin: 100px 0 0;
        opacity: 0;
    }

    100%
    {
        margin: 0;
        opacity: 1;
    }
}


/*news*/
.section h3{display: inline-block;text-align: center;font-size: 30px;color: #3e3e3e;width: 100%;padding: 24px 0;font-family: "TitilliumWeb", "Noto Sans KR", sans-serif;letter-spacing: 2px;font-weight: bold;}
.news_area, .banner_area{position: absolute;float: left;width: 100%;box-sizing: border-box;margin-top: 10px;}
.news_area{height: 48%;}
.news-slider{height: 100%;}
.news-slider .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;left: -65%;width: 165%;}
.news-slider .slick-dots{position: absolute;bottom: -77%;width: 100%;height: 100%;list-style: none;text-align: center;padding: 20px 0 0 0;}
.news-slider .slick-dots li{margin: 0 15px;}
.news-slider .slick-dots li button{width: 15px; height: 15px;}
.news-slider .slick-dots li button:before{width: 15px; height: 15px;}
.news-slider .slick-dots li button:before{background: #e3e3e3; border: 3px solid #e3e3e3; border-radius: 50%;}
.news-slider .slick-dots li.slick-active button:before{background: none; border: 3px solid #2a97db; border-radius: 50%;}
.news-slider .img{position:relative;display:inline-block;overflow:hidden;transition:all 0.2s ease-out;width: 680px;height: 364px;margin:0 5vw 0 0;}
.news-slider .img a{width: 100%;height: 100%;display: block;padding: 0;overflow: hidden;}
.news-slider .img a:hover::after{content: "";position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;box-sizing: border-box;background:url('/resource/assets/main/images/more_view.png') rgba(0, 0, 0, 0.5) center no-repeat;z-index: 999;animation: news_animate 0.3s linear forwards;}
.news-slider .img a img{max-width: 100%;width: 100%;}
.news-slider .content{display: none;}
@keyframes news_animate{
    0%
    {
        top: 100%;
    }

    100%
    {
        top: 0;
    }
}

/*banner_area*/
.banner_area{height: 33%;background:url("/resource/assets/main/images/section-03.jpg") no-repeat center top;background-size:cover;float: initial;top: 48%;position: relative;cursor: pointer;}
.banner_area:hover::before{content: "";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: block;z-index: 0;position: absolute;}
.banner_area h3{font-size: 40px;color: #fff;margin: 4% 0 0 0;font-weight: 300;z-index: 4;}
.banner_area:hover h3{animation: banner_animate 3.3s linear forwards;}
.banner_area h3 em{font-weight: bold;}
.banner_area:hover span{animation: banner_animate 3.3s linear forwards;}
.banner_area span{width: 100%; display: inline-block; text-align: center; font-size: 15px; line-height: initial; color: #fff; font-weight: lighter;}
.banner_area a::before{content: " ";display: block;width: 94px;height: 1px;background: #2a97db;padding: 0 0 0 0;top: 20px;position: relative;margin: auto;}
.banner_area a{position: relative;display: block;text-align: center;font-size: 14px;color: #fff;text-transform: uppercase;margin: 15px auto 0;}
.banner_area a:hover{color: #7fceee;}
.banner_area a::after{content: " +";}
@keyframes banner_animate{
    0%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 1;
    }
}

/*footer*/
#footer_area{background: #252525;position: absolute;bottom: 0;width: 100%;}

@media (max-width:1600px){
    .text01 > div > img{max-width:23%;}
    .news-slider .slick-list{left: -66%;}
    .news-slider .img a img{max-width: 100%;}
    #footer_area{padding: 3vh 0;}
    .news-slider .img a:hover::after{width: 100%;left: 0%;background-position-y: 40%;background-size: 20%;}
}

@media (max-width:1280px){
    #footer_area .foot_in{width: 95%;}
}

@media (max-width:1152px){
    body{zoom: 0.8 !important;}
}

@media (max-height:900px){
    .news-slider .slick-list{height:70%;left: -65%;}
    .news-slider .img{margin-top:-3%;width: 90%;}
    .news_area{height: 46%;}
    .slick-initialized .slick-slide{width: 4.5%;}
}

@media (max-height:800px){
    #visual_image .slick-dots{bottom: 35% !important;}
    .news-slider .img{margin-top:-5%;}
    .news_area{height: 40%;}
    .banner_area h3{margin: 1.5vh 0 0 0;font-size: 2vw;}
    .banner_area span{font-size: 1vw;}
    .slick-initialized .slick-slide{width: 4%;}
    .news-slider .slick-list {left: -64%;}
}

@media (max-height:675px){
    .banner_area span{display: none;}
    .text01 > div > img {max-width: 19%;}
    .intro_txt{top: 32%;}
    #visual_image .slick-dots{display: none !important;}
    .banner_area a{margin: 0 !important;}
    .news-slider .img a img{max-width: 78%;}
}