/*------------------------------------------------------------------------------*/
/* 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; overflow-x: hidden;}
body {font-size: 1.6rem;position: relative;line-height: 1.3; overflow-x: hidden;}
: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:500;font-style:normal;letter-spacing:-0.3px;}
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 !important;}
.tx_left{text-align: left !important;}

.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 !important;} .pl20 {padding-left:20px !important;} .pl25 {padding-left:25px !important;} .pl30 {padding-left:30px !important;} .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;}

/* 20260629 수정 – 폰트 뎁스 체계 적용 */
/*list_공통 – Lv4 본문 기본 1.8rem */
.dot_list > li{position: relative; font-size: 1.8rem; line-height: 1.7;}
.dot_list > li::before{position: absolute;content: "";display: inline-block;}
/*list_.*/
.dot_list > li{padding-left: 10px;color: #444;}
/*list_-*/
.dash_list{list-style:none; margin:0; padding:0;}
.dash_list > li{position:relative; padding-left:12px; color:#444; font-size:1.8rem; line-height:1.7; word-break:keep-all;}
.dash_list > li::before{position:absolute; left:0; top:0; content:'-'; color:#444;}
.dash_list > li ~ li{margin-top:6px;}
.dot_list > li ~ li{margin-top: 10px;}
.dot_list > li::before{top: 13px; left:0; width: 3px; height: 3px;background-color: #333333;border-radius: 10px;}
.dot_list li > ul{margin-top: 10px;}
.dot_list.tx_center > li, .tx_center .dot_list > li{padding-left:0; display:flex; width:fit-content; margin:0 auto; align-items:flex-start;}
.dot_list.tx_center > li::before, .tx_center .dot_list > li::before{position:static; flex-shrink:0; margin-top:10px; margin-right:8px;}
.ol_list{ list-style:none; margin:0; padding:0; }
.ol_list > li{ position:relative; padding-left:20px; color:#555; font-size:1.8rem; 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:"⑩";}
.ol_list > li[data-num]::before{content:attr(data-num);}

/* 가나다 리스트 */
.ko_list{margin:0; padding:0; list-style:none;}
.ko_list > li{ position:relative; padding-left:25px; color:#555; font-size:1.8rem; line-height:1.8; 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;}
/*20260629 수정4*/
.process_dot_list .ko_list > li{font-size:inherit;}
/*//20260629 수정4*/
.ko_list > li[data-num]::before{content:attr(data-num);}
.ko_list > li > table, .ko_list > li > .layout_tbl_wrap, .ko_list > li > .inner_tbl_wrap, .ko_list > li > .intro_tbl_area{margin-left:-1.5em; width:calc(100% + 1.5em); margin-top: 10px;}

/* 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.8rem; line-height:1.8; 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;}
/* Lv7 부연설명 1.5rem */
.cap_list > li{ position:relative; padding-left:20px; color:#888; font-size:1.5rem; line-height:1.7; word-break:keep-all; }
.cap_list > li::before{ position:absolute; left:0; top:0; color:#555; font-weight:500; content: '※'; }

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

/* 법령 소제목 */
.law_tit{display:block; font-size:1.8rem; font-weight:600; color:#222222; margin-bottom:6px;}
.law_sub_tit{display:block; font-size:1.8rem; font-weight:400; color:#444444; margin-bottom:6px;}

/*------------------------------------------------------------------------------*/
/* 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:#0000ff !important;}
/*20260630 수정*/
span.blue{vertical-align:baseline;}
/*//20260630 수정*/
/*20260626 수정*/
.sb{color:#2275CA !important;}
/*20260626 수정*/
.org{color:#FA6F3E !important}
.grn{color:#009000 !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%; position:relative; z-index:1000; transition: background 0.3s, border 0.3s;}

/* 메인 전용 - 헤더 fixed + 투명 처리 */
.is_main .site_header {position: fixed; top: 0; left: 0;}
.is_main .site_header.is_transparent .header_util {background: rgba(0,0,0,0.3); border-bottom: 1px solid rgba(255,255,255,0.1);}
.is_main .site_header.is_transparent .header_util_link,
.is_main .site_header.is_transparent .header_member_link {color: #fff;}
.is_main .site_header.is_transparent .header_util_link + .header_util_link::before {background: rgba(255,255,255,0.4);}
.is_main .site_header.is_transparent .header_member_link + .header_member_link::before {background: rgba(255,255,255,0.4);}
.is_main .site_header.is_transparent .header_gnb {background: transparent; border-bottom-color: transparent;}
.is_main .site_header.is_transparent .gnb_link {color: #fff;}
.is_main .site_header.is_transparent .header_search_btn {background: rgba(255,255,255,0.2); border-color: rgba(255,255,255,0.3); box-shadow: none;}
/* 로고 전환 (메인 전용) */
.header_logo_img.header_logo_white {display: none;}
.header_logo_img.header_logo_default {display: block;}
.is_main .site_header.is_transparent .header_logo_img.header_logo_white {display: block;}
.is_main .site_header.is_transparent .header_logo_img.header_logo_default {display: none;}
/* 검색 아이콘 전환 (메인 전용) */
.icon_search_white {display: none;}
.icon_search_default {display: block;}
.is_main .site_header.is_transparent .icon_search_white {display: block;}
.is_main .site_header.is_transparent .icon_search_default {display: none;}
.header_util {border-bottom: 1px solid #e6e9ef; background: #f9f9f9; transition: background 0.3s, border-color 0.3s;}
.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 + .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_gnb {background: #fff;  border-bottom: 1px solid #e6e6e6;}
.header_gnb_inner {display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 100px;}
.header_logo {font-size: 0; line-height: 0;}
.header_logo_link {display: inline-flex; align-items: center;}
.header_logo_img {display: block;  width: auto;}
.icon_person_img {display: block; width: 20px; height: 20px; object-fit: contain;}
.header_nav {flex: 1; min-width: 0;}
.gnb_list{ display: flex; justify-content: center; align-items: center; gap: 40px; margin-left: 50px;}
.gnb_item{min-width: 135px; text-align: center;}
.gnb_link{ font-size: 2.3rem; font-weight: 600; color: #222222; width: auto; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; height: 100px; position: relative;}
.gnb_link:hover { color: #1078cc; }
.gnb_link[aria-current="page"] { color: #1078cc; font-weight: 700; }
.gnb_link[aria-current="page"]::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #1078cc; }
.gnb_item.is_hover .gnb_link { color: #1078cc; }
.gnb_item.is_hover .gnb_link::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #1078cc; }
.gnb_link:focus-visible,
.header_util_link:focus-visible,
.header_member_link:focus-visible {outline-offset: 2px;}
/* ── na 알림 드롭다운 래퍼 ── */
.na_wrap {position: relative; display: inline-flex;}
.na_dropdown {position: absolute; top: calc(100% + 12px); left: auto; right: 0; width: 400px; max-width: calc(100vw - 30px); border-radius: 20px; border: 1px solid #3456b0; overflow: hidden; display: flex; flex-direction: column; background: #fff; box-shadow: 0 8px 32px rgba(52,86,176,.18); z-index: 9999; opacity: 0; transform: translateY(-8px); transition: opacity .2s ease, transform .2s ease; pointer-events: none;}
.na_dropdown.is_open {opacity: 1; transform: translateY(0); pointer-events: auto;}

/* ── na_dropdown 내부 컨텐츠 기본 스타일 (400px 기준) ── */
.na_dropdown .banner_user_top {padding: 16px 18px; gap: 14px; background: #f0f3fd; display: flex; align-items: flex-start;}
.na_dropdown .banner_grade_box {width: 110px; height: 90px; border-radius: 10px; background: #fff; flex-shrink: 0; display: flex; align-items: center; justify-content: center; position: relative;}
.na_dropdown .banner_grade_box img {width: 70px; height: auto; display: block;}
.na_dropdown .grade_txt {position: absolute; top: 52px; left: 50%; transform: translateX(-50%); font-size: 1.3rem; color: #000; font-weight: 600; white-space: nowrap;}
.na_dropdown .banner_user_info {flex: 1; min-width: 0;}
.na_dropdown .banner_user_name_wrap {display: flex; align-items: center; gap: 6px;}
.na_dropdown .banner_user_name {display: flex; align-items: flex-end; gap: 2px; line-height: 1;}
.na_dropdown .banner_user_name strong {font-size: 2rem; font-weight: 700; color: #222; white-space: nowrap;}
.na_dropdown .banner_user_name span {font-size: 1.6rem; font-weight: 400; color: #222; padding-bottom: 1px;}
.na_dropdown .banner_user_sub {margin-top: 8px;}
.na_dropdown .banner_user_sub li {font-size: 1.4rem; color: #444; line-height: 1.6; padding-left: 10px; position: relative; word-break: keep-all;}
.na_dropdown .banner_user_sub li::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; background: #333; border-radius: 50%;}
.na_dropdown .banner_user_sub li + li {margin-top: 4px;}

.na_dropdown .banner_user_btm {background: #fff; flex: 1; padding: 14px 16px;}
.na_dropdown .banner_edu_title {font-size: 1.8rem; font-weight: 700; color: #222;}
.na_dropdown .banner_edu_list {display: flex; flex-direction: column; gap: 6px; margin-top: 14px;}
.na_dropdown .banner_edu_card {display: flex; align-items: center; gap: 8px; width: 100%; min-height: 60px; background: #f5f5f5; border-radius: 10px; padding: 8px 12px; overflow: hidden;}
.na_dropdown .banner_edu_card > img {width: 32px; height: 32px; object-fit: contain; flex-shrink: 0; display: block;}
.na_dropdown .edu_card_txt {flex: 1; min-width: 0; overflow: hidden;}
.na_dropdown .edu_card_txt strong {display: block; font-size: 1.4rem; font-weight: 600; color: #222; line-height: 1.3;}
.na_dropdown .edu_card_txt span {display: block; font-size: 1.2rem; color: #666; line-height: 1.3;}
.na_dropdown .edu_card_divider {width: 1px; height: 36px; background: #d2d2d2; flex-shrink: 0;}
.na_dropdown .edu_card_val {font-size: 1.6rem; color: #555; white-space: nowrap; flex-shrink: 0; min-width: 0; text-align: center; padding-left: 4px;}
.na_dropdown .edu_card_val em {font-weight: 700; color: #0059c7; font-style: normal;}
.na_dropdown .edu_card_val.is_complete {font-size: 1.5rem; font-weight: 700; color: #0059c7;}

.header_search_btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.12); flex-shrink: 0; border:1px solid #ccc;}

/* ==============================
   Mega Menu
   ============================== */
.header_btm { position:relative; z-index:100; }
.gnb_mega_panel { position:absolute; top:100%; left:0; width:100%; background:#fff; border-bottom:1px solid #e4e7f0; box-shadow:0 12px 32px rgba(16,40,80,0.10); z-index:999; visibility:hidden; opacity:0; transform:translateY(-6px); transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s; pointer-events:none; }
.header_btm.is_mega_open .gnb_mega_panel { visibility:visible; opacity:1; transform:translateY(0); pointer-events:auto; }

/* 메가메뉴 딤 오버레이 */
.gnb_mega_dim { position:fixed; inset:0; background:rgba(0,0,0,0.30); z-index:998; visibility:hidden; opacity:0; transition:opacity 0.2s ease,visibility 0.2s; pointer-events:none; }
.gnb_mega_dim.is_active { visibility:visible; opacity:1; pointer-events:auto; }
.gnb_mega_inner { display:flex; align-items:stretch; }

/* 왼쪽 파란 영역 */
.gnb_mega_left { width:305px; flex-shrink:0; background:#2366d6; position:relative; display:flex; flex-direction:column; }
.gnb_mega_left::before { content:''; position:absolute; top:0; bottom:0; right:100%; width:100vw; background:#2366d6; }
.gnb_left_item { display:none; flex-direction:column; padding:24px 0 40px; flex:1; box-sizing:border-box; }
.gnb_left_item.is_active { display:flex; }
.gnb_left_hd { display:flex; align-items:center; gap:14px; margin-bottom:30px; }
.gnb_left_icon { width:auto; }
.gnb_left_title { font-size:3rem; color:#fff; font-weight:700; line-height:1.2; }
.gnb_left_desc { font-size:1.7rem; color:#b7d2ff; line-height:1.8;}

/* 오른쪽 흰색 영역 */
.gnb_mega_right { flex:1; min-width:0; display:flex; flex-direction:column; border-left:1px solid #e9e9e9; }
.gnb_mega_col { display:none; align-items:stretch; padding:0; box-sizing:border-box; min-height:180px; border-right:1px solid #e9e9e9; }
.gnb_mega_col.is_active { display:flex; flex:1; }

/* 2depth 컬럼 */
.gnb_dep2_item { flex:1 1 25%; min-width:25%; padding:24px 20px; border-right:1px solid #e9e9e9; box-sizing:border-box; display:flex; flex-direction:column; }
.gnb_dep2_item:last-child { border-right:none; }

/* 교육지원(has_many): 33% 고정 + 줄바꿈(3열) */
.gnb_mega_col.has_many { flex-wrap:wrap; align-content:flex-start; }
.gnb_mega_col.has_many .gnb_dep2_item { flex:0 0 33.333%; max-width:33.333%; }
.gnb_mega_col.has_many .gnb_dep2_item:nth-child(3n) { border-right:none; }
.gnb_mega_col.has_many .gnb_dep2_item:nth-child(n+4) { border-top:none; }
.gnb_dep2_spacer { pointer-events:none; }

/* 2depth 박스 */
.gnb_dep2_box { display:flex; align-items:center; justify-content:space-between; background:#ececec; border-radius:10px; padding:10px 8px; text-decoration:none; margin-bottom:12px; min-height:44px; transition:background 0.15s; }
.gnb_dep2_box:hover { background:#2366d6; }
.gnb_dep2_name { font-size:1.7rem; color:#111; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color 0.15s; }
.gnb_dep2_box:hover .gnb_dep2_name { color:#fff; }

/* 2depth 아이콘 흰 원 */
.gnb_dep2_icon { width:20px; height:20px; border-radius:50%; background:#fff; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.gnb_dep2_icon img { display:block; max-width:none; }
.gnb_dep2_icon .icon_hover { display:none; }
.gnb_dep2_box:hover .icon_default { display:none; }
.gnb_dep2_box:hover .icon_hover { display:block; }

/* 3depth 리스트 */
.gnb_depth3_list { margin:0; padding:0; list-style:none; }
.gnb_depth3_list li { padding:0; }
.gnb_depth3_link { display:block; font-size:1.5rem; font-weight:400; color:#444; padding:5px 0 5px 14px; position:relative; line-height:1.5; text-decoration:none; transition:color 0.15s; }
.gnb_depth3_link::before { content:"·"; position:absolute; left:0; top:3px; color:#2366d6; font-size:1.8rem; line-height:1.5; }
.gnb_depth3_link:hover { color:#2366d6; }

/* gnb_depth2 (main_before 심플 드롭다운) */
.gnb_depth2_list { list-style:none; padding:30px 40px; margin:0; display:flex; flex-direction:column; gap:4px; }
.gnb_depth2_item { display:flex; flex-direction:column; }
.gnb_depth2_link { display:block; font-size:1.8rem; font-weight:600; color:#222; text-decoration:none; padding:8px 0; transition:color 0.15s; }
.gnb_depth2_link:hover { color:#2366d6; }
.gnb_depth2_item .gnb_depth3_list { margin:0; padding:0 0 8px 14px; list-style:none; }
.gnb_depth2_item .gnb_depth3_link { font-size:1.5rem; color:#555; }


/* ==============================
   Footer
   ============================== */
.site_footer{ background:#384050; padding:40px 0 100px; }
.footer_top{ display:flex; gap:30px; }
.footer_link{ font-size:1.5rem; color:#fff; }
.footer_link:hover{ text-decoration:underline; }
.footer_info{ margin-top:35px;  }
.footer_row{ display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-bottom:5px; }
.footer_row span{font-size:1.4rem; color:#dadada;}
.footer_row span:not(:last-child)::after{ content:"|"; margin-left:20px; color:#8c8c8c; }
.footer_copy{ margin-top:5px; font-size:1.4rem; color:#dadada; }


/*------------------------------------------------------------------------------*/
/* 모바일 메뉴
/*------------------------------------------------------------------------------*/
.mob_menu_btn {display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 40px; height: 40px; background: none; border: none; cursor: pointer; flex-shrink: 0; padding: 0;}
.mob_menu_bar {display: block; width: 24px; height: 2px; background: #222; border-radius: 2px; transition: transform 0.3s, opacity 0.3s, background 0.3s;}
.is_main .site_header.is_transparent .mob_menu_bar {background: #fff;}
.mob_menu_btn.is_active .mob_menu_bar:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.mob_menu_btn.is_active .mob_menu_bar:nth-child(2) {opacity: 0;}
.mob_menu_btn.is_active .mob_menu_bar:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

.mob_nav_overlay {display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 9000;}
.mob_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;}
.mob_nav_panel nav {flex: 1;}

/* 모바일 하단 회원 메뉴 */
.mob_nav_member {border-top: 1px solid #eee; padding: 20px; background: #f7f8fc; margin-top: auto;}
.mob_nav_member_top {display: flex; align-items: center; gap: 10px; margin-bottom: 14px;}
.mob_nav_member_icon {width: 28px; height: 28px; object-fit: contain; flex-shrink: 0;}
.mob_nav_member_name {font-size: 1.5rem; font-weight: 600; color: #222;}
.mob_nav_member_name em {font-style: normal; font-weight: 400; color: #666;}
.mob_nav_member_links {list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 0;}
.mob_nav_member_links li {width: 50%;}
.mob_nav_member_links li a {font-size: 1.4rem; color: #444; text-decoration: none; display: block; padding: 5px 0; position: relative; padding-left: 12px;}
.mob_nav_member_links li a::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #2366d6;}
.mob_nav_member_links li a:hover {color: #2366d6;}
.mob_nav_head {display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid #eee;}
.mob_nav_logo {height: 36px; width: auto;}
.mob_nav_close {position: relative; width: 36px; height: 36px; background: none; border: none; cursor: pointer; flex-shrink: 0;}
.mob_nav_close span {position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background: #333; border-radius: 2px;}
.mob_nav_close span:nth-child(1) {transform: translate(-50%, -50%) rotate(45deg);}
.mob_nav_close span:nth-child(2) {transform: translate(-50%, -50%) rotate(-45deg);}
.mob_gnb_list {list-style: none; padding: 0; margin: 0;}
.mob_gnb_item {border-bottom: 1px solid #f0f0f0;}
.mob_gnb_link {display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; font-size: 1.8rem; font-weight: 600; color: #222; text-decoration: none;}
.mob_gnb_arrow {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;}
.mob_gnb_item.is_open .mob_gnb_arrow {transform: rotate(-135deg); margin-bottom: -3px;}
/* ── 2depth ── */
.mob_depth2_list {display: none; background: #f2f4fb; padding: 4px 0; list-style: none; margin: 0; border-top: 1px solid #e4e8f4;}
.mob_depth2_link {display: block; padding: 11px 20px 11px 38px; font-size: 1.55rem; font-weight: 500; color: #444; text-decoration: none; position: relative; border-bottom: 1px solid #eaecf4;}
/*20260620 수정2*/
/*.mob_depth2_link::before {content: ''; position: absolute; left: 22px; top: 50%; width: 8px; height: 2px; background: #264597; border-radius: 1px;}*/
/*20260620 수정2*/
.mob_depth2_link:hover {color: #264597; background: #e8edf8;}
.mob_gnb_item.is_open .mob_depth2_list {display: block;}
/* ── 3depth ── */
.mob_depth3_list {display: none; list-style: none; margin: 0; padding: 4px 0; background: #dde3f4; border-left: 4px solid #264597;}
.mob_depth2_list li.is_open .mob_depth3_list {display: block;}
.mob_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;}
.mob_depth3_link::before {content: ''; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; background: #264597; opacity: .5;}
.mob_depth3_link:hover {color: #0f2f80; background: #cdd4ed;}
.mob_depth3_list > li:last-child > .mob_depth3_link {border-bottom: none;}
/* ── has_child (3depth 토글 화살표) ── */
.mob_depth2_list li.has_child > .mob_depth2_link {display: flex; align-items: center; justify-content: space-between; padding-left: 38px;}
.mob_depth2_list li.has_child > .mob_depth2_link::before {display: none;}
.mob_depth2_link_arrow {display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #264597; flex-shrink: 0;}
.mob_depth2_link_arrow::after {content: ''; display: block; width: 6px; height: 6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg) translate(-1px, -1px); transition: transform 0.25s;}
.mob_depth2_list li.has_child.is_open > .mob_depth2_link .mob_depth2_link_arrow::after {transform: rotate(-135deg) translate(-1px, -1px);}

body.is_mob_open {overflow: hidden;}
body.is_mob_open .mob_nav_overlay {display: block;}
body.is_mob_open .mob_nav_panel {right: 0;}

/*------------------------------------------------------------------------------*/
/* 게시판 공통 - board_top (총건수 + 검색)
/*------------------------------------------------------------------------------*/
.board_top {display:flex; align-items:center; justify-content:space-between; margin-bottom:20px;}
.board_total {font-size:1.6rem; color:#666666;}
.board_total strong {font-weight:700; color:#000;}
.board_search {display:flex; align-items:center; gap:5px;}
.board_search_sel {width:160px; height:45px; border:1px solid #cdcdcd; border-radius:5px; padding:0 36px 0 15px; font-size:1.6rem; color:#333333; background:#fff url('../images/sub/icon_select_blk.png') no-repeat right 12px center; background-size:12px; appearance:none; -webkit-appearance:none; cursor:pointer;}
.board_search_sel.type2{width: 220px;}
.board_search_wrap {display:flex; align-items:center;}
.board_search_inp {width:230px; height:45px; border:1px solid #cdcdcd; border-right:none; border-radius:5px 0 0 5px; padding:0 15px; font-size:1.6rem; color:#333; outline:none;}
.board_search_inp::placeholder {color:#aaa;}
.board_search_btn {display:flex; align-items:center; justify-content:center; width:80px; height:45px; border-radius:0 5px 5px 0; font-size:1.6rem; color:#ffffff; background:#333333; cursor:pointer; white-space:nowrap;}
.board_search_btn:hover {background:#555;}

/*------------------------------------------------------------------------------*/
/* 게시판 공통 - board_tbl (목록 테이블)
/*------------------------------------------------------------------------------*/
.board_wrap {overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%;}
.board_tbl {border-top: 1px solid #2a4ea4; border-bottom: 1px solid #d9dce3;}
.board_tbl .col_num {width: 80px;}
.board_tbl .col_cate {width: 90px;}
.board_tbl .col_writer {width: 110px;}
.board_tbl .col_file {width: 90px;}
.board_tbl .col_date {width: 160px;}
.board_tbl .board_date {white-space: nowrap;}
.board_tbl thead tr th {background: #f2f5fb; padding: 19px 15px; font-size: 1.7rem; color: #202738; font-weight: 600; text-align: center; border-bottom: 1px solid #d9dce3; white-space: nowrap;}
.board_tbl tbody tr td {padding: 19px 15px; font-size: 1.6rem; color: #444444; text-align: center; border-bottom: 1px solid #ebebeb; word-break: keep-all;}
.board_tbl tbody tr:last-child td {border-bottom: none;}
.board_tbl tbody tr:hover {background: #f9fafc;}
.board_tbl .board_title {text-align: left; padding-left: 20px;}
.board_tbl .board_title a {font-size: 1.7rem; color: #222222; font-weight: 400; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board_tbl .board_title a:hover {color: #2a4ea4; text-decoration: underline;}
.board_tbl .board_title a:focus-visible {outline: 1px solid #2a4ea4; outline-offset: 2px;}
.board_tbl .board_ico{width: 18px; height: 22px; margin:0 auto;}
.board_tbl .board_ico img{width: 100%; height: 100%; object-fit: cover;}
.notice_tag {font-size: 1.6rem; color: #fe5400; font-weight: 700;}

/*------------------------------------------------------------------------------*/
/* 레이아웃 테이블 공통 */
/*------------------------------------------------------------------------------*/
.layout_tbl_wrap{overflow-x:auto; -webkit-overflow-scrolling:touch; width:100%;}
.layout_tbl{width:100%; border-collapse:collapse; border-top:1px solid #2a4ea4; border-bottom:1px solid #dbdbdb;}
/* Lv5 표 헤더 1.7rem */
.layout_tbl thead tr th{background:#f2f5fb; padding:14px 20px; font-size:1.7rem; color:#202738; font-weight:600; text-align:center; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.layout_tbl thead tr th:last-child{border-right:none;}
/* Lv5 표 body th 1.7rem / Lv6 표 셀 1.7rem */
.layout_tbl tbody tr th{background:#fff; padding:14px 20px; font-size:1.7rem; color:#202738; text-align:center; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; white-space:nowrap; vertical-align:middle;}
.layout_tbl tbody tr td{padding:10px 14px; font-size:1.7rem; color:#444444; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; line-height:1.7; word-break:keep-all; }
/* //20260629 수정 */
.layout_tbl tbody tr:last-child th{border-bottom:none;}
.layout_tbl tbody tr:last-child td{border-bottom:none;}
.layout_tbl tbody tr td:last-child{border-right: none;}
.th_bg{background:#f2f5fb !important; color:#202738 !important; font-weight: 600 !important;}
.th_bg2{background:#f2f5fb !important; color:#202738 !important; font-weight: 600 !important; text-align: left !important;}

/*------------------------------------------------------------------------------*/
/* 탭 공통 */
/*------------------------------------------------------------------------------*/
.com_tab{width:100%;}
.tab_list{display:flex; align-items:stretch; border:1px solid #d3d3d3; border-radius:10px;}
.tab_item{flex:1; position:relative; min-width:0;}
.tab_item + .tab_item{border-left:1px solid #d3d3d3;}
.tab_link{display:flex; align-items:center; justify-content:center; width:100%; height:55px; font-size:1.8rem; color:#333333; background:#fff; white-space:nowrap; transition:background 0.2s, color 0.2s;}
.tab_item:first-child .tab_link{border-radius:10px 0 0 10px;}
.tab_item:last-child .tab_link{border-radius:0 10px 10px 0;}
.tab_link.is_active{background:#005bac; color:#fff;}
.tab_link:hover:not(.is_active){background:#eef4fb; color:#005bac;}
.tab_link:focus-visible{outline:2px solid #005bac; outline-offset:-3px;}
.tab_select{display:none;}
.tab_panel{display:none;}
.tab_panel.is_active{display:block;}


/*------------------------------------------------------------------------------*/
/* 페이징 */
/*------------------------------------------------------------------------------*/

.board_btm{ position:relative; margin-top:50px; }
.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"); }

/*------------------------------------------------------------------------------*/
/* edu_card + view_tbl - 교육 상세 카드 */
/*------------------------------------------------------------------------------*/
.edu_card {overflow:hidden; margin-top:30px;}
.edu_card_head {background:#f4f6fb; padding:22px 30px; text-align:center; border:1px solid #8596c0; border-radius:10px;}
.edu_card_tit {display:block; font-size:2.6rem; color:#222; font-weight:700;}
.edu_card_body {background:#fbfbfb; padding:40px; border:1px solid #ededed; border-top:none; border-radius:0 0 10px 10px;}
.edu_card_body .view_tbl td p{font-size: 1.6rem;}
/*20260619 수정*/
.view_tbl_wrap {overflow-x:auto; -webkit-overflow-scrolling:touch; width:100%; position:relative;}
.view_tbl_wrap::-webkit-scrollbar {height:8px;}
.view_tbl_wrap::-webkit-scrollbar-track {background:#f0f0f0; border-radius:4px;}
.view_tbl_wrap::-webkit-scrollbar-thumb {background:#b0b0b0; border-radius:4px;}
.view_tbl_wrap {scrollbar-width:thin; scrollbar-color:#b0b0b0 #f0f0f0;}
/*//20260619 수정*/
.view_tbl {width:100%; border-collapse:collapse; border-top:2px solid #222222; border-bottom:1px solid #e4e4e4;}
.view_tbl thead tr th,
.view_tbl tbody tr th {background:#f3f3f3; padding:15px 20px; font-size:1.6rem; color:#202738; font-weight:600; text-align:left; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; vertical-align:middle; white-space:nowrap; width:130px;}
.view_tbl tbody tr td {padding:15px 20px; font-size:1.6rem; color:#444444; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; vertical-align:middle; line-height:1.7; word-break:keep-all;}
.view_tbl tbody tr:first-child th,.view_tbl tbody tr:first-child td {border-top:none;}
.view_tbl tbody tr:last-child th,.view_tbl tbody tr:last-child td {border-bottom:none;}
.view_tbl tbody tr th:first-child {border-left:none;}
.view_tbl tbody tr td:last-child {border-right:none;}
.view_tbl td p+p {margin-top:8px;}

/*------------------------------------------------------------------------------*/
/* info_tbl - 회원정보 테이블 */
/*------------------------------------------------------------------------------*/
.info_tbl_wrap {width:100%; margin-top:20px;}
.info_tbl {width:100%; border-collapse:collapse; border-top:2px solid #050f26; border-bottom:1px solid #dbdbdb;}
.info_tbl tbody tr th {background:#f9faff; padding:0 20px; height:60px; font-size:1.7rem; color:#202738; font-weight:600; text-align:left; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; vertical-align:middle; white-space:nowrap; width:150px;}
.info_tbl tbody tr td {background:#fff; padding:12px 20px; font-size:1.6rem; color:#444444; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; vertical-align:middle; word-break:keep-all;}
.info_tbl tbody tr:last-child th,.info_tbl tbody tr:last-child td {border-bottom:none;}
.info_tbl tbody tr th:first-child {border-left:none;}
.info_tbl tbody tr td:last-child {border-right:none;}

/*------------------------------------------------------------------------------*/
/* 동의 체크박스 공통 */
/*------------------------------------------------------------------------------*/
.apply_agree_wrap {display:flex; flex-direction:column; align-items:center; gap:24px; margin-top:30px;}
.apply_agree_label {display:flex; align-items:center; gap:10px; cursor:pointer;}
.apply_agree_chk {appearance:none; -webkit-appearance:none; width:22px; height:22px; border:1px solid #949494; border-radius:5px; flex-shrink:0; position:relative; cursor:pointer; background:#fff;}
.apply_agree_chk:checked {background:#2a4ea4; border-color:#2a4ea4;}
.apply_agree_chk:checked::after {content:''; position:absolute; left:6px; top:3px; width:7px; height:12px; border:2px solid #fff; border-top:none; border-left:none; transform:rotate(45deg);}
.apply_agree_chk:focus-visible {outline:2px solid #2a4ea4; outline-offset:2px;}
.apply_agree_txt {font-size:1.7rem; color:#333;}


/*------------------------------------------------------------------------------*/
/* brd_view - 게시판 상세보기 */
/*------------------------------------------------------------------------------*/
.brd_view_tit_row {display:flex; align-items:center; justify-content: center; min-height:90px; padding:20px 25px; background:#f2f5fb; border-top:1px solid #2a4ea4; border-bottom:1px solid #dbdbdb;}
.brd_view_tit {font-size:2.4rem; color:#222222; font-weight:700; line-height:1.4; word-break:keep-all;}
.brd_view_meta {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 0; padding:0 25px; min-height:50px; border-bottom:1px solid #dbdbdb;}
.brd_view_meta_left {display:flex; align-items:center;}
.brd_view_meta_right {display:flex; align-items:center;}
.brd_meta_label {font-size:1.7rem; color:#202738; flex-shrink:0; white-space:nowrap; min-width: 60px;}
.brd_meta_bar {display:inline-block; width:1px; height:14px; background:#d3d3d3; margin:0 12px; flex-shrink:0; vertical-align:middle;}
.brd_meta_val {font-size:1.6rem; color:#444444; white-space:nowrap;}
.brd_meta_sep {display:inline-block; width:24px; flex-shrink:0;}
.brd_view_file {display:flex; align-items:flex-start; padding:10px 25px; min-height:50px; border-bottom:1px solid #dbdbdb;}
.brd_file_list {display:flex; flex-direction:column; align-items:flex-start; gap:6px; flex:1; min-width:0;}
.brd_file_link {display:inline-flex; align-items:center; gap:6px; font-size:1.6rem;  color:#053291;}
.brd_file_link:hover {text-decoration:underline;}
.brd_file_link:focus-visible {outline:2px solid #053291; outline-offset:2px; border-radius:2px;}
.brd_file_icon {width:16px; flex-shrink:0;}
.brd_view_content {padding:50px 25px; font-size:1.7rem; color:#444; line-height:1.8; word-break:keep-all; border-bottom:1px solid #dbdbdb;}
.brd_view_content p+p {margin-top:10px;}
.brd_view_content img{max-width:80%; , max-height:80%;}
.brd_view_btn_wrap {display:flex; align-items:center; justify-content:flex-end; padding:50px 0;}
.brd_list_btn {display:inline-flex; align-items:center; justify-content:center; width:150px; height:60px; border-radius:7px; background:#4b505a; color:#fff; font-size:1.8rem;}
.brd_list_btn:hover {background:#363b43;}
.brd_list_btn:focus-visible {outline:2px solid #4b505a; outline-offset:2px;}
.brd_view_nav {list-style:none; border-top:1px solid #dbdbdb;}
.brd_nav_item {display:flex; align-items:center; padding:20px; border-bottom:1px solid #dbdbdb; overflow:hidden;}
.brd_nav_icon {width:20px; flex-shrink:0;}
.brd_nav_label {font-size:1.7rem; color:#222222; margin-left:15px; white-space:nowrap; flex-shrink:0;}
.brd_nav_bar {display:inline-block; width:1px; height:14px; background:#d3d3d3; margin:0 20px; flex-shrink:0;}
.brd_nav_tit {font-size:1.7rem; color:#444444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; min-width:0;}
.brd_nav_tit:hover {color:#2a4ea4;}
.brd_nav_tit:focus-visible {outline:2px solid #2a4ea4; outline-offset:2px; border-radius:2px;}

/*------------------------------------------------------------------------------*/
/* 반응형 */
/*------------------------------------------------------------------------------*/
@media (max-width: 1300px) {
    .inner {width: 100%; padding: 0 15px;}
    .gnb_list {gap: 30px;}
    .gnb_link {font-size: 1.8rem;}
    /* 메가메뉴 */
    .gnb_mega_left {width:340px;}
    .gnb_left_item {padding:20px 30px 30px 0;}
    .gnb_left_hd {margin-bottom:20px; gap:12px;}
    .gnb_left_icon {height:40px;}
    .gnb_left_title {font-size:2.4rem;}
    .gnb_left_desc {font-size:1.5rem;}
    .gnb_dep2_item {padding:20px 16px;}
    .gnb_dep2_name {font-size:1.6rem;}
    .gnb_dep2_box {margin-bottom:10px;}
    .gnb_depth3_link {font-size:1.5rem;}
    .gnb_mega_col {min-height:160px;}
    /* na dropdown - 1300px */
    .na_dropdown {width: 360px;}
    .na_dropdown .banner_grade_box {width: 100px; height: 85px;}
    .na_dropdown .banner_grade_box img {width: 62px;}
    .na_dropdown .edu_card_val {font-size: 1.5rem;}
}
@media (max-width: 1024px) {
    .gnb_list {gap: 16px;}
    .gnb_item{min-width: auto;}
    .gnb_link {font-size: 1.6rem; height: 80px;}
    .header_gnb_inner {min-height: 80px;}
    /* 메가메뉴 */
    .gnb_mega_left {width:250px;}
    .gnb_left_item {padding:16px 20px 24px 0;}
    .gnb_left_hd {margin-bottom:14px; gap:10px;}
    .gnb_left_icon {height:32px;}
    .gnb_left_title {font-size:2rem;}
    .gnb_left_desc {font-size:1.4rem; line-height:1.7;}
    .gnb_dep2_item {padding:14px 12px;}
    .gnb_dep2_name {font-size:1.4rem;}
    .gnb_dep2_box {padding:8px; min-height:38px; margin-bottom:8px;}
    .gnb_depth3_link {font-size:1.4rem; padding:4px 0 4px 12px;}
    .gnb_depth3_link::before {font-size:1.6rem; top:2px;}
    .gnb_mega_col {min-height:140px;}
    /* na dropdown - 1024px */
    .na_dropdown {width: 320px; border-radius: 16px;}
    .na_dropdown .banner_user_top {padding: 14px; gap: 10px;}
    .na_dropdown .banner_grade_box {width: 88px; height: 78px;}
    .na_dropdown .banner_grade_box img {width: 54px;}
    .na_dropdown .grade_txt {font-size: 1.2rem; top: 46px;}
    .na_dropdown .banner_user_name strong {font-size: 1.8rem;}
    .na_dropdown .banner_user_name span {font-size: 1.5rem;}
    .na_dropdown .banner_user_sub li {font-size: 1.3rem;}
    .na_dropdown .banner_user_btm {padding: 12px 14px;}
    .na_dropdown .banner_edu_title {font-size: 1.6rem;}
    .na_dropdown .banner_edu_list {gap: 5px; margin-top: 10px;}
    .na_dropdown .banner_edu_card {min-height: 52px; padding: 6px 10px; gap: 6px;}
    .na_dropdown .banner_edu_card > img {width: 26px; height: 26px;}
    .na_dropdown .edu_card_txt strong {font-size: 1.3rem;}
    .na_dropdown .edu_card_txt span {font-size: 1.1rem;}
    .na_dropdown .edu_card_divider {height: 28px;}
    .na_dropdown .edu_card_val {font-size: 1.4rem;}
    .na_dropdown .edu_card_val.is_complete {font-size: 1.3rem;}
}
@media (max-width: 900px) {
    .gnb_list {gap:8px;}
    .gnb_link {font-size:1.4rem; height:70px;}
    .header_gnb_inner {min-height:70px; gap:16px;}
    /* 메가메뉴 */
    .gnb_mega_left {width:200px;}
    .gnb_left_item {padding:12px 14px 16px 0;}
    .gnb_left_hd {margin-bottom:10px; gap:8px;}
    .gnb_left_icon {height:26px;}
    .gnb_left_title {font-size:1.7rem;}
    .gnb_left_desc {font-size:1.3rem; line-height:1.6;}
    .gnb_dep2_item {padding:10px 8px;}
    .gnb_dep2_name {font-size:1.3rem;}
    .gnb_dep2_box {padding:6px 8px; min-height:32px; margin-bottom:6px; border-radius:8px;}
    .gnb_dep2_icon {width:16px; height:16px;}
    .gnb_depth3_link {font-size:1.3rem; padding:3px 0 3px 10px;}
    .gnb_depth3_link::before {font-size:1.5rem; top:1px;}
    .gnb_mega_col {min-height:120px;}
    .board_tbl thead tr th{font-size: 1.5rem; padding:12px 7px}
    .board_tbl tbody tr td{font-size: 1.4rem; padding:12px 7px}
    .notice_tag{font-size: 1.4rem; font-weight: 400;}
    .board_tbl .board_ico{width: 13px;height: 16px;}
    .board_tbl .board_title a {font-size: 1.5rem;}
    .layout_tbl thead tr th{font-size:1.5rem; padding:10px 7px;}
    .layout_tbl tbody tr th{font-size:1.5rem; padding:5px 7px;}
    .layout_tbl tbody tr td{font-size:1.5rem; padding:5px 7px;}
    .tab_link{font-size:1.6rem;}
    .edu_card_body {padding:30px;}
    .brd_view_tit {font-size:2.2rem;}
    .brd_list_btn {width:130px; height:52px; font-size:1.6rem;}
    /* na dropdown - 900px */
    .na_dropdown {width: 300px; border-radius: 14px; top: calc(100% + 8px);}
    .na_dropdown .banner_user_top {padding: 12px; gap: 8px;}
    .na_dropdown .banner_grade_box {width: 72px; height: 66px;}
    .na_dropdown .banner_grade_box img {width: 44px;}
    .na_dropdown .grade_txt {font-size: 1.1rem; top: 33px;}
    .na_dropdown .banner_user_name strong {font-size: 1.6rem;}
    .na_dropdown .banner_user_name span {font-size: 1.4rem;}
    .na_dropdown .banner_user_sub li {font-size: 1.2rem;}
    .na_dropdown .banner_user_btm {padding: 10px 12px;}
    .na_dropdown .banner_edu_title {font-size: 1.5rem;}
    .na_dropdown .banner_edu_list {gap: 4px; margin-top: 8px;}
    .na_dropdown .banner_edu_card {min-height: 48px; padding: 6px 8px; gap: 5px; border-radius: 8px;}
    .na_dropdown .banner_edu_card > img {width: 22px; height: 22px;}
    .na_dropdown .edu_card_txt strong {font-size: 1.2rem;}
    .na_dropdown .edu_card_txt span {font-size: 1.0rem;}
    .na_dropdown .edu_card_divider {height: 24px;}
    .na_dropdown .edu_card_val {font-size: 1.3rem;}
    .na_dropdown .edu_card_val.is_complete {font-size: 1.2rem;}
}
@media (max-width: 768px) {
    .na_dropdown {left: 0; right: auto;}
    /*20260620 수정2*/
    .header_util_inner{flex-wrap:wrap; gap:0; padding:5px 0;}
    .header_util_links,
    .header_member_links{width:100%; padding:5px 0;}
    .header_member_links{border-top:1px solid #d9dce3; margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px; width:calc(100% + 30px);}
    .header_util_link, .header_member_link{font-size:1.2rem;}
    .header_util_link + .header_util_link::before{content:''; width:3px; height:3px; border-radius:50%; background:#b3b3b3; left:-2px; transform:translateY(-50%);}
    /*//20260620 수정2*/
    /*20260623 수정*/
    .header_util{display:none;}
    /*//20260623 수정*/
    .board_top {flex-direction:column; align-items:flex-start; gap:12px;}
    .board_search {width:100%;}
    .board_search_sel {width:110px; flex-shrink:0;}
    .board_search_wrap {flex:1; min-width:0;}
    .board_search_inp {flex:1; width:auto; min-width:0;}
    .board_search_btn {width:60px; flex-shrink:0;}
    .header_gnb_inner {min-height: 60px;}
    /* 20260629 수정3 */
    .is_main .site_header.is_transparent .header_gnb{background:#fff;}
    .is_main .site_header.is_transparent .mob_menu_bar{background:#222;}
    /* //20260629 수정3 */
    .header_nav {display: none;}
    .header_search_btn {display: none;}
    .mob_menu_btn {display: flex;}
    .header_logo_img {height: 36px; width: auto;}
    /*20260629 수정4*/
    .site_footer {padding: 40px 0 30px;}
    /*//20260629 수정4*/
    .footer_row {gap: 10px;}
    .footer_row span::after {display: none;}
    .footer_copy {font-size: 1.2rem; line-height: 1.6;}
    .board_tbl {min-width: 540px; width: auto;}
     .layout_tbl thead tr th{font-size:1.4rem; padding:3px 5px; height: 50px;}
    .layout_tbl tbody tr th{white-space:normal; font-size:1.4rem; padding:7px 5px; height: 40px;}
    .layout_tbl tbody tr td{font-size:1.4rem; padding:3px 5px; height: 40px;}
    .layout_tbl{min-width:800px;}
    /*20260624 수정*/
    /*20260629 수정4*/
    .tab_list{display:flex; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; border:none; border-radius:0; gap:8px; padding:4px 0; justify-content:center;}
    /*//20260629 수정4*/
    .tab_list::-webkit-scrollbar{display:none;}
    .tab_item{flex:none; min-width:0;}
    .tab_item + .tab_item{border-left:none;}
    .tab_link{height:40px; padding:0 16px; font-size:1.4rem; border-radius:20px !important; border:1px solid #d3d3d3; background:#f5f5f5; color:#888; white-space:nowrap;}
    .tab_link.is_active{background:#005bac; color:#fff; border-color:#005bac;}
    .tab_link:hover:not(.is_active){background:#e8f0fe; color:#005bac;}
    .tab_select{display:none;}
    /*//20260624 수정*/
    .edu_card_head {padding:16px 20px;}
    .edu_card_tit {font-size:2rem;}
    .edu_card_body {padding:20px 16px;}
    /*20260619 수정*/
    .view_tbl_wrap {margin-top:15px;}
    .view_tbl_wrap::after {content:'좌우로 스크롤하세요 →'; display:block; text-align:right; font-size:1.2rem; color:#888; padding:6px 4px 0; }
    /*20260624 수정*/
    .view_tbl--card, .view_tbl--card tbody {display:block; width:100%;}
    .view_tbl--card colgroup {display:none;}
    .view_tbl--card tbody tr {display:contents;}
    .view_tbl--card tbody tr:last-child {border-bottom:none;}
    .view_tbl--card tbody {display:flex; flex-direction:column;}
    .view_tbl--card tbody tr th {display:block; border:none !important; padding:8px 14px 0 !important; font-size:1.2rem; font-weight:400; color:#888; white-space:normal; width:auto !important; background:transparent !important;}
    .view_tbl--card tbody tr td {display:block; border:none !important; border-bottom:1px solid #efefef !important; padding:2px 14px 8px !important; font-size:1.4rem; font-weight:600; color:#111;}
    .view_tbl--card tbody tr td[colspan] {flex:0 0 100%;}
    .view_tbl--card tbody tr.is_empty th,
    .view_tbl--card tbody tr.is_empty td {display:none;}
    /*//20260624 수정*/
    .view_tbl {min-width:540px;}
    .view_tbl--card {min-width:0;}
    .view_tbl_wrap:has(.view_tbl--card)::after {display:none;}
    .view_tbl tbody tr th {padding:12px 14px; font-size:1.4rem; width:100px;}
    .view_tbl tbody tr td {padding:12px 14px; font-size:1.4rem;}
    .view_tbl td .num_dot_list > li,
    .view_tbl td .sub_bullet_list > li,
    .view_tbl td .sub_dash_list > li,
    .view_tbl td .contact_item,
    .view_tbl td .contact_divider,
    .view_tbl td .file_link,
    .view_tbl td p,
    .view_tbl td strong,
    .view_tbl td span,
    .view_tbl td .refund_card_desc,
    .view_tbl td .kakao_map_link {font-size:inherit;}
    .view_tbl td .refund_card_tit {font-size:1.4rem;}
    /*//20260619 수정*/
    .apply_agree_txt {font-size: 1.4rem;}
    /*20260629 수정4 — 본문 텍스트 반응형 통일*/
    .dot_list > li{font-size:1.5rem;}
    .dash_list > li{font-size:1.5rem;}
    .ol_list > li{font-size:1.5rem;}
    .ko_list > li{font-size:1.5rem;}
    .num_paren_list > li{font-size:1.5rem;}
    .num_dot_list > li{font-size:1.5rem;}
    .law_tit{font-size:1.5rem;}
    .law_sub_tit{font-size:1.5rem;}
    /*//20260629 수정4*/
    .info_tbl, .info_tbl tbody {display:block; width:100%;}
    .info_tbl tbody tr {display:flex; flex-wrap:wrap; border-bottom:1px solid #dbdbdb;}
    .info_tbl tbody tr:last-child {border-bottom:none;}
    .info_tbl tbody tr th {flex:0 0 100%; height:auto; padding:10px 16px; border-right:none; border-bottom:1px solid #f0f1f7; font-size:1.5rem; white-space:normal;}
    .info_tbl tbody tr td {flex:0 0 100%; padding:12px 16px; border-right:none; border-bottom:none; font-size:1.4rem;}
    .info_tbl tbody tr:last-child th,.info_tbl tbody tr:last-child td {border-bottom:none;}
    .brd_view_tit_row {padding:16px 20px;}
    .brd_view_tit {font-size:2rem;}
    .brd_view_meta {flex-direction:column; align-items:flex-start; padding:12px 20px; min-height:auto; gap:8px;}
    .brd_view_file {min-height:auto; padding:12px 20px;}
    .brd_meta_sep {width:12px;}
    .brd_view_content {padding:30px 20px; font-size:1.5rem;}
    .brd_view_btn_wrap {padding:30px 0;}
    .brd_list_btn {width:120px; height:48px; font-size:1.5rem;}
    .brd_nav_item {padding:16px 20px;}
    .brd_nav_label {font-size:1.5rem;}
    .brd_nav_tit {font-size:1.5rem;}
    .brd_view_content img{max-width: 100%; max-height:80%;max-height: 100%;object-fit: contain;width: 100% !important;height: 100% !important;}
}

@media (max-width: 480px) {
    .paging_list{ gap:4px; }
    .paging_list > li > a{ min-width:24px; height:24px; font-size:1.4rem; }
    .edu_card_tit {font-size:1.8rem;}
    .edu_card_body {padding:14px 12px;}
    .view_tbl tbody tr th {padding:10px 12px; font-size:1.3rem;}
    .view_tbl tbody tr td {padding:10px 12px; font-size:1.3rem;}
    .info_tbl tbody tr th {font-size:1.4rem; padding:8px 14px;}
    .info_tbl tbody tr td {font-size:1.3rem; padding:10px 14px;}
    .brd_view_tit {font-size:1.8rem;}
    .brd_meta_label {font-size:1.5rem;}
    .brd_meta_val {font-size:1.4rem;}
    .brd_view_content {padding:24px 16px; font-size:1.4rem;}
    .brd_view_btn_wrap {padding:24px 0;}
    .brd_list_btn {width:110px; height:44px; font-size:1.4rem;}
    .brd_nav_item {padding:14px 16px;}
    .brd_nav_icon {width:16px;}
    .brd_nav_label {font-size:1.4rem; margin-left:10px;}
    .brd_nav_bar {margin:0 12px;}
    .brd_nav_tit {font-size:1.4rem;}
    /*20260629 수정4 — 본문 텍스트 반응형 통일*/
    .dot_list > li{font-size:1.4rem;}
    .dash_list > li{font-size:1.4rem;}
    .ol_list > li{font-size:1.4rem;}
    .ko_list > li{font-size:1.4rem;}
    .num_paren_list > li{font-size:1.4rem;}
    .num_dot_list > li{font-size:1.4rem;}
    .law_tit{font-size:1.4rem;}
    .law_sub_tit{font-size:1.4rem;}
    /*//20260629 수정4*/
}

/* 통합검색 오버레이 */
.search_overlay{ position:fixed; left:0; right:0; width:100%; height:200px; background:rgba(0,0,0,0.7); z-index:190; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:opacity 0.25s ease, visibility 0.25s ease; pointer-events:none; }
.search_overlay.is_open{ opacity:1; visibility:visible; pointer-events:auto; }
.search_overlay_form{ display:flex; align-items:center; width:700px; height:70px; border-radius:35px; border:3px solid #2b6beb; background:#fff; overflow:hidden; box-sizing:border-box; flex-shrink:0; }
.search_overlay_input{ flex:1; height:100%; border:none; outline:none; padding:0 30px; font-size:2rem; color:#333; background:transparent; font-family:inherit; }
.search_overlay_input::placeholder{ color:#2b6beb; font-size:2rem; }
.search_overlay_submit{ flex-shrink:0; display:flex; align-items:center; justify-content:center; width:90px; height:100%; background:#2b6beb; border:none; cursor:pointer; transition:background 0.2s; border-radius:35px; }
.search_overlay_submit:hover{ background:#1a5bd4; }
.search_overlay_submit:focus-visible{ outline:2px solid #fff; outline-offset:-4px; }
.search_overlay_submit img{ display:block; object-fit:contain; }

@media (max-width: 768px) {
    .search_overlay_form{ width:calc(100% - 48px); }
    .search_overlay_input{ font-size:1.7rem; padding:0 20px; }
    .search_overlay_input::placeholder{ font-size:1.7rem; }
    .search_overlay_submit img{ width:22px; height:22px; }
}
@media (max-width: 560px) {
    .search_overlay_form{ height:56px; }
    .search_overlay_submit{ width:56px; }
    .search_overlay_submit img{ width:18px; height:18px; }
    .search_overlay_input{ font-size:1.5rem; padding:0 16px; }
    .search_overlay_input::placeholder{ font-size:1.5rem; }
}