/* Board Common 보드 공통 - Button Input 버튼,인풋 */
textarea, select, input[type="text"], input[type="text"], input[type="url"], input[type="search"], input[type="tel"], input[type="email"],input[type="password"]{
    font-size: 13px;
	font-weight: 500;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	padding: 6px 12px;
}
textarea{
	padding: 10px 12px;
}
textarea:focus,select:focus, input[type="text"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="email"]:focus,input[type="password"]:focus {
	/*border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
	border: 1px solid #ccc;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
select{
	padding: 0;
}
.btn{
    font-size: 13px
}
.btn-basic{
	border-color: #cacaca #b8b8b8 #9d9d9d !important;
    background-color: rgba(248, 248, 248, 0.4) !important;
    color: #868686 !important;
    background: linear-gradient(#fff,rgba(248, 248, 248, 0.4));
}
.btn-basic-dark{
	border-color: #838383 #777777 #525252 !important;
    background-color: rgba(62, 62, 62, 0.4) !important;
    color: #ffffff !important;
    background: linear-gradient(#8d8d8d,rgba(38, 38, 38, 0.4));
}
.btn-master {
    background: linear-gradient(#e36159,#b8413b);
	border-color: #b8413b !important;
	color: #fff !important;
}
.required{
	top: 0;
	color: #777;
	font-size: 13px;
	font-weight: 500;
}
@media only screen and (max-width: 496px) {
	.btn{
		padding: 2px 7px;
		font-size: 12px !important;
	}
}
@media only screen and (max-width: 992px) {
	input[type="text"]{
		width: 100%;
	}
}
/*#board_01_list 공통 테이블 CSS - 그누보드 스킨제작시 필수*/
#board_wrap .panel {
     border:none;
     -webkit-box-shadow: none;
     box-shadow: none;
	 background-color: transparent;
}
#board_wrap .panel-body {
     background: none; 
     -webkit-box-shadow: none;
     box-shadow: none;
}
#board_wrap table {
	font-size: 14px;
}
#board_wrap td,
#board_wrap table,
#board_wrap th{
	border: none;	
	word-break: keep-all;
}
#board_wrap th {
    line-height: 30px;
}
#board_wrap thead{
	color: #383f48;
	border-top: 3px solid #383f48;
	border-bottom: 1px solid #e1e1e1;
	background-color: #fcfcfc;
}
#board_wrap thead a{
	color: #383f48;
	text-decoration: none;
}
#board_wrap tbody a{
	color: #777;
	text-decoration: none;
}
#board_wrap tbody td{
	border-bottom: 1px solid #e1e1e1;
}
#board_wrap .board_notice td,
#board_wrap .board_notice td a{
    font-weight: bold;
	color: #777777;
}
#board_wrap .table-striped>tbody>tr:nth-of-type(even) {
    background-color: rgba(249, 249, 249, 0.5);
}
#board_wrap .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.77);
}
#board_wrap .subject{
    padding-left: 25px;
}
@media only screen and (max-width: 496px) {
    #board_wrap table {
		font-size: 12px;
	}
	#board_wrap .panel {
    	margin-bottom: 0px;
	}
	#borad01_wrap .panel-body{
		padding: 15px 15px 5px 15px !important;
	}
    #board_wrap .subject{
        padding-left: 8px;
    }
}
@media only screen and (max-width: 992px) {
    #board_wrap table {
		font-size: 13px;
	}
}

/*Board_01_list*/
@media only screen and (max-width: 992px) {
    #board_01_list .row{
        margin-left: 0;
        margin-right: 0;
    }
}
/*Board_01_list Tab*/
#board_tap_wrp .board_tap ul>li {
    float: left;
    margin-left: -1px;
}
#board_tap_wrp .board_tap ul>li>a {
	color: #848484;
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 15px;
	background-color: #fff;
	border: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
}
#board_tap_wrp .board_tap ul>li>a:hover,
#board_tap_wrp .board_tap ul>li>a:focus{
	color: #848484;
	background-color: #fcfcfc;
}
#board_tap_wrp .board_tap ul>li>.active:hover,
#board_tap_wrp .board_tap ul>li>.active{
	color: #fff;
	border-color: #343434;
	background-color: #383f48;
}
@media only screen and (max-width: 496px) {
	#board_tap_wrp .board_tap ul>li>a {
	padding: 3px 12px;
}
}
/*board_01_list - Board top 페이지정보*/
#board_wrap .board_top{
    width: 100%;
    margin-bottom: 5px;
}
#board_wrap .board_top>span{
    display: inline-block;
}
#board_wrap .board_top>span.right{
    float: right;
}
#board_wrap .board_top .paging{
    font-size: 13px;
}
@media only screen and (max-width: 992px){
	#board_wrap .board_top{
	    margin-bottom: 0px;
	}
	#board_wrap .board_top>span{
		font-size: 1.3rem !important;
		display: block;
	}
	#board_wrap .board_top>span.right{
		float:none;
	}
}


