@charset "utf-8";

.newBoard__write { max-width:1140px; margin:0 auto;}
.newBoard * { box-sizing: border-box; vertical-align: middle;}
.newBoard em,
.newBoard i {font-style:normal;}
.newBoard img {max-width: 100%; height:auto;}
.newBoard button{ padding:0; margin:0; border:0; background:transparent;vertical-align:middle;cursor:pointer;}

@media only screen and (max-width: 1024px) {
	.newBoard input+.hp_sms {max-width: 100px; max-height: 40px;}
}
@media only screen and (max-width: 768px) {
	.newBoard table,
	.newBoard table > *,
	.newBoard table tr,
	.newBoard table tr > * {display: block;}

}

/*일반게시판*/
.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: #21ad93;}

.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; line-height:18px;}
.search-kwd .search-btn {position: absolute; top: 0; right: 0; width:48px; height:48px;}



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

/*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:700; font-size:18px; line-height:20px; color:#333;}
.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/common/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/common/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/common/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;}


.board-list.qna .board-item.answer { height:auto !important; padding-top:20px; padding-bottom:20px; }


@media only screen and (max-width: 1024px) {
	.board-list .board-item { position:relative; padding: 30px 0 20px 0;font-weight: 500; font-size: 15px; color: #222; cursor:pointer; display:block;}
	.board-list .board-item:hover {background: none;}
	.board-list .board-item:hover .title {transform:translateX(0);}

	.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:20px; left:0; width:100%; padding:0 0; font-size:13px; text-align:left; transform:translateY(0); color:#666;}

	
	.board-list .board-item .title { margin-top:10px; display:block; width:100%; }
	.board-list .board-item .title span {display:inline-block; position:relative; max-width:100%; max-height:100%; font-weight:700; font-size:20px; line-height:1.5; color:#000; padding-bottom:14px;}


	.board-list .board-info {display:block; position:relative; top:auto; right:auto; left:auto; font-size:auto; text-align:center; transform:translateY(0); width:100%; text-align:right; padding:0 0 0;}
	.board-list .board-info span { padding:0 0 0 10px; font-size:14px; line-height:1; }
	.board-list .board-info span.writer { overflow:hidden;width:auto;}
	.board-list .board-info span.date {width:auto; }
	.board-list .board-info span.view {width:auto; display:none; }

}


/*pagination*/
.board-bottom {padding: 5% 0 0 0; text-align: center;}

