/* =========================
   Board List (UL/LI flex)
   ========================= */

/* reset-ish */
.board-list,
.board-list ul{
  list-style:none;
  margin:0;
  padding:0;
}
.board-list li{
  margin:0;
  padding:0;
}

/* 전체 리스트 컨테이너: 사용처에서 ul에 class="board-list"만 붙이면 됨 */
.board-list > li{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 0px;
  border-bottom:1px solid rgba(0,0,0,.08);
}

/* 왼쪽(번호+제목) / 오른쪽(메타) */
.board-list > li .flex-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;          /* 제목 말줄임 필수 */
  flex:1 1 auto;
}

/* 번호 */
.board-list .wr_number,
.board-list .td_num.wr_number{
  flex:0 0 44px;        /* 번호 칸 고정폭 */
  text-align:center;
  font-variant-numeric: tabular-nums;
}

/* 제목 영역 */
.board-list .td_subject{
  min-width:0;
  flex:1 1 auto;
}
.board-list .wr_subject{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-decoration:none;
}
.board-list .wr_subject:hover{
  text-decoration:underline;
}

/* 오른쪽 메타(작성자/날짜/조회수) */
.board-list > li .board-meta{

  flex:0 0 auto;
  white-space:nowrap;
}

/* 메타 각 칸 */
.board-list .wr_writer,
.board-list .wr_datetime,
.board-list .wr_hit{

}
.board-list .wr_writer {overflow:inherit !important;width:100px;}
/* 아바타 */
.board-list .list-avatar{
  width:20px;
  height:20px;
  border-radius:999px;
  background-size:cover;
  background-position:center;
  flex:0 0 20px;
}

/* 뱃지/아이콘이 클래스 기반으로 붙는 경우 살짝 */
.board-list .icon_new .wr_subject{ position:relative; }

.board-list .icon_file .wr_subject::after{
    content: '\f473';
    vertical-align: middle;
	font-size: 1.2em;
    font-family: "Genericons";	
}
.board-list .icon_reply .wr_subject{
  padding-left:0 !important; /* inline style padding-left가 있으면 아래에서 모바일 처리 */
}

/* =========================
   Header row (선택)
   li.header 를 다시 쓸 경우
   ========================= */
.board-list > li.header{
  background:rgba(0,0,0,.03);
  font-weight:700;
  opacity:.9;
}
.board-list > li.header .wr_subject{ white-space:nowrap; overflow:visible; text-overflow:clip; }

/* =========================
   Mobile (<=768px)
   2줄 구성:
   위: 번호+제목
   아래: 작성자+날짜+조회수   ========================= */


@media (max-width: 768px){
  .board-list > li{
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    padding:12px 12px;
  }

  /* 1줄째: 번호+제목 */
  .board-list > li .flex-left{
    width:100%;
  }
  .board-list .wr_number,
  .board-list .td_num.wr_number{
    flex:0 0 34px;
    text-align:left;
    opacity:.6;
  }
  .board-list .wr_subject{
    white-space:nowrap;
  }

  /* 2줄째: 메타 */
  .board-list > li .board-meta{
    width:100%;
    justify-content:flex-start;
    gap:10px;
    padding-left:34px; /* 번호 칸만큼 들여쓰기 -> 위 라인과 시각적 정렬 */
    flex-wrap:wrap;    /* 메타가 많으면 줄바꿈 */
  }

  /* reply 들여쓰기 inline style이 있으면 모바일에서는 과하게 보일 수 있어서 리셋 */
  .board-list .wr_subject[style*="padding-left"]{
    padding-left:0 !important;
  }

  /* 헤더는 모바일에서 숨기고 싶으면 */
  .board-list > li.header{ display:none; }
}

/* =========================
   Admin checkbox 지원 (체크박스가 li 안에 들어올 때)
   ========================= */
.board-list .wr_chk,
.board-list input[type="checkbox"]{
  flex:0 0 auto;
}