/*board_01_list board-pagination - 하단 페이징*/
#board_wrap .board_pagin_wrp {
	padding-top: 10px
}
#board_wrap .pagination > li > a, #board_wrap .pagination > li > span, #board_wrap .pagination > li > a:hover, #board_wrap .pagination > li > span:hover, #board_wrap .pagination > li > a:focus, #board_wrap .pagination > li > span:focus {
    color: #848484;
}
#board_wrap .pagination > .active > a {
    color: #ffffff;
    background-color: #5d5d5d !important;
    border-color: #343434;
}
@media only screen and (max-width: 496px) {
	#board_wrap .pagination>li>a, .pagination>li>span {
    	padding: 5px 10px;
	}
}

/*board_01_list - board_btn*/
#board_wrap .btn_right{
    float: right;
	margin-left: 3px;
	margin-top: 5px;
}
#board_wrap .btn_left{
    float: left;
	margin-right: 3px;
	margin-top: 5px;
}
/*board_01_list - 검색 board_search_wrp*/
#board_wrap .board_sch_wrp {
    border: 1px solid #eee;
    background-color: #fcfcfc;
    text-align: center;
    padding: 20px 10px;
    /* background: url(./img/bg_pt.png); */
    margin: 0 15px;
}
#board_wrap .board_sch_wrp select,
#board_wrap .board_sch_wrp input,
#board_wrap .board_sch_wrp .sch_btn{
	height: 30px;
}
#board_wrap .board_sch_wrp select {
    width: 10%;
	background-color: #fff;
	vertical-align: top;
}
#board_wrap .board_sch_wrp input {
	width: 15%;
}
#board_wrap .board_sch_wrp .sch_btn{
	border: none;
    width: 10%;
    color: #fff;
    border-radius: 3px;
	vertical-align: top;
	float:none !important;
}
@media only screen and (max-width: 992px) {
	#board_wrap .board_sch_wrp {
		margin-top: 15px !important;
		margin-bottom: 20px;
	}
	#board_wrap .board_sch_wrp select {
    	width: 30%;
	}
	#board_wrap .board_sch_wrp input {
		width: 35%;
	}
	#board_wrap .board_sch_wrp .sch_btn{
	    width: 30%;
	}
}
/*board list effect 리스트 경우의수*/
#board_wrap table .notice {
    display: inline-block;
    background-color: #ffc322;
    border: 1px solid #f4b100;
    width: 30px;
    border-radius: 5%;
    height: 18px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    vertical-align: middle;
    padding: 1px;
}
#board_wrap table .view {
    display: inline-block;
    background-color: #b52400;
    border: 1px solid #b30000;
    border-radius: 5%;
    height: 18px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    vertical-align: middle;
    padding: 1px;
}
#board_wrap table .new {
    display: inline-block;
    background-color: #ff8522;
    border: 1px solid #f46e00;
    width: 16px;
    border-radius: 25%;
    height: 16px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    vertical-align: middle;
}
#board_wrap table .hot {
    display: inline-block;
    background-color: #b52400;
    border: 1px solid #b30000;
    width: 16px;
    border-radius: 25%;
    height: 16px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    vertical-align: middle;
}
#board_wrap table .comment {
    font-weight: 600;
    color: #2ba2de;
    font-size: 13px;
}
#board_wrap table .reply {
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    width: 15px;
    height: 15px;
    background: url(./img/reply.png);
    margin-right: 5px;
    background-size: contain;
}
#board_wrap table .lock {
	display: inline-block;
    position: relative;
    top: 2px;
}
#board_wrap table .image {
	display: inline-block;
    position: relative;
    top: 2px;
	color: #383f48;
}
#board_wrap table .re{
	color: #535353;
}
/*board01_view - Userbox*/
#board_wrap #userbox {
    display: inline-block;
    position: relative;
}
#board_wrap #userbox > a {
    color: #777 !important;
	text-decoration: none;
}
#board_wrap .userbox.open > a {
    position: relative;
    z-index: 60;
    color: #777;
    text-decoration: none;
}
#board_wrap .userbox.open ul li a {
    color: #777 !important;
    font-size: 1.2rem;
    text-decoration: none;
	font-weight: 400 !important;
	display: block;
}
#board_wrap .userbox.open ul li a:hover {
    background-color: #f5f5f5;
}
#board_wrap .adm.userbox .dropdown-menu {
    padding: 28px 10px 0;
    z-index: 50;
    margin: -30px -10px;
}
@media only screen and (max-width:766px){
	#board_wrap #userbox .divider {
		display: block !important;
	}
}

/*board_01_view 뷰페이지*/
#board_01_view{
    font-size: 13px;
}
#board01_view_wrap .btn-quaternary.btn{
	color: #fff !important;
}
#board_01_view .contents_wrp {
	padding: 10px 12px;
}
#board_01_view .contents_wrp label {
    vertical-align: top;
    margin-left: 2px;
	margin-bottom: 0;
}
#board_01_view .contents_wrp input {
    margin-left: 10px;
	margin: 0;
}
#board_01_view .view_btn_wrp .btn_left{
	margin-right:3px;
	float: left;
}
#board_01_view .view_btn_wrp .btn_right{
	margin-left:3px;
	float: right;
}
#board_01_view .view_btn_wrp .view_btn_right{
 	text-align: right;
	float: right;
}
#board_01_view .content_move{
	color: #b2b2b2;
}
	/*자바스크립트 - 이미지 반응형*/
	#board01_view_wrap .view_image .scale_100{
		width: 100% !important;
		height: 100% !important;
	}
	#board01_view_wrap .view_image .scale_ini{
		width: initial !important;
		height: initial !important;
	}
