@import url("var.css"); @import url("../css/var.css"); html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { -ms-scroll-chaining: none; overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-smooth iframe { pointer-events: none; }
header { display: -webkit-flex; display: -ms-flex; display: flex; background-color: var(--color-header); color: var(--color-primary); position: fixed; z-index: 99; }
@media screen and (min-width: 320px) and (max-width: 680px) {
 header { --header-height: 80px; }
 }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 header { position: fixed; }
 }
header nav { height: var(--header-height); }
@media screen and (min-width: 320px) and (max-width: 680px) {
 header nav { --header-height: 80px; }
 }
header .logo { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; }
header .logo img { height: 100%; max-height: calc(var(--header-height) * 0.8); width: 100%; }
@media screen and (min-width: 320px) and (max-width: 680px) {
 header .logo img { --header-height: 80px; max-height: calc(var(--header-height) * 0.7); }
 }
header .burger { width: 32px; height: 24px; cursor: pointer; z-index: 20; position: relative; display: none; align-items: center; justify-content: center; }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 header .burger { display: flex; }
 }
header .burger span { width: 100%; height: 3px; background-color: var(--color-text); border-radius: 0px; display: block; transition: background-color 0.5s ease-in-out; }
header .burger span::before, header .burger span::after { content: ""; width: 100%; background-color: var(--color-text); display: block; transition: all 0.5s ease-in-out; border-radius: 0px; height: 3px; }
header .burger span::before { transform: translateY(-10px); }
header .burger span::after { transform: translateY(10px); margin-top: -4px; }
header .burger.active span { background-color: transparent; }
header .burger.active span::before { transform: rotateZ(45deg) translateY(-1px); }
header .burger.active span::after { transform: rotateZ(-45deg) translateY(1px); }
header .gnb { display: -webkit-flex; display: -ms-flex; display: flex; height: var(--header-height); position: relative; margin-right: -20px; }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 header .gnb { display: -webkit-flex; display: -ms-flex; display: flex; position: absolute; height: 100%; z-index: 10; background: var(--color-white); right: 0; top: var(--header-height); width: 0; transition: all 0.4s; transform: translateX(100%); overflow: hidden; opacity: 0; height: 100vh; }
 }
header .gnb .menu { gap: clamp(0.5rem, 2vw, 1rem); }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 header .gnb .menu { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; width: 100%; gap: 0; }
 }
header .gnb .menu .nav { position: relative; transition: all 0.4s; }
header .gnb .menu .nav ::before { content: ""; display: block; width: 0; height: 3px; position: absolute; left: 0; bottom: 0; background-color: var(--color-primary); transition: all 0.4s; }
header .gnb .menu .nav:hover .nav-dropdown { display: -webkit-flex; display: -ms-flex; display: flex; opacity: 1; transition: all 0.4s; z-index: 10; position: relative; height: auto; }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 header .gnb .menu .nav:hover .nav-dropdown { display: none; }
 }
header .gnb .menu .nav:hover::before { content: ""; display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; background-color: var(--color-primary); transition: all 0.4s; }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 header .gnb .menu .nav:hover::before { display: none; }
 }
header .gnb .menu .nav-link, header .gnb .menu .nav-item { color: var(--color-menu); display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; font-size: clamp(1.25rem, 0.9375vw + 0.3541666667rem, 1.625rem); font-weight: 700; }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 header .gnb .menu .nav-link, header .gnb .menu .nav-item { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; height: auto; }
 }
header .gnb .menu .nav-link.active { color: var(--color-primary); }
header .gnb .menu .nav-link.active::before { content: ""; display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; background-color: var(--color-primary); transition: all 0.4s; }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 header .gnb .menu .nav-link.active::before { display: none; }
 }
