@charset "utf-8";


#main_videos_play {display:none; z-index:fixed; width:100%; height:100%; z-index:9999;}



#full_navi {z-index:99; position:fixed; left:80px; top:0%; height:100%; display:none;}
#full_navi .line {width:1px; height:100%; background:rgba(255,255,255,0.3);  position:absolute; left:10px; top:0px;  z-index:0;}
#full_navi ul { position:relative;  z-index:1; padding-top:350px; width:120px; }
#full_navi ul li {position:relative; padding:0px 0px; height:25px; line-height:16px; margin:25px 0px; overflow:hidden; transition: all 0.3s;}
#full_navi ul li .dot {position:absolute; left:7px; top:3px;width:7px; height:7px; border-radius:7px; background:rgba(255,255,255,0.6);   vertical-align:middle; transition: all 0.3s;}
#full_navi ul li .text {display:inline-block; margin-left:25px;; vertical-align:middle;font-size:15px; position:relative; transition: all 0.3s; color:#fff; opacity:0.8}
#full_navi ul li.active  {margin:12px 0px;}
#full_navi ul li.active .dot {width:12px; height:12px; border-radius:12px;  left:5px; background:#fff;}
#full_navi ul li.active .text{color:#fff; opacity:1;  font-weight:bold;}
/*#full_navi ul li:hover .dot{width:12px; height:12px; border-radius:12px;  left:5px; background:#fff;}
#full_navi ul li:hover .text{color:#fff;  opacity:1}*/

/*
#full_navi.on ul li a{color:#999;}
#full_navi.on ul li.active a{color:#fff;}
#full_navi.on .line {background:rgba(0,0,0,0.1);}

#full_navi.on ul li .dot { background:rgba(0,0,0,0.3); }
#full_navi.on ul li.active .dot { background:#000; }
#full_navi.on ul li .text{color:#a4a4a4; }
#full_navi.on ul li.active .text{color:#000;}
*/






.main_visiaul_wrap {position:relative;   height: 100vh; overflow:hidden; z-index:0 !important;}
.main_visiaul_wrap #main_videos {position:relative; z-index:0;}
.main_visiaul_wrap .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.4);z-index:999; }


