@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@import url('https://fonts.cdnfonts.com/css/campton');
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');

:root {
    --color1:#485cc7;
    --color2:#ff3a96;
    --color3:#ffad22;
    --color4:#322b9e;
    --color5:#f0f0fe;
    --color6:#6d80e1;
    --color7:#ff71b3;
    --bg1:#fbf8ff;
    --bg2:#f6f7fb;
    --bg3:#212958;
    --bg4:#0f0f12;
    --mono1:#010102;
    --mono2:#323234;
    --mono3:#5b5b5d;
    --mono4:#878789;
    --mono5:#bcbdbd;
    --mono6:#d5d7dd;
    --mono7:#e7e9ee;
    --mono8:#f1f3f9;
    --mono9:#f3f5fa;
    --mono10:#f7f8fc;
}

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, sup, 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 {
    font-size:100%;
    padding:0;
    margin:0;
    border:0;
    vertical-align:middle;
    line-height:1.4;
    letter-spacing:-0.025em;
}

body {color:var(--mono1);font-size:16px;font-family:'Pretendard', sans-serif;}
address {font-style:normal;}
a {display:block;}
a:link, a:visited, a:active, a:hover {color:var(--mono1);text-decoration:none;}

html, body {height:100%;overscroll-behavior:none; -webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;-o-text-size-adjust:none;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}

