@charset "utf-8";

/*구성원 리스트*/
#gall_ul{width:100%;display:flex;flex-wrap:wrap;gap:2rem 1%}

#gall_ul .gall_li{width:19.2%;overflow:hidden}
#gall_ul .no_data{width:100%;height:30rem;line-height:30rem;text-align:center}
#gall_ul .gall_li .gall_box{width:100%;border:1px solid #ddd;border-radius:1rem;overflow:hidden;position:relative}
#gall_ul .gall_li .gall_box  a{width:100%;}
#gall_ul .gall_li .gall_box .edit_link{content:'';width:5rem;height:2rem;border-radius:2rem;background:#c00;font-size:1.2rem;text-align:center;line-height:2rem;color:#fff;position:absolute;top:1rem;left:auto;right:1rem;z-index:10}
#gall_ul .gall_li .gall_box img{width:100%;transition:all .3s}
#gall_ul .gall_li .gall_box .gall_chk{position:absolute;top:1rem;left:1rem;z-index:10}
#gall_ul .gall_li .box_tit{margin-top:2rem;text-align:center}
#gall_ul .gall_li .box_tit .s_tit{margin-bottom:.5rem;font-weight:600;font-size:1.4rem;color: #335685;font-family:'Poppins'}
#gall_ul .gall_li .box_tit .list_tit{font-weight:700;font-size:2.5rem;line-height:120%;color: #333;}
#gall_ul .gall_li .box_tit .list_tit span{display:inline-block;margin-left:.5rem;font-weight:600;font-size:1.6rem;color:#666}
#gall_ul .gall_li:hover .gall_box img{transform:scale(1.05,1.05)}

/*구성원 리스트 끝*/

/*구성원 뷰 페이지*/

#mb_view_area{width:100%;margin-bottom:5rem;display:flex;flex-wrap:wrap}
#mb_view_area .mb_img{width:40%;position:relative}
#mb_view_area .mb_img .img_box{width:100%;height:auto;position:relative}
#mb_view_area .mb_img .img_box.img_box_slider{max-height:70rem;overflow:hidden}
#mb_view_area .mb_img .img_box.img_box_slider .img_pagination {position:absolute;left:2rem;bottom:2rem;z-index:10}
#mb_view_area .mb_img .img_box.img_box_slider .img_pagination .swiper-pagination-bullet{background:#052538}


#mb_view_area .mb_img img{width:100%;height:auto}
#mb_view_area .mb_img .sns_link_area{position:absolute;bottom:2rem;right:2rem;display:flex}
#mb_view_area .mb_img .sns_link_area li{width:3rem;height:3rem}
#mb_view_area .mb_img .sns_link_area li + li{margin-left:1rem}
#mb_view_area .view_cont{width:100%;overflow:hidden}

/*프로필*/
#mb_view_area .mb_info{width:60%;padding-left:5rem}
#mb_view_area .mb_info .name_box{padding-bottom:3rem;margin-bottom:3rem;border-bottom:1px solid #ddd}
#mb_view_area .mb_info .name_box .name{font-weight:700;font-size:5rem;color:#333}
#mb_view_area .mb_info .name_box .name .state{font-weight:600;font-size:1.8rem;color:#333}
#mb_view_area .mb_info .name_box .simple_txt{margin-top:1rem;padding-left:1rem;font-size:1.6rem;color:#888;position:relative}
#mb_view_area .mb_info .name_box .simple_txt:before{content:'';width:3px;height:3px;border-radius:3px;background:#333;position:absolute;left:0;top:.8rem;}

#mb_view_area .mb_info .about_cont_area{max-height:56rem;height:auto;overflow-y:auto}
#mb_view_area .mb_info .about_cont_area::-webkit-scrollbar {width:3px;/* 스크롤바의 너비 */}
#mb_view_area .mb_info .about_cont_area::-webkit-scrollbar-thumb {height:20%;/* 스크롤바의 길이*/background:#333;/* 스크롤바의 색상*/border-radius:.5rem;}
#mb_view_area .mb_info .about_cont_area::-webkit-scrollbar-track {background:#f7f7f7;/*스크롤바 뒷 배경 색상*/}


