@charset "utf-8";

.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: 991px) {
	.bbs-wrapper {
		margin: 0 auto;
		width: auto;
	}
}

@media (max-width: 768px) {
	.bbs-wrapper {
		width: auto;
	}

	.bbs-write .control-label {
		display: none !important;
	}
}

.bbs-category {
	margin: 0;
	padding: 0;
	border-bottom: 0px solid #ccc;
	
}

.bbs-category ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

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

.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: 12px 16px;
	display: inline-block;
	color: #222;
	line-height: 1;
	border: 1px solid #d7d7d7;
	border-radius: 6px;
	font-size: 18px;
}

.pg a:hover,
.pg_current {
	background: #3f4659;
	color: #fff;
}

.pg_start,
.pg_prev {
	margin: 0;
	padding: 0;
}

.pg_end,
.pg_next {
	margin: 0;
	padding: 0;
}

@media (max-width: 1199px) {

	.pg a,
	.pg_current {
		font-size: 16px;
	}
}

.bbs-btn {
	border-top: 1px solid #d4d4d4;
}

@media (max-width: 1199px) {
	.bbs-btn .btn-lg {
		font-size: 16px;
	}
}

.bbs-search {
	margin-bottom: 20px;
    background: #f5f6f8;
    padding: 20px;
}

.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 .subject {
	
	border-bottom: 1px solid #ddd;
}

.bbs-view .subject h3 {
font-size: 18px;
		font-weight: 500;
		line-height: 2;
		color: #444444;
		text-align: center;
		padding: 20px 15px;
		background: #f7f7f7;
		border-top: 2px solid #919191;
		border-bottom: 1px solid #e2e2e2;
        border-bottom: 0;
    margin-bottom: 0;
}
.bbs-view .date { display: flex; font-size: 90%; font-weight: 500; padding: 15px 0; }
.bbs-view .date span { padding: 0 15px;}
.bbs-view .date span em{ font-weight: 400; font-style: normal;}


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

.bbs-view .photo a {
	margin-bottom: 20px;
    display: block;
    text-align: center;
}

.bbs-view .photo .caption {
	margin: 10px 0 0 0;
}

.bbs-view .content {
	min-height: 400px;
	padding: 30px 0;
	border-bottom: 1px solid #ddd;
}

.bbs-view .file {
	background-color: #f7f7f7;
	padding: 10px 15px;
	border-radius: 6px;
}

.bbs-view .file a {
	display: block;
	padding: 5px 0;
}

.bbs-list-table {
	border-top: 1px solid #888 !important;
	border-bottom: 1px solid #ddd;
}

.bbs-list-table th,
.bbs-list-table td {
	border-top: none !important;
}

.bbs-list-table thead tr th {
	text-align: center;
	border-bottom: 1px solid #ddd;
	background-color: #f9f9f9;
	font-weight: 400;
	padding: 25px 10px;
}

.bbs-list-table tbody tr td {
	vertical-align: middle;
	padding: 30px 10px;
	border-bottom: 1px solid #ddd;
}

.bbs-list-table tbody tr td.subject img {
	margin: 0 2px;
}

.bbs-list-table tbody tr td a{ padding: 20px 0;}

.bbs-list-table tbody tr td a.ca_name {
	color: #999;
	font-size: 14px;
}

.bbs-list-table tbody tr td a.ca_name:before {
	content: '[';
}

.bbs-list-table tbody tr td a.ca_name:after {
	content: ']';
}
.bbs-list-table tbody tr td .date {
	color: #999;
	font-size: 14px;
	margin-top: 5px;
    display: none;
}

@media (max-width: 1020px) {
	.visible-lg {display: none;	}
    .bbs-list-table tbody tr td .date {display: block;}
}