form {width:100%;box-sizing:border-box;}
input, select {vertical-align:middle;}
input:not([type=radio],[type=checkbox]), select, textarea {color:var(--mono2);font-size:1rem;font-weight:400;font-family:'Pretendard', sans-serif;vertical-align:middle;padding:0 10px;margin:0;border:1px solid var(--mono7);border-radius:8px;background-color:#fff;box-sizing:border-box;transition:0.2s;}
select {cursor:pointer;}
textarea {padding:10px;resize:none;}
input:not([type=radio],[type=checkbox]):focus, select:focus, textarea:focus {color:var(--mono1) !important;;border-color:var(--color1) !important;outline:0;}
button {font-family:'Pretendard', sans-serif;padding:0;margin:0;border:0;border-radius:0;background:transparent;appearance:none;box-shadow:none;cursor:pointer;}

input[type=checkbox], input[type=radio] {width:15px;height:15px;margin:0 8px 0 0;border:1px solid var(--mono7);background-color:#fff;appearance:none;cursor:pointer;}
input[type=checkbox]:focus, input[type=radio]:focus {outline:5px solid #485cc71f;}
input[type=checkbox] {border-radius:4px;}
input[type=checkbox]:checked {border-color:var(--color1);background:var(--color1) url(../../../images/biz/icon-check-wh.svg) no-repeat center center / 10px;}
input[type=radio] {border-radius:50px;}
input[type=radio]:checked {border:4px solid var(--color1);}

::placeholder {color:var(--mono3);}
::-webkit-input-placeholder {color:var(--mono3);}
::-ms-input-placeholder {color:var(--mono3);}

img { border:none;vertical-align:top;}

.clearfix:after {content:"";display:block;clear:both;}
.site-wrap {height:100%;}
.hidden {position:absolute;top:-99999px;left:-99999px;color:transparent;font-size:0;width:0;height:0;line-height:0;}
.bold {font-weight: 700;}

/*스킵메뉴*/
#skip_menu {position:absolute;width:300px;z-index:9999;}
#skip_menu a {position:absolute;top:-100px;}
#skip_menu a:hover,
#skip_menu a:active,
#skip_menu a:focus {position:absolute;top:0;width:300px;height:20px;display:block;color:#fff;font-size:16px;font-weight:700;text-align:center;background-color:var(--bg3);}

/* flex-area */
.flex-area {display:flex;}
.flex-area.row {flex-flow:row wrap;}
.flex-area.col {flex-flow:column wrap;}

.center {width:1400px;margin:0 auto;}

/* header - default */
#header {position:fixed;top:0;left:0;width:100%;height:80px;background-color:#fff;box-sizing:border-box;transition:0.2s;z-index:10000;}
#header .inner {justify-content:space-between;align-items:center;width:100%;height:100%;box-sizing:border-box;}
#header .inner .main-wrap {justify-content:flex-start;align-items:center;gap:2.5rem;height:100%;}
#header .inner .main-wrap .logo {width:205px;height:30px;}
#header .inner .main-wrap .logo a {width:100%;height:100%;color:transparent;font-size:0;background:url(../../../images/biz/img-logo-colored.png) no-repeat center center / contain;transition:0.2s;}
#header .inner .main-wrap #nav {height:100%;padding:18px 0;box-sizing:border-box;}
#header .inner .main-wrap #nav .gnb {justify-content:flex-start;align-items:center;gap:12px;height:100%;}
#header .inner .main-wrap #nav .gnb .menu-depth-1 {position:relative;}
#header .inner .main-wrap #nav .gnb .menu-depth-1 > a {align-items:center;gap:1.25rem;height:44px;padding:0 0.75rem;border-radius:8px;transition:0.2s;}
#header .inner .main-wrap #nav .gnb .menu-depth-1 > a .text {display:block;color:var(--mono1);font-size:1.25rem;font-weight:600;line-height:1;transition:0.2s;}
#header .inner .main-wrap #nav .gnb .menu-depth-1 > a .arrow {width:12px;height:12px;background:url(../../../images/biz/icon-dropdown-bk.svg) no-repeat center center / contain;transform:rotate(90deg);transition:0.2s;}
#header .inner .main-wrap #nav .gnb .menu-depth-1:last-child {margin-left:24px;}
#header .inner .main-wrap #nav .gnb .menu-depth-1:last-child::before {content:"";position:absolute;top:50%;left:-16px;display:block;width:1px;height:16px;background-color:var(--mono6);transform:translateY(-50%)}
#header .inner .main-wrap #nav .gnb .menu-depth-1:last-child > a {gap:0.5rem;opacity:0.75;}
#header .inner .main-wrap #nav .gnb .menu-depth-1:last-child > a .arrow {width:10px;height:18px;background:url(../../../images/biz/icon-blank-bk.svg) no-repeat right top / contain;transform:rotate(0deg);transition:0.2s;}
#header .inner .main-wrap #nav .gnb .menu-depth-1.clicked > a {background-color:var(--bg1);}
#header .inner .main-wrap #nav .gnb .menu-depth-1.on > a .text,
#header .inner .main-wrap #nav .gnb .menu-depth-1.clicked > a .text {color:var(--color1);}
#header .inner .main-wrap #nav .gnb .menu-depth-1.on > a .arrow,
#header .inner .main-wrap #nav .gnb .menu-depth-1.clicked > a .arrow {background-image:url(../../../images/biz/icon-dropdown-color1.svg);}
#header .inner .main-wrap #nav .gnb .menu-depth-1.clicked > a .arrow {transform:rotate(-90deg);}
#header .inner .main-wrap #nav .gnb .menu-depth-1 .submenu {position:absolute;top:52px;left:50%;width:180px;border:1px solid var(--mono7);border-radius:8px;background-color:#fff;box-shadow:0 4px 12px rgba(33 32 45 / 12%);box-sizing:border-box;transform:translate(-50%,-12px);opacity:0;pointer-events:none;overflow:hidden;transition:0.2s;}
#header .inner .main-wrap #nav .gnb .menu-depth-1.clicked .submenu {transform:translate(-50%,0);opacity:1;pointer-events:initial;}
#header .inner .main-wrap #nav .gnb .menu-depth-1 .submenu .menu-depth-2 > a {color:var(--mono2);font-size:1rem;font-weight:500;padding:0.75rem 1rem;box-sizing:border-box;transition:0.2s;}
#header .inner .m-util-wrap {position:fixed;bottom:0;left:0;display:none;flex-flow:row wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem;background-color:#fff;box-sizing:border-box;}
#header .inner .m-util-wrap .button {justify-content:center;width:calc(50% - 1rem / 2);}
#header .inner .util-wrap {justify-content:flex-end;align-items:center;gap:1rem;}
#header .inner .util-wrap .language {position:relative;}
#header .inner .util-wrap .language a {align-items:center;gap:0.5rem;height:44px;transition:0.2s;}
#header .inner .util-wrap .language a .icon {display:block;width:20px;height:20px;background:url(../../../images/biz/icon-language-bk.svg) no-repeat center center / contain;transition:0.2s;}
#header .inner .util-wrap .language a .text {display:block;color:var(--mono1);font-size:1rem;font-weight:600;line-height:1;padding-right:0.5rem;transition:0.2s;}
#header .inner .util-wrap .language a .arrow {width:12px;height:12px;background:url(../../../images/biz/icon-dropdown-bk.svg) no-repeat center center / contain;transform:rotate(90deg);transition:0.2s;}
#header .inner .util-wrap .language.clicked a .icon {background-image:url(../../../images/biz/icon-language-color1.svg);}
#header .inner .util-wrap .language.clicked a .text {color:var(--color1);}
#header .inner .util-wrap .language.clicked a .arrow {background-image:url(../../../images/biz/icon-dropdown-color1.svg);}
#header .inner .util-wrap .language.clicked a .arrow {transform:rotate(-90deg);}
#header .inner .util-wrap .language .lang-list {position:absolute;top:52px;left:50%;width:180px;border:1px solid var(--mono7);border-radius:8px;background-color:#fff;box-shadow:0 4px 12px rgba(33 32 45 / 12%);box-sizing:border-box;transform:translate(-50%,-12px);opacity:0;pointer-events:none;overflow:hidden;transition:0.2s;}
#header .inner .util-wrap .language.clicked .lang-list {transform:translate(-50%,0);opacity:1;pointer-events:initial;}
#header .inner .util-wrap .language .lang-list li a {width:100%;height:auto;color:var(--mono2);font-size:1rem;font-weight:500;padding:0.75rem 1rem;box-sizing:border-box;transition:0.2s;}
#header .inner .util-wrap .language .lang-list li.on a {color:var(--color1);background-color:var(--bg1);}
#header .inner .util-wrap .apply a {color:var(--mono1);font-size:1.125rem;font-weight:600;text-align:center;line-height:1;padding:0.75rem 1.25rem;border:1px solid var(--mono1);border-radius:8px;box-sizing:border-box;background-color:transparent;transition:0.2s;}
#header .inner .util-wrap .gnb-open {display:none;}
#header .inner .util-wrap .gnb-open a {position:relative;display:block;width:48px;height:48px;border-radius:50px;transition:0.2s;}
#header .inner .util-wrap .gnb-open a span {position:absolute;left:50%;display:block;width:20px;height:2px;background-color:var(--mono1);transition:0.2s;}
#header .inner .util-wrap .gnb-open a .line1 {top:16px;transform:translateX(-50%);}
#header .inner .util-wrap .gnb-open a .line2 {top:50%;transform:translate(-50%,-50%);}
#header .inner .util-wrap .gnb-open a .line3 {top:30px;transform:translateX(-50%);}
#header .inner .util-wrap .gnb-open.on a {background-color:var(--mono8);}
#header .inner .util-wrap .gnb-open.on a .line1 {transform:translate(-50%,6.5px) rotate(45deg);}
#header .inner .util-wrap .gnb-open.on a .line2 {opacity:0;}
#header .inner .util-wrap .gnb-open.on a .line3 {transform:translate(-50%,-7px) rotate(-45deg);}

/* header - white */
#header.invert {background-color:transparent;}
#header.invert .inner .main-wrap .logo a {background-image:url(../../../images/biz/img-logo-white.png);}
#header.invert .inner .main-wrap #nav .gnb .menu-depth-1 > a .text {color:#fff;}
#header.invert .inner .main-wrap #nav .gnb .menu-depth-1 > a .arrow {background-image:url(../../../images/biz/icon-dropdown-wh.svg);}
#header.invert .inner .main-wrap #nav .gnb .menu-depth-1:last-child > a .arrow {background-image:url(../../../images/biz/icon-blank-wh.svg);}
#header.invert .inner .util-wrap .language a .icon {background-image:url(../../../images/biz/icon-language-wh.svg);}
#header.invert .inner .util-wrap .language a .text {color:#fff;}
#header.invert .inner .util-wrap .language a .arrow {background-image:url(../../../images/biz/icon-dropdown-wh.svg);}
#header.invert .inner .util-wrap .apply a {border-color:transparent;background-color:#fff;}

/* header - scroll */
#header.scroll {top:-80px;}

/* floating */
#floating .float-menu li {position:fixed;transition:0.2s;z-index:10;}
#floating .float-menu li a {width:56px;height:56px;color:transparent;font-size:0;border-radius:50px;box-sizing:border-box;}
#floating .float-menu .inquiry {bottom:calc(50px + 56px + 1rem);right:50px;}
#floating .float-menu .inquiry a {background:var(--color1) url(../../../images/biz/icon-inquiry-wh.svg) no-repeat center center / 25px;transition:0.2s}
#floating .float-menu .top {bottom:50px;right:50px;}
#floating .float-menu .top a {border:1px solid var(--mono6);background:#fff url(../../../images/biz/icon-arrow-bk.svg) no-repeat center center / 20px;transform:rotate(-90deg);transition:0.2s}

#floating.scroll .float-menu .inquiry {bottom:50px;right:50px;}
#floating.scroll .float-menu .top {bottom:50px;right:-56px;}

/* footer */
#footer {width:100%;background-color:var(--bg4);}
#footer .top-wrap {justify-content:space-between;align-items:center;width:100%;padding-top:3.75rem;margin-bottom:5rem;}
#footer .top-wrap .menu-wrap {align-items:center;gap:3.75rem;}
#footer .top-wrap .menu-wrap .foot-logo {width:205px;height:30px;}
#footer .top-wrap .menu-wrap .foot-logo a {width:100%;height:100%;color:transparent;font-size:0;background:url(../../../images/biz/img-logo-grayscale.png) no-repeat center center / contain;}
#footer .top-wrap .menu-wrap .foot-menu {align-items:center;gap:2rem;}
#footer .top-wrap .menu-wrap .foot-menu li a {color:#fff;font-size:1.125rem;font-weight:700;}
#footer .top-wrap .foot-etc {justify-content:flex-end;align-items:center;gap:1.25rem;}
#footer .top-wrap .foot-etc .youtube a {width:60px;height:60px;color:transparent;font-size:0;border:1px solid #ffffff1a;border-radius:8px;background:url(../../../images/biz/icon-youtube-wh.svg) no-repeat center center / 25px;box-sizing:border-box;transition:0.2s;}
#footer .top-wrap .foot-etc .family-site {position:relative;z-index:5;}
#footer .top-wrap .foot-etc .family-site > a {width:240px;height:60px;color:#fff;font-size:1.125rem;font-weight:400;font-family:'objective',sans-serif;line-height:58px;padding:0 1.5rem;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;transition:0.2s;}
#footer .top-wrap .foot-etc .family-site.clicked > a {border-color:transparent;background-color:#ffffff0d;}
#footer .top-wrap .foot-etc .family-site > a::after {content:"";position:absolute;top:50%;right:1.5rem;display:block;width:12px;height:12px;background:url(../../../images/biz/icon-dropdown-wh.svg) no-repeat center center / contain;transform:translateY(-50%) rotate(-90deg);transition:0.2s;}
#footer .top-wrap .foot-etc .family-site.clicked > a::after {transform:translateY(-50%) rotate(90deg);}
#footer .top-wrap .foot-etc .family-site .site-list {position:absolute;bottom:68px;left:50%;width:100%;border:1px solid var(--mono2);border-radius:12px;background-color:var(--bg4);box-shadow:0 4px 12px rgba(33 32 45 / 12%);box-sizing:border-box;transform:translate(-50%,12px);opacity:0;pointer-events:none;overflow:hidden;transition:0.2s;}
#footer .top-wrap .foot-etc .family-site.clicked .site-list {transform:translate(-50%,0);opacity:1;pointer-events:initial;}
#footer .top-wrap .foot-etc .family-site .site-list li a {color:#ffffff80;font-size:1rem;font-weight:500;padding:0.5em 1rem;box-sizing:border-box;transition:0.2s;}
#footer .content-wrap {justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:3.75rem;}
#footer .content-wrap .info-wrap .line {align-items:center;gap:2.5rem;opacity:0.45;}
#footer .content-wrap .info-wrap .line + .line {margin-top:0.5rem;}
#footer .content-wrap .info-wrap .line p {position:relative;align-items:center;gap:1rem;}
#footer .content-wrap .info-wrap .line:not(:nth-child(1)) p:nth-child(1)::after {content:"";position:absolute;top:50%;right:-1.25rem;display:block;width:1px;height:12px;background-color:#fff;transform:translateY(-50%);}
#footer .content-wrap .info-wrap .line p strong {display:block;color:#fff;font-size:1rem;font-weight:700;}
#footer .content-wrap .info-wrap .line p span {display:block;color:#fff;font-size:1rem;font-weight:300;}
#footer .content-wrap .info-wrap .line p span a {color:#fff;}
#footer .content-wrap .info-wrap address {margin-bottom:1.25rem;}
#footer .content-wrap .info-wrap .extra-menu {align-items:center;gap:1.25rem;margin-bottom:2.5rem;}
#footer .content-wrap .info-wrap .extra-menu li a {color:#fff;font-size:1rem;font-weight:500;}
#footer .content-wrap .info-wrap .inquiry {margin-bottom:1.25rem;}
#footer .content-wrap .info-wrap .inquiry a {display:inline-flex;justify-content:space-between;align-items:center;gap:1.5rem;height:60px;color:#fff;font-size:1.25rem;font-weight:700;padding:0 1.5rem;border-radius:8px;background-color:#ffffff12;box-sizing:border-box;transition:0.2s;}
#footer .content-wrap .info-wrap .inquiry a .text {display:block;}
#footer .content-wrap .info-wrap .inquiry a .arrow {display:block;}
#footer .content-wrap .banner-wrap .box {display: flex;align-items:center;gap:1.75rem; margin-bottom: 1.25rem; padding:1.25rem;border:1px solid #ffffff1a;border-radius:12px;}
#footer .content-wrap .banner-wrap .box:last-child {margin-bottom: 0;}
#footer .content-wrap .banner-wrap .box .mark {width:60px;height:60px; background-repeat: no-repeat; background-position: center center;}
#footer .content-wrap .banner-wrap .box .desc span {display:block;color:#fff;font-size:0.875rem;font-weight:300;}
#footer .content-wrap .banner-wrap .box .desc .bullet-square {position:relative;padding-left:10px;}
#footer .content-wrap .banner-wrap .box .desc .bullet-square::before {content:"";position:absolute;top:7.5px;left:0;display:block;width:4px;height:4px;background-color:#fff;}
#footer .content-wrap .aws-certification .mark {background-image:url(../../../images/biz/img-aws-mark-1.png); background-size: contain;}
#footer .content-wrap .top-edutech .mark {background-image:url(../../../images/biz/top_edutech_2025.png);}
#footer .copyright {border-top:1px solid #ffffff1a;}
#footer .copyright small {display:block;color:#fff;font-size:0.875rem;font-weight:400;font-family:'objective',sans-serif;text-align:center;line-height:40px;}

/* responsive */
@media screen and (max-width:1450px) {
    .center {width:calc(100% - 100px);}
}

@media screen and (max-width:1280px) {
    /* header - default */
    #header .inner .main-wrap {gap:1.75rem;}
    #header .inner .main-wrap .logo {width:170px;height:26px;}
    #header .inner .main-wrap #nav .gnb {gap:8px;}
    #header .inner .main-wrap #nav .gnb .menu-depth-1 > a {gap:0.75rem;padding:0 0.5rem;}
    #header .inner .main-wrap #nav .gnb .menu-depth-1 > a .text {font-size:1.125rem;}
    #header .inner .main-wrap #nav .gnb .menu-depth-1 > a .arrow {width:10px;height:10px;}
    #header .inner .main-wrap #nav .gnb .menu-depth-1:last-child {margin-left:16px;}
    #header .inner .main-wrap #nav .gnb .menu-depth-1:last-child::before {left:-12px;}
    #header .inner .util-wrap .apply a {padding:0.75rem 1rem;}

    /* footer */
    #footer .top-wrap .menu-wrap {gap:2.5rem;}
    #footer .top-wrap .menu-wrap .foot-logo {width:170px;height:26px;}
    #footer .top-wrap .menu-wrap .foot-menu {gap:1.5rem;}
    #footer .top-wrap .menu-wrap .foot-menu li a {font-size:1rem;}
    #footer .content-wrap .info-wrap .line p strong {font-size:0.875rem;}
    #footer .content-wrap .info-wrap .line p span {font-size:0.875rem;}
}
@media screen and (max-width:1024px) {
    .center {width:calc(100% - 32px);}

    /* header - default */
    #header {height:64px;}
    #header .center {height:100%;}
    #header .inner .main-wrap .logo {width:150px;height:22px;}
    #header .inner .main-wrap #nav {position:fixed;top:64px;left:0;display:none;width:100%;height:calc(100vh - 64px);padding:0;background-color:#fff;}
    #header .inner .main-wrap #nav.on {display:block;}
    #header .inner .main-wrap #nav .gnb-scroll-wrap {height:calc(100% - 80px);overflow-y:scroll;}
    #header .inner .main-wrap #nav .gnb {align-items:flex-start;gap:0;height:auto;}
    #header .inner .main-wrap #nav .gnb .menu-depth-1 {width:100%;border-bottom:1px solid var(--mono8);}
    #header .inner .main-wrap #nav .gnb .menu-depth-1 > a {justify-content:space-between;gap:0;width:100%;height:auto;padding:1.125rem 1rem;border-radius:0;box-sizing:border-box;}
    #header .inner .main-wrap #nav .gnb .menu-depth-1 > a .arrow {display:none;width:12px;height:12px;}
    #header .inner .main-wrap #nav .gnb .menu-depth-1:last-child {margin-left:0;}
    #header .inner .main-wrap #nav .gnb .menu-depth-1:last-child::before {display:none;}
    #header .inner .main-wrap #nav .gnb .menu-depth-1:last-child > a {justify-content:flex-start;gap:0.5rem;margin-left:0;}
    #header .inner .main-wrap #nav .gnb .menu-depth-1:last-child > a .arrow {display:block;width:8px;}
    #header .inner .main-wrap #nav .gnb .menu-depth-1.clicked > a {background-color:transparent;}
    #header .inner .main-wrap #nav .gnb .menu-depth-1.clicked:not(.on) > a .text {color:var(--mono1);}
    #header .inner .main-wrap #nav .gnb .menu-depth-1 .submenu {position:static;top:auto;left:auto;width:100%;height:auto;border:0;border-radius:0;box-shadow:none;opacity:1;transform:translate(0,0);pointer-events:initial;}
    #header .inner .main-wrap #nav .gnb .menu-depth-1 .submenu .menu-depth-2 > a {padding:1rem;background-color:var(--mono10);}
    #header .inner .main-wrap #nav .gnb .menu-depth-1 .submenu .menu-depth-2 > a:hover {color:var(--color1);background-color:var(--color5);}
    #header .inner .main-wrap #nav .gnb .menu-depth-1.clicked .submenu {height:auto;transform:translate(0,0);}
    #header .inner .util-wrap {gap:0;}
    #header .inner .util-wrap .language > a {display:block;width:48px;height:48px;border-radius:50px;background:url(../../../images/biz/icon-language-bk.svg) no-repeat center center / 24px;}
    #header .inner .util-wrap .language.clicked > a {background-color:var(--mono8);}
    #header .inner .util-wrap .language a .text {font-size:0;opacity:0;}
    #header .inner .util-wrap .language a .arrow {display:none;}
    #header .inner .util-wrap .language .lang-list {left:auto;right:0;transform:translate(0,-12px);}
    #header .inner .util-wrap .language.clicked .lang-list {transform:translate(0,0);}
    #header .inner .util-wrap .apply {display:none;}
    #header .inner .util-wrap .gnb-open {display:block;}
    #header .inner .m-util-wrap {display:flex;}

    /* header - white */
    #header.invert {background-color:#fff;}
    #header.invert .inner .main-wrap .logo a {background-image:url(../../../images/biz/img-logo-colored.png);}
    #header.invert .inner .main-wrap #nav .gnb .menu-depth-1 > a .text {color:var(--mono1);}
    #header.invert .inner .main-wrap #nav .gnb .menu-depth-1 > a .arrow {background-image:url(../../../images/biz/icon-dropdown-bk.svg);}
    #header.invert .inner .main-wrap #nav .gnb .menu-depth-1:last-child > a .arrow {background-image:url(../../../images/biz/icon-blank-bk.svg);}

    /* header - scroll */
    #header.scroll {top:-64px;}

    /* floating */
    #floating .float-menu .inquiry {bottom:calc(16px + 56px + 1rem);right:16px;}
    #floating .float-menu .top {bottom:16px;right:16px;}

    #floating.scroll .float-menu .inquiry {bottom:16px;right:16px;}
    #floating.scroll .float-menu .top {bottom:16px;right:-56px;}

    /* footer */
    #footer .top-wrap {position:relative;justify-content:center;gap:2.5rem;padding-top:2.5rem;margin-bottom:2.5rem;}
    #footer .top-wrap .menu-wrap {order:2;justify-content:flex-end;width:100%;}
    #footer .top-wrap .menu-wrap .foot-logo {position:absolute;top:calc(2.5rem + 13px);left:0;width:150px;height:22px;}
    #footer .top-wrap .menu-wrap .foot-menu {width:100%;}
    #footer .top-wrap .foot-etc {gap:1rem;width:100%;}
    #footer .top-wrap .foot-etc .youtube a {width:48px;height:48px;background-size:20px;}
    #footer .top-wrap .foot-etc .family-site > a {width:180px;height:48px;font-size:1rem;line-height:46px;padding:0 1.25rem;}
    #footer .top-wrap .foot-etc .family-site > a::after {right:1.25rem;transform:translateY(-50%) rotate(90deg);}
    #footer .top-wrap .foot-etc .family-site.clicked > a::after {transform:translateY(-50%) rotate(-90deg);}
    #footer .top-wrap .foot-etc .family-site .site-list {top:56px;bottom:auto;transform:translate(-50%,-12px);}
    #footer .content-wrap {gap:2.5rem;margin-bottom:2.5rem;}
    #footer .content-wrap .info-wrap .inquiry a {gap:1.25rem;height:48px;font-size:1rem;padding:0 1.25rem;}
}

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

    /* header - default */
    #header .inner .main-wrap #nav .gnb-scroll-wrap {height:calc(100% - 72px);}

    /* footer */
    #footer .content-wrap .info-wrap {width:100%;}
    #footer .content-wrap .info-wrap .line {gap:0.5rem 2.5rem;}
    #footer .content-wrap .info-wrap .inquiry {margin-bottom:2.5rem;}
    #footer .content-wrap .banner-wrap .box .mark {width:40px;height:40px;}
    #footer .content-wrap .banner-wrap .box .desc {width:calc(100% - 40px - 1.75rem);}
    #footer .content-wrap .top-edutech .mark {background-size: contain;}
}

@media screen and (max-width:480px) {
    /* header - default */
    #header .inner .main-wrap #nav .gnb-scroll-wrap {height:calc(100% - 130px);}
    #header .inner .main-wrap #nav .gnb .menu-depth-1 > a {padding:1rem;}
    #header .inner .main-wrap #nav .gnb .menu-depth-1 > a .text {font-size:1rem;}
    #header .inner .main-wrap #nav .gnb .menu-depth-1 .submenu .menu-depth-2 > a {font-size:0.875rem;padding:0.75rem 1rem;}
    #header .inner .m-util-wrap .button {width:100%;}

    /* footer */
    #footer .top-wrap {padding-bottom:calc(2.5rem + 48px);}
    #footer .top-wrap .foot-etc .family-site {position:absolute;bottom:0;left:0;}
    #footer .content-wrap .info-wrap .line p {width:100%;}
    #footer .content-wrap .info-wrap .line:not(:nth-child(1)) p:nth-child(1)::after {display:none;}
}