#mb_view_area .mb_info .cont_box{padding-bottom:3rem;margin-bottom:3rem;border-bottom: 1px dashed #ddd;display:flex;flex-wrap:wrap}
#mb_view_area .mb_info .cont_box:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}
#mb_view_area .mb_info .cont_box .tit_box{width:17rem;font-weight:500;font-size:1.7rem;color:#333;font-family:'Poppins','Pretendard'}
#mb_view_area .mb_info .cont_box .cont{width:calc(100% - 17rem);}
#mb_view_area .mb_info .cont_box .cont p{padding-left:1rem;margin-bottom:1rem;font-size:1.6rem;line-height:150%;color:#666;position:relative}
#mb_view_area .mb_info .cont_box .cont p:before{content:'';width:3px;height:3px;border-radius:3px;background:#333;position:absolute;left:0;top:1rem;}
#mb_view_area .mb_info .cont_box .cont p:last-child{margin-bottom:0}


/*뷰 페이지 끝*/

#bo_cate {margin-bottom:3rem}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {width:63rem;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}
#bo_cate ul li{width:15rem;height:4.5rem;margin:0 .5rem 1rem;border-radius:4.5rem;border:1px solid #ddd;background:#fff;font-weight:500;font-size:1.6rem;line-height:4.5rem;text-align:center;overflow:hidden}
#bo_cate ul li a{display:block;width:100%;height:100%;color:#333;transition:all .3s}
#bo_cate ul li a#bo_cate_on, #bo_cate ul li a:hover{background:#052538;color:#fff}