select#ca_name {
    height: 50px;
}
.arom-may {
    position: relative;
    background: #fff;
    z-index: 12;
    width: 100%;
    max-width: 450px;
}
.ant-alert.ant-alert-info.ant-alert-no-icon {
    display: none !important;
}

.comment-parent article.cmt-parent:after {
    content: "";
    width: 100%;
    display: block;
    clear: both;
    margin-bottom: 10px;
}
.current-avatar {
    height: 60px;
    position: absolute;
    border-radius: 50%;
    text-indent: -8000px;
	background-size: contain;
    background-repeat: no-repeat;
box-shadow: 0 0 0 3px #f6f6f6, 0 0 0 4px #f6f6f6;	
transition: all 0.5s;
    left: 5%;
    margin-top: 10px;
    margin-left: -2.5%;
    width: 10%;
    max-width: 60px;
}
span.prev_post {    margin-right: 10px;
    background: #a1a6aa;
    padding: .5rem .7rem .6rem .7rem;
    margin-left: -.7rem; }
.comment-parent {
    margin: 12px 0;
    border-radius: 3px;
    width: 93%;
    float: right;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    background: #fff;
    border: 1px solid #eee;
    position: relative;
    font-size: .9em;
}
/**********************************/
/* 멀티 업로드
/*
/**********************************/
ol#ajax-file-upload-container {
   list-style: none;
 }
 ol#ajax-file-upload-container li.ajax-file-upload-statusbar {
   counter-increment: item;
 }
 ol#ajax-file-upload-container li.ajax-file-upload-statusbar:before {
   content: counter(item);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: -4px;
    left: -5px;
    font-weight: bold;
    color: #fff;
    background: #e4685d;
 }
 
span.sortable-number {
    border-radius: 50%;
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: -1px;
    left: -15px;
    font-weight: bold;
    color: #fff;
    background: #e4685d;
}

#ajax-file-upload-container {
    list-style-type: none;
    margin: 0;
	padding:0;

}
#ajax-file-upload-container li {
	        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        zoom: 1;
        *display: inline;
}
#ajax-file-upload-container .ui-selected {
    background: red;
    color: white;
    font-weight: bold;
}

#ajax-file-upload-container .highlight {
    border: 2px dashed #888;
    font-weight: bold;
    font-size: 45px;
    background-color: #fff;
	min-height:119px;
	color:#e67a73;
	max-width: 478px;
	text-indent:15px;
	line-height:119px;
width:50%;
}

.ajax-file-upload-statusbar {
    position: relative;
    border: 1px solid #ccc;
    width: 50% !important;
	min-height:121px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: move;
    max-width: 480px;


}
.ajax-file-upload-statusbar:nth-child(odd), #ajax-file-upload-container .highlight:nth-child(odd)  {

}

.ajax-file-upload-statusbar:nth-child(even),#ajax-file-upload-container .highlight:nth-child(even)  {

}

.ajax-file-upload-statusbar:after {
	display:block;
	content:"";
	width:100%;
	clear:both;
	height:1px;
	
}
img.ajax-file-upload-preview {
    float: left;
    margin-right: 15px;
}
.extrahtml {
    margin-left:30px;margin-right: 7px;
}
.extrahtml input.ed {
    width: 240px;    z-index: 1000;
    position: relative;

}
.ajax-file-upload-filename {
height: auto;
margin: 10px 0 5px 0px;
display: inline-block;
max-width: 300px;
word-break: break-all;
}

