@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-gov.min.css");

:where(*), :where(*::before), :where(*::after) {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin: 0;padding: 0;box-sizing: border-box;}

*, ::after, ::before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;}

html, body {height: 100%; font-family: 'Pretendard GOV', sans-serif; line-height: 1.5; letter-spacing: -0.3px; color: #333; min-width: 378px; scroll-behavior: smooth;}

article, aside, footer, header, nav, section {display: block;}

h1, h2, h3, h4, h5, h6, strong {font-weight: 700;}

a, a:hover, a:visited, a:active, a:focus {text-decoration: none; color: inherit; display: flex; align-items: center;}

p {font-size: 16px;}

ul, ol, li {list-style: none;}

img, video {height: auto; vertical-align: top;}

.inner {max-width: 1280px; display: flex; margin: 0 auto; align-items: center; box-sizing: border-box;}
.section_area {padding: 100px 0;}

button {display: flex; align-items: center; border: none; background: none; font-size: 16px; cursor: pointer;}

.pc_br {display: block;}
.mobile_br {display: none;}

/* Partners */
.partners-section {border-top:1px solid #ddd;}
.partners-section .row {justify-content:center;}
.partners-section .col-auto {padding: 0 40px;}
.partner-link {display:inline-flex; align-items:center; justify-content:center;}
.partner-logo {display:block; max-width:100%; max-height:35px; object-fit:contain;}

.partners-section a, .partners-section a:hover, .partners-section a:focus { text-decoration: none; }
.partners-section img { display: inline-block; vertical-align: middle; }

.partners-section a, .partners-section a:hover, .partners-section a:focus {display:inline-flex; align-items:center;}


/*footer*/
.footer{display:flex;justify-content:center;align-items:center;padding: 20px 0;background:#fff;color:#888;font-size:.85rem;border-top:1px solid #ddd}
.footer .sec{width:100%; margin:0 auto;padding:20px 24px}
.footer .footer-row{margin-left:0;margin-right:0;align-items:center}
.footer .footer-row>[class*="col-"]{padding-left:0;padding-right:0}
.footer-left{display:flex;gap:12px;padding:0;margin:0;align-items:center}

.footer-info{margin-left:40px;display:flex;flex-wrap:wrap;color:#666;gap:10px 20px}
.footer-info p {margin:0; font-size: 14px;}
.footer-copy{margin:0;color:#999;font-weight:500}
.footer-links{display:flex;gap:12px;flex-wrap:wrap}
.footer-links .link-item{width:130px; display:inline-flex;align-items:center;justify-content:center;padding:8px;border:1px solid #ddd;background:#fff;color:#666;font-size:.85rem;transition:.2s; font-size: 14px;}
.footer-links .link-item:hover{background:#666;color:#fff;font-weight:700}

/*top button*/
.top_btn {position: fixed; bottom: 50px; right: 50px; background: #003365; width: 60px; height: 60px; color: #fff; font-size: 24px; display: flex; align-items: center; text-align: center; justify-content: center; align-items: center; border-radius: 50px; z-index: 5000; transition: .3s ease; cursor: pointer; opacity: 0; visibility: hidden; transition: opacity 0.3s ease;}
.top_btn:hover {background: #2791fa;}

@media screen and (max-width: 1024px) {
  .inner {padding: 0 20px;}

  .footer-row{align-items:flex-start}
  .footer-links{justify-content:flex-start;margin-top:1rem}
}

@media screen and (max-width: 768px) {
  .pc_br {display: none;}
  .mobile_br {display: block;}

  .partners-section .col {padding: 0;}
  .partner-logo {max-height: 20px; padding: 0;}
  .partners-section {height:60px;}

  .footer {height: auto;}
  .footer-left {flex-direction: column;}
  .footer-info {padding: 20px; margin: 0; }
  .footer-links {justify-content: center; align-items: center;}
  
  .copy {margin-top: 20px;}
  
}

@media (max-width:480px){
  .partners-section {height: auto;}
  .partners-section .row {flex-wrap:wrap; justify-content: center;}
  .partners-section .col {flex:0 0 33.333%; margin-bottom:10px;}

  .footer{padding:2rem 0}
  .footer-logo-text{font-size:.95rem}
  .footer-links{gap:8px}
  
}

@media screen and (max-width: 370px) {
  .section_area {padding: 50px 0;}

  .partner-logo {max-height: 20px;}

  footer * {font-size: 12px;}
}