@charset "utf-8";

/* fonts */
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url(../fonts/Pretendard-Bold.woff2) format('woff2'), url(../fonts/Pretendard-Bold.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url(../fonts/Pretendard-SemiBold.woff2) format('woff2'), url(../fonts/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url(../fonts/Pretendard-Medium.woff2) format('woff2'), url(../fonts/Pretendard-Medium.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url(../fonts/Pretendard-Regular.woff2) format('woff2'), url(../fonts/Pretendard-Regular.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url(../fonts/Pretendard-Light.woff2) format('woff2'), url(../fonts/Pretendard-Light.woff) format('woff');
}

@font-face {
    font-family: 'Nanum Myeongjo';
    src: url('https://cdn.jsdelivr.net/gh/wizfile/font/NanumMyeongjo.woff') format('woff');
	font-weight: 400;
    font-style: normal;
}


/* base */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: inherit; vertical-align: baseline; box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote::before, blockquote::after, q::before, q::after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
table caption {overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0;}
a {color: #111; text-decoration: none;}
label, img {vertical-align: middle;}
html {-webkit-text-size-adjust: antialiased; -moz-osx-font-smoothing: grayscale;}
input {-webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; appearance: none;}
:focus {outline: none !important; box-shadow: none !important;}
:focus-visible {outline: 1px solid #fff !important; box-sizing: border-box !important; box-shadow: 0 0 0 2px inset #111 !important;}
::placeholder {color: #B1B1B1 !important; font-weight: 400; letter-spacing: 0; font-size: 1.4rem;}
::-webkit-input-placeholder {color: #B1B1B1 !important; font-weight: 400; letter-spacing: 0;}
:-ms-input-placeholder {color: #B1B1B1 !important; font-weight: 400; letter-spacing: 0;}
a, button, input, select, div, li, span, p {-webkit-tap-highlight-color: rgba(0,0,0,.025);}

html {font-size: 62.5%;}
body {font-size: 1.6rem; font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', sans-serif; color: #111; background: #fff; line-height: 1.5; margin: 0; min-width: 320px;}
body.fixed {overflow: hidden;}

/* 사이트 전체 스크롤바 숨기기 */
html, body {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

/* 모든 요소의 스크롤바 숨기기 (선택사항) */
* {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

*::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

:root {
    --Black: #111111;
    --Black_bg: rgba(0,0,0,.5);
    --White: #ffffff;
    --BG_disable: #eaeaea;
    --BG_body: #f7f7f7;
    --BG_subbody: #f1f4f5;
    --Line_Default: #dedede;
    --Subbody_01: #767676;
    --Subbody_02: #999999;
    --Subbody_03: #b1b1b1;
    --Subbody_04: #cccccc;
    --Blue_100: #f0f8ff;
    --Blue_200: #a4d5f5;
    --Blue_300: #409ddc;
    --Blue_400: #046EB7;
    --Blue_500: #01538a;
    --Red_100: #fff1f1;
    --Red_200: #fca7a7;
    --Red_300: #fd5354;
    --Red_400: #ED3334;
    --Red_500: #bf1313;
    --Green_100: #f6fee4;
    --Green_200: #dcf998;
    --Green_300: #65b800;
    --Green_400: #4a9a00;
    --Green_500: #166e00;
    --Gray_100: #f5f5f5;
    --Gray_200: #e5e5e5;
    --Gray_300: #c3c5cb;
    --Gray_400: #B3B5BC;
    --Gray_500: #8a8c95;
    --Orange_100: #fff3e6;
    --Orange_300: #ffa443;
	--Orange_400: #ff8500;
    --Gold_100: #fffbeb;
    --Gold_400: #d97706;
    --SurfBlue_100: #f0f9ff;
    --SurfBlue_400: #026aa2;
	--Mint_200: #87d6f1;
	--Mint_300: #43b3d9;
    --Mint_400: #0b8cb7;
	--Mint_500: #006283;
    --Flash: #bef30f;
    --btn_bg: #e7ecef;
    --btn_bg-63: rgba(231, 236, 239, 0.63);
}

.black {color: var(--Black) !important;}
.black-bg {color: var(--Black_bg) !important;}
.white {color: #fff !important;}
.bg-disable {color: var(--BG_disable) !important;}
.bg-body {color: var(--BG_body) !important;}
.bg-subbody {color: var(--BG_subbody) !important;}
.line-default {color: var(--Line_Default) !important;}
.subbody-01 {color: var(--Subbody_01) !important;}
.subbody-02 {color: var(--Subbody_02) !important;}
.subbody-03 {color: var(--Subbody_03) !important;}
.subbody-04 {color: var(--Subbody_04) !important;}
.blue-100 {color: var(--Blue_100) !important;}
.blue-200 {color: var(--Blue_200) !important;}
.blue-300 {color: var(--Blue_300) !important;}
.blue-400 {color: var(--Blue_400) !important;}
.blue-500 {color: var(--Blue_500) !important;}
.red-100 {color: var(--Red_100) !important;}
.red-200 {color: var(--Red_200) !important;}
.red-300 {color: var(--Red_300) !important;}
.red-400 {color: var(--Red_400) !important;}
.red-500 {color: var(--Red_500) !important;}
.green-100 {color: var(--Green_100) !important;}
.green-200 {color: var(--Green_200) !important;}
.green-300 {color: var(--Green_300) !important;}
.green-400 {color: var(--Green_400) !important;}
.green-500 {color: var(--Green_500) !important;}
.gray-100 {color: var(--Gray_100) !important;}
.gray-200 {color: var(--Gray_200) !important;}
.gray-300 {color: var(--Gray_300) !important;}
.gray-400 {color: var(--Gray_400) !important;}
.gray-500 {color: var(--Gray_500) !important;}
.surf-blue-100 {color: var(--SurfBlue_100) !important;}
.surf-blue-400 {color: var(--SurfBlue_400) !important;}
.orange-100 {color: var(--Orange_100) !important;}
.orange-300 {color: var(--Orange_300) !important;}
.orange-400 {color: var(--Orange_400) !important;}
.gold-100 {color: var(--Gold_100) !important;}
.gold-400 {color: var(--Gold_400) !important;}
.mint-200 {color: var(--Mint_200) !important;}
.mint-300 {color: var(--Mint_300) !important;}
.mint-400 {color: var(--Mint_400) !important;}
.mint-500 {color: var(--Mint_500) !important;}
.flash {color: var(--Flash) !important;}
.btn-bg {color: var(--btn_bg) !important;}
.btn-bg-63 {color: var(--btn_bg_63) !important;}
.bg-gray {background-color: var(--BG_body) !important;}
.bg-blue-100 {background-color: var(--Blue_100) !important;}

.c-blue {color: var(--Blue_400) !important;}
.c-mint {color: var(--Mint_300) !important;}
.c-black {color: var(--Black) !important;}
.c-gray {color: var(--Gray_500) !important;}
.c-red {color: var(--Red_400) !important;}
.c-green {color: var(--Green_300) !important;}
.c-orange {color: var(--Orange_400) !important;}
.c-gold {color: var(--Gold_400) !important;}

.w10p {width: 10% !important;}
.w20p {width: 20% !important;}
.w25p {width: 25% !important;}
.w30p {width: 30% !important;}
.w40p {width: 40% !important;}
.w50p {width: 50% !important;}
.w60p {width: 60% !important;}
.w70p {width: 70% !important;}
.w75p {width: 75% !important;}
.w80p {width: 80% !important;}
.w90p {width: 90% !important;}
.w100p {width: 100% !important;}

.w16 {width: 1.6rem !important;}
.w20 {width: 2rem !important;}
.w24 {width: 2.4rem !important;}
.w30 {width: 3rem !important;}
.w32 {width: 3.2rem !important;}
.w40 {width: 4rem !important;}
.w48 {width: 4.8rem !important;}
.w50 {width: 5rem !important;}
.w56 {width: 5.6rem !important;}
.w60 {width: 6rem !important;}
.w64 {width: 6.4rem !important;}
.w70 {width: 7rem !important;}
.w72 {width: 7.2rem !important;}
.w80 {width: 8rem !important;}
.w88 {width: 8.8rem !important;}
.w90 {width: 9rem !important;}
.w96 {width: 9.6rem !important;}
.w100 {width: 10rem !important;}
.w120 {width: 12rem !important;}
.w150 {width: 15rem !important;}
.w160 {width: 16rem !important;}
.w200 {width: 20rem !important;}
.w240 {width: 24rem !important;}
.w300 {width: 30rem !important;}
.w320 {width: 32rem !important;}
.w400 {width: 40rem !important;}
.w480 {width: 48rem !important;}
.w500 {width: 50rem !important;}
.w560 {width: 56rem !important;}
.w600 {width: 60rem !important;}
.w640 {width: 640rem !important;}
.w800 {width: 80rem !important;}

.max-w100p {max-width: 100% !important;}
.max-w200 {max-width: 20rem !important;}
.max-w250 {max-width: 25rem !important;}
.max-w300 {max-width: 30rem !important;}
.max-w400 {max-width: 40rem !important;}
.max-w500 {max-width: 50rem !important;}
.max-w600 {max-width: 60rem !important;}
.max-w700 {max-width: 70rem !important;}
.max-w800 {max-width: 80rem !important;}

.h50p {height: 50% !important;}
.h100p {height: 100% !important;}

.h16 {height: 1.6rem !important;}
.h20 {height: 2rem !important;}
.h24 {height: 2.4rem !important;}
.h28 {height: 2.8rem !important;}
.h30 {height: 3rem !important;}
.h32 {height: 3.2rem !important;}
.h40 {height: 4rem !important;}
.h48 {height: 4.8rem !important;}
.h50 {height: 5rem !important;}
.h56 {height: 5.6rem !important;}
.h60 {height: 6rem !important;}
.h64 {height: 6.4rem !important;}
.h70 {height: 7rem !important;}
.h72 {height: 7.2rem !important;}
.h80 {height: 8rem !important;}
.h90 {height: 9rem !important;}
.h100 {height: 10rem !important;}
.h120 {height: 12rem !important;}
.h150 {height: 15rem !important;}
.h160 {height: 16rem !important;}
.h200 {height: 20rem !important;}
.h240 {height: 24rem !important;}
.h250 {height: 25rem !important;}
.h300 {height: 30rem !important;}
.h320 {height: 32rem !important;}
.h400 {height: 40rem !important;}
.h480 {height: 48rem !important;}
.h500 {height: 50rem !important;}
.h560 {height: 56rem !important;}
.h600 {height: 60rem !important;}

.mt-16 {margin-top: -1.6rem !important;}
.mt-8 {margin-top: -.8rem !important;}
.mt0 {margin-top: 0 !important;}
.mt2 {margin-top: .2rem !important;}
.mt4 {margin-top: .4rem !important;}
.mt5 {margin-top: .5rem !important;}
.mt8 {margin-top: .8rem !important;}
.mt10 {margin-top: 1rem !important;}
.mt12 {margin-top: 1.2rem !important;}
.mt15 {margin-top: 1.5rem !important;}
.mt16 {margin-top: 1.6rem !important;}
.mt20 {margin-top: 2rem !important;}
.mt24 {margin-top: 2.4rem !important;}
.mt30 {margin-top: 3rem !important;}
.mt32 {margin-top: 3.2rem !important;}
.mt40 {margin-top: 4rem !important;}
.mt48 {margin-top: 4.8rem !important;}
.mt50 {margin-top: 5rem !important;}
.mt56 {margin-top: 5.6rem !important;}
.mt64 {margin-top: 6.4rem !important;}
.mt80 {margin-top: 8rem !important;}
.mt100 {margin-top: 10rem !important;}
.mt120 {margin-top: 12rem !important;}
.mt140 {margin-top: 14rem !important;}
.mt160 {margin-top: 16rem !important;}

.mb0 {margin-bottom: 0 !important;}
.mb2 {margin-bottom: .2rem !important;}
.mb4 {margin-bottom: .4rem !important;}
.mb5 {margin-bottom: .5rem !important;}
.mb8 {margin-bottom: .8rem !important;}
.mb10 {margin-bottom: 1rem !important;}
.mb12 {margin-bottom: 1.2rem !important;}
.mb15 {margin-bottom: 1.5rem !important;}
.mb16 {margin-bottom: 1.6rem !important;}
.mb20 {margin-bottom: 2rem !important;}
.mb24 {margin-bottom: 2.4rem !important;}
.mb30 {margin-bottom: 3rem !important;}
.mb32 {margin-bottom: 3.2rem !important;}
.mb40 {margin-bottom: 4rem !important;}
.mb48 {margin-bottom: 4.8rem !important;}
.mb50 {margin-bottom: 5rem !important;}
.mb56 {margin-bottom: 5.6rem !important;}
.mb64 {margin-bottom: 6.4rem !important;}
.mb80 {margin-bottom: 8rem !important;}
.mb100 {margin-bottom: 10rem !important;}
.mb120 {margin-bottom: 12rem !important;}
.mb140 {margin-bottom: 14rem !important;}
.mb160 {margin-bottom: 16rem !important;}

.ml0 {margin-left: 0 !important;}
.ml2 {margin-left: .2rem !important;}
.ml4 {margin-left: .4rem !important;}
.ml5 {margin-left: .5rem !important;}
.ml8 {margin-left: .8rem !important;}
.ml10 {margin-left: 1rem !important;}
.ml12 {margin-left: 1.2rem !important;}
.ml15 {margin-left: 1.5rem !important;}
.ml16 {margin-left: 1.6rem !important;}
.ml20 {margin-left: 2rem !important;}
.ml24 {margin-left: 2.4rem !important;}
.ml30 {margin-left: 3rem !important;}
.ml32 {margin-left: 3.2rem !important;}
.ml40 {margin-left: 4rem !important;}
.ml48 {margin-left: 4.8rem !important;}
.ml50 {margin-left: 5rem !important;}
.ml56 {margin-left: 5.6rem !important;}
.ml64 {margin-left: 6.4rem !important;}
.ml80 {margin-left: 8rem !important;}
.ml100 {margin-left: 10rem !important;}
.ml120 {margin-left: 12rem !important;}
.ml140 {margin-left: 14rem !important;}
.ml160 {margin-left: 16rem !important;}

.mr0 {margin-right: 0 !important;}
.mr2 {margin-right: .2rem !important;}
.mr4 {margin-right: .4rem !important;}
.mr5 {margin-right: .5rem !important;}
.mr8 {margin-right: .8rem !important;}
.mr10 {margin-right: 1rem !important;}
.mr12 {margin-right: 1.2rem !important;}
.mr15 {margin-right: 1.5rem !important;}
.mr16 {margin-right: 1.6rem !important;}
.mr20 {margin-right: 2rem !important;}
.mr24 {margin-right: 2.4rem !important;}
.mr30 {margin-right: 3rem !important;}
.mr32 {margin-right: 3.2rem !important;}
.mr40 {margin-right: 4rem !important;}
.mr48 {margin-right: 4.8rem !important;}
.mr50 {margin-right: 5rem !important;}
.mr56 {margin-right: 5.6rem !important;}
.mr64 {margin-right: 6.4rem !important;}
.mr80 {margin-right: 8rem !important;}
.mr100 {margin-right: 10rem !important;}
.mr120 {margin-right: 12rem !important;}
.mr140 {margin-right: 14rem !important;}
.mr160 {margin-right: 16rem !important;}

.m-auto {margin: auto !important;}
.mt-auto {margin-top: auto !important;}
.mb-auto {margin-bottom: auto !important;}
.ml-auto {margin-left: auto !important;}
.mr-auto {margin-right: auto !important;}

.p0 {padding: 0 !important;}
.p4 {padding: .4rem !important;}
.p5 {padding: .5rem !important;}
.p8 {padding: .8rem !important;}
.p10 {padding: 1rem !important;}
.p15 {padding: 1.5rem !important;}
.p16 {padding: 1.6rem !important;}
.p20 {padding: 2rem !important;}
.p24 {padding: 2.4rem !important;}
.p30 {padding: 3rem !important;}
.p32 {padding: 3.2rem !important;}
.p40 {padding: 4rem !important;}
.p48 {padding: 4.8rem !important;}
.p50 {padding: 5rem !important;}
.p56 {padding: 5.6rem !important;}
.p60 {padding: 6rem !important;}
.p64 {padding: 6.4rem !important;}
.p72 {padding: 7.2rem !important;}
.p80 {padding: 8rem !important;}
.p100 {padding: 10rem !important;}
.p120 {padding: 12rem !important;}
.p140 {padding: 14rem !important;}
.p160 {padding: 16rem !important;}

.pt0 {padding-top: 0 !important;}
.pt2 {padding-top: .2rem !important;}
.pt4 {padding-top: .4rem !important;}
.pt5 {padding-top: .5rem !important;}
.pt8 {padding-top: .8rem !important;}
.pt10 {padding-top: 1rem !important;}
.pt12 {padding-top: 1.2rem !important;}
.pt15 {padding-top: 1.5rem !important;}
.pt16 {padding-top: 1.6rem !important;}
.pt20 {padding-top: 2rem !important;}
.pt24 {padding-top: 2.4rem !important;}
.pt30 {padding-top: 3rem !important;}
.pt32 {padding-top: 3.2rem !important;}
.pt40 {padding-top: 4rem !important;}
.pt48 {padding-top: 4.8rem !important;}
.pt50 {padding-top: 5rem !important;}
.pt56 {padding-top: 5.6rem !important;}
.pt60 {padding-top: 6rem !important;}
.pt64 {padding-top: 6.4rem !important;}
.pt72 {padding-top: 7.2rem !important;}
.pt80 {padding-top: 8rem !important;}
.pt100 {padding-top: 10rem !important;}
.pt120 {padding-top: 12rem !important;}
.pt140 {padding-top: 14rem !important;}
.pt160 {padding-top: 16rem !important;}

.pb0 {padding-bottom: 0 !important;}
.pb2 {padding-bottom: .2rem !important;}
.pb4 {padding-bottom: .4rem !important;}
.pb5 {padding-bottom: .5rem !important;}
.pb8 {padding-bottom: .8rem !important;}
.pb10 {padding-bottom: 1rem !important;}
.pb12 {padding-bottom: 1.2rem !important;}
.pb15 {padding-bottom: 1.5rem !important;}
.pb16 {padding-bottom: 1.6rem !important;}
.pb20 {padding-bottom: 2rem !important;}
.pb24 {padding-bottom: 2.4rem !important;}
.pb30 {padding-bottom: 3rem !important;}
.pb32 {padding-bottom: 3.2rem !important;}
.pb40 {padding-bottom: 4rem !important;}
.pb48 {padding-bottom: 4.8rem !important;}
.pb50 {padding-bottom: 5rem !important;}
.pb56 {padding-bottom: 5.6rem !important;}
.pb60 {padding-bottom: 6rem !important;}
.pb64 {padding-bottom: 6.4rem !important;}
.pb72 {padding-bottom: 7.2rem !important;}
.pb80 {padding-bottom: 8rem !important;}
.pb100 {padding-bottom: 10rem !important;}
.pb120 {padding-bottom: 12rem !important;}
.pb140 {padding-bottom: 14rem !important;}
.pb160 {padding-bottom: 16rem !important;}
.pb200 {padding-bottom: 20rem !important;}

.pl0 {padding-left: 0 !important;}
.pl4 {padding-left: .4rem !important;}
.pl5 {padding-left: .5rem !important;}
.pl8 {padding-left: .8rem !important;}
.pl10 {padding-left: 1rem !important;}
.pl12 {padding-left: 1.2rem !important;}
.pl14 {padding-left: 1.4rem !important;}
.pl15 {padding-left: 1.5rem !important;}
.pl16 {padding-left: 1.6rem !important;}
.pl20 {padding-left: 2rem !important;}
.pl24 {padding-left: 2.4rem !important;}
.pl30 {padding-left: 3rem !important;}
.pl32 {padding-left: 3.2rem !important;}
.pl40 {padding-left: 4rem !important;}
.pl48 {padding-left: 4.8rem !important;}
.pl50 {padding-left: 5rem !important;}
.pl56 {padding-left: 5.6rem !important;}
.pl60 {padding-left: 6rem !important;}
.pl64 {padding-left: 6.4rem !important;}
.pl72 {padding-left: 7.2rem !important;}
.pl80 {padding-left: 8rem !important;}
.pl100 {padding-left: 10rem !important;}
.pl120 {padding-left: 12rem !important;}
.pl140 {padding-left: 14rem !important;}
.pl160 {padding-left: 16rem !important;}

.pr0 {padding-right: 0 !important;}
.pr4 {padding-right: .4rem !important;}
.pr5 {padding-right: .5rem !important;}
.pr8 {padding-right: .8rem !important;}
.pr10 {padding-right: 1rem !important;}
.pr12 {padding-right: 1.2rem !important;}
.pr14 {padding-right: 1.4rem !important;}
.pr15 {padding-right: 1.5rem !important;}
.pr16 {padding-right: 1.6rem !important;}
.pr20 {padding-right: 2rem !important;}
.pr24 {padding-right: 2.4rem !important;}
.pr30 {padding-right: 3rem !important;}
.pr32 {padding-right: 3.2rem !important;}
.pr34 {padding-right: 3.4rem !important;}
.pr40 {padding-right: 4rem !important;}
.pr48 {padding-right: 4.8rem !important;}
.pr50 {padding-right: 5rem !important;}
.pr56 {padding-right: 5.6rem !important;}
.pr60 {padding-right: 6rem !important;}
.pr64 {padding-right: 6.4rem !important;}
.pr72 {padding-right: 7.2rem !important;}
.pr80 {padding-right: 8rem !important;}
.pr100 {padding-right: 10rem !important;}
.pr120 {padding-right: 12rem !important;}
.pr140 {padding-right: 14rem !important;}
.pr160 {padding-right: 16rem !important;}

.fs10 {font-size: 1rem !important;}
.fs11 {font-size: 1.1rem !important;}
.fs12 {font-size: 1.2rem !important;}
.fs13 {font-size: 1.3rem !important;}
.fs14 {font-size: 1.4rem !important;}
.fs15 {font-size: 1.5rem !important;}
.fs16 {font-size: 1.6rem !important;}
.fs18 {font-size: 1.8rem !important;}
.fs20 {font-size: 2rem !important;}
.fs24 {font-size: 2.4rem !important;}
.fs32 {font-size: 3.2rem !important;}
.fs40 {font-size: 4rem !important;}
.fs48 {font-size: 4.8rem !important;}
.fs56 {font-size: 5.6rem !important;}
.fs64 {font-size: 6.4rem !important;}
.fs72 {font-size: 7.2rem !important;}
.fs80 {font-size: 8rem !important;}

.fw300 {font-weight: 300 !important;}
.fw400 {font-weight: 400 !important;}
.fw500 {font-weight: 500 !important;}
.fw600 {font-weight: 600 !important;}
.fw700 {font-weight: 700 !important;}
.fw800 {font-weight: 800 !important;}

.lh16 {line-height: 1.6rem !important;}
.lh20 {line-height: 2rem !important;}
.lh22 {line-height: 2.2rem !important;}
.lh24 {line-height: 2.4rem !important;}
.lh28 {line-height: 2.8rem !important;}
.lh30 {line-height: 3rem !important;}
.lh32 {line-height: 3.2rem !important;}
.lh34 {line-height: 3.4rem !important;}
.lh40 {line-height: 4rem !important;}
.lh48 {line-height: 4.8rem !important;}

.t-left {text-align: left !important;}
.t-right {text-align: right !important;}
.t-center {text-align: center !important;}

.v-top {vertical-align: top !important;}
.v-middle {vertical-align: middle !important;}
.v-bottom {vertical-align: bottom !important;}

.f-clear:after {content: ''; height: 0; display: block; visibility: hidden; clear: both;}
* html .f-clear {height: 1%;}
.f-clear {display: block; min-height: 1%;}
.clear {clear: both;}
.f-left {float: left;}
.f-right {float: right;}
.astbl {display: table; width: 100%; height: 100%; overflow: hidden;}
.inbl {display: inline-block;}
.indent {text-indent: -1.1em; padding-left: 1.1em;}

.scroll {overflow: scroll;}
.scroll-x {overflow-x: scroll;}
.scroll-y {overflow-y: scroll;}
.scroll-auto {overflow: auto;}

.po-rel {position: relative;}
.po-ab {position: absolute;}

/* .show, .block {display: block !important;}
.hide {display: none !important;} */

.flex-row {display: flex; flex-direction: row !important;}
.flex-col {display: flex; flex-direction: column !important;}
.gap0 {gap: 0 !important;}
.gap4 {gap: .4rem !important;}
.gap8 {gap: .8rem !important;}
.gap10 {gap: 1rem !important;}
.gap12 {gap: 1.2rem !important;}
.gap16 {gap: 1.6rem !important;}
.gap20 {gap: 2rem !important;}
.gap24 {gap: 2.4rem !important;}
.gap28 {gap: 2.8rem !important;}
.gap32 {gap: 3.2rem !important;}
.gap40 {gap: 4rem !important;}
.gap48 {gap: 4.8rem !important;}
.gap56 {gap: 5.6rem !important;}
.gap64 {gap: 6.4rem !important;}
.gap72 {gap: 7.2rem !important;}
.gap80 {gap: 8rem !important;}
.gap100 {gap: 10rem !important;}
.gap120 {gap: 12rem !important;}

.jc-sb {justify-content: space-between !important;}
.ai-c {align-items: center !important;}
.ai-s {align-items: flex-start !important;}
.ai-e {align-items: flex-end !important;}
.jc-c {justify-content: center !important;}
.jc-s {justify-content: flex-start !important;}
.jc-e {justify-content: flex-end !important;}

.flex-wrap {flex-wrap: wrap !important;}
.flex-nowrap {flex-wrap: nowrap !important;}
.flex1 {flex: 1 !important;}
.flex0 {flex: 0 !important;}

.mo, .mo-block, .mo-flex {display: none !important;}
.pc, .pc-block {display: block !important;}
.pc-flex {display: flex !important;}

.scrollbar::-webkit-scrollbar {width: .8rem;}
.scrollbar::-webkit-scrollbar-thumb {background: #999; border-radius: .4rem;}
.scrollbar::-webkit-scrollbar-track {background: #f1f3f5; border-radius: .4rem;}

.scrollbar2::-webkit-scrollbar {width: .1rem; height: .1rem;}
.scrollbar2::-webkit-scrollbar-thumb {background: transparent;}
.scrollbar2::-webkit-scrollbar-track {background: transparent;}


/* form */
input[type=text], input[type=password], input[type=file], input[type=email], input[type=number], input[type=tel], input[type=search], input[type=url] {border-radius: .8rem; border: .1rem solid #DEDEDE; background: #fff; padding: 1.6rem; line-height: 2.2rem; font-size: 1.6rem; font-weight: 500; box-sizing: border-box; vertical-align: middle; color: #111;}
input[type=text]:disabled, input[type=password]:disabled, input[type=file]:disabled, input[type=email]:disabled, input[type=number]:disabled, input[type=tel]:disabled, input[type=search]:disabled, input[type=url]:disabled {background: #F1F3F5; color: #B1B1B1;}
input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=search]:focus, input[type=url]:focus {border: 1px solid #111; outline: none !important; box-shadow: none !important;}
input[type=text].lg, input[type=password].lg, input[type=file].lg, input[type=email].lg, input[type=number].lg, input[type=tel].lg, input[type=search].lg, input[type=url].lg {font-size: 1.8rem; line-height: 2.2rem; padding: 2rem;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type="number"] {-moz-appearance: textfield; appearance: textfield;}
input.nobo {border-color: transparent !important;}
input.valid:not(:placeholder-shown):not(:focus):valid {background: url(../images/ic_valid.svg) no-repeat calc( 100% - 1.2rem ) 50%;}
input:read-only {background: #fafafa;}

.inp-inlabel {position: relative; width: 100%; flex: 1;}
.inp-inlabel input {transition: all 0.3s ease; background-repeat: no-repeat; background-position: calc( 100% - 2.3rem ) 50%; width: 100%; padding: 1.6rem;}
.inp-inlabel label {position: absolute; top: 2rem; left: 1.6rem; font-size: 1.6rem; line-height: 1.6rem; color: #aaa; transition: all 0.3s ease; pointer-events: none;}
.inp-inlabel input.lg {padding: 2rem;}
.inp-inlabel input.lg + label {left: 2rem; top: 2.4rem; font-size: 1.8rem;}
.inp-inlabel input:focus {border: 1px solid var(--Black); padding-top: 3rem; padding-bottom: 1rem;}
.inp-inlabel input.lg:focus {padding-top: 3rem; padding-bottom: 1rem;}
.inp-inlabel input:focus + label, .inp-inlabel input:not(:placeholder-shown) + label {top: 1rem; font-size: 1.4rem;}
.inp-inlabel input.lg:focus + label, .inp-inlabel input.lg:not(:placeholder-shown) + label {top: 1.2rem;}
.inp-inlabel small {display: none; font-size: 1.4rem; margin-top: 1.2rem; text-align: left;}
.inp-inlabel small.show {display: inline-block !important;}
.inp-inlabel .error-message {color: var(--Red-400);}
.inp-inlabel .guide-message {color: var(--Subbody_01);}
.inp-inlabel .success-message {color: var(--Green_400);}
form.submitted .inp-inlabel input:invalid {border-color: var(--Red_400); background-image: url(../images/ic_input_alert.svg);}
form.submitted .inp-inlabel input:invalid + label ~ .error-message {display: block;}
.inp-inlabel input:focus:invalid + label + .error-message {display: none;}
.inp-inlabel input:not(:placeholder-shown):not(:focus) {border-color: var(--Line_Default, #DEDEDE);}
.inp-inlabel input:not(:placeholder-shown):not(:focus) + label {display: none;}
/* .inp-inlabel input:not(:placeholder-shown):not(:focus):valid {background-image: url(../images/ic_valid.svg);} */
.inp-inlabel input:read-only:focus {border-color: #DEDEDE;}
.inp-inlabel.fixed input.lg {padding-top: 3rem; padding-bottom: 1rem;}
.inp-inlabel.fixed input.lg + label, .inp-inlabel.fixed input.lg:not(:placeholder-shown) + label {top: 1.2rem; font-size: 1.4rem;}
.inp-inlabel.fixed input:not(:placeholder-shown):not(:focus) + label {display: block;}

.inp-file {display: flex; gap: 1.6rem;}
.inp-file input {display: none;}
.file-name {border-radius: .8rem; border: .1rem solid #DEDEDE; background: #fff; padding: 1.6rem; line-height: 2.2rem; font-size: 1.6rem; font-weight: 600; box-sizing: border-box; vertical-align: middle; color: #111; width: 100%; height: 6.4rem;}

.inp-search {padding-right: 4.6rem !important;}
.inp-search.lg {background-position:  calc( 100% - 2rem ) 50%; padding-right: 4.6rem !important;}

input[type=checkbox] {position: absolute; opacity: 0; pointer-events: none;}
input[type=checkbox] + label {display: inline-flex; align-items: flex-start; gap: .8rem; cursor: pointer; color: #444; line-height: 2.4rem; word-break: keep-all;}
input[type=checkbox] + label::before {content: ''; display: inline-block; width: 2.2rem; height: 2.2rem; background: url('../images/ic_checkbox_off.svg') no-repeat center / 100% 100%; transition: all 0.2s ease; flex: 0 0 2.2rem;}
input[type=checkbox]:checked + label::before {background-image: url('../images/ic_checkbox_on.svg');}
input[type=checkbox]:focus-visible + label {outline: 1px solid #fff !important; box-sizing: border-box !important; box-shadow: 0 0 0 2px inset #111 !important;}

input[type=radio] {position: absolute; opacity: 0; pointer-events: none;}
input[type=radio] + label {display: inline-flex; align-items: center; gap: .8rem; cursor: pointer; color: #444; line-height: 2.4rem; word-break: keep-all;}
input[type=radio] + label::before {content: ''; display: inline-block; width: 2.2rem; height: 2.2rem; background: url('../images/ic_radio_off.svg') no-repeat center / 100% 100%; transition: all 0.2s ease; flex: 0 0 2.2rem;}
input[type=radio]:checked + label::before {background-image: url('../images/ic_radio_on.svg');}
input[type=radio]:focus-visible + label {outline: 1px solid #fff !important; box-sizing: border-box !important; box-shadow: 0 0 0 2px inset #111 !important;}

textarea {border-radius: .8rem; border: 1px solid #DEDEDE; background: #fff; min-height: 10rem; padding: 2rem; box-sizing: border-box; resize: none; font-size: 1.6rem; line-height: 2.4rem; text-align: left; color: #111; width: 100%;}
textarea:disabled {background: #F1F3F5; color: #B1B1B1;}

.select {position: relative; display: inline-block; min-width: 12rem; text-align: left;}
.select select {display: none;}
.select::after {content: ''; position: absolute; top: 50%; right: 1.6rem; transform: translateY(-50%); pointer-events: none; background: url(../images/ic_select_arrow.svg) no-repeat center; width: 1.6rem; height: 1.6rem;}
.select div.selected-display {border: .1rem solid #DEDEDE; padding: 1.2rem 4rem 1.2rem 1.6rem; cursor: pointer; background-color: #fff; border-radius: .8rem; font-size: 1.6rem; line-height: 2.2rem;}
.select div.selected-display.active {color: #111;}
.select div.select-list {position: absolute; list-style: none; padding: 0; margin: 0; border: .1rem solid #DEDEDE; width: 100%; overflow-y: auto; background-color: #fff; z-index: 10; border-radius: .8rem; margin-top: .2rem; box-shadow: 0 1.2rem 1.6rem -.4rem rgba(16, 24, 40, 0.08), 0 .4rem .6rem -.2rem rgba(16, 24, 40, 0.03); pointer-events: none; visibility: hidden; transition: all .3s ease-in-out; opacity: 0;}
.select div.select-list.show {pointer-events: all; visibility: visible; opacity: 1;}
.select ul {display: block; max-height: 22rem; padding: .4rem 0; font-size: 1.6rem;}
.select ul li {padding: 1rem 4rem 1rem 1.6rem; cursor: pointer; line-height: 2.4rem; position: relative; white-space: nowrap;}
.select ul li:hover {background: #F7F7F7;}
.select .dropdown-list li.selected {background: #F7F7F7;}
.select .dropdown-list li.selected::after {content: ''; position: absolute; top: 50%; right: 1.6rem; width: 2rem; height: 2rem; background: url(../images/ic_select_check.svg) no-repeat center / 100% 100%; transform: translateY(-50%);}
.select.h64 div.selected-display {height: 6.4rem; font-size: 1.8rem; line-height: 2.8rem; padding: 1.6rem 1.9rem;}
.select.h56 div.selected-display {height: 5.6rem; font-size: 1.6rem; line-height: 2.4rem; padding: 1.6rem;}
.select .bs-head {display: none; gap: .8rem; justify-content: space-between; align-items: center; height: 7.2rem; border-bottom: .1rem solid #DEDEDE; padding: 2.4rem;}
.select .tit {display: block; font-size: 2rem; line-height: 2.4rem; font-weight: 700; text-align: left;}
.select .btn-close {display: block; width: 2.4rem; height: 2.4rem; background: url(../images/ic_close.svg) no-repeat center / 100% 100%; font-size: 1px; overflow: hidden; text-indent: -10rem;}

.inp-search-wrap {position: relative;}
.inp-search-wrap .inp-search {padding-right: 4.6rem !important; width: 100%;}
.inp-search-wrap .btn-search {background: url(../images/ic_search.svg) no-repeat center / 2rem 2rem; font-size: 1px; overflow: hidden; text-indent: -200px; display: inline-block; position: absolute; top: .8rem; right: .4rem; width: 4rem; height: 4rem; z-index: 1;
							  cursor: pointer; border: none; transition: all .2s;}
.inp-search-wrap .inp-search.lg ~ .btn-search {top: 1.3rem;}


/* button */
button[type=button], input[type=submit], input[type=button]  {cursor: pointer; border: 0; transition: all .2s;}
button[type=button]:disabled, input[type=submit]:disabled, input[type=button]:disabled {cursor: default; pointer-events: none;}
.btn, .btn.primary {display: inline-flex; padding: .8rem 1.3rem; justify-content: center; align-items: center; gap: .8rem; border-radius: .8rem; border: .1rem solid var(--blue_400); background: var(--Blue_400); color: var(--White); font-size: 1.4rem; text-align: center; font-weight: 600; line-height: 2.2rem; font-style: normal; white-space: nowrap; vertical-align: middle; height: 4rem; min-width: 8rem;}
.btn:hover, .btn.primary:hover {border-color: var(--Blue_300); background: var(--Blue_300); color: var(--White);}
.btn:focus, .btn.primary:focus {border-color: var(--Blue_400); background: var(--Blue_400); color: var(--White);}
.btn:disabled, .btn.primary:disabled {color: rgba(255,255,255,.7); opacity: .5;}
.btn.ssm {font-size: 1.2rem; font-weight: 500; line-height: 2rem; padding: .4rem .8rem; height: 2.8rem; min-width: 5.6rem;}
.btn.sm {font-size: 1.2rem; font-weight: 500; line-height: 1.6rem; padding: .7rem .9rem; height: 3.2rem;}
.btn.md {font-size: 1.4rem; font-weight: 600; line-height: 2.2rem; padding: .8rem 1.3rem; height: 4rem;}
.btn.xl48 {font-size: 1.6rem; font-weight: 600; line-height: 2rem; padding: 1.3rem 1.7rem; height: 4.8rem;}
.btn.xl56 {font-size: 1.6rem; font-weight: 600; line-height: 2rem; padding: 1.7rem 2.1rem; height: 5.6rem;}
.btn.xl64 {font-size: 1.8rem; font-weight: 600; line-height: 2.2rem; padding: 2rem 2.3rem; height: 6.4rem;}
.btn.xl72 {font-size: 2rem; font-weight: 600; line-height: 2.4rem; padding: 2.3rem 2.7rem; height: 7.2rem;}
.btn.xl80 {font-size: 2rem; font-weight: 600; line-height: 2.4rem; padding: 2.7rem 3.5rem; height: 8rem;}

.btn.black {border: 1px solid var(--Black); background: var(--Black); color: var(--White) !important;}
.btn.black:hover {border-color: #000; background: #000;}
.btn.black:focus {border-color: var(--Black); background: var(--Black);}
.btn.black:disabled {border-color: var(--BG_disable, #EAEAEA); background: var(--BG_disable); color: var(--White);}

.btn.gray {border: 1px solid var(--btn_bg-63); background: var(--btn_bg); color: var(--Black);}
.btn.gray:hover {border-color: var(--btn_bg-63); background: var(--btn_bg); color: var(--Black);}
.btn.gray:focus {border-color: var(--btn_bg-63); background: var(--btn_bg); color: var(--Black);}
.btn.gray:disabled {border-color: var(--btn_bg-63); background: var(--btn_bg); color: var(--Subbody_04);}

.btn.outline {border: 1px solid var(--Line_Default); background: var(--White); color: var(--Black);}
.btn.outline:hover {border-color: var(--Black); color: var(--Black);}
.btn.outline:focus {border-color: var(--Black); background: var(--Black); color: #fff;}
.btn.outline:disabled {border-color: var(--btn_bg-63); color: var(--Subbody_04);}

.btn.outline2 {border: 1px solid var(--Line_Default); background: var(--White); color: var(--Black);}
.btn.outline2:hover {border-color: var(--Green_400); background: var(--Green_100); color: var(--Green_400);}
.btn.outline2:focus {border-color: var(--Green_400); background: var(--Green_100); color: var(--Green_400);}
.btn.outline2:disabled {border-color: var(--btn_bg-63); color: var(--Subbody_04);}

.btn.outline-g {border: 1px solid var(--Green_400); background: var(--White); color: var(--Green_400);}
.btn.outline-g:hover {border-color: var(--Green_500); background: var(--Green_100); color: var(--Green_500);}
.btn.outline-g:focus {border-color: var(--Green_500); background: var(--Green_100); color: var(--Green_500);}
.btn.outline-g:disabled {border-color: var(--btn_bg-63); color: var(--Subbody_04);}

.btn.outline-blue {border: 1px solid var(--Blue_400); background: var(--White); color: var(--Blue_400);}
.btn.outline-blue:hover {border-color: var(--Blue_500); background: var(--Blue_100); color: var(--Blue_500);}
.btn.outline-blue:focus {border-color: var(--Blue_500); background: var(--Blue_100); color: var(--Blue_500);}
.btn.outline-blue:disabled {border-color: var(--btn_bg-63); color: var(--Subbody_04);}

.btn.darkgray {border: 1px solid var(--Subbody_01); background: var(--Subbody_01); color: var(--White);}
.btn.darkgray:hover {border-color: var(--Subbody_02); background: var(--Subbody_02); color: var(--White);}
.btn.darkgray:focus {border: 1px solid var(--Subbody_01); background: var(--Subbody_01); color: var(--White);}

.btn.lightgray {border: 1px solid var(--btn_bg-63, rgba(231, 236, 239, 0.63)); background: var(--btn_bg-63); color: var(--Black);}

.btn.blue {border: 1px solid var(--Blue_400); background: var(--Blue_400); color: var(--White);}
.btn.blue:hover {border-color: var(--Blue_300); background: var(--Blue_300); color: var(--White);}
.btn.blue:focus {border-color: var(--Blue_400); background: var(--Blue_400); color: var(--White);}

.btn.green {border: 1px solid var(--Green_400); background: var(--Green_400); color: var(--White);}
.btn.green:hover {border-color: var(--Green_300); background: var(--Green_300); color: var(--White);}
.btn.green:focus {border-color: var(--Green_400); background: var(--Green_400); color: var(--White);}

.btn.mint {border: 1px solid var(--Mint_300); background: var(--Mint_300); color: var(--White);}
.btn.mint:hover {border-color: var(--Mint_200); background: var(--Mint_200); color: var(--White);}
.btn.mint:focus {border-color: var(--Mint_300); background: var(--Mint_300); color: var(--White);}

.btn.orange {border: 1px solid var(--Orange_400); background: var(--Orange_400); color: var(--White);}
.btn.orange:hover {border-color: var(--Orange_300); background: var(--Orange_300); color: var(--White);}
.btn.orange:focus {border: 1px solid var(--Orange_400); background: var(--Orange_400); color: var(--White);}

.tbl-basic .btn {margin: -.6rem 0;}

.btn.round {border-radius: 8rem;}
.btn .ico {width: 1.4rem; height: 1.4rem;}
.btn-go {display: flex; gap: .4rem; align-items: center; font-size: 1.4rem;}
.btn-go::after {content: ''; width: 1.2rem; height: 1.2rem; flex: 0 0 1.2rem; background: url(../images/ic_arrow_right3.svg) no-repeat center / contain;}
.btn-go.black::after {background: url(../images/ic_arrow_right2_w.svg);}
.btn-txt {color: var(--Subbody_01); text-decoration: underline; white-space: nowrap; padding: 0 1.2rem; line-height: 2.4rem;}
.btn-txt2 {color: #fff; position: relative;}
.btn-txt2::after {content: ''; display: block; width: 100%; height: .1rem; background: #fff; position: absolute; bottom: -.4rem; left: 0;}

.btn-txt-go {color: var(--Black); text-decoration: underline; white-space: nowrap; padding: 0 .8rem; line-height: 1.8rem; background: transparent; display: flex; gap: .8rem; align-items: center; font-size: 1.4rem; font-weight: 500;}
.btn-txt-go::after {content: ''; display: block; width: 1.2rem; height: 1.2rem; flex: 0 0 1.2rem; background: url(../images/ic_arrow_right3.svg) no-repeat center / contain;}
.btn-txt-go-w {color: #fff; text-decoration: underline; white-space: nowrap; padding: 0 .8rem; line-height: 1.8rem; background: transparent; display: flex; gap: .8rem; align-items: center; font-size: 1.4rem; font-weight: 500;}
.btn-txt-go-w::after {content: ''; display: block; width: 1.2rem; height: 1.2rem; flex: 0 0 1.2rem; background: url(../images/ic_arrow_right3.svg) no-repeat center / contain; filter:invert();}
.btn-refresh {border-radius: 1rem; background: var(--Green_100, #F8F5FF) !important; color: var(--Green_500) !important; padding: .8rem !important;}
.btn-outline-w {display: flex; min-width: 20rem; padding: 1.6rem 2rem; justify-content: space-between; align-items: center; text-align: center; margin: 0 auto; border: .1rem solid var(--White) !important; background: transparent; color: var(--White); color: var(--White); font-size: 1.8rem; font-weight: 400; line-height: 2.2rem;}
.btn-outline-w::after {content: ''; width: 2rem; height: 2rem; display: block; background: url(../images/ic_arrow_right_w.svg) no-repeat center / contain;}

.btn-more {border-radius: .8rem; background: var(--White); box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); padding: 1rem 0; display: flex; gap: 1.6rem; align-items: center; font-size: 1.6rem;}
.btn-more::after {content: ''; display: block; width: 2rem; height: 2rem; background: url(../images/ic_arrow_down5.svg) no-repeat center / contain;}
.btn-more.active::after {transform: rotate(180deg);}
.btn-more2 {display: flex; width: 30%; max-width: 32rem; height: 4.8rem; padding: 1.4rem 1.8rem; justify-content: center; align-items: center; gap: .8rem; border-radius: .8rem; border: .1rem solid var(--Line_Default) !important; background: var(--White); color: var(--Black); text-align: center; font-size: 1.6rem; font-weight: 600; line-height: 2rem; margin: 0 auto;}
.btn-more2::after {display: block; content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/ic_add.svg) no-repeat center / contain;}

.btn-more3 {border-radius: .8rem; border: 1px solid var(--Line_Default); background: var(--White); display: flex; width: 100%; padding: 2rem 2.4rem 2rem 2.8rem; justify-content: center; align-items: center; gap: 8px; color: var(--Black); text-align: center; font-size: 1.8rem; font-weight: 600; line-height: 2.2rem;}
.btn-more3::after {display: block; content: ''; width: 2rem; height: 2rem; background: url(../images/ic_add.svg) no-repeat center / contain;}

.btn-more4 {width: 2rem; height: 2rem; display: flex; justify-content: center; align-items: center; background: #fff; font-size: 1px; text-indent: -200px; overflow: hidden;}
.btn-more4::after {content: ''; display: block; flex: 0 0 2rem; width: 2rem; height: 2rem; background: url(../images/ic_arrow_down5.svg) no-repeat center / 100% 100%;}
.btn-more4.active::after {transform: rotate(180deg);}
.btn-calendar {width: 2.4rem; height: 2.4rem; display: inline-block; border: .06rem solid var(--Line_Default) !important; border-radius: 1.2rem; overflow: hidden; text-indent: -200px; font-size: 1px; background: url(../images/ic_calendar.svg) no-repeat center / 2.4rem 2.4rem #fff;}
.btn-calendar2 {width: 2.4rem; height: 2.4rem; display: inline-block; overflow: hidden; text-indent: -200px; font-size: 1px; background: url(../images/ic_calendar2.svg) no-repeat center / 2rem 2rem #fff; margin-left: -4.4rem; margin-right: 1.2rem;}
.btn-filter {display: inline-block; border-radius: 1.6rem; border: 1px solid var(--Line_Default) !important; width: 3.2rem; height: 3.2rem; background: url(../images/ic_filter.svg) no-repeat center / 1.6rem 1.6rem; overflow: hidden; font-size: 1px; text-indent: -200px;}
.btn-viewtable, .btn-viewtable-m {width: 2.4rem; height: 2.4rem; background: url(../images/ic_download.svg) no-repeat center / 100% 100%; overflow: hidden; font-size: 1px; text-indent: -200px; display: inline-block;}
.btn-download2 {width: 2.4rem; height: 2.4rem; background: url(../images/ic_download2.svg) no-repeat center / 2rem auto; overflow: hidden; font-size: 1px; text-indent: -200px; display: inline-block;}
.btn img.gray {opacity: .7;}


/* popup */
/* .pop {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: var(--Black_bg); z-index: 10; display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .3s; padding: 2rem;} */
.pop {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: var(--Black_bg); z-index: 10; display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .3s; padding: 2rem; overflow-y: auto;}
.pop.show {visibility: visible; opacity: 1; pointer-events: all;}
.pop-container {display: flex; width: 100%; max-width: 40rem; padding: 3.2rem; flex-direction: column; justify-content: center; align-items: center; border-radius: .8rem; background: #fff; position: relative; max-height: 100%;}
.pop h3 {font-size: 2.4rem; font-weight: 700; line-height: 3.4rem; margin-bottom: 1.6rem;}
.pop p {text-align: center; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem}
.pop .btn-wrap {margin-top: 4rem; display: flex; gap: .8rem; width: 100%; justify-content: center;}
.pop .btn-wrap .btn {max-width: 24rem; width: 100%;}
.pop .btn-close {display: block; width: 3.2rem; height: 3.2rem; background: url(../images/ic_close.svg) no-repeat center / 2.4rem 2.4rem #fff; border-radius: 50%; font-size: 1px; overflow: hidden; text-indent: -10rem; position: absolute; top: 1.6rem; right: 1.6rem;}


/* tooltip */
.tooltip {position: absolute; background-color: var(--Black); color: #fff; padding: .8rem 1.6rem; border-radius: .8rem; font-size: 1.4rem; pointer-events: none; transform: translateX(-50%); opacity: 0; transition: opacity 0.2s ease; font-weight: 400; text-align: center; transition: all .3s ease; width: max-content; max-width: 36.2rem; left: 50%; bottom: calc(100% + 1rem); z-index: 1;}
.btn-help:hover ~ .tooltip {opacity: 1;}
.tooltip::after {content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: .8rem .8rem 0 .8rem; border-color: var(--Black) transparent transparent transparent; position: absolute; left: 50%; top: 100%; transform: translate(-50%);}
.tooltip.right {left: auto; right: -1rem; transform: none;}
.tooltip.right::after {left: auto; right: .6rem;}
.tooltip.left {left: -1rem; transform: none;}
.tooltip.left::after {left: 2.2rem;}

.toast {position: absolute; background-color: var(--Black); color: #fff; padding: 1.2rem 1.6rem; border-radius: .8rem; font-size: 1.4rem; pointer-events: none; transform: translateX(-50%); opacity: 0; transition: opacity 0.2s ease; font-weight: 400; text-align: center; transition: all .3s ease; width: max-content; max-width: 36.2rem; left: 50%; bottom: calc(100% + 1rem); z-index: 1;}
.toast.show {opacity: 1;}


/* list */
.list-dot {font-size: 1.4rem; text-align: left;}
.list-dot > li {color: var(--Subbody_01); font-weight: 400; line-height: 1.5; position: relative; padding-left: 2rem; word-break: keep-all; margin-bottom: .4rem;}
.list-dot > li::before {content: ''; width: .3rem; height: .3rem; border-radius: .2rem; display: inline-block; background: var(--Subbody_01); position: absolute; top: 1rem; left: .8rem;}

.list-dot2 {padding-left: 0; position: relative; font-size: 1.6rem; text-align: left;}
.list-dot2 > li {color: var(--Black); font-weight: 400; line-height: 2.4rem; position: relative; padding-left: 2rem; word-break: keep-all; margin-bottom: .4rem}
.list-dot2 > li:last-child {margin-bottom: 0;}
.list-dot2 > li::before {content: ''; width: .4rem; height: .4rem; border-radius: .2rem; display: inline-block; background: var(--Black); position: absolute; top: .95rem; left: .8rem;}
.list-dot2 .list-dot {margin-top: .8rem; margin-left: -.8rem;}

.list-bar {text-align: left;}
.list-bar > li {color: var(--Subbody_01); font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; position: relative; padding-left: 2rem; word-break: keep-all;}
.list-bar > li::before {content: '-'; width: .4rem; height: .4rem; border-radius: .2rem; display: inline-block; position: absolute; top: 0; left: .8rem;}

.list-star {font-size: 1.2rem; display: flex; flex-direction: column; gap: .4em; text-align: left;}
.list-star > li {color: var(--Subbody_01); font-weight: 400; line-height: 2rem; position: relative; padding-left: 1em; word-break: keep-all;}
.list-star > li::before {content: '*'; display: inline-block; position: absolute; top: .2em; left: .2em;}

.list-num {text-align: left;}
.list-num > li {list-style: decimal; margin-left: 1.6rem; padding: .4rem 0;}
.list-num > li:first-child {padding-top: 0;}
.list-num > li:last-child {padding-bottom: 0;}


/* header */
.header {height: 100px; background: transparent; z-index: 10; position: fixed; top: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255,255,255,.8);}
.header.hover::before {opacity: 0;}
.header .header-container {width: 100%; margin: 0 auto; height: 65px; position: relative; z-index: 2; padding: 0 24px;}
.header h1 {font-size: 20px; display: inline-block; height: 100px; line-height: 100px; position: relative; z-index: 2;}
.header h1 img {vertical-align: middle; display: inline-block; width: 160px;}
.header .nav-wrap {display: inline-block; height: 100px; max-height: 100px; position: absolute; right: 0; left: 0; text-align: center; overflow: hidden; transition: max-height .5s ease-out; display: flex; top: 0; padding-left: 240px; align-items: flex-start;}
.header .nav-wrap::after {content: ''; position: absolute; top: 100px; left: 0; width: 100%; height: 800px; background: rgba(238, 246, 251, 0.95); backdrop-filter: blur(5px) brightness(1);}
.header.hover .nav-wrap {box-shadow: 0 10px 40px rgba(0,0,0,.1); height: auto; max-height: 600px;}
.header.hover .nav-wrap::before {content: ''; display: block; position: fixed; top: 0; left: 0; right: 0; height: 100px; background: rgba(255,255,255,.8); backdrop-filter: blur(15px); z-index: 1;}
.header .nav-wrap > ul {display: inline-block; position: relative; z-index: 1; text-align: left; margin-right: 20px; font-size: 0; vertical-align: top;}
.header .nav-wrap > ul > li {display: inline-block; line-height: 100px; position: relative; font-size: 16px; vertical-align: top; width: 140px; margin-right: 4px;}
.header .nav-wrap > ul > li > a {display: block; color: #111; font-size: 20px; font-weight: 500; padding: 0 15px; box-sizing: border-box; transition: all .3s ease; position: relative; border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; box-sizing: border-box; text-align: center;}
.header.hover .nav-wrap > ul > li > a {color: #111;}
.header .nav-wrap > ul > li:hover > a {color: #80B800; font-weight: 500;}
.header .nav-wrap > ul > li > a.active {color: #80B800 !important; font-weight: 600; position: relative;}
.header .nav-wrap > ul > li > a::after {content: ''; display: block; height: 2px; width: 0; background: #80B800; position: absolute; bottom: 20px; left: 50%; transition: width .3s ease; transform: translateX(-50%);}
.header .nav-wrap > ul > li:hover > a::after,
.header .nav-wrap > ul > li > a.active::after {width: 40%;}
.header .nav-wrap > ul > li > a.active::after {height: 3px;}
.header .nav-wrap > ul > li > ul {font-size: 1em; line-height: 1.4; width: 100%; padding-bottom: 1em; padding: 0 16px 20px; box-sizing: border-box; position: relative;}
.header .nav-wrap > ul > li > ul::after {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 800px; border-right: 1px solid #fff; box-sizing: border-box; background: #fff; opacity: 0; transition: .6s;}
.header .nav-wrap > ul > li:first-child > ul::after {border-left: 1px solid #fff;}
.header .nav-wrap > ul > li:hover > ul::after {opacity: 1;}
.header .nav-wrap > ul:hover > li > ul {display: block;}
.header .nav-wrap > ul > li > ul > li {padding: 1em 0 0; position: relative; z-index: 1;}
.header .nav-wrap > ul > li > ul > li > a {display: block; margin-bottom: 5px; font-size: 1em; letter-spacing: -.05em; color: #111;}
.header .nav-wrap > ul > li > ul > li > a span {display: inline-block; position: relative; word-break: keep-all;}
.header .nav-wrap > ul > li > ul > li > a:hover, .header .nav-wrap > ul > li > ul > li > a.active {color: #80B800;}
.header .nav-wrap > ul > li > ul > li > a:hover span, .header .nav-wrap > ul > li > ul > li > a.active span {text-decoration: underline;}
.header .nav-wrap > ul > li > ul > li > ul {font-size: .9em;}
.header .nav-wrap > ul > li > ul > li > ul > li {display: block;}
.header .nav-wrap > ul > li > ul > li > ul > li > a {display: block; padding: 4px 2px; letter-spacing: -.05em; color: #839ebf; line-height: 1.2; max-width: 150px;}
.header .nav-wrap > ul > li > ul > li > ul > li > a:hover, .header .nav-wrap > ul > li > ul > li > ul > li > a.active {color: #80B800;}
.header .nav-wrap .link {display: inline-flex; gap: 20px; padding: 0; vertical-align: top; color: #111; font-size: 15px;  margin-top: 42px; position: relative; z-index: 2; right: 24px; position: absolute;}
.header .nav-wrap .link a {display: inline-block; vertical-align: middle; font-weight: 400; color: #111; padding: 0;}
.header .nav-wrap .link a:hover {text-decoration: underline;}
.header .nav-wrap .link a img {vertical-align: middle; width: 20px; height: 20px; margin-right: 4px; margin-top: -2px;}
.header.hover .nav-wrap .link a {color: #111;}
.btn-menu {width: 48px; height: 48px; border: 0; background: url(../images/ic_nav.svg) no-repeat center / cover transparent; position: absolute; top: 24px; right: 24px; z-index: 2; transition: all .3s; display: none; overflow: hidden; text-indent: -9999px;}
.btn-menu:hover {background: url(../images/ic_nav_white.svg) no-repeat center / cover #046EB7;}

/* 스크롤시 header */
.header::before, .header.hover::before {content: ''; display: block; position: fixed; top: 0; left: 0; right: 0; height: 100px; background: rgba(255,255,255,.8); backdrop-filter: blur(15px); z-index: 1; opacity: 0; border-bottom: 1px solid rgba(0,0,0, .1); transition: opacity .3s;}
.header.float::before, .header.hover.float::before {opacity: 1;}
.header.float .nav-wrap {box-shadow: 0 10px 10px rgba(0,0,0,.04);}
.header.float .nav-wrap > ul > li > a {color: #111;}
.header.float .nav-wrap > ul > li:hover > a {color: #80B800;}
.header.float .nav-wrap .link a {color: #111;}


/* footer */
.footer {background: #2d2d2d; padding: 32px 0;}
.footer .inner {max-width: 1400px; margin: 0 auto; padding: 0 24px;}
.flink {margin-bottom: 2.0625em;}
.flink li {display: inline-block;}
.flink li a {font-size: 0.9375em; color: #aaa; font-weight: 400; border: 1px solid #aaa; height: 2.1875em; line-height: 2.0625em; padding: .4em 1.25em; border-radius: 0.25em; margin: 0 0.125em 0 0;}
.finfo {margin-bottom: 1.125em;}
.finfo li {color: #aaa; margin-bottom: 1.0625em; font-weight: 400; display: inline; word-break: keep-all;}
.finfo li::after {content: '|'; color: #666; margin: 0 1em; display: inline-block;}
.finfo li:last-child::after {display: none;}
.footer p {color: #aaa;}
.btn-top {position: fixed; right: 24px; bottom: 2.5em; width: 3.125em; height: 3.125em; border: none; border-radius: 3.125em; background: url(../images/ic_top.svg) no-repeat center / cover #eee; overflow: hidden; text-indent: -1000px;}


/* main */
.main-content {position: relative; z-index: 2; background: url(../images/main_bg1.jpg) no-repeat 100% 0 / auto 100% #dcf0f9; overflow: hidden;}
.main-content > .inner {padding: 180px 32px 80px; max-width: 1400px; margin: 0 auto; }
.main-con1 {line-height: 1.5; margin-bottom: 75px; letter-spacing: -.08em;}
.main-con1 .txt1 {font-size: 36px; font-weight: 400; line-height: 1.4; word-break: keep-all;}
.main-con1 .txt2 {font-size: 66px; margin-bottom: .25em; line-height: 1.2; word-break: keep-all;}
.main-con1 .txt3 {font-size: 20px; word-break: keep-all;}
.main-con2 {display: flex; flex-wrap: wrap; gap: 40px; width: 800px; margin-bottom: 80px;}
.main-con2 li {color: #111; position: relative; padding-left: 80px;}
.main-con2 li::before {display: inline-block; content: ''; width: 72px; height: 62px; background: url(../images/main_deco1.png) no-repeat center / contain; position: absolute; top: 0; left: 0;}
.main-con2 li:nth-child(2)::before {background-image: url(../images/main_deco2.png);}
.main-con2 li:nth-child(3)::before {background-image: url(../images/main_deco3.png);}
.main-con2 li:nth-child(4)::before {background-image: url(../images/main_deco4.png);}
.main-con2 li strong {font-family: 'Nanum Myeongjo'; font-size: 38px; font-weight: 500;}
.main-con2 li span {color: #19A6D3; font-size: 18px; display: block; margin-top: 8px; margin-left: 5px;}
.main-con3-4 { display: flex; gap: 100px;}
.slideshowA {width: 600px;}
.slideshowA .slick-arrow {width: 24px; height: 24px; background: url('') no-repeat center / contain; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; overflow: hidden; text-indent: -9999px;}
.slideshowA .slick-arrow.slick-prev {left: -32px; background-image: url(../images/ic_banner_prev.svg);}
.slideshowA .slick-arrow.slick-next {right: -32px; background-image: url(../images/ic_banner_next.svg);}
.slideshowB {width: 640px; overflow: hidden;}
.slideshowB .slick-slide {margin: 0 10px; border: 2px solid #fff; border-radius: 16px; overflow: hidden;}
.slideshowB .slick-list {margin: 0 -10px;}
.slick-slide img {width: 100%;}


/* sub */
.content-wrap {position: relative; padding: 100px 0 8rem; font-size: 1em; margin: 0 auto; min-height: 600px;}
.content-wrap .inner {max-width: 1400px; margin: 0 auto; padding: 40px 24px; overflow: hidden;}
.sub-head {height: 20rem; margin: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; background: #43b3d9; background-position: 50% 50%; background-size: cover; position: relative;}
.sub-head::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #43b3d9; z-index: 1; opacity: .8; mix-blend-mode: color;}
.sub-head.bg1 {background-image: url(../images/subhead1.jpg);}
.sub-head.bg2 {background-image: url(../images/subhead2.jpg);}
.sub-head.bg3 {background-image: url(../images/subhead3.jpg);}
.sub-head.bg4 {background-image: url(../images/subhead4.jpg);}
.sub-head.bg5 {background-image: url(../images/subhead5.jpg);}
.sub-head.bg6 {background-image: url(../images/subhead6.jpg);}

.sub-head h2 {color: var(--White); text-align: center; font-size: 4.2rem; font-weight: 700; line-height: 5.8rem; position: relative; z-index: 1;}

.header-subnav {display: flex; justify-content: center; gap: 0 4rem; width: 100%; max-width: 1500px; padding: 2rem 6rem; margin: 0 auto 2rem; flex-wrap: wrap;}
.header-subnav.float {position: fixed; top: 12rem; left: 50%; transform: translateX(-50%); width: 100%; z-index: 10; background: #fff;}
.header-subnav::-webkit-scrollbar {width: .1rem; height: .1rem;}
.header-subnav::-webkit-scrollbar-thumb {background: transparent;}
.header-subnav::-webkit-scrollbar-track {background: transparent;}
.header-subnav li {display: flex; gap: 4.8rem;}
.header-subnav li a {color: var(--Subbody_02, #999); font-size: 1.6rem; font-weight: 400; border-radius: 2em; height: 2em; font-weight: 600; line-height: 1.5; padding: .3em 1em; transition: all .3s ease;}
.header-subnav li a:hover {color: #43b3d9;}
.header-subnav li a.active {color: #fff;  background: #43b3d9;}
/* .header-subnav + .inner {padding: 4rem 8rem 0;} */
.header-subnav.float + .inner {padding-top: 13rem;}
.header-subnav + .inner.type2 {padding: 2rem 2rem 0;}
.header-subnav + .inner .tit1 {position: relative; padding-bottom: 7.6rem; text-align: center; font-size: 3.2rem; color: #20B06E; font-weight: 700; word-break: keep-all;}
.header-subnav + .inner .tit1:after {content: ''; position: absolute; left:0; right:0; bottom: 2rem; margin: 0 auto; width: 5.4rem; height: .2rem; background:#666;}

.sub-title {margin-bottom: 5.9rem; position: relative;}
.sub-title h2 {line-height: 1.4; position: relative;}
.sub-title h2 span {font-size: 4.8rem; font-weight: 700; display: block;}
.sub-title strong {font-size: 6.6rem; font-weight: 300; display: block;}
.sub-title h2::before {content: ''; position: absolute; right: 61.2rem; top: 5rem; width: 12.5rem; height: 12.5rem; background: url(../images/deco1.svg) no-repeat center / contain; z-index: -1;}
.sub-title::before {content: ''; position: absolute; right: 18.8rem; top: -6rem; width: 36.7rem; height: 36.7rem; background: url(../images/deco2.png) no-repeat center / contain;}
.sub-title::after {content: ''; position: absolute; right: 0; top: .5rem; width: 22.5rem; height: 22.5rem; background: url(../images/deco3.png) no-repeat center / contain;}
.sub-title2 {text-align: center; font-size: 3.2rem; margin-top: 2rem; margin-bottom: 2rem; font-weight: 600;}

.sub-content {word-break: keep-all; position: relative; font-size: 2rem;}
.highlight1 {color: #43B3D9;}
.highlight2 {color: #80B800;}
.stit {font-size: 2.4rem; font-weight: 600; line-height: 1.5; letter-spacing: -.05em;}
.stit::before {content: ''; width: .8rem; height: 2.6rem; background: #80B800; display: inline-block; margin-right: 1rem; vertical-align: middle; margin-top: -.3rem; border-radius: .8rem;}

.tab-wrap {display: flex; margin-bottom: 8rem; background: #EBF6FA; padding: 0 2rem;}
.tab-wrap li a {display: flex; padding: 1rem 4rem 1.2rem; font-size: 2rem; font-weight: 600; color: #333; border-top: 4px solid transparent; text-align: center; height: 100%; justify-content: center; align-items: center;}
.tab-wrap li a.active {color: #43b3d9; border-top: 4px solid #43b3d9; font-weight: 700; background: #fff; line-height: 1.3;}
.tab-content {display: none;}

[data-aos=fade-up2]{transform: translate3d(0,40%,0);}


/* bbs, table */
.search-wrap {background: #f1f4f5; border-radius: 1rem; display: flex; gap: .8rem; padding: 1rem; max-width: 800px; margin: 0 auto;}
.inp-search-wrap {position: relative;}
.inp-search-wrap .inp-search {padding-right: 4.6rem !important; width: 100%;}
.inp-search-wrap .btn-search {background: url(../images/ic_search.svg) no-repeat center / 2rem 2rem; font-size: 1px; overflow: hidden; text-indent: -200px; display: inline-block; position: absolute; top: .8rem; right: .4rem; width: 4rem; height: 4rem; z-index: 1;}
.inp-search-wrap .inp-search.lg ~ .btn-search {top: 1.3rem;}

.list-a {display: flex; flex-direction: column; width: 100%; position: relative; border-top: .2rem solid #111; margin-bottom: 4rem;}
.list-a > li a {display: flex; gap: 4rem; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--Line_Default); padding: 2rem; transition: background .1s;}
.list-a > li a .thumb {width: 26rem; height: 16rem; object-fit: cover;}
.list-a > li a > div {line-height: 1.5; flex: 1; display: flex; flex-direction: column; gap: 2rem;}
.list-a > li .subject {color: #111; font-size: 2.4rem; font-weight: 600; line-height: 1.3 !important;}
.list-a > li .content {color: #666; font-size: 1.8rem; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.list-a > li .date {color: #ccc; font-size: 1.8rem;}
.list-a > li a:hover {background: #fafbfc;}
.list-a > li a:hover .subject {color: #43b3d9;}

.pagination {display: flex; gap: 3.2rem; justify-content: center; align-items: center;}
.pagination a[class^='btn'] {display: inline-block; width: 2.4rem; height: 2.4rem; line-height: 2.4rem; background-repeat: no-repeat; background-position: center; background-size: 1.6rem auto; overflow: hidden; font-size: 1px; text-indent: -10rem;}
.pagination .btn-prev {background-image: url(../images/ic_arrow_left.svg);}
.pagination .btn-next {background-image: url(../images/ic_arrow_right.svg);}
.pagination .btn-first {background-image: url(../images/ic_arrow_left_first.svg);}
.pagination .btn-last {background-image: url(../images/ic_arrow_right_last.svg);}
.pagination ul {display: flex; gap: 1rem; align-items: center; justify-content: center; flex-wrap: wrap;}
.pagination li a {color: var(--Subbody_01); font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; display: block; padding: 0; width: 3rem; height: 3rem; text-align: center; border-radius: 1.5rem; text-align: center;}
.pagination li a:hover {color: #43b3d9; font-weight: 600;}
.pagination li a.active {background: #43b3d9; color: #fff; font-weight: 600; margin: 0 .7rem;}

.tbl-basic {border-collapse: collapse; table-layout: auto; border: 0; padding: 0; border-top: .2rem solid var(--Subbody_01); width: 100%; background:var(--White); margin-bottom: 5.6rem; font-size: 1.8rem;}
.tbl-basic.separate {border-collapse: separate;}
.tbl-basic th {background: var(--BG_body); border-bottom: 1px solid var(--Line_Default); border-right: 1px solid #e1e1e1; font-weight: 600; vertical-align: middle; padding: 1.6rem .8rem; text-align: center; font-size: 1em; line-height: 2rem;}
.tbl-basic td {background: var(--White); border-bottom: 1px solid var(--Line_Default); border-right: 1px solid #eee; font-weight: 400; vertical-align: middle;  padding: 1.6rem 2rem; text-align: center; font-size: 1em; line-height: 1.6;}
.tbl-basic.min th, .tbl-basic.min td {font-size: 1.4rem; padding: 1.6rem .4rem;}
.tbl-basic th:last-child, .tbl-basic td:last-child {border-right: none;}
.tbl-basic th[scope="row"] {background: var(--BG_body);}
.tbl-basic td:last-child[rowspan] {border-left: 1px solid #eee;}
.tbl-basic.nobo th, .tbl-basic.nobo td {border-right: none;}
.ic-file {width: 2rem; height: 2rem; vertical-align: middle;}
.tbl-basic.t-left th, .tbl-basic.t-left td {text-align: left; padding-left: 1.6rem;}
.tbl-basic em {color: var(--Red_400); font-weight: bold; margin-right: .4rem;}
.tbl-basic th.bg {background: #dbf2fa;}
.tbl-basic td.bg {background: #f3fcff;}
.tbl-basic .answer th, .tbl-basic .answer td {border-top: 1px solid #4facd7; border-bottom: 1px solid #4facd7; height: 200px;}
.tbl-basic.type2 {border: 1px solid #111; width: auto;}
.tbl-basic.type2 th, .tbl-basic.type2 td {border: 1px solid #111; background: #fff; padding: 5px;}
.bo-top {border-top: 1px solid #111; padding-top: 1rem; margin-top: 1rem;}

.tbl-basic2 {border-collapse: collapse; table-layout: auto; border: 0; padding: 0; border-top: .2rem solid var(--Subbody_01); width: 100%; background:var(--White); margin-bottom: 5.6rem;}
.tbl-basic2 th {background: var(--BG_body); border-bottom: 1px solid var(--Line_Default); border-right: 1px solid #e1e1e1; font-weight: 600; vertical-align: middle; padding: 2.4rem 1.6rem; text-align: center; font-size: 1.6rem; line-height: 2rem;}
.tbl-basic2 td {background: var(--White); border-bottom: 1px solid var(--Line_Default); border-right: 1px solid #eee; font-weight: 400; vertical-align: middle;  padding: 2.2rem 2.4rem; text-align: center; font-size: 1.6rem; line-height: 2.4rem;}
.tbl-basic2 th:last-child, .tbl-basic2 td:last-child {border-right: none;}
.tbl-basic2.v2 th {background: var(--BG_subbody);}

.tbl-list {margin-bottom: 2.4rem; border-collapse: separate;}
.tbl-list th {font-size: 1.6rem; font-weight: 600; line-height: 2rem; padding: .4rem 0; text-align: left;}
.tbl-list td {color: var(--Subbody_01); font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; padding: 1.2rem 0;}
.tbl-list tr:first-child th, .tbl-list tr:first-child td {padding-top: 0;}
.tbl-list tr:last-child td {padding-bottom: 0;}
.graybox .tbl-list {margin: 0;}

.tbl-head {display: flex; justify-content: space-between; margin-bottom: 1.6rem;}
.tbl-head h3 {color: var(--Black); font-size: 2rem; font-weight: 700; line-height: 2.4rem; display: flex; gap: 1.2rem; align-items: center;}
.tbl-head h3 small {color: var(--Subbody_01); font-size: 1.4rem; font-weight: 400; line-height: 2rem; margin-top: .2rem;}
.tbl-wrap.mini table tr:nth-child(n+5) {display: none;}

.tbl-top-text {text-align: right; margin: 0 10px; font-weight: 300; font-size: 1em;}
.tbl-write {border-collapse: collapse; border: 0; padding: 0; border-top: 2px solid #343f4a !important; width: 100%; background: #fff; font-size: 1.125rem !important; border-bottom: 1px solid #d2d7dc; margin-bottom: 1em;}
.tbl-write th, .tbl-write td {vertical-align: middle; line-height: 1.4;}
.tbl-write thead th {padding: 1em; color: #343f4a; font-weight: 500; border-bottom: 1px solid #d2d7dc !important; background: #f9fafb; letter-spacing: -0.05em; vertical-align: middle;}
.tbl-write tbody th {padding: .8em 1em; color: #343f4a; font-weight: 400; border-bottom: 1px solid #d2d7dc; border-right: 1px solid #d2d7dc; background: #f2f4f7; letter-spacing: -0.05em; vertical-align: middle; font-size: .9em; width: 100px;}
.tbl-write tbody td {border-bottom: 1px solid #d2d7dc; padding: .8em 1em; text-align: left; color: #666; font-weight: 400; font-size: .9em; line-height: 1.4; word-break: keep-all;}
.tbl-write tbody td a {display: inline-block; margin-right: 5px; color: #111;}
.tbl-write tbody td a:hover {text-decoration: underline; color: var(--gdred);}
.tbl-write tr:last-child th, .tbl-write tr:last-child td {border-bottom: 0;}
.borderR {border-right: 1px solid #d2d7dc;}
.borderL {border-left: 1px solid #d2d7dc;}
.borderB {border-bottom: 1px solid #d2d7dc;}
.borderT {border-top: 1px solid #d2d7dc;}
.tbl-write tbody small {font-size: .865em; opacity: .7;}
.tbl-write .title {font-weight: 600;}
.tbl-write .file-down {color: #666;}
.tbl-write .file-down:hover {color: var(--gdred); text-decoration: underline;}
.tbl-write .label {display: inline-block; margin-right: 1rem;}
.write-content {padding: 1em; line-height: 1.6;}

.page-sum {display: block; font-size: 1.6rem; color: #333; font-weight: 400; margin: 0 0 32px;}
.page-sum strong {color: var(--gdred); font-weight: 600;}
.page-sum span {color: var(--gdred)}
.ico_file {width: 18px;}
.img-tbl-con {width: 100%; display: block;}
.w-noraml {white-space: normal !important;}
.mw500 {max-width: 500px !important; width: 100% !important;}
.tbl-comment {font-size: .9em; display: block; margin-top: 4px;}
.hoverno tbody tr:hover td {background: #fff;}
.img_info {display: inline-block; margin: -5px 6px 0 0; width: 24px;}
hr.typeA {margin: 2em 0; border-top: 1px solid #ddd;}


/* 소개 */
.about1-1 {padding: 4.8rem 8rem; background: #EBF6FA; position: relative; font-size: 4.2rem; font-weight: 500; line-height: 1.5; margin-bottom: 9rem; letter-spacing: -.05em; margin-top: 12rem;}
.about1-1 strong {font-weight: 600;}
.about1-1 img {position: absolute; bottom: -6rem; right: 2rem; width: 53rem; height: auto; object-fit: cover;}
.about1-2 {font-size: 2rem; font-weight: 400; line-height: 1.8; margin-bottom: 1rem;}
.about1-3 {font-size: 2rem; font-weight: 500; line-height: 250%; text-align: right; display: flex; flex-direction: column; gap: 1rem; align-items: flex-end; text-align: left;}
.about1-3 p span {display: inline-block; margin-right: 2rem;}
.about1-3 img {width: 15.7rem;}

.about2-1 {padding: 4.8rem 8rem; background: #EBF6FA; position: relative; text-align: center; margin-bottom: 9rem;}
.about2-1 p {font-size: 4.2rem; font-weight: 400; line-height: 1.5; letter-spacing: -.05em; }
.about2-1 p:nth-of-type(1) {font-weight: 600;}
.about2-1 p:last-of-type {font-size: 2.2rem; text-align: right; margin-top: 1rem;}
.about2-2 {text-align: center; margin-bottom: 8rem;} 
.about2-2 h3 {font-size: 4rem; margin-bottom: 3rem;}
.about2-2 h3 span {display: block; font-size: 2rem; font-weight: 400;}
.about2-2 ul {font-size: 2.4rem; display: flex; align-items: flex-start; gap: 2rem; flex-wrap: wrap; justify-content: center;}
.about2-2 li {background: #43b3d9; color: #fff; padding: 2rem; border-radius: 0 4rem; width: 30%; height: 10rem; display: flex; align-items: center; justify-content: center; position: relative; border-left: 1rem solid #acec17;}
.about2-3 {text-align: center; margin-bottom: 8rem; padding-bottom: 8rem; border-bottom: 1px solid #ddd;} 
.about2-3 h3 {font-size: 4rem; margin-bottom: 3rem;}
.about2-3 h3 span {display: block; font-size: 2rem; font-weight: 400;}
.about2-3 p {font-size: 3.2rem; padding: 1rem 6rem; border: 6px solid #e9e9e9; margin-bottom: 4rem; border-radius: 5rem; display: inline-block; font-weight: 500;}
.about2-3 ul {display: flex; gap: 1rem;}
.about2-3 ul li {font-size: 2.4rem; width: 25%;}
.about2-3 ul li strong {display: block; font-size: 2.8rem; color: #fff; padding: 2rem; margin-bottom: 1rem; border-radius: 5rem;}
.about2-3 ul li:nth-child(1) strong {background: #f4ac10;}
.about2-3 ul li:nth-child(2) strong {background: #80B800;}
.about2-3 ul li:nth-child(3) strong {background: #43b3d9;}
.about2-3 ul li:nth-child(4) strong {background: #8d69f9;}
.about2-3 ul li span:nth-of-type(1) {display: block; font-weight: 600;}
.about2-3 ul li span:nth-of-type(2) {display: block; font-size: 2rem;}
.about2-4, .about2-5 {text-align: center; margin-bottom: 8rem;} 
.about2-4 h3, .about2-5 h3 {font-size: 3.2rem; margin-bottom: 3rem; text-align: left;}
.about2-4 h3::before, .about2-5 h3::before {content: ''; width: 1rem; height: 3.2rem; background: #80B800; display: inline-block; margin-right: 1rem; vertical-align: middle; margin-top: -.4rem; border-radius: .8rem;}

.about3-1 {display: flex; gap: 5rem; flex-wrap: wrap; line-height: 1.5; padding-top: 6rem; align-items: flex-start; position: relative;}
.about3-1 h3 {width: 30rem; font-size: 4rem; line-height: 1.2; margin-top: -.15em;}
.about3-1 h3 span {display: block; font-size: .6em; font-weight: 300; margin-top: .5em;}
.about3-1 ul {width: calc(100% - 35rem); margin-bottom: 8rem; border-left: .4rem solid #eee; padding-left: 4rem;}
.about3-1 ul li {font-size: 2rem; margin-bottom: 3rem; color: #888;}
.about3-1 ul li strong {color: #111; font-size: 2.2rem; margin-bottom: .4rem; display: inline-block; line-height: 1.4;}

.about4-1 {position: relative; text-align: center; background: #fff;}
.about4-1 img {width: 100%; max-width: 900px; margin: 0 auto;}
.organ-wrap {display: flex; flex-wrap: wrap; gap: 1.6rem;}
.organ-wrap h3 {width: 100%; font-size: 2.4rem; margin-bottom: -.2rem; margin-top: 2.4rem; text-align: left;}
.organ-item {width: calc( 25% - 1.6rem); border: 2px solid #43b3d9;; text-align: left; padding: 2rem; border-radius: 1rem; min-height: 18rem; box-sizing: border-box;}
.organ-item > div {display: flex; gap: 1.6rem; margin-bottom: 1rem;}
.organ-item > div img {width: 6rem; height: 6rem;}
.organ-item > div > div {flex: 1;}
.organ-item > div .name {font-weight: 700; font-size: 2rem;;}
.organ-item > div .position {font-weight: 500; font-size: 1.5rem;}
.organ-item ul li {font-size: 1.5rem; text-indent: -1rem; padding-left: 1rem; word-break: normal;}
.organ-item ul li::before {content: ''; display: inline-block; width: .4rem; height: .4rem; background: #666; border-radius: 50%; margin-right: .6rem; vertical-align: middle;}
.bylaw-wrap {text-align: left; font-size: 1.8rem; line-height: 1.8;}
.bylaw-wrap select {font-size: 2rem; margin-bottom: 4rem; height: 4rem; border-radius: .4rem; width: 20rem;}
.bylaw-wrap h1 {text-align: center; font-size: 4rem; margin-bottom: 3rem; line-height: 1.4;}
.bylaw-wrap h2 {font-size: 2.8rem; padding-bottom: 3rem; padding-top: 10rem; text-align: center;}
.bylaw-wrap p {margin-bottom: 2rem;}
.bylaw-wrap p:last-of-type {margin-bottom: 3rem;}
.bylaw-wrap ol {padding: 0 2rem 2rem 4rem;}
.bylaw-wrap ol > li {list-style: decimal;}
.bylaw-wrap ul {padding-left: 1rem;}
.bylaw-wrap .list-bar > li {font-size: 1.6rem; color: #333; margin-bottom: .4rem; }
.bylaw-wrap ol .list-bar {margin-top: 1rem; margin-bottom: 2rem; margin-left: -2rem;}
.bylaw-wrap.privacy h2 {font-size: 2.4rem; padding-top: 2rem; text-align: left;}
.bylaw-wrap.privacy .tbl-basic {margin-bottom: 3rem;}
.bylaw-wrap.privacy .tbl-basic th, .bylaw-wrap.privacy .tbl-basic td {padding: 1rem; font-size: 1.6rem;}

.about5-1 {width: 100%; height: 500px;}
.about5-1 > iframe {width: 100% !important; height: 100% !important;}
.about5-2 {margin: 4rem auto 0;}
.about5-2 > div {width: auto; display: inline-block; vertical-align: top; padding: 2rem;}
.about5-2 > div p {font-weight: 700; font-size: 2.4rem; margin-bottom: 1em;}
.about5-2 > div dl {font-size: 2rem;}
.about5-2 > div dl dt {display: inline-block; color: #FFA800; margin-right: 16px; width: 60px;}
.about5-2 > div dl dd {display: inline-block;}


/* 사업, 나눔 */
.project1-1 {padding-top: 4rem;}
.project1-1 .txt1 {text-align: center; font-weight: 600; font-size: 4rem; margin-bottom: 1em; color: var(--Blue_400); line-height: 1.4;}
.project1-1 .txt2 {margin-bottom: 3em;}
.project1-2 .txt1 {margin-bottom: 3em; border: 4px solid #eee; padding: 4rem; border-radius: 1.6rem;}
.project1-2 dl {position: relative; padding: 0 0 0 32rem; margin-bottom: 6rem;}
.project1-2 dt {position: absolute; top: 0; left: 0; width: 28rem; font-size: 2.4rem; font-weight: 600; display: flex; align-items: center; justify-content: center; text-align: center; background: #046EB7; color: #fff; height: 11rem; border-radius: 2.4rem 0;}
.project1-2 dl:nth-of-type(even) dt {background: #43b3d9;}
.project1-2 dl:last-of-type {margin-bottom: 0;}
.project1-2 dd {display: block; margin-bottom: 1rem; padding-left: .7em; text-indent: -.7em;}
.project1-2 dd::before {content: ''; display: inline-block; width: .5rem; height: .5rem; background: #111; border-radius: .25rem; vertical-align: middle; margin-right: 1rem; margin-top: -.2rem;}
.project2-2 {display: flex; align-items: flex-start; gap: 4rem;}
.project2-2 dl {flex-direction: column; width: calc( 33.3% - 2rem );}
.project2-2 dt {width: 100%; font-size: 2.4rem; font-weight: 600; display: flex; align-items: center; justify-content: center; text-align: center; background: #046EB7; color: #fff; padding: 1rem; border-radius: 2rem 0; margin-bottom: 3rem;}
.project2-2 .img {padding: 0 0 1.6rem; text-indent: 0;}
.project2-2 .img::before {display: none;}
.project2-2 .img img {width: 100%; height: 20rem;}
.project2-2 dd {display: block; margin-bottom: 1rem; padding-left: 1.7em; text-indent: -.7em;}
.project2-2 dd::before {content: ''; display: inline-block; width: .5rem; height: .5rem; background: #111; border-radius: .25rem; vertical-align: middle; margin-right: 1rem; margin-top: -.2rem;}
.project3-2 {display: flex; align-items: flex-start; gap: 4rem; flex-wrap: wrap;}
.project3-2 dl {flex-direction: column; flex: 0 0 calc( 50% - 2rem );}
.project3-2 dt {width: 100%; font-size: 2.4rem; font-weight: 600; display: flex; align-items: center; justify-content: center; text-align: center; background: #046EB7; color: #fff; padding: 1rem; border-radius: 2rem 0; margin-bottom: 2rem;}
.project3-2 dd {display: flex; flex-wrap: wrap; gap: 1.2rem; justify-content: center;}
.project3-2 dd img {flex: 0; width: calc( 50% - .6rem ); height: auto;}
.project4-2 {margin-bottom: 3em; border: 4px solid #eee; padding: 4rem; border-radius: 1.6rem; text-align: center;}


/* 후원 */
.sponsorship1-1 {margin-bottom: 3em; border: 4px solid #eee; padding: 4rem; border-radius: 1.6rem; text-align: left; display: flex; gap: 4rem; align-items: center; background: #fff; align-items: flex-start;}
.sponsorship1-1 p:nth-of-type(1) {font-size: 2.8rem; font-weight: 600; margin-bottom: 1em;}
.sponsorship1-1 img {width: 30%; height: auto;}
.sponsorship1-2 .sbox {display: inline-block; background: #fff; color: #046EB7; padding: 1rem 2rem; border-radius: .4rem; font-size: 1.8rem; font-weight: 500; border: 1px solid #ccc; position: relative; box-shadow: 1px 1px 4px rgba(0,0,0,.1); margin: .4rem;}
.sponsorship1-2 .sbox::before {content: ''; display: inline-block; width: 0; height: 0; position: absolute; top: -1px; left: -1px; border-top: 1.5rem solid var(--Orange_400); border-right: 1.5rem solid transparent;}
.sponsorship1-2 .arrow {color: #046EB7;}
.step-wrap {display: flex; gap: 8rem; align-items: flex-start; justify-content: center; }
.step-wrap li {text-align: center; display: flex; flex-direction: column; gap: 2rem; position: relative;}
.step-wrap li::after {content: '➔'; position: absolute; top: 7.5rem; right: -5.5rem; transform: translate(-50%, -50%);}
.step-wrap li:last-child::after {display: none;}
.step-wrap li img {width: 14rem; height: 14rem; border-radius: 50%; background: #eee;}
.pop-donation-head {text-align: left; background: url(../images/head_donation.jpg) center / cover no-repeat var(--Mint_400); color: #fff; padding: 2.4rem; border-radius: .8rem; text-align: center; justify-content: center; align-items: center; margin: -2.4rem -2.4rem 2rem; width: calc(100% + 4.8rem);}
.pop-donation-head h3 {margin-bottom: .4rem; text-align: left;}
.pop-donation-head p {text-align: left;}


/* 로그인 */
.login-wrap {text-align: center; max-width: 500px; margin: 8rem auto; border: 1px solid #dadada; padding: 5rem 4rem; border-radius: 2rem; border-top: .4rem solid var(--Mint_300); background: #fff;}
.login-wrap.type1 {max-width: 900px; display: flex; gap: 4rem; }
.login-wrap.type1 > div {flex: 1;}
.login-wrap.type1 > div:nth-of-type(1) {border-right: 1px solid #ddd; padding-right: 4rem;}
.login-wrap.nobo {border-top: 1px solid #dadada;}
.login-wrap .id {background: url(../images/ic_id2.png) .8em 50% no-repeat #fafafa; padding-left: 2.4em !important;}
.login-wrap .pw {background: url(../images/ic_pw2.png) .8em 50% no-repeat #fafafa; padding-left: 2.4em !important; letter-spacing: .2em;}
.login-wrap p {color: var(--Subbody_01, #767676); font-size: 1.4rem; font-weight: 500; line-height: 2.4rem; margin-bottom: 1.6rem;}
.login-wrap .login-box {display: flex; flex-direction: column; gap: 1.6rem; width: 100%; position: relative; z-index: 1;}
.login-wrap .login-box > li {width: 100%;}
.login-wrap .login-box > li input[type=text], .login-wrap .login-box > li input[type=password], 
.login-wrap .login-box > li input[type=tel] {width: 100%;}
.login-wrap .btn-wrap {display: flex; flex-direction: column; gap: 1.6rem;}
.login-wrap .txtonly {color: var(--Subbody_01, #767676); font-size: 2rem; line-height: 3rem; font-weight: 500;}
.login-wrap .id-result, .login-wrap .pw-result {padding: 4rem 2rem; min-height: 12rem;}
.login-wrap .id-result strong, .login-wrap .pw-result strong {color: var(--Green_300);}

.login-wrap .tab-wrap {display: flex; margin-bottom: 3.2rem; margin-top: -1em; background: transparent; padding: 0;}
.login-wrap .tab-wrap li {flex: 1;}
.login-wrap .tab-wrap li a {display: block; padding: 1rem 1rem 1.2rem; font-size: 2rem; font-weight: 600; color: #333; border-top: 4px solid transparent;}
.login-wrap .tab-wrap li a.active {color: #43b3d9; border-bottom: 4px solid #43b3d9; font-weight: 700; background: #fff;}
.login-sns {margin-top: 1rem; margin-bottom: 3rem; display: flex; align-items: center; justify-content: center;}
.login-sns p {color: #111; margin-bottom: 0; margin-right: 3rem;}
.login-sns a {margin: 0 1rem;}
.btn-go2 {width: 100%; text-align: left; justify-content: space-between; font-size: 1.5rem; font-weight: 300; text-align: left; border: 1px solid var(--Line_Default); background: var(--White); color: var(--Black); padding: 1.4rem 1.4rem 1.4rem 2rem; height: auto; gap: 2rem; white-space: unset; line-height: 1.2; color: var(--Gray_500); display: flex; align-items: center;}
.btn-go2::after {content: ''; width: 1.2rem; height: 1.2rem; flex: 0 0 1.2rem; background: url(../images/ic_arrow_right3.svg) no-repeat center / contain;}
.btn-go2 strong {margin-bottom: .4rem; display: inline-block; color: #111;}
.btn-go2:hover, .btn-go2:focus, .btn-go2:active {border: 1px solid #111; background-color: #fff; color: var(--Black) !important;}
.btn-go2.big {font-size: 1.8rem; padding: 2.4rem 3.2rem;}
.btn-go2.big strong {font-size: 2.2rem !important; margin-bottom: 1rem;}
.btn-go2.big::after {content: ''; width: 1.8rem; height: 1.8rem; flex: 0 0 1.8rem;}


/* 회원가입 */
.join-wrap {max-width: 900px; margin: 0 auto;}
.join_process {display: flex; align-items: center; justify-content: center; min-height: 14rem; background: var(--Mint_300); border-radius: 7rem; margin-bottom: 4rem; padding: 1rem; gap: 0 6rem; flex-wrap: wrap; color: #004a63;}
.join_process li {position: relative; min-width: 10rem;}
.join_process li::before {content: ''; display: block; width: 2rem; height: 2rem; background: url(../images/ic_arrow_right_w.svg) no-repeat 0 50% / 100% 100%; position: absolute; left: -4rem; top: 3rem;}
.join_process li:first-child::before {display: none;}
.join_process li span {display: block; text-align: center; word-break: keep-all; line-height: 1.4; color: #cef3ff;}
.join_process li span:before {content: ''; display: block; width: 72px; height: 72px; margin: 0 auto 6px; background-color: #0379a1 !important; border-radius: 50%; opacity: .9;}
.join_process li:nth-child(1) span:before{background:url(../images/ic_process1.png) no-repeat 50% 50% / 100% 100%;}
.join_process li:nth-child(2) span:before{background:url(../images/ic_process2.png) no-repeat 50% 50% / 100% 100%;}
.join_process li:nth-child(3) span:before{background:url(../images/ic_process3.png) no-repeat 50% 50% / 100% 100%;}
.join_process .current {color: #fff; font-weight:bold;}
.join_process .current span {color: #fff;}
.join_process .current span:before {border-radius: 100%; background-color: #fff !important; background-size: 100% 100% !important; outline: .5rem solid #007ea9; opacity: 1;}
.join_process .current:nth-child(1) span:before{background:url(../images/ic_process1_on.png) no-repeat 50% 50% / 100% 100%;}
.join_process .current:nth-child(2) span:before{background:url(../images/ic_process2_on.png) no-repeat 50% 50% / 100% 100%;}
.join_process .current:nth-child(3) span:before{background:url(../images/ic_process3_on.png) no-repeat 50% 50% / 100% 100%;}
.join-wrap .tab-wrap {margin-bottom: 4rem; background: #f0f8ff;}
.join-cont {padding: 0 5rem;}
.join-cont .login-wrap {max-width: 800px; margin: 0 auto;}
.join-cont .login-wrap .tab-wrap li a.active {color: #066eb7; border: 2px solid #066eb7; font-weight: 700; background: #fff;}
.joinable {background: var(--Green_100); color: var(--Green_300); padding: 2rem; font-size: 1.8rem; font-weight: 600; margin-top: 2rem;}


/* 약관 동의 */
.term-agree {font-size: 1.8rem;}
.term-agree > li.all {border-bottom: 1px solid var(--Line_Default, #DEDEDE); padding-bottom: 1.6rem;}
.term-agree > li.all label span {color: var(--Black, #263238); font-weight: 600; font-size: 1.8rem;}
.term-agree > li:nth-child(2) {padding-top: 1.6rem;}
.term-agree > li {display: flex; gap: 0 .8rem; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding-top: 1rem;}
.term-agree > li .checkbox2 label span {font-size: 1.6rem;}
.term-agree > li .btn-arrow {display: inline-block; width: 2.4rem; height: 2.4rem; background: url(../images/ic_arrow_down4.svg) no-repeat 50% 50% / 1.6rem 1.6rem; font-size: 1px; overflow: hidden; text-indent: -10rem; flex: 0 0 2.4rem; transition: none; margin-top: .8rem;}
.term-agree > li .btn-arrow.active {transform: rotate(180deg); background-position: 50% 50%;}
.term-cont {background: var(--BG_body, #F7F7F7); height: 33.5rem; flex: 0 0 100%; width: 100%; font-size: 1.4rem; line-height: 2.4rem; font-weight: 400; position: relative; margin-bottom: .8rem; display: none; padding: 3rem 1rem 0 2.4rem; text-align: left;}
.term-cont::after {display: block; content: ''; background: linear-gradient(180deg, rgba(250, 250, 250, 0.00) 0%, #FAFAFA 67.41%); height: 6.4rem; width: 100%; position: absolute; bottom: 0; left: 0; pointer-events: none;}
.term-cont .term-inner {padding: 0 1.4rem 5rem 0; width: 100%; height: 100%; overflow: auto;}
.term-cont .term-inner::-webkit-scrollbar {width: .2rem; height: .2rem;}
.term-cont .term-inner::-webkit-scrollbar-thumb {background: var(--Subbody_03); border-radius: 0;}
.term-cont .term-inner::-webkit-scrollbar-track {background: transparent; border-radius: 0;}
.btn-arrow.active ~ .term-cont {display: block;}
.chk-agree + label {display: inline-flex; padding: .8rem 0 1.2rem; align-items: flex-start; width: calc( 100% - 4rem );}
.chk-agree + label::before {margin-top: .2rem;}
.term-cont h3 {text-align: center; font-size: 1.4em; margin-bottom: 1.6em; line-height: 1.4;}
.term-cont h4 {font-size: 1.2em; font-weight: 600; margin-bottom: .4em; margin-top: 1.5em;}
.term-cont p {font-size: 1.2em; margin-bottom: .5em; font-weight: 400; color: #111;}
.term-cont .tbl-basic th {background: #fafafa;}
.term-cont .tbl-basic td {text-align: left;}


/* 마이페이지 */
.mypage-wrap {display: flex; gap: 4rem; padding: 4rem 0 0; margin-bottom: -4rem;}
.mypage-wrap .side-wrap {max-width: 30rem; background: var(--Mint_300); padding: 2rem; border-radius: 1.6rem; text-align: center;}
.mypage-wrap .side-wrap .profile-wrap {background: #1f89b3; padding: 2rem; border-radius: 1rem; font-size: 1.8rem;}
.mypage-wrap .side-wrap .profile {margin-bottom: 1.6rem; width: 42%; min-width: 6rem;}
.mypage-wrap .side-wrap .btn.outline {border: 1px solid #fff; background: transparent; color: #fff;}
.mypage-wrap .side-wrap .name {color: #fff; line-height: 1.2; margin-bottom: .8rem;}
.mypage-wrap .side-wrap .number {color: #fff; margin-bottom: 1rem; line-height: 1.2;}
.mypage-wrap .side-wrap .btn.outline {border-color: rgba(255,255,255,.6); transition: .3s;}
.mypage-wrap .side-wrap .btn.outline:hover {background: #36aad8; border-color: rgba(255,255,255,1);}
.mypage-wrap .side-wrap .btn.outline.active {background: #fff; color: #36aad8; border-color: rgba(255,255,255,1);}
.mypage-wrap .cont-wrap {flex: 1; padding: 3.2rem; border: 1px solid #ddd; border-radius: 1rem; width: calc( 100% - 25rem );}
.mypage-wrap .cont-wrap .inner {padding: 2rem;}
.mypage-wrap .txt1 {text-align: center; font-weight: 600; font-size: 2.4rem; margin-bottom: 6rem; background: #f0f8ff; padding: 3rem 4rem;}
.my-summary {display: flex; gap: 4rem; justify-content: center; text-align: center; width: 100%; justify-content: space-between; margin: 0 auto 6rem; max-width: 700px;}
.my-summary li {display: flex; flex-direction: column; gap: .8rem;}
.my-summary img {width: 10rem; margin-bottom: 1rem;}
.my-summary span {display: flex; flex-direction: column; gap: 0; font-size: 1.8rem;}
.my-summary strong {font-size: 2rem;}
.mypage-wrap .link-wrap {display: flex; gap: 2rem; justify-content: center; text-align: center; width: 100%; justify-content: space-between; margin: 0 auto; max-width: 900px;}
.mypage-wrap .link-wrap a {flex: 1;}
.mypage-wrap .login-wrap {border: none !important; margin-top: 2rem; margin-bottom: 0; padding: 2rem;}

.receipt-wrap {border: 1px solid #111; padding: 2rem; font-size: 14px; background: #fff;}
.receipt-wrap p {font-size: 14px;}
.receipt-wrap h4 {width: 100%; text-align: left; font-size: 16px; margin-bottom: 8px; line-height: 1;}
.receipt-wrap .num {width: 18px; height: 18px; border-radius: 9px; background: #333; display: inline-block; margin-right: 4px; margin-top: -2px; color: #fff; text-align: center; line-height: 18px; font-size: 13px; vertical-align: middle;}
.receipt-wrap .tbl-basic th, .receipt-wrap .tbl-basic td {padding: 4px; height: 30px; line-height: 1.2;}
.pop #print-area {background: #fff; height: 100%; overflow: auto;}
.receipt-stamp {width: 100px; mix-blend-mode: multiply; position: absolute; bottom: -15px; right: -15px;}
.btn-print-wrap {text-align: left; margin-left: 0; margin-right: auto; margin-bottom: 10px;}


/** responsive **/
@media screen and (max-width: 1400px) {
	.main-content {background-position: 100% -90px; background-size: auto 680px;}
	.main-con1-2 {margin-bottom: 120px;}
	.main-con1 {filter: drop-shadow(1px 1px 0px #fff) drop-shadow(1px -1px 0px #fff) drop-shadow(-2px -1px 0px #fff) drop-shadow(-1px 1px 0px #fff); margin-bottom: 40px;}
	.main-con1 .txt1 {font-size: 32px;}
	.main-con1 .txt2 {font-size: 56px;}
	.main-con2 {width: 540px; gap: 6%; margin-bottom: 40px; justify-content: space-around; width: 100%; flex-wrap: nowrap;}
	.main-con2 li{flex-direction: column; gap: 10px; padding-left: 0; align-items: center; text-align: center;}
	.main-con2 li strong {font-size: 32px; filter: drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 1px #ffffff); word-break: keep-all; line-height: 1.2;}
	.main-con2 li span {margin: 10px auto 0; font-size: 16px; filter: drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 1px #ffffff);}
	.main-con2 li::before {position: static; margin: 0 auto 16px; display: block; width: 54px; height: 54px;}
	.main-con3-4 {gap: 60px;}
	.main-con3, .main-con4 {width: calc( 50% - 30px );}	
	.slideshowA, .slideshowB {width: 100%;}
	.slideshowA, .slideshowB {width: 100%;}
	/* .slideshowB {width: 600px;} */
	.dim {display: none; content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background: rgba(0,0,0,.5); backdrop-filter: blur(4px);}
	.btn-menu {display: block; z-index: 11; opacity: 1; width: 5em; height: 5em; top: 16px; background-color: #fff;}
	.sub-header .btn-menu, .sub-header.float .btn-menu {background: url(../images/ic_menu_black.svg) no-repeat center;}
	.header .btn-menu.on {background-image: url(../images/ic_menu_close.svg); background-color: transparent !important;}
	.header .btn-menu.on ~ .dim {display: block;}
	.header .nav-wrap {position: fixed; top: 0; left: auto; right: -250px; z-index: 10; width: 250px; height: 100%; max-height: none; background: #fff; padding-top: 5em; box-sizing: border-box; padding-left: 0; flex-direction: column;}
	.header .btn-menu.on + .nav-wrap {right: 0; box-shadow: 0 0 30px rgba(0,0,0,.2); transition: right .3s ease;}
	.header.hover .nav-wrap {max-height: none; height: 100%; overflow: auto;}
	.header .nav-wrap::after {display: none;}
	.header.hover .nav-wrap::before {display: none;}
	.header .nav-wrap > ul, .header .nav-wrap .link {display: block !important; width: 100%;}
	.header .nav-wrap > ul > li {display: block; width: 100%;}
	.header .nav-wrap > ul > li > a {color: #111; text-align: left; padding: .6em 1em; line-height: 1.3;}
	.header .nav-wrap > ul > li > ul {display: none;}
	.header .nav-wrap > ul > li > ul > li {padding-top: .5em; padding-left: 1.5em;}
	.header .nav-wrap:hover > ul > li > ul {display: none;}
	.header .nav-wrap > ul > li:hover > ul {display: block;}
	.header .nav-wrap .link {text-align: left; color: #111; border-top: 1px solid #eee; padding: 24px 0; position: static; margin: 20px; display: flex !important; flex-direction: column; gap: 10px; position: relative; left: 0;}
	.header .nav-wrap .link a {color: #111; padding: 5px 0; font-weight: 400;}
	.header .nav-wrap > ul > li > a::after,
	.header .nav-wrap > ul > li > ul > li > a span::after {display: none;}
}

@media screen and (max-width: 1200px) {
	.sub-head {height: 14rem;}
	.sub-head h2 {font-size: 3.2rem;}
	.sub-title {margin-bottom: 4rem;}
	.sub-title h2 span {font-size: 3.2rem;}
	.sub-title strong {font-size: 5.6rem;}
	.sub-title::after {width: 18rem; height: 18rem;}
	.sub-title::before {right: 10rem; top: -3rem; width: 24rem; height: 24rem;}
	.sub-title h2::before {right: 38rem; top: 4rem; width: 10rem; height: 10rem;}

	.about1-1 {padding: 3.2rem; font-size: 3.2rem; margin-bottom: 6rem; margin-top: 2rem;}
	.about1-1 img {width: 32rem; right: 0;}
	.about1-2 {font-size: 1.8rem;}
	.about1-3 {font-size: 1.6rem;}
	.about1-3 img {width: 12.4rem;}
	.organ-item {width: calc(33.3% - 1.6rem);}
	.about3-1 {gap: 0;}
	.about3-1 h3 {width: 6em; font-size: 3rem;}
	.about3-1 ul {width: calc(100% - 12em); margin-bottom: 4em; padding-left: 2em;}
	.about3-1 ul li {font-size: 1.8rem; margin-bottom: 1.8em;}
	.about3-1 ul li strong {font-size: 2rem;}

	.about2-1 {padding: 3.2rem 6rem; margin-bottom: 6rem;}
	.about2-1 p {font-size: 3.2rem;}
	.about2-1 p:last-of-type {font-size: 2rem;}
	.about2-2 ul {font-size: 2rem; gap: 1.6rem;}
	.about2-2 h3, .about2-3 h3 {font-size: 3.2rem; margin-bottom: 2rem;}
	.about2-3 p {font-size: 2.8rem;}
	.about2-3 ul li {font-size: 2.2rem;}
	.about2-3 ul li strong {font-size: 2.4rem; padding: 1.6rem;}
	.about2-3 ul li span:nth-of-type(2) {font-size: 1.8rem;}
	.about2-4 h3, .about2-5 h3 {font-size: 2.4rem; margin-bottom: 2rem;}
	.about2-3 ~ .flex-row {flex-direction: column !important; gap: 4rem !important; width: 100%;}
	.about2-4, .about2-5 {margin-bottom: 6rem; width: 100% !important;}
	.about2-4 img, .about2-5 img {max-width: 50rem;}

	.mypage-wrap {gap: 2.4rem;}
	.mypage-wrap .side-wrap .profile-wrap {padding: 2rem; font-size: 1.6rem;}
	.mypage-wrap .cont-wrap {padding: 2rem;}
	.mypage-wrap .txt1 {font-size: 2rem;}
	.my-summary {gap: 2rem;}
}

@media screen and (max-width: 1024px) {
	.mypage-wrap .login-wrap {padding: 0;}
	.tbl-wrap.m-scroll-1024 {overflow: auto; padding-bottom: 1.2rem;}
    .tbl-wrap.m-scroll-1024 table {width: auto; table-layout: auto; min-width: 100%;}
    .tbl-wrap.m-scroll-1024 th, .tbl-wrap.m-scroll-1024 td {white-space: nowrap; font-size: 1.5rem !important;}
    .tbl-wrap.m-scroll-1024::-webkit-scrollbar {width: .4rem; height: .4rem;}
    .tbl-wrap.m-scroll-1024::-webkit-scrollbar-thumb {background: var(--Black); border-radius: 0;}
    .tbl-wrap.m-scroll-1024::-webkit-scrollbar-track {background: var(--BG_body); border-radius: 0;}
}

@media screen and (max-width: 800px) {
	input[type=text].lg, input[type=password].lg, input[type=file].lg, input[type=email].lg, input[type=number].lg, input[type=tel].lg, input[type=search].lg, input[type=url].lg {font-size: 1.6rem; padding: 1.6rem;}
    .inp-inlabel input.lg + label {left: 1.6rem; top: 2.2rem; font-size: 1.6rem; line-height: 1.6rem;}
	.btn.xl64 {font-size: 1.5rem; height: 5.6rem;}

	.header {height: 70px;}
	.header.float::before, .header.hover.float::before {height: 70px;}
	.header::before {height: 70px;}
	.header .header-container {padding: 0 0 0 20px; height: 70px;;}
	.header h1 {height: 70px; line-height: 70px;}
	.header h1 img {width: 120px;}
	.btn-menu {width: 70px; height: 70px; top: 0; right: 0;}
	.main-content {background: url(../images/main_bg1.jpg) no-repeat 60% 0 / auto 480px;}
	.main-content > .inner {padding: 120px 20px 80px;}
	.main-con1-2 {height: 280px;}
	.main-con1 {line-height: 1.5; margin-bottom: 32px; text-align: center;}
	.main-con1 .txt1 {font-size: 28px;}
	.main-con1 .txt2 {font-size: 40px;}
	.main-con1 .txt3 {font-size: 14px; width: 90%; margin: 0 auto;}
	.main-con1 .txt3 br {display: none;}
	.main-con2 li {flex-direction: column; gap: 10px; padding-left: 0; font-size: 24px; align-items: center; text-align: center;}
	.main-con2 li strong {font-size: 20px;}
	.main-con2 li span {margin: 10px auto 0; font-size: 14px;}
	.main-con2 li::before {position: static; margin: 0 auto 16px; display: block; width: 54px; height: 54px;}
	.main-con3-4 {flex-direction: column; gap: 40px; align-items: center; padding: 0 20px;}
	.main-con3, .slideshowA, .main-con4,.slideshowB {width: 100%;}
	.slideshowA .slick-slide img {width: 100%;}
	.slideshowA .slick-arrow.slick-prev {left: -24px;}
	.slideshowA .slick-arrow.slick-next {right: -24px;}
	.main-con1 {filter: drop-shadow(1px 1px 0px #fff) drop-shadow(1px -1px 0px #fff) drop-shadow(-2px -1px 0px #fff) drop-shadow(-1px 1px 0px #fff);}

	.footer {padding: 20px 0;}
	.footer .inner {padding: 0 20px;}
    .flink {margin-bottom: 2rem;}
	.btn-top {right: 20px;}

	.content-wrap {padding: 70px 0 20px;}
	.header-subnav {display: none;}

	.content-wrap .inner {padding: 40px 20px;}
	.sub-head {height: 10rem;}
	.sub-head h2 {font-size: 2.4rem;}

	.tab-wrap {margin-bottom: 6rem;}
	.tab-wrap li a {padding: .6rem 2rem 1rem; font-size: 1.6rem;}
	.organ-item {width: calc(50% - .8rem);}

	.bylaw-wrap {font-size: 1.6rem;}
	.bylaw-wrap h1 {font-size: 3rem; margin-bottom: 2rem;}
	.bylaw-wrap h2 {font-size: 2.4rem; padding-bottom: 1rem; padding-top: 2rem;}
	.bylaw-wrap ol {padding-left: 3rem;}
	.bylaw-wrap select {font-size: 1.8rem;}

	.list-a > li {padding: 0; gap: 2.4rem;}
    .list-a > li h5 {font-size: 1.5rem !important; line-height: 160% !important;}
	.list-a > li a {gap: 3rem; padding: 1.6rem 0;}
    .list-a > li a > div {gap: 1rem;}
	.list-a > li > div p {width: auto !important;}
    .list-a .ic {width: 1.6rem;}
	.list-a > li .content {font-size: 1.6rem;}
	.list-a > li .date {font-size: 1.6rem;}
    .list-a p {font-size: 1.6rem;}
	.list-a > li a .thumb {width: 20rem; height: 13rem;}
	.list-a > li .subject {font-size: 2rem !important;}

	.inp-search-wrap .inp-search.lg ~ .btn-search {top: .8rem;}

	.tbl-wrap.m-scroll {overflow: auto; padding-bottom: 1.2rem;}
    .tbl-wrap.m-scroll table {width: auto; table-layout: auto; min-width: 100%;}
    .tbl-wrap.m-scroll th, .tbl-wrap.m-scroll td {white-space: nowrap; font-size: 1.5rem !important; padding: 1.8rem 1.8rem;}
    .tbl-wrap.m-scroll::-webkit-scrollbar {width: .4rem; height: .4rem;}
    .tbl-wrap.m-scroll::-webkit-scrollbar-thumb {background: var(--Black); border-radius: 0;}
    .tbl-wrap.m-scroll::-webkit-scrollbar-track {background: var(--BG_body); border-radius: 0;}

	.tbl-basic {font-size: 1.6rem;}
	.tbl-basic th, .tbl-basic td {padding: 1.2rem;}

	.sub-title {margin-bottom: 2rem;}
	.sub-title h2 span {font-size: 2rem;}
	.sub-title strong {font-size: 4rem;}
	.sub-title::after {width: 20%; height: 0; padding-top: 20%;}
	.sub-title::before {right: 8%; top: -4rem; width: 36%; height: 0; padding-top: 36%;}
	.sub-title h2::before {right: 45%; top: 30%; width: 14%; height: 0; padding-top: 10%;}

	.about1-1 {padding: 2rem; font-size: 2.4rem; margin-bottom: 4rem;}
	.about1-1 img {width: 45%; right: -12%; bottom: auto; top: -100%;}
	.about1-2 {font-size: 1.6rem;}
	.about2-1 p {font-size: 2.4rem;}
	.about2-2 li {padding: 1rem; border-radius: 0 2rem; width: calc(50% - 1rem); height: 8rem; border-left: .5rem solid #acec17;}

	.login-wrap {padding: 2.4rem; border-radius: 1rem;}
	.join-wrap .tab-wrap {display: flex;}
	.join-wrap .tab-wrap li a {padding: 1rem 2rem;}
	.join-wrap li {flex: 1;}
	.join-cont {padding: 0 2rem; font-size: 1.5rem;}
    .join_process {gap: 0 2rem;}
    .join_process li::before {left: -2rem;}
	.login-wrap.type1 {flex-direction: column; margin: 2rem auto;}
	.login-wrap.type1 > div:nth-of-type(1) {border-right: none; padding-right: 0;}

	.sub-content {font-size: 1.6rem;}
	.project1-1 {padding-top: 2rem;}
	.project1-1 .txt1 {font-size: 2.2rem;}
	.project1-2 .txt1 {margin-bottom: 2em; border-width: 2px; padding: 1.6rem;}

	.project1-2 dl {margin-bottom: 2rem; display: flex; flex-direction: column; padding: 0;}
	.project1-2 dt, .project2-2 dt, .project3-2 dt {width: 100%; font-size: 1.8rem; height: auto; line-height: 1.2; padding: .6em; position: static; margin-bottom: 1rem;}
	.project1-2 dt br {display: none;}
	.project1-2 dd {margin-bottom: .4rem; padding-left: 1.7em;}
	.project2-2 {gap: 2rem;}
	.project2-2 dd {margin-bottom: .5rem; padding-left: .6em; text-indent: -.4em;}
	.project2-2 dd::before {margin-right: .6rem;}
	.project2-2 .img img {height: 15vw;}
	.project3-2 {gap: 2.4rem;}
	.project3-2 dl {flex: 0 0 calc(50% - 1.2rem);}
	.project3-2 dd img {width: 100%; flex: 1;}

	.sponsorship1-1 {padding: 2rem;}
	.sponsorship1-1 p:nth-of-type(1) {font-size: 2.2rem; line-height: 1.3;}

	.stit {font-size: 2rem;}
	.stit::before {width: .6rem; height: 2rem; margin-right: .8rem;}

	.sponsorship1-2 .sbox {padding: .5em 1em; font-size: 1.6rem;}
	.step-wrap {gap: 6%; justify-content: space-between;}
	.step-wrap li {gap: 1rem; width: 25%; line-height: 1.2;}
	.step-wrap li img {width: 15vw; height: auto; margin: 0 auto;}
	.step-wrap li::after {top: 8vw; right: -26%;}

	.sponsorship1-2 .txt2 {font-size: 2.4rem !important;}
	.sponsorship1-2 .txt3 {font-size: 1.8rem !important; margin-bottom: 3.2rem !important;}

	.term-agree {font-size: 1.6rem;}

	.mypage-wrap {padding: 0; margin-bottom: 0;}
	.mypage-wrap .side-wrap .profile-wrap {padding: 1rem; font-size: 1.5rem;}
	.mypage-wrap .link-wrap .h160 {height: auto !important; padding: 1rem;}
	.my-summary span {font-size: 1.5rem;}
	.my-summary strong {font-size: 1.8rem;}
	.my-summary img {margin-bottom: 0;}
	.mypage-wrap .side-wrap {padding: 1.6rem;}
	.mypage-wrap .txt1 {font-size: 1.8rem; padding: 2rem; margin-bottom: 3rem;}
	.my-summary {flex-wrap: wrap; justify-content: center; margin-bottom: 3rem;}
	.my-summary li {width: calc(50% - 2rem); align-items: center;}
	.mypage-wrap .link-wrap {gap: 1rem;}

	.inp-inlabel.fixed input.lg {padding-top: 2.8rem; padding-bottom: .4rem;}
	.inp-inlabel.fixed input.lg + label, .inp-inlabel.fixed input.lg:not(:placeholder-shown) + label {top: .8rem;}	

	.bylaw-wrap.privacy h2 {font-size: 1.8rem;}
}

@media screen and (max-width: 600px) {
	body {font-size: 14px;}

	.mo-fs12 {font-size: 1.2rem !important;}
    .mo-fs13 {font-size: 1.3rem !important;}
    .mo-fs14 {font-size: 1.4rem !important;}
    .mo-fs15 {font-size: 1.5rem !important;}
    .mo-fs16 {font-size: 1.6rem !important;}
    .mo-fs18 {font-size: 1.8rem !important;}
    .mo-fs20 {font-size: 2rem !important;}
    .mo-fs24 {font-size: 2.4rem !important;}
    .mo-fs28 {font-size: 2.8rem !important;}
    .mo-lh20 {line-height: 2rem !important;}
    .mo-lh22 {line-height: 2.2rem !important;}
    .mo-lh24 {line-height: 2.4rem !important;}
    .mo-lh28 {line-height: 2.8rem !important;}
    .mo-lh34 {line-height: 3.4rem !important;}
    .mo-mt0 {margin-top: 0 !important;}
    .mo-mt8 {margin-top: .8rem !important;}
    .mo-mt12 {margin-top: 1.2rem !important;}
    .mo-mt16 {margin-top: 1.6rem !important;}
    .mo-mt20 {margin-top: 2rem !important;}
	.mo-mt24 {margin-top: 2.4rem !important;}
    .mo-mt32 {margin-top: 3.2rem !important;}
    .mo-mt40 {margin-top: 4rem !important;}
    .mo-mt48 {margin-top: 4.8rem !important;}
    .mo-mb0 {margin-bottom: 0 !important;}
    .mo-mb8 {margin-bottom: .8rem !important;}
    .mo-mb12 {margin-bottom: 1.2rem !important;}
    .mo-mb16 {margin-bottom: 1.6rem !important;}
    .mo-mb24 {margin-bottom: 2.4rem !important;}
    .mo-mb32 {margin-bottom: 3.2rem !important;}
    .mo-mb40 {margin-bottom: 4rem !important;}
    .mo-mb48 {margin-bottom: 4.8rem !important;}
    .mo-mb56 {margin-bottom: 5.6rem !important;}
    .mo-mb64 {margin-bottom: 6.4rem !important;}
    .mo-w100p {width: 100% !important;}
    .mo-w50p {width: 50% !important;}
	.mo-w20p {width: 20% !important;}
    .mo-w120 {width: 12rem !important;}
    .mo-w80 {width: 8rem !important;}
    .mo-w60 {width: 6rem !important;}
    .mo-w40 {width: 4rem !important;}
    .mo-w20 {width: 2rem !important;}
    .mo-p20 {padding: 2rem !important;}
    .mo-p24 {padding: 2.4rem !important;}
    .mo-pt24 {padding-top: 2.4rem !important;}
	.mo-pt40 {padding-top: 4rem !important;}
    .mo-pb40 {padding-bottom: 4rem !important;}
    .mo-pt30 {padding-top: 3rem !important;}
    .mo-pb30 {padding-bottom: 3rem !important;}
    .mo-pt20 {padding-top: 2rem !important;}
    .mo-pb20 {padding-bottom: 2rem !important;}
    .mo-pl0 {padding-left: 0 !important;}
    .mo-pr0 {padding-right: 0 !important;}
    .mo-fw400 {font-weight: 400 !important;}
    .mo-fw500 {font-weight: 500 !important;}
    .mo-fw600 {font-weight: 600 !important;}
    .mo-fw700 {font-weight: 700 !important;}
	.mo-center {text-align: center !important;}
	.mo-right {text-align: right !important;}
	.mo-left {text-align: left !important;}
	.mo-flex-col {flex-direction: column !important;}
	.mo-flex-row {flex-direction: row !important;}
	.mo-flex-wrap {flex-wrap: wrap !important;}
	
	.btn.xl80 {height: 6.4rem; padding: 2.4rem 3.2rem;}

	.header {height: 48px;}
	.header .header-container {height: 48px;}
	.header h1 {height: 44px; line-height: 44px;}
	.header h1 img {width: auto; height: 24px;}
	.btn-menu {width: 48px; height: 48px; top: 0;}
	.header .nav-wrap > ul > li > a {font-size: 18px;}
	.header.float::before, .header.hover.float::before {height: 48px;}
	.sub-header .btn-menu, .sub-header.float .btn-menu {width: 48px; height: 48px;}
	.sub-header .header-container {height: 48px;}
	.header::before {height: 48px;}
	
	.main-content > .inner {padding: 80px 20px 40px;}
	.main-con1 .txt1 {font-size: 18px; white-space: nowrap;}
	.main-con1 .txt2 {font-size: 32px; white-space: nowrap;}
	.main-con1 .txt3 {font-size: 13px;}
	.main-con2 li strong {font-size: 16px; width: 40px; display: inline-block;}
	.main-con2 li span {margin: 6px auto 0; font-size: 11px; width: 40px; justify-content: center; display: flex;}
	.main-con2 li::before {width: 40px; height: 40px; margin: 0 auto 8px;}
	.main-content {background-size: auto 360px;}
	.main-con1 {margin-bottom: 12px;}
	.main-con1-2 {height: 190px;}
	.main-con3-4 {gap: 20px; padding: 0;}
	.slideshowA .slick-arrow {width: 16px; height: 16px;}
	.slideshowA .slick-arrow.slick-prev {left: -18px;}
	.slideshowA .slick-arrow.slick-next {right: -18px;}
	.slideshowB .slick-slide {border-radius: 8px; margin: 0 4px;}
	.slideshowB .slick-list {margin: 0 -4px;}
	
	.sub-content {font-size: 1.5rem;}
	.content-wrap {padding: 48px 0 20px; font-size: 1.5rem;}
	.content-wrap .inner {padding: 32px 20px;}
	.sub-title h2 span {font-size: 1.8rem;}
	.sub-title strong {font-size: 3.2rem;}
	.sub-title::before {right: 4%; top: -2%;}
	.sub-title::after {top: 28%;}
	.sub-head {height: 6rem;}
	.sub-head h2 {font-size: 2rem;}
	.sub-title h2::before {top: 50%;}
	.sub-title2 {font-size: 2.4rem; margin-top: 1rem;}

	.search-wrap {flex-direction: column; padding: 1rem;}
    .search-wrap > div {width: 100% !important;}

	.tbl-basic {font-size: 1.5rem;}
	.list-a {margin-bottom: 2rem;}
	.list-a > li a {flex-direction: column; gap: .4rem; align-items: flex-start;}
	.list-a > li a .thumb {width: 100%; height: auto; margin-bottom: 1rem;}
	.list-a > li .subject {font-size: 1.8rem !important;}
	.list-a > li .content {font-size: 1.5rem!important;}
	.list-a > li .date {font-size: 1.5rem;}
	.pagination {gap: .8rem;}
	.pagination ul {gap: .4rem;}
	.pagination li a {font-size: 1.6rem; line-height: 2rem; width: 2rem; height: 2rem;}

	.btn-top {right: 1em; bottom: 2em; width: 2.4em; height: 2.4em;}

	.about1-1 {font-size: 1.6rem; padding: 1.6rem; margin-bottom: 2rem;}
	.about1-1 img {top: auto; bottom: -10vw;}
	.about1-2 {font-size: 1.5rem;}
	.about1-3 img {width: 8rem; line-height: 180%;}

	.about5-1 {height: 240px;}
	.about5-2 {margin-top: 2rem;}
	.about5-2 > div {padding: 0;}
	.about5-2 > div p {font-size: 1.6rem;}
	.about5-2 > div dl {font-size: 1.5rem;}
	.about5-2 > div dl dt {width: 30px;}

	.tab-wrap {margin-bottom: 4rem;}
	.tab-wrap li a {padding: .2rem 1rem .6rem; font-size: 1.5rem;}
	.organ-wrap h3 {font-size: 1.8rem !important; margin-top: 1rem; margin-bottom: -.5rem !important;}
	.organ-item {font-size: 1.4rem;}
	.organ-item > div .name {font-size: 1.6rem;}
    .organ-item > div img {width: 5rem; height: 5rem;}
	.stit::before {width: .6rem; height: 2rem; margin-right: .6rem;}
	.bylaw-wrap select {font-size: 1.6rem; margin-bottom: 3rem; height: 3.2rem; width: 100%;}

	.about3-1 ul li strong {font-size: 1.8rem;}
	.about3-1 ul {padding-left: 1em; width: calc(100% - 10em);}
	.about3-1 ul li {font-size: 1.5rem;}

	.join-cont {padding: 0;}
	.join_process {border-radius: 6rem; font-size: 1.4rem; min-height: auto; align-items: flex-start; height: 5rem; padding:  .5rem; margin-bottom: 6rem;}
    .join_process li {width: 6em; min-width: auto;}
    .join_process li span {line-height: 1.2; color: #0379a1;}
	.join_process .current span {color: #0379a1;}
	.join_process li span:before {width: 4rem; height: 4rem; margin-bottom: 1.2rem;}
    .join_process li::before {top: 1rem;}
	.join_process .current span:before {outline-width: .3rem;}
	.login-wrap {padding: 2.4rem 2rem;}
	.login-wrap .tab-wrap li a {font-size: 1.6rem;}

	.project1-1 .txt1 {font-size: 2rem;}
	.project1-2 dt, .project2-2 dt, .project3-2 dt {font-size: 1.6rem;}
	.project1-2 .txt1 {padding: 2rem;}
	.project2-2 {flex-direction: column;}
	.project2-2 dl {width: 100%;}
	.project2-2 .img img {height: 43vw;}
	.project1-1 .txt2 {margin-bottom: 2em;}
	.project3-2 {flex-wrap: nowrap; flex-direction: column;}

	.stit {font-size: 1.8rem;}
	.sponsorship1-1 {gap: 2rem; flex-direction: column;}
	.sponsorship1-1 p:nth-of-type(1) {font-size: 2rem;}
	.sponsorship1-1 img {width: 100%;}
	.sponsorship1-2 .step {display: flex; flex-direction: column; gap: 0; margin: 0 !important; align-items: center;}
	.sponsorship1-2 .sbox {width: 90%; text-align: center; margin: 0;}
	.sponsorship1-2 .arrow {transform: rotate(90deg);}
	.sponsorship1-2 .txt2 {font-size: 1.8rem !important;}
	.sponsorship1-2 .txt3 {font-size: 1.6rem !important; margin-bottom: 2.4rem !important;}

	.list-star.fs18 {font-size: 1.5rem !important;}

	.btn-go2.big {font-size: 1.6rem; padding: 1.6rem; }
	.btn-go2.big strong {font-size: 1.8rem !important; margin-bottom: .6rem !important;}

	.mypage-wrap {flex-direction: column;}
	.mypage-wrap .side-wrap {padding: 1.6rem; display: flex; max-width: 100%; gap: 2rem; flex-direction: column;}
	.profile-wrap + .flex-col {flex-direction: row !important; flex: 1; flex-wrap: wrap; margin-top: 0 !important; align-items: center; justify-content: flex-start;}
	.mypage-wrap .side-wrap .btn.outline {width: calc(33% - .8rem); font-size: 1.5rem; padding: 1rem; height: 3.2rem; border-radius: .4rem;}
	.mypage-wrap .side-wrap .profile {max-width: 3.2rem; margin: 0; width: 3.2rem; min-width: 3.2rem; height: 3.2rem; flex: 0 0 3.2rem;}
	.mypage-wrap .side-wrap .profile-wrap {display: flex; align-items: center; gap: 1rem; justify-content: space-between;}
	.mypage-wrap .side-wrap .name {margin-bottom: 0;}
	.mypage-wrap .side-wrap .number {margin-bottom: 0;}
	.mypage-wrap .side-wrap .profile-wrap .btn {padding: .8rem; height: 3.2rem;}
	.mypage-wrap .link-wrap {display: none;}
	.my-summary img {width: 40%; min-width: 6rem;}
	.mypage-wrap .cont-wrap {width: 100%;}
	.mypage-wrap .cont-wrap .inner {padding: 0;}
	.mypage-wrap .cont-wrap .fs20 {font-size: 1.6rem !important; margin-bottom: .6rem;}
	.mypage-wrap .cont-wrap .fs18 {font-size: 1.5rem !important;}
	.mypage-wrap .login-wrap {padding: 0;}
	.login-wrap .login-box.mb56 {margin-bottom: 3.2rem !important;}
	.mypage-wrap .cont-wrap {padding: 0; border: none;}
	.tabs > li {flex: 1;}
	.bylaw-wrap.privacy h2 {font-size: 1.7rem;}
}

@media screen and (max-width: 480px) {
	.sub-title2 {font-size: 2rem;}

	.main-con1 .txt2 {font-size: 24px;}
	.content-wrap .inner {padding: 2.4rem 2rem;}
	.sub-title h2 span {margin-bottom: .4em;}
	.sub-title::after, .sub-title::before, .sub-title h2::before {display: none;}
	.sub-title strong {font-size: 2.8rem; line-height: 1.2;}
	.organ-wrap {gap: 1.2rem;}
	.organ-item {width: 100%; min-height: 10rem;}
	.tab-wrap {padding: 0 1rem; margin-bottom: 3rem;}
	.bylaw-wrap {font-size: 1.5rem;}
	.bylaw-wrap h1 {font-size: 2rem; margin-bottom: 2rem;}
	.bylaw-wrap h2 {font-size: 1.8rem; padding-bottom: 1rem; padding-top: 2rem;}
	.bylaw-wrap ol {padding-left: 2rem;}
	.about2-1 {padding: 2rem; margin-bottom: 4rem;}
	.about2-1 p {font-size: 1.6rem;}
	.about2-1 p:last-of-type {font-size: 1.4rem;}
	.about2-2 h3, .about2-3 h3 {margin-bottom: 1.2rem; font-size: 1.8rem;}
	.about2-2 h3 span, .about2-3 h3 span {font-size: 1.4rem;}
	.about2-2 ul {font-size: 1.4rem; gap: 1rem;}
	.about2-2 {margin-bottom: 4rem;}
	.about2-3 {margin-bottom: 4rem; padding-bottom: 4rem;}
	.about2-3 p {font-size: 1.8rem; padding: 1rem 2rem; border: 4px solid #e9e9e9; margin-bottom: 2rem; border-radius: 4rem;}
	.about2-3 ul {flex-wrap: wrap; gap: 1rem;}
	.about2-3 ul li {font-size: 1.4rem; width: calc( 50% - .5rem);}
	.about2-3 ul li strong {font-size: 1.6rem; padding: .3em; margin-bottom: .5rem;}
	.about2-3 ul li span:nth-of-type(2) {display: block; font-size: 1.4rem;}
	.about2-3 p {font-size: 1.8rem; padding: .8rem 1rem; width: 100%;}
	.about2-4, .about2-5 {margin-bottom: 2rem; width: 100% !important;}
	.about2-4 h3, .about2-5 h3 {margin-bottom: 1rem; font-size: 1.8rem;}
	.about2-4 h3::before, .about2-5 h3::before {width: .6rem; height: 2rem; margin-right: .5rem; margin-top: -.3rem;}
	
    .about3-1 {flex-direction: column; padding-top: 1rem;}
	.about3-1 h3 {width: auto; margin-bottom: 2rem !important; font-size: 2.4rem;}
	.about3-1 ul {padding-left: 0; width: 100%; border-left: 0; border-bottom: 1px solid #ddd; padding-bottom: 2rem; margin-bottom: 3em;}
	.about3-1 ul li {margin-bottom: 1.4em;}
	.about3-1 ul li strong {font-size: 1.6rem;}

	.join-wrap .tab-wrap {margin-bottom: 2rem;}

	.project1-1 .txt1 {font-size: 1.8rem;}
	.btn-go2.big {font-size: 1.5rem;}
	.btn-go2.big::after {width: 1.4rem; height: 1.4rem;}

	.mypage-wrap .side-wrap {padding: 0; gap: 0; border-radius: 1rem;}
	.profile-wrap + .flex-col {gap: 0 !important;}
	.mypage-wrap .side-wrap .btn.outline {border-radius: 0; margin: -1px -1px 0 0; width: 33.3%; border-color: rgba(255,255,255,.2); font-weight: 400;}
	.mypage-wrap .txt1 {font-size: 1.6rem; padding: 1.6rem; margin-bottom: 2rem;}
	.my-summary strong {font-size: 1.6rem;}
	.my-summary {margin-bottom: 0;}
	.mypage-wrap .side-wrap .profile-wrap .btn {padding: 1.4rem; height: 3.2rem; min-width: 6rem; font-size: 1.5rem; border-radius: .4rem;}
	.mypage-wrap .side-wrap .btn.outline.active {font-weight: 600;}
}

/* 사업자 정보 기본 스타일 */
.business-info {
	text-align: left;
	color: var(--Subbody_01);
}

/* 후원하기 팝업 기본 스타일 (PC) */
#pop-donation.pop {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

#pop-donation .pop-container {
	padding: 3.2rem 3.2rem 2.4rem 3.2rem;
	display: flex;
	flex-direction: column;
	max-height: calc(100vh - 6rem);
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin; /* Firefox */
	-ms-overflow-style: auto; /* IE and Edge */
}

#pop-donation .pop-container::-webkit-scrollbar {
	width: 0.6rem; /* Chrome, Safari, Opera */
}

#pop-donation .pop-container::-webkit-scrollbar-track {
	background: transparent;
}

#pop-donation .pop-container::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
}

/* 각 영역이 순서대로 배치되도록 설정 */
#pop-donation .pop-donation-head {
	flex-shrink: 0;
	margin-bottom: 1.6rem;
}

#pop-donation .pop-container > p.mb20 {
	flex-shrink: 0;
	margin-bottom: 2rem;
}

#pop-donation .tab-wrap {
	flex-shrink: 0;
	margin-bottom: 2.4rem;
}

#pop-donation .tab-content-wrap {
	flex-shrink: 0;
	margin-bottom: 2rem;
	overflow: visible;
}

#pop-donation .btn-wrap {
	flex-shrink: 0;
	margin-top: 2rem;
	display: flex;
	gap: 1.6rem;
}

#pop-donation .business-info-area {
	flex-shrink: 0;
	border-top: 1px solid #e5e5e5;
	margin-top: 0.8rem;
	margin-left: -3.2rem;
	margin-right: -3.2rem;
	padding: 0.6rem 3.2rem 2.4rem 3.2rem;
}

#pop-donation .business-info-area > div:first-child {
	font-size: 1.3rem;
	color: var(--Subbody_01);
	line-height: 1.2;
	text-align: left;
}

#pop-donation .business-info-area > div:first-child > div {
	margin-bottom: 0.2rem;
	white-space: normal;
	word-break: keep-all;
	overflow-wrap: break-word;
}

#pop-donation .business-info-area span {
	margin-right: 1.6rem;
	white-space: nowrap;
}

/* 후원 팝업 body 영역 스타일 */
#pop-donation .pop-donation-body {
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
	min-height: 0;
	width: 100%;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */
}

/* 스크롤바 숨김 처리 */
#pop-donation .pop-donation-body.hide-scrollbar {
	scrollbar-width: none !important; /* Firefox */
	-ms-overflow-style: none !important; /* IE and Edge */
}

#pop-donation .pop-donation-body.hide-scrollbar::-webkit-scrollbar {
	display: none !important; /* Chrome, Safari, Opera */
}

/* 스크롤바가 보일 때 스타일 */
#pop-donation .pop-donation-body:not(.hide-scrollbar) {
	scrollbar-width: thin; /* Firefox */
	-ms-overflow-style: auto; /* IE and Edge */
}

#pop-donation .pop-donation-body:not(.hide-scrollbar)::-webkit-scrollbar {
	display: block !important; /* Chrome, Safari, Opera */
	width: 0.6rem;
}

#pop-donation .pop-donation-body:not(.hide-scrollbar)::-webkit-scrollbar-track {
	background: transparent;
}

#pop-donation .pop-donation-body:not(.hide-scrollbar)::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
}

/* 컨테이너와 팝업 overflow 설정 */
#pop-donation .pop-container {
	overflow-y: hidden !important;
	overflow-x: hidden !important;
}

#pop-donation.pop {
	overflow: hidden !important;
}

/* 모바일 스타일 */
@media screen and (max-width: 800px) {
	#pop-donation.pop {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	#pop-donation .pop-container {
		padding: 2rem 1.6rem 2.4rem 1.6rem;
	}

	#pop-donation .pop-donation-head {
		margin: 0 0 1.6rem 0;
		width: 100%;
		padding: 0 1.6rem;
	}

	#pop-donation .business-info-area {
		margin-left: -1.6rem;
		margin-right: -1.6rem;
		padding: 0.6rem 1.6rem 2.4rem 1.6rem;
	}

	#pop-donation .business-info-area span {
		white-space: normal !important;
		word-break: keep-all;
		overflow-wrap: break-word;
	}
}

/* JavaScript로 추가되는 모바일 클래스 스타일 */
#pop-donation.pop.is-mobile {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

#pop-donation.pop.is-mobile .pop-container {
	padding: 2rem 1.6rem 2.4rem 1.6rem;
}

#pop-donation.pop.is-mobile .pop-donation-head {
	margin: 0 0 1.6rem 0;
	width: 100%;
	padding: 0 1.6rem;
}

#pop-donation.pop.is-mobile .business-info-area {
	margin-left: -1.6rem;
	margin-right: -1.6rem;
	padding: 0.6rem 1.6rem 2.4rem 1.6rem;
}

#pop-donation.pop.is-mobile .business-info-area span {
	white-space: normal !important;
	word-break: keep-all;
	overflow-wrap: break-word;
}


/* 뉴스 상세 이미지 반응형 */
.tbl-basic td img.thumb {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

/* News 모바일 */
@media screen and (max-width: 1024px) {
	/* 뉴스 상세 테이블 컬럼 너비 조정 */
	.tbl-basic.no-res.nobo colgroup col.w200,
	.tbl-basic.no-res.nobo colgroup col.w150 {
		width: 15rem;
	}

	/* 텍스트 줄바꿈 설정 */
	.tbl-basic.no-res.nobo td {
		word-break: break-word;
		overflow-wrap: break-word;
	}

	.tbl-basic.no-res.nobo td a {
		word-break: break-all;
		overflow-wrap: break-word;
	}

	.tbl-basic.no-res.nobo td strong {
		word-break: break-word;
		overflow-wrap: break-word;
	}

	/* 이미지 반응형 기본 설정 */
	.tbl-basic.no-res.nobo td img.thumb {
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
}

@media screen and (max-width: 800px) {
	/* 테이블 블록 레이아웃 전환 */
	.tbl-basic.no-res.nobo {
		display: block;
		border-top: 2px solid var(--Subbody_01);
	}

	.tbl-basic.no-res.nobo colgroup {
		display: none;
	}

	.tbl-basic.no-res.nobo tbody,
	.tbl-basic.no-res.nobo tr {
		display: block;
		width: 100%;
	}

	.tbl-basic.no-res.nobo th {
		display: block;
		width: 100%;
		text-align: left;
		background: #f7f7f7;
		padding: 1.2rem 1.6rem;
		font-size: 1.5rem;
		font-weight: 600;
		border-bottom: none;
		border-right: none;
	}

	.tbl-basic.no-res.nobo td {
		display: block;
		width: 100%;
		padding: 1.6rem;
		border-bottom: 1px solid var(--Line_Default);
		border-right: none;
		word-break: break-word;
		overflow-wrap: break-word;
		font-size: 1.6rem;
	}

	/* 첫 번째 행 상단 보더 제거 */
	.tbl-basic.no-res.nobo tr:first-child th {
		border-top: none;
	}

	/* 본문 영역 패딩 */
	.tbl-basic.no-res.nobo td.p40,
	.tbl-basic.no-res.nobo td.mo-p20 {
		padding: 2rem 1.6rem !important;
	}

	/* 이미지 하단 간격 */
	.tbl-basic.no-res.nobo td img.thumb {
		margin-bottom: 1.6rem;
	}

	/* 링크 줄바꿈 */
	.tbl-basic.no-res.nobo td a {
		word-break: break-all;
		overflow-wrap: break-word;
	}

	/* 제목 strong 태그 */
	.tbl-basic.no-res.nobo td strong {
		word-break: break-word;
		overflow-wrap: break-word;
	}
}

@media screen and (max-width: 600px) {
	/* 폰트 및 패딩 축소 */
	.tbl-basic.no-res.nobo th {
		font-size: 1.4rem;
		padding: 1rem 1.2rem;
	}

	.tbl-basic.no-res.nobo td {
		font-size: 1.5rem;
		padding: 1.2rem;
		line-height: 1.6;
	}

	.tbl-basic.no-res.nobo td.p40,
	.tbl-basic.no-res.nobo td.mo-p20 {
		padding: 1.6rem 1.2rem !important;
	}

	/* 파일 다운로드 링크 최적화 */
	.tbl-basic.no-res.nobo td a {
		font-size: 1.4rem;
		display: flex;
		align-items: center;
		gap: .4rem;
	}

	.tbl-basic.no-res.nobo td a img.ic {
		flex-shrink: 0;
	}

	/* 제목 strong 태그 */
	.tbl-basic.no-res.nobo td strong {
		font-size: 1.6rem;
		line-height: 1.4;
	}
}

@media screen and (max-width: 480px) {
	/* 최소 화면 최적화 */
	.tbl-basic.no-res.nobo th {
		font-size: 1.3rem;
		padding: .8rem 1rem;
	}

	.tbl-basic.no-res.nobo td {
		font-size: 1.4rem;
		padding: 1rem;
	}

	.tbl-basic.no-res.nobo td.p40,
	.tbl-basic.no-res.nobo td.mo-p20 {
		padding: 1.4rem 1rem !important;
	}

	.tbl-basic.no-res.nobo td a {
		font-size: 1.3rem;
	}

	.tbl-basic.no-res.nobo td strong {
		font-size: 1.5rem;
	}

	/* 이미지 상하 간격 축소 */
	.tbl-basic.no-res.nobo td img.thumb {
		margin-bottom: 1.2rem;
	}
}