@charset "utf-8";
/*폰트*/
@import url('/css/font-7fdb5262afffad942c2a245925fd134c.css');
/* reset */
@import url('/css/normalize-105ed2cc2fbae9648ff88e871d57aa5c.css');
/* responsive */
@import url('/css/responsive-254821510faa5ff47571437864f2e3f1.css');
/* admin */
@import url('/css/admin_style-f36b92ef1faea6f9261a4079c640eccc.css');

/* ###### Reset CSS ###### */

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html,body {
    height: 100%;
}
html {
    /* 62.5% of 16px = 10px */
    font-size: 62.5%;
    /* 스크롤 유무 상관없이 스크롤바 공간을 차지하게 해서 width변동 막기- 스크롤없을시 빈공간만 생기고 width동일유지 */
    overflow-y: scroll;
}
body {
    font-family: Pretendard, sans-serif;
    line-height: 1.6;
    font-size: 1.6rem;
    font-size: 1.8rem;
    /* (reset font-size = 10px) * 1.6 = 16px */
    font-weight: 400;
    color: #111827;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
}
a {
    text-decoration: none;
    color: inherit;
}
ul,li {
    list-style: none;
}
input {
    border: none;
    outline: none;
    border: 1px solid var(--bt);
    padding: 8px;
}
em {
    font-style: normal;
}
button {
    border: none;
    cursor: pointer;
}
select {
    border: 1px solid var(--bt);
    padding: 8px;
    padding-left: 4px;
/*    font-size: 1.4rem;*/
}


/* ###### Variables CSS ###### */
:root {
    /* Primary Color */
    --pc1: #1688EB;
    --pc2: #2D64C0;
    --pc3: #243D8E;


    /* Font Color */
    --tp: #111827;
    --ts: #1f2937;
    --tt: #374151;
    --tdis: #6b7280;
    --tsi: #4B5563;

    /* Bg Color */
    --bgs: #F3F4F6;
    --bgt: #e5e7eb;
    --bgf : #374151;
    --info-sub: #EBF4FF;
    --suc-sub: #bbf7d0;
    --p-sub: #fecdd3;
   --w-subtle: #fef08a;

    /* Border Color */
   --bp: #6b7280;
   --bs: #9ca3af;
   --bt: #d1d5db;
    --bdis: #6b7280;
    --focus-ring: #be123c;

    /* */
    --suc: #16a34a;
    --info: #2563eb;
    --danger: #dc2626;
    --warning: #ca8a04; 
}


/* ###### Common CSS ###### */

/* Scrollbar Custom */
/* Chrome, Whale, Edge */
/* 스크롤바 전체 기본 꾸미기 */
div::-webkit-scrollbar {
	width: 14px;
    height: 14px;
}
/* 스크롤바 막대 꾸미기 */
div::-webkit-scrollbar-thumb {
    background-color: var(--bt);
}
/* 스크롤바 트랙 꾸미기 */
div::-webkit-scrollbar-track {
    background: var(--bgs);
}


/* 페이징 */
.pagination {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin-top: 16px;
}
.pagination li {
    border: 1px solid var(--bt);
    max-width: 36px;
    flex: 1;
    aspect-ratio: auto 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    cursor: pointer;
}
.pagination li a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination li:hover,
.pagination li.active {
    color: var(--pc2);
    border: 1px solid var(--pc2);
}
.pPrev {
    background: url(/img/prev_page-933a4478b9ad6be24a4ecfd8112ec281.png) no-repeat center center;
    background-size: 64%;
    border: 1px solid var(--bgs);
}
.pNext {
    background: url(/img/pNext-a708b97dd6aab75a3a99eba9371914ca.png) no-repeat center center;
    background-size: 64%;
    border: 1px solid var(--bgs);
}

.pFirst {
    background: url(/img/pFirst-1404700e749c142ddf228f798529f78f.png) no-repeat center center;
    background-size: 64%;
    border: 1px solid var(--bgs);
}

.pLast {
    background: url(/img/pLast-f88c793e8b3f74bdb72c574ef419b828.png) no-repeat center center;
    background-size: 64%;
    border: 1px solid var(--bgs);
}


/* btn_wrap 버튼 묶음 */
.btn_wrap {
    margin: 12px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    justify-content: flex-end;
}
/* 버튼 정렬 */
.btn_wrap.align_l {
    justify-content: flex-start;
}
.btn_wrap.align_c {
}
.btn_wrap.align_r {
    justify-content: flex-end;
}
.btn_common {
    padding: 10px 16px;
    border: 1px solid transparent;
    word-break: keep-all;
}

/* 기본: 회색 */
.btn1 {
    background: var(--bgs);
    border: 1px solid var(--bt);
}
/* 기본: 색상 */
.btn2 {
    border: 1px solid var(--pc3);
    background: var(--info-sub);
    color: var(--pc3);
}
/* 강조: 등록 등 */
.btn3 {
    background: var(--pc3);
    color: #fff;
}
/* 수정 */
.btn4 {
    color: var(--suc);
    background: var(--bgs);
    border: 1px solid var(--suc);
}
/* 삭제 */
.btn5 {
    color: var(--focus-ring);
    background: var(--bgs);
    border: 1px solid var(--focus-ring);
}
/* 비활성화 */
.btn6 {
    background: var(--bgt);
    color: var(--tdis);
}



/* ## sub_title ## */
.sub_title_wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.sub_title h2 {
    position: relative;
}
.sub_title h2::after {
    content: '';
    position: absolute;
    left: -12px;
    top: 0;
    z-index: -1;
    width: 40px;
    height: 20px;
    background: url(/img/sub_title-fcf71146f1f479b9e6fa17d42770c3d7.png) no-repeat center left;
    background-size: contain;
}

/* guide 안내멘트 */
.guide_ment {
    font-size: 1.4rem;
}
.r_point {
    color: var(--focus-ring);
}
.b_point {
    color: var(--pc1);
}

/* 너비 값 */
.w_100p {
    width: 100%;
}
/* flexbox에서 나머지영역 가득채우기 */
.f_1f {
    flex: 1;
}



/* ###### Layout CSS ###### */
/*footer 하단 고정용*/
.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.container {
    flex: 1;
    padding-bottom: 80px;
}
/**/
.main_layout {
    margin: 0 auto;
    margin-top: 24px;
    padding-top: 70px;
}
.common_layout {
    max-width: calc(100% - 36px);
    width: 1400px;
    margin: 0 auto;
    margin-top: 24px;
    padding-top: 70px;
}
.sub_layout {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    transform: translateX(-40px);
}
.sidebar {
    width: 240px;
    box-shadow: 0 0 10px #00000010;
}
.sub_contents {
    width: calc(100% - 240px - 24px);
}
.inner {
    width: 1400px;
    max-width: calc(100% - 36px);
    margin: 0 auto;
}

/* sub_content 하위의 컨텐츠 묶음*/
.content_sec + .content_sec {
    margin-top: 24px;
}

