#tfooter { position: relative; background-color: #1a1a1a; }

#tfooter .foot_ul { display: flex; flex-wrap: nowrap; }
@media (max-width: 1023px) {
    #tfooter .contwrap { width: 100%; max-width: 100%; }
    #tfooter .foot_ul { display: block; }
}

/* #tfooter .foot_ul .left */
#tfooter .foot_ul .left { width: 100%; } 
#tfooter .foot_ul .left .leftmenu { width: 100%; padding: 30px; padding-left: 0; display: flex; flex-wrap: wrap; }
#tfooter .foot_ul .left .leftmenu dl { width: 20%; }
#tfooter .foot_ul .left .leftmenu dl:nth-of-type(n + 6) { margin-top: 35px; }
#tfooter .foot_ul .left .leftmenu dl dt { margin-bottom: 18px; font-weight: 700; font-size: 18px; color: #fff; line-height: 1.55; letter-spacing: -0.025em; }
#tfooter .foot_ul .left .leftmenu dl dt * { font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; letter-spacing: inherit; }
#tfooter .foot_ul .left .leftmenu dl dd { font-weight: 500; font-size: 15px; color: #bfbfbf; letter-spacing: -0.025em; line-height: 1.55; }
#tfooter .foot_ul .left .leftmenu dl dd * { font-weight: inherit; font-size: inherit; color: inherit; letter-spacing: inherit; line-height: inherit; }
#tfooter .foot_ul .left .leftmenu dl dd a { display: inline-block; }
@media (max-width: 1660px) {
    #tfooter .foot_ul .left .leftmenu { padding: 25px; padding-left: 0; }
    #tfooter .foot_ul .left .leftmenu dl:nth-of-type(n + 6) { margin-top: 30px; }
    #tfooter .foot_ul .left .leftmenu dl dt { margin-bottom: 15px; font-size: 16px; }
    #tfooter .foot_ul .left .leftmenu dl dd { font-size: 14px; }
}
@media (max-width: 1440px) {
    #tfooter .foot_ul .left .leftmenu { padding: 23px; padding-left: 0; }
    #tfooter .foot_ul .left .leftmenu dl:nth-of-type(n + 6) { margin-top: 25px; }
    #tfooter .foot_ul .left .leftmenu dl dt { margin-bottom: 12px; font-size: 15px; }
    #tfooter .foot_ul .left .leftmenu dl dd { font-size: 13px; }
}
@media (max-width: 1279px) {
    #tfooter .foot_ul .left .leftmenu { padding: 20px; padding-left: 0; }
    #tfooter .foot_ul .left .leftmenu dl:nth-of-type(n + 6) { margin-top: 20px; }
    #tfooter .foot_ul .left .leftmenu dl dt { margin-bottom: 11px; font-size: 14px; }
    #tfooter .foot_ul .left .leftmenu dl dd { font-size: 12px; }
}
@media (max-width: 1023px) {
    #tfooter .foot_ul .left .leftmenu { padding: 15px; }
    #tfooter .foot_ul .left .leftmenu dl { width: 100%; display: flex; flex-wrap: nowrap; }
    #tfooter .foot_ul .left .leftmenu dl dt { min-width: 120px; width: 120px; margin-bottom: 5px; margin-right: 10px; font-weight: 500; line-height: 1.7; }
    #tfooter .foot_ul .left .leftmenu dl dd { width: 100%; display: flex; flex-wrap: wrap; font-weight: normal; line-height: 1.7; }
    #tfooter .foot_ul .left .leftmenu dl dd a { margin-right: 7px; }
    #tfooter .foot_ul .left .leftmenu dl dd br { display: none; }
}
@media (max-width: 524px) {
    #tfooter .foot_ul .left .leftmenu dl dt { min-width: 105px; width: 105px; }
}

/* #tfooter .foot_ul .right */
#tfooter .foot_ul .right { min-width: max-content; background-color: #0d0d0d; padding: 40px 20px; } 
#tfooter .foot_ul .right .sns_flex { display: flex; flex-wrap: nowrap; justify-content: center; }
#tfooter .foot_ul .right .sns_flex a { display: inline-block; margin: 0 7px; }
#tfooter .foot_ul .right .sns_flex a img { display: inline-block; width: 35px; }
#tfooter .foot_ul .right .sns_flex a:hover img { filter: brightness(1.1); }
#tfooter .foot_ul .right .ft_logo { margin-top: 25px; text-align: center; }
#tfooter .foot_ul .right .ft_logo img { display: inline-block; width: 250px; }

#tfooter .foot_ul .right .descbox1 { margin-top: 30px; }
#tfooter .foot_ul .right .descbox1 .desc1 { font-weight: 100; font-size: 25px; color: #fff; line-height: 1.2; letter-spacing: -0.05em; }
#tfooter .foot_ul .right .descbox1 .desc2 { margin-top: 5px; font-weight: 500; font-size: 55px; color: #fff; letter-spacing: -0.05em; }
#tfooter .foot_ul .right .descbox2 { margin-top: 28px; font-weight: 500; font-size: 15px; color: #bfbfbf; line-height: 1.56; }
#tfooter .foot_ul .right .descbox2 * { font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; }
#tfooter .foot_ul .right .descbox2 p { display: inline-block; }
#tfooter .foot_ul .right .descbox2 i { display: inline-block; padding: 0 5px; font-style: normal; }
#tfooter .foot_ul .right .descbox2 .menus { display: flex; flex-wrap: nowrap; justify-content: center; }
#tfooter .foot_ul .right .descbox2 .menus a { display: inline-block; position: relative; padding: 0 6px; }
#tfooter .foot_ul .right .descbox2 .menus a:first-of-type { padding-left: 0; }
#tfooter .foot_ul .right .descbox2 .menus a:last-of-type { padding-right: 0; }
#tfooter .foot_ul .right .descbox2 .menus a::after { display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background-color: #bfbfbf; }
#tfooter .foot_ul .right .descbox2 .menus a:first-of-type::after { display: none; }

