@charset "utf-8";
/* bbs-common ====================================================================================*/
.bbs-wrapper { margin:0 auto; }
.sound_only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0; }
.msg_sound_only { font-weight:normal; color:#f00; }

@media (max-width: 768px) {
.bbs-wrapper {  }
	.bbs-write .control-label { display:none !important; }
}

/* bbs-category ====================================================================================*/
.bbs-category { margin:0; padding:0 0 30px 0; border-bottom:0px solid #ccc; }
.bbs-category ul { margin:0; padding:0; }
.bbs-category ul li { list-style: none; display: inline-block; margin:0 2px 5px 2px; }
.bbs-category ul li a { display: block; margin:0; padding:10px 15px; text-transform: uppercase; border-radius:1px; background:#f1f1f1; line-height:1; }
.bbs-category ul li a:hover, .bbs-category ul li a#bo_cate_on { color: #fff; background:#303030; }

/* bbs-paging ====================================================================================*/
.pg_wrap { clear:both; margin:0; padding:0; text-align:center; }
.pg { margin:0; padding:0; display:block; }
.pg	a, .pg_current { margin:0; padding:9px 15px; display:inline-block; color:#000; line-height:1; border:1px solid #d7d7d7; border-radius:4px; }
.pg a:hover, .pg_current { background:#7b7b7b; color:#fff; }
.pg_start, .pg_prev { margin:0; padding:0;}
.pg_end, .pg_next { margin:0; padding:0; }

/* bbs-comment ====================================================================================*/
.bbs-comment { margin:30px auto;  }
.bbs-comment .item .title { border-top:1px solid #ddd; padding:10px 0;  }
.bbs-comment .item .content { margin-top:10px; }

/* bbs-view ====================================================================================*/
.bbs-view { }
.bbs-view .subject { padding-bottom:10px; border-bottom:1px solid #d7d7d7; }
.bbs-view .ca-name { color:#999; padding-left:5px; position:relative; }
.bbs-view .ca-name:before { content:'['; }
.bbs-view .ca-name:after { content:']'; }
.bbs-view .photo { margin:15px 0; text-align:center; }
.bbs-view .photo a { margin-bottom:20px; overflow: hidden; display: block; }
.bbs-view .photo .caption { margin:10px 0 0 0; }
.bbs-view .content { margin:15px auto; }
.bbs-view .content-box { 
	margin:15px auto 25px auto; background-color:#f6f6f6; padding:20px 25px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}
.bbs-view-file { background-color:#f7f7f7; padding:20px 15px; }
.bbs-view-file ul { margin:0; padding:0; list-style:none;}

.vote-item { margin-top:20px; }
.vote-item sup { color:#f00; }
.vote-item em { font-size:12px; }
.vote-item ol { list-style:none; padding-left:18px; }
.vote-item ol li label { font-weight:normal; }
.vote-item span.label { font-size:11px; font-weight:normal; }

@media (max-width: 768px) {

}

/* bbs-list ====================================================================================*/
.bbs-list-table { border-top:2px solid #444; border-bottom:1px solid #ddd; }
.bbs-list-table thead tr th { text-align:center; border-bottom:2px solid #ddd; background-color:#f9f9f9;  font-size:15px; font-weight:normal; padding:15px 8px; }
.bbs-list-table tbody tr td { vertical-align:middle; padding-top:15px; padding-bottom:15px; }
.bbs-list-table tbody tr td.subject img { margin:0 2px; }
.bbs-list-table tbody tr td a.ca_name { color:#999; font-size:12px; }
.bbs-list-table tbody tr td a.ca_name:before { content:'['; }
.bbs-list-table tbody tr td a.ca_name:after { content:']'; }

.bbs-list .item-box { position:relative; overflow:hidden; display:block; margin:15px; }
.bbs-list .item-box .label { position:absolute; right:15px; top:15px; }
.bbs-list .item-box a { 
	display:block; height:150px; padding:20px 30px; vertical-align:middle; background-color:#f6f6f6; border:1px solid #f7f7f7; border-bottom:3px solid #ddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.bbs-list .item-box a h4 { font-size:16px; }
.bbs-list .item-box a h5 { font-size:12px; color:#999; }
.bbs-list .item-box a h5 span { color:#999; }

/* bbs-gallery ====================================================================================*/
.bbs-gallery .item { position:relative; overflow:hidden; display:block; margin:15px; }
.bbs-gallery .item .icon { position:absolute; top:15px; right:23px; z-index:2; font-size:24px; color:#fff; opacity:.7; }
.bbs-gallery .item-photo {
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.bbs-gallery .item-mask {
	position:absolute; width:100px; height:40px; top:0; left:0; opacity:1;  overflow:hidden;
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	border-bottom-right-radius: 20px;
}
.bbs-gallery .item-caption {
	position:absolute; bottom:10px; left:0px; padding:0 15px; width:100%;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.bbs-gallery .item-caption .subject { color:#fff; margin:0; font-size:16px; text-align: center;}
.bbs-gallery .item-caption .date { color:#ddd; margin-top:5px; font-size:12px; }

.bbs-gallery .item:hover .item-photo { transform: scale(1.14); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.bbs-gallery .item:hover .item-mask { opacity:1; visibility:visible; }
.bbs-gallery .item:hover .item-caption { bottom:10px; }

.bbs-gallery .item-text .subject { margin:0; font-size:16px; text-align: center; padding-top: 20px;}
.bbs-gallery .item-text .date { color:#999; margin-top:5px; font-size:12px; }

 @media (max-width: 768px) {
.bbs-gallery .item-mask { position:relative; opacity:1; visibility:visible; background-color:transparent;  }
.bbs-gallery .item-caption { position:relative; bottom:0; padding:10px 0; }
.bbs-gallery .item-caption .subject { color:inherit; margin:0; }
.bbs-gallery .item-caption .date { color:#777; }

.bbs-gallery .item:hover .item-photo { transform:none; transition:none; }
.bbs-gallery .item:hover .item-caption { bottom:0; }
}

/* bbs-gallery2 ====================================================================================*/
.bbs-gallery2 .item { position:relative; overflow:hidden; display:block; margin:15px; }
.bbs-gallery2 .item .icon { position:absolute; top:15px; right:23px; z-index:2; font-size:24px; color:#fff; opacity:.7; }
.bbs-gallery2 .item-photo {
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.bbs-gallery2 .item-mask {
	position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; visibility:hidden; overflow:hidden;
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.bbs-gallery2 .item-caption {
	padding: 5px 15px;
	margin-bottom: 20px;
	
}
.bbs-gallery2 .item-caption .subject { color:#111; margin:0; font-size:15px; font-weight: 500; text-align: center;}
.bbs-gallery2 .item-caption .date { color:#777; margin-bottom:5px; font-size:13px; }

.bbs-gallery2 .item:hover .item-photo { transform: scale(1.1); transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.bbs-gallery2 .item:hover .item-mask { opacity:1; visibility:visible; }
.bbs-gallery2 .item:hover .item-caption { bottom:15px; }

.bbs-gallery2 .item-text{ }
.bbs-gallery2 .item-text .subject { margin:0; font-size:16px; }
.bbs-gallery2 .item-text .date { color:#999; margin-top:5px; font-size:12px; }

 @media (max-width: 768px) {
.bbs-gallery2 .item { position:relative; overflow:hidden; display:block; margin:15px; margin-bottom: 0; }	 
.bbs-gallery2 .item-mask { position:relative; opacity:1; visibility:visible; background-color:transparent;  }
.bbs-gallery2 .item-caption { position:relative; bottom:0; padding:10px 0; }
.bbs-gallery2 .item-caption .subject { color:inherit; margin:0; text-align: center;}
.bbs-gallery2 .item-caption .date { color:#777; }

.bbs-gallery2 .item:hover .item-photo { transform:none; transition:none; }
.bbs-gallery2 .item:hover .item-caption { bottom:0; }
}

/* bbs-faq ====================================================================================*/
.bbs-faq ul { margin:10px 0 0 0; padding:0; list-style:none; border-top:1px solid #000; overflow:hidden; }
.bbs-faq ul li { display:block; width:100%; padding:28px 0 28px 15px; border-bottom:1px solid #ddd;position:relative; }

.bbs-faq ul li:before { content:'Q'; font-weight:bold; font-size:18px; position:absolute; left:15px; top:23px; }
.bbs-faq ul li .qa-q { padding-left:27px; position:relative; font-size:16px; cursor:pointer; }
.bbs-faq ul li .qa-a { margin:20px 0 0 24px; padding:20px; background-color:#f8f7f5; position:relative; display:none; }
.bbs-faq ul li .qa-a:before { content:'A';font-size:22px; position:absolute; left:-22px; top:12px; } 

/* bbs-calendar ====================================================================================*/
.bbs-calendar td { vertical-align:top !important; }
.bbs-calendar td strong.today { color:#09C; }
.bbs-calendar td .subject { margin-top:7px; }
.bbs-calendar td .subject a { font-size:13px; }

/* bbs-list-newsletter ====================================================================================*/
.bbs-list-newsletter .item-box { position:relative; overflow:hidden; display:block; margin:15px; }
.bbs-list-newsletter .item-box i { position:absolute; right:18px; top:20px; font-size:20px; opacity:0.5 }
.bbs-list-newsletter .item-box a { 
	display:block; height:197px; padding:20px 30px; vertical-align:middle; background-color:#e9f0f5; border-bottom:3px solid #d1dfea; text-align:center;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
}
.bbs-list-newsletter .item-box a h2 { margin-top:30px; color:#222; }
.bbs-list-newsletter .item-box a h3 { color:#f7901e; }

/* bbs-category ====================================================================================*/
.bbs-search-schedule { padding-bottom:25px; border-bottom:1px solid #ccc; text-align:center; }

/* bbs-list-schedule ====================================================================================*/
.bbs-list-schedule { padding:15px 0; border-bottom:1px solid #ddd; }
.bbs-list-schedule a h4 { margin:15px 0; }
.bbs-list-schedule a .date { margin:15px 0 10px 0; color:#339ebe; }
.bbs-list-schedule a .where {  }
@media (max-width: 768px) {
	.bbs-list-schedule a h4 { margin:10px 0 3px 0; font-size:15px; }
	.bbs-list-schedule a .date { margin:0; font-size:13px; }
	.bbs-list-schedule a .where { font-size:13px; }
}

/* bbs-list-gallery ====================================================================================*/
.bbs-list-gallery .item-box { position:relative; overflow:hidden; display:block; margin:15px; }
.bbs-list-gallery .item-box .icon { position:absolute; top:15px; right:23px; z-index:2; font-size:24px; color:#fff; opacity:.7; }
.bbs-list-gallery .item-box a { display:block; }
.bbs-list-gallery .item-box:hover .item-mask { opacity:1; visibility:visible; }
.bbs-list-gallery .item-box:hover .item-mask .item-caption { opacity:1; bottom:0px; }
.bbs-list-gallery .item-box:hover .item-container { 
	width: 100%;
	transform: scale(1.1);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.bbs-list-gallery .item-container {
	width: 100%;
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.bbs-list-gallery .item-container-text { padding:20px 30px; background:#f1f1f1; }
.bbs-list-gallery .item-mask {
	position: absolute;	width: 100%;height: 100%;top: 0;left: 0;opacity: 0;	visibility: hidden;	overflow: hidden;
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.bbs-list-gallery .item-mask .item-caption {
	position: absolute; bottom: -60px; left: 0px; padding-left: 25px; padding-right: 25px; text-align: left;
	opacity: 0;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.bbs-list-gallery .item-mask .item-caption h4 { margin:0; padding:5px 0; color:#fff; }
.bbs-list-gallery .item-mask .item-caption h6 { color:#f7901e; }

 @media (max-width: 768px) {
.bbs-list-gallery .item-box:hover .item-container { transform: scale(1); }
.bbs-list-gallery .item-mask { position:relative; background-color:#fff; opacity:1; visibility:visible; }
.bbs-list-gallery .item-mask .item-caption { position:relative; padding:5px 10px; opacity:1; bottom:0px; }
.bbs-list-gallery .item-mask .item-caption h4 { margin:0; padding:5px 0;color:#303030; }
.bbs-list-gallery .item-mask .item-caption h6 { color:#f7901e; }

}

/* bbs-list-report ====================================================================================*/
.bbs-list-report .item-box { position:relative; overflow:hidden; display:block; margin:15px; }
.bbs-list-report .item-box a { display:block; }
.bbs-list-report .item-box:hover .item-mask { opacity:1; visibility:visible; }
.bbs-list-report .item-box:hover .item-mask .item-caption { opacity:1; bottom:0px; }
.bbs-list-report .item-container {
	width: 100%;
}
.bbs-list-report .item-container-text { padding:20px 30px; background:#f1f1f1; }
.bbs-list-report .item-mask {
	position: absolute;	width: 100%;height: 100%;top: 0;left: 0;opacity: 0;	visibility: hidden;	overflow: hidden;
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.bbs-list-report .item-mask .item-caption {
	position: absolute; bottom: -60px; left: 0px; padding-left: 25px; padding-right: 25px; text-align: left;
	opacity: 0;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.bbs-list-report .item-mask .item-caption h2 { margin:0; padding:0; color:#f7901e; font-family:'Cantata One' }
.bbs-list-report .item-mask .item-caption h4 { margin-top:10px; padding:0; color:#fff; font-weight:normal; }
.bbs-list-report .item-mask .item-caption h6 { margin-top:10px; color:#bbb; }
.bbs-list-report .item-mask .item-caption a.file { margin:25px 0 15px 0; }
.bbs-list-report .item-mask .item-caption a.file i { color:#ed2222; }

 @media (max-width: 768px) {
.bbs-list-report .item-mask { position:relative; background-color:#fff; opacity:1; visibility:visible; }
.bbs-list-report .item-mask .item-caption { position:relative; padding:15px 10px; opacity:1; bottom:0px; }
.bbs-list-report .item-mask .item-caption h2 { margin:0; padding:0; color:#f7901e; font-family:'Cantata One' }
.bbs-list-report .item-mask .item-caption h4 { margin-top:10px; padding:0; color:#303030; font-weight:normal; }
.bbs-list-report .item-mask .item-caption h6 { margin-top:10px; color:#999; }
}

/* mix ====================================================================================*/
.mix-filter { margin:15px 10px 30px 10px; padding:30px 0; border-bottom:1px solid #ccc; text-align:center; }
.mix-filter li { list-style: none; display: inline-block; margin:5px 3px 0 3px; }
.mix-filter li a { display: block; margin:0; padding:10px 15px; text-transform: uppercase; background:#f6f6f6; line-height:1; font-size:13px;}
.mix-filter li a:hover, .mix-filter li a.active { color: #fff; background:#fb6704; font-weight:bold; }

.mix-container { min-height:300px; }
	.mix { position:relative; display:none; height:auto; overflow:visible; }
	.mix-box { text-align:center; }
	.mix-box-fix { min-height:240px; }
	.mix-box p { font-size:11px; display:block; margin:0; padding:10px 0 0 0; text-transform:uppercase; }
	.mix-box h4 { font-size:15px }
	.mix-box h5 { font-size:13px; padding-left:10px; padding-right:10px;   }

/* 캡챠 자동등록(입력)방지 기본 -pc ====================================================================================*/
#captcha {display:inline-block;position:relative;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;border-bottom:0;}
#captcha #captcha_img {width:162px; height:62px; border:1px solid #eee; vertical-align:top;}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha.png') no-repeat 0 -30px;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 30px;width:85px;height:62px; line-height:62px;font-size:18px;font-weight:bold;text-align:center; border:1px solid #ccc;}
#captcha #captcha_info {display:block;margin:5px 0 0; color:#737373; }

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer;font-size:12px; }
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}


/* 로그인 */
.mb-login { max-width:500px; }
.mb-login h1 { text-transform:uppercase; text-align:center; font-size:18px; letter-spacing:1px; }
.mb-login h1 span { color:#245fb3; font-size:54px; display:block; }
.mb-login-box { padding:30px 30px; background:#f7f7f7; border:1px solid #ddd; }

/* 패스워드 */
.mb-password { max-width:500px; }
.mb-password h1 { text-transform:uppercase; text-align:center; font-size:48px; letter-spacing:1px; }
.mb-password-box { padding:30px 30px; background:#f7f7f7; border:1px solid #ddd; }