@charset "utf-8";

#wrapper { background:#fff; }

/* 게시판 목록 */
#bo_list { position:relative; box-sizing:border-box; width:100%; max-width:1280px; padding:188px 0 132px; margin:0 auto; }
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list .td_chk {width:30px;text-align:center;}

.td_subject { }
.td_title { display:block; font-size:20px; font-weight:700; line-height:36px; color:rgba(36, 37, 39, 1); }
.td_info { display:flex; margin-top:10px; gap:10px; font-size:14px; font-weight:400; line-height:21px; color:rgba(57, 58, 61, 1); }
.td_info .td_name { font-weight:700; }

#bo_cate {margin:25px 0}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px}
#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}

/* 게시판 목록 공통 */
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:20px}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}

.bo_search_wrap { display:inline-block; margin-bottom:50px; }
.bo_search_wrap h3 { display:none; }
.bo_search_wrap .bo_search { display:flex; gap:10px; }
.bo_search_wrap .bo_search select { position:relative; display:block; width:150px; box-sizing:border-box; padding:0 10px; height:47px; font-size:14px; font-weight:400; color:rgba(20, 21, 22, 1);
     background:rgba(242, 242, 242, 1) url('../../../img/board/filter_arrow.svg') no-repeat calc(100% - 13px) center; background-size:13px auto; border-radius:5px;
     border:0; outline:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.bo_search_wrap .bo_search .sch_bar { position:relative; display:block; width:300px; }
.bo_search_wrap .bo_search .sch_bar input { position:relative; display:block; box-sizing:border-box; padding:0 34px 0 10px; width:100%; line-height:47px; background:rgba(242, 242, 242, 1);
    font-size:14px; font-weight:400; color:rgba(20, 21, 22, 1); border-radius:5px; border:0; outline:0; }
.bo_search_wrap .bo_search .sch_bar button { position:absolute; top:0; right:10px; width:13px; height:47px; background:url('../../../img/board/search_icon.svg') no-repeat center center / 100% auto;
    border:0; }

#bo_btn_top { float:right; display:inline-block; margin-bottom:60px; }
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:5px;float:right;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;line-height:34px;font-size:0.92em;color:#4e546f}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;width:auto;text-align:center;margin-left:5px;background:#fff}
.btn_bo_user > li {position:relative}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#fff6fa !important;border-bottom:1px solid #f8e6ee}
.bo_notice td a {font-weight:bold}
.bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:bold;color:#f9267f}

.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}


/* 게시판 쓰기 */
#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 !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
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:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;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;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}

/* 게시판 읽기 */
#bo_v { position:relative; box-sizing:border-box; width:100%; max-width:1420px; padding:150px 0 150px 710px; margin:0 auto; }
#bo_v:after {display:block;visibility:hidden;clear:both;content:""}

#bo_v_atc { color:#fff; position:relative; box-sizing:border-box; padding:50px; background:rgba(36, 37, 39, 1); border-radius:10px; }
#bo_v_atc::after {display:block;visibility:hidden;clear:both;content:""}