header .gnb .menu .nav-desc { font-size: clamp(1rem, 0.3125vw + 0.3125rem, 1.125rem); font-weight: 600; color: var(--color-light-3); }
header .gnb .menu .nav-dropdown { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; opacity: 0; background-color: var(--color-white); position: relative; transition: all 0.4s; height: 0; z-index: 10; overflow: hidden; }
header .gnb .menu .nav-dropdown li { list-style: none; }
header .gnb .menu .nav-dropdown li a { font-size: clamp(1rem, 0.3125vw + 0.3125rem, 1.125rem); }
header .gnb .menu .nav-dropdown li:hover { background-color: var(--color-light); }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 header .gnb.active { display: -webkit-flex; display: -ms-flex; display: flex; transform: translateX(0); transition: all 0.4s; opacity: 1; width: 70%; height: 100vh; }
 }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 header .gnb.active .nav { width: 100%; border-bottom: 1px solid var(--color-light-1); }
 }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 header .gnb.active .nav-link.active { height: auto; }
 }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 header .gnb.active .nav .nav-dropdown { display: none; background-color: var(--color-light); height: max-content; transition: unset !important; opacity: 1; }
 }
@media screen and (min-width: 320px) and (max-width: 680px) {
 .c-4 { flex: 0 0 100%; }
 }
.footer { background-color: var(--color-white); padding: 0; }
.footer-nav { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: var(--header-height); }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 .footer-nav { gap: 10px; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; }
 }
.footer-nav .fnav { display: flex; gap: 30px; }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 .footer-nav .fnav { gap: 10px; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; width: 100%; }
 }
.footer-nav .fnav li { list-style: none; }
.footer-nav .fnav li a { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: var(--color-text); height: 30px; border: 1px solid var(--color-light-1); border-radius: 3px; font-size: clamp(0.75rem, 0.3125vw + 0.2291666667rem, 0.875rem); padding: 0 20px; }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 .footer-nav .fnav li a { padding: 0 10px; }
 }
.footer-info { position: relative; }
.footer-info .ftext { display: -webkit-flex; display: -ms-flex; display: flex; gap: 20px; }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 .footer-info .ftext { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
 }
.footer-info .ftext li { list-style: none; display: -webkit-flex; display: -ms-flex; display: flex; gap: 10px; }
.footer-info .ftext li span { color: var(--color-text); font-size: clamp(0.75rem, 0.625vw + 0.2083333333rem, 1rem); }
.footer-info .fcopy { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; margin-top: 20px; margin-bottom: 70px; }
.footer-info .fcopy span { color: var(--color-text); font-size: clamp(0.75rem, 0.625vw + 0.2083333333rem, 1rem); }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 .footer-info .fcopy span { text-align: left; }
 }
.footer-info .backtop { display: -webkit-flex; display: -ms-flex; display: flex; background-color: var(--color-primary); color: var(--color-white); position: absolute; right: 0; top: 0; width: 48px; height: 48px; align-items: center; justify-content: center; }
main { margin-top: var(--header-height); }
@media screen and (min-width: 320px) and (max-width: 680px) {
 main { --header-height: 80px; }
 }
#pgBtn { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; position: fixed; right: 20px; top: 50%; width: auto; z-index: 99; transform: translateY(-50%); opacity: 0; transition: all 0.4s; }
#pgBtn ul { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; width: 100%; list-style: none; gap: 10px; }
#pgBtn ul li { list-style: none; display: -webkit-flex; display: -ms-flex; display: flex; position: relative; }
#pgBtn ul li a { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 48px; height: 48px; background-position: right center; background-repeat: no-repeat; background-size: contain; box-shadow: var(--box-shadow); z-index: 1; }
#pgBtn ul li a i { color: var(--color-white); font-size: 24px; }
#pgBtn ul li span { display: -webkit-flex; display: -ms-flex; display: flex; position: absolute; background-color: whitesmoke; padding: 5px 10px; border-radius: 3px; top: 50%; transform: translateY(-50%); padding-right: 30px; right: 30px; font-size: 14px; font-weight: 600; z-index: 0; width: 0; opacity: 0; white-space: nowrap; transition: all 0.4s; }
#pgBtn ul li:hover span { width: 100px; opacity: 1; }
#pgBtn .btn_bg1 { background-color: #A5A5A5; border-radius: 46% 54% 70% 30%/57% 52% 48% 43%; color: var(--color-primary); transition: all 0.4s; }
#pgBtn .btn_bg1:hover { background: var(--color-primary); color: var(--color-white); }
#pgBtn .btn_bg2 { background-color: var(--color-primary); border-radius: 58% 42% 35% 65%/44% 60% 40% 56%; }
#pgBtn .btn_bg3 { background-color: var(--color-primary); border-radius: 46% 54% 70% 30%/57% 52% 48% 43%; }
#pgBtn.show { opacity: 1; transition: all 0.4s; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 #pgBtn.show { display: none; visibility: hidden; }
 }
