@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face {
  font-family: 'S-CoreDream-1Thin';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-2ExtraLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-3Light';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-4Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-5Medium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-6Bold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-7ExtraBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-8Heavy';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'S-CoreDream-4Regular', 'Noto Sans KR', sans-serif;
  color: #222;
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6, th {
  font-family: 'S-CoreDream-4Regular', 'Noto Sans KR', sans-serif;
  font-size: 16px;
  font-weight: 400;
}

ul, li {
  list-style: none;
}

a {
  text-decoration: none;
}

img {
  border: none;
  outline: none;
  line-height: 0;
}

table {
  border-collapse: collapse;
}

button {
  cursor: pointer;
}


/***********************************************************************************************/
/***********************************************************************************************/
/***********************************************************************************************/


#eduLive_process {
  max-width: 1200px;
  background-color: #c8efce;
  padding: 100px 0;
}

#eduLive_process .container {
  width: 909px;
  margin: 0 auto;
}

#eduLive_process .tit {
  text-align: center;
}

#eduLive_process .tit span {
  font-family: 'S-CoreDream-6Bold', 'Noto Sans KR', sans-serif;
  font-size: 36px;
  text-align: center;
  background-color: #67377f;
  color: white;
  padding: 7px 23px;
  border-radius: 100px;
  display: inline-block;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  word-break: keep-all;
}

#eduLive_process .sub {
  text-align: center;
  font-size: 20px;
  color: #333;
  margin-top: 20px;
  word-break: keep-all;
}

#eduLive_process table {
  width: 100%;
  margin-top: 30px;
  text-align: center;
  background-color: white;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}

#eduLive_process th, #eduLive_process td {
  border: 1px solid #e5e5e5;
  font-size: 20px;
  padding: 20px 0;
}

#eduLive_process th {
  font-family: 'S-CoreDream-5Medium', 'Noto Sans KR', sans-serif;
  background-color: #f7f7f7;
}

#eduLive_process thead th {
  color: #67377f;
}

#eduLive_process td.price {
  color: #fc6d6d;
}


/***********************************************************************************************/
/***********************************************************************************************/
/***********************************************************************************************/


@media screen and (max-width:1180px) {
  
  #eduLive_process .container {
    width: 90%;
  }

  #eduLive_process .tit span {
    font-size: 30px;
  }

  #eduLive_process .sub {
    font-size: 18px;
  }

  #eduLive_process th, #eduLive_process td {
    font-size: 18px;
  }

}


/***********************************************************************************************/
/***********************************************************************************************/
/***********************************************************************************************/


@media screen and (max-width:767px) {

  #eduLive_process {
    padding: 70px 0;
  }

  #eduLive_process .tit span {
    font-size: 20px;
    padding: 7px 13px;
  }

  #eduLive_process .sub {
    font-size: 16px;
    margin-top: 10px;
  }

  #eduLive_process table {
    margin-top: 25px;
  }

  #eduLive_process th, #eduLive_process td {
    font-size: 16px;
    word-break: keep-all;
    padding: 15px 5px;
  }

}