@charset "utf-8";

/* SIR 지운아빠 */

/* 게시판 목록 */
#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: 150px; text-align: left }
#bo_list .td_nick { width: 100px; 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 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: 90px; border: 1px solid #ddd; 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 #565e60; background: #fff; color: #565e60; font-weight: bold }
.td_subject img { margin-left: 3px }

/* 게시판 목록 공통 */
.bo_fx { margin-bottom: 5px; 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: 5px }
.btn_bo_adm { float: left }
.btn_bo_adm li { float: left; margin-right: 5px }
.btn_bo_adm input { padding: 8px; border: 0; background: #e8180c; color: #fff; text-decoration: none; vertical-align: middle }
.bo_notice td { background: #f5f6fa }
.bo_notice td a { font-weight: bold }
.td_num strong { color: #000 }
.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 { color: #e8180c }
#bo_list .cnt_cmt { display: inline-block; margin: 0 0 0 3px; font-weight: bold }
#bo_sch { margin-bottom: 10px; padding-top: 5px; padding-bottom: 10px; text-align: center }
#bo_sch legend { position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden }

/* 게시판 쓰기 */
#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 }
#autosave_wrapper { position: relative }
#autosave_pop { display: none; z-index: 10; position: absolute; top: 24px; right: 117px; padding: 8px; 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 { margin-bottom: 20px; padding-bottom: 20px }

/*#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 }*/
#bo_v_title { padding: 10px 0; font-size: 1.2em }
#bo_v_info { padding: 0 0 10px; border-bottom: 1px solid #ddd }
#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 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 { }
#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 #eee; background: #f5f6fa }
#bo_v_file a { display: inline-block; padding: 8px 0 7px; width: 100%; color: #000; word-wrap: break-word }
#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: inline-block; margin: 0 0 3px 16px }
#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 }
#bo_v_link a { 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_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 { float: left }
.bo_v_nb li { float: left; margin-right: 5px }
.bo_v_com { float: right }
.bo_v_com 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 { 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: 30px; width: 100%; line-height: 1.7em; word-break: break-all; overflow: hidden }
#bo_v_con a { color: #000; text-decoration: underline }
#bo_v_con img { max-width: 100%; height: auto }
#bo_v_act { margin-bottom: 30px; text-align: center }
#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 { 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 20px; padding: 20px 20px 10px; border: 1px solid #e5e8ec; background: #f5f8f9 }
#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: #000; 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 }
#bo_vc_sns input { margin: 0 0 0 5px }

/**
* 추가
*/
.btn_b02.btn_b02 { display: inline-block; padding: 7px 7px; border: 1px solid #3b3c3f; background: #4b545e; color: #fff; text-decoration: none; vertical-align: middle; cursor: pointer; }
#bo_list,
#bo_v,
#bo_w { max-width: 1200px; padding: 20px 15px; margin: 0 auto; box-sizing: border-box; }

/* 글쓰기 */
#bo_w .sec-title { text-align: center; padding: 15px !important; background: #e7edef; }
#bo_w .frm_input { width: 100%; max-width: 450px; height: 37px; padding: 5px; box-sizing: border-box; }
#bo_w .in_none {display: none}
#bo_w .frm_input.wide { max-width: 350px; }
#bo_w .frm_input.xs { max-width: 190px; margin-right:19px;}
#bo_w .frm_input.s { max-width: 190px; }
#bo_w .input-block { margin-top: 5px; }
#bo_w .input-block:first-child { margin-top: 0; }
#bo_w .field-tels { }
#bo_w .field-tels:after { content: ''; display: block; clear: both; }
#bo_w .field-tels .frm_input,
#bo_w .field-tels .select { float: left; width: 32%; max-width: 190px; }
#bo_w .field-tels .frm_input:first-child,
#bo_w .field-tels .select:first-child { margin-left: 0; }
#bo_w .field-tels i { float: left; width: 2%; height: 28px; text-align: center; font-style: normal; }
#bo_w .field-tels i:before { content: '-'; line-height: 28px; }
#bo_w .field-birth { }
#bo_w .field-birth:after { content: ''; display: block; clear: both; }
#bo_w .field-birth .frm_input { float: left; width: 32%; max-width: 60px; }
#bo_w .field-birth .frm_input:first-child { margin-left: 0; }
#bo_w .field-birth .frm_input.gender { width: 25px; }
#bo_w .field-birth i { float: left; width: 2%; height: 28px; text-align: center; font-style: normal; }
#bo_w .field-birth i:before { content: '-'; line-height: 28px; }
#bo_w .field-birth i.secret { width: auto; }
#bo_w .field-birth i.secret:before { content: ''; }
#bo_w .item-desc { display: inline-block; padding: 5px; line-height: 1.4; }
#bo_w .tbl_frm01 { padding:  0px 0px; }
#bo_w .tbl_frm01 th { width: 230px; padding: 7px 17px; font-size:14px; font-weight:500; text-align: left;color: #000064; border-top: 1px solid #000; border-right: 0; /*letter-spacing: -0.1em;*/ }
#bo_w .tbl_frm01 th + td { border-top: 1px solid #000; /*border-left: 1px solid #e9e9e9;*/ }
.required-icon { position: relative; display: inline-block; width: 10px; margin-left: 3px; text-indent: -100px; white-space: nowrap; overflow: hidden; }
/*.required-icon:after { content: '*'; position: absolute; left: 100px; top: 0; color: #f63; }*/
#bo_w .btn_frmline {height: 36px; width: 130px;}
#bo_w .btn_cancel {display: inline-block; color: #fff; font-size: 16px; font-weight: 400;line-height: 60px; background: #000064; width: 200px;height: 60px; margin-left: 10px; text-decoration: none; vertical-align: middle;border-radius: 32px;}

/* 22.06.17. 별표 표시 삭제를 위해 display:none 추가 함 */
}

/* 개인정보취급방침 동의 */
.privacy { margin-bottom: 10px; background: #FFFFFF; }
.privacy .pr_title {font-size: 40px; font-weight: 500; text-align: center; margin-bottom: 30px}
.privacy h2{ font-size: 25px; line-height: 29px; padding: 10px 0px 0px 10px; overflow: hidden }
.privacy h3{ font-size: 17px; line-height: 10px; color: #000064; font-weight: 500; letter-spacing: -0.5px; padding: 20px 0 ; overflow: hidden; margin-top: 30px; }
.privacy-title { padding: 5px 15px 10px; font-size: 20px; font-weight: 400; color: #555555; /*text-align: center; */}
.privacy .privacy-content { padding: 0 0px; }
.privacy .privacy-content textarea { width: 100%; font-size: 14px; padding: 20px; color: #555555; background: #f5f8f9; height: 170px;border: 1px solid #aaa; border-top:1px solid #000; box-sizing: border-box; resize: vertical; }
.privacy .agree { padding: 20px 10px 25px; text-align: center; }
.privacy .agree label { margin: 0 20px; }
.privacy .agree label input { margin-right: 5px; }



.personal2 {width: 100%;text-align: left; }
.personal2 table {width: 100%;}
.personal2 td.tit {
  font-size: 18px;
  color: #001241;
  padding-bottom: 10px;
  font-weight: 600;
}
.personal2 th {padding: 15px 20px;background: #f7f7f7;font-weight: 500;font-size: 15px;border-top: 1px solid #001241;border-bottom: 1px solid #ccc; color: #001241; text-align: center;}
.personal2 th:first-child {border-right: 1px solid #ccc;}
.personal2 td.con {
text-align: center;
	font-size: 14px;
  border-bottom: 1px solid #ccc;
  background: #fff;
  padding: 13px;
  color: #777;
}
.personal2 td.con:first-child {
	border-right: 1px solid #ccc;
}
.personal2 .agree {display:flex;justify-content:center;padding: 30px 0;  color: #666666;position: relative;}
.personal2 .agree:after {content: '';width: 100%;height: 1px;background: #ccc;display: block;position: absolute;bottom: 0;}
.personal2 .agree1 input, .personal2 .agree2 input {vertical-align: -2px;margin-right: 5px;}
.personal2 .agree1 {
  text-align: right;
  padding-right: 70px;
}
table {
  border-collapse: collapse;
}



/* 글목록 */
#bo_sch { margin-top: 30px; }
.bo-sch-desc { padding: 10px; }
.bo-sch-desc strong { color: #f33; font-weight: normal; }
#bo_list .td_datetime2 { width: 190px; text-align: center; }
#bo_list .td_name { text-align: center; }
.btn_submit { border: 0; background: #000064; font-size: 15px; height: 60px; margin-left: 5px; width: 260px; color: #fff; cursor: pointer; border-radius: 32px;}

/* 글보기 */
#bo_v_title { border: 1px solid #ccc; border-bottom-color: #aaa; padding: 10px; margin-bottom: 10px; }
.info { }
.info-title { margin: 0; padding: 10px; border: 1px solid #ccc; border-top: 3px solid #233b5e; border-bottom: 0; background: #ddd; font-size: 14px; text-align: center; }
.info-table { width: 100%; margin-bottom: 20px; border: 0 solid #ccc; border-width: 1px 0 0 1px; border-spacing: 0; box-sizing: border-box; position: relative; border-collapse: separate; }
.info-table th,
.info-table td { padding: 10px; border: 0 solid #ccc; border-width: 0 1px 1px 0; }
.info-table th { background: #efefef; width: 13.3333%; }
.info-table td { width: 20%; }
.info-table td.full { }
@media all and (max-width:767px) {

    /**
    * 추가
    */
    #bo_list,
    #bo_v,
    #bo_w { padding: 20px 10px; }

    /* 글쓰기 */
    #bo_w .tbl_frm01 { letter-spacing: -0.07em; }
    #bo_w .tbl_frm01 th { width: 90px; padding: 7px 5px; }
    #bo_w .tbl_frm01 td { padding: 7px 5px; }
    #bo_w .item-desc { clear: both; display: block; padding-left: 0; }
	.privacy .pr_title {font-size: 30px; }
	.privacy-title { font-size: 12px;  }
	#bo_w .privacy h3 { font-size: 18px;}
	

    /* 글목록 */
    #bo_list .tbl_head01 { display: block; }
    #bo_list .tbl_head01 thead { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
    #bo_list .tbl_head01 tbody { display: block; border-top: 2px solid #999; }
    #bo_list .tbl_head01 tbody tr { position: relative; display: block; padding: 6px 0; padding-right: 20px; border-bottom: 1px solid #eee; }
    #bo_list .tbl_head01 tbody td { display: inline-block; padding: 0; border-bottom: 0; background: transparent; border-top: 0; width: auto !important; }
    #bo_list .tbl_head01 tbody .td_num { float: left; width: auto; margin: 0 4px; padding: 0 4px; background: #eee; border-radius: 3px; color: #999; }
    #bo_list .tbl_head01 tbody .td_num strong { color: inherit; font-weight: normal; }
    #bo_list .tbl_head01 tbody .td_chk { position: absolute; right: 0; width: 20px !important; text-align: center; }
    #bo_list .tbl_head01 tbody .td_subject { overflow: auto; white-space: normal; text-overflow: initial; display: block; margin-bottom: 4px; }
    #bo_list .tbl_head01 tbody .td_subject a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
    #bo_list .tbl_head01 tbody .td_subject img { display: none; }
    #bo_list .tbl_head01 tbody .td_name { margin-left: 4px; color: #000; font-weight: bold; text-align: left; }
    #bo_list .tbl_head01 tbody .td_datetime2 { margin-left: 8px; color: #000064; }
    #bo_list .tbl_head01 tbody .td_datetime2 + .td_num { margin-left: 8px; color: #999; float: none; background: transparent; }
    #bo_list .btn_bo_adm li { margin-right: 4px; }
    #bo_list .btn_bo_adm li:nth-child(3) { clear: both; }
    #bo_list .btn_bo_adm li:nth-child(3),
    #bo_list .btn_bo_adm li:nth-child(3) ~ li { padding-top: 10px; }
    #bo_list .btn_bo_adm input,
    #bo_list .btn_bo_adm a.btn_b02 {/* padding: 5px 3px; *//* font-size: 11px; */letter-spacing: -0.07em; }
	.personal2 th {font-size: 11px;}
	.personal2 td.con {	font-size: 12px;}


    /* 글보기 */
    #bo_v_info { line-height: 1.7; }
    #bo_v_info strong { margin: 0 5px; }
    #bo_v .bo_v_nb { display: none; }
    #bo_v .bo_v_com li { margin-left: 4px; }
    #bo_v .bo_v_com a,
    #bo_v .bo_v_com a { padding: 5px; letter-spacing: -0.07em; }

    /* 상세정보 */
    .info { letter-spacing: -0.07em; }
    .info-table { display: block; clear: both; }
    .info-table tbody { display: block; }
    .info-table tr:after { content: ''; display: table; clear: both; }
    .info-table tr { display: block; }
    .info-table th,
    .info-table td {/* float: left; */display: inline-block; box-sizing: border-box; word-wrap: break-word; min-height: 42px; /* border-bottom: 0; */ }
    .info-table th { z-index: 2; clear: both; width: 110px; position: absolute; left: 0; border: 0; }
    .info-table td { position: relative; width: 100%; display: block; padding-left: 120px; min-height: 43px; }
    .info-table td:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 111px; border-right: 1px solid #ccc; background: #efefef; }
    .info-table td.full { }
	
	.btn_submit { width:180px; height:50px; line-height:50px;}
	#bo_w .btn_cancel { width:160px; height:50px; line-height:50px;}
}