@charset "UTF-8";

._fnctWrap {line-height:1.5;}  

.wrap-comu-wrap {margin:0 auto;display: block;position: relative;max-width: 1600px;z-index: 0 !important;padding: 100px 20px;}
 
.wrap-comu-wrap:before, .wrap-comu-wrap:after {content:'';position:absolute;top:0;left:0;background: #f8f8f8;width: 100%;height: 100%;z-index: -1; }
.wrap-comu-wrap:before {border-top-left-radius: 700px;}
.wrap-comu-wrap:after { left: auto; right: -100%;  }

.wrap-comu-wrap .title-wrap {}
.wrap-comu-wrap .title-wrap .title span {color: #0f7389; position:relative}
.wrap-comu-wrap .title-wrap .title span:before {content:'';position:absolute;right: -180px;top: -20px;width: 200px;height: 100px;background: url(../images/talkicon.png) left center no-repeat;z-index: -1;opacity: 0.2;background-size: contain;}

.wrap-comu .slider {}
.wrap-comu .slider .slick-list {}
.wrap-comu .slider li {text-align:center;padding: 20px 15px;transition: 0.3s;}
.wrap-comu .slider li a{display: block;border-radius: 10px;overflow: hidden;/* box-shadow: 1px 1px 15px #c1c1c15c; */transition: 0.3s;}
.wrap-comu .slider li img {display:inline-block;width: 100%;aspect-ratio: 4/3;object-fit: cover;border: 1px solid #e9e9e9;border-radius: 12px;}
.wrap-comu .slider li.nodata {border: 1px solid #ccc;border-radius: 20px;padding: 50px;transform: translateX(0) !important;}

.wrap-comu .slider .slick-slide:hover {transform: translateY(-10px); transition: 0.3s;}
.wrap-comu .slider .slick-slide:hover a {box-shadow: 1px 4px 15px #6c6c6c30;transition: 0.3s;}
.wrap-comu .slider .slick-slide:hover a p {color: #025b6d;transition: 0.3s;}
.wrap-comu .slider .slick-slide:hover img {}

.wrap-comu .list{display: inline-block;width: 100%;vertical-align: top;}
.wrap-comu .thum{ }
.wrap-comu .con{text-align: left;padding: 15px 18px;box-sizing: border-box;}
.wrap-comu .con .con_title{font-size:20px;display: block;margin-bottom:15px;}
.wrap-comu .con p{word-break: break-all;display: -webkit-box;overflow: hidden;line-height: 1.35;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: bold;/* margin-bottom: 20px; */font-size: 18px;transition: 0.3s;height: 50px;}
.wrap-comu .con .date{background: url('../images/clock.png') no-repeat left 2px;padding-left: 27px;font-size:16px;margin-top:10px;color:#333;line-height: 1.25;padding-bottom: 3px;font-family: 'Noto Light';margin-bottom: 0;display: none;}

.wrap-comu .control {text-align:center; position:absolute; bottom:19%; left:0px; width:100%; height:0px; z-index:1;}

.wrap-comu .prevnext {position: absolute;left: 0;bottom: 20%;z-index: 999;}
.wrap-comu .prevnext .container {position: relative;}
.wrap-comu .prevnext button {position: absolute; width:100px; height:70px; text-indent: -9999px;}
.wrap-comu .prevnext .prev {left: 0;background: #005d92 url('../images/w_arrow_prev.png') no-repeat center center;}
.wrap-comu .prevnext .next {left: 100px;background: #221b1b url('../images/w_arrow_next.png') no-repeat center center;}
 
.wrap-comu .slick-dots {display: flex !important;justify-content: center;margin-top: 0;} 
.wrap-comu .slick-dots li button {text-indent: -9999px;width: 13px;height: 13px;border-radius: 50px;border: 2px solid #dfdfdf;background: #dfdfdf;transition: 0.3s}
.wrap-comu .slick-dots li.slick-active button {background: #fff; border-color: #048098; transition: 0.3s;}


.wrap-comu-wrap .more {font-size: 18px;color: #777777;transition: 0.3s;margin: 0 auto;text-align: center;border: 1px solid #ccc;padding: 13px 20px 10px;border-radius: 50px;line-height: 1;display: block;max-width: 130px;margin-top: 20px;font-weight: 600;}
.wrap-comu-wrap .more img {width: 12px;opacity: 0.7;display: inline-block;margin: 1px 0 0;margin-left: 5px;transition: 0.3s;}
.wrap-comu-wrap .more:hover {transition: 0.3s;box-shadow: 0px 0px 8px #3737373d;border: 1px solid #ccc6;background: #fff;}
.wrap-comu-wrap .more:hover img { transform: rotate(90deg); transition: 0.3s;}

 


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

	.wrap-comu-wrap {padding: 50px 20px 50px;} 
	.wrap-comu-wrap:before {border-top-left-radius: 300px;}
	.wrap-comu-wrap .title-wrap .title span:before {width: 100px; height: 50px; right: -80px; top: -30px;    opacity: 0.1;}
	.wrap-comu-wrap .more {top: -60px;font-size: 18px;right: 10px;}
	.wrap-comu-wrap .more img {}
	.wrap-comu .con {padding: 15px 18px 18px;} 
	.wrap-comu .con .con_title{font-size:20px;display: block;margin-bottom:15px;}
	.wrap-comu .con p{font-size: 18px;.wrap-comu-wrap .title-wrap .titlespan:before;font-weight: normal;} 
 
	.wrap-comu .slider li {padding: 0 10px 0;}
	.wrap-comu .slider li img {}
	.wrap-comu .slider .slick-slide a {border-radius: 15px;}
    .wrap-comu .slider .slick-slide:hover{transform: translateY(0);}
    .wrap-comu .slider .slick-slide:hover a {box-shadow: none;}

	.wrap-comu .con {padding: 12px 10px;}	 
	.wrap-comu .slick-dots {margin-top: 25px;}
	.wrap-comu .slick-dots li {padding: 0 8px;}

}

@media all and (max-width:768px) {
	
	.wrap-comu .list{width:100%;}
	.wrap-comu .slick-counter{left:50%;top: unset;margin-left:-37px;bottom: 20px;}
	.wrap-comu .slick-counter .current{font-size:35px;}
	.wrap-comu .slick-counter .slash{font-size:22px;}
	.wrap-comu .slick-counter .total{font-size:22px;}
	.wrap-comu .con {padding: 15px;}
	.wrap-comu .con p{text-overflow: clip;white-space: inherit;} 
	.wrap-comu .prevnext{width:100%;bottom: 45%;top: unset;}
	.wrap-comu .prevnext button{width:60px;height:80px;}
	.wrap-comu .prevnext .prev {left: -15px;}
	.wrap-comu .prevnext .next {left: unset;right:-15px;}
	.wrap-comu .slick-dots {margin-top: 30px;}
	.wrap-comu .slick-dots li {padding: 0 8px;}
}

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

	
	.wrap-comu-wrap:before {border-top-left-radius: 150px;}
	.wrap-comu .more {font-size: 16px;padding: 2px 13px 6px;top: -60px;}
	.wrap-comu .more img {margin-top: 8px;}
	.wrap-comu .con {padding: 10px 10px;}
	.wrap-comu .con p{font-size: 17px;height: 45px;} 
	.wrap-comu .slick-dots {margin-top: 20px;}
	.wrap-comu .slick-dots li {padding: 0 5px;}
	.wrap-comu .slick-dots li button {width: 13px; height: 13px;}
}