@media(max-width:990px) {
    .font-35 {font-size: 2.5rem;}
    .font-25 {font-size: 2.125rem;}
    .font-18 {font-size: 1.625rem;}
}

/* 해더 */
header#header {position: relative; left: 0 ;top: 0; z-index: 10; background: #fff;}
header#header a.logo {padding: 2rem 2rem 0; display: block; margin: auto; width: fit-content;}
header#header a.logo img {width: 12rem;}

header#header ul.gnb a.logo {position: absolute; left: 1%; bottom: 1rem; opacity: 0; transition: 0.3s;}
header#header ul.gnb a.logo img {width: 7rem;}
header#header ul.gnb > li {position: relative; padding: 2rem 0;}
header#header ul.gnb a {transition: 0.3s; display: inline-block;}
header#header ul.gnb a:hover {color: var(--pointcolor);}

header#header ul.lnb {position: absolute; left: -2rem; top: 4rem; z-index: 1; background: #fff; width: 20.5rem; padding: 1.25rem 3rem; opacity: 0; visibility: hidden; transition: 0.3s;}
header#header ul.lnb.on {opacity: 1; visibility: visible;}
header#header ul.lnb > li a {padding: 0.75rem 0; display: inline-block; transition: 0.3s; position: relative; width: 100%;}
header#header ul.lnb > li a:after {position: absolute; left: 0; bottom: 0; height: 1px; background: var(--pointcolor); width: 0%; content: ""; transition: 0.6s;}
header#header ul.lnb > li a:hover:after {width: 100%;}

header#header ul.gnb .mo-btn-wrap {display: none;}

header#header.on .header-bar {position: fixed; left: 0; top: 0; width: 100%; background: #fff; box-shadow: 4px 2px 15px rgba(102,102,102,0.1);}
header#header.on ul.gnb a.logo {opacity: 1;}

header#header .mo-menu {position: absolute; left: 5%; top: 50%; transform: translateY(-50%);}
header#header .mo-menu img {width: 4.75rem;}
header#header .mo-tel {position: absolute; right: 5%; top: 50%; transform: translateY(-50%);}
header#header .mo-tel img {width: 3.8125rem;}

@media(max-width:1880px) {
    header#header ul.gnb {width: 85%; margin: auto;}
}


@media(max-width:990px) {
    header#header .font-14 {font-size: 2.125rem;}

    header#header {position: fixed; width: 100%; box-shadow: 4px 2px 15px rgba(102,102,102,0.1);}
    header#header.on .header-bar {position: initial;}
    header#header .container > div {display: flex; align-items: center;}
    header#header a.logo {padding: 2rem;}
    

    header#header ul.gnb {position: absolute; left: -100%; top: 0; flex-direction: column; background: #fff; height: 100vh; justify-content: flex-start; width: 80%; padding: 0.25rem; overflow-x: auto; transition: left 0.6s; z-index: 11;}
    header#header ul.gnb.on {left: 0; z-index: 15;}
    header#header ul.gnb a {transition: 0s;}
    header#header ul.gnb a:hover {color: #444;}
    header#header ul.gnb > li {padding: 0; width: 100%;}
    header#header ul.gnb > li a {padding: 2rem; border: 2px solid #f5f5f5; width: 100%; margin-top: -2px;font-size: 1.75rem;}
    header#header ul.gnb > li > a {font-weight: 700;}
    header#header ul.gnb > li a.on {color: var(--pointcolor);}
    header#header ul.gnb .mo-btn-wrap {display: flex; justify-content: space-between; align-items: center; padding: 2rem; border-bottom: 10px solid #eeeeee; width: 100%;}
    header#header ul.gnb .mo-btn-wrap img.logo {width: 10.3125rem;}
    header#header ul.gnb .close {cursor: pointer; width: fit-content;}
    header#header ul.gnb .close img {width: 1.8125rem;}

    header#header ul.lnb {position: initial; opacity: 1; visibility: visible; width: 100%; padding: 0; background: #f9f9f9; transition: 0s;}
    header#header ul.lnb > li a:after  {display: none;}
}

@media(max-width:500px) {
    header#header .font-14 {font-size: 2rem;}
    header#header ul.gnb {width: 100%;}
    header#header ul.gnb .close  {margin-right: 0;}
    header#header .mo-menu img {width: 4rem;}
    header#header .mo-tel img {width: 3rem;}
}

