@charset "UTF-8";

/*=========================================================
	stockup & stockdown
=========================================================*/
.stockup{
	position:relative;
	padding-left:19px;
}
.stockup:before{
	content:'';
	display:block;
	width:10px;
	height:7px;
	position:absolute;
	top:50%;
	left:0;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-stockup.png') ;
	background-size:10px 7px;
	transform:translateY(-50%);
}
.stockdown{
	position:relative;
	padding-left:19px;
}
.stockdown:before{
	content:'';
	display:block;
	width:10px;
	height:7px;
	position:absolute;
	top:50%;
	left:0;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-stockdown.png') ;
	background-size:10px 7px;
	transform:translateY(-50%);
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.stockup{
		padding-left:1.461vw;
	}
	.stockup:before{
		width:0.769vw;
		height:0.538vw;
		background-size:0.769vw 0.538vw;
	}
	.stockdown{
		padding-left:1.461vw;
	}
	.stockdown:before{
		width:0.769vw;
		height:0.538vw;
		background-size:0.769vw 0.538vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.stockup{
		padding-left:1.855vw;
	}
	.stockup:before{
		width:0.976vw;
		height:0.683vw;
		background-size:0.976vw 0.683vw;
	}
	.stockdown{
		padding-left:1.855vw;
	}
	.stockdown:before{
		width:0.976vw;
		height:0.538vw;
		background-size:0.976vw 0.683vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.stockup{
		padding-left:5vw;
	}
	.stockup:before{
		width: 3.125vw;
		height: 2.1875vw;
		background-size:3.125vw 2.1875vw;
	}
	.stockdown{
		padding-left:5vw;
	}
	.stockdown:before{
		width: 3.125vw;
		height: 2.1875vw;
		background-size:3.125vw 2.1875vw;
	}
}

/*=========================================================
	ThirdDepthTab
=========================================================*/
@media screen and (min-width:1025px){
	.TextHoverLine{
		background-image:linear-gradient(#000,#000);
		background-repeat:no-repeat;
		background-position: left 0 bottom 0;
		background-size:0 2px;
		transition:background-size 0.3s;
		transition-timing-function:ease-out;
	}
	a:hover .TextHoverLine{
			background-size: 100% 2px;
	}
}
@media screen and (min-width:768px){
	.ThirdDepthTab{
		position:relative;
	}
	.ThirdDepthTabText{
		display:none;
	}
	.ThirdDepthTab-list{
		width:100%;
		display:table !important;
		table-layout:fixed;
	}
	.ThirdDepthTab-item{
		display:table-cell;
		position:relative;
		text-align:center;
		vertical-align:middle;
	}
	.ThirdDepthTab-item:first-child:before{
		display:none;
	}
	.ThirdDepthTab-item:before{
		content:'';
		width:1px;
		height:100%;
		display:block;
		background-color:#ddd;
		position:absolute;
		top:0;
		left:0;
		z-index:5;
	}
	.ThirdDepthTab-link{
		width:100%;
		padding: 9px 10px;
		display:table;
		table-layout:fixed;
		position:relative;
		background-color:#F7F7F7;
	}
	.ThirdDepthTab-text{
		height:2.4em;
		display:table-cell;
		color:#000;
		font-weight:500;
		font-size:19px;
		line-height:1.2em;
		vertical-align:middle;
	}
	.ThirdDepthTabText:after{
		content:'';
		display:block;
		width: 11px;
		height:7px;
		background-size: 2.868vw 1.825vw;
	}
	.ThirdDepthTab-item.is-Current .ThirdDepthTab-link{
		background-color:#000;
	}
	.ThirdDepthTab-item.is-Current .ThirdDepthTab-text{
		color:#fff;	
		font-weight:bold;
	}
}
@media screen and (min-width:1025px){

	.ThirdDepthTab-text:before{
		width:0;
		content:'';
		display:block;
		background-color:rgba(0,0,0,0.05);
		position:absolute;
		top: 0;
		left: 0;
		bottom:0;
		z-index: 10;
		transition: width 0.2s;
	}
	.ThirdDepthTab-link:hover .ThirdDepthTab-text:before{
		width:100%;
	}
	
	.ThirdDepthTab-item.is-Current .ThirdDepthTab-text:before{
		display:none;
	}
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.ThirdDepthTab-link{
		padding:0.692vw 0.769vw;
	}
	.ThirdDepthTab-text{
		font-size:1.461vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.ThirdDepthTab-link{
		padding:0.692vw 0.469vw;
	}
	.ThirdDepthTab-text{
		font-size:1.721vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.ThirdDepthTab{
		position:relative;
		margin-left:-6.235vw;
	}
	
	.ThirdDepthTabText{
		overflow:hidden;
		padding:4.609vw 13.55vw 3.909vw 7.415vw;
		display:block;
		background-color:#000;
		position:relative;
		color:#fff;
		font-size:5.993vw;
		line-height:1.3em;
		font-weight:bold;
		white-space:nowrap;
		text-overflow: ellipsis;
	}
	.ThirdDepthTabText:after{
		content:'';
		display:block;
		width: 2.868vw;
		height: 1.825vw;
		background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-select-arrow_w.png') ;
		background-size: 2.868vw 1.825vw;
		position:absolute;
		top:50%;
		right:5.736vw;
		transform:translateY(-50%);
	}
	.ThirdDepthTab.is-View .ThirdDepthTabText:after{
		transform: rotate(-180deg) translateY(50%);
	}
	.ThirdDepthTab-list{
		width:100%;
		padding:2.043vw 0;
		background-color:#000;
		position:absolute;
		z-index:50;
		display:none;
		border-top: 1px solid #fff;
	}
	.ThirdDepthTab-item{
		position:relative;
	}

	.ThirdDepthTab-link{
		padding:2.043vw 3.303vw 2.043vw 7.215vw;
		display:block;
	}
	.ThirdDepthTab-text{
		overflow:hidden;
		display:block;
		color:#fff;
		font-size:4.893vw;
		line-height:1.2em;
		font-weight:500;
		white-space:nowrap;
		text-overflow: ellipsis;
	}

}

/*=========================================================
	UnderlineSelect
=========================================================*/
.UnderlineSelect{
	width:100%;
	position:relative;
}
.UnderlineSelect-text{
	overflow:hidden;
	height:50px;
	padding:11px 31px 10px 10px;
	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;
	cursor:pointer;
}

.UnderlineSelect-text: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;
}

.UnderlineSelect-list{
	overflow:hidden;
	overflow-y:auto;
	display:none;
	max-height: 195px;
	padding:7px 0;
	width:100%;
	background-color:#fff;
	position:absolute;
	top:calc(100% + 10px);
	z-index:50;
	border:2px solid #000;
}

.UnderlineSelect-link{
	overflow:hidden;
	padding:7px 10px;
	display:block;
	color:#000;
	font-size:18px;
	font-weight:500;
	line-height:normal;
	text-align:left;
	white-space:nowrap;
	text-overflow: ellipsis;
}
.UnderlineSelect.is-Active .UnderlineSelect-text:after{
	transform: rotate(-180deg) translateY(50%);
}

.CustomSelecter-item.is-Current .UnderlineSelect-link {
	font-weight:bold;
}

@media screen and (min-width:1025px){
	.UnderlineSelect-list{
		scrollbar-face-color:#000; 
		scrollbar-track-color: #fff; 
		scrollbar-arrow-color: #fff; 
	}
	 .UnderlineSelect-list::-webkit-scrollbar {
		width: 2px;
	}
	 
	.UnderlineSelect-list::-webkit-scrollbar-thumb {
		background-color: #000; 
		border: 2px solid transparent;
	}
	.UnderlineSelect-list::-webkit-scrollbar-track {
		background-color: #fff ;
	}

}


@media screen and (max-width:1300px) and (min-width:1025px){
	.UnderlineSelect-text{
		height:calc(3.6923vw + 2px);
		padding:0.846vw 2.384vw 0.7692vw 0.7692vw;
		font-size:1.3846vw;
	}

	.UnderlineSelect-text:after{
		width:0.846vw;
		height:0.5384vw;
		background-size:0.8461vw 0.53846vw;
		right:0.769vw;
	}

	.UnderlineSelect-list{
		max-height: 15vw;
		padding:0.5384vw 0;
		top:calc(100% + 0.75vw);
	}

	.UnderlineSelect-link{
		padding:0.5384vw 0.7692vw;
		font-size:1.3846vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.UnderlineSelect-text{
		height:calc(4.8675vw + 2px);
		padding:1.074vw 3.027vw 0.976vw 0.976vw;
		font-size:1.957vw;
	}

	.UnderlineSelect-text:after{
		width:1.074vw;
		height:0.683vw;
		background-size:1.074vw 0.683vw;
		right:0.976vw;
	}

	.UnderlineSelect-list{
		max-height: 19.04vw;
		padding:0.5384vw 0;
		top:calc(100% + 0.878vw);
	}

	.UnderlineSelect-link{
		padding:0.5384vw 0.976vw;
		font-size:1.957vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.UnderlineSelect-text{
		height: calc(12.615vw + 2px);
		padding:2.868vw 13.55vw 2.607vw 5.215vw;
		font-size: 4.693vw;
	}

	.UnderlineSelect-text:after{
		width: 2.868vw;
		height: 1.825vw;
		background-size: 2.868vw 1.825vw;
		right:5.736vw;
	}

	.UnderlineSelect-list{
		max-height: 61.5vw;
		padding:1.82vw 0;
		top: calc(100% + 2.35vw);
	}

	.UnderlineSelect-link{
		padding:1.825vw 2.607vw 1.825vw 5.215vw;
		font-size: 4.693vw;
	}
	

}

/*=========================================================
	BasicSelect
=========================================================*/
.BasicSelect{
	position:relative;
}

.BasicSelect-text{
	overflow:hidden;
	display:block;
	height:50px;
	padding:12px 52px 12px 20px;
	position:relative;
	color:#000;
	font-size:15px;
	font-weight:500;
	line-height:normal;
	white-space:nowrap;
	text-align:left;
	text-overflow: ellipsis;
	border:2px solid #000;
}
.BasicSelect-text: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:20px;
		transform:translateY(-50%);
		transition:transform 0.2s;
}
.BasicSelect-list{
	overflow: hidden;
	overflow-y:auto;
	display:none;
	width:100%;
	max-height:175px;
	padding:7px 0;
	position:absolute;
	top:calc(100% + 9px);
	z-index:50;
	background-color:#fff;
	border:2px solid #000;
}
.CustomSelecter-item.is-Current .BasicSelect-link {
	font-weight:bold;
}
.BasicSelect-link{
	overflow:hidden;
	display:block;
	padding:7px 20px;
	color:#000;
	font-size:15px;
	font-weight:500;
	line-height:normal;
	text-align:left;
	white-space:nowrap;
	text-overflow: ellipsis;
}
.BasicSelect.is-Active .BasicSelect-text:after{
	transform: rotate(-180deg) translateY(50%);
}
@media screen and (min-width:1025px){
	.BasicSelect-list{
		scrollbar-face-color:#000; 
		scrollbar-track-color: #fff; 
		scrollbar-arrow-color: #fff; 
	}
	 .BasicSelect-list::-webkit-scrollbar {
		width: 2px;
	}
	 
	.BasicSelect-list::-webkit-scrollbar-thumb {
		background-color: #000; 
		border: 2px solid transparent;
	}
	.BasicSelect-list::-webkit-scrollbar-track {
		background-color: #fff ;
	}

}

@media screen and (max-width:1300px) and (min-width:1025px){
	.BasicSelect-text{
		height:calc(3.5384615vw + 4px);
		padding:0.923vw 4vw 0.923vw 1.538vw;
		font-size:1.153vw;
	}
	.BasicSelect-text:after{
		width:0.846vw;
		height:0.538vw;
		background-size:0.846vw 0.538vw;
		right:1.538vw;
	}
	.BasicSelect-list{
		max-height:13.46vw;
		padding:0.538vw 0;
		top:calc(100% + 0.692vw);
	}

	.BasicSelect-link{
		padding:0.538vw 1.538vw;
		font-size:1.1538vw;
	}
	
}

@media screen and (max-width:1024px) and (min-width:768px){
	.BasicSelect-text{
		height:calc(4.632vw + 4px);
		padding:1.0769vw 5.078vw 1.0769vw 1.538vw;
		font-size:1.6538vw;
	}
	.BasicSelect-text:after{
		width:1.074vw;
		height:0.683vw;
		background-size:1.074vw 0.683vw;
		right:1.953vw;
	}
	.BasicSelect-list{
		max-height:18.58vw;
		padding:0.538vw 0;
		top:calc(100% + 0.878vw);
	}

	.BasicSelect-link{
		padding:0.683vw 1.538vw;
		font-size:1.6538vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.BasicSelect-text{
		height:calc(11.99vw + 4px);
		padding:3.129vw 12.55vw 3.129vw 5.215vw;
		font-size:3.911vw;
	}
	.BasicSelect-text:after{
		width:2.868vw;
		height:1.825vw;
		background-size:2.868vw 1.825vw;
		right:5.215vw;
	}
	.BasicSelect-list{
		max-height:46vw;
		padding:1.825vw 0;
		top: calc(100% + 2.35vw);
	}

	.BasicSelect-link{
		padding:1.825vw 5.215vw;
		font-size:3.911vw;
	}
}


/*=========================================================
	SearchInput
=========================================================*/
.SearchInput{
	padding-right:63px;
	position:relative;
	border:2px solid #000;
}
body .SearchInput-input{
	width:100%;
	height:46px;
	padding:12px 20px;
	color:#222;
	font-size:15px;
	font-weight:500;
	line-height:normal;
}
body .SearchInput-input::placeholder{
	color:#ADADAD;
	font-weight:500;
}

.SearchInput-button{
	width:63px;
	height:46px;
	position:absolute;
	top:0;
	right:0px;
	background:url('/wp-content/themes/krafton/assets/img/icon/ico-search.png') no-repeat center;
	background-size:23px 23px;
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.SearchInput{
		padding-right:4.846vw;
	}
	body .SearchInput-input{
		height:3.5384615vw;
		padding:0.923vw 1.538vw;
		font-size:1.153vw;
	}


	.SearchInput-button{
		width:4.846vw;
		height:3.538vw;
		background-size:1.7692vw 1.7692vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.SearchInput{
		padding-right:6.152vw;
	}
	body .SearchInput-input{
		height:4.632vw;
		padding:1.0769vw 1.538vw;
		font-size:1.6538vw;
	}
	.SearchInput-button{
		width:6.152vw;
		height:4.492vw;
		background-size:1.7692vw 1.7692vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.SearchInput{
		padding-right:16.42vw;
	}
	body .SearchInput-input{
		height:11.99vw;
		padding:3.129vw  5.215vw;
		font-size:3.911vw;
	}
	
	.SearchInput-button{
		width:16.42vw;
		height:11.99vw;
		background-size:5.997vw 5.997vw;
	}
}

/*=========================================================
	PostTopCont
=========================================================*/
.PostTopCont{
	display:table;
	width:100%;
}
.PostTopCont-select{
	display:table-cell;
	width: 240px;
	max-width:100%;
	vertical-align: middle;
}
.PostTopContSearch{
	display:table-cell;	
	max-width:100%;
	text-align: right;
	vertical-align: middle;
}
.PostTopContSearch-inner{
	line-height:0;
	font-size:0;
}
.PostTopContSearch .BasicSelect{
	width:142px;
	display:inline-block;
	vertical-align: middle;
}
.PostTopContSearch .SearchInput{
	width:238px;
	margin-left:14px;
	display:inline-block;
	vertical-align: middle;
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.PostTopCont-select{
		width: 19.9vw;
	}
	.PostTopContSearch .BasicSelect{
		width:11.75vw;
	}
	.PostTopContSearch .SearchInput{
		width:19.7vw;
		margin-left:1.076vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PostTopCont-select{
		width: 23.43vw;
	}
	.PostTopContSearch .BasicSelect{
		width:13.87vw;
	}
	.PostTopContSearch .SearchInput{
		width:31.02vw;
		margin-left:1.825vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.PostTopCont{
		display:block;
	}
	.PostTopCont-select{
		display:block;
		margin-bottom:7.1599vw ;
		width:auto;
	}
	.PostTopContSearch{
		display:block;
		text-align:left;
	}
	.PostTopContSearch .BasicSelect{
		width: 30vw;
	}
	.PostTopContSearch .SearchInput{
		width: calc(100% - 31.5vw);
		margin-left:1.5vw;
	}
}
/*=========================================================
	CategoryYearSelcet
=========================================================*/
.CategoryYearSelcet{
	max-width: 300px;
    margin: 0 auto;
    padding: 0px 17px;
}
@media screen and (min-width:768px){
	.CategoryYearSelcet.left{
		margin-left:0 !important;
		padding: 0 !important;
	}
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.CategoryYearSelcet{
		max-width: 23.07vw;
		padding: 0px 1.307vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.CategoryYearSelcet{
		max-width:29.29vw;
		padding: 0px 1.660vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.CategoryYearSelcet{	
		max-width:none;
		padding: 0;
		margin-left: -6.235vw;
	}
	.CategoryYearSelcet .UnderlineSelect-list{
		width:calc(100% - 2vw);
		left:2vw;
	}
}
/*=========================================================
	Paging
=========================================================*/
.Paging{
	margin-top:76px;
	font-size:0;
	line-height:0;
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.Paging{
		margin-top:5.846vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.Paging{
		margin-top:5.846vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.Paging{	
		margin-top:15vw;
	}
}
	
/* PagingList
=========================================================*/
.Paging{
	text-align:center;
}
.PagingList{
	display:inline-block;
}
.PagingList-list{
	font-size: 0;
	line-height:0;
}
.PagingList-item{
	display:inline-block;
	padding:0 15px;
	vertical-align:middle;
}
.PagingList-item.PrevButton{
	padding-right:40px;
	padding-left:0;
	margin:0;
}
.PagingList-item.NextButton{
	padding-left:40px;
	padding-right:0;
	margin:0;
}
.PagingList-current{
	display:block;
	padding:5px 5px 7px;
	position:relative;
	color:#000;
	font-size:16px;
	font-weight:bold;
	line-height:1.2em;
}
.PagingList-current:after{
	content:'';
	display:block;
	width:100%;
	height:2px;
	position:absolute;
	bottom:-2px;
	left:0;
	background-color:#000;
}
.PagingList-link{	
	display:block;
	padding:5px 5px 7px;
	position:relative;
	color:#555555;
	font-size:16px;
	line-height:1.2em;
}
.PagingList-link:before{
	content:'';
	display:block;
	width:0;
	height:2px;
	position:absolute;
	bottom:0;
	left:0;
	background-color:#000;
	transition:all 0.2s;
}
@media screen and (min-width:1025px){
	.PagingList-link:hover{
		color:#000;
	}
	.PagingList-link:hover:before{
		width:100%;
	}
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.PagingList-item{
		padding:0 1.464vw;
	}
	.PagingList-item.PrevButton{
		padding-right:3.076vw;
	}
	.PagingList-item.NextButton{
		padding-left:3.076vw;
	}
	.PagingList-current{
		padding:0.38vw 0.38vw 0.538vw;
		font-size:1.230vw;
	}
	.PagingNextButton-item{
		margin-left:1.230vw;
	}
	.PagingList-link{
		padding:0.38vw 0.38vw 0.538vw;
		font-size:1.230vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PagingList-item{
		padding:0 1vw;
	}
	.PagingList-item.PrevButton{
		padding-right:1.9vw;
	}
	.PagingList-item.NextButton{
		padding-left:1.9vw;
	}
	.PagingList-current{
		padding:0.488vw 0.488vw 0.683vw;
		font-size:1.5625vw;
	}
	.PagingNextButton-item{
		margin-left:1.230vw;
	}
	.PagingList-link{
		padding:0.488vw 0.488vw 0.683vw;
		font-size:1.5625vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.PagingList{
		width:100%;
	}
	.PagingList-list{
		display:inline-block;
		width:100%;
		padding:0;
	}
	.PagingList-item{
		padding: 0 1.511vw;
	}
	.PagingList-item.PrevButton{
		padding-right:2.43vw;
	}
	.PagingList-item.NextButton{
		padding-left:2.43vw;
	}
	.PagingList-current{
		padding:1.303vw 1.303vw 1.825vw;
		font-size:4.172vw;	
	}
	.PagingList-link{
		padding:1.303vw 1.303vw 1.825vw;
		font-size:4.172vw;	
	}
}

/* PagingPrevButton
=========================================================*/
.PagingPrevButton{
	display:inline-block;
	line-height:0;
	font-size:0;
}
.PagingPrevButton-item{
	display:inline-block;
	margin-left:16px;
}
.PagingPrevButton-item:first-child{
	margin-left:0;
}
.PagingPrevButton-link{
	display:block;
	width:35px;
	height:35px;
	position:relative;
	background-color:#fff;
	border:1px solid #ddd;
	transition:background 0.2s;
}
.PagingPrevButton-link:before{
	content:'';
	display:block;
	width:6px;
	height:10px;
	position:absolute;
	top:50%;
	left:50%;
	background:url('/wp-content/themes/krafton/assets/img/icon/ico-paging-arrow02.png') no-repeat center;
	background-size:6px 10px;
	transform:translate(-50%,-50%);
	transition:background 0.2s;
}
.PagingPrevButton-item:first-child .PagingPrevButton-link:before{
	width:12px;
	height:10px;
	background:url('/wp-content/themes/krafton/assets/img/icon/ico-paging-arrow01.png') no-repeat center;
	background-size:12px 10px;
}
@media screen and (min-width:1024px){
	.PagingPrevButton-link:hover{
		background-color:#000;
		border-color:#000;
	}
	.PagingPrevButton-link:hover:before{
		background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-paging-arrow02-w.png');
	}
	.PagingPrevButton-item:first-child .PagingPrevButton-link:hover:before{
		background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-paging-arrow01-w.png');
	}
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.PagingPrevButton-item{
		margin-left:1.23vw;
	}
	.PagingPrevButton-link{
		width:2.69vw;
		height:2.69vw;
	}
	.PagingPrevButton-link:before{
		width:0.461vw;
		height:0.769vw;
		background-size:0.461vw 0.769vw;
	}
	.PagingPrevButton-item:first-child .PagingPrevButton-link:before{
		width:0.923vw;
		height:0.769vw;
		background-size:0.923vw 0.769vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PagingPrevButton-item{
		margin-left:1.5625vw;
	}
	.PagingPrevButton-link{
		width:3.417vw;
		height:3.417vw;
	}
	.PagingPrevButton-link:before{
		width:0.585vw;
		height:0.976vw;
		background-size:0.585vw 0.976vw;
	}
	.PagingPrevButton-item:first-child .PagingPrevButton-link:before{
		width:1.171vw;
		height:0.976vw;
		background-size:1.171vw 0.976vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.PagingPrevButton-link{
		width: 9.126vw;
		height:9.126vw;
	}
	.PagingPrevButton-item{
		margin-left:2.172vw;
	}
	.PagingPrevButton-link:before{
		width:1.564vw;
		height:2.607vw;
		background-size:1.564vw 2.607vw;
	}
	.PagingPrevButton-item:first-child .PagingPrevButton-link:before{
		width:3.129vw;
		height:2.607vw;
		background-size:3.129vw 2.607vw;
	}
}


/* PagingNextButton
=========================================================*/
.PagingNextButton{
	display:inline-block;
	line-height:0;
	font-size:0;
}
.PagingNextButton-item{
	display:inline-block;
	margin-left:16px;
}
.PagingNextButton-item:first-child{
	margin-left:0;
}
.PagingNextButton-link{
	display:block;
	width:35px;
	height:35px;
	position:relative;
	background-color:#fff;
	border:1px solid #ddd;
	transition:background-color 0.2s, border-color 0.2s;
}
.PagingNextButton-link:before{
	content:'';
	display:block;
	width:6px;
	height:10px;
	position:absolute;
	top:50%;
	left:50%;
	background:url('/wp-content/themes/krafton/assets/img/icon/ico-paging-arrow02.png') no-repeat center;
	background-size:6px 10px;
	transform:rotate(180deg) translate(50%,50%);
	transition:background 0.2s;
}
.PagingNextButton-item:last-child .PagingNextButton-link:before{
	width:12px;
	height:10px;
	background:url('/wp-content/themes/krafton/assets/img/icon/ico-paging-arrow01.png') no-repeat center;
	background-size:12px 10px;
}
@media screen and (min-width:1025px){
	.PagingNextButton-link:hover{
		background-color:#000;
		border-color:#000;
	}
	.PagingNextButton-link:hover:before{
		background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-paging-arrow02-w.png');
	}
	.PagingNextButton-item:last-child .PagingNextButton-link:hover:before{
		background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-paging-arrow01-w.png');
	}
}

@media screen and (max-width:1300px) and (min-width:1024px){
	.PagingNextButton-item{
		margin-left:1.23vw;
	}
	.PagingNextButton-link{
		width:2.69vw;
		height:2.69vw;
	}
	.PagingNextButton-link:before{
		width:0.461vw;
		height:0.769vw;
		background-size:0.461vw 0.769vw;
	}
	.PagingNextButton-item:last-child .PagingNextButton-link:before{
		width:0.923vw;
		height:0.769vw;
		background-size:0.923vw 0.769vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.PagingNextButton-item{
		margin-left:1.5625vw;
	}
	.PagingNextButton-link{
		width:3.417vw;
		height:3.417vw;
	}
	.PagingNextButton-link:before{
		width:0.585vw;
		height:0.976vw;
		background-size:0.585vw 0.976vw;
	}
	.PagingNextButton-item:last-child .PagingNextButton-link:before{
		width:1.171vw;
		height:0.976vw;
		background-size:1.171vw 0.976vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.PagingNextButton-link{
		width: 9.126vw;
		height:9.126vw;
	}
	.PagingNextButton-item{
		margin-left:2.172vw;
	}
	.PagingNextButton-link:before {
		width: 1.564vw;
		height: 2.607vw;
		background-size: 1.564vw 2.607vw;
	}
	.PagingNextButton-item:last-child .PagingNextButton-link:before{
		width:3.129vw;
		height:2.607vw;
		background-size:3.129vw 2.607vw;
	}
}

/*=========================================================
	Title
=========================================================*/
.LargeTitle{
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:1.4em;
}
.BasicTitle{
	color:#000;
	font-size:16px;
	font-weight:bold;
	line-height:1.6em;
}
.SmallTitle{
	color:#000;
	font-size:16px;
	font-weight:500;
	line-height:1.6em;
}
.BasicText{
	display:block;
	color:#000;
	font-size:16px;
	line-height:1.9em;
}
.BasicText-link{
	color:#000;
	font-weight:bold;
	text-decoration:underline; 
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.LargeTitle{
		font-size:1.846vw;
	}
	.BasicTitle{
		font-size:1.230vw;
	}
	.SmallTitle{
		font-size:1.230vw;
	}
	.BasicText{
		font-size:1.230vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.LargeTitle{
		font-size:2.604vw;
	}
	.BasicTitle{
		font-size:1.822vw;
	}
	.SmallTitle{
		font-size:1.822vw;
	}
	.BasicText{
		font-size:1.822vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.LargeTitle{
		font-size:5.625vw;
	}
	.BasicTitle{
		font-size:4.687vw;
	}
	.SmallTitle{
		font-size:4vw;
	}
	.BasicText{
		font-size:3.78vw;
	}
}



/*=========================================================
	BasicBullet
=========================================================*/
.BasicBullet:after{
	content:'';
	display:block;
	clear:both;
}
.BasicBullet-bullet{
	margin-right:5px;
	color:#000;
	font-size:16px;
	line-height:1.9em;
	float:left;
}
.BasicBullet-text{
	overflow:hidden;
	display:block;
	color:#000;
	font-size:16px;
	line-height:1.9em;
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.BasicBullet-bullet{
		font-size:1.230vw;
	}

	.BasicBullet-text{
		font-size:1.230vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){

	.BasicBullet-bullet{
		font-size:1.822vw;
	}
	.BasicBullet-text{
		font-size:1.822vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){

	.BasicBullet-bullet{
		font-size:3.78vw;
	}
	.BasicBullet-text{
		font-size:3.78vw;
	}
}
/*=========================================================
	StockInfo
=========================================================*/
.StockInfo{
	padding:21px 0 34px;
	border-top:1px solid #000;
	border-bottom:1px solid #ddd;
}
.StockInfo-text{
	color:#777;
	font-size:14px;
	font-family: 'Lato', sans-serif;
	text-align:right;
}
.StockInfoCont{
	padding:10px 20px 0;
	
}
.StockInfoCont-list:after{
	content:'';
	display:block;
	clear:both;
}
.StockInfoCont-price {
	margin-right:4.58%;
	float:left;
}
.StockInfoCont-price .stockup{
	padding-left:34px;
	color:#222;
	font-size:42px;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	line-height: normal;
}
.StockInfoCont-price .stockup:before{
	width: 19px;
    height: 14px;
	background-size:19px 14px;
}
.StockInfoContDetail{
	overflow:hidden;	
	padding-top:18px;
	font-size:0;
	line-height:0;
}
.StockInfoContDetail-inner{
	display: table;
    width: 100%;
}
.StockInfoContDetail-list{
	display:table-cell;
	padding-right:2%;
}
.StockInfoContDetail-list:last-child{
	padding-right:0;
}
.StockInfoContDetail-title{
	margin-right:10.5%;
	float:left;
	color:#222;
	font-size:18px;
	font-weight:500;
	line-height:normal;
}
.StockInfoContDetail-number{
	overflow:hidden;
	color:#222;
	font-size:18px;
	font-weight:400;
	line-height:normal;
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.StockInfo{
		padding:1.384vw 0 2.615vw;
	}
	.StockInfo-text{
		font-size:1.076vw;
	}
	.StockInfoCont{
		padding:1.384vw 1.538vw 0;
	}
	.StockInfoCont-price {
		margin-right: 3vw;
	}
	.StockInfoCont-price .stockup{
		padding-left:2.615vw;
		font-size:3.230vw;
	}
	.StockInfoCont-price .stockup:before{
		width: 1.461vw;
		height: 1.076vw;
		background-size:1.461vw 1.076vw;
	}
	.StockInfoContDetail{
		padding-top:1.384vw;
	}

	.StockInfoContDetail-list{
		padding-right:1.75vw;
	}

	.StockInfoContDetail-title{
		margin-right:1vw;
		font-size:1.384vw;
	}
	.StockInfoContDetail-number{
		font-size:1.384vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.StockInfo{
		padding:1.757vw 0 3.320vw;
	}
	.StockInfo-text{
		font-size:1.56vw;
	}
	.StockInfoCont{
		padding:0.976vw 1.953vw 0;
	}
	.StockInfoCont-price {
		margin-right: 3.71vw;
	}
	.StockInfoCont-price .stockup{
		padding-left:3.320vw;
		font-size:4.101vw;
	}
	.StockInfoCont-price .stockup:before{
		width: 1.855vw;
		height: 1.367vw;
		background-size:1.855vw 1.367vw;
	}
	.StockInfoContDetail{
		padding-top:1.757vw;
	}
	.StockInfoContDetail-inner{
		display: block;
	}

	.StockInfoContDetail-title{
		margin-right:1.367vw;
		font-size:1.757vw;
	}
	.StockInfoContDetail-number{
		font-size:1.757vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.StockInfo{
		padding:2.346vw 0 4.432vw;
	}
	.StockInfo-text{
		font-size:3.5vw;
	}
	.StockInfoCont{
		padding:1.303vw 2.607vw 0;
	}
	.StockInfoCont-price {
		margin-right: 0;
		float:none;
	}
	.StockInfoCont-price .stockup{
		padding-left:5.320vw;
		font-size:6.101vw;
	}
	.StockInfoCont-price .stockup:before{
		width: 3.125vw;
		height: 2.1875vw;
		background-size: 3.125vw 2.1875vw;
	}
	.StockInfoContDetail{
		padding-top:1vw;
	}

	.StockInfoContDetail-title{
		margin-right:1.367vw;
		font-size:3.78vw;
	}
	.StockInfoContDetail-number{
		font-size:3.78vw;
	}
}

/*=========================================================
	BasicTable
=========================================================*/
table.Spacing-normal td{
	white-space:normal;
}
.BasicTable-table{
	width:100%;
	border-top: 1px solid #000;
}

.BasicTable-table thead th{
	padding:24px 10px;
	color:#222;
	font-size:17px;
	font-weight:bold;
	line-height:1.4em;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	vertical-align:middle;
	white-space:nowrap;
}

html[lang="en-US"] .StockInfoTable .BasicTable-table thead th{
	white-space:normal;
}

html[lang="zh-CN"] .StockInfoTable .BasicTable-table thead th{
	white-space:normal;
}

/*html[lang="en-US"] .bg-grey.IrContact{
	display:none;
}

html[lang="zh-CN"] .bg-grey.IrContact{
	display:none;
}*/

.BasicTable-table tbody th{
	padding:22px 10px;
	color:#222;
	font-size:16px;
	line-height:1.2em;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	vertical-align:middle;
	white-space:nowrap;
}

html[lang="en-US"] .BasicTable-table tbody th{
	white-space:normal;
}

html[lang="zh-CN"] .BasicTable-table tbody th{
	white-space:normal;
}

html[lang="ja"] .BasicTable-table tbody th{
	white-space:normal;
}

.BasicTable-table th:first-child{
	border-left:none;
}
.BasicTable-table td{
	padding:22px 20px;
	color:#222;
	font-size:16px;
	font-weight:normal;
	line-height:1.6em;
	vertical-align:middle;
	white-space:nowrap;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.BasicTable-table tr td:first-child{
	border-left:none;
}


@media screen and (max-width:1300px) and (min-width:1025px){

	.BasicTable-table thead th{
		padding:2.148vw 0.769vw;
		font-size:1.307vw;
	}
	.BasicTable-table tbody th{
		padding:1.692vw 1.538vw;
		font-size:1.230vw;
	}
	.BasicTable-table td{
		padding:1.692vw 1.538vw;
		font-size:1.230vw;
	}
	.BasicTable-table .stockup{
		padding-left:1.461vw;
	}
	.BasicTable-table .stockup:before{
		width:0.769vw;
		height:0.538vw;
		background-size:0.769vw 0.538vw;
	}
	.BasicTable-table .stockdown{
		padding-left:1.461vw;
	}
	.BasicTable-table .stockdown:before{
		width:0.769vw;
		height:0.538vw;
		background-size:0.769vw 0.538vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.BasicTable-table thead th{
		padding: 2.343vw 1.953vw;
		font-size: 1.75vw;
	}
	.BasicTable-table tbody th{
		padding: 2vw 1.953vw;
		font-size:1.64vw;
	}
	.BasicTable-table td{
		padding: 2vw 1.953vw;
		font-size:1.64vw;
	}
	.BasicTable-table td{
		padding: 2vw 1.953vw;
		font-size:1.64vw;
	}
	.BasicTable-table .stockup{
		padding-left:1.855vw;
	}
	.BasicTable-table .stockup:before{
		width:0.976vw;
		height:0.683vw;
		background-size:0.976vw 0.683vw;
	}
	.BasicTable-table .stockdown{
		padding-left:1.855vw;
	}
	.BasicTable-table .stockdown:before{
		width:0.976vw;
		height:0.538vw;
		background-size:0.976vw 0.683vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.BasicTable-table thead th{
		padding:3.59vw 3vw;
		font-size:3.78vw;
	}
	.BasicTable-table tbody th{
		padding:2.86vw 3vw;
		font-size:3.78vw;
	}
	.BasicTable-table td{
		padding:2.86vw 3vw;
		font-size:3.78vw;
	}
	.BasicTable-table .stockup{
		padding-left:5vw;
	}
	.BasicTable-table .stockup:before{
		width: 3.125vw;
		height: 2.1875vw;
		background-size:3.125vw 2.1875vw;
	}
	.BasicTable-table .stockdown{
		padding-left:5vw;
	}
	.BasicTable-table .stockdown:before{
		width: 3.125vw;
		height: 2.1875vw;
		background-size:3.125vw 2.1875vw;
	}
}


/*=========================================================
	DownloadBtn
=========================================================*/
.DownloadBtn{
	display:inline-block;
	padding-right:23px;
	position:relative;
	color:#222;
	font-size:15px;
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	line-height:normal;
	background-image:linear-gradient(#000,#000);
	background-repeat:no-repeat;
	background-position: left 0 bottom 0;
	background-size:0 2px;
	transition:background-size 0.2s;
	transition-timing-function:ease-out;
}
.DownloadBtn:after{
	content:'';
	display:block;
	width:15px;
	height:15px;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-download.png');
	background-size:15px 15px;
	position:absolute;
	top:49%;
	right:0;
	transform:translateY(-50%);
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.DownloadBtn{
		padding-right:1.769vw;
		font-size:1.153vw;
	}
	.DownloadBtn:after{
		content:'';
		display:block;
		width:1.153vw;
		height:1.153vw;
		background-size:1.153vw 1.153vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.DownloadBtn{
		padding-right:2.246vw;
		font-size:1.7vw;
	}
	.DownloadBtn:after{
		width:1.464vw;
		height:1.464vw;
		background-size:1.464vw 1.464vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.DownloadBtn{
		overflow: hidden;
		width: 4.69vw;
		height: 4.69vw;
		padding-right: 5vw;
		text-indent: -999px;
	}
	.DownloadBtn:after{
		width:4.69vw;
		height:4.69vw;
		background-size:4.69vw 4.69vw;
	}
}


/*=========================================================
	DownloadEnBtn
=========================================================*/
.DownloadEnBtn{
	display:block;
	line-height:0;
	font-size:0;
}
.DownloadEnBtn-button{
	display:inline-block;
	padding:8px 43px 7px 15px; 
	position:relative;
	background-color:#fff;
	color:#000;
	font-size:14px;
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
	line-height:normal;
	border:2px solid #000;
	transition:background-color 0.1s;
}
.DownloadEnBtn-button:after{
	content:'';
	display:block;
	width:15px;
	height:15px;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-download.png');
	background-size:15px 15px;
	position:absolute;
	top:50%;
	right:13px;
	transform:translateY(-50%);
	transition:background-image 0.1s;
}
@media screen and (min-width:1025px){
	.DownloadEnBtn-button:hover{
		color:#fff;
		background-color:#000;
	}
	.DownloadEnBtn-button:hover:after{
		background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-download-w.png')
	}
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.DownloadEnBtn-button{
		padding:0.615vw 3.307vw 0.538vw 1.153vw;
		font-size:1.076vw;
	}
	.DownloadEnBtn-button:after{
		width:1.153vw;
		height:1.153vw;
		background-size:1.153vw 1.153vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.DownloadEnBtn-button{
		padding:0.878vw 4.199vw 0.878vw 1.464vw;
		font-size:1.56vw;
	}
	.DownloadEnBtn-button:after{
		width:1.55vw;
		height:1.55vw;
		background-size:1.55vw 1.55vw;
		right: 1.269vw;
	}
}


@media screen and (max-width:767px) and (min-width:1px){
	.DownloadEnBtn-button{
		padding:2.5vw 10vw 2.187vw 4.687vw;
		font-size: 3.5vw;
	}
	.DownloadEnBtn-button:after{
		width:3.5vw;
		height:3.5vw;
		background-size:3.5vw 3.5vw;
		right: 3.5vw;
	}
}

/*=========================================================
	DownloadKrBtn
=========================================================*/
.DownloadKrBtn{
	display:block;
	line-height:0;
	font-size:0;
}
.DownloadKrBtn-button{
	display:inline-block;
	padding:9px 43px 9px 15px; 
	position:relative;
	background-color:#fff;
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:normal;
	border:2px solid #000;
	transition:background-color 0.2s;
}
.DownloadKrBtn-button:after{
	content:'';
	display:block;
	width:15px;
	height:15px;
	background:url('/wp-content/themes/krafton/assets/img/icon/ico-download.png') no-repeat center;
	background-size:15px 15px;
	position:absolute;
	top:50%;
	right:13px;
	transform:translateY(-50%);
	transition:background-image 0.2s;
}

@media screen and (min-width:1025px){
	.DownloadKrBtn-button:hover{
		color:#fff;
		background-color:#000;
	}
	.DownloadKrBtn-button:hover:after{
		background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-download-w.png')
	}
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.DownloadKrBtn-button{
		padding:0.692vw 3.307vw 0.692vw 1.153vw;
		font-size:1.076vw;
	}
	.DownloadKrBtn-button:after{
		width:1.153vw;
		height:1.153vw;
		background-size:1.153vw 1.153vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.DownloadKrBtn-button{
		padding:0.878vw 4.199vw 0.878vw 1.464vw;
		font-size:1.56vw;
	}
	.DownloadKrBtn-button:after{
		width:1.55vw;
		height:1.55vw;
		background-size:1.55vw 1.55vw;
		right: 1.269vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.DownloadKrBtn-button{
		padding:2.5vw 10vw 2.187vw 4.687vw;
		font-size: 3.5vw;
	}
	.DownloadKrBtn-button:after{
		width:3.5vw;
		height:3.5vw;
		background-size:3.5vw 3.5vw;
		right: 3.5vw;
	}
}
/*=========================================================
	TextLink
=========================================================*/
.TextLink{
	display:block;
	font-size:0;
	line-height:0;
}
.TextLink-link{
	display:inline-block;
	padding-right:20px;
	position:relative;
	color:#000;
	font-size:16px;
	font-weight:bold;
	line-height:normal;
}
.TextLink-link:after{
	content:'';
	display:block;
	margin-top:1px;
	width:14px;
	height:14px;
	position:absolute;
	top:50%;
	right:0;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-link.png');
	background-size:14px 14px;
	transform:translateY(-50%);
}


@media screen and (max-width:1300px) and (min-width:1025px){
	.TextLink-link{
		padding-right:1.538vw;
		font-size:1.230vw;
	}
	.TextLink-link:after{
		width:1.076vw;
		height:1.076vw;
		background-size:1.076vw 1.076vw;
	}

}

@media screen and (max-width:1024px) and (min-width:768px){
	.TextLink-link{
		padding-right:1.953vw;
		font-size:1.63vw;
	}
	.TextLink-link:after{
		width: 1.345vw;
		height: 1.345vw;
		margin-top:0;
		background-size: 1.345vw 1.345vw;
	}

}
@media screen and (max-width:767px) and (min-width:1px){
	.TextLink-link{
		padding-right:4.607vw;
		font-size:3.75vw;
	}
	.TextLink-link:after{
		width: 3.825vw;
		height: 3.825vw;
		background-size: 3.825vw 3.825vw;
	}

}
/*=========================================================
	ViewLIstButton
=========================================================*/
.ViewLIstButton{
	margin-top:40px;
	text-align:center;
	font-size:0;
	line-height:0;
}
.ViewLIstButton-link{
	display:inline-block;
	padding:12px 71px;
	line-height:1.4em;
	color:#fff;
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	font-weight:500;
	background-color:#000;
	border: 2px solid #000;
	transition:background-color 0.2s, color 0.2s;
}
.ViewLIstButton-link.white{
	color:#000;
	background-color:#fff;
}
@media screen and (min-width:1025px){
	.ViewLIstButton-link:hover{
		color:#000;
		background-color:#fff;
	}
	.ViewLIstButton-link.white:hover{
		color:#fff;
		background-color:#000;
	}
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.ViewLIstButton{
		margin-top:3.076vw;
	}
	.ViewLIstButton-link{
		padding:0.923vw 5.461vw;
		font-size:1.5625vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.ViewLIstButton{
		margin-top: 5.664vw;
	}
	.ViewLIstButton-link{
		padding: 1.171vw 6.59vw;
		font-size: 1.975vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.ViewLIstButton{
		margin-top: 12vw;
	}
	.ViewLIstButton-link{
		padding: 3.2vw 16vw;
		font-size: 3.85vw;
	}
}

/*=========================================================
	ListMoreButton
=========================================================*/
.ListMoreButton{
	margin-top:58px;
	text-align:center;
	font-size:0;
	line-height:0;
}
.ListMoreButton-link{
	display:inline-block;
	padding:12px 64px;
	line-height:1.4em;
	color:#fff;
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	font-weight:500;
	background-color:#000;
	border: 2px solid #000;
	transition:background-color 0.2s, color 0.2s;
}
@media screen and (min-width:1025px){
	.ListMoreButton-link:hover{
		color:#000;
		background-color:#fff;
	}
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.ListMoreButton{
		margin-top:4.461vw;
	}
	.ListMoreButton-link{
		padding:0.923vw 4.92vw;
		font-size:1.5625vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.ListMoreButton{
		margin-top:5.664vw;
	}
	.ListMoreButton-link{
		padding: 1.171vw 6.59vw;
		font-size: 1.975vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.ListMoreButton{
		margin-top:12vw;
	}
	.ListMoreButton-link{
		padding:3.2vw 16vw;
		font-size:3.85vw;
	}
}


/*=========================================================
	BasicPostList
=========================================================*/

.IconNotice{
	display: inline-block;
	padding:4px 13px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:1.2em;
	background-color:#000;
}
.BasicPostList-list{
	width:100%;
	border-top: 2px solid #000;
	table-layout: fixed;
}
.BasicPostList th{
    padding: 20px 10px;
    color: #222;
    font-size: 17px;
    font-weight: bold;
    line-height: normal;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    white-space: nowrap;
}

.BasicPostList td {
	overflow:hidden;
    padding:20px 20px;
    color: #222;
    font-size: 16px;
    font-weight: normal;
    line-height:normal;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
	text-align:center;
	white-space:nowrap;
}
.BasicPostList-title{
	text-align:left;
}
.BasicPostList-link{
	overflow:hidden;
	display:block;
	color: #222;
    font-size: 16px;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.BasicPostList .TextLink-link{
	font-weight:500;
}
table.Spacing-normal td{
	white-space: normal;
}


@media screen and (max-width:1300px) and (min-width:1025px){
	.IconNotice{
		padding:0.307vw 1vw;
		font-size:1.076vw;
	}
	.BasicPostList th{
		padding:1.538vw 1.307vw;
		font-size: 1.307vw;
	}
	.BasicPostList td{
		padding:1.538vw 1.307vw;
		font-size: 1.230vw;
	}
	.BasicPostList-link{
		font-size: 1.230vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.IconNotice{
		padding:0.390vw 1.269vw;
		font-size:1.56vw;
	}
	.BasicPostList th{
		padding:1.953vw 1.953vw;
		font-size: 1.75vw;
	}
	.BasicPostList td{
		padding:1.538vw 1.307vw;
		font-size: 1.64vw;
	}
	.BasicPostList-link{
		font-size: 1.64vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.BasicPostList colgroup{
		display:none;
	}
	.BasicPostList tbody{
		display:block;
	}
	.BasicPostList-list{
		table-layout:auto;
	}

	.BasicPostList tr{
		display:block;
	}
	.BasicPostList tr:after{
		content:'';
		display:block;
		clear:both;
	}
	.BasicPostList thead{
		display:none;
	}
	.BasicPostList td.number{
		display:none;
	}
	.BasicPostList td{
		display:block;
		padding:2.85vw 1.5vw 0;
		font-size:3.78vw;
		text-align:left;
		line-height: initial;
		line-height: inherit;
		border-bottom:none;
	}
	.BasicPostList td.title{
		font-weight:500;
	}
	.BasicPostList td.BasicPostList-notice{
		display:block;
	}
	.IconNotice{
		padding:1.25vw 4vw;
		font-size: 3.5vw;
	}
	.BasicPostList tr{
		display:block;
		padding:2vw 0;
		border-bottom:1px solid #ddd;
	}
	.BasicPostList td.date{
		padding-bottom:3vw;
		float:left;
	}
	.BasicPostList td.file{
		padding-bottom:2.85vw;
		text-align:right;
	}
	.BasicPostList-link{
		overflow: hidden;
		max-height:2.8em; 
		font-size:4.28vw;
		font-weight:bold;
		white-space:normal;
		line-height: 1.4em; 
		word-break: keep-all; 
		display: -webkit-box;
		 -webkit-line-clamp: 2;
	}
	
}

/*=========================================================
	DownloadPostList
=========================================================*/
.DownloadPostList-list{
	width:100%;
	border-top: 2px solid #000;
	table-layout: fixed;
}
.DownloadPostList th{
    padding: 20px 10px;
    color: #222;
    font-size: 17px;
    font-weight: bold;
    line-height: normal;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    white-space: nowrap;
}

.DownloadPostList td {
	overflow:hidden;
    padding:20px 20px;
    color: #222;
    font-size: 16px;
    font-weight: normal;
    line-height:normal;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
	text-align:center;
}

.DownloadPostList-link{
	overflow:hidden;
	display:block;
	color: #222;
    font-size: 16px;
	white-space: nowrap;
    text-overflow: ellipsis;
}
@media screen and (min-width:1025px){
	.DownloadPostList-link:hover{
		text-decoration:underline;
	}
}

@media screen and (max-width:1300px) and (min-width:1025px){
	/* .DownloadPostList-notice{ */
		/* padding:0.307vw 1vw; */
		/* font-size:1.076vw; */
	/* } */
	.DownloadPostList th{
		padding:1.538vw 1.307vw;
		font-size: 1.307vw;
	}
	.DownloadPostList td{
		padding:1.538vw 1.307vw;
		font-size: 1.230vw;
	}
	.DownloadPostList-link{
		font-size: 1.230vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	/* .DownloadPostList-notice{ */
		/* padding:0.390vw 1.269vw; */
		/* font-size:1.56vw; */
	/* } */
	.DownloadPostList th{
		padding:1.953vw 1.953vw;
		font-size: 1.75vw;
	}
	.DownloadPostList td{
		padding:1.538vw 1.307vw;
		font-size: 1.84vw;
	}
	.DownloadPostList-link{
		font-size: 1.64vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.DownloadPostList-list{
		table-layout:auto;
	}
	.DownloadPostList thead{
		display:none;
	}
	/* .DownloadPostList-notice{ */
		/* padding:1.25vw 4vw; */
		/* font-size: 3.5vw; */
	/* } */
	.DownloadPostList td{
		display:block;
		font-size: 4.28vw;
		font-weight: bold;
		text-align:left;
		border-bottom:none;
	}

	.DownloadPostList tr:after{
		content:'';
		display:block;
		clear:both;
	}
	.DownloadPostList td:first-child{
		padding:3.8vw 1.5vw;
		display:table-cell;
		border-bottom:1px solid #ddd;
	}
	.DownloadPostList td:last-child{
		display:table-cell;
		padding:3vw 1.5vw;
		border-bottom:1px solid #ddd;
		text-align:right;

	}
	.DownloadPostList-link{
		font-size:3.78vw;
		white-space:normal;
	}
	
}


/*=========================================================
	ToggleList
=========================================================*/
.ToggleListTitle-link{
	display:block;
	padding-left:40px;
	padding-right:40px;
	position:relative;
	color:#222;
	font-size:20px;
	line-height:normal;
	font-weight:bold;
}
.ToggleListTitle-link:after{
	content:'';
	display:block;
	width:16px;
	height:17px;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-question.png');
	background-size:16px 17px;
	position:absolute;
	top:7px;
	left:0;
}
.ToggleListTitle-link:before{
	content:'';
	display:block;
	width:11px;
	height:7px;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-toggle-arrow.png');
	background-size:11px 7px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	transition: transform 0.2s;
}
.ToggleListContent{
	display:none;
}
.ToggleListContent-inner{
	padding:16px 40px 10px;
	color:#222;
	font-size:16px;
	line-height:1.9em;
}

.QnAList-item.is-Current .ToggleListTitle-link:before{
	transform: rotate(-180deg) translateY(50%);
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.ToggleListTitle-link{
		padding-left:3.076vw;
		padding-right:3.076vw;
		font-size:1.538vw;
	}
	.ToggleListTitle-link:after{
		width:1.230vw;
		height:1.307vw;
		background-size:1.230vw 1.307vw;
		top:0.538vw;
	}
	.ToggleListTitle-link:before{
		width: 0.846vw;
		height: 0.5384vw;
		background-size: 0.8461vw 0.53846vw;
	}
	.ToggleListContent-inner{
		padding:1.230vw 3.076vw 0.769vw;
		font-size:1.230vw;
	}
	.ToggleListContent-text{
		font-size:1.230vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.ToggleListTitle-link{
		padding-left:3.906vw;
		padding-right:3.906vw;
		font-size:1.953vw;
	}
	.ToggleListTitle-link:after{
		width:1.562vw;
		height:1.660vw;
		background-size:1.562vw 1.660vw;
		top:0.683vw;
	}
	.ToggleListTitle-link:before{
		width: 1.074vw;
		height: 0.683vw;
		background-size: 1.074vw 0.683vw;
	}
	.ToggleListContent-inner{
		padding:1.5625vw 3.906vw 0.976vw;
		font-size:1.630vw;
	}
	.ToggleListContent-text{
		font-size:1.5625vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.ToggleListTitle-link{
		padding-left:5.215vw;
		padding-right:5.215vw;
		font-size:4.395vw;
	}
	.ToggleListTitle-link:after{
		width:3.6vw;
		height:3.816vw;
		background-size:3.6vw 3.816vw;
		top:1.4vw;
	}
	.ToggleListTitle-link:before{
		width: 2.868vw;
		height: 1.825vw;
		background-size: 2.868vw 1.825vw;
	}
	.ToggleListContent-inner{
		padding:3.78vw 5.215vw 1.303vw;
		font-size:3.616vw;
	}
	.ToggleListContent-inner a{
		font-weight:500;
		text-decoration:underline;
	}
	.ToggleListContent-text{
		font-size:3.78vw;
	}
}

/*=========================================================
	QnA List
=========================================================*/
.QnAList-list{
	border-top:2px solid #000;
}
.QnAList-item{
	padding:31px 40px 32px;
	border-bottom:1px solid #ddd;
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.QnAList-item{
		padding:2.461vw 3.076vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.QnAList-item{
		padding:3.125vw 3.906vw;
	}
}

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


/*=========================================================
	AnnualReportList
=========================================================*/
.AnnualReportList-list{
	border-top:2px solid #000;
}
.AnnualReportList-list:after{
	content:'';
	display:block;
	clear:both;
}
.AnnualReportList-item{
	width:50%;
	padding:40px 0 50px;
	padding-right:20px;
	position:relative;
	float:left;
}
.AnnualReportList-item:nth-child(2n+1){
	clear:both;
}
.AnnualReportList-item:nth-child(odd):before{
	content:'';
	display:block;
	width:200%;
	height:1px;
	position:absolute;
	top:0;
	left:0;
	background-color:#ddd;
}
.AnnualReportList-item:last-child,
.AnnualReportList-item:nth-last-of-type(2){
	padding-bottom:0;
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.AnnualReportList-item{
		padding:3.076vw 0 3.846vw;
		padding-right:1.538vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.AnnualReportList-item{
		padding:3.906vw 0 4.882vw;
		padding-right:1.953vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.AnnualReportList-item{
		width:100%;
		padding:7.215vw 0;
		float:none;
	}
	.AnnualReportList-item:last-child,
	.AnnualReportList-item:nth-last-of-type(2){
		padding:7.5vw 0;
	}
	.AnnualReportList-item:before{
		content:'';
		display:block;
		width:100%;
		height:1px;
		position:absolute;
		top:0;
		left:0;
		background-color:#ddd;
	}
	.AnnualReportList-item:nth-child(odd):before{
		width:100%;
	}
	.AnnualReportItem .DownloadEnBtn-button{
		width:90%;
	}
}
/*AnnualReportItem
=========================================================*/
.AnnualReportItem:after{
	content:'';
	display:block;
	clear:both;
}
.AnnualReportItem-img{
	display:block;
	width:145px;
	float:left;
	position:relative;
}
.AnnualReportItem-img:after{
	content:'';
	display:block;
	position:relative;
	padding-bottom: 135%;
	border:1px solid #ddd;
}
.AnnualReportItem-img img{
	overflow:hidden;
	width:100%;
	max-width:100%;
	position:absolute;
	top:0;
	left:0;
}
.AnnualReportItem-content{
	padding-left:32px;
}
.AnnualReportItem-title{
	overflow:hidden;
	display:block;
	min-height:4.8em;
	color:#000;
	font-size:26px;
	line-height:1.6em;
	font-weight:bold;
	word-break:keep-all;
}
.AnnualReportItem-text{
	display:block;
}
.AnnualReportItem-text .year{
	display:block;
}
.AnnualReportItem-content{
	overflow:hidden;
	display:block;
	position:relative;
}
.AnnualReportItem-button{
	margin-top:31px;
}

@media screen and  (max-width:1300px)  and (min-width:1025px){
	.AnnualReportItem-img{
		width:11.15vw;
	}
	.AnnualReportItem-content{
		padding-left:2.461vw;
	}
	.AnnualReportItem-title{
		min-height:4.6em;
		font-size:2vw;
	}
	.AnnualReportItem-button{
		margin-top:2.75vw;
	}
}

@media screen and  (max-width:1024px)  and (min-width:768px){
	.AnnualReportItem-img{
		width:14.16vw;
	}
	.AnnualReportItem-content{
		padding-left:3.125vw;
	}
	.AnnualReportItem-title{
		min-height:4.8em;
		font-size:2.539vw;
	}
	.AnnualReportItem-button{
		margin-top:2.4vw;
	}
}
@media screen and  (max-width:767px)  and (min-width:1px){
	.AnnualReportItem-img{
		width:38vw;
	}
	.AnnualReportItem-content{
		padding-left:6vw;
	}
	.AnnualReportItem-title{
		min-height:4.75em;
		line-height:1.4em;
		font-size:6.85vw;
	}
	.AnnualReportItem-button{
		margin-top:8vw;
	}
}
/*=========================================================
	TagBoxList
=========================================================*/
.TagBox{
	display:table;
	width:100%;
	padding:10px 0;
}
.TagBox-title{
	display:table-cell;
	width:11.66%;
	color:#000;
	font-size:20px;
	font-weight:bold;
	line-height:normal;
	text-align:center;
	vertical-align:middle;
}
.TagBoxCont{
	display:table-cell;
	max-width:100%;
	padding-left:27px;
	position:relative;
	vertical-align:middle;
}
.TagBoxCont:before{
	content:'';
	display:block;
	width:1px;
	height:50%;
	position:absolute;
	top:50%;
	left:0;
	background-color:rgba(0,0,0,0.2);
	transform:translateY(-50%);
}
.TagBoxCont-list{
	line-height:0;
	font-size:0;
}
.TagBoxCont-item{
	display:inline-block;
	padding-right:18px;
}
.TagBoxCont-item:last-child{
	padding-right:0;
}
.TagBoxCont-link{
	display: block;
	color:#000;
	font-size:18px;
	line-height:1.6em;
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.TagBox{
		padding:0.769vw 0;
	}
	.TagBox-title{
		width:10.76vw;
		font-size:1.538vw;
	}
	.TagBoxCont{
		padding-left:2.076vw;
	}
	.TagBoxCont-item{
		padding-right:1.384vw;
	}
	.TagBoxCont-link{
		font-size:1.384vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.TagBox{
		padding:0.976vw 0;
	}
	.TagBox-title{
		width:13.67vw;
		font-size:1.953vw;
	}
	.TagBoxCont{
		padding-left:2.636vw;
	}
	.TagBoxCont-item{
		padding-right:1.757vw;
	}
	.TagBoxCont-link{
		font-size:1.757vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.TagBox{
		display:block;
		padding:1.303vw 0;
	}
	.TagBox-title{
		display:block;
		width:100%;
		padding: 1vw 3.520vw 0.5vw;
		font-size: 3.95vw;
		text-align:left;
	}
	.TagBoxCont{
		display:block;
		padding:0.5vw 3.520vw 1vw;
	}
	.TagBoxCont:before{
		display:none;
	}
	.TagBoxCont-item{
		padding:0.5vw 2.346vw 0.5vw 0;
	}
	.TagBoxCont-link{
		font-size:3.78vw;
	}
}

/*=========================================================
	NewsPostList
=========================================================*/
.NewIcon{
	overflow:hidden;
	display:inline-block;
	width:18px;
	height:18px;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-new.png');
	background-size:18px 18px;
	text-indent:100%;
	vertical-align: 2px;
}
.NewsPostList-item{
	border-bottom:1px solid #ddd;
}

.NewsPostResult{
	padding-bottom:30px;
}

.NewsPostResult-text{
	display:block;
	font-size:20px;
	line-height:1.5em;
	color:#000;
}

.NewsPostResult-keyword{
	font-weight:bold;
}

.NewsPostResult-count{
	font-weight:bold;
}

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

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

@media screen and (max-width:1024px)  and (min-width:768px){
	.NewsPostResult{
		padding-top:1.4vw;
		padding-bottom:3.3076vw;
	}

	.NewsPostResult-text{
		font-size:2.0384vw;
	}
}

@media screen and (max-width:767px)  and (min-width:1px){
	.NewsPostResult{
		padding-top:4vw;
		padding-bottom:0vw;
	}

	.NewsPostResult-text{
		font-size:4.75vw;
	}
}


/*NewsListItem
=========================================================*/
.NewsListItem-link{
	display:block;
	padding:40px 0;
}
.NewsListItem-link:after{
	content:'';
	display:block;
	clear:both;
}
.NewsListItem-content{
	overflow:hidden;
	display:block;
	position:relative;
	line-height:0;
}
.NewsListItem-img{
	overflow:hidden;
	width:488px;
	margin-left:65px;
	float:right;
	position:relative;
	background-color:#000;
}
.NewsListItem-img:after{
	content:'';
	display:block;
	padding-bottom: 60.66%;
	position:relative;
}
.NewsListItem-img img{
	display:block;
	width:calc(100% + 1px);
	max-width:none;
	position:absolute;
	top:0;
	left:0;
	transform: translateY(100%);
	transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
}
.NewsPostList-item.is-Opacity .NewsListItem-img img{
    transform: scale(1) translateY(0px);
}

.NewsListItem .category{
	display:inline-block;
	margin-bottom:9px;
	padding:3px 14px;
	color:	#fff;
	font-size:14px;
	font-family: 'Poppins', sans-serif;
	line-height:normal;
	background-color:#000;
}
.NewsListItem .title{
	overflow:hidden;
	display:block;
	max-height:3em; 
	color:#000;
	font-size:28px;
	font-weight:bold;
	line-height:1.5em;
	text-overflow: ellipsis;
	word-break: keep-all; 
	display: -webkit-box;
	-webkit-box-orient:vertical;
	 -webkit-line-clamp: 2;
}

.NewsListItem .date {
	display:block;
	margin-top:13px;
	color:#979899;
	font-size:14px;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	line-height:1.2em;
}
.NewsListItem-text{
	overflow:hidden;
	display:block;
	margin-top:16px;
	max-height:5.7em;
	color:#222;
	font-size:15px;
	line-height:1.9em;
	text-overflow: ellipsis;
	word-break: keep-all; 
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient:vertical;
}
.NewsListItem .more{
	display:block;
	margin-top:38px;
	width:40px;
	height:14px;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-post-arrow-b.png');
	background-size:40px 14px;
	transform: translateX(-20px);
    transition-property: transform, opacity;
    transition-duration: 0.6s;
    transition-delay: 0.4s;
    transition-timing-function: ease-out;
    opacity: 0;
}
.NewsPostList-item.is-Opacity .NewsListItem  .more {
    transform: translateX(0px);
    opacity: 1;
}
@media screen and (min-width:1025px){
	.NewsPostList-item.is-Opacity .NewsListItem-link:hover .NewsListItem-img img{
		transform: scale(1.06) translateY(0px);
	}
}
@media screen and (max-width:1300px)  and (min-width:1025px){
	.NewIcon{
		width:1.384vw;
		height:1.384vw;
		background-size:1.384vw 1.384vw;
		vertical-align: 0.253vw;
	}
	.NewsListItem-link{
		padding:3.076vw 0;
	}
	.NewsListItem-img{
		width:35.92vw;
		margin-left:5vw;
	}
	.NewsListItem .title{
		font-size:2.153vw;
	}
	.NewsListItem .category{
		margin-bottom:0.692vw;
		padding:0.230vw 1.076vw;
		font-size:1.076vw;
	}
	.NewsListItem .date {
		margin-top:1vw;
		font-size:1.076vw;
	}
	.NewsListItem-text{
		margin-top:1.230vw;
		font-size:1.153vw;
	}
	.NewsListItem .more{
		margin-top:3vw;
		width:3.076vw;
		height:1.076vw;
		background-size:3.076vw 1.076vw;
	}
}

@media screen and (max-width:1024px)  and (min-width:768px){
	.NewIcon{
		width: 1.95vw;
		height: 1.95vw;
		background-size: 1.95vw 1.95vw;
		vertical-align: 0.35vw;
	}
	.NewsListItem-link{
		padding:3.906vw 0;
	}
	.NewsListItem-img{
		width:44vw;
		margin-left:4.347vw;
	}
	.NewsListItem .title{
		font-size:3.153vw;
	}
	.NewsListItem .category{
		margin-bottom:0.878vw;
		padding:0.292vw 1.367vw;
		font-size:1.467vw;
	}
	.NewsListItem .date {
		margin-top:1.35vw;
		font-size:1.476vw;
	}
	.NewsListItem-text{
		margin-top:1.269vw;
		font-size:1.6vw;
	}
	.NewsListItem-content  .BasicText{
		margin-top:1.56vw;
	}
	.NewsListItem .more{
		margin-top:3.808vw;
		width:3.906vw;
		height:1.367vw;
		background-size:3.906vw 1.367vw;
	}
}
@media screen and (max-width:767px)  and (min-width:1px){
	.NewIcon{
		width: 4.346vw;
		height: 4.346vw;
		background-size: 4.346vw 4.346vw;
		vertical-align: 0;
	}
	.NewsPostList{
		margin-top:13vw;
	}
	.NewsPostList-item{
		margin-left:-6.25vw;
		margin-right:-6.25vw;
		border-bottom:none;
	}
	.NewsPostList-item:last-child .NewsListItem-link{
		padding-bottom:0;
	}
	.NewsListItem-link{
		padding-top:0;
		padding-bottom:16.0769vw;

	}
	.NewsListItem-content{
		padding:0 6.25vw;
	}
	.NewsPostList-item:first-child .NewsListItem-link{
		padding-top:0;
	}
	.NewsListItem-img{
		width:100%;
		margin-left:0;
		margin-bottom:6vw;
		float:none;
	}
	.NewsListItem-content .category{
		margin-bottom:2.53vw;
		padding:0.391vw 2.825vw;
		font-size:3.825vw;
	}
	.NewsListItem .title{
		max-height:3.2em; 
		font-size:4.95vw;
		line-height:1.6em;
	}
	.NewsListItem .date {
		margin-top:2.6vw;
		font-size:3.5vw;
	}
	.NewsListItem-text{
		margin-top:2.086vw;
		max-height:5.7em;
		font-size:3.75vw;
	}
	.NewsListItem .more{
		margin-top:6.1538vw;
		width:9.0769vw;
		height:2.5769vw;
		background-size:9.0769vw 2.5769vw;
	}
}


/*=========================================================
	SingleHeader
=========================================================*/
.SingleHeader-content{
	padding:42px 0 43px;
	border-top:2px solid #000;
}
.SingleHeader.Recruit .SingleHeader-content{
	padding-bottom:59px;
}
.SingleHeader-content:after{
	content:'';
	display:block;
	clear:both;
}	
.SingleHeader-text{
	overflow:hidden;
	padding-right:0;
	position:relative;
	line-height: 0;
}	
.SingleHeader.Announce .SingleHeader-text{
	padding-right:160px;
}
.SingleHeader-title{
	color:#000;
	font-size:	36px;
	line-height:1.5em;
	font-weight:bold;
}
.SingleHeader-category{
	display:inline-block;
	margin-bottom:13px;
	padding:3px 17px 4px;
	color:	#fff;
	font-size:17px;
	line-height:normal;
	background-color:#000;
}
.SingleHeaderInfo{
	margin-top:17px;	
}
.SingleHeaderInfo-list{
	line-height:0;
	font-size:0;
}
.SingleHeaderInfo-item{
	overflow:hidden;
	display:inline-block;
	padding-right:17px;
	margin-right:15px;
	position:relative;
	color:#979899;
	font-size:15px;
	line-height:normal;
}

.SingleHeaderInfo-item:after{
    content: '';
    display: block;
    width: 2px;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 0;
    background-color: #979899;
    transform: translateY(-50%);
    border-radius: 100%;
}
.SingleHeaderInfo-item:last-child:after{
	right:-2px;
}
.SingleHeaderInfo-item span:last-child{
	margin-left:10px;
	font-weight:bold;
}

.SingleHeader-btn{
	position:absolute;
	bottom:39px;
	right:0;
}

@media screen and (max-width:1300px)  and (min-width:1025px){
	.SingleHeader-content{
		padding:3.230vw 0 3.307vw;
	}
	.SingleHeader.Recruit .SingleHeader-content{
		padding-bottom:4.538vw;
	}
	SingleHeader.Announce .SingleHeader-text{
		padding-right:12.307vw;
	}
	.SingleHeader-title{
		font-size:	2.769vw;
	}
	.SingleHeader-category{
		margin-bottom:1vw;
		padding:0.230vw 1.307vw 0.307vw;
		font-size:1.307vw;
	}
	.SingleHeaderInfo{
		margin-top:1.307vw;
	}
	.SingleHeaderInfo-item{
		padding-right:1.307vw;
		margin-right:1.153vw;
		font-size:1.153vw;
	}
	.SingleHeaderInfo-item span:last-child{
		margin-left:0.769vw;
	}
	.SingleHeader-btn{
		bottom:3vw;
	}
}
@media screen and (max-width:1024px)  and (min-width:768px){
	.SingleHeader-content{
		padding:4.101vw 0 4.199vw;
	}
	.SingleHeader.Recruit .SingleHeader-content{
		padding-bottom:4.199vw;
	}
	.SingleHeader.Announce .SingleHeader-text{
		padding-right:16.929vw;
	}
	.SingleHeader .SingleHeader-title{
		font-size:	3.015vw;
	}
	.SingleHeader .SingleHeader-category{
		margin-bottom:1.269vw;
		padding:0.292vw 1.660vw 0.390vw;
		font-size:1.660vw;
	}
	.SingleHeaderInfo{
		margin-top:1.660vw;
	}
	.SingleHeaderInfo-item{
		padding-right:1.660vw;
		margin-right:1.464vw;
		font-size:2vw;
	}
	.SingleHeaderInfo-item span:last-child{
		margin-left:0.976vw;
	}
	.SingleHeader-btn{
		bottom:4.25vw;
	}
}
@media screen and (max-width:767px)  and (min-width:1px){
	.SingleHeader-content{
		padding:5.606vw 0 10.475vw;
	}
	.SingleHeader.Recruit .SingleHeader-content{
		padding-bottom: 10.475vw;
	}
	.SingleHeader.Announce .SingleHeader-text{
		padding-right:0;
	}
	.SingleHeader-title{
		font-size:5.75vw;
	}
	.SingleHeader-category{
		margin-bottom:1.694vw;
		padding:0.391vw 2.216vw 0.521vw;
		font-size:3.5vw;
	}
	.SingleHeaderInfo{
		margin-top:3.216vw;
		margin-bottom:5.216vw;
	}
	.SingleHeaderInfo-item{
		padding-right:2.5vw;
		margin-right:2vw;
		font-size:3.75vw;
	}
	.SingleHeaderInfo-item span:last-child{
		margin-left:1.303vw;
	}
	.SingleHeader-btn{
		position:static;
	}
}

/*=========================================================
	ViewPrevItem
=========================================================*/
.ViewPaging{
	/* margin-top:60px; */
	padding-top:40px;
	border-top:1px solid #ddd;
}
.ViewPaging-list:after{
	content:'';
	display:block;
	clear:both;
}
.ViewPaging-item{
	width:50%;
	float:left;
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.ViewPaging{
		/* margin-top:4.6153vw; */
		padding-top:3.076vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.ViewPaging{
		/* margin-top:5.865vw; */
		padding-top:3.906vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.ViewPaging{
		/* margin-top:9.375vw; */
		padding-top:7.33vw;
	}
}


/*ViewPrevItem
=========================================================*/
.ViewPrevItem-link{
	display:table;
	width:100%;
	table-layout:fixed;
}
.ViewPrevItem-icon{
	display:table-cell;
	width:6.8%;
	padding-top: 20px;
	position:relative;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	line-height: normal;
	text-align: center;
	vertical-align:middle;
}
.ViewPrevItem-icon:before{
	content:'';
	display:block;
	width:38px;
	height:14px;
	margin-bottom:8px;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-post-arrow-b.png');
	background-size:38px 14px;
	position:absolute;
	top:0;
	left:50%;
   -moz-transform:translateX(-50%) scaleX(-1); 
	-o-transform:translateX(-50%) scaleX(-1); 
	-webkit-transform:translateX(-50%) scaleX(-1); 
	transform:translateX(-50%) rotate(0deg) scaleX(-1);   
    filter: FlipH;
   -ms-filter: "FlipH";
   transition:left 0.2s;
}
.ViewPrevItem-title{
	overflow:hidden;
	display:table-cell;
	vertical-align:middle;
}
.ViewPrevItem-text{
	overflow:hidden;
	display:block;
	height:1.4em;
	padding-left:36px;
	padding-right: 36px;
	color:#000;
	font-size:15px;
	line-height:1.4em;
	white-space:nowrap;
	text-overflow: ellipsis;
}
.ViewPaging-item.nopost .ViewPrevItem-link{
	cursor:default;
}
.ViewPaging-item.nopost .ViewPrevItem-text{
	color:#979899 !important;
}



@media screen and (min-width:1025px){
	.ViewPrevItem-link:hover .ViewPrevItem-icon:before{
		left:40%;
	}
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.ViewPrevItem-icon{
		width:3.076vw;
		padding-top:1.538vw;
		font-size:1.076vw;
	}
	.ViewPrevItem-icon:before{
		width:2.923vw;
		height:1.076vw;
		margin-bottom:0.615vw;
		background-size:2.923vw 1.076vw;
	}
	.ViewPrevItem-title{
		padding-left:2.769vw;
	}
	.ViewPrevItem-text{
		height:1.8em;
		font-size:1.1538vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.ViewPrevItem-icon{
		width:4.5vw;
		padding-top: 1.953vw;
		font-size:1.5vw;
	}
	.ViewPrevItem-icon:before{
		width:3.71vw;
		height:1.367vw;
		margin-bottom:0.781vw;
		background-size:3.71vw 1.367vw;
	}
	.ViewPrevItem-text{
		padding-left:1.8vw;
		padding-right:1.8vw;
		font-size:1.75vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.ViewPrevItem-link {
		display: block;
	}
	.ViewPrevItem-icon {
		display:block;
		width: 100%;
		margin-bottom:1.5vw;
		padding-top: 0;
		font-size: 3.72vw;
		text-align:left;
	}
	.ViewPrevItem-icon:before{
		display: inline-block;
		margin-right:2.133vw;
		margin-bottom:0;
		width:7.5vw;
		height: 2.733vw;
		position: static;
		background-size:7.5vw 2.733vw;
		transform:translateX(0) rotate(0deg) scaleX(-1);
	}
	.ViewPrevItem-title{
		display:block;
	}
	.ViewPrevItem-text{
		height:3em;
		padding-left:0;
		padding-right:1.6vw;
		font-size: 3.5vw;
		line-height:1.5em;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
		white-space:normal;
	}
}

/*ViewNextItem
=========================================================*/
.ViewNextItem-link{
	display:table;
	width:100%;
	table-layout:fixed;
}
.ViewNextItem-icon{
	display:table-cell;
	width:6.8%;
	padding-top:20px;
	position:relative;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	line-height:normal;
	text-align:center;
	vertical-align:middle;
}
.ViewNextItem-icon:after{
	content:'';
	display:block;
	width:38px;
	height:14px;
	position:absolute;
	top:0;
	left:50%;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-post-arrow-b.png');
	background-size:38px 14px;
	transform:translateX(-50%);
	transition: left 0.2s;
}
.ViewNextItem-title{
	overflow:hidden;
	display:table-cell;
	vertical-align:middle;
}
.ViewNextItem-text{
	overflow:hidden;
	display:block;
	height:1.4em;
	padding-left:36px;
	padding-right:36px;
	color:#000;
	font-size:15px;
	line-height:1.4em;
	white-space:nowrap;
	text-overflow: ellipsis;
}

.ViewPaging-item:nth-child(2) .ViewNextItem-text{
	text-align:right;
}

.ViewPaging-item.nopost .ViewNextItem-link{
	cursor:default;
}
.ViewPaging-item.nopost .ViewNextItem-text{
	color:#979899 !important;
}


@media screen and (min-width:1025px){
	.ViewNextItem-link:hover .ViewNextItem-icon:after{
		left:60%;
	}
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.ViewNextItem-icon{
		width:3.076vw;
		padding-top:1.538vw;
		font-size:1.076vw;
	}
	.ViewNextItem-icon:after{
		width:2.923vw;
		height:1.076vw;
		margin-bottom:0.615vw;
		background-size:2.923vw 1.076vw;
	}
	.ViewNextItem-text{
		height:1.8em;
		font-size:1.1538vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.ViewNextItem-icon{
		width:4.5vw;
		padding-top: 1.953vw;
		font-size:1.5vw;
	}
	.ViewNextItem-icon:after{
		width:3.71vw;
		height:1.367vw;
		margin-bottom:0.781vw;
		background-size:3.71vw 1.367vw;
	}
	.ViewNextItem-text{
		padding-left:1.8vw;
		padding-right:1.8vw;
		font-size:1.75vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.ViewNextItem-link {
		display: flex;
		flex-wrap: wrap-reverse;
	}
	.ViewNextItem-icon {
		display:block;
		width: 100%;
		margin-bottom:1.5vw;
		padding-top: 0;
		font-size: 3.72vw;
		text-align:right;
	}
	.ViewNextItem-icon:after{
		display: inline-block;
		margin-left:2.133vw;
		margin-bottom:0;
		width:7.5vw;
		height: 2.733vw;
		position: static;
		background-size:7.5vw 2.733vw;
		transform:translateX(0);
	}
	.ViewNextItem-title{
		display:block;
	}
	.ViewNextItem-text{
		height:3em;
		padding-left: 1.6vw;
		padding-right:3.6vw;
		font-size: 3.5vw;
		line-height:1.5em;
		display:-webkit-box;
		-webkit-line-clamp:2; 
		-webkit-box-orient:vertical;
		white-space:normal;
		text-align:right;
	}
}

/*=========================================================
 EarningsAnnounceTop
=========================================================*/

/* EarningsAnnounceTop-title
=========================================================*/
.EarningsAnnounceTop{
	margin-bottom:16px;
}
.EarningsAnnounceTop-title{
	color:#000;
	font-size:36px;
	font-weight:bold;
	line-height:1.2em;
}
.EarningsAnnounceTop-year{
	margin-right:8px;
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.EarningsAnnounceTop{
		margin-bottom:1.230vw;
	}
	.EarningsAnnounceTop-title{
		font-size:2.769vw;
	}
	.EarningsAnnounceTop-year{
		margin-right:0.615vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.EarningsAnnounceTop{
		margin-bottom:1.5625vw;
	}
	.EarningsAnnounceTop-title{
		font-size:3.515vw;
	}
	.EarningsAnnounceTop-year{
		margin-right:0.781vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.EarningsAnnounceTop{
		margin-bottom:2.086vw;
	}
	.EarningsAnnounceTop-title{
		font-size:5vw;
	}
	.EarningsAnnounceTop-year{
		margin-right:1.043vw;
	}
}

/*=========================================================
 EarningsAnnounceMid
=========================================================*/

.EarningsAnnounceMid{
	padding-top:30px;
	margin-bottom:37px;
	position:relative;
	border-top:2px solid #000;
}

.EarningsAnnounceMid:before{
	content:'KRAFTON';
	display:none;
	width:223px;
	height:34px;
	position:absolute;
	bottom:100%;
	right:0;
	z-index:5;
	color:#fff;
	font-size:27px;
	font-family:'KRAFTON';
	line-height: 1.5em;
	letter-spacing:4px;
	text-indent: 10px;
	text-align: center;
	background-image:url('/wp-content/themes/krafton/assets/img/bg/bg-earningtitle.png');
	background-size:223px 34px;
}

.EarningsAnnounceMid:after{
	content:'';
	display:block;
	clear:both;
}

.EarningsAnnounceMid-top{
	margin-bottom:16px;
}
.EarningsAnnounceMid-list{
	display:table;
	width:100%;
	table-layout: fixed;
}
.EarningsAnnounceMid-item{
	display:table-cell;
	vertical-align: middle;
}
.EarningsAnnounceMid-item:last-child{
	text-align:right;
}
.EarningsAnnounceDate{
	color:#000;
	font-size:20px;
	font-weight:bold;
	line-height:normal;
}

@media screen and (max-width:1300px) and (min-width:1025px){
	 .EarningsAnnounceMid{
		padding-top:2.307vw;
		margin-bottom:2.846vw;
	 }
	 .EarningsAnnounceMid:before{
		width:17.15vw;
		height:2.615vw;
		font-size:2.076vw;
		text-indent:0.769vw;
		background-size:17.15vw 2.615vw;
	}
	.EarningsAnnounceMid-top{
		margin-bottom:1.230vw;
	}
	.EarningsAnnounceDate{
		font-size:1.538vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	 .EarningsAnnounceMid{
		padding-top:2.929vw;
		margin-bottom:3.613vw;
	 }
	 .EarningsAnnounceMid:before{
		width:21.77vw;
		height:3.320vw;
		font-size:2.636vw;
		text-indent:0.976vw;
		background-size:21.77vw 3.320vw;
	}
	.EarningsAnnounceMid-top{
		margin-bottom:1.562vw;
	}
	.EarningsAnnounceDate{
		font-size:1.953vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	 .EarningsAnnounceMid{
		padding-top:4.911vw;
		margin-bottom:4.823vw;
	 }
	 .EarningsAnnounceMid:before{
		display:none;
	}
	.EarningsAnnounceMid-top{
		margin-bottom:4.911vw;
	}
	.EarningsAnnounceMid-item:last-child{
		width:45%;
	}
	.EarningsAnnounceDate{
		font-size: 3.5vw;
	}
	.EarningsAnnounceMid-item .DownloadKrBtn-button{
		border-width:1px;
	}
}

/* EarningsAnnounceVideo
=========================================================*/
.EarningsAnnounceVideo{
	overflow:hidden;
	width:49.16%;
	margin-right:1.66%;
	position:relative;
	float:left;
	line-height:0;
	font-size:0;
}
.EarningsAnnounceVideo:after{
	content:'';
	display:block;
	padding-bottom: 57.96%;
}
.EarningsAnnounceVideo-thumb{
	display:block;
	/* display:none; */
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.EarningsAnnounceVideo-thumb:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
	background-color:rgba(0,0,0,0.3);
}
.EarningsAnnounceVideo-button{
	width:77px;
	height:54px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:10;
	transform:translate(-50%,-50%);
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-videoplay.png') ;
	background-size:77px 54px;
	transition: background-image 0.2s;
}
.EarningsAnnounceVideo-video{
	display:block;
	width:100%;
	height:342px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10;
}
.EarningsAnnounceVideo-img{
	width:100%;
	transition:transform 0.3s;
}
@media screen and (min-width:1025px){
	.EarningsAnnounceVideo-thumb:hover .EarningsAnnounceVideo-button{
		background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-videoplay-hover.png') ;
	}
	.EarningsAnnounceVideo-thumb:hover .EarningsAnnounceVideo-img{
		transform:scale(1.1);
	}
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.EarningsAnnounceVideo-button{
		width:5.923vw;
		height:4.153vw;
		background-size:5.923vw 4.153vw;
	}
	.EarningsAnnounceVideo-video{
		height:26.1vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.EarningsAnnounceVideo-button{
		width:7.519vw;
		height:5.273vw;
		background-size:7.519vw 5.273vw;
	}
	.EarningsAnnounceVideo-video{
		height:26.65vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.EarningsAnnounceVideo{
		width:100%;
		margin-right:0;
		float:none;
	}
	.EarningsAnnounceVideo-button{
		width:15.03vw;
		height:11.04vw;
		background-size:15.03vw 11.04vw;;
	}
		.EarningsAnnounceVideo-video{
		height:48vw;
	}

}

/* EarningsAnnounceSub
=========================================================*/
.EarningsAnnounceSub{
	overflow:hidden;
}
.EarningsAnnounceSubTitle{
	padding:23px 26px;
	border:1px solid #ddd;
	border-bottom:none;
}
.EarningsAnnounceSub-title{
	padding-left:32px;
	position:relative;
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:1.2em;
}
.EarningsAnnounceSub-title:before{
	content:'CC';
	display:block;
	padding:3px 4px;
	position:absolute;
	top:50%;
	left:0;
	background-color:#000;
	color:#fff;
	font-size:12px;
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
	line-height:1.2em;
	transform:translateY(-50%);
}
.EarningsAnnounceSub-text{
	color:#000;
	font-size:14px;
}
.EarningsAnnounceSubBox{
	padding:11px 11px 11px 26px;
	border:1px solid #ddd;
}
.EarningsAnnounceSub-inner{
	overflow: hidden;
	overflow-y:scroll;
	height:250px;
}
.EarningsAnnounceSub-inner{
	scrollbar-face-color:#979899; 
	scrollbar-track-color: #fff; 
	scrollbar-arrow-color: #fff; 
}
 .EarningsAnnounceSub-inner::-webkit-scrollbar {
	width: 8px; 
}
 
.EarningsAnnounceSub-inner::-webkit-scrollbar-thumb {
	background-color: #979899; 
	border: 4px solid transparent;
	border-radius:4px;
}
.EarningsAnnounceSub-inner::-webkit-scrollbar-track {
	background-color: #fff ;
}

.EarningsAnnounceSub-inner p{
	color:#000;
	font-size:14px;
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.EarningsAnnounceSubTitle{
		padding:1.66vw 2vw;
	}
	.EarningsAnnounceSub-title{
		padding-left:2.461vw;
		font-size:1.384vw;
	}
	.EarningsAnnounceSub-title:before{
		padding:0.230vw 0.307vw;
		font-size:0.923vw;
	}
	.EarningsAnnounceSub-text{
		font-size:1.076vw;
	}
	.EarningsAnnounceSubBox{
		padding:0.846vw 0.846vw 0.846vw 2vw;
	}
	.EarningsAnnounceSub-inner{
		height:19.23vw;
	}
	 .EarningsAnnounceSub-inner::-webkit-scrollbar {
		width: 0.615vw; 
		height:16.92vw;
	}
	.EarningsAnnounceSub-inner p{
		font-size:1.076vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.EarningsAnnounceSubTitle{
		padding:1.65vw 2.539vw;
	}
	.EarningsAnnounceSub-title{
		padding-left:3.125vw;
		font-size:1.757vw;
	}
	.EarningsAnnounceSub-title:before{
		padding:0.292vw 0.3906vw;
		font-size:1.171vw;
	}
	.EarningsAnnounceSub-text{
		font-size:1.56vw;
	}
	.EarningsAnnounceSubBox{
		padding:0.846vw 0.846vw 0.846vw 2vw;
	}
	.EarningsAnnounceSub-inner{
		height:19.63vw;
	}
	 .EarningsAnnounceSub-inner::-webkit-scrollbar {
		width: 0.615vw; 
	}
	.EarningsAnnounceSub-inner p{
		font-size:1.56vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.EarningsAnnounceSub{
		margin-top:4.911vw;
	}
	.EarningsAnnounceSubTitle{
		padding:2.998vw 3.389vw;
	}
	.EarningsAnnounceSub-title{
		padding-left:8.172vw;
		font-size:4.08vw;
	}
	.EarningsAnnounceSub-title:before{
		padding:1vw;
		font-size:2.564vw;
	}
	.EarningsAnnounceSubBox{
		padding:1.434vw 1.434vw 1.434vw 3.389vw;
	}
	.EarningsAnnounceSub-inner{
		height:78.2vw;
	}
	 .EarningsAnnounceSub-inner::-webkit-scrollbar {
		width: 2vw; 
	}
	.EarningsAnnounceSub-inner p{
		font-size:3.5vw;
	}
}

/*=========================================================
 EarningsAnnounceBtm
=========================================================*/
.EarningsAnnounceBtm-title{
	margin-top:8px;
	margin-bottom:25px;
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height: 1.4em;
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.EarningsAnnounceBtm-title{
		margin-top:0.615vw;
		margin-bottom:1.923vw;
		font-size:1.846vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.EarningsAnnounceBtm-title{
		margin-top:0.781vw;
		margin-bottom:2.441vw;
		font-size:2.34vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.EarningsAnnounceBtm-title{
		margin-top:5vw;
		margin-left:-1.2vw;
		margin-bottom:3.259vw;
		font-size:5vw;
	}
}
/* EarningsAnnounceFileList
=========================================================*/
.bg-white{
	background-color:#fff;
}
.bg-grey{
	background-color:#F7F7F7;
}
.EarningsAnnounceFile{
	border-top:2px solid #000;
}
.EarningsAnnounceFileList{
	display:table;
	width:100%;
}
.EarningsAnnounceFileList-title{
	display:table-cell;
	width:19.16%;
	padding:20px 10px;
	color:#222;
	font-size:17px;
	font-weight:bold;
	line-height: normal;
	text-align:center;
	vertical-align: middle;
}
.EarningsAnnounceFileList-content{
	display:table-cell;
	padding:20px 40px;
	vertical-align: middle;
}
.EarningsAnnounceFileList-list{
	font-size: 0;
	line-height:0;
}
.EarningsAnnounceFileList-item{
	margin-right:20px;
	display:inline-block;
	vertical-align:middle;
}
.EarningsAnnounceFileList-item:last-child{
	margin-right:0;
}
@media screen and (max-width:1300px) and (min-width:768px){
	.EarningsAnnounceFileList-item{
		width:auto;
		margin-right: 1.5vw;
	}
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.EarningsAnnounceFileList-title{
		padding:1.538vw 0.769vw;
		font-size:1.307vw;
	}
	.EarningsAnnounceFileList-content{
		padding:1.538vw 3.076vw;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.EarningsAnnounceFileList-list{
		text-align:left;
	}
	.EarningsAnnounceFileList-title{
		width: 18.55vw;
		padding:1.953vw 0.976vw;
		font-size:1.660vw;
	}
	.EarningsAnnounceFileList-content{
		padding:1.953vw 1.303vw;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.EarningsAnnounceFile{
		margin-right:-6.25vw;
		margin-left:-6.25vw;
	}
	.EarningsAnnounceFileList-title{
		display:block;
		width:100%;
		padding:4vw 5.215vw 1.3vw ;
		float:none;
		font-size:4.18vw;
		text-align:left;
	}
	.EarningsAnnounceFileList-content{
		display:block;
		padding:1.3vw 5.215vw 4vw;
	}
	.EarningsAnnounceFileList-list{
		text-align:left;
	}
	.EarningsAnnounceFileList-item{
		width:100%;
		margin-right:0;
	}


}

/*VoicePlayBtn
=========================================================*/
.VoicePlayBtn{
	font-size:0;
	line-height:0;
}
.VoicePlayBtn-link{
	display:inline-block;
	padding-right:25px;
	position:relative;
	color:#222;
	font-size:15px;
	line-height:normal;
	font-weight:500;
}
.VoicePlayBtn-link:after{
	content:'';
	display:block;
	width:18px;
	height:19px;
	position:absolute;
	top:50%;
	right:0;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-play.png');
	background-size:18px 19px;
	background-position:center;
	transform:translateY(-50%);
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.VoicePlayBtn-link{
		padding-right:1.923vw;
		font-size:1.153vw;
	}
	.VoicePlayBtn-link:after{
		width:1.384vw;
		height:1.461vw;
		background-size:1.384vw 1.461vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.VoicePlayBtn-link{
		padding-right:2.441vw;
		font-size:1.464vw;
	}
	.VoicePlayBtn-link:after{
		width:1.757vw;
		height:1.855vw;
		background-size:1.757vw 1.855vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.VoicePlayBtn{
		padding:2vw 0;
	}
	.VoicePlayBtn-link{
		padding-right:5.75vw;
		font-size:3.75vw;
	}
	.VoicePlayBtn-link:after{
		width:4.8vw;
		height:4.855vw;
		background-size:4.8vw 4.855vw;
	}
}

/*FileDownBtn
=========================================================*/
.FileDownBtn{
	font-size:0;
	line-height:0;
}
.FileDownBtn-link{
	display:inline-block;
	padding-right:26px;
	position:relative;
	color:#222;
	font-size:15px;
	line-height:normal;
	font-weight:500;
}
.FileDownBtn-link:after{
	content:'';
	display:block;
	width:18px;
	height:18px;
	position:absolute;
	top:50%;
	right:0;
	background-size:18px 18px;
	background-position:center;
	transform:translateY(-50%);
}

.FileDownBtn-link.Ico-pdf:after{
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-pdf.png');
}
.FileDownBtn-link.Ico-excel:after{
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-excel.png');
}
.FileDownBtn-link.Ico-word:after{
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-word.png');
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.FileDownBtn-link{
		padding-right:2.5vw;
		font-size:1.153vw;
	}
	.FileDownBtn-link:after{
		width:20px;
		height:20px;
		background-size:20px 20px;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.FileDownBtn-link{
		margin:0.5vw 0 0.5vw;
		padding-right:3.2vw;
		font-size:1.464vw;
	}
	.FileDownBtn-link:after{
		width:1.953vw;
		height:1.953vw;
		background-size:1.953vw 1.953vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.FileDownBtn{
		padding:2vw 0;
	}
	.FileDownBtn-link{
		padding-right:6.5vw;
		font-size:3.75vw;
	}
	.FileDownBtn-link:after{
		width:5.333vw;
		height:5.333vw;
		background-size:5.333vw 5.333vw;
	}
}



/*LargeFileDownBtn
=========================================================*/
.LargeFileDownBtn{
	font-size:0;
	line-height:0;
}
.LargeFileDownBtn-link{
	display:inline-block;
	padding-right:26px;
	position:relative;
	color:#222;
	font-size:16px;
	line-height:normal;
	font-weight:500;
}
.LargeFileDownBtn-link:after{
	content:'';
	display:block;
	width:18px;
	height:18px;
	position:absolute;
	top:50%;
	right:0;
	background-size:18px 18px;
	background-position:center;
	transform:translateY(-50%);
}

.LargeFileDownBtn-link.Ico-pdf:after{
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-pdf.png');
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.LargeFileDownBtn-link{
		padding-right:2vw;
		font-size:1.230vw;
	}
	.LargeFileDownBtn-link:after{
		width:1.3846vw;
		height:1.3846vw;
		margin-top:1px;
		background-size:1.3846vw 1.3846vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.LargeFileDownBtn-link{
		margin:0.5vw 0 0.5vw;
		padding-right:3.2vw;
		font-size:1.63vw;
	}
	.LargeFileDownBtn-link:after{
		width:1.953vw;
		height:1.953vw;
		background-size:1.953vw 1.953vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.LargeFileDownBtn{
		padding:2vw 0;
	}
	.LargeFileDownBtn-link{
		padding-right:6.5vw;
		font-size:3.75vw;
	}
	.LargeFileDownBtn-link:after{
		width:5.333vw;
		height:5.333vw;
		background-size:5.333vw 5.333vw;
	}
}





/*=========================================================
	SingleFile
=========================================================*/
.SingleFile{
	margin-top:63px;
	padding:26px 0;
	border-top:1px solid #ddd;
}
.SingleFile-title{
	padding-right:53px;
	float:left;
	color:#000;
	font-size:18px;
	line-height:1.4em;
	font-weight:bold;
}
.SingleFile-content{
	overflow:hidden;
}
.SingleFile-item{
	margin-top:12px;
	line-height:0;
	font-size:0;
}

.SingleFile-item .TextHoverLine{
	display:inline-block;
	max-width:100%;
}

.SingleFile-link{
	display:block;
}
.SingleFile-name{
    overflow: hidden;
	display:inline-block;
	max-width:calc(100% - 10%);
	color:#222;
	font-size:14px;
	line-height:1.4em;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.SingleFile-unit{
	position:relative;
	color:#222;
	font-size:14px;
	vertical-align: middle;
}

.SingleFile-unit:after{
	content:'';
	display:block;
	width:16px;
	height:15px;
	position:absolute;
	top:50%;
	left:calc(100% + 8px);
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-download.png');
	background-size:16px 15px;
	transform:translateY(-50%);
}
.SingleFile-item:first-child{
	margin-top:0;
}
@media screen and (max-width:1300px) and (min-width:1025px){
	.SingleFile{
		margin-top:4.85vw;
		padding:2vw 0;
	}
	.SingleFile-title{
		padding-right:4.076vw;
		font-size:1.384vw;
	}
	.SingleFile-item{
		margin-top:0.923vw;
	}
	.SingleFile-name{
		font-size:1.153vw;
	}
	.SingleFile-unit{
		font-size:1.153vw;
	}
	.SingleFile-unit:after{
		width:1.230vw;
		height:1.153vw;
		left:calc(100% + 0.615vw);
		background-size:1.230vw 1.153vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.SingleFile{
		margin-top:6.15vw;
		padding:3vw 0;
	}
	.SingleFile-title{
		padding-right:3.86vw;
		font-size:1.75vw;
	}
	.SingleFile-item{
		margin-top:1.171vw;
	}
	.SingleFile-name{
		font-size:1.5vw;
	}
	.SingleFile-unit{
		font-size:1.5vw;
	}
	.SingleFile-unit:after{
		width: 1.85vw;
		height: 1.75vw;
		left: calc(100% + 0.781vw);
		background-size: 1.85vw 1.75vw;	
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.SingleFile{
		margin-top:15vw;
		padding:4vw 0;
	}
	.SingleFile-title{
		float:none;
		font-size:3.72vw;
	}
	.SingleFile-content{
		margin-top:2.25vw;
	}
	.SingleFile-item{
		margin-top:1.923vw;
	}
	.SingleFile-name{
		max-width:calc(100% - 30%);
		font-size:3.5vw;
	}
	.SingleFile-unit{
		font-size:3.5vw;
	}
	.SingleFile-unit:after{
		width: 3.5vw;
		height: 3.5vw;
		left:calc(100% + 1.043vw);
		background-size: 3.5vw 3.5vw;
	}
}



/*=========================================================
	BasicCheckbox
=========================================================*/
.BasicCheckbox:after{
	content:'';
	display:block;
	clear:both;
}
.BasicCheckbox{
	position:relative;
}
.BasicCheckbox-label{
	display:block;
	padding-left:35px;
	color:#000;
	font-size:16px;
	line-height:1.5em;
	cursor:pointer;
	position:relative;
}

.BasicCheckbox-label:before{
	content:'';
	display:block;	
	width:20px;
	height:20px;
	border:2px solid #ddd;
	position:absolute;
	top:50%;
	left:0;
	z-index:5;
	background: #fff;
	transform:translateY(-50%);
}
.BasicCheckbox-label:after{
	content:'';
	display:none;
	width:13px;
	height:10px;
	background-image:url('/wp-content/themes/krafton/assets/img/icon/ico-checked.png');
	background-size:13px 10px;
	position:absolute;
	top:50%;
	left:6px;
	z-index:10;
	transform:translateY(-50%);
}

.BasicCheckboxInput-input:checked + .BasicCheckbox-label:before{
	border-color:#000;
}
.BasicCheckboxInput-input:checked + .BasicCheckbox-label:after{
	display:block;
}

@media screen and (max-width:1300px) and (min-width:1025px){
	.BasicCheckbox-label{
		padding-left:2.692vw;
		font-size:1.230vw;
	}

	.BasicCheckbox-label:before{
		width:1.5384vw;
		height:1.5384vw;
	}
	.BasicCheckbox-label:after{
		width:1vw;
		height:0.769vw;
		background-size:1vw 0.769vw;
		left:0.462vw;
	}
	
}
@media screen and (max-width:1024px) and (min-width:768px){
	.BasicCheckbox-label{
		padding-left:3.417vw;
		font-size:1.64vw;
	}

	.BasicCheckbox-label:before{
		width: 1.65vw;
		height: 1.65vw;
	}
	.BasicCheckbox-label:after{
		width:1.27vw;
		height:0.976vw;
		background-size:1.27vw 0.976vw;
		left:0.45vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.BasicCheckbox-label{
		padding-left:6.52vw;
		font-size:3.78vw;
	}

	.BasicCheckbox-label:before{
		width: 3.78vw;
		height: 3.78vw;
	}
	.BasicCheckbox-label:after{
		width:3.095vw;
		height:2.380vw;
		background-size:3.095vw 2.380vw;
		left:0.85vw;
	}
}


/*=========================================================
	DefaultPostList
=========================================================*/

.DefaultPostList-list{
	width:100%;
	border-top: 2px solid #000;
}
.DefaultPostList th{
    padding: 20px 10px;
    color: #222;
    font-size: 17px;
    font-weight: bold;
    line-height: normal;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
}

.DefaultPostList td {
    padding:20px 20px;
    color: #222;
    font-size: 16px;
    line-height:normal;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
	text-align:center;
}



@media screen and (max-width:1300px) and (min-width:1025px){
	.DefaultPostList th{
		padding:1.538vw 1.307vw;
		font-size: 1.307vw;
	}
	.DefaultPostList td{
		padding:1.538vw 1.307vw;
		font-size: 1.230vw;
	}

}

@media screen and (max-width:1024px) and (min-width:768px){
	.DefaultPostList th{
		padding:1.953vw 1.953vw;
		font-size: 1.75vw;
	}
	.DefaultPostList td{
		padding:1.538vw 1.307vw;
		font-size: 1.64vw;
	}

}

@media screen and (max-width:767px) and (min-width:1px){

	/* .DefaultPostList colgroup{ */
		/* display:none; */
	/* } */
	.DefaultPostList th{
		padding:3.78vw 1.5vw;
		font-size:4.28vw;
	}	
	.DefaultPostList td{
		padding:4vw 3.5vw;
		font-size:3.78vw;
		line-height: initial;
		line-height: inherit;
	}
	.DefaultPostList td.DefaultPostList-title{
		font-weight:bold;
		font-size:4vw;
	}	
	.DefaultPostList td.DefaultPostList-number{
		white-space:nowrap;
	}
}


/*=========================================================
	Breadcrumb IR 대문자
=========================================================*/
.page-template-template-depth .Breadcrumb-item:nth-child(2) .Breadcrumb-link{
	text-transform: uppercase;
}
.page-template-list-disclosure-information .Breadcrumb-item:nth-child(2) .Breadcrumb-link{
	text-transform: uppercase;
}
.page-template-list-stock .Breadcrumb-item:nth-child(2) .Breadcrumb-link{
	text-transform: uppercase;
}
.page-template-list-announce .Breadcrumb-item:nth-child(2) .Breadcrumb-link{
	text-transform: uppercase;
}
.page-template-list-irevent .Breadcrumb-item:nth-child(2) .Breadcrumb-link{
	text-transform: uppercase;
}
.page-template-list-periodic-report .Breadcrumb-item:nth-child(2) .Breadcrumb-link{
	text-transform: uppercase;
}
.page-template-list-announcement .Breadcrumb-item:nth-child(2) .Breadcrumb-link{
	text-transform: uppercase;
}


/*=========================================================
	규정 리스트
=========================================================*/
.IRList .ToggleListTitle-link{
	padding-left:0;
}

.IRList .ToggleListTitle-link:after{
	display:none;
}

.IRList .ToggleListContent-inner{
	padding-left:0;
	padding-right:0;
}

.IRList .LargeTitle{
	font-size:18px;
}

.IRList .BasicTitle{
	font-size:15px;
}

.IRList .BasicText{
	font-size:15px;
}

.IRList .BasicBullet-bullet{
	font-size:15px;
}

.IRList .BasicBullet-text{
	font-size:15px;
}

@media screen and (max-width: 1300px) and (min-width: 1025px){
	.IRList .LargeTitle{
		font-size:1.384615vw;
	}

	.IRList .BasicTitle{
		font-size:1.15384vw;
	}
	
	.IRList .BasicText{
		font-size:1.15384vw;
	}

	.IRList .BasicBullet-text{
		font-size:1.15384vw;
	}

	.IRList .BasicBullet-bullet{
		font-size:1.15384vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.IRList .LargeTitle{
		font-size:1.8vw;
	}

	.IRList .BasicTitle{
		font-size:1.35vw;
	}
	
	.IRList .BasicText{
		font-size:1.35vw;
	}

	.IRList .BasicBullet-text{
		font-size:1.35vw;
	}

	.IRList .BasicBullet-bullet{
		font-size:1.35vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.IRList .LargeTitle{
		font-size:3.8vw;
	}

	.IRList .BasicTitle{
		font-size:3.2vw;
	}
	
	.IRList .BasicText{
		font-size:3.2vw;
	}

	.IRList .BasicBullet-text{
		font-size:3.2vw;
	}

	.IRList .BasicBullet-bullet{
		font-size:3.2vw;
	}
}