@charset "utf-8";


/* board129 */
.board129 {overflow:hidden;position:relative;float:left;width:100%;}
.board129 .boardBgImg {overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
.board129 .boardBgImg img {width: 100%; min-height: 100%;}
.board129 .board_wrap{position: relative; padding: 80px 0;width: 100%;float: left;}
.board129 .innerbox {position:relative;width: 100%;max-width: 1330px;padding: 0 15px;box-sizing: border-box;margin: 0 auto;z-index: 1;}
.board129 .textbox {position: absolute;left: 15px;}
.board129 .textbox h2 {position:relative; font-size: 54px; font-weight: 400; color:#fff; line-height:normal;}
.board129 .textbox p {display:-webkit-box; -webkit-box-orient: vertical;  word-break:keep-all; color:#fff; z-index: 0;}

.board129 .btn_more{position: relative; display: inline-block;  padding:15px 60px 15px 30px; border-radius: 25px; font-size: 18px; background:#2c55a6; color:#fff;}
.board129 .btn_more:after{content:'\f105'; display: block; font-family: FontAwesome; position: absolute; top:11px; right:30px; font-size: 25px;}


/* no-data */
.board129 .no_data {width:100% !important; padding-right:0 !important; display:none;}
.board129 .no_data > div.text_box {padding:0; text-align:center; width:100% !important;}
.board129 .no_data h3.tit {letter-spacing:0; font-weight:400; }


/* 스와이퍼 */
.board129 .swp_wrap {overflow:hidden; position:relative; max-width:860px; width:100%; height:386px; border-radius: 10px; background:#fff;}
.board129 .swp_wrap .swiper-container {float:left; width:100%; height: 100%;}
.board129 .swp_wrap .innerbox {position:relative; max-width:860px; /*width:100%;*/ height:386px; margin:0 auto; padding:50px 100px; box-sizing:border-box;}
.board129 .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;}
.board129 .swp_wrap .innerbox span.date {float:left; width:100%; border-bottom: 1px solid #ccc; color:#333;}
.board129 .swp_wrap .co{overflow: hidden; width: 100%; height: 6em; line-height: 22px; word-wrap:break-word;}

/* slide btn */
.board129 .swp_wrap .board-pagination {display:none;}
.board129 .swp_wrap .btnbox {position: absolute; bottom: 50px; right: 43px;}
.board129 .swp_wrap .board-button-next,
.board129 .swp_wrap .board-button-prev {position:relative; top: auto !important; right: 0; float:right; width:14px; height:26px; margin-top: 0 !important; background:url(../img/board_arrow.png) no-repeat center rgba(255,255,255,1);	cursor:pointer; z-index:1;}
.board129 .swp_wrap .board-button-prev {margin-right:30px; background:url(../img/board_arrow2.png) no-repeat center rgba(255,255,255,1);border-right:none;float:left;left: auto !important;right: 0px !important;}
.board129 .swp_wrap .board-pagination ~ .swiper-button-disabled {opacity:1;}
.board129 .swp_wrap .swiper-slide.no_data {display:none;}


@media (max-width:1300px){
	.board129 .innerbox{width:90%;}
}
@media (max-width:1200px){
	.board129 .board_wrap{padding:40px 0;}
  .board129 .textbox{position: static; text-align: center;}
  .board129 .textbox p{padding-top:30px!important;}
  .board129 .btn_more{width:80px; padding:10px 30px 10px 15px; font-size: 15px;}
  .board129 .btn_more:after{top: 6px; right: 15px; font-size: 22px;}

	 .board129 .swp_wrap{float: none!important; height:406px; margin:40px auto;}
	 .board129 .swp_wrap .btnbox{position: static; display: inline-block; float: right; padding:0 30px 30px 0;}
	 .board129 .swp_wrap{height: 100%;}
	 .board129 .swp_wrap .innerbox{padding:50px 20px 20px 20px;}
	}
	@media (max-width:899px){
		.board129 .swp_wrap .co{height:9.9em;}
	}
  @media (min-width:1300px){
		.board129 .innerbox .txtbox .tit {font-size:54px;}
	}
	@media (min-width:991px) and (max-width:1299px){
		.board129 .innerbox .txtbox .tit {font-size:45px;}
	}
	@media (min-width:800px) and (max-width:990px){
		.board129 .innerbox .txtbox .tit {font-size:35px;}
		.board129 .innerbox .txtbox .co {font-size:17px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.board129 .innerbox .txtbox .tit {font-size:28px;}
		.board129 .innerbox .txtbox .co {font-size:16px;}
	}
	@media (max-width:599px){
		.board129 .innerbox .txtbox .tit {font-size:25px;}
		.board129 .innerbox .txtbox .co {font-size:15px;}
	}
  @media (max-width:799px){
		.board129 .swp_wrap .co{height:11em;}
  }
