@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*font-family: 'Noto Sans KR', sans-serif;*/

/* common */
body{position:relative;overflow-x:hidden}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family:'Noto Sans KR','돋움',dotum,sans-serif;color:#222}
h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:1}
fieldset,img{border:0}
img{vertical-align:top}
dl,ul,ol,menu,li{list-style:none}
input,select,textarea,button{vertical-align:middle}
button{cursor:pointer}
a{color:#222;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}
li.on a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var,i{font-style:normal;font-weight:normal}
b{font-weight:500}

/* global */
.show{display:block}
.hide{display:none}
.f_l{float:left}
.f_r{float:right}
.tbl{border-collapse:collapse;border-spacing:0}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.clearfix{*zoom:1}
.clearfix:after{display:block;clear:both;content:''}
.l_tbl{display:table;width:100%}
.l_tbl_cell{display:table-cell;text-align:center;vertical-align:middle}
.l_tbl_cell > *{display:inline-block}

i.ic{display:inline-block;margin-right:6px}
button.btn{display:inline-block;border:none;background:none}

.wrapper{overflow-x:hidden}

/*header*/
.header{position:fixed;left:0;top:0;right:0;z-index:1000}
.header .wrap{width:100%;max-width:1200px;margin:0 auto}
.header .wrap > .f_l{padding:0 15px}
.header .wrap > .f_r{padding:0 15px}
.logo{float:left;width:70px;padding:15px 0}
.ask{float:left;margin:28px 0 0 20px}
.ask h2{margin-bottom:10px;font-size:16px;color:#fff;font-weight:600}
.ask p{float:left;font-size:20px;font-weight:600;color:#fff;line-height:1}
.ask p.first{margin-right:25px}
.ask p img{margin-top:3px}
.ask p a{color:#fff}
.lang{float:right}
.lang ul{margin-top:31px;border:1px solid #fff;border-radius:5px;overflow:hidden}
.lang li{float:left}
.lang li.first{border-right:1px solid #fff}
.lang li a{display:block;height:38px;line-height:38px;padding:0 10px;color:#fff;font-size:16px;text-align:center}
.lang li.on a{background-color:#fff;color:#00a5eb}
.nav{float:right}
.nav li{float:left;margin-right:40px}
.nav li a{display:block;height:100px;line-height:100px;color:rgba(255,255,255,.5);font-size:18px}
.nav li.on a{color:#fff}

/*video*/
.video{padding-top:50px;background:#00a5eb url(../images/bg_video.png)no-repeat 0 0;background-size:auto 100%}
.video .wrap{width:calc(100% - 30px);max-width:890px;height:calc(100vh - 50px);padding:0 15px;margin:0 auto}
.video .video_area{width:100%;margin-bottom:30px}
.video .video_area img{width:100%}
.video .video_area embed{width:100%;min-width:890px;min-height:500px}
.video p{color:#fff;font-weight:600;text-align:center;line-height:1}
.video .text1{margin-bottom:20px;font-size:36px}
.video .text2{font-size:48px}
.video .text2 img{margin-top:5px}

/*slide*/
.slide{min-height:720px;padding:100px 0}
.slide .wrap{width:calc(100% - 30px);max-width:890px;margin:0 auto;padding:0 15px}
.slide_look{position:relative;margin-bottom:30px}
.slide-screen-desktop li{display:none}
.slide-screen-desktop li.on{display:block}
.slide-screen-desktop li .image img{width:100%}
.slide-screen-phone{display:none}
.slide-screen-phone li{display:none}
.slide-screen-phone li.on{display:block}
.slide-screen-phone li .image img{width:100%}
ul.slide_tab{margin-bottom:30px}
ul.slide_tab li{float:left;margin-right:15px}
ul.slide_tab li:last-child{margin-right:0}
ul.slide_tab li a{display:block;width:73px;height:73px;background:url(../images/slide_tab.png)no-repeat}
ul.slide_tab li.slide_tab01 a{background-position:0 -73px}
ul.slide_tab li.slide_tab01 a:hover,
ul.slide_tab li.slide_tab01.on a{background-position:0px 0}
ul.slide_tab li.slide_tab02 a{background-position:-73px -73px}
ul.slide_tab li.slide_tab02 a:hover,
ul.slide_tab li.slide_tab02.on a{background-position:-73px 0}
ul.slide_tab li.slide_tab03 a{background-position:-146px -73px}
ul.slide_tab li.slide_tab03 a:hover,
ul.slide_tab li.slide_tab03.on a{background-position:-146px 0}
ul.slide_tab li.slide_tab04 a{background-position:-219px -73px}
ul.slide_tab li.slide_tab04 a:hover,
ul.slide_tab li.slide_tab04.on a{background-position:-219px 0}
ul.slide_text li{display:none;padding:0 15px;text-align:center;line-height:1}
ul.slide_text li.on{display:block}
ul.slide_text li .text1{margin-bottom:20px;font-size:36px;letter-spacing:-1px}
ul.slide_text li .text1 img{width:100%}
ul.slide_text li .text2{font-size:24px}
ul.slide_text li b{color:#ff1f1f}
.slide_btn{position:absolute;z-index:500;top:50%;margin-top:-50px}
.slide_btn button{width:100px;height:100px}
.slide_btn.prev{left:0}
.slide_btn.prev button{background:rgba(0,0,0,.1) url(../images/slide_arr.png)no-repeat 0 0}
.slide_btn.prev button:hover{background:rgba(0,0,0,.1) url(../images/slide_arr.png)no-repeat 0 -100px}
.slide_btn.next{right:0}
.slide_btn.next button{background:rgba(0,0,0,.1) url(../images/slide_arr.png)no-repeat -100px 0}
.slide_btn.next button:hover{background:rgba(0,0,0,.1) url(../images/slide_arr.png)no-repeat -100px -100px}

/*section1*/
.section1 .wrap{width:calc(100% - 30px);max-width:890px;padding:50px 15px 100px;margin:0 auto;border-top:1px solid #dcdcdc;text-align:center}
.section1 dt{margin-bottom:15px;line-height:1;color:#777}
.sns{margin-right:30px}
.sns li{float:left;width:30px;margin-right:10px}
.sns li img{width:100%}
.sns li.last{margin-right:0}
.with{width:150px}
.with img{width:100%;margin-top:6px}

/*section2*/
.section2{padding:100px 0;background-color:#00a5eb;text-align:center;color:#fff}
.section2 .wrap{width:calc(100% - 30px);max-width:890px;padding:0 15px;margin:0 auto}
.section2 .head{display:inline-block;padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #fff;font-size:24px}
.section2 .head .text{font-size:20px}
.section2 .head .ic img{margin-top:6px}
.section2 .apply{margin-bottom:100px}
.section2 .apply .text{font-size:24px;line-height:1}
.section2 .apply .apply_btn{margin:20px 0 30px}
.section2 .apply .apply_btn button{display:inline-block;width:100%;max-width:250px;height:70px;line-height:70px;border-radius:5px;background-color:#fff;color:#00a5eb;font-size:24px}
.section2 .apply .apply_btn button i{margin-left:10px}
.section2 .apply .apply_btn button img{margin-top:29px}
.section2 .apply .item{padding:20px;background-color:#19bbff;border-radius:5px;font-size:16px;text-align:left}
.section2 .apply .item p{padding-left:20px}
ul.step li{float:left;width:calc(20% - 20px);max-width:120px;margin-right:25px}
ul.step li.last{margin-right:0}
ul.step li .image{margin-bottom:20px}
ul.step li .image img{width:100%}
ul.step li p{font-size:18px;line-height:1.3}
ul.step li p span{font-size:14px}
ul.step li p.phone-text{display:none}

/*section2-2*/
.section2_2 h2{height:100px;line-height:100px;background-color:#fff;font-size:24px;font-weight:600;text-align:center}
.section2_2 img{width: 100%; height:auto;}

/*section3*/
.section3{background-color:#f1f1f1}
.section3 .row1,
.section3 .row2,
.section3 .row3,
.section3 .row4{width:calc(100% - 30px);max-width:890px;padding:0 15px;margin:0 auto}
.section3 .row1{padding-top:100px}
.section3 .row4{padding-bottom:100px}
.section3 h2{height:100px;line-height:100px;background-color:#fff;font-size:24px;font-weight:600;text-align:center}
.section3 h3{margin-bottom:20px;font-size:18px;font-weight:600}
ul.service li{position:relative;width:calc(50% - 15px);margin-right:30px;margin-bottom:30px}
ul.service li:nth-child(even){margin-right:0}
ul.service li.last{margin-bottom:0}
ul.service li h4{position:absolute;bottom:10%;left:20px;z-index:600;font-size:24px;color:#fff}
ul.service li .image{position:relative}
ul.service li .image img{width:100%}
ul.service li .image_gra{position:absolute;left:0;right:0;bottom:0;z-index:500;height:97px;background:url(../images/bg_gradation.png)repeat-x 0 0}
ul.service li .text{height:234px;padding:20px;background-color:#fff}
ul.service li .text div{margin-bottom:15px}
ul.service li .text i{float:left}
ul.service li .text i img{margin-top:7px}
ul.service li .text p{float:left;width:calc(100% - 15px)}
.section3 hr{margin:100px 0;height:6px;background-color:#fff;border:none}
.section3 .row3{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #dcdcdc}
.section3 .row3 li{float:left;width:calc(11.21% - 10px);margin-right:10px;text-align:center}
.section3 .row3 li.last{margin-right:0}
.section3 .row3 dt img{width:100%}
.section3 .row3 dd{margin-top:15px;line-height:1}
.section3 .row4 li{float:left;width:calc(14.2857% - 8.6px);margin-top:10px;margin-right:10px;text-align:center}
.section3 .row4 li.last{margin-right:0}
.section3 .row4 li.top{margin-top:0}
.section3 .row4 dl{position:relative}
.section3 .row4 dt img{width:100%}
.section3 .row4 dd{position:absolute;left:0;right:0;bottom:0;height:35px;z-index:500;line-height:35px;background-color:rgba(0,0,0,.5);color:#fff}

/*section4*/
.section4{background:#f1f1f1;}
.section4 h2{height:100px;line-height:100px;background-color:#fff;font-size:24px;font-weight:600;text-align:center}
.section4 .row1,
.section4 .row2{width:calc(100% - 30px);max-width:890px;padding:50px 15px;margin:0 auto}
.list_logo{overflow:hidden;}
.list_logo li{float:left; width: calc(16.66% - 10px); margin-right:10px;}
.list_logo li:nth-child(6n){margin-right:0;}
.list_logo li:nth-child(n+7){margin-top:10px;}
.list_logo li img{width: 100%; cursor:pointer;}
.list_cunt{width: 100%; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0;}
.list_cunt li{width: 100%; padding:5px 0; background:#e5f7ff;}
.list_cunt li:nth-child(2n){background:#fff;}
.list_cunt li p{padding-left:35px; background:url("../images/ic_cunt.png") no-repeat left 20px top 7px; font-size:13px; color:#222;}


/*footer*/
.footer{padding:30px 0;background-color:#20556b}
.footer .wrap{width:100%;max-width:890px;padding:50px 15px 0;margin:0 auto}
.footer dd{float:left;margin-right:20px;font-size:12px;color:rgba(255,255,255,.3)}
.footer dd strong{padding-right:5px}

/*popup*/
.popup{width:300px;margin:0 auto}
.popup .title{padding:10px 20px;background:#004B6B;color:#fff}
.popup .wrap{padding:30px 20px;border:2px solid #004B6B}
.popup input,
.popup button{display:block;width:100%;background:none;border:none}
.popup p.row2{margin-top:20px}
.popup p.row2 input{background:#00a5eb;height:35px;line-height:35px;border-radius:5px;color:#fff}
.popup p.row3{margin-top:10px}
.popup p.row3 input{height:33px;line-height:33px;border:1px solid #00a5eb;border-radius:5px}

/*영어버전*/
.en .video .text1{margin-bottom:10px}
.en ul.slide_text li .text1{line-height:1.2}
.en ul.slide_text li .text2{line-height:1.2}
.en .section2 .head{line-height:1.2}
.en .section2 .head .text{margin-bottom:10px}
.en .section2 .apply .item p{padding-left:19px}
.en .section3 .row4 dd.en-ver{line-height:1.2}

.popup{width: 26%; z-index:999; background:#fc0; position:fixed; left:50%; margin-left:-13%; top:197px; display:block;}
.btn_pop{height:45px; background:#0a4d69; position:relative;}
.btn_pop button{position:absolute; right:15px; top:50%; margin-top:-10.5px; width:auto;}

/*@media (max-width:770px) {
	.section2_2 .main_img{position:relative; overflow:hidden;}
	.section2_2 .main_img .img{width: 200%; height:auto; position:absolute; left:50%; margin-left:-100%; z-index:100;}
}*/