@charset "utf-8";


/* css Reset */
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}

body{margin:0;padding:0;font-family:'noto',Malgun Gothic;font-size:18px;font-weight:400;color:#ccc;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button,code,label,em,span,strong{margin:0;padding:0;border:0;font:inherit;color:inherit;word-break:keep-all;}
form{display:inline;margin:none}
img,fieldset{border:0}
hr{display:none}
li{list-style:none}
em,address{font-style:normal}
label,input,select,textarea{vertical-align:middle;-webkit-appearance:none}
legend{position:absolute;left:-5000px;font-size:0;overflow:hidden}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption{position:relative;left:-5000px;height:0;line-height:0;text-indent:-5000px;overflow:hidden}
a:link,a:active,a:visited,a{text-decoration:none;font:inherit;color:inherit}
a:hover{text-decoration:none;color:inherit}
label, input, button, select, img {vertical-align:middle}
button{cursor:pointer;outline:none;background:none}
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],input[type="password"],input[type="tel"],input[type="number"],select,textarea{-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-sizing:border-box;}
input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;}
textarea{resize:none;box-sizing:border-box;}
select{box-sizing:border-box;}
select::-ms-expand{display:none;}

@font-face{font-style:normal;font-family:'noto';
	src:url(../../../front/fonts/NotoSans-DemiLight.woff2) format("woff2"),url(../../../front/fonts/NotoSans-DemiLight.woff) format("woff");	
}

@font-face{font-style:normal;font-weight:900;font-family:'NanumS';
	src:url(../../../front/fonts/NanumSquareEB.woff) format("woff");	
}
@font-face{font-style:normal;font-weight:700;font-family:'NanumS';
	src:url(../../../front/fonts/NanumSquareB.woff) format("woff");	
}
@font-face{font-style:normal;font-weight:400;font-family:'NanumS';
	src:url(../../../front/fonts/NanumSquareR.woff) format("woff");	
}


