@charset "utf-8";

.newBoard { --board-color:#a72e2f; margin-bottom: 20rem; }
.newBoard.inner {margin-bottom:10rem;}
.newBoard * { vertical-align: middle; }

/* 일반게시판 */
.board-top { position: relative; padding: 0 0 25px; font-size: 0; }
.board-top::after { display: block; clear: both; content: ""; }

.board-count { float: left; min-height: 50px; font-size: 0; line-height: 50px; }
.board-count .text-total { display: inline-block; margin-right: 35px; }
.board-count .text-page { display: inline-block; }
.board-count p { display: inline-block; font-weight: 500; font-size: 15px; text-transform: uppercase; color: #222; }
.board-count p:first-child { margin-right: 5px; }
.board-count span { font-weight: 700; vertical-align: baseline; color: var(--color-main); }

.board-search { float: right; }

.search-select { display: inline-block; position:relative; width: 34%; min-width: 160px; margin-right: 10px; }

.search-kwd { display: inline-block; position: relative; width: 63%; min-width:300px; }
.search-kwd input[type="text"] { width:100%; height:50px; padding: 12px; border:1px solid #e3e3e3; border-radius: 5px; font-size: 16px; line-height:18px;}
.search-kwd .search-btn { position: absolute; top: 0; right: 0; width:48px; height: 100%; display: flex; }
.search-kwd .search-btn::before {content: ''; margin: auto; height: 20px; width: 20px; background-color: #222; mask: url(../images/board/ico_zoom03.png) no-repeat center/contain;  -webkit-mask: url(../images/board/ico_zoom03.png) no-repeat center/contain; transition: background-color .2s;}
.search-kwd .search-btn:hover::before {background-color: var(--color-main);}

/* radio button */
input[type="radio"] { margin-right: 5px; transform: translateY(-1px); }


/* ===================================================== */
/* 페이지네이션 */
.board-bottom { font-size: max(1rem, 8px); display: flex; justify-content: center; align-items: center; gap: 1.5em; padding-top: 7rem; text-align: center; color: #888;}
.board-bottom a { display: flex; justify-content: center; align-items: center; position: relative; width: 4em; height: 4em;}
/* 이전 페이지, 다음 페이지 */
.board-page-btn {display: flex; }
.board-page-btn a::before { width: 40%; height: 40%; background-color: #ccc; mask: url(../images/board/page_next.svg) no-repeat center/contain; -webkit-mask: url(../images/board/page_next.svg) no-repeat center/contain; content: ''; transition: .2s;}
.board-page-btn a:where(.prev_end, .next_end)::before {mask-image: url(../images/board/page_end.svg); -webkit-mask-image: url(../images/board/page_end.svg); }
.board-page-btn:first-child a {transform: scaleX(-1);}
.board-page-btn a:hover::before {background-color: var(--color-main); transform: translateX(15%);}
/* 번호 페이지  */
.board-pagelist {flex-wrap: wrap; display: flex; justify-content: center; gap: 1em; letter-spacing: normal; white-space: nowrap;}
.board-pagelist a {border-radius: 0.5em;}
.board-pagelist a span {font-size: calc(1em + 7px);}
.board-pagelist a:hover { background-color: #f5f5f5; }
.board-pagelist li.on a { background-color: var(--color-main); color: #fff;}

@media (max-width: 640px) {
	.board-bottom {font-size: 1.7vw;}
	.board-pagelist { max-width: 24em; font-weight: 500; }
}
@media (max-width: 480px) {
	.board-bottom {font-size: max(2vw, 6.5px);}
}
/* 페이지네이션 */
/* ===================================================== */


/* ===================================================== */
/* 하단 버튼 */
.newBoard__btn { padding-top: 6rem; font-size: calc(5px + 1.5rem); text-align:center;}
.newBoard__btn:not(:has(.btn)) {display: none;}
.newBoard__btn .newBoard__btn-wrap {display: flex; justify-content: center;}
.newBoard__btn .btn_w {display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem;}
.newBoard__btn .btn { display: flex; justify-content: center; align-items: center; min-width: 18rem; padding: 1.8rem 2rem; border-radius: 0.35em; font-weight: 500; transition: .3s ease-in-out; line-height: 1;}
.newBoard__btn .btn:where(.type1) { background-color:#222; color:#fff; }
.newBoard__btn .btn:where(.type2) { background-color:#ddd; color:#222; }
.newBoard__btn .btn:where(.type3) { border: 1px solid #222; background-color:#fff; color: #222; }
.newBoard__btn .btn:where(.type4) { border: 1px solid #ddd; }
.newBoard__btn .btn:hover { background-color:var(--color-main); color:#fff; border-color: var(--color-main); }

@media (max-width: 768px) {
	.newBoard__btn .btn_w { gap: 2vw;}
	.newBoard__btn .btn { min-width: 15rem; }
}
@media (max-width: 640px) {
	.newBoard__btn .btn { width: 40%; }
}
@media (max-width: 480px) {
	.newBoard__btn .btn { flex-grow: 1;}
}
/* 하단 버튼 */
/* ===================================================== */


/* ===================================================== */
/* newBoard List */
.admin-check input[type="checkbox"] { width:20px; height:20px; }
.board-list { border-top: 1px solid #222; }
.board-list .board-item { position:relative; padding: 30px 400px 30px 120px; border-bottom: 1px solid #e3e3e3; font-weight: 500; font-size: 15px; color: #222; }
.board-list .board-item:hover { background: #f4f4f4; }
.board-list .board-item:hover .title { transform:translateX(10px); }

.board-list .board-item .admin-check { display:block; position:absolute; top:50%; left:0; z-index: 2; width:20px; text-align:center; transform:translateY(-50%); }
.board-list .board-item .admin-check input[type="checkbox"] { width:20px; height:20px; }

.board-list .board-item .num { display:block; position:absolute; top:50%; left:0; width:120px; padding:0 20px; font-size:15px; text-align:center; transform:translateY(-50%); }
.board-list .board-item .title { display:block; position:relative; font-size:0; transition:all 0.3s ease-in-out; }
.board-list .board-item .title.reply { padding:0 0 0 70px; }
.board-list .board-item .title.reply::before { display:inline-block; position:absolute; top:50%; left:0; width:60px; height:30px; border-radius: 30px; background-color:#3c3c3c; content: attr(data-reply); font-size:14px; line-height:30px; text-align:center; vertical-align: middle; color:#fff; transform:translateY(-50%); }
.board-list .board-item .title span { display:inline-block; position:relative; max-width:100%; max-height:24px; font-weight:300; font-size:18px; line-height:20px; color:#666; }
.board-list .board-item .title span.del { text-decoration: line-through; color:#aaa; }

.board-list .board-item .title .cate { display: inline-block; height:22px; padding:0 10px; margin-right:6px; border:1px solid #ccc; border-radius: 20px; background-color:#fff; font-weight:400; font-size:13px; line-height:20px; text-align:center; color:#222; }

.board-list .board-item .title.new span,
.board-list .board-item .title.lock span { padding: 0 26px 0 0; }
.board-list .board-item .title.lock.new span { padding: 0 52px 0 0; }
.board-list .board-item .title.new span::after { position: absolute; top: 50%; right: 0; width: 17px; height: 17px; background: url(../images/board/board-new.png) 50% 50% no-repeat; content: ''; transform: translateY(-50%); }
.board-list .board-item .title.lock span::before { position: absolute; top: 50%; right: 0; width: 16px; height: 18px; background: url(../images/board/board-lock.png) 50% 50% no-repeat; content: ''; transform: translateY(-50%); }
.board-list .board-item .title.new.lock span::before { right:22px; }

.board-list .board-info { display:block; position:absolute; top:50%; right:0; font-size:0; text-align:center; transform:translateY(-50%); }
.board-list .board-info.attach::after { position: absolute; top: 50%; left: -30px; width: 17px; height: 20px; background: url(../images/board/board-attach.png) center no-repeat; content: ""; transform: translateY(-50%); }
.board-list .board-info span { display: inline-block; position:relative; max-height:60px; padding:0 10px; font-size:15px; line-height:20px; text-align:center; vertical-align: middle; }
.board-list .board-info span.writer { overflow:hidden; width:100px; }
.board-list .board-info span.date { width:130px; }
.board-list .board-info span.view { width:100px; }

@media (max-width: 1024px) {
	.board-top { padding: 0px 0 15px; }
	.search-kwd input[type="text"] { height:40px; padding-left:20px; font-size:16px; line-height:18px; }
	.search-kwd .search-btn { top: 0; right: 0; width:40px; height:40px; }
	.search-kwd .search-btn img { max-width:55%; }
}
@media (max-width: 960px) {
	.board-list .board-item { padding: 30px 30px 30px 100px; }
	.board-list .board-item .num { width:100px; }

	.board-list .board-item .title span { position:relative; max-height:52px; font-weight:400; font-size:18px; line-height:26px; color:#222; }

	.board-list .board-item .title.new span,
	.board-list .board-item .title.lock span { padding: 0 30px 0 0; }
	.board-list .board-item .title.lock.new span { padding: 0 60px 0 0; }

	.board-list .board-info { display:block; position:relative; top:0; right:0; padding:0 20px 0 0; margin-top:15px; font-size:0; text-align:left; transform:translateY(0%); }
	.board-list .board-info.attach::after { right:0; left: auto; }
	.board-list .board-info span { max-height:54px; padding:0 20px; font-weight:300; font-size:14px; line-height:18px; text-align:left; color:#666; }
	.board-list .board-info span:first-child { padding: 0 20px 0 0; }
	.board-list .board-info span + span:after { display: block; position:absolute; top:50%; left:0; width:12px; height:1px; background-color:#d4d4d4; content:''; transform:translate(-50%, -50%) rotate(-45deg); }
	.board-list .board-info span.writer { width:auto; }
	.board-list .board-info span.date { width:auto; }
	.board-list .board-info span.view { width:auto; }
}
@media (max-width: 768px) {
	.board-search, .board-count { float:none; }
	.board-top { padding: 0px 0 0; text-align: right; }
	.board-list .board-item { padding: 20px 20px 20px 90px; }
	.board-list .board-item .num { width:90px; }
	.board-list .board-item .title span { max-height:48px; font-size:16px; line-height:24px; }
	.board-list .board-info { margin-top:10px; }
	.board-list .board-info span.writer { overflow:hidden; width:auto; max-width:40%; }
	.board-list .board-info span.date { width:auto; max-width:35%; }
	.board-list .board-info span.view { width:auto; max-width:calc(25% - 0px); }
}
@media (max-width: 640px) {
	.search-select { width: calc(30% - 10px); min-width:auto; }
	.search-kwd { width: 70%; min-width: auto; }
	.board-list .board-item .title.reply { padding:0; }
	.board-list .board-item .title.reply::before { display:block; position:static; width:60px; height:24px; margin-bottom:10px; border-radius: 24px; font-size:12px; line-height:24px; transform:translateY(0); }
	.board-list .board-info span { max-height:48px; padding:0 12px; font-size:13px; line-height:16px; }
	.board-list .board-info span:first-child { padding: 0 12px 0 0; }
	.board-list .board-info span + span:after { width:10px; height:1px; }
}
@media (max-width: 480px) {
	.board-top { padding: 0; }
	.search-select { width: 100%; }
	.search-kwd { width: 100%; margin-top:8px; }
	.board-count p { font-size: 14px; }

	.board-list .board-item { padding: 20px 0 20px 0; }
	.board-list .board-item .admin-check { position:static; width:100%; transform:translateY(-50%); }
	.board-list .board-item .num { overflow:hidden; width:0px; font-size:0; text-indent:-9999px; }
}
/* newBoard List */
/* ===================================================== */


/* ===================================================== */
/* 게시판 스킨 - 썸네일 */
.board-thumbnail { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3vw 3%; padding-top: 50px; border-top: 1px solid #222; }
.board_thumbnail-item { position: relative; border: 1px solid #e4e4e4; }
.board_thumbnail-item a { display: block; height: 100%;}
.board_thumbnail-item a:hover { color: inherit; }
.board_thumbnail-item .thumbnail { overflow: hidden; position: relative; background: #efefef url('../images/board/no-image01.png') no-repeat center; }
.board_thumbnail-item .thumbnail::before { opacity: 0; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: var(--color-main); content: ''; transition: all 0.5s; }
.board_thumbnail-item:hover .thumbnail::before { opacity: 0.8; }
.board_thumbnail-item .thumbnail::after { opacity: 0; position: absolute; top: 50%; left: 50%; z-index: 3; width: 51px; height: 51px; background: url('../images/board/board_thumbnail-plus.svg') center/contain; content: ''; transform: translate(-50%, -50%) rotate(0) scale(1.5); transition: all 0.5s; }
.board_thumbnail-item:hover .thumbnail::after { opacity: 1; transform: translate(-50%, -50%) rotate(180deg); }
.board_thumbnail-item .thumbnail span { display: block; background-repeat: no-repeat; background-position: center; background-size:cover; transition: all 0.5s; }
.board_thumbnail-item:hover .thumbnail span { transform: scale(1.2); }
.board_thumbnail-item .thumbnail-text { padding: 30px 20px 35px; font-size: 17px; }
.board_thumbnail-item .thumbnail-text .thumbnail-title { overflow: hidden; margin-bottom: 10px; font-weight: 700; font-size: 22px; line-height: 1.3; color: #222; transition: all 0.5s; }
.board_thumbnail-item:hover .thumbnail-text .thumbnail-title { color: var(--color-main); }
.board_thumbnail-item .thumbnail-text .thumbnail-title.new::after { display: inline-block; width: 18px; height: 18px; margin-left: 4px; background: url('../images/board/board-new.png') center no-repeat; content: ""; }
.board_thumbnail-item .thumbnail-text span { display: block; line-height: 1.6; }
.board_thumbnail-item .thumbnail-text .date { padding-top: 15px; font-size:14px; color: #888; }
.board-thumbnail .admin-check { position:absolute; top:15px; right: 15px; z-index:5; }

@media (max-width: 1280px) {
	.board-thumbnail { gap: 3vw 2.5%; padding-top: 4vw; }
	.board_thumbnail-item .thumbnail-text { padding: 25px 15px 30px; font-size: 16px; }
	.board_thumbnail-item .thumbnail-text .thumbnail-title { font-size: 20px; }
	.board_thumbnail-item .thumbnail-text .date { padding-top: 14px; }
}
@media (max-width: 1024px) {
	.board-thumbnail { grid-template-columns: repeat(2, 1fr); }
	.board_thumbnail-item .thumbnail-text { padding: 30px 20px 30px; }
}
@media (max-width: 768px) {
	.board-thumbnail { gap: 4vw 2.5%; padding-top: 5vw; }
	.board_thumbnail-item .thumbnail-text .thumbnail-title { margin-bottom: 5px; font-size: 18px; }
	.board_thumbnail-item .thumbnail-text .date { padding-top: 12px; }
	.board_thumbnail-item .thumbnail-text { padding: 25px 15px 25px; font-size: 15px; }
}
@media (max-width: 576px) {
	.board-thumbnail { row-gap: 6vw; padding-top: 6vw; }
	.board-thumbnail { grid-template-columns: 1fr; }
}
/* 게시판 스킨 - 썸네일 */
/* ===================================================== */


/* ===================================================== */
/* 게시판 스킨 - 갤러리 */
.newBoard__gallery-list { padding-top:5.7%; border-top:1px solid #222; border-bottom:1px solid #e3e3e3; font-size:0; }
.newBoard__gallery-item { display:inline-block; width:30%; margin:0 0 5.7% 5%; text-align:center; vertical-align: top; }
.newBoard__gallery-item:nth-of-type(3n+1) { margin:0 0 5.7% 0; }
.newBoard__gallery-link { display:block; position:relative; }
.newBoard__gallery-link .thumb { display:block; overflow: hidden; position:relative; background-color:#efefef; background-image:url('../images/board/no-image01.png'); background-repeat: no-repeat; background-position: 50% 50%; }
.newBoard__gallery-link .thumb:after { display:block; opacity:0; position:absolute; top:50%; left:50%; width:0%; height:0%; background-color:rgba(34, 34, 34, 0.4); background-image:url('../images/board/ico_zoom02.png'); background-repeat: no-repeat; background-position: 50% 50%; content:''; transform:translate(-50%, -50%); transition:all 0.3s ease-in-out; }
.newBoard__gallery-link:hover .thumb:after { opacity:1; z-index:2; width:100%; height:100%; }
.newBoard__gallery-list.vod .newBoard__gallery-link .thumb:after { background-image: url('../images/board/ico_vod.png'); }

.newBoard__gallery-link.notice:after { display:block; position:absolute; top:16px; left:16px; z-index:3; width:33px; height:33px; background:url('../images/board/board_thumbnail-announcement.png') 50% 50% no-repeat; content:''; }

.newBoard__gallery-link .thumb span { display:block; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; transition: 0.5s; }
.newBoard__gallery-link:hover .thumb span { transform: scale(1.5); }

.newBoard__gallery-link .tit { display:inline-block; position: relative; max-height:60px; margin-top:30px; font-size:20px; line-height:30px; color:#222; }
.newBoard__gallery-link.new .tit { padding:0 24px 0 0; }
.newBoard__gallery-link.new .tit:after { display: block; position: absolute; top:50%; right:0; width:18px; height:18px; background:url('../images/board/board-new.png') 50% 50% no-repeat; content:''; transform:translateY(-50%); }

.newBoard__gallery-link.lock .tit { padding:0 24px 0 0; }
.newBoard__gallery-link.lock .tit:before { display: block; position: absolute; top:50%; right:0; width:18px; height:18px; background:url('../images/board/board-lock.png') 50% 50% no-repeat; content:''; transform:translateY(-50%); }
.newBoard__gallery-link.lock.new .tit { padding:0 48px 0 0; }
.newBoard__gallery-link.lock.new .tit:before { right:24px; }

.newBoard__gallery-link .tit .cate { display:inline-block; height:22px; padding:0 10px; margin-right:6px; border:1px solid #ccc; border-radius: 20px; background-color:#fff; font-weight:400; font-size:13px; line-height:20px; text-align:center; color:#222; }

.newBoard__gallery-item .board-info { display:block; margin-top:20px; font-size:0; text-align:center; }
.newBoard__gallery-item .board-info span { display: inline-block; position:relative; max-height:60px; padding:0 20px; font-size:16px; line-height:20px; text-align:center; vertical-align: middle; }
.newBoard__gallery-item .board-info span + span:after { display: block; position:absolute; top:50%; left:0; width:12px; height:1px; background-color:#d4d4d4; content:''; transform:translate(-50%, -50%) rotate(-45deg); }
.newBoard__gallery-item .board-info span.writer { overflow:hidden; width:auto; max-width:40%; }

.newBoard__gallery-item .admin-check { display:block; margin-top:20px; text-align:center; }

@media (max-width: 1024px) {
	.newBoard__gallery-link .tit { max-height:56px; margin-top:25px; font-size:18px; line-height:28px; }
	.newBoard__gallery-item .board-info { margin-top:15px; }
	.newBoard__gallery-item .board-info span { padding:0 15px; font-size:15px; }
}
@media (max-width: 960px) {
	.newBoard__gallery-list { padding-top:6%; }
	.newBoard__gallery-item { width:47%; margin:0 0 6% 6%; text-align:center; }
	.newBoard__gallery-item:nth-of-type(3n+1) { margin:0 0 6% 6%; }
	.newBoard__gallery-item:nth-of-type(2n+1) { margin:0 0 6% 0; }
	.newBoard__gallery-item .board-info span { font-size:14px; }
	.newBoard__gallery-item .board-info span.writer { overflow:hidden; width:auto; max-width:40%; }
	.newBoard__gallery-item .board-info span.date { width:auto; max-width:35%; }
	.newBoard__gallery-item .board-info span.view { width:auto; max-width:25%; }
}
@media (max-width: 640px) {
	.newBoard__gallery-list { padding-top:8%; }
	.newBoard__gallery-item { width:100%; margin:0 0 8% 0; }
	.newBoard__gallery-item:nth-of-type(3n+1) { margin:0 0 8% 0; }
	.newBoard__gallery-item:nth-of-type(2n+1) { margin:0 0 8% 0; }
	.newBoard__gallery-link .thumb img { width:100%; }
	.newBoard__gallery-item .board-info { margin-top:10px; }
	.newBoard__gallery-item .board-info span { max-height:48px; padding:0 12px; font-size:13px; line-height:16px; }
	.newBoard__gallery-item .board-info span:first-child { padding: 0 12px 0 0; }
	.newBoard__gallery-item .board-info span + span:after { width:10px; height:1px; }
}
@media (max-width: 480px) {
	.newBoard__gallery-list { padding-top:12%; }
}
/* 게시판 스킨 - 갤러리 */
/* ===================================================== */


/* ===================================================== */
/* 게시판 스킨 - 인증서 */
.newBoard__certificate-list { padding-top:6%; border-top:1px solid #222; border-bottom:1px solid #e3e3e3; font-size:0; }
.newBoard__certificate-item { display:inline-block; width:19%; margin:0 0 6% 8%; text-align:center; vertical-align: top; }
.newBoard__certificate-item:nth-of-type(4n+1) { margin:0 0 6% 0; }

.newBoard__certificate-item .thumb { display:block; overflow: hidden; position:relative; border:1px solid #e3e3e3; background-color:#efefef; background-image:url('../images/board/no-image01.png'); background-repeat: no-repeat; background-position: 50% 50%; }
.newBoard__certificate-item .thumb:after { display:block; opacity:0; position:absolute; top:50%; left:50%; width:70px; height:70px; margin:-40px 0 0 -35px; background-color:rgba(34, 34, 34, 0.0); background-image:url('../images/board/ico_zoom02.png'); background-repeat: no-repeat; background-position: 50% 50%; content:''; transition: all 0.3s ease-in-out; }
.newBoard__certificate-item .zoom-link:hover .thumb:after { opacity:1; z-index:2; width:70px; height:70px; animation: heartBeat 1.3s infinite; }
.newBoard__certificate-item .thumb span { display:block; background-repeat: no-repeat; background-position: 50% 50%; background-size:contain; transition: all 0.3s ease-in-out; }
.newBoard__certificate-item:hover .thumb span { transform: scale(1.2); }

.newBoard__certificate-item .title { position:relative; max-height:86px; margin-top:30px; font-size:20px; line-height:1.3; color:#222; }
.newBoard__certificate-item .title a { display: block; position: relative; padding:0 0 30px 0; color:#222; }
.newBoard__certificate-item .title a:after { display:block; position:absolute; bottom:0; left:50%; width:24px; height:1px; background-color:#222; content:''; transform: translateX(-50%); transition: all 0.3s ease-in-out; }
.newBoard__certificate-item .title a:hover::after { width:100%; height:2px; }
.newBoard__certificate-item .admin-check { margin-top:20px; }

@media (max-width: 1024px) {
	.newBoard__certificate-list { padding-top:8%; }
.newBoard__certificate-item { width:28%; margin:0 0 8% 8%; }
.newBoard__certificate-item:nth-of-type(4n+1) { margin:0 0 8% 8%; }
.newBoard__certificate-item:nth-of-type(3n+1) { margin:0 0 8% 0; }

.newBoard__certificate-item .title { max-height:72px; margin-top:25px; font-size:18px; }
.newBoard__certificate-item .title a { padding-bottom:25px; }
}
@media (max-width: 768px) {
	.newBoard__certificate-item .title { max-height:62px; margin-top:20px; font-size:16px; }
	.newBoard__certificate-item .title a { padding-bottom:20px; }
}
@media (max-width: 640px) {
	.newBoard__certificate-list { padding-top:8%; }
	.newBoard__certificate-item { width:46%; margin:0 0 8% 8%; }
	.newBoard__certificate-item:nth-of-type(4n+1) { margin:0 0 8% 8%; }
	.newBoard__certificate-item:nth-of-type(3n+1) { margin:0 0 8% 8%; }
	.newBoard__certificate-item:nth-of-type(2n+1) { margin:0 0 8% 0; }
}
@media (max-width: 360px) {
	.newBoard__certificate-list { padding-top:12%; }
	.newBoard__certificate-item { width:100%; margin:0 0 12% 0%; }
	.newBoard__certificate-item:nth-of-type(4n+1) { margin:0 0 12% 0%; }
	.newBoard__certificate-item:nth-of-type(3n+1) { margin:0 0 12% 0%; }
	.newBoard__certificate-item:nth-of-type(2n+1) { margin:0 0 12% 0%; }
}
/* 게시판 스킨 - 인증서 */
/* ===================================================== */


/* ===================================================== */
/* 게시판 글 상세 페이지 */
.newBoard__view { position: relative; z-index: 2; }
.newBoard__view-header { position:relative; padding:0 0 5% 0; border-bottom:1px solid #e3e3e3; text-align:center; }
.newBoard__view-header:after { display:block; position:absolute; bottom:-1px; left:50%; width:60px; height:1px; background-color:#222; content:''; transform:translateX(-50%); }
.newBoard__view-title { font-weight:400; font-size:40px; line-height:1.3; color:#222; }
.newBoard__view-title em { display:inline-block; height:42px; padding:0 25px; margin-right:10px; border:1px solid #222; border-radius: 40px; font-weight:400; font-size:28px; line-height:40px; }
.newBoard__view-info { margin:2% 0 0 0; font-size:0; }
.newBoard__view-info span { display: inline-block; position:relative; padding:0 20px; font-weight: 500; font-size:16px; text-align:left; vertical-align: middle; }
.newBoard__view-info span::after { display: block; position:absolute; top:50%; left:0; width:12px; height:1px; background-color:#d4d4d4; content:''; transform:translate(-50%, -50%) rotate(-45deg); }
.newBoard__view-info span:first-child::after { display: none; }
.newBoard__view-info em,
.newBoard__view-info i { display:inline-block; font-weight:500; vertical-align: baseline; }

.newBoard__view-info em { overflow:hidden; max-width:1px; font-size:0; text-indent:-9999px; }

.newBoard__view-contents { position:relative; border-bottom:1px solid #e3e3e3; }
.newBoard__view-contents:after { display:block; position:absolute; bottom:-1px; left:50%; width:60px; height:1px; background-color:#222; content:''; transform:translateX(-50%); }
.newBoard__view-contentsbox { padding:6.42% 0; font-weight:300; font-size:18px; line-height:1.8; }
.newBoard__view-contentsbox strong,
.newBoard__view-contentsbox b { font-weight:700; }

/* 첨부파일 다운로드 */
.newBoard__view-file { padding: 3em 0; border-top:1px solid #e3e3e3; font-size: 18px;}
.newBoard__view-file .item { display: flex; align-items: center; gap: 0.6em;}
.newBoard__view-file .item::before {content: ''; background: url(../images/board/ico_file01.png) no-repeat center/contain; width: 18px; height: 20px; flex-shrink: 0;}
.newBoard__view-file .item + .item { margin-top: 0.7em;}
.newBoard__view-file .item .name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 0.6em; }
.newBoard__view-file .item .name:after { content: attr(data-filetype); }
.newBoard__view-file .item a { border-radius: 5em; background-color:#444; font-weight:500; text-align: center; color:#fff; transition: .3s ease-in-out; font-size: 14px; padding: 0.25em 1em; white-space: nowrap;}
.newBoard__view-file .item a:hover { background-color: var(--color-main); }

@media (max-width: 1280px) {
	.newBoard__view-file {font-size: 17px; padding: calc(1em + 2.4vw) 0;}
}
@media (max-width: 1024px) {
	.newBoard__view-header { padding:0 0 6% 0; }
	.newBoard__view-title { font-size:36px; }
	.newBoard__view-title em { height:38px; padding:0 20px; margin-right:8px; font-size:24px; line-height:36px; }
	.newBoard__view-info { margin:3% 0 0 0; }
	.newBoard__view-info span { padding:0 15px; font-size:15px; }
	.newBoard__view-contentsbox { padding:7% 0; font-size:17px; }
	.newBoard__view-file {font-size: 16px;}
	.newBoard__view-file .item a {font-size: 13px;}
}
@media (max-width: 768px) {
	.newBoard__view-title { font-size:32px; }
	.newBoard__view-title em { height:34px; padding:0 20px; margin-right:6px; font-size:20px; line-height:32px; }
	.newBoard__view-info span { padding:0 10px; font-size:14px; }
	.newBoard__view-contentsbox { font-size:16px; }
	.newBoard__view-file {font-size: 15px;}
}
@media (max-width: 480px) {
	.newBoard__view-header { padding:0 0 10% 0; }
	.newBoard__view-title { font-size:28px; }
	.newBoard__view-title em { height:30px; padding:0 15px; margin-right:6px; font-size:16px; line-height:28px; }
	.newBoard__view-info { margin:4% 0 0 0; }
	.newBoard__view-info span { padding:0 10px; font-size:14px; }
	.newBoard__view-contentsbox { padding:10% 0; font-size:16px; }
	.newBoard__view-file {font-size: 14px;}
	.newBoard__view-file .item a {font-size: 12px; }
}
@media (max-width: 360px) {
	.newBoard__view-file .item {column-gap: 0.4em;}
	.newBoard__view-file .item .name {margin-right: 0;}
}

.newBoard__view-footer { padding:6% 0 0 0; }
.newBoard__view-footer .inbox { position:relative; font-size:0; }
.newBoard__view-footer .inbox:after { display:block; clear: both; content:''; }

.newBoard__view-link { display:block; width:calc(50% - 160px); transition:all 0.3s ease-in-out; }
.newBoard__view-link.prev { float:left; }
.newBoard__view-link.next { float:right; }
.newBoard__view-link .link { display: block; position:relative; transition: all 0.3s ease-in-out; }
.newBoard__view-link.prev .link { padding:0 0 0 80px; text-align:right; }
.newBoard__view-link.next .link { padding:0 80px 0 0; }
.newBoard__view-link.prev .link:hover { padding:0 10px 0 70px; }
.newBoard__view-link.next .link:hover { padding:0 70px 0 10px; }

.newBoard__view-link .link:after { display:block; position:absolute; top:25px; width:60px; height:16px; background-repeat: no-repeat; background-position: 0 50%; background-size:cover; content:''; transition: all 0.3s ease-in-out; }
.newBoard__view-link.prev .link:after { left:0; background-image:url('../images/board/ico_arrow_left01.png'); }
.newBoard__view-link.next .link:after { right:0; background-image:url('../images/board/ico_arrow_right01.png'); }
.newBoard__view-link.prev .link:hover::after { animation: fadeOutLeft 1.2s infinite; }
.newBoard__view-link.next .link:hover::after { animation: fadeOutRight 1.2s infinite; }

.newBoard__view-link .link span { display:block; }
.newBoard__view-link .link .text { font-weight:500; font-size:16px; color:#888; }
.newBoard__view-link .link .title { margin-top:6px; font-weight:500; font-size:20px; line-height:1.3; color:#222; }
.newBoard__view-link .link:hover .title { color:#222; }

.newBoard__view-link.no_data .link { opacity:0.4; cursor:default; }
.newBoard__view-link.prev.no_data .link:hover { padding:0 0px 0 80px; }
.newBoard__view-link.next.no_data .link:hover { padding:0 80px 0 0px; }
.newBoard__view-link.prev.no_data .link:hover::after { animation: none; }
.newBoard__view-link.next.no_data .link:hover::after { animation: none; }

.newBoard__view-footer .newBoard__view-btn { position:absolute; top:50%; left:50%; width:80px; height:80px; transform:translate(-50%, -50%); }

.newBoard__view-list { display:block; overflow:hidden; position:relative; height:100%; padding:29px 0 0 0; background-color:#222; font-size:0; line-height:0; text-indent:-88888px; }
.newBoard__view-list span { display:block; position:relative; width:28px; height:4px; margin:0 auto; transition:all 0.3s ease-in-out; }
.newBoard__view-list span::before { display:block; position:absolute; top:0; left:0; width:4px; height:4px; border-radius: 4px; background-color: #fff; content:''; transition:all 0.3s ease-in-out; }
.newBoard__view-list span::after { display:block; position:absolute; top:0; right:0; width:21px; height:4px; border-radius: 4px; background-color: #fff; content:''; transition:all 0.3s ease-in-out; }
.newBoard__view-list span + span { margin-top:5px; }
.newBoard__view-list:hover { background-color:var(--color-main); }
.newBoard__view-list:hover span::before { width:28px; }
.newBoard__view-list:hover span::after { right:100%; width:0px; background-color:transparent; }

@media (max-width: 1440px) {
	.newBoard__view-footer { padding:6% 0 0 0; }
	.newBoard__view-link { width:calc(50% - 120px); }
}
@media (max-width: 1024px) {
	.newBoard__view-footer { padding:8% 0 0 0; }
	.newBoard__view-link { width:calc(50% - 80px); }
	.newBoard__view-link .link .text { font-size:16px; }
	.newBoard__view-link .link .title { margin-top:8px; font-size:18px; }

	.newBoard__view-footer .newBoard__view-btn { width:70px; height:70px; }
	.newBoard__view-list { padding:24px 0 0 0; }
}

@media (max-width: 768px) {
	.newBoard__view-footer { padding:10% 0 0 0; }
	.newBoard__view-link { width:calc(50% - 60px); }

	.newBoard__view-link.prev .link { padding:0 0 0 50px; }
	.newBoard__view-link.next .link { padding:0 50px 0 0; }
	.newBoard__view-link.prev .link:hover { padding:0 10px 0 40px; }
	.newBoard__view-link.next .link:hover { padding:0 40px 0 10px; }
	.newBoard__view-link .link:after { width:45px; height:12px; background-size:45px auto; }
	.newBoard__view-link .link .text { font-size:14px; }
	.newBoard__view-link .link .title { margin-top:4px; font-size:16px; }

	.newBoard__view-footer .newBoard__view-btn { width:60px; height:60px; }
	.newBoard__view-list { padding:21px 0 0 0; }
	.newBoard__view-list span { width:28px; height:3px; }
	.newBoard__view-list span::before { width:3px; height:3px; }
	.newBoard__view-list span::after { width:21px; height:3px; }
}
@media (max-width: 480px) {
	.newBoard__view-footer { padding:0 0 0 0; }
	.newBoard__view-link.prev,
	.newBoard__view-link.next { float:none; width:100%; padding:5% 0; border-bottom:1px dashed #d6d6d6; }

	.newBoard__view-link.prev .link { padding:0 0 0 50px; }
	.newBoard__view-link.next .link { padding:0 50px 0 0; }
	.newBoard__view-link.prev .link:hover { padding:0 10px 0 40px; }
	.newBoard__view-link.next .link:hover { padding:0 40px 0 10px; }
	.newBoard__view-link .link:after { top:50%; margin-top:-6px; }
	.newBoard__view-link .link .text { font-weight:300; font-size:13px; }
	.newBoard__view-link .link .title { margin-top:4px; font-weight:400; font-size:16px; }
	.newBoard__view-footer .newBoard__view-btn { position:static; margin:0 auto; margin-top:10%; margin-bottom:10%; transform:translate(0); }
}
/* 게시판 글 상세 페이지 */
/* ===================================================== */


/*비밀번호 입력*/
.newBoard__pass { max-width:720px; margin:0 auto; text-align:center; }
.newBoard__pass-header { position:relative; padding:0 0 3% 0; border-bottom:1px solid #e3e3e3; text-align:center; }
.newBoard__pass-header:after { display:block; position:absolute; bottom:-1px; left:50%; width:60px; height:1px; background-color:#222; content:''; transform:translateX(-50%); }
.newBoard__pass-title { font-weight:400; font-size:36px; line-height:1.3; color:#222; }
.newBoard__pass-header .text { margin:1.5% 0 0 0; font-size:18px; line-height:1.3; }
.newBoard__pass-contents { padding:5% 0; background-color:#f1f1f1; text-align:center; }
.newBoard__pass-contents input { max-width:380px; }
.newBoard__pass .newBoard__btn { padding:6% 0 0 0; }

@media (max-width: 1024px) {
	.newBoard__pass-header { padding:0 0 5% 0; }
	.newBoard__pass-title { font-size:32px; }
	.newBoard__pass-header .text { margin:1% 0 0 0; font-size:16px; }
	.newBoard__pass-contents { padding:40px 20px; }
	.newBoard__pass-contents input { max-width:320px; }
	.newBoard__pass .newBoard__btn { padding:6% 0 0 0; }
}
@media (max-width: 768px) {
	.newBoard__pass-header { padding:0 0 6% 0; }
	.newBoard__pass-title { font-size:28px; }
	.newBoard__pass-header .text { margin:10px 0 0 0; font-size:15px; }
	.newBoard__pass-contents { padding:40px 20px; }
	.newBoard__pass .newBoard__btn { padding:12% 0 0 0; }
}

.newBoard__pass-header .text-box { padding:20px 20px 0 20px; margin:4% 0 0% 0; border-top:1px solid #d6d6d6; font-size:0; text-align:left; }
.newBoard__pass-header .text-box span { display: inline-block; width: 50%; }

.newBoard__pass-header .text-box span em { display: inline-block; width:70px; padding:5px 10px; border-radius: 40px; background-color:#222; font-size:14px; text-align:center; color:#fff; }
.newBoard__pass-header .text-box span i { display: inline-block; width:calc(100% - 70px); padding:5px 10px; font-size:16px; color:#222; }

@media (max-width: 768px) {
	.newBoard__pass-header .text-box span { display: block; width: 100%; }
	.newBoard__pass-header .text-box span + span { margin-top:5px; }
}
@media (max-width: 360px) {
	.newBoard__pass-header .text-box { padding:10px 10px 0 10px; margin-top:20px; }
	.newBoard__pass-header .text-box span em { width:50px; padding:5px 6px; font-size:12px; }
	.newBoard__pass-header .text-box span i { width:calc(100% - 50px); padding:5px 10px; font-size:14px; color:#222; }
}

.base__form-item { display: block; position: relative; }

/*Select */
.select-label { display:block; overflow: hidden; position:relative; z-index:1; width:100%; padding:0 50px 0 30px; border:1px solid #e3e3e3; border-radius:5px; background:transparent; font-size:18px; line-height:48px; text-align:left; color:#999; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s ease-in-out; }
.select-label.is-selected,
.select-label.js-active { color:#222; }

.select-label.is-selected:after,
.select-label:after { position: absolute; content: ''; background: url(../images/common/chevron_w13.svg) no-repeat center/contain; width: 13px; height: 8px; right: 20px; top: 50%; transform: translateY(-50%); transition: .3s;}
.select-label.js-active:after {transform: translateY(-50%) rotate(180deg); }

.base-select { opacity: 0; position:absolute; top:0; left:0; z-index:2; width:100%; height: 50px; min-height: 50px; padding: 0 20px; filter: alpha(opacity=0); font-size:18px; line-height: 50px; text-align:left; }

.search-select .select-label { padding:0 50px 0 20px; font-weight:400; font-size:16px; }
.search-select .base-select { font-size:16px; }

@media (max-width: 1024px) {
	.select-label { padding:0 40px 0 20px; font-size:16px; line-height:38px; }
	.base-select { height: 40px; min-height: 40px; padding: 0 10px; font-size:16px; line-height: 40px; }
	.select-label.is-selected:after,
.select-label:after {width: 10px;}
	.search-select .select-label { padding:0 40px 0 20px; }
}


/* file upload */
.base__fileup { display:block; overflow:hidden; position: relative; width:50%; height: 50px; font-size:18px; }
.base__fileup + .base__fileup { margin-top:10px; }

.base__fileup-name { overflow:hidden; position:absolute; top:0; left:0; width:calc(100% - 122px) !important; white-space:nowrap; text-overflow:ellipsis; }
.base__fileup-name.is-active { display:block; z-index:301; }

.base__fileup-wrap { display:block; overflow: hidden; position: absolute; top: 0; right: 0; z-index:300; width: 115px; height:50px; border:1px solid #222; border-radius: 5px; text-align:center; transition:all 0.3s ease-in-out; cursor:pointer; }

.base__fileup-wrap:after { display:inline-block; height:48px; padding:0 0 0 25px; background:url('../images/board/ico_zoom01.png') 0 50% no-repeat; content: attr(data-value); font-size:14px; line-height:48px; text-align: center; color:#222; transition:all 0.3s ease-in-out; }

.base__fileup-wrap:hover { border-color:var(--color-main); background:var(--color-main); }
.base__fileup-wrap:hover::after { background-image:url('../images/board/ico_zoom01_on.png'); color:#fff; }

.base__fileup-file { opacity: 0; position: absolute; z-index:200; width:0; height: 0; filter: alpha(opacity=0); font-size:0; cursor: pointer; }

@media (max-width: 1024px) {
	.base__fileup { overflow:hidden; width:100%; height: 40px; font-size:16px; }
	.base__fileup-name { width:calc(100% - 122px) !important; }
	.base__fileup-wrap { width: 115px; height:40px; }
	.base__fileup-wrap:after { height:38px; line-height:38px; }
}
@media (max-width: 480px) {
	.base__fileup-name { width:calc(100% - 107px) !important; }
	.base__fileup-wrap { width: 100px; }
}

/*Input Style*/
.newBoard__write input[type=text],
.newBoard__write input[type=password],
.newBoard__write textarea { width:100%; height:50px; padding:0 20px 0 30px; border:1px solid #e3e3e3; border-radius:5px; background-color: #fff; font-size:18px; line-height:48px; color:#222; }
.newBoard__write input:focus { color:#222; }

@media (max-width: 1024px) {
	.newBoard__write input[type=text],
	.newBoard__write input[type=password],
	.newBoard__write textarea { height:40px; padding:0 15px 0 15px; font-size:16px; line-height:38px; }
}

/*Board Write*/
.newBoard__write-header:after { display: block; clear:both; content:''; }
.newBoard__write-header .required { text-align:right; }
.newBoard__write-header .required span { display:inline-block; max-width:calc(100% - 16px); margin-left:6px; }
.newBoard__write-header .required:before { display:inline-block; width:10px; height:10px; border-radius: 50%; background-color:var(--color-main); content:''; vertical-align: middle; }

.newBoard__write-table table { width: 100%; margin:20px 0 0 0; border-top:1px solid #e3e3e3; table-layout: fixed; }
.newBoard__write-table th,
.newBoard__write-table td { border-bottom:1px solid #e3e3e3; font-size:18px; }
.newBoard__write-table th { font-weight:500; }
.newBoard__write-table th.th-type1,
.newBoard__write-table td.td-type1 { border-bottom:0; }
.newBoard__write-table td.td-type1 { padding:0; }
.newBoard__write-table th.th-type2 { padding-top:40px; vertical-align:top; }

.newBoard__write-table th { padding:20px 40px; font-weight:500; text-align:left; color:#222; }
.newBoard__write-table th:first-child { padding-left:0; }
.newBoard__write-table td { padding:20px 0px; }

.newBoard__write-table .required span,
.newBoard__write-table .required label { display:inline-block; }
.newBoard__write-table .required span:after,
.newBoard__write-table .required label:after { display:inline-block; width:10px; height:10px; margin-bottom:1px; margin-left:6px; border-radius: 50%; background-color:var(--color-main); content:''; vertical-align:baseline; }

.newBoard__write-table table.i_01 ul li { display: inline-block; width: 24%; }

.base__form-text { margin-top:10px; font-weight:300; font-size:16px; }

@media (max-width: 1024px) {
	.newBoard__write-header .required span { font-size:15px; }
	.newBoard__write-table th,
	.newBoard__write-table td { font-size:16px; }
	.newBoard__write-table th.th-type2 { padding-top:35px; }
	.newBoard__write-table th { padding:20px 20px; }
	.base__form-text { font-size:15px; }
}

@media (max-width: 768px) {
	.newBoard__write-header .required span { font-size:14px; }
	.newBoard__write-table table colgroup { display:none; }
	.newBoard__write-table th,
	.newBoard__write-table td { display:block; }
	.newBoard__write-table th { padding:40px 0 0 0; border-bottom: 0; }
	.newBoard__write-table th.th-type2 { padding-top:40px; }
	.newBoard__write-table td { padding:15px 0 0 0; border-bottom:0; }
	.newBoard__write-table td.td-type1 { padding:15px 0 0 0; }
	.newBoard__write-table tr:last-child td { padding:15px 0 40px 0; }
	.base__form-text { font-size:15px; }
	.newBoard__write-table table.i_01 ul li { width: 49%; }
	.newBoard__write-table table.i_01 ul li:nth-child(3),.newBoard__write-table table.i_01 ul li:nth-child(4) { width: 49%; padding: 15px 0 0 0; }
	.newBoard__write-table tr { border: 0; }
}
@media (max-width: 480px) {
	.newBoard__write-table th { padding:25px 0 0 0; border-bottom: 0; }
	.newBoard__write-table td { padding:8px 0 0 0; border-bottom:0; }
	.newBoard__write-table table.i_01 ul li:nth-child(3),.newBoard__write-table table.i_01 ul li:nth-child(4) { padding: 8px 0 0 0; }
}

/*인증번호*/
.spamkey { font-size:0 !important; }
.spamkey-img { display:inline-block; padding:0 20px; margin-right:10px; border-radius: 5px; background-color:#e3e3e3; line-height:50px; text-align:center; }
.spamkey-img img { display:inline-block; }
.spamkey .base__form-item { display:inline-block; width:150px; }
.spamkey .base__form-item input { padding:0 20px; font-weight:700; font-size:22px; letter-spacing: 1px; text-align:center; }
@media screen and (max-width: 1024px) {
.spamkey-img { padding:0 15px; line-height:40px; }
 }
@media screen and (max-width: 480px) {
.spamkey-img { width:calc(50% - 5px); padding:0; margin-right:5px; }
.spamkey .base__form-item { width:50%; }
.spamkey .base__form-item input { padding:0 10px; letter-spacing: 4px; }
 }


/*개인정보 동의 체크*/
.privacy-check { padding:40px 0; text-align:center; }

.privacy-check .form-check_item .checkbox-label { display:inline-block; position:relative; width:auto; padding:0; margin:0; font-weight:500; font-size:20px; line-height:30px; vertical-align:middle; color:#222; cursor:pointer; }
.privacy-check .form-check_item .checkbox-obj { opacity: 0; position:absolute; top:0; left:0; z-index:1; width:34px; height:30px; padding:0; margin:0; filter: alpha(opacity=0); vertical-align:middle; }
.privacy-check .form-check_item .checkbox-label:before { display:inline-block; position:absolute; top:0; left:0; z-index:2; width:34px; height:30px; background: url('../images/board/ico_check.png') 0 0 no-repeat; background-size:contain; content:''; }
.privacy-check .form-check_item .checkbox-label.checkbox-on:before { background-image:url('../images/board/ico_check_on.png'); }
.privacy-check .form-check_item .form-check_item { display:inline-block; }
.privacy-check .form-check_item .checkbox-text { display:inline-block; margin:0 0 0 40px; font-style:normal; letter-spacing:-0.04em; text-align:left; vertical-align:baseline; }
.privacy-check .form-check_item .checkbox-text a {display: inline; vertical-align: baseline; font-weight: 600; color: var(--color-main); }
.privacy-check .form-check_item .checkbox-text a:hover {text-decoration: underline; text-underline-offset: 0.3em;}
.privacy-check .form-check_item .checkbox-label.checkbox-on { font-weight: 500; }

@media (max-width: 768px) {
.privacy-check { padding:30px 0; }
.privacy-check .form-check_item .checkbox-label { font-size:18px; line-height:30px; }
}
@media (max-width: 480px) {
.privacy-check .form-check_item .checkbox-label { font-size:16px; line-height:25px; }
.privacy-check .form-check_item .checkbox-obj { width:28px; height:25px; }
.privacy-check .form-check_item .checkbox-label:before { width:28px; height:25px; }
.privacy-check .form-check_item .checkbox-text { margin:0 0 0 35px; }
 }

/*공지사항 날짜입력*/
.calendar { font-size:0 !important; }
.calendar .base__form-item { display:inline-block; width: calc(30% - 50px); margin-right:50px; }
.calendar .base__form-item + .base__form-item::after { display:inline-block; position:absolute; top:50%; left:-30px; content:'~'; font-size:18px; transform:translateY(-50%); }
.calendar .base__form-item + .base__form-item { margin-right:20px; }
.calendar .base__form-item label { overflow:hidden; position:absolute; top:50%; right:10px; width:30px; height:26px; background:url('../images/board/ico_calendar.png') 0 50% no-repeat; font-size:0; text-indent:-888889px; text-align:left; transform:translateY(-50%); cursor:pointer; }
.calendar .base__form-item input[type="text"] { padding-right:50px; }

/*공지체크*/
.form-check_item .checkbox-label { display:inline-block; position:relative; width:auto; padding:0; margin:0; font-weight:300; font-size:16px; line-height:18px; vertical-align:middle; color:#666; cursor:pointer; }
.form-check_item .checkbox-obj { opacity: 0; position:absolute; top:0; left:0; z-index:1; width:18px; height:18px; padding:0; margin:0; filter: alpha(opacity=0); vertical-align:middle; }
.form-check_item .checkbox-label.checkbox-on { font-weight:400; color:#222; }
.form-check_item .checkbox-label:before { display:inline-block; position:absolute; top:0; left:0; z-index:2; width:18px; height:18px; background: url('../images/board/ico_check01.png') 0 0 no-repeat; background-size:contain; content:''; }
.form-check_item .checkbox-label.checkbox-on:before { background-image:url('../images/board/ico_check01_on.png'); }

.calendar .form-check_item { display:inline-block; width:40%; }
.form-check_item .checkbox-text { display:inline-block; margin:0 0 0 25px; font-style:normal; letter-spacing:-0.04em; text-align:left; vertical-align:baseline; }


@media (max-width: 1024px) {
.calendar .base__form-item { width: calc(50% - 25px); margin-right:50px; }
.calendar .base__form-item + .base__form-item { margin-right:0px; }
.calendar .form-check_item { display:block; margin-top:10px; }
.form-check_item .checkbox-label { font-size:15px; }
 }

@media (max-width: 480px) {
.calendar .base__form-item label { width:auto; padding:0 0 0 30px; background-size:24px auto; font-size:15px; line-height:26px; text-indent: 0; color:#666; }
.calendar .base__form-item { width:100%; margin:0; }
.calendar .base__form-item + .base__form-item { margin:10px 0 0 0; }
.calendar .base__form-item + .base__form-item::after { display:none; }
 }


/* ===================================================== */
/* 온라인 문의 상단 */
.inquiry-intro {display: flex; align-items: center; margin-bottom: 2.5rem; column-gap: 2rem;}
.inquiry-intro .img-wrap {width: 18%; flex-shrink: 0; display: flex; justify-content: center;}
.inquiry-intro .img-wrap p {width: 11.2rem;}

.inquiry-intro .txt-wrap {flex-grow: 1; padding: 3rem; position: relative;}
.inquiry-intro .txt-wrap::before {width: 2rem; height: 4rem; background-color: #f5f5f5; content: ''; right: calc(100% - 1px); top: 50%; transform: translateY(-50%); position: absolute; clip-path: polygon(0 50%, 100% 100%, 100% 0); display: none;}
.inquiry-intro .txt-wrap h4 {color: #3a3c3e; font-weight: 600; font-size: 2rem;}
.inquiry-intro .txt-wrap p {font-size: calc(1rem + 7px); color: #666; line-height: 1.3;}
@media (max-width: 768px) {
	.inquiry-intro .img-wrap {width: fit-content;}
}
@media (max-width: 576px) {
	.inquiry-intro {flex-direction: column; row-gap: 2rem;}
	.inquiry-intro .img-wrap p {width: 15rem;}
	.inquiry-intro .txt-wrap {text-align: center; padding: 0rem 0 3.5rem;}
	.inquiry-intro .txt-wrap::before {width: 4rem; height: 2rem; right: 50%; top: 0;  clip-path: polygon(0 100%, 100% 100%, 50% 0); transform: translate(50%, -100%);}

}

@media (max-width: 380px) {

	.inquiry-intro .txt-wrap h4 br {display: none;}
}
/* 온라인 문의 상단 */
/* ===================================================== */


.nodata { width:100% !important; padding:5% 0 !important; margin:0 !important; font-size:20px !important; text-align:center !important; color:#666 !important; }
.board_thumbnail-item.nodata:hover::after { display:none; }
.newBoard__certificate-item.nodata,
.newBoard__gallery-item.nodata { padding:0 0 5% 0 !important; }
@media (max-width: 768px) {
.nodata { padding:8% 0 !important; font-size:18px !important; }
.newBoard__certificate-item.nodata,
.newBoard__gallery-item.nodata { padding:7% 0 15% 0 !important; }
 }
@media (max-width: 480px) {
.nodata { padding:12% 0 !important; font-size:18px !important; }
.newBoard__certificate-item.nodata,
.newBoard__gallery-item.nodata { padding:8% 0 20% 0 !important; }
 }

.lb-nav a.lb-prev,
.lb-nav a.lb-next { background:transparent !important; }
.lb-nav a.lb-prev::after,
.lb-nav a.lb-next::after { display:block; opacity: 0; position: absolute; top:50%; width:50px; height:30px; margin-top:-30px; content:''; transition:all 0.3s ease-in-out; }
.lb-nav a.lb-prev::after { left:-60px; background-image: url('../images/board/ico_arrow_left02.png'); }
.lb-nav a.lb-next::after { right:-60px; background-image: url('../images/board/ico_arrow_right02.png'); }
.lb-nav a.lb-prev:hover::after { opacity: 1; animation: fadeOutLeft 1.2s infinite; }
.lb-nav a.lb-next:hover::after { opacity: 1; animation: fadeOutRight 1.2s infinite; }
.lightbox .lb-image { border: 5px solid #222 !important; border-radius: 10px !important;box-sizing: border-box !important; }
.lb-outerContainer { background-color: transparent !important; }

/* ===================================================== */
/*유튜브 갤러리 height */
.video-container { overflow:hidden; position:relative; height:0; padding-top:30px; padding-bottom:56.25%; }
.video-container iframe,.video-container object,.video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
/*유튜브 갤러리 height */
/* ===================================================== */

input[type="button"].open,
input[type="button"].close { padding: 5px 20px; border: 1px solid #b5b5b5; border-bottom:0; border-radius: 10px 10px 0 0; background-color: #fff; font-size: 14px; }
.cke_sc_def { border-top:1px solid #b5b5b5; font-size:14px; line-height:20px; }

input[type="button"].open:focus,
input[type="button"].close:focus { border-width: 1px; outline:0; }


/* ===================================================== */
/* 게시판 스킨 - FAQ */
.faq-list { border-top: 1px solid #222; font-size: calc(1rem + 7px);}
.faq-item .admin-check { position: absolute; top:50%; left: 0; z-index: 5; transform:translateY(-50%); }
.faq-item.nodata { background-color:#fafafa; }

/* 공통 */
.faq-item { position: relative; border-bottom: 1px solid #ddd; color:#666; }
.faq-txt {position: relative; padding: 1.5em 4em 1.5em 5em;}
.faq-txt::before { content: 'Q'; font-weight: 700; font-size: 1.8em; text-align:center; color: #222; position: absolute; left: 1em; top: 50%; transform: translateY(-50%);}
/* 질문 */
.faq-q {cursor: pointer; line-height: 1.3; transition: .3s ease-in-out; font-weight: 500;}
.faq-q :is(a, p) { font-size: calc(1em + 2px);}
.faq-q::after { content: ''; width: 14px; height: 9px; mask: url(../images/board/faq_more.svg) no-repeat center; -webkit-mask: url(../images/board/faq_more.svg) no-repeat center; background-color: #ccc; transition: .3s; position: absolute; right: 2em; top: 50%; transform: translateY(-50%);}
.faq-item.is-active .faq-q { color:#222; }
.faq-item.is-active .faq-q::after { transform: translateY(-50%) rotate(180deg); background-color: var(--color-main); }
/* 답변 */
.faq-a { display: none; background-color: #fafafa; line-height: 1.5;}
.faq-a::before {content: 'A'; color: var(--color-main); top: 1.3em; }

@media (max-width: 576px) {
	.faq-txt {padding: 1.5em 2em 1.5em 3.5em;}
	.faq-txt::before { left: 0.5em; }
	.faq-q::after { right: 1em; }
}
/* 게시판 스킨 - FAQ */
/* ===================================================== */


/* ===================================================== */
/* 게시판 스킨 - 자료실 */
.board-archive .admin-check {position: absolute; bottom: 5%; z-index: 5; display: flex; align-items: center; font-size: 15px;}
.board-archive .modify-btn {margin-left: 0.3em; color: #fff; background-color: #444; padding: 0.2em 0.4em 0.15em; transition: .3s; border-radius: 0.2em;}

.board-archive .item {display: flex; position: relative; align-items: center; border-bottom: 1px solid #eee; color: #222; font-weight: 500; padding: 1.3em 0; }
.board-archive .item-num {width: 9%; min-width: 60px; text-align: center; flex-shrink: 0;}
.board-archive .item-tit { padding-right: 5%; flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 1.125em;}
.board-archive .item .btn-wrap { flex-shrink: 0;}
.board-archive .item .btn-down {color: #fff; background-color: var(--color-main); padding: 0.6em 1.5em; display: flex; column-gap: 1.3em; align-items: center; transition: .3s; border-radius: 0.3em;}
.board-archive .item .btn-down span {padding-top: 0.05em;}
.board-archive .item .btn-down::after {content: ''; background: url(../images/board/ico_down.svg) no-repeat center/contain; width: 1.45em; height: 1.2em;}

@media (max-width: 1024px) {
	.board-archive .item {font-size: 15px;}
}
@media (max-width: 576px) {
	.board-archive .admin-check {bottom: 0; align-items: end; font-size: 14px;}
	.board-archive .item {flex-wrap: wrap; row-gap: 1.2em; padding: 1.8em 0;}
	.board-archive .item-num {width: auto; font-weight: 600; color: var(--color-main); border-right: 1px solid #eee; padding: 0 1.1em; margin-right: 1.1em; min-width: 0;}
	.board-archive .item-tit { padding-right: 0;}
  .board-archive .item .btn-wrap {width: 100%;}
	.board-archive .item .btn-down {justify-content: center; padding: 0.7em 1em;}
}
@media (max-width: 420px) {
	.board-archive .item {font-size: 14px;}
	.board-archive .item .btn-wrap {font-size: 15px;}
}
/* 게시판 스킨 - 자료실 */
/* ===================================================== */


/* ===================================================== */
/* 상세페이지 내 DownLoad 입력폼 */
.board__down { margin-top:4.28%; }
.board__down-btn { height:80px; font-size:0; line-height:80px; text-align: center; }
.board__down-btn a { display:inline-block; width:100%; max-width:400px; background-color:#222; color:#fff; transition: all 0.3s ease-in-out; }
.board__down-btn a span { display: inline-block; padding:0 60px 0 0; background: url('../images/board/ico_down01.png') 100% 50% no-repeat; background-size:40px auto; font-size:28px; line-height:1.3; }
.board__down-btn a:hover { background-color: var(--color-main); }
.board__down-btn.is-active a { max-width: 100%; }
.board__down-inner { display: none; padding:4.28%; border:20px solid #222; border-top:0; }

@media (max-width: 1024px) {
	.board__down-btn { height:60px; line-height:60px; }
	.board__down-btn a { max-width:300px; }
	.board__down-btn a span { padding:0 40px 0 0; background-size:30px auto; font-size:24px; }
	.board__down-inner { padding:4.28%; border-width: 0 15px 15px 15px; }
}
@media (max-width: 768px) {
	.board__down-btn { height:50px; line-height:50px; }
	.board__down-btn a { max-width:250px; }
	.board__down-btn a span { padding:0 40px 0 0; background-size:26px auto; font-size:20px; }
	.board__down-inner { padding:30px; border-width: 0 10px 10px 10px; }
	.board__down-inner .newBoard__btn { padding-top:6%; }
}
@media (max-width: 480px) {
	.board__down-inner .inquery-header .base__top-img { position:static; width:100%; text-align:center; }
	.board__down-inner .inquery-header .base__top h4 { padding-left:0; }
	.board__down { margin-top:40px; }
	.board__down-btn a { max-width:100%; }
	.board__down-btn a span { padding:0 40px 0 0; background-size:24px auto; font-size:18px; }
	.board__down-inner { padding:20px 15px; border-width: 0 6px 6px 6px; }
	.board__down-inner .newBoard__btn { padding-top:8%; }
}

#ui-datepicker-div { z-index:1000 !important; }
.ui-datepicker .ui-datepicker-title select { padding:4px 0; }
.ui-datepicker .ui-datepicker-title select + select { margin:0 0 0 5px; }

@media (min-width: 1024px) {
	.base__form-item.type1 { display:inline-block; min-width:30%; }
	.base__form-item.type2 { display:inline-block; min-width:50%; }
}

.base__form-item.email .email_nth-1 { width:40%; }
/* .base__form-item.email .email_nth-2 { width:calc(30% - 38px); }  */
.base__form-item.email .email_nth-2 { width:calc(60% - 27px); } 
.base__form-item.email .email_nth-3 { display:inline-block; width:30%; }
.base__post { width:100%; max-width:100%; }
.base__post:nth-child(1) { max-width:320px; }
.newBoard__write textarea { min-height:200px; padding:20px; line-height:1.3; }

@media (min-width: 768px) and (max-width: 1024px) {
	.base__form-item.type1 { min-width:50%; }
	.base__form-item.type2 { display:block; }
}
@media (max-width: 768px) {
	.base__form-item.email .email_nth-1 { width:100%; }
	.base__form-item.email .email_nth-2 { width:calc(100% - 22px); margin-top:10px; }
	.base__form-item.email .email_nth-3 { width:100%; margin-top:10px; }
	.newBoard__write textarea { min-height:180px; padding:15px; }
}
/* 상세페이지 내 DownLoad 입력폼 */
/* ===================================================== */


/* ===================================================== */
/* 체크박스 */
.base__check-item { display:inline-block; margin:3px 30px 3px 0; font-size:0; }
.base__check-item:last-child { margin-right:0; }
.base__check-item .checkbox-label { display:inline-block; position:relative; width:auto; padding:0; margin:0; font-weight:400; font-size:16px; line-height:22px; vertical-align:middle; color:#888; cursor:pointer; }
.base__check-item .checkbox-obj { opacity: 0; position:absolute; top:0; left:0; z-index:1; width:22px; height:22px; padding:0; margin:0; filter: alpha(opacity=0); vertical-align:middle; }
.base__check-item .checkbox-label.checkbox-on { font-weight:400; color:#222; }
.base__check-item .checkbox-label:before { display:inline-block; position:absolute; top:0; left:0; z-index:2; width:22px; height:22px; background: url('/home/images/board/ico_check02.png') 0 0 no-repeat; background-size:contain; content:''; }
.base__check-item .checkbox-label.checkbox-on:before { background-image:url('/home/images/board/ico_check02_on.png'); }

.base__check-item .checkbox-text { display:inline-block; margin:0 0 0 26px; font-style:normal; letter-spacing:-0.04em; text-align:left; vertical-align:baseline; }

@media (max-width: 1024px) {
	.base__check-item { margin:3px 25px 3px 0; }
	.base__check-item .checkbox-label { font-size:15px; }
}
@media (max-width: 480px) {
	.base__check-item { width:100%; margin:3px 0 3px 0; }
}
/* 체크박스 */
/* ===================================================== */


/* ===================================================== */
/* 라디오버튼 */
.base__radio-item { display:inline-block; margin:3px 30px 3px 0; font-size:0; }
.base__radio-item:last-child { margin-right:0; }
.base__radio-item .radio-label { display:inline-block; position:relative; width:auto; padding:0; margin:0; font-weight:400; font-size:16px; line-height:22px; vertical-align:middle; color:#888; cursor:pointer; }
.base__radio-item .radio-obj { opacity: 0; position:absolute; top:0; left:0; z-index:1; width:22px; height:22px; padding:0; margin:0; filter: alpha(opacity=0); vertical-align:middle; }
.base__radio-item .radio-label.radio-on { font-weight:400; color:#222; }
.base__radio-item .radio-label:before { display:inline-block; position:absolute; top:0; left:0; z-index:2; width:22px; height:22px; background: url('../images/board/ico_radio01.png') 0 0 no-repeat; background-size:contain; content:''; }
.base__radio-item .radio-label.radio-on:before { background-image:url('../images/board/ico_radio01_on.png'); }
.base__radio-item .radio-text { display:inline-block; margin:0 0 0 26px; font-style:normal; letter-spacing:-0.04em; text-align:left; vertical-align:baseline; }

@media (max-width: 1024px) {
	.base__radio-item { margin:3px 25px 3px 0; }
	.base__radio-item .radio-label { font-size:15px; }
}
@media (max-width: 480px) {
	.base__radio-item { width:100%; margin:3px 0 3px 0; }
}
/* 라디오버튼 */
/* ===================================================== */


/* ===================================================== */
/* 전화번호 입력폼 */
.base__tel { font-size:0; }
.base__tel-item { display:inline-block; position:relative; width:150px; }
.base__tel-item + .base__tel-item { margin-left:50px; }
.base__tel-item + .base__tel-item::after { display: inline-block; position: absolute; top: 50%; left: -30px; content: '-'; font-size: 18px; transform: translateY(-50%); }

@media (max-width: 1024px) {
	.base__tel-item { width:31.3%; }
	.base__tel-item + .base__tel-item { width:calc(34.3% - 40px); margin-left:40px; }
	.base__tel-item + .base__tel-item::after { left: -25px; }
}
@media (max-width: 480px) {
	.base__tel-item + .base__tel-item { width:31.3%; margin-left:3.05%; }
	.base__tel-item + .base__tel-item::after { left: -8px; }
}
/* 전화번호 입력폼 */
/* ===================================================== */


/* ===================================================== */
/* 날짜 선택폼 */
.base__date { font-size:0; }
.base__date .base__form-item { display:inline-block; position:relative; width:150px; }
.base__date-text { display:inline-block; margin:0 10px 0 5px; font-size:16px; }

@media only screen and (max-width: 768px) {
	.base__date .base__form-item { width:110px; }
	.base__date-text { font-size:14px; }
}
@media (max-width: 480px) {
	.base__date .base__form-item { width:calc(100% - 40px); margin-bottom:10px; }
	.base__date-text { margin-right:0; }
}
/* 날짜 선택폼 */
/* ===================================================== */




.form-check_item.chkagree {position: relative;}
.form-check_item.chkagree .checkbox-obj:checked + .checkbox-label:before { background-image:url('../images/board/ico_check_on.png'); }