@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 }

#lecture .list-container { margin:120px 0 160px; }
#lecture .table { color:#222; }
#lecture .table a { text-decoration: underline; text-underline-offset:3px; }
#lecture .table th, .table td { border:1px solid #E4EAF5; }
#lecture .table td { padding:24px; font-size:16px; letter-spacing:-0.3px; vertical-align:middle; min-height:50px; }
#lecture .table th:first-child, .table td:first-child { border-left:none; }
#lecture .table th:last-child, .table td:last-child { border-right:none; }
#lecture .table thead th { background-color: #F3F5F9; font-size:18px; font-weight:700; letter-spacing:-1px; height:50px; vertical-align:middle; }
#lecture .btn { font-size:14px; font-weight:400; letter-spacing:-0.5px; border:none; border-radius:4px; background-color:#1C64FF; height:unset; color:#fff; padding: 3px 8px 3px 8px; cursor:pointer; }
#lecture .btn.waiting { background-color:#29C047; }
#lecture .btn:disabled { background-color:#C8D1E0; }
#lecture .bottom-btn-area { text-align:center; margin-top:40px; }
#lecture .bottom-btn-area button { border:none; border-radius:24px; background-color:#222; color:#fff; font-weight:700; padding:12px 32px; }
#lecture .info-wrap { margin-top:48px; }
#lecture .info-wrap ul li {  margin-top:16px; }
#lecture .info-wrap ul li:first-child { margin-top:0; }
#lecture .map-wrap { margin-top:120px; }
#lecture .map-wrap .title { font-size:18px; font-weight:700; padding-bottom:15px; border-bottom:1px solid #E1E7EA; }
#lecture .map-wrap .address { text-align:center; padding:32px 0 }
#kkoCompanyMap { height:460px; border-radius:4px; }
#lecture .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 }
.table-responsive { overflow-x: auto; }
.table-responsive table { width:100%; min-width:1184px; }

#lecture.read .list-container { margin:120px 0 0px; }
#lecture.read .table { color:#222; width:100% }
#lecture.read .table a { text-decoration: underline; text-underline-offset:3px; }
#lecture.read .table th, .table td { border:1px solid #E4EAF5; }
#lecture.read .table td { padding:24px; font-size:16px; letter-spacing:-0.3px; vertical-align:middle; min-height:50px; }
#lecture.read .table th:first-child, .table td:first-child { border-left:none; }
#lecture.read .table th:last-child, .table td:last-child { border-right:none; }
#lecture.read .table thead th { background-color: #F3F5F9; font-size:18px; font-weight:700; letter-spacing:-1px; height:50px; vertical-align:middle; border-bottom:none; }
#lecture.read .table thead td { border-bottom:none; }
#lecture.read .table ._past td { color:#999999; }
#lecture.read .table .map-icon-wrap { display:flex; align-items:center; justify-content:center; column-gap:3px; cursor:pointer;}
#lecture.read .btn { font-size:14px; font-weight:400; letter-spacing:-0.5px; border:none; border-radius:4px; background-color:#1C64FF; height:unset; color:#fff; padding: 3px 8px 3px 8px; cursor:pointer; }
#lecture.read .content-box._table .title { font-size:16px;font-weight:700;letter-spacing:0;}
#lecture.read .btn.waiting { background-color:#29C047; }
#lecture.read .btn:disabled { background-color:#C8D1E0; }
#lecture.read .bottom-btn-area { text-align:center; margin-top:40px; }
#lecture.read .bottom-btn-area button { border:none; border-radius:24px; background-color:#222; color:#fff; font-weight:700; padding:12px 32px; }
#lecture.read .info-wrap { margin-top:48px; }
#lecture.read .info-wrap ul li {  margin-top:16px; }
#lecture.read .info-wrap ul li:first-child { margin-top:0; }
#lecture.read .map-wrap { margin-top:120px; }
#lecture.read .map-wrap .title { font-size:18px; font-weight:700; padding-bottom:15px; border-bottom:1px solid #E1E7EA; }
#lecture.read .map-wrap .address { text-align:center; padding:32px 0 }
#lecture.read .map-wrap .map img { border-radius:4px; border:1px solid #E4EAF5; }
#lecture.read .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 }

