@import url('/kr/css/webfont.css');

/*common*/
.wa{text-indent:-9999px;font-size:0;position:absolute;top:-9999px;}
.vjs-control-bar,
.vjs-loading-spinner,
.vjs-text-track-display,
.vjs-big-play-button{display:none;}
.sns-bns{text-indent:-9999px;font-size:0;position:absolute;top:-9999px;}
/*Element*/
.btn_close{display:inline-block;position:absolute;top:30px;right:30px;width:92px;height:93px;background:url(../img/element_contents.png) no-repeat -110px -80px;}
.btn_close.reverse{background-position:-5px -80px;}
.btn_close span{text-indent:-9999px;font-size:0;position:absolute;top:-9999px;}

/*Default - Black / Reverse - White*/
.bx-wrapper .bx-pager {position:absolute;bottom:30px;width:100%;text-align: center; z-index:9999;}
.bx-wrapper .bx-pager-item{display:inline-block;margin:0 4px;}
.bx-wrapper .bx-pager a{display:inline-block;width:17px;height:19px;background:url(../img/element_contents.png) no-repeat -25px -180px;text-indent:-9999px;}
.bx-wrapper .bx-pager a.active{background-position:-5px -180px;}
.bx-wrapper .bx-pager .reverse a{background-position:-75px -180px;}
.bx-wrapper .bx-pager .reverse a.active{background-position:-50px -180px;}
.bx-wrapper .bx-controls-direction a{position: absolute; top: 50%; width: 31px; height: 62px; margin-top: -31px; text-indent: -9999px; z-index: 9999;background:url(../img/element_contents.png) no-repeat;}
.bx-wrapper .bx-controls-direction .bx-prev{left:80px;background-position:-5px -5px;}
.bx-wrapper .bx-controls-direction .bx-next{right:80px;background-position:-50px -5px;}
.bx-wrapper .bx-controls-direction .bx-prev.reverse{background-position:-110px -5px;}
.bx-wrapper .bx-controls-direction .bx-next.reverse{background-position:-150px -5px;}

.bx-wrapper{overflow:hidden;position:relative;min-width:1280px;min-height:557px;}
.slider{height:100%;}
.section{position:relative;min-width:1280px;min-height:557px;height:100%;}
.section > img{width:100%;max-width:100%;}

.page01{background:url(../img/cover.jpg) no-repeat 50% 50%;background-size:cover;}
.page02{background:url(../img/page02.jpg) no-repeat 50% 50%;background-size:cover;}
.page03 .bg{position:absolute;top:0;left:0;right:0;bottom:0;}
.page03 .bg li{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;}
.page03 .bg li:nth-child(1){background:url(../img/page03.jpg) no-repeat 50% 50%;background-size: cover;opacity:1;}
.page03 .bg li:nth-child(2){background:url(../img/page03-1.jpg) no-repeat 50% 50%;background-size: cover;}
.page03 .bg li:nth-child(3){background:url(../img/page03-2.jpg) no-repeat 50% 50%;background-size: cover;}
.page03 .bg li:nth-child(4){background:url(../img/page03-3.jpg) no-repeat 50% 50%;background-size: cover;}
.page03 .msg{position:absolute;left:50%;top:30%;z-index:5;width:690px;margin:0 0 0 -345px;}/*MQ top*/
.page03 .tit{width:100%;height:210px;}
.page03 .tit li{display:none;position:absolute;top:0;left:0;width:100%;text-align:center;}
.page03 .tit li:first-child{display:block;}
.page03 .tit li img{display:inline;}
.page03 .menu{width:670px;margin:10px 0 0 30px;}
.page03 .menu:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.page03 .menu li{float:left;}
.page03 .menu li:nth-child(2){margin-left:187px;}
.page03 .menu li:last-child{margin-left:149px;}
.page04{background:url(../img/page04.jpg) no-repeat 50% 50%;background-size: cover;}
.page04 .page_tit{position:relative;width:830px;height:529px;margin:0 auto;background:url(../img/txt-page04.png) no-repeat 50% 0;}
.page05{background:url(../img/page05.jpg) no-repeat 50% 50%;background-size: cover;}
.page05 .box{position:relative;width:800px;margin: 0 auto; top:18%;}/*MQ margin-top*/
.page05 .box .page_tit{position:absolute;left:356px;top:0;width:272px;height:137px;background:url(../img/tit-page05.png) no-repeat;}
.page05 .box li{position:absolute;}
.page05 .box li a{display:block;width:100%;height:100%;}
.page05 .box li:nth-child(1){width:98px;height:301px;left:8px;top:184px;background:url(../img/menu-page05-1.png) no-repeat;}
.page05 .box li:nth-child(2){width:100px;height:318px;left:175px;top:57px;background:url(../img/menu-page05-2.png) no-repeat;}
.page05 .box li:nth-child(3){width:103px;height:284px;left:340px;top:241px;background:url(../img/menu-page05-3.png) no-repeat;}
.page05 .box li:nth-child(4){width:100px;height:200px;left:512px;top:203px;background:url(../img/menu-page05-4.png) no-repeat;}
.page05 .box li:nth-child(5){width:103px;height:507px;left:677px;top:19px;background:url(../img/menu-page05-5.png) no-repeat;}
.page06 {background:url(../img/page06.jpg) no-repeat 50% 50%;background-size:cover;}