body, html{overflow:hidden;background:#222}
::-webkit-scrollbar{width:3px; height:3px;border:3px solid #232323;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:block;height:10px;background:#232323}
::-webkit-scrollbar-track{background:#232323; -webkit-border-radius: 10px;border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb{height:50px;width:6px;background:#474747;-webkit-border-radius: 8px;border-radius:8px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}


.header{z-index:999;position:fixed;top:0;left:0;width:100%;height:80px;font-size:0;background:url(../../../front/mobile/images/bg_had.png) no-repeat 50% 0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.header *{vertical-align:middle;}
.header .logo{z-index:9;position:absolute;top:33px;left:30px}
.header .logo a{display:block;width:114px;height:24px;margin:0 auto;background:url(../../../front/mobile/images/logo.png) no-repeat 50% 50%;}
.header.open .menu_ui{height:545px;}
.menu_ui{z-index:9;position:absolute;top:80px;left:0;height:0;width:100%;overflow:hidden;padding-top:0;margin:0 auto;background:rgba(00, 00, 00, .8);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.menu_ui ul{padding-top:55px;font-size:0;text-align:center}
.menu_ui ul li{z-index:2;position:relative;height:33px;}
.menu_ui ul li~li{margin-top:80px}
.menu_ui ul a{position:relative;display:inline-block;height:52px;font-size:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.menu_ui ul .active a:before{z-index:1;content:"";position:absolute;left:0;right:0;bottom:0;width:100%;height:2px;margin:0 auto;background:#fff;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.menu_ui ul .m1 a{width:78px;background:url(../../../front/mobile/images/m1.png) no-repeat 50% 50%;}
.menu_ui ul .m2 a{width:142px;background:url(../../../front/mobile/images/m2.png) no-repeat 50% 50%;}
.menu_ui ul .m3 a{width:168px;background:url(../../../front/mobile/images/m3.png) no-repeat 50% 50%;}
.menu_ui ul .m4 a{width:74px;background:url(../../../front/mobile/images/m4.png) no-repeat 50% 50%;}
.menu_ui ul .m1.active a,.menu_ui ul .m1.active a:hover{background:url(../../../front/mobile/images/m1_ov.png) no-repeat 50% 50%;}
.menu_ui ul .m2.active a,.menu_ui ul .m2.active a:hover{background:url(../../../front/mobile/images/m2_ov.png) no-repeat 50% 50%;}
.menu_ui ul .m3.active a,.menu_ui ul .m3.active a:hover{background:url(../../../front/mobile/images/m3_ov.png) no-repeat 50% 50%;}
.menu_ui ul .m4.active a,.menu_ui ul .m4.active a:hover{background:url(../../../front/mobile/images/m4_ov.png) no-repeat 50% 50%;}
.btn_trigger{z-index:9;position:absolute;top:30px;right:30px;width:36px;height:25px;font-size:0;background:url(../../../front/mobile/images/btn_menu.png) no-repeat 50% 50%;}
.btn_trigger.close{top:30px;right:30px;width:36px;height:36px;background:url(../../../front/images/icons_new/btn_close.png) no-repeat 50% 50%;background-size:cover}

.section{position:relative;background:#fff;box-sizing:border-box;}

.section.main{overflow:hidden;z-index:1;width:100%;min-height:100%;/*height:1380px ! important;*/}
.section.main:before{content:"";z-index:4;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../../front/mobile/images/mask.png) no-repeat 50% 50%;background-size:cover}
.section.main .cons{position:relative;height:100%;}
.section.main .box{position:absolute;height:890px;left:0;right:0;top:-80px;bottom:0;margin:auto;box-sizing:border-box}
.section.main .link{position:relative;z-index:5;width:353px;height:720px;margin:0 auto;text-align:center;background:url(../../../front/images/icons_new/log_eve.png) no-repeat 50% 50%;}
.section.main .txt{z-index:5;position:relative;width:420px;height:200px;margin:-300px auto 0;font-size:0;background:url(../../../front/images/icons_new/txt_mainCopy.png) no-repeat 0 0;}
.section.main .btn{z-index:5;position:relative;width:400px;height:131px;margin:140px auto 0;font-size:0;}

.section.main .btn a{display:block;width:100%;height:100%;font-size:0;background:url(../../../front/images/icons_new/Twitter_banner_off.png) no-repeat 0 0;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}

.section.main .btn a:hover{background:url(../../../front/images/icons_new/Twitter_banner_on.png) no-repeat 50% 50%;}
.section.main .btn_emved a{position:absolute;left:0;right:0;top:210px;display:inline-block;width:258px;height:258px;margin:0 auto;font-size:0;background:url(../../../front/mobile/images/emved_arr.png) no-repeat 98px 50%;}
.section.main .btn_emved a:after{content:"";position:absolute;top:0;left:0;width:258px;height:258px;background:url(../../../front/mobile/images/emved_cir1.png) no-repeat 50% 50%;}
.section.main .btn_emved a:before{content:"";position:absolute;top:0;left:0;width:258px;height:258px;background:url(../../../front/mobile/images/emved_cir2.png) no-repeat 50% 50%;}
.section.main .scroll{z-index:5;position:absolute;left:0;right:0;bottom:50px;width:107px;height:63px;margin:0 auto;}
.section.main .scroll a{display:block;width:107px;height:63px;font-size:0;background:url(../../../front/mobile/images/btn_scroll.png) no-repeat 50% 50%;}

#myVideo{position:absolute;left:-50px;width:850px;height:1800px}

video[poster]{ 
height:1500px;
width:750px;
}

.section.gallery{height:5720px ! important;}
.section.gallery .cons{position:relative;z-index:2;margin:0 auto;}
.section.gallery h2{height:242px;font-size:0;background:url(../../../front/mobile/images/tit_gallery.png) no-repeat 50% bottom #1a1a1a;}
.gallery_pop{display:none;z-index:999;position:fixed;left:0;top:0;width:100%;height:100%;}
.gallery_pop .dimmed{position:absolute;top:0;left:0;width:100%;height:100vh;background:rgba(00, 00, 00, .5)}
.gallery_pop .pop{z-index:1;position:fixed;left:0;right:0;top:0;bottom:0;height:422px;margin:auto;border:1px solid #707070}
.gallery_pop .slick-prev{left:20px;}
.gallery_pop .slick-next{right:20px;}
.gallery_pop .gallery_view img{position:relative;display:inline-block ! important;width:100%;height:auto;}
.gallery_pop .close{position:absolute;top:-45px;right:0;width:52px;height:52px;font-size:0;background:url(../../../front/images/icons_new/btn_close.png) no-repeat 50% 50%;}

.section.interview{overflow:hidden;height:1580px ! important;}
.section.interview .cons{position:relative;z-index:2;width:100%;height:100%;margin:0 auto;background:url(../../../front/mobile/images/bg_interview.png) no-repeat 50% 50%;background-size:cover;}
.section.interview .cons .box{position:relative;margin-top:155px;width:100%;height:910px;background:url(../../../front/mobile/images/bg_popBox2.png) no-repeat 50% bottom #2f2f2f;}
.section.interview .cons h2{height:72px;padding-top:115px;font-size:0;background:url(../../../front/mobile/images/tit_interview.png) no-repeat 50% bottom;}
.section.interview .btn{width:400px;height:131px;margin:40px auto 0;font-size:0;}
.section.interview .btn a{display:block;width:100%;height:100%;font-size:0;background:url(../../../front/mobile/images/btn_apply_off.png) no-repeat 0 0;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.section.interview .btn a:hover{background:url(../../../front/mobile/images/btn_apply.png) no-repeat 50% 50%;}
.section.interview .interviewSlider{position:absolute;bottom:-45px;left:0;width:750px;}
.section.interview .more{position:absolute;bottom:80px;display:block;width:144px;height:52px;font-size:0;background:url(../../../front/mobile/images/btn_more.png) no-repeat 50% 50%;}
.section.interview .slick-prev.slick-arrow{left:10px;top:478px;}
.section.interview .slick-next.slick-arrow{right:10px;top:478px;}
.section.interview .interviewSlider .item{position:relative;height:1080px;margin:0 auto;box-sizing:border-box;}
.section.interview .interviewSlider .item img{position:relative;}
.section.interview .interviewSlider .item.i2 .thum img{top:-10px}
.section.interview .interviewSlider .item.i3 .thum img{top:11px}
.section.interview .interviewSlider .item.i4 .thum img{top:0}
.section.interview .interviewSlider .item.i5 .thum img{top:2px}
.section.interview .interviewSlider .thum{height:655px;margin-bottom:30px;padding-left:72px;}
.section.interview .interviewSlider .thum span{z-index:9;position:absolute;top:132px;left:-2px;opacity:.5}
.section.interview .interviewSlider .thum span img{top:0 ! important}
.section.interview .interviewSlider .txt_g{margin-left:82px;font-family:'NanumS';}
.section.interview .interviewSlider .txt_g .tit{margin-bottom:32px;padding-right:38px;letter-spacing:-.3px;line-height:42px;font-weight:700;font-size:29px;color:#e3e3e3}
.section.interview .interviewSlider .txt_g .txt{width:605px;line-height:32px;font-size:21px;color:#8b8b8b}
#interviewSliderNav{position:absolute;left:570px;top:20px;width:120px;box-sizing:border-box}
#interviewSliderNav:before{content:"";position:absolute;right:0;top:5px;width:23px;height:443px;background:url(../../../front/mobile/images/txt_interview.png) no-repeat 50% 50%;}
#interviewSliderNav .item{padding-right:33px;width:82px;height:82px;}
#interviewSliderNav .slick-slide{float:none;position:relative;cursor:pointer;margin-bottom:10px;}
#interviewSliderNav .slick-slide:before{opacity:0;content:"";position:absolute;top:0;left:0;width:82px;height:82px;border-radius:100%;background:rgba(00, 00, 00, .5);webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;}
#interviewSliderNav .slick-current:before{z-index:1;opacity:1;}
.section.interview .slick-prev{background:url(../../../front/mobile/images/btn_prev2.png) no-repeat 50% 50%;}
.section.interview .slick-next{background:url(../../../front/mobile/images/btn_next2.png) no-repeat 50% 50%;}

.interview_pop{display:none;z-index:999;position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;}
.interview_pop .dimmed{position:absolute;top:0;left:0;width:100%;height:100vh;background:rgba(00, 00, 00, .5)}
.interview_pop .pop{z-index:1;position:fixed;left:0;right:0;top:30px;bottom:0;width:710px;height:1180px;margin:auto;background:url(../../../front/mobile/images/bg_popBox.png) no-repeat 50% 0 #313131;}
.interview_pop .pop:before{z-index:9;content:"";position:absolute;bottom:0;left:0;width:100%;height:100px;background-image: linear-gradient(transparent , #313131);}
.interview_pop .pop .interview_view .item:after{display:none;z-index:9;content:"";position:absolute;top:260px;right:2px;width:100%;height:40px;background-image: linear-gradient(#313131,transparent);}
.interview_pop .interview_view{font-family:'NanumS';}
.interview_pop .interview_view .item{position:relative;height:844px;padding-top:270px;box-sizing:border-box;}
.interview_pop .interview_view .scroll{position:relative;padding:0 40px 0;height:900px;overflow-y:scroll}
.interview_pop .interview_view .tit_pop{position:absolute;top:0;left:0;width:100%;padding-top:50px;text-align:center}
.interview_pop .interview_view .thum{position:relative;text-align:center}
.interview_pop .interview_view img{display:inline-block;width:auto}
.interview_pop .interview_view .txt_g{position:relative;margin-top:30px;}
.interview_pop .interview_view .tit{margin-bottom:8px;font-weight:900;font-size:35px;color:#e3e3e3;}
.interview_pop .interview_view .txt{margin-bottom:40px;line-height:39px;font-size:24px;color:#8b8b8b}
.interview_pop .interview_view .btn{position:relative;margin:70px auto 73px;bottom:0;text-align:center;}
.interview_pop .interview_view .btn a{display:inline-block;width:400px;height:131px;font-size:0;background:url(../../../front/mobile/images/btn_apply_off.png) no-repeat 0 0;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.interview_pop .slick-prev{display:none ! important;left:10px ! important;}
.interview_pop .slick-next{display:none ! important;right:10px ! important;}
.interview_pop .close{position:absolute;top:-45px;right:0;width:52px;height:52px;font-size:0;background:url(../../../front/images/icons_new/btn_close.png) no-repeat 50% 50%;}
#interviewNav{position:absolute;top:170px;left:0;right:0;width:485px;margin:0 auto}
#interviewNav:before{display:none;content:"";position:absolute;right:0;top:5px;width:23px;height:443px;background:url(../../../front/mobile/images/txt_interview.png) no-repeat 50% 50%;}
#interviewNav .item{margin:0 5px}
#interviewNav .slick-slide{position:relative;cursor:pointer;margin-bottom:10px;padding:0 3px}
#interviewNav .slick-slide:before{opacity:0;content:"";position:absolute;top:0;left:7px;width:82px;height:82px;border-radius:100%;background:rgba(00, 00, 00, .5);webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;}
#interviewNav .slick-current:before{z-index:1;opacity:1;}

.footer{z-index:1;width:100%;left:0;height:130px;margin-top:40px;text-align:center;background:#1f1f1f}
.footer p{line-height:130px;margin:0 auto;}

.popEmved_ui{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;}
.popEmved_ui .pop_emved{position:absolute;z-index:99;top:0;bottom:0;left:0;right:0;;margin:auto;text-align:center;}
.popEmved_ui .pop_emved{width:720px;height:500px;}
.popEmved_ui .pop_emved iframe{width:720px;height:500px;}
.popEmved_ui .btn_videoClose{position:absolute;top:-55px;right:0;width:52px;height:52px;cursor:pointer;background:none;border:0;outline:none;font-size:0;background:url(../../../front/images/icons_new/btn_close.png) no-repeat 50% 50%;}
.popEmved_ui .dimmed{position:absolute;width:100%;height:100%;background:#000;opacity:.75;}

.pop_msg{z-index:9999;position:fixed;width:100%;height:100%;z-index:99999;top:0;left:0;}
.pop_msg:before{content:"";position:fixed;width:100%;height:100%;background:#000;opacity:.75}
.pop_msg .msg{z-index:9999;position:absolute;top:0;left:0;bottom:0;right:0;width:483px;height:122px;margin:auto;}
.pop_msg .msg .btn_close{position:absolute;top:-55px;right:0;width:50px;height:50px;cursor:pointer;background:none;border:0;outline:none;font-size:0}
.pop_msg .msg .btn_close:before,.pop_msg .btn_close:after{content:"";margin:-1px 0 0 -20px;width:50px;height:2px;position:absolute;left:50%;top:50%;background:#fff;-ms-transform:rotate(45deg);transform:rotate(45deg);transition:false}
.pop_msg .msg .btn_close:after{content:"";margin:-1px 0 0 -20px;width:50px;height:2px;position:absolute;left:50%;top:50%;background:#fff;-ms-transform:rotate(-45deg);transform:rotate(-45deg);transition:false}

.slick-arrow{z-index:9;position:absolute;bottom:0;top:0;width:24px;height:43px;margin:auto 0;font-size:0;}
.slick-prev{background:url(../../../front/mobile/images/btn_prev.png) no-repeat 50% 50%;}
.slick-next{background:url(../../../front/mobile/images/btn_next.png) no-repeat 50% 50%;}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list *{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/* motion */
	.section.main .link{opacity:0;top:20px;transition:1s all;transition-delay:400ms;}
	.section.main .txt{opacity:0;top:20px;transition:1s all;transition-delay:500ms;}
	.section.main .btn{opacity:0;transition:1s all;transition-delay:600ms;}
	.section.main .scroll{animation-name:mouseWheel;animation-duration:.5s;animation-iteration-count:infinite;animation-direction:alternate;}
	.section.main.active .link{opacity:1;top:0;}
	.section.main.active .txt{opacity:1;top:0;}
	.section.main.active .btn{opacity:1;}

	@keyframes mouseWheel{from{transform:translateY(0);}to{transform:translateY(10px);}}


	.section.main .btn_emved a:after{animation-name:emved1;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;}
	.section.main .btn_emved a:before{animation:emved2; animation-duration:25s;animation-iteration-count:infinite;animation-direction:reverse;animation-timing-function:linear;}
	.section.main .btn_emved a:hover:before{animation:emved3; animation-duration:2s;animation-iteration-count:infinite;animation-direction:reverse;animation-timing-function:linear;}

	@keyframes emved1 {
		from{transform:scale(.95);}to {transform:scale(1);}
	}
	@keyframes emved2 {
		from {transform: rotate(90deg);}to {transform: rotate(-720deg);}
	}
	@keyframes emved3 {
		from {transform: rotate(-90deg) scale(1.05); }to {transform: rotate(360deg) scale(1);}
	}


@media (max-height: 1000px) { 
	.section.main .box{height:600px}
	.section.main .link{transform:scale(.75);}
	.section.main .btn{transform:scale(.75);margin-top:-50px}
	.section.main .txt{transform:scale(.75);margin-top:0}
	.section.main.active .link{top:0;}
	.section.main.active .txt{top:-10px;}
	.section.main.active .btn{top:0;}
	.section.main .scroll{bottom:20px}

	#myVideo{left:-125px;width:1000px;height:1500px}

	.interview_pop .pop{width:700px;height:700px;}
	.interview_pop .interview_view .scroll{height:400px;}

	.interview_pop .interview_view .thum{overflow:hidden;text-align:left;float:left;margin:0 20px 10px 0}
	.interview_pop .interview_view .thum img{display:inline-block;width:300px}
	.interview_pop .interview_view .txt_g{margin-top:0}
	.interview_pop .interview_view .scroll{padding-left:30px;padding-right:25px}
	.interview_pop .interview_view .tit{font-size:32px;letter-spacing:-.3px;}
	.interview_pop .interview_view .txt{line-height:36px;font-size:22px}
}