@charset "utf-8";

@import url("./fonts.css");

/* reset */
* {
    margin: 0;
    border: 0;
}
html {
    scroll-behavior: smooth;
}
html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: "Noto Sans KR", "맑은 고딕", "AppleSDGothcNeo", "AppleGothic",
        sans-serif;
    font-size: 16px;
    text-decoration: none;
    color: #000000;
    letter-spacing: -1px;
}
ul,
ol,
li {
    list-style: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    border: 0;
    outline: 0;
    display: block;
}
img {
    width: 100%;
    border: 0;
    border-style: none;
}
button {
    cursor: pointer;
    border: none;
    outline: none;
}
address,
cite,
dfn,
em,
var {
    font-style: normal;
}

/* input type="number" 화살표 제거*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox  */
input[type="number"] {
    -moz-appearance: textfield;
}

p {
    margin: 0;
}

.hidden {
    display: none;
}
.blind {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
}

.m_break {
    display: none;
}
.pc_break {
    display: block;
}

/* 고정 */
/* header { min-width: 1645px; } 
body { min-width: 1645px; } 
footer { min-width: 1645px; } */

:root {
    /* font size */
    --font-bannerTit: 3.75rem; /* 60px */
    --font-M-bannerTit: 2.5rem; /* 40px */
    --font-secTit: 1.625rem; /* 26px */
    --font-M-secTit: 1.375rem; /* 22px */

    --font-esgTit: 5rem; /* 80px */

    --font-big: 2.5rem; /* 40px */
    --font-txt: 1.25rem; /* 20px */
    --font-middle: 1.125rem; /* 18px */
    --font-basis: 1rem; /* 16px */
    --font-size15: 0.938rem; /* 15px */
    --font-size14: 0.875rem; /* 14px */
    --font-size13: 0.813rem; /* 13px */

    /* color */
    --color-primary: #005f73;
    --color-black: #111111;
    --color-gray: #555555;
    --color-gray-Light: #888888;
    --color-gray-Light2: #7a7a7a;
    --color-gray-Light3: #f9fafb;
    --color-yellow: #f8c800;
    --color-green: #3bba6c;
    --color-blue: #4c80e5;
    --color-pink: #e680c9;
    --color-bg-gray: #efefef;
    --color-white-opacity: #ffffff8a;
    --color-white: #ffffff;

    /* logo */
    --logo-color-black: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='20' viewBox='0 0 108 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1223_5455)'%3E%3Cpath d='M60.0775 11.3955C61.0611 11.3955 61.8585 10.6007 61.8585 9.6203C61.8585 8.63988 61.0611 7.84509 60.0775 7.84509C59.0938 7.84509 58.2964 8.63988 58.2964 9.6203C58.2964 10.6007 59.0938 11.3955 60.0775 11.3955Z' fill='%2342ABA2'/%3E%3Cpath d='M71.4046 11.3955C72.3883 11.3955 73.1857 10.6007 73.1857 9.6203C73.1857 8.63988 72.3883 7.84509 71.4046 7.84509C70.421 7.84509 69.6235 8.63988 69.6235 9.6203C69.6235 10.6007 70.421 11.3955 71.4046 11.3955Z' fill='%23015F73'/%3E%3Cpath d='M0 20V11.642C0 10.1283 0.534828 8.8308 1.60953 7.74958C2.69432 6.66837 4.00617 6.12524 5.53497 6.12524C7.26055 6.12524 8.67835 6.78403 9.77323 8.10161C10.8883 6.78403 12.3061 6.12524 14.0317 6.12524C15.5504 6.12524 16.8521 6.66837 17.9369 7.74958C19.0217 8.8308 19.5666 10.1283 19.5666 11.642V20H16.9732V11.642C16.9732 10.8323 16.6856 10.1433 16.1104 9.57005C15.5352 8.99676 14.839 8.71011 14.0317 8.71011C13.2244 8.71011 12.518 8.99676 11.9327 9.57005C11.3575 10.1433 11.0699 10.8373 11.0699 11.642V20H8.47652V11.642C8.47652 10.8323 8.18893 10.1433 7.61373 9.57005C7.03854 8.99676 6.34226 8.71011 5.53497 8.71011C4.72768 8.71011 4.03139 8.99676 3.4562 9.57005C2.88101 10.1433 2.59341 10.8373 2.59341 11.642V20H0Z' fill='%23121212'/%3E%3Cpath d='M25.5405 17.9633C24.1782 16.6055 23.4971 14.9761 23.4971 13.0701C23.4971 11.1642 24.1782 9.5147 25.5405 8.15689C26.9028 6.79908 28.5376 6.12018 30.4498 6.12018C32.3621 6.12018 34.017 6.79908 35.3793 8.15689C36.7416 9.5147 37.4228 11.1491 37.4228 13.0701C37.4228 14.9912 36.7416 16.6055 35.3793 17.9633C34.017 19.3211 32.3772 20 30.4498 20C28.5224 20 26.9028 19.3211 25.5405 17.9633ZM27.367 9.97736C26.5143 10.8373 26.0905 11.8682 26.0905 13.0701C26.0905 14.2721 26.5143 15.2929 27.367 16.1428C28.2197 16.9927 29.244 17.4151 30.4498 17.4151C31.6557 17.4151 32.68 16.9927 33.5327 16.1428C34.3955 15.2929 34.8294 14.2721 34.8294 13.0701C34.8294 11.8682 34.3955 10.8373 33.5327 9.97736C32.6699 9.11741 31.6557 8.70504 30.4498 8.70504C29.244 8.70504 28.2197 9.12747 27.367 9.97736Z' fill='%23121212'/%3E%3Cpath d='M55.0873 13.0702C55.0873 14.9761 54.4062 16.6055 53.0439 17.9633C51.6816 19.3211 50.0418 20 48.1144 20C46.187 20 44.5674 19.3211 43.2051 17.9633C41.8428 16.6055 41.1616 14.9761 41.1616 13.0702C41.1616 11.1642 41.8428 9.51473 43.2051 8.15693C44.5674 6.79912 46.2021 6.12022 48.1144 6.12022C49.7391 6.12022 51.1972 6.64825 52.4939 7.70433V0.0201416H55.0873V13.0702ZM48.1194 17.4152C49.3354 17.4152 50.3697 16.9927 51.2224 16.1428C52.0751 15.293 52.499 14.2721 52.499 13.0702C52.499 11.8683 52.0751 10.8373 51.2224 9.9774C50.3597 9.12751 49.3253 8.70508 48.1194 8.70508C46.9135 8.70508 45.8893 9.12751 45.0366 9.9774C44.1839 10.8373 43.7601 11.8683 43.7601 13.0702C43.7601 14.2721 44.1839 15.293 45.0366 16.1428C45.8893 16.9927 46.9135 17.4152 48.1194 17.4152Z' fill='%23121212'/%3E%3Cpath d='M83.4383 6.1051C85.3505 6.1051 86.9853 6.78401 88.3476 8.14182C89.7099 9.49962 90.391 11.134 90.391 13.0551C90.391 14.9761 89.7099 16.5904 88.3476 17.9482C86.9853 19.306 85.3505 19.9849 83.4383 19.9849C81.526 19.9849 79.8711 19.306 78.5088 17.9482C77.1465 16.5904 76.4653 14.961 76.4653 13.0551V0H79.0587V7.68921C80.3555 6.63314 81.8136 6.1051 83.4383 6.1051ZM83.4383 17.395C84.6442 17.395 85.6684 16.9726 86.5211 16.1227C87.3738 15.2728 87.7976 14.2519 87.7976 13.05C87.7976 11.8481 87.3738 10.8172 86.5211 9.95725C85.6684 9.10737 84.6442 8.68494 83.4383 8.68494C82.2324 8.68494 81.188 9.10737 80.3353 9.95725C79.4826 10.8172 79.0587 11.8481 79.0587 13.05C79.0587 14.2519 79.4826 15.2728 80.3353 16.1227C81.188 16.9726 82.2223 17.395 83.4383 17.395Z' fill='%23121212'/%3E%3Cpath d='M96.8848 14.3626C97.1723 15.2477 97.692 15.9819 98.4337 16.5552C99.2057 17.1285 100.074 17.4151 101.042 17.4151C101.814 17.4151 102.586 17.2391 103.358 16.8871C104.171 16.52 104.766 16.0573 105.144 15.4991L107.284 16.9474C106.668 17.8627 105.77 18.5969 104.594 19.1602C103.429 19.7234 102.243 20 101.042 20C99.1199 20 97.4751 19.3211 96.1128 17.9633C94.7505 16.6055 94.0693 14.9761 94.0693 13.0701C94.0693 11.1642 94.7505 9.5147 96.1128 8.15689C97.4751 6.79908 99.1149 6.12018 101.042 6.12018C102.97 6.12018 104.589 6.79908 105.952 8.15689C107.314 9.5147 107.995 11.1491 107.995 13.0701C107.995 13.5026 107.955 13.9251 107.879 14.3425L96.8848 14.3626ZM101.047 8.71007C100.079 8.71007 99.2108 8.99672 98.4388 9.57002C97.692 10.1433 97.1774 10.8826 96.8898 11.7827H105.195C104.907 10.8826 104.393 10.1483 103.646 9.57002C102.874 8.99672 102.011 8.71007 101.052 8.71007H101.047Z' fill='%23121212'/%3E%3Cpath d='M70.1686 13.0601V13.0702C70.1686 14.2721 69.7448 15.293 68.8921 16.1428C68.2816 16.7513 67.5802 17.1386 66.7881 17.3096C66.7881 17.3096 66.7881 17.3146 66.7881 17.3196C66.223 17.4604 65.8042 17.9633 65.8042 18.5718C65.8042 19.2859 66.3844 19.8642 67.1009 19.8642C67.2523 19.8642 67.3986 19.8341 67.5348 19.7838C68.7205 19.4921 69.7851 18.8937 70.7135 17.9633C72.0758 16.6055 72.757 14.9761 72.757 13.0702V13.0601H70.1636H70.1686Z' fill='%23015F73'/%3E%3Cpath d='M64.6686 17.2643C63.942 17.0782 63.2861 16.7111 62.7059 16.1479C61.8532 15.298 61.4293 14.2771 61.4293 13.0752V13.0651H58.8359V13.0752C58.8359 14.9811 59.5171 16.6105 60.8794 17.9683C61.9188 19.0043 63.1297 19.6329 64.497 19.8743C64.1842 19.5575 63.9874 19.1199 63.9874 18.6422C63.9874 18.084 64.2549 17.5911 64.6635 17.2693L64.6686 17.2643Z' fill='%2342ABA2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1223_5455'%3E%3Crect width='108' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    --logo-color-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126' height='24' viewBox='0 0 126 24' fill='none'%3E%3Cg clip-path='url(%23clip0_1221_3758)'%3E%3Cpath d='M69.5902 13.6049C70.7287 13.6049 71.6517 12.6909 71.6517 11.5634C71.6517 10.4359 70.7287 9.52188 69.5902 9.52188C68.4517 9.52188 67.5288 10.4359 67.5288 11.5634C67.5288 12.6909 68.4517 13.6049 69.5902 13.6049Z' fill='%2342ABA2'/%3E%3Cpath d='M82.7003 13.6049C83.8388 13.6049 84.7618 12.6909 84.7618 11.5634C84.7618 10.4359 83.8388 9.52188 82.7003 9.52188C81.5619 9.52188 80.6389 10.4359 80.6389 11.5634C80.6389 12.6909 81.5619 13.6049 82.7003 13.6049Z' fill='%23015F73'/%3E%3Cpath d='M0.0561523 23.5V13.8882C0.0561523 12.1475 0.675167 10.6554 1.91903 9.412C3.17458 8.1686 4.69292 7.54401 6.46237 7.54401C8.45956 7.54401 10.1005 8.30161 11.3678 9.81683C12.6583 8.30161 14.2993 7.54401 16.2965 7.54401C18.0543 7.54401 19.5609 8.1686 20.8165 9.412C22.072 10.6554 22.7027 12.1475 22.7027 13.8882V23.5H19.7011V13.8882C19.7011 12.9571 19.3682 12.1648 18.7025 11.5055C18.0368 10.8462 17.2309 10.5166 16.2965 10.5166C15.3622 10.5166 14.5446 10.8462 13.8672 11.5055C13.2014 12.1648 12.8686 12.9629 12.8686 13.8882V23.5H9.86694V13.8882C9.86694 12.9571 9.53408 12.1648 8.86835 11.5055C8.20261 10.8462 7.39673 10.5166 6.46237 10.5166C5.528 10.5166 4.72212 10.8462 4.05639 11.5055C3.39065 12.1648 3.05779 12.9629 3.05779 13.8882V23.5H0.0561523Z' fill='%23ffffff'/%3E%3Cpath d='M29.6171 21.1578C28.0403 19.5963 27.252 17.7225 27.252 15.5307C27.252 13.3388 28.0403 11.4419 29.6171 9.88044C31.1938 8.31896 33.0859 7.53822 35.2991 7.53822C37.5124 7.53822 39.4278 8.31896 41.0046 9.88044C42.5813 11.4419 43.3697 13.3215 43.3697 15.5307C43.3697 17.7399 42.5813 19.5963 41.0046 21.1578C39.4278 22.7193 37.5299 23.5 35.2991 23.5C33.0684 23.5 31.1938 22.7193 29.6171 21.1578ZM31.731 11.974C30.7441 12.9629 30.2536 14.1485 30.2536 15.5307C30.2536 16.9129 30.7441 18.0869 31.731 19.0642C32.718 20.0416 33.9034 20.5274 35.2991 20.5274C36.6948 20.5274 37.8803 20.0416 38.8672 19.0642C39.8658 18.0869 40.368 16.9129 40.368 15.5307C40.368 14.1485 39.8658 12.9629 38.8672 11.974C37.8686 10.985 36.6948 10.5108 35.2991 10.5108C33.9034 10.5108 32.718 10.9966 31.731 11.974Z' fill='%23ffffff'/%3E%3Cpath d='M63.8145 15.5307C63.8145 17.7225 63.0261 19.5963 61.4494 21.1578C59.8727 22.7193 57.9747 23.5 55.744 23.5C53.5132 23.5 51.6386 22.7193 50.0619 21.1578C48.4851 19.5963 47.6968 17.7225 47.6968 15.5307C47.6968 13.3388 48.4851 11.4419 50.0619 9.88043C51.6386 8.31896 53.5307 7.53822 55.744 7.53822C57.6244 7.53822 59.3121 8.14546 60.8129 9.35994V0.523132H63.8145V15.5307ZM55.7498 20.5274C57.1572 20.5274 58.3543 20.0416 59.3413 19.0642C60.3282 18.0869 60.8187 16.9129 60.8187 15.5307C60.8187 14.1485 60.3282 12.9629 59.3413 11.974C58.3427 10.9966 57.1455 10.5108 55.7498 10.5108C54.3541 10.5108 53.1686 10.9966 52.1817 11.974C51.1948 12.9629 50.7043 14.1485 50.7043 15.5307C50.7043 16.9129 51.1948 18.0869 52.1817 19.0642C53.1686 20.0416 54.3541 20.5274 55.7498 20.5274Z' fill='%23ffffff'/%3E%3Cpath d='M96.6282 7.52087C98.8414 7.52087 100.734 8.30161 102.31 9.86309C103.887 11.4246 104.675 13.3041 104.675 15.5133C104.675 17.7225 103.887 19.579 102.31 21.1404C100.734 22.7019 98.8414 23.4826 96.6282 23.4826C94.4149 23.4826 92.4995 22.7019 90.9227 21.1404C89.346 19.579 88.5576 17.7052 88.5576 15.5133V0.5H91.5593V9.34259C93.0601 8.12811 94.7478 7.52087 96.6282 7.52087ZM96.6282 20.5043C98.0239 20.5043 99.2093 20.0185 100.196 19.0411C101.183 18.0637 101.674 16.8897 101.674 15.5075C101.674 14.1253 101.183 12.9398 100.196 11.9508C99.2093 10.9735 98.0239 10.4877 96.6282 10.4877C95.2325 10.4877 94.0236 10.9735 93.0367 11.9508C92.0498 12.9398 91.5593 14.1253 91.5593 15.5075C91.5593 16.8897 92.0498 18.0637 93.0367 19.0411C94.0236 20.0185 95.2208 20.5043 96.6282 20.5043Z' fill='%23ffffff'/%3E%3Cpath d='M112.191 17.017C112.524 18.0348 113.126 18.8792 113.984 19.5385C114.877 20.1978 115.882 20.5274 117.003 20.5274C117.897 20.5274 118.79 20.325 119.684 19.9202C120.624 19.498 121.313 18.9659 121.751 18.324L124.227 19.9896C123.514 21.0421 122.475 21.8865 121.114 22.5342C119.765 23.1819 118.393 23.5 117.003 23.5C114.778 23.5 112.874 22.7193 111.298 21.1578C109.721 19.5963 108.933 17.7225 108.933 15.5307C108.933 13.3388 109.721 11.4419 111.298 9.88044C112.874 8.31896 114.772 7.53822 117.003 7.53822C119.234 7.53822 121.109 8.31896 122.685 9.88044C124.262 11.4419 125.05 13.3215 125.05 15.5307C125.05 16.028 125.004 16.5138 124.916 16.9938L112.191 17.017ZM117.009 10.5166C115.888 10.5166 114.883 10.8462 113.99 11.5055C113.126 12.1648 112.53 13.015 112.197 14.0502H121.809C121.476 13.015 120.881 12.1706 120.016 11.5055C119.123 10.8462 118.124 10.5166 117.015 10.5166H117.009Z' fill='%23ffffff'/%3E%3Cpath d='M81.2697 15.5191V15.5307C81.2697 16.9129 80.7791 18.0869 79.7922 19.0642C79.0856 19.764 78.2739 20.2093 77.357 20.406C77.357 20.406 77.357 20.4117 77.357 20.4175C76.703 20.5795 76.2183 21.1578 76.2183 21.8576C76.2183 22.6788 76.8898 23.3438 77.7191 23.3438C77.8943 23.3438 78.0636 23.3091 78.2213 23.2513C79.5936 22.9159 80.8258 22.2277 81.9003 21.1578C83.4771 19.5963 84.2654 17.7225 84.2654 15.5307V15.5191H81.2638H81.2697Z' fill='%23015F73'/%3E%3Cpath d='M74.9043 20.3539C74.0634 20.1399 73.3042 19.7177 72.6327 19.07C71.6457 18.0927 71.1552 16.9187 71.1552 15.5365V15.5249H68.1536V15.5365C68.1536 17.7283 68.9419 19.6021 70.5187 21.1636C71.7217 22.3549 73.1232 23.0778 74.7058 23.3554C74.3437 22.9911 74.116 22.4879 74.116 21.9385C74.116 21.2966 74.4255 20.7298 74.8985 20.3597L74.9043 20.3539Z' fill='%2342ABA2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1221_3758'%3E%3Crect width='125' height='23' fill='white' transform='translate(0.0561523 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    --logo-color-black-m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='14' viewBox='0 0 23 14' fill='none'%3E%3Cpath d='M1.92041 7H21.3509M1.92041 1H21.3509M8.39723 13H21.3509' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* font-family */
.titleFont {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

/* common */
.wrapper {
    overflow-x: hidden;
    min-height: 100vh; /* 최소 높이를 뷰포트 높이로 설정 */
    position: relative; /* footer의 absolute positioning을 위한 기준점 */
    padding-bottom: 0; /* JavaScript에서 동적으로 설정 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.logo {
    width: 125px;
    height: 23px;
    background: var(--logo-color-black) no-repeat 0 0;
    background-size: 100% 100%;
}

.logo a {
    height: 100%;
}

/* header */
#header {
    position: relative;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    transition: transform 400ms ease-in-out;
    background-color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid var(--color-bg-gray);
    z-index: 99999;
}
/* header scroll event */
#header.header_active {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
}

/* menu_wrap */
#header .menu_wrap {
    width: 100%;
    margin: 0 auto; /* background-color: transparent; */
    position: relative;
}
#header .menu_wrap.pc {
    max-width: 1920px;
    width: 1240px;
    height: 96px;
    margin: 0 auto;
}

