@charset "utf-8";

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}
 
/* 기본 테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01 {border-top: 2px solid #999;}
#bo_list .tbl_head01 .bo_notice td {}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th {}
#bo_list .tbl_head01 thead a {}
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}
#bo_list .tbl_head01 td {}
#bo_list .tbl_head01 a {
    vertical-align: middle;
}
#bo_list td.empty_table {}
 
/* ### 기본 스타일 커스터마이징 끝 ### */
.bo_notice .notice_icon {display:inline-block;color: #fff;background-color: #0073d3;text-align: center;}

/* 게시판 목록 */
#bo_list {position:relative;margin-bottom:20px; }
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}



#bo_cate {margin:25px 0}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1; text-align:center;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;width: 200px;}
#bo_cate a {color: #7c7c7c;background-color: #fff;}

#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;}
#bo_cate #bo_cate_on {z-index:2;background: #f26521;color:#fff;font-weight: 500;color: #fff;}
#bo_cate #bo_cate_on a{}
.td_subject img {margin-left:5px}

 
 

.td_num strong {color:#000}
.bo_cate_link {text-align: center;display:inline-block;background: #f26521;color: #fff !important;font-weight:normal !important;} /* 글제목줄 분류스타일 */
.bo_cate_link.state2{background-color:#000 !important;}
.bo_cate_link.state3{background-color: #7b7b7b !important;}
.bo_cate_link:hover {text-decoration:none}
 
.bo_current {color:#e8180c}
#bo_list .profile_img img {border-radius:50%}
#bo_list .cnt_cmt {background: #ffece4;color: #ff661c;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

#bo_list .bo_tit .title_icon {margin-right:2px}
#bo_list .bo_tit .fa-heart {color:#ff0000}
#bo_list .bo_tit .fa-lock {display:inline-block;font-size:0.833em;color: #a0a0a0;text-align:center;vertical-align:middle}
.new_icon {display:inline-block;color: #e8534d;font-weight:900;vertical-align: middle;}
#bo_list .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
#bo_list .bo_tit .fa-caret-right {color:#bbb}
#bo_list .bo_tit .fa-download {display:inline-block;color: #d6ad6d;text-align:center;margin-left:5px;vertical-align:middle}
#bo_list .bo_tit .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}

.bo_sch_wrap { width:100%; top:0; z-index: 1;margin: 0 0 4%; 
/*231114 수정*/
/*text-align: right;*/
 text-align:center; 
/*231114 수정 끝*/
}
.bo_sch {text-align:left;width: 100%;}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {}
.bo_sch legend {background:red}
.bo_sch  {display: inline-block;text-align: center;width: 100%;font-size: 0;
/*231114 수정*/
text-align: center;
max-width: 800px;
/*231114 수정 끝*/
}

.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d7d7d7;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);padding: 0 5px;}
.sch_bar{display:inline-block; vertical-align:middle;
 /*231114 수정*/
 position:relative;
 /*231114 수정 끝*/
 }
.bo_sch input{border:1px solid #d7d7d7}
.bo_sch button{position:absolute; background:transparent}
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%}

.info_txt{display:inline-block; color:#1b1b1e; font-weight:400;}

 /*231114 추가*/
.bo_sel_box{
    font-size: 0;
}
.bo_sel_box select {border:0;height:40px;border-bottom: 2px solid #000;color:#000;padding: 0 5px; margin-left:1%;}
/*231114 추가끝*/


/* 게시판 읽기 */
#bo_v {/* background:#fff; */box-sizing:border-box;position: relative;}

 
#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}
#bo_v header{}
#bo_v_title{line-height:1.2em; word-break:keep-all}
#bo_v_title .bo_v_cate {display:inline-block;line-height:20px;background:#e2eaf6;color:#3a8afd;padding:0 10px;border-radius:3px;}
#bo_v_title .bo_v_tit {display:block;font-size:2em;margin:5px 0 0;word-break:break-all}
#bo_v_title .bo_v_sub{display:block; color:#8f6b5b}
#bo_v_info header{position:relative; border-top: 2px solid #2c2d2d;}
#bo_v_info .date{display: block;color:#272727;font-weight: 400;text-align: center;font-size: 22px;margin-bottom: 8px;}
#bo_v_info {margin:0;}
#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-bottom: 0;
}
#bo_v_info .profile_info .pf_img {float:left;margin-right:10px}
#bo_v_info .profile_info .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_v_info .profile_info .profile_info_ct {width: 100%;}
#bo_v_info .profile_info .profile_info_ct span,#bo_v_info .profile_info .profile_info_ct strong{display:inline-block;font-weight: 400;}
#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
#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;font-size: 100% !important;}
#bo_v_info .if_date {margin:0;color:#888}

#bo_v_file{background-color: #f2f2f2;border-top: 1px solid #dedede;}
#bo_v_file h2 {float:left;color: #2d2c2c;font-weight:500;text-align:center;}
#bo_v_file ul {width:calc(100% - 100px;) float:left;}

#bo_v_file li i {color: #2d2c2c; }
#bo_v_file a {display:inline-block;text-decoration:none;word-wrap:break-word;color: #2d2c2c;}
#bo_v_file a strong{display:block;font-weight: 500;}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color: #3960e5;}
#bo_v_file img {/* float:left; */margin:0 10px 0 0;}
#bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_file li:hover i {color: #3960e5;}
#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}




#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:15px;position:relative;margin:10px 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%);font-size: 14px;}
#bo_v_link li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px;}
#bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color: #000000;}
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_link li:hover {border-color: #000000;color: #000000;}
#bo_v_link li:hover i {color: #000000;}
#bo_v_link li:hover .bo_v_link_cnt {color: #000000;}

#bo_v_top {zoom:1}
#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;}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 
#bo_v_con {width:100%;line-height:1.7em;min-height: 300px;word-break:break-all;overflow:hidden;font-size: 20px;padding: 0;color: #6f6f6f;}
#bo_v_con *{color:#6f6f6f; font-size:16px;line-height:1.7em;}

#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_atc img {max-width:100%;height: auto !important;width: auto;}
 
#bo_v_atc {min-height:200px;height:auto !important;height:200px;border-top: 1px solid #aaa;/* border-bottom: 1px solid #aaa; */}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

 
 /**/
.view_btn{position:relative; border-top:1px solid #231815}
 .list_btn{position:relative;display:block;font-weight: 500;text-align:center;z-index: 1;font-weight: bold;color: #7c7c84;margin-right: 0;border:1px solid #dcdcdc;margin:0 auto;background: #fff;transition: all 0.3s;}
.list_btn:hover{background-color: #003565;border:0;color:#fff}
 
.cate{display:inline-block;background-color:#0073d3;color:#fff;text-align: center;vertical-align: middle;}
 
 
/*댓글*/
#bo_comment{}
#bo_comment li{position:relative; border-top: 1px solid #aaa;}
#bo_comment .time{position:absolute;}
#bo_comment h4{color:#333; ;}
#bo_comment .name{display:block;}
#bo_comment .co_content{background-color: #f2f2f2;}
#bo_comment .time button{background-color: #fff;}


/*231114 추가 갤러리*/
#bo_gall .gall_li{float:left;}
#bo_gall .gall_li img{width:100%;}
.gall_text_href a{font-weight:bold;word-break:keep-all; }
/*231114 추가 갤러리 끝 */


/*231116 탭추가*/

.gall_text_href a{ line-height: 1.5em;height: 3em;}


.gall_text_href p{color:#a0a0a0;}
.gall_text_href p span{display: inline-block;vertical-align:middle;border-left:1px solid #a0a0a0;}

.nav-tab{font-size:0;text-align:center;border: 1px solid #a0a0a0;border-right: 0;}
.nav-tab.x2 div{width:50%;}
.nav-tab.x3 div{width:33.3%;}
.nav-tab.x4 div{width:25%;}
.nav-tab div{display: inline-block;border-right: 1px solid #a0a0a0;color:#a0a0a0;cursor:pointer;text-align:center;}
.nav-tab .active{background-color:#0073d3;color:#fff;border: 0;}


.pop_box{position:fixed;top:0;left:0;width:100%;height: 100%;z-index: 99;}
.pop_box .bg{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5)}
.pop_cont{position:absolute;top:50%;left:50%;z-index:1;}
.pop_cont button{position:absolute; top:0; right:0;background-color:#0073d3;}
.pop_cont button i{color:#fff;}
/*231116 탭추가 끝*/


@media (min-width:1300px) {
.cate{width: 70px;height:40px;line-height:40px;font-size:18px;border-radius:10px;margin-right:5px;}
/*231114 추가*/
.bo_sel_box select {width: 10% !important}
/*231114 추가 끝*/


/*231114 추가 갤러리*/
#bo_gall ul{margin:0 -2%;}
#bo_gall .gall_li {width:25%;padding: 0 2% 4%;}
 
.gall_text_href{padding:10px 15px;}
.gall_text_href a{font-size:16px;  }

/*231114 추가 갤러리 끝 */



/*231116 탭추가*/
 .gall_text_href p{margin-top:10px}
.gall_text_href p,.gall_text_href p span{font-size:16px;line-height: 16px;}
.gall_text_href p span{margin-left:10px; padding-left:10px;}
 .nav-tab {margin-bottom:70px}
.nav-tab div{height:60px;line-height:60px;font-size: 18px;}

.pop_cont{ transform: translate(-50%,-50%);}
.pop_cont button{width:50px; height:50px; border-radius:5px; margin-top:-25px;margin-right:-25px}
.pop_cont button i{font-size:30px}
/*231116 탭추가 끝*/	
	
}
@media (min-width: 640px){




 .td_ph{display:none;}
 
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center;border-bottom: 1px solid #a0a0a0;}
#bo_list .td_num {width: 130px;text-align:center}
#bo_list .td_date {width: 110px;text-align:center}
#bo_list .td_name {width: 120px;text-align:center;}
#bo_list .td_state {width: 100px;text-align:center;}
#bo_list .bo_tit .fa-download {font-size:0.833em;}
.notice_icon{width: 80px;height: 30px;line-height: 30px;font-size:15px;border-radius:17px;}


.bo_tit a{font-size: 15px;}
.bo_cate_link{height:35px;border-radius:17px;line-height:35px;font-size: 15px !important;width: 80px;margin-right: 40px;}
.tbl_head01 th, .tbl_head01 td {height: 50px;font-size: 15px;}
.new_icon {margin-left: 8px;font-size:12px;}
#bo_list .bo_tit .fa-lock{margin-left: 8px;font-size:12px;}


 
.bo_sch select{
/*231114 수정*/
width: 27%;
margin-right:3%;
/*231114 수정끝*/
text-align: left;border-radius: 25px; padding: 0 10px;}
.bo_sch select{height:45px; line-height:45px; font-size:15px;}

.bo_sch{margin-left: 15px;}
/*231114 수정*/
.sch_bar{width: 40%;}
/*231114 수정끝*/
.bo_sch input{width:100%;height:45px;border-radius:23px;padding-left:24px;font-size: 16px;padding-right:55px;}
.bo_sch button{top:50%; right:20px; margin-top:-10px;width:21px; height:20px;  }
.bo_sch button img{width:21px}

/*231114 추가*/
.bo_sel_box {margin: 20px 0;}
.bo_sel_box select {width: 20%;font-size: 16px;padding:0 10px}
/*231114 추가 끝*/
 
 
#bo_v_info .profile_info .profile_info_ct{    padding: 0 0 20px;}
 #bo_v_info .bo_sche{    padding: 20px 0 0;}
#bo_v_info .profile_info .profile_info_ct span, #bo_v_info .profile_info .profile_info_ct strong{font-size:18px;}

#bo_v_title{font-size:26px;}

#bo_v_file{padding:0 50px;}
#bo_v_file h2 {font-size:16px;height:70px;line-height:70px;margin-right: 20px;}
#bo_v_file li {height:70px; line-height:70px;}
#bo_v_file li i{font-size:15px; margin-right:20px;}
#bo_v_file a {font-size: 16px;}

#bo_v_atc{padding:40px;}



#bo_v_info header{ padding:30px 50px;}
.list_btn{width:120px; height:60px; line-height:60px; font-size:18px !important; border-radius: 30px}

.board .page_tit { padding:190px 0 100px;}
.board .page_tit .page_inbox{padding:0;}
.view_btn{margin-top: 50px;padding: 50px 0;}
.view_btn a.btn_prev font{margin-left:10px;}
.view_btn a.btn_next font{margin-right:10px;}

.view_btn a.v_href{margin-top:-30px;}
 .view_btn .v_nb{font-size:20px;height:60px;line-height: 60px; width:120px;border-radius: 50%;}
.view_btn a font{width: 65px;}
 
 

#bo_comment li{padding:30px 20px;}
#bo_comment .time{ top:20px; right:20px;}
#bo_comment .time button{margin-left:10px;}
#bo_comment h4{font-size:26px;margin-bottom: 20px;}
#bo_comment .co_content{padding:20px;border-radius:5px;margin-top: 10px;}




}
@media (min-width: 640px) and (max-width: 1299px){

.cate{width: 7.5vw;height:3.5vw;line-height:3.5vw;font-size:1.5vw;border-radius:0.5vw;margin-right: 1vw;}


 /*231114 추가 갤러리*/
#bo_gall ul{margin:0 -2%;}
#bo_gall .gall_li {width:33.3%;padding: 0 2% 4%;}
 
.gall_text_href{padding: 1vw;}
.gall_text_href a{font-size:16px; }

/*231114 추가 갤러리 끝 */




/*231116 탭추가*/
 .gall_text_href p{margin-top:1vw}
.gall_text_href p,.gall_text_href p span{font-size:1.5vw;line-height: 1.5vw;}
.gall_text_href p span{margin-left:1vw; padding-left:1vw;}
 .nav-tab {margin-bottom:5vw}
.nav-tab div{height: 5vw;line-height: 5vw;font-size: 2vw;}

/*231116 탭추가 끝*/	
}
@media (max-width:1299px){
 .pop_cont {width:80vw;margin-left: -40vw;transform: translateY(-50%);}
  .pop_cont img{width:100%}
.pop_cont button{width: 6vw;height: 6vw;border-radius:5px;margin-top: -3vw;margin-right: -3vw;}
.pop_cont button i{font-size: 3.5vw;}
	
}
@media (max-width:640px){
.cate{width: 15vw;height: 6vw;line-height: 6vw;font-size:3vw;border-radius:1vw;margin: 0 0 2vw;display: block;}


.td_mh{display:none;}
	
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center;border-top:1px solid #ecf0f1;}
#bo_list .td_num {width: 10vw;text-align:center}
#bo_list .td_date {width:150px;text-align:center}
#bo_list .td_name {width: 100px;text-align:center;}
#bo_list .td_state {width: 170px;text-align:center;}
#bo_list .bo_tit .fa-download {font-size:0.833em;}
.notice_icon{width: 8vw;height: 5vw;line-height: 5vw;font-size: 2.5vw;border-radius: 2.5vw;}

.bo_info{margin-top: 2vw;}
.info_txt{font-size:3vw; margin-right:4vw}

	
.bo_tit a{font-size: 4vw;}
.bo_cate_link{height: 6vw;border-radius: 3vw;line-height: 6vw;font-size: 2.8vw !important;width: 15vw;margin-right: 2vw;}
.tbl_head01 th, .tbl_head01 td {font-size: 3vw;padding: 3vw 1vw !important;}
.new_icon {margin-left:8px; font-size:12px;}
#bo_list .bo_tit .fa-lock{margin-left: 8px;font-size:12px;}

 
.bo_sch{}
.bo_sch .nice-select .current{color:#8f8f8f;}


.bo_sch select{text-align: left;border-radius: 25px;/* margin-left: 10px; */color:#8f8f8f;
/*231114 수정*/
width: 27%;
margin-right:3%;
/*231114 수정끝*/              
}
.bo_sch select{height: 9vw;line-height: 9vw;  font-size:3vw;}

	
.sch_bar{
/*231114 수정*/
width: 40%;
/*231114 수정끝*/
 
}
.bo_sch input{width:100%;height: 9vw;border-radius:23px;padding-left: 5vw;font-size: 3vw;padding-right: 55px;}
.bo_sch button{top:50%; right:20px; margin-top:-10px;width:21px; height:20px;  }
.bo_sch button img{width:21px}
 
/*231114 추가*/
.bo_sel_box select {width: 10%;font-size:16px;padding:0 10px}
/*231114 추가 끝*/

#bo_v_info .profile_info .profile_info_ct{    padding: 0 0 20px;}
#bo_v_info .bo_sche{    padding: 20px 0 0;}
#bo_v_info .profile_info .profile_info_ct span, #bo_v_info .profile_info .profile_info_ct strong{font-size: 3vw;}

#bo_v_title{font-size: 5vw;}

#bo_v_file{padding: 0 5vw;}
#bo_v_file h2 {font-size: 3vw;height: 13vw;line-height: 13vw;margin-right: 5vw;}
#bo_v_file li {height:13vw;line-height: 13vw;}
#bo_v_file li i{font-size:3vw; margin-right:2vw;}
#bo_v_file a {font-size: 16px;}

#bo_v_atc{padding: 5vw;}



#bo_v_info header{ padding:5vw;}
.list_btn{width: 18vw;height: 8vw;line-height: 8vw;font-size: 3.5vw !important;border-radius: 5vw;}

.board .page_tit { padding:190px 0 100px;}
.board .page_tit .page_inbox{padding:0;}
.view_btn{margin-top: 10vw;padding: 10vw 0;}
.view_btn a.btn_prev font{margin-left:10px;}
.view_btn a.btn_next font{margin-right:10px;}

.view_btn a.v_href{margin-top:-30px;}
 .view_btn .v_nb{font-size:20px;height:60px;line-height: 60px; width:120px;border-radius: 50%;}
.view_btn a font{width: 65px;}
 
#bo_comment li{padding: 5vw 3vw;}
#bo_comment .name{font-size:3vw}
#bo_comment .time{top: 4vw;right:3vw;font-size:3vw}
#bo_comment .time button{margin-left:1vw;}
#bo_comment h4{font-size:5vw;margin-bottom: 3vw;}
#bo_comment .co_content{font-size:3vw;padding: 3vw;border-radius:5px;margin-top: 2vw;}



/*231114 추가*/
.bo_sel_box {display:none;}
/*231114 추가 끝*/ 

 /*231114 추가 갤러리*/
#bo_gall ul{margin: 0 -3%;}
#bo_gall .gall_li {width:50%;padding: 0 3% 5%;}
 
.gall_text_href{padding: 2vw;}
.gall_text_href a{font-size: 3vw; }

/*231114 추가 갤러리 끝 */


/*231116 탭추가*/
 .gall_text_href p{margin-top:1vw}
.gall_text_href p,.gall_text_href p span{font-size: 3vw;line-height: 3vw;}
.gall_text_href p span{margin-left:1vw; padding-left:1vw;}
 .nav-tab {margin-bottom:5vw}
.nav-tab div{height: 7vw;line-height: 7vw;font-size: 3vw;}

/*231116 탭추가 끝*/	
}