@charset "utf-8";

/*@import url("https://fonts.googleapis.com/css?family=Exo:300,400,500,700,900&display=swap");*/


.mian_txt01b {font-size: 50px; position: absolute; color: #000; z-index: 999999999999999999; left: 20%; top: 250px; font-weight: 700; text-align: left; line-height: 1.2; font-family: 'Noto Sans Korean';}
.mian_txt01b1 {font-size: 18px; position: absolute; color: #000; z-index: 999999999999999999; left: 20%; top: 380px; margin-top: 20px; text-align: left; line-height: 1.9; font-family: 'Noto Sans Korean';}
.mian_txt01w {font-size: 50px; position: absolute; color: #fff; z-index: 999999999999999999; width: 100%; text-align: center; top: 250px; font-weight: 600; text-align: center; line-height: 1.2; font-family: 'Noto Sans Korean';}
.mian_txt01w1 {font-size: 18px; position: absolute; color: #fff; z-index: 999999999999999999; width: 100%; text-align: center; top: 380px; margin-top: 20px; text-align: center; line-height: 1.9; font-family: 'Noto Sans Korean';}


@media (min-width: 100px) and (max-width: 800px) {
.mian_txt01b {font-size: 20px; position: absolute; color: #000; z-index: 999999999999999999; left: 20%; top: 100px; font-weight: 700; text-align: left; line-height: 1.2; font-family: 'Noto Sans Korean';}
.mian_txt01b1 {font-size: 14px; position: absolute; color: #000; z-index: 999999999999999999; left: 20%; top: 160px; margin-top: 20px; text-align: left; line-height: 1.9; font-family: 'Noto Sans Korean';}
.mian_txt01w {font-size: 20px; position: absolute; color: #fff; z-index: 999999999999999999; width: 100%; text-align: center; top: 100px; font-weight: 600; text-align: center; line-height: 1.2; font-family: 'Noto Sans Korean';}
.mian_txt01w1 {font-size: 14px; position: absolute; color: #fff; z-index: 999999999999999999; width: 100%; text-align: center; top: 160px; margin-top: 20px; text-align: center; line-height: 1.9; font-family: 'Noto Sans Korean';}
}







/*** Main ***/
.main_wrap {}

.modal-content > span > input {margin: 0 10px}

.main_wrap > .section:after {content:"";position:absolute;left:50%;bottom:150px;width:30px;height:40px;margin-left:-15px;background:url(../images/main/ico_ms.png) no-repeat center center;z-index:100;animation:Ico_move 2s infinite;}
@keyframes Ico_move {
	0% {bottom:150px;}
	50% {bottom:130px;}
	100% {bottom:150px;}
}
.main_wrap > #section4:after, 
.main_wrap > #section5:after {display:none;}

.main_wrap > .section:before {content:"";position:absolute;left:55px;bottom:60px;width:12px;height:160px;background:url(../images/main/ico_sc.png) no-repeat center bottom;opacity:0;z-index:99;}
/*.main_wrap > #section2:before {background:url(../images/main/ico_sc_b.png) no-repeat center bottom;}*/
.main_wrap > .section.active:before {animation:Ico_view 1s 1s forwards;}
@keyframes Ico_view {
	0% {bottom:60px;opacity:0;}
	100% {bottom:40px;opacity:1;}
}
.main_wrap > #section4:before, 
.main_wrap > #section5:before {display:none;}

.section .sec_sub {position:relative;width:100%;max-width:1400px;margin:0 auto; box-sizing:border-box; top: 15%;}
.section .sec_tit {font-size:40px;font-weight:700;color:#fff;line-height:70px;text-align: center;}
.section .sec_tit > span {display:block;position:relative;margin-bottom:10px;padding-left:40px;font-size:20px;font-weight:300;color:#fff;line-height:30px;box-sizing:border-box;text-align: center;}
.section .sec_tit > span:before {content:"";position:absolute;left:0;top:50%;width:20px;height:1px;background:#555;}
.section .sec_txt {margin-top:10px;font-family:'Exo';font-size:20px;font-weight:700;color:#fff;letter-spacing:-1px; text-align: center;    margin-bottom: 35px;}
.section .sec_tit_m {font-size:25px;font-weight:600;color:#fff;line-height:70px;text-align: center; padding:5px 10px;}
.section .sec_txt_m {margin-top:10px;font-family:'Exo';font-size:15px;font-weight:500;color:#fff;letter-spacing:-1px; text-align: center; padding:5px 10px; margin-bottom: 35px;}
.section .sec_tit_m1 {font-size:25px;font-weight:600;color:#000;line-height:70px;text-align: center; padding:5px 10px;}
.section .sec_txt_m1 {margin-top:10px;font-family:'Exo';font-size:15px;font-weight:500;color:#000;letter-spacing:-1px; text-align: center; padding:5px 10px; margin-bottom: 35px;}

.quick_m {display:table;position:fixed;right:-355px;bottom:20%;width:400px;background:#fff;border-radius:10px 0 0 10px;font-weight:500;text-align:center;table-layout:fixed;overflow:hidden;box-sizing:border-box;transition:right 0.4s;z-index:10;}
.quick_m.on {right:0;}
.quick_m > span {display:table-cell;width:45px;height:120px;padding:5px 15px;background:#014099;font-size:18px;color:#fff;line-height:23px;vertical-align:middle;word-break:break-all;cursor:pointer;box-sizing:border-box;}
.quick_m > a {display:table-cell;position:relative;padding:10px;font-size:14px;color:#333;vertical-align:middle;box-sizing:border-box;transition:all 0.4s;}
.quick_m > a:before {content:"";display:block;height:46px;transition:background 0.4s;}
.quick_m > a.q01:before {background:url(../images/main/ico_quick01.png) no-repeat center top;}
.quick_m > a.q02:before {background:url(../images/main/ico_quick02.png) no-repeat center top;}
.quick_m > a.q03:before {background:url(../images/main/ico_quick03.png) no-repeat center top;}
.quick_m > a:after {content:"";position:absolute;left:0;top:50%;width:1px;height:74px;margin-top:-37px;background:#e5e5e5;}
.quick_m > a.q01:after {display:none;}
.quick_m > a:hover, .quick_m > a:focus {background:#2475e5;color:#fff;}
.quick_m > a.q01:hover:before, .quick_m > a.q01:focus:before {background:url(../images/main/ico_quick01_ov.png) no-repeat center top;}
.quick_m > a.q02:hover:before, .quick_m > a.q02:focus:before {background:url(../images/main/ico_quick02_ov.png) no-repeat center top;}
.quick_m > a.q03:hover:before, .quick_m > a.q03:focus:before {background:url(../images/main/ico_quick03_ov.png) no-repeat center top;}


/** Section0 **/
#section0 .owl-nav {position:absolute;left:50%;top:50%;width:100%;max-width:1400px;margin:-80px 0 0 -700px;}
#section0 .owl-theme .owl-nav [class*="owl-"] {position:absolute;top:0;width:50px;height:160px;margin:0;padding:0;border-radius:0;font-size:0;}
#section0 .owl-theme .owl-nav .owl-prev {left:-50px;background:url(../images/main/mv_prev.png) no-repeat center center;}
#section0 .owl-theme .owl-nav .owl-next {right:-50px;background:url(../images/main/mv_next.png) no-repeat center center;}

#section0 .mv_info {display:none;position:absolute;left:50%;top:45%;width:100%;max-width:1400px;margin-left:-700px;font-size:30px;color:#fff;text-align:center;line-height:36px;text-shadow:0 0 30px rgba(0,0,0,0.4);z-index:50;box-sizing:border-box;}
#section0 .mv_info .mv_txt > br {display:none;}
#section0 .mv_tit {margin-bottom:20px;font-family:'Exo';font-size:80px;font-weight:700;line-height:100px;}
#section0 .mv01 .mv_tit {margin:20px 0 0;}

#section0 #mv_list .item {position:relative;overflow:hidden;}
#section0 #mv_list .item > img {width:100%;margin:0 auto;/*transtion:all 2s;*/}
#section0 #mv_list .active .item > img {animation:mv_eff 4s forwards;}
@keyframes mv_eff {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}


/** Section1 **/
#section1 {background:url(../images/main/sec01_bg.jpg) no-repeat center center;background-size:100% 100%;}

@media (min-width: 100px) and (max-width: 1000px) {
#section1 {background:url(../images/main/sec01_bg.jpg) no-repeat center center;background-size:200% 100%;}
}


#section1 .sec_tit, #section1 .sec_txt {color:#fff;text-align:center;}

#section1 .bans_wrap {border-radius:0 0 30px 0;overflow:hidden;opacity:0;transition:all 0.8s 0.6s;}
#section1.active .bans_wrap {margin:40px auto 0;opacity:1;}
#section1 .sec01_bans {display:table;width:100%;background:#fff;table-layout:fixed;}
#section1 .sec01_bans > li {display:table-cell;width:21%;border-right:solid 1px #e5e5e5;vertical-align:top;box-sizing:border-box;}
#section1 .sec01_bans > li.ban02 {width:auto;}
#section1 .sec01_bans > li.ban04 {border:none;}
#section1 .sec01_bans > li > a {position:relative;padding:40px 40px 100px;box-sizing:border-box;transition:all 0.4s;}
#section1 .sec01_bans > li.ban02 > a {padding:40px;}
#section1 .sec01_bans > li.ban02 > a.ban0202 {border-top:solid 1px #e5e5e5;}
#section1 .sec01_bans > li > a:hover, #section1 .sec01_bans > li > a:focus {box-shadow:0 0 20px rgba(0,0,0,0.4);z-index:1;}
#section1 .sec01_bans > li > a:before {content:"";display:block;height:175px;margin-bottom:80px;background-size:auto 100% !important;transition:background 0.4s;}
#section1 .sec01_bans > li.ban02 > a:after {content:"";display:block;clear:both;}
#section1 .sec01_bans > li.ban02 > a:before {float:left;width:48%;margin:0;}
#section1 .sec01_bans > li.ban01 > a:before {background:url(../images/main/sec01_img01.png) no-repeat center top;}
#section1 .sec01_bans > li.ban02 > a.ban0201:before {background:url(../images/main/sec01_img0201.png) no-repeat left top;}
#section1 .sec01_bans > li.ban02 > a.ban0202:before {background:url(../images/main/sec01_img0202.png) no-repeat left top;}
#section1 .sec01_bans > li.ban03 > a:before {background:url(../images/main/sec01_img03.png) no-repeat center top;}
#section1 .sec01_bans > li.ban04 > a:before {background:url(../images/main/sec01_img04.png) no-repeat center top;}
#section1 .sec01_bans > li.ban01 > a:hover:before,
#section1 .sec01_bans > li.ban01 > a:focus:before {background:url(../images/main/sec01_img01_ov.png) no-repeat center top;}
#section1 .sec01_bans > li.ban02 > a.ban0201:hover:before,
#section1 .sec01_bans > li.ban02 > a.ban0201:focus:before {background:url(../images/main/sec01_img0201_ov.png) no-repeat left top;}
#section1 .sec01_bans > li.ban02 > a.ban0202:hover:before,
#section1 .sec01_bans > li.ban02 > a.ban0202:focus:before {background:url(../images/main/sec01_img0202_ov.png) no-repeat left top;}
#section1 .sec01_bans > li.ban03 > a:hover:before,
#section1 .sec01_bans > li.ban03 > a:focus:before {background:url(../images/main/sec01_img03_ov.png) no-repeat center top;}
#section1 .sec01_bans > li.ban04 > a:hover:before,
#section1 .sec01_bans > li.ban04 > a:focus:before {background:url(../images/main/sec01_img04_ov.png) no-repeat center top;}
#section1 .sec01_bans > li.ban02 .info {float:right;width:52%;margin-top:30px;}
#section1 .sec01_bans > li .tit {font-size:34px;font-weight:800;color:#888;transition:color 0.4s;}
#section1 .sec01_bans > li .tit > span {display:block;margin-top:5px;font-size:18px;font-weight:400;}
#section1 .sec01_bans > li > a:hover .tit, #section1 .sec01_bans > li > a:focus .tit {color:#004098;}
#section1 .sec01_bans > li .vm {display:block;margin-top:25px;font-family:'Exo';font-size:14px;color:#222;line-height:24px;transition:color 0.4s;}
#section1 .sec01_bans > li .vm:before {content:"";display:inline-block;width:25px;height:24px;margin-right:10px;background:url(../images/main/ico_sec01_vm.png) no-repeat left top;vertical-align:top;transition:backbround 0.4s;}
#section1 .sec01_bans > li > a:hover .vm, #section1 .sec01_bans > li > a:focus .vm {color:#0288d1;}
#section1 .sec01_bans > li > a:hover .vm:before, #section1 .sec01_bans > li > a:focus .vm:before {background:url(../images/main/ico_sec01_vm_ov.png) no-repeat left top;}


/** Section2 **/
#section2 {background:#fff;background-size:100% 100%;text-align:right;}


#section2 .fp-tableCell:before {content:"";position:absolute;left:0%;top:0;bottom:0;width:100%;background:url(../images/main/sec02_img01.jpg) no-repeat right top;background-size:100% 100%;opacity:0;transition:all 0.8s 0.8s;}
#section2.active .fp-tableCell:before {left:0;opacity:1;}
#section2 .rec_box {display:table;position:relative;width:100%;text-align:left;table-layout:fixed;}
#section2 .rec_box > dt {display:table-cell;width:0%;padding:90px 0 90px 40px;vertical-align:middle;box-sizing:border-box;}
#section2 .rec_box > dd {display:table-cell;padding:30px 0 0px;vertical-align:middle;box-sizing:border-box;}
#section2 #rec_list .item {position:relative;padding:0 40px;font-weight:300;line-height:26px;box-sizing:border-box;}
#section2 #rec_list .item .tit {position:relative;margin-bottom:20px;padding-bottom:20px;font-size:24px;font-weight:500;color:#333;line-height:34px;transition:color 0.4s;}
#section2 #rec_list .item .tit:after {content:"";position:absolute;left:0;bottom:0;width:40px;height:1px;}
#section2 #rec_list .item .date {margin-top:50px;}
#section2 #rec_list .item:hover .tit, #section2 #rec_list .item:focus .tit {color:#014099;}
#section2 #rec_list .item:hover .txt, #section2 #rec_list .item:focus .txt {text-decoration:underline;}

#section2 .owl-theme .owl-nav {position:absolute;left:46%;bottom:60%;margin:-25px 0 0;}
#section2 .owl-theme .owl-nav [class*="owl-"] {width:50px;height:50px;margin:0;padding:0;border:solid 1px #ddd;border-radius:0;font-size:0;vertical-align:top;box-sizing:border-box;transition:all 0.4s;}
#section2 .owl-theme .owl-nav .owl-prev {background:url(../images/main/sec02_prev.png) no-repeat center center;position: fixed;left: 7%;}
#section2 .owl-theme .owl-nav .owl-next {margin-left:5px;background:url(../images/main/sec02_next.png) no-repeat center center; position: fixed;right: 7%;}
#section2 .owl-theme .owl-nav .owl-prev:hover, #section2 .owl-theme .owl-nav .owl-prev:focus {background:#014099 url(../images/main/sec02_prev_ov.png) no-repeat center center;}
#section2 .owl-theme .owl-nav .owl-next:hover, #section2 .owl-theme .owl-nav .owl-next:focus {background:#014099 url(../images/main/sec02_next_ov.png) no-repeat center center;}

#section2 .vm {display:inline-block;margin:20px 0 0 -50px;padding:10px;font-size:16px;font-weight:500;color:#fff;opacity:0;box-sizing:border-box;transition:all 0.6s 1.5s;}
#section2.active .vm {margin:20px 0 0 -10px;opacity:1;}
#section2 .vm:after {content:"+";display:inline-block;margin-left:10px;font-weight:300;vertical-align:top;}
#section2 .vm:hover, #section2 .vm:focus {margin:20px 0 0;background:#004098;color:#fff;transition:all 0.4s 0s !important;}


/** Section3 **/
#section3 {background:url(../images/main/sec03_bg.jpg) no-repeat right top; background-size:100% 100%; overflow: hidden}
/*#section3 .fp-tableCell {position:relative;}*/
#section3 .fp-tableCell:before {content:"";position:absolute;right:-25%;top:0;bottom:0;width:100%;background:url(../images/main/sec03_bg.jpg) no-repeat right top;background-size:100% 100%;opacity:0;transition:all 0.8s 0.8s;}

@media (min-width: 100px) and (max-width: 1000px) {
#section3 {background:url(../images/main/sec03_bg.jpg) no-repeat right top; background-size:200% 100%; overflow: hidden}
#section3 .fp-tableCell:before {content:"";position:absolute;right:-25%;top:0;bottom:0;width:100%;background:url(../images/main/sec03_bg.jpg) no-repeat right top;background-size:200% 100%;opacity:0;transition:all 0.8s 0.8s;}
}


#section3.active .fp-tableCell:before {right:0;opacity:1;}
#section3 .sec_tit, #section3 .sec_tit > span, #section3 .sec_txt {color:#000;}
#section3 .sec_tit > span:before {background:#fff;}
#section3 .med_box {position:relative;width:73%;margin:40px 0 0 -10%;z-index:1;opacity:0;transition:all 0.8s 1.2s;}
#section3.active .med_box {margin:40px 0 0;opacity:1;}


/** Section4 **/
#section4 {background:#e8f2f9 url(../images/main/sec04_bg02.png) no-repeat right bottom;text-align:center;}
#section4 .ico_bans {margin-top:40px;border-radius:50px;overflow:hidden;}
#section4 .ico_bans:after {content:"";display:block;clear:both;}
#section4 .ico_bans > a {position:relative;float:left;width:33%;padding:40px 20px;border:solid #ddd;border-width:0 0 1px 1px;font-size:22px;font-weight:500;color:#333;text-align:center;box-sizing:border-box;transition:all 0.4s;}
#section4 .ico_bans > a.ico02, #section4 .ico_bans > a.ico05 {width:34%;}
#section4 .ico_bans > a.ico01 {border:solid #ddd;border-width:0 0 1px;}
#section4 .ico_bans > a.ico04 {border:none;}
#section4 .ico_bans > a.ico05, #section4 .ico_bans > a.ico06 {border:solid #ddd;border-width:0 0 0 1px;}
#section4 .ico_bans > a:before {content:"";display:block;height:120px;margin-bottom:20px;vertical-align:middle;transition:background 0.4s;}
#section4 .ico_bans > a.ico01:before {background:url(../images/main/sec04_ico01.png) no-repeat center top;}
#section4 .ico_bans > a.ico02:before {background:url(../images/main/sec04_ico02.png) no-repeat center top;}
#section4 .ico_bans > a.ico03:before {background:url(../images/main/sec04_ico03.png) no-repeat center top;}
#section4 .ico_bans > a.ico04:before {background:url(../images/main/sec04_ico04.png) no-repeat center top;}
#section4 .ico_bans > a.ico05:before {background:url(../images/main/sec04_ico05.png) no-repeat center top;}
#section4 .ico_bans > a.ico06:before {background:url(../images/main/sec04_ico06.png) no-repeat center top;}
#section4 .ico_bans > a:hover, #section4 .ico_bans > a:focus {background:#fff;color:#0288d1;box-shadow:0 0 20px rgba(0,0,0,0.4);z-index:1;}
#section4 .ico_bans > a:hover.ico01:before, #section4 .ico_bans > a.ico01:focus:before {background:url(../images/main/sec04_ico01_ov.png) no-repeat center top;}
#section4 .ico_bans > a:hover.ico02:before, #section4 .ico_bans > a.ico02:focus:before {background:url(../images/main/sec04_ico02_ov.png) no-repeat center top;}
#section4 .ico_bans > a:hover.ico03:before, #section4 .ico_bans > a.ico03:focus:before {background:url(../images/main/sec04_ico03_ov.png) no-repeat center top;}
#section4 .ico_bans > a:hover.ico04:before, #section4 .ico_bans > a.ico04:focus:before {background:url(../images/main/sec04_ico04_ov.png) no-repeat center top;}
#section4 .ico_bans > a:hover.ico05:before, #section4 .ico_bans > a.ico05:focus:before {background:url(../images/main/sec04_ico05_ov.png) no-repeat center top;}
#section4 .ico_bans > a:hover.ico06:before, #section4 .ico_bans > a.ico06:focus:before {background:url(../images/main/sec04_ico06_ov.png) no-repeat center top;}


/** Section5 **/
#section5 .mbtm_sec {background:#d8dfe9;border-top:solid 1px #bbc3ce;}
#section5 .mbtm_bans {width:100%;max-width:1400px;margin:0 auto;font-size:0;}
#section5 .mbtm_bans > a {display:inline-block;position:relative;width:33%;padding:20px 80px;vertical-align:top;box-sizing:border-box;transition:background 0.4s;}
#section5 .mbtm_bans > a.ban02 {width:34%;border:solid #bbc3ce;border-width:0 1px;}
#section5 .mbtm_bans > a:before {content:"";position:absolute;left:25px;top:50%;width:32px;height:32px;margin-top:-16px;transition:background 0.4s;}
#section5 .mbtm_bans > a.ban01:before {background:url(../images/main/ico_sec05_01.png) no-repeat left center;}
#section5 .mbtm_bans > a.ban02:before {background:url(../images/main/ico_sec05_02.png) no-repeat left center;}
#section5 .mbtm_bans > a.ban03:before {background:url(../images/main/ico_sec05_03.png) no-repeat left center;}
#section5 .mbtm_bans > a:after {content:"";position:absolute;right:20px;top:50%;width:45px;height:45px;margin-top:-22px;background:url(../images/main/ico_sec05_arr.png) no-repeat center center;transition:background 0.4s;}
#section5 .mbtm_bans .tit {font-size:20px;font-weight:500;color:#333;transition:color 0.4s;}
#section5 .mbtm_bans .txt {font-size:16px;color:#555;transition:color 0.4s;}

#section5 .mbtm_bans > a:hover, #section5 .mbtm_bans > a:focus {background:#004098;}
#section5 .mbtm_bans > a.ban01:hover:before, 
#section5 .mbtm_bans > a.ban01:focus:before {background:url(../images/main/ico_sec05_01_ov.png) no-repeat left center;}
#section5 .mbtm_bans > a.ban02:hover:before, 
#section5 .mbtm_bans > a.ban02:focus:before {background:url(../images/main/ico_sec05_02_ov.png) no-repeat left center;}
#section5 .mbtm_bans > a.ban03:hover:before, 
#section5 .mbtm_bans > a.ban03:focus:before {background:url(../images/main/ico_sec05_03_ov.png) no-repeat left center;}
#section5 .mbtm_bans > a:hover:after, #section5 .mbtm_bans > a:focus:after {background:url(../images/main/ico_sec05_arr_ov.png) no-repeat center center;}
#section5 .mbtm_bans > a:hover .tit, #section5 .mbtm_bans > a:focus .tit, 
#section5 .mbtm_bans > a:hover .txt, #section5 .mbtm_bans > a:focus .txt {color:#fff;z-index:10;}