.view_row { font-size:16px; font-weight:400; line-height:20px; }
.view_row + .view_row { margin-top:10px; }
.view_row strong { margin-right:10px; }
.view_row a { color:#fff; }
.view_row .sv_member { color:#fff; }

.view_btns { display:flex; gap:10px; margin-top:50px; justify-content:right; padding-top:50px; border-top:1px solid #fff; }
.view_btns li { display:block; }
.view_btns li a { display:block; width:100px; text-align:center; line-height:40px; border-radius:10px; background:#fff; color:#191919; font-size:16px; font-weight:400; }

/*글쓰기*/
.consult_title { position:absolute; padding:50px 0; top:150px; left:0; width:100%; max-width:700px; text-align:left; }
.consult_title h2 { display:block; font-size:50px; font-weight:700; line-height:74px; color:#fff; }
.consult_title p { display:block; margin-top:10px; font-size:16px; font-weight:400; line-height:26px; color:#fff; }
.consult_title p.mo { display:none; }

#bo_w { position:relative; box-sizing:border-box; width:100%; max-width:1420px; padding:150px 0 150px 710px; margin:0 auto; }
#bo_w:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}
#bo_w .write_div { position:relative; box-sizing:border-box; padding:50px 50px 94px; background:rgba(36, 37, 39, 1); border-radius:10px; font-size:0; }
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}

#bo_w .form_row { display:inline-block; margin-bottom:24px; vertical-align:top; width:100%; }
#bo_w .form_row .required { display:inline-block; vertical-align:top; margin:10px 0 0 7px; width:6px; height:6px; border-radius:50%; background:rgba(242, 86, 86, 1); }
#bo_w .form_row.fr_left { width:calc(50% - 7px); margin-right:14px; }
#bo_w .form_row.fr_right { width:calc(50% - 7px); }
#bo_w .form_row label { display:block; margin-bottom:12px; font-size:16px; font-weight:400; line-height:26px; color:#fff; }
#bo_w .form_row input { display:block; height:47px; width:100%; padding:0 16px; font-size:14px; font-weight:400; color:#fff; background:rgba(57, 58, 61, 1); border-radius:5px; border:0; }
#bo_w .form_row input::placeholder { color:rgba(120, 121, 125, 1); font-size:14px; font-weight:400; }
#bo_w .form_row select { display:block; height:47px; width:100%; padding:0 16px; font-size:14px; font-weight:400; color:rgba(120, 121, 125, 1); border-radius:5px; border:0;
    -webkit-appearance:none; -moz-appearance:none; appearance:none; background:rgba(57, 58, 61, 1) url('img/select_arrow_gray.svg') no-repeat; background-size:13px auto; background-position:calc(100% - 16px) center; }
#bo_w .form_row select.on { color:#fff; }
#bo_w .form_row select option { color:#fff; }
#bo_w .form_row textarea { display:block; height:200px; width:100%; padding:13px 16px; font-size:14px; line-height:21px; font-weight:400; color:#fff; background:rgba(57, 58, 61, 1); border-radius:5px; border:0; }
#bo_w .form_row textarea::placeholder { color:rgba(120, 121, 125, 1); font-size:14px; font-weight:400; }

#bo_w .form_row input.frm_file { display:none; }
#bo_w .form_row .file_btn { display:inline-block; vertical-align:top; background:rgba(57, 58, 61, 1); width:100px; text-align:center; color:#fff; line-height:47px; border-radius:6px;
    font-size:14px; font-weight:400; cursor:pointer; margin-left:14px; }
#bo_w .form_row .file_name { display:inline-block; width:calc(100% - 114px); font-size:14px; font-weight:400; line-height:47px; color:rgba(120,121,125,1); box-sizing:border-box; padding:0 16px;
    border-radius:5px; background:rgba(57, 58, 61, 1); }

#bo_w .agree_box { box-sizing:border-box; padding:50px 5px; text-align:right; }
#bo_w .agree_box input[type="checkbox"] { display:none; }
#bo_w .agree_box label { position:relative; display:inline-block; cursor:pointer; padding-left:40px; margin-bottom:14px; font-size:16px; line-height:24px; font-weight:400; color:#fff; }
#bo_w .agree_box label::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:24px; height:24px; border:2px solid rgba(209, 209, 209, 1);
    border-radius:4px; background:rgba(209, 209, 209, 1); box-sizing:border-box; transition:all 0.2s; }
#bo_w .agree_box input[type="checkbox"]:checked + label::before { background:rgba(39, 93, 240, 1); }
#bo_w .agree_box .agree_content { display:block; width:100%; height:290px; text-align:left; background:rgba(36, 37, 39, 1); box-sizing:border-box; padding:18px 14px 18px 22px; border-radius:10px;
    color:#fff; font-size:14px; font-weight:400; line-height:140%; }
#bo_w .agree_box .agree_content p { display:block; width:100%; height:100%; text-align:left; overflow-y:scroll; box-sizing:border-box; padding-right:14px; }
#bo_w .agree_box .agree_content p::-webkit-scrollbar { width:10px; margin:7px 8px; height:calc(100% - 14px); }
#bo_w .agree_box .agree_content p::-webkit-scrollbar-track { background:rgba(242, 242, 242, 1); /* 트랙 색상 */ border-radius:11px; }
#bo_w .agree_box .agree_content p::-webkit-scrollbar-thumb { background:rgba(209, 209, 209, 1); /* 스크롤바 색상 */ border-radius:14px; border:2px solid rgba(242, 242, 242, 1); }
#bo_w .agree_box .agree_content p::-webkit-scrollbar-thumb:hover { background:#555; /* 호버 시 색상 */}

#bo_w .btn_confirm { display:block; text-align:center; }
#bo_w .btn_confirm #btn_submit { display:inline-block; text-align:center; width:116px; line-height:50px; border-radius:6px; background:rgba(39, 93, 240, 1); color:#fff; border:0;
    font-size:16px; font-weight:700; }

    
