@charset "utf-8";


.sub6_1_top_view_bg { background: url(./img/sub6_1_top_img01.png) 50% 100%/ cover no-repeat; }
.sub6_1_top_view_bg + .sub_top_text { color: #151515;}
.sub6_1_top_view_bg + .sub_titlebox > .txt02 { font-weight: 500; font-size: 1.125rem;}
.sub6_1_top_view_bg + .sub_titlebox > .txt02 + .txt01 { margin-top: 2rem;}
.sub6_1_top_view_bg + .sub_titlebox > .txt01 + .txt02 { margin-top: 2rem;}

/* SIR 지운아빠 */

/* ### 기본 스타일 커스터마이징 시작 ### */
/*#footer{display:block !important;}*/
#bo_gall { 
    width: 100%;
    max-width:1350px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 125px;
}

/* Select box 스타일 초기화 */ 
select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: url('img/down-arrow.svg') no-repeat right center;
    background-size: 11px;
    padding: 5px 7px 5px 5px;
    background-origin: content-box;
    color:#333; 
}

/* IE 에서 Select box 화살표 제거 */ 
select::-ms-expand { display: none; }

#content{background-color: #FFFEFA;}

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_gall a.btn_b01 {}
#bo_gall a.btn_b01:focus, #bo_gall a.btn_b01:hover {}
#bo_gall a.btn_b02 {transition: .3s;
    display: inline-block;
    min-width: 115px;
    height: 40px;
    padding: 0 20px;
    border: none;
    border-radius:0px;
    font-size: 13.523px;
    font-weight:400;
    color: #FFF !important;
    text-align: center;
    line-height: 40px;
    background: #CAB290;
    cursor: pointer;
    margin:20px 0 0;
}
#bo_gall a.btn_b02:focus, #bo_gall a.btn_b02:hover {
    background: #9D7C75;
}
#bo_gall a.btn_admin {} /* 관리자 전용 버튼 */
#bo_gall a.btn_admin:focus, #bo_gall .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_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {
    width: 140px;
    font-weight: 200;
    font-size: 14px;
    height: 40px !important;
    color: #fff;
    cursor: pointer;
    background: #383838;
    border: 1px solid #383838;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    box-shadow: none !important;
    padding-left: 5px !important;
}
#bo_w button.btn_submit {}
#bo_w fieldset .btn_submit {}
#bo_w .btn_cancel {
    display:inline-block;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    box-shadow: none !important;
}
#bo_w button.btn_cancel {}
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
#bo_w button.btn_frmline {
    height:40px; background: #383838; color:#fff;
}

/* 기본 테이블 */
/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {vertical-align: middle; border-bottom: 1px solid #cbcbcb; padding: 20px; text-align: left;}
input[id="notice"]{
    
}
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#bo_w .required, #bo_w textarea.required {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    box-shadow: none !important;
    border:1px solid #ccc;
}
#bo_w .frm_input{
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    box-shadow: none !important;
    border:1px solid #ccc;
}
.bo_category_list_input{
    appearance:auto;
    -webkit-appearance: auto;
}

#bo_w .cke_sc {}
#bo_w button.btn_cke_sc{margin: 0 0 0 auto; display: block;}
#bo_w .cke_sc_def {}
#bo_w .cke_sc_def dl {}
#bo_w .cke_sc_def dl:after {}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
#bo_w .cke_sc_def dt {}
#bo_w .cke_sc_def dd {}

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

/* 분류 */
#bo_cate ul { display:flex; margin:0 auto 6rem; justify-content:center; }
#bo_cate li { display:inline-block; width:auto; margin:0 10px; text-align:center; }
#bo_cate a { position:relative; width:130px; display:block; padding:0.4rem 0; border:1px solid #6e6e6e; color:#6e6e6e; background-color:#fff !important; font-size:1.125rem; border-radius:50px; font-weight:500; text-align:center;}
#bo_cate #bo_cate_on { border:1px solid #80a3b7; color:#fff; background-color:#80a3b7 !important; font-weight:500; }
#bo_cate a:hover { border:1px solid #80a3b7; color:#fff; background-color:#80a3b7 !important; font-weight:500; }

.td_subject img {margin-left:3px}

/* 갤러리 목록 */

.bbs_bar {
    width: 100%;
    /*border-bottom: 3px solid #383838;*/
    /*padding: 50px 0 20px;*/
    margin: 60px 0 20px;
}

.bbs_bar::after {
    content: '';
    display: block;
    clear: both;
}

table.boardList {width:100%;  word-break:break-all; text-align:center; border-top: 1px solid #BABABA;}
table.boardList th {color:#676767; border-bottom:1px solid #cecece; line-height:55px;}

#bo_gall h2 {/* margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden */
    width: 400px;
    float: left;
}
#bo_gall h2>span {
    font-size: 36px;
    font-weight: 700;
    color: #383838;
    letter-spacing: -0.06em;
    line-height: 48px;
    height: 50px;
    margin: 0;
}
#bo_gall #gall_ul {margin:0px 0 0;padding:0;list-style:none;zoom:1}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_li {
    float:left;
    margin:0; padding:2% 0; border-bottom:1px solid #cbcbcb;
    display:flex; justify-content: center; align-items: center;
}

#bo_gall .gall_li:nth-of-type(2n) {
    margin-right: 0;
}

#bo_gall .gall_con {
    margin:0;padding:0;list-style:none;
    position: relative; width:100%; display:flex; justify-content:space-between; align-items: center;
}
#bo_gall .gall_con li {margin:0}
#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}
.gall_nember{width:15%; text-align:center;}
#bo_gall .gall_con li.first-child{width: 11%;}

#bo_gall .gall_now .gall_text_href a {color:#ff3061}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_href strong, #bo_gall .gall_href span {display:inline-block;text-align:center;}
#bo_gall .gall_href .cate_icon{font-weight: 600;}
#bo_gall .gall_href .new_icon{display: flex;width: 20px; height: 20px; justify-content: center; align-items: center; border-radius: 20px;color: #EA6117; text-align: center; font-family: SUIT; font-size: 10.205px; font-style: normal; font-weight: 600; background: #EEE; line-height: .5; margin-left: 13px;}
#bo_gall .gall_text_href {position:relative; margin:0; width:75%; padding:0 4%; display:flex; justify-content:flex-start; align-items:center;}
#bo_gall .gall_text_href a {
    width:100%;
    text-align: left;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: -0.06em;
    color: #1a1a1a;
    line-height: 1.3;
    display:flex; justify-content:flex-start; align-items:center;
}
#bo_gall .gall_text_href a > p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: auto;
}
#bo_gall .gall_text_href span {display:inline !important}
#bo_gall .gall_text_href img {margin-left:10px;}

.eventDate {
    color: #888;
    font-size: 16px;
    font-weight: normal;
    display:none;
}

.imgWrap{overflow:hidden; position:relative; width:270px; height:100%;}
.imgWrap img {position:relative; height:auto; }

