@charset "utf-8";

/* 타이틀 */
.wrapService {height: 100%; background: #F1EEE9; border-radius: 4px;}
.wrapService h2 {font-family: 'Pre Bold'; font-size: 16px; line-height: 1; padding: 28.5px 25px; border-bottom: 1px solid rgba(112,112,112,.3);}
.wrapService h2 b {display: none;}

/* 슬라이드 영역 */
.wrapService .container {position: relative; height: calc(100% - 74px);}
.wrapService .container ul {height: 100%; padding: 56px 0;}
.wrapService .slick-list {height: 100%; padding: 0 36px;}
.wrapService .slick-track {height: 100%;}
.wrapService .slick-slide > div:first-child {margin-bottom: 64px;}
.wrapService a {display:block;}

/* 컨텐츠 */
.wrapService .item {text-align: center;}
.wrapService .img img {margin: 0 auto; max-width: 60px;}
.wrapService .txt_1 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-family: 'Pre Bold';font-family: 'Pre Bold'; font-size: 16px; line-height: 22px; margin-top: 8px;}
.wrapService .txt_1 span {background: linear-gradient(to bottom, transparent 96%, rgba(0, 0, 0) 0%) left center no-repeat; background-size: 0; transition: background-size .5s; color: #000;}
.wrapService li > a:hover .txt_1 span {background-size: 100% auto;}
.wrapService .txt_2 {display: none;}

/* 컨트롤러 */
.wrapService .control {display: none;}
.wrapService .prevnext button {display: block; width: 28px; height: 28px; position: absolute; top: calc(50% - 14px); text-indent: -9999px; opacity: 0.3; transition: .3s;}
.wrapService .prevnext button.prev {left: 20px; background: url(../images/prev.png) no-repeat center;}
.wrapService .prevnext button.next {right: 20px; background: url(../images/next.png) no-repeat center;}
.wrapService .prevnext button:hover {opacity: 1;}

@media all and (max-width: 1280px) {
    .wrapService {margin-bottom: 12px;}
}


@media all and (max-width: 768px) {
    .wrapService h2 {display: none;}
    .wrapService .slick-list{padding: 0 15px;}
    .wrapService .slick-slide > div:first-child {margin-bottom: 32px;}
    .wrapService .container ul {padding: 30px 0;}
}