.board-pagelist {display: inline-block; min-width: 60px; padding: 0 40px; font-size: 0;}
.board-pagelist li {display: inline-block;   margin: 0 5px;}
.board-pagelist li a {display: block; width: 40px; height: 40px; font-weight: 500; font-size: 15px; line-height:40px; color: #909090;}
.board-pagelist li.on a {background: #21ad93; color: #fff;}
.board-pagelist li:hover a {background: #21ad93; color: #fff;}

.board-page-btn {display: inline-block;}
.board-page-btn img {vertical-align: baseline;}
.board-page-btn a { display:inline-block;transition: all 0.3s ease-in-out;}
.board-page-btn a.prev_end,
.board-page-btn a.next {margin-right: 20px;}
.board-page-btn:first-child a:hover {transform: translateX(-10px);}
.board-page-btn:last-child a:hover {transform: translateX(10px);}

.board-page-btn p {display: inline-block; margin-right: 20px; font-weight: 700; font-size: 14px; color: #000;}
.board-page-btn .prev+p {margin: 0 0 0 20px;}


@media only screen and (max-width: 768px) {
	.board-bottom {padding: 8% 0 0 0; }
	.board-pagelist {padding: 0 20px;}
	.board-page-btn a:first-child {margin-right: 15px;}
}

@media only screen and (max-width: 520px) {
	.board-pagelist {padding: 0 10px;}
}

@media only screen and (max-width: 480px) {
	.board-bottom {padding: 12% 0 0 0; }
	.board-page-btn:first-child {float: left;}
	.board-page-btn:last-child {float: right;}
	.board-page-btn p {display: none;}
	.board-pagelist {transform: translateY(-25%);}
}




/* 썸네일 */
.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/common/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: #21ad93;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/common/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; color: #222; transition: all 0.5s; line-height: 1.3;}
.board_thumbnail-item:hover .thumbnail-text .thumbnail-title {color: #21ad93;}
.board_thumbnail-item .thumbnail-text .thumbnail-title.new::after { display: inline-block; width: 18px; height: 18px; margin-left: 4px; background: url('../images/common/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 only screen and (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 only screen and (max-width: 1024px) {
	.board-thumbnail {grid-template-columns: repeat(2, 1fr);}
	.board_thumbnail-item .thumbnail-text { padding: 30px 20px 30px;}
}
@media only screen and (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 only screen and (max-width: 576px) {
	.board-thumbnail {row-gap: 6vw; padding-top: 6vw;}
	.board-thumbnail {grid-template-columns: 1fr;}
}


/*Gallery Style*/
.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/common/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/common/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/common/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/common/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/common/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/common/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 only screen and (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 only screen and (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 only screen and (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 only screen and (max-width: 480px) {
	.newBoard__gallery-list {padding-top:12%;}

}




/*인증현황 List*/
.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/common/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/common/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 only screen and (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 only screen and (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 only screen and (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 only screen and (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 {z-index: 2; position: relative;}
.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:#000;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:#000;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:4.28% 0;border-top:1px solid #e3e3e3;}
.newBoard__view-file .item {padding:0 0 0 25px; background:url('../images/common/board/ico_file01.png') 0 50% no-repeat; font-size:0;}
.newBoard__view-file .item + .item {margin:15px 0 0 0;}
.newBoard__view-file .item .name {display:inline-block; overflow: hidden; position:relative; max-width:calc(100% - 110px); padding:0 50px 0 0; margin-right:10px; font-size:18px; line-height:1.1; white-space: nowrap; text-overflow: ellipsis;}
.newBoard__view-file .item .name:after { display:block; position:absolute; top:0; right:0; width:50px;content:attr(data-filetype); font-size:18px; line-height:1.1;text-align:left;}
.newBoard__view-file .item a {display:inline-block; width:100px; padding:0 20px; border-radius:30px; background-color:#3c3c3c; font-weight:500; line-height:30px;text-align:center; color:#fff; transition:all 0.3s ease-in-out;}
.newBoard__view-file .item a span {font-size:14px; line-height:1.3;}
.newBoard__view-file .item a:hover {background-color:#21ad93;}

.newBoard__view-contents .board-slick {margin: 6vw auto 0;}
.newBoard__view-contents .slick-slide {padding: 0 20px;}
.newBoard__view-contents .slick-arrow {display: flex; justify-content: center; align-items: center; position: absolute; top: 50%;z-index: 2;width: 50px; height: 50px; border: 0; border-radius: 50%; background-color:#fff ; box-shadow: 0 0 10px rgba(0,0,0,0.08); font-size: 0; transform: translateY(-50%); transition: all 0.3s;}
.newBoard__view-contents .slick-arrow::before { width: 14px; height: 24px; background: url(../images/contents/2-0_product_slick-arrow_bk.svg) no-repeat center/contain; content: ''; transition: all 0.3s;}
.newBoard__view-contents .slick-prev {left: 10px; padding-right: 3px;}
.newBoard__view-contents .slick-next {right: 10px;padding-left: 3px;}
.newBoard__view-contents .slick-next::before {transform: scaleX(-1);}
.newBoard__view-contents .slick-arrow:hover {background: #21ad93;}
.newBoard__view-contents .slick-arrow:hover::before {background-image: url(../images/contents/2-0_product_slick-arrow_w.svg);}
.newBoard__view-contents .slick-slide img {margin: 0 auto;}
.newBoard__view-contents .slick-dots { display: flex; justify-content: center; column-gap: 25px;position: absolute; bottom: -40px; left: 0; width: 100%;}
.newBoard__view-contents .slick-dots button {width: 6px; height: 6px; border: 0; border-radius: 50%; background-color: #000; font-size: 0;}
.newBoard__view-contents .slick-dots .slick-active button {background-color: #21ad93;}
@media (max-width: 1280px) {
  .newBoard__view-contents .slick-dots {column-gap: 22px;}
}
@media (max-width: 1024px) {
  .newBoard__view-contents .slick-dots {bottom: -35px;}
}
@media (max-width: 768px) {
	.newBoard__view-contents .slick-slide {padding: 0 10px;}
	.newBoard__view-contents .slick-arrow {width: 40px; height: 40px; box-shadow: 0 0 8px rgba(0,0,0,0.08); }
  .newBoard__view-contents .slick-arrow::before {width: 12px; height: 20px;}
  .newBoard__view-contents .slick-dots {column-gap: 20px; bottom: -30px;}
}
@media (max-width: 640px) {
	.newBoard__view-contents .board-slick {margin: 7vw auto 20px;}
	.newBoard__view-contents .slick-slide {padding: 0;}
}

@media only screen and (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 {padding:5% 0;}
	.newBoard__view-file .item {padding:0 0 0 25px;}
	.newBoard__view-file .item + .item {margin:10px 0 0 0;}
	.newBoard__view-file .item .name { max-width:calc(100% - 100px); padding:0 46px 0 0; margin-right:10px;font-size:16px;}
	.newBoard__view-file .item .name:after {width:46px; font-size:16px;}
	.newBoard__view-file .item a { width:90px; padding:0 15px; border-radius:26px;line-height:26px;}
	.newBoard__view-file .item a span {font-size:13px; }

}

@media only screen and (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 .item {padding:0 0 0 21px; background-size:16px auto;}
	.newBoard__view-file .item .name { max-width:calc(100% - 100px); padding:0 40px 0 0;font-size:15px;}
	.newBoard__view-file .item .name:after {width:40px; font-size:15px; }
	.newBoard__view-file .item a { width:90px; padding:0 10px; border-radius:26px;line-height:26px;}
	.newBoard__view-file .item a span {font-size:13px; }

}

@media only screen and (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 {padding:8% 0;}

	.newBoard__view-file .item {padding:0 0 0 21px;}
	.newBoard__view-file .item .name { max-width:calc(100% - 90px);font-size:14px;}
	.newBoard__view-file .item .name:after {font-size:14px; }
	.newBoard__view-file .item a { width:80px; border-radius:24px;line-height:24px;}
	.newBoard__view-file .item a span {font-size:12px; }

}



.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/common/board/ico_arrow_left01.png');}
.newBoard__view-link.next .link:after { right:0;background-image:url('../images/common/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:#000;}

.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:#21ad93;}

.newBoard__view-list:hover span::before {width:28px;}
.newBoard__view-list:hover span::after { right:100%;width:0px;background-color:transparent;}


@media only screen and (max-width: 1440px) {
	.newBoard__view-footer {padding:6% 0 0 0;}
	.newBoard__view-link {width:calc(50% - 120px);}
}

@media only screen and (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 only screen and (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 only screen and (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__btn {padding:8% 0 0 0;}
.newBoard__btn-wrap { margin-bottom:80px;font-size:0; text-align:center;}
.newBoard__btn-wrap:after { display:block; clear: both;content:'';}

.newBoard__btn .btn {
	display:inline-block; overflow:hidden; min-width:180px; 
	font-size:20px;
	padding:0 20px; border-radius:5px; font-weight:500; line-height:60px; text-align:center; transition:all 0.3s ease-in-out;
}
.newBoard__btn .btn + .btn {margin:0 0 0 24px;}

.newBoard__btn .btn.type1 {background-color:#222; color:#fff;}
.newBoard__btn .btn.type2 {background-color:#d8d8d8; color:#222;}
.newBoard__btn .btn.type3 { border:1px solid #222;background-color:#fff; line-height:58px; color:#222;}
.newBoard__btn .btn.type4 { border:1px solid #d6d6d6;background-color:#fff; line-height:58px; color:#767676;}
.newBoard__btn .btn.type5 {background-color:#bb141a; color:#fff;}

.newBoard__btn .btn:hover { background-color:#21ad93;color:#fff;}
.newBoard__btn .btn.type3:hover,
.newBoard__btn .btn.type4:hover {border-color:#21ad93;}
.newBoard__btn .btn.type5:hover {background-color:#222;}

.newBoard__btn .btn span { display:inline-block; font-size:20px;line-height:1.3;}

.newBoard__btn .ico {padding:0 0 0 30px; background-repeat:no-repeat; background-position:0 50%;}
.newBoard__btn .write {background-image:url('../images/common/board/ico_pencil01.png');}

@media only screen and (max-width: 1024px) {
	.newBoard__btn { padding:8% 0 0 0;}
	.newBoard__btn .btn { min-width:160px;line-height:50px;}
	.newBoard__btn .btn + .btn {margin:0 0 0 18px;}

	.newBoard__btn .btn.type3,
	.newBoard__btn .btn.type4 {line-height:48px;}

	.newBoard__btn .btn span {font-size:18px;}

	.newBoard__btn .ico {padding:0 0 0 25px; background-size: auto 18px;}
}

@media only screen and (max-width: 768px) {
	.newBoard__btn { padding:12% 0 0 0;}
	.newBoard__btn .btn { min-width:100px; max-width:calc(25% - 10px);line-height:42px;}
	.newBoard__btn .btn + .btn {margin:0 0 0 10px;}

	.newBoard__btn .btn.type3,
	.newBoard__btn .btn.type4 {line-height:40px;}

	.newBoard__btn .btn span {font-size:16px;}

	.newBoard__btn .ico {padding:0 0 0 20px; background-size: auto 16px;}
}

@media only screen and (max-width: 640px) {
	.newBoard__btn .btn { width:calc(50% - 5px);min-width:none; max-width:none; margin:10px 0 0 10px;}
	.newBoard__btn .btn:nth-of-type(2n+1) {margin-left:0;}
	.newBoard__btn .btn + .btn {margin:10px 0 0 10px;}
}
@media only screen and (max-width: 480px) {
	.newBoard__btn .btn {padding:0 10px;}

}







/*비밀번호 입력*/
.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:#000;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 only screen and (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 only screen and (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 only screen and (max-width: 768px) {
	.newBoard__pass-header .text-box span {display: block; width: 100%;}
	.newBoard__pass-header .text-box span + span {margin-top:5px;}
}
@media only screen and (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; vertical-align: middle;}


/*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:#000;}


.select-label.is-selected:after,
.select-label:after {position: absolute; top: -5px; right:25px; bottom: 0; z-index: 1; width: 8px; height: 8px; margin: auto; border-width: 0 0 2px 2px; border-style: solid; border-color: transparent transparent #000 #000;  background:transparent; content: ''; transform: rotate(-45deg); transition: all 0.3s ease-in-out;}
.select-label.js-active:after { top:0px;transform: rotate(135deg);}

.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 only screen and (max-width: 1024px) {
	.select-label { padding:0 40px 0 20px;font-size:16px; line-height:38px;}
	.select-label.is-selected:after,
	.select-label:after {top: -5px; right:17px;}

	.base-select {height: 40px; min-height: 40px; padding: 0 10px; font-size:16px; line-height: 40px;}
	.search-select .select-label {padding:0 40px 0 20px;}

}

.base__flexBox { display:flex; align-items:center; }

/* 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 0; 
	/* background:url('../images/common/board/ico_zoom01.png') 0 50% no-repeat;  */
	content: attr(data-value); font-size:18px; line-height:48px; text-align: center; color:#222; transition:all 0.3s ease-in-out;
}

.base__fileup-wrap:hover { border-color:#21ad93;background:#21ad93;}
.base__fileup-wrap:hover::after { background-image:url('../images/common/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 screen and (max-width: 1024px) {
	.base__fileup { overflow:hidden; width:100%; height: 40px;font-size:16px; margin-bottom:30px;}
	.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 screen and (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 only screen and (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:#62b300;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:#62b300;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 screen and (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 screen and (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 screen and (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;}
}



/*개인정보 수집안내*/
.newBoard__write-contents .privacy {overflow-y: auto;}
.privacy{ padding:30px 35px 40px;background:#f4f4f4;}
.privacy > h3.privacy-tit { font-weight:500;font-size:18px; color:#222;}

.privacy-wrap { height:260px;margin-top:30px; font-weight:300; font-size:16px;  line-height:1.8;}
.privacy-header { padding:30px 35px; margin-bottom:40px;background:#fff;}
.privacy-wrap > h4 { padding:0 35px; margin-top:50px; font-weight:400;font-size:1.1em; color:#222;}

.privacy-wrap > p { padding:0 35px;font-size:1em; color:#666;}

.privacy-inner {padding:0 35px; margin-top:10px;}
.privacy-inner .privacy-inner {padding:0 20px;}
.privacy-inner > p {font-size:0.95em;}
.privacy-wrap > .privacy-inner:last-child {padding-bottom: 40px;}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
	.privacy-wrap {height:200px; margin-top:20px;  font-size:14px;}
	.privacy-header {padding:20px 25px; margin-bottom:20px;}
	.privacy-wrap > h4 {padding:0 25px;margin-top:40px;}

	.privacy-wrap > p {padding:0 25px;}

	.privacy-inner {padding:0 25px;}
	.privacy-inner .privacy-inner {padding:0 20px;}

}
@media screen and (max-width: 480px) {
	.privacy{padding:20px 20px 30px;}
	.privacy > h3.privacy-tit {font-size:16px;}
	.privacy-wrap {height:200px; margin-top:15px;}
	.privacy-header {padding:15px 20px; margin-bottom:15px;}
	.privacy-wrap > h4 {padding:0 0px;margin-top:30px;}

	.privacy-wrap > p {padding:0 15px;}

	.privacy-inner {padding:0 0px;}
	.privacy-inner .privacy-inner {padding:0 15px;}
}



/*개인정보정책 추가*/
.privacy.type2 { padding:2.85%; margin-bottom:180px; border:1px solid #d6d6d6;background-color:#fff;}

.privacy-wrap.type2 .privacy-header {padding:2.5%; background-color:#f5f5f5; color:#222;}
.privacy-wrap.type2 {height:auto; padding:0; margin-top:0; border-radius:10px;}
.privacy-wrap.type2 a {vertical-align:baseline;}
.privacy-wrap.type2 > h4:first-child {margin-top: 0;}
.privacy-wrap.type2 > h4 {margin-top: 40px; font-weight:400;font-size: 1.3em; color:#222;}
.privacy-wrap.type2 .privacy-inner > p {font-size: 1em; color: #777;}
.privacy-wrap.type2 .privacy-inner > .privacy-inner > p {font-size: 0.9em;}
@media screen and (max-width: 1280px) {
	.privacy.type2 {margin-bottom: 160px;}
}
@media screen and (max-width: 768px) {
	.privacy.type2 {margin-bottom: 140px;}
}

/*이메일 수집거부*/
.e_mailb { position:relative; width:100%; padding:50px 0 180px; text-align:center;}
.b_line {clear:both; height:8px; background:url('../images/contents/line_dot2.gif') no-repeat left top;}
.e_mailb .embtt1 { margin:30px 0; font-weight: 700; font-size:24px; color:#000;}
.e_mailb .embtt2 { margin:20px 0; font-weight: 400; font-size:20px; color:#000;}
.e_mailb .embtt3 { line-height:24px;}

@media screen and (max-width: 1280px) {
	.e_mailb {padding: 45px 0 160px}
}
@media screen and (max-width: 1000px) {
	.e_mailb .embtt1 { font-size:20px;}
	.e_mailb .embtt2 { font-size:18px;}
}
@media screen and (max-width: 768px) {
	.e_mailb {padding: 40px 0 140px}
}

/*개인정보 동의 체크*/
.privacy-check { padding:40px 0; border-bottom:1px solid #222;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/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/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-label.checkbox-on {font-weight: 500;}


@media only screen and (max-width: 768px) {
	.privacy-check {padding:30px 0;}

	.privacy-check .form-check_item .checkbox-label { font-size:18px; line-height:30px;}

}

@media only screen and (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/common/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/common/board/ico_check01.png') 0 0 no-repeat; background-size:contain;content:'';}
.form-check_item .checkbox-label.checkbox-on:before {background-image:url('../images/common/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 only screen and (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 only screen and (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;}
}


/* 제품문의 상단 기본 */
.inquery-header .base__top { position:relative;padding:0 0 0 0; }
.inquery-header .base__top-wrap { margin-bottom:20px;font-size:0;}
.inquery-header .base__top-img {display: inline-block; width:15%; padding:0 30px 0 0; text-align:center;}
.inquery-header .base__top-info {display:inline-block; position:relative; width:85%; padding:2.85%; border-radius: 30px; background-color:#f1f1f1;}
.inquery-header .base__top-info::before { display:inline-block; position:absolute; top:50%; left:0; width:30px; height:30px; background-color:#f1f1f1;content:''; transform:translate(-50%, -50%) rotate(45deg);}
.inquery-header .base__top h4 { font-weight:500;font-size:25px; line-height:1.3; color:#222;}
.inquery-header .base__top p { margin:8px 0 0 0; font-weight:400;font-size:17px; line-height:1.3; color:#666;}

@media only screen and (max-width: 1024px) {
	.inquery-header .base__top-img { width:20%;padding:0 20px 0 0;}
	.inquery-header .base__top-info { width:80%;padding:3.2%; border-radius: 20px;}
	.inquery-header .base__top-info::before { width:20px; height:20px;}
	.inquery-header .base__top h4 {font-size:20px;}
	.inquery-header .base__top p { margin:5px 0 0 0;font-size:16px;}
}

@media only screen and (max-width: 768px) {
	.inquery-header .base__top-info {padding:4%;}
	.inquery-header .base__top h4 {font-size:18px;}
	.inquery-header .base__top p {font-size:14px;}
}

@media only screen and (max-width: 520px) {
	.inquery-header .base__top-img {display: block; position:absolute; top:0%; left:6%; z-index:2; width:15%; padding:0;}
	.inquery-header .base__top-info {display:block; width:100%; padding:6%; border-radius: 12px;}
	.inquery-header .base__top-info::before {display: none;}
	.inquery-header .base__top h4 { min-height:60px;padding-left:22%;}
}

@media only screen and (max-width: 430px) {
	.inquery-header .base__top-img {width:22%; }
	.inquery-header .base__top-info { width:100%;border-radius: 10px;}
	.inquery-header .base__top h4 { padding-left:28%;}

}


.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 only screen and (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 only screen and (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/common/board/ico_arrow_left02.png');}
.lb-nav a.lb-next::after { right:-60px;background-image: url('../images/common/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 #000 !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%;}

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;}
.faq-item { position: relative;border:1px solid #e3e3e3;}
.faq-item:first-child {border-top:0;}
.faq-item .admin-check {position: absolute; top:50%; left:10px; z-index: 2;transform:translateY(-50%);}
.faq-item.nodata {border-width: 0 0 1px 0; background-color:#f9f9f9;}

.faq-item + .faq-item {margin-top:14px;}
.faq-q { position:relative; padding:25px 50px 25px 120px;cursor: pointer; }
.faq-q::before { display:block; position:absolute; top:50%; left:0; width:120px;content:'Q'; font-weight:700; font-size:30px; text-align:center; color:#222; transform:translateY(-50%);}
.faq-q::after { display:block; position:absolute; top:50%; right:20px; width:10px; height:10px; border:3px solid #a2a2a2; border-width:3px 3px 0 0;content:''; transform:translate(0, -60%) rotate(135deg); transition: all 0.3s ease-in-out;}

.faq-item.is-active .faq-q::after {border-color:#222; transform:translate(0, -50%) rotate(315deg);}

.faq-q .title {font-size:18px; line-height:1.3; color:#666; transition: all 0.3s ease-in-out;}
.faq-item.is-active .faq-q .title{ font-weight:500; color:#222;}

.faq-a { display: none;position:relative; padding:25px 50px 25px 120px; border-top:1px solid #e3e3e3; background-color:#f4f4f4; line-height:1.6; color:#666;}

.faq-a::before { display:block; position:absolute; top:20px; left:0; width:120px;content:'A'; font-weight:700; font-size:30px; text-align:center; color:#21ad93; }



@media only screen and (max-width: 1024px) {
	.faq-item .admin-check {left:5px;}
	.faq-item + .faq-item {margin-top:10px;}
	.faq-q {padding:20px 50px 20px 100px; }
	.faq-q::before {width:100px; font-size:24px;}
	.faq-q::after {right:15px;}

	.faq-q .title {font-size:16px;}
	.faq-a { padding:20px 50px 20px 100px;}
	.faq-a::before { top:15px;width:100px; font-size:24px;}
}

@media only screen and (max-width: 640px) {
	.faq-item .admin-check {left:5px;}
	.faq-item + .faq-item {margin-top:10px;}
	.faq-q {padding:15px 50px 15px 80px; }
	.faq-q::before {width:80px;}
	.faq-q::after {right:15px;}

	.faq-q .title {font-size:15px;}
	.faq-a { padding:15px 50px 15px 80px;}
	.faq-a::before { top:12px;width:80px;}
}


@media only screen and (max-width: 480px) {
	.faq-item .admin-check {left:0px;}
	.faq-item + .faq-item {margin-top:10px;}
	.faq-q {padding:15px 40px 15px 60px; }
	.faq-q::before {width:60px;font-size:20px;}
	.faq-q::after {right:10px;}

	.faq-q .title {font-size:14px;}
	.faq-a { padding:15px 40px 15px 60px;}
	.faq-a::before { top:10px;width:60px;font-size:20px;}
}




/* 상세페이지 내 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/common/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:#bb141a;}

.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 only screen and (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 only screen and (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 only screen and (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 screen and (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-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 screen and (min-width: 768px) and (max-width: 1024px) {
	.base__form-item.type1 {min-width:50%; }
	.base__form-item.type2 {display:block;}
}

@media screen and (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;}

}


/*체크박스*/
.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/common/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/common/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 only screen and (max-width: 1024px) {
	.base__check-item {margin:3px 25px 3px 0;}
	.base__check-item .checkbox-label {font-size:15px;}
}

@media only screen and (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/common/board/ico_radio01.png') 0 0 no-repeat; background-size:contain;content:'';}
.base__radio-item .radio-label.radio-on:before {background-image:url('../images/common/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 only screen and (max-width: 1024px) {
	.base__radio-item {margin:3px 25px 3px 0;}
	.base__radio-item .radio-label {font-size:15px;}
}

@media only screen and (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 only screen and (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 only screen and (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 only screen and (max-width: 480px) {
	.base__date .base__form-item {width:calc(100% - 40px); margin-bottom:10px;}
	.base__date-text {margin-right:0;}
}