/* scroll event */
.menu_down {
    /* background: #ffffff; */
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -ms-backdrop-filter: blur(5px); /* box-shadow: 0 5px 6px -8px #343434; */
    /* background: rgba(51, 51, 51, 0.3); */
    height: 120px;
    transition: all 0.4s ease-in-out;
}
#header.headerActive .menu_wrap {
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -ms-backdrop-filter: blur(5px); /* box-shadow: 0 5px 6px -8px #343434; */
    transition: all 0.4s ease-in-out;
}
#header.headerActive .menu_wrap.pc {
    height: 96px;
}
#header.headerActive .menu_wrap nav.menu h1 a {
    transition: all 0.3s linear;
}
#header.headerActive .menu_wrap nav.menu ul.gnb li.gnb_menu > a {
    color: var(--font-color-basis);
}
#header.headerActive .menu_wrap nav.menu ul.gnb li.gnb_menu_last > a {
    color: var(--color-highlightBasis);
}

#header .menu_wrap nav.menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: center; /* background: var(--color-white); */
    transition: all 0.3s linear;
}
#header .menu_wrap nav.menu:hover {
    background: var(--color-white);
}
#header .menu_hoverBox {
    position: absolute;
    top: 96px;
    left: 0;
    width: 100%;
    height: 0px;
    transition: all 0.2s linear;
    box-shadow: 0 5px 6px -6px #343434;
    background: var(--color-white);
    border-top: 1px solid var(--color-bg-gray);
    z-index: -1;
}
#header:hover .menu_hoverBox {
    height: 464px;
}
#header .menu_wrap nav.menu h1 {
    z-index: 1;
}
#header .menu_wrap nav.menu h1 a {
    transition: all 0.3s linear;
}

