@charset "UTF-8";
* { margin: 0; padding: 0; font-family: inherit; outline: none; font-size: 1em; box-sizing: border-box; color: inherit; letter-spacing: -0.02em; font-weight: inherit; }
html { overflow-y: scroll; font-family: 'Outfit', 'Pretendard', sans-serif;}
body { font-size: 1em; font-weight: 400; }
header, footer, section, article, aside, details, nav, menu, hgroup, figcaption, figure { display: block; }
input[type="submit"], input[type="button"], button, label { cursor: pointer; }
ul, li, dl, dt, dd { list-style: none; }
a { text-decoration: none; color: inherit; }
legend { display: none; }
fieldset { border: 0; }
hr { border: 0; width: 100%; height: 1px; background-color: #ddd; }
table { width: 100%; border-collapse: collapse; }
strong,b { font-weight: 700; }
small { font-size: 0.875em; }
textarea { resize: none; }
legend {position:absolute; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
::-webkit-input-placeholder { color: #aaa; }
::-moz-placeholder { color: #aaa; }
:-ms-input-placeholder { color: #aaa; }
::-ms-input-placeholder { color: #aaa; }
::placeholder { color: #aaa; }
.placeholdersjs {color:#aaa !important}

/* 텍스트입력 */
input[type='text'], input[type='password'], input[type='date'], select, textarea { border: 1px solid #ddd; background-color: #fff; }
input[type='text'], input[type='password'], input[type='date'], select { min-height: 2.5em; padding: 0 0.8em; }
textarea { min-height: 15em; padding: 0.8em; }

/*  항목체크 */
.chk-wrap { display: flex; }
.chk-wrap .chk { margin-right: 1em; }
.chk input { display: none; }
.chk input[type='radio'] + i { border-radius: 3em; }
.chk input[type='checkbox'] + i { border-radius: 0.3em; }
.chk input + i { font-size: 0.75em; padding: 0.1em; margin-right: 0.2em; border: 0.1em solid #bbb; color: transparent; }
.chk input:checked + i { border-color: #7861da; background-color: #7861da; color: #fff; }
.chk-agree b { font-weight: 500; border-bottom: 1px solid #333; padding-bottom: 0.15em; }

/* 버튼 */
button { background-color: transparent; border: 1px solid transparent; }
[class^='btn-'], [class^='btn_'] { padding: 0 2em; min-height: 2.25em; border: 1px solid transparent; }
a[class^='btn_'] { display: flex; align-items: center; justify-content: center; }
.btn-submit { background-color: #7861da; border-color: #7861da; color: #fff; }

/* 팝업레이어 */
.popup { position: fixed; z-index: 99999; }
.popup .pops { background-color: #fff; overflow: hidden; }
.popup .pops-btn { display: flex; align-items: center; }
.popup .pops-btn > * { font-size: 1em; padding: 0.8em; }
.popup .pops-btn > *:nth-child(1) { flex-grow: 1; text-align: left; }
#hd-popup { display: flex; justify-content: space-around; align-items: center; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 1200px; }
#hd-popup .pops { margin: 1%; border: 1px solid #eee;}
#hd-popup .pops-con {  }
#hd-popup .pops-con img { max-width: 100%; vertical-align: top; }
#hd-popup .pops-btn { color: #fff; background-color: #222; }
#hd-popup .pops-close i { vertical-align: top; }
.pops-open { cursor: pointer; }
#ft-popup { left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.2);  display: none; }
#ft-popup .pops { width: 90%; max-width: 600px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: none; border-radius: 0.8em; }
#ft-popup .pops-btn { border-bottom: 1px solid #ccc; font-size: 1.125em; }
#ft-popup .pops-con { min-height: 280px; padding: 0.8em; background-color: #f7f7f7; color: #666;}

/* common */
.inline { display: inline-block; }

/* 글쓰기 */
.frm-wrap { flex-grow: 1; font-size: 18px; }
.frm-wrap h4 { font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 1.5em; }
.frm-wrap ul { display: flex; flex-wrap: wrap; }
.frm-wrap li { width: 100%; display: flex;  align-items: center; padding: 0.5em 0; background-color: #fff; border: 1px solid #ddd; margin-bottom: 0.5em; }
.frm-wrap li.half { width: 49.5%; }
.frm-wrap li.half:nth-child(odd) { margin-right: 1%; }
.frm-wrap li > * { padding: 0 0.8em; }
.frm-label { width: 20%; }
.frm-box { flex-grow: 1;  border-left: 1px solid #ddd;}
.frm-wrap .frm-text:focus::-webkit-input-placeholder { color: #7861da; }
.frm-wrap .frm-text:focus::-moz-placeholder { color: #7861da; }
.frm-wrap .frm-text:focus:-ms-input-placeholder { color: #7861da; }
.frm-wrap .frm-text:focus::-ms-input-placeholder { color: #7861da; }
.frm-wrap .frm-text:focus::placeholder { color: #7861da; }
.frm-wrap .frm-text { width: 100%; height: 2.3em; border: 1px solid transparent; padding: 0; }
.frm-wrap textarea.frm-text { height: 150px; padding: 0.3em 0;}
.frm-chk { display: inline-block; line-height: 2.3; margin-right: 1em; }
.frm-chk input { display: none; }
.frm-chk i { border: 1px solid #ccc; color: #aaa; border-radius: 3em; vertical-align: middle; margin-right: 0.2em; }
.frm-chk input:checked + i { border-color: #6c4eff; background-color: #6c4eff; color: #fff; }
.frm-chk input:checked + i + span { color: #6c4eff; }
.frm-file { display: flex; align-items: center; }
.frm-file input[type='file'] { display: none; }
.frm-file input[type='text'] { width: auto; flex-grow: 1; }
.frm-file input[type='text']::-webkit-input-placeholder { font-size: 0.875em; }
.frm-file input[type='text']::-moz-placeholder { font-size: 0.875em; }
.frm-file input[type='text']:-ms-input-placeholder { font-size: 0.875em; }
.frm-file input[type='text']::-ms-input-placeholder { font-size: 0.875em; }
.frm-file input[type='text']::placeholder { font-size: 0.875em; }
.frm-file label { width: 130px; line-height: 2.68; margin-left: 0.5em; text-align: center; border: 1px solid #6c4eff; color: #6c4eff; background-color: #fff; }
.frm-btn { text-align: center; margin-top: 1em; }
.frm-btn .btn-submit { font-size: 20px; padding: 0.5em 2em; border: 0; background-color: #222; color: #fff;border-radius: 3em; }


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

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.form_01 li { width: 100%; margin-bottom: 0.5em; }
.form_01 li.half {width:49.5%}
.form_01 li.half2 {width:32.8%}
.form_01 label { display:block; line-height: 2em; }
.form_01 textarea { width:100%; vertical-align: top; }
.full_input { width:100%}

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

/* 버튼 */
.btn_submit { background-color: #7861da; border-color: #7861da; color: #fff; }
.btn_close, .btn_cancel { background-color: #fff; border-color: #7861da; color: #7861da; }
.btn_frmline { background-color: #434a54; border-color: #434a54; color: #fff; }
.btn_admin, .btn_b01 { width: 2em; }
.btn_admin, .btn_b01, .btn_b02 { padding: 0; color: #aaa; }
.btn_admin { color: #d13f4a; }
.btn_admin:hover { color: #ff3746; }
.btn_confirm,.win_btn { display: flex; justify-content: center; padding: 0; }
.btn_confirm > * { margin: 0 0.2em; height: 2.8em; font-size: 1.125em; }
.win_btn { margin: 1em 0; }
.win_btn > * { margin: 0 0.2em; height: 2.8em; }

/* 자동등록방지 */
#captcha { font-size: 0.875em; width: 316px; display: flex; flex-wrap: wrap; }
#captcha > * { height: 2.85em; border: 1px solid #ccc; margin-left: 4px; }
#captcha #captcha_img { margin-left: 0; }
#captcha button { width: 2.85em; text-indent:-999px; overflow: hidden; }
#captcha #captcha_mp3 { background:url('../../../img/captcha2.png') no-repeat 0 -2px; }
#captcha #captcha_reload { background:url('../../../img/captcha2.png') no-repeat 0 -42px; }
#captcha #captcha_key { width: 120px; }
#captcha #captcha_info { width: 100%; border: 0; height: auto; line-height: 2; color: #999; }

/* 체크박스, 라디오 */
.chk_box input { display: none; }
.chk_box input + label { line-height: 1; display: flex; align-items: center; }
.chk_box input[type="checkbox"] + label span { width: 1em; height: 1em; background-color: #fff; border: 1px solid #ccc; cursor: pointer; display: inline-block; border-radius: 0.2em; vertical-align: top; margin-right: 0.25em; }
.chk_box input[type="checkbox"]:checked + label span { background: #7861da url(../img/chk.png) no-repeat center/80%; border-color: #7861da; }
.fregister_agree { height: 4em; position: absolute; top: 0; right: 0;}
.fregister_agree input + label span {position:absolute; top: 50%; right: 15px; margin-top: -0.5em; }
.fregister_agree.chk_all input + label { display: block; line-height: 4; }

/* emtpy */
.empty { padding: 8em 0 !important; font-size: 1.125em !important; color: #999 !important; width: 100% !important; text-align: center !important; box-shadow: none !important; }

/* 테이블 */
.tbl_wrap {  }
.tbl_wrap table { border-top: 2px solid #000; }
.tbl_wrap caption { text-align: left; font-weight: 700; }
.tbl_wrap tr { border-bottom: 1px solid #ddd; }
.tbl_wrap th { text-align: center; }
.tbl_wrap th,
.tbl_wrap td { padding: 1em 0; position: relative; }
.tbl_wrap .td_chk { text-align: center; }
.tbl_wrap .td_subject { text-align: left; padding-left: 0.5em; padding-right: 0.5em; }

/* 새창 기본 스타일 */
.new_win { font-size: 0.875em; text-align: left;  }
.new_win #win_title { font-size: 1.25em;  padding: 1em; box-shadow: 0 5px 10px rgba(0,0,0,0.025); border-bottom: 1px solid #eee;}
.new_win .tbl_wrap { padding: 1em; }
.new_win .tbl_wrap caption { margin-bottom: 0.75em; }
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
/* 게시물 복사 */
.new_win .copymove_current { font-size: 0.875em; padding: 0 0.8em; position: absolute; right: 0.5em; top: 50%; transform: translateY(-50%); line-height: 2; background-color: #7861da; color: #fff; display: inline-block; }
.new_win .copymove_currentbg { background: #f5f5f5; }

/* ckeditor 단축키 */
.cke_sc { display: block; width: 100%; margin-bottom: 0.25em; text-align: right; position: relative; }
.btn_cke_sc { min-height: 0; background-color: #f4f4f4; border: 1px solid #b5b5b5; padding: 0.2em 1em;}
.cke_sc_def { position: absolute; top: 100%; right: 0; border:1px solid #ccc; background:#fafafa; color: #444; text-align:center; margin-top: 0.3em; }
.cke_sc_def dl { width: 30em; padding: 0.5em 1em; line-height: 2.25; text-align: left; display: flex; flex-wrap: wrap; }
.cke_sc_def dt,.cke_sc_def dd { border-bottom: 1px solid #ddd; }
.cke_sc_def dl > *:nth-last-child(-n+4) { border-bottom: 0; }
.cke_sc_def dt { width: 20%; font-weight: 700; }
.cke_sc_def dd { width: 30%; }
.btn_cke_sc_close { display: block; width: 100%; background-color: #fafafa; border: 0; border-top: 1px solid #ccc; }

/* 페이징 */
.pg_wrap { text-align: center; margin-top: 2em; }
.pg_page, .pg_current  { display: inline-block; width: 2em; line-height: 2; border: 1px solid #ddd; border-radius: 0.3em; color: #666;}
.pg_current { font-weight: normal; color: #fff; background-color: #7861da; border-color: #7861da; }

/* 회원가입 */
#register_form h2 { background-color: #7861da; }
.tooltip_icon:hover {color:#7861da}
#fregisterform .cert_desc { color: #7861da; }

/* 게시판 */
#bo_w #char_count_desc strong,
#bo_w #char_count_wrap strong { color: #7861da; }
#bo_v .vi_cate { color: #7861da; }
#bo_l .li_info strong { color: #7861da; }
#bo_l .td_num strong { color: #7861da; }
#bo_l .li_cate li #bo_cate_on { border-color: #7861da; background-color: #7861da; color: #fff; }
#bo_v .ev_list_btn { color: #7861da; }