@charset "UTF-8";

/* 타이틀 */
.title-container .page-title { font-size:64px; font-weight:700; text-align:center; line-height:1; margin-top:175px; }
.title-container .page-desc { font-size:18px; text-align:center; line-height:1; margin-top:44px;}
.title-container .page-desc br { display:none }

.content-section { padding-bottom:160px; }
.content-motion-wrap { margin-top:40px; }
.content-motion-wrap.biz-area { margin-top:120px; }

#company .content-motion-wrap .content-text { text-align:center; font-size:18px; letter-spacing: -0.8px; word-break:keep-all; line-height:1.55; }
#company .content-motion-wrap .button-wrap { margin-top:64px; text-align:center;}
#company .content-motion-wrap .button-wrap .btn { height:unset; font-size:18px; padding:16px 32px;}

#company .content-separator { height:1px; border-bottom:1px solid #E1E7EA; margin: 120px auto; }
#company .info-box-wrap { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap:16px; padding-top:40px; }
#company .info-box-wrap .info-box { padding: 24px 24px 30px; border: 1px solid #EEEEEE; box-shadow: 8px 8px 32px -10px #0000001A; border-radius: 24px; text-align:center; }
#company .info-box-wrap .info-box .img-wrap img { width:96px; margin:0 auto; }
#company .info-box-wrap .info-box .name { font-size:14px; color:#1C64FF; margin-top:20px; }
#company .info-box-wrap .info-box .content { font-size:16px; }
#company .biz-info-wrap { display:grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 25px; padding-top:40px; }
#company .biz-info-wrap .biz-box { border: 1px solid #EEEEEE; box-shadow: 8px 8px 32px -10px #0000001A; border-radius: 24px; overflow:hidden; }
#company .biz-info-wrap .biz-box .title { font-size:24px; font-weight:700; color:#fff; text-align:center; padding:24px 0 22px; }
#company .biz-info-wrap .biz-box:nth-child(1) .title { background-color:#1C64FF; }
#company .biz-info-wrap .biz-box:nth-child(2) .title { background-color:#31D03C; }
#company .biz-info-wrap .biz-box:nth-child(3) .title { background-color:#681CFF; }
#company .biz-info-wrap .biz-box .img-wrap { height:270px; position:relative; background-size:cover!important; }
#company .biz-info-wrap .biz-box .img-wrap .text-wrap { padding:0 56px; position:absolute; bottom:32px; font-size:18px; font-weight:700; color:#fff; text-align:center; letter-spacing:-1px; }
#company .biz-info-wrap .biz-box .content { padding: 24px 32px; }
#company .biz-info-wrap .biz-box .content ul { list-style-type:disc; padding-left:24px; line-height:1.55; } 
#company .biz-info-wrap .biz-box .content ul::marker { font-size:14px; }
#company .content-title { font-size:48px; font-weight:700; letter-spacing:-1px; text-align:center; }

#company.contactus .list-container { margin:120px 0 0; }
#company.contactus .bottom-btn-area { text-align:center; margin-top:40px; }
#company.contactus .map-wrap { margin-top:120px; }
#company.contactus .map-wrap .title { font-size:18px;font-weight:700;padding-bottom:15px;margin-bottom: 32px;border-bottom:1px solid #E1E7EA; }
#company.contactus .wrap .address { margin-top:32px;text-align:center;}
#kkoCompanyMap { height:460px; border-radius:4px; }
#company.contactus .map-btn { display:inline-block; border-radius:24px; border:none; background-color:#1C64FF; color:#fff; font-size:16px; font-weight:700; padding:12px 32px; height:48px }
#company.contactus .content-motion-wrap .title { font-size:18px;font-weight:700;}
#company.contactus .content-motion-wrap .content { margin-top:3px; }
#company.contactus .content-motion-wrap .wrap + .wrap { margin-top:40px; }
#company.contactus .content-motion-wrap .wrap .content strong { font-weight:700; }
#company.contactus .content-motion-wrap .wrap ol { list-style:decimal; padding-left:24px; }
#company.contactus .content-motion-wrap .wrap ol li::marker { font-weight:700; }
#company.contactus .content-motion-wrap .wrap ol li + li { margin-top:16px; }

/* ========== 모바일(<=768px) ========== */
@media (max-width:768px){
  .header { display:none }
  .sub-header { display:block }

  .content-section { padding-bottom:64px; }
  .content-section .hero { display:none }
  .content-section .mds-submenu { display:none }
  .content-section .wrap {
    padding:0 16px;
  }
  .content-section .wrap, .content-section .caption {
    width: 100%;
  }
  .title-container .page-title { font-size:18px; margin-top:44px; }
  .title-container .page-desc { font-size:16px; line-height:1.55; margin-top:24px; }
  .title-container .page-desc br { display:block }

  #company .content-motion-wrap .content-text { font-size:16px; padding:0 16px; text-align:left; word-break:keep-all; }
  #company .content-title { font-size:32px; margin-bottom:40px;}
  #company .info-box-wrap { grid-template-columns: 1fr; row-gap:16px; padding-top:0; }
  #company .biz-info-wrap .biz-box .title { font-size:20px; }
  #company .biz-info-wrap { grid-template-columns: 1fr; row-gap:16px; padding-top:0; }
  #company .content-separator { margin:64px 16px; }
  .content-motion-wrap.biz-area { margin-top:40px; }

  #company.contactus .list-container { margin-top:32px; }
  #company.contactus .map-wrap .title { font-size:32px; margin-top: 40px; padding-bottom:32px; border-bottom:none; text-align:center; }
  #company.contactus .map-wrap .address { padding-top:0; }
  #company.contactus .map-wrap { margin-top:32px; }
}