#header .menu_wrap nav.menu ul.gnb {
    display: flex;
    justify-content: center;
    text-align: center;
}
#header .menu_wrap nav.menu ul.gnb li.gnb_menu {
    display: inline-block;
    position: relative;
    width: 200px;
    transition: all 0.4s linear;
}
/* #header .menu_wrap nav.menu:hover ul.gnb li.gnb_menu:nth-child(2) { margin: 0 36px 0; width: 36%; } */

#header .menu_wrap nav.menu ul.gnb li.gnb_menu > a {
    height: 64px;
    padding: 16px 0;
    line-height: 64px;
    font-size: var(--font-middle);
    color: var(--color-gray-Light2);
    font-weight: 700;
    line-height: 64px;
    transition: all 0.4s ease-in-out;
    box-sizing: content-box;
}

#header .menu_wrap nav.menu:hover ul.gnb li.gnb_menu > a {
    color: var(--color-gray-Light);
}
#header .menu_wrap nav.menu ul.gnb li.gnb_menu:hover > a {
    color: var(--color-primary);
}
/* --- gnb_sub */
#header .menu_wrap nav.menu ul.gnb li.gnb_menu ul.gnb_sub {
    position: absolute;
    width: 100%;
    height: 464px;
    border-left: 1px solid var(--color-bg-gray);
    top: 96px;
    left: 0;
    padding-left: 0;
    display: none;
    transition: all 0.4s ease-in-out;
}