/* 게시판 목록 공통 */
.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 {display:inline-block;width:1.5rem;height:1.5rem;margin-right:0.5rem;color:#676e70;vertical-align:middle;/* float:left; */} /* 22.09.28 kyh 수정 */
.chk_box input[type="checkbox"] + label[for="chkall"] {margin-top:0.4rem;margin-left:0.5rem;float:left;cursor:pointer;} /* 22.09.28 kyh 추가 */
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {display:block;width:1.5rem;height:1.5rem;margin:0;background:#fff;border:1px solid #d0d4df;cursor:pointer;vertical-align:middle;} /* 22.10.14 kyh 추가 */
.chk_box input[type="checkbox"] + label b {vertical-align:middle;}/* 22.10.14 kyh 추가 */
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:2rem}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {width:1.5rem;height:1.5rem;display:block;margin:0;background:#fff;border:1px solid #d0d4df;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.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}

#bo_btn_top {margin:1rem 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:.5rem;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;font-size:1.5rem;line-height:4rem;color:#4e546f}
#bo_list_total span {vertical-align: 0;}

/*검색창*/
#bo_sch {max-width:55rem;width:100%;margin:4rem auto 1rem;border:1px solid #d0d3db;background:#fff;position:relative}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select {border:0;width:30%;height:5.5rem;padding:0 1.5rem;float:left;font-size:1.6rem;color:#666;background:#fff;}
#bo_sch .sch_input {height:5.5rem;border:0;background-color:transparent;float:left;width:70%;padding:0 4rem 0 1rem;font-size:1.6rem;color:#333}
#bo_sch .sch_btn {height:5.5rem;position:absolute;top:0;right:0;border:0;width:4rem;background:none;font-size:1.6rem;color:#333}

.pg_wrap{float:none;width:100%;margin-top:3rem;text-align:center}
.pg_current{border:1px solid #666;background:#666}

/*버튼*/
#bo_v_info #bo_v_top {position: absolute;right: 0;top:1.3rem;}
#bo_btn_top .board-btn{display:inline-block;float:right}
.board-btn a,.board-btn button{position:relative;display:inline-block;width:auto;height:6rem;padding:0 2rem;border:1px solid #ddd;background:#fff;font-size:1.6rem;color:#333;text-align:center;line-height:6rem;transition:all 0.3s;}
.board-btn a i,.board-btn button i{display:inline-block;margin-right:.5rem}
.board-btn a:hover,.board-btn button:hover{background:#f7f7f7}
.bo-bottom-wrap{display:block;margin-top:3rem;overflow:hidden}
.bo-bottom-wrap .list-bottom-left{display:inline-block;float:left}
.bo-bottom-wrap .list-bottom-right{display:inline-block;float:right}
.btn_submit{background:#444}
.btn_submit:hover{background:#000}

/* 게시판 읽기 */
#bo_v {margin-bottom:2rem;background:#fff;box-sizing:border-box}
#bo_v header{padding:4rem 2rem;border-top:1px solid #333;text-align:center;border-bottom:1px solid #ddd}
#bo_v header #bo_v_title{margin-bottom:1rem;font-weight:400;font-size:2.6rem;line-height:150%;color:#333;}
#bo_v header .bo_v_info{font-size:14px;text-align:right;color:#888}
#bo_v header .bo_v_info span{display:inline-block;margin:0 .5rem}

#bo_v_table{position:absolute;top:0;right:1.6rem;margin:0;padding:0 .5rem;height:2.5rem;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}
#bo_v_title .bo_v_tit {display:block;margin:0 0 1rem;font-size:2.4rem;line-height:130%;color:#333;word-break:break-all !important}
#bo_v_title .bo_v_cate{display:inline-block;padding:0 1rem;margin-bottom:1rem;border-radius:3px;background:#e2eaf6;font-size:1.5rem;line-height:2.6rem;color:#3a8afd}

#bo_v_info {margin:0;border-bottom:1px solid #f1f1f1;border-top:1px solid #f1f1f1;color:#666;position:relative}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_info .profile_info {margin:1rem 0;display:inline-block;float:left}

#bo_v_info strong {display:inline-block;margin:0 1rem 0 0;font-weight:normal;vertical-align: middle;}
#bo_v_info strong i {vertical-align: 0;}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}
#bo_v_info .profile_img {display:none}
#bo_v_info .sv_member {color:#000}
#bo_v_info .if_date {margin:0;color:#888}

#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_file li {padding:1.5rem;position:relative;margin:1rem 0;border:1px solid #dfdfdf;border-radius:.5rem;-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);font-size:1.4rem}
#bo_v_file li i {width:2rem;font-size:1.6rem;color:#b2b2b2;float:left;position:relative;top:3px}
#bo_v_file a {display:block;width:calc(100% - 2rem);padding-left:1rem;text-decoration:none;font-weight:400;font-size:1.6rem;color:#333;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#3a8afd}
#bo_v_file img {float:left;margin:0 1rem 0 0}
#bo_v_file .bo_v_file_cnt {display:block;margin-top:.5rem;color:#b2b2b2;font-size:1.4rem}
#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_file li:hover i {color:#3a8afd}
#bo_v_file li:hover .bo_v_file_cnt{color:#99c2fc}
.file_del label{font-size:1.4rem}
.file_del label span{background:#fff;vertical-align:0;}

#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_link li {padding:1.5rem;position:relative;margin:1rem 0;border:1px solid #dfdfdf;border-radius:5px;
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
#bo_v_link li i {width:2rem;font-size:1.6rem;color:#b2b2b2;float:left;position:relative;top:5px}
#bo_v_link a {display:block;width:calc(100% - 2rem);padding-left:1rem;text-decoration:none;color:#333;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#3a8afd}
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:1.4rem}
#bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_link li:hover i {color:#3a8afd}
#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}

#bo_v_top {zoom:1;text-align:right}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {padding:0;list-style:none;word-break:break-all;background:#fff}

.bo_v_nb {position:relative;margin:2rem 0;clear:both;text-align:left;font-size:1.6rem}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #f1f1f1;padding:2.5rem 2rem;overflow:hidden}
.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li i {font-size:1.3rem;color:#b3b3b3}
.bo_v_nb li .nb_tit {width:8rem;color:#b3b3b3;float:left}
.bo_v_nb li a{width:calc(100% - 15rem);float:left;color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .3s}
.bo_v_nb li:hover a{color:#333}
.bo_v_nb li .nb_date {width:7rem;color:#b3b3b3;text-align:right;float:right}

#bo_v_atc {min-height:20rem;height:auto !important;height:20rem}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {display:block}
#bo_v_img img {margin-bottom:2rem;max-width:100%;height:auto}

#bo_v_con {padding:5rem 2rem 3rem;width:100%;font-size:1.6rem !important;line-height:2.8rem !important;min-height:2rem;word-break:break-all !important;overflow:hidden;font-family:'Pretendard' !important}
#bo_v_con *{word-break:break-all !important}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

/*글쓰기*/
#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 1rem 0 0}
#bo_w .bo_v_option li label {font-size:1.5rem;vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label{width:auto;height:auto;top:0}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:.5rem}
#bo_w .write_div{margin-bottom:2rem;position:relative}
#bo_w .write_top{margin-top:0}
#bo_w .half_box{display:flex;flex-wrap:wrap;justify-content:space-between}

#bo_w .bo_w_info .frm_input {float:left}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_tit {margin-bottom:1rem;font-weight:500;font-size:1.8rem;color:#333;position:relative}
#bo_w .bo_w_tit span{font-weight:400;font-size:1.6rem;color:#666}
#bo_w .bo_w_tit .num_select{width:14rem;height:4rem;padding:0 1rem;border:1px solid #ddd;font-size:1.6rem;color:#666}
#bo_w .bo_w_tit .num_submit_btn{width:10rem;height:4rem;background:#333;color:#fff}

#bo_w .mb_info{margin-bottom:2rem;padding:2rem;border:1px solid #ddd;background:#f7f7f7}
#bo_w .mb_info .bo_w_tit02{margin-bottom:1rem}
#bo_w .mb_info .info_cont{width:100%;margin-bottom:2rem;display:none}
#bo_w .mb_info .info_cont textarea{width:100%;margin-top:2rem;border:1px solid #ddd}

#bo_w .flie_area{width:100%;display:flex;flex-wrap:wrap;justify-content: space-between;}
#bo_w .flie_area .bo_w_flie{width:32.5%;margin-bottom:1rem}

#bo_w .bo_w_link label {border-radius:3px 0 0 3px;height:3.8rem;line-height:3.8rem;width:4rem;font-size:1.4rem;text-align:center;color:#b2b2b2;position:absolute;top:0;left:1px}
#bo_w .bo_w_link .frm_input {height:4rem;padding-left:5rem}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:3.8rem;line-height:3.8rem;width:4rem;font-size:1.4rem;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:3rem;margin-top:1px;font-size:1.4rem}
#bo_w .bo_w_flie .file_wr {height:4rem;margin:0;padding:.5rem;border:1px solid #ccc;background:#fff;color:#333;vertical-align:middle;overflow:hidden;position:relative}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {display:block;margin-top:.5rem;font-size:13px;color:#888}

#bo_w .bo_w_select select {width:100%;height:5rem;padding: 0.5rem 1rem;border:1px solid #d0d3db;font-size:1.6rem;color:#666}
#bo_w .btn_submit {padding:0 2rem;border-radius:0;font-weight:normal;font-size:1.5rem}
#bo_w .btn_cancel {font-weight:normal;font-size:1.5rem}
#bo_w .frm_input{height:5rem;padding:0.5rem 1rem;border-radius:0;font-size:1.6rem;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#bo_w  textarea{height:30rem;padding:0.5rem 1rem;border:1px solid #d0d3db;border-radius:0;font-size:1.6rem;line-height:3rem;color:#666}
#bo_w a.btn, #bo_w .btn{height:6rem;padding:0 2rem;font-size:1.6rem;line-height:6rem}
#bo_w a.btn i, #bo_w .btn i{display:inline-block;margin-right:.5rem}
#captcha #captcha_info{font-size:1.5rem}

#bo_w .btn_confirm{margin-top:4rem;overflow:hidden}

/*자동등록방지*/
#captcha{width:100%;overflow:hidden}
#captcha .captcha_wrap{overflow:hidden}
#captcha #captcha_img{height:5rem;border:none;object-fit: cover;}
#captcha #captcha_key{width:10rem;height:4rem;margin-left:.5rem;padding:0 .5rem;border:1px solid #ccc;border-radius:3px;background:#fff;font-size:1.6rem;font-weight:bold;text-align:center;vertical-align:top}
#captcha #captcha_mp3{width:4rem;height:4rem;margin-left:.5rem;font-size:1.5rem;line-height:4rem;background:#ccc;text-indent:unset}
#captcha #captcha_reload{width:4rem;height:4rem;margin-left:.5rem;font-size:1.5rem;line-height:4rem;background:#ccc;text-indent:unset}
#captcha #captcha_info{margin-top:.5rem}