/* 공통 */
.wrap {min-width: 375px;}
.pc{display:block !important;}
.mo{display:none !important;}
.mo-nav{display:none;}
.mo-title{display:none;}
.hidden {transform: translateY(-100%) !important;}
body{font-size:16px}
.submenubg{width: 100%;height: 420px;overflow: hidden;position: absolute;left: 0;top: 140px;background: #fff;display:none;opacity:0;z-index:9}
.black{color:#000 !important;}
.container section + section{max-width: 1920px;margin: 0 auto;margin-top:180px;}

/* header */
.header{position: fixed;background-color: #fff;top: 0;left: 0;right: 0;transition: transform 0.3s ease;transform: translateY(0);z-index: 9999;}
.header.change{position: fixed;z-index: 100;background-color: #fff;width: 100%;}
.header .header-inner{padding:0 90px;display:flex;height:140px;align-items: center;background-color:#fff;}
.header .header-inner .header-infor{width: calc(100% - 180px);display: flex;align-items: center;justify-content: flex-end;}
.header .header-inner h1{width:180px;}
.header .header-inner .nav{display:flex;}
.header .header-inner .header-infor-inner{display: flex;gap: 100px;}
.header .header-inner .nav > li{position:relative;height: 140px;align-items: center;display: flex;padding: 0 50px;font-size:21px;}
.header .header-inner .nav > li > a{font-weight: 500;}
.header .header-inner .nav > li::after{width: 0;transition: width ease .3s;content: '';display: block;position: absolute;bottom: 0;left: 0;}
.header .header-inner .nav > li:hover:after{width:100%;height:3px;background:#000;}
.header .header-inner .nav > li .submenu{position: absolute;top: 139px;z-index:10;width: 100%;left: 0;padding-top: 30px;height:420px;display:none; }
.header .header-inner .nav > li .submenu > li{margin-bottom:35px;text-align: center;}
.header .header-inner .nav > li .submenu > li:last-of-type{margin-bottom:0;}
.header .header-inner .nav > li .submenu > li > a{font-size:16px;}
.header .header-inner .nav > li .submenu > li:hover > a{text-decoration: underline;}

/* 햄버거 */
.header .header-inner .util-btn{background:url(../../images/util_icon.png)no-repeat 0 0;width:28px;height:28px;background-size:100%;text-indent: -9999px;}

/* footer */
.footer{margin:0 auto;padding:60px 90px 0;background-color: #202020;}
.footer .footer-inner01{display: flex;justify-content: space-between;flex-direction: row;gap: 30px;padding-bottom: 60px;}
.footer .footer-inner01 img{margin-bottom:42px;}
.footer .footer-inner01 p{font-size:18px; color: #bbb;}
.footer .footer-inner01 p span{margin-right:20px; color: #bbb;}
.footer .footer-inner01 p a.download_btn {border: 1px solid #bbb; color: #bbb; text-align: center; margin: auto; padding: 15px 25px; border-radius: 40px; transition: all 0.3s;}
.footer .footer-inner01 p a.download_btn::before {content: ""; background: url(../../images/download.png) no-repeat; width: 16px; height: 18px; display: inline-block; margin-right: 10px; vertical-align: middle; margin-bottom: 4px; transition: all 0.3s;}
.footer .footer-inner01 p a.download_btn:hover {border-color: #2189ff; color: #fff; background-color: #2189ff;}
.footer .footer-inner01 p a.download_btn:hover::before {background: url(../../images/w_download.png) no-repeat;}

@media screen and (max-width:1600px){
  .header .header-inner .nav > li{padding:0 35px;}
  .header .header-inner .nav > li .submenu > li > a br.mo{display: flex !important;}
}

@media screen and (max-width:1360px){
  .pc{display:none !important;}
  .header .header-inner .header-infor-inner{gap:50px;}
  .header .header-inner .nav > li{padding: 0 40px;font-size:16px;}
  .footer .footer-inner01 p span{margin-bottom: 20px;display: inline-block;}
}

@media screen and (max-width:1200px){
  /* #fullpage .section {padding-top: 96px !important;} */
  .container{height: calc(100vh - 136px);}
  .container.first {height: calc(100vh - 116px);}
  .mo{display:flex !important;}
  .header{padding:0 0.8rem;}
  .header .header-inner{height:6rem;padding:0 0.7rem;justify-content: space-between;}
  .header .header-inner h1 img{width:11.7rem}
  .header .header-inner .header-infor{display:none;position: fixed;display: block;top: 0;right: -100%;width: 100%;background-color: #fff;z-index: 11;}
  .header .header-inner .header-infor .header-infor-inner{height:calc(100vh - 6rem);background-color:#fff;display:flex;flex-direction: column;gap: 2rem;}
  .header .header-inner .header-infor .nav-inner{padding:0 1.5rem;order: 2;border-top:1px solid #eee;overflow-y: scroll;}
  .header .header-inner .header-infor .mo-title{padding:0 1.2rem;height: 6rem;display: flex;align-items: center;justify-content: space-between;}
  .header .header-inner .header-infor .mo-title h2 img{width:60%;}
  .header .header-inner .header-infor .mo-title .close-btn{width:1.5rem;}
  .header .header-inner .header-infor .nav-inner > ul{flex-direction: column;margin-top: 3rem;}

  .header .header-inner .nav{display:none;}
  .header .header-inner .nav > li{padding: 0 1.2rem;height: 5rem;}
  .header .header-inner .mo-nav{display:flex}
  .header .header-inner .mo-nav > li{padding:0 2rem;}
  .header .header-inner .mo-nav > li > a{display: flex;width: 100%;height: 5rem;align-items: center;font-size: 2rem;color:#b7b7b7;background:url(../../images/down_arrow02.png)no-repeat 100% 50%;background-size:1.5rem}
  .header .header-inner .mo-nav > li > a.on{color:#111;background:url(../../images/up_arrow.png)no-repeat 100% 50%;background-size:1.5rem}
  .header .header-inner .mo-nav > li > a.on2{color:#111;background:url(../../images/down_arrow.png)no-repeat 100% 50%;background-size:1.5rem}
  .header .header-inner .mo-nav > li > ul{display: none;margin: 2rem 0;margin-left: 2rem;}
  .header .header-inner .mo-nav > li > ul li{margin-bottom: 1.5rem;position:relative;}
  .header .header-inner .mo-nav > li > ul li a{font-size: 1.5rem;}
  .header .header-inner .option-info{display:flex;gap: 1.5rem;align-items: center;}
  .header .header-inner .util-btn{width:1.7rem;height: 1.7rem;}

  @keyframes slideIn {
      0% {
          transform: translateX(100%); /* 왼쪽에서 시작 */
          opacity: 0; /* 투명 */
      }
      50% {
          transform: translateX(100%); /* 왼쪽에서 시작 */
          opacity: 0; /* 투명 */
      }
      100% {
          transform: translateX(0); /* 원래 위치로 */
          opacity: 1; /* 완전히 보임 */
      }
  }

  .footer{padding: 4rem 2rem;max-width: 100%; /*margin-top:3rem;*/}
  .footer .footer-inner01{height:auto;flex-direction: column; padding-bottom: 0;}
  .footer .footer-inner01 img{width:30%;margin-bottom:2rem;}
  .footer .footer-inner01 p{font-size:1.3rem;}
  .footer .footer-inner01 p span{margin-right:0.5rem;margin-bottom:0;}
  .footer .footer-inner01 p span:nth-of-type(3),
  .footer .footer-inner01 p span:nth-of-type(4){margin-left:0;}
  .footer .footer-inner01 p span.ml20 {margin-left: 0 !important;}

  .footer .footer-inner01 p a.download_btn {width: 400px;  padding: 15px 20px;}
  .footer .footer-inner01 p a.download_btn::before {background-size: 80%; margin-bottom: 2px;}
  .footer .footer-inner01 p a.download_btn:hover::before {background-size: 80%;}
}

@media screen and (max-width:768px){
  /* 공통 */
  html{font-size:10px;}
  body{ font-size: 1.4rem;}
  .submenubg{display:none !important;}

  #fullpage .section {padding-top: 60px !important;}
  .container{height: calc(100vh - 100px);}
  .container.first {height: calc(100vh - 80Px);}

  .header .header-inner .util-btn {width: 2rem; height: 2rem;}
  .header .header-inner .header-infor .nav-inner{overflow-y: unset;}
  
  .container{padding:0 1rem;padding-top: 6rem;}
  .container.sub-cont{padding: 0 1rem;padding-top: 6rem;}
  
  .footer { margin-top: 0;}
  .footer .footer-inner01 p a.download_btn {font-size: 14px; width: 300px; padding: 10px 20px;}
  .footer .footer-inner01 img{width:50%;margin-bottom:2rem;}
  .footer.subpage{margin-top: 15rem;}
}

@media screen and (max-width:425px){
  .footer .footer-inner01 p a.download_btn {width: 100%; padding: 8px 20px;}
}

/*-------------------------------------------------------------------
★★ @media - 2025-02-12 : ksy 수정 ★★
-------------------------------------------------------------------*/
.fp-section {height: unset;}

/* 햄버거 */
.header .header-inner .util-btn{width:34px;}

@media screen and (max-width:1200px){
  .header .header-inner .util-btn{width:2.1rem;height: 1.7rem;}
}

@media screen and (max-width: 768px) {
  .header .header-inner .util-btn {width: 2.38rem;height: 2rem;}
  #fullpage .section:last-child {padding-top: 0 !important;}
}