@charset "utf-8";

.newBoard * { box-sizing: border-box; vertical-align: middle; letter-spacing: normal;} 
.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: 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; line-height:18px; font-size: 16px;} 
.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: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/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; } 

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

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

.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; border-radius: 5px;} 
.board-pagelist li.on a { background: var(--color-main); color: #fff; } 
.board-pagelist li:hover a { background: var(--color-main); color: #fff; } 

.board-page-btn { display: inline-block; } 
.board-page-btn img { vertical-align: baseline; transition: all 0.3s;} 
.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 img { transform: translateX(-6px); } 
.board-page-btn:last-child a:hover img { transform: translateX(6px); } 

.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; } 
.board-pagelist li { margin: 0 3px; } 
.board-pagelist li a { width: 30px; height: 30px; font-weight: 400; font-size: 14px; line-height:30px;} 
 }
@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; display: flex; flex-wrap: wrap; justify-content: center;} 
	.board-pagelist {margin-bottom: 10px; width: 100%;}
.board-page-btn:first-child {order: 2; } 
.board-page-btn:last-child { order: 3; margin-left: 14%;} 
.board-page-btn p { display: none; } 
 }

/* 썸네일 */
.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; } 
.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: 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/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; 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/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 { 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:#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:var(--color-main); } 

.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: var(--color-main); } 
.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: var(--color-main); } 
@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: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 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; 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:var(--color-main); color:#fff; } 
.newBoard__btn .btn.type3:hover,
.newBoard__btn .btn.type4:hover { border-color:var(--color-main); } 
.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; } 

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


