@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, etails, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: inherit; }

main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'S-CoreDream';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'S-CoreDream';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'S-CoreDream';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'S-CoreDream';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'S-CoreDream';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'S-CoreDream';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff") format("woff");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: 'S-CoreDream';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff") format("woff");
  font-weight: 900;
  font-style: normal; }
body {
  min-width: 360px;
  width: 100%;
  font-size: 14px;
  color: #333;
  line-height: 1;
  font-weight: 400;
  word-break: keep-all;
  box-sizing: border-box;
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }
  body *, body *::before, body *::after {
    box-sizing: border-box; }

hr {
  display: block;
  border: 0;
  margin: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input, select, textarea {
  font-family: inherit;
  outline: none; }

a, button {
  color: #000;
  cursor: pointer;
  border: 0;
  padding: 0;
  outline: none;
  text-decoration: none;
  background: none; }
  a:hover, button:hover {
    color: #000; }

.container {
  display: block;
  width: 100%;
  max-width: 1310px;
  padding: 0 15px;
  margin: 0 auto; }

.container-fluid {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px; }

/* jumbotron */
.jumbotron {
  font-family: 'S-CoreDream';
  padding-top: 60px;
  padding-bottom: 90px;
  background-color: #f9f9f7; }
  .jumbotron .container .jumbo-box {
    position: relative;
    display: block;
    height: 420px;
    padding: 50px 40px;
    border-radius: 30px;
    background-color: #fff; }
    .jumbotron .container .jumbo-box.jumbo-1 img {
      position: absolute;
      bottom: 0;
      right: 22px;
      width: 360px; }
    .jumbotron .container .jumbo-box.jumbo-1 span {
      display: block;
      color: #000;
      font-size: 28px;
      font-weight: 500; }
    .jumbotron .container .jumbo-box.jumbo-1 h3 {
      font-size: 38px;
      color: #000;
      font-weight: bold;
      margin-top: 20px; }
    .jumbotron .container .jumbo-box.jumbo-1 b {
      display: block;
      font-size: 20px;
      color: #000;
      font-weight: bold;
      margin-top: 20px; }
    .jumbotron .container .jumbo-box.jumbo-1 .more {
      position: absolute;
      bottom: 25px;
      left: 40px;
      font-size: 18px;
      font-weight: bold;
      color: #000;
      padding: 0 15px;
      line-height: 50px;
      border-radius: 10px;
      background-color: #f6f5f3; }
    .jumbotron .container .jumbo-box.jumbo-2 img {
      position: absolute;
      bottom: 0;
      right: 10px;
      width: 260px; }
    .jumbotron .container .jumbo-box.jumbo-2 h3 {
      font-size: 38px;
      color: #000;
      font-weight: bold; }
    .jumbotron .container .jumbo-box.jumbo-2 b {
      display: block;
      font-size: 20px;
      color: #000;
      font-weight: bold;
      margin-top: 20px; }
    .jumbotron .container .jumbo-box.jumbo-2 span {
      display: block;
      color: #000;
      font-size: 28px;
      font-weight: 500;
      margin-top: 20px; }
    .jumbotron .container .jumbo-box.jumbo-2 .more {
      position: absolute;
      bottom: 25px;
      left: 40px;
      font-size: 18px;
      font-weight: bold;
      color: #000;
      padding: 0 15px;
      line-height: 50px;
      border-radius: 10px;
      background-color: #f6f5f3; }
  .jumbotron .container .visible-lg > ul {
    display: table;
    width: calc(100% + 30px);
    margin: 0 -15px; }
    .jumbotron .container .visible-lg > ul > li {
      display: table-cell;
      vertical-align: top;
      padding: 0 15px; }
      .jumbotron .container .visible-lg > ul > li ~ li {
        width: 490px; }
  .jumbotron .container .visible-sm {
    visibility: hidden;
    overflow: hidden;
    height: 0; }
  .jumbotron .container .jumbo-banner {
    margin-top: 30px; }
    .jumbotron .container .jumbo-banner .banner {
      display: table;
      width: 100%;
      table-layout: fixed;
      border-radius: 15px;
      background-color: #f8de70; }
      .jumbotron .container .jumbo-banner .banner > div {
        display: table-cell;
        vertical-align: bottom; }
        .jumbotron .container .jumbo-banner .banner > div.summary {
          padding: 80px 0 50px 50px; }
          .jumbotron .container .jumbo-banner .banner > div.summary p {
            font-size: 35px;
            color: #000;
            font-weight: 500;
            font-family: 'S-CoreDream'; }
          .jumbotron .container .jumbo-banner .banner > div.summary h3 {
            font-size: 44px;
            line-height: 56px;
            color: #000;
            letter-spacing: -.5px;
            font-weight: 600;
            font-family: 'S-CoreDream';
            margin-top: 20px; }
            .jumbotron .container .jumbo-banner .banner > div.summary h3 br {
              display: none; }
              .jumbotron .container .jumbo-banner .banner > div.summary h3 br.d-block {
                display: block; }
          .jumbotron .container .jumbo-banner .banner > div.summary span {
            display: block;
            font-size: 19px;
            color: #000;
            letter-spacing: -.5px;
            font-weight: 400;
            line-height: 30px;
            margin-top: 30px;
            font-family: 'S-CoreDream'; }
          .jumbotron .container .jumbo-banner .banner > div.summary .btn-area {
            font-size: 0;
            margin-top: 80px; }
            .jumbotron .container .jumbo-banner .banner > div.summary .btn-area > a {
              display: inline-block;
              width: 190px;
              vertical-align: top;
              text-align: center;
              font-size: 20px;
              font-family: 'S-CoreDream';
              font-weight: 600;
              line-height: 54px;
              margin-right: 18px;
              border-radius: 10px; }
              .jumbotron .container .jumbo-banner .banner > div.summary .btn-area > a:last-child {
                margin-right: 0; }
              .jumbotron .container .jumbo-banner .banner > div.summary .btn-area > a.btn-more {
                color: #000;
                background-color: #fff; }
              .jumbotron .container .jumbo-banner .banner > div.summary .btn-area > a.btn-consult {
                color: #fff;
                background-color: #000; }
        .jumbotron .container .jumbo-banner .banner > div.img-area figure img {
          display: block;
          max-width: 100%;
          margin: 0 auto; }
  @media (max-width: 1024px) {
    .jumbotron {
      padding-top: 6px;
      padding-bottom: 65px; }
      .jumbotron .container .visible-lg {
        display: none; }
      .jumbotron .container .jumbo-box {
        padding: 30px;
        height: 160px; }
        .jumbotron .container .jumbo-box.jumbo-1 img {
          right: 17px;
          width: 120px; }
        .jumbotron .container .jumbo-box.jumbo-1 span {
          font-size: 14px; }
        .jumbotron .container .jumbo-box.jumbo-1 h3 {
          font-size: 22.65px;
          line-height: 27px;
          margin-top: 10px; }
        .jumbotron .container .jumbo-box.jumbo-1 b {
          font-size: 14.66px;
          margin-top: 10px; }
        .jumbotron .container .jumbo-box.jumbo-1 .more {
          display: none; }
        .jumbotron .container .jumbo-box.jumbo-2 img {
          right: 20px;
          width: 100px;
          bottom: 48px; }
        .jumbotron .container .jumbo-box.jumbo-2 span {
          font-size: 14px;
          margin-top: 10px; }
        .jumbotron .container .jumbo-box.jumbo-2 h3 {
          font-size: 22.65px;
          line-height: 27px; }
        .jumbotron .container .jumbo-box.jumbo-2 b {
          font-size: 14.66px;
          margin-top: 10px; }
        .jumbotron .container .jumbo-box.jumbo-2 .more {
          font-size: 12.55px;
          line-height: 38px;
          bottom: 10px;
          left: auto;
          right: 20px; }
      .jumbotron .container .visible-sm {
        position: relative;
        visibility: visible;
        overflow: visible;
        height: auto; }
        .jumbotron .container .visible-sm .controls button {
          position: absolute;
          top: 50%;
          z-index: 1;
          transform: translateY(-50%);
          display: block; }
          .jumbotron .container .visible-sm .controls button img {
            display: block;
            max-width: 100%; }
          .jumbotron .container .visible-sm .controls button.jumbo-prev {
            left: -7px; }
          .jumbotron .container .visible-sm .controls button.jumbo-next {
            right: -7px; }
      .jumbotron .container .jumbo-banner {
        margin-top: 20px; }
        .jumbotron .container .jumbo-banner .banner {
          display: block;
          text-align: center; }
          .jumbotron .container .jumbo-banner .banner > div {
            display: block;
            width: 100%; }
            .jumbotron .container .jumbo-banner .banner > div.summary {
              padding: 40px 25px 35px; }
              .jumbotron .container .jumbo-banner .banner > div.summary p {
                font-size: 21px; }
              .jumbotron .container .jumbo-banner .banner > div.summary h3 {
                font-size: 29px;
                line-height: 35px;
                margin-top: 20px; }
                .jumbotron .container .jumbo-banner .banner > div.summary h3 br.visibls-sm {
                  display: block; }
              .jumbotron .container .jumbo-banner .banner > div.summary span {
                font-size: 15px;
                line-height: 24px;
                margin-top: 30px; }
              .jumbotron .container .jumbo-banner .banner > div.summary .btn-area {
                margin-top: 30px; }
                .jumbotron .container .jumbo-banner .banner > div.summary .btn-area > a {
                  width: auto;
                  font-size: 15px;
                  line-height: 38px;
                  padding: 0 10px; }
            .jumbotron .container .jumbo-banner .banner > div.img-area {
              padding: 0 35px; } }

/* youtube-area */
.youtube-area {
  padding: 110px 0;
  background-color: #efefe6; }
  .youtube-area .container {
    display: table;
    table-layout: fixed; }
    .youtube-area .container > div {
      display: table-cell;
      vertical-align: middle; }
      .youtube-area .container > div.summary {
        position: relative;
        width: 45%; }
        .youtube-area .container > div.summary .icon-quotes-start {
          display: block; }
        .youtube-area .container > div.summary strong {
          display: block;
          font-size: 35px;
          color: #000;
          font-weight: 600;
          line-height: 50px;
          font-family: 'S-CoreDream';
          margin-top: 25px; }
        .youtube-area .container > div.summary p {
          display: block;
          font-size: 26px;
          color: #211815;
          font-weight: 500;
          margin-top: 25px;
          line-height: 37px; }
          .youtube-area .container > div.summary p i {
            display: inline-block;
            vertical-align: top;
            margin-left: 110px; }
      .youtube-area .container > div.youtube .embed-responsive {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        border-radius: 30px;
        overflow: hidden;
        box-shadow: 0px 4px 9.9px 0px rgba(0, 0, 0, 0.14); }
        .youtube-area .container > div.youtube .embed-responsive:before {
          display: block;
          content: "";
          padding-top: 56.25%; }
        .youtube-area .container > div.youtube .embed-responsive iframe {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%; }
  @media (max-width: 1024px) {
    .youtube-area {
      padding: 60px 0; }
      .youtube-area .container {
        display: block;
        text-align: center; }
        .youtube-area .container > div.summary {
          width: auto;
          display: inline-block;
          text-align: left; }
          .youtube-area .container > div.summary .icon-quotes-start {
            display: inline-block; }
          .youtube-area .container > div.summary strong {
            display: inline-block;
            font-size: 29px;
            line-height: 40px; }
          .youtube-area .container > div.summary p {
            display: inline-block;
            font-size: 24px; }
            .youtube-area .container > div.summary p i {
              display: none; }
          .youtube-area .container > div.summary br {
            display: block; }
        .youtube-area .container > div.youtube {
          display: block;
          width: 100%; }
        .youtube-area .container > div ~ div {
          margin-top: 35px; } }

/* summary-banner */
.summary-banner {
  padding: 120px 0; }
  .summary-banner .container > ul {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed; }
    .summary-banner .container > ul > li {
      display: table-cell;
      vertical-align: top;
      height: 100%; }
      .summary-banner .container > ul > li .box {
        position: relative;
        height: 632px;
        padding: 65px 50px;
        border-radius: 30px; }
        .summary-banner .container > ul > li .box dl dt {
          font-size: 35px;
          color: #000;
          font-family: 'S-CoreDream';
          font-weight: 600;
          line-height: 48px;
          letter-spacing: -1px; }
        .summary-banner .container > ul > li .box dl dd {
          font-size: 18px;
          color: #211815;
          font-family: 'S-CoreDream';
          line-height: 28px;
          font-weight: 400;
          margin-top: 30px;
          letter-spacing: -1px; }
        .summary-banner .container > ul > li .box .img {
          position: absolute;
          bottom: 0;
          right: 35px; }
          .summary-banner .container > ul > li .box .img img {
            display: block;
            max-width: 100%;
            margin-left: auto; }
      .summary-banner .container > ul > li:nth-of-type(1) {
        padding-right: 25px; }
        .summary-banner .container > ul > li:nth-of-type(1) .box {
          background-color: #f1c2b0; }
      .summary-banner .container > ul > li:nth-of-type(2) {
        padding-left: 25px; }
        .summary-banner .container > ul > li:nth-of-type(2) .box {
          background-color: #ead7c6; }
  @media (max-width: 1280px) {
    .summary-banner .container > ul > li .box .img img {
      width: 70%; } }
  @media (max-width: 1024px) {
    .summary-banner {
      padding: 40px 0; }
      .summary-banner .container > ul {
        display: block; }
        .summary-banner .container > ul > li {
          display: block;
          padding: 0 !important; }
          .summary-banner .container > ul > li .box {
            height: auto;
            padding: 50px 30px 0; }
            .summary-banner .container > ul > li .box dl dt {
              font-size: 28px;
              line-height: 40px; }
            .summary-banner .container > ul > li .box dl dd {
              font-size: 15px;
              line-height: 22px;
              margin-top: 25px; }
            .summary-banner .container > ul > li .box br {
              display: none; }
              .summary-banner .container > ul > li .box br.d-block {
                display: block; }
            .summary-banner .container > ul > li .box .img {
              position: static;
              margin-top: 30px; }
              .summary-banner .container > ul > li .box .img img {
                margin-right: auto; }
          .summary-banner .container > ul > li ~ li {
            margin-top: 30px; }
          .summary-banner .container > ul > li:nth-of-type(1) .box .img img {
            width: 113px; }
          .summary-banner .container > ul > li:nth-of-type(2) .box .img img {
            width: 129px; } }

/* contents-area */
.contents-area {
  position: relative;
  padding: 110px 0; }
  .contents-area:before, .contents-area:after {
    position: absolute;
    left: 50%;
    display: block;
    content: '';
    width: 100%;
    max-width: 1280px;
    height: 2px;
    transform: translateX(-50%);
    background-color: #eaeae9; }
  .contents-area:before {
    top: 0; }
  .contents-area:after {
    bottom: 0; }
  .contents-area .section-header {
    padding-bottom: 80px; }
    .contents-area .section-header .container {
      display: table;
      padding: 0 40px; }
      .contents-area .section-header .container h3 {
        display: table-cell;
        vertical-align: top;
        font-size: 35px;
        color: #211815;
        font-weight: 600;
        line-height: 50px;
        letter-spacing: -1px;
        font-family: 'S-CoreDream'; }
      .contents-area .section-header .container p {
        display: table-cell;
        vertical-align: top;
        font-size: 21px;
        color: #211815;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: -1px;
        font-family: 'S-CoreDream'; }
      .contents-area .section-header .container .btn-area {
        display: table-cell;
        vertical-align: top; }
        .contents-area .section-header .container .btn-area .btn-more {
          display: block;
          width: 180px;
          font-size: 19px;
          color: #000;
          text-align: center;
          font-weight: 600;
          border-radius: 10px;
          line-height: 54px;
          font-family: 'S-CoreDream';
          background-color: #ffe700; }
  .contents-area .section-content .container-fluid figure img {
    display: block;
    margin: 0 auto;
    max-width: 100%; }
    .contents-area .section-content .container-fluid figure img.visible-sm {
      display: none; }
  @media (max-width: 1300px) {
    .contents-area .section-header .container h3 {
      font-size: 30px; }
    .contents-area .section-header .container p {
      font-size: 18px; } }
  @media (max-width: 1280px) {
    .contents-area {
      padding: 40px 0; }
      .contents-area:before, .contents-area:after {
        max-width: calc(100% - 30px); }
      .contents-area .section-header .container br {
        display: none; }
      .contents-area .section-header .container h3 {
        font-size: 29px;
        line-height: 46px; }
      .contents-area .section-header .container p {
        font-size: 15px;
        line-height: 26px; }
      .contents-area .section-content .container-fluid figure img.visible-lg {
        display: none; }
      .contents-area .section-content .container-fluid figure img.visible-sm {
        display: block; } }
  @media (max-width: 1024px) {
    .contents-area .section-header {
      text-align: center;
      padding-bottom: 35px; }
      .contents-area .section-header .container {
        display: block;
        padding: 0 15px; }
        .contents-area .section-header .container h3 {
          display: block; }
        .contents-area .section-header .container p {
          display: block;
          margin-top: 25px; }
        .contents-area .section-header .container .btn-area {
          display: block;
          margin-top: 35px; }
          .contents-area .section-header .container .btn-area .btn-more {
            width: 190px;
            display: block;
            margin: 0 auto; } }

/* curriculum */
.curriculum {
  padding: 110px 0; }
  .curriculum .container {
    display: table;
    table-layout: fixed; }
    .curriculum .container > div {
      display: table-cell;
      vertical-align: bottom; }
      .curriculum .container > div.article-header {
        width: 420px;
        padding-bottom: 140px; }
        .curriculum .container > div.article-header p {
          font-size: 26px;
          color: #211815;
          font-weight: 400;
          font-family: 'S-CoreDream'; }
        .curriculum .container > div.article-header h3 {
          font-size: 35px;
          line-height: 50px;
          font-weight: 600;
          color: #211815;
          font-family: 'S-CoreDream';
          margin-top: 20px; }
        .curriculum .container > div.article-header .btn-area {
          margin-top: 50px; }
          .curriculum .container > div.article-header .btn-area .btn-more {
            display: block;
            width: 180px;
            font-size: 19px;
            color: #000;
            text-align: center;
            font-weight: 600;
            border-radius: 10px;
            line-height: 54px;
            font-family: 'S-CoreDream';
            background-color: #ffe700; }
      .curriculum .container > div.article-content > figure img {
        display: block;
        width: 100%; }
  @media (max-width: 1024px) {
    .curriculum {
      padding: 40px 0; }
      .curriculum .container {
        display: block; }
        .curriculum .container > div {
          display: block; }
          .curriculum .container > div ~ div {
            margin-top: 60px; }
          .curriculum .container > div.article-header {
            width: 100%;
            text-align: center;
            padding-bottom: 0; }
            .curriculum .container > div.article-header p {
              font-size: 20px; }
            .curriculum .container > div.article-header h3 {
              font-size: 29px;
              line-height: 40px;
              margin-top: 20px; }
            .curriculum .container > div.article-header .btn-area {
              margin-top: 35px; }
              .curriculum .container > div.article-header .btn-area .btn-more {
                width: 190px;
                margin: 0 auto; } }

/* reading */
.reading {
  padding: 110px 0;
  background-color: #FCF193;
  background-image: url(/home/skin2/assets/images/main/bg_reading.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 100% 50%; }
  .reading .container .article-header span {
    display: block;
    font-size: 27px;
    font-weight: 400;
    color: #211815;
    font-family: 'S-CoreDream'; }
  .reading .container .article-header h3 {
    font-size: 36px;
    color: #211815;
    font-weight: 600;
    font-family: 'S-CoreDream';
    margin-top: 20px; }
  .reading .container .article-header p {
    font-size: 21px;
    color: #211815;
    font-weight: 500;
    line-height: 30px;
    font-family: 'S-CoreDream';
    margin-top: 30px; }
  .reading .container .article-header .btn-area {
    margin-top: 45px; }
    .reading .container .article-header .btn-area .btn-more {
      display: block;
      width: 180px;
      font-size: 19px;
      color: #000;
      text-align: center;
      font-weight: 600;
      border-radius: 10px;
      line-height: 54px;
      font-family: 'S-CoreDream';
      background-color: #fff; }
  .reading .container .article-content {
    display: none; }
  @media (max-width: 1400px) {
    .reading {
      background-position: calc(100% + 150px) 50%; } }
  @media (max-width: 1280px) {
    .reading {
      background-position: calc(100% + 250px) 50%; } }
  @media (max-width: 1024px) {
    .reading {
      overflow: hidden;
      padding: 40px 0;
      background: none;
      background-color: #FCF193; }
      .reading .container .article-header {
        text-align: center;
        padding-bottom: 60px; }
        .reading .container .article-header br {
          display: none; }
          .reading .container .article-header br.d-block {
            display: block; }
        .reading .container .article-header span {
          font-size: 18px; }
        .reading .container .article-header h3 {
          font-size: 29px;
          margin-top: 20px; }
        .reading .container .article-header p {
          font-size: 15px;
          line-height: 24px;
          margin-top: 20px;
          letter-spacing: -.5px; }
        .reading .container .article-header .btn-area {
          margin-top: 30px; }
          .reading .container .article-header .btn-area .btn-more {
            width: 190px;
            margin: 0 auto; }
      .reading .container .article-content {
        display: block; }
        .reading .container .article-content > figure {
          margin-right: -15px; }
          .reading .container .article-content > figure img {
            display: block;
            width: 100%; } }

/* idic-english */
.idic-english {
  padding: 110px 0;
  background-color: #e5e5e5; }
  .idic-english .container {
    display: table;
    table-layout: fixed; }
    .idic-english .container > div {
      display: table-cell;
      vertical-align: middle; }
      .idic-english .container > div.article-content {
        width: 670px; }
        .idic-english .container > div.article-content > figure img {
          display: block;
          max-width: 100%;
          margin: 0 auto; }
      .idic-english .container > div.article-header {
        text-align: center; }
        .idic-english .container > div.article-header .v-align {
          display: inline-block;
          text-align: left; }
          .idic-english .container > div.article-header .v-align span {
            display: block;
            font-size: 27px;
            font-weight: 400;
            color: #211815;
            font-family: 'S-CoreDream'; }
          .idic-english .container > div.article-header .v-align h3 {
            font-size: 36px;
            color: #211815;
            font-weight: 600;
            line-height: 50px;
            font-family: 'S-CoreDream';
            margin-top: 20px; }
          .idic-english .container > div.article-header .v-align p {
            font-size: 21px;
            color: #211815;
            font-weight: 500;
            line-height: 30px;
            font-family: 'S-CoreDream';
            margin-top: 30px; }
          .idic-english .container > div.article-header .v-align .btn-area {
            margin-top: 45px; }
            .idic-english .container > div.article-header .v-align .btn-area .btn-more {
              display: block;
              width: 260px;
              font-size: 19px;
              color: #000;
              text-align: center;
              font-weight: 600;
              border-radius: 10px;
              line-height: 54px;
              font-family: 'S-CoreDream';
              background-color: #fff; }
          .idic-english .container > div.article-header .v-align > figure {
            display: none; }
  @media (max-width: 1280px) {
    .idic-english .container > div.article-content {
      width: 560px; } }
  @media (max-width: 1024px) {
    .idic-english {
      padding: 40px 0; }
      .idic-english .container {
        display: block; }
        .idic-english .container > div {
          display: block; }
          .idic-english .container > div.article-content {
            display: none; }
          .idic-english .container > div.article-header .v-align {
            display: block;
            text-align: center; }
            .idic-english .container > div.article-header .v-align .summary {
              display: inline-block;
              text-align: left; }
            .idic-english .container > div.article-header .v-align span {
              font-size: 18px; }
            .idic-english .container > div.article-header .v-align h3 {
              font-size: 29px;
              margin-top: 20px; }
            .idic-english .container > div.article-header .v-align p {
              font-size: 15px;
              line-height: 24px;
              margin-top: 20px;
              letter-spacing: -.5px; }
            .idic-english .container > div.article-header .v-align > figure {
              display: block;
              margin-top: 50px; }
              .idic-english .container > div.article-header .v-align > figure img {
                display: block;
                max-width: 100%;
                margin: 0 auto; }
            .idic-english .container > div.article-header .v-align .btn-area {
              margin-top: 50px; }
              .idic-english .container > div.article-header .v-align .btn-area .btn-more {
                margin: 0 auto; } }

/*# sourceMappingURL=main.css.map */