/****************************************************************************************************/
/* SMART BOARD ZONE */
/****************************************************************************************************/
@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* GLOBAL */
#bbs_container {
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, 'Sans-serif', AppleGothic;
	color:#555;
}

#bbs_container.bbs_container {
	font-size:0.938em;
	font-size:1em;
}
#bbs_container .bbsListTbl {

}
#bbs_container .bbsListTbl > thead > tr > th, 
#bbs_container .bbsListTbl > thead > tr > td {
	border-top:0;
	background-color: #f5f6fa;
	font-weight:500;
}
#bbs_container .bbsListTbl > tbody > tr > th, 
#bbs_container .bbsListTbl > tbody > tr > td {
	border-color: #e5e5e5;
	color:#555;
}

#bbs_container .comment {
    color: #fff;
    background-color: #565571;
    border-color:#000;
    font-weight: 400;
}


#bbs_container .bbsViewZone .bbsTitleArea {
	border-top:1px solid #000;
	border-bottom: 1px solid #ccc;
	background-color: #f5f6fa;

}
#bbs_container .bbsViewZone .bbsTitleArea .subject {
	font-size: 1.35em;

}
#bbs_container .bbsViewZone .bbsContentArea {
	font-size: 1.067em;
}

#bbs_container .bbsCommentZone .comment_body {
	font-size: 1.067em;
}
#bbs_container .bbsOterRecordZone .bbsOterRecordArea .arrow_title ,
#bbs_container .bbsOterRecordZone .bbsOterRecordArea .other_record {
	padding:0.938em 0.75em;
	font-size:1.05em;

}
#bbs_container .bbsButtonArea_single {
	margin:2em;
}
#bbs_container .bbsButtonArea_single button {
    max-width: 95%;
    padding: 0.5em 5em;
	height:3em;
}

#bbs_container .bbsBtmZone .bbsPageingArea:empty {
	margin:0;
	display:none;
}

#bbs_container .bbsBtmZone:empty {
	height: 0;
	margin: 0;
	display:none;
}

/* 검색 */
#bbs_container .bbsHeader .bbsSearchZone {
	font-size:1.6rem;
}
/* BUTTON */
#bbs_container .btnbbs {

	display:inline-block;
	position:relative;
	overflow:visible;

	margin-bottom:0;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background-image:none;
	border:1px solid #ccc;

	height:2.5em;
	padding:0.313em 1.625em;
	font-size:0.96em;
	line-height:1.5;
	border-radius:3px;

	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;

	text-decoration:none;
	word-spacing:-1px;
	white-space:nowrap;
	text-align:center;
	overflow:hidden;
}




#bbs_container .btnbbs:focus ,
#bbs_container .btnbbs:active:focus ,
#bbs_container .btnbbs.active:focus {
	outline:0;
	outline-offset:-2px;
}
#bbs_container .btnbbs:active ,
#bbs_container .btnbbs.active {
	outline:0;
	background-image:none;
	-webkit-box-shadow:inset 2px 3px 10px rgba(0,0,0,0.2);
	box-shadow:inset 2px 3px 10px rgba(0,0,0,0.2);
}
#bbs_container .btnbbs.disabled ,
#bbs_container .btnbbs[disabled] ,
#bbs_container .fieldset[disabled] btnbbs {
	cursor:not-allowed !important;
	opacity:0.8;
	filter:alpha(opacity=8);
	-webkit-box-shadow:none;
	box-shadow:none;
}






#bbs_container .btnbbs.btnmini {
	padding:0.1em 0.75em;
}

#bbs_container .btnbbs.disabled ,
#bbs_container .btnbbs[disabled] ,
fieldset[disabled] .btnbbs {
	cursor:not-allowed !important;
	pointer-events:none !important;
	opacity:0.6;
	filter:alpha(opacity=6);
	-webkit-box-shadow:none;
	box-shadow:none;
}



