@import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tbbtyrncvf.pbz%2Srneylnpprff%2Sabgbfnafxe.pff");
@import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tbbtyrncvf.pbz%2Spff%3Ssnzvyl%3QYngb%3N300%2P400%2P700");
.header-wrap .gnb-top .inner-wrap .skip-nav-wrap a:not(:focus) {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }

html, body {
  font-family: "Lato", "Noto Sans KR", sans-serif; } 

input, textarea, select, button {
  font-family: "Lato", "Noto Sans KR", sans-serif; }

button, .btn {
  cursor: pointer; }

.app {
  min-width: 1260px; }
  .app.win-popup {
    min-width: 100%; }
    .app.win-popup.content-width {
      min-width: 1160px; }
      .app.win-popup.content-width .header-wrap .inner-wrap, .app.win-popup.content-width .contents-wrap .inner-wrap, .app.win-popup.content-width .footer-wrap .inner-wrap {
        min-width: 1160px;
        max-width: 1160px;
        padding: 0 30px; }
    .app.win-popup .view-result-wrap {
      height: calc(100% - 20px);
      margin-top: 20px; }
    .app.win-popup .filter-wrap {
      margin-top: 21px;
      padding-bottom: 3px;
      border-bottom: 1px solid #e0e0e0; }
      .app.win-popup .filter-wrap .filter-list li {
        display: inline-block;
        vertical-align: top; }
        .app.win-popup .filter-wrap .filter-list li .ui-select-wrap {
          height: 30px; }
          .app.win-popup .filter-wrap .filter-list li .ui-select-wrap .ui-selectmenu-button {
            padding-left: 0;
            border: none; }
            .app.win-popup .filter-wrap .filter-list li .ui-select-wrap .ui-selectmenu-button .ui-selectmenu-icon {
              top: 13px;
              right: 7px;
              background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_vpba_fryrpg_svygre.cat); }
            .app.win-popup .filter-wrap .filter-list li .ui-select-wrap .ui-selectmenu-button .ui-selectmenu-text {
              color: #5e5e5e; }
        .app.win-popup .filter-wrap .filter-list li + li {
          margin-left: 52px; }
    .app.win-popup.has-grid {
      height: 100%; }
      .app.win-popup.has-grid .contents-wrap {
        height: calc(100% - 60px); }
        .app.win-popup.has-grid .contents-wrap .contents-inner-wrap {
          height: 100%; }
          .app.win-popup.has-grid .contents-wrap .contents-inner-wrap .inner-wrap {
            height: 100%; }
            .app.win-popup.has-grid .contents-wrap .contents-inner-wrap .inner-wrap .grid-box {
              margin: 0; }

.header-wrap .inner-wrap, .contents-wrap .inner-wrap, .footer-wrap .inner-wrap {
  max-width: 1100px;
  margin: 0 auto; }
  .win-popup:not(.content-width) .header-wrap .inner-wrap, .win-popup:not(.content-width) .contents-wrap .inner-wrap, .win-popup:not(.content-width) .footer-wrap .inner-wrap {
    max-width: 100%;
    padding: 0 31px 0 30px; }

.header-wrap .gnb-top .inner-wrap .skip-nav-wrap a:not(:focus) {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }

.header-wrap .gnb-top {
  height: 83px;
  border-bottom: 1px solid #e2e2e2; }
  .header-wrap .gnb-top .inner-wrap {
    position: relative;
    height: 100%;
    text-align: center; }
    .header-wrap .gnb-top .inner-wrap .skip-nav-wrap {
      position: absolute;
      left: 0;
      top: 0;
      background: #000; }
      .header-wrap .gnb-top .inner-wrap .skip-nav-wrap a {
        display: inline-block;
        color: #fff;
        padding: 3px 10px; }
    .header-wrap .gnb-top .inner-wrap h1 {
      display: inline-block;
      line-height: 83px; }
    .header-wrap .gnb-top .inner-wrap .lang-wrap {
      position: absolute;
      font-family: "Lato", sans-serif;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
      .header-wrap .gnb-top .inner-wrap .lang-wrap:after {
        content: '';
        display: block;
        width: 100%;
        height: 0px;
        clear: both; }
      .header-wrap .gnb-top .inner-wrap .lang-wrap a {
        float: left;
        position: relative;
        display: inline-block;
        color: #c7c7c7;
        width: 38px;
        height: 20px;
        background: #fff;
        border: 1px solid #c7c7c7;
        text-align: center;
        line-height: 20px;
        margin-left: -1px;
        font-size: 1.2rem;
        letter-spacing: -0.24px; }
        .header-wrap .gnb-top .inner-wrap .lang-wrap a.active {
          color: #1c66b1;
          border-color: #608dba;
          z-index: 1; }

.header-wrap .gnb-bottom {
  position: absolute;
  width: 100%;
  min-width: 1260px;
  height: 50px;
  background: #fff;
  z-index: 21; }
  .header-wrap .gnb-bottom hr {
    position: absolute;
    width: 100%;
    height: 1px;
    margin: 0;
    border: none;
    border-bottom: 1px solid #e2e2e2;
    top: 49px;
    z-index: 1; }
  .header-wrap .gnb-bottom .gnb-list-wrap {
    position: absolute;
    width: 100%;
    z-index: 2; }
    .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap {
      position: relative; }
      .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .gnb-list {
        position: absolute;
        display: inline-block;
        width: 680px;
        text-align: center;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); }
        .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .gnb-list:after {
          content: '';
          display: block;
          width: 100%;
          height: 0px;
          clear: both; }
        .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .gnb-list > li {
          position: relative;
          float: left;
          width: calc(100% / 4); }
          .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .gnb-list > li > a {
            position: relative;
            display: inline-block;
            font-weight: 500;
            line-height: 50px;
            font-size: 1.7rem;
            letter-spacing: -0.425px; }
          .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .gnb-list > li:hover > a:after, .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .gnb-list > li > a:focus:after, .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .gnb-list > li > a.active:after {
            content: '';
            position: absolute;
            display: inline-block;
            width: 100%;
            height: 2px;
            background: #1c66b1;
            left: 0;
            bottom: 0; }
        .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .gnb-list ul {
          height: 0;
          visibility: hidden; }
          .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .gnb-list ul li {
            line-height: 33px; }
            .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .gnb-list ul li a {
              color: #5e5e5e;
              font-size: 1.5rem;
              letter-spacing: -0.75px; }
              .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .gnb-list ul li a:hover, .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .gnb-list ul li a:focus, .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .gnb-list ul li a.active {
                color: #1c66b1;
                font-weight: 500; }
      .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .util-btn-wrap {
        position: absolute;
        right: 0;
        top: 15px; }
        .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .util-btn-wrap:after {
          content: '';
          display: block;
          width: 100%;
          height: 0px;
          clear: both; }
        .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .util-btn-wrap a {
          float: left;
          position: relative;
          display: inline-block;
          color: #5e5e5e;
          height: 20px;
          padding-left: 24px;
          line-height: 20px;
          font-size: 1.3rem;
          letter-spacing: -0.65px; }
          .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .util-btn-wrap a span {
            font-family: "Lato", sans-serif;
            letter-spacing: 0; }
          .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .util-btn-wrap a:before {
            content: '';
            position: absolute;
            display: inline-block;
            width: 20px;
            height: 20px;
            background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_vpba_tao_hgvy.cat);
            background-repeat: no-repeat;
            background-position: 0 0;
            left: 0;
            top: 0; }
          .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .util-btn-wrap a + a {
            margin-left: 13px; }
          .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .util-btn-wrap a.util-btn-compare:before {
            background-position: -20px 0; }
          .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .util-btn-wrap a.util-btn-usage {
            color: #1c66b1; }
            .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .util-btn-wrap a.util-btn-usage:before {
              background-position: -40px 0; }
          .header-wrap .gnb-bottom .gnb-list-wrap .inner-wrap .util-btn-wrap a.util-btn-term:before {
            background-position: -60px 0; }
  .header-wrap .gnb-bottom:hover, .header-wrap .gnb-bottom.active {
    height: 253px;
    border-bottom: 1px solid #e2e2e2; }
    .header-wrap .gnb-bottom:hover .gnb-list-wrap .inner-wrap .gnb-list ul, .header-wrap .gnb-bottom.active .gnb-list-wrap .inner-wrap .gnb-list ul {
      height: auto;
      margin-top: 15px;
      visibility: visible; }

.header-wrap.sub .gnb-top .inner-wrap {
  text-align: left; }

.header-wrap.sub .gnb-top h1 {
  position: absolute;
  left: 0;
  top: 0; }

.header-wrap.sub .gnb-top .search-wrap {
  display: inline-block;
  height: 82px;
  vertical-align: top;
  margin-left: 288px; }
  .header-wrap.sub .gnb-top .search-wrap .search-input-wrap {
    position: relative;
    display: inline-block;
    width: 513px;
    height: 42px;
    margin-top: 20px;
    vertical-align: top; }
    .header-wrap.sub .gnb-top .search-wrap .search-input-wrap input[type=text] {
      width: 100%;
      height: 100%;
      padding: 0 53px 0 11px;
      background: transparent;
      border: 2px solid #1c66b1; }
      .header-wrap.sub .gnb-top .search-wrap .search-input-wrap input[type=text]::-webkit-input-placeholder {
        color: #5e5e5e; }
      .header-wrap.sub .gnb-top .search-wrap .search-input-wrap input[type=text]:-ms-input-placeholder {
        color: #5e5e5e; }
      .header-wrap.sub .gnb-top .search-wrap .search-input-wrap input[type=text]::-ms-input-placeholder {
        color: #5e5e5e; }
      .header-wrap.sub .gnb-top .search-wrap .search-input-wrap input[type=text]::placeholder {
        color: #5e5e5e; }
      .header-wrap.sub .gnb-top .search-wrap .search-input-wrap input[type=text]:-ms-input-placeholder {
        color: #5e5e5e; }
      .header-wrap.sub .gnb-top .search-wrap .search-input-wrap input[type=text]::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #5e5e5e; }
    .header-wrap.sub .gnb-top .search-wrap .search-input-wrap .btn-search {
      position: absolute;
      width: 53px;
      height: 38px;
      padding: 0;
      background-color: transparent;
      background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_tao_frnepu_oga_vpba.cat);
      background-repeat: no-repeat;
      background-position: center;
      border: none;
      font-size: 0;
      right: 2px;
      top: 2px; }

.header-wrap.popup-header {
  height: 60px;
  background: #1c66b1; }
  .header-wrap.popup-header .page-title {
    color: #fff;
    margin: 0;
    line-height: 60px;
    font-size: 2rem;
    letter-spacing: -1px; }

.header-wrap .gnb-top .inner-wrap .skip-nav-wrap a:not(:focus) {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }

.header-wrap:not(.popup-header) + .contents-wrap {
  margin-top: 50px;
  min-height: calc(100vh - 383px); }

.eng {
  font-family: "Lato", sans-serif; }

.align-right {
  text-align: right; }

.rank-list-wrap {
  position: relative;
  display: inline-block;
  width: 141px;
  height: 47px;
  margin: 20px 0 0 14px;
  padding-bottom: 5px;
  vertical-align: middle; }
  .rank-list-wrap .swiper-container {
    height: 42px; }
  .rank-list-wrap .rank-list li {
    text-align: left; }
    .rank-list-wrap .rank-list li a {
      display: block;
      line-height: 42px;
      font-size: 1.2rem;
      letter-spacing: -0.6px; }
      .rank-list-wrap .rank-list li a .num, .rank-list-wrap .rank-list li a .value {
        display: inline-block; }
      .rank-list-wrap .rank-list li a .num {
        color: #1c66b1;
        font-family: "Lato", sans-serif;
        font-size: 1.2rem;
        font-weight: 700;
        letter-spacing: 0;
        vertical-align: middle; }
      .rank-list-wrap .rank-list li a .value {
        margin-left: 3px;
        padding-right: 21px;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_tao_frnepu_enax_vpba.cat) no-repeat right center;
        vertical-align: top;
        display: inline-block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: normal;
        max-width: calc(100% - 20px);
        line-height: 43px; }
  .rank-list-wrap .rank-layer-wrap {
    position: absolute;
    display: none;
    width: 357px;
    background: #fff;
    border: 1px solid #000;
    padding: 19px 0 18px;
    right: 0;
    top: 47px;
    z-index: 22; }
    .rank-list-wrap .rank-layer-wrap:after {
      content: '';
      display: block;
      width: 100%;
      height: 0px;
      clear: both; }
    .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap {
      position: relative;
      float: left;
      width: 177px;
      padding: 0 18px; }
      .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap + .rank-layer-inner-wrap {
        width: 178px; }
        .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap + .rank-layer-inner-wrap:before {
          content: '';
          position: absolute;
          display: inline-block;
          width: 1px;
          height: 246px;
          background: #e2e2e2;
          left: 0;
          top: 3px; }
      .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap .rank-layer-title {
        display: block;
        color: #1c66b1;
        margin-left: 2px;
        font-weight: 700;
        font-size: 1.3rem;
        letter-spacing: -0.65px; }
      .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap .rank-list {
        margin-top: 7px; }
        .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap .rank-list li {
          height: 23px;
          line-height: 23px; }
          .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap .rank-list li a {
            display: inline-block;
            color: #333;
            width: 100%;
            padding: 0;
            background: none;
            text-align: left;
            line-height: 23px;
            font-size: 1.3rem;
            letter-spacing: -0.65px; }
            .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap .rank-list li a .num, .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap .rank-list li a .value {
              display: inline-block;
              vertical-align: middle; }
            .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap .rank-list li a .num {
              color: #5e5e5e;
              width: 16px;
              margin-right: 8px;
              text-align: center;
              font-weight: 700;
              font-size: 1.3rem;
              letter-spacing: -0.65px; }
            .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap .rank-list li a .value {
              max-width: calc(100% - 24px);
              margin: 0;
              padding: 0;
              background: none;
              line-height: 23px;
              vertical-align: top; }
          .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap .rank-list li.active a .value {
            font-weight: 700; }
  .rank-list-wrap:hover .rank-layer-wrap {
    display: inline-block; }

.search-input-wrap .auto-complete-wrap {
  position: absolute;
  display: none;
  width: 100%;
  max-height: 274px;
  padding: 6px 0;
  background: #fff;
  border: 1px solid #999;
  overflow-x: hidden;
  overflow-y: auto;
  top: calc(100% - 2px);
  z-index: 20; }
  .search-input-wrap .auto-complete-wrap .auto-complete-list li {
    padding: 0 13px;
    line-height: 26px;
    font-size: 1.3rem;
    letter-spacing: -0.325px; }
    .search-input-wrap .auto-complete-wrap .auto-complete-list li a {
      display: block; }
      .search-input-wrap .auto-complete-wrap .auto-complete-list li a .keyword {
        color: #1c66b1; }
    .search-input-wrap .auto-complete-wrap .auto-complete-list li:hover, .search-input-wrap .auto-complete-wrap .auto-complete-list li:focus {
      background: #f8f8f8; }

.search-input-wrap.show-auto-complete .auto-complete-wrap {
  display: block; }

.header-wrap .gnb-top .inner-wrap .skip-nav-wrap a:not(:focus) {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }

.contents-wrap.main .section-title {
  position: relative;
  font-weight: 500;
  margin: 0;
  font-size: 2.4rem;
  letter-spacing: -0.6px; }
  .contents-wrap.main .section-title .regular {
    font-weight: 400; }
  .contents-wrap.main .section-title .btn-more {
    position: absolute;
    color: #5e5e5e;
    min-width: 11px;
    min-height: 10px;
    padding-right: 19px;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_frpgvba_gvgyr_zber.cat);
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 1.3rem;
    letter-spacing: -0.325px;
    right: 0;
    bottom: 0; }
  .contents-wrap.main .section-title + .sub-title {
    display: block;
    color: #5e5e5e;
    margin-top: 10px;
    line-height: 20px;
    font-size: 1.4rem;
    letter-spacing: -0.35px; }

.contents-wrap.main .search-wrap {
  height: 320px;
  padding-top: 53px;
  background-color: #2062a5;
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_frnepu_ot.cat);
  background-repeat: no-repeat;
  background-position: center; }
  .contents-wrap.main .search-wrap h2 {
    color: #fff;
    text-align: center;
    font-weight: 300;
    font-size: 3.8rem;
    letter-spacing: -0.95px; }
    .contents-wrap.main .search-wrap h2 .bold {
      font-weight: 500; }
  .contents-wrap.main .search-wrap .search-input-wrap {
    position: relative;
    display: block;
    width: 774px;
    height: 52px;
    margin: 34px auto 0; }
    .contents-wrap.main .search-wrap .search-input-wrap input[type=text] {
      color: #fff;
      width: 100%;
      height: 100%;
      padding: 0 48px 0 11px;
      background: transparent;
      border: 2px solid #fff;
      border-radius: 2px;
      font-size: 1.5rem; }
      .contents-wrap.main .search-wrap .search-input-wrap input[type=text]::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.65); }
      .contents-wrap.main .search-wrap .search-input-wrap input[type=text]:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.65); }
      .contents-wrap.main .search-wrap .search-input-wrap input[type=text]::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.65); }
      .contents-wrap.main .search-wrap .search-input-wrap input[type=text]::placeholder {
        color: rgba(255, 255, 255, 0.65); }
      .contents-wrap.main .search-wrap .search-input-wrap input[type=text]:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.65); }
      .contents-wrap.main .search-wrap .search-input-wrap input[type=text]::-ms-input-placeholder {
        /* Microsoft Edge */
        color: rgba(255, 255, 255, 0.65); }
    .contents-wrap.main .search-wrap .search-input-wrap .btn-search {
      position: absolute;
      width: 48px;
      height: 48px;
      background-color: transparent;
      background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_frnepu_oga_vpba.cat);
      background-repeat: no-repeat;
      background-position: center;
      border: none;
      font-size: 0;
      right: 2px;
      top: 2px; }
  .contents-wrap.main .search-wrap .search-bottom-wrap {
    position: relative;
    width: 774px;
    margin: 16px auto 0; }
    .contents-wrap.main .search-wrap .search-bottom-wrap .rank-title {
      display: inline-block;
      color: #fff;
      width: 65px;
      height: 26px;
      border: 1px solid rgba(255, 255, 255, 0.7);
      border-radius: 13px;
      text-align: center;
      line-height: 24px;
      font-size: 1.3rem;
      letter-spacing: -0.65px; }
    .contents-wrap.main .search-wrap .search-bottom-wrap .rank-list-wrap {
      width: auto;
      height: 29px;
      margin: 0 0 0 9px;
      vertical-align: top; }
      .contents-wrap.main .search-wrap .search-bottom-wrap .rank-list-wrap .swiper-container {
        height: 26px; }
      .contents-wrap.main .search-wrap .search-bottom-wrap .rank-list-wrap .rank-list li a {
        display: inline;
        color: #fff;
        padding-right: 21px;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_frnepu_enax_vpba.cat) no-repeat right center;
        line-height: 26px;
        font-size: 1.3rem;
        letter-spacing: -0.325px; }
        .contents-wrap.main .search-wrap .search-bottom-wrap .rank-list-wrap .rank-list li a .num {
          color: #fff;
          font-size: 1.3rem;
          letter-spacing: 0;
          font-weight: 700;
          vertical-align: top; }
        .contents-wrap.main .search-wrap .search-bottom-wrap .rank-list-wrap .rank-list li a .value {
          padding-right: 0;
          background: none;
          max-width: 100%;
          line-height: 26px; }
      .contents-wrap.main .search-wrap .search-bottom-wrap .rank-list-wrap .rank-layer-wrap {
        left: 0;
        right: auto;
        top: 29px;
        z-index: 10; }
        .contents-wrap.main .search-wrap .search-bottom-wrap .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap .rank-list {
          margin-top: 7px; }
          .contents-wrap.main .search-wrap .search-bottom-wrap .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap .rank-list li a {
            color: #333;
            padding: 0; }
            .contents-wrap.main .search-wrap .search-bottom-wrap .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap .rank-list li a .num {
              color: #5e5e5e; }
            .contents-wrap.main .search-wrap .search-bottom-wrap .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap .rank-list li a .value {
              display: inline-block;
              width: 100%;
              max-width: 100%;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              max-width: calc(100% - 24px); }
          .contents-wrap.main .search-wrap .search-bottom-wrap .rank-list-wrap .rank-layer-wrap .rank-layer-inner-wrap .rank-list li.active a .value {
            font-weight: 700; }
      .contents-wrap.main .search-wrap .search-bottom-wrap .rank-list-wrap:hover .rank-layer-wrap {
        display: inline-block; }
    .contents-wrap.main .search-wrap .search-bottom-wrap .btn-search-guide {
      position: absolute;
      display: inline-block;
      color: #fff;
      padding-left: 19px;
      background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_thvqr_oga_vpba.cat);
      background-repeat: no-repeat;
      background-position: left center;
      line-height: 14px;
      right: 0;
      font-size: 1.3rem;
      letter-spacing: -0.325px; }
  .contents-wrap.main .search-wrap .season-recommand-list-wrap {
    position: relative;
    margin-top: 32px;
    padding: 17px 0 0 166px;
    border-top: 1px solid #5b81b0; }
    .contents-wrap.main .search-wrap .season-recommand-list-wrap .season-recommand-list-title {
      position: absolute;
      display: inline-block;
      color: #fff;
      padding-left: 29px;
      line-height: 33px;
      left: 0;
      font-size: 1.5rem;
      letter-spacing: -0.375px; }
      .contents-wrap.main .search-wrap .season-recommand-list-wrap .season-recommand-list-title:before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 18px;
        height: 18px;
        background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_frnfba_erpbzznaq_vpba.cat);
        background-repeat: no-repeat;
        background-position: center;
        left: 1px;
        top: 7px; }
    .contents-wrap.main .search-wrap .season-recommand-list-wrap .season-recommand-list:after {
      content: '';
      display: block;
      width: 100%;
      height: 0px;
      clear: both; }
    .contents-wrap.main .search-wrap .season-recommand-list-wrap .season-recommand-list li {
      float: left; }
      .contents-wrap.main .search-wrap .season-recommand-list-wrap .season-recommand-list li + li {
        margin-left: 8px; }
      .contents-wrap.main .search-wrap .season-recommand-list-wrap .season-recommand-list li a {
        display: inline-block;
        color: #000;
        padding: 0 15px;
        background: #ebf0f6;
        border-radius: 17px;
        line-height: 33px;
        font-size: 1.3rem;
        letter-spacing: -0.325px; }

