/* 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: 16px;
}
#board_wrap table th {
	font-size: 15px;
	font-weight: 500;
}
#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: 2px solid #222;
	border-bottom: 1px solid #e1e1e1;
	background-color: #fff;
}
#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: #a7a7a7;
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 15px;
    background-color: #f4f4f4;
    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: #fff;
}
#board_tap_wrp .board_tap ul>li>.active:hover,
#board_tap_wrp .board_tap ul>li>.active{
    color: #111;
    border-color: #ddd #ddd #fff #ddd;
    background-color: #fff;
}
@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 #ddd;
    text-align: center;
    padding: 20px 10px;
    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: #222;
}
#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 #383f48;
    border-top: 2px solid #222;
}
#board_01_view .table>thead>tr>th{
	border: none;
}
#board_01_view .board_info th{
    border: 1px solid #ddd !important;
}
#board_01_view table .board_subject{
	font-size: 18px;
	color: #383f48;
    background-color: #fff
}
#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: #fff;
	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: #fff;
}
#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: 2px solid #222;
}
#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: 2px solid #222;
	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: #fff;
    text-align: center;
    padding: 1rem;
}
#copymove table td{
    padding: 1rem;
	border: 1px solid #e1e1e1;
}
#copymove table td.text-center {
    text-align: center;
}
#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: #222;
}
#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: 2rem;
	}
	#board_01_list #fboardlist h2 a {
		font-size: 2rem;
	}
}
/*아이콘*/
#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;
}
#board_01_list .portfolio-list h2{
	line-height: 2.5rem;
}
#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: 15px;
		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){
	.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: 2px solid #222;
    padding: 20px;
}

/* btn */
.btn_box {
	display: flex;
	justify-content: center;
	margin-top: 2.5rem;
}

.btn_box .btn {
    padding: 1.125rem 2rem;
	border-radius: 2rem;
	font-size: 1.125rem;
	font-weight: 700;
	color: #fff;
    letter-spacing: -0.45px;
	text-align: center;
    background-color: #222;
}
.btn_box .btn:hover {
    background-color: #4E4E4E;
}
@media all and (max-width: 800px) {
	.btn_box {
		margin-top: 1.5rem;
	}

	.btn_box .btn {
        padding: 1.125rem 2.8125rem;
		font-size: 0.875rem;
        letter-spacing: -0.35px;
	}
}

/* btn end */

/* board_search_box */
.board_search_box {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 1.5rem;
}

.board_search_box p {
	font-size: 1.25rem;
	letter-spacing: -0.5px;
}

.tc_1 {
	color: #FAA74A;
}
.board_search_wrap {
    display: flex;
    gap: 0.75rem;
}
.board_search_reset {
    min-width: 4rem;
    height: 4rem;
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Refresh' clip-path='url(%23clip0_3239_20503)'%3E%3Crect id='bx' width='64' height='64' rx='12' fill='%23222222'/%3E%3Cg id='ic_refresh'%3E%3Cpath id='Path 21142' d='M38.516 25.4825C37.0786 24.0408 35.2049 23.1148 33.1866 22.8487C31.1683 22.5826 29.1186 22.9913 27.3567 24.0112C25.5948 25.0311 24.2196 26.6049 23.4451 28.4876C22.6707 30.3703 22.5404 32.4563 23.0747 34.4207C23.609 36.3851 24.7779 38.1178 26.3992 39.3489C28.0206 40.5799 30.0035 41.2404 32.0393 41.2274C34.075 41.2143 36.0493 40.5286 37.6548 39.2768C39.2603 38.0251 40.4069 36.2776 40.916 34.3065H38.516C38.0923 35.5016 37.3483 36.5573 36.3653 37.3582C35.3823 38.159 34.198 38.6743 32.9419 38.8476C31.6858 39.0209 30.4063 38.8456 29.2431 38.3409C28.0799 37.8362 27.0778 37.0215 26.3464 35.9857C25.6149 34.95 25.1822 33.7331 25.0956 32.4681C25.009 31.2031 25.2717 29.9386 25.8552 28.8128C26.4386 27.6871 27.3202 26.7433 28.4038 26.0847C29.4873 25.4262 30.731 25.0781 31.999 25.0785C32.9061 25.0799 33.8039 25.2621 34.6398 25.6147C35.4756 25.9672 36.2328 26.4829 36.867 27.1315L33.153 30.8455H41.227V22.7715L38.516 25.4825Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3239_20503'%3E%3Crect width='64' height='64' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.75rem;
    cursor: pointer;
}
.board_search_reset button {
    width: 100%;
    height: 100%;
}
.board_search_input {
	display: inline-flex;
	align-items: center;
	gap: 1rem;
    width: 29.5rem;
    height: 4rem;
    border: 1px solid #DDD;
	border-radius: 0.75rem;
	overflow: hidden;
}
.board_search_line {
    margin: 0 0.125rem;
    width: 1px;
    height: 1.125rem;
    background-color: #DDD;
}
.board_search_inp, .board_search_sel {
    position: relative;
	height: 4rem;
    box-sizing: border-box;
}