.ajax-file-upload-filesize {
width: 50px;
height: auto;
margin: 0 5px 5px 0px;
display: inline-block;
vertical-align:middle;
}
.ajax-file-upload-progress {
margin: 2px 10px 5px 0px;
position: relative;
width: 250px;
border: 1px solid #ddd;
padding: 1px;
border-radius: 2px;
display: inline-block;
color:#FFFFFF;

}
.ajax-file-upload-bar {
background-color: #508dc3;
width: 0;
height: 23px;
border-radius: 2px;
color:#FFFFFF;

}
.ajax-file-upload-percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%
}
.ajax-file-upload-red {
-moz-box-shadow: inset 0 39px 0 -24px #e67a73;
-webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
box-shadow: inset 0 39px 0 -24px #e67a73;
background-color: #e4685d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
color: #fff;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
text-shadow: 0 1px 0 #b23e35;
cursor: pointer;
vertical-align: top;
margin: 5px 10px 5px 0px;
float:right;
}
.ajax-file-upload-green {
background-color: #77b55a;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0;
padding: 0;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 0 #5b8a3c;
vertical-align: top;
margin: 5px 10px 5px 0px;
}
.ajax-file-upload {
font-size: 14px;
    padding: 0px 10px;
    cursor: pointer;
    line-height: 35px;
    height: 38px;
    margin: 0 10px 10px 0;
    display: inline-block;
    background: #fff;
    border: 1px solid #e8e8e8;
    color: #888;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 2px 0 0 #e8e8e8;
    color: #fff;
    background: #00a1db;
    border: none;
    -moz-box-shadow: 0 2px 0 0 #13648d;
    vertical-align: middle;
  }

.ajax-file-upload:hover {
      background: #3396c9;
}

.ajax-upload-dragdrop
{

	border:2px dotted #ccc;
	width:100% !important;
	max-width: 1180px;
	color: #aaa;
	text-align:left;
	vertical-align:middle;
	padding:10px 10px 0px 10px;    border-radius: 5px;
}
.ajax-upload-dragdrop span {
	text-align:center;
}
.state-hover
{
		border:2px solid #ccc;
}
.ajax-file-upload-container
{
margin: 20px 0px 20px 0px;
    width: 100%;
    position: relative;
    max-width: 832px;
}
/* ### 기본 스타일 커스터마이징 시작 ### */
.sns-share-buttons {
    justify-content: end;
}
strong.name_notice {
    justify-content: right;
    display: flex;
    gap: 10px;
}
.view_notice {
    display: none;
}
.sch_word {color: #ff3061}
.gp_skin_list, #bo_v, #bo_w{width:100%;padding:0;margin:0}
#bo_w input[type="text"], #bo_w textarea, #bo_vc_w input[type="text"], #bo_vc_w textarea{}
#bo_w textarea, #bo_vc_w textarea {line-height: 1.5;}

[data-theme="dark"] #bo_w .required,
[data-theme="dark"] #bo_w input[type="text"], [data-theme="dark"] #bo_vc_w input[type="text"] {
	color:#ccc; background-color:transparent; border:1px solid #ccc;
}

[data-theme="dark"]  .g5u-wrap {
	color:#ccc; background-color:transparent; border:1px solid #ccc;	
}
/* 리스트 테이블 및 기본 테이블 */


/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;border:0}
#captcha legend label{font-size:0 !important;}
#captcha #captcha_img {display:inline;border:1px solid #e9e9e9;width:100px;height:41px;vertical-align:top}

#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('./img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('./img/reload.gif')}
#captcha #captcha_key {display:inline;margin:0 0 0 25px;padding:0 5px !important;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:middle}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm a,
fieldset .btn_submit {     
	box-shadow: none !important;
    outline: none;
    width: 100%;
    padding: 15px;
    font-size: 1rem;
    color: #fafdfd;
    text-shadow: none;
    display: inherit;
    border: 1px solid #7cc58f;
    font-weight: 300;
    height: 48.38px;
    background-color: #7cc58f;
    margin-top: 10px;
    text-align: center;
    font-size: .9rem;
	}