#header .menu_wrap nav.menu:hover ul.gnb li.gnb_menu ul.gnb_sub {
    display: block;
    padding: 24px 0;
}
#header .menu_wrap nav.menu ul.gnb li.gnb_menu ul.gnb_sub li a {
    position: relative;
    padding: 12px 30px;
    text-align: left;
    font-weight: 400;
    font-size: var(--font-basis);
    color: var(--color-gray-Light2);
    transition: all 0.3s ease;
}

#header .menu_wrap nav.menu ul.gnb li.gnb_menu ul.gnb_sub li a:hover {
    color: var(--color-black);
    font-weight: 700;
}

#header .menu_wrap nav.menu ul.gnb li.gnb_menu:nth-child(2) ul.gnb_sub > li ul {
    display: none;
    transition: all 0.6s ease;
    opacity: 0;
}
#header
    .menu_wrap
    nav.menu
    ul.gnb
    li.gnb_menu:nth-child(2)
    ul.gnb_sub
    > li:hover
    ul {
    display: block;
    opacity: 1;
}
#header
    .menu_wrap
    nav.menu
    ul.gnb
    li.gnb_menu:nth-child(2)
    ul.gnb_sub
    > li
    ul
    li
    a {
    position: relative;
    padding: 8px 30px;
    text-align: left;
    transition: all 0.3s ease;
    font-size: var(--font-size14);
    color: var(--color-gray);
    font-weight: 400;
}
/* #header .menu_wrap nav.menu ul.gnb li.gnb_menu:nth-child(2) ul.gnb_sub >li ul li a::after { width: 0px; height: 1px; background-color: var(--color-black); content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); transition: all 0.3s ease; } */
#header
    .menu_wrap
    nav.menu
    ul.gnb
    li.gnb_menu:nth-child(2)
    ul.gnb_sub
    > li
    ul
    li:hover
    a {
    color: var(--color-black);
    font-weight: 700;
}
/* #header .menu_wrap nav.menu ul.gnb li.gnb_menu:nth-child(2) ul.gnb_sub >li ul li:hover a::after { width: 6px; } */