.board_search_inp {
	width: 78%;
}

.board_search_sel {
    /* max-width: 6rem; */
    width: 22%;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Polygon'%3E%3Cpath id='Polygon_2' d='M4 7L0 1L8 1L4 7Z' fill='%23222222'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right center;
}

.board_search_inp .inp, .board_search_sel .sel {
    width: 100%;
	height: 100%;
    border: 0;
	outline: 0;
	background: 0;
    color: #222;
	font-size: 1.125rem;
	letter-spacing: -0.45px;
}

.board_search_inp .inp {
	padding: 0 1.25rem 0 0;
}

.board_search_sel .sel {
	padding: 0 2rem 0 1.25rem;
}

.board_search_inp > label {
    display: inline;
}

.board_search_button {
	position: absolute;
	top: 50%;
	right: 1.25rem;
	transform: translateY(-50%);
	width: 1.5rem;
	height: 1.5rem;
	color: rgba(0, 0, 0, 0);
	background: no-repeat center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.997' height='23.997' viewBox='0 0 23.997 23.997'%3E%3Cpath data-name='Path 8' d='M0 0h24v24H0z' style='fill:none'/%3E%3Cg data-name='Group 513' transform='translate(2.067 2.065)'%3E%3Cg data-name='Ellipse 320' transform='translate(-.066 -.065)' style='stroke:%23121212;stroke-width:2px;fill:none'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' style='stroke:none'/%3E%3Ccircle cx='8.5' cy='8.5' r='7.5' style='fill:none'/%3E%3C/g%3E%3Crect data-name='Rectangle 796' width='8.249' height='2.25' rx='1.125' transform='rotate(45 -7.67 23.087)' style='fill:%23121212'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: 100% auto;
}

.board_search_reset_button {
	width: 4rem;
	height: 4rem;
	padding: 0 1.25rem;
	color: #FFF;
	font-size: 1.125rem;
	font-weight: bold;
	letter-spacing: -0.45px;
	text-indent: -999999px;
	border: 0;
	outline: 0;
	border-radius: 0.75rem;
	background-color: #000;
	background-image: url("../img/sub/ic_refresh.svg");
	background-repeat: no-repeat;
	background-position: center;
}

@media all and (max-width: 800px) {
	.board_search_box {
		flex-direction: column-reverse;
		align-items: baseline;
		gap: 1.5rem;
		margin-bottom: 1rem;
	}

    .board_search_box p {
        font-size: 1rem;
    }

	.board_search_box form {
		width: 100%;
	}

    .board_search_wrap {
        gap: 0.5rem;
    }

    .board_search_reset {
        min-width: 3.5rem;
        width: 3.5rem;
        height: 3.5rem;
    }

    .board_search_input {
        height: 3.5rem;
    }

	.board_search_inp, .board_search_sel {
        height: 3.5rem;
	}

    .board_search_inp {
        width: 77%;
    }

    .board_search_sel {
        width: 23%;
    }

    .board_search_inp .inp, .board_search_sel .sel {
        font-size: 1rem;
    }

    .board_search_inp .inp {
        padding: 0 0.75rem;
    }

    .board_search_sel .sel {
        padding: 0 0 0 0.75rem;
    }

	.board_search_input {
		width: 100%;
        gap: 0.5rem;
	}

    .board_search_button {
        right: 0.75rem;
    }

	.board_search_reset_button {
		flex-shrink: 0;
	}
}

/* board_search_box end */


