@charset "utf-8";


/* inner slide */
.board136 .slideWrap {overflow:hidden;position:relative;float:left;width:100%;}
.board136 .slideWrap .board_wrap{position: relative;padding: 30px 0;width: 100%;float: left;}
.board136 .slideWrap .board_wrap >.innerbox {position:relative;width: 100%;box-sizing: border-box;margin: 0 auto;z-index: 1;margin: 0 75px;width: calc(100% - 150px);}
.board136 .slideWrap .btn_more{position: relative; display: inline-block;  padding:15px 60px 15px 30px; border-radius: 25px; font-size: 18px; background:#2c55a6; color:#fff;}
.board136 .slideWrap .btn_more:after{content:'\f105'; display: block; font-family:FontAwesome; position: absolute; top:11px; right:30px; font-size: 25px;}


/* no-data */
.board136 .slideWrap .no_data {width:100% !important;padding-right:0 !important;display:none;}
.board136 .slideWrap .no_data > div.text_box {padding:0; text-align:center; width:100% !important;}
.board136 .slideWrap .no_data .tit {font-weight:400;font-size: 17px;text-align: center;width: 100%;}
.board136 .slideWrap .no_data .innerbox {height: 100px !important;}

/* 스와이퍼 */
.board136 .slideWrap .swp_wrap {overflow:hidden;width:100%;box-sizing: border-box;}
.board136 .slideWrap .swp_wrap .swiper-container {float:left;width:100%;width: calc(100% - 5px);height: 100%;}
.board136 .slideWrap .swp_wrap .swiper-container .swiper-wrapper {padding-bottom: 5px;}
.board136 .slideWrap .swp_wrap .innerbox {position:relative;height: 305px;margin:0 auto;padding: 30px 15px;box-sizing:border-box;background: #fff;border: 1px solid #e5e5e5;text-align: left;box-shadow: 4px 4px 1px #b2bfc9;transition: all 1s;}
.board136 .slideWrap .swp_wrap .innerbox .tit {overflow:hidden; display:inline-block; font-weight: 600; word-break:keep-all; box-sizing:border-box; white-space: nowrap; text-overflow: ellipsis; clear: both; float: left; color: #31559e; margin-bottom: 5px; }
.board136 .slideWrap .swp_wrap .innerbox:hover {box-shadow: 4px 4px 1px #98a0a7;}							
.board136 .slideWrap .swp_wrap .innerbox span.date {float:left;width:100%;color: #949494;margin-bottom: 30px;}
.board136 .slideWrap .swp_wrap .co{overflow: hidden;width: 100%;height: 6em;line-height: 150%;word-break: keep-all;letter-spacing: -0.5px;color: #555;}
.board136 .slideWrap .swp_wrap a {position: absolute;bottom: 20px;left: 15px;height: 40px;border: 1px solid #31559e;width: auto;line-height: 40px;color: #000;padding: 0 15px 0 20px;font-size: 13.5px;box-sizing: border-box;font-weight: 600;}
.board136 .slideWrap .swp_wrap a:after {content: "\276D";margin-left: 15px;}
.board136 .slideWrap .swp_wrap a:hover {}

/* slide btn */
.board136 .slideWrap .board-pagination,
.board136 .slideWrap .swiper-pagination {display:none;}
.board136 .slideWrap .btnbox {position: absolute;top: 50%;left: 50%;z-index: 990;width: 108%;/* height: 100%; *//* margin: 0 1%; */transform: translateX(-50%);}
.board136 .slideWrap .wzwg-swiper-pagination-next,
.board136 .slideWrap .wzwg-swiper-pagination-prev {position:relative;top: 50% !important;right: 0;float:right;width: 40px;height: 40px;border-radius: 100%;margin-top: -30px !important;background: url(../img/board_arrow.png) no-repeat center #00adef;cursor:pointer;z-index:1;}
.board136 .slideWrap .wzwg-swiper-pagination-prev {margin-right:30px;background: url(../img/board_arrow2.png) no-repeat center #00adef;border-right:none;float:left;left: auto !important;right: 0px !important;}
.board136 .slideWrap .board-pagination ~ .swiper-button-disabled {opacity:1;}
.board136 .slideWrap .swiper-slide.no_data {display:none;}


@media (max-width:1300px){}
@media (max-width:1200px){}

@media (max-width:1299px){
	.board136 .slideWrap .swp_wrap .innerbox {padding: 20px 15px;}
	.board136 .slideWrap .swp_wrap .innerbox strong.tit { font-size: 19px;}
	.board136 .slideWrap .swp_wrap .co {font-size: 14px;}
	.board136 .slideWrap .swp_wrap a {padding: 0 15px; letter-spacing: 1px;}
}

@media (min-width:991px) and (max-width:1299px){
		.board136 .slideWrap .board_wrap >.innerbox {width: calc(100% - 100px); margin: 0 50px;}
}

@media (max-width:990px){
	.board136 .slideWrap .swiper-slide {width:100% !important; margin-right:0 !important;}
	.board136 .slideWrap .swp_wrap .innerbox strong.tit {font-size:16px;}

	.board136 .slideWrap .btnbox {width:115%;}
}
@media (max-width:799px){
	.board136 .slideWrap .btnbox {width:120%;}
	.board136 .slideWrap .board_wrap {padding:15px 0;}
}
@media (max-width:599px){
	.board136 .slideWrap .swp_wrap .innerbox {height:250px;}
	.board136 .slideWrap .swp_wrap .innerbox span.date {margin-bottom:15px;}
	.board136 .slideWrap .btnbox {width: 119%;}

	.board136 .slideWrap .board_wrap >.innerbox {margin: 0 50px; width: calc(100% - 100px);}
	.board136 .slideWrap .wzwg-swiper-pagination-next, .board136 .slideWrap .wzwg-swiper-pagination-prev {width:30px; height:30px;}
}





















/* tab laout */
.board136 {width: 100%;background:white;box-sizing:border-box;padding: 15px 0 0;}
.board136 ul.board_wrap {position:relative;width:100%;height:100%;text-align:center;}
.board136 ul.board_wrap > li {width:auto; display:inline-block; max-width:25%; box-sizing:border-box; border-bottom: 3px solid rgba(0,0,0,0.2); margin-left:-3px; padding: 0 10px; }
.board136 ul.board_wrap > li div {}
.board136 ul.board_wrap > li strong {display:inline-block;width:100%;color:#333;float: left;}
.board136 ul.board_wrap > li strong a.board_name {float:left; color: #6f6f6f; font-size: 27px; line-height:22px; padding: 15px 0; box-sizing:border-box; letter-spacing:-1px; width:100%; font-weight:600; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative; font-weight: 400; }
.board136 ul.board_wrap > li.active {border-bottom-color: #31559e;}
.board136 ul.board_wrap > li.active strong a.board_name {color: #333; font-weight: 600;}
.board136 ul.board_wrap > li.active div ul {position:absolute;top: 55px;left:0;width:100%;float: left;display:block;padding: 0;box-sizing:border-box;opacity: 1;}

.board136 ul.board_wrap li div ul {height:100%;position:absolute;/* display:none; */opacity: 0;}
.board136 ul.board_wrap li div ul li.no_data p.tit {font-size:14px; color:#555; line-height:29px; letter-spacing:-1px; padding-left:5px;}
.board136 ul.board_wrap ul li.no_data {width:100%; height:100px;}


	@media (min-width:800px){
		.layout_01 .board136 {height: 440px;}
		.layout_01 .board136 ul.board_wrap > li.active div ul {height: 370px;}
		.board136 ul.board_wrap > li {min-width: 140px;}
	}

	@media (min-width:800px) and (max-width:1200px){
		.board136 ul.board_wrap > li.active strong a.board_name,
		.board136 ul.board_wrap > li strong a.board_name {font-size: 20px;}
	}

	@media (max-width:799px){
		.layout_01 .board136 {height: 440px;}
		.layout_01 .board136 ul.board_wrap > li.active div ul {height: 365px;padding:20px 15px;}

		.board136 ul.board_wrap > li {padding:0 10px;}

		.board136 ul.board_wrap > li.active strong a.board_name {font-size: 19px;}
		.board136 ul.board_wrap > li strong a.board_name {font-size: 18px;line-height:24px;}

	}
	@media (max-width:599px){}