/* 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/common/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/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; } 
.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: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 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 a {display: inline;}
.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/common/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/common/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-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:var(--color-main); } 

@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; } 
 }

/* ===================================================== */
/* COMMON OLD : S */
/***** Align *****/
.alignL { text-align:left !important; } 
.alignR { text-align:right !important; } 
.alignC { text-align:center !important; } 
.valignM { vertical-align:middle !important; } 
.valignT { vertical-align:top !important; } 
.valignB { vertical-align:bottom !important; } 
.floatL { float:left !important; } 
.floatR { float:right !important; } 
/***** width *****/
.wdAuto { width:auto !important; } 
.wdP10 { width:10% !important; } 
.wdP20 { width:20% !important; } 
.wdP30 { width:30% !important; } 
.wdP40 { width:40% !important; } 
.wdP50 { width:50% !important; } 
.wdP60 { width:60% !important; } 
.wdP70 { width:70% !important; } 
.wdP80 { width:80% !important; } 
.wdP90 { width:90% !important; } 
.wdP95 { width:95% !important; } 
.wdP100 { width:100% !important; } 
/*Border*/
.BD { border:1px solid #ccc !important; } 
.BDT { border-top:1px solid #ccc !important; } 
.BDR { border-right:1px solid #ccc !important; } 
.BDB { border-bottom:1px solid #ccc !important; } 
.BDL { border-left:1px solid #ccc !important; } 
/*Margin*/
.MAT_1 { margin-top:-1px !important; } 
.MAT0 { margin-top:0 !important; } 
.MAT-XXL { margin-top:160px !important; } 
.MAT-XL { margin-top:120px !important; } 
.MAT-L { margin-top:80px !important; } 
.MAT-M { margin-top:60px !important; } 
.MAT-S { margin-top:40px !important; } 
.MAT-XS { margin-top:20px !important; } 
.MAT-XXS { margin-top:10px !important; } 
@media all and (max-width:1024px) {/*Margin*/
.MAT-XXL { margin-top:140px !important; } 
.MAT-XL { margin-top:100px !important; } 
.MAT-L { margin-top:60px !important; } 
.MAT-M { margin-top:40px !important; } 
.MAT-S { margin-top:30px !important; } 
.MAT-XS { margin-top:15px !important; } 
.MAT-XXS { margin-top:5px !important; } 
 }
@media all and (max-width:768px) {/*Margin*/
.MAT-XXL { margin-top:100px !important; } 
.MAT-XL { margin-top:80px !important; } 
.MAT-L { margin-top:50px !important; } 
.MAT-M { margin-top:30px !important; } 
.MAT-S { margin-top:10px !important; } 
.MAT-XS { margin-top:5px !important; } 
 }
/* COMMON OLD : E */
/* ===================================================== */



/* ===================================================== */
/* POPUP : S */
 .popup { position: absolute; top: 100px; left: 100px; z-index: 10001; min-width: 290px; max-width: calc(100% - 30px); box-shadow: 10px 10px 10px rgb(0, 0, 0, 20%); } 
 .popup .popup__content { position: relative; margin: 0 auto; background: #fff; } 
 .popup .popup__footer { height: 40px; background: #000; } 
 .popup .popup__footer a { display: block; font-weight: 300; font-size: 14px; color: #e3e3e3; } 
 .popup .close1day { float: left; position: relative; margin-left: 44px; line-height: 40px; } 
 .popup .close1day::before { position: absolute; top:50%; left: -16px; width: 18px; height: 16px; background: url(../images/contents/popupcheckbox-check.png) center no-repeat; background-size: 100%; content: ""; transform:translate(-50%, -50%); } 
 .popup .close { float: right; width: 80px; height: 30px; margin: 5px; background: #666 url(../images/contents/popup-del.png) center left 10px no-repeat; line-height: 30px; text-align: center; vertical-align: baseline; } 
 .popup .close span { margin-left: 20px; } 

 /* 텍스트 타이틀 */
 .popup .text_popup { padding: 0; } 
 .popup .text_popup .popup__content-header .title,
 .popup .text_popup .popup__content-wrap .title { position: relative; padding: 30px 10px 20px; border-top: 2px solid #050505; border-bottom: 1px solid #ccc; font-weight: 600; font-size: 30px; line-height: 1.3; text-align:center; color: #222; } 
 .popup .text_popup .popup__content-header .title::after,
 .popup .text_popup .popup__content-wrap .title::after { display:inline-block; position: absolute; top: 0; left: 50%; height: 34px; padding:0 40px; border-radius:25px; background-color:#000; content: "NOTICE"; font-size: 14px; line-height:34px; letter-spacing: 1px; color: #fff; transform: translate(-50%, -50%); } 
 .popup .text_popup .popup__content-wrap .text { overflow-y: auto; max-height: 400px; padding:20px; background-color: #f5f5f5; line-height: 1.4; } 
 .popup .text_popup .popup__content-wrap { padding:30px 30px; } 
 
 /* 팝업 슬릭 버튼 */
 .popup.type-slide .popup__content-button a { position: absolute; top: 50%; z-index: 999; width: 40px; height: 40px; border: none; outline: none; transform: translate(0, -50%); } 
 .popup.type-slide .prev { left: 0; background: rgba(0,0,0,0.2) url(../images/contents/popup-arrow.png) center no-repeat; border-top-right-radius: 50%; border-bottom-right-radius: 50%; } 
 .popup.type-slide .next { right: 0; background: rgba(0,0,0,0.2) url(../images/contents/popup-arrow2.png) center no-repeat; border-top-left-radius: 50%; border-bottom-left-radius: 50%; } 
 .popup.type-slide:hover .prev { background: rgba(0,0,0,1) url(../images/contents/popup-arrow.png) center no-repeat; transition: background-color 1s; } 
 .popup.type-slide:hover .next { background: rgba(0,0,0,1) url(../images/contents/popup-arrow2.png) center no-repeat; transition: background-color 1s; } 
 
 /* 슬라이드 팝업 */
 .popup.type-slide .popup__content-wrap { overflow: hidden; position:relative; } 
 @media(max-width:768px){
 .popup { left:50% !important; max-height:calc(100% - 30px); transform: translate(-50%, -50%); } 
 .popup .text_popup .popup__content-header .title,
 .popup .text_popup .popup__content-wrap .title { padding: 30px 10px 20px; font-size: 20px; } 
 .popup .text_popup .popup__content-header .title::after,
 .popup .text_popup .popup__content-wrap .title::after { height: 28px; padding:0 30px; content: "NOTICE"; font-size: 12px; line-height:28px; } 
 .popup .text_popup .popup__content-wrap .text { max-height: 300px; padding:20px; } 
 .popup .text_popup .popup__content-wrap { padding:20px 20px; } 
 }
/* POPUP : S */
/* ===================================================== */