button.btn_cancel,
a.btn_cancel, 	
.btn_confirm a {
    background-color: #e9e7e4;	
	border: 1px solid #e9e7e4;	    color: #444;
}
div#pw_confirm {
    line-height: initial;
    max-width: 1180px;
    margin: 0 auto;	
}
div#pw_confirm h1 {
    border-bottom: 2px dashed #efefef;
    padding: 10px 0;
    margin-bottom: 10px;
}
.btn_confirm input.submit-button.button {    border-color: #5b9dd9;
    background: #5b9dd9 url(./img/upload-01.svg) no-repeat;}
.btn_confirm input.submit-button.button:hover {     border: 1px solid #ff6863 !important;   background: #ff6863 url(./img/upload-01.svg) no-repeat !important;}
a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn_cancel:hover{border:1px solid #ccc;}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 화면낭독기 사용자용 */
#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;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.g5_list_wrap ul{margin:0;padding:0;margin-bottom:10px}
.g5_list_wrap ul li{list-style:none}
ul.g5_title_head{background: #eaeaea;border-top: 1px solid #eee;font-weight:bold;padding:8px}
ul.g5_title_head, .g5_doc_line{*zoom:1;}
ul.g5_title_head:after, .g5_doc_line:after{content:""; display:block; clear:both;}
.g5_doc_line{border-bottom: 1px solid #eee;padding:8px}
.g5_list_walker ul{clear:both}
.g5_doc_num{float:left;text-align: center;width: 5%;}
.g5_doc_chk{float:left;text-align: center;width: 5%;}
.g5_doc_subject{float: left;text-align: left;width: 55%;}
.g5_doc_writer{float: left;text-align: center;width: 10%;}
.g5_doc_date{float: left;text-align: center;width: 10%;}
.g5_doc_hit{float: left;text-align: center;width: 5%;}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
a.pg_page {border:0}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* 폼 테이블 */

/* list-head 태그 리스트 */
#bo_list .list_head_tags {margin: 0 0 10px;padding: 0;list-style: none;zoom: 1}
#bo_list .list_head_tags:after{display: block;visibility: hidden;content: "";clear: both;width: 100%;height: 0;overflow: hidden}
#bo_list .list_head_tags li {float: left;margin: 0 5px 5px 0;list-style:none}
#bo_list .list_head_tags li a{border:0;display: inline-block;}
#bo_list .list_head_tags li .tags-txt {display: inline-block;padding: 4px 10px;border: 1px solid #e5e9ee;border-right: 0;color: #666}
#bo_list .list_head_tags li .tags-cnt {display: inline-block;padding: 4px 7px;border: 1px solid #e5e9ee;background: #f2f2f2;color: #666}
#bo_list .list_head_tags li span{display: inline-block;height:32px;vertical-align:middle}

#bo_list span.bo-tags {float: none !important;
    display: block !important;
    line-height: 1.1em;
    font-size: .85em;
    margin-top: -.7em;
    margin-bottom: 1em;}
#bo_list .bo-tags a {display: inline-block;color: #999;}
#bo_list .bo-tags-list a {font-size: .95em;}


.wp-editor-container #wr_content {height:400px}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal;text-align:left}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important;font-size:12px}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit, #bo_w button.btn_submit { padding:8px;border:0;background:#ff3061;color:#fff;height:36px;cursor:pointer;font-size:1em;vertical-align:middle;margin-bottom:0 }
#bo_w button.btn_submit {}
#bo_w fieldset .btn_submit {}
#bo_w .btn_cancel {height:36px}
#bo_w button.btn_cancel {}
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
#bo_w button.btn_frmline {}
#bo_w select {padding: 3px 6px;font-size: 1em;line-height: 1.5;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px}
[data-theme="dark"] #bo_w select {
background-color: transparent; color:#ccc;	
}
/* 기본 테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01 {}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th {}
#bo_list .tbl_head01 thead a {}
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}
#bo_list .tbl_head01 td {border-left:0}
#bo_list .tbl_head01 a.wr_subject { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inherit;position:relative;width:100%;float:left;}
#bo_list td.empty_table {}
.counsel-notice {
    background: #efefef;
    padding: 10px;
}
/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}
#bo_w h2{font-size:1.2em}
#bo_w h3{font-size:1.1em}
#bo_w input[type="checkbox"]{vertical-align: middle;}
#bo_w .block_label{display:block;margin-bottom:5px}

/* 필수입력 */
#bo_w .required, #bo_w textarea.required {}

#bo_w .cke_sc {}
#bo_w button.btn_cke_sc{}
#bo_w .cke_sc_def {}
#bo_w .cke_sc_def dl {}
#bo_w .cke_sc_def dl:after {}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
#bo_w .cke_sc_def dt {}
#bo_w .cke_sc_def dd {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판용 버튼 */
a.btn_b01 {}
a.btn_b01:focus, a.btn_b01:hover {}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, a.btn_b02:hover {text-decoration:none;border:1px solid #3b3c3f;}


/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 게시판 목록 */
div.ori-con:before {
    content: "원 글";
	width:100%;
	text-align:center;
    border-bottom: 2px dashed #bbb;
    color: #aaa;	
    display: block;
    margin-bottom: 15px;

}
/* 게시판 목록 공통 */
.bo_fx {zoom:1}
.tbl_head01.tbl_wrap:after,
.bo_fx:after {display:block;visibility:hidden;clear:both;content:"";width:100%;}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {    
	text-align: right;
    font-size: .9em;
    font-weight: 100;
    padding-right: 8px;}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none; }
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input, .btn_bo_adm button{}
.bo_notice td {background:#f5f6fa}
.bo_notice td a {font-weight:bold}
.td_num strong {position:relative;z-index:2;font-size: .8rem;color:#fff;} 
.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} /* 글제목줄 분류스타일 */
.bo_current {}
#bo_list .cnt_cmt {display:inline-block;    font-weight: bold; margin-left: 5px;}
.bo_fx ul li{list-style:none}

.wp-editor-container {border: 1px solid #ddd;
   }
#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;border:0;}
/* 리스트 검색 폼 */
#bo_sch select{margin:0;height:auto !important;vertical-align:middle;font-size:1em;width:auto;}
#bo_sch select[name="sfl"]{display:inline-block;height:30px !important;width:auto;padding-top:2px;padding-bottom:2px}
#bo_sch input[type="text"].frm_input{display:inline-block;margin:0;padding:2px !important;width:98px;height:30px;vertical-align:middle;font-size:1em;line-height:1em}
#bo_sch input[type="submit"].btn_submit{margin:0;vertical-align:middle;height:30px !important;padding:.5em .8em !important;font-size:1em;height:auto;line-height:1em}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

/* 게시판 읽기 */
#bo_v {margin-bottom:20px;padding-bottom:20px}
#bo_v .sv_wrap a {border:0}
#bo_v .bo-tags {    margin: 20px 0;
    border-top: 1px solid #f1f1f1;
    padding-top: 15px;}

#bo_v .bo-tags-view a {border:0}
#bo_v .bo-tags-view a:before {    display: inline-block;
    margin: 0 0 0 8px;
    content: '\f302';
    font-family: 'genericons';
    font-size: 1.3em;
    vertical-align: bottom;}

#bo_v_table {display:none;position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {margin-top: 0;font-size:1.6rem; font-weight:700;line-height:1.5;max-width:inherit;}

#bo_v_info {border-bottom: 1px solid #777;
    padding-bottom: 2em;}
#bo_v #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v #bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}

#bo_v_file {    max-width: 700px;
    overflow: hidden;
    z-index: 9;
    position: relative;}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:-1px 0 0 0;padding:0;list-style:none}
