@charset "utf-8";

/* ### 기본 스타일 커스터마이징 시작 ### */

/* 카테고리 스타일 */
#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin: 20px 0;padding-left:1px;zoom:1;text-align:center;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_cate li{display:inline-block;margin:3px}
#bo_cate a {display:block;line-height:38px;padding:0 20px;border-radius:30px;background:#f1f3f5;color:#555;font-size:14px;border:1px solid #e9ecef;}
#bo_cate #bo_cate_on {background:#004a99;color:#fff;border-color:#004a99;font-weight:600;}

/* 게시판 버튼 영역 */
.bo_btn {position:relative;text-align:right;padding: 0;height:auto;}
.bo_btn li{display:inline-block;vertical-align:top}
.bo_btn li a{color:#768a94;line-height:40px;display:block;text-align:center;width:30px;vertical-align:top}
.bo_btn li a:hover{color:#4a5ba9;}
.bo_btn li i{font-size:15px}
.bo_btn li a.btn_admin{color:#ff0000;background:none}
.edit_op_btn{background:none;border:0;height:40px;width:30px;color:#768a94;font-size:15px}

.btn_edit{display:none;position:absolute;top:40px;right:0;width:100px;background:#fff; border:1px solid #d4d4d4;z-index:599;box-shadow: 0 2px 3px #eee}
.btn_edit li {line-height:40px;width:100%;float:none;border-top:1px solid #f1f1f1;font-size:12px !important;text-align:left;padding:0 10px;position:relative}
.btn_edit li button{width:100%;font-size:12px !important;text-align:left;color:#6b757c !important;height:40px;background:none;border:0}
.btn_edit li i{position:absolute;top:0;right:10px;line-height:40px;font-size:14px !important;color:#92a1af}
.btn_edit li:hover{background:#f8f8f8}

/* 게시판 리스트 구조 */
#bo_list { margin:10px 0; position:relative; }
.board_wr { background:#fff; border-top: 2px solid #2f3e4e; border-bottom: 1px solid #2f3e4e; margin:10px 0 30px; position:relative; }
.al_chk { background:#f9f9f9; border-bottom:1px solid #dcdcdc; padding:10px 15px; }

.bo_ul li { border-bottom:1px solid #e5e5e5; padding:16px 15px; display:flex; justify-content:space-between; align-items:center; line-height:1.5; }
.bo_ul li:last-child { border-bottom:0; }
.bo_ul .bo_notice { background:#f8f9fb; border-bottom:1px solid #dcdcdc; }
.bo_ul li:hover { background:#fbfbfc; }

/* 제목 영역 */
.bo_subject { float:none; width:auto; flex:1; font-size:15px; font-weight:500; color:#333; text-align:left; padding-right:20px; word-break:keep-all; }
.bo_cate_link { display:inline-block; color:#0054a6 !important; font-weight:600; text-decoration:none; margin-right:5px; }

/* 정보 영역 (작성자, 조회수, 날짜) */
.bo_info { float:none; width:auto; font-size:13px; color:#666; display:flex; align-items:center; justify-content:flex-end; }
.bo_info span { display:inline-flex; align-items:center; }
.bo_info i { color:#a0a0a0; margin-right:5px; font-size:14px; }
.bo_writer { width:80px; justify-content:center; }
.bo_view { width:60px; justify-content:flex-start; margin-left:10px; }
.bo_date { width:80px; justify-content:flex-end; margin-left:10px; }

/* 공지 아이콘 */
.notice_icon { background:#eef2ff; color:#0054a6; border:1px solid #d9e2ef; font-weight:600; border-radius:2px; font-size:12px; padding:2px 8px; margin-right:10px; display:inline-block; vertical-align:middle; }

/* 기타 아이콘들 */
.bo_ul .fa-download, .bo_ul .fa-link, .bo_ul .fa-heart, .bo_ul .fa-lock { width:16px; height:16px; line-height:16px; color:#fff; text-align:center; font-size:10px; border-radius:2px; margin-left:3px; display:inline-block; }
.bo_ul .fa-download { background:#ecaa30; }
.bo_ul .fa-link { background:#2aa974; }
.bo_ul .fa-heart { background:#ff0000; }
.bo_ul .fa-lock { background:#d8e7e1; color:#7db099; }
.bo_ul .new_icon { display:inline-block; width:16px; height:16px; line-height:16px; background:#c56bed; color:#fff; text-align:center; font-size:10px; border-radius:2px; margin-left:3px; }

/* 검색창 스타일 (하단 고정) */
#bo_sch { display:block; padding:20px; background:#f4f7fa; border:1px solid #e8e8e8; border-radius:3px; text-align:center; margin-top:10px; }
#bo_sch legend { display:none; }
.sch_inner_wr { display:flex; justify-content:center; align-items:center; gap:5px; max-width:600px; margin:0 auto; }
#bo_sch select { height:42px; border:1px solid #ccc; padding:0 10px; background:#fff; color:#333; outline:none; }
#bo_sch .sch_input { flex:1; height:42px; border:1px solid #ccc; padding:0 15px; outline:none; }
#bo_sch .sch_btn { height:42px; padding:0 25px; background:#343a40; color:#fff; border:none; font-weight:600; cursor:pointer; transition:0.2s; }
#bo_sch .sch_btn:hover { background:#212529; }
@media (max-width: 1200px) {
   #bo_list { margin:10px 0; padding:0 20px; position:relative; }
}
/* 모바일 반응형 처리 */
@media (max-width: 969px){
    .bo_ul li { flex-direction:column; align-items:flex-start; padding:15px; }
    .bo_subject { width:100%; padding-right:0; margin-bottom:10px; line-height:1.4; }
    .bo_info { width:100%; justify-content:flex-start; gap:12px; }
    .bo_writer { width:auto; justify-content:flex-start; text-align:left; }
    .bo_view { width:auto; margin-left:0; }
    .bo_date { width:auto; margin-left:0; }
    .sch_inner_wr { flex-direction:row; }
    #bo_sch select { width:100px; }
}



/* 게시판 쓰기 */
#bo_w #wr_email, #bo_w #wr_homepage, #bo_w #wr_subject {width:100%}
#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}
#wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%}

/* 게시판 읽기 */
#bo_v_table {padding: 10px;color:#999;font-size:0.9em;font-weight:bold}
#bo_v_title {padding-top: 20px;text-align:left}
.bo_v_cate{display: inline-block;color: #7d8dff ;font-weight: normal;text-decoration: none;font-size: 0.92em;margin:5px 0 ;}
.bo_v_tit{display:block;font-size:1.5em;margin:5px 0 }
#bo_v_info {position:relative;padding:10px 70px 20px 0 ;border-bottom:1px solid #eee;text-align:left;color:#767e86;line-height:20px;}
#bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;font-weight:normal;margin:0 5px}
#bo_v_info .profile_img img{border-radius:50%;vertical-align:top}
#bo_v_info .icon_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;background-size:80%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}
#bo_v_info .icon_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;background-size:70%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}

#bo_v_edit{position:absolute;bottom:0;right:0;margin-top:-15px}
#bo_v_edit .view_btn{width:50px;height:45px;background:none;border:0;font-size: 15px;color: #9ea2a5;}
#bo_v_edit .view_btn:hover{color:#0060ff}
#bo_v_edit .bo_v_left{display:none;position:absolute;top:40px;right:0;width:100px;background:#fff; border:1px solid #d4d4d4;z-index:599;box-shadow: 0 2px 3px #eee}
#bo_v_edit .bo_v_left li {line-height:40px;width:100%;float:none;border-top:1px solid #f1f1f1;font-size:12px !important;text-align:left;padding:0 10px;position:relative}
#bo_v_edit .bo_v_left li button{width:100%;font-size:12px !important;text-align:left;color:#6b757c !important;height:40px;border:none;background:none;}
#bo_v_edit .bo_v_left li i{position:absolute;top:0;right:10px;line-height:40px;font-size:14px !important;;color:#92a1af}
#bo_v_edit .bo_v_left li:hover{background:#f8f8f8}
#bo_v_edit .bo_v_left li a {color:#6b757c;font-size:12px !important}

#bo_v_file {margin:0 }
#bo_v_file h2  {position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding: 10px 10px 10px 60px;border: 1px solid #e8e8e8;color:#aaa;margin:10px 0;border-radius:5px;position:relative;box-shadow: 1px 2px 8px #e2e4f1}
#bo_v_file li i{position:absolute;top:50%;left:10px;font-size:20px;;width:40px;line-height:40px;text-align:center;margin-top:-20px}
#bo_v_file a {display:block;color:#aaa;text-decoration:none;margin:0 0 3px}
#bo_v_file a strong{text-decoration:underline}
#bo_v_file  span {font-size:0.91em}
#bo_v_file li:hover,#bo_v_file li:hover a {color:#5c75c3;text-decoration:none}

#bo_v_link {margin:0 }
#bo_v_link h2  {position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding: 10px 10px 10px 60px;border: 1px solid #e8e8e8;color:#aaa;margin:10px 0;border-radius:5px;position:relative;box-shadow: 1px 2px 8px #e2e4f1}
#bo_v_link li i{position:absolute;top:50%;left:10px;font-size:20px;;width:40px;line-height:40px;text-align:center;margin-top:-20px}
#bo_v_link a {display:block;color:#aaa;text-decoration:none;margin:0 0 3px}
#bo_v_link li:hover,#bo_v_link li:hover a  {color:#a629e0;text-decoration:none}
#bo_v_link a strong{text-decoration:underline}
#bo_v_link span {font-size:0.91em}

#bo_v_top {margin:20px}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top ul {margin:0;padding:0;list-style:none}
#bo_v_top ul li{display:inline-block;}
.bo_v_left{float:left}
.bo_v_right{float:right}
#bo_v_bot {text-align:right;margin:20px 10px}

.bo_v_nb { margin:30px 0; background:#fff; position:relative; border-top:1px solid #2f3e4e; border-bottom:1px solid #dcdcdc; }
.bo_v_nb:after { display:block; visibility:hidden; clear:both; content:""; }
.bo_v_nb li { border-bottom:1px solid #eee; }
.bo_v_nb li:last-child { border-bottom:0; }
.bo_v_nb li a { display:block; padding:16px 15px; color:#444; font-size:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.2s; }
.bo_v_nb li a:hover { background:#f8f9fa; color:#0054a6; font-weight:500; }
.bo_v_nb li i { color:#777; width:30px; text-align:center; font-size:14px; margin-right:5px; }

#bo_v_atc {min-height:200px;margin:20px 0}
#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}
#bo_v_con {min-height:200px;margin-bottom:20px;width:100%;font-size:1.250em;line-height:1.7em;word-break:break-all;overflow:hidden}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .btn {margin-right:5px;vertical-align:middle;border-radius:30px}
#bo_v_act .bo_v_good{border:1px solid #ff1313;color:#ff1313;padding:0 20px}
#bo_v_act .bo_v_nogood{border:1px solid #dedede;color:#888;padding:0 20px}

/* 게시판 댓글 */
#bo_vc_w{margin:20px}
.cmt_btn{text-align:left ;width:100% ;border:0;color:#696ae6;font-weight:bold;font-size:1.154em;padding:20px;background:none;position:relative}
#bo_vc {margin:20px }
#bo_vc article {margin:0 0 20px;position:relative}
#bo_vc header {line-height:20px;color:#888d94}
#bo_vc .cmt_contents {margin:5px 0 ;line-height:1.8em;border-bottom:1px solid #e8e8e8;padding-bottom:20px}
#bo_vc_empty {margin:0;padding:15px !important;text-align:center}

/*글쓰기*/
#bo_w .form_01{margin:10px 0}
#bo_w .bo_w_select select{border:1px solid #3497d9;background:#fff;width:100%}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;text-align:center}
#bo_w .bo_w_link .frm_input{padding-left:50px}
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;text-align:center}
#bo_w .bo_w_flie .frm_file{padding-left:50px;}
#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input{margin:5px 0 0 }
.write_div{text-align:right;margin:10px 0}
/* 날짜 입력창 래퍼 */
.date_input_wrap { position: relative; display: flex; align-items: center; }

/* 입력창 스타일 */
#wr_subject { cursor: pointer; background: #fff; padding-right: 40px; }

/* 달력 아이콘 스타일 */
.date_icon { position: absolute; right: 15px; color: #999; pointer-events: none; font-size: 18px; }

/* 타이틀 영역 기본 숨김 */
.history_board_wrap #container_title { display: none; }

/* 연혁 등록 버튼 */
.btn_history_write { margin-bottom: 50px; text-align: right; }
.btn_history_write .btn_confirm { display: inline-block; padding: 12px 28px; background-color: var(--point_blue, #1E5BB8); color: #ffffff !important; border-radius: 4px; font-weight: 600; font-size: 15px; text-decoration: none !important; transition: background 0.3s; }
.btn_history_write .btn_confirm:hover { background-color: var(--main_blue, #5E7A98); color: #ffffff !important; }

/* 타임라인 레이아웃 및 그룹 배치 */
.history_timeline_wrap { width: 100%; margin-top: -30px; }
.history_group { display: flex; align-items: flex-start; padding: 30px 0; border-bottom: 1px solid #eef2f6; }
.history_group:last-child { border-bottom: none; }
.history_year_title { width: 20%; font-size: 24px; font-weight: 800; color: var(--point_blue, #1E5BB8); line-height: 1.2; padding-top: 5px; }
.history_details_list { width: 80%; padding-left: 20px; }
.history_desc_item { font-size: 16px; color: var(--text_dark, #333); line-height: 1.8; margin-bottom: 12px; }
.history_desc_item:last-child { margin-bottom: 0; }
@media (max-width: 969px){
    #bo_vc header{padding-left:0}
    #bo_vc,#bo_vc_w,.cmt_btn {margin: 20px 0}
    #bo_w .form_01 {margin:10px}
    .write_div{text-align:right;margin:10px}
	.history_year_title { font-size: 19px;  }
}