/* board_empty */
.board_empty {
	padding: 3.5rem 0;
	background-color: #FFF;
    border-bottom: 1px solid #E6E6E6;
    text-align: center;
}
.board_empty2 {
    border-top: 2px solid #121212;
}
.board_empty p {
    margin-bottom: 2.5rem;
    text-align: center;
}
.board_empty span {
	color: #666;
	font-size: 32px;
	font-weight: 700;
	line-height: normal;
	white-space: nowrap;
}

@media screen and (max-width:800px) {
	.board_empty span {
		padding-left: 2.25rem;
		font-size: 1.125rem;
	}
}
/* //end board_empty */

/* page_wrap */
.page_wrap {
	margin-top: 2.5rem;
	font-size: 1.125rem;
}

.page {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.75rem;
}

.page>a {
	font-size: 1.125rem;
	z-index: 0;
	position: relative;
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
}

.page a i[class*=icon_],
.page a i[class^=icon_] {
	display: block;
	text-align: center;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	background: no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: opacity 0.3s ease-out;
}

.page a i[class*=icon_].icon_prev,
.page a i[class^=icon_].icon_prev {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='Path 384' d='M0 0h24v24H0z' style='fill:none'/%3E%3Cpath data-name='Path 385' d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z' style='fill:%238e9097'/%3E%3C/svg%3E%0A");
}

.page a i[class*=icon_].icon_prev2,
.page a i[class^=icon_].icon_prev2 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='Path 384' d='M0 0h24v24H0z' style='fill:none'/%3E%3Cpath data-name='Path 385' d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z' style='fill:%238e9097'/%3E%3Cpath data-name='Path 389' d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z' transform='translate(-6)' style='fill:%238e9097'/%3E%3C/svg%3E%0A");
}

.page a i[class*=icon_].icon_next,
.page a i[class^=icon_].icon_next {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='Path 384' d='M24 0H0v24h24z' style='fill:none'/%3E%3Cpath data-name='Path 385' d='M8 7.41 9.41 6l6 6-6 6L8 16.59 12.58 12z' transform='translate(.59)' style='fill:%238e9097'/%3E%3C/svg%3E%0A");
}

.page a i[class*=icon_].icon_next2,
.page a i[class^=icon_].icon_next2 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='Path 384' d='M24 0H0v24h24z' style='fill:none'/%3E%3Cpath data-name='Path 385' d='M8 7.41 9.41 6l6 6-6 6L8 16.59 12.58 12z' transform='translate(.59)' style='fill:%238e9097'/%3E%3Cpath data-name='Path 389' d='M8 7.41 9.41 6l6 6-6 6L8 16.59 12.58 12z' transform='translate(6.59)' style='fill:%238e9097'/%3E%3C/svg%3E%0A");
}

.page_p {
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0 1rem;
}

.page_p a {
	font-size: 1.125rem;
	z-index: 0;
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
	width: 2.125rem;
	height: 2.125rem;
	font-family: 'Poppins', sans-serif;
	color: #8E9097;
	border: none;
	text-align: center;
}

.page_p a:hover {
	color: #FAA74A;
	font-weight: bold;
}

.page_p a.act {
	background: #FAA74A;
	border-radius: 50%;
	font-weight: bold;
	color: #FFF;
}

.current_m {
	display: none;
	gap: 1rem;
	padding: 0 1rem;
}

.current_m .now {
	color: #FAA74A;
	font-weight: bold;
}

@media screen and (max-width: 1280px) {
	.page_p {
		display: none;
	}

	.current_m {
		display: flex;
	}
}
@media screen and (max-width: 800px) {
    .page_wrap {
        margin-top: 1.5rem;
    }
    .page {
        gap: 0.25rem;
    }
    .current_m {
        padding: 0 1.5rem;
    }
}

/* page_wrap end */

/* prev_next_page_box */
.prev_next_page_box {
	font-size: 1.25rem;
}

.prev_next_page_box li {
	border-bottom: 1px solid #E6E6E6;
}

.prev_next_page_box li:hover {
	background: #F9FAFB;
}

.prev_next_page_box li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-lines: single;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width: 100%;
	color: #121212;
}

.prev_next_page_box li a .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 1rem;
	height: 5.625rem;
	line-height: 1.5;
	vertical-align: middle;
	font-weight: 300;
	letter-spacing: -0.5px;
	white-space: nowrap
}