@media only screen and (max-width: 992px) {
	#board_01_view{
    	font-size: 12px;
	}
}
@media only screen and (max-width: 496px) {
	#board_01_view .view_btn_wrp>span{
		display: block;
	}
	#board_01_view .view_btn_wrp .view_btn_right{
		text-align: right;
		float: none;
	}
}
/*board_01_view - 테이블영역*/
#board_01_view .table_border {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
	word-break: break-all !important;
}
#board_01_view .table>thead>tr>th{
	border: none;
    border-bottom: 1px solid #ddd;
}
#board_01_view .board_info th{
    border: 1px solid #ddd !important;
}
#board_01_view table .board_subject{
	font-size: 18px;
	color: #383f48;
    background-color: #fcfcfc
}
#board_01_view .comment_count {
	color: #fa640f;
}
#board_01_view table .comment_count{
	font-weight: 800;
}
#board_01_view table .borad_write_area{
	min-height: 200px;
	padding-top: 15px;
}
#board_01_view table .file_show {
	list-style: none;
    width: 100%;
    border-top: 1px dashed #dfdfdf;
    padding: 15px 10px 15px 10px;
    background-color: #fcfcfc;
    margin: 0;
}
#board_01_view table .file_show li {
	font-size: 13px;
}
#board_01_view table .file_show li i{
	color: #383f48;
	padding-right: 3px;
}
#board_01_view table .file_show li a{
	font-weight: bold;
	text-decoration: none;
	color: #0088cc;
}

/*View - 추천 비추천 퍼가기 버튼*/
#board01_view_wrap  .bottom_recommend {
	list-style: none;
}
#board01_view_wrap  .bottom_recommend li{
	float: left;
    padding: 0px 5px;
}
#board01_view_wrap .bottom_recommend li a {
    color: #454545;
    font-size: 13px;
	text-decoration: none;
	display: inline-block;
}
#board01_view_wrap .bottom_recommend li a:hover {
    color: #7c7c7c;
}
@media screen and (max-width:922px){
	#board01_view_wrap .bottom_recommend{
		width: 100%;
	}
	#board01_view_wrap .bottom_recommend li{
		float: none;
		display: inline-block;
	}
}
/*View - sns*/
#board01_view_wrap .bottom_sns {
	list-style: none;
}
#board01_view_wrap .bottom_sns li{
	float: right;
    padding: 0px 5px;
}
@media screen and (max-width:922px){
	#board01_view_wrap .bottom_sns {
		width: 100%;
		border-top: 1px dotted #d9d9d9;
		padding-top: 5px !important;
	}
	#board01_view_wrap .bottom_sns li{
		float: none;
		display: inline-block;
	}
}
/*board01_view - Userbox*/
#board01_view_wrap #userbox {
    display: inline-block;
    position: relative;
	font-weight: 700;
}
#board01_view_wrap #userbox>a {
    color: #777;
	text-decoration: none;
}
#board01_view_wrap .userbox.open > a {
    position: relative;
    z-index: 60;
    color: #777;
    text-decoration: none;
}
#board01_view_wrap .userbox.open ul li a {
    color: #777;
    font-size: 1.2rem;
    text-decoration: none;
	font-weight: 400 !important;
}
#board01_view_wrap .userbox.open ul li a:hover {
    background-color: #f5f5f5;
}
#board01_view_wrap .adm.userbox .dropdown-menu {
    padding: 28px 10px 0;
    z-index: 50;
    margin: -30px -10px;
}
@media only screen and (max-width:766px){
	#board01_view_wrap #userbox .divider {
		display: block !important;
	}
}

/*board_01_view - pagination*/
#board_01_view .pagination > li > a, #board_01_view .pagination > li > span, #board_01_view .pagination > li > a:hover, #board_01_view .pagination > li > span:hover, #board_01_view .pagination > li > a:focus, #board_01_view .pagination > li > span:focus {
    color: #848484;
}
#board_01_view .pagination > .active > a {
    color: #ffffff;
    background-color: #5d5d5d !important;
    border-color: #343434;
}
#board_01_view .pagination > .active > a {
    color: #ffffff;
    background-color: #5d5d5d !important;
    border-color: #343434;
}
@media only screen and (max-width: 496px) {
	#board_01_view .pagination>li>a, .pagination>li>span {
    	padding: 5px 10px;
	}
	#board_01_view .board_pagin_wrp,
	#board_01_view .board_pagin_wrp > ul{
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
}