header#header .language-ctrl-wrap { position: absolute; top: 3.5rem; right: calc( calc( 100% - var(--layoutwidth) ) / 2 ); }
header#header .language-ctrl { min-width: 120px; padding: .5rem; display: flex; align-items: center; justify-content: space-between; border-radius: .5rem; }
header#header .language-ctrl .language-current { font-weight: 700; display: flex; align-items: center; justify-content: center; }
header#header .language-ctrl .language-current p { color: #333 !important; margin-left: .25rem; }
header#header .language-ctrl .language-arrow.on { transform: rotate(180deg); }
header#header .language-selector { display: none; position: relative; min-width: 120px; background: #fff; border-radius: .5rem; overflow: hidden; z-index: 99;
/* box-shadow: 0 2px 6px rgba(0,0,0,.2); */
}
header#header .language-selector li { display: flex; align-items: center; padding: .25rem .75rem; cursor: pointer; }
header#header .language-selector li:hover { background: rgba(0,0,0,.05); }
header#header .language-selector li .img { width: 16px; height: auto; aspect-ratio: 1/1; overflow: hidden; border-radius: 50%; }
header#header .language-selector li .img img { width: 100%; height: 100%; object-fit: cover; }
header#header .language-selector li span { margin-left: .5rem; }
@media (max-width: 1580px){
    header#header .language-ctrl-wrap { right: 5%; }
}
@media (max-width: 990px){
    header#header .language-ctrl-wrap { position: relative; top: auto; right: auto; margin-right: 2rem; }
    header#header .language-ctrl { min-width: 20%; } 
    header#header .language-ctrl .language-current p { font-size: 1.5rem; }
    header#header .language-selector { position: absolute; top: 100%; width: 100%; box-shadow: 0 2px 4px rgba(0,0,0,.25); }
    header#header .language-selector li { padding: .75rem; }
    header#header .language-selector li span { margin-left: .25rem; font-size: 1.5rem; }
}

.languageSelector { display: none; position: absolute; right: 20%; bottom: 100%; min-width: 200%; background: #fff; border-radius: .5rem; margin-bottom: 1rem; }
.languageSelector li { display: flex; align-items: center; padding: 1rem; cursor: pointer; }
.languageSelector li.closeArrow { position: absolute; top: 0; right: 0; }
.languageSelector li .img { width: 20px; height: auto; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 50%; }
.languageSelector li .img img { width: 100%; height: 100%; object-fit: cover; }
.languageSelector li span { margin-left: .5rem; font-size: 1.5rem; }

/* 푸터 */
footer .logo img {width: 10.3125rem;}
footer .snsbox {gap: .75rem;}
footer .snsbox li { max-width: 40px; }
footer .infor {line-height: 2; max-width: 60rem; width: 100%;}
footer .infor span {padding: 0 0.25rem;}


@media(max-width:990px) {
    footer .font-16 {font-size: 1.5rem;}
    footer .mo {font-size: 1rem;}

    footer .mb-30 {margin-bottom: 2.5rem;}
    footer .logo img {width: 15.3125rem;}
    footer .infor {text-align: center; line-height: 1.7;}
    footer .infor p:nth-child(2) {padding-top: 1.25rem;}
}

@media(max-width:370px) {
    footer .flex-between {flex-direction: column;}
    footer .snsbox {margin-top: 3.5rem;}
}

/* 퀵 */
#quick {position: fixed; right: 2.5%; top: 50%; transform: translateY(-50%); z-index: 15;}
#quick a {display: flex; align-items: center;}
#quick .q-icon {width: 38px; height: auto; aspect-ratio: 1/1; background: #000; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 1rem;} 
#quick .q-icon img { width: 50%; height: auto; }
#quick p {font-size: 14px; background: #000; color: #fff; height: 37px; line-height: 37px; width: 135px; border-radius: 100px; text-align: center;} 
#quick .QR-img { display: none; position: absolute; bottom: -200px; right: 0; width: 180px; height: auto; aspect-ratio: 1/1; border-radius: .5rem; overflow: hidden; padding: .5rem; background: #fff; box-shadow: 0 .25rem 1rem rgba(0, 0, 0, .1); }
#quick .wechat_m { display: none; }

@media(max-width:768px) {
    #quick {top:auto; bottom: 5%; transform: none;}
    #quick .q-icon {background: #dfece7; width: 50px; height: 50px;}
    #quick .q-icon img {-webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0);}
    #quick .q-icon img.wechat { filter: brightness(1); }
    #quick .wechat_m { display: flex; }
    #quick .wechat_m img { width: 25px; height: auto; aspect-ratio: 1/1; }
    #quick p {display: none;}
    #quick .QR-img { position: fixed; right: auto; left: 50%; bottom: 5%; transform: translateX(-50%); width: 50%; padding: 1rem; }
}

#goBtn {position: fixed; left: 2.5%; bottom: 5%; width: 60px; height: 60px; background: #000; z-index: 5; display: none; }
#goBtn img {transform: scale(0.8);}

@media(max-width:768px) {
    #goBtn {display: flex; justify-content: center; align-items: center;}
}

.mo-cover { display: none; }
.mo-cover.on { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.5); z-index: 12; }