@charset "UTF-8";
@font-face {
	font-family: 'Taenada';
	src: url('/home/www/fonts/Tenada.woff2') format('woff2');
	font-weight: normal;
	font-display: swap;
}

:root{
  --layout-padding-x: 15px;
}
@media only screen and (min-width: 1200px) {
  :root{
    --layout-padding-x: 10px;
  }
}
/* global */
.direct-link{position:absolute;top:-1px;left:0;z-index:9999;height:1px} /* 바로가기 */
.direct-link a{position:absolute;top:-999px;padding:5px 10px;font-weight:bold;font-size:12px;color:#fff;background:#333;text-decoration:none;white-space:nowrap}
.direct-link a:focus{top:0}

.bnr_nuri{z-index:0;background: #f1f1f1}
.bnr_nuri .inner{gap: 10px;width: auto;max-width: 1400px;padding: 2px var(--layout-padding-x) 1px;font-size: 12px;line-height: 27px;color:#545454;box-sizing: content-box}
.bnr_nuri .inner:before{width:26px;height: auto;background: url(/home/www/images/common_2026/ico_flag.svg) 50% 50% no-repeat;aspect-ratio: 1 / 1}
@media only screen and (min-width: 1200px) {
  .bnr_nuri{z-index:1020}
  .bnr_nuri .inner{gap: 8px;font-size: 13px;padding: 4px var(--layout-padding-x) 4px}
}
.content h4{font-size: 21px;line-height: 28px;color:#333;font-weight: 600}
.content h4::before{display: inline-block;margin: 0 8px 0 0;width: 24px;height: 16px;background: url(/home/www/images/common_2026/img_bullet4.png) 0 0 no-repeat;background-size: cover;content: ''}
.content h4::after{content:normal}
.content h5{font-size: 19px;line-height: 26px;font-weight: 600}

.tab_s ul li a{font-size: 15px}
@media screen and (max-width: 639px) and (min-width: 1px){
  .tab_s ul li a{font-size: 14px}
}
/* layout */

body{transform-origin: center top;-webkit-text-size-adjust:none}
button{font-family: 'Noto Sans Korean',sans-serif}

.wrapper{display:flex;flex-direction: column;min-height: calc(100vh - 30px)}
.wrapper .inner_comm{max-width: 1400px;height: 100%;margin: 0 auto;padding: 0 var(--layout-padding-x);box-sizing: content-box}
.main_cont{flex:1;min-height: 0}
@media only screen and (min-width: 1200px) {
  /* layout */
  .wrapper{min-height: calc(100vh - 35px)}
  .wrapper .inner_comm{padding:0 var(--layout-padding-x)}
}

/* ============================================
                  통합검색
============================================ */
#search_total + section{flex:1;min-height: 0}
.total_left_menu{padding-bottom: 50px}
@media only screen and (min-width: 1420px) {
  .wrapper:has(#search_total) .container{width: 1400px}
  .wrapper:has(#search_total) .content_wrap{width: 1130px}
}

main:has(.population_wrap){display:flex;flex-direction: column}
.population_wrap{flex:1;min-height: 0}
@media only screen and (min-width: 1440px) {
  .population_wrap{z-index: 0}
  .population_wrap .pop_box{width: 1400px}
  .population_wrap:after{z-index: -10}
}

/* Header */
.header{
  --header-dim-color: #000;
  --header-dim-opacity: .7;
  --header-dim-duration: .3s;
  flex:none;position:relative;z-index:1010;border-bottom: 1px solid #ddd;
}
.header:has(.head_m.sticky){position: sticky;top:0}

/* M, PC Header 분기 및 sticky 처리 */
.head_pc{display: none}
@media only screen and (min-width: 1200px) {
  /* M, PC Header 분기 및 sticky 처리 */
  .header:has(.head_m.sticky){position: relative}
  .header:has(.head_pc.sticky){position: sticky;top:0}
  .head_m{display: none}
  .head_pc{display: block}
}

/* Mobile Header */
.head_m{height: 70px}
.head_m .inner_head{display:flex;align-items: center}
.head_m .link_search{display:flex;align-items: center;justify-content: center;height: 44px;margin-left: auto;padding:0 10px;font-size: 24px;color:#000}
.head_m .btn_menu{height: 44px;margin-left: 5px;margin-right: -10px;padding:0 10px;border:0;font-size: 24px;line-height: 1;color: #121212;background: none;cursor: pointer}
.head_m .btn_menu svg{margin-top: 2px}
.head_m .btn_menu[aria-expanded="true"] + .menu_area{opacity: 1;visibility: visible}
.head_m .btn_menu[aria-expanded="true"] + .menu_area .menu_cont{transform: translateX(0)}
.head_m .menu_area{position: fixed;inset:0;z-index: 10000;background: rgba(0,0,0,.7);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);opacity: 0;visibility: hidden;transition: all var(--dim-fade-duration, .3s)}
.head_m .menu_cont{display: flex;flex-direction:column;position: relative;max-width: var(--menu-max-width, 400px);height:100%;background-color: #fff;transform: translateX(-100%);transition: transform var(--menu-show-duration, .3s)}
.head_m .head_menu{flex:none;display: flex;align-items: center;gap:20px;height: 70px;padding:0 55px 0 var(--layout-padding-x);background: #F8F8F8}
.head_m .link_logo{display:block;line-height:0}
.head_m .nav_m{flex:1;min-height: 0;border-top: 1px solid #ddd}
.head_m .info_user_group{display: flex;align-items: center;gap:10px 15px}
.head_m .info_user_group .link_user{display: flex;gap:10px;align-items: center;gap:6px;padding:5px 0;font-size: 15px;line-height: 19px;color:#747474}
.head_m .info_user_group .link_user i{color:#787878}
.head_m .group_end{display: flex;align-items: center;position: absolute;top:0;right: 0}
.head_m .group_end .btn_close{height: 70px;padding:0 var(--layout-padding-x);border:0;font-size: 18px;line-height: 1;color:#111;background: none}

/* 메뉴 목록 스타일 */
.head_m .gnb_m [class*=link_depth][target=_blank]:after,
.head_pc .gnb_pc [class*=link_depth][target=_blank]:after{font-family: "Font Awesome 6 Pro", sans-serif;-webkit-font-smoothing: antialiased;text-rendering: auto;content: '\f08e'}
.gnb_m{--depth1-width: 130px;overflow: auto;position: relative;z-index: 0;height: 100%;background: #f7f7f7}
.gnb_m::before{position: absolute;inset: 0 0 0 var(--depth1-width);background: #fff;content:''}
.gnb_m [class*=link_depth][target=_blank]{justify-content: flex-start}
.gnb_m_depth3{overflow:hidden;transition: all var(--depth3-duration)}
/* 메뉴링크 기본 스타일 */
.gnb_m .link_depth1{display: flex;align-items: flex-start;gap: 6px;width: var(--depth1-width);padding:14px 20px;font-size: 15px;line-height: 22px;color:#111;font-weight: 600}
.gnb_m .link_depth2{display: flex;align-items: flex-start;gap: 6px;padding:12px 20px;font-size: 15px;line-height: 21px;color:#575757}
.gnb_m .link_depth2.on:not([target="_blank"], [role="button"])::after{position: absolute;clip-path: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;content:'메뉴 선택됨'}
.gnb_m .link_depth2[role="button"]::after{margin-left: auto;margin-right: 5px;font-size: 0.85em;font-weight: 700;font-family: "Font Awesome 6 Pro", sans-serif;-webkit-font-smoothing: antialiased;text-rendering: auto;transition: all .3s;content:'\f078'}/* v 아이콘 */
.gnb_m .link_depth3{--line-height: 22px;display: flex;gap: 6px;padding:12px 20px 12px 5px;font-size: 15px;line-height: var(--line-height);color:#909090}
.gnb_m .link_depth3::before{flex:none;width: 4px;height: 4px;margin-top: calc(var(--line-height) / 2);margin-right: 3px;border-radius: 50%;background: #575757;transform: translateY(-50%);content:''}/* 블릿 아이콘 */
/* 메뉴 선택시 스타일 */
.gnb_m .link_depth1[aria-expanded="true"]{background: #fff}
.gnb_m .link_depth1[aria-expanded="true"]::after{position: absolute;clip-path: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;content:'메뉴 선택됨'}
.gnb_m .link_depth2.on,
.gnb_m .link_depth2[aria-expanded="true"],
.gnb_m .link_depth2[aria-expanded=true]{color: #034EA2;font-weight: 600}
.gnb_m .link_depth2[aria-expanded=true]::after{transform: rotate(180deg)}
.gnb_m .link_depth3.on{color: #333;font-weight: 600}
.gnb_m .link_depth3.on::after{position: absolute;clip-path: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;content:'메뉴 선택됨'}
/* 새창 아이콘 크기 */
.gnb_m [class*=link_depth][target=_blank]::after{font-size: 0.85em}
/* 2뎁스 show */
.gnb_m .gnb_m_depth2{display: none;overflow: auto;position: absolute;top:0;right: 0;bottom:0;left: var(--depth1-width);padding: 2px 0 20px}
.gnb_m .link_depth1[aria-expanded="true"] + .gnb_m_depth2{display: block}
/* 3뎁스 펼치기 */
.gnb_m .cont_menus{--depth3-duration: .3s;display: grid;grid-template-rows: 0fr;padding: 0 15px;opacity: 0;visibility: hidden;transition: all var(--depth3-duration)}
.gnb_m .link_depth2[aria-expanded=true] + .cont_menus{opacity: 1;visibility: visible;grid-template-rows: 1fr}
.gnb_m .link_depth2[aria-expanded=true] + .cont_menus .gnb_m_depth3{padding:7px 0;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5}

.head_pc{
  position: relative;z-index: 1000;border-top: 5px solid var(--d-color-primary-100);background-color: var(--gnb-bg-color);transition: background-color var(--gnb-bg-duration), box-shadow var(--gnb-shadow-duration);transition: all .3s;box-sizing: content-box;
  --head-height: 100px;
  --gnb-bg-color: #fff;
  --gnb-bg-color-active: #FFF;
  --gnb-bg-duration: 0s;
  
  --gnb-panel-bg-color: var(--gnb-bg-color);
  --gnb-panel-bg-color-active: var(--gnb-bg-color-active);

  --gnb-bottom-line-color: #ddd;
  --gnb-shadow-duration: .3s;

  --depth1-gap: 10px;
  --depth1-weight: 600;
  --depth1-line-inset: auto auto -2px 50%;
  --depth1-line-size: 3px;
  --depth1-line-color: #0066EF;
  --depth1-line-translate: -50% 0;
  --depth1-line-duration: .3s;
  --depth1-ico-target-size: .8em;
}

.header::before{position: fixed;inset:0;z-index: -10;background: var(--header-dim-color);opacity: 0;visibility: hidden;transition: opacity var(--header-dim-duration), visibility var(--header-dim-duration);content:''} /* gnb 오픈시 딤드 레이어 */
.header:has(.gnb_pc:hover):not(:has(.gnb_pc .link_depth1[target="_blank"]:hover))::before,
.header:has(.gnb_pc:focus-within):not(:has(.gnb_pc .link_depth1[target="_blank"]:focus))::before{opacity: var(--header-dim-opacity);visibility: visible} /* pc 1뎁스 새창링크에 hover, focus 했을 때 열리지 않도록 */
.nav_pc{margin-left: 40px;word-break: keep-all}
.nav_pc::after{position: absolute;top:var(--head-height);left: 0;right: 0;z-index: 100;height: 1px;background: var(--gnb-bottom-line-color);pointer-events: none} /* pc gnb 패널 위 구분선 */
.head_pc:has(.gnb_pc:focus-within) .nav_pc::after,
.head_pc:has(.gnb_pc:hover) .nav_pc::after{content:''} /* pc gnb 열렸을 때 패널 위 구분선 적용 */

/* PC 헤더 상단 유틸 영역 */
.area_util .inner_util{display:flex;align-items: center;padding-top: 13px;padding-bottom: 12px}
.area_util .list_util{display:flex;align-items: center;gap: 25px}
.area_util .list_util + .list_util{margin-left: auto}
.area_util .list_util > li + li{position:relative}
.area_util .list_util > li + li::before{position:absolute;top:calc(5px + (20px / 2));left: -14px;width:4px;height: 4px;border-radius: 50%;background: #ddd;transform: translate(-50%, -50%);content:''}
.area_util .list_util .link_util{display:flex;align-items: center;gap:5px;padding:5px 0;border:0;font-size: 15px;line-height:20px;color:#747474;background: none;cursor: pointer}
.area_util .list_util .link_emph1{color:#034EA2;font-weight: 500}
.area_util .list_util .link_emph2{color:#008043}
.area_util .list_util .link_util[aria-expanded="true"] i.fa-circle-chevron-down{transform: rotate(180deg)}
.area_util .list_util .link_util[aria-expanded="true"] + .list_options,
.area_util .list_util .link_util[aria-expanded="true"] + .list_sns{opacity:1;visibility: visible}
.area_util .list_util .txt_util{text-decoration: underline transparent;text-underline-offset: 3px;transition: text-decoration-color .2s}
.area_util .list_options,
.area_util .list_sns{overflow: auto;position:absolute;top:100%;z-index:110;border:1px solid #909090;border-radius: 10px;background: #fff;opacity:0;visibility: hidden;transition: opacity .2s, visibility .2s}
.area_util .list_options::-webkit-scrollbar{width:10px}/* 스크롤 바 전체 너비 */
.area_util .list_options::-webkit-scrollbar-track{background-color:#ddd}/* 전체 게이지 */
.area_util .list_options::-webkit-scrollbar-thumb{background-color:#9f9f9f;border-radius: 100px}/* 현재 게이지 */
.area_util .list_options .link_txt{display:flex;align-items: flex-start;gap:5px;position:relative;padding:10px 14px;font-size: 15px;line-height:20px;color:#595959}
.area_util .list_options .link_txt i{flex:none;margin-left: auto;font-size: 0.9em;line-height: inherit;color:#c9c9c9}
.area_util .list_options li + li .link_txt::before{position: absolute;inset: 0 0 auto;height: 1px;background: repeating-linear-gradient(to right, #e9e9e9 0, #e9e9e9 3px, transparent 3px, transparent calc(3px + 3px));content: ''}
.area_util .info_site .list_options{left: -44px;right: -44px;max-height: 240px} /* 주요누리집 목록 */
.area_util .info_language .list_options{left: -18px;right: -18px} /* LANGUAGE 목록 */
.area_util .list_sns{display: grid;grid-template-columns: 1fr 1fr;gap:10px 6px;left: 50%;padding:11px 14px 13px;background: rgba(255,255,255,0);backdrop-filter: blur(2px) brightness(1.1);transform: translateX(-50%)} /* 함평 SNS 목록 */
.area_util .list_sns .link_txt{display:block}
.area_util .list_sns .img_sns{width: 28px;height: 28px;vertical-align: top}
.area_util .box_zoom{display:flex;gap:5px;align-items: center;padding-left: 30px}
.area_util .box_zoom .tit_zoom{margin-right: 3px;font-size: 15px;line-height:18px;color:#575757}
.area_util .box_zoom .btn_zoom{display:flex;align-items: center;justify-content: center;width:26px;height: 26px;background: #fff;border:1px solid #ddd;border-radius: 5px;font-size: 13px;color:#747474;cursor:pointer;transition: all .2s}
@media only screen and (min-width: 1200px) {
  .area_util .list_util .link_util:hover .txt_util,
  .area_util .list_util .link_util:focus .txt_util{text-decoration-color: currentColor}
  .area_util .list_options .link_txt:hover,
  .area_util .list_options .link_txt:focus{color:#444;background: #f5fff9}
  .area_util .list_options .link_txt:hover i,
  .area_util .list_options .link_txt:focus i{color: inherit}
  .area_util .box_zoom .btn_zoom:hover{border-color: currentColor;color:#535353}
}

/* PC 헤더 로고 및 GNB 영역 */
.head_pc h1{flex:none}
.head_pc .link_logo{display: block}
.head_pc .img_logo{width:140px;vertical-align: top;transition: width .3s}
.head_pc .area_gnb{position:relative}
.head_pc .area_gnb .inner_head{display: flex;align-items: center}
.head_pc .etc_menu_btn{display:flex;align-items: center;gap:5px;padding-left: 10px;transition: all .3s}
.head_pc .etc_menu_btn [class*="link_"]{padding:5px;font-size: 24px;color:#111}
.head_pc .info_weather{display: flex;align-items: center;margin-left: auto}
.head_pc .info_weather .ico_weather{width:34px;height: 34px;background: url(/home/www/images/common_2026/ico_weather.png) no-repeat;background-size: 210px 35px}
.head_pc .info_weather .ico_status1{background-position: 0 0} /* 맑음 */
.head_pc .info_weather .ico_status2{background-position: -35px 0} /* 구름많음 */
.head_pc .info_weather .ico_status3{background-position: -70px 0} /* 흐림 */
.head_pc .info_weather .ico_status4{background-position: -105px 0} /* 비, 소나기 */
.head_pc .info_weather .ico_status5{background-position: -140px 0} /* 비/눈 */
.head_pc .info_weather .ico_status6{background-position: -175px 0} /* 눈 */
.head_pc .info_weather .txt_temp{display:flex;align-items: flex-end;padding-left: 7px;font-size: 21px;line-height:26px;color:#111;font-weight: 700}
.head_pc .info_weather .txt_temp .txt_celsius{padding-left: 3px;font-size: 13px;line-height:20px}
.head_pc .info_weather .txt_info{padding-left: 10px;font-size: 16px;line-height:22px;color:#333;font-weight: 500}
.head_pc .link_population{align-self: flex-start;margin-left: 20px;text-align: center;transition: margin .3s}
.head_pc .link_population .img_people{display: block;margin:0 auto}
.head_pc .link_population .box_info{display: inline-block;min-width:128px;padding:3px 20px;border-radius: 200px;background: #02AB4E;vertical-align: top}
.head_pc .link_population .txt_number{display:none;justify-content: center;align-items: flex-end;font-size: 20px;line-height:25px;color:#fff;font-weight: 600}
.head_pc .link_population .txt_number:first-child{display:flex}
.head_pc .link_population:hover .txt_number:first-child,
.head_pc .link_population:focus .txt_number:first-child{display:none}
.head_pc .link_population:hover .txt_number + .txt_number,
.head_pc .link_population:focus .txt_number + .txt_number{display:flex}
.head_pc .link_population .txt_number .txt_unit{padding: 0 0 0 2px;font-size: 14px;line-height:20px;font-weight: 400;color:#fff}
.head_pc .link_population .info_base{font-size: 11px;line-height:15px;color:rgba(255,255,255,.6)}

.gnb_pc{display: inline-flex;justify-content: center;margin-left: -15px;vertical-align: top}

.gnb_pc > li{flex:none}
.gnb_pc .link_depth1{display: flex;align-items: center;justify-content: center;gap:var(--depth1-gap);position: relative;z-index: 10;height: var(--head-height);padding:0 15px;font-weight: var(--depth1-weight);font-size: 19px;line-height: 28px;color: #111;text-decoration: underline transparent;text-underline-offset: 5px;transition: padding .3s, text-decoration-color .3s}

.gnb_pc .link_depth1[target=_blank]:after{font-size: var(--depth1-ico-target-size)}
.gnb_pc .link_depth1.active,
.gnb_pc .link_depth1:hover,
.gnb_pc .link_depth1:focus,
.gnb_pc .link_depth1:has(+.cont_submenu:focus-within),
.gnb_pc .link_depth1:has(+.cont_submenu:hover){color: #034EA2;text-decoration-color: #034EA2}

.gnb_pc > li:focus-within .cont_submenu,
.gnb_pc > li:hover .cont_submenu{grid-template-rows: 1fr}
.gnb_pc .cont_submenu{display: grid;grid-template-rows: 0fr;position:absolute;top:100%;left: 0;right: 0;z-index: 0;background: #fff;color:#000}
.gnb_pc .cont_submenu::before{position:absolute;top: 0;left: 0;bottom: 0;width: calc(((100vw - 1400px) / 2));z-index: -10;background-color: #f7f7f7;content:"";}
.gnb_pc .cont_submenu .inner_head{align-items: stretch;overflow: hidden;position: relative;z-index: 0;width: calc(100% - 20px);}
/* .gnb_pc .cont_submenu .inner_head::before{position: absolute;inset:0 15px;z-index: -20;background: #fff;content: ''} */
.gnb_pc .cont_submenu .head_panel{flex: none;width: 220px;background-color:#F7F7F7;}
.gnb_pc .cont_submenu .tit_panel{display: block;padding-top: 25px;font-size: 28px;line-height: 34px;color:#000;font-weight: 800}
.gnb_pc .cont_submenu .desc_panel{padding-top: 14px;font-size: 16px;line-height: 22px;color:#787878;font-weight: 500}
.gnb_pc .cont_submenu .body_panel{flex: 1;min-width: 0;display: flex;min-height: 300px}
.gnb_pc .cont_submenu .list_gnb_menus{--link-depth2-active-color: #034EA2;align-self: flex-start;display: flex;flex-wrap: wrap;gap:20px 30px;padding:30px 0 50px 30px;}
.gnb_pc .cont_submenu:has(.box_menu_etc) .list_gnb_menus{width: 64%}
.gnb_pc .cont_submenu .list_gnb_menus > li{flex:0 0 265px;min-width: 0}
.gnb_pc .cont_submenu .list_gnb_menus .link_depth2{display: flex;gap:5px;align-items: center;height: 55px;padding:10px 20px;border: 1px solid #DDD;border-radius: 10px;font-size: 18px;line-height: 25px;color:#333;font-weight: 500;background: #FFF;word-break: keep-all;letter-spacing: -0.025em;transition: color 0.3s ease, background-color 0.3s ease;}
.gnb_pc .cont_submenu .list_gnb_menus li:hover > .link_depth2,
.gnb_pc .cont_submenu .list_gnb_menus li:focus-within > .link_depth2,
.gnb_pc .cont_submenu .list_gnb_menus .link_depth2.active,
.gnb_pc .cont_submenu .list_gnb_menus .link_depth2:hover,
.gnb_pc .cont_submenu .list_gnb_menus .link_depth2:focus{color:#fff;background: var(--link-depth2-active-color)}
.gnb_pc .cont_submenu .list_gnb_menus .link_depth2 i{display: block;margin-right: 10px;color: #747474;transition: color 0.3s ease;}
.gnb_pc .cont_submenu .list_gnb_menus li:hover > .link_depth2 i,
.gnb_pc .cont_submenu .list_gnb_menus li:focus-within > .link_depth2 i,
.gnb_pc .cont_submenu .list_gnb_menus .link_depth2.active i,
.gnb_pc .cont_submenu .list_gnb_menus .link_depth2:hover i,
.gnb_pc .cont_submenu .list_gnb_menus .link_depth2:focus i{color: rgba(255, 255, 255, .5)}
.gnb_pc .cont_submenu .list_gnb_menus .link_depth2.has_sub::after{margin-left: auto;font-size: 12px;line-height: inherit;font-family: "Font Awesome 6 Pro", sans-serif;-webkit-font-smoothing: antialiased;text-rendering: auto;opacity: 0.5;content: '\f107'}
.gnb_pc .cont_submenu .list_gnb_menus .link_depth2[target=_blank]::after{margin-left: auto;content:'\f08e'}
.gnb_pc .cont_submenu .list_depth3{padding:15px 12px 17px;}
.gnb_pc .cont_submenu .list_depth3 li{position: relative;padding-left: 12px;}
.gnb_pc .cont_submenu .list_depth3 li::before{position: absolute;left: 0;top: 8px;width: 4px;height: 4px;border-radius: 50px;background-color: #575757;content: "";}
.gnb_pc .cont_submenu .list_depth3 li + li{margin-top: 10px}
.gnb_pc .cont_submenu .list_depth3 .link_depth3{display:block;font-size: 16px;line-height: 19px;font-weight: 400;color:#545454;}
.gnb_pc .cont_submenu .list_depth3 .link_depth3.active,
.gnb_pc .cont_submenu .list_depth3 .link_depth3:hover,
.gnb_pc .cont_submenu .list_depth3 .link_depth3:focus{font-weight: 600;color:#034EA2;text-decoration: underline 1px solid;}
.gnb_pc .cont_submenu .list_depth3 .link_depth3[target=_blank]::after{margin-left: 5px;font-size: 14px;}
.gnb_pc .cont_submenu .box_menu_etc{flex-shrink: 0;width: 36%;padding:30px 40px;background: #F7F7F7}
.gnb_pc .cont_submenu .box_menu_etc .tit_etc{display: block;font-size: 22px;line-height: 26px;color:#000}
.gnb_pc .cont_submenu .list_menu_etc{padding-top: 16px}
.gnb_pc .cont_submenu .list_menu_etc .link_etc{display: block;padding:6px 0;font-size: 18px;line-height: 25px;color:#787878;font-weight: 600}
.gnb_pc .cont_submenu:has(.box_menu_etc)::after{position: absolute;inset:0 0 0 50%;z-index: -10;background: #f7f7f7;content:''}

@media only screen and (min-width: 1300px) {
  .head_pc .img_logo{width:180px}
  .nav_pc{margin-left: 50px}
  .head_pc .etc_menu_btn{padding-left: 20px;gap: 15px}
  .head_pc .link_population{margin-left: 30px}
}
@media only screen and (min-width: 1400px) {
  .nav_pc{margin-left: 72px}
  .head_pc .etc_menu_btn{gap: 20px}
  .head_pc .link_population{margin-left: 40px}
  
  .gnb_pc{margin-left: -22px}
  .gnb_pc .link_depth1{padding:0 22px}
  .gnb_pc .link_depth1:hover::before,
  .gnb_pc .link_depth1:focus::before,
  .gnb_pc .link_depth1:has(+.cont_submenu:focus-within)::before,
  .gnb_pc .link_depth1:has(+.cont_submenu:hover)::before{margin-top: 11px;width: calc(100% - 54px)}
  .gnb_pc .cont_submenu::before {background-image: url(/home/www/images/common_2026/img_mark1.png);background-repeat: no-repeat;background-position: calc(100% - 20px) 76px;background-size: 280px 262px;}
}

/* PC Header */



/* Footer */
.footer{flex:none;position:relative;z-index:1000;background: #3A3C52}
.footer .inner_foot{padding-top: 28px;padding-bottom: 30px}

/* 하단 관련 사이트 */
.area_relate_site{background: #2B2C3E}
.area_relate_site .inner_relate{padding: 0}
.list_site_group{display:flex;flex-wrap: wrap}
.list_site_group > li{flex: 1 1 50%}
.list_site_group .info_site{position:relative}
.list_site_group .btn_site,
.list_site_group .link_etc{display: flex;align-items: center;width:100%;height: 42px;padding: 0 var(--layout-padding-x);border:0;font-size: 12px;line-height:19px;color:#fff;font-weight: 500;background: #2B2C3E;cursor:pointer}
.list_site_group .btn_site i,
.list_site_group .link_etc i{display:flex;align-items: center;justify-content: center;width: 24px;height: 24px;margin-left: auto;border-radius: 50%;font-size: 13px;background: rgba(255,255,255,.08)}
.list_site_group > li:nth-child(n + 3) .btn_site{border-top: 1px solid #4B4B5B}
.list_site_group > li:nth-child(even) .btn_site{border-left: 1px solid #4B4B5B}
.list_site_group .link_etc{background: #4B4B5B}
.list_site_group .list_more_site{overflow: hidden;position:absolute;bottom:100%;left: 0;right: 0;max-height: 0;background: #414151;opacity:0;visibility: hidden;transition: max-height .2s, opacity .2s, visibility .2s}
.list_site_group .list_more_site::-webkit-scrollbar{width:10px}/* 스크롤 바 전체 너비 */
.list_site_group .list_more_site::-webkit-scrollbar-track{background-color:#ddd}/* 전체 게이지 */
.list_site_group .list_more_site::-webkit-scrollbar-thumb{background-color:#9f9f9f;border-radius: 100px}/* 현재 게이지 */
.list_site_group .btn_site[aria-expanded="true"] + .list_more_site{overflow: auto;max-height: 240px;opacity:1;visibility: visible}
.list_site_group .list_more_site li{position:relative;font-size: 16px;line-height:25px;color:#000}
.list_site_group .list_more_site li + li::before{position: absolute;top: 0;left: var(--layout-padding-x);right: var(--layout-padding-x);height: 1px;background: repeating-linear-gradient(to right, rgba(255,255,255,.3) 0, rgba(255,255,255,.3) 3px, transparent 3px, transparent calc(3px + 3px));content: ''}
.list_site_group .list_more_site .link_txt{display:flex;align-items: flex-start;gap:0 5px;padding: 10px var(--layout-padding-x);font-size: 14px;line-height:19px;color:#fff}
.list_site_group .list_more_site .link_txt i{margin-left: auto;line-height: inherit;opacity:.5}
@media only screen and (min-width: 768px) {
  /* 하단 관련 사이트 */
  .list_site_group > li{flex: 1 1 25%}
  .list_site_group .btn_site,
  .list_site_group .link_etc{height: 46px;font-size: 15px}
}
@media only screen and (min-width: 1200px) {
  /* 하단 관련 사이트 */
  .area_relate_site .inner_relate{padding: 0 var(--layout-padding-x)}
  .list_site_group{flex-wrap: nowrap}
  .list_site_group > li:nth-child(n + 3) .btn_site{border-top: 0}
  .list_site_group .btn_site,
  .list_site_group .link_etc{height: 58px;padding: 0 20px;border-left: 1px solid #4B4B5B;font-size: 16px;line-height:23px}
  .list_site_group .btn_site:hover,
  .list_site_group .btn_site:focus-visible,
  .list_site_group .btn_site[aria-expanded="true"]{background: #222336}
  .list_site_group .link_etc:hover,
  .list_site_group .link_etc:focus{background: #434355}
  .list_site_group .btn_site i,
  .list_site_group .link_etc i{width:28px;height: 28px;font-size: 15px}
  .list_site_group .btn_site[aria-expanded="true"] + .list_more_site{max-height: 290px}
  .list_site_group .list_more_site{border-radius: 10px 10px 0 0}
  .list_site_group .list_more_site li + li::before{left: 20px;right: 20px}
  .list_site_group .list_more_site .link_txt{padding: 10px 20px;font-size: 15px}
  .list_site_group .list_more_site .link_txt:hover,
  .list_site_group .list_more_site .link_txt:focus{background: #787880}
}
@media only screen and (min-width: 1400px) {
  /* 하단 관련 사이트 */
  .list_site_group .btn_site,
  .list_site_group .link_etc{height: 64px;padding: 0 30px;font-size: 17px;line-height:25px}
  .list_site_group .btn_site[aria-expanded="true"] + .list_more_site{max-height: 340px}
  .list_site_group .list_more_site .link_txt{padding: 12px 20px;font-size: 16px;line-height:23px}
}

.footer .list_foot{display:flex;flex-wrap: wrap;gap:1px 15px;justify-content: center}
.footer .list_foot .link_txt{display: block;padding:5px 0;font-size: 13px;line-height:14px;color:#fff}
.footer .list_foot .link_emph{color:#00AB4E;font-weight: 500}
.footer .box_info{padding-top: 33px;text-align: center}
.footer .link_logo_foot{display: inline-block;vertical-align: top}
.footer .link_logo_foot .img_logo{vertical-align: top}
.footer .area_site_info{padding-top: 11px}
.footer .info_addr{font-style: normal}
.footer .info_addr .txt_desc{font-size: 12px;line-height:14px;color:rgba(255,255,255,.6)}
.footer .info_addr .txt_desc .txt_tit{font-weight: 600}
.footer .info_addr .txt_desc + .txt_desc{padding-top: 6px}
.footer .txt_copy{padding-top: 4px;font-size: 12px;line-height:15px;color:rgba(255,255,255,.6)}
.footer .box_group{padding-top: 30px;text-align: center}
.footer .link_img{display: inline-block;vertical-align: top}
.footer .link_img .img_logo{vertical-align: top}
@media only screen and (min-width: 1200px) {
  /* Footer */
  .footer .inner_foot{position:relative;padding-top: 38px;padding-bottom: 63px}
  .footer .list_foot{gap: 5px 50px;justify-content: flex-start}
  .footer .list_foot li + li{position:relative}
  .footer .list_foot li + li::before{position:absolute;top:50%;left: -25px;width:1px;height: 16px;background: rgba(255,255,255,.4);transform: translateY(-50%);content:''}
  .footer .list_foot .link_txt{font-size: 17px;line-height:27px;text-decoration: underline transparent;text-underline-offset: 5px;transition: text-decoration-color .3s}
  .footer .list_foot .link_txt:hover, .footer .list_foot .link_txt:focus{text-decoration-color: currentColor}
  .footer .box_info{display:flex;gap:50px;align-items: flex-start;text-align: left}
  .footer .area_site_info{padding-top: 0}
  .footer .link_logo_foot .img_logo{width: 162px}
  .footer .info_addr .txt_desc{font-size: 15px;line-height:20px}
  .footer .txt_copy{padding-top: 18px;font-size: 14px;line-height:20px}
  .footer .box_group{padding-top: 0;position:absolute;top: 106px;right: var(--layout-padding-x);transition: top .3s}
  .footer .box_group .img_logo{width:110px}
}
@media only screen and (min-width: 1400px) {
  /* Footer */
  .footer .box_group{top: 45px}
}

/* top 버튼 */
@keyframes topBtnAni {
  0%   {opacity: .5;transform: translate(-50%, -50%) scale(.8)}
  100% {opacity: 0;transform: translate(-50%, -50%) scale(1.2)}
}
.footer .btn_top{
  --circle-size: 60px; /* 바깥쪽 원 크기 */
  --circle-size-pc: 82px; /* 바깥쪽 원 크기(PC) */
  --circle-gap: 10px; /* 바깥쪽 원과 안쪽 원 사이 간격 */
  --circle-gap-pc: 10px; /* 바깥쪽 원과 안쪽 원 사이 간격(PC) */
  --circle-color: #00AB4E; /* 원 색상 */
  --arrow-color: #fff; /* 화살표 색상 */
  --outer-circle-opacity: .3; /* 바깥쪽 원 투명도 */
  --ico-arrow-size: 16px; /* 아이콘 크기 */
  --ico-arrow-size-pc: 26px; /* 아이콘 크기(PC) */
  position: fixed;bottom: 30px;right: 15px;z-index: 90;width: var(--circle-size, 45px);height: var(--circle-size, 45px);padding: 0;border-radius: 50%;border: 0;line-height: 0;background: none;opacity: 0;visibility: hidden;cursor: pointer;transition: right .4s;
}
.footer .btn_top i{position: relative;font-size: var(--ico-arrow-size);color:var(--arrow-color);z-index: 10} /* 화살표 아이콘 스타일 */
.footer .btn_top:before, .footer .btn_top:after{position: absolute;border-radius: 50%;background:var(--circle-color);top: 50%;left: 50%;transform: translate(-50%, -50%);content:''} /* 바깥쪽 원, 안쪽 원 공통 스타일 */
.footer .btn_top:before{width: 100%;height: 100%;opacity: var(--outer-circle-opacity, .3)} /* 바깥쪽 원 스타일(사용 안할시 주석처리) */
.footer .btn_top:hover:before, .footer .btn_top:focus:before{animation: topBtnAni 1.5s infinite} /* 바깥쪽 원 hover 애니메이션 */
.footer .btn_top:after{width: calc(100% - var(--circle-gap) * 2);height: calc(100% - var(--circle-gap) * 2);box-sizing: content-box} /* 안쪽 원 크기는 (circle-size) - (circle-gap) */
.footer .btn_top span{display: block}
.footer .btn_top.on{opacity: 1;visibility: visible}
.footer .btn_top.btn_fix{position: absolute;top: 0;bottom:auto;transform: translateY(-50%)}
@media only screen and (min-width: 1200px) {
  /* top 버튼 */
  .footer .btn_top{width: var(--circle-size-pc, 60px);height: var(--circle-size-pc, 60px)}
  .footer .btn_top:after{width: calc(100% - var(--circle-gap-pc) * 2);height: calc(100% - var(--circle-gap-pc) * 2)}
  .footer .btn_top i{font-size: var(--ico-arrow-size-pc)} /* PC 화살표 아이콘 크기 */
}
@media only screen and (min-width: 1600px) {
/* top 버튼 */
  .footer .btn_top{right: 80px}
}