.contents-wrap.main .disclosure-wrap {
  padding: 28px 0 27px; }
  .contents-wrap.main .disclosure-wrap:after {
    content: '';
    display: block;
    width: 100%;
    height: 0px;
    clear: both; }
  .contents-wrap.main .disclosure-wrap .disclosure-title-wrap {
    display: inline-block;
    float: left;
    color: #333;
    width: 224px;
    height: 86px;
    padding-top: 17px;
    border-right: 1px solid #e1e1e1;
    font-size: 2rem;
    letter-spacing: -0.5px; }
    .contents-wrap.main .disclosure-wrap .disclosure-title-wrap h2 {
      line-height: 26px; }
    .contents-wrap.main .disclosure-wrap .disclosure-title-wrap .spot {
      color: #255a81; }
    .contents-wrap.main .disclosure-wrap .disclosure-title-wrap .bold {
      font-weight: 700; }
  .contents-wrap.main .disclosure-wrap .disclosure-list {
    display: inline-block;
    float: left;
    width: 876px;
    height: 86px;
    padding: 0 75px; }
    .contents-wrap.main .disclosure-wrap .disclosure-list:after {
      content: '';
      display: block;
      width: 100%;
      height: 0px;
      clear: both; }
    .contents-wrap.main .disclosure-wrap .disclosure-list li {
      float: left;
      width: 71px;
      height: 83px; }
      .contents-wrap.main .disclosure-wrap .disclosure-list li a {
        position: relative;
        display: block;
        color: #444;
        height: 100%;
        padding-top: 68px;
        text-align: center;
        font-size: 1.5rem;
        letter-spacing: -0.375px; }
        .contents-wrap.main .disclosure-wrap .disclosure-list li a:before {
          content: '';
          position: absolute;
          display: inline-block;
          width: 51px;
          height: 51px;
          background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_qvfpybfher_vpba.cat);
          background-repeat: no-repeat;
          background-position: 0 0;
          left: 10px;
          top: 2px; }
      .contents-wrap.main .disclosure-wrap .disclosure-list li.student a:before {
        background-position: -51px 0; }
      .contents-wrap.main .disclosure-wrap .disclosure-list li.teacher a:before {
        background-position: -102px 0; }
      .contents-wrap.main .disclosure-wrap .disclosure-list li.cooperation a:before {
        background-position: 0 -51px; }
      .contents-wrap.main .disclosure-wrap .disclosure-list li.budget a:before {
        background-position: -51px -51px; }
      .contents-wrap.main .disclosure-wrap .disclosure-list li.condition a:before {
        background-position: -102px -51px; }
      .contents-wrap.main .disclosure-wrap .disclosure-list li + li {
        margin-left: 60px; }

