@charset "utf-8";

#wrapper{width:100%;overflow:hidden;position:relative;margin:0;padding:0;}
.skip-navi{width:1px;height:1px;position:absolute;top:-1px;left:-1px;}
.hidden{position:absolute;width:1px;height:1px;top:-1px;left:-1px;text-indent:-9999px;}
.skip-navi{text-indent:-9999px;}
.clearfix{clear:both;}
.clearfix:before,
.clearfixf:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*공통요소*/
.pull-right{float:right;}
.pull-left{float:left;}
.ellipsis {overflow: hidden;display: inline-block;white-space: nowrap;text-overflow: ellipsis;}
.row-w{margin:0 auto;box-sizing:border-box;width:100%;max-width:1200px !important;}
a{-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;}
.btn-wrap{margin-top:20px;text-align:center;}
.color-ry{color:#ff9922;}
.color-wh{color:#fff;}
.btn-top{z-index:9999;position:fixed;display:none;bottom:150px;right:2rem;
width:60px;height:60px;line-height:60px;border-radius:30px;font-size:30px;text-align:center;color:#282828;background:#ff9922;cursor:pointer;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;}
.btn-top span.fa{margin-top:5px;width:60px;height:30px;line-height:30px;display:block;}
.btn-top:hover{background:#8a5312;}
.btn-top span.btn-top-txt{display:block;width:60px;height:16px;line-height:10px;font-size:16px;font-size:1rem;font-weight:100;color:#282828;}
.btn-toggle{display:none;}



/*******************/
/* Ani START 바운스 업 */
/*******************/
/* .bounce-up .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bounce-up.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
} */
/* section 공통  */
section {position:relative;width:100%;height:auto;padding:90px 0;padding:5.625rem 0;}
/* 뉴스, 글로벌, 리크루트 */
section .tit{margin-bottom:40px; font-size:50px; font-size:3.125rem; text-align:center;color:#000; }
section .tit.left{display:inline-block;float:left;width:210px;text-align:left;}
:lang(jp) section.global .tit.left {display:inline-block;float:left;width:260px;text-align:left;}
section .tit .btn-more{display:inline-block;margin-top:20px;box-sizing:border-box;width:60px;padding-right:24px;float:right;color:#aab2bd;height:23px;line-height:23px;font-size:18px;font-size:1.125rem;font-weight:bold;background:url(/static/images/common/btn-more-grey.png) right center no-repeat;background-size:14px 16px;}
section .tit .btn-more:hover{color:#ffd030;background:url(/static/images/common/btn-more-grey-on.png) right center no-repeat;}
/* 글로벌 / 리크루트*/
section .sub-tit{display:inline-block;width: calc(100% - 330px);padding-top:25px;font-size:14px;color:#777;}
section .sub-tit + .btn-more{display:inline-block;margin-top:20px;box-sizing:border-box;width:60px;padding-right:24px;float:right;color:#aab2bd;height:23px;line-height:23px;font-size:18px;font-size:1.125rem;font-weight:bold;background:url(/static/images/common/btn-more-grey.png) right center no-repeat;background-size:14px 16px;}
:lang(jp) section .sub-tit + .btn-more,
:lang(tw) section .sub-tit + .btn-more{display:inline-block;margin-top:20px;box-sizing:border-box;width:70px;padding-right:24px;float:right;color:#aab2bd;height:23px;line-height:23px;font-size:18px;font-size:1.125rem;font-weight:bold;background:url(/static/images/common/btn-more-grey.png) right center no-repeat;background-size:14px 16px;}
section .sub-tit + .btn-more:hover{color:#ffd030;background:url(/static/images/common/btn-more-grey-on.png) right center no-repeat;}
section .title{position:relative;overflow:hidden;}
section .cont{}
/**********************************/
/* visual video */
/**********************************/
.visual{
	position: relative;width: 100%;height:42vw; /*45vw*/
    text-align: center;color: #fff;
    /* background: url(/static/images/v-post.jpg) center center no-repeat; */
    overflow:hidden;
    background-size:cover;
    margin-top:-1px;
}
.visual .video-wrap{
	position: absolute;top:0;bottom:0;width:100%;height:100%;overflow: hidden;
}
.visual .video-wrap video {
	margin: 0;
	padding: 0;
	z-index: -100;
	position: absolute;
	min-width: 100%;
	/*min-height: 100%;
	max-height: 100%;*/ /* 영상 비율 유지 */
	width: auto;
	height: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	object-fit: fill;
}
/** For Edge**/
@supports (-ms-ime-align:auto){
	.visual .video-wrap video{
		z-index: -100;
		object-fit:none; margin:0; padding:0; min-width:inherit; min-height:inherit; max-height:inherit;
		position:inherit; top:50%;left:0%;transform:translate(0%, -50%);height:auto;width:100%;
	}
}
/* 비디오 캡션 사용시
	video::cue {
	position:absolute;
	top:5rem;
	right:5rem;
	background-image: linear-gradient(to bottom, dimgray, lightgray);
	color: papayawhip;
}

video::cue(b) {
  color: peachpuff;
} */
.visual .video-wrap .bg-video{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;
background:url(/static/images/main/cover-video.png) 0 0 repeat;}
.visual .text{display:inline-block;position:absolute;z-index:100;top:50%;margin-top:50px;left:50%;margin-left:-306px;padding:30px 35px;width:612px; height:180px; background:rgba(49,48,54, 0.9); opacity:0;}
.text .subject{box-sizing:border-box;width:100%;height:100%; text-align:left;}
.subject .mid-tit, .subject .mid-tit span{font-size:36px;font-size:1.5rem;}
.subject .tit{font-size:48px;font-size:3rem;text-align:left; color:#fff;margin-bottom:15px;}
.subject small{font-size:16px;font-size:1rem;color:#848085;}
.subject .mid-tit{width:100%;color:#dddddd;margin-bottom:20px;}
.subject .mid-tit:lang(en) {width:100%;color:#dddddd;margin-bottom:20px; font-size:16px;}
.subject .last-tit{display:block;width:100%;margin-top:15px;}

.tit-wrap{
	width:100%;
	height:100%;
	text-align:center;
	right:0;
	opacity:0;
	bottom:0;
	clear:right;
}
.gametit{
	position:absolute;
	width:100%;
	text-align:center;
	right:0;
	bottom:0;
	opacity:0;
	background:rgba(49,48,54, 0.95);
	border-top:1px solid #4d4d4d;
	color: #fff;
	font-size:36px;font-size:2rem;font-style:italic;
	padding:1rem;
}
.tit-wrap .bg-chr{display:inline-block; z-index:0; position:absolute;right:0;top:0;width:100%;min-height:42vw; opacity:0;}
.tit-wrap .bg-chr.red{background:url(/static/images/main/bg-red.png) right 0 no-repeat; background-size: auto 100%;/* opacity: 0.5; */}
.tit-wrap .bg-chr.green{background:url(/static/images/main/bg-green.png) right 0 no-repeat; background-size: auto 100%;  /*opacity:0;/* 0.75; */}
.tit-wrap .bg-chr.purple{background:url(/static/images/main/bg-purple.png) right 0 no-repeat; background-size: auto 100%;  /*opacity:0;/* 0.5; */}
.tit-wrap .bg-chr.grey{background:url(/static/images/main/bg-grey.png) right 0 no-repeat; background-size: auto 100%;  /*opacity:0;/* 0.65; */}
.tit-wrap .bg-chr.ry{background:url(/static/images/main/bg-ry.png) right 0 no-repeat; background-size: auto 100%;  /*opacity:0;/* 0.65; */}
.tit-wrap .bg-chr.l-purple{background:url(/static/images/main/bg-l-purple.png) right 0 no-repeat; background-size: auto 100%;  /*opacity:0;/* 0.65; */}
.tit-wrap img{z-index:0;opacity:0;position:absolute;right:0;bottom:4rem;height:35vw;}


/* game1 이카루스M */
.aniChrRight1 { /* 이카M  캐릭터 모션 */
	-webkit-animation: aniChrRight 10s cubic-bezier(.23,1,.32,1) 0s 1;
	-moz-animation: aniChrRight 10s cubic-bezier(.23,1,.32,1) 0s 1;
	animation: aniChrRight 10s cubic-bezier(.23,1,.32,1) 0s 1;
}
.aniBgRight1{ /* BG 모션 */
	-webkit-animation: aniBgRight 10s cubic-bezier(.23,1,.32,1) 0s 1;
	-moz-animation: aniBgRight 10s cubic-bezier(.23,1,.32,1) 0s 1;
	animation: aniBgRight 10s cubic-bezier(.23,1,.32,1) 0s 1;
}
.aniDown1{ /* 게임명 */
	-webkit-animation: aniDown1 10s cubic-bezier(.23,1,.32,1) 0s 1;
	-moz-animation: aniDown1 10s cubic-bezier(.23,1,.32,1) 0s 1;
	animation: aniDown1 10s cubic-bezier(.23,1,.32,1) 0s 1;
}

/* game2 로사 */
.aniChrRight2{ /* 로사 캐릭터 모션 */
	-webkit-animation: aniChrRight 5.5s cubic-bezier(.23,1,.32,1) 0s 1;
	-moz-animation: aniChrRight 5.5s cubic-bezier(.23,1,.32,1) 0s 1;
	animation: aniChrRight 5.5s cubic-bezier(.23,1,.32,1) 0s 1;
}
.aniBgRight2{ /* BG 모션 */
	-webkit-animation: aniBgRight 5.5s cubic-bezier(.23,1,.32,1) 0s 1;
	-moz-animation: aniBgRight 5.5s cubic-bezier(.23,1,.32,1) 0s 1;
	animation: aniBgRight 5.5s cubic-bezier(.23,1,.32,1) 0s 1;
}
.aniDown2{
	-webkit-animation: aniDown2 5.5s cubic-bezier(.23,1,.32,1) 0s 1;
	-moz-animation: aniDown2 5.5s cubic-bezier(.23,1,.32,1) 0s 1;
	animation: aniDown2 5.5s cubic-bezier(.23,1,.32,1) 0s 1;
}

/* game3 아카 */
.aniChrRight3{ /* 아카 캐릭터 모션 */
	-webkit-animation: aniChrRight 8.5s cubic-bezier(.23,1,.32,1) 0s 1;
	-moz-animation: aniChrRight 8.5s cubic-bezier(.23,1,.32,1) 0s 1;
	animation: aniChrRight 8.5s cubic-bezier(.23,1,.32,1) 0s 1;
}
.aniBgRight3{ /* Bg 모션 */
	-webkit-animation: aniBgRight 8.5s cubic-bezier(.23,1,.32,1) 0s 1;
	-moz-animation: aniBgRight 8.5s cubic-bezier(.23,1,.32,1) 0s 1;
	animation: aniBgRight 8.5s cubic-bezier(.23,1,.32,1) 0s 1;
}
.aniDown3{
	-webkit-animation: aniDown3 8.5s cubic-bezier(.23,1,.32,1) 0s 1;
	-moz-animation: aniDown3 8.5s cubic-bezier(.23,1,.32,1) 0s 1;
	animation: aniDown3 8.5s cubic-bezier(.23,1,.32,1) 0s 1;
}

/* 컴뱃 */
.aniBgRight4{ /* Bg 모션 */
	-webkit-animation: aniBgRight 11s cubic-bezier(.23,1,.32,1) 0s 1;
	-moz-animation: aniBgRight 11s cubic-bezier(.23,1,.32,1) 0s 1;
	animation: aniBgRight 11s cubic-bezier(.23,1,.32,1) 0s 1;
}
.aniChrRight4{ /* 컴뱃 캐릭터  모션 */
	-webkit-animation: aniChrRight 11s cubic-bezier(.23,1,.32,1) 0s 1;
	-moz-animation: aniChrRight 11s cubic-bezier(.23,1,.32,1) 0s 1;
	animation: aniChrRight 11s cubic-bezier(.23,1,.32,1) 0s 1;
}
.aniDown4{
	-webkit-animation: aniDown4 11s cubic-bezier(.23,1,.32,1) 0s 1;
	-moz-animation: aniDown4 11s cubic-bezier(.23,1,.32,1) 0s 1;
	animation: aniDown4 11s cubic-bezier(.23,1,.32,1) 0s 1;
}

/* 이카루스 */
.aniBgRight5{ /* 이카 캐릭터 Bg 모션 */
	-webkit-animation: aniBgRight 4.5s cubic-bezier(.23,1,.32,1) 0s 1;
	-moz-animation: aniBgRight 4.5s cubic-bezier(.23,1,.32,1) 0s 1;
	animation: aniBgRight 4.5s cubic-bezier(.23,1,.32,1) 0s 1;
}
.aniChrRight5{ /* 이카 캐릭터  모션 */
	-webkit-animation: aniChrRight 4.5s cubic-bezier(.23,1,.32,1) 0s 1;
	-moz-animation: aniChrRight 4.5s cubic-bezier(.23,1,.32,1) 0s 1;
	animation: aniChrRight 4.5s cubic-bezier(.23,1,.32,1) 0s 1;
}
.aniDown5 {
	-webkit-animation: aniDown5 4.5s cubic-bezier(.23, 1, .32, 1) 0s 1;
	-moz-animation: aniDown5 4.5s cubic-bezier(.23, 1, .32, 1) 0s 1;
	animation: aniDown5 4.5s cubic-bezier(.23, 1, .32, 1) 0s 1;
}

@-webkit-keyframes aniChrRight{
	0%{opacity:0;right:-5rem;transfrom:scale(10,10);}
	15%{opacity:1;right:0rem;transfrom:scale(1,1);}
	95%{opacity:1;right:0rem;transfrom:scale(1,1);}
	100%{opacity:0;right:-5rem;transfrom:scale(10,10);}
}
@-webkit-keyframes aniBgRight{
	0%{opacity:0;right:-5rem;transfrom:scale(10,10);}
	15%{opacity:0.5;right:0rem;transfrom:scale(1,1);}
	95%{opacity:0.65;right:0rem;transfrom:scale(1,1);}
	100%{opacity:0;right:-5rem;transfrom:scale(10,10);}
}

@-webkit-keyframes aniDown1{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
} 
@-webkit-keyframes aniDown2{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
} 
@-webkit-keyframes aniDown3{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
} 
@-webkit-keyframes aniDown4{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
} 
@-webkit-keyframes aniDown5{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
} 

@-moz-keyframes aniChrRight{
	0%{opacity:0;right:-5rem;transfrom:scale(10,10);}
	15%{opacity:1;right:0rem;transfrom:scale(1,1);}
	95%{opacity:1;right:0rem;transfrom:scale(1,1);}
	100%{opacity:0;right:-5rem;transfrom:scale(10,10);}
}
@-moz-keyframes aniBgRight{
	0%{opacity:0;right:-5rem;transfrom:scale(10,10);}
	15%{opacity:0.5;right:0rem;transfrom:scale(1,1);}
	95%{opacity:0.65;right:0rem;transfrom:scale(1,1);}
	100%{opacity:0;right:-5rem;transfrom:scale(10,10);}
}

@-moz-keyframes aniDown1{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
} 
@-moz-keyframes aniDown2{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
} 
@-moz-keyframes aniDown3{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
} 
@-moz-keyframes aniDown4{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
} 
@-moz-keyframes aniDown5{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
} 
@keyframes aniBgRight{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:0.5;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:0.65;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
}
@keyframes aniChrRight{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
}

@keyframes aniDown1{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
} 
@keyframes aniDown2{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
} 
@keyframes aniDown3{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
} 
@keyframes aniDown4{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
} 
@keyframes aniDown5{
	0%{opacity:0;bottom:-5rem;transfrom:scale(0,0);}
	15%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	95%{opacity:1;bottom:0rem;transfrom:scale(1,1);}
	100%{opacity:0;bottom:-5rem;transfrom:scale(10,10);}
} 

.wrap-btn{width:100%;}

.wrap-btn #btn_go_platform{
	z-index:1000;
	position:absolute;
	/* left:-10vw; */
	left:50%; margin-left:-585px;top:21vw;
	margin-top: -75px;
	opacity:0;
	display:inline-block;
/* 	width:222px;height:58px; */
	width:300px;height:105.4px;
	text-indent:-9999px;
	background:url(/static/images/main/btn-go-platform.png) 0 0 no-repeat;
	background-size:contain;}
/**********************************/
/* what we do */
/**********************************/
.whatwedo{background:#f8e2cb;}
/**********************************/
/* wave START*/
/**********************************/
.whatwedo .box {overflow: hidden;display:inline-block;position: relative;margin-right:10px;
	width: 70px;height: 70px;background: transparent;transform: translate3d(0, 0, 0);
	vertical-align:top;
}
.wave {
  opacity: 0.7;
  position: absolute;
  top: 3%;
  left: 50%;
  background: /* #0af */#fcd737;
  width: 50px;
  height: 50px;
  margin-left: -20px;
  margin-top: 4px;
  transform-origin: 50% 45%;
  border-radius: 40%;
  animation: drift 3000ms infinite linear;
}
.wave.-three {
  opacity: 0.55;
  background:#ff7800;
  animation: drift 5000ms infinite linear;
}
.wave.-two {
  animation: drift 7000ms infinite linear;
  opacity: 0.4;

  background:#fcd737;
}
.box:after {
	position:absolute;
  	content: '';
  	display: block;
    top: 18px;
	left: 26px;
  	width: 31px;
  	height: 30px;
  	background:url(/static/images/main/main-v.png) 0 0 no-repeat;
  	z-index: 11;
}

@keyframes drift {
  from {
    transform: rotate(0deg);
  }
  from {
    transform: rotate(360deg);
  }
}

/**********************************/
/* wave END*/
/**********************************/
.whatwedo .cont{width:100%;text-align:center;}
.whatwedo .cont ul{display:inline-block;overflow:hidden;width:100%;margin:0 auto;}
.whatwedo .cont ul li{
	float:left;box-sizing:border-box;height:390px;width:28.3333%;margin-left:2.5%;margin-right:2.5%;
	border-radius:8px;background:transparent;
}
.whatwedo .cont a, .whatwedo .cont a:visited{
	display:inline-block;box-sizing:border-box;width:100%;height:calc(100% - 10px);padding:32px 43px;
	border-radius:8px;text-align:center;box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-webkit-transition: all .75s cubic-bezier(.23,1,.32,1);
	-moz-transition: all .75s cubic-bezier(.23,1,.32,1);
	-o-transition: all .75s cubic-bezier(.23,1,.32,1);
	transition: all .75s cubic-bezier(.23,1,.32,1);
}
.whatwedo .cont ul li:nth-child(1) a{background:url(/static/images/main/yellow.png) center 0  no-repeat; background-size:100% 100%;} 
.whatwedo .cont ul li:nth-child(2) a{background:url(/static/images/main/green.png) center 0  no-repeat; background-size:100% 100%;}
.whatwedo .cont ul li:nth-child(3) a{background:url(/static/images/main/pink.png) center 0  no-repeat; background-size:100% 100%;}


.whatwedo .cont li .img{position:relative;display:inline-block;  width:60%; height:40%;min-width:168px; min-height:167px;border-radius:50%; margin-bottom:20px;}
.whatwedo .cont li .img:lang(en),
.whatwedo .cont li .img:lang(jp) {width:50%; height:30%;  min-width:130px; min-height:130px;}
.whatwedo li .line{display:none;width:60%;padding:0;height:1px;background:#4f4f4f;}

.whatwedo .cont li:nth-child(1) .img{background:rgba(255,255,255,0.25) url(/static/images/main/what-img1.png) center no-repeat;}
.whatwedo .cont li:nth-child(2) .img{background:rgba(255,255,255,0.25) url(/static/images/main/what-img2.png) center no-repeat;}
.whatwedo .cont li:nth-child(3) .img{background:rgba(255,255,255,0.25) url(/static/images/main/what-img3.png) center no-repeat;}

.whatwedo .cont li:nth-child(1) a:hover{background:/* #f39a00; */#fddfa9;}

.whatwedo .cont li:nth-child(2) a:hover{background:#85afb9;}
.whatwedo .cont li:nth-child(3) a:hover{background:#edb5a6;}

.whatwedo dl{width:100%;margin-top:15px;}
.whatwedo dl dt{width:100%;line-height:1.2;font-size:22px;font-size:1.375rem;color:#000;}
.whatwedo dl dt span{font-size:22px;font-size:1.375rem;}
.whatwedo dl dd{margin-top:15px;width:100%;line-height:1.2;font-size:16px;font-size:1rem;color:#fff;}
.whatwedo dl dd:lang(jp) {font-size:15px;line-height:1.5;font-weight:bold;}


.whatwedo a:hover dd, .whatwedo a:focus dd, .whatwedo a:active dd{display:none;}

.whatwedo a:hover dt:after{content:'See More';display:block;margin-top:27px;width:100%;height:24px;
font-weight:bold;font-size:16px;color:#434a54;}
/**********************************/
/* news */
/**********************************/
.news {overflow:hidden;position:relative;background:#f9f9f9;}
.bg-ani{z-index:-1;width:auto;height:100%;position:absolute;bottom:-10%;opacity:0;display:none;}
.bg-ani .left{position:absolute;width:25%;height:100%;bottom:0;left:0;}
.bg-ani .right{position:absolute;width:40%;height:100%;bottom:0;right:-10%;}


.aniTopOn{animation: aniTopOn 0.3s 1 ease-in-out;bottom:0;left:-8%;opacity:1;display:inline-block;z-index:0;}
.aniTopOff{animation: aniTopOff 0.1s 1 ease-in-out;bottom:-50%;opacity:0;}

@keyframes aniTopOn {
  0% {
  	display:block;
    bottom:-50%;
    opacity:0;
  }
  100% {
    display:block;
    bottom:0%;
    opacity:1;    
  }
}

@keyframes aniTopOff {
  0% {    
    bottom:0%;
    opacity:1;  

  }
  100% {
    bottom:-20%;
    opacity:0;
  }
}
.news .bg-ani .left img{height:100%;}
.news .post{display:inline-block;float:left;width:calc(100% - 600px);margin-right:70px;z-index:9000;}
.news .post ul li {position:relative;float:none;overflow:hidden;padding:18px 0;}
.news .post ul li:after{content:'';position:absolute;display:block;left:0;bottom:1px;width:100%;height:1px;background:url(/static/images/main/bg-news-dot.gif) 0 0 repeat-x;}
.news .post ul li:last-child:after{content:'';position:absolute;display:block;left:0;bottom:2px;width:100%;height:2px;background:#d7d7d7;}
.news .post ul li a{display:inline-block; float:left; width:calc(100% - 100px);color:#666;font-size:14px;}
.news .post ul li:hover a{color:#000;}
.news .post ul li span{display:inline-block; float:right;text-align:right; width:100px;} 
.news .btn-more{display:inline-block;margin-top:12px;padding-right:24px;float:right;color:#aab2bd;height:23px;line-height:23px;font-size:18px;font-size:1.125rem;font-weight:bold;background:url(/static/images/common/btn-more-grey.png) right center no-repeat;background-size:14px 16px;}
.news .btn-more:hover{color:#ffd030;background:url(/static/images/common/btn-more-grey-on.png) right center no-repeat;}

.news .slide{position:relative;float:right;width:270px;height:240px; margin-top:3px;margin-right: 5px;padding:20px 20px 60px;box-shadow:0 0 5px rgba(0,0,0,0.3);text-align:center;background:#f0f8fa;}
.news .slide a{padding:0;margin:0;}
.news .item img{height:136px;}
.news .slide .article, .news .slide .article:visited{display:block;margin-top:20px;margin-bottom:18px;padding:0; color:#404040;}
.news .slide .article:hover, .news .slide .article:active{display:block;margin-top:20px;margin-bottom:18px;padding:0;color:#F39A00;}
.news .owl-carousel .owl-nav .owl-next, 
.news .owl-carousel .owl-nav .owl-prev{display:none;}
.owl-carousel .owl-dots {
    overflow: hidden;
    display: inline-block;
    position: absolute;
    height: 30px;
    left: 50%;
}
.news .owl-carousel .owl-dot{
	display: inline-block;
    float: left;
    margin-left: 10px;
    width: 20px;
    height: 19px;
    border-radius: 50%;
    background: url(/static/images/common/pager-slide.png) center no-repeat;
    background-size:100%;
}
.news .owl-carousel .owl-dot:first-child{margin-left: 0px;}
.news .owl-carousel .owl-dot.active{width: 20px;height: 19px;border-radius: 50%;
    background: url(/static/images/common/pager-slide-on.png) center no-repeat;
    background-size:100%;
}
.news .tape{position:absolute;display:inline-block;left:50%;margin-left:-40px;top:-40px;width:120px;height:80px;
background:url(/static/images/main/pink-dot.png) 0 0 no-repeat;background-size:contain;
}
/**********************************/
/* 글로벌 */
/**********************************/
.global {width:100%;background:url(/static/images/main/bg-map.jpg) center no-repeat;background-size:cover;}
.global img{width:80%;height:auto;margin:0 10%;}
/**********************************/
/* 리크루트 */
/**********************************/
.recruit{/*background:#c9ceb7;*/ padding-bottom:250px}
.recruit .row-w{z-index:2;position:relative;}

.type-write{
	z-index:0;
    position: absolute;
    left:0; 
    bottom:-240px;
    width:100%;min-height:176px;
    clear: both;
}
/* type write css */

.line-1{
    position: relative;
    display:inline-block;
    font-size: 32px;
    height:46px;
    line-height:40px;
    width: 50%;
    padding-right:16px;
    margin: 30px 30px 30px 0;
    border-right: 2px solid #666;
    white-space: nowrap;
    overflow: hidden;
    top: 50%;  
    transform: translateY(0%);    
    color:#333;
    text-align:left;
}

/* Animation */
.anim-typewriter{
  animation: typewriter 4s steps(44) 1s 1 normal both,
             blinkTextCursor 500ms steps(44) infinite normal;
}
@keyframes typewriter{
  from{width: 0;}
  to{width: 50%;}
}
@keyframes blinkTextCursor{
  from{border-right-color: rgba(0,0,0,.75);}
  to{border-right-color: transparent;}
}

.join-bar-en{
	z-index:0;
    position: absolute;
    right:0; 
    bottom:-210px;
    background:url(/static/images/main/job-bar-en.png) no-repeat right top;
    width:100%;min-height:176px;
    clear: both;
    background-size: 358px 176px;
    cursor:pointer;
}

#canvas {
    z-index: 0;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    left: 50%;
    margin-left: -50%;
    width: 100%;
    min-width: 100%;
    height: 100%;
    background: #ffffff;
}
.job-key {
    position: absolute;
    display: inline-block;
    width: 58px;
    height: 58px;
    right: 0;
    margin-right: 190px;
    top: 60px;
    background: url(/static/images/main/job-key.png) center center no-repeat;
    -ms-animation-name: keyrotate;
    -moz-animation-name: keyrotate;
    -o-animation-name: keyrotate;
    -webkit-animation-name: keyrotate;
    animation-name: keyrotate;
    animation-duration: 5s;
    -webkit-animation-duration: 5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@keyframes keyrotate {
  from {
    opacity: 1;
    transform: rotate(0deg);
}
     to {
    opacity: 1;
    transform: rotate(360deg);
  }
}
@-webkit-keyframes keyrotate {
  from {

    opacity: 1;
    transform: rotate(0deg);
}
     to {
    opacity: 1;
    transform: rotate(360deg);
  }
}
.partner .pull-right{margin-top:-19px;}
.partner .pull-right ul{padding-top:20px;padding-bottom:20px;/* background:rgba(255,153,34, 0.5)} */ background:rgba(141, 110, 99, 0.7);}
.recruit ul li{float:left;margin-bottom:15px;margin-left:50px;width:calc(33.333333% - 33.33333px);}
.recruit ul li:nth-child(3n + 1){margin-left:0;}
.recruit ul li:nth-child(2) {max-height:121px;}
.recruit ul li a{position:relative;display:block;box-sizing:border-box;padding:30px;width:100%;height:auto;background:#efefef;box-shadow:0 0 3px rgba(0,0,0,.3)}
.recruit .text{margin-left:90px;display:inline-block;width:calc(100% - 90px);}
.recruit .text dt{font-size:18px; line-height:1.2; font-weight:bold; color:#404040;}
.recruit .text dd{margin-top:8px; font-size:14px; line-height:1.4; color:#505050; font-weight:bold;}
.recruit .btn-job-arr{position:absolute;right:0;bottom:0;display:inline-block;width:41px;height:41px;background:url(/static/images/main/btn-job.png) 0 0 no-repeat;}

.recruit ul li a:hover{background:#888;}
.recruit a:hover .text dt{color:#fff;}
.recruit a:hover .text dd{color:#efefef;}
.recruit a:hover .btn-job-arr{background:url(/static/images/main/btn-job-on.png) 0 0 no-repeat;}
.recruit .img-wrap{position:absolute;left:30px;top:30px;display:block;width:70px;height:80px;}
/**********************************/
/* 파트너십  */
/**********************************/
.partner{width:100%;background:url(/static/images/main/bg-partner.jpg) center no-repeat;background-size:cover;}
section.partner .tit{width:100%;display:block;}
section.partner .sub-tit{display:inline-block;padding-top:0;width:auto;text-shadow:0px 0px 5px rgba(0,0,0,0.3);line-height:1.4;color:#fff;}
.partner .pull-left{width:40%;}
.partner .pull-right{width:60%;text-align:right;}
.partner ul li{float:left;display:inline-block;width:auto;width:150px;}
.partner .pull-right ul{display:inline-block;width:auto;margin-top:20px;}

.partner ul li img{width:50%;margin:0 25%;}
.partner ul li img + span{width:100%;margin-top:15px;display:block;text-align:center;font-size:16px;color:#fff;}


/* 레이어 팝업 */
.layer-pop{box-sizing:border-box;z-index:9999;
	/* 레이어 팝업 가로세로 가운데 정렬 600,340 기준 */overflow: auto;position: fixed;width: 600px;height:340px;left: 50%;margin-left: -300px;top: 50%;margin-top: -170px;
    padding: 1rem;background-size:100%;background:url(/static/images/branding/bg-layer-pop-ls.jpg) center no-repeat;text-align:center;
}
.layer-pop.auth-fail,.layer-pop.time-over{display:none;}
.layer-pop .btn-wrap .btn-pop-close{position:absolute;display:inline-block;right:1rem;top:1.5rem;width:40px;height:40px;background:url(/static/images/branding/btn-pop-close.png) 0 0 no-repeat;}
.layer-pop .btn-wrap .btn-pop-close:hover{-ms-tranform:rotate(360deg);-webkit-tranform:rotate(360deg);tranform:rotate(360deg);}
.layer-pop .pop-icon-alert{box-sizing:border-box;display:inline-block;margin:6px auto 0;width:40px;height:40px;border-radius:20px;border:3px solid #153e29;padding:7.5px;font-size:22px;font-size:1.375rem;text-align:center;background:#225631;color:#fff;}
.layer-pop .line-white{width:100%;height:1px;background:#fff;margin:40px auto 30px;}
.layer-pop .pop-text{margin-top:40px;text-align:center;font-size:24px;font-size:1.5rem;text-shadow:0px 2px 2px rgba(0,0,0,1);color:#fff;}
.layer-pop .pop-text .pop-text-small{display:block;width:100%;margin-top:14px;font-size:14px;font-size:0.875rem;}
.layer-pop .btn-wrap{amrgin-bottom:30px;}
.layer-pop .btn-wrap .btn-green{width:auto;margin-left:27px;border:none;background:rgba(11,12,13,0.8);color:#fff;font-weight:100;padding:18px 25px;font-size:18px;font-size:1.125rem;}
.layer-pop .btn-wrap .btn-green:hover{border:none;background:#225631;color:#fff;}
.layer-pop .btn-wrap .btn-green:first-child{margin-left:0;}
.bg-layer-pop{z-index:9990;display:none;width:100%;height:100%;position:absolute;left:0;top:0;background: rgba(0,0,0,0.9);background-size:100%;}

/* ir팝업 */
.wrap-popup {
	z-index: 9997;
	/* display: none; */
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	height:100vh;
}
.wrap-popup:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -.25em;
}
.pop-layer {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	width: 540px;
	height: auto;
	background: #004d7a;
	background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #004d7a);
	z-index: 10;
	border:1px solid #111b3a;
}
.shadow {
	display: none;
	opacity: 1;
	width: 100%;
	height: 100%;
	position: fixed;
	padding-bottom: 0px;
	top: 0;
	left: 0;
	z-index: -1;
	background-size: cover;
	background: rgba(0,0,0,0.80);
}
.pop-layer h3 {padding:25px 0;}
.pop-content {width:92%; min-height:400px; margin:0 auto; padding:50px 15px 40px; box-sizing:border-box; background:url(/static/images/common/pop-bg.png) no-repeat center center ;
	background-color: #fff; }
.pop-content h2{font-size:38px; margin-bottom: 30px;}
.pop-content p {font-size:15px; color:#202020; letter-spacing: -0.4px; line-height: 1.74;font-weight: 300;}

.todayopen {width:92%; margin:0 auto; padding:20px 0; color:#fff;}
.todayopen label {float:left; font-size:12px;    margin-top: 5px;}
.todayopen .closex {float:right; border: 1px solid #1055bf; background: #4294a0; padding: 7px 12px; cursor:pointer; transition: background 0.2s linear}
.todayopen .closex:hover {background: #18545d;}
.wrap-popup input[type="checkbox"] {margin:0; width:13px; height:13px; border:1px solid #39afbf;border-radius:0; background:#fff; margin-right:2px;}
.wrap-popup  input[type="checkbox"]:checked:after{
	margin: -1px 0 0px -1px;
	width: 13px;
	line-height: 13px;
	font-weight: bold;
	color: #000;
}

/* ./ 레이어 팝업 */
@media screen and (max-width:1600px){
	
	/*뉴스 애니메이션 */
	.news .bg-ani .left img{opacity:0.5;}
	.bg-ani .left{height:70%;}
	
	.aniTopOn{animation: aniTopOn 0.3s 1 ease-in-out;bottom:0;left:-8%;opacity:1;display:inline-block;z-index:0;
		left:2%;bottom:-10%;
	}
	.aniTopOff{animation: aniTopOff 0.1s 1 ease-in-out;bottom:-50%;opacity:0;}
	
	@keyframes aniTopOn {
	  0% {
	  	display:block;
	    bottom:-50%;
	    opacity:0;
	  }
	  100% {
	    display:block;
	    bottom:-10%;
	    opacity:1;    
	  }
	}
	
	@keyframes aniTopOff {
	  0% {    
	    bottom:0%;
	    opacity:1;  
	
	  }
	  100% {
	    bottom:-50%;
	    opacity:0;
	  }
	}
	/* ./  뉴스 애니메이션 */
}
@media screen and (max-width:1446px){
	/*뉴스 애니메이션 */
	.news .bg-ani .left img{display:none;}
	.bg-ani .left{display:none;}
	.aniTopOn{display:none;}
	/* ./  뉴스 애니메이션 */
}
@media screen and (max-width:1200px){
	/*rem 비율 조정 13px = rem;*/
	html{font-size:13px;}
	.row-w{max-width:94% !important;}
}
@media screen and (max-width:1115px){
 
}
@media screen and (max-width:1024px){
	.wrap-btn #btn_go_platform{width:222px;height:58px}
	.visual{height:55vw;background-size:cover;margin-top:60px;}
    .tit-wrap .bg-chr{height:55vw;}
    .tit-wrap img{height:50vw;}
	.visual .video-wrap video{
		top:50%;
	    transform: translate(-50%,-50%);
	    object-fit:cover;
	    height:auto;
	    max-height:100%;
	}
	/** For Edge**/
	@supports (-ms-ime-align:auto){
		.visual .video-wrap video{
			z-index: -100;
			object-fit:none; margin:0; padding:0; min-width:inherit; min-height:inherit; max-height:inherit;
			position:inherit; top:50%;left:0%;transform:translate(0%, -50%);height:auto;width:100%;
		}
	}
	.visual .text{box-sizing: border-box;margin-top:20px; /*margin-left: -306px;width: 612px;*/ margin-left:calc(-30% - 32px); width:70%;
	padding:20px 16px;height: 150px;}
	.visual .text .row-w{max-width:100% !important;width:100%;}
	.text .subject{text-align:center;}
	.text .subject .tit{text-align:center;}
	.text .subject .mid-tit{text-align:center;}
	.subject .mid-tit:lang(en) {font-size:1.5rem;}
	.text .subject .last-tit{text-align:center;}

	.whatwedo .cont a, .whatwedo .cont a:visited{margin-top:3px;margin-bottom:3px;padding: 24px 24px;}
	.whatwedo dl{margin-top:10px;}
	.whatwedo .cont ul li{height:380px}
    :lang(jp) .whatwedo .cont ul li {height:415px}
	.whatwedo li .img {
	    position: relative;
	    display: inline-block;
	    width: 50%;
	    height: 40%;
	    min-width: 141px;
	    min-height: 143px;
	    border-radius: 50%;
	    margin-bottom: 20px;
	}
	.news .post{width: calc(100% - 540px);margin-right:10px;}
	.partner .pull-right {text-align:right;}
	.partner .pull-right ul{display:inline-block;width:auto;margin-top:20px;}
	.partner ul li{width:120px;}
	/* .partner ul li img{width:30%;margin:0 35% } */
	.recruit ul li {
    	float: left;
    	margin-bottom: 15px;
    	margin-left: 15px;
    	width: calc(33.333333% - 10px);
	}
	.line-1{
	    font-size: 22px;
	    height:46px;
	    line-height:40px;
	    width: 50%;
	}  
}
/* 960 */
@media screen and (max-width:960px){
	
	.partner ul li{width:100px;}
	.partner ul li img + span{font-size:13px;}
	/* 인재채용 */
	.recruit{padding-bottom:300px;}
	.recruit .img-wrap{top:30px;}
	.recruit .text dt{height:40px;}
	.type-write{bottom:-370px;text-align:center;}
	.join-bar-en{ background: url(/static/images/main/job-bar-en.png) no-repeat center top; }
	.job-key{right: 50%;margin-right: 11px;}
	.line-1{
	    font-size: 17px;
   	 	width: 320px;
	    margin: 30px auto;
	    clear:both;
	    text-align:center;
	}
	@keyframes typewriter{
  		from{width: 0;}
  		to{width: 320px;}
	}
 
	/* 글로벌 */
	.global img{width:115%;margin:0 -15% 0 0;}
	:lang(jp) section.global .tit.left {display:inline-block;float:left;width:210px;text-align:left;}
}
@media screen and (max-width:900px){
	
}
@media screen and (max-width:860px){
	 .tit-wrap img{bottom:2rem}
}
@media screen and (max-width:824px){
/*font-size:14 -> 13 으로 변경 */
	section .tit{margin-bottom:10px;}
	section .tit.left{width:100%;}
	section .sub-tit{padding-top:10px;width:calc(100% - 60px);font-size:13px;margin-bottom:10px;}
	section .sub-tit:lang(jp) {padding-top:10px;width:calc(100% - 80px);font-size:13px;margin-bottom:10px; line-height:18px;}
	section.partner .sub-tit{font-size:13px;}
	section .sub-tit + .btn-more{margin-top:5px;margin-bottom:10px;}
	:lang(jp) section .sub-tit + .btn-more,
	:lang(tw) section .sub-tit + .btn-more {margin-top:5px;margin-bottom:10px;}
	.whatwedo .cont ul li {width:30.33333%;margin-left:1.5%;margin-right:1.5%;height: 340px;}
	:lang(jp) .whatwedo .cont ul li {width:30.33333%;margin-left:1.5%;margin-right:1.5%;height: 360px;}

	.whatwedo .cont li .img{margin-bottom:10px;}
	.whatwedo .cont a, .whatwedo .cont a:visited{padding:16px 21px}
	.whatwedo dl{margin-top:5px;}
	.whatwedo dl dt{font-size:15px;}
	.whatwedo dl dd{font-size:13px;}
	.whatwedo dl dd:lang(en) {font-size:12px;}
	.whatwedo .box{vertical-align:middle;}
	.news .post{width:calc(100% - 300px); margin-right:10px;}
	.news .post ul li a{font-size:13px;}
	.news .post ul li span{font-size:12px;}
	/* .visual {height: 80vw;} */

	.partner .pull-left{float:none;width:60%;overflow:hidden;}
	.partner .pull-right {text-align:center;float:none;margin-top:0px;width:100%;}
	.partner .pull-right ul{display:inline-block;width:100%;margin:70px auto 0px;}
	.partner ul li{width:25%;}
	.partner ul li img + span{font-size:16px;font-size:1.25rem;}
}
/*800 */
@media screen and (max-width:800px){
	.subject .mid-tit:lang(en) {font-size: 1.2rem;}
	.subject .mid-tit span:lang(en) {font-size: 1.2rem;}
	.whatwedo .cont li .img:lang(en), .whatwedo .cont li .img:lang(jp) {width: 40%;height: 20%;min-width: 100px;min-height: 100px;}

}
/* 768 736*/
@media screen and (max-width:768px){
	.whatwedo .cont ul li {width:30.33333%;margin-left:1.5%;margin-right:1.5%;height: 330px;}
	.whatwedo .cont li .img{min-width: 155px;min-height: 139px;}
	.visual{height:54vw;}
	.tit-wrap .bg-chr{height:54vw;}
	/* 인재 채용 */
    .recruit .text dd{font-size:13px;}
	.recruit ul li{width:calc(50% - 5px);margin-left:10px;}
	.recruit ul li:nth-child(3n + 1){margin-left:10px;}
	.recruit ul li:nth-child(2n + 1){margin-left:0;}
	.recruit ul li:nth-child(2) {max-height:none;}

}
@media screen and (max-width:703px){
	.whatwedo .cont ul li {width:30.33333%;margin-left:1.5%;margin-right:1.5%;height: 330px;}
	.whatwedo .cont li .img{min-width: 139px;min-height: 127px;}
	.subject small:lang(jp) {font-size:0.5rem;}
}
/*  667 640 */
@media screen and (max-width:667px){
	

}
@media screen and (max-width:640px){

	.pop-layer {width: 80vw;}
	.pop-content h2{font-size:2rem;}
	.pop-layer h3 {padding: 1rem 0;	}
	.pop-content p{font-size: 12px}
	.mb-hidden {display: none;}
	section, section:last-child{padding:3rem 0;}
	section .tit{font-size:2rem;}
	
	.visual .text{display:none; top:50%;margin-top:20px;left:50%;margin-left:-40%;padding:10px 16px;
		width:80%; height:100px; background:rgba(49,48,54, 0.9);
	}
	.subject .mid-tit, .subject .mid-tit span{font-size:1.25rem;}
	.subject .mid-tit{margin-bottom:10px;}
	.subject .tit{font-size:1.5rem;margin-top:0px;margin-bottom:10px;}
	.subject small{font-size:1rem;color:#fff;}
	
	.wrap-btn #btn_go_platform{/* top:18vh; */}
	
	.whatwedo .cont a, .whatwedo .cont a:visited {
	    margin:0;padding: 0; height:auto;
	    border-radius:0;
	    width:calc(100% - 10px);margin-left:-10px;
	    background:#fff;
	}
	.whatwedo .cont ul li{width:100%;height:auto;float:none;margin-top:10px;}
	:lang(jp) .whatwedo .cont ul li{width:100%;height:auto;float:none;margin-top:10px;}
 	.whatwedo .cont ul li:nth-child(1), .whatwedo .cont ul li:nth-child(2), .whatwedo .cont ul li:nth-child(3){background:none;}
    .whatwedo .cont li .img{position: relative;display: inline-block; float:left;min-width:inherit;min-height: inherit;	border-radius:0;margin-bottom: 0px;}
    .whatwedo .cont ul li:nth-child(1) a{background-image:none; background-color:#fff;}
    .whatwedo .cont ul li:nth-child(2) a{background-image:none; background-color:#fff;}
    .whatwedo .cont ul li:nth-child(3) a{background-image:none; background-color:#fff;}
     .whatwedo .cont li:nth-child(1) .img{min-width:inherit;
    	width:120px; min-height:120px;background: #f2c200 url(/static/images/main/what-img1.png) center no-repeat;background-size:80%;}
    .whatwedo .cont li:nth-child(2) .img{min-width:inherit;
    	width:120px;min-height:120px;background: #88b9a8 url(/static/images/main/what-img2.png) center no-repeat;background-size:80%;}
    .whatwedo .cont li:nth-child(3) .img{min-width:inherit;
    	width:120px;min-height:120px;background: #f68595 url(/static/images/main/what-img3.png) center no-repeat;background-size:80%;}
	.whatwedo dl{float:right;width:calc(100% - 130px); padding-left:30px;padding-right:30px;  padding-top: 0.5rem;}
	.whatwedo dl dt, .whatwedo dl dd{ text-align: left;color:#666;}
	.whatwedo dl dd{border-top:1px solid #9f9f9f;padding-top:10px;}
    .whatwedo li:last-child dl dd:lang(jp) {padding-top:0px; margin-top:14px;}
	.whatwedo li .line{display:none;}
	/* 영어일 때 */
	.whatwedo ul li:last-child dl dd{margin-top:5px;}
	
	.news .post ul li a{width:100%;}
	.news .post ul li span{display:none;}
	
	
	.news .post{width:calc(100% - 280px)} 
	.news .slide{width:250px;height:220px;padding:10px 10px 50px}
	.news .tape{top:-45px;}	
	
}
/* 568 533 */ 
@media screen and (max-width:568px){
	html{font-size:11px;}

/* 	section, section:last-child{padding:40px 0;} */
	/* recruit */
	#canvas{display:none;}
	.partner ul li img + span{line-height:1.2}
	/* 뉴스 */
	.bg-ani{display:none;}
	.news .post	{width:100%;margin-top:-25px;float:none;text-align: right;}
	.news .post ul{display:none;}
	.news .btn-more{float:none;}
	.news .slide{float:none; width:96%; height:275px;/*340px*/ margin:30px 2% 0; padding: 20px 20px 50px;}
	.news .item img {height: 170px;/*235*/}	
}
@media screen and (max-width:534px){
	.recruit .text dt {height: 60px;}
	.recruit .cont ul li:nth-child(2) dt,.recruit .cont ul li:nth-child(5) dt {word-break: keep-all}
	/*.recruit .cont ul li:nth-child(6) dt {word-break: break-all}*/
}
/* 533 */ 
@media screen and (max-width:533px){

}
@media screen and (max-width:512px){

}
/* 480 */
@media screen and (max-width:480px){
    .row-w{max-width:90% !important;}
    .wrap-btn #btn_go_platform{width: 180px;}
   	.whatwedo .box{margin-right:0;}
   	.whatwedo .cont a, .whatwedo .cont a:visited {
	    margin:0;padding: 16px; height:auto;
	    width:calc(100% - 10px);margin-left:-10px;

	}
	.whatwedo .cont ul li{width:100%;height:auto;float:none;margin-top:10px;background:none;}
	.whatwedo li .img{
		position: relative;display: inline-block; float:left;
    	width: 120px; height: 120px;
    	min-width: inherit/* 141px */;min-height: inherit/*143px*/ ;
    	border-radius: inherit;margin-top: 10px;margin-bottom: 0px;
    }
	.whatwedo dl{float:right;width:calc(100% - 120px); padding-left:16px; padding-bottom:12px;}
	.whatwedo dl dt, .whatwedo dl dd{ text-align: left;}
	.whatwedo li .line{display:none;}
    
   	.partner .pull-left{width:80%;}
    .partner .pull-right ul{margin:30px auto 0px;}
    
    /* 인재 채용 */
    .recruit ul li{width:100%;margin-left:0;}
    .recruit ul li:nth-child(2n + 1), .recruit ul li:nth-child(3n + 1){margin-left:0;}
    /* .recruit .img-wrap {top: 25px;}
    .recruit .img-wrap img {height: 100%;} */
    .recruit ul li a{padding:15px;min-height:82px;}
	.recruit .img-wrap{height:45px;top: 15px;left:15px;}
	.recruit .img-wrap img{height:100%;}
    
    .recruit .text{overflow:hidden;margin-left:50px;width:calc(100% - 50px);}
	.recruit .text dt, .recruit .text dd{height:inherit;}
	.recruit .text dt{width:50%;float:left; margin-bottom:0;}
    .recruit .text dd{position: absolute;width: 50%;margin-top: 12px;top: 10px;right: 0;text-align: center;}
    
   	.global img{width:140%;margin:0 -35% 0 -5%;}

	.news .post ul li a{width:100%;}
	.news .post ul li span{display:none;}
}
@media screen and (max-width:460px){
			
	.visual .video-wrap video{min-height:200px;}
	.visual .text{top:50%;margin-top:5px;left:50%;margin-left:-35%;padding:10px;
		width:70%; height:auto; background:rgba(49,48,54, 0.9);
	}
	.tit-wrap img{height:45vw;}
	.gametit{font-size:1.5rem;}
	
	section .tit .btn-more{width: auto;float: none;}
	.whatwedo .cont li{position:relative;}
	.whatwedo .cont li:nth-child(1) .img,
	.whatwedo .cont li:nth-child(2) .img,
	.whatwedo .cont li:nth-child(3) .img{min-width:inherit;min-height:inherit;
		width:48px; height:48px; float:none; position:absolute; background-color:transparent;
		left:26px;top:12px;
	}
	.whatwedo dl{width:100%;float:none;}
	.whatwedo dl dt{padding-left:50px;}
	.whatwedo a:hover dt:after{display:none;}
	.whatwedo a:hover dt, .whatwedo a:focus dt, .whatwedo a:active dt{color:#000;}
	.whatwedo a:hover dd, .whatwedo a:focus dd, .whatwedo a:active dd{display:block;border-top: 1px solid #000;color:#000;}
	.whatwedo dl dd:lang(en) {font-size:13px;}
}
@media screen and (max-width:414px){

	.subject .mid-tit, .subject .mid-tit span{font-size:1.125rem;}
	.subject .tit{font-size:1.25rem;margin-top:5px;margin-bottom:5px;}
	.subject small{font-size:1rem;color:#fff;}	
    .wrap-btn #btn_go_platform{width: 160px;}
}
@media screen and (max-width:360px){
	html{min-width:320px;}
	.partner .pull-left{width:100%;}
	.partner .pull-right ul{margin:70px auto 0px;}
}