/*common - fix*/
@font-face {
    font-family: 'TheJamsil5Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil5Bold.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap; 
}
.dpnone { display: none !important; }
*:not(.fa,.far,.fas,.lnr) { box-sizing: border-box; font-family: var(--font-default) !important; }
html { scrollbar-gutter: stable both-edges; }
@supports (scrollbar-gutter: stable) { html { scrollbar-gutter: stable; } }
html,body { scroll-behavior: smooth; }
body { line-height: 1.5; padding-top: var(--fixed-header-height) !important; }
:root { --bg-clr: #Fff; --main-clr: #000000; --sub-clr: #009691; --line-height: 1.5; --letter-spacing: -0.04em; --inter-gap: 100px; --font-default: 'Pretendard', 'Noto Sans KR', sans-serif; --landing-height: 0px; --secondary: #636363; --primary-clr: #111; --fixed-header-height: 0px; --brand-border-soft: #d0eeeb; /* 살짝 존재감 */ --main-yellow: #FFDE33; --info-btn-gap: 0px; --ul-height: 0px; }
#main-page-wrap, main { color: var(--main-clr); padding: 50px 0; }
.container { width: 100%; max-width: 100%; }
.container.main-container { padding-left: 0; padding-right: 0; }
button, input, select, textarea { font: inherit; color: inherit; background: none; border: none; outline: none;}
a { display: block; font-size: inherit; font-weight: inherit; font-family: inherit; letter-spacing: inherit; line-height: inherit; font-family: inherit !important; color: inherit; }
span { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; font-family: inherit !important; }
button { border: none; cursor: pointer; }
.middle-bar { height: var(--inter-gap); }
.section { width: 100%; margin-top: 100px; }
.full-section { width: 100%; max-width: 100%; margin: 0 auto; }
.max-section { width: 100%; max-width: 1280px; margin: 0 auto;  }
.vw-section { position: relative; left: 50%; transform: translateX(-50%); width: 100svw; box-sizing: border-box; }
.fa.fa-power-off { display: none !important; }
.mid_menu { display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; }
.menu_cel { flex: 0 0 auto; min-width: 120px; background: #f9fafb; border-radius: 8px; transition: background 0.3s, color 0.3s; text-align: center; }
.menu_cel a { display: block; width: 100%; height: 100%; padding: 12px 16px; color: #7e7e7e; font-size: 14px; font-weight: 500; text-decoration: none; box-sizing: border-box; }
.menu_cel.active,
.menu_cel:hover { background: var(--sub-clr, #009691); }
.menu_cel.active a,
.menu_cel:hover a { color: #fff; font-weight: 600; }

 img {  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -o-user-select: none;  user-select: none;  -webkit-user-drag: none;  -khtml-user-drag: none;  -moz-user-drag: none;  -o-user-drag: none;  user-drag: none;} 


/*버튼컴포넌트*/
.btn-more { background-color: #009691; border-radius: 50px; padding: 10px 18px 10px 24px; display: flex; flex-direction: row; gap: 6px; align-items: center; justify-content: center; width: fit-content; transition: background-color .3s ease; }
.btn-more:hover { background-color: #009691cd; }
.btn-more > span { color: #fff; font-weight: 600; font-size: 16px; line-height: 1; letter-spacing: 0.01em; }
.btn-more > svg { aspect-ratio: 1/1; width: 18px; }
/* btn module */
[class*='btn-check'] { display: block; height: 48px; line-height: 48px; padding: 0px 10px; border: 1px solid var(--sub-clr); border-radius: 4px; font-size: 16px; font-weight: 500; text-align: center; letter-spacing: -0.02em; transition: all .3s ease; }
.btn-check1 { color: var(--sub-clr); }
.btn-check2 { background: var(--sub-clr); color: #fff; }
.btn-check1:hover { background-color: #f5f5f5; color: rgba(0, 150, 141, 0.6); border-color: #dcdcdc; }
.btn-check2:hover { background-color: #01ada8; color: #fff; }
.container.subpage { max-width: 1200px; padding-top: 50px; position: relative; /*백진 추가*/ margin: 0 auto; }
.display-fixer img,
.display-fixer a { display: inline-block; }
.px-0 { padding-left: 0px; padding-right: 0px; } /*좌우 패딩 없애기*/
.my-0 { margin-top: 0; margin-bottom: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }