@charset "utf-8";
/*
* File Name : default.css
* Description : 기본 스타일시트
* Author : Web business Team / JEONG SANG HOON
* Email : jeong90@geonspace.com
* Date : 2023.10.12
* Update : 2023.10.12
* (c) 2023. SH.JEONG Inc. all rights reserved.
*/

.fx{display: flex;}
.fx_sb{justify-content: space-between;}

:root{
    --color1:rgba(73, 224, 199);
    --color1_25:rgba(73, 224, 199, .25);
    --color1_50:rgba(73, 224, 199, .5);
    --kakao:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23f7f7f7' d='M22.125 0H1.875C.839 0 0 .84 0 1.875v20.25C0 23.161.84 24 1.875 24h20.25C23.161 24 24 23.16 24 22.125V1.875C24 .839 23.16 0 22.125 0M12 18.75c-.591 0-1.17-.041-1.732-.12c-.562.396-3.813 2.679-4.12 2.722c0 0-.125.049-.232-.014s-.088-.229-.088-.229c.032-.22.843-3.018.992-3.533c-2.745-1.36-4.57-3.769-4.57-6.513c0-4.246 4.365-7.688 9.75-7.688s9.75 3.442 9.75 7.688c0 4.245-4.365 7.687-9.75 7.687M8.05 9.867h-.878v3.342c0 .296-.252.537-.563.537s-.562-.24-.562-.537V9.867h-.878a.552.552 0 0 1 0-1.101h2.88a.552.552 0 0 1 0 1.101m10.987 2.957a.558.558 0 0 1 .109.417a.559.559 0 0 1-.219.37a.557.557 0 0 1-.338.114a.558.558 0 0 1-.45-.224l-1.319-1.747l-.195.195v1.227a.564.564 0 0 1-.562.563a.563.563 0 0 1-.563-.563V9.328a.563.563 0 0 1 1.125 0v1.21l1.57-1.57a.437.437 0 0 1 .311-.126c.14 0 .282.061.388.167a.555.555 0 0 1 .165.356a.438.438 0 0 1-.124.343l-1.282 1.281zm-8.35-3.502c-.095-.27-.383-.548-.75-.556c-.366.008-.654.286-.749.555l-1.345 3.541c-.171.53-.022.728.133.8a.857.857 0 0 0 .357.077c.235 0 .414-.095.468-.248l.279-.73h1.715l.279.73c.054.153.233.248.468.248a.86.86 0 0 0 .357-.078c.155-.071.304-.268.133-.8zm-1.311 2.443l.562-1.596l.561 1.596zm5.905 1.383a.528.528 0 0 1-.539.516h-1.804a.528.528 0 0 1-.54-.516v-3.82c0-.31.258-.562.575-.562s.574.252.574.562v3.305h1.195c.297 0 .54.231.54.515'/%3E%3C/svg%3E") no-repeat center / 100%;
    --kakao_hover1:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2349e0c7' d='M22.125 0H1.875C.839 0 0 .84 0 1.875v20.25C0 23.161.84 24 1.875 24h20.25C23.161 24 24 23.16 24 22.125V1.875C24 .839 23.16 0 22.125 0M12 18.75c-.591 0-1.17-.041-1.732-.12c-.562.396-3.813 2.679-4.12 2.722c0 0-.125.049-.232-.014s-.088-.229-.088-.229c.032-.22.843-3.018.992-3.533c-2.745-1.36-4.57-3.769-4.57-6.513c0-4.246 4.365-7.688 9.75-7.688s9.75 3.442 9.75 7.688c0 4.245-4.365 7.687-9.75 7.687M8.05 9.867h-.878v3.342c0 .296-.252.537-.563.537s-.562-.24-.562-.537V9.867h-.878a.552.552 0 0 1 0-1.101h2.88a.552.552 0 0 1 0 1.101m10.987 2.957a.558.558 0 0 1 .109.417a.559.559 0 0 1-.219.37a.557.557 0 0 1-.338.114a.558.558 0 0 1-.45-.224l-1.319-1.747l-.195.195v1.227a.564.564 0 0 1-.562.563a.563.563 0 0 1-.563-.563V9.328a.563.563 0 0 1 1.125 0v1.21l1.57-1.57a.437.437 0 0 1 .311-.126c.14 0 .282.061.388.167a.555.555 0 0 1 .165.356a.438.438 0 0 1-.124.343l-1.282 1.281zm-8.35-3.502c-.095-.27-.383-.548-.75-.556c-.366.008-.654.286-.749.555l-1.345 3.541c-.171.53-.022.728.133.8a.857.857 0 0 0 .357.077c.235 0 .414-.095.468-.248l.279-.73h1.715l.279.73c.054.153.233.248.468.248a.86.86 0 0 0 .357-.078c.155-.071.304-.268.133-.8zm-1.311 2.443l.562-1.596l.561 1.596zm5.905 1.383a.528.528 0 0 1-.539.516h-1.804a.528.528 0 0 1-.54-.516v-3.82c0-.31.258-.562.575-.562s.574.252.574.562v3.305h1.195c.297 0 .54.231.54.515'/%3E%3C/svg%3E") no-repeat center / 100%;
    --youtybe:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23f7f7f7' d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814M9.545 15.568V8.432L15.818 12z'/%3E%3C/svg%3E") no-repeat center / 100%;
    --youtybe_hover1:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2349e0c7' d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814M9.545 15.568V8.432L15.818 12z'/%3E%3C/svg%3E") no-repeat center / 100%;
    --naver:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23f7f7f7' d='M16.273 12.845L7.376 0H0v24h7.726V11.156L16.624 24H24V0h-7.727z'/%3E%3C/svg%3E") no-repeat center / 100%;
    --naver_hover1:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2349e0c7' d='M16.273 12.845L7.376 0H0v24h7.726V11.156L16.624 24H24V0h-7.727z'/%3E%3C/svg%3E") no-repeat center / 100%;
    --facebook:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23f7f7f7' d='M15.402 21v-6.966h2.333l.349-2.708h-2.682V9.599c0-.784.218-1.319 1.342-1.319h1.434V5.857a19.19 19.19 0 0 0-2.09-.107c-2.067 0-3.482 1.262-3.482 3.58v1.996h-2.338v2.708h2.338V21H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1z'/%3E%3C/svg%3E") no-repeat center / 100%;
    --facebook_hover1:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2349e0c7' d='M15.402 21v-6.966h2.333l.349-2.708h-2.682V9.599c0-.784.218-1.319 1.342-1.319h1.434V5.857a19.19 19.19 0 0 0-2.09-.107c-2.067 0-3.482 1.262-3.482 3.58v1.996h-2.338v2.708h2.338V21H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1z'/%3E%3C/svg%3E") no-repeat center / 100%;
    --instr:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23f7f7f7' d='M13.028 2c1.125.003 1.696.009 2.189.023l.194.007c.224.008.445.018.712.03c1.064.05 1.79.218 2.427.465c.66.254 1.216.598 1.772 1.153a4.908 4.908 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428c.012.266.022.487.03.712l.006.194c.015.492.021 1.063.023 2.188l.001.746v1.31a78.831 78.831 0 0 1-.023 2.188l-.006.194c-.008.225-.018.446-.03.712c-.05 1.065-.22 1.79-.466 2.428a4.883 4.883 0 0 1-1.153 1.772a4.915 4.915 0 0 1-1.772 1.153c-.637.247-1.363.415-2.427.465a72.11 72.11 0 0 1-.712.03l-.194.006c-.493.014-1.064.021-2.189.023l-.746.001h-1.309a78.43 78.43 0 0 1-2.189-.023l-.194-.006a63.036 63.036 0 0 1-.712-.031c-1.064-.05-1.79-.218-2.428-.465a4.889 4.889 0 0 1-1.771-1.153a4.904 4.904 0 0 1-1.154-1.772c-.247-.637-.415-1.363-.465-2.428a74.1 74.1 0 0 1-.03-.712l-.005-.194A79.047 79.047 0 0 1 2 13.028v-2.056a78.82 78.82 0 0 1 .022-2.188l.007-.194c.008-.225.018-.446.03-.712c.05-1.065.218-1.79.465-2.428A4.88 4.88 0 0 1 3.68 3.678a4.897 4.897 0 0 1 1.77-1.153c.638-.247 1.363-.415 2.428-.465c.266-.012.488-.022.712-.03l.194-.006a79 79 0 0 1 2.188-.023zM12 7a5 5 0 1 0 0 10a5 5 0 0 0 0-10m0 2a3 3 0 1 1 .001 6a3 3 0 0 1 0-6m5.25-3.5a1.25 1.25 0 0 0 0 2.5a1.25 1.25 0 0 0 0-2.5'/%3E%3C/svg%3E") no-repeat center / 100%;
    --instr_hover1:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2349e0c7' d='M13.028 2c1.125.003 1.696.009 2.189.023l.194.007c.224.008.445.018.712.03c1.064.05 1.79.218 2.427.465c.66.254 1.216.598 1.772 1.153a4.908 4.908 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428c.012.266.022.487.03.712l.006.194c.015.492.021 1.063.023 2.188l.001.746v1.31a78.831 78.831 0 0 1-.023 2.188l-.006.194c-.008.225-.018.446-.03.712c-.05 1.065-.22 1.79-.466 2.428a4.883 4.883 0 0 1-1.153 1.772a4.915 4.915 0 0 1-1.772 1.153c-.637.247-1.363.415-2.427.465a72.11 72.11 0 0 1-.712.03l-.194.006c-.493.014-1.064.021-2.189.023l-.746.001h-1.309a78.43 78.43 0 0 1-2.189-.023l-.194-.006a63.036 63.036 0 0 1-.712-.031c-1.064-.05-1.79-.218-2.428-.465a4.889 4.889 0 0 1-1.771-1.153a4.904 4.904 0 0 1-1.154-1.772c-.247-.637-.415-1.363-.465-2.428a74.1 74.1 0 0 1-.03-.712l-.005-.194A79.047 79.047 0 0 1 2 13.028v-2.056a78.82 78.82 0 0 1 .022-2.188l.007-.194c.008-.225.018-.446.03-.712c.05-1.065.218-1.79.465-2.428A4.88 4.88 0 0 1 3.68 3.678a4.897 4.897 0 0 1 1.77-1.153c.638-.247 1.363-.415 2.428-.465c.266-.012.488-.022.712-.03l.194-.006a79 79 0 0 1 2.188-.023zM12 7a5 5 0 1 0 0 10a5 5 0 0 0 0-10m0 2a3 3 0 1 1 .001 6a3 3 0 0 1 0-6m5.25-3.5a1.25 1.25 0 0 0 0 2.5a1.25 1.25 0 0 0 0-2.5'/%3E%3C/svg%3E") no-repeat center / 100%;
}


