@charset "utf-8";
.header_top .title_txt_m{display:none;text-align:center;}
.header_top .title_txt_m img{display:none;margin:30px auto 0;width:170px;height:12px}

.footer_area{display:block;position:fixed;bottom:0;left:0;z-index:10;background-color:#054fa4;width:100%;height:56px;line-height:56px;font-size:15px;color:#fff;text-align:center;  opacity:0.8;}
.footer_area .footer_logo{display:block;position:absolute;left:30px;top:15px}
.home{position:absolute;right:30px;top:0}
.home02{position:absolute; right:236px; top:0;}

.tab_area .btn_open{display:none}
.footer_area_m{display:none}

@media all and (min-width:0) and (max-width:1024px) {

/* main intro */
.headerline{position:fixed;z-index:10;width:100%;height:60px;border-bottom:1px solid #fff;opacity:0.2}
.header_top{position:fixed;z-index:10;width:100%;height:60px}
.header_top h1{position:absolute;left:20px;top:20px}
.header_top h1 img{width:57px;height:25px}
.header_top .title_txt{display:none;text-align:center;}
.header_top .title_txt img{display:none;margin:20px auto 0;width:170px;height:12px}
.header_top .title_txt_m{display:block;text-align:center;}
.header_top .title_txt_m img{display:block;margin:27px auto 0;width:170px;height:12px}
.header_top .nav_pop{position:absolute;right:20px;top:25px;width:20px;height:20px;background:url('../images/icon_menu.png') no-repeat left top;background-size:100%}

/*.dim_over{position:fixed;left:0;top:0;z-index:5;width:100%;height:100%;background-color:#000;opacity:0.35}*/
.swiper-container {width:100%;height:100%}
.mainintro .swiper-slide{width:100%;height:100%;overflow:hidden;}
.past_area{}
.past_area .pastimg1{background:url('../images/img_main_past_01.jpg') no-repeat left top;background-size:100% 100%}
.past_area .pastimg2{background:url('../images/img_main_past_02.jpg') no-repeat left top;background-size:100% 100%}
.past_area .pastimg3{background:url('../images/img_main_past_03.jpg') no-repeat left top;background-size:100% 100%}
.past_area .pastimg4{background:url('../images/img_main_past_04.jpg') no-repeat left top;background-size:100% 100%}

.current_area{}
.future_area{}
.future_area .futureimg1{background:url('../images/img_main_future_01.jpg') no-repeat left top;background-size:100% 100%}
.future_area .futureimg2{background:url('../images/img_main_future_02.jpg') no-repeat left top;background-size:100% 100%}
.future_area .futureimg3{background:url('../images/img_main_future_03.jpg') no-repeat left top;background-size:100% 100%}
.future_area .futureimg4{background:url('../images/img_main_future_04.jpg') no-repeat left top;background-size:100% 100%}
.future_area .futureimg5{background:url('../images/img_main_future_05.jpg') no-repeat left top;background-size:100% 100%}

.inner{position:absolute;left:50%;top:28%;z-index:5;text-align:center;width:500px;margin-left:-250px}
.inner .text_01{font-size:12px;color:#9ec5e3;white-space: nowrap; letter-spacing:0.4rem;}
.inner .text_01W{font-size:12px;color:#9ec5e3;white-space: nowrap; display:none; letter-spacing:0.4rem;}
.inner .text_01M{font-size:12px;color:#9ec5e3;white-space: nowrap; display:block; letter-spacing:0.4rem;}
.inner .text_02{text-align:center;margin-top:10px; font-size:18px;}
.inner .text_02 img{width:48%}
.inner .text_03{font-size:24px;color:#fff;margin-top:25px}
.inner .text_03>img{width:50%; max-width:50%;}
.inner .btn_area{width:140px;margin:25px auto 0}
.inner .btn_area .btn_detail{display:block;width:140px;height:40px;line-height:40px;font-size:14px;color:#fff;border:1px solid #fff;border-radius:30px}
.inner .btn_area .btn_detail:hover{display:block;width:140px;height:40px;line-height:40px;font-size:14px;color:#fff;border:none;border-radius:30px; background-color:#054fa4;}
.inner .text_01,
.inner .text_01W,
.inner .text_01M,
.inner .text_02,
.inner .text_03,
.inner .btn_area,
.inner .btn_gotoUp,
.inner .btn_gotoDown {
  position: relative;
  opacity: 1;
  top: 0;
  -webkit-transition: top 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
  -moz-transition: top 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
  -o-transition: top 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: top 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
}
.inner .text_01.off {
  top: -80px;
  opacity: 0;
  transform: scale(1);
}
.inner .text_01W.off {
  top: -80px;
  opacity: 0;
  transform: scale(1);
}
.inner .text_01M.off {
  top: -80px;
  opacity: 0;
  transform: scale(1);
}
.inner .text_02.off,
.inner .text_03.off,
.inner .btn_area.off,
.inner .btn_gotoUp.off,
.inner .btn_gotoDown.off {
  top: 120px;
  opacity: 0;
  transform: scale(1.5);
 }
 .inner.movie_end {
  z-index: 0;
 }
.inner.showText {
  z-index: 10;
}

#mouseMov{display:none;width:36px; height:70px; position:fixed; right:46%; bottom:10%;}


/* 과거 */
.sub_header{background-color:#fff}
.header_top.sub_header .title_txt img{margin-top:30px}
.header_top.sub_header .nav_pop{position:absolute;right:20px;top:25px;width:22px;height:18px;background:url('../images/icon_menu_sub.png') no-repeat left top;background-size:100% 100%}

.swiper-container-v.past .video{background:url('../images/img_main_future_03.jpg') no-repeat left top}
.tab_area{position:absolute;left:0;top:0;z-index:20;background:none;background-color:#0f54a7;height:auto;width:100%;}
.tab_area .btn_open{display:block;position:absolute;right:30px;top:0px;background:url('../images/btn_down.png') no-repeat center 15px;width:14px;padding:10px;height:15px}
.tab_area .btn_close{background:url('../images/btn_up2.png') no-repeat center 15px !important;}
.tab {width:100%;margin:0 auto;font-family:'NotoSans'}
.tab li {float:left;background:none;width:94%;margin-left:3%;border-bottom:1px solid #326db5;display:inline-block;cursor:pointer;height:36px;padding-top:0px;line-height:36px;text-align:center}
.tab li:last-child{border-bottom:none}
.tab li .tab_txt_01{color:#fff;font-size:12px;font-weight:bold}
.tab li .tab_txt_02{color:#fff;font-size:12px}
.tab li .tab_txt_03{position:relative;color:#fff;font-size:12px;font-weight:bold}
.tab li .tab_txt_03:after{content:'';position:absolute;left:-12px;top:19px;display:block;padding-left:14px;margin-left:10px;background:url('../images/tab_dot.png') no-repeat left top;width:2px;height:2px}
.tab li span{display:inline-block}
.tab li span.line{width:80%;height:28px}
.tab li span.line:hover{border-bottom:1px solid #fff}
.tab li.on {background:none;color:#fff}
.tab li.on .tab_txt_01{color:#fff}
.tab li.on .tab_txt_02{color:#fff;opacity:1}
.tab li.on .tab_txt_03{color:#fff}
.tab .show_hide{display:none;}

.tab_con {margin-top:35px;width:100%;/*position:absolute;left:0;top:0;*/}
.tab_con div {display:none}

.tab_past_area{position:relative;background-color:#4f4f4f}
.tab_past_area .past_img{width:100%;height:395px;background:url('../images/tab_top_img_01.jpg') no-repeat left top;background-size:100% 100%; display:none;}
.tab_past_area .past_img02{width:100%;height:395px;background:url('../images/tab_top_img_01.jpg') no-repeat left top;background-size:100% 100%; display:none;}
.tab_past_area .past_img03{width:100%;height:395px;background:url('../images/tab_top_img_02.jpg') no-repeat left top;background-size:100% 100%; display:none;}
.tab_past_area .past_img04{width:100%;height:395px;background:url('../images/tab_top_img_03.jpg') no-repeat left top;background-size:100% 100%; display:none;}
.tab_past_area .past_img05{width:100%;height:395px;background:url('../images/tab_top_img_04.jpg') no-repeat left top;background-size:100% 100%; display:none;}
.tab_past_area .past_img06{width:100%;height:395px;background:url('../images/tab_top_img_05.jpg') no-repeat left top;background-size:100% 100%; display:none;}

.tab_past_area .pastM_img{width:100%;height:270px;background:url('../images/tab_top_img_m01.jpg') no-repeat left top;background-size:100% 100%; display:block;}
.tab_past_area .pastM_img02{width:100%;height:270px;background:url('../images/tab_top_img_m01.jpg') no-repeat left top;background-size:100% 100%; display:block;}
.tab_past_area .pastM_img03{width:100%;height:270px;background:url('../images/tab_top_img_m02.jpg') no-repeat left top;background-size:100% 100%; display:block;}
.tab_past_area .pastM_img04{width:100%;height:270px;background:url('../images/tab_top_img_m03.jpg') no-repeat left top;background-size:100% 100%; display:block;}
.tab_past_area .pastM_img05{width:100%;height:270px;background:url('../images/tab_top_img_m04.jpg') no-repeat left top;background-size:100% 100%; display:block;}
.tab_past_area .pastM_img06{width:100%;height:270px;background:url('../images/tab_top_img_m05.jpg') no-repeat left top;background-size:100% 100%; display:block;}
.tab_past_area ul{}
.tab_past_area ul li{position:relative;float:left;width:100%;height:100%}
.tab_past_area ul li a{position:relative;display:block;left:0;top:0;width:100%;height:100%;}
.tab_past_area ul li a .txt_thumb_area{position:absolute;left:10px;bottom:40px;color:#fff;z-index:10}
.tab_past_area ul li a .txt_thumb_area span{display:block;text-align:left}
.tab_past_area ul li a .txt_thumb_area .thumb_txt1{font-size:24px}
.tab_past_area ul li a .txt_thumb_area .thumb_txt2{font-size:12px;margin-top:8px}
.tab_past_area ul li a .txt_thumb_area .thumb_txt3{font-size:14px;margin-top:5px}
.tab_past_area ul li a .thumb_dim{transition:all 0.3s ease-in-out;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0;z-index:15}
.tab_past_area ul li a:hover .thumb_dim{opacity:0.3}
.tab_past_area ul li a .thumb_icon{transition:all 0.3s ease-in-out;background:url('../images/icon_more.png')no-repeat left top;background-size:100% 100%;position:absolute;left:50%;top:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px;opacity:0;z-index:20}
.tab_past_area ul li a:hover .thumb_icon{opacity:1}

.tab_past_area ul li a:before {
  content: "";
  position: absolute;
  top: 65%;
  left: 10px;
  right: 100%;
  min-width: 100px;
  border-bottom: 1px solid #fff;
  -webkit-transition: right 0.6s ease-out;
  -moz-transition: right 0.6s ease-out;
  -o-transition: right 0.6s ease-out;
  transition: right 0.6s ease-out;
}
.tab_past_area ul li a:hover:before {
  right: 10px;
}
.tab_past_area ul li a img{
  width:100%;
}



/* 현재 */
.swiper-container-v.now{font-family:'NotoSans'}
.newBorder{border-top:solid 2px #333; width:25px; text-align:center; display:inline-block; margin-top:12px;}
.swiper-container-v.now .swiper-slide{width:100%;height:100%}
.swiper-container-v.now .secition_title{text-align:center;color:#444; margin-top:50px;}
.swiper-container-v.now .secition_title .title{font-size:22px;font-weight:bold}
.swiper-container-v.now .secition_title .sub_title{font-size:14px; margin-top:10px}

.swiper-container-v.now .section_01{}


.swiper-container-v.now .section_02{background:url('../images/bg_nowN_01.jpg') no-repeat center; background-size:150% 40%; background-color:#f5f5f5; padding-top:100px;}
.swiper-container-v.now .section_02 .secition_title .title{margin-top:22px;}
.swiper-container-v.now .section_02 .secition_title .sub_title span{font-size:14px}
.swiper-container-v.now .section_02 .secition_title .sub_title{font-size:12px; margin-top:5px;}
.swiper-container-v.now .section_02 .swiper2{width:1080px;height:550px;margin-top:50px}
.swiper-container-v.now .section_02 .swiper2 .img_photo{position:relative;display:block;width:527px;height:493px}
.swiper-container-v.now .section_02 .swiper2 .img_photo .dim_cover{transition:all 0.3s ease-in-out;position:absolute;left:0;top:0;display:block;z-index:20;width:100%;height:100%;background-color:#000;opacity:0.5}
.swiper-container-v.now .section_02 .swiper2 .img_photo .btn{transition:all 0.3s ease-in-out;position:absolute;left:30px;bottom:30px;display:block;z-index:20;width:150px;height:40px;border:1px solid #fff;color:#fff;font-size:16px;text-align:center;line-height:40px}
.swiper-container-v.now .section_02 .swiper2 .img_photo img{position:absolute;left:0;top:0;z-index:15;display:block;}
.swiper-container-v.now .section_02 .swiper2 .img_photo:hover .dim_cover{opacity:0}
.swiper-container-v.now .section_02 .swiper2 .img_photo:hover .btn{background-color:#224783;border:1px solid #224783}


.swiper-container-v.now .section_03{padding-top:0px; background-color:#fff;}
.swiper-container-v.now .section_03 .swiper1{width:100%;height:550px;margin-top:10px}
.swiper-container-v.now .section_03 .contents_area{width:380px; margin:0 auto;}
.swiper-container-v.now .section_03 .contents_area .left_area{float:none;width:100%;text-align:center;}
.swiper-container-v.now .section_03 .contents_area .left_area img{width:75%;height:180px}
.swiper-container-v.now .section_03 .contents_area .right_area{float:none;width:75%;margin:0 auto;}
.swiper-container-v.now .section_03 .right_area{padding-left:0;padding-top:0;text-align:center}
.swiper-container-v.now .section_03 .right_area .txt_list_title{margin-top:5px;font-size:12px;color:#5e5e5e; text-align:left;}
.swiper-container-v.now .section_03 .right_area .txt_list_subtitle{margin-bottom:0px;font-size:15px;color:#224783;font-weight:bold;letter-spacing:0; text-align:left;}
.swiper-container-v.now .section_03 .right_area .detail_txt{text-indent:0px;font-size:12px;color:#525252;line-height:130%}
.swiper-container-v.now .section_03 .right_area .detail_txt dt{font-weight:bold;float:left}
.swiper-container-v.now .section_03 .right_area .detail_txt dd{float:left;text-align:left;}
.swiper-container-v.now .section_03 .right_area .detail_txt_m{display:none}
.swiper-container-v.now .section_03 .right_area .btn_send{margin:5px 0;display:block;width:120px;height:30px;background-color:#224783;text-align:center;line-height:30px}
.swiper-container-v.now .section_03 .right_area .btn_send span{color:#fff;font-weight:bold;font-weight:16px}
.swiper-container-v.now .swiper-slide{margin-bottom:20px !important}
.swiper_btn_wrap {position:absolute;top:340px;left:50% !important;margin-left:10px;width:64px;height:42px;z-index:9999;}
.swiper-container-v.now .section_03 .swiper-button-next,
.swiper-container-v.now .section_03 .swiper-container-rtl .swiper-button-prev {
  background: url("../images/arrow_right_on.gif") no-repeat right center;
  background-size:100%;
  right:0;
  top:0px;
  width:30px;
  height:30px;
}
.swiper-container-v.now .section_03 .swiper-button-prev,
.swiper-container-v.now .section_03 .swiper-container-rtl .swiper-button-next {
  background: url("../images/arrow_left_on.gif") no-repeat left center;
  background-size:100%;
  left:0;
  top:0px;
  width:30px;
  height:30px;
}


.swiper-container-v.now .section_04{padding-top:0px;}
.swiper-container-v.now .section_04 .secition_title .title{margin-top:10px}
.swiper-container-v.now .section_04 .secition_title .sub_title{font-size:14px;margin-top:10px}
.swiper-container-v.now .section_04 .accCont_area{width:320px !important;margin:5px auto 0}
.swiper-container-v.now .section_04 .accCont_area .accCont {display:table;table-layout:fixed;width:100%;height:300px;text-align:center}

.swiper-container-v.now .section_05{background:url('../images/bg_now_05.jpg') no-repeat left -70px;}
.swiper-container-v.now .section_05 .secition_title .title{margin-top:60px}
.swiper-container-v.now .section_05 .secition_title .sub_title{font-size:14px;margin-top:10px}
.swiper-container-v.now .section_05 .swiper4{width:90%;height:280px;margin:10px auto 0; padding-bottom:30px;border-bottom:solid 1px #eee;}
.swiper-container-v.now .section_05 .swiper4 .img_bnr{position:relative;display:block;width:100%;height:100%;}
.swiper-container-v.now .section_05 .swiper4 .img_bnr .dim_cover1{transition:all 0.3s ease-in-out;opacity:0;position:absolute;left:0;top:0;z-index:20;width:100%;height:100%;background-color:#2a7092}
.swiper-container-v.now .section_05 .swiper4 .img_bnr .dim_cover2{transition:all 0.3s ease-in-out;opacity:0;position:absolute;left:0;top:0;z-index:20;width:100%;height:100%;background-color:#df7a3f}
.swiper-container-v.now .section_05 .swiper4 .img_bnr .btn{transition:all 0.3s ease-in-out;opacity:0;position:absolute;left:50%;top:50%;z-index:20;margin:-20px 0 0 -75px;width:150px;height:40px;border:1px solid #fff;color:#fff;font-size:16px;text-align:center;line-height:40px}

.swiper-container-v.now .section_05 .swiper4 .img_bnr img{position:absolute;left:0;top:0;z-index:15;display:block;width:100%;height:100%}
.swiper-container-v.now .section_05 .swiper4 .img_bnr:hover .dim_cover1{position:absolute;left:0;top:0;display:block;z-index:20;width:100%;height:100%;background-color:#2a7092;opacity:0.9}
.swiper-container-v.now .section_05 .swiper4 .img_bnr:hover .dim_cover2{position:absolute;left:0;top:0;display:block;z-index:20;width:100%;height:100%;background-color:#df7a3f;opacity:0.9}
.swiper-container-v.now .section_05 .swiper4 .img_bnr:hover .btn{opacity:1;display:block;position:absolute;left:50%;top:50%;z-index:20;margin:-20px 0 0 -75px;width:150px;height:40px;border:1px solid #fff;color:#fff;font-size:16px;text-align:center;line-height:40px}
.swiper-container-v.now .section_05 .swiper-container-horizontal > .swiper-pagination-bullets{right:0;left:0;text-align:center;}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {}

.accCont { display:table; table-layout:fixed; width:100%; height:480px; text-align:center; }
.accCont > .col { display:table-row; font-size:15px; vertical-align:middle; background-repeat:no-repeat; background-position:center 0; background-size:cover; color:#fff; box-sizing:border-box; border-left:1px solid #fff; text-decoration:none !important; }
.accCont > .col:first-child { border-left:0; }
.accCont.col2 > .col {}
.accCont.col2 > .col.active {}
.accCont .num { position:relative; display:inline-block; line-height:15px; font-family:'Myriad'; font-weight:bold; font-size:15px; color:#f37321; }
.accCont .num:before { position:absolute; left:0; top:0; right:0; bottom:0; border-radius:46px; background:url("../images/company/op_intro_num_bg.png") 0 0 no-repeat; }
.accCont .title { display:block; font-size:24px; font-weight:bold; margin:0 0 13px; }
.accCont .btnC { display:block; width:136px; margin:0 auto -45px; opacity:0; }
.accCont .btnC.i-more:after { margin-left:10px; }
.accCont .list-1 > li:before { background-color:#fff; }
.accCont .txt { display:inline-block; height:0; *zoom:1; *display:inline; overflow:hidden; white-space:nowrap; opacity:0; box-sizing:border-box; }
.accCont .bg1 { background-image:url("../images/now_thumb_09.jpg");background-size:100% 100%}
.accCont .bg2 { background-image:url("../images/now_thumb_10.jpg");background-size:100% 100%}
.accCont .bg2 li {width:300px; line-height:200% !important;}
.accCont .active .num { width:46px; height:46px; line-height:46px; }
.accCont .active .num:before { content:''; }
.accCont .active .title { margin-top:18px; }
.accCont .active .txt { margin-bottom:0; opacity:1; }
.accCont .active .txt.h1 { height:26px; }
.accCont .active .txt.h4 { height:122px; }
.accCont .active .btnC { margin-top:34px; margin-bottom:0; opacity:1; }
.accCont.col2 .active .txt { width:auto; }
.accCont > .col { -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }
.accCont .btnC { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.accCont .txt { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.accCont > .col .list_title{display:block;font-size:16px;font-weight:bold;margin-top:10px; margin-bottom:0px;}
.accCont > .col .list_title01{display:none;font-size:16px;margin-top:10px}
.accCont > .col .list_title01 span{font-size:12px}
.accCont > .col .text_list{position:relative;display:block;overflow:hidden;width:100%;height:0;margin-left:15px;margin-top:0px;transition:all 0.3s ease-in-out}
.accCont > .col li{font-size:11px;line-height:150%;margin-bottom:0px;text-align:left}
.accCont > .col li span{color:#c6b282;font-size:10px}

.accCont > .col .btn_area{display:none;position:absolute;right:25px;top:50%;bottom:unset;margin-top:-40px;width:26px;height:80px}
.accCont > .col .btn_area a{display:block;width:21px;height:12px}
.accCont > .col .btn_area .btn_up{background:url("../images/btn_up.png") no-repeat left top;margin-bottom:20px}
.accCont > .col .btn_area .btn_down{background:url("../images/btn_down_01.png") no-repeat left top}

.accCont > .col .bg_area{position:relative}

.accCont .bg1.active .text_list{height:210px}
.accCont .bg1.active .btn_area{display:block}
.accCont .bg2.active .text_list{height:210px}
.accCont .bg2.active .btn_area{display:block}

/* 미래 */
.swiper-container #videobcg{position:absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width:auto;height:auto;overflow:hidden;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transition: translate(-50%, -50%);}
.btn_play{position:absolute;left:50%;top:50%;margin-top:-34px;margin-left:-34px;display:none;background:url('../images/btn_play.png') no-repeat;background-size:100%;width:68px;height:68px; z-index:2}
.btn_stop{position:absolute;left:50%;top:50%;margin-top:-34px;margin-left:-34px;display:none;background:url('../images/btn_stop.png') no-repeat;background-size:100%;width:68px;height:68px; z-index:2}
.btn_play02{position:absolute;left:50%;top:50%;margin-top:-34px;margin-left:-34px;display:none;background:url('../images/btn_play.png') no-repeat;background-size:100%;width:68px;height:68px; z-index:2}
.btn_stop02{position:absolute;left:50%;top:50%;margin-top:-34px;margin-left:-34px;display:none;background:url('../images/btn_stop.png') no-repeat;background-size:100%;width:68px;height:68px; z-index:2}

.newGf_biz{width:842px; margin:10px auto 0; max-width:100%;}
.newGf_biz>ul{width:90%; max-width:100%; margin:0 auto;}
.newGf_biz>ul:after{display: block; content: ""; clear: both;}
.newGf_biz>ul>li{float:left; width:26%; margin-left:11%;}
.newGf_biz>ul>li>a{}
.newGf_biz>ul>li>a:hover{}
.newGf_biz>ul>li>a>img{width:100%; max-width:100%;}
.newGf_biz>ul>li:first-child{margin-left:0%;}
.newGf_biz02{font-size:12px; color:#fff; margin-top:5px; text-align:center;}
.newGf_biz>p>img{width:89%; max-width:100%;}


.future .section_02{background:url('../images/bg_future_01.jpg') no-repeat center center; background-size:cover;}
.future .section_02 .text_area{margin-top:0px;text-align:center}
.future .section_02 .text_area .txt_title_01{margin-bottom:0px;color:#fff;font-size:18px}
.future .section_02 .text_area .txt_title_02{color:#fff;font-size:12px}
.future .section_02 .text_area .newBorderF01{border-top:solid 2px #fff; width:25px; text-align:center; display:inline-block; margin-top:14px;}
.future .section_02 .text_area .txt_title_03{margin-top:25px}
.future .section_02 .text_area .txt_title_03 img{width:95%}

.future .section_03{overflow:auto;font-family:'NotoSans';margin-bottom:0 !important}
.future .section_03 .text_area{padding-top:75px;text-align:center;width:100%;height:auto;margin:0px auto 0;background:url('../images/bg_future_02.jpg') no-repeat center center; background-size:100%;}
.future .section_03 .text_area .txt_title_01{font-size:14px;color:#888;font-weight:bold}
.future .section_03 .text_area .txt_title_02{font-size:18px;color:#444;font-weight:bold}
.future .section_03 .text_area .newBorderF02{border-top:solid 2px #888; width:25px; text-align:center; display:inline-block; margin-top:0px;}
.future .section_03 .text_area .newBorderF03{border-top:dashed 1px #888; width:90%; text-align:center; display:inline-block; margin-top:0px;}
.future .section_03 .text_area .txt_title_03{margin-top:17px;text-align:left;}
.future .section_03 .text_area .txt_title_03 img{width:80%;margin-left:20px}
.future .section_03 .text_area .txt_title_04{margin-top:5px;text-align:left; margin-bottom:5px;}
.future .section_03 .text_area .txt_title_04 img{width:80%;margin-left:20px}
.future .section_03 .text_area .txt_title_06{font-size:9px;color:#777;margin-left:20px}
.future .section_03 .text_area .txt_title_07{margin-top:5px;text-align:left;margin-bottom:5px;}
.future .section_03 .text_area .txt_title_07 img{width:80%;margin-left:20px}
.future .section_03 .text_area .txt_title_08{margin-top:5px;text-align:left}
.future .section_03 .text_area .txt_title_08 img{width:80%;margin-left:20px}
.future .section_03 .text_area .txt_title_09{margin-top:15px;text-align:left}
.future .section_03 .text_area .txt_title_09 img{width:80%;margin-left:20px}

.future .section_04{background-image:none;background-color:#1f4584;}
/*.future .section_04{background:url('../images/bg_future_03.jpg') no-repeat center center; background-size:cover;}*/
.future .section_04 .text_area{text-align:center;padding-top:100px;}
.future .section_04 .text_area .txt_title_01{font-size:20px;color:#fff;font-weight:bold}
.future .section_04 .text_area .newBorderF04{border-top:solid 2px #fff; width:25px; text-align:center; display:inline-block; margin-top:14px;}
.future .section_04 .text_area .txt_title_02{font-size:12px;color:#fff;margin-top:10px}
.future .section_04 .text_area .txt_title_03{font-size:10px;color:#8ea8d2;margin-top:5px}
.future .section_04 .text_area .txt_title_04{margin-top:60px;text-align:center}
.future .section_04 .text_area .txt_title_04 img{width:95%}
.future .section_04 .text_area .txt_title_05{text-align:center;margin-top:20px}
.future .section_04 .text_area .txt_title_05 img{width:95%}

/* 푸터 */
.footer_area{display:none;position:fixed;bottom:0;left:0;z-index:10;background-color:#000;width:100%;height:56px;line-height:56px;font-size:15px;color:#5d5d5d;text-align:center}
.footer_area .footer_logo{display:none;position:absolute;left:30px;top:20px}



.footer_area_m{display:block;position:fixed;bottom:40px;left:0;z-index:10;background-color:#054fa4;width:100%;height:50px;line-height:50px;font-size:10px;color:#fff;padding-left:0px}
.footer_area_m .footer_logo{display:block;position:absolute;left:20px;top:20px}
.footer_area_m .footer_logo img{width:60px;height:17px}
.footer_area_m span {position:absolute;left:90px;top:22px;line-height:1;}

.footer_area_m .homeNewBox{overflow:hidden; width:100%; position:absolute; top:50px; height:50px;}
.footer_area_m .homeNewBox:after{display:block; content: ""; clear: both;}
.homeNewBox .home{float:left; width:50%; text-align:center; position:static; right:0px; background-color:#002c51; height:50px;}
.homeNewBox .home02{float:right; width:50%; text-align:center; position:static; right:0px; background-color:#013b6d; height:50px;}
.homeNewBox>a>img{margin-top:10px}


/* layer popup */

/* 2018-03-27 수정01 */
#slider-bu{position:relative;width:60%;height:300px;top:35px;margin:0 auto}
/* 2018-03-27 수정01 */
#slider-bu .btn-left{position:absolute;top:47%;left:4%;z-index:100;display:block;width:25px;height:25px;border:0;background:url('../images/btn_prev.png') no-repeat 0 0;font-size:0;text-indent:-9999px;}
#slider-bu .btn-right{position:absolute;top:47%;right:4%;z-index:100;display:block;width:25px;height:25px;border:0;background:url('../images/btn_next.png') no-repeat 0 0;font-size:0;text-indent:-9999px;}
#slider-bu .btn-wrap{position:absolute;top:47%;right:4%;z-index:100;display:block;width:25px;height:25px;border:0;background:url('../images/btn_next.png') no-repeat 0 0;}
#slider-bu .btn-wrap-left{width:28px;height:88px;position:absolute;top:20%;left:5px;z-index:100;display:block;}
#slider-bu .btn-wrap-left .btn-left{position:absolute;top:-5px;left:4%;z-index:100;display:block;width:25px;height:25px;border:0;background:url('../images/btn_prev.png') no-repeat 0 0;background-size:100% 100%}
#slider-bu .btn-wrap-left .btn-left:hover{background:url('../images/btn_prev_on.png') no-repeat 0 0;background-size:100% 100%}
#slider-bu .btn-wrap-left .count{text-align:center;position: absolute;bottom:39px;width:100%;}
#slider-bu .btn-wrap-left .count span{font-size:12px;}
#slider-bu .count span.paging{color:#333;}
#slider-bu .count span.total{color:#c7c7c7;}
#slider-bu .btn-wrap-right{width:28px;height:88px;position:absolute;top:20%;right:14px;z-index:100;display:block;}
#slider-bu .btn-wrap-right .btn-right{position:absolute;top:-5px;right:0;z-index:100;display:block;width:25px;height:25px;border:0;background:url('../images/btn_next.png') no-repeat 0 0;background-size:100% 100%}
#slider-bu .btn-wrap-right .btn-right:hover{background:url('../images/btn_next_on.png') no-repeat 0 0;background-size:100% 100%}
#slider-bu .btn-wrap-right .count{text-align:center;position: absolute;bottom:39px;width:100%;}
#slider-bu .btn-wrap-right .count span{font-size:12px}

#slider-bu .txt-wrap{position:absolute;top:100%;left:0;right:0;display:none;}
#slider-bu .thumb{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;background:#aaa;transition:All 0.5s;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
#slider-bu .thumb:after{position: absolute;top: 0;left: 0;display:block;content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);}
#slider-bu .holder-bu{position:absolute;width:59%;/*height:621px;*/padding-bottom:33%;transition:All 0.5s;perspective:800px;}
#slider-bu .holder-bu .thumb:focus{border:1px solid red;}
#slider-bu .holder-bu-awayL2{top:5%;left:-6%;z-index:10;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayL1{top:5%;left:3%;z-index:20;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-center{top:0;left:50%;z-index:50;opacity:1;transform:translateX(-50%);box-shadow: 0 0 30px rgba(0,0,0,0.1);}
#slider-bu .holder-bu-awayR1{top:5%;left:38%;z-index:40;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayR2{top:5%;left:47%;z-index:30;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-center .thumb{background:#aaa;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
#slider-bu .holder-bu-center .thumb:after{display:none;}
#slider-bu .holder-bu-awayL2 .thumb{transform: rotateY(40deg) scale(0.6);}
#slider-bu .holder-bu-awayL1 .thumb{transform: rotateY(40deg) scale(0.7);}
#slider-bu .holder-bu-center .thumb{transform: rotateY(0) scale(1);}
#slider-bu .holder-bu-center .txt-wrap{display:block;}
#slider-bu .holder-bu-awayR1 .thumb{transform: rotateY(-40deg) scale(0.7);}
#slider-bu .holder-bu-awayR2 .thumb{transform: rotateY(-40deg) scale(0.6);}
#slider-bu .holder-bu-center .box-text{display:block;display:block;padding:15px 0px;background:#ededed;position: absolute;top:105%;left: 0;right: 0;}
#slider-bu .box-text{display:none;}
#slider-bu .box-text .text-1{display:block;font-family:'NotoSans';font-size:12px;color:#2a77cd;}
#slider-bu .box-text .text-2{display:block;font-size:18px;color:#333;font-family:'NotoSans';}
#slider-bu .box-text .text-3{display:block;font-family:'NotoSans';font-size:11px;color:#777;margin-top:10px;line-height:20px;letter-spacing:-0.03em;}

/* 2018-03-27 수정02 */
.ly_pop_thumb{display:none;width:100%;padding:0;height:100%;background-color:#ededed;position:fixed;left:0;bottom:0;z-index:150;z-index:9999;}
.ly_pop_thumb .btn_close{position:absolute;right:30px;top:10px;width:25px;height:25px;background:url('../images/btn_close.png') no-repeat;background-size:100% 100%;z-index:99999;}
.ly_01{}
/* 2018-03-27 수정02 */

.ly_nav{display:none;position:fixed;z-index:99999;left:0;bottom:0;width:100%;height:100%}
.ly_nav .color_bg{width:100%;height:100%;background-color:#3a3a3a;opacity:0.9;}
.ly_nav .nav_wrap{position:absolute;top:0;left:0;z-index:9999;}
.ly_nav .nav_wrap .nav_list{}
.ly_nav .btn_close_nav{position:absolute;right:13px;top:12px;width:40px;height:40px;background:url('../images/btn_ly_close.png') no-repeat left top;z-index:999999;}
.ly_nav .nav_wrap .nav_list li{width:100%;height:100px;padding-top:20px;}
.ly_nav .nav_wrap .nav_list li a{transition:all 0.3s ease-in-out;color:#fff;display:block;height:100px;padding-top:20px;}
.ly_nav .nav_wrap .nav_list li a:hover{height:100px;padding-top:20px;background:url('../images/bg_nav.png') no-repeat 100px 20px;background-size:87px 87px}
.ly_nav .nav_wrap .nav_list li a:hover span{color:#fff}
.ly_nav .nav_wrap .nav_list span{display:block;color:#a0c3ea;text-align:center}
.ly_nav .nav_wrap .nav_list .txt_01{font-size:36px}
.ly_nav .nav_wrap .nav_list .txt_02{font-size:14px}

.swiper-container-v.now .section_03 .contents_area .left_area.active:before {
 display:none;
}

/* 모바일 영상대체 */
.btn_stop,
.btn_play,
.btn_stop02,
.btn_play02,
.main_wrap .videobcg,
.wrap_past .videobcg,
.wrap_future .videobcg,
.wrap_now .videobcg {display:none !important;}
.videobcg-bg-past,
.videobcg-bg-now,
.videobcg-bg-now02,
.videobcg-bg-nowM,
.videobcg-bg-future {position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; background:url() no-repeat center center; background-size:auto 100%;}
.videobcg-bg-past {background-image:url('../images/bg_video_past.jpg')}
.videobcg-bg-now {background-image:url('../images/bg_video_now.jpg')}
.videobcg-bg-future {background-image:url('../images/bg_video_future.jpg')}
.videobcg-bg-nowM {background-image:url('../images/bg_video_nowM.jpg')}
.videobcg-bg-now02{background-image:url('../images/bg_video_now02.jpg'); margin-top:-160px; background-size:auto 80%;}