#viewarea3{border:0px solid #000000;margin:0px auto 0;padding:0px;width:100%; max-width:100%; display:block; position:relative;}
/* buttons */
#viewarea3 .btnLeft {padding:0px;border:0px solid #000;position:absolute;display:block;width:31px;height:64px;float:left;left:0;z-index:10; top:50%; transform: translate(0, -50%);}
#viewarea3 .btnRight {padding:0px;border:0px solid #000;position:absolute;display:block;width:31px;height:64px;margin:0px;right:0;float:right;z-index:10; top:50%; transform: translate(0, -50%);}
#viewarea3 .prev {float:left; position:relative;cursor:hand;margin:0px 0px 0 0;z-index:99;}
#viewarea3 .next {float:right; position:relative;cursor:hand;margin:0px 0px 0 0;right:0px;z-index:99;}
#viewarea3 .next:hover, .carousel3 .next:active,
.prev:hover, .carousel3 .prev:active{border: none;outline: none;}  



#viewarea3 .carousel3  {padding:0;margin:0px auto;position:relative;border:0px solid #ff6600;margin-left:-5000px;margin-right:-5000px;display:block;overflow:hidden;}
#viewarea3 .carousel3 .noimage {background: url('../img/noimage.png') no-repeat center; border:0px solid #000000;}
  
			
/* frame background */
#viewarea3 .carousel3 .jCarouselLiteCommon {margin:0px auto;display:block;

/* Needed for rendering without flicker */position: relative;visibility: hidden;left: -5000px;right: -5000px;padding:0px;border:0px solid #000000;}


#viewarea3 .carousel3 ul {margin:0px;padding:0px;border:0px solid #000; display:flex;}
		


/* image size */
#viewarea3 .carousel3 li {overflow:hidden;padding:0px;margin:20px 20px;float:left;display:block;list-style:none;border:0px solid #ddd; background:#fff; filter:drop-shadow(3px 3px 7px rgba(0,0,0,0.1)); border-radius:20px 60px 20px 20px;}
#viewarea3 .carousel3 li img{background-color: #fff;border:0px solid #dddddd !important;margin:0px;padding:0px;}

#viewarea3 .carousel3 .bannertitle{overflow: visible;cursor: hand;text-align: center;position:relative;clear:both;border:0px solid #000;margin:15px 7px;color:#555; font-weight:500; font-size:clamp(15px, 2.2vw, 18px); font-family:'Pretendard'; padding:0px 30px; line-height:1.4;}
#viewarea3 .carousel3 li:hover .bannertitle{color:#000;}

#viewarea3 .carousel3 a,
.carousel3 a:hover, 
.carousel3 a:active,
.carousel3 a:visited{text-decoration: none;}  

/* 모바일 반응형 처리 */
@media(max-width: 768px) {
	#viewarea3 .carousel3 li {
		width: 90% !important;
		max-width: 400px;
		margin: 0 auto;
	}
	
	#viewarea3 .carousel3 li img {
		width: 100% !important;
		height: auto !important;
	}
}

@media(max-width: 480px) {
	#viewarea3 .carousel3 li {
		width: 95% !important;
	}
	
	#viewarea3 .btnLeft,
	#viewarea3 .btnRight {
		width: 25px;
	}
	
	#viewarea3 .btnLeft img,
	#viewarea3 .btnRight img {
		width: 100%;
		height: auto;
	}
}