/*board_01_write*/
#board_01_write .board_01_write_title{
	text-align: left
}
#board_01_write hr {
	width: 50px;
    height: 3px;
	background: #343434;
    margin: 20px 0 30px 0;
	display: inline-block;
}
#board_01_write table{
	width: 100%;
	border: 1px solid #ddd;
	font-size: 13px;
}
#board_01_write table th{
	background-color: #fcfcfc;
	color: #383f48;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	width: 150px
}
#board_01_write table tr{
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
    margin-bottom: 5px;
    margin-top: 5px;
}
#board_01_write table th, #board_01_write table td {
    padding: 10px 10px;
}
#board_01_write .required_write {
	color: #e13232;
    font-weight: 200;
    display: inline-block;
    padding-right: 1px;
}
#board_01_write .contents_wrp{
	height: 35px;
    line-height: 90%;
	padding: 8px 0 0 0;
}
#board_01_write .contents_wrp label{
	vertical-align: text-bottom;
    margin-left: 2px;
    margin-bottom: 0;
    line-height: 22px;
	font-size: 12px;
}
#board_01_write .contents_wrp .check_option {
	font-size: 13px;
}
#board_01_write .contents_wrp input[type="checkbox"] {
	margin: 0;
	padding: 0;
}
#board_01_write .w-37{
	width: 37%;
}
#board_01_write #write_option{
	margin-left: 10px;
}
#board_01_write table .wt_extra_wrp{
	height: 100%
}
#board_01_write table .wt_extra_btn{
	background-color: #596674;
	height: 33px;
    border-radius: 4px;
    color: #fff;
	font-size: 13px;
	letter-spacing: -0.5px;
}
#board_01_write .wr_btn_wrp{
	width: 100%;
	text-align: center;
	height: 35px;
}
#board_01_write .wr_btn_wrp .wr_btn{
	width: 100px;
	display: inline-block;
	border-radius: 5px;
	text-decoration: none;
	font-size: 15px;
    font-weight: bold;
	margin: 0 1px;
	padding: 5px;
    vertical-align: top;
}
@media only screen and (max-width: 496px) {
	#board_01_write .contents_wrp{
		height: inherit;
	}
	#board_01_write .contents_wrp .check_option {
		display: block;
	}
	#board_01_write table .wt_extra_wrp {
    	padding-left: 2px !important;
	}
	#board_01_write table .wt_extra_btn {
		width: initial;
		font-size: 1rem !important;
		padding: 0px 5px;
	}
	#board_01_write .wr_btn_wrp .wr_btn {
    	width: initial;
		font-size: 13px;
	}
}
@media only screen and (max-width: 992px) {
	#board_01_write table th{
		border-right: 0px;
		border-left: none;
	}
	#board_01_write table td, #board_01_write table th {
		border-bottom: 1px solid #fff;
		display: inline-block;
		width: 100%;
	}
	#board_01_write .w-37{
		width: 100%;
	}
	#board_01_write table .wt_extra_btn_wrp{
		margin: 10px 0 0 0 !important;
		padding: 10px 0 0 0 !important;
	}
	#board_01_write table .wt_extra_btn {
		margin-top: 5px;
	}
}


/* 글제목줄 분류스타일 */
.bo_cate_link {
	display:inline-block;
	margin:0 3px 0 0;
	padding:0 6px 0 0;
	border-right:1px solid #e7f1ed;
	color:#999 !important;
	font-weight:bold;
	text-decoration:none;
	line-height: 24px;
}

/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e1e1e1;background:#fcfcfc}
#bo_vc h2 {margin-bottom:10px}
#bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
#bo_vc header {position:relative;padding:15px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#777;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#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_sns {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 20px 0 0; width: 100%;}
#bo_vc_sns input {margin:0 0 0 5px}


/*전체 코멘트영역*/
#board_01_view .comment_leave{
	margin: 0 0 20px;
    padding: 20px 20px 10px;
    border: 1px solid #ddd;
    background: #fcfcfc;
}
#board_01_view label{
	margin-bottom: 0px;
	vertical-align: top;
}
#board_01_view .bo_vc_act a{
	color: #777;
}
/*코멘트 수정*/
#board_01_view .guest_comment_input {
	background-color: rgba(255,255,255,0.8);
    color: #737373;
    margin-bottom: 0px;
    border: 1px solid #e5e8ec;
    border-radius: 4px;
    padding: 5px;
}
#board_01_view .guest_comment_input>li{
	float: left;
	width: 50%;
	padding: 5px;
	padding-left: 0;
}
#board_01_view .guest_comment_input .differ{
	border-right: 1px solid #ccc;
}
#board_01_view .guest_comment_input>li input[type="text"],
#board_01_view .guest_comment_input>li input[type="password"]{
	width: 100%;
	display: block;
}
#board_01_view .guest_comment_input>li input[type="password"]{
	vertical-align: bottom;
}
#board_01_view .alert {
	padding: 4px 5px 0px 5px;
	margin-bottom: 0px;
	background-color: transparent;
	border:none;
}
#board_01_view .guest_comment_input .guest_comment_input_area{
	background-color: transparent;
    color: #737373;
	margin-bottom: 0px;	
    border:none;
    border-radius: 5px;
	padding: 5px;
}
@media screen and (max-width:992px){
	#board_01_view .guest_comment_input>li{
		float: none;
		width: 100%;
	    text-align: right;
	}
	#board_01_view .guest_comment_input .differ{
		border-right: 0px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 5px !important;
		margin-bottom: 5px !important;
	}
	#board_01_view #bo_vc_sns li {
		float: right;
		margin: 0;
	}
}
/*자동등록방지*/
#board_01_view .form-group .alert-default::before{
	content: '자동등록방지';
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 12px;
    z-index: 50;
	display: inline-block;
	background-color: rgba(120, 126, 128, 0.6);
	border-radius: 4px;
	color: #fff;
	padding: 0px 4px;
}
#board_01_view #captcha_key{
	height:100%; 
	padding: 40px 45px 15px 45px;
	height: 67px;
	position: relative;
}
#board_01_view .form-group>.col-sm-12:first-child{
	padding-right: 0px !important;
	width: 60%;
}
#board_01_view .form-group>.col-sm-12:nth-child(2){
	padding-left: 5px !important;
	width: 40%;
	text-align: center;
}
#board_01_view .form-group>.col-sm-12:nth-child(2)::before{
	content: '자동등록방지 입력';
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 12px;
    z-index: 50;
	display: inline-block;
	background-color: rgba(120, 126, 128, 0.6);
	border-radius: 4px;
	color: #fff;
	padding: 0px 4px;
}
#board_01_view .form-group .alert{
	margin-bottom: 0px;
}
#board_01_view .form-group .alert-default{
	padding: 5px;
	position: relative;
	border: 1px solid #ccc;
	height: 67px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