.prev_next_page_box li a .item.arr {
	flex: 0 auto;
	gap: 0.5rem;
	color: #121212;
	text-align: left;
	padding-left: 2.5rem;
}

.prev_next_page_box li a .item.tit {
	flex: 1 auto;
	overflow: hidden;
}

.prev_next_page_box li a .item.tit .ellip_1 {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prev_next_page_box li a .item.date {
	padding-right: 2.5rem;
	font-size: 1.125rem;
	color: #999;
	letter-spacing: 0px;
}

.prev_next_page_box li:hover .item.tit {
	color: #FAA74A;
}

.prev_next_page_box .prev_box a .item.arr:before {
	content: '';
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='Path 384' d='M24 0H0v24h24z' style='fill:none'/%3E%3Cpath data-name='Path 385' d='m7.705 15.705-1.41-1.41 6-6 6 6-1.41 1.41-4.59-4.58z'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.prev_next_page_box .next_box a .item.arr:before {
	content: '';
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='Path 384' d='M0 24h24V0H0z' style='fill:none'/%3E%3Cpath data-name='Path 385' d='m16.295 8.295 1.41 1.41-6 6-6-6 1.41-1.41 4.59 4.58z'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 800px) {
	.prev_next_page_box {
		font-size: 1rem;
	}

	.prev_next_page_box li a .item {
		padding: 0 0.5rem;
		height: 4.375rem;
	}

	.prev_next_page_box li a .item.arr {
		padding-left: 0.5rem;
	}

	.prev_next_page_box li a .item.date {
		display: none;
	}
}

/* prev_next_page_box end */


/* 공지사항 */
.board_list {
	font-size: 1.25rem;
	border-top: 2px solid #121212;
}

.board_list ul {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.board_list ul li {
	display: flex;
    align-items: center;
	padding: 1.75rem 0;
    height: 2rem;
    box-sizing: content-box;
	border-bottom: 1px solid #E6E6E6;
	color: #222;
	text-align: center;
}

.board_list ul li:not(.t_head) {
    font-size: 1.125rem;
}

.board_list ul li:not(.t_head):hover {
	background: #F8F8F8;
}

.board_list ul li>div:nth-of-type(1) {
    position: relative;
	width: 12.5%;
}

.board_list ul li>div:nth-of-type(2) {
	width: 75%;
}

.board_list ul li>div:nth-of-type(3) {
	width: 12.5%;
}

.t_head {
	font-weight: bold;
}
.board_chk {
    position: absolute;
    top: 50%;
    left: 0.5rem;
    transform: translateY(-50%);
    margin-top: 0 !important;
    width: 2rem;
    height: 2rem;
    border: 1px solid #999 !important;
    appearance: button;
    -webkit-appearance: button;
}
.board_chk2 {
    margin-top: 0 !important;
    width: 1rem;
    height: 1rem;
    border: 1px solid #999 !important;
    appearance: button;
    -webkit-appearance: button;
}
.board_no,
.board_date {
	color: #8E9097;
}
.t_notice .board_no {
	color: #121212;
	font-weight: bold;
}
.full_mo {
	text-align: left;	
}
.board_tit {
	display: flex;
    align-items: center;
	gap: 0.75rem;
}
.board_tit.file:after {
	content: '';
	display: block;
	width: 2rem;
	height: 2rem;
	background: no-repeat center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath data-name='Rectangle 819' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath d='M4.8 0a4.7 4.7 0 0 0-3.394 1.363A4.479 4.479 0 0 0 0 4.71v9.376a3.219 3.219 0 0 0 .992 2.377 3.273 3.273 0 0 0 2.388.981 3.263 3.263 0 0 0 2.4-.981 3.263 3.263 0 0 0 .981-2.4v-8.59a1.933 1.933 0 0 0-.567-1.406 1.879 1.879 0 0 0-1.4-.578 1.815 1.815 0 0 0-1.4.621 2.111 2.111 0 0 0-.567 1.472v8.548h.872V5.517a1.154 1.154 0 0 1 .324-.817 1.019 1.019 0 0 1 .777-.339 1.035 1.035 0 0 1 .774.327 1.089 1.089 0 0 1 .316.785v8.613a2.383 2.383 0 0 1-.73 1.766 2.438 2.438 0 0 1-1.777.719 2.438 2.438 0 0 1-1.777-.72 2.383 2.383 0 0 1-.731-1.766V4.666a3.577 3.577 0 0 1 1.153-2.693A3.873 3.873 0 0 1 4.8.872a3.842 3.842 0 0 1 2.78 1.112A3.653 3.653 0 0 1 8.722 4.71v9.42h.872v-9.4a4.514 4.514 0 0 0-1.406-3.356A4.677 4.677 0 0 0 4.8 0z' transform='rotate(45 1.57 25.985)' style='fill:%23121212;stroke:%23121212;stroke-width:.5px'/%3E%3C/svg%3E%0A");
	background-color: #f1f1f1;
	border-radius: 50%;
}
.board_tit span {
	position: relative;
	display: block;
	overflow: hidden;
    max-width: 100%;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.board_tit.file span {
	max-width: calc(100% - 2.75rem);
}


@media screen and (max-width: 800px) {
	.board_list ul li {
		flex-direction: column;
		gap: 0.5rem;
        padding: 1.25rem 0.5rem;
        height: auto;
		text-align: left;
	}

	.board_list ul li.t_head {
		display: none;
	}

	.board_list ul li>div:nth-of-type(1) {
		display: none;
		font-size: 1.125rem;
	}

	.board_list ul li>div:nth-of-type(2) {
		width: 100%;
        /* height: 2rem; */
		font-size: 1.125rem;
	}

	.board_list ul li>div:nth-of-type(3) {
		width: 100%;
		font-size: 1rem;
	}

	.board_list ul li.t_notice {
		position: relative;
	}

	.board_list ul li.t_notice>div:nth-of-type(1) {
		display: flex;
		position: absolute;
	}

	.t_notice .board_tit {		
		padding-left: 2.625rem;
	}

	.en .t_notice .board_tit {		
		padding-left: 3.875rem;
	}

    .board_tit.file:after {
        width: 1.5rem;
        height: 1.5rem;
        background-size: cover;
    }

	.board_tit.file span:before {
		content: attr(data-mark);
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		color: #FAA74A;
		font-weight: bold;
	}
	.board_tit.file span {
		position: relative;
		max-width: calc(100% - 2.5rem);
	}
}

/* 공지사항 end */

/* read */
.board_view {
	border-top: 2px solid #222;
    border-bottom: 1px solid #E6E6E6;
}

.bv_top {
	padding: 3.5rem 2.5rem;
}

.bv_tit {
    color: #222;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bv_info {
	font-size: 1.125rem;
	color: #8E9097;
}

.bv_info:before {
	content: attr(data-tit);
	margin-right: 1rem;
	color: #222;
}

.file_box {
	padding: 2rem 2.5rem;
	border-bottom: 1px solid #E6E6E6;
	background: #F9FAFB;
}

.file_box ul {
	display: flex;
	align-items: center;
}

.file_box ul:before {
	content: '';
	margin-right: 1.5rem;
	width: 2rem;
	height: 2rem;
	background: no-repeat center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath data-name='Rectangle 819' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath d='M4.8 0a4.7 4.7 0 0 0-3.394 1.363A4.479 4.479 0 0 0 0 4.71v9.376a3.219 3.219 0 0 0 .992 2.377 3.273 3.273 0 0 0 2.388.981 3.263 3.263 0 0 0 2.4-.981 3.263 3.263 0 0 0 .981-2.4v-8.59a1.933 1.933 0 0 0-.567-1.406 1.879 1.879 0 0 0-1.4-.578 1.815 1.815 0 0 0-1.4.621 2.111 2.111 0 0 0-.567 1.472v8.548h.872V5.517a1.154 1.154 0 0 1 .324-.817 1.019 1.019 0 0 1 .777-.339 1.035 1.035 0 0 1 .774.327 1.089 1.089 0 0 1 .316.785v8.613a2.383 2.383 0 0 1-.73 1.766 2.438 2.438 0 0 1-1.777.719 2.438 2.438 0 0 1-1.777-.72 2.383 2.383 0 0 1-.731-1.766V4.666a3.577 3.577 0 0 1 1.153-2.693A3.873 3.873 0 0 1 4.8.872a3.842 3.842 0 0 1 2.78 1.112A3.653 3.653 0 0 1 8.722 4.71v9.42h.872v-9.4a4.514 4.514 0 0 0-1.406-3.356A4.677 4.677 0 0 0 4.8 0z' transform='rotate(45 1.57 25.985)' style='fill:%23121212;stroke:%23121212;stroke-width:.5px'/%3E%3C/svg%3E%0A");
	background-color: #FFF;
	border-radius: 50%;
}

.file_box ul li {
    position: relative;
	padding-right: 1.5rem;
}
.file_box ul li:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0.7rem;
    transform: translateY(-50%);
    width: 1px;
    height: 0.75rem;
    background-color: #DDD;
}
.file_box ul li:last-child:after {
    display: none;
}
.file_box ul li a {
    font-family: 'Poppins', sans-serif;
    color: #222;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: normal;
	text-decoration: underline;
}
.file_box ul li a:hover {
    color: #FAA74A;
}
.bv_media {
	padding: 3.5rem 2.5rem;
	border-top: 1px solid #e6e6e6;
	background-color: #F9FAFB;
}
.bv_media iframe,
.bv_media video {
	display: block;
	width: 100%;
	max-width: 1080px;
	margin:0 auto;
}
.bv_con {
	padding: 5rem 2.5rem;
}

.img_box {
    position: relative;
	margin: 0 auto 5rem;
	width: 100%;
	max-width: 51.25rem;
}
.img_box img {
	width: 100%;
}

.video_box {
	position: relative;
	margin: 0 auto 5rem;
	width: 100%;
	max-width: 67.5rem;
}

.video_box:before {
	content: '';
	display: block;
	padding-top: 56.3%;
}

.video_box iframe,
.video_box video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* .text_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5rem;
	font-size: 1.125rem;
	color: #222;
    font-weight: 400;
	line-height: normal;
}

.text_box p {
    width: 100%;
} */

.boardWrap .privacy_box {
	margin-top: 2.5rem;
}
.boardWrap .privacy_box + .privacy_box {
	margin-top: 1.25rem;
}

.boardWrap .privacy_tit {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.5rem;
	padding: 1rem 1.5rem;
	/* min-height: 4.5rem; */
	line-height: 4.5rem;
	font-size: 1.125rem;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.boardWrap .privacy_box.on .privacy_tit {
	background-color: #F9FAFB;
}
.fm_ch {
	display: flex;
	align-items: center;
	cursor: pointer;
	line-height: 1.4;
}

.fm_ch input[type=checkbox] {
	width: 0;
	height: 0;
}

._icon {
	overflow: hidden;
	position: relative;
	display: inline-block;
	min-width: 1.5rem;
	height: 1.5rem;
	margin-right: 0.5rem;
	vertical-align: middle;
	background-color: #fff;
	outline: 1px solid #ddd;
}

._icon:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1.5rem;
	height: 1.5rem;
	background: no-repeat center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.074' height='10.287' viewBox='0 0 14.074 10.287'%3E%3Cpath d='m17.8 21.747 6.858-6.858-1.715-1.714-6.858 6.858-3.785-3.788-1.715 1.714 3.787 3.788 1.715 1.715z' transform='translate(-10.587 -13.174)' style='fill:%23fff'/%3E%3C/svg%3E%0A");
	transition: transform 0.3s cubic-bezier(0, 0.81, 0.36, 1.14);
	transform: translate(-50%, -50%) scale(0) rotate(0.01deg);
}

.fm_ch input[type=checkbox]:checked+._icon {
	outline-color: #FAA74A;
	background-color: #FAA74A;
}

.fm_ch input[type=checkbox]:checked+._icon:after {
	transform: translate(-50%, -50%) scale(1) rotate(0.01deg);
}

.boardWrap .privacy_tit button {
	min-width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	border: 1px solid #ddd;
	background: no-repeat center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath data-name='Polygon' d='m4 0 4 6H0z' transform='rotate(180 4 3)' style='fill:%23121212'/%3E%3C/svg%3E%0A");
	background-color: #fff;
}

.boardWrap .privacy_box.on .privacy_tit button {
	transform: scaleY(-1);
}

.boardWrap .privacy_inner {
	display: none;
	padding: 2.5rem;
	max-width: 100%;
	border: 1px solid #ddd;
	border-top: 0;
}

.boardWrap .privacy_inner .privacy_txt {
	font-size: 1.125em;
	line-height: 2;
}

.boardWrap .privacy_inner .privacy_txt+.privacy_txt {
	margin-top: 1.25rem;
}

.boardWrap .privacy_inner .privacy_txt ul:not(:first-child) {
	margin-top: 1.25rem;
}

@media screen and (max-width: 800px) {
	.bv_top {
		padding: 2.5rem 0.5rem;
	}

	.bv_tit {
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}

	.bv_info {
		font-size: 1rem;
	}

	.bv_media {
		padding: 2.5rem 0;
	}

	.bv_con {
		padding: 2.5rem 0;
	}

	.file_box {
		padding: 1.125rem 4rem;
	}

	.file_box ul {
		flex-direction: column;
		align-items: baseline;
		gap: 0.625rem;
		position: relative;
	}

	.file_box ul:before {
		position: absolute;
		top: -0.125rem;
		left: -3rem;
	}

    .file_box ul li:after {
        display: none;
    }

    .file_box ul li a {
        font-size: 1rem;
    }

	.video_box {
		margin: 0 auto 2.5rem;
	}

    .img_box {
        margin: 0 auto 2.5rem;
    }

    /* .text_box {
        gap: 2.5rem;
        padding: 0 0.5rem;
        line-height: 1.75rem;
    } */
}

/* read end */


/* news list */
.board_search_box2 {
    align-items: center;
    margin-bottom: 2.5rem;
}
.tab-wrap-board .tab_sel {
    display: none;
    width: 100%;
    height: 4rem;
    background-color: #F8F8F8;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Polygon'%3E%3Cpath id='Polygon_2' d='M4 7L0 1L8 1L4 7Z' fill='%23222222'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: calc(100% - 1rem) center;
    border: 1px solid #DDD;
    border-radius: 0.75rem;
} 
.tab-wrap-board .tab_sel label {
    display: inline;
}
.tab-wrap-board .tab_sel select {
    padding: 0 1rem;
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
    background: 0;
    color: #222;
    font-size: 1.125rem;
    letter-spacing: -0.45px;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.tab-wrap-board ul {
    display: flex;
    gap: 0.5rem;
}
.tab-wrap-board li a {
    padding: 1.25rem 1.875rem;
    background-color: #F8F8F8;
    border-radius: 1.875rem;
    color: #999;
    font-size: 1rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.4px;
}
.tab-wrap-board li.on a {
    background-color: #FAA74A;
    color: #FFF;
}

.news_list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 3.5rem 2.5rem;
}

.thumb_item {
    position: relative;
	width: calc(33.333% - 1.6667rem);
}

.thumb_item .board_chk {
    top: 0.75rem;
    left: 0.75rem;
    transform: translateY(0);
    z-index: 2;
}

.thumb_item a {
	display: block;
	height: 100%;
}

.thumb_img {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 1.25rem;
	overflow: hidden;
    border-radius: 1rem;
}

.thumb_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}

.thumb_img.no-image {
    background-color: #EEE;
}

.thumb_img.no-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* .thumb_img.blank img {
	max-height: 25% !important;
	width: auto !important;
} */

.thumb_text {
	display: flex;
	flex-flow: column;
	position: relative;
}

.thumb_tit {
    margin-bottom: 1.25rem;
	line-height: 2.125rem;
	font-size: 1.5rem;
	font-weight: 700;
	color: #222;
	letter-spacing: -0.6px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.thumb_date {
	font-family: 'Spoqa Han Sans Neo', 'sans-serif';
	color: #999;
    font-size: 1rem;
    font-weight: 400;
	letter-spacing: -0.4px;
}

@media screen and (max-width: 1280px) {
    .tab-wrap-board .tab_sel {
        display: block;
    }
    .tab-wrap-board ul {
        display: none;
    }
    .news_list ul {
        gap: 2.5rem 1rem;
    }
    .thumb_item {
        width: calc(33.333% - 0.666666rem);
    }
    .thumb_tit {
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
}
@media screen and (max-width: 800px) {
    .board_search_box2 {
        flex-direction: column;
        gap: 1.25rem;
    }
    .tab-wrap-board {
        width: 100%;
    }
    .tab-wrap-board .tab_sel {
        height: 3.5rem;
    }
    .tab-wrap-board .tab_sel select {
        text-align: center;
        font-size: 1rem;
    }
    .thumb_item {
        width: calc(50% - 0.5rem);
    }
    .thumb_img {
        margin-bottom: 1rem;
    }
    .thumb_tit {
        margin-bottom: 1rem;
        font-size: 1.125rem;
    }
    .thumb_date {
        font-size: 0.875rem;
    }
}
@media screen and (max-width: 500px) {
    .thumb_item {
        width: 100%;
    }
}
/* news list end */



/*관리자 input border*/
.inner-wrapper .content-body input:not([type="file"]) {
    border: 1px solid #CCC !important;
}

/*datepicker custom*/
.ui-widget-header {
    border: 0px solid #dddddd;
    background: #fff;
    }
    
    .ui-datepicker-calendar>thead>tr>th {
    font-size: 14px !important;
    }
    
    .ui-datepicker .ui-datepicker-header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 10px 0;
    }
    
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    display: inline-block;
    border: 0px solid #c5c5c5;
    background-color: transparent;
    font-weight: normal;
    color: #454545;
    text-align: center;
    }
    
    .ui-datepicker .ui-datepicker-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0em;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    padding: 0px;
    font-weight: bold;
    }
    
    .ui-datepicker .ui-datepicker-title select {
        padding: 0.33rem 0.75rem;
        border: 1px solid #DDD;
        height: auto;
    }
    
    .ui-datepicker-month {
        margin-left: 0.5rem;
    }
    
    .ui-datepicker {
    display: none;
    background-color: #fff;
    border-radius: 4px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 20px;
    padding-bottom: 10px;
    width: 300px;
    box-shadow: 10px 10px 40px rgba(0,0,0,0.1);
    }
        
    .ui-widget.ui-widget-content {
        border: 1px solid #eee;
    }
    
    #datepicker:focus>.ui-datepicker {
    display: block;
    }
    
    .ui-datepicker-prev,
    .ui-datepicker-next {
    position: absolute;
    left: 0;
    cursor: pointer;
    }
    
    .ui-datepicker-next {
    left: auto;
    right: 0;
    }
    
    .ui-state-disabled {
    cursor: auto;
    color: hsla(0, 0%, 80%, 1);
    }
    
    .ui-datepicker-title {
    text-align: center;
    padding: 10px;
    font-weight: 100;
    font-size: 20px;
    }
    
    .ui-datepicker-calendar {
    width: 100%;
    }
    
    .ui-datepicker-calendar>thead>tr>th {
    padding: 5px;
    font-size: 20px;
    font-weight: 400;
    }
    
    .ui-datepicker-calendar>tbody>tr>td>a {
    color: #000;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: none;    
    }
    
    .ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover {
    cursor: auto;
    background-color: #fff;
    }
        
    .ui-datepicker-calendar>tbody>tr>td {
        border-radius: 100%;
        width: 44px;
        height: 30px;
        cursor: pointer;
        padding: 5px;
        font-weight: 100;
        text-align: center;
        font-size: 12px;
    }
        
    .ui-datepicker-calendar>tbody>tr>td:hover {
        background-color: transparent;
        opacity: 0.6;
    }
    
    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus,
    .ui-button:hover,
    .ui-button:focus {
    border: 0px solid #cccccc;
    background-color: transparent;
    font-weight: normal;
    color: #2b2b2b;
    }
    
    .ui-widget-header .ui-icon {
    background-image: url('../../../img/datepicker_arr.png');
    }
    .ui-icon-circle-triangle-e {
    background-position: -20px 0px;
    background-size: 36px;
    }
    
    .ui-icon-circle-triangle-w {
    background-position: -0px -0px;
    background-size: 36px;
    }
        
    .ui-datepicker-calendar>tbody>tr>td:first-child a{
    color: red !important;
    }
        
    .ui-datepicker-calendar>tbody>tr>td:last-child a{
    color: #0099ff !important;
    }
        
    .ui-datepicker-calendar>thead>tr>th:first-child {
        color: red !important;
    }
        
    .ui-datepicker-calendar>thead>tr>th:last-child {
        color: #0099ff !important;
    }
    
    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        width: 20px;
        height: 100%;
        line-height: 20px;
        border: 0px;
        background: #f1f1f1;
        border-radius: 50%;
    }