i.tel{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M9.36556 10.6821C10.302 12.3288 11.6712 13.698 13.3179 14.6344L14.2024 13.3961C14.4965 12.9845 15.0516 12.8573 15.4956 13.0998C16.9024 13.8683 18.4571 14.3353 20.0789 14.4637C20.599 14.5049 21 14.9389 21 15.4606V19.9234C21 20.4361 20.6122 20.8657 20.1022 20.9181C19.5723 20.9726 19.0377 21 18.5 21C9.93959 21 3 14.0604 3 5.5C3 4.96227 3.02742 4.42771 3.08189 3.89776C3.1343 3.38775 3.56394 3 4.07665 3H8.53942C9.0611 3 9.49513 3.40104 9.5363 3.92109C9.66467 5.54288 10.1317 7.09764 10.9002 8.50444C11.1427 8.9484 11.0155 9.50354 10.6039 9.79757L9.36556 10.6821ZM6.84425 10.0252L8.7442 8.66809C8.20547 7.50514 7.83628 6.27183 7.64727 5H5.00907C5.00303 5.16632 5 5.333 5 5.5C5 12.9558 11.0442 19 18.5 19C18.667 19 18.8337 18.997 19 18.9909V16.3527C17.7282 16.1637 16.4949 15.7945 15.3319 15.2558L13.9748 17.1558C13.4258 16.9425 12.8956 16.6915 12.3874 16.4061L12.3293 16.373C10.3697 15.2587 8.74134 13.6303 7.627 11.6707L7.59394 11.6126C7.30849 11.1044 7.05754 10.5742 6.84425 10.0252Z"></path></svg>') no-repeat center / 100%;}
i.pen{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2349e0c7"><path d="M5 18.89H6.41421L15.7279 9.57627L14.3137 8.16206L5 17.4758V18.89ZM21 20.89H3V16.6473L16.435 3.21231C16.8256 2.82179 17.4587 2.82179 17.8492 3.21231L20.6777 6.04074C21.0682 6.43126 21.0682 7.06443 20.6777 7.45495L9.24264 18.89H21V20.89ZM15.7279 6.74785L17.1421 8.16206L18.5563 6.74785L17.1421 5.33363L15.7279 6.74785Z"></path></svg>') no-repeat center / 100%;}
i.shape{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2349e0c7"><path d="M7.82929 20C7.41746 21.1652 6.30622 22 5 22C3.34315 22 2 20.6569 2 19C2 17.6938 2.83481 16.5825 4 16.1707V7.82929C2.83481 7.41746 2 6.30622 2 5C2 3.34315 3.34315 2 5 2C6.30622 2 7.41746 2.83481 7.82929 4H16.1707C16.5825 2.83481 17.6938 2 19 2C20.6569 2 22 3.34315 22 5C22 6.30622 21.1652 7.41746 20 7.82929V16.1707C21.1652 16.5825 22 17.6938 22 19C22 20.6569 20.6569 22 19 22C17.6938 22 16.5825 21.1652 16.1707 20H7.82929ZM7.82929 18H16.1707C16.472 17.1476 17.1476 16.472 18 16.1707V7.82929C17.1476 7.52801 16.472 6.85241 16.1707 6H7.82929C7.52801 6.85241 6.85241 7.52801 6 7.82929V16.1707C6.85241 16.472 7.52801 17.1476 7.82929 18ZM5 6C5.55228 6 6 5.55228 6 5C6 4.44772 5.55228 4 5 4C4.44772 4 4 4.44772 4 5C4 5.55228 4.44772 6 5 6ZM19 6C19.5523 6 20 5.55228 20 5C20 4.44772 19.5523 4 19 4C18.4477 4 18 4.44772 18 5C18 5.55228 18.4477 6 19 6ZM19 20C19.5523 20 20 19.5523 20 19C20 18.4477 19.5523 18 19 18C18.4477 18 18 18.4477 18 19C18 19.5523 18.4477 20 19 20ZM5 20C5.55228 20 6 19.5523 6 19C6 18.4477 5.55228 18 5 18C4.44772 18 4 18.4477 4 19C4 19.5523 4.44772 20 5 20Z"></path></svg>') no-repeat center / 100%;}
i.verified{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2349e0c7"><path d="M10.0073 2.10365C8.60568 1.64993 7.08206 2.28104 6.41181 3.59294L5.60603 5.17011C5.51029 5.35751 5.35787 5.50992 5.17048 5.60566L3.5933 6.41144C2.2814 7.08169 1.6503 8.60532 2.10401 10.0069L2.64947 11.6919C2.71428 11.8921 2.71428 12.1077 2.64947 12.3079L2.10401 13.9929C1.6503 15.3945 2.28141 16.9181 3.5933 17.5883L5.17048 18.3941C5.35787 18.4899 5.51029 18.6423 5.60603 18.8297L6.41181 20.4068C7.08206 21.7187 8.60569 22.3498 10.0073 21.8961L11.6923 21.3507C11.8925 21.2859 12.108 21.2859 12.3082 21.3507L13.9932 21.8961C15.3948 22.3498 16.9185 21.7187 17.5887 20.4068L18.3945 18.8297C18.4902 18.6423 18.6426 18.4899 18.83 18.3941L20.4072 17.5883C21.7191 16.9181 22.3502 15.3945 21.8965 13.9929L21.351 12.3079C21.2862 12.1077 21.2862 11.8921 21.351 11.6919L21.8965 10.0069C22.3502 8.60531 21.7191 7.08169 20.4072 6.41144L18.83 5.60566C18.6426 5.50992 18.4902 5.3575 18.3945 5.17011L17.5887 3.59294C16.9185 2.28104 15.3948 1.64993 13.9932 2.10365L12.3082 2.6491C12.108 2.71391 11.8925 2.71391 11.6923 2.6491L10.0073 2.10365ZM8.19283 4.50286C8.41624 4.06556 8.92412 3.8552 9.39132 4.00643L11.0763 4.55189C11.6769 4.74632 12.3236 4.74632 12.9242 4.55189L14.6092 4.00643C15.0764 3.8552 15.5843 4.06556 15.8077 4.50286L16.6135 6.08004C16.9007 6.64222 17.3579 7.09946 17.9201 7.38668L19.4973 8.19246C19.9346 8.41588 20.145 8.92375 19.9937 9.39095L19.4483 11.076C19.2538 11.6766 19.2538 12.3232 19.4483 12.9238L19.9937 14.6088C20.145 15.076 19.9346 15.5839 19.4973 15.8073L17.9201 16.6131C17.3579 16.9003 16.9007 17.3576 16.6135 17.9197L15.8077 19.4969C15.5843 19.9342 15.0764 20.1446 14.6092 19.9933L12.9242 19.4479C12.3236 19.2535 11.6769 19.2535 11.0763 19.4479L9.39132 19.9933C8.92412 20.1446 8.41624 19.9342 8.19283 19.4969L7.38705 17.9197C7.09983 17.3576 6.64258 16.9003 6.08041 16.6131L4.50323 15.8073C4.06593 15.5839 3.85556 15.076 4.0068 14.6088L4.55226 12.9238C4.74668 12.3232 4.74668 11.6766 4.55226 11.076L4.0068 9.39095C3.85556 8.92375 4.06593 8.41588 4.50323 8.19246L6.0804 7.38668C6.64258 7.09946 7.09983 6.64222 7.38705 6.08004L8.19283 4.50286ZM6.75984 11.7573L11.0025 15.9999L18.0736 8.92885L16.6594 7.51464L11.0025 13.1715L8.17406 10.343L6.75984 11.7573Z"></path></svg>') no-repeat center / 100%;}
i.presentation{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2349e0c7"><path d="M8 4C8 5.10457 7.10457 6 6 6 4.89543 6 4 5.10457 4 4 4 2.89543 4.89543 2 6 2 7.10457 2 8 2.89543 8 4ZM5 16V22H3V10C3 8.34315 4.34315 7 6 7 6.82059 7 7.56423 7.32946 8.10585 7.86333L10.4803 10.1057 12.7931 7.79289 14.2073 9.20711 10.5201 12.8943 9 11.4587V22H7V16H5ZM6 9C5.44772 9 5 9.44772 5 10V14H7V10C7 9.44772 6.55228 9 6 9ZM19 5H10V3H20C20.5523 3 21 3.44772 21 4V15C21 15.5523 20.5523 16 20 16H16.5758L19.3993 22H17.1889L14.3654 16H10V14H19V5Z"></path></svg>') no-repeat center / 100%;}
i.message{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2349e0c7"><path d="M6.45455 19L2 22.5V4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V18C22 18.5523 21.5523 19 21 19H6.45455ZM5.76282 17H20V5H4V18.3851L5.76282 17ZM11 10H13V12H11V10ZM7 10H9V12H7V10ZM15 10H17V12H15V10Z"></path></svg>') no-repeat center / 100%;}
i.building{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2349e0c7"><path d="M21 19H23V21H1V19H3V4C3 3.44772 3.44772 3 4 3H14C14.5523 3 15 3.44772 15 4V19H19V11H17V9H20C20.5523 9 21 9.44772 21 10V19ZM5 5V19H13V5H5ZM7 11H11V13H7V11ZM7 7H11V9H7V7Z"></path></svg>') no-repeat center / 100%;}
i.next{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2349e0c7"><path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z"></path></svg>') no-repeat center / 100%;}
i.prev{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2349e0c7"><path d="M7.82843 10.9999H20V12.9999H7.82843L13.1924 18.3638L11.7782 19.778L4 11.9999L11.7782 4.22168L13.1924 5.63589L7.82843 10.9999Z"></path></svg>') no-repeat center / 100%;}

body{background:#000;}
/* *{color:#f7f7f7;} */

.en{font-family: 'Poppins', sans-serif;}
/* #content{overflow: hidden;} */

i::before{transition: all .3s ease; content:''; width:100%; height:100%;}
i.kakao::before{background:var(--kakao);}
i.kakao:hover::before{background:var(--kakao_hover1);}
i.youtube::before{background: var(--youtybe);}
i.youtube:hover::before{background: var(--youtybe_hover1);}
i.naver::before{background: var(--naver);}
i.naver:hover::before{background: var(--naver_hover1);}
i.facebook::before{background: var(--facebook);}
i.facebook:hover::before{background: var(--facebook_hover1);}
i.instr::before{background: var(--instr);}
i.instr:hover::before{background: var(--instr_hover1);}

header{position: fixed; width:100%; z-index: 10000; display: flex; align-items: center;  height:100px; transition: all .3s ease;}
header:hover{backdrop-filter: blur(10px); background:rgba(0, 0, 0, .85)}
header .container{position: relative; display: flex; justify-content: space-between; align-items: center; width:100%; height:100%; margin:0 auto;}
header .logo{margin-left:50px;}
header .logo span{display: flex; width:241px;}
header .logo svg .cls-1{fill:#f7f7f7;}
header .logo svg .cls-2{fill:var(--color1);}
header .logo svg .cls-3{fill:var(--color1);}
header .menu{display: flex; height:100%;}
header .menu > ul{display: flex; height:100%;}
header .menu > ul > li{display: flex; align-items: center; height:100%; position: relative;}
header .menu > ul > li > a{display: flex; align-items: center; height:100%; padding:0 40px; font-size:16px; font-weight: 500; color:#fff; position: relative; overflow: hidden; transition: all .3s ease;}
header .menu > ul > li > a::before{position: absolute; left:50%; top:calc(100% - 25px); transform: translate(-50%, 0); content:''; width:1px; height:0px; background:var(--color1); z-index: 10; transition: all .3s ease;}
header .menu > ul > li:hover > a{color:var(--color1);}
header .menu > ul > li:hover > a::before{height:30px;}
header .menu > ul > li ul{position: absolute; left:50%; top:100%; transform: translateX(-50%); width:0; overflow: hidden; transition: all .3s ease; background:#000; box-shadow: 0 10px 20px rgba(0, 0, 0, .25);}
header .menu > ul > li:hover ul{width:200px; border:1px solid rgba(255, 255, 255, .15); border-top:0;}
header .menu > ul > li ul li{display: flex;}
header .menu > ul > li ul li a{font-size:14px; white-space: nowrap; color:#f7f7f7; width:100%; padding:15px;  transition: all .3s ease; font-weight: 400; opacity: .5; position: relative; display: flex; justify-content: space-between;}
header .menu > ul > li ul li a::after{display: flex; content:''; width:15px; height:15px; transform: translateX(-10px); background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='15px' height='15px' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6z'/%3E%3C/svg%3E"); opacity: 0; transition: all .3s ease;}
header .menu > ul > li ul li a:hover{background:#222; opacity: 1;}
header .menu > ul > li ul li:hover a::after{transform: translateX(0); opacity: 1;}
header .menu .member{position: relative; display: flex; align-items: center;}
header .menu .member > div{display: flex; align-items: center; position: relative; border:1px solid rgba(255, 255, 255, .25);}
header .menu .member > div > a{padding:7px 10px;  color:rgba(255, 255, 255, .5); font-size:12px; transition: all .3s ease;}
header .menu .member > div > a:hover{color:rgba(255, 255, 255, .75);}
header .menu .member h3{display: flex; color:rgba(255, 255, 255, .5); line-height: 1; gap:15px; cursor: pointer; align-items: center; font-size:14px; padding:10px;}
header .menu .member h3::after{display: flex; content:''; width:15px; height:15px; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"></path></svg>') no-repeat center / 100%;}
header .menu .member ul{position: absolute; top:100%; left:50%; transform: translate(-50%,.5px); width:100%; border:1px solid rgba(255, 255, 255, .25);}
header .menu .member ul{display: none;}
header .menu .member:hover ul{display: block; opacity: 0; animation: member_fade .3s linear forwards;}
@keyframes member_fade { 0%{opacity: 0;} 100%{opacity: 1;} }
header .menu .member ul li a{display: flex; padding:7px 10px; transition: all .3s ease; color:rgba(255, 255, 255, .5); background:#111; font-size:12px;}
header .menu .member ul li:hover a{color:rgba(255, 255, 255, .75);}



header .site_map_btn{position: relative; display: flex; align-items: center; justify-content: center; width:100px; height:100px; cursor: pointer;}
header .site_map_btn > span{position: relative; width:24px;}
header .site_map_btn > span::before{position: absolute; content:''; left:50%; top:calc(50% - 4px); transform: translate(-50%,-50%); width:100%; height:3px; background:#fff; transition: all .3s ease;}
header .site_map_btn > span::after{position: absolute; content:''; right:0; top:calc(50% + 4px); transform: translate(0,-50%); width:60%; height:3px; background:#fff; transition: all .3s ease;}
header .site_map_btn:hover > span::before{background:var(--color1);}
header .site_map_btn:hover > span::after{background:var(--color1);}
header .site_map_btn:hover > span::after{width:100%;}
.site_map{position: fixed; left:0; top:0; width:100%; height:100vh; z-index: 100000; visibility: hidden; opacity: 0; transition: all .3s ease;}
.site_map.on{visibility: inherit; opacity: 1;}
.site_map .close{position: absolute; right:25px; top:25px; width:50px; height:50px; cursor: pointer;}
.site_map .close::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); content:''; width:100%; height:1px; background:#fff;}
.site_map .close::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(-45deg); content:''; width:100%; height:1px; background:#fff;}
.site_map .container{display: flex; width:100%; height:100%; background:#111;}
.site_map .content{width:50%; height:100%;}
.site_map .content_bg{background:url(../img/site_map_bg01.jpg) no-repeat center / cover;; transition: all .3s ease;}
.site_map .content_bg.bg1{background:url(../img/site_map_bg01.jpg) no-repeat center / cover;}
.site_map .content_bg.bg2{background:url(../img/site_map_bg02.jpg) no-repeat center / cover;}
.site_map .content_bg.bg3{background:url(../img/site_map_bg03.jpg) no-repeat center / cover;}
.site_map .content_bg.bg4{background:url(../img/site_map_bg04.jpg) no-repeat center / cover;}
.site_map .content_bg.bg5{background:url(../img/site_map_bg05.jpg) no-repeat center / cover;}
.site_map .content_bg.bg6{background:url(../img/site_map_bg06.jpg) no-repeat center / cover;}

.site_map .menu{padding:50px 100px;}
.site_map .menu h2{font-size:3em; color:var(--color1); line-height: 1; margin-bottom:20px; position: relative;}
.site_map .menu h2::before{position: absolute; content:''; right:calc(100% + 40px); top:50%; transform: translateY(-50%); width:60px; height:1px; background:#f7f7f7;}
.site_map .menu > ul > li{border-bottom:1px solid rgba(255, 255, 255, .15);; padding:35px 0; display: flex;}
.site_map .menu > ul > li:last-child{margin:0; border:0;}
.site_map .menu > ul > li > a{display: flex; color:#fff; font-size:24px; font-weight: 700; opacity: .5; position: relative; transition: all .3s ease; width:200px; padding:5px 0;}
.site_map .menu > ul > li:hover > a{opacity: 1;}
.site_map .menu > ul > li > ul{display: flex;width:100%; flex-wrap: wrap; width:calc(100% - 200px)}
.site_map .menu > ul > li > ul li a{display: flex; font-size:16px; color:#f7f7f7; padding:10px 15px; font-weight: 500; opacity: .5; position: relative; transition: all .3s ease; font-weight: 300;}
.site_map .menu > ul > li > ul li:hover a{opacity: 1;}
@media (max-width:1700px) {
    .site_map .menu{width:60%; display: flex; flex-direction: column;}
    .site_map .content_bg{width:40%;}
    

}

@media (max-width:1500px) {
    header .menu > ul{display: none;}
    .site_map .menu > ul{height:100%; overflow-y: scroll;}
    .site_map .menu > ul > li{padding:30px 0;}
}

@media(max-width:1440px){

}

@media(max-width:1024px){
    header{height:80px;}
    header .site_map_btn{width:80px; height:80px;}
    header .logo{margin-left:30px;}
    header .logo span{width:160px;}
    .site_map .menu{padding:50px;}
    .site_map .menu h2::before{display: none;}
    .site_map .menu h2{font-size:24px;}
    .site_map .menu > ul > li:first-child{padding-top:0;}
    .site_map .menu > ul > li > a{font-size:18px; width:160px; opacity: 1;}
    .site_map .menu > ul > li > ul{width:calc(100% - 160px);}
    .site_map .menu > ul > li > ul li a{font-size:14px;}
    
    
}

@media(max-width:768px){
    header{height:60px; background:#000;}
    header .site_map_btn{width:60px; height:60px;}
    header .menu .member > div{border:0;}
    header .menu .member > div > a{color:rgba(255, 255, 255, 1);}
    header .menu .member{margin-right:20px;}
    .site_map .content_bg{display: none;}
    .site_map .menu > ul > li{flex-direction: column; padding:20px 0;}
    .site_map .menu > ul > li > a{width:100%;}
    .site_map .menu > ul > li > ul{width:100%; margin:0 -15px;}
    .site_map .menu{width:100%;}
    .site_map .close{width:40px; height:40px;}
    
    
}

@media(max-width:425px){
    header .logo{margin-left:15px;}
    header .logo span{width:120px;}
    header .menu .member{margin-right:0;}
    header .menu .member > div > a span{font-size:10px;}
    .site_map .menu{padding:40px;}
}




.fix_sns{position: fixed; left:50px; transform: translateX(-20px); bottom:50px; z-index: 10000; transition: all .3s ease;}
.fix_sns ul{display: flex;}
.fix_sns ul li{width:50px; height:50px;}
.fix_sns ul li a{display: flex; align-items: center; justify-content: center; width:100%; height:100%; color:#f7f7f7; font-weight: 700;}
.fix_sns ul li a i{position: relative; display: flex; align-items: center; justify-content: center; width:100%; height:100%;}
.fix_sns ul li a i::before{width:40%; height:40%;}
.fix_sns ul li a:hover i::before{transform: translateY(-7px);}
.fix_top{position: fixed; right:50px; bottom:50px; width:60px; height:60px; cursor: pointer; z-index: 10000; display: flex; flex-direction: column; align-items: center; justify-content: center; background:transparent; border:1px solid rgba(255, 255, 255, .15); transition: all .3s ease;}
.fix_top i{width:20px; height:20px; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23f7f7f7"><path d="M13.0001 7.82843V20H11.0001V7.82843L5.63614 13.1924L4.22192 11.7782L12.0001 4L19.7783 11.7782L18.3641 13.1924L13.0001 7.82843Z"></path></svg>') no-repeat center / 100%; transition: all .3s ease;}
.fix_top span{color:#fff; transition: all .3s ease; font-size:12px; font-weight: 500;}
.fix_top:hover{background:var(--color1); border-color: var(--color1);}
.fix_top:hover i{ background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231b1b1b"><path d="M13.0001 7.82843V20H11.0001V7.82843L5.63614 13.1924L4.22192 11.7782L12.0001 4L19.7783 11.7782L18.3641 13.1924L13.0001 7.82843Z"></path></svg>') no-repeat center / 100%; transition: all .3s ease;}
.fix_top:hover span{color:#111;}
.fp-viewing-0 .fix_top,.fp-viewing-5 .fix_sns{visibility: hidden; opacity: 0;}
@media(max-width:1440px){

}

@media(max-width:1024px){
    .fix_sns{left:5%; bottom:30px;}
    .fix_sns ul li{width:40px; height:40px;}
    .fix_top{right:2.5%; bottom:30px;}
}

@media(max-width:768px){
    .fix_top{width:50px; height:50px;}
}

@media(max-width:425px){

}



.footer{position: relative; background:#111;}
.footer .footer_top{width:100%; padding:25px 0; border-bottom:1px solid rgba(255, 255, 255, .15);}
.footer .menu{ display: flex; justify-content: space-between; width: calc(100% - 200px); margin:0 auto;}
.footer .menu ul{display: flex; gap:50px;}
.footer .menu a{color:#f7f7f7; font-weight: 500; opacity: .5; transition: all .3s ease;}
.footer .menu a:hover{opacity: 1;}
.footer .content{width: calc(100% - 200px); margin:0 auto; padding:35px 0; display: flex; }
.footer .item{color:#f7f7f7; flex-grow: 1;}
.footer .logo{display: flex; align-items: center; width:25%; opacity: .75;}
.footer .logo span{display: flex; width:241px;}
.footer .logo svg .cls-1{fill:#f7f7f7;}
.footer .logo svg .cls-2{fill:var(--color1);}
.footer .logo svg .cls-3{fill:var(--color1);}
.footer .item h4{margin-bottom:15px; color:var(--color1)}
.footer .info{width:35%;}
.footer .info ul{display: flex; flex-direction: column; gap:10px;}
.footer .info ul li{display: flex;}
.footer .info ul li .desc1{font-weight: 700; width:75px;}
.footer .info ul li .desc2{width:calc(100% - 75px); opacity: .75; word-break: keep-all;}
.footer .cont{width:25%;}
.footer .cont h5{font-size:3em; line-height: 1; margin-bottom:20px;}
.footer .cont p{opacity: .75;}
.footer .sns{width:20%;}
.footer .sns ul{display: flex; gap:25px;}
.footer .sns ul li{width:20px; height:20px;}
.footer .sns ul li a{display: flex; align-items: center; justify-content: center; width:100%; height:100%; color:#f7f7f7; font-weight: 700; opacity: .5; transition: all .3s ease;}
.footer .sns ul li a:hover{opacity: 1;}
.footer .sns ul li a i{position: relative; display: flex; align-items: center; justify-content: center; width:100%; height:100%;}
.footer .sns ul li a i::before{width:100%; height:100%;}
.footer .sns ul li a:hover i.kakao::before{background:var(--kakao);}
.footer .sns ul li a:hover i.youtube::before{background:var(--youtybe);}
.footer .sns ul li a:hover i.naver::before{background:var(--naver); }
.footer .sns ul li a:hover i.facebook::before{background:var(--facebook);}
.footer .sns ul li a:hover i.instr::before{background:var(--instr); }
.footer .copy{padding:25px 0; text-align: center; color:#f7f7f7; opacity: .5; border-top:1px solid rgba(255, 255, 255, .15);}
@media(max-width:1440px){
    .footer .content{width:90%; gap:50px;}
    .footer .menu{width:90%;}
    .footer .menu ul{gap:40px;}
}

@media(max-width:1024px){
    .footer .content{ flex-wrap: wrap; gap:50px;}
    .footer .content > div:first-child{width:100%; justify-content: center;}
    .footer .content > div{width:calc((100% - 50px) / 2);}
    .footer .content > div:last-child{display: none;}
    .footer .footer_top{padding: 10px 0;}
    .footer .menu{flex-wrap: wrap;}
    .footer .menu ul{gap:0;}
    .footer .menu a{display: flex; padding:10px;}
}

@media(max-width:768px){
    .footer .menu{justify-content: center;}
    .footer .menu ul:nth-child(1){display: none;}
    .footer .content > div:first-child{justify-content: center;}
    .footer .content > div{display: flex; flex-direction: column; align-items: center; text-align: center; width:100%;}
}

@media(max-width:425px){
    .footer .content > div:first-child{justify-content: center;}
    .footer .content > div{align-items: flex-start; text-align: left; width:100%;}
}



.select_type1{position: relative; padding:15px; color:rgba(255, 255, 255, .75); border:1px solid rgba(255, 255, 255, .15); height:54px; cursor: pointer;}
.select_type1::after{position: absolute; right:15px; top:50%; transform: translate(0,-50%) rotate(45deg); content:''; width:10px; height:10px; border:2px solid #f7f7f7; border-left:0; border-top:0; opacity: .75;}
.select_type1 h3{font-size:16px; font-weight: 500;}
.select_type1 .menu{ display: none; position: absolute; left:50%; top:100%; width:calc(100% + 1px); transform: translateX(-50%); border:1px solid rgba(255, 255, 255, .15); padding-right:5px; background:#111; z-index: 1;}
.select_type1 .menu ul{overflow: hidden; overflow-Y: scroll; height:200px; padding-right:5px;}
.select_type1 .menu ul::-webkit-scrollbar{width:5px; background:transparent}
.select_type1 .menu ul::-webkit-scrollbar-thumb{background:#f7f7f7; border-radius: 100px;}
.select_type1 .menu ul li{padding:10px; cursor: pointer; transition: all .3s ease;}
.select_type1 .menu ul li:hover{background:rgba(255, 255, 255, .1);}
.select_type1.on{border-color:#fff;}
.select_type1.on .menu{display: block; border-color: rgba(255, 255, 255, 1);}
.search_type1{display: flex; height:54px;}
.search_type1 input{border:1px solid rgba(255, 255, 255, .15); border-right:0; background:transparent; padding:15px; color:rgba(255, 255, 255, .75);}
.search_type1 input:focus-visible{outline: 0; border:1px solid rgba(255, 255, 255, 1);}
.search_type1 button{display: flex; width:54px; border:1px solid rgba(255, 255, 255, .15); border-left:0; background:transparent; cursor: pointer;}
.search_type1 button span{width:100%; height:100%; background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72'/%3E%3C/svg%3E") no-repeat center / 50%; opacity: .75; transition: all .3s ease;}
.search_type1 button:hover span{opacity: 1;}

.li_type1{width:100%; border-top:2px solid rgba(255, 255, 255, .75);}
.li_type1 > li{width:100%;}
.li_type1 ul{display: flex; width:100%;}
.li_type1 ul li{padding:15px; text-align: center; flex-grow: 1; color:rgba(255, 255, 255, .5); border-bottom:1px solid rgba(255, 255, 255, .15);}


.modal{position: fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .5); z-index: 99999999; visibility: hidden; opacity: 0; transition: all .3s ease;}
.modal.on{visibility: initial; opacity: 1;}
.modal .container{position: absolute; padding:100px; left:50%; top:100%; transform: translate(-50%,-50%); width:calc(100% - 200px); height:calc(100% - 200px); background:#111; border:4px solid #000; border-radius: 40px; box-shadow: 0 20px 40px rgba(0, 0, 0, .25); opacity: 0; transition: all .3s ease;}
.modal.on .container{top:50%; opacity: 1;}
.modal .close{position: absolute; right:0; top:0; width:80px; height:80px; cursor: pointer;}
.modal .close::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); content:''; width:50%; height:1px; background:#f7f7f7;}
.modal .close::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(-45deg); content:''; width:50%; height:1px; background:#f7f7f7;}
.modal .info_group{display: flex; flex-direction: column; height:100%; overflow-y: scroll;}
.modal .info_group::-webkit-scrollbar{background:transparent; width:5px;}
.modal .info_group::-webkit-scrollbar-thumb{background:#f7f7f7; border-radius: 100px;}
.modal h2{font-size:2em; color:#f7f7f7; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid rgba(255, 255, 255, .15);}
.modal .info_group > div{word-break: keep-all; color:rgba(255, 255, 255, .5);  height:auto; padding-right:20px;}
.modal .info_group .box{padding:25px; background:rgba(255, 255, 255, .15); margin-bottom:25px;}
.modal h3{color:rgba(255, 255, 255, .75); margin:20px 0;}
@media(max-width:1440px){

}

@media(max-width:1024px){
    .modal .container{padding:100px 20px 50px;}
}

@media(max-width:768px){
    .modal .container{width:95%;}
}

@media(max-width:425px){

}


.sub_bg{position: fixed; content:''; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; height:100%;}
.sub_bg canvas{position: relative; width:100%; height:100%; opacity: .15;}
.nostyle{background:transparent !important; color:rgba(255, 255, 255, .75) !important;}