.page07 .movie{width:100%;height:100%;}
.page07 .movie video{width:100%;}


.page08{background:#1428a0;}
.page08 .map{position:relative;width:1280px;height:585px;margin:0 auto;background:url(../img/bg_worldmap.jpg) no-repeat;}/*MQ margin*/
.page08 .ico_map li{position:absolute;z-index:4;}
.page08 .ico_map li:nth-child(1){left:261px;top:231px;}
.page08 .ico_map li:nth-child(2){left:407px;top:421px;}
.page08 .ico_map li:nth-child(3){left:491px;top:62px;}
.page08 .ico_map li:nth-child(4){left:617px;top:210px;}
.page08 .ico_map li:nth-child(5){left:661px;top:249px;}
.page08 .ico_map li:nth-child(6){left:689px;top:332px;}
.page08 .ico_map li:nth-child(7){left:703px;top:266px;}
.page08 .ico_map li:nth-child(8){left:736px;top:277px;}
.page08 .ico_map li:nth-child(9){left:775px;top:166px;}
.page08 .ico_map li:nth-child(10){left:837px;top:295px;}
.page08 .ico_map li:nth-child(11){left:910px;top:271px;}
.page08 .ico_map li:nth-child(12){left:986px;top:258px;}
.page08 .ico_map li:nth-child(13){left:1038px;top:474px;}
.page08 .ico_map li a{display:block;width:30px;height:30px;background:url(../img/ico_map.png) no-repeat;}
.page08 .ico_map li a span{text-indent:-9999px;font-size:0;position:absolute;top:-9999px;}
.page08 .msg_map{position:absolute;bottom:34px;left:0;width:100%;text-align:center;}
.page08 .msg_map img{display:inline;}
.page08 .language li{display:none;position:absolute;z-index:3;}
.page08 .language li:nth-child(1){left:307px;top:51px;}
.page08 .language li:nth-child(2){left:669px;top:16px;}
.page08 .language li:nth-child(3){left:232px;top:67px;}
.page08 .language li:nth-child(4){left:447px;top:0px;}
.page08 .language li:nth-child(5){left:234px;top:98px;}
.page08 .language li:nth-child(6){left:707px;top:143px;}
.page08 .language li:nth-child(7){left:402px;top:77px;}
.page08 .language li:nth-child(8){left:514px;top:144px;}
.page08 .language li:nth-child(9){left:721px;top:24px;}

.page09{position:relative;background:#020202;}
.page09 ul{width:100%;height:50%;}
.page09 ul:after{content:'';display:block;clear:both;height:0;visibility: hidden;}
.page09 ul li{width:25%;height:100%;float:left;}
.page09 ul li > a{display:block;width:100%;height:100%;background:url(../img/ico_mouseover.png) no-repeat 50% 50%;}
.page09 ul li > a.on{background:rgba(0,0,0,0.6);}
.page09 ul li a span{text-indent:-9999px;font-size:0;position:absolute;top:-9999px;}
.page09 ul li div{position:absolute;z-index:5;display:none;width:50%;height:100%;}
.page09 ul li div img{width:100%;height:100%;}
.page09 .page09_1st li:nth-child(1){background:url(../img/page09-1.jpg) no-repeat;background-size:cover;}
.page09 .page09_1st li:nth-child(1) div{left:0;top:0;background:url(../img/img-page09-1.jpg) no-repeat 50% 0;background-size:cover;}
.page09 .page09_1st li:nth-child(2){background:url(../img/page09-2.jpg) no-repeat;background-size:cover;}
.page09 .page09_1st li:nth-child(2) div{left:25%;top:0;background:url(../img/img-page09-2.jpg) no-repeat 50% 0;background-size:cover;}
.page09 .page09_1st li:nth-child(3){background:url(../img/page09-3.jpg) no-repeat;background-size:cover;}
.page09 .page09_1st li:nth-child(3) div{left:25%;top:0;background:url(../img/img-page09-3.jpg) no-repeat 50% 0;background-size:cover;}
.page09 .page09_1st li:nth-child(4){background:url(../img/page09-4.jpg) no-repeat;background-size:cover;}
.page09 .page09_1st li:nth-child(4) div{right:0;top:0;background:url(../img/img-page09-4.jpg) no-repeat 50% 0;background-size:cover;}
.page09 .page09_2nd li:nth-child(1){background:url(../img/page09-5.jpg) no-repeat;background-size:cover;}
.page09 .page09_2nd li:nth-child(1) div{left:0;top:0;background:url(../img/img-page09-5.jpg) no-repeat 50% 0;background-size:cover;}
.page09 .page09_2nd li:nth-child(2){background:url(../img/page09-6.jpg) no-repeat;background-size:cover;}
.page09 .page09_2nd li:nth-child(2) div{left:25%;top:0;background:url(../img/img-page09-6.jpg) no-repeat 50% 0;background-size:cover;}
.page09 .page09_2nd li:nth-child(3){background:url(../img/page09-7.jpg) no-repeat;background-size:cover;}
.page09 .page09_2nd li:nth-child(3) div{left:25%;top:0;background:url(../img/img-page09-7.jpg) no-repeat 50% 0;background-size:cover;}
.page09 .page09_2nd li:nth-child(4){background:url(../img/page09-8.jpg) no-repeat;background-size:cover;}
.page09 .page09_2nd li:nth-child(4) div{right:0;top:0;background:url(../img/img-page09-8.jpg) no-repeat 50% 0;background-size:cover;}

.page10{position:relative;}
.page10 a{display:inline-block;position:absolute;top:79.1%;left:42.4%;width:6.77%;height:2.6%;}

.pop_wrap{width:100%;height:100%;}
.pop_wrap .pop{width:100%;height:100%;position:absolute;top:100%;left:0;}
.pop_wrap .pop > img{width:100%;}
.pop_wrap .pop > ul{width:100%;}
.pop_wrap .pop > ul li{background:#f9f9f9;}
.pop_wrap .pop .pop_controller div a{position:absolute;left:50%;width:62px;height:31px;margin-left:-31px;background:url(../img/element_contents.png) no-repeat;text-indent:-9999px;}
.pop_wrap .pop .pop_controller .btn_up a{top:30px;background-position:-210px -5px;}
.pop_wrap .pop .pop_controller .btn_down a{bottom:30px;background-position:-210px -50px;}
.pop_wrap .pop .btn_close{}

@media only screen and (max-width: 1600px){
    .page04 .page_tit{position:relative;width:830px;height:433px;margin:0 auto;background:url(../img/txt-page04s.png) no-repeat 50% 0;}
    .page05 .box{top:10%;}/*MQ margin-top*/
    .page05 .box .page_tit{left:362px;top:0;width:233px;height:111px;background:url(../img/tit-page05s.png) no-repeat;}
    .page05 .box li:nth-child(1){width:83px;height:255px;left:65px;top:160px;background:url(../img/menu-page05-1s.png) no-repeat;}
    .page05 .box li:nth-child(2){width:86px;height:269px;left:207px;top:51px;background:url(../img/menu-page05-2s.png) no-repeat;}
    .page05 .box li:nth-child(3){width:88px;height:244px;left:348px;top:208px;background:url(../img/menu-page05-3s.png) no-repeat;}
    .page05 .box li:nth-child(4){width:84px;height:169px;left:495px;top:176px;background:url(../img/menu-page05-4s.png) no-repeat;}
    .page05 .box li:nth-child(5){width:88px;height:430px;left:635px;top:20px;background:url(../img/menu-page05-5s.png) no-repeat;}
}

@media only screen and (min-width: 1760px){
    .page04 .page_tit{top:20%;}
    .page08 .map{top:15%;}
}
@media only screen and (min-width: 1600px) and (max-width: 1760px){
    .page04 .page_tit{top:15%;}
    .page08 .map{top:9%;}
}
@media only screen and (min-width: 1366px) and (max-width: 1600px){
    .page04 .page_tit{top:15%;}
    .page08 .map{top:4%;transform:scale(0.8);}
}
@media only screen and (max-width: 1366px){
    .page04 .page_tit{top:12%;}
    .page08 .map{top:0;transform:scale(0.8);}
}

/*Tablet 일때 */
.device_tablet video{display:none;}
.device_tablet .legible01{background: url(../img/tablet/tablet-legible01.jpg) no-repeat 50% 50%;background-size:cover;}
.device_tablet .legible02{background: url(../img/tablet/tablet-legible02.jpg) no-repeat 50% 50%;background-size:cover;}
.device_tablet .legible03{background: url(../img/tablet/tablet-legible03.jpg) no-repeat 50% 50%;background-size:cover;}
.device_tablet .distinctive01{background: url(../img/tablet/tablet-distinctive01.jpg) no-repeat 50% 50%;background-size:cover;}
.device_tablet .distinctive02{background: url(../img/tablet/tablet-distinctive02.jpg) no-repeat 50% 50%;background-size:cover;}
.device_tablet .expert01{background: url(../img/tablet/tablet-expert01.jpg) no-repeat 50% 50%;background-size:cover;}
.device_tablet .expert02{background: url(../img/tablet/tablet-expert02.jpg) no-repeat 50% 50%;background-size:cover;}
.device_tablet .humanist01{background: url(../img/tablet/tablet-humanist.jpg) no-repeat 50% 50%;background-size:cover;}
.device_tablet .humanist02{background: url(../img/tablet/tablet-humanist.jpg) no-repeat 50% 50%;background-size:cover;}
.device_tablet .page07{background: url(../img/tablet/tablet-page07.jpg) no-repeat 50% 50%;background-size:cover;}