@charset "utf-8";

.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}

/* **************************************** *
 * board
 * **************************************** */
/* board-basic-list */
.board-basic-list .list-head{position:relative; border-top:0.3rem solid #041834; border-bottom:0.1rem solid #ebebeb; box-shadow:0.2rem 0.4rem 1.2rem 0 rgb(0 0 0 / 5%)}
.board-basic-list .list-head li{display:flex}
.board-basic-list .list-head li > div{display:flex; align-items:center; justify-content:center; position:relative; height:6.8rem; padding:0 1rem; box-sizing:border-box}
.board-basic-list .list-head li > div > span{line-height:2.8rem; letter-spacing:-0.05rem; color:#202020; font-weight:300; font-size:1.9rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

.board-basic-list .list-body li{display:flex; position:relative; border-bottom:0.1rem solid #ebebeb; box-sizing:border-box}
.board-basic-list .list-body li > div{display:flex; align-items:center; justify-content:center; position:relative; min-height:7.8rem; padding:1.4rem 1rem; text-align:center; box-sizing:border-box}
.board-basic-list .list-body li > div.tleft{justify-content:flex-start}
.board-basic-list .list-body li > div.center{justify-content:center}
.board-basic-list .list-body li > div.tright{justify-content:flex-end}

.board-basic-list .basic-tit{display:none; min-width:8rem; max-width:8rem; font-size:1.6rem; font-weight:300; line-height:1.2em; letter-spacing:-0.05rem; color:#202020; box-sizing:border-box}
.board-basic-list .basic-cont{display:contents}
.board-basic-list .basic-cont .cont-link,
.board-basic-list .basic-cont .cont-txt{position:relative; padding:0.2rem; line-height:2.8rem; letter-spacing:-0.05rem; font-size:1.9rem; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.board-basic-list .basic-cont .cont-link{color:#202020; font-weight:300; transition:all .20s ease}
.board-basic-list .basic-cont .cont-link:hover,
.board-basic-list .basic-cont .cont-link:focus{text-decoration:underline; text-underline-offset:0.4rem}
.board-basic-list .basic-cont .cont-txt{color:#202020; font-weight:normal}

.board-basic-list .body .category-label{display:inline-block; position:relative; margin-right:5px; padding:6px 14px; font-size:14px; letter-spacing:-0.5px; line-height:135%; background:#fff; border:1px solid #dadada; color:#505050 !important; font-weight:300; border-radius:200px; text-align:center; box-sizing:border-box}
.board-basic-list .body .notice-label{display:inline-block; position:relative;  padding:7px 14px; font-size:14px; letter-spacing:-0.5px; line-height:135%; background:#e1ecfa; color:#2189ff !important; font-weight:300; border-radius:4px 4px 12px 4px; text-align:center; box-sizing:border-box}
.board-basic-list .body .icon-reply{display:inline-block; position:relative; width:8px; height:8px; vertical-align:middle; margin-top:-1px}
.board-basic-list .body .icon-file{display:flex; align-items:center; justify-content:center; width:32px; height:32px; padding-left:1px; background-color:#f2f2f2; font-size:19px; color:#505050; border-radius:50%; box-sizing:border-box}
.board-basic-list .body .icon-comment{display:flex; align-items:center; margin-left:5px; color:#2189ff; font-size:15px}
.board-basic-list .body .icon-comment i{font-size:18px}

.board-basic-list.gt-event div.col1{width:12%}
.board-basic-list.gt-event div.col2{width:64%}
.board-basic-list.gt-event div.col3{width:12%}
.board-basic-list.gt-event div.col4{width:12%}

/* board-list-nodata */
.board-list-nodata{display:flex; align-items:center; justify-content:center; min-height:10rem; border-bottom:1px solid #ebebeb}
.board-list-nodata .message{display:flex; align-items:center}
.board-list-nodata .message:before{content:'\eb4d'; margin-right:0.5rem; color:#808080; font-family:remixicon; font-size:2rem}
.board-list-nodata .message span{line-height:1.6rem; color:#808080; font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem}

/* bol-search */
.board-search{display:flex; align-items:center; margin-bottom:2.5rem}
.board-search .category{margin-right:1rem}
.board-search .total-num span{line-height:1.9rem; color:#808080; font-size:1.9rem; font-weight:normal; letter-spacing:-0.05rem}
.board-search .total-num span.num{color:#202020; font-weight:300}
.board-search .key-search{margin-left:auto}
.board-search .key-search form{display:flex; gap:4px}

/* paging */
.pg_wrap {display:flex; align-items:center; justify-content:center; gap:0.4rem; margin-top:4.5rem}
.pg_wrap .pg{display:flex; align-items:cetner; gap:0.6rem}
.pg_wrap .pg .pg_current,
.pg_wrap .pg .pg_page
{
    display:flex; align-items:center; justify-content:center; position:relative; min-width:4rem; height:4rem; padding:0 0.2rem;
    line-height:1.6rem; color:#464c53; font-size:1.6rem; font-weight:300; letter-spacing:-0.02rem;
    background-color:transparent; border-radius:0.6rem; box-sizing:border-box
}
.pg_wrap .pg .pg_page:hover{background-color:#f4f5f6}

.pg_wrap .pg .pg_current{color:#fff; background-color:#041834; font-weight:600}

.pg_wrap .pg .pg_page.pg_start,
.pg_wrap .pg .pg_page.pg_prev,
.pg_wrap .pg .pg_page.pg_next,
.pg_wrap .pg .pg_page.pg_end
{
    display:flex; align-items:center; justify-content:center; gap:0.2rem; position:relative; min-width:4rem; height:4rem; padding:0 1rem;
    line-height:1.6rem; color:#202020; font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem;
    background-color:transparent; border-radius:0.6rem; box-sizing:border-box
}
.pg_wrap .pg .pg_page.pg_start:before,
.pg_wrap .pg .pg_page.pg_prev:before,
.pg_wrap .pg .pg_page.pg_next:after,
.pg_wrap .pg .pg_page.pg_end:after
{
      position:relative; top:-0.1rem; font-family:remixicon; font-size:2rem; font-weight:normal
}
.pg_wrap .pg .pg_page.pg_start:before{content:'\f363'}
.pg_wrap .pg .pg_page.pg_prev:before{content:'\ea64'}
.pg_wrap .pg .pg_page.pg_next:after{content:'\ea6e'}
.pg_wrap .pg .pg_page.pg_end:after{content:'\f365'}

.pg_wrap .pg .pg_page.pg_start:hover,
.pg_wrap .pg .pg_page.pg_prev:hover,
.pg_wrap .pg .pg_page.pg_next:hover,
.pg_wrap .pg .pg_page.pg_end:hover
{
      background-color:#f4f5f6
}


/* 목록 검색 결과 하이라이트 */
.sch_word{color:#d2930a; font-weight:300}

.btn_bo_adm li{float:left}



/* **************************************** *
 * board-view
 * **************************************** */
.board-basic-view .view-head{display:flex; flex-direction:column}
.board-basic-view .view-head .head-tit{display:inline-flex; align-items:center}
.board-basic-view .view-head .head-tit .tit{line-height:4.9rem; color:#202020; font-size:3.9rem; font-weight:600; letter-spacing:-0.08rem; word-break:keep-all}
.board-basic-view .view-head .head-tit .badge-cmm + .tit{margin-left:1rem}
.board-basic-view .view-head .head-meta{position:relative; padding:4rem 0 2.5rem; border-bottom:1px solid #ebebeb}
.board-basic-view .view-head .meta-list{display:flex; align-items:center; flex-wrap:wrap}
.board-basic-view .view-head .meta-list li{display:inline-flex; align-items:center}
.board-basic-view .view-head .meta-list li:after{content:''; width:1px; height:1.6rem; margin-left:2.2rem; margin-right:2.2rem; background:#dadada}
.board-basic-view .view-head .meta-list li:last-child:after{display:none}
.board-basic-view .view-head .meta-list .tit,
.board-basic-view .view-head .meta-list .info{line-height:1.7rem; font-size:1.7rem; font-weight:300; letter-spacing:-0.05rem}
.board-basic-view .view-head .meta-list .tit{color:#808080}
.board-basic-view .view-head .meta-list .info{display:inline-flex; align-items:center; position:relative; margin-left:1.5rem; color:#202020}

.board-basic-view .view-content,
.board-basic-view .view-content p,
.board-basic-view .view-content span{font-family:Poppins !important; letter-spacing:-0.2px !important}
.board-basic-view .view-content{margin-bottom:6rem; width:100%; min-height:30rem; padding:3rem 0; line-height:1.7em; font-size:17px; border-bottom:1px solid #ebebeb; word-break:break-all; overflow:hidden; box-sizing:border-box}
.board-basic-view .view-content a{color:#202020; text-decoration:underline}
.board-basic-view .view-content img{max-width:100%; height:auto}

.board-basic-view .view-foot{display:flex; align-items:center; justify-content:center; gap:0.4rem; margin-top:4rem}
.board-basic-view .view-foot .foot-btn{display:inline-flex; align-items:center; gap:0.4rem;}

.board-basic-view .view-foot .btn-l,
.board-basic-view .view-foot .btn-c,
.board-basic-view .view-foot .btn-r{display:flex; align-items:center; gap:0.4rem}
.board-basic-view .view-foot .btn-c{margin:0 auto}
.board-basic-view .view-foot .btn-r{margin-left:auto}

.board-basic-view .view-foot .btn{min-width:11rem}

/* board link */
.board-link{display:flex; flex-direction:column; padding:2.5rem 0}
.board-link .link-top{display:flex; align-items:center; margin-bottom:1.5rem; display:none}
.board-link .link-top .tit{line-height:1.6rem; color:#808080; font-size:1.6rem; font-weight:300; letter-spacing:-0.05rem}
.board-link .link-container{display:flex; flex-direction:column; gap:0.4rem}
.board-link .link-box{display:flex; align-items:center; width:50%; padding:1.4rem 2.4rem; background-color:transparent; border:1px solid #ebebeb; border-radius:0.6rem; box-sizing:border-box}
.board-link .link-box .link-l{min-width:1px}
.board-link .link-box .link-url{display:block; color:#202020; line-height:2rem; font-size:1.6rem; font-weight:300; letter-spacing:-0.02rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.board-link .link-box:hover,
.board-link .link-box:focus{text-decoration:none}

/* board file */
.board-file{display:flex; flex-direction:column; padding:2.5rem 0}
.board-file .file-top{display:flex; align-items:center; margin-bottom:1.5rem; display:none}
.board-file .file-top .tit{line-height:1.6rem; color:#808080; font-size:1.6rem; font-weight:300; letter-spacing:-0.05rem}
.board-file .file-container{display:flex; flex-direction:column; gap:0.4rem}
.board-file .file-box{display:flex; align-items:center; width:50%; padding:1.4rem 2.4rem; background-color:#eef2f7; border-radius:0.6rem; box-sizing:border-box}
.board-file .file-box .file-l{min-width:1px}
.board-file .file-box .file-r{margin-left:auto}
.board-file .file-box .tit,
.board-file .file-box .volume{display:block; font-weight:300; letter-spacing:-0.02rem}
.board-file .file-box .tit{color:#202020; line-height:2rem; font-size:1.6rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.board-file .file-box .volume{color:#808080; line-height:2.2rem; font-size:1.5rem}
.board-file .file-box:hover,
.board-file .file-box:focus{text-decoration:none}


/* **************************************** *
 * board-comment
 * **************************************** */
.board-comment{margin-top:10rem}
.board-comment .comment-view{display:flex; flex-direction:column; border-top:2px solid #101010; margin-top:4rem}
.board-comment .comment-view .comment-item-list .comment-item{padding:2rem 0 ; border-bottom:1px solid #ebebeb}

/* comment-view */
.board-comment .comment-view .comment-head {display:flex; flex-direction:column; margin-bottom:2rem}
.board-comment .comment-view .comment-head .head-meta{position:relative; padding:1rem 0 2.5rem}
.board-comment .comment-view .comment-head .head-meta .meta-list{display:flex; align-items:center; flex-wrap:wrap}
.board-comment .comment-view .comment-head .head-meta .meta-list li{display:inline-flex; align-items:center}
.board-comment .comment-view .comment-head .head-meta .meta-list li:after{content:''; width:1px; height:1.6rem; margin-left:1.5rem; margin-right:1.5rem; background:#ebebeb}
.board-comment .comment-view .comment-head .head-meta .meta-list li:last-child:after{display:none}
.board-comment .comment-view .comment-head .head-meta .meta-list .tit,
.board-comment .comment-view .comment-head .head-meta .meta-list .info{line-height:2.2rem; font-size:1.6rem; font-weight:300; letter-spacing:-0.05rem}
.board-comment .comment-view .comment-head .head-meta .meta-list .tit{color:#808080}
.board-comment .comment-view .comment-head .head-meta .meta-list .info{display:inline-flex; align-items:center; position:relative; margin-left:1rem; color:#202020}

.board-comment .comment-view .comment-contents .comment-message{margin-bottom:2rem; line-height:2.9rem; color:#202020; font-size:1.9rem; font-weight:normal; letter-spacing:-0.02rem; word-break:keep-all}
.board-comment .comment-view .comment-contents .comment-message .secret-ico{position:relative; top:0.3rem; font-size:2.5rem}

.board-comment .comment-view .comment-btn{display:flex; justify-content:flex-end; gap:0.4rem}

.board-comment .comment-view .write-message{margin-bottom:1rem}
.board-comment .comment-view .write-message textarea{display:block; width:100%; min-height:4.8rem ;  padding:1.5rem; color:#202020; font-family:'Poppins'; font-size:1.6rem; font-weight:normal; text-align:left; letter-spacing:-0.2px; background-color:#fff; border:1px solid #e1e1e1; border-radius:0.6rem; resize:vertical; box-sizing:border-box}
.board-comment .comment-view .write-message textarea[disabled],
.board-comment .comment-view .write-message textarea[readonly]{color:#808080; background-color:#f5f5f5}
.board-comment .comment-view .write-recaptcha{display:flex; padding-top:2rem; padding-bottom:2rem}
.board-comment .comment-view .write-recaptcha .recaptcha{margin-left:auto}


/* comment-write */
.board-comment .comment-write{margin-top:8rem}
.board-comment .comment-write .write-message{margin-bottom:1rem}
.board-comment .comment-write .write-message textarea{display:block; width:100%; min-height:4.8rem;  padding:1.5rem; color:#202020; font-family:'Poppins'; font-size:1.6rem; font-weight:normal; text-align:left; letter-spacing:-0.2px; background-color:#fff; border:1px solid #e1e1e1; border-radius:0.6rem; resize:vertical; box-sizing:border-box}
.board-comment .comment-write .write-message textarea[disabled],
.board-comment .comment-write .write-message textarea[readonly]{color:#808080; background-color:#f5f5f5}
.board-comment .comment-write .write-recaptcha{display:flex; padding-top:4rem; padding-bottom:2rem}
.board-comment .comment-write .write-foot .btn{width:100%}

                .board-comment .comment-nodata{display:flex; align-items:center; justify-content:center; margin-top:1.5rem; min-height:20rem;  border-radius:1.2rem}
                .board-comment .comment-nodata .message{display:flex; align-items:center}
                .board-comment .comment-nodata .message:before{content:'\eb4d'; margin-right:0.5rem; color:#505050; font-family:remixicon; font-size:2.1rem}
                .board-comment .comment-nodata .message span{line-height:2.9rem; color:#505050; font-size:2.1rem; font-weight:normal; letter-spacing:-0.02px}



.down-btn-list{display:flex; flex-wrap:wrap; gap:0.4rem; margin:1rem 0 1rem 0}
.down-btn{display:flex; align-items:center; background:#101010; padding:1.2rem 1.4rem; border-radius:0.4rem}
.down-btn a,
.down-btn .volume{line-height:1.6rem; color:#fff; font-size:1.6rem; letter-spacing:-0.02rem}
.down-btn .volume{margin-left:1rem; color:#909090; font-size:1.5rem}
.down-btn .check-delete{display:none}

.attach-img-list{display:flex; flex-wrap:wrap; gap:0.4rem; margin:1rem 0 1rem 0}

.img-btn{position:relative}
.img-btn a{display:block; position:relative; bottom:0; width:10rem; height:7.5rem; cursor:pointer}
.img-btn a:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.1)}
.img-btn a img{display:block; width:100%; height:100%}
.img-btn .check-delete{display:none; position:absolute; bottom:0.5rem; left:0.5rem}
.img-btn .check-delete .check{background-color:rgba(0,0,0,.7); border:0}


                #bo_v_img{width:100%; overflow:hidden; zoom:1; text-align:center}
                #bo_v_img:after {display:block; visibility:hidden; clear:both; content:""}
                #bo_v_img img {display:inline-block; max-width:100%; height:auto; margin-bottom:20px}

                .bov_summury{margin-bottom:50px; color:#202020; font-size:16px; line-height:165%; letter-spacing:-0.8px;}




/* faq */
#faq_wrap{position:relative}
#faq_wrap li{margin-top:-1px; border:1px solid #ebebeb; padding:1.2rem 0; border-radius:1.2rem}
#faq_wrap li:last-child{margin-bottom:0}
#faq_wrap li h3{display:flex; align-items:center; position:relative; min-height:8rem; padding:1.7rem 3rem 1.7rem 3rem; box-sizing:border-box}
#faq_wrap li .tit_q,
#faq_wrap li .tit_a{line-height:4.1rem; font-weight:600; font-size:4.1rem}
#faq_wrap li .tit_q{flex:none; margin-right:30px; left:3.5rem; top:0.3rem; color:#202020; font-size:3.8rem}
#faq_wrap li .tit_a{display:none; left:3rem; top:2.4rem; color:#2189ff; font-size:2.1rem}

#faq_wrap li h3 a{font-size:2.1rem; font-weight:300; line-height:3.1rem; color:#202020; letter-spacing:-0.05rem}
#faq_wrap li h3 a strong{font-weight:300}

#faq_wrap li .con_inner{display:none}
#faq_wrap li .con_inner .inner{position:relative; margin:0 3rem 0 9.5rem; padding:2.5rem 0 1.5rem 0; border-top:1px solid #ebebeb; box-sizing:border-box}
#faq_wrap li .con_inner{font-size:2.1rem; font-weight:normal; color:#202020; line-height:3.1rem; letter-spacing:-0.5px; white-space:normal; word-break:break-all}


#faq_wrap .no_data{position:relative; margin-top:-1px; padding:2.5rem 1.5rem; text-align:center}
#faq_wrap .no_data .info_message{display:inline-block; font-size:1.5rem; font-weight:normal; color:#808080; letter-spacing:-0.2px}
#faq_wrap .no_data .info_message i{margin-top:-0.4rem; font-size:1.8rem; vertical-align:middle}