#bo_v_file li {position:relative; width:100%; color:#ccc;}
#bo_v_file li a {    background: #5C5F69 url(./img/download-icon.png) no-repeat left center;
    list-style: none;
    padding: 10px 10px 10px 45px;font-size: .9rem;
    color: #ccc;position: relative;
    background-position: 0 -36px;
    transition: all .4s;display: block;	
}
span.bo_v_file {
    margin-right: 5px;
}
span.bo_v_file_date {
    font-size: .8rem;
}	
#bo_v_file li a:hover	{
    background: #4A8AC4 url(./img/download-icon.png) no-repeat left center;
    background-position: 0 12px;
    color: #f0f0f0;		
	}	

textarea#cm_content {
    width: 100%;
    min-height: 150px;
    margin: 15px 0 5px;
}
.btn_comment {
	width:33.3%;
    text-align: center;
    display: inline-block;
    float: right !important;
}
a.scd_cancelinput.submit-button.button {
    border: 1px solid #ddd;
    width: 29%;
    display: inline-block;
    padding: 8px 0 7px;
    margin-top: -6px;
    border-radius: 2px;
    float: right;
}
.tbl_frm01.tbl_wrap label {
    visibility: hidden;
    position: absolute;
    width: 0;
    height: 0;
}
.tbl_frm01.tbl_wrap {
    width: 90%;
    max-width: 1080px;
    float: right;
	position:relative;
	z-index:10;
}
.tbl_frm01.tbl_wrap:after {
    content: "";
    width: 100%;
    display: block;
    clear: both;
}