@media (max-width: 1660px) {
    #tfooter .foot_ul .right { padding: 35px 20px; } 
    #tfooter .foot_ul .right .sns_flex a { margin: 0 6px; }
    #tfooter .foot_ul .right .sns_flex a img { width: 32px; }
    #tfooter .foot_ul .right .ft_logo { margin-top: 22px; }
    #tfooter .foot_ul .right .ft_logo img { width: calc(130px + 7vw); }

    #tfooter .foot_ul .right .descbox1 { margin-top: 25px; }
    #tfooter .foot_ul .right .descbox2 { margin-top: 23px; }
}
@media (max-width: 1440px) {
    #tfooter .foot_ul .right { padding: 30px 20px; } 
    #tfooter .foot_ul .right .sns_flex a { margin: 0 5px; }
    #tfooter .foot_ul .right .sns_flex a img { width: 30px; }
    #tfooter .foot_ul .right .ft_logo { margin-top: 20px; }

    #tfooter .foot_ul .right .descbox1 { margin-top: 20px; }
    #tfooter .foot_ul .right .descbox2 { margin-top: 20px; }
}
@media (max-width: 1279px) {
    #tfooter .foot_ul .right { padding: 20px 20px; } 
    #tfooter .foot_ul .right .sns_flex a img { width: 28px; }
    #tfooter .foot_ul .right .ft_logo { margin-top: 17px; }

    #tfooter .foot_ul .right .descbox1 { margin-top: 17px; }
    #tfooter .foot_ul .right .descbox2 { margin-top: 15px; }
}
@media (max-width: 1023px) {
    #tfooter .foot_ul .right { width: 100%; min-width: initial; padding: 15px; } 
    #tfooter .foot_ul .right .descbox1 { text-align: center; }
    #tfooter .foot_ul .right .descbox2 { text-align: center; }
    #tfooter .foot_ul .right .descbox2 .menus { justify-content: center; }
}

/* quick_menu */
.quick_menu { z-index: 1050; position: fixed; top: 50%; transform: translateY(-50%); right: 20px; }
.quick_menu a { position: relative; display: block; width: 100px; height: 100px; text-align: center; border: 1px solid #b3b3b3; border-bottom: none; }
.quick_menu a:last-of-type { border-bottom: 1px solid #b3b3b3; }

.quick_menu .cont1 { position: relative; background-color: #fff; }
.quick_menu .cont1 .cont { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.quick_menu .cont1 img { display: inline-block; width: 50px; }
.quick_menu .cont1 p { margin-top: 7px; font-weight: 500; font-size: 15px; color: #191919; }

.quick_menu .cont2 { position: relative; background-color: #fae100; }
.quick_menu .cont2 .cont { width: 100%; height: 100%; }
.quick_menu .cont2 .cont img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 80%; max-height: 80%; }

.quick_menu .cont3 { background-color: #5390c9; }
.quick_menu .cont3 .cont { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%; padding: 0 10px; }
.quick_menu .cont3 .cont .scr1 { font-size: 15px; color: #fff; letter-spacing: -0.025em; line-height: 1.25; }
.quick_menu .cont3 .cont .scr2 { font-weight: 700; font-size: 16px; color: #fff; letter-spacing: -0.05em; line-height: 1.25; }

.quick_menu .topbtn { padding: 8px; height: initial !important; display: flex; flex-wrap: nowrap; align-items: end; justify-content: center; text-align: center; font-size: 13px; color: #fff; background-color: #002d58; }
.quick_menu .topbtn span { display: inline-block; margin-right: 5px; }
.quick_menu .topbtn img { display: inline-block; width: 9px; height: auto; }

.quick_menu .mo_arrow { display: none; }

@media (max-width: 1660px) {
    .quick_menu a { width: 75px; height: 75px; }

    .quick_menu .cont1 img { width: 40px; }
    .quick_menu .cont1 p { margin-top: 6px; font-size: 14px; }

    .quick_menu .cont3 .cont { padding: 0 9px; }
    .quick_menu .cont3 .cont .scr1 { font-size: 13px; }
    .quick_menu .cont3 .cont .scr2 { font-weight: 600; font-size: 14px; }
}
@media (max-width: 1279px) {
    .quick_menu { top: initial; transform: translateY(0); bottom: 20px; }
    .quick_menu a, .quick_menu .topbtn { display: none; }
    .quick_menu .mo_arrow { display: block; cursor: pointer; }
    .quick_menu .mo_arrow img { display: inline-block;
        width: 31px !important;   /* 원래 표시 크기 */
        height: 31px !important;
        max-width: 31px !important;
        image-rendering: crisp-edges;  /* 픽셀 선명하게 */
     }

    .quick_menu.active a, .quick_menu.active .topbtn { display: block; }
    .quick_menu.active .mo_arrow { display: none; }
}