@charset "UTF-8";

/*=========================================================
  Font-family
=========================================================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button {font-family:"Noto Sans","Noto Sans JP","Noto Sans KR", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", sans-serif;}


html[lang="ja"] .GameIconLink{
	font-size:20px;
}

@media screen and (max-width: 1920px) and (min-width: 1025px){
	html[lang="ja"] .GameIconLink{
		font-size:1.042vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	html[lang="ja"] .GameIconLink{
		font-size:1.953vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	html[lang="ja"] .GameIconLink{
		font-size:3.8vw;
	}	
}

/* Visit Us */
html[lang="ja"] .LocationAddressNumber{
	display:none;
}


/* CompanyProfile */
.CompanyProfile{
	display:flex;
	flex-wrap:wrap;
	margin:0 -20px
}	

.CompanyProfileImg{
	flex:0 0 45%;
	padding:0 20px;
}

.CompanyProfileImg img{
	display:block;
}

.CompanyProfileCont{
	flex:0 0 55%;	
	padding:0 20px;
}

html[lang="ja"] .CompanyProfileCont thead th{
	text-align:left;
	padding:22px 20px;
}

html[lang="ja"] .CompanyProfileCont thead th,
html[lang="ja"] .CompanyProfileCont tbody td{
	font-size:20px;
}

.japanese-text {
  word-break: keep-all;       
  line-break: strict;     
  overflow-wrap: break-word;     
  white-space: normal;      
}

.japanese-texts{
	word-break: break-word !important;
	overflow-wrap: anywhere;
	white-space: normal;
}

@media screen and (max-width: 1920px) and (min-width: 1025px){
	.CompanyProfile{
		margin:0 -1.042vw
	}	

	.CompanyProfileImg{
		padding:0 1.042vw;
	}
	
	.CompanyProfileCont{
		padding:0 1.042vw;
	}
	
	html[lang="ja"] .CompanyProfileCont thead th,
	html[lang="ja"] .CompanyProfileCont tbody td{
		font-size:1.042vw;
	}
}

@media screen and (max-width: 1300px) and (min-width: 1025px){
	html[lang="ja"] .CompanyProfileCont thead th{
		padding:1.692vw 1.538vw;
	}
}


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

	.CompanyProfileImg{
		padding:0 1.5vw;
	}
	
	.CompanyProfileCont{
		padding:0 1.5vw;
	}
	
	html[lang="ja"] .CompanyProfileCont thead th,
	html[lang="ja"] .CompanyProfileCont tbody td{
		font-size:1.84615vw;
	}
}

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

	.CompanyProfileImg{
		flex:0 0 100%;	
		padding:0;
		margin-bottom:5.333vw;
	}

	.CompanyProfileCont{
		flex:0 0 100%;	
		padding:0;
	}
	
	html[lang="ja"] .CompanyProfileCont thead th{
		padding:3.59vw 3vw;
	}
	
	html[lang="ja"] .CompanyProfileCont thead th,
	html[lang="ja"] .CompanyProfileCont tbody td{
		font-size:3.73846vw;
	}
}


/* Life */
html[lang="ja"] .KraftonLifeItemCont-title{
	word-break:break-all;
}
html[lang="ja"] .KraftonLifeItemCont-text{
	word-break:break-all;
}

@media screen and (min-width: 1025px) {
	.BrPc {
		display: block;
	}
	.BrTablet,
	.BrMobile {
		display: none;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.BrTablet {
		display: block;
	}
	.BrPc,
	.BrMobile {
		display: none;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.BrMobile {
		display: block;
	}
	.BrPc,
	.BrTablet {
		display: none;
	}
}