@charset "UTF-8";
a, address, area, article, aside, audio, b, body, br, button, canvas,
caption, cite, code, col, colgroup, dd, del, div, dl, dt, em, embed, fieldset,
figcaption, figure, footer, form, frame, frameset, h1, h2, h3, h4, h5,
h6, head, header, hr, html, i, iframe, img, ins, input, label, legend, li,
link, map, meta, nav, object, ol, p, pre, q, rp, rt, ruby, s, script,
section, select, source, span, strong, style, sub, summary, sup, table,
tbody, td, textarea, tfoot, th, thead, time, title, tr, u, ul, video {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: inherit;
  color: inherit;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch; }

html, body {
  height: 100%; }

html {
  -webkit-text-size-adjust: none; }

body {
  font-weight: 300;
  color: #666;
  line-height: 1.53;
  word-break: keep-all;
  word-wrap: break-word; }

dl, ul, ol, menu, li {
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: inherit; }

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

fieldset, img, table, caption, tbody, tfoot, thead, tr, th, td, button, hr {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ''; }

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed; }

caption, legend {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  border: 0;
  overflow: hidden; }

img {
  border: 0;
  vertical-align: top;
  max-width: 100%; }

a {
  text-decoration: none;
  color: inherit; }

input[type="text"], input[type="password"], textarea {
  -webkit-appearance: none; }

select, input[type="text"], input[type="password"], textarea, button {
  border-radius: 0; }

button {
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer;
  border: 0;
  background: none; }

input::-ms-clear {
  display: none; }

