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

:root {
    --color1:#041a72;
    --color2:#0726a4;
    --color3:#00b6e4;
    --color4:#f1f8ff;
    --color5:#d3e5f7;
    --color6:#9ec7f0;
    --color7:#5d99d6;
    --mono1:#141415;
    --mono2:#252526;
    --mono3:#646467;
    --mono4:#929297;
    --mono5:#bcbcbd;
    --mono6:#d7d7d9;
    --mono7:#e7e7ea;
    --mono8:#f1f2f6;
    --mono9:#f7f8fa;
}

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%;}
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:1em;font-weight:400;font-family:'Pretendard', sans-serif;vertical-align:middle;padding:0 10px;margin:0;border:1px solid var(--mono6);border-radius:4px;background-color:#fff;box-sizing:border-box;transition:0.2s;}
select {cursor:pointer;}
textarea {padding:10px;border-radius:4px;resize:none;}
input:not([type=radio],[type=checkbox]):hover, select:hover, textarea:hover {border:1px solid var(--color2);}
input:not([type=radio],[type=checkbox]):focus, select:focus, textarea:focus {color:var(--mono1);border:1px solid var(--color2);outline:1px solid var(--color2);}
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(--mono6);background-color:#fff;appearance:none;cursor:pointer;}
input[type=checkbox]:focus, input[type=radio]:focus {outline:5px solid #0726a41f;}
input[type=checkbox] {border-radius:4px;}
input[type=checkbox]:checked {border-color:var(--color2);background:url(../images/icon-check.svg) no-repeat center center / 8px;background-color:var(--color2);}
input[type=radio] {border-radius:50px;}
input[type=radio]:checked {border:4px solid var(--color2);}

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

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

::selection {color:#fff;background-color:var(--color2);}

.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;}

/*스킵메뉴*/
#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:#333;}


/* 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 */
#header {position:fixed;top:0;left:0;width:100%;height:100px;border-bottom:1px solid #ffffff80;background-color:transparent;box-sizing:border-box;z-index:10000;transition:0.2s;}
#header .headerInner {position:relative;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 50px;box-sizing:border-box;z-index:2;}
#header .headerInner .logo {width:140px;height:70px;}
#header .headerInner .logo a {width:100%;height:100%;background:no-repeat center center / contain;background-image:url(../images/allvia-logo-white.png);transition:0.2s;}
#header .headerInner #nav {height:100%;}
/* .navList pc-type */
#header .headerInner #nav .navList.pc-type {justify-content:center;align-items:center;height:100%;}
/*#header .headerInner #nav .navList.pc-type .depth1 + .depth1 {margin-left:60px;}*/
#header .headerInner #nav .navList.pc-type .depth1 > a {display:block;height:56px;color:#fff;font-size:1.5em;font-weight:700;line-height:56px;padding:0 40px;border-radius:8px;transition:0.2s;}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox {position:absolute;top:100px;left:0;justify-content:space-between;width:100%;height:350px;padding:32px calc((100% - 1400px) / 2);box-sizing:border-box;transform:translateY(20px);opacity:0;pointer-events:none;transition:0.2s;}
#header .headerInner #nav .navList.pc-type .depth1.on .menuBox {transform:translateY(0);opacity:1;pointer-events:initial;}
/* 2depth 까지 */
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .leftWrap {width:350px;padding:0 36px;box-sizing:border-box;}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .leftWrap .depthName {color:var(--color2);font-size:1.75em;font-weight:700;}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .leftWrap .desc {display:block;color:var(--mono3);font-size:1em;font-weight:400;word-break:keep-all;padding-top:1rem;}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap {width:calc(100% - 355px);}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .lowerList {justify-content:flex-start;gap:32px 20px;width:100%;}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .lowerList .depth2 {width:calc((100% / 3) - 32px * 2 / 3);}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .lowerList .depth2 > a {display:block;width:100%;color:var(--mono1);font-size:1.25em;font-weight:700;padding:20px;border-radius:8px;box-sizing:border-box;transition:0.2s;}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .lowerList .depth2:hover > a {background-color:var(--color4);}
/* 3depth 까지 */
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .leftWrap li + li {margin-top:8px;}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .leftWrap li a {color:var(--mono1);font-size:1.125em;font-weight:700;padding:5px 10px;transition:0.2s;}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .leftWrap li a:hover,
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .leftWrap li.on a {color:var(--color2);}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List {position:relative;width:100%;}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 {position:absolute;top:0;left:0;display:none;width:100%;}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2.on {display:block;}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .depthName {color:var(--mono1);font-size:1.75em;font-weight:700;padding-bottom:24px;margin-bottom:20px;border-bottom:1px solid var(--mono7);}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList {justify-content:flex-start;gap:32px 20px;width:100%;}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 {width:calc((100% / 3) - 32px * 2 / 3);}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a {display:block;width:100%;padding:20px;border-radius:8px;box-sizing:border-box;transition:0.2s;}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3:hover > a {background-color:var(--color4);}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a .name {position:relative;display:block;color:var(--mono1);font-size:1.25em;font-weight:700;padding-left:36px;margin-bottom:8px;box-sizing:border-box;}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a .name::before {content:"";position:absolute;top:0;left:0;display:block;width:24px;height:100%;background:no-repeat center center / contain;}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a .name.wings::before {background-image:url(../images/icon-depth-wings.png);}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a .name.challenge::before {background-image:url(../images/icon-depth-challenge.png);}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a .name.elif::before {background-image:url(../images/icon-depth-elif.png);}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a .name.oxford::before {background-image:url(../images/icon-depth-oxford.png);}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a .name.od::before {background-image:url(../images/icon-depth-od.png);}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a .name.odf::before {background-image:url(../images/icon-depth-odf.png);}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a .name.mathalive::before {background-image:url(../images/icon-depth-mathalive.png);}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a .name.englisheye::before {background-image:url(../images/icon-depth-englisheye.png);}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a .desc {display:block;color:var(--mono3);font-size:1em;font-weight:400;word-break:keep-all;}
#header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a .oxford-mark {display:block;width:100%;height:20px;margin-top:8px;background:url(../images/img-logo-oxford.png) no-repeat right center / contain;}
/* .navList m-type */
#header .headerInner #nav .navList.m-type {position:absolute;top:60px;left:0;width:100%;height:calc(100vh - 60px);background-color:rgba(32 32 45 / 50%);box-sizing:border-box;backdrop-filter:blur(2px);opacity:0;pointer-events:none;overflow-y:auto;transition:0.2s;}
#header .headerInner #nav .navList.m-type.on {opacity:1;pointer-events:initial;}
#header .headerInner #nav .navList.m-type .utilList {display:none;justify-content:space-between;width:100%;padding:10px 20px;border-bottom:1px solid var(--mono6);background-color:#fff;box-sizing:border-box;}
#header .headerInner #nav .navList.m-type .utilList li {width:calc((100% / 3) - 8px * 2 / 3);}
#header .headerInner #nav .navList.m-type .utilList li.langSwitch {justify-content:space-between;height:36px;border:1px solid var(--mono6);box-sizing:border-box;}
#header .headerInner #nav .navList.m-type .utilList li.langSwitch a {display:block;width:50%;height:100%;color:var(--mono4);font-size:1em;font-weight:700;text-align:center;line-height:34px;}
#header .headerInner #nav .navList.m-type .utilList li.langSwitch a.on {color:var(--color2);background-color:var(--color4);}
#header .headerInner #nav .navList.m-type .nav .depth1 {width:100%;border-bottom:1px solid var(--mono6);}
#header .headerInner #nav .navList.m-type .nav .depth1 > a {position:relative;display:block;width:100%;color:var(--mono1);font-size:1.125em;font-weight:700;padding:14px 20px;background-color:#fff;box-sizing:border-box;}
#header .headerInner #nav .navList.m-type .nav .depth1 > a::after {content:"";position:absolute;top:50%;right:20px;display:block;width:12px;height:12px;background:url(../images/icon-control-bk.png) no-repeat center center / contain;transform:translateY(-50%) rotate(90deg);transition:0.2s;}
#header .headerInner #nav .navList.m-type .nav .depth1.on > a {color:var(--color2);}
#header .headerInner #nav .navList.m-type .nav .depth1.on > a::after {transform:translateY(-50%) rotate(270deg);}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList {display:none;width:100%;background-color:var(--mono9);}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 {width:100%;border-top:1px solid var(--mono7);}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > a,
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > strong {display:block;width:100%;color:var(--mono1);font-size:1em;font-weight:700;padding:14px 24px;box-sizing:border-box;}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > .lowerList {justify-content:space-between;gap:12px 20px;width:100%;padding:10px 16px 20px;box-sizing:border-box;}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > .lowerList .depth3 {width:calc(50% - 10px);}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > .lowerList .depth3 > a {display:block;padding:12px;border:1px solid var(--mono7);border-radius:4px;box-sizing:border-box;}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > .lowerList .depth3 > a .name {position:relative;display:block;color:var(--color2);font-size:1em;font-weight:700;padding-left:25px;box-sizing:border-box;}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > .lowerList .depth3 > a .name::before {content:"";position:absolute;top:0;left:0;display:block;width:16px;height:100%;background:no-repeat center center / contain;}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > .lowerList .depth3 > a .name.wings::before {background-image:url(../images/icon-depth-wings.png);}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > .lowerList .depth3 > a .name.challenge::before {background-image:url(../images/icon-depth-challenge.png);}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > .lowerList .depth3 > a .name.elif::before {background-image:url(../images/icon-depth-elif.png);}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > .lowerList .depth3 > a .name.oxford::before {background-image:url(../images/icon-depth-oxford.png);}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > .lowerList .depth3 > a .name.od::before {background-image:url(../images/icon-depth-od.png);}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > .lowerList .depth3 > a .name.odf::before {background-image:url(../images/icon-depth-odf.png);}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > .lowerList .depth3 > a .name.mathalive::before {background-image:url(../images/icon-depth-mathalive.png);}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > .lowerList .depth3 > a .name.englisheye::before {background-image:url(../images/icon-depth-englisheye.png);}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > .lowerList .depth3 > a .desc {display:block;color:var(--mono3);font-size:0.875em;font-weight:400;line-height:1.25;word-break:keep-all;margin-top:6px;}
#header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > .lowerList .depth3 > a .oxford-mark {display:block;width:100%;height:20px;margin-top:8px;background:url(../images/img-logo-oxford.png) no-repeat right center / contain;}
/* utility */
#header .headerInner .utilList {justify-content:flex-end;align-items:center;}
#header .headerInner .utilList > li + li {margin-left:12px;}
#header .headerInner .utilList > li.langBtn {position:relative;}
#header .headerInner .utilList > li.langBtn > a {position:relative;display:block;width:80px;height:44px;color:#fff;font-size:1.125em;font-weight:700;line-height:44px;padding:0 12px;border-radius:8px;box-sizing:border-box;opacity:0.75;transition:0.2s;}
#header .headerInner .utilList > li.langBtn > a::after {content:"";position:absolute;top:50%;right:12px;display:block;width:10px;height:10px;background:url(../images/icon-control-wh.png) no-repeat center center / contain;transform:translateY(-50%) rotate(90deg);transition:0.2s;}
#header .headerInner .utilList > li.langBtn .langList {position:absolute;top:40px;left:0;display:block;width:100%;border:1px solid var(--mono6);border-radius:8px;background-color:#fff;box-sizing:border-box;overflow:hidden;opacity:0;pointer-events:none;z-index:2;transition:0.2s;}
#header .headerInner .utilList > li.langBtn.on .langList {top:52px;opacity:1;pointer-events:initial;}
#header .headerInner .utilList > li.langBtn .langList li {width:100%;}
#header .headerInner .utilList > li.langBtn .langList li a {display:block;width:100%;height:36px;color:var(--mono4);font-size:1em;font-weight:700;line-height:36px;padding:0 10px;box-sizing:border-box;transition:0.2s;}
#header .headerInner .utilList > li.langBtn .langList li:hover a {color:var(--mono1);background-color:var(--mono9);}
#header .headerInner .utilList > li.util-btn {width:140px;height:44px;}
#header .headerInner .utilList > li.util-btn a {display:block;width:100%;height:100%;font-size:1.125em;font-weight:700;text-align:center;line-height:42px;border:1px solid #fff;box-sizing:border-box;transition:0.2s;}
#header .headerInner .utilList > li.util-btn.inquiry a {color:var(--color1);background-color:#fff;}
#header .headerInner .utilList > li.util-btn.freeTrial a {color:#fff;background-color:transparent;}
#header .headerInner .utilList > li.menuBtn {display:none;width:36px;height:36px;}
#header .headerInner .utilList > li.menuBtn a {position:relative;display:block;width:100%;height:100%;border-radius:4px;transition:0.2s;}
#header .headerInner .utilList > li.menuBtn a span {position:absolute;left:50%;display:block;width:20px;height:2px;background-color:#fff;transition:0.2s;}
#header .headerInner .utilList > li.menuBtn a span.line1 {top:10px;transform:translateX(-50%);}
#header .headerInner .utilList > li.menuBtn a span.line2 {top:50%;transform:translate(-50%,-50%);}
#header .headerInner .utilList > li.menuBtn a span.line3 {top:24px;transform:translateX(-50%);}
#header .headerInner .utilList > li.menuBtn.on a span.line1 {transform:translate(-50%,6.5px) rotate(45deg);}
#header .headerInner .utilList > li.menuBtn.on a span.line2 {opacity:0;}
#header .headerInner .utilList > li.menuBtn.on a span.line3 {transform:translate(-50%,-7px) rotate(-45deg);}
#header .headerInner .utilList > li.menuBtn:hover a {background-color:var(--color4);}
#header .headerInner .utilList > li.menuBtn:hover a span {background-color:var(--color2);}
#header .headerInner .closeBtn {position:absolute;top:124px;right:24px;display:block;width:40px;height:40px;color:transparent;font-size:0;border-radius:8px;background:url(../images/icon-close-bk.png) no-repeat center center / 25px;opacity:0;pointer-events:none;transition:0.2s;}
#header .headerInner .closeBtn.on {opacity:1;pointer-events:initial;}
#header .headerInner .closeBtn:hover {background-color:var(--mono9);}
#header .navBgWrap {position:absolute;top:100px;left:0;width:100%;height:350px;border-bottom:1px solid var(--mono6);background-color:#fff;opacity:0;pointer-events:none;z-index:-1;transition:0.2s;}
#header .navBgWrap.on {opacity:1;pointer-events:initial;z-index:1;}

#header.on,
#header.hover {border-color:var(--mono6);background-color:#fff;}
#header.on .headerInner .logo a,
#header.hover .headerInner .logo a {background-image:url(../images/allvia-logo-colored.png);}
#header.on .headerInner #nav .navList.pc-type .depth1 > a,
#header.hover .headerInner #nav .navList.pc-type .depth1 > a {color:var(--mono1);}
#header.on .headerInner #nav .navList.pc-type .depth1 > a:hover,
#header.on .headerInner #nav .navList.pc-type .depth1.on > a,
#header.hover .headerInner #nav .navList.pc-type .depth1 > a:hover,
#header.hover .headerInner #nav .navList.pc-type .depth1.on > a {color:var(--color2);background-color:var(--color4);}
#header.on .headerInner .utilList li.langBtn > a,
#header.hover .headerInner .utilList li.langBtn > a {color:var(--mono1);opacity:1;}
#header.on .headerInner .utilList li.langBtn > a::after,
#header.hover .headerInner .utilList li.langBtn > a::after {background-image:url(../images/icon-control-bk.png);}
#header.on .headerInner .utilList li.langBtn:hover > a,
#header.on .headerInner .utilList li.langBtn.on > a,
#header.hover .headerInner .utilList li.langBtn:hover > a,
#header.hover .headerInner .utilList li.langBtn.on > a {color:var(--color2);background-color:var(--color4);}
#header.on .headerInner .utilList li.langBtn:hover > a::after,
#header.on .headerInner .utilList li.langBtn.on > a::after,
#header.hover .headerInner .utilList li.langBtn:hover > a::after,
#header.hover .headerInner .utilList li.langBtn.on > a::after {background-image:url(../images/icon-control-colored2.png);}
#header.on .headerInner .utilList li.util-btn.inquiry a,
#header.hover .headerInner .utilList li.util-btn.inquiry a {color:#fff;border-color:var(--color1);background-color:var(--color1);}
#header.on .headerInner .utilList li.util-btn.inquiry:hover a,
#header.hover .headerInner .utilList li.util-btn.inquiry:hover a {border-color:var(--color3);background-color:var(--color3);}
#header.on .headerInner .utilList li.util-btn.freeTrial a,
#header.hover .headerInner .utilList li.util-btn.freeTrial a {color:var(--color1);border-color:var(--color1);}
#header.on .headerInner .utilList li.util-btn.freeTrial:hover a,
#header.hover .headerInner .utilList li.util-btn.freeTrial:hover a {color:#fff;border-color:var(--color3);background-color:var(--color3);}
#header.on .headerInner .utilList > li.menuBtn a span,
#header.hover .headerInner .utilList > li.menuBtn a span{background-color:var(--mono1);}
#header.scroll {top:-100px;}
#header.full,
#header.full.scroll {top:0;}

/* footer */
#footer {width:100%;background-color:var(--color1);}
#footer .center {padding:3.75em 0;}
#footer .footerTop {justify-content:space-between;align-items:center;width:100%;margin-bottom:3.75em;}
#footer .footerTop .logoWrap {justify-content:flex-start;gap:0 40px;}
#footer .footerTop .logoWrap li {position:relative;height:60px;background:no-repeat center center / contain;opacity:0.25;}
#footer .footerTop .logoWrap li.allvia {width:128px;background-image:url(../images/allvia-logo-white.png);}
#footer .footerTop .logoWrap li.visang {width:174px;background-image:url(../images/visang-logo-white.png);}
#footer .footerTop .logoWrap li.allvia::after {content:"";position:absolute;top:0;right:-21px;display:block;width:1px;height:100%;background-color:#fff;}
#footer .footerTop .logoWrap li a {display:block;width:100%;height:100%;}
#footer .footerTop .snsList {justify-content:flex-end;align-items:center;gap:12px;}
#footer .footerTop .snsList li {width:52px;height:52px;}
#footer .footerTop .snsList li a {display:block;width:100%;height:100%;border:1px solid #fff;border-radius:50px;background:no-repeat center center / 16px;box-sizing:border-box;transition:0.2s;}
#footer .footerTop .snsList li a:hover {background-color:#fff;}
#footer .footerTop .snsList li.linkedin a {background-image:url(../images/icon-linkedin-wh.png);}
#footer .footerTop .snsList li.linkedin a:hover {background-image:url(../images/icon-linkedin-colored1.png);}
#footer .footerTop .snsList li.facebook a {background-image:url(../images/icon-facebook-wh.png);}
#footer .footerTop .snsList li.facebook a:hover {background-image:url(../images/icon-facebook-colored1.png);}
#footer .footerTop .snsList li.youtube a {background-image:url(../images/icon-youtube-wh.png);}
#footer .footerTop .snsList li.youtube a:hover {background-image:url(../images/icon-youtube-colored1.png);}
#footer .footerBottom {width:100%;}
#footer .footerBottom .name {position:relative;color:#fff;font-size:1.125em;font-weight:700;padding-left:20px;box-sizing:border-box;}
#footer .footerBottom .name::before {content:"";position:absolute;top:50%;left:0;display:block;width:10px;height:10px;border-radius:50px;background-color:#fff;transform:translateY(-50%);}
#footer .footerBottom address {display:block;margin:2.5em 0 3.75em;}
#footer .footerBottom address .footerInfo {justify-content:flex-start;gap:12px 40px;width:100%;}
#footer .footerBottom address .footerInfo + .footerInfo {margin-top:12px;}
#footer .footerBottom address .footerInfo li {color:#fff;font-size:1.125em;}
#footer .footerBottom address .footerInfo li strong {display:inline-block;font-weight:700;padding-right:12px;}
#footer .footerBottom address .footerInfo li span {display:inline-block;font-weight:400;opacity:0.5;}
#footer .footerBottom .footerNav {justify-content:flex-start;}
#footer .footerBottom .footerNav > li {width:auto;}
#footer .footerBottom .footerNav > li + li {padding-left:3.75em;}
#footer .footerBottom .footerNav > li .depth1 {position:relative;color:#fff;font-size:1.125em;font-weight:700;padding-left:20px;box-sizing:border-box;}
#footer .footerBottom .footerNav > li .depth1::before {content:"";position:absolute;top:50%;left:0;display:block;width:10px;height:10px;border-radius:50px;border:1px solid #fff;transform:translateY(-50%);}
#footer .footerBottom .footerNav > li .depth1 > a {color: inherit;display: inline-block;}
#footer .footerBottom .footerNav > li .depth2List {padding-left:20px;margin-top:2.5em;box-sizing:border-box;}
#footer .footerBottom .footerNav > li .depth2List li + li {margin-top:12px;}
#footer .footerBottom .footerNav > li .depth2List li a {color:#fff;font-size:1.125em;font-weight:400;opacity:0.75;}
#footer .footerBottom .footerNav > li .depth2List li a:hover {opacity:1;}
#footer .below {width:100%;border-top:1px solid #ffffff80;}
#footer .below .center {padding:12px 0;}
#footer .below .center .copyright {display:block;color:#fff;font-size:1.125em;font-weight:400;opacity:0.75;}

/* 2025.08.27 비주얼영역, 푸터영역 CSS 추가*/
.new-visual-section-itmes{
    display: flex;
    gap:10px;
    justify-content: flex-end;
    padding-bottom:12px;
    position:absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    z-index: 2;
}
.new-footer-banner-wrap{
    display:flex;
    padding-top:10px;
    align-items: center;
    justify-content: flex-end;
}


/* responsive */
@media screen and (max-width: 1700px) {
    #header .headerInner #nav .navList.pc-type .depth1 > a {
        font-size: 1.3em;
        padding: 0 30px;
    }
}

