@charset "UTF-8";
/*=========================================================
Tempate Type
=========================================================*/
.Bg-black{
	background-color:#000;
}

.Bg-black .Breadcrumb-link{
	color:#fff;
}

.Bg-black .PageHeaderTitle-text{
	color:#fff;
}

.Bg-black  .Breadcrumb-item:after{
	background-image: url(../img/icon/ico-breadcrumb-arrow-white.png);
}

.Bg-black .PageHeaderTitle-sub{
	color:#fff;
}

/*=========================================================
PageHeader
=========================================================*/
.PageHeader{
	margin-bottom:85px;
	width:100%;
}

.PageHeader:after{
	content:"";
	display:table;
	clear:both;
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.PageHeader{
		margin-bottom:6.538vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PageHeader{
		margin-bottom:6.538vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PageHeader{
		margin-bottom:8.538vw;
	}
}

/* PageHeader:Title
=========================================================*/
.PageHeaderTitle{
	padding-right:50px;
	overflow:hidden;
}

.PageHeaderTitle-text{
	font-size:70px;
	line-height:1.3em;
	color:#000;
	font-weight:bold;
	white-space: nowrap;
}

html[lang="en-US"] .PageHeaderTitle-text{
	white-space:normal;
}

html[lang="zh-CN"] .PageHeaderTitle-text{
	white-space:normal;
}

html[lang="ja"] .PageHeaderTitle-text{
	white-space:normal;
}

.PageHeaderTitle-text.Text-lage{
	font-size:140px;
	font-family:'KRAFTON';
	line-height:1em;
	margin-left:-5px;
}

.PageHeaderTitle-sub{
	font-size:40px;
	line-height:1.1em;
	color:#000;
	font-weight:bold;
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.PageHeaderTitle{
		padding-right:3.846vw;
	}

	.PageHeaderTitle-text{
		font-size:5.384vw;
	}
	
	.PageHeaderTitle-text.Text-lage{
		font-size:10.769vw;
		margin-left:-0.4vw;
	}
	
	.PageHeaderTitle-sub{
		font-size:3.0769vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PageHeaderTitle{
		padding-right:3.846vw;
	}

	.PageHeaderTitle-text{
		font-size:5.084vw;
	}
	
	.PageHeaderTitle-text.Text-lage{
		font-size:10.769vw;
		margin-left:-0.4vw;
	}
	
	.PageHeaderTitle-sub{
		font-size:3.0769vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PageHeaderTitle{
		padding-right:0;
	}

	.PageHeaderTitle-text{
		font-size:10.384vw;
		white-space:normal;
	}
	
	.PageHeaderTitle-text.Text-lage{
		font-size:16.769vw;
		margin-left:-0.4vw;
	}
	
	.PageHeaderTitle-sub{
		font-size:4.0769vw;
		margin-top:1vw;
	}
}

/* BreadcrumbBox
=========================================================*/
.BreadcrumbBox{
	text-align:right;
	padding-top:14px;
	float:right;
}

.Breadcrumb-item-list{
	font-size:0;
	line-height:0;
}

.Breadcrumb-item{
	display:inline-block;
	vertical-align: middle;
	padding-right:20px;
	margin-right:17px;
	position:relative;
}

.Breadcrumb-item:after{
	content:"";
	width:4px;
	height:8px;
	background-image:url(../img/icon/ico-breadcrumb-arrow.png);
	background-size:4px 8px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.Breadcrumb-item:last-child{
	padding-right:0;
	margin-right:0;
}

.Breadcrumb-item:last-child:after{
	display:none;
}

.Breadcrumb-item:nth-child(3) ~ .Breadcrumb-item{
	display:none;
}

.Breadcrumb-item.parent-item ~ .Breadcrumb-item.parent-item{
	padding-right:0;
	margin-right:0;
}

.Breadcrumb-item.parent-item ~ .Breadcrumb-item.parent-item .Breadcrumb-link{
	font-weight:bold;
}

.Breadcrumb-item.parent-item ~ .Breadcrumb-item.parent-item:after{
	display:none;
}

.Breadcrumb-link{
	font-size:14px;
	line-height:1.3em;
	color:#000;
	font-family:'Poppins', "Noto Sans","Noto Sans KR", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", sans-serif;
	display:block;
	text-transform: capitalize;
}

span.Breadcrumb-link{
	font-weight:bold;
}

.Breadcrumb-item:last-child .Breadcrumb-link{
	font-weight:bold;
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.BreadcrumbBox{
		padding-top:1.0769vw;
	}

	.Breadcrumb-item{
		padding-right:1.538vw;
		margin-right:1.3076vw;
	}

	.Breadcrumb-item:after{
		width:0.307vw;
		height:0.6153vw;
		background-size:0.307vw 0.6153vw;
	}

	.Breadcrumb-link{
		font-size:1.0769vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.BreadcrumbBox{
		padding-top:1.0769vw;
	}

	.Breadcrumb-item{
		padding-right:1.538vw;
		margin-right:1.3076vw;
	}

	.Breadcrumb-item:after{
		width:0.307vw;
		height:0.6153vw;
		background-size:0.307vw 0.6153vw;
	}

	.Breadcrumb-link{
		font-size:1.4769vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.BreadcrumbBox{
		padding-top:0;
		float:none;
		text-align:left;
		margin-bottom:5vw;
	}

	.Breadcrumb-item{
		padding-right:1.68vw;
		margin-right:1.6076vw;
	}

	.Breadcrumb-item:after{
		width:0.607vw;
		height:0.9153vw;
		background-size:0.607vw 0.9153vw;
	}

	.Breadcrumb-link{
		font-size:4.0769vw;
	}
	
}


/*=========================================================
animation
=========================================================*/
body.home{
	background-color:#fff;
	transition-property:background-color; 
	transition-duration: 0.3s;
}
body.home.Bg-black{
	background-color:#000;
}

/*=========================================================
Single Post
=========================================================*/
.SingleContent{font-size:16px;line-height:1.9;}
.SingleContent .size-full{height: auto !important;}
.SingleContent .alignleft{float: left;}
.SingleContent .alignright{float: right;}
.SingleContent .aligncenter{display: block; margin:0 auto;}
.SingleContent figure.wp-caption{width:100% !important;}
.SingleContent iframe{width:100% !important;}
.SingleContent p{margin-bottom:20px; color:#222222;}
.SingleContent p img{height: auto !important;}
.SingleContent a{color:#222222;}
.SingleContent a:hover{text-decoration: underline; }
.SingleContent h1{font-size: 1.30em;}
.SingleContent h2{font-size: 1.24em;}
.SingleContent h3{font-size: 1.18em;}
.SingleContent h4{font-size: 1.12em;}
.SingleContent h5{font-size: 1.06em;}
.SingleContent h6{font-size: 1em;}
.SingleContent h1,.SingleContent h2,.SingleContent h3,.SingleContent h4,.SingleContent h5,.SingleContent h6 {margin-bottom: 15px;color:#222;}
.SingleContent figure{margin-bottom: 20px;}
.SingleContent ul{margin-bottom: 20px; color:#222; text-align:left;}
.SingleContent ol{margin-bottom: 20px;color:#222;}
.SingleContent li{margin-top:5px;}
.SingleContent li:first-child{margin-top:0;}
.SingleContent img{max-width: 100%;}
.SingleContent figcaption.wp-caption-text{color:#555555; font-weight:normal; text-align: center; font-size: .75rem; }
.SingleContent ul li{padding-left:1.1em;position: relative;}
.SingleContent ul li:before{content: "∙";position: absolute; top:0; left:0;color:#000;}
.SingleContent ol li{padding-left:1.1em;position: relative;}
.SingleContent ol li:nth-child(1):before{content: "1.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(2):before{content: "2.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(3):before{content: "3.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(4):before{content: "4.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(5):before{content: "5.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(6):before{content: "6.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(7):before{content: "7.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(8):before{content: "8.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(9):before{content: "9.";position: absolute; top:0; left:0;}
.SingleContent blockquote{color:#1c1c1c;padding-left:16px;position: relative;}
.SingleContent blockquote:before{content: ""; width:3px; height: 100%; position: absolute; background: #000; top:0; left:0;}
.SingleContent table{width:100%;margin-bottom:20px;border-top:solid 2px #2e3235;border-collapse:collapse;}
.SingleContent table thead th{text-align: center;}
.SingleContent table tbody th{text-align: center;}
.SingleContent table caption{display: none;}
.SingleContent table *{margin:0;}
.SingleContent table thead th{color:#2e3235;font-size: 1.1em;font-weight: bold;text-align: center;line-height: 1.4em;}
.SingleContent table th,.SingleContent table td{vertical-align: middle;border:solid 1px #ccd0d7;padding:12px 5px;text-align: center;}
.SingleContent iframe{max-width: 100% !important;}
.SingleContent span[id*="more-"]{border-bottom:dashed 2px #ccd0d7;display: block;}
.SingleContent figcaption{color:#555555; font-weight:normal; font-size: .75rem; }
.SingleContent iframe[src*="youtube"]{height:647px;}


@media screen and (max-width:1300px) and (min-width:1025px){
	.SingleContent{font-size:1.23076vw;}
	.SingleContent h1, .SingleContent h2, .SingleContent h3, .SingleContent h4, .SingleContent h5, .SingleContent h6{
		margin-bottom:1.154vw;
	}
	.SingleContent p{
		margin-bottom:1.538vw;
	}
	.SingleContent blockquote{
		padding-left:1.231vw;
	}
	
	.SingleContent iframe[src*="youtube"]{
		height:51.7692vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.SingleContent{font-size:1.82291vw;}
	
	.SingleContent h1, .SingleContent h2, .SingleContent h3, .SingleContent h4, .SingleContent h5, .SingleContent h6{
		margin-bottom:1.465vw;
	}
	.SingleContent p{
		margin-bottom:1.953vw;
	}
	.SingleContent blockquote{
		padding-left:1.5625vw;
	}
	
	.SingleContent iframe[src*="youtube"]{
		height:51.7692vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.SingleContent{font-size:3.7333vw;}
	
	.SingleContent .size-full{
		display:block;
		max-width:none;
		width:auto;
		margin-left:-6.25vw;
		margin-right:-6.25vw;
	}	
	
	.SingleContent .size-large .size-full{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	
	.SingleContent .size-large .size-large{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	
	.SingleContent .size-full .size-full{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	
	.SingleContent .size-full .size-large{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	
	.SingleContent .size-full figcaption{
		padding-left:6.25vw;
		padding-right:6.25vw;
	}
	
	.SingleContent .size-large{
		display:block;
		max-width:none;
		width:auto;
		margin-left:-6.25vw;
		margin-right:-6.25vw;
	}
	.SingleContent .size-large figcaption{
		padding-left:6.25vw;
		padding-right:6.25vw;
	}
	
	.SingleContent h1, .SingleContent h2, .SingleContent h3, .SingleContent h4, .SingleContent h5, .SingleContent h6{
		margin-bottom:3.96vw;
	}
	.SingleContent p{
		margin-bottom:4.607vw;
	}
	.SingleContent blockquote{
		padding-left:2.086vw;
	}
	
	.SingleContent iframe[src*="youtube"]{
		height:51.7692vw;
	}
}


/*=========================================================
	SingleTagBoxCont
=========================================================*/

.SingleTagBoxCont{
	display:block;
	margin-top:37px;
	padding:13px 26px;
}

.SingleTagBoxCont-list{
	line-height:0;
	font-size:0;
}
.SingleTagBoxCont-item{
	display:inline-block;
	padding-right:18px;
}
.SingleTagBoxCont-item:last-child{
	padding-right:0;
}
.SingleTagBoxCont-link{
	display: block;
	color:#000;
	font-size:18px;
	line-height:1.6em;
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.SingleTagBoxCont{
		margin-top:2.846vw;
		padding:1vw 2vw;
	}
	.SingleTagBoxCont-item{
		padding-right:1.384vw;
	}
	.SingleTagBoxCont-link{
		font-size:1.384vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.SingleTagBoxCont{
		margin-top:3.613vw;
		padding:1.27vw 2.54vw;
	}
	.SingleTagBoxCont-item{
		padding-right:1.757vw;
	}
	.SingleTagBoxCont-link{
		font-size:1.757vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.SingleTagBoxCont{
		margin-top:10.8239vw;
		padding:1.6vw 3.2vw;
	}
	.SingleTagBoxCont:before{
		display:none;
	}
	.SingleTagBoxCont-item{
		padding:0.5vw 2.346vw 0.5vw 0;
	}
	.SingleTagBoxCont-link{
		font-size:3.78vw;
	}
}

/*=========================================================
ScrollTab
=========================================================*/
.ScrollTab{
	position:relative;
	overflow:hidden;
}

.ScrollTab:before{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background-color:#E9E9EA;
}

body .ScrollTab-container{
	overflow: visible;
	height:auto;
}
body .ScrollTab-wrapper{
	height:auto;
}
body .ScrollTab-item{
	width:auto;
	height:auto;
	margin-right:25px;
}

body .ScrollTab-item:last-child{
	margin-right:0px;
}

.ScrollTabItem-link{
	font-size:18px;
	line-height:1.2em;
	color:#777777;
	white-space:nowrap;
	display:block;
	padding:0 10px 20px;
	position:relative;
	transition-property:color; 
	transition-duration: 0.2s;
}

.ScrollTabItem-link:after{
	content:"";
	width:100%;
	height:2px;
	background-color:#000;
	position:absolute;
	bottom:0;
	left:0;
	z-index:5;
	transition-property:transform; 
	transition-duration: 0.2s;
	transform:scaleX(0);
	transform-origin: left;
}

body .ScrollTab-item.is-Current .ScrollTabItem-link{
	font-weight:500;
	color:#000;
}

body .ScrollTab-item.is-Current .ScrollTabItem-link:after{
	transform:scaleX(1);
}

@media screen and (min-width: 1025px) {
	body .ScrollTab-item .ScrollTabItem-link:hover{
		color:#000;
	}

	body .ScrollTab-item .ScrollTabItem-link:hover:after{
		transform:scaleX(1);
	}
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	body .ScrollTab-item{
		margin-right:1.923vw;
	}

	.ScrollTabItem-link{
		font-size:1.3846vw;
		padding:0 0.769vw 1.53846vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	body .ScrollTab-item{
		margin-right:1.923vw;
	}

	.ScrollTabItem-link{
		font-size:1.8846vw;
		padding:0 0.79vw 1.83846vw;
	}
}


@media screen and (max-width: 767px) and (min-width: 1px) {
	.ScrollTab{
		margin-left:-6.25vw;
		margin-right:-6.25vw;
		padding-left:4.481vw;
		padding-right:6.25vw;
	}
	
	body .ScrollTab-item{
		margin-right:2.923vw;
	}

	.ScrollTabItem-link{
		font-size:4.2846vw;
		padding:0 1.769vw 4.83846vw;
	}
}


/*=========================================================
	CategoryPost
=========================================================*/
.CategoryPost-item{
	position:relative;
}

.CategoryPost-item:after{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background-color:#fff;
	position:absolute;
	top:1px;
	left:0;
	transform:scaleX(0);
	transform-origin: left;
	transition-property: transform;
    transition-duration: 0.8s;
	transition-timing-function:ease-out;
}

.CategoryPost-item:first-child:after{
	display:none;
}

.CategoryPost-item:last-child:before{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background-color:#fff;
	position:absolute;
	bottom:1px;
	left:0;
	transform:scaleX(0);
	transform-origin: left;
	transition-property: transform;
	transition-delay:0.4s;
    transition-duration: 0.8s;
	transition-timing-function:ease-out;
}

/*Action*/
.CategoryPost-item.is-None{
	display:none;
}


/*Responsive*/
@media screen and (max-width: 767px) and (min-width: 1px) {
	.CategoryPost{
		margin-top:10vw;
	}
	
	.CategoryPost-item{
		margin:0 -6.25vw;
	}
	
	.CategoryPost-item:after{
		display:none !important;
	}
	
	.CategoryPost-item:before{
		display:none !important;
	}
}

/* CategoryPost:Animation
=========================================================*/
.CategoryPost-item.is-Opacity:after{
	transform:scaleX(1);
}

.CategoryPost-item.is-Opacity:before{
	transform:scaleX(1);
}


/*=========================================================
	Main:KeyVisual
=========================================================*/
body.home .site-footer{
	margin-top:0;
}

body.home .site-content{
	padding-top:0;
}

.KeyVisual{
	overflow:hidden;
}

.KeyVisual-container{
	height:100vh;
	padding:0 4.11458vw;
	margin:0 auto;
	position:relative;
	min-height:43.6893vw;
}


/* Main:KeyVisual:Arrow
=========================================================*/
.KeyVisualScroll{
	position:absolute;
	bottom:1.04166vw;
	right:4.11458vw;
	z-index:10;
}

.KeyVisualScroll-link{
	display:block;
	width:2.7083vw;
	height:3.6979vw;
	position:relative;
}

.KeyVisualScroll-text{
	display:block;
	width:0.8854vw;
	height:2.2916vw;
	position:absolute;
	bottom:0.2vw;
	left:0;
	background-image:url(../img/icon/ico-scroll-text.png);
	background-size:0.8854vw 2.2916vw;
}

.KeyVisualScroll-arrow{
	display:block;
	width:1.302vw;
	height:3.6979vw;
	position:absolute;
	top:0;
	right:0;
	background-image:url(../img/icon/ico-scroll-arrow.png);
	background-size:1.302vw 3.6979vw;
	animation-duration: 1.8s;
	animation-name: ScrollArrow;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	transform:translateY(-50px);
	opacity:0;
}

@keyframes ScrollArrow {
  0% {
	transform:translateY(-30%);
	opacity:0;
  }
  
  5% {
	transform:translateY(-30%);
	opacity:0;
  }
  
 70% {
	opacity:1;
  }
  
  100% {
	transform:translateY(0);
	opacity:1;
  }
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.KeyVisualScroll{
		bottom: 2.04166vw;
	}
	
	.KeyVisualScroll-link{
		width: 5.2083vw;
		height: 7.6979vw;
	}
	
	.KeyVisualScroll-text{
		width: 1.8854vw;
		height: 4.2916vw;
		background-size: 1.8854vw 4.2916vw;
	}
	
	.KeyVisualScroll-arrow{
		width: 2.302vw;
		height: 7.6979vw;
		background-size: 2.302vw 7.6979vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.KeyVisualScroll{
		bottom: 6.04166vw;
	}
	
	.KeyVisualScroll-link{
		width: 8.2083vw;
		height: 11.6979vw;
	}
	
	.KeyVisualScroll-text{
		width: 2.8854vw;
		height: 8.2916vw;
		background-size: 2.8854vw 8.2916vw;
	}
	
	.KeyVisualScroll-arrow{
		width: 3.302vw;
		height: 11.6979vw;
		background-size: 3.302vw 11.6979vw;
	}
}

/*	Main:KeyVisual:BG
=========================================================*/
.KeyVisualBox{
	position:absolute;
	left:4.11458vw;
	right:4.11458vw;
	top:50%;
	transform:translateY(-50%);
	height:30.677vw;
	overflow:hidden;
}

.KeyVisualBoxBG{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	isolation: isolate;
	opacity:0;
	animation-duration: 2.37s;
	animation-name: KeyVisualBoxBG;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.92,.03,.39,.67);
}

@keyframes KeyVisualBoxBG {
  0% {
	opacity:0;
  }
  
  84%{
	  opacity:0;
  }
  
  100% {
	opacity:1;
  }
}

.KeyVisualBoxBGSecond{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.KeyVisualBoxBG-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/main/KeyVisual.png);
	mix-blend-mode:normal;
	background-size:100% 100%;
}

.KeyVisualBoxBGSecond-item{
	position:absolute;
	clip: rect(0, auto, auto, 0);
	overflow:hidden;
}

.KeyVisualBoxBGSecond-item:nth-child(1){
	width: 100%;
    height: 45%;
    top: 2%;
    left: 0.6%;
}

.KeyVisualBoxBGSecond-item:nth-child(2){
	width: 100%;
    height: 45%;
    bottom: 2%;
    right: 0.6%;
}

.KeyVisualBoxBGSecond-item video{
	position:absolute;
	bottom:-9%;
	left:0;
	width:100%;
	height:294%;
	object-fit:cover;
	transition-property: transform;
    transition-duration: 0s;
	will-change:transform;
}

.KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item video{
	bottom: -30%;
    height: 226%;
}

body.Safari .KeyVisualBoxBGSecond-item video{
	transition-duration: 0s;
}

.KeyVisualBoxBGFirst{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item{
	width: 98.8%;
    height: 96.5%;
    top: 1.5%;
    left: 0.6%;
}

.KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item .video{
	bottom:-25%;
	height:150%;
}


/*	Main:KeyVisual:Text
=========================================================*/
.KeyVisualBoxText{
	position:absolute;
	top: 2.3%;
    left: 0.6%;
	width: 98.8%;
    height: 95%;
	z-index:10;
}

.KeyVisualBoxText-img{
	height:5.73749vw;
}

.KeyVisualBoxText-item{
	display:block;
	position:absolute;
	overflow:hidden;
}

.is-Play .KeyVisualBoxText-item{
	opacity:1;
}

.KeyVisualBoxText-item:nth-child(1){
	left:0;
	top:0;
}

.KeyVisualBoxText-item:nth-child(2){
	right:0;
	top:0;
}

.KeyVisualBoxText-item:nth-child(3){
	right: 0%;
    top: 27%;
}

.KeyVisualBoxText-item:nth-child(4){
	left: 0;
    bottom: 25.3%;
}

.KeyVisualBoxText-item:nth-child(5){
	right: 48%;
    bottom: -1.8%;
}

.KeyVisualBoxText-item:nth-child(6){
	right: 19%;
    bottom: -1.8%;
}

.KeyVisualBoxText-item:nth-child(7){
	right: 0;
    bottom: -1.8%;
	max-width:17%;
}

.KeyVisualBoxText-item:nth-child(1) .KeyVisualBoxText-img{
	width:25.6645vw;
	animation-delay:0.2s;
}

.KeyVisualBoxText-item:nth-child(2) .KeyVisualBoxText-img{
	width:12.306vw;
	animation-delay:0.4s;
}

.KeyVisualBoxText-item:nth-child(3) .KeyVisualBoxText-img{
	width:31.0208vw;
	animation-delay:0.6s;
}

.KeyVisualBoxText-item:nth-child(4) .KeyVisualBoxText-img{
	width:30.2229vw;
	animation-delay:0.8s;
}

.KeyVisualBoxText-item:nth-child(5) .KeyVisualBoxText-img{
	width:12.306vw;
	animation-delay:1s;
}

.KeyVisualBoxText-item:nth-child(6) .KeyVisualBoxText-img{
	width: 23.406vw;
	animation-delay:1.2s;
}

.KeyVisualBoxText-sub{
	font-size:0.94166vw;
	line-height:1.82em;
	color:#000;
	text-align:left;
}

html[lang="ko-KR"] .KeyVisualBoxText-item:nth-child(7){
	max-width:17%;
}

html[lang="en-US"] .KeyVisualBoxText-sub{
	font-size:0.74166vw;
}

html[lang="zh-CN"] .KeyVisualBoxText-sub{
	font-size:0.74166vw;
}

html[lang="ja"] .KeyVisualBoxText-sub{
	font-size:0.74166vw;
}

html[lang="ko-KR"] .KeyVisualBoxText-sub{
	font-size:0.74166vw;
}

/*Responsive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.KeyVisual-container{
		padding: 0 2.607vw;
		min-height:123.6979vw;
	}
	
	.KeyVisualBox{
		left: 50%;
		height: 95.077vw;
		width:86.7877vw;
		transform:translate(-50%, -50%);
	}
	
	.KeyVisualBoxBG-img{
		background-image: url(../img/main/KeyVisual-mobile.png);
	}
	
	.KeyVisualBoxText-img{
		height: 10.66749vw;
		animation-duration: 0.6s;
		animation-delay: 0.2s !important;
	}
	
	.KeyVisualBoxText{
		top: 1.1%;
		height: 100%;
		left:1%;
		width:calc(100% - 2%);
	}
	
	.KeyVisualBoxText-item:nth-child(1){
		left:1%;
	}
	
	.KeyVisualBoxText-item:nth-child(2){
		top: 18%;
		left:1%;
	}
	
	.KeyVisualBoxText-item:nth-child(3){
		left: auto;
		right:0;
		top: 18%;
	}
	
	.KeyVisualBoxText-item:nth-child(4){
		bottom:35.5%;
		right:1%;
	}
	
	.KeyVisualBoxText-item:nth-child(5){
		right:55%;
		bottom:1%;
	}
	
	.KeyVisualBoxText-item:nth-child(6){
		right:0;
		bottom:1%;
	}
	
	.KeyVisualBoxBGSecond-item:nth-child(1){
		width: 99%;
		top: 1.1%;
		height: 65.5%;
	}
	
	.KeyVisualBoxBGSecond-item:nth-child(2){
		width: 99%;
		height: 35%;
		bottom: 0%;
		right: 1%;
	}
	
	.KeyVisualBoxText-item:nth-child(1) .KeyVisualBoxText-img{
		width:47.8437vw;
	}

	.KeyVisualBoxText-item:nth-child(2) .KeyVisualBoxText-img{
		width:23.0104vw;
	}

	.KeyVisualBoxText-item:nth-child(3) .KeyVisualBoxText-img{
		width:57.908vw;
	}

	.KeyVisualBoxText-item:nth-child(4) .KeyVisualBoxText-img{
		width:55.7656vw;
	}
	
	.KeyVisualBoxText-item:nth-child(5) .KeyVisualBoxText-img{
		width:23.1656vw;
	}
	
	.KeyVisualBoxText-item:nth-child(6) .KeyVisualBoxText-img{
		width:43.7656vw;
	}
	
	.KeyVisualBoxBGSecond-item video{
		bottom: -20%;
		height: 160%;
	}
	
	.KeyVisualBoxBGSecond-item:nth-child(2) video{
		bottom: 0%;
		height:214%;
	}
	
	.KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item{
		top: 1.1%;
		height:98.9%;
	}
	
	.KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item video{
		bottom: -20%;
		height: 153%;
	}
	
	.KeyVisualBoxText-item:nth-child(7){
		display:none;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.KeyVisual-container{
		padding: 0 3.805vw;
		min-height:153.125vw;
	}
	
	.KeyVisualBox{
		left: 50%;
		height: 95.077vw;
		width:86.7877vw;
		transform:translate(-50%, -50%);
	}
	
	.KeyVisualBoxBG-img{
		background-image: url(../img/main/KeyVisual-mobile.png);
	}
	
	.KeyVisualBoxText-img{
		height: 10.66749vw;
		animation-duration: 0.6s;
		animation-delay: 0.2s !important;
	}
	
	.KeyVisualBoxText{
		top: 1.1%;
		height: 100%;
		left:1%;
		width:calc(100% - 2%);
	}
	
	.KeyVisualBoxText-item:nth-child(1){
		left:1%;
	}
	
	.KeyVisualBoxText-item:nth-child(2){
		top: 18%;
		left:1%;
	}
	
	.KeyVisualBoxText-item:nth-child(3){
		left: auto;
		right:0;
		top: 18%;
	}
	
	.KeyVisualBoxText-item:nth-child(4){
		bottom:35.1%;
		right:1%;
	}
	
	.KeyVisualBoxText-item:nth-child(5){
		right:55%;
		bottom:0%;
	}
	
	.KeyVisualBoxText-item:nth-child(6){
		right:0;
		bottom:0%;
	}
	
	.KeyVisualBoxBGSecond-item:nth-child(1){
		width: 99%;
		top: 1.1%;
		height: 65.5%;
	}
	
	.KeyVisualBoxBGSecond-item:nth-child(2){
		width: 99%;
		height: 35%;
		bottom: 0%;
		right: 1%;
	}
	
	.KeyVisualBoxText-item:nth-child(1) .KeyVisualBoxText-img{
		width:47.8437vw;
	}

	.KeyVisualBoxText-item:nth-child(2) .KeyVisualBoxText-img{
		width:23.0104vw;
	}

	.KeyVisualBoxText-item:nth-child(3) .KeyVisualBoxText-img{
		width:57.908vw;
	}

	.KeyVisualBoxText-item:nth-child(4) .KeyVisualBoxText-img{
		width:55.7656vw;
	}
	
	.KeyVisualBoxText-item:nth-child(5) .KeyVisualBoxText-img{
		width:23.1656vw;
	}
	
	.KeyVisualBoxText-item:nth-child(6) .KeyVisualBoxText-img{
		width:43.7656vw;
	}
	
	.KeyVisualBoxBGSecond-item video{
		bottom: -22%;
		height: 200%;
	}
	
	.KeyVisualBoxBGSecond-item:nth-child(2) video{
		bottom: 0%;
		height:245%;
	}
	
	.KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item{
		top: 1.1%;
		height: 98.9%;
	}
	
	.KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item video{
		bottom: -20%;
		height: 153%;
	}
	
	.KeyVisualBoxText-item:nth-child(7){
		display:none;
	}
}


/*=========================================================
	Main:KeyVisual:IE
=========================================================*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item{
		width:125.8%;
		height:96.5%;
	}
	
	.KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item video{
		height:217%;
	}
	
	.KeyVisualBoxBGSecond .KeyVisualBoxBGSecond-item video{
		bottom:-58%;
		height:373%;
	}
}

@media all and (max-width: 1024px) and (min-width: 1px)  and (-ms-high-contrast: none), (-ms-high-contrast: active){
	.KeyVisualBoxBGSecond .KeyVisualBoxBGSecond-item:nth-child(1) video{
		bottom:-30%;
		height:250%;
		width:320%;
	}
	
	.KeyVisualBoxBGSecond .KeyVisualBoxBGSecond-item:nth-child(2) video{
		width:222%;
		height:420%;
		bottom:-47%;
	}
}

/*=========================================================
	MainNews
=========================================================*/
.MainNews{
	margin-bottom:88px;
	padding-top:46px;
	overflow:hidden;
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.MainNews{
		margin-bottom:6.7692vw;
		padding-top:3.5384vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainNews{
		margin-bottom:10.7692vw;
		padding-top:5.5384vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainNews{
		margin-bottom:15.7692vw;
		padding-top:10.5384vw;
	}
}

/*	MainNews:Header
=========================================================*/
.MainNewsHeader{
	margin-bottom:38px;
}

.MainInteractionTitle{
	font-size:0;
	line-height:0;
	position:relative;
}

.MainInteractionTitle-text{
	font-size:36px;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	font-family:'Poppins', "Noto Sans";
	position:relative;
	transform:translateY(101%);
	display:inline-block;
	transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
}

.is-Opacity .MainInteractionTitle-text{
	transform:translateY(0%);
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.MainNewsHeader{
		margin-bottom:2.923vw;
	}

	.MainInteractionTitle-text{
		font-size:2.7692vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainNewsHeader{
		margin-bottom:2.923vw;
	}

	.MainInteractionTitle-text{
		font-size:4.5692vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainNewsHeader{
		margin-bottom:4.223vw;
	}

	.MainInteractionTitle-text{
		font-size:8.7692vw;
	}
}


/*	MainNews:Post
=========================================================*/
.MainNewsSlide{
	margin:0 -14px;
}

.MainNewsSlide-container{
	overflow:visible;
}

.MainNewsSlide-item{
	padding:0 14px;
	width:33.333%;
}

.DefaultPost{
	width:100%;
}

.DefaultPost-link{
	display:block;
}

.DefaultPostThumnail{
	font-size:0;
	line-height:0;
	position:relative;
	overflow:hidden;
	margin-bottom:32px;
	background-color:#000;
}

.DefaultPostThumnail:after{
	content:"";
	display:block;
	padding-bottom:63.8%;
}

.DefaultPostThumnail-inner{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	transition-property: transform;
    transition-duration: 0.4s;
	transition-timing-function: ease-out;
	transform:scale(1);
}

.DefaultPostThumnail-img{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	transition-property: transform;
    transition-duration: 0.6s;
	transition-timing-function: ease-out;
	transform:translateY(100%);
}

.is-Opacity .DefaultPostThumnail-img{
	transform:translateY(0%);
}

.DefaultPostCont-title{
	margin-bottom:18px;
	font-size:24px;
	line-height:1.3em;
	max-height: calc(2.6em + 2px); 
	text-align: left; 
	word-wrap: break-word; 
	display: -webkit-box; 
	overflow:hidden;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	padding-bottom:2px;
}

.DefaultPostCont-text{
	font-size:24px;
	line-height:1.3em;
	color:#000;
	font-weight:500;
	background-image: linear-gradient(#000,#000);
    background-position: left bottom;
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition-property: background-size;
    transition-duration: 0.3s;
}

.DefaultPostCont-date{
	font-size:14px;
	line-height:1.2em;
	color:#999999;
	font-family:'Poppins', "Noto Sans";
}

.MainNewsSlide-item:nth-child(1) .DefaultPostThumnail-img{
	transition-delay:0s;
}

.MainNewsSlide-item:nth-child(2) .DefaultPostThumnail-img{
	transition-delay:0.2s;
}

.MainNewsSlide-item:nth-child(3) .DefaultPostThumnail-img{
	transition-delay:0.4s;
}

@media screen and  (min-width: 1025px) {
	.DefaultPost-link:hover .DefaultPostCont-text{
		 background-size: 100% 2px;
	}
	
	.DefaultPost-link:hover .DefaultPostThumnail-inner{
		transform:scale(1.1);
	}
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.MainNewsSlide{
		margin:0 -1.0769vw;
	}

	.MainNewsSlide-item{
		padding:0 1.0769vw;
	}

	.DefaultPostThumnail{
		margin-bottom:2.4615vw;
	}

	.DefaultPostCont-title{
		margin-bottom:1.3846vw;
		font-size:1.8461vw;
	}

	.DefaultPostCont-text{
		font-size:1.8461vw;
	}

	.DefaultPostCont-date{
		font-size:1.0769vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainNewsSlide{
		margin:0 -1.0769vw;
	}

	.MainNewsSlide-item{
		padding:0 1.0769vw;
	}

	.DefaultPostThumnail{
		margin-bottom:2.4615vw;
	}

	.DefaultPostCont-title{
		margin-bottom:1.3846vw;
		font-size:2.0461vw;
	}

	.DefaultPostCont-text{
		font-size:2.0461vw;
	}

	.DefaultPostCont-date{
		font-size:1.4769vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainNewsSlide{
		margin:0 -8.3269vw;
		padding:0 6.25vw;
	}

	.MainNewsSlide-item{
		padding:0 2.0769vw;
		width:70%;
	}

	.DefaultPostThumnail{
		margin-bottom:4.4615vw;
	}

	.DefaultPostCont-title{
		margin-bottom:3.846vw;
		font-size:4.0461vw;
	}

	.DefaultPostCont-text{
		font-size:4.0461vw;
	}

	.DefaultPostCont-date{
		font-size:3.0769vw;
	}
}

/*=========================================================
	MainIR
=========================================================*/
.MainIR{
	margin-bottom:91px;
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.MainIR{
		margin-bottom:7vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainIR{
		margin-bottom:10.7692vw;;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainIR{
		margin-bottom:15.7692vw;;
	}
}

/*	MainIR:Header
=========================================================*/
.MainIRHeader {
	margin-bottom:38px;
}

.MainIRTitle{
	margin-bottom:32px;
	position:relative;
	padding-right:45px;
}

.MainIRTitle-text{
	display:block;
	font-size:20px;
	line-height:1.3em;
	color:#000;
	font-weight:bold;
}

.MainIRTitle-link{
	display:block;
	width:27px;
	height:10px;
	background-image:url(../img/icon/ico-more-arrow.png);
	background-size:27px 10px;
	position:absolute;
	top:50%;
	right:0;
	transform:translate(0, -50%);
	transition-property:transform; 
	transition-duration: 0.3s;
}

.MainIRCont-inner{
	margin:0 -19px;
}

.MainIRCont-inner:after{
	content:"";
	display:table;
	clear:both;
}

@media screen and (min-width: 1025px) {
	.MainIRTitle-link:hover{
		transform:translate(5px, -50%);
	}
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.MainIRHeader {
		margin-bottom:2.92307vw;
	}

	.MainIRTitle{
		margin-bottom:2.4615vw;
		padding-right:3.4615vw;
	}

	.MainIRTitle-text{
		font-size:1.5384vw;
	}

	.MainIRTitle-link{
		width:2.0769vw;
		height:0.76923vw;
		background-size:2.0769vw 0.76923vw;
	}

	.MainIRCont-inner{
		margin:0 -1.4615vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainIRHeader {
		margin-bottom:2.92307vw;
	}

	.MainIRTitle{
		margin-bottom:2.4615vw;
		padding-right:3.4615vw;
	}

	.MainIRTitle-text{
		font-size:2.5384vw;
	}

	.MainIRTitle-link{
		width:3.0769vw;
		height:1.26923vw;
		background-size:3.0769vw 1.26923vw;
	}

	.MainIRCont-inner{
		margin:0 -2.4615vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainIRHeader {
		margin-bottom:4.223vw;
	}

	.MainIRTitle{
		margin-bottom:3.4615vw;
		padding-right:10.4615vw;
	}

	.MainIRTitle-text{
		font-size:4.5384vw;
	}

	.MainIRTitle-link{
		width:7.0769vw;
		height:2.56923vw;
		background-size:7.0769vw 2.56923vw;
	}

	.MainIRCont-inner{
		margin:0 -2.4615vw;
	}
}

/*	MainIR:MainIRInfo
=========================================================*/
.MainIRInfo{
	padding:0 19px;
	float:left;
	width:50%;
}

.MainIRInfoCount{
	display:table;
	width:100%;
}

.MainIRInfoCountTitle{
	display:table-cell;
	vertical-align:middle;
	width:1px;
	white-space:nowrap;
}

.MainIRInfoCountInfo{
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	font-size:0;
	line-height:0;
}

.MainIRInfoCountTitle-text{
	font-size:63px;
	line-height:1em;
	color:#000;
	font-family:'Lato';
	font-weight:300;
	display:block;
	margin-left:-2px;
}

.MainIRInfoCountTitle-sub{
	display:block;
	margin-top:24px;
	font-size:14px;
	line-height:1.2em;
	color:#999999;
}

.MainIRInfoCountInfo-updown{
	display:inline-block;
	font-size:20px;
	line-height:1.2em;
	color:#000;
	margin-right:18px;
	padding-left:25px;
	position:relative;
}

.MainIRInfoCountInfo-updown:before{
	content: '';
    display: block;
    width: 15px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    background-size: 15px 10px;
	transform:translateY(-50%);
	margin-top:1px;
}

.MainIRInfoCountInfo-updown.is-Up{
	color:#ED2929;
}

.MainIRInfoCountInfo-updown.is-Up:before{
	background-image: url(/wp-content/themes/krafton/assets/img/icon/ico-stockup.png);
}

.MainIRInfoCountInfo-updown.is-Down{
	color:#3D7FD9;
}

.MainIRInfoCountInfo-updown.is-Down:before{
	background-image: url(/wp-content/themes/krafton/assets/img/icon/ico-stockdown.png);
}

.MainIRInfoCountInfo-increase{
	display:inline-block;
	font-size:20px;
	line-height:1.2em;
	color:#000;
}

.MainIRInfoCountInfo-increase.is-Up{
	color:#ED2929;
}

.MainIRInfoCountInfo-increase.is-Down{
	color:#3D7FD9;
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.MainIRInfo{
		padding:0 1.4615vw;
	}

	.MainIRInfoCountTitle-text{
		font-size:4.84615vw;
		margin-left:-0.1538vw;
	}

	.MainIRInfoCountTitle-sub{
		margin-top:1.8461vw;
		font-size:1.0769vw;
	}

	.MainIRInfoCountInfo-updown{
		font-size:1.5384vw;
		margin-right:1.3846vw;
		padding-left:1.923vw;
	}

	.MainIRInfoCountInfo-updown:before{
		width: 1.1538vw;
		height: 0.7692vw;
		margin-top:0.0769vw;
		background-size:1.1538vw  0.7692vw;
	}

	.MainIRInfoCountInfo-increase{
		font-size:1.5384vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainIRInfo{
		padding:0 2.4615vw;
	}

	.MainIRInfoCountTitle-text{
		font-size:4.84615vw;
		margin-left:-0.1538vw;
	}

	.MainIRInfoCountTitle-sub{
		margin-top:1.8461vw;
		font-size:1.0769vw;
	}

	.MainIRInfoCountInfo-updown{
		font-size:1.8384vw;
		margin-right:1.3846vw;
		padding-left:1.923vw;
	}

	.MainIRInfoCountInfo-updown:before{
		width: 1.1538vw;
		height: 0.7692vw;
		margin-top:0;
		background-size:1.1538vw  0.7692vw;
	}

	.MainIRInfoCountInfo-increase{
		font-size:1.8384vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainIRInfo{
		padding:0 2.4615vw;
		width:100%;
		margin-bottom:8vw;
		float:none;
		transition-property: opacity;
		transition-duration: 1.6s;
		transition-timing-function: ease-out;
		opacity:0;
	}
	
	.is-Opacity .MainIRInfo{
		opacity:1;
	}

	.MainIRInfoCountTitle-text{
		font-size:7.84615vw;
		margin-left:-0.1538vw;
	}

	.MainIRInfoCountTitle-sub{
		margin-top:3.4461vw;
		font-size:3.4769vw;
	}

	.MainIRInfoCountInfo-updown{
		font-size:3.8384vw;
		margin-right:3.3846vw;
		padding-left:3.923vw;
	}

	.MainIRInfoCountInfo-updown:before{
		width: 2.6538vw;
		height: 1.7692vw;
		margin-top:0;
		background-size:2.6538vw  1.7692vw;
	}

	.MainIRInfoCountInfo-increase{
		font-size:3.8384vw;
	}
}

/*	MainIR:MainIRInNotice
=========================================================*/
.MainIRInNotice{
	padding:0 17px;
	float:left;
	width:50%;
}

.MainIRPostItem-link{
	display:block;
	padding:7px 0;
	padding-right:86px;
	position:relative;
}

.MainIRPostItem-title{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:17px;
	line-height:1.2em;
	padding:2px 0;
}

.MainIRPostItem-text{
	font-size:17px;
	line-height:1.2em;
	color:#000;
	background-image: linear-gradient(#000,#000);
    background-position: left bottom;
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition-property: background-size;
    transition-duration: 0.3s;
}

.MainIRPostItem-date{
	font-size:14px;
	line-height:1.2em;
	color:#999999;
	display:block;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}


@media screen and (min-width: 1025px) {
	.MainIRPostItem-link:hover .MainIRPostItem-text{
		background-size: 100% 2px;
	}
}


/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.MainIRInNotice{
		padding:0 2.30769vw;
	}

	.MainIRPostItem-link{
		padding:0.5384vw 0;
		padding-right:6.6153vw;
	}

	.MainIRPostItem-title{
		font-size:1.30769vw;
		padding:0.1538vw 0;
	}

	.MainIRPostItem-text{
		font-size:1.30769vw;
	}

	.MainIRPostItem-date{
		font-size:1.0769vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainIRInNotice{
		padding:0 2.30769vw;
	}

	.MainIRPostItem-link{
		padding:0.5384vw 0;
		padding-right:8.6153vw;
	}

	.MainIRPostItem-title{
		font-size:1.80769vw;
		padding:0.1538vw 0;
	}

	.MainIRPostItem-text{
		font-size:1.80769vw;
	}

	.MainIRPostItem-date{
		font-size:1.4769vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainIRInNotice{
		padding:0 2.30769vw;
		width:100%;
		float:none;
		transition-property:opacity;
		transition-duration: 1.6s;
		transition-timing-function: ease-out;
		opacity:0;
	}
	
	.is-Opacity .MainIRInNotice{
		opacity:1;
	}

	.MainIRPostItem-link{
		padding:1.5384vw 0;
		padding-right:21.6153vw;
	}

	.MainIRPostItem-title{
		font-size:1.80769vw;
		padding:0.1538vw 0;
	}

	.MainIRPostItem-text{
		font-size:4.00769vw;
	}

	.MainIRPostItem-date{
		font-size:3.4769vw;
	}
}

/*=========================================================
	MainCareesrs
=========================================================*/
.MainCareesrs{
	margin-bottom:94px;
	overlfow:hidden;
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.MainCareesrs{
		margin-bottom:7.23076vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainCareesrs{
		margin-bottom:10.7692vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainCareesrs{
		margin-bottom:15.7692vw;
	}
}

/*	MainCareesrs:Slide
=========================================================*/
.MainCareesrsSlide{
	margin:0 -20px;
}

.MainCareesrsSlide-container{
	overflow: visible;
}

.MainCareesrsSlide-item{
	width:50%;
	padding:0 20px;
}

.ArrowPost{
	width:100%;
}

.ArrowPost-link{
	line-height:0;
	display:block;
}

.ArrowPostThumnail{
	font-size: 0;
    line-height: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 17px;
    background-color: #000;
}

.ArrowPostThumnail:after{
    content: "";
    display: block;
    padding-bottom: 37.7%;
}

.ArrowPostThumnail-inner{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition-property: transform;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    transform: scale(1);
}

.ArrowPostThumnail-img{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	transition-property: transform;
    transition-duration: 0.6s;
	transition-timing-function: ease-out;
	transform:translateY(100%);
}

.is-Opacity .ArrowPostThumnail-img{
	transform:translateY(0%);
}

.ArrowPostCont-title{
	font-size:24px;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	margin-bottom:5px;
	padding: 4px 0;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Bg-black .ArrowPostCont-title{
	color:#fff;
}

.Bg-black .ArrowPostCont-text{
	color:#fff;
	background-image: linear-gradient(#fff,#fff);
}

.Bg-black .ArrowPostCont-sub{
	color:#fff;
}

.ArrowPostCont-text{
	font-size:24px;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	background-image: linear-gradient(#000,#000);
    background-position: left bottom;
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition-property: background-size;
    transition-duration: 0.3s;
}

.ArrowPostCont-sub{
	font-size:16px;
	line-height:1.4em;
	color:#000;
	min-height:2.8em;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ArrowPostCont-arrow{
	margin-top:10px;
	display:block;
	width:27px;
	height:10px;
	background-image: url(../img/icon/ico-more-arrow.png);
    background-size: 27px 10px;
	transition-property: transform;
    transition-duration: 0.3s;
}

.MainCareesrsSlide-item:nth-child(1) .ArrowPostThumnail-img{
	transition-delay:0s;
}

.MainCareesrsSlide-item:nth-child(2) .ArrowPostThumnail-img{
	transition-delay:0.2s;
}

@media screen and (min-width: 1025px) {
	.ArrowPost-link:hover .ArrowPostCont-text{
		background-size: 100% 2px;
	}

	.ArrowPost-link:hover .ArrowPostThumnail-inner{
		transform:scale(1.1);
	}

	.ArrowPost-link:hover .ArrowPostCont-arrow{
		transform:translateX(5px);
	}
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.MainCareesrsSlide{
		margin:0 -1.5384vw;
	}

	.MainCareesrsSlide-item{
		padding:0 1.5384vw;
	}

	.ArrowPostThumnail{
		margin-bottom: 1.30769vw;
	}

	.ArrowPostCont-title{
		font-size:1.8461vw;
		margin-bottom:0.38461vw;
		padding: 0.30769vw 0;
	}

	.ArrowPostCont-text{
		font-size:1.84615vw;
	}

	.ArrowPostCont-sub{
		font-size:1.2307vw;
	}

	.ArrowPostCont-arrow{
		margin-top:0.7692vw;
		width:2.0769vw;
		height:0.76923vw;
		background-size: 2.0769vw 0.76923vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainCareesrsSlide{
		margin:0 -1.5384vw;
	}

	.MainCareesrsSlide-item{
		padding:0 1.5384vw;
	}

	.ArrowPostThumnail{
		margin-bottom: 2.4615vw;
	}

	.ArrowPostCont-title{
		font-size: 2.0461vw;
		margin-bottom:0.68461vw;
		padding: 0.30769vw 0;
	}

	.ArrowPostCont-text{
		font-size:2.0461vw;
	}

	.ArrowPostCont-sub{
		font-size:1.5307vw;
	}

	.ArrowPostCont-arrow{
		margin-top:1.3692vw;
		width:2.6769vw;
		height:1.06923vw;
		background-size: 2.6769vw 1.06923vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainCareesrsSlide{
		margin:0 -2.0769vw;
	}

	.MainCareesrsSlide-item{
		padding:0 2.0769vw;
		width:90%;
	}

	.ArrowPostThumnail{
		margin-bottom: 4.4615vw;
	}

	.ArrowPostCont-title{
		font-size: 4.0461vw;
		margin-bottom:1.68461vw;
		padding: 0.30769vw 0;
	}

	.ArrowPostCont-text{
		font-size:4.0461vw;
	}

	.ArrowPostCont-sub{
		font-size:3.2307vw;
	}

	.ArrowPostCont-arrow{
		margin-top:3.3692vw;
		width:4.6769vw;
		height:1.46923vw;
		background-size: 4.6769vw 1.46923vw;
	}
}

/*=========================================================
	MainGame 
=========================================================*/
.MainGame {
	padding:113px 0 113px;
	position:relative;
	z-index:5;
}

.MainGameInner{
	position:relative;
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.MainGame {
		padding:8.6923vw 0 8.6923vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainGame {
		padding:0;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainGame {
		padding:0;
	}
}


/*	MainGame :Header
=========================================================*/
.MainGameHeader{
	padding-bottom:28px;
}

.MainGameHeader-title{
	font-size:60px;
}

.MainGameHeader-link{
	line-height:1.2em;
	color:#000;
	font-family:'KRAFTON';
	transition-property:color; 
	transition-duration: 0.3s;
	display:block;
}


.Bg-black .MainGameHeader-link{
	color:#fff;
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.MainGameHeader{
		padding-bottom:2.1538vw;
	}

	.MainGameHeader-title{
		font-size:4.6153vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainGameHeader{
		padding-bottom:2.4538vw;
	}

	.MainGameHeader-title{
		font-size:7.0153vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainGameHeader{
		padding-bottom:5.1538vw;
	}

	.MainGameHeader-title{
		font-size:8.6153vw;
	}
}

/*	MainGame :Slide
=========================================================*/
.MainGameSlide{
	transition-property:transform, opacity; 
	transition-duration: 1.2s;
	transform:translateX(50%);
	opacity:0;
}

.MainGameSlide .site-container{
	overflow: visible;
}

.MainGameSlide-container{
	overflow: visible;
}

.MainGameSlide-item{
	padding-right:40px;
	width:calc(50% + 20px);
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.MainGameSlide-item{
		padding-right:3.0769vw;
		width:calc(50% + 1.5384vw);
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainGameSlide-item{
		padding-right:3.4769vw;
		width:calc(55% + 1.7384vw);
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainGameSlide-item{
		padding-right:4.2769vw;
		width:calc(94% + 2.1384vw);
	}
}


/*	MainGame :Slide Post
=========================================================*/
.MainGameSlidePost{
	width:100%;
}

.MainGameSlidePost-link{
	display:block;
	position:relative;
}

.MainGameSlidePostThumbnail-inner{
	line-height:0;
	position:relative;
	background-color:rgba(255,255,255,0.1);
	overflow:hidden;
}

.MainGameSlidePostThumbnail-inner:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.3);
	z-index:1;
}

.MainGameSlidePostThumbnail-inner:after{
	content:"";
	display:block;
	padding-bottom:67.2%;
}

.MainGameSlidePostThumbnail-img{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	transition-property: transform;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    transform: scale(1);
}

.MainGameSlidePostThumbnail-tag{
	display: block;
    position: absolute;
    top: 18px;
    left: 0;
    z-index: 5;
    overflow: hidden;
    transition-property: transform;
    transition-duration: 0.6s;
    transition-delay: 0.6s;
    transition-timing-function: ease-out;
    transform: translateX(-100%);
	will-change:transform;
}

.MainGameSlidePostThumbnail-tag:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:-30px;
	width:calc(100% + 20px);
	height:100%;
	background-color:#000;
	transform: skewX(20deg);
	z-index:-1;
}

.MainGameSlidePostThumbnail-tagbar{
	display:block;
	font-size:14px;
	line-height:1.2em;
	color:#fff;
	font-family:'Poppins';
	font-weight:500;
	padding:6px 22px 6px 11px;
}

.is-Opacity.MainGameSlide{
	transform:translateX(0);
	opacity:1;
}

.is-Opacity .MainGameSlidePostThumbnail-tag{
	transform: translateX(0%);
}

.MainGameSlideArrow{
	position:absolute;
	top:50%;
	right:40px;
	transform:translateY(-50%);
	overflow:hidden;
}

.MainGameSlidePostThumbnail-title{
	font-size:29px;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
	position:absolute;
	z-index:5;
	left:29px;
	right:29px;
	bottom:25px;
	will-change:transform;
}

.MainGameSlide-prev{
	width:50px;
	height:18px;
	background-image:url(../img/icon/ico-main-slide-left.png);
	background-size:50px 18px;
	display:block;
	margin-right:20px;
	float:left;
	cursor:pointer;
}

.MainGameSlide-next{
	width:50px;
	height:18px;
	background-image:url(../img/icon/ico-main-slide-right.png);
	background-size:50px 18px;
	display:block;
	float:left;
	cursor:pointer;
}


@media screen and (min-width: 1025px) {
	.MainGameSlidePost-link:hover .MainGameSlidePostThumbnail-img{
		transform:scale(1.1);
	}
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.MainGameSlidePostThumbnail-tag{
		top: 1.3846vw;
	}

	.MainGameSlidePostThumbnail-tag:before{
		left:-2.3076vw;
		width:calc(100% + 1.53846vw);
	}

	.MainGameSlidePostThumbnail-tagbar{
		font-size:1.0769vw;
		padding:0.4615vw 1.6923vw 0.46153vw 0.84615vw;
	}

	.MainGameSlidePostThumbnail-title{
		font-size:2.2307vw;
		left:2.2307vw;
		right:2.2307vw;
		bottom:1.92307vw;
	}
	
	.MainGameSlideArrow{
		right:3.0769vw;
	}
	
	.MainGameSlide-prev{
		width:3.8461vw;
		height:1.3846vw;
		background-size:3.8461vw 1.3846vw;
		margin-right:1.53846vw;
	}

	.MainGameSlide-next{
		width:3.8461vw;
		height:1.3846vw;
		background-size:3.8461vw 1.3846vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainGameSlidePostThumbnail-tag{
		top: 1.3846vw;
	}

	.MainGameSlidePostThumbnail-tag:before{
		left: -2.3076vw;
		width: calc(100% + 1.5384vw);
	}

	.MainGameSlidePostThumbnail-tagbar{
		font-size: 1.4769vw;
		padding: 0.6615vw 1.6923vw 0.6615vw 0.8461vw;
	}

	.MainGameSlidePostThumbnail-title{
		font-size:2.6307vw;
		left:2.4307vw;
		right:2.4307vw;
		bottom:2.22307vw;
	}
	
	.MainGameSlideArrow{
		right:2.607vw;
	}
	
	.MainGameSlide-prev{
		width:6.8461vw;
		height:2.3846vw;
		background-size:6.8461vw 2.3846vw;
		margin-right:2.53846vw;
	}

	.MainGameSlide-next{
		width:6.8461vw;
		height:2.3846vw;
		background-size:6.8461vw 2.3846vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainGameSlidePostThumbnail-tag{
		top: 3.3846vw;
	}

	.MainGameSlidePostThumbnail-tag:before{
		left: -2.3076vw;
		width: calc(100% + 0.5384vw);
	}

	.MainGameSlidePostThumbnail-tagbar{
		 font-size: 3.5769vw;
		padding: 1.8615vw 4.6923vw 1.6615vw 2.8461vw;
	}

	.MainGameSlidePostThumbnail-title{
		font-size:4.6307vw;
		left:3.4307vw;
		right:3.4307vw;
		bottom:3.22307vw;
	}
	
	.MainGameSlideArrow{
		right:2.607vw;
	}
	
	.MainGameSlide-prev{
		width:6.8461vw;
		height:2.3846vw;
		background-size:6.8461vw 2.3846vw;
		margin-right:2.53846vw;
	}

	.MainGameSlide-next{
		width:6.8461vw;
		height:2.3846vw;
		background-size:6.8461vw 2.3846vw;
	}
}

/*=========================================================
	MainStudios 
=========================================================*/
.MainStudios{
	padding-top:110px;
	margin-bottom:160px;
}

.MainStudios > .site-container{
	overflow:visible;
}

.Bg-black .MainStudios .MainIRTitle-link{
	    background-image: url(../img/icon/ico-main-slide-right.png);
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.MainStudios{
		padding-top:8.4615vw;
		margin-bottom:12.3076vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainStudios{
		padding-top:10.7692vw;
		margin-bottom:12.3076vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainStudios{
		padding-top:15.7692vw;
		margin-bottom:12.3076vw;
	}
}

/*	MainStudios : Header
=========================================================*/
.MainStudiosHeader{
	margin-bottom:36px;
}

.Bg-black .MainInteractionTitle-text{
	color:#fff;
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.MainStudiosHeader{
		margin-bottom:2.7692vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainStudiosHeader{
		margin-bottom:2.7692vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainStudiosHeader{
		margin-bottom:2.7692vw;
	}
}

/*	MainStudios : Card
=========================================================*/
.MainStudiosCard {
	transition-delay:0.4s;
}

.MainStudiosCard-list:after{
	conent:"";
	display:table;
	clear:both;
}

.MainStudiosCard-item{
	width:25%;
	float:left;
}

.MainStudiosCardItem-link{
	display:block;
	padding:49px 30px 34px;
	min-height:355px;
	position:relative;
	transition-property: background-color;
    transition-duration: 0.2s;
}

.MainStudiosCardItem-link:after{
	content:"";
	width:27px;
	height:10px;
	background-image: url(../img/icon/ico-main-slide-right.png);
	background-size:27px 10px;
	display:block;
	position:absolute;
	bottom:34px;
	right:30px;
	opacity:0;
	transition-property: transform;
    transition-duration: 0.3s;
	transform:translateX(-20px);
}


.MainStudiosCardItemCont{
	padding-top:24px;
	border-top:solid 1px #000;
}
.MainStudiosCardItemCont-title{
	font-size:24px;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	font-family:'Poppins';
	margin-bottom:8px;
}

.MainStudiosCardItemCont-text{
	font-size:14px;
	line-height:1.4em;
	color:#000;
}

.Bg-black .MainStudiosCardItemCont{
	border-top:solid 1px #fff;
}

.Bg-black .MainStudiosCardItemCont-title{
	color:#fff;
}

.Bg-black .MainStudiosCardItemCont-text{
	color:#fff;
}

.MainStudiosCardItemLogo{
	margin-bottom:62px;
}

.MainStudiosCardItemLogo-img{
	position:relative;
	height:60px;
	display:block;
}

.MainStudiosCardItemLogo-img:before{
	position:absolute;
	top:0;
	left:0;
	height:60px;
}

.MainStudiosCardItemLogo-img:after{
	position:absolute;
	top:0;
	left:0;
	height:60px;
	opacity:0;
}

.Bg-black .MainStudiosCardItemLogo-img:before{
	opacity:0;
}

.Bg-black .MainStudiosCardItemLogo-img:after{
	opacity:1;
}


/*pubg*/
.Studios-pubg .MainStudiosCardItemLogo-img{
	width:83px;
}

.Studios-pubg .MainStudiosCardItemLogo-img:before{
	content:"";
	width:83px;
	background-image:url(../img/logo/logo-pubg.png);
	background-size:83px 60px;
}

.Studios-pubg .MainStudiosCardItemLogo-img:after{
	content:"";
	width:83px;
	background-image:url(../img/logo/logo-pubg-w.png);
	background-size:83px 60px;
}

/*bluehole*/
.Studios-bluehole .MainStudiosCardItemLogo-img{
	width:60px;
}

.Studios-bluehole .MainStudiosCardItemLogo-img:before{
	content:"";
	width:60px;
	background-image:url(../img/logo/logo-bluehole.png);
	background-size:60px 60px;
}

.Studios-bluehole .MainStudiosCardItemLogo-img:after{
	content:"";
	width:60px;
	background-image:url(../img/logo/logo-bluehole-w.png);
	background-size:60px 60px;
}

/*risingwings*/
.Studios-rising .MainStudiosCardItemLogo-img{
	width:78px;
}

.Studios-rising .MainStudiosCardItemLogo-img:before{
	content:"";
	width:78px;
	background-image:url(../img/logo/logo-rising.png);
	background-size:78px 60px;
}

.Studios-rising .MainStudiosCardItemLogo-img:after{
	content:"";
	width:78px;
	background-image:url(../img/logo/logo-rising-w.png);
	background-size:78px 60px;
}

/*striking distance studios*/
.Studios-striking .MainStudiosCardItemLogo-img{
	width:182px;
}

.Studios-striking .MainStudiosCardItemLogo-img:before{
	content:"";
	width:182px;
	background-image:url(../img/logo/logo-striking.png);
	background-size:182px 60px;
}

.Studios-striking .MainStudiosCardItemLogo-img:after{
	content:"";
	width:182px;
	background-image:url(../img/logo/logo-striking-w.png);
	background-size:182px 60px;
}

/*is-Active*/
@media screen and (min-width: 1025px) {
	.is-Active .Studios-pubg .MainStudiosCardItem-link{
		background-color:#F2A900;
	}

	.is-Active .Studios-bluehole .MainStudiosCardItem-link{
		background-color:#1E82FF;
	}

	.is-Active .Studios-rising .MainStudiosCardItem-link{
		background-color:#FF5C39;
	}

	.is-Active .Studios-striking .MainStudiosCardItem-link{
		background-color:#3dcfa8;
	}

	.Bg-black .is-Active .MainStudiosCardItem-link{
		background-color:#fff;
	}

	.is-Active .MainStudiosCardItemLogo-img:before{
		opacity:0;
	}

	.is-Active .MainStudiosCardItemLogo-img:after{
		opacity:1;
	}

	.is-Active .MainStudiosCardItemCont{
		border-top:solid 1px #fff;
	}

	.is-Active .MainStudiosCardItemCont-title{
		color:#fff;
	}

	.is-Active .MainStudiosCardItemCont-text{
		color:#fff;
	}

	.is-Active .MainStudiosCardItem-link:after{
		opacity:1;
		transform:translateX(0);
	}

	.Bg-black .is-Active .MainStudiosCardItemLogo-img:before{
		opacity:1;
	}

	.Bg-black .is-Active .MainStudiosCardItemLogo-img:after{
		opacity:0;
	}

	.Bg-black .is-Active .MainStudiosCardItemCont{
		border-top:solid 1px #000;
	}

	.Bg-black .is-Active .MainStudiosCardItemCont-title{
		color:#000;
	}

	.Bg-black .is-Active .MainStudiosCardItemCont-text{
		color:#000;
	}
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.MainStudiosCardItem-link{
		padding:3.7692vw 2.3076vw 2.61538vw;
		min-height:27.307vw;
	}

	.MainStudiosCardItem-link:after{
		width:2.0769vw;
		height:0.76923vw;
		background-size:2.0769vw 0.76923vw;
		bottom:2.6153vw;
		right:2.30769vw;
	}

	.MainStudiosCardItemCont{
		padding-top:1.84615vw;
	}
	
	.MainStudiosCardItemCont-title{
		font-size:1.84615vw;
		margin-bottom:0.61538vw;
	}

	.MainStudiosCardItemCont-text{
		font-size:1.0769vw;
	}

	.MainStudiosCardItemLogo{
		margin-bottom:4.7692vw;
	}

	.MainStudiosCardItemLogo-img{
		height:4.61538vw;
	}

	.MainStudiosCardItemLogo-img:before{
		height:4.61538vw;
	}

	.MainStudiosCardItemLogo-img:after{
		height:4.61538vw;
	}

	/*pubg*/
	.Studios-pubg .MainStudiosCardItemLogo-img{
		width:6.3846vw;
	}

	.Studios-pubg .MainStudiosCardItemLogo-img:before{
		width:6.3846vw;
		background-size:6.3846vw 4.6153vw;
	}

	.Studios-pubg .MainStudiosCardItemLogo-img:after{
		width:6.3846vw;
		background-size:6.3846vw 4.6153vw;
	}

	/*bluehole*/
	.Studios-bluehole .MainStudiosCardItemLogo-img{
		width:4.6153vw;
	}

	.Studios-bluehole .MainStudiosCardItemLogo-img:before{
		width:4.6153vw;
		background-size:4.6153vw 4.6153vw;
	}

	.Studios-bluehole .MainStudiosCardItemLogo-img:after{
		width:4.6153vw;
		background-size:4.6153vw 4.6153vw;
	}

	/*risingwings*/
	.Studios-rising .MainStudiosCardItemLogo-img{
		width:6vw;
	}

	.Studios-rising .MainStudiosCardItemLogo-img:before{
		width:6vw;
		background-size:6vw 4.6153vw;
	}

	.Studios-rising .MainStudiosCardItemLogo-img:after{
		width:6vw;
		background-size:6vw 4.6153vw;
	}

	/*striking distance studios*/
	.Studios-striking .MainStudiosCardItemLogo-img{
		width:14vw;
	}

	.Studios-striking .MainStudiosCardItemLogo-img:before{
		width:14vw;
		background-size:14vw 4.6153vw;
	}

	.Studios-striking .MainStudiosCardItemLogo-img:after{
		width:14vw;
		background-size:14vw 4.6153vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainStudiosCard-list{
		margin:0 -2.3076vw;
	}
	
	.MainStudiosCardItem-link{
		padding:3.7692vw 2.3076vw 2.61538vw;
		min-height:28.645vw;
	}

	.MainStudiosCardItem-link:after{
		display:none;
	}

	.MainStudiosCardItemCont{
		padding-top:1.84615vw;
	}
	
	.MainStudiosCardItemCont-title{
		font-size:1.84615vw;
		margin-bottom:0.61538vw;
	}

	.MainStudiosCardItemCont-text{
		font-size:1.4769vw;
	}

	.MainStudiosCardItemLogo{
		margin-bottom:4.7692vw;
	}

	.MainStudiosCardItemLogo-img{
		height:4.61538vw;
	}

	.MainStudiosCardItemLogo-img:before{
		height:4.61538vw;
	}

	.MainStudiosCardItemLogo-img:after{
		height:4.61538vw;
	}

	/*pubg*/
	.Studios-pubg .MainStudiosCardItemLogo-img{
		width:6.3846vw;
	}

	.Studios-pubg .MainStudiosCardItemLogo-img:before{
		width:6.3846vw;
		background-size:6.3846vw 4.6153vw;
	}

	.Studios-pubg .MainStudiosCardItemLogo-img:after{
		width:6.3846vw;
		background-size:6.3846vw 4.6153vw;
	}

	/*bluehole*/
	.Studios-bluehole .MainStudiosCardItemLogo-img{
		width:4.6153vw;
	}

	.Studios-bluehole .MainStudiosCardItemLogo-img:before{
		width:4.6153vw;
		background-size:4.6153vw 4.6153vw;
	}

	.Studios-bluehole .MainStudiosCardItemLogo-img:after{
		width:4.6153vw;
		background-size:4.6153vw 4.6153vw;
	}

	/*risingwings*/
	.Studios-rising .MainStudiosCardItemLogo-img{
		width:6vw;
	}

	.Studios-rising .MainStudiosCardItemLogo-img:before{
		width:6vw;
		background-size:6vw 4.6153vw;
	}

	.Studios-rising .MainStudiosCardItemLogo-img:after{
		width:6vw;
		background-size:6vw 4.6153vw;
	}

	/*striking distance studios*/
	.Studios-striking .MainStudiosCardItemLogo-img{
		width:14vw;
	}

	.Studios-striking .MainStudiosCardItemLogo-img:before{
		width:14vw;
		background-size:14vw 4.6153vw;
	}

	.Studios-striking .MainStudiosCardItemLogo-img:after{
		width:14vw;
		background-size:14vw 4.6153vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainStudiosCard-item{
		width:50%;
	}
	
	.MainStudiosCard-item:nth-child(odd){
		clear:both;
	}
	
	.MainStudiosCard-list{
		margin:0 -2.6076vw;
	}
	
	.MainStudiosCardItem-link{
		padding:5.7692vw 2.6076vw 7.61538vw;
		min-height:27.307vw;
	}

	.MainStudiosCardItem-link:after{
		display:none;
	}

	.MainStudiosCardItemCont{
		padding-top:3.84615vw;
	}
	
	.MainStudiosCardItemCont-title{
		font-size:4.44615vw;
		margin-bottom:2.61538vw;
		min-height:2.4em;
	}

	.MainStudiosCardItemCont-text{
		font-size:3.2769vw;
	}

	.MainStudiosCardItemLogo{
		margin-bottom:4.7692vw;
	}

	.MainStudiosCardItemLogo-img{
		height:8.61538vw;
	}

	.MainStudiosCardItemLogo-img:before{
		height:8.61538vw;
	}

	.MainStudiosCardItemLogo-img:after{
		height:8.61538vw;
	}

	/*pubg*/
	.Studios-pubg .MainStudiosCardItemLogo-img{
		width:12.3846vw;
	}

	.Studios-pubg .MainStudiosCardItemLogo-img:before{
		width:12.3846vw;
		background-size:12.3846vw 8.6153vw;
	}

	.Studios-pubg .MainStudiosCardItemLogo-img:after{
		width:12.3846vw;
		background-size:12.3846vw 8.6153vw;
	}

	/*bluehole*/
	.Studios-bluehole .MainStudiosCardItemLogo-img{
		width:8.6153vw;
	}

	.Studios-bluehole .MainStudiosCardItemLogo-img:before{
		width:8.6153vw;
		background-size:8.6153vw 8.6153vw;
	}

	.Studios-bluehole .MainStudiosCardItemLogo-img:after{
		width:8.6153vw;
		background-size:8.6153vw 8.6153vw;
	}

	/*risingwings*/
	.Studios-rising .MainStudiosCardItemLogo-img{
		width:12vw;
	}

	.Studios-rising .MainStudiosCardItemLogo-img:before{
		width:12vw;
		background-size:12vw 8.6153vw;
	}

	.Studios-rising .MainStudiosCardItemLogo-img:after{
		width:12vw;
		background-size:12vw 8.6153vw;
	}

	/*striking distance studios*/
	.Studios-striking .MainStudiosCardItemLogo-img{
		width:28vw;
	}

	.Studios-striking .MainStudiosCardItemLogo-img:before{
		width:28vw;
		background-size:28vw 8.6153vw;
	}

	.Studios-striking .MainStudiosCardItemLogo-img:after{
		width:28vw;
		background-size:28vw 8.6153vw;
	}
}


.KeyVisualBoxText-item > .KeyVisualBoxText-img{
	fill:#fff;
}
.KeyVisualBoxTextClip{
	position:absolute;
	top:0;
	left:0;
	font-size:0;
	line-height:0;
	width:0%;
	overflow:hidden;
	animation-name: Fill;
	animation-duration: 1.4s;
    animation-fill-mode: forwards;
    animation-timing-function:cubic-bezier(.19,.05,.85,.21);
}

.delay-0{
	animation-duration: 1.6s;
}

.delay-1{
	animation-delay:0.4s;
}

.delay-2{
	animation-delay:0.6s;
	animation-duration: 1.6s;
}

.delay-3{
	animation-delay:0.8s;
	animation-duration: 1.6s;
}

.delay-4{
	animation-delay:1s;
}

.delay-5{
	animation-delay:1.1s;
	animation-duration: 1.3s;
}

@keyframes Fill {
  0% {
	  width:0%;
  }
  
  30% {
	  width:0%;
  }
  
  100% {
	width:100%;
  }
 }
 
 
 /*=========================================================
	FinancialStatements
=========================================================*/
.FinancialStatements-title{
    margin-top:37px;
	color: #000;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4em;
}
.FinancialStatements-text{
	margin-bottom:22px;
	color:#777;
	font-size:15px;
	line-height:normal;
	text-align:right;
}
.FinancialStatements .BasicTable-table thead th:first-child{
	border-left:1px solid #ddd;
}
.FinancialStatements .BasicTable-table tr:first-child th:first-child{
	border-left:none;
}
.FinancialStatements .BasicTable-table td{
	text-align:right;
}
@media screen and (max-width: 1300px) and (min-width: 1025px){
	.FinancialStatements-title{
		margin-top:2.846vw;
		font-size: 1.846vw;
	}
	.FinancialStatements-text{
		margin-bottom:1.692vw;
		font-size:1.153vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.FinancialStatements-title{
		margin-top:3.613vw;
		font-size: 2.34vw;
	}
	.FinancialStatements-text{
		margin-bottom:2.148vw;
		font-size:1.464vw;
	}
}
@media screen and (max-width: 767px) and (min-width: 1px){
	.FinancialStatements-title{
		margin-top:4.823vw;
		font-size: 5vw;
	}
	.FinancialStatements-text{
		margin-bottom:2.868vw;
		font-size:3.5vw;
		margin-top:3vw;
	}
}

 /*=========================================================
	TradingInquiry
=========================================================*/
.StockInfoTitle{
	margin-bottom: 25px;
	color: #000;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4em;
}
.TradingInquiry-text{
	margin-top: 19px;
    color: #777;
    font-size: 15px;
    line-height: normal;
    text-align: right;
}

.TradingInquiry .BasicTable-table td{
	text-align:center;
}
@media screen and (max-width: 1300px) and (min-width: 1025px){
	.StockInfoTitle{
		margin-bottom: 1.923vw;
		font-size: 1.846vw;
	}
	.TradingInquiry-text{
		margin-top:1.461vw;
		font-size: 1.153vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.StockInfoTitle{
		margin-bottom: 2.441vw;
		font-size: 2.34vw;
	}
	.TradingInquiry-text{
		margin-top: 1.855vw;
		font-size: 1.464vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.StockInfoTitle{
		margin-bottom: 3.259vw;
		font-size: 5vw;
	}
	.TradingInquiry-text{
		margin-top:2.477vw;
		font-size: 3.5vw;
	}
}

 /*=========================================================
	DisclosureInfo
=========================================================*/

.DisclosureInfoLink{
	margin-top:25px;
	margin-bottom:19px;	
}
.DisclosureInfoLink:after{
	content:'';
	display:block;
	clear:both;
}
.DisclosureInfoLink-item{
	padding-right:25px;
	float:left;
}
.DisclosureInfoLink-item:last-child{
	padding-right:0;
}
@media screen and (max-width: 1300px) and (min-width: 1025px){
	.DisclosureInfoLink{
		margin-top:1.923vw;
		margin-bottom:1.461vw;	
	}
	.DisclosureInfoLink-item{
		padding-right:1.923vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.DisclosureInfoLink{
		margin-top:2.441vw;
		margin-bottom:1.55vw;	
	}
	.DisclosureInfoLink-item{
		padding-right:2.441vw;
	}
	.DisclosureInfoTable .BasicPostList td{
		padding: 1.85vw 1.307vw;
		font-size:1.85vw;
	}
	.DisclosureInfoTable .BasicPostList-link{
		font-size:1.85vw;
	}
	.DisclosureInfoLink .TextLink-link{
		font-size:1.85vw;
	}

}

@media screen and (max-width: 767px) and (min-width: 1px){
	 /*DisclosureInfo
	=========================================================*/
	.DisclosureInfoLink{
		margin-top: 7.1599vw;
		margin-bottom:2.5vw;
	}
	.DisclosureInfoLink-item{
		padding-right:3.259vw;
	}

	 /*DisclosureInfoTable
	=========================================================*/
	.DisclosureInfoTable .BasicPostList-list td{
		padding: 0 1.5vw;
	}
	.DisclosureInfoTable .BasicPostList-list td.date{
		padding:2.85vw 1.5vw;
		float:none;
		border-bottom:none;
	}
	.DisclosureInfoTable .BasicPostList-list td.writer{
		padding:2.85vw 1.5vw;
	}
}

/*=========================================================
	ConsolidatedSheet
=========================================================*/
.border-top{
	border-top:1px solid #ddd;
}

.ConsolidatedSheetTop{
	margin-bottom:20px;
	line-height:0;
	font-size:0;
}
.ConsolidatedSheet-title{
	padding-right:15px;
    color: #000;
	display:inline-block;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4em;
}
.ConsolidatedSheet-date{
	color:#000;
	font-size:15px;
	vertical-align:2px;
}
.ConsolidatedSheet-description{
	display:table;
	width:100%;
	margin-bottom:20px;
}
.ConsolidatedSheet-text{
	display:table-cell;
	color:#000;
	font-size:16px;
	line-height:1.4em;
	font-weight:500;
	text-align:left;
}
.ConsolidatedSheet-unit{
	display:table-cell;
	color:#777;
	font-size:15px;
	line-height:1.4em;
	text-align:right;
}


table.Spacing-normal td{
	white-space:normal;
}

.ConsolidatedSheetTable-table{
	width:100%;
	border-top: 1px solid #000;
	border-bottom:1px solid #ddd;
}

.ConsolidatedSheetTable thead th{
	padding:10px;
	color:#222;
	font-size:17px;
	font-weight:bold;
	line-height:1.2em;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	vertical-align:middle;
	white-space:nowrap;
}
.ConsolidatedSheetTable tbody th{
	padding:10px;
	color:#222;
	font-size:16px;
	line-height:1.2em;
	vertical-align:middle;
	white-space:nowrap;
}
.ConsolidatedSheetTable th:first-child{
	border-left:none;
}
.ConsolidatedSheetTable td{
	padding:10px 26px;
	color:#222;
	font-size:16px;
	font-weight:normal;
	line-height:1.4em;
	vertical-align:middle;
	white-space:nowrap;
	border-left:1px solid #ddd;
}
.ConsolidatedSheetTable td:first-child{
	border-left:none;
}

.ConsolidatedSheetTable .text-large{
	padding:10px 20px;
	font-size:17px;
	font-weight:bold;
}
.ConsolidatedSheetTable .text-medium{
	padding-top:6px;
	font-weight:500;
}
.ConsolidatedSheetTable .total{
	padding-top:19px;
	padding-bottom:19px;
}

.ConsolidatedNotice{
	margin-top:15px;
}
.ConsolidatedNotice:after{
	content:'';
	display:block;
	clear:both;
}
.ConsolidatedNotice-notice{
	float:left;
}
.ConsolidatedNoticeSign{
	overflow:hidden;
	text-align:right;
}
.ConsolidatedNotice-notice{
	color:#000;
	font-size:16px;
	line-height:1.4em;
}
.ConsolidatedNoticeSign-date{
	margin-bottom:10px;
	color:#000;
	font-size:16px;
	line-height:1.4em;
}
.ConsolidatedNoticeSign-sign{
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:1.4em;
}

.ConsolidatedNoticeText{
	margin-top:37px;
	padding:27px 20px;
	background-color:#F7F7F7;
	text-align:center;
}

.ConsolidatedNoticeText-text{
	color:#000;
	font-size:14px;
	line-height: 1.9em;
}

.ConsolidatedNoticeText-sign{
	display:block;
	margin-top:14px;
	color:#000;
	font-size:15px;
	font-weight:500;
}

.ConsolidatedNoticeText  > .ConsolidatedNoticeText-sign:first-child{
	margin-top:0 !important;
}

.MiddleBulletBox{
	margin-top:0 !important;
	margin-bottom:20px;
	font-size:16px;
}

@media screen and (max-width: 1300px) and (min-width: 1025px){
	.ConsolidatedSheet-title{
		font-size: 1.846vw;
	}
	.ConsolidatedSheet-date{
		font-size:1.153vw;
	}
	.ConsolidatedSheet-description{
		margin-bottom:1.538vw;
	}
	.ConsolidatedSheet-text{
		font-size:1.230vw;
	}
	.ConsolidatedSheet-unit{
		font-size:1.153vw;
	}
	.ConsolidatedSheetTable thead th{
		padding:0.769vw;
		font-size: 1.307vw;
	}
	.ConsolidatedSheetTable td{
		padding:0.769vw 2vw;
		font-size: 1.230vw;
	}
	.ConsolidatedSheetTable .text-large{
		padding:0.769vw 1.538vw;
	}
	.ConsolidatedSheetTable .text-medium{
		padding-top:0.461vw;
	}
	.ConsolidatedSheetTable .total{
		padding-top:1.462vw;
		padding-bottom:1.462vw;
	}
	.ConsolidatedNoticeSign-date{
		margin-bottom:0.769vw;
		font-size: 1.230vw;
	}
	.ConsolidatedNoticeSign-sign{
		font-size:1.384vw;
	}
	.ConsolidatedNoticeText{
		padding:2.076vw 1.538vw;
	}
	.ConsolidatedNoticeText-text{
		font-size:1.076vw;
	}
	.ConsolidatedNoticeText-sign{
		margin-top: 1.076vw;
		font-size:1.2vw;
	}
	
	.MiddleBulletBox{
		margin-bottom:1.53846vw;
		font-size:1.23076vw;
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px){

	.ConsolidatedSheet-title{
		font-size: 2.34vw;
	}
	.ConsolidatedSheet-date{
		font-size:1.464vw;
	}	
	.ConsolidatedSheet-description{
		margin-bottom:1.953vw;
	}
	.ConsolidatedSheet-text{
		font-size:1.5625vw;
	}
	.ConsolidatedSheet-unit{
		font-size:1.464vw;
	}
	.ConsolidatedSheetTable thead th{
		padding:0.976vw;
		font-size:1.75vw;
	}
	.ConsolidatedSheetTable td{
		padding:0.976vw 1.5625vw;
		font-size:1.64vw;
	}
	.ConsolidatedSheetTable .text-large{
		padding:0.976vw 1.953vw;
		font-size: 1.660vw;
	}
	.ConsolidatedSheetTable .text-medium{
		padding-top: 0.586vw;
	}
	.ConsolidatedNoticeSign-date{
		margin-bottom: 0.976vw;
		font-size:1.64vw;
	}
	.ConsolidatedNotice{
		margin-top:1.464vw;
	}
	.ConsolidatedNotice-notice{
		font-size: 1.64vw;
	}
	.ConsolidatedNoticeSign-sign{
		font-size:1.758vw;
	}
	.ConsolidatedNoticeText{
		margin-top:3.613vw;
		padding:2.636vw 1.953vw;
	}
	.ConsolidatedNoticeText-text{
		font-size:1.54vw;
	}
	.ConsolidatedNoticeText-sign{
		margin-top:1.367vw;
		font-size:1.75vw;
	}
	.ConsolidatedSheetTable .total{
		padding-top:1.855vw;
		padding-bottom:1.855vw;
	}
	
	.MiddleBulletBox{
		margin-bottom:1.26923vw;
		font-size:1.43076vw;
	}
}
@media screen and (max-width: 767px) and (min-width: 1px){
	.ConsolidatedSheetTop{
		margin-bottom:3.607vw;
	}
	.ConsolidatedSheet-title{
		padding-right:1.955vw;
		font-size: 5vw;
	}
	.ConsolidatedSheet-date{
		font-size:3.57vw;
	}
	.ConsolidatedSheet-description{
		display:block;
		margin-bottom:3.5vw;
	}
	.ConsolidatedSheet-text{
		display:block;
		margin-bottom: 1.75vw;
		font-size:3.78vw;
	}
	.ConsolidatedSheet-unit{
		display:block;
		font-size: 3.5vw;
	}
	.ConsolidatedSheetTable thead th{
		padding:3.5vw 1.303vw;
		font-size: 3.78vw;
	}
	.ConsolidatedSheetTable td{
		padding:1.303vw 3.390vw;
		font-size: 3.78vw;
	}
	.ConsolidatedSheetTable .text-large{
		padding:1.303vw 2.607vw;
		font-size:3.78vw;
	}
	.ConsolidatedSheetTable .text-medium{
		padding-top:0.782vw;
	}
	.ConsolidatedSheetTable .total{
		padding-top:4vw ;
		padding-bottom:4vw ;
	}
	.ConsolidatedNotice{
		margin-top:1.955vw;
	}
	.ConsolidatedNotice-notice{
		float:none;
		font-size:3.78vw;
	}
	.ConsolidatedNoticeSign-date{
		margin-bottom:1.303vw;
		font-size:3.78vw;
	}
	.ConsolidatedNoticeSign-sign{
		font-size:3.8vw;
	}
	.ConsolidatedNoticeText{
		padding:3.520vw 2.607vw;
	}
	.ConsolidatedNoticeText-text{
		font-size: 3.5vw;
	}
	.ConsolidatedNoticeText-sign{
		margin-top:4.824vw;
		font-size: 3.5vw;
	}
	
	table.mo-Spacing{
		min-width:500px;
	}
	
	.MiddleBulletBox{
		margin-bottom:4.76923vw;
		font-size:3.464vw;
	}
}

/*=========================================================
	Contact
=========================================================*/
.ContactBanner{
    position: relative;
    clear: both;
    margin-bottom: 82px;
}
.ContactBanner:after {
    content: '';
    display: block;
    padding-bottom: 31.6%;
}
.ContactBanner-inner{
	position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.ContactBanner-center{
	position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
	min-width:100%;
}

.ContactBanner-img{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
	max-width:none;
    transition-property: transform;
    transition-duration: 0.2s;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.ContactBanner-img{
		max-height:calc(100% + 22vh);
	}
}


@media screen and (min-width:1301px){
	.ContactBanner-img{
		max-height:260%;
	}
}

body.Safari .ContactBanner-img{
	transition-duration: 0s;
}

.ContactList{
	margin-bottom:83px;
}
.ContactList-list{
	margin-left:-63px;
}
.ContactList-list:after{
	content:'';
	display:block;
	clear:both;
}
.ContactList-item{
	width:50%;
	padding-left:63px;
	float:left;	
}
.ContactList-link{
	display:block;
	padding:28px 0 10px;
	position:relative;
	border-top:2px solid #000;
}
.ContactList-link:after{
	content:'';
	display: block;
    margin-top: 38px;
    width: 40px;
    height: 14px;
	position:absolute;
	bottom:0;
	right:0;
    background-image: url(/wp-content/themes/krafton/assets/img/icon/ico-post-arrow-b.png);
    background-size: 40px 14px;
	transform:translateX(0);
	transition: transform 0.3s;
}
.ContactEmail-title{
	margin-bottom:6px;
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:1.4em;
}
.ContactEmail-email{
	color:#000;
	font-size:18px;
	line-height:1.4em;
}
.ContactNotice{
	padding:29px 34px;
}
.ContactNotice .BasicBullet-bullet{
	color:#000;
	font-size:15px;
	line-height:1.7em;
}
.ContactNotice .BasicBullet-text{
	color:#000;
	font-size:15px;
	line-height:1.7em;
}
.ContactNotice-text{
	color:#000;
	font-size:15px;
	line-height:1.7em;
}
@media screen and (min-width:1025px){
	.ContactList-link:hover:after{
		transform:translateX(5px);
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.ContactBanner-img{
		transition-duration: 0s;
	}
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.ContactBanner{
		margin-bottom: 6.308vw;
	}
	.ContactList{
		margin-bottom:6.385vw;
	}
	.ContactList-list{
		margin-left:-4.846vw;
	}
	.ContactList-item{
		padding-left:4.846vw;
	}
	.ContactList-link{
		padding:2.154vw 0 0.769vw;
	}
	.ContactList-link:after{
		margin-top: 2.923vw;
		width: 3.077vw;
		height: 1.076vw;
		background-size: 3.077vw 1.076vw;
	}
	.ContactEmail-title{
		margin-bottom:0.461vw;
		font-size:1.846vw;
	}
	.ContactEmail-email{
		font-size:1.385vw;
	}
	.ContactNotice{
		padding:2.230vw 2.615vw;
	}
	.ContactNotice .BasicBullet-bullet{
		font-size:1.154vw;
	}
	.ContactNotice .BasicBullet-text{
		font-size:1.154vw;
	}
	.ContactNotice-text{
		font-size:1.154vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.ContactBanner{
		margin-bottom: 8vw;
	}
		
	.ContactBanner-img{
		transition-duration: 0.1s;
	}
	.ContactList{
		margin-bottom:8.10vw;
	}
	.ContactList-list{
		margin-left:-4.152vw;
	}
	.ContactList-item{
		padding-left:4.152vw;
	}
	.ContactList-link{
		padding:2.734vw 0 0.977vw;
	}
	.ContactList-link:after{
		margin-top: 3.71vw;
		width: 3.906vw;
		height: 1.367vw;
		background-size: 3.906vw 1.367vw;
	}
	.ContactEmail-title{
		margin-bottom:0.586vw;
		font-size:2.34vw;
	}
	.ContactEmail-email{
		font-size:1.75vw;
	}
	.ContactNotice{
		padding:2.832vw 3.320vw;
	}
	.ContactNotice .BasicBullet-bullet{
		font-size:1.465vw;
	}
	.ContactNotice .BasicBullet-text{
		font-size:1.465vw;
	}
	.ContactNotice-text{
		font-size:1.465vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.ContactBanner{
		margin-bottom: 10.7vw;
	}
	.ContactBanner-inner{
		width:190vw;
	}
	.ContactBanner:after{
		padding-bottom: 57.6%;
	}
	.ContactBanner-img{
		transition-duration: 0.1s;
	}
		
	.ContactList{
		margin-bottom:10.82vw;
	}
	.ContactList-list{
		margin-left:0;
	}
	.ContactList-item:first-child{
		padding-top:0;
	}
	.ContactList-item{
		width:100%;
		padding-left:0;
		margin-top:8vw;
		float:none;
	}
	.ContactList-link{
		padding:3.650vw 0 1.304vw;
	}
	.ContactList-link:after{
		margin-top:3.65vw;
		width: 5.215vw;
		height: 1.825vw;
		background-size: 5.215vw 1.825vw;
	}
	.ContactEmail-title{
		margin-bottom:2.5vw;
		font-size:5vw;
	}
	.ContactEmail-email{
		font-size:3.5vw;
	}
	.ContactNotice{
		padding:3.781vw 4.433vw;
	}
	.ContactNotice .BasicBullet-bullet{
		font-size:3.5vw;
	}
	.ContactNotice .BasicBullet-text{
		font-size:3.5vw;
	}
	.ContactNotice-text{
		font-size:3.5vw;
	}
}



/*=========================================================
	Location
=========================================================*/
.LocationMap {
    position: relative;
    clear: both;
    margin-bottom: 81px;
	height:486px;
}
.LocationMap:after {
    content: '';
    display: block;
    padding-bottom: 40.5%;
}
.LocationMap-inner {
	overflow:hidden;
    position: absolute;
    top: 0;
    width: 100vw;
    
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}
.LocationMap-map{
	width:100%;
	height:486px;
}
.LocationAddress{
	display:table;
	width:100%;
	padding-bottom:60px;
	border-bottom:1px solid #ddd;
}
.LocationAddressInfo{
	display:table-cell;
	padding-left:63px;
	position:relative;
}
.LocationAddressInfo:before{
	content:'';
	display:block;
	width:40px;
	height:58px;
	position:absolute;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-pin.png');
	background-size:40px 58px;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.LocationAddressInfo-title{
	margin-bottom:5px;
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:1.6em;
}
.LocationAddressInfo-text{
	color:#000;
	font-size:18px;
	font-weight:300;
	line-height:1.4em;
}
.LocationAddressNumber{
	display:table-cell;
	width:30%;
	white-space:nowrap;
	vertical-align: bottom;
	line-height:0;
	font-size:0;
	text-align:right;
}

.LocationAddressNumber-list{
	overflow:hidden;
	display:inline-block;
	margin-right:27px;
	padding-right:27px;
	position:relative;
}
.LocationAddressNumber-list:before{
	content:'';
	display:block;
	width:1px;
	height:17px;
	position:absolute;
	top:50%;
	right:0;
	background-color:#ddd;
	transform:translateY(-50%);
}
.LocationAddressNumber-list:after{
	content:'';
	display:block;
	clear:both;
}
.LocationAddressNumber-list:last-child{
	margin-right:0;
	padding-right:0;
}
.LocationAddressNumber-list:last-child:before{
	right:-1px;
}
.LocationAddressNumber-title{
	margin-right:10px;
	float:left;
	color:#000;
	font-size:18px;
	font-weight:bold;
    line-height: 1.4em;
}
.LocationAddressNumber-text{
	overflow:hidden;
	color:#000;
	font-size:18px;
    line-height: 1.4em;
}


@media screen and (max-width:1300px) and ( min-width:1025px){
	.LocationMap {
		height:37.3846vw;
		margin-bottom: 6.230vw;
	}
	.LocationMap-map{
		height:37.3846vw;
	}
	.LocationAddress{
		padding-bottom:4.615vw;
	}
	.LocationAddressInfo{
		padding-left:4.846vw;
	}
	.LocationAddressInfo:before{
		width:3.077vw;
		height:4.461vw;
		background-size:3.077vw 4.461vw;
	}
	.LocationAddressInfo-title{
		margin-bottom: 0.385vw;
		font-size:1.846vw;
	}
	.LocationAddressInfo-text{
		font-size:1.384vw;
	}
	.LocationAddressNumber-list{
		margin-right:2.077vw;
		padding-right:2.077vw;
	}
	.LocationAddressNumber-title{
		margin-right:0.976vw;
		font-size:1.384vw;
	}
	.LocationAddressNumber-text{
		font-size:1.384vw;
	}
}

@media screen and (max-width:1024px) and ( min-width:768px){
	.LocationMap {
		height:47.507vw;
		margin-bottom: 7.910vw;
	}
	.LocationMap-map{
		height:47.507vw;
	}
	.LocationAddress{
		padding-bottom:5.86vw;
	}
	.LocationAddressInfo{
		padding-left:6.152vw;
	}
	.LocationAddressInfo:before{
		width:3.906vw;
		height:5.664vw;
		background-size:3.906vw 5.664vw;
	}
	.LocationAddressInfo-title{
		margin-bottom:0.488vw;
		font-size:2.343vw;
	}
	.LocationAddressInfo-text{
		font-size:1.757vw;
	}
	.LocationAddressNumber{
		width: 35%;
	}
	.LocationAddressNumber-list{
		margin-right:1.636vw;
		padding-right:1.95vw;
	}
	.LocationAddressNumber-title{
		margin-right:0.976vw;
		font-size:1.757vw;
	}
	.LocationAddressNumber-text{
		font-size:1.64vw;
	}

}

@media screen and (max-width:767px) and (min-width:1px){
	.LocationMap {
		height:75vw;
		margin-bottom: 10.56vw;
	}
	.LocationMap-map{
		height:75vw;
	}
	.LocationMap:after {
		padding-bottom: 40.5%;
	}
	.LocationAddress{
		padding-bottom:7.822vw;
	}
	.LocationAddressInfo{
		display:block;
		margin-bottom:5vw;
		padding-left:8.523vw;
	}
	.LocationAddressInfo:before{
		width:5.215vw;
		height:7.562vw;
		background-size:5.215vw 7.562vw;
		top:5%;
		transform:none;
	}
	.LocationAddressInfo-title{
		margin-bottom:2vw;
		font-size:4.78vw;
	}
	.LocationAddressInfo-text{
		font-size:3.78vw;
	}
	.LocationAddressNumber{
		display:block;
		width:100%;
		padding-left: 8.523vw;
		text-align:left;
	}
	.LocationAddressNumber-list{
		display:block;
		margin-right:0;
		padding-right:0;
	}
	.LocationAddressNumber-list{
		margin-bottom:2vw;
	}
	.LocationAddressNumber-list:last-child{
		margin-bottom:0;
	}
	.LocationAddressNumber-list:before{
		display:none;
	}
	.LocationAddressNumber-title{
		margin-right:3.607vw;
		padding-right:3.725vw;
		font-size:4vw;
		position:relative;
	}
	.LocationAddressNumber-title:after{
		content:'';
		display:block;
		width:1px;
		height:50%;
		position:absolute;
		top:50%;
		right:0;
		background-color:#ddd;
		transform:translateY(-50%);
	}
	.LocationAddressNumber-text{
		font-size:4vw;
	}


}

/* LocationHowto
=========================================================*/
.LocationHowto-list{
	padding:51px 0 56px;
	border-bottom:1px solid #ddd;
}
.LocationHowto-inner:after{
	content:'';
	display:block;
	clear:both;
}
@media screen and (max-width:1300px) and ( min-width:1025px){
	.LocationHowto-list{
		padding:3.923vw 0 4.307vw;
	}
}
@media screen and (max-width:1024px) and ( min-width:768px){
	.LocationHowto-list{
		padding:4.980vw 0 5.468vw 0;
	}
}
@media screen and (max-width:767px) and ( min-width:1px){
	.LocationHowto-list{
		padding:5.649vw 0 7.301vw;
	}
}

/* MetroInfo */
.MetroInfo-title{
	width:18%;
	padding:0 20px;
	float:left;
	color:#000;
	font-size:20px;
	font-weight:bold;
}
.MetroInfoText{
	overflow:hidden;
}
.MetroInfoText-text{
	padding-left:25px;
	display:block;
	margin-bottom: 11px;
	position:relative;
	color:#000;
	font-size:15px;
	line-height:1.6em;
}
.MetroInfoText-text:last-child{
	margin-bottom:0;
}
.MetroInfoText-text:before{
	content:'';
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	top:50%;
	left:0;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-no2.png');
	background-size:20px 20px;
	transform:translateY(-50%);
}
@media screen and (max-width:1300px) and ( min-width:1025px){
	.MetroInfo-title{
		padding:0 1.538vw;
		font-size:1.538vw;
	}
	.MetroInfoText-text{
		padding-left:1.923vw;
		margin-bottom: 0.846vw;
		font-size:1.153vw;
	}
	.MetroInfoText-text:before{
		width:1.538vw;
		height:1.538vw;
		background-size:1.538vw 1.538vw;
	}
}
@media screen and (max-width:1024px) and ( min-width:768px){
	.MetroInfo-title{
		padding:	0 2.15vw;
		font-size:2.15vw;
	}
	.MetroInfoText-text{
		margin-bottom:1.074vw;
		padding-left:2.441vw;
		font-size:1.64vw;
	}
	.MetroInfoText-text:before{
		width:1.953vw;
		height:1.953vw;
		background-size:1.953vw 1.953vw;
	}
}
@media screen and (max-width:767px) and ( min-width:1px){
	.MetroInfo-title{
		width:100%;
		padding:0;
		float:none;
		font-size: 4.75vw;
	}
	.MetroInfoText{
		padding-top:2vw;
	}
	.MetroInfoText-text{
		margin-bottom:1.434vw;
		padding-left: 5.260vw;
		font-size:4vw;
	}
	.MetroInfoText-text:before{
		width: 4vw;
		height: 4vw;
		background-size: 4vw 4vw;
	}
}

/* BustInfo */
.BusInfo-title{
	width:18%;
	padding:0 20px;
	float:left;
	color:#000;
	font-size:20px;
	font-weight:bold;
}
.BusInfoCont{
	overflow:hidden;
}
.BusInfoTitle{
	margin-bottom:7px;
	line-height:0;
	font-size:0;
}
.BusInfoTitle:after{
	content:'';
	display:block;
	clear:both;
}
.BusInfoTitle-title{
	float:left;
	/* display:inline-block; */
	margin-right:5px;
	color:#000;
	font-size:16px;
	font-weight:bold;
	line-height:1.2em;
}
.BusInfoTitle-sub{
	overflow:hidden;
	/* display:inline-block; */
	color:#000;
	font-size:14px;
	line-height:1.4em;
	vertical-align: bottom;
}
.BusNumberList{
	margin:14px 0 32px;
}
.BusNumberList-item{
	margin-bottom:13px;
}
.BusNumberList-item:last-child{
	margin-bottom:0;
}
.BusInfo .BasicBullet-bullet{
	font-size:15px;
}
.BusInfo .BasicBullet-bullet{
	padding:4px 5px;
	color:#fff;
	font-size:11px;
	line-height:1.4em;
	font-weight:500;
	background-color:#000;
	
}
.BusInfo .BasicBullet-text{
	font-size:15px;
	line-height:1.4em;
}
@media screen and (max-width:1300px) and ( min-width:1025px){
	.BusInfo-title{
		padding:0 1.538vw;
		font-size:1.538vw;
	}
	.BusInfoTitle{
		margin-bottom:0.769vw;	
	}
	.BusInfoTitle-title{
		margin-right:0.385vw;
		font-size:1.230vw;
	}
	.BusInfoTitle-sub{
		font-size:1.076vw;
	}
	.BusInfo .BasicBullet-text{
		font-size: 1.153vw;
	}
	.BusInfo .BasicBullet-bullet{
		padding: 0.307vw 0.384vw;
		font-size: 0.846vw;
	}
	
}
@media screen and (max-width:1024px) and ( min-width:768px){
	.BusInfo-title{
		padding:	0 2.15vw;
		font-size:2.15vw;
	}
	.BusInfoTitle{
		margin-bottom:0.976vw;
	}
	.BusInfoTitle-title{
		margin-right:0.488vw;
		font-size: 1.85vw;
	}
	.BusInfoTitle-sub{
		font-size:1.5vw;
	}
	.BusNumberList{
		margin:1.367vw 0 3.125vw;
	}
	.BusInfo .BasicBullet-text{
		font-size: 1.64vw;
	}
	.BusInfo .BasicBullet-bullet{
		padding: 0.3906vw .488vw;
		font-size:1.074vw
	}
}
@media screen and (max-width:767px) and ( min-width:1px){
	.BusInfo-title{
		width:100%;
		padding:0;
		float:none;
		font-size: 4.75vw;
	}
	.BusInfoCont{
		padding-top:2vw;
	}
	.BusInfoTitle{
		margin-bottom:2.35vw;
	}
	.BusInfoTitle-title{
		margin-right: 1vw;
		font-size: 4vw;
	}
	.BusInfoTitle-sub{
		font-size:3.78vw;
	}
	.BusInfo .BasicBullet-text{
		font-size:4vw;
	}
	.BusInfo .BasicBullet-bullet{
		margin-right: 1.5vw;
		padding: 0.6vw 1vw;
		font-size: 3.45vw;
	}
}

/* CarInfo */
.CarInfo-title{
	width:18%;
	padding:0 20px;
	float:left;
	color:#000;
	font-size:20px;
	font-weight:bold;
}
.CarInfoText{
	overflow:hidden;
}
.CarInfoText-title{
	margin-bottom:10px;
	color:#000;
	font-size:16px;
	font-weight:bold;
	line-height:1.4em;
}
.CarInfoText-text{
	display:block;
	margin-bottom: 11px;
	color:#000;
	font-size:15px;
	line-height:1.6em;
}
.CarInfoText-text:last-child{
	margin-bottom:0;
}

@media screen and (max-width:1300px) and ( min-width:1025px){
	.CarInfo-title{
		padding:0 1.538vw;
		font-size:1.538vw;
	}
	.CarInfoText-title{
		margin-bottom:0.769vw;
		font-size:1.230vw;
	}
	.CarInfoText-text{
		margin-bottom:0.846vw;
		font-size:1.153vw;
	}
}
@media screen and (max-width:1024px) and ( min-width:768px){
	.CarInfo-title{
		padding:	0 2.15vw;
		font-size:2.15vw;
	}
	.CarInfoText-title{
		margin-bottom:0.976vw;
		font-size: 1.85vw;
	}
	.CarInfoText-text{
		font-size: 1.64vw;
	}
}
@media screen and (max-width:767px) and ( min-width:1px){
	.CarInfo-title{
		width:100%;
		padding:0;
		float:none;
	}
	.CarInfoText{
		padding-top:2vw;
	}
}

/*=========================================================
	BrandCenterBanner
=========================================================*/
/*	BrandCenterBanner:Banner
=========================================================*/
.page-id-31 .Breadcrumb-item:nth-child(2) ~ .Breadcrumb-item{
	display:none;
}

.page-id-31 .Breadcrumb-item.parent-item{
	padding-right:0;
	margin-right:0;
}

.page-id-31 .Breadcrumb-item.parent-item .Breadcrumb-link{
	font-weight:bold;
}

.page-id-31 .Breadcrumb-item.parent-item:after{
	display:none;
}

.BrandCenterBanner{
	position:relative;
	clear:both;
	margin-bottom:90px;
}

.BrandCenterBanner:after{
	content: "";
    display: block;
    padding-bottom: 46.7%;
}

.BrandCenterBanner-inner{
	position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.BrandCenterBanner-center{
	position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
	min-width:100%;
}

.BrandCenterBanner-img{
	display: block;
    position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
	max-width:none;
	transition-property: transform;
    transition-duration: 0.2s;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.BrandCenterBanner-img{
		max-height:calc(100% + 33vh);
	}
}

@media screen and (min-width:1301px){
	.BrandCenterBanner-img{
		max-height:260%;
	}
}

body.Safari .BrandCenterBanner-img{
	transition-duration: 0s;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.BrandCenterBanner-img{
		transition-duration: 0s;
	}
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.BrandCenterBanner{
		margin-bottom:6.923vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.BrandCenterBanner{
		margin-bottom:8.7890vw;
	}
	
	.BrandCenterBanner-img{
		 transition-duration: 0.1s;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.BrandCenterBanner{
		margin-bottom:13.6923vw;
		margin-left:-20vw;
		margin-right:-20vw;
	}
	
	.BrandCenterBanner-inner{
		width:190vw;
	}
	
	.BrandCenterBanner:after{
		padding-bottom:40%;
	}
	
	.BrandCenterBanner-img{
		 transition-duration: 0.1s;
	}
}


/* BrandCenterSub
=========================================================*/
.BrandCenterSub{
	overflow:hidden;
	margin-bottom:126px;
}
.BrandCenterSub p{
	margin-bottom:6px;
	color:#000;
	font-size:20px;
	font-weight:bold;
	line-height:1.8em;
}
.BrandCenterSub p:last-child{
	margin-bottom:0;
}
/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.BrandCenterSub{
		margin-bottom:9.6923vw;
	}
	.BrandCenterSub p{
		margin-bottom:0.4615vw;
		font-size:1.5384vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.BrandCenterSub{
		margin-bottom:10.30vw;
	}
	.BrandCenterSub p{
		margin-bottom:0.5859vw;
		font-size:1.9531vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.BrandCenterSub{
		margin-bottom:16.4276vw;
	}
	.BrandCenterSub p{
		margin-bottom:3.5vw;
		font-size:4.6075vw;
	}
}


/* BrandCenterCont
=========================================================*/
.BrandCenterCont{
	margin-bottom:72px;
}
.BrandCenterCont:last-child{
	margin-bottom:0;
}
.BrandCenterContTitle{
	overflow:hidden;
	margin-bottom:42px;
}
.BrandCenterCont-title{
	color:#000;
	font-family: 'Poppins', sans-serif;
	font-size:46px;
	font-weight:500;
	line-height:1.2em;
	transform: translateY(101%);
    transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
}
.is-Opacity .BrandCenterCont-title{
	transform: translateY(0%);
}



.BrandCenterCont-content p{
	color:#000;
	font-size:18px;
	line-height:1.7em;
}

.BrandCenterCont-logo{
	margin-top:28px;
}
.BrandCenterCont-img{
	position:relative;
	background-color:#f7f7f7;
}
.BrandCenterCont-img:after{
	content:'';
	display:block;
	padding-bottom:27.083%;
}
.BrandCenterCont-img img{
	max-width:390px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.BrandCenterCont-logo{
	position:relative;	
	font-size:0;
	line-height:0;
}
.BrandCenterCont-Typeface{
	position: relative;
}
.BrandCenterCont-Typeface:after{
	content:'';
	display:block;
	padding-bottom:27.70%;
}
.BrandCenterCont-Typeface img{
	width:100%;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.BrandCenterBtm{
	margin-top:72px;
	padding:35px 30px 25px;
	border:1px solid #ddd;
}
.BrandCenterBtm-text{
	margin-bottom:5px;
	color:#000;
	font-size:14px;
	line-height:1.8em;
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.BrandCenterCont{
		margin-bottom:5.538vw;
	}
	.BrandCenterContTitle {
		margin-bottom:3.230vw;
	}
	.BrandCenterCont-title{
		font-size:3.538vw;
	}
	.BrandCenterCont-content p{
		font-size:1.384vw;
	}
	.BrandCenterCont-img img{
		max-width:30vw;
	}
	.BrandCenterCont-logo{
		margin-top:2.153vw;
	}
	.BrandCenterBtm{
		margin-top:5.538vw;
		padding:2.692vw 2.307vw 1.923vw;
	}
	.BrandCenterBtm-text{
		margin-bottom:0.3846vw;
		font-size:1.0769vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.BrandCenterCont{
		margin-bottom:7.031vw;
	}
	.BrandCenterContTitle {
		margin-bottom:4.1015vw;
	}
	.BrandCenterCont-title{
		font-size:4.492vw;
	}
	.BrandCenterCont-content p{
		font-size:1.757vw;
	}
	.BrandCenterCont-img img{
		max-width:38.08vw;
	}
	.BrandCenterCont-logo{
		margin-top:2.734vw;
	}
	.BrandCenterBtm{
		margin-top:8.031vw;
		padding:3.417vw 2.929vw 2.441vw;
	}
	.BrandCenterBtm-text{
		margin-bottom:0.88vw;
		font-size:1.5vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.BrandCenterCont{
		margin-bottom:18.387vw;
	}
	.BrandCenterContTitle {
		margin-bottom:5.475vw;
	}
	.BrandCenterCont-title{
		font-size:6.908vw;
	}
	.BrandCenterCont-content p{
		font-size:4vw;
	}
	.BrandCenterCont-img img{
		max-width:40.84vw;
	}
	.BrandCenterCont-logo{
		margin-top:3.650vw;
	}
	
	.BrandCenter .DownloadBtn{
		width:auto;
		height:auto;
		padding-right: 6vw;
		font-size:3.5vw;
		text-indent: unset;
	}
	.BrandCenter .DownloadBtn:after {
		width: 3.5vw;
		height: 3.5vw;
		background-size: 3.5vw 3.5vw;
	}
	
	.BrandCenterBtm{
		margin-top:18vw;
		padding:4.5632vw 3.9113vw 3.259vw;
	}
	.BrandCenterBtm-text{
		margin-bottom:2vw;
		font-size: 3.5vw;
	}
}

/* Studio
=========================================================*/
.BrandCenterStudio-item{
	padding-bottom:58px;
}
.BrandCenterStudio-item:last-child{
	padding-bottom:0;
}

.BrandCenterResourceItem{
	overflow:hidden;
	margin-top:20px;
}

.BrandCenterResourceItem-list{
	font-size:0;
	line-height:0;
	text-align:right;
}

.BrandCenterResourceItem-item{
	overflow:hidden;
	display:inline-block;
	margin-right:32px;
	padding-right:32px;
	position:relative;
}
.BrandCenterResourceItem-item:after{
	content:'';
	display:block;
	width:1px;
	height:65%;
	position:absolute;
	top:50%;
	right:0;
	background-color:#ddd;
	transform:translateY(-50%);
}
.BrandCenterResourceItem-item:last-child{
	margin-right:0;
	padding-right:0;
}
.BrandCenterResourceItem-item:last-child:after{
	right:-1px;
}

.BrandCenterStudioItem-img{
	overflow:hidden;
	position:relative;
	background-color:#F7F7F7;
}

.BrandCenterStudioItem-img:after{
	content:'';
	display:block;
	padding-bottom:16.666%;
}
.BrandCenterStudioItem-img img{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.BrandCenterStudioItem-img.Default img{
	max-width:175px;
}
.BrandCenterStudioItem-img.Pubg img{
	max-width:109px;
}

.BrandCenterStudioItem-img.Bluehole img{
	max-width:228px;
}

.BrandCenterStudioItem-img.Risingwings img{
	max-width:115px;
}

.BrandCenterStudioItem-img.Striking img{
	max-width:173px;
}

.BrandCenterStudioItem-img.Dreammotion img{
	max-width:211px;
}

.BrandCenterStudioItem-img.Unknown img{
	max-width:228px;
}

.BrandCenterStudioItem-img.fiveminlab img{
	max-width:228px;
}

.BrandCenterStudioItem-img.max175 img{
	max-width:175px;
}
.BrandCenterStudioItem-img.max109 img{
	max-width:109px;
}

.BrandCenterStudioItem-img.max228 img{
	max-width:228px;
}

.BrandCenterStudioItem-img.max115 img{
	max-width:115px;
}

.BrandCenterStudioItem-img.max173 img{
	max-width:173px;
}

.BrandCenterStudioItem-img.max211 img{
	max-width:211px;
}



@media screen and (max-width:1300px) and (min-width:1025px){
	.BrandCenterStudio-item{
		padding-bottom:4.461vw;
	}
	.BrandCenterResourceItem{
		margin-top:1.538vw;
	}
	.BrandCenterResourceItem-item{
		margin-right:2.461vw;
		padding-right:2.461vw;
	}
	.BrandCenterStudioItem-img.Default img{
		max-width:13.4615vw;
	}
	.BrandCenterStudioItem-img.Pubg img{
		max-width:8.384vw;
	}

	.BrandCenterStudioItem-img.Bluehole img{
		max-width:17.538vw;
	}

	.BrandCenterStudioItem-img.Risingwings img{
		max-width:8.846vw;
	}

	.BrandCenterStudioItem-img.Striking img{
		max-width:13.307vw;
	}
	.BrandCenterStudioItem-img.Dreammotion img{
		max-width:17vw;
	}
	
	.BrandCenterStudioItem-img.Unknown img{
		max-width:17.538vw;
	}

	.BrandCenterStudioItem-img.fiveminlab img{
		max-width:17.538vw;
	}
	
	.BrandCenterStudioItem-img.max175 img{
		max-width:13.4615vw;
	}
	.BrandCenterStudioItem-img.max109 img{
		max-width:8.384vw;
	}

	.BrandCenterStudioItem-img.max228 img{
		max-width:17.538vw;
	}

	.BrandCenterStudioItem-img.max115 img{
		max-width:8.846vw;
	}

	.BrandCenterStudioItem-img.max173 img{
		max-width:13.307vw;
	}

	.BrandCenterStudioItem-img.max211 img{
		max-width:17vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){

	.BrandCenterStudio-item{
		padding-bottom:5.664vw;
	}
	.BrandCenterResourceItem{
		margin-top:1.953vw;
	}
	.BrandCenterResourceItem-item{
		margin-right:3.125vw;
		padding-right:3.125vw;
	}
	.BrandCenterStudioItem-img.Default img{
		max-width:17vw;
	}
	.BrandCenterStudioItem-img.Pubg img{
		max-width:10.64vw;
	}

	.BrandCenterStudioItem-img.Bluehole img{
		max-width:22.26vw;
	}

	.BrandCenterStudioItem-img.Risingwings img{
		max-width:11.23vw;
	}

	.BrandCenterStudioItem-img.Striking img{
		max-width:16.89vw;
	}
	.BrandCenterStudioItem-img.Dreammotion img{
		max-width:21.58vw;
	}
	
	.BrandCenterStudioItem-img.Unknown img{
		max-width:22.26vw;
	}

	.BrandCenterStudioItem-img.fiveminlab img{
		max-width:22.26vw;
	}
	
	.BrandCenterStudioItem-img.max175 img{
		max-width:17vw;
	}
	.BrandCenterStudioItem-img.max109 img{
		max-width:10.64vw;
	}

	.BrandCenterStudioItem-img.max228 img{
		max-width:22.26vw;
	}

	.BrandCenterStudioItem-img.max115 img{
		max-width:11.23vw;
	}

	.BrandCenterStudioItem-img.max173 img{
		max-width:16.89vw;
	}

	.BrandCenterStudioItem-img.max211 img{
		max-width:21.58vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.BrandCenterCont-img{
		margin-left:-6.25vw;
		margin-right:-6.25vw;
	}
	.BrandCenterCont-img:after{
		padding-bottom:30%;
	}
	.BrandCenterCont-Typeface{
		margin-left:-6.25vw;
		margin-right:-6.25vw;
	}

	.BrandCenterStudio-item{
		padding-bottom:7.561vw;
	}
	.BrandCenterResourceItem{
		margin-top:2.607vw;
	}
	.BrandCenterResourceItem-item{
		margin-right:4.172vw;
		padding-right:4.172vw;
	}
	.BrandCenterStudioItem-img{
		margin-right:-6.25vw;
		margin-left:-6.25vw;
	}
	.BrandCenterStudioItem-img:after{
		padding-bottom:32%;
	}
	
	.BrandCenterStudioItem-img.Default img{
		max-width:29vw;
	}
	
	.BrandCenterStudioItem-img.Pubg img{
		max-width:14.21vw;
	}

	.BrandCenterStudioItem-img.Bluehole img{
		max-width:29.72vw;
	}

	.BrandCenterStudioItem-img.Risingwings img{
		max-width:14.99vw;
	}

	.BrandCenterStudioItem-img.Striking img{
		max-width:28vw;
	}
	.BrandCenterStudioItem-img.Dreammotion img{
		max-width:28.81vw;
	}
	
	.BrandCenterStudioItem-img.Unknown img{
		max-width:29.72vw;
	}

	.BrandCenterStudioItem-img.fiveminlab img{
		max-width:29.72vw;
	}
	
	.BrandCenterStudioItem-img.max175 img{
		max-width:29vw;
	}
	.BrandCenterStudioItem-img.max109 img{
		max-width:14.21vw;
	}

	.BrandCenterStudioItem-img.max228 img{
		max-width:29.72vw;
	}

	.BrandCenterStudioItem-img.max115 img{
		max-width:14.99vw;
	}

	.BrandCenterStudioItem-img.max173 img{
		max-width:28vw;
	}

	.BrandCenterStudioItem-img.max211 img{
		max-width:28.81vw;
	}
}

/* =========================================================
	Studios
=========================================================*/
.StudiosList-item{
	margin-bottom:10px;
}
.StudiosList-item:last-child{
	margin-bottom:0;
}
.StudiosList-link{
	overflow:hidden;
	display:block;
	position:relative;
}
.StudiosListItem{
	display:table;
	width:100%;
	padding:3.4% 0;
	position:relative;
	background-color:#F7F7F7;
}
.StudiosListItem:after{
	content:'';
	display: block;
    width: 40px;
    height: 14px;
	position:absolute;
	bottom:40px;
	right:40px;
	z-index:5;
    background-image: url(/wp-content/themes/krafton/assets/img/icon/ico-post-arrow-b.png);
    background-size: 40px 14px;
	transform:translateX(0);
	transition-property: background-image, transform;
	transition-duration: 0.2s;
	transition-delay: 0.2s;
}
.StudiosListItemBg{
	display:block;
	width:0%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition-property: width, background-color;
	transition-duration: 0.4s;
    transition-timing-function: ease-out;
}

.StudiosListItemLogo{
	width:31.66%;
	display:table-cell;
	position:relative;
}
.StudiosListItemLogo:after{
	content:'';
	display:block;
	padding-bottom:40%;
}
.StudiosListItemLogo-img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	transition-property:opacity;
	transition-duration: 0.05s;
	transition-delay: 0s;
}
.StudiosListItem .StudiosListItemLogo-img{
	width:155px;
}

.StudiosListItem.Pubg .StudiosListItemLogo-img{
	width:100px;
}

.StudiosListItem.Bluehole .StudiosListItemLogo-img{
	width:205px;
}

.StudiosListItem.RisingWings .StudiosListItemLogo-img{
	width:104px;
}

.StudiosListItem.Striking .StudiosListItemLogo-img{
	width:155px;
}
.StudiosListItem.Dreammotion .StudiosListItemLogo-img{
	width:190px;
}

.StudiosListItemCont{
	display:table-cell;
	position:relative;
	vertical-align: middle;
}
.StudiosListItemCont-list{
	margin-bottom:5px;
}
.StudiosListItemCont-list:after{
	content:'';
	display:block;
	clear:both;
}
.StudiosListItemCont-item{
	overflow:hidden;
	margin-right:12px;
	padding-right:12px;
	float:left;
	position:relative;
	color:#000;
	font-size:12px;
	line-height:1.2em;
	transition-property:color;
	transition-duration: 0.1s;
	transition-delay: 0.05s;
}
.StudiosListItemCont-item:after{
	content:'';
	display:block;
	width:1px;
	height:70%;
	background-color:#959595;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	transition-property: background-color;
    transition-duration: 0.1s;
    transition-delay: 0.05s;
}
.StudiosListItemCont-item:last-child:after{
	right:-1px;
}
.StudiosListItemCont-title{
	color:#000;
	font-family:'Poppins';
	font-size:36px;
	font-weight:600;
	line-height:1.2em;
	transition-property:color;
	transition-duration: 0.1s;
	transition-delay: 0.05s;
}
.StudiosListItemCont-text{
	margin-top:10px;
	color:#000;
	font-size:16px;
	line-height:1.6em;
	transition-property:color;
	transition-duration: 0.1s;
	transition-delay: 0.05s;
}

@media screen and (min-width:1025px){
	.StudiosList-link:hover .StudiosListItemBg{
		width:100%;
	}
	.StudiosList-link:hover .StudiosListItemBg{
		background-color:#fff;
	}
	.StudiosList-link .StudiosListItemLogo-img.white{
		opacity:0;
	}
	.StudiosList-link:hover .StudiosListItemLogo-img.black{
		opacity:0;
	}
	.StudiosList-link:hover .StudiosListItemLogo-img.white{
		opacity:100;
	}
	.StudiosList-link:hover .StudiosListItemCont-item{
		color:#fff;
	}
	.StudiosList-link:hover .StudiosListItemCont-title{
		color:#fff;
	}
	.StudiosList-link:hover .StudiosListItemCont-text{
		color:#fff;
	}
	.StudiosList-link:hover .StudiosListItem:after{
		background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-post-arrow.png');
		transform:translateX(5px);
	}
	
	.StudiosList-link:hover .StudiosListItemCont-item:after{
		background-color:#fff;
	}
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.StudiosList-item{
		margin-bottom: 0.769vw;
	}
	.StudiosListItem{
		padding:3.0769vw 0;
	}
	.StudiosListItem:after{
		width: 3.0769vw;
		height: 1.0769vw;
		bottom: 3.076vw;
		right: 3.076vw;
		background-size: 3.0769vw 1.0769vw;
	}
	.StudiosListItem .StudiosListItemLogo-img{
		width:11.923vw;
	}
	.StudiosListItem.Pubg .StudiosListItemLogo-img{
		width:7.6923vw;
	}
	.StudiosListItem.Bluehole .StudiosListItemLogo-img{
		width:15.7692vw;
	}
	.StudiosListItem.RisingWings .StudiosListItemLogo-img{
		width:10.156vw;
	}
	.StudiosListItem.Striking .StudiosListItemLogo-img{
		width:11.923vw;
	}
	.StudiosListItem.Dreammotion .StudiosListItemLogo-img{
		width:14.6153vw;
	}
	.StudiosListItemCont-list{
		margin-bottom:0.384vw;
	}

	.StudiosListItemCont-item{
		margin-right:0.923vw;
		padding-right:0.923vw;
		font-size:0.923vw;

	}
	.StudiosListItemCont-item:last-child:after{
		right:-1px;
	}
	.StudiosListItemCont-title{
		font-size:2.769vw;
	}
	.StudiosListItemCont-text{
		margin-top:0.7692vw;
		font-size:1.230vw;
	}
}
@media screen and (max-width:1024px) and (min-width:1px){
	.StudiosListItemLogo-img.white{
		display:none;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.StudiosList-item{
		margin-bottom: 0.976vw;
	}
	.StudiosListItem{
		padding:3.906vw 0;
	}
	.StudiosListItem:after{
		width:3.906vw;
		height:1.3671vw;
		bottom: 3.906vw;
		right: 3.906vw;
		background-size: 3.906vw 1.3671vw;
	}
	.StudiosListItem .StudiosListItemLogo-img{
		width:15.1367vw;
	}
	.StudiosListItem.Pubg .StudiosListItemLogo-img{
		width:9.775vw;
	}
	.StudiosListItem.Bluehole .StudiosListItemLogo-img{
		width:20.01vw;
	}
	.StudiosListItem.RisingWings .StudiosListItemLogo-img{
		width:10.156vw;
	}
	.StudiosListItem.Striking .StudiosListItemLogo-img{
		width:15.1367vw;
	}
	.StudiosListItem.Dreammotion .StudiosListItemLogo-img{
		width:18.5546vw;
	}
	.StudiosListItemCont-list{
		margin-bottom:0.488vw;
	}
	.StudiosListItemCont-item{
		margin-right: 1.1718vw;
		padding-right: 1.1718vw;
		font-size: 1.1718vw;
	}
	.StudiosListItem.Bluehole .StudiosListItemLogo-img{
		max-width:80%;
	}
	.StudiosListItemCont-title{
		font-size:3.516vw;
	}
	.StudiosListItemCont-text{
		margin-top:1.302vw;
		font-size:1.5625vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.StudiosList-item{
		margin-bottom: 5vw;
	}
	.StudiosListItem{
		display:block;
		padding:3vw 4vw 15vw;
	}
	.StudiosListItemLogo{
		display:block;
		width:100%;
	}
	.StudiosListItemCont{
		display:block;
		margin-top:2vw;
	}
	.StudiosListItem:after{
		width: 9.523vw;
		height: 3.333vw;
		bottom: 6.215vw;
		right: 5.215vw;
		background-size: 9.523vw 3.333vw;
	}
	.StudiosListItemLogo-img{
		left:0;
		transform:translate(0,-50%);
	}
	.StudiosListItem .StudiosListItemLogo-img{
		width:32vw;
	}
	.StudiosListItem.Pubg .StudiosListItemLogo-img{
		width:22vw;
	}
	.StudiosListItem.Bluehole .StudiosListItemLogo-img{
		width:42vw;
	}
	.StudiosListItem.RisingWings .StudiosListItemLogo-img{
		width:21vw;
	}
	.StudiosListItem.Striking .StudiosListItemLogo-img{
		width:32vw;
	}
	.StudiosListItem.Dreammotion .StudiosListItemLogo-img{
		width:40vw;
	}
	.StudiosListItemCont-list{
		margin-bottom:2.190vw;
	}
	.StudiosListItemCont-item{
		margin-right:2.8571vw;
		padding-right:2.8571vw;
		font-size:3.15vw;

	}
	.StudiosListItemCont-item:last-child:after{
		right:-1px;
	}
	/* .StudiosListItemLogo-img{ */
		/* width:28%; */
	/* } */
	.StudiosListItemCont-title{
		font-size:6.571vw;
	}
	.StudiosListItemCont-text{
		margin-top:2.380vw;
		font-size:4vw;
	}

}



/*=========================================================
	PageError 
=========================================================*/
body.error404 .site-footer{
	display:none;
}
.PageError{
	width:100%;
    position: fixed;
    top: 50%;
    left: 50%;
	text-align: center;
    transform: translate(-50%, -50%);
}

.PageError-ico{
	width:63px;
	line-height:0;
	margin:0 auto;
}

.PageError-title{
	color:#000;
	font-size:44px;
	font-weight:bold;
	line-height:1.4em;
}
.PageError-text{
	margin-top:15px;
	color:#000;
	font-size:17px;
	line-height:1.4em;
}
.PageErrorBtn{
	margin-top:90px;
	font-size:0;
	line-height:0;
}
.PageErrorBtn-link{
	display:inline-block;
	padding:16px 44px;
	line-height:1.2em;
	color:#fff;
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	font-weight:600;
	background-color:#000;
	border: 2px solid #000;
	transition:background-color 0.2s, color 0.2s;
}

@media screen and (min-width:1025px){
	.PageErrorBtn-link:hover{
		color:#000;
		background-color:#fff;
	}
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.PageError-title{
		font-size:3.384vw;
	}
	.PageError-text{
		margin-top:1.153vw;
		font-size:1.307vw;
	}
	.PageErrorBtn{
		margin-top:6.923vw;
	}
	.PageErrorBtn-link{
		padding:1.230vw 3.384vw;
		font-size:1.230vw;
	}
	
	.PageError-ico{
		width:4.846vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.PageError-title{
		font-size:4.296vw;
	}
	.PageError-text{
		margin-top:1.464vw;
		font-size:1.78vw;
	}
	.PageErrorBtn{
		margin-top:8.789vw;
	}
	.PageErrorBtn-link{
		padding: 1.5625vw 4.296vw;
		font-size: 1.5625vw;
	}
	
	.PageError-ico{
		width:4.846vw;
		margin-bottom:2vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.PageError{
	}
	.PageError-title{
		font-size:5.736vw;
	}
	.PageError-text{
		margin-top:1.153vw;
		font-size:3.78vw;
	}
	.PageErrorBtn{
		margin-top:12vw;
	}
	.PageErrorBtn-link{
		padding:3.2vw 16vw;
		font-size:3.85vw;
	}
	
	.PageError-ico{
		width:9.846vw;
		margin-bottom:2vw;
	}
}


/*=========================================================
	Recruit
=========================================================*/

.RecruitSearch:after{
	content:'';
	display:block;
	clear:both;
}
.RecruitSearch-search{
	width:22.08%;
	margin-right:5.66%;
	float:left;
}

@media screen and (min-width:768px){
	.RecruitSearch-search{
		display:block !important;
	}
}

.RecruitResult{
	overflow:hidden;
	min-height: 430px;
}

.RecruitSearchTitle{
	width:100%;
	position:relative;
	margin-bottom:50px;
}
.RecruitSearchTitle.mobile{
	display:none;
}

.RecruitSearchTitle-text{
	display:block;
	color:#000;	
	font-size:20px;
	font-weight:bold;
	line-height:1.4em;
}

.RecruitSearchTitle-button{
	padding-right:23px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	color:#000;	
	font-size:14px;
	font-weight:bold;
	line-height:1.4em;
}
.RecruitSearchTitle-button:after{
	content:'';
	display:block;
	width:17px;
	height:13px;
	position:absolute;
	top:50%;
	right:0;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-clear.png');
	background-size:17px 13px;
	transform:translateY(-50%);
}

.RecruitSearchItem{
	width:100%;
	margin-bottom:5px;
	position:relative;
}
.RecruitSearchItem:last-child{
	margin-bottom:0;
}
.RecruitSearchItem-link{
	overflow:hidden;
	height:50px;
	padding:11px 31px 10px 0px;
	display:block;
	position:relative;
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:normal;
	text-align:left;
	white-space:nowrap;
	text-overflow: ellipsis;
	border-bottom:2px solid #000;
}
.RecruitSearchItem-link:after{
	width:11px;
	height:7px;
	content:'';
	display:block;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-select-arrow_b.png') ;
	background-position:center;
	background-size:11px 7px;
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%);
	transition:transform 0.2s;
}
.RecruitSearchItem.is-Active .RecruitSearchItem-link:after{
	transform: rotate(-180deg) translateY(50%);
}
.RecruitSearchItem-content{
	overflow:hidden;
	display:none;
	padding:26px 0;
	width:100%;
	background-color:#fff;
	top:100%;
	z-index:50;
}
.RecruitSearchItem-item{
	padding-bottom:17px;
}
.RecruitSearchItem-item:last-child{
	padding-bottom:0;
}

.RecruitSearchMoBtn{
	display:none;
	padding:5vw 6.25vw;
	text-align:center;
	display:none;
	background-color:#000;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:10;
	font-size:4.2846vw;
	color:#fff;
	font-weight:500;
	line-height:1.6em;
}

.RecruitSearchSearch-close{
	display:none;
	width: 5.216vw;
    height: 5.216vw;
	position:absolute;
    top: 4.346vw;
    right: 4.346vw;
    background-size: 5.216vw 5.216vw;
	background-image: url(/wp-content/themes/krafton/assets/img/icon/ico-closed-1.png);
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.RecruitSearchTitle{
		margin-bottom:3.8461vw;
	}
	.RecruitSearchTitle-text{
		font-size:1.538vw;
	}
	.RecruitSearchTitle-button{
		padding-right:1.769vw;
		font-size:1.076vw;
	}
	.RecruitSearchTitle-button:after{
		width:1.307vw;
		height:1.307vw;
		background-size:1.307vw 1.307vw;
	}
	.RecruitSearchItem-link{
		height: calc(3.6923vw + 2px);
		padding: 0.846vw 2.384vw 0.7692vw 0;
		font-size: 1.3846vw;
	}
	.RecruitSearchItem-link:after{
		width: 0.846vw;
		height: 0.5384vw;
		background-size: 0.8461vw 0.53846vw;
		right: 0.769vw;
	}
	.RecruitSearchItem-content{
		padding:2vw 0;
	}
	.RecruitSearchItem-item{
		padding-bottom:1.307vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.RecruitSearch-search{
		margin-right:3.636%;
	}
	.RecruitSearchTitle{
		margin-bottom:4.882vw;
	}
	.RecruitSearchTitle-text{
		font-size:1.953vw;
	}
	.RecruitSearchTitle-button{
		padding-right:2.2460vw;
		font-size:1.367vw;
	}
	.RecruitSearchTitle-button:after{
		width:1.660vw;
		height:1.269vw;
		background-size:1.660vw 1.269vw;
	}
	.RecruitSearchItem-link{
		height: calc(4.8675vw + 2px);
		padding: 1.074vw 3.027vw 0.976vw 0;
		font-size: 1.7578vw;	
	}
	.RecruitSearchItem-link:after{
		width: 1.074vw;
		height: 0.683vw;
		background-size: 1.074vw 0.683vw;
		right: 0.976vw;
	}
	.RecruitSearchItem-content{
		padding:2.539vw 0;
	}
	.RecruitSearchItem-item{
		padding-bottom:1.660vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.RecruitResult{
		min-height:460px;
	}
	.RecruitSearchTitle{
		margin-bottom:0;
	}
	.RecruitSearchTitle-text{
		padding: 5vw 0;
		position:relative;
		color:#fff;
		font-size: 4.2846vw;
		text-align:left;
		background-color:#000;
	}
	.RecruitSearchTitle-text:after{
		content:'';
		display:block;
		width: 2.868vw;
		height: 1.825vw;
		position:absolute;
		top:50%;
		right: 5.736vw;
		background-image: url('/wp-content/themes/krafton/assets/img/icon/ico-select-arrow_w.png');
		background-size: 2.868vw 1.825vw;
		transform:translateY(-50%);
	}
	.RecruitSearchTitle.is-Active .RecruitSearchTitle-text:after {
		transform: rotate(-180deg) translateY(50%);
	}
	.RecruitSearchTitle-button{
		padding-right:6vw;
		font-size:3.5vw;
	}
	.RecruitSearchTitle-button:after{
		width:4.656vw;
		height:3.531vw;
		background-size:4.656vw 3.531vw;
	}
	
	.RecruitSearchTitle.pc{
		overflow:hidden;
		padding:0 6.25vw;
	}
	
	.RecruitSearchTitle.pc .RecruitSearchTitle-text{
		background-color:transparent;
		color:#000;
		font-size:6vw;
	}
	
	.RecruitSearchTitle.pc .RecruitSearchTitle-text:after{
		display:none;
	}
	
	.RecruitSearchTitle.pc .RecruitSearchTitle-button{
		float:right;
		margin-right:6.25vw;
	}
	.RecruitSearchTitle.mobile{
		display:block;
		text-align:right;
		margin-left:-6.25vw;
		width:auto;
	}
	
	.RecruitSearchTitle.mobile .RecruitSearchTitle-text{
		padding-left:6.25vw;
	}
	
	.RecruitSearch-search{
		transition-property: opacity, visibility;
		transition-duration: 0.14s;
		transition-timing-function: ease-out;
		opacity:0;
		visibility:hidden;
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		width:auto;
		background-color:#fff;
		z-index:2000;
		margin:0;
		float:none;
		padding:11.25vw 0 17.25vw;
	}
	
	.RecruitSearchMoBtn{
		display:block;
		transition-property: transform;
		transition-duration: 0.2s;
		transition-delay:0.26s;
		transition-timing-function: ease-out;
		transform:translateY(110%);
	}
	
	.RecruitSearch-search.is-Active .RecruitSearchMoBtn{
		transform:translateY(0%);
	}
	
	.admin-bar .RecruitSearch-search{
		top:46px;
	}
	
	.RecruitSearch-search.is-Active{
		opacity:1;
		visibility:visible;
	}
	
	.RecruitSearchCont{
		padding-bottom:36vw;
		overflow:hidden;
		overflow-y:auto;
		max-height:calc(100vh - 46vw);
		padding-left:6.25vw;
		padding-right:6.25vw;
	}
	
	.admin-bar .RecruitSearchCont{
		max-height:calc(100vh - 46vw - 46px);
	}
	
	.RecruitSearchItem{
		margin-bottom:0;
	}
	.RecruitSearchItem-link{
		height: calc(12.615vw + 2px);
		padding: 2.868vw 13.55vw 2.607vw 0;
		font-size: 4.2846vw;
	}
	.RecruitSearchItem-link:after{
		width: 2.868vw;
		height: 2.025vw;
		background-size: 2.868vw 2.025vw;
		right: 5.736vw;
	}
	.RecruitSearchItem-content{
		padding:4.190vw 0;
	}
	.RecruitSearchItem-item{
		padding-bottom:4.047vw;
	}

	.RecruitSearchTitle.mobile .RecruitSearchTitle-text:after{
		width:2px;
		height:14px;
		background-color:#fff;
		right:6.28vw;
		transform: translateY(-50%);
		background-image:none;
	}
	
	.RecruitSearchTitle.mobile .RecruitSearchTitle-text:before{
		content:"";
		position:absolute;
		top:50%;
		width:14px;
		height:2px;
		background-color:#fff;
		right:calc(6.25vw - 6px);
		transform: translateY(-50%);
		background-image:none;
	}
	
	.RecruitSearchSearch-close{
		display:block;
	}
	
	.RecruitSearchMoBtn{
		display:block;
	}
}

/* RecruitListTopFilter
=========================================================*/
.RecruitListTopFilter:after{
	content:"";
	display:table;
	clear:both;
}
.RecruitListTopFilter .BasicSelect {
	width:165px;
}
/* .RecruitListTopFilter .SearchInput{ */
	/* float:right; */
	/* width:238px; */
/* } */

@media screen and (max-width:1300px) and (min-width:1025px){
	.RecruitListTopFilter .SearchInput{
		width: 19.7vw;
	}
	.RecruitListTopFilter .BasicSelect {
		width:12.6923vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.RecruitListTopFilter .SearchInput{
		width: 31.02vw;
	}
	.RecruitListTopFilter .BasicSelect {
		width:17.1132vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.RecruitListTopFilter.mb30{
		margin-top: 10vw;
		margin-bottom:0 !important;
	}
	.RecruitListTopFilter .BasicSelect {
		width:30vw;
	}
	/* .RecruitListTopFilter .SearchInput{ */
		/* width: 100%; */
		/* float:none; */
	/* } */
}


/* RecruitList
=========================================================*/
.RecruitResultHeader{
	display:table;
	width:100%;
	margin-bottom:50px;
}
.RecruitResultHeaderTitle{
	display:table-cell;
}

.RecruitResultHeaderSaved{
	display:table-cell;
	text-align:right;
	vertical-align:middle;
}

.RecruitResultHeaderTitle-number{
	color:#000;
	font-size:22px;
	font-weight:bold;
	line-height:1.4em;
}
.RecruitResultHeaderTitle-text{
	color:#000;
	font-size:22px;
	line-height:1.4em;
}
.RecruitList-item{
	padding-top:50px;
	padding-bottom:50px;
	border-bottom:1px solid #ddd;
}
.RecruitList-item:first-child{
	padding-top:0;
}
.RecruitItem{
	position:relative;
}
.RecruitItemTitle-link{
	display:block;
	padding-right:72px;
}
.RecruitItemTitle-title{
	overflow:hidden;
	display:block;
	max-height:3em;
	padding-bottom:2px;
	color:#000;
	font-size:26px;
	font-weight:bold;
	line-height:1.5em;
	text-overflow:ellipsis;
	word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.RecruitItemMeta-studio{
	display:block;
	padding:5px 13px;
	color:#fff;
	font-family: 'Poppins', sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:1.2em;
	background-color:#000;
}
.RecruitItemMeta-studio.Pubg{
	background-color:#F2A900;
}
.RecruitItemMeta-studio.Bluehole{
	background-color:#2E82FE;
}
.RecruitItemMeta-studio.SDS{
	background-color:#6DCCAA;
}
.RecruitItemMeta-studio.Risingwings{
	background-color: #f26222;
}
.RecruitItemMeta-studio.ominlab{
	background-color: #6C04E1 ;
}
.RecruitItemMeta-studio.unknownworlds{
	background-color: #c2cad0 ;
}

.RecruitItemMeta-studio.Dreammotion{
	
}
.RecruitItemMeta{
	margin-top:16px;
}
.RecruitItemMeta-list{
	display:table;
}
.RecruitItemMeta-item{
	display:table-cell;
	padding-right:20px;
	position:relative;
	vertical-align:middle;
}
.RecruitItemMeta-item:last-child{
	padding-right:0;
	/* padding-left:20px; */
}
/* .RecruitItemMeta-item:last-child:after{ */
	/* content:''; */
	/* display:block; */
	/* width:1px; */
	/* height:50%; */
	/* position:absolute; */
	/* top:50%; */
	/* left:0; */
	/* background-color:#ddd; */
	/* transform:translateY(-50%); */
/* } */
.RecruitItemMetaCategorygory-list:after{
	content:'';
	display:block;
	clear:both;
}
.RecruitItemMetaCategory-item{
	overflow:hidden;
	margin-right:12px;
	padding-right:13px;
	float:left;
	position:relative;
}
.RecruitItemMetaCategory-item:after{
	content:'';
	display:block;
	width:2px;
	height:2px;
	position:absolute;
	top:50%;
	right:0;
	background-color:#000;
	border-radius:100%;
	transform:translateY(-50%);
}
.RecruitItemMetaCategory-item:last-child{
	margin-right:0;
	padding-right:0;
}
.RecruitItemMetaCategory-item:last-child:after{
	right:-2px;
}
.RecruitItemMetaCategory-text{
	display:block;
	color:#000;
	font-size:15px;
	line-height:1.4em;
}
.RecruitItemMeta-date{
	color:#000;
	font-size:15px;
	line-height:1.4em;
}
.RecruitItem-link{
	display: block;
    margin-top: 55px;
    width: 40px;
    height: 14px;
    background-image: url('/wp-content/themes/krafton/assets/img/icon/ico-post-arrow-b.png');
    background-size: 40px 14px;
    transition-property: transform;
    transition-duration: 0.3s;
}
.RecruitItem-mark{
	display: block;
    width: 24px;
    height: 30px;
	position:absolute;
	top:15px;
	right:0;
    background-image: url('/wp-content/themes/krafton/assets/img/icon/ico-bookmark01.png');
    background-size: 24px 30px;
    transition-property: background-image;
    transition-duration: 0.2s;
}
.RecruitItem-mark.is-Active{
	background-image: url('/wp-content/themes/krafton/assets/img/icon/ico-bookmark02.png');
}
@media screen and (min-width:1025px){
	.RecruitItem-mark:hover{
		background-image: url('/wp-content/themes/krafton/assets/img/icon/ico-bookmark02.png');
	}
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.RecruitResultHeader{
		margin-bottom:3.8461vw;
	}
	.RecruitResultHeaderTitle-number{
		font-size:1.692vw;
	}
	.RecruitResultHeaderTitle-text{
		font-size:1.692vw;
	}

	.RecruitResultHeaderSaved-text{
		font-size:1.692vw;
	}
	.RecruitList-item{
		padding-top:3.846vw;
		padding-bottom:3.846vw;
	}
	.RecruitItemTitle-link{
		padding-right:8.692vw;
	}
	.RecruitItemTitle-title{
		padding-bottom:0;
		font-size:2vw;
	}
	.RecruitItemMeta-studio{
		padding:0.384vw 1vw;
		font-size:1vw;
	}
	.RecruitItemMeta{
		margin-top:1.230vw;
	}
	.RecruitItemMeta-item{
		padding-right:1.538vw;
	}
	/* .RecruitItemMeta-item:last-child{ */
		/* padding-left:1.538vw; */
	/* } */
	.RecruitItemMetaCategory-item{
		margin-right:0.923vw;
		padding-right:1vw;
	}
	.RecruitItemMetaCategory-item:after{
		width:0.1538vw;
		height:0.1538vw;
	}
	.RecruitItemMetaCategory-item:last-child:after{
		right:-0.1538vw;
	}
	.RecruitItemMetaCategory-text{
		font-size:1.1538vw;
	}
	.RecruitItemMeta-date{
		font-size:1.1538vw;
	}
	.RecruitItem-link{
		margin-top:4.2307vw;
		width: 3.076vw;
		height: 1.0769vw;
		background-size: 3.076vw 1.0769vw;
	}
	.RecruitItem-mark{
		width: 1.846vw;
		height: 2.307vw;
		top:1.1538vw;
		background-size: 1.846vw 2.307vw;
	}
}

@media screen and (max-width:1024px) and (min-width:1px){
	.RecruitItemMeta-list {
		display: block;
	}
	.RecruitItemMeta-item{
		display: block;
		padding-right:0;
		line-height:0;
		font-size:0;
	}
	.RecruitItemMeta-item:last-child{
		padding-left:0;
		padding-bottom:0;
	}
	.RecruitItemMeta-item:last-child:after{
		display:none;
	}
	.RecruitItemMeta-studio{
		display:inline-block;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.RecruitResultHeader{
		margin-bottom:4.882vw;
	}
	.RecruitResultHeaderTitle-number{
		font-size:2.148vw;
	}
	.RecruitResultHeaderTitle-text{
		font-size:2.148vw;
	}
	.RecruitResultHeaderSaved-text{
		font-size:2.148vw;
	}
	.RecruitList-item{
		padding-top:4.882vw;
		padding-bottom:4.882vw;
	}
	.RecruitItemTitle-link{
		padding-right:8.538vw;
	}
	.RecruitItemTitle-title{
		padding-bottom:0;
		font-size: 2.539vw;
	}
	.RecruitItemMeta-studio{
		padding:0.4882vw 1.269vw;
		font-size:1.42vw;
	}	
	.RecruitItemMeta{
		margin-top:1.4vw;
	}
	.RecruitItemMeta-item{
		padding-bottom:0.9vw;
	}
	.RecruitItemMeta-studio{
		display:inline-block;
	}
	.RecruitItemMetaCategory-item:last-child:after{
		right:-0.1953vw;
	}
	.RecruitItemMetaCategory-text{
		font-size:1.42vw;
	}
	.RecruitItemMeta-date{
		font-size:1.42vw;
	}
	.RecruitItem-link{
		margin-top: 5.371vw;
		width: 3.906vw;
		height: 1.367vw;
		background-size: 3.906vw 1.367vw;
	}
	.RecruitItem-mark{
		width: 2.343vw;
		height: 2.929vw;
		top:1.464vw;
		background-size: 2.343vw 2.929vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.RecruitResultHeader{
		padding-top:8vw;
	}
	.RecruitResultHeader{
		margin-bottom:8vw;
	}
	.RecruitResultHeaderTitle{
		display:block;
		padding-bottom:3vw;
		border-bottom:1px solid #222;
	}
	.RecruitResultHeaderTitle-number{
		font-size: 5.85vw;
	}
	.RecruitResultHeaderTitle-text{
		font-size: 5vw;
	}
	.RecruitResultHeaderSaved{
		display:block;
		margin-top:5vw;
	}
	.RecruitResultHeaderSaved-text{
		font-size:5vw;
	}
	
	.RecruitList-item{
		padding-top:7.812vw;
		padding-bottom:8.687vw;
	}
	.RecruitItemTitle-link{
		padding-right:0;
	}
	.RecruitItemTitle-title{
		padding-bottom:0;
		font-size:4.95vw;
	}
	.RecruitItemMeta{
		margin-top:4vw;
		padding-right:6vw;
	}
	.RecruitItemMeta-studio{
		display:inline-block;
		padding:0.7812vw 2.031vw;
		font-size:3.5vw;
	}
	.RecruitItemMeta-item{
		padding-bottom:2.5vw;
	}

	.RecruitItemMetaCategory-item{
		margin-right:1.875vw;
		padding-right:2.031vw;
	}
	.RecruitItemMetaCategory-item:after{
		width:0.3125vw;
		height:0.3125vw;
	}
	.RecruitItemMetaCategory-item:last-child:after{
		right:-0.3125vw;
	}
	.RecruitItemMetaCategory-text{
		font-size: 3.78vw;
	}
	.RecruitItemMeta-date{
		font-size: 3.78vw;
	}
	.RecruitItem-link{
		margin-top: 8.593vw;
		width: 6.25vw;
		height: 2.187vw;
		background-size: 6.25vw 2.187vw;
	}
	.RecruitItem-mark{
		width: 3.75vw;
		height: 4.687vw;
		top:auto;
		bottom:0;
		background-size: 3.75vw 4.687vw;
	}
}


/* =========================================================
	RelevantJobs
=========================================================*/
.RelevantJobs{
	padding-top:72px;
	border-top:1px solid #ddd;
}
.RelevantJobsHeader{
	margin-bottom:40px;
	position:relative;
}
.RelevantJobsHeader-title{
	color:#000;
	font-size:36px;
	font-weight:bold;
	line-height:1.2em;
}
.RelevantJobsSlideArrow{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    overflow: hidden;
}
.RelevantJobsSlide-Arrow:after{
	content:'';
	display:block;
	clear:both;
}
.RelevantJobsSlide-prev{
	display: block;
    width: 38px;
    height: 14px;
    margin-bottom: 8px;
	float: left;
    background-image: url('/wp-content/themes/krafton/assets/img/icon/ico-post-arrow-b.png');
    background-size: 38px 14px;
    -moz-transform: translateX(-50%) scaleX(-1);
    -o-transform: translateX(-50%) scaleX(-1);
    -webkit-transform: translateX(-50%) scaleX(-1);
    transform: rotate(0deg) scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	cursor:pointer;
}
.RelevantJobsSlide-next{
    display: block;
    width: 38px;
    height: 14px;
	margin-left: 20px;
	float: left;
    background-image: url('/wp-content/themes/krafton/assets/img/icon/ico-post-arrow-b.png');
    background-size: 38px 14px;
	cursor:pointer;
}

.RelevantJobsSlide{
	margin-left:-48px;
}
.RelevantJobsSlide-link{
	display:block;
	width:100%;
	height:100%;
	padding:65px 42px 40px;
	background-color:#F7F7F7;
}

.RelevantJobsSlide-item{
	width:33.33%;
	height:365px;
	padding-left:48px;
	position:relative;
}
.RelevantJobsItem{
	font-size:0;
	line-height:0;
}
.RelevantJobsItem-category{
	display:inline-block;
	margin-bottom:10px;
	padding:3px 15px;
	background-color:#000;
	color:#fff;
	font-family:'Poppins';
	font-size:13px;
	font-weight:600;
	line-height:1.4em;
}
.RelevantJobsItem-title{
	overflow:hidden;
	max-height:3em;
	color:#000;
	font-size:28px;
	font-weight:700;
	line-height:1.5em;
	word-break: keep-all; 
	display: -webkit-box; 
	overflow:hidden;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	padding-bottom:2px;
}
.RelevantJobsItem .RecruitItemMeta-list{
	display:block;
}
.RelevantJobsItem .RecruitItemMeta-item{
	display:block;
	position:static;
}
.RelevantJobsItem .RecruitItemMeta-item:last-child{
	padding-left:0;
}
.RelevantJobsItem .RecruitItemMeta-item:last-child:after{
	display:none;
}
.RelevantJobsItem .RecruitItemMetaCategory-text{
	padding: 3px 0;
	font-size:16px;
}
.RelevantJobsItem-period{
	position: absolute;
    bottom: 40px;
	color:#000;
	font-size:16px;
	font-family:'Lato';
	line-height:1.4em;
}

.RecruitBottom{
	margin-top:90px;
	margin-top:70px;
}
.RecruitBottom .ViewLIstButton{
	margin-top:0;
	margin-bottom:70px;
}
.RecruitBottom .ViewLIstButton-link{
	margin-left:12px;
}
.RecruitBottom .ViewLIstButton-link:first-child{
	margin-left:0;
}
@media screen and (min-width:1025px){
	.RelevantJobsSlide-link:hover .TextHoverLine{
		background-image: linear-gradient(#fff,#fff);
	}
	.RelevantJobsSlide-link:hover{
		background-color:#000;
	}
	.RelevantJobsSlide-link:hover .RelevantJobsItem-category{
		background-color:#fff;
		color:#000;
	}
	.RelevantJobsSlide-link:hover .RelevantJobsItem-title{
		color:#fff;
	}

	.RelevantJobsSlide-link:hover .RecruitItemMetaCategory-text{
		color:#fff;
	}
	.RelevantJobsSlide-link:hover .RecruitItemMetaCategory-item:after{
		background-color:#fff;
	}
	.RelevantJobsSlide-link:hover .RelevantJobsItem-period{
		color:#fff;
	}
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.RelevantJobs{
		padding-top:5.538vw;
	}
	.RelevantJobsHeader{
		margin-bottom:3.076vw;
	}
	.RelevantJobsHeader-title{
		font-size:2.769vw;
	}
	.RelevantJobsSlide-prev{
		width:2.923vw;
		height:1.076vw;
		background-size:2.923vw 1.076vw;
	}
	.RelevantJobsSlide-next{
		width:2.923vw;
		height:1.076vw;
		margin-right:1.53846vw;
		background-size:2.923vw 1.076vw;
	}
	.RelevantJobsSlide{
		margin-left:-3.692vw;
	}
	.RelevantJobsSlide-item {
		height:28.076vw;
		padding-left: 3.692vw;
	}
	.RelevantJobsSlide-link{
		padding:5vw 3.230vw 3.076vw;
	}
	.RelevantJobsItem-category{
		margin-bottom:0.769vw;
		padding:0.2307vw 1.1538vw;
		font-size:1vw;
	}
	.RelevantJobsItem-title{
		font-size:2.1538vw;
	}
	.RelevantJobsItem .RecruitItemMetaCategory-text{
		padding:0.230vw 0;
		font-size:1.230vw;
	}
	.RelevantJobsItem-period{
		bottom: 3.076vw;
		font-size:1.230vw;
	}

	.RecruitBottom{
		margin-top:6.923vw;
		margin-top:5.384vw;
	}
	.RecruitBottom .ViewLIstButton{
		margin-bottom:5.384vw;
	}
	.RecruitBottom .ViewLIstButton-link{
		margin-left:0.923vw;
	}
	
}
@media screen and (max-width:1024px) and (min-width:768px){
	.RelevantJobs{
		padding-top:7.031vw;
	}
	.RelevantJobsHeader{
		margin-bottom:3.906vw;
	}
	.RelevantJobsHeader-title{
		font-size:3.515vw;
	}
	.RelevantJobsSlide-prev{
		width:3.71vw;
		height:1.367vw;
		background-size:3.71vw 1.367vw;
	}
	.RelevantJobsSlide-next{
		width:3.71vw;
		height:1.367vw;
		margin-right:2.53846vw;
		background-size:3.71vw 1.367vw;
	}
		
	.RelevantJobsSlide{
		margin-left:-2.687vw;
	}
	.RelevantJobsSlide-item {
		height:32.64vw;
		padding-left:2.687vw;
	}
	.RelevantJobsSlide-link{
		padding:4.347vw 2.101vw 2.906vw;
	}
	.RelevantJobsItem-category{
		margin-bottom:0.976vw;
		padding:0.292vw 1.464vw;
		font-size:1.269vw;
	}
	.RelevantJobsItem-title{
		font-size:2.734vw;
		padding-bottom:0;
	}
	.RelevantJobsItem .RecruitItemMetaCategory-text{
		padding: 0.292vw 0;
		font-size:1.5625vw;
	}
	.RelevantJobsItem-period{
		bottom: 2.906vw;
		font-size:1.5625vw;
	}
	
	.RecruitBottom{
		margin-top:8.789vw;
		margin-top:6.835vw;
	}
	.RecruitBottom .ViewLIstButton{
		margin-bottom:6.835vw;
	}
	.RecruitBottom .ViewLIstButton-link{
		margin-left:1.171vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.RelevantJobs{
		padding-top:9.3872vw;
	}	
	.RelevantJobsHeader{
		margin-bottom:4.215vw;
	}
	.RelevantJobsHeader-title{
		font-size:5.75vw;
	}

	.RelevantJobsSlide-prev{
		display: inline-block;
		margin-bottom:0;
		width:7.5vw;
		height: 2.733vw;
		position: static;
		background-size:7.5vw 2.733vw;
	}
	.RelevantJobsSlide-next{
		display: inline-block;
		margin-left:2.53846vw;
		margin-bottom:0;
		width:7.5vw;
		height: 2.733vw;
		position: static;
		background-size:7.5vw 2.733vw;
		transform:translateX(0);
	}
	.RelevantJobsSlide{
		margin-left:-3.258vw;
	}
	.RelevantJobsSlide-item {
		width:100%;
		height:56.58vw;
		padding-left:3.258vw;
	}
	.RelevantJobsSlide-link{
		padding:5.474vw 5.475vw 5.215vw;
	}
	.RelevantJobsItem-category{
		margin-bottom:1.303vw;
		padding:0.3911vw 1.9556vw;
		font-size:3.5vw;
	}
	.RelevantJobsItem-title{
		font-size:5vw;
		padding-bottom:0;
	}
	.RelevantJobsItem .RecruitItemMetaCategory-text{
		padding: 0.3911vw 0;
		font-size:3.78vw;
	}
	.RelevantJobsItem-period{
		bottom: 5.215vw;
		font-size:3.78vw;
	}
	
	.RecruitBottom{
		margin-top:11.73vw;
		margin-top:9.126vw;
	}
	.RecruitBottom .ViewLIstButton{
		margin-bottom:9.126vw;
	}
	.RecruitBottom .ViewLIstButton-link{
		margin-left:3.564vw;
		padding:3.2vw 13vw;
	}
}

/* 채용공고 BookMark 팝업
=========================================================*/
.ClosedButton{
	width:17px;
	height:17px;
	position:absolute;
	top:18px;
	right:18px;
	background-image: url(/wp-content/themes/krafton/assets/img/icon/ico-closed-1.png);
	background-size:17px 17px;
}
.Bookmark{ 
	position:relative;
	line-height:0;
	font-size:0;
}
.Bookmark-link{
	display:inline-block;
	padding-right:35px;
	position:relative;
	color:#000;
	font-size:18px;
	font-weight:500;
	line-height:1.4em;
}
.Bookmark-link:after{
	content:'';
	display:block;
	width: 15px;
    height: 18px;
	position: absolute;
    top: calc(50% + 1px);
    right: 0;
    background-image: url(/wp-content/themes/krafton/assets/img/icon/ico-bookmark02.png);
    background-size: 15px 18px;
	transform:translateY(-50%);
}
.BookmarkList{
	overflow-y:auto;
	width:280px;
	position:absolute;
	top:30px;
	right:0;
	background-color:#fff;
	text-align:left;
	border:2px solid #000;
	z-index:110;
	opacity:0;
	visibility:hidden;
	transition-property:opacity, visibility;
	transition-duration:0.2s;
}
.BookmarkList.is-View{
	opacity:1;
	visibility:visible;
}
.Bookmark-inner{
	overflow-y:auto;
	min-height:150px;
	max-height:300px;
	padding:10px 26px;
	background-color:#fff;
}
.BookmarkList-item{
	padding:20px 0;
	padding-right:10px;
	border-bottom:1px solid #ddd;
}
.BookmarkList-item:last-child{
	border-bottom:0;
}
.BookmarkList-link{
	display:block;
}
.BookmarkListItemTitle{
	max-height:3.2em;
    display: block;
	color:#000;
	font-size:16px;
	font-weight:bold;
	line-height:1.6em;
    word-break: keep-all;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.BookmarkListItemMeta{
	margin-top:3px;
}
.BookmarkListItemMeta-list:after{
	content:'';
	display:block;
	clear:both;
}
.BookmarkListItemMeta-item{
	overflow:hidden;
	float:left;
	margin-right:9px;
	padding-right:9px;
	position:relative;
}
.BookmarkListItemMeta-item:last-child{
	margin-right:0;
	padding-right:0;
}
.BookmarkListItemMeta-item:after{
	content:'';
	display:block;
	width:2px;
	height:2px;
	background-color:#000;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	border-radius:100%;
}
.BookmarkListItemMeta-item:last-child:after{
	right:-2px;
}
.BookmarkListItemMeta-text{
	display:block;
	color:#000;
	font-size:12px;
	line-height:1.6em;
}
@media screen and (min-width:1025px){
	.Bookmark-inner{
		scrollbar-face-color:#000; 
		scrollbar-track-color: #fff; 
		scrollbar-arrow-color: #fff; 
	}
	 .Bookmark-inner::-webkit-scrollbar {
		width: 2px;
	}
	 
	.Bookmark-inner::-webkit-scrollbar-thumb {
		background-color: #000; 
		border: 2px solid transparent;
	}
	.Bookmark-inner::-webkit-scrollbar-track {
		background-color: #fff ;
	}

}
@media screen and (max-width:1300px) and (min-width:1025px){
	.ClosedButton{
		width:1.307vw;
		height:1.307vw;
		top:1.3846vw;
		right:1.3846vw;
		background-size:1.307vw 1.307vw;
	}
	.Bookmark-link{
		padding-right:2.692vw;
		font-size:1.3846vw;
	}
	.Bookmark-link:after{
		width: 1.1538vw;
		height: 1.384vw;
		top: calc(50% + 0.1538vw);
		background-size: 1.1538vw 1.384vw;
	}
	.BookmarkList{
		width:23.1vw;
		top:calc(100% + 1vw);
	}
	.Bookmark-inner{
		min-height:11.5384vw;
		max-height:23.07vw;
		padding:0.769vw 2vw;
	}
	.BookmarkList-item{
		padding:1.538vw 0;
		padding-right:0.769vw;
	}
	.BookmarkListItemTitle{
		font-size:1.230vw;
	}
	.BookmarkListItemMeta{
		margin-top:0.2307vw;
	}
	.BookmarkListItemMeta-item{
		margin-right:0.692vw;
		padding-right:0.692vw;
	}
	.BookmarkListItemMeta-text{
		font-size:0.9230vw;
	}

}

@media screen and (max-width:1024px) and (min-width:768px){
	.ClosedButton{
		width:1.660vw;
		height:1.660vw;
		top:1.7578vw;
		right:1.7578vw;
		background-size:1.660vw 1.660vw;
	}
	.Bookmark-link{
		padding-right:3.417vw;
		font-size:1.7578vw;
	}
	.Bookmark-link:after{
		width: 1.4648vw;
		height: 1.7578vw;
		top: calc(50% + 0.1953vw);
		background-size: 1.4648vw 1.7578vw;
	}
	.BookmarkList{
		width:36.46vw;
		top:calc(100% + 1.2695vw);
	}
	.Bookmark-inner{
		min-height:14.6627vw;
		max-height:29.29vw;
		padding:0.9765vw 2.539vw;
	}
	.BookmarkList-item{
		padding:1.9531vw 0;
		padding-right:0.9765vw;
	}
	.BookmarkListItemTitle{
		font-size:1.5625vw;
	}
	.BookmarkListItemMeta{
		margin-top:0.2929vw;
	}
	.BookmarkListItemMeta-item{
		margin-right: 0.8789vw;
		padding-right: 0.8789vw;
	}
	.BookmarkListItemMeta-text{
		font-size:1.42vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.ClosedButton{
		width:5.216vw;
		height:5.216vw;
		top:2.346vw;
		right:2.346vw;
		background-size:5.216vw 5.216vw;
	}
	.Bookmark-link{
		padding-right:7.5vw;
		font-size: 4.5vw;
	}
	.Bookmark-link:after{
		width: 3.55vw;
		height: 4.346vw;
		top:calc(50% + 0.5607vw);
		background-size:3.55vw 4.346vw;
	}
	.BookmarkList{
		width:calc(100vw - 12.5vw);
		top: calc(100% + 1.6949vw);
	}
	.Bookmark-inner{
		min-height:35.7142vw;
		max-height:65vw;
		padding:1.5625vw 5.0625vw;
	}
	.BookmarkList-item{
		padding:5.125vw 0;
		padding-right:4.5625vw;
	}
	.BookmarkListItemTitle{
		font-size: 4vw;
	}
	.BookmarkListItemMeta{
		margin-top:1.42vw;
	}
	.BookmarkListItemMeta-item{
		margin-right:9px;
		padding-right:9px;
	}
	.BookmarkListItemMeta-item:last-child:after{
		right:-1.406vw;
	}
	.BookmarkListItemMeta-text{
		font-size:3.5vw;
	}
	
}

/* =========================================================
	RecruitBanner
=========================================================*/
.RecruitBanner{
	margin-top:210px;
	border:2px solid #000;
}

.RecruitBannerBox-link{
	padding:60px 70px 50px;
	display:block;
	position:relative;
	overflow:hidden;
}
.RecruitBannerBox-title{
	color:#000;
	font-size:40px;
	font-family:'Poppins';
	font-weight:600;
	line-height:1.2em;
}
.RecruitBannerBox-text{
	margin-top:18px;
	color:#000;
	font-size:18px;
	line-height:1.8em;	
}
.RecruitBannerBox-arrow{
	display:block;
	margin-top:20px;
	float:right;
	color:#000;
	font-size:17px;
	font-weight:500;
	line-height:1.2em;
}
.RecruitBannerBox-arrow:after{
	content:'';
	display: inline-block;
    width: 30px;
    height: 10px;
	margin-left:8px;
    background-image: url('/wp-content/themes/krafton/assets/img/icon/ico-post-arrow-b.png');
    background-size: 30px 10px;
	transform:translateX(0);
	transition-property: transform;
	transition-duration: 0.2s;
}

@media screen and (min-width: 1025px){
	.RecruitBannerBox-link:hover .RecruitBannerBox-arrow:after {
		transform: translateX(5px);
	}
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.RecruitBanner{
		margin-top:16.1538vw;
	}
	.RecruitBannerBox-link{
		padding:4.6153vw 5.384vw 3.846vw;
	}
	.RecruitBannerBox-title{
		font-size:3.0769vw;
	}
	.RecruitBannerBox-text{
		margin-top:1.3846vw;
		font-size:1.3846vw;
	}
	.RecruitBannerBox-arrow{
		font-size:1.3076vw;
		bottom:3.75vw;
		right:5.45vw;
	}
	.RecruitBannerBox-arrow:after{
		width: 2.3076vw;
		height: 0.7692vw;
		margin-left:0.6153vw;
		background-size: 2.3076vw 0.7692vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.RecruitBanner{
		margin-top:20.50vw;
	}
	.RecruitBannerBox-link{
		padding:4.859vw 6.835vw 4.882vw;
	}
	.RecruitBannerBox-title{
		font-size:3.62vw;
	}
	.RecruitBannerBox-text{
		margin-top:1.7578vw;
		font-size:1.7578vw;
	}
	.RecruitBannerBox-arrow{
		font-size:1.660vw;
		bottom:4.7vw;
		right:7vw;
	}
	.RecruitBannerBox-arrow:after{
		width: 2.929vw;
		height: 0.9765vw;
		margin-left:0.7812vw;
		background-size: 2.929vw 0.9765vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.RecruitBanner{
		margin-top:22vw;
	}
	.RecruitBannerBox-link{
		padding:6.518vw 5.126vw 6.518vw;
	}
	.RecruitBannerBox-title{
		font-size:7.523vw;
	}
	.RecruitBannerBox-text{
		margin-top:4.2857vw;
		font-size:3.78vw;
	}
	.RecruitBannerBox-arrow{
		position:static;
		margin-top:7vw;
		font-size:4.0476vw;
	}
	.RecruitBannerBox-arrow:after{
		width: 7.1428vw;
		height: 2.3809vw;
		margin-left:1.043vw;
		background-size: 7.1428vw 2.3809vw;
	}
}



/*=========================================================
	Talent
=========================================================*/
.TalentHeader{
	padding-bottom:91px;
}
.TalentHeaderTitle{
	overflow: hidden;
	font-size:0;
	line-height:0;
}
.TalentHeaderTitle-text{
	display: block;
	color:#000;
	font-size:46px;
	font-weight:bold;
	line-height:1.4em;
    transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
    transform: translateY(110%);
}
.TalentHeaderTitle.is-textTop .TalentHeaderTitle-text {
    transform: translateY(0%);
}
.TalentHeader-text{
	margin-top:45px;
	color:#000;
	font-size:20px;
	line-height:1.8em;
}
.TalentBanner{
    position: relative;
    clear: both;
    margin-bottom: 82px;
}
.TalentBanner:after {
    content: '';
    display: block;
    padding-bottom: 46.6666%;
}
.TalentBanner-inner{
	position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}
.TalentBanner-img{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
	max-width:none;
	min-height:150%;
	max-height:150%;
    transition-property: transform;
    transition-duration: 0.2s;
}

@media screen and (min-width:1301px){
	.TalentBanner-img{
		max-height:260%;
	}
}

body.Safari .TalentBanner-img{
	transition-duration: 0s;
}
.TalentCont{
	margin-top:-21px;
}

.TalentCont-inner{
	margin-left: -60px;
	padding:21px 0;
}
.TalentCont-inner:nth-child(even) .TalentTextBox{
	float:right;
}

.Right .TalentCont-inner:nth-child(odd) .TalentTextBox{
	float:right;
}

.Right .TalentCont-inner:nth-child(even) .TalentTextBox{
	float:left;
}
.TalentCont-inner:after{
	content:'';
	display:block;
	clear:both;
}
.TalentTextBox{
	width:50%;
    padding-left: 60px;
}
.TalentTextBoxTitle{
	overflow:hidden;
	font-size:0;
	line-height:0;
}
.TalentTextBoxTitle-text{
	display:block;
	color:#000;
	font-size:36px;
	font-weight:bold;
	line-height:1.4em;
	transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
    transform: translateY(110%);
}
.TalentTextBoxTitle.is-textTop .TalentTextBoxTitle-text {
    transform: translateY(0%);
}
.TalentTextBox-text{
	margin-top:18px;
	color:#000;
	font-size:20px;
	line-height:1.8em;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.TalentBanner-img{
		transition-duration: 0s;
	}
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.TalentBanner{
		margin-bottom:6.923vw;
	}
	.TalentHeader{
		padding-bottom:7vw;
	}
	.TalentHeaderTitle-text{
		font-size:3.5384vw;
	}
	.TalentHeader-text{
		margin-top:3.4615vw;
		font-size:1.5384vw;
	}
	.TalentBanner{
		margin-bottom: 6.30769vw;
	}
	.TalentCont{
		margin-top:-1.61538vw;
	}
	.TalentCont-inner{
		margin-left: -4.61538vw;
		padding:1.61538vw 0;
	}
	.TalentTextBox{
		padding-left: 4.61538vw;
	}
	.TalentTextBoxTitle-text{
		font-size:3.5384vw;
	}
	.TalentTextBox-text{
		margin-top:1.3846vw;
		font-size:1.53846vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.TalentBanner{
		margin-bottom:6.923vw;
	}
	
	.TalentBanner-img{
		 transition-duration: 0.1s;
	}
	.TalentHeader{
		padding-bottom:8.8867vw;
	}
	.TalentHeaderTitle-text{
		font-size:4.1921vw;
	}
	.TalentHeader-text{
		margin-top:4.0945vw;
		font-size:1.95312vw;
	}
	.TalentBanner{
		margin-bottom: 8.007vw;
	}
	.TalentCont{
		margin-top:-2.050vw;
	}
	.TalentCont-inner{
		margin-left:-5.8593vw;
		padding:2.050vw 0;
	}
	.TalentTextBox{
		padding-left:5.8593vw;
	}
	.TalentTextBoxTitle-text{
		font-size:3.5156vw;
	}
	.TalentTextBox-text{
		margin-top:1.757vw;
		font-size:1.9531vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.TalentBanner{
		margin-bottom:13.6923vw;
		margin-left:-20vw;
		margin-right:-20vw;
	}
	
	.TalentBanner-inner{
		width:190vw;
	}
	.TalentBanner:after{
		padding-bottom:40%;
	}
	
	.TalentBanner-img{
		 transition-duration: 0.1s;
	}
	.TalentHeader{
		padding-bottom:11.66vw;
	}
	.TalentHeaderTitle-text{
		font-size:5.94vw;
	}
	.TalentHeader-text{
		margin-top:5.7142vw;
		font-size:4.0769vw;
	}
	.TalentBanner{
		margin-bottom: 11.523vw;
	}
	.TalentCont{
		margin-top:-5vw;
	}
	.TalentCont-inner{
		margin-left:0;
		padding:5vw 0;
	}
	.TalentTextBox{
		width:100%;
		padding-left:0;
	}
	.TalentCont-inner:nth-child(even) .TalentTextBox{
		float:none;
	}
	.TalentTextBoxTitle-text{
		font-size:5.6384vw;
	}
	.TalentTextBox-text{
		margin-top:2.285vw;
		font-size:3.73846vw;
	}
	
	.TalentHeader-text br{
		display:none;
	}
}

/*=========================================================
Story
=========================================================*/
/*	Story:Banner
=========================================================*/
.StoryBanner{
	position:relative;
	clear:both;
	margin-bottom:90px;
}

.StoryBanner:after{
	content: "";
    display: block;
    padding-bottom: 33.6%;
}

.StoryBanner-inner{
	position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.StoryBanner-center{
	position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
	min-width:100%;
}

.StoryBanner-img{
	display: block;
    position: relative;
    top: 20%;
    left: 0;
    min-width: 100%;
	max-width:none;
	transition-property: transform;
    transition-duration: 0.2s;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.StoryBanner-img{
		max-height:calc(100% + 20vh);
	}
}

@media screen and (min-width:1301px){
	.StoryBanner-img{
		max-height:260%;
	}
}

body.Safari .StoryBanner-img{
	transition-duration: 0s;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.StoryBanner-img{
		transition-duration: 0s;
	}
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.StoryBanner{
		margin-bottom:6.923vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.StoryBanner{
		margin-bottom:6.923vw;
	}
	
	.StoryBanner-img{
		 transition-duration: 0.1s;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.StoryBanner{
		margin-bottom:13.6923vw;
		margin-left:-20vw;
		margin-right:-20vw;
	}
	
	.StoryBanner-inner{
		width:190vw;
	}
	
	.StoryBanner:after{
		padding-bottom:40%;
	}
	
	.StoryBanner-img{
		 transition-duration: 0.1s;
	}
}


/*	Story:StoryTempTitle
=========================================================*/
.StoryTempTitle{
	font-size:0;
	line-height:0;
	margin-bottom:50px;
	overflow:hidden;
}

.StoryTempTitle-text{
	font-size:50px;
	line-height:1.3em;
	color:#000;
	font-weight:bold;
	display:block;
	transition-property: transform;
    transition-duration: 0.6s;
	transition-timing-function:ease-out;
	transform:translateY(110%);
}

.StoryTempTitle.is-textTop .StoryTempTitle-text{
	transform:translateY(0%);
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.StoryTempTitle{
		margin-bottom:3.84615vw;
	}

	.StoryTempTitle-text{
		font-size:3.84615vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.StoryTempTitle{
		margin-bottom:4.54615vw;
	}

	.StoryTempTitle-text{
		font-size:4.0384vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.StoryTempTitle{
		margin-bottom:5.6923vw;
	}

	.StoryTempTitle-text{
		font-size:9.8384vw;
	}
}

/*	Story:StoryTempList 
=========================================================*/
.StoryTempList-item {
	margin-top:48px;
}

.StoryTempList-item:first-child{
	margin-top:0;
}

.StoryTempList-inner:after{
	content:"";
	display:table;
	clear:both;
}

.StoryTempList-title{
	float:left;
	min-width:400px;
	margin-right:20px;
	font-size:40px;
	line-height:1.2em;
	font-family:'KRAFTON';
	color:#000;
}

.StoryTempList-cont{
	overflow:hidden;
}

.StoryTempList-text{
	font-size:24px;
	line-height:1.6em;
	color:#000;
	margin-top:35px;
}

.StoryTempList-text:first-child{
	margin-top:0;
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.StoryTempList-item {
		margin-top:3.6923vw;
	}

	.StoryTempList-title{
		min-width:30.769vw;
		margin-right:1.53846vw;
		font-size:3.0769vw;
	}

	.StoryTempList-text{
		font-size:1.84615vw;
		margin-top:2.6923vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.StoryTempList-item {
		margin-top:3.6923vw;
	}

	.StoryTempList-title{
		min-width:30.769vw;
		margin-right:1.53846vw;
		font-size:3.0769vw;
	}

	.StoryTempList-text{
		font-size:1.84615vw;
		margin-top:2.6923vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.StoryTempList-item {
		margin-top:3.6923vw;
	}

	.StoryTempList-title{
		min-width:30.769vw;
		margin-right:1.53846vw;
		font-size:6.0769vw;
	}

	.StoryTempList-text{
		font-size:3.44615vw;
		margin-top:2.6923vw;
	}
}

/*	Story:StoryTempImgText  
=========================================================*/
.StoryTempImgText-img{
	padding:72px 72px 72px 72px;
	line-height:0;
	text-align:center;
	background-color:#F7F7F7;
}

html[lang="en-US"] .StoryTempImgText-img{
	padding-right:72px;
}

html[lang="zh-CN"] .StoryTempImgText-img{
	padding-right:72px;
}

.StoryTempImgText-text{
	font-size:20px;
	line-height:1.8em;
	color:#000000;
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.StoryTempImgText-img{
		padding:5.5384vw 5.5384vw 5.5384vw 5.5384vw;
	}
	
	html[lang="en-US"] .StoryTempImgText-img{
		padding-right:5.5384vw;
	}

	html[lang="zh-CN"] .StoryTempImgText-img{
		padding-right:5.5384vw;
	}

	.StoryTempImgText-text{
		font-size:1.53846vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.StoryTempImgText-img{
		padding:5.5384vw 5.5384vw 5.5384vw 5.5384vw;
	}
	
	html[lang="en-US"] .StoryTempImgText-img{
		padding-right:5.5384vw;
	}

	html[lang="zh-CN"] .StoryTempImgText-img{
		padding-right:5.5384vw;
	}

	.StoryTempImgText-text{
		font-size:1.73846vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.StoryTempImgText-img{
		padding:5.5384vw 5.5384vw 5.5384vw 5.5384vw;
		margin-left:-6.25vw;
		margin-right:-6.25vw;
	}
	
	html[lang="en-US"] .StoryTempImgText-img{
		padding-right:5.5384vw;
	}

	html[lang="zh-CN"] .StoryTempImgText-img{
		padding-right:5.5384vw;
	}

	.StoryTempImgText-text{
		font-size:3.73846vw;
	}
}

/*	Story:StoryTempPost  
=========================================================*/
.StoryTempPost-list{
	margin:-41px -41px;
	overflow:hidden;
}

.StoryTempPost-list:after{
	content:"";
	display:table;
	clear:both;
}

.StoryTempPost-item{
	padding:41px 41px;
	width:33.3333%;
	float:left;
}

.StoryTempPost-item:nth-child(3n+1){
	clear:both;
}

.StoryTempPostItem{
	border-top:solid 3px #000000;
	padding:26px 5px 0px;
	cursor: default;
}

.StoryTempPostItem-sub{
	font-size:20px;
	line-height:1.2em;
	color:#DDDDDD;
	font-family:'KRAFTON';
	margin-bottom:50px;
}

.StoryTempPostItem-title{
	font-size:40px;
	line-height:1.2em;
	color:#000;
	font-family:'KRAFTON';
	margin-bottom:34px;
}

.StoryTempPostItemToggleBasic-title{
	font-size:30px;
	line-height:1.3em;
	color:#000;
	font-weight:500;
}

.StoryTempPostItemToggleBasic-arrow{
	margin-top: 45px;
    display: block;
    width: 40px;
    height: 13px;
    background-image: url(../img/icon/ico-more-arrow.png);
    background-size: 40px 13px;
    transition-property: transform;
    transition-duration: 0.3s;
}

.StoryTempPostItemToggle:after{
	content:"";
	display:table;
	clear:both;
}

.StoryTempPostItemToggleBasic{
	float:left;
	margin-right:-100%;
}

.StoryTempPostItemToggleHover{
	float:left;
	background-color:#fff;
	transition-property: opacity;
    transition-duration: 0.1s;
	opacity:0;
}

.StoryTempPostItemToggleHover-title{
	font-size:24px;
	line-height:1.3em;
	color:#000;
	font-weight:bold;
	margin-bottom:18px;
}

.StoryTempPostItemToggleHover-text{
	font-size:16px;
	line-height:1.7em;
	color:#000;
}

@media screen and (min-width: 1025px) {
	.StoryTempPostItem:hover .StoryTempPostItemToggleHover{
		opacity:1;
	}
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.StoryTempPost-list{
		margin:-3.1538vw -3.1538vw;
	}

	.StoryTempPost-item{
		padding:3.1538vw 3.1538vw;
	}

	.StoryTempPostItem{
		border-top:solid 2px #000000;
		padding:2vw 0.3846vw 0px;
	}

	.StoryTempPostItem-sub{
		font-size:2vw;
		margin-bottom:3.8461vw;
	}

	.StoryTempPostItem-title{
		font-size:3.0769vw;
		margin-bottom:2.61538vw;
	}

	.StoryTempPostItemToggleBasic-title{
		font-size:2.30769vw;
	}

	.StoryTempPostItemToggleBasic-arrow{
		margin-top: 3.4615vw;
		width: 3.0769vw;
		height: 1vw;
		background-size: 3.0769vw 1vw;
	}

	.StoryTempPostItemToggleHover-title{
		font-size:1.8461vw;
		margin-bottom:1.38461vw;
	}

	.StoryTempPostItemToggleHover-text{
		font-size:1.2307vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.StoryTempPost-list{
		margin:-2.1538vw -2.1538vw;
	}

	.StoryTempPost-item{
		padding:2.1538vw 2.1538vw;
	}

	.StoryTempPostItem{
		border-top:solid 2px #000000;
		padding:3vw 0.3846vw 0px;
	}

	.StoryTempPostItem-sub{
		font-size:2vw;
		margin-bottom:3.8461vw;
	}

	.StoryTempPostItem-title{
		font-size:3.0769vw;
		margin-bottom:2.61538vw;
	}

	.StoryTempPostItemToggleBasic-title{
		font-size:2.30769vw;
	}

	.StoryTempPostItemToggleBasic-arrow{
		margin-top: 3.4615vw;
		width: 3.0769vw;
		height: 1vw;
		background-size: 3.0769vw 1vw;
	}

	.StoryTempPostItemToggleHover-title{
		font-size:1.8461vw;
		margin-bottom:1.38461vw;
	}

	.StoryTempPostItemToggleHover-text{
		font-size:1.4307vw;
	}
	
	.StoryTempPostItem.Is-View .StoryTempPostItemToggleHover{
		opacity:1;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.StoryTempPost-list{
		margin:0 -2.1538vw;
	}

	.StoryTempPost-item{
		padding:0 2.1538vw;
	}

	.StoryTempPostItem{
		border-top:solid 2px #000000;
		padding:6vw 0.3846vw 10vw;
	}
	
	.StoryTempPost-item{
		width:100%;
		float:none;
	}

	.StoryTempPostItem-sub{
		font-size:4vw;
		margin-bottom:4.8461vw;
	}

	.StoryTempPostItem-title{
		font-size:7.6769vw;
		margin-bottom:2.61538vw;
	}

	.StoryTempPostItemToggleBasic-title{
		font-size:5.30769vw;
	}
	
	.StoryTempPostItemToggleBasic-title br{
		display:none;
	}

	.StoryTempPostItemToggleBasic-arrow{
		margin-top: 8.4615vw;
		width: 9.0769vw;
		height: 2.5769vw;
		background-size: 9.0769vw 2.5769vw;
	}

	.StoryTempPostItemToggleHover-title{
		font-size:5.30769vw;
		margin-bottom:4.38461vw;
	}

	.StoryTempPostItemToggleHover-text{
		font-size:3.5307vw;
	}
	
	.StoryTempPostItemToggleBasic{
		float:none;
		margin-right:0;
	}
	
	.StoryTempPostItemToggleHover{
		float:none;
	}
	
	.Is-View .StoryTempPostItemToggleBasic{
		display:none;
	}
	
	.StoryTempPostItemToggleHover{
		opacity:1;
		display:none;
	}
	
	.Is-View .StoryTempPostItemToggleHover{
		display:block;
	}
}

/*=========================================================
StoryQuick
=========================================================*/
.StoryQuick{
	position:fixed;
	top:50%;
	transform:translateY(-50%);
	right:0;
	z-index:200;
	width:254px;
}

.StoryQuick-link{
	display:block;
	background-color:#000;
	padding:26px 26px;
	border:solid 4px #000;
}

.StoryQuickTitle{
	font-size:26px;
	line-height:1.56em;
	color:#fff;
	font-weight:bold;
}

.StoryQuickMore{
	margin-top:50px;
	font-size:0;
	line-height:0;
}

.StoryQuickMore-text{
	display:inline-block;
	padding-right:34px;
	position:relative;
	font-size:16px;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
}

.StoryQuickMore-text:after{
	content:"";
	width: 27px;
    height: 10px;
    background-image: url(../img/icon/ico-post-arrow.png);
    background-size: 27px 10px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

@media screen and (min-width: 1025px) {
	.StoryQuick-link:hover{
		background-color:#fff;
	}
	
	.StoryQuick-link:hover .StoryQuickTitle{
		color:#000;
	}
	
	.StoryQuick-link:hover .StoryQuickMore-text{
		color:#000;
	}
	
	.StoryQuick-link:hover .StoryQuickMore-text:after{
		background-image: url(../img/icon/ico-more-arrow.png);
	}
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.StoryQuick{
		width:15.538vw;
		top:33%;
		transform:translateY(0%);
	}

	.StoryQuick-link{
		padding:2vw 2vw;
		border:solid 0.30769vw #000;
	}

	.StoryQuickTitle{
		font-size:1.6vw;
		line-height:1.45em;
	}

	.StoryQuickMore{
		margin-top:1.4461vw;
	}

	.StoryQuickMore-text{
		padding-right:2.6153vw;
		font-size:1.03076vw;
		line-height:1.4em;
	}

	.StoryQuickMore-text:after{
		width: 2.07692vw;
		height: 0.7692vw;
		background-size: 2.07692vw 0.7692vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.StoryQuick{
		width:17.538vw;
		top:27%;
		transform:translateY(0%);
	}

	.StoryQuick-link{
		padding:2vw 2vw;
		border:solid 0.30769vw #000;
	}

	.StoryQuickTitle{
		font-size:1.7vw;
	}

	.StoryQuickMore{
		margin-top:1.4461vw;
	}

	.StoryQuickMore-text{
		padding-right:2.6153vw;
		font-size:1.3076vw;
		line-height:1.4em;
	}

	.StoryQuickMore-text:after{
		width: 2.07692vw;
		height: 0.7692vw;
		background-size: 2.07692vw 0.7692vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.StoryQuick{
		position:static;
		width:auto;
		transform:translateY(0%);
		margin-left:-6.25vw;
		margin-right:-6.25vw;
		margin-top:15vw;
	}

	.StoryQuick-link{
		padding:6.25vw 6.25vw;
		border:solid 0.30769vw #000;
	}

	.StoryQuickTitle{
		font-size:6.6vw;
		line-height:1.45em;
	}
	
	.StoryQuickTitle br{
		display:none;
	}

	.StoryQuickMore{
		margin-top:5.4461vw;
	}

	.StoryQuickMore-text{
		padding-right:13.6153vw;
		font-size:3.93076vw;
		line-height:1.4em;
	}

	.StoryQuickMore-text:after{
		width: 9.0769vw;
		height: 2.5769vw;
		background-size: 9.0769vw 2.5769vw;
	}
	
	.page-id-18 .site-footer{
		margin-top:0;
	}

	html[lang="en-US"] .page-id-5956 .site-footer{
		margin-top:0;
	}
}


/*=========================================================
	PageNoResult
=========================================================*/
@media screen and (min-width:1025px){
	.PageNoResult{
		max-width:29.166%;
	}
}

.PageNoResult{
	margin:0 auto;
	text-align:center;
}

.PageNoResult-title{
	color:#000;
	font-size:36px;
	font-weight:bold;
	line-height:1.4em;
}
.PageNoResult-title:before{
	content:'';
	display:block;
	width:61px;
	height:61px;
	margin:0 auto 20px;
	background-image: url('/wp-content/themes/krafton/assets/img/icon/ico-attention.png');
    background-size: 61px 61px;
}
.PageNoResult-text{
	margin-top:15px;
	color:#000;
	font-size:16px;
	line-height:1.4em;
}

/*Page MarginTop*/
.NewsPostList .PageNoResult{
	margin-top:140px;
}

.EarningsAnnounceFile .PageNoResult{
	margin-top:90px;
}

td .PageNoResult {
	padding:20px 0;
}

.AnnualReportList .PageNoResult{
	margin-top:140px;
}

.QnAList .PageNoResult{
	margin-top:90px;
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.PageNoResult-title{
		font-size:2.769vw;
	}
	.PageNoResult-title:before{
		width:4.692vw;
		height:4.692vw;
		margin-bottom:1.5384vw;
		background-size: 4.692vw 4.692vw;
	}
	.PageNoResult-text{
		margin-top:1.154vw;
		font-size:1.230vw;
	}
	
	.NewsPostList .PageNoResult{
		margin-top:10.7692vw;
	}
	
	.EarningsAnnounceFile .PageNoResult{
		margin-top:6.92307vw;
	}
	
	td .PageNoResult {
		padding:1.538461vw 0;
	}
	
	.AnnualReportList .PageNoResult{
		margin-top:6.92307vw;
	}
	
	.QnAList .PageNoResult{
		margin-top:6.92307vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.PageNoResult-title{
		font-size:3.5156vw;
	}
	.PageNoResult-title:before{
		width:5.957vw;
		height:5.957vw;
		margin-bottom: 1.953vw;
		background-size: 5.957vw 5.957vw;
	}
	.PageNoResult-text{
		margin-top:1.465vw;
		font-size:2vw;
	}
	
	.NewsPostList .PageNoResult{
		margin-top:10.7692vw;
	}
	
	.EarningsAnnounceFile .PageNoResult{
		margin-top:6.92307vw;
	}
	
	td .PageNoResult {
		padding:1.538461vw 0;
	}
	
	.AnnualReportList .PageNoResult{
		margin-top:6.92307vw;
	}
	
	.QnAList .PageNoResult{
		margin-top:6.92307vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.PageNoResult-title{
		font-size:4.693vw;
	}
	.PageNoResult-title:before{
		width:9vw;
		height:9vw;
		margin-bottom: 2.607vw;
		background-size: 9vw 9vw;
	}
	.PageNoResult-text{
		margin-top:1.5vw;
		font-size:3.78vw;
	}
	
	.NewsPostList .PageNoResult{
		margin-top:14.7692vw;
	}
	
	.EarningsAnnounceFile .PageNoResult{
		margin-top:10.92307vw;
	}
	
	td .PageNoResult {
		padding:1.538461vw 0;
	}
	
	.AnnualReportList .PageNoResult{
		margin-top:10.92307vw;
	}
	
	.QnAList .PageNoResult{
		margin-top:10.92307vw;
	}
}


/*=========================================================
	life(피플 앤 라이프)
=========================================================*/
/*	History:Banner
=========================================================*/
.LifeBanner{
	position:relative;
	clear:both;
	margin-bottom:100px;
}

.LifeBanner:after{
	content: '';
    display: block;
    padding-bottom: 34.7%;
}

.LifeBanner-inner{
	position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.LifeBanner-center{
	position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
	min-width:100%;
}

.LifeBanner-img{
	display: block;
    position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
	max-width:none;
	transition-property: transform;
    transition-duration: 0.2s;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.LifeBanner-img{
		max-height:calc(100% + 20vh);
	}
}

body.Safari .LifeBanner-img{
	transition-duration: 0s;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.LifeBanner-img{
		transition-duration: 0s;
	}
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.LifeBanner{
		margin-bottom:7.6923vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.LifeBanner{
		margin-bottom:7.6923vw;
	}
	
	.LifeBanner-img{
		 transition-duration: 0.1s;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.LifeBanner{
		margin-bottom:13.6923vw;
		margin-left:-20vw;
		margin-right:-20vw;
	}
	
	.LifeBanner-inner{
		width:190vw;
	}
	
	.LifeBanner:after{
		padding-bottom:40%;
	}
	
	.LifeBanner-img{
		 transition-duration: 0.1s;
	}
}


/* LifeTitle
=========================================================*/
.LifeTitle{
	overflow:hidden;
	margin-bottom:60px;
}
.LifeTitle-title{
	overflow:hidden;
}

.LifeTitle-text{
	display:block;
	color:#000;
	font-size:46px;
	font-weight:bold;
	line-height:1.2em;
	transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
    transform: translateY(110%);
}
.LifeTitle-sub{
	display:block;
	margin-top:10px;
	color:#000;
	font-size:20px;
	line-height:1.6em;
}

.LifeTitle-title.is-textTop .LifeTitle-text{
    transform: translateY(0%);
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.LifeTitle{
		margin-bottom:4.615vw;
	}
	.LifeTitle-text{
		font-size:3.538vw;
	}
	.LifeTitle-sub{
		margin-top:0.923vw;
		font-size:1.538vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.LifeTitle{
		margin-bottom:5.859vw;
	}
	.LifeTitle-text{
		font-size:3.892vw;
	}
	.LifeTitle-sub{
		margin-top:1.1718vw;
		font-size:1.953vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.LifeTitle{
		margin-bottom:7.822vw;
	}
	.LifeTitle-text{
		font-size:6.6vw;
	}
	.LifeTitle-sub{
		margin-top:2.25vw;
		font-size:4vw;
	}
}

/* 크래프톤 피플 KraftonPeople
=========================================================*/
.KraftonPeople{
	margin-bottom:170px;
}
.KraftonPeopleCont-list{
	margin-left:-20px;
	margin-right:-20px;
}
.KraftonPeopleCont-list:after{
	content:'';
	display:block;
	clear:both;
}
.KraftonPeopleCont-item{
	width:25%;
	padding:0 20px 20px;
	float:left;
}
.KraftonPeopleItem{
	display:block;
}
.KraftonPeopleItem-thumb{
	overflow:hidden;
	display:block;
	margin:0 auto;
	position:relative;
	width:260px;
	height:260px;
	border-radius:100%;
}
.KraftonPeopleItem-thumb:after{
	content:'';
	display:block;
	padding-bottom:100%;
}
.KraftonPeopleItem-img{
	display:block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	transition-property: transform;
	transition-duration: 0.2s;
}
.KraftonPeopleItem-content{
	margin-top:24px;
	text-align:center;
}
.KraftonPeopleItem-title{
	display:block;
	color:#000;
	font-size:22px;
	font-weight:bold;
	line-height:1.4em;
}

.KraftonPeopleItem-info{
	font-size:0;
	line-height:0;
	margin-top:5px;
}
.KraftonPeopleItem-work{
	display:inline-block;
	padding-right:16px;
	margin-right:16px;
	position:relative;
	color:#000;
	font-size:16px;
	line-height:1.6em;
}
.KraftonPeopleItem-work:after{
	content:'';
	display:block;
	width:1px;
	height:70%;
	position:absolute;
	top:50%;
	right:0;
	background-color:#ddd;
	transform:translateY(-50%);
}
.KraftonPeopleItem-national{
	display:inline-block;
	color:#000;
	font-size:16px;
	font-family:'Poppins';
	font-weight:300;
	line-height:1.6em;
}

@media screen and (min-width:1025px){
	.KraftonPeopleItem:hover .KraftonPeopleItem-img{
		transform:scale(1.1);
	}
}

@media screen and (max-width:1024px) and (min-width:1px){
	.KraftonPeopleItem-work:after{
		display:none;
	}
	.KraftonPeopleItem-work{
		display:block;
		padding-right:0;
		margin-right:0;
	}
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.KraftonPeople{
		margin-bottom:13.076vw;
	}
	.KraftonPeopleCont-list{
		margin-left:-1.538vw;
		margin-right:-1.538vw;
	}
	.KraftonPeopleCont-item{
		padding: 0 1.538vw 1.538vw;
	}
	.KraftonPeopleItem-thumb{
		width:20vw;
		height:20vw;
	}
	.KraftonPeopleItem-content{
		margin-top:1.846vw;
	}
	.KraftonPeopleItem-title{
		font-size:1.692vw;
	}
	.KraftonPeopleItem-work{
		padding-right:1.230vw;
		margin-right:1.230vw;
		font-size:1.230vw;
	}
	.KraftonPeopleItem-national{
		font-size:1.230vw;
	}

}
@media screen and (max-width:1024px) and (min-width:768px){
	.KraftonPeople{
		margin-bottom:13.601vw;
	}
	.KraftonPeopleCont-list{
		margin-left:-1.953vw;
		margin-right:-1.953vw;
	}
	.KraftonPeopleCont-item{
		padding: 0 1.953vw 1.953vw;
	}
	.KraftonPeopleItem-thumb{
		width:20vw;
		height:20vw;
	}
	.KraftonPeopleItem-content{
		margin-top:1.343vw;
	}
	.KraftonPeopleItem-title{
		font-size:2.148vw;
	}
	.KraftonPeopleItem-work{
		font-size:1.5625vw;
	}
	.KraftonPeopleItem-national{
		display:block;
		font-size:1.5625vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.KraftonPeople{
		margin-bottom:20.56vw;
	}
	.KraftonPeopleCont-list{
		margin-left:-3.125vw;
		margin-right:-3.125vw;
	}
	.KraftonPeopleCont-item{
		width:50%;
		padding: 0 3.125vw 3.125vw;
		padding-bottom: 3vw;
	}
	.KraftonPeopleCont-item:nth-child(2n+1){
		clear:both;
	}
	.KraftonPeopleItem-thumb{
		width:40.625vw;
		height:40.625vw;
	}
	.KraftonPeopleItem-content{
		margin-top:3.75vw;
	}
	.KraftonPeopleItem-title{
		font-size:4vw;
	}
	.KraftonPeopleItem-work{
		min-height:2.8em;
		font-size:3.78vw;
	}
	.KraftonPeopleItem-national{
		font-size:3.78vw;
	}
}
/* 크래프톤 라이프  KraftonLife
=========================================================*/
.KraftonLife{
	margin-bottom:170px
}
.KraftonLifeCont-list{
	margin-top:-40px;
	margin-left:-40px;
}
.KraftonLifeCont-list:after{
	content:'';
	display:block;
	clear:both;
}
.KraftonLifeCont-item{
	width:50%;
	padding-top:40px;
	padding-left:40px;
	float:left;
	cursor:default;
}
.KraftonLifeCont-item:nth-child(2n+1){
	clear:both;
}
.KraftonLifeCont-inner{
	padding:56px 50px 65px;	
	position:relative;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.KraftonLifeCont-inner:before{
	content:'';
	display:block;
	background-color:rgba(0,0,0,0.36);
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.KraftonLifeItem{
	position:relative;
}
.KraftonLifeItem:after{
	content:'';
	display:block;
	padding-bottom:108.17%;
}

html[lang="en-US"] .KraftonLifeItem:after{
	padding-bottom: 135.17%;
}

html[lang="zh-CN"] .KraftonLifeItem:after{
	padding-bottom: 135.17%;
}

html[lang="ja"] .KraftonLifeItem:after{
	padding-bottom: 135.17%;
}

.KraftonLifeItem-inner{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
}


html[lang="zh-CN"] .KraftonLifeItemCont{
	word-break:break-all
}

.KraftonLifeItemTitle-title{
	display:block;
	color:#fff;
	font-size:36px;
	font-weight:bold;
	line-height:1.2em;
}
.KraftonLifeItemTitle-sub{
	display:block;
	color:#fff;
	font-size:22px;
	line-height:1.4em;
}

.KraftonLifeItemCont{
	display:none;
	position:absolute;
	bottom:0;
	left:0;
}
.KraftonLifeItemCont-title{
	display:block;
	color:#fff;
	font-size:26px;
	font-weight:bold;
	line-height:1.6em;
}
.KraftonLifeItemCont-text{
	margin-top:20px;
	color:#fff;
	font-size:18px;
	line-height:1.8em;
}

.KraftonLifeCont-inner:hover{
	background-color:#000;
	background-image:none !important;
}

.KraftonLifeCont-inner:hover .KraftonLifeItemCont{
	display:block;
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.KraftonLife{
		margin-bottom:13.076vw;
	}
	.KraftonLifeCont-list{
		margin-top:-3.076vw;
		margin-left:-3.076vw;
	}
	.KraftonLifeCont-item{
		padding-top:3.076vw;
		padding-left:3.076vw;
	}
	.KraftonLifeCont-inner{
		padding:4.307vw 3.8461vw 5vw;	
	}
	.KraftonLifeItemTitle-title{
		font-size:2.769vw;
	}
	.KraftonLifeItemTitle-sub{
		font-size:1.692vw;
	}
	.KraftonLifeItemCont-title{
		font-size:2vw;
	}
	.KraftonLifeItemCont-text{
		margin-top:1.5384vw;
		font-size:1.384vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.KraftonLife{
		margin-bottom:13.601vw;
	}
	.KraftonLifeCont-list{
		margin-top:-1.7578vw;
		margin-left:-1.7578vw;
	}
	.KraftonLifeCont-item{
		padding-top:1.7578vw;
		padding-left:1.7578vw;
	}
	.KraftonLifeCont-inner{
		padding:3.4687vw 2.882vw;	
	}
	.KraftonLifeItem:after{
		padding-bottom:115%;
	}
	.KraftonLifeItemTitle-title{
		font-size:2.78vw;
	}
	.KraftonLifeItemTitle-sub{
		font-size:2vw;
	}
	.KraftonLifeItemCont-title{
		font-size:2vw;
	}
	.KraftonLifeItemCont-text{
		margin-top:1.953vw;
		font-size:1.7578vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.KraftonLife{
		margin-bottom:20.56vw;
	}
	.KraftonLifeCont-list{
		margin-top:-5.215vw;
		margin-left:0;
	}
	.KraftonLifeCont-item{
		width:100%;
		float:none;
		padding-top:5.215vw;
		padding-left:0;
	}
	.KraftonLifeCont-inner{
		padding:5vw;	
	}
	.KraftonLifeItemTitle-title{
		font-size:5vw;
	}
	.KraftonLifeItemTitle-sub{
		font-size:4vw;
	}
	.KraftonLifeItem:after {
		padding-bottom:130%;
	}
	.KraftonLifeItemCont-title{
		font-size:4vw;
	}
	.KraftonLifeItemCont-text{
		margin-top:2.607vw;
		font-size:3.78vw;
	}	
	
	html[lang="en-US"] .KraftonLifeItem:after{
		padding-bottom: 166.17%;
	}
	
	html[lang="zh-CN"] .KraftonLifeItem:after{
		padding-bottom: 166.17%;
	}
	
	html[lang="ja"] .KraftonLifeItem:after{
		padding-bottom: 166.17%;
	}
	
}


/* 복리후생 WelfareSideTab
=========================================================*/
.Welfare:after{
	content:'';
	display:block;
	clear:both;
}

.WelfareSideTab{
	width:22.66%;
	margin-right:8.75%;
	float:left;
}
.WelfareSideTab-item{
	border-bottom:1px solid #ddd;
}
.WelfareSideTab-item:last-child{
	border-bottom:none;
}

.WelfareSideTab-link{
	display:block;
	padding:35px 25px 27px 27px;
	background-color:#fff;
}
.WelfareSideTabItem{
	padding-bottom:58px;
	position:relative;
}
.WelfareSideTabItem-number{
	display:block;
	color:#000;
	font-size:24px;
	font-family:'Poppins';
	line-height:1.4em;
}
.WelfareSideTabItem-title{
	display:block;
	color:#000;
	font-size:20px;
	font-weight:500;
	line-height:1.5em;
}

.WelfareSideTabItem-arrow{
	overflow:hidden;
	display: block;
    width: 30px;
    height: 10px;
	position:absolute;
	bottom:0;
	right:0;
    background-image: url('/wp-content/themes/krafton/assets/img/icon/ico-post-arrow-b.png');
    background-size: 30px 10px;
	transform:translateX(0);
	transition-property: transform;
	transition-duration: 0.2s;
	text-indent:200%;
}

.WelfareSideTab-item.is-Current .WelfareSideTab-link{
	background-color:#000;
}
.WelfareSideTab-item.is-Current .WelfareSideTabItem-number{
	color:#fff;
}
.WelfareSideTab-item.is-Current .WelfareSideTabItem-title{
	color:#fff;
	font-weight:bold;
}
.WelfareSideTab-item.is-Current .WelfareSideTabItem-arrow{
	background-image: url(../img/icon/ico-post-arrow.png);
}
	
	
@media screen and (min-width:1025px){
	.WelfareSideTab-link:hover{
		background-color:#000;
	}
	.WelfareSideTab-link:hover .WelfareSideTabItem-number{
		color:#fff;
	}
	.WelfareSideTab-link:hover .WelfareSideTabItem-title{
		color:#fff;
	}	
	.WelfareSideTab-link:hover .WelfareSideTabItem-arrow{
		transform: translateX(5px);
		background-image: url(../img/icon/ico-post-arrow.png);
	}
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.WelfareSideTab-link{
		padding:2.4615vw 1.923vw 2.538vw 2.077vw;
	}
	.WelfareSideTabItem{
		padding-bottom:2.307vw;
	}
	.WelfareSideTabItem-number{
		font-size:1.846vw;
	}
	.WelfareSideTabItem-title{
		font-size:1.538vw;
	}
	.WelfareSideTabItem-arrow{
		width: 2.307vw;
		height: 0.769vw;
		background-size: 2.307vw 0.769vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.WelfareSideTab{
		margin-right:4%;
	}
	.WelfareSideTab-link{
		padding:3.125vw 2.441vw 3.222vw 2.636vw;
	}
	.WelfareSideTabItem{
		padding-bottom:2.9296vw;
	}
	.WelfareSideTabItem-number{
		font-size:2.3437vw;
	}
	.WelfareSideTabItem-title{
		font-size:1.953vw;
	}
	.WelfareSideTabItem-arrow{
		width: 2.929vw;
		height: 0.9765vw;
		background-size: 2.929vw 0.9765vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.WelfareSideTab{
		width:100%;
		float:none;
		margin-right:0;
	}
	.WelfareSideTab-nav{
		margin-left:-6.25vw;
		margin-right:-6.25vw;
	}
	.WelfareSideTab-nav:after{
		content:'';
		display:block;
		clear:both;
	}
	.WelfareSideTab-item{
		width:50%;
		float:left;
		border-top:1px solid #ddd;
		border-left:1px solid #ddd;
	}
	.WelfareSideTab-item:last-child{
		border-bottom:1px solid #ddd;
	}
	.WelfareSideTab-item:nth-child(odd){
		border-left:none;
	}
	.WelfareSideTab-item:nth-child(n+3){
		border-top:none;
	}
	.WelfareSideTab-item.is-Current{
		border-color:#000;
	}
	.WelfareSideTab-link{
		padding:4vw 6.25vw;
	}
	.WelfareSideTabItem{
		padding-bottom:0;
	}
	.WelfareSideTabItem-number{
		font-size:4vw;
	}
	.WelfareSideTabItem-title{
		font-size:4vw;
	}
	.WelfareSideTabItem-arrow{
		display:none
	}

}
/* WelfareList
=========================================================*/
.WelfareList{
	overflow:hidden;
}
.WelfareList-item{
	display:none;
	padding-top:28px;
}
.WelfareList-item.is-Current{
	display:block;
}
.WelfareListItemTitle{
	overflow:hidden;
	display:block;
	margin-bottom:90px;
	color:#000;
	font-size:36px;
	font-weight:bold;
	line-height:1.4em;
}
.WelfareListItemCont{
	padding-right:45px;
}
.WelfareListItemCont-list{
	margin:-51px -22px;
	overflow:hidden;
}
.WelfareListItemCont-item{
	width:33.33%;
	padding:51px 22px;
	float:left;	
}
.WelfareListItemCont-item:nth-child(3n+1){
	clear:both;
}

.WelfareBenefit-icon{
	display:block;
	margin-bottom:26px;
	line-height:0;
	text-align:right;
}
.WelfareBenefit-img{
	height:52px;
}
.WelfareBenefit-title{
	display:block;
	color:#000;
	font-size:20px;
	font-weight:bold;
	line-height:1.4em;
}
.WelfareBenefit-text{
	margin-top:18px;
	color:#000;
	font-size:16px;
	line-height:1.6em;
}
.WelfareListItemCont.Health {
	padding-right:33.3333%;
}
.WelfareListItemCont.Health .WelfareListItemCont-item{
	width:50%;
}
.WelfareListItemCont.Health .WelfareListItemCont-item:nth-child(3n+1){
	clear:none;
}
.WelfareListItemCont.Health .WelfareListItemCont-item:nth-child(odd){
	clear:both !important;
}


@media screen and (max-width:1300px) and (min-width:1025px){
	.WelfareList-item{
		padding-top:2.1538vw;
	}
	.WelfareListItemTitle{
		margin-bottom:6.923vw;
		font-size:2.769vw;
	}
	.WelfareListItemCont{
		padding-right:3.461vw;
	}
	.WelfareListItemCont-list{
		margin:-3.923vw -1.6923vw;
	}
	.WelfareListItemCont-item{
		padding:3.923vw 1.6923vw;
	}
	.WelfareBenefit-icon{
		margin-bottom:2vw;
	}
	.WelfareBenefit-img{
		height:4vw;
	}
	.WelfareBenefit-title{
		font-size:1.5384vw;
	}
	.WelfareBenefit-text{
		margin-top:1.3846vw;
		font-size:1.2307vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.WelfareList-item{
		padding-top:2.734vw;
	}
	.WelfareListItemTitle{
		margin-bottom:7.089vw;
		font-size:3.156vw;
	}
	.WelfareListItemCont{
		padding-right:4.394vw;
	}
	.WelfareListItemCont-list{
		margin:-4.980vw -2.148vw;
	}
	.WelfareListItemCont-item{
		padding:4.980vw 2.148vw;
	}
	.WelfareBenefit-icon{
		margin-bottom:2.539vw;
	}
	.WelfareBenefit-img{
		height:5.078vw;
	}
	.WelfareBenefit-title{
		font-size:1.9531vw;
	}
	.WelfareBenefit-text{
		margin-top:1.7578vw;
		font-size:1.5625vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.WelfareList-item{
		padding-top:8vw;
	}
	.WelfareListItemTitle{
		margin-bottom:8vw;
		font-size:5vw;
	}
	.WelfareListItemTitle br{
		display:none;
	}
	.WelfareListItemCont{
		padding-right:0;
	}
	.WelfareListItemCont-list{
		margin:-6.649vw -2.868vw;
	}
	.WelfareListItemCont-item{
		width:50%;
		padding:6.649vw 2.868vw;
	}
	.WelfareBenefit-icon{
		margin-bottom:3.389vw;
	}
	.WelfareListItemCont-item:nth-child(3n+1) {
		clear:none;
	}
	.WelfareListItemCont-item:nth-child(odd) {
		clear:both !important;
	}
	
	.WelfareBenefit-img{
		height:8.779vw;
	}
	.WelfareBenefit-title{
		font-size:4vw;
	}
	.WelfareBenefit-text{
		margin-top:2.346vw;
		font-size:3.78vw;
	}
	
	.WelfareListItemCont.Health {
		padding-right:0;
	}
	.WelfareListItemCont.Health .WelfareListItemCont-item{
		width:50%;
	}
	.WelfareListItemCont.Health .WelfareListItemCont-item:nth-child(3n+1){
		clear:none;
	}
}

/*=========================================================
	IR 활동
=========================================================*/
@media screen and (max-width:767px) and (min-width:1px){
	.BasicPostList .download{
		padding:2vw 1.5vw 2.85vw;
	}
	.BasicPostList .LargeFileDownBtn{
		padding:0;
	}
}


/*=========================================================
	주주총회
=========================================================*/

.BasicPostList-list.nofixed {
	table-layout:auto;
}
.BasicPostList-list.nofixed .normal{
	white-space:normal;
}

/*=========================================================
 공고
=========================================================*/
.AnnounceTableBtm{
    font-size:0;
	line-height:0;
	text-align: right;
}
.AnnounceTableBtm-list{
	display:table;
	width:100%;
}
.AnnounceTableBtm-item{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}
.AnnounceTableBtm-item:last-child{
	text-align:right;
}
.AnnounceTableBtm-text{
	display: inline-block;
    color: #000;
    font-size: 15px;
    line-height: 1.4em;
}
.AnnounceTableBtm-link{
    color: #000;
    font-size: 15px;
    line-height: 1.4em;
    text-decoration:underline;
}
@media screen and (max-width: 1300px) and (min-width: 1025px){
	.AnnounceTableBtm-text{
		font-size:1.153vw;
	}
	.AnnounceTableBtm{
		font-size:1.153vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.AnnounceTableBtm-text{
		font-size:1.464vw;
	}
	.AnnounceTableBtm-link{
		font-size:1.464vw;
	}
}
@media screen and (max-width: 767px) and (min-width: 1px){
	.AnnounceTableBtm-list{
		display:block;
	}
	.AnnounceTableBtm-item{
		display:block;
	}
	.AnnounceTableBtm-item:last-child{
		margin-top:8px;
		text-align:left;
	}
	.AnnounceTableBtm-text{
		display:block;
		font-size: 3.5vw;
	}
	.AnnounceTableBtm-link{
		font-size: 3.5vw;
	}
}


 /*=========================================================
	Stock
=========================================================*/
 
 /* StockHeader
=========================================================*/
.StockHeader{
	margin-bottom:30px;
}
.StockHeader:after{
	content:'';
	display:block;
	clear:both;
}
.StockHeader-title{
	float:left;
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:1.2em;
}

.StockHeader-text{
	overflow:hidden;
	display:block;
	padding-top:9px;
	color:#777;
	font-size:14px;
	font-family:'Lato';
	line-height:1.4em;
	text-align:right;
}

@media screen and (max-width: 1300px) and (min-width: 1025px){
	.StockHeader{
		margin-bottom:2.307vw;
	}
	.StockHeader-title{
		font-size:1.846vw;
	}
	.StockHeader-text{
		padding-top:0.6923vw;
		font-size:1.076vw;
	}

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.StockHeader{
		margin-bottom:2.9296vw;
	}
	.StockHeader-title{
		font-size:2.343vw;
	}
	.StockHeader-text{
		padding-top:0.8789vw;
		font-size:1.42vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.StockHeader{
		margin-bottom:3.9113vw;
	}
	.StockHeader-title{
		font-size:5vw;
	}
	.StockHeader-text{
		padding-top:1.1734vw;
		font-size:3.5vw;
	}
}


 /* StockContLive
=========================================================*/
.StockContLive{
	width:32%;
	float:left;
	margin-right:58px;
	padding:37px 11px 55px;
	border-top:1px solid #000;
	border-bottom:1px solid #ddd;
}

.StockContLiveTop{
	display:table;
	width:100%;
}
.StockContLiveTop-title{
	display:table-cell;
	color:#000;
	font-size:46px;
	font-family:'Lato';
	font-weight:bold;
	line-height:1.2em;
	vertical-align:middle;
}
.StockContLiveTop-info{
	display:table-cell;
	width:1px;
	white-space:nowrap;
	vertical-align:middle;
	
}

.StockContLiveTop-item:after{
	content:'';
	display:block;
	clear:both;
}
.StockContLiveTop-item{
	margin-bottom:12px;
	font-size:0;
}
.StockContLiveTop-item:last-child{
	margin-bottom:0;
}
.StockContLiveTop-text{
	min-width:67px;
	margin-right:16px;
	display:inline-block;
	color:#000;
	font-size:18px;
	font-weight:500;
	line-height:1.4em;
	vertical-align:middle;
}
.StockContLiveTop-number{
	display:inline-block;
	color:#000;
	font-size:18px;
	line-height:1.4em;
	vertical-align:middle;
}

.StockContLiveBtm{
	margin-top:78px;
}
.StockContLiveBtm-item{
	margin-bottom:14px;
}
.StockContLiveBtm-item:last-child{
	margin-bottom:0;
}
.StockContLiveBtmItem-title{
	display:inline-block;
	min-width:100px;
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:1.4em;
	white-space:nowrap;
	vertical-align:middle;
}
.StockContLiveBtmItem-content{
	display:inline-block;
	vertical-align:middle;
}
.StockContLiveBtmItem-value{
	display:inline-block;
	padding-right:16px;
	color:#000;
	font-size:18px;
	white-space:nowrap;
	line-height:1.4em;
	vertical-align:middle;
}
.StockContLiveBtmItem-number{
	display:inline-block;
	color:#000;
	font-size:15px;
	white-space:nowrap;
	line-height:1.4em;
	vertical-align:middle;
}

@media screen and (max-width: 1300px) and (min-width: 1025px){
	.StockContLive{
		margin-right:4.4615vw;
		padding:2.846vw 0.8461vw 4.2307vw;
	}

	.StockContLiveTop-title{
		font-size:3.538vw;
	}
	
	.StockContLiveTop-item{
		margin-bottom:0.9230vw;
	}
	.StockContLiveTop-text{
		min-width:5.1538vw;
		margin-right:1.230vw;
		font-size:1.3846vw;
	}
	.StockContLiveTop-number{
		font-size:1.3846vw;
	}

	.StockContLiveBtm{
		margin-top:7.056vw;
	}
	.StockContLiveBtm-item{
		margin-bottom:1.0769vw;
	}
	.StockContLiveBtmItem-title{
		min-width:7.6923vw;
		font-size:1.3846vw;
	}
	.StockContLiveBtmItem-value{
		padding-right:1.2307vw;
		font-size:1.3846vw;
	}
	.StockContLiveBtmItem-number{
		font-size:1.1538vw;
	}

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.StockContLive{
		width:30%;
		margin-right:2.664vw;
		padding:3vw 1vw 3vw;
	}
	.StockContLiveTop{
		display:block;
	}
	.StockContLiveTop-title{
		display:block;
	}
	.StockContLiveTop-info{
		display:block;
		width:100%;
		margin-top:1.5vw;
	}
	.StockContLiveTop-title{
		font-size:4.492vw;
	}
	
	.StockContLiveTop-item{
		margin-bottom:0.9vw;
	}
	.StockContLiveTop-text{
		min-width:6.5429vw;
		margin-right:1.5625vw;
		font-size:1.7578vw;
	}
	.StockContLiveTop-number{
		font-size:1.7578vw;
	}

	.StockContLiveBtm{
		margin-top:2.6172vw;
	}
	
	.StockContLiveBtm-item{
		margin-bottom:1.1718vw;
	}
	.StockContLiveBtmItem{
		font-size:0;
		line-height:0;
	}
	.StockContLiveBtmItem-title{
		min-width:9.7656vw;
		margin-bottom:0.5vw;
		font-size:1.7578vw;
	}
	.StockContLiveBtmItem-value{
		padding-right:1.5625vw;
		font-size:1.7578vw;
	}
	.StockContLiveBtmItem-number{
		font-size:1.64vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.StockContLive{
		width:100%;
		margin-right:0;
		padding:4.8239vw 1.4341vw 4.8239vw;
		margin-bottom:5vw;
		float:none;
	}
	.StockContLiveTop{
		display:block;
	}
	.StockContLiveTop-title{
		display:block;
	}
	.StockContLiveTop-info{
		display:block;
		width:100%;
		margin-top:1.5vw;
	}
	.StockContLiveTop-title{
		font-size:10.9973vw;
	}
	
	.StockContLiveTop-item{
		margin-bottom:3vw;
	}
	.StockContLiveTop-text{
		min-width:8.7353vw;
		margin-right:3.78vw;
		font-size:3.78vw;
	}
	.StockContLiveTop-number{
		font-size:4vw;
	}

	.StockContLiveBtm{
		margin-top:10.169vw;
	}
	.StockContLiveBtm-item{
		margin-bottom:3.5vw;
	}
	.StockContLiveBtmItem-title{
		min-width:0;
		display:block;
		width:100%;
		font-size:3.78vw;
	}
	.StockContLiveBtmItem-value{
		padding-right:3.5vw;
		font-size:3.78vw;
	}
	.StockContLiveBtmItem-number{
		font-size:3.5vw;
	}
	
	.StockHeader-title{
		float:none;
		margin-bottom:2vw;
	}
}


 /* StockInfoTable
=========================================================*/
.StockInfoTable{
	overflow:hidden;
}



 /* IrContact
=========================================================*/
.IrContact{
	padding:26px 38px;
}
.IrContact:after{
	content:'';
	display:block;
	clear:both;
}
.IrContact-title{
	margin-right:45px;
	float:left;
	color:#000;
	font-size:20px;
	font-weight:bold;
	line-height:1.4em;
}
.IrContact-content{
	overflow:hidden;
	padding-top:4px;
	font-size:0;
	line-height:0;
}

.IrContact-text{
	margin-right:12px;
	color:#000;
	font-size:16px;
	font-weight:bold;
	line-height:1.4em;
}
.IrContact-email{
	color:#000;
	font-size:16px;
	line-height:1.4em;
}
.IrContact-link{
	color:#000;
	font-size:16px;
}



@media screen and (max-width: 1300px) and (min-width: 1025px){
	.IrContact{
		padding:2vw 2.923vw;
	}
	.IrContact-title{
		margin-right:3.4615vw;
		font-size:1.538vw;
	}
	.IrContact-content{
		padding-top:0.3076vw;
	}

	.IrContact-text{
		margin-right:0.923vw;
		font-size:1.230vw;
	}
	.IrContact-email{
		font-size:1.230vw;
	}
	.IrContact-link{
		font-size:1.230vw;
	}

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.IrContact{
		padding:2.539vw 3.710vw;
	}
	.IrContact-title{
		margin-right:4.394vw;
		font-size:1.953vw;
	}
	.IrContact-content{
		padding-top:0.4vw;
	}

	.IrContact-text{
		margin-right:1.1718vw;
		font-size:1.64vw;
	}
	.IrContact-email{
		font-size:1.64vw;
	}
	.IrContact-link{
		font-size:1.64vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.IrContact{
		padding:5.3898vw 6.954vw;
	}
	.IrContact-title{
		margin-bottom:2vw;
		margin-right:0;
		float:none;
		font-size: 5vw;
	}
	.IrContact-content{
		padding-top:0;
	}

	.IrContact-text{
		font-size:3.78vw;
	}
	.IrContact-email{
		font-size:3.78vw;
	}
	.IrContact-link{
		font-size:3.78vw;
	}
}

 /*=========================================================
	People
=========================================================*/
 /*	People:Layout
=========================================================*/
.KraftonTalent{
	margin-bottom:170px;
}

.Kraftonpeople{
	margin-bottom:170px;
}

@media screen and (max-width: 1300px) and (min-width: 1025px){
	.KraftonTalent{
		margin-bottom:13.076vw;
	}

	.Kraftonpeople{
		margin-bottom:13.076vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.KraftonTalent{
		margin-bottom:13.601vw;
	}

	.Kraftonpeople{
		margin-bottom:13.601vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.KraftonTalent{
		margin-bottom:20.56vw;
	}

	.Kraftonpeople{
		margin-bottom:20.56vw;
	}
}

 /*	People:WorkVideoListLeft
=========================================================*/
.WorkVideoListSection{
	margin-bottom:110px;
}

.WorkVideoListSection:last-child{
	margin-bottom:0;
}

.WorkVideoListLeft{
	display: flex;
    justify-content: center;
    align-items: center;
	width:100%;
}

.WorkVideoListLeftFrame{
	order: 1;
	flex: 0 0 44%;
    max-width: 44%;
	position:relative;
	overflow:hidden;
}

.WorkVideoListLeftFrame:after{
	content:"";
	display:block;
	padding-bottom:56.3%;
	overflow:hidden;
}

.WorkVideoListLeftCont{
	order: 2;
	flex: 0 0 56%;
    max-width: 56%;
	padding-left:70px;
}

.WorkVideoListLeftCont-title{
	font-size:36px;
	line-height:1.3em;
	color:#000;
	font-weight:bold;
}

.WorkVideoListLeftCont-sub{
	font-size:20px;
	line-height:1.7em;
	color:#000;
	margin-top:16px;
}

.WorkVideoListLeftFrame-link{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:block;
	overflow:hidden;
}

.WorkVideoListLeftFrame-link:before{
	content:"";
	width:100%;
	display:block;
	padding-bottom:56.3%;
}

.WorkVideoListLeftFrame-link:after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.3);
}

.WorkVideoListLeftFrame-img{
	width:100%;
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.WorkVideoListLeftFrame iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: none;
}

.WorkVideoListLeftFrame-icon{
	width: 68px;
    height: 41px;
    background-image: url(../img/icon/ico-youtube-play.png);
    background-size: 68px 41px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-property: opacity;
    transition-duration: 0.2s;
    z-index: 5;
    opacity: 0.5;
}

@media screen and (min-width: 1025px) {
	.WorkVideoListLeftFrame-link:hover .WorkVideoListLeftFrame-icon{
		opacity:1;
	}
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.WorkVideoListSection{
		margin-bottom:8.4615vw;
	}

	.WorkVideoListLeftCont{
		padding-left:5.3846vw;
	}

	.WorkVideoListLeftCont-title{
		font-size:2.7692vw;
	}

	.WorkVideoListLeftCont-sub{
		font-size:1.5384vw;
		margin-top:1.2307vw;
	}

	.WorkVideoListLeftFrame-icon{
		width: 5.23076vw;
		height: 3.1538vw;
		background-size: 5.23076vw 3.1538vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.WorkVideoListSection{
		margin-bottom:8.0615vw;
	}

	.WorkVideoListLeftCont{
		padding-left:5.3846vw;
	}

	.WorkVideoListLeftCont-title{
		font-size:2.7692vw;
	}

	.WorkVideoListLeftCont-sub{
		font-size:1.7384vw;
		margin-top:1.6307vw;
	}
	
	.WorkVideoListLeftFrame iframe{
		display:block;
	}
	
	.WorkVideoListLeftFrame-link{
		display:none;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.WorkVideoListSection{
		margin-bottom:13vw;
	}
	
	.WorkVideoListLeft{
		display:block;
		margin-left:-6.25vw;
		margin-right:-6.25vw;
		width:auto;
	}
	
	.WorkVideoListLeftFrame{
		flex:none;
		max-width:100%;
		margin-bottom: 5.7692vw;
	}

	.WorkVideoListLeftCont{
		padding: 0 6.25vw;
		flex:none;
		max-width:100%;
	}

	.WorkVideoListLeftCont-title{
		font-size:5.3692vw;
	}

	.WorkVideoListLeftCont-sub{
		font-size:3.4307vw;
		margin-top:4.3076vw;
	}
	
	.WorkVideoListLeftFrame iframe{
		display:block;
	}
	
	.WorkVideoListLeftFrame-link{
		display:none;
	}
}

 /*	People:WorkVideoListRight
=========================================================*/
.WorkVideoListRight{
	display: flex;
    justify-content: center;
    align-items: center;
	width:100%;
}

.WorkVideoListRightFrame{
	order: 2;
	flex: 0 0 44%;
    max-width: 44%;
	position:relative;
	overflow:hidden;
}

.WorkVideoListRightFrame:after{
	content:"";
	display:block;
	padding-bottom:56.3%;
	overflow:hidden;
}

.WorkVideoListRightCont{
	order: 1;
	flex: 0 0 56%;
    max-width: 56%;
	padding-right:70px;
}

.WorkVideoListRightCont-title{
	font-size:36px;
	line-height:1.3em;
	color:#000;
	font-weight:bold;
}

.WorkVideoListRightCont-sub{
	font-size:20px;
	line-height:1.7em;
	color:#000;
	margin-top:16px;
}

.WorkVideoListRightFrame-link{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}

.WorkVideoListRightFrame-link:before{
	content:"";
	width:100%;
	display:block;
	padding-bottom:56.3%;
}

.WorkVideoListRightFrame-link:after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.3);
}

.WorkVideoListRightFrame-img{
	width:100%;
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.WorkVideoListRightFrame iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: none;
}

.WorkVideoListRightFrame-icon{
	width: 68px;
    height: 41px;
    background-image: url(../img/icon/ico-youtube-play.png);
    background-size: 68px 41px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-property: opacity;
    transition-duration: 0.2s;
    z-index: 5;
    opacity: 0.5;
}

@media screen and (min-width: 1025px) {
	.WorkVideoListRightFrame-link:hover .WorkVideoListRightFrame-icon{
		opacity:1;
	}
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.WorkVideoListRightCont{
		padding-left:5.3846vw;
	}

	.WorkVideoListRightCont-title{
		font-size:2.7692vw;
	}

	.WorkVideoListRightCont-sub{
		font-size:1.5384vw;
		margin-top:1.2307vw;
	}

	.WorkVideoListRightFrame-icon{
		width: 5.23076vw;
		height: 3.1538vw;
		background-size: 5.23076vw 3.1538vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.WorkVideoListRightCont{
		padding-left:5.3846vw;
	}

	.WorkVideoListRightCont-title{
		font-size:2.7692vw;
	}

	.WorkVideoListRightCont-sub{
		font-size:1.7384vw;
		margin-top:1.6307vw;
	}
	
	.WorkVideoListRightFrame iframe{
		display:block;
	}
	
	.WorkVideoListRightFrame-link{
		display:none;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.WorkVideoListRight{
		display:block;
		margin-left:-6.25vw;
		margin-right:-6.25vw;
		width:auto;
	}
	
	.WorkVideoListRightFrame{
		flex:none;
		max-width:100%;
		margin-bottom: 5.7692vw;
	}

	.WorkVideoListRightCont{
		padding: 0 6.25vw;
		flex:none;
		max-width:100%;
	}

	.WorkVideoListRightCont-title{
		font-size:5.3692vw;
	}

	.WorkVideoListRightCont-sub{
		font-size:3.4307vw;
		margin-top:3.3076vw;
	}
	
	.WorkVideoListRightFrame iframe{
		display:block;
	}
	
	.WorkVideoListRightFrame-link{
		display:none;
	}
}


/*	TopTextBgVideo
=========================================================*/
.TopTextBgVideo{
	position:relative;
	clear:both;
	margin-bottom:90px;
}

.TopTextBgVideo:after{
	content: "";
    display: block;
    padding-bottom: 48.4%;
}

.TopTextBgVideo-inner{
	position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.TopTextBgVideo-video{
	display: block;
    position: absolute;
    top: 50%;
    left: 50%;
	transform:translate(-50%, -50%);
    width: 100%;
	max-width:none;
	height:100%;
	object-fit:cover;
}


/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1301px) {
	.TopTextBgVideo:after{
		padding-bottom: 29vw;
	}
}

@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.TopTextBgVideo{
		margin-bottom:6.923vw;
	}
	
	.TopTextBgVideo:after{
		padding-bottom: 31.4%;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.TopTextBgVideo{
		margin-bottom:6.923vw;
	}
	
	.TopTextBgVideo:after{
		padding-bottom: 30.4%;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.TopTextBgVideo{
		margin-bottom:13.6923vw;
		margin-left:-20vw;
		margin-right:-20vw;
	}
	
	.TopTextBgVideo:after{
		padding-bottom: 23%;
	}
}

/*=========================================================
CookiePop
=========================================================*/
.CookiePop{
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	background-color:#000;
	padding:20px 0;
	z-index:2000;
	border-top:solid 1px rgba(255,255,255,0.2);
	transition-property:transform, visibility, opacity; 
	transition-duration: 1.2s;
	transform:translateY(110%);
	visibility:hidden;
	opacity:0;
}

.CookiePop.is-View{
	transform:translateY(0%);
	opacity:1;
	visibility:visible;
}

.CookiePop.is-Hidden{
	transform:translateY(110%);
}

.CookiePop.is-None{
	display:none !important;
}

.CookiePop-inner{
	display:table; 
	width:100%;
}

.CookiePopCont{
	display:table-cell;
	vertical-align:middle;
	padding-right:20px;
	font-size:0;
	line-height:0;
}

.CookiePopBtn{
	display:table-cell;
	vertical-align:middle;
	width:1%;
}

.CookiePopBtn-button{
	white-space:nowrap;
	border:solid 2px #fff;
	font-size:15px;
	line-height:1.3em;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	padding:13px 45px;
	transition-property:background-color, color; 
	transition-duration: 0.1s;
}

.CookiePopCont-text{
	font-size:16px;
	line-height:1.4em;
	color:#fff;
}

.CookiePopContBtn-link{
	font-size:15px;
	line-height:1.3em;
	color:#fff;
	font-weight:bold;
	margin-top:12px;
	display:inline-block;
	text-decoration:underline;
}

@media screen and (min-width: 1025px) {
	.CookiePopBtn-button .TextHoverLine{
		background-image: linear-gradient(#fff,#fff);
	}
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.CookiePop{
		padding:1.53846vw 0;
	}

	.CookiePopCont{
		padding-right:1.53846vw;
	}

	.CookiePopBtn-button{
		font-size:1.1538vw;
		padding:1vw 3.4615vw;
	}

	.CookiePopCont-text{
		font-size:1.23076vw;
	}

	.CookiePopContBtn-link{
		font-size:1.1538vw;
		margin-top:0.923vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.CookiePop{
		padding:1.93846vw 0;
	}

	.CookiePopCont{
		padding-right:1.53846vw;
	}

	.CookiePopBtn-button{
		font-size:1.4538vw;
		padding:1vw 3.4615vw;
	}

	.CookiePopCont-text{
		font-size:1.43076vw;
	}

	.CookiePopContBtn-link{
		font-size:1.4538vw;
		margin-top:0.923vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CookiePop{
		padding:4.6923vw 0;
	}

	.CookiePopCont{
		padding-right:1.53846vw;
	}

	.CookiePopBtn-button{
		font-size:3.125vw;
		padding:2vw 3.4615vw;
	}

	.CookiePopCont-text{
		font-size:3.125vw;
		line-height:1.6em;
	}

	.CookiePopContBtn-link{
		font-size:3.125vw;
		margin-top:1.923vw;
	}
}

/*=========================================================
	location:EN, ZH
=========================================================*/
html[lang="en-US"] .lang-none{
	display:none;
}

html[lang="zh-CN"] .lang-none{
	display:none;
}

html[lang="ja"] .lang-none{
	display:none;
}

html[lang="en-US"] .LocationAddressNumber{
	vertical-align:middle;
}

html[lang="zh-CN"] .LocationAddressNumber{
	vertical-align:middle;
}

html[lang="ja"] .LocationAddressNumber{
	vertical-align:middle;
}

html[lang="en-US"] .LocationAddress{
	border-bottom:none;
}

html[lang="zh-CN"] .LocationAddress{
	border-bottom:none;
}

html[lang="ja"] .LocationAddress{
	border-bottom:none;
}

html[lang="zh-CN"] .StoryTempPostItemToggleHover-text{
	word-break: break-all;
}

html[lang="zh-CN"] .StoryTempPostItemToggleBasic-title{
	word-break: break-all;
}

html[lang="zh-CN"] .StoryTempPostItemToggleBasic{
	max-width:100%;
}

html[lang="ja"] .StoryTempPostItemToggleHover-text{
	word-break: break-all;
}

html[lang="ja"] .StoryTempPostItemToggleBasic-title{
	word-break: break-all;
}

html[lang="ja"] .StoryTempPostItemToggleBasic{
	max-width:100%;
}

/*=========================================================
	Static Jobs
=========================================================*/
.JobsLinkList{
	border-top:solid 2px #000000;
	border-bottom:solid 1px #DDDDDD;
}

.JobsLinkList-item{
	border-top:solid 1px #DDDDDD;
	padding:33px 0;
}

.JobsLinkList-item:first-child{
	border-top:none;
}

.JobsLinkItem-inner{
	display:table;
	width:100%;
}

.JobsLinkItem-title{
	display:table-cell;
	vertical-align:middle;
	font-size:20px;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	padding-right:20px;
}

.JobsLinkItem-cont{
	display:table-cell;
	vertical-align:middle;
	width:1px;
	white-space:nowrap;
}

.JobsLinkItem-link{
	position:relative;
	display:inline-block;
	font-size:15px;
	line-height:1.4em;
	color:#000;
	padding-right:24px;
}

.JobsLinkItem-link:before{
	content:"";
	width:14px;
	height:14px;
	background-image:url(../img/icon/ico-jobs-windows.png);
	background-size:14px 14px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

/*responsive*/
@media screen and (max-width:1300px) and (min-width:1025px){
	.JobsLinkList-item{
		padding:2.5384vw 0;
	}

	.JobsLinkItem-title{
		font-size:1.5384vw;
	}

	.JobsLinkItem-link{
		font-size:1.15384vw;
		padding-right:1.84615vw;
	}

	.JobsLinkItem-link:before{
		width:1.0769vw;
		height:1.0769vw;
		background-size:1.0769vw 1.0769vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.JobsLinkList-item{
		padding:2.5384vw 0;
	}

	.JobsLinkItem-title{
		font-size:2.3384vw;
	}

	.JobsLinkItem-link{
		font-size:1.51384vw;
		padding-right:2.54615vw;
	}

	.JobsLinkItem-link:before{
		width:1.5769vw;
		height:1.5769vw;
		background-size:1.5769vw 1.5769vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.JobsLinkList-item{
		padding:5.5384vw 0;
	}

	.JobsLinkItem-title{
		font-size:4.3384vw;
	}

	.JobsLinkItem-link{
		font-size:3.01384vw;
		padding-right:4.24615vw;
	}

	.JobsLinkItem-link:before{
		width:2.8769vw;
		height:2.8769vw;
		background-size:2.8769vw 2.8769vw;
	}
}

/*=========================================================
	Main Intro
=========================================================*/
html.is-Intro{
	overflow:hidden;
}

.MainIntro{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5000;
	transition-property:transform; 
	transition-duration: 0.3s;
	transform:translateY(110%);
}

.MainIntro.is-View{
	transform:translateY(0);
}

.is-cookiePop .MainIntro{
	opacity:0;
	visibility:hidden;
}

.is-firstIntro .MainIntro{
	transform:translateY(0);
}

.admin-bar .MainIntro{
	top:32px;
}

.MainIntroBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

#MainIntroVideo{
	width:100% !important;
	height:100% !important;
	object-fit: cover;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.MainIntroBg:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background-color:rgba(0,0,0,0.6);
}

.MainIntroText{
	position:absolute;
	top:50%;
	left:40px;
	right:40px;
	transform:translateY(-50%);
	z-index:10;
	text-align:center;
}

.MainIntroText-title{
	line-height:0;
	width:700px;
	margin:0 auto 85px;
}

.MainIntroText1200{
	width:1200px;
}

.MainIntroText-titleimg{
	display:block;
	margin-top:10px;
}

.MainIntroTextBtn-item{
	margin-top:12px;
}

.MainIntroTextBtn-item:first-child{
	margin-top:0;
}

.MainIntroTextBtn{
	max-width:380px;
	margin:0 auto;
}

.MainIntroTextBtn-btn{
	border:solid 1px #fff;
	padding:21px 20px;
	text-align:center;
	display:block;
	text-align:center;
	font-size:0;
	line-height:0;
}

.MainIntroTextBtn-btntext{
	display:inline-block;
	font-size:22px;
	line-height:1.2em;
	font-weight:bold;
	color:#fff;
	font-family: 'Noto Sans';
}

.MainIntroTextBtn-btn.new-Window{
	border-color:#ffb60e;
	background-color:#ffb60e;
}

.MainIntroTextBtn-btn.new-Window .MainIntroTextBtn-btntext{
	color:#000000;
	padding-right:32px;
	position:relative;
}

.MainIntroTextBtn-btn.new-Window .MainIntroTextBtn-svg{
	width:21px;
	height:21px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	margin-top:1px;
}

@media screen and (min-width: 1025px){
	.MainIntroTextBtn-btn:hover{
		background-color:#fff;
	}
	
	.MainIntroTextBtn-btn:hover .MainIntroTextBtn-btntext{
		color:#000000;
	}
	
	.MainIntroTextBtn-btn.new-Window:hover{
		background-color:#000 !important;
		border-color:#000 !important;
	}
	
	.MainIntroTextBtn-btn.new-Window:hover .MainIntroTextBtn-btntext{
		color:#fff !important;
	}
	
	.MainIntroTextBtn-btn.new-Window:hover .MainIntroTextBtn-svg path{
		stroke:#fff !important;
		fill:#fff !important;
	}
}

@media screen and (max-width: 782px) {
  .admin-bar .MainIntro{
	top:46px;
  }
}

/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.MainIntroText-title{
		width:36.458vw;
		margin:0 auto 4.427083vw;
	}
	
	.MainIntroText1200{
		width:62.5vw;
	}

	.MainIntroTextBtn-item{
		margin-top:0.625vw;
	}


	.MainIntroTextBtn{
		max-width:19.79166vw;
	}

	.MainIntroTextBtn-btn{
		padding:1.09375vw 1.04166vw;
	}

	.MainIntroTextBtn-btntext{
		font-size:1.14583vw;
	}


	.MainIntroTextBtn-btn.new-Window .MainIntroTextBtn-btntext{
		padding-right:1.66666vw;
	}

	.MainIntroTextBtn-btn.new-Window .MainIntroTextBtn-svg{
		width:1.09375vw;
		height:1.09375vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainIntroText-title{
		width:69.6666vw;
		margin:0 auto 8.427083vw;
	}
	
	.MainIntroText1200{
		width:80.5vw;
	}

	.MainIntroTextBtn-item{
		margin-top:1.625vw;
	}


	.MainIntroTextBtn{
		max-width:38.79166vw;
	}

	.MainIntroTextBtn-btn{
		padding:2.09375vw 2.04166vw;
	}

	.MainIntroTextBtn-btntext{
		font-size:2.14583vw;
	}


	.MainIntroTextBtn-btn.new-Window .MainIntroTextBtn-btntext{
		padding-right:3.66666vw;
	}

	.MainIntroTextBtn-btn.new-Window .MainIntroTextBtn-svg{
		width:2.09375vw;
		height:2.09375vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainIntroText-title{
		width:74.6666vw;
		margin:0 auto 12.427083vw;
	}

	.MainIntroTextBtn-item{
		margin-top:2.625vw;
	}


	.MainIntroTextBtn{
		max-width:58.79166vw;
	}

	.MainIntroTextBtn-btn{
		padding:4.09375vw 2.04166vw;
	}

	.MainIntroTextBtn-btntext{
		font-size:3.414583vw;
	}


	.MainIntroTextBtn-btn.new-Window .MainIntroTextBtn-btntext{
		padding-right:4.86666vw;
	}

	.MainIntroTextBtn-btn.new-Window .MainIntroTextBtn-svg{
		width:3.09375vw;
		height:3.09375vw;
	}
}


/*=========================================================
	IntroPopup
=========================================================*/
.MainIntroPop{
	position:fixed;
	bottom:30px;
	left:0;
	z-index:2000;
	background-color:#000;
	width:186px;
	transition-property:transform; 
	transition-duration: 0.3s;
	transition-delay:0.2s;
	transform:translateY(140%);
}

.site.is-ViewPop .MainIntroPop{
	transform:translateY(0);
}

.MainIntroPop-close{
	width:18px;
	height:18px;
	position:absolute;
	top:14px;
	right:14px;
	background-image:url(../img/icon/ico-new-state-close.png);
	background-size:18px 18px;
	z-index:10;
}

.MainIntroPopThumb-link{
	display:block;
	line-height:0;
	position:relative;
}

.MainIntroPopThumb-link img{
	width:100%;
}

.MainIntroPopThumb{
	position:relative;
	z-index:1;
}

.MainIntroPopThumb-hover{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
	background-color:rgba(0,0,0,0.5);
	opacity:0;
	visibility:hidden;
}

.MainIntroPopThumb-hover:after{
	content:"";
	width:96px;
	height:102px;
	background-image:url(../img/icon/ico-new-state-poptext.png);
	background-size:96px 102px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:1;
}

@media screen and (min-width: 1025px) {
	.MainIntroPopThumb-link:hover .MainIntroPopThumb-hover{
		opacity:1;
		visibility:visible;
	}
}

/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.MainIntroPop{
		bottom:1.5625vw;
		width:9.66666vw;
	}

	.MainIntroPopThumb-hover:after{
		width:5vw;
		height:5.3125vw;
		background-size:5vw 5.3125vw;
	}
	
	.MainIntroPop-close{
		top:0.7291vw;
		right:0.7291vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainIntroPop{
		bottom:3.0625vw;
		width:25.66666vw;
	}

	.MainIntroPopThumb-hover:after{
		width:5vw;
		height:5.3125vw;
		background-size:5vw 5.3125vw;
	}
	
	.MainIntroPop-close{
		top:1.7291vw;
		right:1.7291vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainIntroPop{
		bottom:3.0625vw;
		width:50.66666vw;
	}

	.MainIntroPopThumb-hover:after{
		width:5vw;
		height:5.3125vw;
		background-size:5vw 5.3125vw;
	}
	
	.MainIntroPop-close{
		top:2.7291vw;
		right:2.7291vw;
	}
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#MainIntroVideo{
		width:130% !important;
		height:130% !important;
	}
	
	.MainIntro{
		transform:translateY(140%);
	}

}

/*	=========================================================
	CsrTempCount
=========================================================*/
.CsrStory{
	margin-bottom:170px;
}

.CsrTalent{
	margin-bottom:170px;
}

.CsrMb{
	margin-bottom:170px;
}

.CsrTempCount{
	margin-bottom:150px;
}

.CsrTempCount-item{
	margin-top:80px;
}

.CsrTempCount-item:first-child{
	margin-top:0px;
}

.CsrTempCountItem{
	text-align:center;
}

.CsrTempCountItemTitle{
	font-size:20px;
	line-height:1.3em;
	color:#000;
	font-weight:bold;
	margin-bottom:15px;
}

.CsrTempCountItemNumber{
	font-size:70px;
	line-height:1.1em;
	color:#000;
	font-weight:300;
	font-family:'Lato';
}

/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.CsrTempCount{
		margin-bottom:7.8125vw;
	}

	.CsrTempCount-item{
		margin-top:4.16666vw;
	}

	.CsrTempCountItemTitle{
		font-size:1.04166vw;
		margin-bottom:0.78125vw;
	}

	.CsrTempCountItemNumber{
		font-size:3.645833vw;
	}
}

@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.CsrStory{
		margin-bottom:13.076vw;
	}
	
	.CsrTalent{
		margin-bottom:13.076vw;
	}
	
	.CsrMb{
		margin-bottom:13.076vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.CsrStory{
		margin-bottom:13.601vw;
	}
	
	.CsrTalent{
		margin-bottom:13.601vw;
	}
	
	.CsrMb{
		margin-bottom:13.601vw;
	}

	.CsrTempCount{
		margin-bottom:12.8125vw;
	}

	.CsrTempCount-item{
		margin-top:4.16666vw;
	}

	.CsrTempCountItemTitle{
		font-size:2.04166vw;
		margin-bottom:0.78125vw;
	}

	.CsrTempCountItemNumber{
		font-size:5.045833vw;
	}
	
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CsrStory{
		margin-bottom:20.56vw;
	}
	
	.CsrTalent{
		margin-bottom:20.56vw;
	}
	
	.CsrMb{
		margin-bottom:20.56vw;
	}
	
	.CsrTempCount{
		margin-bottom:18.8125vw;
	}

	.CsrTempCount-item{
		margin-top:8.16666vw;
	}

	.CsrTempCountItemTitle{
		font-size:5.0384vw;
		margin-bottom:2.78125vw;
	}

	.CsrTempCountItemNumber{
		font-size:8.045833vw;
	}
}

/*	=========================================================
	CsrTempHistory
=========================================================*/
.HistoryListMonth-item strong{
	display:block;
}

.CsrHistory .HistorySlideYear-inner{
	width:100%;
}

.CsrHistory .HistorySlideYear-text{
	font-size: 70px;
	font-weight:bold;
}

/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.CsrHistory .HistorySlideYear-text{
		font-size: 5.38461vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.CsrHistory .HistorySlideYear-text{
		font-size: 5.045833vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CsrHistory .HistorySlideYear-text{
		font-size: 8.045833vw;
	}
}

/* =========================================================
	Csr SingleGameTempFullPhoto 
=========================================================*/
/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.CsrFullPhoto .SingleGameTempFullPhoto-row{
		width:62.5vw;
		margin-left:auto;
		margin-right:auto;
	}
}

/* =========================================================
	Csr Bottom Banner
=========================================================*/
.RecruitBannerBox-text a{
	font-weight:500;
	color:#000;
	border-bottom:solid 1px #000;
}

/* =========================================================
	Csr Text
=========================================================*/
.TalentTextBoxTitle-subtxt{
	display:block;
	font-size:0.8em;
	font-weight:500;
	margin-top:5px;
}

.WorkCsrListRightFrame{
	order: 1;
	flex: 0 0 44%;
    max-width: 44%;
	position:relative;
	overflow:hidden;
}

.WorkCsrListRightFrame:after{
	content:"";
	display:block;
	padding-bottom:56.3%;
	overflow:hidden;
}

.WorkCsrListRightFrame-link:after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.3);
}

.WorkCsrListRightFrame-img{
	width:100%;
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

/*Responsive*/
@media screen and (max-width: 767px) and (min-width: 1px) {
	.WorkCsrListRightFrame{
		flex:none;
		max-width:100%;
		margin-bottom: 5.7692vw;
	}
}

/* =========================================================
	LinkText
=========================================================*/
.LinkText{
    display: inline-block;
    color: #000;
    font-weight: 500;
}

.LinkText:after {
    content:'';
    display: inline-block;
    width: 30px;
    height: 10px;
    margin-left: 8px;
    background-image: url('/wp-content/themes/krafton/assets/img/icon/ico-post-arrow-b.png');
    background-size: 30px 10px;
    transform: translateX(0);
    transition-property: transform;
    transition-duration: 0.2s;
}

@media screen and (min-width:1025px){
	.LinkText:hover:after{
		transform:translateX(5px);
	}
}

@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.LinkText:after {
		width: 2.3076vw;
		height: 0.7692vw;
		margin-left: 0.6153vw;
		background-size: 2.3076vw 0.7692vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {	
	.LinkText:after {
		width: 2.929vw;
		height: 0.9765vw;
		margin-left: 0.7812vw;
		background-size: 2.929vw 0.9765vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {	
	.LinkText:after {
		width: 7.1428vw;
		height: 2.3809vw;
		margin-left: 1.043vw;
		background-size: 7.1428vw 2.3809vw;
	}
}

/*=========================================================
	ProfileHistory
=========================================================*/
.ProfileHistory{
	margin-top:45px;
}

.ProfileHistory-inner:after{
	content:"";
	display:table;
	clear:both;
}

.ProfileHistory-title{
	float:left;
	margin-right:15px;
	color:#000;
	font-size:18px;
	line-height:1.8em;	
	font-weight:500;
	min-width:150px;
}

.ProfileHistory-cont{
	overflow:hidden;
	color:#000;
	font-size:18px;
	line-height:1.8em;	
}

.ProfileHistory-meta:after{
	content:"";
	display:table;
	clear:both;
}

.ProfileHistory-bullet{
	display:block;
	float:left;
	margin-right:2px;
	
}

.ProfileHistory-text{
	display:block;
	overflow:hidden;
}

.ProfileHistory-item{
	padding:10px 0;
	border-top:solid 1px #000;
}

.ProfileHistory-item:first-child{
	border-top:none;
}

@media screen and (max-width: 767px) and (min-width: 1px) {	
	.ProfileHistory-title{
		float:none;
		min-width:none;
		width:100%;
		font-size: 3.78vw;
	}
	
	.ProfileHistory-cont{
		font-size: 3.78vw;
	}
}