@charset "utf-8";

header{background-color: #fff; width: 100%; height: 50px; position: fixed; top: 0; left: 0; z-index: 9999;}
header .header-wrap{max-width: 1920px; margin: 0 auto; width: 100%; height: 100%; display: flex; padding: 0 30px; align-items: center; justify-content: space-between; position: relative;}
#logo a {display: flex; align-items: center; justify-content: center;}
#gnb, .hd_login {flex: 1; height: 100%; font-size: 14px}
.hd_login {display: flex; align-items: center; justify-content: flex-end;}
.hd_login li {padding: 0 12px; height: 100%}
.hd_login li > a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
#gnb_1dul {display: flex; height: 100%}
.gnb_1dli {padding: 0 12px; height: 100%}
.gnb_1dli > a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.gnb_2dul {display: none; width: 100%; padding: 30px; position: absolute; top: 100%; left: 0; background-color: #fff; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);}
.gnb_1dli_over .gnb_2dul,.gnb_1dli_over2 .gnb_2dul {display: block;}
.gnb_2dli {padding: 0 12px;}
.gnb_2dli > a {padding: 4px 0;}
.gnb_2dli:hover > a {text-decoration: underline;}

footer {margin-top: 70px;}
footer .ft-top {padding: 0 35px 20px; display: flex; align-items: center; justify-content: space-between;}
footer .ft-top #top_btn {display: flex; align-items: center; column-gap: 5px;}
footer .ft-top #top_btn:hover span{text-decoration: underline;}
footer .ft-bot {border-top: 1px solid var(--text1); padding: 50px 35px 150px; display: flex; align-items: center; column-gap: 250px;}
footer .ft-bot a img{height: 44px;}
footer .ft-bot .ft_info{font-size: 12px; color: var(--text2);}
footer .ft-bot .ft_info p:not(:last-child) {margin-bottom: 8px;}

@media screen and (min-width: 1281px) {
    .gnb_mnal_wrap{display: none;}
}

@media screen and (max-width: 1600px) {

}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1280px) {
    .gnb_mnal_wrap{flex: 1;}
    .gnb_mnal{font-size: 14px; display: flex; align-items: center;}
    .gnb_mnal svg {transition: rotate 0.5s;}
    .gnb_mnal.close-menu svg {rotate: -180deg;}
    #gnb {transition: left 0.5s; position: fixed; top: 50px; left: -100%; background-color: #fff; width: 100%; height: calc(100% - 50px);}
    #gnb.open {left: 0; overflow-y: auto;}
    #gnb_1dul {flex-wrap: wrap; row-gap: 30px;}
    .gnb_1dli {height: unset; padding: 0; width: 50%;}
    .gnb_1dli > a {height: unset; justify-content: flex-start; padding: 12px 30px; color: var(--text3);}
    .gnb_1dli:not(.gnb_al_li_plus):hover > a {text-decoration: underline;}
    .gnb_2dul {display: block; position: unset; padding: 0; background-color: unset; box-shadow: none;}
    .gnb_2dli > a {padding: 12px 30px; width: 100%;}
    .hd_login li {padding: 0; padding-left: 12px;}
}
@media screen and (max-width: 1024px) {
    header .header-wrap {padding: 0 24px;}
    footer .ft-top{padding: 0 24px 20px;}
    footer .ft-bot{padding: 50px 24px 120px; flex-direction: column; align-items: flex-start; row-gap: 50px;}
    .gnb_1dli > a ,.gnb_2dli > a {padding: 12px 24px;}
}
@media screen and (max-width: 768px) {
    header .header-wrap {padding: 0 16px;}
    #logo img {width: 100px;}
    footer .ft-top{padding: 0 16px 20px;}
    footer .ft-bot{padding: 50px 16px 100px;}
    .gnb_1dli > a ,.gnb_2dli > a {padding: 12px 16px;}
}
@media screen and (max-width: 480px) {
}