.contents-wrap.main .indicators-wrap {
  background: #f8fafc;
  border-top: 1px solid #ececec;
  padding: 40px 0 41px; }
  .contents-wrap.main .indicators-wrap .indicators-inner-wrap {
    margin-top: 30px; }
    .contents-wrap.main .indicators-wrap .indicators-inner-wrap:after {
      content: '';
      display: block;
      width: 100%;
      height: 0px;
      clear: both; }
    .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap, .contents-wrap.main .indicators-wrap .indicators-inner-wrap .chart-wrap {
      float: left; }
    .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap {
      width: 454px; }
      .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap:after {
        content: '';
        display: block;
        width: 100%;
        height: 0px;
        clear: both; }
      .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list {
        float: left;
        width: 224px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list li {
          height: 45px; }
          .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list li button {
            position: relative;
            color: #5e5e5e;
            width: 100%;
            height: 100%;
            padding: 0 15px 0 47px;
            background: transparent;
            border: none;
            text-align: left;
            font-size: 1.5rem;
            letter-spacing: -1px; }
            .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list li button:before {
              content: '';
              position: absolute;
              display: inline-block;
              width: 35px;
              height: 35px;
              background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_vaqvpngbef_vpba.cat);
              background-repeat: no-repeat;
              background-position: 0 0;
              border: 1px solid #d4d4d4;
              border-radius: 18px;
              left: 6px;
              top: 5px; }
            .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list li button.active {
              color: #1c66b1;
              background: #fff;
              border: 2px solid #1c66b1;
              border-radius: 23px;
              padding-left: 45px; }
              .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list li button.active:before {
                left: 4px;
                top: 3px;
                background-color: #1c66b1;
                border-color: #1c66b1; }
              .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list li button.active:after {
                content: '';
                position: absolute;
                display: inline-block;
                width: 7px;
                height: 11px;
                background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_vaqvpngbef_vpba_neebj.cat);
                background-repeat: no-repeat;
                background-position: center;
                right: 10px;
                top: 15px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(1) li:nth-child(1) button:before {
          background-position: 0px 0px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(1) li:nth-child(1) button.active:before {
          background-position: -33px 0px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(1) li:nth-child(2) button:before {
          background-position: 0px -33px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(1) li:nth-child(2) button.active:before {
          background-position: -33px -33px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(1) li:nth-child(3) button:before {
          background-position: 0px -66px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(1) li:nth-child(3) button.active:before {
          background-position: -33px -66px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(1) li:nth-child(4) button:before {
          background-position: 0px -99px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(1) li:nth-child(4) button.active:before {
          background-position: -33px -99px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(1) li:nth-child(5) button:before {
          background-position: 0px -132px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(1) li:nth-child(5) button.active:before {
          background-position: -33px -132px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(2) {
          margin-left: 6px; }
          .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(2) li:nth-child(1) button:before {
            background-position: -66px 0px; }
          .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(2) li:nth-child(1) button.active:before {
            background-position: -99px 0px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(2) {
          margin-left: 6px; }
          .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(2) li:nth-child(2) button:before {
            background-position: -66px -33px; }
          .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(2) li:nth-child(2) button.active:before {
            background-position: -99px -33px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(2) {
          margin-left: 6px; }
          .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(2) li:nth-child(3) button:before {
            background-position: -66px -66px; }
          .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(2) li:nth-child(3) button.active:before {
            background-position: -99px -66px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(2) {
          margin-left: 6px; }
          .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(2) li:nth-child(4) button:before {
            background-position: -66px -99px; }
          .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(2) li:nth-child(4) button.active:before {
            background-position: -99px -99px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(2) {
          margin-left: 6px; }
          .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(2) li:nth-child(5) button:before {
            background-position: -66px -132px; }
          .contents-wrap.main .indicators-wrap .indicators-inner-wrap .list-wrap .indicators-list:nth-child(2) li:nth-child(5) button.active:before {
            background-position: -99px -132px; }
    .contents-wrap.main .indicators-wrap .indicators-inner-wrap .chart-wrap {
      width: 610px;
      height: 225px;
      margin-left: 36px; }
      .contents-wrap.main .indicators-wrap .indicators-inner-wrap .chart-wrap .chart-title {
        position: relative;
        line-height: 45px;
        font-size: 2rem;
        letter-spacing: -0.5px; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .chart-wrap .chart-title .value {
          color: #1c66b1;
          font-family: "Lato", sans-serif;
          font-weight: 700;
          font-size: 2.3rem;
          letter-spacing: 0; }
        .contents-wrap.main .indicators-wrap .indicators-inner-wrap .chart-wrap .chart-title .unit {
          position: absolute;
          color: #5e5e5e;
          font-size: 1.3rem;
          line-height: 1;
          right: 0;
          top: 18px; }
      .contents-wrap.main .indicators-wrap .indicators-inner-wrap .chart-wrap .chart-inner-wrap {
        height: 180px; }

.contents-wrap.main .competitiveness-wrap {
  padding: 40px 0 70px; }
  .contents-wrap.main .competitiveness-wrap .inner-wrap {
  /* 2022추가개발 CSS Start */
  /* 2022추가개발 CSS End */ }
  .contents-wrap.main .competitiveness-wrap .inner-wrap .section-title {
    line-height: 30px; }
  .contents-wrap.main .competitiveness-wrap .inner-wrap > div {
    height: 210px; }
    .contents-wrap.main .competitiveness-wrap .inner-wrap > div:after {
      content: '';
      display: block;
      width: 100%;
      height: 0px;
      clear: both; }
    .contents-wrap.main .competitiveness-wrap .inner-wrap > div div {
      float: left;
      width: 540px;
      height: 100%; }
      .contents-wrap.main .competitiveness-wrap .inner-wrap > div div + div {
        margin-left: 20px; }
    .contents-wrap.main .competitiveness-wrap .inner-wrap > div + div {
      height: 330px;
      margin-top: 60px; }
      .contents-wrap.main .competitiveness-wrap .inner-wrap > div + div > div:nth-child(2):after {
        content: '';
        display: block;
        width: 100%;
        height: 0px;
        clear: both; }
      .contents-wrap.main .competitiveness-wrap .inner-wrap > div + div > div:nth-child(2) div {
        float: left;
        width: 260px; }
        .contents-wrap.main .competitiveness-wrap .inner-wrap > div + div > div:nth-child(2) div + div {
          margin-left: 20px; }
  .contents-wrap.main .competitiveness-wrap .inner-wrap .list-wrap .competitiveness-list {
    margin-top: 29px; }
    .contents-wrap.main .competitiveness-wrap .inner-wrap .list-wrap .competitiveness-list:after {
      content: '';
      display: block;
      width: 100%;
      height: 0px;
      clear: both; }
    .contents-wrap.main .competitiveness-wrap .inner-wrap .list-wrap .competitiveness-list li {
      float: left;
      color: #333;
      width: 120px;
      text-align: center;
      font-size: 1.5rem;
      letter-spacing: -0.375px; }
      .contents-wrap.main .competitiveness-wrap .inner-wrap .list-wrap .competitiveness-list li a {
        position: relative;
        display: inline-block;
        width: 100%;
        padding-top: 134px; }
        .contents-wrap.main .competitiveness-wrap .inner-wrap .list-wrap .competitiveness-list li a:before {
          content: '';
          position: absolute;
          display: inline-block;
          width: 120px;
          height: 120px;
          background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_pbzcrgvgvirarff_yvfg_vpba.cat);
          background-repeat: no-repeat;
          background-position: 0 0;
          left: 0;
          top: 0; }
      .contents-wrap.main .competitiveness-wrap .inner-wrap .list-wrap .competitiveness-list li:nth-child(1) a:before {
        background-position: 0px 0; }
      .contents-wrap.main .competitiveness-wrap .inner-wrap .list-wrap .competitiveness-list li:nth-child(2) a:before {
        background-position: -120px 0; }
      .contents-wrap.main .competitiveness-wrap .inner-wrap .list-wrap .competitiveness-list li:nth-child(3) a:before {
        background-position: -240px 0; }
      .contents-wrap.main .competitiveness-wrap .inner-wrap .list-wrap .competitiveness-list li:nth-child(4) a:before {
        background-position: -360px 0; }
      .contents-wrap.main .competitiveness-wrap .inner-wrap .list-wrap .competitiveness-list li + li {
        margin-left: 20px; }
  .contents-wrap.main .competitiveness-wrap .inner-wrap .our-competitiveness {
    padding: 36px 35px;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_bhe_pbzcrgvgvirarff_ot.cat);
    background-repeat: no-repeat;
    background-position: 273px 28px;
    border: 4px solid #ffd3a8; }
  .contents-wrap.main .competitiveness-wrap .inner-wrap .our-competitiveness2 {
    width: 353px;
    height: 210px;
    padding: 20px 24px;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_bhe_pbzcrgvgvirarff_ot.cat);
    background-repeat: no-repeat;
    background-position: right 49px;
    border: 4px solid #ffd3a8; }
  .contents-wrap.main .competitiveness-wrap .inner-wrap .find-link-wrap {
    padding: 36px 35px;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_svaq_yvax_ot.cat);
    background-repeat: no-repeat;
    background-position: 259px 35px;
    border: 4px solid #cedeed; }
  .contents-wrap.main .competitiveness-wrap .inner-wrap .view-banner {
    width: 354px;
    height: 210px;
    padding: 20px 24px;
    border: 4px solid #d5ceed;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_ivrj_onaare_ot.cat);
    background-repeat: no-repeat;
    background-position: right 56px; }
  .contents-wrap.main .competitiveness-wrap .inner-wrap .search-banner {
    width: 353px;
    height: 210px;
    padding: 20px 24px;
    border: 4px solid #cedeed;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_frnepu_onaare_ot.cat);
    background-repeat: no-repeat;
    background-position: 129px 55px; }
  .contents-wrap.main .competitiveness-wrap .inner-wrap .disclosure-link-wrap, .contents-wrap.main .competitiveness-wrap .inner-wrap .disclosure-download-wrap, .contents-wrap.main .competitiveness-wrap .inner-wrap .accounting-wrap, .contents-wrap.main .competitiveness-wrap .inner-wrap .disclosure-transition-wrap {
    width: 260px;
    padding: 32px 34px; }
  .contents-wrap.main .competitiveness-wrap .inner-wrap .disclosure-link-wrap {
    width: 260px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_qvfpybfher_yvax_ot.cat) no-repeat 0 0; }
    .contents-wrap.main .competitiveness-wrap .inner-wrap .disclosure-link-wrap .section-title, .contents-wrap.main .competitiveness-wrap .inner-wrap .disclosure-link-wrap .sub-title {
      color: #fff; }
    .contents-wrap.main .competitiveness-wrap .inner-wrap .disclosure-link-wrap .btn-link {
      color: #fff;
      border-color: #fff; }
      .contents-wrap.main .competitiveness-wrap .inner-wrap .disclosure-link-wrap .btn-link:after {
        background-position: -5px 0; }
  .contents-wrap.main .competitiveness-wrap .inner-wrap .disclosure-download-wrap {
    background-color: #ffdad7;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_qvfpybfher_qbjaybnq_ot.cat);
    background-repeat: no-repeat;
    background-position: 69px 189px; }
  .contents-wrap.main .competitiveness-wrap .inner-wrap .accounting-wrap {
    background-color: #d2f3ec;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_nppbhagvat_ot.cat);
    background-repeat: no-repeat;
    background-position: 93px 186px; }
  .contents-wrap.main .competitiveness-wrap .inner-wrap .disclosure-transition-wrap {
    background-color: #ced4fc;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_qvfpybfher_genafvgvba_ot.cat);
    background-repeat: no-repeat;
    background-position: 79px 197px; }
  .contents-wrap.main .competitiveness-wrap .inner-wrap .btn-link {
    position: relative;
    display: inline-block;
    color: #444;
    width: 78px;
    height: 26px;
    margin-top: 14px;
    padding-left: 10px;
    border: 1px solid #909090;
    line-height: 24px;
    font-size: 1.2rem;
    letter-spacing: -0.3px; }
    .contents-wrap.main .competitiveness-wrap .inner-wrap .btn-link:after {
      content: '';
      position: absolute;
      display: inline-block;
      width: 5px;
      height: 9px;
      background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_oga_yvax_vpba.cat);
      background-repeat: no-repeat;
      background-position: 0 0;
      right: 10px;
      top: 8px; }

.contents-wrap.main .main-banner-wrap {
  height: 131px;
  /*background: #c5e9f9;*/ }
  .contents-wrap.main .main-banner-wrap .inner-wrap {
    position: relative;
    height: 100%; }
    
    .contents-wrap.main .main-banner-wrap .inner-wrap .main-banner-btn-wrap {
      width: 1100px;
      position: absolute;
      left: 0;
      top: -42px;
    }
    
    .contents-wrap.main .main-banner-wrap .inner-wrap .main-banner-btn-wrap .btn-main-banner-nav.swiper-button-prev, .contents-wrap.main .main-banner-wrap .inner-wrap .main-banner-btn-wrap .btn-main-banner-nav.swiper-button-next, .contents-wrap.main .main-banner-wrap .inner-wrap .main-banner-btn-wrap .btn-main-banner-nav.main-banner-btn-pause {
      position: relative;
      width: 15px;
      height: 15px;
      margin-top: 0;
      padding: 0;
      border: none;
      font-size: 0;
    }
    
    .contents-wrap.main .main-banner-wrap .inner-wrap .main-banner-btn-wrap .btn-main-banner-nav.swiper-button-prev {
      background-color: transparent;
      background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_onaare_ceri.tvs);
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 15px 15px;
      left: auto;
      right: auto;
      margin: 0 5px 0 0;
    }
    
    .contents-wrap.main .main-banner-wrap .inner-wrap .main-banner-btn-wrap .btn-main-banner-nav.swiper-button-next {
      background-color: transparent;
      background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_onaare_arkg.tvs);
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 15px 15px;
      left: auto;
      right: auto;
      margin: 0 5px 0 0;
    }
    
    .contents-wrap.main .main-banner-wrap .inner-wrap .main-banner-btn-wrap .btn-main-banner-nav.main-banner-btn-pause {
      background-color: transparent;
      background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_onaare_fgbc.tvs);
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 15px 15px;
      left: auto;
      right: auto;
      z-index: 10;
      margin: 0 5px 0 0;
    }
    
    .contents-wrap.main .main-banner-wrap .inner-wrap .main-banner-btn-wrap .btn-main-banner-nav.main-banner-btn-pause.on {
      background-color: transparent;
      background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_onaare_cynl.tvs);
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 15px 15px;
    }    
    
    .contents-wrap.main .main-banner-wrap .inner-wrap .swiper-container {
      position: absolute;
      width: 100%;
      bottom: 0; }
      .contents-wrap.main .main-banner-wrap .inner-wrap .swiper-container .main-banner-list {
        width: 100%; }
        .contents-wrap.main .main-banner-wrap .inner-wrap .swiper-container .main-banner-list .swiper-slide {
          min-height: 131px; }
    .contents-wrap.main .main-banner-wrap .inner-wrap .btn-main-banner-nav {
      width: 46px;
      height: 46px;
      padding: 0;
      background-color: transparent;
      background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sznva_onaare_ani.cat);
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 92px 46px;
      border: none;
      font-size: 0; }
      .contents-wrap.main .main-banner-wrap .inner-wrap .btn-main-banner-nav.swiper-button-prev {
        left: -81px; }
      .contents-wrap.main .main-banner-wrap .inner-wrap .btn-main-banner-nav.swiper-button-next {
        right: -81px;
        background-position: right top; }

.contents-wrap.main .recent-board-wrap {
  padding: 40px 0; }
  .contents-wrap.main .recent-board-wrap .inner-wrap:after {
    content: '';
    display: block;
    width: 100%;
    height: 0px;
    clear: both; }
  .contents-wrap.main .recent-board-wrap .inner-wrap > div {
    float: left;
    width: 333px; }
    .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-name a {
      display: block;
      padding-bottom: 15px;
      border-bottom: 1px solid #b5b5b5;
      background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_frpgvba_gvgyr_zber.cat);
      background-repeat: no-repeat;
      background-position: right 11px;
      font-size: 2.2rem;
      letter-spacing: -1.1px; }
    .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summary-list, .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summmary-box {
      margin-top: 25px; }
      .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summary-list a, .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summmary-box a {
        display: block; }
      .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summary-list .title, .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summary-list .desc, .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summary-list .date, .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summmary-box .title, .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summmary-box .desc, .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summmary-box .date {
        display: inline-block; }
      .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summary-list .title, .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summmary-box .title {
        color: #333;
        font-size: 1.4rem;
        letter-spacing: -0.35px;
        display: inline-block;
        width: 100%;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: normal; }
      .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summary-list .desc, .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summmary-box .desc {
        color: #5e5e5e;
        font-size: 1.4rem;
        letter-spacing: -0.35px;
        overflow: hidden;
        height: 38px;
        max-height: 38px;
        line-height: 19px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: -o-ellipsis-lastline; }
      .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summary-list .date, .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summmary-box .date {
        color: #5e5e5e;
        font-family: "Lato", sans-serif;
        font-size: 1.4rem; }
    .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summary-list li a {
      position: relative; }
      .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summary-list li a:after {
        content: '';
        display: block;
        width: 100%;
        height: 0px;
        clear: both; }
      .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summary-list li a .title, .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summary-list li a .date {
        float: left; }
      .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summary-list li a .title {
        width: calc(100% - 78px);
        max-width: calc(100% - 78px); }
      .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summary-list li a .date {
        width: 70px;
        margin-left: 8px;
        line-height: 20px; }
    .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summary-list li + li {
      margin-top: 10px; }
    .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summmary-box .desc {
      margin-top: 15px; }
    .contents-wrap.main .recent-board-wrap .inner-wrap > div .board-summmary-box .date {
      margin-top: 19px; }
    .contents-wrap.main .recent-board-wrap .inner-wrap > div + div {
      margin-left: 50px; }

.header-wrap .gnb-top .inner-wrap .skip-nav-wrap a:not(:focus) {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }

.breadcrumb-wrap {
  height: 45px;
  background: #f8f8f8; }
  .breadcrumb-wrap .breadcrumb-list:after {
    content: '';
    display: block;
    width: 100%;
    height: 0px;
    clear: both; }
  .breadcrumb-wrap .breadcrumb-list li {
    float: left;
    position: relative;
    padding-right: 20px; }
    .breadcrumb-wrap .breadcrumb-list li a {
      position: relative;
      display: inline-block;
      color: #5e5e5e;
      line-height: 45px;
      font-size: 1.3rem;
      letter-spacing: -0.65px; }
    .breadcrumb-wrap .breadcrumb-list li .ui-select-wrap {
      line-height: 45px; }
      .breadcrumb-wrap .breadcrumb-list li .ui-select-wrap .ui-selectmenu-button {
        color: #5e5e5e;
        width: 141px;
        background-color: transparent;
        border: none;
        padding: 0 15px 0 0; }
        .breadcrumb-wrap .breadcrumb-list li .ui-select-wrap .ui-selectmenu-button .ui-selectmenu-icon {
          width: 9px;
          height: 5px;
          background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_vpba_fryrpg_oernqpehzo.cat);
          right: 0;
          top: 13px; }
    .breadcrumb-wrap .breadcrumb-list li + li {
      margin-left: 19px; }
    .breadcrumb-wrap .breadcrumb-list li:after {
      content: '';
      position: absolute;
      display: inline-block;
      width: 1px;
      height: 15px;
      background: #e0e0e0;
      right: 0;
      top: 15px; }
    .breadcrumb-wrap .breadcrumb-list li:last-child:after {
      content: none; }
    .breadcrumb-wrap .breadcrumb-list li.home {
      padding-right: 16px; }
      .breadcrumb-wrap .breadcrumb-list li.home a {
        display: inline-block;
        width: 14px;
        background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_fho_oernqpehzo_ubzr.cat);
        background-repeat: no-repeat;
        background-position: left center;
        font-size: 0; }

.contents-inner-wrap {
  padding: 60px 0; }

.header-wrap .gnb-top .inner-wrap .skip-nav-wrap a:not(:focus) {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }

.info-system-wrap, .info-process-wrap {
  border: 1px solid #e0e0e0;
  text-align: center; }
  .info-system-wrap + .tbl-wrap, .info-process-wrap + .tbl-wrap {
    margin-top: 33px; }

.info-system-wrap {
  padding: 44px 0 63px; }

.info-process-wrap {
  padding: 47px 0 45px; }

.introduce .intro-header {
  position: relative;
  margin-top: 25px;
  padding: 0 60px; }
  .introduce .intro-header h3 {
    color: #1c66b1;
    line-height: 41.84px;
    font-size: 2.861rem;
    letter-spacing: -1.45px; }
    .introduce .intro-header h3 .small {
      line-height: 52.54px;
      font-size: 2.248rem;
      letter-spacing: -1.1px; }
  .introduce .intro-header .intro-header-bg {
    position: absolute;
    top: 54px;
    right: 72px; }
  .introduce .intro-header .desc {
    color: #5e5e5e;
    margin-top: 25px;
    line-height: 22px;
    font-size: 1.4rem;
    letter-spacing: -0.35px; }
  .introduce .intro-header .intro-step {
    margin-top: 65px;
    text-align: center; }
    .introduce .intro-header .intro-step .intro-step-list {
      display: inline-block; }
      .introduce .intro-header .intro-step .intro-step-list:after {
        content: '';
        display: block;
        width: 100%;
        height: 0px;
        clear: both; }
      .introduce .intro-header .intro-step .intro-step-list li {
        float: left; }
        .introduce .intro-header .intro-step .intro-step-list li + li {
          margin-left: 170px; }
        .introduce .intro-header .intro-step .intro-step-list li .intro-step-num {
          display: inline-block;
          width: 32px;
          height: 42px;
          background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Svagebqhpr%2Svagebqhpr_ahzore.cat) no-repeat 0 0;
          font-size: 0; }
        .introduce .intro-header .intro-step .intro-step-list li:nth-child(2) .intro-step-num {
          background-position: -32px 0; }
        .introduce .intro-header .intro-step .intro-step-list li:nth-child(3) .intro-step-num {
          background-position: -64px 0; }
        .introduce .intro-header .intro-step .intro-step-list li .intro-step-desc {
          display: block;
          color: #333;
          margin-top: 3px;
          text-align: center;
          line-height: 42px;
          font-weight: 700;
          font-size: 3.2rem;
          letter-spacing: -0.288px; }
          .introduce .intro-header .intro-step .intro-step-list li .intro-step-desc .small {
            font-weight: 400;
            font-size: 2.3rem;
            letter-spacing: -0.207px; }
          .introduce .intro-header .intro-step .intro-step-list li .intro-step-desc .point {
            color: #1c66b1; }
    .introduce .intro-header .intro-step .desc {
      margin-top: 67px;
      text-align: left; }

.introduce .img-wrap {
  margin-top: 47px; }
  .introduce .img-wrap.has-top {
    margin-top: 102px; }

.introduce-brand {
  margin-top: 25px;
  padding: 0 0 0 60px; }
  .introduce-brand .intro-section:after {
    content: '';
    display: block;
    width: 100%;
    height: 0px;
    clear: both; }
  .introduce-brand .intro-section + .intro-section {
    margin-top: 140px; }
  .introduce-brand .intro-section .intro-section-inner {
    float: left;
    width: calc(100% - 580px); }
    .introduce-brand .intro-section .intro-section-inner:first-child {
      width: 580px; }
  .introduce-brand .intro-section h3 {
    color: #1c66b1;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 500;
    font-size: 2.359rem;
    letter-spacing: -0.24px; }
    .introduce-brand .intro-section h3 + p {
      margin-top: 28px; }
  .introduce-brand .intro-section p {
    color: #5e5e5e;
    margin-top: 13px;
    line-height: 25px;
    font-size: 1.4rem;
    letter-spacing: -0.35px; }
  .introduce-brand .intro-section h4 {
    margin-top: 90px;
    font-size: 2.2rem;
    letter-spacing: -1.65px; }
  .introduce-brand .intro-section .ci-info {
    text-align: center; }
    .introduce-brand .intro-section .ci-info + .ci-info {
      margin-top: 102px; }
    .introduce-brand .intro-section .ci-info .ci-wrap {
      margin-right: 57px;
      text-align: right; }
    .introduce-brand .intro-section .ci-info span {
      display: block;
      color: #5e5e5e;
      margin: 20px 166px 0 0;
      text-align: right;
      font-size: 1.4rem;
      letter-spacing: -0.35px; }
  .introduce-brand .intro-section .color-info {
    margin: 115px 20px 0 0;
    text-align: right; }
    .introduce-brand .intro-section .color-info .color-info-list {
      display: inline-block; }
      .introduce-brand .intro-section .color-info .color-info-list:after {
        content: '';
        display: block;
        width: 100%;
        height: 0px;
        clear: both; }
      .introduce-brand .intro-section .color-info .color-info-list li {
        float: left;
        text-align: center; }
        .introduce-brand .intro-section .color-info .color-info-list li + li {
          margin-left: 55px; }
        .introduce-brand .intro-section .color-info .color-info-list li .color-circle {
          display: inline-block;
          color: #fff;
          width: 80px;
          height: 80px;
          border-radius: 40px;
          line-height: 80px;
          font-size: 1.5rem;
          letter-spacing: -0.75px; }
          .introduce-brand .intro-section .color-info .color-info-list li .color-circle.type1 {
            background: #1b67b2; }
          .introduce-brand .intro-section .color-info .color-info-list li .color-circle.type2 {
            background: #0715b9; }
        .introduce-brand .intro-section .color-info .color-info-list li .color-reason {
          display: block;
          margin-top: 17px;
          color: #5e5e5e;
          font-size: 1.4rem;
          letter-spacing: -0.35px; }
  .introduce-brand .intro-section .img-wrap {
    margin-top: 80px;
    text-align: center; }

.header-wrap .gnb-top .inner-wrap .skip-nav-wrap a:not(:focus) {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }

.fold-college-wrap {
  display: none;
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px dashed #e0e0e0; }
  .btn-fold-college.opened ~ .fold-college-wrap {
    display: block; }
  .fold-college-wrap .fold-college-search-wrap .search-title {
    display: inline-block;
    color: #000;
    margin-right: 20px;
    font-size: 1.3rem;
    letter-spacing: -0.65px; }
  .fold-college-wrap .fold-college-search-wrap .radio-check-wrap:last-of-type {
    padding-right: 15px; }
  .fold-college-wrap .tbl-wrap {
    margin-top: 9px; }

.selected-college-preset-list .preset-item {
  position: relative;
  border: 1px solid #e0e0e0; }
  .selected-college-preset-list .preset-item:hover, .selected-college-preset-list .preset-item:focus, .selected-college-preset-list .preset-item.selected {
    border-color: #1c66b1; }
  .selected-college-preset-list .preset-item .btn-data {
    width: 100%;
    padding: 16px 20px 17px;
    background: #fff;
    border: none;
    text-align: left; }
    .selected-college-preset-list .preset-item .btn-data .saved-date {
      color: #5e5e5e;
      font-size: 1.3rem;
      font-family: "Noto Sans KR", sans-serif; }
    .selected-college-preset-list .preset-item .btn-data .preset-value-list {
      display: block;
      margin-top: 8px; }
      .selected-college-preset-list .preset-item .btn-data .preset-value-list .preset-value-item {
        display: block; }
        .selected-college-preset-list .preset-item .btn-data .preset-value-list .preset-value-item .value-title {
          position: relative;
          display: inline-block;
          color: #1c66b1;
          padding-left: 6px;
          vertical-align: top;
          font-size: 1.3rem;
          letter-spacing: -0.65px; }
          .selected-college-preset-list .preset-item .btn-data .preset-value-list .preset-value-item .value-title:before {
            content: '';
            position: absolute;
            display: inline-block;
            width: 2px;
            height: 2px;
            background: #1c66b1;
            left: 0;
            top: 10px; }
        .selected-college-preset-list .preset-item .btn-data .preset-value-list .preset-value-item .value {
          display: inline-block;
          color: #333;
          max-width: calc(100% - 62px);
          font-family: "Noto Sans KR", sans-serif;
          font-size: 1.3rem; }
        .selected-college-preset-list .preset-item .btn-data .preset-value-list .preset-value-item + .preset-value-item {
          margin-top: 4px; }
  .selected-college-preset-list .preset-item .btn-preset-remove {
    position: absolute;
    width: 19px;
    height: 19px;
    background-color: #fff;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Shv%2Sohggba%2Soga_cerfrg_erzbir_vpba.cat);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #e0e0e0;
    padding: 0;
    top: 10px;
    right: 10px;
    font-size: 0; }
  .selected-college-preset-list .preset-item + .preset-item {
    margin-top: 10px; }

.dialog-compare-list-wrap {
  max-width: 414px; }
  .dialog-compare-list-wrap .compare-list-title {
    display: block;
    color: #333;
    margin-top: 19px;
    font-size: 1.3rem;
    letter-spacing: -0.65px; }
  .dialog-compare-list-wrap .dialog-compare-list {
    height: 322px;
    margin-top: 10px;
    border: 1px solid #e0e0e0;
    overflow-x: hidden;
    overflow-y: auto; }
    .dialog-compare-list-wrap .dialog-compare-list .compare-item {
      height: 32px; }
      .dialog-compare-list-wrap .dialog-compare-list .compare-item input[type=checkbox] {
        display: none; }
        .dialog-compare-list-wrap .dialog-compare-list .compare-item input[type=checkbox] + label {
          display: inline-block;
          color: #5e5e5e;
          width: 100%;
          padding-left: 10px;
          font-size: 1.3rem;
          letter-spacing: -0.65px;
          width: 100%;
          max-width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          line-height: normal;
          line-height: 32px;
          cursor: pointer; }
        .dialog-compare-list-wrap .dialog-compare-list .compare-item input[type=checkbox]:checked + label {
          background: #eff6fd; }

.dialog-compare-btn-wrap {
  position: relative;
  min-width: 62px;
  margin: 42px 15px 0; }
  .dialog-compare-btn-wrap .dialog-compare-btn-wrap-inner {
    position: absolute;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    .dialog-compare-btn-wrap .dialog-compare-btn-wrap-inner .btn.btn-compare-add:after {
      content: '';
      display: inline-block;
      width: 9px;
      height: 7px;
      margin-left: 5px;
      background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Shv%2Sohggba%2Soga_pbzcner_nqq_vpba.cat) no-repeat center;
      -webkit-transform: translateY(-1px);
      transform: translateY(-1px); }
    .dialog-compare-btn-wrap .dialog-compare-btn-wrap-inner .btn.btn-compare-remove:before {
      content: '';
      display: inline-block;
      width: 9px;
      height: 7px;
      margin-right: 5px;
      background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Shv%2Sohggba%2Soga_pbzcner_erzbir_vpba.cat) no-repeat center;
      -webkit-transform: translateY(-1px);
      transform: translateY(-1px); }
    .dialog-compare-btn-wrap .dialog-compare-btn-wrap-inner .btn + .btn {
      margin-top: 10px;
      margin-left: 0; }

.login-wrap {
  height: 440px;
  border: 2px solid #d2e0ef;
  text-align: center; }
  .login-wrap p {
    display: inline-block;
    margin-top: 60px;
    padding-top: 172px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sybtva%2Sybtva_ot.cat) no-repeat top center;
    font-size: 3rem;
    letter-spacing: -1.5px; }
    .login-wrap p + div {
      margin-top: 20px; }
      .login-wrap .login-btn {
      	color: #fff;
      	background: #1c66b1;
      	border-color: #1c66b1;
      	min-width: 150px;
      	padding: 15px 20px 15px;
      	line-height:1.4;
      	font-size: 1.5rem;
      	letter-spacing: -0.75px;
      	position: relative;
      	display: inline-block;
      	border: 1px solid #d4d4d4;
      	text-align: center;
      	cursor: pointer;
      }
      .login-wrap .login-btn .txt1 { font-size:18px; color:#fff; font-weight:600; }
      .login-wrap .login-btn .txt2 { font-size:12px; color:#d5d5d5; }

.login-footer {
  margin-top: 50px; }
  .login-footer p {
    color: #333;
    font-size: 1.3rem;
    letter-spacing: -0.65px; }
    

	.login-footer .login-footer-ul {
	  margin-top: 20px;
	}
	

	.login-footer .login-footer-ul li {
	  margin-bottom: 8px;
	  font-size: 1.3rem;
	  color: #777;
	}
	

	.login-footer .login-footer-ul li .txt1 {
	  color: #444;
	  font-weight: 600;
	}
	

	.login-footer .login-footer-ul li .link1 {
	  color: #3798dd;
	}
	
	.link1{
	   font-weight:600;
	}
	
	.login-footer .login-footer-ul li:last-child {
	  margin-bottom: 0;
	}
	

	.login-footer .login-footer-ul .last {
	  margin-bottom: 0;
	}
    
  .login-footer .login-footer-inner {
    margin-top: 15px;
    border: 1px solid #e2e2e2; }
    .login-footer .login-footer-inner:after {
      content: '';
      display: block;
      width: 100%;
      height: 0px;
      clear: both; }
    .login-footer .login-footer-inner div {
      position: relative;
      float: left;
      width: 50%;
      padding: 36px 0;
      height: 127px;
      text-align: center; }
      .login-footer .login-footer-inner div + div:before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 1px;
        height: 35px;
        background: #e2e2e2;
        left: 0;
        top: 46px; }
    .login-footer .login-footer-inner .btn-login-footer {
      position: relative;
      display: inline-block;
      color: #1c66b1;
      padding: 0 30px 0 85px;
      line-height: 55px;
      font-size: 1.7rem;
      letter-spacing: -0.425px; }
      .login-footer .login-footer-inner .btn-login-footer:before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 55px;
        height: 55px;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sybtva%2Sybtva_sbbgre_oga_vpba.cat) no-repeat 0 0;
        left: 0;
        top: 0; }
      .login-footer .login-footer-inner .btn-login-footer.update-cert {
        padding-left: 74px; }
        .login-footer .login-footer-inner .btn-login-footer.update-cert:before {
          background-position: right center; }
      .login-footer .login-footer-inner .btn-login-footer:after {
        content: '';
        position: absolute;
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sybtva%2Sybtva_sbbgre_oga_neebj_vpba.cat) no-repeat 0 0;
        right: 0;
        top: 18px; }

.join-step-wrap {
  margin-bottom: 30px; }
  .join-step-wrap .join-step-list:after {
    content: '';
    display: block;
    width: 100%;
    height: 0px;
    clear: both; }
  .join-step-wrap .join-step-list li {
    position: relative;
    float: left;
    width: calc((100% / 3) + 1px);
    height: 60px;
    margin-left: -1px;
    background: #f8f8f8;
    border: 1px solid #e0e0e0;
    text-align: center;
    line-height: 58px; }
    .join-step-wrap .join-step-list li span {
      position: relative;
      display: inline-block;
      color: #5e5e5e;
      padding-left: 30px;
      line-height: 20px;
      font-size: 1.5rem;
      letter-spacing: -0.75px; }
      .join-step-wrap .join-step-list li span:before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Swbva%2Swbva_fgrc_vpba.cat) no-repeat 0 0;
        left: 0; }
      .join-step-wrap .join-step-list li span.step2:before {
        background-position: -20px 0; }
      .join-step-wrap .join-step-list li span.step3:before {
        background-position: -40px 0; }
    .join-step-wrap .join-step-list li.current {
      background: #fff;
      border-color: #1c66b1;
      z-index: 1; }
      .join-step-wrap .join-step-list li.current span {
        color: #1c66b1; }
        .join-step-wrap .join-step-list li.current span.step1:before {
          background-position: 0 -20px; }
        .join-step-wrap .join-step-list li.current span.step2:before {
          background-position: -20px -20px; }
        .join-step-wrap .join-step-list li.current span.step3:before {
          background-position: -40px -20px; }

.join-term-wrap .term-title {
  color: #333;
  font-size: 1.5rem;
  letter-spacing: -0.75px; }

.join-term-wrap .join-term {
  height: 256px;
  margin-top: 15px;
  padding: 20px;
  border: 1px solid #e0e0e0;
  overflow-x: hidden;
  overflow-y: scroll; }
  .join-term-wrap .join-term ol li {
    color: #5e5e5e;
    line-height: 21px;
    font-size: 1.3rem;
    letter-spacing: -0.65px; }
    .join-term-wrap .join-term ol li.chapter {
      margin-top: 6px; }

.join-term-wrap .term-desc {
  display: inline-block;
  color: #5e5e5e;
  margin-top: 10px;
  font-size: 1.3rem;
  letter-spacing: -0.65px; }

.join-term-wrap + .join-term-wrap {
  margin-top: 30px; }

.join-term-wrap ~ .radio-check-wrap {
  margin-top: 13px; }

.join-term-wrap ~ .btn-wrap {
  margin-top: 40px; }

.join-complete-wrap {
  margin-top: 120px; }
  .join-complete-wrap p {
    color: #5e5e5e;
    padding-top: 112px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Swbva%2Swbva_pbzcyrgr_vpba.cat) no-repeat center top;
    text-align: center;
    line-height: 23px;
    font-size: 1.5rem;
    letter-spacing: -0.375px; }
    .join-complete-wrap p span {
      color: #333; }
  .join-complete-wrap + .btn-wrap {
    margin-top: 43px; }

.tbl-find-id input[type=text] {
  width: 331px; }

.tbl-find-id .input-desc {
  color: #5e5e5e;
  margin-left: 9px;
  font-size: 1.3rem;
  letter-spacing: -0.65px; }

.find-id-result-wrap {
  min-height: 122px;
  margin-top: 30px;
  padding-top: 30px;
  background: #f7f7f7;
  text-align: center; }
  .find-id-result-wrap p {
    color: #333;
    padding-top: 46px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sybtva%2Sybtva_svaq_vq_vpba.cat) no-repeat top center;
    font-size: 1.5rem;
    letter-spacing: -0.75px; }
    .find-id-result-wrap p span {
      color: #1c66b1; }

.header-wrap .gnb-top .inner-wrap .skip-nav-wrap a:not(:focus) {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }

.full-keyword-search-box {
  height: 113px;
  padding: 32px 0 0;
  background: #f7f7f7;
  border-top: 1px solid #eaeaea;
  text-align: center;
  /*+ .relation-keyword-wrap {
        margin: 15px 0;
    }*/ }
  .full-keyword-search-box .search-value {
    color: #000;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 2.5rem;
    letter-spacing: -0.625px; }
    .full-keyword-search-box .search-value span {
      color: #1c66b1;
      font-weight: 700; }
  .full-keyword-search-box .formula {
    display: inline-block;
    color: #5e5e5e;
    margin-top: 11px;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 1.3rem;
    letter-spacing: -0.325px; }
  .full-keyword-search-box + .tbl-wrap {
    margin-top: 20px; }

.relation-keyword-wrap {
  display: table;
  margin: 15px 0 25px; }
  .relation-keyword-wrap .badge-wrap, .relation-keyword-wrap .keyword-list-wrap {
    display: table-cell;
    vertical-align: top; }
  .relation-keyword-wrap .badge-wrap {
    min-width: 52px;
    margin-right: 14px; }
    .relation-keyword-wrap .badge-wrap .badge {
      display: block;
      padding: 0;
      border: 1px solid #cdcdcd;
      text-align: center;
      font-weight: 500;
      line-height: 17px;
      font-size: 1.2rem;
      letter-spacing: -0.6px; }
  .relation-keyword-wrap .keyword-list-wrap {
    display: table-cell;
    width: 100%; }
    .relation-keyword-wrap .keyword-list-wrap .keyword-list {
      margin-left: 14px; }
      .relation-keyword-wrap .keyword-list-wrap .keyword-list:after {
        content: '';
        display: block;
        width: 100%;
        height: 0px;
        clear: both; }
      .relation-keyword-wrap .keyword-list-wrap .keyword-list li {
        float: left; }
        .relation-keyword-wrap .keyword-list-wrap .keyword-list li + li {
          margin-left: 25px; }
        .relation-keyword-wrap .keyword-list-wrap .keyword-list li a {
          color: #1c66b1;
          line-height: 19px;
          font-size: 1.3rem;
          letter-spacing: -0.65px; }
  .relation-keyword-wrap + .keyword-result-wrap {
    margin-top: 28px; }
  .relation-keyword-wrap + .college-search-result {
    margin-top: 30px; }

.keyword-result-wrap + .college-search-result {
  margin-top: 14px; }

.keyword-result-wrap + .keyword-result-wrap {
  margin-top: 24px; }

.disclosure-item-wrap + .college-info-box {
  margin-top: 15px; }

.relation-keyword-wrap + .tbl-wrap {
  margin-top: 15px; }

.relation-keyword-wrap ~ .ui-tabs-wrap {
  margin-top: 40px; }

.search-result-college-list-wrap {
  margin-top: 19px; }
  .search-result-college-list-wrap .search-result-college-list {
    border-top: 1px solid #e0e0e0; }
    .search-result-college-list-wrap .search-result-college-list .search-result-college-list-item {
      border-bottom: 1px solid #e0e0e0; }
      .search-result-college-list-wrap .search-result-college-list .search-result-college-list-item .item-fold {
        position: relative;
        color: #333;
        width: 100%;
        height: 59px;
        padding: 0 30px;
        background: #fff;
        border: none;
        text-align: left;
        font-size: 1.5rem;
        letter-spacing: -0.375px; }
        .search-result-college-list-wrap .search-result-college-list .search-result-college-list-item .item-fold span {
          position: absolute;
          display: inline-block;
          color: #5e5e5e;
          padding-right: 17px;
          line-height: 1;
          right: 30px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          font-size: 1.3rem;
          letter-spacing: -0.325px; }
          .search-result-college-list-wrap .search-result-college-list .search-result-college-list-item .item-fold span:after {
            content: '';
            position: absolute;
            display: inline-block;
            width: 11px;
            height: 6px;
            background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sfrnepu%2Sfrnepu_pbyyrtr_vgrz_sbyq_vpba.cat);
            background-repeat: no-repeat;
            background-position: 0 0;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
      .search-result-college-list-wrap .search-result-college-list .search-result-college-list-item .college-indicator-wrap {
        display: none;
        padding: 21px 30px;
        border-top: 1px dashed #ebebeb; }
      .search-result-college-list-wrap .search-result-college-list .search-result-college-list-item.opened .item-fold {
        color: #1c66b1; }
        .search-result-college-list-wrap .search-result-college-list .search-result-college-list-item.opened .item-fold span:after {
          background-position: 0 -6px; }
      .search-result-college-list-wrap .search-result-college-list .search-result-college-list-item.opened .college-indicator-wrap {
        display: block; }
  .search-result-college-list-wrap .btn-more-wrap {
    margin-top: 20px; }
    .search-result-college-list-wrap .btn-more-wrap .btn-college-list-more {
      color: #5e5e5e;
      width: 100%;
      height: 45px;
      background: #fff;
      border: 1px solid #e0e0e0;
      font-size: 1.3rem;
      letter-spacing: -0.325px; }
      .search-result-college-list-wrap .btn-more-wrap .btn-college-list-more:after {
        content: '';
        display: inline-block;
        width: 11px;
        height: 11px;
        margin-left: 9px;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sfrnepu%2Sfrnepu_pbyyrtr_vgrz_zber_vpba.cat) no-repeat center;
        -webkit-transform: translateY(1px);
        transform: translateY(1px); }

.header-wrap .gnb-top .inner-wrap .skip-nav-wrap a:not(:focus) {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }

.keyword-search-wrap {
  height: 215px;
  padding: 49px 178px 0;
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sqrcnegzrag%2Sxrljbeq_frnepu_ot.cat) no-repeat center; }
  .keyword-search-wrap .title-wrap:after {
    content: '';
    display: block;
    width: 100%;
    height: 0px;
    clear: both; }
  .keyword-search-wrap .title-wrap .title {
    display: inline-block;
    color: #333;
    font-size: 2.5rem;
    letter-spacing: -1.25px; }
    .keyword-search-wrap .title-wrap .title span {
      font-weight: 700; }
  .keyword-search-wrap .title-wrap .right-wrap {
    float: right;
    line-height: 25px; }
    .keyword-search-wrap .title-wrap .right-wrap .ui-select-wrap + .radio-check-wrap {
      margin-left: 5px;
      vertical-align: middle; }
    .keyword-search-wrap .title-wrap .right-wrap .radio-check-wrap {
      line-height: normal;
      vertical-align: bottom; }
  .keyword-search-wrap .search-input-wrap .search-input-wrap-inner {
    position: relative;
    margin-top: 19px; }
    .keyword-search-wrap .search-input-wrap .search-input-wrap-inner input[type=text] {
      color: #333;
      height: 52px;
      padding: 0 51px 0 13px;
      border: 2px solid #1c66b1;
      font-size: 1.3rem; }
      .keyword-search-wrap .search-input-wrap .search-input-wrap-inner input[type=text]::-webkit-input-placeholder {
        color: #5e5e5e; }
      .keyword-search-wrap .search-input-wrap .search-input-wrap-inner input[type=text]:-ms-input-placeholder {
        color: #5e5e5e; }
      .keyword-search-wrap .search-input-wrap .search-input-wrap-inner input[type=text]::-ms-input-placeholder {
        color: #5e5e5e; }
      .keyword-search-wrap .search-input-wrap .search-input-wrap-inner input[type=text]::placeholder {
        color: #5e5e5e; }
      .keyword-search-wrap .search-input-wrap .search-input-wrap-inner input[type=text]:-ms-input-placeholder {
        color: #5e5e5e; }
      .keyword-search-wrap .search-input-wrap .search-input-wrap-inner input[type=text]::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #5e5e5e; }
    .keyword-search-wrap .search-input-wrap .search-input-wrap-inner .btn-search {
      position: absolute;
      width: 51px;
      height: 48px;
      background: transparent url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_tao_frnepu_oga_vpba.cat) no-repeat center;
      border: none;
      top: 2px;
      right: 2px;
      font-size: 0; }
  .keyword-search-wrap .search-input-wrap .notice-text {
    margin-top: 11px; }

.keyword-search-info-wrap {
  border: 1px solid #e0e0e0; }
  .keyword-search-info-wrap .keyword-search-info {
    padding: 33px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between; }
    .keyword-search-info-wrap .keyword-search-info > div {
      position: relative;
      color: #1c66b1;
      width: 100%;
      height: 82px;
      padding-left: 137px; }
      .keyword-search-info-wrap .keyword-search-info > div:before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 89px;
        height: 78px;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sqrcnegzrag%2Sxrljbeq_vasb_vpba.cat) no-repeat 0 0;
        left: 30px;
        top: 6px; }
      .keyword-search-info-wrap .keyword-search-info > div:nth-child(2):before {
        background-position: -89px 0; }
      .keyword-search-info-wrap .keyword-search-info > div:nth-child(2) .info-title:before {
        background-position: -19px 0; }
      .keyword-search-info-wrap .keyword-search-info > div:nth-child(3):before {
        background-position: -178px 0; }
      .keyword-search-info-wrap .keyword-search-info > div:nth-child(3) .info-title:before {
        background-position: -38px 0; }
      .keyword-search-info-wrap .keyword-search-info > div .info-title {
        position: relative;
        color: #1c66b1;
        margin-top: 10px;
        padding-left: 23px;
        line-height: 19px;
        font-size: 1.8rem;
        letter-spacing: -0.9px; }
        .keyword-search-info-wrap .keyword-search-info > div .info-title:before {
          content: '';
          position: absolute;
          display: inline-block;
          width: 19px;
          height: 19px;
          background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sqrcnegzrag%2Sxrljbeq_vasb_ab_vpba.cat) no-repeat 0 0;
          left: 0;
          top: 0; }
      .keyword-search-info-wrap .keyword-search-info > div .info-desc {
        color: #5e5e5e;
        margin-top: 13px;
        line-height: 19px;
        font-size: 1.3rem;
        letter-spacing: -0.65px; }
      .keyword-search-info-wrap .keyword-search-info > div + div {
        border-left: 1px dashed #e0e0e0; }
  .keyword-search-info-wrap .keyword-search-flow {
    margin: 30px 0 35px;
    text-align: center; }

.keyword-chart-wrap {
  margin-top: 30px;
  border: 1px solid #e8e8e8; }
  .keyword-chart-wrap .flex-box-inner:first-child {
    padding-right: 10px; }
  .keyword-chart-wrap .flex-box-inner:nth-child(2) {
    padding-right: 40px;
    padding-left: 30px; }
  .keyword-chart-wrap .tbl-wrap {
    margin-top: 93px; }
  .keyword-chart-wrap + .tbl-wrap {
    margin-top: 60px; }

.specificity-class-wrap, .standard-class-wrap {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .specificity-class-wrap:after, .standard-class-wrap:after {
    content: '';
    display: block;
    width: 100%;
    height: 0px;
    clear: both; }
  .specificity-class-wrap ~ .standard-class-flex-wrap, .standard-class-wrap ~ .standard-class-flex-wrap {
    margin-top: 20px; }
    .specificity-class-wrap ~ .standard-class-flex-wrap ~ .tbl-wrap, .standard-class-wrap ~ .standard-class-flex-wrap ~ .tbl-wrap {
      margin-top: 30px; }
  .specificity-class-wrap .btn-specificity-class, .specificity-class-wrap .btn-standard-class, .standard-class-wrap .btn-specificity-class, .standard-class-wrap .btn-standard-class {
    position: relative;
    float: left;
    color: #5e5e5e;
    height: 148px;
    margin-left: -1px;
    padding-top: 87px;
    background: transparent;
    border: 1px solid #dedede;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-size: 1.3rem;
    letter-spacing: -0.65px; }
    .specificity-class-wrap .btn-specificity-class span, .specificity-class-wrap .btn-standard-class span, .standard-class-wrap .btn-specificity-class span, .standard-class-wrap .btn-standard-class span {
      line-height: 17px; }
    .specificity-class-wrap .btn-specificity-class.selected, .specificity-class-wrap .btn-standard-class.selected, .standard-class-wrap .btn-specificity-class.selected, .standard-class-wrap .btn-standard-class.selected {
      color: #1c66b1;
      border-color: #1c66b1;
      z-index: 1; }
  .specificity-class-wrap .btn-specificity-class, .standard-class-wrap .btn-specificity-class {
    width: calc((100% / 7) + 1px); }
    .specificity-class-wrap .btn-specificity-class:nth-child(n+8), .standard-class-wrap .btn-specificity-class:nth-child(n+8) {
      margin-top: -1px; }
    .specificity-class-wrap .btn-specificity-class:before, .standard-class-wrap .btn-specificity-class:before {
      content: '';
      position: absolute;
      display: inline-block;
      width: 66px;
      height: 66px;
      background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sqrcnegzrag%2Sfcrpvsvpvgl_pynff_vpba.cat);
      background-repeat: no-repeat;
      left: 50%;
      top: 27px;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    .specificity-class-wrap .btn-specificity-class:nth-child(1):before, .standard-class-wrap .btn-specificity-class:nth-child(1):before {
      background-position: 0px 0px; }
    .specificity-class-wrap .btn-specificity-class:nth-child(2):before, .standard-class-wrap .btn-specificity-class:nth-child(2):before {
      background-position: -66px 0px; }
    .specificity-class-wrap .btn-specificity-class:nth-child(3):before, .standard-class-wrap .btn-specificity-class:nth-child(3):before {
      background-position: -132px 0px; }
    .specificity-class-wrap .btn-specificity-class:nth-child(4):before, .standard-class-wrap .btn-specificity-class:nth-child(4):before {
      background-position: -198px 0px; }
    .specificity-class-wrap .btn-specificity-class:nth-child(5):before, .standard-class-wrap .btn-specificity-class:nth-child(5):before {
      background-position: -264px 0px; }
    .specificity-class-wrap .btn-specificity-class:nth-child(6):before, .standard-class-wrap .btn-specificity-class:nth-child(6):before {
      background-position: -330px 0px; }
    .specificity-class-wrap .btn-specificity-class:nth-child(7):before, .standard-class-wrap .btn-specificity-class:nth-child(7):before {
      background-position: -396px 0px; }
    .specificity-class-wrap .btn-specificity-class:nth-child(8):before, .standard-class-wrap .btn-specificity-class:nth-child(8):before {
      background-position: 0px -66px; }
    .specificity-class-wrap .btn-specificity-class:nth-child(9):before, .standard-class-wrap .btn-specificity-class:nth-child(9):before {
      background-position: -66px -66px; }
    .specificity-class-wrap .btn-specificity-class:nth-child(10):before, .standard-class-wrap .btn-specificity-class:nth-child(10):before {
      background-position: -132px -66px; }
    .specificity-class-wrap .btn-specificity-class:nth-child(11):before, .standard-class-wrap .btn-specificity-class:nth-child(11):before {
      background-position: -198px -66px; }
    .specificity-class-wrap .btn-specificity-class:nth-child(12):before, .standard-class-wrap .btn-specificity-class:nth-child(12):before {
      background-position: -264px -66px; }
    .specificity-class-wrap .btn-specificity-class:nth-child(13):before, .standard-class-wrap .btn-specificity-class:nth-child(13):before {
      background-position: -330px -66px; }
    .specificity-class-wrap .btn-specificity-class:nth-child(14):before, .standard-class-wrap .btn-specificity-class:nth-child(14):before {
      background-position: -396px -66px; }
    .specificity-class-wrap .btn-specificity-class:nth-child(15):before, .standard-class-wrap .btn-specificity-class:nth-child(15):before {
      background-position: 0px -132px; }
    .specificity-class-wrap .btn-specificity-class.selected:nth-child(1):before, .standard-class-wrap .btn-specificity-class.selected:nth-child(1):before {
      background-position: 0px -132px; }
    .specificity-class-wrap .btn-specificity-class.selected:nth-child(2):before, .standard-class-wrap .btn-specificity-class.selected:nth-child(2):before {
      background-position: -66px -132px; }
    .specificity-class-wrap .btn-specificity-class.selected:nth-child(3):before, .standard-class-wrap .btn-specificity-class.selected:nth-child(3):before {
      background-position: -132px -132px; }
    .specificity-class-wrap .btn-specificity-class.selected:nth-child(4):before, .standard-class-wrap .btn-specificity-class.selected:nth-child(4):before {
      background-position: -198px -132px; }
    .specificity-class-wrap .btn-specificity-class.selected:nth-child(5):before, .standard-class-wrap .btn-specificity-class.selected:nth-child(5):before {
      background-position: -264px -132px; }
    .specificity-class-wrap .btn-specificity-class.selected:nth-child(6):before, .standard-class-wrap .btn-specificity-class.selected:nth-child(6):before {
      background-position: -330px -132px; }
    .specificity-class-wrap .btn-specificity-class.selected:nth-child(7):before, .standard-class-wrap .btn-specificity-class.selected:nth-child(7):before {
      background-position: -396px -132px; }
    .specificity-class-wrap .btn-specificity-class.selected:nth-child(8):before, .standard-class-wrap .btn-specificity-class.selected:nth-child(8):before {
      background-position: 0px -198px; }
    .specificity-class-wrap .btn-specificity-class.selected:nth-child(9):before, .standard-class-wrap .btn-specificity-class.selected:nth-child(9):before {
      background-position: -66px -198px; }
    .specificity-class-wrap .btn-specificity-class.selected:nth-child(10):before, .standard-class-wrap .btn-specificity-class.selected:nth-child(10):before {
      background-position: -132px -198px; }
    .specificity-class-wrap .btn-specificity-class.selected:nth-child(11):before, .standard-class-wrap .btn-specificity-class.selected:nth-child(11):before {
      background-position: -198px -198px; }
    .specificity-class-wrap .btn-specificity-class.selected:nth-child(12):before, .standard-class-wrap .btn-specificity-class.selected:nth-child(12):before {
      background-position: -264px -198px; }
    .specificity-class-wrap .btn-specificity-class.selected:nth-child(13):before, .standard-class-wrap .btn-specificity-class.selected:nth-child(13):before {
      background-position: -330px -198px; }
    .specificity-class-wrap .btn-specificity-class.selected:nth-child(14):before, .standard-class-wrap .btn-specificity-class.selected:nth-child(14):before {
      background-position: -396px -198px; }
    .specificity-class-wrap .btn-specificity-class.selected:nth-child(15):before, .standard-class-wrap .btn-specificity-class.selected:nth-child(15):before {
      background-position: 0px -264px; }
  .specificity-class-wrap .btn-standard-class, .standard-class-wrap .btn-standard-class {
    width: calc((100% / 5) + 1px); }
    .specificity-class-wrap .btn-standard-class:nth-child(n+6), .standard-class-wrap .btn-standard-class:nth-child(n+6) {
      margin-top: -1px; }
    .specificity-class-wrap .btn-standard-class:before, .standard-class-wrap .btn-standard-class:before {
      content: '';
      position: absolute;
      display: inline-block;
      width: 65px;
      height: 65px;
      background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sqrcnegzrag%2Sfgnaqneq_pynff_vpba.cat);
      background-repeat: no-repeat;
      left: 50%;
      top: 27px;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    .specificity-class-wrap .btn-standard-class.icon-1:before, .standard-class-wrap .btn-standard-class.icon-1:before {
      background-position: 0px 0px; }
    .specificity-class-wrap .btn-standard-class.icon-2:before, .standard-class-wrap .btn-standard-class.icon-2:before {
      background-position: -65px 0px; }
    .specificity-class-wrap .btn-standard-class.icon-3:before, .standard-class-wrap .btn-standard-class.icon-3:before {
      background-position: -130px 0px; }
    .specificity-class-wrap .btn-standard-class.icon-4:before, .standard-class-wrap .btn-standard-class.icon-4:before {
      background-position: -195px 0px; }
    .specificity-class-wrap .btn-standard-class.icon-5:before, .standard-class-wrap .btn-standard-class.icon-5:before {
      background-position: -260px 0px; }
    .specificity-class-wrap .btn-standard-class.icon-6:before, .standard-class-wrap .btn-standard-class.icon-6:before {
      background-position: -325px 0px; }
    .specificity-class-wrap .btn-standard-class.icon-7:before, .standard-class-wrap .btn-standard-class.icon-7:before {
      background-position: -390px 0px; }
    .specificity-class-wrap .btn-standard-class.icon-8:before, .standard-class-wrap .btn-standard-class.icon-8:before {
      background-position: 0px -65px; }
    .specificity-class-wrap .btn-standard-class.icon-9:before, .standard-class-wrap .btn-standard-class.icon-9:before {
      background-position: -65px -65px; }
    .specificity-class-wrap .btn-standard-class.icon-10:before, .standard-class-wrap .btn-standard-class.icon-10:before {
      background-position: -130px -65px; }
    .specificity-class-wrap .btn-standard-class.icon-11:before, .standard-class-wrap .btn-standard-class.icon-11:before {
      background-position: -195px -65px; }
    .specificity-class-wrap .btn-standard-class.icon-12:before, .standard-class-wrap .btn-standard-class.icon-12:before {
      background-position: -260px -65px; }
    .specificity-class-wrap .btn-standard-class.icon-13:before, .standard-class-wrap .btn-standard-class.icon-13:before {
      background-position: -325px -65px; }
    .specificity-class-wrap .btn-standard-class.icon-14:before, .standard-class-wrap .btn-standard-class.icon-14:before {
      background-position: -390px -65px; }
    .specificity-class-wrap .btn-standard-class.icon-15:before, .standard-class-wrap .btn-standard-class.icon-15:before {
      background-position: 0px -130px; }
    .specificity-class-wrap .btn-standard-class.icon-16:before, .standard-class-wrap .btn-standard-class.icon-16:before {
      background-position: -65px -130px; }
    .specificity-class-wrap .btn-standard-class.icon-17:before, .standard-class-wrap .btn-standard-class.icon-17:before {
      background-position: -130px -130px; }
    .specificity-class-wrap .btn-standard-class.icon-18:before, .standard-class-wrap .btn-standard-class.icon-18:before {
      background-position: -195px -130px; }
    .specificity-class-wrap .btn-standard-class.icon-19:before, .standard-class-wrap .btn-standard-class.icon-19:before {
      background-position: -260px -130px; }
    .specificity-class-wrap .btn-standard-class.icon-20:before, .standard-class-wrap .btn-standard-class.icon-20:before {
      background-position: -325px -130px; }
    .specificity-class-wrap .btn-standard-class.icon-21:before, .standard-class-wrap .btn-standard-class.icon-21:before {
      background-position: -390px -130px; }
    .specificity-class-wrap .btn-standard-class.icon-22:before, .standard-class-wrap .btn-standard-class.icon-22:before {
      background-position: 0px -195px; }
    .specificity-class-wrap .btn-standard-class.icon-23:before, .standard-class-wrap .btn-standard-class.icon-23:before {
      background-position: -65px -195px; }
    .specificity-class-wrap .btn-standard-class.icon-24:before, .standard-class-wrap .btn-standard-class.icon-24:before {
      background-position: -130px -195px; }
    .specificity-class-wrap .btn-standard-class.icon-25:before, .standard-class-wrap .btn-standard-class.icon-25:before {
      background-position: -195px -195px; }
    .specificity-class-wrap .btn-standard-class.icon-26:before, .standard-class-wrap .btn-standard-class.icon-26:before {
      background-position: -260px -195px; }
    .specificity-class-wrap .btn-standard-class.icon-27:before, .standard-class-wrap .btn-standard-class.icon-27:before {
      background-position: -325px -195px; }
    .specificity-class-wrap .btn-standard-class.icon-28:before, .standard-class-wrap .btn-standard-class.icon-28:before {
      background-position: -390px -195px; }
    .specificity-class-wrap .btn-standard-class.icon-29:before, .standard-class-wrap .btn-standard-class.icon-29:before {
      background-position: 0px -260px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-1:before, .standard-class-wrap .btn-standard-class.selected.icon-1:before {
      background-position: 0px -260px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-2:before, .standard-class-wrap .btn-standard-class.selected.icon-2:before {
      background-position: -65px -260px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-3:before, .standard-class-wrap .btn-standard-class.selected.icon-3:before {
      background-position: -130px -260px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-4:before, .standard-class-wrap .btn-standard-class.selected.icon-4:before {
      background-position: -195px -260px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-5:before, .standard-class-wrap .btn-standard-class.selected.icon-5:before {
      background-position: -260px -260px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-6:before, .standard-class-wrap .btn-standard-class.selected.icon-6:before {
      background-position: -325px -260px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-7:before, .standard-class-wrap .btn-standard-class.selected.icon-7:before {
      background-position: -390px -260px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-8:before, .standard-class-wrap .btn-standard-class.selected.icon-8:before {
      background-position: 0px -325px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-9:before, .standard-class-wrap .btn-standard-class.selected.icon-9:before {
      background-position: -65px -325px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-10:before, .standard-class-wrap .btn-standard-class.selected.icon-10:before {
      background-position: -130px -325px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-11:before, .standard-class-wrap .btn-standard-class.selected.icon-11:before {
      background-position: -195px -325px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-12:before, .standard-class-wrap .btn-standard-class.selected.icon-12:before {
      background-position: -260px -325px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-13:before, .standard-class-wrap .btn-standard-class.selected.icon-13:before {
      background-position: -325px -325px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-14:before, .standard-class-wrap .btn-standard-class.selected.icon-14:before {
      background-position: -390px -325px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-15:before, .standard-class-wrap .btn-standard-class.selected.icon-15:before {
      background-position: 0px -390px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-16:before, .standard-class-wrap .btn-standard-class.selected.icon-16:before {
      background-position: -65px -390px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-17:before, .standard-class-wrap .btn-standard-class.selected.icon-17:before {
      background-position: -130px -390px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-18:before, .standard-class-wrap .btn-standard-class.selected.icon-18:before {
      background-position: -195px -390px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-19:before, .standard-class-wrap .btn-standard-class.selected.icon-19:before {
      background-position: -260px -390px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-20:before, .standard-class-wrap .btn-standard-class.selected.icon-20:before {
      background-position: -325px -390px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-21:before, .standard-class-wrap .btn-standard-class.selected.icon-21:before {
      background-position: -390px -390px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-22:before, .standard-class-wrap .btn-standard-class.selected.icon-22:before {
      background-position: 0px -455px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-23:before, .standard-class-wrap .btn-standard-class.selected.icon-23:before {
      background-position: -65px -455px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-24:before, .standard-class-wrap .btn-standard-class.selected.icon-24:before {
      background-position: -130px -455px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-25:before, .standard-class-wrap .btn-standard-class.selected.icon-25:before {
      background-position: -195px -455px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-26:before, .standard-class-wrap .btn-standard-class.selected.icon-26:before {
      background-position: -260px -455px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-27:before, .standard-class-wrap .btn-standard-class.selected.icon-27:before {
      background-position: -325px -455px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-28:before, .standard-class-wrap .btn-standard-class.selected.icon-28:before {
      background-position: -390px -455px; }
    .specificity-class-wrap .btn-standard-class.selected.icon-29:before, .standard-class-wrap .btn-standard-class.selected.icon-29:before {
      background-position: 0px -520px; }

.specificity-class-detail-wrap {
  background: #f5f5f5;
  padding: 20px 18px;
  border: 1px solid #dedede;
  border-top: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between; }
  .specificity-class-detail-wrap > div {
    width: 100%;
    border: 1px solid #e0e0e0; }
    .specificity-class-detail-wrap > div + div {
      margin-left: 20px; }
  .specificity-class-detail-wrap .specificity-class-detail-header {
    color: #333;
    padding: 0 15px;
    background: #fbfbfb;
    border-bottom: 1px solid #e0e0e0;
    line-height: 45px;
    font-size: 1.5rem;
    letter-spacing: -0.75px; }
  .specificity-class-detail-wrap .specificity-class-detail-list {
    height: 320px;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto; }
    .specificity-class-detail-wrap .specificity-class-detail-list .detail-item-no-data {
      position: relative;
      color: #5e5e5e;
      height: 100%;
      padding-top: 178px;
      text-align: center;
      font-size: 1.3rem;
      letter-spacing: -0.325px; }
      .specificity-class-detail-wrap .specificity-class-detail-list .detail-item-no-data:before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 36px;
        height: 36px;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_ab_qngn_purpx.cat) no-repeat center;
        left: 50%;
        top: 130px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); }
    .specificity-class-detail-wrap .specificity-class-detail-list .detail-item {
      height: 32px; }
      .specificity-class-detail-wrap .specificity-class-detail-list .detail-item input[type=radio] {
        display: none; }
        .specificity-class-detail-wrap .specificity-class-detail-list .detail-item input[type=radio] + label {
          display: inline-block;
          color: #5e5e5e;
          width: 100%;
          padding-left: 10px;
          font-size: 1.3rem;
          letter-spacing: -0.65px;
          width: 100%;
          max-width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          line-height: normal;
          line-height: 32px;
          cursor: pointer; }
        .specificity-class-detail-wrap .specificity-class-detail-list .detail-item input[type=radio]:checked + label {
          color: #1c66b1;
          background: #eff6fd; }
  .specificity-class-detail-wrap + .detail-search-wrap {
    margin-top: 20px; }

.standard-class-page-head {
  padding-bottom: 6px;
  margin-bottom: 25px;
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sqrcnegzrag%2Sfgnaqneq_pynff_urnq_ot.cat) no-repeat right bottom; }

.standard-class-info {
  color: #5e5e5e;
  line-height: 25px;
  font-size: 1.5rem;
  letter-spacing: -0.375px; }

.standard-class-desc {
  color: #5e5e5e;
  margin: 10px 0;
  font-size: 1.3rem;
  letter-spacing: -0.65px; }

.standard-class-large li.ui-tab {
  height: 62px !important; }
  .standard-class-large li.ui-tab .ui-tabs-anchor {
    line-height: 60px !important; }
    .standard-class-large li.ui-tab .ui-tabs-anchor:before {
      content: "";
      display: inline-block;
      width: 26px;
      height: 26px;
      margin-right: 13px;
      vertical-align: middle;
      background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sqrcnegzrag%2Sfgnaqneq-pynff-ynetr-vpba.cat);
      background-repeat: no-repeat;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    .standard-class-large li.ui-tab .ui-tabs-anchor.icon-1:before {
      background-position: 0px 0; }
    .standard-class-large li.ui-tab .ui-tabs-anchor.icon-2:before {
      background-position: -26px 0; }
    .standard-class-large li.ui-tab .ui-tabs-anchor.icon-3:before {
      background-position: -52px 0; }
    .standard-class-large li.ui-tab .ui-tabs-anchor.icon-4:before {
      background-position: -78px 0; }
    .standard-class-large li.ui-tab .ui-tabs-anchor.icon-5:before {
      background-position: -104px 0; }
    .standard-class-large li.ui-tab .ui-tabs-anchor.icon-6:before {
      background-position: 0px 0; }
  .standard-class-large li.ui-tab.ui-tabs-active .ui-tabs-anchor.icon-1:before {
    background-position: 0px -26px; }
  .standard-class-large li.ui-tab.ui-tabs-active .ui-tabs-anchor.icon-2:before {
    background-position: -26px -26px; }
  .standard-class-large li.ui-tab.ui-tabs-active .ui-tabs-anchor.icon-3:before {
    background-position: -52px -26px; }
  .standard-class-large li.ui-tab.ui-tabs-active .ui-tabs-anchor.icon-4:before {
    background-position: -78px -26px; }
  .standard-class-large li.ui-tab.ui-tabs-active .ui-tabs-anchor.icon-5:before {
    background-position: -104px -26px; }
  .standard-class-large li.ui-tab.ui-tabs-active .ui-tabs-anchor.icon-6:before {
    background-position: 0px -52px; }

.tbl-wrap.standard-class {
  border: none; }
  .tbl-wrap.standard-class .tbl-col th {
    color: #fff;
    border: none;
    font-weight: 700;
    font-size: 1.7rem;
    letter-spacing: -0.85px; }
    .tbl-wrap.standard-class .tbl-col th:nth-child(1) {
      background: #8babd8; }
    .tbl-wrap.standard-class .tbl-col th:nth-child(2) {
      background: #6996cc; }
    .tbl-wrap.standard-class .tbl-col th:nth-child(3) {
      background: #7d87ce; }
    .tbl-wrap.standard-class .tbl-col th:nth-child(4) {
      background: #8babd8; }
    .tbl-wrap.standard-class .tbl-col th:nth-child(5) {
      background: #6996cc; }
    .tbl-wrap.standard-class .tbl-col th:nth-child(6) {
      background: #5a6ec1; }
  .tbl-wrap.standard-class .tbl-col td {
    padding: 15px 4px;
    vertical-align: top; }
    .tbl-wrap.standard-class .tbl-col td:first-child {
      border-left: 1px solid #e0e0e0; }
    .tbl-wrap.standard-class .tbl-col td:last-child {
      border-right: 1px solid #e0e0e0; }

.selected-class-breadcrumb dt, .selected-class-child dt {
  color: #1c66b1;
  font-size: 1.5rem;
  letter-spacing: -0.75px; }

.selected-class-breadcrumb dd, .selected-class-child dd {
  color: #333;
  margin-top: 7px;
  font-size: 1.3rem;
  letter-spacing: -0.65px; }
  .selected-class-breadcrumb dd span, .selected-class-child dd span {
    display: inline-block;
    width: 20px;
    height: 13px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sqrcnegzrag%2Sfgnaqneq_pynff_oernqpehzo_qvivqr_vpba.cat) no-repeat center;
    vertical-align: top; }

.selected-class-breadcrumb {
  padding: 15px;
  border: 2px solid #d2e0ef; }

.selected-class-child {
  margin-top: 20px; }
  .selected-class-child dt {
    font-size: 1.3rem;
    letter-spacing: -0.65px; }
  .selected-class-child dd {
    color: #5e5e5e;
    line-height: 21px; }

.class-dic-header {
  color: #333;
  padding: 26px 50px;
  border: 2px solid #d2e0ef;
  text-align: left;
  line-height: 23px;
  font-size: 1.5rem;
  letter-spacing: -0.375px; }

.class-dic-contents {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #e0e0e0; }
  .class-dic-contents .class-dic-contents-header {
    position: relative;
    min-height: 65px;
    padding-left: 104px; }
    .class-dic-contents .class-dic-contents-header:before {
      content: '';
      position: absolute;
      display: inline-block;
      width: 65px;
      height: 65px;
      background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sqrcnegzrag%2Sfgnaqneq_pynff_vpba.cat);
      background-repeat: no-repeat;
      left: 9px;
      top: 2px; }
    .class-dic-contents .class-dic-contents-header.icon-1:before {
      background-position: 0px 0px; }
    .class-dic-contents .class-dic-contents-header.icon-2:before {
      background-position: -65px 0px; }
    .class-dic-contents .class-dic-contents-header.icon-3:before {
      background-position: -130px 0px; }
    .class-dic-contents .class-dic-contents-header.icon-4:before {
      background-position: -195px 0px; }
    .class-dic-contents .class-dic-contents-header.icon-5:before {
      background-position: -260px 0px; }
    .class-dic-contents .class-dic-contents-header.icon-6:before {
      background-position: -325px 0px; }
    .class-dic-contents .class-dic-contents-header.icon-7:before {
      background-position: -390px 0px; }
    .class-dic-contents .class-dic-contents-header.icon-8:before {
      background-position: 0px -65px; }
    .class-dic-contents .class-dic-contents-header.icon-9:before {
      background-position: -65px -65px; }
    .class-dic-contents .class-dic-contents-header.icon-10:before {
      background-position: -130px -65px; }
    .class-dic-contents .class-dic-contents-header.icon-11:before {
      background-position: -195px -65px; }
    .class-dic-contents .class-dic-contents-header.icon-12:before {
      background-position: -260px -65px; }
    .class-dic-contents .class-dic-contents-header.icon-13:before {
      background-position: -325px -65px; }
    .class-dic-contents .class-dic-contents-header.icon-14:before {
      background-position: -390px -65px; }
    .class-dic-contents .class-dic-contents-header.icon-15:before {
      background-position: 0px -130px; }
    .class-dic-contents .class-dic-contents-header.icon-16:before {
      background-position: -65px -130px; }
    .class-dic-contents .class-dic-contents-header.icon-17:before {
      background-position: -130px -130px; }
    .class-dic-contents .class-dic-contents-header.icon-18:before {
      background-position: -195px -130px; }
    .class-dic-contents .class-dic-contents-header.icon-19:before {
      background-position: -260px -130px; }
    .class-dic-contents .class-dic-contents-header.icon-20:before {
      background-position: -325px -130px; }
    .class-dic-contents .class-dic-contents-header.icon-21:before {
      background-position: -390px -130px; }
    .class-dic-contents .class-dic-contents-header.icon-22:before {
      background-position: 0px -195px; }
    .class-dic-contents .class-dic-contents-header.icon-23:before {
      background-position: -65px -195px; }
    .class-dic-contents .class-dic-contents-header.icon-24:before {
      background-position: -130px -195px; }
    .class-dic-contents .class-dic-contents-header.icon-25:before {
      background-position: -195px -195px; }
    .class-dic-contents .class-dic-contents-header.icon-26:before {
      background-position: -260px -195px; }
    .class-dic-contents .class-dic-contents-header.icon-27:before {
      background-position: -325px -195px; }
    .class-dic-contents .class-dic-contents-header.icon-28:before {
      background-position: -390px -195px; }
    .class-dic-contents .class-dic-contents-header.icon-29:before {
      background-position: 0px -260px; }
    .class-dic-contents .class-dic-contents-header .dic-title {
      display: block;
      margin: 0;
      padding: 0;
      color: #1c66b1;
      font-weight: 700;
      background: none;
      border: 0;
      font-size: 1.5rem;
      letter-spacing: -0.75px; }
    .class-dic-contents .class-dic-contents-header p {
      width: calc(100% - 95px);
      color: #5e5e5e;
      margin-top: 6px;
      line-height: 19px;
      font-size: 1.3rem;
      letter-spacing: -0.65px; }
    .class-dic-contents .class-dic-contents-header .btn-mid-onoff {
      position: absolute;
      top: 50%;
      right: 5px;
      width: 37px;
      height: 25px;
      margin: -13px 0 0;
      padding: 0;
      background: #fff;
      border: 0;
      font-size: 0; }
      .class-dic-contents .class-dic-contents-header .btn-mid-onoff:before {
        content: "";
        display: block;
        width: 37px;
        height: 25px;
        background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sqrcnegzrag%2Sfgnaqneq_pynff_qvp_neebj.cat");
        background-repeat: no-repeat;
        background-position: 0 0; }
      .class-dic-contents .class-dic-contents-header .btn-mid-onoff.is-active:before {
        background-position: 0 -25px; }
  .class-dic-contents .class-dic-contents-detail {
    display: none;
    margin-top: 15px;
    border-top: 1px solid #e0e0e0; }
    .class-dic-contents .class-dic-contents-detail dl dt {
      position: relative;
      color: #1c66b1;
      margin-top: 15px;
      padding-left: 20px;
      /*background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sqrcnegzrag%2Spynff_qvp_pbagragf_qrgnvy_vpba.cat) no-repeat left center;*/
      font-size: 1.3rem;
      letter-spacing: -0.65px; }
      .class-dic-contents .class-dic-contents-detail dl dt:nth-of-type(1) {
        margin-top: 21px; }
      .class-dic-contents .class-dic-contents-detail dl dt:before {
        content: "";
        display: block;
        position: absolute;
        top: -2px;
        left: 0;
        width: 16px;
        height: 16px;
        background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sqrcnegzrag%2Sfgnaqneq_pynff_qvp_fz_vpba.cat");
        background-repeat: no-repeat; }
    .class-dic-contents .class-dic-contents-detail dl dd {
      color: #5e5e5e;
      margin-top: 9px;
      line-height: 19px;
      font-size: 1.3rem;
      letter-spacing: -0.65px; }
    .class-dic-contents .class-dic-contents-detail.icon-1 dl dt:before {
      background-position: 0px 0px; }
    .class-dic-contents .class-dic-contents-detail.icon-2 dl dt:before {
      background-position: -16px 0px; }
    .class-dic-contents .class-dic-contents-detail.icon-3 dl dt:before {
      background-position: -32px 0px; }
    .class-dic-contents .class-dic-contents-detail.icon-4 dl dt:before {
      background-position: -48px 0px; }
    .class-dic-contents .class-dic-contents-detail.icon-5 dl dt:before {
      background-position: -64px 0px; }
    .class-dic-contents .class-dic-contents-detail.icon-6 dl dt:before {
      background-position: -80px 0px; }
    .class-dic-contents .class-dic-contents-detail.icon-7 dl dt:before {
      background-position: -96px 0px; }
    .class-dic-contents .class-dic-contents-detail.icon-8 dl dt:before {
      background-position: -112px 0px; }
    .class-dic-contents .class-dic-contents-detail.icon-9 dl dt:before {
      background-position: 0px -16px; }
    .class-dic-contents .class-dic-contents-detail.icon-10 dl dt:before {
      background-position: -16px -16px; }
    .class-dic-contents .class-dic-contents-detail.icon-11 dl dt:before {
      background-position: -32px -16px; }
    .class-dic-contents .class-dic-contents-detail.icon-12 dl dt:before {
      background-position: -48px -16px; }
    .class-dic-contents .class-dic-contents-detail.icon-13 dl dt:before {
      background-position: -64px -16px; }
    .class-dic-contents .class-dic-contents-detail.icon-14 dl dt:before {
      background-position: -80px -16px; }
    .class-dic-contents .class-dic-contents-detail.icon-15 dl dt:before {
      background-position: -96px -16px; }
    .class-dic-contents .class-dic-contents-detail.icon-16 dl dt:before {
      background-position: -112px -16px; }
    .class-dic-contents .class-dic-contents-detail.icon-17 dl dt:before {
      background-position: 0px -32px; }
    .class-dic-contents .class-dic-contents-detail.icon-18 dl dt:before {
      background-position: -16px -32px; }
    .class-dic-contents .class-dic-contents-detail.icon-19 dl dt:before {
      background-position: -32px -32px; }
    .class-dic-contents .class-dic-contents-detail.icon-20 dl dt:before {
      background-position: -48px -32px; }
    .class-dic-contents .class-dic-contents-detail.icon-21 dl dt:before {
      background-position: -64px -32px; }
    .class-dic-contents .class-dic-contents-detail.icon-22 dl dt:before {
      background-position: -80px -32px; }
    .class-dic-contents .class-dic-contents-detail.icon-23 dl dt:before {
      background-position: -96px -32px; }
    .class-dic-contents .class-dic-contents-detail.icon-24 dl dt:before {
      background-position: -112px -32px; }
    .class-dic-contents .class-dic-contents-detail.icon-25 dl dt:before {
      background-position: 0px -48px; }
    .class-dic-contents .class-dic-contents-detail.icon-26 dl dt:before {
      background-position: -16px -48px; }
    .class-dic-contents .class-dic-contents-detail.icon-27 dl dt:before {
      background-position: -32px -48px; }
    .class-dic-contents .class-dic-contents-detail.icon-28 dl dt:before {
      background-position: -48px -48px; }
    .class-dic-contents .class-dic-contents-detail.icon-29 dl dt:before {
      background-position: -64px -48px; }
    .class-dic-contents .class-dic-contents-detail.is-active {
      display: block; }

.class-all-list-wrap + .class-all-list-wrap {
  margin-top: 23px; }

.class-all-list-wrap .class-all-list-header {
  line-height: 38px;
  border: 1px solid #d5e9fe;
  text-align: center;
  font-size: 1.3rem;
  letter-spacing: -0.65px; }
  .class-all-list-wrap .class-all-list-header.type-1 {
    color: #1c66b1;
    background: #f0f8ff; }
  .class-all-list-wrap .class-all-list-header.type-2 {
    color: #7575e8;
    background: #f6f6ff;
    border-color: #d9d9ee; }
  .class-all-list-wrap .class-all-list-header.type-3 {
    color: #2aa3ba;
    background: #f2fdff;
    border-color: #d4ebf0; }
  .class-all-list-wrap .class-all-list-header.type-4 {
    color: #21a666;
    background: #eff9f4;
    border-color: #c7e5d7; }
  .class-all-list-wrap .class-all-list-header.type-5 {
    color: #e67968;
    background: #fff7f6;
    border-color: #f3d7d3; }

.class-all-list-wrap .class-all-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px; }
  .class-all-list-wrap .class-all-list:after {
    content: '';
    display: block;
    width: 100%;
    height: 0px;
    clear: both; }
  .class-all-list-wrap .class-all-list > div {
    width: 204px;
    margin-left: 20px; }
    .class-all-list-wrap .class-all-list > div:nth-child(5n + 1) {
      margin-left: 0; }
    .class-all-list-wrap .class-all-list > div:nth-child(n + 6) {
      margin-top: 13px; }
    .class-all-list-wrap .class-all-list > div .class-all-list-sub-header {
      color: #333;
      background: #f5f5f5;
      border: 1px solid #e0e0e0;
      text-align: center;
      line-height: 34px;
      font-size: 1.3rem;
      letter-spacing: -0.65px; }
    .class-all-list-wrap .class-all-list > div ul {
      margin-top: 13px; }
      .class-all-list-wrap .class-all-list > div ul li {
        color: #5e5e5e;
        padding: 0 20px;
        line-height: 24px;
        font-size: 1.3rem;
        letter-spacing: -0.65px; }

.detail-search-wrap {
  margin-bottom: 40px; }
  .detail-search-wrap.no-detail {
    margin-bottom: 0; }
    .detail-search-wrap.no-detail .search-input-wrap {
      margin-bottom: 0; }
  .detail-search-wrap .search-input-wrap {
    max-height: 137px;
    margin-bottom: 10px;
    padding: 35px 0 26px 0;
    text-align: center;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sqrcnegzrag%2Sqrgnvy_frnepu_ot.cat) no-repeat center; }
    .detail-search-wrap .search-input-wrap:after {
      content: '';
      display: block;
      width: 100%;
      height: 0px;
      clear: both; }
    .detail-search-wrap .search-input-wrap .search-title {
      display: inline-block;
      margin-top: 15px;
      padding-right: 30px;
      text-align: right;
      vertical-align: top;
      font-size: 2.5rem;
      letter-spacing: -1.5px; }
    .detail-search-wrap .search-input-wrap .search-input-wrap-inner {
      position: relative;
      display: inline-block;
      width: 630px;
      text-align: left; }
      .detail-search-wrap .search-input-wrap .search-input-wrap-inner input[type="text"] {
        height: 52px;
        color: #333;
        padding: 0 51px 0 14px;
        margin-bottom: 10px;
        border: 2px solid #1c66b1;
        font-size: 1.3rem; }
      .detail-search-wrap .search-input-wrap .search-input-wrap-inner .btn-search {
        position: absolute;
        top: 2px;
        right: 2px;
        width: 51px;
        height: 48px;
        background: transparent url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_tao_frnepu_oga_vpba.cat) no-repeat center;
        border: none;
        font-size: 0; }
      .detail-search-wrap .search-input-wrap .search-input-wrap-inner .btn-search-guide {
        position: absolute;
        display: inline-block;
        color: #1c66b1;
        padding-left: 19px;
        background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sqrcnegzrag%2Sfrnepu_thvqr_oga_vpba.cat);
        background-repeat: no-repeat;
        background-position: left center;
        line-height: 14px;
        right: 0;
        font-size: 1.3rem;
        letter-spacing: -0.325px; }
  .detail-search-wrap .search-detail-wrap {
    display: none;
    margin: 10px auto;
    border: 1px solid #e0e0e0; }
    .detail-search-wrap .search-detail-wrap.is-open {
      display: block;
      margin-bottom: 50px; }
    .detail-search-wrap .search-detail-wrap .tbl-wrap {
      border-top: 0; }
    .detail-search-wrap .search-detail-wrap .tbl-wrap .tbl-row ~ .btn-wrap {
      margin: 15px auto; }
  .ui-tabs-wrap ~ .detail-search-wrap.search-toggle {
    margin-top: 20px; }

.grid-box {
  margin: 20px auto; }
  .grid-box.grid-10 {
    height: 442px; }
    .grid-box.grid-10.has-count {
      height: 482px; }
  .grid-box.grid-auto {
    height: 100%;
    min-height: 480px; }
  .search-gray-wrap + .grid-box {
    margin-top: 40px; }
  .app.win-popup .search-gray-wrap + .grid-box {
    margin-top: 30px; }
  .app.win-popup .grid-box ~ .section-title {
    margin-top: 50px; }
  .app.win-popup .chart-wrap + .grid-box {
    margin-bottom: 0; }
  .app.win-popup .grid-box + .btn-wrap {
    margin-top: 30px;
    padding-top: 40px;
    border-top: 1px solid #e0e0e0; }

.grid-noti-wrap {
  margin-top: 25px;
  text-align: right; }
  .grid-noti-wrap .notice-gray-text {
    font-weight: 500; }
  .result-sort-wrap .grid-noti-wrap {
    display: inline-block;
    margin: 0 0 0 75px;
    vertical-align: middle; }

.search-before-wrap {
  position: relative;
  padding: 130px 0 80px;
  text-align: center;
  font-size: 13px;
  color: #969696;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8; }
  .search-before-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 80px;
    left: 50%;
    width: 36px;
    height: 36px;
    margin-left: -18px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_vpba_nyreg_fznyy.cat") no-repeat 0 0; }
  .search-before-wrap.size-big {
    padding: 177px 0 129px; }
    .search-before-wrap.size-big:before {
      top: 129px; }
  .search-before-wrap + .btn-wrap.text-right {
    margin-top: 20px; }

.layer-favorite {
  display: none;
  opacity: 0;
  position: fixed;
  z-index: 40;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 75px;
  margin: -38px 0 0 -115px;
  font-size: 14px;
  line-height: 76px;
  color: #000;
  text-align: center;
  background: #fff;
  border: 1px solid #000;
  font-size: 1.4rem;
  letter-spacing: -0.7px; }

.header-wrap .gnb-top .inner-wrap .skip-nav-wrap a:not(:focus) {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }

.bbs-detail-header-wrap {
  border-top: 1px solid #333;
  padding: 26px 20px; }
  .bbs-detail-header-wrap .bbs-detail-header {
    position: relative;
    color: #333;
    padding-right: 80px;
    font-size: 1.8rem;
    letter-spacing: -0.9px;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal; }
    .bbs-detail-header-wrap .bbs-detail-header .bbs-notice, .bbs-detail-header-wrap .bbs-detail-header .bbs-info {
      letter-spacing: 0; }
    .bbs-detail-header-wrap .bbs-detail-header .bbs-notice {
      color: #1c66b1; }
    .bbs-detail-header-wrap .bbs-detail-header .bbs-info {
      color: #6d1a9d; }
    .bbs-detail-header-wrap .bbs-detail-header .bbs-number {
      position: absolute;
      color: #5e5e5e;
      font-size: 1.3rem;
      font-family: "Lato", sans-serif;
      letter-spacing: 0;
      right: 0;
      bottom: 0; }

.declaration-info-wrap {
  padding: 25px 30px;
  border: 1px solid #d9d9d9; }
  .declaration-info-wrap .declaration-info-title:after {
    content: '';
    display: block;
    width: 100%;
    height: 0px;
    clear: both; }
  .declaration-info-wrap .declaration-info-title h3 {
    display: inline-block;
    color: #333;
    line-height: 27px;
    font-size: 2rem;
    letter-spacing: -1px; }
  .declaration-info-wrap .declaration-info-title .btn {
    float: right; }
  .declaration-info-wrap ol {
    margin-top: 20px;
    font-family: "Noto Sans KR", sans-serif; }
    .declaration-info-wrap ol > li {
      color: #1c66b1;
      font-size: 1.5rem;
      letter-spacing: -0.75px; }
      .declaration-info-wrap ol > li:not(:first-child) {
        margin-top: 14px; }
    .declaration-info-wrap ol ul {
      margin-top: 5px; }
      .declaration-info-wrap ol ul li {
        color: #5e5e5e;
        padding-left: 12px;
        line-height: 21px;
        font-size: 1.3rem;
        letter-spacing: -0.325px; }

.declaration-example span {
  display: block;
  color: #333;
  margin-top: 21px;
  font-size: 1.5rem;
  letter-spacing: -0.75px; }

.declaration-example img {
  width: 100%;
  margin-top: 13px; }

.declaration-example + .btn-wrap {
  margin-top: 40px; }

.tbl-bbs-write ~ .btn-wrap {
  margin-top: 33px; }

.dialog-declaration p {
  color: #5e5e5e;
  line-height: 19px;
  font-size: 1.3rem;
  letter-spacing: -0.65px; }

.dialog-declaration .tbl-wrap {
  margin-top: 16px; }
  .dialog-declaration .tbl-wrap .tbl-row tbody tr td, .dialog-declaration .tbl-wrap .tbl-row tfoot tr td {
    padding-right: 20px; }
  .dialog-declaration .tbl-wrap .tbl-row .btn {
    vertical-align: middle; }
  .dialog-declaration .tbl-wrap .tbl-row .input-email {
    width: calc(100% - 69px); }
    .dialog-declaration .tbl-wrap .tbl-row .input-email + .btn {
      margin-left: 2px; }

.tutorial-wrap .tutorial-breadcrumb-wrap {
  text-align: right; }
  .tutorial-wrap .tutorial-breadcrumb-wrap .tutorial-breadcrumb {
    display: inline-block; }
    .tutorial-wrap .tutorial-breadcrumb-wrap .tutorial-breadcrumb:after {
      content: '';
      display: block;
      width: 100%;
      height: 0px;
      clear: both; }
    .tutorial-wrap .tutorial-breadcrumb-wrap .tutorial-breadcrumb li {
      float: left;
      color: #5e5e5e;
      font-size: 1.2rem;
      letter-spacing: -0.6px; }
      .tutorial-wrap .tutorial-breadcrumb-wrap .tutorial-breadcrumb li + li {
        margin-left: 10px;
        padding-left: 14px;
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_ghgbevny_oernqpehzo.cat) no-repeat left center; }

.tutorial-wrap .tutorial-part-info {
  color: #333;
  margin-top: 28px;
  padding: 20px;
  border: 1px solid #ededed;
  line-height: 21px;
  font-size: 1.5rem;
  letter-spacing: -0.375px; }

.tutorial-wrap .tutorial-list-wrap {
  margin-top: 30px; }
  .tutorial-wrap .tutorial-list-wrap .tutorial-list > li + li {
    margin-top: 40px; }
  .tutorial-wrap .tutorial-list-wrap .tutorial-list > li .list-title {
    position: relative;
    display: block;
    color: #000;
    padding-left: 32px;
    line-height: 24px;
    font-size: 2.2rem;
    letter-spacing: -1.1px; }
    .tutorial-wrap .tutorial-list-wrap .tutorial-list > li .list-title .num {
      position: absolute;
      display: inline-block;
      color: #fff;
      width: 24px;
      height: 24px;
      background: #1c66b1;
      border-radius: 12px;
      text-align: center;
      left: 0;
      top: 0;
      font-size: 1.5rem;
      letter-spacing: -0.375px; }
  .tutorial-wrap .tutorial-list-wrap .tutorial-list > li .img-wrap {
    display: block;
    margin-top: 18px;
    text-align: center; }
    .tutorial-wrap .tutorial-list-wrap .tutorial-list > li .img-wrap img {
      max-width: 1100px; }
  .tutorial-wrap .tutorial-list-wrap .tutorial-list > li .tutorial-info-wrap {
    display: block;
    color: #5e5e5e;
    margin-top: 20px;
    padding: 18px 20px;
    border: 1px solid #ededed;
    background-color: #fafafa; }
    .tutorial-wrap .tutorial-list-wrap .tutorial-list > li .tutorial-info-wrap .tutorial-info-list > li {
      position: relative;
      padding-left: 18px; }
      .tutorial-wrap .tutorial-list-wrap .tutorial-list > li .tutorial-info-wrap .tutorial-info-list > li .info-title {
        display: block; }
        .tutorial-wrap .tutorial-list-wrap .tutorial-list > li .tutorial-info-wrap .tutorial-info-list > li .info-title .info-title-num {
          position: absolute;
          left: 0;
          top: 0; }
    .tutorial-wrap .tutorial-list-wrap .tutorial-list > li .tutorial-info-wrap .tutorial-info-list li {
      line-height: 19px;
      font-size: 1.3rem;
      letter-spacing: -0.325px; }
      .tutorial-wrap .tutorial-list-wrap .tutorial-list > li .tutorial-info-wrap .tutorial-info-list li .spot {
        color: #1c66b1;
        font-weight: 700; }

.header-wrap .gnb-top .inner-wrap .skip-nav-wrap a:not(:focus) {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }

.footer-wrap {
  padding-bottom: 38px; }
  
 .footer-wrap .family-site-btn-wrap {
   width: 1100px;
   margin: 0 auto 5px;
 }
 
 .footer-wrap .family-site-btn-wrap .btn-family-nav.swiper-button-prev, .footer-wrap .family-site-btn-wrap .btn-family-nav.swiper-button-next, .footer-wrap .family-site-btn-wrap .btn-family-nav.family-btn-pause {
   position: relative;
   width: 15px;
   height: 15px;
   margin-top: 0;
   padding: 0;
   border: none;
   font-size: 0;
 }
 
 .footer-wrap .family-site-btn-wrap .btn-family-nav.swiper-button-prev {
   background-color: transparent;
   background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_sbbgre_snzvyl_ceri.tvs);
   background-position: 0 0;
   background-repeat: no-repeat;
   background-size: 15px 15px;
   left: auto;
   right: auto;
   margin: 0 5px 0 0;
 }
 
  .footer-wrap .family-site-btn-wrap .btn-family-nav.swiper-button-prev, .footer-wrap .family-site-btn-wrap .btn-family-nav.swiper-button-next, .footer-wrap .family-site-btn-wrap .btn-family-nav.family-btn-pause {
    position: relative;
    width: 15px;
    height: 15px;
    margin-top: 0;
    padding: 0;
    border: none;
    font-size: 0;
  }
  
  .footer-wrap .family-site-btn-wrap .btn-family-nav.swiper-button-prev {
    background-color: transparent;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_sbbgre_snzvyl_ceri.tvs);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    left: auto;
    right: auto;
    margin: 0 5px 0 0;
  }
  
  .footer-wrap .family-site-btn-wrap .btn-family-nav.swiper-button-next {
    background-color: transparent;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_sbbgre_snzvyl_arkg.tvs);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    left: auto;
    right: auto;
    margin: 0 5px 0 0;
  }
  
  .footer-wrap .family-site-btn-wrap .btn-family-nav.family-btn-pause {
    background-color: transparent;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_sbbgre_snzvyl_fgbc.tvs);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    left: auto;
    right: auto;
    z-index: 10;
    margin: 0 5px 0 0;
  }
  
  .footer-wrap .family-site-btn-wrap .btn-family-nav.family-btn-pause.on {
    background-color: transparent;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_sbbgre_snzvyl_cynl.tvs);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 15px 15px;
  }
  
  .footer-wrap .family-site-btn-wrap .btn-family-nav.swiper-button-next {
    background-color: transparent;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_sbbgre_snzvyl_arkg.tvs);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    left: auto;
    right: auto;
    margin: 0 5px 0 0;
  }
  
  .footer-wrap .family-site-btn-wrap .btn-family-nav.family-btn-pause {
    background-color: transparent;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_sbbgre_snzvyl_fgbc.tvs);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    left: auto;
    right: auto;
    z-index: 10;
    margin: 0 5px 0 0;
  }
  
  .footer-wrap .family-site-btn-wrap .btn-family-nav.family-btn-pause.on {
    background-color: transparent;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_sbbgre_snzvyl_cynl.tvs);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 15px 15px;
  }
  
  .footer-wrap .family-site-wrap {
    height: 81px;
    background: #f7f7f7;
    border-top: 1px solid #eaeaea; }
    .footer-wrap .family-site-wrap .family-site-wrap-inner {
      position: relative;
      margin: 0 13px; }
      .footer-wrap .family-site-wrap .family-site-wrap-inner .swiper-container {
        position: relative;
        height: 100%;
        margin: 0 35px 0 34px; }
        .footer-wrap .family-site-wrap .family-site-wrap-inner .swiper-container .family-site-list {
          height: 100%; }
          .footer-wrap .family-site-wrap .family-site-wrap-inner .swiper-container .family-site-list li {
            display: inline-block;
            height: 100%;
            line-height: 80px;
            text-align: center; }
            .footer-wrap .family-site-wrap .family-site-wrap-inner .swiper-container .family-site-list li a {
              display: inline-block;
              width: 173px;
              height: 50px;
              line-height: 1;
              vertical-align: middle; }
              .footer-wrap .family-site-wrap .family-site-wrap-inner .swiper-container .family-site-list li a img {
                max-width: 100%;
                vertical-align: top; }
      .footer-wrap .family-site-wrap .family-site-wrap-inner .btn-family-nav.swiper-button-prev, .footer-wrap .family-site-wrap .family-site-wrap-inner .btn-family-nav.swiper-button-next {
        position: absolute;
        width: 13px;
        height: 23px;
        margin-top: 0;
        padding: 0;
        background-color: transparent;
        background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spbzzba%2Spbzz_sbbgre_snzvyl_ani.cat);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 26px 23px;
        border: none;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 0; }
      .footer-wrap .family-site-wrap .family-site-wrap-inner .btn-family-nav.swiper-button-prev {
        left: -13px; }
      .footer-wrap .family-site-wrap .family-site-wrap-inner .btn-family-nav.swiper-button-next {
        background-position: right top;
        right: -13px; }
  .footer-wrap .footer-inner-wrap {
    border-top: 1px solid #eaeaea; }
    .footer-wrap .footer-inner-wrap .inner-wrap {
      position: relative; }
      .footer-wrap .footer-inner-wrap .inner-wrap:after {
        content: '';
        display: block;
        width: 100%;
        height: 0px;
        clear: both; }
    .footer-wrap .footer-inner-wrap .left-wrap {
      float: left;
      position: relative; }
    .footer-wrap .footer-inner-wrap .right-wrap {
      position: absolute;
      text-align: right;
      right: 0; }
      .footer-wrap .footer-inner-wrap .right-wrap .btn-login {
        display: inline-block;
        color: #7e7e7e;
        width: 115px;
        height: 29px;
        height: 29px;
        margin-top: 22px;
        border: 1px solid #c7c7c7;
        text-align: center;
        line-height: 27px;
        font-size: 1.2rem;
        letter-spacing: -0.6px; }
      .footer-wrap .footer-inner-wrap .right-wrap .ci-list {
        margin-top: 22px; }
        .footer-wrap .footer-inner-wrap .right-wrap .ci-list:after {
          content: '';
          display: block;
          width: 100%;
          height: 0px;
          clear: both; }
        .footer-wrap .footer-inner-wrap .right-wrap .ci-list li {
          float: left; }
          .footer-wrap .footer-inner-wrap .right-wrap .ci-list li + li {
            margin-left: 20px; }
    .footer-wrap .footer-inner-wrap .footer-link-wrap .footer-link-list {
      position: relative;
      padding-top: 28px; }
      .footer-wrap .footer-inner-wrap .footer-link-wrap .footer-link-list:after {
        content: '';
        display: block;
        width: 100%;
        height: 0px;
        clear: both; }
      .footer-wrap .footer-inner-wrap .footer-link-wrap .footer-link-list li {
        float: left; }
        .footer-wrap .footer-inner-wrap .footer-link-wrap .footer-link-list li a {
          position: relative;
          display: inline-block;
          color: #5e5e5e;
          font-weight: 300;
          line-height: 1;
          font-size: 1.4rem;
          letter-spacing: -0.7px; }
        .footer-wrap .footer-inner-wrap .footer-link-wrap .footer-link-list li + li {
          margin-left: 11px; }
          .footer-wrap .footer-inner-wrap .footer-link-wrap .footer-link-list li + li a {
            padding-left: 12px; }
            .footer-wrap .footer-inner-wrap .footer-link-wrap .footer-link-list li + li a:before {
              content: '';
              position: absolute;
              display: inline-block;
              width: 1px;
              height: 10px;
              background: #cfcfcf;
              left: 0;
              top: 50%;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
        .footer-wrap .footer-inner-wrap .footer-link-wrap .footer-link-list li.bold a {
          color: #300;
          font-weight: 500; }
    .footer-wrap .footer-inner-wrap .copyright-wrap {
      padding-top: 28px; }
      .footer-wrap .footer-inner-wrap .copyright-wrap .copyright-list {
        margin-top: 1px; }
        .footer-wrap .footer-inner-wrap .copyright-wrap .copyright-list li {
          color: #5e5e5e;
          font-family: "Lato", "Noto Sans KR", sans-serif;
          font-size: 1.3rem;
          letter-spacing: -0.65px; }
          .footer-wrap .footer-inner-wrap .copyright-wrap .copyright-list li.eng {
            letter-spacing: 0; }
          .footer-wrap .footer-inner-wrap .copyright-wrap .copyright-list li + li {
            margin-top: 10px; }
	.footer-wrap .footer-inner-wrap .footer-mark-wrap .footer-mark-list {
	  position: relative;
	  padding-top: 28px;
	}
	
	.footer-wrap .footer-inner-wrap .footer-mark-wrap .footer-mark-list:after {
	  content: '';
	  display: block;
	  width: 100%;
	  height: 0px;
	  clear: both;
	}
	
	.footer-wrap .footer-inner-wrap .footer-mark-wrap .footer-mark-list li {
	  float: left;
	  margin-right: 40px;
	}
	
	.footer-wrap .footer-inner-wrap .footer-mark-wrap .footer-mark-list li a {
	  display: block;
	  font-size: 0;
	}   

.way-info-wrap {
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid #333; }
  .way-info-wrap .tbl-way-info {
    width: 100%; }
    .way-info-wrap .tbl-way-info tr {
      border-bottom: 1px solid #e0e0e0; }
      .way-info-wrap .tbl-way-info tr th, .way-info-wrap .tbl-way-info tr td {
        min-height: 96px; }
      .way-info-wrap .tbl-way-info tr th {
        padding: 27px 0; }
        .way-info-wrap .tbl-way-info tr th .way-info {
          position: relative;
          display: inline-block;
          color: #333;
          margin-left: 30px;
          padding-left: 65px;
          line-height: 45px;
          font-weight: 400;
          font-size: 2rem;
          letter-spacing: -0.5px; }
          .way-info-wrap .tbl-way-info tr th .way-info:before {
            content: '';
            position: absolute;
            display: inline-block;
            width: 45px;
            height: 45px;
            background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Ssbbgre%2Ssbbgre_jnl_glcr_vpba.cat) no-repeat 0 0;
            left: 0;
            top: 0; }
          .way-info-wrap .tbl-way-info tr th .way-info.subway:before {
            background-position: -45px 0; }
          .way-info-wrap .tbl-way-info tr th .way-info.bus:before {
            background-position: -90px 0; }
      .way-info-wrap .tbl-way-info tr td .way-info-list {
        padding: 25px 0; }
        .way-info-wrap .tbl-way-info tr td .way-info-list .list-item {
          color: #5e5e5e;
          line-height: 23px;
          font-size: 1.3rem;
          letter-spacing: -0.325px; }
          .way-info-wrap .tbl-way-info tr td .way-info-list .list-item .list-item-title {
            display: block;
            color: #333;
            margin-top: 4px; }
   
.modal-content .modal-content-top { 
    height:206px; 
    border:2px solid #d2e0ef; 
    background:#f7f7f7 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Svzntrf%2Sznva%2Szbqny_gbc_vzt_01.wct") no-repeat 80px 44px; 
    overflow:hidden; }
    .modal-content .modal-content-top .modal-top-ul { 
        margin:30px 0 0 292px; }
        .modal-content .modal-content-top .modal-top-ul .modal-top-li { 
            margin-bottom:20px; 
            padding-left:22px; 
            background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Svzntrf%2Sznva%2Szbqny_yvfg_vpba_01.tvs") no-repeat left top; }
            .modal-content .modal-content-top .modal-top-ul .modal-top-li:first-child { 
                background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.npnqrzlvasb.tb.xe%2Serfbheprf%2Svzntrf%2Sznva%2Szbqny_yvfg_vpba_02.tvs") no-repeat left top; }
            .modal-content .modal-content-top .modal-top-ul .modal-top-li:last-child { 
                margin-bottom:0; }
            .modal-content .modal-content-top .modal-top-ul .modal-top-li .txt1 { 
                font-size:16px; 
                color:#333; 
                font-weight:400; }
            .modal-content .modal-content-top .modal-top-ul .modal-top-li:first-child .txt1 { 
                color:#1c65b1; }
                .modal-content .modal-content-top .modal-top-ul .modal-top-li .sub-ul { 
                    margin-top:10px; }
                .modal-content .modal-content-top .modal-top-ul .modal-top-li .sub-ul .sub-li { 
                    margin-bottom:5px; 
                    font-size:12px; 
                    color:#777; }
                .modal-content .modal-content-top .modal-top-ul .modal-top-li .sub-ul .sub-li:last-child {
                    margin-bottom:0; }
    .modal-content .modal-content-table { 
        width:100%; 
        margin-top:20px; }
        .modal-content .modal-content-table th { 
            padding:14px 0 14px 0; 
            border:1px solid #e0e0e0; 
            border-top:1px solid #333; 
            background-color:#f5f5f5; 
            font-size:13px; 
            color:#333; 
            font-weight:400; 
            text-align:center; }
        .modal-content .modal-content-table td { 
            padding:14px 0 14px 0; 
            border:1px solid #e0e0e0; 
            font-size:13px; 
            color:#666; 
            font-weight:400; 
            text-align:center; 
            line-height:1.3; 
            word-spacing:-1px; }
            
		.college-bottom-txt-wrap { margin:20px 0 0 0; }
		.college-bottom-txt-wrap .bottom-st1 { margin:0 0 10px 0; font-size:1.5rem; color:#333; font-weight:500; letter-spacing:0.2px; }
		.college-bottom-txt-wrap .bottom-txt1 { border:1px solid #e6e6e6; padding:20px 20px 20px 20px; font-size:1.4rem; color:#5e5e5e; line-height:1.4; letter-spacing:0.2px; }


.kogl { height:60px; border:1px solid #aaa; background-color:#f5f5f5; overflow:hidden; margin-top:20px; margin-bottom:20px; }
.kogl .img1 { display:block; float:left; margin:8px 0 0 20px; width:113px; height:43px; font-size:0; background-color:#ff0000; }
.kogl .txt1 {
    		  display:block; float:left; margin:22px 0 0 24px;
    		  font-size:15px; color:#555; font-weight:500; letter-spacing:-1px;
}