#board_01_view .captcha-refresh {
	padding: 0px;
	bottom: 0px;
    right: 0px;
}
#board_01_view .btn-group button {
	padding: 2px 5px;
	border-radius: 3px;
	background-color: rgba(120, 126, 128, 0.6);
}
#board_01_view .btn-group button>i {
	margin: 0px;
	color: #fff;
	font-size: 13px;
    font-weight: 200;
}
@media (min-width: 768px){
	#board_01_view .alert-captcha .captcha-input {
		top: 0px;
		font-size: 13px;
   	 	font-weight: 500;
	}
}
@media screen and (max-width:992px){
	#board_01_view .form-group>.col-sm-12:first-child{
		width:100%;
		padding-right: 15px !important;
	}
	#board_01_view .form-group>.col-sm-12:nth-child(2){
		width:100%;
		padding-left: 15px !important;
		margin-top: 0px;
	}
	#board_01_view .form-group>.col-sm-12:nth-child(2)::before{
		top: 5px;
		left: 20px;
	}
	#board_01_view .form-group .alert-default{
		height: 80px;
		padding: 20px 5px 5px 5px;
		overflow: hidden;
		border-radius: 4px 4px 0px 0px;
	}
	#board_01_view #captcha_key{
		height:65px; 
		padding:35px 12px 10px 12px;
		border-radius: 0px 0px 4px 4px;
		top: -1px;
	}
}
@media screen and (max-width:496px){
	#board_01_view .form-group .alert-default img{
		height: 90%;
	}
}
/*코멘트_회원/비회원 보이기 - 댓글남기기*/
#board_01_view .comment_input{
	width: 80.5% !important;
}
#board_01_view .comment_input .comment_input_area{
	padding: 5px;
}
#board_01_view .comment_input .comment_input_area textarea{
	width: 100%;
	font-size: 13px;
	font-weight: 500;
}
#board_01_view .comment_submit{
	width: 19.5% !important;
}
#board_01_view .comment_submit .comment_submit_area>p{
	display: none;
}
#board_01_view .comment_submit .comment_submit_area .bo_vc_send_sns ul li{
	float: left;
}
#board_01_view .comment_submit .secret_check,
#board_01_view .comment_submit .sns_check,
#board_01_view .comment_submit #bo_vc_sns{
	vertical-align: top;
	margin: 0;
	font-size: 12px;
	padding: 0;
}
#board_01_view .comment_submit .sns_check a>img,
#board_01_view .comment_submit #bo_vc_sns a>img{
	display: none;
}
#board_01_view .secret_check #wr_secret {
	margin: 5px 0 0 0px;
}
#board_01_view #bo_vc_sns #facebook_checked {
	margin: 5px 0 0 5px;
}
@media screen and (max-width:992px){
	#board_01_view .comment_input{
		width: 100% !important;
	}
	#board_01_view .comment_submit{
		width: 100% !important;
		padding: 5px 5px 15px 5px !important;
	}
	#board_01_view .comment_input .comment_input_area {
		padding-bottom: 0px;
	}
	#board_01_view .comment_submit,
	#board_01_view .comment_submit .comment_submit_area{
		padding-top: 0px !important;
	}
}




/*=========================================write================================*/


/*자동등록방지*/
#board_01_write .alert {
	padding: 0px;
	margin-bottom: 0px;
	background-color: transparent;
	border:none;
}
#board_01_write .form-group .alert-default::before{
	content: '자동등록방지';
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 12px;
    z-index: 50;
	display: inline-block;
	background-color: rgba(120, 126, 128, 0.6);
	border-radius: 4px;
	color: #fff;
	padding: 0px 4px;
}
#board_01_write #captcha_key{
	height:100%; 
	padding: 40px 45px 15px 45px;
	height: 67px;
	position: relative;
}
#board_01_write .form-group>.col-sm-12:first-child{
	padding-right: 0px !important;
	width: 50%;
}
#board_01_write .form-group>.col-sm-12:nth-child(2){
	padding-left: 5px !important;
	width: 50%;
	text-align: center;
}
#board_01_write .form-group>.col-sm-12:nth-child(2)::before{
	content: '자동등록방지 입력';
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 12px;
    z-index: 50;
	display: inline-block;
	background-color: rgba(120, 126, 128, 0.6);
	border-radius: 4px;
	color: #fff;
	padding: 0px 4px;
}
#board_01_write .form-group .alert{
	margin-bottom: 0px;
}
#board_01_write .form-group .alert-default{
	padding: 5px;
	position: relative;
	border: 1px solid #ccc;
	height: 67px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
