/* mobile first */

.bbs-banner{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/notice_bg_mo.jpg');}

.search-form {margin-bottom: 3.07rem;}

/* 게시글 :: 3개, 정사각형 */
.listWrap.thumbnail > li .imgWrap{height: auto; padding-bottom: 100%; overflow: hidden; position: relative;}
.listWrap.thumbnail > li .imgWrap img{position: absolute; object-fit: cover; width: 100%; top: 0; left: 0;}
.listWrap.thumbnail > li .textWrap{padding-top: 1rem;}
.listWrap.thumbnail > li .textWrap .subject{font-weight: 400; font-size: 1.15rem; color: #333; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -moz-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; display: -moz-box; display: -webkit-box;}



@media screen and (min-width: 768px) {
    .bbs-banner{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/notice_bg.jpg');}
}

@media (min-width: 992px) {
    .listWrap.thumbnail > li{width: calc(100%/4 - 0.9rem); margin-right: 1.2rem; }
    .listWrap.thumbnail > li:nth-child(4n){margin-right: 0;}
    .listWrap.thumbnail > li .textWrap .subject{font-size: 0.9rem;}
    .listWrap.thumbnail > li .textWrap .infoWrap{font-size: 0.8rem;}
    .listWrap.thumbnail > li:nth-last-of-type(3),.listWrap.thumbnail > li:nth-last-of-type(4){margin-bottom: 0;}
}



/*
    view page
*/
.bbs.read article, .bbs.read .ck-content{margin-bottom: 0;}




/*******************************************************************************
 슬라이더
********************************************************************************/
/* Swiper */
.notice-wrap { position: relative; margin-bottom: 2rem; }
.slider-wrap { overflow: hidden; }
.swiper-controls { z-index:3; }
.swiper-controls-direction { position:absolute; top:50%; left:0; width:100%; max-width:54rem; z-index:1; }
.swiper-controls.center .swiper-controls-direction { left:50%; transform:translateX(-50%); }
.swiper-controls-direction div { position:absolute; top:50%; transform:translateY(-50%); display:block; width:1.6rem; height:1.6rem; outline:none; box-sizing:border-box; text-indent:-999px; overflow:hidden; white-space:nowrap; z-index:20; }
.swiper-controls.round-style .swiper-controls-direction div { width:2.3rem; height:2.3rem; border:1px solid #c5c5c5; border-radius:50%; background-color:#fff; opacity:.8; outline:none; }
.swiper-button-prev:before { content:''; position:absolute; width:1rem; height:1rem; top:50%; left:50%; background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat; background-size:19.5rem; transform:translate(-50%, -50%) rotate(90deg) }
.swiper-button-next:before { content:''; position:absolute; width:1rem; height:1rem; top:50%; left:50%; background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat; background-size:19.5rem; transform:translate(-50%, -50%) rotate(-90deg) }
.swiper-button-disabled { display:none!important; }
.review .review-slider .swiper-controls-direction { top:37%; }

[class^='area-promotion'] .swiper-controls-direction { position:absolute; top:auto; bottom:19rem; left:auto; right:0; transform:none; width:auto; }
[class^='area-promotion'] .swiper-controls-direction div { position:relative; top:auto; transform:none; float:left; border:1px solid #c5c5c5; outline:none; }
[class^='area-promotion'] .swiper-controls-direction div:before { content:''; position:absolute; top:50%; left:50%; width:1rem; height:1rem; background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat; background-size:19.5rem; }
[class^='area-promotion'] .swiper-controls-direction .swiper-button-prev { left:auto; margin:0; }
[class^='area-promotion'] .swiper-controls-direction .swiper-button-next { right:auto; margin:0; margin-left:-1px; }
[class^='area-promotion'] .swiper-controls-direction .bx-prev:before { background-position:0 0; }
[class^='area-promotion'] .swiper-controls-direction .bx-next:before { background-position:0 0; }

@media screen and (min-width:769px){
    .swiper-controls.round-style .swiper-controls-direction .swiper-button-prev { left:-1rem; }
    .swiper-controls.round-style .swiper-controls-direction .swiper-button-next { right:-1rem; }
}
@media screen and (max-width:767px){
    .swiper-button-prev { display:none !important; }
    .swiper-button-next { display:none !important; }
}



/*******************************************************************************
                                  공지사항 (기존 css)
********************************************************************************/
/* .notice .area-pages-content {margin-top:0;}

@media screen and (min-width:768px) {
    .notice .area-board-item .thumb {height:0;padding-bottom:100%;overflow:hidden;}
    .notice .area-board-item .thumb img {position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%; } /*width:auto;min-width:100%;max-width:none;
    .notice .area-board-item .subject {white-space:normal;}
} */