select::-ms-expand {
  display: none; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

textarea {
  resize: none; }

label {
  cursor: pointer; }

.mobile caption {
  display: none; }

/* 폰트설정 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../../fonts/NotoSans-Light.woff2) format("woff2"), url(../../fonts/NotoSans-Light.woff) format("woff"); }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/NotoSans-Regular.woff2) format("woff2"), url(../../fonts/NotoSans-Regular.woff) format("woff"); }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(../../fonts/NotoSans-Medium.woff2) format("woff2"), url(../../fonts/NotoSans-Medium.woff) format("woff"); }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(../../fonts/NotoSans-Bold.woff2) format("woff2"), url(../../fonts/NotoSans-Bold.woff) format("woff"); }
@font-face {
  font-family: 'gladifilthefte';
  font-style: normal;
  font-weight: normal;
  src: url(../../fonts/gladifilthefte-webfont.woff2) format("woff2"), url(../../fonts/gladifilthefte-webfont.woff) format("woff"); }
body {
  font-family: 'Noto Sans KR',Arial,sans-serif; }

:lang(ko) .lnb > ul > li {
  word-break: normal;
  word-wrap: break-word; }
  :lang(ko) .lnb > ul > li > a {
    word-break: normal; }

:lang(ja) body {
  font-family: Arial,Helvetica,'MS PGothic',"ＭＳ Ｐゴシック",'Meiryo',"メイリオ",sans-serif;
  letter-spacing: -.5px; }

:lang(zh) body {
  font-family: Arial,Helvetica,"Microsoft Yahei","Times New Roman",STXihei,sans-serif;
  letter-spacing: -.5px; }

:lang(en) .header .navi-wrap .gnb-wrap .gnb > ul > li {
  padding: 0 8px; }
  :lang(en) .header .navi-wrap .gnb-wrap .gnb > ul > li > a {
    font-size: 17px; }
:lang(en) .lnb > ul > li {
  word-break: normal;
  word-wrap: break-word; }
  :lang(en) .lnb > ul > li > a {
    word-break: normal; }

/* slick slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block;
  width: 100%; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 1; }

.slick-prev {
  left: 0; }

.slick-next {
  right: 0; }

.slick-disabled {
  cursor: default;
  opacity: .5; }

/* 단축 스타일 */
.txt-left {
  text-align: left !important; }

.txt-right {
  text-align: right !important; }

.txt-center {
  text-align: center !important; }

.l {
  float: left; }

.r {
  float: right; }

.color-blue {
  color: #0966b3 !important; }

.color-navy {
  color: #0f3966 !important; }

.color-red {
  color: #da2d2d !important; }

.color-green {
  color: #0f997b !important; }

.fwr {
  font-weight: 400 !important; }

.fwm {
  font-weight: 500 !important; }

.underline {
  text-decoration: underline; }

.b-btm-999 {
  border-bottom-color: #999 !important; }

.b-right {
  border-right: 1px solid #d6d6d6 !important; }

.bold {
  font-weight: 400;
  color: #333; }

.blind {
  display: inline-block;
  position: absolute;
  top: auto;
  left: -10000px;
  font-size: 0;
  line-height: 0;
  border: 0;
  overflow: hidden;
  width: 1px;
  height: 1px; }

.hide-content {
  display: none !important; }

.pc-content {
  display: none !important; }

/* 공통 스타일 */
.skip-nav a {
  position: fixed;
  display: block;
  top: -30px;
  width: 100%;
  height: 30px;
  background: #0966b3;
  color: #fff;
  text-align: center;
  line-height: 30px; }
  .skip-nav a:focus {
    top: 0px;
    z-index: 1; }

body {
  font-size: 13px; }
  body.fixed {
    overflow: hidden; }

select,
input[type='text'],
input[type='password'] {
  width: 100%;
  height: 31px;
  font-size: 12px;
  border: 1px solid #d6d6d6;
  vertical-align: top; }

input[type='text'],
input[type='password'] {
  padding: 0 10px; }

select {
  padding-left: 10px;
  background-color: #fff;
  background-image: url(../../images/gwn-kr/arr_select_m.png);
  background-repeat: no-repeat;
  background-size: 7px 5px;
  background-position: calc(100% - 7px) 50%; }

textarea {
  width: 100%;
  font-size: 12px;
  padding: 10px;
  border: 1px solid #d6d6d6;
  vertical-align: top; }

.header {
  position: relative;
  background: #fff;
  border-bottom: 1px solid #e5e5e5; }
  .header .header-link {
    height: 30px;
    background: #0f3966;
    color: #fff; }
    .header .header-link .inner {
      padding: 0; }
      .header .header-link .inner:after {
        content: '';
        display: block;
        clear: both; }
    .header .header-link .lang_box, .header .header-link .sns {
      float: left; }
    .header .header-link .lang_box {
      position: relative;
      border-right: 1px solid rgba(255, 255, 255, 0.3);
      z-index: 2; }
      .header .header-link .lang_box a {
        display: block;
        width: 126px;
        height: 30px;
        padding-left: 25px;
        background: url(../../images/gwn-kr/icon_select_lang.png) 10px 50%/10px, url(../../images/gwn-kr/arr_f_select_m.png) right 7px top 50%/7px;
        background-repeat: no-repeat;
        font-size: 12px;
        text-align: left;
        line-height: 28px; }
        .header .header-link .lang_box a.eng {
          font-size: 10px; }
      .header .header-link .lang_box .lang {
        display: none;
        position: absolute;
        top: 30px;
        left: 0;
        border: 1px solid #d6d6d6;
        border-top: 0; }
        .header .header-link .lang_box .lang > li > a {
          display: block;
          border-top: 1px dashed #d6d6d6;
          width: 126px;
          height: 30px;
          padding-left: 10px;
          background: #fff;
          line-height: 30px;
          color: #666; }
          .header .header-link .lang_box .lang > li > a:hover, .header .header-link .lang_box .lang > li > a:focus {
            background: #f6f6f6;
            font-weight: 400;
            color: #333; }
        .header .header-link .lang_box .lang > li:first-child a {
          border-top: 0; }
      .header .header-link .lang_box.active a {
        background: url(../../images/gwn-kr/icon_select_lang.png) 10px 50%/10px, url(../../images/gwn-kr/arr_f_select_on_m.png) right 7px top 50%/7px;
        background-repeat: no-repeat; }
      .header .header-link .lang_box.active .lang {
        display: block; }
    .header .header-link .sns {
      display: none;
      overflow: hidden; }
      .header .header-link .sns > li {
        float: left;
        position: relative; }
        .header .header-link .sns > li:last-child > a:after {
          display: none; }
        .header .header-link .sns > li a {
          display: table-cell;
          position: relative;
          height: 30px;
          padding: 0 10px;
          font-size: 0;
          vertical-align: middle; }
          .header .header-link .sns > li a img {
            width: auto !important; }
        .header .header-link .sns > li::after {
          content: '';
          display: block;
          position: absolute;
          top: 50%;
          right: 0;
          width: 1px;
          height: 10px;
          margin-top: -5px;
          background: rgba(255, 255, 255, 0.3); }
        .header .header-link .sns > li:last-child:after {
          display: none; }
    .header .header-link .btn_rep_site {
      display: block;
      height: 30px;
      padding: 0 28px 0 13px;
      background: #0966b3 url(../../images/gwn-kr/bg_reqsite_m.png) no-repeat right 10px top 50%/11px;
      text-align: center;
      line-height: 30px;
      float: right; }
  .header .header-content {
    position: relative;
    height: 60px; }
    .header .header-content .logo {
      position: absolute;
      top: 50%;
      left: 10px;
      background-repeat: no-repeat;
      background-size: 100%;
      z-index: 1;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .header .header-content .logo a {
        display: block;
        width: 100%;
        height: 100%; }
    .header .header-content .gwn {
      width: 93px;
      height: 29px;
      background-image: url(../../images/gwn-kr/logo_m.png); }
    .header .header-content .bsn {
      width: 64px;
      height: 29px;
      background-image: url(../../images/bsn-kr/logo_m.png); }
    .header .header-content .cb {
      width: 93px;
      height: 29px;
      background-image: url(../../images/cb-kr/logo_m.png); }
    .header .header-content .chn {
      width: 100px;
      height: 29px;
      background-image: url(../../images/chn-kr/logo_m.png); }
    .header .header-content .dg {
      width: 122px;
      height: 29px;
      background-image: url(../../images/dg-kr/logo_m.png); }
    .header .header-content .dj {
      width: 120px;
      height: 26px;
      background-image: url(../../images/dj-kr/logo_m.png); }
    .header .header-content .gj {
      width: 102px;
      height: 29px;
      background-image: url(../../images/gj-kr/logo_m.png); }
    .header .header-content .jj {
      width: 75px;
      height: 29px;
      background-image: url(../../images/jj-kr/logo_m.png); }
    .header .header-content .jnbk {
      width: 87px;
      height: 29px;
      background-image: url(../../images/jnbk-kr/logo_m.png); }
    .header .header-content .us {
      width: 111px;
      height: 29px;
      background-image: url(../../images/us-kr/logo_m.png); }
    .header .header-content .top-search-wrap .btn-search {
      position: absolute;
      top: 12px;
      right: 49px;
      width: 34px;
      height: 34px;
      background-image: url(../../images/gwn-kr/btn_search.png);
      background-repeat: no-repeat;
      background-size: 100%; }
  .header .navi-wrap .gnb-wrap .gnb-tit {
    height: 56px;
    padding-left: 12px;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    background: #0f3a67;
    line-height: 56px; }
  .header .navi-wrap .gnb-wrap .gnb {
    position: relative; }
    .header .navi-wrap .gnb-wrap .gnb > ul > li > a {
      display: block;
      width: 90px;
      padding: 55px 0 13px;
      font-size: 12px;
      color: #fff;
      border-bottom: 1px solid #3a85c2;
      text-align: center; }
    .header .navi-wrap .gnb-wrap .gnb > ul > li > div {
      position: absolute;
      top: 0;
      left: 90px;
      display: none;
      width: calc(100% - 90px);
      padding: 14px 12px;
      z-index: 101; }
      .header .navi-wrap .gnb-wrap .gnb > ul > li > div .tit {
        display: block;
        padding-bottom: 8px;
        font-size: 17px;
        font-weight: 500;
        color: #333;
        border-bottom: 2px solid #333; }
      .header .navi-wrap .gnb-wrap .gnb > ul > li > div > ul > li > a {
        position: relative;
        display: block;
        width: 100%;
        padding: 11px 0 11px 10px;
        font-size: 14px;
        color: #222;
        border-bottom: 1px solid #d6d6d6; }
        .header .navi-wrap .gnb-wrap .gnb > ul > li > div > ul > li > a.active {
          font-weight: 500;
          color: #0666b2; }
          .header .navi-wrap .gnb-wrap .gnb > ul > li > div > ul > li > a.active + ul {
            display: block; }
      .header .navi-wrap .gnb-wrap .gnb > ul > li > div > ul > li > ul {
        display: none;
        padding: 8px 10px;
        border: 1px solid #d6d6d6;
        border-top: 0;
        background: #f6f6f6; }
        .header .navi-wrap .gnb-wrap .gnb > ul > li > div > ul > li > ul a {
          position: relative;
          display: block;
          padding: 4px 0 4px 9px; }
          .header .navi-wrap .gnb-wrap .gnb > ul > li > div > ul > li > ul a:before {
            content: "";
            position: absolute;
            top: 13px;
            left: 0;
            width: 3px;
            height: 3px;
            background: #999;
            transform: rotate(-45deg); }
          .header .navi-wrap .gnb-wrap .gnb > ul > li > div > ul > li > ul a.active {
            font-weight: 400;
            color: #0666b2; }
            .header .navi-wrap .gnb-wrap .gnb > ul > li > div > ul > li > ul a.active:before {
              background: #0966b3; }
  .header .navi-wrap .gnb-wrap .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 56px;
    background-image: url(../../images/gwn-kr/icon_close_m.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 50% 50%; }
  .header .navi-wrap .btn-menu {
    position: absolute;
    top: 42px;
    right: 10px;
    width: 34px;
    height: 34px;
    background-image: url(../../images/gwn-kr/btn_menu.png);
    background-repeat: no-repeat;
    background-size: 100%; }

.footer {
  padding: 15px 0;
  background-color: #404447; }
  .footer .footer-logo {
    width: 71px;
    height: 27px;
    margin: 0 auto;
    background-image: url(../../images/gwn-kr/f_logo_m.png);
    background-size: 71px 27px; }
  .footer .footer-content {
    font-size: 11px; }
    .footer .footer-content .utill {
      display: none; }
    .footer .footer-content .copyright {
      padding: 9px 0 13px;
      color: #fff;
      text-align: center; }
  .footer .family {
    position: relative;
    width: 165px;
    margin: 0 auto;
    font-size: 12px; }
    .footer .family .btn {
      display: block;
      width: 100%;
      height: 31px;
      padding-left: 8px;
      color: #fff;
      background-image: url(../../images/gwn-kr/arr_f_select_m.png);
      background-repeat: no-repeat;
      background-position: calc(100% - 8px) 50%;
      background-size: 8px;
      border: 1px solid #fff;
      text-align: left; }
      .footer .family .btn.open {
        background-image: url(../../images/gwn-kr/arr_f_select_on_m.png); }
        .footer .family .btn.open + ul {
          display: block; }
    .footer .family ul {
      display: none;
      position: absolute;
      bottom: 30px;
      left: 0;
      width: 100%;
      padding: 5px 0;
      background-color: #f6f6f6;
      border: 1px solid #d6d6d6; }
      .footer .family ul li a {
        display: block;
        width: 100%;
        padding: 4px 0 4px 8px; }
        .footer .family ul li a:hover, .footer .family ul li a:focus {
          text-decoration: underline; }

.content .tit-area {
  padding: 26px 0 12px;
  text-align: center; }
  .content .tit-area h3 {
    font-size: 22px;
    font-weight: 500;
    color: #222; }
  .content .tit-area .utill-area {
    margin-top: 8px;
    text-align: center; }
    .content .tit-area .utill-area .count-list {
      display: inline-block;
      vertical-align: middle; }
      .content .tit-area .utill-area .count-list li {
        float: left;
        margin-right: 10px;
        font-size: 12px; }
        .content .tit-area .utill-area .count-list li button {
          width: 13px;
          height: 13px;
          display: inline-block;
          margin-right: 5px;
          vertical-align: middle;
          background-repeat: no-repeat; }
        .content .tit-area .utill-area .count-list li.print button {
          width: 13px;
          height: 13px;
          background-image: url(../../images/ik-kr/icon_print_m.gif);
          background-size: 13px 13px; }
        .content .tit-area .utill-area .count-list li.pdf button {
          width: 13px;
          height: 13px;
          background-image: url(../../images/ik-kr/icon_pdf_m.gif);
          background-size: 13px 13px; }
        .content .tit-area .utill-area .count-list li.img button {
          width: 10px;
          height: 13px;
          background-image: url(../../images/ik-kr/icon_img_m.gif);
          background-size: 10px 13px; }
        .content .tit-area .utill-area .count-list li.share button {
          width: 13px;
          height: 13px;
          background-image: url(../../images/ik-kr/icon_share_m.gif);
          background-size: 13px 13px; }
    .content .tit-area .utill-area .share-area {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: 26px;
      height: 26px; }
      .content .tit-area .utill-area .share-area .btn {
        width: 26px;
        height: 26px;
        background-image: url(../../images/gwn-kr/icon_share02_m.gif);
        background-size: 100%; }
        .content .tit-area .utill-area .share-area .btn.active {
          background-image: url(../../images/gwn-kr/icon_share_close_m.gif); }
          .content .tit-area .utill-area .share-area .btn.active + ul {
            display: block; }
      .content .tit-area .utill-area .share-area > ul {
        display: none;
        position: absolute;
        top: 35px;
        left: 50%;
        width: 110px;
        margin-left: -55px;
        padding: 10px 0 5px 10px;
        background: #fff;
        border: 1px solid #333;
        z-index: 1; }
        .content .tit-area .utill-area .share-area > ul:before {
          content: '';
          position: absolute;
          top: 0;
          left: 50%;
          width: 10px;
          height: 5px;
          margin-left: -5px;
          margin-top: -5px;
          background-image: url(../../images/gwn-kr/arr_share_m.png);
          background-size: 10px 5px; }
        .content .tit-area .utill-area .share-area > ul li {
          float: left;
          margin-right: 5px;
          margin-bottom: 5px; }
          .content .tit-area .utill-area .share-area > ul li a {
            display: block;
            width: 26px;
            height: 26px;
            font-size: 0;
            background-size: 100%; }
            .content .tit-area .utill-area .share-area > ul li a.facebook {
              background-image: url(../../images/gwn-kr/icon_share_facebook_m.png); }
            .content .tit-area .utill-area .share-area > ul li a.twitter {
              background-image: url(../../images/gwn-kr/icon_share_twitter_m.png); }
            .content .tit-area .utill-area .share-area > ul li a.pinterest {
              background-image: url(../../images/gwn-kr/icon_share_pinterest_m.png); }
            .content .tit-area .utill-area .share-area > ul li a.google {
              background-image: url(../../images/gwn-kr/icon_share_google_m.png); }
            .content .tit-area .utill-area .share-area > ul li a.weibo {
              background-image: url(../../images/gwn-kr/icon_share_weibo_m.png); }
            .content .tit-area .utill-area .share-area > ul li a.renrenwang {
              background-image: url(../../images/gwn-kr/icon_share_renrenwang_m.png); }

.location {
  padding: 6px 0;
  text-align: center;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #999; }
  .location li {
    position: relative;
    display: inline-block;
    padding: 0 6px;
    font-size: 12px; }
    .location li:last-child {
      font-weight: 400;
      color: #333; }
    .location li + li:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      width: 5px;
      height: 9px;
      margin-left: -3px;
      margin-top: -4px;
      background: url(../../images/gwn-kr/arr_location_m.gif);
      background-size: 5px 9px;
      -webkit-print-color-adjust: exact; }

.ctn {
  padding: 25px 0 40px; }

.sub-tit01 {
  position: relative;
  display: block;
  padding: 0 0 10px 22px;
  font-size: 16px;
  font-weight: 500;
  color: #222; }
  .sub-tit01:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 15px;
    height: 15px;
    background-image: url(../../images/gwn-kr/bul_subtit01_m.png);
    background-size: 100%;
    -webkit-print-color-adjust: exact; }
  .sub-tit01 + .table-top {
    margin-top: -10px; }

.sub-tit02 {
  position: relative;
  display: block;
  padding: 0 0 4px 8px;
  font-size: 14px;
  font-weight: 500;
  color: #0966b3; }
  .sub-tit02:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 4px;
    height: 13px;
    background-color: #0966b3;
    border-radius: 2px; }
  .sub-tit02 .s-tit {
    font-size: 12px; }
  .sub-tit02.mb {
    padding: 0 0 15px 11px; }

.sub-tit03 {
  position: relative;
  display: block;
  padding: 0 0 5px 14px;
  font-weight: 500;
  color: #222; }
  .sub-tit03:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 9px;
    height: 9px;
    font-size: 14px;
    background-image: url(../../images/gwn-kr/bul_subtit03_m.png);
    background-repeat: no-repeat;
    background-size: 9px;
    -webkit-print-color-adjust: exact; }

.sub-tit04 {
  position: relative;
  display: block;
  padding: 0 0 5px 8px;
  font-weight: 500;
  color: #0f3966; }
  .sub-tit04:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 3px;
    height: 5px;
    background-image: url(../../images/gwn-kr/bul_subtit04_m.png);
    background-repeat: no-repeat;
    background-size: 3px 5px;
    -webkit-print-color-adjust: exact; }

.normal-tit {
  position: relative;
  display: block;
  padding: 0 0 4px 17px;
  font-size: 14px;
  font-weight: 500;
  color: #333; }
  .normal-tit:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 13px;
    height: 13px;
    background-image: url(../../images/gwn-kr/bul_normal_tit_m.png);
    background-size: 100%;
    -webkit-print-color-adjust: exact; }

.table {
  position: relative;
  overflow: auto;
  text-align: center;
  border-top: 2px solid #666; }
  .table .normal-table thead th {
    padding: 11px 3px;
    font-weight: 500;
    color: #333;
    background-color: #edf4fa;
    border-width: 1px;
    border-style: none solid solid none;
    border-color: #d6d6d6; }
    .table .normal-table thead th:last-child {
      border-right: 0; }
    .table .normal-table thead th.br-gray {
      border-right: solid 1px #d6d6d6; }
  .table .normal-table tbody th, .table .normal-table tbody td {
    padding: 11px 5px;
    border-width: 1px;
    border-style: none solid solid none;
    border-color: #d6d6d6; }
    .table .normal-table tbody th.txt-left, .table .normal-table tbody td.txt-left {
      padding-left: 15px; }
    .table .normal-table tbody th.txt-right, .table .normal-table tbody td.txt-right {
      padding-right: 15px; }
    .table .normal-table tbody th:last-child, .table .normal-table tbody td:last-child {
      border-right: 0; }
    .table .normal-table tbody th.br-gray, .table .normal-table tbody td.br-gray {
      border-right: solid 1px #d6d6d6; }
    .table .normal-table tbody th.last, .table .normal-table tbody td.last {
      border-bottom: 1px solid #999; }
  .table .normal-table tbody tr:last-child th, .table .normal-table tbody tr:last-child td {
    border-bottom: 1px solid #999; }
  .table .normal-table tbody th {
    font-weight: 500;
    color: #333;
    background-color: #f6f6f6; }
  .table .normal-table .highlight {
    color: #333;
    font-weight: 500;
    background-image: url(../../images/gwn-kr/bg_highlight.gif); }
  .table .normal-table .bg-gray {
    background-color: #f6f6f6;
    color: #333;
    font-weight: 500; }
  .table .info-scroll {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1; }
    .table .info-scroll .txt {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      padding-top: 40px;
      color: #fff;
      background-image: url(../../images/gwn-kr/icon_m_scroll.png);
      background-repeat: no-repeat;
      background-size: 30px;
      background-position: 50% calc(50% - 22px);
      vertical-align: middle;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
      .table .info-scroll .txt strong {
        font-weight: 500; }
      .table .info-scroll .txt div {
        margin-top: 2px;
        color: #eee; }

.layer-popup-box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000; }
  .layer-popup-box .popup {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 20px);
    background-color: #fff;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
    .layer-popup-box .popup .top {
      position: relative;
      background-color: #0f3966; }
      .layer-popup-box .popup .top .tit {
        padding: 10px 50px 10px 15px;
        font-size: 17px;
        font-weight: 500;
        color: #fff; }
        .layer-popup-box .popup .top .tit .cate {
          font-size: 13px;
          font-weight: 300;
          color: #fff; }
      .layer-popup-box .popup .top .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        width: 46px;
        height: 100%;
        background-color: #0a2847;
        background-image: url(../../images/gwn-kr/icon_close_m.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 16px; }
    .layer-popup-box .popup .pop-content {
      overflow-y: auto;
      max-height: calc(100vh - 200px);
      padding: 20px 15px 0 15px; }
      .layer-popup-box .popup .pop-content:after {
        content: '';
        display: block;
        width: 100%;
        height: 20px; }
      .layer-popup-box .popup .pop-content .box + .box {
        margin-top: 8px; }
      .layer-popup-box .popup .pop-content .normal-box {
        margin-bottom: 0; }
  .layer-popup-box.active {
    display: block; }

body.page-pdf .header, body.page-pdf .footer, body.page-pdf .lnb, body.page-pdf .aside {
  display: none; }
body.page-pdf .container .inner {
  width: 100%;
  padding: 0; }
body.page-pdf .content {
  float: none;
  width: 100%; }

body.pdf .container .inner {
  width: 100%;
  padding: 0; }
body.pdf .container .ctn {
  padding: 0; }
body.pdf .content {
  float: none;
  width: 100%; }
body.pdf .layer-popup-box {
  height: auto !important;
  position: static !important;
  background-color: transparent !important; }
  body.pdf .layer-popup-box .popup {
    position: static !important;
    width: 100% !important;
    background-color: transparent !important;
    transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important; }
    body.pdf .layer-popup-box .popup .pop-content {
      max-height: none !important;
      padding: 20px 15px !important; }
      body.pdf .layer-popup-box .popup .pop-content .chart-wrap {
        padding: 0;
        border: 0; }
        body.pdf .layer-popup-box .popup .pop-content .chart-wrap .chart-area {
          height: auto !important;
          padding: 13px 18px;
          border: 1px solid #d6d6d6; }

.checkbox, .radio {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle; }
  .checkbox label, .radio label {
    position: relative;
    padding-left: 22px; }
    .checkbox label:before, .radio label:before {
      content: '';
      position: absolute;
      top: 2px;
      left: 0;
      width: 17px;
      height: 17px;
      background-size: 100%; }

.checkbox2, .radio2 {
  display: inline-block;
  vertical-align: middle; }
  .checkbox2 label, .radio2 label {
    display: block;
    width: 17px;
    height: 17px;
    text-indent: -9999px;
    font-size: 0;
    background-size: 100%; }

.checkbox label:before, .checkbox2 label:before {
  background-image: url(../../images/gwn-kr/checkbox_m.png);
  -webkit-print-color-adjust: exact; }
.checkbox input[type=checkbox]:checked + label:before, .checkbox2 input[type=checkbox]:checked + label:before {
  background-image: url(../../images/gwn-kr/checkbox_on_m.png); }

.radio label:before, .radio2 label:before {
  background-image: url(../../images/gwn-kr/radio_m.png);
  -webkit-print-color-adjust: exact; }
.radio input[type=radio]:checked + label:before, .radio2 input[type=radio]:checked + label:before {
  background-image: url(../../images/gwn-kr/radio_on_m.png); }

.btn-area {
  margin-top: 15px; }
  .btn-area:after {
    content: '';
    display: block;
    clear: both; }

.btn-default {
  height: 36px;
  padding: 0 15px;
  line-height: 34px; }

.btn-default-s {
  display: inline-block;
  min-width: 43px;
  height: 31px;
  padding: 0 9px;
  font-size: 12px;
  line-height: 29px; }

[class^="btn-default"] {
  display: inline-block;
  background-color: #666;
  border-width: 1px;
  border-style: solid;
  border-color: #666;
  color: #fff;
  vertical-align: top; }
  [class^="btn-default"].bg-blue {
    background-color: #0966b3;
    border-color: #0966b3; }
  [class^="btn-default"].bg-green {
    background-color: #0f997b;
    border-color: #0f997b; }
  [class^="btn-default"].bg-light-gray {
    color: #333;
    background-color: #f6f6f6;
    border-color: #d6d6d6; }
  [class^="btn-default"] + .btn-default {
    margin-left: 2px; }
  [class^="btn-default"].bg-navy {
    background-color: #0f3966;
    border-color: #0f3966; }

.tab {
  margin-bottom: 14px; }
  .tab:after {
    content: '';
    display: block;
    clear: both; }
  .tab li {
    float: left;
    width: 50%; }
    .tab li a {
      position: relative;
      display: table-cell;
      width: 100vw;
      height: 40px;
      padding: 0 27px 0 10px;
      font-size: 14px;
      color: #555;
      background-image: url(../../images/gwn-kr/icon_tab_m.gif);
      background-repeat: no-repeat;
      background-position: calc(100% - 10px) 50%;
      background-size: 15px;
      vertical-align: middle;
      line-height: 1.3; }
      .tab li a.active {
        font-weight: 500;
        color: #fff;
        background-color: #0f997b;
        background-image: url(../../images/gwn-kr/icon_tab_on_m.gif); }
        .tab li a.active:before {
          content: '';
          position: absolute;
          top: -1px;
          left: -1px;
          right: -1px;
          bottom: -1px;
          height: 40px;
          border: 1px solid #0f997b; }

.tab-content {
  display: none; }
  .tab-content.first {
    display: block; }

.list01 > li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 9px; }
  .list01 > li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 3px;
    height: 3px;
    background-color: #666;
    border-radius: 50%; }
  .list01 > li:last-child {
    margin-bottom: 0; }
  .list01 > li > ul {
    margin-top: 5px; }
.list01.indent {
  margin-left: 8px; }

.list02 > li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 8px; }
  .list02 > li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 1px;
    background-color: #666; }
  .list02 > li:last-child {
    margin-bottom: 0; }
  .list02 > li > ul {
    margin-top: 5px; }

.num-list01 > li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 14px; }
  .num-list01 > li ul {
    margin-top: 5px; }
  .num-list01 > li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0; }
  .num-list01 > li:nth-child(1):before {
    content: '1)'; }
  .num-list01 > li:nth-child(2):before {
    content: '2)'; }
  .num-list01 > li:nth-child(3):before {
    content: '3)'; }
  .num-list01 > li:nth-child(4):before {
    content: '4)'; }
  .num-list01 > li:nth-child(5):before {
    content: '5)'; }
  .num-list01 > li:nth-child(6):before {
    content: '6)'; }
  .num-list01 > li:nth-child(7):before {
    content: '7)'; }
  .num-list01 > li:nth-child(8):before {
    content: '8)'; }
  .num-list01 > li:nth-child(9):before {
    content: '9)'; }
  .num-list01 > li:last-child {
    margin-bottom: 0; }

.paging {
  margin-top: 10px;
  font-size: 0;
  text-align: center; }
  .paging > a {
    background-position: 50% 50%;
    background-repeat: no-repeat; }
  .paging * {
    display: inline-block;
    font-size: 13px;
    vertical-align: top; }
  .paging strong {
    font-weight: 500;
    color: #0966b3; }
  .paging a, .paging strong {
    width: 20px;
    height: 20px;
    line-height: 20px; }
  .paging .btn-paging01 {
    background-image: url(../../images/gwn-kr/paging_prev01_m.png);
    background-size: 10px 12px; }
  .paging .btn-paging02 {
    margin-right: 5px;
    background-image: url(../../images/gwn-kr/paging_prev02_m.png);
    background-size: 7px 12px; }
  .paging .btn-paging03 {
    margin-left: 5px;
    background-image: url(../../images/gwn-kr/paging_next01_m.png);
    background-size: 7px 12px; }
  .paging .btn-paging04 {
    background-image: url(../../images/gwn-kr/paging_next02_m.png);
    background-size: 10px 12px; }

@media all and (max-width: 1217px) {
  /* 공통 스타일*/
  .inner {
    padding: 0 10px; }

  .header .navi-wrap .gnb-wrap {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 101;
    transition: left 0.5s ease;
    overflow-y: auto;
    background-image: url(../../images/gwn-kr/bg_navi.gif);
    background-repeat: repeat-y; }
    .header .navi-wrap .gnb-wrap .gnb > ul > li.mn_introduce > a {
      background-image: url(../../images/gwn-kr/icon_gnb01.png);
      background-size: 31px; }
      .header .navi-wrap .gnb-wrap .gnb > ul > li.mn_introduce > a.active {
        background-image: url(../../images/gwn-kr/icon_gnb01_on.png); }
    .header .navi-wrap .gnb-wrap .gnb > ul > li.mn_strength > a {
      background-image: url(../../images/gwn-kr/icon_gnb02.png);
      background-size: 29px; }
      .header .navi-wrap .gnb-wrap .gnb > ul > li.mn_strength > a.active {
        background-image: url(../../images/gwn-kr/icon_gnb02_on.png); }
    .header .navi-wrap .gnb-wrap .gnb > ul > li.mn_industry > a {
      background-image: url(../../images/gwn-kr/icon_gnb03.png);
      background-size: 28px; }
      .header .navi-wrap .gnb-wrap .gnb > ul > li.mn_industry > a.active {
        background-image: url(../../images/gwn-kr/icon_gnb03_on.png); }
    .header .navi-wrap .gnb-wrap .gnb > ul > li.mn_project > a {
      background-image: url(../../images/gwn-kr/icon_gnb04.png);
      background-size: 33px; }
      .header .navi-wrap .gnb-wrap .gnb > ul > li.mn_project > a.active {
        background-image: url(../../images/gwn-kr/icon_gnb04_on.png); }
    .header .navi-wrap .gnb-wrap .gnb > ul > li.mn_guide > a {
      background-image: url(../../images/gwn-kr/icon_gnb05.png);
      background-size: 23px; }
      .header .navi-wrap .gnb-wrap .gnb > ul > li.mn_guide > a.active {
        background-image: url(../../images/gwn-kr/icon_gnb05_on.png); }
    .header .navi-wrap .gnb-wrap .gnb > ul > li.mn_news > a {
      background-image: url(../../images/gwn-kr/icon_gnb06.png);
      background-size: 20px; }
      .header .navi-wrap .gnb-wrap .gnb > ul > li.mn_news > a.active {
        background-image: url(../../images/gwn-kr/icon_gnb06_on.png); }
    .header .navi-wrap .gnb-wrap .gnb > ul > li > a {
      background-repeat: no-repeat;
      background-position: 50% 15px; }
    .header .navi-wrap .gnb-wrap .gnb > ul > li > .active {
      font-weight: 500;
      color: #0966b3;
      background-color: #fff; }
      .header .navi-wrap .gnb-wrap .gnb > ul > li > .active + div {
        display: block; }
    .header .navi-wrap .gnb-wrap.open {
      left: 0; }
    .header .navi-wrap .gnb-wrap .has_dep3:before {
      content: '';
      position: absolute;
      top: 50%;
      right: 12px;
      width: 15px;
      height: 1px;
      background: #666; }
    .header .navi-wrap .gnb-wrap .has_dep3:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 19px;
      width: 1px;
      height: 15px;
      margin-top: -7px;
      background: #666; }
    .header .navi-wrap .gnb-wrap .has_dep3.active:before {
      background: #0966b3; }
    .header .navi-wrap .gnb-wrap .has_dep3.active:after {
      display: none; }
    .header .navi-wrap .gnb-wrap .tit-content {
      display: none; }

  .lnb, .aside {
    display: none; }

  .table .m-scroll {
    min-width: 840px; }
  .table .m-scroll02 {
    min-width: 640px; }

  .tab li {
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6; }
    .tab li:nth-child(odd) {
      border-left: 1px solid #d6d6d6; }
    .tab li:nth-child(1), .tab li:nth-child(2) {
      border-top: 1px solid #d6d6d6; } }
@media all and (min-width: 1218px), print {
  /* 공통스타일 */
  body {
    font-size: 15px; }

  select,
  input[type='text'],
  input[type='password'] {
    height: 42px;
    font-size: 14px; }

  select {
    background-image: url(../../images/gwn-kr/arr_select.png);
    background-size: auto;
    background-position: calc(100% - 10px) 50%; }

  textarea {
    font-size: 14px;
    padding: 10px; }

  .pc-content {
    display: block !important; }

  .m-content {
    display: none !important; }

  .inner {
    width: 1200px;
    margin: 0 auto;
    padding: 0; }

  .header {
    height: auto; }
    .header .header-link {
      display: block;
      height: 40px; }
      .header .header-link .lang_box {
        border-left: 1px solid rgba(255, 255, 255, 0.3); }
        .header .header-link .lang_box > a {
          width: 165px;
          height: 40px;
          padding-left: 32px;
          background: url(../../images/gwn-kr/icon_select_lang_pc.png) 10px 50%/auto, url(../../images/gwn-kr/arr_f_select.png) right 10px top 50%/auto;
          background-repeat: no-repeat;
          font-size: 14px;
          line-height: 38px;
          cursor: pointer; }
          .header .header-link .lang_box > a.eng {
            font-size: 12px; }
        .header .header-link .lang_box .lang {
          display: none;
          top: 40px;
          left: -1px; }
          .header .header-link .lang_box .lang > li > a {
            width: 165px;
            height: 40px;
            font-size: 14px;
            line-height: 40px; }
        .header .header-link .lang_box.active a {
          background: url(../../images/gwn-kr/icon_select_lang_pc.png) 10px 50%/auto, url(../../images/gwn-kr/arr_f_select_on.png) right 10px top 50%/auto;
          background-repeat: no-repeat; }
      .header .header-link .sns {
        display: block;
        float: left; }
        .header .header-link .sns > li {
          float: left; }
          .header .header-link .sns > li a {
            height: 40px;
            padding: 0 15px; }
          .header .header-link .sns > li:after {
            content: '';
            height: 14px;
            margin-top: -7px; }
      .header .header-link .btn_rep_site {
        width: 145px;
        height: 40px;
        padding: 0 40px 0 20px;
        background-image: url(../../images/gwn-kr/bg_reqsite_pc.png);
        background-position: right 15px top 50%;
        background-size: auto;
        font-size: 14px;
        line-height: 40px; }
    .header .header-content {
      height: 80px; }
      .header .header-content .inner {
        position: relative;
        height: 80px; }
      .header .header-content .logo {
        position: absolute;
        left: 0;
        background-size: auto; }
      .header .header-content .gwn {
        width: 128px;
        height: 40px;
        background-image: url(../../images/gwn-kr/logo.png); }
      .header .header-content .bsn {
        width: 88px;
        height: 40px;
        background-image: url(../../images/bsn-kr/logo.png); }
      .header .header-content .cb {
        width: 138px;
        height: 40px;
        background-image: url(../../images/cb-kr/logo.png); }
      .header .header-content .chn {
        width: 132px;
        height: 40px;
        background-image: url(../../images/chn-kr/logo.png); }
      .header .header-content .dg {
        width: 160px;
        height: 38px;
        background-image: url(../../images/dg-kr/logo.png); }
      .header .header-content .dj {
        width: 158px;
        height: 34px;
        background-image: url(../../images/dj-kr/logo.png); }
      .header .header-content .gj {
        width: 134px;
        height: 38px;
        background-image: url(../../images/gj-kr/logo.png); }
      .header .header-content .jj {
        width: 104px;
        height: 40px;
        background-image: url(../../images/jj-kr/logo.png); }
      .header .header-content .jnbk {
        width: 120px;
        height: 40px;
        background-image: url(../../images/jnbk-kr/logo.png); }
      .header .header-content .us {
        width: 146px;
        height: 38px;
        background-image: url(../../images/us-kr/logo.png); }
      .header .header-content .top-search-wrap .btn-search {
        top: 15px;
        right: 0;
        width: 50px;
        height: 50px;
        background: url(../../images/gwn-kr/btn_search_pc.png);
        z-index: 1; }
    .header .navi-wrap {
      display: block;
      position: absolute;
      top: 40px;
      right: calc((100% - 1200px) / 2); }
      .header .navi-wrap .gnb-wrap {
        width: 1200px;
        margin: 0 auto; }
        .header .navi-wrap .gnb-wrap .gnb-tit {
          display: none; }
        .header .navi-wrap .gnb-wrap .gnb {
          position: static;
          padding: 0 75px 0 165px; }
          .header .navi-wrap .gnb-wrap .gnb > ul {
            float: right; }
            .header .navi-wrap .gnb-wrap .gnb > ul:after {
              content: '';
              display: block;
              clear: both; }
            .header .navi-wrap .gnb-wrap .gnb > ul > li {
              display: inline-block;
              padding: 0 22px;
              text-align: left; }
              .header .navi-wrap .gnb-wrap .gnb > ul > li > a {
                position: relative;
                display: block;
                width: 100%;
                height: 81px;
                padding: 0;
                font-weight: 400;
                font-size: 20px;
                color: #222;
                line-height: 80px;
                text-align: center;
                border-bottom: 0; }
                .header .navi-wrap .gnb-wrap .gnb > ul > li > a:before {
                  content: '';
                  position: absolute;
                  bottom: 18px;
                  left: 50%;
                  width: 0;
                  height: 3px;
                  background-color: #0966b3;
                  transition: width 0.5s,left 0.5s; }
                .header .navi-wrap .gnb-wrap .gnb > ul > li > a.open {
                  color: #0666b2; }
                  .header .navi-wrap .gnb-wrap .gnb > ul > li > a.open:before {
                    width: 100%;
                    left: 0; }
                  .header .navi-wrap .gnb-wrap .gnb > ul > li > a.open + div {
                    background: #fff; }
              .header .navi-wrap .gnb-wrap .gnb > ul > li > div {
                top: 81px;
                overflow: hidden;
                display: none;
                width: 200px;
                padding: 23px 17px;
                background: #edf4fa;
                border-left: 1px solid #d6d6d6;
                z-index: 102; }
                .header .navi-wrap .gnb-wrap .gnb > ul > li > div .tit {
                  border-bottom-width: 1px;
                  margin-bottom: 8px;
                  padding-bottom: 10px;
                  font-weight: 400;
                  font-size: 18px;
                  text-align: center; }
                .header .navi-wrap .gnb-wrap .gnb > ul > li > div ul li a {
                  position: relative;
                  border: 0;
                  padding: 0;
                  padding-top: 8px;
                  padding-left: 8px;
                  font-weight: 300;
                  font-size: 15px;
                  color: #666; }
                  .header .navi-wrap .gnb-wrap .gnb > ul > li > div ul li a:before {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 17px;
                    left: 0;
                    width: 3px;
                    height: 3px;
                    background: #666;
                    transform: rotate(45deg); }
                  .header .navi-wrap .gnb-wrap .gnb > ul > li > div ul li a.active {
                    font-weight: 300;
                    color: #666; }
                    .header .navi-wrap .gnb-wrap .gnb > ul > li > div ul li a.active:before {
                      background: #666; }
                  .header .navi-wrap .gnb-wrap .gnb > ul > li > div ul li a:hover, .header .navi-wrap .gnb-wrap .gnb > ul > li > div ul li a:focus {
                    font-weight: 400;
                    color: #0966b3; }
                    .header .navi-wrap .gnb-wrap .gnb > ul > li > div ul li a:hover:before, .header .navi-wrap .gnb-wrap .gnb > ul > li > div ul li a:focus:before {
                      background-color: #0966b3; }
                .header .navi-wrap .gnb-wrap .gnb > ul > li > div ul ul {
                  display: none !important; }
              .header .navi-wrap .gnb-wrap .gnb > ul > li:nth-child(1) > div {
                left: 0; }
              .header .navi-wrap .gnb-wrap .gnb > ul > li:nth-child(1):nth-last-child(5) > div {
                width: 240px; }
              .header .navi-wrap .gnb-wrap .gnb > ul > li:nth-child(2) > div {
                left: 200px; }
              .header .navi-wrap .gnb-wrap .gnb > ul > li:nth-child(2):nth-last-child(4) > div {
                left: 240px;
                width: 240px; }
              .header .navi-wrap .gnb-wrap .gnb > ul > li:nth-child(3) > div {
                left: 400px; }
              .header .navi-wrap .gnb-wrap .gnb > ul > li:nth-child(3):nth-last-child(3) > div {
                left: 480px;
                width: 240px; }
              .header .navi-wrap .gnb-wrap .gnb > ul > li:nth-child(4) > div {
                left: 600px; }
              .header .navi-wrap .gnb-wrap .gnb > ul > li:nth-child(4):nth-last-child(2) > div {
                left: 720px;
                width: 240px; }
              .header .navi-wrap .gnb-wrap .gnb > ul > li:nth-child(5) > div {
                left: 800px; }
              .header .navi-wrap .gnb-wrap .gnb > ul > li:nth-child(5):nth-last-child(1) > div {
                left: 960px;
                width: 240px;
                border-right: 1px solid #d6d6d6; }
              .header .navi-wrap .gnb-wrap .gnb > ul > li:nth-child(6) > div {
                left: 1000px;
                border-right: 1px solid #d6d6d6; }
        .header .navi-wrap .gnb-wrap .btn-close {
          display: none; }
      .header .navi-wrap .btn-menu {
        display: none; }
    .header .bg {
      position: absolute;
      top: 121px;
      left: 0;
      width: 100%;
      height: 0;
      background: #edf4fa;
      box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.3);
      z-index: 100; }

  .footer {
    padding: 25px 0; }
    .footer .inner {
      position: relative; }
    .footer .footer-logo {
      position: absolute;
      top: 0;
      left: 0;
      width: 116px;
      height: 44px;
      margin: 0;
      background-image: url(../../images/gwn-kr/f_logo.png);
      background-size: auto; }
    .footer .footer-content {
      padding-left: 166px;
      font-size: 14px; }
      .footer .footer-content .utill {
        display: block;
        overflow: hidden; }
        .footer .footer-content .utill li {
          float: left; }
          .footer .footer-content .utill li a {
            position: relative;
            display: block;
            padding: 0 14px;
            color: #fff; }
            .footer .footer-content .utill li a:before {
              content: '';
              position: absolute;
              top: 50%;
              left: 0;
              width: 1px;
              height: 12px;
              margin-top: -6px;
              background-color: #66696c; }
            .footer .footer-content .utill li a.privacy {
              color: #ffcc00; }
          .footer .footer-content .utill li:first-child a {
            padding-left: 0; }
            .footer .footer-content .utill li:first-child a:before {
              display: none; }
      .footer .footer-content .copyright {
        padding: 0;
        text-align: left; }
        .footer .footer-content .copyright > div {
          margin-top: 5px; }
    .footer .family {
      position: absolute;
      top: 0;
      right: 0;
      width: 230px;
      margin: 0;
      font-size: 14px; }
      .footer .family .btn {
        height: 42px;
        padding-left: 10px;
        background-image: url(../../images/gwn-kr/arr_f_select.png);
        background-position: calc(100% - 10px) 50%;
        background-size: auto; }
        .footer .family .btn.open {
          background-image: url(../../images/gwn-kr/arr_f_select_on.png); }
      .footer .family ul {
        bottom: 41px;
        padding: 8px 0; }
        .footer .family ul li a {
          padding: 4px 0 4px 10px; }

  .container .inner {
    padding-top: 40px; }
    .container .inner:after {
      content: '';
      clear: both;
      display: block; }

  .lnb {
    float: left;
    width: 230px; }
    .lnb .lnb-tit {
      padding-bottom: 23px;
      font-size: 28px;
      font-weight: 500;
      color: #222;
      background-image: url(../../images/gwn-kr/bg_lnb.gif);
      background-repeat: no-repeat;
      background-position: 100% 100%; }
    .lnb > ul > li {
      width: 230px;
      border-bottom: 1px solid #d6d6d6;
      word-break: break-all; }
      .lnb > ul > li > a {
        position: relative;
        display: table-cell;
        width: 100vw;
        height: 54px;
        padding: 0 30px 0 14px;
        font-size: 16px;
        color: #555;
        vertical-align: middle;
        word-break: break-all; }
        .lnb > ul > li > a.active {
          font-weight: 500;
          color: #fff;
          background-color: #0966b3; }
          .lnb > ul > li > a.active + ul {
            display: block;
            padding: 12px 15px;
            background: #f6f6f6; }
            .lnb > ul > li > a.active + ul li a {
              position: relative;
              display: block;
              padding: 3px 0 3px 10px;
              font-size: 15px; }
              .lnb > ul > li > a.active + ul li a:before {
                content: "";
                position: absolute;
                top: 12px;
                left: 0;
                width: 4px;
                height: 4px;
                background: #999;
                transform: rotate(-45deg); }
              .lnb > ul > li > a.active + ul li a.active, .lnb > ul > li > a.active + ul li a:hover, .lnb > ul > li > a.active + ul li a:focus {
                font-weight: 400;
                color: #0966b3;
                text-decoration: underline; }
                .lnb > ul > li > a.active + ul li a.active:before, .lnb > ul > li > a.active + ul li a:hover:before, .lnb > ul > li > a.active + ul li a:focus:before {
                  background: #0966b3; }
        .lnb > ul > li > a:hover, .lnb > ul > li > a:focus {
          font-weight: 500;
          color: #fff;
          background-color: #0966b3; }
          .lnb > ul > li > a:hover.has_dep3:before, .lnb > ul > li > a:focus.has_dep3:before {
            background: #fff; }
          .lnb > ul > li > a:hover.has_dep3:after, .lnb > ul > li > a:focus.has_dep3:after {
            background: #fff; }
        .lnb > ul > li > a.has_dep3:before {
          content: '';
          position: absolute;
          top: 27px;
          right: 12px;
          width: 15px;
          height: 1px;
          background: #666; }
        .lnb > ul > li > a.has_dep3:after {
          content: '';
          position: absolute;
          top: 20px;
          right: 19px;
          width: 1px;
          height: 15px;
          background: #666; }
        .lnb > ul > li > a.has_dep3.active:before {
          background: #fff; }
        .lnb > ul > li > a.has_dep3.active:after {
          display: none; }
      .lnb > ul > li > ul {
        display: none; }
      .lnb > ul > li:first-child {
        border-top: 2px solid #0966b3; }

  .content {
    float: right;
    width: 930px; }
    .content .tit-area {
      position: relative;
      padding: 0 0 19px 0;
      text-align: left; }
      .content .tit-area h3 {
        font-size: 34px;
        max-width: calc(100% - 260px);
        line-height: 1.3; }
        .content .tit-area h3.type01 {
          max-width: calc(100% - 300px); }
      .content .tit-area .utill-area {
        position: absolute;
        bottom: 20px;
        right: 0; }
        .content .tit-area .utill-area .count-list li {
          margin-right: 15px;
          font-size: 14px; }
          .content .tit-area .utill-area .count-list li button {
            display: inline-block;
            margin-right: 5px;
            vertical-align: middle;
            background-repeat: no-repeat; }
          .content .tit-area .utill-area .count-list li:before {
            display: none; }
          .content .tit-area .utill-area .count-list li.print {
            padding-left: 36px; }
            .content .tit-area .utill-area .count-list li.print button {
              width: 18px;
              height: 18px;
              background-image: url(../../images/ik-kr/icon_print.gif);
              background-size: 18px 18px; }
          .content .tit-area .utill-area .count-list li.pdf button {
            width: 18px;
            height: 18px;
            background-image: url(../../images/ik-kr/icon_pdf.gif);
            background-size: 18px 18px; }
          .content .tit-area .utill-area .count-list li.img button {
            width: 14px;
            height: 18px;
            background-image: url(../../images/ik-kr/icon_img.gif);
            background-size: 14px 18px; }
          .content .tit-area .utill-area .count-list li.share button {
            width: 18px;
            height: 18px;
            background-image: url(../../images/ik-kr/icon_share.gif);
            background-size: 18px 18px; }
        .content .tit-area .utill-area .share-area {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          width: 36px;
          height: 36px; }
          .content .tit-area .utill-area .share-area .btn {
            width: 36px;
            height: 36px;
            background-image: url(../../images/gwn-kr/icon_share02.gif);
            background-size: 100%; }
            .content .tit-area .utill-area .share-area .btn.active {
              background-image: url(../../images/gwn-kr/icon_share_close.gif); }
              .content .tit-area .utill-area .share-area .btn.active + ul {
                display: block; }
          .content .tit-area .utill-area .share-area > ul {
            top: 47px;
            left: auto;
            right: 0;
            width: 150px;
            margin-left: 0;
            padding: 15px 0 10px 15px; }
            .content .tit-area .utill-area .share-area > ul:before {
              left: 100%;
              width: 13px;
              height: 7px;
              margin-left: -22px;
              margin-top: -7px;
              background-image: url(../../images/gwn-kr/arr_share.png);
              background-size: auto; }
            .content .tit-area .utill-area .share-area > ul li a {
              width: 36px;
              height: 36px; }
              .content .tit-area .utill-area .share-area > ul li a.facebook {
                background-image: url(../../images/gwn-kr/icon_share_facebook.png); }
              .content .tit-area .utill-area .share-area > ul li a.twitter {
                background-image: url(../../images/gwn-kr/icon_share_twitter.png); }
              .content .tit-area .utill-area .share-area > ul li a.pinterest {
                background-image: url(../../images/gwn-kr/icon_share_pinterest.png); }
              .content .tit-area .utill-area .share-area > ul li a.google {
                background-image: url(../../images/gwn-kr/icon_share_google.png); }
              .content .tit-area .utill-area .share-area > ul li a.weibo {
                background-image: url(../../images/gwn-kr/icon_share_weibo.png); }
              .content .tit-area .utill-area .share-area > ul li a.renrenwang {
                background-image: url(../../images/gwn-kr/icon_share_renrenwang.png); }
    .content .location {
      padding: 11px 0;
      text-align: left; }
      .content .location li {
        padding: 0 10px;
        font-size: 14px; }
        .content .location li + li:before {
          background: url(../../images/gwn-kr/arr_location.gif); }
        .content .location li:first-child {
          padding-left: 0; }

  .print-box .tit-area {
    position: relative;
    padding: 0 0 19px 0;
    text-align: left; }
    .print-box .tit-area h3 {
      font-size: 34px;
      max-width: calc(100% - 260px);
      line-height: 1.3; }
    .print-box .tit-area .utill-area {
      position: absolute;
      bottom: 20px;
      right: 0; }
      .print-box .tit-area .utill-area .count-list li {
        margin-right: 15px;
        font-size: 14px; }
        .print-box .tit-area .utill-area .count-list li button {
          display: none; }
        .print-box .tit-area .utill-area .count-list li:before {
          display: inline-block;
          margin-right: 5px;
          vertical-align: -4px;
          background-repeat: no-repeat; }
        .print-box .tit-area .utill-area .count-list li.print {
          padding-left: 36px; }
          .print-box .tit-area .utill-area .count-list li.print:before {
            width: 18px;
            height: 18px;
            background-image: url(../../images/ik-kr/icon_print.gif);
            background-size: auto; }
        .print-box .tit-area .utill-area .count-list li.pdf:before {
          width: 18px;
          height: 18px;
          background-image: url(../../images/ik-kr/icon_pdf.gif);
          background-size: auto; }
        .print-box .tit-area .utill-area .count-list li.img:before {
          width: 14px;
          height: 18px;
          background-image: url(../../images/ik-kr/icon_img.gif);
          background-size: auto; }
        .print-box .tit-area .utill-area .count-list li.share:before {
          display: inline-block;
          width: 13px;
          height: 15px;
          margin-right: 5px;
          vertical-align: -4px;
          background-image: url(../../images/ik-kr/icon_share.gif);
          background-size: auto;
          vertical-align: -3px; }

  .ctn {
    padding: 40px 0 70px; }

  .sub-tit01 {
    padding: 0 0 14px 28px;
    font-size: 20px; }
    .sub-tit01:before {
      top: 6px;
      width: 18px;
      height: 18px;
      background-image: url(../../images/gwn-kr/bul_subtit01.png); }
    .sub-tit01 + .table-top {
      margin-top: -37px; }

  .sub-tit02 {
    padding: 0 0 8px 11px;
    font-size: 16px; }
    .sub-tit02:before {
      top: 6px;
      width: 4px;
      height: 14px; }
    .sub-tit02 .s-tit {
      font-size: 14px; }
    .sub-tit02.mb {
      padding: 0 0 20px 11px; }

  .sub-tit03 {
    padding: 0 0 7px 17px;
    font-size: 16px; }
    .sub-tit03:before {
      top: 7px;
      width: 10px;
      height: 10px;
      background-image: url(../../images/gwn-kr/bul_subtit03.png);
      background-size: auto; }

  .sub-tit04 {
    padding: 0 0 7px 10px; }
    .sub-tit04:before {
      top: 8px;
      width: 4px;
      height: 6px;
      background-image: url(../../images/gwn-kr/bul_subtit04.png);
      background-size: auto; }

  .normal-tit {
    padding: 0 0 8px 20px;
    font-size: 16px; }
    .normal-tit:before {
      top: 6px;
      width: 14px;
      height: 14px;
      background-image: url(../../images/gwn-kr/bul_normal_tit.png); }
    .normal-tit + .table-top {
      margin-top: -30px; }

  .table .normal-table thead th {
    padding: 16px 3px; }
  .table .normal-table tbody th, .table .normal-table tbody td {
    padding: 16px 10px; }
    .table .normal-table tbody th.txt-left, .table .normal-table tbody td.txt-left {
      padding-left: 20px; }
    .table .normal-table tbody th.txt-right, .table .normal-table tbody td.txt-right {
      padding-right: 20px; }

  .layer-popup-box .popup {
    width: 600px; }
    .layer-popup-box .popup .top .tit {
      padding: 20px 80px 20px 25px;
      font-size: 22px; }
      .layer-popup-box .popup .top .tit .cate {
        margin-bottom: 3px;
        font-size: 15px; }
    .layer-popup-box .popup .top .btn-close {
      width: 70px;
      background-image: url(../../images/gwn-kr/icon_close.png);
      background-size: auto; }
    .layer-popup-box .popup .pop-content {
      max-height: calc(100vh - 160px);
      padding: 30px 25px 0 25px; }
      .layer-popup-box .popup .pop-content:after {
        height: 30px; }
      .layer-popup-box .popup .pop-content .box + .box {
        margin-top: 12px; }
    .layer-popup-box .popup.pop-size-1000 {
      width: 1000px; }
    .layer-popup-box .popup.pop-size-1070 {
      width: 1070px; }

  .checkbox, .radio {
    margin-right: 15px; }
    .checkbox label, .radio label {
      position: relative;
      padding-left: 26px; }
      .checkbox label:before, .radio label:before {
        top: 2px;
        left: 0;
        width: 20px;
        height: 20px;
        background-size: 100%; }

  .checkbox2 label, .radio2 label {
    width: 17px;
    height: 17px; }

  .checkbox label:before, .checkbox2 label:before {
    background-image: url(../../images/gwn-kr/checkbox.png); }
  .checkbox input[type=checkbox]:checked + label:before, .checkbox2 input[type=checkbox]:checked + label:before {
    background-image: url(../../images/gwn-kr/checkbox_on.png); }

  .radio label:before, .radio2 label:before {
    background-image: url(../../images/gwn-kr/radio.png); }
  .radio input[type=radio]:checked + label:before, .radio2 input[type=radio]:checked + label:before {
    background-image: url(../../images/gwn-kr/radio_on.png); }

  .btn-area {
    margin-top: 20px; }

  .btn-default {
    height: 47px;
    padding: 0 20px;
    line-height: 47px; }

  .btn-default-s {
    height: 42px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 40px; }

  .tab {
    margin-bottom: 22px;
    border-bottom: 1px solid #d6d6d6; }
    .tab li {
      border-color: #d6d6d6;
      border-width: 1px 1px 0 0;
      border-style: solid;
      border-left: 0; }
      .tab li a {
        display: table-cell;
        width: 100vw;
        height: 50px;
        padding: 0 40px 0 14px;
        font-size: 16px;
        background-image: url(../../images/gwn-kr/icon_tab.gif);
        background-position: calc(100% - 15px) 50%;
        background-size: auto; }
        .tab li a.active {
          background-image: url(../../images/gwn-kr/icon_tab_on.gif); }
          .tab li a.active:before {
            height: 50px; }
      .tab li:first-child {
        border-left: 1px solid #d6d6d6; }
    .tab.mn3 li {
      width: 33.333%; }
      .tab.mn3 li:nth-child(3n+1) {
        border-left: 1px solid #d6d6d6; }
    .tab.mn4 li {
      width: 25%; }
      .tab.mn4 li:nth-child(4n+1) {
        border-left: 1px solid #d6d6d6; }
    .tab.mn5 li {
      width: 20%; }
      .tab.mn5 li:nth-child(5n+1) {
        border-left: 1px solid #d6d6d6; }
    .tab.mn6 li {
      width: 16.6667%; }
      .tab.mn6 li:nth-child(6n+1) {
        border-left: 1px solid #d6d6d6; }

  body.pdf .layer-popup-box .popup .pop-content .chart-wrap .chart-area {
    padding: 20px 30px; }

  .list01 > li {
    padding-left: 10px; }
    .list01 > li:before {
      top: 9px; }
  .list01.indent {
    margin-left: 10px; }

  .list02 > li {
    padding-left: 11px; }
    .list02 > li:before {
      top: 11px;
      width: 6px; }

  .num-list01 > li {
    padding-left: 17px; }

  .paging {
    margin-top: 15px; }
    .paging * {
      font-size: 15px; }
    .paging a, .paging strong {
      width: 25px;
      height: 25px;
      line-height: 25px; }
    .paging .btn-paging01 {
      background-image: url(../../images/gwn-kr/paging_prev01.png);
      background-size: auto; }
    .paging .btn-paging02 {
      margin-right: 10px;
      background-image: url(../../images/gwn-kr/paging_prev02.png);
      background-size: auto; }
    .paging .btn-paging03 {
      margin-left: 10px;
      background-image: url(../../images/gwn-kr/paging_next01.png);
      background-size: auto; }
    .paging .btn-paging04 {
      background-image: url(../../images/gwn-kr/paging_next02.png);
      background-size: auto; }

  .print-body {
    padding: 20px; }

  .print-box .lnb, .print-box .aside {
    display: none !important; }
  .print-box .content {
    float: none;
    width: 100%; }
  .print-box .ctn {
    padding-bottom: 0; } }
@media print {
  @page {
    size: A4;
    margin: 10px; }
  .header, .footer, .lnb, .aside {
    display: none; }

  .container .inner {
    width: 100%; }

  .content {
    width: 100%; }

  .table {
    overflow: visible; }

  .content .tit-area .utill-area .count-list li:before {
    width: auto !important;
    height: auto !important;
    vertical-align: middle; }
  .content .tit-area .utill-area .count-list li.print:before {
    content: '인쇄'; }
  .content .tit-area .utill-area .count-list li.pdf:before {
    content: 'PDF 다운'; }
  .content .tit-area .utill-area .count-list li.img:before {
    content: '이미지 다운'; }
  .content .tit-area .utill-area .count-list li.share:before {
    content: 'SNS공유'; }

  .layer-popup-box.active {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    background-color: transparent !important; }
    .layer-popup-box.active .popup {
      position: static !important;
      width: 100% !important;
      max-width: 100% !important;
      transform: none !important;
      -ms-transform: none !important;
      -webkit-transform: none !important; }
      .layer-popup-box.active .popup .pop-content {
        max-height: none;
        overflow-y: visible; }
        .layer-popup-box.active .popup .pop-content .chart-area {
          height: auto; } }
#visual_wrap {
  position: relative; }
  #visual_wrap .pc_img {
    display: none; }
  #visual_wrap .m_img {
    display: block; }
  #visual_wrap .slider_btn {
    position: absolute;
    bottom: 184px;
    left: 10px;
    width: 124px;
    height: 37px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 20px;
    padding: 0 18px; }
    #visual_wrap .slider_btn .count {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      color: #fff;
      line-height: 37px; }
    #visual_wrap .slider_btn .slider_arrow {
      display: inline-block;
      margin-left: 16px;
      font-size: 0;
      vertical-align: middle; }
      #visual_wrap .slider_btn .slider_arrow button {
        margin-left: 13px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        width: 7px;
        height: 12px;
        background-size: 7px;
        transform: translateY(0);
        position: static; }
      #visual_wrap .slider_btn .slider_arrow .slide_prev {
        margin-left: 0;
        background-image: url("../../images/gwn-kr/prev_btn.png"); }
      #visual_wrap .slider_btn .slider_arrow .slide_stop {
        background-image: url("../../images/gwn-kr/stop_btn.png"); }
      #visual_wrap .slider_btn .slider_arrow .slide_play {
        display: none;
        background-image: url("../../images/gwn-kr/play_btn.png"); }
      #visual_wrap .slider_btn .slider_arrow .slide_next {
        background-image: url("../../images/gwn-kr/next_btn.png"); }
  #visual_wrap .visual_link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 95px;
    background: rgba(0, 0, 0, 0.7);
    overflow: hidden;
    padding: 20px 35px; }
    #visual_wrap .visual_link li {
      text-align: center;
      color: #fff; }
      #visual_wrap .visual_link li a {
        display: block;
        background-position: 50% 0;
        background-repeat: no-repeat;
        font-size: 13px;
        padding-top: 42px;
        line-height: 1; }
      #visual_wrap .visual_link li .list01 {
        background-image: url("../../images/gwn-kr/main_icon01.png");
        background-size: 40px; }
      #visual_wrap .visual_link li .list02 {
        background-image: url("../../images/gwn-kr/main_icon02.png");
        background-size: 33px; }
      #visual_wrap .visual_link li .list03 {
        background-image: url("../../images/gwn-kr/main_icon03.png");
        background-size: 31px; }
      #visual_wrap .visual_link li .list04 {
        background-image: url("../../images/gwn-kr/main_icon04.png");
        background-size: 29px; }
      #visual_wrap .visual_link li .list05 {
        background-image: url("../../images/gwn-kr/main_icon05.png");
        background-size: 36px; }
      #visual_wrap .visual_link li .list06 {
        background-image: url("../../images/gwn-kr/main_icon06.png");
        background-size: 29px; }
      #visual_wrap .visual_link li .list07 {
        background-image: url("../../images/gwn-kr/main_icon07.png");
        background-size: 34px; }
    #visual_wrap .visual_link .slick-arrow {
      position: absolute;
      top: 50%;
      width: 25px;
      height: 25px;
      background-position: 50% 0;
      background-repeat: no-repeat;
      text-indent: -9999px; }
    #visual_wrap .visual_link .slick-prev {
      left: 10px;
      background-image: url("../../images/gwn-kr/swiper_prev.png");
      background-size: 25px; }
    #visual_wrap .visual_link .slick-next {
      right: 10px;
      background-image: url("../../images/gwn-kr/swiper_next.png");
      background-size: 25px; }

#contents {
  padding: 35px 0 40px; }
  #contents .h2_tit {
    position: relative;
    color: #222;
    padding-bottom: 12px;
    font-size: 20px;
    line-height: 1;
    border-bottom: 1px solid #222;
    font-weight: 500; }
    #contents .h2_tit a {
      position: absolute;
      top: 0;
      right: 0;
      width: 20px;
      height: 20px;
      text-align: right;
      background: url("../../images/gwn-kr/view_icon.png") top right no-repeat;
      background-size: 15px;
      font-size: 0; }
  #contents .section1 li {
    position: relative;
    border-bottom: 1px solid #d6d6d6; }
    #contents .section1 li a {
      display: block;
      width: 100%;
      padding: 0 12px 0 77px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      line-height: 63px;
      font-weight: 500;
      color: #333;
      font-size: 15px; }
      #contents .section1 li a .date {
        position: absolute;
        top: 12px;
        left: 12px;
        text-align: center; }
        #contents .section1 li a .date strong {
          display: block;
          font-size: 16px;
          color: #0f997b;
          line-height: 1; }
        #contents .section1 li a .date span {
          display: block;
          font-size: 13px;
          color: #666;
          margin-top: 7px;
          line-height: 1;
          font-weight: 300; }
  #contents .main_section > a {
    display: block; }
    #contents .main_section > a h3, #contents .main_section > a p {
      font-size: 15px;
      line-height: 21px;
      color: #333;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      font-weight: 500; }
    #contents .main_section > a span {
      display: inline-block;
      margin-top: 17px;
      font-size: 12px;
      color: #999;
      line-height: 1.1;
      background: url(../../images/gwn-kr/time_icon.png) 0 2px no-repeat;
      background-size: 10px;
      padding-left: 15px; }
  #contents .main_section h2 {
    margin-bottom: 12px; }
  #contents .section2 {
    padding-top: 35px; }
    #contents .section2 > a {
      display: block; }
      #contents .section2 > a .img {
        float: left;
        width: 44.11%;
        margin-right: 4.41%; }
        #contents .section2 > a .img img {
          width: 100%; }
      #contents .section2 > a .txt {
        float: left;
        width: 51.47%; }
      #contents .section2 > a:after {
        content: '';
        display: block;
        clear: both; }
  #contents .section3 {
    padding-top: 35px; }
    #contents .section3 > a > img {
      width: 100%;
      margin-bottom: 12px; }

/* 제주메인 */
.video_area {
  display: none; }

.mobile-visual {
  position: relative; }
  .mobile-visual .vis > img {
    width: 100%; }

.main-top {
  position: relative; }

.jj-quick-mn {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  height: 95px;
  padding: 0 63px;
  background: rgba(0, 0, 0, 0.7); }
  .jj-quick-mn .slick-arrow {
    position: absolute;
    bottom: 0;
    width: 63px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 25px;
    font-size: 0; }
  .jj-quick-mn .slick-prev {
    left: 0;
    background-image: url(../../images/jj-kr/btn_jj_quick_prev.png); }
  .jj-quick-mn .slick-next {
    right: 0;
    background-image: url(../../images/jj-kr/btn_jj_quick_next.png); }
  .jj-quick-mn .slick-slide > a {
    display: block;
    height: 95px;
    padding-top: 60px;
    background-position: 50% 21px;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff; }
  .jj-quick-mn .jj-qui01 {
    background-image: url(../../images/jj-kr/img_jj_quick01.png);
    background-size: 30px; }
  .jj-quick-mn .jj-qui02 {
    background-image: url(../../images/jj-kr/img_jj_quick02.png);
    background-size: 23px; }
  .jj-quick-mn .jj-qui03 {
    background-image: url(../../images/jj-kr/img_jj_quick03.png);
    background-size: 31px; }
  .jj-quick-mn .jj-qui04 {
    background-image: url(../../images/jj-kr/img_jj_quick04.png);
    background-size: 36px; }
  .jj-quick-mn .jj-qui05 {
    background-image: url(../../images/jj-kr/img_jj_quick05.png);
    background-size: 26px; }
  .jj-quick-mn .jj-qui06 {
    background-image: url(../../images/jj-kr/img_jj_quick06.png);
    background-size: 26px; }
  .jj-quick-mn .jj-qui07 {
    background-image: url(../../images/jj-kr/img_jj_quick07.png);
    background-size: 40px; }

.jj-life {
  background: #f6f6f6; }

.main-top + #contents {
  padding-bottom: 0; }

.jj-life {
  margin-top: 50px;
  padding: 25px 10px 40px; }
  .jj-life .life-inner > h2 {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 20px;
    color: #222; }
  .jj-life .sec1, .jj-life .sec2 {
    overflow: hidden; }
  .jj-life .sec2 {
    margin-top: 10px; }
  .jj-life .fl {
    float: left;
    width: 50%;
    padding-right: 5px; }
  .jj-life .fr {
    float: right;
    width: 50%;
    padding-left: 5px; }
  .jj-life ul {
    margin-bottom: -10px; }
  .jj-life li {
    margin-bottom: 10px;
    border: 1px solid #d6d6d6;
    background: #fff; }
  .jj-life li > a {
    display: block; }
  .jj-life img {
    width: 100%; }
  .jj-life .iife-txt {
    padding: 10px 12px 12px;
    background: #fff; }
    .jj-life .iife-txt > .iife-t1 {
      margin-bottom: 3px; }
      .jj-life .iife-txt > .iife-t1 > strong {
        font-weight: 500;
        font-size: 15px;
        color: #222; }
    .jj-life .iife-txt > .iife-t2 {
      margin-bottom: 3px;
      color: #333; }
    .jj-life .iife-txt .sec1-clamp1 {
      display: block;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 7;
      -webkit-box-orient: vertical;
      word-wrap: break-word;
      white-space: normal; }
    .jj-life .iife-txt .sec1-clamp2 {
      display: block;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      word-wrap: break-word;
      white-space: normal; }
    .jj-life .iife-txt .sec2-clamp2 {
      display: block;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 7;
      -webkit-box-orient: vertical;
      word-wrap: break-word;
      white-space: normal; }

.pc-life {
  display: none; }

.m-life {
  display: block; }

.jj-cnt {
  padding-bottom: 0 !important; }

@media all and (min-width: 1217px) {
  /* 제주 메인 */
  .mobile-visual {
    display: none; }

  .visual_list {
    display: none; }

  .video_area {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: calc(100vh - 121px); }

  .video_area .video {
    height: 100%; }

  .video_area .video li {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .5s opacity ease-in-out;
    -ms-transition: .5s opacity ease-in-out; }

  .video_area .video li.active {
    opacity: 1; }

  .video_area .video li.first {
    opacity: 1;
    transition: none; }

  .video_area .video li video {
    z-index: 99;
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-color: transparent; }

  .video_area .video li > div {
    position: absolute;
    left: calc((100% - 1200px) / 2);
    top: 126px;
    z-index: 1000;
    color: #fff; }
    .video_area .video li > div > div {
      transition-duration: 3s;
      -webkit-transition-duration: 3s;
      opacity: 0;
      line-height: 100%;
      font-family: 'gladifilthefte';
      text-shadow: 1px 1px 1px #000; }
    .video_area .video li > div .txt01 {
      margin-bottom: 27px;
      text-indent: 5px;
      font-size: 54px; }
    .video_area .video li > div .txt02 {
      text-indent: 5px;
      font-size: 120px;
      color: #ffcc00; }
    .video_area .video li > div.active > .txt01 {
      transition-delay: .8s;
      opacity: 1; }
    .video_area .video li > div.active > .txt02 {
      opacity: 1;
      transition-delay: 1.5s; }

  .jj-quick-mn {
    left: 50%;
    width: 1200px;
    height: 140px;
    margin-left: -600px;
    padding: 0 63px; }
    .jj-quick-mn .slick-arrow {
      display: none; }
    .jj-quick-mn .slick-slide > a {
      height: 140px;
      padding-top: 100px;
      background-position: 50% 27px;
      background-size: auto; }

  .jj-life {
    margin-top: 60px;
    padding: 40px 0;
    background: #f6f6f6 url(../../images/jj-kr/img_jj_life.gif) no-repeat 50% 100%; }
    .jj-life .life-inner {
      width: 1200px;
      margin: 0 auto;
      overflow: hidden; }
    .jj-life .life-inner > h2 {
      margin-bottom: 32px;
      font-size: 24px; }
    .jj-life .sec1, .jj-life .sec2 {
      width: 590px;
      overflow: visible; }
    .jj-life .sec1 {
      float: left;
      margin-right: 20px; }
    .jj-life .sec2 {
      float: left;
      margin-top: 0; }
    .jj-life .fl {
      float: left;
      width: 285px;
      padding-right: 0; }
    .jj-life .fr {
      float: right;
      width: 285px;
      padding-left: 0; }
    .jj-life ul {
      margin-bottom: -20px; }
    .jj-life li {
      margin-bottom: 20px;
      border: 1px solid #d6d6d6; }
      .jj-life li:hover {
        border-color: #0966b3; }
        .jj-life li:hover .iife-t2 {
          color: #0966b3; }
    .jj-life li > a {
      display: block; }
    .jj-life img {
      width: auto; }
    .jj-life .iife-txt {
      padding: 12px 20px 0; }
      .jj-life .iife-txt > .iife-t1 {
        margin-bottom: 6px; }
        .jj-life .iife-txt > .iife-t1 > strong {
          font-size: 18px; }
      .jj-life .iife-txt > .iife-t2 {
        margin-bottom: 6px; }
      .jj-life .iife-txt .sec1-clamp1 {
        display: block;
        display: -webkit-box;
        height: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        white-space: normal; }
      .jj-life .iife-txt .sec1-clamp2 {
        display: block;
        display: -webkit-box;
        height: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        white-space: normal; }
      .jj-life .iife-txt .sec2-clamp1 {
        display: block;
        display: -webkit-box;
        height: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        white-space: normal; }
      .jj-life .iife-txt .sec2-clamp2 {
        display: block;
        display: -webkit-box;
        height: 135px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        white-space: normal; }
      .jj-life .iife-txt .sec2-clamp3 {
        display: block;
        display: -webkit-box;
        height: 23px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        white-space: normal; }

  .pc-life {
    display: inline-block; }

  .m-life {
    display: none; }

  .life-box1 {
    height: 356px; }

  .life-box2 {
    height: 572px; }

  .life-box3 {
    height: 572px; }

  .life-box4 {
    height: 356px; }

  .life-box5 {
    height: 504px; }

  .life-box6 {
    height: 424px; }

  .life-box7 {
    height: 644px; }

  .life-box8 {
    height: 284px; }

  #visual_wrap {
    position: relative; }
    #visual_wrap .main_slider .slick-slide {
      position: relative;
      height: 727px;
      overflow: hidden; }
    #visual_wrap .pc_img {
      display: block;
      width: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: none; }
    #visual_wrap .m_img {
      display: none; }
    #visual_wrap .slider_btn {
      position: absolute;
      bottom: 305px;
      left: 50%;
      margin-left: -600px;
      width: 141px;
      height: 42px;
      background: rgba(0, 0, 0, 0.7);
      border-radius: 20px;
      padding: 0 21px; }
      #visual_wrap .slider_btn .count {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        color: #fff;
        line-height: 42px; }
      #visual_wrap .slider_btn .slider_arrow {
        display: inline-block;
        margin-left: 10px;
        font-size: 0;
        vertical-align: middle; }
        #visual_wrap .slider_btn .slider_arrow button {
          margin-left: 15px;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          width: 8px;
          height: 14px;
          background-size: 8px;
          transform: translateY(0);
          position: static; }
        #visual_wrap .slider_btn .slider_arrow .slide_prev {
          margin-left: 0;
          background-image: url("../../images/gwn-kr/prev_btn.png"); }
        #visual_wrap .slider_btn .slider_arrow .slide_stop {
          background-image: url("../../images/gwn-kr/stop_btn.png"); }
        #visual_wrap .slider_btn .slider_arrow .slide_play {
          display: none;
          background-image: url("../../images/gwn-kr/play_btn.png"); }
        #visual_wrap .slider_btn .slider_arrow .slide_next {
          background-image: url("../../images/gwn-kr/next_btn.png"); }
    #visual_wrap .visual_link {
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -600px;
      width: 1200px;
      height: 140px;
      background: rgba(0, 0, 0, 0.7);
      overflow: hidden;
      padding: 22px 85px; }
      #visual_wrap .visual_link li {
        text-align: center;
        color: #fff; }
        #visual_wrap .visual_link li a {
          display: block;
          background-position: 50% 0;
          background-repeat: no-repeat;
          font-size: 16px;
          padding-top: 75px; }
        #visual_wrap .visual_link li .list01 {
          background-image: url("../../images/gwn-kr/main_icon01.png");
          background-size: 70px; }
        #visual_wrap .visual_link li .list02 {
          background-image: url("../../images/gwn-kr/main_icon02.png");
          background-size: 56px; }
        #visual_wrap .visual_link li .list03 {
          background-image: url("../../images/gwn-kr/main_icon03.png");
          background-size: 52px; }
        #visual_wrap .visual_link li .list04 {
          background-image: url("../../images/gwn-kr/main_icon04.png");
          background-size: 44px; }
        #visual_wrap .visual_link li .list05 {
          background-image: url("../../images/gwn-kr/main_icon05.png");
          background-size: 58px; }
        #visual_wrap .visual_link li .list06 {
          background-image: url("../../images/gwn-kr/main_icon06.png");
          background-size: 44px; }
        #visual_wrap .visual_link li .list07 {
          background-image: url("../../images/gwn-kr/main_icon07.png");
          background-size: 56px; }

  #contents {
    padding: 20px 0 70px; }
    #contents .h2_tit {
      position: relative;
      padding-bottom: 15px;
      font-size: 24px;
      border-width: 2px; }
      #contents .h2_tit a {
        position: absolute;
        top: 5px;
        right: 0;
        width: 25px;
        height: 25px;
        background-size: 18px;
        font-size: 0; }
    #contents .section1 {
      float: left;
      width: 580px; }
      #contents .section1 li {
        position: relative; }
        #contents .section1 li a {
          display: block;
          padding: 0 15px 0 90px;
          line-height: 78px;
          font-size: 18px; }
          #contents .section1 li a .date {
            position: absolute;
            top: 16px;
            left: 15px; }
            #contents .section1 li a .date strong {
              font-size: 22px; }
            #contents .section1 li a .date span {
              font-size: 15px; }
        #contents .section1 li:hover {
          background: #f6f6f6; }
    #contents .main_section {
      float: left;
      margin-left: 50px; }
      #contents .main_section > a {
        display: block; }
        #contents .main_section > a h3, #contents .main_section > a p {
          font-size: 18px;
          line-height: 26px; }
        #contents .main_section > a span {
          margin-top: 20px;
          font-size: 14px;
          line-height: 15px;
          background: url(../../images/gwn-kr/time_icon.png) 0 50% no-repeat;
          background-size: 15px;
          padding-left: 20px; }
      #contents .main_section h2 {
        margin-bottom: 25px; }
    #contents .section2 {
      width: 230px;
      padding-top: 0; }
      #contents .section2 a {
        display: block; }
        #contents .section2 a .img {
          float: none;
          width: 100%;
          margin-right: 0; }
          #contents .section2 a .img img {
            width: 100%; }
        #contents .section2 a .txt {
          float: none;
          width: 100%;
          margin-top: 15px; }
    #contents .section3 {
      width: 290px;
      padding-top: 0; }
      #contents .section3 a > img {
        width: 100%;
        margin-bottom: 15px; }

  :lang(en) .jj-life .iife-txt > .iife-t1 strong {
    font-size: 15px;
    letter-spacing: -1px; }
  :lang(en) .jj-life .iife-txt > .iife-t2 {
    display: -webkit-box;
    max-height: 43px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: normal; }

  :lang(ja) .jj-life .iife-txt > .iife-t2 {
    display: -webkit-box;
    max-height: 43px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: normal; } }
