/* 팝업레이어 */
#hd_pop {
	z-index:1000;
	position:relative;
	margin:0 auto;
	height:0
}
#hd_pop h2 {
	position:absolute;
	font-size:0;
	line-height:0;
	overflow:hidden
}
.hd_pops {
	position:absolute;
	border:1px solid #e9e9e9;
	background:#fff
}
.hd_pops img {
	max-width:100%
}
.hd_pops_con {
}
.hd_pops_footer {
	padding:0;
	background:#000;
	color:#fff;
	text-align:left;
	position:relative
}
.hd_pops_footer:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
.hd_pops_footer button {
	padding:10px;
	border:0;
	color:#fff
}
.hd_pops_footer .hd_pops_reject {
	background:#000;
	text-align:left
}
.hd_pops_footer .hd_pops_close {
	background:#393939;
	position:absolute;
	top:0;
	right: 0
}
/* 상단 레이아웃 */
#hd {
	background:var(--white)
}
#hd_h1 {
	position:absolute;
	font-size:0;
	line-height:0;
	overflow: hidden
}
/* 본문 바로가기 */
.to_content a {
	z-index:100000;
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow: hidden;
}
/* 화면낭독기 사용자용 */
#hd_login_msg {
	position:absolute;
	top:0;
	left:0;
	font-size:0;
	line-height:0;
	overflow:hidden
}
.msg_sound_only,.sound_only {
	display:inline-block !important;
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	margin:0 !important;
	padding:0 !important;
	font-size:0;
	line-height:0;
	border:0 !important;
	overflow: hidden !important
}
/* 본문 바로가기 */
#skip_to_container a {
	z-index:100000;
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden
}
#skip_to_container a:focus,#skip_to_container a:active {
	width:100%;
	height:75px;
	background:#21272e;
	color:#fff;
	font-size:2em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	line-height: 3.3em
}
/* ie6 이미지 너비 지정 */
.img_fix {
	width:100%;
	height: auto
}
/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {
	position:relative;
	display:flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
#captcha legend {
	position:absolute;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	text-indent:-9999em;
	overflow:hidden
}
#captcha #captcha_img {
	height:40px;
	border:1px solid var(--slate-200);
	border-radius:8px;
	vertical-align:top;
	padding:0;
	margin:0
}
#captcha #captcha_mp3 {
	margin:0;
	padding:0;
	width:40px;
	height:40px;
	border:0;
	background:transparent;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
	background:url('../../../img/captcha2.png') no-repeat;
	text-indent:-999px;
	border-radius:3px
}
#captcha #captcha_reload {
	position:relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	margin:0;
	padding:0;
	width:40px;
	height:40px;
	border:0;
	background:transparent;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
	text-indent:-999px;
	border-radius:8px;
    border: 1px solid var(--slate-300);
    background-color: var(--slate-50);
}
#captcha #captcha_reload::after {
    color: var(--slate-500);
    content: "\e5d5";
    font-family: "Material Icons Round";
    vertical-align: middle;
    font-size: 36px;
    text-indent: 0;
    text-rendering: auto;
}
#captcha #captcha_key {
	width:120px;
}
#captcha #captcha_info {
	display:block;
	margin:5px 0 0;
	font-size:0.95em;
	letter-spacing: -0.1em
}
/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {
	display:block;
	width:187px;
}
#captcha.m_captcha #captcha_img {
	width:128px;
	height:48px;
	border-radius:4px;
	border:1px solid #e9e9e9;
	display:block
}
#captcha.m_captcha #captcha_reload {
	position:static;
	margin:0;
	padding:0;
	width:48px;
	height:48px;
	border:0;
	background:transparent;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
	text-indent:-999px;
	border-radius:8px;
    border: 1px solid var(--slate-300);
    background-color: var(--slate-50);
}
#captcha.m_captcha #captcha_reload::after {
    color: var(--slate-500);
    content: "\e5d5";
    font-family: "Material Icons Round";
    vertical-align: middle;
    font-size: 24px;
    text-indent: 0;
    text-rendering: auto;
}
#captcha.m_captcha #captcha_reload span {
	display:none
}
#captcha.m_captcha #captcha_key {
}
#captcha.m_captcha #captcha_info {
	display:block;
	margin:5px 0 0;
	font-size:0.95em;
	letter-spacing:-0.1em
}
#captcha.m_captcha #captcha_mp3 {
	width:31px;
	height:31px;
	background:url('../../../img/captcha2.png') no-repeat 0 0;
	vertical-align:top;
	overflow:hidden;
	cursor:pointer;
	text-indent:-9999px;
	border:none
}
@media (min-width: 1280px) {
	#captcha #captcha_img {
		height:60px;
	}
	#captcha #captcha_mp3 {
		height:60px;
	}
	#captcha #captcha_reload {
		width: 60px;
		height:60px;
	}
}
/* ckeditor 단축키 */
.cke_sc {
	margin:0 0 5px;
	text-align:right;
	display:none;
}
.btn_cke_sc {
	display:inline-block;
	padding:0 10px;
	height:23px;
	border:1px solid #ccc;
	background:#fafafa;
	color:#000;
	text-decoration:none;
	line-height:1.9em;
	vertical-align:middle;
	cursor:pointer;
}
.cke_sc_def {
	margin:0 0 5px;
	padding:10px;
	border:1px solid #ccc;
	background:#f7f7f7;
	text-align:center
}
.cke_sc_def dl {
	margin:0 0 5px;
	text-align:left;
	zoom:1
}
.cke_sc_def dl:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
.cke_sc_def dt,.cke_sc_def dd {
	float:left;
	margin:0;
	padding:5px 0;
	border-bottom:1px solid #e9e9e9
}
.cke_sc_def dt {
	width:20%;
	font-weight:bold
}
.cke_sc_def dd {
	width: 30%
}
/* ckeditor 태그 기본값 */
#bo_v_con ul {
	display:block;
	list-style-type:disc;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:0;
	margin-right:0;
	padding-left:40px
}
#bo_v_con ol {
	display:block;
	list-style-type:decimal;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:0;
	margin-right:0;
	padding-left:40px
}
#bo_v_con li {
	display: list-item
}
/* 기본테이블 */
.tbl_wrap table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0 5px;
	background:#fff;
	border-top:1px solid #ececec;
	border-bottom:1px solid #ececec
}
.tbl_wrap caption {
	padding:10px 0;
	font-weight:bold;
	text-align:left
}
.tbl_head01 {
	margin:0 0 10px
}
.tbl_head01 caption {
	padding:0;
	font-size:0;
	line-height:0;
	overflow:hidden
}
.tbl_head01 thead th {
	padding:20px 0;
	font-weight:normal;
	text-align:center;
	border-bottom:1px solid #ececec;
	height:40px
}
.tbl_head01 thead th input {
	vertical-align: top
}
/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th,.tbl_head01 tfoot td {
	padding:10px 0;
	border-top:1px solid #c1d1d5;
	border-bottom:1px solid #c1d1d5;
	background:#d7e0e2;
	text-align:center
}
.tbl_head01 tbody th {
	padding:8px 0;
	border-bottom:1px solid #e8e8e8
}
.tbl_head01 td {
	color:#666;
	padding:10px 5px;
	border-top:1px solid #ecf0f1;
	border-bottom:1px solid #ecf0f1;
	line-height:1.4em;
	height:60px;
	word-break:break-all
}
.tbl_head01 tbody tr:hover td {
	background:#fafafa
}
.tbl_head01 a:hover {
	text-decoration:underline
}
.tbl_head02 {
	margin:0 0 10px
}
.tbl_head02 caption {
	padding:0;
	font-size:0;
	line-height:0;
	overflow:hidden
}
.tbl_head02 thead th {
	padding:5px 0;
	border-top:1px solid #d1dee2;
	border-bottom:1px solid #d1dee2;
	background:#e5ecef;
	color:#383838;
	font-size:0.95em;
	text-align:center;
	letter-spacing:-0.1em
}
.tbl_head02 thead a {
	color:#383838
}
.tbl_head02 thead th input {
	vertical-align: top
}
/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th,.tbl_head02 tfoot td {
	padding:10px 0;
	border-top:1px solid #c1d1d5;
	border-bottom:1px solid #c1d1d5;
	background:#d7e0e2;
	text-align:center
}
.tbl_head02 tbody th {
	padding:5px 0;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	background:#fff
}
.tbl_head02 td {
	padding:5px 3px;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	background:#fff;
	line-height:1.4em;
	word-break: break-all
}
.tbl_head02 a {
}
/* 폼 테이블 */
.tbl_frm01 {
	margin:0 0 20px
}
.tbl_frm01 table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0
}
.tbl_frm01 th {
	width:70px;
	padding:7px 13px;
	border:1px solid #e9e9e9;
	border-left:0;
	background:#f5f8f9;
	text-align:left
}
.tbl_frm01 td {
	padding:7px 10px;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	background:transparent
}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea,.frm_input {
	border:1px solid #d0d3db;
	background:#fff;
	color:#000;
	vertical-align:middle;
	border-radius:3px;
	padding:5px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
}
.tbl_frm01 textarea {
	padding:2px 2px 3px
}
.frm_input {
	height:40px
}
.full_input {
	width:100%
}
.half_input {
	width:49.5%
}
.twopart_input {
	width:385px;
	margin-right:10px
}
.tbl_frm01 textarea,.write_div textarea {
	width:100%;
	height:100px
}
.tbl_frm01 a {
	text-decoration:none
}
.tbl_frm01 .frm_file {
	display:block;
	margin-bottom:5px
}
.tbl_frm01 .frm_info {
	display:block;
	padding:0 0 5px;
	line-height:1.4em
}
.frm_info.add_info {
	margin-top:10px !important;
	padding:8px 12px;
	background:#fff;
	border:1px solid #ddd;
	border-radius:6px;
	line-height:1.6;
}
.btn_info_toggle {
	display:block;
	margin:5px 0 0 21px;
	font-size:12px;
	color:#3f51b5;
	background:none;
	border:none;
	cursor:pointer;
	text-decoration: underline;
}
/*기본 리스트*/
.list_01 ul {
	border-top:1px solid #ececec
}
.list_01 li {
	border-bottom:1px solid #ececec;
	background:#fff;
	padding:10px 15px;
	list-style:none;
	position:relative
}
.list_01 li:nth-child(odd) {
	background:#f6f6f6
}
.list_01 li:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
.list_01 li:hover {
	background:#f9f9f9
}
.list_01 li.empty_li {
	text-align:center;
	padding:20px 0;
	color: #666
}
/*폼 리스트*/
.form_01 h2 {
	font-size:1.167em
}
.form_01 li {
	margin-bottom:10px
}
.form_01 ul:after,.form_01 li:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
.form_01 .left_input {
	float:left
}
.form_01 .margin_input {
	margin-right:1%
}
.form_01 textarea {
	height:100px;
	width:100%
}
.form_01 .frm_label {
	display:inline-block;
	width: 130px
}
/* 자료 없는 목록 */
.empty_table {
	padding:50px 0 !important;
	text-align:center
}
.empty_list {
	padding:20px 0 !important;
	color:#666;
	text-align: center
}
/* 필수입력
.required,textarea.required {
	background-image:url('../img/require.png') !important;
	background-repeat:no-repeat !important;
	background-position: right top !important
}
*/
/* 테이블 항목별 정의 */
.td_board {
	width:80px;
	text-align:center
}
.td_category {
	width:80px;
	text-align:center
}
.td_chk {
	width:30px;
	text-align:center
}
.td_date {
	width:60px;
	text-align:center
}
.td_datetime {
	width:110px;
	text-align:center
}
.td_group {
	width:80px;
	text-align:center
}
.td_mb_id {
	width:100px;
	text-align:center
}
.td_mng {
	width:80px;
	text-align:center
}
.td_name {
	width:100px;
	text-align:left
}
.td_nick {
	width:100px;
	text-align:center
}
.td_num {
	width:50px;
	text-align:center
}
.td_numbig {
	width:80px;
	text-align:center
}
.td_stat {
	width:60px;
	text-align:center
}
.txt_active {
	color:#5d910b
}
.txt_done {
	color:#e8180c
}
.txt_expired {
	color:#ccc
}
.txt_rdy {
	color: #8abc2a
}
/* 새창 기본 스타일 */
.new_win {
	position:relative
}
.new_win .tbl_wrap {
	margin:0 20px
}
.new_win #win_title {
	font-size:1.3em;
	height:50px;
	line-height:30px;
	padding:10px 20px;
	background:#fff;
	color:#000;
	-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
	-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
	box-shadow:0 1px 10px rgba(0,0,0,.1)
}
.new_win #win_title .sv {
	font-size:0.75em;
	line-height:1.2em
}
.new_win .win_ul {
	margin-bottom:15px;
	padding:0 20px
}
.new_win .win_ul:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
.new_win .win_ul li {
	float:left;
	background:#fff;
	text-align:center;
	padding:0 10px;
	border:1px solid #d6e9ff;
	border-radius:30px;
	margin-left:5px
}
.new_win .win_ul li:first-child {
	margin-left:0
}
.new_win .win_ul li a {
	display:block;
	padding:8px 0;
	color:#6794d3
}
.new_win .win_ul .selected {
	background:#3a8afd;
	border-color:#3a8afd;
	position:relative;
	z-index:5
}
.new_win .win_ul .selected a {
	color:#fff;
	font-weight:bold
}
.new_win .win_desc {
	position:relative;
	margin:10px;
	border-radius:5px;
	font-size:1em;
	background:#f2838f;
	color:#fff;
	line-height:50px;
	text-align:left;
	padding:0 20px
}
.new_win .win_desc i {
	font-size:1.2em;
	vertical-align:baseline
}
.new_win .win_desc:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:4px;
	height:50px;
	background:#da4453;
	border-radius:3px 0 0 3px
}
.new_win .frm_info {
	font-size:0.92em;
	color:#919191
}
.new_win .win_total {
	float:right;
	display:inline-block;
	line-height:30px;
	font-weight:normal;
	font-size:0.75em;
	color:#3a8afd;
	background:#f6f6f6;
	padding:0 10px;
	border-radius:5px
}
.new_win .new_win_con {
	margin:20px 0;
	padding:20px
}
.new_win .new_win_con:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
.new_win .new_win_con2 {
	margin:20px 0
}
.new_win .btn_confirm:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
.new_win .win_btn {
	text-align:center
}
.new_win .cert_btn {
	margin-bottom:30px;
	text-align:center
}
.new_win .btn_close {
	padding:0 20px;
	height:45px;
	overflow:hidden;
	cursor:pointer
}
.new_win .btn_submit {
	padding:0 20px;
	height:45px;
	font-weight:bold;
	font-size: 1.083em
}
/* 검색결과 색상 */
.sch_word {
	color:#fff;
	background:#ff005a;
	padding:2px 5px 3px;
	line-height:18px;
	margin: 0 2px
}
/* 자바스크립트 alert 대안 */
#validation_check {
	margin:100px auto;
	width:500px
}
#validation_check h1 {
	margin-bottom:20px;
	font-size:1.3em
}
#validation_check p {
	margin-bottom:20px;
	padding:30px 20px;
	border:1px solid #e9e9e9;
	background: #fff
}
/* 사이드뷰 */
.sv_wrap {
	position:relative;
	font-weight:normal
}
.sv_wrap .sv {
	z-index:1000;
	display:none;
	margin:5px 0 0;
	font-size:0.92em;
	background:#333;
	-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
	box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)
}
.sv_wrap .sv:before {
	content:"";
	position:absolute;
	top:-6px;
	left:15px;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 6px 6px 6px;
	border-color:transparent transparent #333 transparent
}
.sv_wrap .sv a {
	display:inline-block;
	margin:0;
	padding:0 10px;
	line-height:30px;
	width:100px;
	font-weight:normal;
	color:#bbb
}
.sv_wrap .sv a:hover {
	background:#000;
	color:#fff
}
.sv_member {
	color:#333
}
.sv_on {
	display:block !important;
	position:absolute;
	top:23px;
	left:0px;
	width:auto;
	height:auto
}
.sv_nojs .sv {
	display: block
}
/* cheditor 이슈 */
.cheditor-popup-window *,.cheditor-popup-window:after,.cheditor-popup-window:before {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing: content-box;
}