div.comment-parent:nth-of-type(odd) header, div.comment-parent .cmt-child:nth-of-type(odd) header {
   /* background: #fff;
    border-top: 1px solid #f6f6f6;*/
}
div.comment-parent:nth-of-type(odd):before {
  /*  border-color: transparent #f9f9f9 transparent transparent;	*/
}
div.comment-parent:nth-of-type(even) header, div.comment-parent .cmt-child:nth-of-type(even) header   {
    background: #f6f6f6;	clear:both;
}
#bo_vc_w ul li {
    width: 33.3333%;
    display: inline-block;
    float: left;
}
#bo_vc_w ul li input {
	width:99%;
}
#bo_vc_w::after {
    content: "";
    width: 100%;
    display: block;
    clear: both;
}
.btn_comment input.submit-button.button {
    margin-top: inherit;
    padding: 15px 25px;
    border-width: 1px !important;
    width: 100%;
    max-width: inherit;
    border-color: #508dc3;
    background: #508dc3;
	font-size: .9rem;
}
input.scd_cancelinput.submit-button.button {
    float: left;
    width: 49%;
    margin-right: 1%;
}
input#btn_submit {
    float: left;
    width: 69.99%;
}
article.cmt-child {
    padding-left: 100px !important;
    position: relative;
	margin-bottom: 15px !important;
}


.comment-parent:hover div.comment-parent header {
	
}
.cmt-parent .wr_content {
    padding: 15px 10px 10px;
}
.cmt-child .wr_content {
    padding: 10px;

    border-radius: 0 0 3px 3px;
}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0;vertical-align:middle}
.bo_v_file_cnt {    position: absolute;
    right: 10px;
    background: #444957;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    font-size: .8em;
    color: #f6f6f6;}

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa;list-style:none}
#bo_v_link a {border:0;display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}
#bo_v_link a img{display:inline-block;vertical-align:middle}

#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {max-width:700px;}
.bo_v_nb li {margin:0 5px 10px 0;list-style:none !important}
.bo_v_nb li a {width:100%;}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px;list-style:none !important}

#bo_v_atc {min-height:200px;height:auto !important;height:200px;     flex: 0 0 67.33333333%;
    max-width: 67.33333333%;}
div#counselside {
    flex: 0 0 32.66666667%;
    max-width: 32.66666667%;
}
.entry-content.counsel {
    display: flex;
}
#bo_v_atc #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_atc img {max-width:700px;}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin-bottom:40px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden;min-height:80px;max-width:700px;position:relative;z-index:2}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {display:none;}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {    list-style: none;
    width: 100%;
    margin: 0 auto;
    background: #f9f9f9;
    box-shadow: 0px 1px 2px #D5D5D5;
    border-radius: 3px;
    padding: 13px 0 10px 20px;
    box-sizing: border-box;}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
