@charset "UTF-8";


/*=========================================================
	Depth2Tab
=========================================================*/
.Depth2Tab{
	margin-bottom:50px;
}
.Depth2Tab-link{
	display:none;
	color:#4C4948;
	font-size:16px;
	font-weight:500;
	line-height:1.4em;
}
.Depth2TabNav{
	width:100%;
	display:table;
	table-layout:fixed;
	background-color:#fff;
}
.Depth2TabNav-item{
	display:table-cell;
	position:relative;
	text-align:center;
	vertical-align:middle;
	border-top:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	border-right:1px solid transparent;
}
.Depth2TabNav-item:last-child{
	border-right:1px solid #d1d1d1;
}

.Depth2TabNav-link{
	display:table;
	width:100%;
	margin-top: -1px;
	padding:11px 0;
}

.Depth2TabNav-item > a{
	display:table;
	width:100%;
	margin-top: -1px;
	padding:11px 0;
}

.Depth2TabNav-link-pass-event{
	display:table;
	width:100%;
	margin-top: -1px;
	padding:11px 0;
}

.Depth2TabNav-text{
	display:table-cell;
	color:#4C4948;
	font-size:16px;
	font-weight:500;
	line-height:1.4em;
}
.Depth2TabNav-item.is-Current {
	border-color:#F37321;
	border-width:2px;
}
.Depth2TabNav-item.is-Current .Depth2TabNav-text{
	color:#F37321;
	font-size:18px;
}

@media screen and (min-width: 768px) {
	.Depth2TabNav{
		display:table !important;
		height:auto !important;
	}	
}

