@charset "utf-8";
@import url('base.css');
@import url('common.css');

#wrap{overflow:hidden;}
body{overflow:inherit; position:relative;}
body.active{overflow:hidden; position:fixed; width:100%;}

/* header */
#header{position:absolute; top:0px; left:0px; z-index:50; width:100%;}
#header .inr{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; padding:35px 80px 0;}
#header h1{position:relative; z-index:99; width:124px; height:43px;}
#header h1 > a{display:block; height:100%; background:url(../images/common/logo.svg) no-repeat 50% 0; background-size:100% auto; font-size:0px; transition:0.2s ease;}

#header nav .gnb{display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start;}
#header nav .gnb li a{display:inline-block; color:#fff; transition:color 0.3s ease;}
#header nav .gnb > li{position:relative;}
#header nav .gnb > li > a{position:relative; padding:5px 50px 34px; font-size:18px; font-weight:500;}
#header nav .gnb > li > a:after{content:''; position:absolute; bottom:1px; left:0px; display:block; width:100%; height:1px; background:#0083c3; transform:scale(0); transition:transform 0.3s ease;}
#header nav .gnb > li > a i{display:none;}
#header nav .gnb > li .box{display:none; position:absolute; width:100%;}
#header nav .gnb > li .box ul{padding:28px 0px 28px 50px;}
#header nav .gnb > li:nth-of-type(3) .box ul{padding-left:25px;}
#header nav .gnb > li .box ul > li{padding:7px 0px;}
#header nav .gnb > li .box ul > li > a{font-size:17px; color:#666; word-break:keep-all; line-height:1.3em;}
#header nav .gnb > li:nth-of-type(2) .box ul > li > a i{display:none;}
#header nav .gnb > li.active > a{color:#0083c3 !important;}
#header .inr.line nav .gnb > li.active > a:after{transform:scale(1);}
#header nav .gnb > li.active .box ul > li > a{color:#333;}
#header nav .gnb > li.active .box ul > li > a:hover,
#header nav .gnb > li.active .box ul > li > a:focus{color:#0083c3;}
.gnb_bg{display:none; position:absolute; top:0px; left:0px; z-index:-1; width:100%; background:#fff;}
html[lang="en"] #header nav .gnb > li > a{padding-left:40px; padding-right:40px;}
html[lang="en"] #header nav .gnb > li .box ul{padding-left:40px;}

.btn_menu{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:absolute; right:0px; top:0px; z-index:99; width:100px; height:100px; /* background:#0083c3; */}
.btn_menu span{display:block; position:relative; width:25px; height:25px; font-size:0px;}
.btn_menu span:before,
.btn_menu span:after{content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 0; background-size:auto 100%; transform-origin:50% 100%; transition:0.5s cubic-bezier(0.42, 0, 0.04, 0.91);}
.btn_menu span:before{background-image:url(../images/common/ico_menuopen.png); transform:rotate(0deg) scale(1);}
.btn_menu span:after{opacity:0; position:absolute; top:0px; left:0px; background-image:url(../images/common/ico_menuclose_b.png); transform:rotate(-90deg) scale(0.5);}
.btn_menu.active span:before{opacity:0; transform:rotate(90deg) scale(0.5);}
.btn_menu.active span:after{opacity:1; transform:rotate(0deg) scale(1);}

.area_lang{position:relative; margin-right:60px; margin-top:5px;}
.area_lang button{background:transparent; font-size:14px; color:#fff; transition:color 0.3s ease;}
.area_lang button span{display:inline-block; position:relative; padding-left:30px; font-weight:500;}
.area_lang button:before{content:''; display:block; position:absolute; left:0px; top:50%; width:20px; height:20px; margin-top:-10px; background:url(../images/common/ico_lang.png) no-repeat 50% 0; background-size:100% auto; transition:background 0.3s ease;}
.area_lang button.active:before{transform:rotate(180deg);}
.area_lang a{display:block; font-size:13px; font-weight:600;}
.list_lang{display:none; position:absolute; right:0px; width:100%; box-sizing:border-box; padding:10px 15px; background:#fff;}
.list_lang a{transition:0.3s ease;}
.list_lang a:hover,
.list_lang a:focus{color:#0083c3 !important;}
	/* all menu */
.area_allmenu{opacity:0; visibility:hidden; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; position:fixed; left:0px; top:0px; z-index:90; width:100%; height:100%; background:#fff; transition:opacity 0.3s ease 0s, visibility 0.3s ease 0s;}
.allmenu_bg{flex:none; display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; position:relative; width:calc((100% / 16) * 6); box-sizing:border-box; padding-left:80px; padding-right:40px; color:#fff;}
.allmenu_bg [data-obj="bg"]{overflow:hidden; display:block; position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:100%;}
.allmenu_bg [data-obj="bg"] i{display:block; height:100%; transform:translateX(calc((-100% / 6) * 1)); transition:transform 0.3s ease;}
.allmenu_bg [data-obj="bg"] i img{height:100%;}
.allmenu_bg p{margin-bottom:100px; line-height:1.3em; font-size:40px; font-weight:700; letter-spacing:-1px; word-break:keep-all;}
.allmenu_bg p i{font-weight:700;}
.allmenu_bg span{display:block; padding-bottom:150px; font-size:20px; word-break:keep-all;}
.allmenu_bg [data-obj="bigtext"]{opacity:0.5; display:block; position:absolute; bottom:0px; left:-50px; width:100%;}
.allmenu_bg [data-obj="bigtext"] svg{width:100%;}
.allmenu_bg [data-obj="bigtext"] svg:focus{outline:none;}
.allmenu_bg [data-obj="bigtext"] .path{stroke-dasharray:1500; stroke-dashoffset:1500;}
.allmenu_gnb{flex:auto; display:flex; flex-flow:column wrap; justify-content:center; align-items:center; padding-left:calc((100% / 16) * 2); padding-right:80px;}
.allmenu_gnb .gnb{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; width:100%;}
.allmenu_gnb .gnb > li{opacity:0; flex:auto; width:calc(100% / 3); transform:translateY(-50px); transition:1s ease 0s;}
.allmenu_gnb .gnb > li > a{display:inline-block; margin-bottom:25px; font-size:25px; color:#222; font-weight:500;}
.allmenu_gnb .gnb > li > a i{display:none;}
.allmenu_gnb .gnb > li ul{padding-bottom:120px;}
.allmenu_gnb .gnb > li ul > li{padding:5px 0px;}
.allmenu_gnb .gnb > li ul > li > a{display:inline-block; font-size:18px; color:#444; font-weight:300; transition:0.3s ease;}
.allmenu_gnb .gnb > li:nth-of-type(2) ul > li > a i{display:none;}
.allmenu_gnb .gnb > li ul > li > a:hover,
.allmenu_gnb .gnb > li ul > li > a:focus{color:#0083c3; font-weight:700; box-shadow:0 1px 0px #0083c3;}
.allmenu_gnb .gnb > li:nth-of-type(3) ~ li ul{padding-bottom:0px;}
.allmenu_gnb .gnb li button{display:none;}
html[lang="en"] .allmenu_bg p{letter-spacing:0px;}
#header.active .allmenu_gnb .gnb > li{opacity:1; transform:translateY(0px);}
#header.active .allmenu_gnb .gnb > li:nth-of-type(1){transition-delay:0.2s;}
#header.active .allmenu_gnb .gnb > li:nth-of-type(2){transition-delay:0.3s;}
#header.active .allmenu_gnb .gnb > li:nth-of-type(3){transition-delay:0.4s;}
#header.active .allmenu_gnb .gnb > li:nth-of-type(4){transition-delay:0.5s;}
#header.active .allmenu_gnb .gnb > li:nth-of-type(5){transition-delay:0.6s;}
#header.active .allmenu_gnb .gnb > li:nth-of-type(6){transition-delay:0.7s;}
#header.active .area_allmenu{opacity:1; visibility:visible;}
#header.active .allmenu_bg [data-obj="bigtext"] .path{animation:path01 4s ease-in-out forwards 0s;}
#header.active .allmenu_bg [data-obj="bg"] i{transform:translateX(calc((-100% / 6) * 2)); transition-duration:10s;}
	/* header black */
#header .inr:before{content:''; opacity:0; position:absolute; left:0px; top:99px; display:block; width:100%; height:1px; background:#e4e4e4; transition:opacity 0.2s linear 0s;}
#header .inr.active h1 > a{background-image:url(../images/common/logo_blue.svg);}
#header .inr.active nav .gnb > li > a{color:#333;}
#header .inr.active .area_lang button{color:#222;}
#header .inr.active .area_lang button:before{background-image:url(../images/common/ico_lang_black.png)}
#header .inr.active .btn_menu span:before{background-image:url(../images/common/ico_menuopen_b.png);}
	/* header line */
#header .inr.line:before{opacity:1;}

/* footer */
#footer{position:relative; padding-bottom:60px; background:#222; color:#848484;}
#footer .inr{max-width:1400px; margin:0 auto; padding:0 20px;}
#footer .area_link{padding:40px 0 30px; border-bottom:1px solid rgba(255,255,255,0.1);}
#footer .area_link ul > li{display:inline-block; color:#848484; font-size:16px; font-weight:500; margin-right:40px;}
#footer .area_link ul > li > a{display:inline-block; color:#848484;}
#footer .area_link ul > li:last-child(){margin-right:0px;}
#footer .area_address{padding-top:35px;}
#footer .area_address ul > li{margin-bottom:15px; font-size:15px; font-weight:500;}
#footer .area_address ul > li a{display:inline-block; color:#848484;}
#footer .area_address ul > li em{display:inline-block; min-width:280px;}
#footer .area_address ul > li i{color:#555;}
#footer .area_address ul > li span{margin-right:40px;}
#footer .area_copyright{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end; padding-top:70px;}
#footer .area_copyright .logo{display:inline-block; width:165px; height:59px;}
#footer .area_copyright .logo svg{width:100%;}
#footer .area_copyright p{padding-bottom:20px; font-size:13px; letter-spacing:0.7px;}
.btn_top{display:inline-block; position:absolute; right:80px; bottom:160px; width:80px; height:80px; background:#222; border:1px solid #383838; border-radius:100%; transition:0.3s ease;}
.btn_top > span{opacity:0.5; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; height:100%; font-size:13px; font-weight:500; color:#fff;}
.btn_top:hover,
.btn_top:focus{background:#383838;}
.area_quick{opacity:1; visibility:visible; position:fixed; right:80px; bottom:100px; z-index:40; transition:opacity 0.3s ease 0s, visibility 0s linear 0.3s;}
.area_quick button{position:relative; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:80px; height:80px; box-sizing:border-box; background:#222; border-radius:100%; box-shadow:0 10px 40px rgba(0,0,0,0.20); font-size:13px; color:#fff;}
.area_quick button span{opacity:0.5; letter-spacing:0;}
.area_quick button i{position:absolute; bottom:15px; left:50%; transform:rotate(0); transform-origin:50% 0; transition:transform 0.3s ease 0s;}
.area_quick button i:before,
.area_quick button i:after{content:''; display:block; position:absolute; bottom:0; left:50%; width:11px; height:2px; margin:-1px 0 0 -5.5px; background:#4e4e4e;}
.area_quick button i:after{transform:rotate(90deg);}
.area_quick button.active i{transform:rotate(-45deg);}
.area_quick .list{display:none; position:absolute; bottom:85px;}
.area_quick .list > li{margin-top:5px;}
.area_quick .list > li > a{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:relative; width:80px; height:80px; box-sizing:border-box; background:#3d4143; border-radius:100%; color:#fff; font-size:15px; text-align:center; transition:0.3s ease 0s;}
.area_quick .list > li > a i{display:none;}
.area_quick .list > li > a span{opacity:0.7; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:100%; height:100%; transition:opacity 0.3s ease 0s;}
.area_quick .list > li > a:hover,
.area_quick .list > li > a:focus{background:#0083c3;}
.area_quick .list > li > a:hover span,
.area_quick .list > li > a:focus span{opacity:1;}
/* .area_quick.show{opacity:1; visibility:visible; transition-delay:0s, 0s;} */
.area_quick.fix{position:absolute; bottom:-40px;}
.area_quick[class*="product"]{display:none;}

/* subvisual */
[data-sublayout="visual"]{position:relative;}
.area_subVisual{padding-top:220px;}
.area_subVisual .inr{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end; max-width:1400px; padding:0 20px 95px; margin:0 auto;}
.visual_title em{display:block; margin-bottom:35px; text-transform:uppercase; font-size:17px; color:#222; font-weight:700; letter-spacing:1px;}
.visual_title h2{line-height:1.3em; font-size:85px; color:#222; font-weight:400; letter-spacing:-1px;}
.area_img{overflow:hidden; position:relative; width:100%; height:349px;}
.area_img:before{content:''; display:block; position:absolute; top:0px; left:50%; z-index:10; width:1400px; height:100%; transform:translateX(-150%); background:#fff;}
.area_img i{display:block; height:100%;}
.area_img img{object-fit:cover; width:100%; height:100%;}
.area_img[class*="recruit"] i:after,
.area_img[class*="invest"] i:after{content:''; display:block; clear:both;}
.area_img[class*="recruit"] img,
.area_img[class*="invest"] img{float:right;}
.area_subVisual.is_hide .area_img span:before{content:''; display:block; position:absolute; top:0px; left:0px; z-index:5; width:100%; height:100%; background:#fff; transform:scaleY(1); transform-origin:0 100%; transition:transform 0.8s cubic-bezier(0.6, 0.36, 0.57, 0.93);}
.area_subVisual.is_hide.show .area_img span:before{transform:scaleY(0);}
.area_subVisual.is_hide .area_img i{transform:scale(1.08); transition:transform 4s ease-in-out;}
.area_subVisual.is_hide.show .area_img i{transform:scale(1);}
	/* location */
.area_location{margin-bottom:15px;}
.area_location > ul > li{display:inline-block; position:relative; padding:0 15px; font-size:16px; color:#999; vertical-align:middle;}
.area_location > ul > li:first-child{padding:0px;}
.area_location > ul > li:last-child{color:#333;}
.area_location > ul > li:not(:first-child):not(:nth-of-type(2)):before{content:''; display:inline-block; position:absolute; left:-3px; top:50%; width:3px; height:3px; margin-top:-1.5px; background:#aeaeae;}
[data-location="home"]{margin-right:5px;}
[data-location="home"] span{display:inline-block; vertical-align:middle; margin-top:-4px; font-size:0px;}
[data-location="home"] span:before{content:''; display:inline-block; width:20px; height:16px; background:url(../images/common/img_location_home.png) no-repeat 50% 0; background-size:auto 100%;}

/* lnb */
.area_lnb{position:absolute; left:0px; top:auto; bottom:-50px; z-index:30; width:100%;}
.area_lnb .inr{position:relative; z-index:3; max-width:1400px; height:100px; box-sizing:border-box; margin:0 auto; padding:0 40px; background:#0083c3;}
.area_lnb .lnb{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; height:100%;}
.area_lnb .lnb > li{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; height:100%; box-sizing:border-box; padding:0 35px;}
.area_lnb .lnb > li:first-child{padding-left:0px;}
.area_lnb .lnb > li > a{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:relative; height:100%; box-sizing:border-box; padding:0 15px; font-size:18px; font-weight:300; color:#fff;}
.area_lnb .lnb > li > a:after{content:''; display:block; position:absolute; bottom:0px; left:0px; width:100%; height:5px; background:#fbd55f; transform:scaleY(0); transform-origin:0 100%; transition:transform 0.3s ease;}
.area_lnb .lnb > li > a.on{font-weight:500; color:#fbd55f;}
.area_lnb .lnb > li > a.on:after{transform:scaleY(1);}
.area_lnb .lnb > li > a:hover,
.area_lnb .lnb > li > a:focus{font-weight:500; color:#fbd55f;}
/* 
.area_lnb:before,
.area_lnb:after{content:''; display:block; position:absolute; top:0px; width:50%; height:100%; background:#0083c3; transform:scaleX(0); transition:transform 0.5s linear 0s;}
.area_lnb:before{left:0px;}
.area_lnb:after{right:0px;}
.area_lnb.fix{position:fixed; top:0px; bottom:auto;}
.area_lnb.fix:before{transform:scaleX(1); transform-origin:100% 0;}
.area_lnb.fix:after{transform:scaleX(1); transform-origin:0 0;}
.area_lnb.fix .inr{height:60px;}
*/
.area_lnb.is_hide{opacity:0; transform:translateY(30px); transition:opacity 0.5s ease 0s, transform 0.8s cubic-bezier(0.6, 0.36, 0.57, 0.93) 0s;}
.area_lnb.is_hide.show{opacity:1; transform:translateY(0px); transition-delay:0.5s, 0.5s;}
.area_lnb.full .inr{position:relative; overflow-x:auto; overflow-y:hidden; width:100%;}
.area_lnb.full .inr > ul{flex-wrap:nowrap; position:absolute; margin:0;}
.area_lnb.full .inr > ul > li{flex:none; margin-bottom:0px;}
.area_lnb.full .inr > ul > li:nth-of-type(1){margin-left:0px;}

/* tab scroll mob  */
.scroll_control.full{position:relative;}
.scroll_control.full:after{content:''; display:block; position:absolute; right:0px; top:0px; width:40px; height:100%; background-image:linear-gradient(-180deg, #ffffff 50%, rgba(255,255,255,0)); background-image:-ms-linear-gradient(-180deg, #ffffff 50%, rgba(255,255,255,0)); background-image:-webkit-linear-gradient(-180deg, #ffffff 50%, rgba(255,255,255,0)); background-image:-moz-linear-gradient(-180deg, #ffffff 50%, rgba(255,255,255,0)); background-image:-o-linear-gradient(-180deg, #ffffff 50%, rgba(255,255,255,0));}
.scroll_control.full .inner{position:relative; overflow-x:auto; overflow-y:hidden; width:100%; height:80px;}
.scroll_control.full .inner > ul{flex-wrap:nowrap; position:absolute; margin:0; padding-right:40px;}
.scroll_control.full .inner > ul > li{flex:none; margin-bottom:0px;}
.scroll_control.full .inner > ul > li:last-child{padding-right:60px;}

/* content */
#container{position:relative;}
#content{min-height:350px;}

/* animation */
	/* word */
.wordAni{opacity:0;}
.wordAni.active{opacity:1;}
.wordAni > span{display:inline-block;}
.wordAni .word{display:inline-block;}
	/* motion rail */
[data-motion-rail]{position:absolute; left:0px; top:0px; text-transform:uppercase; font-size:200px; letter-spacing:2px; white-space:nowrap;}
[data-motion-rail] .eocjs-newsticker-container{position:relative; width:100%; padding-top:30%;}
[data-motion-rail].eocjs-newsticker .eocjs-newsticker-one,
[data-motion-rail].eocjs-newsticker .eocjs-newsticker-two{position:absolute; left:0; top:0; white-space:nowrap;}
	/* hide show */
.ani_hide{overflow:hidden; opacity:0; transform:translateY(-20px); transition:opacity 0.8s ease-in-out 0s, transform 0.8s ease-in-out 0s;}
.ani_hide.motion_in{opacity:1; transform:translateY(0px);}
	/* box show */
.ani_box{position:relative;}
.ani_box:before,
.ani_box:after{content:''; display:block; position:absolute; top:0px; z-index:3; width:50.5%; height:100%; background:#fff; transform:scaleX(1); transition:transform 0.7s ease-in-out 0s;}
.ani_box .obj_blank:before,
.ani_box .obj_blank:after{content:''; display:block; position:absolute; top:0px; z-index:2; width:50%; height:100%; background:#0083c3; transform:scaleX(1); transition:transform 0.6s ease-in-out 0s;}
.ani_box:before{left:-1px; transform-origin:0 0;}
.ani_box .obj_blank:before{left:0px; transform-origin:0 0;}
.ani_box:after{right:-1px; transform-origin:100% 0;}
.ani_box .obj_blank:after{right:0px; transform-origin:100% 0;}
.ani_box.motion_in:before,
.ani_box.motion_in:after{transform:scaleX(0);}
.ani_box.motion_in .obj_blank:before,
.ani_box.motion_in .obj_blank:after{transform:scaleX(0); transition-delay:0.15s;}

@keyframes path01{
	0%{stroke-dashoffset:1500;}
	100%{stroke-dashoffset:0;}
}


@media screen and (max-width:1650px){
	/* header */
	#header nav .gnb > li > a{padding-left:40px; padding-right:40px;}
	#header nav .gnb > li .box ul{padding-left:40px;}
	html[lang="en"] #header nav .gnb > li > a{padding-left:30px; padding-right:30px;}
	html[lang="en"] #header nav .gnb > li .box ul{padding-left:30px;}
}

@media screen and (max-width:1500px){
	/* header */
	#header .inr{padding-left:40px; padding-right:40px;}
	.area_lang{margin-right:100px;}
	.allmenu_bg{padding-left:40px;}
	.allmenu_gnb{padding-right:40px;}
}

@media screen and (max-width:1400px){
	/* header */
	#header nav .gnb > li > a{padding-left:30px; padding-right:30px;}
	#header nav .gnb > li .box ul{padding-left:30px;}
	#header nav .gnb > li:nth-of-type(3) .box ul{padding-left:0px;}
	html[lang="en"] #header nav .gnb > li > a{padding-left:25px; padding-right:25px;}
	html[lang="en"] #header nav .gnb > li .box ul{padding-left:25px;}
	
	/* quick */
	.area_quick{right:40px;}
	.btn_top{right:40px;}
}

@media screen and (max-width:1300px){
	/* header */
	#header nav{display:none;}
	.allmenu_bg p,
	.allmenu_bg span,
	.allmenu_bg [data-obj="bigtext"]{display:none;}
	.allmenu_bg{width:calc((100% / 16) * 4);}
	.allmenu_gnb{padding-left:calc((100% / 16) * 1.5);}
}

@media screen and (max-width:1200px){
	/* footer */
	#footer .area_link ul > li,
	#footer .area_address ul > li{font-size:14px;}
	.area_quick,
	.btn_top{right:40px;}
	#footer .area_address ul > li em{display:block;}	
	
	/* sub visual */
	.visual_title h2{font-size:7.083333333333333vw/* 85px */;}
	.area_img[class*="recruit"] img{width:auto; margin-right:-20%;}
	.area_img[class*="invest"] img{width:auto; margin-right:-40%;}
	
	/* lnb */
	.area_lnb{margin-top:0px;}
	.area_lnb .inr{height:80px;}
	.area_lnb .lnb > li{padding:0 20px;}
	.area_lnb.fix .inr{height:60px;}
}

@media screen and (max-width:1024px){
	.area_lang button:before{background-image:url(../images/common/ico_lang@x3.png);}
	[data-location="home"] span:before{background-image:url(../images/common/img_location_home@x3.png);}
	
	/* footer */
	.area_quick{right:20px;}
	.btn_top{bottom:60px; right:20px;}	
	#footer .area_copyright{flex-direction:column; align-items:flex-start;}
	#footer .area_copyright .logo{width:124px; height:43px; margin-bottom:15px;}
	#footer .area_address ul > li span{display:inline-block;}
	
	/* sub visual */
	.visual_title h2{font-size:75px;}
	
	/* location */
	[data-location="home"] span:before{background-image:url(../images/common/img_location_home@x3.png);}
	
	/* lnb */
	.area_lnb .lnb{flex-wrap:nowrap; position:absolute;}
	.area_lnb .lnb > li > a{white-space:nowrap;}
}

@media screen and (max-width:940px){
	/* header */
	#header.active h1 > a{background-image:url(../images/common/logo_blue.svg);}
	.allmenu_bg{display:none;}
	.allmenu_gnb{overflow-y:auto; display:block; width:100%; height:100%; box-sizing:border-box; padding-left:40px;}
	.allmenu_gnb:before{content:''; display:block; position:fixed; top:0px; left:0px; z-index:10; width:100%; height:100px; background-image:linear-gradient(-90deg, #ffffff 50%, rgba(255,255,255,0)); background-image:-ms-linear-gradient(-90deg, #ffffff 50%, rgba(255,255,255,0)); background-image:-webkit-linear-gradient(-90deg, #ffffff 50%, rgba(255,255,255,0)); background-image:-moz-linear-gradient(-90deg, #ffffff 50%, rgba(255,255,255,0)); background-image:-o-linear-gradient(-90deg, #ffffff 50%, rgba(255,255,255,0));}
	.allmenu_gnb .gnb{display:block; padding-top:100px; padding-bottom:50px;}
	.allmenu_gnb .gnb > li{width:100%;}
	.allmenu_gnb .gnb > li > a{display:block; margin-top:30px; margin-bottom:20px;}
	.allmenu_gnb .gnb > li ul{padding-bottom:0;}
	.allmenu_gnb .gnb .box{display:none; background:#f7f7f7; padding:20px 25px;}
	.allmenu_gnb .gnb > li.active > a{color:#0083c3;}
	
	/* sub visual */
	.visual_title em{font-size:16px;}
	.visual_title h2{font-size:7.9787234042553195vw/* 75px */;}
}

@media screen and (max-width:768px){
	/* header */
	#header .inr{padding:30px 20px 0;}
	.btn_menu{width:80px; height:80px;}
	.btn_menu span{width:20px; height:20px;}
	.allmenu_gnb:before{height:80px;}
	
	/* location */
	.area_location{width:100%; margin-top:40px;}
	
	/* sub visual */
	.area_subVisual{padding-top:180px;}
	.area_subVisual .inr{padding-bottom:60px;}
	.visual_title em{margin-bottom:20px;}
	.visual_title h2{font-size:60px;}
	.area_img{height:300px;}
	.area_img[class*="recruit"] img,
	.area_img[class*="invest"] img{margin-right:-40%;}
	
	/* lnb */
	.area_lnb .inr{height:65px;}
	.area_lnb:after{content:''; display:block; position:absolute; right:0px; top:0px; z-index:10; width:40px; height:100%; background-image:linear-gradient(-180deg, #0083c3 50%, rgba(0,131,195,0)); background-image:-ms-linear-gradient(-180deg, #0083c3 50%, rgba(0,131,195,0)); background-image:-webkit-linear-gradient(-180deg, #0083c3 50%, rgba(0,131,195,0)); background-image:-moz-linear-gradient(-180deg, #0083c3 50%, rgba(0,131,195,0)); background-image:-o-linear-gradient(-180deg, #0083c3 50%, rgba(0,131,195,0));}
	.area_lnb.full .lnb{padding-right:40px;}
	.area_lnb .lnb > li > a{font-size:16px;}
}

@media screen and (max-width:680px){
	#footer .area_link{padding:20px 80px 20px 0;}	
	#footer .area_link ul > li > a{margin-top:3px;}
	#footer .area_copyright{padding-top:40px;}
}

@media screen and (max-width:580px){
	/* header */
	.area_lang{margin-right:80px;}
	/* footer */
	.area_quick .list > li > a{width:70px; height:70px; font-size:13px;}
	.btn_top{width:70px; height:70px;}
	
	/* sub visual */
	.visual_title h2{font-size:50px;}
	.visual_title em{font-size:15px;}
	.area_img[class*="recruit"] img{margin-right:-60%;}
	.area_img[class*="invest"] img{margin-right:-80%;}
	
	/* location */
	.area_location{margin-top:30px;}
	.area_location > ul > li{font-size:14px;}
}

@media screen and (max-width:480px){
	/* tab scroll mob  */
	.scroll_control.full .inner{height:60px;}
	
	/* sub visual */
	.area_img[class*="recruit"] img{margin-right:-80%;}
}

@media screen and (max-width:460px){
	/* header */
	.area_lang{margin-right:60px;}

	.area_quick{position:absolute; bottom:-40px !important;}
	.area_quick.fix{top:auto !important; bottom:-40px !important;}	
	
	/* sub visual */
	.area_img{height:250px;}
	.area_img[class*="recruit"] img{margin-right:-60%;}

	/* footer */
	#footer .area_link{padding-right:20px;}
}

@media screen and (max-width:420px){
	/* header */
	#header .inr{padding-top:20px;}
	#header h1{width:99px; height:34px;}
	.allmenu_gnb{padding-left:20px; padding-right:20px;}
	.allmenu_gnb .gnb{padding-top:80px;}
	.btn_menu{width:70px; height:70px;}
	/* footer */
	#footer .area_link ul > li{margin-right:20px;}
	#footer .area_address ul > li span{display:block;}
	
	/* sub visual */
	.area_subVisual{padding-top:150px;}
	.area_subVisual .inr{padding-bottom:40px;}
	.visual_title em{font-size:14px;}
	
	/* lnb */
	.area_lnb .inr{padding:0 20px;}
	.area_lnb .lnb > li{padding:0 15px;}
	.area_img{height:200px;}
}

@media screen and (max-width:365px){
	/* tab scroll mob  */
	.scroll_control.full .inner{height:50px;}	
}

@media screen and (max-width:320px){
	.area_lang{margin-right:65px;}
	
	/* sub visual */
	.visual_title em{font-size:13px;}
	.visual_title h2{font-size:40px;}
	
	/* location */
	.area_location > ul > li{padding:0 10px;}
}