:lang(ja) .in .btn-default-s {
  padding: 0 8px; }

:lang(zh) .in .btn-default-s {
  padding: 0 8px; }
:lang(zh) .ctn {
  word-break: break-all !important; }
:lang(zh) .sub-top-info {
  text-indent: 13px; }
  :lang(zh) .sub-top-info .normal-txt {
    text-indent: 13px; }
:lang(zh) .normal-txt {
  text-indent: 13px; }

:lang(en) .select-type3 + .input-type3 {
  width: calc(65% - 5px);
  margin: 0 0 5px 5px; }
:lang(en) .input-type3 + .btn-default-s {
  width: 100%; }

.pop-content .chart-wrap {
  margin-bottom: 15px;
  padding: 13px 18px;
  margin-bottom: 15px;
  border: 1px solid #d6d6d6; }
  .pop-content .chart-wrap .chart-area {
    height: 200px; }

.btm-indicator {
  margin-top: 12px; }
  .btm-indicator .txt {
    margin-bottom: 12px; }
  .btm-indicator .btn-wrap:after {
    content: '';
    display: block;
    clear: both; }
  .btm-indicator .btn-wrap .bg-blue {
    float: left; }
  .btm-indicator .btn-wrap .btn-fixed {
    float: right; }

.search-area {
  margin-bottom: 16px;
  padding: 15px;
  background-color: #f6f6f6;
  border: 1px solid #d6d6d6; }
  .search-area .form-area {
    text-align: center; }
    .search-area .form-area .in {
      font-size: 0; }
      .search-area .form-area .in span, .search-area .form-area .in button, .search-area .form-area .in a {
        display: inline-block;
        font-size: 12px; }
  .search-area .check-area {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #d6d6d6; }
    .search-area .check-area .checkbox {
      margin-bottom: 6px; }

.select-type1 {
  width: 27%;
  margin-right: 5px; }

.select-type2 {
  width: calc(50% - 2px);
  margin-bottom: 5px; }
  .select-type2 + .select-type2 {
    margin-left: 4px; }

.select-type3 {
  width: 35%; }

.input-type1 {
  width: 50%;
  margin-right: 5px; }

.input-type2 {
  width: calc(100% - 48px);
  margin-right: 5px; }

.input-type3 {
  width: calc(65% - 53px);
  margin-right: 5px;
  margin-left: 5px; }

.input-single {
  width: 70%;
  margin-right: 5px; }

.date-type {
  margin-bottom: 5px; }
  .date-type > span {
    position: relative;
    width: calc(50% - 8px); }
    .date-type > span + span {
      margin-left: 16px; }
      .date-type > span + span:before {
        content: '~';
        position: absolute;
        top: 6px;
        left: -11px;
        font-size: 13px; }
  .date-type:after {
    content: '';
    display: block;
    clear: both; }

.type3-row {
  margin-bottom: 5px; }
  .type3-row span {
    width: calc(50% - 2px); }
    .type3-row span + span {
      margin-left: 4px; }

.ui-datepicker-trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 31px;
  height: 31px;
  background-repeat: no-repeat;
  background-image: url(../../images/gwn-kr/icon_cal_m.png);
  background-size: 15px;
  background-position: 50% 50%;
  text-indent: -9999px; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 6px !important; }

.section {
  margin-bottom: 25px; }
  .section:last-child {
    margin-bottom: 0; }

.sub-section {
  margin-bottom: 15px; }
  .sub-section:last-child {
    margin-bottom: 0; }

.sub-section02, .sub-section03 {
  margin-bottom: 12px; }
  .sub-section02:last-child, .sub-section03:last-child {
    margin-bottom: 0; }

.sub-section03 {
  margin-left: 10px; }

.table-top {
  margin-bottom: 8px; }
  .table-top:after {
    content: '';
    display: block;
    clear: both; }

.table-btm {
  margin-top: 12px; }
  .table-btm:after {
    content: '';
    display: block;
    clear: both; }

.top-info {
  margin-bottom: 20px; }

.sub-top-info {
  margin-bottom: 13px; }

.bb-tooltip-container {
  width: 80px !important; }

.normal-txt + .normal-txt {
  margin-top: 10px; }

.normal-mt {
  margin-top: 5px; }

.normal-mt2 {
  margin-top: 10px; }

.txt-source {
  color: #0f3966; }

.normal-box {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #d6d6d6;
  background-color: #f6f6f6; }
  .normal-box + .normal-txt {
    margin-top: -10px; }
  .normal-box + .normal-box {
    margin: -5px 0 15px; }

.gallery-top {
  margin-bottom: 25px; }
  .gallery-top .video > * {
    width: 100%; }
  .gallery-top .txt {
    max-height: 350px;
    overflow-y: auto;
    padding: 13px 15px;
    background-color: #edf4fa; }
    .gallery-top .txt .top-tit {
      margin-bottom: 6px;
      font-size: 16px;
      font-weight: 500;
      color: #222; }

.item-num {
  margin-top: 13px;
  font-size: 12px; }
  .item-num span {
    font-weight: 500;
    color: #0966b3; }

.item-view {
  width: 87px; }
  .item-view + .btn-default-s {
    margin-left: 1px; }

.icon-new {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  font-size: 11px;
  font-weight: 300 !important;
  text-align: center;
  line-height: 16px;
  border-radius: 3px;
  vertical-align: middle;
  background-image: url(../../images/gwn-kr/icon_new_m.png);
  background-size: 100%;
  font-size: 0;
  text-indent: -9999px; }

.gallery-board li {
  float: left;
  width: calc(50% - 5px);
  margin-right: 10px;
  margin-bottom: 12px; }
  .gallery-board li:nth-child(even) {
    margin-right: 0; }
  .gallery-board li .thumb {
    height: 135px;
    border: 1px solid #d6d6d6;
    background: #ffffff url("../../images/ik-kr/bg_thumbnail.jpg") no-repeat 50% 50%/contain; }
    .gallery-board li .thumb.mih {
      text-align: center; }
      .gallery-board li .thumb.mih img {
        height: 100%; }
    .gallery-board li .thumb.miw img {
      width: 100%;
      height: 100%; }
  .gallery-board li .txt {
    padding: 12px 14px;
    border: 1px solid #d6d6d6;
    border-top: 0; }
    .gallery-board li .txt .tit {
      display: block;
      font-size: 15px;
      font-weight: 500;
      color: #222;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      line-height: 1.5;
      max-height: 3em;
      word-wrap: break-word;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
    .gallery-board li .txt .btm-txt {
      overflow: hidden;
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px dashed #d6d6d6;
      color: #333; }
      .gallery-board li .txt .btm-txt > .date {
        float: left; }
      .gallery-board li .txt .btm-txt > .view {
        float: right; }
.gallery-board:after {
  content: '';
  display: block;
  clear: both; }

.normal-board > li {
  margin-bottom: 12px;
  padding: 15px;
  border: 1px solid #d6d6d6; }
  .normal-board > li:last-child {
    margin-bottom: 0; }
  .normal-board > li.open .toggle-area {
    display: block; }
.normal-board .toggle-top {
  position: relative;
  padding: 15px; }
.normal-board .toggle-area {
  display: none;
  padding: 13px 15px;
  background-color: #f6f6f6;
  border-top: 1px solid #d6d6d6; }
.normal-board .num-area {
  padding-bottom: 8px;
  font-size: 12px; }
  .normal-board .num-area span {
    display: inline-block;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #0f997b; }
.normal-board .txt-area {
  padding-top: 14px;
  border-top: 1px dashed #d6d6d6; }
  .normal-board .txt-area .tit {
    display: block;
    padding-bottom: 6px;
    font-size: 15px;
    font-weight: 500;
    color: #222; }
    .normal-board .txt-area .tit .category {
      display: inline-block;
      margin-right: 5px;
      color: #0f3966; }
    .normal-board .txt-area .tit .category2 {
      display: block;
      margin-bottom: 6px;
      font-size: 13px;
      color: #0666b2; }
  .normal-board .txt-area .txt {
    margin-top: 9px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.5;
    max-height: 4.5em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
  .normal-board .txt-area .img {
    float: left;
    width: 38%;
    margin-right: 15px;
    max-width: 150px; }
  .normal-board .txt-area .cont {
    overflow: hidden; }
  .normal-board .txt-area:after {
    content: '';
    display: block;
    clear: both; }
.normal-board .board-list-box .list01 {
  float: left; }
  .normal-board .board-list-box .list01:last-of-type li:last-child {
    margin-bottom: 0; }
  .normal-board .board-list-box .list01 li {
    float: left;
    margin-right: 15px;
    margin-bottom: 3px; }
  .normal-board .board-list-box .list01:after {
    content: '';
    display: block;
    clear: both; }
.normal-board .board-list-box:after {
  content: '';
  display: block;
  clear: both; }
.normal-board.toggle-board > li {
  padding: 0; }

.normal-view {
  border-bottom: 1px solid #999; }
  .normal-view .tit {
    display: block;
    padding: 13px 16px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    background-color: #edf4fa;
    border: 1px solid #d6d6d6; }
    .normal-view .tit [class^='category'] {
      display: inline-block;
      margin-right: 5px;
      color: #0f3966; }
      .normal-view .tit [class^='category'].category2 {
        color: #0966b3; }
  .normal-view .view-content {
    padding: 20px 15px;
    border-bottom: 1px solid #d6d6d6; }
    .normal-view .view-content video, .normal-view .view-content iframe, .normal-view .view-content img {
      max-width: 100%; }
  .normal-view .row {
    border-bottom: 1px solid #d6d6d6; }
    .normal-view .row .item {
      border-bottom: 1px solid #d6d6d6; }
      .normal-view .row .item:last-child {
        border-bottom: 0; }
    .normal-view .row .item-tit {
      float: left;
      position: relative;
      padding: 12px 15px;
      font-weight: 500;
      color: #333; }
      .normal-view .row .item-tit:after {
        content: '';
        position: absolute;
        top: 16px;
        right: 0;
        width: 1px;
        height: 12px;
        background-color: #d6d6d6; }
    .normal-view .row .item-cont {
      overflow: hidden;
      padding: 12px; }
  .normal-view > div:last-child {
    border-bottom: 0 !important; }
  .normal-view .gallery-top {
    margin-bottom: 10px; }
    .normal-view .gallery-top .txt {
      overflow-y: auto;
      padding: 10px 15px;
      background-color: #f6f6f6;
      border: 1px solid #d6d6d6; }
      .normal-view .gallery-top .txt .top-tit {
        margin-bottom: 6px;
        font-size: 16px;
        font-weight: 500;
        color: #222; }

.normal_table02 {
  border-top: 2px solid #333; }
  .normal_table02 li:last-child .data {
    border-bottom-color: #999; }
  .normal_table02 .data {
    background-color: #edf4fa;
    border-bottom: 1px solid #d6d6d6; }
    .normal_table02 .data > div {
      float: left;
      font-size: 13px;
      min-height: 43px; }
    .normal_table02 .data:after {
      content: '';
      display: block;
      clear: both; }
  .normal_table02 .tit {
    width: 90px;
    padding: 12px 0 12px 12px;
    font-weight: 500;
    color: #333;
    background-color: #edf4fa;
    word-break: break-all; }
  .normal_table02 .cont {
    width: calc(100% - 90px);
    padding: 6px 12px;
    background-color: #fff;
    border-left: 1px solid #d6d6d6; }
    .normal_table02 .cont.txt-padding {
      padding: 9px 12px; }
  .normal_table02 .must {
    display: inline-block;
    margin-left: 3px;
    font-weight: 500;
    color: #da2d2d; }
  .normal_table02 .select-type1 {
    width: 150px; }

.estate-table {
  margin-top: 15px;
  border: 1px solid #d6d6d6; }
  .estate-table li:last-child .data {
    border-bottom: 0; }
  .estate-table .data {
    background-color: #fff;
    border-bottom: 1px solid #d6d6d6; }
    .estate-table .data > div {
      display: table-cell;
      padding: 9px 3px 9px 10px;
      vertical-align: middle;
      word-break: break-all; }
    .estate-table .data:after {
      content: '';
      display: block;
      clear: both; }
  .estate-table .title {
    width: 160px;
    font-weight: 400;
    color: #333;
    background-color: #f6f6f6; }
  .estate-table .cont {
    background-color: #fff;
    border-left: 1px solid #d6d6d6; }
    .estate-table .cont.txt-padding {
      padding: 9px 12px; }
  .estate-table .must {
    display: inline-block;
    margin-left: 3px;
    font-weight: 500;
    color: #da2d2d; }
  .estate-table .select-type1 {
    width: 150px; }

.file-list li + li {
  margin-top: 6px; }

.attach-file {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  padding-left: 16px; }
  .attach-file:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 12px;
    height: 14px;
    background-image: url(../../images/gwn-kr/icon_file_m.png);
    background-repeat: no-repeat;
    background-size: 12px 14px; }

.btn-file-right {
  font-weight: 400;
  color: #0966b3;
  text-decoration: underline; }

.btn-file-download {
  font-weight: 400;
  color: #0f997b;
  text-decoration: underline; }

.meta-info {
  margin-top: 15px;
  padding: 13px 15px;
  border: 1px solid #d6d6d6; }
  .meta-info .tit {
    position: relative;
    margin-bottom: 8px;
    padding-left: 20px;
    font-size: 13px;
    font-weight: 500;
    color: #333; }
    .meta-info .tit:before {
      content: '';
      position: absolute;
      top: 5px;
      left: 0;
      width: 15px;
      height: 10px;
      background-image: url(../../images/gwn-kr/icon_meta_m.png);
      background-repeat: no-repeat;
      background-size: 15px 10px; }
  .meta-info span {
    display: inline-block;
    height: 22px;
    margin: 2px;
    padding: 0 8px;
    font-size: 11px;
    border: 1px solid #d6d6d6;
    border-radius: 11px;
    background-color: #f6f6f6;
    line-height: 20px; }

.img-box {
  position: relative; }
  .img-box > img {
    width: 100%; }
  .img-box.mb {
    margin-bottom: 15px; }
  .img-box.mt {
    margin-top: 15px; }
  .img-box .btn-img-zoom {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 137px; }

sup {
  display: inline-block;
  padding-left: 2px;
  font-size: 11px; }

.ex-tit {
  padding-bottom: 8px;
  font-weight: 400;
  color: #333;
  text-decoration: underline; }

.indent-section {
  margin-left: 10px; }

.db {
  display: block; }

.layout-box {
  margin-bottom: 10px; }
  .layout-box:last-of-type {
    margin-bottom: 0; }

.tip-box {
  margin-top: 10px; }
  .tip-box .tip-tit {
    position: relative;
    padding-left: 21px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px; }
    .tip-box .tip-tit:before {
      content: '';
      position: absolute;
      top: 4px;
      left: 0;
      width: 16px;
      height: 13px;
      background-image: url(../../images/gwn-kr/icon_tip_m.png);
      background-repeat: no-repeat;
      background-size: 16px 13px; }
  .tip-box .tip-content {
    padding: 12px 15px;
    background-color: #f6f6f6;
    border: 1px solid #d6d6d6; }
    .tip-box .tip-content .sub-tit03 + ul {
      margin-left: 10px; }
    .tip-box .tip-content .box + .box {
      margin-top: 8px; }

.top-info-box {
  margin-bottom: 25px;
  padding: 15px;
  border: 4px solid #ececec; }
  .top-info-box .tit {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #222; }

.investment-box {
  position: relative;
  height: 186px;
  border: 1px solid #d6d6d6;
  background-color: #f6f6f6;
  background-repeat: no-repeat;
  background-image: url(../../images/gwn-kr/img_investment_m.png);
  background-size: 290px;
  background-position: 50% 50%; }
  .investment-box > div {
    position: absolute;
    top: 25px;
    width: 135px;
    height: 135px;
    padding-top: 67px;
    color: #fff;
    text-align: center; }
  .investment-box .l {
    left: 50%;
    margin-left: -145px; }
  .investment-box .r {
    right: 50%;
    margin-right: -145px; }
  .investment-box .num {
    font-weight: 400; }
    .investment-box .num span {
      font-size: 16px;
      font-weight: 500;
      color: #ffcc00; }

.v-top {
  vertical-align: top !important; }

.v-middle {
  vertical-align: middle !important; }

.faq-board li {
  border: 1px solid #d6d6d6; }
  .faq-board li a {
    display: block;
    padding: 12px 12px 12px 45px;
    color: #222;
    font-size: 14px;
    font-weight: 500; }
  .faq-board li + li {
    margin-top: 12px; }
  .faq-board li .toggle-top {
    position: relative; }
    .faq-board li .toggle-top:before {
      content: 'Q';
      position: absolute;
      top: 12px;
      left: 15px;
      width: 22px;
      height: 22px;
      font-size: 10px;
      font-weight: 500;
      color: #fff;
      border-radius: 50%;
      background-color: #0f3966;
      text-align: center;
      line-height: 22px; }
  .faq-board li .toggle-area {
    display: none;
    position: relative;
    padding: 12px 12px 12px 45px;
    background-color: #f6f6f6;
    border-top: 1px solid #d6d6d6; }
    .faq-board li .toggle-area:before {
      content: 'A';
      position: absolute;
      top: 12px;
      left: 15px;
      width: 22px;
      height: 22px;
      font-size: 10px;
      font-weight: 500;
      color: #fff;
      border-radius: 50%;
      background-color: #999;
      text-align: center;
      line-height: 22px; }

.open .toggle-area {
  display: block !important; }

.qna-list li {
  padding: 17px 15px 17px 110px;
  border: 1px solid #d6d6d6;
  background-repeat: no-repeat;
  background-size: 79px;
  background-position: 15px 24px; }
  .qna-list li .tit {
    margin-bottom: 6px;
    font-size: 15px;
    font-weight: 500;
    color: #222; }
  .qna-list li .btn {
    margin-top: 11px; }
  .qna-list li + li {
    margin-top: 17px; }
  .qna-list li:nth-child(1) {
    background-image: url(../../images/gwn-kr/icon_qna01_m.png); }
  .qna-list li:nth-child(2) {
    background-image: url(../../images/gwn-kr/icon_qna02_m.png); }
  .qna-list li:nth-child(3) {
    background-image: url(../../images/gwn-kr/icon_qna03_m.png); }

.search-head {
  margin-bottom: 25px;
  padding: 0 15px 15px;
  background-color: #f6f6f6;
  border: 1px solid #d6d6d6; }
  .search-head select {
    width: calc(50% - 2px); }
  .search-head .double-select {
    overflow: hidden; }
    .search-head .double-select select {
      float: left; }
      .search-head .double-select select:first-child {
        margin-right: 4px; }
  .search-head #greenfiled-cont {
    display: none; }
  .search-head .box {
    padding: 15px 0;
    border-bottom: 1px dashed #d6d6d6; }
  .search-head .tit {
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #222; }
  .search-head .desc-txt {
    margin-top: 5px; }
  .search-head .detail-box .detail-tit {
    position: relative;
    float: left;
    width: 70px;
    margin-top: 6px;
    padding-left: 8px;
    font-weight: 400;
    color: #333; }
    .search-head .detail-box .detail-tit:before {
      content: "";
      position: absolute;
      top: 9px;
      left: 0;
      width: 3px;
      height: 3px;
      background-color: #666;
      border-radius: 50%; }
  .search-head .detail-box .detail-cont {
    overflow: hidden; }
  .search-head .detail-box + .detail-box {
    margin-top: 10px; }
  .search-head .detail-box:after {
    content: '';
    display: block;
    clear: both; }
  .search-head .form-srch {
    position: relative; }
    .search-head .form-srch .btn {
      position: absolute;
      top: 0;
      right: 0;
      width: 31px;
      height: 31px;
      background-repeat: no-repeat;
      background-image: url(../../images/gwn-kr/icon_search_s_m.png);
      background-size: 13px;
      background-position: 50% 50%; }
  .search-head .btn-area {
    text-align: center; }

[class^="items"]:after {
  content: '';
  display: block;
  clear: both; }

.form-box {
  display: block;
  float: left;
  width: calc(50% - 2px);
  margin-bottom: 4px; }
  .form-box:nth-child(odd) {
    margin-right: 4px; }
  .form-box label {
    display: block;
    height: 31px;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    line-height: 29px;
    text-align: center; }
  .form-box input:checked + label {
    border-color: #0f997b;
    background-color: #0f997b;
    color: #fff; }

.search-body .link01 {
  margin-bottom: 15px;
  border: 1px solid #d6d6d6; }
  .search-body .link01 li {
    float: left;
    width: 50%; }
    .search-body .link01 li:nth-child(odd) {
      border-right: 1px dashed #d6d6d6; }
    .search-body .link01 li:nth-child(1), .search-body .link01 li:nth-child(2) {
      border-bottom: 1px dashed #d6d6d6; }
    .search-body .link01 li .link01-1 {
      background-image: url(../../images/gwn-kr/icon_srch_link01_m.png);
      background-size: 30px; }
    .search-body .link01 li .link01-2 {
      background-image: url(../../images/gwn-kr/icon_srch_link02_m.png);
      background-size: 35px; }
    .search-body .link01 li .link01-3 {
      background-image: url(../../images/gwn-kr/icon_srch_link03_m.png);
      background-size: 30px; }
    .search-body .link01 li .link01-4 {
      background-image: url(../../images/gwn-kr/icon_srch_link04_m.png);
      background-size: 32px; }
    .search-body .link01 li .link01-5 {
      background-image: url(../../images/gwn-kr/icon_srch_link05_m.png);
      background-size: 42px; }
  .search-body .link01 a {
    position: relative;
    display: block;
    height: 100px;
    padding-top: 66px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 17px; }
    .search-body .link01 a .tit {
      font-size: 14px;
      color: #333; }
    .search-body .link01 a .num {
      position: absolute;
      top: 7px;
      right: 7px;
      height: 22px;
      padding: 0 10px;
      font-size: 12px;
      color: #fff;
      background-color: #f28938;
      border-radius: 11px;
      line-height: 22px; }
  .search-body .link01:after {
    content: '';
    display: block;
    clear: both; }
.search-body .link02 li {
  float: left;
  width: 50%; }
  .search-body .link02 li:nth-child(1) a {
    background-color: #0f997b;
    background-image: url(../../images/gwn-kr/icon_srch_link06_m.png);
    background-size: 42px; }
  .search-body .link02 li:nth-child(2) a {
    background-color: #0f3966;
    background-image: url(../../images/gwn-kr/icon_srch_link07_m.png);
    background-size: 45px; }
  .search-body .link02 li a {
    position: relative;
    display: block;
    height: 100px;
    padding: 12px 0 0 15px;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) calc(100% - 15px); }
    .search-body .link02 li a .tit {
      font-size: 14px;
      font-weight: 500;
      color: #fff; }
    .search-body .link02 li a:before {
      content: '';
      position: absolute;
      bottom: 15px;
      left: 15px;
      width: 17px;
      height: 8px;
      background-image: url(../../images/gwn-kr/arr_search_m.png);
      background-size: 17px 8px; }
.search-body .link02:after {
  content: '';
  display: block;
  clear: both; }
.search-body .board {
  position: relative;
  margin-top: 22px; }
  .search-body .board .top .sub-tit01 {
    display: inline-block;
    margin-right: 7px; }
  .search-body .board .top .s-txt {
    display: inline-block;
    font-size: 13px; }
    .search-body .board .top .s-txt .num {
      font-weight: 500;
      color: #0666b2; }
  .search-body .board .board-content {
    padding: 15px;
    border-width: 2px 1px 1px;
    border-style: solid;
    border-color: #333 #d6d6d6 #d6d6d6; }
    .search-body .board .board-content .list01 li {
      margin-bottom: 7px; }
      .search-body .board .board-content .list01 li a {
        display: block;
        width: calc(100% - 70px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .search-body .board .board-content .list01 li:last-child {
        margin-bottom: 0; }
    .search-body .board .board-content .date {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 12px;
      color: #999; }
  .search-body .board .btn-more {
    position: absolute;
    top: 0;
    right: -8px;
    width: 30px;
    height: 30px; }
    .search-body .board .btn-more:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -7px 0 0 -1px;
      width: 2px;
      height: 14px;
      background-color: #999; }
    .search-body .board .btn-more:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -1px 0 0 -7px;
      width: 14px;
      height: 2px;
      background-color: #999; }
.search-body .slider {
  text-align: center; }
.search-body .slide {
  width: 220px;
  margin: 0 5px;
  border-width: 2px 1px 1px;
  border-style: solid;
  border-color: #333 #d6d6d6 #d6d6d6; }
  .search-body .slide .cont {
    position: relative;
    height: 212px;
    padding: 13px 15px; }
    .search-body .slide .cont .badge {
      position: absolute;
      top: -2px;
      right: -1px;
      width: 40px;
      height: 40px;
      padding-top: 6px;
      font-size: 11px;
      color: #fff;
      background-color: #0f997b;
      text-align: center; }
      .search-body .slide .cont .badge span {
        display: block;
        margin-top: -3px;
        font-size: 15px;
        font-weight: 500; }
      .search-body .slide .cont .badge:before {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 0;
        border-top: 10px solid #0f997b;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent; }
    .search-body .slide .cont .category {
      margin-bottom: 6px;
      font-weight: 500;
      color: #0966b3; }
    .search-body .slide .cont .tit {
      margin-bottom: 6px;
      font-size: 15px;
      font-weight: 500;
      color: #222;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .search-body .slide .cont .desc {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      line-height: 1.5;
      max-height: 10.5em;
      word-wrap: break-word;
      display: -webkit-box;
      -webkit-line-clamp: 7;
      -webkit-box-orient: vertical; }
    .search-body .slide .cont .btn-position {
      display: block;
      width: 100%;
      height: 31px;
      margin-top: 14px;
      font-size: 12px;
      color: #0966b3;
      border: 1px solid #d6d6d6;
      background-color: #edf4fa;
      text-align: center;
      line-height: 30px; }
  .search-body .slide .btm {
    padding: 12px 16px;
    background-color: #edf4fa; }
    .search-body .slide .btm .l {
      float: left;
      margin-top: 3px;
      font-weight: 400;
      color: #333; }
    .search-body .slide .btm .r {
      float: right;
      font-size: 12px; }
      .search-body .slide .btm .r span {
        display: inline-block;
        margin-left: 5px;
        font-size: 16px;
        font-weight: 400;
        color: #0966b3; }
    .search-body .slide .btm:after {
      content: '';
      display: block;
      clear: both; }
.search-body .position-slider .slide .cont {
  height: 215px; }
  .search-body .position-slider .slide .cont .list02 li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.search-body .slick-list {
  text-align: left; }
.search-body .slick-dots {
  display: inline-block;
  margin-top: 15px;
  padding: 0 20px;
  vertical-align: middle; }
  .search-body .slick-dots li {
    display: inline-block;
    width: 12px;
    height: 12px; }
    .search-body .slick-dots li button {
      position: relative;
      width: 100%;
      height: 100%;
      font-size: 0;
      border-radius: 50%;
      vertical-align: top; }
      .search-body .slick-dots li button:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 6px;
        height: 6px;
        margin: -3px 0 0 -3px;
        background-color: #bbb;
        border-radius: 50%; }
    .search-body .slick-dots li.slick-active button {
      border: 1px solid #0f3966; }
      .search-body .slick-dots li.slick-active button:before {
        background-color: #0f3966; }
    .search-body .slick-dots li + li {
      margin-left: 5px; }
.search-body .slick-arrow {
  display: inline-block;
  width: 20px;
  height: 12px;
  margin-top: 20px;
  background-size: 20px 12px;
  background-position: 50% 50%;
  vertical-align: middle;
  font-size: 0; }
.search-body .slick-prev {
  background-image: url(../../images/gwn-kr/arr_prev_m.png);
  margin-left: -20px; }
.search-body .slick-next {
  background-image: url(../../images/gwn-kr/arr_next_m.png);
  margin-left: 20px; }

.pop-content .btn-area + .btn-area {
  margin-top: 10px; }

.popup .category-area .top-area {
  margin-bottom: 17px;
  padding: 12px 15px;
  background-color: #f6f6f6;
  border: 1px solid #d6d6d6;
  font-size: 12px; }
  .popup .category-area .top-area ul li {
    position: relative;
    float: left; }
    .popup .category-area .top-area ul li + li {
      margin-left: 20px; }
      .popup .category-area .top-area ul li + li:before {
        content: '';
        position: absolute;
        top: 5px;
        left: -11px;
        width: 5px;
        height: 9px;
        background-repeat: no-repeat;
        background-image: url(../../images/gwn-kr/arr_category.png);
        background-size: 5px 9px; }
  .popup .category-area .top-area ul:after {
    content: '';
    display: block;
    clear: both; }
  .popup .category-area .top-area span {
    color: #0966b3; }
.popup .category-area .category-box {
  display: none; }
  .popup .category-area .category-box:first-child {
    display: block; }
  .popup .category-area .category-box ul {
    overflow-y: auto;
    height: 263px;
    border: 1px solid #d6d6d6; }
    .popup .category-area .category-box ul li + li {
      border-top: 1px dashed #d6d6d6; }
    .popup .category-area .category-box ul li a {
      position: relative;
      display: block;
      padding: 9px 10px 9px 21px; }
      .popup .category-area .category-box ul li a:before {
        content: '';
        position: absolute;
        top: 18px;
        left: 13px;
        width: 3px;
        height: 3px;
        background-color: #666;
        border-radius: 50%; }
      .popup .category-area .category-box ul li a:focus, .popup .category-area .category-box ul li a:hover, .popup .category-area .category-box ul li a.active {
        font-weight: 400;
        color: #0966b3;
        background-color: #edf4fa; }
        .popup .category-area .category-box ul li a:focus:before, .popup .category-area .category-box ul li a:hover:before, .popup .category-area .category-box ul li a.active:before {
          background-color: #0966b3; }

.estate-view .tit a {
  display: block;
  margin-top: 3px;
  text-align: right;
  font-size: 13px;
  font-weight: 400;
  color: #0966b3;
  text-decoration: underline; }

.normal-table02 {
  border-top: 2px solid #333; }
  .normal-table02 li:last-child .data {
    border-bottom-color: #999; }
  .normal-table02 .data {
    display: table;
    width: 100%;
    border-bottom: 1px solid #d6d6d6; }
    .normal-table02 .data > div {
      display: table-cell;
      vertical-align: middle; }
    .normal-table02 .data:after {
      content: '';
      display: block;
      clear: both; }
  .normal-table02 .tit {
    width: 90px;
    padding: 12px 0 12px 12px;
    font-weight: 500;
    color: #333;
    background-color: #edf4fa;
    word-break: break-all; }
  .normal-table02 .cont {
    overflow: hidden;
    padding: 6px 12px;
    background-color: #fff;
    border-left: 1px solid #d6d6d6; }
    .normal-table02 .cont.txt-padding {
      padding: 9px 12px; }
  .normal-table02 .must {
    display: inline-block;
    margin-left: 3px;
    font-weight: 500;
    color: #da2d2d; }
  .normal-table02 .select-type1 {
    width: 150px; }
  .normal-table02.th-width01 .tit {
    width: 110px;
    min-width: 110px;
    padding: 12px 2px 12px 12px; }
  .normal-table02 .th-w25 {
    width: 120px;
    padding: 12px 0;
    text-align: center; }

.map-area {
  height: 225px;
  margin-bottom: 22px;
  border: 1px solid #d6d6d6; }

.gwn-img0201 .img-box + .img-box {
  margin-top: 15px; }

.gwn0202 ul li {
  float: left;
  width: calc(50% - 5px);
  height: 215px;
  margin-bottom: 10px;
  padding-top: 115px;
  background-repeat: no-repeat;
  background-position: 50% 20px;
  background-size: 79px;
  border: 1px solid #d6d6d6;
  text-align: center; }
  .gwn0202 ul li:nth-child(1) {
    background-image: url(../../images/gwn-kr/gwn020201_m.gif); }
  .gwn0202 ul li:nth-child(2) {
    background-image: url(../../images/gwn-kr/gwn020202_m.gif); }
  .gwn0202 ul li:nth-child(3) {
    background-image: url(../../images/gwn-kr/gwn020203_m.gif); }
  .gwn0202 ul li:nth-child(4) {
    background-image: url(../../images/gwn-kr/gwn020204_m.gif); }
  .gwn0202 ul li:nth-child(odd) {
    margin-right: 10px; }
  .gwn0202 ul li strong {
    display: block;
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: 500;
    color: #333; }
.gwn0202 ul:after {
  content: '';
  display: block;
  clear: both; }
.gwn0202.eng ul li {
  height: 250px; }

.img-list > li {
  border: 1px solid #d6d6d6;
  margin-bottom: 15px; }
.img-list .img img {
  width: calc(100% + 2px);
  max-width: none;
  margin: -1px 0 0 -1px; }
.img-list .txt {
  padding: 15px; }
  .img-list .txt strong {
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #333; }
.img-list.v2 > li {
  padding: 15px; }
  .img-list.v2 > li:after {
    content: '';
    display: block;
    clear: both; }
.img-list.v2 .img {
  float: left;
  width: 50%;
  margin-right: 18px; }
.img-list.v2 .txt {
  padding: 0;
  overflow: hidden; }
.img-list.v3 > li {
  padding-bottom: 15px;
  overflow: hidden; }
  .img-list.v3 > li .img {
    padding: 15px;
    float: left; }
    .img-list.v3 > li .img.person {
      width: 35%;
      max-width: 140px; }
  .img-list.v3 > li .txt .cont {
    float: left; }
  .img-list.v3 > li .cont span {
    display: inline-block; }
  .img-list.v3 > li .cont .mb5 {
    margin-bottom: 5px; }
.img-list:after {
  content: '';
  display: block;
  clear: both; }

.yangyang-slider .slider-for {
  margin-bottom: 3px; }
  .yangyang-slider .slider-for .slick-arrow {
    width: 31px;
    height: 31px;
    background-size: 31px; }
  .yangyang-slider .slider-for .slick-prev {
    background-image: url(../../images/gwn-kr/arr_slider_prev_m.png); }
  .yangyang-slider .slider-for .slick-next {
    background-image: url(../../images/gwn-kr/arr_slider_next_m.png); }
.yangyang-slider .slider-nav {
  padding: 0 24px; }
  .yangyang-slider .slider-nav .slick-slide {
    position: relative;
    width: 115px;
    margin: 7px; }
    .yangyang-slider .slider-nav .slick-slide:before {
      content: '';
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 2px solid #0f997b; }
  .yangyang-slider .slider-nav .slick-current:before {
    display: block; }
  .yangyang-slider .slider-nav .slick-arrow {
    width: 17px;
    height: 55px;
    background-size: 17px 55px; }
  .yangyang-slider .slider-nav .slick-prev {
    background-image: url(../../images/gwn-kr/arr_slider_prev2_m.png); }
  .yangyang-slider .slider-nav .slick-next {
    background-image: url(../../images/gwn-kr/arr_slider_next2_m.png); }
.yangyang-slider .slick-arrow {
  font-size: 0;
  color: transparent; }

.yangyang-logo .m-content {
  width: 144px; }

.greeing-top {
  margin-bottom: 15px;
  padding: 20px 25px;
  background-color: #edf4fa;
  background-repeat: no-repeat;
  background-position: 100% 100%; }
  .greeing-top strong {
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    line-height: 1.3; }
    .greeing-top strong + .txt {
      margin-top: 10px; }
    .greeing-top strong .big {
      font-size: 22px; }
  .greeing-top .txt {
    font-size: 14px; }
  .greeing-top .utill {
    margin-top: 30px; }
    .greeing-top .utill li + li {
      margin-top: 20px; }
    .greeing-top .utill a {
      position: relative;
      display: inline-block;
      padding-left: 33px;
      font-size: 12px; }
      .greeing-top .utill a:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 26px;
        height: 26px;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        background-size: 100%; }
      .greeing-top .utill a.email:before {
        background-image: url(../../images/gwn-kr/icon_greeting01_m.png); }
      .greeing-top .utill a.twitter:before {
        background-image: url(../../images/gwn-kr/icon_greeting02_m.png); }
  .greeing-top.gwn {
    background-image: url(../../images/gwn-kr/img0101_m.png);
    background-size: 185px; }
  .greeing-top.cb {
    background-image: url(../../images/cb-kr/img0101_m.png);
    background-size: 170px; }
  .greeing-top.chn {
    min-height: 206px;
    background-image: url(../../images/chn-kr/img0101_m.png);
    background-size: 170px; }
  .greeing-top.us {
    background-image: url(../../images/us-kr/img0101_m.png);
    background-size: 178px; }
  .greeing-top.gj {
    background-image: url(../../images/gj-kr/img0101_m.png);
    background-size: 170px; }
  .greeing-top.jnbk {
    background-image: url(../../images/jnbk-kr/img0101_m.png);
    background-size: 165px; }
  .greeing-top.dj {
    min-height: 206px;
    background-image: url(../../images/dj-kr/img0101_m.png);
    background-size: 194px; }
  .greeing-top.dg {
    min-height: 230px;
    background-image: url(../../images/dg-kr/img0101_m.png);
    background-size: 184px; }

.greeting-txt em {
  display: block;
  font-size: 14px;
  font-weight: 500; }
  .greeting-txt em.line {
    display: inline-block; }
.greeting-txt .sign {
  margin-top: 18px;
  font-size: 14px;
  font-weight: 400;
  color: #333; }
  .greeting-txt .sign img {
    display: inline-block;
    margin-left: 12px;
    width: 91px;
    vertical-align: middle; }
  .greeting-txt .sign.txt img {
    display: inline-block;
    width: 50px;
    margin-left: 12px;
    vertical-align: top; }
  .greeting-txt .sign .sign-txt {
    display: inline-block;
    margin-left: 15px;
    font-size: 19px; }
.greeting-txt.cb .sign .m-content {
  width: 90px; }
.greeting-txt.gj .txt img {
  width: 48px; }

.regulation-top {
  position: relative;
  margin-bottom: 20px;
  padding: 18px 10px;
  background-image: url(../../images/gwn-kr/bg_regulation_m.gif);
  background-size: 4px;
  text-align: center; }
  .regulation-top:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    background-color: #fff; }
  .regulation-top .in {
    position: relative;
    z-index: 1; }
  .regulation-top strong {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #0f3966; }
  .regulation-top .s-txt {
    margin-top: 6px; }

.regulation-normal-box {
  margin-bottom: 20px;
  line-height: 1.8; }

.regulation-txt ol, .regulation-txt ul {
  line-height: 1.8; }
  .regulation-txt ol ol, .regulation-txt ol ul, .regulation-txt ul ol, .regulation-txt ul ul {
    margin-left: 10px; }

.useful-link .normal-box {
  padding-bottom: 4px; }
.useful-link .box + .box {
  margin-top: 2px; }
.useful-link ul:after {
  content: '';
  display: block;
  clear: both; }
.useful-link li {
  float: left;
  width: 50%;
  margin-bottom: 6px; }
.useful-link a {
  position: relative;
  display: block;
  padding-left: 9px; }
  .useful-link a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 3px;
    height: 3px;
    background-color: #666;
    border-radius: 50%; }
  .useful-link a:hover, .useful-link a:focus {
    color: #0966b3;
    font-weight: 400;
    text-decoration: underline; }
    .useful-link a:hover:before, .useful-link a:focus:before {
      background-color: #0966b3; }

.ofl-box {
  overflow: hidden; }
  .ofl-box > div {
    float: none; }
  .ofl-box .l {
    margin-bottom: 15px; }

.data-txt-center .data .tit {
  padding-left: 0;
  text-align: center; }
.data-txt-center .data .cont {
  text-align: center; }

.normal-table02 .th-w35 {
  width: 35%; }
.normal-table02 .th-w50 {
  width: 50%; }

.info-box {
  border: 1px solid #d6d6d6;
  background: #f6f6f6; }
  .info-box > div {
    float: none; }
  .info-box .l {
    position: relative; }
    .info-box .l img {
      width: 100%; }
    .info-box .l .txt {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      min-height: 37px;
      padding: 8px 10px;
      background: rgba(0, 0, 0, 0.6);
      font-weight: 400;
      text-align: center;
      line-height: 1.6;
      color: #fff; }
  .info-box .r {
    padding: 13px 15px 15px; }
  .info-box.list-mr-minus {
    margin-left: -9px; }
  .info-box.no-design {
    background: transparent;
    border: 0; }
  .info-box.bg-blue {
    background: #f3f7fb;
    border: 0; }
  .info-box.box02 .r {
    padding: 0; }
    .info-box.box02 .r img {
      width: 100%; }
  .info-box.box02 .l {
    padding: 13px 15px 15px; }

.photo-box li {
  margin-bottom: 15px;
  position: relative; }
  .photo-box li img {
    width: 100%; }
  .photo-box li .card {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 37px;
    padding: 8px 10px;
    background: rgba(0, 0, 0, 0.6);
    font-weight: 400;
    text-align: center;
    line-height: 1.6;
    color: #fff; }
  .photo-box li:last-child {
    margin-bottom: 0; }

.dg010201-list {
  margin-top: 10px; }
  .dg010201-list > li:not(:last-child) {
    margin-bottom: 5px; }
  .dg010201-list > li:nth-child(1) span {
    color: #4173b9; }
  .dg010201-list > li:nth-child(2) span {
    color: #75bb29; }
  .dg010201-list > li:nth-child(3) span {
    color: #e83e30; }
  .dg010201-list > li:nth-child(4) span {
    color: #8d60a6; }
  .dg010201-list > li:nth-child(5) span {
    color: #fabd00; }
  .dg010201-list > li > span {
    position: relative;
    display: inline-block;
    padding-left: 15px;
    font-weight: 400; }
    .dg010201-list > li > span:before {
      content: '';
      display: block;
      position: absolute;
      top: 4px;
      left: 0;
      border-radius: 50%;
      width: 12px;
      height: 12px;
      background-color: currentColor; }

.dg-0207img {
  margin-top: 13px; }
  .dg-0207img .img-box + .img-box {
    margin-top: 15px; }

.yangyang-history {
  position: relative;
  padding: 24px 10px 0 24px;
  border: 1px solid #d6d6d6;
  background-color: #f6f6f6;
  background-repeat: no-repeat;
  background-image: url(../../images/gwn-kr/img0206_history_bg1_m.png), url(../../images/gwn-kr/img0206_history_bg2_m.png);
  background-size: 68px,240px;
  background-position: 66px 25px,100% 100%; }
  .yangyang-history:before {
    content: '';
    position: absolute;
    top: 105px;
    left: 65px;
    width: 3px;
    height: calc(100% - 105px);
    background-color: #d6d6d6; }
  .yangyang-history .top {
    position: relative;
    width: 85px;
    height: 85px;
    padding-top: 20px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background-color: #0966b3;
    text-align: center;
    border-radius: 50%;
    line-height: 1;
    z-index: 1; }
  .yangyang-history ul {
    padding: 20px 0 0 60px; }
    .yangyang-history ul li {
      position: relative;
      padding-bottom: 8px; }
      .yangyang-history ul li:last-child {
        padding-bottom: 20px; }
        .yangyang-history ul li:last-child:before {
          content: '';
          position: absolute;
          bottom: 0;
          left: -22px;
          width: 20px;
          height: calc(100% - 15px);
          background-color: #f6f6f6; }
      .yangyang-history ul li .year {
        position: relative;
        margin-bottom: 2px;
        font-size: 16px;
        font-weight: 500;
        color: #0966b3; }
        .yangyang-history ul li .year:before {
          content: '';
          position: absolute;
          top: 50%;
          left: -22px;
          margin-top: -4px;
          width: 5px;
          height: 5px;
          background-color: #fff;
          border: 2px solid #0966b3;
          border-radius: 50%;
          z-index: 1; }
        .yangyang-history ul li .year:after {
          content: '';
          position: absolute;
          top: 50%;
          left: -22px;
          border-top: 1px dashed #d6d6d6;
          width: 17px; }
      .yangyang-history ul li span {
        position: relative;
        display: inline-block;
        padding-left: 7px;
        font-weight: 400;
        color: #333; }
        .yangyang-history ul li span:before {
          content: '';
          position: absolute;
          top: 9px;
          left: 0;
          width: 3px;
          height: 3px;
          background-color: #666;
          border-radius: 50%; }

.mb0 {
  margin-bottom: 0 !important; }

:lang(en) .tab li a {
  height: 54px;
  font-size: 12px; }
  :lang(en) .tab li a.active:before {
    height: 54px; }

.no-data {
  padding: 15px;
  background-color: #f6f6f6;
  border: 1px solid #d6d6d6;
  text-align: center; }
  .no-data + .normal-board {
    margin-top: 15px; }
  .no-data > strong {
    font-weight: 500;
    color: #333; }

.yutube-box > .y-r {
  overflow-y: auto;
  max-height: 150px;
  padding: 12px 15px;
  border-style: none solid solid;
  border-color: #d6d6d6;
  border-width: 1px;
  background: #f6f6f6; }

.y-l {
  position: relative;
  padding-bottom: 39%;
  height: 0;
  overflow: hidden; }

.y-l iframe {
  border: 0; }

.y-l iframe,
.y-l object,
.y-l embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.content-tit {
  font-weight: 500;
  font-size: 15px;
  color: #0966b3; }

.quotes-box {
  padding: 15px 10px; }
  .quotes-box:before, .quotes-box:after {
    content: '';
    display: block;
    padding-top: 40px;
    background: url(../../images/jj-kr/bg_quotes.gif) no-repeat 0 0/auto; }
  .quotes-box:after {
    transform: rotate(180deg); }

@media all and (max-width: 359px) {
  .estate-table .title {
    width: 110px; } }
@media screen and (max-width: 400px) {
  .form-area .in span[class^="input-type"],
  .form-area .in span[class^="input-single"],
  .form-area .in span[class^="select-type"] {
    display: block;
    width: 100%;
    margin: 0 0 5px 0; }
  .form-area .in .btn-default-s {
    display: block;
    width: 100%; } }
@media screen and (max-width: 580px) {
  :lang(en) .form-area .in span[class^="input-type"],
  :lang(en) .form-area .in span[class^="input-single"],
  :lang(en) .form-area .in span[class^="select-type"] {
    display: block;
    width: 100%;
    margin: 0 0 5px 0; }
  :lang(en) .form-area .in .btn-default-s {
    display: block;
    width: 100%; } }
@media all and (min-width: 768px) {
  .ofl-box .l {
    float: left; }
  .ofl-box .r {
    overflow: hidden; }
  .ofl-box img {
    display: block;
    width: 100%; }
  .ofl-box.us_020103 > .l {
    width: 70%;
    margin-right: 15px;
    margin-bottom: 0; }
  .ofl-box.us_020103 > .r {
    padding-top: 24px; }

  .section.pc-2 > .sub-section {
    display: inline-block;
    width: calc(50% - 9px);
    vertical-align: top; }
    .section.pc-2 > .sub-section:nth-child(2n-1) {
      margin-right: 13px; }

  .photo-box > ul {
    overflow: hidden;
    margin-bottom: -20px; }
  .photo-box li {
    margin-bottom: 20px;
    float: left; }
    .photo-box li .card {
      min-height: 43px;
      padding: 11px 10px; }
    .photo-box li:last-child {
      margin-bottom: 20px; }
  .photo-box.pc-2 li {
    width: calc(50% - 10px); }
    .photo-box.pc-2 li:not(:nth-child(2n)) {
      margin-right: 20px; }
  .photo-box.pc-3 li {
    width: calc(33% - 11px); }
    .photo-box.pc-3 li:not(:nth-child(3n)) {
      margin-right: 20px; } }
@media all and (max-width: 1217px) {
  .calendar-content {
    display: none; }

  .use-pc {
    padding: 15px;
    border: 4px solid #ececec;
    background-repeat: no-repeat;
    background-image: url(../../images/gwn-kr/icon_top_info.png);
    background-size: 60px;
    background-position: 50% 20px;
    text-align: center;
    padding-top: 95px;
    font-weight: 500; }

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

  .search-head [class^="items"].m-row .form-box {
    float: none;
    width: 100%;
    margin: 0; }
    .search-head [class^="items"].m-row .form-box + .form-box {
      margin: 4px 0 0 0; }

  .useful-link ul.m-line1 li {
    width: 100%; } }
.btn_rep_site {
  display: inline-block;
  height: 30px;
  padding: 0 28px 0 13px;
  background: #0966b3 url(../../images/chn-kr/bg_reqsite_m.png) no-repeat right 10px top 50%/11px;
  text-align: center;
  line-height: 30px;
  color: #fff; }

.top-info-txt {
  padding: 15px;
  background: #f3f7fb; }
  .top-info-txt .tit {
    display: block;
    font-weight: 500;
    font-size: 15px;
    margin-top: 12px;
    color: #333; }

.img_list {
  font-size: 0;
  margin-top: 15px; }
  .img_list > li {
    display: inline-block;
    vertical-align: top; }
    .img_list > li .img {
      position: relative;
      width: 100%; }
      .img_list > li .img img {
        width: 100%; }
      .img_list > li .img strong {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        font-size: 13px;
        color: #fff;
        background: rgba(0, 0, 0, 0.6);
        padding: 12px 0;
        text-align: center; }
    .img_list > li ul li {
      font-size: 13px; }
  .img_list.img_list04 > li {
    width: calc((100% / 2) - 8px);
    margin-right: 15px;
    margin-top: 15px; }
    .img_list.img_list04 > li:nth-child(2n) {
      margin-right: 0; }
    .img_list.img_list04 > li:nth-child(-n+2) {
      margin-top: 0; }
  .img_list.img_list06 > li {
    width: 100%;
    margin-top: 15px; }
    .img_list.img_list06 > li:first-child {
      margin-top: 0; }

.border-box {
  margin-top: 15px; }
  .border-box > li {
    float: left;
    width: calc((100% / 2) - 5px);
    margin-right: 10px;
    margin-top: 10px;
    padding: 15px;
    background-position: calc(100% - 15px) calc(100% - 15px);
    background-repeat: no-repeat;
    border: 3px solid #ececec; }
    .border-box > li h5 {
      color: #333;
      font-size: 14px;
      font-weight: 500; }
    .border-box > li span {
      display: block;
      margin-top: 14px;
      line-height: 1;
      color: #333;
      font-size: 14px; }
      .border-box > li span strong {
        color: #0966b3;
        font-size: 19px;
        font-weight: 500; }
    .border-box > li:nth-child(2n) {
      margin-right: 0; }
      .border-box > li:nth-child(2n) strong {
        color: #0f997b; }
    .border-box > li:nth-child(-n+2) {
      margin-top: 0; }
  .border-box:after {
    content: '';
    display: block;
    clear: both; }
  .border-box.mt0 {
    margin-top: 0; }
  .border-box.box02 li {
    width: 100%;
    margin-top: 10px; }
    .border-box.box02 li:first-child {
      margin-top: 0; }
  .border-box.box03 li {
    height: 180px; }

.finance_list li {
  width: 100%;
  padding: 15px 15px 15px 60px;
  border: 1px solid #d6d6d6;
  margin-top: 12px;
  background-position: top left;
  background-repeat: no-repeat; }
  .finance_list li:first-child {
    margin-top: 0; }

.bg_txt > li {
  display: table;
  width: 100%;
  padding: 20px 20px 20px 120px;
  border: 1px solid #d6d6d6;
  background-size: 79px;
  background-repeat: no-repeat;
  background-position: 20px 20px;
  margin-top: 15px;
  min-height: 119px; }
  .bg_txt > li .in {
    display: table-cell;
    vertical-align: middle; }
    .bg_txt > li .in strong {
      display: block;
      margin-bottom: 10px;
      font-size: 15px;
      color: #222;
      font-weight: 500; }
  .bg_txt > li:first-child {
    margin-top: 0; }
.bg_txt.border > li {
  border: 0;
  padding: 0px 10px 0px 100px;
  min-height: 79px;
  background-position: 0 0;
  margin-top: 0;
  margin-bottom: 25px; }

.bg-img010203_2 {
  background-image: url("../../images/jj-kr/img010203_2.jpg");
  background-size: 50px; }

.bg-img010203_3 {
  background-image: url("../../images/jj-kr/img010203_3.jpg");
  background-size: 45px; }

.bg-img010203_4 {
  background-image: url("../../images/jj-kr/img010203_4.jpg");
  background-size: 47px; }

.bg-finance01 {
  background-image: url("../../images/jj-kr/img010204_2.jpg");
  background-size: auto 100%; }

.bg-finance02 {
  background-image: url("../../images/jj-kr/img010204_3.jpg");
  background-size: auto 100%; }

.bg_010204_1 {
  background-image: url("../../images/jj-kr/bg_010204_1.jpg");
  background-size: 44px; }

.bg_010204_2 {
  background-image: url("../../images/jj-kr/bg_010204_2.jpg");
  background-size: 50px; }

.bg_010204_3 {
  background-image: url("../../images/jj-kr/bg_010204_3.jpg");
  background-size: 46px; }

.bg_010204_4 {
  background-image: url("../../images/jj-kr/bg_010204_4.jpg");
  background-size: 50px; }

.bg_010204_5 {
  background-image: url("../../images/jj-kr/bg_010204_5.jpg");
  background-size: 35px; }

.bg_010204_6 {
  background-image: url("../../images/jj-kr/bg_010204_6.jpg");
  background-size: 51px; }

.bg_010204_7 {
  background-image: url("../../images/jj-kr/bg_010204_7.jpg");
  background-size: 40px; }

.bg_010204_8 {
  background-image: url("../../images/jj-kr/bg_010204_8.jpg");
  background-size: 61px; }

.bg_010204_9 {
  background-image: url("../../images/jj-kr/bg_010204_9.jpg");
  background-size: 47px; }

.bg_010204_10 {
  background-image: url("../../images/jj-kr/bg_010204_10.jpg");
  background-size: 43px; }

.bg_010204_11 {
  background-image: url("../../images/jj-kr/bg_010204_11.jpg");
  background-size: 58px; }

.bg_010204_12 {
  background-image: url("../../images/jj-kr/bg_010204_12.jpg");
  background-size: 49px; }

.bg_010204_13 {
  background-image: url("../../images/jj-kr/bg_010204_13.jpg"); }

.bg_010204_14 {
  background-image: url("../../images/jj-kr/bg_010204_14.jpg"); }

.bg_010204_15 {
  background-image: url("../../images/jj-kr/bg_010204_15.jpg"); }

.bg_010204_16 {
  background-image: url("../../images/jj-kr/bg_010204_16.jpg"); }

.bg_010204_17 {
  background-image: url("../../images/jj-kr/bg_010204_17.jpg"); }

.bg_010204_18 {
  background-image: url("../../images/jj-kr/bg_010204_18.jpg"); }

.bg_010204_19 {
  background-image: url("../../images/jj-kr/bg_010204_19.jpg"); }

.bg_010204_20 {
  background-image: url("../../images/jj-kr/bg_010204_20.jpg"); }

.bg_010204_21 {
  background-image: url("../../images/jj-kr/bg_010204_21.jpg"); }

.bg_020202_2 {
  background-image: url("../../images/jj-kr/img020202_2.jpg"); }

.bg_020202_3 {
  background-image: url("../../images/jj-kr/img020202_3.jpg"); }

.bg_020202_4 {
  background-image: url("../../images/jj-kr/img020202_4.jpg"); }

.bg_020202_5 {
  background-image: url("../../images/jj-kr/img020202_5.jpg"); }

.bg_020202_6 {
  background-image: url("../../images/jj-kr/img020202_6.jpg"); }

.bg_020403_1 {
  background-image: url("../../images/jj-kr/img020403_1.jpg"); }

.bg_020403_2 {
  background-image: url("../../images/jj-kr/img020403_2.jpg"); }

.bg_020403_3 {
  background-image: url("../../images/jj-kr/img020403_3.jpg"); }

.bg_020403_4 {
  background-image: url("../../images/jj-kr/img020403_4.jpg"); }

.bg_020403_5 {
  background-image: url("../../images/jj-kr/img020403_5.jpg");
  background-size: 40px; }

.bg_020403_6 {
  background-image: url("../../images/jj-kr/img020403_6.jpg");
  background-size: 44px; }

.bg_020403_7 {
  background-image: url("../../images/jj-kr/img020403_7.jpg");
  background-size: 40px; }

.bg_020404_6 {
  background-image: url("../../images/jj-kr/img020404_6.jpg"); }

.bg_020404_7 {
  background-image: url("../../images/jj-kr/img020404_7.jpg"); }

.bg_020404_8 {
  background-image: url("../../images/jj-kr/img020404_8.jpg"); }

.bg_020404_9 {
  background-image: url("../../images/jj-kr/img020404_9.jpg"); }

.smart_island_wrap {
  overflow: auto;
  position: relative; }
  .smart_island_wrap .info-scroll {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1; }
    .smart_island_wrap .info-scroll .txt {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      padding-top: 40px;
      color: #fff;
      background-image: url(../../images/ik-kr/icon_m_scroll.png);
      background-repeat: no-repeat;
      background-size: 30px;
      background-position: 50% calc(50% - 22px);
      vertical-align: middle;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
      .smart_island_wrap .info-scroll .txt strong {
        font-weight: 500; }
      .smart_island_wrap .info-scroll .txt div {
        margin-top: 2px;
        color: #eee; }
  .smart_island_wrap .smart_island {
    position: relative;
    min-width: 930px;
    height: 710px;
    background-image: url("../../images/jj-kr/img020203.jpg");
    background-repeat: no-repeat; }
    .smart_island_wrap .smart_island > ul > li {
      position: absolute;
      width: 25px;
      height: 25px;
      cursor: pointer; }
      .smart_island_wrap .smart_island > ul > li.list01 {
        top: 192px;
        left: 468px; }
      .smart_island_wrap .smart_island > ul > li.list02 {
        top: 455px;
        left: 542px; }
      .smart_island_wrap .smart_island > ul > li.list03 {
        top: 375px;
        left: 753px; }
      .smart_island_wrap .smart_island > ul > li.list04 {
        top: 203px;
        left: 169px; }
      .smart_island_wrap .smart_island > ul > li.list05 {
        top: 98px;
        left: 105px; }
      .smart_island_wrap .smart_island > ul > li.list06 {
        top: 384px;
        left: 56px; }
      .smart_island_wrap .smart_island > ul > li.list07 {
        top: 295px;
        left: 358px; }
      .smart_island_wrap .smart_island > ul > li.right .con_box {
        left: auto;
        right: 45px; }
        .smart_island_wrap .smart_island > ul > li.right .con_box:after {
          right: -22px;
          left: auto; }
      .smart_island_wrap .smart_island > ul > li.center .con_box {
        top: 50%;
        margin-top: -20px; }
        .smart_island_wrap .smart_island > ul > li.center .con_box:after {
          top: 50%; }
    .smart_island_wrap .smart_island.tamna {
      height: 596px;
      background-image: url("../../images/jj-kr/img020405_2.jpg");
      background-repeat: no-repeat; }
      .smart_island_wrap .smart_island.tamna > ul > li.list01 {
        top: 396px;
        left: 402px; }
      .smart_island_wrap .smart_island.tamna > ul > li.list02 {
        top: 314px;
        left: 367px; }
      .smart_island_wrap .smart_island.tamna > ul > li.list03 {
        top: 259px;
        left: 327px; }
      .smart_island_wrap .smart_island.tamna > ul > li.list04 {
        top: 339px;
        left: 531px; }
      .smart_island_wrap .smart_island.tamna > ul > li.list05 {
        top: 268px;
        left: 609px; }
      .smart_island_wrap .smart_island.tamna > ul > li.list06 {
        top: 223px;
        left: 515px; }
      .smart_island_wrap .smart_island.tamna > ul > li.list07 {
        top: 183px;
        left: 628px; }
      .smart_island_wrap .smart_island.tamna > ul > li.list08 {
        top: 98px;
        left: 390px; }
      .smart_island_wrap .smart_island.tamna > ul > li.list09 {
        top: 393px;
        left: 296px; }
      .smart_island_wrap .smart_island.tamna > ul > li.list10 {
        top: 269px;
        left: 241px; }
      .smart_island_wrap .smart_island.tamna > ul > li.list11 {
        top: 433px;
        left: 518px; }
      .smart_island_wrap .smart_island.tamna > ul > li.list12 {
        top: 488px;
        left: 590px; }

.con_box {
  display: none;
  width: 360px;
  position: absolute;
  border: 1px solid #d6d6d6;
  background: #fff;
  cursor: auto;
  left: 45px;
  top: -30px; }
  .con_box .tit {
    position: relative;
    width: 100%;
    min-height: 41px;
    border-bottom: 1px solid #d6d6d6;
    background: #f6f6f6;
    padding: 7px 30px 7px 20px;
    font-size: 17px;
    line-height: 25px; }
    .con_box .tit button {
      position: absolute;
      z-index: 1;
      right: 10px;
      top: 13px;
      display: block;
      width: 14px;
      height: 14px;
      cursor: pointer;
      background-image: url("../../images/jj-kr/tab_close.png");
      background-size: 14px; }
  .con_box .list01 {
    padding: 12px 20px; }
  .con_box:after {
    content: '';
    position: absolute;
    top: 40px;
    left: -22px;
    width: 20px;
    height: 1px;
    border-top: 1px dashed #ddd; }

.info-txt {
  padding-left: 18px;
  margin-bottom: 12px;
  background-image: url("../../images/jj-kr/icon_info.png");
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: 0 center; }

.num-list li {
  margin-top: 17px; }
  .num-list li:first-child {
    margin-top: 0; }
  .num-list li span {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #0966b3;
    font-size: 10px;
    border-radius: 50%;
    text-align: center;
    line-height: 14px;
    color: #fff;
    margin-right: 5px;
    vertical-align: 1px; }
  .num-list li strong {
    display: block;
    margin-bottom: 4px; }

.pdf_list {
  margin-top: 15px; }
  .pdf_list li {
    float: left;
    width: calc((100% / 2) - 10px);
    margin-right: 20px;
    margin-top: 20px;
    text-align: center; }
    .pdf_list li .img-box {
      width: 100%;
      border: 1px solid #d6d6d6; }
    .pdf_list li button, .pdf_list li a {
      margin-top: 15px; }
    .pdf_list li:nth-child(2n) {
      margin-right: 0; }
    .pdf_list li:nth-child(-n+2) {
      margin-top: 0; }
  .pdf_list:after {
    content: '';
    display: block;
    clear: both; }

.jj_tab {
  border-top: 1px solid #999;
  border-left: 1px solid #d6d6d6;
  margin-bottom: 15px; }
  .jj_tab a {
    position: relative;
    float: left;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6; }
    .jj_tab a span {
      display: table-cell;
      width: 100vw;
      height: 60px;
      vertical-align: middle; }
    .jj_tab a.active {
      font-weight: 500;
      color: #0966b3; }
      .jj_tab a.active:after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #0966b3; }
  .jj_tab:after {
    content: '';
    display: block;
    clear: both; }

.bg-upcycle {
  border: 1px solid #d6d6d6;
  padding: 20px 20px 60% 20px;
  background-image: url("../../images/jj-kr/img020206_2_m.jpg");
  background-repeat: no-repeat;
  background-color: #f6f6f6;
  background-position: bottom left;
  background-size: 100%; }
  .bg-upcycle strong {
    font-size: 15px;
    font-weight: 500; }

.history_wrap .history_box {
  padding: 110px 25px 21px 25px;
  background: #f6f6f6;
  background-image: url("../../images/jj-kr/img010202_1.png");
  background-size: 110px;
  background-position: top 25px left 25px;
  background-repeat: no-repeat;
  border: solid 1px #d6d6d6; }
  .history_wrap .history_box > ul {
    position: relative;
    margin-left: 42px; }
    .history_wrap .history_box > ul > li {
      position: relative;
      padding-left: 18px; }
      .history_wrap .history_box > ul > li .year {
        margin-bottom: 8px;
        color: #0966b3;
        font-size: 16px;
        font-weight: 500; }
      .history_wrap .history_box > ul > li:after {
        content: '';
        position: absolute;
        top: 9px;
        left: -3px;
        display: block;
        width: 18px;
        height: 9px;
        background: url("../../images/jj-kr/img010202_2.png") no-repeat top 0 left 0/18px; }
      .history_wrap .history_box > ul > li:not(:last-child) {
        padding-bottom: 16px; }
        .history_wrap .history_box > ul > li:not(:last-child):before {
          content: '';
          top: 0;
          left: 0;
          position: absolute;
          width: 3px;
          height: calc(100% + 9px);
          background: #d6d6d6; }
      .history_wrap .history_box > ul > li:first-child {
        padding-top: 25px; }
        .history_wrap .history_box > ul > li:first-child:after {
          top: 34px; }

@media all and (min-width: 1218px), print {
  .pop-content .chart-wrap {
    margin-bottom: 20px;
    padding: 20px 30px; }
    .pop-content .chart-wrap .chart-area {
      height: 295px; }

  .btm-indicator {
    margin-top: 20px; }
    .btm-indicator .txt {
      margin-bottom: 0; }
    .btm-indicator .btn-wrap .bg-blue {
      float: right;
      margin-top: -22px; }
    .btm-indicator .btn-wrap .btn-fixed {
      float: none;
      position: absolute;
      top: 28px;
      right: 95px; }
      .btm-indicator .btn-wrap .btn-fixed .bg-green {
        color: #333;
        background: #fff;
        border-color: #fff; }
      .btm-indicator .btn-wrap .btn-fixed .bg-light-gray {
        color: #fff;
        background: none;
        border-color: #fff; }

  .search-area {
    margin-bottom: 24px;
    padding: 25px;
    background-color: #f6f6f6;
    border: 1px solid #d6d6d6; }
    .search-area .check-area .checkbox {
      margin-bottom: 8px; }

  .search-area {
    margin-bottom: 24px;
    padding: 25px; }
    .search-area .form-area .in > span, .search-area .form-area .in > button, .search-area .form-area .in > a {
      font-size: 14px; }
    .search-area .form-area .btn-default {
      margin-left: 2px; }
    .search-area .check-area {
      margin-top: 25px;
      padding-top: 25px; }
      .search-area .check-area .checkbox {
        margin-bottom: 8px; }

  .select-type1 {
    width: 120px; }

  .select-type2 {
    width: 120px;
    margin-right: 5px; }
    .select-type2 + .select-type2 {
      margin-left: 0; }

  .select-type3 {
    width: 120px; }

  .input-type1 {
    width: 350px; }

  .input-type2 {
    width: 350px; }

  .input-type3 {
    width: 340px; }

  .input-single {
    width: 400px; }

  .date-type {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0;
    vertical-align: top; }
    .date-type > span {
      width: 150px; }
      .date-type > span + span:before {
        top: 11px; }

  .type3-row {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0;
    vertical-align: top; }
    .type3-row span {
      width: 150px; }
      .type3-row span + span {
        margin-left: 5px; }

  .ui-datepicker-trigger {
    width: 42px;
    height: 42px;
    background-image: url(../../images/gwn-kr/icon_cal.png);
    background-size: auto; }

  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 11px !important; }

  .section {
    margin-bottom: 35px; }

  .sub-section {
    margin-bottom: 20px; }

  .sub-section02, .sub-section03 {
    margin-bottom: 15px; }

  .table-top {
    margin-bottom: 15px; }

  .table-btm {
    margin-top: 15px; }

  .top-info {
    margin-bottom: 36px; }

  .sub-top-info {
    margin-bottom: 20px; }

  .bb-tooltip-container {
    width: 100px !important; }

  .normal-mt2 {
    margin-top: 15px; }

  .normal-box {
    margin-bottom: 40px;
    padding: 18px 20px; }
    .normal-box + .normal-txt {
      margin-top: -20px; }
    .normal-box + .normal-box {
      margin: -20px 0 20px; }

  .gallery-top {
    margin-bottom: 40px;
    height: 374px; }
    .gallery-top .video {
      float: left;
      width: 665px;
      height: 100%; }
      .gallery-top .video > * {
        width: 100%;
        height: 100%; }
    .gallery-top .txt {
      float: right;
      width: calc(100% - 665px);
      height: 100%;
      max-height: none;
      padding: 23px 25px; }
      .gallery-top .txt .tit {
        margin-bottom: 10px;
        font-size: 20px; }
    .gallery-top:after {
      content: '';
      display: block;
      clear: both; }

  .item-num {
    margin-top: 20px;
    font-size: 14px; }

  .item-view {
    width: 120px; }

  .icon-new {
    width: 18px;
    height: 18px;
    margin-left: 10px;
    font-size: 12px;
    line-height: 18px;
    background-image: url(../../images/gwn-kr/icon_new.png); }

  .gallery-board li {
    width: 219px;
    margin-right: 18px;
    margin-bottom: 21px; }
    .gallery-board li:nth-child(even) {
      margin-right: 18px; }
    .gallery-board li:nth-child(4n) {
      margin-right: 0; }
    .gallery-board li .thumb {
      height: 180px; }
    .gallery-board li .txt {
      padding: 16px 20px; }
      .gallery-board li .txt .tit {
        height: 50px;
        font-size: 17px; }
      .gallery-board li .txt .btm-txt {
        margin-top: 17px;
        font-size: 14px; }
  .gallery-board:after {
    content: '';
    display: block;
    clear: both; }

  .normal-board > li {
    position: relative;
    margin-bottom: 20px;
    padding: 25px 0; }
    .normal-board > li:after {
      content: '';
      display: block;
      clear: both; }
  .normal-board .toggle-top {
    position: relative;
    padding: 25px 0; }
  .normal-board .toggle-area {
    padding: 22px 25px; }
  .normal-board .num-area {
    position: absolute;
    top: 50%;
    left: 0;
    width: 92px;
    padding-bottom: 0;
    font-size: 14px;
    text-align: center;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%); }
    .normal-board .num-area span {
      display: block;
      margin-left: 0;
      font-size: 17px; }
  .normal-board .txt-area {
    margin-left: 92px;
    padding: 0 25px;
    overflow: hidden;
    border-top: 0;
    border-left: 1px dashed #d6d6d6; }
    .normal-board .txt-area .tit {
      display: block;
      padding: 0 0 7px 0;
      font-size: 18px; }
      .normal-board .txt-area .tit .category2 {
        font-size: 15px; }
    .normal-board .txt-area .txt {
      margin-top: 12px;
      font-size: 15px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      line-height: 1.5;
      max-height: 3em;
      word-wrap: break-word;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
    .normal-board .txt-area .img {
      width: 165px;
      max-width: none;
      margin-right: 25px; }
  .normal-board .board-list-box .list01 li {
    margin-right: 20px;
    margin-bottom: 5px; }

  .normal-view .tit {
    padding: 20px 25px;
    font-size: 20px; }
  .normal-view .view-content {
    padding: 30px; }
  .normal-view .row .item {
    float: left;
    border-bottom: 0; }
    .normal-view .row .item.eng {
      width: 55%; }
  .normal-view .row .item-tit {
    padding: 16px 16px 16px 24px; }
    .normal-view .row .item-tit:after {
      top: 20px;
      height: 14px; }
  .normal-view .row .item-cont {
    padding: 16px; }
  .normal-view .row.column .item {
    float: left;
    width: 50%; }
  .normal-view .row:after {
    content: '';
    display: block;
    clear: both; }
  .normal-view .gallery-top {
    margin-bottom: 10px;
    height: 340px; }
    .normal-view .gallery-top .video {
      width: 605px; }
    .normal-view .gallery-top .txt {
      width: calc(100% - 605px);
      padding: 15px 20px; }
      .normal-view .gallery-top .txt .tit {
        margin-bottom: 10px;
        font-size: 18px; }
    .normal-view .gallery-top:after {
      content: '';
      display: block;
      clear: both; }

  .normal_table02 .data > div {
    min-height: 43px; }
  .normal_table02 .tit {
    width: 115px;
    padding: 15px 0 15px 25px; }
  .normal_table02 .cont {
    width: calc(100% - 115px);
    padding: 6px 20px; }
    .normal_table02 .cont.txt-padding {
      padding: 14px 20px; }
  .normal_table02 .select-type1 {
    width: 170px; }

  .estate-table {
    margin-top: 20px; }
    .estate-table .data > div {
      padding: 12px 0 12px 15px; }
    .estate-table .title {
      width: 196px; }

  .file-list li + li {
    margin-top: 8px; }

  .attach-file {
    margin-right: 10px;
    padding-left: 20px; }
    .attach-file:before {
      top: 3px;
      left: 0;
      width: 14px;
      height: 17px;
      background-image: url(../../images/gwn-kr/icon_file.png);
      background-size: auto; }

  .meta-info {
    position: relative;
    margin-top: 20px;
    padding: 20px 20px 20px 118px; }
    .meta-info .tit {
      position: absolute;
      top: 25px;
      left: 20px;
      margin-bottom: 0;
      padding-left: 24px;
      font-size: 15px; }
      .meta-info .tit:before {
        top: 5px;
        width: 18px;
        height: 12px;
        background-image: url(../../images/gwn-kr/icon_meta.png);
        background-size: auto; }
    .meta-info span {
      height: 28px;
      padding: 0 10px;
      font-size: 13px;
      border-radius: 14px;
      line-height: 26px; }

  .img-box.mb {
    margin-bottom: 20px; }
  .img-box.mt {
    margin-top: 20px; }
  .img-box .btn-img-zoom {
    display: none; }

  sup {
    font-size: 12px; }

  .ex-tit {
    padding-bottom: 12px; }

  .layout-box {
    margin-bottom: 15px; }

  .tip-box {
    margin-top: 12px; }
    .tip-box .tip-tit {
      padding-left: 25px;
      font-size: 16px;
      margin-bottom: 12px; }
      .tip-box .tip-tit:before {
        top: 5px;
        width: 20px;
        height: 16px;
        background-image: url(../../images/gwn-kr/icon_tip.png);
        background-size: auto; }
    .tip-box .tip-content {
      padding: 16px 20px; }
      .tip-box .tip-content .box + .box {
        margin-top: 12px; }

  .top-info-box {
    display: table;
    width: 100%;
    height: 143px;
    margin-bottom: 40px;
    padding: 20px 40px 20px 130px;
    border: 4px solid #ececec;
    background-repeat: no-repeat;
    background-image: url(../../images/gwn-kr/icon_top_info.png);
    background-position: 25px 25px; }
    .top-info-box .tit {
      font-size: 18px;
      margin-bottom: 7px; }
    .top-info-box .in {
      display: table-cell;
      vertical-align: middle; }
    .top-info-box.top-express {
      background-image: url(../../images/gwn-kr/icon_top_express.png); }
    .top-info-box.top-complete {
      background-image: url(../../images/gwn-kr/icon_top_complete.png); }
    .top-info-box.top-search {
      background-image: url(../../images/gwn-kr/icon_top_search.png); }

  .investment-box {
    height: 272px;
    background-image: url(../../images/gwn-kr/img_investment.png);
    background-size: auto;
    background-position: 50% 50%; }
    .investment-box > div {
      top: 40px;
      width: 190px;
      height: 190px;
      padding-top: 95px;
      font-size: 16px; }
    .investment-box .l {
      margin-left: -210px; }
    .investment-box .r {
      margin-right: -210px; }
    .investment-box .num span {
      font-size: 22px; }

  .calendar-header {
    margin-bottom: 20px;
    text-align: center; }
    .calendar-header strong {
      display: inline-block;
      margin: 0 24px;
      font-size: 30px;
      font-weight: 500;
      color: #222; }
    .calendar-header button {
      width: 30px;
      height: 30px;
      background-repeat: no-repeat;
      background-size: 100%;
      vertical-align: -3px; }
      .calendar-header button.btn-prev {
        background-image: url(../../images/gwn-kr/prev_cal.gif); }
      .calendar-header button.btn-next {
        background-image: url(../../images/gwn-kr/next_cal.gif); }

  .calendar-table th, .calendar-table td {
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6; }
    .calendar-table th:last-child, .calendar-table td:last-child {
      border-right: 0; }
  .calendar-table th {
    padding: 16px 0;
    font-weight: 500;
    color: #333;
    background-color: #edf4fa;
    border-top: 2px solid #333; }
    .calendar-table th:first-child {
      color: #da2d2d; }
    .calendar-table th:last-child {
      color: #0966b3; }
  .calendar-table td {
    height: 120px;
    position: relative;
    vertical-align: top; }
    .calendar-table td:first-child .date {
      color: #da2d2d; }
    .calendar-table td:last-child .date {
      color: #0966b3; }
    .calendar-table td.active:before {
      content: '';
      position: absolute;
      bottom: 14px;
      left: -1px;
      width: calc(100% + 2px);
      height: 2px;
      background-color: #f28938; }
    .calendar-table td.start .td-inner:before {
      content: '';
      position: absolute;
      bottom: 10px;
      left: -1px;
      width: 0;
      height: 0;
      border-right: 7px solid #f28938;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent; }
    .calendar-table td.end .td-inner:after {
      content: '';
      position: absolute;
      bottom: 10px;
      right: -1px;
      width: 0;
      height: 0;
      border-left: 7px solid #f28938;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent; }
  .calendar-table .td-inner {
    position: relative;
    height: 100%;
    padding: 36px 10px 30px; }
    .calendar-table .td-inner .date {
      position: absolute;
      top: 9px;
      left: 10px;
      font-weight: 400;
      color: #333; }
    .calendar-table .td-inner a {
      position: relative;
      padding-left: 12px;
      display: block; }
      .calendar-table .td-inner a + a {
        margin-top: 4px; }
      .calendar-table .td-inner a:before {
        content: '';
        position: absolute;
        top: 7px;
        left: 0;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #0966b3; }

  .use-pc {
    display: none; }

  .toggle-top a {
    display: block;
    background-repeat: no-repeat;
    background-image: url(../../images/gwn-kr/arr_toggle.png);
    background-position: 100% 50%; }

  .open .toggle-top a {
    background-image: url(../../images/gwn-kr/arr_toggle_on.png); }

  .faq-board li a {
    padding: 20px 55px 20px 73px;
    font-size: 16px;
    background-position: calc(100% - 25px) 50%; }
  .faq-board li + li {
    margin-top: 20px; }
  .faq-board li .toggle-top:before {
    top: 15px;
    left: 25px;
    width: 34px;
    height: 34px;
    font-size: 14px;
    line-height: 31px; }
  .faq-board li .toggle-area {
    padding: 20px 55px 20px 73px; }
    .faq-board li .toggle-area:before {
      top: 15px;
      left: 25px;
      width: 34px;
      height: 34px;
      font-size: 14px;
      line-height: 33px; }

  .pc-l {
    float: left; }

  .pc-r {
    float: right; }

  .qna-list:after {
    content: '';
    display: block;
    clear: both; }
  .qna-list li {
    float: left;
    width: calc(33.33% - 14px);
    padding: 146px 0 30px;
    background-size: auto;
    background-position: 50% 30px;
    text-align: center; }
    .qna-list li .tit {
      font-size: 18px; }
    .qna-list li .btn {
      margin-top: 15px; }
    .qna-list li + li {
      margin-top: 0;
      margin-left: 21px; }
    .qna-list li:nth-child(1) {
      background-image: url(../../images/gwn-kr/icon_qna01.png); }
    .qna-list li:nth-child(2) {
      background-image: url(../../images/gwn-kr/icon_qna02.png); }
    .qna-list li:nth-child(3) {
      background-image: url(../../images/gwn-kr/icon_qna03.png); }

  .search-head {
    margin-bottom: 40px;
    padding: 0 25px 25px; }
    .search-head select {
      width: 224px; }
    .search-head input[type=text] {
      width: 453px; }
    .search-head .box {
      padding: 25px 0; }
    .search-head .tit {
      float: left;
      width: 114px;
      margin-top: 8px;
      margin-bottom: 0;
      font-size: 16px; }
    .search-head .cont {
      overflow: hidden; }
    .search-head .desc-txt {
      display: inline-block;
      margin-top: 9px;
      margin-left: 3px; }
    .search-head .detail-box .detail-tit {
      width: 82px;
      margin-top: 11px;
      padding-left: 9px; }
    .search-head .detail-box .detail-cont {
      overflow: hidden; }
    .search-head .form-srch {
      width: 453px; }
      .search-head .form-srch .btn {
        width: 42px;
        height: 42px;
        background-image: url(../../images/gwn-kr/icon_search_s.png);
        background-size: auto; }
    .search-head .btn-area {
      text-align: center; }

  [class^="items"]:after {
    content: '';
    display: block;
    clear: both; }

  .form-box {
    width: 224px;
    margin-right: 5px;
    margin-bottom: 0px; }
    .form-box:nth-child(odd) {
      margin-right: 5px; }
    .form-box:last-child {
      margin-right: 0; }
    .form-box label {
      height: 42px;
      font-size: 14px;
      line-height: 40px; }

  .items4 .form-box {
    width: 165px; }

  .search-body .box:after {
    content: '';
    display: block;
    clear: both; }
  .search-body .link01 {
    float: left;
    width: 600px;
    margin-bottom: 0; }
    .search-body .link01 li {
      float: left;
      width: 25%;
      border-right: 1px dashed #d6d6d6; }
      .search-body .link01 li:last-child {
        border-right: 0; }
      .search-body .link01 li:nth-child(1), .search-body .link01 li:nth-child(2) {
        border-bottom: 0; }
      .search-body .link01 li .link01-1 {
        background-image: url(../../images/gwn-kr/icon_srch_link01.png);
        background-size: auto; }
      .search-body .link01 li .link01-2 {
        background-image: url(../../images/gwn-kr/icon_srch_link02.png);
        background-size: auto; }
      .search-body .link01 li .link01-3 {
        background-image: url(../../images/gwn-kr/icon_srch_link03.png);
        background-size: auto; }
      .search-body .link01 li .link01-4 {
        background-image: url(../../images/gwn-kr/icon_srch_link04.png);
        background-size: auto; }
      .search-body .link01 li .link01-5 {
        background-image: url(../../images/gwn-kr/icon_srch_link05.png);
        background-size: auto; }
    .search-body .link01 a {
      height: 128px;
      padding-top: 85px;
      background-position: 50% 25px; }
      .search-body .link01 a .tit {
        font-size: 16px; }
      .search-body .link01 a .num {
        top: 10px;
        right: 10px;
        height: 28px;
        padding: 0 10px;
        font-size: 14px;
        border-radius: 14px;
        line-height: 28px; }
  .search-body .link02 {
    float: right;
    width: 310px; }
    .search-body .link02 li:nth-child(1) a {
      background-image: url(../../images/gwn-kr/icon_srch_link06.png);
      background-size: auto; }
    .search-body .link02 li:nth-child(2) a {
      background-color: #0f3966;
      background-image: url(../../images/gwn-kr/icon_srch_link07.png);
      background-size: auto; }
    .search-body .link02 li a {
      height: 130px;
      padding: 15px 0 0 20px;
      background-position: calc(100% - 27px) calc(100% - 19px); }
      .search-body .link02 li a .tit {
        font-size: 16px; }
      .search-body .link02 li a:before {
        bottom: 20px;
        left: 20px;
        width: 25px;
        height: 11px;
        background-image: url(../../images/gwn-kr/arr_search.png);
        background-size: auto; }
    .search-body .link02:after {
      content: '';
      display: block;
      clear: both; }
  .search-body .board {
    margin-top: 35px; }
    .search-body .board.list-board {
      float: left;
      width: calc(50% - 10px); }
      .search-body .board.list-board + .list-board {
        margin-left: 20px; }
    .search-body .board .top .sub-tit01 {
      margin-right: 9px; }
    .search-body .board .top .s-txt {
      font-size: 15px; }
      .search-body .board .top .s-txt .pc-content {
        display: inline !important; }
    .search-body .board .board-content {
      padding: 20px;
      border-width: 1px; }
      .search-body .board .board-content .list01 li {
        margin-bottom: 11px; }
        .search-body .board .board-content .list01 li a {
          width: 325px; }
      .search-body .board .board-content .date {
        top: 0;
        font-size: 14px; }
    .search-body .board .btn-more {
      top: 2px;
      right: -7px;
      width: 30px;
      height: 30px; }
      .search-body .board .btn-more:before {
        margin: -8px 0 0 -1px;
        height: 16px; }
      .search-body .board .btn-more:after {
        margin: -1px 0 0 -8px;
        width: 16px; }
  .search-body .position-slider .slide .cont {
    height: auto; }
  .search-body .slick-list {
    margin: 0 -5px; }
  .search-body .slide {
    width: auto;
    margin: 0 5px;
    border-width: 1px; }
    .search-body .slide .cont {
      height: auto;
      padding: 20px; }
      .search-body .slide .cont .badge {
        top: -1px;
        width: 54px;
        height: 54px;
        padding-top: 10px;
        font-size: 13px; }
        .search-body .slide .cont .badge span {
          margin-top: -3px;
          font-size: 18px; }
        .search-body .slide .cont .badge:before {
          bottom: -15px;
          border-top: 15px solid #0f997b;
          border-left: 27px solid transparent;
          border-right: 27px solid transparent; }
      .search-body .slide .cont .category {
        margin-bottom: 8px; }
      .search-body .slide .cont .tit {
        margin-bottom: 10px;
        font-size: 18px; }
      .search-body .slide .cont .desc {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        line-height: 1.5;
        max-height: 9em;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical; }
      .search-body .slide .cont .btn-position {
        height: 40px;
        margin-top: 24px;
        font-size: 14px;
        line-height: 39px; }
    .search-body .slide .btm {
      padding: 18px 20px; }
      .search-body .slide .btm .r {
        font-size: 14px; }
        .search-body .slide .btm .r span {
          font-size: 20px;
          font-weight: 500; }
  .search-body .slick-dots {
    margin-top: 20px;
    padding: 0 30px; }
    .search-body .slick-dots li {
      width: 16px;
      height: 16px; }
      .search-body .slick-dots li button:before {
        width: 8px;
        height: 8px;
        margin: -4px 0 0 -4px; }
      .search-body .slick-dots li + li {
        margin-left: 6px; }
  .search-body .slick-arrow {
    width: 30px;
    height: 16px;
    margin-top: 27px;
    background-size: auto; }
  .search-body .slick-prev {
    background-image: url(../../images/gwn-kr/arr_prev.png);
    margin-left: -30px; }
  .search-body .slick-next {
    background-image: url(../../images/gwn-kr/arr_next.png);
    margin-left: 30px; }

  .popup .category-area .top-area {
    display: none; }
  .popup .category-area .category-box-wrap:after {
    content: '';
    display: block;
    clear: both; }
  .popup .category-area .category-box {
    display: block !important;
    float: left;
    width: calc(25% - 15px); }
    .popup .category-area .category-box + .category-box {
      margin-left: 20px; }
    .popup .category-area .category-box ul {
      height: 316px; }
      .popup .category-area .category-box ul li a {
        padding: 11px 10px 11px 23px; }
        .popup .category-area .category-box ul li a:before {
          top: 21px;
          left: 15px; }

  .estate-view .tit {
    position: relative;
    padding-right: 170px; }
    .estate-view .tit a {
      position: absolute;
      top: 23px;
      right: 25px;
      margin-top: 0;
      font-size: 15px;
      font-weight: 400; }

  .normal-table02 .tit {
    width: 115px;
    padding: 15px 0 15px 25px; }
  .normal-table02 .cont {
    width: calc(100% - 115px);
    padding: 6px 20px; }
    .normal-table02 .cont.txt-padding {
      padding: 14px 20px; }
  .normal-table02 .input-type1 {
    width: 350px; }
  .normal-table02 .input-type2 {
    width: 170px; }
  .normal-table02 .select-type1 {
    width: 170px; }
  .normal-table02 .select-type2 {
    width: 290px; }
  .normal-table02.th-width01 .tit {
    width: 150px; }

  .map-area {
    height: 380px;
    margin-bottom: 30px; }

  .sub-tit02 + .table-top {
    margin-top: -32px; }

  .gwn-img0201 {
    overflow: hidden; }
    .gwn-img0201 .img-box {
      float: left;
      width: calc(50% - 10px); }
    .gwn-img0201 .img-box + .img-box {
      margin: 0 0 0 20px; }

  .gwn0202 ul li {
    width: calc(25% - 15px);
    height: 276px;
    margin-right: 20px;
    margin-bottom: 0;
    padding-top: 145px;
    background-position: 50% 30px;
    background-size: auto; }
    .gwn0202 ul li:nth-child(1) {
      background-image: url(../../images/gwn-kr/gwn020201.gif); }
    .gwn0202 ul li:nth-child(2) {
      background-image: url(../../images/gwn-kr/gwn020202.gif); }
    .gwn0202 ul li:nth-child(3) {
      background-image: url(../../images/gwn-kr/gwn020203.gif); }
    .gwn0202 ul li:nth-child(4) {
      background-image: url(../../images/gwn-kr/gwn020204.gif); }
    .gwn0202 ul li:nth-child(odd) {
      margin-right: 20px; }
    .gwn0202 ul li:last-child {
      margin-right: 0; }
    .gwn0202 ul li strong {
      margin-bottom: 7px;
      font-size: 18px;
      color: #333; }
  .gwn0202 ul:after {
    content: '';
    display: block;
    clear: both; }
  .gwn0202.eng ul li {
    height: 350px;
    padding: 145px 10px 0; }

  .img-list > li {
    margin-bottom: 20px;
    padding: 20px; }
    .img-list > li:after {
      content: '';
      display: block;
      clear: both; }
  .img-list .img {
    float: left;
    margin-right: 25px; }
    .img-list .img img {
      width: auto;
      margin: 0; }
  .img-list .txt {
    padding: 0;
    overflow: hidden; }
    .img-list .txt strong {
      display: block;
      margin-bottom: 8px;
      font-size: 18px; }
  .img-list.v2 > li {
    float: left;
    width: calc(50% - 10px);
    padding: 20px; }
    .img-list.v2 > li:nth-child(odd) {
      margin-right: 20px; }
    .img-list.v2 > li + li {
      margin-top: 0; }
  .img-list.v2 .img {
    float: left;
    width: 225px;
    margin-right: 0; }
  .img-list.v3 > li {
    padding-bottom: 20px; }
    .img-list.v3 > li .img {
      padding: 0; }
      .img-list.v3 > li .img.person {
        width: auto;
        max-width: none; }
    .img-list.v3 > li .txt {
      margin-top: -5px;
      float: none;
      overflow: hidden; }
      .img-list.v3 > li .txt .cont {
        float: none; }
    .img-list.v3 > li .cont {
      margin-top: 15px; }
  .img-list.v4 > li {
    margin-bottom: 0; }
  .img-list.v4 .txt {
    float: none;
    overflow: hidden; }
  .img-list.v5 > li {
    margin-bottom: 20px; }
  .img-list.v5 .txt {
    float: none;
    overflow: hidden; }

  .yangyang-slider {
    font-size: 0; }
    .yangyang-slider .slider-for {
      display: inline-block;
      width: 792px;
      margin-right: 20px;
      margin-bottom: 0; }
      .yangyang-slider .slider-for .slick-arrow {
        width: 42px;
        height: 42px;
        background-size: auto; }
      .yangyang-slider .slider-for .slick-prev {
        background-image: url(../../images/gwn-kr/arr_slider_prev.png); }
      .yangyang-slider .slider-for .slick-next {
        background-image: url(../../images/gwn-kr/arr_slider_next.png); }
    .yangyang-slider .slider-nav {
      display: inline-block;
      width: 118px;
      height: 380px;
      padding: 31px 0;
      vertical-align: top; }
      .yangyang-slider .slider-nav .slick-list {
        height: 300px !important; }
      .yangyang-slider .slider-nav .slick-slide {
        width: 118px;
        margin: 5px 0; }
      .yangyang-slider .slider-nav .slick-arrow {
        width: 118px;
        height: 26px;
        background-size: auto;
        transform: none; }
      .yangyang-slider .slider-nav .slick-prev {
        top: 0;
        background-image: url(../../images/gwn-kr/arr_slider_prev2.png); }
      .yangyang-slider .slider-nav .slick-next {
        top: auto;
        bottom: 0;
        background-image: url(../../images/gwn-kr/arr_slider_next2.png); }

  .yangyang-logo .pc-content {
    display: inline-block !important; }

  .greeing-top {
    margin-bottom: 26px;
    padding: 38px 40px;
    background-size: auto !important; }
    .greeing-top strong {
      font-size: 26px; }
      .greeing-top strong + .txt {
        margin-top: 12px; }
      .greeing-top strong .big {
        font-size: 32px; }
    .greeing-top .txt {
      font-size: 16px; }
    .greeing-top .utill {
      margin-top: 50px; }
      .greeing-top .utill li {
        float: left; }
      .greeing-top .utill li + li {
        margin-top: 0;
        margin-left: 30px; }
      .greeing-top .utill a {
        padding-left: 44px;
        font-size: 14px; }
        .greeing-top .utill a:before {
          width: 36px;
          height: 36px;
          background-size: 100%; }
        .greeing-top .utill a.email:before {
          background-image: url(../../images/gwn-kr/icon_greeting01.png); }
        .greeing-top .utill a.twitter:before {
          background-image: url(../../images/gwn-kr/icon_greeting02.png); }
      .greeing-top .utill:after {
        content: '';
        display: block;
        clear: both; }
    .greeing-top.gwn {
      background-image: url(../../images/gwn-kr/img0101.png); }
    .greeing-top.cb {
      height: 245px;
      background-image: url(../../images/cb-kr/img0101.png); }
    .greeing-top.chn {
      height: 245px;
      background-image: url(../../images/chn-kr/img0101.png); }
    .greeing-top.us {
      height: 240px;
      background-image: url(../../images/us-kr/img0101.png); }
    .greeing-top.gj {
      height: 240px;
      background-image: url(../../images/gj-kr/img0101.png); }
    .greeing-top.jnbk {
      height: 240px;
      background-image: url(../../images/jnbk-kr/img0101.png); }
    .greeing-top.dj {
      height: 240px;
      background-image: url(../../images/dj-kr/img0101.png); }
    .greeing-top.dg {
      height: 245px;
      background-image: url(../../images/dg-kr/img0101.png); }

  .greeting-txt em {
    font-size: 16px; }
  .greeting-txt .sign {
    margin-top: 30px;
    font-size: 16px;
    color: #333; }
    .greeting-txt .sign img {
      width: auto;
      margin-left: 10px; }
      .greeting-txt .sign img.pc-content {
        display: inline-block !important; }
    .greeting-txt .sign.txt img {
      width: auto;
      margin-left: 15px; }
    .greeting-txt .sign .sign-txt {
      margin-left: 18px;
      font-size: 23px; }

  .regulation-top {
    margin-bottom: 30px;
    padding: 23px 0;
    background-image: url(../../images/gwn-kr/bg_regulation.gif); }
    .regulation-top strong {
      font-size: 18px; }

  .regulation-normal-box {
    margin-bottom: 33px; }

  .useful-link .normal-box {
    padding-bottom: 12px; }
  .useful-link .box + .box {
    margin-top: 4px; }
  .useful-link ul.double li {
    width: 50%; }
  .useful-link li {
    width: 25%; }
  .useful-link a {
    padding-left: 10px; }
    .useful-link a:before {
      top: 9px; }

  .ofl-box.us_020103 > .l {
    width: 614px;
    margin-right: 20px;
    margin-bottom: 0; }
  .ofl-box.us_020103 > .r {
    padding-top: 30px; }

  .normal-table02 .th-w35 {
    width: 35%; }
  .normal-table02 .th-w25 {
    width: 25%;
    padding: 15px 0;
    text-align: center; }
  .normal-table02 .th-w50 {
    width: 50%; }

  .info-box {
    overflow: hidden; }
    .info-box .l {
      float: left; }
      .info-box .l img {
        width: auto; }
      .info-box .l .txt {
        min-height: 43px;
        padding: 11px 10px; }
    .info-box .r {
      overflow: hidden;
      padding: 23px 25px 25px; }
    .info-box.list-mr-minus {
      margin-left: -10px; }
    .info-box.bg-blue .r {
      padding: 10px 25px; }
    .info-box.box02 .r {
      padding: 0; }
      .info-box.box02 .r img {
        width: auto; }
    .info-box.box02 .l {
      width: 50%;
      padding: 23px 25px 25px; }

  .photo-box {
    overflow: hidden; }
    .photo-box li {
      float: left; }
      .photo-box li img {
        width: 100%; }
      .photo-box li .card {
        min-height: 43px;
        padding: 11px 10px; }
    .photo-box.pc-3 li {
      width: 296px; }

  .dg010201-list {
    margin-top: 20px; }
    .dg010201-list > li:not(:last-child) {
      margin-bottom: 8px; }
    .dg010201-list > li > span {
      padding-left: 20px; }
      .dg010201-list > li > span:before {
        top: 4px;
        width: 15px;
        height: 15px; }

  .dg-0207img {
    margin-top: 15px;
    overflow: hidden; }
    .dg-0207img .img-box {
      float: left;
      width: calc(50% - 10px); }
    .dg-0207img .img-box + .img-box {
      margin: 0 0 0 20px; }

  .yangyang-history {
    padding: 58px 10px 0 0;
    background-image: url(../../images/gwn-kr/img0206_history_bg1.png), url(../../images/gwn-kr/img0206_history_bg2.png);
    background-size: auto,auto;
    background-position: 90px 40px,100% 100%; }
    .yangyang-history:before {
      top: 40px;
      left: 195px;
      height: calc(100% - 105px); }
    .yangyang-history .top {
      position: absolute;
      top: 40px;
      left: 40px;
      width: 100px;
      height: 100px;
      padding-top: 22px;
      font-size: 18px; }
    .yangyang-history ul {
      padding: 0 0 0 234px; }
      .yangyang-history ul li {
        padding-bottom: 13px; }
        .yangyang-history ul li:last-child {
          padding-bottom: 35px; }
          .yangyang-history ul li:last-child:before {
            left: -42px;
            width: 20px;
            height: calc(100% - 15px);
            background-color: #f6f6f6; }
        .yangyang-history ul li .year {
          margin-bottom: 4px;
          font-size: 20px; }
          .yangyang-history ul li .year:before {
            left: -42px; }
          .yangyang-history ul li .year:after {
            left: -42px;
            width: 28px; }

  .btn_rep_site {
    display: inline-block;
    height: 42px;
    padding: 0 37px 0 16px;
    background: #0966b3 url(../../images/chn-kr/bg_reqsite_pc.png) no-repeat right 15px top 50%;
    line-height: 42px;
    color: #fff;
    font-size: 14px; }

  :lang(en) .search-area .select-type1 {
    width: 190px; }
  :lang(en) .tab li a {
    font-size: 14px; }
  :lang(en) .meta-info {
    padding-left: 180px; }
  :lang(en) .img-list.v2 > li {
    height: 250px; }
    :lang(en) .img-list.v2 > li:nth-child(n+3):nth-child(-n+4) {
      height: 220px; }
  :lang(en) .search-area .select-type3 {
    width: 142px; }
  :lang(en) .input-type3 + .btn-default-s {
    width: auto; }

  :lang(zh) .content .tit-area h3 {
    max-width: calc(100% - 325px); }
  :lang(zh) .info-box .r {
    padding: 15px 25px; }
  :lang(zh) .sub-top-info {
    text-indent: 15px; }
    :lang(zh) .sub-top-info .normal-txt {
      text-indent: 15px; }
  :lang(zh) .normal-txt {
    text-indent: 15px; }

  .top-info-txt {
    padding: 20px; }
    .top-info-txt .tit {
      margin-top: 20px;
      font-size: 18px; }

  .img_list {
    margin-top: 20px; }
    .img_list > li .img {
      position: relative;
      width: 100%; }
      .img_list > li .img img {
        width: 100%; }
      .img_list > li .img strong {
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 15px;
        line-height: 23px;
        padding: 10px 5px; }
    .img_list > li ul li {
      font-size: 15px; }
    .img_list.img_list04 > li {
      width: 217px;
      margin-right: 0;
      margin-right: 20px;
      margin-top: 20px; }
      .img_list.img_list04 > li:nth-child(2n) {
        margin-right: 20px; }
      .img_list.img_list04 > li:nth-child(-n+4) {
        margin-top: 0; }
      .img_list.img_list04 > li:nth-child(4n) {
        margin-right: 0; }
      .img_list.img_list04 > li:nth-child(-n+4) {
        margin-top: 0; }
    .img_list.img_list06 > li {
      width: 296px;
      margin-top: 20px;
      margin-right: 21px; }
      .img_list.img_list06 > li:nth-child(-n+3) {
        margin-top: 0; }
      .img_list.img_list06 > li:nth-child(3n) {
        margin-right: 0; }

  .border-box {
    margin-top: 20px; }
    .border-box > li {
      float: left;
      height: 97px;
      margin-right: 20px;
      margin-top: 20px;
      background-position: calc(100% - 20px) calc(100% - 20px);
      padding: 20px; }
      .border-box > li h5 {
        color: #333;
        font-size: 16px; }
      .border-box > li span {
        margin-top: 6px;
        color: #333;
        font-size: 16px; }
        .border-box > li span strong {
          color: #0966b3;
          font-size: 22px; }
      .border-box > li:nth-child(2n) {
        margin-right: 0; }
      .border-box > li:nth-child(-n+2) {
        margin-top: 0; }
    .border-box:after {
      content: '';
      display: block;
      clear: both; }
    .border-box.box02 > li {
      width: 454px;
      height: 116px;
      padding: 17px 20px;
      margin-top: 20px; }
      .border-box.box02 > li:nth-child(-n+2) {
        margin-top: 0; }
    .border-box.auto > li {
      height: auto; }
    .border-box.box03 > li {
      width: 298px;
      height: 172px;
      margin-right: 18px;
      margin-top: 18px; }
      .border-box.box03 > li:nth-child(-n+3) {
        margin-top: 0; }
      .border-box.box03 > li:nth-child(3n) {
        margin-right: 0; }
    .border-box.box05 > li {
      width: 170px;
      height: 149px;
      margin-right: 20px;
      margin-top: 0;
      padding: 10px 18px; }
      .border-box.box05 > li:nth-child(5n) {
        margin-right: 0; }

  .bg_txt > li {
    display: table;
    float: left;
    width: 455px;
    margin-right: 20px;
    padding: 20px 20px 20px 140px;
    border: 1px solid #d6d6d6;
    background-size: 100px;
    background-position: 20px 20px;
    margin-top: 20px;
    min-height: 142px; }
    .bg_txt > li .in {
      display: table-cell;
      vertical-align: top; }
      .bg_txt > li .in.middle {
        vertical-align: middle; }
      .bg_txt > li .in strong {
        font-size: 16px;
        margin-bottom: 7px;
        line-height: 1; }
    .bg_txt > li:nth-child(2n) {
      margin-right: 0; }
    .bg_txt > li:nth-child(-n+2) {
      margin-top: 0; }
  .bg_txt:after {
    content: '';
    display: block;
    clear: both; }
  .bg_txt.border > li {
    width: 100%;
    margin-right: 0;
    border: 0;
    padding: 0px 10px 0px 120px;
    min-height: auto;
    background-position: 0 0;
    min-height: 100px;
    margin-bottom: 35px;
    margin-top: 0; }

  .finance_list li {
    float: left;
    width: 455px;
    padding: 15px 20px 15px 70px;
    border: 1px solid #d6d6d6;
    margin-top: 0;
    margin-left: 20px;
    background-position: top left;
    background-repeat: no-repeat; }
    .finance_list li:first-child {
      margin-left: 0; }
  .finance_list:after {
    content: '';
    display: block;
    clear: both; }

  .bg-img010203_2 {
    background-size: 54px; }

  .bg-img010203_3 {
    background-size: 48px; }

  .bg-img010203_4 {
    background-size: 52px; }

  .bg_010204_1 {
    background-size: 46px; }

  .bg_010204_2 {
    background-size: 54px; }

  .bg_010204_3 {
    background-size: 52px; }

  .bg_010204_4 {
    background-size: 60px; }

  .bg_010204_5 {
    background-size: 40px; }

  .bg_010204_6 {
    background-size: 60px; }

  .bg_010204_7 {
    background-image: url("../../images/jj-kr/bg_010204_7.jpg");
    background-size: 46px; }

  .bg_010204_8 {
    background-size: 71px; }

  .bg_010204_9 {
    background-size: 56px; }

  .bg_010204_10 {
    background-size: 54px; }

  .bg_010204_11 {
    background-size: 70px; }

  .bg_010204_12 {
    background-size: 55px; }

  .bg_010204_15 {
    height: 330px; }

  .bg_010204_18.height {
    height: 249px; }

  .bg_010204_20 {
    height: 195px; }

  .bg_020403_5 {
    background-size: 49px; }

  .bg_020403_6 {
    background-size: 48px; }

  .bg_020403_7 {
    background-size: 50px; }

  .bg_020404_9 {
    height: 168px; }

  .pdf_list {
    margin-top: 20px; }
    .pdf_list li {
      float: left;
      width: 219px;
      margin-right: 0;
      margin-left: 17px;
      margin-top: 0;
      text-align: center; }
      .pdf_list li .img-box {
        width: 100%; }
      .pdf_list li button, .pdf_list li a {
        margin-top: 20px; }
      .pdf_list li:first-child {
        margin-left: 0; }
    .pdf_list:after {
      content: '';
      display: block;
      clear: both; }

  .jj_tab {
    margin-bottom: 30px; }
    .jj_tab a {
      width: 16.66%;
      background: #f6f6f6; }
      .jj_tab a span {
        display: table-cell;
        width: 100vw;
        height: 80px;
        vertical-align: middle; }
      .jj_tab a.active {
        background: #fff; }
        .jj_tab a.active:before {
          content: '';
          position: Absolute;
          bottom: -6px;
          left: 50%;
          margin-left: -5px;
          width: 11px;
          height: 6px;
          background: url("../../images/jj-kr/img020601_tab.png") top center no-repeat; }
    .jj_tab:after {
      content: '';
      display: block;
      clear: both; }

  .smart_island_wrap .info-scroll {
    display: none; }

  .info-txt {
    padding-left: 21px;
    margin-bottom: 14px;
    background-image: url("../../images/jj-kr/icon_info.png");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 0 center; }

  .num-list {
    font-size: 0; }
    .num-list > li {
      display: inline-block;
      vertical-align: top;
      font-size: 15px;
      width: 50%;
      margin-top: 20px; }
      .num-list > li:nth-child(-n+2) {
        margin-top: 0; }
      .num-list > li span {
        width: 20px;
        height: 20px;
        font-size: 12px;
        line-height: 20px;
        vertical-align: 1px; }
      .num-list > li strong {
        margin-bottom: 15px; }
    .num-list:after {
      content: '';
      display: block;
      clear: both; }

  .bg-upcycle {
    height: 720px;
    padding: 30px;
    background-image: url("../../images/jj-kr/img020206_2.jpg"); }
    .bg-upcycle strong {
      font-size: 17px; }

  .video-box > iframe {
    width: 100%;
    height: 520px; }

  :lang(en) .bg_010204_13 {
    height: 179px; }
  :lang(en) .bg_010204_20 {
    height: 217px; }
  :lang(en) .bg_020404_7 {
    height: 185px; }
  :lang(en) .bg_020404_9 {
    height: 256px; }
  :lang(en) .border-box.box05 > li {
    height: 200px; }
  :lang(en) .border-box.box02 > li {
    height: 135px; }
  :lang(en) .border-box.auto > li {
    height: auto; }

  :lang(ja) .bg_020404_9 {
    height: 190px; }
  :lang(ja) .border-box.box05 > li {
    height: 150px; }
  :lang(ja) .border-box.box02 > li {
    height: 130px; }
  :lang(ja) .border-box.auto > li {
    height: auto; }

  .history_wrap .history_box {
    padding: 40px 80px 35px 195px;
    background-size: 128px;
    background-position: top 40px left 40px; }
    .history_wrap .history_box > ul {
      margin-left: 0; }
      .history_wrap .history_box > ul > li {
        padding-left: 35px; }
        .history_wrap .history_box > ul > li .year {
          margin-bottom: 10px;
          font-size: 20px; }
        .history_wrap .history_box > ul > li:after {
          content: '';
          position: absolute;
          top: 11px;
          left: -3px;
          width: 31px;
          background: url("../../images/jj-kr/img010202_2_pc.png") no-repeat center; }
        .history_wrap .history_box > ul > li:not(:last-child) {
          padding-bottom: 16px; }
          .history_wrap .history_box > ul > li:not(:last-child):before {
            height: calc(100% + 11px); }
        .history_wrap .history_box > ul > li:first-child:after {
          top: 36px; }

  .no-data {
    padding: 20px; }

  .yutube-box {
    overflow: hidden; }
    .yutube-box > .y-l {
      float: left;
      width: 605px; }
    .yutube-box > .y-r {
      float: left;
      width: 265px;
      height: 340px;
      max-height: inherit;
      padding: 17px 20px;
      border-style: solid solid solid none; }

  .content-tit {
    font-size: 22px; }

  .quotes-box {
    padding: 20px 40px; } }

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