#board_01_write .captcha-refresh {
	padding: 0px;
	bottom: 0px;
    right: 0px;
}
#board_01_write .btn-group button {
	padding: 2px 5px;
	border-radius: 3px;
	background-color: rgba(120, 126, 128, 0.6);
}
#board_01_write .btn-group button>i {
	margin: 0px;
	color: #fff;
	font-size: 13px;
    font-weight: 200;
}
@media (min-width: 768px){
	#board_01_write .alert-captcha .captcha-input {
		top: 0px;
		font-size: 13px;
   	 	font-weight: 500;
	}
}
@media screen and (max-width:992px){
	#board_01_write .form-group>.col-sm-12:first-child{
		width:100%;
		padding-right: 15px !important;
	}
	#board_01_write .form-group>.col-sm-12:nth-child(2){
		width:100%;
		padding-left: 15px !important;
		margin-top: 0px;
	}
	#board_01_write .form-group>.col-sm-12:nth-child(2)::before{
		top: 5px;
		left: 20px;
	}
	#board_01_write .form-group .alert-default{
		height: 80px;
		padding: 20px 5px 5px 5px;
		overflow: hidden;
		border-radius: 4px 4px 0px 0px;
	}
	#board_01_write #captcha_key{
		height:65px; 
		padding:35px 12px 10px 12px;
		border-radius: 0px 0px 4px 4px;
		top: -1px;
	}
}
@media screen and (max-width:496px){
	#board_01_write .form-group .alert-default img{
		height: 90%;
	}
}
#board_01_write .cke_sc_def dl::before{
	content: '단축키 목록';
	display: block;
	top: 25px;
    font-size: 13px !important;
    line-height: inherit !important;
    color: #777;
	font-weight: 700;
	margin-bottom: 10px;
}
#board_01_write .cke_sc_def {
    position: absolute;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 20px;
    max-width: 400px;
	border-top: 3px solid #383f48;
}
#board_01_write .cke_sc_def dt{
	color: #3c6ec0;
	background-color: rgba(232, 245, 255, 0.2);
}
#board_01_write .cke_sc_def dt,
#board_01_write .cke_sc_def dd{
	float: left;
    width: 25%;
    border: 1px solid #eee;
    padding: 5px;
    margin-left: -1px;
	margin-top: -1px;
	margin-bottom: 0;
}
#board_01_write .cke_sc_def dd:last-child {
	margin-bottom: 20px;
}
#board_01_write .btn_cke_sc,
#board_01_write .btn_cke_sc_close{
	font-size: 13px;
	border-color: #cacaca #b8b8b8 #9d9d9d !important;
    background-color: rgba(248, 248, 248, 0.4) !important;
    color: #868686 !important;
    background: linear-gradient(#fff,rgba(248, 248, 248, 0.4));
	margin-bottom: 5px;
	border-radius: 4px;
    display: inline-block;
    padding: 6px 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;

}
#board_01_write .cke_sc{
	text-align: left;
}
#board_01_write .cke_sc .btn_cke_sc{
	height: inherit;
}
#board_01_write .btn_cke_sc_close{
	margin: 0 auto;
	display: block;
}
@media only screen and (max-width:496px){
	#board_01_write .cke_sc_def {
		max-width: 210px;
	}
	#board_01_write .cke_sc_def dt,
	#board_01_write .cke_sc_def dd{
		float: left;
		width: 50%;
		border: 1px solid #eee;
		padding: 5px;
		margin-left: -1px;
		margin-top: -1px;
		margin-bottom: 0;
	}
	#board_01_write .cke_sc .btn_cke_sc,
	#board_01_write .cke_sc .btn_cke_sc_close{
		padding: 5px;
		font-size: 12px;
	}
}
/*임시로 저장된 글*/
#board_01_write #autosave_pop{
	top: 38px;
    right: -20px;
	border: 1px solid #eee;
	min-height: 100px;
	border-top: 3px solid #383f48;
	padding: 20px;
}
#autosave_pop strong {
    top: 28px;
    font-size: 13px !important;
    line-height: inherit !important;
    color: #777;
}
#board_01_write #autosave_pop a{
	color: #777;
	text-decoration: none;
}
#board_01_write #autosave_pop .autosave_close{
	font-size: 13px;
	border-color: #cacaca #b8b8b8 #9d9d9d !important;
    background-color: rgba(248, 248, 248, 0.4) !important;
    color: #868686 !important;
    background: linear-gradient(#fff,rgba(248, 248, 248, 0.4));
	margin-bottom: 10px;
	border-radius: 4px;
    display: inline-block;
    padding: 6px 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
}
#board_01_write #autosave_pop .autosave_del{
	font-weight: 600;
}
@media only screen and (max-width:496px){
	#board_01_write #autosave_pop{
		width: 100%;
		right: 0px;
	}
	#board_01_write #autosave_pop a{
		color: #777;
		text-decoration: none;
		display: block;
		float: none;
	}
	#board_01_write #autosave_pop span {
		display: block;
		float: none;
		font-size: 12px;
		color: #999;
	}
}

