#mainContainer {width:100%; overflow:hidden; background-color:#fff;}

#mainVisual {position:relative; width:100%; margin:0px auto; overflow:hidden; /*background-color:#191919;*/}
.visual-img{width:100%; height:100%;}
.visual-img.m{display:none;}
.visual-img .visual-img-pc{/*opacity:0;filter:Alpha(opacity=0);*//*max-width:100%;*/position:relative; left:50%; margin-left:-960px;}
.visual-img .navigation{/*left:52px !important;*/left:8% !important; z-index:10 !important; margin-top:-180.5px !important;}
.visual-img .nav-link{font-size:0 !important; width:3px !important; height:28px !important; text-indent:-9999px;}
.visual-img .visual-current-num{position:absolute; /*left:20px;*/left:6%; top:50%; padding-top:40px; font-size:16px; line-height:62px; color:#ff5f1c; letter-spacing:-0.35px; font-weight:600;}
.visual-page-num{position:absolute; z-index:9; top:50%; padding-top:40px; /*left:40px;*/left:7.25%;}
.visual-page-num > span{font-size:16px; line-height:28px; color:#fff; letter-spacing:-0.35px; font-weight:600;}
.visual-page-num > span.current{color:#ff5f1c;}
.visual-page-num > span.current:after{display:inline-block; content:""; vertical-align:middle; width:1px; height:64px; background-color:#fff; background-color:rgba(255,255,255,0.3); margin:0 13px;}
.visual-page-num > span.current em{display:none;}

.visual-txt-container{position:absolute; left:30px; right:30px; top:30%; bottom:25%; z-index:9; text-align:center;}
.visual-logo, .visual-sub-tit, .visual-txt, .visual-more-btn{
	position:relative; opacity:0;filter:Alpha(opacity=0); top:50px;
	-webkit-transition:opacity 1.0s, top 1.0s;
	-moz-transition:opacity 1.0s, top 1.0s;
	-o-transition:opacity 1.0s, top 1.0s;
	-ms-transition:opacity 1.0s, top 1.0s;
	transition:opacity 1.0s, top 1.0s;
}
.visual-logo{margin-bottom:32px; -webkit-transition-delay:1.0s;-moz-transition-delay:1.0s;-o-transition-delay:1.0s;-ms-transition-delay:1.0s;transition-delay:1.0s;}
.visual-sub-tit{display:block; font-size:25px; line-height:28px; color:#224169; font-weight:500; margin-bottom:16px; -webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;-ms-transition-delay:1.2s;transition-delay:1.2s;}
.visual-txt{font-size:16px; line-height:24px; color:#fff; margin-bottom:44px; -webkit-transition-delay:1.4s;-moz-transition-delay:1.4s;-o-transition-delay:1.4s;-ms-transition-delay:1.4s;transition-delay:1.4s;}
.visual-txt span{display:block;}
.visual-more-btn{display:block; width:184px; height:53px; margin:0px auto; background-color:#224169; text-align:center; -webkit-transition-delay:1.6s;-moz-transition-delay:1.6s;-o-transition-delay:1.6s;-ms-transition-delay:1.6s;transition-delay:1.6s;}
.visual-more-btn span{font-size:16px; line-height:53px; color:#fff; letter-spacing:-0.2px; font-weight:500;}
.visual-more-btn span:after{display:inline-block; vertical-align:middle; content:""; width:15px; height:1px; background-color:#fff; margin-left:13px; -webkit-transition:width 0.3s; -moz-transition:width 0.3s; -o-transition:width 0.3s; -ms-transition:width 0.3s; transition:width 0.3s}
.visual-more-btn:hover span:after{width:25px;}

.visual-txt-inner.active .visual-logo,
.visual-txt-inner.active .visual-sub-tit, 
.visual-txt-inner.active .visual-txt, 
.visual-txt-inner.active .visual-more-btn{top:0; opacity:1.0;filter:Alpha(opacity=100);}

.main-scroll-icon{position:absolute; /*bottom:155px;*/bottom:10%; left:50%; margin-left:-52px; width:104px; height:104px; background-color:#000; background-color:rgba(0,0,0,0.2); border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; text-align:center; z-index:9;}
.main-scroll-icon span{display:block; font-size:10px; line-height:24px; color:#fff; font-weight:600; margin:30px 0 8px 0; letter-spacing:-0.3px;}

@media all and ( max-width: 1400px ){
	.main-scroll-icon{bottom:5%;}
}

@media all and ( max-width: 1220px ){
	.visual-img .navigation{margin-top:-120.5px !important;}
	.visual-img .visual-current-num{left:5.5%; padding-top:100px;}
	.visual-page-num{padding-top:100px;}
	
	.visual-logo{margin-bottom:22.4px;}
	.visual-logo img{max-width:262.5px;}
	.visual-sub-tit{font-size:17.5px; line-height:20.5px;}
	.visual-txt{font-size:13px; line-height:20px;}
	.visual-more-btn{width:129px; height:37px;}
	.visual-more-btn span{font-size:14px; line-height:37px;}
	.visual-more-btn span:after{width:11px; margin-left:7px}
	.visual-more-btn:hover span:after{width:20px;}
	
	.main-scroll-icon{display:none;}
}

@media all and ( max-width: 800px ){
	.visual-img.pc{display:none;}
	.visual-img.m{display:block;}
	
	.visual-txt-container{left:15px; right:15px; top:40%; bottom:auto;}
	.visual-img .navigation, .visual-page-num{display:none;}
	.visual-txt, .visual-more-btn{display:none;}
	.visual-logo{margin-bottom:10px;}
	.visual-logo img{max-width:187.5px;}
	.visual-sub-tit{font-size:13px; line-height:18px; letter-spacing:0px;}
}

@media all and ( max-width: 480px ){
	
}

/* ****************** 메인 컨텐츠 :: 공통 ********************** */
#mainContent {width:100%;}
#mainContent > article{position:relative;}
/* 공통 :: 타이틀 */
.main-tit{ sans-serif; font-size:48px; color:#000; font-weight:600; letter-spacing:-1px;}

@media all and ( max-width: 1220px ){
	.main-tit{font-size:34px;}
}

@media all and ( max-width: 800px ){
	.main-tit{font-size:25px;}
}

@media all and ( max-width: 480px ){

}

#mainProducta{width:100%;padding: 80px 0;background: url("../image/aboutbj.jpg")}
.w100{
	width: 100%;
}
.ta{
	text-align: center;
}
.hdd .biaoti{
	color: #010101;
	font-size:48px;
	font-weight: bold;

}.hdd .yasst{
	color: #565656;
	margin: 5px 0 40px 0;
	font-size:19px ;

}
#mainProducta .swiper-container{
	padding-bottom: 70px;

}#mainProducta .swiper-button-next{
	background: transparent;
	width: auto;
	height: auto;
	font-size: 40px;
	right: 45%;
	top: auto;
	bottom: -4px;
}#mainProducta .swiper-button-prev{
	background: transparent;
	width: auto;
	height: auto;top: auto;
	font-size: 40px;
	left: 45%;	bottom: -4px;
}#mainProducta .swiper-button-next i{
	font-size: 40px;
	color: #000;
	font-weight: bold;
}#mainProducta .swiper-button-prev i{
	font-size: 40px;color: #000;font-weight: bold;
}


.mores a{
color: #ffffff;
font-size: 19px;
display: inline-block;
line-height: 40px;
padding: 0 40px;
background: #a27e64;
}.mores{
	margin-top: 20px;
}.mores a:hover{
	background: #563414;
	color: #fff;
}
@media all and ( max-width: 1220px ){
	.main-product-wrapper{padding-top:100px; padding-bottom:100px;}
	.main-product-container{padding-top:40px;}

	/* mainProduct :: 카테고리 */
	.main-prd-category-box{position:static; max-width:none; padding:0; margin-bottom:40px;}
	.main-prd-category .slick-track{width:100% !important;}
	.main-prd-category li{width:23.65%; width:calc(25% - 3px);}
	.main-prd-category li button{width:100%; color:#101010; border-color:#939393; background-color:#fff; background-color:rgba(255,255,255,0.6); font-size:16px;}
	.main-prd-category li.slick-current button{color:#fff;}

	/* mainProduct :: product 내용 */
	.main-prd-list .slick-prev, .main-prd-list .slick-next{display:none;}
	.main-prd-list-img-thum, .main-prd-list-txt-thum{vertical-align:top;}
	.main-prd-list-img-thum{width:55%;}

	/* mainProduct :: product 내용 :: 텍스트 */
	.main-prd-list-txt-thum{padding-top:2%; padding-left:35px;}
}

@media all and ( max-width: 800px ){
	#mainProduct:after{left:0; top:50%; width:0%; height:50%; -webkit-transition:width 0.8s; -moz-transition:width 0.8s; -o-transition:width 0.8s; -ms-transition:width 0.8s; transition:width 0.8s}
	#mainProduct.animated:after{width:100%; height:50%;}
	.main-product-wrapper{padding-top:28px; padding-bottom:28px;}
	.main-product-container{padding-top:20px;}

	/* mainProduct :: 카테고리 */
	.main-prd-category-box{margin-bottom:11px;}
	.main-prd-category li button{height:30px; font-size:12px;}
	
	/* mainProduct :: product 내용 */
	.main-prd-list-inner, .main-prd-list-img-thum, .main-prd-list-txt-thum{display:block; width:100%; padding:0;}
	
	/* mainProduct :: product 내용 :: 이미지 */
	.main-prd-list-img-thum {margin-bottom:23px;}
	.main-prd-list-img-thum img{margin:0px auto;}
	
	/* mainProduct :: product 내용 :: 텍스트 */
	.main-prd-list-txt-thum{max-width:739px; margin:0px auto;}
	.main-prd-tit{font-size:20px; line-height:29px;}
	.main-prd-tit:after{display:none;}
	.main-prd-sub-tit{font-size:14px; line-height:19px; margin-bottom:15px;}
	.main-prd-txt{font-size:12px; line-height:18px; margin-bottom:37px;}
	a.main-prd-more-btn{float:right; font-size:12px;}
	a.main-prd-more-btn i{font-size:20px;}
}

@media all and ( max-width: 480px ){
	
}


/* -------- 메인 컨텐츠 :: mainCustomer -------- */
#mainCustomer{}
#mainCustomer:before{position:absolute; top:0; right:50%; display:block; content:""; width:50%; height:100%; background-color:#e6e6e6;}
#mainCustomer .main-tit{text-align:right;}
.main-customer-wrapper{position:relative; z-index:9; padding-top:200px; padding-bottom:200px;}
.main-customer-container{max-height:620px;}
.main-customer-item-con{position:relative; float:left; width:50%;}
.customer-img-thum{position:relative; width:100%; padding-top:88.85%; overflow:hidden;}
.customer-img-thum > span{position:absolute; top:0; left:0; bottom:0; right:0; display:block; width:100%; height:100%; overflow:hidden;}
.customer-img-thum img.customer-img-pc{position:relative; max-width:100%; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;transition:all 0.6s}
.customer-img-thum img.customer-img-m{display:none; position:relative; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;transition:all 0.6s}
.main-customer-item-con:hover .customer-img-thum img{-webkit-transform: scale(1.1) rotate(0.02deg); -moz-transform: scale(1.1) rotate(0.02deg); -ms-transform: scale(1.1) rotate(0.02deg); -o-transform: scale(1.1) rotate(0.02deg); transform: scale(1.1) rotate(0.02deg);}
.customer-txt-thum{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;}
.customer-txt-box{display:table; width:calc(100% - 80px); height:100%; margin:0px auto;}
.customer-txt-inner{display:table-cell; vertical-align:top; width:100%; padding:83px 0 49px 0;}
.main-customer-tit{font-size:30px; color:#fff; font-weight:400; letter-spacing:-0.25px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.29); margin-bottom:45px;}
.main-customer-txt{font-size:16px; line-height:26px; color:#fff; color:rgba(255,255,255,0.73); margin-bottom:193px;}
.main-customer-txt > span{display:block;}
.main-customer-btn-group{position:absolute; right:30px; bottom:50px;}

/* mainCustomer :: customer-left-item */
.customer-left-item{margin-top:-87px; opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:opacity 1.0s, all 0.8s;
	-moz-transition:opacity 1.0s, all 0.8s;
	-o-transition:opacity 1.0s, all 0.8s;
	-ms-transition:opacity 1.0s, all 0.8s;
	transition:opacity 1.0s, all 0.8s;
}

/* mainCustomer :: customer-right-item */
.customer-right-item{margin-top:174px; opacity:0;filter:Alpha(opacity=0);	
	-webkit-transition:opacity 1.0s, all 0.8s;
	-moz-transition:opacity 1.0s, all 0.8s;
	-o-transition:opacity 1.0s, all 0.8s;
	-ms-transition:opacity 1.0s, all 0.8s;
	transition:opacity 1.0s, all 0.8s;
}

/* mainCustomer :: btn - type1 */
a.main-customer-btn-type1{display:inline-block; position:relative; width:235px; height:47px; padding:2px; text-align:center; font-size:23px; line-height:47px; color:#fff; margin-right:10px;}
a.main-customer-btn-type1 span{color:#224169;}
a.main-customer-btn-type1 em{display:none;}

@media all and ( min-width: 801px ){
	a.main-customer-btn-type1:before, a.main-customer-btn-type1:after{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
		transition: opacity 0.4s, transform 0.4s;
		-moz-transition: opacity 0.4s, -moz-transform 0.4s;
		-o-transition: opacity 0.4s, -o-transform 0.4s;
	}
	a.main-customer-btn-type1:after{top:2px; bottom:2px;}
	a.main-customer-btn-type1:before{border-top:2px solid rgba(255,255,255,0.44); border-bottom:2px solid rgba(255,255,255,0.44);  -webkit-transform:scale(0,1); transform: scale(0,1); -ms-transform:scale(0,1); -moz-transform:scale(0,1); -o-transform:scale(0,1);}
	a.main-customer-btn-type1:after{border-left:2px solid rgba(255,255,255,0.44); border-right:2px solid rgba(255,255,255,0.44);  -webkit-transform:scale(1,0); transform: scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0);}
	a.main-customer-btn-type1:hover:before, a.main-customer-btn-type1:hover:after{opacity:1.0;filter:Alpha(opacity=100); -ms-transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
	
}

/* mainCustomer :: btn - type2 */
a.main-customer-btn-type2{display:block; position:relative; width:151px; height:47px; text-align:center;}
a.main-customer-btn-type2 > span{display:block; position:relative; z-index:2; font-size:18px; line-height:47px; color:#fff; letter-spacing:-0.2px;}
a.main-customer-btn-type2 > span:after{display:inline-block; vertical-align:middle; content:""; width:16px; height:1px; background-color:#fff; margin-left:20px;}

@media all and ( min-width: 801px ){
	a.main-customer-btn-type2:before{position:absolute; top:0; left:0; display:block; content:""; width:0; height:100%; background-color:#0a9882; -webkit-transition:width 0.3s;-moz-transition:width 0.3s;-o-transition:width 0.3s;-ms-transition:width 0.3s;transition:width 0.3s}
	a.main-customer-btn-type2:hover:before{width:100%;}
}

/* 활성화 시 */
#mainCustomer.animated .customer-left-item{margin-top:0; opacity:1.0;filter:Alpha(opacity=100);}
#mainCustomer.animated .customer-right-item{margin-top:87px; opacity:1.0;filter:Alpha(opacity=100);}

@media all and ( max-width: 1220px ){
	.main-customer-wrapper{padding-top:100px; padding-bottom:100px;}
	
	.customer-txt-box{width:calc(100% - 56px);}
	.customer-txt-inner{position:relative; padding:58px 0 34px;}
	.main-customer-tit{margin-bottom:32px;}
	.main-customer-txt{margin-bottom:0;}
	.main-customer-btn-group{position:absolute; bottom:34px; /*left:0;*/right:15px;}

	/* mainCustomer :: btn - type1 */
	a.main-customer-btn-type1{max-width:none; width:auto; font-size:16px; line-height:40px; height:auto; margin-right:5px; padding:2px 7px;}

	/* mainCustomer :: btn - type2 */
	a.main-customer-btn-type2{height:40px;}
	a.main-customer-btn-type2 > span{line-height:40px; font-size:16px;}
}

@media all and ( max-width: 800px ){
	#mainCustomer:before{top:50%; left:0; right:0; width:100%; height:50%;}
	#mainCustomer .main-tit{text-align:left; margin-bottom:15px;}
	.main-customer-wrapper{padding-top:41px; padding-bottom:41px;}
	.main-customer-container{max-height:none;}
	.main-customer-item-con{float:none; width:100%; /*max-height:335px;*/}
	
	.customer-img-thum{/*padding-top:43.51%;*/padding-top:45%;}
	.customer-img-thum img.customer-img-pc{display:none;}
	.customer-img-thum img.customer-img-m{display:block; max-width:100%;}

	.customer-txt-box{width:calc(100% - 42px);}
	.customer-txt-inner{padding:30px 0;}
	.main-customer-tit{font-size:16px; margin-bottom:19.5px;}
	.main-customer-txt{font-size:12px; line-height:18px; margin-bottom:24px;}

	/* mainCustomer :: customer-left-item */
	.customer-left-item{margin-top:0; margin-left:-87px;}

	/* mainCustomer :: customer-right-item */
	.customer-right-item{margin-top:0; margin-left:87px;}

	/* mainCustomer :: btn - type1 */
	a.main-customer-btn-type1{padding:0; width:auto; max-width:none; text-align:left; font-size:15px; height:35px; line-height:35px; margin-right:0;}
	a.main-customer-btn-type1 em{display:inline-block; vertical-align:middle; margin-left:5px;}

	/* mainCustomer :: btn - type2 */
	a.main-customer-btn-type2{display:inline-block; width:auto; height:35px; padding:0 7px; background-color:#f15a2a;}
	a.main-customer-btn-type2 > span{line-height:35px; font-size:14px;}
	a.main-customer-btn-type2 > span:after{width:11px; margin-left:10px;}
	
	/* 활성화 시 */
	#mainCustomer.animated .customer-left-item{margin-left:0;}
	#mainCustomer.animated .customer-right-item{margin-top:0; margin-left:0;}
}

@media all and ( max-width: 480px ){
	.main-customer-txt{display:none;}
	.main-customer-btn-group{bottom:20px; right:0;}
	
	a.main-customer-btn-type1{letter-spacing:-0.5px;}
	.main-customer-btn-group a.main-customer-btn-type1:first-child{margin-right:5px;}
}

/* -------- 메인 컨텐츠 :: mainProfile -------- */
#mainProfile{width:100%; height:629px; text-align:center; background:url("../image/about.jpg") no-repeat center center;}
.main-profile-wrapper{display:table; height:100%;}
.main-profile-inner{display:table-cell; vertical-align:top; width:100%; position:relative;}
.main-profile-tit, .main-profile-txt{position:relative; opacity:1;filter:Alpha(opacity=0); top:30px;
	-webkit-transition:opacity 0.6s, top 0.6s;
	-moz-transition:opacity 0.6s, top 0.6s;
	-o-transition:opacity 0.6s, top 0.6s;
	-ms-transition:opacity 0.6s, top 0.6s;
	transition:opacity 0.6s, top 0.6s;
}
.main-profile-tit{font-size:50px; color:#fff; letter-spacing:-0.25px; font-weight:500; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.29); margin-bottom:45px; padding-top:12.5%;}
.main-profile-txt{font-size:16px; line-height:26px; color:#fff; word-break:keep-all; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s; -ms-transition-delay:0.3s; transition-delay:0.3s;}
.main-profile-more-btn{display:block; position:absolute; bottom:77px; left:50%; margin-left:-92px; width:175px; /*height:206px;*/height:49px; background: rgb(86 52 20 / 58%);; text-align:center; -webkit-transition:height 0.6s; -moz-transition:height 0.6s; -o-transition:height 0.6s; transition:height 0.6s; -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;}
.furen{display:block; position:absolute; bottom:-110px; left:50%; margin-left:-92px; width:175px; /*height:206px;*/height:49px; background: rgb(86 52 20 / 58%);; text-align:center; -webkit-transition:height 0.6s; -moz-transition:height 0.6s; -o-transition:height 0.6s; transition:height 0.6s; -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;}
.furen > span{display:block; font-size:18px; line-height:28px; color:#fff; letter-spacing:-0.2px; font-weight:500; padding-top:10px; -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;}
.main-profile-more-btn > span, .main-profile-more-btn > span:after{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.main-profile-more-btn > span{display:block; font-size:18px; line-height:28px; color:#fff; letter-spacing:-0.2px; font-weight:500; padding-top:10px; -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;}
.main-profile-more-btn > span:after{display:block; content:""; width:1px; height:0; background-color:#fff; margin:55px auto 0;}

/* 활성화 시 */
#mainProfile.animated .main-profile-tit, #mainProfile.animated .main-profile-txt{top:0; opacity:1.0;filter:Alpha(opacity=100);}
#mainProfile.animated .main-profile-more-btn{height:47px;}
#mainProfile.animated .main-profile-more-btn > span{padding-top:53px;}
#mainProfile.animated .main-profile-more-btn > span:after{height:15px;}
#mainProfile.animated .main-profile-more-btn:hover > span:after{height:25px;}

@media all and ( max-width: 1220px ){
	.main-profile-tit{font-size:35px;}
}

@media all and ( max-width: 800px ){
	#mainProfile{position:relative; padding-top:63.375%; height:auto; background:url("../image/about.jpg") no-repeat center center fixed;}
	.main-profile-wrapper{display:block; position:absolute; top:0; left:0; bottom:0; right:0;}
	.main-profile-inner{display:block; height:100%;}
	.main-profile-tit{font-size:20px; margin-bottom:24px; padding-top:42.5px;}
	.main-profile-txt{font-size:12px; line-height:18px;}
	.main-profile-more-btn{width:128.8px; margin-left:-64.4px;}
	.main-profile-more-btn > span{font-size:13px;}

	/* 활성화 시 */
	#mainProfile.animated .main-profile-more-btn{/*height:134px;*//*height:93.8px;*/height:67px;}
	#mainProfile.animated .main-profile-more-btn > span{padding-top:10px;}
	#mainProfile.animated .main-profile-more-btn > span:after{height:12px; margin-top:5px;}
	#mainProfile.animated .main-profile-more-btn:hover > span:after{height:17px;}
}

@media all and ( max-width: 480px ){
	.main-profile-txt{display:none;}
}


/* ****************** 메인 컨텐츠 :: SIDEBAR ********************** */
#mainSideBar{position:fixed; top:14%; right:-215px; height:700px; z-index:999; background-color:rgba(0,0,0,0.70); -webkit-transition:right 0.8s; -moz-transition:right 0.8s; -o-transition:right 0.8s; -ms-transition:right 0.8s; transition:right 0.8s; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s; -ms-transition-delay:0.3s; transition-delay:0.3s; visibility:hidden; border-radius:20px 0px 0px 20px}
#mainSideBar.active{right:0; visibility:visible;}
#mainSideBar ul li{position:relative; width:108px; height:148px; text-align:center; }
#mainSideBar ul li a{display:block; height:100%;}
#mainSideBar ul li .side-bar-icon{display:block; padding-top:38px; margin-bottom:7px;}
#mainSideBar ul li p{font-size:12px; line-height:28px; color:#fff; }
#mainSideBar ul li .side-bar-num{position:absolute; bottom:0; right:50%; padding-right:7px; height:7px; margin-right:-3.5px; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s;}
#mainSideBar ul li .side-bar-num:after{display:block; content:""; position:absolute; right:0; top:0; width:7px; height:100%; background-color:#563414; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; -webkit-transition:width 0.4s; -moz-transition:width 0.4s; -o-transition:width 0.4s; -ms-transition:width 0.4s; transition:width 0.4s; border-radius:5px 5px 5px 5px}
#mainSideBar ul li .side-bar-num em{position:relative; top:-3px; opacity:0;filter:Alpha(opacity=0); font-size:14px; color:#fff; letter-spacing:-0.25px; font-weight:500; margin-right:7px; -webkit-transition:opacity 1.0s; -moz-transition:opacity 1.0s; -o-transition:opacity 1.0s; -ms-transition:opacity 1.0s; transition:opacity 1.0s;}
#mainSideBar ul li .side-bar-num.point em{color:#191919;}
#mainSideBar .to-top-btn{display:block; width:108px; height:108px; line-height:108px; text-align:center;}

#mainSideBar ul li:hover .side-bar-num, #mainSideBar ul li.on .side-bar-num{padding-right:138px;}
#mainSideBar ul li:hover .side-bar-num:after, #mainSideBar ul li.on .side-bar-num:after{width:138px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0;}
#mainSideBar ul li:hover .side-bar-num em, #mainSideBar ul li.on .side-bar-num em{opacity:1.0;filter:Alpha(opacity=100);}

@media all and ( max-width: 1400px ){
	#mainSideBar.active{right:-215px; }
}

@media all and ( max-width: 1220px ){
	
}

@media all and ( max-width: 800px ){
	
}

@media all and ( max-width: 480px ){
	
}


/* ****************** 메인 컨텐츠 :: News Quick Bar ********************** */
#mainNewsQuickBar{position:fixed; bottom:0; left:0; width:100%; height:40px; background-color:#000; background-color:rgba(0,0,0,0.4); z-index:999; overflow:hidden;}
.main-news-quick-bar-inner{height:100%;}
.main-news-quick-bar-tit{float:left; min-width:124px; max-width:124px; width:10.3%; line-height:40px;}
.main-news-quick-bar-tit strong{display:inline-block; vertical-align:middle; font-size:18px; line-height:28px; color:#fff; font-weight:500; padding:0 29px 0 14px;}
.main-news-quick-bar-tit i{vertical-align:middle; color:#fff;}
.main-news-quick-bar-list-box{position:relative; float:left; max-width:1076px; width:89.6%; height:100%; overflow:hidden;}
.main-news-quick-bar-list li a{display:block; padding:0 30px; line-height:40px;}
.main-news-quick-bar-list span{display:inline-block; vertical-align:middle; }
.main-news-quick-bar-list span.tit{max-width:80%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px; line-height:24px; color:#fff;}
.main-news-quick-bar-list em.new{display:inline-block; vertical-align:middle; width:24px; height:24px; text-align:center; font-size:12px; color:#fff; font-weight:500; line-height:24px; background-color:#f15a2a; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; margin-left:30px;}
.main-news-quick-bar-list .slick-prev, .main-news-quick-bar-list .slick-next{position:absolute; right:0; width:42px; height:14px; font-size:0; text-indent:-9999px; z-index:9;}
.main-news-quick-bar-list .slick-prev{top:3px; background:url(../image/main_news_quick_bar_prev.png) no-repeat;}
.main-news-quick-bar-list .slick-next{top:23px; background:url(../image/main_news_quick_bar_next.png) no-repeat;}

@media all and ( max-width: 1400px ){
	
}

@media all and ( max-width: 1220px ){
	.main-news-quick-bar-tit{min-width:auto; width:124px;}
	.main-news-quick-bar-tit strong{padding:0 10px;}
	.main-news-quick-bar-list-box{width:calc(100% - 124px);}
}

@media all and ( max-width: 800px ){
	.main-news-quick-bar-tit{width:100px;}
	.main-news-quick-bar-list-box{width:calc(100% - 100px);}
	.main-news-quick-bar-list li a{padding:0 20px;}
}

@media all and ( max-width: 480px ){
	.main-news-quick-bar-tit{width:85px;}
	.main-news-quick-bar-tit strong{font-size:15px; padding:0 5px;}
	.main-news-quick-bar-tit i{font-size:21px;}
	.main-news-quick-bar-list-box{width:calc(100% - 85px);}
	.main-news-quick-bar-list li a{padding:0 10px; padding-left:0;}
	.main-news-quick-bar-list span.tit{font-size:13px;}
	.main-news-quick-bar-list em.new{margin-left:0; width:20px; height:20px; line-height:20px; font-size:11px;}
	.main-news-quick-bar-list .slick-prev, .main-news-quick-bar-list .slick-next{right:-5px}
}

.solution .swiper-button-prev{
	position: absolute !important;
    top: 39%  !important;
    left: 7%  !important;
    background-color: #a27e64 !important;
    width: 70px  !important;
    height: 70px  !important;
    line-height: 70px  !important;
    color: #FFF  !important;
    text-align: center  !important;
    opacity: 0.6 !important;
}

.solution .swiper-button-prev i{
 color:#FFF !important;
}
.solution .swiper-button-next{
	position: absolute !important;
    top: 39%  !important;
    right: 7%  !important;
    background-color: #a27e64  !important;
    width: 70px  !important;
    height: 70px  !important;
    line-height: 70px  !important;
    color: #FFF  !important;
    text-align: center  !important;
    opacity: 0.6 !important;
}

.solution .swiper-button-next i{
 color:#FFF !important;
}

#mainProducta .swiper-button-prev:hover,#mainProducta .swiper-button-next:hover{
	transition: 400ms ease-in-out;
	-moz-transition: 400ms ease-in-out;
	/* Firefox 4 */
	-webkit-transition: 400ms ease-in-out;
	/* Safari and Chrome */
	-o-transition: 400ms ease-in-out;
	/* Opera */
	opacity: 1!important;
}