@charset "utf-8";
:root {
  /* fonts */
  --font-gmar: 'Gmarket Sans';

  /* font-weight */
  --fw-gmar-l: 300;
  --fw-gmar-b: 700;

  --color-primary: #0f827b;
  --color-sig2: #ff861b;
}
/* SIR 지운아빠 */

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

/* 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; }


/* 게시판 버튼 */
/* 목록 버튼 */
#bo_gall a.btn_b01 {}
#bo_gall a.btn_b01:focus, #bo_gall a.btn_b01:hover {}
#bo_gall a.btn_b02 {
    display: inline-block;
    min-width: 116px;
    height: 42px;
    padding: 0 20px;
    border: 1px solid #6e6e6e;
    border-radius:50px;
    font-size: 15px;
    font-weight:400;
    color: #6e6e6e !important;
    text-align: center;
    line-height: 40px;
    background: #fff;
    cursor: pointer;
    margin:20px 0 0;
}
#bo_gall a.btn_b02:focus, #bo_gall a.btn_b02:hover {
    border: 1px solid #556B2F;
    color: #fff !important;
    background: #556B2F;
}
#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 {table-layout: fixed; width: 100%;}
#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; gap: 8px; margin:0 auto 6rem; justify-content:center; }
#bo_cate li { display:inline-block; width:112px; text-align:center; }
#bo_cate li:first-child { display:inline-block; width:87px; text-align:center; }


.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%; border-top:3px solid #cdb49c; word-break:break-all; text-align:center;}
table.boardList th {color:#676767; border-bottom:1px solid #cecece; line-height:55px; background:#f4f4f4;}


#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;}
#bo_gall .gall_li {
    margin:0; padding:2% 0; border-bottom:1px solid #cbcbcb;
    display:flex; justify-content: start; 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:5%; text-align:center;}

#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_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;
}


