/* 
---------------------------------------------
Partners
--------------------------------------------- 
*/
.main-banner-box {
  background-image: url('/images/partners-banner.png'); background-size: cover; background-repeat: no-repeat; width: 100%; height: 762px; position: relative;
}
@media (min-width: 2047px) {
  .main-banner-box { background-image: url('/images/partners-banner-wide.png'); }
}

.main-banner-box .container { position: relative; height: 100%; }
.main-banner-box .container div.title-box { width: 100%; position: absolute; left: 15px; top: 50%; }
.main-banner-box .container div.title-box > p { font-weight: 500; color: #FFFFFF; }
.main-banner-box .container div.title-box > p.title { font-family: GT Walsheim Trial; font-size: 64px; line-height: 73.28px; margin-bottom: 16px; }
.main-banner-box .container div.title-box > p.description { font-family: IBM Plex Sans KR; font-size: 20px; line-height: 30px; }
.section { padding-top: 198.75px; padding-bottom: 150px; background: rgba(154, 154, 154, 0.2); }
.section .container .boxes { text-align: center; }
.section .container .boxes .box { width: 384px; display: inline-block; margin-bottom: 42px; }
.section .container .boxes .box.mg { margin-left: 1.7vw; margin-right: 1.7vw; }
.section .container .boxes .box img { width: 100%; }

@media (max-width: 1300px) {
  .section .container .boxes .box { width: 307.2px; }
}

@media (max-width: 1199px) {
  .section .container .boxes .box { width: 245.6px; }
}

@media (max-width: 991px) {
  .section .container .boxes .box { width: 196.48px; }
}

@media (max-width: 767px) {
  .section .container .boxes .box.mg { margin-bottom: 5vw; margin-left: 2vw; margin-right: 2vw; }
  .section .container .boxes .box { margin-bottom: 5vw; margin-left: 2vw; margin-right: 2vw; width: 220px; }
}

@media (max-width: 515px) {
  .section .container .boxes .box { width: 65vw; }
}

/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/
@media (max-width: 1299px) {
}

@media (max-width: 1199px) {
  .main-banner-box .container div.title-box > p.title { font-size: 58px; }
  .main-banner-box .container div.title-box > p.description { font-size: 18px; }
}

@media (max-width: 991px) {
  .main-banner-box .container div.title-box > p.title { font-size: 46px; }
}

@media (max-width: 767px) {
  .main-banner-box { height: 70vw; }
  .main-banner-box .container div.title-box > p.title { font-size: 6vw; margin-bottom: 1.5vw; }
  .main-banner-box .container div.title-box > p.description { font-size: 2.5vw; }
  .section { padding-top: 24vw; }
}

@media (max-width: 575px) {
  .main-banner-box { height: 90vw; }
  .main-banner-box .container div.title-box { margin-left: 30px; }
  .main-banner-box .container div.title-box > p.title { line-height: 18vw; margin-bottom: 0; }
  .main-banner-box .container div.title-box > p.description { font-size: 3.3vw; line-height: 5.5vw; }
  .section { padding-top: 38vw; }
}