@charset "utf-8";
/* SIR 지운아빠 */

/* ### 기본 스타일 커스터마이징 시작 ### */
.tagList{width:100%;height:auto;overflow:hidden;margin-bottom:10px;}
.tagList.view{position:relative;box-sizing:border-box;}
.tagList.view i.material-icons{display:block;width:30px;height:30px;position:absolute;left:0;top:0;line-height:30px;text-align:center;font-size:15px;color:#34c3d4}
.tagList.view .tagListIpt{height:auto;border:none;padding:0}
.tagList.view .tagListIpt ul li.tag{padding-right:10px}
.tagList.view .tagListIpt ul li.tag:hover{background:none}
.tagList.view .tagListIpt ul li.tag a{color:#34c3d4;}
.tagList.view .tagListIpt ul li.tag a:hover{text-decoration:underline}
.tagList .tagListTit{width:100%;height:auto;overflow:hidden;line-height:30px;box-sizing:border-box;padding-left:0;position:relative;font-weight: 700; font-size: 13px;}
.tagList .tagListTit u{font-size:13px;color:#666;text-decoration:none}
.tagList .tagListTit i{width:30px;height:30px;position:absolute;left:0;top:0;text-align:center;line-height:30px;font-size:15px}
.tagList .tagListTit span{display:inline-block;float:right;font-size:14px;color:#666;padding-right:10px;line-height:30px}
.tagList .tagListTit span a{color:#34c3d4;margin:0 5px}
.tagList .tagListTit span a:hover{color:#666}
.tagList .tagListIpt{background:#fff;width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding:10px;border:1px solid #ccc}
.tagList .tagListIpt ul li{display:inline-block;float:left;color:#34c3d4;position:relative;padding-left:10px;padding-right:30px;line-height:30px}
.tagList .tagListIpt ul li.tag{cursor:pointer}
.tagList .tagListIpt ul li.tag:hover{background:#34c3d4;color:#fff}
.tagList .tagListIpt ul li i{display:block;width:30px;height:30px;line-height:30px;position:absolute;top:0;right:0;font-size:15px}
.tagList .tagListIpt ul li input[type='text']{padding:0 10px;font-size:13px;color:#34c3d4;height:30px;background:none;border:none}
.tagList .tagListIpt ul li span.overlap{ color: #e82727; }

.tagInfo{width:100%;height:auto;overflow:hidden;margin-top:10px;min-height:30px}
.tagInfo a{display:inline-block;line-height:30px;color:#34c3d4;margin-right:5px}
.tagInfo a.onTag{color:#ff28ee;text-decoration:underline}
.tagInfo a:hover{text-decoration:underline}

.spoiler {
    display: inline-block;
    color: #fff;
    min-width: 25px;
    width: auto;
    font-size: 12px;
    text-align: center;
    padding: 0 3px;
    border: 0;
    border-radius: 2px;
    background-color: #ec6a98;
}
.profilebox {
	/*
    margin: 15px 0 15px 0;
    position: relative;
    background: #f3f2ef;
    min-height: 230px;
    max-width: 100%;
    width: calc(100% - 120px);
    border-radius: 8px;
    padding: 50px 20px 20px 100px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
    display: flex;
    flex-direction: column;
	*/
    margin: 15px 0 15px 0;
    position: relative;
    background: #fafafa;
    min-height: 230px;
    max-width: 100%;
    border-color: #eee;
    box-sizing: border-box;
    border-style: solid;
    border-width: 4px;
    /* width: calc(100% - 120px); */
    /* border-radius: 8px; */
    padding: 50px 20px 20px 85px;
    /* box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19); */
    display: flex;
    flex-direction: column;

}
.profpic {
    position: absolute;
    top: 20px;
    left: -60px;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    border: 4px solid #d8d8d8;
    background: #22242a;
    display: inline-block;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}
.prof-close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    background: transparent;
    outline: 0 none;
    border: none;
    border-radius: 50%;
    font-size: 18pt;
    color: rgba(255,255,255,.2);
    cursor: pointer;
    text-align: center;
    transition: all 0.15s ease-in-out;
}
.prof-close:active {
    background: rgba(255,255,255,.02);
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}
.prof-sm {
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    top: 152px;
    left: -20px;
    width: 40px;
}

.prof-name {
    display: block;
    margin: 0;
    color: #000000;
    font-weight: normal;
    font-size: 20pt;
}
.prof-name .sv_member
{
    line-height: 2;
	font-weight: 800;
	color: #3b3c3f;
	font-family: "noto sans kr";
}
.prof-name .sv_wrap .sv a {
    line-height: 38px;
}
.prof-user {
    display: block;
    margin: 0;
    line-height: 2;
    color: rgba(0, 0, 0, 0.82);
    font-weight: normal;
	font-family: "noto sans kr";
    font-size: 11pt;
}
.user-tags {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    cursor: default;
}
.user-tags .tag {
	display: inline-block;
    font-size: 8pt;
    text-transform: lowercase;
    color: #000000;
    background: rgba(255,255,255,.07);
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 3px;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	margin-right: 3px;
	margin-bottom: 3px;
}
.user-desc {
    color: rgba(0, 0, 0, 0.7);
    font-size: 11pt;
    line-height: 1.7;
	font-family: "noto sans kr", sans-serif, 굴림;
    flex: 1 0 auto;
}

.scrollable table {
	border-bottom: solid 2px #000;
}

/* 메인메뉴 */
#gnb {
    float: left;
    position: relative;
    text-align: center;
    background: #0068b6;
    margin-bottom: 15px;
    font-size: 12px;
    text-shadow: 0 0 1px #fff;
    font-weight: 500;
    letter-spacing: 1px;
    width: 100%;
}
hr {
    height: 1px;
	background: none !important;
    /* background-color: #999999; */
    /* border: none; */
    border-top: 1px dashed red !important;
    margin: 15px 0 15px 0 !important;	
}
#gnb h2 {display: none;}
#gnb_1dul {margin:0 auto !important;padding:0;zoom:1;display:inline-block;vertical-align:bottom;}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_1dul li {z-index:10;position:relative;float:left;}
#gnb_1dul li a {display:inline-block;padding:17px 25px;text-decoration:none;color:#fff!important;font-size:14px;}
#gnb_1dul li a:focus, .gnb_1da:hover {}
#gnb_1dul li_air .gnb_1da {background-color:#333;color:#fff}
#gnb_1dul li_on .gnb_1da {}
.gnb_2dul {display:none;position:absolute;top:54px;width:180px;border:1px solid #000;}
.gnb_2da {display:block;padding:15px;text-align:left;text-decoration:none}
#gnb_1dul li_air .gnb_2da {background-color:#333;color:#fff}
#gnb_1dul li_on .gnb_2da {color:#000;}
.gnb_2da:focus, .gnb_2da:hover {}
#gnb_1dul li_over .gnb_2dul {display:block;left:0;background:#fff}
#gnb_1dul li_over2 .gnb_2dul {display:block;right:0;background:#fff}

#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}

#mobile_btn {
    display: none;
}

dt {
  font-weight: bold;
}

dl {
  margin-bottom: 50px;
}
.scrollable {
	width: 800px;
    overflow: scroll;
    overflow-y: hidden;
}
#bug:target {
  outline: 4px solid #ccc;
}

/**
 * tab panel widget
 */
.tabPanel-widget {
  position: relative;  /* containing block for headings (top:0) */
  background: #999;
}
.tabPanel-widget p {
	font-size:14px;
}

/**
 * because labels come first in source order - we use z-index to move them in front of the headings
 */
.tabPanel-widget > label {
  position: absolute;
  z-index: 1;
}

/**
 * labels and headings must share same values so grouping declarations in this rule prevents async edits (risk of breakage)
 * line-height == height -> vertical centering
 * the width dictates the offset for all headings but the first one: left offset = width * number of previous heading(s)
 * note that width and offset of label/heading pair can be customized if necessary
 */

.tabPanel-widget > label,
.tabPanel-widget > h2 {
  font-size: 1.1em;
  width: 9em;
  height: 2em;
  line-height: 2em;
}

/**
 * position:relative is for the markers (the down arrow in tabs)
 */
.tabPanel-widget > h2 {
  position: relative;
  margin: 0;
  text-align: center;
  background: #999;
  color: #fff;
}

.tabPanel-widget > label {
  border-right: 1px solid #fff;  
}

/**
 * all first level labels and headings after the very first ones 
 */
.tabPanel-widget > label ~ label,
.tabPanel-widget > h2 ~ h2 {
  position: absolute;
  top: 0;
}


/**
 * We target all the label/heading pairs
 * we increment the :nth-child() params by 4 as well as the left value (according to "tab" width)
 */

.tabPanel-widget label:nth-child(1),
.tabPanel-widget h2:nth-child(3) {
  left: 0em;
}

.tabPanel-widget label:nth-child(5),
.tabPanel-widget h2:nth-child(7) {
  left: 9em;
}

.tabPanel-widget label:nth-child(9),
.tabPanel-widget h2:nth-child(11) {
  left: 18em;
}

/**
 * we visually hide all the panels
 * https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html
 */
.tabPanel-widget input + h2 + div {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding:0 !important;
  border:0 !important;
  height: 1px !important; 
  width: 1px !important; 
  overflow: hidden;
}
/**
 * we reveal a panel depending on which control is selected 
 */
.tabPanel-widget input:checked + h2 + div {
  position: static !important;
  padding: 1em !important;
  height: auto !important; 
  width: auto !important; 
}

/**
 * shows a hand cursor only to pointing device users
 */
.tabPanel-widget label:hover {
  cursor: pointer;
}

.tabPanel-widget > div {
  background: #f0f0f0;
  padding: 1em;
}

/**
 * we hide radio buttons and also remove them from the flow
 */
.tabPanel-widget input[name="tabs"] {
  opacity: 0;
  position: absolute;
}


/** 
 * this is to style the tabs when they get focus (visual cue)
 */

.tabPanel-widget input[name="tabs"]:focus + h2 {
  outline: 1px dotted #000;
  outline-offset: 10px;
}


/**
 * reset of the above within the tab panel (for pointing-device users)
 */
.tabPanel-widget:hover h2 {
  outline: none !important;
}

/**
 * visual cue of the selection
 */
.tabPanel-widget input[name="tabs"]:checked + h2 {
  background: #333;
}

/**
 * the marker for tabs (down arrow)
 */
.tabPanel-widget input[name="tabs"]:checked + h2:after {
  content: '';
  margin: auto;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #333;
}

/**
 * Make it plain/simple below 45em (stack everything)
 */
@media screen and (max-width: 45em) {
  
  /* hide unecessary label/control pairs */
  .tabPanel-widget label,
  .tabPanel-widget input[name="tabs"] {
    display: none;
  }
  
  /* reveal all panels */
  .tabPanel-widget > input + h2 + div {
    display: block !important;
    position: static !important;
    padding: 1em !important;
    height: auto !important; 
    width: auto !important; 
  }
  
  /* "unstyle" the heading */
  .tabPanel-widget h2 {
    width: auto;
    position: static !important;
    background: #999 !important;
  }
  
  /* "kill" the marker */
  .tabPanel-widget h2:after {
    display: none !important;
  }

}






#joinbutton {
    background: #0068b6;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    /* letter-spacing: 1px; */
    float: left;
    display: block;
	position:relative;
    margin: 10px 0 10px 0;
	/*
    margin: 5px;
    border-radius: 6px;
	*/

}
.big_tag {
  color: #232F3E;
  font-size: 3em;
  font-weight: 900;
  letter-spacing: -.04em;
  line-height: 1;
  margin-bottom: .1em;
}
.notification_bar {
    left: inherit;
    /* right: -10px; */
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    color: #333;
    line-height: 1.45;
    padding: 5px 0px 5px 0px;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    background-color: #FFFDE7;
    display: inline-block;
    position: relative;
}
.boardTitleText {
    font-weight: bold;
    clear: both;
    padding: 10px 0 8px 5px;
    line-height: 1.6;
}
.boardDescription {
min-height: 65px;
    margin-bottom: 13px;
    position: relative;
    font-family: 'Noto Sans KR', sans-serif, '맑은 고딕';
    border: 0;
    background: #fafafa;
    color: #666;
    line-height: 1.6em;
    /* width: 100%; */
    overflow: hidden;
    border: 4px solid #eee;
}
.boardDescription .stats {
    zoom: 1;
}
.boardDescription .stats .stat {
  -moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.11), 2px 0 1px white;
  -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.11), 2px 0 1px white;
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.11), 2px 0 1px white;
  width: 31%;
  margin: 20px 1%;
  float: left;
  text-align: center;
  text-shadow: 1px 1px 1px white;
}
.boardDescription .stats .stat:last-child {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.boardDescription .stats .stat span {
  display: block;
}
.boardDescription .stats .stat .count {
  font-weight: 800;
  color: #666;
  font-size: 20px;
}
.boardDescription .stats .stat .title {
  color: #9b9b9b;
  font-size: 0.75em;
}
.contents {background:#fff; padding: 10px;}
/* 게시판 버튼 */
/* 목록 버튼 */
#bo_sch .frm_input {height: 20px;width:150px;}
#bo_list h2 {margin-top:5px;margin-bottom:5px;}
#bo_list a.btn_b01 {padding:0;border:0;color:#000;background:none;}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 {padding:0;border:0;color:#000;background:none;font-weight:700;}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
#bo_list a.btn_admin {padding:0;border:0;background:none;color:#000;} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}
#bo_list h1 {font-size:16px;}
#bo_list .fl {padding: 0 0 3px;border-bottom: 2px solid #0068b6;float:left;margin-bottom:10px;}
#bo_v a.btn_b01 {padding:0 7px;border:none;background:none;}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {padding:0 7px;border:none;background:none;color:#000;}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {padding:0 7px;border:none;background:none;color:#000;vertical-align:middle;} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {background:#0068b6;margin-right:2px;padding:7px 14px;}
#bo_w button.btn_submit {}
#bo_w fieldset .btn_submit {}
#bo_w .btn_cancel {border:1px solid #dcebf1;padding:7px 14px;}
#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 {background:#0068b6;height:22px;}

.likewid {width: 40px;}
.likewid:hover, .likewid:focus {
	color:#ed3626;
	background-color:#ffe4ee;
}
/* 기본 테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01 {margin:0 0 15px;}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th {padding:10px 0px;background:none;font-size:14px;letter-spacing:1px;}
#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 {padding:10px 5px;}
#bo_list .tbl_head01 a {}
#bo_list td.empty_table {}

/* 읽기 내 테이블 */
#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 {table-layout:fixed;}
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 {margin-bottom:15px;}
#bo_w .tbl_frm01 th {width:50px;padding:7px;background:#f7f7f7;}
#bo_w .tbl_frm01 td {padding:7px;}
#bo_w .tbl_frm01 td.wr_content {padding:7px 0;}
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {}
#bo_w .tbl_frm01 textarea {width:100% !important;}
#bo_w .tbl_frm01 #td_option label {margin-right:7px;}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#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 {}

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

/* 게시판 목록 */
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_date {width:60px;text-align:center}
#bo_list .td_datetime {width:110px;text-align:center}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name {width:95px;text-align:left}
#bo_list .td_nick {width:90px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}

#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}

#bo_cate {float: left;width:100%}

#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:81px;border:1px solid #dcebf1;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #33495f;background:#fff;color:#33495f;font-weight:bold}

.td_subject .fa, .td_subject img {margin-left:3px}
.td_subject .icon_reply {color:#7dcadd;margin-right:5px;}

.fa.icon_new {
	position: relative;
	font-size: 13px;
	color: #7dcadd;
	-webkit-animation: newblink 1.5s infinite;
	-moz-animation: newblink 1.5s infinite;
	-o-animation: newblink 1.5s infinite;
	animation: newblink 1.5s infinite;
}
.icon_new:after {
	content: "N";
	position: absolute;
	left: 3px;
	color: #fff;
	font-size: xx-small;
	font-family: 'Cuprum','Noto Sans KR', sans-serif;
	top: 2px;;
}
@-webkit-keyframes newblink {
	0%, 49% {
		color: #7dcadd;
	}
	50%, 100% {
		color: #67b4c7;
	}
}

/* 게시판 목록 공통 */
.bo_fx {margin-bottom:15px;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding-top:5px}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:10px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:7px;}
.btn_bo_adm input {padding:0;border:0;background:none;color:#000;text-decoration:none;vertical-align:bottom;cursor:pointer;}
.bo_notice td {background:#ffeae9}
.bo_notice td a {font-weight:bold;color:#0068b6;}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;padding:0 6px 0 0;color:#0068b6 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#f7e59d}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold;color:#0068b6;}

#bo_sch {
    text-align: center;
    margin-top: 10px;
}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch .btn_submit {height:22px;background:#0068b6;font-weight:500;font-size:9px;width:60px;letter-spacing:1px;}

/* 게시판 쓰기 */
#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}
.btn_b03 {text-decoration:none !important;}
#autosave_wrapper {position:relative}
#autosave_pop {
    display: none;
    z-index: 10;
    position: absolute;
    top: 24px;
    /* right: 7px; */
    padding: 8px;
    width: 100%;
    max-width: 350px;
    height: auto !important;
    height: 180px;
    max-height: 180px;
    border: 1px solid #565656;
    background: #fff;
    overflow-y: scroll;	
}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

/* 게시판 읽기 */
#bo_v {}
#bo_v .bo_subject {padding: 0 0 3px;border-bottom: 2px solid #0068b6;float: left;margin-bottom: 10px;display: block;font-size:16px;}
#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em;display:none;}

#bo_v_title {
    padding: 0 0 10px 0;
    font-size: 1.4em;
    clear: both;
    color: #222;
    background: #eeeeee0f;
    font-size: 2em;
    font-weight: 400;
    /* font-style: italic; */
    line-height: 1.412em;
    text-align: center;
    -moz-column-span: all;
    -ms-column-span: all;
    -o-column-span: all;
    -webkit-column-span: all;
    column-span: all;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    display: block;
    margin: 2% 0;
    padding: 0.5em 0;
    position: relative;
}
#bo_v_cate {color:#0068b6;margin-right:7px;}

#bo_v_info {padding:0 0 10px;border-bottom:1px solid #dcebf1;text-align:right;color:#666;}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 15px 0 0;font-weight:normal}
#bo_v_info strong:last-child {margin-right: 0;}
#bo_v_info .fa {margin-right:5px;}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}

#bo_v_file {}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #dcebf1;background:#f5f6fa;}
#bo_v_file li:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_file a {display:block;color:#000;word-wrap:break-word;padding:8px 0;float:left;font-weight:300;width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#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}
.bo_v_file_cnt {display:block;float:right;padding:8px 0;}
#bo_v_file .fa {margin-right:5px;}
#bo_v_file strong {font-weight:300;}

#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 #dcebf1;background:#ffe4ee}
#bo_v_link li:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_link a {display:block;color:#000;word-wrap:break-word;padding:8px 0;float:left;width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {float:right;padding:8px 0;}
#bo_v_link .fa {margin-right:5px;}
#bo_v_link strong {font-weight:300;}

#bo_v_top {padding:10px 0;zoom:1;border-top:1px solid #dcebf1;border-bottom:1px solid #dcebf1;}
#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;margin-bottom:5px;}
#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 {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com.bo_v_com_left {float:left}
.bo_v_com.bo_v_com_left li {float:left;margin-right:5px}
.bo_v_com.bo_v_com_right {float:right}
.bo_v_com.bo_v_com_right li {float:left;margin-left:5px}

#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

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

#bo_v_con {width:100%;line-height:1.8em;word-break:break-all;overflow:hidden;margin:15px 0;font-size:13px;}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con p {clear: both;margin: 0;padding: 2px 0;overflow-x: hidden;line-height: 1.5em;font-size: 13px;font-family: 'Malgun Gothic', sans-serif,'noto sans kr',Gulim;}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {text-align:center;margin-bottom:15px;}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a, #bo_v_act.inactive span {margin-right:5px;vertical-align:middle;padding:15px 20px !important;border-radius:3px;border:1px solid #0068b6 !important;display:inline-block;}
#bo_v_act strong {color:#0068b6;}
#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 {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
#bo_vc {margin:0 0 15px;}
#bo_vc h2 {display:none;}
#bo_vc article {border-bottom:1px solid #dcebf1;position:relative;}
#bo_vc header {position:relative;padding:15px 0 5px;}
#bo_vc header .icon_reply {position:absolute;top:17px;left:-20px;color:#dcebf1;}
#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;}
.bo_vc_ip {color:#bbb;font-family:'Cuprum', 'Noto Sans KR', sans-serif;display:none;}
.bo_vc_hdinfo time {color:#777;margin-left:5px;font-family:'Cuprum', 'Noto Sans KR', sans-serif;}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc .c_content {padding:0 0 15px;line-height:1.8em;font-size: 13px;font-family: 굴림,'noto sans kr',gulim;}
#bo_vc .c_content a {text-decoration:underline}
#bo_vc .c_content a.s_cmt {text-decoration:none}
#bo_vc p {}
#bo_vc p a {}
#bo_vc p a.s_cmt {}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1;padding:15px 0 5px;/* position:relative;*/right:0;z-index:2000;top:0;position:absolute;}
#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_fact {float:left;margin:0;list-style:none;zoom:1}
.bo_vc_fact:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_fact li {float:left;margin-left:5px}

#bo_vc .bo_vc_fact a {color: #dcebf1;}
#bo_vc .bo_vc_act a {color:#dcebf1;}

#bo_vc_w {position:relative;width:100%;border-bottom:1px solid #dcebf1;margin-bottom:10px;z-index:1000;}
#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_w_form header {margin-bottom:5px;padding:0;}
#bo_vc_w_form #wr_name, #bo_vc_w_form #wr_password {width:110px;margin-right:2px;}
#bo_vc_w_form header label {font-family:'Cuprum', 'Noto Sans KR', sans-serif;}
#bo_vc_w_form #bo_vc_captcha {margin-bottom:5px;}
#bo_vc_w_form #bo_vc_comment {z-index:1000;    z-index: 1000;    display: inline-block;    width: 100%;}
#bo_vc_comment textarea {float:left;width:calc(100% - 125px);background:#dcebf1 !important;padding:5px;}
#bo_vc_comment .btn_submit {float:left;width:65px;height: 100px;background:#0068b6;letter-spacing:0;font-family:'Cuprum', 'Noto Sans KR', sans-serif;color:#e5e6e6;font-weight:500;font-size:13px;margin-left:5px;}
#bo_vc_comment .btn_cancel {width:50px;float:left;display:block;height:100px;border:1px solid #dcebf1;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:'Cuprum', 'Noto Sans KR', sans-serif;color:#1B8BB8;font-weight:500;font-size:13px;text-align:center;line-height:100px;margin-left:5px;cursor:pointer;padding:0;}
#bo_vc_w #bo_vc_comment .btn_cancel {display: none;}
#bo_vc_w #bo_vc_comment textarea {width: calc(100% - 82px);height: 100px;}
#bo_vc_w_form .tbl_frm01 {margin: 0;}
#bo_vc #bo_vc_w_form {margin-bottom:15px;}

#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}
#bo_vc_sns input {margin:0 0 0 5px}

#captcha{vertical-align:bottom}
#captcha:after{display:block;visibility:hidden;clear:both;content:""}
#captcha #captcha_info{display:none}
#captcha #captcha_img{width:80px;height:29px;float:left;border-color:#e5e5e5}
#captcha #captcha_key{margin:0;height:31px;float:left;width:90px;border-color:#e5e5e5;border-radius:0}
#captcha #captcha_mp3{position:relative;left:auto;top:auto;float:left}
#captcha #captcha_reload{position:relative;left:auto;top:auto;border:none;float:left}
#captcha.m_captcha #captcha_img{margin:0;border-color:#e5e5e5;width:80px;height:29px}
#captcha.m_captcha #captcha_info{display:none}
#captcha.m_captcha #captcha_key{border-color:#e5e5e5;margin-left:0}
#fboardpassword{position:absolute;right:0;top:35px;border:1px solid #ccc;padding:5px;background:#fff;width:150px}
#fboardpassword:after{display:block;visibility:hidden;clear:both;content:""}
#fboardpassword #password_wr_password{width:100px;float:left;border-color:#e5e5e5;line-height:normal}
#fboardpassword .btn_submit{font-family:'Cuprum',sans-serif;letter-spacing:0;padding:0;width:45px;float:right;height:22px;background:#dcebf1}

@media all and (max-width:780px) {	/*모바일 기준*/
	.d_num, .d_chk, .d_good, .d_nogood, .d_view, .btn_bo_adm input {display: none;}
	#bo_list .td_name {width: 95px;}
	#bo_list .td_date {width: 50px;}
	#bo_v_top .bo_v_com_left {display: none;}
	#bo_v_bot .bo_v_com_right {display: none;}
}
@media all and (max-width:600px) {	/*모바일 기준*/
	.d_name {display: none;}
	#bo_list .td_date {width: 40px;}
	#bo_vc_comment textarea {width:100% !important;float:none;margin-bottom:5px;}
	#bo_vc_comment .btn_submit {width:100%;float:none;margin-left:0;height:40px;line-height:30px;padding:0;}
	#bo_vc_comment .btn_cancel {width:100%;float:none;margin-left:0;height:40px;line-height:30px;padding:0;margin-top:5px;}
}
@media all and (max-width:576px) {	/*모바일 기준*/
	#bo_w button.btn_frmline {margin-top:5px;}
	#bo_sch .frm_input {max-width: 160px; height: 20px;}
	.join {display:none;}
	.reg {display:none;}
}

@media all and (min-width:781px) {
	#gnb_1dul {
		display: inline-block !important;
	}
}
@media all and (max-width:780px) {	/*모바일 기준*/
    #gnb {
        position: relative;
        text-align: left;
    }
    #mobile_btn {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 39px;
        height: 100%;
        line-height: 46px;
        border-left: 1px solid #fff;
        font-size: 1.6em;
        background: #0068b6;
        color: #fff;
        text-align: center;
    }
    #gnb:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: "";
    }
    #gnb_1dul {
        text-align: center;
        width: calc(100% - 40px);
        overflow: auto;
        white-space: nowrap;
    }
    #gnb_1dul li {
        display: inline-block;
        float: none;
        vertical-align: bottom;
    }
    #mobile_btn.open {
        height: 46px;
    }
    a.gnb_1da {
        padding: 13px 15px;  
    }
    #gnb h2 {
        padding: 13px 15px;
        font-size: 1.5em;
        color: #fff;
        text-shadow: none;
        width: calc(100% - 40px);
    }
    #gnb_1dul.clone {
        width: 100%;
        white-space: normal;
        border-top: 1px solid #fff;
        text-align: left;
    }
}