.gall_chk{position: relative; width:5%; text-align:center;}
.gall_nember > p{color:#606060;}
.gall_href { position: relative; width:75%; text-align:center;}
.gall_href > a{ display:flex; justify-content:flex-start; align-items:center;gap: 68px;} 
.gall_datetime { position: relative; width:15%; text-align:center;}
.gall_datetime > p{ color:#606060;}
.cateIconBox {
    position: relative; display:inline-block; 
}

.cateIconBox1 {
    position: relative; display:inline-block; 
}
.cate_icon {
    color: #000 !important;
    margin-right:1rem;
    text-align: center;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* 게시판 목록 공통 */
.bo_fx {display:flex; justify-content:flex-end; align-items:center; margin-bottom:0px;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;padding-top:5px}
.btn_bo_user {margin:20px 0 0 !important; padding:0; list-style:none; display:flex; justify-content:center; align-items:flex-end;}
.btn_bo_user li {margin-left:5px}
.btn_bo_user li a.btn_bo_user01{margin:0 !important; display:block !important;}
.btn_bo_user li a.btn_bo_user02{margin:0 !important; display:block !important;}
.btn_bo_user li a.btn_bo_user03{margin:0 !important; display:block !important;}
.btn_bo_adm {margin:20px 0 0 !important; padding:0; list-style:none; display:flex; justify-content:center; align-items:flex-end;}
.btn_bo_adm li {margin-right:5px}
.btn_bo_adm input {transition: .3s;
    display:flex; 
    justify-content:center; 
    align-items:center; 
    min-width:115px; 
    height:40px; 
    padding:0 20px; 
    margin:0 2px; 
    border:none;  
    color:#fff; 
    cursor:pointer; 
    background-color:#4B4B4B; 
    border-radius:0px !important; 
    text-align:center; 
    font-size:13.523px;
    font-weight:400;
}
.btn_bo_adm input:hover { 
    background-color:#9D7C75; 
}
.bo_notice td {background:#f7f7f2}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}

.eventMoreBtn {
    position: relative;
    width:20%;
    text-align:center;
}

.eventBtn {
    position: relative;
    display:none;
    
}

.bo_cate_link {
    display:inline-block;
    margin:0;
    padding:0;
    /* border-right:1px solid #e7f1ed; */
    color:#fff !important;
    font-weight:bold;
    text-decoration:none;
    width: 130px;
    height: 50px;
    background: #b0845e;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 16px;
    font-weight: 200;
    text-align: center;
    line-height: 50px;
    letter-spacing: -0.06em;
} /* 글제목줄 분류스타일 */

.bo_cate_link1 {
    display:inline-block;
    margin:0;
    padding:0;
    /* border-right:1px solid #e7f1ed; */
    color:#fff !important;
    font-weight:bold;
    text-decoration:none;
    width: 130px;
    height: 50px;
    background: #666666;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 16px;
    font-weight: 200;
    text-align: center;
    line-height: 50px;
    letter-spacing: -0.06em;
} /* 글제목줄 분류스타일 */

.bo_cate_link::after {
    content: 'GO';
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: inline-block;
    color: #b0845e;
    font-size: 12px;
    text-align: center;
    line-height: 26px;
    margin-left: 5px;
    font-weight: 700;
}

.bo_current {color:#e8180c}


#bo_sch {

}
#bo_sch form{
    height: 40px !important;
    display:flex;
    justify-content:flex-end;
    align-items:center;
}


.btn_submit {
    width: 60px;
    font-weight: 200;
    font-size: 14px;
    height: 40px !important;
    /*line-height: 32px !important;*/
    color: #444;
    cursor: pointer;
    background: #fff;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-left:none;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-top-right-radius:15% 20% !important;
    border-bottom-right-radius:15% 20% !important;
    box-shadow: none !important;
    padding-left:0 !important;

}
.btn_submit:hover {
    /*background: #68323a;*/
}

a.btn_cancel {
    width: 100px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #bbb;
    color: #666 !important;
    background: #fff !important;
    text-align: center;
    font-weight: 200;
    font-size: 14px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


.frm_input.search_input {
    width: 180px;
    margin-right: 0;
    border-right: none;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-top-left-radius:5% 20% !important;
    border-bottom-left-radius:5% 20% !important;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    border-right:none;
    box-shadow: none !important;
    padding-right:0 !important;
}

.frm_input:active {
    /*background: #fff;*/
}

input::placeholder {
    color: #888;
    opacity: 1;
}
input::-moz-placeholder {
    color: #888;
    opacity: 1;
  }
input:-ms-input-placeholder {
color: #888;
}
input::-webkit-input-placeholder {
color: #888;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { 
color:transparent;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { 
color:transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
color:transparent;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
color:transparent;
}

#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch { display: flex;  justify-content: flex-end; align-items: center; font-size: 1.063rem; margin-bottom: 3.5rem;}
#bo_sch >form { display: flex; align-items: center; padding-right: 9px;}
#bo_sch select#sfl { text-align-last: center; text-align: center; width: 104px; height: 42px; border: 1px solid #AEAEAE; background: url(./img/select_arrow.png) no-repeat calc(100% - 0.85rem) center; border-radius: 0; color: #000; text-align: center; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400;    appearance: none; text-indent: -14px;}
#bo_sch select#sfl option{text-align: center;}
#bo_sch .sch_input { width: 209px;
height: 42px; border: 1px solid #AEAEAE; background: transparent; border-radius: 0; padding: 0.5rem 1rem 0.5rem 0; color: #7f7f7f;  position: relative;  margin: 0 0 0 0.5rem;color: #8B8B8B; text-align: center; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400;  }
#bo_sch .sch_btn { border: none; display: flex; width: 74px; background: #CAB290; height: 42px;flex-direction: column; justify-content: center;color: #FFF; text-align: center; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400;}

#bo_gall li.empty_list {padding:85px 0;text-align:center}

/* #sfl {
    width: 80px;
    height: 40px;
    border:1px solid #fff;
    font-size: 14px;
    color: #898888;
    margin-right: 3px;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
} */
#sfl select, #sfl input[type='text'] {float:left; height:40px; font-size:15px; color:#898888;}
#sfl select {width:80px; margin-right:14px; padding:5px; border:none; background: url('img/down-arrow.svg') no-repeat 97% 50% rgba(255, 255, 255, 0); background-size:11px;/*화살표 select박스 오른쪽 중앙 배치,배경 흰색*/}
#sfl input[type='text'] {
    width: 180px;
    margin-right: 0;
    border-right: none;
    border-top-left-radius:5% 20%;
    border-bottom-left-radius:5% 20%;
}
#sfl input[type='submit'] {
    float: left;
    width: 60px;
    height: 40px;
    margin-right: 10px;
    border: 0px;
    font-size: 15px;
    color: #898888;
    cursor: pointer;
    background: #fff;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-top-right-radius:15% 20%;
    border-bottom-right-radius:15% 20%;
}
.pg_wrap {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 140px;
}
.pg_wrap .pg {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    gap: 6px;
}
.pg_wrap .sound_only {
    display: none !important;
}
.pg_wrap .pg > a,
.pg_wrap .pg > span,
.pg_wrap .pg > strong {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.pg_wrap .pg > .pg_page {
    background-color: transparent;
    border: none;
    display: inline-flex;
    height: 28px;
    padding: 10px 10px 10px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    color: #3E4448;
    text-align: center;
    font-family: Pretendard, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.16px;
    box-sizing: border-box;
    transition: all 0.2s ease;
}
.pg_wrap .pg > .pg_page:hover {
    color: #2563EB !important;
    background-color: var(--Sky-blue, #F3F8FF) !important;
}
.pg_wrap .pg > .pg_current {
    background-color: var(--Point, #275FAA) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 4px 13px 4px 12px;
    border-radius: 8px;
    box-sizing: border-box;
    font-family: Pretendard, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 150%;
    letter-spacing: -0.16px;
}
.pg_wrap .pg > .pg_start,
.pg_wrap .pg > .pg_prev,
.pg_wrap .pg > .pg_next,
.pg_wrap .pg > .pg_end,
.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 {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    font-size: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    opacity: 0.6;
    transition: opacity 0.2s ease, background-color 0.2s ease;
    border-radius: 8px;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.pg_wrap .pg > .pg_start:hover,
.pg_wrap .pg > .pg_prev:hover,
.pg_wrap .pg > .pg_next:hover,
.pg_wrap .pg > .pg_end:hover,
.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 {
    opacity: 1 !important;
    background-color: var(--Sky-blue, #F3F8FF) !important;
}
.pg_wrap .pg > .pg_prev,
.pg_wrap .pg > .pg_page.pg_prev {
    margin-right: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.5 13.2292L9.26667 9.99583L12.5 6.7625C12.825 6.4375 12.825 5.9125 12.5 5.5875C12.175 5.2625 11.65 5.2625 11.325 5.5875L7.5 9.4125C7.175 9.7375 7.175 10.2625 7.5 10.5875L11.325 14.4125C11.65 14.7375 12.175 14.7375 12.5 14.4125C12.8167 14.0875 12.825 13.5542 12.5 13.2292Z' fill='%237D7D80'/%3E%3C/svg%3E") !important;
}
.pg_wrap .pg > .pg_next,
.pg_wrap .pg > .pg_page.pg_next {
    margin-left: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.5 13.2292L10.7333 9.99583L7.5 6.7625C7.175 6.4375 7.175 5.9125 7.5 5.5875C7.825 5.2625 8.35 5.2625 8.675 5.5875L12.5 9.4125C12.825 9.7375 12.825 10.2625 12.5 10.5875L8.675 14.4125C8.35 14.7375 7.825 14.7375 7.5 14.4125C7.18333 14.0875 7.175 13.5542 7.5 13.2292Z' fill='%237D7D80'/%3E%3C/svg%3E") !important;
}
.pg_wrap .pg > .pg_start,
.pg_wrap .pg > .pg_page.pg_start {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15.2375 14.4078C15.5625 14.0828 15.5625 13.5578 15.2375 13.2328L12.0125 9.99947L15.2458 6.76614C15.5708 6.44114 15.5708 5.91614 15.2458 5.59114C14.9208 5.26614 14.3958 5.26614 14.0708 5.59114L10.2458 9.41614C9.92083 9.74114 9.92083 10.2661 10.2458 10.5911L14.0708 14.4161C14.3875 14.7328 14.9125 14.7328 15.2375 14.4078Z' fill='%237D7D80'/%3E%3Cpath d='M9.74583 14.4078C10.0708 14.0828 10.0708 13.5578 9.74583 13.2328L6.52083 9.99947L9.75417 6.76614C10.0792 6.44114 10.0792 5.91614 9.75417 5.59114C9.42917 5.26614 8.90417 5.26614 8.57917 5.59114L4.75417 9.41614C4.42917 9.74114 4.42917 10.2661 4.75417 10.5911L8.57917 14.4161C8.89583 14.7328 9.42083 14.7328 9.74583 14.4078Z' fill='%237D7D80'/%3E%3C/svg%3E") !important;
}
.pg_wrap .pg > .pg_end,
.pg_wrap .pg > .pg_page.pg_end {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.75417 5.59219C4.42917 5.91719 4.42917 6.44219 4.75417 6.76719L7.9875 10.0005L4.75417 13.2339C4.42917 13.5589 4.42917 14.0839 4.75417 14.4089C5.07917 14.7339 5.60417 14.7339 5.92917 14.4089L9.75417 10.5839C10.0792 10.2589 10.0792 9.73386 9.75417 9.40886L5.9375 5.59219C5.6125 5.26719 5.07917 5.26719 4.75417 5.59219Z' fill='%237D7D80'/%3E%3Cpath d='M10.2458 5.59219C9.92083 5.91719 9.92083 6.44219 10.2458 6.76719L13.4792 10.0005L10.2458 13.2339C9.92083 13.5589 9.92083 14.0839 10.2458 14.4089C10.5708 14.7339 11.0958 14.7339 11.4208 14.4089L15.2458 10.5839C15.5708 10.2589 15.5708 9.73386 15.2458 9.40886L11.4208 5.58386C11.1042 5.26719 10.5708 5.26719 10.2458 5.59219Z' fill='%237D7D80'/%3E%3C/svg%3E") !important;
}

.pg_wrap img {
    vertical-align: middle;
}

/* 게시판 쓰기 */
#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;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
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:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;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}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

/* 게시판 읽기 */
.bbsWithd { 
    width: 1120px; 
    margin: 0px auto 0;
    border-collapse:collapse;
}

#bo_v {margin-bottom:20px;padding-bottom:20px}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {
    /* padding:10px 0; font-size:1.2em; */
    width: 50%;
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    letter-spacing: -0.04em;
   /*  line-height: 26px; */
}

#bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;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_file {}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_top {
    /* margin:0 0 10px;padding:10px 0;zoom:1 */
    width: 1200px;
    margin: 15px auto 0;
}
#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 {margin:0;padding:0;list-style:none}

a.btn_b01, .btn_b01 {
    background: #fff !important;
    color: #333 !important;
    font-size: 14px !important;
    border:1px solid #dbdbdb;
    padding: 10px 20px;
}

#bo_v_bot {
    zoom:1;
    width: 1120px;
    margin: 0 auto;
    padding: 30px 0 50px;
    border-top: 1px solid #dbdbdb;
}
#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_bot ul {margin:0;padding:0;list-style:none; display: flex; align-items: center; justify-content: center; gap: 0.4rem;}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}
.bo_v_com li a.btn_admin{display:none;}
.bo_v_com li:nth-child(6) a.btn_b01{display:none;}
.bo_v_com li a.btn_b02{
    min-width: 140px;
    padding: 11px 45px;
    border: 0;
    font-size: 15px;
    color: #fff !important;
    text-align: center;
    background: #383838;
    cursor: pointer;
}

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

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

#bo_v_con {
    /* margin-bottom:30px; */
    /* width:100%; */
    width: 1120px;
    margin: 30px auto;
    line-height:1.7em;
    text-align: center;
    /* word-break:break-all; */
    overflow:hidden;
}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act a.btn_b01_scrap {display:none;}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e5e8ec;background:#f5f8f9}
#bo_vc h2 {margin-bottom:10px}
#bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
#bo_vc header {position:relative;padding:15px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

.top_line { 
    background-color:#fff; 
    border-top:1px solid #cbcbcb; 
    border-bottom: 1px solid #cbcbcb;
}
.my_button_r {
    /* top:30px;left:0;padding:7px;width:45px;background:#ff3061;color:#fff;font-weight:bold */
    width: 50px;
    height: 26px;
    line-height: 26px;
    display:block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #C6A582;
    /*background: #006241;*/
    text-align: center;
    margin-right: 10px;
}
.my_button_b {top:30px;left:0;padding:7px;width:45px;/*background:#6d70c7;*/color:#006241;font-weight:bold}
.bo_v_date {
    /* color: #342ffd; font-weight:bold;line-height:20px;font-size:1.2em */
    color: #888;
    font-size: 14px;
    line-height: 26px;
    float: right;
    text-align: right;
    display: block;
    width: 50%;
    font-weight: 200;
}
.bo_v_date>b {
    font-weight: 450;
}
.pdt15 { padding-top: 15px !important}
.pdb15 { padding-bottom: 15px !important}
#bo_w {
    width: 1120px;
    margin: 50px auto;
}

.eventTit_ip {
    width: 800px;
    text-indent: 10px;
    border: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
}
.eventTit_ip.required {
    background-position: 775px center !important;
}
/* input {
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    padding: 5px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
} */
.tbl_frm01 .frm_file {
    margin: 0 0 5px !important;
    text-indent: 0px !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    box-shadow: none !important;
    border:1px solid #ccc;
}
.tbl_frm01 th {
    width: 150px !important;
    text-align:left;
    font-size: 16px;
    color: #585858;
    padding: 17px 10px 17px 30px;
    line-height: 22px;
    vertical-align: middle;
    background: #f8f8f8;
}

#bo_w .btn_confirm {margin-top:40px; text-align: center !important } 

.sub1_5_bottom{margin-top:100px;}

@media (max-width:1024px) {
    #bo_gall{width:100%; max-width:100%;}
    .bbs_bar{padding:0 2%;}
    
    .bbsWithd{width:100%;}
    #bo_v_con{width:100%;}
    #bo_v_bot{width:100%;}
    #bo_w{width:100%;}
    
    #bo_gall .gall_text_href a > .imgWrap{width:40%;}
    
    
}
@media (max-width:960px) {
    #bo_gall{width:100%; max-width:90%;}
    #bo_gall .gall_text_href a > .imgWrap{display:none;}
}
@media (max-width:800px) {
    .btn_submit{font-size: 0.9rem;}
    .gall_nember{width:18%;}
    #bo_gall .gall_text_href{width:55%;}
    table.boardList tr{width:100% !important;}
    
    .bbsWithd{width: 96%;}
    #bo_v_con{padding:0 2%;}
    #bo_v_bot{padding: 30px 2% 50px;}
    #bo_w{position: relative; width: 100%; display: block; padding: 60px 2% 0;}
    #bo_w .tbl_frm01{position:relative; width:100%; display:block;}
    .tbl_frm01 th{width:25% !important; border-bottom: 1px solid #cbcbcb;}
    #bo_w .tbl_frm01 td{width:75% !important;}
    .eventTit_ip{width:77%;}
    #bo_w button.btn_frmline{height:30px; font-size: 12px;}
    #bo_gall #gall_ul{gap: 5vw 3vw;}
    #bo_gall .bo_tit{margin: 3vw 0;}
    #bo_sch .sch_input{width: 36vw; height: 10vw;}
    #bo_sch select#sfl{width: 20vw; height: 10vw;}
    #bo_sch .sch_btn{width: 17vw; height: 10vw;}
    #bo_gall .gall_href .new_icon{width: 15px; height: 15px; font-size: 10px; margin-left: 3px;}
    
}
@media (max-width:480px) {
    .pg_wrap{margin-bottom: 40px;}
    .pdb15{padding-bottom:10px !important; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;}
    .pdt15{padding-top:10px !important;}
    
    #bo_cate ul{margin:0 auto 3rem;}
    #bo_cate li{margin:0 8px;}
    #bo_cate a{width:100px;}
    
    #bo_sch{width:100%;}
    #sfl{width:80px; height:35px; font-size:1rem;}
    select{background-size: 8px;}
    .frm_input.search_input{width:130px; font-size:1rem;}
    #bo_sch input{height:35px; line-height: 24px;}
    
    #bo_gall .gall_li{padding:4% 0;}
    .btn_submit{font-size: 1rem; width:40px; height:35px !important;}
    .gall_nember{width:10%;}
    #bo_gall .gall_text_href{width:55%;}
    .eventMoreBtn{width:20%; padding:0 2%;}
    #bo_gall a.btn_b02{min-width:100px; height:35px; line-height:34px; font-size:1.125rem; padding:0 10px;}
    
    a.btn_b01, .btn_b01{font-size: 2.0833vw !important; padding: 8px 12px;}
    .bo_v_com li a.btn_b02{font-size: 2.0833vw !important; padding: 9px 25px;}
    .my_button_r{font-size: 1.5rem;}
    #bo_v_title{font-size: 1.5rem; width:100%; line-height: 1.4;}
    .bo_v_date{font-size: 1.2rem; width:100%; text-align:left;}
    
    #bo_w{position: relative; width: 100%; display: block; padding: 60px 2% 0;}
    #bo_w .tbl_frm01{position:relative; width:100%; display:block;}
    .tbl_frm01 th{font-size: 1rem; padding: 3% 0% 3% 4%; line-height: 1.2;}
    #bo_w .tbl_frm01 td{width:75% !important;}
    .eventTit_ip{width:77%;}
    #bo_w .frm_input{width:77%;}
    #bo_w .frm_input.hasDatepicker{width:25%;}
    #bo_w button.btn_frmline{height:30px; font-size: 12px;}
    
    #bo_gall .gall_text_href a > p{width:100%; font-size:1.2rem;}

    /* S:: 231027 S 수정 */
    .title_wrap { flex-direction: column; }
    .bo_v_date { position: static !important; padding-top: 1rem;}
    .my_button_r{font-size: 1rem;}
    #bo_v_title{font-size: 1rem;}
    .bo_v_date{font-size: 0.9rem;}
    /* .bo_v_nb a.btn_b01, .bo_v_nb .btn_b01{width: 50px!important;} */
    a.btn_b01, .btn_b01{ width: 50px!important; padding:0 9px!important;}
    .bo_v_com li a.btn_b02{ width: 50px!important; padding:0 9px!important;}
    /* E:: 231027 S 수정 */

    #bo_sch .sch_input{font-size: 3vw; }
	#bo_sch select#sfl{font-size: 3.2vw; background-size: 10px;}
    #bo_sch .sch_btn{font-size: 3.2vw;;}
    #bo_sch{margin-bottom: 10vw;}
}
@media (max-width:434px) {
    .bbs_bar{padding:0 0%;}
    #bo_cate a{width:90px; padding:5px 0;}
    
    #sfl{height:30px;}
    .frm_input.search_input{width:120px;}
    #bo_sch input{height:30px; line-height: 20px;}
    .btn_submit{height:30px !important;}
    
    ::-webkit-input-placeholder {
        /* WebKit browsers */
         color: #fff;
    }
    ::-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
         color: #fff;
    }
    ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
         color: #fff;
    }
    ::-ms-input-placeholder {
        /* Internet Explorer 10+ */
         color: #fff;
    }
    input::placeholder {
         color: #fff;
    }   
    
    #bo_gall a.btn_b02{width:90px; height:30px; line-height:29px;}
    
    
    .bbsWithd{width: 90%;}
    #bo_v_atc{width:100%; margin:0 auto;}
    #bo_v_bot{padding:30px 5%;}
    .bo_v_com li a.btn_b02{min-width:90px; padding:8px 25px 9px;}
    
    .eventTit_ip{width:95%;}
    
    #bo_w{padding:0 5%; margin:6% auto;}
    .tbl_frm01 th{width:20% !important; padding:10px; font-size:1.25rem;}
    #bo_w .tbl_frm01 td{width:80% !important; padding:10px; font-size:1.125rem;}
    #bo_w .frm_input{width:95%; height:30px; line-height:30px;}
    #bo_w .frm_input.hasDatepicker{width:45%; height:30px;}
    #bo_w .btn_confirm{display:flex; justify-content:center; align-items:flex-start;}
    #bo_w .btn_submit{
        width:90px; margin-right:4px;
        font-size:1.25rem;
        border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
    }
    #bo_w .btn_cancel{
        width:90px; margin-right:4px;
        font-size:1.25rem;
        border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
    }
    
    .tbl_frm01 .frm_file{height:35px !important; line-height:26px !important; font-size:1rem;}
    .tbl_frm01 textarea{height:200px !important;}
    
    
    .my_button_r{width:auto; color:#c6a582;}
    a.btn_b01, .btn_b01{padding:8px;}
    .bo_v_nb{float:none;}
    .bo_v_com{float:none;}
    #bo_v_bot:after{display:none;}
    #bo_v_bot{display: flex; justify-content:space-between; align-items:flex-start;}
    
    
}


/* button */
.btn_fixed_top { position:relative; display:flex; justify-content:flex-end; align-items:center;}
#container.container-small .btn_fixed_top { padding-left:80px; }

.btn_list03 a { line-height:28px; background:#444; }
.btn_fixed_top .btn_submit { display:inline-block; min-width:120px; height:40px; line-height:40px; padding:0 20px; margin:0 2px; cursor:pointer; background-color:#454545; border-radius:0; text-align:center; }
.btn_fixed_top .btn_01 { display:inline-block; min-width:120px; height:40px; line-height:40px; padding:0 20px; margin:0 2px; cursor:pointer; background-color:#454545; border-radius:0; text-align:center; }
.btn_fixed_top .btn_01:hover { background-color:#454545; }
.btn_fixed_top .btn_02 { display:inline-block; min-width:120px; height:40px; line-height:40px; padding:0 20px; margin:0 2px; cursor:pointer; background-color:#7e8283; border-radius:0; text-align:center; }


.href_id{position:absolute; bottom:0; left:0; width:0; height:0; opacity:0; visibility:hidden;}
#bo_gall .gall_con li > a > p{text-align:left;color:#000; display: flex; align-items: center;}
.sub71_view_wrap{position:relative; padding:6rem 0; width:100%; max-width:90%; margin:0 auto;}
.title_wrap{position:relative; width:100%; /* padding:1.4rem 1rem; */ display:flex; justify-content:space-between; align-items:center;}
#bo_v_title{width:100%; text-align:center; float:none;}
.my_button_r{display:inline-block; float:none; width:auto; height:auto; line-height:1.6; color:#000;}
.bo_v_date{position:absolute; top:50%; right:2rem; color:#606060; width:auto; float:none; font-weight:400; transform:translateY(-50%) translateZ(0); -webkit-transform:translateY(-50%) translateZ(0); -moz-transform:translateY(-50%) translateZ(0); -ms-transform:translateY(-50%) translateZ(0); -o-transform:translateY(-50%) translateZ(0);}
#bo_v_atc{ margin:0 auto; text-align:center; padding:4rem 0 6rem;}
#bo_v_con{margin:0 auto; font-weight:400;}
#bo_v_img{margin:0 auto; text-align:center;}
#bo_v_con img{margin:0 0 2rem;}

#bo_v_bot{}
#bo_v_bot ul.bo_v_nb{float:none; display:flex; justify-content:flex-start; align-items:center; margin-bottom:-42px;}
#bo_v_bot ul.bo_v_com{float:none; display:flex; justify-content:center; align-items:center; gap:0 0.5rem;}
a.btn_b01, .btn_b01{
    width:116px;    transition: .3s;
    height:42px;
    line-height:40px;
    padding:0 20px;
    border:1px solid #c8c8c8 !important;
    border-radius:50px;
    text-align:center;
    font-weight:400;
    font-size:15px;
    color:#c8c8c8 !important;
    background-color:#fff !important;
}
.bo_v_nb a.btn_b01, .bo_v_nb .btn_b01{
    width:100px;
}
a.btn_b01:hover, .btn_b01:hover{
    border:1px solid #80a3b7 !important;
    color:#fff !important;
    background-color:#80a3b7 !important;
}
.bo_v_com li a.btn_b02{
    width:116px;
    min-width:100%;
    height:42px;
    line-height:40px;
    padding:0 20px;
    border:1px solid #6e6e6e !important;
    border-radius:50px;
    text-align:center;
    font-weight:400;
    font-size:15px;
    color:#6e6e6e !important;
    background-color:#fff !important;
}
.bo_v_com li a.btn_b02:hover{
    border:1px solid #80a3b7 !important;
    color:#fff !important;
    background-color:#80a3b7 !important;
}

#bo_w .btn_confirm{display:flex; justify-content:center; align-items:center; gap:0 0.5rem;}
#bo_w .btn_submit{
    width:116px !important;
    min-width:116px !important;
    height:42px !important;
    line-height:42px !important;
    padding:0 20px !important;
    border:1px solid #6e6e6e !important;
    border-radius:50px !important;
    text-align:center;
    font-weight:400;
    font-size:15px;
    color:#6e6e6e !important;
    background-color:#fff !important;
}
#bo_w .btn_submit:hover{
    border:1px solid #80a3b7 !important;
    color:#fff !important;
    background-color:#80a3b7 !important;
}
#bo_w .btn_cancel{
    width:116px !important;
    min-width:116px !important;
    height:42px !important;
    line-height:40px !important;
    padding:0 20px !important;
    border:1px solid #6e6e6e !important;
    border-radius:50px !important;
    text-align:center;
    font-weight:400;
    font-size:15px;
    color:#6e6e6e !important;
    background-color:#fff !important;
}
#bo_w .btn_cancel:hover{
    border:1px solid #80a3b7 !important;
    color:#fff !important;
    background-color:#80a3b7 !important;
}




@media (max-width:1280px) {
    .bbsWithd{width:100%;}
    #bo_v_atc{max-width:100%;}
    #bo_v_con{width:100%;}
    #bo_v_bot{width:100%;}
    
    
    .imgWrap{width:16rem; margin:0; padding:0 4rem 0 0;}
    #bo_gall .gall_con li > a > p{width:calc(70% - 16rem);}
}
@media (max-width:1024px) {
    .imgWrap{width:15rem;}
    #bo_gall .gall_con li > a > p{width:calc(90% - 15rem);}
}
@media (max-width:960px) {
    .imgWrap{width:14rem; margin:0; padding:0 2rem 0 0;}
    #bo_gall .gall_con li > a > p{width:calc(100% - 14rem);}
    
    #bo_w{margin:0 auto; padding:8rem 4rem !important;}
}
@media (max-width:800px) {
    #bo_gall{max-width:100%; padding:8rem 4rem;}
    
    #bo_cate ul{margin:0 auto 4rem;}
    table.boardList th{width: 10%!important;}
    table.boardList th.tit{width:8% !important; text-align: center; table-layout: fixed;}
    table.boardList th.title02{width:13% !important; table-layout: fixed;}
    table.boardList th.num05{width:14% !important; text-align: left; table-layout: fixed;}
    table.boardList th.num06{width:20% !important; table-layout: fixed;}
    .gall_nember{width:18%;}
    .gall_href{width:35%;}
    .gall_datetime{width:20%;}
    
    .imgWrap{width:13rem; margin:0; padding:0 2rem 0 0;}
    #bo_gall .gall_con li > a > p{width:calc(100% - 13rem);}
    
    
    #bo_w .btn_submit{width:7rem !important; min-width:auto !important; height: 40px !important; line-height: 40px !important; padding: 0 10px !important; font-size:1rem;}
    #bo_w .btn_cancel{width:7rem !important; min-width:auto !important; height: 40px !important; line-height: 40px !important; padding: 0 10px !important; font-size:1rem;}
    #bo_gall .gall_con li.num04{display: none;}
    .imgWrap{display:none;}
    table.boardList th.num04{display: none;}

}
@media (max-width:640px) {
    #bo_gall{padding:2rem 5% 6rem;}
    .cate_icon{margin-right:0;}
    
    .gall_nember > p{font-size:0.938rem;}
    .imgWrap{width:12rem; margin:0; padding:0 1.5rem 0 0;}
    #bo_gall .gall_con li > a > p{width:calc(100% - 12rem); font-size:1rem;}
    .gall_datetime > p{font-size:0.8rem;}
    
    .btn_bo_adm input{min-width:100px; height:38px; font-size:0.938rem;}
    #bo_gall a.btn_b02{min-width:100px; height:38px; line-height:38px; font-size:0.938rem; padding:0 1rem;}
    #bo_v_atc{padding: 5vw 0;}
}
@media (max-width:480px) {
    #bo_gall .gall_con li > a > p{width:100%; padding:0;}
        
    #bo_gall .gall_li{padding: 1.2rem 0;}
        
    .btn_bo_adm input{min-width:90px; height:33px; font-size: 3vw;}
    #bo_gall a.btn_b02{min-width:90px; height:33px; line-height:33px; font-size: 3vw;}
        
        
    #bo_w{margin:0 auto; padding:8rem 2rem !important;}

    .sub_top_cont{ height: 400px !important; min-height: unset !important; }
    table.boardList th{font-size: 3vw;}
    #bo_gall .gall_con li > a > p{text-align: left; font-size: 3vw; line-height: .5; flex-direction: column; justify-content: center; gap: 10px; align-items: start;}
    .gall_nember > p{font-size: 3vw;}
    .gall_datetime > p{font-size: 3vw;}
    #bo_gall .gall_href strong, #bo_gall .gall_href span{font-size: 3vw;  }
    #bo_gall .gall_con li{font-size: 3vw;}
    #bo_v_con{font-size: 3vw;}
}

/* 푸터 카카오 상담 버튼 강제 초기화 */
footer.ft_main_wrap .sns-btn-group a.btn-kakao {
    width: 160px !important;
    height: 48px !important;
    display: flex !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    border: 1px solid #2F2F2F55 !important;
    color: var(--Text_basic, #2F2F2F) !important;
    font-family: SUIT, sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
    text-decoration: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: all 0.2s ease !important;
}

/* 마우스 올림(hover) 시 올라오는 모션 제거 및 배경색만 변경 */
footer.ft_main_wrap .sns-btn-group a.btn-kakao:hover {
    border-color: #2F2F2F !important;
    background: #f9f9f9 !important;
    color: #111111 !important;
    transform: none !important;
    top: auto !important;
    margin-top: 0 !important;
    box-shadow: none !important;
}

footer.ft_main_wrap .sns-btn-group a.btn-kakao img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
    display: block !important;
}

footer.ft_main_wrap .sns-btn-group a.btn-kakao span {
    white-space: nowrap !important;
    color: inherit !important;
    font-size: inherit !important;
}

@media (max-width: 1024px) {
    footer.ft_main_wrap .ft-col.col-contact .sns-btn-group a.btn-kakao {
        width: 150px !important;
        height: 41px !important;
        padding: 8px 14px !important;
        font-size: 14px !important;
        line-height: 20px !important;
    }
    footer.ft_main_wrap .ft-col.col-contact .sns-btn-group a.btn-kakao img {
        width: 20px !important;
        height: 20px !important;
    }
}

/* 공지사항 목록 컨테이너 */
.clj_notice_container {
    width: 100% !important;
    max-width: 1600px !important;
    min-height: 72px !important;
    box-sizing: border-box !important;
    padding: 140px 0 0 0 !important;
}

/* 검색 및 카테고리 영역 */
.clj_sch_area {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 60px !important;
    width: 100% !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}
.clj_cate_wrap {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}
.clj_cate_wrap ul,
.clj_cate_wrap .clj_cate_ul {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.clj_cate_wrap li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.clj_cate_wrap .clj_cate_btn,
.board_wrap .clj_cate_wrap li a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important;
    padding: 0 24px !important;
    border-radius: 9999px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: Pretendard, sans-serif !important;
    color: #8E8E8E !important;
    background: #ffffff !important;
    border: 1px solid #8E8E8E !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
}
.clj_cate_wrap .clj_cate_btn:hover,
.board_wrap .clj_cate_wrap li a:hover {
    color: #275FAA !important;
    border-color: #275FAA !important;
    background: #F0F6FF !important;
}
.clj_cate_wrap .clj_cate_btn.active,
.board_wrap .clj_cate_wrap li a#bo_cate_on,
.board_wrap .clj_cate_wrap li a.active {
    background: var(--Point, #275FAA) !important;
    color: #FFFFFF !important;
    border-color: var(--Point, #275FAA) !important;
}
.clj_sch_form {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 20px !important;
}
.clj_sch_form .clj_cate_wrap {
    margin-right: auto !important;
}
.clj_sch_right_box {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.clj_sch_select_wrap select {
    height: 50px !important;
    border: 1px solid #8E8E8E !important;
    border-radius: 9999px !important;
    padding: 0 24px 0 20px !important;
    color: #8E8E8E !important;
    font-family: Pretendard, sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: -0.16px !important;
    background: #ffffff url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
    outline: none !important;
    box-sizing: border-box !important;
}
.clj_sch_input_wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}
.clj_sch_input_wrap input.sch_input {
    height: 50px !important;
    border: 1px solid #8E8E8E !important;
    border-radius: 9999px !important;
    padding: 0 44px 0 20px !important;
    color: #8E8E8E !important;
    font-family: Pretendard, sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: -0.16px !important;
    box-sizing: border-box !important;
    outline: none !important;
    margin: 0 !important;
    text-align: left !important;
}
.clj_sch_input_wrap button.sch_btn {
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    outline: none !important;
    width: auto !important;
    height: auto !important;
}

/* 목록 테이블 헤더 바 */
.clj_list_head {
    min-height: 72px;
    border-radius: 20px 20px 0 0 !important;
    background: var(--Sky-blue, #F3F8FF) !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    overflow: hidden;
    color: var(--Text_basic, #2F2F2F);
    text-align: center;
    text-overflow: ellipsis;
    font-family: Pretendard, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 170%;
}

.clj_col_chk { width: 4% !important; display: flex !important; justify-content: center !important; align-items: center !important; }
.clj_col_no { display: flex; width: 160px; padding: 10px 22px 10px 52px; align-items: center; gap: 8px; flex-shrink: 0; box-sizing: border-box; }
.clj_col_tit { display: flex; width: 830px; padding: 22px 0px; justify-content: center; align-items: center; gap: 8px; flex-shrink: 0; box-sizing: border-box; }
.clj_col_writer { display: flex; padding: 10px 12px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; }
.clj_col_date { display: flex; padding: 10px 12px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; }
.clj_col_hit { display: flex; padding: 10px 12px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; }

.clj_list_ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.clj_list_row {
    min-height: 216px;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid #F1F5F9 !important;
    box-sizing: border-box !important;
    transition: background-color 0.2s ease !important;
}
.clj_list_row:hover { background: var(--Sky-blue, #F3F8FF55) !important; }
.clj_list_row .clj_col_no { overflow: hidden; color: #3E4448; text-overflow: ellipsis; font-family: Pretendard, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; }
.clj_link_box {
    overflow: hidden;
    color: var(--Text_basic, #2F2F2F);
    text-align: center;
    text-overflow: ellipsis;
    font-family: Pretendard, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: flex;
    width: 830px;
    padding: 0 32px 3px 32px;
    align-items: center;
    gap: 48px;
    flex-shrink: 0;
    align-self: stretch;
    text-decoration: none !important;
}
.clj_thumb_wrap {
    max-width: 290px !important;
    min-height: 169px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}
.clj_thumb_wrap img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; transition: transform 0.3s ease !important; }
.clj_link_box:hover .clj_thumb_wrap img { transform: scale(1.03) !important; }
.clj_tit_text_box {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 8px !important;
}
.clj_tit_badge_row {
    display: flex !important;
    align-items: center !important;
}
.clj_badge_cate {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 12px !important;
    border-radius: 9999px !important;
    font-family: Pretendard, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
}
.clj_badge_cate.badge_notice {
    background: #EEF4FF !important;
    color: #275FAA !important;
    border: 1px solid #D6E4FF !important;
}
.clj_badge_cate.badge_event {
    background: #FFF4ED !important;
    color: #EA580C !important;
    border: 1px solid #FFEDD5 !important;
}
.clj_tit_row {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-align: left !important;
}
.clj_subject_text {
    overflow: hidden;
    color: var(--Text_basic, #2F2F2F);
    text-align: left;
    text-overflow: ellipsis;
    font-family: Pretendard, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.clj_link_box:hover .clj_subject_text { color: #2563EB !important; }
.clj_circle { width: 18px !important; height: 18px !important; display: inline-flex !important; align-items: center; justify-content: center; flex-shrink: 0 !important; }
.clj_circle img { width: 100%; height: 100%; object-fit: contain; display: block; }
.clj_mo_meta { display: none !important; }
.clj_list_row .clj_col_writer,
.clj_list_row .clj_col_date,
.clj_list_row .clj_col_hit { overflow: hidden; color: #777; text-align: center; text-overflow: ellipsis; font-family: Pretendard, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; }

/* 빈 목록 */
.clj_empty_row {
    padding: 60px 0 !important;
    text-align: center !important;
    font-size: 15px !important;
    color: #94A3B8 !important;
    border-bottom: 1px solid #F1F5F9 !important;
}

/* 관리자 버튼 바 */
.clj_admin_bar {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 24px !important;
}
.clj_adm_btn {
    height: 38px !important;
    padding: 0 18px !important;
    border-radius: 9999px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    transition: opacity 0.2s ease !important;
}
.clj_adm_del { background: #334155 !important; color: #ffffff !important; }
.clj_adm_write { background: #275FAA !important; color: #ffffff !important; }
.clj_adm_btn:hover { opacity: 0.9 !important; }

/* 페이지네이션 */
.clj_paging_wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 100px !important;
}
.clj_paging_wrap a,
.clj_paging_wrap span {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
}
.clj_paging_wrap .pg_current {
    background-color: var(--Point, #275FAA) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    display: flex;
    padding: 4px 13px 4px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
}
.clj_paging_wrap .pg_page {
    background-color: transparent;
    border: none;
    display: flex;
    height: 28px;
    padding: 10px 10px 13px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    color: #3E4448;
    text-align: right;
    font-family: Pretendard, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.16px;
}
.clj_paging_wrap a:hover {
    color: #2563EB !important;
    background-color: var(--Sky-blue, #F3F8FF) !important;
}
.clj_paging_wrap .pg_page.pg_start,
.clj_paging_wrap .pg_page.pg_prev,
.clj_paging_wrap .pg_page.pg_next,
.clj_paging_wrap .pg_page.pg_end {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    font-size: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    opacity: 0.6;
    transition: opacity 0.2s ease, background-color 0.2s ease;
    border-radius: 8px;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.clj_paging_wrap .pg_page.pg_start:hover,
.clj_paging_wrap .pg_page.pg_prev:hover,
.clj_paging_wrap .pg_page.pg_next:hover,
.clj_paging_wrap .pg_page.pg_end:hover {
    opacity: 1 !important;
    background-color: var(--Sky-blue, #F3F8FF) !important;
}
.clj_paging_wrap .pg_page.pg_prev {
    margin-right: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.5 13.2292L9.26667 9.99583L12.5 6.7625C12.825 6.4375 12.825 5.9125 12.5 5.5875C12.175 5.2625 11.65 5.2625 11.325 5.5875L7.5 9.4125C7.175 9.7375 7.175 10.2625 7.5 10.5875L11.325 14.4125C11.65 14.7375 12.175 14.7375 12.5 14.4125C12.8167 14.0875 12.825 13.5542 12.5 13.2292Z' fill='%237D7D80'/%3E%3C/svg%3E") !important;
}
.clj_paging_wrap .pg_page.pg_next {
    margin-left: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.5 13.2292L10.7333 9.99583L7.5 6.7625C7.175 6.4375 7.175 5.9125 7.5 5.5875C7.825 5.2625 8.35 5.2625 8.675 5.5875L12.5 9.4125C12.825 9.7375 12.825 10.2625 12.5 10.5875L8.675 14.4125C8.35 14.7375 7.825 14.7375 7.5 14.4125C7.18333 14.0875 7.175 13.5542 7.5 13.2292Z' fill='%237D7D80'/%3E%3C/svg%3E") !important;
}
.clj_paging_wrap .pg_page.pg_start {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15.2375 14.4078C15.5625 14.0828 15.5625 13.5578 15.2375 13.2328L12.0125 9.99947L15.2458 6.76614C15.5708 6.44114 15.5708 5.91614 15.2458 5.59114C14.9208 5.26614 14.3958 5.26614 14.0708 5.59114L10.2458 9.41614C9.92083 9.74114 9.92083 10.2661 10.2458 10.5911L14.0708 14.4161C14.3875 14.7328 14.9125 14.7328 15.2375 14.4078Z' fill='%237D7D80'/%3E%3Cpath d='M9.74583 14.4078C10.0708 14.0828 10.0708 13.5578 9.74583 13.2328L6.52083 9.99947L9.75417 6.76614C10.0792 6.44114 10.0792 5.91614 9.75417 5.59114C9.42917 5.26614 8.90417 5.26614 8.57917 5.59114L4.75417 9.41614C4.42917 9.74114 4.42917 10.2661 4.75417 10.5911L8.57917 14.4161C8.89583 14.7328 9.42083 14.7328 9.74583 14.4078Z' fill='%237D7D80'/%3E%3C/svg%3E") !important;
}
.clj_paging_wrap .pg_page.pg_end {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.75417 5.59219C4.42917 5.91719 4.42917 6.44219 4.75417 6.76719L7.9875 10.0005L4.75417 13.2339C4.42917 13.5589 4.42917 14.0839 4.75417 14.4089C5.07917 14.7339 5.60417 14.7339 5.92917 14.4089L9.75417 10.5839C10.0792 10.2589 10.0792 9.73386 9.75417 9.40886L5.9375 5.59219C5.6125 5.26719 5.07917 5.26719 4.75417 5.59219Z' fill='%237D7D80'/%3E%3Cpath d='M10.2458 5.59219C9.92083 5.91719 9.92083 6.44219 10.2458 6.76719L13.4792 10.0005L10.2458 13.2339C9.92083 13.5589 9.92083 14.0839 10.2458 14.4089C10.5708 14.7339 11.0958 14.7339 11.4208 14.4089L15.2458 10.5839C15.5708 10.2589 15.5708 9.73386 15.2458 9.40886L11.4208 5.58386C11.1042 5.26719 10.5708 5.26719 10.2458 5.59219Z' fill='%237D7D80'/%3E%3C/svg%3E") !important;
}


/* 탭 바 */
.board_wrap .pc_sub_page_tabs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}
.board_wrap .pc_sub_page_tabs ul {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 8px;
}
.board_wrap .pc_sub_page_tabs li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.board_wrap .pc_sub_page_tabs li a {
    color: #6B6B6B;
    width: auto;
    padding: 0 20px;
    transition: .3s;
    font-size: 19px;
    padding-bottom: 0.5rem;
    display: block;
    font-family: SUIT, sans-serif;
    font-weight: 600;
    text-decoration: none;
}
.board_wrap .pc_sub_page_tabs li a#bo_cate_on {
    color: #2563EB;
}


/* 서브 비주얼 상단 배너 */
.sec-sub-visual.column-top {
    position: relative !important;
    width: 100% !important;
    min-height: 520px !important;
    padding-top: 220px !important;
    padding-bottom: 70px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-end !important;
    background-color: #8eaecf !important;
    background-image: url('img/column_bg.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
}
.sec-sub-visual .intro-top {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    gap: 30px !important;
    padding: 0 24px !important;
}
.sec-sub-visual .intro-top .title-box {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}
.sec-sub-visual .intro-top .title-box span {
    color: #ffffff !important;
    font-family: 'SUIT', sans-serif !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}
.sec-sub-visual .intro-top .title-box h2 {
    color: #ffffff !important;
    font-family: "Cormorant Garamond", serif !important;
    font-size: 80px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 90px !important;
    margin-bottom: 0 !important;
}
.sec-sub-visual .intro-top .slogan {
    margin: 0 !important;
    color: #ffffff !important;
    font-family: 'SUIT', sans-serif !important;
    font-size: 22px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 34px !important;
}

/* 글쓰기 페이지 데스크톱 기본 스타일 */
.clj_write_container {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 100px 24px !important;
    box-sizing: border-box !important;
}
.clj_write_container .tbl_frm01 table {
    width: 100% !important;
    border-collapse: collapse !important;
}
.clj_write_container .tbl_frm01 th {
    width: 130px !important;
    text-align: left !important;
    padding: 20px 16px 20px 0 !important;
    font-family: Pretendard, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--Text_basic, #2F2F2F) !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #E2E8F0 !important;
}
.clj_write_container .tbl_frm01 td {
    padding: 20px 0 !important;
    border-bottom: 1px solid #E2E8F0 !important;
    vertical-align: middle !important;
}
.clj_write_container .frm_input {
    height: 48px !important;
    border: 1px solid var(--Line, #CCD7E5) !important;
    border-radius: 8px !important;
    padding: 0 16px !important;
    font-family: Pretendard, sans-serif !important;
    font-size: 15px !important;
    color: var(--Text_basic, #2F2F2F) !important;
    background: #FFFFFF !important;
    outline: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
}
.clj_write_container .frm_input:focus {
    border-color: var(--Point, #275FAA) !important;
    box-shadow: 0 0 0 3px rgba(39, 95, 170, 0.12) !important;
}
.clj_write_container .tbl_frm01 td label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 14px !important;
    border-radius: 9999px !important;
    background: var(--Sky-blue, #F3F8FF) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--Text_basic, #2F2F2F) !important;
    cursor: pointer !important;
    margin-right: 8px !important;
    margin-bottom: 6px !important;
    transition: all 0.2s ease !important;
    user-select: none !important;
}
.clj_write_container .tbl_frm01 td label:hover {
    background: #E0EDFB !important;
}
.clj_write_container .tbl_frm01 td label input[type="checkbox"] {
    accent-color: var(--Point, #275FAA) !important;
}
.clj_write_container .frm_info {
    display: block !important;
    font-size: 13.5px !important;
    color: #64748B !important;
    margin-bottom: 8px !important;
    font-weight: 400 !important;
}
.clj_write_container input[type="file"] {
    padding: 8px 12px !important;
    font-size: 14px !important;
    border: 1px dashed var(--Line, #CCD7E5) !important;
    border-radius: 8px !important;
    width: 100% !important;
    max-width: 480px !important;
    box-sizing: border-box !important;
    background: #FAFAFA !important;
}
.clj_write_container .btn_confirm {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    margin-top: 60px !important;
}
.clj_write_container #btn_submit {
    min-width: 150px !important;
    height: 50px !important;
    border-radius: 9999px !important;
    background: var(--Point, #275FAA) !important;
    border: none !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
    box-shadow: 0 4px 14px rgba(39, 95, 170, 0.2) !important;
}
.clj_write_container #btn_submit:hover {
    background: #1D4ED8 !important;
    transform: translateY(-1px) !important;
}
.clj_write_container .btn_cancel {
    min-width: 150px !important;
    height: 50px !important;
    line-height: 50px !important;
    text-align: center !important;
    border-radius: 9999px !important;
    background: #FFFFFF !important;
    border: 1px solid #CBD5E1 !important;
    color: #64748B !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
}
.clj_write_container .btn_cancel:hover {
    background: #F8FAFC !important;
    border-color: #94A3B8 !important;
    color: #334155 !important;
}

/* ==========================================================================
   1024px 이하 태블릿 및 모바일 통합 반응형 스타일
   ========================================================================== */
@media (max-width: 1024px) {
    /* 1. 상단 비주얼 배너 모바일 */
    .sec-sub-visual.column-top {
        min-height: 300px !important;
        padding-top: 130px !important;
        padding-bottom: 44px !important;
    }
    .sec-sub-visual .intro-top {
        padding: 0 24px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }
    .sec-sub-visual .intro-top .title-box {
        gap: 8px !important;
    }
    .sec-sub-visual .intro-top .title-box span {
        font-size: 14px !important;
        letter-spacing: 0.04em !important;
    }
    .sec-sub-visual .intro-top .title-box h2 {
        font-size: 42px !important;
        line-height: 1.2 !important;
    }
    .sec-sub-visual .intro-top .slogan {
        font-size: 15px !important;
        line-height: 24px !important;
        word-break: keep-all !important;
        opacity: 0.95 !important;
    }

    /* 2. 공지사항 목록 모바일 반응형 */
    .clj_notice_container {
        padding: 60px 24px 80px !important;
        max-width: 100% !important;
    }

    /* 카테고리 탭 가로 스크롤 대응 */
    .board_wrap .pc_sub_page_tabs {
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        /* margin-bottom: 24px !important;
        padding-bottom: 8px !important; */
    }
    .board_wrap .pc_sub_page_tabs::-webkit-scrollbar {
        display: none !important;
    }
    .board_wrap .pc_sub_page_tabs ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        white-space: nowrap !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .board_wrap .pc_sub_page_tabs li a {
        font-size: 15px !important;
        padding: 6px 14px !important;
        border-radius: 9999px !important;
        border: 1px solid #E2E8F0 !important;
        background: #FFFFFF !important;
    }
    .board_wrap .pc_sub_page_tabs li a#bo_cate_on {
        background: var(--Point, #275FAA) !important;
        color: #FFFFFF !important;
        border-color: var(--Point, #275FAA) !important;
    }

    /* 검색 및 카테고리 영역 모바일 */
    .clj_sch_area {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 16px !important;
        margin-bottom: 30px !important;
        width: 100% !important;
    }
    .clj_cate_wrap {
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 4px !important;
    }
    .clj_cate_wrap::-webkit-scrollbar {
        display: none !important;
    }
    .clj_cate_wrap ul,
    .clj_cate_wrap .clj_cate_ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        white-space: nowrap !important;
    }
    .clj_cate_wrap .clj_cate_btn,
    .board_wrap .clj_cate_wrap li a {
        height: 40px !important;
        padding: 0 16px !important;
        font-size: 14px !important;
    }
    .clj_sch_form {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        gap: 16px !important;
    }
    .clj_sch_form .clj_cate_wrap {
        margin-right: 0 !important;
        width: 100% !important;
    }
    .clj_sch_right_box {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        gap: 8px !important;
    }
    .clj_sch_select_wrap {
        flex-shrink: 0 !important;
    }
    .clj_sch_select_wrap select {
        height: 44px !important;
        font-size: 14px !important;
        padding: 0 28px 0 14px !important;
        background-position: right 10px center !important;
    }
    .clj_sch_input_wrap {
        flex: 1 !important;
        width: auto !important;
    }
    .clj_sch_input_wrap input.sch_input {
        width: 100% !important;
        height: 44px !important;
        font-size: 14px !important;
        padding: 0 38px 0 16px !important;
    }
    .clj_sch_input_wrap button.sch_btn {
        right: 12px !important;
    }

    /* 테이블 헤더 숨김 및 모바일 리스트 카드 변환 */
    .clj_list_head {
        display: none !important;
    }
    .clj_col_no,
    .clj_col_writer,
    .clj_col_date,
    .clj_col_hit {
        display: none !important;
    }

    .clj_list_row {
        min-height: auto !important;
        padding: 16px 0 !important;
        display: flex !important;
        align-items: center !important;
        border-bottom: 1px solid #F1F5F9 !important;
        gap: 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .clj_col_chk {
        width: auto !important;
        flex-shrink: 0 !important;
    }
    .clj_col_tit {
        width: 100% !important;
        flex: 1 !important;
        padding: 0 !important;
        justify-content: flex-start !important;
    }
    .clj_link_box {
        width: 100% !important;
        padding: 0 !important;
        gap: 14px !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }
    .clj_thumb_wrap {
        width: 130px !important;
        min-width: 130px !important;
        max-width: 130px !important;
        height: 86px !important;
        min-height: 86px !important;
        max-height: 86px !important;
        aspect-ratio: 16 / 10 !important;
        border-radius: 8px !important;
        flex-shrink: 0 !important;
    }
    .clj_thumb_wrap span {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        font-size: 12px !important;
    }
    .clj_tit_text_box {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 6px !important;
        min-width: 0 !important;
    }
    .clj_badge_cate {
        font-size: 11px !important;
        padding: 2.5px 8px !important;
    }
    .clj_tit_row {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        flex-wrap: wrap !important;
        max-width: 100% !important;
    }
    .clj_subject_text {
        font-size: 15px !important;
        line-height: 1.4 !important;
        font-weight: 500 !important;
        color: var(--Text_basic, #2F2F2F) !important;
        text-align: left !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        word-break: keep-all !important;
    }
    .clj_circle {
        width: 18px !important;
        height: 18px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }
    .clj_circle img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        display: block !important;
    }
    .clj_mo_meta {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        font-size: 13px !important;
        color: #8E9AA8 !important;
        line-height: 1 !important;
        margin-top: 2px !important;
    }
    .clj_mo_date {
        color: #64748B !important;
    }
    .clj_mo_divider {
        color: #CBD5E1 !important;
    }
    .clj_mo_hit {
        color: #94A3B8 !important;
    }

    .clj_empty_row {
        padding: 40px 0 !important;
        font-size: 14px !important;
    }
    .clj_admin_bar {
        margin-top: 20px !important;
        gap: 8px !important;
    }
    .clj_adm_btn {
        height: 36px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
    }

    /* 페이지네이션 모바일 */
    .clj_paging_wrap,
    .pg_wrap {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
        gap: 4px !important;
    }
    .clj_paging_wrap a,
    .clj_paging_wrap span,
    .pg_wrap .pg > a,
    .pg_wrap .pg > span {
        padding: 4px 0 !important;
        gap: 6px !important;
    }
    .clj_paging_wrap .pg_current,
    .pg_wrap .pg > .pg_current {
        width: 30px !important;
        height: 30px !important;
        font-size: 14px !important;
        border-radius: 6px !important;
    }
    .clj_paging_wrap .pg_page,
    .pg_wrap .pg > .pg_page {
        height: 30px !important;
        font-size: 14px !important;
        padding: 4px 8px !important;
    }
    .clj_paging_wrap .pg_page.pg_start,
    .clj_paging_wrap .pg_page.pg_prev,
    .clj_paging_wrap .pg_page.pg_next,
    .clj_paging_wrap .pg_page.pg_end,
    .pg_wrap .pg > .pg_start,
    .pg_wrap .pg > .pg_prev,
    .pg_wrap .pg > .pg_next,
    .pg_wrap .pg > .pg_end,
    .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 {
        width: 24px !important;
        min-width: 24px !important;
        height: 24px !important;
        background-size: 14px 14px !important;
    }


    /* 3. 글쓰기 페이지 모바일 반응형 */
    .clj_write_container {
        padding: 60px 24px 80px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    #bo_w form {
        width: 100% !important;
        max-width: 100% !important;
    }
    #bo_w .tbl_frm01 table,
    #bo_w .tbl_frm01 tbody,
    #bo_w .tbl_frm01 tr,
    #bo_w .tbl_frm01 th,
    #bo_w .tbl_frm01 td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    #bo_w .tbl_frm01 tr {
        margin-bottom: 22px !important;
        padding-bottom: 20px !important;
        border-bottom: 1px solid #F1F5F9 !important;
    }
    #bo_w .tbl_frm01 th {
        width: 100% !important;
        text-align: left !important;
        padding: 0 0 10px 0 !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        color: var(--Text_basic, #2F2F2F) !important;
        border-bottom: none !important;
    }
    #bo_w .tbl_frm01 td {
        width: 100% !important;
        padding: 0 !important;
        border-bottom: none !important;
        text-align: left !important;
    }
    #bo_w .frm_input,
    #bo_w input[type="text"],
    #bo_w input[type="password"],
    #bo_w select {
        width: 100% !important;
        max-width: 100% !important;
        height: 46px !important;
        font-size: 14.5px !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }
    #bo_w .tbl_frm01 td label {
        display: inline-flex !important;
        align-items: center !important;
        margin-right: 8px !important;
        margin-bottom: 8px !important;
        font-size: 14px !important;
        padding: 6px 12px !important;
    }
    #bo_w input[type="file"] {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 13.5px !important;
    }
    #bo_w .cke,
    #bo_w textarea#wr_content {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    #bo_w .btn_confirm {
        margin-top: 36px !important;
        gap: 10px !important;
        width: 100% !important;
    }
    #bo_w #btn_submit {
        flex: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        height: 48px !important;
        font-size: 15px !important;
    }
    #bo_w .btn_cancel {
        flex: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        height: 48px !important;
        line-height: 48px !important;
        font-size: 15px !important;
    }
}

/* 480px 이하 초소형 스마트폰 화면 추가 최적화 */
@media (max-width: 480px) {
    .sec-sub-visual.column-top {
        min-height: 260px !important;
        padding-top: 110px !important;
        padding-bottom: 36px !important;
    }
    .sec-sub-visual .intro-top .title-box h2 {
        font-size: 34px !important;
    }
    .sec-sub-visual .intro-top .slogan {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    .clj_notice_container {
        padding: 40px 16px 60px !important;
    }
    .clj_thumb_wrap {
        width: 105px !important;
        min-width: 105px !important;
        max-width: 105px !important;
        height: 70px !important;
        min-height: 70px !important;
        max-height: 70px !important;
    }
    .clj_subject_text {
        font-size: 14px !important;
    }
    .clj_mo_meta {
        font-size: 12px !important;
    }

    .clj_write_container {
        padding: 40px 16px 60px !important;
    }
    #bo_w .tbl_frm01 th {
        font-size: 14px !important;
    }
    #bo_w .frm_input {
        height: 44px !important;
        font-size: 14px !important;
    }
}

/* 상세 뷰 페이지 스타일 (레퍼런스 구조 완벽 연동) */
.board_wrap article.sub71_view_wrap,
.board_wrap article.clj_view_container {
    width: 100% !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    padding: 100px 20px 100px 20px !important;
}

/* 상단 제목 감싸는 테이블 래퍼 초기화 */
.top_line.bbsWithd {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
    margin: 0 0 24px 0 !important;
}
.title_wrap {
    padding: 0 !important;
    border: none !important;
    width: 100% !important;
}

/* 상세페이지 헤더 바 (톤앤톤 #bo_v_title + 클로재 clj_view_head) */
#bo_v_title,
.clj_view_head {
    border-radius: 20px !important;
    background: var(--Sky-blue, #F3F8FF) !important;
    padding: 44px 48px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
    margin: 0 !important;
    border: none !important;
    width: 100% !important;
}

/* 카테고리 및 제목 영역 */
#bo_v_title .bo_v_tit,
.clj_view_tit_area {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    width: 100% !important;
}

.clj_view_cate_badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 16px !important;
    border-radius: 9999px !important;
    background: #ffffff !important;
    color: #275FAA !important;
    font-family: Pretendard, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    box-shadow: 0 2px 8px rgba(39, 95, 170, 0.08) !important;
}

.clj_view_title {
    margin: 0 !important;
    color: var(--Text_basic, #2F2F2F) !important;
    font-family: Pretendard, sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 145% !important;
    letter-spacing: -0.02em !important;
    word-break: keep-all !important;
}

/* 상세 메타 정보 (작성자, 작성일, 조회수) */
.if_date,
.clj_view_meta {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    font-family: Pretendard, sans-serif !important;
    font-size: 16px !important;
    color: #777777 !important;
    margin: 0 !important;
}

.clj_view_meta_sub {
    display: inline-flex !important;
    align-items: center !important;
    gap: 16px !important;
}

.clj_view_meta_item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.clj_view_meta_item .meta_label {
    color: #94A3B8 !important;
    font-weight: 400 !important;
}

.clj_view_meta_item .meta_val {
    color: #475569 !important;
    font-weight: 500 !important;
}

.clj_view_meta_divider {
    width: 1px !important;
    height: 14px !important;
    background: #CBD5E1 !important;
    flex-shrink: 0 !important;
}

/* 상세 본문 영역 */
#bo_v_atc,
.clj_view_content {
    background: #ffffff !important;
    padding: 60px 48px !important;
    box-sizing: border-box !important;
    min-height: 350px !important;
    width: 100% !important;
}

#bo_v_img,
.clj_view_img {
    margin-bottom: 30px !important;
    text-align: center !important;
}

#bo_v_img img,
.clj_view_img img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    display: block !important;
    margin: 16px auto !important;
}

#bo_v_con,
.clj_view_body {
    color: #334155 !important;
    font-family: Pretendard, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 190% !important;
    word-break: keep-all !important;
    width: 100% !important;
    margin: 0 auto !important;
}

#bo_v_con p,
.clj_view_body p {
    margin-bottom: 1.6em !important;
    line-height: 190% !important;
}

#bo_v_con img,
.clj_view_body img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    display: block !important;
    margin: 24px auto !important;
}

/* 상세 하단 네비게이션 및 버튼 바 */
#bo_v_bot,
.clj_view_bottom_bar {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-top: 60px !important;
    gap: 24px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    border-top: none !important;
    padding: 0 !important;
}

/* 1. 이전 / 목록 / 다음 버튼 그룹 (첫 번째 줄 중앙 정렬) */
.clj_view_nav_group {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    width: 100% !important;
}

.btn_v_03,
.clj_view_nav_btn {
    height: 48px !important;
    padding: 0 24px !important;
    border-radius: 9999px !important;
    border: 1px solid #E2E8F0 !important;
    background: #FFFFFF !important;
    color: #475569 !important;
    font-family: Pretendard, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

.btn_v_03:hover,
.clj_view_nav_btn:hover {
    background: var(--Sky-blue, #F3F8FF) !important;
    color: #275FAA !important;
    border-color: #BFDBFE !important;
}

.clj_btn_to_list {
    height: 48px !important;
    padding: 0 44px !important;
    border-radius: 9999px !important;
    background: #275FAA !important;
    color: #FFFFFF !important;
    font-family: Pretendard, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
    box-shadow: 0 4px 14px rgba(39, 95, 170, 0.25) !important;
    box-sizing: border-box !important;
    border: none !important;
}

.clj_btn_to_list:hover {
    background: #1e4b87 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(39, 95, 170, 0.35) !important;
}

/* 2. 관리자 전용 버튼 그룹 (삭제 / 수정 우측 정렬, 두 번째 줄) */
.bo_v_adm_ul,
.clj_view_admin_group {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.clj_adm_btn {
    height: 38px !important;
    padding: 0 18px !important;
    border-radius: 9999px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    transition: opacity 0.2s ease !important;
}
.clj_adm_del { background: #334155 !important; color: #ffffff !important; }
.clj_adm_write { background: #275FAA !important; color: #ffffff !important; }
.clj_adm_btn:hover { opacity: 0.9 !important; }

/* 반응형 (모바일) */
@media all and (max-width: 1024px) {
    .board_wrap article.sub71_view_wrap,
    .clj_view_container {
        padding: 60px 20px 80px 20px !important;
    }
    #bo_v_title,
    .clj_view_head {
        padding: 30px 24px !important;
        border-radius: 16px !important;
    }
    .clj_view_title {
        font-size: 24px !important;
    }
    #bo_v_atc,
    .clj_view_content {
        padding: 36px 20px !important;
    }
    #bo_v_con,
    .clj_view_body {
        font-size: 16px !important;
    }
}

@media all and (max-width: 768px) {
    #bo_v_title,
    .clj_view_head {
        padding: 24px 20px !important;
        gap: 16px !important;
    }
    .clj_view_title {
        font-size: 20px !important;
    }
    .if_date,
    .clj_view_meta {
        font-size: 13.5px !important;
        gap: 10px !important;
    }
    .clj_view_meta_sub {
        gap: 10px !important;
    }
    .clj_view_meta_divider {
        height: 12px !important;
    }
    #bo_v_bot,
    .clj_view_bottom_bar {
        margin-top: 30px !important;
        gap: 16px !important;
    }
    .clj_view_nav_group {
        display: flex !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
    }
    .clj_view_nav_btn {
        flex: 1 !important;
        padding: 0 14px !important;
        font-size: 14px !important;
        justify-content: center !important;
    }
    .clj_btn_to_list {
        flex: 1.2 !important;
        padding: 0 18px !important;
        font-size: 15px !important;
    }
    .clj_view_admin_group {
        justify-content: flex-end !important;
        width: 100% !important;
    }
}

@media all and (max-width: 480px) {
    .board_wrap article.sub71_view_wrap,
    .clj_view_container {
        padding: 40px 14px 60px 14px !important;
    }
    #bo_v_title,
    .clj_view_head {
        padding: 20px 16px !important;
        border-radius: 14px !important;
        gap: 12px !important;
    }
    .clj_view_tit_area {
        gap: 8px !important;
    }
    .clj_view_cate_badge {
        font-size: 12px !important;
        padding: 4px 12px !important;
    }
    .clj_view_title {
        font-size: 18px !important;
        line-height: 140% !important;
    }
    .if_date,
    .clj_view_meta {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
        font-size: 13px !important;
        width: 100% !important;
    }
    .clj_divider_writer {
        display: none !important; /* 모바일 480px 이하에서 작성자와 작성일 사이 구분선을 숨겨 홀로 줄바꿈되는 현상 방지 */
    }
    .clj_view_meta_item.clj_view_writer {
        width: 100% !important;
    }
    .clj_view_meta_sub {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
    }
    .clj_view_meta_item {
        gap: 5px !important;
    }
    .clj_view_meta_divider {
        height: 11px !important;
    }
    #bo_v_atc,
    .clj_view_content {
        padding: 28px 12px !important;
    }
    .clj_view_body {
        font-size: 15px !important;
        line-height: 180% !important;
    }
    .btn_v_03,
    .clj_view_nav_btn {
        font-size: 12.5px !important;
        height: 40px !important;
        padding: 0 8px !important;
        gap: 4px !important;
    }
    .clj_btn_to_list {
        font-size: 13px !important;
        height: 40px !important;
        padding: 0 12px !important;
    }
    .clj_adm_btn {
        height: 34px !important;
        padding: 0 14px !important;
        font-size: 12px !important;
    }
}