/* ###### tab ####### */
.tab_content {
    display: none;
}
.tab_content.active {
    display: block;
}
.tab_menu {
    display: flex;
}
.tab_btn,
.go_btn {
    flex: 1;
    background: var(--bgs);
}
.tab_btn {
    padding: 16px;
    color: var(--tdis);
}
.tab_btn.active {
    color: var(--pc1);
    background: #fff;
    font-weight: 600;
}
.tab_btn:hover {
    color: var(--pc1);
    font-weight: 600;
}
.go_btn {
    padding: 0;
    font-weight: 500;
    color: var(--tt);
}
.go_btn:hover {
    color: #fff;
    background: var(--bgf);
}
.go_btn > a {
    display: block;
    padding: 16px;
}

/* ###### 로그인 레이아웃 ####### */
.login_layout {
    justify-content: center;
}
.login_layout .tab_container {
    border: 1px solid var(--bt);
    width: 600px;
    max-width: 100%;
    margin-top: 40px;
}
.login_form {
    padding: 40px;
}
.login_form .btn_common {
    padding: 16px;
    font-size: 1.8rem;
}
.id_pw input {
    width: 100%;
    border: 1px solid var(--bt);
    padding: 12px;
    margin-bottom: 12px;
}
.login_form .ect {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.id_pw_search:hover {
    color: var(--pc2);
}

/* 아이디 비밀번호 찾기 */
.login_form .step_desc {
    text-align: center;
    margin-bottom: 24px;
    color: var(--tdis);
}
.login_form .step_desc li {
    word-break: keep-all;
}
.login_form .step_desc i {
    display: block;
    font-size: 0;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 12px;
    border-radius: 999px;
}
.login_form .step_desc .search_user {
    background: var(--bgs) url(/img/search_user-298db3e5b593a274402e9cdcf54e1bb0.png) no-repeat center center;
    background-size: auto 72%;
}
.login_form .step_desc .search_user_pw {
    background: var(--bgs) url(/img/search_user_pw-c0382c5943d14a8987ab0ba3d0e7a0e3.png) no-repeat center center;
    background-size: auto 72%;
}
.login_form .step_desc .search_user_pw.active {
    background: var(--info-sub) url(/img/search_user_pw_blue-22692c5ba8c7e9ff511482a75d6720bb.png) no-repeat center center;
    background-size: auto 72%;
}
.id_pw span {
    font-size: 1.4rem;
}
.search_result {
    background: var(--info-sub);
    padding: 12px;
    padding-top: 24px;
    text-align: center;
}
.search_result em {
    box-shadow: 0 0 10px #0e143b12;
    background: #fff;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: 1.4rem;
}
.search_result p {
    margin-top: 12px;
    font-size: 4rem;
    font-weight: 800;
    color: var(--pc1);
}


/* ###### header ###### */
header {
    position: fixed;
    z-index: 4;
    width: 100%;
    top: 0;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-bottom: 1px solid var(--bt);
    padding-left: 16px;
}
.logo {
    display: flex;
    align-items: center;
    width: 20%;
}
.logo img {
    display: block;
    width: 240px;
}
.gnb_wrap {
	width: 60%;	
}
.gnb {
    width: 100%;
    display: flex;
}
.gnb li {
    font-size: 1.8rem;
    position: relative;
    width: 25%;
}
.gnb li > a {
    display: block;
    font-weight: 600;
    padding: 20px 12px;
    text-align: center;
    transition: .3s;
    white-space: nowrap;
}
.gnb > li {
    position: relative;
}
.gnb > li:hover::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: var(--pc2);
}
.gnb > li:hover > a {
    color: var(--pc2);
    font-weight: 600;
	
}
.gnb > li > a:hover,
.gnb > li.active > a {
}
.gnb > li:nth-child(1) .submenu {
    border-left: 1px solid var(--bt);
}
.submenu {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 100%;
    width: 100%;
    display: none; /* slideDown용 */
    border-right: 1px solid var(--bt);
    padding: 16px 0;
}
.submenu a {
    display: block;
    position: relative;
    font-size: 1.6rem;
    padding: 12px;
    transition: .4s;
    word-break: keep-all;
}
.submenu a:hover {
    color: var(--pc2);
    background: url(/img/sidebar_bg-a79242190b0169676f34772daa5b68e9.png) no-repeat center center;
    background-size: cover;
    padding-left: 16px;
    padding-right: 2px;
}
.submenu a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 1px;
    background-color: var(--pc2);
    transition: .3s;
}
.submenu a:hover::after {
    width: 100%;
}
.submenu_bg {
    display: none;
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid var(--bt);
    box-shadow: 0 4px 10px #00000012;
}

.login_wrap {
    width: 20%;
    display: flex;
    justify-content: flex-end;
}
.login_ect_2 {
    background-color: var(--pc2);
    color: #fff;
}
.login_ect_2:hover {
    background-color: var(--pc3);
}
.login_wrap > a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    font-size: 1.6rem;
    white-space: nowrap;
}
.login_ect_1 {
    display: flex;
    gap: 2px;
    color: var(--tsi);
}
.login_ect_1 i {
    width: 30px;
    height: 30px;
    background: url(/img/user_icon-871a1c7c5ac11de5506420daba75ae5a.png) no-repeat center center;
    background-size: contain;
}
.login_ect_1:hover {
    color: var(--pc2);
}
.login_ect_1:hover i {
    background: url(/img/user_icon_blue-8b0fb53879cd8a7a8e892ae070b68656.png) no-repeat center center;
    background-size: contain;
}
.login_ect_3 {
    border: 1px solid var(--bt);
    border-top: none;
    border-bottom: none;
}