#header .menu_wrap a.inquiryBtn {
    position: absolute;
    right: 240px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease;
    width: 7.688rem;
    height: 3rem;
    padding: 8px 32px;
    line-height: 2rem;
    color: var(--color-gray);
    font-size: var(--font-basis);
    font-weight: 500;
    background: #efefef;
    border-radius: 80px;
}
#header .menu_wrap a.inquiryBtn:hover {
    background: var(--color-black);
    color: var(--color-white);
}

/* m */
.m.menu_wrap {
    display: none;
}

.m .navbar {
    padding: 15px 0 12px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(5px);
    transition: all 0.4s ease-in-out;
}
.m .navbar-brand {
    width: 108px;
    height: 20px;
}

.m .navbar-toggler {
    padding: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
}
.m .navbar-toggler-icon {
    width: 24px;
    height: 24px;
    padding: 2px;
    background-image: var(--logo-color-black-m);
}
.m .offcanvas-header {
    padding: 15px 17px 12px;
    background: #333;
}

.m .offcanvas-header .navbar-brand {
    background-image: var(--logo-color-white);
}

.m .offcanvas-header .btn-close {
    width: 18px;
    height: 18px;
    padding: 2px;
    background-image: url(../img/ico_close_m@2.png);
    background-size: 100%;
    opacity: 1;
}
.m .offcanvas.offcanvas-end {
    height: 100vh;
}