.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 a.photo-box{ border: 1px solid #ddd; overflow: auto; display: block;}
.bbs-gallery .item { position:relative; overflow:hidden; display:block; text-align: center; height: 230px;}
.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 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-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-gallery .item-caption {padding: 20px; }
.bbs-gallery .item-caption .subject { color:#111; margin:0; padding: 8px 0 15px 0; font-size:18px; font-weight: 500; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.bbs-gallery .item-caption .date { color:#777; margin-bottom:5px; font-size:15px; }

.bbs-gallery .item:hover .item-photo { transform: scale(1.1); transition: all 1s 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:15px; }

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

 @media (max-width: 768px) {
.bbs-gallery .item { position:relative; overflow:hidden; display:block; margin:15px; margin-bottom: 0; }	 
.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; text-align: center; padding-left: 15px; padding-right: 15px;}
.bbs-gallery .item-caption .date { color:#777; text-align: center;}

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

/* bbs-youtube ====================================================================================*/
.bbs-youtube a.photo-box{ border: 1px solid #ddd; overflow: auto; display: block;}
.bbs-youtube .item { position:relative; overflow:hidden; display:block; text-align: center;}
.bbs-youtube .item .icon { position:absolute; top:15px; right:23px; z-index:2; font-size:24px; color:#fff; opacity:.7; }
.bbs-youtube .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-youtube .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-youtube .item-caption {padding: 15px; margin-bottom: 20px;}
.bbs-youtube .item-caption .subject {  color:#111; margin:0; padding:0; font-size:18px; font-weight: 500; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.bbs-youtube .item-caption .date { color:#777; margin-bottom:5px; font-size:13px; }

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

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

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

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

.bbs-list .item-box-media { position:relative; overflow:hidden; display:block; margin:15px; box-shadow:0 20px 40px rgba(17, 20, 39, 0.0); }
.bbs-list .item-box-media .label { position:absolute; right:15px; top:15px; }
.bbs-list .item-box-media a { 	display:block; height:320px; padding:20px 30px; vertical-align:middle; border:1px solid #fff;}
.bbs-list .item-box-media a h4 { color:#222; font-size:20px; line-height:150%; min-height:110px; border-bottom:1px solid #000; font-weight: 500; }
.bbs-list .item-box-media a h5 { color:#f7901e; }
.bbs-list .item-box-media a p { margin-top:20px;}
.bbs-list .item-box-media a h5 span { color:#fff; font-size:13px; background:#111; border:1px solid #111; padding:2px 10px; border-radius:3px; margin-top:10px; display:inline-block;	}
.bbs-list .item-box-media a h5 em { display:inline-block; float:right; padding:13px 5px; color:#111; font-family: 'Roboto', sans-serif; font-style:normal; font-weight:700;	font-size:12px;}
.bbs-list .item-box-media a:hover{ background:#00a7b6; transition:none; -webkit-transition:none;}
.bbs-list .item-box-media a:hover h4,.bbs-list .item-box-media a:hover h5, .bbs-list .item-box-media a:hover p, .bbs-list .item-box-media a:hover h5 em{ color:#fff;}


.cmt_btn {
	background: url('./img/cmt_btn.png') no-repeat 85px 8px;
	text-align: left;
	width: 100%;
	border: 0;
	color: #ed6478;
	font-weight: bold;
	font-size: 1.25em;
	margin: 30px 0 0px;
	padding: 0 0 10px;
}

.cmt_btn_op {
	background: url('./img/cmt_btn.png') no-repeat 85px -23px;
}

#bo_vc h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

#bo_vc article {
	margin: 20px 0;
	position: relative;
}

#bo_vc article .profile_img img {
	border-radius: 50%;
}

#bo_vc header:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: '';
}

#bo_vc header .icon_reply {
	position: absolute;
	top: 15px;
	left: -20px;
}

#bo_vc .member,
#bo_vc .guest,
#bo_vc .sv_member,
#bo_vc .sv_guest {
	font-weight: bold;
}

.bo_vc_hdinfo {
	float: right;
	font-style: italic;
	color: #777;
}

#bo_vc h1 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

#bo_vc .cmt_contents {
	padding: 15px;
	margin: 10px 0 0;
	background: #f8fafb;
	border-radius: 5px;
	border: 1px solid #e8e8e8;
	line-height: 1.8em;
}

#bo_vc p a {
	text-decoration: underline;
}

#bo_vc p a.s_cmt {
	text-decoration: underline;
	color: #ed6479;
}

#bo_vc_empty {
	margin: 0;
	padding: 80px 0 !important;
	color: #777;
	text-align: center;
}

#bo_vc #bo_vc_winfo {
	float: left;
}

.bo_vc_act {
	text-align: right;
	margin: 0;
	list-style: none;
	zoom: 1;
}

.bo_vc_act:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: '';
}

.bo_vc_act li {
	display: inline-block;
}

.bo_vc_act li a {
	padding: 0 5px;
	line-height: 23px;
}

.bo_vc_w {
	position: relative;
	margin: 10px 0;
	display: block;
}

.bo_vc_w:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: '';
}

.bo_vc_w h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.bo_vc_w #char_cnt {
	display: block;
	margin: 0 0 5px;
}

.bo_vc_w_info {
	margin: 10px 0;
	float: left;
}

