@charset "UTF-8";

._fnctWrap {line-height:1.5;}
#menu18499_obj278 {overflow: visible}

.wrap-comu {margin:0 auto;display: block;position: relative;}
.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: 20px;overflow: hidden;box-shadow: 1px 1px 15px #c1c1c15c;transition: 0.3s;}
.wrap-comu .slider li img {display:inline-block;width: 100%;aspect-ratio: 16/9;object-fit: cover;}
.wrap-comu .slider li.nodata { border: 1px solid #ccc; border-radius: 20px;padding: 50px;}

.wrap-comu .slider .slick-slide:hover {transform: translateY(-10px); transition: 0.3s;}
.wrap-comu .slider .slick-slide:hover a {box-shadow: 1px 4px 15px #6c6c6c73; 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: 20px;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: 1;font-weight: bold;margin-bottom: 20px;font-size: 23px;}
.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;}

.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: 45px;} 
.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: #064895; transition: 0.3s;}


.wrap-comu .more {position: absolute;right: 20px;top: -85px;font-size: 21px;color: #777777;transition: 0.3s;}
.wrap-comu .more img {width: 12px;opacity: 0.7;display: inline-block;margin: 12px 0 0;margin-left: 8px;transition: 0.3s;}
.wrap-comu .more:hover {transition: 0.3s; }
.wrap-comu .more:hover img { transform: rotate(90deg); transition: 0.3s;}


@media all and (max-width:1200px) {
	.wrap-comu .list{} 
	.wrap-comu .more {top: -60px;font-size: 18px;right: 10px;}
	.wrap-comu .more img {margin-top: 9px; margin-left: 3px;}
}

@media all and (max-width:1024px) {
	.wrap-comu {margin-top: 50px;}
	.wrap-comu .list{}
	.wrap-comu .slider li {padding:0 10px 15px}
	.wrap-comu .slider li img {}
	.wrap-comu .slider .slick-slide a {border-radius: 15px;box-shadow: 1px 1px 10px #c1c1c14d;}
    .wrap-comu .slider .slick-slide:hover{transform: translateY(0);}
    .wrap-comu .slider .slick-slide:hover a {box-shadow: 1px 1px 15px #c1c1c15c }
	.wrap-comu .more {text-align: center;border: 1px solid #ccc;padding: 4px 15px 6px;border-radius: 50px;right: auto;left: 50%;transform: translateX(-50%);top: -65px;}
	.wrap-comu .more img { }

	.wrap-comu .con {padding: 15px 16px;}	
	.wrap-comu .con p {font-size: 19px;}

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

}

@media all and (max-width:768px) {
	.wrap-comu{} 
	.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;font-size: 20px;margin-bottom: 10px;}
	.wrap-comu .con .date {background-size: 15px;background-position-y: 4px;padding-left: 20px;margin-top: 0;}
	.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 .more {font-size: 16px;padding: 2px 13px 6px;top: -60px;}
	.wrap-comu .more img {margin-top: 8px;}
	.wrap-comu .con {padding: 13px 15px;}
	.wrap-comu .con p{font-size: 17px;margin-bottom: 8px;}
	.wrap-comu .con .date {font-size: 14px;background-size: 14px;background-position-y: 2px;} 
	.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;}
}

@media all and (max-width:480px) { 
  .wrap-comu .con .date{height:auto;}
  .wrap-comu .prevnext{bottom:35%;}
  .wrap-comu .prevnext button{width:60px;height:40px;}
}