.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:center; align-items:center;}
.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 {
    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 { 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 { 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 {
    display:flex; 
    justify-content:center; 
    align-items:center; 
    min-width:116px; 
    height:42px; 
    padding:0 20px; 
    margin:0 2px; 
    border:1px solid #6e6e6e;  
    color:#6e6e6e; 
    cursor:pointer; 
    background-color:#fff; 
    border-radius:50px !important; 
    text-align:center; 
    font-size:15px;
    font-weight:400;
}
.btn_bo_adm input:hover { 
    border:1px solid #556B2F;
    color:#fff; 
    background-color:#556B2F 
}
.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 {
    /* margin-bottom:10px;padding-top:5px;text-align:center; */
    text-align: right;
}
#bo_sch form{
    position: relative;
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

#bo_sch input {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    height: 40px;
    line-height: 29px;
    
}

.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_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%; max-width:1120px; height:40px; text-align:center; margin:40px auto 0;}
.pg_wrap .pg {text-align:center; display:inline-block; margin:0 auto; display:flex; justify-content:center; align-items:center;}
.pg_wrap .pg > span, .pg_wrap .pg > a {}
.pg_wrap .pg > .pg_page {display: flex; width: 24px; height: 24px; flex-direction: column; justify-content: center; color: #2D2C28; text-align: center; font-family: var(--ff-pretendard); font-size: var(--fz-15); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.15px;}
.pg_wrap .pg > .pg_prev{display:block; width: 24px; height:24px; font-size:0; background: url(img/bbs_pg_left.png) center/4px no-repeat #F0F0F0; color:#595959; line-height:38px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-indent:-9999px; border-radius: 4px;}
.pg_wrap .pg > .pg_next{display:block; width: 24px; height:24px; font-size:0; background: url(img/bbs_pg_right.png) center/4px no-repeat #F0F0F0; color:#595959; line-height:38px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-indent:-9999px; border-radius: 4px;}
.pg_wrap .pg > .pg_page.pg_start {display:block; margin-right: 18px; width: 24px; height:24px; font-size:0; background: url(img/bbs_pg_left_db.png) center/8px no-repeat #F0F0F0; color:#595959; line-height:38px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-indent:-9999px; border-radius: 4px;}
.pg_wrap .pg > .pg_page.pg_end {display:block; margin-left: 18px; width: 24px; height:24px; font-size:0; background: url(img/bbs_pg_right_db.png) center/8px no-repeat #F0F0F0; color:#595959; line-height:38px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-indent:-9999px; border-radius: 4px;}
.pg_wrap .pg > .pg_page:hover,
.pg_wrap .pg > .pg_current{display: flex; width: 24px; height: 24px; flex-direction: column; justify-content: center; color: #837E67; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.15px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font;}
.pg_wrap  img {vertical-align:top;}

/* 게시판 쓰기 */
#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: 1240px; 
    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_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}

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

.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;}
#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 a {color:#000;text-decoration:underline}
#bo_v_con img {width: auto !important; 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 {
    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%;}
    
    
    
}
@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:10%;}
    #bo_gall .gall_text_href{width:55%;}
    table.boardList tr{width:100% !important;}
    
    .bbsWithd{width: 96%;}
    #bo_v_con{}
    #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;}
    
    
    
}



/* 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{width:calc(62% - 220px); text-align:left;}
.sub71_view_wrap{position:relative; padding:10rem 0; width:100%; max-width:1500px; margin:0 auto;}
@media (max-width: 1680px) {
    .sub71_view_wrap{ max-width:92.8571vw; }
}
.title_wrap{}
#bo_v_title{width:100%;}
.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{}
#bo_v_con{margin:0 auto; }
#bo_v_img{margin:0 auto; text-align:center;}
#bo_v_con img{margin:0 0 2rem;}
#bo_v_con p b { font-weight: bold; }
#bo_v_con p i { font-style: italic; }

#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;}
.bo_v_nb a.btn_b01, .bo_v_nb .btn_b01{
    width:100px;
}

.bo_v_com li a.btn_b02{
    width:116px;
    min-width:100%;
    height:42px;
    line-height:40px;
    padding:0 20px;
    border:1px solid #bfbfbf !important;
    border-radius:50px;
    text-align:center;
    font-weight:400;
    font-size:15px;
    color:#404040 !important;
    background-color:#fff !important;
}
.bo_v_com li a.btn_b02:hover{
    border:1px solid var(--color-primary) !important;
    color:#fff !important;
    background-color:var(--color-primary) !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 #bfbfbf !important;
    border-radius:50px !important;
    text-align:center;
    font-weight:400;
    font-size:15px;
    color:#404040 !important;
    background-color:#fff !important;
}
#bo_w .btn_submit:hover{
    border:1px solid #444 !important;
    color:#fff !important;
    background-color:#444 !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 #bfbfbf !important;
    border-radius:50px !important;
    text-align:center;
    font-weight:400;
    font-size:15px;
    color:#404040 !important;
    background-color:#fff !important;
}
#bo_w .btn_cancel:hover{
    border:1px solid #444 !important;
    color:#fff !important;
    background-color:#444 !important;
}


#bo_gall { width: 1253px; padding: 0 0 172px; }
#bo_cate ul li:first-child { display: none; }
#bo_cate a {}
#bo_cate #bo_cate_on{}

table.boardList { border-top: 2px solid #939393; }
table.boardList th {
    color: #565656;
    border-bottom: 1px solid #ddd;
    line-height: 62px;
    background: #f8f8f8;
}

.gall_nember { width: 10%; }
.gall_href > a { justify-content: flex-start; }
.gall_datetime { width: 16%; }

#bo_gall .gall_li { padding: 0; }

.sub71_view_wrap { padding: 0; }

.my_button_r { font-family: var(--font-pre-sb); font-size: 1.25rem; }

.list_btn {padding: 0 !important; height: unset !important; font-size: var(--fz-20) !important; font-style: normal; font-weight: 600; line-height: normal; text-decoration-line: underline !important; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font;}

#bo_v_bot {padding: min(4.4vw, 64px) min(2.7vw ,40px) min(6.6vw, 96px);}
.btn_bo_user_btm_v { display: flex; position: relative; flex-direction: column; gap: 50px; align-items: end;}
#bo_v_bot ul {}
.btn_v_01{display: inline-flex; gap: 15px;}
.btn_v_03 { text-align: center; display: block; margin: 0 auto; transition: .3s; }
.btn_v_02 { position: absolute; left: 50%; transform: translate(-50%, 0); }
.btn_v_02 a { text-align: center; display: block; margin: 0 auto; transition: .3s; }
.notice_page .btn_v_01 { display: flex; gap: 0.9375vw; }
.btn_v_01 a, .btn_v_02 a, .btn_v_03 {}
.btn_v_01 a { display: inline-block; }

.recommend-wrap{margin-bottom: min(11.4vw, 220px);}
.recommend-wrap h3{margin-bottom: 40px; font-size: var(--fz-30); font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.3px;}
.recommend-wrap .rcmd-list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.recommend-wrap .rcmd-list:not(:has(li:nth-child(3))){justify-content: start; gap: 2.1vw;}
.recommend-wrap .rcmd-list li .item-title{margin-bottom: 9px; font-size: var(--fz-22); font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.22px;}
.recommend-wrap .rcmd-list li .item-date{font-size: var(--fz-18); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.18px;}

.bo-v-wrap,
#bo_v_atc,
#bo_v_bot,
.bbsWithd { max-width: calc(1420px - 1.2em); }
#bo_v_bot{margin-inline: auto;}
.bbsWithd { width: 100%; }
#bo_v_atc .youtube_iframe { display: block; margin-inline: auto; }
#bo_v_atc {}
@media (max-width: 1280px) {
    .sub71_view_wrap { max-width: 87.8906vw; padding: 0; }
}

@media (max-width: 768px) { 
    .sub71_view_wrap { max-width: 100.0000vw; padding-inline: 8.8889vw; }
    .list_btn { height: 4.3384vw !important; line-height: 4.3384vw !important; padding: 0 3.3854vw !important; border-radius: 2.1159vw !important; }
    .recommend-wrap{margin-bottom: 70px;}
    .recommend-wrap h3{margin-bottom: 25px; font-size: var(--fz-20);}
    .recommend-wrap .rcmd-list{gap: 30px;}
    .recommend-wrap .rcmd-list li{width: 100%;}
    .recommend-wrap .rcmd-list li img{margin-bottom: 15px;}
    .recommend-wrap .rcmd-list li .item-title{font-size: var(--fz-18);}
    .recommend-wrap .rcmd-list li .item-date{font-size: var(--fz-16);}
}

.counsel_btn { display: flex; justify-content: center; align-items: center; height: 2.75rem; border-radius: 1.375rem; text-decoration: none !important; }

/**************************  250801 추가  **************************/
.introTitleSect.notice_visual { padding-block: 226px 132px; }
.introTitleSect .sect_title_wrap .sect_desc { margin-top: 42px; font-size: 18px; }

#bo_gall { width: 100%; max-width: 1500px; padding-bottom: 200px; }
#bo_gall #gall_ul { display: flex; flex-wrap: wrap; gap: 120px 3vw; margin-bottom: 50px; }
#bo_gall .gall_li { width: calc((100% - 6vw) / 3); border-bottom: none; }

#bo_gall .gall_con { flex-direction: column; position: relative; }
#bo_gall .gall_con .gall_chk { z-index: 10; position: absolute; top: 10px; left: 10px; }
#bo_gall .gall_href { width: 100%; }
#bo_gall .gall_href a:link { display: flex; flex-direction: column; }
#bo_gall .gall_href .imgWrap { width: 100%;}
#bo_gall .gall_href .imgWrap img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }

#bo_gall .gall_href .gall_title_wrap { display: flex; justify-content: space-between; align-items: start; width: 100%;}
#bo_gall .gall_href .gall_cate { display: flex; align-items: center; gap: 12px; }
#bo_gall .gall_href .area_icon { display: flex; justify-content: center; align-items: center; width: 84px; height: 37px; margin-right: 0; border-radius: 10px; font-size: 17px; color: #fff; }
#bo_gall .gall_href .area_icon.all { background: #232323; }
#bo_gall .gall_href .area_icon.cheongju { background: var(--color-primary); }
#bo_gall .gall_href .area_icon.cheonan { background: var(--color-sig2); }

#bo_gall .gall_href .cate_icon{width: 77px; line-height: 28px; font-size: 15px; color: #ffffff; background-color: #968676;}
#bo_gall .gall_href .dateTime{font-size: 15px; color: #636363;}

#bo_gall .gall_href .gall_title { width: 100%; font-size: 18px; font-weight: 400; letter-spacing: -0.02em; color: #191919; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#bo_cate ul li:first-child { display: block; }
#bo_cate #bo_cate_on{background-color: #cdb49c; color: #fff; font-weight: 600;}

#bo_cate ul { margin-bottom: 180px; }
@media (max-width: 1680px) {
    .introTitleSect.notice_visual { padding-block: 13.4524vw 7.8571vw; }
    .introTitleSect .sect_title_wrap .sect_desc { margin-top: 2.5000vw; font-size: 1.0714vw; }


    #bo_gall { width: 100%; max-width: 92.8571vw; padding-bottom: 11.9048vw; }
    #bo_gall #gall_ul { display: flex; flex-wrap: wrap; gap: 4.0476vw 1.6667vw; }
    #bo_gall .gall_li { width: calc((100% - 3.3333vw) / 3); border-bottom: none; }

    #bo_gall .gall_con { flex-direction: column; position: relative; }
    #bo_gall .gall_con .gall_chk { z-index: 10; position: absolute; top: 0.5952vw; left: 0.5952vw; }
    #bo_gall .gall_href { width: 100%; }
    #bo_gall .gall_href a:link { display: flex; flex-direction: column; }
    #bo_gall .gall_href .imgWrap img { width: 100%; height: 100%; object-fit: cover; }

    #bo_gall .gall_href .gall_title_wrap { display: flex; justify-content: space-between; align-items: start; width: 100%;}
    #bo_gall .gall_href .gall_cate { display: flex; align-items: center; gap: 0.7143vw; }
    #bo_gall .gall_href .area_icon { display: flex; justify-content: center; align-items: center; width: 5.0000vw; height: 2.2024vw; margin-right: 0; border-radius: 0.5952vw; font-size: 1.0119vw; color: #fff; }
    #bo_gall .gall_href .area_icon.all { background: #232323; }
    #bo_gall .gall_href .area_icon.cheongju { background: var(--color-primary); }
    #bo_gall .gall_href .area_icon.cheonan { background: var(--color-sig2); }


    #bo_gall .gall_href .gall_title { width: 100%; font-family: 'SUIT Variable', sans-serif; font-size: 1.0119vw; font-weight: 400; letter-spacing: -0.02em; color: rgba(23, 23, 23, 0.9); text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }


    #bo_cate ul { margin-bottom: 10vw; }
}
@media (max-width: 1280px) {
    .introTitleSect.notice_visual { padding-block: 19.4524vw 8.9286vw; }
    .introTitleSect .sect_title_wrap .sect_desc { margin-top: 3.5714vw; font-size: 2.1429vw; }


    #bo_gall { width: 100%; max-width: 87.8906vw; padding-bottom: 14.0476vw; }
    #bo_gall #gall_ul { display: flex; flex-wrap: wrap; gap: 5.3125vw 2.1875vw; margin-bottom: 6.1719vw; }
    #bo_gall .gall_li { width: calc((100% - 2.1875vw) / 2); }
    #bo_gall .gall_href .gall_cate { gap: 1.6406vw; }
    #bo_gall .gall_href .area_icon { width: 9.7656vw; height: 4.2969vw; border-radius: 1.1719vw; font-size: 2.0313vw; }


    #bo_gall .gall_href .gall_title { font-size: 2.0313vw; }
}
@media (max-width: 768px) {
    .introTitleSect.notice_visual { padding-block: 25.4524vw 13.3333vw; }
    .introTitleSect .sect_title_wrap .sect_desc { margin-top: 5.3333vw; font-size: 3.2000vw; }

    
    #bo_gall { width: 100%; max-width: 100.0000vw; padding-bottom: 20.9778vw; }
    #bo_gall #gall_ul { display: flex; flex-wrap: wrap; gap: 6.0444vw 2.4889vw; margin-bottom: 7vw; }
    #bo_gall .gall_li { width: 100%; }
    #bo_gall .gall_href .gall_cate { gap: 1.8667vw; }
    #bo_gall .gall_href .area_icon { width: 11.1111vw; height: 4.8889vw; border-radius: 1.3333vw; font-size: 2.3111vw; }


    #bo_gall .gall_href .gall_title { font-size: 2.3111vw; }
}


@media (max-width: 640px) {
    .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;
    }
}
@media (max-width: 480px) {
    .btn_bo_adm input {
        min-width: 90px;
        height: 33px;
    }
        #bo_gall a.btn_b02 {
        min-width: 90px;
        height: 33px;
        line-height: 33px;
    }
}


