@charset "utf-8";


/* board132 */
.board132 {overflow:hidden;position:relative;float:left;width:100%;}
.board132 .boardBgImg {overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
.board132 .boardBgImg img {width: 100%; min-height: 100%;}
.board132 .board_wrap{position: relative;padding: 30px 0;width: 100%;float: left;}
.board132 .board_wrap >.innerbox {position:relative;width: 100%;box-sizing: border-box;margin: 0 auto;z-index: 1;margin: 0 75px;width: calc(100% - 150px);}
.board132 .btn_more{position: relative; display: inline-block;  padding:15px 60px 15px 30px; border-radius: 25px; font-size: 18px; background:#2c55a6; color:#fff;}
.board132 .btn_more:after{content:'\f105'; display: block; font-family:FontAwesome; position: absolute; top:11px; right:30px; font-size: 25px;}


/* no-data */
.board132 .no_data {width:100% !important;padding-right:0 !important;display:none;}
.board132 .no_data > div.text_box {padding:0; text-align:center; width:100% !important;}
.board132 .no_data h3.tit {font-weight:400;font-size: 17px;text-align: center;width: 100%;}
.board132 .no_data .innerbox {height: 100px !important;}

/* 스와이퍼 */
.board132 .swp_wrap {overflow:hidden;width:100%;box-sizing: border-box;}
.board132 .swp_wrap .swiper-container {float:left;width:100%;height: 100%;}
.board132 .swp_wrap .swiper-container .swiper-wrapper {}
.board132 .swp_wrap .innerbox {position:relative; height: 350px;margin:0 auto;padding: 30px 25px;box-sizing:border-box;background: #fff;background: #0e406f;}
.board132 .swp_wrap .innerbox h3.tit {
							overflow:hidden; display:inline-block; font-weight:400; word-break:keep-all; box-sizing:border-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; clear: both; float: left; color: #fff; }
.board132 .swp_wrap .innerbox span.date {float:left;width:100%;color: #fff;}
.board132 .swp_wrap .co{overflow: hidden;width: 100%;height: 6em;line-height: 150%;word-break: keep-all;letter-spacing: -0.5px;color: #fff;}
.board132 .swp_wrap a {position: absolute; bottom: 0; left: 0; height: 60px; border-top: 1px solid rgba(255,255,255,0.1); width: 100%; line-height: 60px; color: #fff; padding: 0 35px 0 25px; font-size: 14px; letter-spacing: 5px; box-sizing: border-box;}
.board132 .swp_wrap a:after {content:"+";position: absolute;right: 17px;font-size: 20px;font-weight: 600;}
.board132 .swp_wrap a:hover {font-weight:600;}

/* slide btn */
.board132 .board-pagination {display:none;}
.board132 .btnbox {position: absolute;top: 50%;left: 50%;z-index: 990;width: 108%;/* height: 100%; *//* margin: 0 1%; */transform: translateX(-50%);}
.board132 .wzwg-swiper-pagination-next,
.board132 .wzwg-swiper-pagination-prev {position:relative;top: 50% !important;right: 0;float:right;width: 35px;height: 45px;margin-top: -30px !important;background:url(/sample/layout/contents/board/board132/img/board_arrow.png) no-repeat center rgba(255,255,255,1);cursor:pointer;z-index:1;}
.board132 .wzwg-swiper-pagination-prev {margin-right:30px; background:url(/sample/layout/contents/board/board132/img/board_arrow2.png) no-repeat center rgba(255,255,255,1);border-right:none;float:left;left: auto !important;right: 0px !important;}
.board132 .board-pagination ~ .swiper-button-disabled {opacity:1;}
.board132 .swiper-slide.no_data {display:none;}


@media (max-width:1300px){}
@media (max-width:1200px){}

@media (max-width:1299px){
	.board132 .swp_wrap .innerbox {padding: 20px 15px;}
	.board132 .swp_wrap .innerbox h3.tit { font-size: 19px;}
	.board132 .swp_wrap .co {font-size: 14px;}
	.board132 .swp_wrap a {padding: 0 15px; letter-spacing: 1px;}
}

@media (min-width:991px) and (max-width:1299px){
		.board132 .board_wrap >.innerbox {width: calc(100% - 100px); margin: 0 50px;}
}

@media (max-width:990px){
	.board132 .swiper-slide {width:100% !important; margin-right:0 !important;}
	.board132 .swp_wrap .innerbox h3.tit {font-size:16px;}

	.board132 .btnbox {
    width: 120%;
}
}

@media (max-width:599px){
	.board132 .swp_wrap .innerbox {height:250px;}
	.board132 .btnbox {width:130%;}
}
