/********************
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
*********************/



/********************
gallary1
*********************/
.gallary1 {
	display: flex;
	flex-wrap: wrap;
	gap: 8rem 4rem;
}
.gallary1 li {
	width: calc((100% - 12rem) / 4);
}
.gallary1 li.no-data {
	width: 100%;
	text-align: center;
	line-height: 6;
}
.gallary1 .img {
	aspect-ratio: 622 / 881;
	box-shadow: 0 0 3rem rgba(41,55,68,0.08);
}
.gallary1 .cat {
	font-size: 1.7rem;
    color: var(--pc1);
    font-weight: 500;
	margin-top: 3rem;
}
.gallary1 .title {
    font-size: 2rem;
    font-weight: 500;
    margin-top: 1.6rem;
    margin-bottom: 3rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.gallary1 a:hover .title {
	text-decoration: underline 1px;
}
.gallary1 .date {
	color: #888;
	font-size: 1.7rem;
}
/********************
gallary1
*********************/

/* 공통 상세페이지 */
.board-detail {
	padding-top: 2rem;
}
.board-detail .status {

    display: flex;
    gap: 0 3rem;
    font-weight: 300;
    /* color: #666; */
	font-size: 1.8rem;
}
.board-detail .status li:not(:first-child) {
    position: relative;
}
.board-detail .status li:not(:first-child)::before {
    content: '';
    position: absolute;
    top: 0.2rem;
    left: -1.5rem;
    width: 1px;
    height: 1.3rem;
    background-color: #ddd;
}
.board-detail h2 {
    font-size: 3rem;
    margin-top: 3rem;
    padding-bottom: 2rem;
    letter-spacing: -0.1rem;
	line-height: 1.33;
}
.board-detail h2 .lock {
	width: 2rem;
    margin-left: 1rem;
    margin-top: -0.5rem;
}
.board-detail .fr-view {
    padding: 3rem 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    min-height: 20rem;
	line-height: 1.7;
	/* font-weight: 300; */
	font-size: 1.8rem;
}
.board-detail .file, .board-detail .period {
    display: flex;
    padding: 2rem 0;
    border-bottom: 1px solid #ddd;
}
.board-detail .file h3 {
	flex-shrink: 0;
    font-size: 1.8rem;
    margin-top: 0.1rem;
    width: 10rem;
    padding-left: 2rem;
	line-height: 1.5;
	padding-top: 0.1rem;
}
.board-detail .file ul {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 0.4rem 2rem;
    flex-wrap: wrap;
}
.board-detail .file li {
	line-height: 1.5;
    font-size: 1.6rem;
    background: url('/images/board_ico/ico-clip.svg') no-repeat left top 0.5rem / 1.6rem;
    padding-left: 2.2rem;
}
.board-detail .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3rem;
}
.board-detail .bottom ul {
    display: flex;
    gap: 0 5rem;
    position: relative;
	font-size: 1.8rem;
}
.board-detail .bottom li:first-child {
    padding-left: 3.3rem;
}
.board-detail .bottom li:first-child::before {
    content: '';
    position: absolute;
    top: 1.2rem;
    left: 0;
    width: 2.6rem;
    height: 1px;
    background-color: #222;
}
.board-detail .bottom li:first-child::after {
    content: '';
    position: absolute;
    top: 1.2rem;
    left: 0;
    width: 1.1rem;
    height: 1px;
    background-color: #222;
    transform-origin: left bottom;
    transform: rotate(-40deg);
}
.board-detail .bottom li {
    position: relative;
}
.board-detail .bottom li:last-child {
    padding-right: 3.3rem;
}
.board-detail .bottom li:last-child::before {
    content: '';
    position: absolute;
    top: 1.2rem;
    right: 0;
    width: 2.6rem;
    height: 1px;
    background-color: #222;
}
.board-detail .bottom li:last-child::after {
    content: '';
    position: absolute;
    top: 1.2rem;
    right: 0;
    width: 1.1rem;
    height: 1px;
    background-color: #222;
    transform-origin: right bottom;
    transform: rotate(40deg);
}
.board-detail .bottom li.none {
    color: #999;
}
.board-detail .bottom li.none::before, .board-detail .bottom li.none::after {
    background-color: #999;
}
.board-detail .bottom li.none::before, .board-detail .bottom li.none::after {
    background-color: #999;
}
.board-detail .bottom ul::after {
    content: '';
    position: absolute;
    top: 0.2rem;
    left: 50%;
    width: 1px;
    height: 1.3rem;
    background-color: #ddd;
}
.board-detail .bt_list {
    /* margin-left: auto; */
    height: 6.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2rem;
    width: 15rem;
    border-radius: 3.3rem;
    font-size: 2rem;
    color: #fff;
    font-weight: 500;
    background-color: var(--pc2);
}
.board-detail .bt_list img {
    margin-right: 0.6rem;
}
.btn-wrap {
    width: 100%;
    text-align: center;
    margin-top: 7rem;
    display: flex;
    justify-content: center;
}
.confirm {
    display: inline-block;
    width: 20rem;
    height: 6.4rem;
    line-height: 6.4rem;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    background-color: var(--pc1);
    color: #fff;
    border-radius: 0.8rem;
}
.cancel {
    display: inline-block;
    width: 20rem;
    height: 6.4rem;
    line-height: 6.4rem;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    background-color: var(--pc2);
    color: #fff;
    border-radius: 0.8rem;
}
.btn-list {
    display: inline-block;
    width: 20rem;
    height: 6.4rem;
    line-height: 6.4rem;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    background-color: var(--pc3);
    color: #fff;
    border-radius: 0.8rem;
}
.video-container {
	width: 78.4rem;
	max-width: 100%;
	aspect-ratio: 16 / 9;
}
.video-container iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/*.board_gallery_img_type01 > ul > li > a div.img::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}



.board_gallery_img_type01 > ul > li > a:hover div.img::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}*/


@media screen and (max-width: 1279px) {
	.gallary1 {
		gap: 8rem 2rem;
	}
	.gallary1 li {
		width: calc((100% - 4rem) / 3);
	}
}

@media screen and (max-width: 767px){
	.gallary1 {
		gap: 3.5rem 1.3rem;
	}
	.gallary1 li {
		width: calc((100% - 1.3rem) / 2);
	}
	.gallary1 .title {
		font-size: 1.8rem;
		margin-top: 1rem;
		margin-bottom: 2.6rem;
	}

	/* 공통 상세페이지 */
	.board-detail h2 {
		font-size: 2.4rem;
	}
	.board-detail .file h3 {
		width: 8rem;
	}
	.board-detail .file li {
		padding-left: 2.6rem;
	}
	.board-detail .bottom {
		flex-direction: column;
		align-items: center;
	}
	.board-detail .bottom ul {
		margin-bottom: 5rem;
	}
	.board-detail .bt_list {
		font-size: 1.8rem;
	}
	

/********************
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 > ul > li > a > h4 {font-size:3.8vw; margin-top:6vw;}
.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-top:8vw;}
.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:3vw;}
.board_gallery_img_type01 > ul > li > div > span,.board_gallery_img_type01 > ul > li > a > span {margin-top:4.8vw;}
/********************
//board_gallery_img_type01
*********************/

}