/*------------------------------------------------------------------------------*/
/* 1. reset */
/*------------------------------------------------------------------------------*/
html {font-size: 62.5%; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none;}
body {font-size: 1.6rem;position: relative;line-height: 1.3;}
:lang(ko) { word-break:keep-all }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, em, pre, code, form, fieldset, legend, address, caption, cite, p, blockquote, th, td, input, select, textarea, button, figure, figcaption {margin:0;padding:0;box-sizing:border-box;font-family:'pretendard', 'Malgun Gothic',  sans-serif;color:#333;font-weight:400;font-style:normal;letter-spacing:-0.9px;}
table {border-collapse:collapse;width:100%;}
caption, legend, caption *, legend * {font-size:0;overflow:hidden;clip:rect(0, 0, 0, 0);width:1px;height:1px;background:transparent;}
h1, h2, h3, h4, h5, h6 {font-size:2.8rem;line-height:1;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, ol, dl, dt, dd {margin:0;padding:0;list-style:none}
p {margin:0;padding:0;word-break:keep-all}
fieldset {border:solid 0px rgb(77, 61, 61);padding:0;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
figure + figure {margin-left:20px;}
figcaption {color:#626262;font-size:1.5rem;text-align:center;}
label, input, button, select, img, span, p {vertical-align:middle;background: none;}
img{margin: 0; padding: 0;}
input[type="submit"],
input[type="button"],
button {cursor:pointer}
input,
button {margin:0;padding:0;font-size:1.6rem;border:0;}
::-webkit-input-placeholder {color:#777;font-weight:400;}
::-moz-placeholder {color:#777;font-weight:400;}
:-ms-input-placeholder {color:#777;font-weight:400;}
:-moz-placeholder {color:#777;font-weight:400;}
/*select::-ms-expand {display:none;display:hidden;}*/

a {color:#1b1b1b;text-decoration:none;}
/*a:link,a:visited,a:hover,a:active {outline: 1px solid #000; outline-offset: -5px;}*/
a:focus-visible {outline: 1px solid #000;}
*, :after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*------------------------------------------------------------------------------*/

.sr_only {overflow:hidden !important;position:absolute;width:1px;height:1px;margin:0;margin-left:-1px;padding:0;clip:rect(0,0,0,0);}
.hide{display:none;}
.clearfix:after {display:block;content:'';clear:both;}
.flex {display: flex; flex-wrap: wrap;}
.flex > .half {flex-basis: 49.5%;}
.flex > .third {flex-basis: 32.5%;}
.flex > .fifth {flex-basis: 17%;}

.display_ib{display: inline-block;}
.text_l{text-align: left !important;}
.text_c{text-align: center !important;}
.f-left {float:left;}
.f-right {float:right;}
.borno_l{border-left: 0 none !important;}
.borno_r{border-right: 0 none !important;}
.borno_t{border-top: 0 none !important;}
.borno_b{border-bottom: 0 none !important;}
.gm{font-family: 'Gmarket';}
.ns{font-family: 'NotoSerif';}
.txt_blue{color:#053291;}
.br_line{border-right:1px solid #e6e9ef !important;}


/*skipNav*/
#skipNav {width:100%; position:absolute; top:0; left:0; z-index:10000; }
#skipNav a {display:block; width:100%; line-height:50px; text-align:center; background-color:#214aa6; color:#fff; font-weight:700; font-size:18px; height:0; overflow:hidden; }
#skipNav a:focus {height:50px; }


/*------------------------------------------------------------------------------*/
/* text align */
/*------------------------------------------------------------------------------*/
/*text-align*/
.tx_center{text-align: center;}

.mt0 {margin-top:0px !important;} .mt5 {margin-top:5px !important;} .mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;} .mt30 {margin-top:30px !important;} .mt35 {margin-top:35px !important;} .mt40 {margin-top:40px !important;} .mt45 {margin-top:45px !important;} .mt50 {margin-top:50px !important;}
.mr0 {margin-right:0px !important;} .mr5 {margin-right:5px !important;} .mr10 {margin-right:10px !important;} .mr15 {margin-right:15px !important;} .mr20 {margin-right:20px !important;} .mr25 {margin-right:25px !important;} .mr30 {margin-right:30px !important;} .mr35 {margin-right:35px !important;} .mr40 {margin-right:40px !important;} .mr45 {margin-right:45px !important;} .mr50 {margin-right:50px !important;}
.mb0 {margin-bottom:0px;} .mb5 {margin-bottom:5px;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px;} .mb25 {margin-bottom:25px;} .mb30 {margin-bottom:30px;} .mb35 {margin-bottom:35px;} .mb40 {margin-bottom:40px;} .mb45 {margin-bottom:45px;} .mb50 {margin-bottom:50px;} .mb65 {margin-bottom:65px;} .mb80 {margin-bottom:80px;}
.ml0 {margin-left:0px;} .ml5 {margin-left:5px;} .ml10 {margin-left:10px;} .ml15 {margin-left:15px;} .ml20 {margin-left:20px;} .ml25 {margin-left:25px;} .ml30 {margin-left:30px;} .ml35 {margin-left:35px;} .ml40 {margin-left:40px;} .ml45 {margin-left:45px;} .ml50 {margin-left:50px;}
.pd0{ padding: 0;}

.p20{padding: 20px;} .p30{padding: 30px;}
.pt0 {padding-top:0px;} .pt5 {padding-top:5px;} .pt10 {padding-top:10px;} .pt15 {padding-top:15px;} .pt20 {padding-top:20px;} .pt25 {padding-top:25px;} .pt30 {padding-top:30px;} .pt35 {padding-top:35px;} .pt40 {padding-top:40px;} .pt45 {padding-top:45px;} .pt50 {padding-top:50px;}
.pr0 {padding-right:0px;} .pr5 {padding-right:5px ;} .pr10 {padding-right:10px ;} .pr15 {padding-right:15px;} .pr20 {padding-right:20px;} .pr25 {padding-right:25px ;} .pr30 {padding-right:30px ;} .pr35 {padding-right:35px;} .pr40 {padding-right:40px;} .pr45 {padding-right:45px;} .pr50 {padding-right:50px;}
.pb0 {padding-bottom:0px;} .pb5 {padding-bottom:5px;} .pb10 {padding-bottom:10px;} .pb15 {padding-bottom:15px;} .pb20 {padding-bottom:20px;} .pb25 {padding-bottom:25px;} .pb30 {padding-bottom:30px;} .pb35 {padding-bottom:35px;} .pb40 {padding-bottom:40px;} .pb45 {padding-bottom:45px;} .pb50 {padding-bottom:50px;} 
.pl0 {padding-left:0px;} .pl5 {padding-left:5px;} .pl10 {padding-left:10px;} .pl15 {padding-left:15px;} .pl20 {padding-left:20px;} .pl25 {padding-left:25px;} .pl30 {padding-left:30px;} .pl35 {padding-left:35px;} .pl40 {padding-left:40px;} .pl45 {padding-left:45px;} .pl50 {padding-left:50px;}
.f11{font-size: 1.1rem;}
.f18{font-size: 1.8rem;}
.f20{font-size: 2rem;}

/*inner*/
.inner{width: 1300px; margin:0 auto;}

/*list_공통*/
.dot_list > li{position: relative;}
.dot_list > li::before{position: absolute;content: "";display: inline-block;}
/*list_.*/
.dot_list > li{padding-left: 10px;color: #444;}
.dot_list > li ~ li{margin-top: 10px;}
.dot_list > li::before{top: 9px; left:0; width: 3px; height: 3px;background-color: #333333;border-radius: 10px;}
.dot_list li > ul{margin-top: 10px;}
.ol_list{ list-style:none; margin:0; padding:0; }
.ol_list > li{ position:relative; padding-left:20px; color:#555; font-size:1.6rem; line-height:1.8; word-break:keep-all; }
.ol_list > li::before{ position:absolute; left:0; top:0; font-weight:600; color:#555; }
.ol_list > li:nth-child(1)::before{content:"①";}
.ol_list > li:nth-child(2)::before{content:"②";}
.ol_list > li:nth-child(3)::before{content:"③";}
.ol_list > li:nth-child(4)::before{content:"④";}
.ol_list > li:nth-child(5)::before{content:"⑤";}
.ol_list > li:nth-child(6)::before{content:"⑥";}
.ol_list > li:nth-child(7)::before{content:"⑦";}
.ol_list > li:nth-child(8)::before{content:"⑧";}
.ol_list > li:nth-child(9)::before{content:"⑨";}
.ol_list > li:nth-child(10)::before{content:"⑩";}

/* 가나다 리스트 */
.ko_list{margin:0; padding:0; list-style:none;}
.ko_list > li{ position:relative; padding-left:1.5em; color:#555; font-size:1.6rem; line-height:1.9; word-break:keep-all; }
.ko_list > li::before{ position:absolute; left:0; top:0; color:#555; font-weight:500; }
.ko_list > li:nth-child(1)::before{content:"가.";}
.ko_list > li:nth-child(2)::before{content:"나.";}
.ko_list > li:nth-child(3)::before{content:"다.";}
.ko_list > li:nth-child(4)::before{content:"라.";}
.ko_list > li:nth-child(5)::before{content:"마.";}
.ko_list > li:nth-child(6)::before{content:"바.";}
.ko_list > li:nth-child(7)::before{content:"사.";}
.ko_list > li:nth-child(8)::before{content:"아.";}
.ko_list > li:nth-child(9)::before{content:"자.";}
.ko_list > li:nth-child(10)::before{content:"차.";}
.ko_list > li + li{margin-top:4px;}

/* 1) 2) 3) 리스트 */
.num_paren_list{margin:0; padding:0; list-style:none;}
.num_paren_list > li{ position:relative; padding-left:20px; color:#555; font-size:1.6rem; line-height:1.9; word-break:keep-all; }
.num_paren_list > li::before{ position:absolute; left:0; top:0; color:#555; font-weight:500; }
.num_paren_list > li:nth-child(1)::before{content:"1)";}
.num_paren_list > li:nth-child(2)::before{content:"2)";}
.num_paren_list > li:nth-child(3)::before{content:"3)";}
.num_paren_list > li:nth-child(4)::before{content:"4)";}
.num_paren_list > li:nth-child(5)::before{content:"5)";}
.num_paren_list > li:nth-child(6)::before{content:"6)";}
.num_paren_list > li:nth-child(7)::before{content:"7)";}
.num_paren_list > li:nth-child(8)::before{content:"8)";}
.num_paren_list > li:nth-child(9)::before{content:"9)";}
.num_paren_list > li:nth-child(10)::before{content:"10)";}
.num_paren_list > li + li{margin-top:2px;}

/* ※ 리스트 */
.cap_list{margin:0; padding:0; list-style:none;}
.cap_list > li{ position:relative; padding-left:20px; color:#555; font-size:1.6rem; line-height:1.9; word-break:keep-all; }
.cap_list > li::before{ position:absolute; left:0; top:0; color:#555; font-weight:500; content: '※'; }

/*------------------------------------------------------------------------------*/
/* width */
/*------------------------------------------------------------------------------*/
.wid50{width: 50% !important;}
.wid100{width: 100% !important;}
.wid100{width: 100% !important;}
.w_100{width: 100px !important;}
.w_200{width:200px !important;}
/*------------------------------------------------------------------------------*/
/* color */
/*------------------------------------------------------------------------------*/
.red{color:red !important;}
.t_red{color:#ef001c;}
.blue{color:#00579b !important;}
.blue_btn{background-color: #183370;}
.dg_btn{background-color:#444444;}

/*------------------------------------------------------------------------------*/
/* text_align*/
/*------------------------------------------------------------------------------*/
.text_left{text-align: left !important;}
.text_right{text-align: right !important;}
.text_center{text-align: center !important;}

/*------------------------------------------------------------------------------*/
/* header */
/*------------------------------------------------------------------------------*/
.site_header {width:100%; background:#fff; position:relative; z-index:200; border-top:1px solid #d9d9d9; }
.header_util {border-bottom: 1px solid #e6e9ef; background: #f9f9f9;}
.header_util_inner {display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 40px;}
.header_util_links,
.header_member_links {display: flex; align-items: center; flex-wrap: wrap;}
.header_util_link,
.header_member_link {font-size: 1.4rem; color: #333; line-height: 1; padding: 10px 10px; position: relative;}
.header_util_link.is_now{font-weight: 600;color: #004dc0;}
.header_util_link + .header_util_link::before{ content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 100%; background: #d9dce3; transform: translateY(-50%); }
.header_member_link + .header_member_link::before { content: ""; position: absolute; left: -2px; top: 50%; width: 3px; height: 3px; border-radius: 50%; background: #b3b3b3; transform: translateY(-50%); }
.header_util_link:focus-visible,
.header_member_link:focus-visible {outline-offset: 2px;}
.header_gnb{ position:relative; background:#fff; border-bottom:1px solid #dcdfe5; --gnb_panel_top:84px; overflow:visible; }
.header_gnb::after{ content:""; position:absolute; left:0; top:100%; width:100%; height:470px; background:#fff; border-top:1px solid #dcdfe5; border-bottom:1px solid #dcdfe5; opacity:0; visibility:hidden; pointer-events:none; z-index:1; }
.site_header.is_open .header_gnb::after{ opacity:1; visibility:visible; }
.gnb_item.is_active .gnb_panel{ background:linear-gradient(to bottom, transparent 8px, #eef6ff 8px); min-height:478px; }
.header_gnb_inner{ display:flex; align-items:center; justify-content:space-between; min-height:100px; gap:40px; }
.header_logo{ flex:0 0 auto; font-size:0; line-height:0; }
.header_logo_link{ display:inline-flex; align-items:center; }
.header_logo_img{ display:block; width:auto; max-width:100%; height:56px; object-fit:contain; }
.header_nav{ flex:1 1 auto; min-width:0; }
.gnb_list{ display:flex; align-items:center; justify-content:flex-end; gap:0; }
.gnb_item{ position:relative; flex:0 0 auto; }
.gnb_link{ position:relative; z-index:3; display:inline-flex; align-items:center; justify-content:center; height:84px; padding:0 20px; font-size:2.1rem; font-weight:600; color:#222; line-height:1; letter-spacing:-0.5px; white-space:nowrap; transition:color .2s ease; min-width: 190px;}
.gnb_link:hover,
.gnb_link:focus-visible,
.gnb_item.is_active .gnb_link{ color:#024097; }
.gnb_link[aria-current="page"]{ color:#024097; }
.gnb_link[aria-current="page"]::after,
.gnb_item.is_active .gnb_link::after{ content:""; position:absolute; left:20px; right:20px; bottom:-9px; height:3px; background:#024097; border-radius:3px 3px 0 0; }
.gnb_panel{ position:absolute; left:50%; top:var(--gnb_panel_top); transform:translateX(-50%); width:max-content; min-width:150px; padding-top:24px; padding-bottom:30px; opacity:0; visibility:hidden; pointer-events:none; z-index:2; }
.site_header.is_open .gnb_panel{ opacity:1; visibility:visible; pointer-events:auto; }
.gnb_panel_inner{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:0; min-width:150px;}
.gnb_col + .gnb_col{ margin-top:16px; }
.gnb_depth2_link{ display:block; padding-bottom:5px; font-size:1.7rem; font-weight:700; color:#333; line-height:1.5; word-break:keep-all; }
.gnb_depth2_link:hover,
.gnb_depth2_link:focus-visible{ color:#024097; border-bottom:1px solid #024097; }
/* 3depth */
.gnb_depth3_list{ margin-top:10px; padding-top:10px; border-top:1px solid #eceff3; }
.gnb_depth3_list_only{ margin-top:0; padding-top:0; border-top:0; }
.gnb_depth3_list > li + li{ margin-top:12px; }
.gnb_depth3_link{position:relative;display:block;padding: 0px 0 2px 0;font-size:1.6rem;color:#555;line-height: 1.5;word-break:keep-all;}
.gnb_depth3_link:hover,
.gnb_depth3_link:focus-visible{ color:#024097; border-bottom:1px solid #024097}

/* 새창 이동 아이콘 */
.gnb_depth2_link.has_link,
.gnb_depth3_link.has_link{ display:inline-flex; align-items:center; gap:6px; }
.gnb_depth2_link.has_link::after,
.gnb_depth3_link.has_link::after{ content:""; display:inline-block; flex:none; width:14px; height:13px; background:url("../images/sub/icon_link.png") no-repeat center / contain; }
/* mobile nav - 햄버거 버튼 */
.mnav_btn{ display:none; position:relative; width:44px; height:44px; margin-left:auto; border:none; background:none; flex:0 0 44px; cursor:pointer; }
.mnav_btn_bar{ position:absolute; left:50%; width:24px; height:2px; background:#222; border-radius:2px; transform:translateX(-50%); transition:transform .25s ease, opacity .25s ease, top .25s ease; }
.mnav_btn_bar:nth-child(2){ top:14px; }
.mnav_btn_bar:nth-child(3){ top:21px; }
.mnav_btn_bar:nth-child(4){ top:28px; }
.site_header.is_mnav_open .mnav_btn_bar:nth-child(2){ top:21px; transform:translateX(-50%) rotate(45deg); }
.site_header.is_mnav_open .mnav_btn_bar:nth-child(3){ opacity:0; }
.site_header.is_mnav_open .mnav_btn_bar:nth-child(4){ top:21px; transform:translateX(-50%) rotate(-45deg); }

/* mobile nav - 오버레이 & 패널 (mobile_nav 구조용) */
.mobile_nav{ display:none; }
.mobile_nav_dim{ display:none; position:fixed; inset:0; background:rgba(0,0,0,0.5); z-index:9000; }
.mobile_nav_panel{ position:fixed; top:0; right:-320px; width:300px; height:100%; background:#fff; z-index:9001; transition:right 0.3s ease; overflow-y:auto; box-shadow:-4px 0 20px rgba(0,0,0,0.15); display:flex; flex-direction:column; }
body.is_mob_open .mobile_nav{ display:block; }
body.is_mob_open .mobile_nav_dim{ display:block; }
body.is_mob_open .mobile_nav_panel{ right:0; }

/* mobile nav - 헤더 */
.mobile_nav_head{ display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid #eee; }
.mobile_nav_head strong{ font-size:1.8rem; font-weight:700; color:#222; }
.mobile_nav_close{ position:relative; width:36px; height:36px; background:none; border:none; cursor:pointer; flex-shrink:0; }
.mobile_nav_close::before,
.mobile_nav_close::after{ content:''; position:absolute; top:50%; left:50%; width:20px; height:2px; background:#333; border-radius:2px; }
.mobile_nav_close::before{ transform:translate(-50%,-50%) rotate(45deg); }
.mobile_nav_close::after{ transform:translate(-50%,-50%) rotate(-45deg); }

/* mobile nav - 메뉴 본문 */
.mobile_nav_body{ flex:1; overflow-y:auto; }
.mobile_gnb_list{ list-style:none; padding:0; margin:0; }
.mobile_gnb_item{ border-bottom:1px solid #f0f0f0; }
.mobile_gnb_btn{ display:flex; align-items:center; justify-content:space-between; width:100%; padding:18px 20px; font-size:1.8rem; font-weight:600; color:#222; background:none; border:none; cursor:pointer; text-align:left; }
.mobile_gnb_btn::after{ content:''; display:inline-block; width:9px; height:9px; border-right:2px solid #aaa; border-bottom:2px solid #aaa; transform:rotate(45deg); transition:transform 0.3s; flex-shrink:0; margin-bottom:3px; }
.mobile_gnb_item.is_open > .mobile_gnb_btn::after{ transform:rotate(-135deg); margin-bottom:-3px; }

/* mobile nav - 2depth 패널 */
.mobile_gnb_panel{ display:none; background:#f2f4fb; padding:4px 0; border-top:1px solid #e4e8f4; }
.mobile_gnb_item.is_open > .mobile_gnb_panel{ display:block; }

/* mobile nav - 2depth 그룹 & 링크 */
.mobile_depth2_group{ border-bottom:1px solid #eaecf4; }
.mobile_depth2_group:last-child{ border-bottom:none; }
.mobile_depth2_link{ display:block; padding:11px 20px 11px 38px; font-size:1.55rem; font-weight:500; color:#444; text-decoration:none; position:relative; }
.mobile_depth2_link:hover{ color:#264597; background:#e8edf8; }

/* mobile nav - 3depth */
.mobile_depth3_list{ display:none; list-style:none; margin:0; padding:4px 0; background:#dde3f4; border-left:4px solid #264597; }
.mobile_depth2_group.is_open > .mobile_depth3_list{ display:block; }
.mobile_depth3_link{ display:block; padding:9px 16px 9px 46px; font-size:1.45rem; font-weight:400; color:#264597; text-decoration:none; position:relative; border-bottom:1px solid #cdd4ed; }
.mobile_depth3_link::before{ content:''; position:absolute; left:30px; top:50%; transform:translateY(-50%); width:5px; height:5px; border-radius:50%; background:#264597; opacity:.5; }
.mobile_depth3_link:hover{ color:#0f2f80; background:#cdd4ed; }
.mobile_depth3_list > li:last-child > .mobile_depth3_link{ border-bottom:none; }

/* mobile nav - 하위 메뉴가 있는 2depth 토글 화살표 */
.mobile_depth2_group:has(.mobile_depth3_list) > .mobile_depth2_link{ display:flex; align-items:center; justify-content:space-between; }
.mobile_depth2_group:has(.mobile_depth3_list) > .mobile_depth2_link::after{ content:''; display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#264597; flex-shrink:0; box-sizing:border-box; border:none; }
.mobile_depth2_group:has(.mobile_depth3_list) > .mobile_depth2_link::after{ content:''; width:0; height:0; background:none; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #264597; transition:transform 0.25s; }
.mobile_depth2_group.is_open:has(.mobile_depth3_list) > .mobile_depth2_link::after{ transform:rotate(180deg); }

/* mobile nav - 유틸 링크 (header_util 대체) */
.mobile_nav_util{ border-top:1px solid #eee; padding:20px; background:#f7f8fc; margin-top:auto; }
.mobile_nav_util_user{ display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.mobile_nav_util_icon{ width:28px; height:28px; object-fit:contain; flex-shrink:0; }
.mobile_nav_util_name{ font-size:1.5rem; font-weight:600; color:#222; }
.mobile_nav_util_name em{ font-style:normal; font-weight:400; color:#666; }
.mobile_nav_util_links{ display:flex; flex-wrap:wrap; gap:6px 0; }
.mobile_nav_util_link{ display:block; width:50%; font-size:1.4rem; color:#444; text-decoration:none; padding:5px 0; position:relative; padding-left:12px; }
.mobile_nav_util_link::before{ content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:4px; height:4px; border-radius:50%; background:#2366d6; }
.mobile_nav_util_link:hover{ color:#2366d6; }

/* focus */
.header_logo_link:focus-visible,
.header_util_link:focus-visible,
.header_member_link:focus-visible,
.gnb_link:focus-visible,
.gnb_depth2_link:focus-visible,
.gnb_depth3_link:focus-visible{ outline:2px solid #024097; outline-offset:2px; }

/* ==============================
   Header Search
   ============================== */
.header_search{ margin-left: 40px; flex-shrink: 0; display: flex; align-items: center; }
.header_search_btn{ position:relative; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid #c5c5c5; border-radius:50%; background:#fff; transition:border-color .2s ease, background-color .2s ease; z-index:120; }
.header_search_btn::before{ content:""; display:block; width:19px; height:19px; background:url("../images/common/icon_search.png") no-repeat center center / contain; transition:background-image .2s ease, transform .2s ease; }
.header_search_btn.is_open::before{ background-image:url("../images/common/icon_close.png"); }
.header_search_btn:focus-visible{ outline:2px solid #000; outline-offset:3px; }
.header_search_layer{ position:absolute; left:0; top:100%; width:100%; padding:65px 0 70px; background:rgba(0,0,0,.62); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .25s ease, visibility .25s ease; z-index:110; }
.header_search_layer.is_open{ opacity:1; visibility:visible; pointer-events:auto; }
.header_search_layer_inner{ display:flex; justify-content:center; }
.header_search_form{ width:100%; max-width:760px; }
.header_search_field{ position:relative; display:flex; align-items:center; width:100%; height:70px; padding-right:88px; border:3px solid #3f75ea; border-radius:999px; background:#fff; overflow:hidden; box-shadow:0 12px 24px rgba(0,0,0,.12); }
.header_search_input{ width:100%; height:100%; padding:0 30px; border:0; background:transparent; color:#333; font-size:1.7rem; outline:none; }
.header_search_input::placeholder{ color:#4f80e8; font-weight:500; }
.header_search_submit{ position:absolute; right:0; top:0; width:86px; height:100%; border:0; border-radius:999px; background:#3f75ea; }
.header_search_submit::before{ content:""; position:absolute; left:50%; top:50%; width:31px; height:31px; background:url("../images/common/icon_search_box.png") no-repeat center center / contain; transform:translate(-50%, -50%); }
.header_search_submit:focus-visible{ outline:2px solid #000; outline-offset:-2px; }
.site_header.is_search_open{ z-index:200; }
.site_header.is_search_open::after{ pointer-events:none; }

/* ==============================
    테이블 헤더
   ============================== */
.board_header{ margin-top:50px; display:flex; align-items:center; justify-content:space-between; gap:20px;}
.board_header_info{ flex:0 0 auto; color:#666666; font-size:1.6rem; line-height:1.4; white-space:nowrap; }
.board_header_info strong{ color:#000; font-weight:700; }
.board_header_bar{ display:inline-block; margin:0 4px; color:#999; }
.board_header_control{ display:flex; align-items:center; justify-content:flex-end; gap:5px; flex:1 1 auto; min-width:0; flex-wrap:wrap; }
.board_header_select_box{ position:relative; flex:0 0 160px; }


.board_header_select{ width:100%; height:45px; padding:0 34px 0 12px; border:1px solid #cdcdcd; border-radius:5px; background:#fff url("../images/common/icon_select.png") no-repeat right 12px center; color:#333; font-size:1.6rem; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.board_header_search_box{ display:flex; align-items:center; width:100%; max-width:260px; }
.board_header_input{ width:100%; height:45px; padding:0 12px; border:1px solid #d6d6d6; border-right:0; border-radius:5px 0 0 5px; background:#fff; color:#999; font-size:1.6rem; }
.board_header_input::placeholder{ color:#999; }
.board_header_btn{ flex:0 0 80px; height:45px; border-radius:0 5px 5px 0; background:#444; color:#fff; font-size:1.5rem; font-weight:500; }
/* 접근성 */
.board_header_select:focus,
.board_header_input:focus,
.board_header_btn:focus{ position:relative; z-index:1; outline:2px solid #2a4ea4; outline-offset:1px; }

/* ==============================
  공통 게시판 테이블
   ============================== */
.board_tbl_wrap{ margin-top:20px; border-top:1px solid #7482a2; }
.board_tbl{ width:100%; table-layout:fixed; border-collapse:collapse; }
.board_tbl thead th{ height:60px; padding:10px 8px; border-bottom:1px solid #7482a2; color:#222; font-size:1.7rem; font-weight:500; text-align:center; background:#f5f7fc; }
.board_tbl tbody td{ height:60px; padding:10px 8px; border-bottom:1px solid #e5e5e5; color:#444; font-size:1.6rem; text-align:center; vertical-align:middle;}
.board_tbl .board_td_title{ text-align:left; padding-left:18px; padding-right:18px; }
.board_subject{ display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#222; font-size:1.6rem; line-height:1.4; vertical-align:middle; font-weight: 400; }
.board_subject:hover{ text-decoration:underline; }
.board_subject:focus-visible{ outline:2px solid #2a4ea4; outline-offset:2px; border-radius:2px; }
td[data-th="상태"] { font-weight: 500 !important; }
.board_badge_notice{ display:inline-flex; align-items:center; justify-content:center; min-width:50px; height:26px; padding:0 10px; border-radius:13px; background:#ef6c00; color:#fff; font-size:1.3rem; }
.board_td_file{ text-align:center; }
.board_file_link{ display:inline-block; width:18px; height:22px; background:url("../images/common/ico_addfile.png") no-repeat center center / 18px 22px; vertical-align:middle; }
.board_file_link:focus-visible{ outline:2px solid #2a4ea4; outline-offset:3px; border-radius:2px; }
.board_tbl tbody td::before{ display:none; }
/* 상태 뱃지 */
.badge_tbl{ display:inline-flex; align-items:center; justify-content:center; min-width:65px; height:28px; padding:0 10px; border:1px solid currentColor; border-radius:14px; background:#fff; font-size:1.3rem; font-weight:500; line-height:1; letter-spacing:-0.4px; white-space:nowrap; vertical-align:middle; }
.badge_tbl.before{ color:#2a4ea4; }
.badge_tbl.end{ color:#9d9d9d; }
.badge_tbl.ing{ color:#f53a00; }
.board_btm{ position:relative; margin-top:50px; }
/* 첨부파일버튼 */
.board_dwn_btn{display: inline-flex; justify-content: center; align-items: center; min-width: 85px; height: 28px; padding:5px 10px; color:#00775a; font-size: 1.2rem; border:1px solid #00775a; border-radius: 5px; font-weight: 400;}
.board_dwn_btn2{display: inline-flex; justify-content: center; align-items: center; min-width: 85px; height: 28px; padding:5px 10px; color:#1860c3; font-size: 1.2rem; border:1px solid #1860c3; border-radius: 5px; font-weight: 400;}
.board_dwn_btn2::before{content: ''; display: inline-block; width: 16px; height: 14px; background: url(../images/sub/icon_board_go.png)no-repeat; margin-right: 5px;}
.board_dwn_btn::before{content: ''; display: inline-block; width: 14px; height: 14px; background: url(../images/sub/icon_board_dwn.png)no-repeat; margin-right: 5px;}
.paging_list{ display:flex; align-items:center; justify-content:center; gap:5px; }
.paging_list > li{ display:flex; align-items:center; justify-content:center; }
.paging_list > li > a{ display:flex; align-items:center; justify-content:center; min-width:26px; height:26px; padding:0 4px; border-radius:3px; color:#666; font-size:1.5rem; line-height:1; }
.paging_list > li > a:hover{ color:#214aa6; }
.paging_list > li > a:focus-visible{ outline:2px solid #2a4ea4; outline-offset:2px; }
.paging_list > li.on > a{ min-width:26px; height:26px; background:#2f57b3; color:#fff; font-weight:700; }
.paging_list .btn{ width:26px; height:26px; padding:0; background-repeat:no-repeat; background-position:center; background-size:auto; }
.paging_list .btn.first{ background-image:url("../images/common/icon_pprev.png"); }
.paging_list .btn.prev{ background-image:url("../images/common/icon_prev.png"); }
.paging_list .btn.next{ background-image:url("../images/common/icon_next.png"); }
.paging_list .btn.last{ background-image:url("../images/common/icon_nnext.png"); }
/* ================================

/*------------------------------------------------------------------------------*/
/* footer */
/*------------------------------------------------------------------------------*/
.site_footer{ background:#414141; padding:40px 0 100px; }
.footer_top{ display:flex; align-items:center; gap:20px; margin-bottom:35px; }
.footer_link{ position:relative; font-size:1.4rem; color:#ffffff; font-weight:500; }
.footer_link + .footer_link::before{ content:""; position:absolute; left:-10px; top:50%; width:1px; height:12px; background:rgba(255,255,255,0.4); transform:translateY(-50%); }
.footer_info{ display:flex; flex-direction:column; gap:6px; }
.footer_text{ font-size:1.3rem; line-height:1.6; color:#dadada; word-break:keep-all; }
.footer_bar{ position:relative; margin-left:10px; padding-left:10px; }
.footer_bar::before{ content:""; position:absolute; left:0; top:50%; width:1px; height:12px; background:#8a8a8a; transform:translateY(-50%); }
.footer_copy{ margin-top:8px; font-size:1.2rem; line-height:1.5; color:#dadada; opacity:0.9; }
.footer_link:focus-visible{ outline:2px solid #fff; outline-offset:2px; }

/*------------------------------------------------------------------------------*/
/* table */
/*------------------------------------------------------------------------------*/
.apply_write_box{ width:100%; }
.apply_write_box ~ .apply_write_box{margin-top: 60px;}
.apply_write_tbl_box{ width:100%; border-top:1px solid #7482a2; }
.apply_write_tbl{ width:100%; table-layout:fixed; }
.apply_write_tbl th,
.apply_write_tbl td{ border-bottom:1px solid #dbdbdb; vertical-align:middle; }
.apply_write_tbl th{ padding:18px 16px; background:#f5f7fc; text-align:center; }
.apply_write_tbl td{ padding:16px 14px; background:#fff; text-align:left; }
.apply_write_th{ display:inline-block; color:#333; font-size:1.6rem; font-weight:600; line-height:1.4; }
.apply_required{color:#ff2a2a; font-weight:700; }
.apply_text{ color:#666; font-size:1.6rem; line-height:1.5; }
.apply_input { width:100%; max-width:370px; height:38px; padding:0 10px; border:1px solid #cdcdcd; border-radius:5px; background-color:#fff; color:#333; font-size:1.6rem; }
.apply_select{ width:100%; max-width:260px; height:38px; padding:0 10px; border:1px solid #cdcdcd; border-radius:5px; background-color:#fff; color:#333; font-size:1.6rem; }
.apply_input:focus,
.apply_select:focus{ border-color:#1860c3; outline:2px solid rgba(24,96,195,0.15); outline-offset:0; }
.apply_select{ padding-right:34px; background:#fff url("../images/common/icon_select.png") no-repeat right 13px center; background-size:15px 10px; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.apply_select::-ms-expand{ display:none; }
.apply_inline{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.apply_desc{ color:#666; font-size:1.5rem; line-height:1.4; }
.apply_desc_red{ color:#ff2a2a; }
.apply_btn_area{ margin-top:37px; text-align:center; }
.apply_btn{ display:inline-flex; align-items:center; justify-content:center; width:140px; height:50px; border:none; border-radius:10px; background:#1860c3; color:#fff; font-size:1.8rem; font-weight:600; line-height:1; text-align:center; }
.apply_btn:hover,
.apply_btn:focus-visible{ background:#1457b0; }
.apply_btn:focus-visible{ outline:2px solid #1457b0; outline-offset:3px; }
.apply_head{ display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.apply_head_title{ position:relative; padding-left:25px; color:#333; font-size:2.2rem; font-weight:700; line-height:1.3; }
.apply_head_title::before{ content:""; position:absolute; left:0; top:4px; width:20px; height:21px; background:url("../images/sub/ico_prop.png") no-repeat center / contain; }
.apply_head_required{ color:#444444; font-size:1.5rem; white-space:nowrap; }
.apply_required_mark{ color:#ff2a2a; font-weight:700; }
.apply_radio_group{ display:flex; align-items:center; gap:22px; min-height:22px; flex-wrap:wrap; }
.apply_radio_label{ position:relative; display:inline-flex; align-items:center; gap:8px; cursor:pointer; }
.apply_radio_input{ position:absolute; left:0; top:0; width:1px; height:1px; margin:0; overflow:hidden; clip:rect(0, 0, 0, 0); clip-path:inset(50%); }
.apply_radio_mark{ position:relative; width:22px; height:22px; border:1px solid #bfc5d2; border-radius:50%; background:#fff; flex:0 0 22px; }
.apply_radio_mark::after{ content:""; position:absolute; left:50%; top:50%; width:12px; height:12px; border-radius:50%; background:#2a4ea4; transform:translate(-50%, -50%) scale(0); transition:transform .2s ease; }
.apply_radio_input:checked + .apply_radio_mark{ border-color:#2a4ea4; } 
.apply_radio_input:checked + .apply_radio_mark::after{ transform:translate(-50%, -50%) scale(1); } 
.apply_radio_input:focus-visible + .apply_radio_mark{ outline:2px solid #2a4ea4; outline-offset:2px; } 
.apply_radio_text{ color:#666; font-size:1.6rem; line-height:1.4; }
.apply_rt{border-right: 1px solid #dbdbdb;}


/*게시판_view*/
.board_view{ margin-top: 50px; border-top: 1px solid #7482a2; }
.board_view_head{ border-bottom: 1px solid #dbdbdb; background: #f5f7fc; }
.board_view_title{ padding: 22px 20px; font-size: 2.2rem; font-weight: 700; line-height: 1.5; color: #333; text-align: center; word-break: keep-all; }
.board_view_meta{ border-bottom: 1px solid #dbdbdb; }
.bvm_inner{ display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 60px; padding: 0 16px; }
.bvm_group{ display: flex; align-items: center; min-width: 0; }
.bvm_group_right{ justify-content: flex-end; gap: 24px; margin-left: auto; }
.bvm_item{ display: flex; align-items: center; min-width: 0; }
.bvm_key{ position: relative; flex-shrink: 0; padding-right: 12px; margin-right: 12px; font-size: 1.7rem; font-weight: 600; color: #333; line-height: 1.4; }
.bvm_key::after{ content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 14px; background: #d0d0d0; transform: translateY(-50%); }
.bvm_val{ font-size: 1.6rem; line-height: 1.4; color: #666; word-break: keep-all; }
.board_view_file{ display: flex; align-items: center; gap: 18px; min-height: 60px; padding: 14px 16px; border-bottom: 1px solid #dbdbdb; }
.bvf_key{ flex: 0 0 auto; font-size: 1.6rem; font-weight: 600; color: #333; }
.bvf_link{ position: relative; display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-size: 1.6rem; color: #053291; word-break: break-all; }
.bvf_link::before{ content: ""; flex-shrink: 0; width: 18px; height: 19px; background: url("../images/sub/ico_addfile.png") no-repeat center / contain; }
.bvf_link:hover{ color: #174ca7; }
.bvf_link:focus-visible{ outline: 2px solid #000; outline-offset: 2px; border-radius: 2px; }
.board_view_body{ min-height: 180px; padding: 26px 20px 30px; border-bottom: 1px solid #dbdbdb; }
.board_view_body p{ font-size: 1.7rem; line-height: 1.9; color: #444; word-break: keep-all; }
.board_view_body p + p{ margin-top: 2px; }
.board_view_nav{ margin-top:40px; border-top:1px solid #dcdcdc;}
.board_view_nav_list{ list-style:none; }
.board_view_nav_item{ position:relative; display:flex; align-items:center; padding:14px 10px 14px 28px; border-bottom:1px solid #e6e6e6; }
.board_view_nav_item:first-child::before{ content:""; position:absolute; left:10px; top:50%; width:18px; height:12px; background:url('../images/common/board_next.png') no-repeat center / contain; transform:translateY(-50%); }
.board_view_nav_item:last-child::before{ content:""; position:absolute; left:10px; top:50%; width:18px; height:12px; background:url('../images/common/board_prev.png') no-repeat center / contain; transform:translateY(-50%); }
.board_view_nav_label{ position:relative; padding:0 14px; margin-right:14px; font-size:1.7rem; color:#222222; font-weight: 500; }
.board_view_nav_label::after{ content:"|"; position:absolute; right:0; top:50%; transform:translateY(-50%); color:#cfcfcf; }
.board_view_nav_link{ font-size:1.6rem; color:#333; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.board_view_nav_link:hover{ text-decoration:underline; }
.decla_btn_box{ display: flex; justify-content: center; gap: 8px; margin-top: 28px; }
.decla_btn{ display: inline-flex; align-items: center; justify-content: center; min-width: 140px; height: 50px; padding: 0 10px; border-radius: 10px;  font-size: 1.6rem; font-weight: 500; }
.decla_btn_submit{ background: #1860c3; color: #fff; }
.decla_btn_list{ border:1px solid #333333; color: #333333; }
.decla_input:focus,
.decla_select:focus,
.decla_textarea:focus,
.decla_file_btn:focus,
.decla_btn:focus{ outline: 2px solid #2f4fa8; outline-offset: 2px; }








/* 반응형 */

@media (max-width:1280px){
    .inner{ width:100%; padding: 0 20px; }
    .header_gnb_inner{ gap:24px; }
    .gnb_link{ padding:0 24px; font-size:1.9rem; }
    .gnb_link[aria-current="page"]::after,
    .gnb_item.is_active .gnb_link::after{ left:24px; right:24px; }
}
@media (max-width:1180px){
    .board_header{ margin-top:36px; display:flex; flex-direction:column; align-items:flex-start; gap:16px; } 
    .board_header_info{ flex:none; width:100%; white-space:normal; font-size:1.3rem; line-height:1.5; } 
    .board_header_control{ width:100%; justify-content:flex-start; gap:8px; } 
    .board_header_select_box{ flex:0 0 150px; } 
    .board_header_search_box{ flex:1 1 auto; max-width:none; min-width:260px; } 
    .board_tbl_wrap{ position:relative; margin-top:18px; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; padding-bottom:6px; } 
    .board_tbl{ min-width:900px; } 
    .board_btm{ margin-top:36px; }
}
@media (max-width:1120px){
    .header_gnb_inner{ min-height:88px; gap:18px; } 
    .header_logo_img{ height:48px; } 
    .gnb_link{ height:76px; padding:0 18px; font-size:1.7rem; } 
    .gnb_link[aria-current="page"]::after, 
    .gnb_item.is_active .gnb_link::after{ left:18px; right:18px; bottom:-5px; } 
    .gnb_panel{ padding-top:18px; } 
    .gnb_depth2_link{ font-size:1.7rem; } 
    .gnb_depth3_link{ font-size:1.5rem; }
}

@media (max-width:1024px){
    .apply_write_tbl th{ padding:16px 12px; } 
    .apply_write_tbl td{ padding:14px 12px; }
    .board_header{ margin-top:36px; align-items:flex-start; gap:16px; } 
    .board_header_info{ flex:0 0 100%; white-space:normal; } 
    .board_header_control{ width:100%; justify-content:flex-start; gap:8px; } 
    .board_header_select_box{ flex:0 0 150px; } 
    .board_header_search_box{ flex:1 1 auto; max-width:none; min-width:240px; } 
    .board_tbl_wrap{ position:relative; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; } 
    .board_tbl{ min-width:900px; } 
    .board_btm{ margin-top:36px; }
    .header_search_layer{ padding:40px 20px 45px; } 
  	.header_search_layer_inner{ padding:0 10px; } 
}

@media (max-width:768px){
    .inner{ width:100%; padding:0 15px; }
    .header_util{ display:none; }
    .header_gnb{ border-bottom:1px solid #dcdfe5; }
    .header_gnb_inner{ min-height:72px; gap:16px; }
    .header_logo_img{ height:42px; }
    .header_nav{ display:none; }
    .mnav_btn{ display:block; }
    .apply_write_tbl,
    .apply_write_tbl tbody,
    .apply_write_tbl tr,
    .apply_write_tbl th,
    .apply_write_tbl td{ display:block; width:100%; }
    .apply_write_tbl tr{ border-bottom:1px solid #dbdbdb; }
    .apply_write_tbl th,
    .apply_write_tbl td{ border-bottom:none; }
    .apply_write_tbl th{ padding:14px 16px; text-align:left; }
    .apply_write_tbl td{ padding:14px 16px 18px; }
    .apply_input,
    .apply_select{ max-width:100%; height:42px; line-height:40px; }
    .apply_inline{ align-items:flex-start; gap:10px; }
    .apply_btn{ width:100%; max-width:320px; height:56px; }
    .header_util_inner{ flex-direction:column; align-items:flex-start; gap:0; min-height:0; padding:6px 0; }
    .header_util_links{ border-bottom:1px solid #e6e9ef; width:100%; padding-bottom:4px; }
    .header_member_links{ width:100%; padding-top:4px; }
    .header_util_link,
    .header_member_link{ min-height:0; padding:4px 8px; font-size:1.2rem; }
    .board_view{ margin-top: 24px; } 
    .board_view_title{ padding: 18px 14px; font-size: 1.8rem; } 
    .bvm_inner{ flex-direction: column; align-items: flex-start; gap: 0; min-height: 0; padding: 8px 14px; } 
    .bvm_group{ width: 100%; min-height: 0; } 
    .bvm_group_right{ margin-left: 0; justify-content: flex-start; gap: 18px; } 
    .bvm_item{ padding: 8px 0; } 
    .bvm_key, 
    .bvm_val, 
    .bvf_key, 
    .bvf_link{ font-size: 1.35rem; } 
    .board_view_file{min-height: 0; padding: 12px 14px 14px; } 
    .bvf_key{ display: block; margin-bottom: 8px; }
    .board_view_body{ min-height: 140px; padding: 20px 14px 24px; } 
    .board_view_body p{ font-size: 1.4rem; line-height: 1.8; }
    .board_view_nav_item{ align-items:center; gap:10px; }
    .board_view_nav_link{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .decla_file_box{ flex-wrap: wrap; gap: 8px; }
    .decla_btn_box{ margin-top: 24px; }
    .decla_btn{ min-width: 100px; height: 42px; }
    .board_header{ margin-top:28px; gap:12px; } 
    .board_header_info{ font-size:1.3rem; } 
    .board_header_control{ gap:8px; } 
    .board_header_select_box{ flex:1 1 calc(50% - 4px); min-width:0; } 
    .board_header_select{ height:42px; font-size:1.3rem; } 
    .board_header_search_box{ width:100%; min-width:0; } 
    .board_header_input{ height:42px; font-size:1.3rem; } 
    .board_header_btn{ flex:0 0 72px; height:42px; font-size:1.3rem; } 
    .board_tbl{ min-width:860px; } 
    .board_btm{ margin-top:28px; } 
    .paging_list{ gap:4px; flex-wrap:wrap; } 
    .paging_list > li > a{ min-width:30px; height:30px; font-size:1.4rem; } 
    .paging_list > li.on > a{ min-width:30px; height:30px; } 
    .paging_list .btn{ width:30px; height:30px; background-size:12px auto; }
    .header_search_layer{ padding:30px 15px 35px; } 
	.header_search_layer_inner{ padding:0; } 
	.header_search_field{ height:56px; padding-right:70px; border-radius:40px; } 
	.header_search_input{ padding:0 20px; font-size:1.5rem; } 
	.header_search_submit{ width:66px; } 
	.header_search_submit::before{ width:24px; height:24px; }
	.site_footer{ padding:25px 0; }
}

@media (max-width:480px){
    .inner{ padding: 0 10px; } 
    .header_gnb_inner{ min-height:64px; } 
    .header_logo_img{ height:36px; } 
    .header_search{ order:3; margin-left:0; } 
  	.header_search_btn{ width:38px; height:38px; } 
    .mobile_nav_panel{ width:100%; right:-100%; }
    body.is_mob_open .mobile_nav_panel{ right:0; }
    .mobile_gnb_btn{ font-size:1.7rem; }
    .mobile_depth2_link{ font-size:1.4rem; }
    .mobile_depth3_link{ font-size:1.3rem; }
    .apply_write_th,
    .apply_text{ font-size:1.5rem; } 
    .apply_desc{ font-size:1.2rem; } 
    .apply_btn{ height:52px; font-size:1.6rem; }
    .board_header{ gap:10px; } 
    .board_header_info{ font-size:1.2rem; } 
    .board_header_control{ gap:6px; flex-wrap:nowrap; }
    .board_header_select_box{ flex:0 1 100px; min-width:60px; }
    .board_header_search_box{ flex:1 0 0; min-width:100px; max-width:none; }
    .board_header_select{ padding:0 20px 0 6px; background-position:right 6px center; }
    .board_header_select,
    .board_header_input,
    .board_header_btn{ height:36px; font-size:1.1rem; }
    .board_header_btn{ flex:0 0 56px; } 
    .board_tbl{ min-width:820px; } 
    .board_btm{ margin-top:24px; } 
    .paging_list{ gap:3px; } 
    .paging_list > li > a{ min-width:28px; height:28px; padding:0 3px; font-size:1.3rem; } 
    .paging_list > li.on > a{ min-width:28px; height:28px; } 
    .paging_list .btn{width: 15px;height: 16px;background-size: auto;}
    .header_search_layer{ padding:24px 12px 28px; } 
	.header_search_field{ height:50px; padding-right:60px; border-radius:30px; } 
	.header_search_input{ padding:0 16px; font-size:1.4rem; } 
	.header_search_submit{ width:56px; } 
	.header_search_submit::before{ width:20px; height:20px; }
}

/* === CKEditor5 본문 이미지 정렬(관리자 CK5 마이그레이션 대응) ===
   CK5는 정렬을 인라인 style이 아니라 <figure class="image ..."> 구조/클래스로 저장.
   사용자단에 CK 콘텐츠 CSS가 없어 가운데/좌우 정렬이 무시되고 좌측으로 붙던 문제 수정. */
.board_view_body figure.image,
.board_view_con figure.image,
.content figure.image,
.sub_content_body figure.image{ display:table; clear:both; text-align:center; margin:.9em auto; max-width:100%; }
.board_view_body figure.image > img,
.board_view_con figure.image > img,
.content figure.image > img,
.sub_content_body figure.image > img{ display:block; margin:0 auto; max-width:100%; height:auto; }
/* 리사이즈(25/50/75%): figure는 블록이 되지만 위 base의 margin:auto 로 가운데 유지 */
.board_view_body figure.image.image_resized,
.board_view_con figure.image.image_resized,
.content figure.image.image_resized,
.sub_content_body figure.image.image_resized{ display:block; box-sizing:border-box; max-width:100%; }
.board_view_body figure.image.image_resized > img,
.board_view_con figure.image.image_resized > img,
.content figure.image.image_resized > img,
.sub_content_body figure.image.image_resized > img{ width:100%; }
/* 명시적 가운데/좌/우/측면 정렬 클래스(구 콘텐츠·향후 대비) */
.board_view_body figure.image.image-style-align-center,
.board_view_con figure.image.image-style-align-center,
.content figure.image.image-style-align-center,
.sub_content_body figure.image.image-style-align-center{ margin-left:auto; margin-right:auto; }
.board_view_body figure.image.image-style-align-left,
.board_view_con figure.image.image-style-align-left,
.content figure.image.image-style-align-left,
.sub_content_body figure.image.image-style-align-left{ float:left; clear:none; margin:.9em 1.5em .9em 0; }
.board_view_body figure.image.image-style-align-right,
.board_view_con figure.image.image-style-align-right,
.content figure.image.image-style-align-right,
.sub_content_body figure.image.image-style-align-right{ float:right; clear:none; margin:.9em 0 .9em 1.5em; }
.board_view_body figure.image.image-style-side,
.board_view_con figure.image.image-style-side,
.content figure.image.image-style-side,
.sub_content_body figure.image.image-style-side{ float:right; clear:none; max-width:50%; margin:.9em 0 .9em 1.5em; }
.board_view_body figure.image.image-style-block-align-left,
.board_view_con figure.image.image-style-block-align-left,
.content figure.image.image-style-block-align-left,
.sub_content_body figure.image.image-style-block-align-left{ margin-left:0; margin-right:auto; }
.board_view_body figure.image.image-style-block-align-right,
.board_view_con figure.image.image-style-block-align-right,
.content figure.image.image-style-block-align-right,
.sub_content_body figure.image.image-style-block-align-right{ margin-left:auto; margin-right:0; }
/* 인라인 이미지 */
.board_view_body .image-inline,
.board_view_con .image-inline,
.content .image-inline,
.sub_content_body .image-inline{ display:inline-block; max-width:100%; }
.board_view_body .image-inline img,
.board_view_con .image-inline img,
.content .image-inline img,
.sub_content_body .image-inline img{ max-width:100%; height:auto; }
/* === /CKEditor5 본문 이미지 정렬 === */