@charset "utf-8";

/* 초기화 */
html {overflow-y: scroll;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {border: 0; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-family: "Malgun Gothic", dotum, sans-serif; font-size: 1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ul, dl,dt,dd {list-style: none; margin: 0; padding: 0;}
legend {font-size: 0; line-height: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; text-indent: -9999em;}
label, input, button, select, img {font-size: 1em; vertical-align: middle;}
input, button {font-family: "Malgun Gothic", dotum, sans-serif; font-size: 1em; margin: 0; padding: 0;}
input[type="submit"] {cursor: pointer;}
button {cursor: pointer;}
textarea, select {font-family: "Malgun Gothic", dotum, sans-serif; font-size: 1em;}
select {margin: 0;}
p {margin: 0; padding: 0; word-break: break-all;}
hr {display: none;}
pre {font-size: 1.1em; overflow-x: scroll;}
*, :after, :before {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
input[type=text],input[type=password], textarea {-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; outline: none;}
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {-moz-box-shadow: 0 0 5px #9ed4ff; -webkit-box-shadow: 0 0 5px #9ed4ff; box-shadow: 0 0 5px #9ed4ff; border: 1px solid #558ab7 !important;}
.placeholdersjs {color: #aaa !important;}
/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {min-width: 1200px;}
#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {width: 1200px;}
/* 팝업레이어 */
#hd_pop {height: 0; margin: 0 auto; position: relative; z-index: 1000;}
#hd_pop h2 {font-size: 0; line-height: 0; overflow: hidden; position: absolute;}
.hd_pops {background: #fff; border: 1px solid #e9e9e9; position: absolute;}
.hd_pops img {max-width: 100%;}
.hd_pops_footer {background: #000; color: #fff; padding: 0; position: relative; text-align: left;}
.hd_pops_footer:after {clear: both; content: ""; display: block; visibility: hidden;}
.hd_pops_footer button {border: 0; color: #fff; padding: 10px;}
.hd_pops_footer .hd_pops_reject {background: #000; text-align: left;}
.hd_pops_footer .hd_pops_close {background: #393939; position: absolute; right: 0; top: 0;}
/* 상단 레이아웃 */
#hd {background: #212020;}
#hd_h1 {font-size: 0; line-height: 0; overflow: hidden; position: absolute;}
#tnb {border-bottom: 1px solid #383838; margin: 0 auto;}
#tnb:after {clear: both; content: ""; display: block; visibility: hidden;}
#tnb .inner {margin: 0 auto;}
#hd_wrapper {height: 140px; margin: 0 auto; position: relative; zoom: 1;}
#hd_wrapper:after {clear: both; content: ""; display: block; visibility: hidden;}
#logo {float: left; padding: 30px 0 0;}
.hd_sch_wr {float: left; margin-left: 65px; padding: 30px 0; width: 445px;}
#hd_sch h3 {font-size: 0; line-height: 0; overflow: hidden; position: absolute;}
#hd_sch {border-radius: 30px; overflow: hidden;}
#hd_sch #sch_stx {background: #2c2c2c; border: 0; border-radius: 30px 0 0 30px; border-right: 0; color: #fff; float: left; font-size: 1.25em; height: 45px; padding-left: 10px; width: 385px;}
#hd_sch #sch_submit {background: #2c2c2c; border: 0; border-radius: 0 30px 30px 0; color: #fff; cursor: pointer; float: left; font-size: 16px; height: 45px; width: 60px;}
#hd_qnb {float: right; text-align: right;}
#hd_qnb:after {clear: both; content: ""; display: block; visibility: hidden;}
#hd_qnb li {border-right: 1px solid #4a4a4a; float: left; font-size: 1.083em; line-height: 14px; margin: 15px 10px 15px 0; padding-right: 10px; position: relative; text-align: center;}
#hd_qnb li:last-child {border-right: 0; margin-right: 0; padding-right: 0;}
#hd_qnb li span {display: block; font-size: 0.92em; margin-top: 5px;}
#hd_qnb li a {color: #919191; display: inline-block;}
#hd_qnb .visit .visit-num {background: #da22f5; border-radius: 10px; color: #fff; display: inline-block; font-size: 10px; line-height: 16px; margin-left: 5px; padding: 0 5px;}
.hd_login {position: absolute; right: 0; top: 60px;}
.hd_login li {border-left: 1px solid #616161; float: left; line-height: 13px; margin: 0 5px; padding-left: 10px;}
.hd_login li:first-child {border-left: 0;}
.hd_login a {color: #fff;}
/* 메인메뉴 */
#gnb {background: #fff; position: relative;}
#gnb > h2 {font-size: 0; line-height: 0; overflow: hidden; position: absolute;}
#gnb .gnb_wrap {margin: 0 auto; position: relative; z-index: 10;}
#gnb #gnb_1dul {border-bottom: 1px solid #e0e2e5; font-size: 1.083em; padding: 0; zoom: 1;}
#gnb ul:after {clear: both; content: ""; display: block; visibility: hidden;}
#gnb .gnb_1dli {float: left; line-height: 55px; padding: 0px; position: relative;}
#gnb .gnb_1dli:hover > a {-moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; -webkit-transition: background-color 2s ease-out; color: #3a8afd; transition: background-color 0.3s ease-out;}
.gnb_1dli .bg {background: url("../img/gnb_bg2.gif") no-repeat 50% 50%; display: inline-block; height: 10px; overflow: hidden; position: absolute; right: 8px; text-indent: -999px; top: 24px; width: 10px;}
.gnb_1da {color: #080808; display: block; font-weight: bold; padding: 0 15px; text-decoration: none;}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right: 25px;}
.gnb_2dli:first-child {border: 0;}
.gnb_2dul {display: none; min-width: 140px; padding-top: 2px; position: absolute; top: 54px;}
.gnb_2dul .gnb_2dul_box {-moz-box-shadow: 0px 1px 5px rgba(97, 97, 97, 0.2); -webkit-box-shadow: 0px 1px 5px rgba(97, 97, 97, 0.2); border: 1px solid #e0e2e5; border-top: 0; box-shadow: 0px 1px 5px rgba(97, 97, 97, 0.2); padding: 0;}
.gnb_2da {background: #fff; color: #080808; display: block; line-height: 40px; padding: 0 10px; text-align: left; text-decoration: none;}
a.gnb_2da:hover {-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; background: #f7f7f8; color: #3a8afd; transition: all 0.3s ease-out;}
.gnb_2da:focus, .gnb_2da:hover {color: #fff;}
.gnb_1dli_over .gnb_2dul {display: block; left: 0;}
.gnb_1dli_over2 .gnb_2dul {display: block; right: 0;}
.gnb_wrap .gnb_empty {color: #080808; line-height: 2.7em; padding: 10px 0; text-align: center; width: 100%;}
.gnb_wrap .gnb_empty a {color: #3a8afd; text-decoration: underline;}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color: #555;}
#gnb .gnb_menu_btn {background: #4158d1; border: 0; color: #fff; font-size: 18px; height: 55px; vertical-align: top; width: 50px;}
#gnb .gnb_close_btn {background: #fff; border: 0; color: #b6b9bb; font-size: 18px; height: 50px; position: absolute; right: 0; top: 0; vertical-align: top; width: 50px;}
#gnb .gnb_mnal {float: right; padding: 0;}
#gnb_all {-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); background: #fff; border: 1px solid #c5d6da; box-shadow: 0 2px 5px rgba(0,0,0,0.2); display: none; position: absolute; width: 100%; z-index: 1000;}
#gnb_all h2 {border-bottom: 1px solid #e7eeef; font-size: 1.3em; padding: 15px 20px;}
#gnb_all .gnb_al_ul:after {clear: both; content: ""; display: block; visibility: hidden;}
#gnb_all .gnb_al_ul > li:nth-child(5n/**/+1) {border-left: 0;}
#gnb_all .gnb_al_li {border-left: 1px solid #e7eeef; float: left; min-height: 150px; padding: 20px; width: 20%;}
#gnb_all .gnb_al_li .gnb_al_a {color: #3a8afd; display: block; font-size: 1.2em; font-weight: bold; margin-bottom: 10px; position: relative;}
#gnb_all .gnb_al_li li {line-height: 2em;}
#gnb_all .gnb_al_li li a {color: #555;}
#gnb_all_bg {background: rgba(0,0,0,0.1); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999;}
/* 중간 레이아웃 */

#container_wr:after {clear: both; content: ""; display: block; visibility: hidden;}
#container_wr {height: 100%; margin: 0 auto; z-index: 5; zoom: 1;}
#aside {float: right; height: 100%; margin: 20px 0 20px 20px; padding: 0; width: 235px;}
#container {float: left; font-size: 1em; margin: 20px 0; min-height: 500px; position: relative; width: 930px; z-index: 4; zoom: 1; height: auto !important;}
#container:after {clear: both; content: ""; display: block; visibility: hidden;}
#container_title {font-size: 1.333em; font-weight: bold; margin: 0 auto;}
#container_title span {display: block; line-height: 30px; margin: 0 auto 10px;}
/* 하단 레이아웃 */
#ft {background: #212020; margin: 0 auto; text-align: center;}
#ft h1 {font-size: 0; line-height: 0; overflow: hidden; position: absolute;}
#ft_wr {display: inline-block; margin: 0; max-width: 1240px; padding: 40px 0; position: relative; text-align: left;}
#ft_wr:after {clear: both; content: ""; display: block; visibility: hidden;}
#ft_wr .ft_cnt {float: left; padding: 0 20px; width: 25%;}
#ft_link {text-align: left;}
#ft_link a {color: #fff; display: block; font-weight: bold; line-height: 2em;}
#ft_company h2 {font-size: 1.2em; margin-bottom: 20px;}
#ft_company {color: #e3e3e3; font-weight: normal; line-height: 2em;}
#ft_catch {margin: 20px 0 10px;}
#ft_copy {border-top: 1px solid #383838; color: #5b5b5b; font-size: 0.92em; margin: 0 auto; padding: 20px 0; text-align: center; width: 1200px;}
#top_btn {background: rgba(255,255,255,0.5); border: 2px solid #333; bottom: 20px; color: #333; font-size: 15px; height: 50px; line-height: 46px; position: fixed; right: 20px; text-align: center; width: 50px; z-index: 90;}
#top_btn:hover {background: #3059c7; border-color: #3059c7; color: #fff;}
/* 게시물 선택복사 선택이동 */

#copymove .win_desc {display: block; text-align: center;}
#copymove .tbl_wrap {margin: 20px;}
#copymove .win_btn {padding: 0 20px 20px;}
.copymove_current {background: #ff3061; border-radius: 3px; color: #fff; float: right; padding: 5px;}
.copymove_currentbg {background: #f4f4f4;}
/* 화면낭독기 사용자용 */

.msg_sound_only, .sound_only {font-size: 0; height: 0; left: 0; line-height: 0; position: absolute; top: 0; width: 0; border: 0 !important; display: inline-block !important; margin: 0 !important; overflow: hidden !important; padding: 0 !important;}
/* 본문 바로가기 */
#skip_to_container a {font-size: 0; height: 1px; left: 0; line-height: 0; overflow: hidden; position: absolute; top: 0; width: 1px; z-index: 100000;}
#skip_to_container a:focus, #skip_to_container a:active {background: #21272e; color: #fff; font-size: 2em; font-weight: bold; height: 75px; line-height: 3.3em; text-align: center; text-decoration: none; width: 100%;}
/* ie6 이미지 너비 지정 */
.img_fix {height: auto; width: 100%;}
/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display: inline-block; position: relative;}
#captcha legend {font-size: 0; line-height: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; text-indent: -9999em;}
#captcha #captcha_img {border: 1px solid #898989; height: 40px; margin: 0; padding: 0; vertical-align: top;}
#captcha #captcha_mp3 {background: transparent; border: 0; border-radius: 3px; cursor: pointer; height: 40px; margin: 0; overflow: hidden; padding: 0; text-indent: -999px; vertical-align: middle; width: 40px;}
#captcha #captcha_reload {background: transparent; border: 0; border-radius: 3px; cursor: pointer; height: 40px; margin: 0; overflow: hidden; padding: 0; text-indent: -999px; vertical-align: middle; width: 40px;}
#captcha #captcha_key {background: #fff; border: 1px solid #ccc; border-radius: 3px; font-size: 1.333em; font-weight: bold; height: 40px; margin: 0 0 0 3px; padding: 0 5px; text-align: center; vertical-align: top; width: 90px;}
#captcha #captcha_info {display: block; font-size: 0.95em; letter-spacing: -0.1em; margin: 5px 0 0;}
@media (max-width: 575px) {	#captcha_audio {display: none !important;}
}
/* 캡챠 자동등록(입력)방지 기본 - 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:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;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/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}
*/

/* ckeditor 단축키 */
.cke_sc {margin: 0 0 5px; text-align: right;}
.btn_cke_sc {background: #fafafa; border: 1px solid #ccc; color: #000; cursor: pointer; display: inline-block; height: 23px; line-height: 1.9em; padding: 0 10px; text-decoration: none; vertical-align: middle;}
.cke_sc_def {background: #f7f7f7; border: 1px solid #ccc; margin: 0 0 5px; padding: 10px; text-align: center;}
.cke_sc_def dl {margin: 0 0 5px; text-align: left; zoom: 1;}
.cke_sc_def dl:after {clear: both; content: ""; display: block; visibility: hidden;}
.cke_sc_def dt, .cke_sc_def dd {border-bottom: 1px solid #e9e9e9; float: left; margin: 0; padding: 5px 0;}
.cke_sc_def dt {font-weight: bold; width: 20%;}
.cke_sc_def dd {width: 30%;}
/* ckeditor 태그 기본값 */

/* 버튼 */
a.btn,.btn {-moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; -webkit-transition: background-color 0.3s ease-out; border: 0; font-size: 1.4em; font-weight: bold; height: 35px; line-height: 35px; padding: 0 10px; text-align: center; transition: background-color 0.3s ease-out;}
a.btn01 {background: #fafafa; border: 1px solid #ccc; color: #000; display: inline-block; padding: 7px; text-decoration: none; vertical-align: middle;}
a.btn01:focus, a.btn01:hover {text-decoration: none;}
button.btn01 {background: #fafafa; border: 1px solid #ccc; color: #000; display: inline-block; margin: 0; padding: 7px; text-decoration: none;}
a.btn02 {background: #4b545e; border: 1px solid #3b3c3f; color: #fff; display: inline-block; padding: 7px; text-decoration: none; vertical-align: middle;}
a.btn02:focus, .btn02:hover {text-decoration: none;}
button.btn02 {background: #4b545e; border: 1px solid #3b3c3f; color: #fff; display: inline-block; margin: 0; padding: 7px; text-decoration: none;}
.btn_confirm {text-align: right;}
/* 서식단계 진행 */

.btn_submit {background: #3a8afd; border: 0; border-radius: 3px; color: #fff; cursor: pointer;}
.btn_submit:hover {background: #2375eb;}
.btn_close {background: #fff; border: 1px solid #dcdcdc; border-radius: 3px; cursor: pointer;}
a.btn_close {line-height: 50px; text-align: center;}
a.btn_cancel {background: #969696; color: #fff; display: inline-block; text-decoration: none; vertical-align: middle;}
button.btn_cancel {background: #969696; color: #fff; display: inline-block; text-decoration: none; vertical-align: middle;}
.btn_cancel:hover {background: #aaa;}
a.btn_frmline, button.btn_frmline {background: #434a54; border: 0; border-radius: 3px; color: #fff; display: inline-block; height: 40px; padding: 0 5px; text-decoration: none; vertical-align: top; width: 128px;}
/* 우편번호검색버튼 등 */

button.btn_frmline {font-size: 1em;}
/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {background: transparent; border: 0; color: #bababa; display: inline-block; text-decoration: none; vertical-align: middle;}
.btn_b01:hover, .btn_b01:hover {color: #000;}
a.btn_b02,.btn_b02 {background: #253dbe; border: 0; color: #fff; display: inline-block; padding: 0 10px; text-decoration: none; vertical-align: middle;}
a.btn_b02:hover, .btn_b02:hover {background: #0025eb;}
a.btn_b03, .btn_b03 {background: #fff; border: 1px solid #b9bdd3; color: #646982; display: inline-block; text-decoration: none; vertical-align: middle;}
a.btn_b03:hover, .btn_b03:hover {background: #ebedf6;}
a.btn_b04, .btn_b04 {background: #fff; border: 1px solid #ccc; color: #707070; display: inline-block; text-decoration: none; vertical-align: middle;}
a.btn_b04:hover, .btn_b04:hover {background: #f9f9f9; color: #333;}
a.btn_admin,.btn_admin {color: #d13f4a; display: inline-block; text-decoration: none; vertical-align: middle;}
/* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color: #ff3746;}
/* 기본테이블 */
.tbl_wrap table {background: #fff; border-bottom: 1px solid #ececec; border-collapse: collapse; border-spacing: 0 5px; border-top: 1px solid #ececec; width: 100%;}
.tbl_wrap caption {font-weight: bold; padding: 10px 0; text-align: left;}
.tbl_head01 {margin: 0 0 10px;}
.tbl_head01 caption {font-size: 0; line-height: 0; overflow: hidden; padding: 0;}
.tbl_head01 thead th {border-bottom: 1px solid #ececec; font-weight: normal; height: 40px; padding: 20px 0; text-align: center;}
.tbl_head01 thead th input {vertical-align: top;}
/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {background: #d7e0e2; border-bottom: 1px solid #c1d1d5; border-top: 1px solid #c1d1d5; padding: 10px 0; text-align: center;}
.tbl_head01 tbody th {border-bottom: 1px solid #e8e8e8; padding: 8px 0;}
.tbl_head01 td {border-bottom: 1px solid #ecf0f1; border-top: 1px solid #ecf0f1; color: #666; height: 60px; line-height: 1.4em; padding: 10px 5px; word-break: break-all;}
.tbl_head01 tbody tr:hover td {background: #fafafa;}
.tbl_head01 a:hover {text-decoration: underline;}
.tbl_head02 {margin: 0 0 10px;}
.tbl_head02 caption {font-size: 0; line-height: 0; overflow: hidden; padding: 0;}
.tbl_head02 thead th {background: #e5ecef; border-bottom: 1px solid #d1dee2; border-top: 1px solid #d1dee2; color: #383838; font-size: 0.95em; letter-spacing: -0.1em; padding: 5px 0; text-align: center;}
.tbl_head02 thead a {color: #383838;}
.tbl_head02 thead th input {vertical-align: top;}
/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {background: #d7e0e2; border-bottom: 1px solid #c1d1d5; border-top: 1px solid #c1d1d5; padding: 10px 0; text-align: center;}
.tbl_head02 tbody th {background: #fff; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; padding: 5px 0;}
.tbl_head02 td {background: #fff; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; line-height: 1.4em; padding: 5px 3px; word-break: break-all;}
/* 폼 테이블 */
.tbl_frm01 {margin: 0 0 20px;}
.tbl_frm01 table {border-collapse: collapse; border-spacing: 0; width: 100%;}
.tbl_frm01 th {background: #f5f8f9; border: 1px solid #e9e9e9; border-left: 0; padding: 7px 13px; text-align: left; width: 70px;}
.tbl_frm01 td {background: transparent; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; padding: 7px 10px;}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); background: #fff; border: 1px solid #d0d3db; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); color: #000; padding: 5px; vertical-align: middle;}
.tbl_frm01 textarea {padding: 2px 2px 3px;}
.frm_input {height: 40px;}
.full_input {width: 100%;}
.half_input {width: 49.5%;}
.twopart_input {margin-right: 10px; width: 385px;}
.tbl_frm01 a {text-decoration: none;}
.tbl_frm01 .frm_file {display: block; margin-bottom: 5px;}
.tbl_frm01 .frm_info {display: block; line-height: 1.4em; padding: 0 0 5px;}
/*기본 리스트*/
.list_01 ul {border-top: 1px solid #ececec;}
.list_01 li {background: #fff; border-bottom: 1px solid #ececec; list-style: none; padding: 10px 15px; position: relative;}
.list_01 li:nth-child(odd) {background: #f6f6f6;}
.list_01 li:after {clear: both; content: ""; display: block; visibility: hidden;}
.list_01 li:hover {background: #f9f9f9;}
.list_01 li.empty_li {color: #666; padding: 20px 0; text-align: center;}
/*폼 리스트*/
.form_01 h2 {font-size: 1.167em;}
.form_01 li {margin-bottom: 10px;}
.form_01 ul:after,
.form_01 li:after {clear: both; content: ""; display: block; visibility: hidden;}
.form_01 .left_input {float: left;}
.form_01 .margin_input {margin-right: 1%;}
.form_01 textarea {height: 100px; width: 100%;}
.form_01 .frm_label {display: inline-block; width: 130px;}
/* 자료 없는 목록 */
.empty_table {text-align: center; padding: 50px 0 !important;}
.empty_list {color: #666; text-align: center; padding: 20px 0 !important;}
/* 필수입력 */
/*.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}
*/

/* 테이블 항목별 정의 */
.td_board {text-align: center; width: 80px;}
.td_category {text-align: center; width: 80px;}
.td_chk {text-align: center; width: 30px;}
.td_date {text-align: center; width: 60px;}
.td_datetime {text-align: center; width: 110px;}
.td_group {text-align: center; width: 80px;}
.td_mb_id {text-align: center; width: 100px;}
.td_mng {text-align: center; width: 80px;}
.td_name {text-align: left; width: 200px;}
.td_nick {text-align: center; width: 100px;}
.td_num {text-align: center; width: 50px;}
.td_numbig {text-align: center; width: 80px;}
.td_stat {text-align: center; width: 60px;}
.txt_active {color: #5d910b;}
.txt_done {color: #e8180c;}
.txt_expired {color: #ccc;}
.txt_rdy {color: #8abc2a;}
/* 새창 기본 스타일 */
.new_win {position: relative;}
.new_win .tbl_wrap {margin: 0 20px;}
.new_win #win_title {-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); background: #fff; box-shadow: 0 1px 10px rgba(0,0,0,.1); color: #000; font-size: 1.3em; height: 50px; line-height: 30px; padding: 10px 20px;}
.new_win #win_title .sv {font-size: 0.75em; line-height: 1.2em;}
.new_win .win_ul {margin-bottom: 15px; padding: 0 20px;}
.new_win .win_ul:after {clear: both; content: ""; display: block; visibility: hidden;}
.new_win .win_ul li {background: #fff; border: 1px solid #d6e9ff; border-radius: 30px; float: left; margin-left: 5px; padding: 0 10px; text-align: center;}
.new_win .win_ul li:first-child {margin-left: 0;}
.new_win .win_ul li a {color: #6794d3; display: block; padding: 8px 0;}
.new_win .win_ul .selected {background: #3a8afd; border-color: #3a8afd; position: relative; z-index: 5;}
.new_win .win_ul .selected a {color: #fff; font-weight: bold;}
.new_win .win_desc {background: #f2838f; border-radius: 5px; color: #fff; font-size: 1em; line-height: 50px; margin: 10px; padding: 0 20px; position: relative; text-align: left;}
.new_win .win_desc i {font-size: 1.2em; vertical-align: baseline;}
.new_win .win_desc:after {background: #da4453; border-radius: 3px 0 0 3px; content: ""; height: 50px; left: 0; position: absolute; top: 0; width: 4px;}
.new_win .frm_info {color: #919191; font-size: 0.92em;}
.new_win .win_total {background: #f6f6f6; border-radius: 5px; color: #3a8afd; display: inline-block; float: right; font-size: 0.75em; font-weight: normal; line-height: 30px; padding: 0 10px;}
.new_win .new_win_con {margin: 20px 0; padding: 20px;}
.new_win .new_win_con:after {clear: both; content: ""; display: block; visibility: hidden;}
.new_win .new_win_con2 {margin: 20px 0;}
.new_win .btn_confirm:after {clear: both; content: ""; display: block; visibility: hidden;}
.new_win .win_btn {text-align: center;}
.new_win .btn_close {cursor: pointer; height: 45px; overflow: hidden; width: 60px;}
.new_win .btn_submit {font-size: 1.083em; font-weight: bold; height: 45px; padding: 0 20px;}
/* 검색결과 색상 */
.sch_word {background: #ff005a; color: #fff; line-height: 18px; margin: 0 2px; padding: 2px 5px 3px;}
/* 자바스크립트 alert 대안 */
#validation_check {margin: 100px auto; width: 500px;}
#validation_check h1 {font-size: 1.3em; margin-bottom: 20px;}
#validation_check p {background: #fff; border: 1px solid #e9e9e9; margin-bottom: 20px; padding: 30px 20px;}
/* 사이드뷰 */
.sv_wrap {font-weight: normal; position: relative;}
.sv_wrap .sv {-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); background: #333; box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); display: none; font-size: 0.92em; margin: 5px 0 0; z-index: 1000;}
.sv_wrap .sv:before {border-color: transparent transparent #333 transparent; border-style: solid; border-width: 0 6px 6px 6px; content: ""; height: 0; left: 15px; position: absolute; top: -6px; width: 0;}
.sv_wrap .sv a {color: #bbb; display: inline-block; font-weight: normal; line-height: 30px; margin: 0; padding: 0 10px; width: 100px;}
.sv_wrap .sv a:hover {background: #000; color: #fff;}
.sv_member {color: #333;}
.sv_on {height: auto; left: 0px; position: absolute; top: 23px; width: auto; display: block !important;}
.sv_nojs .sv {display: block;}
/* 페이징 */
.pg_wrap {clear: both; display: inline-block; float: left;}
.pg_wrap:after {clear: both; content: ""; display: block; visibility: hidden;}
.pg {text-align: center;}
.pg_page, .pg_current {background: #eee; border: 1px solid #eee; display: inline-block; vertical-align: middle;}
.pg a:focus, .pg a:hover {text-decoration: none;}
.pg_page {border-radius: 3px; color: #959595; font-size: 1.083em; height: 30px; line-height: 28px; min-width: 30px; padding: 0 5px; text-decoration: none;}
.pg_page:hover {background-color: #fafafa;}
.pg_start {background: url("../img/btn_first.gif") no-repeat 50% 50% #eee; border: 1px solid #eee; overflow: hidden; padding: 0; text-indent: -999px;}
.pg_prev {background: url("../img/btn_prev.gif") no-repeat 50% 50% #eee; border: 1px solid #eee; overflow: hidden; padding: 0; text-indent: -999px;}
.pg_end {background: url("../img/btn_end.gif") no-repeat 50% 50% #eee; border: 1px solid #eee; overflow: hidden; padding: 0; text-indent: -999px;}
.pg_next {background: url("../img/btn_next.gif") no-repeat 50% 50% #eee; border: 1px solid #eee; overflow: hidden; padding: 0; text-indent: -999px;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color: #fafafa;}
.pg_current {background: #3a8afd; border: 1px solid #3a8afd; border-radius: 3px; color: #fff; display: inline-block; font-weight: bold; height: 30px; line-height: 30px; min-width: 30px; padding: 0 10px;}
/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
/* Mobile화면으로 */
#device_change {background: #fff; border: 1px solid #eee; border-radius: 2em; color: #000; display: block; font-size: 2em; margin: 0.3em; padding: 0.5em 0; text-align: center; text-decoration: none;}
.bp-hero{background: linear-gradient(180deg, #0d0f14, #090a0d); border: 1px solid var(--line); border-radius: 18px; margin-bottom: 16px; padding: 22px;}
.bp-hero__inner{align-items: center; display: flex; flex-wrap: wrap; gap: 18px; justify-content: space-between;}
.bp-logo{font-size: 28px; letter-spacing: -0.5px;}
.bp-logo__strong{font-weight: 800;}
.bp-logo__sub{font-weight: 600; margin-left: 6px; opacity: .35;}
.bp-tagline{color: var(--muted); font-size: 14px; margin: 6px 0 0;}
.bp-search{align-items: center; display: flex; flex: 1; gap: 8px; justify-content: flex-end; min-width: 280px;}
.bp-search input{background: var(--panel2); border: 1px solid var(--line); border-radius: 12px; color: var(--txt); outline: none; padding: 12px 12px; width: min(520px, 100%);}
.bp-search input:focus{border-color: #2a3140;}
.bp-search button{background: #fff; border: 0; border-radius: 12px; color: #000; cursor: pointer; font-weight: 800; padding: 12px 14px;}
.bp-search button:hover{opacity: .92;}
.bp-quick{display: grid; gap: 12px; grid-template-columns: repeat(3, 1fr); margin-bottom: 16px;}
.bp-card:hover{border-color: #2b3344; transform: translateY(-1px); transition: .15s;}
/* 반응형 */
@media (max-width: 920px){
  .bp-quick{grid-template-columns: 1fr;}
.bp-grid2{grid-template-columns: 1fr;}
.bp-search{justify-content: stretch;}
}
/* ===== 밤필: global polish pack ===== */

/* 스크롤바(크롬계열) */
*::-webkit-scrollbar{height: 10px; width: 10px;}
*::-webkit-scrollbar-thumb{background: rgba(255,255,255,.14); border: 2px solid rgba(0,0,0,.4); border-radius: 999px;}
*::-webkit-scrollbar-track{background: rgba(0,0,0,.25);}
/* 링크/포커스 */

/* 공통 박스/패널 느낌 */

/* 버튼 공통 */
.bp-btn{align-items: center; background: rgba(255,255,255,.04); border: 1px solid var(--bp-line2); border-radius: var(--bp-radius-ui); color: var(--bp-txt); display: inline-flex; height: 44px; justify-content: center; padding: 0 14px; transition: .15s ease;}
.bp-btn:hover{background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.22);}
.bp-btn--point{background: rgba(255,211,77,.12); border-color: rgba(255,211,77,.35);}
.bp-btn--point:hover{background: rgba(255,211,77,.18);}
/* 인풋 공통 */
.bp-input, input[type="text"], input[type="password"], input[type="email"], select, textarea{background: rgba(255,255,255,.03); border: 1px solid var(--bp-line); border-radius: var(--bp-radius-ui); color: var(--bp-txt);}
input[type="text"], input[type="password"], input[type="email"], select{height: 44px; padding: 0 12px;}
textarea{min-height: 120px; padding: 12px;}
input:focus, select:focus, textarea:focus{border-color: rgba(255,211,77,.45); box-shadow: 0 0 0 3px rgba(255,211,77,.12); outline: none;}
/* 테이블(게시판 리스트) 살짝 고급지게 */
table{border-collapse: separate; border-spacing: 0;}
td, th{border-bottom: 1px solid rgba(255,255,255,.08);}
tr:hover td{background: rgba(255,255,255,.03);}

/* ===== GLOBAL BACKGROUND (ALL PAGES) ===== */
html, body{ background:#0e0e0e; }