/*게시물 이동*/
#copymove label{
    margin-bottom: 0px;
    line-height: 22px;
    vertical-align: text-bottom;
}
#copymove .contents-wrp {
	margin-top: -1px;
    border: 1px solid #eee;
	border-radius: 5px;
}
#copymove .title_wrp {
    background-color: rgba(238,238,238,0.2);
    border: 1px solid rgba(238,238,238,0.5);
	border-radius: 5px;
}
#copymove .title_wrp h4{
	color:#3b3b3b;
	font-size: 2rem !important;
}
@media only screen and (max-width: 496px) {
	#copymove #board_tap_wrp .board_tap ul>li>a {
		padding: 3px 12px;
	}
}
/*게시물 이동 - 테이블*/
#copymove{
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 15px 5px 15px 5px;
}
#copymove table {
	font-size: 12px;
	line-height: 1.5rem;
	width: 100%;
}
#copymove table th{
	color: #383f48;
    border: 1px solid #e1e1e1;
    background-color: #fcfcfc;
    text-align: center;
    padding: 1rem;
}
#copymove table td{
    padding: 1rem;
	border: 1px solid #e1e1e1;
}
#copymove table td p{
   	line-height: 1.5rem;
}
#copymove table a{
	color: #777;
	text-decoration: none;
}
#copymove button{
	position: absolute;
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 3px;
}
@media only screen and (max-width:496px){
	#copymove button{
	    padding: 2px 4px;
	}
	#copymove table th.listcheck{
		max-width: 10px !important;
	}
}
/*게시물 이동 - btn*/
#copymove .btn_right{
    float: right;
}
#copymove .btn_left{
    float: left;
}
#copymove .btn{
	padding: 2px 7px;
}

/*list 공통*/
#board_01_list .content_move{
	color: #b2b2b2;
}
#board_01_list .empty_list{
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#board_01_list .sort-destination{
	min-height: 50px !important;
}
/*웹진형*/
#board_01_list #gall_allchk {
    padding: 0px 5px 10px 5px;
    height: 30px;
    margin-bottom: 10px;
    margin-top: -15px;
    margin-left: -15px;
}
#board_01_list #gall_allchk input[type="checkbox"],
#board_01_list .thumb-info input[type="checkbox"] {
    margin: 10px;
    position: absolute;
    z-index: 5;
}
#board_01_list #fboardlist a {
	text-decoration: none;
	color: #383f48;
}
#board_01_list #fboardlist .bo_cate_link{
	font-weight: 500;
}
#board_01_list #fboardlist h2 .cnt_cmt{
	color: #2ba2de;
	font-weight: 400;
}
#board_01_list .no-image-wrp {
	width:100%;
	min-height:260px; 
	background-color:#eaeaea; 
	margin:0;
	background: url(img/no-image.png) center center no-repeat;
	border: 1px solid #eee;
}
#board_01_list .no-image-wrp .no-image-con {
    padding: 25%; */
    display: block;
    text-indent: -999px;
    overflow: hidden;
	display: block;
}
#board_01_list .blog-posts .notice_img_admin{
	position: absolute;
    z-index: 3;
    margin: 4px 35px;
}
#board_01_list .blog-posts .notice_img{
	position: absolute;
    z-index: 3;
    margin: 4px 9px;
}
#board_01_list .bo_current{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 0;
    height: 0;
}
#board_01_list .blog-posts .bo_current+.post-medium .post-img-area .thumb-info{
	overflow: hidden;
}
#board_01_list .blog-posts .bo_current+.post-medium .post-img-area .thumb-info .image-wrp:before{
    content: "열람중";
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
	left: 0;
	text-indent:-9999px;
	overflow:hidden;
}
#board_01_list .blog-posts .bo_current+.post-medium .post-img-area .thumb-info .image-wrp:after{
    content: ".";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: url(./img/view.png) center center no-repeat;
	top: 0;
	left: 0;
	text-indent:-9999px;
	overflow:hidden;
}
@media only screen and (max-width: 992px){
	#board_01_list .post .row .col-md-1,
	#board_01_list .post .row .col-md-2,
	#board_01_list .post .row .col-md-3,
	#board_01_list .post .row .col-md-4,
	#board_01_list .post .row .col-md-5,
	#board_01_list .post .row .col-md-6,
	#board_01_list .post .row .col-md-7,
	#board_01_list .post .row .col-md-8,
	#board_01_list .post .row .col-md-9,
	#board_01_list .post .row .col-md-10,
	#board_01_list .post .row .col-md-11,
	#board_01_list .post .row .col-md-12 {
		padding: 0;
	}
	#board_01_list .blog-posts .notice_img_admin{
		margin: 4px 39px;
	}
	#board_01_list .blog-posts .notice_img{
		margin: 4px 9px;
	}
}
@media only screen and (max-width: 496px){
	#board_01_list #fboardlist h2 {
		margin: 0 !important;
		line-height: 1.4em;
	}
	#board_01_list #fboardlist h2 a {
		font-size: 13px;
	}
}
/*아이콘*/
#board_01_list .post-icon-area img{
	position: absolute;
    z-index: 10;
    right: 0;
    width: 50px;
	margin: 10px;
}
/*갤러리형*/
#board_01_list .sort-destination {
    overflow: visible;
}
#board_01_list .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    width: 100%;
    background-color: #e5e5e5;
}
#board_01_list .dropdown-menu .list-unstyled {
    margin-bottom: 10px !important;
}
#board_01_list .item_meta {
	position: absolute;
    bottom: 0;
}
#board_01_list .item_meta > li{
	float: left;
	padding-right: 8px;
}
#board_01_list .portfolio-list .portfolio_subject_name{
	display: block;
	min-height: 100px;
	position: relative;
}
#board_01_list .portfolio-list .border-wrp .item-wrp{
	font-size: 13px;
    padding: 15px 0;
}
#board_01_list .portfolio-list h2{
	line-height: 2.5rem;
	font-size: 15px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#board_01_list .portfolio-list p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#board_01_list .portfolio-list .notice_img_admin{
	position: absolute;
    z-index: 3;
    margin: 4px 50px;
}
#board_01_list .portfolio-list .notice_img{
	position: absolute;
    z-index: 3;
    margin: 4px 24px;
}
#board_01_list .bo_current+.isotope-item .thumb-info{
	overflow: hidden;
}
#board_01_list .bo_current+.isotope-item .thumb-info .image-wrp:before{
    content: "열람중";
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
	left: 0;
	text-indent:-9999px;
	overflow:hidden;
}
#board_01_list .bo_current+.isotope-item .thumb-info .image-wrp:after{
    content: ".";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: url(./img/view.png) center center no-repeat;
	top: 0;
	left: 0;
	text-indent:-9999px;
	overflow:hidden;
}
@media only screen and (max-width: 992px){
	#board_01_list .isotope-item {
		position: static !important;
		text-align: left;
	}
	#board_01_list .portfolio-list .portfolio_subject_name{
		margin-top: 0;
		min-height: inherit;
	}
	#board_01_list .portfolio-list li{
		padding: 0;
	}
	#board_01_list .portfolio-list .notice_img_admin{
		margin: 4px 39px;
	}
	#board_01_list .portfolio-list .notice_img{
		margin: 4px 9px;
	}
	#board_01_list .item_meta {
		position: inherit;
	}
}

