@charset "utf-8";

/* 폼 */
input { padding: 5px; border: 1px solid #ddd; }
select { padding: 6px 10px; border: 1px solid #ddd;}
textarea { padding: 10px; border: 1px solid #ddd; -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */ -moz-box-sizing: border-box; /* FF1+ */ box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/ }
fieldset { border: none; }

/* 팝업 레이어 */
#hd_pop { z-index: 100000; 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 #555; background: #fff }
.hd_pops_con { padding: 10px; background-color: #fff; }
.hd_pops_footer { padding: 10px 0; background: #555; color: #fff; text-align: right }
.hd_pops_footer button { margin-right: 5px; padding: 5px 10px; border: 0; background: #ccc; color: #000; }

/* 화면낭독기 사용자용 */
#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 }

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha { display: inline-block; position: relative; margin:0; padding:0; }
#captcha legend { position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden; }
#captcha #captcha_img { width: 160px; height: 50px; top:0; border: 1px solid #e9e9e9; vertical-align: top; padding: 5px; margin: 0 }
#captcha #captcha_mp3 { position: absolute; top: 0; left: 161px; margin: 0; padding: 0; width: 31px; height: 31px; border: 0; background: transparent; vertical-align: middle; overflow: hidden; cursor: pointer }
#captcha #captcha_mp3 span { position: absolute; top: 0; left: 0; width: 31px; height: 31px; background: url('../../../img/captcha.png') no-repeat; }
#captcha #captcha_reload { position: absolute; top: 31px; left: 161px; margin: 0; padding: 0; width: 31px; height: 31px; border: 0; background: transparent; vertical-align: middle; overflow: hidden; cursor: pointer; background: url('../../../img/captcha.png') no-repeat  0 -30px; border-top: 1px solid #ccc; text-indent: -999px }
#captcha #captcha_key { margin: 0 0 0 33px; padding: 0 5px; width:140px; height: 60px; border: 1px solid #b8c9c2; background: #f7f7f7; font-size: 1.333em; font-weight: bold; text-align: center; line-height: 2.8em; vertical-align: top }
#captcha #captcha_info { display: block; margin: 5px 0 0; font-size: 0.95em; letter-spacing: -0.1em }

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio { display: block; margin: 0 0 5px; width: 187px }
#captcha.m_captcha #captcha_img { width: 160px; height: 60px; border: 1px solid #e9e9e9; margin-bottom: 3px; margin-top: 5px; display: block; }
#captcha.m_captcha #captcha_reload { position: static; margin: 0; padding: 0; width: 31px; height: 31px; border: 0; background: transparent; vertical-align: middle; overflow: hidden; cursor: pointer; background: url('../../../img/captcha.png') no-repeat  0 -30px; text-indent: -999px }
#captcha.m_captcha #captcha_reload span { display: none; }
#captcha.m_captcha #captcha_key { margin: 0; padding: 0 5px; height: 29px; border: 1px solid #b8c9c2; background: #f7f7f7; font-size: 1.333em; font-weight: bold; text-align: center; line-height: 29px; margin-left: 3px }
#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/captcha.png') no-repeat; vertical-align: top; overflow: hidden; cursor: pointer; text-indent: -9999px; border: none }

/* 필수입력 */
.required, textarea.required { background: url('../img/wrest.gif') #f7f7f7 top right no-repeat !important }

/* 새창 기본 스타일 */
.new_win { }
.new_win .tbl_wrap { margin: 0 20px }
.new_win #win_title { margin: 0 0 20px; padding: 20px; border-top: 3px solid #333; border-bottom: 1px solid #dde4e9; background: #fff; font-size: 1.2em }
.new_win #win_title .sv { font-size: 0.75em; line-height: 1.2em }
.new_win .win_ul { margin: -20px 0 20px 0; padding: 0 20px; border-bottom: 1px solid #455255; background: #484848; list-style: none; zoom: 1 }
.new_win .win_ul:after { display: block; visibility: hidden; clear: both; content: "" }
.new_win .win_ul li { float: left; margin-left: -1px }
.new_win .win_ul a { display: block; padding: 10px 10px 8px; border-right: 1px solid #455255; border-left: 1px solid #455255; color: #fff; font-family: dotum; font-weight: bold; text-decoration: none }
.new_win .win_desc { padding: 20px }
.new_win .win_btn { clear: both; padding: 20px; text-align: center }


/* 새창용 */
/*.new_win .win_btn button { display: inline-block; padding: 0 10px; height: 30px; border: 0; background: #4b545e; color: #fff; line-height: 2em; cursor: pointer }*/
.new_win .win_btn input { }
.new_win .win_btn a { display: inline-block; padding: 0 10px; height: 30px; background: #4b545e; color: #fff; vertical-align: middle; line-height: 2.4em }
.new_win .win_btn a:focus, .new_win .win_btn a:hover { text-decoration: none }

/* 자바스크립트 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 }

/* 페이징 */
.pg_wrap { clear: both; margin: 0 0 20px; padding: 20px 0 0; text-align: center }
.pg { }
.pg_page, .pg_current { display: inline-block; padding: 7px 14px; color: #000; }
.pg a:focus, .pg a:hover { background-color: #777; color: #fff; text-decoration: none }
.pg_page { background: #e6e6e6; text-decoration: none }
.pg_start, .pg_prev {/* 이전 */ }
.pg_end, .pg_next {/* 다음 */ }
.pg_current { display: inline-block; background: #333; color: #fff; font-weight: normal }

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.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:16px 0;border-top:2px solid #4c4c4c;border-bottom:1px solid #ddd;background:#fff;color:#333;font-size:13px;text-align:center;letter-spacing:-1px;}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-bottom:1px dashed #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:10px 5px;border-bottom:1px dashed #ddd;text-align:left; width:100px;}
.tbl_head01 td {padding:10px 5px;border-bottom:1px dashed #ddd;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 table {border-top:2px solid #4c4c4c;}
.tbl_head02 thead th {padding:16px 0;border-bottom:1px solid #ddd;background:#fff;color:#333;font-size:13px;text-align:center;letter-spacing:-1px;}
.tbl_head02 thead tr:nth-child(01) th:nth-child(01) {border-right:1px solid #ddd;}
.tbl_head02 thead tr:nth-child(01) th {border-bottom:1px dashed #ddd;}
.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:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.tbl_head02 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;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;background:#fff;}
.tbl_frm01 th {width:100px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f7f7f7;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;line-height:1.2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {border:solid #ddd 1px; line-height:35px; display:block; float:left; box-sizing:border-box; height:35px; padding:0 10px; }
.tbl_frm01 textarea {width:98%;height:80px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;line-height:25px; text-indent:5px;}
.tbl_frm01 #reg_mb_addr1 { margin-right:5px; }
.tbl_frm01 .btn_frmline { margin-left:5px; }

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_default {width:60px;text-align:center}
.td_dvr {width:30px;text-align:center}
.td_group {width:100px;text-align:center}
.td_imgsmall {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_name {width:100px;text-align:center}
.td_namesmall {width:50px;text-align:left}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_mngsmall {width:50px;text-align:center}
.td_statsmall {width:50px;text-align:center}
.td_center {text-align:center;}

#main #bo_sch input[type="text"], #main #bo_sch .btn_submit { padding:7px 10px; }

.local_ov { padding-bottom:10px; }