.m .nav_container {
    display: grid;
    grid-template-columns: 33.5% 1fr;
    padding: 0;
}
.m .nav_wrap {
    background: #efefef;
}
.m .nav-link {
    padding: 16px 24px;
    font-size: 1rem;
    color: #555;
    background: #efefef;
}
.m .nav-link.active {
    color: #000;
    font-weight: 600;
    background: #fff;
}
.m .tap_wrap {
    color: #000;
}
.m .tab_section {
    display: none;
    color: #000;
}
.m .tab_section.active {
    display: block;
}
.m .tab_box {
    padding: 0;
}
.m .tab_cont {
    display: flex;
    flex-direction: column;
    padding: 16px 24px;
}
.m .cont_item a {
    display: block;
    padding: 8px 0;
    color: #555;
    font-size: 0.938rem;
    text-decoration: none;
}
.m .cont_item.active a {
    color: #000;
    font-weight: 700;
}
.m .tab_item .tit_link {
    position: relative;
    padding: 16px 24px;
    color: var(--color-gray-Light2);
    font-size: var(--font-middle);
    font-weight: 700;
    text-decoration: none;
}
.m .tab_item .tit_link.has_menu::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../img/ico_add_m@2.png) no-repeat 100% / cover;
    transform: translateY(-50%);
}
.m .tab_item .tit_link[aria-expanded="true"]::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 24px;
    width: 80%;
    height: 1px;
    background: #000;
}
.m .tab_item .tit_link[aria-expanded="true"]::after {
    background-image: url(../img/ico_remove_m@2.png);
}

/* accordion */
.m .accordion-flush > .accordion-item {
    border: 0;
}
.m .accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
    box-shadow: none;
}

/* main */
#main {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

/*sub*/
.top_title {
    max-width: 1240px;
    margin: 0 auto;
}
.sub_wrap {
    width: 100%;
    max-width: 1920px;
    margin: 96px auto 0;
    padding-top: 24px;
}
.sub_wrap .add {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    font-size: var(--font-size14);
}
.sub_wrap .add li {
    position: relative;
    padding-right: 1.5rem;
    color: #555;
}
.sub_wrap .add li:last-child {
    font-weight: 500;
    color: #000;
    padding-right: 0;
}
.sub_wrap .add li::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 6px;
    height: 8px;
    background: url("https://modube.kr/img/icon/depth_arrow.svg") no-repeat
        center / 100%;
}
.sub_wrap .add li:last-child::after {
    content: "";
    display: none;
}
.sub_wrap .add li a {
    display: inline-block;
    text-indent: -9999px;
    background: url(../img/icon/home.png) no-repeat center / 100%;
    width: 15px;
    height: 15px;
    vertical-align: sub;
}