.bo_vc_w_info:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: '';
}

.bo_vc_w_info .frm_input {
	float: left;
	margin-right: 5px;
}

.bo_vc_w_info #captcha {
	padding-top: 10px;
	display: block;
	clear: both;
}

.bo_vc_w .btn_confirm {
	float: right;
	margin-top: 10px;
}

.bo_vc_w .btn_confirm label {
	display: inline-block;
	margin-right: 10px;
	border-radius: 3px;
	font-size: 1.5em;
	text-align: center;
}

.bo_vc_w .btn_submit {
	height: 45px;
	padding: 0 20px;
	border-radius: 3px;
	font-weight: bold;
	font-size: 1.083em;
}

.bo_vc_w_wr:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: '';
}

#bo_vc_send_sns {
	display: inline-block;
	float: left;
}

#bo_vc_sns {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	zoom: 1;
}

#bo_vc_sns:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: '';
}

#bo_vc_sns li {
	float: left;
	margin: 0 5px 0 0;
}

#bo_vc_sns .sns_li_f {
	border-radius: 3px;
	background: #3a589b;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 10px;
}

#bo_vc_sns .sns_li_t {
	border-radius: 3px;
	background: #00aced;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 10px;
}

#bo_vc_sns .sns_li_off {
	background: #bbb;
}

#bo_vc_sns a {
	display: inline-block;
	padding: 0 15px 0 5px;
}

#bo_vc_sns input {
	margin: 0 5px 0 0;
}

#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: 0 !important;
}

#captcha #captcha_img {
	height: 40px;
	border: 1px solid #898989;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

#captcha #captcha_mp3 {
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
	background: url('/img/captcha2.png') no-repeat;
	text-indent: -999px;
	border-radius: 3px;
}

#captcha #captcha_reload {
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
	background: url('/img/captcha2.png') no-repeat 0 -40px;
	text-indent: -999px;
	border-radius: 3px;
}

#captcha #captcha_key {
	margin: 0 0 0 3px;
	padding: 0 5px;
	width: 90px;
	height: 40px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 1.333em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	vertical-align: top;
}

#captcha #captcha_info {
	display: block;
	margin: 5px 0 0;
	font-size: 0.95em;
	letter-spacing: -0.1em;
}

#captcha.m_captcha audio {
	display: block;
	margin: 0 0 5px;
	width: 187px;
}

#captcha.m_captcha #captcha_img {
	width: 160px;
	height: 60px;
	border: 1px solid #e9e9e9;
	margin-bottom: 3px;
	margin-top: 5px;
	display: block;
}

#captcha.m_captcha #captcha_reload {
	position: static;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
	background: url('/img/captcha2.png') no-repeat 0 -40px;
	text-indent: -999px;
}

#captcha.m_captcha #captcha_reload span {
	display: none;
}

#captcha.m_captcha #captcha_key {
	margin: 0;
	padding: 0 5px;
	width: 115px;
	height: 29px;
	border: 1px solid #b8c9c2;
	background: #f7f7f7;
	font-size: 1.333em;
	font-weight: bold;
	text-align: center;
	line-height: 29px;
	margin-left: 3px;
}

#captcha.m_captcha #captcha_info {
	display: block;
	margin: 5px 0 0;
	font-size: 0.95em;
	letter-spacing: -0.1em;
}

#captcha.m_captcha #captcha_mp3 {
	width: 31px;
	height: 31px;
	background: url('/img/captcha2.png') no-repeat 0 0;
	vertical-align: top;
	overflow: hidden;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
}

.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 {width:100%; background-color:#f7f7f7; padding: 80px 0; }
.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:40px 60px; border-radius:7px; width: 95%; max-width: 700px; margin-left: auto; margin-right: auto;}
.mb-login .input-group-text {min-width:120px;text-align:center;}
.mb-login input[type=text] { background-color:#fff !important; }
.mb-login label { font-size:16px; }
 @media (max-width: 768px) {
.mb-login-box { padding:30px; }
}

/* 회원가입 입력 */
.register-box{ max-width: 1600px;  margin-left: auto; margin-right: auto; background:#f4f4f4;}
.register{max-width: 990px; margin-left: auto; margin-right: auto; padding: 80px 0; }
#register_form {}
#register_form ul {list-style: none; margin: 0; padding: 0;}
#register_form ul li{margin-bottom: 30px;}
#register_form ul li label{font-weight: 700;}
#register_form ul li .form-control-lg{font-size: 1rem !important;}
#register_form ul li .comment{font-size: 85%; color: #575757}