@charset "UTF-8";

/*=========================================================
	Layout
=========================================================*/
.entry-content{
	min-height:170px;
}

.site-content{
	position:relative;
}

body.home:after{
	width:0px;
	height:0px;
	opacity:0;
	left:0;
	visibility:hidden;
	position:absolute;
	z-index:-1;
 content: url(../img/icon/ico-product1-h.svg) url(../img/icon/ico-product2-h.svg) url(../img/icon/ico-product3-h.svg) url(../img/icon/ico-product4-h.svg) url(../img/icon/ico-product5-h.svg) url(../img/icon/ico-product6-h.svg) url(../img/icon/ico-product7-h.svg) url(../img/icon/ico-product8-h.svg) url(../img/icon/ico-case1-h.svg) url(../img/icon/ico-case2-h.svg) url(../img/icon/ico-case3-h.svg) url(../img/icon/ico-case4-h.svg) url(../img/icon/ico-case5-h.svg) url(../img/icon/ico-case6-h.svg) url(../img/icon/ico-case7-h.svg) url(../img/icon/ico-case12-h.svg) url(../img/icon/ico-case8-h.svg) url(../img/icon/ico-case9-h.svg) url(../img/icon/ico-case10-h.svg) url(../img/icon/ico-slidebtn-prev.png) url(../img/icon/ico-slidebtn-next.png);
}

.home .site-content{
	overflow:hidden;
}

/*=========================================================
	TopSearch
=========================================================*/
.TopSearch{
	transition-property:opacity, visibility;
	transition-duration: 0.2s;
	transition-delay:0.3s;
	position:absolute;
	top:125px;
	left:0;
	right:0;
	z-index:100;
}

.TopSearchForm{
	width:540px;
	border:solid 4px #F37321;
	position:relative;
	border-radius:100px;
	background-color:#fff;
	margin:0 auto;
	padding-right:70px;
}

body .TopSearchForm-text{
	display:block;
	width:100%;
	font-size:18px;
	line-height:normal;
	padding:12px 35px;
	color:#333;
	height:51px;
	border-radius:100px 100px;
}

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

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

body .TopSearchForm-submit{
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:70px;
	display:block;
	z-index:10;
	background-image:url(../img/icon/ico-search-btn.png);
	background-size:24px 22px;
	background-repeat:no-repeat;
	background-position:center center;
}

.is-HeaderFixed .TopSearch{
	opacity:0;
	visibility:hidden;
	transition-delay:0s;
}

/*=========================================================
SearchSelect
=========================================================*/
.SearchSelect{
	position:relative;
	min-width:160px;
	height:30px;
	user-select: none;
}

.SearchSelect-text{
	font-size:14px;
	line-height:1.4em;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:block;
	padding:4px 18px;
	padding-right:42px;
	border-right: 1px solid #D1D1D1;
	position:relative;
	height:30px;
	cursor:pointer;
	text-align:left;
}

.SearchSelect-text:after{
	content:"";
	width:14px;
	height:8px;
	background-image:url(../img/icon/ico-postmore.png);
	background-size:14px 8px;
	position:absolute;
	top:50%;
	right:28px;
	transform:translateY(-50%);
}

.SearchSelect-list{
	position:absolute;
	left:0;
	right:0;
	z-index:50;
	background-color:#fff;
	border:1px solid #f0f0f0;
	display:none;
	overflow:hidden;
	overflow-y:auto;
	width:200px;
	top:46px;
	border-radius:8px;
}

.SearchSelect-link{
	display:block;
	font-size:14px;
	line-height:1.4em;
	color:#000;
	padding:8px 20px;
}

.SearchSelect-link:hover{
	color:#F37321;
}

.SearchSelect-item{
	height:46px;
	display:flex;
	align-items:center;
	border-top: solid 1px #f0f0f0;
}

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

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

.SearchSelect-link input[type="checkbox"]{
	position: absolute;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.SearchSelect-link input[type="checkbox"] + label{
	display: block;
	padding-left: 30px;
	position: relative;
	cursor: pointer;
}

.SearchSelect-link input[type="checkbox"] + label:before{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #DADAD9;
	background-image: url(../img/icon/ico-check.png);
    background-size: 12px 8px;
    background-repeat: no-repeat;
    background-position: center center;
}

.SearchSelect-link input[type="checkbox"]:checked + label:before{
	background-color: #F37321;
}

@media screen and (max-width: 1024px){
	.site-header .SearchSelect-list{
		top: auto;
		bottom: 40px;
	}
}

/* header bar search button */
@media screen and (min-width: 1280px){
	.HeaderNav .HeaderSearchButton{
		background-repeat: no-repeat;
		height: auto;
		width: 120px;
		right: -120px;
		background-position: 11px 8px;
		background-size: 16px 16px;
		margin-top: 0;
		border: 1px solid #CECECE;
		border-radius: 38px;
	}
	.HeaderNav .ab-text{
		font-size: 16px;
		line-height: 1.4em;
		color: #000000;
		width: auto;
		height: auto;
		position: static;
		text-align: left;
		padding: 4px 0;
		padding-left: 34px;
	}
}

/* search form override */
.site-header form,
.TopSearch form{
	display: flex;
	align-items: center;
}
.site-header .HeaderSearchForm-text,
.TopSearch .TopSearchForm-text{
	padding: 12px 0 12px 30px;
}

/* search loader */
.GlobalSearchLoading {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
}
.GlobalSearchLoading .spinner2{
	background-image: url(../img/icon/preloader.gif);
    width: 50px;
    height: 50px;
    background-size: 50px;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.TopSearch{
		top:85px;
	}
	.TopSearchForm{
		max-width:460px;
		padding-right: 62px;
	}
	
	body .TopSearchForm-text{
		font-size:14px;
		padding: 10px 25px;
		height: 40px;
	}
	
	body .TopSearchForm-submit{
		background-size: 20px 18px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px){
	.TopSearch{
		display:none;
	}
}

@media screen and (min-width: 1025px) {
	.Header-white .TopSearchForm{
		border-color:transparent !important;
	}
}

/*=========================================================
	MainSlide
=========================================================*/
.MainSlider{
	position:relative;
}

.MainSliderItem{
	width:100%;
}

.MainSliderItemThumbnail{
	position:relative;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.MainSliderItemThumbnail:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.25);
	z-index:2;
}

.MainSliderItemThumbnail:after{
	content:"";
	display:block;
	padding-bottom:45%;
}

.MainSliderItemThumbnail-mobile{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	display:block;
	opacity:0;
}

/*Responsive*/
@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MainSliderItemThumbnail{
		background:none !important;
	}
	
	.MainSliderItemThumbnail-mobile{
		opacity:1;
	}
	
	.MainSliderItemThumbnail:after{
		padding-bottom:calc(100vh - 82px)
	}
	
	
	.admin-bar  .MainSliderItemThumbnail:after{
		padding-bottom:calc(100vh - 128px)
	}
}

/*	MainSlide:pagination
=========================================================*/
.MainSlider-pagination{
	position:absolute;
	bottom:20%;
	left: calc(50% - 596px);
	z-index:50;
	overflow:hidden;
}

.MainSlider-pagination .swiper-pagination-bullet{
	margin-right:12px;
	float:left;
	display:block;
}

.MainSlider-pagination-text{
	display:block;
	font-size:14px;
	line-height:1.2em;
	color:#fff;
	font-weight:bold;
	opacity:0.38;
	float:left;
	margin-right:0;
}

.MainSlider-pagination-keyword{
	font-size:11px;
	font-weight:500;
}

.MainSlider-PressBar{
	width:0px;
	height:2px;
	background-color:rgba(255,255,255,0.36);
	display:block;
	float:left;
	margin-top:9px;
	overflow:hidden;
	position:relative;
	transition-property:width;
	transition-duration: 0.2s;
}

.MainSlider-PressBar:after{
	content:"";
	width:100%;
	height:2px;
	position:absolute;
	top:0;
	left:0;
	background-color:#fff;
	transform: translateX(-100%);
}

.swiper-pagination-bullet-active .MainSlider-pagination-text{
	opacity:1;
	margin-right:14px;
}

.swiper-pagination-bullet-active .MainSlider-PressBar{
	width:100px;
}

.swiper-pagination-bullet-active .MainSlider-PressBar:after {
	animation: slide-progress 5s linear forwards;
}
	
@keyframes slide-progress {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0);
	}
}

.MainSlider-container.is-Stop .swiper-pagination-bullet-active:before{
  animation-play-state: paused;
}
	
.MainSlider-container.is-Play .swiper-pagination-bullet-active:before{
  animation-play-state: running;
}

/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.MainSlider-pagination{
		bottom:9.375vw;
		left:calc(50% - 31.041vw);
	}

	.MainSlider-pagination .swiper-pagination-bullet{
		margin-right:0.625vw;
	}

	.MainSlider-pagination-text{
		font-size:0.729166vw;
	}

	.MainSlider-PressBar{
		margin-top:0.46875vw;
	}
	
	.swiper-pagination-bullet-active .MainSlider-pagination-text{
		margin-right:0.729166vw;
	}

	.swiper-pagination-bullet-active .MainSlider-PressBar{
		width:5.4166vw;
	}
}

@media screen and (max-width: 1240px) and (min-width: 1025px) {
	.MainSlider-pagination{
		bottom:8.375vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainSlider-pagination{
		left:20px;
		margin-left:0;
		transform: translateX(0%);
		bottom:57px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainSlider-pagination{
		left:50%;
		margin-left:0;
		transform: translateX(-50%);
		bottom:35px;
	}
	
	.MainSlider-pagination-text{
		display:none;
	}
	
	.MainSlider-PressBar{
		display:none;
	}
	
	.MainSlider-pagination .swiper-pagination-bullet{
		width:24px;
		height:2px;
		background-color:#D1D1D1;
		margin:0 4px;
		display:inline-block;
	}
	
	.MainSlider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
		background-color:#fff;
	}
}

/*	MainSlide:Arrow
=========================================================*/
.MainSlider-prev{
	width:25px;
	height:52px;
	display:block;
	background-image:url(../img/icon/prv_sl_prev.png);
	background-size:25px 52px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:50;
	margin-left:-760px;
	cursor:pointer;
	opacity:0.5;
}

.MainSlider-next{
	width:25px;
	height:52px;
	display:block;
	background-image:url(../img/icon/prv_sl_next.png);
	background-size:25px 52px;
	position:absolute;
	top:50%;
	right:50%;
	transform:translate(-50%, -50%);
	z-index:50;
	margin-right:-760px;
	cursor:pointer;
	opacity:0.5;
}

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

	.MainSlider-next:hover{
		opacity:1;
	}
}

/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.MainSlider-prev{
		width:1.30208vw;
		height:2.7083vw;
		background-size:1.30208vw 2.7083vw;
		margin-left:-39.5833vw;
	}

	.MainSlider-next{
		width:1.30208vw;
		height:2.7083vw;
		background-size:1.30208vw 2.7083vw;
		margin-right:-39.5833vw;
	}
}

@media screen and (max-width: 1024px) and (min-width:1px) {
	.MainSlider-prev{
		display:none;
	}
	
	.MainSlider-next{
		display:none;
	}
}


/*	MainSlide:Content
=========================================================*/
.MainSliderItemCont{
	position:absolute;
	top:53%;
	left:0;
	right:0;
	z-index:5;
	transform:translateY(-50%);
}

.MainSliderItemCont-sub{
	font-size:24px;
	line-height:1.3em;
	color:#fff;
	font-weight:500;
	margin-bottom:20px;
	width:50%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	transition-property:opacity, transform;
	transition-delay:0.2s;
	transition-duration: 0.6s;
	opacity:0;
	transform:translateX(-100px);
	transition-timing-function: ease-out;
}

.MainSliderItemCont-main-sub{
	margin-right:5px;
	font-family:'Hanwha';
	display: inline-block;
    transform: translateY(-0.07em);
}

.MainSliderItemCont-main-wisenet{
	margin-right:5px;
	display: inline-block;
	
}

.MainSliderItemCont-main-wisenet img{
	display:block;
	height:18px;
}

.MainSliderItemCont-title{
	font-size:55px;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
	width:60%;
	display:-webkit-box;
    -webkit-line-clamp:2; /* 라인수 */
    -webkit-box-orient:vertical;
    height:2.5em;
    overflow:hidden;
    text-overflow:ellipsis;
	transition-property:opacity, transform;
	transition-delay:0.5s;
	transition-duration: 0.6s;
	opacity:0;
	transform:translateX(-100px);
	transition-timing-function: ease-out;
}

.MainSliderItemContBtn{
	margin-top:55px;
	width:50%;
	font-size:0;
	line-height:0;
	transition-property:opacity, transform;
	transition-delay:0.8s;
	transition-duration: 0.6s;
	opacity:0;
	transform:translateX(-100px);
	transition-timing-function: ease-out;
}

.ArrowBtn{
	display:inline-block;
	border:solid 2px #FFFFFF;
	border-radius:100px;
	padding:13px 23px;
}

.ArrowBtn-text{
	display:block;
	font-size:14px;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
	padding-right:30px;
	position:relative;
	transition-property:padding-right;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

.ArrowBtn-text:after{
	content:"";
	width:17px;
	height:11px;
	background-image:url(../img/icon/ico-btn-arrow.png);
	background-size:17px 11px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	margin-top:1px;
}

@media screen and (min-width: 1025px){
	.ArrowBtn:hover .ArrowBtn-text{
		padding-right:40px;
	}
}

.MainSliderItemText{
	position:absolute;
	bottom:13%;
	right:50%;
	transform:translateX(50%);
	width:340px;
	margin-right: -520px;
	font-size:24px;
	line-height:1.3em;
	color:#fff;
	font-weight:500;
	z-index:10;
}

.MainSlider-slide.swiper-slide-active .MainSliderItemCont-sub{
	opacity:1;
	transform:translateX(0px);
}

.MainSlider-slide.swiper-slide-active .MainSliderItemCont-title{
	opacity:1;
	transform:translateX(0px);
}

.MainSlider-slide.swiper-slide-active .MainSliderItemContBtn{
	opacity:1;
	transform:translateX(0px);
}

/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.MainSliderItemCont-sub{
		font-size:1.25vw;
		margin-bottom:1.041666vw;
	}
	
	.MainSliderItemCont-main-wisenet img{
		height:0.9375vw;
	}

	.MainSliderItemCont-title{
		font-size:2.8645vw;
	}

	.MainSliderItemContBtn{
		margin-top:2.8645vw;
	}

	.ArrowBtn{
		border-radius:5.2083vw;
		padding:0.67708vw 1.19791vw;
	}

	.ArrowBtn-text{
		font-size:0.7291vw;
		padding-right:1.5625vw;
	}

	.ArrowBtn-text:after{
		width:0.88541vw;
		height:0.572916vw;
		background-size:0.88541vw 0.572916vw;
		margin-top:0.052083vw;
	}

	.ArrowBtn:hover .ArrowBtn-text{
		padding-right:2.0833vw;
	}

	.MainSliderItemText{
		bottom:7.8125vw;
		width:17.7083vw;
		margin-right: -27.08333vw;
		font-size:1.25vw;
	}
	
	.MainSliderItemCont .site-container{
		max-width:66.6666vw;
		padding:0 2.0833vw;
	}
}

@media screen and (max-width: 1240px) and (min-width: 1025px) {
	.MainSliderItemCont{
		top:56%;
	}
	
	.MainSliderItemText{
		bottom: 5.8125vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainSliderItemCont{
		top:17.718vh;
		transform: translateY(0%);
	}
	
	.MainSliderItemCont-sub{
		width:80vw;
		font-size:20px;
		transition-delay: 0s;
		transform: translateX(0px);
	}
	
	.MainSliderItemCont-main-wisenet img{
		height:16px;
	}
	
	.MainSliderItemCont-title{
		width:80vw;
		font-size:52px;
		-webkit-line-clamp: 3;
		height:3.6em;
		transition-delay: 0.1s;
		transform: translateX(0px);
	}
	
	.MainSliderItemContBtn{
		width:80vw;
		transition-delay: 0.2s;
		transform: translateX(0px);
	}
	
	.MainSliderItemText{
		right:20px;
		transform: translateX(0%);
		margin-right:0;
		font-size:16px;
		bottom:47px;
		width:auto;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainSliderItemCont{
		top:120px;
		transform: translateY(0%);
	}
	
	.MainSliderItemCont-sub{
		width:90vw;
		font-size:14px;
		margin-bottom:14px;
		transition-delay: 0s;
		transform: translateX(0px);
	}
	
	.MainSliderItemCont-main-wisenet img{
		height:12px;
	}
	
	.MainSliderItemCont-title{
		width:90vw;
		font-size:36px;
		line-height:1.3em;
		height:3.9em;
		-webkit-line-clamp: 3;
		transition-delay: 0.1s;
		transform: translateX(0px);
	}
	
	.MainSliderItemCont-title br{
		display:none;
	}
	
	.MainSliderItemContBtn{
		width:90vw;
		margin-top:30px;
		transition-delay: 0.2s;
		transform: translateX(0px);
	}
	
	.MainSliderItemText{
		display:none;
	}
	
	.ArrowBtn{
		padding:11px 20px;
	}
	
	.ArrowBtn-text{
		font-size:12px;
		padding-right:24px;
	}
	
	.ArrowBtn-text:after{
		width:14px;
		height:10px;
		background-size:14px 10px;
	}
}


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

.MainSlideWhiteItem{
	width:100%;
}

.MainSlideWhiteItemThumbnail{
	position:relative;
	overflow:hidden;
}

.MainSlideWhiteItemThumbnail:after{
	content:"";
	display:block;
	padding-bottom:45%;
}

.MainSlideWhiteItemThumbnail-bg{
	position:absolute;
	top:215px;
	right:0;
	bottom:0;
	width:46%;
	background-color:#FBF0EA;
	border-radius:30px 0 0 0;
}

.MainSlideWhiteItemThumbnail-img{
	position:absolute;
	top:calc(50% + 80px);
	right:calc(46% - 526px);	
	transform:translateY(-50%);
	max-width:685px;
	max-height:685px;
}


/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.MainSlideWhiteItemThumbnail-bg{
		border-radius:1.5625vw 0 0 0;
	}

	.MainSlideWhiteItemThumbnail-img{
		top:calc(50% + 4.1666vw);
		right:calc(46% - 27.395vw);	
		max-width:35.67708vw;
		max-height:35.67708vw;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.MainSlideWhiteItemThumbnail-bg{
	    top: 158px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.MainSlideWhiteItemThumbnail:after{
		padding-bottom:calc(100vh - 82px)
	}
	
	.admin-bar .MainSlideWhiteItemThumbnail:after{
		padding-bottom:calc(100vh - 128px)
	}
	
	.MainSlideWhiteItemThumbnail-bg{
		top:95px;
	}
	
	.MainSlideWhiteItemThumbnail-img{
		top:auto;
		bottom:70px;
		right:20px;	
		transform: translateY(0%);
		max-width:60.67708vw;
		max-height:60.67708vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainSlideWhiteItemThumbnail-img{
		bottom:auto;
		top:33vh;
		right:-10vw;	
		max-width:90.67708vw;
		max-height:90.67708vw;
	}
}

@media screen and (max-width: 320px) and (min-width: 1px) {
	.MainSlideWhiteItemThumbnail-img{
		top:40vh;
	}
}

/*	MainSlide:pagination
=========================================================*/
.MainSlideWhite-pagination{
	position:absolute;
	bottom:20%;
	left:50%;
	z-index:50;
	margin-left:-462px;
	overflow:hidden;
	transform:translateX(-50%)
}

.MainSlideWhite-pagination .swiper-pagination-bullet{
	margin-right:12px;
	float:left;
	display:block;
	cursor:pointer;
}

.MainSlideWhite-pagination-text{
	display:block;
	font-size:14px;
	line-height:1.2em;
	color:#D1D1D1;
	font-weight:bold;
	float:left;
	margin-right:0;
}

.MainSlideWhite-PressBar{
	width:0px;
	height:2px;
	background-color:#D1D1D1;
	display:block;
	float:left;
	margin-top:9px;
	overflow:hidden;
	position:relative;
	transition-property:width;
	transition-duration: 0.2s;
}

.MainSlideWhite-PressBar:after{
	content:"";
	width:100%;
	height:2px;
	position:absolute;
	top:0;
	left:0;
	background-color:#F37321;
	transform: translateX(-100%);
}

.swiper-pagination-bullet-active .MainSlideWhite-pagination-text{
	color:#F37321;
	margin-right:14px;
}

.swiper-pagination-bullet-active .MainSlideWhite-PressBar{
	width:200px;
}

.swiper-pagination-bullet-active .MainSlideWhite-PressBar:after {
	animation: slidewhite-progress 10s linear forwards;
}
	
@keyframes slidewhite-progress {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0);
	}
}

.MainSlideWhite-container.is-Stop .swiper-pagination-bullet-active:before{
  animation-play-state: paused;
}
	
.MainSlideWhite-container.is-Play .swiper-pagination-bullet-active:before{
  animation-play-state: running;
}

/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.MainSlideWhite-pagination{
		bottom:9.375vw;
		margin-left:-24.0625vw;
	}

	.MainSlideWhite-pagination .swiper-pagination-bullet{
		margin-right:0.625vw;
	}

	.MainSlideWhite-pagination-text{
		font-size:0.729166vw;
	}

	.MainSlideWhite-PressBar{
		margin-top:0.46875vw;
	}
	
	.swiper-pagination-bullet-active .MainSlideWhite-pagination-text{
		margin-right:0.729166vw;
	}

	.swiper-pagination-bullet-active .MainSlideWhite-PressBar{
		width:10.4166vw;
	}
}

@media screen and (max-width: 1240px) and (min-width: 1025px) {
	.MainSlideWhite-pagination{
		bottom:8.375vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainSlideWhite-pagination{
		left:20px;
		margin-left:0;
		transform: translateX(0%);
		bottom:57px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainSlideWhite-pagination{
		left:50%;
		margin-left:0;
		transform: translateX(-50%);
		bottom:35px;
	}
	
	.MainSlideWhite-pagination-text{
		display:none;
	}
	
	.MainSlideWhite-PressBar{
		display:none;
	}
	
	.MainSlideWhite-pagination .swiper-pagination-bullet{
		width:34px;
		height:2px;
		background-color:#D1D1D1;
		margin:0 4px;
		display:inline-block;
	}
	
	.MainSlideWhite-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
		background-color:#F37321;
	}
}

/*	MainSlide:Arrow
=========================================================*/
.MainSlideWhite-prev{
	width:25px;
	height:52px;
	display:block;
	background-image:url(../img/icon/prv_sl_prev-b.png);
	background-size:25px 52px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:50;
	margin-left:-760px;
	cursor:pointer;
	opacity:0.5;
}

.MainSlideWhite-next{
	width:25px;
	height:52px;
	display:block;
	background-image:url(../img/icon/prv_sl_next-b.png);
	background-size:25px 52px;
	position:absolute;
	top:50%;
	right:50%;
	transform:translate(-50%, -50%);
	z-index:50;
	margin-right:-760px;
	cursor:pointer;
	opacity:0.5;
}

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

	.MainSlideWhite-next:hover{
		opacity:1;
	}
}

/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.MainSlideWhite-prev{
		width:1.30208vw;
		height:2.7083vw;
		background-size:1.30208vw 2.7083vw;
		margin-left:-39.5833vw;
	}

	.MainSlideWhite-next{
		width:1.30208vw;
		height:2.7083vw;
		background-size:1.30208vw 2.7083vw;
		margin-right:-39.5833vw;
	}
}

@media screen and (max-width: 1024px) and (min-width:1px) {
	.MainSlideWhite-prev{
		display:none;
	}
	
	.MainSlideWhite-next{
		display:none;
	}
}


/*	MainSlide:Content
=========================================================*/
.MainSlideWhiteItemCont{
	position:absolute;
	top:53%;
	left:0;
	right:0;
	z-index:5;
	transform:translateY(-50%);
}

.MainSlideWhiteItemCont-sub{
	font-size:24px;
	line-height:1.3em;
	color:#000000;
	font-weight:500;
	margin-bottom:20px;
	width:48%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	transition-property:opacity, transform;
	transition-delay:0.2s;
	transition-duration: 0.6s;
	opacity:0;
	transform:translateX(-100px);
	transition-timing-function: ease-out;
}

.MainSlideWhiteItemCont-main-sub{
	margin-right:5px;
	color:#F37321;
}

.MainSlideWhiteItemCont-title{
	font-size:50px;
	line-height:1.2em;
	color:#000000;
	font-weight:500;
	width:48%;
	 display:-webkit-box;
    -webkit-line-clamp:2; /* 라인수 */
    -webkit-box-orient:vertical;
    height:2.4em;
    overflow:hidden;
    text-overflow:ellipsis;
	transition-property:opacity, transform;
	transition-delay:0.5s;
	transition-duration: 0.6s;
	opacity:0;
	transform:translateX(-100px);
	transition-timing-function: ease-out;
}

.MainSlideWhiteItemContBtn{
	margin-top:55px;
	width:48%;
	font-size:0;
	line-height:0;
	transition-property:opacity, transform;
	transition-delay:0.8s;
	transition-duration: 0.6s;
	opacity:0;
	transform:translateX(-100px);
	transition-timing-function: ease-out;
}

.ArrowBtnWhite{
	display:inline-block;
	border:solid 2px #000000;
	border-radius:100px;
	padding:13px 23px;
}

.ArrowBtnWhite-text{
	display:block;
	font-size:14px;
	line-height:1.2em;
	color:#000000;
	font-weight:500;
	padding-right:30px;
	position:relative;
	transition-property:padding-right;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

.ArrowBtnWhite-text:after{
	content:"";
	width:17px;
	height:11px;
	background-image:url(../img/icon/ico-btn-arrow-b.png);
	background-size:17px 11px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	margin-top:1px;
}

@media screen and (min-width: 1025px){
	.ArrowBtnWhite:hover .ArrowBtnWhite-text{
		padding-right:40px;
	}
}

.MainSlideWhiteItemText{
	position:absolute;
	bottom:13%;
	right:50%;
	transform:translateX(50%);
	width:340px;
	margin-right: -520px;
	font-size:24px;
	line-height:1.3em;
	color:#000;
	font-weight:500;
	z-index:10;
}

.MainSlideWhite-slide.swiper-slide-active .MainSlideWhiteItemCont-sub{
	opacity:1;
	transform:translateX(0px);
}

.MainSlideWhite-slide.swiper-slide-active .MainSlideWhiteItemCont-title{
	opacity:1;
	transform:translateX(0px);
}

.MainSlideWhite-slide.swiper-slide-active .MainSlideWhiteItemContBtn{
	opacity:1;
	transform:translateX(0px);
}

/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {
	.MainSlideWhiteItemCont-sub{
		font-size:1.25vw;
		margin-bottom:1.041666vw;
	}

	.MainSlideWhiteItemCont-title{
		font-size:2.60416vw;
	}

	.MainSlideWhiteItemContBtn{
		margin-top:2.8645vw;
	}

	.ArrowBtnWhite{
		border-radius:5.2083vw;
		padding:0.67708vw 1.19791vw;
	}

	.ArrowBtnWhite-text{
		font-size:0.7291vw;
		padding-right:1.5625vw;
	}

	.ArrowBtnWhite-text:after{
		width:0.88541vw;
		height:0.572916vw;
		background-size:0.88541vw 0.572916vw;
		margin-top:0.052083vw;
	}

	.ArrowBtnWhite:hover .ArrowBtnWhite-text{
		padding-right:2.0833vw;
	}

	.MainSlideWhiteItemText{
		bottom:7.8125vw;
		width:17.7083vw;
		margin-right: -27.08333vw;
		font-size:1.25vw;
	}
	
	.MainSlideWhiteItemCont .site-container{
		max-width:66.6666vw;
		padding:0 2.0833vw;
	}
}

@media screen and (max-width: 1240px) and (min-width: 1025px) {
	.MainSlideWhiteItemCont{
		top:56%;
	}
	
	.MainSlideWhiteItemText{
		bottom: 5.8125vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainSlideWhiteItemCont{
		top:17.718vh;
		transform: translateY(0%);
	}
	
	.MainSlideWhiteItemCont-sub{
		width:80vw;
		font-size:20px;
		transform: translateX(0px);
		transition-delay: 0s;
	}
	
	.MainSlideWhiteItemCont-title{
		width:80vw;
		font-size:52px;
		-webkit-line-clamp: 3;
		height:3.6em;
		transform: translateX(0px);
		transition-delay: 0.1s;
	}
	
	.MainSlideWhiteItemContBtn{
		width:80vw;
		transform: translateX(0px);
		transition-delay: 0.2s;
	}
	
	.MainSlideWhiteItemText{
		right:20px;
		transform: translateX(0%);
		margin-right:0;
		font-size:16px;
		bottom:47px;
		width:auto;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainSlideWhiteItemCont{
		top:120px;
		transform: translateY(0%);
	}
	
	.MainSlideWhiteItemCont-sub{
		width:calc(90vw - 40px);
		font-size:14px;
		margin-bottom:14px;
		transform: translateX(0px);
		transition-delay: 0s;
	}
	
	.MainSlideWhiteItemCont-title{
		width:calc(90vw - 40px);
		font-size:24px;
		line-height:1.3em;
		height:3.9em;
		-webkit-line-clamp: 3;
		transform: translateX(0px);
		transition-delay: 0.1s;
	}
	
	.MainSlideWhiteItemCont-title br{
		display:none;
	}
	
	.MainSlideWhiteItemContBtn{
		width:calc(90vw - 40px);
		margin-top:30px;
		transform: translateX(0px);
		transition-delay: 0.2s;
	}
	
	.MainSlideWhiteItemText{
		display:none;
	}
	
	.ArrowBtnWhite{
		padding:11px 20px;
	}
	
	.ArrowBtnWhite-text{
		font-size:12px;
		padding-right:24px;
	}
	
	.ArrowBtnWhite-text:after{
		width:14px;
		height:10px;
		background-size:14px 10px;
	}
}

/*=========================================================
CategorySlide
=========================================================*/
/*	CategorySlide:CategorySlideTitle
=========================================================*/
.CategorySlide{
	position:relative;
	z-index:50;
}

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

.CategorySlideTitle{
	background-color:#F37321;
	position:relative;
	width:300px;
	margin-top:-28px;
	float:left;
}

.CategorySlideTitle-inner{
	overflow:hidden;
	padding:100px 0  78px;
}

.CategorySlideTitle:before{
	content:"";
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	left:-3000px;
	background-color:#F37321;
}

.CategorySlideTitle-container{
	overflow:visible;
}

.CategorySlideTitle-wrapper{
	flex-direction: column;
	height:61px;
}

.CategorySlideTitle-text{
	font-size:24px;
	line-height:1.2em;
	color:rgba(255,255,255,0.28);
	font-weight:500;
	font-family:'Jost';
	display:block;
	width:100%;
}

.CategorySlideTitle-slide{
	padding:9px 0;
	opacity:0;
	transition-property:opacity;
	transition-duration: 0.2s;
}

.CategorySlideTitle-slide.swiper-slide-active .CategorySlideTitle-text{
	color:#fff;
	font-size:36px;
}

.CategorySlideTitle-slide.swiper-slide-prev{
	opacity:1;
}

.CategorySlideTitle-slide.swiper-slide-next{
	opacity:1;
}

.CategorySlideTitle-slide.swiper-slide-active{
	opacity:1;
}

.CategorySlideTitleArrow{
	position:absolute;
	top:50%;
	right:33px;
	transform:translateY(-50%);
	z-index:10;
}

.CategorySlideTitle-prev{
	width:23px;
	height:11px;
	background-image:url(../img/icon/ico-vertical-top.png);
	background-size:23px 11px;
	display:block;
	cursor:pointer;
	margin-bottom:76px;
}

.CategorySlideTitle-next{
	width:23px;
	height:11px;
	background-image:url(../img/icon/ico-vertical-bottom.png);
	background-size:23px 11px;
	display:block;
	cursor:pointer;
}

.CategorySlideTitleAutoPlay{
	width:8px;
	height:10px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.CategorySlideTitle-play{
	width:10px;
	height:12px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background-image:url(../img/icon/ico-cate-slide-play.png);
	background-size:10px 12px;
	cursor:pointer;
	display:none;
}

.CategorySlideTitle-pause{
	width:8px;
	height:10px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background-image:url(../img/icon/ico-pause.png);
	background-size:8px 10px;
	cursor:pointer;
}


.is-Stop .CategorySlideTitle-play{
	display:block;
}

.is-Stop .CategorySlideTitle-pause{
	display:none;
}

@media screen and (min-width: 1025px) {
	.CategorySlideTitle-prev:hover{
		background-image:url(../img/icon/ico-cate-slide-prev-h.png);
	}
	
	.CategorySlideTitle-next:hover{
		background-image:url(../img/icon/ico-cate-slide-next-h.png);
	}
	
	.CategorySlideTitle-pause:hover{
		background-image:url(../img/icon/ico-cate-slide-stop-h.png);
	}
}


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CategorySlideTitle{
		width:20.833vw;
		margin-top:-1.94444vw;
	}

	.CategorySlideTitle-inner{
		padding:6.9444vw 0  5.4166vw;
	}

	.CategorySlideTitle-wrapper{
		height:4.23611vw;
	}

	.CategorySlideTitle-text{
		font-size:1.6666vw;
	}

	.CategorySlideTitle-slide{
		padding:0.625vw 0;
	}

	.CategorySlideTitle-slide.swiper-slide-active .CategorySlideTitle-text{
		font-size:2.5vw;
	}


	.CategorySlideTitleArrow{
		right:2.2916vw;
	}

	.CategorySlideTitle-prev{
		width:1.59722vw;
		height:0.7638vw;
		background-size:1.59722vw 0.7638vw;
		margin-bottom:5.27777vw;
	}

	.CategorySlideTitle-next{
		width:1.59722vw;
		height:0.7638vw;
		background-size:1.59722vw 0.7638vw;
	}

	.CategorySlideTitleAutoPlay{
		width:0.555vw;
		height:0.69444vw;
	}

	.CategorySlideTitle-play{
		width:0.555vw;
		height:0.69444vw;
		background-size:0.555vw 0.69444vw;
	}

	.CategorySlideTitle-pause{
		width:0.555vw;
		height:0.69444vw;
		background-size:0.555vw 0.69444vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.CategorySlideTitle{
		width:20.833vw;
		margin-top:-1.94444vw;
	}

	.CategorySlideTitle-inner{
		padding:6.9444vw 0  5.4166vw;
	}

	.CategorySlideTitle-wrapper{
		height:4.23611vw;
	}

	.CategorySlideTitle-text{
		font-size:1.6666vw;
	}

	.CategorySlideTitle-slide{
		padding:0.625vw 0;
	}

	.CategorySlideTitle-slide.swiper-slide-active .CategorySlideTitle-text{
		font-size:2.5vw;
	}


	.CategorySlideTitleArrow{
		right:2.2916vw;
	}

	.CategorySlideTitle-prev{
		width:1.59722vw;
		height:0.7638vw;
		background-size:1.59722vw 0.7638vw;
		margin-bottom:5.27777vw;
	}

	.CategorySlideTitle-next{
		width:1.59722vw;
		height:0.7638vw;
		background-size:1.59722vw 0.7638vw;
	}

	.CategorySlideTitleAutoPlay{
		width:0.555vw;
		height:0.69444vw;
	}

	.CategorySlideTitle-play{
		width:0.555vw;
		height:0.69444vw;
		background-size:0.555vw 0.69444vw;
	}

	.CategorySlideTitle-pause{
		width:0.555vw;
		height:0.69444vw;
		background-size:0.555vw 0.69444vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CategorySlideTitle{
		float:none;
		margin-top:0;
		width:auto;
		margin-left:-20px;
		margin-right:-20px;
	}
	.CategorySlideTitle-wrapper{
		flex-direction:row;
		height:auto;
	}
	
	.CategorySlideTitle-slide{
		padding:0 20px;
	}
	
	.CategorySlideTitleArrow{
		display:none;
	}
	
	.CategorySlideTitle-text{
		font-size:36px !important;
		font-weight:bold;
		text-align:center;
	}
	
	.CategorySlideTitle-inner{
		overflow:visible;
		padding:25px 0px 20px;
		width:236px;
		margin:0 auto;
	}
}


/*	CategorySlide:CategorySlideCont
=========================================================*/
.CategorySlideCont{
	overflow:hidden;
}

.CategorySlideCont-slide{
	background-color:#fff;
	height:100%;
}

.CategorySlideCont-slide.swiper-slide-active{
	z-index:10;
}

.CategorySlideCont-container{
	height:210px;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CategorySlideCont-container{
		height:14.5833vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.CategorySlideCont-container{
		height:14.5833vw;
	}
	
	.CategorySlideCont-slide.swiper-slide-prev{
		opacity:0 !important;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CategorySlideCont{
		overflow:visible;
	}
	
	.CategorySlideCont-container{
		height:auto;
		overflow:visible;
	}
	
	.CategorySlideCont-slide.swiper-slide-prev{
		opacity:0 !important;
	}
}

/*=========================================================
	CategoryList
=========================================================*/
.CategorySlideList{
	width:100%;
}

@media screen  and (min-width: 768px) {
	.CategorySlideList-wrapper{
		transform: translate3d(0px, 0px, 0px) !important;
		display:block !important;
	}
	.CategorySlideList-slide{
		width:100% !important;
		display:block !important;
	}

	.CategorySlideList-slide{
		width:25% !important;
		padding-left:39px;
		display:block !important;
		float:left;
		height:50%;
		border-bottom:solid 1px #F4F4F4;
		border-right:solid 1px #F4F4F4;
	}
	
	.CategorySlideList-slide:nth-child(4n){
		border-right:none;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(8n){
		border-right:solid 1px #F4F4F4;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(9n){
		border-right:none;
	}
	
	.CategorySlideList-slide:nth-child(4n) ~ .CategorySlideList-slide{
		border-bottom:none;
	}

	.CategorySlideList{
		position:absolute;
		top:10px;
		left:0;
		right:0;
		bottom:0;
	}

	/* per lang customisation */
	html[lang="ko-KR"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(10),
	html[lang="ru-RU"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(11),
	html[lang="vi"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(5),
	html[lang="en-sa"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(5),
	html[lang="en-sea"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(5){
		border-right:none;
	}
	html[lang="vi"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(5),
	html[lang="en-sa"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(5),
	html[lang="en-sea"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(5){
		border-bottom:solid 1px #F4F4F4;
	}
	html[lang="vi"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(4),
	html[lang="en-sa"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(4),
	html[lang="en-sea"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(4),
	html[lang="ar"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(4){
		border-right:solid 1px #F4F4F4;
	}
}

.CategorySlideListItem{
	display:table;
	table-layout:fixed;
	width:100%;
	height:100%;
}

.CategorySlideListItemIcon{
	display:table-cell;
	vertical-align:middle;
	width:48px;
}

.CategorySlideListItemTitle{
	display:table-cell;
	vertical-align:middle;
	padding-left:15px;
}

.CategorySlideListItemTitle-text{
	display:block;
	font-size:16px;
	line-height:1.4em;
	color:#4C4948;
	font-weight:500;
}

@media screen  and (min-width: 1025px) {
	.CategorySlideCont-solutions .CategorySlideList-slide{
		padding-left:0;
	}
	
	.CategorySlideCont-solutions .CategorySlideListItem{
		display:block;
		padding-top:11px;
	}
	
	.CategorySlideCont-solutions .CategorySlideListItemIcon{
		display:block;
	}
	
	.CategorySlideCont-solutions .CategorySlideListItemTitle{
		display:block;
		margin-top:10px;
		padding-left:0;
	}
	
	.CategorySlideCont-solutions .CategorySlideListItemTitle-text{
		font-size:14px;
		text-align:center;
	}
	
	.CategorySlideCont-solutions .CategorySlideListItemIcon{
		width:46px;
		height:46px;
		margin:0 auto;
		position:relative;
	}
	
	.CategorySlideCont-solutions .CategorySlideListItemIcon-img{
		width:46px;
		height:46px;
		display:block;
	}
	
	.CategorySlideCont-solutions .CategorySlideListItemIcon-img:after{
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.CategorySlideListItem:hover .CategorySlideListItemTitle-text{
		color:#F37321;
	}
	
	.CategorySlideCont-solutions .CategorySlideList-slide:nth-child(1) .CategorySlideListItem:hover .CategorySlideListItemIcon-img:after{
		background-image: url(../img/icon/ico-case2-h.svg);
	}
	
	.CategorySlideCont-solutions .CategorySlideList-slide:nth-child(2) .CategorySlideListItem:hover .CategorySlideListItemIcon-img:after{
		background-image: url(../img/icon/ico-case3-h.svg);
	}
	
	.CategorySlideCont-solutions .CategorySlideList-slide:nth-child(3) .CategorySlideListItem:hover .CategorySlideListItemIcon-img:after{
		background-image: url(../img/icon/ico-case4-h.svg);
	}
	
	.CategorySlideCont-solutions .CategorySlideList-slide:nth-child(4) .CategorySlideListItem:hover .CategorySlideListItemIcon-img:after{
		background-image: url(../img/icon/ico-case12-h.svg);
	}
	
	.CategorySlideCont-solutions .CategorySlideList-slide:nth-child(5) .CategorySlideListItem:hover .CategorySlideListItemIcon-img:after{
		background-image: url(../img/icon/ico-case9-h.svg);
	}
	
	.CategorySlideCont-solutions .CategorySlideList-slide:nth-child(6) .CategorySlideListItem:hover .CategorySlideListItemIcon-img:after{
		background-image: url(../img/icon/ico-case5-h.svg);
	}
	
	.CategorySlideCont-solutions .CategorySlideList-slide:nth-child(7) .CategorySlideListItem:hover .CategorySlideListItemIcon-img:after{
		background-image: url(../img/icon/ico-case6-h.svg);
	}
	
	.CategorySlideCont-solutions .CategorySlideList-slide:nth-child(8) .CategorySlideListItem:hover .CategorySlideListItemIcon-img:after{
		background-image: url(../img/icon/ico-case7-h.svg);
	}
	
	.CategorySlideCont-solutions .CategorySlideList-slide:nth-child(9) .CategorySlideListItem:hover .CategorySlideListItemIcon-img:after{
		background-image: url(../img/icon/ico-case8-h.svg);
	}
}


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CategorySlideCont-solutions .CategorySlideList-slide{
		padding-left:0;
	}
	
	.CategorySlideList-slide{
		padding-left:2.8083vw;
	}
	
	.CategorySlideListItemIcon{
		width:3.3333vw;
	}

	.CategorySlideListItemTitle{
		padding-left:1.0416vw;
	}

	.CategorySlideListItemTitle-text{
		font-size:1.1111vw;
	}
	
	.CategorySlideCont-solutions .CategorySlideListItem{
		padding-top:calc(2.6vw - 27px);
	}
	
	.CategorySlideCont-solutions .CategorySlideListItemTitle{
		margin-top:0.1vw;
	}
	
	.CategorySlideCont-solutions .CategorySlideListItemTitle-text{
		font-size:0.9722vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.CategorySlideList-slide{
		padding-left:calc(-1.1917vw + 40px)
	}
	
	.CategorySlideCont-solutions .CategorySlideList-slide{
		padding-left: calc(-1.1917vw + 30px)
	}
	    
	.CategorySlideListItemIcon{
		width:3.3333vw;
	}

	.CategorySlideListItemTitle{
		padding-left:1.0416vw;
	}

	.CategorySlideListItemTitle-text{
		font-size:1.3111vw;
	}
	
	.CategorySlideCont-solutions .CategorySlideListItemTitle-text{
		text-align:left;
	}
	
	.CategorySlideCont-solutions .CategorySlideListItemIcon-img{
		width:3.3333vw;
		height:3.3333vw;
		display:block;
		position:relative;
	}
	
	.CategorySlideCont-solutions .CategorySlideListItemIcon-img:after{
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	/*icon*/
	.CategorySlideCont-solutions .ico-case2:after{
		width: 2.9vw;
		height: 2.9vw;
		background-size: 2.9vw 2.9vw;
	}
	
	.CategorySlideCont-solutions .ico-case3:after{
		width: 2.9vw;
		height: 2.9vw;
		background-size: 2.9vw 2.9vw;
	}
	
	.CategorySlideCont-solutions .ico-case4:after{
		width: 2.9vw;
		height: 2.9vw;
		background-size: 2.9vw 2.9vw;
	}
	
	.CategorySlideCont-solutions .ico-case12:after{
		width: 2.9vw;
		height: 2.9vw;
		background-size: 2.9vw 2.9vw;
	}
	
	.CategorySlideCont-solutions .ico-case9:after{
		width: 2.9vw;
		height: 2.9vw;
		background-size: 2.9vw 2.9vw;
	}
	
	.CategorySlideCont-solutions .ico-case5:after{
		width: 2.9vw;
		height: 2.9vw;
		background-size: 2.9vw 2.9vw;
	}
	
	.CategorySlideCont-solutions .ico-case6:after{
		width: 2.7vw;
		height: 2.9vw;
		background-size: 2.7vw 2.9vw;
	}
	
	.CategorySlideCont-solutions .ico-case7:after{
		width: 2.2vw;
		height: 2.9vw;
		background-size: 2.2vw 2.9vw;
	}
	
	.CategorySlideCont-solutions .ico-case8:after{
		width: 2.7vw;
		height: 2.9vw;
		background-size: 2.7vw 2.9vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CategorySlideCont{
		padding:20px 0 25px;
	}
	
	.CategorySlideList-slide{
		padding-left:0;
	}
	
	.CategorySlideListItem{
		display:block;
		text-align:center;
		position:relative;
	}
	
	.CategorySlideListItem:after{
		content:"";
		width:1px;
		height:98px;
		background-color:#F4F4F4;
		position:absolute;
		top:-10px;
		right:0;
	}
	
	.CategorySlideList-slide:last-child .CategorySlideListItem:after{
		display:none;
	}
	
	.CategorySlideListItemIcon{
		width:48px;
		height:48px;
		position:relative;
		margin:0 auto 14px;
		display:block;
	}

	.CategorySlideListItemTitle{
		padding-left:0;
		display:block;
	}

	.CategorySlideListItemTitle-text{
		font-size:11px;
		padding-left:10px;
		padding-right:10px;
	}
	
	.CategorySlideListItemTitle-text br{
		display:none;
	}
	
	.CategorySlideListItemIcon-img{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
	}
	
	.CategorySlideList-scrollbar{
		width:100%;
		height:2px;
		background-color:#F4F4F4;
		display:block;
		opacity: 1 !important;
		margin-top:35px;
	}
	
	.CategorySlideList-scrollbar .swiper-scrollbar-drag{
		background-color:#F37321;
	}
	
	.CategorySlideList-container{
		overflow:visible;
	}
	
	.CategorySlideCont-solutions .CategorySlideListItemIcon-img{
		width: 48px;
		height: 48px;
		display:block;
		position:relative;
	}
	
	.CategorySlideCont-solutions .CategorySlideListItemIcon-img:after{
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	/*icon*/
	.CategorySlideCont-solutions .ico-case2:after{
		width: 42px;
		height: 42px;
		background-size: 42px 42px;
	}
	
	.CategorySlideCont-solutions .ico-case3:after{
		width: 42px;
		height: 42px;
		background-size: 42px 42px;
	}
	
	.CategorySlideCont-solutions .ico-case4:after{
		width: 42px;
		height: 42px;
		background-size: 42px 42px;
	}
	
	.CategorySlideCont-solutions .ico-case12:after{
		width: 42px;
		height: 42px;
		background-size: 42px 42px;
	}
	
	.CategorySlideCont-solutions .ico-case9:after{
		width: 42px;
		height: 42px;
		background-size: 42px 42px;
	}
	
	.CategorySlideCont-solutions .ico-case5:after{
		width: 42px;
		height: 42px;
		background-size: 42px 42px;
	}
	
	.CategorySlideCont-solutions .ico-case6:after{
		width: 38px;
		height: 42px;
		background-size: 38px 42px;
	}
	
	.CategorySlideCont-solutions .ico-case7:after{
		width: 36px;
		height: 42px;
		background-size: 36px 42px;
	}
	
	.CategorySlideCont-solutions .ico-case8:after{
		width: 38px;
		height: 42px;
		background-size: 38px 42px;
	}
}


/*	CategoryList:Product
=========================================================*/
.CategorySlideCont-product .CategorySlideList-slide:nth-child(1) .CategorySlideListItemIcon-img{
	display:block;
	width:42px;
	height:42px;
	background-image:url(../img/icon/ico-product1.svg);
	background-size:42px 42px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-product .CategorySlideList-slide:nth-child(2) .CategorySlideListItemIcon-img{
	display:block;
	width:36px;
	height:36px;
	background-image:url(../img/icon/ico-product2.svg);
	background-size:36px 36px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-product .CategorySlideList-slide:nth-child(3) .CategorySlideListItemIcon-img{
	display:block;
	width:48px;
	height:48px;
	background-image:url(../img/icon/ico-product13.svg);
	background-size:48px 48px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-product .CategorySlideList-slide:nth-child(4) .CategorySlideListItemIcon-img{
	display:block;
	width:48px;
	height:48px;
	background-image:url(../img/icon/ico-product3.svg);
	background-size:48px 48px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-product .CategorySlideList-slide:nth-child(5) .CategorySlideListItemIcon-img{
	display:block;
	width:41px;
	height:41px;
	background-image:url(../img/icon/ico-product4.svg);
	background-size:41px 41px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-product .CategorySlideList-slide:nth-child(6) .CategorySlideListItemIcon-img{
	display:block;
	width:43px;
	height:43px;
	background-image:url(../img/icon/ico-product5.svg);
	background-size:43px 43px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-product .CategorySlideList-slide:nth-child(7) .CategorySlideListItemIcon-img{
	display:block;
	width:38px;
	height:38px;
	background-image:url(../img/icon/ico-product8.svg);
	background-size:38px 38px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-product .CategorySlideList-slide:nth-child(8) .CategorySlideListItemIcon-img{
	display:block;
	width:33px;
	height:37px;
	background-image:url(../img/icon/ico-product6.svg);
	background-size:33px 37px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-product .CategorySlideList-slide:nth-child(9) .CategorySlideListItemIcon-img{
	display:block;
	width:48px;
	height:48px;
	background-image:url(../img/icon/ico-product9.svg);
	background-size:48px 48px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-product .CategorySlideList-slide:nth-child(10) .CategorySlideListItemIcon-img{
	display:block;
	width:48px;
	height:48px;
	background-image:url(../img/icon/ico-product10.svg);
	background-size:48px 48px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-product .CategorySlideList-slide:nth-child(11) .CategorySlideListItemIcon-img{
	display:block;
	width:48px;
	height:48px;
	background-image:url(../img/icon/ico-product11.svg);
	background-size:48px 48px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-product .CategorySlideList-slide:nth-child(12) .CategorySlideListItemIcon-img{
	display:block;
	width:48px;
	height:48px;
	background-image:url(../img/icon/ico-product12.svg);
	background-size:48px 48px;
	margin:0 auto;
	opacity:1;
}


@media screen and (min-width: 1025px) {
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(1) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-product1-h.svg);
		opacity:1;
	}

	.CategorySlideCont-product .CategorySlideList-slide:nth-child(2) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-product2-h.svg);
		opacity:1;
	}

	.CategorySlideCont-product .CategorySlideList-slide:nth-child(3) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-product13-h.svg);
		opacity:1;
	}

	.CategorySlideCont-product .CategorySlideList-slide:nth-child(4) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-product3-h.svg);
		opacity:1;
	}

	.CategorySlideCont-product .CategorySlideList-slide:nth-child(5) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-product4-h.svg);
		opacity:1;
	}

	.CategorySlideCont-product .CategorySlideList-slide:nth-child(6) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-product5-h.svg);
		opacity:1;
	}

	.CategorySlideCont-product .CategorySlideList-slide:nth-child(7) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-product8-h.svg);
		opacity:1;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(8) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-product6-h.svg);
		opacity:1;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(9) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-product9-h.svg);
		opacity:1;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(10) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-product10-h.svg);
		opacity:1;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(11) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-product11-h.svg);
		opacity:1;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(12) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-product12-h.svg);
		opacity:1;
	}
}


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(1) .CategorySlideListItemIcon-img{
		width:2.91666vw;
		height:2.91666vw;
		background-size:2.91666vw 2.91666vw;
	}

	.CategorySlideCont-product .CategorySlideList-slide:nth-child(2) .CategorySlideListItemIcon-img{
		width:2.5vw;
		height:2.5vw;
		background-size:2.5vw 2.5vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(3) .CategorySlideListItemIcon-img{
		width:3.3333vw;
		height:3.3333vw;
		background-size:3.3333vw 3.3333vw;
	}

	.CategorySlideCont-product .CategorySlideList-slide:nth-child(4) .CategorySlideListItemIcon-img{
		width:3.3333vw;
		height:3.3333vw;
		background-size:3.3333vw 3.3333vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(5) .CategorySlideListItemIcon-img{
		width:2.8472vw;
		height:2.8472vw;
		background-size:2.8472vw 2.8472vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(6) .CategorySlideListItemIcon-img{
		width:2.98611vw;
		height:2.98611vw;
		background-size:2.98611vw 2.98611vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(7) .CategorySlideListItemIcon-img{
		width:2.6388vw;
		height:2.6388vw;
		background-size:2.6388vw 2.6388vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(8) .CategorySlideListItemIcon-img{
		width:2.29166vw;
		height:2.5694vw;
		background-size:2.29166vw 2.5694vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(9) .CategorySlideListItemIcon-img{
		width:3.3333vw;
		height:3.3333vw;
		background-size:3.3333vw 3.3333vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(10) .CategorySlideListItemIcon-img{
		width:3.3333vw;
		height:3.3333vw;
		background-size:3.3333vw 3.3333vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(11) .CategorySlideListItemIcon-img{
		width:3.3333vw;
		height:3.3333vw;
		background-size:3.3333vw 3.3333vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(12) .CategorySlideListItemIcon-img{
		width:3.3333vw;
		height:3.3333vw;
		background-size:3.3333vw 3.3333vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(1) .CategorySlideListItemIcon-img{
		width:2.91666vw;
		height:2.91666vw;
		background-size:2.91666vw 2.91666vw;
	}

	.CategorySlideCont-product .CategorySlideList-slide:nth-child(2) .CategorySlideListItemIcon-img{
		width:2.5vw;
		height:2.5vw;
		background-size:2.5vw 2.5vw;
	}

	.CategorySlideCont-product .CategorySlideList-slide:nth-child(3) .CategorySlideListItemIcon-img{
		width:3.3333vw;
		height:3.3333vw;
		background-size:3.3333vw 3.3333vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(4) .CategorySlideListItemIcon-img{
		width:3.3333vw;
		height:3.3333vw;
		background-size:3.3333vw 3.3333vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(5) .CategorySlideListItemIcon-img{
		width:2.8472vw;
		height:2.8472vw;
		background-size:2.8472vw 2.8472vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(6) .CategorySlideListItemIcon-img{
		width:2.98611vw;
		height:2.98611vw;
		background-size:2.98611vw 2.98611vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(7) .CategorySlideListItemIcon-img{
		width:2.6388vw;
		height:2.6388vw;
		background-size:2.6388vw 2.6388vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(8) .CategorySlideListItemIcon-img{
		width:2.29166vw;
		height:2.5694vw;
		background-size:2.29166vw 2.5694vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(9) .CategorySlideListItemIcon-img{
		width:3.3333vw;
		height:3.3333vw;
		background-size:3.3333vw 3.3333vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(10) .CategorySlideListItemIcon-img{
		width:3.3333vw;
		height:3.3333vw;
		background-size:3.3333vw 3.3333vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(11) .CategorySlideListItemIcon-img{
		width:3.3333vw;
		height:3.3333vw;
		background-size:3.3333vw 3.3333vw;
	}
	
	.CategorySlideCont-product .CategorySlideList-slide:nth-child(12) .CategorySlideListItemIcon-img{
		width:3.3333vw;
		height:3.3333vw;
		background-size:3.3333vw 3.3333vw;
	}
}


/*	CategoryList:Solution
=========================================================*/
.CategorySlideCont-solution .CategorySlideList-slide:nth-child(1) .CategorySlideListItemIcon-img{
	display:block;
	width:42px;
	height:42px;
	background-image:url(../img/icon/ico-product1.png);
	background-size:42px 42px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-solution .CategorySlideList-slide:nth-child(2) .CategorySlideListItemIcon-img{
	display:block;
	width:36px;
	height:36px;
	background-image:url(../img/icon/ico-product2.png);
	background-size:36px 36px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-solution .CategorySlideList-slide:nth-child(3) .CategorySlideListItemIcon-img{
	display:block;
	width:48px;
	height:48px;
	background-image:url(../img/icon/ico-product3.png);
	background-size:48px 48px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-solution .CategorySlideList-slide:nth-child(4) .CategorySlideListItemIcon-img{
	display:block;
	width:41px;
	height:41px;
	background-image:url(../img/icon/ico-product4.png);
	background-size:41px 41px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-solution .CategorySlideList-slide:nth-child(5) .CategorySlideListItemIcon-img{
	display:block;
	width:43px;
	height:43px;
	background-image:url(../img/icon/ico-product5.png);
	background-size:43px 43px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-solution .CategorySlideList-slide:nth-child(6) .CategorySlideListItemIcon-img{
	display:block;
	width:33px;
	height:37px;
	background-image:url(../img/icon/ico-product6.png);
	background-size:33px 37px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-solution .CategorySlideList-slide:nth-child(7) .CategorySlideListItemIcon-img{
	display:block;
	width:40px;
	height:40px;
	background-image:url(../img/icon/ico-product7.png);
	background-size:40px 40px;
	margin:0 auto;
	opacity:1;
}
.CategorySlideCont-solution .CategorySlideList-slide:nth-child(8) .CategorySlideListItemIcon-img{
	display:block;
	width:38px;
	height:38px;
	background-image:url(../img/icon/ico-product8.png);
	background-size:38px 38px;
	margin:0 auto;
	opacity:1;
}

/*	CategoryList:Support
=========================================================*/
.CategorySlideCont-support .CategorySlideList-slide:nth-child(1) .CategorySlideListItemIcon-img{
	display:block;
	width:40px;
	height:36px;
	background-image:url(../img/icon/ico-support-1.svg);
	background-size:40px 36px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-support .CategorySlideList-slide:nth-child(2) .CategorySlideListItemIcon-img{
	display:block;
	width:34px;
	height:36px;
	background-image:url(../img/icon/ico-support-2.svg);
	background-size:34px 36px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-support .CategorySlideList-slide:nth-child(3) .CategorySlideListItemIcon-img{
	display:block;
	width:31px;
	height:35px;
	background-image:url(../img/icon/ico-support-3.svg);
	background-size:31px 35px;
	margin:0 auto;
	opacity:1;
}

.CategorySlideCont-support .CategorySlideList-slide:nth-child(4) .CategorySlideListItemIcon-img{
	display:block;
	width:38px;
	height:36px;
	background-image:url(../img/icon/ico-support-4.svg);
	background-size:38px 36px;
	margin:0 auto;
	opacity:1;
}
.CategorySlideCont-support .CategorySlideList-slide:nth-child(5) .CategorySlideListItemIcon-img{
	display:block;
	width:42px;
	height:35px;
	background-image:url(../img/icon/ico-support-5.svg);
	background-size:42px 35px;
	margin:0 auto;
	opacity:1;
}
.CategorySlideCont-support .CategorySlideList-slide:nth-child(6) .CategorySlideListItemIcon-img{
	display:block;
	width:27px;
	height:36px;
	background-image:url(../img/icon/ico-support-6.svg);
	background-size:27px 36px;
	margin:0 auto;
	opacity:1;
}
.CategorySlideCont-support .CategorySlideList-slide:nth-child(7) .CategorySlideListItemIcon-img{
	display:block;
	width:29px;
	height:37px;
	background-image:url(../img/icon/ico-support-7.svg);
	background-size:28px 37px;
	margin:0 auto;
	opacity:1;
	background-repeat:no-repeat;
}

.CategorySlideCont-support .CategorySlideList-slide:nth-child(8) .CategorySlideListItemIcon-img{
	display:block;
	width:38px;
	height:34px;
	background-image:url(../img/icon/ico-support-8.svg);
	background-size:38px 34px;
	margin:0 auto;
	opacity:1;
}

@media screen  and (min-width: 1025px) {
	.CategorySlideCont-support .CategorySlideList-slide:nth-child(1) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-support-1-h.svg);
		opacity:1;
	}

	.CategorySlideCont-support .CategorySlideList-slide:nth-child(2) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-support-2-h.svg);
		opacity:1;
	}

	.CategorySlideCont-support .CategorySlideList-slide:nth-child(3) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-support-3-h.svg);
		opacity:1;
	}

	.CategorySlideCont-support .CategorySlideList-slide:nth-child(4) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-support-4-h.svg);
		opacity:1;
	}

	.CategorySlideCont-support .CategorySlideList-slide:nth-child(5) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-support-5-h.svg);
		opacity:1;
	}

	.CategorySlideCont-support .CategorySlideList-slide:nth-child(6) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-support-6-h.svg);
		opacity:1;
	}

	.CategorySlideCont-support .CategorySlideList-slide:nth-child(7) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-support-7-h.svg);
		opacity:1;
	}
	.CategorySlideCont-support .CategorySlideList-slide:nth-child(8) .CategorySlideListItem:hover .CategorySlideListItemIcon-img{
		background-image:url(../img/icon/ico-support-8-h.svg);
		opacity:1;
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CategorySlideCont-support .CategorySlideList-slide:nth-child(1) .CategorySlideListItemIcon-img{
		width:2.7777vw;
		height:2.5vw;
		background-size:2.7777vw 2.5vw;
	}

	.CategorySlideCont-support .CategorySlideList-slide:nth-child(2) .CategorySlideListItemIcon-img{
		width:2.3611vw;
		height:2.5vw;
		background-size:2.3611vw 2.5vw;
	}

	.CategorySlideCont-support .CategorySlideList-slide:nth-child(3) .CategorySlideListItemIcon-img{
		width:2.1527vw;
		height:2.4305vw;
		background-size:2.1527vw 2.4305vw;
	}

	.CategorySlideCont-support .CategorySlideList-slide:nth-child(4) .CategorySlideListItemIcon-img{
		width:2.63888vw;
		height:2.5vw;
		background-size:2.63888vw 2.5vw;
	}
	.CategorySlideCont-support .CategorySlideList-slide:nth-child(5) .CategorySlideListItemIcon-img{
		width:2.9166vw;
		height:2.4305vw;
		background-size:2.9166vw 2.4305vw;
	}
	.CategorySlideCont-support .CategorySlideList-slide:nth-child(6) .CategorySlideListItemIcon-img{
		width:1.875vw;
		height:2.5vw;
		background-size:1.875vw 2.5vw;
	}
	.CategorySlideCont-support .CategorySlideList-slide:nth-child(7) .CategorySlideListItemIcon-img{
		width:1.9444vw;
		height:2.56944vw;
		background-size:1.9444vw 2.56944vw;
	}

	.CategorySlideCont-support .CategorySlideList-slide:nth-child(8) .CategorySlideListItemIcon-img{
		width:2.63888vw;
		height:2.3611vw;
		background-size:2.63888vw 2.3611vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.CategorySlideCont-support .CategorySlideList-slide:nth-child(1) .CategorySlideListItemIcon-img{
		width:2.7777vw;
		height:2.5vw;
		background-size:2.7777vw 2.5vw;
	}

	.CategorySlideCont-support .CategorySlideList-slide:nth-child(2) .CategorySlideListItemIcon-img{
		width:2.3611vw;
		height:2.5vw;
		background-size:2.3611vw 2.5vw;
	}

	.CategorySlideCont-support .CategorySlideList-slide:nth-child(3) .CategorySlideListItemIcon-img{
		width:2.1527vw;
		height:2.4305vw;
		background-size:2.1527vw 2.4305vw;
	}

	.CategorySlideCont-support .CategorySlideList-slide:nth-child(4) .CategorySlideListItemIcon-img{
		width:2.63888vw;
		height:2.5vw;
		background-size:2.63888vw 2.5vw;
	}
	.CategorySlideCont-support .CategorySlideList-slide:nth-child(5) .CategorySlideListItemIcon-img{
		width:2.9166vw;
		height:2.4305vw;
		background-size:2.9166vw 2.4305vw;
	}
	.CategorySlideCont-support .CategorySlideList-slide:nth-child(6) .CategorySlideListItemIcon-img{
		width:1.875vw;
		height:2.5vw;
		background-size:1.875vw 2.5vw;
	}
	.CategorySlideCont-support .CategorySlideList-slide:nth-child(7) .CategorySlideListItemIcon-img{
		width:1.9444vw;
		height:2.56944vw;
		background-size:1.9444vw 2.56944vw;
	}

	.CategorySlideCont-support .CategorySlideList-slide:nth-child(8) .CategorySlideListItemIcon-img{
		width:2.63888vw;
		height:2.3611vw;
		background-size:2.63888vw 2.3611vw;
	}
}

/*=========================================================
MainContentSection
=========================================================*/
.MainSectionHeader{
	margin-bottom:50px;
	text-align:center;
	font-size:0;
	line-height:0;
}

.MainSectionHeaderTitle-text{
	display:inline-block;
	font-size:36px;
	line-height:1.2em;
	font-family:'Jost';
	font-weight:bold;
	color:#000000;
	padding-bottom:16px;
	position:relative;
}

.MainSectionHeaderTitle-text:after{
	content:"";
	width:20px;
	height:2px;
	background-color:#8A8F92;
	display:block;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.MainSectionHeader{
		margin-bottom:35px;
	}

	.MainSectionHeaderTitle-text{
		font-size:30px;
		padding-bottom:14px;
	}
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.MainSectionHeader{
		margin-bottom:30px;
	}

	.MainSectionHeaderTitle-text{
		font-size:26px;
		padding-bottom:12px;
	}
}

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

	.MainSectionHeaderTitle-text{
		font-size:30px;
		padding-bottom:10px;
	}
	
	.MainSectionHeaderTitle-text:after{
		width:14px;
	}
}

/* per lang product menu show/hide */
html[lang="ko-KR"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(8),
html[lang="ko-KR"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(9),
html[lang="ko-KR"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(11),
html[lang="ko-KR"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(12){
	display:none !important;
}

html[lang="en-US"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(7),
html[lang="en-US"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(10),
html[lang="en-US"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(11),
html[lang="en-US"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(12){
	display:none !important;
}

html[lang="ja-JP"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(7),
html[lang="ja-JP"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(8),
html[lang="ja-JP"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(9),
html[lang="ja-JP"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(10){
	display:none !important;
}

html[lang="vi"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(3),
html[lang="vi"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(7),
html[lang="vi"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(9),
html[lang="vi"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(10){
	display:none !important;
}

html[lang="ru-RU"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(7),
html[lang="ru-RU"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(9),
html[lang="ru-RU"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(10),
html[lang="ru-RU"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(12){
	display:none !important;
}

html[lang="en-sa"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(3),
html[lang="en-sa"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(7),
html[lang="en-sa"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(9),
html[lang="en-sa"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(10){
	display:none !important;
}

html[lang="en-sea"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(3),
html[lang="en-sea"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(7),
html[lang="en-sea"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(9),
html[lang="en-sea"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(10){
	display:none !important;
}

html[lang="ar"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(7),
html[lang="ar"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(9),
html[lang="ar"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(10),
html[lang="ar"] .CategorySlideCont-product .CategorySlideList-slide:nth-child(12){
	display:none !important;
}



/*=========================================================
NEWS CENTER
=========================================================*/
.MainNewsCenter{
	margin-top:110px;
}

@media screen and (min-width: 768px) {
	.MainNewsCenterPost-wrapper{
		display:block;
		margin:0 -12px;
		width:auto !important;
	}

	.MainNewsCenterPost-wrapper:after{
		content:"";
		display:table;
		clear:both;
	}

	.MainNewsCenterPost-slide{
		display:block;
		width:33.333%;
		float:left;
		padding:0 12px;
	}
}

.NewsCenterPost{
	width:100%;
}

.NewsCenterPost-link{
	display:block;
}

.NewsCenterPostThumbnail{
	line-height:0;
	position:relative;
	overflow:hidden;
	margin-bottom:22px;
}

.NewsCenterPostThumbnail:after{
	content:"";
	display:block;
	padding-bottom:55%;
}

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

.NewsCenterPostThumbnail-new{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	background-color:#F37321;
	font-size:11px;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
	padding:7px 17px;
}

.NewsCenterPostCont-category{
	font-size:12px;
	line-height:1.2em;
	color:#F37321;
	font-weight:500;
	margin-bottom:8px;
}

.NewsCenterPostCont-title{
	font-size:22px;
	line-height:1.2em;
	color:#000000;
	font-weight:500;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-bottom:16px;
}

.NewsCenterPostCont-date{
	font-size:13px;
	line-height:1.2em;
	color:#8A8F92;
	font-weight:500;
	position:relative;
	padding-left:18px;
}

.NewsCenterPostCont-date:before{
	content:"";
	width:13px;
	height:13px;
	background-image:url(../img/icon/ico-date.png);
	background-size:13px 13px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	margin-top:1px;
}

.MainNewsCenterPost{
	position:relative;
}

.BasicSectionMoreBtn{
	width:50px;
	height:50px;
	border-radius:100%;
	border:solid 2px #8A8F92;
	position:absolute;
	top:-66px;
	right:0px;
}

.BasicSectionMoreBtn:before{
	content:"";
	width:16px;
	height:2px;
	background-color:#8A8F92;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.BasicSectionMoreBtn:after{
	content:"";
	width:2px;
	height:16px;
	background-color:#8A8F92;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

@media screen and (min-width: 1025px) {
	.NewsCenterPost-link:hover .NewsCenterPostThumbnail-img{
		transform:translateY(-50%) scale(1.1);
	}
	
	.NewsCenterPost-link:hover .NewsCenterPostCont-title{
		color:#F37321;
		text-decoration:underline;
	}
	
	.BasicSectionMoreBtn:hover{
		border-color:#F37321;
	}
	
	.BasicSectionMoreBtn:hover:before{
		background-color:#F37321;
	}
	
	.BasicSectionMoreBtn:hover:after{
		background-color:#F37321;
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.MainNewsCenter{
		margin-top:80px;
	}
	
	.MainNewsCenterPost-wrapper{
		margin:0 -8px;
	}

	.MainNewsCenterPost-slide{
		padding:0 8px;
	}

	.NewsCenterPostThumbnail{
		margin-bottom:19px;
	}

	.NewsCenterPostThumbnail-new{
		font-size:10px;
		padding:5px 14px;
	}

	.NewsCenterPostCont-category{
		font-size:12px;
		margin-bottom:8px;
	}

	.NewsCenterPostCont-title{
		font-size:18px;
		margin-bottom:14px;
	}

	.NewsCenterPostCont-date{
		font-size:12px;
		padding-left:15px;
	}

	.NewsCenterPostCont-date:before{
		width:10px;
		height:10px;
		background-size:10px 10px;
	}
	
	.BasicSectionMoreBtn{
		width:40px;
		height:40px;
		top:-55px;
	}
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.MainNewsCenter{
		margin-top:80px;
	}
	
	.MainNewsCenterPost-wrapper{
		margin:0 -7px;
	}

	.MainNewsCenterPost-slide{
		padding:0 7px;
	}

	.NewsCenterPostThumbnail{
		margin-bottom:19px;
	}

	.NewsCenterPostThumbnail-new{
		font-size:10px;
		padding:5px 14px;
	}

	.NewsCenterPostCont-category{
		font-size:12px;
		margin-bottom:8px;
	}

	.NewsCenterPostCont-title{
		font-size:17px;
		margin-bottom:14px;
	}

	.NewsCenterPostCont-date{
		font-size:12px;
		padding-left:15px;
	}

	.NewsCenterPostCont-date:before{
		width:10px;
		height:10px;
		background-size:10px 10px;
	}
	
	.BasicSectionMoreBtn{
		width:36px;
		height:36px;
		top:-50px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainNewsCenter{
		margin-top:60px;
	}
	
	.MainNewsCenterPost-container{
		margin:0 -8px;
		width:auto !important;
		overflow:visible;
	}

	.MainNewsCenterPost-slide{
		padding:0 8px;
		width:292px;
	}

	.NewsCenterPostThumbnail{
		margin-bottom:19px;
	}

	.NewsCenterPostThumbnail-new{
		font-size:10px;
		padding:5px 14px;
	}

	.NewsCenterPostCont-category{
		font-size:12px;
		margin-bottom:8px;
	}

	.NewsCenterPostCont-title{
		font-size:17px;
		margin-bottom:14px;
	}

	.NewsCenterPostCont-date{
		font-size:12px;
		padding-left:15px;
	}

	.NewsCenterPostCont-date:before{
		width:10px;
		height:10px;
		background-size:10px 10px;
	}
	
	.BasicSectionMoreBtn{
		width:24px;
		height:24px;
		top:-34px;
		right:0;
	}
	
	.BasicSectionMoreBtn:before{
		width:10px;
	}
	
	.BasicSectionMoreBtn:after{
		height:10px;
	}
	
	.MainNewsCenterPost-scrollbar{
		width:100%;
		height:2px;
		background-color:#F4F4F4;
		display:block;
		opacity: 1 !important;
		margin-top:35px;
	}
	
	.MainNewsCenterPost-scrollbar .swiper-scrollbar-drag{
		background-color:#F37321;
	}
	
	.MainNewsCenterPost-container{
		overflow:visible;
	}
}

/*=========================================================
NEWS PRODUCT
=========================================================*/
.MainNewsProduct{
	margin-top:110px;
}

.MainNewsProductSlide-container{
	overflow:visible;
}

.MainNewsProductSlide{
	position:relative;
}

.MainNewsProductSlide .BasicSectionMore{
	opacity:0;
	visibility:hidden;
}

.MainNewsProductSlide-slide{
	width:310px;
}

.ProductSlideItem{
	border:solid 1px #F4F4F4;
	width:calc(100% + 2px);
	margin-left:-1px;
}

.ProductSlideItem-link{
	display:block;
	position:relative;
	transition-property:transform, border-color;
	border:solid 1px transparent;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

.ProductSlideItem-link:after{
	content:"";
	display:block;
	padding-bottom:420px;
}

.ProductSlideItemBasic{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:40px 40px;
}

.ProductSlideItemBasic-title{
	font-size:22px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	 display:-webkit-box;
    -webkit-line-clamp:2; /* 라인수 */
    -webkit-box-orient:vertical;
    max-height:2.4em;
    overflow:hidden;
    text-overflow:ellipsis;
}

.ProductSlideItemBasic-code{
	margin-top:17px;
	font-size:20px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	font-family:'Jost';
}

.ProductSlideItemBasic-img{
	position:absolute;
	bottom:40px;
	right:40px;
	width:174px;
	line-height:0;
}

.ProductSlideItemBasic-img:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.ProductSlideItemBasic-img img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-height:100%;
	max-width:100%;
}

.ProductSlideItemHover{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:22px 40px 40px;
	background-color:#fff;
	border:solid 1px #F4F4F4;
	text-align:center;
	z-index:10;
	transition-property:opacity, visibility;
	transition-duration: 0.1s;
	transition-timing-function: ease-out;
	opacity:0;
	visibility:hidden;
}

.ProductSlideItemHover-img{
	width:180px;
	margin:0 auto 13px;
	line-height:0;
}

.ProductSlideItemHover-title{
	font-size:22px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	 display:-webkit-box;
    -webkit-line-clamp:2; /* 라인수 */
    -webkit-box-orient:vertical;
    max-height:2.4em;
    overflow:hidden;
    text-overflow:ellipsis;
}

.ProductSlideItemHover-code{
	margin-top:17px;
	font-size:20px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	font-family:'Jost';
}

.ProductSlideItemHover-btn{
	margin-top:30px;
}

.ArrowBtnColor{
	display:inline-block;
	border:solid 2px #F37321;
	border-radius:100px;
	padding:15px 28px;
}

.ArrowBtnColor-text{
	display:block;
	font-size:16px;
	line-height:1.2em;
	color:#F37321;
	font-weight:500;
	padding-right:30px;
	position:relative;
	transition-property:padding-right;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

.ArrowBtnColor-text:after{
	content:"";
	width:20px;
	height:14px;
	background-image:url(../img/icon/ico-btn-arrow-c.png);
	background-size:20px 14px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	margin-top:1px;
}
	
.MainNewsProductSlide-scrollbar{
	width:100%;
	height:4px;
	background-color:#F4F4F4;
	display:block;
	opacity: 1 !important;
	margin-top:60px;
}

.MainNewsProductSlide-scrollbar .swiper-scrollbar-drag{
	background-color:#F37321;
}	


.MainNewsProductSlide-prev{
	position:absolute;
	top:calc(50% - 34px);
	left:-98px;
	width:50px;
	height:50px;
	border:solid 1px #999999;
	border-radius:100%;
	z-index:50;
	transform:translateY(-50%);
	cursor:pointer;
	background:none;
	background-color:#fff;
	opacity:0.3;
}

.MainNewsProductSlide-prev:after{
	content:"";
	width:18px;
	height:11px;
	background-image:url(../img/icon/ico-solutionslide-prev.png);
	background-size:18px 11px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.MainNewsProductSlide-next{
	position:absolute;
	top:calc(50% - 34px);
	right:-98px;
	width:50px;
	height:50px;
	border:solid 1px #999999;
	border-radius:100%;
	z-index:50;
	transform:translateY(-50%);
	cursor:pointer;
	background:none;
	background-color:#fff;
	opacity:0.3;
}

.MainNewsProductSlide-next:after{
	content:"";
	width:18px;
	height:11px;
	background-image:url(../img/icon/ico-solutionslide-next.png);
	background-size:18px 11px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

@media screen and  (min-width: 1025px) {
	.MainNewsProductSlide:hover .MainNewsProductSlide-prev{
		opacity:1;
	}
	
	.MainNewsProductSlide:hover .MainNewsProductSlide-next{
		opacity:1;
	}
	
	.ArrowBtnColor:hover .ArrowBtnColor-text{
		padding-right:40px;
	}
	
	.ProductSlideItem-link:hover{
		transform:scale(1.06);
		border-color: #000;
		z-index:1;
		box-shadow:0px 0px 15px rgba(0,0,0,0.07);
	}
	
	.ProductSlideItem-link:hover .ProductSlideItemHover{
		opacity:1;
		visibility:visible;
	}
}

@media screen and (min-width: 1441px) {
	.ProductSlideItemHover .ArrowBtnColor{
		padding: 13px 20px;
	}
	.ProductSlideItemHover .ArrowBtnColor-text{
		font-size:14px;
	}
}

/*Responsive*/
@media screen and (max-width: 1600px) and (min-width: 1025px) {
	.MainNewsProductSlide-prev{
		left:-60px;
	}
	
	.MainNewsProductSlide-next{
		right:0;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.MainNewsProductSlide-prev{
		left:20px;
	}
	
	.MainNewsProductSlide-next{
		right:20px;
	}
	
	.MainNewsProduct{
		margin-top:80px;
	}

	.MainNewsProductSlide-slide{
		width:240px;
	}

	.ProductSlideItem-link:after{
		padding-bottom:495px;
	}

	.ProductSlideItemBasic{
		padding:25px 25px;
	}

	.ProductSlideItemBasic-title{
		font-size:20px;
		line-height:1.3em;
		max-height:2.6em;
	}

	.ProductSlideItemBasic-code{
		margin-top:17px;
		font-size:14px;
	}

	.ProductSlideItemBasic-img{
		bottom:25px;
		right:25px;
		width:140px;
	}

	.ProductSlideItemHover{
		padding:25px 25px 25px;
	}

	.ProductSlideItemHover-img{
		width:140px;
		margin:0 auto 13px;
	}

	.ProductSlideItemHover-title{
		font-size:20px;
		line-height:1.3em;
		max-height:2.6em;
	}

	.ProductSlideItemHover-code{
		margin-top:17px;
		font-size:14px;
	}

	.ProductSlideItemHover-btn{
		margin-top:25px;
	}

	.ArrowBtnColor{
		border-radius:100px;
		padding:8px 17px;
	}

	.ArrowBtnColor-text{
		font-size:12px;
		padding-right:30px;
	}

	.ArrowBtnColor-text:after{
		width:18px;
		height:10px;
		background-size:18px 10px;
	}
		
	.MainNewsProductSlide-scrollbar{
		height:2px;
		margin-top:40px;
	}
	
	.ProductSlideItem-link:after{
		padding-bottom: 350px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainNewsProduct{
		margin-top:80px;
	}

	.MainNewsProductSlide-slide{
		width:240px;
	}

	.ProductSlideItem-link:after{
		padding-bottom:495px;
	}

	.ProductSlideItemBasic{
		padding:25px 25px;
	}

	.ProductSlideItemBasic-title{
		font-size:20px;
		line-height:1.3em;
		max-height:2.6em;
	}

	.ProductSlideItemBasic-code{
		margin-top:17px;
		font-size:14px;
	}

	.ProductSlideItemBasic-img{
		bottom:25px;
		right:25px;
		width:140px;
	}

	.ProductSlideItemHover{
		padding:25px 25px 25px;
	}

	.ProductSlideItemHover-img{
		width:140px;
		margin:0 auto 13px;
	}

	.ProductSlideItemHover-title{
		font-size:20px;
		line-height:1.3em;
		max-height:2.6em;
	}

	.ProductSlideItemHover-code{
		margin-top:17px;
		font-size:14px;
	}

	.ProductSlideItemHover-btn{
		margin-top:25px;
	}

	.ArrowBtnColor{
		border-radius:100px;
		padding:8px 17px;
	}

	.ArrowBtnColor-text{
		font-size:12px;
		padding-right:30px;
	}

	.ArrowBtnColor-text:after{
		width:18px;
		height:10px;
		background-size:18px 10px;
	}
		
	.MainNewsProductSlide-scrollbar{
		height:2px;
		margin-top:40px;
	}
	
	.ProductSlideItem-link:after{
		padding-bottom: 350px;
	}
	
	.ProductSlideItemHover{
		display:none !important;
	}
	
	.MainNewsProductSlide .BasicSectionMore{
		opacity:1;
		visibility:visible;
	}
}

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

	.MainNewsProductSlide-slide{
		width:260px;
	}

	.ProductSlideItem-link:after{
		padding-bottom:495px;
	}

	.ProductSlideItemBasic{
		padding:25px 25px;
	}

	.ProductSlideItemBasic-title{
		font-size:20px;
		line-height:1.3em;
		max-height:2.6em;
	}

	.ProductSlideItemBasic-code{
		margin-top:11px;
		font-size:14px;
	}

	.ProductSlideItemBasic-img{
		bottom:25px;
		right:25px;
		width:130px;
	}
		
	.MainNewsProductSlide-scrollbar{
		height:2px;
		margin-top:40px;
	}
	
	.ProductSlideItem-link:after{
		padding-bottom: 280px;
	}
	
	.ProductSlideItemHover{
		display:none !important;
	}
	
	.MainNewsProductSlide .BasicSectionMore{
		opacity:1;
		visibility:visible;
	}
	
	.MainNewsProductSlide-prev{
		display:none;
	}
	
	.MainNewsProductSlide-next{
		display:none;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainNewsProductSlide-slide{
		width:220px;
	}
	
	.MainNewsProductSlide-prev{
		display:none;
	}
	
	.MainNewsProductSlide-next{
		display:none;
	}
}

/*=========================================================
CASE STUDY
=========================================================*/
.MainCaseStudy{
	margin-top:110px;
}

@media screen and (min-width: 768px) {
	.MainCaseStudyTab-wrapper{
		display:block;
		font-size:0;
		line-height:0;
		text-align:center;
		margin:0;
	}

	.MainCaseStudyTab-slide{
		display:inline-block;
		vertical-align:top;
		width:auto;
		padding:0 33px;
		position:relative;
	}
}

.MainCaseStudyTab{
	margin-bottom:35px;
}

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

.MainCaseStudyTab-slide:last-child:after{
	display:none;
}

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

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

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

.MainCaseStudyTab-link{
	display:block;
}

/*icon*/
.ico-case1:after{
	width:30px;
	height:41px;
	background-image:url(../img/icon/ico-case1.svg);
	background-size:30px 41px;
}

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

.ico-case3:after{
	width:42px;
	height:41px;
	background-image:url(../img/icon/ico-case3.svg);
	background-size:42px 41px;
}

.ico-case4:after{
	width:45px;
	height:44px;
	background-image:url(../img/icon/ico-case4.svg);
	background-size:43px 44px;
	background-repeat:no-repeat;
}

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

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

.ico-case7:after{
	width:30px;
	height:42px;
	background-image:url(../img/icon/ico-case7.svg);
	background-size:28px 42px;
	background-repeat:no-repeat;
}

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

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


.ico-case10:after{
	width:42px;
	height:32px;
	background-image:url(../img/icon/ico-case10.svg);
	background-size:40px 32px;
	background-repeat:no-repeat;
}

.ico-case11:after{
	width:39px;
	height:45px;
	background-image:url(../img/icon/ico-case11.svg);
	background-size:39px 45px;
}

.ico-case12:after{
	width:39px;
	height:45px;
	background-image:url(../img/icon/ico-case12.svg);
	background-size:39px 45px;
}


/*ico Active*/
.is-Current .ico-case1:after{
	background-image:url(../img/icon/ico-case1-h.svg);
}

.is-Current .ico-case2:after{
	background-image:url(../img/icon/ico-case2-h.svg);
}

.is-Current .ico-case3:after{
	background-image:url(../img/icon/ico-case3-h.svg);
}

.is-Current .ico-case4:after{
	background-image:url(../img/icon/ico-case4-h.svg);
}

.is-Current .ico-case5:after{
	background-image:url(../img/icon/ico-case5-h.svg);
}

.is-Current .ico-case6:after{
	background-image:url(../img/icon/ico-case6-h.svg);
}

.is-Current .ico-case7:after{
	background-image:url(../img/icon/ico-case7-h.svg);
}

.is-Current .ico-case8:after{
	background-image:url(../img/icon/ico-case8-h.svg);
}

.is-Current .ico-case9:after{
	background-image:url(../img/icon/ico-case9-h.svg);
}

.is-Current .ico-case10:after{
	background-image:url(../img/icon/ico-case10-h.svg);
}

.is-Current .ico-case11:after{
	background-image:url(../img/icon/ico-case11-h.svg);
}

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

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

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

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

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

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

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

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

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

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

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

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


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.MainCaseStudy{
		margin-top:80px;
	}
	
	.MainCaseStudyTab{
		margin-bottom:30px;
	}
	
	.MainCaseStudyTab-text{
		font-size:12px;
	}
	
	.MainCaseStudyTab-wrapper{
		margin:0;
	}
	
	.MainCaseStudyTab-slide{
		padding:0 22px;
	}
	
	.MainCaseStudyTab-icon{
		width:36px;
		height:36px;
	}
	
	.ico-case1:after{
		width:20px;
		height:31px;
		background-image:url(../img/icon/ico-case1.svg);
		background-size:20px 31px;
	}

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

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

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

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

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

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

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

	.ico-case9:after{
		width:33px;
		height:33px;
		background-image:url(../img/icon/ico-case9.svg);
		background-size:33px 33px;
	}
	
	.ico-case10:after{
		width:33px;
		height:30px;
		background-image:url(../img/icon/ico-case10.svg);
		background-size:33px 30px;
	}
	
	.ico-case11:after{
		width:33px;
		height:33px;
		background-image:url(../img/icon/ico-case11.svg);
		background-size:33px 33px;
	}
	
	.ico-case12:after{
		width:33px;
		height:33px;
		background-image:url(../img/icon/ico-case12.svg);
		background-size:33px 33px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainCaseStudy{
		margin-top:80px;
	}
	
	.MainCaseStudyTab{
		margin-bottom:40px;
	}
	
	.MainCaseStudyTab-text{
		font-size:12px;
	}
	
	.MainCaseStudyTab-wrapper{
		margin:0;
	}
	
	.MainCaseStudyTab-slide{
		padding:0 15px;
	}
	
	.MainCaseStudyTab-icon{
		width:36px;
		height:36px;
	}
	
	.ico-case1:after{
		width:20px;
		height:31px;
		background-image:url(../img/icon/ico-case1.svg);
		background-size:20px 31px;
	}

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

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

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

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

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

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

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

	.ico-case9:after{
		width:33px;
		height:33px;
		background-image:url(../img/icon/ico-case9.svg);
		background-size:33px 33px;
	}
	
	.ico-case10:after{
		width:33px;
		height:30px;
		background-image:url(../img/icon/ico-case10.svg);
		background-size:33px 30px;
	}
	
	.ico-case11:after{
		width:33px;
		height:33px;
		background-image:url(../img/icon/ico-case11.svg);
		background-size:33px 33px;
	}
	
	.ico-case12:after{
		width:33px;
		height:33px;
		background-image:url(../img/icon/ico-case12.svg);
		background-size:33px 33px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainCaseStudy{
		margin-top:80px;
	}
	
	.MainCaseStudyTab{
		margin-bottom:30px;
		margin-left:-24px;
		margin-right:-24px;
	}
	
	.MainCaseStudyTab-text{
		font-size:12px;
	}
	
	.MainCaseStudyTab-wrapper{
		margin:0;
	}
	
	.MainCaseStudyTab-slide{
		width:auto;
		padding:0 24px;
	}
	
	.MainCaseStudyTab-icon{
		width:36px;
		height:36px;
	}
	
	.ico-case1:after{
		width:20px;
		height:31px;
		background-image:url(../img/icon/ico-case1.svg);
		background-size:20px 31px;
	}

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

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

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

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

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

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

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

	.ico-case9:after{
		width:33px;
		height:33px;
		background-image:url(../img/icon/ico-case9.svg);
		background-size:33px 33px;
	}
	
	.ico-case10:after{
		width:30px;
		height:25px;
		background-image:url(../img/icon/ico-case10.svg);
		background-size:30px 25px;
	}
	
	.ico-case11:after{
		width:33px;
		height:33px;
		background-image:url(../img/icon/ico-case11.svg);
		background-size:33px 33px;
	}
	
	.ico-case12:after{
		width:33px;
		height:33px;
		background-image:url(../img/icon/ico-case12.svg);
		background-size:33px 33px;
	}
	
	.MainCaseStudyTab-slide:after{
		height:14px;
	}
}

.MainCaseStudyTab-scrollbar{
	height:0px;
	opacity:0;
	visibility:hidden;
}

/*=========================================================
MainCaseStudySlide
=========================================================*/
/*	MainCaseStudySlide:More Btn
=========================================================*/
.MainCaseStudyMore{
	margin-bottom:13px;
	text-align:right;
	font-size:0;
	line-height:0;
	display:none !important;
}

.MainCaseStudyMoreBtn{
	display:inline-block;
}

.MainCaseStudyMoreBtn-text{
	display:block;
	font-size:16px;
	line-height:1.2em;
	color:#000000;
	padding-right:28px;
	position:relative;
}

.MainCaseStudyMoreBtn-icon{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:22px;
	height:22px;
	border-radius:100%;
	border:solid 1px #8A8F92;
	margin-top:1px;
}

.MainCaseStudyMoreBtn-icon:before{
	content:"";
	width:1px;
	height:9px;
	background-color:#8A8F92;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.MainCaseStudyMoreBtn-icon:after{
	content:"";
	width:9px;
	height:1px;
	background-color:#8A8F92;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

@media screen and (min-width: 1025px) {
	.MainCaseStudyMoreBtn:hover .MainCaseStudyMoreBtn-text{
		color:#F37321;
	}
	
	.MainCaseStudyMoreBtn:hover .MainCaseStudyMoreBtn-icon{
		border-color:#F37321;
	}
	
	.MainCaseStudyMoreBtn:hover .MainCaseStudyMoreBtn-icon:before{
		background-color:#F37321;
	}
	
	.MainCaseStudyMoreBtn:hover .MainCaseStudyMoreBtn-icon:after{
		background-color:#F37321;
	}
}

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

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainCaseStudyMore{
		margin-bottom:15px;
	}
	
	.MainCaseStudyMoreBtn-text{
		font-size:13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainCaseStudy{
		position:relative;
	}
	
	.MainCaseStudyMore{
		margin-bottom:0;
		position:absolute;
		top:34px;
		right:0;
		z-index:20;
	}
	
	.MainCaseStudyMoreBtn{
		width:24px;
		display:block;
	}
	
	.MainCaseStudyMoreBtn-text{
		width:24px;
		height:24px;
		padding-right:0;
	}
	.MainCaseStudyMoreBtn-sub{
		display:none;
	}
	
	.MainCaseStudyMoreBtn-icon{
		width:24px;
		height:24px;
		border: solid 2px #8A8F92;
	}
	
	.MainCaseStudyMoreBtn-icon:before{
		width: 2px;
		height:10px;
	}
	
	.MainCaseStudyMoreBtn-icon:after{
		width:10px;
		height: 2px;
	}
}

/*	MainCaseStudySlide:Slide Item
=========================================================*/
.MainCaseStudySlide-cont{
	margin:0 -10px;
	padding-bottom:20px;
}

.MainCaseStudySlide-container{
	overflow:visible;
}

.MainCaseStudySlide-slide{
	padding:0 10px;
}

.MainCaseStudyItem{
	width:100%;
}

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

.MainCaseStudyItem-thumbnail{
	position:relative;
	line-height:0;
	overflow:hidden;
}

.MainCaseStudyItem-thumbnail:after{
	content:"";
	display:block;
	padding-bottom:125%;
}

.MainCaseStudyItem-thumbnail:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.25);
	z-index:2;
}

.MainCaseStudyItem-img{
	position: absolute;
    top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    max-width: none;
	transition-property:transform;
	transition-duration: 0.2s;
}

.MainCaseStudyItem-category{
	font-size:14px;
	line-height:1.2em;
	color:#fff;
	font-weight:bold;
	position:absolute;
	top:25px;
	left:15px;
	right:15px;
	border-top:solid 1px #fff;
	padding-top:8px;
	z-index:5;
}

.MainCaseStudyItemTitle{
	position:absolute;
	bottom:0;
	left:0;
	right:25px;
	padding:20px 23px 16px;
	z-index:5;
	transition-property:bottom, background-color;
	transition-duration: 0.2s;
}

.MainCaseStudyItemTitle-title{
	font-size:17px;
	line-height:1.3em;
	color:#fff;
	font-weight:500;
}

.MainCaseStudyItemTitle-country{
	font-size:13px;
	line-height:1.2em;
	color:#fff;
	margin-top:10px;
}

@media screen and (min-width: 1025px) {
	.MainCaseStudyItem-link:hover .MainCaseStudyItemTitle{
		bottom:-20px;
		background-color:#F37321;
	}
	
	.MainCaseStudyItem-link:hover .MainCaseStudyItem-img{
		transform:translate(-50%, -50%) scale(1.1);
	}
}

.MainCaseStudySlide-prev{
	width:60px;
	height:60px;
	background-color:#fff;
	border-radius:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:-100px;
	z-index:10;
	cursor:pointer;
}

.MainCaseStudySlide-prev:before{
	content:"";
	width:15px;
	height:10px;
	background-image:url(../img/icon/ico-slidebtn-prev-h.png);
	background-size:15px 10px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.MainCaseStudySlide-next{
	width:60px;
	height:60px;
	background-color:#fff;
	border-radius:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:-100px;
	z-index:10;
	cursor:pointer;
}

.MainCaseStudySlide-next:before{
	content:"";
	width:15px;
	height:10px;
	background-image:url(../img/icon/ico-slidebtn-next-h.png);
	background-size:15px 10px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.MainCaseStudySlide .swiper-button-disabled{
	display:none;
}

@media screen and (min-width: 1025px) {
	.MainCaseStudySlide-prev:hover{
		background-color:#F37321;
	}
	
	.MainCaseStudySlide-prev:hover:before{
		background-image:url(../img/icon/ico-slidebtn-prev.png);
	}

	.MainCaseStudySlide-next:hover{
		background-color:#F37321;
	}
	
	.MainCaseStudySlide-next:hover:before{
		background-image:url(../img/icon/ico-slidebtn-next.png);
	}
}

.MainCaseStudyBtn{
	margin-top:55px;
	text-align:center;
	font-size:0;
	line-height:0;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.MainCaseStudySlide-prev{
		left:-20px;
		width:40px;
		height:40px;
	}
	
	.MainCaseStudySlide-next{
		right:-20px;
		width:40px;
		height:40px;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.MainCaseStudySlide-cont{
		margin:0 -8px;
	}
	
	.MainCaseStudySlide-slide{
		padding:0 8px;
	}
	
	.MainCaseStudyBtn{
		margin-top:30px;
	}
	
	.MainCaseStudyItem-category{
		font-size:13px;
	}
	
	.MainCaseStudyItemTitle-title{
		font-size:16px;
	}
	
	.MainCaseStudyItemTitle-country{
		font-size:12px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.MainCaseStudySlide-cont{
		margin:0 -7px;
	}
	
	.MainCaseStudySlide-slide{
		padding:0 7px;
	}
	
	.MainCaseStudyBtn{
		margin-top:25px;
	}
	
	.MainCaseStudyItem-category{
		font-size:12px;
		left:10px;
		right:10px;
		top:15px;
	}
	
	.MainCaseStudyItemTitle-title{
		font-size:15px;
	}
	
	.MainCaseStudyItemTitle-country{
		font-size:11px;
	}
	
	.MainCaseStudyItemTitle{
		padding:15px 15px 15px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.MainCaseStudySlide-cont{
		margin:0 -8px;
		padding-bottom:0;
	}
	
	.MainCaseStudySlide-slide{
		width:242px;
		padding:0 8px;
	}
	
	.MainCaseStudyBtn{
		margin-top:40px;
	}
	
	.MainCaseStudyBtn .ArrowBtnColor{
		padding:12px 28px;
	}
	
	.MainCaseStudyBtn .ArrowBtnColor-text{
		font-size:14px;
	}
	
	.MainCaseStudyItem-category{
		top:15px;
		left:14px;
		right:18px;
		font-size:10px;
		font-weight:bold;
	}
	
	.MainCaseStudyItemTitle{
		padding:15px 19px;
	}
	
	.MainCaseStudyItemTitle-title{
		font-size:16px;
	}
	
	.MainCaseStudyItemTitle-country{
		font-size:12px;
	}
	
	.MainCaseStudySlide-prev{
		display:none;
	}
	
	.MainCaseStudySlide-next{
		display:none;
	}
	
	.MainCaseStudySlide-scrollbar{
		width:calc(100vw - 40px);
		height:2px;
		background-color:#F4F4F4;
		display:block;
		opacity: 1 !important;
		margin-top:40px;
		margin-left:8px;
	}
	
	.MainCaseStudySlide-scrollbar .swiper-scrollbar-drag{
		background-color:#F37321;
	}
}

/*=========================================================
BasicSelect
=========================================================*/
.BasicSelect{
	position:relative;
	min-width:160px;
	height:44px;
}

.BasicSelect-text{
	font-size:14px;
	line-height:1.2em;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:block;
	padding:13px 18px;
	padding-right:42px;
	border: solid 1px #D1D1D1;
	position:relative;
	height:44px;
}

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

.BasicSelect-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;
}

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

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

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

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

.BasicSelect-link{
	display:block;
	font-size:14px;
	line-height:1.4em;
	color:#000;
	padding:13px 18px;
}

.BasicSelect-item{
	border-top: solid 1px #D1D1D1;
}

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

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

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

/*Responsive*/
@media screen and (max-width: 767px) and (min-width: 1px) {
	.BasicSelect{
		height:48px;
	}
	
	.BasicSelect-list{
		max-height:none;
	}
}

/*=========================================================
Page Banner
=========================================================*/
.PageTopBanner{
	padding-top:210px;
	margin-bottom:100px;
	position:relative;
	background-color:#fff;
}

.PageHeader{
	margin-bottom:30px;
}

.PageHeader-title{
	font-size:38px;
	line-height:1.3em;
	color:#000;
	font-weight:bold;
}

.Header-white .PageHeader-title{
	color:#fff;
}

.PageTopBanner-bg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:44px;
	background-size:cover;
	background-position:center center;
}

.PageTopBanner-bg:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#4C4948;
	opacity:0.5;
}

.pg_breadcrumbFix{
	height:44px;
}

.pg_breadcrumbbx{
	border-top: solid 1px #D1D1D1;
	border-bottom: solid 1px #D1D1D1;
}

.site.is-Fixed .pg_breadcrumbbx{
	position:fixed;
	top:78px;
	left:0;
	right:0;
	background-color:#fff;
	z-index:800;
}

.admin-bar .site.is-Fixed .pg_breadcrumbbx{
	top:110px;
}

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

.breadcrumb-item{
	float:left;
	margin-left:-1px;
	margin-top:-1px;
	margin-bottom:-1px;
	max-width:calc(33.3333% - 44px);
}

.breadcrumb-item.home{
	margin-left:0;
}

.breadcrumb-item.home{
	border-left:solid 1px #D1D1D1;
}

.breadcrumb-link{
	width:50px;
	height:44px;
	display:block;
	position:relative;
}

.breadcrumb-link:after{
	content:"";
	width:12px;
	height:13px;
	background-image:url(../img/icon/ico-home.png);
	background-size:12px 13px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.pg_breadcrumbbx .BasicSelect{
	max-width:300px;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.PageTopBanner{
		margin-bottom:60px;
	}
	
	.PageHeader-title{
		font-size:38px;
	}
	
	.site.is-Fixed .pg_breadcrumbbx{
		top:60px;
	}
	
	.admin-bar .site.is-Fixed .pg_breadcrumbbx{
		top:92px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.PageTopBanner{
		padding-top:114px;
		margin-bottom:50px;
	}
	
	.PageHeader-title{
		font-size:34px;
	}
	
	.site.is-Fixed .pg_breadcrumbbx{
		top:0px;
	}
	
	.admin-bar .site.is-Fixed .pg_breadcrumbbx{
		top:32px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.pg_breadcrumbbx{
		border:none;
	}
	
	.PageTopBanner{
		padding-top:81px;
		margin-bottom:40px;
	}
	
	.PageHeader{
		display:none;
	}
	
	.breadcrumb{
		margin-left:-1px;
		margin-right:-1px;
	}
	
	.breadcrumb-item{
		display:none;
		margin:0;
		border: none;
		float: none;
		text-align: center;
	}
	
	.breadcrumb-item:nth-last-of-type(1){
		display:block;
		max-width:100%;
		/*width:calc(50% + 1px);*/
		margin-left:-1px;
	}
	
	.breadcrumb-item:nth-last-of-type(2){
		/*display:block;*/
		display: none;
		max-width:100%;
		width:50%;
	}
	
	.pg_breadcrumbbx > .site-container{
		padding:0;
	}
	
	.pg_breadcrumbbx .BasicSelect{
		max-width:100%;
		height:40px;
	}
	
	.pg_breadcrumbbx .BasicSelect-text{
		font-size:20px;
		font-weight:bold;
		height: 48px;
		padding: 11px 20px;
		padding-left: 47px;
		padding-right:45px;
		text-align: center;
	}
	
	.pg_breadcrumbbx .BasicSelect-text:after{
		width:13px;
		height:6px;
		background-image:url(../img/icon/mo-breadcrum-select-arrow.png);
		background-size:13px 6px;
	}
	
	.pg_breadcrumbbx .BasicSelect-link{
		font-size:15px;
		/*padding:10px 20px;*/
		padding-left: 20px;
	}

	.PageTopBanner-bg{
		bottom:40px;
	}
	
	.pg_breadcrumbFix{
		height:48px;
	}
	
	.site.is-Fixed .pg_breadcrumbbx{
		top:0px;
	}
	
	.breadcrumb-item.home{
		display:none;
	}
	
	.breadcrumb-item:nth-last-of-type(1):nth-child(2){
		width:100%;
	}
}

@media screen and (max-width: 782px){
	.admin-bar .site.is-Fixed .pg_breadcrumbbx{
		top:46px;
	}
}

/*=========================================================
	Cybersecurity
=========================================================*/
.BasicDropDown{
	border-top:solid 2px #000000;
}
.BasicDropDown-item {
	border-bottom:solid 2px #000;	
}

.BasicDropDownItemTitle-text{
	display:block;
	font-size:20px;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	padding:13px 25px;
	padding-right:55px;
	position:relative;
}

.BasicDropDownItemTitle-text:after{
	content:"";
	width:14px;
	height:7px;
	background-image:url(../img/icon/ico-faq-arrow.png);
	background-size:14px 7px;
	position:absolute;
	top:50%;
	right:23px;
	transform:translateY(-50%) rotate(180deg);
}

.BasicDropDownItemCont{
	border-top:solid 1px #000000;
}

.BasicDropDown-item.is-View .BasicDropDownItemTitle-text:after{
	transform:translateY(-50%) rotate(0deg);
}


/* Cybersecurity:Text Content
=========================================================*/
.BasicDropDownItemText{
	padding:20px 24px 40px;
}

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

.BulletTitle-bullet{
	display:block;
	float:left;
	margin-right:5px;
	font-size:18px;
	line-height:1.8em;
	color:#000;
	font-weight:500;
}

.BulletTitle-text{
	display:block;
	overflow:hidden;
	font-size:18px;
	line-height:1.8em;
	color:#000;
	font-weight:500;
}

.BulletTitle-text strong{
	font-weight:500;
}

.BulletTitle-text p{
	font-size:16px;
	line-height:1.8em;
	color:#000;
	font-weight:normal;
	margin-bottom:6px;
}

.color-gray{
	color:#8A8F92 !important;
}

.BulletTitle-text p:last-child{
	margin-bottom:0;
}

.BasicDropDownItemText > ul > li{
	margin-top:30px;
}

.BasicDropDownItemText > ul > li:first-child{
	margin-top:0;
}

.BasicGrayBox{
	background-color:#F4F4F4;
	padding:28px 20px;
}

.BasicGrayLineBox{
	background-color:#fff;
	padding:28px 40px;
	border:1px solid #D1D1D1;
}

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

.BasicBullet-bullet{
	display:block;
	float:left;
	margin-right:5px;
	font-size:16px;
	line-height:1.8em;
	color:#4C4948;
}

.BasicBullet-text{
	display:block;
	font-size:16px;
	line-height:1.8em;
	color:#4C4948;
	overflow:hidden;
}

.color-orange{
	color:#F37321 !important;
}

.BasicBulletList > li{
	margin-top:2px;
}

.BasicBulletList > li:first-child{
	margin-top:0;
}

/* Cybersecurity:Post Content
=========================================================*/
.BasicDropDownItemPost{
	background-color:#F4F4F4;
	padding:30px 24px 40px;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.BasicDropDownItemTitle-text{
		font-size:18px;
	}
	
	.BulletTitle-bullet{
		font-size:16px;
	}
	
	.BulletTitle-text{
		font-size:16px;
	}
	
	.BulletTitle-text p{
		font-size:14px;
	}
	
	.BasicGrayBox{
		padding:20px 20px;
	}
	.BasicGrayLineBox{
		padding:20px 30px;
	}
	.BasicBullet-bullet{
		font-size:14px;
	}
	
	.BasicBullet-text{
		font-size:14px;
	}
	
	.BasicDropDownItemPost{
		padding:24px 24px 40px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.BasicDropDownItemTitle-text{
		font-size:17px;
	}
	
	.BulletTitle-bullet{
		font-size:15px;
	}
	
	.BulletTitle-text{
		font-size:15px;
	}
	
	.BulletTitle-text p{
		font-size:13px;
	}
	
	.BasicGrayBox{
		padding:20px 20px;
	}
	.BasicGrayLineBox{
		padding:20px 30px;
	}
	
	.BasicBullet-bullet{
		font-size:13px;
	}
	
	.BasicBullet-text{
		font-size:13px;
	}
	
	.BasicDropDownItemText{
		padding:20px 20px 30px;
	}
	
	.BasicDropDownItemPost{
		padding:20px 20px 30px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.BasicDropDownItemTitle-text{
		font-size:16px;
		padding: 13px 5px;
		padding-right: 35px;
	}
	
	.BasicDropDownItemTitle-text:after{
		right:5px;
	}
	
	.BulletTitle-bullet{
		font-size:14px;
	}
	
	.BulletTitle-text{
		font-size:14px;
	}
	
	.BulletTitle-text p{
		font-size:13px;
	}
	
	.BasicGrayBox{
		padding:15px 15px;
	}
	.BasicGrayLineBox{
		padding:15px 15px;
	}
	.BasicBullet-bullet{
		font-size:13px;
	}
	
	.BasicBullet-text{
		font-size:13px;
	}
	
	.BasicDropDownItemText{
		padding:20px 0px 30px;
	}
	
	.BasicDropDownItemPost{
		padding:15px 15px 30px;
	}
	
	.BasicDropDownItemText > ul > li{
		margin-top:20px;
	}
}

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

.SolutionProductHeader{
	margin-bottom:40px;
	padding-right:120px;
	position:relative;
}

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

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

.SolutionProductHeader-more{
	display:block;
	position:absolute;
	bottom:2px;
	right:0;
	font-size:16px;
	line-height:1.2em;
	color:#8A8F92;
	padding-right:20px;
}

.SolutionProductHeader-more:before{
	width:0px;
	height:0px;
	opacity:0;
	visibility:hidden;
	position:absolute;
	z-index:-1;
	content: url(../img/icon/ico-more-btn-h.png);
}

.SolutionProductHeader-more:after{
	content:"";
	width:13px;
	height:13px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background-image:url(../img/icon/ico-more-btn.png);
	background-size:13px 13px;
}

.SolutionProductHeader-more:hover{
	color:#F37321;
}

.SolutionProductHeader-more:hover:after{
	background-image:url(../img/icon/ico-more-btn-h.png);
}

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

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.SolutionProductHeader{
		margin-bottom:30px;
	}
	
	.SolutionProductHeader-title{
		font-size:22px;
	}
	
	.SolutionProductHeader-more{
		font-size:14px;
		bottom:4px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SolutionProductHeader{
		padding-right:0;
		margin-bottom:20px;
	}
	
	.SolutionProductHeader-title{
		font-size:20px;
	}
	
	.SolutionProductHeader-more{
		font-size:13px;
		position:relative;
		float:right;
		margin-top:18px;
	}
}

/* SolutionProduct:Post
=========================================================*/
.SolutionProductItem{
	display:block;
	width:100%;
}

.SolutionProductItem-link{
	display:block;
}

.SolutionProductItem-thumb{
	background-color:#F4F4F4;
	position:relative;
	margin-bottom:22px;
}

.SolutionProductItem-thumb:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.SolutionProductItem-thumb img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:calc(100% - 60px);
	max-height:calc(100% - 60px);
}

.SolutionProductItem-title{
	font-size:20px;
	line-height:1.3em;
	color:#000;
	font-weight:bold;
}

.SolutionProductItem-sub{
	margin-top:4px;
	font-size:14px;
	line-height:1.6em;
	color:#000;
	min-height:3.2em;
}

.SolutionProductSlide-prev{
	position:absolute;
	top:calc(50% - 34px);
	left:-98px;
	width:50px;
	height:50px;
	border:solid 1px #999999;
	border-radius:100%;
	z-index:50;
	transform:translateY(-50%);
	cursor:pointer;
	background:none;
}

.SolutionProductSlide-prev:after{
	content:"";
	width:18px;
	height:11px;
	background-image:url(../img/icon/ico-solutionslide-prev.png);
	background-size:18px 11px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.SolutionProductSlide-next{
	position:absolute;
	top:calc(50% - 34px);
	right:-98px;
	width:50px;
	height:50px;
	border:solid 1px #999999;
	border-radius:100%;
	z-index:50;
	transform:translateY(-50%);
	cursor:pointer;
	background:none;
}

.SolutionProductSlide-next:after{
	content:"";
	width:18px;
	height:11px;
	background-image:url(../img/icon/ico-solutionslide-next.png);
	background-size:18px 11px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.SolutionProductSlide-container{
	overflow:visible;
}

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

.SolutionProductSlide-container:after{
	content:"";
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	right:-3000px;
	background-color:#fff;
	z-index:5;
}

.SolutionProductSlide-scrollbar{
	width:100% !important;
	height:0px !important;
	background-color:#fff !important;
	display:block;
	opacity: 1 !important;
	margin-top:15px;
	opacity:0;
	visibility:hidden;
	left:0 !important;
	bottom:auto !important;
	position:relative !important;
	transition-duration:0s !important;
}

.SolutionProductSlide-scrollbar .swiper-scrollbar-drag{
	background-color:#F37321;
}

@media screen and (min-width: 1025px) {
	.SolutionProductSlide-prev:not(.swiper-button-disabled):hover{
		border-color:#F37321;
	}
	
	.SolutionProductSlide-prev:not(.swiper-button-disabled):hover:after{
		background-image:url(../img/icon/ico-solutionslide-prev-h.png);
	}
	
	.SolutionProductSlide-next:not(.swiper-button-disabled):hover{
		border-color:#F37321;
	}
	
	.SolutionProductSlide-next:not(.swiper-button-disabled):hover:after{
		background-image:url(../img/icon/ico-solutionslide-next-h.png);
	}
	
	.SolutionProductItem-link:hover .SolutionProductItem-title{
		color:#F37321;
		text-decoration:underline;
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.SolutionProductSlide-prev{
		left:-20px;
		width:40px;
		height:40px;
	}
	
	.SolutionProductSlide-next{
		right:-20px;
		width:40px;
		height:40px;
	}
	
	.SolutionProductItem-title{
		font-size:18px;
	}
	
	.SolutionProductItem-sub{
		font-size:13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.SolutionProductItem-title{
		font-size:16px;
	}
	
	.SolutionProductItem-sub{
		font-size:12px;
	}
}
	
@media screen and (max-width: 1024px) and (min-width: 1px) {
	.SolutionProductSlide-scrollbar{
		opacity:1;
		visibility:visible;
		height:2px !important;
		position:relative !important;
		bottom:auto !important;
		left:0 !important;
		right:auto !important;
		width:100% !important;
	}
	
	.SolutionProductSlide-prev{
		display:none;
	}
	
	.SolutionProductSlide-next{
		display:none;
	}
	
	.SolutionProductSlide-container:before{
		display:none;
	}
	
	.SolutionProductSlide-container:after{
		display:none;
	}
	
	.SolutionProductItem-thumb{
		margin-bottom:15px;
	}
	
	.SolutionProductItem-title{
		font-size:14px;
	}
	
	.SolutionProductItem-sub{
		font-size:12px;
	}
}

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


/*=========================================================
	PageError 
=========================================================*/
body.error404 .site-footer{
	display:none;
}
.PageError{
	width:100%;
    position: absolute;
    top: calc(50% + 90px);
    left: 50%;
	text-align: center;
    transform: translate(-50%, -50%);
}
.PageError-title{
	color:#000;
	font-size:44px;
	font-weight:bold;
	line-height:1.4em;
}
.PageError-text{
	margin-top:15px;
	color:#000;
	font-size:17px;
	line-height:1.4em;
}
.PageErrorBtn{
	margin-top:90px;
	font-size:0;
	line-height:0;
}
.PageErrorBtn-link{
	display:inline-block;
	padding:16px 44px;
	line-height:1.2em;
	color:#fff;
	font-size:16px;
	font-weight:600;
	background-color:#F37321;
	border: 2px solid #F37321;
}

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

/*=========================================================
	VideoTopPost
=========================================================*/
.VideoTopPost{
	margin-top:-100px;
	padding:99px 0;
	position:relative;
	background-color:#F4F4F4;
}

.VideoTopPost:before{
	content:"";
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	left:-3000px;
	background-color:#F4F4F4;
}

.VideoTopPost:after{
	content:"";
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	right:-3000px;
	background-color:#F4F4F4;
}

.VideoTopPostItem{
	display:block;
}

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

.VideoTopPostItemThumb{
	display:table-cell;
	vertical-align:top;
	width:41.7%;
}

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

.VideoTopPostItemThumb-inner:after{
	content:"";
	display:block;
	padding-bottom:63%;
}

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

.VideoTopPostItemThumb-inner img{
	transition-property: transform;
    transition-duration: 0.2s;
	position:absolute;
	top:0;
	left:50%;
	width:auto;
	height:100%;
	transform:translateX(-50%);
}

.VideoTopPostItemThumb-ico{
	width:80px;
	height:80px;
	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;
}

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

.VideoTopPostItemCont{
	display:table-cell;
	vertical-align:middle;
	padding-left:58px;
}

.VideoTopPostItemCont-date{
	font-size:16px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	margin-bottom:12px;
}

.VideoTopPostItemCont-title{
	font-size:36px;
	line-height:1.3em;
	color:#000;
	font-weight:bold;
	margin-bottom:14px;
}

.VideoTopPostItemCont-text{
	display:block;
}

.VideoTopPostItemCont-sub{
	font-size:18px;
	line-height:1.6em;
	color:#000;
	display:-webkit-box;
    -webkit-line-clamp:3; /* 라인수 */
    -webkit-box-orient:vertical;
    white-space:normal;
    max-height:4.8em;
    overflow:hidden;
    text-overflow:ellipsis;
}

.VideoTopPostItemCont-btn{
	margin-top:25px;
	font-size:0;
	line-height:0;
}

body .MoreOrangeBtn{
	font-size:15px;
	line-height:1.2em;
	font-weight:bold;
	color:#F37321;
	padding:9px 26px;
	border:solid 2px #F37321;
	border-radius:100px 100px;
	display:inline-block;
}


@media screen  and (min-width:1025px){
	body .MoreOrangeBtn:hover{
		color:#fff;
		background-color:#F37321;
	}
	
	.VideoTopPostItemThumb:hover  .VideoTopPostItemThumb-ico{
		transform:translate(-50%, -50%) scale(0.9);
		background-color:rgba(255,255,255,0.9);
	}
	
	.VideoTopPostItemThumb:hover img{
		transform:translateX(-50%) scale(1.06);
	}
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.VideoTopPost{
		margin-top:-60px;
		padding:65px 0;
	}
	
	.VideoTopPostItemCont{
		padding-left:45px;
	}
	
	.VideoTopPostItemCont-date{
		font-size:14px;
	}
	
	.VideoTopPostItemCont-title{
		font-size:30px;
	}
	
	.VideoTopPostItemCont-sub{
		font-size:16px;
	}
	
	body .MoreOrangeBtn{
		font-size:13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.VideoTopPost{
		margin-top:-50px;
		padding:45px 0;
	}
	
	.VideoTopPostItemCont{
		padding-left:30px;
	}
	
	.VideoTopPostItemCont-date{
		font-size:14px;
	}
	
	.VideoTopPostItemCont-title{
		font-size:26px;
	}
	
	.VideoTopPostItemCont-sub{
		font-size:14px;
	}
	
	body .MoreOrangeBtn{
		font-size:12px;
	}
	
	.VideoTopPostItemThumb-ico{
		width:60px;
		height:60px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.VideoTopPost{
		margin-top:-40px;
		padding:30px 0;
	}
	
	.VideoTopPostItem-inner{
		display:block;
	}
	
	.VideoTopPostItemCont{
		display:block;
		padding-left:0;
	}
	
	.VideoTopPostItemThumb{
		display:block;
		margin-bottom:20px;
		width:100%;
	}
	
	.VideoTopPostItemCont-date{
		font-size:14px;
	}
	
	.VideoTopPostItemCont-title{
		font-size:22px;
	}
	
	.VideoTopPostItemCont-sub{
		font-size:14px;
	}
	
	body .MoreOrangeBtn{
		font-size:12px;
	}
	
	.VideoTopPostItemThumb-ico{
		width:60px;
		height:60px;
	}
}

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

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

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

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

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

.VideoPostItemThumb{
	margin-bottom:12px;
}

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

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

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

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

.VideoPostItemThumb-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;
}

.VideoPostItemThumb-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%);
}

.VideoPostItemCont-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;
	height:2.6em;
    overflow:hidden;
    text-overflow:ellipsis;
}

.VideoPostItemMeta{
	margin-top:12px;
}

.VideoPostItemMeta-text{
	display:inline-block;
	margin-right:14px;
	font-size:14px;
	line-height:1.2em;
	color:#8A8F92;
	font-weight:500;
	position:relative;
}

.VideoPostItemMeta-text:last-child{
	margin-right:0;
}

.term-demo-video .VideoPostItemMeta-text.date{
	display:none;
}

.term-demo-video .VideoTopPostItemCont-date{
	display:none;
}


.VideoPostItemMeta-text.date{
	padding-left:17px;
}

.VideoPostItemMeta-text.date:before{
	content:"";
	width:13px;
	height:13px;
	background-image:url(../img/icon/ico-post-date.png);
	background-size:13px 13px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	margin-top:1px;
}

.VideoPostItemMeta-text.view{
	padding-left:22px;
}

.VideoPostItemMeta-text.view:before{
	content:"";
	width:18px;
	height:12px;
	background-image:url(../img/icon/ico-post-view.png);
	background-size:18px 12px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	margin-top:1px;
}

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

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

@media screen and (max-width: 1024px) and (min-width: 768px){
	.VideoPost{
		padding:25px 0;
	}
	
	.VideoPost-list{
		margin: -20px -10px;
	}
	
	.VideoPost-item{
		padding:20px 10px;
	}
	
	.VideoPostItemCont-title{
		font-size:18px;
	}
	
	.VideoPostItemMeta-text{
		font-size:12px;
	}
	
	.VideoPostItemMeta-text.date:before{
		margin-top:0;
	}
	
	.VideoPostItemMeta-text.view:before{
		margin-top:0;
	}
	
	.VideoPostItemThumb-ico{
		width:50px;
		height:50px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.VideoPost{
		padding:25px 0;
	}
	
	.VideoPost-list{
		margin: -20px -5px;
	}
	
	.VideoPost-item{
		padding:20px 5px;
		width:50%;
	}
	
	.VideoPost-item:nth-child(3n +1){
		clear:none;
	}
	
	.VideoPost-item:nth-child(odd){
		clear:both !important;
	}
	
	.VideoPostItemCont-title{
		font-size:16px;
	}
	
	.VideoPostItemMeta-text{
		font-size:10px;
		margin-right:5px;
	}
	
	.VideoPostItemMeta-text.date:before{
		margin-top:0;
	}
	
	.VideoPostItemMeta-text.view:before{
		margin-top:0;
	}
	
	.VideoPostItemThumb-ico{
		width:40px;
		height:40px;
	}
}

/*=========================================================
	BasicSingle
=========================================================*/
/*	BasicSingle:BasicSingleHeader
=========================================================*/
.BasicSingleHeader{
	border-top:solid 1px #000;
	border-bottom:solid 1px #D1D1D1;
	padding:40px 0 45px;
	padding-right:45px;
	position:relative;
	margin-bottom:40px;
}

.SingleHeader-title{
	font-size:36px;
	line-height:1.24em;
	color:#000;
	font-weight:500;
}

.SingleHeaderMeta{
	margin-top:29px;
}

.SingleHeaderMeta-text{
	display:inline-block;
	margin-right:14px;
	font-size:14px;
	line-height:1.2em;
	color:#8A8F92;
	font-weight:500;
	position:relative;
}

.SingleHeaderMeta-text:last-child{
	margin-right:0;
}

.SingleHeaderMeta-text.date{
	padding-left:17px;
}

.SingleHeaderMeta-text.date:before{
	content:"";
	width:13px;
	height:13px;
	background-image:url(../img/icon/ico-post-date.png);
	background-size:13px 13px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	margin-top:1px;
}

.SingleHeaderMeta-text.view{
	padding-left:22px;
}

.SingleHeaderMeta-text.view:before{
	content:"";
	width:18px;
	height:12px;
	background-image:url(../img/icon/ico-post-view.png);
	background-size:18px 12px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	margin-top:1px;
}

.BasicSingleShare{
	position:absolute;
	top:30px;
	right:0;
	z-index:10;
}

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


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

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

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

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

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

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

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

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

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

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

.BasicSingleShare.is-View .BasicSingleShareList{
	display:block;
}

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

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

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

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

.url .BasicSingleShareList-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 .BasicSingleShareList-link:hover:after{
		background-image:url(../img/icon/ico-share-facebook-h.png);
	}
	
	.kakao .BasicSingleShareList-link:hover:after{
		background-image:url(../img/icon/ico-share-kakao-h.png);
	}
	
	.youtube .BasicSingleShareList-link:hover:after{
		background-image:url(../img/icon/ico-share-youtube-h.png);
	}
	
	.linkedin .BasicSingleShareList-link:hover:after{
		background-image:url(../img/icon/ico-share-linkedin-h.png);
	}
	
	.url .BasicSingleShareList-link:hover:after{
		background-image:url(../img/icon/ico-share-url-h.png);
	}
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.BasicSingleHeader{
		padding: 30px 0 35px;
		padding-right: 45px;
		margin-bottom:35px;
	}
	
	.SingleHeader-title{
		font-size:32px;
	}
	
	.SingleHeaderMeta{
		margin-top:20px;
	}
	
	.SingleHeaderMeta-text{
		font-size:13px;
	}
	
	.BasicSingleShareList{
		padding:13px 10px;
	}
	
	.BasicSingleShareList-link{
		width:42px;
		height:42px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.BasicSingleHeader{
		padding: 25px 0 30px;
		padding-right: 45px;
		margin-bottom:30px;
	}
	
	.SingleHeader-title{
		font-size:26px;
	}
	
	.SingleHeaderMeta{
		margin-top:20px;
	}
	
	.SingleHeaderMeta-text{
		font-size:12px;
	}
	
	.SingleHeaderMeta-text.date:before{
		margin-top:0;
	}
	
	.SingleHeaderMeta-text.view:before{
		margin-top:0;
	}
	
	.BasicSingleShareList{
		padding:13px 10px;
		right:-10px;
	}
	
	.BasicSingleShareList-link{
		width:42px;
		height:42px;
	}
	
	.BasicSingleShareList:after{
		right:9px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.BasicSingleHeader{
		padding: 20px 0 25px;
		padding-right: 30px;
		margin-bottom:25px;
	}
	
	.SingleHeader-title{
		font-size:22px;
	}
	
	.SingleHeaderMeta{
		margin-top:15px;
	}
	
	.SingleHeaderMeta-text{
		font-size:10px;
	}
	
	.SingleHeaderMeta-text.date:before{
		margin-top:0;
	}
	
	.SingleHeaderMeta-text.view:before{
		margin-top:0;
	}
	
	.BasicSingleShareList{
		padding:13px 10px;
		right:-10px;
	}
	
	.BasicSingleShareList-link{
		width:42px;
		height:42px;
	}
	
	.BasicSingleShareList:after{
		right:9px;
	}
}

/*	BasicSingle:Video
=========================================================*/
.BasicSingleVideo{
	position:relative;
	width:100%;
	margin-bottom:50px;
}

.BasicSingleVideo:after{
	content:"";
	display:block;
	padding-bottom:56.2%;
}

.BasicSingleVideo iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

.BasicSingleVideo video{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.BasicSingleVideo{
		margin-bottom:40px;
	}
}

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

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

/*	BasicSingle:Content
=========================================================*/
body:not(.elementor-page) .SingleContent{font-size:16px;line-height:1.9;}
body:not(.elementor-page) .SingleContent .size-full{height: auto !important;}
body:not(.elementor-page) .SingleContent .alignleft{float: left;}
body:not(.elementor-page) .SingleContent .alignright{float: right;}
body:not(.elementor-page) .SingleContent .aligncenter{display: block; margin:0 auto;}
body:not(.elementor-page) .SingleContent figure.wp-caption{width:100% !important;}
body:not(.elementor-page) .SingleContent iframe{width:100% !important;height:675px !important;}
body:not(.elementor-page) .SingleContent video{width:100% !important;height:675px !important;}
body:not(.elementor-page) .mejs-container-fullscreen video{width:100% !important;height:100% !important;}
body:not(.elementor-page) .SingleContent p{margin-bottom:20px; color:#000000;}
body:not(.elementor-page) .SingleContent p img{height: auto !important;}
body:not(.elementor-page) .SingleContent a{color:#000000;font-weight:500;background-image: linear-gradient(#F37321,#F37321); background-position: left bottom; background-size: 100% 2px;background-repeat: no-repeat;}
body:not(.elementor-page) .SingleContent a:hover{color:#F37321; }
body:not(.elementor-page) .SingleContent h1{font-size: 1.6em;}
body:not(.elementor-page) .SingleContent h2{font-size: 1.5em;}
body:not(.elementor-page) .SingleContent h3{font-size: 1.4em;}
body:not(.elementor-page) .SingleContent h4{font-size: 1.3em;}
body:not(.elementor-page) .SingleContent h5{font-size: 1.2em;}
body:not(.elementor-page) .SingleContent h6{font-size: 1em;}
body:not(.elementor-page) .SingleContent h1,body:not(.elementor-page) .SingleContent h2,body:not(.elementor-page) .SingleContent h3,body:not(.elementor-page) .SingleContent h4,body:not(.elementor-page) .SingleContent h5,body:not(.elementor-page) .SingleContent h6 {margin-bottom: 15px;color:#000000;font-weight:500;line-height:1.4em;}
body:not(.elementor-page) .SingleContent figure{margin-bottom: 20px;}
body:not(.elementor-page) .SingleContent ul{margin-bottom: 20px; color:#000000; text-align:left;}
body:not(.elementor-page) .SingleContent ol{margin-bottom: 20px;color:#000000;}
body:not(.elementor-page) .SingleContent li{margin-top:5px;}
body:not(.elementor-page) .SingleContent li:first-child{margin-top:0;}
body:not(.elementor-page) .SingleContent img{max-width: 100%;}
body:not(.elementor-page) .SingleContent figcaption.wp-caption-text{color:#555555; font-weight:normal; text-align: center; font-size: .75rem; }
body:not(.elementor-page) .SingleContent ul li{padding-left:1.1em;position: relative;}
body:not(.elementor-page) .SingleContent ul li:before{content: "∙";position: absolute; top:0; left:0;color:#000;}
body:not(.elementor-page) .SingleContent ol li{padding-left:1.1em;position: relative;}
body:not(.elementor-page) .SingleContent ol li:nth-child(1):before{content: "1.";position: absolute; top:0; left:0;}
body:not(.elementor-page) .SingleContent ol li:nth-child(2):before{content: "2.";position: absolute; top:0; left:0;}
body:not(.elementor-page) .SingleContent ol li:nth-child(3):before{content: "3.";position: absolute; top:0; left:0;}
body:not(.elementor-page) .SingleContent ol li:nth-child(4):before{content: "4.";position: absolute; top:0; left:0;}
body:not(.elementor-page) .SingleContent ol li:nth-child(5):before{content: "5.";position: absolute; top:0; left:0;}
body:not(.elementor-page) .SingleContent ol li:nth-child(6):before{content: "6.";position: absolute; top:0; left:0;}
body:not(.elementor-page) .SingleContent ol li:nth-child(7):before{content: "7.";position: absolute; top:0; left:0;}
body:not(.elementor-page) .SingleContent ol li:nth-child(8):before{content: "8.";position: absolute; top:0; left:0;}
body:not(.elementor-page) .SingleContent ol li:nth-child(9):before{content: "9.";position: absolute; top:0; left:0;}
body:not(.elementor-page) .SingleContent blockquote{color:#1c1c1c;padding-left:16px;position: relative;}
body:not(.elementor-page) .SingleContent blockquote:before{content: ""; width:3px; height: 100%; position: absolute; background: #000; top:0; left:0;}
body:not(.elementor-page) .SingleContent table{width:100%;margin-bottom:20px;border-top:solid 2px #000000;border-collapse:collapse;}
body:not(.elementor-page) .SingleContent table thead th{text-align: center;}
body:not(.elementor-page) .SingleContent table tbody th{text-align: center;}
body:not(.elementor-page) .SingleContent table caption{display: none;}
body:not(.elementor-page) .SingleContent table *{margin:0;}
body:not(.elementor-page) .SingleContent table thead th{color:#000000;font-size: 1.1em;font-weight: bold;text-align: center;line-height: 1.4em;}
body:not(.elementor-page) .SingleContent table th,.SingleContent table td{vertical-align: middle;border:solid 1px #ccd0d7;padding:12px 5px;text-align: center;}
body:not(.elementor-page) .SingleContent iframe{max-width: 100% !important;}
body:not(.elementor-page) .SingleContent span[id*="more-"]{border-bottom:dashed 2px #ccd0d7;display: block;}
body:not(.elementor-page) .SingleContent figcaption{color:#555555; font-weight:normal; font-size: .75rem; }
body:not(.elementor-page) .SingleContent sup{font-size:0.75em; vertical-top:top;}
body:not(.elementor-page) .SingleContent sub{font-size:0.75em; vertical-top:bottom;}

body.single-hws_case_study .SingleContent img{width: 800px !important; }
body.single-hws_news_center .SingleContent img{width: 800px !important; }
body.single-hws_news_center .SingleContent img.size-medium{width:auto !important;}
body.single-hws_news_center .SingleContent img.size-thumbnail{width:auto !important;}
body.single-hws_news_center .SingleContent img.size-large{width:auto !important;}
body.single-hws_news_center .SingleContent .fullimg img{width: 1200px !important; }
body.single-hws_news_center .SingleContent .rightIcon img,
body.single-hws_news_center .SingleContent .leftIcon img{width: 196px !important; }
body.single-hws_news_center .SingleContent figure.wp-caption{width:max-content !important;}

.wp-video{
	width:100% !important;
	height:auto !important;
}

.mejs-video{
	width:100% !important;
	height:auto !important;
}

.mejs-video .mejs-mediaelement{
	position:relative !important;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	body:not(.elementor-page) .SingleContent{
		font-size:15px;
	}
}

@media screen and (max-width: 1300px) and (min-width: 768px){
	body:not(.elementor-page) .SingleContent iframe{
		height:calc(44.6vw + 80px) !important;
	}
	body:not(.elementor-page) .SingleContent video{
		height:calc(44.6vw + 80px) !important;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	body:not(.elementor-page) .SingleContent{
		font-size:14px;
	}
	
	body:not(.elementor-page) .SingleContent iframe{
		height:calc(47.5vw + 40px) !important;
	}
	
	body:not(.elementor-page) .SingleContent video{
		height:calc(47.5vw + 40px) !important;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	body:not(.elementor-page) .SingleContent{
		font-size:14px;
	}
	
	body:not(.elementor-page) .SingleContent iframe{
		height:calc(47.5vw + 40px) !important;
	}
	
	body:not(.elementor-page) .SingleContent video{
		height:calc(47.5vw + 40px) !important;
	}
}

/* SingleProduct:Post
=========================================================*/
.SingleProduct{
	position:relative;
	margin-top:230px;
}

.SingleProductHeader{
	margin-bottom:30px;
	padding-right:120px;
	position:relative;
}

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

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

.SingleProductHeader-more{
	display:block;
	position:absolute;
	bottom:2px;
	right:0;
	font-size:16px;
	line-height:1.2em;
	color:#8A8F92;
	padding-right:20px;
}

.SingleProductHeader-more:before{
	width:0px;
	height:0px;
	opacity:0;
	visibility:hidden;
	position:absolute;
	z-index:-1;
	content: url(../img/icon/ico-more-btn-h.png);
}

.SingleProductHeader-more:after{
	content:"";
	width:13px;
	height:13px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background-image:url(../img/icon/ico-more-btn.png);
	background-size:13px 13px;
}

.SingleProductHeader-more:hover{
	color:#F37321;
}

.SingleProductHeader-more:hover:after{
	background-image:url(../img/icon/ico-more-btn-h.png);
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.SingleProduct{
		margin-top:180px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.SingleProduct{
		margin-top:120px;
	}
	
	.SingleProductHeader{
		margin-bottom:30px;
	}
	
	.SingleProductHeader-title{
		font-size:22px;
	}
	
	.SingleProductHeader-more{
		font-size:14px;
		bottom:4px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SingleProduct{
		margin-top:80px;
	}
	
	.SingleProductHeader{
		padding-right:0;
		margin-bottom:20px;
	}
	
	.SingleProductHeader-title{
		font-size:20px;
	}
	
	.SingleProductHeader-more{
		font-size:13px;
		position:relative;
		float:right;
		margin-top:18px;
	}
}

/* SingleProduct:Post
=========================================================*/
.SingleProductItem{
	display:block;
	width:100%;
}

.SingleProductItem-link{
	display:block;
}

.SingleProductItem-thumb{
	background-color:#ffffff;
	position:relative;
	margin-bottom:22px;
}

.SingleProductItem-thumb:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:solid 2px #F37321;
	opacity:0;
}

.SingleProductItem-thumb:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.SingleProductItem-thumb img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:calc(100% - 60px);
	max-height:calc(100% - 60px);
}

.SingleProductItem-title{
	font-size:20px;
	line-height:1.3em;
	color:#000;
	font-weight:bold;
}

.SingleProductItem-sub{
	margin-top:4px;
	font-size:14px;
	line-height:1.6em;
	color:#000;
	min-height:3.2em;
}

.SingleProductSlide-prev{
	position:absolute;
	top:calc(50% - 59px);
	left:-98px;
	width:50px;
	height:50px;
	border:solid 1px #999999;
	border-radius:100%;
	z-index:50;
	transform:translateY(-50%);
	cursor:pointer;
	background:none;
}

.SingleProductSlide-prev:after{
	content:"";
	width:18px;
	height:11px;
	background-image:url(../img/icon/ico-solutionslide-prev.png);
	background-size:18px 11px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.SingleProductSlide-next{
	position:absolute;
	top:calc(50% - 59px);
	right:-98px;
	width:50px;
	height:50px;
	border:solid 1px #999999;
	border-radius:100%;
	z-index:50;
	transform:translateY(-50%);
	cursor:pointer;
	background:none;
}

.SingleProductSlide-next:after{
	content:"";
	width:18px;
	height:11px;
	background-image:url(../img/icon/ico-solutionslide-next.png);
	background-size:18px 11px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.SingleProductSlide{
	position:relative;
}

.SingleProductSlide:before{
	content:"";
	width:200%;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	background-color:#F4F4F4;
	height:65%;
}

.SingleProductSlide-container{
	overflow:visible;
	padding-bottom:50px;
}

.SingleProductSlide-container:before{
	content:"";
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	left:-3000px;
	background:linear-gradient(to top, #F4F4F4 , #F4F4F4 30%, #F4F4F4 65%, #fff 65%);
	z-index:5;
}

.SingleProductSlide-container:after{
	content:"";
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	right:-3000px;
	background:linear-gradient(to top, #F4F4F4 , #F4F4F4 30%, #F4F4F4 65%, #fff 65%);
	z-index:5;
}

.SingleProductSlide-scrollbar{
	width:100% !important;
	height:0px !important;
	background-color:#fff !important;
	display:block;
	opacity: 1 !important;
	margin-top:15px;
	opacity:0;
	visibility:hidden;
	left:0 !important;
	bottom:auto !important;
	position:relative !important;
	transition-duration:0s !important;
}

.SingleProductSlide-scrollbar .swiper-scrollbar-drag{
	background-color:#F37321;
}

@media screen and (min-width: 1025px) {
	.SingleProductSlide-prev:not(.swiper-button-disabled):hover{
		border-color:#F37321;
	}
	
	.SingleProductSlide-prev:not(.swiper-button-disabled):hover:after{
		background-image:url(../img/icon/ico-solutionslide-prev-h.png);
	}
	
	.SingleProductSlide-next:not(.swiper-button-disabled):hover{
		border-color:#F37321;
	}
	
	.SingleProductSlide-next:not(.swiper-button-disabled):hover:after{
		background-image:url(../img/icon/ico-solutionslide-next-h.png);
	}
	
	.SingleProductItem-link:hover .SingleProductItem-title{
		color:#F37321;
		text-decoration:underline;
	}
	
	.SingleProductItem-link:hover .SingleProductItem-thumb:before{
		opacity:1;
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.SingleProductSlide-container{
		padding-bottom:20px;
	}
	
	.SingleProductSlide-prev{
		left:-20px;
		width:40px;
		height:40px;
	}
	
	.SingleProductSlide-next{
		right:-20px;
		width:40px;
		height:40px;
	}
	
	.SingleProductItem-title{
		font-size:18px;
	}
	
	.SingleProductItem-sub{
		font-size:13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.SingleProductSlide-container{
		padding-bottom:25px;
	}
	
	.SingleProductItem-title{
		font-size:16px;
	}
	
	.SingleProductItem-sub{
		font-size:12px;
	}
}
	
@media screen and (max-width: 1024px) and (min-width: 1px) {
	.SingleProductSlide-container{
		padding-bottom:20px;
	}
	
	.SingleProductSlide-scrollbar{
		opacity:1;
		visibility:visible;
		height:2px !important;
		position:relative !important;
		bottom:auto !important;
		left:0 !important;
		right:auto !important;
		width:100% !important;
	}
	
	.SingleProductSlide-prev{
		display:none;
	}
	
	.SingleProductSlide-next{
		display:none;
	}
	
	.SingleProductSlide-container:before{
		display:none;
	}
	
	.SingleProductSlide-container:after{
		display:none;
	}
	
	.SingleProductItem-thumb{
		margin-bottom:15px;
	}
	
	.SingleProductItem-title{
		font-size:14px;
	}
	
	.SingleProductItem-sub{
		font-size:12px;
	}
}

/*	BasicSingle:첨부파일
=========================================================*/
.SingleFile{
	margin-top:76px;
	border-top:solid 1px #DDDDDD;
	padding-top:28px;
}

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

.SingleFile-title{
	float:left;
	margin-right:58px;
	font-size:16px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
}

.SingleFile-cont{
	overflow:hidden;
}

.SingleFile-item{
	margin-top:10px;
	font-size:0;
	line-height:0;
}

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

.SingleFile-link{
	display:inline-block;
	font-size:14px;
	line-height:1.2em;
	color:#000;
	position:relative;
	padding-right:30px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	max-width:100%;
}

.SingleFile-link:after{
	content:"";
	width:14px;
	height:14px;
	background-image:url(../img/icon/ico-single-download.png);
	background-size:14px 14px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

@media screen and (min-width: 1025px) {
	.SingleFile-link:hover{
		text-decoration:underline;
	}
}

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

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

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SingleFile-title{
		font-size:14px;
		margin-right:20px;
	}
}

/*	BasicSingle:Paging
=========================================================*/
.SinglePaging{
	margin-top:36px;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
}

.SinglePaging-item:first-child{
	border-bottom:solid 1px #D1D1D1;
}

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

.SinglePagingItem-title{
	display:table-cell;
	vertical-align:middle;
	width:110px;
	white-space:nowrap;
	font-size:16px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	padding:14px 0;
	padding-right:10px;
}

.SinglePagingItem-cont{
	display:table-cell;
	vertical-align:middle;
	padding:14px 0;
}

.SinglePagingItem-link{
	font-size:14px;
	line-height:1.2em;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	max-width:100%;
	display:block;
	text-overflow:ellipsis;
}

span.SinglePagingItem-link{
	color:#999999;
}

@media screen and (min-width: 1025px) {
	a.SinglePagingItem-link:hover{
		text-decoration:underline;
		color:#F37321;
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.SinglePagingItem-title{
		font-size:14px;
	}
	
	.SinglePagingItem-link{
		font-size:13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.SinglePagingItem-title{
		font-size:14px;
	}
	
	.SinglePagingItem-link{
		font-size:13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SinglePaging{
		margin-top:35px;
	}
	
	.SinglePagingItem-title{
		font-size:13px;
		width:65px;
	}
	
	.SinglePagingItem-link{
		font-size:12px;
	}
}

/*	BasicSingle:List Btn
=========================================================*/
.SingleListBtn{
	margin-top:50px;
	text-align:center;
	font-size:0;
	line-height:0;
}

.BorBlackBtn{
	display:inline-block;
	font-size:14px;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	padding:10px 25px;
	border:solid 2px #000;
	border-radius:100px;
	min-width:158px;
	text-align:center;
}

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

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.SingleListBtn{
		margin-top:45px;
	}
	
	.BorBlackBtn{
		font-size:13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.SingleListBtn{
		margin-top:40px;
	}
	
	.BorBlackBtn{
		font-size:13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.SingleListBtn{
		margin-top:35px;
	}
	
	.BorBlackBtn{
		font-size:13px;
	}
}


/*=========================================================
	NEwsCenter:List 
=========================================================*/
/*=========================================================
	BasicTopPost
=========================================================*/
.BasicTopPost{
	margin-top:-100px;
	padding:99px 0;
	position:relative;
	background-color:#F4F4F4;
}

.BasicTopPost:before{
	content:"";
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	left:-3000px;
	background-color:#F4F4F4;
}

.BasicTopPost:after{
	content:"";
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	right:-3000px;
	background-color:#F4F4F4;
}

.BasicTopPostItem{
	display:block;
}

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

.BasicTopPostItemThumb{
	display:table-cell;
	vertical-align:top;
	width:41.7%;
}

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

.BasicTopPostItemThumb-inner:after{
	content:"";
	display:block;
	padding-bottom:63%;
}

.BasicTopPostItemThumb-inner img{
	transition-property: transform;
    transition-duration: 0.2s;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.BasicTopPostItemCont{
	display:table-cell;
	vertical-align:middle;
	padding-left:58px;
}

.BasicTopPostItemCont-date{
	font-size:16px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	margin-bottom:12px;
}

.BasicTopPostItemCont-title{
	font-size:36px;
	line-height:1.3em;
	color:#000;
	font-weight:bold;
	margin-bottom:14px;
}

.BasicTopPostItemCont-text{
	display:block;
}

.BasicTopPostItemCont-sub{
	font-size:18px;
	line-height:1.6em;
	color:#000;
	display:-webkit-box;
    -webkit-line-clamp:3; /* 라인수 */
    -webkit-box-orient:vertical;
    white-space:normal;
    max-height:4.8em;
    overflow:hidden;
    text-overflow:ellipsis;
}

.BasicTopPostItemCont-btn{
	margin-top:25px;
	font-size:0;
	line-height:0;
}

body .MoreOrangeBtn{
	font-size:15px;
	line-height:1.2em;
	font-weight:bold;
	color:#F37321;
	padding:9px 26px;
	border:solid 2px #F37321;
	border-radius:100px 100px;
	display:inline-block;
}


@media screen  and (min-width:1025px){
	body .MoreOrangeBtn:hover{
		color:#fff;
		background-color:#F37321;
	}
	
	.BasicTopPostItemThumb:hover img{
		transform:scale(1.06);
	}
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.BasicTopPost{
		margin-top:-60px;
		padding:65px 0;
	}
	
	.BasicTopPostItemCont{
		padding-left:45px;
	}
	
	.BasicTopPostItemCont-date{
		font-size:14px;
	}
	
	.BasicTopPostItemCont-title{
		font-size:30px;
	}
	
	.BasicTopPostItemCont-sub{
		font-size:16px;
	}
	
	body .MoreOrangeBtn{
		font-size:13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.BasicTopPost{
		margin-top:-50px;
		padding:45px 0;
	}
	
	.BasicTopPostItemCont{
		padding-left:30px;
	}
	
	.BasicTopPostItemCont-date{
		font-size:14px;
	}
	
	.BasicTopPostItemCont-title{
		font-size:26px;
	}
	
	.BasicTopPostItemCont-sub{
		font-size:14px;
	}
	
	body .MoreOrangeBtn{
		font-size:12px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.BasicTopPost{
		margin-top:-40px;
		padding:30px 0;
	}
	
	.BasicTopPostItem-inner{
		display:block;
	}
	
	.BasicTopPostItemCont{
		display:block;
		padding-left:0;
	}
	
	.BasicTopPostItemThumb{
		display:block;
		margin-bottom:20px;
		width:100%;
	}
	
	.BasicTopPostItemCont-date{
		font-size:14px;
	}
	
	.BasicTopPostItemCont-title{
		font-size:22px;
	}
	
	.BasicTopPostItemCont-sub{
		font-size:14px;
	}
	
	body .MoreOrangeBtn{
		font-size:12px;
	}
}

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

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

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

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

/*	BasicPost:Post
=========================================================*/
.BasicPostItem-link{
	line-height:0;
}

.BasicPostItemThumb{
	margin-bottom:12px;
}

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

.BasicPostItemThumb-inner:after{
	content:"";
	display:block;
	padding-bottom:56.25%;
}


.BasicPostItemThumb-inner img{
	transition-property: transform;
    transition-duration: 0.2s;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.BasicPostItemCont-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;
	height:2.6em;
    overflow:hidden;
    text-overflow:ellipsis;
}

.BasicPostItemMeta{
	margin-top:25px;
}

.BasicPostItemMeta-text{
	display:inline-block;
	margin-right:14px;
	font-size:14px;
	line-height:1.2em;
	color:#8A8F92;
	font-weight:500;
	position:relative;
}

.BasicPostItemMeta-text:last-child{
	margin-right:0;
}

.BasicPostItemMeta-text.date{
	padding-left:17px;
}

.BasicPostItemMeta-text.date:before{
	content:"";
	width:13px;
	height:13px;
	background-image:url(../img/icon/ico-post-date.png);
	background-size:13px 13px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	margin-top:1px;
}

.BasicPostItemMeta-text.view{
	padding-left:22px;
}

.BasicPostItemMeta-text.view:before{
	content:"";
	width:18px;
	height:12px;
	background-image:url(../img/icon/ico-post-view.png);
	background-size:18px 12px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	margin-top:1px;
}

@media screen  and (min-width:1025px){
	.BasicPostItem-link:hover .BasicPostItemCont-title{
		color:#F37321;
		text-decoration:underline;
	}
	.BasicPostItem-link:hover .BasicPostItemThumb-inner img{
		transform:scale(1.06);
	}
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.BasicPost{
		padding:30px 0;
	}
	
	.BasicPost-list{
		margin: -20px -15px;
	}
	
	.BasicPost-item{
		padding:20px 15px;
	}
	
	.BasicPostItemCont-title{
		font-size:20px;
	}
	
	
	.BasicPostItemMeta{
		margin-top:20px;
	}
}

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

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

/*=========================================================
	NewsLetter:Single
=========================================================*/
.BasicSingleCont.NewsLetter .SingleContent{
	padding:0 116px;
	border-bottom:solid 1px #000;
	padding-bottom:30px;
	text-align:center;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.BasicSingleCont.NewsLetter .SingleContent{
		padding-left:7.733vw;
		padding-right:7.733vw;
		padding-bottom:20px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.BasicSingleCont.NewsLetter .SingleContent{
		padding-left:7.733vw;
		padding-right:7.733vw;
		padding-bottom:20px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.BasicSingleCont.NewsLetter .SingleContent{
		padding-left:0;
		padding-right:0;
		padding-bottom:15px;
	}
}

/*NewsLetter:Filter
=========================================================*/
.BasicSingleFilter{
	padding-bottom:20px;
	border-bottom:solid 1px #000;
	margin-bottom:30px;
}
.BasicSingleFilter:after{
	content:"";
	display:table;
	clear:both;
}

.BasicSingleFilter-inner{
	float:right;
	padding-right:88px;
	position:relative;
}

.BasicSingleFilter-list{
	margin:0 -2px;
}

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

.BasicSingleFilter-item{
	float:left;
	padding:0 2px;
}

.BasicSingleFilterSubmit{
	position:absolute;
	top:0;
	right:0;
	z-index:5;
	background-color:#000;
	width:84px;
	text-align:center;
	font-size:0;
	line-height:0;
	height:100%;
	padding:10px 5px;
}

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

.BasicSingleFilterSubmit-text:before{
	content:"";
	width:18px;
	height:12px;
	background-image:url(../img/icon/ico-filter-view.png);
	background-size:18px 12px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

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

/*Responsive*/
@media screen and (max-width: 1025px) and (min-width: 768px) {
	.BasicSingleFilterSubmit{
		padding: 11px 5px;
	}
	
	.BasicSingleFilterSubmit-text{
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.BasicSingleFilter-inner{
		float:none;
	}
	
	.BasicSingleFilter-item{
		width:50%;
	}
	.BasicSingleFilter .OrangeSelect{
		min-width:0;
		width:100%;
	}
	
	.BasicSingleFilterSubmit{
		padding: 12px 5px;
	}
	
	.BasicSingleFilterSubmit-text{
		font-size:14px;
	}
}

/*=========================================================
OrangeSelect
=========================================================*/
.OrangeSelect{
	position:relative;
	min-width:140px;
	height:40px;
}

.OrangeSelect-text{
	font-size:16px;
	line-height:1.2em;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:block;
	padding:10px 11px;
	padding-right:32px;
	border: solid 1px #000;
	position:relative;
	height:40px;
}

.OrangeSelect-text:after{
	content:"";
	width:10px;
	height:5px;
	background-image:url(../img/icon/ico-orange-select-arrow.png);
	background-size:10px 5px;
	position:absolute;
	top:50%;
	right:12px;
	transform:translateY(-50%);
}

.OrangeSelect-list{
	position:absolute;
	left:0;
	right:0;
	z-index:50;
	background-color:#fff;
	border: solid 1px #D1D1D1;
	border-top:none;
	max-height:235px;
	display:none;
	overflow:hidden;
	overflow-y:auto;
}

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

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

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

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

.OrangeSelect-link{
	display:block;
	font-size:16px;
	line-height:1.4em;
	color:#000;
	padding:12px 11px;
}

.OrangeSelect-item{
	border-top: solid 1px #D1D1D1;
}

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

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

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

/*Responsive*/
@media screen and (max-width: 1025px) and (min-width: 768px) {
	.OrangeSelect-text{
		font-size:14px;
		padding: 11px 11px;
	}
	
	.OrangeSelect-link{
		font-size:14px;
		padding:10px 11px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.OrangeSelect-text{
		font-size:14px;
		padding: 11px 11px;
	}
	
	.OrangeSelect-link{
		font-size:14px;
		padding:10px 11px;
	}
}


/*=========================================================
	FAQ
=========================================================*/
/* FaqTopInfo
=========================================================*/
.FaqTopInfo{
	margin-bottom:60px;
}

.FaqTopInfo-text{
	font-size:20px;
	line-height:1.5em;
	color:#000;
	font-weight:500;
	margin-bottom:22px;
}

.FaqTopInfo-text .color-orange{
	font-weight:bold;
}

.FaqTopInfoGray{
	background-color:#F4F4F4;
	padding:22px 40px;
	font-size:0;
	line-height:0;
}

.FaqTopInfoGray-list{
	margin:0 -32px;
}

.FaqTopInfoGray-item{
	display:inline-block;
	font-size:20px;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	padding:0 32px;
	position:relative;
}

.FaqTopInfoGray-item br{
	display:none;
}

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

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

.RadiusArrowLink{
	display:inline-block;
	color:#000;
	padding-right:35px;
	position:relative;
}

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

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

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.FaqTopInfo{
		margin-bottom:50px;
	}
	
	.FaqTopInfo-text{
		font-size:16px;
		margin-bottom:18px;
	}
	
	.FaqTopInfoGray{
		padding:20px 30px;
	}
	
	.FaqTopInfoGray-list{
		margin:0 -20px;
	}
	
	.FaqTopInfoGray-item{
		font-size:16px;
		padding:0 20px;
	}
}

@media screen and (max-width: 1025px) and (min-width: 768px) {
	.FaqTopInfo{
		margin-bottom:40px;
	}
	
	.FaqTopInfo-text{
		font-size:14px;
		margin-bottom:18px;
	}
	
	.FaqTopInfoGray{
		padding:20px 20px;
	}
	
	.FaqTopInfoGray-list{
		margin:0 -20px;
	}
	
	.FaqTopInfoGray-item{
		font-size:14px;
		padding:0 20px;
	}
	
	.RadiusArrowLink{
		padding-right:30px;
	}
	
	.RadiusArrowLink:after{
		width:22px;
		height:22px;
		background-size:22px 22px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.FaqTopInfo{
		margin-bottom:40px;
	}
	
	.FaqTopInfo-text{
		font-size:13px;
		margin-bottom:18px;
	}
	
	.FaqTopInfoGray{
		padding:15px 15px;
	}
	
	.FaqTopInfoGray-list{
		margin:-10px 0px;
		overflow:hidden;
	}
	
	.FaqTopInfoGray-item{
		font-size:13px;
		padding:10px 0;
		display:block;
		border-top:dashed 1px #ddd;
	}
	
	.FaqTopInfoGray-item:first-child{
		margin-top:0;
		border-top:none;
	}
	
	.FaqTopInfoGray-item:after{
		display:none;
	}
	
	.RadiusArrowLink{
		padding-right:30px;
	}
	
	.RadiusArrowLink:after{
		width:22px;
		height:22px;
		background-size:22px 22px;
	}
	
	.FaqTopInfoGray-item br{
		display:block;
	}
}

/* FaqTab
=========================================================*/
.FaqTab{
	margin-bottom:48px;
}

body .FaqTab-item{
	width:auto;
	margin-right:5px;
}

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

.FaqTabItem{
	width:100%;
}

.FaqTabItem-link{
	display:block;
	color:#8A8F92;
	font-size:16px;
	line-height:1.4em;
	padding:8px 22px;
	background-color:#fff;
	border:1px solid #D1D1D1;
	border-radius:40px;
}

body .FaqTab-item.is-Current .FaqTabItem-link:after{
	opacity:1;

}
.FaqTab-item.is-Current .FaqTabItem-link{
	border-color:#F37321;
	background-color:#F37321;
	color:#fff;
}
@media screen and (min-width: 1025px) {
	.FaqTabItem-link:hover{
		color:#fff;
		border-color:#F37321;
		background-color:#F37321;
	}
}

/* Responsive */
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.FaqTab{
		margin-bottom:40px;
	}
	.FaqTabItem-link{
		font-size:16px;
		padding:8px 18px;
	}
}

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

	.FaqTabItem-link{
		font-size:16px;
	}
	
	body .FaqTab-container{
		overflow:visible;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.FaqTab{
		margin-bottom:25px;
	}
	.FaqTabItem-link{
		font-size:15px;
		padding-bottom:8px;
	}
	
	body .FaqTab-container{
		overflow:visible;
	}
	
	.FaqTabItem-link:after{
		height:2px;
	}
}

/*=========================================================
	NewsPostList
=========================================================*/
li.no-result{
	width:100% !important;
}

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


.Faq-item.no-result{
	padding:30px 0;
}

.PageNoResult{
	text-align:center;
	padding:20px 0;
}

.PageNoResult-title{
	color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
	position:relative;
	padding-top:46px;
}

.PageNoResult-title:before{
	content:"";
	width:40px;
	height:40px;
	background-image:url(../img/icon/ico-attention.png);
	background-size:40px 40px;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.PageNoResult{
		padding:10px 0;
	}

	.PageNoResult-title{
		font-size: 18px;
	}
}

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

	.PageNoResult-title{
		font-size: 18px;
	}
}

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

	.PageNoResult-title{
		font-size: 16px;
	}
}


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

/*CyberSecurityList
=========================================================*/
.CyberSecurityList-item{
	margin-bottom:82px;
}

/*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){
	.CyberSecurityList-item{
		margin-bottom:60px;
	}
}

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

/*CyberSecurityBanner
=========================================================*/
.CyberSecurityBanner{
	height:266px;
	background-image:url(../img/bg/cybersecurity-bg-min.png);
	background-position:center center;
	background-size:cover;
	position:relative;
	margin-bottom:65px;
}

.CyberSecurityBanner-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) {
	.CyberSecurityBanner{
		margin-bottom:55px;
		height:220px;
	}
	
	.CyberSecurityBanner-title{
		font-size:30px;
		left:55px;
		right:55px;
	}
}

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

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


/*CyberSecurityItem
=========================================================*/
.CyberSecurityItem:after{
	content:'';
	clear:both;
}
.CyberSecurityItem-title{
	width:29.5%;
	float:left;
	padding-right:25px;
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:1.4em;
} 
.CyberSecurityItem-content{
	overflow:hidden;
}
.CyberSecurityItem-item{
	margin-bottom:22px;
}
.CyberSecurityItem-item:last-child{
	margin-bottom:0;
}

.CyberSecurityItem{
	margin-top:55px;
}

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

.CyberSecurityList .BasicGrayLineBox{
	margin-top:35px;
}


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

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CyberSecurityItem-item{
		margin-bottom:12px;
	}
	.CyberSecurityItem-title{
		padding-right:20px;
		font-size:17px;
	}
	
	.CyberSecurityItem{
		margin-top:40px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CyberSecurityItem-title{
		width:100%;
		padding-right:0;
		float:none;
		font-size:16px;
	}
	.CyberSecurityItem-content{
		margin-top:10px;
	}
	.CyberSecurityItem-item {
		margin-bottom: 8px;
	}
	
	.CyberSecurityItem{
		margin-top:30px;
	}
}


/*PdfFileList
=========================================================*/
.PdfFileList{
	padding-top:28px;
	border-top:1px solid #000;
	
}
.PdfFileList-list{
	margin-top:-28px;
}
.PdfFileList-item{
	padding:28px 0;
	border-bottom:1px solid #D1D1D1;
}

/*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){
	.PdfFileList{
		padding-top:20px;
	}
	.PdfFileList-list{
		margin-top:-20px;
	}
	.PdfFileList-item{
		padding:20px 0;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PdfFileList{
		padding-top:18px;
	}
	.PdfFileList-list{
		margin-top:-18px;
	}
	.PdfFileList-item{
		padding:18px 0;
	}
}


/*PdfItem
=========================================================*/
.PdfItem{
	padding-left:60px;
	padding-right:250px;
	position:relative;
}
.PdfItem:before{
	content:'';
	display:block;
	width:44px;
	height:58px;
	position:absolute;
	top:3px;
	left:0;
	background-image:url(../img/icon/ico-pdf.png);
	background-size:44px 58px;
}
.PdfItem-title{
	color:#000;
	font-size:20px;
	font-weight:bold;
	line-height:1.4em;
}
.PdfItem-text{
	margin-top:8px;
	color:#8A8F92;
	line-height:1.6em;
	font-size:14px;
}
.PdfItemLink{
	position:absolute;
	top:0;
	right:0;
	font-size:0;
	line-height:0;
}
.PdfItemLink-link{
	display:inline-block;
	margin-right:5px;
	background-color:#F4F4F4;
	padding:10px 18px;
	vertical-align:middle;
	border-radius:40px;
}
.PdfItemLink-link:last-child{
	margin-right:0;
}
.PdfItemLink-text{
	display:block;
	position:relative;
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:1.4em;
}
.PdfItemLink-text.view{
	padding-right:28px;
}
.PdfItemLink-text.view:after{
	content:'';
	display:block;
	width:24px;
	height:14px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background-image:url(../img/icon/ico-FileView-b.png);
	background-size:24px 14px;
}
.PdfItemLink-text.download{
	padding-right:22px;
}
.PdfItemLink-text.download:after{
	content:'';
	display:block;
	width:15px;
	height:15px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background-image:url(../img/icon/ico-ButtonDownload-b.png);
	background-size:15px 15px;
}

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

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.PdfItem:before{
		width:40px;
		height:54px;
		background-size:40px 54px;
	}
	.PdfItem-title{
		font-size:18px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.PdfItem{
		padding-left:44px;
		padding-right:200px;
	}
	.PdfItem:before{
		width:28px;
		height:40px;
		background-size:28px 40px;
	}
	.PdfItem-title{
		font-size:15px;
	}
	.PdfItem-text{
		font-size:13px;
	}
	.PdfItemLink-link{
		padding:8px 12px;
	}
	.PdfItemLink-text{
		font-size:12px;
	}
	.PdfItemLink-text.view {
		padding-right: 22px;
	}
	.PdfItemLink-text.view:after{
		width:18px;
		height:10px;
		background-size:18px 10px;
	}
	.PdfItemLink-text.download {
		padding-right: 18px;
	}
	.PdfItemLink-text.download:after{
		width:12px;
		height:12px;
		background-size:12px 12px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PdfItem{
		padding-left:34px;
		padding-right:0;
	}
	.PdfItem:before{
		width:24px;
		height:32px;
		background-size:24px 32px;
	}
	.PdfItem-title{
		font-size:14px;
	}
	.PdfItem-text{
		font-size:13px;
	}
	.PdfItemLink{
		margin-top:12px;
		position:static;
	}
	.PdfItemLink-link{
		margin-right:8px;
		padding:8px 16px;
	}
	.PdfItemLink-text{
		font-size:12px;
	}
	.PdfItemLink-text.view {
		padding-right: 24px;
	}
	.PdfItemLink-text.view:after{
		width:20px;
		height:12px;
		background-size:20px 12px;
	}
	.PdfItemLink-text.download {
		padding-right: 18px;
	}
	.PdfItemLink-text.download:after{
		width:12px;
		height:12px;
		background-size:12px 12px;
	}
}

/*=========================================================
	Product Naming Rule
=========================================================*/
/* Code
=========================================================*/
.NamingRuleSection{
	display:none;
}

.NamingRuleSection.is-Current{
	display:block;
}

.CodeLink{
	padding:67px 20px 65px;
	background-color:#fbf2ed;
	text-align:center;
	font-size:0;
	line-height:0;
}

.CodeLink-list{
	margin:-10px -5px 0;
}

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

.CodeLink-item{
	width:calc(7.1428% - 3px);
	display:inline-block;
	padding:10px 5px 0;
	max-width:76px;
	position:relative;
}

.CodeLinkItem{
	display:block;
	position:relative;
	border:solid 1px #000000;
	background-color:#fff;
}

.CodeLinkItem.required:before{
	content:"*";
	position:absolute;
	top:-26px;
	left:50%;
	font-size:30px;
	line-height:1.2em;
	color:#F37321;
	transform:translateX(-50%);
	display:block;
	
}

.CodeLinkItem:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.CodeLinkItem-text{
	display:block;
	font-size:50px;
	line-height:1.1em;
	color:#000;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-family: 'Jost';
	margin-top:2px;
}

.CodeLink-item.is-Current .CodeLinkItem{
	border:solid 1px #F37321;
}

.CodeLink-item.is-Current .CodeLinkItem-text{
	color:#F37321;
}

.CodeLink-item.last{
	margin-right:16px;
}

.CodeLink-item.last:after{
	content:"";
	width:14px;
	height:1px;
	background-color:#000;
	position:absolute;
	top: calc(50% + 5px);
	right:-22px;
}

.CodeLink-item.first{
	margin-left:16px;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CodeLink{
		padding: 55px 20px 50px;
	}
	
	.CodeLinkItem-text{
		font-size:30px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.CodeLink{
		padding: 45px 20px 40px;
	}
	
	.CodeLinkItem-text{
		font-size:30px;
	}
	
	.CodeLinkItem.required:before{
		font-size:24px;
		top: -21px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CodeLink{
		padding: 35px 20px 30px;
	}
	
	.CodeLinkItem-text{
		font-size:8vw;
	}
	
	.CodeLinkItem.required:before{
		font-size:18px;
		top: -15px;
	}
	
	.CodeLink-list{
		text-align:left;
		margin-top:-20px;
	}
	
	.CodeLink-item{
		width: 20%;
		padding-top:20px;
		max-width:none;
	}
	
	.CodeLink-item.first{
		margin-left: 10%;
	}
	
	.CodeLink-item.last{
		margin-right: 10%;
	}
	
	.CodeLink-item.last:after{
		right:calc(-38% - 14px);
		top: calc(50% + 10px);
	}
}

/* GraySupList
=========================================================*/
.GraySupList{
	margin-top:95px;
	padding:35px 35px;
	border:solid 1px #D1D1D1;
}

.GraySupList-item{
	margin-top:15px;
	font-size:14px;
	line-height:1.6em;
	color:#8A8F92;
	padding-left:11px;
	position:relative;
}

.GraySupList-item:before{
	content:"";
	width:2px;
	height:2px;
	background-color:#8A8F92;
	position:absolute;
	top:11px;
	left:0;
}

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

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.GraySupList{
		margin-top:75px;
		padding:30px 30px;
	}
	
	.GraySupList-item{
		font-size:13px;
		margin-top:12px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.GraySupList{
		margin-top:65px;
		padding:25px 25px;
	}
	
	.GraySupList-item{
		font-size:12px;
		margin-top:10px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.GraySupList{
		margin-top:50px;
		padding:20px 20px;
	}
	
	.GraySupList-item{
		font-size:12px;
		margin-top:10px;
	}
}

/* GraySupList
=========================================================*/
.CodeNameList{
	margin-top:55px;
	display:none;
}

.CodeNameList.is-Current{
	display:block;
}

.CodeNameListTitle{
	font-size:24px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	position:relative;
	padding-bottom:9px;
	margin-bottom:32px;
}

.CodeNameListSub{
	font-size:18px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	margin-bottom:30px;
}

.CodeNameListTitle sup{
	font-size:0.5em;
	vertical-align:text-top;
	margin-left:5px;
}

.CodeNameListTitle:after{
	content:"";
	width:20px;
	height:1px;
	background-color:#707070;
	position:absolute;
	bottom:0;
	left:0;
}

.CodeNameListCont-list{
	overflow:hidden;
	margin:-9px -9px;
}

.CodeNameListCont-item{
	width:25%;
	float:left;
	padding:9px 9px;
}

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

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

.CodeNameListContItem-title{
	display:table-cell;
	vertical-align:top;
	width:1px;
	white-space:nowrap;
}

.CodeNameListContItem-label{
	font-size:18px;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	display:block;
	padding-left:10px;
	position:relative;
}

.CodeNameListContItem-label:before{
	content:"";
	width:3px;
	height:3px;
	background-color:#F37321;
	position:absolute;
	top:12px;
	left:0;
}

.CodeNameListContItem-text{
	padding-left:5px;
	display:table-cell;
	vertical-align:middle;
	font-size:16px;
	line-height:1.4em;
	color:#4C4948;
}

.SubTabContent{
	display:none;
}

.SubTabContent.is-Current{
	display:block;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CodeNameList{
		margin-top:50px;
	}
	
	.CodeNameListTitle{
		font-size:20px;
		margin-bottom:28px;
	}
	
	.CodeNameListContItem-label{
		font-size:16px;
	}
	
	.CodeNameListContItem-label:before{
		top:10px;
	}
	
	.CodeNameListContItem-text{
		font-size:14px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.CodeNameList{
		margin-top:45px;
	}
	
	.CodeNameListTitle{
		font-size:18px;
		margin-bottom:25px;
	}
	
	.CodeNameListContItem-label{
		font-size:15px;
	}
	
	.CodeNameListContItem-label:before{
		top:9px;
	}
	
	.CodeNameListContItem-text{
		font-size:13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CodeNameList{
		margin-top:40px;
	}
	
	.CodeNameListTitle{
		font-size:16px;
		margin-bottom:20px;
	}
	
	.CodeNameListContItem-label{
		font-size:14px;
	}
	
	.CodeNameListContItem-text{
		font-size:12px;
	}
	
	.CodeNameListCont-item{
		width:50%;
	}
	
	.CodeNameListCont-item:nth-child(odd){
		clear:both;
	}
}

/* NamingSubTab
=========================================================*/
.NamingSubTab{
	margin-bottom:55px;
}

body .NamingSubTab-item{
	width:auto;
	margin-right:38px;
}

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

.NamingSubTabItem{
	width:100%;
}

.NamingSubTabItem-link{
	display:block;
	font-size:18px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	padding-bottom:10px;
	position:relative;
}

.NamingSubTabItem-link:after{
	content:"";
	width:100%;
	height:3px;
	background-color:#F37321;
	position:absolute;
	bottom:0;
	left:0;
	opacity:0;
}

body .NamingSubTab-item.is-Current .NamingSubTabItem-link:after{
	opacity:1;
}

.NamingSubTab-item.is-Current .NamingSubTabItem-link{
	color:#F37321;
}

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

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.NamingSubTab{
		margin-bottom:45px;
	}
	
	body .NamingSubTab-item{
		margin-right:25px;
	}
	
	.NamingSubTabItem-link{
		font-size:16px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.NamingSubTab{
		margin-bottom:35px;
	}
	
	body .NamingSubTab-item{
		margin-right:25px;
	}
	
	.NamingSubTabItem-link{
		font-size:16px;
	}
	
	body .NamingSubTab-container{
		overflow:visible;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.NamingSubTab{
		margin-bottom:25px;
	}
	
	body .NamingSubTab-item{
		margin-right:25px;
	}
	
	.NamingSubTabItem-link{
		font-size:15px;
		padding-bottom:8px;
	}
	
	body .NamingSubTab-container{
		overflow:visible;
	}
	
	.NamingSubTabItem-link:after{
		height:2px;
	}
}


/*=========================================================
	CaseStudy Main
=========================================================*/
.CaseStudyHeader{
	margin-bottom:31px;
}

.CaseStudyHeader-title{
	font-size:30px;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
}

.CaseStudyHeader-sub{
	margin-top:27px;
	font-size:20px;
	line-height:1.6em;
	color:#000;
}

.CaseStudyHeader-btn{
	margin-top:34px;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.CaseStudyHeader{
		margin-bottom:30px;
	}
	
	.CaseStudyHeader-title{
		font-size:28px;
	}
	
	.CaseStudyHeader-sub{
		font-size:16px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CaseStudyHeader{
		margin-bottom:30px;
	}
	
	.CaseStudyHeader-title{
		font-size:24px;
	}
	
	.CaseStudyHeader-sub{
		font-size:15px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.CaseStudyHeader{
		margin-bottom:30px;
	}
	
	.CaseStudyHeader-title{
		font-size:20px;
	}
	.CaseStudyHeader-title br{
		display:none;
	}
	
	.CaseStudyHeader-sub{
		font-size:13px;
	}
}

/*	CaseStudy Main:Item
=========================================================*/
.CaseStudySubSlide{
	position:relative;
}

.CaseStudySubSlide:before{
	content:"";
	position:absolute;
	width:5000px;
	height:314px;
	background-color:#F37321;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.CaseStudySubSlide-container{
	padding-top:80px;
	overflow:visible;
}

.CaseStudySubSlide-inner{
	width:100%;
}

.CaseStudySubSlideItem{
	width:100%;
	display:block;
}

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

.CaseStudySubSlideItemThumb{
	position:relative;
	line-height:0;
	overflow:hidden;
	width:100%;
}

.CaseStudySubSlideItemThumb:after{
	content:"";
	display:block;
	padding-bottom:104.3%;
}

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

.CaseStudySubSlideItemThumb img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	transition-property: transform;
    transition-duration: 0.2s;
}

.CaseStudySubSlideItemCont{
	position:absolute;
	padding:32px 26px;
	bottom:0;
	left:0;
	right:0;
	z-index:5;
}

.CaseStudySubSlideItemCont-title{
	font-size:25px;
	line-height:1.3em;
	color:#fff;
	font-weight:500;
}

.CaseStudySubSlideItemCont-btn{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:26px;
	border:solid 2px #fff;
	display:block;
	border-radius:100px;
	padding:8px 22px;
}

.CaseStudySubSlideItemCont-btnText{
	font-size:14px;
	line-height:1.3em;
	color:#fff;
	font-weight:500;
	position:relative;
	display:block;
	padding-right:21px;
}

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

.CaseStudySubSlideItem{
	margin-top:35px;
}

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

.CaseStudySubSlide-slide:nth-child(odd){
	padding-top:42px;
}

.CaseStudySubSlide-slide:last-child .CaseStudySubSlideItem{
	margin-top:calc(104.1% + 35px)
}

.CaseStudySubSlide-prev{
	width:50px;
	height:50px;
	border-radius:100%;
	position:absolute;
	top:0;
	right:60px;
	cursor:pointer;
}

.CaseStudySubSlide-prev:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:solid 1px #555555;
	border-radius:100%;
}

.CaseStudySubSlide-prev:after{
	content:"";
	width:18px;
	height:12px;
	background-image:url(../img/icon/ico-case-prev.png);
	background-size:18px 12px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.CaseStudySubSlide-next{
	width:50px;
	height:50px;
	border-radius:100%;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}

.CaseStudySubSlide-next:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:solid 1px #555555;
	border-radius:100%;
}

.CaseStudySubSlide-next:after{
	content:"";
	width:18px;
	height:12px;
	background-image:url(../img/icon/ico-case-next.png);
	background-size:18px 12px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}


@media screen and (min-width: 1025px){
	.CaseStudySubSlideItem-link:hover .CaseStudySubSlideItemThumb img{
		transform:scale(1.1);
	}
	
	.CaseStudySubSlideItemCont-btn:hover{
		border-color:#F37321;
		background-color:#F37321;
	}
	
	.CaseStudySubSlide-prev:hover:before{
		border:solid 2px #F37321;
	}
	
	.CaseStudySubSlide-next:hover:before{
		border:solid 2px #F37321;
	}
	
	.CaseStudySubSlide-prev:hover:after{
		background-image:url(../img/icon/ico-case-prev-h.png);
	}
	
	.CaseStudySubSlide-next:hover:after{
		background-image:url(../img/icon/ico-case-next-h.png);
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.CaseStudySubSlideItemCont{
		padding:25px 20px;
	}
	
	.CaseStudySubSlideItemCont-title{
		font-size:20px;
	}
	
	.CaseStudySubSlideItemCont-btnText{
		font-size:13px;
	}
	
	.CaseStudySubSlideItemCont-btn{
		right:20px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CaseStudySubSlideItemCont{
		padding:20px 15px;
	}
	
	.CaseStudySubSlideItemCont-title{
		font-size:18px;
	}
	
	.CaseStudySubSlideItemCont-btnText{
		font-size:12px;
	}
	
	.CaseStudySubSlideItemCont-btn{
		right:15px;
		padding: 8px 15px;
	}
	
	.CaseStudySubSlide:before{
		height:230px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.CaseStudySubSlideItemCont{
		padding:15px 15px;
	}
	
	.CaseStudySubSlideItemCont-title{
		font-size:18px;
		padding-left:8px;
	}
	
	.CaseStudySubSlideItemCont-btnText{
		font-size:12px;
	}
	
	.CaseStudySubSlideItemCont-btn{
		position:static;
		transform:translate(0,0);
		padding: 8px 15px;
		margin-top:10px;
	}
	
	.CaseStudySubSlide:before{
		height:200px;
	}
	
	.CaseStudySubSlideItem{
		margin-top:20px;
	}
	
	.CaseStudySubSlide-slide:last-child .CaseStudySubSlideItem{
		margin-top: calc(104.1% + 20px);
	}
	
	.CaseStudySubSlide-prev{
		width:40px;
		height:40px;
		right:50px;
	}
	
	.CaseStudySubSlide-next{
		width:40px;
		height:40px;
	}
	
	.CaseStudySubSlide-container{
		padding-top:55px;
	}
}

/*=========================================================
	HDD 호환 리스트
=========================================================*/
/*	HDD 호환 리스트:Filter
=========================================================*/
.ListFilterTitle{
	font-size:24px;
	line-height:1.2em;
	font-weight:bold;
	color:#000;
}

.ListFilterTitle-count{
	color:#F37321;
	font-weight:normal;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.ListFilterTitle{
		font-size:22px;
	}
}

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

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

/*	HDD 호환 리스트:List
=========================================================*/
.FilePostList{
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	padding:45px 0 88px;
	position:relative;
}

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

.FilePostList-item{
	padding: 7px 7px;
    flex: 0 0 25%;
    max-width: 25%;
}

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

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

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

.FilePostTitle-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;
}

.FilePostTitle-text{
	font-size:14px;
	line-height:1.5em;
	color:#8A8F92;
	margin-top:14px;
}

@media screen and (min-width: 1025px){
	a.FilePostTitle-link:hover{
		color:#F37321;
		text-decoration:underline;
	}
}

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

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

.PostViewBtn{
	display:block;
	width:100%;
	background-color:#F4F4F4;
	border-radius:100px;
	padding:10px 16px;
	text-align:center;
	font-size:0;
	line-height:0;
}

.PostViewBtn-text{
	display:inline-block;
	font-size:14px;
	line-height:1.2em;
	font-weight:bold;
	color:#000;
	padding-right:27px;
	position:relative;
}

.PostViewBtn-text:before{
	width:0px;
	height:0px;
	opacity:0;
	visibility:hidden;
	position:absolute;
	z-index:-1;
	content: url(../img/icon/ico-filepost-view-h.png);
}


.PostViewBtn-text:after{
	content:"";
	width:23px;
	height:13px;
	background-image:url(../img/icon/ico-filepost-view.png);
	background-size:23px 13px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	margin-top:1px;
}


/* PostDownBtn */
.PostDownBtn{
	display:block;
	width:100%;
	background-color:#F4F4F4;
	border-radius:100px;
	padding:10px 16px;
	text-align:center;
	font-size:0;
	line-height:0;
}

.PostDownBtn-text{
	display:inline-block;
	font-size:14px;
	line-height:1.2em;
	font-weight:bold;
	color:#000;
	padding-right:21px;
	position:relative;
}

.PostDownBtn-text:before{
	width:0px;
	height:0px;
	opacity:0;
	visibility:hidden;
	position:absolute;
	z-index:-1;
	content: url(../img/icon/ico-filepost-download-h.png);
}

.PostDownBtn-text:after{
	content:"";
	width:15px;
	height:14px;
	background-image:url(../img/icon/ico-filepost-download.png);
	background-size:15px 14px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

@media screen and (min-width: 1025px){
	.PostViewBtn:hover{
		background-color:#F37321;
	}
	
	.PostViewBtn:hover .PostViewBtn-text{
		color:#fff;
	}
	
	.PostViewBtn:hover .PostViewBtn-text:after{
		background-image: url(../img/icon/ico-filepost-view-h.png);
	}
	
	.PostDownBtn:hover .PostViewBtn-text{
		color:#fff;
	}
	
	.PostDownBtn:hover .PostViewBtn-text:after{
		background-image: url(../img/icon/ico-filepost-view-h.png);
	}
	
	.PostDownBtn:hover{
		background-color:#F37321;
	}
	
	.PostDownBtn:hover .PostDownBtn-text{
		color:#fff;
	}
	
	.PostDownBtn:hover .PostDownBtn-text:after{
		background-image: url(../img/icon/ico-filepost-download-h.png);
	}
}

.PostMoreBtn{
	position:absolute;
	bottom:15px;
	left:50%;
	transform:translateX(-50%);
	width:50px;
	height:30px;
	z-index:10;
}

.PostMoreBtn:after{
	content:"";
	width:16px;
	height:8px;
	background-image:url(../img/icon/ico-postmore.png);
	background-size:16px 8px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	transition-property: transform;
    transition-duration: 0.2s;
}

@media screen and (min-width: 1025px){
	.PostMoreBtn:hover:after{
		transform:translate(-50%, -10%);
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.FilePostList{
		padding:35px 0 78px;
	}
	
	.FilePost{
		padding:20px 15px 65px;
	}
	
	.FilePostTitle-link{
		font-size:18px;
		padding-left: 47px;
	}
	
	.FilePostTitle-link:before{
		width: 34px;
		height: 47px;
		background-size:34px 47px;
	}
	
	.FilePostTitle-text{
		margin-top:12px;
		font-size:13px;
	}
	
	.PostViewBtn-text{
		font-size:12px;
		padding-right: 22px;
	}
	
	.PostViewBtn-text:after{
		width:18px;
		height:10px;
		background-size:18px 10px;
	}
	
	.FilePostBtn{
		left:15px;
		right:15px;
		bottom:15px;
	}
	
	.PostDownBtn-text{
		font-size:12px;
		padding-right: 18px;
	}
	
	.PostDownBtn-text:after{
		width:13px;
		height:12px;
		background-size:13px 12px;
	}	

}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.FilePostList{
		padding:35px 0 78px;
	}
	
	.FilePost{
		padding:20px 15px 65px;
	}
	
	.FilePostTitle-link{
		font-size:18px;
		padding-left: 47px;
	}
	
	.FilePostTitle-link:before{
		width: 34px;
		height: 47px;
		background-size:34px 47px;
	}
	
	.FilePostTitle-text{
		margin-top:12px;
		font-size:13px;
	}

	.PostViewBtn-text{
		font-size:12px;
		padding-right: 18px;
	}
	
	.PostViewBtn-text:after{
		width:16px;
		height:9px;
		background-size:16px 9px;
	}
	
	.PostDownBtn-text{
		font-size:12px;
		padding-right: 18px;
	}
	
	.PostDownBtn-text:after{
		width:13px;
		height:12px;
		background-size:13px 12px;
	}
	
	.FilePostList-item{
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
	
	.FilePostBtn{
		left:15px;
		right:15px;
		bottom:15px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.FilePostList{
		padding:25px 0 58px;
	}
	
	.FilePost{
		padding:15px 10px 105px;
	}
	
	.FilePostBtn{
		left:10px;
		right:10px;
		bottom:15px;
	}
	
	.FilePostTitle-link{
		font-size:14px;
		padding-left: 30px;
	}
	
	.FilePostTitle-link:before{
		width: 20px;
		height: 28px;
		background-size:20px 28px;
	}
	
	.FilePostTitle-text{
		margin-top:12px;
		font-size:12px;
	}
	
	.PostViewBtn-text{
		font-size:12px;
		padding-right: 22px;
	}
	
	.PostViewBtn-text:after{
		width:18px;
		height:10px;
		background-size:18px 10px;
	}
	
	.PostDownBtn-text{
		font-size:12px;
		padding-right: 18px;
	}
	
	.PostDownBtn-text:after{
		width:13px;
		height:12px;
		background-size:13px 12px;
	}
	
	.FilePostList-item{
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.FilePostList-list{
		margin:-5px -5px;
	}
	
	.FilePostList-item{
		padding:5px 5px;
	}
	
	.FilePostBtn-item{
		float:none;
		max-width:100%;
		margin-top:7px;
	}
	
	.FilePostBtn-item:first-child{
		margin-top:0;
	}
	
	.PostMoreBtn{
		bottom:5px;
	}
}

/*=========================================================
	WhitePaper List
=========================================================*/
.WhitePaperList .FilePost{
	padding-bottom:100px;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.WhitePaperList .FilePost{
		padding-bottom:90px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.WhitePaperList .FilePost{
		padding-bottom:80px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.WhitePaperList .FilePost{
		padding-bottom:75px;
	}
}

/*=========================================================
	CyberSecurityPs
=========================================================*/
.CyberSecurityPs .FilePost{
	padding-bottom:100px;
}

.FilePostList.CyberSecurityPs{
	border-bottom:none;
	padding-bottom:55px;
}

.CyberSecurityPs .FilePostList-item{
	flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.CyberSecurityBtn{
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:50px;
	height:30px;
	z-index:10;
	display:none;
}

.CyberSecurityBtn:after{
	content:"";
	width:16px;
	height:8px;
	background-image:url(../img/icon/ico-postmore.png);
	background-size:16px 8px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	transition-property: transform;
    transition-duration: 0.2s;
}

.View-More .CyberSecurityBtn{
	display:block;
}

@media screen and (min-width: 1025px){
	.CyberSecurityBtn:hover:after{
		transform:translate(-50%, -10%);
	}
}

.CyberSecurityPs.is-View .CyberSecurityBtn{
	transform:translateX(-50%) rotate(180deg);
}

.CyberSecurityPs.is-View .FilePostList-item{
	display:block !important;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.CyberSecurityPs .FilePost{
		padding-bottom:90px;
	}
	/* .CyberSecurityPs .FilePostBtn { */
		/* left: 5px; */
		/* right: 5px; */
	/* } */
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CyberSecurityPs .FilePost{
		padding-bottom:80px;
	}
	
	.CyberSecurityPs .FilePostList-item{
		flex: 0 0 50%;
		max-width: 50%;
	}
	

}

@media screen and (max-width: 767px) and (min-width: 1px){
	.CyberSecurityPs .FilePost{
		padding-bottom: 105px;
	}
	
	.CyberSecurityPs .FilePostList-item{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
}

/*=========================================================
	FAQ Single
=========================================================*/
.single .FaqItemContLink{
	margin-top:36px;
}

.SingleHeaderTitle-bullet{
	display:block;
	float:left;
	margin-right:13px;
	font-size:30px;
	line-height:1.4em;
	color:#000;
	font-family:'Jost';
}

.SingleHeaderTitle-text{
	overflow:hidden;
	font-size:27px;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	display:block;
}

.BasicSingleHeader.FaqSingleHeader{
	padding:35px 35px;
}

.FaqSingleCont{
	padding-left:80px;
	padding-right:35px;
	position:relative;
}

.FaqSingleCont:before{
	content:"A.";
	font-size:30px;
	line-height:1.4em;
	color:#F37321;
	font-family:'Jost';
	position:absolute;
	top:0;
	left:35px;
	top:1px;
}


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.single .FaqItemContLink{
		margin-top:35px;
	}
	
	.BasicSingleHeader.FaqSingleHeader{
		padding:30px 30px;
	}
	
	.SingleHeaderTitle-bullet{
		font-size:28px;
	}
	
	.SingleHeaderTitle-text{
		font-size:26px;
	}
	
	.FaqSingleCont{
		padding-left: 75px;
		padding-right: 30px;
	}
	
	.FaqSingleCont:before{
		left:30px;
		font-size:28px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.single .FaqItemContLink{
		margin-top:40px;
	}
	
	.BasicSingleHeader.FaqSingleHeader{
		padding:25px 20px;
	}
	
	.SingleHeaderTitle-bullet{
		font-size:26px;
	}
	
	.SingleHeaderTitle-text{
		font-size:24px;
	}
	
	.FaqSingleCont{
		padding-left: 65px;
		padding-right: 20px;
	}
	
	.FaqSingleCont:before{
		left:20px;
		font-size:26px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.single .FaqItemContLink{
		margin-top:35px;
	}
	
	.BasicSingleHeader.FaqSingleHeader{
		padding:20px 0px;
	}
	
	.SingleHeaderTitle-bullet{
		font-size:22px;
	}
	
	.SingleHeaderTitle-text{
		font-size:20px;
	}
	
	.FaqSingleCont{
		padding-left: 40px;
		padding-right: 0px;
	}
	
	.FaqSingleCont:before{
		left:0px;
		font-size:22px;
	}
}


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

/* GotoRecruitBtn
=========================================================*/
.GotoRecruitBtn{
	margin-top:30px;
	text-align:center;
	font-size:0;
	line-height:0;
}
.GotoRecruitBtn-link{
	display:inline-block;
	font-size:20px;
	line-height:1.1em;
	color:#fff;
	font-weight:500;
	padding:17px 50px;
	border-radius:100px;
	background-color:#F37321;
	text-align:center;
	text-transform:uppercase;
	border:solid 2px #F37321;
}


@media screen and (min-width: 1025px) {
	.GotoRecruitBtn-link:hover{
		background-color:#000;
		border:solid 2px #000;
	}
}
/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.GotoRecruitBtn-link{
		padding:15px 42px;
		font-size:18px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.GotoRecruitBtn-link{
		padding: 12px 30px;
		font-size:16px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.GotoRecruitBtn-link{
		font-size:14px;
		padding: 10px 18px;
	}

}


/*=========================================================
	TopRightBgBanner
=========================================================*/
.TopRightBgBanner{
	margin-bottom:75px;
	height:422px;
	position:relative;
	margin-top:-100px;
}

.TopRightBgBanner-inner{
	position:absolute;
	height:100%;
	width:100vw;
	left:50%;
	top:0;
	transform:translateX(-50%);
	background-color:#F4F4F4;
	background-size:auto 100%;
	background-position:right top;
	background-repeat:no-repeat;
}

.TopRightBgBannerText{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform:translateY(-50%);
}

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

@media screen and (max-width: 1024px) and (min-width: 768px){
	.TopRightBgBanner{
		margin-top:-50px;
	}
}

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

.TopRightBgBannerTitle-img{
	line-height:0;
	margin-bottom:15px;
}

.TopRightBgBannerTitle-title{
	font-size:36px;
	line-height:1.3em;
	color:#F37321;
	font-weight:bold;
}

.TopRightBgBannerTitle-title.color-black{
	color:#000;
}

.TopRightBgBanner-sub{
	margin-top:30px;
	font-size:20px;
	line-height:1.5em;
	color:#000000;
}

.TopRightBgBanner-inner.Bg-training{
	background-image:url(../img/bg/technical-training-course-bg-min.png);
}

@media screen and (max-width: 1860px) and (min-width: 1025px){
	.TopRightBgBanner-inner{
		background-position:calc(56vw) top;
	}
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.TopRightBgBanner{
		margin-bottom:65px;
		height:342px;
	}
	
	.TopRightBgBannerTitle-title{
		font-size:30px;
	}
	
	.TopRightBgBanner-sub{
		font-size:18px;
		margin-top: 25px;
	}
	
	.TopRightBgBannerTitle-img img{
		height:30px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.TopRightBgBanner{
		margin-bottom:50px;
		height:290px;
	}
	
	.TopRightBgBannerTitle-title{
		font-size:24px;
	}
	
	.TopRightBgBanner-sub{
		font-size:16px;
		margin-top: 20px;
	}
	
	.TopRightBgBannerTitle-img img{
		height:24px;
	}
	
	.TopRightBgBannerTitle-img{
		margin-bottom:10px;
	}
	
	.TopRightBgBanner-inner{
		background-position:calc(56vw) top;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.TopRightBgBanner{
		margin-bottom:35px;
		height:240px;
	}
	
	.TopRightBgBannerTitle-title{
		font-size:22px;
	}
	
	.TopRightBgBanner-sub{
		font-size:14px;
		margin-top: 15px;
	}
	
	.TopRightBgBannerTitle-img img{
		height:22px;
	}
	
	.TopRightBgBannerTitle-img{
		margin-bottom:10px;
	}
	
	.TopRightBgBanner-inner{
		background-image:none !important;
	}
}

/*=========================================================
	StaticLeftTitle
=========================================================*/
.StaticLeftTitle{
	margin-bottom:95px;
}

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

.StaticLeftTitle-title{
	float:left;
	margin-right:20px;
	width:26%;
	font-size:24px;
	line-height:1.5em;
	color:#000;
	font-weight:bold;
}

.StaticLeftTitle-sub{
	overflow:hidden;
}

.StaticLeftTitle-text{
	margin-top:10px;
	font-size:16px;
	line-height:1.7em;
	color:#000;
}

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

.StaticLeftTitle-text.text-gray{
	color:#4C4948;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.StaticLeftTitle{
		margin-bottom:85px;
	}

	.StaticLeftTitle-title{
		font-size:22px;
	}
	
	.StaticLeftTitle-text{
		font-size:15px;
	}
}

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

	.StaticLeftTitle-title{
		font-size:20px;
	}
	
	.StaticLeftTitle-text{
		font-size:14px;
	}
}

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

	.StaticLeftTitle-title{
		font-size:20px;
		width:100%;
		padding-right:0;
		float:none;
		margin-bottom:25px;
	}
	
	.StaticLeftTitle-title br{
		display:none;
	}
	
	.StaticLeftTitle-text{
		font-size:14px;
	}
}

/*=========================================================
	StaticLeftTitle List
=========================================================*/
.StaticLeftTitleList-item{
	margin-top:50px;
}

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

.StaticLeftTitleListTitle{
	margin-bottom:20px;
	display:table;
	width:100%;
	table-layout:fixed;
}

.StaticLeftTitleListTitle-number{
	display:table-cell;
	vertical-align:middle;
	width:40px;
}

.StaticLeftTitleListTitle-title{
	display:table-cell;
	vertical-align:middle;
	padding-left:10px;
	font-size:22px;
	line-height:1.3em;
	color:#F37321;
	font-weight:bold;
}

.StaticLeftTitleListTitle-count{
	display:block;
	width:40px;
	height:40px;
	background-color:#F37321;
	border-radius:100%;
	position:relative;
	font-size:18px;
	line-height:1em;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:11px 0;
}

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

.StaticLeftTitleListCont-item{
	margin-top:5px;
}

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

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

.StaticLeftTitleListCont-text{
	display:block;
	overflow:hidden;
	font-size:16px;
	line-height:1.6em;
	color:#000;
}

.StaticLeftTitleListCont-img{
	line-height:0;
	margin:12px 0 22px;
}

.StaticLeftTitleListCont-btn{
	margin-top:30px;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.StaticLeftTitleListTitle-count{
		font-size:16px;
	}
	
	.StaticLeftTitleListTitle-title{
		font-size:20px;
	}
	
	.StaticLeftTitleListCont-text{
		font-size:15px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.StaticLeftTitleListTitle{
		margin-bottom:15px;
	}
	
	.StaticLeftTitleListTitle-count{
		font-size:14px;
		padding:13px 0;
	}
	
	.StaticLeftTitleListTitle-title{
		font-size:18px;
	}
	
	.StaticLeftTitleListCont-text{
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.StaticLeftTitleListTitle{
		margin-bottom:15px;
	}
	
	.StaticLeftTitleListTitle-number{
		width:30px;
	}
	
	.StaticLeftTitleListTitle-count{
		font-size:12px;
		padding:9px 0;
		width:30px;
		height:30px;
	}
	
	.StaticLeftTitleListTitle-title{
		font-size:17px;
	}
	
	.StaticLeftTitleListCont-text{
		font-size:14px;
	}
	
	.StaticLeftTitleListCont-btn{
		margin-top:15px;
	}
	
	.StaticLeftTitle .ArrowBtnColor{
		padding:12px 20px;
	}
	
	.StaticLeftTitle .ArrowBtnColor-text{
		font-size:14px;
	}
}

/*=========================================================
	StaticTrainingList
=========================================================*/
.StaticTrainingList{
	margin-bottom:90px;
}

.StaticTrainingList-list{
	margin:-17px -17px;
	display: flex;
    flex-wrap: wrap;
}

.StaticTrainingList-item{
	padding:17px 17px;
	flex: 0 0 33.333%;
    max-width: 33.333%;
}


.StaticTrainingListItem{
	border-radius:20px 20px;
	background-color:#FBF2ED;
	padding:52px 40px 45px;
	height:100%;
}

.StaticTrainingListItemHeader{
	margin-bottom:23px;
}

.StaticTrainingListItemHeader-img{
	line-height:0;
	margin-bottom:13px;
}

.StaticTrainingListItemHeader-img img{
	max-width:176px;
}

.StaticTrainingListItemHeaderTitle{
	font-size:0;
	line-height:0;
}

.StaticTrainingListItemHeaderTitle-title{
	font-size:26px;
	line-height:1.4em;
	color:#F37321;
	font-weight:bold;
	margin-right:10px;
	vertical-align:middle;
}

.StaticTrainingListItemHeaderTitle-sub{
	font-size:18px;
	line-height:1.4em;
	color:#F37321;
	font-weight:500;
	vertical-align:middle;
}

.StaticTrainingListItemHeader-text{
	margin-top:15px;
	font-size:15px;
	line-height:1.6em;
	color:#000000;
	min-height:11.2em;
}

.StaticTrainingListItemMetaDate{
	border-bottom:solid 1px #D1D1D1;
	padding-bottom:19px;
	margin-bottom:20px;
}

.StaticTrainingListItemMetaDate-list{
	margin:-4px -4px;
	overflow:hidden;
}

.StaticTrainingListItemMetaDate-item{
	padding:4px 4px;
	float:left;
}

.StaticTrainingListItemMetaDate-text{
	display:block;
	font-size:15px;
	line-height:1.2em;
	color:#F37321;
	font-weight:500;
	padding:7px 18px;
	border:solid 1px #F37321;
	border-radius:100px;
}

.StaticTrainingListItemMetaDate-text.full-color{
	background-color:#F37321;
	color:#fff;
}

.Bg-gray .StaticTrainingListItemMetaDate-text{
	border-color:#000;
	color:#000;
}

.Bg-gray .StaticTrainingListItemMetaDate-text.full-color{
	background-color:#000000;
	color:#fff;
}

.StaticTrainingListItem.Bg-gray{
	background-color:#F4F4F4;
}

.StaticTrainingListItemMetaTarget-title{
	font-size:17px;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
}

.StaticTrainingListItemMetaTarget-text{
	font-size:15px;
	line-height:1.6em;
	color:#000;
	margin-top:4px;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.StaticTrainingList{
		margin-bottom:70px;
	}
	
	.StaticTrainingListItem{
		padding:42px 30px 35px;
	}
	
	.StaticTrainingListItemHeader-img img{
		width:120px;
	}
	
	.StaticTrainingListItemHeaderTitle-title{
		font-size:22px;
	}
	
	.StaticTrainingListItemHeaderTitle-sub{
		font-size:16px;
	}
	
	.StaticTrainingListItemHeader-text{
		font-size:14px;
	}
	
	.StaticTrainingListItemMetaDate-text{
		font-size:14px;
	}
	
	.StaticTrainingListItemMetaTarget-title{
		font-size:15px;
	}
	
	.StaticTrainingListItemMetaTarget-text{
		font-size:14px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.StaticTrainingList{
		margin-bottom:50px;
	}
	
	.StaticTrainingList-list{
		margin:-10px -10px;
	}
	
	.StaticTrainingList-item{
		padding:10px 10px;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.StaticTrainingListItem{
		padding:42px 30px 35px;
	}
	
	.StaticTrainingListItemHeader-img img{
		width:120px;
	}
	
	.StaticTrainingListItemHeaderTitle-title{
		font-size:22px;
	}
	
	.StaticTrainingListItemHeaderTitle-sub{
		font-size:16px;
	}
	
	.StaticTrainingListItemHeader-text{
		font-size:14px;
	}
	
	.StaticTrainingListItemMetaDate-text{
		font-size:13px;
	}
	
	.StaticTrainingListItemMetaTarget-title{
		font-size:15px;
	}
	
	.StaticTrainingListItemMetaTarget-text{
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.StaticTrainingList{
		margin-bottom:45px;
	}
	
	.StaticTrainingList-list{
		margin:-10px -10px;
	}
	
	.StaticTrainingList-item{
		padding:10px 10px;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.StaticTrainingListItem{
		padding:35px 25px 35px;
	}
	
	.StaticTrainingListItemHeader-img img{
		width:120px;
	}
	
	.StaticTrainingListItemHeaderTitle-title{
		font-size:22px;
	}
	
	.StaticTrainingListItemHeaderTitle-sub{
		font-size:15px;
	}
	
	.StaticTrainingListItemHeader-text{
		font-size:14px;
		min-height:0;
	}
	
	.StaticTrainingListItemMetaDate-text{
		font-size:13px;
	}
	
	.StaticTrainingListItemMetaTarget-title{
		font-size:15px;
	}
	
	.StaticTrainingListItemMetaTarget-text{
		font-size:14px;
	}
}

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

.StaticElearningList{
	margin-bottom:90px;
}

.StaticElearningList-list{
	margin:-17px -17px;
	display: flex;
    flex-wrap: wrap;
}

.StaticElearningList-item{
	padding:17px 17px;
	flex: 0 0 50%;
    max-width: 50%;
}

.StaticElearningListItem{
	border-radius:20px 20px;
	border:solid 2px #F37321;
	padding:40px 40px;
	display:block;
	position:relative;
	height:100%;
}

.StaticElearningListItem:after{
	content:"";
	width:25px;
	height:17px;
	background-image:url(../img/icon/ico-bold-arrow.png);
	background-size:25px 17px;
	position:absolute;
	bottom:40px;
	right:40px;
}

.StaticElearningListItem:before{
	content:"";
	position:absolute;
	top:40px;
	right:40px;
}

.Step1.StaticElearningListItem:before{
	width:53px;
	height:46px;
	background-image:url(../img/bg/ico-elearning-step1.png);
	background-size:53px 46px;
}

.Step2.StaticElearningListItem:before{
	width:63px;
	height:51px;
	background-image:url(../img/bg/ico-elearning-step2.png);
	background-size:63px 51px;
}

@media screen and (min-width: 1025px) {
	.StaticElearningListItem:hover{
		background-color:#F37321;
	}
	
	.StaticElearningListItem:hover .StaticElearningListItemTitle-title{
		color:#fff;
	}
	
	.StaticElearningListItem:hover .StaticElearningListItemTitle-sub{
		color:#fff;
	}
	
	.StaticElearningListItem:hover .StaticElearningListItemTitle-text{
		color:#fff;
	}
	
	.StaticElearningListItem:hover:after{
		background-image:url(../img/icon/ico-bold-arrow-h.png);
	}
	.Step1.StaticElearningListItem:hover:before{
		background-image:url(../img/bg/ico-elearning-step1-h.png);
	}
	
	.Step2.StaticElearningListItem:hover:before{
		background-image:url(../img/bg/ico-elearning-step2-hover.png);
	}
}


.StaticElearningListItem-img{
	line-height:0;
	margin-bottom:13px;
}

.StaticElearningListItem-img img{
	max-width:176px;
}

.StaticElearningListItemTitle{
	font-size:0;
	line-height:0;
}

.StaticElearningListItemTitle-title{
	font-size:26px;
	line-height:1.4em;
	color:#F37321;
	font-weight:bold;
	margin-right:10px;
	vertical-align:middle;
}

.StaticElearningListItemTitle-sub{
	font-size:18px;
	line-height:1.4em;
	color:#F37321;
	font-weight:500;
	vertical-align:middle;
}

.StaticElearningListItemTitle-text{
	margin-top:15px;
	font-size:15px;
	line-height:1.6em;
	color:#000000;
	padding-right:55px;

}

@media screen and (max-width: 1440px) and (min-width: 768px) {
	.TopRightBgBanner-sub{
		max-width:64%;
	}
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.StaticElearningList{
		margin-bottom:70px;
	}
	
	.StaticElearningListItem-img img{
		width:120px;
	}
	
	.StaticElearningListItemTitle-title{
		font-size:22px;
	}
	
	.StaticElearningListItemTitle-sub{
		font-size:16px;
	}
	
	.StaticElearningListItemTitle-text{
		font-size:14px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.StaticElearningList{
		margin-bottom:50px;
	}
	
	.StaticElearningList-list{
		margin:-10px -10px;
	}
	
	.StaticElearningList-item{
		padding:10px 10px;
	}
	
	.StaticElearningListItem{
		padding:35px 30px;
	}
	
	.StaticElearningListItem-img img{
		width:120px;
	}
	
	.StaticElearningListItemTitle-title{
		font-size:22px;
	}
	
	.StaticElearningListItemTitle-sub{
		font-size:16px;
	}
	
	.StaticElearningListItemTitle-text{
		font-size:14px;
	}
	
	.StaticElearningListItemTitle-text br{
		display:none;
	}
	
	.StaticElearningListItem:before{
		top:35px;
		right:30px;
	}
	
	.StaticElearningListItem:after{
		bottom:35px;
		right:30px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.StaticElearningList{
		margin-bottom:45px;
	}
	
	.StaticElearningList-list{
		margin:-10px -10px;
	}
	
	.StaticElearningList-item{
		padding:10px 10px;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.StaticElearningListItem{
		padding:35px 25px 35px;
	}
	
	.StaticElearningListItem-img img{
		width:120px;
	}
	
	.StaticElearningListItemTitle-title{
		font-size:22px;
	}
	
	.StaticElearningListItemTitle-sub{
		font-size:15px;
	}
	
	.StaticElearningListItemTitle-text{
		font-size:14px;
	}
	
	.StaticElearningListItemTitle-text br{
		display:none;
	}
	
	.StaticElearningListItem:before{
		top:35px;
		right:25px;
	}
	
	.StaticElearningListItem:after{
		bottom:35px;
		right:25px;
	}
}

/*=========================================================
	Online Tool
=========================================================*/
.TopRightBgBanner-inner.Bg-onlinetool{
	background-image:url(../img/bg/online-tool-bg-min.png);
}

/*=========================================================
	About Header
=========================================================*/
.AboutTopBanner{
	background-size:cover;
	background-position:center center;
	height:400px;
	position:relative;
}

.AboutTopBanner:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.39);
}

.AboutTopBanner .pg_TypeBreadcrumbbx{
	position:relative;
	z-index:5;
}

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

.AboutTopBanner .TypeBreadcrumb-link{
	color:#fff;
}

.AboutTopBanner .PageHeader{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform:translateY(-50%);
	margin-bottom:0;
	z-index:5;
}

.AboutTopBanner .PageHeader-title{
	text-align:center;
	color:#fff;
	font-size:50px;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.BgType .AboutTopBanner{
		height:300px;
	}
	
	.AboutTopBanner .PageHeader-title{
		font-size:44px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.BgType.PageTopBanner{
		padding-top:81px;
	}
	
	.BgType .AboutTopBanner{
		height:260px;
	}
	
	.AboutTopBanner .PageHeader-title{
		font-size:38px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.BgType.PageTopBanner{
		padding-top:81px;
		margin-bottom:0;
	}
	
	.BgType .AboutTopBanner{
		height:180px;
	}
	
	.AboutTopBanner .PageHeader{
		display:block;
	}
	
	.AboutTopBanner .PageHeader-title{
		font-size:28px;
	}
}

/*=========================================================
	Depth3Tab
=========================================================*/
@media screen and (min-width: 768px) {
	.Depth3Tab{
		position:relative;
		z-index:5;
		margin-top:-30px;
		margin-bottom:90px;
	}

	.Depth3TabNav{
		box-shadow:0 5px 15px rgba(0,0,0,0.15);
		background-color:#fff;
		display:table !important;
		height:auto !important;
		table-layout:fixed;
		width:100%;
	}
	
	.Depth3Tab-link{
		display:none;
	}
	
	.PageTopBanner.BgType{
		margin-bottom:0 !important;
	}
	
	.Depth3TabNav-item{
		display:table-cell;
		vertical-align:middle;
	}
	
	.Depth3TabNav-link{
		display:block;
		text-align:center;
		font-size:20px;
		line-height:1.2em;
		color:#000000;
		font-weight:500;
		padding:18px 5px;
	}
	
	html:not([lang="ko-KR"]) .Depth3TabNav-link{
		font-size:18px;
	}
	
	.Depth3TabNav-item.is-Current{
		background-color:#F37321;
	}
	
	.Depth3TabNav-item.is-Current .Depth3TabNav-link{
		color:#fff;
	}
	
	.Depth3TabNav-text{
		display:block;
	}
}

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

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.Depth3Tab{
		margin-top:-27px;
		margin-bottom:70px;
	}
	
	.Depth3TabNav-link{
		font-size:18px;
		padding:16px 5px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.Depth3Tab{
		margin-top:-25px;
		margin-bottom:60px;
	}
	
	.Depth3TabNav-link{
		font-size:16px;
		padding:16px 5px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.Depth3Tab{
		margin-bottom: 30px;
		position:relative;
		margin-top:-28px;
	}
	.Depth3Tab-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;
		font-weight:500;
	}
	.Depth3Tab-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%);
	}
	.Depth3TabNav{
		display:none;
		position:absolute;
		z-index:50;
		background-color:#fff;
		border:2px solid #d1d1d1;
		border-top:none;
		width:100%;
	}
	.Depth3TabNav-item{
		display:block;
		border-top:none;
		border-right: none;
		border-left:none;
		border-bottom:1px solid #d1d1d1;
		text-align:left;
	}
	.Depth3TabNav-item:last-child{
		border-right:none;
		border-bottom:none;
	}
	.Depth3TabNav-link{
		overflow:hidden;
		display:block;
		margin-top: 0;
		padding:10px 20px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.Depth3TabNav-text{
		overflow:hidden;
		display:block;
		text-overflow: ellipsis;
		white-space: nowrap;
		color: #000;
		font-size: 16px;
		font-weight:500;
		
	}
	.Depth3TabNav-item.is-Current {
		border-bottom:1px solid #d1d1d1;
	}
	.Depth3TabNav-item.is-Current .Depth3TabNav-text{
		color:#4C4948;
	}
}

/*=========================================================
	FixedBreadcrumbbx
=========================================================*/
.FixedBreadcrumbbx{
	background-color:#fff;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:800;
	border-bottom:solid 1px #D1D1D1;
	transform:translateY(-110%);
	transition-property:transform;
	transition-duration: 0.2s;
}

.admin-bar .FixedBreadcrumbbx{
	top:32px;
}

.FixedBreadcrumbbx.is-View{
	transform:translateY(79px);
}

@media screen and (max-width: 1440px) and (min-width: 1025px){
	.FixedBreadcrumbbx.is-View{
		transform:translateY(61px);
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.FixedBreadcrumbbx.is-View{
		transform:translateY(0);
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.FixedBreadcrumbbx{
		border-bottom:none;
	}
	
	.FixedBreadcrumbbx > .site-container{
		padding:0;
	}
	
	.FixedBreadcrumbbx .BasicSelect{
		max-width:100%;
		height:40px;
	}
	
	.FixedBreadcrumbbx .BasicSelect-text{
		font-size:14px;
		font-weight:bold;
		padding: 11px 20px;
		padding-right:45px;
		height:40px;
	}
	
	.FixedBreadcrumbbx .BasicSelect-text:after{
		width:13px;
		height:6px;
		background-image:url(../img/icon/mo-breadcrum-select-arrow.png);
		background-size:13px 6px;
	}
	
	.FixedBreadcrumbbx .BasicSelect-link{
		font-size:13px;
		padding:10px 20px;
	}
	
	.FixedBreadcrumbbx .breadcrumb-item:nth-last-of-type(1){
		display:block;
		max-width:100%;
		width:calc(50% + 1px);
		margin-left:-1px;
	}
	
	.FixedBreadcrumbbx .breadcrumb-item:nth-last-of-type(2){
		display:block;
		max-width:100%;
		width:50%;
	}
	
	.FixedBreadcrumbbx .breadcrumb-item:nth-last-of-type(2):nth-child(2){
		display:none;
	}
	
	.FixedBreadcrumbbx .breadcrumb-item:nth-last-of-type(1):nth-child(3){
		width:100%;
	}
}

@media screen and (max-width: 782px){
	.admin-bar .FixedBreadcrumbbx{
		top:46px;
	}
}

/*=========================================================
	Company Sub Tab
=========================================================*/
.CompanyTab{
	margin-top:-8px;
	margin-bottom:58px;
}

.CompanyTabItem{
	padding:8px 16px 0;
	position:relative;
}

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

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

.CompanyTabItem-link{
	display:block;
	font-size:24px;
	line-height:1.4em;
	color:#8A8F92;
	font-weight:500;
}

html:not[lang="ko-KR"] .CompanyTabItem-link{
	font-size:20px;
}


.is-Current .CompanyTabItem-link{
	color:#000 !important;
	font-size:30px;
}

.CompanyTab-item{
	width:auto;
}

@media screen and (min-width: 1025px){
	.CompanyTabItem-link:hover{
		color:#F37321;
	}
	
	.CompanyTab-wrapper{
		justify-content: center;
		align-items: center;
		 flex-wrap: wrap;
	}
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.CompanyTab{
		margin-bottom:48px;
	}
	
	.CompanyTabItem-link{
		font-size:20px;
	}
	
	html:not[lang="ko-KR"] .CompanyTabItem-link{
		font-size:18px;
	}
	
	.is-Current .CompanyTabItem-link{
		font-size:24px;
	}
	
	.CompanyTabItem:after{
		height:16px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.CompanyTab{
		margin-bottom:40px;
	}
	
	.CompanyTab-wrapper{
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	
	.CompanyTabItem-link{
		font-size:18px;
	}
	
	html:not[lang="ko-KR"] .CompanyTabItem-link{
		font-size:17px;
	}
	
	.is-Current .CompanyTabItem-link{
		font-size:22px;
	}
	
	.CompanyTabItem:after{
		height:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.CompanyTab{
		margin-bottom:40px;
		margin-left:-20px;
		margin-right:-20px;
		margin-top:0;
	}
	
	.CompanyTab-wrapper{
		align-items: center;

	}
	
	.CompanyTabItem-link{
		font-size:16px;
	}
	
	html:not[lang="ko-KR"] .CompanyTabItem-link{
		font-size:16px;
	}
	
	.is-Current .CompanyTabItem-link{
		font-size:20px;
	}
	
	.CompanyTabItem:after{
		height:14px;
		margin-top:0;
	}
	
	.CompanyTabItem{
		padding-top:0;
		padding-left:20px;
		padding-right:20px;
	}
	
}

/*=========================================================
	Company Sub Tab Cont
=========================================================*/
.CompanyTabCont-item{
	display:none;
}

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

/*=========================================================
	Possible Page one
=========================================================*/
.PossibleTitle{
	margin-bottom:110px;
	text-align:center;
}

.PossibleTitle-title{
	font-size:28px;
	line-height:1.3em;
	color:#F37321;
	font-weight:bold;
}

.PossibleTitle-sub{
	margin-top:22px;
	font-size:16px;
	line-height:1.6em;
	color:#000000;
	text-align:left;
}
.PossibleTitle-img{
	margin-top:46px;
}
.PossibleTitle-img img{
	display:block;
	width:100%;
}
/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.PossibleTitle{
		margin-bottom: 90px;
	}
	
	.PossibleTitle-title{
		font-size:26px;
	}
	
	.PossibleTitle-sub{
		font-size:15px;
	}
	
	.PossibleTitle-img{
		margin-top:40px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.PossibleTitle{
		margin-bottom: 70px;
	}
	
	.PossibleTitle-title{
		font-size:24px;
	}
	
	.PossibleTitle-sub{
		font-size:14px;
	}
	
	.PossibleTitle-img{
		margin-top:12px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.PossibleTitle{
		margin-bottom: 50px;
	}
	
	.PossibleTitle-title{
		font-size:20px;
	}
	
	.PossibleTitle-sub{
		font-size:14px;
	}
	.PossibleTitle-img{
		margin-top:20px;
	}
}

/*=========================================================
	AboutTitleCont
=========================================================*/
.AboutTitleCont{
	margin-top:94px;
}

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

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

.AboutTitleCont-title{
	min-width:338px;
	max-width:338px;
	font-size:30px;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	float:left;
	margin-right:20px;
}

.AboutTitleCont-cont{
	overflow:hidden;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.AboutTitleCont{
		margin-top:75px;
	}

	.AboutTitleCont-title{
		font-size:26px;
		min-width:300px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.AboutTitleCont{
		margin-top:55px;
	}

	.AboutTitleCont-title{
		font-size:22px;
		min-width:240px;
		max-width:240px;
	}
}

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

	.AboutTitleCont-title{
		font-size:20px;
		min-width:0;
		max-width:100%;
		float:none;
		width:100%;
		margin-bottom:15px;
	}
	.AboutTitleCont-title br{
		display:none;
	}
}

/*=========================================================
	PossibleRoundDiagram
=========================================================*/
.PossibleRoundDiagram{
	max-width:744px;
}

.PossibleRoundDiagram-inner{
	margin:-36px -36px;
	overflow:hidden;
}

.PossibleRoundDiagramItem{
	padding:36px 36px;
	float:left;
	width:33.333%;
	position:relative;
}

.PossibleRoundDiagramItem-inner{
	border:dashed 1px #8B8B8B;
	border-radius:100%;
	position:relative;
}

.PossibleRoundDiagramItem-inner:before{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	background-color:#FBF2ED;
	border-radius:100%;
}

.PossibleRoundDiagramItem-inner:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

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

.PossibleRoundDiagramItem-title{
	font-size:18px;
	line-height:1.2em;
	color:#F37422;
	font-weight:bold;
}

.PossibleRoundDiagramItem-sub{
	margin-top:5px;
	font-size:14px;
	line-height:1.3em;
	color:#000;
}

.Step3 .PossibleRoundDiagramItem-inner{
	border:none;
	background-color:#F37422;
}


.Step3 .PossibleRoundDiagramItem-inner:before{
	background-color:#F37422;
	border:dashed 1px #fff;
}

.PossibleRoundDiagramItem-icon{
	line-height:0;
	width:56px;
	margin:0 auto 8px;
}

.Step3 .PossibleRoundDiagramItem-title{
	font-size:20px;
	color:#fff;
}

.PossibleRoundDiagramItem.Step1:after{
	content:"";
	width:12px;
	height:29px;
	background-image:url(../img/icon/diagram-plus.png);
	background-size:12px 29px;
	position:absolute;
	top:50%;
	right:-6px;
	transform:translateY(-50%);
}

.PossibleRoundDiagramItem.Step2:after{
	content:"";
	width:12px;
	height:29px;
	background-image:url(../img/icon/diagram-dash.png);
	background-size:12px 29px;
	position:absolute;
	top:50%;
	right:-6px;
	transform:translateY(-50%);
}

/*responsive*/
@media screen and (max-width: 1200px) and (min-width: 1025px){
	.PossibleRoundDiagram{
		max-width:62vw;
	}

	.PossibleRoundDiagram-inner{
		margin:-3vw -3vw;
	}

	.PossibleRoundDiagramItem{
		padding:3vw 3vw;
	}

	.PossibleRoundDiagramItem-inner:before{
		width:calc(100% - 1.6666vw);
		height:calc(100% - 1.6666vw);
	}

	.PossibleRoundDiagramItem-text{
		left:0.833vw;
		right:0.833vw;
	}

	.PossibleRoundDiagramItem-title{
		font-size:1.5vw;
	}

	.PossibleRoundDiagramItem-sub{
		margin-top:0.41666vw;
		font-size:1.1666vw;
	}

	.PossibleRoundDiagramItem-icon{
		width:4.6666vw;
		margin:0 auto 0.6666vw;
	}

	.Step3 .PossibleRoundDiagramItem-title{
		font-size:1.6666vw;
	}

	.PossibleRoundDiagramItem.Step1:after{
		width:1vw;
		height:2.4166vw;
		background-size:1vw 2.4166vw;
		right:-0.5vw;
	}

	.PossibleRoundDiagramItem.Step2:after{
		width:1vw;
		height:2.4166vw;
		background-size:1vw 2.4166vw;
		right:-0.5vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.PossibleRoundDiagram{
		max-width:62vw;
	}

	.PossibleRoundDiagram-inner{
		margin:-3vw -3vw;
	}

	.PossibleRoundDiagramItem{
		padding:3vw 3vw;
	}

	.PossibleRoundDiagramItem-inner:before{
		width:calc(100% - 1.6666vw);
		height:calc(100% - 1.6666vw);
	}

	.PossibleRoundDiagramItem-text{
		left:0.833vw;
		right:0.833vw;
	}

	.PossibleRoundDiagramItem-title{
		font-size:1.5vw;
	}

	.PossibleRoundDiagramItem-sub{
		margin-top:0.61666vw;
		font-size:1.3666vw;
	}

	.PossibleRoundDiagramItem-icon{
		width:4.6666vw;
		margin:0 auto 0.6666vw;
	}

	.Step3 .PossibleRoundDiagramItem-title{
		font-size:1.6666vw;
	}

	.PossibleRoundDiagramItem.Step1:after{
		width:1vw;
		height:2.4166vw;
		background-size:1vw 2.4166vw;
		right:-0.5vw;
	}

	.PossibleRoundDiagramItem.Step2:after{
		width:1vw;
		height:2.4166vw;
		background-size:1vw 2.4166vw;
		right:-0.5vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.PossibleRoundDiagram{
		max-width:100%;
	}

	.PossibleRoundDiagram-inner{
		margin:-3vw -3vw;
	}

	.PossibleRoundDiagramItem{
		padding:3vw 3vw;
	}

	.PossibleRoundDiagramItem-inner:before{
		width:calc(100% - 1.6666vw);
		height:calc(100% - 1.6666vw);
	}

	.PossibleRoundDiagramItem-text{
		left:0.833vw;
		right:0.833vw;
	}

	.PossibleRoundDiagramItem-title{
		font-size:3.1vw;
	}

	.PossibleRoundDiagramItem-sub{
		margin-top:1.61666vw;
		font-size:2.5666vw;
	}

	.PossibleRoundDiagramItem-icon{
		width:7.6666vw;
		margin:0 auto 0.9666vw;
	}

	.Step3 .PossibleRoundDiagramItem-title{
		font-size:2.6666vw;
	}

	.PossibleRoundDiagramItem.Step1:after{
		width:2vw;
		height:4.4166vw;
		background-size:2vw 4.4166vw;
		right:-1vw;
	}

	.PossibleRoundDiagramItem.Step2:after{
		width:2vw;
		height:4.4166vw;
		background-size:2vw 4.4166vw;
		right:-1vw;
	}
}

/*=========================================================
	PossibleVision
=========================================================*/
.PossibleVision{
	max-width:560px;
	margin:0 auto 65px;
	border:solid 8px #F4F4F4;
	text-align:center;
	padding:0 40px;
}

.PossibleVision-inner{
	background-color:#fff;
	margin:-10px 0;
	padding:10px 0 24px;
}

.PossibleDiagramTitle{
	font-size:30px;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	text-align:center;
}

.PossibleDiagramText{
	font-size:20px;
	line-height:1.4em;
	color:#F37321;
	margin-top:13px;
	font-weight:bold;
}

.PossibleDiagramSub{
	font-size:17px;
	line-height:1.4em;
	color:#444444;
	margin-top:6px;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.PossibleVision{
		margin-bottom:55px;
	}
	
	.PossibleDiagramTitle{
		font-size:26px;
	}
	
	.PossibleDiagramText{
		font-size:18px;
	}
	
	.PossibleDiagramSub{
		font-size:15px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.PossibleVision{
		margin-bottom:45px;
	}
	
	.PossibleDiagramTitle{
		font-size:22px;
	}
	
	.PossibleDiagramText{
		font-size:17px;
	}
	
	.PossibleDiagramSub{
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.PossibleVision{
		margin-bottom:35px;
	}
	
	.PossibleDiagramTitle{
		font-size:20px;
	}
	
	.PossibleDiagramText{
		font-size:16px;
	}
	
	.PossibleDiagramSub{
		font-size:14px;
	}
	
	.PossibleVision{
		padding:0 20px;
	}
}

/*=========================================================
	PossibleColorDiagramList
=========================================================*/
.PossibleColorDiagramList{
	margin-top:25px;
	margin-left:20px;
	margin-right:20px;
}

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

.PossibleColorDiagramList-box{
	width:33.333%;
	float:left;
}

.PossibleColorDiagramList-item{
	position:relative;
	border-radius:100%;
	margin:0 -20px;
}

.PossibleColorDiagramList-item:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.PossibleColorDiagramList-text{
	display:block;
	position:absolute;
	top:50%;
	left:20px;
	right:20px;
	text-align:center;
	transform:translateY(-50%);
	font-size:20px;
	line-height:1.7em;
	color:#fff;
	font-weight:bold;
}

.AboutTitleCont-max{
	max-width:744px;
}

.Step1.PossibleColorDiagramList-item{
	background-color:rgba(251,181,132,0.95);
}

.Step2.PossibleColorDiagramList-item{
	background-color:rgba(248,155,108,0.95);
}

.Step3.PossibleColorDiagramList-item{
	background-color:rgba(243,115,33,0.95);
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.PossibleColorDiagramList{
		margin-left:14px;
		margin-right:14px;
	}
	
	.PossibleColorDiagramList-item{
		margin:0 -14px;
	}
	
	.PossibleColorDiagramList-text{
		font-size:16px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.PossibleColorDiagramList{
		margin-top:20px;
		margin-left:10px;
		margin-right:10px;
	}
	
	.PossibleColorDiagramList-item{
		margin:0 -10px;
	}
	
	.PossibleColorDiagramList-text{
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.PossibleColorDiagramList{
		margin-top:20px;
		margin-left:6px;
		margin-right:6px;
	}
	
	.PossibleColorDiagramList-item{
		margin:0 -6px;
	}
	
	.PossibleColorDiagramList-text{
		font-size:10px;
	}
}

/*=========================================================
	PossibleActivityBanner
=========================================================*/
.PossibleActivityBanner{
	margin-bottom:100px;
}
.PossibleActivityBannerText{
	text-align:center;
}

.PossibleActivityBannerText-title{
	font-size:28px;
	line-height:1.4em;
	color:#F37321;
	font-weight:bold;
}

.PossibleActivityBannerText-text{
	margin-top:16px;
	font-size:16px;
	line-height:1.6em;
	color:#000;
	text-align:left;
}
.PossibleActivityBanner-img{
	margin-top: 46px;
}

.PossibleActivityBanner-img img{
	display:block;
	width:100%;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.PossibleActivityBanner{
		margin-bottom:90px;
	}
	.PossibleActivityBannerText-title{
		font-size:26px;
	}
	
	.PossibleActivityBannerText-text{
		font-size:15px;
	}
	.PossibleActivityBanner-img{
		margin-top: 40px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.PossibleActivityBanner{
		margin-bottom:70px;
	}
	.PossibleActivityBannerText-title{
		font-size:24px;
	}
	
	.PossibleActivityBannerText-text{
		font-size:14px;
	}
	.PossibleActivityBanner-img{
		margin-top: 16px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.PossibleActivityBanner{
		margin-bottom:50px;
	}
	.PossibleActivityBannerText-title{
		font-size:20px;
	}
	
	.PossibleActivityBannerText-text{
		font-size:13px;
		margin-top:12px;
	}
	.PossibleActivityBanner-img{
		margin-top: 20px;
	}
}

/*=========================================================
	StaticLeftCont
=========================================================*/
.StaticLeftCont{
	position:relative;
	background-color:#FBF2ED;
	padding:74px 0;
	display:flex;
	align-items: center;
}

.StaticLeftCont:before{
	content:"";
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	left:-3000px;
	background-color:#FBF2ED;
}

.StaticLeftCont:after{
	content:"";
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	right:-3000px;
	background-color:#FBF2ED;
}

.StaticLeftContThumb{
	line-height:0;
	order:1;
	width:33.4%;
}

.StaticLeftContText{
	flex:1;
	order:2;
	padding-left:60px;
}

.StaticLeftContText-title{
	font-size:30px;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
}

.StaticLeftContText-sub{
	font-size:16px;
	line-height:1.7em;
	color:#4C4948;
	margin-top:16px;
}

/* .StaticLeftCont:last-child{ */
	/* padding-bottom:0 !important; */
/* } */

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.StaticLeftCont{
		padding:50px 0;
	}
	
	.StaticLeftContText{
		padding-left:40px;
	}
	
	.StaticLeftContText-title{
		font-size:26px;
	}
	
	.StaticLeftContText-sub{
		font-size:15px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.StaticLeftCont{
		padding:40px 0;
	}
	
	.StaticLeftContText{
		padding-left:30px;
	}
	
	.StaticLeftContText-title{
		font-size:22px;
	}
	
	.StaticLeftContText-sub{
		font-size:14px;
		margin-top:10px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.StaticLeftCont{
		padding:40px 0;
		display:block;
	}
	
	.StaticLeftContThumb{
		width:100%;
		margin-bottom:20px;
	}
	
	.StaticLeftContThumb img{
		width:100%;
	}
	
	.StaticLeftContText{
		padding-left:0;
	}
	
	.StaticLeftContText-title{
		font-size:20px;
	}
	
	.StaticLeftContText-sub{
		font-size:14px;
		margin-top:10px;
	}
}

/*=========================================================
	StaticRightCont
=========================================================*/
.StaticRightCont{
	position:relative;
	padding:74px 0;
	display:flex;
	align-items: center;
}


.StaticRightContThumb{
	line-height:0;
	order:2;
	width:33.4%;
}

.StaticRightContText{
	flex:1;
	order:1;
	padding-right:60px;
}

.StaticRightContText-title{
	font-size:30px;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
}

.StaticRightContText-sub{
	font-size:16px;
	line-height:1.7em;
	color:#4C4948;
	margin-top:16px;
}

/* .StaticRightCont:last-child{ */
	/* padding-bottom:0 !important; */
/* } */

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.StaticRightCont{
		padding:50px 0;
	}
	
	.StaticRightContText{
		padding-right:40px;
	}
	
	.StaticRightContText-title{
		font-size:26px;
	}
	
	.StaticRightContText-sub{
		font-size:15px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.StaticRightCont{
		padding:40px 0;
	}
	
	.StaticRightContText{
		padding-right:30px;
	}
	
	.StaticRightContText-title{
		font-size:22px;
	}
	
	.StaticRightContText-sub{
		font-size:14px;
		margin-top:10px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.StaticRightCont{
		padding:40px 0;
		display:block;
	}
	
	.StaticRightContThumb{
		width:100%;
		margin-bottom:20px;
	}
	
	.StaticRightContThumb img{
		width:100%;
	}
	
	.StaticRightContText{
		padding-right:0;
	}
	
	.StaticRightContText-title{
		font-size:20px;
	}
	
	.StaticRightContText-sub{
		font-size:14px;
		margin-top:10px;
	}
}

/*=========================================================
	EnvironmentBanner
=========================================================*/
.EnvironmentBanner{
	position:relative;
	padding:112px 20px 140px;
	background-image:url(../img/bg/EnvironmentBannerBg-min-1.png);
	text-align:center;
}
.EnvironmentBanner:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background-color:rgba(0,0,0,0.1);
}
.EnvironmentBannerText{
	position:relative;
	z-index:10;
}
.EnvironmentBannerText-title{
	color:#F37321;
	font-size:36px;
	line-height:1.4em;
	font-weight:bold;
	font-family:'Hanwha';
}
.EnvironmentBannerText-text{
	display:block;
	margin-bottom:4px;
	font-size:26px;
	line-height:1.4em;
	color:#fff;
	font-weight:500;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.EnvironmentBanner{
		padding:100px 20px 120px;
	}
	
	.EnvironmentBannerText-title{
		font-size:30px;
	}
	.EnvironmentBannerText-text{
		font-size:22px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.EnvironmentBanner{
		padding:80px 20px 100px;
	}
	
	.EnvironmentBannerText-title{
		font-size:26px;
	}
	.EnvironmentBannerText-text{
		font-size:20px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.EnvironmentBanner{
		padding:40px 20px 60px;
	}
	
	.EnvironmentBannerText-title{
		font-size:20px;
	}
	.EnvironmentBannerText-text{
		font-size:16px;
	}
}

/*=========================================================
	EnvironmentDiagram
=========================================================*/
.EnvironmentDiagram{
	margin-bottom:140px;
	position:relative;
	padding:123px 20px 0;
}

.EnvironmentDiagramTitle{
	position:absolute;
	top:-60px;
	left:50%;
	transform:translateX(-50%);
	z-index:10;
	border:dashed 2px #F37321;
	border-radius:100px 100px;
	width:100%;
	max-width:680px;
	text-align:center;
	padding:27px 15px;
	background-color:#fff;
}

.EnvironmentDiagramTitle-category{
	font-size:22px;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	display:block;
}

.EnvironmentDiagramTitle-title{
	font-size:32px;
	line-height:1.2em;
	color:#F37321;
	font-weight:bold;
}

.EnvironmentDiagram-title{
	text-align:center;
	font-size:26px;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	margin-bottom:53px;
}

.EnvironmentDiagramList{
	max-width:980px;
	margin:0 auto;
}

.EnvironmentDiagramList-list{
	margin:0 -10px;
	overflow:hidden;
}

.EnvironmentDiagramList-item{
	width:33.333%;
	float:left;
	padding:0 10px;
	text-align:center;
}

.EnvironmentDiagramListItem-title{
	font-size:22px;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
}

.EnvironmentDiagramListItem-title br{
	display:none;
}

.EnvironmentDiagramListItem-text{
	margin-top:19px;
	font-size:16px;
	line-height:1.5em;
	color:#4C4948;
}

.EnvironmentDiagramListItem-icon{
	width:100%;
	max-width:196px;
	margin:0 auto 35px;
	border-radius:100%;
	position:relative;
}

.EnvironmentDiagramListItem-icon:before{
	content:"";
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	border-radius:100%;
	border:dashed 1px #fff;
}

.EnvironmentDiagramListItem-icon:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.EnvironmentDiagramListItem-icon img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:36%;
}

.Step1 .EnvironmentDiagramListItem-icon{
	background-color:#FBB584;
}

.Step2 .EnvironmentDiagramListItem-icon{
	background-color:#F8A073;
}

.Step3 .EnvironmentDiagramListItem-icon{
	background-color:#F37321;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.EnvironmentDiagram{
		margin-bottom:65px;
		padding:90px 20px 0;
	}
	
	.EnvironmentDiagramTitle{
		padding:18px 15px;
		max-width: 580px;
		top:-50px;
	}
	
	.EnvironmentDiagramTitle-category{
		font-size:20px;
	}
	
	.EnvironmentDiagramTitle-title{
		font-size:30px;
	}
	
	.EnvironmentDiagram-title{
		font-size:24px;
		margin-bottom:30px;
	}
	
	.EnvironmentDiagramListItem-title{
		font-size:20px;
	}
	
	.EnvironmentDiagramListItem-text{
		font-size:15px;
		margin-top:15px;
	}
	
	.EnvironmentDiagramListItem-icon{
		margin-bottom:25px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.EnvironmentDiagram{
		margin-bottom:45px; 
		padding:90px 20px 0;
	}
	
	.EnvironmentDiagramTitle{
		padding:15px 15px;
		max-width: 420px;
		top:-42px;
	}
	
	.EnvironmentDiagramTitle-category{
		font-size:16px;
	}
	
	.EnvironmentDiagramTitle-title{
		font-size:26px;
	}
	
	.EnvironmentDiagram-title{
		font-size:24px;
		margin-bottom:30px;
	}
	
	.EnvironmentDiagramListItem-title{
		font-size:18px;
	}
	
	.EnvironmentDiagramListItem-text{
		font-size:14px;
		margin-top:15px;
	}
	
	.EnvironmentDiagramListItem-icon{
		margin-bottom:25px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.EnvironmentDiagram{
		margin-bottom:45px;
		padding:60px 15px 0;
	}
	
	.EnvironmentDiagramTitle{
		padding:10px 15px;
		max-width: 230px;
		top:-31px;
	}
	
	.EnvironmentDiagramTitle-category{
		font-size:14px;
	}
	
	.EnvironmentDiagramTitle-title{
		font-size:16px;
	}
	
	.EnvironmentDiagram-title{
		font-size:18px;
		margin-bottom:20px;
	}
	
	.EnvironmentDiagramListItem-title{
		font-size:12px;
	}
	
	.EnvironmentDiagramListItem-text{
		font-size:10px;
		margin-top:10px;
	}
	
	.EnvironmentDiagramListItem-icon{
		margin-bottom:15px;
		max-width:80%;
	}
	
	.EnvironmentDiagramListItem-title{
		min-height:2.8em;
	}
	
	.EnvironmentDiagramList-list{
		margin:0 -5px;
	}
	
	.EnvironmentDiagramList-item{
		padding:0 5px;
	}
	
	.EnvironmentDiagramListItem-title br{
		display:block;
	}
}


/*=========================================================
	Environment List
=========================================================*/
.AboutTitleCont-txt{
	font-size:16px;
	line-height:1.5em;
	color:#4C4948;
}

.AboutTitleCont-txt strong{
	color:#000;
}

.DashedList{
	margin-top:50px;
}

.DashedList-item{
	margin-top:18px;
}

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

.DashedListItem{
	border-radius:47px 47px;
	border:dashed 1px rgba(138,143,146,0.7);
	padding:28px 63px;
}

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

.DashedListItem-title{
	float:left;
	min-width:140px;
	margin-right:20px;
	font-size:24px;
	line-height:1.5em;
	color:#F37321;
	font-weight:bold;
}

.DashedListItem-text{
	overflow:hidden;
	font-size:18px;
	line-height:1.5em;
	color:#444444;
	padding-top:4px;
}

/* OrangeBox */
.OrangeBox{
	margin-bottom:46px;
	padding:6px 20px;
	background-color:#FBF2ED;
	text-align:center;
}
.OrangeBox-text{
	font-size:18px;
	line-height:1.4em;
	color:#F37321;
	font-weight:500;
}

/* AboutTitleContTable */
.border-right{
	border-right:1px solid #d1d1d1 !important;
}
.AboutTitleContTable{
	margin-bottom:46px;
}
.AboutTitleContTable-title{
	margin-bottom:18px;
	font-size:16px;
	line-height:1.4em;
	color:#000;
	font-weight:500;
}
.AboutTitleContTable-inner{
	border-top:2px solid #000;
	border-bottom:1px solid #000;
}
.AboutTitleContTable-table{
	width:100%;
}
.AboutTitleContTable-table th{
	padding:12px 10px;
	font-size:14px;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	background-color:#F4F4F4;
	vertical-align:middle;
	text-align:center;
	border-top:1px solid #D1D1D1;
}
.AboutTitleContTable-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;
}

.AboutTitleContTable-table thead th{
	border-top:0;
}
/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.AboutTitleCont-txt{
		font-size:15px;
	}
	
	.DashedList{
		margin-top:40px;
	}
	
	.DashedListItem-title{
		font-size:20px;
		min-width: 100px;
	}
	
	.DashedListItem-text{
		font-size:16px;
		padding-top:2px;
	}
	
	.DashedListItem{
		padding:28px 35px;
	}
	
	
	/* OrangeBox */
	.OrangeBox{
		margin-bottom:40px;
		padding:5px 20px;
	}
	.OrangeBox-text{
		font-size:16px;
	}

	/* AboutTitleContTable */
	.AboutTitleContTable{
		margin-bottom:46px;
	}
	.AboutTitleContTable-title{
		margin-bottom:12px;
		font-size:15px;
	}
	.AboutTitleContTable-table th{
		padding:10px 8px;
		font-size:14px;
	}
	.AboutTitleContTable-table td{
		padding:10px 8px;
		font-size:14px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.AboutTitleCont-txt{
		font-size:14px;
	}
	
	.DashedList{
		margin-top:30px;
	}
	
	.DashedListItem-title{
		font-size:18px;
		min-width: 80px;
	}
	
	.DashedListItem-text{
		font-size:14px;
		padding-top:2px;
	}
	
	.DashedListItem{
		padding:20px 35px;
	}
	
	/* OrangeBox */
	.OrangeBox{
		margin-bottom:30px;
		padding:5px 20px;
	}
	.OrangeBox-text{
		font-size:14px;
	}

	/* AboutTitleContTable */
	.AboutTitleContTable{
		margin-bottom:26px;
	}
	.AboutTitleContTable-title{
		margin-bottom:12px;
		font-size:14px;
	}
	.AboutTitleContTable-table th{
		padding:10px 8px;
		font-size:13px;
	}
	.AboutTitleContTable-table td{
		padding:10px 8px;
		font-size:13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.AboutTitleCont-txt{
		font-size:14px;
	}
	
	.DashedList{
		margin-top:30px;
	}
	
	.DashedListItem-title{
		font-size:18px;
		min-width: 0;
		float:none;
		width:100%;
		margin-bottom:5px;
	}
	
	.DashedListItem-text{
		font-size:14px;
		padding-top:2px;
	}
	
	.DashedListItem{
		padding:15px 20px;
		border-radius:20px 20px;
	}
	
	/* OrangeBox */
	.OrangeBox{
		margin-bottom:26px;
		padding:5px 10px;
	}
	.OrangeBox-text{
		font-size:14px;
	}

	/* AboutTitleContTable */
	.AboutTitleContTable{
		margin-bottom:20px;
	}
	.AboutTitleContTable-title{
		margin-bottom:10px;
		font-size:14px;
	}
	.AboutTitleContTable-table th{
		padding:8px 4px;
		font-size:13px;
	}
	.AboutTitleContTable-table td{
		padding:8px 4px;
		font-size:13px;
	}
}

/*=========================================================
	EnvironmentBoxGray
=========================================================*/
.EnvironmentSection{
	padding-top:20px;
}

.EnvironmentBoxGray{
	margin-top:70px;
	margin-bottom:50px;
	background-color:#F4F4F4;
	position:relative;
	padding:60px 0;
}

.EnvironmentBoxGray:before{
	content:"";
	position:absolute;
	top:0;
	left:-3000px;
	width:3000px;
	height:100%;
	background-color:#F4F4F4;
}

.EnvironmentBoxGray:after{
	content:"";
	position:absolute;
	top:0;
	right:-3000px;
	width:3000px;
	height:100%;
	background-color:#F4F4F4;
}

.EnvironmentBoxGray-list{
	display:flex;
	flex-wrap: wrap;
	margin:0 -15px;
}

.EnvironmentBoxGray-item{
	width:50%;
	padding:0 15px;
}

.EnvironmentBoxGrayItem{
	background-color:#fff;
	height:100%;
	box-shadow:0 0 15px rgba(0,0,0,0.1);
	padding:35px 30px 55px;
}

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

.EnvironmentBoxGrayItem-text{
	font-size:16px;
	line-height:1.6em;
	color:#444444;
	margin-top:23px;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.EnvironmentBoxGray{
		margin-top: 60px;
		margin-bottom: 40px;
		padding: 50px 0;
	}
	
	.EnvironmentBoxGrayItem-title{
		font-size:20px;
	}
	
	.EnvironmentBoxGrayItem-text{
		font-size:15px;
		margin-top: 20px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.EnvironmentBoxGray{
		margin-top: 60px;
		margin-bottom: 40px;
		padding: 30px 0;
	}
	
	.EnvironmentBoxGrayItem-title{
		font-size:18px;
	}
	
	.EnvironmentBoxGrayItem-text{
		font-size:14px;
		margin-top: 15px;
	}
	
	.EnvironmentBoxGray-list{
		margin:0 -10px;
	}
	
	.EnvironmentBoxGray-item{
		padding:0 10px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.EnvironmentBoxGray{
		margin-top: 60px;
		margin-bottom: 40px;
		padding: 30px 0;
	}
	
	.EnvironmentBoxGrayItem-title{
		font-size:17px;
	}
	
	.EnvironmentBoxGrayItem-text{
		font-size:14px;
		margin-top: 15px;
	}
	
	.EnvironmentBoxGray-list{
		margin:0 -10px;
		display:block;
	}
	
	.EnvironmentBoxGray-item{
		padding:0 10px;
		width:100%;
		margin-top:20px;
	}
	
	.EnvironmentBoxGray-item:first-child{
		margin-top:0;
	}
	
	.EnvironmentBoxGrayItem{
		padding:20px 20px;
	}
}

/*=========================================================
	About operation
=========================================================*/
.StaticBasicImg{
	line-height:0;
}

.StaticBorderBox{
	margin-top:24px;
	padding:40px 40px;
	color:#8A8F92;
	font-size:16px;
	line-height:1.6em;
	border:dashed 1px #8A8F92;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.StaticBorderBox{
		margin-top:20px;
		font-size:15px;
		padding:35px 35px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.StaticBorderBox{
		margin-top:18px;
		font-size:14px;
		padding:30px 30px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.StaticBorderBox{
		margin-top:18px;
		padding:20px 20px;
		font-size:14px;
	}
}

/*=========================================================
	Growth
=========================================================*/
.AboutTitleCont-img{
	line-height:0;
}

.OperationHeader{
	text-align:center;
	margin-bottom:40px;
}

.AboutBtTextBg{
	background-position:center center;
	background-size:cover;
	height:350px;
	position:relative;
}

.AboutBtTextBg:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
}

.AboutBtTextBg-text{
	position:absolute;
	bottom:35px;
	left:20px;
	right:20px;
	text-align:center;
	font-size:20px;
	line-height:1.6em;
	color:#fff;
	z-index:5;
}

.AboutBtTextBg.Type-two .AboutBtTextBg-text{
	bottom:auto;
	top:80px;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.AboutBtTextBg{
		height:300px;
	}
	
	.AboutBtTextBg-text{
		font-size:18px;
		bottom:25px;
	}
	
	.OperationHeader .PossibleTitle-sub br{
		display:none;
	}
	
	.AboutBtTextBg.Type-two .AboutBtTextBg-text{
		top:60px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.OperationHeader{
		margin-bottom:35px;
	}
	
	.AboutBtTextBg{
		height:240px;
	}
	
	.AboutBtTextBg-text{
		font-size:18px;
		bottom:20px;
	}
	
	.OperationHeader .PossibleTitle-sub br{
		display:none;
	}
	
	.AboutBtTextBg.Type-two .AboutBtTextBg-text{
		top:20px;
	}
	
	.AboutBtTextBg.Type-two .AboutBtTextBg-text br{
		display:none;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.OperationHeader{
		margin-bottom:30px;
	}
	
	.AboutBtTextBg{
		height:200px;
	}
	
	.AboutBtTextBg-text{
		font-size:14px;
		bottom:15px;
		left:15px;
		right:15px;
	}
	
	.OperationHeader .PossibleTitle-sub br{
		display:none;
	}
	
	.AboutBtTextBg.Type-two .AboutBtTextBg-text{
		top:20px;
	}
	
	.AboutBtTextBg.Type-two .AboutBtTextBg-text br{
		display:none;
	}
}


/*=========================================================
	AEO Section
=========================================================*/
.AeoPolicy{
	border:dashed 1px #8A8F92;
	padding:65px 20px 40px;
}

.AeoPolicy-img{
	max-width:781px;
	line-height:0;
}

.AeoPolicyTitle{
	margin-bottom:10px;
	text-align:center;
	font-size:0;
	line-height:0;
}

.AeoPolicyTitle-text{
	display:inline-block;
	font-size:30px;
	line-height:1.3em;
	color:#000;
	font-weight:bold;
	padding-bottom:4px;
	position:relative;
}

.AeoPolicyTitle-text:after{
	content:"";
	width:100%;
	height:2px;
	background-color:#000;
	position:absolute;
	left:0;
	bottom:0;
}

.AeoCertificationList{
	overflow:hidden;
	margin:0 -15px;
}

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

.AeoCertification{
	max-width:250px;
}

.AeoCertification-img{
	line-height:0;
}

.AeoCertification-btn{
	margin-top:19px;
	text-align:right;
	font-size:0;
	line-height:0;
}

.AeoCertification-btn .PostViewBtn{
	display:inline-block;
	width:auto;
	min-width:116px;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.AeoPolicy{
		padding: 50px 20px 20px;
	}
	
	.AeoPolicyTitle-text{
		font-size:22px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.AeoPolicy{
		padding: 40px 20px 20px;
	}
	
	.AeoPolicyTitle-text{
		font-size:18px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.AeoPolicy{
		padding: 30px 20px 20px;
	}
	
	.AeoPolicyTitle-text{
		font-size:16px;
	}
	
	.AeoCertificationList{
		margin:0 -10px;
	}

	.AeoCertificationList-item{
		padding:0 10px;
	}
}

/*=========================================================
	StairsDiagram
=========================================================*/
.StairsDiagram-list{
	overflow:hidden;
	margin:0 -15px;
}

.StairsDiagram-item{
	width:33.333%;
	float:left;
	padding:0 15px;
}


.Step1.StairsDiagram-item{
	padding-top:80px;
}

.Step2.StairsDiagram-item{
	padding-top:40px;
}

.StairsDiagramItem{
	position:relative;
	padding:35px 35px;
	padding-top:47px;
	padding-left:47px;
	padding-right:0px;
}

.StairsDiagramItem:before{
	content:"";
	width:100%;
	height:12px;
	position:absolute;
	top:0;
	left:0;
}

.StairsDiagramItem:after{
	content:"";
	width:12px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.Step1 .StairsDiagramItem:before{
	background-color:#FEF2EB;
}

.Step1 .StairsDiagramItem:after{
	background-color:#FEF2EB;
}

.Step2 .StairsDiagramItem:before{
	background-color:#FF9B71;
}

.Step2 .StairsDiagramItem:after{
	background-color:#FF9B71;
}

.Step3 .StairsDiagramItem:before{
	background-color:#F37422;
}

.Step3 .StairsDiagramItem:after{
	background-color:#F37422;
}

.StairsDiagramItem-title{
	font-size:20px;
	line-height:1.3em;
	color:#F37422;
	font-weight:bold;
}

.StairsDiagramItemCont{
	margin-top:15px;
}

.StairsDiagramItemCont-title{
	font-size:15px;
	line-height:1.5em;
	color:#000;
	font-weight:bold;
	margin-bottom:5px;
}

.StairsDiagramItemContList-item{
	font-size:14px;
	line-height:1.6em;
	color:#4C4948;
}

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

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

.StairsDiagramItemContList-text{
	display:block;
	overflow:hidden;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.Step1.StairsDiagram-item{
		padding-top:40px;
	}
	
	.Step2.StairsDiagram-item{
		padding-top:20px;
	}
	
	.StairsDiagramItem{
		padding-top:26px;
		padding-left:26px;
		padding-bottom:26px;
	}
	
	.StairsDiagramItem-title{
		font-size:16px;
	}
	
	.StairsDiagramItemCont-title{
		font-size:13px;
	}
	
	.StairsDiagramItemContList-item{
		font-size:12px;
	}
	
	.StairsDiagramItem:before{
		height:8px;
	}

	.StairsDiagramItem:after{
		width:8px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.StairsDiagram-list{
		margin:0 -8px;
	}
	
	.StairsDiagram-item{
		padding:0 8px;
	}
	
	.Step1.StairsDiagram-item{
		padding-top:40px;
	}
	
	.Step2.StairsDiagram-item{
		padding-top:20px;
	}
	
	.StairsDiagramItem{
		padding-top:24px;
		padding-left:24px;
		padding-bottom:24px;
	}
	
	.StairsDiagramItem-title{
		font-size:14px;
	}
	
	.StairsDiagramItemCont-title{
		font-size:12px;
	}
	
	.StairsDiagramItemContList-item{
		font-size:10px;
	}
	
	.StairsDiagramItem:before{
		height:8px;
	}

	.StairsDiagramItem:after{
		width:8px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.Step1.StairsDiagram-item{
		padding-top:0;
	}
	
	.Step2.StairsDiagram-item{
		padding-top:0;
	}
	
	.StairsDiagram-item{
		width:100%;
		float:none;
		margin-top:20px;
	}
	
	.StairsDiagram-item:first-child{
		margin-top:0;
	}
	
	.StairsDiagramItem{
		padding-top:26px;
		padding-left:26px;
		padding-bottom:26px;
	}
	
	.StairsDiagramItem-title{
		font-size:16px;
	}
	
	.StairsDiagramItemCont-title{
		font-size:13px;
	}
	
	.StairsDiagramItemContList-item{
		font-size:12px;
	}
	
	.StairsDiagramItem:before{
		height:8px;
	}

	.StairsDiagramItem:after{
		width:8px;
	}
}

/*=========================================================
	AboutTitleContDash 
=========================================================*/
.AboutTitleContDash {
	border:dashed 1px #8A8F92;
	padding:40px 30px;
}

.AboutTitleContDash-item{
	margin-top:20px;
	font-size:18px;
	line-height:1.6em;
	color:#4C4948;
}

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

.AboutTitleContDash-item strong{
	font-weight:normal;
}

.AboutTitleCont-sign{
	line-height:0;
	text-align:right;
}

.AboutTitleCont-sign img{
	max-width:50%;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.AboutTitleContDash {
		padding:30px 25px;
	}
	
	.AboutTitleContDash-item{
		margin-top:15px;
		font-size:16px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.AboutTitleContDash {
		padding:25px 20px;
	}
	
	.AboutTitleContDash-item{
		margin-top:15px;
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.AboutTitleContDash {
		padding:20px 15px;
	}
	
	.AboutTitleContDash-item{
		margin-top:10px;
		font-size:14px;
	}
}

/*=========================================================
	Eco
=========================================================*/
.color-green{
	color:#009464 !important;
}

.EcoDiagram-inner{
	display:flex;
	align-items:center;
}

.EcoDiagramTitle{
	width:190px;
}

.EcoDiagramTitle-icon{
	width:100%;
	position:relative;
	border-radius:100%;
	border:solid 1px #D1D1D1;
}

.EcoDiagramTitle-icon:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.EcoDiagramTitle-icon img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:68%;
}

.EcoDiagramCont{
	flex:1;
	padding-left:36px;
}

.EcoDiagramCont-list{
	margin:0 -24px;
	overflow:hidden;
}

.EcoDiagramCont-item{
	padding:0 24px;
	float:left;
	position:relative;
}

.Step1.EcoDiagramCont-item:after{
	content:"+";
	position:absolute;
	top:50%;
	right:-6px;
	transform:translateY(-50%);
	font-size:24px;
	line-height:1.2em;
	color:#000;
}

.EcoDiagramCont-title{
	font-size:36px;
	line-height:1.4em;
	color:#009464;
	font-weight:bold;
}

.EcoDiagramCont-sub{
	text-align:center;
	font-size:20px;
	line-height:1.2em;
	color:#000;
	margin-top:8px;
}

.Step2.EcoDiagramCont-item .EcoDiagramCont-title{
	color:#9FCB2C;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.EcoDiagramTitle{
		width:13.1944vw;
	}

	.EcoDiagramCont{
		padding-left:2.5vw;
	}

	.EcoDiagramCont-list{
		margin:0 -1.6666vw;
	}

	.EcoDiagramCont-item{
		padding:0 1.6666vw;
	}

	.Step1.EcoDiagramCont-item:after{
		right:-0.4166vw;
		font-size:1.6666vw;
	}

	.EcoDiagramCont-title{
		font-size:2.5vw;
	}

	.EcoDiagramCont-sub{
		font-size:1.3888vw;
		margin-top:0.5555vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.EcoDiagramTitle{
		width:13.1944vw;
	}

	.EcoDiagramCont{
		padding-left:2.5vw;
	}

	.EcoDiagramCont-list{
		margin:0 -1.6666vw;
	}

	.EcoDiagramCont-item{
		padding:0 1.6666vw;
	}

	.Step1.EcoDiagramCont-item:after{
		right:-0.4166vw;
		font-size:1.6666vw;
	}

	.EcoDiagramCont-title{
		font-size:2.5vw;
	}

	.EcoDiagramCont-sub{
		font-size:1.3888vw;
		margin-top:0.5555vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.EcoDiagramTitle{
		width:20.1944vw;
	}

	.EcoDiagramCont{
		padding-left:2.5vw;
	}

	.EcoDiagramCont-list{
		margin:0 -2.6666vw;
	}

	.EcoDiagramCont-item{
		padding:0 2.6666vw;
	}

	.Step1.EcoDiagramCont-item:after{
		right:-0.4166vw;
		font-size:1.6666vw;
	}

	.EcoDiagramCont-title{
		font-size:4.5vw;
	}

	.EcoDiagramCont-sub{
		font-size:3.3888vw;
		margin-top:1.2555vw;
	}
}

/*=========================================================
	EcoDiagramList
=========================================================*/
.EcoDiagramList-list{
	overflow:hidden;
	margin:-11px -5px;
}

.EcoDiagramList-item{
	padding:11px 5px;
	width:50%;
	float:left;
}

.EcoDiagramList-item.Full{
	width:100%;
}

.EcoDiagramListItem{
	background-color:#F4F4F4;
	border-radius:85px;
	overflow:hidden;
	padding:12px 12px;
	display:flex;
	align-items:center;
}

.EcoDiagramList-item.Full .EcoDiagramListItem{
	background-color:#FBF2ED;
}

.EcoDiagramListItem-icon{
	width:140px;
	border-radius:100%;
	background-color:#fff;
	overflow:hidden;
	position:relative;
}

.EcoDiagramListItem-icon:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.EcoDiagramListItem-icon img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 68%;
}

.EcoDiagramListItemCont{
	flex:1;
	padding-left:35px;
}

.EcoDiagramListItemCont-title{
	font-size:20px;
	line-height:1.4em;
	color:#4C4948;
	font-weight:bold;
}

.EcoDiagramListItemCont-list{
	margin-top:15px;
	overflow:hidden;
}

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

.EcoDiagramListItemCont-item{
	font-size:16px;
	line-height:1.6em;
	color:#4C4948;
	width:50%;
	float:left;
}

.EcoDiagramListItemCont-item:nth-child(odd){
	clear:both;
}

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

.EcoDiagramListItemCont-text{
	display:block;
	overflow:hidden;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.EcoDiagramList-list{
		margin:-0.76388vw -0.3472vw;
	}

	.EcoDiagramList-item{
		padding:0.76388vw 0.3472vw;
	}

	.EcoDiagramListItem{
		border-radius:5.9027vw;
		padding:0.8333vw 0.8333vw;
	}

	.EcoDiagramListItem-icon{
		width:9.7222vw;
	}

	.EcoDiagramListItemCont{
		padding-left:2.43055vw;
	}

	.EcoDiagramListItemCont-title{
		font-size:1.38888vw;
	}

	.EcoDiagramListItemCont-list{
		margin-top:1.041666vw;
	}

	.EcoDiagramListItemCont-item{
		font-size:1.25vw;
	}

	.EcoDiagramListItemCont-bullet{
		margin-right:0.3472vw;
	}
}

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

	.EcoDiagramList-item{
		padding:0.76388vw 0.3472vw;
	}

	.EcoDiagramListItem{
		border-radius:5.9027vw;
		padding:0.8333vw 0.8333vw;
	}

	.EcoDiagramListItem-icon{
		width:9.7222vw;
	}

	.EcoDiagramListItemCont{
		padding-left:2.43055vw;
	}

	.EcoDiagramListItemCont-title{
		font-size:1.68888vw;
	}

	.EcoDiagramListItemCont-list{
		margin-top:1.041666vw;
	}

	.EcoDiagramListItemCont-item{
		font-size:1.45vw;
	}

	.EcoDiagramListItemCont-bullet{
		margin-right:0.3472vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.EcoDiagramList-list{
		margin:-2.16388vw -0.3472vw;
	}

	.EcoDiagramList-item{
		padding:2.16388vw 0.3472vw;
		width:100%;
	}

	.EcoDiagramListItem{
		border-radius:11.0027vw;
		padding:2.8333vw 2.8333vw;
	}

	.EcoDiagramListItem-icon{
		width:19.7222vw;
	}

	.EcoDiagramListItemCont{
		padding-left:4.63055vw;
	}

	.EcoDiagramListItemCont-title{
		font-size:4.28888vw;
	}

	.EcoDiagramListItemCont-list{
		margin-top:1.441666vw;
	}

	.EcoDiagramListItemCont-item{
		font-size:3.45vw;
		width:100%;
	}

	.EcoDiagramListItemCont-bullet{
		margin-right:0.3472vw;
	}
}


/* =========================================================
	ValueBanner
=========================================================*/
.ValueBanner{
	position:relative;
	padding:92px 20px;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
.ValueBanner: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;
}
.ValueBanner-inner{
	position:relative;
	z-index:5;
	text-align:center;
}
.ValueBanner-title{
	display:inline-block;
	position:relative;
	color:#fff;
	font-size:32px;
	line-height:1.2em;
	font-family:'Hanwha';
	font-weight: 300;
	background-color:rgba(243,115,33,0.75);
}
.ValueBanner-text{
	position:relative;
	margin-top:16px;
	color:#fff;
	font-size:18px;
	font-weight:500;
	line-height:1.4em;
}
/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
		
	.ValueBanner{
		padding:80px 20px;
	}
	.ValueBanner-title{
		font-size:28px;
	}
	.ValueBanner-text{
		margin-top:12px;
		font-size:17px;
	}
}

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

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


/* =========================================================
	ValueBottom
=========================================================*/
.ValueBottom{
	margin-top:100px;
}
.ValueBottom-img{
	display:block;
	width:100%;
}
/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.ValueBottom{
		margin-top:80px;
	}

}

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

}

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

}

/*=========================================================
	MainPoint 
=========================================================*/
.MainPointSection{
	padding-top:20px;
}

/*responsive*/
@media screen and (max-width: 767px) and (min-width: 1px){
	.MainPointSection{
		padding-top:10px;
	}
}

/*=========================================================
	MainPointRight 
=========================================================*/
.MainPointRight{
	display:flex;
	align-items:center;
	margin-bottom:70px;
}

.MainPointRightThumb{
	order:2;
	width:42.5%;
	line-height:0;
	text-align:right;
}

.MainPointRightCont{
	flex:1;
	order:1;
	padding-right:50px;
}

.MainPointRightCont-title{
	font-size:36px;
	line-height:1.2em;
	color:#F37321;
	font-weight:bold;
	margin-bottom:20px;
}

.MainPointRightCont-text{
	font-size:18px;
	line-height:1.7em;
	color:#000000;
	margin-bottom:16px;
}

.MainPointRightCont-text:last-child{
	margin-bottom:0;
}

.MainPointRightContBorder{
	margin-top:35px;
	border-top:solid 1px #D1D1D1;
	border-bottom:solid 1px #D1D1D1;
	padding:35px 0;
}

.MainPointRightContBorder-title{
	font-size:24px;
	line-height:1.6em;
	color:#000000;
	font-weight:bold;
	margin-bottom:15px;
}

.MainPointRightContBorder-text{
	font-size:18px;
	line-height:1.7em;
	color:#4C4948;
	margin-top:5px;
}

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

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.MainPointRight{
		margin-bottom:60px;
	}
	
	.MainPointRightCont-title{
		font-size:30px;
	}
	
	.MainPointRightCont-text{
		font-size:16px;
	}
	
	.MainPointRightContBorder{
		margin-top:25px;
		padding:20px 0;
	}
	
	.MainPointRightContBorder-title{
		font-size:20px;
	}
	
	.MainPointRightContBorder-text{
		font-size:16px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.MainPointRight{
		margin-bottom:40px;
	}
	
	.MainPointRightCont-title{
		font-size:24px;
	}
	
	.MainPointRightCont-text{
		font-size:16px;
	}
	
	.MainPointRightContBorder{
		margin-top:25px;
		padding:20px 0;
	}
	
	.MainPointRightContBorder-title{
		font-size:18px;
	}
	
	.MainPointRightContBorder-text{
		font-size:16px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.MainPointRight{
		display:block;
		margin-bottom:30px;
	}
	
	.MainPointRightThumb{
		width:100%;
		max-width:280px;
		margin:0 auto 20px;
	}
	
	.MainPointRightCont{
		padding-right:0;
	}
	
	.MainPointRightCont-title{
		font-size:24px;
	}
	
	.MainPointRightCont-text{
		font-size:14px;
	}
	
	.MainPointRightContBorder{
		margin-top:25px;
		padding:20px 0;
	}
	
	.MainPointRightContBorder-title{
		font-size:17px;
	}
	
	.MainPointRightContBorder-text{
		font-size:15px;
	}
}

/*=========================================================
	MainPointLeft
=========================================================*/
.MainPointLeft{
	display:flex;
	align-items:center;
	margin-bottom:105px;
}

.MainPointLeftThumb{
	width:42.5%;
	line-height:0;
	text-align:left;
}

.MainPointLeftCont{
	flex:1;
	padding-left:50px;
}

.MainPointLeftCont-text{
	font-size:16px;
	line-height:1.7em;
	color:#444444;
	margin-bottom:16px;
}

.MainPointLeftCont-text:last-child{
	margin-bottom:0;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.MainPointLeft{
		margin-bottom:80px;
	}
	
	.MainPointLeftCont-text{
		font-size:14px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.MainPointLeft{
		margin-bottom:70px;
	}
	
	.MainPointLeftCont{
		padding-left:35px;
	}
	
	.MainPointLeftCont-text{
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.MainPointLeft{
		margin-bottom:70px;
		display:block;
	}
	
	.MainPointLeftThumb{
		width:100%;
		max-width:280px;
		margin:0 auto 20px;
	}
	
	.MainPointLeftCont{
		padding-left:0;
	}
	
	.MainPointLeftCont-text{
		font-size:13px;
	}
}

/*=========================================================
	Welfare
=========================================================*/
.WelfareHeader{
	text-align:center;
}

.WelfareList{
	overflow:hidden;
}

.WelfareListItem{
	background-size:cover;
	background-position:center center;
	width:50%;
	float:left;
	position:relative;
	padding:35px 35px;
	height:374px;
	overflow:hidden;
}

.WelfareListItem:before{
	content:"";
	position:absolute;
	top:0%;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
}

.WelfareListItem:nth-child(odd){
	clear:both;
}

.WelfareListItemText{
	max-width:75%;
	position:relative;
	z-index:5;
}

.WelfareListItemText-title{
	font-size:30px;
	line-height:1.4em;
	color:#fff;
	font-weight:bold;
}

.WelfareListItemText-text{
	font-size:20px;
	line-height:1.7em;
	color:#fff;
	margin-top:3px;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.WelfareListItem{
		padding:30px 30px;
		height:300px;
	}
	
	.WelfareListItemText-title{
		font-size:28px;
	}
	
	.WelfareListItemText-text{
		font-size:18px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.WelfareListItem{
		padding:25px 25px;
		height:260px;
	}
	
	.WelfareListItemText-title{
		font-size:22px;
	}
	
	.WelfareListItemText-text{
		font-size:15px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.WelfareListItem{
		padding:20px 20px;
		height:auto;
		min-height:140px;
		width:100%;
		margin-top:10px;
	}
	
	.WelfareListItem:first-child{
		margin-top:0;
	}
	
	.WelfareListItemText{
		max-width:100%;
	}
	
	.WelfareListItemText-title{
		font-size:20px;
	}
	
	.WelfareListItemText-text{
		font-size:13px;
	}
}

/*=========================================================
	Recruit Info
=========================================================*/
.AboutInfoBanner{
	margin-bottom:95px;
	padding:70px 40px;
	position:relative;
	background-size:cover;
	background-position:center center;
}

.AboutInfoBanner:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.3);
}

.AboutInfoBanner-inner{
	max-width:990px;
	margin:0 auto;
	position:relative;
	z-index:5;
}

.AboutInfoBanner-title{
	font-size:34px;
	line-height:1.4em;
	color:#fff;
	font-weight:bold;
}

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

.AboutInfoBanner-btn{
	margin-top:28px;
	font-size:0;
	line-height:0;
}

.SmallColorBtn{
	display:inline-block;
	padding:13px 24px;
	border-radius:100px;
	background-color:#F37321;
	border:solid 2px #F37321;
}

.SmallColorBtn-text{
	display:block;
	padding-right:24px;
	position:relative;
	font-size:14px;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
}

.SmallColorBtn-text:after{
	content: "";
    width: 17px;
    height: 11px;
    background-image: url(../img/icon/ico-btn-arrow.png);
    background-size: 17px 11px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-top: 1px;
}

.InfoAboutTitleCont-item{
	font-size:16px;
	line-height:1.7em;
	color:#4C4948;
	margin-top:17px;
}

.InfoAboutTitleCont-list{
	margin-top:15px;
}

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

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

.InfoAboutTitleCont-bullet{
	display:inline;
	margin-right:5px;
}

.InfoAboutTitleCont-text{
	display:inline;
}

.InfoAboutTitleCont-link{
	color:#F37321;
	text-decoration:underline;
}

.InfoAboutBorder{
	border:dashed 1px #8A8F92;
	margin:30px 0;
	padding:20px 30px;
	padding-right:265px;
	position:relative;
}

.InfoAboutBorder-title{
	font-size:16px;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	margin-bottom:8px;
}

.InfoAboutBorder-item{
	font-size:14px;
	line-height:1.7em;
	color:#8A8F92;
}

.InfoAboutBorder-item:After{
	content:"";
	display:table;
	clear:both;
}

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

.InfoAboutBorder-text{
	display:block;
	overflow:hidden;
}

.InfoAboutBorder-btn{
	position:absolute;
	bottom:20px;
	right:30px;
}


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

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.AboutInfoBanner{
		margin-bottom:75px;
		padding:50px 40px;
	}
	
	.AboutInfoBanner-title{
		font-size:32px;
	}
	
	.AboutInfoBanner-text{
		font-size:15px;
	}
	
	.InfoAboutTitleCont-item{
		font-size:14px;
	}
	
	.InfoAboutTitleCont-list{
		margin-top:14px;
	}
	
	.InfoAboutTitleCont-item{
		margin-top:15px;
	}
	
	.InfoAboutBorder{
		margin:25px 0;
		padding: 20px 20px;
		padding-right: 265px;
	}
	
	.InfoAboutBorder-btn{
		right:20px;
	}
	
	.InfoAboutBorder-title{
		font-size:15px;
	}
	
	.InfoAboutBorder-item{
		font-size:13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.AboutInfoBanner{
		margin-bottom:65px;
		padding:40px 30px;
	}
	
	.AboutInfoBanner-title{
		font-size:26px;
	}
	
	.AboutInfoBanner-text{
		font-size:15px;
	}
	
	.InfoAboutTitleCont-item{
		font-size:13px;
	}
	
	.InfoAboutTitleCont-list{
		margin-top:13px;
	}
	
	.InfoAboutTitleCont-item{
		margin-top:14px;
	}
	
	.InfoAboutBorder{
		margin:25px 0;
		padding: 20px 20px;
		padding-right: 20px;
	}
	
	.InfoAboutBorder-btn{
		position:static;
		margin-top:15px;
		text-align:left;
		font-size:0;
		line-height:0;
	}
	
	.DownloadBtn{
		display:inline-block;
	}
	
	.InfoAboutBorder-title{
		font-size:14px;
	}
	
	.InfoAboutBorder-item{
		font-size:12px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.AboutInfoBanner{
		margin-bottom:55px;
		padding:30px 20px;
	}
	
	.AboutInfoBanner-title{
		font-size:22px;
	}
	
	.AboutInfoBanner-text{
		font-size:14px;
	}
	
	.SmallColorBtn-text{
		font-size:13px;
	}
	
	.InfoAboutTitleCont-item{
		font-size:13px;
	}
	
	.InfoAboutTitleCont-list{
		margin-top:12px;
	}
	
	.InfoAboutTitleCont-item{
		margin-top:13px;
	}
	
	.InfoAboutBorder{
		margin:20px 0;
		padding: 15px 15px;
		padding-right: 15px;
	}
	
	.InfoAboutBorder-btn{
		position:static;
		margin-top:15px;
		text-align:left;
		font-size:0;
		line-height:0;
	}
	
	.DownloadBtn{
		display:inline-block;
	}
	
	.InfoAboutBorder-title{
		font-size:14px;
	}
	
	.InfoAboutBorder-item{
		font-size:12px;
	}
	
	.Mobile-None{
		display:none;
	}
}

/*=========================================================
	PurchaseBanner
=========================================================*/
.PurchaseBanner{
	margin-top:50px;
	text-align:center;
}
.PurchaseBanner-bg{
	position:relative;
	padding:55px 20px 60px;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
.PurchaseBanner-bg:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.3);
}
.PurchaseBanner-title{
	position:relative;
	color:#fff;
	font-size:20px;
	line-height:1.4em;
	font-weight:bold;
}
.PurchaseBanner-title br{
		display:none;
	}
.PurchaseBanner-btn{
	position:relative;
	margin-top:15px;
}
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.PurchaseBanner{
		margin-top:40px;
	}
	.PurchaseBanner-bg{
		padding:46px 20px 50px;
	}
	.PurchaseBanner-title{
		font-size:18px;
	}
	.PurchaseBanner-btn{
		margin-top:15px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.PurchaseBanner{
		margin-top:30px;
	}
	.PurchaseBanner-bg{
		padding:40px 10px 50px;
	}
	.PurchaseBanner-title{
		font-size:16px;
	}
	.PurchaseBanner-btn{
		margin-top:12px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.PurchaseBanner{
		margin-top:30px;
	}
	.PurchaseBanner-bg{
		padding:30px 8px 40px;
	}
	.PurchaseBanner-title{
		font-size:15px;
	}
	.PurchaseBanner-title br{
		display:block;
	}
	.PurchaseBanner-btn{
		margin-top:12px;
	}
}

 /*=========================================================
	ActivityReport
=========================================================*/
.ActivityReport{
	padding:40px 46px;
	border:1px dashed #d1d1d1;
}
.ActivityReport:after{
	content:'';
	display:block;
	clear:both;
}
.ActivityReportLeft{
	width: 215px;
	margin-right:50px;
	float:left;
	border:7px solid #FBF2ED;
	background-color:#fff;
	box-shadow:10px 10px 30px rgba(0,0,0,0.05);
}
.ActivityReportLeft-inner{
	padding:26px 14px 18px;
	text-align:right;
}
.ActivityReportLeft-year{
	display:block;
	margin-bottom:5px;
	color:#F37321;
	font-size:18px;
	font-weight:bold;
	font-family:'Jost';
	line-height:1em;
	text-align:left;
}
.ActivityReportLeft-title{
    overflow:hidden;
	display:block;
    height:2.8em;
	color:#000;
	font-size:17px;
	font-weight:bold;
	line-height:1.4em;
	text-align:left;
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
}
.ActivityReportLeft-icon{
	display:inline-block;
	width:77px;
	margin-top:48px;
}
.ActivityReportLeft-icon img{
	display:block;
	width:100%;
}
.ActivityReportRight{
	overflow:hidden;
	padding-top:36px;
	line-height:0;
	font-size:0;
}
.ActivityReportRight-text{
	display:block;
	margin-bottom:6px;
	color:#000;
	font-size:16px;
	font-weight:bold;
	line-height:1.4em;
}
.ActivityReportRight-title{
	display:block;
	color:#F37321;
	font-size:24px;
	font-weight:bold;
	line-height:1.4em;;
}
.ActivityReportRight-btn{
	display:inline-block;
	margin-top:30px;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.ActivityReport{
		padding:20px 26px;
	}
	.ActivityReportLeft{
		width:185px;
		margin-right:20px;
	}
	.ActivityReportLeft-inner{
		padding:26px 14px 18px;
	}
	.ActivityReportLeft-year{
		margin-bottom:5px;
		font-size:17px;
	}
	.ActivityReportLeft-title{
		font-size:16px;
	}
	.ActivityReportLeft-icon{
		width:62px;
		margin-top:30px;
	}
	.ActivityReportRight{
		padding-top:30px;
	}
	.ActivityReportRight-text{
		margin-bottom:4px;
		font-size:15px;
	}
	.ActivityReportRight-title{
		font-size:20px;
	}
	.ActivityReportRight-btn{
		margin-top:26px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px){
	.ActivityReport{
		padding:20px 22px;
	}
	.ActivityReportLeft{
		width:160px;
		margin-right:20px;
	}
	.ActivityReportLeft-inner{
		padding:18px 12px 12px;
	}
	.ActivityReportLeft-year{
		margin-bottom:5px;
		font-size:15px;
	}
	.ActivityReportLeft-title{
		font-size:14px;
	}
	.ActivityReportLeft-icon{
		width:56px;
		margin-top:30px;
	}
	.ActivityReportRight{
		padding-top:18px;
	}
	.ActivityReportRight-text{
		margin-bottom:4px;
		font-size:13px;
	}
	.ActivityReportRight-title{
		font-size:16px;
	}
	.ActivityReportRight-btn{
		margin-top:20px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.ActivityReport{
		padding:20px 16px;
	}
	.ActivityReportLeft{
		/* width:160px; */
		margin:0 auto;
		float:none;
		box-shadow: 5px 5px 20px rgba(0,0,0,0.05);
	}
	.ActivityReportLeft-inner{
		padding:18px 12px 12px;
	}
	.ActivityReportLeft-year{
		margin-bottom:5px;
		font-size:15px;
	}
	.ActivityReportLeft-title{
		font-size:15px;
	}
	.ActivityReportLeft-icon{
		width:56px;
		margin-top:30px;
	}
	.ActivityReportRight{
		padding-top:22px;
		float:none;
	}
	.ActivityReportRight-text{
		margin-bottom:4px;
		font-size:13px;
	}
	.ActivityReportRight-title{
		font-size:16px;
	}
	.ActivityReportRight-btn{
		margin-top:20px;
	}
}

/*=========================================================
	ContactForm 
=========================================================*/
.wpcf7-list-item{
	margin:0;
	padding:0;
}
.wpcf7-form-control-wrap{
	display:block;
}

.wpcf7-form-control{
	display:block;
}

/* ContactForm Check
=========================================================*/
.FormContactCheck-label label{
	cursor: pointer;
	display:block;
}

.FormContactCheck-label input[type="checkbox"]{
	position:absolute;
	top:0;
	left:0;
	width:0px;
	height:0px;
	z-index:-1;
	opacity:0;
}

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

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

.FormContactCheck-label input[type="checkbox"]:checked + .wpcf7-list-item-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) {
	.FormContactCheck-label .wpcf7-list-item-label{
		font-size:16px;
	}
	
	.FormContactCheck-label .wpcf7-list-item-label:before{
		top:-2px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.FormContactCheck-label .wpcf7-list-item-label{
		font-size:14px;
	}
	
	.FormContactCheck-label .wpcf7-list-item-label:before{
		top:-2px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.FormContactCheck-label .wpcf7-list-item-label{
		font-size:14px;
	}
	
	.FormContactCheck-label .wpcf7-list-item-label:before{
		top:-2px;
	}
	
	.ScrollpolicySection .FormContactCheck-label .wpcf7-list-item-label{
		font-size:12px;
		padding-left: 22px;
	}
	
	.ScrollpolicySection .FormContactCheck-label .wpcf7-list-item-label:before{
		width:14px;
		height:14px;
		top:-2px;
	}
}

/*=========================================================
	FormCheckSection
=========================================================*/
.FormCheckList-list{
	margin:-20px -10px 0;
}

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

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

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

/*Checkbox*/
.FormCheckList-list label{
	cursor: pointer;
	display:block;
}

.FormCheckList-list input[type="checkbox"]{
	position:absolute;
	top:0;
	left:0;
	width:0px;
	height:0px;
	z-index:-1;
	opacity:0;
}

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

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

.FormCheckList-list input[type="checkbox"]:checked + .wpcf7-list-item-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) {
	.FormCheckList-list .wpcf7-list-item-label{
		font-size:16px;
	}
	
	.FormCheckList-list .wpcf7-list-item-label:before{
		top:-2px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.FormCheckList-item{
		width:33.333%;
	}
	
	.FormCheckList-item:nth-child(4n+1){
		clear:none;
	}
	
	.FormCheckList-item:nth-child(3n+1){
		clear:both !important;;
	}
	
	.FormCheckList-list .wpcf7-list-item-label{
		font-size:14px;
	}
	
	.FormCheckList-list .wpcf7-list-item-label:before{
		top:-2px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.FormCheckList-list .wpcf7-list-item{
		width:50%;
	}
	
	.FormCheckList-list .wpcf7-list-item:nth-child(4n+1){
		clear:none;
	}
	
	.FormCheckList-list .wpcf7-list-item:nth-child(odd){
		clear:both !important;;
	}
	
	.FormCheckList-list .wpcf7-list-item-label{
		font-size:14px;
	}
	
	.FormCheckList-list .wpcf7-list-item-label:before{
		top:-2px;
	}
}


/*=========================================================
	FairTrade
=========================================================*/

.FairTrade{
	margin-top:48px;
}
.FairTrade-list{
	margin:0 -20px;
}
.FairTrade-item{
	float:left;
	width:25%;
	padding:0 20px;
}
/* FairTradeItem */
.FairTradeItem{
	text-align:center;
}
.FairTradeItem-icon{
	display:block;
	max-width:140px;
	width:100%;
	margin:0 auto;
	position:relative;
	border:1px dashed #F37321;
	border-radius:100%;
}
.FairTradeItem-icon:after{
	content:'';
	display:block;
	padding-bottom:100%;
}
.FairTradeItem-img{
	display:block;
	position:absolute;
	width:42%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.FairTradeItem-title{
	margin-top:18px;
	color:#4C4948;
	font-size:16px;
	font-weight:bold;
	line-height:1.6em;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
		
	.FairTrade{
		margin-top:38px;
	}
	.FairTrade-list{
		margin:0 -10px;
	}
	.FairTrade-item{
		padding:0 10px;
	}
	/* FairTradeItem */
	.FairTradeItem-icon{
		max-width:130px;
	}
	.FairTradeItem-img{
		width:32%;
	}
	.FairTradeItem-title{
		margin-top:12px;
		font-size:15px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
			
	.FairTrade{
		margin-top:26px;
	}
	.FairTrade-list{
		margin:0 -10px;
	}
	.FairTrade-item{
		padding:0 10px;
	}
	/* FairTradeItem */
	.FairTradeItem-icon{
		max-width:130px;
	}
	.FairTradeItem-img{
		width:32%;
	}
	.FairTradeItem-title{
		margin-top:8px;
		font-size:13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
			
	.FairTrade{
		margin-top:20px;
	}
	.FairTrade-list{
		margin:-16px -10px 0;
	}
	.FairTrade-item{
		width:50%;
		padding:16px 10px 0;
	}
	/* FairTradeItem */
	.FairTradeItem-icon{
		max-width:100px;
	}
	.FairTradeItem-img{
		width:32%;
	}
	.FairTradeItem-title{
		margin-top:10px;
		font-size:13px;
	}
}


/*=========================================================
	Assessment
=========================================================*/
.Assessment{
	margin-top: 30px;
    padding: 40px 20px;
	padding-left:210px;
	position:relative;
    border: dashed 1px #8A8F92;
}
.Assessment-icon{
	content:'';
	display:block;
	width:100px;
	height:100px;
	position:absolute;
	top:50%;
	left:48px;
	transform:translateY(-50%);
	background-color:#F37321;
	border-radius:100%;
}
.Assessment-icon:before{
	content:'';
	display:block;
	padding-bottom:100%;
}
.Assessment-img{
	width:40%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

/* AssessmentCont */
.AssessmentCont:after{
	content:'';
	display:block;
	clear:both;
}
.AssessmentCont-title{
	float:left;
	width:36%;
	padding-right: 10px;
	color:#F37321;
	font-size:20px;
	font-weight:bold;
	line-height:1.6em;
}
.AssessmentCont-cont{
	overflow:hidden;
}
/* AssessmentBullet */
.AssessmentBullet:after{
	content:'';
	display:block;
	clear:both;
}
.AssessmentBullet-bullet{
	display:block;
	float:left;
	padding-right:3px;
	color:#000;
	font-size:18px;
	line-height:1.6em;
}
.AssessmentBullet-title{
	overflow:hidden;
	display:block;
	color:#000;
	font-size:16px;
	line-height:1.6em;
}
/* PurchaseBtn */
.PurchaseBtn{
	margin-top:5px;
	text-align:right;
	font-size:0;
	line-height:0;
}
.PurchaseBtn-link{
	display:inline-block;
	padding:12px 28px;
	border:solid 2px #F37321;
	border-radius:100px;
}

.PurchaseBtn-text{
	display:block;
	font-size:14px;
	line-height:1.2em;
	color:#F37321;
	font-weight:500;
	padding-right:28px;
	position:relative;
}

.PurchaseBtn-text:after{
	content:"";
	width:18px;
	height:12px;
	background-image:url(../img/icon/ico-btn-arrow-c.png);
	background-size:18px 12px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	margin-top:1px;
}
@media screen and (min-width: 1025px) {
	.PurchaseBtn-link:hover{
		background-color:#F37321;
	}
	.PurchaseBtn-link:hover .PurchaseBtn-text{
		color:#fff;
	}
	.PurchaseBtn-link:hover .PurchaseBtn-text:after{
		background-image:url(../img/icon/ico-btn-arrow.png);
	}
}
/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.Assessment{
		margin-top: 30px;
		padding: 40px 20px;
		padding-left:150px;
	}
	.Assessment-icon{
		width:80px;
		height:80px;
		left:38px;
	}
	.Assessment-img{
		width:40%;
	}

	/* AssessmentCont */
	.AssessmentCont-title{
		width:30%;
		padding-right: 10px;
		font-size:18px;
	}
	/* AssessmentBullet */
	.AssessmentBullet-bullet{
		font-size:16px;
	}
	.AssessmentBullet-title{
		font-size:15px;
	}
	
	/* PurchaseBtn */
	.PurchaseBtn{
		margin-top:10px;
	}
	.PurchaseBtn-link{
		padding:12px 26px;
	}

	.PurchaseBtn-text{
		font-size:14px;
		padding-right:28px;
	}

	.PurchaseBtn-text:after{
		width:18px;
		height:12px;
		background-size:18px 12px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.Assessment{
		margin-top: 30px;
		padding: 26px 20px;
		padding-left:120px;
	}
	.Assessment-icon{
		width:60px;
		height:60px;
		left:30px;
	}
	.Assessment-img{
		width:40%;
	}

	/* AssessmentCont */
	.AssessmentCont-title{
		width:30%;
		padding-right: 10px;
		font-size:15px;
	}
	
	/* AssessmentBullet */
	.AssessmentBullet-bullet{
		font-size:14px;
	}
	.AssessmentBullet-title{
		font-size:14px;
	}
	/* PurchaseBtn */
	.PurchaseBtn{
		margin-top:12px;
	}
	.PurchaseBtn-link{
		padding:12px 20px;
	}

	.PurchaseBtn-text{
		font-size:13px;
		padding-right:28px;
	}

	.PurchaseBtn-text:after{
		width:18px;
		height:12px;
		background-size:18px 12px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.Assessment{
		margin-top: 20px;
		padding: 20px 20px;
		padding-left:80px;
	}
	.Assessment-icon{
		width:50px;
		height:50px;
		top:20px;
		left:15px;
		transform:translateY(0);
	}
	.Assessment-img{
		width:40%;
	}

	/* AssessmentCont */
	.AssessmentCont-title{
		width:100%;
		float:none;
		padding-right: 0;
		margin-bottom:4px;
		font-size:15px;
	}
	/* AssessmentBullet */
	.AssessmentBullet-bullet{
		font-size:14px;
	}
	.AssessmentBullet-title{
		font-size:14px;
	}
	/* PurchaseBtn */
	.PurchaseBtn{
		margin-top:5px;
	}
	.PurchaseBtn-link{
		padding:10px 18px;
	}

	.PurchaseBtn-text{
		font-size:12px;
		padding-right:22px;
	}

	.PurchaseBtn-text:after{
		width:16px;
		height:10px;
		background-size:16px 10px;
	}
}


/*=========================================================
	Solution Sub Main
=========================================================*/
.CaseStudySubPost{
	margin-top:85px;
}

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

.CaseStudySubPost-item{
	padding:15px 15px;
	width:33.333%;
	float:left;
}

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

.CaseStudySubPostItemThumb{
	line-height:0;
	overflow:hidden;
	position:relative;
}

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

.CaseStudySubPostItemThumb:after{
	content:"";
	display:block;
	padding-bottom:82.7%;
}

.CaseStudySubPostItemThumb img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	transition-property: transform;
    transition-duration: 0.2s;
}

.CaseStudySubPostItemText{
	position:absolute;
	top:33px;
	left:35px;
	right:35px;
	z-index:10;
}

.CaseStudySubPostItemText-cate{
	font-size:13px;
	line-height:1.2em;
	color:#fff;
	font-family:'Jost';
	text-transform:uppercase;
	font-weight:500;
	margin-bottom:2px;
	padding-left:2px;
}

.CaseStudySubPostItemText-title{
	font-size:26px;
	line-height:1.4em;
	color:#fff;
	font-weight:500;
}

.CaseStudySubPostItem-btn{
	position:absolute;
	right:34px;
	bottom:27px;
	border:solid 2px #fff;
	display:block;
	border-radius:100px;
	padding:8px 22px;
	z-index:10;
}

.CaseStudySubPostItem-btnText{
	font-size:14px;
	line-height:1.3em;
	color:#fff;
	font-weight:500;
	position:relative;
	display:block;
	padding-right:21px;
}

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

@media screen and (min-width: 1025px){
	.CaseStudySubPostItem-link:hover .CaseStudySubPostItemThumb img{
		transform:scale(1.1);
	}
	
	.CaseStudySubPostItem-btn:hover{
		border-color:#F37321;
		background-color:#F37321;
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.CaseStudySubPost{
		margin-top:60px;
	}
	
	.CaseStudySubPostItemText{
		top:30px;
		left:30px;
		right:30px;
	}
	
	.CaseStudySubPostItemText-cate{
		font-size:12px;
	}
	
	.CaseStudySubPostItemText-title{
		font-size:22px;
	}
	
	.CaseStudySubPostItem-btn{
		right:30px;
		bottom:25px;
	}
	
	.CaseStudySubPostItem-btnText{
		font-size:13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.CaseStudySubPost{
		margin-top:50px;
	}
	
	.CaseStudySubPost-list{
		margin:-7px -7px;
	}
	
	.CaseStudySubPost-item{
		padding:7px 7px;
	}
	
	.CaseStudySubPostItemText{
		top:20px;
		left:20px;
		right:20px;
	}
	
	.CaseStudySubPostItemText-cate{
		font-size:11px;
	}
	
	.CaseStudySubPostItemText-title{
		font-size:20px;
	}
	
	.CaseStudySubPostItem-btn{
		right:20px;
		bottom:20px;
	}
	
	.CaseStudySubPostItem-btnText{
		font-size:13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.CaseStudySubPost{
		margin-top:40px;
	}
	
	.CaseStudySubPost-list{
		margin:-5px -5px;
	}
	
	.CaseStudySubPost-item{
		padding:5px 5px;
		width:50%;
	}
	
	.CaseStudySubPostItemText{
		top:15px;
		left:15px;
		right:15px;
	}
	
	.CaseStudySubPostItemText-cate{
		font-size:11px;
	}
	
	.CaseStudySubPostItemText-title{
		font-size:17px;
	}
	
	.CaseStudySubPostItem-btn{
		right:15px;
		bottom:10px;
		left:15px;
		padding:8px 16px;
	}
	
	.CaseStudySubPostItem-btnText{
		font-size:12px;
	}
}

@media screen and (max-width: 374px) and (min-width: 1px) {
	.CaseStudySubPostItemText-cate{
		font-size:10px;
	}
	
	.CaseStudySubPostItemText-title{
		font-size:14px;
	}
	
	.CaseStudySubPostItem-btn{
		padding: 6px 16px;
	}
}

/*=========================================================
	Global Webinars
=========================================================*/
.GlobalWebinars{
	background-image:url(../img/bg/global-webinars-bg-min.png);
	background-size:cover;
	background-position:right center;
	position:relative;
}

.GlobalWebinars:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.34);
}

.GlobalWebinars-inner{
	position:relative;
	z-index:10;
	padding:100px 40px 50px;
}

.GlobalWebinarsHeader{
	text-align:center;
	margin-bottom:110px;
}

.GlobalWebinarsHeader-title{
	font-size:36px;
	line-height:1.4em;
	color:#fff;
	font-weight:bold;
	margin-bottom:16px;
}

.GlobalWebinarsHeader-text{
	font-size:20px;
	line-height:1.6em;
	color:#fff;
	max-width:730px;
	margin:0 auto;
}

.GlobalWebinarsList-list{
	margin:-1px -1px;
}

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

.GlobalWebinarsList-item{
	width:33.333%;
	float:left;
	margin-left:-1px;
	margin-top:-1px;
	position:relative;
}

.GlobalWebinarsList-link{
	display:table;
	table-layout:fixed;
	width:100%;
	border:solid 1px #fff;
}

.GlobalWebinarsList-cell{
	display:table-cell;
	vertical-align:middle;
	height:100px;
	padding:0 27px;
}

.GlobalWebinarsList-text{
	font-size:24px;
	line-height:1.4em;
	color:#fff;
	font-weight:bold;
	display:block;
	position:relative;
	padding-right:28px;
}

.GlobalWebinarsList-text:after{
	content:"";
	width:23px;
	height:16px;
	background-image:url(../img/icon/global-list-arrow.png);
	background-size:23px 16px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

@media screen  and (min-width: 1025px) {
	.GlobalWebinarsList-item:hover{
		z-index:10;
	}
	
	.GlobalWebinarsList-item:hover .GlobalWebinarsList-link{
		background-color:#F37321;
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.GlobalWebinars-inner{
		padding:80px 40px 50px;
	}
	
	.GlobalWebinarsHeader{
		margin-bottom:80px;
	}
	
	.GlobalWebinarsHeader-title{
		font-size:30px;
	}
	
	.GlobalWebinarsHeader-text{
		font-size:17px;
	}
	
	.GlobalWebinarsList-text{
		font-size:20px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.GlobalWebinars-inner{
		padding:60px 40px 50px;
	}
	
	.GlobalWebinarsHeader{
		margin-bottom:60px;
	}
	
	.GlobalWebinarsHeader-title{
		font-size:30px;
	}
	
	.GlobalWebinarsHeader-text{
		font-size:16px;
	}
	
	.GlobalWebinarsList-text{
		font-size:17px;
	}
	
	.GlobalWebinarsList-cell{
		height:88px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.GlobalWebinars-inner{
		padding:60px 20px 40px;
	}
	
	.GlobalWebinarsHeader{
		margin-bottom:40px;
	}
	
	.GlobalWebinarsHeader-title{
		font-size:26px;
	}
	
	.GlobalWebinarsHeader-text{
		font-size:14px;
	}
	
	.GlobalWebinarsList-text{
		font-size:15px;
	}
	
	.GlobalWebinarsList-cell{
		height:68px;
		padding: 0 11px;
	}
	
	.GlobalWebinarsList-item{
		width:50%;
	}
	
	.GlobalWebinarsList-text:after{
		width:16px;
		height:10px;
		background-size:16px 10px;
	}
}

@media screen and (max-width: 374px) and (min-width: 1px) {
	.GlobalWebinarsList-text{
		font-size:12px;
	}
}

/*=========================================================
	GlobalStaticElearningList
=========================================================*/
.GlobalStaticElearningList{
	margin-bottom:110px;
}

.GlobalStaticElearningList-list{
	margin:0 -12px;
	overflow:hidden;
	display: flex;
    flex-wrap: wrap;
}

.GlobalStaticElearningList-item{
	width:33.333%;
	padding:0 12px;
}

.GlobalStaticElearningListItem{
	height:100%;
	border:solid 2px #F37321;
	border-radius:15px 15px;
	padding:35px 25px 125px;
	position:relative;
}

.GlobalStaticElearningListItem-header{
	padding-left:15px;
	padding-right:72px;
	padding-bottom:17px;
	border-bottom:solid 1px #D1D1D1;
	margin-bottom:25px;
	position:relative;
}

.GlobalStaticElearningListItem-img{
	line-height:0;
	max-width:176px;
	width:100%;
	margin-bottom:12px;
}

.GlobalStaticElearningListItemTitle{
	margin-bottom:5px;
}

.GlobalStaticElearningListItemTitle-title{
	display:block;
	font-size:26px;
	line-height:1.4em;
	color:#F37321;
	font-weight:bold;
}

.GlobalStaticElearningListItem-text{
	font-size:16px;
	line-height:1.5em;
	color:#000000;
	min-height:3em;
}

.GlobalStaticElearningListItemCont-text{
	padding:0 15px;
	font-size:14px;
	line-height:1.6em;
	color:#4C4948;
}

.GlobalStaticElearningListItemCont-link{
	position:absolute;
	bottom:35px;
	left:25px;
	right:25px;
	border:solid 2px #F37321;
	border-radius:100px 100px;
	text-align:center;
	font-size:18px;
	line-height:1.2em;
	color:#F37321;
	padding:12px 5px;
}

.GlobalStaticElearningListItem-header:before{
	content:"";
	position:absolute;
	top:0px;
	right:10px;
}

.Step1 .GlobalStaticElearningListItem-header:before{
	width:53px;
	height:46px;
	background-image:url(../img/bg/ico-elearning-step1.png);
	background-size:53px 46px;
}

.Step2 .GlobalStaticElearningListItem-header:before{
	width:63px;
	height:51px;
	background-image:url(../img/bg/ico-elearning-step2.png);
	background-size:63px 51px;
}

.Step3 .GlobalStaticElearningListItem-header:before{
	width:63px;
	height:54px;
	background-image:url(../img/bg/ico-elearning-step4.png);
	background-size:63px 54px;
}

.GlobalStaticLineTitle{
	margin-bottom:40px;
	border-bottom:solid 1px #000;
	font-size:30px;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	padding-bottom:27px;
}

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

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.GlobalStaticElearningList{
		margin-bottom:90px;
	}
	
	.GlobalStaticElearningListItem-header:before{
		right:0;
	}
	
	.GlobalStaticElearningListItem-img{
		max-width:140px;
	}
	
	.GlobalStaticElearningListItemTitle-title{
		font-size:20px;
	}
	
	.GlobalStaticElearningListItem-text{
		font-size:14px;
	}
	
	.GlobalStaticElearningListItemCont-text{
		font-size:13px;
	}
	
	.GlobalStaticElearningListItemCont-link{
		font-size:16px;
		bottom:25px;
	}
	
	.GlobalStaticElearningListItem{
		padding-bottom:100px;
	}
	
	.GlobalStaticLineTitle{
		font-size:32px;
		margin-bottom:30px;
		padding-bottom:15px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.GlobalStaticElearningList{
		margin-bottom:70px;
	}
	
	.GlobalStaticElearningList-list{
		margin:0 -5px;
	}
	
	.GlobalStaticElearningList-item{
		padding:0 5px;
	}
	
	.GlobalStaticElearningListItem-header:before{
		right:0;
	}
	
	.GlobalStaticElearningListItem-img{
		max-width:100px;
	}
	
	.GlobalStaticElearningListItemTitle-title{
		font-size:20px;
	}
	
	.GlobalStaticElearningListItem-text{
		font-size:14px;
	}
	
	.GlobalStaticElearningListItemCont-text{
		font-size:13px;
		padding:0;
	}
	
	.GlobalStaticElearningListItemCont-link{
		font-size:16px;
		bottom:25px;
		left:20px;
		right:20px;
	}
	
	.GlobalStaticElearningListItem{
		padding:35px 20px 100px;
	}
	
	.Step1 .GlobalStaticElearningListItem-header:before{
		width:40px;
		height:34px;
		background-size:40px 34px;
	}
	
	.Step2 .GlobalStaticElearningListItem-header:before{
		width:40px;
		height:34px;
		background-size:40px 34px;
	}
	
	.Step3 .GlobalStaticElearningListItem-header:before{
		width:40px;
		height:34px;
		background-size:40px 34px;
	}
	
	.GlobalStaticElearningListItem-header{
		padding:0 0 15px;
	}
	
	.GlobalStaticLineTitle{
		font-size:28px;
		margin-bottom:30px;
		padding-bottom:15px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.GlobalStaticElearningList{
		margin-bottom:70px;
	}
	
	.GlobalStaticElearningList-list{
		margin:0 -5px;
	}
	
	.GlobalStaticElearningList-item{
		padding:0 5px;
		width:100%;
		margin-top:15px;
	}
	
	.GlobalStaticElearningList-item:first-child{
		margin-top:0;
	}
	
	.GlobalStaticElearningListItem-header:before{
		right:0;
	}
	
	.GlobalStaticElearningListItem-img{
		max-width:100px;
	}
	
	.GlobalStaticElearningListItemTitle-title{
		font-size:18px;
	}
	
	.GlobalStaticElearningListItem-text{
		font-size:13px;
		min-height:0;
	}
	
	.GlobalStaticElearningListItemCont-text{
		font-size:12px;
		padding:0;
	}
	
	.GlobalStaticElearningListItemCont-link{
		font-size:15px;
		bottom:25px;
		left:20px;
		right:20px;
	}
	
	.GlobalStaticElearningListItem{
		padding:35px 20px 100px;
	}
	
	.Step1 .GlobalStaticElearningListItem-header:before{
		width:40px;
		height:34px;
		background-size:40px 34px;
	}
	
	.Step2 .GlobalStaticElearningListItem-header:before{
		width:40px;
		height:34px;
		background-size:40px 34px;
	}
	
	.Step3 .GlobalStaticElearningListItem-header:before{
		width:40px;
		height:34px;
		background-size:40px 34px;
	}
	
	.GlobalStaticElearningListItem-header{
		padding:0 0 15px;
	}
	
	.GlobalStaticLineTitle{
		font-size:20px;
		margin-bottom:30px;
		padding-bottom:15px;
	}
	
	.TopRightBgBanner.global{
		height:320px;
	}
}




/*=========================================================
	ElearningItem
=========================================================*/
.ElearningPost-list{
	margin:-25px -15px;
	overflow:hidden;
}

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

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

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

.ElearningItemThumb{
	margin-bottom:12px;
	display:block;
}

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

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

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

.ElearningItemThumb-inner img{
	transition-property: transform;
    transition-duration: 0.2s;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.ElearningItemThumb-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;
	display:none;
}

.is-Video .ElearningItemThumb-ico{
	display:block;
}

.ElearningItemThumb-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%);
}

.ElearningItemCont-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;
}

.ElearningItemContBtn{
	font-size:0;
	line-height:0;
	margin-top:12px;
}

.ElearningItemContBtn-btn{
	display:inline-block;
    background-color: #fff;
    border: 2px solid #F37321;
    border-radius: 40px;
    padding: 8px 20px;
	position:relative;
}
.ElearningItemContBtn-btn:after{
	content:'';
	display:block;
}
.ElearningItemContBtn-text{
	display:block;
	padding-right:26px;
	position:relative;
    color: #F37321;
	font-size: 14px;
    font-weight: 500;
	line-height:1.4em;
}
.ElearningItemContBtn-text:after{
	content: '';
    width: 14px;
    height: 14px;
    background-image: url(../img/icon/ico-ButtonDownload.png);
    background-size: 14px 14px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.ElearningItemCont-link{
	display:block;
	color:#000;
}

@media screen  and (min-width:1025px){
	a.ElearningItem-link:hover  .ElearningItemThumb-ico{
		transform:translate(-50%, -50%) scale(0.9);
		background-color:rgba(255,255,255,0.9);
	}
	
	a.ElearningItem-link:hover .ElearningItemCont-title{
		color:#F37321;
		text-decoration:underline;
	}
	a.ElearningItem-link:hover .ElearningItemThumb-inner img{
		transform:scale(1.06);
	}
	
	.ElearningItemContBtn-btn:hover{
		background-color:#F37321;
	}
	
	.ElearningItemContBtn-btn:hover .ElearningItemContBtn-text{
		color:#fff;
	}
	
	.ElearningItemContBtn-btn:hover .ElearningItemContBtn-text:after{
		background-image: url(../img/icon/ico-ButtonDownload-w.png);
	}
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.ElearningPost-list{
		margin: -20px -15px;
	}
	
	.ElearningPost-item{
		padding:20px 15px;
	}
	
	.ElearningItemCont-title{
		font-size:20px;
	}
	
	.ElearningItemThumb-ico{
		width:50px;
		height:50px;
	}
	
	.ElearningItemContBtn-text{
		font-size:13px;
	}
}

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

	.ElearningItemThumb-ico{
		width:50px;
		height:50px;
	}
	
	.ElearningItemContBtn-text{
		font-size:13px;
	}
}

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

	.ElearningItemFile-text:before{
		margin-top:0;
		width: 9px;
		height: 12px;
		background-size: 9px 12px;
	}
	
	.ElearningItemThumb-ico{
		width:40px;
		height:40px;
	}
	
	.ElearningItemContBtn-text{
		font-size:12px;
	}
}

/*=========================================================
	SSMLicense 1.6
=========================================================*/
.With-btn{
	position:relative;
	padding-right:220px;
}

.With-btn .DownloadBtn{
	position:absolute;
	bottom:0;
	right:0;
	padding:9px 25px;
	z-index:5;
}

.With-btn .DownloadBtn-text{
	font-size:14px;
	padding-right:25px;
}

.With-btn .DownloadBtn-text:after{
	width:15px;
	height:15px;
	background-size:15px 15px;
}

.With-btn .DownloadBtn.Position-Top{
	bottom:auto;
	top:0;
}

.SSMLicenseVerTitle{
	margin-top:80px;
	font-size:24px;
	line-height:1.4em;
	color:#000000;
	font-weight:bold;
	margin-bottom:28px;
}

/* SSMLicense 1.6: List
=========================================================*/
.SSMLicenseVerList-item{
	margin-top:10px;
}

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

.SSMLicenseVerListItem-input{
	display:none;
}

.SSMLicenseVerListItemLabel{
	border:solid 1px #D1D1D1;
	border-radius:15px 15px;
	display:block;
	cursor:pointer;
	padding:26px 65px 26px 97px;
	font-size:0;
	line-height:0;
	position:relative;
}

.SSMLicenseVerListItemLabel:after{
	content:"";
	width:24px;
	height:24px;
	position:absolute;
	top:50%;
	right:28px;
	background-image:url(../img/icon/ico-check-bs.png);
	background-size:24px 24px;
	transform:translateY(-50%);
}

.SSMLicenseVerListItem-input:checked + .SSMLicenseVerListItemLabel:after{
	background-image:url(../img/icon/ico-check-bs-checked.png);
}

.SSMLicenseVerListItemLabel-title{
	display:inline-block;
	vertical-align:middle;
	font-size:20px;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	padding-right:18px;
	margin-right:17px;
	position:relative;
}

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

.SSMLicenseVerListItemLabel-title:before{
	content:"";
	width:45px;
	height:45px;
	background-image:url(../img/icon/SSMLicenseVer-icon.png);
	background-size:45px 45px;
	position:absolute;
	top:-8px;
	left:-67px;
}

.SSMLicenseVerListItemLabel-text{
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	line-height:1.4em;
	color:#4C4948;
}

.SSMLicenseVerLineBtn{
	border-top:solid 1px #D1D1D1;
	margin-top:35px;
	padding-top:24px;
}

.SSMLicenseVerLineBtn-list{
	margin:0 -5px;
	text-align:right;
	font-size:0;
	line-height:0;
}

.SSMLicenseVerLineBtn-item{
	display:inline-block;
	padding:0 5px;
	max-width:50%;
}

.DownloadBtn.Bg-orange{
	background-color:#F37321;
}	
.DownloadBtn.Bg-orange .DownloadBtn-text{
	color:#fff;
}
.DownloadBtn.Bg-orange .DownloadBtn-text:after{
	background-image: url(../img/icon/ico-ButtonDownload-w.png);
}

.SSMLicenseVerListItemLabel.Link{
	padding-right:175px;
}

.SSMLicenseVerListItemLabel.Link:after{
	display:none;
}

.SSMLicenseVerListItemLabel.Link .DownloadBtn{
	position:absolute;
	top:50%;
	right:28px;
	transform:translateY(-50%);
}


@media screen and (min-width: 1025px) {
	.DownloadBtn.Bg-orange:hover{
		background-color:transparent;
	}	
	.DownloadBtn.Bg-orange:hover .DownloadBtn-text{
		color:#F37321;
	}
	.DownloadBtn.Bg-orange:hover .DownloadBtn-text:after{
		background-image: url(../img/icon/ico-ButtonDownload.png);
	}
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.With-btn .DownloadBtn-text{
		font-size:13px;
	}
	
	.SSMLicenseVerTitle{
		margin-top:70px;
		margin-bottom:25px;
		font-size:22px;
	}
	
	.SSMLicenseVerListItemLabel-title{
		font-size:18px;
	}
	
	.SSMLicenseVerListItemLabel-text{
		font-size:14px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.With-btn .DownloadBtn-text{
		font-size:13px;
	}
	
	.SSMLicenseVerTitle{
		margin-top:60px;
		margin-bottom:22px;
		font-size:20px;
	}
	
	.SSMLicenseVerListItemLabel-title{
		font-size:16px;
		padding-left: 0;
	}
	
	.SSMLicenseVerListItemLabel{
		padding-left:87px;
	}
	
	.SSMLicenseVerListItemLabel-text{
		font-size:13px;
	}
	
	.SSMLicenseVerListItemLabel-title:before{
		width:40px;
		height:40px;
		background-size:40px 40px;
		left:-57px;
	}
	
	.SSMLicenseVerListItemLabel.Link .DownloadBtn{
		right:15px;
	}
	
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.SSMLicenseVerLineBtn-list{
		margin:0 -2px;
	}
	
	.SSMLicenseVerLineBtn-item{
		padding:0 2px;
	}
	.With-btn .DownloadBtn{
		padding: 8px 15px;
	}
	
	.With-btn .DownloadBtn-text{
		font-size:12px;
		padding-right:20px;
	}
	
	.SSMLicenseVerTitle{
		margin-top:40px;
		margin-bottom:15px;
		font-size:18px;
	}
	
	.SSMLicenseVerListItemLabel-title{
		font-size:14px;
		padding-left: 33px;
		display:block;
		margin-bottom:8px;
		padding-right:0;
		margin-right:0;
	}
	
	.SSMLicenseVerListItemLabel-title:after{
		display:none;
	}
	
	.SSMLicenseVerListItemLabel-text{
		font-size:12px;
		padding-left:33px;
	}
	
	.SSMLicenseVerListItemLabel-title:before{
		width:24px;
		height:24px;
		background-size:24px 24px;
		top:-2px;
		left:0;
	}
	
	.With-btn{
		padding-right:0;
	}
	
	.With-btn .DownloadBtn{
		position:static;
		margin-top:20px;
	}
	
	.SSMLicenseVerLineBtn{
		margin-top:25px;
		padding-top:20px;
	}
	
	.SSMLicenseVerList.mb55{
		margin-bottom:20px !important;
	}
	
	.SSMLicenseVerListItemLabel{
		padding:20px 52px 20px 15px;
	}
	
	.SSMLicenseVerListItemLabel:after{
		right:15px;
	}
	
	.SSMLicenseVerListItemLabel.Link{
		padding-right:15px;
	}
	
	.SSMLicenseVerListItemLabel.Link .DownloadBtn{
		position:static;
		transform:translateY(0);
		margin-top:10px;
		width:100%;
	}
	
	.SSMLicenseVerListItemLabel.Link .DownloadBtn .DownloadBtn-text{
		display:inline-block;
	}
}

/*=========================================================
	VideoPopup
=========================================================*/
#BasicPopupVideoFrame{
	width:100% !important;
}

/*=========================================================
	Total Search Top
=========================================================*/
.TopTotalSearchSection{
	margin-top:-100px;
	background-color:#F4F4F4;
	padding:65px 0;
	margin-bottom:45px;
	position:relative;
}

.TopTotalSearchSection:before{
	content:"";
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	left:-3000px;
	background-color:#F4F4F4;
}

.TopTotalSearchSection:after{
	content:"";
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	right:-3000px;
	background-color:#F4F4F4;
}

.TopTotalSearchInput-sub{
	margin-top:59px;
	font-size:30px;
	line-height:1.5em;
	color:#000;
	font-weight:500;
	text-align:center;
}

.TopTotalSearchInput{
	position:relative;
	padding-right:60px;
	border-bottom:solid 3px #000;
}

.TopTotalSearchInput-submit{
	width:32px;
	height:32px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background-image:url(../img/icon/total-search-submit.png);
	background-size:32px 32px;
}

body .TopTotalSearchInput-text{
	display:block;
	width:100%;
	font-size:30px;
	line-height:normal;
	padding:8px 0;
	height:61px;
	text-align:left;
	font-weight:500;
}

input::-ms-clear,
input::-ms-reveal{
	display:none;width:0;height:0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
	display:none;
}

/*responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.TopTotalSearchSection{
		margin-top:-60px;
		padding:50px 0;
		margin-bottom:40px;
	}
	
	body .TopTotalSearchInput-text{
		font-size:26px;
		height:54px;
	}
	
	.TopTotalSearchInput-sub{
		font-size:24px;
		margin-top:35px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.TopTotalSearchSection{
		margin-top:-50px;
		padding:50px 0;
		margin-bottom:40px;
	}
	
	body .TopTotalSearchInput-text{
		font-size:22px;
		height:49px;
	}
	
	.TopTotalSearchInput-sub{
		font-size:20px;
		margin-top:35px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.TopTotalSearchSection{
		margin-top:-40px;
		padding:40px 0;
		margin-bottom:30px;
	}
	
	body .TopTotalSearchInput-text{
		font-size:20px;
		height:45px;
	}
	
	.TopTotalSearchInput-sub{
		font-size:16px;
		margin-top:20px;
	}
}

/*=========================================================
	Total Search Tab
=========================================================*/
.TotalSearchTab{
	margin-bottom:50px;
	text-align:center;
}

@media screen and (min-width: 1025px){
	.TotalSearchTab-wrapper{
		flex-wrap: wrap;
		margin-top:-10px;
	}
	
	body .TotalSearchTab-item{
		margin-top:10px;
	}
}

body .TotalSearchTab-item{
	width:auto;
	margin-right:10px;
}

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

.TotalSearchTabItem{
	width:100%;
}

body .TotalSearchTabItem-link{
	display:block;
	color:#8A8F92;
	font-size:16px;
	line-height:1.4em;
	padding:8px 22px;
	background-color:#fff;
	border:1px solid #D1D1D1;
	border-radius:40px;
}

body .TotalSearchTab-item.is-Current .TotalSearchTabItem-link:after{
	opacity:1;

}
.TotalSearchTab-item.is-Current .TotalSearchTabItem-link{
	border-color:#F37321;
	background-color:#F37321;
	color:#fff;
}
@media screen and (min-width: 1025px) {
	body .TotalSearchTabItem-link:hover{
		color:#fff;
		border-color:#F37321;
		background-color:#F37321;
	}
}

/* Responsive */
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.TotalSearchTab{
		margin-bottom:40px;
	}
	body .TotalSearchTabItem-link{
		font-size:16px;
		padding:8px 18px;
	}
}

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

	body .TotalSearchTabItem-link{
		font-size:16px;
	}
	
	body .TotalSearchTab-container{
		overflow:visible;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.TotalSearchTab{
		margin-bottom:35px;
	}
	body .TotalSearchTabItem-link{
		font-size:15px;
		padding-bottom:8px;
	}
	
	body .TotalSearchTab-container{
		overflow:visible;
	}
	
	.TotalSearchTabItem-link:after{
		height:2px;
	}
}

/*=========================================================
	Total Search Header
=========================================================*/
.TotalContSection{
	margin-bottom:90px;
}

.TotalContSection:last-child{
	margin-bottom:0;
}

.TotalContSectionHeader{
	position:relative;
	margin-bottom:30px;
	border-bottom:solid 1px #D1D1D1;
	padding-bottom:20px;
	font-size:0; 
	line-height:0;
}

.TotalContSectionHeader-title{
	font-size:24px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	display:inline-block;
	vertical-align:middle;
	margin-right:19px;
}

.TotalContSectionHeader-count{
	color:#F37321;
}


.TotalContSectionHeaderMore{
	display:block;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.TotalContSectionHeaderMore-text{
	display:block;
	font-size:16px;
	line-height:1.2em;
	color:#000000;
	padding-right:28px;
	position:relative;
}

.TotalContSectionHeaderMore-icon{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:22px;
	height:22px;
	border-radius:100%;
	border:solid 1px #8A8F92;
	margin-top:1px;
}

.TotalContSectionHeaderMore-icon:before{
	content:"";
	width:1px;
	height:9px;
	background-color:#8A8F92;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.TotalContSectionHeaderMore-icon:after{
	content:"";
	width:9px;
	height:1px;
	background-color:#8A8F92;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

@media screen and (min-width: 1025px) {
	.TotalContSectionHeaderMore:hover .TotalContSectionHeaderMore-text{
		color:#F37321;
	}
	
	.TotalContSectionHeaderMore:hover .TotalContSectionHeaderMore-icon{
		border-color:#F37321;
	}
	
	.TotalContSectionHeaderMore:hover .TotalContSectionHeaderMore-icon:before{
		background-color:#F37321;
	}
	
	.TotalContSectionHeaderMore:hover .TotalContSectionHeaderMore-icon:after{
		background-color:#F37321;
	}
}

.TotalContSectionHeaderCheck{
	display:inline-block;
	vertical-align:middle;
}

.TotalContSectionHeaderCheck-label{
	font-size:16px;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	display:block;
	padding-left:34px;
	position:relative;
	padding-top:2px;
	cursor:pointer;
}
.TotalContSectionHeaderCheck-label:before{
	content:"";
	width:20px;
	height:20px;
	border:solid 2px #000;
	position:absolute;
	top:0px;
	left:0;
}

.TotalContSectionHeaderCheck-input{
	display:none;
}

.TotalContSectionHeaderCheck-input:checked + .TotalContSectionHeaderCheck-label:before{
	background-image:url(../img/icon/checked-icon-small.png);
	background-size:12px 8px;
	background-position:center center;
	background-repeat:no-repeat;
}

.TotalContSectionCont .BasicPost{
	border-top:none;
	padding-top:0;
	padding-bottom:0;
	border-bottom:none;
}


/* Responsive */
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.TotalContSectionHeader-title{
		font-size:20px;
	}
	
	.TotalContSectionHeaderMore-text{
		font-size:14px;
	}
	
	.TotalContSectionHeaderCheck-label{
		font-size:14px;
		padding-left:30px;
	}
	
	.TotalContSectionHeaderCheck-label:before{
		width:18px;
		height:18px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.TotalContSectionHeader-title{
		font-size:19px;
	}
	
	.TotalContSectionHeaderMore-text{
		font-size:14px;
	}
	
	.TotalContSectionHeaderCheck-label{
		font-size:14px;
		padding-left:30px;
	}
	
	.TotalContSectionHeaderCheck-label:before{
		width:18px;
		height:18px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.TotalContSectionHeader{
		margin-bottom:20px;
		padding-bottom:15px;
	}
	.TotalContSectionHeader-title{
		font-size:17px;
		margin-right:15px;
	}
	
	.TotalContSectionHeaderMore-text{
		font-size:14px;
	}
	
	.TotalContSectionHeaderCheck-label{
		font-size:12px;
		padding-left:26px;
	}
	
	.TotalContSectionHeaderCheck-label:before{
		width:16px;
		height:16px;
	}
	
	.TotalContSectionHeaderMore{
		margin-top:-6px;
	}
}

/*=========================================================
	TotalBsPost
=========================================================*/
.TotalBsPost-item{
	margin-top:40px;
}

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

.TotalBsPostItem-link{
	display:table;
	table-layout:fixed;
	width:100%;
}

.TotalBsPostItemThumb{
	width:25%;
	display:table-cell;
	vertical-align:top;
}

.TotalBsPostItemCont{
	display:table-cell;
	vertical-align:middle;
	padding-left:34px;
}

.TotalBsPostItemThumb-img{
	position:relative;
	overflow:hidden;
}

.TotalBsPostItemThumb-img:after{
	content:"";
	display:block;
	padding-bottom:64%;
}

.TotalBsPostItemThumb-img img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	transition-property: transform;
    transition-duration: 0.2s;
}

.TotalBsPostItemCont-cate{
	font-size:16px;
	line-height:1.3em;
	color:#F37321;
	font-weight:500;
	margin-bottom:5px;
}

.TotalBsPostItemCont-title{
	font-size:24px;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    max-height: 2.8em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.TotalBsPostItemCont-sub{
	font-size:16px;
	line-height:1.5em;
	color:#000;
	margin-top:12px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    max-height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.TotalBsPostItemCont-sub em{
	color:#F37321;
	font-style:normal;
}

@media screen and (min-width: 1025px){
	.TotalBsPostItem-link:hover .TotalBsPostItemThumb-img img{
		transform:scale(1.1);
	}
	
	.TotalBsPostItem-link:hover .TotalBsPostItemCont-title{
		color:#F37321;
		text-decoration:underline;
	}
}

/* Responsive */
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.TotalBsPostItemCont-cate{
		font-size:14px;
	}
	
	.TotalBsPostItemCont-title{
		font-size:20px;
	}
	
	.TotalBsPostItemCont-sub{
		font-size:14px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.TotalBsPostItemCont-cate{
		font-size:12px;
	}
	
	.TotalBsPostItemCont-title{
		font-size:18px;
	}
	
	.TotalBsPostItemCont-sub{
		font-size:13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.TotalBsPostItemCont-cate{
		font-size:12px;
	}
	
	.TotalBsPostItemCont-title{
		font-size:16px;
	}
	
	.TotalBsPostItemCont-sub{
		font-size:12px;
		margin-top:8px;
	}
	
	.TotalBsPostItemCont{
		padding-left:15px;
	}
}

/*=========================================================
	TotalProductPost
=========================================================*/
.TotalProductPost-list{
	margin:-16px -12px;
    display: flex;
    flex-wrap: wrap;
	overflow:hidden;
}

.TotalProductPost-item{
	padding:16px 12px;
	width:33.333%;
}

.TotalProductPostItem{
	height:100%;
}

.TotalProductPostItem-link{
	display:block;
	position:relative;
	height:100%;
	padding:15px 15px 30px;
}

.TotalProductPostItem-link:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
	border:solid 3px #FD6721;
	opacity:0;
	visibility:hidden;
}

@media screen and (min-width: 1025px){
	.TotalProductPostItem-link:hover:after{
		opacity:1;
		visibility:visible;
	}
	
	.TotalProductPostItem-link:hover .TotalProductPostItemThumb-img{
		transform:scale(1.1);
	}
}

.TotalProductPostItem-new{
	position:absolute;
	top:14px;
	left:0;
	font-size:11px;
	line-height:1.2em;
	color:#fff;
	background-color:#F37321;
	padding:6px 10px;
}

.TotalProductPostItem-extinction{
	position:absolute;
	top:14px;
	left:0;
	font-size:11px;
	line-height:1.4em;
	color:#fff;
	background-color:#8A8F92;
	padding:5px 10px;
	z-index:5;
}

.TotalProductPostItemThumb{
	line-height:0;
	margin-bottom:10px;
}

.TotalProductPostItemThumb-img{
	position:relative;
	max-width:260px;
	margin:0 auto;
	transition-property:transform;
	transition-duration: 0.2s;
}

.TotalProductPostItemThumb-img:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.TotalProductPostItemThumb-img img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:100%;
	max-height:100%;
}

.TotalProductPostItemCont{
	text-align:center;
	position:relative;
	z-index:5;
}

.TotalProductPostItemCont-title{
	font-size:23px;
	line-height:1.4em;
	color:#000;
	font-weight:500;
}

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

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

.TotalProductPostMore-btn{
	display:inline-block;
	border:solid 2px #CECECE;
	text-align:center;
	font-size:16px;
	line-height:1.25;
	color:#555555;
	font-weight:500;
	padding:14.5px 0px 15.5px 0px;
	width:90%;
	max-width:400px;
	height: 54px;
	margin-top:23px;
	text-decoration: none;
	letter-spacing:-0.64px;
}

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

/* Responsive */
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.TotalProductPostItemCont-title{
		font-size:20px;
	}
	
	.TotalProductPostItemCont-sub{
		font-size:16px;
	}
	
	.TotalProductPostItemThumb-img{
		max-width:210px;
	}
	
	.TotalProductPostMore-btn{
		font-size:16px;
		width: 404.8px
	}
	
	.TotalProductPostMore{
		padding-bottom:40px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.TotalProductPostItemCont-title{
		font-size:18px;
	}
	
	.TotalProductPostItemCont-sub{
		font-size:14px;
	}
	
	.TotalProductPostItemThumb-img{
		max-width:210px;
	}
	
	.TotalProductPostMore-btn{
		font-size:16px;
		padding:14.5px 0px 15.5px 0px;
	}
	
	.TotalProductPostMore{
		padding-bottom:30px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.TotalProductPost-list{
		margin:-12px -5px;
	}
	
	.TotalProductPost-item{
		width:50%;
		padding:12px 5px;
	}
	
	.TotalProductPostItem-link{
		padding: 30px 0px 0px;
	}
	
	.TotalProductPostItemCont-title{
		font-size:16px;
	}
	
	.TotalProductPostItemCont-sub{
		font-size:12px;
	}
	
	.TotalProductPostItemThumb-img{
		max-width:210px;
	}
	
	.TotalProductPostItem-new{
		font-size:10px;
		padding: 4px 10px;
	}
	
	.TotalProductPostMore-btn{
		font-size:16px;
		max-width: initial;
		padding:14.5px 0px 15.5px 0px;
	}
	
	.TotalProductPostMore{
		padding-bottom:20px;
	}
}

/*=========================================================
	DataCenterTable
=========================================================*/
.DataCenterTable{
	width:100%;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	margin-bottom:18px;
	table-layout:fixed;
}


.DataCenterThead{
	border-bottom:solid 1px #000000;
}

.DataCenterTbody > tr > th,
.DataCenterTbody > tr > td{
	border-top:solid 1px #D1D1D1;
	vertical-align:top;
	text-align:left;
	padding:20px 20px;
}

.DataCenterTbody > tr > td{
	padding-right:0;
}

.DataCenterTbody > tr > th .DataCheckBox{
	margin-top:47px;
}

.DataCenterTbody > tr:first-child > th,
.DataCenterTbody > tr:first-child > td{
	border-top:none;
}

.DataCenterThead > tr > th{
	font-size:18px;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	padding:15px 20px;
	vertical-align:middle;
}

.DataCheckBox{
	float:left;
}

.DataCheckBox-input{
	display:none;
}

.DataCheckBox-label{
	display:block;
	width:20px;
	height:20px;
	border:solid 2px #D8D8D8;
	cursor:pointer;
}

.DataCheckBox-input:checked + .DataCheckBox-label{
	border-color:#000;
	background-image: url(../img/icon/checked-icon-small.png);
    background-size: 12px 8px;
    background-position: center center;
    background-repeat: no-repeat;
}

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

.DataCenterBtn .DownloadBtn{
	display:inline-block;
	min-width:130px;
}

/* Responsive */
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.DataCenterThead > tr > th{
		font-size:16px;
	}
	
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.DataCenterThead > tr > th{
		font-size:14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.DataCenterThead > tr > th{
		font-size:14px;
		padding:14px 10px;
	}
	
	.DataCenterTable colgroup col:first-child{
		width:30px !important;
	}
	
	.DataCenterTbody > tr > th, .DataCenterTbody > tr > td{
		padding: 20px 10px;
		padding-right:0;
	}
	
	.DataCenterTbody > tr > th .DataCheckBox{
		margin-top:39px;
	}
}

/*=========================================================
	DataCenterItem
=========================================================*/
.DataCenterItemProduct{
	display:table;
	table-layout:fixed;
	width:100%;
}

.DataCenterItemProductThumb{
	width:120px;
	display:table-cell;
	vertical-align:top;
}

.DataCenterItemProductCont{
	display:table-cell;
	vertical-align:top;
	padding-left:40px;
}

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

.DataCenterItemProductThumb-link img{
	transition-property: transform;
    transition-duration: 0.2s;
}

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

.DataCenterItemProductContTitle{
	margin-bottom:8px;
}

.DataCenterItemProductContTitle-new{
	display:inline-block;
	font-size:10px;
	line-height:1.2em;
	color:#fff;
	font-weight:bold;
	padding:4px 11px;
	background-color:#F37321;
	vertical-align:middle;
	margin-right:16px;
}

.DataCenterItemProductContTitle-title{
	font-size:18px;
	line-height:1.6em;
	color:#000;
	font-weight:bold;
	vertical-align:middle;
}

.DataCenterItemProductContSub{
	font-size:15px;
	line-height:1.5em;
	color:#000;
}

.DataCenterItemProductContMeta{
	margin-top:13px;
	background-color:#F4F4F4;
	padding:14px 20px;
	padding-right:64px;
	position:relative;
}

.DataCenterItemProductContMeta-list{
	margin:-3px -12px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}

.DataCenterItemProductContMeta-item{
	display:inline-block;
	padding:3px 12px;
	position:relative;
}

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

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

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

/*.DataCenterItemProductContMeta-item.is-Current .DataCenterItemProductContMeta-link{*/
/*	color:#F37321;*/
/*}*/

/*.DataCenterItemProductContMeta-link .count{*/
/*	color:#F37321;*/
/*}*/

body .DataCenterItemProductContMeta-arrow{
	width:62px;
	height:44px;
	background-image:url(../img/icon/DataCenterItemProductContMeta-arrow.png);
	background-size:14px 8px;
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	right:0;
}

/* Responsive */
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.DataCenterItemProductContTitle-title{
		font-size:16px;
	}
	
	.DataCenterItemProductContSub{
		font-size:14px;
	}
	
	.DataCenterItemProductContMeta-link{
		font-size:13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.DataCenterItemProductContTitle-title{
		font-size:16px;
	}
	
	.DataCenterItemProductContSub{
		font-size:14px;
	}
	
	.DataCenterItemProductContMeta-link{
		font-size:14px;
	}
	
	.DataCenterItemProductContMeta-item{
		padding-right:0;
		margin-right:0;
	}
	
	.DataCenterItemProductContMeta-item:after{
		display:none;
	}
	
	.DataCenterItemProductContMeta-item + .DataCenterItemProductContMeta-item{
		display:none !important;
	}
	
	body .DataCenterItemProductContMeta-arrow{
		width:100%;
		height:100%;
		background-position: calc(100% - 20px) center;
		z-index:5;
	}
	
	body .DataCenterItemProductContMeta-arrow.is-Open{
		background-position: 20px center;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.DataCenterItemProductThumb{
		width:80px;
	}
	
	.DataCenterItemProductCont{
		padding-left:20px;
	}
	
	.DataCenterItemProductContTitle-title{
		font-size:15px;
		line-height:1.4em;
	}
	
	.DataCenterItemProductContSub{
		font-size:13px;
	}
	
	.DataCenterItemProductContMeta-link{
		font-size:14px;
	}
	
	.DataCenterItemProductContMeta-item{
		padding-right:0;
		margin-right:0;
	}
	
	.DataCenterItemProductContMeta-item:after{
		display:none;
	}
	
	.DataCenterItemProductContMeta-item + .DataCenterItemProductContMeta-item{
		display:none !important;
	}
	
	body .DataCenterItemProductContMeta-arrow{
		width:100%;
		height:100%;
		background-position: calc(100% - 20px) center;
		z-index:5;
	}
	
	body .DataCenterItemProductContMeta-arrow.is-Open{
		background-position: 20px center;
	}
	
	.DataCenterItemProductContTitle-new{
		margin-right:7px;
	}
}

/*=========================================================
	DataCenterItemInfo
=========================================================*/
.DataCenterItemInfo{
	margin-top:35px;
	padding-bottom:20px;
	display:none;
}

.DataCenterItemInfoTable{
	width:100%;
	border-top:solid 2px #D1D1D1;
	border-bottom:solid 1px #D1D1D1;
}

.DataCenterItemInfoTableThead{
	border-bottom:solid 1px #D1D1D1;
}

.DataCenterItemInfoTableThead th{
	border-left:solid 1px #D1D1D1;
	font-size:14px;
	font-weight:500;
	color:#4C4948;
	line-height:1.2em;
	padding:16px 20px;
	text-align:center;
	vertical-align:middle;
}

.DataCenterItemInfoTableThead th:first-child{
	border-left:none;
}

.DataCenterItemInfoTableTbody th,
.DataCenterItemInfoTableTbody td{
	padding:10px 20px;
	font-size:14px;
	line-height:1.5em;
	color:#4C4948;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
}

.DataCenterItemInfoTableTbody th{
	border-right:solid 1px #D1D1D1;
	font-weight:500;
}

.DataCenterItemInfoTableTbody td.filename{
	text-align:left;
}

.DataCenterItemInfoTable-link{
	color:#8A8F92;
}

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

.DataCenterItemInfoTableTbody tr:first-child th,
.DataCenterItemInfoTableTbody tr:first-child td{
	padding-top:20px;
}

.DataCenterItemInfoTableTbody tr:last-child th,
.DataCenterItemInfoTableTbody tr:last-child td{
	padding-bottom:20px;
}

body .DataCenterItemProductContMeta-arrow.is-Open{
	transform:rotate(180deg);
}

/* Responsive */
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.DataCenterItemInfoTableThead th{
		font-size:13px;
	}
	
	.DataCenterItemInfoTableTbody th, .DataCenterItemInfoTableTbody td{
		font-size:13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.DataCenterItemInfoTableThead th{
		font-size:13px;
	}
	
	.DataCenterItemInfoTableTbody th, .DataCenterItemInfoTableTbody td{
		font-size:13px;
	}
	
	.DataCenterItemInfoTableTbody td.date{
		display:none;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.DataCenterItemInfoTableThead th{
		font-size:12px;
	}
	
	.DataCenterItemInfoTableTbody th, .DataCenterItemInfoTableTbody td{
		font-size:12px;
	}
	
	.DataCenterItemInfoTableTbody td.date{
		display:none;
	}
	
	.DataCenterItemInfoTableThead th{
		padding:12px 10px;
	}
	
	.DataCenterItemInfoTableTbody th, .DataCenterItemInfoTableTbody td{
		padding:7px 10px;
	}
	
	.DataCenterItemInfoTableTbody td{
		word-break: break-all;
	}
	
	.DataCenterItemInfoTableTbody tr:first-child th,
	.DataCenterItemInfoTableTbody tr:first-child td{
		padding-top:7px;
	}

	.DataCenterItemInfoTableTbody tr:last-child th,
	.DataCenterItemInfoTableTbody tr:last-child td{
		padding-bottom:7px;
	}
}

/*	DataSelect
=========================================================*/
.DataCenterItemInfoSelect{
	margin-bottom:22px;
	display:none;
}

body .DataCenterSelect{
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
	font-size: 14px;
    line-height: 1.2em;
    color: #4C4948;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    padding: 11px 10px;
    padding-right: 42px;
    background-color: #fff;
    border: solid 1px #000000;
    position: relative;
    height: 40px;
    background-image:url(../img/icon/Data-Info-arrow.png);
	background-position:calc(100% - 18px) center;
	background-repeat:no-repeat;
	background-size: 10px 5px;
	cursor:pointer;
	width:100%;
	display:block;
	font-family: Noto Sans,'Noto Sans',notosans;
}

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

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

/* Responsive */
@media screen and (max-width: 1024px) and (min-width: 1px){
	.DataCenterItemInfoSelect{
		display:block;
	}
}


/*=========================================================
	TotalFilePostList
=========================================================*/
.TotalContSectionCont .FilePostList-item:nth-child(3) ~ .FilePostList-item{
	display:block;
}

.TotalContSectionCont .FilePostList{
	padding:0;
	border:none;
}

.FilePost-cate{
	font-size:16px;
	line-height:1.2em;
	color:#F37321;
	font-weight:500;
	margin-bottom:20px;
} 

.PostSelect{
	max-width:100%;
	width:124px;
	position:relative;
}

.PostSelect-text{
	font-size:14px;
	line-height:1.2em;
	color:#000;
	padding:9px 12px;
	padding-right:40px;
	border:solid 1px #D1D1D1;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	position:relative;
}

.PostSelect-text:after{
	content:"";
	width:9px;
	height:4px;
	background-image:url(../img/icon/post-icon-arrow.png);
	background-size:9px 4px;
	position:absolute;
	top:50%;
	right:15px;
	transform:translateY(-50%);
}

.PostSelect-list{
	overflow-y:auto;
	max-height:120px;
	position:absolute;
	border:solid 1px #D1D1D1;
	border-top:none;
	z-index:50;
	background-color:#fff;
	left:0;
	right:0;
	display:none;
}

.PostSelect-link{
	font-size:11px;
	line-height:1.4em;
	color:#000;
	display:block;
}

.PostSelect-item{
	border-top:solid 1px #D1D1D1;
	padding:5px 12px;
}

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

@media screen  and (min-width: 1025px){
	.PostSelect-link:hover{
		color:#F37321;
		text-decoration:underline;
	}
	.PostSelect-list{
		scrollbar-face-color:#d1d1d1; 
		scrollbar-track-color: #fff; 
		scrollbar-arrow-color: #fff; 
	}
	.PostSelect-list::-webkit-scrollbar {
		width: 2px;
	}
	 
	.PostSelect-list::-webkit-scrollbar-thumb {
		background-color: #d1d1d1; 
		border: 2px solid transparent;
	}
	.PostSelect-list::-webkit-scrollbar-track {
		background-color: #fff ;
	}
}

/* Responsive */
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.FilePost-cate{
		font-size:14px;
		margin-bottom:15px;
	}
	
	.PostSelect-text{
		font-size:12px;
		padding-right: 20px;
	}
	
	.PostSelect-text:after{
		right:10px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.FilePost-cate{
		font-size:13px;
		margin-bottom:10px;
	}
	
	.PostSelect-text{
		font-size:12px;
		padding-right: 20px;
	}
	
	.PostSelect-text:after{
		right:10px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.FilePost-cate{
		font-size:12px;
		margin-bottom:10px;
	}
	
	.PostSelect{
		width:100%;
	}
	.PostSelect-link{
		font-size:10px;
	}
	
	.PostSelect-text{
		font-size:12px;
		padding-right: 20px;
	}
	
	.PostSelect-text:after{
		right:10px;
	}
	
}

/*=========================================================
	TotalVideo
=========================================================*/
.TotalContSectionCont .VideoPost{
	padding:0;
	border:none;
	text-align:center;
}

.TotalContSectionCont .VideoPost-item{
	width:50%;
}

.TotalContSectionCont .VideoPost-item:nth-child(3n +1){
	clear:none;
}

.TotalContSectionCont .VideoPost-item:nth-child(odd){
	clear:both !important;
}

.TotalContSectionCont .VideoPostItem-link{
	padding:24px 24px;
	border:solid 1px #000;
}

.VideoPostItemCont-sub{
	font-size:14px;
	line-height:1.6em;
	color:#4C4948;
	margin-top:10px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 3.2em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.TotalContSectionCont .VideoPostItemCont-title{
	-webkit-line-clamp: 1;
	line-height:1.4em;
	height: 1.4em;
}

/* Responsive */
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.VideoPostItemCont-sub{
		font-size:13px;
	}
	
	.TotalContSectionCont .VideoPostItem-link{
		padding:22px 22px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.VideoPostItemCont-sub{
		font-size:13px;
	}
	
	.TotalContSectionCont .VideoPostItem-link{
		padding:20px 20px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.VideoPostItemCont-sub{
		font-size:11px;
		margin-top:7px;
	}
	
	.TotalContSectionCont .VideoPostItem-link{
		padding:10px 10px;
	}
}

/*=========================================================
	RSS
=========================================================*/
/* RSS:Banner
=========================================================*/
.RssBanner{
	margin-bottom:50px;
	background-image:url(../img/bg/rss-banner-min.png);
	background-size:cover;
	background-position:center center;
	padding:50px 50px;
	position:relative;
}

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

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

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

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

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

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

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

/* RSS:RssLink
=========================================================*/
.RssLink-item{
	margin-top:30px;
}

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

.RssLinkItem{
	padding:35px 32px;
	padding-right:166px;
	position:relative;
	border:dashed 1px #8A8F92;
	border-radius:20px 20px;
	min-height:196px;
}

.RssLinkItem-link{
	width:100px;
	height:100px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:32px;
	background-image:url(../img/icon/ico-lang-rssbox.png);
	background-size:100px 100px;
}

[lang="ko-KR"] .RssLinkItem-link{
	background-image:url(../img/icon/ico-rssbox.png);
}

[lang*="ru"] .RssLinkItem-link{
	background-image:url(../img/icon/ico-ru-rssbox.png);
}

.RssLinkItem-title{
	font-size:36px;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	margin-bottom:10px;
}

.RssLinkItem-text{
	font-size:14px;
	line-height:1.6em;
	color:#4C4948;
}

.RssLinkItemBtn{
	margin-top:15px;
	font-size:0;
	line-height:0;
}

.RssLinkItemBtn-btn{
	display:inline-block;
	border:solid 2px #F37321;
	border-radius:100px 100px;
	padding:10px 20px;
}

.RssLinkItemBtn-text{
	font-size:14px;
	line-height:1.2em;
	color:#F37321;
	font-weight:500;
	display:block;
	position:relative;
	padding-right:24px;
	transition-property: padding-right;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

.RssLinkItemBtn-text:after{
	content:"";
	width:17px;
	height:11px;
	background-image:url(../img/icon/ico-btn-arrow-c.png);
	background-size:17px 11px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	margin-top:1px;
}

@media screen and  (min-width: 1025px) {
	.RssLinkItemBtn-btn:hover .RssLinkItemBtn-text{
		padding-right:32px;
	}
}

/* Responsive */
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.RssLinkItem-title{
		font-size:30px;
	}
	
	.RssLinkItem-text{
		font-size:13px;
	}
	
	.RssLinkItemBtn-text{
		font-size:13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.RssLinkItem-title{
		font-size:26px;
	}
	
	.RssLinkItem-text{
		font-size:13px;
	}
	
	.RssLinkItemBtn-text{
		font-size:13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.RssLink-item{
		margin-top:20px;
	}
	
	.RssLinkItem{
		padding:25px 20px;
		min-height:0;
	}
	
	.RssLinkItem-title{
		font-size:22px;
	}
	
	.RssLinkItem-text{
		font-size:13px;
	}
	
	.RssLinkItemBtn-text{
		font-size:13px;
	}
	
	.RssLinkItem-link{
		width:40px;
		height:40px;
		background-size:40px 40px;
		transform:translateY(0);
		top:10px;
		right:10px;
	}
}

/* RSS:RssProduct
=========================================================*/
.RssProduct{
	margin-top:30px;
	padding: 52px 45px;
    padding-right: 220px;
    position: relative;
	background-color:#FBF2ED;
    border-radius: 20px 20px;
	min-height:196px;
}


.RssProductBtn-btn{
	position:absolute;
	bottom:35px;
	right:32px;
	border:solid 2px #000000;
	background-color:#000000;
	border-radius:100px 100px;
	padding:10px 20px;
	z-index:5;
}

.RssProductBtn-text{
	font-size:14px;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
	display:block;
	position:relative;
	padding-right:24px;
	transition-property: padding-right;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

.RssProductBtn-text:after{
	content:"";
	width:17px;
	height:11px;
	background-image:url(../img/icon/ico-btn-arrow.png);
	background-size:17px 11px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	margin-top:1px;
}

.RssProductText{
	position:relative;
	padding-left:90px;
}

.RssProductText:before{
	content:"";
	width:64px;
	height:65px;
	background-image:url(../img/icon/ico-rss-bell.png);
	background-size:64px 65px;
	position:absolute;
	top:-5px;
	left:0;
}

.RssProductText-title{
	font-size:24px;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	margin-bottom:10px;
}

.RssProductText-text{
	font-size:14px;
	line-height:1.6em;
	color:#4C4948;
}

@media screen and  (min-width: 1025px) {
	.RssProductBtn-btn:hover{
		border:solid 2px #F37321;
		background-color:#F37321;
	}
}

/* Responsive */
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.RssProductText-title{
		font-size:22px;
	}
	
	.RssProductText-text{
		font-size:14px;
	}
	
	.RssProductBtn-text{
		font-size:13px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.RssProductText-title{
		font-size:22px;
	}
	
	.RssProductText-text{
		font-size:14px;
	}
	
	.RssProductBtn-text{
		font-size:13px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.RssProduct{
		padding:25px 20px;
	}
	
	.RssProductText{
		padding-left:40px;
	}
	
	.RssProductText:before{
		width:30px;
		height:30px;
		background-size:30px 30px;
		top:-4px;
	}
	
	.RssProductText-title{
		font-size:18px;
	}
	
	.RssProductText-text{
		font-size:12px;
	}
	
	.RssProductBtn-btn{
		position:static;
		display:block;
		margin-top:15px;
	}
	
	.RssProductBtn-text{
		font-size:13px;
	}
}

/*=========================================================
	Compliance Program
=========================================================*/
.lang-type .ManageTarget-item{
	padding-top:44px;
	padding-bottom:45px;
}

.lang-type .ManageTargetStep-item:nth-child(4){
	border-right: 1px dashed #D1D1D1;
}

.lang-type .ManageTargetStep-item:nth-last-of-type(4){
	border-right:none;
}

@media screen and (max-width: 1440px) and (min-width: 1px){
	.lang-type .ManageTarget-item{
		padding-top: 3.2183vw;
		padding-bottom: 3.1183vw;
	}
	
	
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.lang-type .ManageTarget-item{
		padding-top: 2.2183vw;
		padding-bottom: 2.1183vw;
	}
}

.AboutTitleCont-sub{
	font-weight:bold;
}

[lang="ko-KR"] .AboutTitleCont-sub{
	font-weight:500;
}

.ManageTargetStep-title{
	font-weight:bold;
}

[lang="ko-KR"] .ManageTargetStep-title{
	font-weight:500;
}

/*=========================================================
	TotalData
=========================================================*/
.DataPostList-list{
	margin:-7px -7px;
    display: flex;
    flex-wrap: wrap;
}

.DataPostList-item{
	padding: 7px 7px;
    flex: 0 0 25%;
    max-width: 25%;
}

.DataPostList-item.no-result{
	width:100% !important;
	flex: 0 0 100% !important;
    max-width: 100% !important;
	padding:20px 0;
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.DataPostList-item{
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.DataPostList-item{
		padding:5px 5px;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

/*=========================================================
	구버전 상세페이지 코드
=========================================================*/
 .k_news_head_desc {
	margin: 25px 0px 35px 0px;
	color: #222;
	font-size: 30px;
	line-height: 48px;
	font-weight: bold;
	text-align: center !important;
}

.k_news_head_desc_hanwha {
	font-size: 32px;
	font-family: 'Hanwha';
	font-style: normal;
}

.k_news_comments {
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 2px;
}

.k_news_comments_source {
	text-align: right;
}

.k_head_hr {
	margin: 40px 0px;
}

.k_news_img {
	width: 100% !important;
}

.k_news_img1 {
	width: 55% !important;
}

.k_news_img_80100 {
	width: 80% !important;
	margin: 15px 0px;
}

.k_next_op {
	margin-bottom: 60px;
}

.k_para_title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 6px;
	color: #EC6A05;
}

.k_para_title_no {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #4C4C4E;
}

.k_para_desc {}

.k_para_desc_mb {
	margin-bottom: 10px;
}

.k_def-mar-tb {
	margin: 50px 0px 60px 0px;
}

.k_img_desc {
	font-size: 14px;
	margin-top: 5px;
}

.k_color_hanwha {
	color: #EC6A05;
}

.k_ta_center {
	text-align: center;
}

.k_fw_bold {
	font-weight: bold;
}

.k_fs_italic {
	font-style: italic;
}

.k_fs_normal {
	font-style: normal;
}

.k_font_hanwha {
	font-family: 'Hanwha';
	font-style: normal;
}

.k_br_web {
	display: block;
}

@media (max-width: 768px) {
	.k_news_arti {
		padding: 0px;
		line-height: 26px;
	}

	.k_news_head_desc {
		font-size: 24px;
		line-height: 32px;
	}

	.k_news_head_desc_hanwha {
		font-size: 22px;
	}

	.k_news_comments {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 2px;
	}

	.k_news_comments_source {
		font-size: 14px;
	}

	.k_news_img_80100 {
		width: 100% !important;
	}

	.k_next_op {
		margin-bottom: 40px;
	}

	.k_def-mar-tb {
		margin: 40px 0px 50px 0px;
	}

	.k_br_web {
		display: none;
	}
}

/*=========================================================
	PDF Plugin Button
=========================================================*/
.FilePostBtn-list ._df_button{
	display:none !important;
}




/*=========================================================
	WOP
=========================================================*/ 

.WopBanner{
	height:266px;
	margin-bottom:62px;
	position:relative;
	background-image:url('/wp-content/uploads/2021/09/bg-wop-min.png');
	background-position:center center;
	background-size:cover;
	margin-bottom:65px;
}
.WopBanner:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.05);
}
.WopBanner-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) {
	.WopBanner{
		margin-bottom:55px;
		height:220px;
	}
	
	.WopBanner-title{
		font-size:30px;
		left:55px;
		right:55px;
	}
}

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


/*=========================================================
	WopImg
=========================================================*/
.WopImg{
	margin-bottom:90px;
}
.WopImg-img{
	display:block;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.WopImg{
		margin-bottom:70px;
	}
}

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

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


/*=========================================================
	WopLink
=========================================================*/
.WopLink{
	display:block;
	margin-top:30px;
	font-size:0;
	line-height:0;
}
.WopLink-link{
	display:inline-block;
	padding:13px 24px;
	border:2px solid #F37321;
	border-radius:40px;
}
.WopLink-link{
	margin-right:5px;
}
.WopLink-link:last-child{
	margin-right:0;
}
.WopLink-text{
	padding-right:28px;
	color:#F37321;
	position:relative;
	font-size:14px;
	font-weight:500;
	line-height:1.2em;
}
.WopLink-text:after {
    content: "";
    width: 18px;
    height: 12px;
    background-image: url(../img/icon/ico-btn-arrow-c.png);
    background-size: 18px 12px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-top: 1px;
}

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

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.WopLink-text:after{
		width:18px;
		height:10px;
		background-size:18px 10px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.WopLink-link{
		padding:8px 17px;
	}
	.WopLink-text{
		font-size:12px;
		padding-right:30px;
	}
	.WopLink-text:after{
		width:18px;
		height:10px;
		background-size:18px 10px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.WopLink{
		margin-top:12px;
	}
	.WopLink-link{
		padding:8px 8px;
		margin-bottom:8px;
	}
	.WopLink-link:last-child{
		margin-bottom:0;
	}
	.WopLink-text{
		font-size:12px;
		padding-right:18px;
	}
	.WopLink-text:after{
		width:12px;
		height:6px;
		background-size:12px 6px;
	}
}



/*=========================================================
	WopCont
=========================================================*/ 
.WopCont{
	margin-bottom:80px;
}
.WopCont:after{
	content:'';
	display:block;
	clear:both;
}
.WopCont-title{
	display:block;
	margin-bottom:25px;
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:1.4em;
}
.WopCont-text{
	display:block;
	color:#000;
	font-size:16px;
	line-height:1.6em;
}
.WopCont-item:first-child{
	width:70%;
	padding-right:20px;
	float:left;
}
.WopCont-item:last-child{
	overflow:hidden;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.WopCont{
		margin-bottom:70px;
	}
	.WopCont-title{
		margin-bottom:25px;
		font-size:22px;
	}
	.WopCont-text{
		font-size:16px;
	}

}

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

}

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



/*=========================================================
	WopContStep
=========================================================*/ 

.WopContStep-list{
	margin-top:-28px;
}
.WopContStep-item{
	padding-top:28px;
	position:relative;
}
.WopContStep-item:after{
	content:'';
	display:block;
	width:10px;
	height:14px;
	position:absolute;
	bottom:-22px;
	left:50%;
	transform:translateX(-50%);
	background-image:url(../img/icon/ico-down-arrow.png);
	background-size:10px 14px;
}


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.WopContStep-list{
		margin-top:-28px;
	}
	.WopContStep-item{
		padding-top:28px;
	}
	.WopContStep-item:after{
		width:10px;
		height:14px;
		bottom:-22px;
		background-size:10px 14px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.WopContStep-list{
		margin-top:-20px;
	}
	.WopContStep-item{
		padding-top:20px;
	}
	.WopCont-item:first-child{
		width:65%;
	}
	.WopContStep-item:after{
		width:10px;
		height:14px;
		bottom:-15px;
		background-size:10px 14px;
	}
}
@media screen and (max-width: 767px) and (min-width: 1px){
	.WopContStep-list{
		margin-top:-20px;
	}
	.WopContStep-item{
		padding-top:20px;
	}
	.WopContStep-item:after{
		width:10px;
		height:14px;
		bottom:-18px;
		background-size:10px 14px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.WopCont-item:first-child{
		width:100%;
		float:none;
		padding-right:0;
		padding-bottom:20px;
	}
}


/* WopStep
=========================================================*/ 
.WopStep{
	padding:20px 30px;
	text-align:center;
	border:1px dashed #8A8F92;
	border-radius:40px;
}
.WopStep-text{
	display:block;
	font-size:18px;
	line-height:1.4em;
}
.WopStep.main{
	border-color:#F37321;
}
.WopStep.main .WopStep-text{
	display:block;
	color:#F37321;
	font-size:20px;
	font-weight:bold;
	line-height:1.4em;
}
.WopContStep-item:last-child .WopStep{
	text-align:left;
}


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.WopStep{
		padding:16px 24px;
	}
	.WopStep-text{
		font-size:16px;
	}
	.WopStep.main .WopStep-text{
		font-size:18px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.WopStep{
		padding:16px 12px;
	}
	.WopStep-text{
		font-size:14px;
	}
	.WopStep.main .WopStep-text{
		font-size:15px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.WopStep{
		padding:12px 20px;
	}
	.WopStep-text{
		font-size:13px;
	}
	.WopStep.main .WopStep-text{
		font-size:14px;
	}
}



/* =========================================================
	WopDocument
=========================================================*/ 
.WopDocument{
	position:relative;
	padding:55px 0 30px;
}
.WopDocument:before{
	content:'';
	display:block;
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	background-color:#F37321
}
.WopDocument-inner{
	position:relative;
}
.WopDocumentTitle{
	float:left;
	padding-right:10%;
	color:#fff;
	font-size:30px;
	font-weight:bold;
	line-height:1.2em;
}
.WopDocumentCont{
	overflow:hidden;
}
.WopDocumentCont-item:after{
	content:'';
	display:block;
	clear:both;
}
.WopDocumentCont-item + .WopDocumentCont-item{
	margin-top:18px;
}
.WopDocumentCont-title{
	display:block;
	margin-bottom:5px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	line-height:1.2em;
}

.WopDocumentCont-text{
	display:block;
	color:#fff;
	font-size:16px;
	line-height:1.2em;
}

.WopDocumentCont-thumb{
	float:left;
	max-width:233px;
}
.WopDocumentCont-img{
	display:block;
}
.WopDocumentCont-cont{
	overflow:hidden;
	padding-top:10px;
	padding-left:40px;
}

.WopDocumentCont-link{
	margin-top:15px;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.WopDocument{
		padding:50px 0 20px;
	}
	.WopDocumentTitle{
		font-size:22px;
	}
	.WopDocumentCont-title{
		margin-bottom:5px;
		font-size:18px;
	}
	.WopDocumentCont-text{
		font-size:15px;
	}
	.WopDocumentCont-item + .WopDocumentCont-item{
		margin-top:16px;
	}
	.WopDocumentCont-cont{
		padding-top:4px;
		padding-left:20px;
	}
	.WopDocumentCont-link{
		margin-top:15px;
	}
}


@media screen and (max-width: 1024px) and (min-width: 768px){
	.WopDocument{
		padding:45px 0 30px;
	}
	.WopDocumentTitle{
		font-size:20px;
	}
	.WopDocumentCont-title{
		margin-bottom:5px;
		font-size:18px;
	}
	.WopDocumentCont-text{
		font-size:14px;
	}
	.WopDocumentCont-item + .WopDocumentCont-item{
		margin-top:12px;
	}
	.WopDocumentCont-cont{
		padding-top:10px;
		padding-left:20px;
	}
	.WopDocumentCont-link{
		margin-top:15px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.WopDocument{
		padding:30px 0 30px;
	}
	.WopDocumentTitle{
		float:none;
		padding-right:0;
		padding-bottom:10px;
		font-size:18px;
	}
	.WopDocumentCont-title{
		margin-bottom:5px;
		font-size:15px;
	}
	.WopDocumentCont-text{
		font-size:13px;
	}
	.WopDocumentCont-thumb{
		float:none;
	}
	.WopDocumentCont-item + .WopDocumentCont-item {
		margin-top: 22px;
	}
	.WopDocumentCont-cont{
		padding-top:10px;
		padding-left:0;
	}
	.WopDocumentCont-link{
		margin-top:15px;
	}
}


/*  WopBtnPostViewBtn */

.WopBtn-list:after{
	content:'';
	display:block;
	clear:both;
}
.WopBtn-list{
	margin:0 -3px;
}

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

.WopBtn .PostViewBtn{
	display:block;
	width:100%;
	background-color:#fff;
	border-radius:100px;
	padding:10px 16px;
	text-align:center;
	font-size:0;
	line-height:0;
	border:2px solid #fff;
}

.WopBtn .PostViewBtn-text{
	display:inline-block;
	font-size:14px;
	line-height:1.2em;
	font-weight:bold;
	color:#000;
	padding-right:27px;
	position:relative;
}



/* WopBtn PostDownBtn */
.WopBtn .PostDownBtn{
	display:block;
	width:100%;
	background-color:#fff;
	border-radius:100px;
	padding:10px 16px;
	text-align:center;
	font-size:0;
	line-height:0;
	border:2px solid #fff;
}

.WopBtn .PostDownBtn-text{
	display:inline-block;
	font-size:14px;
	line-height:1.2em;
	font-weight:bold;
	color:#000;
	padding-right:21px;
	position:relative;
}

.WopBtn .PostDownBtn-text:before{
	width:0px;
	height:0px;
	opacity:0;
	visibility:hidden;
	position:absolute;
	z-index:-1;
	content: url(../img/icon/ico-FileView-b.png);
}

.WopBtn .PostDownBtn-text:after{
	content:"";
	width:15px;
	height:14px;
	background-image:url(../img/icon/ico-ButtonDownload-b.png);
	background-size:15px 14px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

@media screen and (min-width: 1025px){
	.WopBtn .PostViewBtn:hover .PostViewBtn-text{
		color:#F37321;
	}
	.WopBtn .PostViewBtn:hover .PostViewBtn-text:after{
		background-image: url(../img/icon/ico-filepost-view-o.png);
	}
	.WopBtn .PostDownBtn:hover .PostDownBtn-text{
		color:#F37321;
	}
	.WopBtn .PostDownBtn:hover .PostDownBtn-text:after{
		background-image: url(../img/icon/ico-ButtonDownload.png);
	}
}



/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.WopBtn .PostViewBtn-text{
		font-size:12px;
		padding-right: 22px;
	}
	
	.WopBtn .PostViewBtn-text:after{
		width:18px;
		height:10px;
		background-size:18px 10px;
	}
	.WopBtn .FilePostBtn{
		left:15px;
		right:15px;
		bottom:15px;
	}
	.WopBtn .PostDownBtn-text{
		font-size:12px;
		padding-right: 18px;
	}
	.WopBtn .PostDownBtn-text:after{
		width:13px;
		height:12px;
		background-size:13px 12px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px){

	.WoptBtn-item{
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}

	.WopBtn .PostViewBtn-text{
		font-size:12px;
		padding-right: 22px;
	}
	
	.WopBtn .PostViewBtn-text:after{
		width:18px;
		height:10px;
		background-size:18px 10px;
	}
	
	.WopBtn .PostDownBtn-text{
		font-size:12px;
		padding-right: 18px;
	}
	
	.WopBtn .PostDownBtn-text:after{
		width:13px;
		height:12px;
		background-size:13px 12px;
	}
	
	
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.WopBtn-item{
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.WopBtn-list{
		margin:-5px -5px;
	}
	
	.WopBtn-item{
		padding:5px 5px;
	}
	
	.WopBtn-item{
		float:none;
		max-width:100%;
		margin-top:7px;
	}
	
	.WopBtn-item:first-child{
		margin-top:0;
	}
	
	.WoptBtn-link{
		font-size:14px;
		padding-left: 30px;
	}
	
	.WoptBtn-link:before{
		width: 20px;
		height: 28px;
		background-size:20px 28px;
	}
	
	.WoptBtn-text{
		margin-top:12px;
		font-size:12px;
	}
	
	.WopBtn .PostViewBtn-text{
		font-size:12px;
		padding-right: 22px;
	}
	
	.WopBtn .PostViewBtn-text:after{
		width:18px;
		height:10px;
		background-size:18px 10px;
	}
	
	.WopBtn .PostDownBtn-text{
		font-size:12px;
		padding-right: 18px;
	}
	
	.WopBtn .PostDownBtn-text:after{
		width:13px;
		height:12px;
		background-size:13px 12px;
	}
}

/*=========================================================
	AEO
=========================================================*/
.AEOTextBox-text{
	font-size:16px;
	line-height:1.7em;
	color:#000;
}

.AEOTextBox-item{
	font-size:16px;
	line-height:1.7em;
	color:#000;
	margin-top:5px;
	position:relative;
	padding-left:25px;
}

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

.AEOTextBox-item:before{
	content:"■";
	position:absolute;
	top:0;
	left:0;
}

.AEOTextBox-year{
	font-size:16px;
	line-height:1.7em;
	color:#000;
	text-align:center;
}

.AEOTextBox-name{
	text-align:center;
	font-size:0;
	line-height:0;
}

.AEOTextBox-nameText{
	font-size:18px;
	line-height:1.7em;
	color:#000;
	font-weight:500;
	position:relative;
	padding-right:110px;
	display:inline-block;
}

.AEOTextBox-name img{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:80px;
	display:block;
}


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px){
	.AEOTextBox-text{
		font-size:15px;
	}
	
	.AEOTextBox-item{
		font-size:15px;
	}
	
	.AEOTextBox-year{
		font-size:15px;
	}
	
	.AEOTextBox-nameText{
		font-size:17px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.AEOTextBox-text{
		font-size:15px;
	}
	
	.AEOTextBox-item{
		font-size:15px;
	}
	
	.AEOTextBox-year{
		font-size:15px;
	}
	
	.AEOTextBox-nameText{
		font-size:17px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.AEOTextBox-text{
		font-size:13px;
	}
	
	.AEOTextBox-item{
		font-size:13px;
	}
	
	.AEOTextBox-year{
		font-size:13px;
	}
	
	.AEOTextBox-nameText{
		font-size:15px;
		padding-right:50px;
	}
	
	.AEOTextBox-name img{
		width:40px;
	}
}

/*=========================================================
	쿠키
=========================================================*/
#CONSTANT_OPEN_URL{
	color:#F37321 !important;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"]{
	padding:0;
}
.cli-bar-container{
	max-width: 1280px;
	margin:0 auto;
	padding:20px 40px;
}
.cli-style-v2 .cli-bar-message{
	font-size:14px;
	line-height:1.6em;
}
.cli-style-v2 .cli-bar-message .wt-cli-ccpa-element{
	margin-top:10px;	
}
a.wt-cli-ccpa-opt-out{
	font-size:14px;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button{
	padding: 13px 20px;
	font-size:15px;
	font-weight:bold;
	line-height:1.3em;
	border:2px solid #F37321;
	border-radius:100px 100px;
	color:#F37321 !important;
	background-color:transparent !important;
}


.cli-tab-container h4{
	color:#000;
	font-weight:bold;
}
.cli-privacy-content-text{
	color:#000;
}
.cli-modal-content{
	border-radius:0;
}
.cli-tab-header{
	border-radius:0;
}
.cli-tab-header a:before{
	border-color:#000;
}
.cli-tab-header a.cli-nav-link{
	font-weight:500;
}
.cli-tab-footer .wt-cli-privacy-accept-btn{
	border:2px solid #000;
	font-weight:bold;
}
.cli-switch input:checked + .cli-slider{
	background-color:#000;
}
.cli-tab-footer .wt-cli-privacy-accept-btn{
	background-color:#000;
}
.cli-alert-dialog-content{
	font-size:13px !important;
	font-weight:bold;
}
.cli-alert-dialog-buttons{
	padding-top:10px !important;
}
body .cli-alert-dialog-buttons button{
	width: calc(50% - 8px);
	color:#000 !important;
	background-color:#fff !important;
	font-size:14px !important;
	border-color:#000  !important;
	border-radius:0 !important;
}
body .cli-alert-dialog-buttons .cli-ccpa-button-confirm{
	color:#fff !important;
	background-color:#000 !important;
}

#cLiCcpaOptoutPrompt .cli-modal-dialog{
	max-width:300px !important;
	margin:0 auto;
}
.cli-modal .cli-modal-close{
	min-width: 50px;
	width:50px;
	height:50px;
}

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

	.cli-style-v2 .cli-bar-btn_container .cli-plugin-button:hover{
		background-color:#F37321 !important;
		color:#fff !important;
	}
	.cli-style-v2 .cli-bar-btn_container .cli-plugin-button.cli_settings_button:hover{
		background-color:#F37321 !important;
		color:#fff !important;
	}
	.cli-tab-footer .wt-cli-privacy-accept-btn:hover{
		background-color:#fff;
		color:#000;
		border-color:#000;
	}
	body .cli-alert-dialog-buttons button:hover{
		color:#fff !important;
		background-color:#000 !important;
		border-color:#000  !important;
	}
	body .cli-alert-dialog-buttons .cli-ccpa-button-confirm:hover{
		color:#000 !important;
		background-color:#fff !important;
	}

}


/*Responsive*/
@media screen and (max-width: 1300px) and (min-width: 1025px) {
	.cli-bar-container{
		max-width: 98.461vw;
		padding: 1.53846vw  3.4769vw;
	}
	.cli-style-v2 .cli-bar-message{
		font-size: 1.07692vw;
	}
	a.wt-cli-ccpa-opt-out{
		margin-top:0.923vw;
		font-size: 1.07692vw;
	}
	.cli-style-v2 .cli-bar-btn_container .cli-plugin-button{
		font-size: 1vw;
		padding: 1vw 3.4615vw;
	}	
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.cli-bar-container{
		max-width: 98.461vw;
		padding:1.93846vw 3.4769vw;
	}
	.cli-style-v2 .cli-bar-message{
		font-size: 1.43076vw;
	}
	a.wt-cli-ccpa-opt-out{
		margin-top: 0.923vw;
		font-size: 1.43076vw;
	}
	.cli-style-v2 .cli-bar-btn_container .cli-plugin-button{
		font-size: 1.4538vw;
		padding: 1vw 3.4615vw;
	}
}

@media (max-width: 985px){
	.cli-style-v2 .cli-bar-btn_container{
		margin-left:-5px;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.cli-bar-container{
		max-width: 100%;
		padding:4.6923vw 5.607vw;
	}
	.cli-style-v2 .cli-bar-btn_container{
		margin-left:-5px !important;
	}
	.cli-style-v2 .cli-bar-message{
		font-size: 3.125vw;
		line-height: 1.6em;
	}
	a.wt-cli-ccpa-opt-out{
		margin-top:1.923vw;
		font-size: 3.125vw;
		line-height: 1.6em;
	}
	.cli-style-v2 .cli-bar-btn_container .cli-plugin-button{
		font-size: 3.125vw;
		padding: 2vw 3.4615vw;
	}

}



/*=========================================================
  site-footer | margin-top:0 / content-area | padding-bottom:0; 페이지
=========================================================*/
/* WOP(Wisenet Open Platform)
=========================================================*/
html[lang="ko-KR"] .page-id-6818 .site-footer{
	margin-top:0 !important;
}
html[lang="ko-KR"] .page-id-6818 .content-area{
	padding-bottom:0 !important;
}

html[lang="en-US"] .page-id-7501 .site-footer{
	margin-top:0 !important;
}
html[lang="en-US"] .page-id-7501 .content-area{
	padding-bottom:0 !important;
}

html[lang="en-sa"] .page-id-7504 .site-footer{
	margin-top:0 !important;
}
html[lang="en-sa"] .page-id-7504 .content-area{
	padding-bottom:0 !important;
}

html[lang="en-sea"] .page-id-7505 .site-footer{
	margin-top:0 !important;
}
html[lang="en-sea"] .page-id-7505 .content-area{
	padding-bottom:0 !important;
}

html[lang="ja-JP"] .page-id-7502 .site-footer{
	margin-top:0 !important;
}
html[lang="ja-JP"] .page-id-7502 .content-area{
	padding-bottom:0 !important;
}

html[lang="ar"] .page-id-7500 .site-footer{
	margin-top:0 !important;
}
html[lang="ar"] .page-id-7500 .content-area{
	padding-bottom:0 !important;
}

html[lang="ru-RU"] .page-id-7503 .site-footer{
	margin-top:0 !important;
}
html[lang="ru-RU"] .page-id-7503 .content-area{
	padding-bottom:0 !important;
}

html[lang="vi"] .page-id-7506 .site-footer{
	margin-top:0 !important;
}
html[lang="vi"] .page-id-7506 .content-area{
	padding-bottom:0 !important;
}


/* 기업정보
=========================================================*/
html[lang="ko-KR"] .page-id-540 .site-footer{
	margin-top:0 !important;
}
html[lang="ko-KR"] .page-id-540 .content-area{
	padding-bottom:0 !important;
}

html[lang="en-US"] .page-id-6974 .site-footer{
	margin-top:0 !important;
}
html[lang="en-US"] .page-id-6974 .content-area{
	padding-bottom:0 !important;
}

html[lang="en-sa"] .page-id-6977 .site-footer{
	margin-top:0 !important;
}
html[lang="en-sa"] .page-id-6977 .content-area{
	padding-bottom:0 !important;
}

html[lang="en-sea"] .page-id-6978 .site-footer{
	margin-top:0 !important;
}
html[lang="en-sea"] .page-id-6978 .content-area{
	padding-bottom:0 !important;
}

html[lang="ja-JP"] .page-id-6975 .site-footer{
	margin-top:0 !important;
}
html[lang="ja-JP"] .page-id-6975 .content-area{
	padding-bottom:0 !important;
}

html[lang="ar"] .page-id-6965 .site-footer{
	margin-top:0 !important;
}
html[lang="ar"] .page-id-6965 .content-area{
	padding-bottom:0 !important;
}

html[lang="ru-RU"] .page-id-6976 .site-footer{
	margin-top:0 !important;
}
html[lang="ru-RU"] .page-id-6976 .content-area{
	padding-bottom:0 !important;
}

html[lang="vi"] .page-id-6971 .site-footer{
	margin-top:0 !important;
}
html[lang="vi"] .page-id-6971 .content-area{
	padding-bottom:0 !important;
}

/*기업정보
=========================================================*/
html[lang="en-US"] .page-id-6974 .site-footer{
	margin-top:0 !important;
}
html[lang="en-US"] .page-id-6974 .content-area{
	padding-bottom:0 !important;
}

html[lang="en-sa"] .page-id-6977 .site-footer{
	margin-top:0 !important;
}
html[lang="en-sa"] .page-id-6977 .content-area{
	padding-bottom:0 !important;
}

html[lang="en-sea"] .page-id-6978 .site-footer{
	margin-top:0 !important;
}
html[lang="en-sea"] .page-id-6978 .content-area{
	padding-bottom:0 !important;
}

html[lang="ja-JP"] .page-id-6975 .site-footer{
	margin-top:0 !important;
}
html[lang="ja-JP"] .page-id-6975 .content-area{
	padding-bottom:0 !important;
}

html[lang="vi"] .page-id-6979 .site-footer{
	margin-top:0 !important;
}
html[lang="vi"] .page-id-6979 .content-area{
	padding-bottom:0 !important;
}

html[lang="ar"] .page-id-6973 .site-footer{
	margin-top:0 !important;
}
html[lang="ar"] .page-id-6973 .content-area{
	padding-bottom:0 !important;
}

html[lang="ru-RU"] .page-id-6976 .site-footer{
	margin-top:0 !important;
}
html[lang="ru-RU"] .page-id-6976 .content-area{
	padding-bottom:0 !important;
}


/*사이버보안 컨텐츠 노출*/
@media screen and (min-width: 1025px) {
	.page-template-template-cyber-security .FilePostList .FilePostList-item:nth-child(3) ~ .FilePostList-item{
		display:none;
	}

	.page-template-template-cyber-security .FilePostList.is-View .FilePostList-item:nth-child(3) ~ .FilePostList-item{
		display:block;
	}
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.page-template-template-cyber-security .FilePostList .FilePostList-item:nth-child(2) ~ .FilePostList-item{
		display:none;
	}

	.page-template-template-cyber-security .FilePostList.is-View .FilePostList-item:nth-child(2) ~ .FilePostList-item{
		display:block;
	}
}




/*고객문의 Contact us
=========================================================*/
	/* ko */
	html[lang="ko-KR"] .page-id-517 .site-footer{
		margin-top:0 !important;
	}
	html[lang="ko-KR"] .page-id-517 .content-area{
		padding-bottom:0 !important;
	}
	
	/* en */
	html[lang="en-US"] .page-id-7547 .site-footer{
		margin-top:0 !important;
	}
	html[lang="en-US"] .page-id-7547 .content-area{
		padding-bottom:0 !important;
	}

	/* en-sa */
	html[lang="en-sa"] .page-id-7550 .site-footer{
		margin-top:0 !important;
	}
	html[lang="en-sa"] .page-id-7550 .content-area{
		padding-bottom:0 !important;
	}
	
	/* en-sea */
	html[lang="en-sea"] .page-id-7551 .site-footer{
		margin-top:0 !important;
	}
	html[lang="en-sea"] .page-id-7551 .content-area{
		padding-bottom:0 !important;
	}
	
	/* jp */
	html[lang="ja-JP"] .page-id-7548 .site-footer{
		margin-top:0 !important;
	}
	html[lang="ja-JP"] .page-id-7548 .content-area{
		padding-bottom:0 !important;
	}
	
	/* vn */
	html[lang="vi"] .page-id-7552 .site-footer{
		margin-top:0 !important;
	}
	html[lang="vi"] .page-id-7552 .content-area{
		padding-bottom:0 !important;
	}
	
	/* ar */
	html[lang="ar"] .page-id-7546 .site-footer{
		margin-top:0 !important;
	}
	html[lang="ar"] .page-id-7546 .content-area{
		padding-bottom:0 !important;
	}
	
	/* ru */
	html[lang="ru-RU"] .page-id-7549 .site-footer{
		margin-top:0 !important;
	}
	html[lang="ru-RU"] .page-id-7549 .content-area{
		padding-bottom:0 !important;
	}
	
@media screen and (min-width: 1025px) {
	/* ko */
	html[lang="ko-KR"] .page-id-517 .TopBgSection{
		margin-bottom:0 !important;
	}
	html[lang="ko-KR"] .page-id-517 .PageTopBanner{
		margin-bottom:0 !important;
	}
	
	/* en */
	html[lang="en-US"] .page-id-7547 .TopBgSection{
		margin-bottom:0 !important;
	}
	html[lang="en-US"] .page-id-7547 .PageTopBanner{
		margin-bottom:0 !important;
	}
	
	/* en-sa */
	html[lang="en-sa"] .page-id-7550 .TopBgSection{
		margin-bottom:0 !important;
	}
	html[lang="en-sa"] .page-id-7550 .PageTopBanner{
		margin-bottom:0 !important;
	}
	
	
	/* en-sea */
	html[lang="en-sea"] .page-id-7551 .TopBgSection{
		margin-bottom:0 !important;
	}
	html[lang="en-sea"] .page-id-7551 .PageTopBanner{
		margin-bottom:0 !important;
	}
	

	/* jp */
	html[lang="ja-JP"] .page-id-7548 .TopBgSection{
		margin-bottom:0 !important;
	}
	html[lang="ja-JP"] .page-id-7548 .PageTopBanner{
		margin-bottom:0 !important;
	}
	
	
	/* vn */
	html[lang="vi"] .page-id-7552 .TopBgSection{
		margin-bottom:0 !important;
	}
	html[lang="vi"] .page-id-7552 .PageTopBanner{
		margin-bottom:0 !important;
	}
	
	/* ar */
	html[lang="ar"] .page-id-7546 .TopBgSection{
		margin-bottom:0 !important;
	}
	html[lang="ar"] .page-id-7546 .PageTopBanner{
		margin-bottom:0 !important;
	}
	
	/* ru */
	html[lang="ru-RU"] .page-id-7549 .TopBgSection{
		margin-bottom:0 !important;
	}
	html[lang="ru-RU"] .page-id-7549 .PageTopBanner{
		margin-bottom:0 !important;
	}
}


/*Other*/
html[lang="ja-JP"] body{
	word-wrap: normal !important;
	word-break: break-all !important;
}

html[lang="ja-JP"] body a{
	word-wrap: break-word !important;
    word-break: keep-all !important;
}
@media screen and (max-width: 767px) and (min-width: 1px){
	.post-type-archive-hws_data_center .Depth2Tab{
		display:none;
	}
}
html[lang="ko-KR"] .page-id-16021 .SSMLicenseCont-content .SSMLicenseContFormItem:nth-child(4) .SSMLicenseContFormItem-title:before{
	content:"담당업무";
}

html[lang="ko-KR"] .page-id-16021 .SSMLicenseCont-content .SSMLicenseContFormItem:nth-child(4) .SSMLicenseContFormItem-title label{
	display:none;
}

html[lang="en-sea"] .WebinarsIntro .WebinarsIntro-bottom .WebinarsIntro-text:nth-child(1) ~ .WebinarsIntro-text{
	display:none;
}

html[lang="en-sea"] .WebinarsIntro .WebinarsIntro-top .WebinarsIntro-cont .WebinarsIntro-text:first-child{
	margin-bottom:30px;
}

html[lang="en-US"] .WebinarsIntro .WebinarsIntro-bottom{
	display:none;
}

html[lang="en-US"] .WebinarsIntro .WebinarsIntro-top .WebinarsIntro-text{
	display:none;
}

html[lang="en-US"] .WebinarsIntro .WebinarsIntro-top .WebinarsIntro-text:first-child{
	display:block;
}

html[lang="ar"] .WebinarsIntro-bottom {
    display: block !important;
}

html[lang="ar"] .WebinarsIntro-text{
    display: block !important;
}

html[lang="ar"] .WebinarsIntro-top .WebinarsIntro-cont .WebinarsIntro-text{
 display: block !important;
}

html[lang="vi"] .WebinarsIntro-bottom .WebinarsIntro-text:nth-child(1){
 display: none !important;
}

html[lang="vi"] .WebinarsIntro-bottom .WebinarsIntro-text:nth-child(2){
 display: none !important;
}


.BasicPostItemMeta-text.view{
display:none;
}

.SingleHeaderMeta-text.view{
display:none;
}

.single-hws_case_study .k_news_arti{
	max-width:100%;
	font-size:auto;
	line-height:normal;
	padding:0;
}
.single-hws_news_center .k_news_arti{
	max-width:100%;
	font-size:auto;
	line-height:normal;
	padding:0;
}

.NewsCenterListItemMeta-hit{
display:none;
}

.post-type-archive-hws_webinar .breadcrumb-item:nth-child(5){
display:none;
}

.single-hws_case_study .SingleContent .hwFont{
	font-style:normal;
}

html[lang="ko-KR"] .cli-style-v2 .cli_settings_button:first-child{
	display:none !important;
}

html[lang="ko-KR"] .cli-style-v2 .cli-bar-btn_container .cli-plugin-button{
	min-width:120px;
}

.VideoPostItemMeta-text.view{
	display:none;
}

/*=========================================================
	NewsLetterSingle
=========================================================*/
.NewsLetterEmail p{
	margin:0 !important;
	font-size:0;
	line-height:0;
}

.NewsLetterEmail br{
	display:none;
}

.NewsLetterEmail table{
	border:none !important;
}

.NewsLetterEmail th{
	border:none !important;
	padding:0 !important;
}

.NewsLetterEmail td{
	border:none !important;
	padding:0 !important;
}

.NewsLetterEmail table.templateContainer{
	margin:0 auto !important;
}


.NewsLetterEmail img{
	max-width:600px !important;
}

body:not(.elementor-page) .SingleContent img{
	width:auto !important;
	height:auto !important;
	max-width:100%;
}

body:not(.elementor-page) .SingleContent p[align="center"] img{
		display:block;
		width:720px;
		margin:0 auto;
	}

body:not(.elementor-page) .SingleContent .k_news_desc  img{
		display:block;
		width:720px;
		margin:0 auto;
	}
	
body:not(.elementor-page) .SingleContent .k_news_img{
		display:block;
		width:720px;
		margin:0 auto;
	
}
	
.single-hws_case_study .BasicSingleCont [class*="k_news"] div{
	min-height:16px;
}

.single-hws_case_study .BasicSingleCont  [class*="k_news"] *{
	font-size:16px !important;
	color:#000 !important;
	font-weight:normal !important;
	line-height:1.9;
}

.single-hws_case_study .BasicSingleCont  [class*="k_news"] .k_para_title{
	font-size:20px !important;
	color: #EC6A05 !important;
	font-weight:bold !important;
}

.single-hws_case_study .BasicSingleCont  [class*="k_news"] .k_para_desc_mb.k_para_title.k_para_title_v2{
	font-size:20px !important;
	color: #EC6A05 !important;
	font-weight:bold !important;
}

.single-hws_case_study .BasicSingleCont  [class*="k_news"] .k_para_title + .k_para_title{
	font-size:16px !important;
	color: #000 !important;
	font-weight:normal !important;
}

.single-hws_case_study .BasicSingleCont  [class*="k_news"] .k_para_desc_mb.k_para_title{
	color:#000 !important;
	font-size:16px !important;
	font-weight:normal !important;
}

.single-hws_case_study .k_news_head_desc div[align="center"]:first-child{
	font-size:24px !important;
	font-weight:bold !important;
}

.single-hws_case_study .k_news_head_desc div[align="center"]:first-child *{
	font-size:24px !important;
	font-weight:bold !important;
}

.single-hws_case_study .k_news_head_desc div[align="center"]:first-child + div[align="center"]{
	font-size:24px !important;
	font-weight:bold !important;
}

.single-hws_case_study .BasicSingleCont [class*="k_news"] .k_news_head_desc{
	font-size:24px !important;
	font-weight:bold !important;
}

.single-hws_case_study .BasicSingleCont [class*="k_news"] .k_news_head_desc span{
	font-size:24px !important;
	font-weight:bold !important;
}

.single-hws_case_study .k_news_head_desc div[align="center"]:first-child + div[align="center"] *{
	font-size:24px !important;
	font-weight:bold !important;
}

@media screen and (max-width: 1024px) and (min-width: 1px){
	.single-hws_case_study .BasicSingleCont [class*="k_news"] div{
		min-height:14px;
	}
	.single-hws_case_study .BasicSingleCont  [class*="k_news"] *{
		font-size:14px !important;
	}
	.single-hws_case_study .BasicSingleCont  [class*="k_news"] .k_para_title{
		font-size:16px !important;
	}
	
	.single-hws_case_study .BasicSingleCont  [class*="k_news"] .k_para_desc_mb.k_para_title.k_para_title_v2{
		font-size:16px !important;
	}
	.single-hws_case_study .BasicSingleCont  [class*="k_news"] .k_para_title + .k_para_title{
		font-size:14px !important;
	}
	.single-hws_case_study .k_news_head_desc div[align="center"]:first-child{
		font-size:18px !important;
	}
	.single-hws_case_study .k_news_head_desc div[align="center"]:first-child + div[align="center"]{
		font-size:18px !important;
	}
	
	.single-hws_case_study .BasicSingleCont [class*="k_news"] .k_news_head_desc{
		font-size:18px !important;
	}
	
	.single-hws_case_study .BasicSingleCont [class*="k_news"] .k_news_head_desc span{
		font-size:18px !important;
	}
	
	.single-hws_case_study .k_news_head_desc div[align="center"]:first-child *{
		font-size:18px !important;
	}
	.single-hws_case_study .k_news_head_desc div[align="center"]:first-child + div[align="center"] *{
		font-size:18px !important;
	}
	
	.single-hws_case_study .BasicSingleCont  [class*="k_news"] .k_para_desc_mb.k_para_title{
		font-size:14px !important;
	}
}


.TotalProductPost-item{
	display:block !important;
}

.TotalProductPostMore{
	display:none;
}

.LoadingIco{
	margin-top:10px;
	text-align:center;
	display:none;
}

.LoadingIco svg path{
	fill: #FF6700;
}

.LoadingIco svg rect{
	fill: #FF6700;
}

.BasicGrayLineBox{
	position:relative;
	padding-right: 150px;
}

.BasicBulletList-link{
	width:80px;
	height:80px;
	position:absolute;
	bottom:28px;
	right:40px;
	background-image:url(../img/icon/ico-lang-rssbox.png);
	background-size:80px 80px;
}

@media screen and (min-width: 768px){
	.BasicBulletList-link{
		bottom:auto;
		top:50%;
		transform:translateY(-50%);
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px){
	.BasicGrayLineBox{
		padding-right:120px;
	}
	
	.BasicBulletList-link{
		width:70px;
		height:70px;
		bottom:20px;
		right:30px;
		background-size:70px 70px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.BasicGrayLineBox{
		padding-right:120px;
	}
	
	.BasicBulletList-link{
		width:70px;
		height:70px;
		bottom:20px;
		right:30px;
		background-size:70px 70px;
	}
}


@media screen and (max-width: 767px) and (min-width: 1px){
	/*!*모바일 네비 1개로 줄이기*!*/
	/*#basiccamera  {*/
	/*	display: none;*/
	/*}*/

	.BasicGrayLineBox{
		padding-right:15px;
	}
	
	.BasicGrayLineBox:after{
		content:"";
		display:table;
		clear:both;
	}
	
	.BasicBulletList-link{
		width:60px;
		height:60px;
		background-size:60px 60px;
		position:static;
		display:block;
		float:right;
		margin-top:15px;
	}
}