.sub_wrap .tit {
    margin-top: 1.5rem;
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 4rem;
}

/*@media (max-width: 1100px){
 .sub_wrap .add { justify-content: flex-start; padding-right: 0; padding-left: 6.4%; } 
 .sub_wrap .tit { font-size: 32px; padding-left: 6.4%; padding-top: 24px; } 
 }*/

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 푸터 */
#footer {
    width: 100%;
    padding: 40px 0;
    font-family: "Pretendard", sans-serif;
    background-color: var(--color-gray-Light3);
}

#footer .logo {
    width: 161px;
    height: 30px;
}

#footer .main_container {
    max-width: 1920px;
    width: 1240px;
    margin: 0 auto;
}

#footer .company_info {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
}

#footer .info_list {
    display: flex;
    gap: 45px;
}

#footer .info_list li {
    position: relative;
}

#footer .info_list a {
    font-size: var(--font-size14);
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-black);
}

#footer .info_list li + li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    width: 2.5px;
    height: 13px;
    background-color: var(--color-black);
}

#footer .info_brief {
    margin-top: 32px;
}

#footer .company_info + .auth_info {
    margin-top: 80px;
}

#footer .info_brief p {
    font-size: var(--font-size14);
    font-weight: 400;
    line-height: 1.5;
    color: var(--color-gray-Light);
    letter-spacing: 0;
}

#footer .auth_info ul {
    display: flex;
    gap: 16px;
}

