.tab-button-1 {
	display: flex;
	margin-bottom: 40px;

	.inner {
		display: flex;
		width: 100%;
	}
	a {
		border: 1px solid #ddd;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 68px;
		font-size: 20px;
		color: #888;
		font-weight: 500;
		flex: 1;
		background-color: #F8F8F8;
		font-family: 'Exo 2', 'Noto Sans Kr';

		&:not(:last-child) {
			margin-right: -1px;
		}

		&.on {
			background-color: #312783;
			color: #fff;
			font-weight: 400;
		}
	}
}

/********************
board_detail_sty01
*********************/

.board_detail_sty01 {width:100%; overflow:hidden;}
.board_detail_sty01 > .tit {width:100%; border-bottom:1px solid #ddd; padding-bottom:10px;}
.board_detail_sty01 > .tit ul {width:100%; overflow:hidden;}
.board_detail_sty01 > .tit ul li {float:left; padding:0 10px; box-sizing:border-box; position:relative; color:#555;}
.board_detail_sty01 > .tit ul li:first-child {padding-left:0; color:#222;}
.board_detail_sty01 > .tit ul li:not(:last-child)::before {position:Absolute; content:''; right:0; top:53%; transform:translateY(-50%); width:1px; height:10px; background:#dddddd;}

.board_detail_sty01 > .tit > h2 {display:block; width:100%; font-size:30px; color:#222; padding:10px 0;}

.board_detail_sty01 > .wrap_con {width:100%; overflow:hidden; border-bottom:1px solid #ddd;}
.board_detail_sty01 > .wrap_con > .con {padding:30px 0 90px 0; font-size:16px; color:#333;}

.board_detail_sty01 > .wrap_con > .con_file {position:relative; width:100%; overflow:hidden; border-top:1px solid #ddd; padding:18px 0;}
.board_detail_sty01 > .wrap_con > .con_file > h3 {position:absolute; left:0; width:80px; text-align:center; top:50%; transform:translateY(-50%); color:#444; font-weight:500;}
.board_detail_sty01 > .wrap_con > .con_file > ul {float:right; width:calc(100% - 100px);}
.board_detail_sty01 > .wrap_con > .con_file > ul li {float:left; width:100%; margin:2px 0;}
.board_detail_sty01 > .wrap_con > .con_file > ul li a {background:url(/images/board_ico/ico_file.png) no-repeat 0 center; color:#555; padding-left:30px; box-sizing:border-box;}
.board_detail_sty01 > .wrap_con > .con_file > ul li a:hover {border-bottom:1px solid #555;}


.prve_next_list {float:left; position:relative; margin-top:60px;}
.prve_next_list::after {position:absolute; content:''; width:1px; height:13px; background:#bbb; left:50%; top:50%; transform:translateY(-50%);}
.prve_next_list ul li {float:left; padding:0 22px; position:relative; font-size:17px; color:#555555; cursor:pointer; font-weight:500;}
.prve_next_list ul li.none_con {color:#888888; font-weight:300;}
.prve_next_list ul li:first-child {padding-left:30px;}
.prve_next_list ul li:last-child {padding-right:30px;}
.prve_next_list ul li:first-child::before {position:absolute; content:''; left:0; top:52%; transform:translateY(-50%) rotate(-135deg); width:8px; height:8px; border:0; border-top:1px solid #2d2d2d; border-right:1px solid #2d2d2d;}
.prve_next_list ul li:first-child::after {position:absolute; content:''; left:0; width:17px; height:1px; top:50%; background:#2d2d2d;}

.prve_next_list ul li:last-child::before {position:absolute; content:''; right:0; top:52%; transform:translateY(-50%) rotate(45deg); width:8px; height:8px; border:0; border-top:1px solid #2d2d2d; border-right:1px solid #2d2d2d;}
.prve_next_list ul li:last-child::after {position:absolute; content:''; right:0; width:17px; height:1px; top:50%; background:#2d2d2d;}


.prve_next_list ul li.none_con:first-child::before {position:absolute; content:''; left:0; top:52%; transform:translateY(-50%) rotate(-135deg); width:8px; height:8px; border:0; border-top:1px solid #949494; border-right:1px solid #949494;}
.prve_next_list ul li.none_con:first-child::after {position:absolute; content:''; left:0; width:17px; height:1px; top:50%; background:#949494;}

.prve_next_list ul li.none_con:last-child::before {position:absolute; content:''; right:0; top:52%; transform:translateY(-50%) rotate(45deg); width:8px; height:8px; border:0; border-top:1px solid #949494; border-right:1px solid #949494;}
.prve_next_list ul li.none_con:last-child::after {position:absolute; content:''; right:0; width:17px; height:1px; top:50%; background:#949494;}

/********************
//board_detail_sty01
*********************/



/********************
board_gallery_img_type01
*********************/
.board_gallery_img_type01 {margin-bottom:40px; overflow:hidden;}
.board_gallery_img_type01 > ul {margin:0 -20px;}
.board_gallery_img_type01 > ul > li {float:left; width:33.3%; padding:0 20px; box-sizing:Border-box; margin-bottom:50px;}
.board_gallery_img_type01 > ul > li.data_none {width:100%; text-align:center;}
.board_gallery_img_type01 > ul > li > a {width:100%; cursor:pointer; position:relative; display:block;}


.board_gallery_img_type01 > ul > li > a div.img { position:relative; width:100%; aspect-ratio: 373 / 262; overflow:hidden; background:#e1e1e1;}
.board_gallery_img_type01 > ul > li > a div.img img {width: 100%; height: 100%; object-fit: cover;}
.board_gallery_img_type01 > ul > li > a div.img::before {content: ''; position:absolute; top:0; left:0; z-index: 1; width:100%; height:100%; background: rgb(49 39 131 / 20%) url(/images/contents/gallery-hover-ico.svg) no-repeat center / 80px; transform: scale(1.2); transition: 0.6s ease; opacity: 0}
.board_gallery_img_type01 > ul > li > a:hover div.img::before {opacity: 1; transform: scale(1);}

.board_gallery_img_type01 > ul > li > a > h3 {font-size:20px; color:#444; font-weight:500; margin-top:20px;  text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.board_gallery_img_type01 > ul > li:hover > a > h3 {color:#111;}
.board_gallery_img_type01 > ul > li > a > span {display:block; margin-top:24px; color:#888;}
/********************
//board_gallery_img_type01
*********************/









@media screen and (max-width:767px){
.tab-button-1 {
	margin-bottom: 9vw;

	a {
		flex: initial;
		width: calc(100% / 5);
		text-align: center;
        line-height: 1.3;
		font-size: 3.3vw;
	}
}

/********************
board_detail_sty01
*********************/
.board_detail_sty01 > .tit > h2 {font-size:6vw; padding:2vw 0;}
.board_detail_sty01 > .wrap_con > .con {padding:6vw 0 18vw 0; font-size:3.2vw;}

.board_detail_sty01 > .wrap_con > .con_file > h3 {width:16vw;}
.board_detail_sty01 > .wrap_con > .con_file > ul {width:calc(100% - 20vw);}
.board_detail_sty01 > .wrap_con > .con_file > ul li a {background-size:3.6vw auto; padding-left:6vw;}
.board_detail_sty01 > .wrap_con > .con_file {padding:3.6vw 0;}

.prve_next_list ul li {padding:0 4.4vw; font-size:3.8vw;}
.prve_next_list ul li:first-child {padding-left:6vw;}
.prve_next_list ul li:last-child {padding-right:6vw;}

.prve_next_list ul li:first-child::before,.prve_next_list ul li:last-child::before,.prve_next_list ul li.none_con:first-child::before {width:1.6vw; height:1.6vw; top:50%;}
.prve_next_list ul li:last-child::after,.prve_next_list ul li.none_con:first-child::after {width:3.4vw;}

.prve_next_list {margin-top:12vw;}

.prve_next_list::after {height:2.6vw;}

.board_bt_set01 {margin-top:10vw;}
.board_bt_set01 a {height:9.2vw; line-height:8.8vw; padding:0 7vw;}
.board_bt_set01 a span {padding-left:6.6vw; background-size:3.4vw auto!important;}

.board_detail_sty01 > .tit {padding-bottom:2vw;}
/********************
//board_detail_sty01
*********************/




/********************
board_gallery_img_type01
*********************/
.board_gallery_img_type01 {margin-bottom:8vw;}
.board_gallery_img_type01 > ul {margin:0 -3vw;}
.board_gallery_img_type01 > ul > li {width:50%; padding:0 3vw; margin-bottom:8vw;}
.board_gallery_img_type01 > ul > li > div,.board_gallery_img_type01 > ul > li > a {padding-bottom:0; border-bottom:0;}
.board_gallery_img_type01 > ul > li:hover > div:before,.board_gallery_img_type01 > ul > li:hover > a:before {display:none;}
.board_gallery_img_type01 > ul > li > div > h3,.board_gallery_img_type01 > ul > li > a > h3  {font-size:4vw; margin-top:4vw;}
.board_gallery_img_type01 > ul > li > div > span,.board_gallery_img_type01 > ul > li > a > span {margin-top:4.8vw;}
.board_gallery_img_type01 > ul > li > a div.img::before {background-size:20% auto!important;}
/********************
//board_gallery_img_type01
*********************/

}