#bo_vc {outline:none;}
#bo_v #bo_vc h2 {margin: 0;
    margin-bottom: 10px;
    font-size: 1em;
    width: 100%;
    margin: -3px auto 20px auto;
    box-shadow: 0px 1px 2px #D5D5D5;
    padding: 13px 0 10px 20px;
    background: #FFFFFF;
    line-height: 32px;
    color: #222;
    border-radius: 0 0 3px 3px;
    box-sizing: border-box;
	position:relative;
	max-width:inherit;
	}
#bo_v #bo_vc h2 span {
    border-radius: 50%;
    background: #86bcc3;
    color: #fff;
    position: absolute;
    top: 14px;
    left: 60px;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    font-size: .8em;
    font-weight: 500;	
}	
#bo_vc article {    padding: 0 0 10px;}

#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.side-meta.board span.sv_member:before,
.side-meta.board span.sv_guest:before {
    content: "\f304";
    font-family: "Genericons";
    font-size: 1.4rem;
    vertical-align: bottom;
}
.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 {text-decoration:none;font-size:.9em;}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1;float:none;width:100%}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}



#bo_vc_w {position:relative;    margin: 10px 0 10px;
    padding: 10px 0 20px;border-bottom:1px solid #eee; clear:both;}
#bo_v #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}

/* 쓰기페이지 태그 */
.screen-reader-text{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
#post_tag ul.tagit li.tagit-new {padding: .25em 4px .25em 0}
#bo_w #post_tag ul.tagit input[type="text"].ui-autocomplete-input {
-moz-box-sizing:    border-box !important;
-webkit-box-sizing: border-box !important;
box-sizing:         border-box !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
width: inherit !important;
background-color: inherit !important;
outline: none !important;
}
#post_tag ul.tagit{margin-top:0;margin-bottom:20px}
#post_tag ul.tagit li{list-style:none}

@media screen and (max-width: 768px) {
    .tbl_wrap .wr_good, .tbl_wrap .wr_nogood {display:none}

.col60, .board-meta {

}	
#post-115 .col60 {padding-left:0px;}
li.post.icon_reply .board-meta {}

li.post.icon_reply .board-meta .wr_writer { margin-right:0px; }

.wr_datetime {
    position: absolute;
    right: 10px;
    font-size: .8rem;
}
li.post.icon_reply:before {
    height: 3px;
    background: #fff;
	top:-1px;
}
li.post.icon_reply {
    background: #f9f9f9;
}

#post-215 a.wr_subject,
a.wr_subject.icon_secret {
    white-space: nowrap;
    text-overflow: ellipsis;
}
#post-215 a.wr_subject {
	padding-left:36px;
}
.col5.td_num.wr_number {
    position: absolute;
    border-radius: 50%;
    font-size: .7rem;
    width: 30px;
    height: 30px;
    line-height: 30px;
    top: 10px;
    background: #444;
    color: #fff;
}

li.post.icon_reply .col5.td_num.wr_number {display:none !important;}
.col60 {

}
article#post-115 {}

#post-215 .col60,
li.post.icon_reply.icon_secret   .col60 {
	text-indent: 0px;
}
a.icon_secret:after, 
li.post .wr_writer span.list-avatar {
    opacity: .3;
}
li.post.icon_reply.icon_secret span { opacity:1 } 

#post-215 li.post:nth-child(even) {
    background: #f9f9f9;
}
input#user_name, input#user_pass, input#user_email, .frm_file {width:100% !important;}
.col10.td_name.sv_use.wr_writer {
    float: right;
    margin-right: 0px;
}
.wr_hit {display:none !important;}


	
	}

