@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:"pretendard", "Noto Sans KR", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
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 {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none}
a:hover{color:#bbb;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
outline:none;
}

.placeholdersjs {color:#aaa !important}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {min-width:1024px}

#hd_pop,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {width:1024px}

/* 공통 - display none/block */
.is-hidden { display: none !important; }
.is-visible { display: block !important; }

/* 공통 - 뷰포트 (pc / mobile) 별 display none/block */
.pc-only {display: none;}
.mobile-only {display:block;}
@media(min-width:769px){
.pc-only {display:block !important;}
.mobile-only {display:none !important;}
}
@media(min-width:768px) and (max-width:1023px){
#hd, #wrapper, #ft {min-width:100%}
#hd_pop, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width:100%}
}

.bag_black{background:#222d32;}
.bag_white{background:#fff;}
.col_white{color:#fff;}
.col_black{color:#000;}
.border_black{border:1px solid rgba(238, 238, 238, 1);}
.border_white{border:1px solid rgba(238, 238, 238, 0.1);}
.sticky_h1{top:42px;}
.sticky_h2{top:62px;}

.main_slider{max-width:1540px;}

/* 상단 레이아웃 */
#hd {z-index:9;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#top_bane{background:#060b17;text-align:center;}
#top_bane a{display:block;max-width:1024px;margin:0 auto;}
#top_bane img{width:100%;}

#hd_menu{display:flex;justify-content:space-between;padding:10px;max-width:1024px;margin:0 auto;}
#hd_menu img{height:26px;}
#logo  a{display:block;width:220px;}
#logo img{}


/* 메인메뉴 */
#gnb {position:sticky;top:0px;border-left:0;border-right:0;z-index:8;}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative;display:flex;justify-content:space-between;align-items:center;height:40px;}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {display:flex;align-items:center;gap:2rem;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {}
#gnb .gnb_1dli:hover > a {color:red;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

#gnb .gnb_mnal {width:50px;display:flex;align-items:center;justify-content:center;gap:10px;}
#gnb .gnb_menu_btn, #gnb .gnb_search_btn {width:28px;cursor:pointer;}

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-size:0.94rem;font-weight:500;padding:0 15px;text-decoration:none}
.selected{color:red;}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px}

#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}

#gnb_all {display:none;position:fixed;top:0;width:260px;right:0;z-index:9;padding:0 10px;overflow-y:scroll;}
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-width:0 0 1px;}
#gnb_all .gnb_al_ul{padding:10px 0;}
#gnb_all .gnb_al_li {width:100%;background:none;border-radius:3px;}
#gnb_all .gnb_al_li .gnb_al_a {font-size:0.86rem;display:grid;grid-template-columns:30px 60px 1fr;align-items:center;gap:5px;position:relative;padding:5px;font-weight:500;border-bottom:0;border-radius:10px;}
#gnb_all .gnb_al_li .gnb_al_a  span{overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
#gnb_all > ul > li > a > span:nth-child(1) {font-size:1.25em;text-align:center;color:#ff0000;}
#gnb_all ul a img {border-radius:20px 0 20px;width:100%;}

#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.5);width:100%;height:100%;position:fixed;left:0;top:0;z-index:8}
#gnb_all::-webkit-scrollbar {display:none;}

/*config['cf_2']=2*/
#gnb .gnb_wrap.cf_2{height:60px;}
#logo img{height:26px;}
#bo_cate_ul.cf_2{top:62px;}

/*카테고리*/
#bo_cate {margin:0;position:sticky;top:56px;z-index:8;background:#fff;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate_ul {position:sticky;width:1024px;margin:0 auto;font-size:0.94rem;font-weight:400;display:flex;justify-content:space-between;border-top:0;border-left:0;border-right:0;z-index:7;}
#bo_cate_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate_ul li {line-height:36px;text-align:center;width:100%;}
#bo_cate_ul a {display:block;}
#bo_cate_ul a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;color:red}
#bo_cate_ul #bo_cate_on {color:red;font-weight:bold;border-bottom:1px solid red;margin-bottom:-1px;}

/* 중간 레이아웃 */
#wrapper {}
#wrapper.wrapper_margin{margin:10px 0;}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {margin:0 auto;zoom:1}

#container {position:relative;min-height:500px;height:auto !important;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
#container_title span {margin:0 auto 10px;display:none;line-height:0px}

/*내용 제목색상*/
#bo_gall .bo_cnt{color:#666;}

/* 하단 레이아웃 */
#ft {background:#131616;margin:0 auto;text-align:center;width:100%;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_menu{height:2.8rem;display:flex;justify-content:center;align-items:center;}
#ft_menu span{position:relative;}
#ft_menu a{color:#aaa;display:flex;justify-items:center;align-items:center;font-size:0.85rem;}
#ft_menu a::after{margin:0 8px;display:block;content:"";background:#aaa;height:10px;width:1px;}
#ft_menu span:last-child a::after{display:none;}
#ft_domain {text-align:center;margin:0 auto;padding:8px 0;color:#5b5b5b;font-size:0.72em;border-top:1px solid #383838}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/*검색*/
#hd_sch {overflow:hidden;max-width:495px;margin:40px auto 20px;border-bottom:2px solid #444;}
#hd_sch #sch_stx {float:left;height:45px;padding-left:10px;border:0;font-size:1em;width:100%;max-width:calc(100% - 42px);background:transparent;}
#hd_sch #sch_submit {float:left;width:42px;height:42px;border:0;cursor:pointer;line-height:45px;font-family:"Noto Sans KR" !important;background:transparent;}
#hd_sch #sch_submit img {margin:0 auto;height:70%;display:block;}

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


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px;font-size:0.76rem;}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;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 {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.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:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

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

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 자바스크립트 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;float:left;display:inline-block}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:0.875rem;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

#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;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}
#extension-jfafk{display:none;}