#bbs_container .btnbbs.active ,
#bbs_container .btnbbs:focus ,
#bbs_container .btnbbs:active ,
#bbs_container .btnbbs:active:focus ,
#bbs_container .btnbbs:hover {
	border-color:#aaaaaa;
	border-right-color:#bbbbbb;
	border-bottom-color:#bbbbbb;

	background: -moz-linear-gradient(top, #eeeeee 0%, #fafafa 100%);
	background: -webkit-linear-gradient(top, #eeeeee 0%, #fafafa 100%);
	background: linear-gradient(to bottom, #eeeeee 0%, #fafafa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fafafa',GradientType=0 );
}
#bbs_container .btnbbs.active ,
#bbs_container .btnbbs:active {
	box-shadow:inset 3px 3px 7px 1px rgba(0,0,0,.15);
}
#bbs_container .btnbbs.active {
	background: -moz-linear-gradient(top, #dddddd 0%, #fafafa 100%);
	background: -webkit-linear-gradient(top, #dddddd 0%, #fafafa 100%);
	background: linear-gradient(to bottom, #dddddd 0%, #fafafa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#fafafa',GradientType=0 );

}
#bbs_container .btnbbs > .loading  {
	background-image: url('imgs/btn_loader_black.gif');
}

#bbs_container .btnbbs-group::after {
	clear:both;
	content:'';
	display:block;
}

#bbs_container .btnbbs-group > .btnbbs {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
	border-left:0;
	float:left;
}
#bbs_container .btnbbs-group > .btnbbs + .btnbbs {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
#bbs_container .btnbbs-group > .btnbbs:last-child {
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}
#bbs_container .btnbbs-group > .btnbbs:first-child {
    border-left:1px solid #bbbbbb;
}






#bbs_container .btnbbs.btndark {
	color: #ffffff;
	background-color: #3b3f4f;
	text-shadow:-1px -1px 0 rgba(0,0,0,1);
	box-shadow:none;
	border-color:#252832;
}
#bbs_container .btnbbs.btndark:hover,
#bbs_container .btnbbs.btndark:focus,
#bbs_container .btnbbs.btndark:active,
#bbs_container .btnbbs.btndark.active {
	color: #ffffff;
	background: #2b2e39;
	border-color: rgba(0, 0, 0, 0.05);
}
#bbs_container .btnbbs.btndark:active,
#bbs_container .btnbbs.btndark.active {
	background-image: none;
}
#bbs_container .btnbbs.btndark.disabled,
#bbs_container .btnbbs.btndark[disabled],
#bbs_container fieldset[disabled] #bbs_container .btnbbs.btndark,
#bbs_container .btnbbs.btndark.disabled:hover,
#bbs_container .btnbbs.btndark[disabled]:hover,
#bbs_container fieldset[disabled] #bbs_container .btnbbs.btndark:hover,
#bbs_container .btnbbs.btndark.disabled:focus,
#bbs_container .btnbbs.btndark[disabled]:focus,
#bbs_container fieldset[disabled] #bbs_container .btnbbs.btndark:focus,
#bbs_container .btnbbs.btndark.disabled:active,
#bbs_container .btnbbs.btndark[disabled]:active,
#bbs_container fieldset[disabled] #bbs_container .btnbbs.btndark:active,
#bbs_container .btnbbs.btndark.disabled.active,
#bbs_container .btnbbs.btndark[disabled].active,
#bbs_container fieldset[disabled] #bbs_container .btnbbs.btndark.active {
	background-color: #3b3f4f;
	border-color: #3b3f4f;
}
#bbs_container .btnbbs.btndark .badge {
	color: #3b3f4f;
}
#bbs_container .btnbbs.btndark.light {
	background-color: #484d61;
}
#bbs_container .btnbbs.btndark.light:hover,
#bbs_container .btnbbs.btndark.light:focus,
#bbs_container .btnbbs.btndark.light:active,
#bbs_container .btnbbs.btndark.light.active {
	background-color: #2e313d;
}
#bbs_container .btnbbs.btndark.dark {
	background-color: #2e313d;
}
#bbs_container .btnbbs.btndark.dark:hover,
#bbs_container .btnbbs.btndark.dark:focus,
#bbs_container .btnbbs.btndark.dark:active,
#bbs_container .btnbbs.btndark.dark.active {
	background-color: #21232c;
}
#bbs_container .btnbbs.btndark.gradient {
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(top,#3b3f4f 1%,#21232c 100%);
	background-image:linear-gradient(to bottom,#3b3f4f 1%,#21232c 100%);
}
#bbs_container .btnbbs.btndark.gradient:hover,   
#bbs_container .btnbbs.btndark.gradient:focus,   
#bbs_container .btnbbs.btndark.gradient:active,  
#bbs_container .btnbbs.btndark.gradient.active { 
	background-image:-webkit-linear-gradient(top,#21232c 1%,#3b3f4f 100%);
	background-image:linear-gradient(to bottom,#21232c 1%,#3b3f4f 100%);
}
#bbs_container .btnbbs.btndark > .loading  {
	background-image: url('imgs/btn_loader_black.gif');
}
#bbs_container .btnbbs.btndark.animation:hover {
    -webkit-animation: btn-black_animation 1s;
    animation: btn-black_animation 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}