@media screen and (max-width: 639px) {
    #bo_sch select{width:auto}
#ajax-file-upload-container .highlight, .ajax-file-upload-statusbar {
   width: 98% !important;
}	
.current-avatar {    left: inherit;
margin-left:0px;
top: 10px;
width:60px;
}
ul.faqs li .board-meta {margin-top:-2px !important}
    .col5.td_num.wr_number {
        font-size: .8rem!important;
       top: inherit !important;
        background: #222 !important;
        text-align: center !important;
    }
#bo_list .cnt_cmt:before {
    vertical-align: sub !important;
}	
.comment-parent,
.tbl_frm01.tbl_wrap,
.comment-parent article.cmt-parent {width:100%;}
article.cmt-child {  padding-left: 30px !important;}
.cmt-child .comment-avatar {width: 40px;height: 40px;top:7px;}
ol#ajax-file-upload-container img {
    max-width: 120px !important;
}
  /* 업로드 헤더: 안내문 + 버튼을 위아래로 */
  .g5u-head{flex-direction:column; align-items:stretch;}
  .g5u-drop{
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:10px;
  }
  .g5u-btn{width:100%;}

  /* 리스트 아이템: 좌우 배치 -> 위아래 배치 */
  .g5u-item{
    flex-direction:column;
    gap:10px;
    align-items:stretch;
  }
ul.faqs li .wr_writer, ul.faqs li .wr_datetime {
            display: block;
            white-space: nowrap;
            position: inherit;   
        }
li.post .wr_writer span { margin-right: inherit; }		
  /* li 내부 첫 번째 래퍼(div inline style)와 .g5u-right 모두 세로로 */
  .g5u-item > div:first-child{
    display:flex !important;
    flex-direction:column;
    align-items:stretch !important;
    gap:8px !important;
  }
  .g5u-right{
    flex-direction:column;
    align-items:stretch;
    gap:8px;
  }
  .g5u-content{width:100%;}
  .g5u-del{width:100%;}

  /* 썸네일: 모바일에서 가로 꽉(너무 커지지 않게) */
  .g5u-thumb{
    width:100%;
    max-width:340px;
    height:auto;
  }

  /* =========================
     "이미지일 때만" 메타를 썸네일 아래 + 파일명/용량 한 줄
     - 현재 구조상 pdf는 img가 display:none 처리됨
       => img가 실제로 보이는(이미지) 경우만 적용
     ========================= */
  .g5u-item > div:first-child:has(img.g5u-thumb:not([style*="display: none"]))
  .g5u-meta{
    min-width:0;
    width:100%;
    flex-direction:row;
    align-items:baseline;
    justify-content:space-between;
    gap:10px;
  }

  /* 파일명/용량 같은 라인 + 줄바꿈 방지(너무 길면 …) */
  .g5u-item > div:first-child:has(img.g5u-thumb:not([style*="display: none"]))
  .g5u-name{
    flex:1;
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .g5u-item > div:first-child:has(img.g5u-thumb:not([style*="display: none"]))
  .g5u-size{
    white-space:nowrap;
    flex:0 0 auto;
    opacity:.7;
  }

  /* pdf 같이 썸네일이 숨겨진 경우(메타는 그냥 세로로) */
  .g5u-meta{
    min-width:0;
    width:100%;
  }

  /* 핸들: 모바일에서 터치하기 쉽게 */
  .g5u-handle{
    width:100%;
    text-align:center;
    padding:12px 12px;
  }

  /* 번호 배지 위치 살짝 조정(세로 스택에서 겹침 방지) */
  li.g5u-item:before{
    top:-10px;
    left:-10px;
  }	
}

@media screen and (max-width: 500px) {
.ajax-file-upload-preview {
    max-width: 70px;
}
.extrahtml input.ed {
    max-width: 180px;
}	

.ajax-file-upload-statusbar {
min-height:80px; width:90%;
}
#ajax-file-upload-container .highlight {
min-height:78px !important; line-height:78px ;
}	
	#bo_sch select[name="sfl"] {width:100px}


/*
li.post.icon_reply.icon_secret .board-meta .wr_datetime { margin-left:-40px; }
*/


}