@media (max-width:1420px){

    #bo_w { padding:150px 0 150px 50%; }
    #bo_v { padding:150px 0 150px 50%; }
    .consult_title { width:50%; }

}
@media (max-width:990px){

    #bo_w { padding:0px 0 80px; }
    #bo_w form { box-shadow:0px -30px 30px rgba(20,21,22,1); }
    .consult_title { position:relative; top:auto; left:auto; text-align:center; width:100%; max-width:100%; padding:70px 0 230px; }
    #bo_w .agree_box { padding:0 0 50px; text-align:left; }
    #bo_v { padding:0px 0 80px; }
    #bo_v_atc { margin-top:-50px; }

}
@media (max-width:768px){

    .consult_title h2 { font-size:30px; line-height:40px; }
    .consult_title p { font-size:16px; line-height:26px; }
    .consult_title p.pc { display:none; }
    .consult_title p.mo { display:block; }
    
    #bo_w form { margin-left:-20px; width:calc(100% + 40px) !important; box-sizing:border-box; padding:0 20px; background:rgba(20, 21, 22, 1); }
    #bo_w .write_div { padding:0 0 26px; background:rgba(20, 21, 22, 1); border-radius:0; }
    #bo_w .form_row.fr_left { width:100%; margin-right:0; }
    #bo_w .form_row.fr_right { width:100%; }

    #bo_w .form_row label { font-size:14px; line-height:21px; font-weight:400; }
    #bo_w .form_row input { height:44px; font-size:14px; font-weight:400; }
    #bo_w .form_row select { height:44px; font-size:14px; font-weight:400; }
    #bo_w .form_row textarea { font-size:14px; font-weight:400; line-height:21px; }
    #bo_w .form_row .file_name { width:calc(100% - 83px); line-height:44px; font-size:14px; font-weight:400; }
    #bo_w .form_row .file_btn { border-radius:5px; width:73px; line-height:44px; margin-left:10px; font-size:12px; font-weight:500; }

    #bo_w .agree_box label { margin-bottom:10px; padding-left:25px; line-height:19px; font-size:12px; font-weight:500; }
    #bo_w .agree_box label::before { width:15px; height:15px; top:1px; transform:none; }
    #bo_w .agree_box .agree_content { padding:13px 16px 18px; border-radius:5px; font-size:10px; font-weight:400; line-height:14px; height:178px; }
    #bo_w .btn_confirm #btn_submit { width:82px; line-height:35px; border-radius:5px; font-size:12px; font-weight:500; }

    #bo_v_atc { padding:20px; border-radius:5px; }
    .view_row { font-size:14px; }

}