.drawer {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 9999;
}
.fl_wrap {
    overflow: hidden;
    border-top-left-radius: 72px;
    border-bottom-left-radius: 72px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.fl_wrap .fl_link {
    position: relative;
    display: block;
    width: 7.313rem;
    height: 9.375rem;
    padding-top: 5.8rem;
    font-family: "Inter";
    font-weight: 500;
    text-align: center;
    color: #000;
    font-size: 0.875rem;
    line-height: 1.063rem;
    letter-spacing: 0.02rem;
    background-repeat: no-repeat;
    background-size: 3.375rem;
    background-position: center 2.375rem;
    border-top: 1px solid #fff;
    box-sizing: border-box;
}
.fl_wrap .fl_link:nth-child(1) {
    padding-top: 6.175rem;
    color: #fff;
    border-top: 0;
    background-color: #3c5f63;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='43' fill='none'%3E%3Cpath fill='%23fff' d='M0 43V18.105L16.875 6.79 33.75 18.105V43H22.5V27.158H11.25V43H0ZM54 0v43H38.25V15.684L36 14.19V9.053h-4.5v2.104l-9-6.02V0H54Zm-6.75 27.158h-4.5v4.526h4.5v-4.526Zm0-9.053h-4.5v4.527h4.5v-4.527Zm0-9.052h-4.5v4.526h4.5V9.053Z'/%3E%3C/svg%3E");
}
.fl_wrap .fl_link:nth-child(2) {
    padding-top: 6.2rem;
    background-position-y: 2.2rem;
    background-color: #e7e5e8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='54' viewBox='0 0 55 54' fill='none'%3E%3Cpath d='M27.5882 51.2647L26.9816 43.9853H26.375C20.6324 43.9853 15.7592 41.9835 11.7555 37.9798C7.75184 33.9761 5.75 29.1029 5.75 23.3603C5.75 17.6176 7.75184 12.7445 11.7555 8.7408C15.7592 4.73713 20.6324 2.73529 26.375 2.73529C29.2463 2.73529 31.926 3.27073 34.4139 4.34161C36.9018 5.4125 39.0857 6.8886 40.9654 8.76992C42.8451 10.6512 44.3204 12.8351 45.3912 15.3214C46.4621 17.8077 46.9984 20.4873 47 23.3603C47 26.3934 46.505 29.3051 45.515 32.0956C44.525 34.886 43.1694 37.4743 41.4482 39.8603C39.7271 42.2463 37.6848 44.4099 35.3214 46.3511C32.958 48.2923 30.3803 49.9301 27.5882 51.2647ZM26.3143 36.6452C27.0018 36.6452 27.5882 36.4026 28.0735 35.9173C28.5588 35.432 28.8015 34.8456 28.8015 34.1581C28.8015 33.4706 28.5588 32.8842 28.0735 32.3989C27.5882 31.9136 27.0018 31.671 26.3143 31.671C25.6268 31.671 25.0404 31.9136 24.5551 32.3989C24.0699 32.8842 23.8272 33.4706 23.8272 34.1581C23.8272 34.8456 24.0699 35.432 24.5551 35.9173C25.0404 36.4026 25.6268 36.6452 26.3143 36.6452ZM24.5551 28.9412H28.1949C28.1949 27.7279 28.3162 26.8787 28.5588 26.3934C28.8015 25.9081 29.5699 25.0184 30.864 23.7243C31.5919 22.9963 32.1985 22.2077 32.6838 21.3585C33.1691 20.5092 33.4118 19.5993 33.4118 18.6287C33.4118 16.5662 32.7146 15.0189 31.3201 13.9868C29.9257 12.9548 28.2774 12.4396 26.375 12.4412C24.5956 12.4412 23.0993 12.937 21.886 13.9286C20.6728 14.9202 19.8235 16.1229 19.3382 17.5368L22.7353 18.8713C22.9375 18.1838 23.3217 17.5068 23.8879 16.8404C24.454 16.1739 25.2831 15.8398 26.375 15.8382C27.4669 15.8366 28.2862 16.1399 28.833 16.7482C29.3798 17.3564 29.6524 18.0237 29.6507 18.75C29.6507 19.4375 29.4485 20.0546 29.0441 20.6014C28.6397 21.1482 28.1544 21.7038 27.5882 22.2684C26.1728 23.4816 25.3138 24.4425 25.0113 25.151C24.7088 25.8596 24.5568 27.1229 24.5551 28.9412Z' fill='black'/%3E%3C/svg%3E");
}
.fl_wrap .fl_link:nth-child(3) {
    padding-top: 5.5rem;
    background-position-y: 1.438rem;
    background-size: 3.672rem 3.375rem;
    background-color: #ffbb00;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='54' fill='none'%3E%3Cpath fill='%23000' d='M29 2C14.088 2 2 11.554 2 23.346c0 7.673 5.119 14.397 12.807 18.16-.566 2.105-2.045 7.637-2.34 8.82-.367 1.468.535 1.448 1.131 1.055.464-.31 7.398-5.027 10.39-7.06 1.627.239 3.299.366 5.012.366 14.912 0 27-9.554 27-21.34C56 11.558 43.912 2 29 2Zm16.742 27.607-3.665-4.997-.836.673v3.773c0 1.122-2.855 1.122-2.855 0 0-.709.06-10.293.035-11.354-.015-.586.735-.887 1.469-.887.683 0 1.356.265 1.371.81.04 1.439 0 4.039 0 4.039s4.135-4.14 4.726-4.726c.607-.607 2.488 1.29 1.881 1.891-1.04 1.035-3.68 3.89-3.68 3.89l3.89 5.124c.739.979-1.591 2.742-2.33 1.764h-.005ZM25.12 17.64c.495 1.05 3.192 8.473 3.977 10.533.545 1.443-2.09 2.442-2.641 1-.673-1.785-.5-1.861-.5-1.861h-5.082l-.556 1.942c-.592 1.361-3.15.25-2.554-1.111.82-1.887 3.288-8.999 3.971-10.503.27-.596.908-.836 1.56-.836.79 0 1.601.347 1.83.836h-.005Zm-6.51-.836c1.728 0 1.728 2.718 0 2.718-1.835 0-2.763-.006-2.763-.006l-.01 9.33c0 1.295-2.886 1.28-2.886-.02.015-1.78 0-9.412 0-9.412h-2.779c-1.631 0-1.636-2.66 0-2.666 0 0 6.506.056 8.453.056h-.015Zm11.47 11.486-.014-10.206c0-.852.749-1.275 1.504-1.275.754 0 1.498.423 1.504 1.27 0 1.748-.006 8.957-.006 8.957s2.381.015 3.691.015 1.31 2.779.005 2.779c-1.305 0-4.251.015-5.577.015-1.325 0-1.106-1.55-1.106-1.55v-.005Z'/%3E%3Cpath fill='%23000' d='m25.008 24.753-1.545-4.843-1.677 4.843h3.222Z'/%3E%3C/svg%3E");
}

.container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

@media (max-width: 1280px) {
    .m_break {
        display: block;
    }
    .pc_break {
        display: none;
    }

    #header .menu_hoverBox {
        display: none;
    }

    /* pc */
    .pc.menu_wrap {
        display: none;
    }
    .m.menu_wrap {
        display: block;
    }

    .top_title {
        max-width: 100%;
        padding: 0 1rem;
        margin-top: -40px;
    }
    .sub_wrap .add {
        justify-content: flex-start;
    }
    .sub_wrap .tit {
        font-size: 2rem;
        line-height: 2.875rem;
    }

    #footer {
        padding: 40px 16px;
    }

    #footer .main_container {
        width: 100%;
    }
}

@media (max-width: 780px) {
    .sub_wrap .add {
        row-gap: 0;
        padding-right: 0;
    }
    .container {
        max-width: 100%;
        margin-top: 3.375rem;
    }

    .fl_wrap {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }
}

@media (max-width: 350px) {
    .m .offcanvas.offcanvas-end {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .drawer {
        right: 0;
    }
    .drawer.open {
        right: 0; /* 열리면 오른쪽 끝으로 이동 */
    }
    .drawer .fl_wrap {
        transform: translateX(100px);
        transition: opacity 0.5s ease, transform 0.3s ease-in-out;
    }
    .drawer.open .fl_wrap {
        opacity: 1;
        transform: translateX(0);
    }
}