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

/*common*/
.wa{text-indent:-9999px;font-size:0;position:absolute;top:-9999px}
.sns-bns{text-indent:-9999px;font-size:0;position:absolute;top:-9999px}
.clfix:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.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}
/*button*/
.common_btn{text-align:center;}
.common_btn a{display:inline-block;width:210px;height:45px;font-size:0;text-indent:-9999px;vertical-align:top;background-image:url(../img/common_button.png);background-repeat:no-repeat;}
.common_btn a:nth-child(2){margin:0 9px;}
.btn_download{background-position: -215px 0}
.btn_download:hover{background-position: -215px -55px}
.btn_sec{background-position: -215px -130px;}
.btn_sec:hover{background-position: -215px -185px}
.btn_video{background-position: 0 -130px;}
.btn_video:hover{background-position: 0 -185px}

.footer_wrap{position:relative;}
#content {position:relative;min-width:1280px;margin:0 auto;overflow:hidden;line-height:25px;font-family:'samsungonelatin400';font-size:15px;color:#444;letter-spacing:-0.5px}
.section{position:relative;width:100%;overflow:hidden;}



/*Common*/
.ib{display:inline-block}
.layout{position:relative;width:1280px;height:100%;margin:0 auto;box-sizing:border-box}


.cover{width:100%;background:#f5f5f5}/*height:1736px;*/
.cover > div{position:relative;}
.cover .fixed_area.fixed{position:fixed;width:100%;left:0;bottom:0;}
.cover .fixed_area.bottom{position: relative;bottom: -400px;}
.cover .layout{padding:90px 0 155px 0;}
.cover h2{margin-bottom:70px;text-align:center;font-weight:normal;font-size:20px;line-height:20px;font-family:'samsungonelatin400';letter-spacing: 9px;opacity: 0;}
.cover h2 strong{display:block;margin-bottom:10px;font-weight:normal;font-size:100px;line-height:100px;font-family:'samsungonelatin200';letter-spacing: -0.5px;}
.cover .animate_area{position:relative;height:1000px;background:url(../img/bg_cover_animate.jpg) no-repeat 50% 100%;}
.cover .animate_area div{position:absolute;opacity: 0;}
.cover .animate_area div:nth-child(1){top:-400px;left:50%;margin-left:-350px;}
.cover .animate_area div:nth-child(2){top:982px;right:251px;}
.cover dl{position: relative; text-align:center;opacity: 0;}
.cover dt{margin-bottom:20px;line-height:30px;font-size:20px;color:#465d9c;}
.cover dd{font-size:15px;text-align:center;}

.section h3{margin-bottom:30px;font-family: 'samsungonelatin200';font-size:70px;line-height:70px;font-weight:normal;text-align:center;}
.section p{line-height:30px;color:#465d9c;font-size:20px;text-align:center;}
.section .desc_area{position:relative;}
.section .desc_area li{color:#666;}
.section .desc_area li strong{font-family: 'samsungonelatin600';color:#465d9c;}
.section .desc_area li .small{font-size:14px;}
.section.fixed > div{position:fixed;width:100%;left:0;bottom:0;}

.section01{height:2705px;background-color:#fff;}
.section01 > div{position:relative;padding:140px 0 150px 0;}
.section01 p{margin-bottom:0px;}
.section01 .desc_area{position:relative;width:1280px;margin:0 auto;}
.section01 .desc_area li{position: relative;left:150px;opacity:0;}
.section01 .desc_area .animate_area{position:absolute;}
.section01 .desc_area .animate_area div{position:absolute;}
.section01 .desc_area .animate_area div:last-child{bottom:0;left:0;}
.section01 .sec01_01{height:937px;padding:200px 0 0 0;}
.section01 .sec01_01 li{left:-150px;margin:0 0 60px 60px;}
.section01 .sec01_02{height:306px;padding:396px 0 0 800px;}
.section01 .sec01_01 .animate_area{top:300px;left:495px;height:1137px;}
.section01 .sec01_02 .animate_area{top:300px;left:0px;height:965px;}


.section02{background-color:#f5f5f5;}
.section02 > div{position:relative;padding:140px 0 0 0;}
.section02 .desc_area li{color:#fff;transition:opacity 0.2s;}
.section02 .desc_area li strong{color:#fff;}
.section02 p{margin-bottom:130px;}

.section02 .column_type02_wrap{position:relative;max-width:1920px;margin:0 auto;height:1000px;}
.section02 .column_type02{position:relative;}
.section02 .column_type02:after{content:'';display:block;clear:both;visibility:hidden;height:0;}
.section02 .column_type02 > div{position:relative;float:left;width:50%;height:1000px;overflow:hidden;}
.section02 .column_type02 .full_img{position:relative;width:2160px;left:50%;top:50%;margin-left:-1080px;margin-top:-500px;}
.section02 .column_type02 > div:first-child .full_img{transform:translateX(-600px);}
.section02 .column_type02 > div:last-child .full_img{transform:translateX(600px);}
.section02 .column_type02 .full_img img{width:100%;}
.section02 .desc_area .dim{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);}
.section02 .column_type02 li{position:absolute;}
.section02 .column_type02 li span{display:block;opacity:0;}
.section02 .column_type02 li.on span{opacity:1;}
.section02 .column_type02 > div:nth-child(1) li:nth-child(1){left:40%;top:750px;padding:50px 0 0 11px;width:390px;}
.section02 .column_type02 > div:nth-child(2) li:nth-child(1){left:46.5%;top:400px;padding:0 0 50px 11px;background-position:0 100%;}
.section02 .column_type02 > div:nth-child(2) li:nth-child(2){left:32.2%;top:680px;padding:50px 0 0 11px;}
.section02 .column_type02 li .pointer{position:absolute;top:0;left:0;display:inline-block;width:33px;height:33px;background:url(../img/notebook_dot.png) no-repeat;cursor:pointer;}
.section02 .column_type02 > div:nth-child(2) li:nth-child(1) .pointer{top:auto;bottom:0;}
.section02 .desc_area.on  .dim{background-color:rgba(0,0,0,0.3);}

.section03{height:2060px;background-color:#fff;}
.section03 > div{position:relative;padding:140px 0 0 0;}
.section03 .sec03_01{position:relative;width:100%;height:1046px;margin-top:25px;}
.section03 .sec03_01 .full_img{position:absolute;top:211px;left:50%;width:2007px;margin-left:-980px;}
.section03 .sec03_01 .full_img img{width:100%;}
.section03 .sec03_01 .desc_area{margin-top:20px;padding: 80px 0 0 792px;}
.section03 .sec03_01 li{position: relative;left:150px;opacity: 0;}
.section03 .sec03_02{position:relative;}
.section03 .sec03_02 .desc_area{height:450px;padding:390px 0 0 60px;}
.section03 .sec03_02 .full_img{position:absolute;top:90px;left:40%;transform:rotate(45deg);transform-origin:0% 50%;transition:all 1.2s 0s cubic-bezier(.37,.99,.61,1)}
.section03 .sec03_02 .full_img.on{transform:rotate(0deg);}
.section03 .sec03_02 .desc_area li{position: absolute;left: -90px;opacity: 0;}
.section03 .sec03_01 .desc_area li{margin-bottom:55px;}

.outro{padding:130px 0 125px 0;background-color:#f5f5f5;}
.outro h4{margin-bottom:40px;font-family:'samsungonelatin300';line-height:40px;font-size:40px;color:#000;font-weight:normal;text-align:center;}
.outro dl{text-align:center;}
.outro dt{margin-bottom:10px;font-size:20px;color:#465d9c;}
.outro .img_outro{position: relative;text-align:center;background: url(../img/img_outro_defalut.jpg) no-repeat 50% 0;}
.outro .img_outro img{opacity: 0;}

.movie_pop{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999999;}
.movie_pop iframe{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px;}
.movie_pop .btn_close{position:absolute;top:30px;right:30px; width:83px; height:83px; background:url(../img/close_btn.png) no-repeat; text-indent:-999em; font-size:0;}

/*Animate*/
.pointer{animation:blink .7s 0s infinite alternate ease-in-out;}
.on .pointer{animation:blink .7s 100s infinite alternate ease-in-out;}
.on .ani_note02_1{animation:sec02Notebook01 2s .5s infinite alternate ease-in;}
.on .ani_note02_2{animation:sec02Notebook02 2s .5s infinite alternate ease-in;}

@keyframes sec02Notebook01 {
    0%{transform:translateY(0);}
    100%{transform:translateY(30px);}
}

@keyframes sec02Notebook02 {
    0%{transform:scale(1);}
    100%{transform:scale(0.9);}
}

@keyframes blink {
    0%{opacity:0;}
    100%{opacity:1;}
}