/* 열람 */
#bbs_container .bbsViewZone + .bbsWriteZone {
	margin-top: 0;
}
#bbs_container .bbsViewZone + .bbsWriteZone > .bbsWrite_FldArea:first-of-type {
	border-top-width: 0;
}





/* 작성 */
#bbs_container .bbsWriteZone .bbsWrite_FldOpts LABEL { font-weight:500 }


#bbs_container .bbsWriteZone #aname ,
#bbs_container .bbsWriteZone #apwd {
	width:30%;
}
@media (max-width: 767px) {

	#bbs_container .bbsWriteZone #aname ,
	#bbs_container .bbsWriteZone #apwd {
		width:100%;
	}
}


#bbs_container .bbs_guidebox {
	border: 0.3rem solid #555;
	margin: 2.5rem 0;
	padding: 4rem;
	overflow: hidden;
	position: relative;
}
#bbs_container .bbsWriteZone {
	margin-top:5rem;
}
#bbs_container .bbsWriteZone ~ .bbsWriteZone {
	margin-top:2rem;
}
#bbs_container .bbsWriteZone .bbsWrite_FldArea .arrow_title {
	width:10em;
}
#bbs_container .forms40 {
	vertical-align:middle;
}
#bbs_container .fld_sparephone {
	width:30%;
	max-width:15rem;
	vertical-align:middle;
}


#bbs_container .bbsWriteZone > H6 + TEXTAREA {
	margin-top:1rem;
	border: 1px solid #ddd;
	background: #fff;
	padding: 2rem;
}

/* 개인정보 동의 */
#bbs_container .bbs_Private ,
#bbs_container .bbs_Private P {
	font-size:14.5px;
	max-height: 50rem;
	overflow:auto;
}
#bbs_container .bbs_Private DL {
	padding:1rem 0;
}
#bbs_container .bbs_Private DL > DT {
	font-weight:bold;
	padding-top:1rem;
}
#bbs_container #bbs_Private + LABEL {
	display:inline-block;
	width:auto;
	padding:0.5rem;
	background-color:#ffa;
	border-bottom:1px dashed #c00;
}
#bbs_container #bbs_Private + LABEL::before {

	content: "\ea0e";
	font-size: 2.4rem;
	vertical-align: text-bottom;
	margin-right:5px;

	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#bbs_container #bbs_Private:checked + LABEL {
	background-color:transparent;
	border-bottom-color:transparent;
}
#bbs_container #bbs_Private:checked + LABEL::before {

	content: "\e92d";
}

/* 우편번호 */
#bbs_container #AddrcodeLayer {
	display:none;position:fixed;overflow:hidden;z-index:1;-webkit-overflow-scrolling:touch;background:#fff;
	width:450px;
	max-width:90%;
	height:520px;
	max-height:60%;
	border:2px solid #000;
}
#bbs_container #AddrcodeLayer > BUTTON.btn-close {
	z-index:1;
}


#bbs_container .bbsicon {
	line-height: 1.5em;
}