/* trigger / Mobile Menu / m_gnb_wrap */
.trigger {
    display: none;
    width: 36px;
    height: 36px;
    padding: 10px 4px;
}
.trigger_inner {
    position: relative;
    height: 100%;
}
.trigger span {
    position: absolute;
    height: 3px;
    background-color: #111827;
    right: 0;
    transition: .3s;
}
.trigger span:nth-child(1) {
    width: 100%;
    top: 0;
}
.trigger span:nth-child(2) {
    width: 64%;
    top: 50%;
}
.trigger span:nth-child(3) {
    width: 40%;
    top: 100%;
}
.trigger.active span:nth-child(1) {
    
}
.trigger.active span:nth-child(2) {
    width: 100%;
}
.trigger.active span:nth-child(3) {
    width: 100%;
}
.m_gnb {
    height: 100%;
}
.m_gnb_wrap {
	top: 61px;
    position: fixed;
    left: 100%;
    width: 100%;
    background-color: #fff;
    height: calc(100vh - 60px);
    font-size: 1.6rem;
    transition: 0.3s;
    z-index: 10;
}
.m_gnb_wrap.active {
    left: 0;
}
.m_gnb_inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.m_login_wrap {
    background-color: var(--pc3);
    color: #fff;
    display: flex;
}
.m_login_wrap > a {
    flex: 1;
    text-align: center;
    padding: 6px 12px;
}
.m_login_wrap > a + a {
    border-left: 1px solid #ffffff88;
}
.m_login_ect_2 {
    background-color: var(--tp);
}
.m_gnb_list_wrap {
    flex: 1;
    overflow: auto;
}
.m_gnb_list {
    border-bottom: 1px solid var(--bt);
}
.dep_1 {
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dep_1 span {
    font-weight: 600;
}
.dep_1 i {
    width: 24px;
    height: 24px;
    background: url(/img/arrow_down-dc35ee4ee2951b3921b864706ff4be93.png) no-repeat center center;
    background-size: cover;
    transition: .3s;
}
.dep_1.active span {
    color: var(--pc1);
}
.dep_1.active i {
    transform: rotate(180deg);
    background: url(/img/arrow_down_blue-bea7ca36d8e95aa26b7d229b63e4acd3.png) no-repeat center center;
    background-size: cover;
}

.dep_2 {
    display: none;
    background-color: var(--bgs);
}
.dep_2 a {
    display: block;
    padding: 12px;
    color: var(--tsi);
}
.dep_2 a + a {
    border-top: 1px solid var(--bt);
}

/* ###### footer ###### */
footer {
    background: #fff;
}
.footer_top {
    border-top: 1px solid var(--bt);
    border-bottom: 1px solid var(--bt);
}
.footer_top .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    padding: 8px 0;
}
.footer_top a {
    font-size: 1.4rem;
    color: var(--tdis);
}
.footer_top a:hover {
    font-weight: 600;
}
.footer_top .pers_info {
    color: var(--pc2);
}
.footer_bottom .inner {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 0;
}
.footer_logo {
}
.footer_logo img {
    width: 240px;
    display: block;
}
.address_info {
    font-size: 1.4rem;
}
.address_info li {
    word-break: keep-all;
}


/* ###### float_banner ###### */

.float_close {
	display: none;
}


.float_banner {
    position: fixed;
    right: 16px;
    bottom: 50%;    
    transform: translateY(50%);
    display: flex;
    flex-direction: column;
    gap: 8px;
    /* height: 100vh; */
    width: 140px;
}
.flt_donate {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.donate_go {
    color: #fff;
    padding: 12px 16px;
    border-radius: 6px;
    background: var(--pc2);
    display: block;
    width: calc(100% + 16px);
    text-align: center;
    position: relative;
    font-size: 2.2rem;
    font-family: "GmarketSans";
}
.donate_go:hover {
    background-color: var(--pc3);
}
.donate_go::before {
    content: '';
    position: absolute;
    bottom: calc(100% - 4px);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100px;
    background: url(/img/donation-d2c34c6900fbc98963fc567bf848a08f.png) no-repeat center center;
    background-size: contain;
}
.flt_donate ul {
    padding: 0 8px;
    background-color: var(--bgs);
    width: 100%;
    box-shadow: 0 0 8px #19345F36;
}
.flt_donate li {
    font-size: 1.2rem;
    text-align: center;
    padding: 6px;
    color: var(--bgf); 
}
.flt_donate .donate_call {
    color: var(--pc2);
    border-bottom: 1px dashed var(--bt);
    font-size: 1.5rem;
}
.flt_donate .donate_call a {
    display: block;
}
/* .flt_donate .donate_call:hover {
    color: var(--pc3);
} */
.flt_donate em {
    display: block;
}
.flt_donate strong {
    font-weight: 600;
}
.flt_btns {
}
.flt_btns_inner {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 4px 0; 
}
.flt {
    padding: 8px;
    text-align: center;
    font-size: 1.4rem;
    background-color: #ffffff88;
    /*background: rgba(255, 255, 255, .6);*/
    backdrop-filter: blur(5px);
    color: var(--pc2);
    width: 100%;
    box-shadow: 0 0 8px #19345F36;
	border: 1px solid transparent;
}
.flt:hover {
	border: 1px solid var(--pc1);
	background-color: #fff;
}
/* 유튜브 링크의 경우 */
.flt:has(i) {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #c4302b;
}
.flt i {
	background: url(/img/youtube_icon-b726386a226bc5e6061b14660109a787.png) no-repeat center center;
	background-size: cover;
	width: 24px;
	height: 24px;
	border-radius: 999px;
}

.flt_view_toggle {
    border-radius: 999px;
    aspect-ratio: 1/1 auto;
    font-size: 1.4rem;
    width: 100%;
    padding: 8px;
	background: #fff url(/img/sidebar_bg-a79242190b0169676f34772daa5b68e9.png) no-repeat bottom right;
	background-size: cover;
	color: var(--pc1);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 8px #19345F36;
    border: 1px solid #fff;
    word-break: keep-all;
    display: none;
}
/* .flt_view_toggle i {
    width: 8px;
    height: 8px;
    background: url(/img/arrow_down_white_vector-8ba4152bb05bb7af13201b266e7a9c43.png) no-repeat center center;
    background-size: contain;
} */

/* ###### sidebar ###### */
.sidebar_title {
    background: #fff url(/img/sidebar_bg-a79242190b0169676f34772daa5b68e9.png) no-repeat center center;
    background-size: cover;
    padding: 30px;
    border-bottom: 1px solid var(--pc2);
}
.sidebar_title h2 {
    color: var(--pc2);
}
.sidebar ul {


}
.sidebar li {

}
.sidebar li + li {

} 
.sidebar a {
    display: block;
    padding: 12px;
    padding-right: 32px;
    background: url(/img/arrow-efd9fd58ffee12f68b37935d75320091.png) no-repeat center right;
    background-size: auto 32px;
    border-bottom: 1px solid var(--bt);
}
.sidebar a:hover {
    color: var(--pc2);
    background: url(/img/arrow_blue-8084209b3e16eb4afdbda7c336704d84.png) no-repeat center right;
    background-size: auto 32px;
}
.sidebar a.active {
    background: var(--info-sub) url(/img/arrow_blue-8084209b3e16eb4afdbda7c336704d84.png) no-repeat center right;
    background-size: auto 32px;
    border-bottom: 1px solid var(--pc2);
    color: var(--pc2);
}

/* ###### sub_contents ###### */
.sub_visu {
    border: 9px solid var(--bgs);
    background: url(/img/sub_visu_bg-36af44f2deca358beb272c88e66f7802.png) no-repeat center right 30px;
    background-size: auto 48%;
    padding: 40px;
    margin-bottom: 20px;
}
.sub_visu_title {
    font-size: 3.2rem;
}
.sub_visu p {
    font-size: 1.8rem;
}

/* location */
.location {
    display: flex;
    align-items: center;
    background: var(--pc2);
    padding: 2px 4px;
    margin-bottom: 16px;
}
.location li {
    color: #fff;
    font-weight: 400;
}
.location .home {
    width: 20px;
    height: 20px;
    background: url(/img/home-ca88ad2ed295eca5439bbc274212499f.png) no-repeat center center;
    background-size: 72%;
}
.location .down {
    width: 20px;
    height: 20px;
    background: url(/img/arrow_white-0fa2175c5f2e28cb7f80650d95f7b663.png) no-repeat center center;
    background-size: cover;
}




/* total_search_box */
.total_search_box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}
.total {
    display: flex;
    align-items: center;
    gap: 10px;
}
.total span {
    font-size: 1.4rem;
}
.total em {
    font-weight: 600;
    color: var(--pc2);
}
.search_box {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}
.search_box select {
/*    font-size: 1.4rem;*/
    width: 30%;
}
.search_box span{
    border: 1px solid var(--bt);
    display: flex;
    flex: 1;
}
.search_box span input {
    padding: 10px;
    flex: 1;
    border: none;
}
.search_box span button {
    padding: 8px;
    background-color: var(--bgs);
    color: var(--tt);
    white-space: nowrap;
}

