@charset "utf-8";

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansKR-Regular.eot');
    src: url('../font/NotoSansKR-Regular.woff2') format('woff2'), url('../font/NotoSansKR-Regular.woff') format('woff'), url('../font/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'NotoSansBold';
    font-style: normal;
    font-weight: 500;
    src: url('../font/NotoSansKR-Medium.eot');
    src: url('../font/NotoSansKR-Medium.woff2') format('woff2'), url('../font/NotoSansKR-Medium.woff') format('woff'), url('../font/NotoSansKR-Medium.otf') format('opentype');
}

/* css_reset */
html{-webkit-text-size-adjust: antialiased;-moz-osx-font-smoothing: grayscale;}
html, body{width:100%; height:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input{margin:0;padding:0;-webkit-text-size-adjust:none;word-break:keep-all;}
input,textarea{border-radius:0;resize:none;background:transparent;border:0;}
body,h1,h2,h3,h4,h5,h6,input,button{font-family:'NotoSans', Dotum,'돋움', Helvetica, AppleSDGothicNeo, sans-serif;font-size:12px;}
body{color:#666;word-wrap:break-word;word-break:break-all;}
caption, legend{font-size: 0;line-height: 0;text-indent: -5000px;}
img, fieldset, iframe{border:0 none;vertical-align:top;}
fieldset{font-size:0;}
ul,ol{list-style:none;}
a{color:#666;text-decoration:none;}
a:hover{text-decoration:normal}
i,em,address{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:none;}
input[type="submit"]{cursor:pointer;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
.hidden{clear:both;height:0;line-height:0;width:0;position:absolute;top:-9999px;left:-9999px;}
.clear_both{*overflow:hidden;*zoom:1}.clear_both:after{content:"";display:block;clear:both}

/* main intro */
.wrap{position:relative;width:100%;height:100%}
.headerline{position:fixed;z-index:10;width:100%;height:80px;border-bottom:1px solid #fff;opacity:0.2}
.header_top{position:fixed;z-index:10;width:100%;height:80px;}
.header_top h1{position:absolute;left:60px;top:20px}
.header_top .title_txt{text-align:center}
.header_top .title_txt img{margin-top:37px}
.header_top .nav_pop{position:absolute;right:70px;top:35px;width:30px;height:20px;background:url('../images/icon_menu.png') no-repeat left top;z-index:9999;}

/*.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%}
.past_area{}
.past_area .pastimg1{background:url('../images/img_main_past_01.jpg') no-repeat left top}
.past_area .pastimg2{background:url('../images/img_main_past_02.jpg') no-repeat left top}
.past_area .pastimg3{background:url('../images/img_main_past_03.jpg') no-repeat left top}
.past_area .pastimg4{background:url('../images/img_main_past_04.jpg') no-repeat left top}
.current_area{}
.future_area{}
.future_area .futureimg1{background:url('../images/img_main_future_01.jpg') no-repeat left top}
.future_area .futureimg2{background:url('../images/img_main_future_02.jpg') no-repeat left top}
.future_area .futureimg3{background:url('../images/img_main_future_03.jpg') no-repeat left top}
.future_area .futureimg4{background:url('../images/img_main_future_04.jpg') no-repeat left top}
.future_area .futureimg5{background:url('../images/img_main_future_05.jpg') no-repeat left top}

.inner{position:absolute;left:50%;top:36%;z-index:5;text-align:center;width:610px;margin-left:-305px}
.inner .text_01{font-size:40px; color:#9ec5e3; white-space: nowrap; letter-spacing:0.5rem; font-weight:bold;}
.inner .text_01W{font-size:40px; color:#9ec5e3; white-space: nowrap; letter-spacing:0.5rem; font-weight:bold; display:block;}
.inner .text_01M{display:none;}
.inner .text_02{font-size:35px; color:#fff;}
.inner .text_03{text-align:center;margin-top:30px;}
.inner .btn_area{width:180px;margin:40px auto 0}
.inner .btn_area .btn_detail{display:block;width:180px;height:54px;line-height:54px;font-size:17px;color:#fff;border-radius:30px; border:solid 1px #fff;}
.inner .btn_area .btn_detail:hover{display:block;width:180px;height:54px;line-height:54px;font-size:17px;color:#fff;border-radius:30px; background:#054fa4; border:solid 1px #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;
}

.fp-section .text_01{font-size:40px; color:#9ec5e3; white-space: nowrap; letter-spacing:0.5rem; font-weight:bold;}
.fp-section .text_01W{font-size:40px; color:#9ec5e3; white-space: nowrap; letter-spacing:0.5rem; font-weight:bold; display:block;}
.fp-section .text_01M{display:none;}
.fp-section .text_02{font-size:35px; color:#fff;}
.fp-section .text_03{text-align:center;margin-top:30px;}
.fp-section .btn_area{width:180px;margin:40px auto 0}
.fp-section .btn_area .btn_detail{display:block;width:180px;height:54px;line-height:54px;font-size:17px;color:#fff;border-radius:30px; border:solid 1px #fff;}
.fp-section .btn_area .btn_detail:hover{display:block;width:180px;height:54px;line-height:54px;font-size:17px;color:#fff;border-radius:30px; background:#054fa4; border:solid 1px #054fa4; ;}

#mouseMov {display:none;width:36px; height:70px; position:fixed; right:49%; bottom:10%; z-index:999;}


/* 과거 */

.bodyPast{overflow-x:hidden;}
.sub_header{background-color:#fff}
.header_top.sub_header{position:absolute;left:0;top:0; z-index: 9999}
.header_top.sub_header .title_txt img{margin-top:30px}
.header_top.sub_header .nav_pop{position:absolute;right:70px;top:35px;width:30px;height:20px;background:url('../images/icon_menu_sub.png') no-repeat left top}

.btn_play{position:absolute;left:50%;top:50%;margin-top:-34px;display:block;background:url('../images/btn_play.png') no-repeat;background-size:100%;width:68px;height:68px; z-index: 1;}
.btn_stop{position:absolute;left:50%;top:50%;margin-top:-34px;display:block;background:url('../images/btn_stop.png') no-repeat;background-size:100%;width:68px;height:68px; z-index: 1;}
.btn_play02{position:absolute;left:50%;top:50%;margin-top:-34px;display:block;background:url('../images/btn_play.png') no-repeat;background-size:100%;width:68px;height:68px; z-index: 1;}
.btn_stop02{position:absolute;left:50%;top:50%;margin-top:-34px;display:block;background:url('../images/btn_stop.png') no-repeat;background-size:100%;width:68px;height:68px; z-index: 1;}


.tab_area{position:absolute;left:0;top:0;z-index:20;background:url('../images/bg_tab_area.png') repeat-x left top;height:142px;width:100%;}
.tab {width:1440px;margin:0 auto;font-family:'NotoSans'}
.tab li {float:left;width:33.333%;display:inline-block;cursor:pointer;width:240px;height:122px;padding-top:20px;line-height:180%;text-align:center;background:url('../images/bg_tab.png') no-repeat left top;}
.tab li .tab_txt_01{color:#888;font-size:17px;font-weight:bold}
.tab li .tab_txt_02{color:#888;font-size:14px}
.tab li .tab_txt_03{color:#555;font-size:15px;font-weight:bold}
.tab li span{display:block}
.tab li.on {background:url('../images/bg_tab_on.png') no-repeat left top;color:#fff}
.tab li.on .tab_txt_01{color:#fff}
.tab li.on .tab_txt_02{color:#fff;opacity:0.5}
.tab li.on .tab_txt_03{color:#fff}

.tab_con {margin-top:105px;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%}
.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%}
.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%}
.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%}
.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%}
.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%}
.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:none;}
.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:none;}
.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:none;}
.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:none;}
.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:none;}
.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:none;}
.tab_past_area ul{}
.tab_past_area ul li{position:relative;float:left;width:33.333%;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:34px}
.tab_past_area ul li a .txt_thumb_area .thumb_txt2{font-size:15px;margin-top:8px}
.tab_past_area ul li a .txt_thumb_area .thumb_txt3{font-size:20px;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;position:absolute;left:50%;top:50%;width:72px;height:72px;margin-left:-36px;margin-top:-36px;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;
  bottom: 105px;
  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:50px; text-align:center; display:inline-block; margin-top:25px;}
.swiper-container-v.now .swiper-slide{width:100%;height:100%}
.swiper-container-v.now .secition_title{text-align:center;color:#444}
.swiper-container-v.now .secition_title .title{font-size:45px;font-weight:bold}
.swiper-container-v.now .secition_title .sub_title{font-size:26px;margin-top:30px}

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

.swiper-container-v.now .section_02{background:url('../images/bg_nowN_01.jpg') no-repeat center center; background-size:90%; background-color:#f5f5f5; padding-top:85px;}
.swiper-container-v.now .section_02 .secition_title .title{margin-top:30px}
.swiper-container-v.now .section_02 .secition_title .sub_title span{font-size:26px}
.swiper-container-v.now .section_02 .secition_title .sub_title{font-size:17px; 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:40px; margin-top:-10px; background-color:#fff;}
.swiper-container-v.now .section_03 .swiper1{width:1070px; height:550px; margin-top:40px}
.swiper-container-v.now .section_03 .contents_area{ }
.swiper-container-v.now .section_03 .contents_area .left_area{position: relative;float:left;width:538px}
.swiper-container-v.now .section_03 .contents_area .left_area:before {
  content:'';
  position: absolute;
  top: 35px;
  left: 100%;
  margin-left: -90px;
  width: 40px;
  border-top: 2px solid #c40d3f;
  z-index: 1;
  -webkit-transition: width 0.5s ease-out;
  -moz-transition: width 0.5s ease-out;
  -o-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
}
.swiper-container-v.now .section_03 .contents_area .left_area.active:before {
  width: 110px;
}
.swiper-container-v.now .section_03 .contents_area .right_area{float:right;width:502px}
.swiper-container-v.now .section_03 .right_area{padding-left:30px;padding-top:20px}
.swiper-container-v.now .section_03 .right_area .txt_list_title{font-size:20px;color:#5e5e5e}
.swiper-container-v.now .section_03 .right_area .txt_list_subtitle{margin-bottom:40px;font-size:30px;color:#224783;font-weight:bold;letter-spacing:-2px}
.swiper-container-v.now .section_03 .right_area .detail_txt{font-size:14px;color:#525252;line-height:180%}
.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}
.swiper-container-v.now .section_03 .right_area .btn_send{margin-top:20px;display:block;width:150px;height:40px;background-color:#224783;text-align:center;line-height:40px}
.swiper-container-v.now .section_03 .right_area .btn_send span{color:#fff;font-weight:bold;font-weight:16px}


.swiper-container-v.now .section_04{margin-bottom:0px !important;}
.swiper-container-v.now .section_04 .secition_title .title{margin-top:0px}
.swiper-container-v.now .section_04 .secition_title .sub_title{font-size:26px;margin-top:40px}
.swiper-container-v.now .section_04 .accCont_area{width:1068px;margin:20px auto 0}
.swiper-container-v.now .section_04 .accCont_area .accCont {display:table;table-layout:fixed;width:100%;height:555px;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:50px}
.swiper-container-v.now .section_05 .secition_title .sub_title{font-size:26px;margin-top:50px}
.swiper-container-v.now .section_05 .swiper4{width:1100px;height:460px;margin-top:45px}
.swiper-container-v.now .section_05 .swiper4 .img_bnr{position:relative;display:block;width:255px;height:424px}
.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:50px;top:190px;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_05 .swiper4 .img_bnr img{position:absolute;left:0;top:0;z-index:15;display:block;}
.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:50px;top:190px;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_06{}

/* 미래 */
#videobcg{position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
#videobcg02{position: absolute; top: 40%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.btn_play{position:absolute;left:50%;top:50%;margin-top:-34px;display:block;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;display:block;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:-115px;display:block;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:-115px;display:block;background:url('../images/btn_stop.png') no-repeat;background-size:100%;width:68px;height:68px; z-index:2}

.btn_play.btn_play1{display:none;}

.future{width:100%;height:100%;background-color:#fff}

.newGf_biz{width:862px; margin:20px auto 0; max-width:100%;}
.newGf_biz>ul{width:100%; max-width:100%}
.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:26px; color:#fff; margin-top:10px; text-align:center;}
.newGf_biz>p>img{width:98.5%; max-width:100%;}


.future .section_02{background:#fff url('../images/bg_future_01.jpg') no-repeat center center; background-size:cover;}
.future .section_02 .text_area{margin-top:80px;text-align:center}
.future .section_02 .text_area .txt_title_01{margin-bottom:20px;color:#fff;font-size:60px;}
.future .section_02 .text_area .txt_title_02{color:#fff;font-size:26px;}
.future .section_02 .text_area .newBorderF01{border-top:solid 2px #fff; width:50px; text-align:center; display:inline-block; margin-top:25px;}
.future .section_02 .text_area .txt_title_03{margin-top:85px}

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

.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:130px}
.future .section_04 .text_area .txt_title_01{font-size:45px;color:#fff;font-weight:bold}
.future .section_04 .text_area .newBorderF04{border-top:solid 2px #fff; width:50px; text-align:center; display:inline-block; margin-top:25px;}
.future .section_04 .text_area .txt_title_02{font-size:26px;color:#fff;margin-top:53px}
.future .section_04 .text_area .txt_title_03{font-size:17px;color:#8ea8d2;margin-top:10px}
.future .section_04 .text_area .txt_title_04{margin-top:40px;text-align:center}
.future .section_04 .text_area .txt_title_05{text-align:center}

.future .txt_title_01,
.future .txt_title_02,
.future .newBorderF01,
.future .newBorderF02,
.future .newBorderF03,
.future .newBorderF04,
.future .txt_title_03,
.future .txt_title_04,
.future .txt_title_05,
.future .txt_title_06,
.future .txt_title_07,
.future .txt_title_08,
.future .txt_title_09 {
  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;
}
.future .off {
  top: 120px;
  opacity: 0;
  transform: scale(1.5);
}


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

.homeNewBox{}
.home{position:absolute;right:30px;top:0}
.home02{position:absolute; right:236px; top:0;}

/* 2018-03-27 수정 */
/* layer popup */
/* 2018-03-27 수정01 */
#slider-bu{position:relative;width:60%;height:600px;padding-bottom:0;top:50px;margin:0 auto}
/* 2018-03-27 수정01 */
#slider-bu .btn-left{position:absolute;top:47%;left:4%;z-index:100;display:block;width:60px;height:60px;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:60px;height:60px;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:60px;height:60px;border:0;background:url('../images/btn_next.png') no-repeat 0 0;}
#slider-bu .btn-wrap-left{width:56px;height:88px;position:absolute;top:20%;left:0;z-index:100;display:block;}
#slider-bu .btn-wrap-left .btn-left{position:absolute;top:-5px;left:4%;z-index:100;display:block;width:60px;height:60px;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: 0;width:100%;}
#slider-bu .btn-wrap-left .count span{font-size:16px;}
#slider-bu .count span.paging{color:#333;}
#slider-bu .count span.total{color:#c7c7c7;}
#slider-bu .btn-wrap-right{width:56px;height:88px;position:absolute;top:20%;right:0;z-index:100;display:block;}
#slider-bu .btn-wrap-right .btn-right{position:absolute;top:-5px;right:0;z-index:100;display:block;width:60px;height:60px;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: 0;width:100%;}
#slider-bu .btn-wrap-right .count span{font-size:16px}

#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 25px;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:17px;color:#2a77cd;}
#slider-bu .box-text .text-2{display:block;font-size:34px;color:#333;font-family:'NotoSans';}
#slider-bu .box-text .text-3{display:block;font-family:'NotoSans';font-size:15px;color:#777;margin-top:10px;line-height:26px;letter-spacing:-0.03em;}

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

/* //2018-03-27 수정02 */
.ly_nav{display:none;position:fixed;z-index:9999999;left:0;bottom:0;width:100%;height:100%}
.ly_nav .color_bg{width:100%;height:100%;background-color:#3a3a3a;opacity:0.97; } /*하이봉 0327*/
.ly_nav .nav_wrap{position:absolute;left:0;top:0;width:100%;height:100%;z-index:160;display:flex;align-items:center;justify-content:center;}
.ly_nav .nav_wrap .nav_list{position:relative;width:320px;margin-top:0px;}
.ly_nav .btn_close_nav{position:absolute;right:68px;top:31px;width:40px;height:40px;background:url('../images/btn_ly_close.png') no-repeat left top;z-index:99999;}
.ly_nav .nav_wrap .nav_list li{width:100%;height:170px;padding-top:20px;}
.ly_nav .nav_wrap .nav_list li a{transition:all 0.3s ease-in-out;display:block;height:170px;padding-top:20px;}
.ly_nav .nav_wrap .nav_list li a:hover{height:170px;padding-top:20px;background:url('../images/bg_nav.png') no-repeat 50px top}
.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:50px}
.ly_nav .nav_wrap .nav_list .txt_02{font-size:20px}

.accCont { display:table; table-layout:fixed; width:100%; height:480px; text-align:center; }
.accCont > .col { display:table-cell; 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 {position:relative; width:20%; padding-top:34px; }
.accCont.col2 > .col.active { width:80%; padding-top:0; padding-bottom:14px; }
.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"); }
.accCont .bg2 { background-image:url("../images/now_thumb_10.jpg"); }
.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:40px;font-weight:bold;margin-top:10px}
.accCont > .col .list_title01{display:none;font-size:40px;margin-top:150px}
.accCont > .col .list_title01 span{font-size:24px}
.accCont > .col .text_list{display:none;overflow:hidden;width:700px;height:400px;margin-left:50px;margin-top:25px}
.accCont > .col li{font-size:16px;line-height:150%;margin-bottom:15px;text-align:left}
.accCont > .col li span{color:#c6b282;font-size:21px}

.accCont > .col .btn_area{display:none;position:absolute;right: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 .bg1.active .text_list{display:block}
.accCont .bg1.active .btn_area{display:block}
.accCont .bg2.active .text_list{display:block}
.accCont .bg2.active .btn_area{display:block}

@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,700);
.img_photo {
  position: relative;
}
.img_photo * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.img_photo:before,
.img_photo:after{
  position: absolute;
  content: '';
  background-color: #fff;
  z-index: 20;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0.8;
}
.img_photo:before,
.img_photo:after {
  height: 2px;
  width: 0%;
}
.img_photo:before {
  top: 5px;
  left: 0;
}
.img_photo:after {
  bottom: 5px;
  right: 0;
}
.img_photo:hover:before,
.img_photo:hover:after{
  width: 100%;
}
.img_photo:hover:before,
.img_photo:hover:after{
  opacity: 0.4;
}

.img_photo .figcaption {
  position: relative;
  display:block;
  height:100%;
}
.img_photo .figcaption * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.img_photo .figcaption:before,
.img_photo .figcaption:after{
  position: absolute;
  content: '';
  background-color: #fff;
  z-index: 20;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0.8;
}
.img_photo .figcaption:before,
.img_photo .figcaption:after {
  width: 2px;
  height: 0;
}
.img_photo .figcaption:before {
  top: -1px;
  left: 5px;
}
.img_photo .figcaption:after {
  bottom: -1px;
  right: 5px;
}
.img_photo:hover .figcaption:before,
.img_photo:hover .figcaption:after{
  height: 100%;
}
.img_photo:hover .figcaption:before,
.img_photo:hover .figcaption:after{
  opacity: 0.4;
}

/**/
.sub_header.asdf{ position: fixed}
.tab_con.asdf{margin: 0 0 10px;position: relative;top:35px;padding: 0 0 10px;}
.section.asdf{ height: 100%; position: relative;}
.ly_pop_thumb{ height: 100%; position: fixed; z-index: 999999;}
#slider-bu{top: 270px;}

.list_tab{ background-color: #ffffff;}

.swiper-pagination-bullet{box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);}
.fp-tooltip{  display: none!important;}
#fp-nav ul li a, .fp-slidesNav ul li a{width: 10px;
height: 10px;
display: inline-block;
box-sizing: border-box;
border-radius: 100%;
border: none;
opacity: 1;
background-color:#d5d3d4;
}

#fp-nav ul li a:after{
	display:inline-block; content:"·"; color:#adb4be;
	position:absolute; left:1px; top:21px;
	}
#fp-nav ul li a:last-child:after{
	display:block; content:"";
	
	}

#fp-nav ul li a span, .fp-slidesNav ul li a span{ border: none; width: 0; height: 0;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{border: none; width: 0; height: 0;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ background-color: #00578a;}/*width:21px; height:21px;*/
.section_04 .fp-tableCell{ padding-bottom: 150px;}

/* 20180330 */
.main .video_wrap {width:100%;height:100%;background-color:#000;}


.mouseMov{display:block;position:absolute;bottom:170px;left:52%;width:20px;height:15px;margin-left:-15px;background:url("../images/ico_triangle_down.png") center center no-repeat;background-size:100% 100%;z-index:50;text-indent:-9999em;}
.mouseMovMb{display:none;}
.mouseMov, .mouseMovMb{
	animation: verical-slow 1.2s linear 0s infinite normal none;
	-webkit-animation: verical-slow 1.2s linear 0s infinite normal none;
	-moz-animation: verical-slow 1.2s linear 0s infinite normal none;
	-o-animation: verical-slow 1.2s linear 0s infinite normal none;
	-ms-animation: verical-slow 1.2s linear 0s infinite normal none;
}

@-webkit-keyframes verical-slow {
  0%{-webkit-transform: translate3d(0, 0, 0);}
  40%{-webkit-transform: translate3d(0, 16px, 0);}
  100%{-webkit-transform: translate3d(0, 0, 0);}
}
@-moz-keyframes verical-slow {
  0%{-moz-transform: translate3d(0, 0, 0);}
  40%{-moz-transform: translate3d(0, 16px, 0);}
  100%{-moz-transform: translate3d(0, 0, 0);}
}
@-ms-keyframes verical-slow {
  0%{-ms-transform: translate3d(0, 0, 0);}
  40%{-ms-transform: translate3d(0, 16px, 0);}
  100%{-ms-transform: translate3d(0, 0, 0);}
}
@-o-keyframes verical-slow {
  0%{-o-transform: translate3d(0, 0, 0);}
  40%{-o-transform: translate3d(0, 16px, 0);}
  100%{-o-transform: translate3d(0, 0, 0);}
}
@keyframes verical-slow {
  0%{transform: translate3d(0, 0, 0);}
  40%{transform: translate3d(0, 16px, 0);}
  100%{transform: translate3d(0, 0, 0);}
}


@media all and (min-width:1025px) {
.main .text_01 {font-size:40px !important;}
.main .text_02 {font-size:40px !important;}
.main .text_03 {font-size:40px !important;}
.main .header_bg {position:absolute;left:0;top:0;width:100%;height:80px;background-color:black;opacity:.8;} /*유투브적용시 헤더bg*/
.main .video_wrap .ytplayer {width:100%;}
.list_tab_past {padding-bottom:56px;}
.topMove {display:none;}
.nav.sticky{position:fixed;top:80px;}
.btnPastM{display:none;}
}

@media all and (max-width:1024px) {
.main .header_bg {position:absolute;left:0;top:0;width:100%;height:60px;background-color:black;opacity:.8;} /*유투브적용시 헤더bg*/
.main .video_wrap .ytplayer {width:100%;}
.list_tab_past {padding-bottom:100px;}
.tab_con.asdf {padding-bottom:80px;}
.topMove {position:fixed;right:7px;bottom:96px;width:20px;height:20px;padding:2px;font-size:8px;color:#fff;display:flex;align-items:center;justify-content:center;border:solid 1px #aaa;background-color:#222;opacity:.9;z-index:9998;}
.topMove a {color:#fff;}
.wrap_past {overflow-x:hidden;}
.nav.sticky {position:fixed;top:60px;}
.video_future {display:none;}
.video_replace_img {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%);}
.video_replace_img img {}

.mouseMov{display:block;position:absolute;bottom:215px;left:52%;width:20px;height:15px;margin-left:-15px;background:url("../images/ico_triangle_down.png") center center no-repeat;background-size:100% 100%;z-index:50;text-indent:-9999em;}
.mouseMovMb{display:block;position:absolute;bottom:190px;left:52%;width:20px;height:15px;margin-left:-15px;background:url("../images/ico_triangle_down.png") center center no-repeat;background-size:100% 100%;z-index:50;text-indent:-9999em;}
.btnPastM{display:none;}

@media all and (max-width:359px) {
body {width:359px !important;overflow-x:scroll !important;}
.btnPastM{display:none;}
}