/*관리자모드*/
.header {
    position: fixed;
    z-index: 1020;
}
.inner-wrapper{
	padding-top: 110px;
}
.inner-wrapper .content-body .page-header {
	border-top: 0px;
    left: 300px;
    margin: 0;
    position: fixed;
    right: 0;
    top: 60px;
}
.inner-wrapper .sidebar-left {
    z-index: 1010;
    position: fixed;
    bottom: 0;
	left: 0;
    top: 60px;
}
.inner-wrapper .content-body{
	margin-left: 300px;
}
.inner-wrapper .content-body .main>.container,
.inner-wrapper .content-body .panel-body>.container{
	width: 100%;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.inner-wrapper .dropdown-menu {
    margin: 0px !important;
}
@media only screen and (max-width: 767px){
	.header {
		position: static;
		z-index: 1000;
	}
	.inner-wrapper{
		padding-top: 0px;
	}
	.inner-wrapper .content-body .page-header {
		left: 0;
		margin: 0 -15px 20px;
		position: relative;
		right: 0;
		top: 1px;
		border-top: 0px;
		z-index: 90;
	}
	.sidebar-left {
		bottom: 0 !important;
		left: -100% !important;
		min-height: 0;
		min-width: 100%;
		min-width: 100vw;
		padding-top: 60px;
		padding-bottom: 50px;
		position: fixed !important;
		overflow: hidden;
		top: 0 !important;
		z-index: 98 !important;
	}
	.inner-wrapper .content-body{
		padding: 0 15px 25px;
		margin: 0;
	}
	#board_01_list .item_meta > li {
		padding-right: 8px;
	}
	.inner-wrapper .userbox{
		float: none;
	}
}

/*관리자모드-Write*/
.inner-wrapper #board_01_write #autosave_pop {
    top: 38px;
    left: 5px;
    border: 1px solid #eee;
    min-height: 100px;
    border-top: 3px solid #383f48;
    padding: 20px;
}

/*피플푸드 수정*/
#board_01_list ul li a.img-thumbnail{
	border: 0px;
	padding: 0px;
	display: block;
}
#board_01_list ul li a.img-thumbnail:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(img/hover_plus.png) center center no-repeat;
	background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    z-index: 4;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#board_01_list ul li a.img-thumbnail:hover:before{
	opacity: 1;
}
#board_01_list ul li a.img-thumbnail:after{
	display: none;
}	

/*p_dft*/
.p_dft {
	font-size: 13px;
	line-height: 1.4em;
	color: #636363;
	font-family: "dotum";
}