#searchForm {
	display: flex;
	gap: 6px;
	align-items: stretch !important;
}



/* ###### board_:게시판 관련 ###### */
/* board_wrap table  */
.board_wrap table {
    border-collapse: collapse;
    width: 100%;
}
.board_wrap th,
.board_wrap td {
}
.board_wrap td {
    border-bottom: 1px solid var(--bt);
    text-align: center;
	padding: 12px 8px;
}
.board_wrap .t_align_l {
    text-align: left;
}
.board_wrap th {
    font-weight: 400;
    background-color: var(--bgs);
    white-space: nowrap;
    padding: 8px;
}
.board_wrap a {
    display: block;
}
.board_wrap a:hover {
    color: var(--pc2);
}
.m_t_block {
    display: none;
}

.board_wrap .t_title {
	width: 60%;
}
.board_wrap .t_shorten {
	width: 100%;
/*    white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.board_wrap .t_name {
	width: 10%;
}
.board_wrap .t_date {
	white-space: nowrap;
}
.new_post {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-bottom: -3px;
	background: url(/img/new_icon-3b453158db01bc850c0eed181d10dfba.png) no-repeat center center;
	background-size: contain;
}




/* 공지용 tr */
.board_notice .t_title {
    color: var(--pc1);
    font-weight: 600;
}


.board_notice td {
}
.board_pin {
    color: var(--pc1);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 1.4rem;
}
.board_pin i {
    width: 14px;
    height: 14px;
    border: 1px solid #000;
}






/* view_wrap 게시글 뷰  */
.view_wrap {

}
.view_wrap img {
	width: 100%;
}
.view_title {
}
.view_title h3 {
    font-size: 2rem;
    font-weight: 600;
}
.view_info {
    border-bottom: 1px solid var(--bt);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 0;
}
.view_info p {
    color: var(--tdis);
    font-size: 1.4rem;
}
.view_info p span {}
.view_content {
    padding: 16px 0;
    /* border: 1px solid #000; */
}
.view_content textarea {
	padding: 16px;
	outline: none;
	border: 1px solid var(--bp);
}
.view_content ul li {
    list-style: armenian;
}
.view_content ul,
.view_content ol {
    padding-left: 24px
}
.view_content ul,
.view_content ul li {
    list-style-type: disc;
}
.view_content ol, 
.view_content ol li {
    list-style-type: decimal;
}
.view_file_wrap {
    margin: 32px 0;
}
.view_file {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 12px 16px;
    gap: 8px;
    margin-bottom: 8px;
    box-shadow: 0 0 10px #19204512;
}
.view_file_label {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 1.4rem;
    width: 80px;
}
.view_file_label p {
	word-break: keep-all;
}
.view_file em {
    width: 24px;
    height: 24px;
    display: block;
}
.link_icon {
	background: url(/img/clip-62c656a527a879aa7d45f417fb19dd4c.png) no-repeat center center;
	background-size: contain;
}
.file_icon {
	background: url(/img/file_icon-09250eaadbd1c1bb9ecbce548dd885a9.png) no-repeat center center;
	background-size: contain;
}
.file_list {

}
.view_file a {
    font-weight: 400;
    font-size: 1.4rem;
    display: block;
    color: var(--tsi);
}
.view_file a:hover {
    text-decoration: underline;
}
.view_content {
	
}
.view_content * {
	max-width: 100%;
}
.view_content p {
	max-width: 100%;
	word-break: break-all;
}
.view_content img {
	max-width: 100%;
	display: block;
}
.view_move {
    border-top: 1px solid var(--bt);
}
.view_move_box {
    border-bottom: 1px solid var(--bt);
}
.view_move_box a {
    display: flex;
    align-items: center;
    padding: 12px 0;
    gap: 24px;
}
.view_move_box a:hover {
    background-color: #F2F4F8;
}
.view_move_box .prev_icon,
.view_move_box .next_icon {
    width: 24px;
    height: 24px;
    display: block;
}
.view_move_box .prev_icon {
    background: url(/img/up_arrow-44b247e6a710fa8ef9885f81f5d37ad7.png) no-repeat center center;
    background-size: cover;
}
.view_move_box .next_icon {
    background: url(/img/down_arrow-cc5e7e80c898ed1eae7dffb0c5b382f2.png) no-repeat center center;
    background-size: cover;
}
.post {
    display: flex;
    align-items: center;
    width: 100px;
    gap: 8px;
}
.post p {
    white-space: nowrap;
}

.view_move_box span {
    color: var(--ts);
    font-weight: 400;
    width: calc(100% - 108px);
/*	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

/* write_wrap 게시글 작성  */
.write_wrap .agree_chk {
    padding: 12px;
    background-color: var(--bgs);
}
.write_wrap .agree_chk:has(input:checked) {
    background-color: var(--info-sub);
}
.write_wrap input {
    border: none;
    border-bottom: 1px solid var(--bt);
    padding: 8px;
    font-size: 1.4rem;
}
.write_wrap .view_title input {
    padding: 20px 0;
    font-size: 1.8rem;
}
.write_wrap .view_file {
    align-items: center;
}
.write_wrap .view_file_list {
    flex: 1;
}

/* 댓글영역 */
.comment_wrap {
    margin: 24px 0;
}
.c_gun {

}
.c_gun strong {
    color: #ff8c00;
}
.c_enter {
    display: flex;
	margin-top: 8px;
    width: 100%;
}
.c_enter textarea {
    width: calc(100% - 100px);
    border: 1px solid var(--bt);
    padding: 8px;
    outline: none;
    resize: vertical;
    min-height: 100px;
}
.c_enter .enter_btn {
    width: 100px;
    background-color: var(--bgt);
    color: var(--tsi);
}
.comment_list {
    background-color: #F2F4F8;
    padding: 12px;
    padding-top: 4px;
    margin-top: 12px;
}
.comment_list li + li {
    margin-top: 12px;
}
.c_detail_wrap {
    margin-top: 8px;
}
.c_detail_wrap + .c_detail_wrap {
	
}
.c_detail_box,
.c_user_info {
    display: flex;
    align-items: center;
}
.c_detail_box {
    gap: 12px;
}
.c_user_info {
    gap: 6px;
}
.user_nick {
    font-weight: 700;
    color: var(--ts);
}
.enter_time {
    font-size: 1.4rem;
    color: var(--tdis);
}
.profile_img {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 1px solid #000;   
}
.profile_img img {
    width: inherit;
    height: inherit;
    object-fit: cover;
    display: block;
}
p.c_detail_box{
    padding: 8px 0;
    white-space: pre-line;
    word-break: break-all;
}
.c_btn_wrap {
    display: flex;
    align-items: center;
    gap: 4px;
	border-bottom: 1px solid var(--bt);
    padding-bottom: 12px;
}
.c_btn_wrap button {
    font-size: 1.4rem;
    font-weight: 500;
    cursor: pointer;
    background: transparent;
}
.c_add_icon {
    width: 24px;
    height: 40px;
    background: url(/img/ocl-b7178ebe234990405d9651ae426b4e2c.png) no-repeat center center;
    background-size: contain;
    margin-right: 12px;
}
.c_btn_modi {
    color: var(--suc);
}
.c_btn_del {
    color: var(--focus-ring);
}
.c_btn_re {
    color: var(--ts);
}
.c_btn_cancel {
	color: var(--tdis);
	margin-top: 10px;
	padding: 6px 10px;
	/*border: 1px solid var(--tdis);*/
}
.c_btn_wrap button.c_btn_cancel {
	background: var(--bgt);
}

/* 개발 후 css 추가설정 */
.write-reply-area {
	overflow: hidden;
}
.write-reply-area textarea {
	float: left;
}
.write-reply-area .c_add_icon {
	display: none;
}
.write-reply-area .enter_btn {
	height: 100px;
}
.reply_list {
	width: 100%;
}





/* ###### gallery_wrap: 갤러리형 게시판 ####### */
.media_list {
    display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.media_list li {
    /*width: calc(100% / 5 - 20px);*/
    width: calc(100% / 3 - 16px);
}
.media_list li:hover .media_title {
    color: var(--pc2);
}
.media_list li > a {
    display: block;
    width: 100%;
}
.media_list .thum {
    width: 100%;
	aspect-ratio: auto 16/9;
	border: 1px solid transparent;
	margin-bottom: 6px;
    border-radius: 12px;
    overflow: hidden;
}
.media_list .thum img {
	width: 100%;
	height: 100%;
	object-fit:  cover;
	display: block;
}
.media_title {
    width: 100%;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.post_info {
	display: flex;
	justify-content: space-between;
    font-size: 1.4rem;
}
.media_list .hit {
	font-size: 1.4rem;
    color: var(--tdis);
    display: block;
}
/*.post_hit {
    font-size: 1.2rem;
    color: var(--tdis);
    display: block;
}
*/




/* ###### table_form_wrap: 테이블 사용 기본 입력폼 ####### */
.table_form_wrap {
    border-top: 2px solid var(--bt);
}
.table_form_wrap table {
    width: 100%;
    border-collapse: collapse;
}
.table_form_wrap input {
    border: 1px solid var(--bt);
    padding: 8px;
}
.table_form_wrap textarea {
    border: 1px solid var(--bt);
    padding: 8px;
    display: block;
    height: 120px;
}
.input_align_row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.input_align_row.middle {
    align-items: center;
}
.input_align_row.center {
    justify-content: center;
}
.input_align_row.between {
    justify-content: space-between;
}
/* .input_align_row:has(.guide_ment) {
    align-items: center;
} */
.input_align_col {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.input_align_col.start {
    align-items: flex-start;
}
.table_form_wrap .btn_common {
    font-size: 1.4rem;
    padding: 8px;
}
.table_form_wrap .guide_ment {
    font-size: 1.4rem;
    color: var(--tdis);
}




/* t_form_1 : 회원가입 정보입력 폼 */
.t_form_1 th {
    width: 20%;
    font-weight: 400;
    text-align: left;
    background-color: var(--bgs);
}
.t_form_1 td {
    width: 80%;
}
.t_form_1 th,
.t_form_1 td {
    padding: 8px;
    border-bottom: 1px solid var(--bt);
}



/* ###### 회원가입 약관 ####### */

.agree_chk {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}
.agree_chk:hover {
    color: var(--pc2);
}
.agree_chk:has(input:checked) {
    color: var(--pc2);
    font-weight: 600;
}
.agree_chk.total {
    padding: 12px;
    border-top: 1px solid var(--tt);
    border-bottom: 1px solid var(--tt);
    margin-bottom: 12px;
}

.agree_chk.total:has(input:checked) {
    background: var(--info-sub);
    border-top: 1px solid var(--pc2);
    border-bottom: 1px solid var(--pc2);
}
.agree_chk_box + .agree_chk_box {
    /* margin-top: 10px; */
}
.agree_chk.single {
    background-color: var(--bgt);
    padding: 12px;
    border-top: 1px solid var(--bt);
    border-bottom: 1px solid var(--bt);
}
.agree_chk.single:has(input:checked) {
    background: var(--info-sub);
    border-top: 1px solid var(--pc2);
    border-bottom: 1px solid var(--pc2);
}
.agree_detail {
    padding: 12px;
    border-bottom: 1px solid var(--bt);
}
.over_scroll {
    overflow: auto;
    height: 100px;
}
.agree_detail table {
    width: 100%;
    border-collapse: collapse;
}
.agree_detail th,
.agree_detail td {
    font-size: 1.4rem;
    border: 1px solid var(--bt);
    padding: 8px;
}
.agree_detail th {
    font-weight: 500;
    background-color: var(--bgs);
}
.agree_detail td {}








/* ###### 20250519 소스 전달 후 작업 중 프로젝트소스에 복붙할것. 여기서부터. ####### */

/* ######## 컨텐츠 수정영역 CSS ######## */
.e_modify_file,
.e_com_btn {
    display: none;
}
.edit_img {
    width: 100%;
}
.edit_img img {
    width: inherit;
    height: inherit;
    object-fit: contain;
    display: block;
}
.e_modify_file {
    border: 1px solid var(--pc1);
}
.edit_mode .e_modify_file,
.edit_mode .e_com_btn {
    display: inline-block;
}
.edit_mode .e_modify_btn {
    display: none;
}
.edit_txt_box .edit_txt:focus {
    box-shadow: 0 0 6px #006aff64;
}
.edit_txt_box .edit_txt {
    display: none;
    width: 100%;
    resize: none;
    padding: 8px;
    line-height: 1.6;
    box-sizing: border-box;
    outline: none;
    border: 1px solid var(--pc1);
}
.edit_txt_box .edit_txt + .edit_txt {
    margin-top: 12px;
}
.edit_txt_box .view_txt {
    white-space: pre-line; /* 줄바꿈 유지 */
}
.edit_txt_box .view_txt + .view_txt {
    margin-top: 16px;
}

.edit_mode .edit_txt {
    display: block;
}
.edit_mode .view_txt {
    display: none;
}

/* ######## NEW!!! 취소버튼 추가 ######## */
.e_cancel_btn {
    display: none;
}

.edit_mode .e_cancel_btn {
    display: inline-block;
}

/* ######## greet_wrap: 인사말 ######## */
.greet_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.greet_wrap .edit_img_box {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.greet_wrap .edit_img {
    max-width: 100%;
}
.greet_wrap .edit_txt_box {
    flex: 1;
}
.greet_1_view,
.greet_1_edit {
    font-size: 3rem;
    font-weight: 800;
}
.greet_2_view,
.greet_2_edit {
    font-size: 2rem;
}
.greet_3_view,
.greet_3_edit {
    font-size: 2rem;
    font-weight: 700;
}


/* ######## organ_wrap: 조직도 ######## */
.organ_wrap .edit_img {
    height: 460px;
    margin: 16px 0;
}
.organ_wrap .edit_txt_box {
    display: flex;
    width: 100%;
    gap: 24px;
    margin-top: 36px;
}
.organ_1_view,
.organ_1_edit,
.organ_3_view,
.organ_3_edit,
.organ_5_view,
.organ_5_edit {
    font-weight: 700;
    font-size: 1.8rem;
}

.organ_wrap .view_edit {
    width: 33%;
}


/* ######## map: 조직도 ######## */
/* 오시는 길 등 상세정보 */
.k_map .root_daum_roughmap .cont {
    /* display: none; */
    margin-bottom: 20px;
    overflow: visible;
}
.k_map .root_daum_roughmap_landing {
    width: 100% !important;
    z-index: 0;
}

.k_map .root_daum_roughmap .cont .section{
	padding: 20px 0;
	margin: 0 0;
}
.k_map .root_daum_roughmap .section_address > div {
	display: flex;
	align-items: center;
}
.k_map .root_daum_roughmap .section_address .tit {
	font-size: 22px;
	float: none;
	line-height: 1.6;
}
.k_map .root_daum_roughmap .section_address .txt {
	font-size: 22px;
	line-height: 1.6;
}
.k_map .root_daum_roughmap .section .title {
	font-size: 22px;
	float: none;
	line-height: 1.6;
}

.k_map .root_daum_roughmap .section_subway .wrap_list li a {
	font-size: 20px;
	line-height: 1.6;
}

.k_map .root_daum_roughmap .section_subway .wrap_list li {
	display: flex;
	align-items: center;
}
.k_map .root_daum_roughmap .section_busstop .wrap_list {
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
}
.k_map .root_daum_roughmap .section_busstop .wrap_list li {
	display: flex;
	align-items: center;
}
.k_map .root_daum_roughmap .section_busstop .wrap_list li a {
	font-size: 20px;
	line-height: 1.6;
}
.k_map .root_daum_roughmap .section_busline .wrap_list .txt .txt_item {
	font-size: 20px;
	line-height: 1.6;
}
.k_map .root_daum_roughmap .section_busline .how_way .txt_bar {
	display: none;
}
.k_map .root_daum_roughmap .section_busline .wrap_list .txt {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
.k_map .root_daum_roughmap .section_busline .wrap_list li {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}
.direct_wrap {
    opacity: 0;
    transition: opacity 1s ease;
}
.direct_wrap.visible {
    opacity: 1;
}







/* ######## donate 기부금 랜딩페이지 ######## */
.donation .content_sec {
    margin-bottom: 52px
}
.content_sec.donate_act {
    position: relative;
    margin-bottom: 80px;
}
.donate_act_bg {
    background: var(--bgs) url(/img/donation_bg_full-45b1ee2068d9f4f4a7841d3fd8bc2659.png) no-repeat bottom right;
    background-size: contain;
    position: absolute;
    top: 40px;
    left: 40px;
    width: calc(100% - 40px);
    height: 100%;
    z-index: -1;
}
.donate_act_inner {
    background-color: #ffffffe7;
    box-shadow: 0 0 15px #B3BFDC38;
    padding: 32px;
    width: 80%;
}
.donate_act_inner h2 {
    word-break: keep-all;
}
.act_desc {
    margin-top: 16px;
    margin-bottom: 24px;
}
.act_desc p {
    color: var(--tdis);
    border-bottom: 1px solid var(--bt);
    padding-bottom: 6px;
    margin-bottom: 4px;
}
.act_desc strong {
    color: var(--tdis);
    font-weight: 600;
    font-size: 1.4rem;
}
.donate_link {
    width: 240px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #000;
    color: #fff;
    padding: 4px 12px;
    padding-right: 4px;
    transition: .2s;
}
.donate_link i {
    width: 40px;
    height: 40px;
    background: url(/img/next_arrow-5b336fd635892994dc657104af39f07e.png) no-repeat center center;
    background-size: cover;
}
.donate_link:hover {
    width: 250px;
    background: var(--pc1);
}
.invest_area {
    background-color: var(--bgs);
    padding: 36px 0;
    display: flex;
    border-top-right-radius: 64px;
}
.invest_area > li {
    width: 33%;
    padding: 0 36px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
}
.invest_area > li + li {
    border-left: 1px solid var(--bt);
}
.invest_img {
    width: 56%;
    margin: 0 auto;
}
.invest_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.invest_top h3 {
    color: var(--pc2);
    font-size: 2.2rem;
    margin-bottom: 12px;
}
.invest_dep1 li {
    color: var(--tdis);
}
.invest_dep1 li + li {
    margin-top: 12px;
}
.invest_dep1 h4 {
    font-weight: 600;
}
.benefit {}
.be_list {
    display: flex;
}
.be_list li {
    width: 25%;
    text-align: center;
    padding: 24px;
    position: relative;
}
.be_list li::after {
    content: attr(data-num);
    position: absolute;
    right: 16px;
    bottom: -28px;
    font-size: 6.4rem;
    font-weight: 800;
    color: var(--bgs);
    z-index: -1;
}
.be_list li + li {
    border-left: 1px solid var(--bt);
}
.be_list li i {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
}
.be_list li h4 {
    margin: 12px 0;
    font-size: 2rem;
    color: var(--pc2);
    word-break: keep-all;
}
.be_list li p {
    color: var(--tdis);
    word-break: keep-all;
    font-size: 1.4rem;
}
.be_list li[data-num="01"] i {
    background: url(/img/benefit_1-1d3e5507d53e57d645f651240a8d7a38.png) no-repeat center center;
    background-size: contain;
}
.be_list li[data-num="02"] i {
    background: url(/img/benefit_2-738518a24373856b42b6ea1adeefb20b.png) no-repeat center center;
    background-size: contain;
}
.be_list li[data-num="03"] i {
    background: url(/img/benefit_3-85b5b8d81ae8148fc2ce24f6904712ec.png) no-repeat center center;
    background-size: contain;
}
.be_list li[data-num="04"] i {
    background: url(/img/benefit_4-330cbc942dc471d16b39949e424d01c6.png) no-repeat center center;
    background-size: contain;
}

.dona_contact {
    border-top: 1px solid var(--bt);
    border-right: 1px solid var(--bt);
    display: flex;
}
.dc_box_wrap {
    width: 50%;
    border-left: 6px solid var(--pc2);
    display: flex;
    flex-direction: column;
}
.dc_box {
    flex: 1;
    border-bottom: 1px solid var(--bt);
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.dc_box > a {
    font-weight: 700;
}
.dc_box2 {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.dc_box2 p {
    color: var(--tdis);
}
.dc_box2 strong {
    font-size: 2rem;
}
.dc_box span {
    display: flex;
    gap: 8px;
    color: var(--pc2);
    font-weight: 600;
}
.dc_box i {
    width: 24px;
    height: 24px;
}
.d_call {
    background: url(/img/dc_call-eb42f5cc5b179bde1b3b360e2d8a29d2.png) no-repeat center center;
    background-size: contain;
}
.d_mail {
    background: url(/img/dc_mail-3113c39038a4d167676b07462cc08469.png) no-repeat center center;
    background-size: contain;
}
.d_heart {
    background: url(/img/dc_heart-82e3f01642bda934bda1b2fad17141bf.png) no-repeat center center;
    background-size: contain;
}
.public {
    display: flex;
    gap: 16px;
    justify-content: space-between;
}
.public li {
    width: 33%;
    border-radius: 6px;
    border: 1px solid var(--bt);
    background-color: #fff;
}
.public li:hover {
    border: 1px solid var(--pc1);
    box-shadow: 0 0 10px #437df941;
}
.public li a {
    display: block;
    width: 100%;
    padding: 12px;
}
.public img {
    display: block;
    margin: 0 auto;
    width: 50%;
    height: inherit;
    object-fit: contain;
}

/* ###### Main 메인 ###### */
.container:has(.main_layout) {
    padding-bottom: 0;
}
.font_g {
    font-family: "GmarketSans";
}
.main_layout {
    background: url(/img/main_pat_1-d1592804b314601e55702af635803b78.png) no-repeat top 240px left 48px;
    background-size: 28% auto;
}
.main_title_wrap em {
    letter-spacing: 4px;
    font-weight: 200;
    color: var(--pc2)
}
.main_title_wrap p {
    word-break: keep-all;
}
.main_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_title h1 {
    font-size: 3.2rem;
}
.main_title .more_view {
    color: var(--pc2);
    display: flex;
    align-items: center;
    gap: 8px;
    transition: .3s;
    white-space: nowrap;
}
.main_title .more_view:hover {
    gap: 16px;
}
.main_title .more_view i {
    border-radius: 999px;
    width: 34px;
    height: 34px;
    background: var(--pc2) url(/img/next_arrow-5b336fd635892994dc657104af39f07e.png) no-repeat center center;
    background-size: contain;
}

/* mainSec_1 */
.mainSec_1 {
}
.mainSec_1 .inner {
    display: flex;
    gap: 24px;
}
.banner_wrap {
    width: 32%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.banner {
    border-radius: 12px;
    overflow: hidden;
}
.banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner_16_9 {
    aspect-ratio: 16/9 auto;
}
.banner_4_1 {
    aspect-ratio: 4/1 auto;
}
.sns_list {
    display: flex;
    gap: 16px;
    flex: 1;
}
.sns_list li {
    border-radius: 8px;
    width: 50%;
}
.sns_list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    font-weight: 500;
    height: 100%;
    word-break: keep-all;
}
.sns_list .insta {
    border: 1px solid #EB2E88;
    color: #EB2E88;
    background-color: #FFE3F0;
}
.insta i {
    width: 30px;
    height: 30px;
    background: url(/img/insta-7d4c3c571ef7a5c256048dc11a5c633a.png) no-repeat center center;
    background-size: contain;
}
.sns_list .blog {
    border: 1px solid #32B34A;
    color: #16a34a;
    background-color: #D6F2DB;
}
.blog i {
    width: 30px;
    height: 30px;
    background: url(/img/blog-c0b26c38ed025f1dbd8fc2af530541e5.png) no-repeat center center;
    background-size: contain;
}
.sns_list .youtube {
    border: 1px solid #D4272D;
    color: #D4272D;
    background-color: #FFDFE0;
}
.youtube i {
    width: 30px;
    height: 30px;
    background: url(/img/youtube_2-8cd54035329b54859310e7cb8d1a8905.png) no-repeat center center;
    background-size: contain;
}



/* main_slide_wrap */
.main_slide_wrap {
    width: 68%;
    border-radius: 16px;
    overflow: hidden;
    border: 2px solid transparent;
    background: #fff;
    height: 468px;
    box-shadow: 0 0 10px #072e5a31;
    position: relative;
}
.main_slide_wrap:hover {
    border: 2px solid var(--pc2);
}
.main_slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main_slide .slick-slide {
    position: relative;
    height: 468px;
}
.slide_title_wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #ffffffe8;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
    box-shadow: 0 0 10px #072e5a31;
}
.slide_title {
    font-size: 2.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 110px);
}
.slide_btn {
    display: flex;
    align-items: center;
    gap: 12px;
    position: absolute;
    right: 12px;
    bottom: 8px;
}
.slide_btn span {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    box-shadow: 0 0 10px #072e5a31;
    cursor: pointer;
}
.prevArrow {
    background: var(--pc2) url(/img/prev_arrow-288df92e9840b72ea26226f1d88b2e73.png) no-repeat center center;
    background-size: contain;
}
.nextArrow {
    background: var(--pc2) url(/img/next_arrow-5b336fd635892994dc657104af39f07e.png) no-repeat center center;
    background-size: contain;
}
.prevArrow:hover {
    background: var(--pc1) url(/img/prev_arrow-288df92e9840b72ea26226f1d88b2e73.png) no-repeat center center;
    background-size: contain;
}
.nextArrow:hover {
    background: var(--pc1) url(/img/next_arrow-5b336fd635892994dc657104af39f07e.png) no-repeat center center;
    background-size: contain;
}

/* mainSec_2 */
.mainSec_2 {
    padding: 80px 0;
}
.mainSec_2 .inner {
    display: flex;
    gap: 40px;
}
.mainSec_2 .inner > div {
    width: calc(50% - 20px);
}
.list_common {
    box-shadow: 0 0 10px #b3bfdc63;
    background-color: #fff;
    padding: 32px;
    margin-top: 20px;
    border-radius: 24px;
    border-top-left-radius: 0;
}
.list_common li > a {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    padding: 12px 0;
    border-bottom: 1px solid var(--bt);
    font-size: 1.8rem;
}
.list_common li > a:hover p {
    font-weight: 600;
}
.list_common li.new_up {
    color: var(--pc1);
    font-weight: 600;
    border-bottom: 1px solid var(--pc1);
}
.list_common li.new_up > a:hover p {
    font-weight: 800;
}
.list_common li p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .2s;
    flex:1;
}
.list_common .date {
	width: fit-content;
    font-size: 1.6rem;
    color: var(--tdis);
}
.list_common .new_up .date {
    color: var(--pc1);
}
.new_icon {
    width: 20px;
    margin-bottom: -3px;
}

/* mainSec_3 */
.mainSec_3 {
    background: url(/img/report_bg_total-10d52347f73fc25f86530f9f3f924ad5.png) no-repeat center center;
    background-size: cover;
}
.mainSec_3 .inner {
    display: flex;
    align-items: center;
    gap: 80px;
    padding: 80px 0;
}
.mainSec_3 .main_title {
    flex-direction: column;
    align-items: flex-start;
    margin: 24px 0;
}

.mainSec_3 .main_title_wrap {
    color: #fff;
}
.mainSec_3 .main_title_wrap em {
    color: #fff;
}
.mainSec_3 .more_view {
    color: #fff;
}
.mainSec_3 .more_view i {
    box-shadow: 0 0 10px #2430426b;
    background: #0158A8 url(/img/next_arrow-5b336fd635892994dc657104af39f07e.png) no-repeat center center;
    background-size: contain;
}
.mainSec_3 .secLeft {
    width: 20%;
}
.mainSec_3 .secRight {
    width: 80%;
}
.report_list {
    display: flex;
    gap: 24px;
}
.report_list li {
    border-radius: 12px;
    border-bottom-left-radius: 0;
    overflow: hidden;
    width: 50%;
    aspect-ratio: 16/9 auto;
    box-shadow: 0 0 10px #2430426b;
}
.report_list li a {
    position: relative;
    display: block;
    height: 100%;
}
.report_list li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.report_title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #ffffffc8;
    display: flex;
}
.report_title p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 12px;
    font-size: 1.8rem;
    width: calc(100% - 50px);
}
.report_title i {
    width: 50px;
    background: #e5e8eb url(/img/fire_1-fdb772408d967284b3219c3ee43ec076.png) no-repeat center center;
    background-size: auto 24px;
}
.report_list li:hover .report_title i {
    background: var(--pc1) url(/img/fire_2-6f2fd746105c04d0537cb1a2c714f0a0.png) no-repeat center center;
    background-size: auto 24px;
}
.report_list li:hover .report_title p {
    color: var(--pc1);
}


/* mainSec_4 */
.mainSec_4 {
    padding: 80px 0;
    background: url(/img/main_pat_2-b3e445eaa57cdcf1368e964818238dad.png) no-repeat bottom 40px right 36px;
    background-size: auto 30%;
}
.mainSec_4 .inner {
    display: flex;
    gap: 40px;
}
.mainSec_4 .inner > div {
    width: 50%;
}
.log_wrap {
    margin-top: 24px;
    box-shadow: 0 0 10px #b3bfdc63;
    border-radius: 16px;
    overflow: hidden;
    display: block;
    border: 1px solid transparent;
}
.log_wrap:hover {
    border: 1px solid var(--pc1);
}
.log_wrap:hover .log_title p {
    color: var(--pc1);
}
.log_thum {
    width: 100%;
    aspect-ratio: 16/9 auto;
    overflow: hidden;
}
.log_thum img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.log_title {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    padding: 16px;
}
.log_title p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 2rem;
}
.log_title em {
    color: var(--tdis);
    font-size: 1.4rem;
    width: fit-content;
    white-space: nowrap;
}

.broad_list {
    display: flex;
    gap: 24px;
    margin-top: 24px;
}
.broad_list li {
    width: 50%;
}
.broad_list li > a {
    display: block;
}
.broad_list li:hover .broad_title {
    color: var(--pc1);
}
.broad_thum {
    width: 100%;
    aspect-ratio: 16/9 auto;
    overflow: hidden;
    background-color: #000;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 12px;
}
.broad_thum img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.broad_title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



/* mainSec_5 */
.mainSec_5 {
    background-color: #F6F7FF;
    padding: 60px 0;
}
.mainSec_5 .public li {
    border: 1px solid transparent;
    box-shadow: 0 0 10px #7697c744;
}
.mainSec_5 .public li:hover {
    border: 1px solid var(--pc1);
}




/* 메인 팝업 슬라이드:main_pop_wap */
.main_pop_wrap {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #00000092;
    z-index: 999;
    padding: 16px 0;
    padding-bottom: 80px;
    overflow: auto;
}
.main_pop_wrap .inner {
	max-width: calc(100% - 92px - 92px);
}
.main_pop_header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    padding: 0 4px;
    padding-top: 40px;
    margin-bottom: 16px;
}
.main_pop_header h1 {
    color: #fff;
    text-align: center;
    font-size: 4rem;
}
.main_pop_header_l {
    display: flex;
    align-items: center;
    gap: 12px;
}
.main_pop_header_r {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    font-size: 1.8rem;
}
.pop_gun,
.pop_close {
    padding: 6px 12px;
    border-radius: 8px;
}
.pop_gun {
    background-color: var(--pc1);
    color: #fff;
}
.pop_close {
    background-color: #000000cf;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    text-align: left;
    gap: 10px;
    box-shadow: 0 0 10px #00000088;
}
.pop_close i {
    width: 24px;
    height: 24px;
    background: url(/img/cancle_2-a44620943924b2ced8edc7562e08a463.png) no-repeat center center;
    background-size: contain;
    border-radius: 999px;
}

.main_pop {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.main_pop.slick-initialized {
    opacity: 1;
}

.main_pop {

}

.pop_thum {
    display: block;
    /* border: 2px solid transparent; */
}
.pop_thum img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
.pop_thum:hover img {
    border: 2px solid var(--pc1);
}
.main_pop_wrap  .slick-prev,
.main_pop_wrap .slick-next {
	width: 64px;
	height: 64px;
	border-radius: 999px;
	box-shadow: 0 0 10px #00000064;
	z-index: 999;
}
.main_pop_wrap  .slick-prev {
	background: var(--pc1) url(/img/prev_arrow-288df92e9840b72ea26226f1d88b2e73.png) no-repeat center center;
	background-size: cover;
	left: -82px;
}
.main_pop_wrap .slick-prev:before {
	display: none;
}
.main_pop_wrap  .slick-next {
	background: var(--pc1) url(/img/next_arrow-5b336fd635892994dc657104af39f07e.png) no-repeat center center;
	background-size: cover;
	right: -82px;
}
.main_pop_wrap .slick-next:before {
	display: none;
}
.main_pop_wrap .slick-track {
}
.main_pop_wrap .slick-track > div{
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}





/* 회원정보 관리 주소검색창 관련 myinfo.jsp */
.post_pop_wrap {
	width: 100% !important;
	height: 400px !important;
	border: 1px solid var(--bp) !important;
}
.post_pop_wrap .popup_body {
	height: 560px !important;	
}


/* sweetalert 사이즈 조정 */
body .swal2-popup {
	width: 500px;
	max-width: 100%;
}
body .swal2-title {
	font-size: 2.4em !important;
	word-break: keep-all;
}
body .swal2-content {
	font-size: 1.8em !important;
}

body .swal2-styled {
	font-size: 1.6em !important;
}
body .swal2-html-container {
	font-size: 2rem !important;
}

/* 파일 내역 삭제 버튼  delete-btn */
.file_name {
	padding: 4px;
}
.file-item {
	display: flex;
	align-items: center;
	gap: 4px;
}
.file-item + .file-item {
	margin-top: 6px;
}
.delete-btn {
	width: 20px;
	height: 20px;
	background: var(--bgs) url(/img/cancle-1771e4a293407ceacbaaf5f281a901a3.png) no-repeat center center;
	background-size: contain;
}