.main_visiaul_wrap .main_visual_text {position:absolute; width:100%; height: 100vh; top:0px;  color:#fff; z-index:9999;    }
.main_visiaul_wrap .main_visual_text .text {position:relative; z-index:1;  padding-top:250px; color:#fff; text-align:left; }
.main_visiaul_wrap .main_visual_text .t1 {font-size:60px;  letter-spacing:-2px; line-height:70px; padding:15px 0px 0px; color:#fff; font-weight:bold;  font-family: 'Pretendard';}
.main_visiaul_wrap .main_visual_text .t2 {font-size:25px;  letter-spacing:-1px; line-height:20px; line-height:30px; }
.main_visiaul_wrap .main_visual_text ul {margin-top:40px;}
.main_visiaul_wrap .main_visual_text ul li {font-size:18px; margin:5px; color:#fff;}

.main_visiaul_wrap .main_visual_text .btn {margin-top:60px;}
.main_visiaul_wrap .main_visual_text .btn a {display:inline-block; border:1px #fff solid; padding:0 40px; line-height:45px; color:#fff; font-family: 'Chosunilbo_myungjo'; transition: all 0.3s;}
.main_visiaul_wrap .main_visual_text .btn a:hover {padding-right:30px; }
.main_visiaul_wrap .main_visual_text .btn a .fonti {opacity:0; transition: all 0.3s; margin-left:0px; position:relative;}
.main_visiaul_wrap .main_visual_text .btn a:hover .fonti {display:inline-block; margin-left:40px; opacity:1;}




.main_map_wrap{text-align:center;  padding-top:60px; position:relative;}
.main_map_wrap .map_pointer  {display:inline-block; position:relative; padding:60px 0px 0px;}
.main_map_wrap img {vertical-align:middle;}


.main_map_wrap .map_pointer .common_cursor{background:url(../images/main/world_map_cursor_new.png) center bottom no-repeat;    height:80px; position:absolute; 
	animation-duration: 0.6s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
.main_map_wrap .map_pointer .common_cursor span {background:rgba(0,0,0,0.6); display:block; text-align:center; color:#fff; font-size:13px; line-heighT:30px; border-radius:5px;  padding:0 10px;}
.main_map_wrap .map_pointer .common_cursor span.on {background:#2369bf; }
.main_map_wrap .map_pointer .cursor1{ top:345px;left:500px; animation-name:cursor1; animation-delay: 1s;}
@keyframes cursor1{from{top:345px;}to{top:340px;}}


.main_map_wrap .map_pointer .cursor2{left:495px;; top:360px; animation-name:cursor2; animation-delay: 4s; background-position:center bottom; padding-top:0px; padding-left:0px;}
@keyframes cursor2{from{top:360px;}to{top:365px;}}
.main_map_wrap .map_pointer .cursor2 span {margin-left:120px;margin-top:40px;}

.main_map_wrap .map_pointer .cursor3{left:920px; top:310px; animation-name:cursor3; animation-delay: 2s;}
@keyframes cursor3{from{top:310px;}to{top:305px;}}


.main_map_wrap .map_pointer .cursor4{left:900px; top:380px; animation-name:cursor4; animation-delay: 3s;}
@keyframes cursor4{from{top:380px;}to{top:375px;}}
.main_map_wrap .map_pointer .cursor4 span {;margin-top:90px;}

.main_map_wrap .map_pointer .cursor5{left:360px; top:360px; animation-name:cursor5; animation-delay: 3s;}
@keyframes cursor5{from{top:360px;}to{top:355px;}}



.main_map_wrap .map_pointer_info {display:inline-block; vertical-align:middle; width:350px; margin-left:60px;}
.main_map_wrap .map_pointer_info dl {margin-bottom:40px; text-align:left;}
.main_map_wrap .map_pointer_info dl dt{font-size:22px;    color: #000;    font-weight: bold; line-height:25px;}
.main_map_wrap .map_pointer_info dl dd{font-size:14px;margin-top:5px; color:#777; line-height:18px;}
.main_map_wrap .map_pointer_info dl:hover dt{color:#2369bf;}


.main_map_wrap .map_pointer_mobile  {display:none;;}

.main_world_wrap {position:relative; height: 100vh; overflow:hidden;}
.main_world_wrap #video_wrap {position:relative; z-index:0; }
.main_world_wrap #video_wrap video {width:100%;  height: 100%; position:relative; z-index:0; ;}
.main_world_wrap #video_wrap .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.7);z-index:1; }
.main_world_wrap #text_wrap {position:absolute; left:0px; top:0px;  z-index:99999;/*background:url(../images/main/main_world_wrap_bg.png) left 50% no-repeat;*/  }

.main_world_wrap .col_box {width:100%; display:table; table-layout:fixed;margin:20% auto;   }
.main_world_wrap .col_box .col {display:table-cell; text-align:center; vertical-align:middle;}
.main_world_wrap .col_box .col.title  {border-right:1px rgba(255,255,255,0.3) solid; padding-right:60px;}
.main_world_wrap .col_box .col.title .t1 {font-size:80px; color:#fff; font-weight:bold;   font-family: 'Pretendard'; }
.main_world_wrap .col_box .col.info {padding-left:180px;}
.main_world_wrap .col_box .col.info dl {text-align:left; margin-bottom:35px;}
.main_world_wrap .col_box .col.info dl dt{font-size:23px; color:#fff; font-weight:bold; font-family: 'Pretendard';}
.main_world_wrap .col_box .col.info dl dd{font-size:15px; color:#fff;margin-top:6px; }



.main_about_wrap {padding-top:9%; position:relative;}
.main_about_wrap .title  {font-size:80px; color:#000; font-weight:bold;  ; font-family: 'Pretendard'; padding-left:10%; line-height:80px;}
.main_about_wrap .title span {font-size:25px; color:#000; line-height:25px; margin-top:10px; font-weight:normal; display:block;}
.main_about_wrap .list_wrap { margin:0px 10%; margin-top:50px; position:relative; }
.main_about_wrap ul {font-size:0px;  }
.main_about_wrap ul li{display:inline-block;  width:32%;overflow:hidden; vertical-align:top; transition: all 0.3s;  overflow:hidden;}
.main_about_wrap ul li.center {margin:0px 1%;} 
.main_about_wrap ul li .photo{overflow:hidden;}
.main_about_wrap ul li .photo img{width:100%; vertical-align:middle; transition: all 0.3s; }
.main_about_wrap ul li:hover .photo img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.main_about_wrap ul li .subject {vertical-align:top; font-size:17px; color:#000; margin-top:20px; white-space: normal;  line-height:24px;  }

.main_about_wrap .main_about_wrap_btns { z-index:999;  width:100%;  overflow:hidden; display:none; }
.main_about_wrap .main_about_wrap_btns a{ width:50px; height:50px; border-radius:50px; text-align:center; line-height:50px; background:#000; text-align:center; color:#ffff;}
.main_about_wrap .main_about_wrap_btns a:hover{background:#202657; }



#section01 { background:#000}

#section02 { background:;  }

#section03 { background:url(../images/main/main_map_wrap_bg.jpg) center top no-repeat; }

#section04 {  }


.section_last {height: auto !important; background:#111111;}
.about04 {height: auto !important; }
.section_last .fp-tableCell {height:auto !important;}


 	

.section_last .fp-tableCell #footerGroup {position:relative; background:#111111; padding:60px 0px; }
.section_last .fp-tableCell #footerGroup .f_box {padding-left:300px; text-align:left;  background:url(../images/common/ft_logo.png) left top no-repeat;  }

.section_last .fp-tableCell #footerGroup .f_util {overflow:hidden; }
.section_last .fp-tableCell #footerGroup .f_util li{display:inline-block; font-weight:normal;margin-right:40px;    }
.section_last .fp-tableCell #footerGroup .f_util li a{  display:block;color:#fff;  font-size:16px; background:url(../images/common/f_util_dot.png) right 50% no-repeat;}
.section_last .fp-tableCell #footerGroup .f_util li.last a{background:none;}


.section_last .fp-tableCell #footerGroup .footer {/*margin-top:5px; padding-top:15px; */line-height:20px; font-size:14px; position:relative;   color:rgba(255,255,255,0.5); }
.section_last .fp-tableCell #footerGroup .footer span{display:inline-block; padding-right:8px;}
.section_last .fp-tableCell #footerGroup .addres {margin-top:5px;}






@media all and (max-width:1080px) {











#full_navi {display:none;}



.section {height: auto !important;}
.section .fp-tableCell {height:auto !important;}




.main_visiaul_wrap {height: 600px; padding:0 20px;}
.main_visiaul_wrap #main_videos {position:relative; z-index:0;}


.main_visiaul_wrap .main_visual_text {height:600px;}
.main_visiaul_wrap .main_visual_text .text {position:relative; z-index:1;  padding-top:100px;}
.main_visiaul_wrap .main_visual_text .t1 {font-size:30px;  letter-spacing:-2px; line-height:30px; padding:15px 0px 0px;}
.main_visiaul_wrap .main_visual_text .t2 {font-size:20px;  letter-spacing:-1px;  line-height:25px; }
.main_visiaul_wrap .main_visual_text ul {margin-top:40px;}
.main_visiaul_wrap .main_visual_text ul li {font-size:16px; line-height:20px; margin:5px;}

.main_visiaul_wrap .main_visual_text .btn {margin-top:30px;}
.main_visiaul_wrap .main_visual_text .btn a {padding:0 20px; line-height:45px;}




.main_about_wrap {position:relative; padding:0 20px 60px;; padding-top:9%;}
.main_about_wrap .title  {font-size:40px;  padding-left:0%; line-height:40px;}
.main_about_wrap .title span {font-size:18px; line-height:20px; margin-top:10px; }
.main_about_wrap .list_wrap { margin:0px; margin-top:40px; position:relative; }
.main_about_wrap ul li{/*display:inline-block; margin-right:20px; width:250px;*/ display:block; margin:0px 0px 10px 0px !important; width:auto; overflow:hidden; vertical-align:top; transition: all 0.3s;  overflow:hidden;}
.main_about_wrap ul li .photo{overflow:hidden;}
.main_about_wrap ul li .photo img{width:100%; vertical-align:middle; transition: all 0.3s; }
.main_about_wrap ul li .subject {vertical-align:top; font-size:16px; color:#000; margin-top:20px; line-height:20px;  }

.main_about_wrap .main_about_wrap_btns {margin-top:20px; text-align:center; width:100%;display:block; display:none;}
.main_about_wrap .main_about_wrap_btns a{display:inline-block; margin:0 5px; }






#section03 { background:url(../images/main/main_map_wrap_bg.jpg) center top no-repeat; background-size:cover; }


.main_map_wrap{text-align:center;  padding:60px 0px; position:relative;}
.main_map_wrap .map_pointer  {display:none;}
.main_map_wrap .map_pointer_mobile  {display:block;}
.main_map_wrap img {vertical-align:middle; width:100%;}





.main_map_wrap .map_pointer_info {display:inline-block; vertical-align:middle; width:350px; margin-left:60px;}
.main_map_wrap .map_pointer_info dl {margin-bottom:40px; text-align:left;}
.main_map_wrap .map_pointer_info dl dt{font-size:22px;    color: #000;    font-weight: bold; line-height:25px;}
.main_map_wrap .map_pointer_info dl dd{font-size:14px;margin-top:5px; color:#777; line-height:18px;}
.main_map_wrap .map_pointer_info dl:hover dt{color:#2369bf;}




.main_world_wrap {position:relative;overflow:hidden; }
.main_world_wrap #video_wrap {position:absolute; left:0px; top:0px; width:100%; height:auto !important;  z-index:0;}
.main_world_wrap #video_wrap video {width:auto;  height: auto !important; position:relative; z-index:0; ;}
.main_world_wrap #video_wrap .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.7);z-index:1; }
.main_world_wrap #text_wrap {position:relative;  padding:100px 20px 0px; }

.main_world_wrap .col_box {width:auto;; display:block; margin:0px auto;   }
.main_world_wrap .col_box .col {display:block; text-align:center; vertical-align:middle;}
.main_world_wrap .col_box .col.title  {border:0px; border-bottom:1px rgba(255,255,255,0.3) solid; padding:0px; padding-bottom:30px;}
.main_world_wrap .col_box .col.title .t1 {font-size:40px;  }
.main_world_wrap .col_box .col.info {padding-left:0px; padding:30px 0px;}
.main_world_wrap .col_box .col.info dl {text-align:left; margin-bottom:35px;}
.main_world_wrap .col_box .col.info dl dt{font-size:18px; line-height:22px;}
.main_world_wrap .col_box .col.info dl dd{font-size:13px; margin-top:6px; }





.section_last .fp-tableCell #footerGroup { padding:60px 20px;  width:auto;}
.section_last .fp-tableCell #footerGroup .f_box {padding-left:0px; text-align:center;  background:url(../images/common/ft_logo.png) center top no-repeat;  }

.section_last .fp-tableCell #footerGroup .f_util {overflow:hidden; padding-top:80px; }
.section_last .fp-tableCell #footerGroup .f_util li{;margin:0px 10px;    }
.section_last .fp-tableCell #footerGroup .f_util li a{ font-size:14px; }


.section_last .fp-tableCell #footerGroup .footer {margin-top:5px; padding-top:15px; line-height:20px; font-size:13px; position:relative;   color:rgba(255,255,255,0.5); }
.section_last .fp-tableCell #footerGroup .footer span{display:inline-block; padding-right:0px; font-size:12px;}
.section_last .fp-tableCell #footerGroup .addres {margin-top:5px;}






}




@media all and (min-width:1180px) and (max-width:1300px) {
#video_wrap {position:absolute; left:0px; top:0px; width:100%; height:100vh; background:#000;}
.main_world_wrap .col_box .col.title .t1 {line-height:80px;}
}