@charset "UTF-8";
.index #header{position:absolute; min-width:1024px;}
.index #container{padding-top:0;}
.index .content{width:100%;}
.index #gnb .gb_wrap .gnb_control{display:none;}
.main-slider {position: relative;width: 100%;  margin-bottom: 50px; opacity: 0; visibility: hidden; transition: all 1.2s ease;}
.main-slider.slick-initialized {opacity: 1;visibility: visible;}
.main-slider .slick-slide { position: relative; min-height:600px;}
.main-slider .slick-slide video { display: block; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.slick-slide .slide-media {
  -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active {z-index: 1;}
.slick-slide.slick-active .slide-media {
  -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
@-webkit-keyframes slideIn {
  from {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes slideIn {
  from {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@-webkit-keyframes slideOut {
  from {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  to {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
}
@keyframes slideOut {

  from {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  to {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
}
.slick-arrow{position:absolute; left:-9999px; overflow:hidden; opacity:0; width:0; height:0; text-indent:-9999px;}



.index .btn_empty{display:inline-block; padding:10px; color:#fff; border:1px solid #fff; border-radius:17px;}
.index .btn_empty:after{content:">"; display:inline-block; margin-left:20px;}
.section{position:relative; min-height:600px;}
.section_cont .inner{position:absolute; left:50%; top:50%; width:1024px; min-height:600px; margin:-300px 0 0 -512px;}
.section_cont h2{margin-bottom:20px; font-size:40px; font-weight:500; } /*M25014 추가*/
.section_cont h3{margin-bottom:20px; font-size:40px; font-weight:500; } 
.section_cont .sub_txt{line-height:145%; font-size:15px; color:#888;}
.inner_cont{position:relative; padding:0 22px; box-sizing:border-box;}

.section1{position:relative; background-size:auto 100%; background-position:center 0;}
.video_txt_area{position:absolute; left:50%; top:60%; width:980px; height:180px; margin-left:-490px;}
.video_txt_area h2{margin-bottom:20px; font-size:50px; font-weight:500; color:#fff; opacity:0; transform:translateY(100px); transition:all .5s ease-in-out} /*M25014 추가*/
.video_txt_area h3{margin-bottom:20px; font-size:50px; font-weight:500; color:#fff; opacity:0; transform:translateY(100px); transition:all .5s ease-in-out}
.video_txt_area p{margin-bottom:30px;  font-size:20px; line-height:125%; color:#fff; opacity:0; transform:translateY(120px); transition:all .5s .2s ease-in-out}
.video_txt_area a{opacity:0; transform:translateY(150px); transition:all .5s .3s ease-in-out}
.slick-slide.slick-active .video_txt_area h2 ,.slick-slide.slick-active .video_txt_area p, .slick-slide.slick-active .video_txt_area a{transform:translateY(0); opacity:1} /*M25014 추가*/
.slick-slide.slick-active .video_txt_area h3 ,.slick-slide.slick-active .video_txt_area p, .slick-slide.slick-active .video_txt_area a{transform:translateY(0); opacity:1}
#btnScroll{position:absolute; left:50%; bottom:30px; margin-left:-16px; z-index:1000;}
.section1 .btn_video_area{overflow:hidden; position:absolute; left:50%; top:56%; width:980px; margin-left:-490px;z-index:1000;}
.section1 .video_control_btn{float:left; width:22px; height:22px; text-indent:-9999px; }
.section1 .video_control_btn#playBtn{background-image:url(/resources/images/index/btn_video_stop.png);}
.section1 .video_control_btn#stopBtn{background-image:url(/resources/images/index/btn_video_play.png);}

.section2{background:url(/resources/images/index/section2_bg.png) center center no-repeat;}

.section2 .inner_cont .motion_box{position:absolute; overflow:hidden; width:304px; height:438px; transition:all .8s .3s ease;
-webkit-box-shadow: 28px 33px 76px -28px rgba(120,120,120,1);
-moz-box-shadow: 28px 33px 76px -28px rgba(120,120,120,1);
box-shadow: 28px 33px 76px -28px rgba(120,120,120,1); }
.section2.on .inner_cont .motion_box{transform:translateY(0); opacity:1;}
.section2 .inner_cont .motion_box:after{content:""; display:block; position:absolute; left:0;top:0; width:100%; height:100%;cursor:pointer; transition: transform .5s ease-in-out;
    -webkit-transition: -webkit-transform 1s ease-in-out;}
.section2 .inner_cont .motion_box:hover:after{transform:scale(1.25 , 1.25); -webkit-transform:scale(1.25 , 1.25);}
.section2 .inner_cont .motion_box strong{position:absolute; left:40px;  top:40px; display:block; font-weight:500; line-height:125%; z-index:10;}
.section2 .inner_cont .motion_box .btn_empty{position:absolute; left:30px; bottom:30px; z-index:10;}
.section2 .inner_cont .motion_box1{left:150px; top:160px; transform:translateY(100px); opacity:0;}
.section2 .inner_cont .motion_box1:after{background-image:url(/resources/images/index/section2_motion_box1_bg.jpg)}
.section2 .inner_cont .motion_box2{left:530px; top:55px; transform:translateY(-100px); opacity:0; transition-delay:.7s}
.section2 .inner_cont .motion_box2:after{background-image:url(/resources/images/index/section2_motion_box2_bg.jpg)}
.section2 strong{font-size:30px; color:#fff; font-weight:500;}

.section3{background:url(/resources/images/index/section3_bg.jpg) center center no-repeat; background-size:cover;}
.section3  h2{color:#fff;} /*M25014 추가*/
.section3  h3{color:#fff;}
.section3 .sub_txt{margin-bottom:37px; color:#fff;}
.section3 .cont_box{height:473px; background:url(/resources/images/index/section3_cont_box_bg.jpg) 0 0 no-repeat; transform:translateY(100px); opacity:0; transition:all .5s .3s ease;
-webkit-box-shadow: 28px 33px 76px -28px rgba(56,56,56,1);
-moz-box-shadow: 28px 33px 76px -28px rgba(56,56,56,1);
box-shadow: 28px 33px 76px -28px rgba(56,56,56,1);}
.section3.on .cont_box{transform:translateY(0); opacity:1;}
.section3 .cont_box .cont_box_inner{padding:67px 0 0 100px;}
.section3 .cont_box .cont_box_inner h4{margin-bottom:18px; font-size:30px; font-weight:500; color:#fff;}
.section3 .cont_box .cont_box_inner p{margin-bottom:80px; font-size:20px; line-height:125%; color:#fff;}
.section3 .cont_box .cont_box_inner p span{color:#fdf879;}
.section3 .cont_box .cont_box_inner .middle_cont{overflow:hidden; margin-bottom:70px}
.section3 .cont_box .cont_box_inner .middle_cont > div{float:left; position:relative;}
.section3 .cont_box .cont_box_inner .middle_cont > div.cont_box_1{padding:0 35px 0 112px; margin-right:40px; border-right:1px solid #624e9a;}
.section3 .cont_box .cont_box_inner .middle_cont > div.cont_box_1 ul li{margin-bottom:10px; font-size:18px; color:#fff;}
.section3 .cont_box .cont_box_inner .middle_cont > div.cont_box_1 ul li:last-child{margin-bottom:0;}
.section3 .cont_box .cont_box_inner .middle_cont > div h5{position:absolute; left:0; top:0; line-height:120%; font-size:15px; color:#fff;}
.section3 .cont_box .cont_box_inner .middle_cont > div.cont_box_2{overflow:hidden; padding-left:80px;}
.section3 .cont_box .cont_box_inner .middle_cont > div.cont_box_2 > div{float:left;}
.section3 .cont_box .cont_box_inner .middle_cont > div.cont_box_2 > .first_div{width:144px;}

.section4 {background-color:#f1f1f1; }
.section4 .inner{background:url(/resources/images/index/section4_bg.png) right top no-repeat;}
.section4 .inner .sub_txt{margin-bottom:40px;}
.section4 .hover_list li{float:left; margin-left:17px; transform:translateY(100px); opacity:0; transition:all .8s ease;
-webkit-box-shadow: 21px 21px 42px -11px rgba(209,209,209,1);
-moz-box-shadow: 21px 21px 42px -11px rgba(209,209,209,1);
box-shadow: 21px 21px 42px -11px rgba(209,209,209,1);}
.section4.on .hover_list li{opacity:1; transform:translateY(0);}
.section4 .hover_list li.motion1{transition-delay:.3s}
.section4 .hover_list li.motion2{transition-delay:.5s}
.section4 .hover_list li.hover_list_1{margin:0 0 17px 0;}
.section4 .hover_list li.hover_list_2{margin-bottom:17px;}
.section4 .hover_list li.hover_list_3{margin-bottom:17px;}
.section4 .hover_list li.hover_list_4{margin-left:0; clear:both}
.section4 .hover_list li a{position:relative; display:block; width:208px; height:202px; transition:background-image .3s ease;}
.section4 .hover_list li a span{position:absolute; left:0; bottom:30px; display:block; width:100%; font-weight:500; text-align:center; font-size:18px; color:#0c56d1; }
.section4 .hover_list li a:hover span{bottom:92px; color:#fff;}
.section4 .hover_list li a:hover span:after{display:inline-block; width:7px; height:13px; margin-left:10px; content:"";  background-image:url(/resources/images/index/section4_arrow_ico.png);}
.section4 .hover_list li.hover_list_1 a{background-image:url(/resources/images/index/section4_hover_list_1_bg_default.jpg);}
.section4 .hover_list li.hover_list_1 a:hover{background-image:url(/resources/images/index/section4_hover_list_1_bg_hover.jpg)}
.section4 .hover_list li.hover_list_2 a{background-image:url(/resources/images/index/section4_hover_list_2_bg_default.jpg);}
.section4 .hover_list li.hover_list_2 a:hover{background-image:url(/resources/images/index/section4_hover_list_2_bg_hover.jpg)}
.section4 .hover_list li.hover_list_3 a{position:relative; display:block; width:208px; height:202px; transition:background-image .3s ease;}
.section4 .hover_list li.hover_list_3 a span{position:absolute;left: 64px;bottom:30px;top: 84px;line-height: 20px;display: inline-block;width: 84px;font-weight:500;text-align:center;font-size:18px;color:#0c56d1;}
.section4 .hover_list li.hover_list_3 a:hover span{position:absolute; left:0; top:153px; display:block; width:100%; font-weight:500; text-align:center; font-size:18px; color:#0c56d1;}


/* 기본형 white 텍스트 + 화살표 */
.section4 .hover_list li.hover_list_3 a span{bottom:92px; color:#fff;}
.section4 .hover_list li.hover_list_3 a span:after{display:inline-block; width:7px; height:13px; margin-left:10px; content:"";  background-image:url(/resources/images/index/section4_arrow_ico.png);}
.section4 .hover_list li.hover_list_3 a:hover a{position:relative; display:block; width:208px; height:202px; transition:background-image .3s ease;}
.section4 .hover_list li.hover_list_3 a:hover span{position:absolute; left:0; bottom:30px; display:block; width:100%; font-weight:500; text-align:center; font-size:18px; color:#0c56d1; }
.section4 .hover_list li.hover_list_3 a{background-image:url(/resources/images/index/section4_hover_list_6_bg_hover.jpg);}
.section4 .hover_list li.hover_list_3 a:hover{background-image:url(/resources/images/index/section4_hover_list_6_bg_default.jpg)}
.section4 .hover_list li.hover_list_3 a {position:relative; display:block; width:208px; height:202px; transition:background-image .3s ease;}
.section4 .hover_list li.hover_list_3 a span:hover{position:absolute; left:0; bottom:30px; display:block; width:100%; font-weight:500; text-align:center; font-size:18px; color:#0c56d1; }
.section4 .hover_list li.hover_list_3 a:hover span:after{ display:inline-block; width:7px; height:13px; margin-left:-10px; content:""; background-image:url();}


.section4 .hover_list li.hover_list_4 a{background-image:url(/resources/images/index/section4_hover_list_3_bg_default.jpg);}
.section4 .hover_list li.hover_list_4 a:hover{background-image:url(/resources/images/index/section4_hover_list_3_bg_hover.jpg)}
.section4 .hover_list li.hover_list_5 a{background-image:url(/resources/images/index/section4_hover_list_4_bg_default.jpg);}
.section4 .hover_list li.hover_list_5 a:hover{background-image:url(/resources/images/index/section4_hover_list_4_bg_hover.jpg)}
.section4 .hover_list li.hover_list_6 a{background-image:url(/resources/images/index/section4_hover_list_5_bg_default.jpg);}
.section4 .hover_list li.hover_list_6 a:hover{background-image:url(/resources/images/index/section4_hover_list_5_bg_hover.jpg)}
.section4 .right_cont{position:absolute; right:17px; top:90px; width:264px}
.section4 .right_cont .right_tit_area{padding-bottom:40px; margin-bottom:15px; background:url(/resources/images/index/section4_right_ico.png) 150px 0 no-repeat;}
.section4 .right_cont h5{line-height:120%; font-weight:500; font-size:25px; color:#003087; letter-spacing:-1px; }
.section4 .right_cont .tit_comment{font-size:13px; color:#888}
.section4 .right_cont.right_cont ul li{padding:28px 0; border-top:1px solid #d2d2d2}
.section4 .right_cont.right_cont ul li:first-child{padding-top:0; border-top:0;}
.section4 .right_cont .num_count_area div{font-size:60px; color:#003087}
.section4 .right_cont .num_count_area small{color:#003087; font-weight:500;}

.section5{background:url(/resources/images/index/section5_bg.jpg) center center no-repeat; background-size:cover;}
.section5  h2{color:#fff;} /*M25014 추가*/
.section5  h3{color:#fff;}
.section5 .sub_txt{margin-bottom:37px; color:#fff;}
.section5 .cont_box{position:relative; height:473px; background:url(/resources/images/index/section5_cont_box_bg.jpg) 0 0 no-repeat; background-size:100% 100%; transform:translateY(100px); opacity:0; transition:all .8s .3s ease;
-webkit-box-shadow: 28px 33px 76px -28px rgba(56,56,56,1);
-moz-box-shadow: 28px 33px 76px -28px rgba(56,56,56,1);
box-shadow: 28px 33px 76px -28px rgba(56,56,56,1); }
.section5.on .cont_box{transform:translateY(0); opacity:1;}
.section5 .cont_box .cont_box_inner{padding:67px 0 0 100px;}
.section5 .cont_box .cont_box_inner h4{margin-bottom:18px; font-size:30px; font-weight:500; color:#fff;}
.section5 .cont_box .cont_box_inner p{margin-bottom:50px; font-size:20px; line-height:125%; color:#fff;}
.section5 .cont_box .cont_box_inner p span{color:#fdf879;}
.section5 .cont_box .cont_box_inner .middle_cont{height:105px; margin-bottom:75px; padding-left:138px; background:url(/resources/images/index/section5_ico.png) 0 0 no-repeat;}
.section5 .section5_bg_animation{position:absolute; right:70px; top:25px;}
.section5.on .section5_bg_animation{animation-name: fade-bg; animation-duration:4s; animation-iteration-count:2; animation-timing-function: ease-in;}
@keyframes fade-bg {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.section6{background:url(/resources/images/index/section6_bg.png) center 25% no-repeat;}
.section6 .sub_txt{margin-bottom:40px;}
.section6 .new_board_list{overflow:hidden;}
.section6 .new_board_list > li{float:left; width:314px; margin-left:19px;}
.section6 .new_board_list > li:first-child{margin-left:0;}
.section6 .new_board_list > li h3{margin-bottom:28px; font-size:26px; font-weight:500;} /*M25014 추가*/
.section6 .new_board_list > li h4{margin-bottom:28px; font-size:26px; font-weight:500;}

.section6 .board_cont_list li {margin-bottom:14px;}
.section6 .board_cont_list li a{overflow:hidden; display:block; height:22px; font-size:14px;}
.section6 .board_cont_list li a span.stiker{float:left; margin-right:10px; border-radius:11px;}
.section6 .board_cont_list li a p{overflow:hidden; float:left; width:170px; line-height:20px;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.section6 .board_cont_list li a span.list_date{float:right; line-height:20px;}


.section6 .board_cont_list.board_sns_area li a .stiker.fb_type{width:22px; height:22px; padding:0; border-radius:0; border:0; background:url(/resources/images/index/fb_ico.png) 0 0 no-repeat; text-indent:-9999px;}
.section6 .sns_area {position:relative;}
.section6 .sns_area .link_sns_area{position:absolute; right:0; top:0;}
.section6 .sns_area .link_sns_area a{display:inline-block; width:22px; height:22px; background-image:url(/resources/images/index/sns_ico_yt.png); text-indent:-9999px;}
.section6 .sns_area .link_sns_area a:first-child{margin-right:5px; background-image:url(/resources/images/index/sns_ico_fb.png)}
.section6 .board_cont_list.board_sns_area li a p{width:200px;}

.num_count_area small{font-size:18px; line-height:100%;  color:#fff;}
.num_count_area div{font-size:50px; line-height:100%; font-weight:500; color:#fff;}
.num_count_area div span{font-weight:500;}
.section_cont_paging_area{position:fixed; left:0; top:50%; width:100%; margin-top:-300px; }
.section_cont_paging_area .paginer_inner{position:relative; width:980px; margin:0 auto}
.section_cont_paging_area ul{position:absolute; left:-75px; top:0; z-index:100; opacity:0; transition:opacity .5s;}
.section_cont_paging_area ul.on{opacity:1;}
.section_cont_paging_area li{width:17px; margin-bottom:25px;}
.section_cont_paging_area li a{display:block; text-indent:-9999px; background:url(/resources/images/index/paging_dot.png) center center no-repeat;}
.section_cont_paging_area li.on a{font-weight:500; text-indent:0; background:none; color:#003087;}

/* 갤러리형 list */
.section6 .gallery_board{margin-bottom:40px;}
.section6 .gallery_board ul{overflow:hidden;}
.section6 .gallery_board ul li{float:left; border:1px solid #eaeaea; margin-left:19px;}
.section6 .gallery_board ul li:first-child{margin-left:0;}
.section6 .gallery_board ul li > a{display:block; width:312px;}
.section6 .gallery_board .img_area{height:167px; background:url(/resources/images/common/gallery_dummy_bg.jpg);}
.section6 .gallery_board .img_area img{width:312px; height:167px;}
.section6 .gallery_board .cont_area{padding:20px;}
.section6 .gallery_board .cont_area h4{margin-bottom:5px; font-size:15px; font-weight:500;}
.section6 .gallery_board .board_txt{overflow:hidden; margin-bottom:32px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.section6 .gallery_board .post_info{overflow:hidden;}
.section6 .gallery_board .post_info > div{float:right;}
.section6 .gallery_board .post_info > div:first-child{float:left;}
.section6 .gallery_board .post_info > div > span{display:inline-block;}
.section6 .gallery_board .post_info > div > span:first-child{margin-right:20px;}

.main_popup .main_popup_cont{display:none;}
.main_popup.on .main_popup_cont{display:block;}

.top_banner{width:100%; min-width:1024px; z-index:1000; background-color:#000; }
.top_banner_open .top_banner.on{display:block;}
.top_banner .top_cont a{display:block; width:1000px; /*height:120px;*/ margin:0 auto; text-align:center}
/*.top_banner .top_cont a{display:block; width:1024px; height:150px; margin:0 auto; text-align:center}*/
.top_banner .top_cont a img{width:100%; height:100%;}
.top_banner .top_cont{background-color:#003087;}
.top_banner .bottom_cont{margin:0 auto; min-width:980px; max-width:1500px; height:30px; text-align:right;   }


/* 신규 배너 영역  */
.top_banner .banner_second {overflow: hidden; position: relative; width: 1200px; margin: 0 auto;}
.top_banner .banner_second .link {display: block;}
.top_banner .banner_second .link.left {float: left; width: 50%;}
.top_banner .banner_second .link.left img {float: right;}
.top_banner .banner_second .link.right {float: right; width: 50%;}
.top_banner .banner_second .link.right img {float: left;}


.float_banner{position:absolute; left:40%; top:10%; z-index:1000; }
.float_banner .bottom_cont{height:30px; line-height:30px; text-align:center;}



.main_popup .bottom_cont label{display:inline-block; margin-right:20px; color:#fff; font-size:13px; line-height:100%; vertical-align:top; padding-top:8px;}
.main_popup .bottom_cont label input{margin-right:10px; vertical-align:top;}
.main_popup .bottom_cont button{vertical-align:top; padding-top:7px;}
.main_popup .bottom_cont button img{vertical-align:top}
.main_popup .url_no{cursor:default;}
.main_popup input.custom_chk + label{padding-left:20px;}
.main_popup input.custom_chk + label:before{top:8px;width:13px; height:13px; border:0;}
.main_popup input.custom_chk + label:after{top:8px; left:2px; line-height:100%; }


body.device_mobile .section_cont , body.min_height_700 .section_cont{padding:50px 0;}
body.device_mobile .section_cont_paging_area , body.min_height_700 .section_cont_paging_area{display:none;}
body.device_mobile #btnScroll , body.min_height_700 #btnScroll{display:none;}
.hidden_img{position:absolute; left:-9999px; display:none; overflow:hidden; width:0; height:0;}

/* 220628 */
.section4 .hover_list li.hover_list_3 a span{display:inline-block;top:50%;left:50%;bottom:auto;width:auto;text-align:left;transform:translate(-50%, -50%);}
.section4 .hover_list li.hover_list_3 a span:after{display:block;position:absolute;bottom:4px;right:-10px;margin:0;}
.section4 .hover_list li.hover_list_3 a:hover span{transform:translate(0, 0);}
.section4 .hover_list li.hover_list_3 a:hover span br{display:none}

/*220926*/
.snsIcons{height: 80px;display: flex;justify-content: center;align-items: center;} 
.snsIcons a{display: block;width:60px;height: 60px;font-size: 0;margin:0 15px}
.sns-ico1{background: url(/resources/images/index/sns-ico-fb.png) no-repeat 50% 50%;}
.sns-ico2{background: url(/resources/images/index/sns-ico-insta.png) no-repeat 50% 50%;}
.sns-ico3{background: url(/resources/images/index/sns-ico-youtube.png) no-repeat 50% 50%;}