.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #eee;border-radius:2px;}
.bo_sch .sch_input {width:250px;height:38px;border:0;padding:0;background-color:transparent; padding-left: 10px;}
.bo_sch .sch_btn {height:38px;color:#656565;background:none;border:0;width:40px;font-size:13px;}
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.0);width:100%;height:100%}

#bo_gall #bo_sch { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 38px;}
#bo_gall #bo_sch >form { display: flex; align-items: center;}
#bo_gall #bo_sch select#sfl { margin-right: 8px; background: url(./img/select_arrow.png) center right 15px / 12px no-repeat; border: 1px solid #bfbfbf;  border-radius: 23px; padding-inline: 15px;  color: #404040;  position: relative; width: 107px; height: 50px; -o-appearance: none; -webkit-appearance: none;  -moz-appearance: none; appearance: none; font-size: 17px; letter-spacing: -0.02em; }
#bo_gall #bo_sch select#sfl::after { content: "▼";  position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);}
#bo_gall #bo_sch .sch_input { width: 290px; height: 50px; border: 1px solid #bfbfbf; background: transparent;  border-radius: 100px !important; padding-inline: 17px 42px !important; color: #c9c9c9;  position: relative; line-height: 50px; font-size: 17px; letter-spacing: -0.02em; }
#bo_gall #bo_sch .sch_btn { position: absolute; top: 50%; right: 18px; transform: translateY(-50%); background: url(./img/sch_icon.png) no-repeat center /100% ; width: 19px; height: 19px;  border: 0px;}


.bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;margin-left:-165px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:20px 20px 30px rgba(0,0,0,0.1);-moz-box-shadow:20px 20px 30px rgba(0,0,0,0.1);box-shadow:20px 20px 30px rgba(0,0,0,0.1);border:1px solid #eee;background:#fff;border-radius:4px;}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
.bo_sch legend {background:red}
.bo_sch form {padding:15px;display:block}
.bo_sch select {

    width: 100%;
    padding: .8em .2em;
    padding-left: 12px;
    border: 1px solid #eee;
    background: url(./img/baseline_keyboard_arrow_down_black_18dp.png) no-repeat 95.5% 50%;
    background-size: 20px;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 12px;
    color: #000;
    margin-top: 3px;

}

