html, body{height: 100%}
/* 헤더 */
.header{position: sticky;top: 0;display: flex;justify-content: space-between;align-items: center;height: 80px;padding:0 12px;border-bottom: 1px solid #707070;background: #FFF;z-index: 1000}
.header .img_logo{width: 200px}
.header .btn_navtoggle{font-size: 30px;transition: all 0.5s ease-in-out}
.header .btn_navtoggle[aria-expanded="false"] > .fa-xmark{display: none}
.header .btn_navtoggle[aria-expanded="true"] > .fa-bars{display: none}
.header .btn_navtoggle[aria-expanded="true"] > .fa-xmark{display: block}
.header .btn_navtoggle[aria-expanded="false"] + .nav_mobile{display: none}
/* .header .btn_navtoggle[aria-expanded="true"] + .nav_mobile{display: block} */
.header .link_shortcut{display: flex;gap: 4px;justify-content: center;align-items: center;width: 100%;height: 50px;font-size: 16px;font-weight: 400;line-height: 19px;color: #6E6E6E;border:1px solid #DDD}
.header .nav_mobile .link_shortcut{margin-top: auto}
.header .link_shortcut img{width: 14px;height: 14px}
.header .link_shortcut .fa-arrow-up-right-from-square{font-size: 10px;color: #A8A8A8}
.header .nav_mobile{position: fixed;top: 80px;left: 0;bottom: 0;display: flex; flex-direction: column;width: 100%;padding: 12px;background: #FFF;transition: all 0.5s ease-in-out}
.header .nav_mobile ul{display: flex;flex-direction: column;gap: 30px;margin: 35px 0}
.header .nav_mobile ul li{font-size: 24px;font-weight: 900;line-height: 29px;text-align: center}
.header .nav_mobile ul li a{padding: 15px}
.header .nav_pc{display: none}
.main{display: flex;flex-direction: column;min-height: calc(100% - 80px);padding-bottom: 60px}
.footer{position: fixed;bottom: 0;left: 0;right: 0;padding: 24px 0;height: 60px;font-size: 10px;font-weight: 400;line-height: 11px;color: #C4C4C4;text-align: center;background: #FAFAFA}
@media screen and (min-width:1024px){
  .header{height: 110px;padding:0 30px}
  .header .img_logo{width: 250px}
  .header .link_shortcut{width:125px;height: 30px;border-radius: 50px}
  .header .btn_navtoggle, .header .nav_mobile{display: none}
  .header .nav_pc{display: flex;justify-content: space-between;align-items: center;width: 60%}
  .header .nav_pc ul{display: flex;gap: 20px}
  .header .nav_pc ul li{padding: 15px;font-size: 20px;font-weight: 800;line-height: 24px}
  .header .nav_pc ul li:hover{position: relative;color: #034EA2}
  .header .nav_pc ul li:hover::before{position: absolute;top: 0;left: 50%;right: 50%;width: 10px;height: 10px;border-radius: 50%;background: #034EA2;transform:translate(-50%);content: ""}
  .main{min-height: calc(100% - 110px)}
  .footer{padding: 22px 0;font-size: 12px;line-height: 14px}
}