@media screen and (max-width:1450px){
    .center {width:calc(100% - 100px);}
    #header .headerInner #nav .navList.pc-type .depth1 + .depth1 {margin-left:40px;}
    #header .headerInner #nav .navList.pc-type .depth1 > a {height:44px;font-size:1.125em;line-height:44px;padding:0 20px;}
}

@media screen and (max-width:1280px){
    /* header */
    #header {height:80px;}
    #header .headerInner {padding:0 20px;}
    #header .headerInner .logo {width:90px;height:45px;}
    /* .navList pc-type */
    #header .headerInner #nav .navList.pc-type .depth1 + .depth1 {margin-left:0px;}
    #header .headerInner #nav .navList.pc-type .depth1 > a {font-size:1em;padding:0 15px;}
    #header .headerInner #nav .navList.pc-type .depth1 .menuBox {top:80px;}
    /* 2depth 까지 */
    #header .headerInner #nav .navList.pc-type .depth1 .menuBox .leftWrap {width:280px;padding:0 24px;}
    #header .headerInner #nav .navList.pc-type .depth1 .menuBox .leftWrap .depthName {font-size:1.375em;}
    #header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap {width:calc(100% - 285px);}
    #header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .lowerList {gap:20px 20px;}
    #header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .lowerList .depth2 {width:calc((100% / 3) - 20px * 2 / 3);}
    #header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .lowerList .depth2 > a {font-size:1.125em;padding:16px;}
    /* 3depth 까지 */
    #header .headerInner #nav .navList.pc-type .depth1 .menuBox .leftWrap li a {font-size:1em;}
    #header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .depthName {font-size:1.375em;}
    #header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList {gap:20px 20px;}
    #header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 {width:calc((100% / 3) - 20px * 2 / 3);}
    #header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a {padding:16px;}
    #header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a .name {font-size:1.125em;padding-left:28px;}
    #header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a .name::before {width:20px;}
    #header .headerInner #nav .navList.pc-type .depth1 .menuBox .rightWrap .depth2List .depth2 .lowerList .depth3 > a .desc {font-size:0.875em;}
    /* utility */
    #header .headerInner .utilList > li.langBtn > a {width:68px;height:36px;font-size:1em;line-height:36px;padding:0 10px;}
    #header .headerInner .utilList > li.langBtn > a::after {right:10px;}
    #header .headerInner .utilList > li.langBtn.on .langList {top:44px;}
    #header .headerInner .utilList > li.langBtn .langList li a {font-size:0.875em;font-weight:500;}
    #header .headerInner .utilList > li.util-btn {width:110px;height:36px;}
    #header .headerInner .utilList > li.util-btn a {font-size:1em;line-height:34px;}
    #header .headerInner .closeBtn {top:102px;right:20px;}
    #header .navBgWrap {top:80px;}
}