.back { background: var(--color-primary); color: var(--color-white); padding: 10px 30px; margin: 0 auto; position: relative; }
.backdiv { display: -webkit-flex; display: -ms-flex; display: flex; }
.fullmenu { display: -webkit-flex; display: -ms-flex; display: flex; background: var(--color-white); width: 100%; height: 100vh; z-index: 99; position: absolute; left: 0; top: 0; opacity: 0; scale: 0; overflow: hidden; transition: all 0.4s; }
.fullmenu .bg { display: -webkit-flex; display: -ms-flex; display: flex; position: absolute; left: 0; right: 0; background-image: url("/images/main/slider_1.jpg"); width: 35%; height: 100%; background-size: cover; background-repeat: no-repeat; }
.fullmenu nav { height: var(--header-height); z-index: 99; position: relative; }
@media screen and (min-width: 320px) and (max-width: 680px) {
 .fullmenu nav { --header-height: 80px; }
 }
.fullmenu nav .close { width: 36px; height: 36px; }
.fullmenu nav .close i { font-size: 36px; }
.fullmenu .logo { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; }
.fullmenu .logo img { height: 100%; max-height: calc(var(--header-height) * 0.8); width: 100%; }
@media screen and (min-width: 320px) and (max-width: 680px) {
 .fullmenu .logo img { --header-height: 80px; max-height: calc(var(--header-height) * 0.7); }
 }
.fullmenu-item { display: -webkit-flex; display: -ms-flex; display: flex; position: relative; left: 35%; }
.fullmenu-item .gnb { display: -webkit-flex; display: -ms-flex; display: flex; }
.fullmenu-item .gnb .menu { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.fullmenu-item .gnb .menu .nav { border-bottom: 1px solid var(--color-light-1); }
.fullmenu-item .gnb .menu .nav > a { color: var(--color-text); }
.fullmenu-item .gnb .menu .nav > a:hover { color: var(--color-primary); }
.fullmenu-item .gnb .menu a { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: var(--color-text); font-size: clamp(1.125rem, 1.5625vw + 0.2708333333rem, 1.75rem); font-weight: 700; padding-left: 0; }
.fullmenu-item .gnb .menu a:hover { color: var(--color-primary); }
.fullmenu-item .gnb .menu a span { font-size: clamp(1rem, 0.3125vw + 0.3125rem, 1.125rem); font-weight: 500; }
.fullmenu-item .gnb .menu ul.nav-dropdown { display: -webkit-flex; display: -ms-flex; display: flex; gap: 20px; }
.fullmenu-item .gnb .menu ul.nav-dropdown li { list-style: none; }
.fullmenu-item .gnb .menu ul.nav-dropdown li a { font-size: clamp(1rem, 0.3125vw + 0.3125rem, 1.125rem); }
.fixedd { position: fixed; width: 100%; overflow-y: scroll; overflow-x: hidden; }
.showw { scale: 1; opacity: 1; transition: all 0.4s; }
/*# sourceMappingURL=layout.css.map */
@media screen and (max-width: 1023px) {
 .layerPop { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: 90% !important; z-index: 98 !important; }
 }