.content-section.read .content-motion-wrap + .content-motion-wrap { margin-top:56px; }
.read .content-motion-wrap .wrap .title { font-size:24px; font-weight:700; letter-spacing: -1px; }
.read .content-motion-wrap .wrap .sub-title { font-size:20px; font-weight:700; letter-spacing: -1px; }
.read .table-wrap { border-top:1px solid #E4EAF5; margin-top: 24px;}
.read .table-wrap .row { display:flex; }
.read .table-wrap .col { flex:1; display:flex; min-height:50px; border-bottom:1px solid #E4EAF5; }
.read .table-wrap .col .label { background-color: #1C64FF; color:#fff;  font-size:18px; font-weight:700; text-align:center; min-width:180px; display:flex; align-items:center; justify-content:center; }
.read .table-wrap .col .content { flex:1; margin:auto; padding:0 24px; }
.read .location-dot-wrap { display:inline-block; }
.read .underline { text-decoration: underline; text-underline-offset: 3px;}
.read .bold { font-weight:700; }
.read .content-box { padding: 32px; border: 1px solid #EEEEEE; box-shadow: 8px 8px 32px -10px #0000001A; border-radius: 24px; margin-top: 16px; }
.read .content-motion-wrap .wrap .content-box._edu-schdule-list { overflow-x:auto; }
.content-section.read { padding-bottom:160px; }

/* login */
#divEduLogin .inner { width:100%; }
#divEduLogin .inner .form-wrap { padding:80px 80px 20px;}
#divEduLogin .inner .form-wrap .form-row { display:flex; margin-top:30px; align-items:center;}
#divEduLogin .inner .form-wrap .form-row + .form-row { margin-top:16px; }
#divEduLogin .inner .form-wrap .title { font-size:24px; font-weight:700; text-align:center; letter-spacing:-1px;}
#divEduLogin .inner .form-wrap .form-row .element-title { flex-basis:80px; margin-right:16px;align-self:flex-start;padding-top:10px;}
#divEduLogin .inner .form-wrap .form-row input { border: 1px solid #E4EAF5; height: 50px; width: 100%; padding: 13px 16px; font-size: 16px;}
#divEduLogin .inner .form-wrap .form-row input:focus, #divEduLogin .inner .form-wrap .form-row input:focus-visible { outline:none; }
#divEduLogin .inner .comment-area {font-size:14px; color:#1C64FF; text-align:center; margin-top:10px;}
#divEduLogin .inner .form-wrap .form-row .input-wrap { display:flex;flex-direction:column;width:100%;}

#divEduLoginStep2 .form-row { margin-top:48px!important;}
#divEduLoginStep2 .form-row .element-title { flex-basis:unset!important;align-self:center!important;margin-bottom:14px;}
#divEduLoginStep2 .btn-area { padding:62px 0 64px 0!important;}

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

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

  #lecture .list-container { margin:32px 0 80px; padding:0 16px; }

  .read .content-motion-wrap { padding:0 16px;}
  .read .content-motion-wrap .wrap .title { font-size:20px; }
  .read .content-motion-wrap .wrap .sub-title { font-size:18px; }
  .read .content-motion-wrap .wrap .title, .content-motion-wrap .wrap .sub-title { padding:0 16px; }
  .read .content-section .content-motion-wrap + .content-motion-wrap { margin-top:32px; }
  .read .content-section { padding-bottom:80px; }

  #lecture.read .list-container { margin:32px 0 0px; }
  .read .table-wrap .row { display:block; }
  .read .table-wrap .col .label {  min-width:106px; padding:8px 16px 0; font-size:16px; }
  .read .table-wrap .col .content { width:100%; margin:auto; padding:8px 16px 16px; font-size:16px; }
  #lecture.read .table thead th { font-size:16px; padding:14px 10px; }
  #lecture.read .table td { font-size:14px; padding:14px 10px; }
  .read .content-motion-wrap .wrap .content-box { padding:24px; }
  .read .content-motion-wrap .wrap .content-box._edu-schdule-list { padding:0 !important; border:none; box-shadow:none; border-radius:0;}
  .read .content-box._table { border:none; border-radius:0; box-shadow:none; padding:0!important; }

  #divEduLogin .inner { margin:0 16px;}
  #divEduLogin .inner .form-wrap { padding:80px 24px 20px;}
  #divEduLogin .inner .form-wrap .form-row .element-title { flex-basis:70px;margin-right:12px; }

}
@media (max-width:1253px){
  .table-fade-right {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 36px;         /* 그라데이션 넓이 */
    height: 100%;
    pointer-events: none; /* 스크롤에 간섭 X */
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
  }
}