/*Responsive*/
@media screen and (min-width: 1025px) {
	.Depth2TabNav-link:hover:before{
		display:block;
	}
	.Depth2TabNav-link:hover .Depth2TabNav-text{
		color:#F37321;
	}
	
	.Depth2TabNav-link-pass-event:hover:before{
		display:block;
	}
	.Depth2TabNav-link-pass-event:hover .Depth2TabNav-text{
		color:#F37321;
	}
	
	.Depth2TabNav-item > a:hover:before{
		display:block;
	}
	.Depth2TabNav-item > a:hover .Depth2TabNav-text{
		color:#F37321;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.Depth2TabNav-link{
		
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	
	.Depth2Tab{
		margin-bottom: 30px;
	}
	.Depth2TabNav-link{
		
	}
	.Depth2TabNav-text{
		font-size:14px;
	}
	.Depth2TabNav-item.is-Current .Depth2TabNav-text{
		font-size:16px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.Depth2Tab{
		margin-bottom: 30px;
		position:relative;
	}
	.Depth2Tab-link{
		overflow: hidden;
		display:block;
		padding: 13px 42px 12px 20px;
		position:relative;
		background-color:#fff;
		color:#000;
		font-size:16px;
		white-space: nowrap;
		text-overflow: ellipsis;
		border:2px solid #D1D1D1;
	}
	.Depth2Tab-link:after{
		content: '';
		width: 13px;
		height: 6px;
		background-image: url(../img/icon/mo-breadcrum-select-arrow.png);
		background-size: 13px 6px;
		position: absolute;
		top: 50%;
		right: 18px;
		transform: translateY(-50%);
	}
	.Depth2TabNav{
		display:none;
		position:absolute;
		z-index:50;
		background-color:#fff;
		border:2px solid #d1d1d1;
		border-top:none;
	}
	.Depth2TabNav-item{
		display:block;
		border-top:none;
		border-right: none;
		border-left:none;
		border-bottom:1px solid #d1d1d1;
		text-align:left;
	}
	.Depth2TabNav-item:last-child{
		border-right:none;
		border-bottom:none;
	}
	.Depth2TabNav-link{
		overflow:hidden;
		display:block;
		margin-top: 0;
		padding:10px 20px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.Depth2TabNav-item > a{
		overflow:hidden;
		display:block;
		margin-top: 0;
		padding:10px 20px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.Depth2TabNav-link-pass-event{
		overflow:hidden;
		display:block;
		margin-top: 0;
		padding:10px 20px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.Depth2TabNav-text{
		overflow:hidden;
		display:block;
		font-size:16px;
		text-overflow: ellipsis;
		white-space: nowrap;
		
	}
	.Depth2TabNav-item.is-Current {
		border-bottom:1px solid #d1d1d1;
	}
	.Depth2TabNav-item.is-Current .Depth2TabNav-text{
		color:#4C4948;
		font-size:16px;
	}
}



/*=========================================================
	NewsCenterCategory
=========================================================*/

.NewsCenterCategory{
	width:100%;
	margin-bottom:31px;
	padding:12px 31px;
	background-color:#F4F4F4;
}
.NewsCenterCategory:after{
	content:'';
	display:block;
	clear:both;
}
.NewsCenterCategory-title{
	float:left;
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:1.4em;
	text-align:center;
	vertical-align:middle;
}
.NewsCenterCategory-content{
	float:left;
	padding:0 10px;
}
.NewsCenterCategory-list:after{
	content:'';
	display:block;
	clear:both;
}
.NewsCenterCategory-item{
	float:left;
	padding-right:8px;
}
.NewsCenterCategory-item:last-child{
	padding-right:0;
}
.NewsCenterCategory-link{
	display:block;
	color:#000;
	font-size:14px;
	line-height:1.4em;
}

/*Responsive*/
@media screen and (min-width: 1025px) {
	
}

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

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

}

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

}

/*=========================================================
	NewsCenterList
=========================================================*/
.NewsCenterList{
	overflow:hidden;
	padding-top:30px ;
	padding-bottom:30px ;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.NewsCenterList-list{
	margin:-35px -15px 0;
}
.NewsCenterList-list:after{
	content:'';
	display:block;
	clear:both;
}
.NewsCenterList-item{
	width:25%;
	padding:35px 15px 0;
	float:left;
}

@media screen and (max-width:1024px) and (min-width:768px){
	.NewsCenterList-list{
		margin:-25px -10px 0;
	}
	.NewsCenterList-item{
		padding:25px 10px 0;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.NewsCenterList-list{
		margin:-20px 0 0;
	}
	.NewsCenterList-item{
		width:100%;
		padding:20px 0 0;
	}
}
/* NewsCenterListItem
=========================================================*/
.NewsCenterListItem{
	position:relative;
}
.NewsCenterListItem-link{
	display:block;
}
.NewsCenterListItem:after{
	content:'';
	display:block;
	clear:both;
}
.NewsCenterListItem-thumb{
	overflow:hidden;
	position:relative;
}
.NewsCenterListItem-thumb:after{
	content:'';
	display:block;
	padding-bottom:59.47%;
}
.NewsCenterListItem-img{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transition-property: transform;
    transition-duration: 0.2s;
	transform: translate(-50%, -50%);
    height: 100%;
    max-width: none;
}

.post-type-archive-hws_case_study .NewsCenterListItem-img,
.tax-hws_case_study_cat .NewsCenterListItem-img {
	height:auto;
	width:120%;
}

.NewsCenterListItem-content{
	padding:20px 22px 28px;
	background-color:#F4F4F4;
	font-size:0;
	line-height:0;
}
.NewsCenterListItem-category{
	display:inline-block;
	margin-bottom:9px;
	font-size:14px;
	color:#F37321;
	font-weight:500;
	line-height:1.6em;
	border-top:1px solid #F37321;
	border-bottom:1px solid #F37321;
}
.NewsCenterListItem-title{
    overflow: hidden;
	display:block;
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:1.4em;
	word-break: keep-all;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.NewsCenterListItem-text{
	display:block;
	max-height:3.6em;
	margin-top:8px;
	color:#000;
	font-size:14px;
	line-height:1.8em;
	word-break: keep-all;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.NewsCenterListItemMeta{
	margin-top: 40px;
	position:relative;
}
.NewsCenterListItemMeta-list:after{
	content:'';
	display:block;
	clear:both;
}
.NewsCenterListItemMeta-item{
	float:left;
	margin-right:14px;
}
.NewsCenterListItemMeta-item:last-child{
	margin-right:0;
}
.NewsCenterListItemMeta-date{
	display:block;
	padding-left:17px;
	position:relative;
	color:#8A8F92;
	font-size:14px;
	font-weight:500;
	line-height:1.4em;
}
.NewsCenterListItemMeta-date:before{
	content:'';
	display:block;
	width:13px;
	height:13px;
	margin-top:1px;
	position:absolute;
	top:50%;
	left:0;
	background-image: url(../img/icon/ico-date02.png);
	background-size:13px 13px;
	transform:translateY(-50%);
}
.NewsCenterListItemMeta-hit{
	display:block; 
	padding-left:24px;
	position:relative;
	color:#8A8F92;
	font-size:14px;
	font-weight:500;
	line-height:1.4em;
}
.NewsCenterListItemMeta-hit:before{
	content:'';
	display:block;
	width:19px;
	height:12px;
	margin-top:1px;
	position:absolute;
	top:50%;
	left:0;
	background-image: url(../img/icon/ico-hit.png);
	background-size:19px 12px;
	transform:translateY(-50%);
}


/*Responsive*/
@media screen and (min-width: 1025px) {
	.NewsCenterListItem-link:hover .NewsCenterListItem-img{
		transform: translate(-50%, -50%) scale(1.1);
	}
	.NewsCenterListItem-link:hover .NewsCenterListItem-content{
		background-color:#F37321;
	} 
	.NewsCenterListItem-link:hover .NewsCenterListItem-category{
		color:#fff;
		border-top-color:#fff;
		border-bottom-color:#fff;
	}
	.NewsCenterListItem-link:hover .NewsCenterListItem-title{
		color:#fff;
	}
	.NewsCenterListItem-link:hover .NewsCenterListItem-text{
		color:#fff;
	}
	.NewsCenterListItem-link:hover .NewsCenterListItemMeta-date{
		color:#fff;
	}
	.NewsCenterListItem-link:hover .NewsCenterListItemMeta-hit{
		color:#fff;
	}
	.NewsCenterListItem-link:hover .NewsCenterListItemMeta-date:before{
		background-image:url('../img/icon/ico-date02-w.png');
	}
	.NewsCenterListItem-link:hover .NewsCenterListItemMeta-hit:before{
		background-image:url('../img/icon/ico-hit-w.png');
	}
}

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

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.NewsCenterListItem-content{
		padding:20px 16px 22px;
	}
	.NewsCenterListItem-title{
		font-size:20px;
	}
	.NewsCenterListItem-category{
		font-size:12px;
	}
	.NewsCenterListItemMeta{
		margin-top:30px;
	}
	.NewsCenterListItemMeta-date{
		font-size:13px;;
	}
	.NewsCenterListItemMeta-hit{
		font-size:13px;;
	}
	.NewsCenterListItemMeta-hit:before{
		width:17px;
		height:10px;
		background-size:17px 10px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.NewsCenterListItem-content{
		padding:20px 16px 22px;
	}
	.NewsCenterListItem-title{
		font-size:18px;
	}
	.NewsCenterListItem-category{
		font-size:12px;
	}
	.NewsCenterListItemMeta{
		margin-top:30px;
	}
	.NewsCenterListItemMeta-date{
		font-size:13px;;
	}
	.NewsCenterListItemMeta-hit{
		font-size:13px;;
	}
	.NewsCenterListItemMeta-hit:before{
		width:17px;
		height:10px;
		background-size:17px 10px;
	}
}


/*=========================================================
	Paging
=========================================================*/
.Paging{
	margin-top:52px;
	font-size:0;
	line-height:0;
}

/* PagingList
=========================================================*/
.Paging{
	text-align:center;
}
.PagingList{
	display:inline-block;
}
.PagingList-list{
	font-size: 0;
	line-height:0;
}
.PagingList-item{
	display:inline-block;
	margin:4px 0;
	padding: 0 2px;
	vertical-align:middle;
}
.PagingList-item.PrevButton{
	padding-right:14px;
	padding-left:0;
	margin:0;
}
.PagingList-item.NextButton{
	padding-left:14px;
	padding-right:0;
	margin:0;
}
.PagingList-current{
	display:block;
	padding:10px 14px;
	position:relative;
	background-color:#F37321;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:1.2em;
}
.PagingList-link{	
	display:block;
	padding:10px 14px;
	position:relative;
	color:#8A8F92;
	font-size:14px;
	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;
}
/*Responsive*/
@media screen and (min-width: 1025px) {
	.PagingList-link:hover{
		color:#F37321;
	}
}
@media screen and (max-width: 1440px) and (min-width: 1025px) {
}

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

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PagingList-current{
		padding:7px 11px;
	}
	.PagingList-link{
		padding:7px 11px;
	}
}



/* PagingPrevButton
=========================================================*/
.PagingPrevButton{
	display:inline-block;
	line-height:0;
	font-size:0;
}
.PagingPrevButton-item{
	display:inline-block;
	margin-left:4px;
}
.PagingPrevButton-item:first-child{
	margin-left:0;
}
.PagingPrevButton-link{
	display:block;
	width:35px;
	height:35px;
	position:relative;
	background-color:#fff;
	border:1px solid #d1d1d1;
}
.PagingPrevButton-link:before{
	content:'';
	display:block;
	width:6px;
	height:10px;
	position:absolute;
	top:50%;
	left:50%;
	background-image: url(../img/icon/ico-paging02.png);
	background-size:6px 10px;
	transform:translate(-50%,-50%);
}
.PagingPrevButton-item:first-child .PagingPrevButton-link:before{
	width:12px;
	height:10px;
	background-image: url(../img/icon/ico-paging01.png);
	background-size:12px 10px;
}

/*Responsive*/
@media screen and (min-width: 1025px) {
	.PagingPrevButton-item:hover .PagingPrevButton-link{
		border-color:#f37321;
	}
	.PagingPrevButton-item:hover .PagingPrevButton-link:before{
		background-image: url(../img/icon/ico-paging02-h.png);
	}
	.PagingPrevButton-item:hover:first-child .PagingPrevButton-link:before{
		background-image: url(../img/icon/ico-paging01-h.png);
	}
}
@media screen and (max-width: 1440px) and (min-width: 1025px) {
}

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

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PagingPrevButton-link{
		display:block;
		width:30px;
		height:30px;
		position:relative;
		background-color:#fff;
		border:1px solid #d1d1d1;
	}
}




/* PagingNextButton
=========================================================*/
.PagingNextButton{
	display:inline-block;
	line-height:0;
	font-size:0;
}
.PagingNextButton-item{
	display:inline-block;
	margin-left:4px;
}
.PagingNextButton-item:first-child{
	margin-left:0;
}
.PagingNextButton-link{
	display:block;
	width:35px;
	height:35px;
	position:relative;
	background-color:#fff;
	border:1px solid #d1d1d1;
}
.PagingNextButton-link:before{
	content:'';
	display:block;
	width:6px;
	height:10px;
	position:absolute;
	top:50%;
	left:50%;
	background-image: url(../img/icon/ico-paging02.png);
	background-size:6px 10px;
	transform:rotate(180deg) translate(50%,50%);
}
.PagingNextButton-item:last-child .PagingNextButton-link:before{
	width:12px;
	height:10px;
	background-image: url(../img/icon/ico-paging01.png);
	background-size:12px 10px;
}


/*Responsive*/
@media screen and (min-width: 1025px) {
	.PagingNextButton-item:hover .PagingNextButton-link{
		border-color:#f37321;
	}
	.PagingNextButton-item:hover .PagingNextButton-link:before{
		background-image: url(../img/icon/ico-paging01-h.png);
	}
	.PagingNextButton-item:hover:first-child .PagingNextButton-link:before{
		background-image: url(../img/icon/ico-paging02-h.png);
	}
}
@media screen and (max-width: 1440px) and (min-width: 1025px) {
}

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

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PagingNextButton-link{
		display:block;
		width:30px;
		height:30px;
		position:relative;
		background-color:#fff;
		border:1px solid #d1d1d1;
	}
}


/*=========================================================
Sub Case Study
=========================================================*/

.SubCaseStudyTab-slide{
	position:relative;
}

@media screen and (min-width:768px){
	.SubCaseStudyTab-wrapper{
		display:block;
		position:relative;
		font-size:0;
		line-height:0;
		text-align:center;
		/* margin:0 -20px; */
	}
	.SubCaseStudyTab-slide{
		display:inline-block;
		vertical-align:top;
		width:10%;
		padding:0 10px 24px;
		position:relative;
		
	}
}

.SubCaseStudyTab-wrapper:after{
	content:'';
	display:block;
	width:300%;
	height:1px;
	background-color:#d1d1d1;
	position:absolute;
	left:0;
	bottom:0;
}
.SubCaseStudyTab-slide{
	border-bottom:3px solid transparent;
	z-index:10;
}
.SubCaseStudyTab-slide.is-Current{
	border-color:#F37321;
}
.SubCaseStudyTab{
	margin-bottom:35px;
}


.SubCaseStudyTab-icon{
	display:block;
	width:46px;
	height:46px;
	margin:0 auto;
	position:relative;
}

.SubCaseStudyTab-icon:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.SubCaseStudyTab-text{
	font-size:14px;
	line-height:1.3em;
	color:#000;
	display:block;
	margin-top:10px;
	text-align:center;
}

.SubCaseStudyTab-link{
	display:block;
}

.is-Current .SubCaseStudyTab-text{
	color:#F37321;
}

@media screen and (min-width: 1025px) {
	.SubCaseStudyTab-link:hover .ico-case1:after{
		background-image:url(../img/icon/ico-case1-h.svg);
	}

	.SubCaseStudyTab-link:hover .ico-case2:after{
		background-image:url(../img/icon/ico-case2-h.svg);
	}

	.SubCaseStudyTab-link:hover .ico-case3:after{
		background-image:url(../img/icon/ico-case3-h.svg);
	}

	.SubCaseStudyTab-link:hover .ico-case4:after{
		background-image:url(../img/icon/ico-case4-h.svg);
	}

	.SubCaseStudyTab-link:hover .ico-case5:after{
		background-image:url(../img/icon/ico-case5-h.svg);
	}

	.SubCaseStudyTab-link:hover .ico-case6:after{
		background-image:url(../img/icon/ico-case6-h.svg);
	}

	.SubCaseStudyTab-link:hover .ico-case7:after{
		background-image:url(../img/icon/ico-case7-h.svg);
	}

	.SubCaseStudyTab-link:hover .ico-case8:after{
		background-image:url(../img/icon/ico-case8-h.svg);
	}

	.SubCaseStudyTab-link:hover .ico-case9:after{
		background-image:url(../img/icon/ico-case9-h.svg);
	}

	.SubCaseStudyTab-link:hover .ico-case10:after{
		background-image:url(../img/icon/ico-case10-h.svg);
	}
	
	.SubCaseStudyTab-link:hover .ico-case11:after{
		background-image:url(../img/icon/ico-case11-h.svg);
	}

	.SubCaseStudyTab-link:hover .SubCaseStudyTab-text{
		color:#F37321;
	}
}


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.SubCaseStudyTab{
		margin-top:80px;
	}
	
	.SubCaseStudyTab{
		margin-bottom:30px;
	}

	
}

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

	.SubCaseStudyTab{
		margin-bottom:40px;
	}
	
	.SubCaseStudyTab-text{
		font-size:10px;
	}
	
	.SubCaseStudyTab-wrapper{
		margin:0;
	}
	
	.SubCaseStudyTab-slide{
		padding:0 7px 15px;
	}
	
	.SubCaseStudyTab-icon{
		width:36px;
		height:36px;
	}
	
	.SubCaseStudyTab .ico-case1:after{
		width:18px;
		height:27px;
		background-image:url(../img/icon/ico-case1.png);
		background-size:18px 27px;
	}

	.SubCaseStudyTab .ico-case2:after{
		width:28px;
		height:28px;
		background-image:url(../img/icon/ico-case2.png);
		background-size:28px 28px;
	}

	.SubCaseStudyTab .ico-case3:after{
		width:28px;
		height:27px;
		background-image:url(../img/icon/ico-case3.png);
		background-size:28px 27px;
	}

	.SubCaseStudyTab .ico-case4:after{
		width:30px;
		height:28px;
		background-image:url(../img/icon/ico-case4.png);
		background-size:30px 28px;
	}

	.SubCaseStudyTab .ico-case5:after{
		width:29px;
		height:23px;
		background-image:url(../img/icon/ico-case5.png);
		background-size:29px 23px;
	}

	.SubCaseStudyTab .ico-case6:after{
		width:27px;
		height:27px;
		background-image:url(../img/icon/ico-case6.png);
		background-size:27px 27px;
	}

	.SubCaseStudyTab .ico-case7:after{
		width:19px;
		height:32px;
		background-image:url(../img/icon/ico-case7.png);
		background-size:19px 32px;
	}

	.SubCaseStudyTab .ico-case8:after{
		width:30px;
		height:30px;
		background-image:url(../img/icon/ico-case8.png);
		background-size:30px 30px;
	}

	.SubCaseStudyTab .ico-case9:after{
		width:30px;
		height:30px;
		background-image:url(../img/icon/ico-case9.png);
		background-size:30px 30px;
	}
	.SubCaseStudyTab .ico-case10:after{
		width:30px;
		height:28px;
		background-image:url(../img/icon/ico-case10.png);
		background-size:30px 28px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SubCaseStudyTab{
		margin-top:0;
	}
	
	.SubCaseStudyTab{
		margin-bottom:30px;
		margin-left:-20px;
		margin-right:-20px;
	}
	.SubCaseStudyTab-container {
		padding:0 20px;
		overflow:unset;
	}
	.SubCaseStudyTab-text{
		font-size:12px;
	}
	
	.SubCaseStudyTab-wrapper{
		margin:0;
	}
	
	.SubCaseStudyTab-slide{
		width:auto;
		padding:0 17px 15px;
	}
	
	.SubCaseStudyTab-icon{
		width:36px;
		height:36px;
	}
	
	.ico-case1:after{
		width:20px;
		height:31px;
		background-image:url(../img/icon/ico-case1.png);
		background-size:20px 31px;
	}

	.ico-case2:after{
		width:34px;
		height:34px;
		background-image:url(../img/icon/ico-case2.png);
		background-size:34px 34px;
	}

	.ico-case3:after{
		width:32px;
		height:31px;
		background-image:url(../img/icon/ico-case3.png);
		background-size:32px 31px;
	}

	.ico-case4:after{
		width:34px;
		height:34px;
		background-image:url(../img/icon/ico-case4.png);
		background-size:34px 34px;
	}

	.ico-case5:after{
		width:29px;
		height:23px;
		background-image:url(../img/icon/ico-case5.png);
		background-size:29px 23px;
	}

	.ico-case6:after{
		width:27px;
		height:27px;
		background-image:url(../img/icon/ico-case6.png);
		background-size:27px 27px;
	}

	.ico-case7:after{
		width:19px;
		height:32px;
		background-image:url(../img/icon/ico-case7.png);
		background-size:19px 32px;
	}

	.ico-case8:after{
		width:35px;
		height:35px;
		background-image:url(../img/icon/ico-case8.png);
		background-size:35px 35px;
	}

	.ico-case9:after{
		width:33px;
		height:33px;
		background-image:url(../img/icon/ico-case9.png);
		background-size:33px 33px;
	}

}

.SubCaseStudyTab-scrollbar{
	height:0px;
	opacity:0;
	visibility:hidden;
}
 
 
 /*=========================================================
	ProjectTopBanner
=========================================================*/
.ProjectTopBanner{
	margin-top:-100px;
	margin-bottom:68px;
	padding:83px 0 93px;
	position:relative;
	background-color:#FBF2ED;
}
.ProjectTopBanner:before{
	content:'';
	display:block;
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	left:-3000px;
	background-color:#FBF2ED;
}
.ProjectTopBanner:after{
	content:'';
	display:block;
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	right:-3000px;
	background-color:#FBF2ED;
}
.ProjectTopBanner-title{
	margin-bottom:20px;
	color:#000;
	font-size:28px;
	font-weight:500;
	line-height:1.4em;
}
.ProjectTopBanner-text{
	color:#000;
	font-size:16px;
	line-height:1.8em;
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.ProjectTopBanner{
		margin-top:-60px;	
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.ProjectTopBanner{
		margin-top:-50px;
		margin-bottom:50px;
		padding:50px 0;
	}
	.ProjectTopBanner-title{
		font-size:22px;
	}
	.ProjectTopBanner-text{
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.ProjectTopBanner{
		margin-top:-40px;
		margin-bottom:50px;
		padding:50px 0;
	}
	.ProjectTopBanner-title{
		font-size:18px;
	}
	.ProjectTopBanner-text{
		font-size:13px;
	}
}



 /*=========================================================
	Newsletter
=========================================================*/
 


 /*NewsletterPost
=========================================================*/
.NewsletterPost{
	overflow:hidden;
	padding:40px 50px 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.NewsletterPost-list{
	margin:-40px -13px 0;

}
.NewsletterPost-list:after{
	content:'';
	display:block;
	clear:both;
}
.NewsletterPost-item{
	width:33.33%;
	padding:40px 13px;
	float:left;
	position:relative;
}
.NewsletterPost-item:nth-child(3n+1){
	clear:both;
}
.NewsletterPost-item:nth-child(3n+1):after{
	content:'';
	display:block;
	width:1000%;
	height:1px;
	position:absolute;
	top:0;
	left:-100%;
	background-color:#D1D1D1;
}
 
 /*Responsive*/
@media screen and (max-width: 1024px) and (min-width: 768px){
	.NewsletterPost{
		overflow:hidden;
		padding:40px 20px 0;
	}
}
@media screen and (max-width: 767px) and (min-width: 1px) {
	.NewsletterPost{
		padding:20px 0px 0;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
	}
	.NewsletterPost-list{
		margin-top:-20px;
		margin-left:-8px;
		margin-right:-8px;
	}
	.NewsletterPost-list:after{
		content:'';
		display:block;
		clear:both;
	}
	.NewsletterPost-item{
		width:50%;
		padding:20px 8px;
		float:left;
		position:relative;
	}
	.NewsletterPost-item:nth-child(3n+1){
		clear:unset;
	}
	.NewsletterPost-item:nth-child(2n+1):after{
		display:none;
	}
	.NewsletterPost-item:nth-child(2n+1){
		clear:both;
	}
	.NewsletterPost-item:nth-child(2n+1):after{
		content:'';
		display:block;
		width:1000%;
		height:1px;
		position:absolute;
		top:0;
		left:-100%;
		background-color:#D1D1D1;
	}
 
}
 
 
 /* NewsletterItem
=========================================================*/
.NewsletterItem{
	display:block;
	position:relative;
	border:1px solid #D1D1D1;
	box-shadow:10px 10px 30px rgba(0,0,0,0.05);
	cursor:pointer;
	box-sizing: border-box;
}
.NewsletterItem:before{
	content:'';
	display:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
	border:4px solid #F37321;
}
.NewsletterItem-thumb{
	overflow:hidden;
	position:relative;
}
.NewsletterItem-thumb:after{
	content:'';
	display:block;
	padding-bottom:93.36%;
}
.NewsletterItem-img{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	transition-property: transform;
    transition-duration: 0.2s;
}
.NewsletterItem-date{
	padding:5px 12px;
	position:absolute;
	right:20px;
	top:0;
	text-align:center;
	background-color:#F37321;
}
.NewsletterItem-content{
	padding:18px 20px 27px;
}
.NewsletterItem-year{
	display:block;
	color:#fff;
	font-size:12px;
	font-family: 'Jost';
	font-weight:400;
	line-height:1.2em;
}
.NewsletterItem-mon{
	display:block;
	color:#fff;
	font-size:28px;
	font-family: 'Jost';
	font-weight:400;
	line-height:1.2em;
}

.NewsletterItem-title{
	color:#000;
	font-size:36px;
	font-weight:bold;
	line-height:1.2em;
}
.NewsletterItem-vol{
	margin-top:13px;
	color:#000;
	font-size:20px;
	font-weight:300;
	line-height:1.4em;
}

/*Responsive*/
@media screen and (min-width:1025px){
	.NewsletterItem:hover{
		border-color:#F37321;
	}
	.NewsletterItem:hover:before{
		display:block;
	}
	.NewsletterItem:hover .NewsletterItem-img{
		transform:scale(1.1);
	}
	.NewsletterItem:hover .NewsletterItem-content{
		background-color:#F37321;
	}

	.NewsletterItem:hover .NewsletterItem-title{
		color:#fff;
	}
	.NewsletterItem:hover .NewsletterItem-vol{
		color:#fff;
	}

}
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.NewsletterItem-title{
		font-size:24px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.NewsletterItem{
		box-shadow:10px 10px 30px rgba(0,0,0,0.05);
	}
	.NewsletterItem-date{
		padding:5px 12px;
		right:10px;
	}
	.NewsletterItem-content{
		padding:11px 20px 27px;
	}

	.NewsletterItem-mon{
		font-size:18px;
	}

	.NewsletterItem-title{
		font-size:20px;
	}
	.NewsletterItem-vol{
		margin-top:11px;
		font-size:16px;
	}
}

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

	.NewsletterItem{
		box-shadow:10px 10px 30px rgba(0,0,0,0.05);
	}
	.NewsletterItem-date{
		padding:5px 6px;
		right:0;
	}
	.NewsletterItem-content {
		padding: 14px 8px 16px;
	}
	.NewsletterItem-mon{
		font-size:16px;
	}
	.NewsletterItem-title{
		font-size:16px;
	}
	.NewsletterItem-vol{
		margin-top:6px;
		font-size:12px;
	}
}


 /*=========================================================
	Notice
=========================================================*/

 /*NoticeTop
=========================================================*/
.NoticeTop{
	margin-top:-100px;
}
.NoticeTop-link{
	display:block;
	max-width:80%;
	margin-bottom:50px;
	padding:103px 0 65px;
	position:relative;
	font-size:0;
	line-height:0;
}
.NoticeTop-link:before{
	content:'';
	display:block;
	width:500%;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	z-index:-1;
	background-color:#F4F4F4;
}
.NoticeTop-link:after{
	content:'';
	display:block;
	width:500%;
	height:100%;
	position:absolute;
	top:0;
	right:50%;
	z-index:-1;
	background-color:#F4F4F4;
}
.NoticeTop-date{
	display:block;
	margin-bottom:5px;
	color:#000;
	font-size:16px;
	font-weight:500;
	line-height:1.2em;
}
.NoticeTop-title{
	color:#000;
	font-size:36px;
	font-weight:bold;
	line-height:1.4em;
}
.NoticeTop-text{
	margin-top:13px;
	color:#000;
	font-size:18px;
	line-height:1.6em;	
}

.NoticeTop-more{
	display:inline-block;
	margin-top:32px;
	padding:8px 24px;
	color:#F37321;
	font-size:15px;
	line-height:1.4em;
	font-weight:bold;
	border:2px solid #F37321;
	border-radius:40px;
}

/*Responsive*/
@media screen and (min-width: 1025px) {
	.NoticeTop-more:hover{
		background-color:#F37321;
		color:#fff;
	}
}
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.NoticeTop{
		margin-top:-60px;
	}
}
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.NoticeTop-title{
		font-size:32px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.NoticeTop{
		margin-top:-50px;
	}
	.NoticeTop-link{
		max-width:95%;
		margin-bottom:50px;
		padding:60px 0;
	}
	.NoticeTop-date{
		margin-bottom:5px;
		font-size:16px;
	}
	.NoticeTop-title{
		font-size:26px;
	}
	.NoticeTop-text{
		font-size:16px;
	}
	.NoticeTop-more{
		margin-top:32px;
		padding:8px 24px;
		font-size:15px;
		border-radius:40px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.NoticeTop{
		margin-top:-40px;
	}
	.NoticeTop-link{
		max-width:none;
		margin-bottom:30px;
		padding:30px 0;
	}
	.NoticeTop-date{
		margin-bottom:5px;
		font-size:13px;
	}
	.NoticeTop-title{
		font-size:20px;
	}
	.NoticeTop-text{
		margin-top:8px;
		font-size:14px;
	}
	.NoticeTop-more{
		margin-top:20px;
		padding:8px 24px;
		font-size:12px;
		border-radius:40px;
	}
}


 /* NoticePost
=========================================================*/
 .NoticePost{
	padding:40px 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
 }
 .NoticePost-list{
	margin-top:-30px;
	margin-left:-14px;
	margin-right:-14px;
 }
 .NoticePost-list:after{
	content:'';
	display:block;
	clear:both;
 }
 .NoticePost-item{
	width:33.33%;
	padding:30px 14px 0;
	float:left;
}
.NoticePost-item:nth-child(3n+1){
	clear:both;
} 


/*Responsive*/
@media screen and (max-width: 1024px) and (min-width: 768px){
	.NoticePost{
		padding:20px 0;
	}
	.NoticePost-list{
		margin-top:-20px;
		margin-left:-8px;
		margin-right:-8px;
	}
	.NoticePost-item{
		padding:20px 8px 0;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.NoticePost{
		padding:20px 0;
	}
	.NoticePost-list{
		margin-top:-20px;
		margin-left:-8px;
		margin-right:-8px;
	}
	.NoticePost-item{
		width:50%;
		padding:20px 8px 0;
	}
	.NoticePost-item:nth-child(3n+1){
		clear:unset;
	} 
	.NoticePost-item:nth-child(2n+1){
		clear:both;
	} 
}



 /*NoticePostItem
=========================================================*/
.NoticePostItem-link{
	display:block;
	padding:30px 28px;
	position:relative;
}
.NoticePostItem-link:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	border:1px solid #d1d1d1;
}
.NoticePostItem-link:after{
	content:'';
	display:block;
	width:32px;
	height:32px;
	position:absolute;
	bottom:30px;
	right:28px;
	background-image: url(../img/icon/ico-circle-arrow.png);
	background-size:32px 32px;
}
.NoticePostItem-title{
    overflow: hidden;
	display:block;
	height:4.2em;
	color:#000;
	font-size:28px;
	font-weight:bold;
	line-height:1.4em;
	word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.NoticePostItem-date{
	margin-top:34px;
	padding-left:17px;
	position:relative;
	color:#8A8F92;
	font-size:14px;
	font-weight:500;
	line-height:1.2em;
}
.NoticePostItem-date:before{
	content:'';
	display:block;
	width:13px;
	height:13px;
	margin-top:1px;
	position:absolute;
	top:50%;
	left:0;
	background-image: url(../img/icon/ico-date02.png);
	background-size:13px 13px;
	transform:translateY(-50%);
}

/*Responsive*/
@media screen and (min-width: 1025px) {
	.NoticePostItem-link:hover:before{
		border-width:2px;
		border-color:#F37321;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.NoticePostItem-title{
		font-size:24px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.NoticePostItem-link{
		padding:20px 14px;
	}
	.NoticePostItem-link:after{
		width:24px;
		height:24px;
		bottom:20px;
		right:14px;
		background-size:24px 24px;
	}
	.NoticePostItem-title{
		font-size:20px;
	}
	.NoticePostItem-date{
		font-size:12px;
	}
	.NoticePostItem-date:before{
		width:13px;
		height:13px;
		background-size:13px 13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.NoticePostItem-link{
		padding:15px 10px;
	}
	.NoticePostItem-link:after{
		width:24px;
		height:24px;
		bottom:15px;
		right:10px;
		background-size:24px 24px;
	}
	.NoticePostItem-title{
		font-size:16px;
	}
	.NoticePostItem-date{
		margin-top:20px;
		font-size:12px;
	}
	.NoticePostItem-date:before{
		width:13px;
		height:13px;
		background-size:13px 13px;
	}
}



 /*=========================================================
	ExhibitionTop
=========================================================*/ 


body.bg-grey{
	background-color:#F4F4F4;
}
.ExhibitionTop{
	display:table;
	width:100%;
	margin-bottom:100px;
}

/*	ExhibitionTopShare
=========================================================*/
.ExhibitionTopShare-inner{
	margin-bottom:20px;
	position:relative;
}
.ExhibitionTopShare{
}
.ExhibitionTopShare:after{
	content:'';
	display:block;
	clear:both;
}

.ExhibitionTopShare-link{
	display:block;
	float:right;
	width:21px;
	height:23px;
	background-image:url(../img/icon/ico-share.png);
	background-size:21px 23px;
	position:relative;
}

.ExhibitionTopShare-link:after{
	width:0px;
	height:0px;
	opacity:0;
	visibility:hidden;
	position:absolute;
	z-index:-1;
	content: url(../img/icon/ico-share-h.png);
}

.ExhibitionTopShare.is-View .ExhibitionTopShare-link{
	background-image:url(../img/icon/ico-share-h.png);
}

@media screen and (min-width: 1025px){
	.ExhibitionTopShare:hover .ExhibitionTopShare-link{
		background-image:url(../img/icon/ico-share-h.png);
	}
}

.ExhibitionTopShareList{
	position:absolute;
	top:43px;
	right:-25px;
	border:solid 2px #000000;
	background-color:#fff;
	z-index:50;
	padding:12px 16px;
	display:none;
}

.ExhibitionTopShareList:before{
	content:"";
	width:100%;
	height:2px;
	background-color:#fff;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}

.ExhibitionTopShareList:after{
	content:"";
	width:21px;
	height:13px;
	background-image:url(../img/icon/ico-share-arrow.png);
	background-size:21px 13px;
	position:absolute;
	top: -12px;
    right: 23px;
}

.ExhibitionTopShareList-list{
	margin:-4px -4px;
	overflow:hidden;
	white-space:nowrap;
	font-size:0;
	line-height:0;
}

.ExhibitionTopShareList-item{
	display:inline-block;
	padding:0 4px;
}

.ExhibitionTopShareList-link{
	display:block;
	width:48px;
	height:48px;
	background-color:#F4F4F4;
	border-radius:100%;
	position:relative;
}

.ExhibitionTopShareList-link:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.ExhibitionTopShare.is-View .ExhibitionTopShareList{
	display:block;
}

/*icon*/
.facebook .ExhibitionTopShareList-link:after{
	width:10px;
	height:20px;
	background-image:url(../img/icon/ico-share-facebook.png);
	background-size:10px 20px;
}

.kakao .ExhibitionTopShareList-link:after{
	width:22px;
	height:20px;
	background-image:url(../img/icon/ico-share-kakao.png);
	background-size:22px 20px;
}

.youtube .ExhibitionTopShareList-link:after{
	width:24px;
	height:17px;
	background-image:url(../img/icon/ico-share-youtube.png);
	background-size:24px 17px;
}

.linkedin .ExhibitionTopShareList-link:after{
	width:20px;
	height:20px;
	background-image:url(../img/icon/ico-share-linkedin.png);
	background-size:20px 20px;
}

.url .ExhibitionTopShareList-link:after{
	width:20px;
	height:20px;
	background-image:url(../img/icon/ico-share-url.png);
	background-size:20px 20px;
}

@media screen and (min-width: 1025px){
	.facebook .ExhibitionTopShareList-link:hover:after{
		background-image:url(../img/icon/ico-share-facebook-h.png);
	}
	
	.kakao .ExhibitionTopShareList-link:hover:after{
		background-image:url(../img/icon/ico-share-kakao-h.png);
	}
	
	.youtube .ExhibitionTopShareList-link:hover:after{
		background-image:url(../img/icon/ico-share-youtube-h.png);
	}
	
	.linkedin .ExhibitionTopShareList-link:hover:after{
		background-image:url(../img/icon/ico-share-linkedin-h.png);
	}
	
	.url .ExhibitionTopShareList-link:hover:after{
		background-image:url(../img/icon/ico-share-url-h.png);
	}
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.ExhibitionTopShareList{
		padding:13px 10px;
	}
	.ExhibitionTopShareList-link{
		width:42px;
		height:42px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.ExhibitionTopShareList{
		padding:13px 10px;
		top:43px;
		right:-10px;
	}
	.ExhibitionTopShareList-link{
		width:42px;
		height:42px;
	}
	.ExhibitionTopShareList:after{
		right:9px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.ExhibitionTopShareList{
		padding:13px 10px;
		top:40px;
		right:-10px;
	}
	.ExhibitionTopShareList-link{
		width:42px;
		height:42px;
	}
	.ExhibitionTopShareList:after{
		right:9px;
	}
}


/*	ExhibitionTop-post
=========================================================*/
.ExhibitionTop-post{
	padding:50px 56px;
	position:relative;
	background-color:#fff;
	box-shadow:10px 10px 30px rgba(0,0,0,0.05);
	
}
.ExhibitionTop-thumb{
	display:table-cell;
	width:38.66%;
	position:relative;
}
.ExhibitionTop-thumb:after{
	content:'';
	display:block;
	padding-bottom:61%;
}
.ExhibitionTop-img{
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.ExhibitionTop-content{
	display:table-cell;
	padding-left:10.25%;
	padding-right:20px;
	vertical-align:top;
}
.ExhibitionTop-date{
	display:block;
	margin:10px 0 6px;
	color:#000;
	font-family:'Jost';
	font-size:20px;
	font-weight:400;
	line-height:1.2em;
}

.ExhibitionTop-title{
	overflow:hidden;
	max-height:4.2em;
	color:#000;
	font-size:36px;
	font-weight:bold;
	line-height:1.4em;
	word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.ExhibitionTop-loca{
	display:block;
	margin-top:12px;
	padding-left:18px;
	padding-bottom:22px;
	position:relative;
	color:#4C4948;
	font-size:16px;
	line-height:1.2em;
	border-bottom:1px solid #D1D1D1;
}
.ExhibitionTop-loca:before{
	content:'';
	display:block;
	width:12px;
	height:16px;
	margin-top:2px;
	position:absolute;
	top:0;
	left:0;
	background-image: url(../img/icon/ico-location.png);
	background-size:12px 16px;
}
.ExhibitionTop-link{
	padding-top:28px;
	font-size:0;
	line-height:0;
}
.ExhibitionTop-apply{
	display:inline-block;
	padding:10px 36px;
	/* background-color:#fff; */
	color:#F37321;
	font-size:16px;
	font-weight:bold;
	line-height:1.4em;
	border:2px solid #F37321;
	border-radius:40px;
}
.ExhibitionTop-booth{
	display:inline-block;
	margin-left:10px;
	padding:10px 36px;
	/* background-color:#fff; */
	color:#F37321;
	font-size:16px;
	font-weight:bold;
	line-height:1.4em;
	border:2px solid #F37321;
	border-radius:40px;
}
.ExhibitionTop-badge{
	display: block;
    padding: 8px 16px;
    position: absolute;
    top: 0;
    left: 24px;
    z-index: 10;
    background-color: #D1D1D1;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
}
.ExhibitionTop-badge.Ongoing{
	background-color:#F37321;
}
.ExhibitionTop-badge.Upcoming{
	background-color:#00A4B9;
}
.ExhibitionTop-badge.End{
	background-color:#D1D1D1;
}
/*Responsive*/
@media screen and (min-width: 1025px) {
	.ExhibitionTop-link a:hover{
		color:#fff;
		background-color:#F37321;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.ExhibitionTop-post{
		padding: 40px 36px;
	}
	.ExhibitionTop-badge{
		font-size:15px;
		padding:6px 12px;
	}
	.ExhibitionTop-content{
		padding-left:4.25%;
	}
	.ExhibitionTop-title{
		font-size:32px;
	}
	.ExhibitionTop-link{
		padding-top:24px;
	}
	.ExhibitionTop-apply{
		font-size:14px;
	}
	.ExhibitionTop-booth{
		font-size:14px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.ExhibitionTop{
		margin-bottom:70px;
	}
	.ExhibitionTop-post{
		padding: 30px 36px;
	}
	.ExhibitionTop-badge{
		padding: 6px 12px;
		font-size:14px;
		left:16px;
	}
	.ExhibitionTop-thumb{
		width:42.66%;
	}
	.ExhibitionTop-content{
		padding-left:3.25%;
	}
	.ExhibitionTop-title{
		font-size: 20px;
	}
	.ExhibitionTop-date{
		font-size:14px;
	}
	.ExhibitionTop-loca{
		margin-top:10px;
		padding-bottom:16px;
		font-size:13px;
	}
	.ExhibitionTop-loca:before{
		width: 10px;
		height: 14px;
		background-size: 10px 14px;
	}
	.ExhibitionTop-link{
		padding-top:18px;
	}
	.ExhibitionTop-apply{
		padding:8px 30px;
		font-size:13px;
	}
	.ExhibitionTop-booth{
		padding:8px 30px;
		font-size:13px;
	}
	
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.ExhibitionTop{
		display:block;
		margin-bottom:40px;
	}
	.ExhibitionTop-post{
		padding: 20px 16px;
	}
	.ExhibitionTop-thumb{
		display:block;
		width:100%;
	}
	.ExhibitionTop-badge{
		padding:8px 10px;
		font-size:12px;
		left:0;
	}
	.ExhibitionTop-content{
		display:block;
		padding:0;
	}
	.ExhibitionTop-title{
		font-size:20px;
	}
	.ExhibitionTop-date{
		margin-bottom:8px;
		font-size:15px;
	}
	.ExhibitionTop-loca{
		font-size:14px;
		margin-top:10px;
		padding-bottom:18px;
	}
	.ExhibitionTop-loca:before{
		width:10px;
		height:14px;
		background-size:10px 14px;
	}
	.ExhibitionTop-link{
		padding-top:14px;
	}
	.ExhibitionTop-apply{
		padding:8px 24px;
		font-size:12px;
	}
	.ExhibitionTop-booth{
		padding:8px 24px;
		font-size:12px;
	}
}


 /*ExhibitionPost
=========================================================*/
.ExhibitionPost-list{
	display:flex;
	flex-wrap:wrap;
}
.ExhibitionPost-list{
	margin-top:-50px;
	margin-left:-10px;
	margin-right:-10px;
}
.ExhibitionPost-item{
	flex: 0 0 25%;
	max-width:25%;
	padding:50px 10px 0;
	position:relative;
}

/*Responsive*/
@media screen and (min-width: 1025px) {

}

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

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.ExhibitionPost-list{
		margin-top:-30px;
	}
	.ExhibitionPost-item {
		flex: 0 0 33.33%;
		max-width: 33.33%;
		padding-top:30px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.ExhibitionPost-list{
		margin-top:-10px;
		margin-left:-8px;
		margin-right:-8px;
	}
	.ExhibitionPost-item {
		flex: 0 0 50%;
		max-width: 50%;
		padding-top:40px;
		padding:10px 8px;
	}
}


 /*ExhibitionItem
=========================================================*/
.ExhibitionItem{
	height:100%;
	position:relative;
	background-color:#fff;
	box-shadow:10px 10px 30px rgba(0,0,0,0.05);
}
.ExhibitionItem:before{
	content:'';
	display:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#F37321;	
}
.ExhibitionItem-thumb{
	overflow:hidden;
	position:relative;
	background-color:#fff;
	border-bottom:1px solid #F4F4F4;
}
.ExhibitionItem-thumb:after{
	content:'';
	display:block;
	padding-bottom:62.10%;
}
.ExhibitionItem-img{
	display:block;
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.ExhibitionItem-badge{
	display:block;
	padding:8px 10px;
	position:absolute;
	top:0;
	left:23px;
	z-index:1;
	background-color:#D1D1D1;
	color:#fff;
	font-size:16px;
	font-weight:500;
	line-height:1.2em;
}
.ExhibitionItem-badge.Ongoing{
	background-color:#F37321;
}
.ExhibitionItem-badge.Upcoming{
	background-color:#00A4B9;
}
.ExhibitionItem-badge.End{
	background-color:#D1D1D1;
}

.ExhibitionItem-content{
	padding:19px 24px;
}

.ExhibitionItem-list{
	position:relative;
}
.ExhibitionItem-item:last-child{
	margin-top:10px;
}
.ExhibitionItem-title{
	position:relative;
}
.ExhibitionItem-text{
    overflow: hidden;
	display:block;
	height:2.8em;
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:1.4em;
	word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ExhibitionItem-meta{
	position:relative;
}
.ExhibitionItem-date{
	margin-bottom:12px;
	color:#000;
	font-family:'Jost';
	font-size:16px;
	line-height:1.2em;
	
}
.ExhibitionItem-loca{
	display:block;
	padding-left:15px;
	color:#4C4948;
	font-size:14px;
	line-height:1.2em;
	position:relative;
}
.ExhibitionItem-loca:before{
	content:'';
	display:block;
	width:11px;
	height:15px;
	position:absolute;
	top:50%;
	left:0;
	background-image: url('../img/icon/ico-location.png');
	background-size:11px 15px;
	transform:translateY(-50%);
}
.ExhibitionItemLink{
	min-height: 20px;
	margin-top:8px;
	padding-top:16px;
	position:relative;
	z-index:10;
	font-size:0;
	line-height:0;
	border-top:1px solid #d1d1d1;
}
.ExhibitionItemLink-apply{
	display:inline-block;
	padding:8px 28px; 
	color:#F37321;
	font-size:13px;
	font-weight:bold;
	line-height:1.2em;
	border:2px solid #F37321;
	border-radius:40px;
}
.ExhibitionItemLink-booth{
	display:inline-block;
	margin-left:10px;
	padding:8px 28px; 
	color:#F37321;
	font-size:13px;
	font-weight:bold;
	line-height:1.2em;
	border:2px solid #F37321;
	border-radius:40px;
}


/*Responsive*/
@media screen and (min-width: 1025px) {
	.ExhibitionItem:hover:before{
		display:block;	
	}
	.ExhibitionItem:hover .ExhibitionItem-text{
		color:#fff;
	}
	.ExhibitionItem:hover .ExhibitionItem-date{
		color:#fff;
	}
	.ExhibitionItem:hover .ExhibitionItem-loca{
		color:#fff;
	}
	.ExhibitionItem:hover .ExhibitionItem-loca:before{
		background-image: url(../img/icon/ico-location-w.png);
	}
	.ExhibitionItem:hover .ExhibitionItemLink{
		border-color:#fff;
	}
	.ExhibitionItem:hover .ExhibitionItemLink-apply{
		color:#fff;
		border-color:#fff;
	}
	.ExhibitionItem:hover .ExhibitionItemLink-booth{
		color:#fff;
		border-color:#fff;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.ExhibitionItem-badge{
		left:20px;
		font-size:14px;
	}
	.ExhibitionItem-text{
		font-size:22px;
	}
	.ExhibitionItem-share{
		width: 18px;
		height: 19px;
		background-size: 18px 19px;
	}
	.ExhibitionItemLink-apply{
		padding:0.555vw 1.527vw; 
		font-size:1vw;
	}
	.ExhibitionItemLink-booth{
		margin-left:0.694vw;
		padding:0.555vw 1.527vw; 
		font-size:1vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.ExhibitionItem-content{
		padding:16px 20px;
	}
	.ExhibitionItem-badge{
		padding:6px 12px;
		left:16px;
		font-size:12px;
	}
	.ExhibitionItem-text{
		font-size:16px;
	}
	.ExhibitionItem-share{
		width:16px;
		height:17px;
		top:6px;
		background-size:16px 17px;
	}
	.ExhibitionItem-meta{
		margin-top:12px;
	}
	.ExhibitionItem-date{
		margin-bottom:5px;
		font-size:13px;
	}
	.ExhibitionItem-loca{
		padding-left:15px;
		font-size:12px;
	}
	.ExhibitionItem-loca:before{
		width:10px;
		height:14px;
		background-size:10px 14px;
	}
	.ExhibitionItemLink{
		padding:16px 0 0;
	}
	.ExhibitionItemLink-apply{
		padding:0.78125vw 2.1484vw; 
		font-size:1.398vw;
	}
	.ExhibitionItemLink-booth{
		margin-left:0.9765vw;
		padding:0.78125vw 2.1484vw; 
		font-size:1.398vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.ExhibitionItem{
		box-shadow:3px 3px 10px rgba(0, 0, 0, 0.05);
	}
	.ExhibitionItem-content{
		padding:12px 10px;
	}
	.ExhibitionItem-badge{
		padding:4px 8px;
		left:0;
		font-size:11px;
	}
	.ExhibitionItem-thumb:after{
		padding-bottom:70%;
	}
	.ExhibitionItem-text{
		font-size:16px;
	}
	.ExhibitionItem-share{
		width:16px;
		height:17px;
		top:6px;
		background-size:16px 17px;
	}
	.ExhibitionItem-date{
		margin-bottom:5px;
		font-size:13px;
	}
	.ExhibitionItem-loca{
		padding-left:15px;
		font-size:12px;
	}
	.ExhibitionItem-loca:before{
		width:11px;
		height:15px;
		background-size:11px 15px;
	}
	.ExhibitionItemLink{
		min-height:40px;
		padding:16px 0 0;
	}
	.ExhibitionItemLink-apply{
		display:block;
		padding:8px 22px; 
		font-size:12px;
		text-align:center;
	}
	.ExhibitionItemLink-booth{
		display:block;
		margin-left:0;
		margin-top:8px;
		padding:8px 22px; 
		font-size:12px;
		text-align:center;
	}
}



/*=========================================================
	FaqItem
=========================================================*/
.Faq-item{
	border-bottom:1px solid #D1D1D1;
}
.Faq-item:last-child{
	border-bottom:none;
}
.Faq{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}


.FaqItemHeader-link{
	display:table;
	width:100%;
	padding:28px 0;
	padding-right:80px;
	position:relative;
}
.FaqItemHeader-link:before{
	content:'';
	display:block;
	width:20px;
	height:2px;
	position:absolute;
	top:50%;
	right:30px;
	background-color:#000;
	transform:translateY(-50%);
}
.FaqItemHeader-link:after{
	content:'';
	display:block;
	width:2px;
	height:20px;
	position:absolute;
	top:50%;
	right:39px;
	background-color:#000;
	transform:translateY(-50%);
}
.FaqItemHeader-cate{
	display:table-cell;
	width:16.66%;
	color:#4C4948;
	font-size:16px;
	font-weight:500;
	line-height:1.4em;
	white-space:nowrap;
	text-align:center;
	vertical-align:middle;
}
.FaqItemHeader-title{
	display:table-cell;
	padding-left:36px;
	position:relative;
	color:#000;
	font-size:20px;
	line-height:1.4em;
	font-weight:500;
	vertical-align:middle;
}
.FaqItemHeader-title:before{
	content:'Q';
	display:block;
	position:absolute;
	top:0;
	left:0;
	color:#8A8F92;
	font-family:'Jost';
	font-size:24px;
	line-height:1.2em;
}

.FaqItem.is-Current .FaqItemHeader-link{
	background-color:#FBF2ED;
}
.FaqItem.is-Current .FaqItemHeader-link:before{
	background-color:#F37321;
}
.FaqItem.is-Current .FaqItemHeader-link:after{
	display:none;
}
.FaqItem.is-Current .FaqItemHeader-title{
	color:#F37321;
}
.FaqItem.is-Current .FaqItemHeader-title:before{
	color:#F37321;
}
.FaqItemCont{
	padding:25px 20px 40px 15.6%;
	position:relative;
	display:none;
}
.FaqItemContTop{
	padding-bottom:62px;
}
.FaqItemContTop-text{
	padding-left: 36px;
	position:relative;
	color:#000;
	font-size:18px;
	line-height:1.8em;
}
.FaqItemContTop-text:before{
	content:'A';
	display:block;
	position:absolute;
	top:0;
	left:0;
	color:#000;
	font-family:'Jost';
	font-size:24px;	
	line-height:1.4em;
}

.FaqItemContLink{
	font-size:0;
	line-height:0;
	text-align:right;
}
body .FaqItemContLink-link{
	display:inline-block;
	margin-right:10px;
	padding:8px 20px;
	color:#4C4948;
	font-size:14px;
	font-weight:bold;
	line-height:1.6em;
	border:1px solid #d1d1d1;
	border-radius:40px;
}
body .FaqItemContLink-link:last-child{
	margin-right:0;
}
.FaqItemContLink-number{
	color:#F37321;
}

.FaqItemContLink-like{
	position:relative;
	padding-left:26px;
}
.FaqItemContLink-like:before{
	content:'';
	display:block;
	width:21px;
	height:20px;
	position:absolute;
	top:50%;
	left:0;
	background-image:url('../img/icon/ico-faq-like.png');
	background-size:21px 20px;
	transform:translateY(-50%);
}
.FaqItemContLink-share{
	padding-left:24px;
	position:relative;
}
.FaqItemContLink-share:before{
	content:'';
	display:block;
	width:18px;
	height:17px;
	position:absolute;
	top:50%;
	left:0;
	background-image:url('../img/icon/ico-faq-share.png');
	background-size:18px 17px;
	transform:translateY(-50%);
}

/*Responsive*/
@media screen and (min-width: 1025px) {
	.FaqItemHeader-link:hover .FaqItemHeader-title{
		color:#F37321;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.FaqItemHeader-title{
		font-size:16px;
	}
	.FaqItemHeader-title:before{
		font-size:20px;
	}
	.FaqItemCont{
		padding-left: 15.6%;
	}
	.FaqItemContTop-text{
		font-size:14px;
	}
	.FaqItemContTop-text:before{
		font-size:20px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.FaqItemHeader-link{
		padding-right:55px;
	}
	.FaqItemHeader-link:before{
		width:16px;
		right:20px;
	}
	.FaqItemHeader-link:after{
		height:16px;
		right:27px;
	}
	.FaqItemHeader-cate{
		width:18.66%;
		font-size:13px;
	}
	.FaqItemHeader-title{
		padding-left: 24px;
		font-size:16px;
	}
	.FaqItemHeader-title:before{
		margin-top:2px;
		font-size:16px;
	}
	.FaqItemCont{
		padding-left:17.66%;
	}
	.FaqItemContTop-text{
		padding-left:24px;
		font-size:14px;
	}
	.FaqItemContTop-text:before{
		font-size:15px;
	}
	body .FaqItemContLink-link{
		font-size:13px;
	}
	.FaqItemContLink-like:before{
		width: 16px;
		height: 15px;
		background-size: 16px 15px;
	}
	.FaqItemContLink-share:before{
		width: 14px;
		height: 13px;
		background-size: 14px 13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.FaqItemHeader-link{
		padding:18px 8px;
		padding-right:28px;
	}
	.FaqItemHeader-link:before{
		width:12px;
		height:1px;
		right:8px;
	}
	.FaqItemHeader-link:after{
		width:2px;
		height:12px;
		right:13px;
	}
	.FaqItemHeader-cate{
		display:block;
		width:100%;
		margin-bottom: 8px;
		font-size: 12px;
		text-align:left;
	}
	.FaqItemHeader-title{
		display:block;
		padding-left:20px;
		font-size: 15px;
	}

	.FaqItemHeader-title:before{
		top:1px;
		font-size:15px;
	}

	.FaqItemCont{
		padding:12px 8px 20px;
	}
	.FaqItemContTop{
		padding-bottom:30px;
	}
	.FaqItemContTop-text{
		padding-left:20px;
		font-size:13px;
	}
	.FaqItemContTop-text:before{
		top: 3px;
		font-size:14px;
	}

	.FaqItemContLink{
		/* padding-left: 22px; */
		text-align:left;
	}
	body .FaqItemContLink-link{
		display:block;
		width:100%;
		margin-right:0;
		margin-bottom:10px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:12px;
		text-align:center;
	}
	body .FaqItemContLink-link:last-child{
		margin-bottom:0;
	}
	.FaqItemContLink-like:before{
		width: 16px;
		height: 15px;		
		top:0;
		transform:translateY(0);
		background-size: 16px 15px;
	}
	.FaqItemContLink-share:before{
		width: 15px;
		height: 14px;
	    background-size: 15px 14px;
	}

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.FaqItemHeader-title:before{
		top:4px;
	}
	.FaqItemContTop-text:before{
		top:6px;
	}
}

/*=========================================================
  Login
=========================================================*/
/*Login: BG Style
=========================================================*/
body.type-gray{
	background-color:#F4F4F4;
}

body.type-gray .PageTopBanner{
	margin-bottom:32px;
}

body.type-gray .pg_TypeBreadcrumbbx{
	background-color:#F4F4F4;
	margin-top:18px;
}

body.type-gray .PageHeader{
	background-color:#F4F4F4;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	body.type-gray .PageTopBanner{
		margin-bottom:30px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	body.type-gray .PageTopBanner{
		padding-top:81px;
		margin-bottom:25px;
	}
	
	body.type-gray .pg_TypeBreadcrumbbx{
		margin-top:0px;
	}
	
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	body.type-gray .PageTopBanner{
		margin-bottom:25px;
	}
	
	body.type-gray .pg_TypeBreadcrumbbx{
		margin-top:0px;
	}
}

/*Login: TypeBreadcrumb
=========================================================*/
.pg_TypeBreadcrumbbx{
	padding:33px 0 21px;
}

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

.TypeBreadcrumb-item{
	display:inline-block;
	vertical-align:middle;
	padding-right:16px;
	margin-right:13px;
	position:relative;
}

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

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

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

.TypeBreadcrumb-link{
	font-size:14px;
	line-height:1.2em;
	color:#000;
	display:block;
}

.TypeBreadcrumb-item.home .TypeBreadcrumb-link{
    width: 12px;
    height: 13px;
    background-image: url(../img/icon/ico-home.png);
    background-size: 12px 13px;
}

/*responsive*/
@media screen and (max-width: 767px) and (min-width: 1px) {
	.pg_TypeBreadcrumbbx{
		padding:20px 0 30px;
	}
	
	.TypeBreadcrumb-item.home .TypeBreadcrumb-link{
		width:9px;
		height:10px;
		background-size: 9px 10px;
	}
	
	.TypeBreadcrumb-link{
		font-size:12px;
	}
}

/*Login: HeaderTitle
=========================================================*/
body.type-gray .PageHeader{
	padding-top:60px;
	text-align:center;
}

body.type-gray .PageHeader-title{
	font-size:40px;
}

.PageHeader-sub{
	font-size:18px;
	line-height:1.5em;
	color:#000;
	margin-top:9px;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	body.type-gray .PageHeader{
		padding-top:50px;
		
	}
	
	body.type-gray .PageHeader-title{
		font-size:34px;
	}

	.PageHeader-sub{
		font-size:16px;
		margin-top:9px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	body.type-gray .PageHeader{
		padding-top:30px;
	}
	body.type-gray .PageHeader-title{
		font-size:30px;
	}

	.PageHeader-sub{
		font-size:14px;
		margin-top:6px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	body.type-gray .PageHeader{
		padding-top:30px;
		display:block;
	}
	
	body.type-gray .PageHeader-title{
		font-size:26px;
	}

	.PageHeader-sub{
		font-size:12px;
		margin-top:6px;
	}
	
	.PageHeader-sub br{
		display:none;
	}
}

/*Login: Tab
=========================================================*/
.WhiteBox{
	background-color:#fff;
	padding:53px 53px;
}

.WhiteBox-container{
	max-width:496px;
	margin:0 auto;
}

.TypeTab{
	margin-bottom:30px;
	background-color:#F4F4F4;
}

.TypeTab-list{
	display:table;
	table-layout:fixed;
	width:100%;
}

.TypeTab-item{
	display:table-cell;
	vertical-align:middle;
}

.TypeTab-link{
	font-size:16px;
	line-height:1.2em;
	color:#8A8F92;
	font-weight:500;
	text-align:center;
	display:block;
	padding:14px 5px;
	border:solid 1px transparent;
	border-bottom:solid 1px #000000;
}

.TypeTab-item.is-Current .TypeTab-link{
	border:solid 1px #000000;
	border-bottom:solid 1px #fff;
	background-color:#fff;
	color:#000;
}

@media screen and (min-width: 1025px) {
	.TypeTab-link:hover{
		color:#F37321;
	}
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.TypeTab-link{
		font-size:15px;
	}
	
	.WhiteBox{
		padding:50px 50px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.TypeTab-link{
		font-size:14px;
	}
	
	.WhiteBox{
		padding:40px 40px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.TypeTab-link{
		font-size:14px;
	}
	
	.WhiteBox{
		padding:35px 20px;
	}
}


/*Login: TabContent
=========================================================*/
.TypeTabCont-item{
	display:none;
}

.TypeTabCont-item.is-Current{
	display:block;
}

/*Login: Form
=========================================================*/
.FormInput{
	margin-top:10px;
}

.FormInput:first-child{
	margin-top:0;
}

body .FormInput-text{
	border:solid 1px #D1D1D1;
	display:block;
	width:100%;
	padding:15px 16px;
	font-size:18px;
	line-height:normal;
	color:#000000;
	height:59px;
}

body .FormInput-text:focus{
	border:solid 1px #F37321;
}

body .FormInput-text::placeholder{
	color:#D1D1D1;
}

body .FormInput-text:-ms-input-placeholder{
	color:#D1D1D1;
}

.FormSubmit{
	margin-top:14px;
}

.FormInput-submit{
	font-size:24px;
	line-height:1.1em;
	color:#fff;
	font-weight:500;
	display:block;
	width:100%;
	padding:14px 5px;
	border-radius:100px;
	background-color:#F37321;
	text-align:center;
	text-transform:uppercase;
	border:solid 2px #F37321;
}

@media screen and (min-width: 1025px) {
	.FormInput-submit:hover{
		background-color:#000;
		border:solid 2px #000;
	}
}

.LoginSectionMeta{
	margin-top:28px;
	display:table;
	width:100%;
}

.LoginSectionMeta .FormCheck{
	display:table-cell;
	vertical-align:middle;
	width:1%;
}

.LoginSectionMeta .FormCheck-label{
	white-space:nowrap;
}

.FormCheck-label{
	font-size:16px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	padding-left:31px;
	position:relative;
	display:block;
	cursor:pointer;
}

.FormCheck-checkbox{
	display:none;
}

.FormCheck-label:before{
	content:"";
	width:19px;
	height:19px;
	border:solid 2px #D1D1D1;
	position:absolute;
	top:-2px;
	left:0;
	background-color:#fff;
}

.FormCheck-checkbox:checked + .FormCheck-label:before{
	background-image:url(../img/icon/ico-check.png);
	background-size:12px 8px;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#F37321;
	border-color:#F37321;
}

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

.LoginSectionMetaLink-list{
	display:inline-block;
	overflow:hidden;
}

.LoginSectionMetaLink-item{
	float:left;
	padding-right:15px;
	margin-right:14px;
	position:relative;
}

.LoginSectionMetaLink-item:after{
	content:"";
	width:1px;
	height:14px;
	background-color:#D1D1D1;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

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

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

.LoginSectionMetaLink-link{
	font-size:16px;
	line-height:1.4em;
	color:#000;
}

@media screen and (min-width: 1025px) {
	.LoginSectionMetaLink-link:hover{
		color:#F37321;
	}
}

.LoginSectionFooter{
	margin-top:28px;
	padding-top:31px;
	border-top:solid 1px #D1D1D1;
	position:relative;
}

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

.LoginSectionFooter-container{
	position:relative;
	padding-right:170px;
}

.LoginBtn{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	font-size:14px;
	line-height:1.2em;
	color:#F4731F;
	font-weight:bold;
	text-align:center;
	border:solid 2px #F4731F;
	border-radius:100px;
	min-width:150px;
	padding:11px 5px;
}

@media screen and (min-width: 1025px) {
	.LoginBtn:hover{
		color:#fff;
		background-color:#F37321;
	}
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	body .FormInput-text{
		font-size:16px;
		height:56px;
	}
	
	.FormInput-submit{
		font-size:20px;
	}
	
	.FormCheck-label{
		font-size:15px;
	}
	
	.LoginSectionMetaLink-link{
		font-size:15px;
	}
	
	.LoginSectionFooter-text{
		font-size:14px;
	}
	
	.LoginBtn{
		font-size:13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	body .FormInput-text{
		font-size:14px;
		height:52px;
	}
	
	.FormInput-submit{
		font-size:16px;
	}
	
	.FormCheck-label{
		font-size:14px;
	}
	
	.FormCheck-label:before{
		top:-4px;
	}
	
	.LoginSectionMetaLink-link{
		font-size:14px;
	}
	
	.LoginSectionFooter-text{
		font-size:13px;
	}
	
	.LoginBtn{
		font-size:12px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	body .FormInput-text{
		font-size:14px;
		height:52px;
	}
	
	.FormInput-submit{
		font-size:16px;
	}
	
	.FormCheck-label{
		font-size:14px;
	}
	
	.LoginSectionMetaLink-link{
		font-size:12px;
	}
	
	.LoginSectionFooter-text{
		font-size:13px;
	}
	
	.LoginBtn{
		font-size:12px;
	}
	
	.LoginSectionMeta{
		display:block;
	}
	
	.LoginSectionMeta .FormCheck{
		display:block;
		margin-bottom:15px;
	}
	
	.FormCheck-label:before{
		top:-4px;
	}
	
	.LoginSectionMetaLink{
		display:block;
		text-align:left;
	}
	
	.LoginBtn{
		position:static;
		width:100%;
		margin-top:10px;
		transform: translateY(0%);
		display:block;
	}
	
	.LoginSectionFooter-container{
		padding-right:0;
	}
}

/*=========================================================
	Form Error
=========================================================*/
.Form-error{
	margin-top:5px;
	font-size:14px;
	color:#F37321;
	line-height:1.5em;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.Form-error{
		font-size:13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.Form-error{
		font-size:12px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.Form-error{
		font-size:12px;
	}
}

/*=========================================================
	Find Id
=========================================================*/
.WhiteBox-container.max-600{
	max-width:600px;
}

.TypeFormSection{
	padding:0px 50px;
}

.FormTbl-inner{
	display:table;
	table-layout:fixed;
	width:100%;
}

.FormTbl-title{
	display:table-cell;
	vertical-align:top;
	width:118px;
	padding-top:14px;
}

.FormTbl-cont{
	display:table-cell;
	vertical-align:top;
}

.FormTbl{
	margin-top:20px;
}

.FormTbl:first-child{
	margin-top:0;
}

.FormTbl-label{
	font-size:18px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	display:block;
}

body .BasicInput-text{
	display:block;
	width:100%;
	height:49px;
	padding:10px 15px;
	background-color:#fff;
	color:#000000;
	font-size:18px;
	line-height:normal;
	border:solid 1px #D1D1D1;
}

body .BasicInput-text:focus{
	border:solid 1px #F37321;
}

body .BasicInput-text::placeholder{
	color:#D1D1D1;
}

body .BasicInput-text:-ms-input-placeholder{
	color:#D1D1D1;
}

.LastFormSubmit{
	margin-top:33px;
}

.LastFormSubmit-list{
	overflow:hidden;
	margin:0 -5px;
}

.LastFormSubmit-item{
	width:50%;
	padding:0 5px;
	float:left;
}

body .FormBasicBtn{
	font-size:20px;
	line-height:1.1em;
	color:#fff;
	font-weight:500;
	display:block;
	width:100%;
	padding:17px 5px;
	border-radius:100px;
	background-color:#F37321;
	text-align:center;
	text-transform:uppercase;
	border:solid 2px #F37321;
	cursor:pointer;
}

html:not([lang="ko-KR"]) body .FormBasicBtn{
	font-size:16px;
}

body .FormGrayBtn{
	font-size:20px;
	line-height:1.1em;
	color:#fff;
	font-weight:500;
	display:block;
	width:100%;
	padding:17px 5px;
	border-radius:100px;
	background-color:#4C4948;
	text-align:center;
	text-transform:uppercase;
	border:solid 2px #4C4948;
	cursor:pointer;
}

html:not([lang="ko-KR"]) body .FormGrayBtn{
	font-size:16px;
}

@media screen and (min-width: 1025px) {
	body .FormBasicBtn:hover{
		background-color:#000;
		border:solid 2px #000;
	}
	
	body .FormGrayBtn:hover{
		background-color:#000;
		border:solid 2px #000;
	}
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.TypeFormSection{
		padding:0px 40px;
	}

	.FormTbl-label{
		font-size:16px;
	}
	
	body .BasicInput-text{
		font-size:16px;
		height:46px;
	}
	
	body .FormBasicBtn{
		font-size:18px;
	}
	
	body .FormGrayBtn{
		font-size:18px;
	}
	
	html:not([lang="ko-KR"]) body .FormBasicBtn{
		font-size:14px;
	}
	
	html:not([lang="ko-KR"]) body .FormGrayBtn{
		font-size:14px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.TypeFormSection{
		padding:0px 20px;
	}
	.FormTbl-label{
		font-size:14px;
	}
	
	body .BasicInput-text{
		font-size:14px;
		height:42px;
	}
	
	.FormTbl-title{
		width:100px;
	}
	
	body .FormBasicBtn{
		font-size:16px;
	}
	
	body .FormGrayBtn{
		font-size:16px;
	}
	
	html:not([lang="ko-KR"]) body .FormBasicBtn{
		font-size:14px;
	}
	
	html:not([lang="ko-KR"]) body .FormGrayBtn{
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.TypeFormSection{
		padding:0px;
	}
	
	.FormTbl-label{
		font-size:14px;
	}
	
	body .BasicInput-text{
		font-size:14px;
		height:42px;
	}
	
	.FormTbl-inner{
		display:block;
	}
	
	.FormTbl-title{
		display:block;
		width:100%;
		margin-bottom:10px;
		padding-top:0;
	}
	
	.FormTbl-cont{
		display:block;
	}
	
	body .FormBasicBtn{
		font-size:14px;
		padding: 14px 5px;
	}
	
	
	body .FormGrayBtn{
		font-size:14px;
		padding: 14px 5px;
	}
	
	html:not([lang="ko-KR"]) body .FormBasicBtn{
		font-size:12px;
	}
	
	html:not([lang="ko-KR"]) body .FormGrayBtn{
		font-size:12px;
	}
	
	html:not([lang="ko-KR"]) .TblFormFooter-item{
		max-width:100%;
		margin-top:10px;
	}
	
	html:not([lang="ko-KR"]) .TblFormFooter-item:first-child{
		margin-top:0;
	}
}

/*=========================================================
	Find Password
=========================================================*/
.FormSectionInfo-title{
	font-size:16px;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	margin-bottom:10px;
}

.FormSectionInfo-cont li{
	font-size:14px;
	line-height:1.6em;
	color:#000;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.FormSectionInfo-title{
		font-size:15px;
	}
	
	.FormSectionInfo-cont li{
		font-size:13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.FormSectionInfo-title{
		font-size:14px;
	}
	
	.FormSectionInfo-cont li{
		font-size:12px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.FormSectionInfo-title{
		font-size:13px;
	}
	
	.FormSectionInfo-cont li{
		font-size:12px;
	}
}

/*=========================================================
	TopBgSection
=========================================================*/
.TopBgSection{
	position:relative;
	background-size:cover;
	background-position:center center;
	margin-bottom:80px;
}

.TopBgSection .site-container{
	height:360px;
}

.TopBgSection:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background-color:rgba(0,0,0,0.46);
}

.TopBgSectionText{
	position:absolute;
	top:50%;
	left:40px;
	right:40px;
	transform:translateY(-50%);
	text-align:center;
	z-index:5;
}

.TopBgSectionText-title{
	font-size:50px;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
}

.TopBgSectionText-sub{
	margin-top:17px;
	font-size:20px;
	line-height:1.6em;
	color:#fff;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.TopBgSection{
		margin-bottom:70px;
	}
	
	.TopBgSectionText-title{
		font-size:38px;
	}
	
	.TopBgSectionText-sub{
		font-size:15px;
	}
	
	.TopBgSection .site-container{
		height:240px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.TopBgSection{
		margin-bottom:60px;
	}
	
	.TopBgSectionText{
		left:20px;
		right:20px;
	}
	
	.TopBgSectionText-title{
		font-size:30px;
	}
	
	.TopBgSectionText-sub{
		font-size:14px;
	}
	
	.TopBgSection .site-container{
		height:200px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.TopBgSection{
		margin-bottom:40px;
	}
	
	.TopBgSectionText{
		left:20px;
		right:20px;
	}
	
	.TopBgSectionText-title{
		font-size:24px;
	}
	
	.TopBgSectionText-sub{
		font-size:13px;
		margin-top:10px;
	}
	
	.TopBgSection .site-container{
		height:180px;
	}
}


/*=========================================================
	ColForm
=========================================================*/
.DefaultForm{
	padding:30px 0;
	border-top:solid 1px #F4F4F4;
	border-bottom:solid 1px #F4F4F4;
}

.ColForm{
	clear:both;
	margin-top:20px;
}

.ColForm:first-child{
	margin-top:0;
}

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

.ColForm .FormTbl{
	width:calc(50% - 60px);
	margin-top:0;
}

.ColForm .FormTbl:nth-child(1){
	float:left;
}

.ColForm .FormTbl:nth-child(2){
	float:right;
}
.ColForm .FormTbl.full{
	width:100% !important;
	float:none;
}

body textarea.BasicInput-text{
	height:270px;
	line-height:1.7em;
	resize:none;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.DefaultForm{
		padding:25px 0;
	}
	
	.ColForm .FormTbl{
		width:calc(50% - 40px);
	}
	
	body textarea.BasicInput-text{
		height:250px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.DefaultForm{
		padding:20px 0;
	}
	
	.ColForm .FormTbl{
		width:calc(50% - 20px);
	}
	
	body textarea.BasicInput-text{
		height:200px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.DefaultForm{
		padding:15px 0;
	}
	
	.ColForm{
		margin-top:10px;
	}
	
	.ColForm .FormTbl{
		width:100%;
		float:none !important;
		margin-top:10px;
	}
	
	.ColForm .FormTbl:nth-child(1){
		margin-top:0;
	}
	
	body textarea.BasicInput-text{
		height:180px;
	}
}


/*=========================================================
	FormCheckSection
=========================================================*/
.FormCheckSection{
	margin-top:50px;
}

.FormCheckSection-Title{
	font-size:20px;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	margin-bottom:30px;
}

.FormCheckList-list{
	margin:-20px -10px 0;
}

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

.FormCheckList-item{
	padding:20px 10px 0;
	width:25%;
	float:left;
}

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

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.FormCheckSection{
		margin-top:40px;
	}
	
	.FormCheckSection-Title{
		font-size:18px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.FormCheckSection{
		margin-top:35px;
	}
	
	.FormCheckSection-Title{
		font-size:18px;
	}
	
	.FormCheckList-item{
		width:33.333%;
	}
	
	.FormCheckList-item:nth-child(4n+1){
		clear:none;
	}
	
	.FormCheckList-item:nth-child(3n+1){
		clear:both !important;;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.FormCheckSection{
		margin-top:30px;
	}
	
	.FormCheckSection-Title{
		font-size:16px;
	}
	
	.FormCheckList-item{
		width:50%;
	}
	
	.FormCheckList-item:nth-child(4n+1){
		clear:none;
	}
	
	.FormCheckList-item:nth-child(odd){
		clear:both !important;;
	}
}

/*=========================================================
	TblFormFooter
=========================================================*/
.TblFormFooter{
	border-top:solid 1px #D1D1D1;
	margin-top:50px;
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
	font-size:0;
	line-height:0;
}

.TblFormFooter-list{
	margin:0 -5px;
}

.TblFormFooter-item{
	display:inline-block;
	max-width:50%;
	padding:0 5px;
	vertical-align:top;
}

.TblFormFooter-item .FormBasicBtn{
	max-width:100%;
	width:310px;
}

.TblFormFooter-item .FormGrayBtn{
	max-width:100%;
	width:310px;
}

/*responsive*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.TblFormFooter{
		padding-top:40px;
		margin-top:40px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.TblFormFooter{
		padding-top:30px;
		margin-top:30px;
	}
}

/*=========================================================
	Policy
=========================================================*/
.StaticPolicy{
	font-size:16px;
	line-height:1.8em;
	color:#000;
}

.StaticPolicyTitle{
	font-size:24px;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	margin-bottom:20px;
}

.StaticPolicyTitle-sub{
	font-size:18px;
	line-height:1.6em;
	color:#000;
	font-weight:500;
	margin-bottom:20px;
}
.StaticPolicy-text{
	font-size:16px;
	line-height:1.6em;
}
.StaticPolicy-text:after{
	content:"";
	display:table;
	clear:both;
}

.StaticPolicy-bullet{
	display:block;
	float:left;
	margin-right:5px;
}

.StaticPolicy-txt{
	display:block;
	overflow:hidden;
	line-height:1.6em;
}

.StaticPolicyList-item:after{
	content:"";
	display:table;
	clear:both;
}

.StaticPolicyList-bullet{
	display:block;
	float:left;
	margin-right:5px;
	font-size:16px;
	line-height:1.6em;
}

.StaticPolicyList-text{
	display:block;
	overflow:hidden;
	font-size:16px;
	line-height:1.6em;
}




/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.StaticPolicy{
		font-size:15px;
	}
	
	.StaticPolicyTitle{
		font-size:20px;
		margin-bottom:18px;
	}
	
	.StaticPolicyTitle-sub{
		font-size:17px;
		margin-bottom:17px;
	}
	.StaticPolicy-text{
		font-size:15px;
	}
	.StaticPolicyList-bullet{
		font-size:15px;
	}

	.StaticPolicyList-text{
		font-size:15px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.StaticPolicy{
		font-size:14px;
	}
	
	.StaticPolicyTitle{
		font-size:18px;
		margin-bottom:15px;
	}
	
	.StaticPolicyTitle-sub{
		font-size:16px;
		margin-bottom:15px;
	}
	
	.StaticPolicy-text{
		font-size:14px;
	}
	.StaticPolicyList-bullet{
		font-size:14px;
	}

	.StaticPolicyList-text{
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.StaticPolicy{
		font-size:14px;
	}
	
	.StaticPolicyTitle{
		font-size:17px;
		margin-bottom:12px;
	}
	
	.StaticPolicyTitle-sub{
		font-size:16px;
		margin-bottom:12px;
	}
	.StaticPolicy-text{
		font-size:14px;
	}
	.StaticPolicyList-bullet{
		font-size:14px;
	}

	.StaticPolicyList-text{
		font-size:14px;
	}
}

/*=========================================================
	privacy
=========================================================*/

.StaticPolicyHeader{
	display:table;
	margin-bottom:16px;
}
.StaticPolicyHeader-title{
	display:table-cell;
	padding-right:20px;
	font-size: 24px;
    line-height: 1.4em;
    color: #000;
    font-weight: bold;
	vertical-align:middle;
}

.StaticPolicySelect{
	display:table-cell;
	width:166px;
	position:relative;
	vertical-align:middle;
}
.StaticPolicySelect-text{
	height:40px;
	display:block;
	padding:10px 10px;
	padding-right:36px;
	position:relative;
	font-size:14px;
	line-height:1.2em;
	color:#F37321;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	background-color:#fff;
	border: solid 1px #D1D1D1;
}
.StaticPolicySelect-text:after{
	content:"";
	width:10px;
	height:5px;
	background-image:url(../img/icon/ico-formselect-arrow.png);
	background-size:10px 5px;
	position:absolute;
	top:50%;
	right:18px;
	transform:translateY(-50%);
}
.StaticPolicySelect-list{
	overflow:hidden;
	overflow-y:auto;
	display:none;
	/* display:block; */
	max-height:230px;
	position:absolute;
	left:0;
	right:0;
	z-index:50;
	background-color:#fff;
	border: solid 1px #D1D1D1;
	border-top:none;
}

/*Responsive*/
@media screen and (min-width: 1025px){
	.StaticPolicySelect-list::-webkit-scrollbar {
	  width: 3px;
	}

	.StaticPolicySelect-list::-webkit-scrollbar-track {
	  background: #dddddd;
	}

	.StaticPolicySelect-list::-webkit-scrollbar-thumb {
	  background: #000;
	}

	.StaticPolicySelect-list::-webkit-scrollbar-thumb:hover {
	  background: #000;
	}
}

.StaticPolicySelect-link{
	display:block;
	font-size:14px;
	line-height:1.4em;
	color:#000;
	padding:10px;
}
.StaticPolicySelect-item{
	border-top: solid 1px #D1D1D1;
}

.StaticPolicySelect-item:first-child{
	border-top:none;
}

.StaticPolicySelect.is-Open .FormSelect-text:after{
	transform:translateY(-50%) rotate(180deg);
}

/*Responsive*/
@media screen and (min-width: 1025px) {
	.StaticPolicySelect-link:hover{
		color:#F37321;
	}
}
@media screen and (max-width: 1440px) and (min-width: 1025px) {

}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.StaticPolicyHeader-title{
		font-size:20px;
	}
	.StaticPolicySelect-text{
		line-height: 1em;
		height:38px;
	}
}
@media screen and (max-width: 767px) and (min-width: 1px) {
	.StaticPolicyHeader{
		display:block;
	}
	.StaticPolicyHeader-title{
		display:block;
		padding-right:0;
		font-size:18px;
	}
	.StaticPolicySelect{
		display:block;
		width:100%;
		max-width:419px;
		margin-top:12px;
	}
	.StaticPolicySelect-text{
		font-size:13px;
		line-height: 1em;
		height:38px;
	}
	
	.StaticPolicySelect-link{
		font-size:13px;
	}
	
	.StaticPolicySelect-list{
		max-height:180px;
	}
}


.StaticPolicyContItem{
	display:none;
}
.StaticPolicyContItem.is-Current{
	display:block;
}
.StaticPolicyTable-table{
	width:100%;
	border-top:2px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
}
.StaticPolicyTable-table th{
	padding:14px 10px;
	color:#000;
	font-size:14px; 
	font-weight:500;
	line-height:1.4em;
	border-top:1px solid #D1D1D1;
	vertical-align:middle;
}
.StaticPolicyTable-table td{
	padding:20px 28px;
	color:#4C4948;
	font-size:14px; 
	font-weight:400;
	line-height:1.4em;
	border-top:1px solid #D1D1D1;
	border-left:1px solid #D1D1D1;
	vertical-align:middle;
}

/*Responsive*/
@media screen and (min-width: 1025px) {
}

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

@media screen and (max-width: 1024px) and (min-width: 768px){
	.StaticPolicyTable-table th{
		padding:14px 10px;
	}
	.StaticPolicyTable-table td{
		padding:10px 14px;
		font-size:13px; 
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.StaticPolicyTable{
		overflow-x:auto;
	}
	.StaticPolicyTable colgroup{
		display:none;
	}
	.StaticPolicyTable-table{
		width:800px;
	}
	.StaticPolicyTable-table th{
		padding:14px 5px;
	}
	.StaticPolicyTable-table td{
		padding:10px 8px;
		font-size:13px; 
	}
}

/*=========================================================
	BasicRadio
=========================================================*/
.BasicRadio-input{
	display:none;
}
.BasicRadio-text{
	display:block;
	padding-left:24px;
	position:relative;
	color:#000;
	font-size:16px;
	line-height:1.2em;
	cursor:pointer;
}

.BasicRadio-text:before{
	content:'';
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	top:0;
	left:0;
	background-color:#fff;
	border:2px solid #d1d1d1;
	border-radius:100%;
	box-sizing:border-box;
}
.BasicRadio-text:after{
	content:'';
	display:none;
	width:8px;
	height:8px;
	position:absolute;
	top:6px;
	left:6px;
	background-color:#F37321;
	border-radius:100%;
}

.BasicRadio-input:checked+ .BasicRadio-text:after{
	display:block;
}

/*Responsive*/
@media screen and (min-width: 1025px) {
}

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

@media screen and (max-width: 1024px) and (min-width: 768px){
	.BasicRadio-text	{
		font-size:13px;
	}
	.BasicRadio-text:before{
		top:0;
	}
	.BasicRadio-text:after{
		top:6px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.BasicRadio-text{
		padding-left:20px;
		font-size:13px;
	}
	.BasicRadio-text:before{
		width:16px;
		height:16px;
	}
	.BasicRadio-text:after{
		width:6px;
		height:6px;
		top:5px;
		left:5px;
	}
}



/*=========================================================
	RadioBox
=========================================================*/
.RadioBox{
	display:table;
	width:100%;
}
.RadioBox-title{
	display:table-cell;
	width:150px;
	padding-left:10px;
	position:relative;
	color:#000;
	font-size:16px;
	line-height:1.2em;
	vertical-align:middle;
}
.RadioBox-title:before{
	content:'·';
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	color:#000;
	font-size:16px;
}
.RadioBox-content{
	display:table-cell;
	vertical-align:middle;
}
.RadioBox-list{
	width:100%;
}

.RadioBox-list:after{
	content:'';
	display:block;
	clear:both;
}
.RadioBox-item{
	width:25%;
	float:left;
	margin-top:4px;
	padding-right:10px;
}
.RadioBox-item:last-child{
	padding-right:0;
}

/*Responsive*/
@media screen and (min-width: 1025px) {
}

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

@media screen and (max-width: 1024px) and (min-width: 768px){
	.RadioBox-title{
		width: 120px;
		margin-top:6px;
		font-size:14px;
	}
	.RadioBox-title:before{
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.RadioBox-title{
		width:100%;
		display:block;
		margin-top:8px;
		margin-bottom:6px;
		font-size:13px;
		
	}
	.RadioBox-title:before{
		font-size:14px;
	}
	.RadioBox-content{
		display:block;
		padding-bottom:10px;
		border-top:1px dashed #d1d1d1;
	}
	.RadioBox-item{
		width:50%;
		margin-top:10px;
	}
}


/*=========================================================
	SSMLicenseForm
=========================================================*/

/* SSMLicenseHeader
=========================================================*/
.SSMLicenseHeader-title{
	color:#000;
	font-size:36px;
	font-weight:500;
	line-height:1.4em;
}
.SSMLicenseHeader-text{
	margin-top:20px;
	color:#4C4948;
	font-size:20px;
	line-height:1.6em;
}

/*Responsive*/

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.SSMLicenseHeader-title{
		font-size:28px;
	}
	.SSMLicenseHeader-text{
		font-size:18px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.SSMLicenseHeader-title{
		font-size:24px;
	}
	.SSMLicenseHeader-text{
		margin-top:16px;
		font-size:16px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SSMLicenseHeader-title{
		font-size:18px;
	}
	.SSMLicenseHeader-text{
		margin-top:10px;
		font-size:14px;
	}
}


/* SSMLicenseCont
=========================================================*/
.SSMLicenseCont{
	margin-top:64px;
}
.SSMLicenseCont-title{
	padding-bottom:18px;
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:1.2em;
	border-bottom:1px solid #d1d1d1;
}
.SSMLicenseCont-content{
	padding:26px 0 30px;
	border-bottom:1px solid #d1d1d1;
}
.SSMLicenseContForm{
	margin-bottom:50px;
}
.SSMLicenseContForm:last-child{
	margin-bottom:0;
}
.SSMLicenseContFormItem{
	display:table;
	width:100%;
	padding:10px 0;
}

.SSMLicenseContFormItem-title{
	display:table-cell;
	width:17.5%;
	padding-top:13px;
	vertical-align:top;
	padding-right:10px;
}
.SSMLicenseContFormItem-content{
	display:table-cell;
	vertical-align:middle;
}
.SSMLicenseContFormItem-inner{
	max-width:430px;
}

.SSMLicenseContFormItem-inner.inner-full .RadioBox-item{
	width:auto;
}

.SSMLicenseContFormItem-title{
	color:#000;
	font-size:18px;
	font-weight:500;
	line-height:1.2em;
}
.SSMLicenseContFormItem-list{
	display:table;
	width:100%;
}
.SSMLicenseContFormItem-item{
	width:44.5%;
	display:table-cell;
	padding-right:10px;
	vertical-align:top;
}
.SSMLicenseContFormItem-item:last-child{
	width:65.5%;
	padding-right:0;
}

/*Responsive*/
@media screen and (min-width: 1025px) {
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.SSMLicenseCont-title{
		padding-bottom:10px;
		font-size:18px;
	}
	.SSMLicenseContFormItem-title{
		font-size:17px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.SSMLicenseCont-title{
		padding-bottom:12px;
		font-size:18px;
	}
	.SSMLicenseCont-content{
		padding:20px 0;
	}
	.SSMLicenseContForm{
		margin-bottom:40px;
	}

	.SSMLicenseContFormItem-title{
		padding-top:10px;
		font-size:15px;
	}
	
	.SSMLicenseContFormItem-content .RadioBox-list .wpcf7-list-item{
		min-width:0 !important;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SSMLicenseCont-title{
		padding-bottom: 10px;
		font-size:18px;
	}
	.SSMLicenseCont-content{
		padding:10px 0;
	}
	.SSMLicenseContForm {
		margin-bottom: 30px;
	}
	.SSMLicenseContFormItem-title{
		display:block;
		width:100%;
		padding-top:0;
		font-size:15px;
		margin-bottom:8px;
	}
	.SSMLicenseContFormItem-content{
		display:block;
	}
	.SSMLicenseContFormItem-item{
		width:50%;
	}
	
	.SSMLicenseContFormItem-item.Ver-middle{
		width:51% !important;
	}
}

/* =========================================================
	SSMLicenseCont-policy
=========================================================*/
.SSMLicenseCont-policy{
	margin-bottom:50px;
}
.SSMLicense .Scrollpolicy{
	margin-top:40px;
}

/*Responsive*/
@media screen and (min-width: 1025px) {
}

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

@media screen and (max-width: 1024px) and (min-width: 768px){
	.SSMLicense .Scrollpolicy {
		margin-top: 30px;
	}
	.SSMLicenseCont-policy {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SSMLicense .Scrollpolicy{
		margin-top:30px;
	}
}



/* =========================================================
	Captcha
=========================================================*/
.Captcha-list{
	width:610px;
}
.Captcha-list:after{
	content:'';
	display:block;
	clear:both;
}
.Captcha-item{
	width:auto;
	float:left;
	margin-right:4px;
	position:relative;
}
.Captcha-item:last-child{
	width:calc(100% - 410px );
	margin-right:0;
}
.Captcha-thumb{
	height:49px;
}
.Captcha-img{
	display:block;
	max-height:100%;
}
.RefreshBtn{
	display:block;
	width:25px;
	height:25px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background-image:url(../img/icon/ico-refresh.png);
	background-size:25px 25px;
}
.SSMLicense .TblFormFooter{
	margin-top:0;
}
/*Responsive*/
@media screen and (min-width: 1025px) {
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.Captcha-thumb{
		height:46px;
	}
	.RefreshBtn{
		right:8px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.Captcha-thumb{
		height:42px;
	}
	.RefreshBtn{
		right:26px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.Captcha-list{
		width:100%;
	}
	.Captcha-item{
		float:none;
		width:100%;
		
	}
	.Captcha-item:last-child{
		width:100%;
		margin-top:8px;
	}
	.Captcha-thumb{
		height: 42px;
	}
	.RefreshBtn{
		width:20px;
		height:20px;
		right:auto;
		left:150px;
		background-size:20px 20px;
	}
}


/*=========================================================
	SSMLicense
=========================================================*/

/* SSMLicenseBanner
=========================================================*/
.SSMLicenseBanner{
	position:relative;
}
.SSMLicenseBanner-thumb{
	overflow:hidden;
	position:relative;
}
.SSMLicenseBanner-thumb:after{
	content:'';
	display:block;
	padding-bottom:36.42%;
}
.SSMLicenseBanner-img{
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.SSMLicenseBanner-box{
	padding:24px 32px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:5;
	background-color:rgba(243, 115, 33, 0.8);
}
.SSMLicenseBanner-title{
	color:#fff;
	font-size:40px;
	font-weight:bold;
	line-height:1.4em;
}
.SSMLicenseBanner-text{
	margin-top:10px;
	color:#fff;
	font-size:20px;
	line-height:1.4em;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.SSMLicenseBanner-box{
		padding:24px 32px;
	}
	.SSMLicenseBanner-title{
		font-size:32px;
	}
	.SSMLicenseBanner-text{
		margin-top:8px;
		font-size:18px;
	}

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.SSMLicenseBanner-box{
		padding:16px 32px;
	}
	.SSMLicenseBanner-title{
		font-size:28px;
	}
	.SSMLicenseBanner-text{
		margin-top:6px;
		font-size:15px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SSMLicenseBanner-box{
		position:static;
		padding:10px 20px;
		background-color:rgba(243, 115, 33, 1);
	}
	.SSMLicenseBanner-title{
		font-size:18px;
	}
	.SSMLicenseBanner-text{
		margin-top:6px;
		font-size:13px;
	}
}

/* SSMLicenseTextBox
=========================================================*/
.SSMLicenseTextBox{
	margin-top:50px;
}
.SSMLicenseTextBox-title{
	color:#000;
	font-size:20px;
	font-weight:bold;
	line-height:1.4em;
}
.SSMLicenseTextBox-content{
	margin-top:10px;
	
}
.SSMLicenseTextBox-text{
	margin-bottom:42px;
	color:#000;
	font-size:18px;
	line-height:1.6em;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.SSMLicenseTextBox{
		margin-top:40px;
	}
	.SSMLicenseTextBox-title{
		font-size:18px;
	}
	.SSMLicenseTextBox-text{
		margin-bottom:26px;
		font-size:16px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.SSMLicenseTextBox{
		margin-top:30px;
	}
	.SSMLicenseTextBox-title{
		font-size:18px;
	}
	.SSMLicenseTextBox-text{
		margin-bottom:20px;
		font-size:15px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SSMLicenseTextBox {
		margin-top: 30px;
	}
	.SSMLicenseTextBox-title{
		font-size:16px;
	}
	.SSMLicenseTextBox-text{
		margin-bottom: 12px;
		font-size:13px;
	}
}


/* SSMSoftware
=========================================================*/
.SSMSoftware{
	display:table;
	width:100%;
	margin-top:60px;
	padding:26px 0;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}
.SSMSoftware-thumb{
	display:table-cell;
	width:25%;
	position:relative;
	vertical-align:middle;
}
.SSMSoftware-thumb:after{
	content:'';
	display:block;
	padding-bottom:78%;
}
.SSMSoftware-img{
	display:block;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.SSMSoftware-content{
	display:table-cell;
	vertical-align:middle;
}
.SSMSoftware-title{
	margin-bottom:12px;
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:1.4em;
}
.SSMSoftwareLink{
	margin-top:36px;
}
.SSMSoftwareLink-item{
	float:left;
	padding-right:12px;
}
.SSMSoftwareLink-item:last-child{
	padding-right:0;
}

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

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.SSMSoftware{
		margin-top:50px;
	}
	.SSMSoftware-title{
		font-size:20px;
	}

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.SSMSoftware-title{
		margin-bottom: 8px;
		font-size:18px;
	}
	.SSMSoftwareLink {
		margin-top: 16px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SSMSoftware{
		margin-top:40px;
		padding:20px 0;
	}
	.SSMSoftware-content{
		display:block;
		margin-top:18px;
	}
	.SSMSoftware-thumb{
		display:block;
		width:100%;
	}
	.SSMSoftware-title{
		font-size:16px;
	}
	.SSMSoftwareLink {
		margin-top: 20px;
	}
	.SSMSoftwareLink-item{
		width:50%;
		padding-right:8px;
	}
}


/* InquiryForm
=========================================================*/
.InquiryForm{
	margin-top:64px;
}
.InquiryForm-title{
	margin-bottom:28px;
	color:#000;
	font-size:30px;
	font-weight:bold;
	line-height:1.2em;
}
.InquiryForm-text{
	display:block;
	color:#000;
	font-size:16px;
	line-height:1.4em;
}
.InquiryForm-content{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.InquiryFormItem{
	display: table;
    width: 100%;
	padding:20px 0;
	border-top:1px solid #d1d1d1;
}
.InquiryFormItem:first-child{
	border-top:none;
}
.InquiryFormItem-title{
	display:table-cell;
	width:17.5%;
	padding-top:6px;
	vertical-align:top;
}
.InquiryFormItem-content{
	display:table-cell;
	vertical-align:middle;
}
.InquiryFormItem-title {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2em;
}
.InquiryFormItem-inner{
	max-width:400px;
}
.InquiryFormItem-list{
	display:table;
	width:100%;
}
.InquiryFormItem-item {
    width: 44.5%;
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
}
.InquiryFormItem-item:last-child {
    width: 65.5%;
    padding-right: 0;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.InquiryForm-title{
		font-size:28px;
	}
	.InquiryFormItem{
		padding:18px 0;
	}
	.InquiryFormItem-title{
		font-size:17px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.InquiryForm-title{
		font-size:24px;
	}
	.InquiryFormItem{
		padding:14px 0;
	}
	.InquiryFormItem-title{
		font-size:15px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.InquiryForm-title{
		margin-bottom:10px;
		font-size: 18px;
	}
	.InquiryForm-text{
		font-size:13px;
	}
	.InquiryFormItem-title{
		display: block;
		width: 100%;
		padding-top: 0;
		font-size: 15px;
		margin-bottom: 8px;
	}
	.InquiryFormItem{
		padding:12px 0;
	}
	.InquiryFormItem-content{
		display: block;
	}
}

.SearchFileInput{
	overflow:hidden;
	display:table;
	width:100%;
	max-width:596px;
	position:relative;	
}
.SearchFileInput .BasicInput{
	display:table-cell;
}
.SearchFileInput-button{
	display:table-cell;
	width:120px;
	background-color:#000;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:1.2em;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}
.InquiryFormItem-text{
	margin-top:13px;
	color:#8A8F92;
	font-size:14px;
	line-height:1.4em;
}

/*Responsive*/

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.SearchFileInput-button{
		font-size:15px;
	}
	.InquiryFormItem-text{
		margin-top:10px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.SearchFileInput-button{
		font-size:14px;
	}
	.InquiryFormItem-text{
		margin-top: 8px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SearchFileInput-button{
		width:100px;
		font-size:13px;
	}
	.InquiryFormItem-text{
		font-size:13px;
		margin-top:8px;
	}
}


.InquiryPolicy{
	padding-top:74px;
}
.InquiryPolicy-title{
	margin-bottom:20px;
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:1.4em;
}
.InquiryPolicyAgree{
	display:table;
	width:100%;
}

.InquiryPolicyAgree-text{
	display:table-cell;
	color:#4C4948;
	font-size:16px;
	line-height:1.4em;
}
.InquiryPolicyAgree-radio{
	display:table-cell;
	width:180px;
	white-space:nowrap;
}

.InquiryPolicyAgree-radio .RadioBox{
	text-align:right;
}

.InquiryPolicyAgree-radio .RadioBox .RadioBox-item{
	width:100% !important;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.InquiryPolicy-title{
		font-size:20px;
	}
	.InquiryPolicyAgree-text{
		font-size:15px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.InquiryPolicy {
		padding-top: 40px;
	}
	.InquiryPolicy-title{
		font-size:18px;
	}
	.InquiryPolicyAgree-text{
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.InquiryPolicy {
		padding-top: 30px;
	}
	.InquiryPolicy-title{
		margin-bottom:12px;
		font-size:16px;
	}
	.InquiryPolicyAgree{
		display:block;
	}
	.InquiryPolicyAgree-text{
		display:block;
		margin-bottom:12px;
		font-size:13px;
	}
	.InquiryPolicyAgree-radio{
		display:block;
		width:100%;
		white-space:normal;
	}
}

/* InquiryCompleted
=========================================================*/
.InquiryCompleted{
	padding:78px 0 86px;
	font-size:0;
	line-height:0;
	text-align:center;
	border-top:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
}
.InquiryCompleted-title{
	color:#000;
	font-size:36px;
	font-weight:bold;
	line-height:1.4em;
}
.InquiryCompleted-text{
	margin-top:18px;
	color:#8A8F92;
	font-size:18px;
	line-height:1.4em;
}
.InquiryCompleted-link{
	display:inline-block;
	margin-top:50px;
	padding:14px 70px;
	color:#fff;
	font-size:20px;
	line-height:1.4em;
	font-weight:bold;
	background-color:#F37321;
	border-radius:60px;
	border:2px solid #F37321;
}

/*Responsive*/
@media screen and (min-width: 1025px) {
	.InquiryCompleted-link:hover{
		background-color:#fff;
		color:#F37321;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.InquiryCompleted{
		padding:78px 0 86px;
	}
	.InquiryCompleted-title{
		font-size:30px;
	}
	.InquiryCompleted-link{
		font-size:18px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.InquiryCompleted{
		padding:78px 0 86px;
	}
	.InquiryCompleted-title{
		font-size:26px;
	}
	.InquiryCompleted-text{
		margin-top: 8px;
		font-size:16px;
	}
	.InquiryCompleted-link{
		margin-top: 30px;
		padding:12px 50px;
		font-size:16px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.InquiryCompleted{
		padding:30px 0;
	}
	.InquiryCompleted-title{
		font-size:20px;
	}
	.InquiryCompleted-text{
		margin-top: 6px;
		font-size:14px;
	}
	.InquiryCompleted-link{
		margin-top: 30px;
		padding:12px 40px;
		font-size:14px;
	}
}


/* =========================================================
	Faq
=========================================================*/

/* FaqTopBanner
=========================================================*/
.FaqTopBanner{
	margin-bottom:60px;
	padding-bottom:30px;
	position:relative;
}

.FaqTopBanner-inner{
	display:block;
	padding:88px 40px 90px;
	position:relative;
	z-index:10;
	background-image:url('../img/bg/bg-faq-min.png');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:right center;
	text-align:center;
}
.FaqTopBanner-inner:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.4);
	z-index:5;
}
.FaqTopBannerText{
	display:inline-block;
	padding-left:95px;
	position:relative;
	z-index:10;
}
.FaqTopBannerText:before{
	content:'';
	display:block;
	width:75px;
	height:75px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	background-image:url(../img/icon/ico-circle-phone.png);
	background-size:75px 75px;
}

.FaqTopBannerText-text{
	color:#fff;
	font-size:20px;
	font-weight:500;
	text-align:left;
}
.FaqTopBannerText-list{
	margin-top:8px;
}
.FaqTopBannerText-list:after{
	content:'';
	display:block;
	clear:both;
}
.FaqTopBannerText-item{
	overflow:hidden;
	margin-right:24px;
	padding-right:24px;
	float:left;
	position:relative;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:left;
}

.FaqTopBannerText-item:after{
	content:'';
	display:block;
	width:1px;
	height:20px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background-color:#fff;
}
.FaqTopBannerText-item:last-child{
	margin-right:0;
	padding-right:0;
}
.FaqTopBannerText-item:last-child:after{
	right:-2px;
}

.FaqTopBannerText-link{
	display:block;
	padding-right:38px;
	position:relative;
	color:#fff;
	font-size:18px;
	font-weight:bold;
}
.FaqTopBannerText-link:after {
    content: "";
    width: 26px;
    height: 26px;
    background-image: url(../img/icon/ico-radius-arrow-o.png);
    background-size: 26px 26px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.FaqTopBannerSearch{
	width:40%;
	padding-right:72px;
	position:absolute;
	bottom:0;
	left:50%;
	z-index:10;
	transform:translateX(-50%);
	box-shadow:10px 10px 30px rgba(0,0,0,0.05);
	background-color:#fff;
}
body .FaqTopBannerInput-text{
	width:100%;
	height:60px;
	padding:15px 22px;
	color:#000;
	font-size:20px;
	line-height: normal;
}
body .FaqTopBannerInput-text::-webkit-input-placeholder {
	font-weight:bold;
	color:#D1D1D1;
}
body .FaqTopBannerInput-text:-ms-input-placeholder {
	font-weight:bold;
	color:#D1D1D1;
}
.FaqTopBannerSearch-button{
	width:72px;
	height:60px;
	position:absolute;
	top:0;
	right:0;
	background-color:#fff;
}
.FaqTopBannerSearch-button:after {
    content: '';
	display:block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../img/icon/ico-filter-search.png);
    background-size: 24px 24px;
}


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.FaqTopBanner-inner{
		padding:70px 40px 80px;
	}
	.FaqTopBannerText{
		padding-left:82px;
	}
	.FaqTopBannerText-item{
		font-size:16px;
	}
	.FaqTopBannerText:before{
		width: 64px;
		height: 64px;
		background-size: 64px 64px;
	}
	body .FaqTopBannerInput-text{
		height: 56px;
		padding:12px 20px;
	}
	.FaqTopBannerSearch-button{
		height:56px;
	}

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.FaqTopBanner{
		margin-bottom:40px;
	}
	.FaqTopBanner-inner{
		padding:50px 20px 60px;
	}

	.FaqTopBanner-inner:before{
		padding-bottom:24%;
	}
	.FaqTopBannerText{
		width:95%;
		padding-left:52px;
	}
	.FaqTopBannerText:before{
		top:6px;
		width: 40px;
		height: 40px;
		background-size: 40px 40px;
		transform:none;
	}
	.FaqTopBannerText-text{
		font-size:16px;
	}
	.FaqTopBannerText-list {
		margin-top: 6px;
	}
	.FaqTopBannerText-item{
		font-size:13px;
		margin-right:12px;
		padding-right:12px;
	}
	.FaqTopBannerText-link{
		padding-right:24px;
		font-size:13px;
	}
	.FaqTopBannerText-link:after{
		width:18px;
		height:18px;
		background-size:18px 18px;
	}
	.FaqTopBannerSearch{
		width:80%;
		padding-right:60px;
	}
	body .FaqTopBannerInput-text{
		height:46px;
		padding:8px 12px;
		font-size: 14px;
	}
	.FaqTopBannerSearch-button{
		width:60px;
		height:46px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.FaqTopBanner{
		margin-bottom: 40px;
		padding-bottom:0;
	}
	.FaqTopBanner-inner{
		padding:20px 16px;
		background-position: left center;
	}
	.FaqTopBanner-inner:before{
		padding-bottom:28%;
	}
	.FaqTopBannerText{
		padding-left:32px;
	}
	.FaqTopBannerText:before{
		width:25px;
		height:25px;
		background-size:25px 25px;
		top:6px;
		left:0;
		transform:translateY(0);
	}
	.FaqTopBannerText-text{
		font-size:15px;
	}
	.FaqTopBannerText-item{
		margin-bottom:4px;
		margin-right:0;
		padding-right:0;
		float:none;
		font-size:13px;
	}
	.FaqTopBannerText-item:last-child{
		margin-bottom:0;
	}
	.FaqTopBannerText-item:after{
		display:none;
	}
	.FaqTopBannerText-link{
		display:inline-block;
		padding-right: 26px;	
		font-size:13px;	
	}
	.FaqTopBannerText-link:after{
		width:20px;
		height:20px;
		background-size:20px 20px;
	}
	.FaqTopBannerSearch{
		width:100%;
		margin-top: 0px;
		padding-right:50px;
		position:static;
		transform:translateX(0);
		box-shadow: 10px 5px 30px rgba(0,0,0,0.07);
	}
	body .FaqTopBannerInput-text{
		height:44px;
		padding:8px 10px;
		font-size:14px;
	}
	.FaqTopBannerSearch-button{
		width:50px;
		height:44px;
	}
	.FaqTopBannerSearch-button:after{
		width:20px;
		height:20px;
		background-size:20px 20px;
	}
}






/* FaqPost
=========================================================*/
.FaqPost-list{
	margin:-20px -15px 0;
	padding-bottom:52px;
	border-bottom:1px solid #000;
}
.FaqPost-list:after{
	content:'';
	display:block;
	clear:both;
}
.FaqPost-item{
	width:33.33%;
	float:left;
	padding:20px 15px 0;
}
.FaqPost-item:nth-child(3n+1){ 
	clear:both;
}
/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.FaqPost-list{
		margin:-20px -10px 0;
	}
	.FaqPost-item{
		padding:20px 10px 0;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.FaqPost-list{
		margin:-20px -8px 0;
	}
	.FaqPost-item{
		padding:20px 8px 0;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.FaqPost-list {
		margin: -12px 0px 0;
	}
	.FaqPost-item{
		width:100%;
		padding:12px 0px 0;
	}
	.FaqPost-item:nth-child(3n+1){ 
		clear:none;
	}
	.FaqPost-item:nth-child(2n+1){ 
		clear:both;
	}

}



/* FaqPostItem
=========================================================*/
.FaqPostItem{
	font-size:0;
	line-height:0;
}
.FaqPostItem-link{
	padding:24px 26px;
	display:block;
	border:1px solid #d1d1d1;
	position:relative;
}
.FaqPostItem-link:after{
	content:'';
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	bottom:24px;
	right:26px;
	background-image: url(../img/icon/ico-plus.png);
	background-size:20px 20px;
}
.FaqPostItem-cate01{
	display:inline-block;
	margin-bottom:16px;
	color:#F37321;
	font-size:14px;
	font-weight:500;
	line-height:normal;
	border-top:1px solid #F37321;
	border-bottom:1px solid #F37321;
}
.FaqPostItem-title{
    overflow: hidden;
	display:block;
	height:4.6em;
	color:#000;
	font-size:20px;
	font-weight:500;
	line-height:1.4em;
	word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.FaqPostItem-title:before{
	content:'Q';
	display:block;
	font-size:28px;
	font-family:'Jost';
	line-height:1.2em;
}
.FaqPostItem-cate02{
	margin-top:40px;
	color:#666666;
	font-size:16px;
	line-height:1.4em;
}

/*Responsive*/
@media screen and (min-width: 1025px) {
	.FaqPostItem-link:hover{
		border-color:#F37321;
	}
	.FaqPostItem-link:hover:after{
		background-image: url(../img/icon/ico-plus-o.png);
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.FaqPostItem-link {
		padding: 20px 24px;
	}
	.FaqPostItem-title:before{
		font-size:26px;
	}
	.FaqPostItem-title{
		font-size:18px;
	}
	.FaqPostItem-cate02{
		font-size:15px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.FaqPostItem-link{
		padding: 20px 20px;
	}
	.FaqPostItem-link:after{
		width:16px;
		height:16px;
		background-size:16px 16px;
		bottom:20px;
		right:20px;
	}
	.FaqPostItem-cate01{
		font-size:12px;
	}
	.FaqPostItem-title{
		font-size:16px;
	}
	.FaqPostItem-title:before{
		font-size:24px;
	}
	.FaqPostItem-cate02{
		margin-top: 20px;
		font-size:13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.FaqPostItem-link{
		padding: 20px 20px;
	}
	.FaqPostItem-link:after{
		width:16px;
		height:16px;
		background-size:16px 16px;
		bottom:20px;
		right:20px;
	}
	.FaqPostItem-cate01{
		font-size:12px;
	}
	.FaqPostItem-title{
		font-size:16px;
	}
	.FaqPostItem-title:before{
		font-size:24px;
	}
	.FaqPostItem-cate02{
		margin-top: 20px;
		font-size:13px;
	}
}


/*=========================================================
	CyberSecurity
=========================================================*/

/*CyberSecurityList
=========================================================*/
.OnlineToolCont-item{
	margin-bottom:80px;
}
.OnlineToolCont-item + .OnlineToolCont-item {
	margin-bottom:0;
}

/*Responsive*/
@media screen and (min-width: 1025px) {
}

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

@media screen and (max-width: 1024px) and (min-width: 768px){
	.OnlineToolCont-item{
		margin-bottom:60px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.OnlineToolCont-item{
		margin-bottom: 40px;
	}
}

/*OnlineToolBanner
=========================================================*/
.OnlineToolBanner{
	height:266px;
	background-image:url(../img/bg/bg-onlinetool-min.png);
	background-position:center center;
	background-size:cover;
	position:relative;
	margin-bottom:80px;
}
.OnlineToolBanner:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(3,16,57,0.4);
}
.OnlineToolBanner-title{
	font-size:36px;
	line-height:1.3em;
	color:#fff;
	font-weight:bold;
	position:absolute;
	top:50%;
	left:68px;
	right:68px;
	transform:translateY(-50%);
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.OnlineToolBanner{
		margin-bottom:55px;
		height:220px;
	}
	
	.OnlineToolBanner-title{
		font-size:30px;
		left:55px;
		right:55px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.OnlineToolBanner{
		margin-bottom:45px;
		height:180px;
	}
	
	.OnlineToolBanner-title{
		font-size:26px;
		left:45px;
		right:45px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.OnlineToolBanner{
		margin-bottom:35px;
		height:120px;
	}
	
	.OnlineToolBanner-title{
		font-size:22px;
		left:20px;
		right:20px;
	}
}

/*OnlineToolItem
=========================================================*/
.OnlineToolItem:after{
	content:'';
	clear:both;
}
.OnlineToolItem-title{
	width:23.33%;
	float:left;
	padding-right:25px;
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:1.4em;
} 
.OnlineToolItem-content{
	overflow:hidden;
}
.OnlineToolItem-list{
	border-top:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
}
.OnlineToolItem-item{
	padding:37px 38px;
	border-bottom:1px solid #d1d1d1;
}

.OnlineToolItem-item:last-child{
	border-bottom:none;
}
/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.OnlineToolItem-title{
		padding-right: 20px;
		font-size: 17px;
	}
	.OnlineToolItem-item{
		padding:20px 10px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.OnlineToolItem-title{
		width:100%;
		float:none;
		margin-top:0px;
		margin-bottom:12px;
		padding-right:0;
		font-size:18px;
	}
	.OnlineToolItem-item {
		padding: 20px 0;
	}

}

/*ToolPostItem
=========================================================*/
.ToolPostItem:after{
	content:'';
	display:block;
	clear:both;
}
.ToolPostItem-thumb{
	width:17.7%;
	float:left;
	position:relative;
}
.ToolPostItem-thumb:before{
	content:'';
	display:block;
	padding-bottom:87.41%;
}
.ToolPostItem-img{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.ToolPostItem-content{
	overflow:hidden;
	padding-left:54px;
	padding-bottom:80px;
	position:relative;
}
.ToolPostItem-title{
	margin-top:8px;
	color:#000;
	font-size:20px;
	font-weight:bold;
	line-height:1.4em;
}
.ToolPostItem-text{
	display:block;
	margin-top:12px;
	color:#8A8F92;
	font-size:14px;
	line-height:1.4em;
}
.ToolPostItemLink{
	position:absolute;
	bottom:0;
	right:0;
}
.ToolPostItemLink-list{
	font-size:0;
	line-height:0;
}
.ToolPostItemLink-item{
	display:inline-block;
	margin-right:8px;
}
.ToolPostItemLink-item:last-child{
	margin-right:0;
}
/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.ToolPostItem-thumb{
		width:21%;
	}
	.ToolPostItem-content{
		padding-left:26px;
	}
	.ToolPostItem-title{
		font-size:18px;
	}

}
@media screen and (max-width: 767px) and (min-width: 1px) {
	.ToolPostItem-thumb {
		width:50%;
		margin:0 auto;
		float:none;
	}
	.ToolPostItem-content{
		padding-left:0;
		padding-bottom:60px;
	}
	.ToolPostItem-title{
		font-size:16px;
	}
}



/* PostLinkBtn */
.PostLinkBtn{
	display:block;
	width:100%;
	background-color:#F4F4F4;
	border-radius:100px;
	padding:10px 16px;
	text-align:center;
	font-size:0;
	line-height:0;
}
.PostLinkBtn-text{
	display:inline-block;
	font-size:14px;
	line-height:1.2em;
	font-weight:bold;
	color:#000;
	padding-right:21px;
	position:relative;
}
.PostLinkBtn-text:before{
	width:0px;
	height:0px;
	opacity:0;
	visibility:hidden;
	position:absolute;
	z-index:-1;
	content: url(../img/icon/ico-link-w.png);
}
.PostLinkBtn-text:after{
	content:"";
	width:16px;
	height:15px;
	background-image: url(../img/icon/ico-link-b.png);
	background-size:16px 15px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

@media screen and (min-width: 1025px){
	.PostLinkBtn:hover{
		background-color:#F37321;
	}
	.PostLinkBtn:hover .PostLinkBtn-text{
		color:#fff;
	}
	.PostLinkBtn:hover .PostLinkBtn-text:after{
		background-image: url(../img/icon/ico-link-w.png);
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.PostLinkBtn-text{
		font-size:12px;
		padding-right: 18px;
	}
	
	.PostLinkBtn-text:after{
		width:14px;
		height:13px;
		background-size:14px 13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.PostLinkBtn-text{
		font-size:12px;
		padding-right: 18px;
	}
	
	.PostLinkBtn-text:after{
		width:13px;
		height:12px;
		background-size:13px 12px;
	}
	
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.PostLinkBtn-text{
		font-size:12px;
		padding-right: 17px;
	}
	
	.PostLinkBtn-text:after{
		width:13px;
		height:12px;
		background-size:13px 12px;
	}
	
}


/* =========================================================
	Center - 국내
=========================================================*/

/* CenterTopBanner
=========================================================*/
.CenterTopBanner{
	margin-bottom:40px;
	position:relative;
}

.CenterTopBanner-inner:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.4);
	z-index:5;
}
.CenterTopBannerText{
	display:inline-block;
	padding-left:95px;
	position:relative;
	z-index:10;
}
.CenterTopBannerText:before{
	content:'';
	display:block;
	width:75px;
	height:75px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	background-image:url(../img/icon/ico-circle-phone.png);
	background-size:75px 75px;
}

.CenterTopBannerText-text{
	color:#000;
	font-size:20px;
	font-weight:500;
	text-align:left;
}
.CenterTopBannerText-list{
	margin-top:8px;
}
.CenterTopBannerText-list:after{
	content:'';
	display:block;
	clear:both;
}
.CenterTopBannerText-item{
	overflow:hidden;
	margin-right:24px;
	padding-right:24px;
	float:left;
	position:relative;
	color:#000;
	font-size:18px;
	font-weight:bold;
	text-align:left;
}

.CenterTopBannerText-item:after{
	content:'';
	display:block;
	width:1px;
	height:20px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background-color:#d1d1d1;
}
.CenterTopBannerText-item:last-child{
	margin-right:0;
	padding-right:0;
}
.CenterTopBannerText-item:last-child:after{
	right:-2px;
}

.CenterTopBannerText-link{
	display:block;
	padding-right:38px;
	position:relative;
	color:#000;
	font-size:18px;
	font-weight:bold;
}
.CenterTopBannerText-link:after {
    content: "";
    width: 26px;
    height: 26px;
    background-image: url(../img/icon/ico-radius-arrow-o.png);
    background-size: 26px 26px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CenterTopBanner-inner{
		padding:70px 40px 80px;
	}
	.CenterTopBannerText{
		padding-left:82px;
	}
	.CenterTopBannerText-item{
		font-size:16px;
	}
	.CenterTopBannerText:before{
		width: 64px;
		height: 64px;
		background-size: 64px 64px;
	}


}
@media screen and (max-width: 1024px) and (min-width: 768px){
	.CenterTopBanner{
		margin-bottom:40px;
	}
	.CenterTopBanner-inner{
		padding:50px 20px 60px;
	}

	.CenterTopBanner-inner:before{
		padding-bottom:24%;
	}
	.CenterTopBannerText{
		width:95%;
		padding-left:52px;
	}
	.CenterTopBannerText:before{
		top:6px;
		width: 40px;
		height: 40px;
		background-size: 40px 40px;
		transform:none;
	}
	.CenterTopBannerText-text{
		font-size:16px;
	}
	.CenterTopBannerText-list {
		margin-top: 6px;
	}
	.CenterTopBannerText-item{
		font-size:13px;
		margin-right:12px;
		padding-right:12px;
	}
	.CenterTopBannerText-link{
		padding-right:24px;
		font-size:13px;
	}
	.CenterTopBannerText-link:after{
		width:18px;
		height:18px;
		background-size:18px 18px;
	}

}
@media screen and (max-width: 767px) and (min-width: 1px) {
	.CenterTopBanner{
		margin-bottom: 40px;
		padding-bottom:0;
	}
	.CenterTopBanner-inner{
		padding:20px 16px;
		background-position: right -280px center;
	}
	.CenterTopBanner-inner:before{
		padding-bottom:28%;
	}
	.CenterTopBannerText{
		padding-left:32px;
	}
	.CenterTopBannerText:before{
		width:25px;
		height:25px;
		background-size:25px 25px;
		top:6px;
		left:0;
		transform:translateY(0);
	}
	.CenterTopBannerText-text{
		font-size:15px;
	}
	.CenterTopBannerText-item{
		margin-bottom:4px;
		margin-right:0;
		padding-right:0;
		float:none;
		font-size:13px;
	}
	.CenterTopBannerText-item:last-child{
		margin-bottom:0;
	}
	.CenterTopBannerText-item:after{
		display:none;
	}
	.CenterTopBannerText-link{
		display:inline-block;
		padding-right: 26px;	
		font-size:13px;	
	}
	.CenterTopBannerText-link:after{
		width:20px;
		height:20px;
		background-size:20px 20px;
	}
}

/* CenterMap
=========================================================*/
.CenterMap{
	position:relative;
	width:100%;
	height:530px;
}
.CenterMap-inner{
	position:absolute;
	top:0;
	left:50%;
	width:100vw;
	transform:translateX(-50%);
	height:100%;
}
.CenterMap-map{
	height:100%;
	width:100%;
}

@media screen and (min-width: 1025px){
	.ColorArrowSelect-list::-webkit-scrollbar {
	  width: 3px;
	}

	.ColorArrowSelect-list::-webkit-scrollbar-track {
	  background: #dddddd;
	}

	.ColorArrowSelect-list::-webkit-scrollbar-thumb {
	  background: #000;
	}

	.ColorArrowSelect-list::-webkit-scrollbar-thumb:hover {
	  background: #000;
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CenterMap{
		height:510px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CenterMap{
		height:500px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CenterMap{
		height:320px;
	}
}


/* CenterMapSearch
=========================================================*/
.CenterMapSearch{
	margin-top:-50px;
	margin-bottom:70px;
	position:relative;
	z-index:10;
}
.CenterMapSearch-inner{
	display:table;
	width:100%;
	padding:28px 42px;
	background-color:#F37321;
}
.CenterMapSearch-title{
	display:table-cell;
	width:34%;
	color:#fff;
	font-size:28px;
	line-height:1.4em;
	font-weight:bold;
	vertical-align:middle;
}
.CenterMapSearch-cont{
	display:table-cell;
	vertical-align:middle;
}
.CenterMapSearch-list{
	display:table;
	width:100%;
}
.CenterMapSearch-item{
	display:table-cell;
	width:45%;
	padding-right:10px;
	vertical-align:middle;
}
.CenterMapSearch-item:last-child{
	padding-right:0;
	width:55%;
}

/* ColorArrowSelect */
.ColorArrowSelect{
	position:relative;
	min-width:160px;
}
.ColorArrowSelect-text{
	overflow:hidden;
	display:block;
	height:51px;
	padding:11px 18px;
	padding-right:42px;
	position:relative;
	color:#000;
	font-size:18px;
	line-height:normal;
	background-color:#fff;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.ColorArrowSelect-text:after{
	content:"";
	width:10px;
	height:4px;
	background-image:url(../img/icon/ico-colorarrow-o.png);
	background-size:10px 4px;
	position:absolute;
	top:50%;
	right:18px;
	transform:translateY(-50%);
}
.ColorArrowSelect-list{
	position:absolute;
	left:0;
	right:0;
	z-index:50;
	background-color:#fff;
	border: solid 1px #D1D1D1;
	border-top:none;
	max-height:230px;
	display:none;
	overflow:hidden;
	overflow-y:auto;
}
.ColorArrowSelect-link{
	overflow:hidden;
	display:block;
	font-size:18px;
	line-height:1.4em;
	color:#000;
	padding:13px 18px;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.ColorArrowSelect-item{
	border-top: solid 1px #D1D1D1;
}
.ColorArrowSelect-item:first-child{
	/* border-top:none; */
}
.ColorArrowSelect.is-Open .ColorArrowSelect-text:after{
	transform:translateY(-50%) rotate(180deg);
}

/* CenterMapInput */
.CenterMapInput{
	position:relative;
	padding-right:60px;
}
body .CenterMapInput-text{
	display:block;
	width:100%;
	height:51px;
	padding:12px 15px;
	color:#000;
	font-size:18px;
	line-height:normal;
	background-color:#fff;
}
.CenterMapInput-button{
	display:block;
	width:51px;
	height:51px;
	position:absolute;
	top:0;
	right:0;
	background-color:#000;
	background-image: url(../img/icon/ico-search-w.png);
	background-size:17px 16px;
	background-position:center center;
	background-repeat:no-repeat;
}

body .CenterMapInput-text::placeholder {
  color: #D1D1D1;
  font-weight:500;
}
@media screen and (min-width: 1025px) {
	.ColorArrowSelect-link:hover{
		color:#F37321;
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CenterMapSearch{
		margin-top:-50px;
		margin-bottom:60px;
	}
	.CenterMapSearch-inner{
		padding:28px 42px;
	}
	.CenterMapSearch-title{
		font-size:24px;
	}

	/* ColorArrowSelect */
	.ColorArrowSelect-text{
		height:48px;
		padding:11px 18px;
		font-size:16px;
	}
	.ColorArrowSelect-link{
		padding:11px 18px;
		font-size:16px;
	}
	/* CenterMapInput */
	.CenterMapInput{
		padding-right:58px;
	}
	body .CenterMapInput-text{
		height:48px;
		padding:12px 14px;
		font-size:16px;
	}
	.CenterMapInput-button{
		width:48px;
		height:48px;
		background-size:17px 16px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CenterMapSearch{
		margin-bottom:50px;
	}
	.CenterMapSearch-inner{
		padding:20px 26px;
	}
	.CenterMapSearch-title{
		width:28%;
		font-size:20px;
		
	}

	/* ColorArrowSelect */
	.ColorArrowSelect-text{
		height:40px;
		padding:9px 16px;
		font-size:14px;
	}
	.ColorArrowSelect-link{
		padding:9px 16px;
		font-size:14px;
	}
	/* CenterMapInput */
	.CenterMapInput{
		padding-right:50px;
	}
	body .CenterMapInput-text{
		height:40px;
		padding:10px 16px;
		font-size:14px;
	}
	.CenterMapInput-button{
		width:40px;
		height:40px;
		background-size:17px 16px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CenterMapSearch{
		margin-top:0;
		margin-left: -20px;
		margin-right: -20px;
		margin-bottom:30px;
	}
	.CenterMapSearch-inner{
		display:block;
		padding: 14px 16px 18px;
	}
	.CenterMapSearch-title{
		display:block;
		width:100%;
		margin-bottom:12px;
		font-size:16px;
	}
	.CenterMapSearch-cont{
		display:block;
	}
	.CenterMapSearch-list{
		display:block;
	}
	.CenterMapSearch-item{
		display:block;
		width:100%;
		padding-right:0;
		margin-bottom:10px;
	}
	.CenterMapSearch-item:last-child{
		width:100%;
		margin-bottom:0;
	}
	
	/* ColorArrowSelect */
	.ColorArrowSelect-text{
		height:40px;
		padding:9px 10px;
		font-size:14px;
	}
	.ColorArrowSelect-link{
		padding:9px 10px;
		font-size:14px;
	}
	/* CenterMapInput */
	.CenterMapInput{
		padding-right:50px;
	}
	body .CenterMapInput-text{
		height:40px;
		padding:10px 10px;
		font-size:14px;
	}
	.CenterMapInput-button{
		width:40px;
		height:40px;
	}

}


/* CenterTopFilter
=========================================================*/
.CenterTopFilter{
	margin-top:20px;
	margin-bottom:24px;
}
.CenterTopFilter-text{
	display:block;
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:1.2em;
}
.CenterListTopFilter-count{
	color:#F37321;
	font-weight:normal;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CenterTopFilter{
		margin-bottom:20px;
	}
	.CenterTopFilter-text{
		font-size:18px;
	}

}


@media screen and (max-width: 767px) and (min-width: 1px) {
	.CenterTopFilter{
		margin-bottom:14px;
	}
	.CenterTopFilter-text{
		font-size:16px;
	}
}


/* CenterPost
=========================================================*/
.CenterPost-list{
	display:flex;
	flex-wrap:wrap;
	margin:-30px -15px 0;
}

.CenterPost-item{
	max-width:33.33%;
	flex:0 0 33.33%;
	padding:30px 15px 0;
}
.CenterPost-item:nth-child(3n+1){ 
	clear:both;
}


.CenterPost + .CenterTopFilter{
	margin-top:70px;
}


.CenterPost + .CenterResult{
	margin-top:110px;
}



/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CenterPost-list{
		margin:-28px -12px 0;
		
	}
	.CenterPost-item{
		padding:28px 12px 0;
	}
	
	.CenterPost + .CenterTopFilter{
		margin-top:18px;
	}
	.CenterPost + .CenterResult{
		margin-top:100px;
	}

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CenterPost-list{
		margin:-16px -10px 0;
		
	}
	.CenterPost-item{
		padding:16px 10px 0;
	}
	.CenterPost + .CenterTopFilter{
		margin-top:16px;
	}
	.CenterPost + .CenterResult{
		margin-top:80px;
	}
}


@media screen and (max-width: 767px) and (min-width: 1px) {
	.CenterPost-list{
		margin:-20px 0 0;
		display:block;
		
	}
	.CenterPost-item{
		max-width:none;
		width:100%;
		padding:20px 0 0;	
	}
	.CenterPost + .CenterTopFilter{
		margin-top:12px;
	}
	.CenterPost + .CenterResult{
		margin-top:50px;
	}
}





/*CenterItem
=========================================================*/
.CenterItem{
	height:100%;
	padding:20px 30px 30px;
	border:1px solid #d1d1d1;	
}
.CenterItemCate{
	margin-bottom:20px;
	padding-right:50px;
	position:relative;
}
.CenterItemCate-link{
	display:block;
	width:42px;
	height:42px;
	position:absolute;
	top:0;
	right:0;
	background-image: url(../img/icon/ico-service-pin.png);
	background-size:42px 42px;
}
.CenterItemCate-text{
	display:block;
	color:#EF6629;
	font-size:16px;
	line-height:1.2em;
}
.CenterItemCont{
	font-size:0;
	line-height:0;
}
.CenterItemCont-title{
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:1.4em;
}
.CenterItemCont-address{
	display:block;
	margin-top:5px;
	color:#707070;
	font-size:16px;
	line-height:1.4em;
	
}
.CenterItemCont-info{
	margin-top:20px;
	
}

/* SquareBullet*/
.SquareBullet-item:after{
	content:'';
	display:block;
	clear:both;
}
.SquareBullet-bullet{
	display:block;
	float:left;
	padding-right:4px;
	color:#F37321;
	font-size:14px;
	line-height:1.8em;
}
.SquareBullet-text{
	display:block;
	overflow:hidden;
	color:#4C4948;
	font-size:14px;
	line-height:1.6em;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 768px){
	.CenterItemCont-info{
		margin-top:18px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px){
	.CenterItemCont-info{
		margin-top:14px;
	}
	.SquareBullet-bullet{
		font-size:13px;
	}	
	.SquareBullet-text{
		font-size:13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CenterItemCont-info{
		margin-top:10px;
	}
	.SquareBullet-bullet{
		font-size:13px;
	}
	.SquareBullet-text{
		font-size:13px;
	}
}

/* CenterItemContLink */
.CenterItemContLink{
	margin-top:46px;
}
.CenterItemContLink-list:after{
	content:'';
	display:block;
	clear:both;
}
.CenterItemContLink-item{
	margin-right:10px;
	float:left;
}
.CenterItemContLink-item:last-child{
	margin-right:0;
}
.CenterItemContLink-link{
	display:block;
	padding: 15px 20px;
	background-color:#F4F4F4;
	border-radius:50px;
}
.CenterItemContLink-text{
	display:block;
	padding-right:32px;
	position:relative;
	color:#000;
	font-size:16px;
	font-weight:bold;
	line-height:1.2em;
}
.CenterItemContLink-text.email:after{
	content:'';
	display:block;
	width:24px;
	height:16px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background-image: url(../img/icon/ico-mail-b.png);
	
	background-size:24px 16px;
}

.CenterItemContLink-text.down:after{
	content:'';
	display:block;
	width:24px;
	height:16px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background-image: url(../img/icon/ico-ButtonDownload-b.png);

	background-size:24px 16px;
}

.CenterItemContLink-text.phone:after{
	content:'';
	display:block;
	width:22px;
	height:18px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background-image: url(../img/icon/ico-phone.png);
	background-size:22px 18px;
}


@media screen and (min-width: 1025px) {
	.CenterItemContLink-link:hover .CenterItemContLink-text{
		color:#F37321;
	}
	.CenterItemContLink-link:hover .CenterItemContLink-text.email:after{
		background-image: url(../img/icon/ico-mail-o.png);
	}
	.CenterItemContLink-link:hover .CenterItemContLink-text.phone:after{
		background-image: url(../img/icon/ico-phone-o.png);
	}

	.CenterItemContLink-link:hover .CenterItemContLink-text.down:after{
		background-image: url(../img/icon/ico-ButtonDownload.png);
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CenterItem {
		padding: 20px 26px 30px;
	}
	.CenterItemCont-title{
		font-size:22px;
	}
	.CenterItemCate-link{
		width:40px;
		height:40px;
		background-size:40px 40px;
		top:-6px;
	}
	.CenterItemCont-address{
		font-size:15px;
	}
	.CenterItemContLink{
		margin-top: 36px;
		
	}
	.CenterItemContLink-link{
		padding: 14px 18px;
	}
	.CenterItemContLink-text{
		padding-right: 28px;	
		font-size:15px;
	}
	.CenterItemContLink-text.email:after{
		width: 22px;
		height: 14px;
		background-size: 22px 14px
	}
	.CenterItemContLink-text.phone:after{
		width: 20px;
		height: 16px;
		background-size: 20px 16px
	}
	.CenterItemContLink-text.down:after{
		width: 20px;
		height: 16px;
		background-size: 20px 16px
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CenterItem{
		padding:20px 12px;
	}
	.CenterItemCate-text{
		font-size:14px;
	}
	.CenterItemCate-link{
		width:35px;
		height:35px;
		background-size:35px 35px;
		
	}
	.CenterItemCate:after{
		width: 30px;
		height: 30px;
		background-size: 30px 30px;
		top:-6px;
	}
	.CenterItemCont-title{
		font-size:18px;
	}
	.CenterItemCont-address{
		font-size:13px;
	}
	.CenterItemContLink{
		margin-top: 20px;
		
	}
	.CenterItemContLink-link{
		padding: 10px 15px;
	}
	.CenterItemContLink-text{
		padding-right: 23px;
		font-size:13px;
	}
	.CenterItemContLink-text.email:after{
		width: 18px;
		height: 12px;
		background-size: 18px 12px;
	}
	.CenterItemContLink-text.phone:after{
		width: 18px;
		height: 16px;
		background-size: 18px 16px;
	}
	.CenterItemContLink-text.down:after{
		width: 18px;
		height: 16px;
		background-size: 18px 16px;
	}
}


@media screen and (max-width: 767px) and (min-width: 1px) {
	.CenterItem{
		padding:20px 16px;
	}
	.CenterItemCate{
		margin-bottom:16px;
	}
	.CenterItemCate-text{
		font-size:14px;
	}
	.CenterItemCate-link{
		width: 30px;
		height: 30px;
		background-size: 30px 30px;
		top:-6px;
	}
	.CenterItemCont-title{
		font-size:18px;
	}
	.CenterItemCont-address{
		min-height:auto;
		font-size:13px;
	}
	.CenterItemContLink{
		margin-top: 20px;
		
	}
	.CenterItemContLink-link{
		padding: 10px 15px;
	}
	.CenterItemContLink-text{
		padding-right: 23px;
		font-size:13px;
	}
	.CenterItemContLink-text.email:after{
		width: 18px;
		height: 12px;
		background-size: 18px 12px;
	}
	.CenterItemContLink-text.phone:after{
		width: 16px;
		height: 16px;
		background-size: 16px 16px;
	}
	.CenterItemContLink-text.down:after{
		width: 16px;
		height: 16px;
		background-size: 16px 16px;
	}
}



/* CenterMeta */
.CenterMeta:after{
	content:'';
	display:block;
	clear:both;
}
.CenterMeta-bullet{
	display: block;
	width:50px;
    float: left;
    margin-right: 5px;
    font-size: 16px;
    line-height: 1.8em;
    color: #4C4948;
}
.CenterMeta-text{
    overflow: hidden;
	display: block;
    font-size: 16px;
    line-height: 1.8em;
    color: #4C4948;
	
}
.CenterMeta-link{
	text-decoration:underline;
	display: block;
    font-size: 16px;
    line-height: 1.8em;
    color: #4C4948;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CenterMeta-bullet{
		font-size:15px;
	}
	.CenterMeta-text{
		font-size:15px;
	}
	.CenterMeta-link{
		font-size:15px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CenterMeta-bullet{
		font-size:13px;
	}
	.CenterMeta-text{
		font-size:13px;
	}
	.CenterMeta-link{
		font-size:13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CenterMeta-bullet{
		font-size:13px;
	}
	.CenterMeta-text{
		font-size:13px;
	}
	.CenterMeta-link{
		font-size:13px;
	}
}


/* =========================================================
	Center - 해외
=========================================================*/
.CenterPost.abroad .CenterPost-item{
	max-width: 50%;
    flex: 0 0 50%;
}
.CenterResult{
	margin-bottom:42px;
	font-size:0;
	line-height:0;
}
.CenterResult-title{
	display:inline-block;
	margin-right:20px;
	color:#000;
	font-size:36px;
	font-weight:bold;
	line-height:1.2em;
}
.CenterResult-link{
	display:inline-block;
	position:relative;
	padding-right:24px;
	color:#4C4948;
	font-size:16px;	
	line-height:1.2em;
}
.CenterResult-link:after{
	content:'';
	display:block;
	width:18px;
	height:18px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background-image: url(../img/icon/ico-ShareButton-o.png);
	background-size:18px 18px;
}

.CenterPost.abroad .CenterMeta-bullet{
	width:70px;
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CenterResult{
		margin-bottom:36px;
	}
	.CenterResult-title{
		font-size:32px;
	}

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CenterTopFilter-text{
		font-size:16px;
	}
	.CenterResult{
		margin-bottom:30px;
	}
	.CenterResult-title{
		margin-right:16px;
		font-size:28px;
	}
	.CenterResult-link{
		padding-right:20px;
		font-size:14px;	
	}
	.CenterResult-link:after{
		width:14px;
		height:14px;
		background-size:14px 14px;
	}
}
@media screen and (max-width: 767px) and (min-width: 1px) {
	.CenterTopFilter-text{
		font-size:16px;
	}
	.CenterPost.abroad .CenterPost-item{
		max-width: none;
		width: 100%;
	}
	.CenterResult{
		margin-bottom:20px;
	}
	.CenterResult-title{
		display:block;
		margin-bottom:5px;
		margin-right:0;
		font-size:20px;
	}
	.CenterResult-link{
		padding-right:20px;
		font-size:14px;	
	}
	.CenterResult-link:after{
		width:14px;
		height:14px;
		background-size:14px 14px;
	}

}



/*========================================================
	Webinars
=========================================================*/
.TopRightBgBanner-inner.Bg-webinars{
	background-image:url(../img/bg/bg-webinars-min.png);
}


/* WebinarPost
=========================================================*/
.WebinarPost{
	border-top:solid 1px #000;
	padding:40px 0;
	border-bottom:solid 1px #000;
}

.WebinarPost-list{
	margin:-25px -15px;
	overflow:hidden;
}

.WebinarPost-item{
	width:33.3333%;
	float:left;
	padding:25px 15px;
}

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

/*	VideoPost:Post
=========================================================*/
.WebinarsItem-link{
	display:block;
	line-height:0;
}

.WebinarsItemThumb{
	margin-bottom:12px;
}

.WebinarsItemThumb-inner{
	display:block;
	line-height:0;
	position:relative;
	overflow:hidden;
}

.WebinarsItemThumb-inner:after{
	content:"";
	display:block;
	padding-bottom:59.8%;
}

.WebinarsItemThumb-inner:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.1);
	z-index:1;
}

.WebinarsItemThumb-inner img{
	position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transition-property: transform;
    transition-duration: .2s;
    transform: translateY(-50%);
}

.WebinarsItemThumb-ico{
	width:60px;
	height:60px;
	background-color:rgba(255,255,255,0.8);
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:5;
	border-radius:100%;
	box-shadow:1px 1px 10px rgba(0,0,0,0.2);
	transition-property:transform, background-color;
	transition-duration: 0.2s;
}

.WebinarsItemThumb-ico:after{
	content:"";
	width:12px;
	height:17px;
	background-image:url(../img/icon/ico-video-icon.png);
	background-size:12px 17px;
	position:absolute;
	top:50%;
	left:calc(50% + 2px);
	transform:translate(-50%, -50%);
}

.WebinarsItemCont-title{
	font-size:24px;
	line-height:1.3em;
	color:#000;
	font-weight:bold;
	display:-webkit-box;
    -webkit-line-clamp:2; /* 라인수 */
    -webkit-box-orient:vertical;
    white-space:normal;
	max-height:2.6em;
    overflow:hidden;
    text-overflow:ellipsis;
}

.WebinarsItemFile-text{
	overflow:hidden;
	display:block;
	margin-top:8px;
	padding-left:16px;
	position:relative;
	color:#8A8F92;
	font-size:14px;
	line-height:1.4em;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.WebinarsItemFile-text:before{
	content:"";
	width:12px;
	height:16px;
	background-image:url(../img/icon/ico-webinars-file.png);
	background-size:12px 16px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	margin-top:1px;
}

@media screen  and (min-width:1025px){
	.WebinarsItem-link:hover  .WebinarsItemThumb-ico{
		transform:translate(-50%, -50%) scale(0.9);
		background-color:rgba(255,255,255,0.9);
	}
	
	.WebinarsItem-link:hover .WebinarsItemCont-title{
		color:#F37321;
		text-decoration:underline;
	}
	.WebinarsItem-link:hover .WebinarsItemThumb-inner img{
		transform:translateY(-50%) scale(1.06);
	}
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.WebinarPost{
		padding:30px 0;
	}
	
	.WebinarPost-list{
		margin: -20px -15px;
	}
	
	.WebinarPost-item{
		padding:20px 15px;
	}
	
	.WebinarsItemCont-title{
		font-size:20px;
	}
	
	.WebinarsItemThumb-ico{
		width:50px;
		height:50px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.WebinarPost{
		padding:25px 0;
	}
	
	.WebinarPost-list{
		margin: -20px -10px;
	}
	
	.WebinarPost-item{
		padding:20px 10px;
	}
	
	.WebinarsItemCont-title{
		font-size:18px;
	}
	
	.WebinarsItemFile-text{
		font-size:12px;
	}
	
	.WebinarsItemFile-text:before{
		margin-top:0;
	}

	
	.WebinarsItemThumb-ico{
		width:50px;
		height:50px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.WebinarPost{
		padding:25px 0;
	}
	
	.WebinarPost-list{
		margin: -20px -5px;
	}
	
	.WebinarPost-item{
		padding:20px 5px;
		width:50%;
	}
	
	.WebinarPost-item:nth-child(3n +1){
		clear:none;
	}
	
	.WebinarPost-item:nth-child(odd){
		clear:both !important;
	}
	
	.WebinarsItemCont-title{
		font-size:16px;
	}
	
	.WebinarsItemFile-text{
		font-size:10px;
		margin-right:5px;
	}

	.WebinarsItemFile-text:before{
		margin-top:0;
		width: 9px;
		height: 12px;
		background-size: 9px 12px;
	}
	
	.WebinarsItemThumb-ico{
		width:40px;
		height:40px;
	}
}




/* =========================================================
	BasicPopup
=========================================================*/
.BasicPopup{
	display:none;
	position:fixed;
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index:999999;
}
.Dim{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	background-color:rgba(0,0,0,0.7);
}
.BasicPopup-inner{
	width:1200px;
	max-width:calc(100vw - 40px);
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background-color:#fff;
}

.BasicPopup-inner.small{
	width:600px;
}

.BasicPopupCont{
	overflow-y:auto;
	max-height:calc(80vh - 120px);
	padding:48px 38px;
}
.BasicPopup-close{
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	top:-60px;
	right:0;
	background-image: url(../img/icon/ico-popup-closed.png);
	background-size:40px 40px;
}


@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.BasicPopupCont{
		padding:38px 28px;
	}
	.BasicPopup-close{
		width:35px;
		height:35px;
		background-size:35px 35px;
		top:-50px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.BasicPopupCont{
		padding:28px 20px;
	}
	.BasicPopup-close{
		width:30px;
		height:30px;
		background-size:30px 30px;
		top:-40px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.BasicPopupCont{
		padding:20px 20px;
	}
	.BasicPopup-close{
		width:25px;
		height:25px;
		background-size:25px 25px;
		top:-35px;
	}
}



/* BasicPopupContTop
=========================================================*/
.BasicPopupContTopTitle{
	color:#000;
	font-size:30px;
	font-weight:bold;
	line-height:1.2em;
}
.BasicPopupContTop-banner{
	margin-top:30px;
	margin-bottom:48px;
	padding:40px 34px;
	background-color:#F4F4F4;
}
.BasicPopupContTop-inner{
	padding-left:95px;
	position:relative;
}

.BasicPopupContTop-inner.no-Icon{
	padding-left:0 !important;
}

.BasicPopupContTop-inner.no-Icon:before{
	display:none !important;
}

.BasicPopupContTop-inner:before{
	content:'';
	display:block;
	width:75px;
	height:75px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	background-image: url(../img/icon/ico-popup-security.png);
	background-size:75px 75px;
}
.BasicPopupContTop-title{
	color:#F37321;
	font-size:24px;
	font-weight:bold;
	line-height:1.4em;
}
.BasicPopupTopBanner-text{
	margin-top:10px;
	color:#000;
	font-size:18px;
	line-height:1.4em;
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.BasicPopupContTopTitle{
		font-size:26px;
	}
	.BasicPopupContTop-banner{
		margin-top:20px;
		margin-bottom:38px;
		padding:30px 24px;
	}
	.BasicPopupContTop-inner{
		padding-left:75px;
	}
	.BasicPopupContTop-inner:before{
		width:60px;
		height:60px;
		background-size:60px 60px;
	}
	.BasicPopupContTop-title{
		font-size:20px;
	}
	.BasicPopupTopBanner-text{
		margin-top:6px;
		font-size:16px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.BasicPopupContTopTitle{
		font-size:22px;
	}
	.BasicPopupContTop-banner{
		margin-top:20px;
		margin-bottom:38px;
		padding:26px 20px;
	}
	.BasicPopupContTop-inner{
		padding-left:60px;
	}
	.BasicPopupContTop-inner:before{
		width:45px;
		height:45px;
		background-size:45px 45px;
	}
	.BasicPopupContTop-title{
		font-size:18px;
	}
	.BasicPopupTopBanner-text{
		margin-top:6px;
		font-size:14px;
	}
}


@media screen and (max-width: 767px) and (min-width: 1px) {
	.BasicPopupContTopTitle{
		font-size:16px;
	}
	.BasicPopupContTop-banner{
		margin-top:14px;
		margin-bottom:18px;
		padding:12px 8px;
	}
	.BasicPopupContTop-inner{
		padding-left:26px;
	}
	.BasicPopupContTop-inner:before{
		width:20px;
		height:20px;
		background-size:20px 20px;
		top:5px;
		transform:translateY(0);
	}
	.BasicPopupContTop-title{
		font-size:14px;
		font-weight:500;
	}
	.BasicPopupTopBanner-text{
		margin-top:6px;
		font-size:13px;
	}
}



/* BasicPopupContList
=========================================================*/
.BasicPopupContList-list{
	margin-top:-26px;
}
.BasicPopupContList-item{
	padding:26px 0;
	border-bottom:1px solid #d1d1d1;
}

/* BasicPopupItem
=========================================================*/
.BasicPopupItem:after{
	content:'';
	display:block;
	clear:both;
}
.BasicPopupItem-title{
	width:22.33%;
	float:left;
	color:#000;
	font-weight:500;
	font-size:20px;
	line-height:1.4em;
}
.BasicPopupItem-cont{
	overflow:hidden;
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.BasicPopupItem-title{
		width:21%;
		font-size:18px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.BasicPopupContList-item{
		padding:20px 0;
	}
	.BasicPopupItem-title{
		width:26%;
		font-size:16px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.BasicPopupContList-list{
		margin-top:-20px;
	}
	.BasicPopupContList-item{
		padding:20px 0;
	}
	.BasicPopupItem-title{
		width:100%;
		margin-bottom:10px;
		float:none;
		font-size:14px;
	}
}


/*========================================================= 
	History
=========================================================*/
.History-inner{
	overflow:hidden;
}
.HistoryBox{
	display:none;
}
.HistoryBox.is-Current{
	display:block;
}
.HistoryTitle{
	margin-bottom:14px;
	color:#000;
	font-size:36px;
	font-weight:bold;
	line-height:1.8em;
	font-family:'Jost';
}
.HistoryBox-item{
	padding-bottom:140px;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.HistoryTitle{
		margin-bottom:12px;
		font-size:32px;
	}
	.HistoryBox-item{
		padding-bottom:100px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.HistoryTitle{
		margin-bottom:10px;
		font-size:24px;
	}
	.HistoryBox-item{
		padding-bottom:80px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.HistoryTitle{
		margin-bottom:0px;
		font-size:18px;
	}
	.HistoryBox-item{
		padding-bottom:40px;
	}
}


/* HistoryListItem
=========================================================*/
.HistoryListItem-title{
	width:30%;
	float:left;
	position:relative;
	color:#F37321;
	font-size:130px;
	line-height:1em;
	font-weight:500;
	font-family:'Jost';
}
.HistoryListItem-title:after{
	content:'';
	display:block;
	width:1px;
	height:1000px;
	position:absolute;
	top:-70px;
	right:-8px;
	background-color:#D1D1D1;
}
.HistoryListItem-cont{
	overflow:hidden;
}

/* HistoryItem*/
.HistoryItem-item{
	padding: 13px 0;
}
.HistoryItem-text{
	display:block;
	padding-left:36px;
	position:relative;
	color:#4C4948;
	font-size:18px;
	line-height:1.4em;
}
.HistoryItem-text:before{
	content:'';
	display:block;
	width:16px;
	height:16px;
	position:absolute;
	top:5px;
	left:0;
	background-image: url('../img/icon/ico-history-bullet.png');
	background-size:16px 16px;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.HistoryListItem-title{
		width: 25%;
		font-size:86px;
	}
	.HistoryListItem-title:after{
		top:-60px;
	}
	.HistoryItem-item{
		padding: 10px 0;
	}
	.HistoryItem-text{
		padding-left: 30px;
		font-size:16px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.HistoryListItem-title{
		width: 23%;
		font-size:56px;
	}
	.HistoryListItem-title:after{
		top: -45px;
		right:-7px;
	}
	.HistoryItem-item{
		padding: 8px 0;
	}
	.HistoryItem-text{
		padding-left: 22px;
		font-size:14px;	
	}
	.HistoryItem-text:before{
		width: 12px;
		height: 12px;
		background-size: 12px 12px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.HistoryListItem-title{
		width:100%;
		float:none;
		margin-bottom: 6px;
		font-size:46px;
	}
	.HistoryListItem-title:after{
		display:none;
	}
	.HistoryItem-item{
		padding:6px 0;
	}
	.HistoryItem-text{
		padding-left:18px;
		font-size:13px;
	}
	.HistoryItem-text:before{
		width:10px;
		height:10px;
		top:4px;
		background-size:10px 10px;
	}
}

/*========================================================= 
	CompanyTitle
=========================================================*/
.CompanyTitle-text{
	margin-bottom:44px;
	padding-bottom:20px;
	padding-bottom:0 !important;
	position:relative;
	color:#000;
	font-size:40px;
	line-height:1.2em;
	font-weight:bold;
	text-align:center;
}
.CompanyTitle-text:after{
	content:'';
	display:none;
	width:28px;
	height:3px;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	background-color:#F37321;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CompanyTitle-text{
		margin-bottom:32px;
		font-size:32px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CompanyTitle-text{
		margin-bottom:20px;
		padding-bottom: 18px;
		font-size:26px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CompanyTitle-text{
		margin-bottom:16px;
		padding-bottom:12px;
		font-size:20px;
	}
	.CompanyTitle-text:after{
		height:2px;
		
	}
}


/*========================================================= 
	CompanyInfo
=========================================================*/

/* CompanyInfoTop */
.CompanyInfoTop{
	margin-bottom:40px;
	text-align: center;
}
.CompanyInfoTop-title{
	color:#000;
	font-size:28px;
	font-weight:bold;
	line-height:1.4em;
}
.CompanyInfoTop-text{
	margin-top:26px;
	color:#000;
	font-size:16px;
	line-height:1.6em;
	text-align:left;
}
/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CompanyInfoTop-title{
		font-size:24px;
	}
	.CompanyInfoTop-text{
		margin-top:20px;
		font-size:15px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CompanyInfoTop{
		margin-bottom:30px;
	}
	.CompanyInfoTop-title{
		font-size:18px;
	}
	.CompanyInfoTop-text{
		margin-top:10px;
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CompanyInfoTop{
		margin-bottom:30px;
	}
	.CompanyInfoTop-title{
		font-size:15px;
	}
	.CompanyInfoTop-title .text-orange{
		display:block;
	}
	.CompanyInfoTop-title br{
		display:none;
	}
	.CompanyInfoTop-text{
		margin-top:10px;
		font-size:14px;
	}
}


/* CompanyInfoNum */
.CompanyInfoNum{
	margin-bottom:52px;
}
.CompanyInfoNum-list{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
.CompanyInfoNum-item{
	max-width:25%;
	flex:0 0 25%;
	text-align: center;
	border-right:2px dotted #d1d1d1;
}
.CompanyInfoNum-item:last-child{
	border-right:0;
}
.CompanyInfoNum-num{
	display:block;
	color:#F37321;
	font-size:50px;
	font-weight:500;
	font-family:'Jost';
	line-height:1em;
}
.CompanyInfoNum-text{
	font-size:20px;
}
.CompanyInfoNum-title{
	display:block;
	margin-top:15px;
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:1.2em;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CompanyInfoNum-num{
		font-size:46px;
	}
	.CompanyInfoNum-text{
		font-size:18px;
	}
	.CompanyInfoNum-title{
		margin-top:10px;
		font-size:16px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CompanyInfoNum-num{
		font-size:38px;
	}
	.CompanyInfoNum-text{
		font-size:15px;
	}
	.CompanyInfoNum-title{
		margin-top:4px;
		font-size:15px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CompanyInfoNum{
		margin-bottom:40px;
	}
	.CompanyInfoNum-list{
		flex-wrap:wrap;
		margin:-10px 0;
	}
	
	.CompanyInfoNum-item{
		max-width:50%;
		flex:0 0 50%;
		margin:10px 0;
		border-width:1px;
	}
	.CompanyInfoNum-item:nth-child(even){
		border:none;
	}
	.CompanyInfoNum-num{
		font-size:28px;
	}
	.CompanyInfoNum-text{
		font-size:14px;
	}
	.CompanyInfoNum-title{
		margin-top:8px;
		font-size:14px;
	}
}


/* CompanyInfoBanner */
.CompanyInfoBanner{
    height: 390px;
	margin-bottom: 118px;
    position: relative;
}
.CompanyInfoBanner-inner{
	overflow:hidden;
	position: absolute;
    height: 100%;
    width: 100vw;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}
.CompanyInfoBanner-img{
	display:block;
	width:100%;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CompanyInfoBanner{
		height: 264px;
		margin-bottom: 90px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 1px) {
	.CompanyInfoBanner{
		height:auto;
	}
	.CompanyInfoBanner-inner{
		margin-right:-20px;
		margin-left:-20px;
		position:static;
		transform: translateX(0);
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px){
	.CompanyInfoBanner{
		margin-bottom:60px;
	}
}
@media screen and (max-width: 767px) and (min-width: 1px) {
	.CompanyInfoBanner{
		margin-bottom:40px;
	}
}


/* BusinessOutline */
.BusinessOutlineTop{
	font-size:0;
	line-height:0;
}
.BusinessOutlineTop-title{
	display:inline-block;
	margin-right:20px;
	color:#000;
	font-size:36px;
	font-weight:bold;
	line-height:1.2em;
}
.BusinessOutlineTop-sub{
	display:inline-block;
	margin-top:8px;
	color:#000;
	font-size:18px;
	line-height:1.4em;
}

/* BusinessOutlineBtm */
.BusinessOutlineBtm-title{
	color:#F37321;
	font-size:28px;
	font-weight:bold;
	line-height:1.4em;
}
.BusinessOutlineBtm{
	margin:38px -35px 0;
}
.BusinessOutlineBtm:after{
	content:'';
	display:block;
	clear:both;
}
.BusinessOutlineBtm-item{
	width:50%;
	float:left;
	padding:0 35px;
}
.BusinessOutlineBtm-title{
	display:block;
}
.BusinessOutlineBtm-text{
	color:#4C4948;
	font-size:16px;
	line-height:1.8em;
}


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	/* BusinessOutline */
	.BusinessOutlineTop-title{
		margin-right:16px;
		font-size:32px;
	}
	.BusinessOutlineTop-sub{
		margin-top:8px;
		font-size:17px;
	}

	/* BusinessOutlineBtm */
	.BusinessOutlineBtm-title{
		font-size:24px;
	}
	.BusinessOutlineBtm{
		margin:25px -30px 0;
	}
	.BusinessOutlineBtm-item{
		padding:0 30px;
	}
	.BusinessOutlineBtm-text{
		font-size:16px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px){
	/* BusinessOutline */
	.BusinessOutlineTop-title{ 
		margin-right:10px;
		font-size:24px;
	}
	.BusinessOutlineTop-sub{
		margin-top:8px;
		font-size:16px;
	}

	/* BusinessOutlineBtm */
	.BusinessOutlineBtm-title{
		font-size:18px;
	}
	.BusinessOutlineBtm{
		margin:16px -15px 0;
	}
	.BusinessOutlineBtm-item{
		padding:0 15px;
	}
	.BusinessOutlineBtm-text{
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	/* BusinessOutline */
	.BusinessOutlineTop-title{
		display:block;
		margin-right:0;
		font-size:18px;
	}
	.BusinessOutlineTop-sub{
		display:block;
		margin-top:6px;
		font-size:14px;
	}

	/* BusinessOutlineBtm */
	.BusinessOutlineBtm-title{
		font-size:16px;
	}
	.BusinessOutlineBtm{
		margin:0;
	}
	.BusinessOutlineBtm-item{
		width:100%;
		float:none;
		padding:15px 0 0;
	}
	.BusinessOutlineBtm-text{
		font-size:14px;
	}
}


/* BusinessOutlineList */
.BusinessOutlineList{
	margin-top:64px;
}
.BusinessOutlineList-list{
	margin:0 -35px;
}
.BusinessOutlineList-list:after{
	content:'';
	display:block;
	clear:both;
}
.BusinessOutlineList-item{
	width:50%;
	float:left;
	padding:20px 35px 0;
}
.BusinessOutlineList-item:nth-child(odd){
	clear:both;
}
.BusinessOutlineList-item:nth-child(even){
	padding-top:50px;
}
.BusinessOutlineList-item:first-child{
	padding-top:0;
}
.BusinessItem-thumb{
	position:relative;
}
.BusinessItem-thumb:after{
	content:'';
	display:block;
	padding-bottom:56.78%;
}
.BusinessItem-img{
	display:block;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.BusinessItem-num{
	display:block;
	padding: 12px 14px;
	position:absolute;
	bottom:-22px;
	left:22px;
	z-index:5;
	color:#fff;
	line-height:1.2em;
	font-size:30px;
	font-weight:500;
	font-family:'Jost';
	background-color:#F37321;
}
.BusinessItem-cont{
	margin-top:46px;
}
.BusinessItem-title{
	color:#000;
	font-size:26px;
	font-weight:bold;
	line-height:1.4em;
}
.BusinessItem-text{
	margin-top:16px;
	color:#4C4948;
	font-size:16px;
	line-height:1.4em;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.BusinessOutlineList{
		margin-top:50px;
	}
	.BusinessOutlineList-list{
		margin:0 -30px;
	}
	.BusinessOutlineList-item{
		padding:0 30px;
	}
	.BusinessOutlineList-item:nth-child(even){
		padding-top:50px;
	}
	.BusinessItem-thumb:after{
		padding-bottom:56.78%;
	}
	.BusinessItem-num{
		padding: 9px 11px;
		bottom:-20px;
		left:20px;
		font-size:26px;
	}
	.BusinessItem-cont{
		margin-top:40px;
	}
	.BusinessItem-title{
		font-size:24px;
	}
	.BusinessItem-text{
		margin-top:10px;
		font-size:15px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.BusinessOutlineList{
		margin-top:30px;
	}
	.BusinessOutlineList-list {
		margin: -15px 0;
	}
	.BusinessOutlineList-item{
		padding:0 15px;
	}
	.BusinessOutlineList-item:nth-child(even){
		padding-top:30px;
	}
	.BusinessItem-num{
		padding: 8px 8px;
		bottom:-16px;
		left:16px;
		font-size:16px;
	}
	.BusinessItem-cont{
		margin-top:26px;
	}
	.BusinessItem-title{
		font-size:18px;
	}
	.BusinessItem-text{
		margin-top:10px;
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.BusinessOutlineList{
		margin-top:30px;
	}
	.BusinessOutlineList-list {
		margin: 0;
	}
	.BusinessOutlineList-item{
		width:100%;
		float:none;
		padding:0;
	}
	.BusinessOutlineList-item{
		padding-top:24px;
	}
	.BusinessOutlineList-item:nth-child(even){
		padding-top:24px;
	}
	.BusinessOutlineList-item br{
		display:none;
	}
	.BusinessItem-num{
		padding: 8px 8px;
		bottom:-10px;
		left:10px;
		font-size:15px;
	}
	.BusinessItem-cont{
		margin-top:26px;
	}
	.BusinessItem-title{
		font-size:16px;
	}
	.BusinessItem-text{
		margin-top:10px;
		font-size:14px;
	}
}

/*=========================================================
	CompanyProduct
=========================================================*/
body.page-id-540 .content-area{
	margin-top:0;
}

body.page-id-540 footer{
	margin-top:0;
}

.CompanyProduct{
	margin-top:134px;
	position:relative;
}
.CompanyProduct .site-container{
	height:100%;
}
.CompanyProduct-inner{
	overflow: hidden;
	padding:50px 0 73px;
    position: relative;
    height: 100%;
    width: 100vw;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
	background-size:cover;
	background-position:center center;
}
.CompanyProduct-inner:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(243,115,33,0.9);
}
.CompanyProductTitle{
	max-width:1280px;
	margin:0 auto;
	padding:0 40px;
	position:relative;
}
.CompanyProductTitle-text{
	color:#fff;
	font-size:36px;
	line-height:1.2em;
	font-weight:bold;
	font-family:'Jost';
}
.CompanyProductCont{
    max-width: 1280px;
    height: 455px;
    margin: 0 auto;
	padding:0 40px;
}
.CompanyProductCont-inner{
	width:100%;
	height:100%;
	position:relative;
}
.CompanyProductItem{
	position:absolute;
}
.CompanyProductItem-link{
	display:block;
}
.CompanyProductItem-img{
	display:block;
	width:100%;
}

.CompanyProductItem.P01{
	width:17.08%;
	left:0;
	bottom:20.51%;
}
.CompanyProductItem.P02{
	width:25.33%;
	top:9.1575%;
	left:26%;
}
.CompanyProductItem.P03{
	width: 25.66%;
	/* bottom:13.1868%; */
	bottom:0;
	left:39.16%;
}

.CompanyProductItem.P04{
	width: 16.66%;
	top:0;
	right:16.33%;
}
.CompanyProductItem.P05{
	width: 16.66%;
	bottom:16.5%;
	right:0;
}


.CompanyProductItem-title{
	margin-top:12px;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	line-height:1.4em;
}
.CompanyProductItem-arrow{
	display:block;
	margin-top:10px;
	width:32px;
	height:32px;
	background-image:url(../img/icon/ico-radius-arrow-w.png);
	background-size:32px 32px;
}

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

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {

	.CompanyProduct{
		margin-top:13.07vw;
	}
	.CompanyProduct-inner{
		padding-top:4.878vw;
		padding-bottom:7.1219vw;
	}
	.CompanyProductTitle-text{
		font-size:3.512vw;
	}
	.CompanyProductCont{
		height:44.39vw;
		padding: 0 3.910vw;
	}
	.CompanyProductItem-title{
		margin-top:1.1707vw;
		font-size:2.3414vw;
	}
	.CompanyProductItem-arrow{
		margin-top:0.9756vw;
		width:2.9268vw;
		height:2.9268vw;
		background-size:2.9268vw 2.9268vw;
	}

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CompanyProduct{
		margin-top:17.4479vw;
	}
	.CompanyProduct-inner{
		padding-top:4.887vw;
		padding-bottom:6.887vw;
	}
	.CompanyProductTitle-text{
		font-size:3.519vw;
	}
	.CompanyProductCont{
		height:44.47vw;
	}
	.CompanyProductItem-title{
		margin-top:1.5625vw;
		font-size:2.346vw;
	}
	.CompanyProductItem-arrow{
		margin-top:1vw;
		width:3.12vw;
		height:3.12vw;
		background-size:3.12vw 3.12vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CompanyProduct{
		height:auto;
		margin-top:17.4479vw;
	}
	
	.CompanyProduct-inner{
		padding:0;
		padding-top:4.887vw;
		padding-bottom:4.887vw;
		position:static;
		transform:translateX(0);
		margin-left:-20px;
		margin-right:-20px;
	}
	.CompanyProductTitle{
		max-width:100%;
		padding: 0 20px;
	}
	.CompanyProductTitle-text{
		margin-bottom:3vw;
		font-size:5.65vw;
	}
	.CompanyProductCont{
		height:auto;
		padding:0 20px;
	}
	.CompanyProductCont-inner{
		display:flex;
		flex-wrap:wrap;
		align-items: baseline;
		width:auto;
		height:auto;
		margin:0 -2.5vw;
	}
	.CompanyProductItem{
		flex:0 0 50%;
		max-width:50%;
		position:static;	
		margin:3.5vw 0;
		padding:0 2.5vw;
	}
	.CompanyProductItem:nth-child(2n+1){ 
		clear:both;
	}
	.CompanyProductItem-img{
		width:auto;
		margin:0 auto;
	}
	.CompanyProductItem-title{
		margin-top:2.5625vw;
		font-size:4.7vw;
	}
	.CompanyProductItem-arrow{
		margin-top:1vw;
		width:6.266vw;
		height:6.266vw;
		background-size:6.266vw 6.266vw;
	}
	.CompanyProductItem.P01 .CompanyProductItem-img{
		width:80%;
	}
	.CompanyProductItem.P05 .CompanyProductItem-img{
		width:80%;
	}
}


/*=========================================================
	CI
=========================================================*/
.CiTopTitle{
	text-align:center;
}
.CiTopTitle-inner{
	position:relative;
	padding:122px 20px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.CiTopTitle-inner:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(243,115,33,0.8);
}
.CiTopTitle-title{
	display:block;
	position:relative;
	z-index:1;
	color:#000;
	font-family:'Jost';
	font-size:34px;
	font-weight:bold;
	line-height:1.4em;
}
.CiTopTitle-text{
	position:relative;
	z-index:1;
	margin-top:8px;
	color:#000;
	font-size:18px;
	line-height:1.4em;
}
.CiTopTitle-text br{
	display:none;
}
.CiBanner{
	margin-top:40px;
	margin-bottom:90px;
}
.CiBanner-img{
	display:block;
}
.CiLogo-item:after{
	content:'';
	display:block;
	clear:both;
}

.CiLogo-item{
	margin-bottom:50px;
}
.CiLogo-item:last-child{
	margin-bottom:0;
}
.CiLogo-title{
	margin-bottom:20px;
	color:#000;
	font-size:30px;
	font-weight:bold;
	line-height:1.2em;
}
.CiLogoCont-list{
	display:table;
	width:100%;
	padding:81px 20px;
	table-layout:fixed;
	/*background-image:url(../img/icon/bg-bordersquare.png)*/;
	border:1px solid #e1e1e1;
}
.CiLogoCont-item{
	display:table-cell;
	padding:20px;
	text-align:center;
	vertical-align:middle;
}

.CiLogoCont-download{
	float:right;
	margin-top:32px;
}
.CiLogoCont.en .CiLogoCont-item{
	vertical-align:unset;
}


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CiTopTitle-inner{
		padding:100px 20px;
	}
	.CiTopTitle-title{
		font-size:30px;
	}
	.CiTopTitle-text{
		font-size:17px;
	}
	.CiBanner{
		margin-top: 30px;
		margin-bottom: 70px;
	}
	.CiLogo-item{
		margin-bottom:40px;
	}
	.CiLogo-title{
		margin-bottom:16px;
		font-size:26px;
	}
	.CiLogoCont-list{
		padding:50px 20px;
	}
	.CiLogoCont-item{
		padding:20px 0;
	}
	.CiLogoCont-download{
		margin-top:32px;
	}

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CiTopTitle-inner{
		padding:50px 20px;
	}
	.CiTopTitle-title{
		font-size:22px;
	}
	.CiTopTitle-text{
		font-size:14px;
	}
	.CiBanner{
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.CiLogo-item{
		margin-bottom:20px;
	}
	.CiLogo-title{
		margin-bottom:10px;
		font-size:18px;
	}
	.CiLogoCont-list{
		padding:20px 20px;
	}
	.CiLogoCont-item{
		padding:10px 12px;
	}
	.CiLogoCont-download{
		margin-top:16px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CiTopTitle-inner{
		padding:40px 5px;
	}
	.CiTopTitle-title{
		font-size:18px;
	}
	.CiTopTitle-text{
		font-size:14px;
	}
	.CiTopTitle-text br{
		display:block;
	}
	.CiBanner{
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.CiLogo-item{
		margin-bottom:30px;
	}
	.CiLogo-title{
		margin-bottom:10px;
		font-size:16px;
	}
	.CiLogoCont-list{
		display:block;
		padding:20px 20px;
	}
	.CiLogoCont-item{
		display:block;
		padding:20px 10px;
	}
	.CiLogoCont-download{
		margin-top:16px;
	}
}



/*========================================================
	ManageTop
=========================================================*/
.ManageTop{
	text-align:center;
}
.ManageTop-title{
	color:#F37321;
	font-size:28px;
	font-weight:bold;
	line-height:1.4em;
}
.ManageTop-sub{
	margin-top:6px;
	color:#000;
	font-size:20px;
	font-weight:500;
	line-height:1.4em;
}
.ManageTop-text{
	margin-top:20px;
	color:#000;
	font-size:16px;
	line-height:1.6em;
	text-align:left;
}
.ManageTop-banner{
	margin-top:46px;
}
.ManageTop-img{
	display:block;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.ManageTop-title{
		font-size:26px;
	}
	.ManageTop-sub{
		margin-top:6px;
		font-size:20px;
	}
	.ManageTop-text{
		margin-top:20px;
		font-size:15px;
	}
	.ManageTop-banner{
		margin-top:36px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.ManageTop-title{
		font-size:22px;
	}
	.ManageTop-sub{
		margin-top:6px;
		font-size:16px;
	}
	.ManageTop-text{
		margin-top:15px;
		font-size:14px;
	}
	.ManageTop-banner{
		margin-top:40px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.ManageTop-title{
		font-size:17px;
	}
	.ManageTop-sub{
		margin-top:8px;
		font-size:14px;
	}
	.ManageTop-text{
		margin-top:8px;
		font-size:14px;
	}
	.ManageTop-banner{
		margin-top:20px;
	}
}


.AboutTitleCont-sub{
	color:#000;
	font-size:18px;
	font-weight:500;
	line-height:1.6em;
}
/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.AboutTitleCont-sub{
		font-size:17px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.AboutTitleCont-sub{
		font-size:15px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.AboutTitleCont-sub{
		font-size:15px;
	}
}

/* ComplianceStep
=========================================================*/
.ComplianceStep-list{
	margin:0 -20px;
}
.ComplianceStep-list:after{
	content:'';
	display:block;
	clear:both;
}
.ComplianceStep-item{
	width:33.33%;
	float:left;
	padding:0 20px;
}
/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.ComplianceStep-list {
		margin: 0 -1.9512vw;
	}
	.ComplianceStep-item{
		padding: 0 1.9512vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.ComplianceStep-list {
		margin: 0 -1.955vw;
	}
	.ComplianceStep-item{
		padding: 0 1.955vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.ComplianceStep-list {
		margin: 0 -2vw;
	}
	.ComplianceStep-item{
		padding: 0 2vw;
	}
}


/* ComplianceItem
=========================================================*/
.ComplianceItem{
	text-align:center;
}
.ComplianceItem-bg{
	width:100%;
	max-width:200px;
	margin:0 auto;
	position:relative;
	background: linear-gradient(#F37321, #FFA76D);
	border-radius:100%;
}
.ComplianceItem-bg:before{
	content:'';
	display:block;
	width:calc(100% - 40px);
	height:calc(100% - 40px);
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:1;
	background-color:#fff;
	border-radius:100%;
}
.ComplianceItem-bg:after{
	content:'';
	display:block;
	padding-bottom:100%;
}
.ComplianceItem-title{
	position:absolute;
	top:50%;
	left:50%;
	z-index:5;
	transform:translate(-50%,-50%);
	color:#000;
	font-size:20px;
	font-weight:bold;
	line-height:1.6em;
}
.ComplianceItem-text{
	margin-top:20px;
	color:#4C4948;
	font-size:16px;
	line-height:1.6em;
}

/*Responsive*/
@media screen and (min-width: 1441px) {
	html:not([lang="ko-KR"]) .ComplianceItem-title{
		font-size:16px;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.ComplianceItem-bg{
		max-width:19.512vw;
	}
	.ComplianceItem-bg:before{
		width:calc(100% - 3.9024vw);
		height:calc(100% - 3.9024vw);
	}
	.ComplianceItem-title{
		font-size:1.756vw;
	}
	.ComplianceItem-text{
		margin-top:0.9756vw;
		font-size:1.5609vw;
	}

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.ComplianceItem-bg{
		max-width:19.55vw;
	}
	.ComplianceItem-bg:before{
		width:calc(100% - 3.910vw);
		height:calc(100% - 3.910vw);
	}
	.ComplianceItem-title{
		font-size:1.7595vw;
	}
	.ComplianceItem-text{
		margin-top:1.955vw;
		font-size:1.564vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.ComplianceItem-bg{
		max-width:31.25vw;
	}
	.ComplianceItem-bg:before{
		width:calc(100% - 6.25vw);
		height:calc(100% - 6.25vw);
	}
	.ComplianceItem-title{
		font-size:3vw;
	}
	.ComplianceItem-text{
		margin-top:3vw;
		font-size:2.666vw;
	}
}


/* ManageTarget
=========================================================*/

.ManageTarget-list{
	margin-right:64px;
}
.ManageTarget-list:after{
	content:'';
	display:block;
	clear:both;
}
.ManageTarget-item{
	width:33.33%;
	float:left;
	position:relative;
	padding:57px 20px;
	background-color:#fff;
	border-width:3px;
	border-color:#FBB584;
	border-style:solid;
	border-right:0;
	text-align:center;
}

.ManageTarget-item + .ManageTarget-item{
	padding-left:84px;
}

.ManageTarget-item:last-child{
	padding-right:0;
}
.ManageTarget-item.Step02{
	border-color:#F8A073;
}
.ManageTarget-item.Step03{
	border-color:#F37321;
}
.ManageTarget-item:before{
	content:'';
	display:block;
	width:64px;
	height:142px;
	position:absolute;
	top:-2px;
	right:-62px;
	z-index:1;
	background-size:64px 142px;
	/* box-shadow:10px 10px 20px rgba(0,0,0,0.05); */
}
.ManageTarget-item.Step01:before{
	background-image:url(../img/icon/bg-target01.png);
}

.ManageTarget-item.Step02:before{
	background-image:url(../img/icon/bg-target02.png);
}
.ManageTarget-item.Step03:before{
	background-image:url(../img/icon/bg-target03.png);
}
.ManageTarget-text{
	display:block;
	color:#F37321;
	font-size:20px;
	font-weight:bold;
	line-height:1.2em;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1px) {
	.ManageTarget-list{
		margin-right:4.444vw;
	}
	.ManageTarget-item{
		padding:3.9583vw 1.0512vw;
		border-width:0.2683vw;
	}
	.ManageTarget-item + .ManageTarget-item{
		padding-left:4.0333vw;
	}

	.ManageTarget-item:before{
		width:4.444vw;
		height:9.861vw;
		top:-0.19512vw;
		right:-4.366vw;
		background-size:4.444vw 9.861vw;
	}
	.ManageTarget-text{
		font-size:1.3888vw;
	}

}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.ManageTarget-text{
		font-size:3vw;
	}
	.ManageTarget-item:before {
		width: 4.444vw;
		height: 11.861vw;
		background-size: 4.444vw 11.861vw;
	}
}


/* ManageTargetStep
=========================================================*/
.ManageTargetStep{
	margin-top:30px;
}
.ManageTargetStep-list{
	display:flex;
	flex-wrap:wrap;
}
.ManageTargetStep-list:after{
	content:'';
	display:block;
	clear:both;
}
.ManageTargetStep-item{
	max-width:25%;
	flex:0 0 25%;
	padding:26px 20px;
	border-top:1px dashed #D1D1D1;
	border-left:1px dashed #D1D1D1;
	text-align:center;
}
.ManageTargetStep-item:nth-child(4n+1){ 
	clear:both;
}
.ManageTargetStep-item:nth-last-of-type(1),
.ManageTargetStep-item:nth-last-of-type(2),
.ManageTargetStep-item:nth-last-of-type(3),
.ManageTargetStep-item:nth-last-of-type(4){
	border-bottom:1px dashed #D1D1D1;
}
.ManageTargetStep-item:nth-last-of-type(1),
.ManageTargetStep-item:nth-last-of-type(4){
	border-right:1px dashed #D1D1D1;
}
.ManageTargetStep-title{
	display:block;
	color:#000;
	font-size:16px;
	font-weight:500;
	line-height:1.4em;
}
.ManageTargetStep-text{
	margin-top:6px;
	display:block;
	color:#4C4948;
	font-size:14px;
	line-height:1.6em;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.ManageTargetStep{
		margin-top:2.0833vw;
	}
	.ManageTargetStep-item{
		padding:1.805vw 1.388vw;
	}
	.ManageTargetStep-title{
		font-size:1.1111vw;
	}
	.ManageTargetStep-text{
		margin-top:0.4166vw;
		font-size:0.9722vw;
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px){
	.ManageTargetStep{
		margin-top:2.929vw;
	}
	.ManageTargetStep-item{
		padding:2.539vw 1.953vw;
	}
	.ManageTargetStep-title{
		font-size:1.5625vw;
	}
	.ManageTargetStep-text{
		margin-top:0.5859vw;
		font-size:1.3671vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.ManageTargetStep{
		margin-top:3.9113vw;
	}
	.ManageTargetStep-item{
		max-width:50%;
		flex:0 0 50%;
		padding:3.389vw 2.6075vw;
	}
	.ManageTargetStep-item:nth-child(even){
		border-right:1px dashed #D1D1D1;
	}
	.ManageTargetStep-item:nth-last-of-type(3),
	.ManageTargetStep-item:nth-last-of-type(4){
		border-bottom:0;
	}
	.ManageTargetStep-title{
		font-size:2.85vw;
	}
	.ManageTargetStep-text{
		margin-top:0.782vw;
		font-size:2.5vw;
	}
}



/* ManageDownload
=========================================================*/
.ManageDownload{
	padding-top:30px;
	border-top:1px solid #D1D1D1;
}
.ManageDownload:after{
	content:'';
	display:block;
	clear:both;
}
.ManageDownload-list{
	float:right;
}
.ManageDownload-list:after{
	content:'';
	display:block;
	clear:both;
}
.ManageDownload-item{
	float:left;
	margin-right:6px;
}
.ManageDownload-item:last-child{
	margin-right:0;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.ManageDownload{
		padding-top:2.083vw;
	}
}

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

@media screen and (max-width: 767px) and (min-width: 1px) {
	.ManageDownload{
		padding-top:3.911vw;
	}
	.ManageDownload-item{
		margin-right:0.7822vw;
	}
}



/* =========================================================
	PeopleBanner
=========================================================*/
.PeopleBanner{
	position:relative;
	padding:92px 20px;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
.PeopleBanner:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background-color:rgba(0,0,0,0.3);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
.PeopleBanner-inner{
	position:relative;
	z-index:5;
	text-align:center;
}
.PeopleBanner-title{
	display:inline-block;
	position:relative;
	color:#fff;
	font-size:36px;
	line-height:1.2em;
	font-weight: bold;
	background-color:rgba(243,115,33,0.75);
}
.PeopleBanner-text{
	position:relative;
	margin-top:16px;
	color:#fff;
	font-size:24px;
	font-weight:500;
	line-height:1.4em;
}
/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
		
	.PeopleBanner{
		padding:80px 20px;
	}
	.PeopleBanner-title{
		font-size:28px;
	}
	.PeopleBanner-text{
		margin-top:12px;
		font-size:20px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
			
	.PeopleBanner{
		padding:60px 20px;
	}
	.PeopleBanner-title{
		font-size:22px;
	}
	.PeopleBanner-text{
		margin-top:12px;
		font-size:16px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
			
	.PeopleBanner{
		padding:30px 5px;
	}
	.PeopleBanner-title{
		font-size:18px;
	}
	.PeopleBanner-text{
		margin-top:8px;
		font-size:12px;
	}
}




/*=========================================================
	AboutTitleCont
=========================================================*/
.PeopleTitleCont{
	display:table;
	width:100%;
	margin-top:94px;
}

.PeopleTitleCont:first-child{
	margin-top:0;
}

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

.PeopleTitleCont-title{
	min-width:348px;
	display:table-cell;
	vertical-align:middle;
}
.PeopleIcon{
	width:100%;
	min-width:360px;
	position:relative;
	background-color:#FBF2ED;
	border-radius:100%;
}
.PeopleIcon:before{
	content:'';
	display:block;
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	position:absolute;
	top:50%;
	left:50%;
	z-index:1;
	transform:translate(-50%, -50%);
	background-color:#fff;
	border-radius:100%;
}
.PeopleIcon:after{
	content:'';
	display:block;
	padding-bottom:100%;
}
.PeopleIcon-text{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	z-index:5;
	transform:translate(-50%, -50%);
	color:#F37321;
	font-size:30px;
	line-height:1.2em;
	font-weight: bold;
	text-align:center;
}
.PeopleIcon-text:before{
	content:'';
	display:block;
	margin:0 auto 22px;
}
.PeopleIcon.Icon01 .PeopleIcon-text:before{
	width:100px;
	height:100px;
	background-image: url(../img/icon/ico-people01.png);
	background-size:100px 100px;
}

.PeopleIcon.Icon02 .PeopleIcon-text:before{
	width:110px;
	height:108px;
	background-image: url(../img/icon/ico-people02.png);
	background-size:110px 108px;
}
.PeopleIcon.Icon03 .PeopleIcon-text:before{
	width:102px;
	height:100px;
	background-image: url(../img/icon/ico-people03.png);
	background-size:102px 100px;
}


/* PeopleTitleCont-cont */
.PeopleTitleCont-cont{
	display:table-cell;
	padding-left:64px;
	vertical-align:middle;
}
.PeopleTitleCont-tit{
	display:block;
	color:#F37321;
	font-size:32px;
	line-height:1.4em;
	font-weight: bold;
}
.PeopleTitleCont-sub{
	margin:10px 0 34px;
	color:#000;
	font-size:22px;
	font-weight:500;
	line-height:1.6em;
}

.PeopleBullet-list{
	margin:-6px 0;
}
.PeopleBullet-item{
	padding:6px 0;
}
.PeopleBullet-item:after{
	content:'';
	display:block;
	clear:both;
}
.PeopleBullet-bullet{
	display:block;
	float:left;
	padding-right:5px;
	color:#666666;
	font-size:20px;
	line-height:1.4em;
}
.PeopleBullet-text{
	overflow:hidden;
	display:block;
	color:#666666;
	font-size:16px;
	line-height:1.4em;
}

/*0804 작업*/
.challengeCont {display: grid;justify-items: center; align-items: center}
.challengeCont img{width: 500px; height: 70px;}
.challengeCont strong{font-size: 18px;	line-height: 28px; text-align: center;}
.challengeCont-inner{max-width: 1100px; margin: 30px auto 0; display: grid; gap: 36px;}
.contentsBox{border: 1px solid #8e8e8e;box-sizing: border-box; width: 100%; padding: 43px 0 43px 95px;	display: grid;
    grid-template-columns: 235px 1fr;
    gap: 100px;}
.contentsBox .lft{display: grid; gap: 43px; justify-items: center;align-content: center;}
.contentsBox .lft strong{color: #353535;	font-size: 30px; line-height: 45px; text-align: center;}
.contentsBox .lft strong>p{color:#f37321;}
.contentsBox .rgt{display: grid; gap: 43px;}
.contentsBox .rgt .desc strong{color: #353535;	font-size: 20px; line-height: 32px;}
.contentsBox .rgt .desc p{color:#605854;font-size: 18px; line-height:32px;}
.contentsBox .rgt .desc p.gap{margin: 12px 0 0;} 
/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.PeopleTitleCont{
		margin-top:75px;
	}
	.PeopleTitleCont-title{
		min-width:300px;
	}
	.PeopleIcon{
		min-width:280px;
	}
	.PeopleIcon-text{
		font-size:26px;
	}
	.PeopleIcon-text:before{
		margin:0 auto 12px;
	}
	.PeopleIcon.Icon01 .PeopleIcon-text:before{
		width:80px;
		height:80px;
		background-size:80px 80px;
	}
	.PeopleIcon.Icon02 .PeopleIcon-text:before{
		width:90px;
		height:88px;
		background-size:90px 88px;
	}
	.PeopleIcon.Icon03 .PeopleIcon-text:before{
		width:82px;
		height:80px;
		background-size:82px 80px;
	}
	
	/* PeopleTitleCont-cont */
	.PeopleTitleCont-cont{
		padding-left:40px;
	}
	.PeopleTitleCont-tit{
		font-size:28px;
	}
	.PeopleTitleCont-sub{
		margin:10px 0 30px;
		font-size:18px;
	}
	.PeopleBullet-list{
		margin:-6px 0;
	}
	.PeopleBullet-item{
		padding:4px 0;
	}
	.PeopleBullet-bullet{
		padding-right:5px;
		font-size:16px;
	}
	.PeopleBullet-text{
		font-size:15px;
	}

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.PeopleTitleCont{
		margin-top:55px;
	}
	.PeopleTitleCont-title{
		min-width:200px;
	}
	.PeopleIcon{
		min-width:140px;
	}
	.PeopleIcon-text{
		font-size:20px;
	}
	.PeopleIcon-text:before{
		margin:0 auto 12px;
	}
	.PeopleIcon.Icon01 .PeopleIcon-text:before{
		width:50px;
		height:50px;
		background-size:50px 50px;
	}
	.PeopleIcon.Icon02 .PeopleIcon-text:before{
		width:58px;
		height:56px;
		background-size:58px 56px;
	}
	.PeopleIcon.Icon03 .PeopleIcon-text:before{
		width:52px;
		height:50px;
		background-size:52px 50px;
	}
	
	/* PeopleTitleCont-cont */
	.PeopleTitleCont-cont{
		padding-left:32px;
	}
	.PeopleTitleCont-tit{
		font-size:22px;
	}
	.PeopleTitleCont-sub{
		margin:4px 0 24px;
		font-size:16px;
	}
	.PeopleBullet-list{
		margin:-6px 0;
	}
	.PeopleBullet-item{
		padding:2px 0;
	}
	.PeopleBullet-bullet{
		padding-right:5px;
		font-size:14px;
	}
	.PeopleBullet-text{
		font-size:14px;
	}
	.challengeCont img{width: 300px; height: auto;}
	.challengeCont strong{font-size: 16px;	line-height: 20x; }
	.challengeCont-inner{ margin: 30px auto;  gap: 20px;}
	.contentsBox{padding: 23px 20px;		gap: 30px;}
	.contentsBox .lft{ gap: 23px; }
	.contentsBox .lft strong{font-size: 18px; line-height: 28px; text-align: center;}
	.contentsBox .lft strong>p{}
	.contentsBox .rgt{ gap: 23px; }
	.contentsBox .rgt .desc strong{color: #353535;	font-size: 18px; line-height: 24px;}
	.contentsBox .rgt .desc p{color:#605854;font-size: 16px; line-height:26px;}
	.contentsBox .rgt .desc p.gap{margin: 5px 0 0;} 
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.PeopleTitleCont{
		margin-top:55px;
	}
	.PeopleTitleCont-title{
		display:block;
		min-width:auto; 
		max-width: 150px;
		margin:0 auto 16px;
	}
	.PeopleIcon{
		min-width:100px;
	}
	.PeopleIcon-text{
		font-size:14px;
	}
	.PeopleIcon-text:before{
		margin:0 auto 8px;
	}
	.PeopleIcon.Icon01 .PeopleIcon-text:before{
		width:35px;
		height:35px;
		background-size:35px 35px;
	}
	.PeopleIcon.Icon02 .PeopleIcon-text:before{
		width:40px;
		height:38px;
		background-size:40px 38px;
	}
	.PeopleIcon.Icon03 .PeopleIcon-text:before{
		width:40px;
		height:36px;
		background-size:40px 36px;
	}
	
	/* PeopleTitleCont-cont */
	.PeopleTitleCont-cont{
		display:block;
		padding-left:12px;
	}
	.PeopleTitleCont-tit{
		font-size:17px;
	}
	.PeopleTitleCont-sub{
		margin:4px 0 10px;
		font-size:14px;
	}
	.PeopleBullet-list{
		margin:0;
	}
	.PeopleBullet-item{
		padding:0;
	}
	.PeopleBullet-bullet{
		padding-right:5px;
		font-size:13px;
	}
	.PeopleBullet-text{
		font-size:13px;
	}
	.challengeCont img{width: 260px; height: auto;}
	.challengeCont strong{font-size: 16px;	line-height: 20x; }
	.challengeCont-inner{ margin: 30px auto 0;  gap: 20px;}
	.contentsBox{padding: 23px 20px;	grid-template-columns: auto;	gap: 30px;}
	.contentsBox .lft{ gap: 23px; }
	.contentsBox .lft img{width: 80px;}
	.contentsBox .lft strong{font-size: 16px; line-height: 24px; text-align: center;}
	.contentsBox .lft strong>p{}
	.contentsBox .rgt{ gap: 23px;}
	.contentsBox .rgt .desc strong{color: #353535;	font-size: 16px; line-height: 20px;}
	.contentsBox .rgt .desc p{color:#605854;font-size: 14px; line-height:20px;}
	.contentsBox .rgt .desc p.gap{margin: 3px 0 0;} 
}


/*=========================================================
	EducationTop
=========================================================*/
.EducationTop{
	margin-bottom:50px;
	text-align:center;
}
.EducationTop-text{
	color:#000;
	font-size:24px;
	font-weight:500;
	line-height:1.4em;
}
/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.EducationTop-text{
		font-size:20px;
	}
}

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

@media screen and (max-width: 767px) and (min-width: 1px) {
	.EducationTop-text{
		font-size:16px;
	}
}





/*=========================================================
	EducationVideo
=========================================================*/
.EducationVideo{
	margin-bottom:92px;
}
.EducationVideo-inner{
	position:relative;
}

/*EducationVideoTab*/
.EducationVideoTab{
	overflow:hidden;
	position:absolute;
	top:675px;
	left:0;
	right:0;
	z-index:5;
}
.EducationVideoTab-list{
	display:table;
	width:100%;
	table-layout:fixed;
}
.EducationVideoTab-item{
	display:table-cell;
	position:relative;
}
.EducationVideoTab-item:after{
	content:'';
	display:block;
	width:1px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	background-color:#d1d1d1;
}
.EducationVideoTab-item:last-child:after{
	display:none;
}
.EducationVideoTab-item.is-Current:after{
	display:none;
}

.EducationVideoTab-link{
	display:block;
	padding:16px 10px;
	background-color:#4C4948;
	text-align:center;
}
.EducationVideoTab-text{
	display:block;
	color:#fff;
	font-size:22px;
	line-height:1.2em;
}
.EducationVideoTab-item.is-Current .EducationVideoTab-link{
	margin-right:-1px;
	margin-left:-1px;
	background-color:#F37321;	
}
.EducationVideoTab-item.is-Current .EducationVideoTab-text{
	font-weight:500;
}


/*EducationVideoCont*/
.EducationVideoCont-item{
	background-color:#F37321;
	display:none;
}
.EducationVideoCont-item.is-Current{
	display:block;
}
.EducationItem-title{
	display:block;
	color:#fff;
	font-size:26px;
	font-weight:bold;
	line-height:1.4em;
}
.EducationItem-ver{
	display:block;
	margin-top:14px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	line-height:1.4em;
}

.EducationItem-text{
	margin-top:14px;
	color:#fff;
	font-size:16px;
	line-height:1.6em;
}


/*EducationItem*/
.EducationItem-cont{
	margin-top:60px;
	padding:46px 50px;
}

.EducationItem-inner{
	position:relative;
	padding-right:230px;
}
.EducationItem-thumb{
	position: relative;
}
.EducationItem-thumb:after{
	content:'';
	display:block;
	padding-bottom:675px;
}
.EducationItem-link{
	display:block;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.EducationItem-video{
	display:none;
	width:100% !important;
	height:100% !important;
	position:absolute;
	top:0;
	left:0;
}
.EducationItem-img{
	width:100%;
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.EducationItem-ico{
	width:120px;
	height:115px;
	background-color:rgba(255,255,255,0.8);
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:5;
	border-radius:100%;
	box-shadow:1px 1px 10px rgba(0,0,0,0.2);
	transition-property:transform, background-color;
	transition-duration: 0.2s;
}
.EducationItem-ico:after{
	content:"";
	width:30px;
	height:32px;
	background-image:url(../img/icon/ico-video-play.png);
	background-size:30px 32px;
	position:absolute;
	top:50%;
	left:calc(50% + 2px);
	transform:translate(-50%, -50%);
}


/*EducationItemLink*/
.EducationItemLink{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:0;
    background-color: #F37321;
    border: 2px solid #fff;
    border-radius: 40px;
    padding: 12px 26px;
}

.EducationItemLink-text{
	display:block;
	padding-right:26px;
	position:relative;
    color: #fff;
	font-size: 16px;
    font-weight: 500;
	line-height:1.4em;
	transition-property: padding-right;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}
.EducationItemLink-text:after{
	content: '';
    width: 18px;
    height: 12px;
    background-image: url(../img/icon/ico-education-arrow.png);
    background-size: 18px 12px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

@media screen and (min-width: 1025px) {
	.EducationItemLink:hover{
		background-color:#fff;
	}
	.EducationItemLink:hover .EducationItemLink-text{
		color:#F37321;
	}
	.EducationItemLink:hover .EducationItemLink-text:after{
		background-image:url(../img/icon/ico-btn-arrow-c.png);
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.EducationVideo{
		margin-bottom:80px;
	}
	/*EducationVideoTab*/
	.EducationVideoTab{
		top:46.875vw;
	}
	.EducationVideoTab-link{
		padding:1.111vw 0.6944vw;
	}
	.EducationVideoTab-text{
		font-size:1.666vw;
	}

	/*EducationVideoCont*/
	.EducationItem-title{
		font-size:2.0833vw;
	}
	.EducationItem-ver{
		margin-top:0.9722vw;
		font-size:1.3888vw;
	}
	.EducationItem-text{
		margin-top:0.9722vw;
		font-size:1.111vw;
	}

	/*EducationItem*/
	.EducationItem-cont{
		margin-top:4.1666vw;
		padding:3.1944vw 3.4722vw;
	}
	.EducationItem-inner{
		padding-right:15.972vw;
	}
	.EducationItem-thumb:after{
		padding-bottom:46.875vw;
	}
	.EducationItem-ico{
		width:8.333vw;
		height:7.986vw;
	}
	.EducationItem-ico:after{
		width:2.083vw;
		height:2.222vw;
		background-size:2.083vw 2.222vw;
		left:calc(50% + 0.1388vw);
	}
	
	
	.EducationItemLink-text{
		font-size:0.9722vw;
	}
	.EducationItemLink-text:after{
		width: 1.1111vw;
		height: 0.8333vw;
		background-size: 1.1111vw 0.8333vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px){
	.EducationItem-link {
		display: none !important;
	}
	
	.EducationItem-video{
		display:block !important;
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px){
	.EducationVideo{
		margin-bottom:60px;
	}
	/*EducationVideoTab*/
	.EducationVideoTab{
		top:53.32vw;
	}
	.EducationVideoTab-link{
		padding:2.083vw 1.302vw;
	}
	.EducationVideoTab-text{
		font-size:2.5vw;
	}

	/*EducationVideoCont*/
	.EducationItem-title{
		font-size:3.2062vw;
	}
	.EducationItem-ver{
		margin-top:1.8229vw;
		font-size:2.604vw;
	}
	.EducationItem-text{
		margin-top:1.822vw;
		font-size:2.083vw;
	}

	/*EducationItem*/
	.EducationItem-cont{
		margin-top:7.1576vw;
		padding:3.85vw 4.51vw;
	}
	.EducationItem-inner{
		padding-right:22vw;
	}

	
	.EducationItem-thumb:after{
		padding-bottom:53.32vw;
	}

	
	
	.EducationItemLink-text{
		font-size:1.822vw;
	}
	.EducationItemLink-text:after{
		width: 2.083vw;
		height: 2.083vw;
		background-size: 2.083vw 2.083vw;
	}
	.EducationItemLink{
		padding:1.302vw 2.3437vw;
	}
	.EducationItemLink-text{
		padding-right:2.604vw;
		font-size:1.692vw;
	}
	.EducationItemLink-text:after{
		width: 1.822vw;
		height: 1.1718vw;
		background-size: 1.822vw 1.1718vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.EducationVideo{
		margin-bottom:40px;
	}
	/*EducationVideoTab*/
	.EducationVideoTab{
		top:50vw;
	}
	.EducationVideoTab-link{
		padding:3vw 1.5625vw;
	}
	.EducationVideoTab-text{
		font-size:3.75vw;
	}

	/*EducationVideoCont*/
	.EducationItem-title{
		font-size:4vw;
	}
	.EducationItem-ver{
		margin-top:2vw;
		font-size:3.25vw;
	}
	.EducationItem-text{
		margin-top:2vw;
		font-size:3.25vw;
	}
	
	/*EducationItem*/
	.EducationItem-cont{
		margin-top:10.4vw;
		padding:3.85vw 4.51vw;
	}
	.EducationItem-inner{
		padding-right:0;
	}
	.EducationItem-thumb:after{
		padding-bottom:50vw;
	}
	
	
	.EducationItemLink{
		position:static;
		margin-top:5vw;
		padding:2.643vw 2.3037vw;
		text-align:center;
	}
	.EducationItemLink-text{
		padding-right:4.607vw;
		font-size:3vw;
	}
	.EducationItemLink-text:after{
		width: 3.3468vw;
		height: 2.564vw;
		background-size: 3.3468vw 2.564vw;
	}
}



/*=========================================================
	EduTalentItem
=========================================================*/
.EduTalentItem{
	margin-bottom:82px;
}
.EduTalentItemTop:after{
	content:'';
	display:block;
	clear:both;
}
.EduTalentItemTop{
	display:flex;
}
.EduTalentItemTopTitle{
	flex:0 0 50%;
	max-width:50%;
	padding:60px 0;
	order:1;
}
.EduTalentItemTopTitle-inner{
	padding:30px 0;
	padding-right:20px;
	border-top:1px solid #F37321;
}
.EduTalentItemTopTitle-title{
	color:#F37321;
	font-size:36px;
	font-weight:bold;
	line-height:1.2em;
}
.EduTalentItemTopTitle-text{
	margin-top:20px;
	color:#000;
	font-size:24px;
	font-weight:500;
	line-height:1.6em;
}
.EduTalentItemTopThumb{
	flex:0 0 50%;
	max-width:50%;
	order:2;
}
.EduTalentItemTopThumb-img{
	display:block;
	width:100%;
}

.EduTalentItemBtm{
	margin-top:27px;
}
.EduTalentItemBtm-text{
	margin-bottom:18px;
	color:#4C4948;
	font-size:18px;
	line-height:1.6em;
}
.EduTalentItemBtm-text:last-child{
	margin-bottom:0;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
		
	.EduTalentItem{
		margin-bottom:72px;
	}
	.EduTalentItemTopTitle{
		padding:50px 0;
	}
	.EduTalentItemTopTitle-inner{
		padding:30px 0;
		padding-right:20px;
	}
	.EduTalentItemTopTitle-title{
		font-size:30px;
	}
	.EduTalentItemTopTitle-text{
		margin-top:18px;
		font-size:20px;
	}
	.EduTalentItemBtm{
		margin-top:20px;
	}
	.EduTalentItemBtm-text{
		margin-bottom:18px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.EduTalentItem{
		margin-bottom:60px;
	}
	.EduTalentItemTopTitle{
		padding:20px 0;
	}
	.EduTalentItemTopTitle-inner{
		padding:20px 0;
		padding-right:10px;
	}
	.EduTalentItemTopTitle-title{
		font-size:22px;
	}
	.EduTalentItemTopTitle-text{
		margin-top:12px;
		font-size:18px;
	}
	.EduTalentItemBtm{
		margin-top:20px;
	}
	.EduTalentItemBtm-text{
		margin-bottom:10px;
		font-size:16px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.EduTalentItem{
		margin-bottom:40px;
	}
	.EduTalentItemTop{
		flex-wrap:wrap;
	}
	.EduTalentItemTopTitle-inner{
		padding:10px 0 0;
	}
	.EduTalentItemTopThumb{
		flex:0 0 100%;
		order:1;
		max-width:none;
		width:100%;
	}
	.EduTalentItemTopTitle{
		flex:0 0 100%;
		order:2;
		max-width:none;
		width:100%;
		padding:16px 0 0;
	}
	.EduTalentItemTopTitle-title{
		font-size:18px;
	}
	.EduTalentItemTopTitle-text{
		margin-top:10px;
		font-size:14px;
	}
	.EduTalentItemBtm{
		margin-top:8px;
	}
	.EduTalentItemBtm-text{
		margin-bottom:8px;
		font-size:13px;
	}
}

/*=========================================================
	ContactForm Message
=========================================================*/
.wpcf7-not-valid-tip{
	display:block;
	margin-top: 5px;
    font-size: 14px;
    color: #F37321;
    line-height: 1.5em;
}

.wpcf7 .ajax-loader{
	margin-top:10px;
}

.wpcf7 form .wpcf7-response-output{
	margin: 20px 0 0 !important;
    padding: 0 !important;
    border: none !important;
	display:block;
    font-size: 14px;
    color: #000;
    line-height: 1.5em;
	text-align:center;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
	color:#F37321;
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
	.wpcf7-not-valid-tip{
		font-size:13px;
	}
	
	.wpcf7 form .wpcf7-response-output{
		font-size:13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.wpcf7-not-valid-tip{
		font-size:12px;
	}
	
	.wpcf7 form .wpcf7-response-output{
		font-size:13px;
	}
}

/*=========================================================
	FormContactSelect
=========================================================*/
body .FormContactSelect{
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
	font-size: 18px;
    line-height: 1.2em;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    padding: 13px 15px;
    padding-right: 42px;
    background-color: #fff;
    border: solid 1px #D1D1D1;
    position: relative;
    height: 49px;
    background-image:url(../img/icon/ico-formselect-arrow.png);
	background-position:calc(100% - 18px) center;
	background-repeat:no-repeat;
	background-size: 12px 5px;
	cursor:pointer;
	width:100%;
	display:block;
	font-family: Noto Sans,'Noto Sans',notosans;
}

body .FormContactSelect option{
	font-size:14px;
	font-family: Noto Sans,'Noto Sans',notosans;
}

body .FormContactSelect::-ms-expand {
    display: none;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.body .FormContactSelect{
		font-size:16px;
		line-height: 1.14em;
		height:46px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	body .FormContactSelect{
		font-size:14px;
		line-height: 1em;
		height:42px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	body .FormContactSelect{
		font-size:14px;
		line-height: 1em;
		height:42px;
	}
}


/*=========================================================
	ContactBasicRadio
=========================================================*/
.min-width-zero .RadioBox-list .wpcf7-list-item{
	min-width:0 !important;
}

.min-width-custom{
	padding-top:10px;
}

.min-width-custom .RadioBox-list .wpcf7-list-item{
	min-width:0 !important;
	width:50% !important;
}

.RadioBox-list .wpcf7-list-item input[type="radio"]{
	display:none;
}
.RadioBox-list .wpcf7-list-item .wpcf7-list-item-label{
	display:block;
	padding-left:24px;
	position:relative;
	color:#000;
	font-size:16px;
	line-height:1.2em;
	cursor:pointer;
}

.RadioBox-list .wpcf7-list-item .wpcf7-list-item-label:before{
	content:'';
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	top:0;
	left:0;
	background-color:#fff;
	border:2px solid #d1d1d1;
	border-radius:100%;
	box-sizing:border-box;
}
.RadioBox-list .wpcf7-list-item .wpcf7-list-item-label:after{
	content:'';
	display:none;
	width:8px;
	height:8px;
	position:absolute;
	top:6px;
	left:6px;
	background-color:#F37321;
	border-radius:100%;
}

.RadioBox-list .wpcf7-list-item input[type="radio"]:checked+ .wpcf7-list-item-label:after{
	display:block;
}

.RadioBox-list .wpcf7-list-item{
	min-width: 150px !important;
}

.InquiryPolicyAgree-radio .RadioBox-list .wpcf7-list-item{
	min-width: 0 !important;
}

/*Responsive*/
@media screen and (max-width: 1024px) and (min-width: 768px){
	.RadioBox-list .wpcf7-list-item .wpcf7-list-item-label	{
		font-size:13px;
	}
	.RadioBox-list .wpcf7-list-item .wpcf7-list-item-label:before{
		top:0;
	}
	.RadioBox-list .wpcf7-list-item .wpcf7-list-item-label:after{
		top:6px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.RadioBox-list .wpcf7-list-item .wpcf7-list-item-label{
		padding-left:19px;
		font-size:13px;
	}
	.RadioBox-list .wpcf7-list-item .wpcf7-list-item-label:before{
		width:16px;
		height:16px;
	}
	.RadioBox-list .wpcf7-list-item .wpcf7-list-item-label:after{
		width:6px;
		height:6px;
		top:5px;
		left:5px;
	}
	
	.min-width-custom{
		padding-top:4px !important;
	}
}


/*=========================================================
	RadioBox
=========================================================*/
.RadioBox-list .wpcf7-list-item{
	width:25%;
	float:left;
	margin-top:4px;
	padding-right:10px;
}
.RadioBox-list .wpcf7-list-item:last-child{
	padding-right:0;
}

/*Responsive*/
@media screen and (max-width: 767px) and (min-width: 1px) {
	.RadioBox-list .wpcf7-list-item{
		width:50%;
		margin-top:10px;
	}
}


/*=========================================================
	백서다운로드
=========================================================*/
/*Responsive*/
@media screen and (max-width: 767px) and (min-width: 1px) {
	.BasicPopup .ScrollpolicyMeta .FormBasicCheck{
		position:static;
		transform: translateY(0%);
		margin-top:10px;
	}
}


/*=========================================================
	WebinarFileList
=========================================================*/
.WebinarFileList{
	margin-bottom:92px;
}

.WebinarFileList-list{
	margin:-7px -7px;
    display: flex;
    flex-wrap: wrap;
}

.WebinarFileList-item{
	padding: 7px 7px;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.WebinarFileList-item.no-result{
	flex: 0 0 100%;
    max-width: 100%;
}

.WebinarItem{
	border:solid 1px #D1D1D1;
	border-radius:15px;
	height:100%;
	padding:25px 20px 75px;
	position:relative;
}

.WebinarItemTitle-link{
	display:block;
	font-size:20px;
	line-height:1.54em;
	color:#000;
	font-weight:bold;
	padding-left:56px;
	position:relative;
	min-height:3.08em;
}

.WebinarItemTitle-link:before{
    content: '';
    display: block;
    width: 42px;
    height: 56px;
    position: absolute;
    top: 3px;
    left: 0;
    background-image: url(../img/icon/ico-pdf.png);
    background-size: 42px 56px;
}

/* WebinarItemBtn */
.WebinarItemBtn{
	position:absolute;
	bottom:20px;
	left:20px;
	right:20px;
}
.WebinarItemBtn-list:after{
	content:'';
	display:block;
	clear:both;
}
.WebinarItemBtn-list{
	overflow:hidden;
	margin:0 -3px;
}

.WebinarItemBtn-item{
	float:left;
	max-width:50%;
	padding:0 3px;
}


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.WebinarFileList{
		margin-bottom:62px;
	}
	.WebinarItem{
		padding:20px 15px 65px;
	}
	
	.WebinarItemTitle-link{
		font-size:18px;
		padding-left: 47px;
	}
	
	.WebinarItemTitle-link:before{
		width: 34px;
		height: 47px;
		background-size:34px 47px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.WebinarFileList{
		margin-bottom:42px;
	}
	.WebinarItem{
		padding:20px 12px 65px;
	}
	.WebinarFileList-list{
		margin:-5px -5px;
	}
	.WebinarFileList-item{
		padding:5px 5px;
	}
	.WebinarItemTitle-link{
		font-size:16px;
		padding-left: 44px;
	}
	
	.WebinarItemTitle-link:before{
		width: 34px;
		height: 47px;
		background-size:34px 47px;
	}
	.WebinarItemBtn{
		left:12px;
		right:12px;
	}

}

@media screen and (max-width: 767px) and (min-width: 1px){
	.WebinarFileList{
		margin-bottom:40px;
	}
	.WebinarItem{
		padding:15px 10px 100px;
	}
	
	.WebinarItemBtn{
		left:10px;
		right:10px;
		bottom:15px;
	}
	
	.WebinarItemTitle-link{
		font-size:14px;
		padding-left: 30px;
	}
	.WebinarItemTitle-link:before{
		width: 20px;
		height: 28px;
		background-size:20px 28px;
	}
	.WebinarFileList-item{
		flex:0 0 50%;
		max-width:50%;
	}
	.WebinarItemBtn-item{
		float:none;
		max-width:none;
		margin-top:7px;
	}
	.WebinarItemBtn-item:first-child{
		margin-top:0;
	}
}
	


/*=========================================================
	WebinarsIntro
=========================================================*/
.WebinarsIntro{
	margin-bottom:34px;
}
.WebinarsIntro-top{
	margin-bottom:30px;
}
.WebinarsIntro-top:after{
	content:'';
	display:block;
	clear:both;
}
.WebinarsIntro-thumb{
	width:38.66%;
	float:left;
	margin-right:44px
}
.WebinarsIntro-img{
	display:block;
	width:100%;
}
.WebinarsIntro-cont{
	overflow:hidden;
}
.WebinarsIntro-text{
	color:#4C4948;
	font-size:18px;
	line-height:1.6em;
}
.WebinarsIntro-link{
	color:#F37321;
	text-decoration:underline;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.WebinarsIntro{
		margin-bottom:30px;
	}
	.WebinarsIntro-top{
		margin-bottom:26px;
	}
	.WebinarsIntro-thumb{
		margin-right:40px
	}
	.WebinarsIntro-text{
		font-size:17px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.WebinarsIntro{
		margin-bottom:30px;
	}
	.WebinarsIntro-top{
		margin-bottom:20px;
	}
	.WebinarsIntro-thumb{
		margin-right:20px
	}
	.WebinarsIntro-text{
		font-size:16px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.WebinarsIntro{
		margin-bottom:30px;
	}
	.WebinarsIntro-top{
		margin-bottom:20px;
	}
	.WebinarsIntro-thumb{
		margin-right:0;
		margin-bottom:20px;
		float:none;
		width:100%;
	}
	.WebinarsIntro-text{
		font-size:14px;
	}
}

/*=========================================================
	OnlineTraining
=========================================================*/
.OnlineTraining{
	margin-bottom:100px;
}
.OnlineTraining + .OnlineTraining{
	margin-bottom:0;
}
.OnlineTrainingTitle{
	margin-bottom:28px;
}
.OnlineTraining-text{
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:1.2em;
}

.OnlineTrainingConTbl{
	width:100%;
	border-top:2px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}
.OnlineTrainingConTbl th{
	padding:10px 15px;
	color:#000;
	font-size:16px;
	font-weight:500;
	line-height:1.4em;
	vertical-align:middle;
	border-bottom:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
}
.OnlineTrainingConTbl th:first-child{
	border-left:0;
}
.OnlineTrainingConTbl td{
	padding:10px 15px;
	color:#4C4948;
	font-size:14px;
	line-height:1.4em;
	text-align:center;
	vertical-align:middle;
	border-left:1px solid #d1d1d1;
}
.OnlineTrainingConTbl td:first-child{
	border-left:0;
}
.OnlineTrainingConTbl-link{
	color:#4C4948;
	text-decoration:underline;
}
.OnlineTrainingConTblBtn{
	font-size:0;
	line-height:0;
}
.OnlineTrainingConTblBtn-link{
	display:block;
	padding:10px 10px;
	background-color:#F37321;
	border:solid 2px transparent;
	border-radius:40px;
}
.OnlineTrainingConTblBtn-text{
	display:inline-block;
	position:relative;
	padding-right:24px;
	color:#fff;
	font-size:12px;
	line-height:1.4em;
	font-weight:500;
}
.OnlineTrainingConTblBtn-text:after{
	content:'';
	display:block;
	position:absolute;
	width:14px;
	height:10px;
	margin-top:1px;
	background-image:url(../img/icon/ico-btn-arrow.png);
	background-size:14px 10px;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

/* 종료 됐을 때 */
.OnlineTrainingConTbl tr.End td{
	background-color:#F4F4F4;
	color:#a1a1a1;
}
.OnlineTrainingConTbl tr.End .OnlineTrainingConTbl-link{
	color:#a1a1a1;
	cursor:default;
}
.OnlineTrainingConTbl tr.End .OnlineTrainingConTblBtn-link{
	background-color:#fff;
	border-color:#BABABA;
}
.OnlineTrainingConTbl tr.End .OnlineTrainingConTblBtn-text{
	color:#BABABA;
}
.OnlineTrainingConTbl tr.End .OnlineTrainingConTblBtn-text:after{
	background-image:url(../img/icon/ico-solutionslide-next.png);
}


@media screen and (min-width: 1025px) {
	.OnlineTrainingConTbl-link:hover{
		color:#F37321;
	}
	.OnlineTrainingConTblBtn-link:hover{
		background-color:#fff;
		border-color:#F37321;
	}
	.OnlineTrainingConTblBtn-link:hover .OnlineTrainingConTblBtn-text{
		color:#F37321;
	}
	.OnlineTrainingConTblBtn-link:hover .OnlineTrainingConTblBtn-text:after{
		background-image:url(../img/icon/ico-btn-arrow-c.png);
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.OnlineTraining{
		margin-bottom:80px;
	}
	.OnlineTrainingTitle{
		margin-bottom:24px;
	}
	.OnlineTraining-text{
		font-size:22px;
	}

	.OnlineTrainingConTbl th{
		padding:8px 8px;
		font-size:15px;
	}
	.OnlineTrainingConTbl td{
		padding:8px 8px;
		font-size:14px;
	}
	.OnlineTrainingConTblBtn-link{
		padding:8px 5px;
	}
	.OnlineTrainingConTblBtn-text{
		padding-right:20px;
	}
	.OnlineTrainingConTblBtn-text:after{
		width:14px;
		height:10px;
		background-size:14px 10px;
	}

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.OnlineTraining{
		margin-bottom:60px;
	}
	.OnlineTrainingTitle{
		margin-bottom:18px;
	}
	.OnlineTraining-text{
		font-size:20px;
	}

	.OnlineTrainingConTbl th{
		padding:8px 8px;
		font-size:13px;
	}
	.OnlineTrainingConTbl td{
		padding:8px 8px;
		font-size:13px;
	}
	.OnlineTrainingConTbl td:last-child{
		padding:8px 5px;
	}
	.OnlineTrainingConTblBtn-link{
		padding:8px 6px;
	}
	.OnlineTrainingConTblBtn-text{
		padding-right:18px;
		font-size:10px;
	}
	.OnlineTrainingConTblBtn-text:after{
		width:12px;
		height:8px;
		background-size:12px 8px;
	}
}

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

	.OnlineTrainingTitle{
		margin-bottom:10px;
	}
	.OnlineTraining-text{
		font-size:18px;
	}
	
	.OnlineTrainingCont{
		overflow-x:auto;
	}
	.OnlineTrainingConTbl{
		min-width:900px;
	}
	.OnlineTrainingConTbl th{
		padding:8px 8px;
		font-size:13px;
	}
	.OnlineTrainingConTbl td{
		padding:8px 8px;
		font-size:13px;
	}
	.OnlineTrainingConTbl td:last-child{
		padding:8px 8px;
	}
	.OnlineTrainingConTblBtn-link{
		padding:8px 6px;
	}
	.OnlineTrainingConTblBtn-text{
		padding-right:18px;
		font-size:10px;
	}
	.OnlineTrainingConTblBtn-text:after{
		width:12px;
		height:8px;
		background-size:12px 8px;
	}
	
}


/*=========================================================
	WebinarsView
=========================================================*/
/* WebinarsViewTop */
.WebinarsViewTop{
	margin-bottom:46px;
}
.WebinarsViewTop-title{
	margin-bottom:32px;
}
.WebinarsViewTop-text{
	color:#000;
	font-size:30px;
	font-weight:bold;
	line-height:1.2em;
}

.WebinarsViewTbl-table{
	width:100%;
	border-bottom:1px solid #d1d1d1;
}
.WebinarsViewTbl th{
	padding:12px 28px;
	background-color:#FBF2ED;
	color:#000;
	font-size:16px;
	font-weight:500;
	line-height:1.4em;
	text-align:left;
	border-top:1px solid #D1D1D1;
	vertical-align:middle;
}
.WebinarsViewTbl td{
	padding:12px 28px;
	color:#4C4948;
	font-size:14px;
	line-height:2em;
	border-top:1px solid #D1D1D1;
	vertical-align:middle;
	white-space:normal;
	word-break:keep-all;
}


/* .WebinarsViewBtm */
.WebinarsViewBtm-cont{
	margin-bottom:50px;
}
.WebinarsViewBtm-cont:last-child{
	margin-bottom:0;
}
.WebinarsViewBtm-title{
	margin-bottom:18px;
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:1.2em;
}
.WebinarsViewBtm-text{
	color:#4C4948;
	font-size:18px;
	line-height:1.4em;
}

/* WebinarsViewBtn */
.WebinarsViewBtn{
	margin-top:50px;
	margin-left:85px;
	text-align:center;
}
.WebinarsViewBtn-link{
	display:inline-block;
	width:312px;
	padding:16px 20px;
	background-color:#F37321;
	color:#fff;
	font-size:20px;
	line-height:1.2em;
	border-radius:60px;
	border:2px solid #F37321;
}

@media screen and (min-width: 1025px) {
	.WebinarsViewBtn-link:hover{
		background-color:#fff;
		color:#F37321;
	}
}


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	/* WebinarsViewTop */
	.WebinarsViewTop{
		margin-bottom:40px;
	}
	.WebinarsViewTop-title{
		margin-bottom:26px;
	}
	.WebinarsViewTop-text{
		font-size:28px;
	}

	.WebinarsViewTbl th{
		padding:10px 26px;
		font-size:15px;
	}
	.WebinarsViewTbl td{
		padding:10px 26px;
		font-size:14px;
	}


	/* .WebinarsViewBtm */
	.WebinarsViewBtm-cont{
		margin-bottom:40px;
	}
	.WebinarsViewBtm-title{
		margin-bottom:16px;
		font-size:22px;
	}

	/* WebinarsViewBtn */
	.WebinarsViewBtn{
		margin-top:40px;
	}
	.WebinarsViewBtn-link{
		width:300px;
		padding:12px 20px;
		font-size:18px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	/* WebinarsViewTop */
	.WebinarsViewTop{
		margin-bottom:36px;
	}
	.WebinarsViewTop-title{
		margin-bottom:20px;
	}
	.WebinarsViewTop-text{
		font-size:22px;
	}

	.WebinarsViewTbl th{
		padding:10px 26px;
		font-size:14px;
	}
	.WebinarsViewTbl td{
		padding:10px 26px;
		font-size:14px;
	}


	/* .WebinarsViewBtm */
	.WebinarsViewBtm-cont{
		margin-bottom:32px;
	}
	.WebinarsViewBtm-title{
		margin-bottom:16px;
		font-size:18px;
	}
	.WebinarsViewBtm-text{
		font-size:15px;
	}

	/* WebinarsViewBtn */
	.WebinarsViewBtn{
		margin-top:32px;
		margin-left: 78px;
	}
	.WebinarsViewBtn-link{
		width:260px;
		padding:12px 20px;
		font-size:16px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	/* WebinarsViewTop */
	.WebinarsViewTop{
		margin-bottom:30px;
	}
	.WebinarsViewTop-title{
		margin-bottom:16px;
	}
	.WebinarsViewTop-text{
		font-size:18px;
	}

	.WebinarsViewTbl th{
		padding:10px 10px;
		font-size:13px;
	}
	.WebinarsViewTbl td{
		padding:10px 10px;
		font-size:13px;
	}


	/* .WebinarsViewBtm */
	.WebinarsViewBtm-cont{
		margin-bottom:32px;
	}
	.WebinarsViewBtm-title{
		margin-bottom:12px;
		font-size:16px;
	}
	.WebinarsViewBtm-text{
		font-size:14px;
	}

	/* WebinarsViewBtn */
	.WebinarsViewBtn{
		margin-top:30px;
		margin-left: 53px;
	}
	.WebinarsViewBtn-link{
		width:100%;
		padding:12px 20px;
		font-size:14px;
	}
}


/*=========================================================
	WebinarsStep
=========================================================*/
.WebinarsStep{
	/* margin-bottom:42px; */
}
.WebinarsStep-list{
	overflow:hidden;
}
.WebinarsStep-item{
	margin-bottom:74px;
}
.WebinarsStep-item:last-child{
	margin-bottom:0;
}
.WebinarsStepItem:after{
	content:'';
	display:block;
	clear:both;
}
.WebinarsStepItemNum{
	float:left;
	position:relative;
	width:66px;
	height:66px;
	padding:13px;
	margin-right:18px;
	vertical-align:middle;
	text-align:center;
}
.WebinarsStepItemNum:before{
	content:'';
	display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	position:absolute;
	z-index:-1;
	background-color:#F37321;
	border-radius:100%;
}
/* .WebinarsStepItemNum:after{ */
	/* content:''; */
	/* display:block; */
	/* width:1px; */
	/* height:5000px; */
	/* position:absolute; */
	/* top:0; */
	/* left:50%; */
	/* z-index:-1; */
	/* background-color:#F37321; */
/* } */
.WebinarsStepItemNum-text{
	display:block;
	color:#fff;
	font-size:14px;
	line-height:1.2em;
}
.WebinarsStepItemNum-num{
	display:block;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	line-height:1.2em;
}
.WebinarsStepItemTitle{
	overflow:hidden;
	padding-top:16px;
}
.WebinarsStepItemTitle-title{
	color:#F37321;
	font-size:24px;
	font-weight:bold;
	line-height:1.4em;
}
.WebinarsStepItemTitle-text{
	margin-top:20px;
	color:#000;
	font-size:20px;
	font-weight:bold;
	line-height:1.4em;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.WebinarsStep-item{
		margin-bottom:70px;
	}
	.WebinarsStepItemNum{
		width:66px;
		height:66px;
		padding:13px;
		margin-right:18px;
	}
	.WebinarsStepItemNum-text{
		font-size:14px;
	}
	.WebinarsStepItemNum-num{
		font-size:20px;
	}
	.WebinarsStepItemTitle{
		padding-top:14px;
	}
	.WebinarsStepItemTitle-title{
		font-size:22px;
	}
	.WebinarsStepItemTitle-text{
		margin-top:18px;
		font-size:18px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.WebinarsStep-item{
		margin-bottom:40px;
	}
	.WebinarsStepItemNum{
		width:60px;
		height:60px;
		padding:13px;
		margin-right:18px;
	}
	.WebinarsStepItemNum-text{
		font-size:14px;
	}
	.WebinarsStepItemNum-num{
		font-size:18px;
	}
	.WebinarsStepItemTitle{
		padding-top:14px;
	}
	.WebinarsStepItemTitle-title{
		font-size:20px;
	}
	.WebinarsStepItemTitle-text{
		margin-top:16px;
		font-size:16px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.WebinarsStep{
		/* margin-bottom:38px; */
	}
	.WebinarsStep-item{
		margin-bottom:20px;
	}
	.WebinarsStepItemNum{
		width:45px;
		height:45px;
		padding:10px;
		margin-right:8px;
	}
	.WebinarsStepItemNum-text{
		font-size:10px;
	}
	.WebinarsStepItemNum-num{
		font-size:13px;
	}
	.WebinarsStepItemTitle{
		padding-top:10px;
	}
	.WebinarsStepItemTitle-title{
		font-size:16px;
	}
	.WebinarsStepItemTitle-text{
		margin-top:8px;
		font-size:13px;
	}
}




/* =========================================================
	WebinarsForm
=========================================================*/
.WebinarsForm{
	margin-left:84px;
}


@media screen and (max-width: 1024px) and (min-width: 768px) {
	.WebinarsForm {
		margin-left: 78px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.WebinarsForm {
		margin-left: 53px;
	}
}



/* WebinarsFormTop 
=========================================================*/
.Required{
	color:#FF0000; 
}
.WebinarsFormTop{
	display:flex;
	align-items:center;
	justify-content: space-between;
	margin-bottom:16px;
}
.WebinarsFormTopText{
	display:block;
	color:#000;
	font-size:18px;
	line-height:1.4em;
}
.EnBasicCheck-label{
	font-size:18px;
	line-height:1.2em;
	color:#4C4948;
	padding-left:31px;
	position:relative;
	display:block;
	cursor:pointer;
}

.EnBasicCheck-checkbox{
	display:none;
}

.EnBasicCheck-label:before{
	content:"";
	width:19px;
	height:19px;
	border:solid 2px #D1D1D1;
	position:absolute;
	top:0px;
	left:0;
}

.EnBasicCheck-checkbox:checked + .EnBasicCheck-label:before{
	background-image:url(../img/icon/ico-check.png);
	background-size:12px 8px;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#F37321;
	border-color:#F37321;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.WebinarsFormTop{
		margin-bottom:14px;
	}
	.WebinarsFormTopText{
		font-size:16px;
	}
	.EnBasicCheck-label{
		font-size:16px;
	}
	
	.EnBasicCheck-label:before{
		top:-2px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.WebinarsFormTop{
		margin-bottom:12px;
	}
	.WebinarsFormTopText{
		font-size:14px;
	}
	.EnBasicCheck-label{
		font-size:14px;
	}
	
	.EnBasicCheck-label:before{
		top:-2px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.WebinarsFormTop{
		display:block;
		margin-bottom:12px;
	}
	.WebinarsFormTopCheck{
		margin-bottom:10px;
	}
	.WebinarsFormTopText{
		font-size:14px;
	}
	.EnBasicCheck-label{
		font-size:14px;
	}
	
	.EnBasicCheck-label:before{
		top:-2px;
	}
	
	.EnBasicCheck-label{
		font-size:13px;
		padding-left: 22px;
	}
	
	.EnBasicCheck-label:before{
		width:14px;
		height:14px;
		top:-1px;
	}
}


/* WebinarsFormCont 
=========================================================*/
.WebinarsFormCont{
	position:relative;
	margin-bottom:32px;
	padding:20px 0;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}
.WebinarsFormCont + .WebinarsFormCont{
	padding-top:48px;
	border-top:2px solid #000;
}
.WebinarsFormItem-inner{
	max-width:286px;
}

.WebinarsFormItem{
	display:table;
	width:100%;
	padding:10px 0;
}
.WebinarsFormItem-title{
	display:table-cell;
	width:21.666%;
	padding-top:13px;
	color: #000;
	font-size:18px;
	font-weight:500;
	vertical-align:top;
}
.WebinarsFormItem-content{
	display:table-cell;
	vertical-align:middle;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.WebinarsFormCont{
		margin-bottom:32px;
	}
	.WebinarsFormItem-inner{
		max-width:286px;
	}
	.WebinarsFormItem-title{
		width:21.666%;
		padding-top:13px;
		font-size:17px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.WebinarsFormCont{
		margin-bottom:26px;
		padding:20px 0;
	}
	.WebinarsFormCont + .WebinarsFormCont {
		padding-top: 40px;
	}
	.WebinarsFormItem-inner{
		max-width:286px;
	}

	.WebinarsFormItem{
		padding:10px 0;
	}
	.WebinarsFormItem-title{
		width:21.666%;
		padding-top:10px;
		padding-right:5px;
		font-size:15px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.WebinarsFormCont{
		margin-bottom:20px;
		padding:10px 0;
	}
	.WebinarsFormCont + .WebinarsFormCont {
		padding-top: 30px;
	}
	.WebinarsFormItem-inner{
		max-width:none;
	}

	.WebinarsFormItem{
		padding:10px 0;
	}
	.WebinarsFormItem-title{
		display:block;
		width:100%;
		margin-bottom: 8px;
		padding-top:0;
		font-size:15px;
	}
	.WebinarsFormItem-content{
		display:block;
	}
}



/* WebinarsExtra
=========================================================*/
.WebinarsExtra{
	display:block;
	margin-top:30px;
	margin-left:85px;
	padding:25px 30px;
	border:1px dashed #d1d1d1;
	
}
.WebinarsExtra-link{
	position:relative;
	padding-right:70px;
}
.WebinarsExtra-text{
	display:block;
	color:#000;
	font-size:18px;
	font-weight:500;
	line-height:1.4em;
}
.WebinarsExtra-icon{
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background-image: url('../img/icon/icon-circle-plus-o.png');
	background-size:40px 40px;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.WebinarsExtra{
		padding:20px 26px;
	}
	.WebinarsExtra-link{
		padding-right:64px;
	}
	.WebinarsExtra-text{
		font-size:17px;
	}
	.WebinarsExtra-icon{
		width:36px;
		height:36px;
		background-size:36px 36px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.WebinarsExtra{
		margin-left: 78px;
		padding:20px 26px;
	}
	.WebinarsExtra-link{
		padding-right:64px;
	}
	.WebinarsExtra-text{
		font-size:15px;
	}
	.WebinarsExtra-icon{
		width:30px;
		height:30px;
		background-size:30px 30px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.WebinarsExtra{
		margin-left: 53px;
		padding:16px 12px;
	}
	.WebinarsExtra-link{
		padding-right:36px;
	}
	.WebinarsExtra-text{
		font-size:14px;
	}
	.WebinarsExtra-icon{
		width:25px;
		height:25px;
		background-size:25px 25px;
	}
}




/* DeleteBtn
=========================================================*/
.DeleteBtn{
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 10px;
    right: 0;
    background-image: url(../img/icon/ico-circle-minus-o.png);
    background-size: 35px 35px;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.DeleteBtn{
		width:32px;
		height:32px;
		top:12px;
		background-size:32px 32px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.DeleteBtn{
		width:30px;
		height:30px;
		top: 10px;
		background-size:30px 30px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.DeleteBtn{
		width:25px;
		height:25px;
		top: 5px;
		background-size:25px 25px;
	}
}




/* =========================================================
	GreenProduct
=========================================================*/

/* GreenProductBanner
=========================================================*/
.GreenProductBanner {
    position: relative;
	margin-top:60px;
	margin-bottom:75px;
    padding: 64px 140px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.GreenProductBanner:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0,0,0,0.5);
}
.GreenProductBanner-inner{
	max-width:972px;
	margin:0 auto;
	position:relative;
	z-index:5;
	text-align:center;
}
.GreenProductBanner-text{
	display:block;
	color:#fff;
	font-size:24px;
	line-height:1.4em;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.GreenProductBanner {
		margin-top:50px;
		margin-bottom:65px;
		padding: 50px 100px;
	}
	.GreenProductBanner-text{
		font-size:20px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px){
	.GreenProductBanner {
		margin-top:40px;
		margin-bottom:50px;
		padding: 40px 100px;
	}
	.GreenProductBanner-text{
		font-size:16px;
	}
}
@media screen and (max-width: 767px) and (min-width: 1px){
	.GreenProductBanner {
		margin-top:40px;
		margin-bottom:40px;
		padding: 30px 10px 40px;
	}
	.GreenProductBanner-inner{
		max-width:none;		
	}
	.GreenProductBanner-text{
		font-size:15px;
	}
}

/* GreenProductCont
=========================================================*/
.GreenProductCont-item{
	margin-bottom:50px;
}

 /* GreenProductContTbl */

.GreenProductContTbl-title{
	margin-bottom:18px;
	font-size:18px;
	line-height:1.4em;
	color:#000;
	font-weight:500;
}
.GreenProductContTbl-inner{
	border-top:2px solid #000;
	border-bottom:1px solid #000;
}
.GreenProductContTbl-table{
	width:100%;
}
.GreenProductContTbl-table th{
	padding:12px 10px;
	font-size:14px;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	background-color:#F4F4F4;
	vertical-align:middle;
	border-top:1px solid #D1D1D1;
}
.GreenProductContTbl-table td{
	padding:12px 10px;
	font-size:14px;
	line-height:1.4em;
	color:#4C4948;
	text-align:center;
	vertical-align:middle;
	border-top:1px solid #D1D1D1;
}

.GreenProductContTbl-table thead th{
	border-top:0;
}


/* GreenProductContTop*/
.GreenProductContTop{
	margin-bottom:34px;
}
.GreenProductContTop:after{
	content:'';
	display:block;
	clear:both;
}
.GreenProductContTop-cont{
	float:left;
	width:70%;
}

.GreenProductContTop-tit{
	display:block;
	margin-bottom:5px;
	color:#F37321;
	font-size:20px;
	font-weight:bold;
}
.GreenProductContTop-item:after{
	content:'';
	display:block;
	clear:both;
}
.GreenProductContTop-bullet{
	display:block;
	float:left;
	padding-right:5px;
	color:#000;
	font-size:16px;
	line-height:1.6em;
}
.GreenProductContTop-text{
	overflow:hidden;
	display:block;
	color:#000;
	font-size:16px;
	line-height:1.6em;
}


/* GreenProductContTopImg */
.GreenProductContTopImg{
	float:left;
	width:30%;
}
.GreenProductContTopImg:after{
	content:'';
	display:block;
	clear:both;
}

.GreenProductContTopImg-list{
	margin-right:-10px;
	margin-left:-10px;
}
.GreenProductContTopImg-item{
	float:left;
	width:50%;
	padding:0 10px;
}

.GreenProductContTopImg-img{
	position:relative;
	border:1px dashed #d1d1d1;
	border-radius:100%;
}
.GreenProductContTopImg-img:after{
	content:'';
	display:block;
	padding-bottom:100%;
}
.GreenProductContTopImg-img img{
	display:block;
	position:absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	border-radius:27%;
}
.GreenProductContTopImg-img .img-product{
	width:80%;
}

.GreenProductContTopImg-img .img-eco{
	width:60%;
}


/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){

	.GreenProductCont-item{
		margin-bottom:50px;
	}

	/* GreenProductContTbl */
	.GreenProductContTbl-title{
		margin-bottom:12px;
		font-size:16px;
	}
	.GreenProductContTbl-table th{
		padding:10px 8px;
		font-size:14px;
	}
	.GreenProductContTbl-table td{
		padding:10px 8px;
		font-size:14px;
	}
		
	/* GreenProductContTop*/
	.GreenProductContTop{
		margin-bottom:34px;
	}
	.GreenProductContTop-tit{
		font-size:18px;
	}
	.GreenProductContTop-bullet{
		padding-right:5px;
		font-size:15px;
	}
	.GreenProductContTop-text{
		font-size:15px;
	}

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.GreenProductCont-item{
		margin-bottom:50px;
	}
	.GreenProductContTbl-title{
		margin-bottom:12px;
		font-size:14px;
	}
	.GreenProductContTbl-table th{
		padding:10px 8px;
		font-size:13px;
	}
	.GreenProductContTbl-table td{
		padding:10px 8px;
		font-size:13px;
	}
	
	/* GreenProductContTop*/
	.GreenProductContTop{
		margin-bottom:24px;
	}
	.GreenProductContTop-tit{
		font-size:16px;
	}
	.GreenProductContTop-bullet{
		padding-right:5px;
		font-size:14px;
	}
	.GreenProductContTop-text{
		font-size:14px;
	}

	/* GreenProductContTopImg */
	.GreenProductContTopImg-list{
		margin-left:-5px;
		margin-right:-5px;
	}
	.GreenProductContTopImg-item{
		padding:0 5px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.GreenProductCont-item{
		margin-bottom:50px;
	}
	.GreenProductContTbl{
		overflow-x:auto;
	}
	.GreenProductContTbl-inner{
		min-width:800px;
	}
	.GreenProductContTbl-title{
		margin-bottom:10px;
		font-size:14px;
	}
	.GreenProductContTbl-table th{
		padding:8px 4px;
		font-size:13px;
	}
	.GreenProductContTbl-table td{
		padding:8px 4px;
		font-size:13px;
	}

	/* GreenProductContTop*/
	.GreenProductContTop{
		margin-bottom:34px;
	}
	.GreenProductContTop-cont{
		float:none;
		width:100%;
		margin-bottom:16px;
	}
	.GreenProductContTopImg{
		float:none;
		width:100%;
	}
	.GreenProductContTop-tit{
		font-size:16px;
	}
	.GreenProductContTop-bullet{
		padding-right:5px;
		font-size:13px;
	}
	.GreenProductContTop-text{
		font-size:13px;
	}
}


/*=========================================================
	PATENTS
=========================================================*/
.PatentsCont{
	font-size:16px;
	line-height:1.7em;
	color:#4C4948;
}

.PatentsCont .update{
	font-size:14px;
	line-height:1.5em;
	color:#000;
	font-weight:bold;
}

.PatentsCont .text a{
	color:#F37321;
	text-decoration:underline;
}

.PatentsCont .title{
	font-size:24px;
	line-height:1.4em;
	color:#F37321;
	font-weight:bold;
	text-decoration:underline;
}

.PatentsCont .sub-title{
	font-size:18px;
	line-height:1.5em;
	color:#000;
	font-weight:500;
	margin-bottom:10px;
}

.PatentsCont .title.color-black{
	color:#000;
	text-decoration:none;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.PatentsCont{
		font-size:15px;
	}
	
	.PatentsCont .update{
		font-size:13px;
	}
	
	.PatentsCont .title{
		font-size:22px;
	}
	
	.PatentsCont .sub-title{
		font-size:16px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.PatentsCont{
		font-size:14px;
	}
	
	.PatentsCont .update{
		font-size:12px;
	}
	
	.PatentsCont .title{
		font-size:20px;
	}
	
	.PatentsCont .sub-title{
		font-size:15px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.PatentsCont{
		font-size:14px;
	}
	
	.PatentsCont .update{
		font-size:12px;
	}
	
	.PatentsCont .title{
		font-size:18px;
	}
	
	.PatentsCont .sub-title{
		font-size:15px;
	}
}

/*=========================================================
	Service Policy
=========================================================*/
/* ServicePolicy:Banner
=========================================================*/
.SPBanner{
	margin-bottom:50px;
	background-image:url(../img/bg/SPbanner.png);
	background-size:cover;
	background-position:center center;
	padding:70px 50px 75px;
	position:relative;
}

.SPBanner:after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.4);
}

.SPBannerText{
	position:relative;
	z-index:5;
}

.SPBannerText-title{
	font-size:36px;
	line-height:1.2em;
	color:#fff;
	font-weight:bold;
	margin-bottom:15px;
}

.SPBannerText-text{
	font-size:18px;
	line-height:1.5em;
	color:#fff;
}

/* Responsive */
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.SPBanner{
		padding:40px 40px;
		margin-bottom:40px;
	}
	
	.SPBannerText-title{
		font-size:30px;
	}
	
	.SPBannerText-text{
		font-size:16px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.SPBanner{
		padding:30px 30px;
		margin-bottom:30px;
	}
	
	.SPBannerText-title{
		font-size:26px;
	}
	
	.SPBannerText-text{
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.SPBanner{
		padding:20px 20px;
		margin-bottom:20px;
	}
	
	.SPBannerText-title{
		font-size:24px;
		margin-bottom:10px;
	}
	
	.SPBannerText-text{
		font-size:13px;
	}
}

/* ServicePolicy:Text
=========================================================*/
.ServicePolicy-title{
	font-size:24px;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	margin-bottom:20px;
}

.ServicePolicy-text{
	font-size:16px;
	line-height:1.6em;
	color:#4C4948;
	margin-bottom:25px;
}

.ServicePolicy-list{
	margin-bottom:40px;
}

.ServicePolicy-item{
	margin-top:6px;
	font-size:16px;
	line-height:1.6em;
	color:#4C4948;
	position:relative;
	padding-left:15px;
}

.ServicePolicy-item:before{
	content:"•";
	position:absolute;
	top:0;
	left:0;
}

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

.ServicePolicy-item a{
	color:#F37321;
	text-decoration:underline;
}

.ServicePolicyLine{
	border:dashed 1px #8A8F92;
	border-radius:15px 15px;
	padding:30px 30px;
}

.ServicePolicyLine-text{
	font-size:18px;
	line-height:1.7em;
	color:#000;
	margin-bottom:10px;
	font-weight:500;
}

.ServicePolicyLine-bullet{
	font-size:16px;
	line-height:1.7em;
	color:#4C4948;
}

.ServicePolicyLine-bullet a{
	color:#F37321;
	text-decoration:underline;
}

/* Responsive */
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.ServicePolicy-title{
		font-size:22px;
	}
	
	.ServicePolicy-text{
		font-size:14px;
	}
	
	.ServicePolicy-item{
		font-size:14px;
	}
	
	.ServicePolicyLine{
		padding:25px 25px;
	}
	
	.ServicePolicyLine-text{
		font-size:16px;
	}
	
	.ServicePolicyLine-bullet{
		font-size:14px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.ServicePolicy-title{
		font-size:20px;
	}
	
	.ServicePolicy-text{
		font-size:13px;
	}
	
	.ServicePolicy-item{
		font-size:14px;
	}
	
	.ServicePolicyLine{
		padding:20px 20px;
	}
	
	.ServicePolicyLine-text{
		font-size:15px;
	}
	
	.ServicePolicyLine-bullet{
		font-size:13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.ServicePolicy-title{
		font-size:18px;
	}
	
	.ServicePolicy-text{
		font-size:13px;
	}
	
	.ServicePolicy-item{
		font-size:14px;
	}
	
	.ServicePolicyLine{
		padding:20px 20px;
	}
	
	.ServicePolicyLine-text{
		font-size:14px;
	}
	
	.ServicePolicyLine-bullet{
		font-size:13px;
	}
}





/* WebinarsPayment
=========================================================*/
.WebinarsStepItemTitle-cont{
	margin-top:30px;
}
.WebinarsPayment{
	padding:50px 20px 40px;
	background-color:#F4F4F4;
	text-align:center;
}
.WebinarsPayment-title{
	display:block;
	color:#000;
	font-size:28px;
	font-weight:500;
	line-height:1.4em;
}

.WebinarsPayment-inner{
	max-width:450px;
	margin:0 auto;
	
}
.WebinarsPaymentBox{
	padding:30px 25px;
	background-color:#fff;
	border:1px dashed #8A8F92;
}
.WebinarsPaymentBox-list{
	margin-bottom:12px;
}
.WebinarsPaymentBox-list:last-child{
	margin-bottom:0;
}
.WebinarsPaymentBox-list:after{
	content:'';
	display:block;
	clear:both;
}
.WebinarsPaymentBox-title{
    width: 38%;
	padding-left:12px;
	position:relative;
	float:left;
	color:#000;
	font-size:20px;
	font-weight:500;
	line-height:1.4em;
	text-align: left;
}
.WebinarsPaymentBox-title:before{
	content:'';
	display:block;
	width:3px;
	height:3px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	background-color:#F37321;
}
.WebinarsPaymentBox-text{
	overflow:hidden;
	color:#000;
	font-size:20px;
	font-weight:bold;
	line-height:1.4em;
	text-align: left;
}

/* WebinarsPaymentBtn */
.WebinarsPaymentBtn{
	margin-top:20px;
	text-align:center;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.WebinarsStepItemTitle-cont{
		margin-top:22px;
	}
	.WebinarsPayment{
		padding:46px 20px 32px;
	}
	.WebinarsPaymentBox-title{
		font-size:18px;
	}
	.WebinarsPaymentBox-title:before{
		width:3px;
		height:3px;
	}
	.WebinarsPaymentBox-text{
		font-size:18px;
	}


	/* WebinarsPaymentBtn */
	.WebinarsPaymentBtn {
		margin-bottom: 12px;
	}

}
@media screen and (max-width: 1024px) and (min-width: 768px){
	.WebinarsStepItemTitle-cont{
		margin-top:18px;
	}
	.WebinarsPayment{
		padding:30px 20px 20px;
	}
	.WebinarsPaymentBox-list {
		margin-bottom: 10px;
	}
	.WebinarsPaymentBox-title{
		font-size:16px;
	}
	.WebinarsPaymentBox-text{
		font-size:16px;
	}
	
	/* WebinarsPaymentBtn */
	.WebinarsPaymentBtn {
		margin-top: 12px;
	}

}
@media screen and (max-width: 767px) and (min-width: 1px){
	.WebinarsStepItemTitle-cont{
		margin-top:12px;
	}
	.WebinarsPayment{
		padding:20px 10px 20px;
	}
	.WebinarsPaymentBox{
		padding:20px 10px;
	}
	.WebinarsPaymentBox-list {
		margin-bottom: 8px;
	}
	.WebinarsPaymentBox-title{
		width:100%;
		margin-bottom:4px;
		float:none;
		font-size:14px;
	}
	.WebinarsPaymentBox-title:before{
		width:3px;
		height:3px;
	}
	.WebinarsPaymentBox-text{
		padding-left:12px;
		font-size:14px;
	}
	
	/* WebinarsPaymentBtn */
	.WebinarsPaymentBtn {
		margin-top: 20px;
	}

}

.network_contents #globalWrap .tabCon img {
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
}

.network_contents .must_web {
    display: none;
}

.network_contents .must_mobile {
    display: block;
}

.network_contents .global_list1 {
    margin-bottom: 20px;
}

.network_contents .global_list2 {
    margin-bottom: 20px;
}


.network_contents .localOffice>li>ul {
    height: 130px;
}

/* ASSET */
.network_contents .asset {
    background: url('../img/icon/ico-company-gnetwork.png') no-repeat;
    background-size: 300px 300px;
    display: inline-block;
}

.network_contents .asset.loc_ic0 {
    background-position: 0 0;
    width: 16px;
    height: 12px;
}

.network_contents .asset.loc_ic2 {
    background-position: -50px 0;
    width: 16px;
    height: 12px;
}


.network_contents .localOffice {
    display: inline-block;
}

.network_contents .localOffice strong {
    display: block;
    border-bottom: solid 1px #dfdfdf;
    font-size: 14px;
    color: #555;
    padding-bottom: 10px;
}

.network_contents .localOffice>li>ul li {
    border-bottom: 1px solid #dfdfdf;
}

.network_contents {
    padding: 0 15px;
}

.network_contents #globalWrap {
    background: none;
}


.network_contents .global_location .localOffice dt {
    float: left;
    position: absolute;
    margin-top: 3px;
}

.network_contents .global_location .localOffice dd {
    margin-left: 25px;
}

.network_contents .global_location .localOffice>li {
    width: auto;
    border: none !important;
    margin-top: 0px;
}

.network_contents .global_location .localOffice>li:last-child {
    margin-bottom: 40px;
}

.network_contents .global_location .localOffice strong {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    border-bottom-color: #f47320;
}

.network_contents .global_location .localOffice ul li dl {
    color: #777;
    font-size: 15px;
    font-weight: 400;
    line-height: 22.5px;
    padding: 8px;
}

.network_contents .global_location .localOffice .btn_map {
    color: #777;
}


.network_contents .global_location .localOffice>li {
    padding: 20px;
}


@media(min-width:768px) {
    .network_contents .global_location .localOffice ul li dl {
        padding: 10px;
    }
}

@media(min-width:1024px) {

    .network_contents .global_location .localOffice>li {
        float: left;
        min-height: 200px;
        width: 50%;
        padding: 20px;
    }


    .network_contents #globalWrap .tabCon img {
        max-width: 1006px;
        margin: 0 auto;
    }

    .network_contents .must_web {
        display: block;
    }

    .network_contents .must_mobile {
        display: none;
    }

    .network_contents .asset {
        background-size: 600px 600px;
    }

    .network_contents .asset.loc_ic0 {
        background-position: 0 -50px;
        width: 20px;
        height: 16px;
    }

    .network_contents .asset.loc_ic2 {
        background-position: -100px -50px;
        width: 20px;
        height: 16px;
    }
}

@media(min-width:1200px) {
    .network_contents {
        max-width: 1200px;
        margin: 0 auto;
    }

    .network_contents .global_location .localOffice>li {
        float: left;
        min-height: 200px;
        width: 33.3%;
        padding: 20px;
    }
}