@media (max-width: 1680px) {
    .bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:0.8929vw;border:0.0595vw solid #eee;border-radius:0.1190vw;}
    .bo_sch .sch_input {width:14.8810vw;height:2.2619vw;border:0;padding:0;background-color:transparent; padding-left: 0.5952vw;}
    .bo_sch .sch_btn {height:2.2619vw;color:#656565;background:none;border:0;width:2.3810vw;font-size:0.7738vw;}
    .bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:0.7143vw 0.8929vw;font-size:0.9524vw;background:#fff}
    .bo_sch_bg {background:#000;background:rgba(0,0,0,0.0);width:100%;height:100%}

    #bo_gall #bo_sch { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 2.2619vw;}
    #bo_gall #bo_sch >form { display: flex; align-items: center;}
    #bo_gall #bo_sch select#sfl { margin-right: 0.4762vw; background: url(./img/select_arrow.png) center right 0.8929vw / 0.7143vw no-repeat; border: 0.0595vw solid #bfbfbf;  border-radius: 1.3690vw; padding-inline: 0.8929vw;  color: #404040;  position: relative; width: 6.3690vw; height: 2.9762vw; -o-appearance: none; -webkit-appearance: none;  -moz-appearance: none; appearance: none; font-size: 1.0119vw; letter-spacing: -0.02em; }
    #bo_gall #bo_sch select#sfl::after { content: "▼";  position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);}
    #bo_gall #bo_sch .sch_input { width: 17.2619vw; height: 2.9762vw; border: 0.0595vw solid #bfbfbf; background: transparent;  border-radius: 100px !important; padding-inline: 1.0119vw 2.5000vw !important; color: #c9c9c9;  position: relative; line-height: 2.9762vw; font-size: 1.0119vw; letter-spacing: -0.02em; }
    #bo_gall #bo_sch .sch_btn { position: absolute; top: 50%; right: 1.0714vw; transform: translateY(-50%); background: url(./img/sch_icon.png) center / contain no-repeat ; width: 1.1310vw; height: 1.1310vw;  border: 0.0000vw;}


    .bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
    .bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:19.6429vw;max-height:17.8571vw;margin-left:-9.8214vw;margin-top:-10.7143vw;overflow-y:auto;border-radius:0.2976vw;-webkit-box-shadow:1.1905vw 1.1905vw 1.7857vw rgba(0,0,0,0.1);-moz-box-shadow:1.1905vw 1.1905vw 1.7857vw rgba(0,0,0,0.1);box-shadow:1.1905vw 1.1905vw 1.7857vw rgba(0,0,0,0.1);border:0.0595vw solid #eee;background:#fff;border-radius:0.2381vw;}
    .bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
    .bo_sch h3 {padding:0.8929vw;border-bottom:0.0595vw solid #e8e8e8}
    .bo_sch legend {background:red}
    .bo_sch form {padding:0.8929vw;display:block}
    .bo_sch select {

        width: 100%;
        padding: .8em .2em;
        padding-left: 0.7143vw;
        border: 0.0595vw solid #eee;
        background: url(./img/baseline_keyboard_arrow_down_black_18dp.png) no-repeat 95.5% 50%;
        background-size: 1.1905vw;
        border-radius: 0.2381vw;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 0.7143vw;
        color: #000;
        margin-top: 0.1786vw;

    }
}
@media (max-width: 1280px) {
    .bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:0.8929vw;border:0.0595vw solid #eee;border-radius:0.1190vw;}
    .bo_sch .sch_input {width:14.8810vw;height:2.2619vw;border:0;padding:0;background-color:transparent; padding-left: 0.5952vw;}
    .bo_sch .sch_btn {height:2.2619vw;color:#656565;background:none;border:0;width:2.3810vw;font-size:0.7738vw;}
    .bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:0.7143vw 0.8929vw;font-size:0.9524vw;background:#fff}
    .bo_sch_bg {background:#000;background:rgba(0,0,0,0.0);width:100%;height:100%}

    #bo_gall #bo_sch { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 2.2619vw;}
    #bo_gall #bo_sch >form { display: flex; align-items: center;}
    #bo_gall #bo_sch select#sfl { margin-right: 1.0119vw; background: url(./img/select_arrow.png) center right 0.8929vw / 1.0714vw no-repeat; border: 0.0595vw solid #bfbfbf;  border-radius: 2.0238vw; padding-inline: 0.8929vw;  color: #404040;  position: relative; width: 8.6905vw; height: 4.0476vw; -o-appearance: none; -webkit-appearance: none;  -moz-appearance: none; appearance: none; font-size: 1.5476vw; letter-spacing: -0.02em; }
    #bo_gall #bo_sch select#sfl::after { content: "▼";  position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);}
    #bo_gall #bo_sch .sch_input { width: 23.4524vw; height: 4.0476vw; border: 0.0595vw solid #bfbfbf; background: transparent;  border-radius: 100px !important; padding-inline: 1.5476vw 2.9762vw !important; color: #c9c9c9;  position: relative; line-height: 4.0476vw; font-size: 1.5476vw; letter-spacing: -0.02em; }
    #bo_gall #bo_sch .sch_btn { position: absolute; top: 50%; right: 1.0714vw; transform: translateY(-50%); background: url(./img/sch_icon.png) center / contain no-repeat; width: 1.6667vw; height: 1.6667vw;  border: 0.0000vw;}


    .bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
    .bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:19.6429vw;max-height:17.8571vw;margin-left:-9.8214vw;margin-top:-10.7143vw;overflow-y:auto;border-radius:0.2976vw;-webkit-box-shadow:1.1905vw 1.1905vw 1.7857vw rgba(0,0,0,0.1);-moz-box-shadow:1.1905vw 1.1905vw 1.7857vw rgba(0,0,0,0.1);box-shadow:1.1905vw 1.1905vw 1.7857vw rgba(0,0,0,0.1);border:0.0595vw solid #eee;background:#fff;border-radius:0.2381vw;}
    .bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
    .bo_sch h3 {padding:0.8929vw;border-bottom:0.0595vw solid #e8e8e8}
    .bo_sch legend {background:red}
    .bo_sch form {padding:0.8929vw;display:block}
    .bo_sch select {

        width: 100%;
        padding: .8em .2em;
        padding-left: 0.7143vw;
        border: 0.0595vw solid #eee;
        background: url(./img/baseline_keyboard_arrow_down_black_18dp.png) no-repeat 95.5% 50%;
        background-size: 1.1905vw;
        border-radius: 0.2381vw;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 0.7143vw;
        color: #000;
        margin-top: 0.1786vw;

    }
}
@media (max-width: 768px) {
    .bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:1.3333vw;border:0.0889vw solid #eee;border-radius:0.1778vw;}
    .bo_sch .sch_input {width:22.2222vw;height:3.3778vw;border:0;padding:0;background-color:transparent; padding-left: 0.8889vw;}
    .bo_sch .sch_btn {height:3.3778vw;color:#656565;background:none;border:0;width:3.5556vw;font-size:1.1556vw;}
    .bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:1.0667vw 1.3333vw;font-size:1.4222vw;background:#fff}
    .bo_sch_bg {background:#000;background:rgba(0,0,0,0.0);width:100%;height:100%}

    #bo_gall #bo_sch { display: flex; justify-content: start; align-items: center; width: 100%; margin-bottom: 3.3778vw;}
    #bo_gall #bo_sch >form { display: flex; align-items: center;}
    #bo_gall #bo_sch select#sfl { margin-right: 1.5111vw; background: url(./img/select_arrow.png) center right 1.3333vw / 1.5625vw no-repeat; border: 0.0889vw solid #bfbfbf;  border-radius: 3.0222vw; padding-inline: 1.3333vw;  color: #404040;  position: relative; width: 12.9778vw; height: 6.0444vw; -o-appearance: none; -webkit-appearance: none;  -moz-appearance: none; appearance: none; font-size: 2.3111vw; letter-spacing: -0.02em; }
    #bo_gall #bo_sch select#sfl::after { content: "▼";  position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);}
    #bo_gall #bo_sch .sch_input { width: 35.0222vw; height: 6.0444vw; border: 0.0889vw solid #bfbfbf; background: transparent;  border-radius: 100px !important; padding-inline: 2.3111vw 4.4444vw !important; color: #c9c9c9;  position: relative; line-height: 6.0444vw; font-size: 2.3111vw; letter-spacing: -0.02em; }
    #bo_gall #bo_sch .sch_btn { position: absolute; top: 50%; right: min(3vw, 20px); transform: translateY(-50%); background: url(./img/sch_icon.png) center / contain no-repeat; width: min(3vw, 20px); height: min(3vw, 20px);  border: 0.0000vw;}


    .bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
    .bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:29.3333vw;max-height:26.6667vw;margin-left:-14.6667vw;margin-top:-16.0000vw;overflow-y:auto;border-radius:0.4444vw;-webkit-box-shadow:1.7778vw 1.7778vw 2.6667vw rgba(0,0,0,0.1);-moz-box-shadow:1.7778vw 1.7778vw 2.6667vw rgba(0,0,0,0.1);box-shadow:1.7778vw 1.7778vw 2.6667vw rgba(0,0,0,0.1);border:0.0889vw solid #eee;background:#fff;border-radius:0.3556vw;}
    .bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
    .bo_sch h3 {padding:1.3333vw;border-bottom:0.0889vw solid #e8e8e8}
    .bo_sch legend {background:red}
    .bo_sch form {padding:1.3333vw;display:block}
    .bo_sch select {

        width: 100%;
        padding: .8em .2em;
        padding-left: 1.0667vw;
        border: 0.0889vw solid #eee;
        background: url(./img/baseline_keyboard_arrow_down_black_18dp.png) no-repeat 95.5% 50%;
        background-size: 1.7778vw;
        border-radius: 0.3556vw;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 1.0667vw;
        color: #000;
        margin-top: 0.2667vw;

    }
}


/* view page */
.top_line {
    table-layout: fixed;
    background-color: #fff;
    border-top: 2px solid rgba(147, 147, 147, 0.3);
    border-bottom: 2px solid rgba(147, 147, 147, 0.3);
} 
.title_wrap {}
.title_wrap .gall_cate { position: relative; }
.title_wrap .gall_cate .icon_wrap { display: flex; gap: 5px; position: absolute; top: 50%; right: calc(100% + 25px); transform: translateY(-50%); }
.title_wrap .gall_cate .area_icon,
.title_wrap .gall_cate .cate_icon { display: flex; justify-content: center; align-items: center; width: 84px; height: 37px; border-radius: 10px; }
.title_wrap .gall_cate .area_icon { font-size: 17px; color: #fff; }
.title_wrap .gall_cate .cate_icon { margin-right: 0; background: rgba(35, 35, 35, 0.1); border-radius: 10px; font-size: 20px; color: #171717; }

.title_wrap .gall_cate .area_icon.all { background: #232323; }
.title_wrap .gall_cate .area_icon.cheongju { background: var(--color-primary); }
.title_wrap .gall_cate .area_icon.cheonan { background: var(--color-sig2); }
@media (max-width: 1680px) {
    .top_line {
    background-color: #fff;
    border-top: 0.1190vw solid rgba(147, 147, 147, 0.3);
    border-bottom: 0.1190vw solid rgba(147, 147, 147, 0.3);
} 
    .title_wrap {}
    .title_wrap .gall_cate { position: relative; }
    .title_wrap .gall_cate .icon_wrap { display: flex; gap: 0.2976vw; position: absolute; top: 50%; right: calc(100% + 1.4881vw); transform: translateY(-50%); }
    .title_wrap .gall_cate .area_icon,
    .title_wrap .gall_cate .cate_icon { display: flex; justify-content: center; align-items: center; width: 5.0000vw; height: 2.2024vw; border-radius: 0.5952vw; }
    .title_wrap .gall_cate .area_icon { font-size: 1.0119vw; color: #fff; }
    .title_wrap .gall_cate .cate_icon { margin-right: 0; background: rgba(35, 35, 35, 0.1); border-radius: 0.5952vw; font-size: 1.1905vw; color: #171717; }
    .bo_v_dateTime { position: absolute; top: 50%; right: 4.1667vw; transform: translateY(-50%); font-size: 1.0714vw; color: #828282; }
}
@media (max-width: 1280px) {
    .sub71_view_wrap { padding-bottom: 14.0476vw; }
    .title_wrap {}
    .title_wrap .gall_cate { display: flex; flex-direction: column; align-items: center; gap: 1.1905vw;  width: 100%; }
    .title_wrap .gall_cate .icon_wrap { display: flex; gap: 0.8333vw; position: static; transform: none; }
    .title_wrap .gall_cate .area_icon,
    .title_wrap .gall_cate .cate_icon { display: flex; justify-content: center; align-items: center; width: 7.4405vw; height: 3.2738vw; border-radius: 0.8929vw; }
    .title_wrap .gall_cate .area_icon { font-size: 1.5476vw; color: #fff; }
    .title_wrap .gall_cate .cate_icon { margin-right: 0; background: rgba(35, 35, 35, 0.1); border-radius: 0.8929vw; font-size: 1.7262vw; color: #171717; }

    .bo_v_dateTime { align-self: flex-end; position: static; transform: none; font-size: 1.6071vw; color: #828282; }
}
@media (max-width: 768px) {
    .sub71_view_wrap { padding-bottom: 20.9778vw; }
    .title_wrap {}
    .title_wrap .gall_cate { display: flex; flex-direction: column; align-items: center; gap: 1.7778vw; }
    .title_wrap .gall_cate .icon_wrap { display: flex; gap: 1.2444vw; position: static; transform: none; }
    .title_wrap .gall_cate .area_icon,
    .title_wrap .gall_cate .cate_icon { display: flex; justify-content: center; align-items: center; width: 11.1111vw; height: 4.8889vw; border-radius: 1.3333vw; }
    .title_wrap .gall_cate .area_icon { font-size: 2.3111vw; color: #fff; }
    .title_wrap .gall_cate .cate_icon { margin-right: 0; background: rgba(35, 35, 35, 0.1); border-radius: 1.3333vw; font-size: 2.5778vw; color: #171717; }

    .bo_v_dateTime { align-self: flex-end; position: static; transform: none; font-size: 2.4000vw; color: #828282; }
}

.pg_wrap .pg > .pg_prev { background: url(./img/notice_prev_arrow.png) center / contain no-repeat; color: transparent; text-indent: -9999px; }
.pg_wrap .pg > .pg_next { background: url(./img/notice_next_arrow.png) center / contain no-repeat; color: transparent; text-indent: -9999px; }



.bo-v-wrap{width: 100%; padding: 0; box-sizing: border-box; margin: 280px auto 0;}
#sub_column .title-wrap{display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding: 0 0 48px; box-sizing: border-box; border-bottom: 1px solid #e0e0e0; margin-bottom: 80px;}
#sub_column .title-wrap .title-desc{margin-bottom: 46px; color: #6E6E6E; font-family: SUIT; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal;}
#sub_column .title-wrap .ego-cate-tag{display: inline-flex; justify-content: center; align-items: center; padding: 8px 16px; border: 1.5px solid #556b2f; border-radius: 8px; margin-bottom: 20px; font-family: SUIT; font-size: 16px; color: #556b2f; font-weight: 500; line-height: 1;}
#sub_column .title-wrap .ego-tag-list{display: flex; flex-wrap: wrap; gap: 12px;}
#sub_column .title-wrap .ego-tag{display: inline-flex; justify-content: center; align-items: center; padding: 8px 12px; border-radius: 8px; background-color: #f9f7f4; font-family: SUIT; font-size: 16px; color: #453b34; font-weight: 500; line-height: 1;}
#sub_column .title-wrap .ego-date-box{display: inline-flex; justify-content: center; align-items: center; padding: 8px 12px; border-radius: 8px; background-color: #f8f8f8;}
#sub_column .title-wrap .ego-date-box .gall-date{margin: 0; font-family: SUIT; font-size: 16px; color: #828282; font-weight: 500; line-height: 1;}
#bo_v_atc{width: 100%; padding-bottom: 80px; box-sizing: border-box; border-bottom: 1px solid #e0e0e0; margin-bottom: 80px;}
#bo_v_con{font-family: SUIT; font-size: 18px; color: #444444; font-weight: 500;}
#bo_v_bot{position: static; display: flex; justify-content: center; align-items: center; width: 100%; padding: 0; margin-top: 80px;}
#bo_v_bot .btn_bo_user_btm_v{position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: auto; padding: 0;}
#bo_v_bot .bo_v_nb01{position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 52px; padding: 0; margin: 0; list-style: none;}
#bo_v_bot .bo_v_nb01:not(:has(.btn_prv01)){justify-content: end;}
#bo_v_bot .bo_v_nb01 li{display: inline-block;}
#bo_v_bot .bo_v_nb01 li a{display: inline-flex !important; justify-content: center !important; align-items: center !important; height: 52px !important; padding: 10px 44px !important; border: none !important; border-radius: 200px !important; box-sizing: border-box !important; background-color: #ede9e1 !important; transition: all 0.3s !important; font-family: SUIT !important; font-size: 18px !important; color: #000000 !important; font-weight: 500 !important; line-height: 1 !important; text-decoration: none !important;}
#bo_v_bot .btn_v_02{position: absolute; left: 50%; top: 0; z-index: 10;}
#bo_v_bot .btn_v_02 a{display: inline-flex !important; justify-content: center !important; align-items: center !important; height: 52px !important; padding: 10px 44px !important; border: none !important; border-radius: 200px !important; box-sizing: border-box !important; background-color: #556b2f !important; transition: all 0.3s !important; font-family: SUIT !important; font-size: 18px !important; color: #ffffff !important; font-weight: 500 !important; line-height: 1 !important; text-decoration: none !important;}
#bo_v_bot .btn_bo_user_btm_v ul:not(.bo_v_nb01){display: flex; justify-content: flex-end; width: 100%; padding: 0; list-style: none;}
#bo_v_bot .btn_v_01{display: flex; gap: 8px;}
#bo_v_bot .btn_v_01 a{display: inline-flex !important; justify-content: center !important; align-items: center !important; height: 52px !important; padding: 10px 24px !important; border: 1.5px solid #556b2f !important; border-radius: 200px !important; box-sizing: border-box !important; background-color: #ffffff !important; transition: all 0.3s !important; font-family: SUIT !important; font-size: 18px !important; color: #556b2f !important; font-weight: 500 !important; line-height: 1 !important; text-decoration: none !important;}
.recommend-wrap{display: flex; flex-direction: column; width: 100%; padding: 0; margin-top: 120px;}
.recommend-wrap h3{margin: 0 0 60px; font-family: SUIT; font-size: 32px; color: #000000; font-weight: 600; line-height: 70px;}
.recommend-wrap .rcmd-list{display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; padding: 0; box-sizing: border-box; margin: 0; list-style: none; gap: 60px 32px;}
.recommend-wrap .rcmd-item{display: flex; flex-direction: column; width: 100%;}
.recommend-wrap .rcmd-item a{display: flex; flex-direction: column; width: 100%; text-decoration: none;}
.recommend-wrap .rcmd-item img, .recommend-wrap .rcmd-item .rcmd-no-thumb{display: block; width: 100%; aspect-ratio: 458/337; margin: 0 0 32px; border-radius: 0; background-color: #bdb7ac; overflow: hidden; object-fit: cover;}
.recommend-wrap .rcmd-item .rcmd-no-thumb img{width: 100%; height: 100%; object-fit: cover;}
.recommend-wrap .rcmd-item .item-title{margin: 0 0 20px; font-family: SUIT; font-size: 25px; color: #000000; font-weight: 600; line-height: 1.4;}
.recommend-wrap .rcmd-item .item-date{font-family: SUIT; font-size: 16px; color: #828282; font-weight: 500;}

@media(max-width: 1024px){
    .bo-v-wrap{margin-top: 100px; padding: 0 0 60px;}
    #sub_column .title-wrap{padding-bottom: 30px; margin-bottom: 40px;}
    #bo_v_title{font-size: 28px; line-height: 1.4; margin-bottom: 15px;}
    #sub_column .title-wrap .ego-cate-tag{padding: 5px 12px; font-size: 12px;}
    #sub_column .title-wrap .title-desc{font-size: 16px; margin-bottom: 30px;}
    #sub_column .title-wrap .title-btm{align-items: start !important; flex-direction: column; gap: 20px;}
    #sub_column .title-wrap .ego-tag-list{gap: 8px;}
    #sub_column .title-wrap .ego-tag{padding: 6px 10px; font-size: 16px;}
    #sub_column .title-wrap .ego-date-box{padding: 6px 10px;}
    #sub_column .title-wrap .ego-date-box .gall-date{font-size: 14px;}
    #bo_v_atc{padding-bottom: 40px; margin-bottom: 40px;}
    #bo_v_con{font-size: 16px;}
    #bo_v_bot{margin-top: 40px;}
    #bo_v_bot .btn_bo_user_btm_v{position: relative; width: 100%; height: 40px;}
    #bo_v_bot .bo_v_nb01{display: flex; justify-content: space-between; align-items: center; width: 100%; height: 40px;}
    #bo_v_bot .bo_v_nb01 li{width: 31%;}
    #bo_v_bot .bo_v_nb01 li.btn_prev01{margin-right: auto;}
    #bo_v_bot .bo_v_nb01 li.btn_next01{margin-left: auto;}
    #bo_v_bot .bo_v_nb01 li a{display: flex; justify-content: center; align-items: center; width: 100%; height: 40px !important; padding: 0 !important; font-size: 14px !important;}
    #bo_v_bot .btn_v_02{position: absolute; left: 50%; top: 0; z-index: 10; width: 31%; transform: translateX(-50%);}
    #bo_v_bot .btn_v_02 a{display: flex; justify-content: center; align-items: center; width: 100%; height: 40px !important; padding: 0 !important; font-size: 14px !important;}
    #bo_v_bot .btn_v_01 a{height: 40px !important; padding: 8px 20px !important; font-size: 15px !important;}
    .recommend-wrap{margin-top: 140px;}
    .recommend-wrap h3{font-size: 24px; margin-bottom: 30px; line-height: 1.4;}
    .recommend-wrap .rcmd-list{grid-template-columns: 1fr; gap: 40px;}
    .recommend-wrap .rcmd-item img, .recommend-wrap .rcmd-item .rcmd-no-thumb{margin-bottom: 20px;}
    .recommend-wrap .rcmd-item .item-title{font-size: 20px; margin-bottom: 10px;}
    .recommend-wrap .rcmd-item .item-date{font-size: 14px;}
}

/* ==========================================
   ptl-column-layout 피그마 디자인 모음
========================================== */

/* 목록 페이지 (list.skin.web.php) ptl-column-layout 디자인 */
#bo_gall.ptl-column-layout{position: relative; display: flex; flex-direction: column; width: 92%; max-width: 1440px; padding: 200px 0; margin: 0 auto; box-sizing: border-box;}
#bo_gall.ptl-column-layout .bo-head{display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px 0; margin-bottom: 40px;}
#bo_gall.ptl-column-layout #bo_cate{display: flex;}
#bo_gall.ptl-column-layout #bo_cate_ul{display: flex; flex-wrap: wrap; gap: 12px; padding: 0; margin: 0; list-style: none;}
#bo_gall.ptl-column-layout #bo_cate_ul li{display: inline-block; width: auto;}
#bo_gall.ptl-column-layout #bo_cate_ul li a{display: inline-flex; justify-content: center; align-items: center; width: 120px; height: 50px; padding: 0 20px; border: 1px solid #8e8e8e; border-radius: 100px; box-sizing: border-box; transition: all 0.3s; font-family: 'Pretendard', 'SUIT', sans-serif; font-size: 16px; color: #8e8e8e; font-weight: 600; text-decoration: none; letter-spacing: -0.16px;}
#bo_gall.ptl-column-layout #bo_cate_ul li#bo_cate_on a, #bo_gall.ptl-column-layout #bo_cate_ul li.bo_cate_on a{border-color: #1b2ea3; background-color: #1b2ea3; color: #ffffff;}
#bo_gall.ptl-column-layout #bo_sch{position: static; display: flex; align-items: center; height: 50px; margin: 0;}
#bo_gall.ptl-column-layout #bo_sch form{position: relative; display: flex; align-items: center; gap: 8px; width: 100%;}
#bo_gall.ptl-column-layout #bo_sch select#sfl{height: 50px; padding: 0 20px; border: 1px solid #8e8e8e; border-radius: 100px; box-sizing: border-box; font-family: 'Pretendard', 'SUIT', sans-serif; font-size: 16px; color: #8e8e8e; font-weight: 600; width: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('img/down-arrow.svg') no-repeat right 15px center; background-size: 11px; padding-right: 40px;}
#bo_gall.ptl-column-layout #bo_sch .sch_input{position: relative; width: 250px; height: 50px; padding: 0 40px 0 20px !important; border: 1px solid #8e8e8e; border-radius: 100px; box-sizing: border-box; line-height: normal; font-family: 'Pretendard', 'SUIT', sans-serif; font-size: 16px; color: #8e8e8e; font-weight: 600;}
#bo_gall.ptl-column-layout #bo_sch .sch_btn{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: url(./img/sch_icon.png) center / contain no-repeat; width: 18px; height: 18px; border: 0;}
#bo_gall.ptl-column-layout #gall_ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px 45px; width: 100%;}
#bo_gall.ptl-column-layout #gall_ul:has(li.empty_list){display: flex; justify-content: center;}
#bo_gall.ptl-column-layout .gall_li{position: relative; display: flex; flex-direction: column; width: 100%; min-width: 0; padding: 0; border: none;}
#bo_gall.ptl-column-layout .gall_con{display: flex; flex-direction: column; width: 100%;}
#bo_gall.ptl-column-layout .gall_chk{position: absolute; top: 15px; left: 15px; z-index: 10;}
#bo_gall.ptl-column-layout .gall_href{position: static; width: 100%; text-align: left;}
#bo_gall.ptl-column-layout .gall_href a{display: flex; flex-direction: column; width: 100%; text-decoration: none;}
#bo_gall.ptl-column-layout .imgWrap{width: 100%; aspect-ratio: 1/1; margin: 0; background-color: #dadada; overflow: hidden;}
#bo_gall.ptl-column-layout .imgWrap img{width: 100%; height: 100%; object-fit: cover;}
#bo_gall.ptl-column-layout .gall_title_wrap{display: flex; flex-direction: column; width: 100%; padding: 32px 0 0;}
#bo_gall.ptl-column-layout .ego-cate-tag{display: inline-flex; justify-content: center; align-items: center; width: fit-content; padding: 8px 16px; border: 1.5px solid #1b2ea3; border-radius: 8px; margin-bottom: 20px; font-family: 'Pretendard', 'SUIT', sans-serif; font-size: 16px; color: #1b2ea3; font-weight: 500; line-height: 1;}
#bo_gall.ptl-column-layout .gall_title{margin: 0 0 15px; color: #141414; font-family: SUIT; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal;}
#bo_gall.ptl-column-layout .ego-sub-title{margin: 0 0 40px; font-family: 'SUIT', sans-serif; font-size: 20px; color: #222222; font-weight: 500; line-height: 1.4;}
#bo_gall.ptl-column-layout .ego-tag-list{display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px;}
#bo_gall.ptl-column-layout .ego-tag{display: inline-flex; justify-content: center; align-items: center; padding: 8px 12px; border-radius: 8px; background-color: #f9f7f4; font-family: 'SUIT', sans-serif; font-size: 16px; color: #453b34; font-weight: 500; line-height: 1;}
#bo_gall.ptl-column-layout .gall-date{color: #747474; font-family: SUIT; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.55;}

/* ptl-column-layout 페이지네이션 피그마 261-2677 디자인 */
#bo_gall.ptl-column-layout .pg_wrap {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 100%; height: auto; margin: 60px auto 0; padding: 10px 0;}
#bo_gall.ptl-column-layout .pg_wrap .pg {display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0 auto;}
#bo_gall.ptl-column-layout .pg_wrap .pg > .pg_page,
#bo_gall.ptl-column-layout .pg_wrap .pg > .pg_current {display: inline-flex; justify-content: center; align-items: center; min-width: 32px; height: 32px; padding: 0 10px; border-radius: 8px; font-family: 'Pretendard', 'SUIT', sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: -0.16px; box-sizing: border-box; text-decoration: none !important;}
#bo_gall.ptl-column-layout .pg_wrap .pg > .pg_page {color: #3e4448; background: transparent;}
#bo_gall.ptl-column-layout .pg_wrap .pg > .pg_page:hover {color: #1b2ea3; background-color: #f0f3ff;}
#bo_gall.ptl-column-layout .pg_wrap .pg > .pg_current {background-color: #1b2ea3; color: #ffffff;}
#bo_gall.ptl-column-layout .pg_wrap .pg > .pg_start {display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; min-width: 24px; border-radius: 8px; margin: 0; background: url(img/bbs_pg_left_db.png) center / 8px no-repeat transparent; text-indent: -9999px;}
#bo_gall.ptl-column-layout .pg_wrap .pg > .pg_prev {display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; min-width: 24px; border-radius: 8px; margin: 0; background: url(img/bbs_pg_left.png) center / 5px no-repeat transparent; text-indent: -9999px;}
#bo_gall.ptl-column-layout .pg_wrap .pg > .pg_next {display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; min-width: 24px; border-radius: 8px; margin: 0; background: url(img/bbs_pg_right.png) center / 5px no-repeat transparent; text-indent: -9999px;}
#bo_gall.ptl-column-layout .pg_wrap .pg > .pg_end {display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; min-width: 24px; border-radius: 8px; margin: 0; background: url(img/bbs_pg_right_db.png) center / 8px no-repeat transparent; text-indent: -9999px;}

/* 상세 페이지 (view.skin.php) ptl-column-layout 피그마 261-2820 디자인 */
#sub_column .bo-v-wrap.ptl-column-layout{position: relative; display: flex; flex-direction: column; width: 92%; max-width: 1440px; padding: 200px 0; margin: 0 auto; box-sizing: border-box;}
#sub_column .bo-v-wrap.ptl-column-layout .title-wrap{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 34px 60px; margin: 0; border-bottom: 1px solid #D4C9BA; background: #FDFBF9; text-align: center;}
#sub_column .bo-v-wrap.ptl-column-layout .title-wrap #bo_v_title{color: #141414; font-family: SUIT; font-size: 26px; font-style: normal; font-weight: 700; line-height: normal;}
#sub_column .bo-v-wrap.ptl-column-layout .title-wrap #bo_v_date{position: absolute; top: 50%; right: 60px; transform: translateY(-50%); color: #747474; font-family: SUIT; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;}

#sub_column .bo-v-wrap.ptl-column-layout #bo_v_atc{max-width: 1440px; margin: 0 auto; padding: 78px 60px; box-sizing: border-box;}

#sub_column .bo-v-wrap.ptl-column-layout #bo_v_bot{display: flex; flex-direction: column; width: 100%; max-width: unset; margin: 0; padding: 0;}
#sub_column .bo-v-wrap.ptl-column-layout .v-btn-wrap{display: flex; flex-direction: column; width: 100%;}
#sub_column .bo-v-wrap.ptl-column-layout .v-btn{display: flex; padding: 27px 50px; gap: 70px; border-bottom: 1px solid rgba(212, 201, 186, 0.50); transition: 0.5s;}
#sub_column .bo-v-wrap.ptl-column-layout .v-btn:hover{background-color: #FDFBF9;}
#sub_column .bo-v-wrap.ptl-column-layout .v-btn .fix-text{display: inline-flex; gap: 14px; align-items: center; color: #141414; font-family: SUIT; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal;}
#sub_column .bo-v-wrap.ptl-column-layout .v-btn .post-info{display: flex; justify-content: space-between; align-items: center; flex-grow: 1;}
#sub_column .bo-v-wrap.ptl-column-layout .v-btn .post-info .post-title{color: #141414; font-family: SUIT; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
#sub_column .bo-v-wrap.ptl-column-layout .v-btn .post-info .post-date{color: #747474; font-family: SUIT; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
#sub_column .bo-v-wrap.ptl-column-layout .v-btn-nav{}
#sub_column .bo-v-wrap.ptl-column-layout .v-btn-nav.disabled{opacity: 0.4; pointer-events: none;}
#sub_column .bo-v-wrap.ptl-column-layout .v-btn-list{margin-top: 78px; padding: 8px 42px; border-radius: 99px; border: 1px solid #403627; color: #141414; text-align: center; font-family: SUIT; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.7;}

#sub_column .bo-v-wrap.ptl-column-layout .v-admin-group{display: flex; justify-content: flex-end; gap: 8px; width: 100%; margin-top: 20px;}
#sub_column .bo-v-wrap.ptl-column-layout .v-btn-admin{display: inline-flex; justify-content: center; align-items: center; height: 36px; padding: 0 16px; border: 1px solid #bfbfbf; border-radius: 50px; font-family: var(--ff-pretendard, 'Pretendard'), sans-serif; font-size: 14px; color: #666666; text-decoration: none !important; transition: all 0.3s;}
#sub_column .bo-v-wrap.ptl-column-layout .v-btn-admin:hover{border-color: #121212; color: #121212;}

/* ptl-column-layout 단일 반응형 (1024px 기준) */
@media(max-width: 1024px){
    /* 목록 페이지 반응형 */
    #bo_gall.ptl-column-layout{padding: 80px 0;}
    #bo_gall.ptl-column-layout .bo-head{display: flex; flex-direction: column; align-items: stretch; gap: 20px; margin-bottom: 30px;}
    #bo_gall.ptl-column-layout #bo_cate{width: 100%;}
    #bo_gall.ptl-column-layout #bo_cate_ul{display: flex; flex-wrap: wrap; gap: 8px 6px;}
    #bo_gall.ptl-column-layout #bo_cate_ul li a{width: auto; height: 38px; padding: 0 12px; font-size: 13px;}
    #bo_gall.ptl-column-layout #bo_sch{display: flex; width: 100%; height: auto;}
    #bo_gall.ptl-column-layout #bo_sch form{display: flex; width: 100%; gap: 6px;}
    #bo_gall.ptl-column-layout #bo_sch select#sfl{height: 38px; padding: 0 28px 0 12px; font-size: 13px; flex-shrink: 0; background-position: right 10px center;}
    #bo_gall.ptl-column-layout #bo_sch .sch_input{flex: 1; min-width: 0; width: 100%; height: 38px; padding: 0 35px 0 14px !important; font-size: 13px;}
    #bo_gall.ptl-column-layout #bo_sch .sch_btn{right: 12px; width: 16px; height: 16px;}
    #bo_gall.ptl-column-layout #gall_ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 20px; width: 100%;}
    #bo_gall.ptl-column-layout .gall_title_wrap{padding: 20px 0 0;}
    #bo_gall.ptl-column-layout .ego-cate-tag{padding: 6px 12px; margin-bottom: 12px; font-size: 14px;}
    #bo_gall.ptl-column-layout .gall_title{margin: 0 0 10px; font-size: 20px;}
    #bo_gall.ptl-column-layout .ego-sub-title{margin: 0 0 20px; font-size: 15px;}
    #bo_gall.ptl-column-layout .ego-tag-list{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 15px;}
    #bo_gall.ptl-column-layout .ego-tag{padding: 6px 10px; font-size: 14px;}
    #bo_gall.ptl-column-layout .gall-date{font-size: 14px;}

    /* 상세 페이지 반응형 */
    #sub_column .bo-v-wrap.ptl-column-layout{padding: 80px 0;}
    #sub_column .bo-v-wrap.ptl-column-layout .title-wrap{padding: 20px 30px; margin-bottom: 30px;}
    #sub_column .bo-v-wrap.ptl-column-layout .title-wrap .ptl-cate-tag{padding: 6px 12px; font-size: 14px;}
    #sub_column .bo-v-wrap.ptl-column-layout .title-wrap #bo_v_title{font-size: var(--fz-24); line-height: 1.3;}
    #sub_column .bo-v-wrap.ptl-column-layout .title-wrap #bo_v_date{position: static; transform: unset; font-size: var(--fz-16);}
    #sub_column .bo-v-wrap.ptl-column-layout #bo_v_atc{padding: 40px 20px;}
    #sub_column .bo-v-wrap.ptl-column-layout .v-btn{height: 42px; padding: 0 24px; font-size: 15px; gap: 20px;}
    #sub_column .bo-v-wrap.ptl-column-layout .v-btn .fix-text{font-size: var(--fz-16);}
    #sub_column .bo-v-wrap.ptl-column-layout .v-btn .post-info .post-title{font-size: var(--fz-16);}
    #sub_column .bo-v-wrap.ptl-column-layout .v-btn .post-info .post-date{font-size: var(--fz-14);}
    #sub_column .bo-v-wrap.ptl-column-layout .v-btn-list{margin-top: 30px; padding: 5px 25px; font-size: var(--fz-16);}
}