#header{position: fixed;padding: 0 40px;padding-top: 32px;width: 100%;z-index: 99;}
#header .header_wrap{background-color: #FFFFFF;border-radius: 10px;width: 100%;position: relative;}
#header #logo{position: absolute;left: 90px;top: 50%;transform: translateY(-50%);z-index: 10;}
#header #logo a{display: block;font-family: 'YeogiOttaeJalnanGothic';font-size: 22px;color: #194458;}
#gnb1 #head_menu{display: flex;justify-content: center;gap: 60px}
#gnb1 #head_menu li a{display: flex;height: 80px;align-items: center;font-size: 17px;color: #000000;font-weight: 500;transition-duration: 0.5s;}
#gnb1 #head_menu li:hover a{color: #7CD12E;}
#header .close_b{display: none;}
#hnb{display:none}
#header #open{display: none;}
#top_btn{position: fixed;right: 40px;bottom: 40px;z-index: 30;opacity: 0;transition-duration: 0.5s;}
#top_btn.on{opacity: 1;}
#top_btn button{display: block;position: relative;}
#top_btn button:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #FFFFFF;;border-radius: 7px;}
#top_btn button i{display: flex;width: 60px;height: 60px;background-color: #000A30;align-items: center;justify-content: center;border: 1.5px solid #fff;border-radius: 8px;position: relative;z-index: 15;transition: 0.5s;}
#top_btn button:hover i{transform: translateY(-7px);}
#top_btn button i svg{display: block;}
#footer{background-color: #000A30;padding: 60px 40px 120px 40px;}
#footer hr{display: block;width: 100%;height: 2px;background-color: #FFFFFF;}
#footer .ft01{padding-top: 80px;;display: flex;align-items: center;justify-content: space-between;;}
#footer .ft01 h2{font-size: 60px;color: #FFFFFF;    font-family: 'YeogiOttaeJalnanGothic';font-weight: 400;}
#footer .ft01 ul{display: flex;gap: 20px}
#footer .ft01 ul li a{border-radius: 8px;overflow: hidden;display: block;}
#footer .ft01 ul li a img{display: block;}
#footer .ft02 ul{display: flex;margin-top: 75px;margin-bottom: 100px;gap: 120px}
#footer .ft02 ul li span{display: block;font-size: 16px;color: #FFFFFF;font-weight: 600;margin-bottom: 15px;}
#footer .ft02 ul li p{font-size: 16px;color: #CCD1E5;font-weight: 300;}
#footer .ft02 address{font-size: 16px;color: #71778D;}
#header{transition-duration: 0.5s;}
#header.on{padding-top: 10px;}
#header #gnb2{display:none}
@media (max-width: 1260px) {
    #footer .ft01 h2{font-size: 40px;}
    #footer{padding: 40px 20px;}
    #footer .ft01{padding-top: 40px;}
    #footer .ft02 ul{margin: 40px 0;gap: 60px}
}
@media (max-width: 1160px) {

    #top_btn{right: 20px;bottom: 20px;}
    #top_btn button i{width: 36px;height: 36px;}
    #top_btn button i svg{width: 7px;height: auto;}
    #gnb1 #head_menu {gap: 40px}
    #header #logo{left: 20px;}
    #header{padding: 10px;}
    #gnb1 #head_menu li a{height: 50px;font-size: 15px;}
    #header #logo a{font-size: 18px;}
    #footer .ft01 h2{font-size: 30px;}
    #footer .ft01 ul li a img{width: 160px;}
    #footer .ft02 ul li p{font-size: 13px;}
    #footer .ft02 ul li span{font-size: 13px;margin-bottom: 7px;;}
    #footer .ft02 address{font-size: 12px;}
}
@media (max-width: 776px) {
    #header #gnb2{display: block}
    #header #gnb1{display: none}
    #header .open{display: block;position: absolute;right: 0;display: flex;flex-direction: column;gap: 5px;top: 50%;transform: translateY(-50%);right: 20px;}
    #header .close{display: block;position: absolute;right: 0;display: flex;flex-direction: column;gap: 5px;top: 50%;transform: translateY(-50%);right: 20px;z-index: 15;display: none}
    #header .active .close{display: flex;z-index: 215}
    #header .open span{display: block;width: 20px;height: 2px;background-color: #194458;}
    #header .close span{display: block;width: 20px;height: 2px;background-color: #194458;}
    #header .open span.sr_only{opacity: 0;height: 0;overflow: hidden}
    #header .close span.sr_only{opacity: 0;height: 0;overflow: hidden}
    #header #head_menu_all{transform: translateX(calc(100% + 60px));transition-duration: 1s;transition-duration: 0.5s;z-index: 20;}
    #header .active #head_menu_all{transform: translateX(0);}
    #header .close_b{display: block;position: absolute;right: 20px;top: 20px;}

    #header .header_wrap{height: 50px;}
    #header #head_menu_all {position: fixed;height: calc(100vh - 20px);right: 10px;top: 10px;background-color: #fff;border-radius: 10px;width: 240px;box-shadow: 0 0 40px #429BE920;}
    #header #head_menu_all.on{transform: translateX(0);}
    #header #head_menu_all {flex-direction: column;gap: 15px;padding: 60px 20px;}
    #header #head_menu_all{display: flex;flex-direction: column}
    #header #head_menu_all li a{height: 30px;display: flex;
        align-items: center;}
    #footer .ft01 h2{font-size: 22px;}
    #footer .ft01 ul li a img{width: 130px;}
    #footer .ft01 ul li a{border-radius: 5px;}
    #footer .ft01 ul{gap: 10px}
    #footer .ft01{padding-top: 20px;}
    #footer .ft02 ul li p, #footer .ft02 ul li span{font-size: 12px;}
    #footer .ft02 ul{gap: 32px}
    #main #footer .inner{padding: 0;}
}
@media (max-width: 660px) {
    #footer .ft01{flex-direction: column;align-items: flex-start;gap: 20px}
    #footer .ft02 ul{flex-direction: column;gap:15px;margin: 15px 0;}
}