@media screen and (max-width:1024px){
    .center {width:calc(100% - 60px);}

    /* header */
    #header {height:60px;}
    #header .headerInner .logo {width:70px;height:35px;}
    /* .navList pc-type */
    #header .headerInner #nav .navList.pc-type {display:none;}
    /* .navList m-type */
    #header .headerInner #nav .navList.m-type .utilList {display:flex;}
    /* utility */
    /* utility */
    #header .headerInner .utilList.pc-type > li:not(.menuBtn) {display:none;}
    #header .headerInner .utilList > li + li {margin-left:8px;}
    #header .headerInner .utilList > li.menuBtn {display:block;}
}

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

    /* header */
    #header .headerInner {padding:0 12px;}

    /* footer */
    #footer .footerTop {justify-content:center;}
    #footer .footerTop .logoWrap {justify-content:center;gap:32px;width:100%;margin-bottom:2.5em;}
    #footer .footerTop .logoWrap li {height:48px;}
    #footer .footerTop .logoWrap li.allvia {width:102px;}
    #footer .footerTop .logoWrap li.visang {width:140px;}
    #footer .footerTop .logoWrap li.allvia::after {right:-17px;}
    #footer .footerTop .snsList li {width:40px;height:40px;}
    #footer .footerTop .snsList li a {background-size:12px;}
    #footer .footerBottom .name {font-size:1em;padding-left:16px;}
    #footer .footerBottom .name::before {width:8px;height:8px;}
    #footer .footerBottom address .footerInfo li {font-size:1em;}
    #footer .footerBottom .footerNav > li {width:calc(100% / 3);}
    #footer .footerBottom .footerNav > li .depth1 {font-size:1em;padding-left:16px;}
    #footer .footerBottom .footerNav > li .depth1::before {width:8px;height:8px;}
    #footer .footerBottom .footerNav > li .depth2List {padding-left:16px;margin-top:1.25em;}
    #footer .footerBottom .footerNav > li .depth2List li a {font-size:1em;}
    #footer .below .center .copyright {font-size:0.875em;}


    /* 2025.08.27 비주얼영역, 푸터영역 CSS 추가*/
    .new-footer-banner-wrap{
        justify-content: center;
    }
}

@media screen and (max-width:480px){
    .center {width:calc(100% - 40px);}

    /* header */
    /* .navList m-type */
    #header .headerInner #nav .navList.m-type .nav .depth1 > .lowerList .depth2 > .lowerList .depth3 {width:100%;}

    /* footer */
    #footer .footerBottom address {margin:2.5em 0 0;}
    #footer .footerBottom .footerNav {display:none;}
}