@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@500;600;700;800;900&display=swap');
/* ==========================================================================
   head.sub.php 공통 CSS 번들 (요청 수 축소용, 자동 생성)
   원본 순서 그대로 이어붙임: font, magnific-popup, magnific-popup-motion,
   datapicker-jquery-ui, selectric, icheck, slick, swiper, reset, default, default_etc
   ========================================================================== */

/* ---- font.css ---- */
/* Spoqa Han Sans Neo */
@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: url(../font/SpoqaHanSansNeo-Medium.eot);
    src: url(../font/SpoqaHanSansNeo-Medium.eot?#iefix) format('embedded-opentype');
    src: url(../font/SpoqaHanSansNeo-Bold.woff2) format('woff2');
    src: url(../font/SpoqaHanSansNeo-Bold.woff) format('woff');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: url(../font/SpoqaHanSansNeo-Medium.eot);
    src: url(../font/SpoqaHanSansNeo-Medium.eot?#iefix) format('embedded-opentype');
    src: url(../font/SpoqaHanSansNeo-Medium.woff2) format('woff2');
    src: url(../font/SpoqaHanSansNeo-Medium.woff) format('woff');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: url(../font/SpoqaHanSansNeo-Regular.eot);
    src: url(../font/SpoqaHanSansNeo-Regular.eot?#iefix) format('embedded-opentype');
    src: url(../font/SpoqaHanSansNeo-Regular.woff2) format('woff2');
    src: url(../font/SpoqaHanSansNeo-Regular.woff) format('woff');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: url(../font/SpoqaHanSansNeo-Light.eot);
    src: url(../font/SpoqaHanSansNeo-Light.eot?#iefix) format('embedded-opentype');
    src: url(../font/SpoqaHanSansNeo-Light.woff2) format('woff2');
    src: url(../font/SpoqaHanSansNeo-Light.woff) format('woff');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    src: url(../font/SpoqaHanSansNeo-Thin.eot);
    src: url(../font/SpoqaHanSansNeo-Thin.eot?#iefix) format('embedded-opentype');
    src: url(../font/SpoqaHanSansNeo-Thin.woff2) format('woff2');
    src: url(../font/SpoqaHanSansNeo-Thin.woff) format('woff');
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 400;
  src: url('../font/notosans/noto-sans-kr-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/notosans/noto-sans-kr-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/notosans/noto-sans-kr-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/notosans/noto-sans-kr-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
	   unicode-range: U+0-2025,U+2027-10FFFF; /* remove Horizontal Ellipsis U+2026 to make align bottom */  
}
/* noto-sans-kr-medium-500 - latin_korean */
@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 500;
  src: url('../font/notosans/noto-sans-kr-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/notosans/noto-sans-kr-500.woff') format('woff'), /* Modern Browsers */
       url('../font/notosans/noto-sans-kr-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/notosans/noto-sans-kr-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
	   unicode-range: U+0-2025,U+2027-10FFFF; /* remove Horizontal Ellipsis U+2026 to make align bottom */  
}
/* noto-sans-kr-bold 700 - latin_korean */
@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 700;
  src: url('../font/notosans/noto-sans-kr-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/notosans/noto-sans-kr-700.woff') format('woff'), /* Modern Browsers */
       url('../font/notosans/noto-sans-kr-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/notosans/noto-sans-kr-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
	   unicode-range: U+0-2025,U+2027-10FFFF; /* remove Horizontal Ellipsis U+2026 to make align bottom */  
}


@font-face {
    font-family: 'Roboto_R';
    font-style: normal;
    src: url(../font/Roboto-Regular.woff) format('woff'),
        url(../font/Roboto-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto_M';
    font-style: normal;
    src: url(../font/Roboto-Medium.woff) format('woff'),
        url(../font/Roboto-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto_B';
    font-style: normal;
    src: url(../font/Roboto-Bold.woff) format('woff'),
        url(../font/Roboto-Bold.ttf) format('truetype');
}



@font-face {
    font-family:'nc-font';
    font-style: normal;
    font-display: block;
    font-weight: normal;
    src: url(../font/nc-font.eot);
    src: local("?"),
         url(../font/nc-font.woff2) format('woff2'),
         url(../font/nc-font.woff) format('woff');
}

@font-face {
    font-family:'nc-home';
    font-style: normal;
    font-display: block;
    font-weight: normal;
    src: url(../font/home.eot);
    src: local("?"),
         url(../font/home.woff2) format('woff2'),
         url(../font/home.woff) format('woff');
}


@font-face {
    font-family:'kb-font';
    font-style: normal;
    font-display: block;
    font-weight: normal;
    src: url(../font/kb-font.eot);
    src: local("?"),
         url(../font/kb-font.woff) format('woff');
}

@font-face {
  font-family: "gmarket";
  font-style: normal;
  font-weight: normal;
  src: url(../font/GmarketSansM.woff) format("woff")
}

@font-face {
    font-family: 'gmarket';
    font-style: normal;
    font-weight: 100;
    src: url(../font/GmarketSansLight.woff) format("woff")
}

@font-face {
    font-family: 'gmarket';
    font-style: normal;
    font-weight: 400;
    src: url(../font/GmarketSansM.woff) format("woff")
}

@font-face {
    font-family: 'gmarket';
    font-style: normal;
    font-weight: 600;
    src: url(../font/GmarketSansBold.woff) format("woff")
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('../font/Pretendard/woff2-subset/Pretendard-Black.subset.woff2') format('woff2'), url('../font/Pretendard/woff-subset/Pretendard-Black.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('../font/Pretendard/woff2-subset/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('../font/Pretendard/woff-subset/Pretendard-ExtraBold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('../font/Pretendard/woff2-subset/Pretendard-Bold.subset.woff2') format('woff2'), url('../font/Pretendard/woff-subset/Pretendard-Bold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('../font/Pretendard/woff2-subset/Pretendard-SemiBold.subset.woff2') format('woff2'), url('../font/Pretendard/woff-subset/Pretendard-SemiBold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('../font/Pretendard/woff2-subset/Pretendard-Medium.subset.woff2') format('woff2'), url('../font/Pretendard/woff-subset/Pretendard-Medium.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('../font/Pretendard/woff2-subset/Pretendard-Regular.subset.woff2') format('woff2'), url('../font/Pretendard/woff-subset/Pretendard-Regular.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('../font/Pretendard/woff2-subset/Pretendard-Light.subset.woff2') format('woff2'), url('../font/Pretendard/woff-subset/Pretendard-Light.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('../font/Pretendard/woff2-subset/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('../font/Pretendard/woff-subset/Pretendard-ExtraLight.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('../font/Pretendard/woff2-subset/Pretendard-Thin.subset.woff2') format('woff2'), url('../font/Pretendard/woff-subset/Pretendard-Thin.subset.woff') format('woff');
}
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'share_n';
    font-style: normal;
    font-display: block;
    font-weight: normal;
    src: url(../font/share_n.eot);
    src: local("?"),
         url(../font/share_n.woff2) format('woff2'),
         url(../font/share_n.woff) format('woff');
}


@font-face {
    font-family:'fileicon';
    font-style: normal;
    font-weight: normal;
      src: url('../font/fileicon.eot?56128276');
      src: url('../font/fileicon.eot?56128276#iefix') format('embedded-opentype'),
           url('../font/fileicon.woff?56128276') format('woff'),
           url('../font/fileicon.ttf?56128276') format('truetype'),
           url('../font/fileicon.svg?56128276#fileicon') format('svg');

}

@font-face {
    font-family:'kt-font';
    font-style: normal;
    font-weight: normal;
    src: url(../font/kt-font.eot);
    src: local("?"),
         url(../font/kt-font.woff) format('woff');
}
@font-face {
    font-family:'shop-font';
    font-style: normal;
    font-weight: normal;
    src: url(../font/shop-font.eot);
    src: local("?"),
         url(../font/shop-font.woff) format('woff');
}


/* ---- magnific-popup.css ---- */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

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

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

 .mfp-iframe-holder .mfp-close {
    display: block;
    width: 5rem;
    height: 5rem;
    position: absolute;
    font-family: 'jt-font';
    font-size: 0;
    line-height: 5rem;
    font-weight: normal;
    text-align: center;
    color: #fff;
    top: -1rem;
    right: -6rem;
    }
.mfp-iframe-holder .mfp-close:after {
    content: '\e946';
    font-size: 2.8rem;
    -webkit-transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);
    transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);
    transition: 1s transform cubic-bezier(.075,.82,.165,1);
    transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);
    display: inline-block;
}

.mfp-iframe-scaler {
   width: 100%;
   height: 0;
   overflow: hidden;
   padding-top: 56.25%;
  }
  .mfp-iframe-scaler iframe {
     position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: none;
    background: #000 url(../../../images/layout/spin-dark.gif) no-repeat center center;
    background-size: 32px 32px;
    }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } 
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }

   .mfp-iframe-holder .mfp-close {
         top: -5.4rem;
      right: -1rem;
   }
}


/* ---- magnific-popup-motion.css ---- */
/* **************************************** *
 * mfp-fade
 * **************************************** */
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}



/* **************************************** *
 * mfp-with-zoom
 * **************************************** */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}



/* **************************************** *
 * my-mfp-zoom-in
 * **************************************** */
/* Fade-zoom animation for first dialog */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);

    opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}



/* Fade-move animation for second dialog */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
    -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
    -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
    -o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
    transform: translateY(0) perspective( 600px ) rotateX( 0 );
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;

    -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
    -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
    -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
    -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
    transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;

    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}


/* ---- datapicker-jquery-ui.min.css ---- */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .toplevel_page_bad-ux-popup .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; /*text-indent: -99999px;*/ overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}.toplevel_page_bad-ux-popup .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button .ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button .ui-button-icons-only { width: 3.7em; }

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input .ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button .ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
.ui-datepicker { width: calc(18.7em - 2px * 1); padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 4px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: 12px; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 6px 3px; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; opacity:1; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position:-65px -16px;
}
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
    background-image: none;
}
body .ui-tooltip { border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea { font-size: 1em; }
.ui-widget button {font-size:16px;}
.ui-widget-content { border: 1px solid #d9d6c4; background: #eceadf url(images/ui-bg_fine-grain_10_eceadf_60x60.png) 50% 50% repeat; color: #888; }
.ui-widget-content a { color: #1f1f1f; }
.ui-widget-header { border: 1px solid #d4d1bf; background: #ffffff url(images/ui-bg_fine-grain_15_ffffff_60x60.png) 50% 50% repeat; color: #453821; font-weight: bold; }
.ui-widget-header a { color: #453821; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cbc7bd; background: #f8f7f6 url(images/ui-bg_fine-grain_10_f8f7f6_60x60.png) 50% 50% repeat; font-weight: bold; color: #654b24; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #654b24; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .toplevel_page_bad-ux-popup .ui-widget-header .ui-state-hover, .toplevel_page_bad-ux-popup .ui-state-focus, .toplevel_page_bad-ux-popup .ui-widget-content .ui-state-focus, .toplevel_page_bad-ux-popup .ui-widget-header .ui-state-focus { border: 1px solid #654b24; background: #654b24 url(images/ui-bg_fine-grain_65_654b24_60x60.png) 50% 50% repeat; font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover, .toplevel_page_bad-ux-popup .ui-state-hover a:link, .toplevel_page_bad-ux-popup .ui-state-hover a:visited { color: #ffffff; text-decoration: none; }
.ui-state-active, .toplevel_page_bad-ux-popup .ui-widget-content .ui-state-active, .toplevel_page_bad-ux-popup .ui-widget-header .ui-state-active { border: 1px solid #d9d6c4; background: #eceadf url(images/ui-bg_fine-grain_15_eceadf_60x60.png) 50% 50% repeat; font-weight: bold; color: #140f06; }
.ui-state-active a, .toplevel_page_bad-ux-popup .ui-state-active a:link, .toplevel_page_bad-ux-popup .ui-state-active a:visited { color: #140f06; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .toplevel_page_bad-ux-popup .ui-widget-content .ui-state-highlight, .toplevel_page_bad-ux-popup .ui-widget-header .ui-state-highlight  {border: 1px solid #b2a266; background: #f7f3de url(images/ui-bg_fine-grain_15_f7f3de_60x60.png) 50% 50% repeat; color: #3a3427; }
.ui-state-highlight a, .toplevel_page_bad-ux-popup .ui-widget-content .ui-state-highlight a,.toplevel_page_bad-ux-popup .ui-widget-header .ui-state-highlight a { color: #3a3427; }
.ui-state-error, .toplevel_page_bad-ux-popup .ui-widget-content .ui-state-error, .toplevel_page_bad-ux-popup .ui-widget-header .ui-state-error {border: 1px solid #681818; background: #b83400 url(images/ui-bg_fine-grain_68_b83400_60x60.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .toplevel_page_bad-ux-popup .ui-widget-content .ui-state-error a, .toplevel_page_bad-ux-popup .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .toplevel_page_bad-ux-popup .ui-widget-content .ui-state-error-text, .toplevel_page_bad-ux-popup .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .toplevel_page_bad-ux-popup .ui-widget-content .ui-priority-primary, .toplevel_page_bad-ux-popup .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .toplevel_page_bad-ux-popup .ui-widget-content .ui-priority-secondary,  .toplevel_page_bad-ux-popup .ui-widget-header .ui-priority-secondary { opacity: 1; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .toplevel_page_bad-ux-popup .ui-widget-content .ui-state-disabled, .toplevel_page_bad-ux-popup .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px;  }
.ui-widget-content .ui-icon {}
.ui-widget-header .ui-icon {}
.ui-state-default .ui-icon {  }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { }
.ui-state-active .ui-icon {}
.ui-state-highlight .ui-icon { }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }

/* Overlays */
.ui-widget-overlay { background: #6e4f1c url(images/ui-bg_diagonal-maze_20_6e4f1c_10x10.png) 50% 50% repeat; opacity: .6;filter:Alpha(Opacity=60); }
.ui-widget-shadow { margin: 0 0 0 -10px; padding: 5px;  opacity: .6;filter:Alpha(Opacity=60); -moz-border-radius: 18px; -khtml-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; }


/* custom jt */


.ui-datepicker .ui-datepicker-header {background-image:none; background-color:#fff; border:0;}
.ui-widget-content {background-image:none; background-color:#fff;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {background-image:none; border: 0; background-color: transparent ;}

.ui-widget-content .ui-state-default { text-align:center;}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {background:none; border:0; color:#888;}

.ui-state-default, .ui-widget-content .ui-state-default.ui-state-hover {background-image:none; background-color:#1473e6; color:#fff; border:0; border-radius:5px;}

.ui-widget-content .ui-datepicker-calendar .ui-state-default.ui-state-hover {background-color:#ddd; box-shadow: 0 0 0 4px #ddd; -webkit-box-shadow: 0 0 0 4px #ddd;}

.ui-state-default, .ui-widget-content .ui-datepicker-current-day .ui-state-default,
.ui-state-default, .ui-widget-content .ui-datepicker-current-day .ui-state-default.ui-state-hover {background-image:none; background-color:#1473e6;color:#fff;}

.ui-datepicker th {font-weight: bold;color: #222;}

.ui-datepicker .ui-datepicker-title{color: #888;font-weight:normal;background-color: #e9e9e9;border: 1px solid #dddddd;border-radius: 5px;margin: 0.2em; padding-top:2px;}

.ui-widget-header .ui-icon { cursor: pointer;}

.ui-widget-header .ui-state-hover .ui-icon, .ui-widget-header .ui-state-focus .ui-icon {  cursor: pointer;}

.ui-datepicker .ui-datepicker-header { border-bottom-right-radius: 0; border-bottom-left-radius: 0; padding: 0; }

.ui-widget-content {padding:0;}

.ui-datepicker .ui-datepicker-prev { left:4px; } 
.ui-datepicker .ui-datepicker-next { right: 4px; }

.ui-state-highlight,
.ui-widget-content .ui-state-highlight{ background:none; color:#222; /* box-shadow: 0 0 0 4px #0f4c82; */}

.ui-datepicker td a {text-align:center;padding: 2px 0;margin: 0 3px;}

.ui-datepicker { z-index: 999999 !important; }

.ui-timepicker-div .ui-timepicker-select { cursor:pointer; border:1px solid #ddd;padding-bottom:0;}
.ui-timepicker-div .ui-timepicker-select:hover {color:#222;}

#ui-datepicker-div .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {padding: 4px 10px 0 13px; font-size:14px;}
#ui-datepicker-div .ui-timepicker-div.ui-timepicker-oneLine dl {text-align: left;}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {font-weight:normal;position:relative;padding-left: 20px;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:before,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:before {content:'';position:absolute;top: 10px;left: 8px;width: 9px;height: 9px;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover {background-color: transparent;color:#222;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover {background-color: transparent;color:#1473e6;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:before {}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover:before {}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:before {}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover:before {}


/* CUSTOM OVERWRITE */
.ui-widget {font-size: 1.4rem; width: 32rem; }
.ui-widget-content {border-radius: 0; border: 0.1rem solid #ddd; color: #666;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {-moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0;}
.ui-datepicker .ui-datepicker-title {color: #222; border: 0; margin: 0; padding-top: 0; background-color: #fff; border-radius: 0; line-height: 4.5rem; font-weight: 600; font-size: 1.5rem;}
.ui-datepicker .ui-datepicker-header {border-radius: 0;}
.ui-datepicker table {font-size: 1.2rem; margin: 0; background: #f8f8f8;}
.ui-datepicker th {font-weight: 400; padding-top: 1.8rem;}
.ui-datepicker th span[title="토"] {color: #0f4c82;}
.ui-datepicker th span[title="일"] {color: #eb0808;}
.ui-datepicker td {padding: 0;}
.ui-datepicker tr:last-child td { padding-bottom: 1.1rem;}
.ui-datepicker td a {padding: 0 0.2rem; margin: 0.5rem 1.2rem 0.7rem;}
.ui-state-default, .ui-widget-content .ui-state-default.ui-state-hover {border-radius: 50%;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {font-weight: 400; color: #666;    line-height: 1.7;}
.ui-state-default, .ui-widget-content .ui-datepicker-current-day .ui-state-default, .ui-state-default, .ui-widget-content .ui-datepicker-current-day .ui-state-default.ui-state-hover {background-color: #0e53b6; box-shadow: 0 0 0 4px transparent; -webkit-box-shadow: 0 0 0 4px transparent;}
.ui-widget-content .ui-datepicker-current-day .ui-state-default, .ui-widget-content .ui-datepicker-current-day .ui-state-default.ui-state-hover {box-shadow: 0 0 0 4px #0e53b6; -webkit-box-shadow: 0 0 0 4px #0e53b6;}

.ui-datepicker .ui-datepicker-prev span.ui-icon {font-size: 0; }
.ui-datepicker .ui-datepicker-prev span:after {      display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '\E80A';
    font-family: 'nc-font';
    font-size: 2rem;
    line-height: 2.4rem;
    text-align: center;
    font-weight: normal;
    color: #222;}
.ui-datepicker .ui-datepicker-next span.ui-icon { font-size: 0;}
.ui-datepicker .ui-datepicker-next span:after {      display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '\E80B';
    font-family: 'nc-font';
    font-size: 2rem;
    line-height: 2.4rem;
    text-align: center;
    font-weight: normal;
    color: #222;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top: 0.9rem;}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { width: auto; border: 0; }

.ui-datepicker-title .selectric .button {
left: -10px;
    top: -2px;
}	

.ui-datepicker .ui-datepicker-title { padding-right: 1.5rem; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { width: auto; border: 0; }
.selectric-ui-datepicker-year { width: auto; display: inline-block; vertical-align: top; line-height: normal; }
.selectric-ui-datepicker-year .selectric { border: 0;}
.selectric-ui-datepicker-year .selectric .label {     width: auto;
    margin-left: 3rem;
    margin-right: 0.5rem;
    height: auto;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 4.3rem;
    color: #222;
    padding-top: 0.1rem;}
.selectric-ui-datepicker-year .selectric .button { display: block; }
.selectric-ui-datepicker-year .selectric-items { margin-left: 1rem; }

@media (max-width: 768px){
	
	
	.ui-icon {
    width: 18px;
    height: 18px;
}
	
.ui-datepicker .ui-datepicker-prev span:after {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '\E80A';
    font-family: 'nc-font';
    font-size: 2rem;
    line-height: 1.4rem;
    text-align: center;
    font-weight: normal;
    color: #222;
}

.ui-datepicker .ui-datepicker-next span:after {      display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '\E80B';
    font-family: 'nc-font';
    font-size: 2rem;
    line-height: 1.4rem;
    text-align: center;
    font-weight: normal;
    color: #222;}


.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: 50%;
    margin-top: -8px;
}
, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-right: -16px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker-title .selectric .button {
    left: -10px;
    top: 4px;
}
.selectric .button:after {
    content: " ";
    position: absolute;
    top: 1rem;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #BBB;
    border-bottom: none;
}
}

/* ---- selectric.css ---- */
/*======================================
  Selectric v1.11.0
======================================*/

.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #DDD;
  background: #F8F8F8;
  position: relative;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 12px;
  line-height: 38px;
  color: #444;
  height: 38px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #aaaaaa;
}

.selectric-hover .selectric {
  border-color: #c4c4c4;
}

.selectric-hover .selectric .button {
  color: #a2a2a2;
}

.selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: #c4c4c4;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
  display: block;
  padding: 10px;
  color: #666;
  cursor: pointer;
}

.selectric-items li.selected {
  background: #E0E0E0;
  color: #444;
}

.selectric-items li.highlighted {
  background: #D0D0D0;
  color: #444;
}

.selectric-items li:hover {
  background: #D5D5D5;
  color: #444;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}


/* ---- icheck.css ---- */
/* iCheck plugin Minimal skin, black
----------------------------------- */
.nc-icheck--icheckbox,
.nc-icheck--iradio {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 2rem;
    height: 2rem;
    background: url(../images/nc-isprite@2x.png) no-repeat;
    border: none;
    cursor: pointer;
	background-size: 23rem 2rem;
}

.nc-icheck--icheckbox {
    background-position: 0 0;
}
    .nc-icheck--icheckbox.hover {
        background-position: -2.3rem 0;
    }
    .nc-icheck--icheckbox.checked {
        background-position: -4.6rem 0;
    }
    .nc-icheck--icheckbox.disabled {
        background-position: -6.9rem 0;
        cursor: default;
    }
    .nc-icheck--icheckbox.checked.disabled {
        background-position: -9.2rem 0;
    }

.nc-icheck--iradio {
    background-position: -11.5rem 0;
}
    .nc-icheck--iradio.hover {
        background-position: -13.8rem 0;
    }
    .nc-icheck--iradio.checked {
        background-position: -16.1rem 0;
    }
    .nc-icheck--iradio.disabled {
        background-position: -18.4rem 0;
        cursor: default;
    }
    .nc-icheck--iradio.checked.disabled {
        background-position: -20.7rem 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
    .nc-icheck--icheckbox,
    .nc-icheck--iradio {
        background-image: url(../images/nc-isprite@2x.png);
        -webkit-background-size: 23rem 2rem;
        background-size: 23rem 2rem;
    }
}


/* ---- slick.css ---- */
/* 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;
}
.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;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* ---- swiper.min.css ---- */
/**
 * Swiper 4.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 19, 2018
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    -o-transition-property: transform,height;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top,.2s -webkit-transform;
    transition: .2s top,.2s -webkit-transform;
    -o-transition: .2s transform,.2s top;
    transition: .2s transform,.2s top;
    transition: .2s transform,.2s top,.2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left,.2s -webkit-transform;
    transition: .2s left,.2s -webkit-transform;
    -o-transition: .2s transform,.2s left;
    transition: .2s transform,.2s left;
    transition: .2s transform,.2s left,.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right,.2s -webkit-transform;
    transition: .2s right,.2s -webkit-transform;
    -o-transition: .2s transform,.2s right;
    transition: .2s transform,.2s right;
    transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}


/* ---- reset.css ---- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ol,ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption,th,td {text-align: left;font-weight: normal;}
figure,article,header,footer,nav,hgroup,video,audio,aside,main {display: block;}

html{-ms-text-size-adjust: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;text-size-adjust: none;}
body,textarea:focus,input:focus,a:focus {-webkit-tap-highlight-color: rgba(107, 120, 245, .08);} 

/* selection */
::-moz-selection {background:#81A6D0;background: rgba(3, 78, 162, .45);color:#fff;}
::selection {background:#81A6D0;background: rgba(3, 78, 162, .45);color:#fff;}
::-moz-selection {background:#81A6D0;background: rgba(3, 78, 162, .45);color:#fff;}

a{ text-decoration: none;}

input::-ms-clear {  display: none; width : 0; height: 0; }
input::-ms-reveal {  display: none; width : 0; height: 0; }

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display: none; }


input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
input[type=number],
input[type=search],
input[type=date],
input[type=time],
textarea {-webkit-appearance: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;font-family: 'Maven Pro', 'Pretendard', sans-serif;}
input[type=submit], input[type=button], button {-webkit-appearance:none;font-family: 'Maven Pro', 'Pretendard', sans-serif;outline: none;}
input[type=radio] {border-radius: 100%;}


::-webkit-input-placeholder {font-family: 'Maven Pro', 'Pretendard', sans-serif;font-size: 1.6rem;color: #888;}
::-moz-placeholder {font-family: 'Maven Pro', 'Pretendard', sans-serif;font-size: 1.6rem;color: #888;}
:-ms-input-placeholder {font-family: 'Maven Pro', 'Pretendard', sans-serif;font-size: 1.6rem;color: #888;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color: transparent;}



	

	
.sr_only,
.sr-only {position: absolute;height: 1px;width: 1px;overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);}

#skip a {width: 1px;height: 1px;position: absolute;left: -10000px;top: auto;overflow: hidden;}
#skip a:focus {display: block;width: 100%;height: 40px;position: fixed;top: 0;left: 0;line-height: 40px;text-align: center;color: #fff;background: #444;z-index: 999;}

.use_mouse, .use_mouse select, .use_mouse input[type=text], .use_mouse input[type=tel], .use_mouse input[type=email], .use_mouse input[type=password], .use_mouse input[type=url], .use_mouse input[type=number], .use_mouse input[type=search], .use_mouse textarea, .use_mouse input[type=submit], .use_mouse input[type=button], .use_mouse button, .use_mouse a:focus {outline: none;}



/* **************************************** *
 * LAZYLOAD
 * **************************************** */
img[data-unveil] {opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
img[data-unveil].jt-lazyload--loaded {opacity:1}

.nc-lazyload {position: relative;overflow: hidden;}
.nc-lazyload img {display: block;/* max-width: 100%; */position: absolute;left: 0;top: 0; width: 100%;}
.nc-lazyload img.nc-lazyload--loaded {height: auto;}

/* Color preview */
.nc-lazyload_color-preview {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #aaa;opacity: 0.6;}



/* ---- default.css ---- */
/* **************************************** *
 * GLOBAL
 * **************************************** */
html {font-size: 2.777778vw;} /* @360px 1rem = 10px */
body {overflow-x: hidden; font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;/* font-family: sans-serif; */ word-break: keep-all;}

a {color: #142143;text-decoration: none;}
[lang="en"] {font-family:'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;}

/* WRAP */
.wrap, .wrap_narrow {max-width: inherit; margin:0 2%;}


.wrap-small-narrow {
    max-width: 688rem;
    margin: 0 auto;
    position: relative;
}

html.mobile ::-webkit-scrollbar {display:none;}
.mobile_br {display: block;}

.sub-member-register .wrap, .wrap_narrow {max-width: inherit; margin:0;}

/* IE11 recorder remove markup */
html.ie11 .nc-rec-fab,
html.ie11 .nc-rec-modal{ display:none}

html.mobile body{
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Apple SD Gothic Neo,sans-serif;
}

/* **************************************** *
 * HEADER
 * **************************************** */
#header {width: 100%; position: fixed; top: 0; left: 0; background: #fff; height: auto; z-index: 600;    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 8%);}
.header_wrap {max-width: inherit; height: 5.5rem; margin: 0 auto; position: relative; border-bottom: 0.0rem solid #ddd;background: inherit;}

/* LOGO */
#logo {
    position: absolute;
    top: 1.1rem;
    left: 1.5rem;
    width: 13.1rem;
    /* height: 2.8rem; */
    z-index: 2;    left: 5%;
    margin-left: 0rem;
}
#logo a {display: block; width: 100%; height: 100%;}
#logo a svg, #logo a img {display: block; width: 100%; height: 100%;}

.minimize #logo .img path{
fill: #142143;
}

.minimize #logo .img .st0{fill:#142143;}
.minimize #logo .img .st1{fill:#142143;}
.minimize #logo .img .st2{fill:#142143;}
.minimize #logo .img .st3{fill:#142143;}
.minimize #logo .img .st4{fill:#142143;}
.minimize #logo .img .st5{fill:#142143;}
.minimize #logo .img .st6{fill:#142143;}


/* MENU */
.search_container {display: block; position: absolute; top: 1.2rem; right: 4.8rem; z-index: 2;}
.global_search_open_btn {display: block; width: 4rem; height: 4rem; position: relative;}
.global_search_open_btn:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'nc-font';content: '\e932';font-size: 1.8rem;line-height: 4rem;font-weight: normal;text-align: center;color: #000;-webkit-transition: color 300ms;transition: color 300ms;}
/* html.desktop .global_search_open_btn:hover:after {color: var(--color-primary);} */

.mobile_container {display: none; position: absolute; top: .8rem; right: 0.8rem; z-index: 2222;}
.mobile_open_btn {display: block; width: 4rem; height: 4rem; position: relative;}

.open_menu .mobile_open_btn{
display:none;
}

.mobile_open_btn:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'nc-font';content: '\E92D';font-size: 1.8rem;line-height: 4rem;font-weight: normal;text-align: center;color: #000;-webkit-transition: color 300ms;transition: color 300ms;}
.mobile_container.fixed { position: fixed; top: 1.3rem; right: 4.9rem; z-index: 651;}
.mobile_container.fixed .mobile_open_btn:after { color: #fff; }
.noti_count { font-style: normal; width: 0.4rem; height: 0.4rem; background: #eb0808; display: inline; border-radius: 50%; position: absolute; top: 0.9rem; right: 0.7rem; }
.mobile_container .noti_count { opacity: 0;}
.mobile_container .noti_count--active { opacity: 1;}


.menu_container { position: absolute; top: 5.5rem; left: 0; width: 100%; background: #fff; padding-right: 4.6rem;/* border-bottom: 0.1rem solid #ddd; */    display: none;}
.menu_container:after {content: '';display: block;width: 2.5rem;height: -webkit-calc(100% - 0.2rem);height: calc(100% - 0.2rem); position: absolute;top: 0.1rem;right: 4.6rem;background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#fff));background: -webkit-linear-gradient(left, #ffffff, #fff);background: linear-gradient(to right, #ffffff, #fff);background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff);background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff); z-index: 2; pointer-events: none;}
#menu { font-size: 0; width: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap;}
#menu:after {content: ''; display: block; width: 100%; height: 0.1rem; background: #ddd; position: absolute; bottom: 0; left: 0;}
#menu > li { display: inline-block; vertical-align: top; padding: 0 1rem;}
#menu > li:first-child {padding-left: 1.5rem;}
#menu > li:last-child {padding-right: 1.5rem;}
#menu > li > a { color: #999; padding: 1.6rem 0.5rem 1.6rem; display: block; font-size: 1.5rem; line-height: 1; letter-spacing: -0.025em; position: relative; font-weight: 500;}
#menu > li > a:after {content: ''; display: block; width: 100%; height: 0.2rem; background: #142143; position: absolute; left: 0; bottom: 0; opacity: 0; z-index: 2;}
#menu > li > a:before {content: '';display: block;width: 0.4rem;height: 0.4rem;background: #eb0808;border-radius: 50%;position: absolute;top: 1.4rem;right: -0.2rem; opacity: 0;} /* 새글 있을때 (NEW) */
#menu > li.current-menu-item > a {color: #142143;}
#menu > li.current-menu-item > a:after {opacity: 1;}
#menu > li.current-page-ancestor > a {color: #142143;}
#menu > li.current-page-ancestor > a:after {opacity: 1;}
#menu > li > ul.sub-menu {display: none;}
/* #menu > li > ul.sub-menu { opacity: 0; visibility: hidden; position: absolute; top: 47px; left: 0; width: 100%; background: #f6f6f6; white-space: normal;}
#menu > li > ul.sub-menu:after { content: ''; width: 100%; height: 1px; background: #ddd; position: absolute; bottom: 0; left: 0; z-index: 2; }
#menu > li > ul.sub-menu > li { width: 33.33%; display: inline-block; vertical-align: top; text-align: center; padding: 16px 10px 15px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#menu > li > ul.sub-menu > li:nth-child(3n) { border-right: 0; }
#menu > li > ul.sub-menu > li > a { font-size: 14px; color: #666; font-weight: 400; letter-spacing: -0.025em; line-height: 1.3; } */
#menu > li > a > span {display: block; position: relative;}

.menu_control_btn { position: absolute; top: 0; right: 0; width: 4.6rem; height: -webkit-calc(100% - 0.1rem); height: calc(100% - 0.1rem); display: block; border-left: 0.1rem solid #ddd;}
.menu_control_btn:after {content: '\e911'; font-family: 'nc-font'; font-size: 1rem; display: block; position: absolute; top: 50%; left: 50%; margin-top: -0.4rem; margin-left: -0.5rem; color: #999; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms;}
.menu_control_btn.active:after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

#menu > li.webview_mysubscribe_menu{display:none}
body.nc_webview #menu > li.webview_mysubscribe_menu{display:inline-block}
.nc_home_my_subscribe #menu > li.current-menu-item.menu-item-home > a { color: #999;}
.nc_home_my_subscribe #menu > li.current-menu-item.menu-item-home > a:after { display: none;}

#cBody{
padding-bottom:130px;position: relative;
}



.modal_page_open.online #cBody,
.modal_page_open.board #cBody {
/*
padding-top: 129px;
*/
}
.modal_page_open.online #cBody,
.modal_page_open.board #cBody {
/*
padding-top: 129px;
*/
}

.modal_page_open {
    overflow: hidden;
}
.modal_page_open.on .modal_page_content .container {
/*padding-top: 30px;*/
}


.modal_page_open.on .container {
/*padding-top: 30px;
width:100%;*/
}
.modal_page_open.online #sub_visual, .modal_page_open.board #sub_visual, .modal_page_open.mypage #sub_visual,.modal_page_open.member_join #sub_visual {
  /*  position: relative;
    height: 0px  !important;
    background-color: #FFF;
    padding-top: 0px !important;*/
}

/* MEMBER MENU */
.member_menu_container {opacity: 1; visibility: visible; z-index: 651; position: fixed; top: 1.8rem; right: 4.2rem;}
.member_menu {display: block; margin: 5px -10px; font-size: 0;position: relative;}
.member_menu > li {    display: inline-block;
    vertical-align: middle;
    padding: 0 12px;
    position: relative;}

.open_menu .member_menu_container {opacity: 1; visibility: visible; z-index: 651; position: fixed; top: 1.8rem; left: 2rem;}

.member_menu > li > a {display: block; font-size: 14px; letter-spacing: -0.025em; color: #222;line-height: 1.2; }
.member_menu > li + li:before {margin-top:3px;content: ''; display: block; width: 0.1rem; height: 0.8rem; background: #ffffff; background: rgba(255, 255, 255, .25); position: absolute; top: 0.2rem; left: 0;}
html.ios .member_menu > li + li:before {/*top: 0;*/}

.open_menu .member_menu > li > a {display: block; font-size: 14px; letter-spacing: -0.025em; color: #fff;line-height: 1; }


/* MOBILE MENU */
#small_menu_close {display: block; opacity: 0; visibility: hidden; width: 3.2rem; height: 3.2rem; position: fixed;top:1rem; right: 1.2rem;  z-index: 651; cursor: pointer;}
#small_menu_close:after {display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0;  font-family: 'nc-font'; content: '\e92e'; font-size: 1.5rem; line-height: 3.2rem; font-weight: normal; text-align: center; color: #fff;-webkit-transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);}
html.desktop #small_menu_close:hover:after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
#small_menu_overlay {display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; background: rgba(0, 0, 0, .75); z-index: 600;}
#small_menu_container {display: none; width: 100%; height: 100%; margin: 0; position: fixed; top: 0; bottom: 0; right: 0; z-index: 650; background: #fff; -webkit-overflow-scrolling: touch;}
.small_menu_container_inner {width: 100%; height: 100%; display: block; position: relative; font-size: 0;}

.small_menu_top {background:#142143; height: 20.4rem;padding-top: 6.4rem;z-index: 1;
    position: relative;}
.small_menu_top:after{}


.small_menu_top div{
    position: relative;

}

.small_menu_top div h2{
    font-size: 2rem;
    color: #fff;
    margin: 0 5%;
    font-size: 23px;
    font-weight: 700;
    top: 0px;
    font-family: 'Pretendard', sans-serif;


}


.small_search_container {border-top: 0.1rem solid rgba(255, 255, 255, .08); padding: 1.5rem 2rem;}
.small_search_form {position: relative;}
.small_search_form.active .small_search_label {opacity: 0; visibility: hidden;}
.small_search_form.focus .small_search_label {opacity: 0; visibility: hidden;}
.small_search_field_wrap { position: relative; width: 100%; height: 4.7rem; }
.small_search_field { background: none; border: 0; width: 100%; height: 100%; border-bottom: 0.2rem solid #fff; margin: 0; padding: 0; padding-right: 2.5rem; padding-left: 2.6rem; font-size: 1.5rem; color: #fff;outline: none; border-radius: 0;}
.small_search_label {font-size: 1.5rem; font-weight: 400; line-height: 1; letter-spacing: -0.025em; color: #fff; position: absolute; top: 1.6rem; left: 0; padding-left: 2.6rem; opacity: 1; visibility: visible;}
.small_search_submit {height: 100%;width: 1.6rem;padding: 0;position: absolute;left: 0;top: 0;background: none;border: none;outline: none;cursor: pointer;}
.small_search_submit:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'nc-font';content: '\e932';font-size: 1.8rem;line-height: 4.7rem;font-weight: normal;text-align: center;color: #fff;-webkit-transition: color 300ms;transition: color 300ms;-webkit-transition-delay: 0ms;transition-delay: 0ms;}

.small_search_container .search_keyword {padding: 1.8rem 0 0;}
.small_search_container .search_keyword ul li {border: 0.1rem solid #f2f2f2; background: none; border-radius: 5rem;}
.small_search_container .search_keyword ul li a { color: #f2f2f2; padding: 0.7rem 1.3rem 0.8rem;}
.small_search_container .nc_frm__clear-btn {right: -0.4rem;}
.small_search_container .nc_frm__clear-btn:after { color: #fff; }

.small_menu_area {width: 100%; height: -webkit-calc(100% - 20.4rem); height: calc(100% - 20.4rem); display: block; position: relative; font-size: 0;-ms-overflow-style:none;}
.small_menu_area > * {display: inline-block; vertical-align: top;}

.small_tab_nav {width: 36%; background: #f8f8f8; padding:1.6rem 0 0; height: 100%;}
.small_tab_menu > li {display: block;}
.small_tab_menu > li > a {display: block; font-size: 1.2rem; font-weight: 600; color: #a0a0a0; line-height: 1; letter-spacing: -0.025em; padding: 1.7rem 1rem 1.6rem;}
.small_tab_menu > li > a > span {position: relative;display: inline-block; vertical-align: top;}
.small_tab_menu > li > a > span:after {content: ''; display: block; width: 100%; height: 0.2rem;
    background: #142143;
    position: absolute;
    bottom: -0.7rem; left: 0; opacity: 0;}
.small_tab_menu > li.current-menu-item > a {/* color: var(--color-primary); */color: #142143;}
.small_tab_menu > li.current-menu-item > a > span:after {opacity: 1;}
.small_tab_menu > li.current_scroll > a {color:#142143;}
.small_tab_menu > li.current_scroll > a > span:after {opacity: 1;}


.small_depth_nav {width: 64%; height: 100%; padding: 0;}
.small_depth_nav_inner {height: 100%; overflow-y: scroll; padding: 0 2rem;}
.small_depth_menu li {display: block;width: 100%;}
.small_depth_menu a {display: block;position: relative;letter-spacing: -0.025em;line-height: 1;}
.small_depth_menu a:hover {color: #142143; -webkit-transition: color 300ms; transition: color 300ms;}
.small_depth_menu > li {margin-top: 2.1rem;}
.small_depth_menu > li:first-child {margin-top: 0;}
.small_depth_menu > li:first-child > a {padding-top: 3rem;}
.small_depth_menu > li > a {padding: 1.6rem 0;font-size: 1.5rem;font-weight: 600; color: #222;}
.small_depth_menu > li.current-menu-item > a {color: #142143;}
.small_depth_menu > li > ul {padding: 0;}
.small_depth_menu > li > ul.sub-menu {display: block;border-top: 0.1rem solid #ddd; padding-top: 0.4rem;}
.small_depth_menu > li > ul > li:first-child {border-top: none;}
.small_depth_menu > li > ul > li > a {padding: 1.1rem 0 1rem;    font-size: 1.3rem;
    font-weight: 600;color: #888;}
.small_depth_menu > li > ul > li > a:before {content: ''; display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #142143; display: none;}
.small_depth_menu > li > ul > li.current-menu-item > a,
.small_depth_menu > li > ul > li.current-menu-ancestor > a {/* color: var(--color-primary); */}


.small_depth_menu > li > ul > li.current_page_ancestor.active > a,
.small_depth_menu > li > ul > li.current-menu-item > a,
.small_depth_menu > li > ul > li.current_page_parent > a,
.small_depth_menu > li > ul > li.current-page-ancestor > a{padding-left: 1.5rem; color: #142143;}
.small_depth_menu > li > ul > li.current-menu-item > a:before,
.small_depth_menu > li > ul > li.current_page_parent > a:before,
.small_depth_menu > li > ul > li.current_page_ancestor.active > a:before,
.small_depth_menu > li > ul > li.current-page-ancestor > a:before{display: block;}
.small_depth_menu > li > ul > li.menu-item-has-children > a:after {content: '\e911';font-family: 'nc-font';font-size: 1rem;position: absolute;top: 50%;right: 0;margin-top: -0.5rem; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms;}
.small_depth_menu > li > ul > li.menu-item-has-children.active > a:after {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}

.small_depth_menu > li > ul.sub-menu {
    display: block;
    border-top: 0.1rem solid #ddd;
    padding-top: 0.4rem;
}


.small_depth_menu > li > ul > li.menu-item-has-children.active > a:after {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.small_depth_menu > li > ul > li > ul.sub-menu { background: #f6f6f6; padding: 1rem 1.6rem; margin-bottom: 0.7rem; display: none; position: relative; top: 0.4rem;}
.small_depth_menu > li > ul > li > ul.sub-menu li { font-size: 1.3rem; }
.small_depth_menu > li > ul > li > ul.sub-menu li.current_page_item a {color: #0f4c82;}
.small_depth_menu > li > ul > li > ul.sub-menu li.current-menu-item a {color: #0f4c82;}
.small_depth_menu > li > ul > li > ul.sub-menu li a { color: #888; padding: 1rem 0; }
.small_depth_menu > li > ul > li > ul.sub-menu li a:hover {color: #0f4c82;}



.small_depth_menu > li > ul > li > ul.sub-menu li { font-size: 1.3rem; }
.small_depth_menu > li > ul > li > ul.sub-menu li.current_page_item a {color: #142143;}
.small_depth_menu > li > ul > li > ul.sub-menu li.current-menu-item a {color: #142143;font-weight: 600;}
.small_depth_menu > li > ul > li > ul.sub-menu li a { color: #888; padding: 1rem 0;font-weight: 600; }
.small_depth_menu > li > ul > li > ul.sub-menu li a:hover {color: #142143;}


.small_depth_menu > li.current-menu-item > ul > li.current_page_item  > a:before {
    content: '';
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background:#142143;
    display: block;
}


.small_depth_menu > li.current-menu-item > ul > li.current_page_item  > a {
    padding-left: 1.1rem;
    color:#142143;
}

.small_depth_sns {margin-top: 2rem; padding-bottom: 4.1rem;}
.small_depth_sns > b {display: block; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.025em; color: #222; padding: 1.3rem 0;}
.small_depth_sns > ul {display: block; border-top: 0.1rem solid #ddd; padding-top: 0.4rem;}
.small_depth_sns > ul > li {display: block;}
.small_depth_sns > ul > li > a {display: block; font-size: 1.4rem; font-weight: 400; line-height: 1; letter-spacing: -0.025em; padding: 1.1rem 0 1rem; padding-left: 0rem; color: #888; position: relative;   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;}
.small_depth_sns > ul > li > a:after {font-family: 'nc-font'; font-size: 1.5rem; position: absolute; top: 1.2rem; left: 0; color: #b2b2b2;    font-family: 'nc-font';
    font-size: 1.5rem;
    position: relative;
    top: 0;
    left: 0;
    color: #b2b2b2;}

.small_depth_sns > ul > li.vimeo > a:after {content: '\e93a';}
.small_depth_sns > ul > li.youtube > a:after {content: '\e93b';}
.small_depth_sns > ul > li.insta > a:after {content: '\e918';}
.small_depth_sns > ul > li.kakao > a:after {content: '\e923';}
.small_depth_sns > ul > li.facebook > a:after {content: '\e916';}

.single-jubo .small_depth_menu > li > ul > li.menu-item-jubo > a {padding-left: 1.5rem; color: #142143;}
.single-jubo .small_depth_menu > li > ul > li.menu-item-jubo > a:before {display: block;}

.page-template-media-jubo-list .small_depth_menu > li > ul > li.menu-item-jubo > a {padding-left: 1.5rem; color: #142143;}
.page-template-media-jubo-list .small_depth_menu > li > ul > li.menu-item-jubo > a:before {display: block;}

.single-tree .small_depth_menu > li > ul > li.menu-item-tree > a {padding-left: 1.5rem; color: #142143;}
.single-tree .small_depth_menu > li > ul > li.menu-item-tree > a:before {display: block;}

.page-template-media-namu-list .small_depth_menu > li > ul > li.menu-item-tree > a {padding-left: 1.5rem; color: #142143;}
.page-template-media-namu-list .small_depth_menu > li > ul > li.menu-item-tree > a:before {display: block;}


/* MENU OPEN */
body.open_menu {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;overflow: hidden;}

/* TAB MENU */
.tab_menu_container { position: absolute; top: 10.2rem; left: 0; width: 100%; opacity: 0; visibility: hidden;}
.tab_menu_container.active {opacity: 1; visibility: visible;}
#tab_menu { background: #f6f6f6; font-size: 0; }
#tab_menu:after {content:''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.1rem; background: #ddd;}
#tab_menu li { display: inline-block; width: 33.33%; border-bottom: 0.1rem solid #ddd; border-right: 0.1rem solid #ddd; }
#tab_menu li a { display: block; font-size: 1.4rem; line-height: 1.4; letter-spacing: -0.025em; color: #666; text-align: center; padding: 1.5rem 0 1.6rem; font-weight: 500;}
#tab_menu li:nth-child(3n) {border-right: 0;}
#tab_menu li:nth-last-child(-n+3) {/* border-bottom: 0; */}
.total_menu_open_button {display: none;}
#tab_menu_overlay { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0;  background: rgba(0, 0, 0, .8); z-index: 590;}

body.show_nav .mobile_nav_bar {
    bottom: 0;
}

/* NAVIGATION */
.mobile_nav_bar {position: fixed; display: block; bottom: -6rem; width: 100%; /* height: 6rem; */ background: #0e1727; font-size: 0; z-index: 10; -webkit-transition: bottom 300ms; transition: bottom 300ms;  padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
.ios .mobile_nav_bar { bottom: calc(-6rem + -4rem)}
.mobile_nav_bar a { display: inline-block; vertical-align: top; width: 20%; height: 100%; text-align: center; color: #fff;  padding-top:1.5rem; height: 6rem;}
.mobile_nav_bar a i { display: block; margin-bottom: 0.7rem; }
.mobile_nav_bar a i:after {content: '';font-family: 'nc-font';display: inline-block;vertical-align: top;font-size: 1.4rem;color: #fff;font-style: normal;}
.mobile_nav_bar a.weekly i:after {content: '\E959';}
.mobile_nav_bar a.home i:after {content: '\E92C';
    content: '\E800';
    font-family: 'nc-home';
    vertical-align: top;
    font-size: 1.8rem;
    font-weight: 500;
    color: #fff;
    font-style: normal;

}
.mobile_nav_bar a.home {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    height: 100%;
    text-align: center;
    color: #fff;
    padding-top: 1.2rem;
    height: 6rem;
}



.mobile_nav_bar a.offering i:after {content: '\E958';}
.mobile_nav_bar a.call i:after {content: '\E952';}
.mobile_nav_bar a.mylecture i:after {content: '\E938';}
.mobile_nav_bar a.account i:after {content: '\E96D';}
.mobile_nav_bar a.menu i:after {content: '\e92d';}
.mobile_nav_bar > a > span { font-size: 1.1rem; letter-spacing: -0.025em; line-height: 1; }

body.show_nav .mobile_nav_bar {bottom: 0;}

.sr_only,
.sr-only {position: absolute;height: 1px;width: 1px;overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);}

#skip a {width: 1px;height: 1px;position: absolute;left: -10000px;top: auto;overflow: hidden;}
#skip a:focus {display: block;width: 100%;height: 40px;position: fixed;top: 0;left: 0;line-height: 40px;text-align: center;color: #fff;background: #444;z-index: 999;}

/* IOS APP CUSTOM */
.ios .nc_webview .article_body {min-height: 60vh;}
.ios .nc_webview .header_wrap #logo,
.ios .nc_webview .header_wrap .search_container,
.ios .nc_webview .header_wrap .mobile_container { display: none;}
.ios .nc_webview .header_wrap .mobile_container.fixed {display: block;}
.ios .nc_webview .header_wrap{height:0}
.ios .nc_webview .menu_container { top: 0; border-top: 0.1rem solid #ddd;}
.ios .nc_webview .main_container { padding-top: 4.8rem;}
.ios .nc_webview .tab_menu_container{ top: 4.8rem;}
.ios .nc_webview.nc-video-fix .nc-embed-video {top: 4.8rem;}
.ios .nc_webview.nc-video-fix.show_nav .nc-embed-video {top: 4.8rem;}
.ios .nc_webview.nc-video-fix.show_nav.show_popup .nc-embed-video {top: 9.5rem;}

.ios .nc_webview .webview_login_logo {display: none;}
.ios .nc_webview .sub-member-login .nc_frm-header {display: block;}

.ios body.show_popup.nc_webview .main_container { padding-top: 9.5rem;}
.ios body.show_popup.nc_webview .menu_container {border-top: 0;}


body.home {}
body.home .main_container,body.sub .main_container,body.program_view .main_container {padding-bottom: 0;    min-height: 64rem;}


.small_tab_menu > li.blank > a:after {
    content: '\E801';
    font-family: 'nc-font';
    font-size: 1.2rem;
    color:#a0a0a0;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;
}

.small_depth_sns > ul > li.blank > a:after {
    content: '\E801';
    font-family: 'nc-font';
    font-size: 1.2rem;
    color:#a0a0a0;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;
}

.gmenu_container {    display: block;
    /* width: 237px; */
    position: absolute;
    top: 24px;
    left: 50%;
    /* margin-left: -116.5px; */
    z-index: 1;
    -webkit-transition: top 400ms;
    transition: top 400ms;
    position: relative;
    top: auto;
    left: auto;
    text-align: center;
    display: inline-block;    width: 100%;}
	

#gmenu {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: top 300ms;
    transition: top 300ms;
}
	
	
	
#gmenu {
    background: none;
    display: inline-block;
    vertical-align: middle;
	position: relative;
     /* width: 100%; */
    /* left: 50%; */
    top: 10px;
    -webkit-transition: top 300ms, width 300ms, height 300ms;
    transition: top 300ms, width 300ms, height 300ms;}
#gmenu li {position: relative;}
#gmenu a {display: block;line-height: 1.7;-webkit-transition: all 0.3s;transition: all 0.3s;}
#gmenu ul.sub-menu {opacity: 0; visibility:hidden;width: 180px;position: absolute;background: #a4947d;
    margin-left: -55px;}
#gmenu .menu-item.focusin .sub-menu { opacity:1; visibility:visible;}

/* 1depth */
#gmenu > li {float: left;}
#gmenu > li > a { padding: 11px 20px;
    font-size: 20px;
    letter-spacing: 0.01em;
    color: #222;
    font-family: 'Pretendard', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;
    letter-spacing: -0.64px;
    font-weight: normal;
    display: block;
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: -0.025em;
    color: #666;
    text-align: center;
    padding: 1.5rem 0 1.6rem;
    font-weight: 500;}



#gmenu > li:hover > a, #gmenu > li.current_page_ancestor > a, #gmenu > li.current_page_item > a {color:#92613E;}

/* 2depth */
#gmenu > li:hover > ul {opacity:1; visibility:visible;}
#gmenu > li > ul {top: 100%;left: 50%;margin-left: -88.5px;    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 8%);}
#gmenu > li > ul > li {float: left;width: 100%;background: #fff;border-bottom: 0px solid #eee;}
#gmenu > li > ul > li:first-child a{border-bottom: none;    padding: 14px 26px;padding-top: 22px;
    font-size: 13px;    font-size: 1.5rem;}
#gmenu > li > ul > li:last-child {border-bottom: none;}
#gmenu > li > ul > li > a {padding: 14px 26px;font-size: 13px;color: #444; font-family: 'Pretendard', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;  letter-spacing: 0px; 
    font-size: 14px;
    font-size: 13px;
    font-weight: 500;text-align: left;    font-size: 1.5rem;}
#gmenu > li > ul > li:last-child > a {
    padding-bottom: 22px;
}
#gmenu > li > ul > li.menu-item-has-children > a {padding-right: 48px;}
#gmenu > li > ul > li.menu-item-has-children:before {margin-top: -5px;position: absolute;top: 50%;right: 8%;font-family: 'nc-font';content: '\e913';font-size: 10px;color: #888;-webkit-transition: color 300ms;transition: color 300ms;}
#gmenu > li > ul > li.menu-item-has-children:hover:before,
#gmenu > li > ul > li.menu-item-has-children.current-menu-item:before {color: #92613E;}
#gmenu > li > ul > li.current-menu-item {background: #92613E;}
#gmenu > li > ul > li:hover > a, #gmenu > li > ul > li.current-menu-item > a {color:#92613E;
    background: #fff;}
#gmenu > li > ul > li > a span {
    display: inline-block;
    padding-bottom: 2px;
    position: relative;
}



/* 3depth */
#gmenu > li > ul > li:hover > ul {opacity:1; visibility:visible;}
#gmenu > li > ul > li > ul {left: 100%;top: 0;}
#gmenu > li > ul > li > ul > li {background: #333;border-bottom: 1px solid #444;}
#gmenu > li > ul > li > ul > li:last-child {border-bottom: none;}
#gmenu > li > ul > li > ul > li > a {padding: 14px 19px;font-size: 13px;font-weight: 500;color: #ccc;}
#gmenu > li > ul > li > ul > li:hover > a {color: #fff;}

#gmenu > li > ul:after {
    content: '';
    display: block;
}

#gmenu > li > ul > li > a > span:before {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background:#92613E;
    z-index: 2;
    -webkit-transition: width 400ms;
    transition: width 400ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
#gmenu > li > ul > li:hover > a > span:before, #gmenu > li > ul > li > a:hover > span:before, #gmenu > li > ul > li.current-menu-item > a > span:before, #gmenu > li > ul > li.current-page-ancestor > a > span:before {
    width: 100%;
}




/* 1depth */
#tab_menu > li {float: left;}
#tab_menu > li > a { padding: 11px 20px;
    font-size: 20px;
    letter-spacing: 0.01em;
    color: #222;
    font-family: 'Pretendard', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;
    letter-spacing: -0.64px;
    font-weight: normal;
    display: block;
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: -0.025em;
    color: #666;
    text-align: center;
    padding: 1.5rem 0 1.6rem;
    font-weight: 500;}



#tab_menu > li:hover > a, #tab_menu > li.current_page_ancestor > a, #tab_menu > li.current_page_item > a {}

/* 2depth */
#tab_menu > li:hover > ul {opacity:1; visibility:visible;}
#tab_menu > li > ul {top: 100%;left: 50%;margin-left: -88.5px;    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 8%);}
#tab_menu > li > ul > li {float: left;width: 100%;background: #fff;border-bottom: 0px solid #eee;}
#tab_menu > li > ul > li:first-child a{border-bottom: none;    padding: 14px 26px;padding-top: 22px;
    font-size: 13px;    font-size: 1.5rem;}
#tab_menu > li > ul > li:last-child {border-bottom: none;}
#tab_menu > li > ul > li > a {padding: 14px 26px;font-size: 13px;color: #444; font-family: 'Pretendard', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;  letter-spacing: 0px; 
    font-size: 14px;
    font-size: 13px;
    font-weight: 500;text-align: left;    font-size: 1.5rem;}
#tab_menu > li > ul > li:last-child > a {
    padding-bottom: 22px;
}
#tab_menu > li > ul > li.menu-item-has-children > a {padding-right: 48px;}
#tab_menu > li > ul > li.menu-item-has-children:before {margin-top: -5px;position: absolute;top: 50%;right: 8%;font-family: 'nc-font';content: '\e913';font-size: 10px;color: #888;-webkit-transition: color 300ms;transition: color 300ms;}
#tab_menu > li > ul > li.menu-item-has-children:hover:before,
#tab_menu > li > ul > li.menu-item-has-children.current-menu-item:before {}
#tab_menu > li > ul > li.current-menu-item {}
#tab_menu > li > ul > li:hover > a, #tab_menu > li > ul > li.current-menu-item > a {
    background: #fff;}
#tab_menu > li > ul > li > a span {
    display: inline-block;
    padding-bottom: 2px;
    position: relative;
}



/* 3depth */
#tab_menu > li > ul > li:hover > ul {opacity:1; visibility:visible;}
#tab_menu > li > ul > li > ul {left: 100%;top: 0;}
#tab_menu > li > ul > li > ul > li {background: #333;border-bottom: 1px solid #444;}
#tab_menu > li > ul > li > ul > li:last-child {border-bottom: none;}
#tab_menu > li > ul > li > ul > li > a {padding: 14px 19px;font-size: 13px;font-weight: 500;color: #ccc;}
#tab_menu > li > ul > li > ul > li:hover > a {color: #fff;}

#tab_menu > li > ul:after {
    content: '';
    display: block;
}

#tab_menu > li > ul > li > a > span:before {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background:#92613E;
    z-index: 2;
    -webkit-transition: width 400ms;
    transition: width 400ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
#tab_menu > li > ul > li:hover > a > span:before, #tab_menu > li > ul > li > a:hover > span:before, #tab_menu > li > ul > li.current-menu-item > a > span:before, #tab_menu > li > ul > li.current-page-ancestor > a > span:before {
    width: 100%;
}






.tab_menu_container.active .sub-menu{
    opacity: 0;
    visibility: hidden;
}






.large-screen-only, .nc_xl-only {
    display: none;
}






/* **************************************** *
 * VISUAL
 * **************************************** */
.main_visual {width: 100%; height: 32rem;}

.main_visual_slider_wrap .swiper_navigation {display: none;}
.main_visual_slider_wrap .swiper_control {position: absolute; top: 4.8rem; left: 1.5rem; bottom: auto; width: auto; text-align: left;}
.main_visual_slider_wrap .swiper_control .swiper-pagination {display: inline-block; vertical-align: middle;}
.main_visual_slider_wrap .swiper_control .swiper-pagination-bullet {border-color: #fff;margin: 0 0.5rem;}
.main_visual_slider_wrap .swiper_control .swiper-pagination-bullet-active {background-color: #fff; }

.main_visual_slider { height: 100%; position: relative; z-index: 1; background: #000; }
.main_visual_slider_wrap {height: 100%; position: relative;}
.main_visual_item { height: 100%; width: 100%; position: relative; overflow: hidden;}
.main_visual_item_bg { position: absolute; top: 0; bottom: 0; left: 0; right:  0; background: #ddd no-repeat center; background-size: cover; z-index:1;}
.main_visual_item_bg {background-image: url(../images/main/main-visual-01.jpg);}
.main_visual_item_bg:after {content: '';display: block;width: 100%;height: 100%;position: absolute;background: #000000;background: rgba(0, 0, 0, .35); background-position: 55% 50%;}
.main_visual_content { display: table; width: 100%; height: 100%; position: relative;    z-index: 2;}
.main_visual_content_inner {display: table-cell; vertical-align: top; padding-top:9.3rem;}
.main_visual_content_inner h2 {    font-size: 3.1rem;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.065em;
    color: #fff;
    /* word-break: break-word; */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 4.0em;   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;font-weight: 900;}
.main_visual_content_inner p { font-size: 1.5rem; font-weight: 400; line-height: 1.67; letter-spacing: -0.04em; color: #ddd; margin-top: 0.9rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 3.34em;}
.main_visual_content_inner p br {display: none;}

.man_visual_cat_group {display: block; font-size: 0; padding-top: 0.3rem; margin-bottom: 1.1rem;}
.man_visual_cat {display: inline-block; vertical-align: top; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.025em; color: #fff;}
.man_visual_subcat {display: inline-block; vertical-align: top; font-size: 1.2rem; font-weight: 400; letter-spacing: -0.025em; color: #ccc; padding-left: 1.3rem; position: relative;}
.man_visual_subcat:before {content: '';display: block;width: 0.1rem;height: 0.7rem;background: #ddd;position: absolute;top: 0.6rem;left: 0.7rem;}

.main_visual_btn {font-size: 0;display: block;margin-top: 4.1rem;}
.main_visual_btn span:after {content: '\e903';font-size: 1.4rem;font-family: 'nc-font';color: #fff;}

.main_visual_btn_play { position: absolute; bottom: 2rem; left: auto; left: 2rem; display: block; width: 4rem; height: 4rem; background: #fff; border-radius: 50%; }
.main_visual_btn_play:after { content: ''; border-top: 0.5rem solid transparent; border-left: 0.7rem solid #142143; border-bottom: 0.5rem solid transparent; position: absolute; top: 50%; left: 50%; width: auto; height: auto; margin-left: -0.2rem; margin-top: -0.5rem; z-index: 2;}

.main_visual_item--live .main_visual_content_inner p {color: #ccc;}

.main_visual_item--video .main_visual_content_inner h2 {-webkit-line-clamp: 3; max-height: 4.35em;}
/*
.main_visual_icon_live {width: 3.8rem; height: 1.9rem; background: url(../images/sub/component/icon-live.svg) no-repeat; background-size: 3.8rem; position: absolute; bottom: 2rem; right: 2rem;}
*/
.main_visual_icon_live { width: 5.8rem; height: 1.9rem; background: url(../images/sub/component/icon-live.svg) no-repeat 0.2rem center; background-color: #eb0808; background-size: 3.8rem; position: absolute; bottom: 2rem; right: 2rem;}
.main_visual_icon_live:after { content: ""; margin: 1rem; display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #ffffff; cursor: pointer; box-shadow: 0 0 0 rgba(255, 255, 255, 0.8); animation: pulse 1.2s infinite; position: absolute; top: -0.3rem; right: 0;}



/* **************************************** *
 * FOOTER
 * **************************************** */
#footer {position: relative; width: 100%; padding: 1.5rem 0 2.5rem; background:#05141F; box-shadow: 0 10rem 0 0 #05141F; /* fix iphone > 11 webview safe area bug */  /* overflow-x: hidden;*/}
.footer_inner {position: relative; max-width: inherit; margin: 0 2rem;}

/* TOP */
.footer_top {padding-bottom: 1.6rem;width:100%;overflow-x: hidden;}

/* MENU */
.footer_menu {font-size: 0; text-align: center;}
.footer_menu:after {content: ''; display: table; clear: both;}
.footer_menu > li {display: inline-block; float: none; width: 33.33%;}
.footer_menu > li:first-child > a {padding-left: 0;}
.footer_menu > li:last-child > a {padding-right: 0;}
.footer_menu > li:last-child > a:after {display: none;}
.footer_menu > li > a {display: block; position: relative; font-size: 1.2rem; font-weight: 400; letter-spacing: -0.025em; line-height: 1.35; color: #727a81; -webkit-transition: color 300ms; transition: color 300ms;}
.footer_menu > li > a:after {content: ''; display: block; width: 0.1rem; height: 1.1rem; position: absolute; right: -0.1rem; top: 50%; margin-top: -0.5rem; background: #fff; background: rgba(255, 255, 255, .10);}
.footer_menu > li > a:before { content: ''; display: block; width: 100%; height: 0.1rem; background: #727a81; position: absolute; left: 0; bottom: 0; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms;}
.footer_menu > li.privacy > a:before { background: #fff;}
html.desktop .footer_menu > li > a:hover:before {opacity: 1;}
.footer_menu > li.privacy > a {color: #fff;}

/* BOTTOM */
.footer_bottom {padding-top: 2.7rem; border-top: 0.1rem solid rgba(255, 255, 255, .1); text-align: left;}

/* FAMILY */
.family_select { display: block; font-size: 0; }
.family_select_overlay { display: none; }
.family_select_list_container {display: none; background: #05141F;position: absolute;bottom: 5rem;left: 0;width: 100%;padding: 1rem 0;z-index: 100;    border: 0.1rem solid rgba(255, 255, 255, .4);
    border-bottom: 0px;}
.open .family_select_list_container {display: none; background: #05141F;position: absolute;bottom: 51px;left: 0;width: 100%;padding: 1rem 0;z-index: 100;    border: 0.1rem solid rgba(255, 255, 255, .4);
    border-bottom: 0px;}

.family_select_list_container .nicescroll_area_footer { height: 120px; position: relative; overflow: auto;}
.family_select_list_container .nicescroll-rails { margin-left: -20px; bottom: 21px; overflow: hidden; border-radius: 5px; height: auto !important;}
.family_select_list_container ul li a { -webkit-transition: 0.3s; transition: 0.3s; padding: 1rem 2rem; display: block; color: #ffffff; color: rgba(255, 255, 255, .4); font-size: 14px;font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif; }
.family_select_list_container ul li a:after{

 content: '\E801'; font-family: 'nc-font'; font-size: 1.2rem; color: rgba(255, 255, 255, .4);  width: 1.2rem; height: 1.2rem; line-height: 1.2rem;margin-left:.6rem;

}


.family_select_list_container ul li a:hover:after{

 content: '\E801'; font-family: 'nc-font'; font-size: 1.2rem; color: rgba(255, 255, 255, 1);  width: 1.2rem; height: 1.2rem; line-height: 1.2rem;margin-left:.6rem;

}

.family_select_title {-webkit-transition: 0.3s;transition:0.3s; background: none; border: 0; padding: 0; margin: 0; color: #fff; font-size: 1.2rem; font-weight: 400; line-height: 1.3; vertical-align: top; display: inline-block; cursor: pointer; }
.family_select_title span { display: block; position: relative; padding-right: 2.3rem; }
.family_select_title span:after { -webkit-transition: 0.3s; transition: 0.3s; content: '\e940'; font-family: 'nc-font'; font-size: 1.6rem; color: #fff; position: absolute; top: 0; right: 0; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; }
.family_select_list_container .family_select_title,
.family_select_title:hover {color: #ffffff;color: rgba(255, 255, 255, 1); /* border-color: #ffffff;  border-color: rgba(255, 255, 255, 1);*/}
.family_select_list_container .family_select_title span:after,
.family_select_title:hover span:after{ opacity:1}
.family_select_list_container ul li a:hover{ color: #ffffff; color: rgba(255, 255, 255, 1);}
.family_select.open .family_select_title span:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.family_select.open .family_select_overlay { background: transparent; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: block;}
.family_select_mobile { position: absolute; top: -0.5rem;left: -0.2rem; opacity: 0; z-index:2; height: 3.4rem;}
html.ios .family_select_title span:after {top: 0.1rem;}

/* INFO */
.footer_info {margin-bottom: 1.5rem; margin-top: 1.8rem;}
.footer_info p {font-size: 0; line-height: 1;}
.footer_info p span {display: inline-block; padding-right: 1.3rem; position: relative; vertical-align: middle; letter-spacing: -0.025em;}
.footer_info p span:last-child {padding-right: 0;}
.footer_info p span:last-child {padding-right: 0;}
.footer_info p span a {-webkit-transition: color 300ms; transition: color 300ms;}
.footer_info p span, .footer_info p span a {font-size: 1.1rem; color: #727a81; line-height: 1.83;}

/* COPY */
.copyright {font-size: 1.2rem;font-weight: 400;letter-spacing: 0;line-height: 1.75;color: #727a81;}



/* **************************************** *
 * SCROLL TOP
 * **************************************** */
.go_top {display: none;}



/* **************************************** *
 * CONTAINER
 * **************************************** */
.home .main_container {padding-top: 5.5rem; padding-bottom: 5rem;}
html.android .main_container {padding-top: 11.0rem;}


/* **************************************** *
 * PAGE
 * **************************************** */
/* PAGE HEADER */
.article_header {padding: 3.4rem 0 1.5rem;}
/* .article_header_inner {padding-bottom: 12px; border-bottom: 2px solid var(--color-primary);}
.article_title {font-size: 29px; font-weight: 400; line-height: 1.25; letter-spacing: -0.025em; color: #222;} */

/* PAGE BODY */
.article_body {position: relative; min-height: 36rem;}
  


/* **************************************** *
 * SEARCH
 * **************************************** */
/* popup */
.search_open{overflow: hidden;}
.global_search_popup {display: none;width: 100%;position: fixed;top: 0;left: 0;right: 0;background: #fff;-webkit-box-shadow: 0.1rem 3rem rgba(0, 0, 0, .12);box-shadow: 0 0.1rem 3rem rgba(0, 0, 0, .12);z-index: 9999;}
.global_search_popup_inner {width: 100%;height: 100%;/* max-width: 1663px; */margin: 0 auto;padding: 0 2rem;position: relative;}

.global_search_form {width: 100%;height: 100%;max-width: inherit;margin: 0 auto;padding: 0;position: relative;-webkit-transition: padding 300ms;transition: padding 300ms;}
.global_search_form.focus .global_search_label {opacity: 0; visibility: hidden;}
.global_search_label {display: block;font-size: 1.5rem;font-weight: 400;line-height: 1;color: #bbb; letter-spacing: -0.025em; padding-left: 3rem; -webkit-transition: opacity 300ms;transition: opacity 300ms; position: absolute; top: 2.5rem; left: 0; opacity: 1; visibility: visible;}
.global_search_field_wrap {width: 100%;height: 6.5rem;position: relative;}
.global_search_field_wrap:after {content: '';display: block;width: -webkit-calc(100% + 4rem);width: calc(100% + 4rem);height: 0.1rem;margin-left: -2rem; margin-right: -2rem; position: absolute;bottom: 0;left: 0;background: #ddd;}
.global_search_field_wrap .nc_frm__clear-btn {top: 2rem;right: 3rem;}
.global_search_field_wrap .nc_frm__clear-btn:after { font-size: 1.6rem; }
.global_search_field {display: block;width: 100%;height: 100%;padding: 0 6rem 0 3rem;position: relative;font-size: 1.5rem;font-weight: 400;line-height: 1;color: #222;background: transparent;outline: none;border: none; border-radius: 0;}
.global_search_field::-ms-clear {display: none;width: 0;height: 0;}
#global_search_form_ajax_result {display: none;height:auto;  max-height: -webkit-calc(100vh - 6.5rem);  max-height: calc(100vh - 6.5rem);background: #fff;overflow: auto;}
#global_search_form_ajax_result .nc-search-form__wrap{ display:none}
#global_search_form_ajax_result .wrap { margin: 0;}
#global_search_form_ajax_result .nc-search-result {height: -webkit-calc(100vh - 18.5rem);height: calc(100vh - 18.5rem);overflow: auto;}
#global_search_form_ajax_result .nc-pagination {margin-top: 1.5rem;}
#global_search_form_ajax_result .nc-search-result__util{ right: 0;}
.android #global_search_form_ajax_result .nc-search-result {height: -webkit-calc(100vh - 24rem);height: calc(100vh - 24rem);}
html.ios .global_search_field_wrap .nc_frm__clear-btn {top: 2rem;}

.search_suggestion_list { padding: 1.2rem 0;}
.search_suggestion_list_item { display: block; padding: 0.9rem 0; font-size: 1.4rem; color: #666;}
.search_suggestion_list_highlight{color: #142143; font-weight:500}

.global_search_submit {height: 100%;width: 1.6rem;padding: 0;position: absolute;left: 0;top: 0;background: none;border: none;outline: none;cursor: pointer;}
.global_search_submit:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'nc-font';content: '\e932';font-size: 1.8rem;line-height: 6.6rem;font-weight: normal;text-align: center;color: #222;-webkit-transition: color 300ms;transition: color 300ms;-webkit-transition-delay: 0ms;transition-delay: 0ms;}

.global_search_form.active .global_search_label {opacity: 0;}
.global_search_form.active .global_search_submit:after {color: #222;-webkit-transition-delay: 200ms;transition-delay: 200ms;}

.global_search_popup_close {display: none;width: 4rem;height: 4rem;margin: 0;padding: 0;position: absolute;top: 1.3rem;right: 0.7rem;background: none;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: top 300ms;transition: top 300ms;cursor: pointer; z-index: 2;}
.global_search_popup_close:after {display: block;width: 100%;height: 100%;font-family: 'nc-font';content: '\e92e';font-size: 1.6rem;font-weight: normal;text-align: center;line-height: 4rem;color: #222;-webkit-transition: 300ms;transition: 300ms;}
/* html.desktop .global_search_popup_close:hover:after {-webkit-transform: scale(0.9) rotate(0.05deg);-ms-transform: scale(0.9) rotate(0.05deg);transform: scale(0.9) rotate(0.05deg);} */
#search_overlay {display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; background: rgba(0, 0, 0, .8); z-index: 600;}

.search_keyword {padding: 2.4rem 0 2.6rem;}
.search_keyword b { font-size: 1.4rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1; color: #222; display: block; margin-bottom: 1.5rem; }
.search_keyword ul { font-size: 0; margin: -0.3rem; }
.search_keyword ul li { display: inline-block; vertical-align: top; margin: 0.3rem; background: #f2f2f2; border-radius: 5rem;}
.search_keyword ul li a {display: inline-block; vertical-align: top; font-size: 1.2rem; font-weight: 400; color: #666; padding: 0.8rem 1.1rem 0.9rem; line-height: 1;}

/* result page */
.search_result_info {padding-bottom: 16px;}
.search_result_info p {font-size: 14px;color: #222;}
.search_result_info p span {color: #142143;}

.search_result_list {margin-bottom: -2%;}
.search_result_list:after {content: '';display: table;clear: both;}
.search_result_list > li {float: left;width: 49%;height: 210px;margin-right: 2%;margin-bottom: 2%;background: #fff;border: 1px solid #ddd;}
.search_result_list > li:nth-child(odd) {margin-right: 2%; clear: both;}
.search_result_list > li:nth-child(even) {margin-right: 0; clear: none;}
.search_result_list > li > a {display: block;width: 100%;height: 100%;padding: 34px 29px;position: relative;}
.search_result_list > li > a:after {content: '';display: block;position: absolute;top: -1px;bottom: -1px;left: -1px;right: -1px;border: 1px solid #222;opacity: 0;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
/* html.desktop .search_result_list > li > a:hover:after {opacity: 1;} */
.search_result_data {width: 100%;height: 100%;position: relative;}
.search_result_data .search_tax {display: block;margin-bottom: 11px;font-size: 16px;line-height: 1.2;font-weight: 400;color: #888;}
.search_result_data .search_title {font-size: 21px;line-height: 1.42;color: #222;max-height: 2.84em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.search_result_data .search_desc {margin-top: 9px;font-size: 16px;line-height: 1.75;color: #666;max-height: 3.50em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.search_result_data .search_date {display: block;position: absolute;left: 0;bottom: 0;font-size: 16px;line-height: 1.2;font-weight: 400;color: #666;}

.search_nodata {padding: 6.3rem 0 1.6rem;text-align: center;}
.search_nodata b { font-size: 1.8rem; font-weight: 600; color: #222; letter-spacing: -0.025em; }
.search_nodata p { font-size: 1.4rem; font-weight: 400;color: #666; letter-spacing: -0.025em; padding-top: 1rem; line-height: 1.55;}
.search_nodata p span {color: #142143;}




/* **************************************** *
 * PRIVACY
 * **************************************** */
.privacy_box {margin-bottom: 30px;}
.privacy_box:last-child {margin-bottom: 0;}
.privacy_box p {margin-bottom: 12px; font-size: 14px; line-height: 1.6; color: #666;}
.privacy_box > *:last-child {margin-bottom: 0;}
.privacy_box > ul > li {position: relative; font-size: 14px; line-height: 1.6; margin-bottom: 2px; padding-left: 9px; color: #222;}
.privacy_box > ul > li:before {content: ''; display: block; position: absolute; width: 3px; height: 3px; top: 8px; left: 0; background: #142143; border-radius: 50%;}

.privacy_intro {margin-bottom: 50px;padding: 32px 38px;background: #fff;border: 1px solid #ddd;}

/**/
.nc-privacy { /* padding-right: 2.1rem; */ padding-top: 1rem; }
.nc-privacy-box + .nc-privacy-box {margin-top: 3rem;}
.nc-privacy-box__title {display: block;font-size: 1.4rem;font-weight: 600;line-height: 1.5;letter-spacing: -0.025em;color: #222;}
.nc-privacy-box__desc {font-size: 1.3rem;font-weight: 400;letter-spacing: -0.04em;line-height: 1.7;color: #666;position: relative;margin-top: 1.1rem;}
.nc-privacy-box__list { margin-top: 1.1rem; }
.nc-privacy-box__list:last-child {margin-bottom: -0.7rem;}
.nc-privacy-box__list-item {font-size: 1.3rem;font-weight: 400;letter-spacing: -0.04em;line-height: 1.7;color: #666;position: relative;margin-bottom: 0.7rem;}
.nc-privacy-box__list-title {color: #142143; font-weight: 400; display: block;}

.nc-privacy-box__list--bullet .nc-privacy-box__list-item {padding-left: 1.2rem;}
.nc-privacy-box__list--bullet .nc-privacy-box__list-item:before {content: '';display: block;width: 0.4rem;height: 0.4rem;position: absolute;top: 0.9rem;left: 0;background: #142143;border-radius: 50%;}

.nc-privacy--count {counter-reset: item;}
.nc-privacy--count .nc-privacy-box__title:before { counter-increment: item; content: counter(item)'. '; display: none;}

.nc-privacy-box__info {background: #f8f8f8;padding: 1.5rem 1.5rem 1.1rem;margin-top: 0.9rem;}
.nc-privacy-box__info-item {display: block;font-size: 1.2rem;font-weight: 400;line-height: 1.67;letter-spacing: -0.04em;color: #999;position: relative;margin-bottom: 0.4rem; padding-left: 0.7rem}
.nc-privacy-box__info-item:before {content:'- '; position: absolute; top: 0; left: 0;}
.nc-privacy-box__info--count {counter-reset: item;}
.nc-privacy-box__info--count .nc-privacy-box__info-item {padding-left: 1.1rem;}
.nc-privacy-box__info--count .nc-privacy-box__info-item:before { counter-increment: item; content: counter(item)'. '; position: absolute; top: 0; left: 0; }
html.safari .nc-privacy-box__info-item:before {top: -0.1rem;}

.nc-privacy-box__list--count {counter-reset: item;}
.nc-privacy-box__list--count .nc-privacy-box__list-item {padding-left: 1.2rem;}
.nc-privacy-box__list--count .nc-privacy-box__list-item:before { counter-increment: item; content: counter(item)'. '; position: absolute; top: 0; left: 0;}

.nc-privacy-box__list-item:not(:last-child) .nc-privacy-box__info {margin-bottom: 1.6rem;}
.nc-privacy-box__list--count .nc-privacy-box__info {margin-left: -1.2rem;}

.modal_page .nc-privacy {padding-top: 2.5rem;}


.email_denial_content {padding: 5.5rem 0 5.5rem;text-align:center;}
.email_denial_content h1 {margin-bottom: 2.1rem;padding-bottom: 2rem;padding-top: 5.5rem;background: url(../images/layout/email-denial.svg) no-repeat center top;font-size:2rem;letter-spacing:-0.05em;font-weight: 400;position:relative;color: #222;background-size: 6rem auto;}
.email_denial_content h1:after { width:30px; height:2px; background:#ddd; content:''; display:block; position:absolute; left:50%; bottom:0; margin-left:-15px;}
.email_denial_content h1 b { font-weight:600;}
.email_denial_content p {font-size:1.4rem;letter-spacing:-0.025em;line-height: 1.75; color: #666;}
.email_denial_content span {font-size:1.2rem;font-weight:500;letter-spacing:-0.025em;color: #142143;margin-top: 16px;display: block;}



/* **************************************** *
 * 404
 * **************************************** */
.error404 .main_container {padding-bottom: 0;}
.error404 .go_top {display: none;}

.error_404 {padding: 16rem 0 16.7rem; position: relative;}
.error_404_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/layout/error-404-bg.jpg) no-repeat; background-size: cover; background-position: center center;}
.error_404_container {position: relative;text-align: center;}
.error_404_container h1 {font-size: 2.2rem;font-weight: 600;line-height: 1.4;color: #fff; letter-spacing: -0.025em;}
.error_404_container p {padding: 1.4rem 0 3.4rem;font-size: 1.5rem;font-weight: 400;line-height: 1.67;color: #fff; letter-spacing: -0.025em;}
.error_404_button_wrap {font-size: 0;}
.error_404_button_wrap .nc-btn__basic {min-width: 16rem;}


/* Login */
.nc_webview.parent-pageid-320 #header,
.nc_webview.parent-pageid-320 #footer,
.nc_webview.parent-pageid-326 #header,
.nc_webview.parent-pageid-326 #footer,
.nc_webview.parent-pageid-320 .mobile_nav_bar,
.nc_webview.parent-pageid-326 .mobile_nav_bar{ display: none;}
.nc_webview.parent-pageid-320 .main_container,
.nc_webview.parent-pageid-326 .main_container { padding-top: 0;}
.nc_webview .sub-member-login .nc_frm-header{ display: none;}
.webview_login_logo { text-align: center; padding: 6rem 0 3rem;}
.webview_login_logo img { width: 172px; height: 47px; position: relative; left: -1.2rem;}

.home.nc_webview .main_container .nc-notification-wrap { margin-bottom: 3rem;}
.ios .nc_home_my_subscribe.nc_webview .main_container .nc-notification-wrap {min-height: 57vh;}



.modal_page_open{ overflow:hidden}
.modal_page {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;background:#fff;-webkit-transform: translateX(101%);-ms-transform: translateX(101%);transform: translateX(101%);}

.modal_page_header{position: absolute;top: 0;width:100%;height: 5.4rem;background: #fff;border-bottom: 1px solid #ddd;z-index: 99;}
.nc-bottom-popup-start-show .modal_page_header{ z-index: -1}
.modal_page_close {position: fixed; top: 0.2rem;  -webkit-transition: 300ms;  transition:300ms;margin: 0.7rem 2rem; height: 3.5rem;background: transparent;border: none;color: #222;padding: 0px 3rem 0 2rem;font-size: 1.4rem;right: auto;left:0; font-weight: 500;}
.modal_page_close:before {height: 1.4rem;display: inline-block;-webkit-transition: -webkit-transform 800ms  cubic-bezier(.075,.82,.165,1);transition: -webkit-transform 800ms  cubic-bezier(.075,.82,.165,1);transition: transform 800ms  cubic-bezier(.075,.82,.165,1);transition:transform 800ms  cubic-bezier(.075,.82,.165,1), -webkit-transform 800ms  cubic-bezier(.075,.82,.165,1);width: 1.4rem;margin-right: 1rem;content: "<";content: '\e934';font-family: 'nc-font';font-size: 1.4rem;line-height: 1.4rem; position: absolute;top: 1.2rem;left: 0;color: #222;}
html.ios  .modal_page_close:before {top: 1.1rem;}

.modal_page_content_container {background: #fff;}
.modal_page_content_container {overflow: auto;-webkit-overflow-scrolling: touch;height: 100%;background: none;padding-top: 5.4rem;}
.modal_page_content { margin: 0px auto;min-height: -webkit-calc(100vh - 10rem);min-height: calc(100vh - 10rem);position: relative;}
.modal_page_content img { max-width: 100%; height:auto; }

.open_in_modal_page{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.modal_page_loading {    position: absolute;
    top: 50%;
    left: 50%;
    margin: -44px 0 0 -44px;
    width: 88px;
    height: 88px;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
/*.modal_page_loading:after {content: " ";display: block;width: 2.4rem;height: 2.4rem;margin: 0.8rem;border-radius: 50%;border: 0.2rem solid #ddd;border-color: #ddd transparent #ddd transparent;-webkit-animation: modal-page-loading 1.2s linear infinite;animation: modal-page-loading 1.2s linear infinite;}*/


.modal_page_loading .loading-content .round{
    width: 88px;
    height: 88px;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.modal_page_loading .loading-content  .spinner {
    position: relative;
    z-index: 1;
}
.modal_page_loading .loading-content  .spinner{  width: 100px;
    text-align: center;  margin: 35px auto 0;
    margin-left: -6px;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);}
.modal_page_loading .loading-content  .spinner>div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay-data-v-202205 1.4s ease-in-out infinite both;animation:sk-bouncedelay-data-v-202205 1.4s ease-in-out infinite both}
.modal_page_loading .loading-content  .spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s;background-color:#5c2483}
.modal_page_loading  .loading-content  .spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s;background-color:#4b4d9c}
.modal_page_loading  .loading-content  .spinner .bounce3{-webkit-animation-delay:-.08s;animation-delay:-.08s;background-color:#5c2483}
.modal_page_loading  .loading-content  .spinner .bounce4{-webkit-animation-delay:-.04s;animation-delay:-.04s;background-color:#4b4d9c}
@-webkit-keyframes sk-bouncedelay-data-v-202205{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(.8)}}
@keyframes sk-bouncedelay-data-v-202205{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(.8);transform:scale(.8)}}



.large-screen-only, .nc-xl-only {
    display: none;
}

@-webkit-keyframes modal-page-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes modal-page-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes load {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

/* **************************************** *
 * 팝업
 * **************************************** */
.nc-popup {/* display: none; */ z-index: 601;}
.nc-popup__wrap {position: relative;}
.nc-popup__inner {position: relative;}
.nc-popup__item-wrap {width: 100%;}
.nc-popup__item {background-size: cover; background-repeat: repeat; background-position: center center;}
.nc-popup__item-link {display: table-row;}
.nc-popup__notice { display: inline-block; vertical-align: top; font-size:  1.2rem; font-weight: 600; color: #142143; border: 0.1rem solid #142143; border-radius: 1.3rem; line-height:  1; letter-spacing: -0.025em; padding: 0.3rem 0.7rem;  margin-right:  0.8rem; position: absolute; top: 0; left: 0;}
.nc-popup__title { display: inline-block; vertical-align: top; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.025em; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.nc-popup__desc { display: inline-block; vertical-align: top; font-size: 1.2rem; font-weight: 400; letter-spacing: -0.025em; color: #a9bed2; }
.nc-popup__link {display: none;}
.nc-popup__img {width: 7rem; padding-top: 7rem; display: table-cell; vertical-align: top;}
.nc-popup__close {z-index: 1;  width: 2rem; height: 2rem; color: #fff; display: inline-block; vertical-align: middle; position: absolute; top: 0.1rem; right: -0.7rem; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); text-decoration: none; cursor: pointer;}
.nc-popup__close:after { content: '\e940'; font-family: 'nc-font'; font-size: 2.1rem; width: 100%; height: 100%; line-height: 2rem; display:inline-block;-webkit-transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);}
html.desktop .nc-popup__close:hover:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.nc-popup__control { display: none;position: absolute; top: 50%; left: 0; margin-top: -0.7rem; z-index: 10;}
.nc-popup__control .swiper-pagination {position: relative;display: inline-block;vertical-align: middle;padding-bottom: 0.1rem;}
.nc-popup__control .swiper-pagination-bullet { width: 0.7rem; height: 0.7rem; background: #fff; border: 0.1rem solid #999; margin: 0 0.5rem; opacity: 1; }
.nc-popup__control .swiper-pagination-bullet-active { background: #999;}

.nc-popup__arrow { width: 1.4rem; height: 1.4rem; line-height: 1.4rem; text-align: center; position: relative; margin: 0 0.3rem; display: inline-block; vertical-align: middle;}
.nc-popup__arrow:after {font-family: 'nc-font';font-size: 1rem;}
.nc-popup__arrow--left:after {content: '\e912';}
.nc-popup__arrow--right:after {content: '\e913';}

.nc-popup__item .nc-lazyload img.nc-lazyload--loaded { height: 100%; -o-object-fit: cover; object-fit: cover; }

.nc-popup__item--notice .nc-popup__title {padding-left: 4.6rem;}

.nc-popup--strap {/* background-color: #0e2544; *//* padding: 1.4rem 0; */font-size: 0;background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 1;width: 100%;/* height: 4.8rem; */}
.nc-popup--strap .nc-popup__notice { color: #6c9bc5; border-color: #6c9bc5; top: 1.4rem;}
.nc-popup--strap .nc-popup__title { color: #fff; line-height: 1.5;}
.nc-popup--strap .nc-popup__desc {display: none;}
.nc-popup--strap .nc-popup__control {display: block;width: auto;height: 1.4rem;left: auto; right: 4rem;}
.nc-popup--strap .nc-popup__arrow {color: #ffffff;opacity:0.5}
.nc-popup--strap .nc-popup__arrow{ z-index:2}
.nc-popup--strap .nc-popup__count {display: none;}
.nc-popup--strap .nc-popup__close {right: -0.2rem;color: #ffffff; z-index: 2; opacity: 0.5; top: 1.5rem; }
.nc-popup--strap .nc-popup__control-bg { background: #0e2544; content:""; position: absolute; top: 50%; bottom: 0; width: 8rem; height: 5rem; margin-top: -2.5rem; z-index: 0;}
.nc-popup--strap .nc-popup__control .swiper-pagination {display: none;}
.nc-popup--strap .nc-popup__control .swiper_play_state {display: none;}
.nc-popup--strap .nc-popup__item { padding: 1.4rem 0; padding-right: 2.5rem;}

body.use_mouse  .nc-popup--strap .swiper-pagination-bullet:focus { outline: none;}
html.ios .nc-popup--strap .nc-popup__title {padding-bottom: 0.2rem;}

/* .nc-popup--strap.nc-popup--slideshow .nc-popup__item-wrap {width: 90%;} */
.nc-popup--strap.nc-popup--slideshow .nc-popup__inner {margin: 0;width: 100%;}
.nc-popup--strap.nc-popup--slideshow .nc-popup__item-inner { position: relative; margin: 0 8rem 0 2rem; display: block;}
.nc-popup--strap.nc-popup--slideshow .nc-popup__item {padding: 1.4rem 0;}
.nc-popup--strap.nc-popup--slideshow .nc-popup__close {right: 1.4rem;top: 1.5rem; z-index: 11;} 
.nc-popup--strap.nc-popup--slideshow .nc-popup__notice {top: 0;}

.nc-popup--floating { position: fixed; bottom: 0; left: 0; z-index: 540; width: 100%; font-size: 0; -webkit-transition: bottom 300ms; transition: bottom 300ms; background: #fff; opacity: 1;}
.nc-popup__floating-bar { padding: 1.4rem 0; background: inherit; position: absolute; bottom: 0; z-index: 2; -webkit-transition: bottom 500ms; transition: bottom 500ms; cursor: pointer; width: 100%; /* -webkit-box-shadow: 0.5rem 0 2rem 0 rgba(0, 0, 0, .1); */ /* box-shadow: 0.5rem 0 2rem 0 rgba(0, 0, 0, .1); */ border-top: 0.1rem solid #ddd;}
.nc-popup__floating-bar .nc-popup__wrap:after { content:'\e910'; font-family: 'nc-font'; font-size: 1rem; color: #aaa; position: absolute; top: 0.6rem; right: 0;}
.nc-popup__floating-bar .nc-popup__title { color: #222; /* height: 2.2rem;  */ line-height: 1.5;}
.nc-popup__floating-bar .nc-popup__desc {display: none;}
.nc-popup__floating-bar .nc-popup__link {display: none;}
.nc-popup__floating-bar .nc-popup__close {display: none;}
html.ios .nc-popup__floating-bar .nc-popup__title {padding-bottom: 0.1rem;}
html.ios .nc-popup--floating {bottom: calc( 0 - 4rem);}

.nc-popup__floating-list {background: inherit; position: absolute; top: 0; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: opacity 500ms, visibility 500ms, top 500ms; transition: opacity 500ms, visibility 500ms, top 500ms; width: 100%; border-top: 0.1rem solid #ddd; /* -webkit-box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, .1); */ /* box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, .1); */ }
.nc-popup__floating-list .nc-popup__inner {margin: 0 auto;}
.nc-popup__floating-list .nc-popup__item {padding: 2.3rem 2rem 4.8rem; display: table; table-layout: fixed;}
.nc-popup__floating-list .nc-popup__content {display: table-cell;vertical-align: top; width: 100%; padding-left: 1.5rem;}
.nc-popup__floating-list .nc-popup__notice { position: relative; top: auto; left: auto; margin-bottom: 1rem; }
.nc-popup__floating-list .nc-popup__title {display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #222; font-weight: 600; }
.nc-popup__floating-list .nc-popup__desc {display: block;/* white-space: nowrap; */text-overflow: ellipsis;overflow: hidden;margin-top: 0.3rem; color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; line-height: 1.58; max-height: 3.16em; word-break: break-word;}
.nc-popup__floating-list .nc-popup__link {margin-top: 0.9rem; color: #aaa; border-color: #aaa;}
.nc-popup__floating-list .nc-popup__desc br {display: none;}
.nc-popup__floating-list .nc-popup__close {top: 1rem; right: 1.4rem;color:#aaa;}
/*.nc-popup__floating-list .nc-popup__close:after { color: #aaa;} */
.nc-popup__floating-list .nc-popup__control {display: block;height: 1.4rem; width: 100%; top: auto; margin-top: 0; bottom: 1.4rem; right: auto; left: 0; text-align: center;}
.nc-popup__floating-list .nc-popup__arrow:after {color: #aaa;}

.nc-popup--floating.active .nc-popup__floating-list {opacity: 1; visibility: visible;}

.nc-popup--floating .nc-popup__floating-bar .nc-popup__inner { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
.nc-popup--floating { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}

.nc-popup__floating-list .nc-popup__item {/* padding-bottom: 2.3rem; */} /* 슬라이드 아닐때 pagination 영역만큼 여백 낮추기 (class 필요..) */
.nc-popup__floating-list .nc-popup__item--notice .nc-popup__title {padding-left: 0;}
.nc-popup__floating-list .nc-popup__item--notice .nc-popup__desc {white-space: nowrap; display: block; -webkit-line-clamp: unset; -webkit-box-orient: unset; }

body.show_nav .nc-popup--strap-bottom {bottom: 5.8rem;}
body.show_nav .nc-popup--floating {bottom: 5.8rem;}
body.show_popup .main_container {padding-top: 16rem;}
html.ios body.show_popup .main_container {padding-top: 16.3rem;}
html.android body.show_popup .main_container {padding-top: 15.9rem;}

.nc-popup__floating-list.nc-popup__inner--count-less-2 .nc-popup__item {padding-bottom: 2.3rem;}
.nc-popup__floating-list.nc-popup__inner--count-less-2 .nc-popup__control {display: none;}

.nc-popup--floating.fixBottom {opacity: 0 !important;}

.sub_top_visual_bg {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/images/bg_dot.png);
    z-index: 2;
    bottom: 0px;
    top: 0px;
    opacity: 0.8;
}
@media (min-width: 1024px){



	.nc-popup__notice { font-size: 1.4rem; font-weight: 500; padding: 0.5rem 1.3rem; margin-right: 1.5rem;}
	.nc-popup__title { font-size: 1.5rem; font-weight: 500; }
	.nc-popup__desc {font-size: 1.4rem; margin-left: 1.3rem; padding-top: 0.4rem;color: #6e8098;}
	.nc-popup__link {line-height: 1.2; letter-spacing: -0.025em; color: #a9bed2; border-bottom: 0.1rem solid #a9bed2; display: inline-block; vertical-align: top; font-size: 1.4rem; font-weight: 500; color: #fff; border-color: #fff;}
	.nc-popup__img {width: 14rem; padding-top: 14rem;}
	.nc-popup__arrow:after { font-size: 1.1rem; }
	.nc-popup__arrow--left { left: -0.3rem; }
	.nc-popup__arrow--right { right: -0.3rem; }
	.nc-popup__close {-webkit-transform: none;-ms-transform: none;transform: none; text-align: center; top: 0.4rem;}
	.nc-popup__close:after {content: '\e92e';font-size: 1.4rem; transform-origin: center 0.9rem;}
	.nc-popup__close:before { top: 0.4rem;}
	.nc-popup__control .swiper-pagination-bullet {margin: 0 1.1rem;}

	.nc-popup__item--notice .nc-popup__title {padding-left: 6.6rem;}

	.nc-popup--strap { height: 5.3rem; padding: 0;}
	.nc-popup--strap .nc-popup__notice {/* top: 0; */}
	.nc-popup--strap .nc-popup__item {position: relative; padding: 1.4rem 0; padding-right: 2.5rem;}
	.nc-popup--strap .nc-popup__title { vertical-align: top;color: #fff; padding-top: 0.1rem; height: 2.6rem;}
	.nc-popup--strap .nc-popup__desc {display: inline-block; display: none;}
	.nc-popup--strap .nc-popup__link {display: block; padding: 0; margin: 0; position: absolute; top: 0.3rem; right: 5.5rem;}
	.nc-popup--strap .nc-popup__link { position: relative; top: auto; right: auto; display: inline-block; vertical-align: top; padding-top: 0.2rem; margin-left: 1.2rem; }
	.nc-popup--strap .nc-popup__wrap {height: 100%;}
	.nc-popup--strap .nc-popup__inner {height: 100%;}
	.nc-popup--strap .nc-popup__item-wrap {height: 100%;}
	.nc-popup--strap .nc-popup__close {top: 1.8rem;color: #fff;opacity:1;}

	.nc-popup--strap .nc-popup__control {right: 50%;left: auto;margin-right: -53.7rem;}
	.nc-popup--strap .nc-popup__control .swiper-pagination-bullet { border-color: #fff; background: transparent; }
	.nc-popup--strap .nc-popup__control .swiper-pagination-bullet-active { background: #fff; }
	.nc-popup--strap .nc-popup__control .swiper-pagination {display: inline-block;}
	.nc-popup--strap .nc-popup__control .swiper_play_state {display: inline-block;}
	.nc-popup--strap .swiper_play_state {margin-left: 0.8rem;}
	.nc-popup--strap .nc-popup__arrow {display: none;}
	.nc-popup--strap .nc-popup__count {display: block;font-family: 'Maven Pro', 'Montserrat', sans-serif;font-size: 1.2rem;font-weight: 600;color: #fff;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);line-height: 1;}
	.nc-popup--strap .nc-popup__count > * { display: inline-block; vertical-align: top; }
	.nc-popup--strap .nc-popup__close-separator { content: ''; display: block; width: 0.1rem; height: 1.4rem; background: #fff; position: absolute; left: -2.4rem; top: 0.2rem; opacity: 0.2; }

	.nc-popup--strap.nc-popup--slideshow .nc-popup__item-inner { max-width: 120rem;  margin: auto; position: relative;padding-right: 17rem;}
	.nc-popup--strap.nc-popup--slideshow .nc-popup__inner {width: 100%;}
	.nc-popup--strap.nc-popup--slideshow .nc-popup__item {padding: 0; padding: 1.4rem 0;}
	.nc-popup--strap.nc-popup--slideshow .nc-popup__close {top:1.8rem; left: 50%;right: auto;margin-left: 58.2rem;}

	.nc-popup__floating-bar { padding: 1.4rem 0; }
	.nc-popup__floating-bar .nc-popup__wrap:after {font-size: 1.2rem; top: 0.8rem;}
	.nc-popup__floating-bar .nc-popup__title {padding-top: 0.1rem; font-size: 1.6rem; height: 2.6rem;}
	.nc-popup__floating-bar .nc-popup__desc { display: inline-block; display: none; }
	
	.nc-popup__floating-list .nc-popup__item {padding: 3rem 0rem 6rem;}
	.nc-popup__floating-list .nc-popup__content {padding-left: 3rem; padding-right: 3rem;}
	.nc-popup__floating-list .nc-popup__title {font-size: 1.8rem;}
	.nc-popup__floating-list .nc-popup__desc { margin-left: 0; margin-top: 0.8rem; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; white-space: normal; line-height: 1.65; max-height: 3.3em; font-size: 1.5rem;}
	.nc-popup__floating-list .nc-popup__desc br {display: block;}
	.nc-popup__floating-list .nc-popup__link { margin-top: 2.4rem; transition: color 0.3s, border 0.3s;}
	html.desktop .nc-popup__floating-list .nc-popup__link:hover {border-color: #666; color: #666;}
	.nc-popup__floating-list .nc-popup__close {right: -0.2rem; top: 2.1rem;}
	.nc-popup__floating-list .nc-popup__inner {max-width: 120rem;}
	.nc-popup__floating-list .nc-popup__control  {bottom: 2rem;}

	.nc-popup__floating-list.nc-popup__inner--count-less-2 .nc-popup__item {padding-bottom: 3rem;  width: 50%;}

	body.show_nav .nc-popup--strap-bottom {bottom:0;}
	body.show_nav .nc-popup--floating {bottom:0;}



#gmenu > li > a {
    font-size: 1.8rem;
    font-weight: 500;
    color: #222;
    padding: 2.2rem 2.7rem 2.3rem;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}
.header-wrap {
    height: 9rem;
    border-bottom: 0;
}
#gmenu > li.blank > a:after {
    content: '\E801';
    font-family: 'nc-font';
    font-size: 1.4rem;
    color: #a0a0a0;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;    font-weight: 500;
}

#gmenu{
opacity: 1;
visibility: visible;  
  transition: opacity 500ms ease, visibility 500ms ease;
-webkit-transition: top 300ms, width 300ms, height 300ms;
    transition: top 300ms, width 300ms, height 300ms;

}
#sub_menu > li > a {
   padding-left: 2rem;
line-height: 27px;    font-weight: 500;

}
	#sub_menu > li.menu_item_list > a{
    font-size: 1.4rem;
    letter-spacing: -0.025em;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    position: relative;padding: 0.1rem 1.6rem 0.1rem 1.7rem;
}

	#sub_menu > li.menu_item_list > a span{
 margin-left: 16px;
}

.gmenu_container{
    -webkit-transition: top 400ms;
    transition: top 400ms;
}
#sub_menu > li.menu_item_list > a:before {
    content: '\E952';
    top:10px;
    font-family: 'nc-font';
    font-size: 1.3rem;
    line-height: 1.3rem;
}
#sub_menu > li.menu_item_account > a:before {
    content: "\E923";
    /* left: 2px; */
    /* top: 0; */
    font-size: 1.3rem;
    line-height: 1.3rem;top: 10px;    left: -2px;
}

#sub_menu > li.menu_item_account > a.logout:before {
    content: "\E923";
    /* left: 2px; */
    /* top: 0; */
    font-size: 1.3rem;
    line-height: 1.3rem;top: 10px;    left: -2px;
}

#sub_menu > li.menu_item_account > a {
    padding-left: 2rem;
    padding-top: 0.1rem;
    display: block;
    float: left;
    font-size: 1.4rem;
    letter-spacing: -0.025em;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}

.sub_menu_container {
    right: 1rem;
    top: 2.8rem;
    margin-right: 18px;
}

#header-menu-btn-wrap {
    right: 0;
    top: 2.8rem;
}
.header-menu-btn {
    display: block;
    width: 30px;
    height: 29px;
    position: relative;
}
.header_wrap {
    height: 9rem;
    border-bottom: 0;
    max-width: 120rem;
}
.open_menu .header-menu-btn-line-01 {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: translateY(1rem) rotate(-45deg);}
.open_menu .header-menu-btn-line-02 {-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);}
.open_menu .header-menu-btn-line-03 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: translateY(-1rem) rotate(45deg);}

.header-menu-btn {

}





/* 1depth */
#tab_menu > li {float: left;}
#tab_menu > li > a { padding: 11px 20px;
    font-size: 20px;
    letter-spacing: 0.01em;
    color: #222;
    font-family: 'Pretendard', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;
    letter-spacing: -0.64px;
    font-weight: normal;
    display: block;
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: -0.025em;
    color: #666;
    text-align: center;
    padding: 1.5rem 0 1.6rem;
    font-weight: 500;}

#tab_menu ul.sub-menu {
    opacity: 0;
    visibility: hidden;
    width: 198px;
    position: absolute;
    margin-left: -55px;
}


#tab_menu > li:hover > a, #tab_menu > li.current_page_ancestor > a, #tab_menu > li.current_page_item > a {}

/* 2depth */
#tab_menu > li:hover > ul {opacity:1; visibility:visible;}
#tab_menu > li > ul {top: 90%;left: 50%;margin-left: -88.5px;    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 8%);opacity:0; visibility:hidden;}
#tab_menu > li > ul > li {float: left;width: 100%;background: #fff;border-bottom: 0px solid #eee;}
#tab_menu > li > ul > li:first-child a{border-bottom: none;    padding: 14px 26px;padding-top: 22px;
    font-size: 13px;    font-size: 1.65rem;}
#tab_menu > li > ul > li:last-child {border-bottom: none;}
#tab_menu > li > ul > li > a {padding: 14px 26px;font-size: 13px;color: #444; font-family: 'Pretendard', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;  letter-spacing: 0px; 
    font-size: 14px;
    font-size: 13px;
    font-weight: 500;text-align: left;    font-size:1.65rem;}
#tab_menu > li > ul > li:last-child > a {
    padding-bottom: 22px;
}
#tab_menu > li > ul > li.menu-item-has-children > a {padding-right: 48px;}
#tab_menu > li > ul > li.menu-item-has-children:before {margin-top: -5px;position: absolute;top: 50%;right: 8%;font-family: 'nc-font';content: '\e913';font-size: 10px;color: #888;-webkit-transition: color 300ms;transition: color 300ms;}
#tab_menu > li > ul > li.menu-item-has-children:hover:before,
#tab_menu > li > ul > li.menu-item-has-children.current-menu-item:before {color: #4478FF}
#tab_menu > li > ul > li.current-menu-item {}
#tab_menu > li > ul > li:hover > a, #tab_menu > li > ul > li.current-menu-item > a {
    background: #fff;}
#tab_menu > li > ul > li > a span {
    display: inline-block;
    padding-bottom: 2px;
    position: relative; letter-spacing: -0.025em;
}

#tab_menu > li.blank > a:after {
    content: '\E801';
    font-family: 'nc-font';
    font-size: 1.4rem;
    color: #a0a0a0;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;
    font-weight: 500;
}


/* 3depth */
#tab_menu > li > ul > li:hover > ul {opacity:1; visibility:visible;}
#tab_menu > li > ul > li > ul {left: 100%;top: 0;}
#tab_menu > li > ul > li > ul > li {background: #333;border-bottom: 1px solid #444;}
#tab_menu > li > ul > li > ul > li:last-child {border-bottom: none;}
#tab_menu > li > ul > li > ul > li > a {padding: 14px 19px;font-size: 13px;font-weight: 500;color: #ccc;}
#tab_menu > li > ul > li > ul > li:hover > a {color: #fff;}

#tab_menu > li > ul:after {
    content: '';
    display: block;
}

#tab_menu > li > ul > li > a > span:before {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background:#0065f6;
    z-index: 2;
    -webkit-transition: width 400ms;
    transition: width 400ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
#tab_menu > li > ul > li:hover > a > span:before, #tab_menu > li > ul > li > a:hover > span:before, #tab_menu > li > ul > li.current-menu-item > a > span:before, #tab_menu > li > ul > li.current-page-ancestor > a > span:before {
    width: 100%;
	display:none;
}






.main_visual_slider_wrap .swiper_control {max-width: 120rem; top: -webkit-calc(50% - 19.4rem); top: calc(50% - 19.4rem); left: 50%; margin-left: -60rem;}
	.main_visual_slider_wrap .swiper_control .swiper-pagination {margin-left: -0.75rem; }
	.main_visual_slider_wrap .swiper_control .swiper-pagination-bullet { margin: 0 0.75rem; }
	.main_visual_slider_wrap .swiper_navigation { display:	block; position: absolute; max-width: 120rem; width: 100%; height: 14.6rem; top: 50%; left: 50%; margin-left: -60rem; margin-top: -10.3rem; }
	.main_visual_slider_wrap .swiper-button-prev, 
	.main_visual_slider_wrap .swiper-button-next { width: 6.8rem; height: 6.8rem; border: 0.1rem solid #fff; border-radius: 50%; right: 0; left: auto; top: auto; margin: 0; background: none;transition: background 0.3s, border 0.3s; -webkit-transition: background 0.3s, border 0.3s}
	.main_visual_slider_wrap .swiper-button-next { bottom: 0; }
	.main_visual_slider_wrap .swiper-button-prev:after,
	.main_visual_slider_wrap .swiper-button-next:after { content: ''; font-family: 'nc-font'; color: #fff; font-size: 1.3rem; width: 100%; height: 100%; text-align: center; line-height: 6.6rem; display: inline-block; }
	.main_visual_slider_wrap .swiper-button-prev:after {content: '\e912';}
	.main_visual_slider_wrap .swiper-button-next:after {content: '\e913';}
	.main_visual { height: 64rem; }
	.main_visual_item_bg:after {background: #000000;background: rgba(0, 0, 0, .15);}
	.main_visual_content_inner { vertical-align: middle; padding-top: 1rem;}
	.main_visual_content_inner > .wrap { padding-right: 9rem; }
	.main_visual_content_inner h2 {     font-size: 8rem;
    line-height: 1;
    letter-spacing: -0.04em;
    max-height: 3.68em;
    font-family:  'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;font-weight: 900;}
	.main_visual_content_inner p { font-size: 2.6rem; line-height: 1.75; margin-top: 1.5rem; max-height: 3.5em;    font-weight: 600;}
	.main_visual_content_inner p br {display: block;}
	.main_visual_btn {margin-top: 4rem;}
	.main_visual_btn span { font-size: 1.6rem; font-weight: 400; color: #fff; padding-right: 2.7rem; position: relative; letter-spacing:-0.025em; }
	.main_visual_btn span:before,
    .main_visual_btn span:after { font-size: 1.4rem; position: absolute; top: 0.6rem; right: 0;  color:#fff;}
	.main_visual_icon_live { position: relative; bottom: auto; left: auto; right: auto; margin-bottom: 1rem;}
	.main_visual_btn_play {position: relative; bottom: auto; left: auto; right: auto; margin-top: 3.5rem; width: 4.5rem; height: 4.5rem;}
    .main_visual_btn_play:after {transition: border 0.3s; -webkit-transition: border 0.3s;}
	.man_visual_cat { font-size: 1.6rem; }
	.man_visual_subcat { font-size: 1.6rem; padding-left: 1.6rem; }
	.man_visual_subcat:before { height: 0.8rem; top: 0.9rem; left: 0.8rem; }

	.main_visual_item--video .main_visual_content_inner h2 {-webkit-line-clamp: 2; max-height: 2.68em;}

	html.desktop .main_visual_slider_wrap .swiper-button-prev:hover, 
	html.desktop .main_visual_slider_wrap .swiper-button-next:hover {background:#fff;}
	html.desktop .main_visual_slider_wrap .swiper-button-prev:hover:after, 
	html.desktop .main_visual_slider_wrap .swiper-button-next:hover:after {color: #142143;}
	/* html.desktop .main_visual_btn_play:hover { background: var(--color-primary);}
    html.desktop .main_visual_btn_play:hover:after {border-left-color:#fff;} */

/* 3차 메뉴 활성화 */
.sidebar .menu .depth1_item.active .depth2{visibility:visible; opacity:1; /*background-color:#f7f9fc;*/}
.sidebar .menu .depth1_item.active .depth2_list{margin-top:4px; margin-bottom:18px;}
.sidebar .menu .depth1_item.active .depth2_item{margin-top:13px;}
.sidebar .menu .depth1_item.active .depth2_text{color:#0065f6; font-size:16px; line-height:22px;}
.sidebar .menu .depth1_item.active .depth2_text:hover{color:#0065f6; font-size:16px; line-height:22px;}


.sidebar .menu .depth2_text:before {
    position: absolute;
    top: 9px;
    left: -14px;
    content: "";
    width: 4px;
    height: 4px;
    background: #080a14;
    border-radius: 50%;
}


.sidebar .menu .depth1_item.active .depth2_item.active .depth2_text {color: #0065f6}
.sidebar .menu .depth1_item.active .depth2_item.has .depth2_text:after{width:10px; height:10px;}
.sidebar .menu .depth1_item.active .depth2_item.has.active .depth2_text:after{width:13px; height:6px; background-position:left -53px;}
.sidebar .menu .depth1_item.active .depth2_text:before{visibility:visible; opacity:1; display:block;}
.sidebar .menu .depth1_item.active .depth2_text[target='_blank']:after{width:12px; height:12px;}


.sidebar .menu .depth2_text:before {
    visibility: hidden;
    opacity: 0;
    display: none;
    position: absolute;
    top: 10px;
    left: 1px;
    width: 3px;
    height: 3px;
    background-color: #292e42;
}
.sidebar .menu .depth1_item.active .depth2_text:before {
    visibility: visible;
    opacity: 1;
    display: block;
}
}

@media (max-width: 1024px){
img[data-unveil] {opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
img[data-unveil].nc-lazyload--loaded {opacity:1}

.nc-lazyload {position: relative;overflow: hidden;}
.nc-lazyload img {display: block;/* max-width: 100%; */position: absolute;left: 0;top: 0; width: 100%;}
.nc-lazyload img.nc-lazyload--loaded {height: auto;}
#gmenu {
opacity: 1;
    visibility: visible;
    -webkit-transition: top 300ms;
    transition: top 300ms;
}
	
	.member_menu {

    margin: 5px -10px;

}
	
#gmenu {
    background: none;
    display: inline-block;
    vertical-align: middle;
	position: relative;
     /* width: 100%; */
    /* left: 50%; */
    top: 8px;
    -webkit-transition: top 300ms, width 300ms, height 300ms;
    transition: top 300ms, width 300ms, height 300ms;}
#gmenu li {position: relative;}
#gmenu a {display: block;line-height: 1.7;-webkit-transition: all 0.3s;transition: all 0.3s;}
#gmenu ul.sub-menu {opacity: 0; visibility:hidden;width: 180px;position: absolute;background: #a4947d;
    margin-left: -55px;}
#gmenu .menu-item.focusin .sub-menu { opacity:1; visibility:visible;}

/* 1depth */
#gmenu > li {float: left;}

#gmenu > li > a {
    padding: 11px 20px;
    font-size: 20px;
    letter-spacing: 0.01em;
    color: #222;
    font-family: 'Pretendard', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;
    letter-spacing: -0.64px;
    font-weight: normal;
    display: block;
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: -0.025em;
    color: #666;
    text-align: center;
    padding: 1.5rem 0 1.6rem;
    font-weight: 500;
}


#gmenu > li > a {
    font-size: 1.2rem;
    font-weight: 500;
    color: #222;
    padding: 1.2rem 1.7rem 1.3rem;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}



#gmenu > li:hover > a, #gmenu > li.current_page_ancestor > a, #gmenu > li.current_page_item > a {color:#92613E;}

/* 2depth */
#gmenu > li:hover > ul {opacity:1; visibility:visible;}
#gmenu > li > ul {top: 100%;left: 50%;margin-left: -88.5px;    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 8%);}
#gmenu > li > ul > li {float: left;width: 100%;background: #fff;border-bottom: 0px solid #eee;}
#gmenu > li > ul > li:first-child a{border-bottom: none;    padding: 14px 26px;padding-top: 22px;
    font-size: 13px;    font-size: 1.5rem;    font-size: 1.0rem;}
#gmenu > li > ul > li:last-child {border-bottom: none;}
#gmenu > li > ul > li > a {padding: 14px 26px;font-size: 13px;color: #444; font-family: 'Pretendard', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;  letter-spacing: 0px; 
    font-size: 14px;
    font-size: 13px;
    font-weight: 500;text-align: left;    font-size: 1.5rem;    font-size: 1.0rem;}
#gmenu > li > ul > li:last-child > a {
    padding-bottom: 22px;
}
#gmenu > li > ul > li.menu-item-has-children > a {padding-right: 48px;}
#gmenu > li > ul > li.menu-item-has-children:before {margin-top: -5px;position: absolute;top: 50%;right: 8%;font-family: 'nc-font';content: '\e913';font-size: 10px;color: #888;-webkit-transition: color 300ms;transition: color 300ms;}
#gmenu > li > ul > li.menu-item-has-children:hover:before,
#gmenu > li > ul > li.menu-item-has-children.current-menu-item:before {color: #92613E;}
#gmenu > li > ul > li.current-menu-item {background: #92613E;}
#gmenu > li > ul > li:hover > a, #gmenu > li > ul > li.current-menu-item > a {color:#92613E;
    background: #fff;}
#gmenu > li > ul > li > a span {
    display: inline-block;
    padding-bottom: 2px;
    position: relative;
}

#gmenu > li.blank > a:after {
    content: '\E801';
    font-family: 'nc-font';
    font-size: 1.2rem;
    color: #a0a0a0;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;
    font-weight: 500;
}

/* 3depth */
#gmenu > li > ul > li:hover > ul {opacity:1; visibility:visible;}
#gmenu > li > ul > li > ul {left: 100%;top: 0;}
#gmenu > li > ul > li > ul > li {background: #333;border-bottom: 1px solid #444;}
#gmenu > li > ul > li > ul > li:last-child {border-bottom: none;}
#gmenu > li > ul > li > ul > li > a {padding: 14px 19px;font-size: 13px;font-weight: 500;color: #ccc;}
#gmenu > li > ul > li > ul > li:hover > a {color: #fff;}

#gmenu > li > ul:after {
    content: '';
    display: block;
}

#gmenu > li > ul > li > a > span:before {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background:#92613E;
    z-index: 2;
    -webkit-transition: width 400ms;
    transition: width 400ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
#gmenu > li > ul > li:hover > a > span:before, #gmenu > li > ul > li > a:hover > span:before, #gmenu > li > ul > li.current-menu-item > a > span:before, #gmenu > li > ul > li.current-page-ancestor > a > span:before {
    width: 100%;
}
.gmenu_container {
    display: block;
    /* width: 237px; */
    position: absolute;
    top: 24px;
    left: 50%;
    /* margin-left: -116.5px; */
    z-index: 1;
    -webkit-transition: top 400ms;
    transition: top 400ms;
    position: relative;
    top: auto;
    left: auto;
    text-align: right;
    display: inline-block;
    width: 100%;
    float: right;
    margin-right: 50px;
}


.tab_menu_container.active .sub-menu{
    opacity: 0;
    visibility: hidden;display: none;
}
#tab_menu > li {
    float: none;
}
#tab_menu > li:hover > ul {
    opacity: 0;
    visibility: hidden;
}
#tab_menu li a {
    display: block;
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: -0.025em;
    color: #666;
    text-align: center;
    padding: 1.5rem 0 1.6rem;
    font-weight: 500;
}

html.desktop .footer_menu > li > a:hover:before {
    opacity: 0;
}

}


@media (max-width: 980px){

	.member_menu {

    margin: 5px -10px;

}
}
@media (max-width: 768px){

#gmenu {
opacity:0;
    visibility: hidden;
    -webkit-transition: top 300ms;
    transition: top 300ms;
}
	
.gmenu_container {
   float: none;
}

}



@media (max-width: 768px){



}


.tableWrap .ld-overlay{bottom:0;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;    }
.ld-overlay.is-act{display:-webkit-box;display:-ms-flexbox;display:flex}
.ld-overlay .ld-background{bottom:0;position:absolute;right:0;background:#fff;opacity:.5}
.ld-parent{position:relative}.db-rent[data-v-202205]{width:50px;height:50px;position:relative;-webkit-animation:db-rent-data-v-202205 2.5s linear infinite both;animation:db-rent-data-v-202205 2.5s linear infinite both;margin:20px auto 1.0625rem}
.db-rent-dot[data-v-202205]{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-animation:db-rent-dot-data-v-202205 2s ease-in-out infinite both;animation:db-rent-dot-data-v-202205 2s ease-in-out infinite both}
.db-rent-dot[data-v-202205]:before{content:"";display:block;width:25%;height:25%;background-color:#fff;border-radius:100%;-webkit-animation:db-rent-dot-before-data-v-202205 2s ease-in-out infinite both;animation:db-rent-dot-before-data-v-202205 2s ease-in-out infinite both}
.db-rent-dot[data-v-202205]:first-child{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.db-rent-dot[data-v-202205]:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s}
.db-rent-dot[data-v-202205]:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s}
.db-rent-dot[data-v-202205]:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s}.db-rent-dot[data-v-202205]:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s}
.db-rent-dot[data-v-202205]:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s}.db-rent-dot[data-v-202205]:nth-child(7){-webkit-animation-delay:-.5s;animation-delay:-.5s}
.db-rent-dot[data-v-202205]:nth-child(8){-webkit-animation-delay:-.4s;animation-delay:-.4s}.db-rent-dot[data-v-202205]:first-child:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;background-color:#8e66d6}
.db-rent-dot[data-v-202205]:nth-child(2):before{-webkit-animation-delay:-1s;animation-delay:-1s;background-color:#8ec738}.db-rent-dot[data-v-202205]:nth-child(3):before{-webkit-animation-delay:-.9s;animation-delay:-.9s;background-color:#39c3a1}
.db-rent-dot[data-v-202205]:nth-child(4):before{-webkit-animation-delay:-.8s;animation-delay:-.8s;background-color:#5772d9}.db-rent-dot[data-v-202205]:nth-child(5):before{-webkit-animation-delay:-.7s;animation-delay:-.7s;background-color:#8e66d6}
.db-rent-dot[data-v-202205]:nth-child(6):before{-webkit-animation-delay:-.6s;animation-delay:-.6s;background-color:#8ec738}.db-rent-dot[data-v-202205]:nth-child(7):before{-webkit-animation-delay:-.5s;animation-delay:-.5s;background-color:#39c3a1}
.db-rent-dot[data-v-202205]:nth-child(8):before{-webkit-animation-delay:-.4s;animation-delay:-.4s;background-color:#5772d9}@-webkit-keyframes db-rent-data-v-202205{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes db-rent-data-v-202205{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@-webkit-keyframes db-rent-dot-data-v-202205{80%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes db-rent-dot-data-v-202205{80%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@-webkit-keyframes db-rent-dot-before-data-v-202205{50%{-webkit-transform:scale(.4);transform:scale(.4)}0%,to{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes db-rent-dot-before-data-v-202205{50%{-webkit-transform:scale(.4);transform:scale(.4)}0%,to{-webkit-transform:scale(1);transform:scale(1)}}
.spinner[data-v-202205]{margin:20px auto 0;width:100px;text-align:center}
.spinner>div[data-v-202205]{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay-data-v-202205 1.4s ease-in-out infinite both;animation:sk-bouncedelay-data-v-202205 1.4s ease-in-out infinite both}
.spinner .bounce1[data-v-202205]{-webkit-animation-delay:-.32s;animation-delay:-.32s;background-color:#5c2483}
.spinner .bounce2[data-v-202205]{-webkit-animation-delay:-.16s;animation-delay:-.16s;background-color:#4b4d9c}
.spinner .bounce3[data-v-202205]{-webkit-animation-delay:-.08s;animation-delay:-.08s;background-color:#5c2483}
.spinner .bounce4[data-v-202205]{-webkit-animation-delay:-.04s;animation-delay:-.04s;background-color:#4b4d9c}
@-webkit-keyframes sk-bouncedelay-data-v-202205{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(.8)}}
@keyframes sk-bouncedelay-data-v-202205{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(.8);transform:scale(.8)}}
.loader-ms[data-v-202205],.loader-ms[data-v-202205]:after{border-radius:50%;width:10em;height:10em}
.loader-ms[data-v-202205]{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(0,0,0,.5);border-right:1.1em solid rgba(0,0,0,.5);border-bottom:1.1em solid rgba(0,0,0,.5);border-left:1.1em solid #000;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
@-webkit-keyframes load8-data-v-202205{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes load8-data-v-202205{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.v--loading-block-scroll[data-v-202205]{position:fixed;overflow:hidden;width:100%}
.loading-container[data-v-202205]{position:absolute;top:50%;left:50%;margin:-44px 0 0 -44px;width:88px;height:88px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.loading-container .round[data-v-202205]{width:88px;height:88px;background:#fff;border-radius:100%;position:absolute;top:0;left:0;z-index:0}
.loading-container .loading-content[data-v-202205]{position:relative;z-index:1}
.loading-container .loading-content .text[data-v-202205],.loading-container .loading-content .title[data-v-202205]{    position: absolute!important;
    /* margin: 0!important; */
    padding: 0!important;
    height: 1px;
    width: 118px;
    /* overflow: hidden; */
    /* clip: rect(1px,1px,1px,1px); */
    /* word-break: normal; */
    /* word-wrap: normal; */
    font-size: 12px;
    top: 60px;
    left: 50%;
    font-weight: 500;
    margin-left: -59px;
    text-align: center;
    color: #fff;
    letter-spacing: -0.023em;}
.loading-container .loading-content .spinner[data-v-202205]{margin:35px auto 0;margin-left:-6px;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}
.loading-container .loading-content .db-rent[data-v-202205]{text-align:center}
.loading-container .loading-content.step1 .loading-img[data-v-202205]{width:72px;height:14px;margin:35px auto 0}
.loading-container .loading-content.step2[data-v-202205]{opacity:0}
.loading-container .loading-content.step2 .loading-img[data-v-202205]{width:50px;height:50px;margin:19px auto}
.loading-container.delay[data-v-202205]{padding-top:0}
.loading-container.delay .round[data-v-202205]{-webkit-transform:scale(1.137);-ms-transform:scale(1.137);transform:scale(1.137);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}
.loading-container.delay .step1[data-v-202205]{opacity:0;height:0;width:0;}
.loading-container.delay .step2[data-v-202205]{opacity:1;-webkit-transition:opacity 2s;transition:opacity 2s}




.tableWrap .ld-overlay.is-full-page{position:fixed;z-index:100000;height:100%;width:100%}
.ld-icon{position:fixed;left:50%;top:50%;z-index:100001;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.ld-overlay.is-act{-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;z-index:100001;}

.ld-overlay.is-deact{-webkit-animation-name:fade-out;animation-name:fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;visibility:hidden;z-index:-1;-webkit-transition:z-index .1s,visibility .5s;transition:z-index .1s,visibility .1s}
.home.modal_page_open .ld-overlay .ld-background{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;opacity:.0;z-index:100000}
.home .ld-overlay .ld-background{position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, .25);z-index:100000}
.online .ld-overlay .ld-background{position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, .25);z-index:100000}
.status .ld-overlay .ld-background{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, .25);z-index:100000}
.ld-overlay .ld-parent{position:relative}
.ld-overlay{-webkit-animation-duration:.1s;animation-duration:.1s;    visibility: visible;
    z-index: 100001;display:none;}
.ld-overlay.on{
display:block;
}	
.ld-overlay.is-act,.ld-overlay.is-deact{display:block;-webkit-animation-duration:.1s;animation-duration:.1s;    visibility: visible;
    z-index: 100001;}
	
.loading-container .round[data-v-202205] img{
    /* text-align: center; */
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

body.home .main_container {
    padding-bottom: 0;
    min-height: 74rem;
}

.home .main_container {
    padding-top: 5.5rem;
    padding-bottom: 5rem;
}
.sub .main_container,.program_view .main_container {
    padding-top: 8.5rem;
    padding-bottom: 5rem;
}


.noResult {
    margin-top:0px;
    padding: 210px 0 87px 0;
    text-align: center; border-top: 3px solid #222;
    border-bottom: 1px solid #ededed;position:relative;
 
}

.nc_tab__panels .noResult {
    margin-top:0px;
    padding: 110px 0 87px 0;
    text-align: center; border-top: 0px solid #222;
    border-bottom: 0px solid #ededed;position:relative;
 
}

.nc_tab__panels .noResult:before {
    position: absolute;
    font-size: 18px;
    width: 50px;
    height: 50px;
    content: '\E846';
    font-family: 'nc-font';
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    color: #666;
    left: 50%;
}

.nc_tab__panels .noResult .tit {
    position: relative;
    margin: 0 auto;
    margin-bottom: 0px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    color: #666;
}

.noResult:before {
position:absolute;
    font-size: 38px;width:80px;height:80px;
    content: '\E846';    font-family: 'nc-font';    top: 50%;
    margin-left: -40px;margin-top:-40px;color:#666;
    left: 50%;
}


.search_box2 {
    width: 100%;
    padding: 7px 0px;
    background-color:#FDFEFE;
    text-align: center;
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    position: relative;
}
/* Selectric */
.nc_selectric_area {width: 100%; position: relative;}

html.mobile .nc_selectric_area {background: #fff; border-radius: 0; }
html.mobile .nc_selectric_area:before {width: 0; height: 0; position: absolute; top: 2.1rem; right: 2rem; content: ''; text-align: center; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.5rem solid #222;}
html.mobile .nc_selectric_area > select {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; margin: 0; padding: 1.4rem 3.4rem 1.5rem 1.4rem; position: relative; font-family: 'Pretendard', sans-serif; font-size: 1.4rem; line-height: 1; font-weight: 400; color: #222; background: transparent; border: 0.1rem solid #E6E6E6; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-box-shadow: none; box-shadow: none; opacity: 1; letter-spacing: -0.025em;}
html.mobile .selectric-wrapper.selectric-nc-selectric .selectric .label {height:4.3rem; line-height:4.3rem;}

html.mobile .selectric-hide-select.selectric-is-native {background: #fff; border-radius: 0; }
html.mobile .selectric-hide-select.selectric-is-native:before {width: 0; height: 0; position: absolute; top: 2.1rem; right: 2rem; content: ''; text-align: center; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.5rem solid #222;}
html.mobile .selectric-hide-select.selectric-is-native select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;height: auto;margin: 0;padding: 1.4rem 3.4rem 1.5rem 1.4rem;position: relative;font-family: 'Pretendard', sans-serif;font-size: 1.4rem;line-height: 1;font-weight: 400;color: #222;background: transparent;border: 0.1rem solid #E6E6E6;border-radius: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1;letter-spacing: -0.025em;position: relative;}

.selectric { background: #fff;    border: 1px solid #E6E6E6;}
.nc_selectric, .nc-selectric{opacity: 0;}
.selectric .button {width: 4.8rem; height: 48px;;}
.selectric .button:after,
.selectric-hover .selectric .button:after {border-top-color: #222;border-width:0.7rem 0.65rem; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s}
.selectric-open {z-index: 10;}
.selectric-open .button:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.selectric .label {font-size: 1.4rem;color: #666;font-weight: 500;margin: 0 3.8rem 0 1.5rem;height: 4.8rem;line-height: 4.8rem;font-family:  'Maven Pro','Montserrat', 'Pretendard', sans-serif;}


.nc_program_select_pro_wrap .selectric .label {
    font-size: 1.4rem;
    color: #666;
    font-weight: 500;
    margin: 0 3.8rem 0 1.5rem;
    height: 48px;
    line-height: 48px;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;    text-align: left;
}

.selectric-wrapper .nc_selectric,
.selectric-wrapper .nc-selectric{opacity: 1;}
.selectric-open .selectric {  /* background: #fff; border: #034EA2 0.1rem solid; border-bottom-color: #ddd; */}
.selectric-items {background: #fff;border: solid #142143;border-width: 0.1rem;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: all 0.4s;transition: all 0.4s; margin-top: -0.1rem; z-index: 0;}
.selectric-items li {padding: 0.9rem 3.8rem 0.9rem 1.6rem;font-size: 1.3rem;    text-align: left;font-family:  'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;}
.selectric-items li:hover { background: #f6f6f6;}
.selectric-items li.selected {color: #142143;	background: #6c9bc5;	background: rgba(108, 155, 197, .1);width:100%;}

.selectric-open.selectric-above .selectric { /* border-bottom-color: #034EA2; border-top-color: #ddd; */}
.selectric-above .selectric-items { border-width: -0.1rem -0.1rem 0; margin-top: 0; margin-bottom: -0.1rem;}
.selectric-open:before,
.selectric-open:after { position: absolute; bottom: -0.1rem; content: ""; background: #fff; height: 0.3rem; width: 1.4rem; z-index: 111; display: none;}
.selectric-open.selectric-above:before,
.selectric-open.selectric-above:after{bottom: auto; top:-0.1rem}
.selectric-open:before { left: -0.1rem;}
.selectric-open:after {  right: -0.1rem;}

.nc_selectric_area--count-2 { display: inline-block; vertical-align: top; width: -webkit-calc(50% - 0.4rem); width: calc(50% - 0.4rem); }
.nc_selectric_area--count-2 + .nc_selectric_area--count-2{margin-left: 0.8rem;}

.nc_selectric_area--count-3 { display: inline-block; vertical-align: top; width: -webkit-calc(33.33% - 0.52rem); width: calc(33.33% - 0.52rem); }
.nc_selectric_area--count-3 + .nc_selectric_area--count-3 { margin-left: 0.78rem; }



/* selectic cutom multi select*/
.selectric-nc-selectric--multiple .selectric > .label { font-size: 0;}
.selectric-nc-selectric--multiple .nc-selectric__tag {font-size: 1.2rem;padding: 0.3rem 1rem;margin-right: 0.5rem;background: #eee;border-radius: 99rem;color: #999;}
.selectric-nc-selectric--multiple .selectric-items{padding: 1rem 0 0;}
.selectric-nc-selectric--multiple.selectric-above .selectric-items{padding: 0;}
.selectric-nc-selectric--multiple .selectric-items .selectric-scroll > ul > li:first-child {display:none}
.selectric-nc-selectric--multiple .nc-selectric__tag--default{font-size: 1.4rem;}
.selectric-nc-selectric--multiple .selectric .button { -webkit-box-shadow: -1.5rem 0 1rem 0 rgba(255, 255, 255, .9); box-shadow: -1.5rem 0 1rem 0 rgba(255, 255, 255, .9); background: #fff;}
.selectric-nc-selectric--multiple .selectric {overflow: hidden;}
.selectric-nc-selectric--multiple .selectric-items li { position: relative; padding-left: 5rem;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.selectric-nc-selectric--multiple .selectric-items ul li:before {content: "";width: 2rem;height: 2rem;line-height: 2.2rem;background: #fff;display: inline-block;margin-right: 1rem;font-family: nc-font;font-size: 1rem;color: #fff;text-align: center;-webkit-transform: scale(.8);-ms-transform: scale(.8);transform: scale(.8);position: absolute;left: 2rem;top: 0.8rem;border: 0.1rem solid #ddd;}
.selectric-nc-selectric--multiple .selectric-items ul li.selectric-group-label:before{ display:none}
.selectric-nc-selectric--multiple .selectric-items ul li.selected:before {background: #034EA2;content: "\e935"; border-color: #034EA2}
.selectric-nc-selectric--multiple .selectric-items li.selected,
html.mobile .selectric-nc-selectric--multiple .selectric-items li.selectric-group-label:active{ background: transparent;}
/*html:not(.mobile) .selectric-nc-selectric--multiple .selectric-items li:hover,*/
html.mobile .selectric-nc-selectric--multiple .selectric-items li:active{background: #6c9bc5;background:rgba(108, 155, 197, .1);}


html.mobile .selectric { background: #fff;    border: 1px solid #E6E6E6;}

.nc_program {margin-left: 0rem; margin-right: 0rem;}
.nc_program_select {display: block; font-size: 0; position:relative;margin:0 1rem;}
.nc_program_select_pro_wrap {display: inline-block; vertical-align: middle; width: -webkit-calc(100% - 0rem); width: calc(100% - 0rem); font-size: 0;height: 100%;width:auto;}


.nc_program_select_pro_wrap label.t_only{
  
    display: inline-block;
    vertical-align: middle;
    width: -webkit-calc(100% - 0rem);
    width: calc(100% - 0rem);
     width: 6rem;
    text-align: left;
    line-height: 5rem;
font-size: 1.4rem;
    color: #222;
    font-weight: 500;


}
body.home .main_container,body.sub .main_container,body.program_view .main_container  {
    padding-bottom: 10rem;

}
.main_record #wrapper{
    -webkit-overflow-scrolling: touch;
}



.nc_program_select_pro {display: inline-block; vertical-align: middle; border-right: 0rem solid #ddd;margin-bottom: 0.5rem;height: 100%;margin-top: 0rem;    width: 49%;margin-right:1%;height: 50px;}


.nc_program_select_pro.three {
    display: inline-block;
    vertical-align: middle;
    /*width: 100%;*/
    border-right: 0rem solid #ddd;
    margin-bottom: 0px;
    height: 100%;
    margin-top: 6.5px;
    /*width: -webkit-calc(100% - 5.2rem);
    width: calc(100% - 5.2rem);*/height: 50px;
	float: left;
}

.nc_program_select_pro.four {
    display: inline-block;
    vertical-align: middle;
    /* width: 100%; */
    border-right: 0rem solid #ddd;
    margin-bottom: 0px;
    height: 100%;
    margin-top: 0.5rem;
    /* width: -webkit-calc(49% - 4.2rem); */
    /* width: calc(49% - 4.2rem); */
    /*height: 50px; */
    float: left;
    margin-right: 0%;margin-left: 0;
    /* margin-left: 1%; */
}

.nc_program_select_pro.two {display: inline-block; vertical-align: middle; border-right: 0rem solid #ddd;margin-bottom: 0.5rem;height: 100%;margin-top: 0rem;    width: 49%;margin-left:1%;margin-right:0%;height: 50px;}

.board_head .nc-nav-search__form { margin: 0 0rem; top: auto; bottom: 0rem; position: absolute; display: block; width: 100%; }
.board_head .nc-nav-search__field { position: relative; transform: none; }


.board_head .nc-nav-search__form {
    margin: 0 0rem;
    top: auto;
    bottom: 0rem;
    position: absolute;
    display: block;
    width: 100%;
}
.board_head .nc-nav-search__form {
    bottom: 0rem;
    right: 0rem;
    margin: 0;
    width: auto;
}
.nc-nav-search__input.nc-form__field, .nc-nav-search__input {
    border: 0;
    height: 4.6rem;
    padding-left: 4.6rem;
    font-size: 1.6rem;
    padding-right: 7.6rem;
    font-family: 'Maven Pro', 'Pretendard', sans-serif;
    background: #f9fafc;
    border-radius: 5px;
}
.nc-form__field {
    display: inline-block;
    width: 100%;
    height: 4.5rem;
    margin: 0;
    padding: 1.1rem 1.4rem 1.2rem;
    vertical-align: middle;
    font-size: 1.4rem;
    line-height: 1.58;
    color: #666;
    border: 0.1rem solid #ddd;
    border-radius: 0;
    outline: none;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border 300ms, -webkit-box-shadow 300ms;
    transition: border 300ms, -webkit-box-shadow 300ms;
    transition: border 300ms, box-shadow 300ms;
    transition: border 300ms, box-shadow 300ms, -webkit-box-shadow 300ms;
    letter-spacing: -0.025em;
}


.nc-nav-search__form {position: relative; z-index: 3; }
.nc-nav-search__field { position: absolute; width: 100%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); top: -0.1rem; left: 0;}
.nc-nav-search__input.nc-form__field,
.nc-nav-search__input {border: 0;height: 4.6rem;padding-left: 4.6rem;font-size: 1.6rem; padding-right: 7.6rem;}
.nc-nav-search__submit { background: none; border: 0; width: 3.8rem; height: 100%; position: absolute; top: 0rem; left: 0rem; padding: 0; margin: 0; cursor: pointer;}
.nc-nav-search__submit:after {content: '\e932';font-family: 'nc-font';font-size: 1.8rem;color: #222;font-weight:500;}
.nc-nav-search__close { background: none; border: 0; width: 3.6rem; height: 100%; position: absolute; top: 0rem; right: 0rem; padding: 0; margin: 0; cursor: pointer; }
.nc-nav-search__close:after {content: '\e92e';font-family: 'nc-font';font-size: 1.6rem;color: #aaa;}
.nc-nav-search__field .nc-form__clear-btn { right: 4.5rem; top: 1.1rem; }
.nc-nav-search__field .nc-form__clear-btn:after { font-size: 1.5rem; }

.nc-nav-search__result {padding-bottom: 5rem;}
.nc-nav-search__result-list { padding: 1.5rem 0; border-bottom: 0.1rem solid #ddd; }
.nc-nav-search__result-list .nc-row { border: 0; }
.nc-nav-search__result-list .nc-row__link { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.nc-nav--full {padding-right: 0;}
.nc-nav--full:after {right: 0;}

html.ios .nc-nav-search__field {top:-0.2rem;}


.nc_program_select-refresh {display: inline-block; vertical-align: middle; width: 4.6rem; position: relative; text-align: center;}
.nc_program_select-refresh:after { content: '\e925'; font-family: 'nc-font'; font-size: 1.4rem; color: #b2b2b2; line-height: 4.6rem; }
.nc_program_select-refresh.active:after { color: #fff; }

.nc_program_select_pro .selectric .label {color:#222;}
.nc_program_select_pro .selectric .label.active {color:#666;}


.nc_program_sorting { padding: 2.6rem 0rem 1.7rem; position: relative;}
.nc_program_count {display: inline-block; vertical-align: top; font-size: 1.4rem; font-weight: 500; color: #999; line-height: 1; letter-spacing: -0.025em;}
.nc_program_num {color: #034EA2;font-family:  'Maven Pro','Montserrat', 'Pretendard', sans-serif;}
.nc_program_util {position: absolute;right: 0rem;font-size: 0;display: inline-block;    top: 1rem;}
.nc_program_view { display: inline-block; vertical-align: middle; width: 1.8rem; height: 1.8rem; position: relative; text-align: center;margin-left: 0; position: absolute; top: 1.45rem; right: 2rem; }
.nc_program_view:after {content: '\e954';font-family: 'nc-font';font-size:1rem;line-height:1; color: #222;}
.nc_program_view--card:after {content: '\e954';}
.nc_program_view--reset:after {content: '\e925';    font-weight: 500;}
.nc_program_view--row:after {content: '\e955';}
.nc_program_search { display: inline-block; vertical-align: middle; width: 1.8rem; height: 1.8rem; position: relative; text-align: center; position: absolute; top: 1.45rem; right: -0.2rem;}
.nc_program_search:after {content: '\e932';font-family: 'nc-font';font-size: 1rem;line-height: 1; color: #222;    font-weight: 500;}
.nc_program_sort-mob {display: inline-block;vertical-align: middle;width: auto; margin-left: 0; margin-right: 6.1rem;}

   .nc_program_view {margin-left: 1.1rem; position: relative; top: auto; right: auto;position: relative;
    top: 0;
    right: 0px;
    border-color: #d8e2e5;
    background: #fff;
    color: #222;
    min-height: 30px;
    min-width: 30px;
    padding: 4px;
    margin: 0;
    margin-right: 0px;
    font-weight: 500;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;}
 	.nc_program_search {position: relative;
    top: 0;
    right: 0px;
    border-color: #d8e2e5;
    background: #fff;
    color: #222;
    min-height: 30px;
    min-width: 30px;
    padding: 4px;
    margin: 0;
    margin-right: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;}



.nc_program .nc-nav-search__form { margin: 0 0rem; top: auto; bottom: 0.2rem; position: absolute; display: block; width: 100%; }
.nc_program .nc-nav-search__field { position: relative; transform: none; }

.nc_program_select + .nc_list_notrecord {position:relative;padding-top: 7.3rem; padding-bottom: 0; }
.nc_program_select + .nc_list_notrecord:before {height: 0.8rem;background: #eee;border-top: 0.1rem solid #ddd;content:'';display:block;position: absolute;left: 0;right: 0;top: 0;}

.nc_program_list {    margin-top: 0px;
    padding: 210px 0 87px 0;
    text-align: center;
    border-top: 3px solid #222;
    border-bottom: 1px solid #ededed;
    position: relative;display:block;}

.nc_program_list:before {
    position: absolute;
    font-size: 38px;
    width: 80px;
    height: 80px;
    content: '\E93A';
    font-family: 'nc-font';
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    color: #666;
    left: 50%;
}
.tit {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;font-size:1.8rem;    font-weight: 500;
    color: #444;
}

.nc_program_item {display: block; border-bottom: 0.1rem solid #ddd; border-top: 0.7rem solid #eee; position: relative;}
.nc_program_item--first {border-top: 0;}
.nc_program_content {display: block;padding: 2rem 2rem 2.1rem;}
.nc_program_cat { display: inline-block; vertical-align: top; font-size: 1.2rem; font-weight: 600; color: #034EA2; letter-spacing: -0.025em; }
.nc_program_period {display: inline-block;vertical-align: top;font-size: 1.2rem;font-weight: 400;color: #999;letter-spacing: -0.025em;padding-left: 1.2rem;position: relative;}
.nc_program_period:after { content: ''; display: block; width: 0.1rem; height: 0.7rem; background: #ddd; position: absolute; top: 50%; left: 0.6rem; margin-top: -0.3rem; }
.nc_program_title {display: block;font-size: 1.8rem;font-weight: 600;color: #222;line-height: 1.5;letter-spacing: -0.025em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 1.2rem;margin-bottom: 0.7rem;}
.nc_program_data_group--empty + .nc_program_title { margin-top: 0; }
.nc_program_deadline {display: inline-block;vertical-align: top;font-size: 1.2rem;font-weight: 500;color: #999;line-height: 1;letter-spacing: -0.025em;background: #eee;border-radius: 5rem;padding: 0.5rem 0.8rem 0.6rem;}
.nc_program_date {display: inline-block;vertical-align:top;padding-left: 1.2rem;position: relative;}
.nc_program_date:after { content: ''; display: block; width: 0.1rem; height: 0.7rem; background: #ddd; position: absolute; top: 50%; left: 0.6rem; margin-top: -0.3rem; }
.nc_program_desc {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;max-height: 3.08em;font-size: 1.3rem;font-weight: 400;line-height: 1.54;color: #666;margin-top: 1.4rem;letter-spacing: -0.025em;}
.nc_program_department-wrap { display: block; position: absolute; top: 1.1rem; right: 1rem; }
.nc_program_department {display: inline-block;font-size: 1.2rem;font-weight: 500;color: #888;letter-spacing: -0.025em;position: relative; padding: 1rem; padding-right: 2.5rem;}
.nc_program_department:after { content: '\e940'; font-family: 'nc-font'; font-size: 2rem; position: absolute; top: 0.9rem; right: 0.5rem; }
.nc_program_buttons {border-top: 0.1rem solid #eee; font-size: 0; position: relative;}
.nc_program_buttons:before {content:''; display: block; width: 0.1rem; height: 100%; background: #eee; position: absolute; top:0;z-index: 1;}
.nc_program_buttons:after {content:''; display: block; width: 0.1rem; height: 100%; background: #eee; position: absolute; top:0;z-index: 1;}
.nc_program_buttons--secondary .nc_program_button {width: 50%;}
.nc_program_buttons--secondary:before {left: 50%; margin-left: -0.05rem;}
.nc_program_buttons--secondary:after {display: none;}
.nc_program_buttons--tertiary .nc_program_button {width: 33.33%;}
.nc_program_buttons--tertiary:before {left: 33.33%;}
.nc_program_buttons--tertiary:after {left: 66.67%;}
.nc_program_button {display: inline-block;vertical-align: top;font-size: 1.4rem;font-weight: 500;color: #666;letter-spacing: -0.025em;line-height: 1;text-align: center;padding: 1.5rem 1rem 1.7rem;width: 100%;}
.nc_program_apply {background: #6c9bc5;background: rgba(108, 155, 197, .1);}
html.ios .nc_program_department:after {top: 1rem;}



/* Nothing */
.nc_list_notrecord {max-width: 120rem;  margin:0 2rem; padding: 4rem 1.5rem;text-align: center;/* border-top: 0.1rem solid #ddd;border-bottom: 0.1rem solid #ddd; */min-height: 40rem;    border-top: 0.1rem solid #222;    border-bottom: 0.1rem solid #222;}
.nc_list_notrecord b {font-size: 1.8rem;font-weight: 600;color: #222;}
.nc_list_notrecord b span {color: #034EA2;}
.nc_list_notrecord p {padding-top: 1rem;font-size: 1.4rem;line-height: 1.55;color: #666;}
.nc_list_notrecord p br {display: block;}
.nc_list_notrecord p span {color: #222;}
.wrap .nc_list_notrecord {margin: 0;}

/* Control */
.nc-list-control {padding-top: 40px;font-size: 0;line-height: 1;}
.nc_list_control:after {content: '';display: table;clear: both;}
.nc-list-control--primary {float: left;}
.nc-list-control--secondary {float: right;}

.nc_program_list {border-top: 0.1rem solid #222; font-size: 0;vertical-align: middle;border-top: 3px solid #222;}
.nc-program__item {display: block; border-bottom: 0.1rem solid #ddd; border-top: 0.7rem solid #eee; position: relative;}
.nc-program__item--first {border-top: 0;}
.nc-program__content {display: block;padding: 2rem 2rem 2.1rem;}
.nc-program__cat { display: inline-block; vertical-align: top; font-size: 1.2rem; font-weight: 600; color: #142143; letter-spacing: -0.025em; }
.nc-program__period {display: inline-block;vertical-align: top;font-size: 1.2rem;font-weight: 400;color: #999;letter-spacing: -0.025em;padding-left: 1.2rem;position: relative;}
.nc-program__period:after { content: ''; display: block; width: 0.1rem; height: 0.7rem; background: #ddd; position: absolute; top: 50%; left: 0.6rem; margin-top: -0.3rem; }
.nc-program__title {display: block;font-size: 1.8rem;font-weight: 600;color: #222;line-height: 1.5;letter-spacing: -0.025em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 1.2rem;margin-bottom: 0.7rem;}
.nc-program__data_group--empty + .nc-program__title { margin-top: 0; }
.nc-program__deadline {display: inline-block;vertical-align: top;font-size: 1.2rem;font-weight: 500;color: #999;line-height: 1;letter-spacing: -0.025em;background: #eee;border-radius: 5rem;padding: 0.5rem 0.8rem 0.6rem;}
.nc-program__date {display: inline-block;vertical-align:top;padding-left: 1.2rem;position: relative;}
.nc-program__date:after { content: ''; display: block; width: 0.1rem; height: 0.7rem; background: #ddd; position: absolute; top: 50%; left: 0.6rem; margin-top: -0.3rem; }
.nc-program__desc {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;max-height: 3.08em;font-size: 1.3rem;font-weight: 400;line-height: 1.54;color: #666;margin-top: 1.4rem;letter-spacing: -0.025em;}
.nc-program__department-wrap { display: block; position: absolute; top: 1.1rem; right: 1rem; }
.nc-program__department {display: inline-block;font-size: 1.2rem;font-weight: 500;color: #888;letter-spacing: -0.025em;position: relative; padding: 1rem; padding-right: 2.5rem;}
.nc-program__department:after { content: '\e940'; font-family: 'nc-font'; font-size: 2rem; position: absolute; top: 0.9rem; right: 0.5rem; }
.nc-program__buttons {border-top: 0.1rem solid #eee; font-size: 0; position: relative;}
.nc-program__buttons:before {content:''; display: block; width: 0.1rem; height: 100%; background: #eee; position: absolute; top:0;z-index: 1;}
.nc-program__buttons:after {content:''; display: block; width: 0.1rem; height: 100%; background: #eee; position: absolute; top:0;z-index: 1;}
.nc-program__buttons--secondary .nc-program__button {width: 50%;}
.nc-program__buttons--secondary:before {left: 50%; margin-left: -0.05rem;}
.nc-program__buttons--secondary:after {display: none;}
.nc-program__buttons--tertiary .nc-program__button {width: 33.33%;}
.nc-program__buttons--tertiary:before {left: 33.33%;}
.nc-program__buttons--tertiary:after {left: 66.67%;}
.nc-program__button {display: inline-block;vertical-align: top;font-size: 1.4rem;font-weight: 500;color: #666;letter-spacing: -0.025em;line-height: 1;text-align: center;padding: 1.5rem 1rem 1.7rem;width: 100%;}
.nc-program__apply {background: #6c9bc5;background: rgba(108, 155, 197, .1);}
html.ios .nc-program__department:after {top: 1rem;}
.nc_program_select-refresh {
    display: inline-block;
    vertical-align: middle;
    width: 4.2rem;
    position: absolute;
    text-align: center;
    border: 1px solid #E6E6E6;
    margin-left: 1%;
    margin-top: 0rem;    height:48px;
    line-height: 46px;
	right:0;
	bottom:4px;
}
.nc_program_select_pro_wrap {
    width: 100%;
}

.nc-nav-search__input.nc-form__field, .nc-nav-search__input {
    border: 0;
    height: 4.6rem;
    padding-left: 4.6rem;
    font-size: 1.6rem;
    padding-right: 7.6rem;
}

 .info_item + .info_item{margin-top:50px}
 .tableWrap .note{margin-top:8px; text-align:right; font-size:14px; color:#999; letter-spacing:-0.05em;display:none;}
 .btn_wrap .note{margin-top:18px; text-align:right; font-size:14px; color:#999; letter-spacing:-0.05em;display:none;}
/* **************************************** *
 * 페이지
 * **************************************** */
.ds_pagination {display: block;width: 100%;margin-top: 50px;margin-bottom: -4px;font-size: 0;text-align: center;}
.ds_pagination:empty {margin-top: 0;}
.ds_pagination .p_num {display: inline-block;min-width: 39px;height: 39px;margin: 0 2px 4px;vertical-align: top;position: relative;font-size: 15px;font-weight: 500;letter-spacing: -0.01em;text-align: center;line-height: 39px;color: #888;-webkit-transition: color 300ms;transition: color 300ms;   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;}
.ds_pagination .p_num:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 0px solid transparent;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 50%;}
.ds_pagination .p_num:hover, .ds_pagination .p_num.act {color: #fff;background:#090f33;border-radius: 10%;transition: background 0.3s; -webkit-transition: background 0.3s}
.ds_pagination .p_num.act {font-weight: 600;}
.ds_pagination .p_num.act:after {}
.ds_pagination .p_num.first,
.ds_pagination .p_num.prev,
.ds_pagination .p_num.next,
.ds_pagination .p_num.last {font-size: 0;}
.ds_pagination .p_num.first:after,
.ds_pagination .p_num.prev:after,
.ds_pagination .p_num.next:after,
.ds_pagination .p_num.last:after {display: block;font-family: 'nc-font';font-size: 18px;line-height: 36px;color: #aaa;-webkit-transition: color 300ms;transition: color 300ms;}
.ds_pagination a.p_num.first:hover:after,
.ds_pagination a.p_num.prev:hover:after,
.ds_pagination a.p_num.next:hover:after,
.ds_pagination a.p_num.last:hover:after {color: #090f33;}
.ds_pagination .p_num.first:after {content: '\E908';    top: 2px;}
.ds_pagination .p_num.prev:after {content: '\E909';    top: 2px;}
.ds_pagination .p_num.next:after {content: '\E90A';    top: 2px;}
.ds_pagination .p_num.last:after {content: '\E90B';    top: 2px;}

.ds_pagination a.p_num.next:hover:after,.ds_pagination a.p_num.prev:hover:after {

color:#fff;
}

.ds_pagination .p_num.next:hover:after,.ds_pagination .p_num.prev:hover:after {

color:#fff;
}

 .ds_pagination a.p_num.last:hover:after, .ds_pagination a.p_num.first:hover:after {
    color: #fff;
}

 .ds_pagination .p_num.last:hover:after, .ds_pagination .p_num.first:hover:after {
    color: #fff;
}

.skip {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    background: 0 0;
    font-size: 0!important;
    color: transparent!important;
    line-height: 0;
}

.nc_tab__panels > div {display: none;min-height: 150px;}

.nc_tab__panels > div.tinfo {display: none;min-height: 150px;}
.nc_tab__panels > div.tinfo .img_area{
    position: relative;
    width: 100%;
    text-align: center;
}

.nc_tab__panels > div:first-child {display: block;}
.nc_tab__panels h2 {font-size:2rem;font-weight:600;color:#222;letter-spacing:-0.025em;}
.nc_tab__panels h2 + h3,
.nc_tab__panels h2 + ul {margin-top: 1.9rem;}
.nc_tab__panels h3 {font-size:1.6rem;font-weight:600;color:#142143;letter-spacing:-0.025em;margin-top: 1.8rem;}
.nc_tab__panels ul { margin-top: 1rem;}
.nc_tab__panels li {font-size:1.4rem;line-height: 1.9;color:#666;letter-spacing: -0.025em;}
.nc_tab__panels li  br {display:none;}
.nc_tab__panels li span {color:#142143;font-weight:500;}
.nc_tab__panels li b {font-weight:500;display: block;margin-bottom: 0.2rem;}
.nc_tab__panels li b + p {padding-left:0.7rem;}
.nc_tab__panels #curriculum  li + li {margin-top: 0.8rem;}

.nc_tab__panels {float: left;width: 100%;padding-bottom: 3rem;border-bottom:0rem solid #ddd;}
.nc_tab__panels {
    font-size: 1.4rem;
    color: #666;
}

.nc-program-slide_aplay .visual_state.bgb{
    background: #000;
}

.nc-program-slide_aplay .visual_state.bgr{
    background: #e51b13;
	background-image: linear-gradient(to right, rgb(255, 115, 86), rgb(251, 67, 87));
}

.nc-program-slide_aplay .visual_state.bgu{
    background: #4478ff;
}



@media (min-width: 1024px){
	
	#top_bg_join {
  /*  background-image: url(../s_img/top_tit_bg_02.png);
    background-size: 180% auto;
	height: 100%;
    background-repeat: no-repeat;*/
}
.top_title h2 {
    display: table-cell;
    height: 80px;
    padding: 0 15px;
    font-size: 37px;
    padding-right: 6px;
    padding-left: 6px;
    line-height: 1;
    color: #fff;
    vertical-align: middle;
    text-align: center;
}
.top_area{

width:100%;
    border-bottom: 1px solid #eee;
padding-bottom: 1rem;
    padding-top: 1rem;
}	
.nc-breadcrumb {font-size: 0;
    margin-bottom: 1rem;
    text-align: left;    margin-bottom: 0.7rem;
    margin-top: 0.7rem;
}
	.nc-breadcrumb__item { display: inline-block;vertical-align: middle}
	.nc-breadcrumb__item a,
	.nc-breadcrumb__item span {display: block;font-size:13px;line-height: 2.4rem;color: #222;-webkit-transition:color 300ms;transition: color 300ms;font-weight: 500;}
	.nc-breadcrumb__item a:hover { color:#142143}
	.nc-breadcrumb__item--separator { width: 3rem; height: 2.4rem}
	.nc-breadcrumb__item--separator span { display: block; width: 100%; position: relative; font-size: 0}
	.nc-breadcrumb__item--separator span:before {  content: ""; border: 3px solid transparent; border-left: 4px solid #e5e7ee; position: absolute;  top: 0.9rem; left: 1.4rem;}
	.nc-breadcrumb__item--home {  width: 1.3rem; height: 2.4rem; position: relative}
	.nc-breadcrumb__item--home a { width: 100%; position: relative; font-size: 0}
	.nc-breadcrumb__item--home a:after { display: block; width: 100%; position: absolute; left: 0; top: 0; content: '\e92c'; font-family: 'nc-font'; font-size: 13px; line-height: 2.4rem; text-align: center; font-weight: normal; color: #222}

.program_wrap {
    margin-top: 0rem;
}
.pro_top {
    display: table;
    width: -webkit-calc(100% + 4rem);
    width: calc(100% + 4rem);
    table-layout: fixed;
    margin-left: -2rem;
}
.pro_top_inner {
    display: table-cell;
    vertical-align: top;
    padding-left: 2rem;
    padding-right: 2rem;
}

.pro_top_inner_6 {
    width: 64%;    position: relative;
}
.pro_top_inner_7 {
    width: 70%;
}
.pro_top_inner_6 img{
}

.pro_top_inner_4 {
    width: 40%;
}
.pro_top_inner_3 {
    width: 36%;
}
.program_wrap__info-wrap {
    min-height: 34.3rem;
}

.info_area {
    /* background: #f8f8f8; */
    margin-top: 0;
    padding-bottom: 0;
    border-top: 0.4rem solid #ddd;
    border-bottom: 0.1rem solid #dae1e6;
}

.program_wrap__info-wrap .info_area {
    padding: 3.5rem 2.6rem 3rem;
}
.nc-nav__search{border-left:0; width: 2rem; right: -0.2rem;}
	.nc-nav-search__submit {width: 2rem;right: 1rem;left: auto;top: 0.2rem;}
	.nc-nav-search__close {width: 2rem;left: 1rem;}
	.nc-nav-search__form {top: 0;}
	.nc-nav-search__input.nc-form__field,
	.nc-nav-search__input {/*height: 6.4rem; padding-left: 2.8rem;*/ /*height: 4.4rem; border: 0.1rem solid #ddd;  padding-left: 4.8rem; */ background: #f7f9fa; padding-right: 7rem;}
    .nc-nav-search__field { nc-: 28.9rem; right: 0; top:-0.1rem; z-index: 3;}
	.nc-nav-search__field .nc-form__clear-btn {top: 1.1rem; right: 3.8rem;}
	html.desktop .nc-nav__link:hover {color: #142143;}
	html.ie11 .nc-nav-search__field .nc-form__clear-btn {top: 1.2rem;}



.nc_program_select-refresh {
    display: inline-block;
    vertical-align: middle;    border: 0px solid #E6E6E6;
    width: 4.5rem;
    position: relative;
    text-align: center;
}
.home .main_container,.sub .main_container ,.program_view .main_container {
    padding-top: 10.5rem;
    padding-bottom: 5rem;
}


.main_container{
    padding-top: 10.5rem;
    padding-bottom: 5rem;
}


.sub .main_container ,.program_view .main_container {
    padding-top: 10.5rem;
    padding-bottom: 5rem;
}
.program_view .main_container, .status .main_container{
    padding-top: 10.5rem;
}

.nc_program_util {
    position: absolute;
    right: 0rem;
    font-size: 0;
    display: inline-block;
    top: auto;
}

/* Single Slideshow */
.nc-program-slide {position: relative;}
.nc-program-slide:after { content: ''; display: block; width: 100%; height: 9rem; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; }
.nc-program-slide__figure {padding-top: 62.5%;/*  background: #ddd; */}
.nc-program-slide .swiper_control {position: absolute; bottom: 1.5rem; left: auto; display: block; width: 100%;}
.nc-program-slide .swiper_control .swiper-pagination-bullet {border-color: #fff;}
.nc-program-slide .swiper_control .swiper-pagination-bullet-active {background-color: #fff;}

.nc-program-slide_aplay {position:relative; overflow:hidden;}
.nc-program-slide_aplay .nc-program-slide__figure {padding-top: 56.29%;}
.nc-program-slide_aplay .swiper_control {position: absolute;bottom: 0.8rem;left: auto;display: block;width: 100%;text-align: center;}
.nc-program-slide_aplay .swiper_control .swiper-pagination {display:inline-block; vertical-align:middle;}
.nc-program-slide_aplay .swiper_control .swiper-pagination-bullet {border-color: #fff;}
.nc-program-slide_aplay .swiper_control .swiper-pagination-bullet-active {background-color: #fff;}
.nc-program-slide_aplay .swiper_control .swiper-progress-wrap { display: block; width: 11.1rem; height: 2.2rem; position: absolute; left: 3.3rem; top: 50%; margin-top: -0.1rem; background: #666; overflow: hidden; visibility: hidden;}
.nc-program-slide_aplay .swiper_control .swiper-progress { display: block; width: 0; height: 100%; background: #222;}




.selectric .label {font-size: 1.8rem;color: #666;font-weight: 500;margin: 0 3.8rem 0 1.5rem;height: 4.8rem;line-height: 4.8rem;font-family:  'Maven Pro','Montserrat', 'Pretendard', sans-serif;}

/* PROGRAM */
	.nc_program_util { right: 0;}
	.nc_program_util .selectric{ border-color: #fff;}
	.nc_program_util .selectric .label {min-width:5.5rem;margin-right: 3.5rem;}
    .nc_program_sort-mob .selectric-items {border-top-width: 0.1rem;}
    .nc_program_sort-mob {margin-right: 0; margin-left: 2.7rem;}
    .nc_program_sort-mob .selectric-open:before,
    .nc_program_sort-mob .selectric-open:after {display:none;}

	.nc_program_sorting {padding: 5.6rem 0 2.6rem;position: relative;}
	.nc_program_count {font-size: 1.6rem;}
	.nc_program_select {background: transparent;padding: 0rem;}
	.nc_program_select_pro_wrap{ width:auto}
	.nc_program_select_pro {width: 25rem;margin-right: 1rem;margin-left: 1rem;border-right: none;text-align: left;}
	.nc_program_select_pro .selectric{ background:transparent; border:none;    border-radius: 5px;
    background:#ECF0F2;height: 48px;
    line-height: 48px;}
	.nc_program_select_pro .selectric:after{ content:""; height:1.5rem; width:1px;background:#ddd;position:absolute; right: -0.7rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);display:none;}
    .nc_program_view {margin-left: 1.1rem; position: relative; top: auto; right: auto;position: relative;
    top: 0;
    right: 0px;
    border-color: #d8e2e5;
    background: #fff;
    color: #222;
    min-height: 30px;
    min-width: 30px;
    padding: 4px;
    margin: 0;
    margin-right: 0px;
    font-weight: 500;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;}
 	.nc_program_search {position: relative;
    top: 0;
    right: 0px;
    border-color: #d8e2e5;
    background: #fff;
    color: #222;
    min-height: 30px;
    min-width: 30px;
    padding: 4px;
    margin: 0;
    margin-right: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;}
    .nc_program_view:after { transition: color 300ms; -webkit-transition: color 300ms; font-size: 1.8rem;}
	.nc_program_search:after { transition: color 300ms; -webkit-transition: color 300ms; font-size: 1.8rem;}
	.nc_program_select-refresh{ position: relative; top: 0;left: 0.4rem;    width: 8rem;border: 1px solid #142143;    background: #142143;
    color: #fff;}
	.nc_program_select-refresh:after {line-height: 38px; -webkit-transition:color 300ms; transition: color 300ms;margin-left:6px;}
    .nc_program_select .selectric-items {border-width:0.1rem;}
    .nc_program_select .selectric-open:before,
    .nc_program_select .selectric-open:after {display:none;}
		html.desktop .nc_program_select-refresh:hover {border: 1px solid #142143;    background: #142143;
    color: #fff;}
	html.desktop .nc_program_select-refresh:hover:after {color: #fff;}
		html.desktop .nc_program_select-refresh:hover span {color: #fff;}
	html.desktop .nc_program_view:hover:after { color: #4478FF; }
	html.desktop .nc_program_search:hover:after { color: #4478FF; }

	.nc_program .nc-nav-search__form { bottom: 1.1rem; right: 0rem; margin: 0; width: auto;}
	.nc_program .nc-nav-search__field { top: auto; }
	html.mobile .nc_program .nc-nav-search__form { right: 13.8rem; bottom: 0.7rem; }

    .nc_program_select + .nc_list_notrecord { padding-top: 15rem; margin-bottom: -6.4rem; }
    .nc_program_select + .nc_list_notrecord:before {display:none;}

	.nc_program_buttons { position: absolute; right: 0; border: none;top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
	.nc_program_buttons .nc_program_button {width: auto;min-width: 14rem;margin: 1rem 0; border: 0; background: #eaeaea; font-size: 1.4rem; display:block; transition: background 0.3s; -webkit-transition: background 0.3s}
	.nc_program_buttons .nc_program_button.nc_program_apply {background: #034EA2; color: #fff;}
    html.desktop .nc_program_buttons .nc_program_button:hover {background:#d2d2d2;}
    html.desktop .nc_program_buttons .nc_program_button.nc_program_apply:hover {background:#173652;}
    html.desktop .nc_program_list--row .nc_program_buttons .nc_program_button.nc_program_apply:hover {/* background:#6c9bc5;background:rgba(108, 155, 197, .4) */}
	.nc_program_list--row .nc_program_buttons .nc_program_button.nc_program_apply { /* background:#6c9bc5; background: rgba(108, 155, 197, .2); */ }
	.nc_program_buttons:after,
	.nc_program_buttons:before { display: none;}
	.nc_program_item { border-top: 1rem;}
	.nc_program_content { padding: 4rem 0 4.1rem;}
	.nc_program_department-wrap { top: 3.6rem; right: 0;}
	.nc_program_department { font-size: 1.4rem; transition: color 0.3s; -webkit-transition: color 0.3s; padding-top: 0; padding-bottom: 0; padding-right: 1.5rem;}
	.nc_program_department:after { top: 0.1rem; right: -0.5rem; }
	.nc_program_cat { font-size: 1.4rem; line-height: 1.6; }
	.nc_program_period { font-size: 1.4rem; font-family:  'Maven Pro','Montserrat','Pretendard', sans-serif; line-height: 1.6; font-weight: 500; padding-left: 1.6rem;}
	.nc_program_period:after { left: 0.8rem; margin-top: -0.4rem; height: 0.9rem; }
	.nc_program_title {font-size: 2rem; margin-bottom: 1rem; transition: color 0.3s; -webkit-transition: color 0.3s;}
	.nc_program_deadline { font-size: 1.4rem;  padding: 0.6rem 1.2rem 0.7rem; }
	.nc_program_desc {font-size: 1.5rem; line-height: 1.8;  max-height: 3.38em;}
	html.desktop .nc_program_title:hover {color: #034EA2;}
	html.ie11 .nc_program_period {top: -0.1rem;}
	html.ie11 .nc_program_period:after {margin-top: -0.3rem;}
	html.ios .nc_program_department:after {top: 0.1rem}

.nc_program_list--row .nc-program__content {padding-right: 16rem;}
	.nc_program_list--row .nc-program__data_group { display: inline-block; 	vertical-align: top; }
	.nc_program_list--row .nc-program__department-wrap{ position: relative; top: auto; right: auto; display: inline-block; vertical-align: top;}
	.nc_program_list--row .nc-program__department {padding: 0 1.5rem 0 1.6rem; transition: color 0.3s; -webkit-transition: color 0.3s}
	.nc_program_list--row .nc-program__department:before {content: '';display: block;width: 0.1rem;height: 0.9rem;background: #ddd;position: absolute;top: 0.6rem;left: 0.8rem;}

.nc-program__buttons { position: absolute; right: 0; border: none;top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
	.nc-program__buttons .nc-program__button {width: auto;min-width: 14rem;margin: 1rem 0; border: 0; background: #eaeaea; font-size: 1.4rem; display:block; transition: background 0.3s; -webkit-transition: background 0.3s}
	.nc-program__buttons .nc-program__button.nc-program__apply {background: #142143; color: #fff;}
    html.desktop .nc-program__buttons .nc-program__button:hover {background:#d2d2d2;}
    html.desktop .nc-program__buttons .nc-program__button.nc-program__apply:hover {background:#173652;}
    html.desktop .nc_program_list--row .nc-program__buttons .nc-program__button.nc-program__apply:hover {/* background:#6c9bc5;background:rgba(108, 155, 197, .4) */}
	.nc_program_list--row .nc-program__buttons .nc-program__button.nc-program__apply { /* background:#6c9bc5; background: rgba(108, 155, 197, .2); */ }
	.nc-program__buttons:after,
	.nc-program__buttons:before { display: none;}
	.nc-program__item { border-top: 1rem;}
	.nc-program__content { padding: 4rem 0 4.1rem;}
	.nc-program__department-wrap { top: 3.6rem; right: 0;}
	.nc-program__department { font-size: 1.4rem; transition: color 0.3s; -webkit-transition: color 0.3s; padding-top: 0; padding-bottom: 0; padding-right: 1.5rem;}
	.nc-program__department:after { top: 0.1rem; right: -0.5rem; }
	.nc-program__cat { font-size: 1.4rem; line-height: 1.6; }
	.nc-program__period { font-size: 1.4rem; font-family:  'Maven Pro','Montserrat','Pretendard', sans-serif; line-height: 1.6; font-weight: 500; padding-left: 1.6rem;}
	.nc-program__period:after { left: 0.8rem; margin-top: -0.4rem; height: 0.9rem; }
	.nc-program__title {font-size: 2rem; margin-bottom: 1rem; transition: color 0.3s; -webkit-transition: color 0.3s;}
	.nc-program__deadline { font-size: 1.4rem;  padding: 0.6rem 1.2rem 0.7rem; }
	.nc-program__desc {font-size: 1.5rem; line-height: 1.8;  max-height: 3.38em;}
	html.desktop .nc-program__title:hover {color: #142143;}
	html.ie11 .nc-program__period {top: -0.1rem;}
	html.ie11 .nc-program__period:after {margin-top: -0.3rem;}
	html.ios .nc-program__department:after {top: 0.1rem}



.nc_program_select_pro {display: inline-block; vertical-align: middle; border-right: 0rem solid #ddd;margin-bottom: 0.5rem;height: 100%;margin-top: 0.5rem; width: 22rem;float: left; }


.nc_program_select_pro.first {    margin-left: 0rem;}


.nc_program_select_pro.three {
    display: inline-block;
    vertical-align: middle;
    border-right: 0rem solid #ddd;
    margin-bottom: 0.5rem;
    height: 100%;
    margin-top: 0.5rem;
    width: auto;    width: 25rem;margin-bottom: 0px;
}

.nc_program_select_pro.two {display: inline-block; vertical-align: middle; border-right: 0rem solid #ddd;margin-bottom: 0.5rem;height: 100%;margin-top: 0.5rem;    width: 25rem;    margin-left: auto;font-size:1.8rem }

.nc_program_select_pro_wrap .selectric .label{
    font-size: 1.6rem;

}
.nc_program_select-refresh{
    margin-top: 0;border-radius: 5px;
}

.nc_program_select-refresh span{
    font-size:1.5rem;
	font-weight: bold;
}


.selectric-items li {
    padding: 1.9rem 3.8rem 1.9rem 1.6rem;
    font-size: 1.7rem;
    text-align: left;
    font-weight: 500;
}


.ui-datepicker-title .selectric-items li {
    padding: 1.2rem 1.2rem 1.2rem 1.2rem;
    font-size: 1.5rem;
    text-align: left;
    font-weight: 500;
}

.ui-datepicker-title .selectric-open .selectric-items {
    display: block;
	width: 100px;
}

.tit {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;font-size:1.8rem;    font-weight: 500;
    color: #444;
}
.program_wrap__info {
    position: relative;
    min-height: 29.1rem;
    padding-bottom: 9rem;
}
.program_wrap__info .pr_btn_area {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 6rem;
    font-size: 1.6rem;
    line-height: 6.5rem;    width: 100%;
}
.nc_button {
    width: 22rem;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
}
.program_wrap__info-desc {
    margin-top: 2.5rem;
}
.program_wrap__info-desc li {
    font-size: 1.6rem;
}

.program_wrap .nc_tab {
    margin-top: 0;
}

.nc_tab__menu {
    margin-bottom: 5rem;
}
.nc_tab {border-top: 0;}
	.nc_tab__tit { font-size: 1.6rem; margin-top:4rem; padding: 0; background: none; color: #222;}
    .nc_tab__list {padding: 2.1rem 0 2.9rem;margin: -0.5rem;}
	.nc_tab__item {font-size: 1.5rem;padding: 1.2rem 1.3rem 1.1rem;margin: 0.5rem;transition: background 0.3s; -webkit-transition: background 0.3s}

    .nc_tab__menu {margin-bottom:5rem;}
    .nc_tab__menu li {}
    .nc_tab__menu li a {padding: 2.2rem 0 2.4rem;font-size: 1.6rem;}
    .nc_tab__panels {padding-bottom:5.4rem;}
    .nc_tab__panels h2 { font-size: 3rem;}
    .nc_tab__panels h2 + h3,
    .nc_tab__panels h2 + ul {margin-top:2.7rem;}
    .nc_tab__panels h3 {margin-top: 2.3rem;}
    .nc_tab__panels ul { margin-top: 1.2rem;}
    .nc_tab__panels li br {display:block;}
    .nc_tab__panels #curriculum li + li {margin-top: 1.4rem;}

	.nc_tab__list { max-width: 121rem; white-space: normal; overflow: unset; }
	.nc_tab__list--count-2 {margin-left: auto; margin-right: auto;}
	.nc_tab__list--count-2 .nc_tab__item { width: -webkit-calc(50% - 1rem); width: calc(50% - 1rem); }
	.nc_tab__list--xl .nc_tab__item {padding-top: 2rem;padding-bottom: 2rem;}

    html.desktop .nc_tab__item:not(.nc_tab__item--active):hover { background:#6c9bc5; background:rgba(108, 155, 197, .2);}
.program_wrap .nc-program-slide_aplay {margin-left:0; margin-right:0; padding-bottom:0;}

  .program_wrap__info-wrap .info_area {
    padding: 3.5rem 2.6rem 3rem;
}

.nc-program-slide_aplay .visual_state {
    color: #fff;
    font-weight: 600;
    font-size: 0.938rem;
    background: #029f6d;
    padding: 20px 28px;
    position: absolute;
    left: 0;
    top: 0;
	font-size:1.6rem;
	z-index: 2;
}
.program_wrap__info {
    position: relative;
    min-height: 372px;
    padding-bottom: 9rem;
}

}


.bba{background: #1e6fc7;}
.bbb{background: #143276;}
.bbc{background: #029f6d;}

/* Single Slideshow */
.nc-program-slide {position: relative;}
.nc-program-slide:after { content: ''; display: block; width: 100%; height: 9rem; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; }
.nc-program-slide__figure {padding-top: 62.5%;/*  background: #ddd; */}
.nc-program-slide .swiper_control {position: absolute; bottom: 1.5rem; left: auto; display: block; width: 100%;}
.nc-program-slide .swiper_control .swiper-pagination-bullet {border-color: #fff;}
.nc-program-slide .swiper_control .swiper-pagination-bullet-active {background-color: #fff;}

.nc-program-slide_aplay {position:relative; overflow:hidden;}
.nc-program-slide_aplay .nc-program-slide__figure {padding-top: 463.5px}
.nc-program-slide_aplay .swiper_control {position: absolute;bottom: 0.8rem;left: auto;display: block;width: 100%;text-align: center;}
.nc-program-slide_aplay .swiper_control .swiper-pagination {display:inline-block; vertical-align:middle;}
.nc-program-slide_aplay .swiper_control .swiper-pagination-bullet {border-color: #fff;}
.nc-program-slide_aplay .swiper_control .swiper-pagination-bullet-active {background-color: #fff;}
.nc-program-slide_aplay .swiper_control .swiper-progress-wrap { display: block; width: 11.1rem; height: 2.2rem; position: absolute; left: 3.3rem; top: 50%; margin-top: -0.1rem; background: #666; overflow: hidden; visibility: hidden;}
.nc-program-slide_aplay .swiper_control .swiper-progress { display: block; width: 0; height: 100%; background: #222;}



.nc_tab__menu {
    width: 100%;
    margin: 0 auto 3rem;
    position: relative;
    font-size: 0;
}

.program_wrap__info-desc li {
    font-size: 1.5rem;
    display: table;
	margin-bottom:8px;
}
.program_wrap__info-category {
    font-size:28px;
	margin-bottom:30px;
    color: #142143;
    letter-spacing: -0.025em;
    font-weight: 700;   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}
.program_wrap__info-desc {
    margin-top: 1.8rem;
}
.nc_button {
    display: inline-block;
    vertical-align: top;
    width: -webkit-calc(100% - 6rem);
    width: calc(100% - 6rem);
    height: 100%;
    background: #029f6d;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 6rem;
    /*background-image: linear-gradient(to right, #00b2a6, #3cba92, #30dd8a, #2bb673);
    background-image:linear-gradient(to right, #00b2a6, #3cba92, #30dd8a, #2bb673);*/
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);

}

.nc_button3 {
    display: inline-block;
    vertical-align: top;
    width: -webkit-calc(100% - 6rem);
    width: calc(100% - 6rem);
    height: 100%;
    background: #142143;
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 6rem;
}

.program_wrap__info-wrap .info_area {
    border-top-color: #222;
    background: #f8f8f8;
    /*padding: 2.2rem 2rem 2.5rem;*/
}
.program_wrap__info-wrap {
}
.program_wrap__info .nc_button:last-child {
    margin-right: 0;
}

.program_wrap__info .nc_button3:last-child {
    margin-right: 0;
}

.program_wrap__info .nc_button {
    width: 100%;    width: calc(49.5% - 0px);
    margin-top: 0;
    font-size: 15px;
    line-height: 6rem;    margin-right: 1%;
}

.program_wrap__info .nc_button3 {
    width: 100%;   width: -webkit-calc(32.6666% - 0px);width: calc(32.6666% - 0px);
    margin-top: 0;
    font-size: 15px;
    line-height: 6rem;    margin-right: 1%;
}


.program_wrap__info-desc li > p {
    color: #666;
    display: table-cell;
    font-size: 14px;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
    font-weight: 500;
}
.program_wrap__info-desc li > span {
    color: #000;
    display: inline-block;
    padding-right: 0.8rem;
    margin-right: 0.8rem;
    position: relative;
    font-size: 14px;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
    font-weight: 500;
}
.program_wrap .nc_tab {
    margin-top: 3rem;
}

.nc_button.blist {
    background: #222;
    color: #fff;
}
.nc_button.bend {
    background: #aaa;
    color: #fff;
}

.nc_button3.blist {
    background: #222;
    color: #fff;
}
.nc_button3.bend {
    background: #aaa;
    color: #fff;
}

.nc_tab:after {content: '';display: table;clear: both;}
.nc_tab__menu {width: 100%;margin: 0 auto 3rem;position: relative;font-size:0;}
.nc_tab__menu:before {width:100%; height:0.1rem; background:#dae1e6; content:''; display:block; position:absolute; bottom:0;}
.nc_tab__menu li {width:33.33333333%;display:inline-block;position: relative;vertical-align: middle;border: solid #dae1e6;border-width: 0.1rem 0.1rem 0;cursor: pointer;}
.nc_tab__menu li + li {border-left:none}
.nc_tab__menu li:before {content: '';display: block;height: 2px;position: absolute;left: -0.1rem;right: -0.1rem;top: -0.1rem;background: transparent;z-index: 1;}
.nc_tab__menu li a {display: block;width: 100%;padding: 2.2rem 0 2.4rem;font-size: 1.5rem;font-weight: 500;line-height: 1.35;text-align: center;color: #666;-webkit-transition: color 300ms;transition: color 300ms;}
.nc_tab__menu li.nc_tab--active {background: #fff;border-bottom-color: #fff;}
.nc_tab__menu li.nc_tab--active:before {background: #142143;}
html.desktop .nc_tab__menu li:hover a, .nc_tab__menu li.nc_tab--active a {color: #142143;}
/*.nc_tab__panels {float: left;width: 100%;padding-bottom: 3rem;border-bottom:0.1rem solid #ddd;}*/
.nc_tab__panels {
    font-size: 1.4rem;
    color: #666;
}


/* nc_tab variation */
.nc_tab__list--xl .nc_tab__item { padding-top: 1.3rem; padding-bottom: 1.4rem;}
.nc_tab__list--count-2 .nc_tab__item { width: -webkit-calc(50% - 0.8rem); width: calc(50% - 0.8rem);text-align: center;}
.program_wrap__info-wrap .info_area {
    border-top-color: #0e6458;
    background:#f7f9fa;
    /*padding: 2.2rem 2rem 2.5rem;*/
}

.program_wrap .nc-program-slide_aplay .swiper_control .swiper-pagination, .program_wrap .nc-program-slide_aplay .swiper_control .swiper_play_state {
    display: none;
}



@media (min-width: 1024px){


}
.nc-program-slide_aplay .nc-program-slide__figure {
    padding-top: 400px;
}
.program_wrap__info-wrap {
    min-height: 400px;
  }
.program_wrap__info {
    position: relative;
    min-height: 336.5px;
    padding-bottom: 9rem;
}
@media (max-width: 1920px){

.nc-program-slide_aplay .nc-program-slide__figure {
    padding-top: 400px;
}
.program_wrap__info-wrap {
    min-height: 400px;
  }
.program_wrap__info {
    position: relative;
    min-height: 336.5px;
    padding-bottom: 9rem;
}
}



@media (max-width: 1680px){

.nc-program-slide_aplay .nc-program-slide__figure {
    padding-top: 400px;
}
.program_wrap__info-wrap {
    min-height: 400px;
  }
.program_wrap__info {
    position: relative;
    min-height: 336.5px;
    padding-bottom: 9rem;
}
}




@media (max-width: 1024px){

.nc-program-slide_aplay .nc-program-slide__figure {
    padding-top: 400px;
}
.program_wrap__info-wrap {
    min-height: 400px;
  }
.program_wrap__info {
    position: relative;
    min-height: 336.5px;
    padding-bottom: 9rem;
}


#tab_menu li a {
    font-size: 2.0rem;
    font-weight: 500;
    color: #222;
    padding: 3.0rem 2.2rem 3.3rem;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}

.program_wrap__info .pr_btn_area{

margin-top:3rem;
}
.mobile_container {display: block; position: absolute; top: .8rem; right: 0.8rem; z-index: 2222;}
.tableWrap .note{display:block;}
.btn_wrap .note{display:block;}
.nc_program_select_pro_wrap .selectric .label {
    font-size: 1.2rem;
    color: #666;
    font-weight: 500;
    margin: 0 3.8rem 0 1.5rem;
    height: 50px;
    line-height:50px;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
    text-align: left;
}
.selectric .button {
    width: 4.8rem;
    height: 50px;
}
.nc_program_select-refresh {
    display: inline-block;
    vertical-align: middle;
    width: 10rem;
    position: relative;
    text-align: center;
    border: 1px solid #d8e2e5;
    margin-left: 0;
    bottom: 7.5px;
    height: 46px;
    line-height: 46px;
    right: 0;
    bottom: 0px;
    bottom: 0px;
    margin-top: 10px;    border-radius: 3px;    border: 1px solid #142143;
    background: #142143;
    color: #fff;
}
.nc_program_select-refresh:after {
    content: '\e925';
    font-family: 'nc-font';
    font-size: 1.4rem;
    color: #b2b2b2;
    line-height: 40px;
    /* line-height: 38px; */
    margin-left: 5px;
}
.nc_program_select-refresh span {
    font-size: 1.3rem;
    font-weight: 500;
}
.selectric {
    background: #fff;
    border: 1px solid #d8e2e5;
    height: 50px;
    line-height: 50px;
}
.selectric-items li {
    padding: 0.9rem 3.8rem 0.9rem 1.6rem;
    font-size: 1.2rem;
    text-align: left;
}
.nc-breadcrumb {font-size: 0; margin-bottom:1rem;    text-align: right;display:block;}
	.nc-breadcrumb__item { display: inline-block;vertical-align: middle}
	.nc-breadcrumb__item a,
	.nc-breadcrumb__item span {display: block;font-size: 13px;line-height: 2.4rem;color: #222;-webkit-transition:color 300ms;transition: color 300ms;font-weight: 500;}
	.nc-breadcrumb__item a:hover { color:#142143}
	.nc-breadcrumb__item--separator { width: 3rem; height: 2.4rem}
	.nc-breadcrumb__item--separator span { display: block; width: 100%; position: relative; font-size: 0}
	.nc-breadcrumb__item--separator span:before {  content: ""; border: 3px solid transparent; border-left: 4px solid #222; position: absolute;  top: 0.9rem; left: 1.4rem;}
	.nc-breadcrumb__item--home {  width: 1.3rem; height: 2.4rem; position: relative}
	.nc-breadcrumb__item--home a { width: 100%; position: relative; font-size: 0}
	.nc-breadcrumb__item--home a:after { display: block; width: 100%; position: absolute; left: 0; top: 0; content: '\e92c'; font-family: 'nc-font'; font-size: 13px; line-height: 2.4rem; text-align: center; font-weight: normal; color: #222}
.nc-program-slide_aplay .visual_state {
    color: #fff;
    font-weight: 600;
    font-size: 0.938rem;
    background: #27b4c5;
    padding: 20px 28px;
    position: absolute;
    right: 0;
    bottom: 0;
	font-size:1.6rem;
	z-index: 2;
}

.search_box2 {
    width: 100%;
    padding: 12px 0px;
    background-color: #FEFEFE;
    text-align: center;
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    position: relative;
}

.nc_program_select_pro.three {
    display: inline-block;
    vertical-align: middle;
    /*width: 100%;*/
    border-right: 0rem solid #ddd;
    margin-bottom: 0px;
    height: 100%;
    margin-top: 3.5px;
    /*width: -webkit-calc(100% - 5.2rem);
    width: calc(100% - 5.2rem);*/height: 50px;
	float: left;
}

.nc_program_select_pro.four {
    display: inline-block;
    vertical-align: middle;
    /* width: 100%; */
    border-right: 0rem solid #ddd;
    margin-bottom: 0px;
    height: 100%;
    margin-top: 3.5px;
   width: -webkit-calc(49% - 0rem); 
    width: calc(49% - 0rem); 
    height: 50px;
    float: left;
    margin-right: 0%;
    margin-left: 1%; 
}
}
.nc-frm__data-auth-group--tel .nc-form__field-btn.active {
    border-color: #888;
    background: #888;
    color: #fff;
}
@media (max-width: 768px){



.nc-program-slide_aplay .nc-program-slide__figure {
   padding-top: 62.5%;
}
.program_wrap__info-wrap {
    min-height: auto;
  }
.program_wrap__info {
    position: relative;
    min-height: auto;
    padding-bottom: 9rem;
}

.nc-breadcrumb {font-size: 0;
    margin-bottom: 0;
    text-align: right;
    /* display: none;*/}
	.nc-breadcrumb__item { display: inline-block;vertical-align: middle}
	.nc-breadcrumb__item a,
	.nc-breadcrumb__item span {display: block;font-size: 13px;line-height: 2.4rem;color: #222;-webkit-transition:color 300ms;transition: color 300ms;font-weight: 500;}
	.nc-breadcrumb__item a:hover { color:#142143}
	.nc-breadcrumb__item--separator { width: 3rem; height: 2.4rem}
	.nc-breadcrumb__item--separator span { display: block; width: 100%; position: relative; font-size: 0}
	.nc-breadcrumb__item--separator span:before {  content: ""; border: 3px solid transparent; border-left: 4px solid #222; position: absolute;  top: 0.9rem; left: 1.4rem;}
	.nc-breadcrumb__item--home {  width: 1.3rem; height: 2.4rem; position: relative}
	.nc-breadcrumb__item--home a { width: 100%; position: relative; font-size: 0}
	.nc-breadcrumb__item--home a:after { display: block; width: 100%; position: absolute; left: 0; top: 0; content: '\e92c'; font-family: 'nc-font'; font-size: 13px; line-height: 2.4rem; text-align: center; font-weight: normal; color: #222}


.modal_page_open.on .nc-breadcrumb {
    font-size: 0;
    margin-bottom: 0;
    text-align: right;
    display: none;
}
#logo {
    position: absolute;
    top: 18px;
    left: 1.5rem;
    width: 150px;
    /* height: 2.8rem; */
    z-index: 2;
    left: 2%;
    margin-left: 0rem;
}
.header_wrap {
    max-width: inherit;
    height: 60px;
    margin: 0 auto;
    position: relative;
    border-bottom: 0.0rem solid #ddd;
    background: inherit;
}
body.home .main_container,body.sub .main_container,body.program_view .main_container {
    padding-bottom: 6rem;
    min-height: 54rem;
}
.main_container{
    padding-top: 60px;
    padding-bottom: 5rem;
}
.member_menu_container {
    opacity: 1;
    visibility: visible;
    z-index: 651;
    position: fixed;
    top: 17px;
    right:45px;
}
.mobile_open_btn {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
}
.mobile_open_btn:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'nc-font';
    content: '\E92D';
    font-size: 1.8rem;
    line-height: 50px;
    font-weight: normal;
    text-align: center;
    color: #000;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}
.mobile_container {
    display: block;
    position: absolute;
    top: 5px;
    right: -5px;
    z-index: 2222;
}
.program_view .main_container {
    padding-top: 4.5rem;
    padding-bottom: 5rem;
}

#nc-login-form .nc_frm__data {
    margin-bottom: 0rem;
}

.noResult {
    margin-top: 0px;
    padding: 140px 0 87px 0;
    text-align: center;
    border-top: 3px solid #222;
    border-bottom: 1px solid #ededed;
    position: relative;
}
#small_menu_close {
    display: block;
    opacity: 0;
    visibility: hidden;
    width: 3.2rem;
    height: 3.2rem;
    position: fixed;
    top: 1.2rem;
    right: 5px;
    z-index: 651;
    cursor: pointer;
}
.tit {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    color: #444;
}
.noResult:before {
    position: absolute;
    font-size: 38px;
    width: 80px;
    height: 80px;
    content: '\E846';
    font-family: 'nc-font';
    top: 40%;
    margin-left: -40px;
    margin-top: -40px;
    color: #666;
    left: 50%;
}

.nc_program_select .nc_program_select-refresh {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #E6E6E6;
    width: 48px;
    height: 50px;
    position: absolute;
    text-align: center;
    bottom: 0px;
    right: 0;
    margin-top: 0rem;    float: none;
}

.nc_program_select_pro.three {
    border-right: 0rem solid #ddd;

  /*  width: -webkit-calc(100% - 54px);
    width: calc(100% - 54px);*/
    float: left;
	    margin-bottom: 0rem;
}
.nc_program_select_pro.four {
    border-right: 0rem solid #ddd;

 /*  width: -webkit-calc(100% - 54px);
    width: calc(100% - 54px);*/
    float: left;
	    margin-bottom: 0rem;    width: -webkit-calc(49% - 0rem);
    width: calc(49% - 0rem);
}
html.mobile .nc_selectric_area {
    margin-top: 0rem;float:left;margin-bottom: 0rem;

}
html.mobile .nc_program_select_pro.three {

    /*margin-top: 0.5rem;
	margin-bottom: 0rem; margin-top: 0.6rem;float:left;height: 50px;*/
}
html.mobile .nc_program_select_pro.four {

    margin-top: 5px;
	margin-bottom: 0rem; float:left;height: 50px;
}
.nc_program_select_pro{
    margin-bottom: 0rem;height: 50px;
}
.nc_program_select_pro.two {
    margin-bottom: 0rem;height: 50px;
}
html.mobile .nc_selectric_area {background: #fff; border-radius: 0; }
html.mobile .nc_selectric_area:before {width: 0; height: 0; position: absolute; top: 2.1rem; right: 2rem; content: ''; text-align: center; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.5rem solid #222;}
html.mobile .nc_selectric_area > select {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; margin: 0; padding: 1.4rem 3.4rem 1.5rem 1.4rem; position: relative; font-family: 'Pretendard', sans-serif; font-size: 1.4rem; line-height: 1; font-weight: 400; color: #222; background: transparent; border: 0.1rem solid #E6E6E6; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-box-shadow: none; box-shadow: none; opacity: 1; letter-spacing: -0.025em;}
html.mobile .selectric-wrapper.selectric-nc-selectric .selectric .label {height:4.6rem; line-height:4.6rem;}

html.mobile .selectric-hide-select.selectric-is-native {background: #fff; border-radius: 0; }
html.mobile .selectric-hide-select.selectric-is-native:before {width: 0; height: 0; position: absolute; top: 2.1rem; right: 2rem; content: ''; text-align: center; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.5rem solid #222;}
html.mobile .selectric-hide-select.selectric-is-native select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;height: auto;margin: 0;padding: 1.4rem 3.4rem 1.5rem 1.4rem;position: relative;font-family: 'Pretendard', sans-serif;font-size: 1.4rem;line-height: 1;font-weight: 400;color: #222;background: transparent;border: 0.1rem solid #E6E6E6;border-radius: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1;letter-spacing: -0.025em;}
.nc-separator {
    height: 0.8rem;
    background: #f4f5f6;
    border-top: 0.1rem solid #d8e2e5;
}

#nc_frm-mypage-edit-step-02 .nc-separator {
    margin-left: -2rem;
    margin-right: -2rem;
    margin-top: 3rem;
}

.wrap .program_form .nc-separator {
    margin-left: 0;
    margin-right: 0;
}
.nc_program_select_pro_wrap .selectric .label{
    height: 50px; line-height: 50px;
}
.selectric .button {
    width: 4.8rem;
    height: 50px;
}

.nc_program_select .nc_program_select-refresh {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #E6E6E6;
    width:100px;
    height: 50px;
    position: relative;
    text-align: center;
    bottom: 0px;
    right: 0;
    margin-top: 5px;
    float: none;
}

.nc_program_select-refresh:after {
    content: '\e925';
    font-family: 'nc-font';
    font-size: 1.4rem;
    color: #b2b2b2;
    line-height: 46px;
}

.selectric {
    background: #fff;
    border: 1px solid #E6E6E6;
    height: 50px;
}

.nc_program_select {
    display: block;
    font-size: 0;
    position: relative;
    margin: 2px 1rem 0px;
}
.nc_program_select_pro.three,.nc_program_select_pro.four {

    margin-top: 5px;

}

.nc-nav-search__close {
      top: 0rem;
    left: 0rem;
	right:auto;

}
.nc-nav-search__submit{
 top: 0rem;
    left: auto;
	right:0;
}
}

@media (min-width: 1640px){
.search_box2 {
    width: 100%;
    padding: 12px 0px;
    background-color: #FEFEFE;
    text-align: center;
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    position: relative;
}
.nc_program_select_pro_wrap .selectric .label {
    font-size: 1.3rem;
}
.nc_program_select-refresh span {
    font-size: 1.3rem;
    font-weight: bold;
}
.nc_program_select_pro.four {
    display: inline-block;
    vertical-align: middle;
    /* width: 100%; */
    border-right: 0rem solid #ddd;
    margin-bottom: 0px;
    height: 100%;
        margin-top: 0.5rem;
    /* width: -webkit-calc(49% - 4.2rem); */
    /* width: calc(49% - 4.2rem); */
    /* height: 50px; */
    float: left;
    margin-right: 0%;
    margin-left: 0;
    /* margin-left: 1%; */
}
.selectric-items li {
    padding:1.5rem 3.8rem 1.5rem 1.6rem;
    font-size: 1.3rem;
    text-align: left;
    font-weight: 500;
}
.nc_program_select_pro .selectric {
    background: transparent;
    border: none;
    border-radius: 5px;
    background: #f2f2f2;
   /* height: 62px;
    line-height: 62px;*/
}
.nc_program_select_pro_wrap .selectric .label {
    font-size: 1.4rem;
    color: #666;
    font-weight: 500;
    margin: 0 3.8rem 0 1.5rem;
 /*   height: 62px;
    line-height: 62px;*/
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
    text-align: left;
}
.selectric .button {
    width: 4.8rem;
  /* height: 62px; */
}
.nc_program_select-refresh {
 /*height: 62px;
  line-height: 58px;*/

}

}

.tableWrap{position:relative;display: block;}

.tableWrap .scrollDiv{overflow-x:auto;}
.tableWrap .scrollDiv::-webkit-scrollbar{height:7px; background:#f0f0f0;}
.tableWrap .scrollDiv::-webkit-scrollbar-thumb{background:#a9a9a9; border-radius:0;}

.tableR{border-top:3px solid #92613e;border-bottom: 1px solid #ededed;}
.tableR.type2{border-top:1px solid #ddd}
.tableR table{width:100%; table-layout:fixed; /*border-top:3px solid #000;*/    border-collapse: collapse;min-height: 283px;}
.tableR table thead tr{border-bottom:1px solid #ededed;}
.tableR table thead tr th{   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;color:#333; font-size:13px; padding:20px 0; border-right:1px solid #ededed; background:#f7f3f0;text-align:center;vertical-align: middle;font-weight:600;}


.tableR table thead tr th.wht{   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif; color:#333; font-size:13px; padding:20px 0; border-right:1px solid #ededed; background:#fff;text-align:center;vertical-align: middle;}


.tableR table thead tr th:last-child{border-right:none;    border-left: 1px solid #ededed;}
.tableR table thead tr th p{margin-top:5px;    font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif; font-size:18px;}
.tableR table tbody{border-bottom:1px solid #ededed;}
.tableR table tbody tr.thead{background:#f7f7f7;}
.tableR table tbody tr.thead td{padding:20px 0;   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif; color:#333; font-size:20px; border-right:1px solid #ededed;}
.tableR table tbody tr.tfoot{background:#fbfbfb; background:#fbfbfb;}
.tableR table tbody tr.tfoot td{   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;color:#333; font-size:12px;}
.tableR table tbody tr.blueBg{background:#ecfaf3;}
.tableR table tbody tr td{padding:5px 8px; text-align:center; font-size:12px; line-height:1.3; border-right:1px solid #ededed; border-top:1px solid #ededed;   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;vertical-align: middle;}


.tableR table tbody tr td.price{padding:5px 8px; text-align:right; font-size:12px; line-height:1.3; border-right:1px solid #ededed; border-top:1px solid #ededed;   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;vertical-align: middle;}

.tableR table tbody {
    border-bottom: 1px solid #ededed;
}

.tableR table tbody tr td:first-child{padding:6px 10px; text-align:center; font-size:12px; line-height:1.3; border-right:1px solid #ededed; border-top:1px solid #ededed;   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;vertical-align: middle;}
.tableR table tbody tr:first-child td{border-top:none;}
.tableR table tbody tr:last-child td{border-bottom:1px solid #ededed;}
.tableR table tbody tr td.nsB{font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;}
.tableR table tbody tr td .txt_right{text-align:right;}
.tableR table tbody tr td .txt_left{text-align:left;}
.tableR table tbody tr td.noBt{border-top:none;}
.tableR table tbody tr td.smTable p{font-size:12px;}
.tableR table tbody tr td p{   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif; font-size:12px;}
.tableR table tbody tr td p.nsEB{font-family:'NotoSans-Black'; font-size:12px;}
.tableR table tbody tr td span{   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;}
.tableR table tbody tr td .downArea{overflow:hidden;}
.tableR table tbody tr td .downArea .downTit{float:left; line-height:40px;}
.tableR table tbody tr td .downArea a{float:right;}
.tableR table tbody tr td:last-child{border-right:none;    border-left: 1px solid #ededed;}
.tableR table tbody tr td.strongBd{border-bottom:1px solid #ccc;}
.tableR table tbody tr td.thead{font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif; color:#333; font-size:12px; background:#f7f7f7;}
.tableR table tfoot tr td{padding:20px 20px;font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif; color:#333; font-size:12px; text-align:center; line-height:30px; border-right:1px solid #ededed; border-bottom:1px solid #ccc; background:#fbfbfb;}
.tableR .tableTxt{margin-top:27px; font-size:22px;}




.tableR table td .re {
    border-color: #e60012;
    background: #e60012;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size: 1.2rem;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;
}


.tableR table td .rt {
    border-color: #00C73C;
    background: #00C73C;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 3px 8px;
    margin: 0;
    font-size: 11px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;
}



.tableR table td .rk {
    border-color: #090f33;
    background: #090f33;
    color: #fff;
    min-height: 20px;
    min-width: auto;
    padding: 3px 8px;
    margin: 0;
    font-size: 11px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}

.tableR table td .rb {
    border-color: #379DF6;
    background: #379DF6;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 3px 8px;
    margin: 0;
    font-size: 11px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}
.tableR table td .rbs {
    border-color: #27b4c5;
    background: #27b4c5;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 3px 8px;
    margin: 0;
    font-size: 11px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}
.tableR table td .ry {
    border-color: #f4811f;
    background: #f4811f;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 3px 8px;
    margin: 0;
    font-size: 11px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}

.tableR table td .rh {
    border-color: #ffbb3b;
    background: #ffbb3b;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 3px 8px;
    margin: 0;
    font-size: 11px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}
.tableR table td .rx {
    border-color: #d8e2e5;
    background: #fff;
    color: #222;
    min-height: 30px;
    min-width: 80px;
    padding: 3px 8px;
    margin: 0;
    font-size: 11px;
    line-height: 2;
    /* color: #898989; */
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}


.tableR table td .rc {
    border-color: #f4811f;
    background: #f4811f;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 3px 8px;
    margin: 0;
    font-size: 11px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}

.tableR table tbody tr td.txt_right{text-align:right;}
.tableR table tbody tr td.txt_left{text-align:left;}

.nf-cell {
    display: table;
    width: 100%;
    padding-bottom: 0px;
}

.nx-td {
    display: table-cell;
}


.ry {
    border-color: #f4811f;
    background: #f4811f;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}


.re {
    border-color: #e60012;
    background: #e60012;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}



.rk {
    border-color: #090f33;
    background: #090f33;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}



.rb {
    border-color: #379DF6;
    background: #379DF6;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}

.rbs {
    border-color: #27b4c5;
    background: #27b4c5;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
   padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:13px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}
.rbb {
    
    color: #fff;
    min-height: 30px;
    min-width: 80px;
   padding: 5px 8px;
    margin: 0;
	font-weight:600;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
	/*background-image: linear-gradient(to right, #4478FF, #3cba92, #30dd8a, #2bb673);*/
	background-image: linear-gradient(to right, #5c2483, #5c2483, #5c2483, #5c2483);
    box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.1);
    background-size: 300% 100%;


}

.rbw {
    border-color: #d8e2e5;
    background: #fff;
    color: #222;
    min-height: 30px;
    min-width: 80px;
   padding: 4px;
    margin: 0;
	font-weight:600;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
   border: 1px solid #d8e2e5;
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}

.rbf {
    width: auto;
    max-width: 72px;
    margin: 0 auto;
    border: 0;
    background: #f4f5f6;
    font-weight: 600;
    font-size: 12px;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    color: #222;
    border: 1px solid #d8e2e5;
    border-radius: 4px;
    padding: 4px;
    cursor: auto;
}
.gry .rbf {
    background: #fff;
   
}


.rbn {
    width: auto;
    max-width: 72px;
    margin: 0 auto;
    border: 0;
    background: #fff;
	font-weight:600;
    font-size:12px;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    color: #222;
    border: 1px solid #d8e2e5;
    border-radius: 4px;
    padding: 4px;
    cursor: auto;
}

.rbn.ss {
    background: #f8f8f8;
    color: #000;
    border: 1px solid #d8e2e5;
}

.rbd {
    border-color: #d8e2e5;
    background: #eee;
    color: #222;
    min-height: 30px;
    min-width: 80px;
   padding: 4px 4px;
    margin: 0;
	font-weight:600;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
   border: 1px solid #d8e2e5;
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}
.rbd.ss {
    background: #f8f8f8;
    color: #000;
    border: 1px solid #d8e2e5;
}
.rbx {
    border-color: #132332;
    background: #eee;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
    /* border-color: #d8e2e5; */
    /* background: #fff; */
    color: #222;
    min-height: 30px;
    min-width: 80px;
    padding: 4px;
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;


}

.chooseT{    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
}

.rbx.magam{

background-color: #090f33;
color: #fff;    border: 1px solid #090f33;
}


.rbx.daegi {
    border-color: transparent;
    background: #3cba92;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 4px 4px;
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
	background-image: linear-gradient(to right, rgb(255, 115, 86), rgb(251, 67, 87));
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;


}



.rh {
    border-color: #ffbb3b;
    background: #ffbb3b;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:600;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}
 .rx {
    border-color: #d8e2e5;
    background: #fff;
    color: #222;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:600;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}




.rc {
    border-color: #f4811f;
    background: #f4811f;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:600;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
  
}

@media (max-width: 768px){

.tableR table thead tr th {

    font-size: 12px;

}
.tbl_records {
    width: 100%;
    white-space: nowrap;
    width: 855px;
}
.scrollDiv .tableR {
    width: 855px;
    /* width: 200%; */
    padding-bottom: 10px;
}
.nc_program_util {
    position: absolute;
    right: 0rem;
    font-size: 0;
    display: inline-block;
    top: 1rem;
}
.tableWrap .note {
    margin-top: 6px;
    font-size: 11px;    margin-top: 8px;
    text-align: right;
    font-size: 14px;
    color: #999;
}
.ds_pagination .p_num {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    margin: 0 2px 4px;
    vertical-align: top;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.01em;
    text-align: center;
    line-height: 30px;
    color: #888;
    -webkit-transition: color 300ms;
    transition: color 300ms;
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
}
.ds_pagination .p_num.first:after, .ds_pagination .p_num.prev:after, .ds_pagination .p_num.next:after, .ds_pagination .p_num.last:after {
    display: block;
    font-family: 'nc-font';
    font-size: 16px;
    line-height: 27px;
    color: #aaa;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}


}

.on .selectric{

    background: #fff;
    color: #034EA2;
    border: 2px solid #034EA2;
}
.on .selectric .button {
    height: 45px;
}
.on .selectric .label {
    color: #034EA2;    line-height: 44px;    margin: 0 3.8rem 0 1.3rem;
}
.on .selectric .button:after, .on .selectric-hover .selectric .button:after {
    border-top-color: #034EA2;

	}
@media (max-width: 560px){
.nc_program_select_pro_wrap .selectric .label {
    height: 48px;
    line-height: 48px;
}
.nc_program_select_pro{
    margin-bottom: 0rem;height: 50px;
}
.nc_program_select_pro.two {
    margin-bottom: 0rem;height: 50px;
}
.nc_program_select .nc_program_select-refresh {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #E6E6E6;
    width: 100px;
    height: 50px;
    position: relative;
    text-align: center;
    bottom: 0px;
    right: 0;
   float: none;
}
html.mobile .nc_program_select_pro.three {

	margin-bottom: 0rem; margin-top: 5px;float:left;height: 50px;
}
.nc_program_select-refresh:after {
    content: '\e925';
    font-family: 'nc-font';
    font-size: 1.4rem;
    color: #b2b2b2;
    line-height: 48px;
}
.board_head .nc-nav-search__form {
    width: 100%;
}

.nc_program_search {
    top: 0.9rem;
}
.nc_program_view {
    top: 0.9rem;
}
}

@media (max-width: 480px){
.nc_program_select {
    display: block;
    font-size: 0;
    position: relative;
    margin: 3px 3% 0px;
}
.board_head .nc-nav-search__form {
    width: 100%;
}
.nc_program_select .nc_program_select-refresh {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #E6E6E6;
    width: 100px;
    height: 48px;
    position: relative;
    text-align: center;
    bottom:2px;
    right: 0;
    margin-top: 6px;
    float: none;
	margin-bottom:0px;
}

}
.search_box2:after {
    /*content: "";
    position: absolute;
    z-index: 6;
    top: -36px;
    left: 50%;
    margin-left: -16px;
    background-color: rgba(25,112,186,0.8);
    height: 32px;
    width: 32px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.25s ease-out;transform: scale(31);*/
}
.record_type1{height:180px}
.record_type1 > div{padding:0 8px 0 7px;white-space:nowrap}
.record_type1 .record_bx{width:130px;height:179px}
.record_type1 .record_bx .wrap{padding:7px 10px 0}
.record_type1 .record_bx .title{color:#034EA2;font-family:AppleSDGothicNeo-Medium}
.record_type2{height:251px}
.record_type2 > div{padding:0 8px 0 7px;white-space:nowrap}
.record_type2 .record_bx{width:235px;height:250px;text-align:left}
.record_type3{height:238px}
.record_type3 .record_bx .no_record_info{height:96px;padding-bottom:7px}
.record_type3 .record_bx .no_record_info .info_text{line-height:15px;font-size:11px}
.record_type3 > div{padding:0 8px 0 7px;white-space:nowrap}
.record_type3 .record_bx{width:130px;height:237px}
.record_type3 .record_bx .wrap{padding:7px 10px 0}
.record_type3 .record_bx .title{color:#034EA2;font-family:AppleSDGothicNeo-Medium}
.record_bx{position:relative;display:inline-block;vertical-align:top;margin:0 2px 0 3px;border:1px solid #e1e1e1;border-top:0;background:#fff;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light;text-align:center}
.record_bx .no_record_info{height:208px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:15px;text-align:center}
.record_bx .no_record_info .info_text{line-height:19px;font-size:14px;color:#c7c7c7}
.record_bx .rank_num{position:absolute;top:9px;left:11px;color:#034EA2;font-size:21px}
.record_bx .rank_group{position:absolute;top:7px;left:7px;border-bottom:1px solid #a1bdeb;color:#034EA2;font-size:11px;font-family:HelveticaNeue,AppleSDGothicNeo-Medium,sans-serif;line-height:1.3em;letter-spacing:-0.5px}
.record_bx .rank_group span{margin-top:-1px;font-family:HelveticaNeue;font-size:13px;vertical-align:top}
.record_bx .rank_group ~ .rank_num{top:24px;left:6px;width:27px;font-size:17px;text-align:center}
.record_bx .rank_group ~ .wrap{padding-top:14px}
.record_bx .link{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:33px;border-top:1px solid #f3f3f3;background:#f9f9f9}
.record_bx .link span{display:block;color:#989898;font-size:12px;line-height:34px}
.record_bx .rank_team .team{padding:10px 0 6px}
.record_bx .rank_team .emblem{width:60px;height:60px;margin:0 auto}
.record_bx .rank_team .emblem:empty{background:url(https://sports-phinf.pstatic.net/team/no_emblem_s_square.png) no-repeat;-webkit-background-size:contain;background-size:contain;background-position:50%}
.record_bx .rank_team .name{overflow:hidden;display:block;max-width:110px;margin:-2px auto 4px;color:#000;font-weight:normal;font-size:18px;line-height:1.2em;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.5px}
.record_bx .rank_team .stat{color:#858585;font-size:12px;line-height:1.25em}
.record_bx .rank_team .stat > span{display:block}
.record_bx .rank_team .high span{color:#034EA2}
.record_bx .rank_player{height:120px;border-bottom:1px solid #eaeaea}
.record_bx .rank_player .player{padding-top:7px}
.record_bx .rank_player .text{display:block;color:#034EA2;font-size:13px;font-family:AppleSDGothicNeo-Medium}
.record_bx .rank_player .thmb{position:relative;z-index:10;width:50px;height:50px;margin:3px auto 5px}
.record_bx .rank_player .thmb:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.05);-webkit-border-radius:50%;border-radius:50%;content:''}
.record_bx .rank_player .name{display:block;position:relative;z-index:20;color:#000;font-weight:normal;font-size:14px}
.record_bx .rank_player .name span{padding-left:2px;color:#939393}
.record_bx .rank_player .mask{overflow:hidden;position:relative;width:50px;height:50px;-webkit-border-radius:50%;border-radius:50%}
.record_bx .rank_player .mask:empty{background-color:#eaeef4}
.record_bx .rank_player .mask:empty::before{width:11px;height:14px;background:url(https://ssl.pstatic.net/static/sports/icons/no_image_logo_s.png) no-repeat;content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-background-size:contain;background-size:contain}
.record_bx .rank_player .mask .profile{width:100% !important}
.record_bx .rank_player .emblem{position:absolute;top:32px;right:-4px;z-index:10;width:23px;height:23px;-webkit-border-radius:12px;border-radius:12px;background:#eff2f8}
.record_bx .rank_player .emblem:empty{background-color:#eaeef4}
.record_bx .rank_player .emblem:empty::before{width:11px;height:14px;background:url(https://ssl.pstatic.net/static/sports/icons/no_image_logo_s.png) no-repeat;content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-background-size:contain;background-size:contain}
.record_bx .rank_player .emblem:empty:before{-webkit-background-size:50% 50%;background-size:50%;background-position:50%}
.record_bx .rank_player .emblem img{width:100%}
.record_bx .rank_player .stat{color:#034EA2;font-family:HelveticaNeue-Medium,sans-serif;font-size:13px;line-height:1.25em}
.record_bx .rank_player .stat > span{display:block}
.record_bx .rank_player2{overflow:hidden;position:relative;height:28px;padding-left:19px;background:#f6f6f6;font-size:11px;line-height:29px;text-align:left}
.record_bx .rank_player2 .rank_num{top:8px;left:8px;color:#000;font-size:12px;font-family:HelveticaNeue !important;line-height:1em}
.record_bx .rank_player2 .team{padding-left:3px;color:#939393}
.record_bx .rank_player2 .stat{position:absolute;top:0;right:8px;color:#034EA2}
.record_bx .rank_player2.no_record{padding:0}
.record_bx .rank_player2.no_record .name{display:block;height:29px;line-height:26px;text-align:center;font-size:12px;color:#999}
.record_bx .rank_player2.no_record .team,.record_bx .rank_player2.no_record .stat{display:none}
.record_bx .rank_player2 ~ .rank_player2{border-top:1px solid #f1f1f1}
.record_bx:before{display:block;height:1px;margin:0 -1px;background:#034EA2;content:''}
.record_bx .link_area{position:absolute;top:0;left:0;right:0;bottom:0;z-index:30}
.record_rank{position:relative;z-index:10;width:159px;background:#fff;border-right:1px solid #e8e9e9}
.record_rank div.title{overflow:hidden;display:table;height:50px;padding-top:0px;padding-left:14px;font-weight:normal;font-size:12px;table-layout:fixed}
.record_rank div.title b{display:table-cell;height:100%;vertical-align:middle;font-weight:600;line-height:1.3em;letter-spacing: -0.023em;}
.record_rank div.title b span{color:#034EA2}
.rank_list{overflow:hidden;padding:3px 14px 0;height:200px}
.rank_list li{position:relative;height:33px;margin-top:6px;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light}
.rank_list li.no_record .rank_num{color:#999}
.rank_list li.no_record .thmb:empty{background:none}
.rank_list .rank_num{top:-2px;left:1px;color:#767676;font-size:16px}
.rank_list .wrap{padding-left:15px}
.rank_list .player{overflow:hidden;display:block;margin-right:45px;margin-bottom:-3px;font-size:14px;line-height:1em;white-space:nowrap;text-overflow:ellipsis}
.rank_list .team{color:#858585;font-size:11px}
.rank_list .thmb{position:absolute;top:0;left:16px;overflow:hidden;width:31px;height:31px;-webkit-border-radius:50%;border-radius:50%}
.rank_list .thmb:empty{background:url(https://ssl.pstatic.net/static/sports/2017/mobile/noimg.png) no-repeat;-webkit-background-size:contain;background-size:contain;background-position:50%}
.rank_list .thmb img{width:100%}
.rank_list .stat{position:absolute;top:-2px;right:0;color:#034EA2;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light}
.rank_list .stat span{font-size:15px}
.rank_list .thmb ~ .wrap{padding-top:3px;padding-left:56px}
.rank_list.thmb_type{margin-top:-1px;padding-top:0}
.rank_list.thmb_type .rank_num{top:50%;height:20px;margin-top:-10px;line-height:20px}
.rank_list.thmb_type .stat{top:1px}
.rank_list li.best .rank_num{color:#034EA2}
.lecture_List li{height:70px;padding-right:12px;border-top:1px solid #f3f3f3}
.lecture_List li > div{position:relative;display:table;width:100%;height:70px;padding-left:13px;table-layout:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}


.status .lecture_List li {
    height: 60px;
    padding-right: 12px;
    border-top: 1px solid #f3f3f3;
}
.status .lecture_List li > div{position:relative;display:table;width:100%;height:60px;padding-left:13px;table-layout:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}



.lecture_List li > a,.lecture_List li > span{position:relative;display:table;width:100%;height:54px;padding-left:23px;table-layout:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}
.lecture_List .wrap{display:table-cell;width:100%;vertical-align:middle}
.lecture_List .wrap span{/*overflow: hidden; */
    line-height: 1.2em;
    /* display: -webkit-box; */
    /* text-overflow: ellipsis; */
    /* -webkit-box-orient: vertical; */
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
    display: block;
    font-weight: 500;}
.lecture_List .wrap .link{display:block}
.lecture_List .emblem{position:absolute;top:50%;left:23px;width:30px;height:30px;margin-top:-15px}
.lecture_List .emblem:empty{background:url(https://sports-phinf.pstatic.net/team/no_emblem_s_square.png) no-repeat;-webkit-background-size:contain;background-size:contain;background-position:50%}
.lecture_List .emblem img{width:100%;vertical-align:top}
.lecture_List .emblem ~ .wrap{padding-left:33px}
.lecture_List .rank_num{position:absolute;top:50%;left:6px;min-width:12px;height:20px;margin-top:-10px;color:#767676;text-align:center;font-size:12px;line-height:20px}
.lecture_List .player{margin-top:0px;color:#000;font-size:12px;-webkit-line-clamp:1;    word-break:keep-all;}

html.ios .lecture_List .player{margin-top:0px;color:#000;font-size:12px;-webkit-line-clamp:1;    word-break:break-all;}

.lecture_List .team{color:#888;font-size:10px;-webkit-line-clamp:1}
.lecture_List .team:only-child{color:#000;font-size:12px;-webkit-line-clamp:2}
.record_table{overflow:hidden;padding-left:159px;box-sizing:border-box;-webkit-box-sizing:border-box}
.record_table table{width:100%;margin-top:-51px;border-right:0px solid #fff;border-spacing:0;border-collapse:separate}
.record_table table .on{color:#034EA2;background:#fff}
.record_table caption{height:50px}
.record_table thead th{height:51px}
.record_table tbody th{height:54px;text-align:left}
.record_table th{    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    color: transparent;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
    border-right: 1px solid #e4e8eb;}
.record_table th:first-child{border-left:1px solid #fff;}
.record_table th:last-child{border-right:0px solid #fff;}
.record_table th a{display:block;    height: 50px;
    padding: 20px 5px 0;box-sizing:border-box;-webkit-box-sizing:border-box;color:#222;min-width: 70px;}
.record_table th span{display:block;    text-align: center; font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;  font-weight: 600;}
.record_table th span:after{}
.record_table th .empty{display:block;height:48px;padding:16px 5px 0;box-sizing:border-box;-webkit-box-sizing:border-box;color:#c2c2c2}
.record_table th .empty span:after{display:none}
.record_table th.on a{color:#034EA2}
.record_table th.on span:after{background-position:-65px -6px}
.record_table td{padding:0 10px;border-top:1px solid #fff;border-left:1px solid #fff;color:#222;    vertical-align: middle;
    padding: 13px 8px;
    font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;
    line-height: 1.4;
    height: 70px;text-align: center;    font-size: 12px;font-weight: 500;}

.status .record_table td{padding:0 10px;border-top:1px solid #fff;border-left:1px solid #fff;color:#222;    vertical-align: middle;
    padding: 13px 8px;
    font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;
    line-height: 1.4;
    height: 60px;text-align: center;    font-size: 11px;font-weight: 500;}


.status .lecture_List:last-child li {
    height: 100px;
}

.record_table td > span{display:block;height:auto;font-size:12px;text-align:center;white-space:nowrap; font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;}
.record_table td > span.price{display:block;height:auto;font-size:12px;text-align:right;white-space:nowrap; font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;}

.record_table td > span.rk{
    font-size: 11px;
    line-height: 1.4;    min-height: auto;
}
.record_table td > span.rx{
    font-size: 10px;
    line-height: 1.4;    min-height: auto;min-width: auto;    padding: 5px 4px;
}
.record_table td > span.rbw{
    font-size: 11px;
    line-height: 1.4;    min-height: auto;min-width: auto;    padding: 5px 4px;
}
.record_table td.empty{color:#c2c2c2}
.record_table .table_head{width:118px}
.record_table .title{position:relative;padding-left:15px;font-size:12px;line-height:1.2em;text-align:left}
.record_table .title .rank_num{position:absolute;top:0;left:0}
.record_table .title .name{display:block;font-weight:normal}
.record_table > div{display:inline-block}
.record_inner{overflow:hidden;position:relative;margin-top:0px;border-top:3px solid #0e1727;border-bottom:1px solid #e1e1e1;background:#f4f5f6}
.record_inner.t_m{margin-top:11px}
.record_inner .table_scroll{position:absolute;top:0;bottom:0;left:0;right:0}
.record_inner .table_scroll > div{min-width:100%}
.record_inner .best td > span{font-family:HelveticaNeue-Medium,Sans-serif}
.record_inner .best .rank_num{color:#43a0fd}
.record_inner .low .rank_num{color:#c3c3c3}

.record_bx2{margin:0 12px;border:1px solid #e1e1e1;border-radius:1px;-webkit-border-radius:1px;background:#fff}
.record_bx2 .emblem{position:absolute;top:4px;left:13px;width:53px;height:53px}
.record_bx2 .emblem:empty{background:url(https://sports-phinf.pstatic.net/team/no_emblem_s_square.png) no-repeat;-webkit-background-size:contain;background-size:contain;background-position:50%}
.record_bx2 .rank_num{display:inline-block;padding-left:1px;color:#034EA2;font-size:19px;vertical-align:top}
.record_bx2 .team{overflow:hidden;display:block;font-size:16px;font-family:AppleSDGothicNeo-Light,Sans-serif-Light;white-space:nowrap;text-overflow:ellipsis}
.record_bx2 .info{position:relative;min-height:48px;padding:14px 10px 0 78px}
.record_bx2 .game{padding-top:3px;color:#555;font-size:11px}
.record_bx2 .game span{display:inline-block;font-family:HelveticaNeue}
.record_bx2 .game span ~ span{padding-left:5px}
.record_bx2 .game .gw,.record_bx2 .game .gl{color:#034EA2}
.record_bx2 .game .gc{color:#ed4876}
.record_bx2 .game .link{display:inline-block;margin:0 0 0 7px;color:#555}
.record_bx2 .game .link span:before{display:inline-block;width:1px;height:9px;margin:4px 8px 0 0;background:#dbdbdd;vertical-align:top;content:''}
.record_bx2 .game .link span:after{display:inline-block;width:3px;height:5px;margin:6px 5px 0 4px;background-position:-65px -12px;vertical-align:top;content:''}
.record_bx2 .stat{border-top:1px solid #e1e1e1;background:#f6f6f6;font-family:HelveticaNeue,Sans-serif;display:-webkit-box;display:-webkit-flex;display:flex}
.record_bx2 .stat .title{display:block;margin-bottom:-1px;color:#999;font-size:9px;text-align:center;line-height:1em}
.record_bx2 .stat .num{color:#333;font-size:12px}
.record_bx2 .stat_item{padding:8px 0 6px;text-align:center;-webkit-box-flex:1;-webkit-flex:auto;flex:auto}
.record_bx2 .stat_item ~ .stat_item{border-left:1px solid #f0f0f0}
.record_bx2 ~ .record_bx2{margin-top:8px}
.record_bx2 ~ .record_tab4{padding-top:2px}
.record_bx2 ~ .record_tab4 li.on a span{border-color:#eee}
.record_team{padding:12px 0;border-bottom:1px solid #e1e1e1}
.record_team:before,.record_team:after{display:table;content:''}
.record_team .record_tab4{margin-top:-12px}
.record_team .record_tab4 ~ .record_tab4{margin:0 0 -12px}
.record_desc + .ad_box{border-top:1px solid #dadada}
.record_desc,.record_noti{padding:14px 15px;color:#888;font-size:12px;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light;line-height:17px;font-weight:400;letter-spacing:-0.5px}
.record_desc a,.record_noti a{color:#1cc100}
.record_desc .p_record,.record_desc .p_record li,.record_noti .p_record,.record_noti .p_record li{font-family:inherit;font-size:inherit;line-height:inherit}
.record_noti ~ .record_desc,.record_desc ~ .record_desc{border-top:1px solid #e1e1e1}
.record_desc:last-child{border-bottom:1px solid #dadada}
.worldfootball_tab{overflow:hidden;position:relative;height:39px;margin-top:-1px;border-top:1px solid #f5f5f5;border-bottom:1px solid #ddd;background:#fff}
.worldfootball_tab .record_tab1{border-top:0}

.article_header .wrap { position: relative}
.article_header_inner { position: relative;}
.article_title {font-size: 2.8rem;font-weight: bold;line-height: 1.25;margin-left: 0px;letter-spacing: -0.05em;margin-bottom: 2rem;text-align:center; }
.article_title:after{content:"";background:#034EA2;bottom: -4px;right: 4px;width: 10px;height: 10px;margin-left: 12px;display:inline-block;position:relative;border-radius: 100px;-webkit-transition: -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);display:none;}
.article_title[lang="en"] {letter-spacing: -0.015em;margin-bottom: 76px; margin-top: -6px;}
.article_title[lang="en"]:after {bottom: 0;}


.program_view .article_title {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.25;
    margin-left: 0px;
    letter-spacing: -0.05em;
    margin-bottom: 1rem;
    text-align: center;
}


.lecture_List .wrap span{
font-weight:500;
}
.lecture_List .wrap span.team{
font-weight:400;
}
.tit {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    font-size: 2rem;
    font-weight: 400;
    color: #666;
}


@media (max-width:460) {

.program_view .article_title {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.25;
    margin-left: 0px;
    letter-spacing: -0.05em;
    margin-bottom: 1rem;
    text-align: center;
}
}

@media (min-width:768px) {
	

.main_container {
    padding-top: 5rem;
    padding-bottom: 5rem;
}


.mypage .main_container, .mypage .main_container {
    /*padding-top: 5.5rem;*/

}

	
.record_date .date{height:61px}
	.record_date .today{font-size:25px}
	.record_date .today + span{font-size:13px}
	.record_date .season{height:15px;padding:0 5px;font-size:12px;line-height:16px}
	.record_tab1 a{position:relative;height:44px;margin-bottom:-1px;padding:0 !important;font-size:17px !important;color:#545353}
	.record_tab1 a span{display:inline-block;padding:11px 1px 12px;border-bottom:1px solid transparent}
	.record_tab1 a:before{position:absolute;top:12px;left:0;width:1px;height:17px;background:#fff;content:''}
	.record_tab1 br{display:none}
	.record_tab1 li ~ li{border-left:0}
	.record_tab1 li ~ li a:before{background:#f1f1f1}
	.record_tab2{position:relative;z-index:50}
	.record_tab2 a{height:29px;margin:0 6px;padding:0 23px;font-size:16px;line-height:30px;-webkit-border-radius:20px;border-radius:20px}
	.record_tab3 a{font-size:16px}
	.record_tab4 a{font-size:16px}
	.record_best h3.title{font-size:16px}
	.record_best h3.title.custom_1{padding-top:7.5px}
	.high_rank .record_type1:after{display:block;clear:both;content:''}
	.high_rank .record_type1 > div{right:0;width:100%;padding:0 5px 0 6px;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;-webkit-box-sizing:border-box}
	.high_rank .record_type1 .record_bx{display:block;width:auto;margin:0 5px 0 4px;-webkit-box-flex:1;-webkit-flex:auto;flex:auto}
	.rank_list .player{margin-bottom:-1px}
	.lecture_List .player{font-size:12px}
	.lecture_List .team{font-size:12px}
	.lecture_List .team:only-child{font-size:14px}
	.lecture_List li,.lecture_List li > a,.lecture_List li > div{height:70px}
	.record_rank{width:211px}
	.record_inner{margin-left:0px}
	.record_table{padding-left:211px}
	.record_table th{font-size:12px}
	.record_table th a{padding:15px 10px 0}
	.record_table td > span{height:auto;font-size:12px;line-height:1.4;font-weight: 500;}
	.record_table td > span.sm{height:auto;font-size:12px;line-height:1;font-weight: 500;margin-top: 3px;}
	.record_table td > span span.cc{height:auto;font-size:12px;line-height:1.4;font-weight: 500;}
	.record_inner.kbo .record_rank{width:211px}
	.record_inner.kbo .record_table{padding-left:211px}
	.record_bx .rank_team .name{margin:-1px auto 6px;font-size:20px}
	.record_bx .rank_team .stat{font-size:12px}
	.record_bx .rank_team .stat .high{padding-bottom:2px;color:#555;font-size:14px}
	.record_bx2{float:left;position:relative;width:50%;margin:0 !important;padding:4px;border:0;background:transparent;box-sizing:border-box;-webkit-box-sizing:border-box}
	.record_bx2 .info{padding:14px 10px 5px 78px;border:1px solid #e1e1e1;border-bottom:0;background:#fff}
	.record_bx2 .stat{border:1px solid #e1e1e1;border-top-color:#eaeaea}
	.record_bx2 .team{padding:3px 0 4px;font-size:18px}
	.record_bx2 .rank_num{margin-top:-2px;padding-left:0;font-size:22px}
	.record_bx2 .game{font-size:13px}
	.record_bx2 .stat_item{padding:14px 0 8px}
	.record_bx2 .stat .title{margin-bottom:2px;font-size:11px}
	.record_bx2 .stat .num{font-size:15px}
	.record_bx2:nth-child(2n):after{display:block;position:absolute;top:0;left:100%;width:100%;height:100%;background:#eff2f8;box-sizing:border-box;-webkit-box-sizing:border-box;content:''}
	.record_type1 .rank_num{font-size:23px}
	.record_type1 .link span{font-size:13px;line-height:31px}
	.record_type2 .record_bx ~ .record_bx{margin-left:9px}
	.record_team{overflow:hidden;padding:6px 6px}
	.record_team:after{display:block;clear:both;content:''}
	.record_team .record_tab4{margin:-4px 0 -4px}
	.record_team .record_tab4 ~ .record_tab4{margin:-4px 0 -6px;padding-top:0}
	.worldfootball_tab{height:43px}
	.worldfootball_tab.new_scroll .scroller{position:relative}
.article_header {margin: 0px 0 0;} /* 69px */
.article_header .wrap { position: relative}
.article_header_inner { position: relative;}
.article_title {font-size: 3.2rem;font-weight: bold;line-height: 1.25;margin-left: 0px;letter-spacing: -0.05em;margin-bottom: 2rem;font-family:  'Maven Pro','Montserrat', 'Pretendard', sans-serif; }
.article_title:after{content:"";background:#034EA2;bottom: -4px;right: 4px;width: 10px;height: 10px;margin-left: 12px;display:inline-block;position:relative;border-radius: 100px;-webkit-transition: -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);display:none;}
.article_title[lang="en"] {letter-spacing: -0.015em;margin-bottom: 76px; margin-top: -6px;}
.article_title[lang="en"]:after {bottom: 0;}
.program_view .article_title {
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.25;
    margin-left: 0px;
    letter-spacing: -0.05em;
    margin-bottom: 2rem;
    text-align: center;
}

}
.new_scroll{overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.new_scroll .scroller{position:absolute;height:100%}
@media (max-width:1024px) {

.tit {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    color: #444;
}
.program_view .article_title {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.25;
    margin-left: 0px;
    letter-spacing: -0.05em;
    margin-bottom: 1rem;
    text-align: center;
}
}
@media (max-width:1024px) {

.program_view .article_title {
    font-size:1.8rem;
    font-weight: bold;
    line-height: 1.25;
    margin-left: 0px;
    letter-spacing: -0.05em;
	    margin-top: 1rem;
    margin-bottom: 0rem;
    text-align: center;
}
}
@media (min-width: 1904px){
.tit {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 400;
    color: #666;
}
}
/* **************************************** *
 * PRIVACY
 * **************************************** */
.privacy_box {margin-bottom: 30px;}
.privacy_box:last-child {margin-bottom: 0;}
.privacy_box p {margin-bottom: 12px; font-size: 14px; line-height: 1.6; color: #666;}
.privacy_box > *:last-child {margin-bottom: 0;}
.privacy_box > ul > li {position: relative; font-size: 14px; line-height: 1.6; margin-bottom: 2px; padding-left: 9px; color: #222;}
.privacy_box > ul > li:before {content: ''; display: block; position: absolute; width: 3px; height: 3px; top: 8px; left: 0; background: #0f4c82; border-radius: 50%;}

.privacy_intro {margin-bottom: 50px;padding: 32px 38px;background: #fff;border: 1px solid #ddd;}

/**/
.jt-privacy { /* padding-right: 2.1rem; */ padding-top: 1rem; }
.jt-privacy-box + .jt-privacy-box {margin-top: 3rem;}
.jt-privacy-box__title {display: block;font-size: 1.4rem;font-weight: 600;line-height: 1.5;letter-spacing: -0.025em;color: #222;}
.jt-privacy-box__desc {font-size: 1.3rem;font-weight: 400;letter-spacing: -0.04em;line-height: 1.7;color: #666;position: relative;margin-top: 1.1rem;}
.jt-privacy-box__list { margin-top: 1.1rem; }
.jt-privacy-box__list:last-child {margin-bottom: -0.7rem;}
.jt-privacy-box__list-item {font-size: 1.3rem;font-weight: 400;letter-spacing: -0.04em;line-height: 1.7;color: #666;position: relative;margin-bottom: 0.7rem;}
.jt-privacy-box__list-title {color: #0f4c82; font-weight: 400; display: block;}

.jt-privacy-box__list--bullet .jt-privacy-box__list-item {padding-left: 1.2rem;}
.jt-privacy-box__list--bullet .jt-privacy-box__list-item:before {content: '';display: block;width: 0.4rem;height: 0.4rem;position: absolute;top: 0.9rem;left: 0;background: #0f4c82;border-radius: 50%;}

.jt-privacy--count {counter-reset: item;}
.jt-privacy--count .jt-privacy-box__title:before { counter-increment: item; content: counter(item)'. '; display: none;}

.jt-privacy-box__info {background: #f8f8f8;padding: 1.5rem 1.5rem 1.1rem;margin-top: 0.9rem;}
.jt-privacy-box__info-item {display: block;font-size: 1.2rem;font-weight: 400;line-height: 1.67;letter-spacing: -0.04em;color: #999;position: relative;margin-bottom: 0.4rem; padding-left: 0.7rem}
.jt-privacy-box__info-item:before {content:'- '; position: absolute; top: 0; left: 0;}
.jt-privacy-box__info--count {counter-reset: item;}
.jt-privacy-box__info--count .jt-privacy-box__info-item {padding-left: 1.1rem;}
.jt-privacy-box__info--count .jt-privacy-box__info-item:before { counter-increment: item; content: counter(item)'. '; position: absolute; top: 0; left: 0; }
html.safari .jt-privacy-box__info-item:before {top: -0.1rem;}

.jt-privacy-box__list--count {counter-reset: item;}
.jt-privacy-box__list--count .jt-privacy-box__list-item {padding-left: 1.2rem;}
.jt-privacy-box__list--count .jt-privacy-box__list-item:before { counter-increment: item; content: counter(item)'. '; position: absolute; top: 0; left: 0;}

.jt-privacy-box__list-item:not(:last-child) .jt-privacy-box__info {margin-bottom: 1.6rem;}
.jt-privacy-box__list--count .jt-privacy-box__info {margin-left: -1.2rem;}

.modal_page .jt-privacy {padding-top: 2.5rem;}



@media (min-width: 1024px){

/* privacy */
	.jt-privacy {padding-top: 3.5rem;}
	.jt-privacy-box__title { font-size: 1.6rem; }
	.jt-privacy-box__desc { font-size: 1.4rem; }
	.jt-privacy-box__list-item { font-size: 1.4rem; }
	.jt-privacy-box__info-item { font-size: 1.3rem; }
	html.mobile.android .nc-privacy-box__info-item:before {top: -0.2rem;}

	.xl-modal-pop--narrow .nc-form__login-option .nc-icheck__label{width: 33.33%;}
	.xl-modal-pop--narrow .nc-form-header {  margin-bottom: 0;}
	.xl-modal-pop--narrow .sub-member-login .jt-form-header{ padding-top: 5rem;}

	.xl-modal-pop--full.xl-modal-pop .modal_page_content {max-width: none;min-height:100vh}

#modal_page .sub-footer-privacy .nc-breadcrumb, #modal_page .sub-footer-term .nc-breadcrumb {
    display: none;
}
#modal_page .sub-footer-privacy .nc-header__title, #modal_page .sub-footer-term .nc-header__title {
    font-size: 3.6rem;
}
#modal_page .sub-footer-privacy .article_header, #modal_page .sub-footer-term .article_header {
    padding-top: 4rem;
}
}

@media (max-width: 650px){
	
	
	.nc_program_select_pro.four {
    border-right: 0rem solid #ddd;
    float: left;
    margin-bottom: 0rem;
    width: -webkit-calc(49% - 0rem);
    width: calc(49% - 0rem);
}
	
}	
	@media (max-width: 480px){
.nc_program_select_pro.four {
    border-right: 0rem solid #ddd;
    float: left;
    margin-bottom: 0rem;
    width: -webkit-calc(49% - 0rem);
    width: calc(49% - 0rem);
}

	}
	
/* 사이드메뉴 - 제목*/
#sidebar{position:relative;float:left;width:270px;margin-top:40px;z-index:10;}
#sidebar .tit{display:none;}

#sidebar .stit p{    font-size: 13px;
    color: #fff;
       font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
    letter-spacing: 0;
    opacity: .6;}
#sidebar .stit h2{margin-top:5px;color:#fff;font-size:25px;font-weight:bold;}

#sidebar {
    width: 270px;
}
#sidebar {
    position: relative;
    float: left;
    width: 270px;
    margin-top: 40px;
    z-index: 10;
}
#sidebar .stit {
    position: relative;
    width: 200px;
    height: 190px;
    padding-top: 50px;
    color: #fff;
    padding: 40px 0 0 30px;
    font-size: 27px;
    /*border-top-left-radius: 10px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;*/
    line-height: 100%;
    z-index: 1;
   /* background: url(../s_img/left_menu_bg.png) no-repeat bottom, linear-gradient(-38deg, #3db993,#3063bd);*/
    border-radius: 8px 17px 8px 17px;
}
.modal_page_content #sidebar {
  	display:none;
}
.modal_page_content #submenu {
  	display:none;
}
.modal_page_content #cont_head {
	display:none;
}
.modal_page_content #quickmenu_wrap, .modal_page_content .quickmenu_control, .modal_page_content #sub_visual {
	display:none;
}
.modal_page_content  #contents {
 /*     float: none;
    width: 100%;
    min-height: 600px;
    margin-top: 40px;
    background: #fff;*/
}


.mypage .modal_page_content #contents {
  /*  float: none;
    width: 100%;
    min-height: 500px;
    margin-top: 10px;
    background: #fff;*/
}

#sidemenu{
margin-top: 20px;
}
/* 메뉴 */
.menu.init, .menu.init:before, .menu.init:after, .menu.init .depth, .menu.init .depth:before, .menu.init .depth:after, .menu.init .depth_list, .menu.init .depth_list:before, .menu.init .depth_list:after, .menu.init .depth_item, .menu.init .depth_item:before, .menu.init .depth_item:after, .menu.init .depth_text, .menu.init .depth_text:before, .menu.init .depth_text:after, .menu.init .depth_title, .menu.init .depth_title:before, .menu.init .depth_title:after{transition-property:all; transition-duration:0.25s; transition-timing-function:linear;}
.menu, .menu .depth, .menu .depth_list, .menu .depth_item, .menu .depth_text{position:relative;}
.sidebar .menu{font-size:0; line-height:0;width: 200px;}
.menu .depth:not(.depth1){visibility:hidden; opacity:0; overflow:hidden;}
.menu .depth1{z-index:30;}
.menu .depth_list{z-index:10;}
.menu .depth_text{display:inline-block;}

/* 사이드메뉴 */

.sidebar .menu .depth1_list{border-top:0px solid #007081;}
.sidebar .menu .depth1_item{margin-top:-1px; border-top-width:1px; border-bottom-width:1px; border-style:solid; border-color:#e6e6e6; box-sizing:border-box;}
.sidebar .menu .depth1_item:first-child{padding-top:1px; border-top-width:0;}
.sidebar .menu .depth1_text{display:block; position:relative; padding:16px 0px 16px 10px; color:#333; font-size:16px;font-weight:bold; line-height:22px; letter-spacing:-0.025em; text-decoration:none; word-break:keep-all; transition-property:background, color;}
.sidebar .menu .depth1_text:before{visibility:hidden; opacity:0; display:block; width:100%; height:3px; position:absolute; bottom:-1px; z-index:10; left:0; background-color:#56ae3f; transition-property:visibility, opacity;}
.sidebar .menu .depth1_text:after{display:block; position:absolute; top:0; bottom:0; right:20px; margin-top:auto; margin-bottom:auto;}
.sidebar .menu .depth1_item.has .depth1_text:after{width:15px; height:3px; background-image:url('../s_img/side_sprite.png'); background-repeat:no-repeat; background-position:left top; transition:none;}
.sidebar .menu .depth1_text[target='_blank']:after{width:12px; height:12px; background-image:url('../s_img/blank_sprite.png'); background-repeat:no-repeat; background-position:left -44px; transition:none;}
.sidebar .menu .depth1_text:hover{color:#4478ff;font-weight:bold;}
.sidebar .menu .depth1_text:hover:before{visibility:visible; opacity:1;}
.sidebar .menu .depth1_text:hover[target='_blank']:after{background:url('./s_img/blank_sprite.png') no-repeat;}

/* 2차 메뉴 활성화 */
.sidebar .menu .depth1_item.active{position:relative; z-index:10;}
.sidebar .menu .depth1_item.active .depth1_text{background:#fff; color:#4478ff;font-weight:bold;}
.sidebar .menu .depth1_item.active .depth1_text:hover{text-decoration:none;}
.sidebar .menu .depth1_item.active .depth1_text:hover:before{visibility:hidden; opacity:0;}
.sidebar .menu .depth1_item.has.active .depth1_text:after{width:17px; height:10px; background-position:left -13px;}




#sidemenu{
margin-top: 20px;
}
/* 메뉴 */
.menu.init, .menu.init:before, .menu.init:after, .menu.init .depth, .menu.init .depth:before, .menu.init .depth:after, .menu.init .depth_list, .menu.init .depth_list:before, .menu.init .depth_list:after, .menu.init .depth_item, .menu.init .depth_item:before, .menu.init .depth_item:after, .menu.init .depth_text, .menu.init .depth_text:before, .menu.init .depth_text:after, .menu.init .depth_title, .menu.init .depth_title:before, .menu.init .depth_title:after{transition-property:all; transition-duration:0.25s; transition-timing-function:linear;}
.menu, .menu .depth, .menu .depth_list, .menu .depth_item, .menu .depth_text{position:relative;}
.sidebar .menu{font-size:0; line-height:0;width: 200px;}
.menu .depth:not(.depth1){visibility:hidden; opacity:0; overflow:hidden;}
.menu .depth1{z-index:30;}
.menu .depth_list{z-index:10;}
.menu .depth_text{display:inline-block;}

/* 사이드메뉴 */

.sidebar .menu .depth1_list{border-top:0px solid #007081;}
.sidebar .menu .depth1_item{    margin-top: 0px;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-style: solid;
    border-color: #e6e6e6;
    box-sizing: border-box;    height: auto;}
.sidebar .menu .depth1_item:first-child{padding-top:1px; border-top-width:0;}
.sidebar .menu .depth1_text{display:block; position:relative; padding:16px 0px 16px 10px; color:#333; font-size:16px;font-weight:600; line-height:22px; letter-spacing:-0.025em; text-decoration:none; word-break:keep-all; transition-property:background, color;}
.sidebar .menu .depth1_text:before{visibility:hidden; opacity:0; display:block; width:100%; height:3px; position:absolute; bottom:-1px; z-index:10; left:0; background-color:#56ae3f; transition-property:visibility, opacity;}
.sidebar .menu .depth1_text:after{display:block; position:absolute; top:0; bottom:0; right:20px; margin-top:auto; margin-bottom:auto;}
.sidebar .menu .depth1_item.has .depth1_text:after{width:15px; height:3px; background-image:url('../s_img/side_sprite.png'); background-repeat:no-repeat; background-position:left top; transition:none;}
.sidebar .menu .depth1_text[target='_blank']:after{width:12px; height:12px; background-image:url('../s_img/blank_sprite.png'); background-repeat:no-repeat; background-position:left -44px; transition:none;}
.sidebar .menu .depth1_text:hover{color:#4478FF;font-weight:600;}
.sidebar .menu .depth1_text:hover:before{visibility:visible; opacity:1;}
.sidebar .menu .depth1_text:hover[target='_blank']:after{background:url('./s_img/blank_sprite.png') no-repeat;}

/* 2차 메뉴 활성화 */
.sidebar .menu .depth1_item.active{position:relative; z-index:10;    border-bottom-width: 0px;border-top-width: 1px;}


.sidebar .menu .depth1_item:first-child.active {
    position: relative;
    z-index: 10;
    border-bottom-width: 0px;
    border-top-width: 0px;
}

.sidebar .menu .depth1_item.has.active{
border-top-width: 1px;    border-bottom-width: 0px;

}


.sidebar .menu .depth1_item.active .depth1_text{background:#fff; color:#4478FF;font-weight:600;}
.sidebar .menu .depth1_item.active .depth1_text:hover{text-decoration:none;}
.sidebar .menu .depth1_item.active .depth1_text:hover:before{visibility:hidden; opacity:0;}
.sidebar .menu .depth1_item.has.active .depth1_text:after{width:17px; height:10px; background-position:left -13px;}



.sidebar .menu .depth1_item:last-child.active {
    position: relative;
    z-index: 10;
    border-bottom-width: 0px;
}
.sidebar .menu .depth1_item:last-child{
    position: relative;
    z-index: 10;
    border-bottom-width: 0px;
}






/* 3차 메뉴 */
.sidebar .menu .depth2{transition-property:visibility, opacity, background-color;}
.sidebar .menu .depth2_list{padding-left:25px; padding-right:20px; transition-property:padding-top, padding-bottom;}
.sidebar .menu .depth2_item{margin-top:0; transition-property:margin-top;}
.sidebar .menu .depth2_text{display:block; position:relative; padding-left:11px; text-decoration:none; transition:none;font-weight:500;}
.sidebar .menu .depth2_text:before{visibility:hidden; opacity:0; display:none; position:absolute; top:10px; left:1px; width:3px; height:3px; background-color:#4478FF; transition-property:visibility, opacity;}
.sidebar .menu .depth2_text:hover{text-decoration:none;color:#4478FF;}
.sidebar .menu .depth2_item.has .depth2_text:after{display:block; position:absolute; top:0; bottom:0; right:0; margin-top:auto; margin-bottom:auto; background-image:url('../s_img/side_sprite.png'); background-repeat:no-repeat; background-position:left -33px; transition-property:none;}
.sidebar .menu .depth2_text[target='_blank']:after{display:inline-block; width:0; height:0; margin-left:5px; background-image:url('../s_img/blank_sprite.png'); background-repeat:no-repeat; background-position:left top; transition:none;}

/* 3차 메뉴 활성화 */
.sidebar .menu .depth1_item.active .depth2{visibility:visible; opacity:1; /*background-color:#f7f9fc;*/}
.sidebar .menu .depth1_item.active .depth2_list{margin-top:4px; margin-bottom:18px;}
.sidebar .menu .depth1_item.active .depth2_item{margin-top:13px;}
.sidebar .menu .depth1_item.active .depth2_text{color:#292e42; font-size:16px; line-height:22px;}
.sidebar .menu .depth1_item.active .depth2_text:hover{color:#4478FF; font-size:16px; line-height:22px;}


.sidebar .menu .depth2_text:before {
    position: absolute;
    top: 9px;
    left: -14px;
    content: "";
    width: 4px;
    height: 4px;
    background: #080a14;
    border-radius: 50%;
}


.sidebar .menu .depth1_item.active .depth2_item.active .depth2_text {color: #4478FF}
.sidebar .menu .depth1_item.active .depth2_item.has .depth2_text:after{width:10px; height:10px;}
.sidebar .menu .depth1_item.active .depth2_item.has.active .depth2_text:after{width:13px; height:6px; background-position:left -53px;}
.sidebar .menu .depth1_item.active .depth2_text:before{visibility:visible; opacity:1; display:block;}
.sidebar .menu .depth1_item.active .depth2_text[target='_blank']:after{width:12px; height:12px;}


.sidebar .menu .depth2_text:before {
    visibility: hidden;
    opacity: 0;
    display: none;
    position: absolute;
    top: 10px;
    left: 1px;
    width: 3px;
    height: 3px;
    background-color: #292e42;
}
.sidebar .menu .depth1_item.active .depth2_text:before {
    visibility: visible;
    opacity: 1;
    display: block;
}

/* 4차 메뉴 */
.sidebar .menu .depth3{transition-property:visibility, opacity;}
.sidebar .menu .depth3_list{margin-top:0; padding-top:0; transition-property:margin-top, padding-top, margin-bottom, padding-bottom;}
.sidebar .menu .depth3_item{margin-top:0; transition-property:margin-top;}
.sidebar .menu .depth3_text{position:relative; padding-left:0; color:#5a5d6b; font-size:0; line-height:0; letter-spacing:-0.05em; word-break:keep-all; transition:none;}
.sidebar .menu .depth3_text:before{visibility:hidden; opacity:0; display:block; position:absolute; top:10px; left:10px; width:0; height:0; background-color:#5a5d6b; transition:none;}
.sidebar .menu .depth3_text[target='_blank']:after{display:inline-block; width:0; height:0; margin-left:5px; background-image:url('/common/images/layout/blank_sprite.png'); background-repeat:no-repeat; background-position:left -44px; transition:none;}

/* 4차 메뉴 활성화 */
.sidebar .menu .depth1_item.active .depth2_item.active .depth3{visibility:visible; opacity:1;}
.sidebar .menu .depth1_item.active .depth2_item.active .depth3_list{margin-top:8px; margin-bottom:4px; padding-top:10px; padding-bottom:20px; border-top:1px solid #494e61; border-bottom:1px dotted #c6c7ca;}
.sidebar .menu .depth1_item.active .depth2_item.active .depth3_item{margin-top:4px;}
.sidebar .menu .depth1_item.active .depth2_item.active .depth3_item:first-child{margin-top:0;}
.sidebar .menu .depth1_item.active .depth2_item.active .depth3_text{padding-left:20px; padding-right:12px; font-size:15px; line-height:20px;}
.sidebar .menu .depth1_item.active .depth2_item.active .depth3_text:hover{text-decoration:underline;}
.sidebar .menu .depth1_item.active .depth2_item.active .depth3_text:before{visibility:visible; opacity:1; width:7px; height:1px;}
.sidebar .menu .depth1_item.active .depth2_item.active .depth3_text[target='_blank']:after{width:12px; height:12px;}
.sidebar .menu .depth1_item.active .depth2_item.active .depth3_text.active span{color:#1f3961; text-decoration:underline;}


.sub-member-login.edit .nc_frm-header{
	    padding-top:3.3rem;
    padding-bottom: 0;
    margin-bottom: 2.9rem;
}	
.nc_frm__field:disabled, .nc_frm__field:read-only, .nc_frm__field[readonly] {
    background: #f6f6f6;
    border-color: #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #b2b2b2;
    opacity: 1;
}
	
#contents {
    float: right;
    width: 82rem;
    margin-top: 40px;
    background: #fff;
}
#cont_head{position:relative;display:inline-block;padding-bottom:10px;width:100%; border-bottom:2px solid #e5e7ee;z-index:3;}
#cont_head h2{float:left;font-size:38px;color:#121e34;font-family: 'gmarket', sans-serif;
    font-weight: 600;}
#location{float:right;padding-top:10px;}
#location ul.loca{float:left;overflow:hidden;clear:both;padding-right:0;margin-right:0;vertical-align:middle;}
#location ul.loca li{float:left;padding-left:20px;margin-left:10px;font-size:14px;color:#757575;background:url(../d_img/top_navi_arrow.png) no-repeat 0 50%;}
#location ul.loca li:first-child{padding-left:0px;background:none;width: 19px;}
#location ul.loca li.now{color:#222;}
@media (max-width: 1023px){
.article_body .wrap{
margin:0;
}

.small_menu_top .grayBox.top {
    margin-top: 10px;
    padding: 10px 0% 20px;
    background-position: center 25px;
    background-size: 40px;
    margin: 0 5%;
}
.small_menu_top .grayBox.top  .txt {
    font-size: 18px;
    line-height: 19px;margin-left:22px;
	letter-spacing: -0.023em;color:#fff;
}
.small_menu_top .grayBox.top:before {
      top: 50%;
    /* left: 50%; */
	left: 34px;
    transform: translate(-50%, -50%);

}
.small_menu_top .grayBox.top:before {
    content: '\E83F';
    top: 50%;
    /* left: 50%; */
    transform: translate(-50%, -50%);
    font-size: 17px;
    font-family: 'nc-font';
    color: #fff;
    left: 24px;
    position: absolute;
}
.small_menu_top .grayBox .txt a {
    color: #fff;
}
.small_menu_top .grayBox.top:before {
    top: 50%;
    /* left: 50%; */
    left: 34px;
    transform: translate(-50%, -50%);
}
.small_menu_top .grayBox.top:before {
    top: 41%;
}


.small_menu_top .grayBox.top:before {
   left: 8px;
}

#sidebar {
    display: none;
}	
	
#contents {
    float: none;
    width: 100%;
    margin-top:25px;
}
#logo {
   
    top: 1.75rem;
 
}
.member_menu > li + li:before {
    width: 0.1rem;
    top: 50%;
    background: #ddd;margin-top: -0.4rem;
}

.member_menu > li + li:before {

}
.small_menu_top .grayBox{
background: transparent;
}

}	

@media (max-width:768px) {
#cont_head h2 {
    float: none;
    font-size: 30px;
    color: #010101;
	text-align:center;
}
#location {
    float: none;
    padding-top: 10px;
	text-align:center;
}
.nc-breadcrumb {
    font-size: 0;
    margin-bottom: 0;
    text-align: center;
    /* display: none; */
}
.article_header {
    padding: 1.4rem 0 1.5rem;
}
.article_title {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.25;
    margin-left: 0px;
    letter-spacing: -0.05em;
    margin-bottom: 0rem;
    text-align: center;
	
}
.wrap .nc-separator {
    margin-left: 0rem;
    margin-right: 0rem;
}

.wrap .nc-separator {
    margin-left: -3rem;
    margin-right: -3rem;
}

.nc_program_select-refresh span {
    font-size: 1.3rem;
    font-weight: 500;
	    line-height: 46px;
}

.search_box2 {
    padding: 5px 0px;

}
.nc_tab__menu li a {
      display: block;
    width: 100%;
    padding: 1.2rem 0 1.4rem;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -0.023em;
    text-align: center;
    color: #666;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}
.member_menu > li + li:before {
    content: '';
    display: block;
    width: 1px;
    height: 8px;
    background: #ffffff;
    background: rgba(255, 255, 255, .25);
    position: absolute;
    top: 0px;
    left: 0;
}
html.desktop .footer_menu > li > a:hover:before {
    opacity: 0;
}

.member_menu .my {
    display: none;
}
.open_menu .member_menu .my {
    display: inline-block;
}
.member_menu > li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 6px;
    position: relative;
}
.member_menu > li:last-child {
margin-right:8px;
}
.member_menu > li + li:before {
    width: 0.1rem;
    height: 0.6rem;
    top: 50%;
    margin-top: -0.3rem;
    background: #ddd;
}
#logo {
    top: 18px;
}

}
@media (max-width:580px) {
#logo {
    top: 18px;
}

}
@media (max-width:450px) {


.member_menu {
    display: block;
    margin: 4px -10px;
    font-size: 0;
    position: relative;
}
.member_menu_container {
    top: 18px;
    margin-right: 2px;
}
.open_menu .member_menu_container {
     top: 18px;
    
}


.member_menu .my {
    display: none;
}
.open_menu .member_menu .my {
    display: inline-block;
}


.nc_program_select-refresh span {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 42px;
}
.nc_program_select .nc_program_select-refresh {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #E6E6E6;
    width: 100px;
    height: 46px;
    position: relative;
    text-align: center;
    bottom: 2px;
    right: 0;
    margin-top: 6px;
    float: none;
    margin-bottom: 0px;
}
.nc_program_select-refresh:after {
    content: '\e925';
    font-family: 'nc-font';
    font-size: 1.2rem;
    color: #b2b2b2;
    line-height: 45px;
}
}

hr, table caption, legend, .m_element {
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}


#my_top_menu{position:absolute; top:0; left:40px; transition:top 0.1s linear; -webkit-transition:top 0.1s linear; -moz-transition:top 0.1s linear; -o-transition:top 0.1s linear;display:none;}
#my_top_menu:after{content:""; display:block; clear:both}
#my_top_menu ol{position:relative}
#my_top_menu ol > li{float:left; position:relative}
#my_top_menu ol > li > a{display:block; height:60px; line-height:60px; font-weight:700; text-decoration:none; border-right:1px solid #A2BCFF}
#my_top_menu ol > li.home{padding-left:10px}
#my_top_menu ol > li.home > a{width:59px; font-size:0;  border-left:1px solid #A2BCFF}
#my_top_menu ol > li.s_nav > a{width:auto; color:#fff;letter-spacing: -0.023em;}
#my_top_menu ol > li.s_nav2 > a{color:#fff; background-color:#0aa699;letter-spacing: -0.023em;}
#my_top_menu ol > li.s_nav.on > a{}
#my_top_menu ol > li dl{display:none; position:absolute; top:60px; left:0; width:calc(100% - 1px); background:#4478FF; border-top:1px solid #A2BCFF;    z-index: 11;}
#my_top_menu ol > li dl li{padding:0 0px}
#my_top_menu ol > li dl li + li a{border-top:1px solid #A2BCFF}
#my_top_menu ol > li dl li a{display:block; text-indent:10px; line-height:59px; font-weight:500; color:#fff; text-decoration:none;letter-spacing: -0.023em;}
#my_top_menu ol > li.s_nav2 dl{background-color:#0aa699; border-top-color:#80C5CE}
#my_top_menu ol > li.s_nav2 dl li + li a{border-top-color:#80C5CE}
#my_top_menu.ready{top:-60px}
#my_top_menu.fix{z-index:1000; position:fixed; top:0; left:40px; width:calc(100% - 80px)}
#my_top_menu.fix ol{margin:0 auto; display:block; width:100%; height:60px; max-width:1400px; background:#4478FF}
#my_top_menu.fix ol > li.home{padding-left:0}
#my_top_menu.fix ol > li.home > a{width:110px; }
@media all and (max-width:1024px){

.modal_page_open #my_top_menu{display:none;}

    #my_top_menu{left:0; width:100%;display:block;    background: #4478FF;}
	#my_top_menu{position:relative; top:0; left:0px; transition:top 0.1s linear; -webkit-transition:top 0.1s linear; -moz-transition:top 0.1s linear; -o-transition:top 0.1s linear;    z-index: 10;}
	#my_top_menu ol > li:last-child > a{border-right:0}
	#my_top_menu ol > li.home{padding-left:0;
    text-align: center;}



	#my_top_menu ol > li.home > a{width:75px;border-left:0}

#my_top_menu ol > li.home > a:after {
    content: '\E800';
    font-family: 'nc-home';
    vertical-align: top;
    font-size: 16px;    font-weight: 500;
    color: #fff;width:75px;height:75px;
    font-style: normal;
}



	#my_top_menu ol > li.s_nav{width:calc(50% - 38px)}
	#my_top_menu ol > li.s_nav > a{font-size:18px;padding: 0 20px;}

	#my_top_menu ol > li.s_nav > a:after{
    content: '\e911';
    font-family: 'nc-font';
    font-size: 10px;
    position: absolute;
    /* top: 50%; */
    right: 10px;
    margin-top: 0rem;font-weight: 500;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
	}
	#my_top_menu ol > li.s_nav.on > a:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg); 
	}



	#my_top_menu ol > li:last-child dl{width:100%}
	#my_top_menu ol > li dl li a{font-size:18px;padding: 0 10px; }
	#my_top_menu.ready{top:-60px}
	#my_top_menu.fix{left:0; width:100%}
	#my_top_menu.fix ol{max-width:100%}
	#my_top_menu.fix ol > li.home > a{width:75px; }
.postzoom{
   display:none;
}
}
@media all and (max-width:599px){

	#my_top_menu ol > li > a{height:45px; line-height:45px}
	#my_top_menu ol > li.home > a{width:45px;}
	#my_top_menu ol > li.s_nav{width:calc(50% - 22.5px)}
	#my_top_menu ol > li.s_nav > a {
		font-size: 12px;
		padding: 0 10px;
	}
	#my_top_menu ol > li dl{top:45px}
	#my_top_menu ol > li dl li{padding:0 0px}
	#my_top_menu ol > li dl li a{ line-height:44px; font-size:14px;}
	#my_top_menu.ready{top:-45px}
	#my_top_menu.fix ol{height:45px}
#my_top_menu.fix ol > li.home > a{width:45px;}
#contents {
    float: none;
    width: 100%;
    margin-top: 0px;
}
.modal_page_content #contents {
    float: none;
    width: 100%;
    min-height: 500px;
    margin-top: 0px;
    background: #fff;
}
.online #sub_visual, .program_view #sub_visual, .login #sub_visual, .mypage #sub_visual, .member_join #sub_visual {
    position: relative;
    height: 10px;
    background-color: #FFF;
    padding-top: 0px !important;
}
}	


.rank_list2 li > a,.rank_list2 li > span{position:relative;display:table;width:100%;height:54px;padding-left:23px;table-layout:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}
.rank_list2 .wrap{display:table-cell;width:100%;vertical-align:middle}
.rank_list2 .wrap span{/*overflow: hidden; */
    line-height: 1.2em;
    /* display: -webkit-box; */
    /* text-overflow: ellipsis; */
    /* -webkit-box-orient: vertical; */
   font-family: 'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;
    display: block;
    font-weight: 500;}
.rank_list2 .wrap .link{display:block}
.rank_list2 .emblem{position:absolute;top:50%;left:23px;width:30px;height:30px;margin-top:-15px}
.rank_list2 .emblem:empty{background:url(https://sports-phinf.pstatic.net/team/no_emblem_s_square.png) no-repeat;-webkit-background-size:contain;background-size:contain;background-position:50%}
.rank_list2 .emblem img{width:100%;vertical-align:top}
.rank_list2 .emblem ~ .wrap{padding-left:33px}
.rank_list2 .rank_num{position:absolute;top:50%;left:6px;min-width:12px;height:20px;margin-top:-10px;color:#767676;text-align:center;font-size:12px;line-height:20px}
.rank_list2 .player{margin-top:0px;color:#000;font-size:12px;-webkit-line-clamp:1;    word-break:keep-all;}

html.ios .rank_list2 .player{margin-top:0px;color:#000;font-size:12px;-webkit-line-clamp:1;    word-break:break-all;}

.rank_list2 .team{color:#888;font-size:10px;-webkit-line-clamp:1}
.rank_list2 .team:only-child{color:#000;font-size:12px;-webkit-line-clamp:2}
.record_table{overflow:hidden;padding-left:159px;box-sizing:border-box;-webkit-box-sizing:border-box}
.record_table table{width:100%;margin-top:-51px;border-right:0px solid #fff;border-spacing:0;border-collapse:separate}
.record_table table .on{color:#034EA2;background:#fff}
.record_table caption{height:50px}
.record_table thead th{height:51px}
.record_table tbody th{height:54px;text-align:left}
.record_table th{    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    color: transparent;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
    border-right: 1px solid #e4e8eb;}
.record_table th:first-child{border-left:1px solid #fff;}
.record_table th:last-child{border-right:0px solid #fff;}
.record_table th a{display:block;    height: 50px;
    padding: 20px 5px 0;box-sizing:border-box;-webkit-box-sizing:border-box;color:#222;min-width: 70px;}
.record_table th span{display:block;    text-align: center; font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;  font-weight: 600;}
.record_table th span:after{}
.record_table th .empty{display:block;height:48px;padding:16px 5px 0;box-sizing:border-box;-webkit-box-sizing:border-box;color:#c2c2c2}
.record_table th .empty span:after{display:none}
.record_table th.on a{color:#034EA2}
.record_table th.on span:after{background-position:-65px -6px}
.record_table td{padding:0 10px;border-top:1px solid #fff;border-left:1px solid #fff;color:#222;    vertical-align: middle;
    padding: 13px 8px;
    font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;
    line-height: 1.6;
    height: 70px;text-align: center;    font-size: 11px;font-weight: 600;}

.status .record_table td{padding:0 10px;border-top:1px solid #fff;border-left:1px solid #fff;color:#222;    vertical-align: middle;
    padding: 13px 8px;
    font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;
    line-height: 1.6;
    height: 60px;text-align: center;    font-size: 11px;font-weight: 600;}


.status .rank_list2:last-child li {
    height: 100px;
}

.record_table td > span{display:block;height:auto;font-size:12px;text-align:center;white-space:nowrap; font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;}
.record_table td > span.price{display:block;height:auto;font-size:12px;text-align:right;white-space:nowrap; font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;}

.record_table td > span.rk{
    font-size: 11px;
    line-height: 1.6;    min-height: auto;
}
.record_table td > span.rx{
    font-size: 10px;
    line-height: 1.6;    min-height: auto;min-width: auto;    padding: 5px 4px;
}
.record_table td > span.rbw{
    font-size: 11px;
    line-height: 1.6;    min-height: auto;min-width: auto;    padding: 5px 4px;
}
.record_table td.empty{color:#c2c2c2}
.record_table .table_head{width:118px}
.record_table .title{position:relative;padding-left:15px;font-size:12px;line-height:1.2em;text-align:left}
.record_table .title .rank_num{position:absolute;top:0;left:0}
.record_table .title .name{display:block;font-weight:normal}
.record_table > div{display:inline-block}
.record_inner{overflow:hidden;position:relative;margin-top:0px;border-top:3px solid #0e1727;border-bottom:1px solid #e1e1e1;background:#f4f5f6}
.record_inner.t_m{margin-top:11px}
.record_inner .table_scroll{position:absolute;top:0;bottom:0;left:0;right:0}
.record_inner .table_scroll > div{min-width:100%}
.record_inner .best td > span{font-family:HelveticaNeue-Medium,Sans-serif}
.record_inner .best .rank_num{color:#43a0fd}
.record_inner .low .rank_num{color:#c3c3c3}

.record_bx2{margin:0 12px;border:1px solid #e1e1e1;border-radius:1px;-webkit-border-radius:1px;background:#fff}
.record_bx2 .emblem{position:absolute;top:4px;left:13px;width:53px;height:53px}
.record_bx2 .emblem:empty{background:url(https://sports-phinf.pstatic.net/team/no_emblem_s_square.png) no-repeat;-webkit-background-size:contain;background-size:contain;background-position:50%}
.record_bx2 .rank_num{display:inline-block;padding-left:1px;color:#034EA2;font-size:19px;vertical-align:top}
.record_bx2 .team{overflow:hidden;display:block;font-size:16px;font-family:AppleSDGothicNeo-Light,Sans-serif-Light;white-space:nowrap;text-overflow:ellipsis}
.record_bx2 .info{position:relative;min-height:48px;padding:14px 10px 0 78px}
.record_bx2 .game{padding-top:3px;color:#555;font-size:11px}
.record_bx2 .game span{display:inline-block;font-family:HelveticaNeue}
.record_bx2 .game span ~ span{padding-left:5px}
.record_bx2 .game .gw,.record_bx2 .game .gl{color:#034EA2}
.record_bx2 .game .gc{color:#ed4876}
.record_bx2 .game .link{display:inline-block;margin:0 0 0 7px;color:#555}
.record_bx2 .game .link span:before{display:inline-block;width:1px;height:9px;margin:4px 8px 0 0;background:#dbdbdd;vertical-align:top;content:''}
.record_bx2 .game .link span:after{display:inline-block;width:3px;height:5px;margin:6px 5px 0 4px;background-position:-65px -12px;vertical-align:top;content:''}
.record_bx2 .stat{border-top:1px solid #e1e1e1;background:#f6f6f6;font-family:HelveticaNeue,Sans-serif;display:-webkit-box;display:-webkit-flex;display:flex}
.record_bx2 .stat .title{display:block;margin-bottom:-1px;color:#999;font-size:9px;text-align:center;line-height:1em}
.record_bx2 .stat .num{color:#333;font-size:12px}
.record_bx2 .stat_item{padding:8px 0 6px;text-align:center;-webkit-box-flex:1;-webkit-flex:auto;flex:auto}
.record_bx2 .stat_item ~ .stat_item{border-left:1px solid #f0f0f0}
.record_bx2 ~ .record_bx2{margin-top:8px}
.record_bx2 ~ .record_tab4{padding-top:2px}
.record_bx2 ~ .record_tab4 li.on a span{border-color:#eee}
.record_team{padding:12px 0;border-bottom:1px solid #e1e1e1}
.record_team:before,.record_team:after{display:table;content:''}
.record_team .record_tab4{margin-top:-12px}
.record_team .record_tab4 ~ .record_tab4{margin:0 0 -12px}
.record_desc + .ad_box{border-top:1px solid #dadada}
.record_desc,.record_noti{padding:14px 15px;color:#888;font-size:12px;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light;line-height:17px;font-weight:400;letter-spacing:-0.5px}
.record_desc a,.record_noti a{color:#1cc100}
.record_desc .p_record,.record_desc .p_record li,.record_noti .p_record,.record_noti .p_record li{font-family:inherit;font-size:inherit;line-height:inherit}
.record_noti ~ .record_desc,.record_desc ~ .record_desc{border-top:1px solid #e1e1e1}
.record_desc:last-child{border-bottom:1px solid #dadada}
.worldfootball_tab{overflow:hidden;position:relative;height:39px;margin-top:-1px;border-top:1px solid #f5f5f5;border-bottom:1px solid #ddd;background:#fff}
.worldfootball_tab .record_tab1{border-top:0}

.article_header .wrap { position: relative}
.article_header_inner { position: relative;}
.article_title {font-size: 2.8rem;font-weight: bold;line-height: 1.25;margin-left: 0px;letter-spacing: -0.05em;margin-bottom: 2rem;text-align:center; }
.article_title:after{content:"";background:#034EA2;bottom: -4px;right: 4px;width: 10px;height: 10px;margin-left: 12px;display:inline-block;position:relative;border-radius: 100px;-webkit-transition: -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);display:none;}
.article_title[lang="en"] {letter-spacing: -0.015em;margin-bottom: 76px; margin-top: -6px;}
.article_title[lang="en"]:after {bottom: 0;}


.program_view .article_title {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.25;
    margin-left: 0px;
    letter-spacing: -0.05em;
    margin-bottom: 1rem;
    text-align: center;
}


.rank_list2 .wrap span{
font-weight:600;
}
.rank_list2 .wrap span.team{
font-weight:400;
}
.tit {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #808080;
}


@media (max-width:460) {

.program_view .article_title {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.25;
    margin-left: 0px;
    letter-spacing: -0.05em;
    margin-bottom: 1rem;
    text-align: center;
}
}

@media (min-width:768px) {
	

.main_container {
    padding-top: 5rem;
    padding-bottom: 5rem;
}


.mypage .main_container, .mypage .main_container {
    /*padding-top: 5.5rem;*/

}

	
.record_date .date{height:61px}
	.record_date .today{font-size:25px}
	.record_date .today + span{font-size:13px}
	.record_date .season{height:15px;padding:0 5px;font-size:12px;line-height:16px}
	.record_tab1 a{position:relative;height:44px;margin-bottom:-1px;padding:0 !important;font-size:17px !important;color:#545353}
	.record_tab1 a span{display:inline-block;padding:11px 1px 12px;border-bottom:1px solid transparent}
	.record_tab1 a:before{position:absolute;top:12px;left:0;width:1px;height:17px;background:#fff;content:''}
	.record_tab1 br{display:none}
	.record_tab1 li ~ li{border-left:0}
	.record_tab1 li ~ li a:before{background:#f1f1f1}
	.record_tab2{position:relative;z-index:50}
	.record_tab2 a{height:29px;margin:0 6px;padding:0 23px;font-size:16px;line-height:30px;-webkit-border-radius:20px;border-radius:20px}
	.record_tab3 a{font-size:16px}
	.record_tab4 a{font-size:16px}
	.record_best h3.title{font-size:16px}
	.record_best h3.title.custom_1{padding-top:7.5px}
	.high_rank .record_type1:after{display:block;clear:both;content:''}
	.high_rank .record_type1 > div{right:0;width:100%;padding:0 5px 0 6px;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;-webkit-box-sizing:border-box}
	.high_rank .record_type1 .record_bx{display:block;width:auto;margin:0 5px 0 4px;-webkit-box-flex:1;-webkit-flex:auto;flex:auto}
	.rank_list .player{margin-bottom:-1px}
	.rank_list2 .player{font-size:13px}
	.rank_list2 .team{font-size:12px}
	.rank_list2 .team:only-child{font-size:14px}
	.rank_list2 li,.rank_list2 li > a,.rank_list2 li > div{height:70px}
	.record_rank{width:211px}
	.record_inner{margin-left:0px}
	.record_table{padding-left:211px}
	.record_table th{font-size:12px}
	.record_table th a{padding:17px 10px 0}
	.record_table td > span{height:auto;font-size:12px;line-height:1.4;font-weight: 600;}
	.record_table td > span.sm{height:auto;font-size:12px;line-height:1;font-weight: 600;margin-top: 3px;}
	.record_table td > span span.cc{height:auto;font-size:12px;line-height:1.4;font-weight: 500}
	.record_inner.kbo .record_rank{width:211px}
	.record_inner.kbo .record_table{padding-left:211px}
	.record_bx .rank_team .name{margin:-1px auto 6px;font-size:20px}
	.record_bx .rank_team .stat{font-size:12px}
	.record_bx .rank_team .stat .high{padding-bottom:2px;color:#555;font-size:14px}
	.record_bx2{float:left;position:relative;width:50%;margin:0 !important;padding:4px;border:0;background:transparent;box-sizing:border-box;-webkit-box-sizing:border-box}
	.record_bx2 .info{padding:14px 10px 5px 78px;border:1px solid #e1e1e1;border-bottom:0;background:#fff}
	.record_bx2 .stat{border:1px solid #e1e1e1;border-top-color:#eaeaea}
	.record_bx2 .team{padding:3px 0 4px;font-size:18px}
	.record_bx2 .rank_num{margin-top:-2px;padding-left:0;font-size:22px}
	.record_bx2 .game{font-size:13px}
	.record_bx2 .stat_item{padding:14px 0 8px}
	.record_bx2 .stat .title{margin-bottom:2px;font-size:11px}
	.record_bx2 .stat .num{font-size:15px}
	.record_bx2:nth-child(2n):after{display:block;position:absolute;top:0;left:100%;width:100%;height:100%;background:#eff2f8;box-sizing:border-box;-webkit-box-sizing:border-box;content:''}
	.record_type1 .rank_num{font-size:23px}
	.record_type1 .link span{font-size:13px;line-height:31px}
	.record_type2 .record_bx ~ .record_bx{margin-left:9px}
	.record_team{overflow:hidden;padding:6px 6px}
	.record_team:after{display:block;clear:both;content:''}
	.record_team .record_tab4{margin:-4px 0 -4px}
	.record_team .record_tab4 ~ .record_tab4{margin:-4px 0 -6px;padding-top:0}
	.worldfootball_tab{height:43px}
	.worldfootball_tab.new_scroll .scroller{position:relative}
.article_header {margin: 0px 0 0;} /* 69px */
.article_header .wrap { position: relative}
.article_header_inner { position: relative;}
.article_title {font-size: 3.2rem;font-weight: bold;line-height: 1.25;margin-left: 0px;letter-spacing: -0.05em;margin-bottom: 2rem;    font-family: 'Maven Pro','Montserrat', 'Pretendard', sans-serif;}
.article_title:after{content:"";background:#034EA2;bottom: -4px;right: 4px;width: 10px;height: 10px;margin-left: 12px;display:inline-block;position:relative;border-radius: 100px;-webkit-transition: -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);display:none;}
.article_title[lang="en"] {letter-spacing: -0.015em;margin-bottom: 76px; margin-top: -6px;}
.article_title[lang="en"]:after {bottom: 0;}
.program_view .article_title,.online .article_title  {
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.25;
    margin-left: 0px;
    letter-spacing: -0.05em;
    margin-bottom: 2rem;margin-top: 2rem;
    text-align: center;
}

}

/* ---- default_etc.css ---- */
@media (min-width: 540px){
	html {font-size: 2.3vw;}
}

@media (min-width: 680px){
	html {font-size: 1.8vw;}
}

@media (min-width: 800px){
	html {font-size: 1.4vw;}
}
.wrap .step-info .item {display: inline-block;}
.wrap .step-info .item:nth-child(2) {margin: 0 110px;}
.wrap .step-info .item > span {position: relative; width: 20px; height: 20px; margin: 0 auto; display: block; background-image: url(../img/member-step@2x.png); background-repeat: no-repeat; background-position: center; background-size: contain;}
.wrap .step-info .item.on > span {background-image: url(../img/member-step-on@2x.png);}
.wrap .step-info .item:not(:first-child) > span::before {content: ''; width: 165px; height: 1px; background-color: #e5e5e5; position: absolute; right: 19px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.wrap .step-info .item.on > span::before {background-color: #ff4d29;}
.wrap .step-info .item .step {font-size: 18px; font-weight: 700; color: #011241; margin-top: 8px;}
.wrap .step-info .item .text {font-size: 14px; color: #777; margin-top: 8px;}


.wrap .agreement-form {margin-top: 60px; width: 100%; padding: 30px;}
.wrap .agreement-form > ul > li:first-child {border-bottom: 1px solid #e5e5e5; padding: 0 30px 30px; margin: 0 -30px;}
.wrap .agreement-form > ul > li:not(:first-child) {margin-top: 20px;}
.wrap .agreement-form > ul > li:not(:first-child) > label {width: 80%;}
.wrap .agreement-form > ul > li:nth-child(2) {margin-top: 30px;}
.wrap .agreement-form > ul > li:last-child {margin-bottom: 30px;}
.wrap .agreement-form>ul>li>label>div {
    font-size: 1.55rem;
}
.wrap .agreement-form > ul > li > label {display: inline-block; width: 80%; margin-right: 0; padding: 0; vertical-align: middle; font-size: 12px; color: #222; font-weight: 500; word-break: keep-all; cursor: pointer;}
.wrap .agreement-form > ul > li > label > i {display: inline-block; vertical-align: middle; margin-right: 14px;}
.wrap .agreement-form > ul > li > label > div {display: inline-block; vertical-align: middle;}
.wrap .agreement-form > ul > li > label > span {color: #ff4d29; font-size: 1.55rem;}
.wrap .agreement-form > ul > li > label > span.optional {color: #2557e1; font-size: 1.55rem;}
.wrap .agreement-form > p {border-top: 1px solid #e5e5e5; padding: 30px 30px 0; margin: 0 -30px; text-align: center; font-size: 14px; color: #777; line-height: 1.6;}
.wrap .agreement-form > div {margin-top: 30px;}

/* 팝업 - 공통*/
.popup {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000;}
.popup .modal-bg {width: 100%; height: 100%; background-color: #000; opacity: 0.5;}

.popup .container {position: absolute; top: 0; left: 0; right: 0; height: 100%; padding: 50px 1.25rem;}
.popup .container .content {position: relative; width: 500px; min-height: auto; margin: 0 auto; padding: 0; background-color: #fff; border-radius: 1.25rem 1.25rem 12px 12px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.popup .container .content > div {position: relative; top: auto; left: auto; transform: none;}

.popup .container .content .head {position: relative; padding: 1rem;}

.popup .container .content .body {width: 100%;}
.popup .container .content .body > p {padding: 40px 0; font-size: 14px; color: #777; line-height: 1.6; text-align: center;}
.popup .container .content .body > form {padding: 0 40px; border-radius: 0;}
.popup .container .content .body > form .row {padding: 0; margin-top: 10px;}
.popup .container .content .body > form .row:first-child {margin-top: 0;}
.popup .container .content .body > form .row input {width: 100%; height: 42px; border: 0.063rem solid #e5e5e5; border-radius: 6px; padding: 0 15px; vertical-align: middle;}
.popup .container .content .body button {height: 42px; line-height: 42px; text-align: center; font-size: 12px; color: #fff; font-weight: 700; border-radius: 6px; vertical-align: middle;}

.popup .container .content .footer {width: 100%; margin-top: 1.25rem; padding: 0 40px 40px; }
.popup .container .content .footer > div {margin-left: 10px;}
.popup .container .content .footer > div:first-child {margin: 0;}
.popup .container .content .footer > div:first-child:nth-last-child(1) {width: 100%;}
.popup .container .content .footer > div:first-child:nth-last-child(2),
.popup .container .content .footer > div:first-child:nth-last-child(2) ~ div {display: inline-block; width: calc((100% - 10px) / 2);}
.popup .container .content .footer button {width: 100%; height: 42px; line-height: 42px; border-radius: 6px; text-align: center; font-size: 14px; color: #fff; font-weight: 700; background-color: #011241;}
.popup .container .content .footer button.btn-confirm {background-color: #ff4d29;}

.popup.pop-new {width: 100%!important; padding: 0!important;}
.popup.pop-new .container .content .head {position: relative; width: 100%; padding: 1.5rem; background-color: #011241; text-align: center; font-size: 18px; color: #fff; font-weight: 700; border-radius: 12px 12px 0 0;}
.popup.pop-new .container .content .head .title {height: 1.25rem; line-height: 1.25rem; color: #fff;}
.popup.pop-new .container .content .head > a {position: absolute; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 1.5rem; height: 1.5rem;}

.popup.pop-new .container .content .body {padding: 0; margin: 0; border-radius: 0 0 0.75rem 0.75rem; max-height: calc(100% - 4rem); overflow-y: auto;}
.popup.pop-new .container .content .body .minimal-table {padding: 40px 30px; border-bottom: 0.063rem solid #e5e5e5;}
.popup.pop-new .container .content .body .minimal-table:last-child {border-bottom: 0;}
.popup.pop-new .container .content .body .minimal-table h3 {padding: 0 1.5rem; background-position: left center; border-radius: 0; font-size: 18px;}
.popup.pop-new .container .content .body .minimal-table ul > li {font-size: 14px; color: #777; line-height: 1.8;}
.popup.pop-new .container .content .body .minimal-table ul > li > span {display: inline-block; width: 10rem; color: #222; font-weight: 700;}
.popup.pop-new .container .content .body .minimal-table ul > li > span::before {content: '·'; display: inline-block; font-size: 18px; font-weight: 900; margin-right: 10px;}
.popup.pop-new .container .content .body .minimal-table ul > li > div {display: inline-block; width: calc(100% - 10rem);}

.popup.pop-new.popup-alert .container .content {width: 400px;}
.popup.pop-new.popup-alert .container .content .head {background-color: #fff; }

.popup.pop-new.post-alert .content .body {height: 450px;}
.popup.pop-new.post-alert .content .body div {height: 100%!important; border-radius: 0 0 12px 12px;}



.nc-frm__btn {
    display: inline-block;
    vertical-align: top;
    width: 15rem;
    height: 5.2rem;
    background: transparent;
    border: 0.2rem solid #222;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.025em;
    color: #222;
    position: relative;
    top: auto;
    left: auto;
    text-align: center;
    padding: 1.2rem 1rem 1.2rem;
    cursor: pointer;
}
.pwd_edit_wrap{
	    margin-left: 17.6rem;
}
	
.pwd_edit_wrap .nc_frm__field-wrap{
	   width: -webkit-calc(100%);
    width: 100%;
}	
.pwd_edit_wrap {
margin-top: 0.8rem;
}	
.nc-frm__btn--type-02 {
    background: #0f4c82;
    color: #fff;
    border-color: #0f4c82;margin-top: 0.8rem;
	display:block;
}
.nc-frm__data--edit .nc-frm__btn {margin-top: 0.8rem;}


@media (min-width: 1024px){
	html {font-size: 0.78125vw;} /* @1280px 1rem = 10px */
	body { /* font-family: 'Montserrat', 'Pretendard', sans-serif; */ }


	.wrap {max-width: 1200px; margin: 0 auto; position: relative;position: relative;
    max-width: 1480px;
    padding: 0 30px;
    width: 100%;
    z-index: 0;margin: 0 auto;}
	.wrap_narrow {max-width: 79rem; margin: 0 auto; position: relative;}
	.wrap_narrow--form {max-width: 64rem;}


	.wrap-small-narrow {
    max-width: 68.8rem;
    margin: 0 auto;
    position: relative;
}


	[lang="en"] {font-family:'Maven Pro', 'Montserrat', 'Pretendard', sans-serif;}

	.mobile_br {display: none;}


	.wrap:after {content: "";display: table;clear: both;}

		
	/* PAGE */
	.main_container { /* padding-top: 13.8rem; */  min-height: -webkit-calc(100vh - 48.4rem);  min-height: calc(100vh - 48.4rem); padding-bottom: 16rem;}



	#header { border-bottom: 0.0rem solid #ddd;  }
	.header_wrap { height: 9rem; border-bottom: 0; max-width: 1200px;}
	.home .header_wrap { border-bottom: 0;}

	#logo { width: 22rem;
    height: auto;
    top: 2.7rem;
    left: 0;z-index: 2222;    left: 0%;
    margin-left: 0rem;}

	.menu_container {display: none;}

	.tab_menu_container { opacity: 1; visibility: visible; position: relative; top: auto; left: auto; text-align: center; display: inline-block; /* padding-right: 8.2rem; width: auto; left: 50%; transform: translateX(-50%); */}
	

img[data-unveil] {opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
img[data-unveil].nc-lazyload--loaded {opacity:1}

.nc-lazyload {position: relative;overflow: hidden;}
.nc-lazyload img {display: block;/* max-width: 100%; */position: absolute;left: 0;top: 0; width: 100%;}
.nc-lazyload img.nc-lazyload--loaded {height: auto;}

/* Color preview */
.nc-lazyload__color-preview {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #f7f9fa;opacity: 1;}


	.total_menu_open_button { display: inline-block; vertical-align: middle; /* position: absolute; top: 2.9rem; right: 2.5rem; */ width: 3.2rem; height: 3.2rem; color: #000; text-align: center; margin: 0 2.4rem;display: none; }
	.total_menu_open_button:after {content: '\e949'; display: block; font-family: 'nc-font'; font-size: 2.8rem; line-height: 3.2rem;}

	.notification_view{max-width: 43.5rem;}
	.notification_container { /* opacity: 0; visibility: hidden; */ }
	.notification_container { opacity: 0; visibility: hidden; top: 3rem; right: 12.6rem; }
	.notification_container:after {content: '';display: block;width: 0.1rem;height: 0.9rem;position: absolute;top: 50%;margin-top: -0.4rem;right: -0.4rem;background: #ddd;}
	.notification_open_btn { width: 3rem; height: 3rem; transition: color 0.3s; -webkit-transition: color 0.3s; }
	.notification_open_btn:after { font-size: 1.5rem; line-height: 3rem; }
	i.noti_count { top: 0.4rem; right: 0.4rem; }
	html.desktop .notification_open_btn:hover:after {color: #1d3661;}

	.notification_container.fixed {position: absolute; top: 3rem; right: 12.6rem; z-index: 2;}
	.logged-in .notification_container {right: 16.8rem;}
	.logged-in .notification_container.fixed {position: absolute; top: 3rem; right: 10.6rem; z-index: 2;}


	.search_container { opacity: 0; visibility: hidden; }

	.member_menu_container { opacity: 1; visibility: visible; top: 3.4rem; right: 0; left: auto; position: absolute; z-index: 600; }
	.member_menu { margin: 0 -1.2rem; }
	.member_menu > li { padding: 0 1.2rem; }
	.member_menu > li > a { font-size: 14px; color: #222; transition: color 0.3s; -webkit-transition: color 0.3s; position:relative;font-weight: 500;}
    .member_menu > li > a:before {width:100%; height:1px; background:#009761; content:''; display:block; position:absolute; bottom:0;opacity:0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s}
	.member_menu > li + li:before { width: 0.1rem; height: 0.9rem; top: 50%; margin-top: -0.4rem; background: #ddd; }

    html.desktop #tab_menu li a:hover {color: #009761;}
    html.desktop .member_menu > li > a:hover {color: #009761;}
    html.desktop .member_menu > li > a:hover:before {opacity:1;}

	/* MENU OPEN -> scrollbar size 고정이므로 px단위 사용  */
	body.open_menu {position: static; top: auto; left: auto; right: auto; bottom: auto; width: auto;}
	body.open_menu #header { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }
	html.desktop:not(.safari) body.open_menu {margin-right: 17px;}
	html.desktop:not(.safari) body.open_menu #logo { left: -8px; }
	html.desktop:not(.safari) body.open_menu .tab_menu_container {padding-right: 17px;}
	html.desktop:not(.safari) body.open_menu .member_menu_container {right: 8.5px;}
	html.desktop:not(.safari) body.open_menu .notification_container { padding-right: 8.5px; }
	html.desktop:not(.safari) body.open_menu .notification_container:after { right: 4px; }
	html.desktop:not(.safari) body.open_menu i.noti_count { margin-right: 8px; }
	html.desktop:not(.safari) body.open_menu .nc-popup {padding-right: 17px;}
	html.desktop:not(.safari) body.open_menu .nc-popup__floating-bar {padding-right: 17px;}

	#small_menu_close { width: 3.2rem; height: 3.2rem; top: 4.8rem; right: 4.8rem; }
	#small_menu_close:after { font-size: 2.7rem; line-height: 3.2rem; }
	#small_menu_container { max-width: 57.2rem; height: 100vh; position: absolute;}
	.small_menu_top { height: 26.2rem; padding-top: 0; }

	.small_search_container { border-top: 0; padding: 9.5rem 5rem 5rem; }
	.small_search_field { font-size: 2.4rem; padding-left: 3.4rem; }
	.small_search_field_wrap { height: 5.6rem; }
	.small_search_label { font-size: 2.4rem; top: 1.5rem; padding-left: 3.4rem; }
	.small_search_submit { width: 1.8rem; }
	.small_search_submit:after { font-size: 2rem; line-height: 5.6rem; }
	.search_keyword ul { margin: 0 -0.25rem; }
	.search_keyword ul li a { font-size: 1.4rem; }

	.small_search_container .nc_frm__clear-btn:after { font-size: 1.5rem; }
	.small_search_container .nc_frm__clear-btn { right: -0.2rem; top: 1.4rem; }
	.small_search_container .search_keyword { padding-top: 0; margin-top: 2.2rem; position: relative; padding-left: 4.4rem; }
	.small_search_container .search_keyword:before {content: '추천';font-size: 1.4rem;display: inline-block;vertical-align: middle;color: #fff;font-weight: 400;position: absolute;top: 1rem; left: 0;}
	.small_search_container .search_keyword ul li { border-radius: 5rem; margin: 0.25rem; -webkit-transition: 0.3s; transition: 0.3s}
	.small_search_container .search_keyword ul li a { padding: 0.9rem 1.5rem 1rem; letter-spacing: -0.01em; -webkit-transition: 0.3s; transition: 0.3s }
	html.desktop .small_search_container .search_keyword ul li:hover { background: #fff;}
    html.desktop .small_search_container .search_keyword ul li:hover a {color: #1d3661;}

	
	.small_menu_area {height: -webkit-calc(100vh - 26.2rem);height: calc(100vh - 26.2rem);}

	.small_tab_nav { width: 20rem; padding-top: 3rem; }
	.small_tab_menu > li > a { font-size: 1.8rem; padding: 1.9rem 2rem; transition: color 0.3s; -webkit-transition: color 0.3s}
	.small_tab_menu > li > a > span:after { height: 0.2rem; bottom: -0.6rem; }
	/* body.live .small_tab_menu > li.worship > a > span:before { width: 3.4rem; height: 1.7rem; background-size: 3.4rem; right: -4.1rem; } */
    body.live .small_tab_menu > li.worship > a > span:before {margin-top:-0.8rem;}
    body.live .small_tab_menu > li.worship > a > span:after {top:-0.3rem;}

	.small_depth_nav { width: -webkit-calc(100% - 20rem); width: calc(100% - 20rem); }
	.small_depth_nav_inner {padding: 0 5rem;}
	.small_depth_nav_inner::-webkit-scrollbar {display: none;}
    .small_depth_menu a {transition: color 0.3s; -webkit-transition: color 0.3s}
	.small_depth_menu > li { margin-top: 2.2rem; }
	.small_depth_menu > li > a { font-size: 1.8rem; padding: 2rem 0; }
	.small_depth_menu > li:first-child > a { padding-top: 4.9rem; }
	.small_depth_menu > li > ul.sub-menu { padding-top: 0.7rem; }
	.small_depth_menu > li > ul > li > a { font-size: 1.6rem; padding: 1.2rem 0; }
	.small_depth_menu > li > ul > li > ul.sub-menu li {font-size: 1.4rem;}
	.small_depth_sns {padding-bottom: 4.1rem; }
	.small_depth_sns > b { font-size: 1.8rem; padding: 1.3rem 0; }
	.small_depth_sns > ul { padding-top: 0.7rem; }
	.small_depth_sns > ul > li > a { font-size: 1.6rem; padding: 1.1rem 0 1rem; padding-left: 2.7rem;  transition: color 0.3s; -webkit-transition: color 0.3s}
	.small_depth_sns > ul > li > a:after { font-size: 1.5rem; top: 1.2rem; transition: color 0.3s; -webkit-transition: color 0.3s}

	.mobile_nav_bar {display: none;}

    .small_depth_menu > li > ul > li.current-menu-item > a,
    .small_depth_menu > li > ul > li.current-page-ancestor > a { color: #1d3661; }

    html.desktop .small_tab_menu > li > a:hover {color: #1d3661; }
    html.desktop .small_depth_menu a:hover {color: #1d3661; }
    html.desktop .small_depth_sns > ul > li > a:hover {color:#222;}
    html.desktop .small_depth_sns > ul > li.vimeo > a:hover:after { color: #29abd9;}
	html.desktop .small_depth_sns > ul > li.youtube > a:hover:after { color: #ff0000;}
	html.desktop .small_depth_sns > ul > li.insta > a:hover:after { color: #d72187;}
	html.desktop .small_depth_sns > ul > li.kakao > a:hover:after { color: #fbcc34;}
	html.desktop .small_depth_sns > ul > li.facebook > a:hover:after { color: #1178f2;}

	.main_container {padding-top: 9rem;}
	body.show_popup .main_container {padding-top: 14.4rem;}
	html.android body.show_popup .main_container {padding-top: 14.4rem;}
	html.ios body.show_popup .main_container {padding-top: 14.4rem;}

    /* IOS APP CUSTOM */
    .ios .nc_webview  #header {height:9rem; border-top:0.1rem solid #ddd;}
    .ios .nc_webview .member_menu > li + li:before {top:1rem;}
    .ios .nc_webview .main_container {padding-top:9rem;}
    .ios .nc_webview .tab_menu_container{ top:0;}

	/* SEARCH */
	.search_nodata { padding: 15.3rem 0 0; margin-bottom: -0.5rem; }
	.search_nodata b { font-size: 2rem; font-weight: 500; }
	.search_nodata p { font-size: 1.6rem; }

    .sub-member-login .nc_frm-header { padding-top: 1.5rem; padding-bottom: 0; margin-bottom: 2.9rem; }
	.sub-member-register .nc_frm-header { padding-bottom: 0; margin-bottom: 4.1rem; }
	.sub-member-find-id-tel .nc_frm-header { padding-top: 1.5rem; padding-bottom: 0; margin-bottom: 2.9rem; }
	.sub-member-find-pw .nc_frm-header { padding-top: 1.5rem; padding-bottom: 0; margin-bottom: 2.9rem; }
	.sub-member-find-pw-complete .nc_frm-header { padding-top: 1.5rem; padding-bottom: 0; margin-bottom: 2.9rem; }
	.sub-mypage-edit-01 .nc_frm-header { padding-top: 5.1rem; padding-bottom: 0; margin-bottom: 2.9rem; }

	.sub-member-login .nc-icheck__label { width: auto; }
	.sub-member-login .nc-icheck__label + .nc-icheck__label {margin-left: 4.8rem;}
	.sub-member-login .nc_frm__control { margin-top: 3.9rem; }
	.sub-member-login div[class^="nc-icheck--"] + span {max-width: none;}

	.sub-mypage-edit-02 .nc_frm__btn { width: 20rem; height: 5rem; padding: 1.2rem 0; line-height: 1.5;} /* button medium size */
	.sub-mypage-edit-02 .nc_frm__separator { background: #ddd; margin-top: 6rem; margin-bottom: 5.5rem; } /* 버튼위 nc_frm__separator 추가 */

	.sub-member-withdraw .nc_frm-header { padding-bottom: 0; margin-bottom: 4.1rem; }
	.sub-member-withdraw .nc_frm__wrap--secondary { margin-bottom: 3rem; padding-bottom: 0; }
	.sub-member-withdraw .nc_frm__agree { padding-top: 2.8rem; }

#contents {
    position: relative;
    float: right;
    width: 100%;
    max-width: 1042px;
}

	/* FOOTER */
	#footer {padding-top: 4.7rem; padding-bottom: 3rem;}
	.footer_top {padding-bottom: 4.1rem; max-width: 1200px;margin: 0 auto;}
	.footer_menu { text-align: left; }
	.footer_menu > li { width: auto; padding: 0 1.8rem; position: relative; }
	.footer_menu > li:first-child {padding-left: 0;}
	.footer_menu > li:last-child {padding-right: 0;}
	.footer_menu > li:last-child:after {display: none;} 
	.footer_menu > li > a { font-size: 15px; display: inline-block; }
	.footer_menu > li > a:after { display: none; }

	.footer_bottom { border-top: 0; padding-top: 0;max-width: 1200px;margin: 0 auto; position: relative; }

	.footer_bottom::after{
   
}

     .footer_menu_wrap{
     display: inline-block;
	 }
        

	.footer_inner { margin: 0; }
	
	.family_select {position: absolute; top: -5.8rem; right: 0; width: 21.5rem;}
	.family_select_title {  position: relative; border: 0.1rem solid #ffffff; border: 0.1rem solid rgba(255, 255, 255, .4); font-size: 14px; font-weight: 600; color: #ffffff; color: rgba(255, 255, 255, .4); width: 100%; padding: 15px 21px; text-align: left; }
	.family_select_title span:after { content: '\e911'; font-size: 12px; width: auto; height: auto; top: 0.3rem; line-height: normal; color: #fff; opacity: 0.4; }
	.family_select_mobile {top: 0; left: 0; width: 100%; height: 100%;}
	
	.footer_info { border-bottom: 0.1rem solid rgba(255, 255, 255, .07); margin-top: 0; margin-bottom: 3.4rem; padding-bottom: 2.6rem; }
	.footer_info p span, 
	.footer_info p span a { font-size: 14px; line-height: 2; font-weight: 500; letter-spacing: 0; }
	.footer_info p span {padding-right: 1.1rem;}

     #footer .footer_top .footer_sns_wrap { display: block; position: absolute; bottom: 0; right: 0;display: inline-block;	}
	.footer_sns { font-size: 0; }
	.footer_sns li {display: inline-block;vertical-align: top;margin-right: 4rem;}
	.footer_sns li:last-child { margin-right: 0; }
	.footer_sns li a:after {font-family: 'kb-font';font-size: 2rem;color: #fff; transition: color 0.3s; -webkit-transition: color 0.3s}

	.footer_sns > li.vimeo > a:after {content: '\e93a';}
	.footer_sns > li.youtube > a:after {content: '\e93b';}
	.footer_sns > li.insta > a:after {content: '\e918';}
	.footer_sns > li.kakao > a:after {content: '\e923';}
	.footer_sns > li.facebook > a:after {content: '\e916';}
	.footer_sns > li.blog > a:after {content: '\E965';}
	
	.copyright { font-size: 12px; font-weight: 600; letter-spacing: 0.1em;    text-align: center; }

    html.desktop .footer_sns > li.vimeo > a:hover:after { color: #29abd9;}
	html.desktop .footer_sns > li.youtube > a:hover:after { color: #ff0000;}
	html.desktop .footer_sns > li.insta > a:hover:after { color: #d72187;}
	html.desktop .footer_sns > li.kakao > a:hover:after { color: #fbcc34;}
	html.desktop .footer_sns > li.facebook > a:hover:after { color: #1178f2;}
    html.desktop .footer_sns > li.blog > a:hover:after { color: #42d31a;}

	/* 404 */
	.error_404 {padding: 23rem 0 29rem;}
	.error_404_bg {}
	.error_404_container h1 {font-size:6rem;}
	.error_404_container p {font-size:1.6rem; line-height: 1.63; padding: 1.3rem 0 4.6rem;}
	.error_404_button_wrap .nc-btn__basic {min-width: 21rem;}
    html.desktop .error_404_button_wrap .nc-btn__basic:hover {background:#fff; border-color:#fff;color:#1d3661;}

	/* privacy */
	.nc-privacy {padding-top: 3.5rem;}
	.nc-privacy-box__title { font-size: 1.6rem; }
	.nc-privacy-box__desc { font-size: 1.4rem; }
	.nc-privacy-box__list-item { font-size: 1.4rem; }
	.nc-privacy-box__info-item { font-size: 1.3rem; }
	html.mobile.android .nc-privacy-box__info-item:before {top: -0.2rem;}
	
	/* EMAIL DENIAL */
	.email_denial_content { padding: 12rem 0 14rem; }
	.email_denial_content h1 {font-size: 2.4rem;}
	.email_denial_content h1 br {display: none;}
	.email_denial_content p {font-size: 1.5rem;}
	.email_denial_content span {font-size: 1.4rem;}
	
	/* popup */
	.modal_page_open { margin-right: 17px;}
	.modal_page_open #MHEADER { padding-right: 17px;}
	.modal_page_close:before{top: 1.4rem;}
		
	/* xl-modal-pop style */	
	.xl-modal-pop.modal_page{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000000; background: rgba(0, 0, 0, .35); z-index: 99999; width: 100%; height: 100%; overflow: hidden auto; outline: none !important;}
	.xl-modal-pop .modal_page_content_container {display: block;vertical-align: middle;text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0; z-index: 1;}
	.xl-modal-pop .modal_page_content_container:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
	.xl-modal-pop .modal_page_content	{max-width: 115rem;width: 100%;background: #fff;position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045;height: auto;min-height: inherit;}
	.xl-modal-pop .modal_page_content .nc-map-viewer-container .article_body .wrap {  margin-top: 0;  margin-bottom: 0;}
	.xl-modal-pop.xl-modal-pop--narrow .modal_page_content { max-width: 56.8rem; padding-left: 3rem; padding-right: 3rem; margin-top: 4rem; margin-bottom: 4rem; border-radius: 5px;}
	.xl-modal-pop .modal_page_header { display: none;}
	.xl-modal-pop__close {display: block;width: 2.6rem;height: 2.6rem;position: absolute; top: 2rem; right: 2.5rem;font-family: 'nc-font';font-size: 0;line-height: 2.6rem;font-weight: normal;text-align: center;color: #fff; padding: 0.5rem; z-index: 111;}
	.xl-modal-pop__close:after {content: '\e92e';font-size: 1.6rem; color: #b2b2b2; -webkit-transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1); display: inline-block;}
	html.desktop .xl-modal-pop__close:hover:after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
	
	.xl-modal-pop .modal_page_content .nc-header.nc-header--floor {/*top: 1.8rem;*/}
	
	.xl-modal-pop.xl-modal-pop--narrow .sub-member-login{padding-bottom: 3rem;   /* padding-top: 4rem;*/}
	.xl-modal-pop .modal_page_overlay { position: absolute; top: 0; bottom: 0;  right: 0; left: 0;}


	.xl-modal-pop.xl-modal-pop--narrow .modal_page_content .container{    padding-top: 0px;}



	.wrap .step-info {margin-top: 60px;}
.wrap .step-info .item {display: inline-block;}
.wrap .step-info .item:nth-child(2) {margin: 0 110px;}
.wrap .step-info .item > span {position: relative; width: 20px; height: 20px; margin: 0 auto; display: block; background-image: url(../img/member-step@2x.png); background-repeat: no-repeat; background-position: center; background-size: contain;}
.wrap .step-info .item.on > span {background-image: url(../img/member-step-on@2x.png);}
.wrap .step-info .item:not(:first-child) > span::before {content: ''; width: 165px; height: 1px; background-color: #e5e5e5; position: absolute; right: 19px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.wrap .step-info .item.on > span::before {background-color: #ff4d29;}
.wrap .step-info .item .step {font-size: 18px; font-weight: 700; color: #011241; margin-top: 8px;}
.wrap .step-info .item .text {font-size: 14px; color: #777; margin-top: 8px;}


._wrap .step-info {margin-top: 60px;}
._wrap .step-info .item {display: inline-block;}
._wrap .step-info .item:nth-child(2) {margin: 0 110px;}
._wrap .step-info .item > span {position: relative; width: 20px; height: 20px; margin: 0 auto; display: block; background-image: url(../img/member-step@2x.png); background-repeat: no-repeat; background-position: center; background-size: contain;}
._wrap .step-info .item.on > span {background-image: url(../img/member-step-on@2x.png);}
._wrap .step-info .item:not(:first-child) > span::before {content: ''; width: 165px; height: 1px; background-color: #e5e5e5; position: absolute; right: 19px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
._wrap .step-info .item.on > span::before {background-color: #ff4d29;}
._wrap .step-info .item .step {font-size: 18px; font-weight: 700; color: #011241; margin-top: 8px;}
._wrap .step-info .item .text {font-size: 14px; color: #777; margin-top: 8px;}

	
.steps_nav {width:100%; margin-bottom: 14px;}
.steps {display: table; font-size: 0; line-height: 1; width:100%;}
.steps > li {display: table-cell; width:32.8%; text-align: center; border-bottom: 3px solid #e5e5e5; position: relative; margin-right:0.8%; padding: 24px 0; vertical-align: top;letter-spacing: -0.023rem;}
.steps > li:after{font-family:'nc-font'; content:'\E83C'; display: block; position: absolute; top: 50%; right:-10px; margin-top: -6px; color: #e5e5e5; width: 20px; height:12px; font-size: 12px;}
.steps > li:last-child {margin-right:0;}
.steps > li:last-child:after {display: none;}
.steps > li span:first-child {font-size:20px; font-weight: 500; padding-right: 16px;}
.steps > li span {color: #e5e5e5; font-size:17px; line-height: 1.3; font-weight: 500;}
.steps > li.active {border-color: #16b9a0;}
.steps > li.active span {color:#16b9a0;    letter-spacing: -0.073rem;}
.steps_title {font-size:20px; font-weight: 400; color:#8B7E5B; margin-bottom: 16px;}	
	
	
	
	
.wrap .agreement-form {margin-top: 0px; width: 100%; padding: 30px;}
.wrap .agreement-form > ul > li:first-child {border-bottom: 1px solid #e5e5e5; padding: 0 30px 30px; margin: 0 -30px;}
.wrap .agreement-form > ul > li:not(:first-child) {margin-top: 20px;}
.wrap .agreement-form > ul > li:not(:first-child) > label {width: 80%; font-size: 1.75rem;}
.wrap .agreement-form > ul > li:nth-child(2) {margin-top: 30px;}
.wrap .agreement-form > ul > li:last-child {margin-bottom: 30px;}
.wrap .agreement-form > ul > li > label {display: inline-block; width: 80%; margin-right: 0; padding: 0; vertical-align: middle; font-size: 12px; color: #222; font-weight: 500; word-break: keep-all; cursor: pointer;}
.wrap .agreement-form > ul > li > label > i {display: inline-block; vertical-align: middle; margin-right: 14px;}
.wrap .agreement-form > ul > li > label > div {display: inline-block; vertical-align: middle; font-size: 1.75rem;}
.wrap .agreement-form > ul > li > label > span {color: #ff4d29; font-size: 1.75rem;}

.wrap .agreement-form > ul > li > label > span.optional {color: #2557e1;}
.wrap .agreement-form > p {border-top: 1px solid #e5e5e5; padding: 30px 30px 0; margin: 0 -30px; text-align: center; font-size: 14px; color: #777; line-height: 1.6;}
.wrap .agreement-form > div {margin-top: 30px;}



	
._wrap .agreement-form {margin-top: 0px; width: 100%; padding: 30px;}
._wrap .agreement-form > ul > li:first-child {border-bottom: 1px solid #e5e5e5; padding: 0 30px 30px; margin: 0 -30px;}
._wrap .agreement-form > ul > li:not(:first-child) {margin-top: 20px;}
._wrap .agreement-form > ul > li:not(:first-child) > label {width: 80%; font-size: 1.75rem;}
._wrap .agreement-form > ul > li:nth-child(2) {margin-top: 30px;}
._wrap .agreement-form > ul > li:last-child {margin-bottom: 30px;}
._wrap .agreement-form > ul > li > label {display: inline-block; width: 80%; margin-right: 0; padding: 0; vertical-align: middle; font-size: 12px; color: #222; font-weight: 500; word-break: keep-all; cursor: pointer;}
._wrap .agreement-form > ul > li > label > i {display: inline-block; vertical-align: middle; margin-right: 14px;}
._wrap .agreement-form > ul > li > label > div {display: inline-block; vertical-align: middle; font-size: 1.75rem;}
._wrap .agreement-form > ul > li > label > span {color: #ff4d29; font-size: 1.75rem;}

._wrap .agreement-form > ul > li > label > span.optional {color: #2557e1;}
._wrap .agreement-form > p {border-top: 1px solid #e5e5e5; padding: 30px 30px 0; margin: 0 -30px; text-align: center; font-size: 14px; color: #777; line-height: 1.6;}
._wrap .agreement-form > div {margin-top: 30px;}



.agreement-form>ul>li>button {
    font-size: .75rem;    background-color: transparent;
}
.agreement-form [type=button],.agreement-form [type=reset],.agreement-form [type=submit], .agreement-form button {
    -webkit-appearance: button;
}
.agreement-form>ul>li>button {
    display: inline-block;
    width: 20%;
    text-align: right;
    font-size: 12px;
    color: #777;
    text-decoration: underline;
}

.agreement-form label.checkbox>input[type=checkbox]+i.icon {
    background-image: url(../img/agree-icon-check.png);
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: .5rem;
    cursor: pointer;
}

.agreement-form label.checkbox.checkbox-orange>input[type=checkbox]:checked+i.icon, .agreement-form label.checkbox>input[type=checkbox]:checked+i.icon {
    background-image: url(../img/agree-icon-check-on.png);
}
.agreement-form label.checkbox>input[type=checkbox]:checked+i.icon {
    width: 20px;
    height: 20px;
}
.agreement-form button,.agreement-form select {
    text-transform: none;
}
.agreement-form button, .agreement-form input {
    border: 0;

    cursor: pointer;
    overflow: visible;
}
.agreement-form i {
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
.agreement-form [type=button]:not(:disabled),.agreement-form  [type=reset]:not(:disabled),.agreement-form  [type=submit]:not(:disabled),.agreement-form  button:not(:disabled) {
    cursor: pointer;
}
 .agreement-form input[type=checkbox], .agreement-form input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

.agreement-form label.checkbox>input[type=checkbox] {
    display: none;
}

.agreement-form label.checkbox {
    width: auto;
    padding: 0;
    margin-right: 1rem;
    display: inline-block;
    text-align: left;
    font-size: .75rem;
    color: #777;
    font-weight: 500;
    line-height: 2;
    vertical-align: middle;
}
.agreement-form>ul>li>label>i {
    margin-right: .875rem;
}

.agreement-list{
	    margin-bottom: 10rem;
}	

.footer_menu_wrap .agreement-list{
	    margin-bottom: 0rem;
}	

}
@media (max-width: 1024px){
.pwd_edit_wrap{
	    margin-left: 0;
}
	
.pwd_edit_wrap .nc_frm__field-wrap{
	   width: -webkit-calc(100%);
    width: 100%;
}	
.pwd_edit_wrap {
margin-top: 0.8rem;
}	
.nc-frm__btn--type-02 {
    background: #0f4c82;
    color: #fff;
    border-color: #0f4c82;margin-top: 0.8rem;
	display:block;
}
.nc-frm__data--edit .nc-frm__btn {margin-top: 0.8rem;}
	
	
}
/* **************************************** *
 * MODULES - ALERT
 * **************************************** */
.nc-alert {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: #000000;background-color: rgba(0, 0, 0, .4);z-index: 9999999;}
.nc-alert__container {position: relative;width: 90%;max-width: 32rem;left: 50%;top: 50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border-radius: 0;text-align: center;-webkit-box-shadow: 0 2rem 8rem rgba(0, 0, 0, .1);box-shadow: 0 2rem 8rem rgba(0, 0, 0, .1); background: #fff;}
.nc-alert__content {width: 100%;min-height: 9.5rem;text-align: center;padding: 3.6rem 2rem;}
.nc-alert__content h1 { font-size: 1.6rem; line-height: 1.35; color: #222; font-weight: 600; margin-top: 0; padding-bottom: 0.8rem; letter-spacing: -0.025em;}
.nc-alert__content p {vertical-align: middle;font-size: 1.4rem;line-height: 1.58;color:#666;word-wrap: break-word;word-break: keep-all; letter-spacing: -0.025em;}

.nc-alert__content h1 span{color: #ed193a;}


.nc-alert__content p span{
    vertical-align: middle;
    font-size: 1.4rem;
    line-height: 1.58;
    color: #ed193a;
    word-wrap: break-word;
    word-break: keep-all;
    letter-spacing: -0.025em;
}

.nc-alert__btn {font-size: 1.4rem;line-height: 1.7;font-weight: 500;color: #484848; background: #f8f8f8; border: 0.1rem solid #ddd; cursor:pointer; display:inline-block; -webkit-transition:300ms; transition:300ms;}
html.desktop .nc-alert__btn:hover { background:#eee; }
.nc-alert--primary-button .nc-alert__btn.nc-alert--ok { background: #0f4c82; border: 1px solid #0f4c82; color: #fff; }
html.desktop .nc-alert--primary-button .nc-alert__btn.nc-alert--ok:hover {background: #0e1727; border-color: #0e1727;}
.nc-alert__style-wide .nc-alert__container {max-width:40rem;}
.nc-alert__style-wide .nc-alert__container .nc-alert__content p br {display:none;}

.nc-alert--button-icon .nc-alert__btn:before {font-family:'nc-font';line-height: 1;font-size:12px;padding-right: 9px;}
.nc-alert--button-icon .nc-alert__btn.nc-alert--ok:before {content: '\e935';}
.nc-alert--button-icon .nc-alert__btn.nc-alert--cancel:before {content: '\e92e';}
.nc-alert--confirm .nc-alert__btn { background: #eee; }
html.desktop .nc-alert--confirm .nc-alert__btn:hover { background: #ddd; }
.nc-alert--primary-title .nc-alert__content h1 { color: #0f4c82; }

.nc-alert--has-icon .nc-alert__content h1 { position:relative; padding-top: 71px;}
.nc-alert--has-icon .nc-alert__content h1:before {font-family: 'nc-font';font-size: 45px;position: absolute;font-weight: normal;top: 0;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.nc-alert--has-icon.nc-alert__type-info .nc-alert__content h1:before {content:'\e94e';color: #aaa;}
.nc-alert--has-icon.nc-alert__type-success .nc-alert__content h1:before {content:'\e94f';color:#20bd54;}
.nc-alert--has-icon.nc-alert__type-error .nc-alert__content h1:before {content:'\e950';color:#dd4242;}

.nc-alert__type-success h1 {color: #0f4c82;}
.nc-alert__type-error h1 {color: #eb0808;}

/* Classic */
.nc-alert__style-classic .nc-alert__container { background: #fff; }
.nc-alert__style-classic .nc-alert__container .nc-alert__actions { border-top: 1px solid #ddd; }
.nc-alert__style-classic .nc-alert__actions {padding: 20px 0; margin: 0 20px; text-align: center;}
.nc-alert__style-classic .nc-alert__btn { padding: 7px 29px 9px 28px; border-radius: 5px; }
.nc-alert__style-classic.nc-alert--confirm .nc-alert__btn { width: 159px; margin-right: 15px; }
.nc-alert__style-classic.nc-alert--confirm .nc-alert__btn:last-child { margin-right: 0; }
.nc-alert__style-classic.nc-alert--primary-title .nc-alert__content h1 {padding-bottom:25px;}
.nc-alert__style-classic.nc-alert--primary-title .nc-alert__content p { color:#444; }
.nc-alert__style-classic.nc-alert--has-icon.nc-alert__type-info .nc-alert__content h1 { padding-top: 76px;}

/* Basic */
.nc-alert__style-basic .nc-alert__container {overflow:hidden;}
.nc-alert__style-basic .nc-alert__container .nc-alert__actions { border-top: 0; }
.nc-alert__style-basic .nc-alert__content {background: #fff;min-height: 9.5rem; padding: 5.6rem 2rem;}
.nc-alert__style-basic .nc-alert__content h1 {margin-top: 0;}
.nc-alert__style-basic .nc-alert__actions {background: #fff; border-top: 1px solid #ddd;}
.nc-alert__style-basic .nc-alert__btn {padding:1.0rem 0 1.1rem;width: 100%;height:100%;border-radius: 0;background: #fff;border: 0;border-top: 0.1rem solid #eee;color:#666;}
html.desktop .nc-alert__style-basic .nc-alert__btn:hover { background: #eee;outline: none; }
.nc-alert__style-basic.nc-alert--primary-button .nc-alert__content {background: #fff;}
.nc-alert__style-basic.nc-alert--primary-button .nc-alert__btn {color: #fff;background:#0e1727; border: 0; border-top: 1px solid #0e1727;}
html.desktop .nc-alert__style-basic.nc-alert--primary-button .nc-alert__btn:hover {  color:#fff; background: #000;  border-top: 1px solid #000; }
.nc-alert__style-basic.nc-alert--primary-button.nc-alert--confirm .nc-alert__content {background: #fff;}
.nc-alert__style-basic.nc-alert--primary-button.nc-alert--confirm .nc-alert__btn {border-top: 0;}
.nc-alert__style-basic.nc-alert--primary-button.nc-alert--confirm .nc-alert__btn.nc-alert--ok { color: #0f4c82; background: rgba(108, 155, 197, 0.1); border-top: 0.1rem solid #eee; }
html.desktop .nc-alert__style-basic.nc-alert--primary-button.nc-alert--confirm .nc-alert__btn.jt_alert_ok:hover { background: #132332; }
.nc-alert__style-basic.nc-alert--confirm .nc-alert__actions { background: #fff; }
.nc-alert__style-basic.nc-alert--confirm .nc-alert__btn {width: 50%;color: #666;background: #eee;}
html.desktop .nc-alert__style-basic.nc-alert--confirm .nc-alert__btn:hover { /* color:#484848; background: #ddd; */border-right: 0rem solid #eee;}
.nc-alert__style-basic.nc-alert--confirm .nc-alert__btn.nc-alert--cancel { border-top: 0.1rem solid #eee; background: #fff; border-right: 0.1rem solid #eee; }
.nc-alert__style-basic.nc-alert--button-icon.nc-alert--confirm .nc-alert__content {background: #fff;}
.nc-alert__style-basic.nc-alert--primary-title .nc-alert__content { padding: 38px 20px 35px; }
.nc-alert__style-basic.nc-alert--primary-title .nc-alert__content h1 {padding-bottom: 18px;margin-bottom: 33px;border-bottom: 1px solid #ddd;}
.nc-alert__style-basic.nc-alert--has-icon.nc-alert__type-info .nc-alert__content h1 { padding-top: 71px;}
.nc-alert__style-basic.nc-alert--has-icon .nc-alert__content {padding: 32px 20px 34px;}
.nc-alert__style-basic.nc-alert--has-icon .nc-alert__content h1 { margin-top:0; }




/* **************************************** *
 * 1201px
 * **************************************** */
@media (min-width: 1201px){
	html {font-size: 0.724638vw;} /* @1380px 1rem = 10px */
	
	/* xl-modal-pop style */
	.xl-modal-pop__close {/* top: -1rem;right: -6rem; */}
}
/* **************************************** *
 * 1381px
 * **************************************** */
@media (min-width: 1381px){
	html {font-size: 0.60241vw;} /* @1660px 1rem = 10px */
	
	/* xl-modal-pop style */
	.xl-modal-pop__close {/* right: -8rem; */}

	/* scrolltop */
	.go_top { display: block; width: 5.9rem; height: 5.9rem; position: absolute; top: -2.2rem; right: 9rem; cursor: pointer; background: #009761; /*background: #00b675;*/ -webkit-transition: opacity 0.3s, background 0.3s; transition: opacity 0.3s, background 0.3s; z-index: 500; }
	.go_top:after { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; font-family: 'nc-font'; content: '\e900'; font-size: 1.4rem; line-height: 5.9rem; font-weight: normal; text-align: center; color: #fff; -webkit-transition: color 300ms; transition: color 300ms; }
	html.desktop .go_top:hover {background: #0e1720;}
	html.desktop .go_top:hover:after {color:#fff;}
	
	
	
	
	
}
/* **************************************** *
 * 1661px
 * **************************************** */



/* **************************************** *
 * SWIPER
 * **************************************** */
.swiper_control {position: relative; z-index: 2;font-size: 0;}
.swiper_control .swiper-pagination {position: static;}

.swiper_control .swiper-pagination-wrap {display: inline-block;vertical-align: top;position: relative;}
.swiper_control .swiper-pagination-bullet {width: 0.7rem;height: 0.7rem;padding: 0;position: relative;background: transparent;opacity: 1;margin: 0 0.4rem;vertical-align: top;border: 0.1rem solid #000; overflow: hidden;}
.use_mouse .swiper_control .swiper-pagination-bullet {outline: none;}
.swiper_control .swiper-pagination-bullet > i {display: block;width: 100%;height: 100%;background: transparent;font-style: normal;}
.swiper_control .swiper-pagination-bullet-active {background: #000;}

.swiper_play_state {display: inline-block;vertical-align: middle;width: 1.7rem;height: 1.7rem;position: relative;}
.swiper_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;color: #fff;}
.swiper_play_state_btn:after {display: block;font-family: 'nc-font';font-size: 1.3rem;font-weight: normal;text-align: center;line-height: 1.7rem;}
.swiper_state_play:after {content: '\e91a';}
.swiper_state_pause:after {content: '\e94d';}
.swiper_play_state.play .swiper_state_pause {opacity: 1; visibility: visible;}
.swiper_play_state.pause .swiper_state_play {opacity: 1; visibility: visible;}
html.ios .swiper_play_state {width: 1.8rem; height: 1.8rem;}
html.ios .swiper_play_state:after {line-height: 1.8rem;}



@media (min-width: 1661px){
	html {font-size: 0.520834vw;} /* @1920px 1rem = 10px */
}

.nc_frm__login-option {
    margin-top: 1.8rem;
    font-size: 0;
}
.nc_frm__separator {
    display: block;
    width: 100%;
    height: 0.1rem;
    background: #eee;
    position: relative;
    margin: 2.5rem 0 2.1rem;
}
.nc_frm__go-to {
    display: block;
    text-align: left;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.035em;
    color: #666;
}
.nc_frm__go-to-link {
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    color: #1d3661;
    position: relative;
}
.nc_frm__go-to-link:after {
    content: '';
    display: block;
    width: 100%;
    height: 0.1rem;
    background: #1d3661;
    position: absolute;
    bottom: 0.1rem;
    left: 0;
}

#tab_menu li a {
    font-size: 1.65rem;
}


/* **************************************** *
 * FORM
 * **************************************** */
/* Form layout */
.nc_frm {/*max-width: 79rem;*/margin: 0 auto;}
.nc_frm:after {content: '';display: table;clear: both;}

.nc_frm__wrap + .nc_frm__wrap { margin-top: 2.1rem; }
.nc_frm__wrap + .wrap_private { margin-top: 2.1rem; }
.nc_frm__wrap + .nc-accordion {margin-top: 2.5rem;}
.nc_frm__wrap--secondary {padding: 1.6rem 0 4rem; border-top: 0.1rem solid #ddd;}

.nc_frm__data { margin-bottom: 2.1rem; }
.nc_frm__field-text-add-margin .nc_frm__data{margin-bottom: 4.1rem;}
.nc_frm__data:last-child {margin-bottom: 0;}
.nc_frm__data.nc_frm__data-empty {font-size: 1.3rem; color: #666; text-align: center; background: #f8f8f8; text-align: center; padding: 2rem;}

.nc_frm .nc-separator {margin-left: 0rem; margin-right: 0rem; margin-top: 3rem;}

.nc_frm--complete .nc_frm__inner{ position: relative;}
.nc_frm--complete .nc_frm__inner:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255, 255, 255, 0.5);z-index: 99;}


/* Label */
.nc_frm__label {display: block; position: relative; font-size: 1.2rem; line-height: 1.5; font-weight: 500; color: #222; letter-spacing: -0.04em;}
.nc_frm--required .nc_frm__label:after {padding-left: 0.2rem;content: '*';color: #ff0000;}

/* Input */
.nc_frm__field-wrap {display: block;margin-top: 0.7rem;font-size: 0; position: relative;}
.nc_frm__field-wrap + .nc_frm__field-wrap {margin-top: 0.8rem;}
.nc_frm__field-wrap + .nc_frm__field-wrap--icheck { margin-top: 1.2rem; }
.nc_frm__field-wrap--icheck {margin-top: 0;}
.nc_frm__field-wrap--icheck + .nc_frm__field-wrap { margin-top: 1.5rem; }
.nc_frm__field {display: inline-block; width: 100%; height: 4.5rem; margin: 0; padding: 1.1rem 1.4rem 1.2rem; vertical-align: middle; font-size: 1.4rem; line-height: 1.58; color: #666; border: 0.1rem solid #ddd; border-radius: 0; outline: none; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border 300ms, -webkit-box-shadow 300ms; transition: border 300ms, -webkit-box-shadow 300ms; transition: border 300ms, box-shadow 300ms; transition: border 300ms, box-shadow 300ms, -webkit-box-shadow 300ms; letter-spacing: -0.025em;}
.nc_frm__field:focus {border-color: #16b9a0; }
textarea.nc_frm__field {height: 25.6rem; overflow: auto; resize: none;}
.nc_frm__field:disabled, .nc_frm__field:-moz-read-only {background: #f6f6f6; border-color: #ddd; -webkit-box-shadow: none; box-shadow: none; color: #b2b2b2; opacity: 1;}
.nc_frm__field:disabled, .nc_frm__field:read-only, .nc_frm__field[readonly]  {background: #f6f6f6; border-color: #ddd; -webkit-box-shadow: none; box-shadow: none; color: #b2b2b2; opacity: 1;}

.ie11 input[disabled]  {background: #f6f6f6; border-color: #ddd; -webkit-box-shadow: none; box-shadow: none; color: #b2b2b2; opacity: 1;}
.ie11 input[disabled] + .nc_frm__field-btn { border-color: #888; background: #888; color: #fff;}
.ie11 input[disabled] + .nc_frm__clear-btn + .nc_frm__field-btn { border-color: #888; background: #888; color: #fff; }

.nc_frm__field:disabled + .nc_frm__field-btn { border-color: #888; background: #888; color: #fff;}
.nc_frm__field:disabled + .nc_frm__clear-btn + .nc_frm__field-btn { border-color: #888; background: #888; color: #fff; }
.nc_frm__field:read-only + .nc_frm__field-btn,
.nc_frm__field[readonly] + .nc_frm__field-btn  { border-color: #888; background: #888; color: #fff; }
.nc_frm__field:read-only + .nc_frm__clear-btn + .nc_frm__field-btn,
.nc_frm__field[readonly] + .nc_frm__clear-btn + .nc_frm__field-btn  { border-color: #888; background: #888; color: #fff; }


html.ios .nc_frm__field {padding-top: 1.2rem; padding-bottom: 1.1rem;}
html.android input.nc_frm__field {max-height:4.5rem; height:auto;}

input[readonly]  {background: #f6f6f6; border-color: #ddd; -webkit-box-shadow: none; box-shadow: none; color: #b2b2b2; opacity: 1;}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {display: none; -webkit-appearance: none;}
input[type="date"]::-webkit-clear-button {-webkit-appearance: none; display: none;}
.nc_frm__field-wrap input[type=text]:not(.nc_frm__field--small) {padding-right: 4rem;}
.nc_frm__field-wrap input[type=text][maxlength]:not(.nc_frm__field--small) { padding-right: 8.6rem; }

.nc_frm--block {display: block;}
.nc_frm--full {display: block;width: 100%;}

.nc_frm__field--small {max-width: 12rem;}
.nc_frm__field--small + .nc_frm__text {margin-left: 0.7rem;}

.nc_frm__field-text-limit { font-size: 1.2rem; font-weight: 400; letter-spacing: -0.025em; color: #999; position: absolute; right: 1.5rem; bottom: 1.3rem; }

.nc_frm__password-toggle-btn {padding:0.5rem;background:none;border:none;position:absolute;right: 1.1rem;top: 1.1rem;cursor:pointer;}
.nc_frm__password-toggle-btn:before {font-family: 'nc-font';font-size: 1.6rem;color: #b2b2b2;content: '\e963';}
.nc_frm__password-toggle.show_pwd .nc_frm__password-toggle-btn:before {content: '\e966';}
html.ios .nc_frm__password-toggle-btn {top: 0.8rem;}

.nc_frm__password-toggle .nc_frm__field {padding-right: 7rem;}
.nc_frm__password-toggle .nc_frm__clear-btn { right: 4rem; }
.nc_frm__clear-btn { opacity: 0; visibility: hidden; padding: 0.5rem; background: none; border: none; position: absolute; right: 1.1rem; top: 1.2rem; cursor: pointer; width: 2.3rem; height: 2.3rem; }
.nc_frm__clear-btn:after { font-family: 'nc-font'; font-size: 1.3rem; color: #b2b2b2; content: '\e965'; display: inline-block; vertical-align: top;}
html.ios .nc_frm__clear-btn {top: 1rem;}

.nc_frm__field[maxlength] + .nc_frm__clear-btn { right: 6rem; }

/* input with button */
.nc_frm__field-btn {background: #f2f2f2; border-left: 0rem solid #ddd; position: absolute; top: 0; right: 0; font-size: 1.3rem; font-weight: 00; color: #999; letter-spacing: -0.025em; height: 4.5rem; min-width: 7.2rem; cursor: pointer; transition: background 0.3s, color 0.3s, border 0.3s; display: inline-block; vertical-align: top; text-align: center; padding: 1.1rem 1rem;}
.nc_frm__field-btn--cancel {background: #fff;}
.nc_frm__field-btn--large {width: 10.5rem;}
.nc_frm__field-btn--block { position: relative; top: auto; right: auto; min-width: 15.5rem; margin-top: 1.1rem; }

.nc_frm__data-auth-group--tel .nc_frm__field-btn {
    border-left: 0;
}


/* text */
.nc_frm__text {display: inline-block; vertical-align: middle; font-size: 1.3rem; font-weight: 400; letter-spacing: -0.025em; color: #666; line-height: 4.5rem; }
.nc_frm__text__date {display: inline-block; vertical-align: top; color: #1d3661; padding-left: 0.6rem;}
.nc_frm__text + .nc_frm__field {margin-left: 0.6rem;}

.nc_frm__copynote {width: 100%;padding: 1.2rem 1rem;background: rgba(68, 68, 68, 0.8);border-radius: 0;text-align: center;position: absolute;z-index: 700;bottom: -4.4rem;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);opacity: 0;visibility: hidden;}
.nc_frm__copynote p {font-size: 1.3rem;font-weight: 500;line-height: 1.6;letter-spacing: -0.025em;color: #fff;}
.nc_frm__emphasis {color:#eb0808}

/* Explain */
.nc_frm__explain {display: block;margin-top: 0.5rem;padding-left: 0.8rem;position: relative;font-size: 1.2rem;letter-spacing: -0.04em;line-height: 1.67;color: #b2b2b2;}
.nc_frm__explain:before {content: '*'; display: block; position: absolute; top: 0.3rem; left: 0; font-size: 1.2rem;}
.nc_frm__explain + .nc_frm__explain { margin-top: 0.2rem; }
.nc_frm__explain--refer {padding-left: 1.4rem;}
.nc_frm__explain--refer:before {content: '※'; top: 0;}
.nc_frm__explain-link {display: inline-block; vertical-align: top; position: relative;}
.nc_frm__explain-link:after {content:'';display: block;width: 100%;height: 0.1rem;position: absolute;bottom: 0.2rem;left:0;background: #1d3661;}

/* File */
.nc-file-upload__wrapper {font-size: 0;}
.nc-file-upload__input {width: -webkit-calc(100% - 14rem); width: calc(100% - 14rem); cursor: pointer;}
.nc-file-upload__btn {display: inline-block; height: 4.5rem; padding: 0; margin: 0 0 0 0.5rem; vertical-align: top; font-size: 1.3rem; font-weight: 400; letter-spacing: -0.01em; text-align: center; border: 0.1rem solid #ddd; border-radius: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 300ms; transition: background 300ms; cursor: pointer;}
.nc-file-upload--action {width: 7.5rem; color: #fff; background: #1d3661; border-color: #1d3661;}
.nc-file-upload--delete {width: 5.5rem; color: #666; background: #fff;}

.nc-file-upload__wrapper { display: inline-block; vertical-align: top; width: 100% }
.add_file, .del_file { display: inline-block; height: 4.5rem; padding: 0; margin: 0 0 0 0.5rem; vertical-align: top; font-size: 1.3rem; font-weight: 400; letter-spacing: -0.01em; text-align: center; border: 0.1rem solid #ddd; border-radius: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 300ms; transition: background 300ms; cursor: pointer; width: 6rem; color: #666; background: #fff; padding: 1.2rem 0.5rem; }
.add_file span, .del_file span { position: relative; padding-left: 1rem; }
.add_file span:before, .del_file span:before {font-family: 'nc-font';position: absolute;top: 0.4rem;left: -0.4rem; font-size: 1.4rem; line-height: 1.4rem;}
.add_file span:before {content : '\e940';}
.del_file span:before {content : '\e941';}

.nc_frm__data--file-multi .nc-file-upload__wrapper  {width: calc(100% - 6.5rem); width: -webkit-calc(100% - 6.5rem);}
.nc_frm__data--file-multi .nc-file-upload__input {width: -webkit-calc(100% - 8rem); width: calc(100% - 8rem);}
.nc_frm__data--file-multi .nc-file-upload--delete { display: none; }
.nc_frm__data--file-multi .form_control_wrap input[type=text] +  input[type=text] {margin-top:0.5rem;}
.form_control_wrap + .form_control_wrap {margin-top: 0.7rem;}

/* File - qt */
.add_file.add_file--multiple{margin: 0; width: 8.5rem;}
.add_file.add_file--multiple .add_file--multiple-hidden{position: absolute; width: 0.1rem; height: 0.1rem; overflow: hidden;}
.add_file_list{display: flex; margin-top: 1.5rem; flex-wrap: wrap;}
.add_file_list li{display: inline-block; background: #eee; padding: 1rem 3.3rem 1rem 1.5rem; margin-right: 1rem; margin-bottom: 1rem; position: relative;}
.add_file_list li:last-child{margin-right: 0;}
.add_file_list li span{font-size: 1.5rem; color: #666; word-break: break-all;}
.add_file_list li button{border: 0; width: 0; height: 0; padding: 0;}
.add_file_list li button::after{content: '\e92e'; font-family: 'nc-font';position: absolute; color: #666; font-size: 1rem; right: 1.3rem; bottom: 1.6rem; cursor: pointer;}

/* FILE LIST */
.nc-from__file-list { display: block; margin: -0.2rem 0; }
.nc_frm__file-list-link { color: inherit; border-bottom: 0.1rem solid transparent; }
.nc_frm__file-list-item { display: block; font-size: 1.2rem; color: #666; letter-spacing: -0.025em; padding: 0.3rem 0; position: relative; }
.nc_frm__file-list-delete { color: inherit; border-bottom: 0.1rem solid transparent;}
.nc_frm__file-list-delete:after {content: '\e92e';font-family: 'nc-font';font-size: 1rem;color: inherit;width: 100%;height: 100%; display: inline-block; vertical-align: middle; width: 2rem; height: 2rem; text-align: center; line-height: 2rem;}


/* Icheck */
.nc-icheck__label {display: inline-block; vertical-align: top; width: 33.33%; margin-top: 1.3rem;}
.nc-icheck__label:first-child {margin-left:0;}
.nc-icheck__label:nth-child(-n+3) {margin-top: 0;}
.nc-icheck__label:nth-child(3n+1) {margin-left: 0;}
.nc-icheck__label--full {display: block; width: auto; margin-top: 0; padding-right: 0;}
.nc-icheck__label--full + .nc-icheck__label--full {margin-left: 0; margin-top: 0.9rem;}
.nc-icheck__label--full + .nc_frm__field {margin-top: 1rem;}
.nc-icheck--icheckbox {vertical-align: top; }
div[class^="nc-icheck--"] > input {left: 0;}
div[class^="nc-icheck--"] + span {display: inline-block; padding-left: 0.7rem; vertical-align: top; cursor: pointer; font-size: 1.3rem; line-height: 1.7; letter-spacing: -0.035em; font-weight: 400; color: #666;max-width: calc(100% - 3rem); word-break: break-all;}
div[class^="nc-icheck--"].disabled + span {cursor: default;}

html.ios div[class^="nc-icheck--"] + span {margin-top: -0.2rem; padding-left: 0.6rem;}
html.js .nc-icheck{opacity:0} /* avoid fouc */

.nc-icheck__label--full div[class^="nc-icheck--"] + span {max-width: calc(100% - 3rem);}
html.ie .nc-icheck__label--full div[class^="nc-icheck--"] + span {margin-top:-0.1rem;}

.nc_frm__label + .nc_frm__field-wrap--icheck {margin-top: 1.7rem;}

.nc_frm__wrap--set-noti .nc-icheck__label { width: 100%; margin-top: 0; }
.nc_frm__wrap--set-noti .nc-icheck__label + .nc-icheck__label { margin-top: 0.9rem}

/* icheck with image */
.nc-icheck__figure { display: block; width: 100%; padding-top: 58%; margin-bottom: 1.2rem; cursor: pointer; }
.nc_frm__field-wrap--icheck-with-img .nc-icheck__label { width: calc(50% - 0.5rem); margin-top: 2.5rem; margin-right: 1rem;}
.nc_frm__field-wrap--icheck-with-img .nc-icheck__label:nth-child(2n) { margin-right: 0; }
.nc_frm__field-wrap--icheck-with-img .nc-icheck__label:nth-child(-n+2) { margin-top: 0; }

.nc-icheck__figure--rect-h {padding-top: 58%;}
.nc-icheck__figure--square {padding-top: 100%;}
.nc-icheck__figure--square.nc-lazyload img.nc-lazyload--loaded { height: 100%; object-fit: cover;}
.nc-icheck__figure--rect-v {padding-top: 116.1%;}


::-webkit-input-placeholder {font-size: 1.4rem; letter-spacing: -0.025em; color: #b2b2b2;}
::-moz-placeholder {font-size: 1.4rem; letter-spacing: -0.025em; color: #b2b2b2;}
:-ms-input-placeholder {font-size: 1.4rem; letter-spacing: -0.025em; color: #b2b2b2;}

input[type=date]::-webkit-clear-buttons { display: none; }
input[type=date]::-ms-clear { display: none; }
input[type=date]::-ms-reveal { display: none; }

/* form message */
.nc_frm-message {background: #e5f1f8;color: #666;position: relative;padding: 1rem 1.5rem 1.1rem; margin: 1rem 0;}
.nc_frm-message__desc {font-size: 1.2rem;font-weight: 400;letter-spacing: -0.04em;color: inherit;}
.nc_frm-message__link {font-size: 1.2rem;font-weight: 400;letter-spacing: -0.035em;color: #1d3661;position: absolute;top: 1rem;right: 1.5rem;}
.nc_frm-message__link:after {content: '';display: block;width: 100%;height: 0.1rem;background: #555;position: absolute;bottom: 0.1rem;left: 0;}

.nc_frm-message--alert {background: #e7f2df; color: #51594c;}

/* auth */
.nc_frm__data-auth-group { position: relative; }
.nc_frm__data-auth-group--code {margin-top: 1.9rem;}
.nc_frm__data-auth-info {position: relative;padding-left: 1.7rem;margin-top: 0.9rem;}
.nc_frm__data-auth-info-icon {width: 1.2rem;height: 1.2rem;position: absolute;top: 0;left: 0;font-style: normal;}
.nc_frm__data-auth-info-icon:after {content: '\e94e'; font-family: 'nc-font'; font-size: 1.2rem; color: #b2b2b2;}
.nc_frm__data-auth-info-link {font-size: 1.2rem;font-weight: 400;color: #999;letter-spacing: -0.035em;line-height: 1.1;border-bottom: 0.1rem solid #999;display: inline-block;vertical-align: top;}
.nc_frm__data-auth-limit { font-size: 1.2rem; font-weight: 400; color: #eb0808; position: absolute; top: 1.3rem; right: 8.6rem; }
.nc_frm__data-auth-complete { font-size: 1.2rem; font-weight: 500; letter-spacing: -0.025em; color: #0266F6; position: absolute; right: 0; bottom: 0; padding-left: 1.6rem; }
.nc_frm__data-auth-complete:after { content: '\e935'; font-family: 'nc-font'; font-size: 1.4rem; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); position: absolute; top: 0.3rem; left: 0; color: inherit; }
.nc_frm__data--auth .nc_frm__field-wrap--icheck {margin-top: 0.8rem;}
.nc_frm__data-auth-group + .nc_frm__field-wrap { margin-top: 1.2rem; }

.nc_frm__data-auth-group .nc_frm__field-btn {border-left: 0;}
.nc_frm__data-auth-group--tel .nc_frm__field {width: -webkit-calc(100% - 10.5rem);width: calc(100% - 10.5rem);}
.nc_frm__data-auth-group--tel .nc_frm__field-btn { width: 10.5rem; }
.nc_frm__data-auth-group--tel .nc_frm__field-btn.active { border-color: #888; background: #888; color: #fff;}
.nc_frm__data-auth-group--tel .nc_frm__field-btn:disabled {background: #f6f6f6; border-color: #ddd; color: #b2b2b2;}
.nc_frm__data-auth-group--tel .nc_frm__protection-button {pointer-events: none;}
.nc_frm__data-auth-group--code .nc_frm__field {width: -webkit-calc(100% - 7.2rem);width: calc(100% - 7.2rem);}
.nc_frm__data--edit .nc_frm__field {width: -webkit-calc(100% - 10rem);width: calc(100% - 10rem);}
.nc_frm__data--edit .nc_frm__field-btn {border-left: 0;}
.nc_frm__data--edit .nc_frm__field-btn.nc_frm__field-btn--edit {width: 10rem;}
.nc_frm__data--edit .nc_frm__field-btn.nc_frm__field-btn--cancel {width: 10rem;}
.nc_frm__data--edit .nc_frm__text + .nc_frm__field-btn {border-left: 0.1rem solid #ddd;}
.nc_frm__data--edit #field_mail .nc_frm__field {width: -webkit-calc(100% - 9.9rem);width: calc(100% - 9.9rem);}
.nc_frm__data--edit #field_mail .nc_frm__field-btn.nc_frm__field-btn--edit {border-left: 0;}
.nc_frm__data--edit .nc_frm__field-btn--cancel { background: #f2f2f2; }
.nc_frm__data--edit .nc_frm__data-auth-group--tel .nc_frm__field {width: -webkit-calc(100% - 10rem);width: calc(100% - 10rem);}
.nc_frm__data--edit .nc_frm__data-auth-group--tel .nc_frm__field-btn.nc_frm__field-btn--edit {width: 10rem;}
.nc_frm__data-time-group {font-size:0; margin-left:-0.4rem; margin-right:-0.4rem;}
.nc_frm__data-time-group .nc_frm__field-wrap { width: calc(50% - 0.8rem); margin:0.7rem 0.4rem 0; display: inline-block; vertical-align: top;}
html.ios .nc_frm__data-auth-group--tel .nc_frm__field {width: -webkit-calc(100% - 10.48rem);width: calc(100% - 10.48rem);}
html.ios .nc_frm__data-auth-group--code .nc_frm__field {width: -webkit-calc(100% - 7.35rem);width: calc(100% - 7.35rem);}
html.ios .nc_frm__data--edit .nc_frm__field {width: -webkit-calc(100% - 9.98rem);width: calc(100% - 9.98rem);}
html.ios .nc_frm__data--edit .nc_frm__data-auth-group--tel .nc_frm__field {width: -webkit-calc(100% - 9.98rem);width: calc(100% - 9.98rem);}
html.ios .nc_frm__data--edit .pwd_edit_wrap .nc_frm__field { width: 100%; }
html.ie11 .nc_frm__data--edit .pwd_edit_wrap .nc_frm__field { width: 100%; }

.nc_frm__data--edit .pwd_edit_wrap .nc_frm__field {width:100%;}

/* valid message (for password) */
.nc_frm__valid-message-group {display: block;font-size: 0;margin: 0 -0.6rem;margin-top: 0.9rem;line-height: 1; color: #b2b2b2;}
.nc_frm__valid-message {display: inline-block;vertical-align: top;font-size: 1.2rem;padding-left: 1.1rem;position: relative;letter-spacing: -0.025em;margin: 0 0.6rem;}
.nc_frm__valid-message:before {font-family: 'nc-font';font-size: 1.4rem;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);position: absolute;top: 0;left: -0.3rem;color: inherit;}
.nc_frm__valid-message--error {color: #eb0808;}
.nc_frm__valid-message--error:before {content: '\e946'}
.nc_frm__valid-message--clear {color: #0266F6;}
.nc_frm__valid-message--clear:before {content: '\e935';}
.nc_frm__valid-message--not-required { color: #b2b2b2; }
.nc_frm__valid-message--not-required:before {content: '\e946'}

/* error */
.nc_frm__data--error .nc_frm__label {color: #eb0808;}
.nc_frm__data--error .nc_frm__field {border-color: #eb0808;}
.nc_frm__data--error .selectric,
html.mobile .nc_frm__data--error .nc-selectric{border-color: #eb0808;}
.nc_frm__data--error .nc_frm__postcode-btn,
.nc_frm__data--error .nc_frm__data-auth-group .nc_frm__field-btn{ border-color: #eb0808; border-left: none;}
.nc_frm__error {display: block; font-size: 1.2rem; font-weight: 400; letter-spacing: -0.035em; color: #eb0808; margin-top: 0.8rem; line-height: 1.2;}

/* buttons */
.nc_frm__btn-wrap {margin-top: 2.4rem;}
.nc_frm__btn-title {display: block; position: relative; font-size: 1.2rem; line-height: 1.35; font-weight: 500; color: #222; letter-spacing: -0.025em; margin-bottom: 1.3rem;}
.nc_frm__btn {display: inline-block; vertical-align: top; width: 15rem;height: 5.2rem;background: transparent;border: 0.2rem solid #222;font-size: 1.5rem;font-weight: 500;letter-spacing: -0.025em;color: #222;position: relative;top: auto;left: auto;text-align: center;padding: 1.2rem 1rem 1.2rem; cursor: pointer;}
.nc_frm__btn--full {display: block; width: 100%;}
.nc_frm__btn--active {background: #1d3661; color: #fff; border-color: #1d3661;}
.nc_frm__btn--type-02 {background: #1d3661; color: #fff; border-color: #1d3661;}

.nc_frm__btn-wrap--count-2 {font-size: 0; margin-left: -0.4rem; margin-right: -0.4rem;}
.nc_frm__btn-wrap--count-2 .nc_frm__btn {width: -webkit-calc(50% - 0.8rem);width: calc(50% - 0.8rem); margin: 0 0.4rem; display: inline-block; vertical-align: top; }
.nc_frm__btn-wrap--count-2 .nc_frm__btn--delete {width: 10rem; border-color: #ddd; color: #666;}
.nc_frm__btn-wrap--count-2 .nc_frm__btn--edit {width: -webkit-calc(100% - 12rem);width: calc(100% - 12rem);}
.nc_frm__btn-wrap--count-2 .nc_frm__btn--reapply {width: -webkit-calc(100% - 12rem);width: calc(100% - 12rem);}

.nc_frm__btn-wrap--top {margin-top: 2.6rem; margin-bottom: 3.1rem;}
.nc_frm__btn-wrap--top .nc_frm__btn {color: #999; border-color: #ddd; border-width: 0.1rem; font-size: 1.4rem; height: auto; padding: 1rem 0 1.1rem;}
.nc_frm__btn-wrap--top .nc_frm__btn--active {color: #fff; border-color: #1d3661;}


/* Button map variation */
.nc_frm__btn--map:after{margin-left:0.8rem; display: none;}
.nc_frm__btn--naver {color: #1ac549; border-color: #1ac549;}
.nc_frm__btn--naver:after {content: '\e91e';font-family: nc-font;}
.nc_frm__btn--kakao {color: #222; border-color: #222;}
.nc_frm__btn--kakao:after {content: '\e91e'; color: #ffcd00; font-family: 'nc-font';}
html.desktop .nc_frm__btn--naver:hover{ color:#fff;background: #1ac549;}
html.desktop .nc_frm__btn--kakao:hover{ color:#fff;background: #222;}
html.desktop .nc_frm__btn--naver:hover:after{ color:#fff;}
html.desktop .nc_frm__btn--naver:hover,
html.desktop .nc_frm__btn--kakao:hover{-webkit-transition: background 300ms;transition: background 300ms; }
html.desktop .nc_frm__btn--naver:hover:after,
html.desktop .nc_frm__btn--kakao:hover:after{-webkit-transition: color 300ms;transition: color 300ms; }

/* control */
.nc_frm__control { width: 100%; height: 5.2rem; /* position: absolute; */ bottom: 0; left: 0; z-index: 10; margin-top: 2.3rem;}
.nc_frm__control--sticky {position: fixed; bottom: 0; left: 0;width: 100%;}
.nc_frm__action { width: 100%; height: 100%; background: #16b9a0; color: #fff; border: 0; font-size: 1.5rem; letter-spacing: -0.025em; font-weight: 500; cursor: pointer;}
.nc_frm__action:disabled {background: #999;}
.nc_frm__action--type-02 {width: 100%; height: 100%;background:#fff; color: #222; border: 0.2rem solid #222; font-size: 1.5rem; letter-spacing: -0.025em; font-weight: 500; cursor: pointer; }

.wrap .nc_frm__control {width: auto;/*  margin-left: -2rem; margin-right: -2rem; */}
.wrap .nc_frm__control--sticky {width: 100%; margin: 0;}
/* **************************************** *
 * FORM COMPONENTS
 * **************************************** */
/* header */
.nc_frm-header {padding-top: 3.3rem;margin-bottom: 1.8rem;position: relative;}
.nc-single__content .nc_frm-header{padding-top: 0rem;}
.nc_frm-header__title,
.nc-single__content h3.nc_frm-header__title{font-size: 2rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.065em; color: #222;font-family: 'gmarket', sans-serif;
    font-weight: 600;}
.nc_frm-header__title-inner,
.nc-single__content h3.nc_frm-header__title-inner{line-height: 1.2;}
.nc_frm-header__title-point {font-weight: 600;-webkit-box-shadow: inset 0 -1.2rem 0 0 rgb(218,225,230, .5);box-shadow: inset 0 -1.2rem 0 0 rgb(218,225,230, .5);}
.single-_formdata .nc_frm-header__title {padding-right: 8rem;}
.single-_formdata .nc_frm-header__title p {margin-top: 0.3rem;}
/* .nc_frm-header__title-point:after {content: '';display: block;width: 100%;height: 1.2rem;background: #d2e5f6;position: absolute;bottom: 0.2rem;left: 0;z-index: -1;} */
.nc_frm-header__title-bold {font-weight: 600;}
.nc_frm-header__desc,
.nc-single__content p.nc_frm-header__desc{font-size: 1.4rem;font-weight: 500;letter-spacing: -0.04em;color: #666;display: block;margin-top: 0.8rem;line-height: 1.58;}
.nc_frm-header__desc--point {color: #1d3661;}
.nc_frm-header__state {display: table;width: 6.8rem;height: 6.8rem;border-radius: 50%;background: #eee;text-align: center;position: absolute;top: 50%;right: 0; margin-top: -1.7rem;}
.nc_frm-header__state-text {display: table-cell;vertical-align: middle;line-height: 1.25;font-size: 1.2rem;letter-spacing: -0.025em;font-weight: 600;color: #1d3661;}
.nc_frm-header__button { padding: 1.4rem 1.7rem; font-size: 1.3rem; margin-top: 1.2rem; margin-bottom: 1.2rem; }

.nc_frm-header + .nc-message { margin-top: -1rem; margin-bottom: 2.3rem; }
.nc_frm-header__profile { width: 9rem; height: 9rem; border-radius: 50%; overflow: hidden; margin: 2.7rem auto 0; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.nc_frm-header__profile-img { vertical-align: top; width: 100%; height: auto; }

/* .nc-single__content .nc_frm-header {max-width: 79rem;padding-top: 0;}
.nc-single__content .nc_frm-header.nc_frm-header--narrow {max-width: 54rem}
.nc-single__content .nc_frm-header h3.nc_frm-header__title { font-size: 2rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.065em; } */

/* complete */
.nc_frm-complete {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center; display: block; width: 100%;}
.nc_frm-complete__icon { display: block; width: 6.3rem; height: 6.3rem; margin: 0 auto; font-style: normal; position: relative; }
.nc_frm-complete__icon:after { content: '\e94f'; font-family: 'nc-font'; font-size: 6.3rem; color: #e8e8e8; }
.nc_frm-complete__title {display: block;font-size: 1.5rem;font-weight: 400;letter-spacing: -0.025em;color: #222;margin-top: 2rem;}
.nc_frm-complete__desc {display: block;font-size: 1.3em;font-weight: 400;letter-spacing: -0.04em;color: #666;margin-top: 0.6rem;line-height: 1.62;}
.nc_frm-complete__button {margin-top: 3.1rem;}

/* confirm */
.nc_frm-confirm {background: #f8f8f8;padding: 2.1rem 2rem 2.2rem;position: relative;margin-top: 2.6rem;}
.nc_frm-confirm__title {display: block;font-size: 1.2rem;font-weight: 400;letter-spacing: -0.035em;color: #999;}
.nc_frm-confirm__email {display: block;font-size: 1.5rem;font-weight: 500;letter-spacing: -0.025em;color: #222;margin-top: 0.3rem;}
.nc_frm-confirm__info {font-size: 1.4rem;font-weight: 400;letter-spacing: -0.04em;line-height: 1.58;color: #1d3661;}
.nc_frm-confirm__desc {font-size: 1.2rem;font-weight: 400;letter-spacing: -0.035em;color: #999;margin-top: 0.7rem;}
.nc_frm-confirm__id {font-size: 1.8rem; font-weight: 600; }
.nc_frm-confirm__copy-btn {display: inline-block; vertical-align: top; background: #fff; border: 0.1rem solid #ddd; color: #999; font-size: 1.2rem; font-weight: 400; letter-spacing: -0.025em; position: absolute; top: 50%; right: 1.8rem; margin-top: -1.4rem; padding: 0.4rem 1rem;}
.nc_frm-confirm .nc_frm__separator {margin: 1.8rem 0 1.4rem;background: #ddd;}

.nc_frm-confirm--id { padding-left:1.8rem; padding-right: 1.8rem; margin-bottom: 3rem;}

/* nc_frm__application-closed */
.nc_frm__application-closed { max-width: 79rem; margin: 0 auto; text-align: center; padding: 1.5rem 0 4rem; border-bottom: 0.1rem solid #ddd; }
.nc_frm__application-closed i { font-style: normal; display: inline-block; vertical-align: top; margin-bottom: 0.7rem; }
.nc_frm__application-closed i:after {content: '\e94e';font-family: 'nc-font';font-size: 1.8rem;color: #b2b2b2;}
.nc_frm__application-closed-text { font-size: 1.4rem; letter-spacing: -0.025em; color: #222;}

.info .subVis::before{background-image: url(/img/visual_2.jpg);}
.culture .subVis::before{background-image: url(/img/visual_1.jpg);}



.subVis::before{ opacity: 0;
	transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-webkit-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
}
.subVis.active::before{
	opacity: 1;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);

}

.subVis h2 span{ position: relative;  text-align: center; font-size: 70px;margin:0 auto;font-family: 'NotoSanskr', '맑은 고딕', 'Malgun Gothic', sans-serif;
z-index:2; 
	



	/*background: linear-gradient(to right, #f00, #00f);
    
    -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
 -webkit-text-stroke:1px #fff;*/
}



.subVis h2 span:after{
    content: '';
    position: absolute;
    width: 0%;
    height: 12px;
    left: 50%;
    bottom: 10px;
    background: #1d3661;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.subVis h2.off span:after{
    content: "";
    position: absolute;
    width: 100%;
    margin-left: -50%;
	z-index:-1;
}
.main_section_title {
    display: inline-block;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.065em;
    color: #222;
    position: relative;
    margin-bottom: 2.1rem;
}

/* **************************************** *
 * BEGINNING
 * **************************************** */
.main_beginning {     background: #fff;
    text-align: center;
    padding-top: 3.5rem;
    padding-bottom: 3rem;}
.main_beginning .main_section_title {margin-bottom: 0; font-size: 2.6rem;}
.main_beginning_process { display: block; margin: 0 -2rem; font-size: 0; position: relative; margin-top: 3rem; padding: 0 1rem; }
.main_beginning_process:after {content: '';display: block;width: 100%;height: 0.1rem;background: #ddd;position: absolute;top: 6.1rem;left: 0;display:none;}
.main_beginning_process_item {display: inline-block;
    width: auto;
    margin: 0 .5rem;
    vertical-align: top;
    position: relative;}
.main_beginning_process_item > figure { background: #f8f8f8;    margin:0rem;
    border-radius: 50%;
        width: 7.2rem;
    height: 7.2rem; margin: 0rem .5rem 1.5rem; position: relative;}
.main_beginning_process_item > figure img { height: 100%; vertical-align: top; }
.main_beginning_process_item > figure img.nc-lazyload--loaded { height: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.main_beginning_process_item > span { display: block; font-size: 1.1rem; font-weight: 600;  line-height: 1.39; letter-spacing: -0.025em; color: #222; position: relative;}
.main_beginning_process_item > span:after {content: '';display: block;width: 0.5rem;height: 0.5rem;background: #ddd;border-radius: 50%;position: absolute;top: -1.7rem; left: 50%;margin-left: -0.3rem;}

.main_beginning_process_item:nth-child(2) > figure {}
.main_beginning_process_item:nth-child(3) > figure {}
.main_section_desc {
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 1.67;
    color: #666;
    display: block;
    margin-top: 1.1rem;
}


.main_beginning_btn {margin-top: 3.7rem;}
html.ios .main_beginning_btn {padding-top:1.3rem; padding-bottom:1.7rem}

.nc-btn__basic {
display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-align: center;
    padding: 1.2rem 2.2rem;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -0.025em;
    color: #222;
    border: 0.1rem solid #222;
    background: transparent;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}
.main_section_title {
    display: inline-block;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.065em;
    color: #222;
    position: relative;
    margin-bottom: 2.1rem;
}
.nc_frm__go-to--align-center {
    text-align: center;
}


/* **************************************** *
 * 회원가입
 * **************************************** */

.nc_frm {/*max-width: 79rem;*/margin: 0 auto;}
.nc_frm:after {content: '';display: table;clear: both;}

.nc_frm__wrap + .nc_frm__wrap { margin-top: 2.1rem; }
.nc_frm__wrap + .wrap_private { margin-top: 2.1rem; }
.nc_frm__wrap + .nc-accordion {margin-top: 2.5rem;}
.nc_frm__wrap--secondary {padding: 1.6rem 0 4rem; border-top: 0.1rem solid #ddd;}

.nc_frm__data { margin-bottom: 2.1rem; }


#nc_frm-mypage-edit-step-02 .nc-frm__field-wrap--icheck {
	margin-top: .8rem;
    margin-bottom: 2.5rem;
}

.nc_frm__field-text-add-margin .nc_frm__data{margin-bottom: 4.1rem;}
.nc_frm__data:last-child {margin-bottom: 0;}
.nc_frm__data.nc_frm__data-empty {font-size: 1.3rem; color: #666; text-align: center; background: #f8f8f8; text-align: center; padding: 2rem;}

.nc_frm .nc-separator {margin-left: 0rem; margin-right: 0rem; margin-top: 3rem;}

.nc_frm--complete .nc_frm__inner{ position: relative;}
.nc_frm--complete .nc_frm__inner:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255, 255, 255, 0.5);z-index: 99;}


/* Label */
.nc_frm__label {display: block; position: relative; font-size: 1.2rem; line-height: 1.5; font-weight: 500; color: #222; letter-spacing: -0.04em;}
.nc_frm--required .nc_frm__label:after {padding-left: 0.2rem;content: '*';color: #ff0000;}

/* Input */
.nc_frm__field-wrap {display: block;margin-top: 0.7rem;font-size: 0; position: relative;}
.nc_frm__field-wrap + .nc_frm__field-wrap {margin-top: 0.8rem;}
.nc_frm__field-wrap + .nc_frm__field-wrap--icheck { margin-top: 1.2rem; }
.nc_frm__field-wrap--icheck {margin-top: 0;}
.nc_frm__field-wrap--icheck + .nc_frm__field-wrap { margin-top: 1.5rem; }
.nc_frm__field {display: inline-block; width: 100%; height: 4.5rem; margin: 0; padding: 1.1rem 1.4rem 1.2rem; vertical-align: middle; font-size: 1.4rem; line-height: 1.58; color: #666; border: 0.1rem solid #ddd; border-radius: 0; outline: none; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border 300ms, -webkit-box-shadow 300ms; transition: border 300ms, -webkit-box-shadow 300ms; transition: border 300ms, box-shadow 300ms; transition: border 300ms, box-shadow 300ms, -webkit-box-shadow 300ms; letter-spacing: -0.025em;}
.nc_frm__field:focus {border-color: #009761; }
textarea.nc_frm__field {height: 25.6rem; overflow: auto; resize: none;}
.nc_frm__field:disabled, .nc_frm__field:-moz-read-only {background: #fff; border-color: #ddd; -webkit-box-shadow: none; box-shadow: none; color: #b2b2b2; opacity: 1;}
.nc_frm__field:disabled, .nc_frm__field:read-only, .nc_frm__field[readonly]  {background: #f6f6f6; border-color: #ddd; -webkit-box-shadow: none; box-shadow: none; color: #b2b2b2; opacity: 1;}

.ie11 input[disabled]  {background: #f6f6f6; border-color: #ddd; -webkit-box-shadow: none; box-shadow: none; color: #b2b2b2; opacity: 1;}
.ie11 input[disabled] + .nc_frm__field-btn { border-color: #888; background: #888; color: #fff;}
.ie11 input[disabled] + .nc_frm__clear-btn + .nc_frm__field-btn { border-color: #888; background: #888; color: #fff; }

.nc_frm__field:disabled + .nc_frm__field-btn { border-color: #888; background: #888; color: #fff;}
.nc_frm__field:disabled + .nc_frm__clear-btn + .nc_frm__field-btn { border-color: #888; background: #888; color: #fff; }
.nc_frm__field:read-only + .nc_frm__field-btn,
.nc_frm__field[readonly] + .nc_frm__field-btn  { border-color: #888; background: #888; color: #fff; }
.nc_frm__field:read-only + .nc_frm__clear-btn + .nc_frm__field-btn,
.nc_frm__field[readonly] + .nc_frm__clear-btn + .nc_frm__field-btn  { border-color: #888; background: #888; color: #fff; }

.nc_frm-header{
/*display:none;*/	
}	


.modal_page .nc_frm-header{
display:block;	
}	

.modal_page .nc_frm-header {
    padding-top: 1rem;
    margin-bottom: 1.8rem;
    position: relative;
}
html.ios .nc_frm__field {padding-top: 1.2rem; padding-bottom: 1.1rem;}
html.android input.nc_frm__field {max-height:4.5rem; height:auto;}

input[readonly]  {background: #f6f6f6; border-color: #ddd; -webkit-box-shadow: none; box-shadow: none; color: #b2b2b2; opacity: 1;}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {display: none; -webkit-appearance: none;}
input[type="date"]::-webkit-clear-button {-webkit-appearance: none; display: none;}
.nc_frm__field-wrap input[type=text]:not(.nc_frm__field--small) {padding-right: 4rem;}
.nc_frm__field-wrap input[type=text][maxlength]:not(.nc_frm__field--small) { padding-right: 8.6rem; }

.nc_frm--block {display: block;}
.nc_frm--full {display: block;width: 100%;}

.nc_frm__field--small {max-width: 12rem;}
.nc_frm__field--small + .nc_frm__text {margin-left: 0.7rem;}

.nc_frm__field-text-limit { font-size: 1.2rem; font-weight: 400; letter-spacing: -0.025em; color: #999; position: absolute; right: 1.5rem; bottom: 1.3rem; }

.nc_frm__password-toggle-btn {padding:0.5rem;background:none;border:none;position:absolute;right: 1.1rem;top: 1.1rem;cursor:pointer;}
.nc_frm__password-toggle-btn:before {font-family: 'nc-font';font-size: 1.6rem;color: #b2b2b2;content: '\e963';}
.nc_frm__password-toggle.show_pwd .nc_frm__password-toggle-btn:before {content: '\e966';}
html.ios .nc_frm__password-toggle-btn {top: 0.8rem;}

.nc_frm__password-toggle .nc_frm__field {padding-right: 7rem;}
.nc_frm__password-toggle .nc_frm__clear-btn { right: 4rem; }
.nc_frm__clear-btn { opacity: 0; visibility: hidden; padding: 0.5rem; background: none; border: none; position: absolute; right: 1.1rem; top: 1.2rem; cursor: pointer; width: 2.3rem; height: 2.3rem; }
.nc_frm__clear-btn:after { font-family: 'nc-font'; font-size: 1.3rem; color: #b2b2b2; content: '\e965'; display: inline-block; vertical-align: top;}
html.ios .nc_frm__clear-btn {top: 1rem;}

.nc_frm__field[maxlength] + .nc_frm__clear-btn { right: 6rem; }

/* input with button */
.nc_frm__field-btn {background: #f2f2f2; border: 0.1rem solid #ddd; position: absolute; top: 0; right: 0; font-size: 1.3rem;  color: #999; letter-spacing: -0.025em; height: 4.5rem; min-width: 7.2rem; cursor: pointer; transition: background 0.3s, color 0.3s, border 0.3s; display: inline-block; vertical-align: top; text-align: center; padding: 1.1rem 1rem;}
.nc_frm__field-btn--cancel {background: #fff;}
.nc_frm__field-btn--large {width: 10.5rem;}
.nc_frm__field-btn--block { position: relative; top: auto; right: auto; min-width: 15.5rem; margin-top: 1.1rem; }


.nc_frm__field-btn.nc_frm__field-btn--edit{

background: #16b9a0;color: #fff;border: 0.1rem solid #16b9a0;
}

html.desktop .nc_frm__field-btn.nc_frm__field-btn--edit:hover {
    background: #0e1727;
    border-color: #0e1727;
}

/* text */
.nc_frm__text {display: inline-block; vertical-align: middle; font-size: 1.3rem; font-weight: 400; letter-spacing: -0.025em; color: #666; line-height: 4.5rem; }
.nc_frm__text__date {display: inline-block; vertical-align: top; color: #0f4c82; padding-left: 0.6rem;}
.nc_frm__text + .nc_frm__field {margin-left: 0.6rem;}

.nc_frm__copynote {width: 100%;padding: 1.2rem 1rem;background: rgba(68, 68, 68, 0.8);border-radius: 0;text-align: center;position: absolute;z-index: 700;bottom: -4.4rem;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);opacity: 0;visibility: hidden;}
.nc_frm__copynote p {font-size: 1.3rem;font-weight: 500;line-height: 1.6;letter-spacing: -0.025em;color: #fff;}
.nc_frm__emphasis {color:#eb0808}

/* Explain */
.nc_frm__explain {display: block;margin-top: 0.5rem;padding-left: 0.8rem;position: relative;font-size: 1.2rem;letter-spacing: -0.04em;line-height: 1.67;color: #b2b2b2;}
.nc_frm__explain:before {content: '*'; display: block; position: absolute; top: 0.3rem; left: 0; font-size: 1.2rem;}
.nc_frm__explain + .nc_frm__explain { margin-top: 0.2rem; }
.nc_frm__explain--refer {padding-left: 1.4rem;}
.nc_frm__explain--refer:before {content: '※'; top: 0;}
.nc_frm__explain-link {display: inline-block; vertical-align: top; position: relative;}
.nc_frm__explain-link:after {content:'';display: block;width: 100%;height: 0.1rem;position: absolute;bottom: 0.2rem;left:0;background: #0f4c82;}

/* File */
.nc-file-upload__wrapper {font-size: 0;}
.nc-file-upload__input {width: -webkit-calc(100% - 14rem); width: calc(100% - 14rem); cursor: pointer;}
.nc-file-upload__btn {display: inline-block; height: 4.5rem; padding: 0; margin: 0 0 0 0.5rem; vertical-align: top; font-size: 1.3rem; font-weight: 400; letter-spacing: -0.01em; text-align: center; border: 0.1rem solid #ddd; border-radius: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 300ms; transition: background 300ms; cursor: pointer;}
.nc-file-upload--action {width: 7.5rem; color: #fff; background: #0f4c82; border-color: #0f4c82;}
.nc-file-upload--delete {width: 5.5rem; color: #666; background: #fff;}

.nc-file-upload__wrapper { display: inline-block; vertical-align: top; width: 100% }
.add_file, .del_file { display: inline-block; height: 4.5rem; padding: 0; margin: 0 0 0 0.5rem; vertical-align: top; font-size: 1.3rem; font-weight: 400; letter-spacing: -0.01em; text-align: center; border: 0.1rem solid #ddd; border-radius: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 300ms; transition: background 300ms; cursor: pointer; width: 6rem; color: #666; background: #fff; padding: 1.2rem 0.5rem; }
.add_file span, .del_file span { position: relative; padding-left: 1rem; }
.add_file span:before, .del_file span:before {font-family: 'nc-font';position: absolute;top: 0.4rem;left: -0.4rem; font-size: 1.4rem; line-height: 1.4rem;}
.add_file span:before {content : '\e940';}
.del_file span:before {content : '\e941';}

.nc_frm__data--file-multi .nc-file-upload__wrapper  {width: calc(100% - 6.5rem); width: -webkit-calc(100% - 6.5rem);}
.nc_frm__data--file-multi .nc-file-upload__input {width: -webkit-calc(100% - 8rem); width: calc(100% - 8rem);}
.nc_frm__data--file-multi .nc-file-upload--delete { display: none; }
.nc_frm__data--file-multi .form_control_wrap input[type=text] +  input[type=text] {margin-top:0.5rem;}
.form_control_wrap + .form_control_wrap {margin-top: 0.7rem;}

/* File - qt */
.add_file.add_file--multiple{margin: 0; width: 8.5rem;}
.add_file.add_file--multiple .add_file--multiple-hidden{position: absolute; width: 0.1rem; height: 0.1rem; overflow: hidden;}
.add_file_list{display: flex; margin-top: 1.5rem; flex-wrap: wrap;}
.add_file_list li{display: inline-block; background: #eee; padding: 1rem 3.3rem 1rem 1.5rem; margin-right: 1rem; margin-bottom: 1rem; position: relative;}
.add_file_list li:last-child{margin-right: 0;}
.add_file_list li span{font-size: 1.5rem; color: #666; word-break: break-all;}
.add_file_list li button{border: 0; width: 0; height: 0; padding: 0;}
.add_file_list li button::after{content: '\e92e'; font-family: 'nc-font';position: absolute; color: #666; font-size: 1rem; right: 1.3rem; bottom: 1.6rem; cursor: pointer;}

/* FILE LIST */
.nc_frm__file-list { display: block; margin: -0.2rem 0; }
.nc_frm__file-list-link { color: inherit; border-bottom: 0.1rem solid transparent; }
.nc_frm__file-list-item { display: block; font-size: 1.2rem; color: #666; letter-spacing: -0.025em; padding: 0.3rem 0; position: relative; }
.nc_frm__file-list-delete { color: inherit; border-bottom: 0.1rem solid transparent;}
.nc_frm__file-list-delete:after {content: '\e92e';font-family: 'nc-font';font-size: 1rem;color: inherit;width: 100%;height: 100%; display: inline-block; vertical-align: middle; width: 2rem; height: 2rem; text-align: center; line-height: 2rem;}


/* Icheck */
.nc-icheck__label {display: inline-block; vertical-align: top; width: 33.33%; margin-top: 1.3rem;}
.nc-icheck__label:first-child {margin-left:0;}
.nc-icheck__label:nth-child(-n+3) {margin-top: 0;}
.nc-icheck__label:nth-child(3n+1) {margin-left: 0;}
.nc-icheck__label--full {display: block; width: auto; margin-top: 0; padding-right: 0;}
.nc-icheck__label--full + .nc-icheck__label--full {margin-left: 0; margin-top: 0.9rem;}
.nc-icheck__label--full + .nc_frm__field {margin-top: 1rem;}
.nc-icheck--icheckbox {vertical-align: top; }
div[class^="nc-icheck--"] > input {left: 0;}
div[class^="nc-icheck--"] + span {display: inline-block; padding-left: 0.7rem; vertical-align: top; cursor: pointer; font-size: 1.3rem; line-height: 1.7; letter-spacing: -0.035em; font-weight: 400; color: #666;max-width: calc(100% - 3rem); word-break: break-all;}
div[class^="nc-icheck--"].disabled + span {cursor: default;}

html.ios div[class^="nc-icheck--"] + span {margin-top: -0.2rem; padding-left: 0.6rem;}
html.js .nc-icheck{opacity:0} /* avoid fouc */

.nc-icheck__label--full div[class^="nc-icheck--"] + span {max-width: calc(100% - 3rem);}
html.ie .nc-icheck__label--full div[class^="nc-icheck--"] + span {margin-top:-0.1rem;}

.nc_frm__label + .nc_frm__field-wrap--icheck {margin-top: 1.7rem;}

.nc_frm__wrap--set-noti .nc-icheck__label { width: 100%; margin-top: 0; }
.nc_frm__wrap--set-noti .nc-icheck__label + .nc-icheck__label { margin-top: 0.9rem}

/* icheck with image */
.nc-icheck__figure { display: block; width: 100%; padding-top: 58%; margin-bottom: 1.2rem; cursor: pointer; }
.nc_frm__field-wrap--icheck-with-img .nc-icheck__label { width: calc(50% - 0.5rem); margin-top: 2.5rem; margin-right: 1rem;}
.nc_frm__field-wrap--icheck-with-img .nc-icheck__label:nth-child(2n) { margin-right: 0; }
.nc_frm__field-wrap--icheck-with-img .nc-icheck__label:nth-child(-n+2) { margin-top: 0; }

.nc-icheck__figure--rect-h {padding-top: 58%;}
.nc-icheck__figure--square {padding-top: 100%;}
.nc-icheck__figure--square.nc-lazyload img.nc-lazyload--loaded { height: 100%; object-fit: cover;}
.nc-icheck__figure--rect-v {padding-top: 116.1%;}


::-webkit-input-placeholder {font-size: 1.4rem; letter-spacing: -0.025em; color: #b2b2b2;}
::-moz-placeholder {font-size: 1.4rem; letter-spacing: -0.025em; color: #b2b2b2;}
:-ms-input-placeholder {font-size: 1.4rem; letter-spacing: -0.025em; color: #b2b2b2;}

input[type=date]::-webkit-clear-buttons { display: none; }
input[type=date]::-ms-clear { display: none; }
input[type=date]::-ms-reveal { display: none; }

/* form message */
.nc_frm-message {background: #e5f1f8;color: #666;position: relative;padding: 1rem 1.5rem 1.1rem; margin: 1rem 0;}
.nc_frm-message__desc {font-size: 1.2rem;font-weight: 400;letter-spacing: -0.04em;color: inherit;}
.nc_frm-message__link {font-size: 1.2rem;font-weight: 400;letter-spacing: -0.035em;color: #0f4c82;position: absolute;top: 1rem;right: 1.5rem;}
.nc_frm-message__link:after {content: '';display: block;width: 100%;height: 0.1rem;background: #555;position: absolute;bottom: 0.1rem;left: 0;}

.nc_frm-message--alert {background: #e7f2df; color: #51594c;}

/* auth */
.nc_frm__data-auth-group { position: relative; }
.nc_frm__data-auth-group--code {margin-top: 1.9rem;}
.nc_frm__data-auth-info {position: relative;padding-left: 1.7rem;margin-top: 0.9rem;}
.nc_frm__data-auth-info-icon {width: 1.2rem;height: 1.2rem;position: absolute;top: 0;left: 0;font-style: normal;}
.nc_frm__data-auth-info-icon:after {content: '\e94e'; font-family: 'nc-font'; font-size: 1.2rem; color: #b2b2b2;}
.nc_frm__data-auth-info-link {font-size: 1.2rem;font-weight: 400;color: #999;letter-spacing: -0.035em;line-height: 1.1;border-bottom: 0.1rem solid #999;display: inline-block;vertical-align: top;}
.nc_frm__data-auth-limit { font-size: 1.2rem; font-weight: 400; color: #eb0808; position: absolute; top: 1.3rem; right: 8.6rem; }
.nc_frm__data-auth-complete { font-size: 1.2rem; font-weight: 500; letter-spacing: -0.025em; color:#0266F6; position: absolute; right: 0; bottom: 0; padding-left: 1.6rem; }
.nc_frm__data-auth-complete:after { content: '\e935'; font-family: 'nc-font'; font-size: 1.4rem; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); position: absolute; top: 0.3rem; left: 0; color: inherit; }
.nc_frm__data--auth .nc_frm__field-wrap--icheck {margin-top: 0.8rem;}
.nc_frm__data-auth-group + .nc_frm__field-wrap { margin-top: 1.2rem; }

.nc_frm__data-auth-group .nc_frm__field-btn {border-left: 0;}
.nc_frm__data-auth-group--tel .nc_frm__field {width: -webkit-calc(100% - 10.5rem);width: calc(100% - 10.5rem);}
.nc_frm__data-auth-group--tel .nc_frm__field-btn { width: 10.5rem; }
.nc_frm__data-auth-group--tel .nc_frm__field-btn.active { border-color: #888; background: #888; color: #fff;}
.nc_frm__data-auth-group--tel .nc_frm__field-btn:disabled {background: #f6f6f6; border-color: #ddd; color: #b2b2b2;}
.nc_frm__data-auth-group--tel .nc_frm__protection-button {pointer-events: none;}
.nc_frm__data-auth-group--code .nc_frm__field {width: -webkit-calc(100% - 7.2rem);width: calc(100% - 7.2rem);}
.nc_frm__data--edit .nc_frm__field {width: -webkit-calc(100% - 10rem);width: calc(100% - 10rem);}
.nc_frm__data--edit .nc_frm__field-btn {border-left: 0;}
.nc_frm__data--edit .nc_frm__field-btn.nc_frm__field-btn--edit {width: 10rem;}
.nc_frm__data--edit .nc_frm__field-btn.nc_frm__field-btn--cancel {width: 10rem;}
.nc_frm__data--edit .nc_frm__text + .nc_frm__field-btn {border-left: 0.1rem solid #ddd;}
.nc_frm__data--edit #field_mail .nc_frm__field {width: -webkit-calc(100% - 9.9rem);width: calc(100% - 9.9rem);}
.nc_frm__data--edit #field_mail .nc_frm__field-btn.nc_frm__field-btn--edit {border-left: 0;}
.nc_frm__data--edit .nc_frm__field-btn--cancel { background: #f2f2f2; }
.nc_frm__data--edit .nc_frm__data-auth-group--tel .nc_frm__field {width: -webkit-calc(100% - 10rem);width: calc(100% - 10rem);}
.nc_frm__data--edit .nc_frm__data-auth-group--tel .nc_frm__field-btn.nc_frm__field-btn--edit {width: 10rem;}
.nc_frm__data-time-group {font-size:0; margin-left:-0.4rem; margin-right:-0.4rem;}
.nc_frm__data-time-group .nc_frm__field-wrap { width: calc(50% - 0.8rem); margin:0.7rem 0.4rem 0; display: inline-block; vertical-align: top;}
html.ios .nc_frm__data-auth-group--tel .nc_frm__field {width: -webkit-calc(100% - 10.48rem);width: calc(100% - 10.48rem);}
html.ios .nc_frm__data-auth-group--code .nc_frm__field {width: -webkit-calc(100% - 7.35rem);width: calc(100% - 7.35rem);}
html.ios .nc_frm__data--edit .nc_frm__field {width: -webkit-calc(100% - 9.98rem);width: calc(100% - 9.98rem);}
html.ios .nc_frm__data--edit .nc_frm__data-auth-group--tel .nc_frm__field {width: -webkit-calc(100% - 9.98rem);width: calc(100% - 9.98rem);}
html.ios .nc_frm__data--edit .pwd_edit_wrap .nc_frm__field { width: 100%; }
html.ie11 .nc_frm__data--edit .pwd_edit_wrap .nc_frm__field { width: 100%; }

.nc_frm__data--edit .pwd_edit_wrap .nc_frm__field {width:100%;}

/* valid message (for password) */
.nc_frm__valid-message-group {display: block;font-size: 0;margin: 0 -0.6rem;margin-top: 0.9rem;line-height: 1; color: #b2b2b2;}
.nc_frm__valid-message {display: inline-block;vertical-align: top;font-size: 1.2rem;padding-left: 1.1rem;position: relative;letter-spacing: -0.025em;margin: 0 0.6rem;}
.nc_frm__valid-message:before {font-family: 'nc-font';font-size: 1.4rem;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);position: absolute;top: 0;left: -0.3rem;color: inherit;}
.nc_frm__valid-message--error {color: #eb0808;}
.nc_frm__valid-message--error:before {content: '\e946'}
.nc_frm__valid-message--clear {color: #0266F6;}
.nc_frm__valid-message--clear:before {content: '\e935';}
.nc_frm__valid-message--not-required { color: #b2b2b2; }
.nc_frm__valid-message--not-required:before {content: '\e946'}

/* error */
.nc_frm__data--error .nc_frm__label {color: #eb0808;}
.nc_frm__data--error .nc_frm__field {border-color: #eb0808;}
.nc_frm__data--error .selectric,
html.mobile .nc_frm__data--error .nc-selectric{border-color: #eb0808;}
.nc_frm__data--error .nc_frm__postcode-btn,
.nc_frm__data--error .nc_frm__data-auth-group .nc_frm__field-btn{ border-color: #eb0808; border-left: none;}
.nc_frm__error {display: block; font-size: 1.2rem; font-weight: 400; letter-spacing: -0.035em; color: #eb0808; margin-top: 0.8rem; line-height: 1.2;}

/* buttons */
.nc_frm__btn-wrap {margin-top: 2.4rem;}
.nc_frm__btn-title {display: block; position: relative; font-size: 1.2rem; line-height: 1.35; font-weight: 500; color: #222; letter-spacing: -0.025em; margin-bottom: 1.3rem;}
.nc_frm__btn {display: inline-block; vertical-align: top; width: 15rem;height: 5.2rem;background: transparent;border: 0.2rem solid #222;font-size: 1.5rem;font-weight: 500;letter-spacing: -0.025em;color: #222;position: relative;top: auto;left: auto;text-align: center;padding: 1.2rem 1rem 1.2rem; cursor: pointer;    line-height: 1.7;}
.nc_frm__btn--full {display: block; width: 100%;}
.nc_frm__btn--active {background: #0f4c82; color: #fff; border-color: #0f4c82;}
.nc_frm__btn--type-02 {background: #0f4c82; color: #fff; border-color: #0f4c82;}

.nc_frm__btn-wrap--count-2 {font-size: 0; margin-left: -0.4rem; margin-right: -0.4rem;}
.nc_frm__btn-wrap--count-2 .nc_frm__btn {width: -webkit-calc(50% - 0.8rem);width: calc(50% - 0.8rem); margin: 0 0.4rem; display: inline-block; vertical-align: top; }
.nc_frm__btn-wrap--count-2 .nc_frm__btn--delete {width: 10rem; border-color: #ddd; color: #666;}
.nc_frm__btn-wrap--count-2 .nc_frm__btn--edit {width: -webkit-calc(100% - 12rem);width: calc(100% - 12rem);}
.nc_frm__btn-wrap--count-2 .nc_frm__btn--reapply {width: -webkit-calc(100% - 12rem);width: calc(100% - 12rem);}

.nc_frm__btn-wrap--top {margin-top: 2.6rem; margin-bottom: 3.1rem;}
.nc_frm__btn-wrap--top .nc_frm__btn {color: #999; border-color: #ddd; border-width: 0.1rem; font-size: 1.4rem; height: auto; padding: 1rem 0 1.1rem;}
.nc_frm__btn-wrap--top .nc_frm__btn--active {color: #fff; border-color: #0f4c82;}


.nc_frm__btn--map:after{margin-left:0.8rem; display: none;}
.nc_frm__btn--naver {color: #1ac549; border-color: #1ac549;}
.nc_frm__btn--naver:after {content: '\e91e';font-family: nc-font;}
.nc_frm__btn--kakao {color: #222; border-color: #222;}
.nc_frm__btn--kakao:after {content: '\e91e'; color: #ffcd00; font-family: 'nc-font';}
html.desktop .nc_frm__btn--naver:hover{ color:#fff;background: #1ac549;}
html.desktop .nc_frm__btn--kakao:hover{ color:#fff;background: #222;}
html.desktop .nc_frm__btn--naver:hover:after{ color:#fff;}
html.desktop .nc_frm__btn--naver:hover,
html.desktop .nc_frm__btn--kakao:hover{-webkit-transition: background 300ms;transition: background 300ms; }
html.desktop .nc_frm__btn--naver:hover:after,
html.desktop .nc_frm__btn--kakao:hover:after{-webkit-transition: color 300ms;transition: color 300ms; }

/* control */
.nc_frm__control { width: 100%; height: 5.2rem; /* position: absolute; */ bottom: 0; left: 0; z-index: 10; margin-top: 2.3rem;}
.nc_frm__control--sticky {position: fixed; bottom: 0; left: 0;width: 100%;}
.nc_frm__action { width: 100%; height: 100%; background: #0f4c82; color: #fff; border: 0; font-size: 1.5rem; letter-spacing: -0.025em; font-weight: 500; cursor: pointer;}
.nc_frm__action:disabled {background: #999;}
.nc_frm__action--type-02 {width: 100%; height: 100%;background:#fff; color: #222; border: 0.2rem solid #222; font-size: 1.5rem; letter-spacing: -0.025em; font-weight: 500; cursor: pointer; }

.wrap .nc_frm__control {width: auto;/*  margin-left: -2rem; margin-right: -2rem; */}
.wrap .nc_frm__control--sticky {width: 100%; margin: 0;}

.nc_frm__control { width: 100%; height: 5.2rem; /* position: absolute; */ bottom: 0; left: 0; z-index: 10; margin-top: 2.3rem;    text-align: center;}
.nc_frm__control--sticky {position: fixed; bottom: 0; left: 0;width: 100%;}
.nc_frm__action { width: 100%; height: 100%; background: #009761; color: #fff; border: 0; font-size: 1.5rem; letter-spacing: -0.025em; font-weight: 500; cursor: pointer;}
.nc_frm__action:disabled {background: #999;}
.nc_frm__action--type-02 {width: 100%; height: 100%;background:#fff; color: #222; border: 0.2rem solid #222; font-size: 1.5rem; letter-spacing: -0.025em; font-weight: 500; cursor: pointer; }

.nc_frm__action2 { width: 100%; height: 100%; background: #1d3661; color: #fff; border: 0; font-size: 1.5rem; letter-spacing: -0.025em; font-weight: 500; cursor: pointer;}

.wrap .nc_frm__control {width: auto;/*  margin-left: -2rem; margin-right: -2rem; */}
.wrap .nc_frm__control--sticky {width: 100%; margin: 0;}


.nc-form-header {padding-top: 1.3rem;margin-bottom: 1.8rem;position: relative;}
.nc-single__content .nc-form-header{padding-top: 0rem;}
.nc-form-header__title,
.nc-single__content h3.nc-form-header__title{font-size: 2rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.065em; color: #222;    word-break: keep-all;}

html.ios .nc-single__content h3.nc-form-header__title{font-size: 2rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.065em; color: #222;word-break: break-all;}


html.mobile .nc-single__content h3.nc-form-header__title p{font-size: 2rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.065em; color: #222;word-break: break-all;display:block}

.nc-form-header__title-inner,
.nc-single__content h3.nc-form-header__title-inner{line-height: 1.2;}
.nc-form-header__title-point {font-weight: 600;-webkit-box-shadow: inset 0 -1.2rem 0 0 rgb(210,229,246, 1);box-shadow: inset 0 -1.2rem 0 0 rgb(210,229,246, 1);}
.single-_formdata .nc-form-header__title {padding-right: 8rem;}
.single-_formdata .nc-form-header__title p {margin-top: 0.3rem;}
/* .nc-form-header__title-point:after {content: '';display: block;width: 100%;height: 1.2rem;background: #d2e5f6;position: absolute;bottom: 0.2rem;left: 0;z-index: -1;} */
.nc-form-header__title-bold {font-weight: 600;}
.nc-form-header__desc,
.nc-single__content p.nc-form-header__desc{font-size: 1.4rem;font-weight: 400;letter-spacing: -0.04em;color: #666;display: block;margin-top: 0.8rem;line-height: 1.58;}
.nc-form-header__desc--point {color: #0f4c82;}
.nc-form-header__state {display: table;width: 6.8rem;height: 6.8rem;border-radius: 50%;background: #eee;text-align: center;position: absolute;top: 50%;right: 0; margin-top: -1.7rem;}
.nc-form-header__state-text {display: table-cell;vertical-align: middle;line-height: 1.25;font-size: 1.2rem;letter-spacing: -0.025em;font-weight: 600;color: #0f4c82;}
.nc-form-header__button { padding: 1.4rem 1.7rem; font-size: 1.3rem; margin-top: 1.2rem; margin-bottom: 1.2rem; }

.nc-form-header + .nc-message { margin-top: -1rem; margin-bottom: 2.3rem; }
.nc-form-header__profile { width: 9rem; height: 9rem; border-radius: 50%; overflow: hidden; margin: 2.7rem auto 0; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.nc-form-header__profile-img { vertical-align: top; width: 100%; height: auto; }

/* .nc-single__content .nc-form-header {max-width: 79rem;padding-top: 0;}
.nc-single__content .nc-form-header.nc-form-header--narrow {max-width: 54rem}
.nc-single__content .nc-form-header h3.nc-form-header__title { font-size: 2rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.065em; } */

/* complete */
.nc_frm-complete {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center; display: block; width: 100%;}
.nc_frm-complete__icon { display: block; width: 6.3rem; height: 6.3rem; margin: 0 auto; font-style: normal; position: relative; }
.nc_frm-complete__icon:after { content: '\e94f'; font-family: 'nc-font'; font-size: 6.3rem; color: #e8e8e8; }
.nc_frm-complete__title {display: block;font-size: 1.5rem;font-weight: 400;letter-spacing: -0.025em;color: #222;margin-top: 2rem;}
.nc_frm-complete__desc {display: block;font-size: 1.3em;font-weight: 400;letter-spacing: -0.04em;color: #666;margin-top: 0.6rem;line-height: 1.62;}
.nc_frm-complete__button {margin-top: 3.1rem;}

/* confirm */
.nc_frm-confirm {background: #f8f8f8;padding: 2.1rem 2rem 2.2rem;position: relative;margin-top: 2.6rem;}
.nc_frm-confirm__title {display: block;font-size: 1.2rem;font-weight: 400;letter-spacing: -0.035em;color: #999;}
.nc_frm-confirm__email {display: block;font-size: 1.5rem;font-weight: 500;letter-spacing: -0.025em;color: #222;margin-top: 0.3rem;}
.nc_frm-confirm__info {font-size: 1.4rem;font-weight: 400;letter-spacing: -0.04em;line-height: 1.58;color: #0f4c82;}
.nc_frm-confirm__desc {font-size: 1.2rem;font-weight: 400;letter-spacing: -0.035em;color: #999;margin-top: 0.7rem;}
.nc_frm-confirm__id {font-size: 1.8rem; font-weight: 600; }
.nc_frm-confirm__copy-btn {display: inline-block; vertical-align: top; background: #fff; border: 0.1rem solid #ddd; color: #999; font-size: 1.2rem; font-weight: 400; letter-spacing: -0.025em; position: absolute; top: 50%; right: 1.8rem; margin-top: -1.4rem; padding: 0.4rem 1rem;}
.nc_frm-confirm .nc_frm__separator {margin: 1.8rem 0 1.4rem;background: #ddd;}

.nc_frm-confirm--id { padding-left:1.8rem; padding-right: 1.8rem; margin-bottom: 3rem;}

/* nc_frm__application-closed */
.nc_frm__application-closed { max-width: 79rem; margin: 0 auto; text-align: center; padding: 1.5rem 0 4rem; border-bottom: 0.1rem solid #ddd; }
.nc_frm__application-closed i { font-style: normal; display: inline-block; vertical-align: top; margin-bottom: 0.7rem; }
.nc_frm__application-closed i:after {content: '\e94e';font-family: 'nc-font';font-size: 1.8rem;color: #b2b2b2;}
.nc_frm__application-closed-text { font-size: 1.4rem; letter-spacing: -0.025em; color: #222;}

/* social agree */
.nc_frm-social-agree {background: #f8f8f8;padding: 2.5rem 2rem 2rem;margin-top: 2.6rem; margin-bottom: 2.1rem; margin-left: -4%; margin-right: -4%;overflow-x: hidden;}
.nc_frm-social-agree__desc {font-size: 1.2rem;font-weight: 400;line-height: 1.84;letter-spacing: -0.025em;color: #999;border-top: 0.1rem solid #ddd;padding-top: 0.9rem;margin-top: 1.3rem;letter-spacing: -0.035em;}
.nc_agree_link {display: inline-block; vertical-align: top; position: relative; color: #666;}
.nc_agree_link:after {content: ''; display: block; width: 100%; height: 0.1rem; background: #666; position:absolute; bottom: 0.2rem; left: 0;}


/* login option */
.nc_frm__login-option {margin-top: 1.8rem; font-size: 0;}
.nc_frm__login-option .nc-icheck__label + .nc-icheck__label {/* padding-left: 1.2rem; */}
.nc_frm__login-option .nc-icheck__label + .nc-icheck__label {/* padding-left: 1.2rem; */    width: 53.33%;}

/* agree */
.nc_frm__agree { padding-top: 2rem; border-top: 0.1rem solid #ddd;}

/* basic info */
.nc_frm__wrap--basic-info .nc_frm__field-wrap--icheck { margin-top: 1.2rem; margin-bottom: 1rem; }

/* sub header */
.nc_frm-sub-header {padding-top: 2.9rem;padding-bottom: 2.1rem;}
.nc_frm-sub-header__title {font-size: 1.6rem;font-weight: 600;letter-spacing: -0.04em;color: #222;line-height: 1.1;}
.nc_frm-sub-header__desc {font-size: 1.3rem;font-weight: 400;letter-spacing: -0.04em;color: #666;line-height: 1.62;margin-top: 0.6rem;}

.nc_frm-sub-header .nc-message {margin-top: 2rem;}


.nc_frm__go-to--align-center {
    text-align: center;
}
.nc_frm__go-to {
    display: block;
    /*text-align: left;*/
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.035em;
    color: #666;
}
.nc_frm__go-to-link {
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    color: #009761;
    position: relative;
}

.nc_frm__go-to-link:after {
    content: '';
    display: block;
    width: 100%;
    height: 0.1rem;
    background: #009761;
    position: absolute;
    bottom: 0.1rem;
    left: 0;
}
.bottom_exit{
	
	   position: relative;
	   width:100%;display: flex;
    justify-content: space-between;
}	
.bottom_exit .nc_frm-sub-header {
    padding-top: 2.9rem;
    padding-bottom: 2.1rem;
	width:70%;

	display:inline-block;
}
.bottom_exit .nc_frm__btn{
	display:inline-block;
	position:relative;
	bottom:0;
	margin-top: 2.9rem;
    margin-bottom: 2.1rem;
	right:0;
}
@media (min-width: 1024px){

/* ****************** *
 * 회원가입폼
 * *************************** */
.nc_frm__go-to--align-center {
    text-align: center;
}

.nc-form-header {
    /*max-width: 64rem;*/
    margin-left: auto;
    margin-right: auto;
    /* border-bottom: 0.1rem solid #ddd; */
    padding-bottom: 3rem;
    margin-bottom: 3.2rem;
}

	.sub-member-login .nc-form-header { padding-top: 8.5rem; padding-bottom: 0; margin-bottom: 2.9rem; }
	.sub-member-register .nc-form-header { padding-bottom: 0; margin-bottom: 4.1rem; }
	.sub-member-find-id-tel .nc-form-header { padding-top: 8.5rem; padding-bottom: 0; margin-bottom: 2.9rem; }
	.sub-member-find-pw .nc-form-header { padding-top: 8.5rem; padding-bottom: 0; margin-bottom: 2.9rem; }
	.sub-member-find-pw-complete .nc-form-header { padding-top: 8.5rem; padding-bottom: 0; margin-bottom: 2.9rem; }
	.sub-mypage-edit-01 .nc-form-header { padding-top: 5.1rem; padding-bottom: 0; margin-bottom: 2.9rem; }

	.sub-member-login .nc-icheck__label { width: auto; }
	.sub-member-login .nc-icheck__label + .nc-icheck__label {margin-left: 4.8rem;}
	.sub-member-login .nc-form__control { margin-top: 3.9rem; }
	.sub-member-login div[class^="nc-icheck--"] + span {max-width: none;}

	.sub-mypage-edit-02 .nc-form__btn { width: 20rem; height: 5rem; padding: 1.2rem 0; } /* button medium size */
	.sub-mypage-edit-02 .nc-form__separator { background: #ddd; margin-top: 6rem; margin-bottom: 5.5rem; } /* 버튼위 nc-form__separator 추가 */


.nc-form-header__title,  h3.nc-form-header__title{
    font-size: 2.8rem;

}
html.desktop h3.nc-form-header__title p{display:inline-block}

.sub-member-register .nc-form-header {
    padding-bottom: 0;
    margin-bottom: 2.1rem;
}

.nc_frm {/*max-width: 79rem;*/margin: 0 auto;}
.nc_frm:after {content: '';display: table;clear: both;}

.nc_frm__wrap + .nc_frm__wrap { margin-top: 2.1rem; }
.nc_frm__wrap + .wrap_private { margin-top: 2.1rem; }
.nc_frm__wrap + .nc-accordion {margin-top: 2.5rem;}
.nc_frm__wrap--secondary {padding: 1.6rem 0 4rem; border-top: 0.1rem solid #ddd;}

.nc_frm__data { margin-bottom: 2.1rem; }
.nc_frm__field-text-add-margin .nc_frm__data{margin-bottom: 4.1rem;}
.nc_frm__data:last-child {margin-bottom: 0;}
.nc_frm__data.nc_frm__data-empty {font-size: 1.3rem; color: #666; text-align: center; background: #f8f8f8; text-align: center; padding: 2rem;}

.nc_frm .nc-separator {margin-left: 0rem; margin-right: 0rem; margin-top: 3rem;}

.nc_frm--complete .nc_frm__inner{ position: relative;}
.nc_frm--complete .nc_frm__inner:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255, 255, 255, 0.5);z-index: 99;}


/* Label */
.nc_frm__label {display: block; position: relative; font-size: 1.2rem; line-height: 1.5; font-weight: 500; color: #222; letter-spacing: -0.04em;    display: inline-block;    width: 17.1rem;}
.nc_frm--required .nc_frm__label:after {padding-left: 0.2rem;content: '*';color: #ff0000;}


.modal_page_content .nc_frm__field-wrap {display: block;margin-top: 0rem;font-size: 0; position: relative;    display: block; width: 100%;}
/* Input */
.nc_frm__field-wrap {display: block;margin-top: 0rem;font-size: 0; position: relative;    display: inline-block;width: -webkit-calc(100% - 17.5rem); width: calc(100% - 17.5rem);}


.sub-member-login .nc_frm__field-wrap {display: block;margin-top: 0rem;font-size: 0; position: relative;    display: inline-block;width:100%;}
.sub-member-login .nc_frm {
    /* background: #f8f8f8; */
    max-width: 68.8rem;
}
.nc_frm__field-wrap + .nc_frm__field-wrap {margin-top: 0.8rem;}


#nc-login-form .nc_frm__data {
    margin-bottom: 0rem;
}

#nc-login-form .nc_frm__data + .nc_frm__data {
    margin-top: 0.8rem;
}

.nc_frm__field-wrap + .nc_frm__field-wrap--icheck { margin-top: 1.2rem; }
.nc_frm__field-wrap--icheck {margin-top: 0;}
.nc_frm__field-wrap--icheck + .nc_frm__field-wrap { margin-top: 1.5rem; }
.nc_frm__field {display: inline-block; width: 100%; height: 4.5rem; margin: 0; padding: 1.1rem 1.4rem 1.2rem; vertical-align: middle; font-size: 1.4rem; line-height: 1.58; color: #666;     border: 2px solid #e5e7ee; border-radius: 5px; outline: none; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border 300ms, -webkit-box-shadow 300ms; transition: border 300ms, -webkit-box-shadow 300ms; transition: border 300ms, box-shadow 300ms; transition: border 300ms, box-shadow 300ms, -webkit-box-shadow 300ms; letter-spacing: -0.025em;}
.nc_frm__field:focus {border-color: #009761; }
textarea.nc_frm__field {height: 25.6rem; overflow: auto; resize: none;}
.nc_frm__field:disabled, .nc_frm__field:-moz-read-only {background: #ffffff; border-color: #ddd; -webkit-box-shadow: none; box-shadow: none; color: #b2b2b2; opacity: 1;}
.nc_frm__field:disabled, .nc_frm__field:read-only, .nc_frm__field[readonly]  {background: #f6f6f6; border-color: #ddd; -webkit-box-shadow: none; box-shadow: none; color: #b2b2b2; opacity: 1;}

.ie11 input[disabled]  {background: #f6f6f6; border-color: #ddd; -webkit-box-shadow: none; box-shadow: none; color: #b2b2b2; opacity: 1;}
.ie11 input[disabled] + .nc_frm__field-btn { border-color: #888; background: #888; color: #fff;}
.ie11 input[disabled] + .nc_frm__clear-btn + .nc_frm__field-btn { border-color: #888; background: #888; color: #fff; }

.nc_frm__field:disabled + .nc_frm__field-btn { border-color: #888; background: #888; color: #fff;}
.nc_frm__field:disabled + .nc_frm__clear-btn + .nc_frm__field-btn { border-color: #888; background: #888; color: #fff; }
.nc_frm__field:read-only + .nc_frm__field-btn,
.nc_frm__field[readonly] + .nc_frm__field-btn  { border-color: #888; background: #888; color: #fff; }
.nc_frm__field:read-only + .nc_frm__clear-btn + .nc_frm__field-btn,
.nc_frm__field[readonly] + .nc_frm__clear-btn + .nc_frm__field-btn  { border-color: #888; background: #888; color: #fff; }


html.ios .nc_frm__field {padding-top: 1.2rem; padding-bottom: 1.1rem;}
html.android input.nc_frm__field {max-height:4.5rem; height:auto;}

input[readonly]  {background: #f6f6f6; border-color: #ddd; -webkit-box-shadow: none; box-shadow: none; color: #b2b2b2; opacity: 1;}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {display: none; -webkit-appearance: none;}
input[type="date"]::-webkit-clear-button {-webkit-appearance: none; display: none;}
.nc_frm__field-wrap input[type=text]:not(.nc_frm__field--small) {padding-right: 4rem;}
.nc_frm__field-wrap input[type=text][maxlength]:not(.nc_frm__field--small) { padding-right: 8.6rem; }

.nc_frm--block {display: block;}
.nc_frm--full {display: block;width: 100%;}

.nc_frm__field--small {max-width: 12rem;}
.nc_frm__field--small + .nc_frm__text {margin-left: 0.7rem;}

.nc_frm__field-date:read-only, .nc_frm__field-date[readonly] {
    background: #fff;
}


.nc_frm__field-text-limit { font-size: 1.2rem; font-weight: 400; letter-spacing: -0.025em; color: #999; position: absolute; right: 1.5rem; bottom: 1.3rem; }

.nc_frm__password-toggle-btn {padding:0.5rem;background:none;border:none;position:absolute;right: 1.1rem;top: 1.1rem;cursor:pointer;}
.nc_frm__password-toggle-btn:before {font-family: 'nc-font';font-size: 1.6rem;color: #b2b2b2;content: '\e963';}
.nc_frm__password-toggle.show_pwd .nc_frm__password-toggle-btn:before {content: '\e966';}
html.ios .nc_frm__password-toggle-btn {top: 0.8rem;}

.nc_frm__password-toggle .nc_frm__field {padding-right: 7rem;}
.nc_frm__password-toggle .nc_frm__clear-btn { right: 4rem; }
.nc_frm__clear-btn { opacity: 0; visibility: hidden; padding: 0.5rem; background: none; border: none; position: absolute; right: 1.1rem; top: 1.2rem; cursor: pointer; width: 2.3rem; height: 2.3rem; }
.nc_frm__clear-btn:after { font-family: 'nc-font'; font-size: 1.3rem; color: #b2b2b2; content: '\e965'; display: inline-block; vertical-align: top;}
html.ios .nc_frm__clear-btn {top: 1rem;}

.nc_frm__field[maxlength] + .nc_frm__clear-btn { right: 6rem; }

/* input with button */
.nc_frm__field-btn {background: #f2f2f2; border: 0.1rem solid #ddd; position: absolute; top: 0; right: 0; font-size: 1.3rem; font-weight: 00; color: #999; letter-spacing: -0.025em; height: 4.5rem; min-width: 7.2rem; cursor: pointer; transition: background 0.3s, color 0.3s, border 0.3s; display: inline-block; vertical-align: top; text-align: center; padding: 1.1rem 1rem;}
.nc_frm__field-btn--cancel {background: #fff;}
.nc_frm__field-btn--large {width: 10.5rem;}
.nc_frm__field-btn--block { position: relative; top: auto; right: auto; min-width: 15.5rem; margin-top: 1.1rem; }

/* text */
.nc_frm__text {display: inline-block; vertical-align: middle; font-size: 1.3rem; font-weight: 400; letter-spacing: -0.025em; color: #666; line-height: 4.5rem; }
.nc_frm__text__date {display: inline-block; vertical-align: top; color: #0f4c82; padding-left: 0.6rem;}
.nc_frm__text + .nc_frm__field {margin-left: 0.6rem;}

.nc_frm__copynote {width: 100%;padding: 1.2rem 1rem;background: rgba(68, 68, 68, 0.8);border-radius: 0;text-align: center;position: absolute;z-index: 700;bottom: -4.4rem;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);opacity: 0;visibility: hidden;}
.nc_frm__copynote p {font-size: 1.3rem;font-weight: 500;line-height: 1.6;letter-spacing: -0.025em;color: #fff;}
.nc_frm__emphasis {color:#eb0808}

/* Explain */
.nc_frm__explain {display: block;margin-top: 0.5rem;padding-left: 0.8rem;position: relative;font-size: 1.2rem;letter-spacing: -0.04em;line-height: 1.67;color: #b2b2b2;}
.nc_frm__explain:before {content: '*'; display: block; position: absolute; top: 0.3rem; left: 0; font-size: 1.2rem;}
.nc_frm__explain + .nc_frm__explain { margin-top: 0.2rem; }
.nc_frm__explain--refer {padding-left: 1.4rem;}
.nc_frm__explain--refer:before {content: '※'; top: 0;}
.nc_frm__explain-link {display: inline-block; vertical-align: top; position: relative;}
.nc_frm__explain-link:after {content:'';display: block;width: 100%;height: 0.1rem;position: absolute;bottom: 0.2rem;left:0;background: #0f4c82;}

/* File */
.nc-file-upload__wrapper {font-size: 0;}
.nc-file-upload__input {width: -webkit-calc(100% - 14rem); width: calc(100% - 14rem); cursor: pointer;}
.nc-file-upload__btn {display: inline-block; height: 4.5rem; padding: 0; margin: 0 0 0 0.5rem; vertical-align: top; font-size: 1.3rem; font-weight: 400; letter-spacing: -0.01em; text-align: center; border: 0.1rem solid #ddd; border-radius: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 300ms; transition: background 300ms; cursor: pointer;}
.nc-file-upload--action {width: 7.5rem; color: #fff; background: #0f4c82; border-color: #0f4c82;}
.nc-file-upload--delete {width: 5.5rem; color: #666; background: #fff;}

.nc-file-upload__wrapper { display: inline-block; vertical-align: top; width: 100% }
.add_file, .del_file { display: inline-block; height: 4.5rem; padding: 0; margin: 0 0 0 0.5rem; vertical-align: top; font-size: 1.3rem; font-weight: 400; letter-spacing: -0.01em; text-align: center; border: 0.1rem solid #ddd; border-radius: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 300ms; transition: background 300ms; cursor: pointer; width: 6rem; color: #666; background: #fff; padding: 1.2rem 0.5rem; }
.add_file span, .del_file span { position: relative; padding-left: 1rem; }
.add_file span:before, .del_file span:before {font-family: 'nc-font';position: absolute;top: 0.4rem;left: -0.4rem; font-size: 1.4rem; line-height: 1.4rem;}
.add_file span:before {content : '\e940';}
.del_file span:before {content : '\e941';}

.nc_frm__data--file-multi .nc-file-upload__wrapper  {width: calc(100% - 6.5rem); width: -webkit-calc(100% - 6.5rem);}
.nc_frm__data--file-multi .nc-file-upload__input {width: -webkit-calc(100% - 8rem); width: calc(100% - 8rem);}
.nc_frm__data--file-multi .nc-file-upload--delete { display: none; }
.nc_frm__data--file-multi .form_control_wrap input[type=text] +  input[type=text] {margin-top:0.5rem;}
.form_control_wrap + .form_control_wrap {margin-top: 0.7rem;}

/* File - qt */
.add_file.add_file--multiple{margin: 0; width: 8.5rem;}
.add_file.add_file--multiple .add_file--multiple-hidden{position: absolute; width: 0.1rem; height: 0.1rem; overflow: hidden;}
.add_file_list{display: flex; margin-top: 1.5rem; flex-wrap: wrap;}
.add_file_list li{display: inline-block; background: #eee; padding: 1rem 3.3rem 1rem 1.5rem; margin-right: 1rem; margin-bottom: 1rem; position: relative;}
.add_file_list li:last-child{margin-right: 0;}
.add_file_list li span{font-size: 1.5rem; color: #666; word-break: break-all;}
.add_file_list li button{border: 0; width: 0; height: 0; padding: 0;}
.add_file_list li button::after{content: '\e92e'; font-family: 'nc-font';position: absolute; color: #666; font-size: 1rem; right: 1.3rem; bottom: 1.6rem; cursor: pointer;}

/* FILE LIST */
.nc_frm__file-list { display: block; margin: -0.2rem 0; }
.nc_frm__file-list-link { color: inherit; border-bottom: 0.1rem solid transparent; }
.nc_frm__file-list-item { display: block; font-size: 1.2rem; color: #666; letter-spacing: -0.025em; padding: 0.3rem 0; position: relative; }
.nc_frm__file-list-delete { color: inherit; border-bottom: 0.1rem solid transparent;}
.nc_frm__file-list-delete:after {content: '\e92e';font-family: 'nc-font';font-size: 1rem;color: inherit;width: 100%;height: 100%; display: inline-block; vertical-align: middle; width: 2rem; height: 2rem; text-align: center; line-height: 2rem;}


/* Icheck */
.nc-icheck__label {display: inline-block; vertical-align: top; width: 33.33%; margin-top: 1.3rem;}
.nc-icheck__label:first-child {margin-left:0;}
.nc-icheck__label:nth-child(-n+3) {margin-top: 0;}
.nc-icheck__label:nth-child(3n+1) {margin-left: 0;}

.nc-frm__field-wrap--icheck .nc-icheck__label{
    margin-left: 17.6rem;
}


.nc-icheck__label--full {display: block; width: auto; margin-top: 0; padding-right: 0;}
.nc-icheck__label--full + .nc-icheck__label--full {margin-left: 0; margin-top: 0.9rem;}
.nc-icheck__label--full + .nc_frm__field {margin-top: 1rem;}
.nc-icheck--icheckbox {vertical-align: top; }
div[class^="nc-icheck--"] > input {left: 0;}
div[class^="nc-icheck--"] + span {display: inline-block; padding-left: 0.7rem; vertical-align: top; cursor: pointer; font-size: 1.3rem; line-height: 1.7; letter-spacing: -0.035em; font-weight: 400; color: #666;max-width: calc(100% - 3rem); word-break: break-all;}
div[class^="nc-icheck--"].disabled + span {cursor: default;}

html.ios div[class^="nc-icheck--"] + span {margin-top: -0.2rem; padding-left: 0.6rem;}
html.js .nc-icheck{opacity:0} /* avoid fouc */

.nc-icheck__label--full div[class^="nc-icheck--"] + span {max-width: calc(100% - 3rem);}
html.ie .nc-icheck__label--full div[class^="nc-icheck--"] + span {margin-top:-0.1rem;}

.nc_frm__label + .nc_frm__field-wrap--icheck {margin-top: 0rem;    vertical-align: middle;}

.nc_frm__wrap--set-noti .nc-icheck__label { width: 100%; margin-top: 0; }
.nc_frm__wrap--set-noti .nc-icheck__label + .nc-icheck__label { margin-top: 0.9rem}

/* icheck with image */
.nc-icheck__figure { display: block; width: 100%; padding-top: 58%; margin-bottom: 1.2rem; cursor: pointer; }
.nc_frm__field-wrap--icheck-with-img .nc-icheck__label { width: calc(50% - 0.5rem); margin-top: 2.5rem; margin-right: 1rem;}
.nc_frm__field-wrap--icheck-with-img .nc-icheck__label:nth-child(2n) { margin-right: 0; }
.nc_frm__field-wrap--icheck-with-img .nc-icheck__label:nth-child(-n+2) { margin-top: 0; }

.nc-icheck__figure--rect-h {padding-top: 58%;}
.nc-icheck__figure--square {padding-top: 100%;}
.nc-icheck__figure--square.nc-lazyload img.nc-lazyload--loaded { height: 100%; object-fit: cover;}
.nc-icheck__figure--rect-v {padding-top: 116.1%;}


::-webkit-input-placeholder {font-size: 1.4rem; letter-spacing: -0.025em; color: #b2b2b2;}
::-moz-placeholder {font-size: 1.4rem; letter-spacing: -0.025em; color: #b2b2b2;}
:-ms-input-placeholder {font-size: 1.4rem; letter-spacing: -0.025em; color: #b2b2b2;}

input[type=date]::-webkit-clear-buttons { display: none; }
input[type=date]::-ms-clear { display: none; }
input[type=date]::-ms-reveal { display: none; }

/* form message */
.nc_frm-message {background: #F0F6FE;color: #666;position: relative;padding: 1rem 1.5rem 1.1rem; margin: 1rem 0;margin-left: 17.4rem;}
.nc_frm-message__desc {font-size: 1.2rem;font-weight: 400;letter-spacing: -0.04em;color: inherit;}
.nc_frm-message__link {font-size: 1.2rem;font-weight: 400;letter-spacing: -0.035em;color: #0f4c82;position: absolute;top: 1rem;right: 1.5rem;}
.nc_frm-message__link:after {content: '';display: block;width: 100%;height: 0.1rem;background: #555;position: absolute;bottom: 0.1rem;left: 0;}

.nc_frm-message--alert {background: #e7f2df; color: #51594c;}

/* auth */
.nc_frm__data-auth-group { position: relative; }
.nc_frm__data-auth-group--code {margin-top: 1.9rem;}
.nc_frm__data-auth-info {position: relative;padding-left: 1.7rem;margin-top: 0.9rem;}
.nc_frm__data-auth-info-icon {width: 1.2rem;height: 1.2rem;position: absolute;top: 0;left: 0;font-style: normal;}
.nc_frm__data-auth-info-icon:after {content: '\e94e'; font-family: 'nc-font'; font-size: 1.2rem; color: #b2b2b2;}
.nc_frm__data-auth-info-link {font-size: 1.2rem;font-weight: 400;color: #999;letter-spacing: -0.035em;line-height: 1.1;border-bottom: 0.1rem solid #999;display: inline-block;vertical-align: top;}
.nc_frm__data-auth-limit { font-size: 1.2rem; font-weight: 400; color: #eb0808; position: absolute; top: 1.3rem; right: 8.6rem; }
.nc_frm__data-auth-complete { font-size: 1.2rem; font-weight: 500; letter-spacing: -0.025em; color: #0266F6; position: absolute; right: 0; bottom: 0; padding-left: 1.6rem; }
.nc_frm__data-auth-complete:after { content: '\e935'; font-family: 'nc-font'; font-size: 1.4rem; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); position: absolute; top: 0.3rem; left: 0; color: inherit; }
.nc_frm__data--auth .nc_frm__field-wrap--icheck {margin-top: 0.8rem;}
.nc_frm__data-auth-group + .nc_frm__field-wrap { margin-top: 1.2rem; }

.nc_frm__data-auth-group .nc_frm__field-btn {border-left: 0;}
.nc_frm__data-auth-group--tel .nc_frm__field {width: -webkit-calc(100% - 10.5rem);width: calc(100% - 10.5rem);}
.nc_frm__data-auth-group--tel .nc_frm__field-btn { width: 10.5rem; }
.nc_frm__data-auth-group--tel .nc_frm__field-btn.active { border-color: #888; background: #888; color: #fff;}
.nc_frm__data-auth-group--tel .nc_frm__field-btn:disabled {background: #f6f6f6; border-color: #ddd; color: #b2b2b2;}
.nc_frm__data-auth-group--tel .nc_frm__protection-button {pointer-events: none;}
.nc_frm__data-auth-group--code .nc_frm__field {width: -webkit-calc(100% - 7.2rem);width: calc(100% - 7.2rem);}
.nc_frm__data--edit .nc_frm__field {width: -webkit-calc(100% - 10rem);width: calc(100% - 10rem);}
.nc_frm__data--edit .nc_frm__field-btn {border-left: 0;}
.nc_frm__data--edit .nc_frm__field-btn.nc_frm__field-btn--edit {width: 10rem;}
.nc_frm__data--edit .nc_frm__field-btn.nc_frm__field-btn--cancel {width: 10rem;}
.nc_frm__data--edit .nc_frm__text + .nc_frm__field-btn {border-left: 0.1rem solid #ddd;}
.nc_frm__data--edit #field_mail .nc_frm__field {width: -webkit-calc(100% - 9.9rem);width: calc(100% - 9.9rem);}
.nc_frm__data--edit #field_mail .nc_frm__field-btn.nc_frm__field-btn--edit {border-left: 0;}
.nc_frm__data--edit .nc_frm__field-btn--cancel { background: #f2f2f2; }
.nc_frm__data--edit .nc_frm__data-auth-group--tel .nc_frm__field {width: -webkit-calc(100% - 10rem);width: calc(100% - 10rem);}
.nc_frm__data--edit .nc_frm__data-auth-group--tel .nc_frm__field-btn.nc_frm__field-btn--edit {width: 10rem;}
.nc_frm__data-time-group {font-size:0; margin-left:-0.4rem; margin-right:-0.4rem;}
.nc_frm__data-time-group .nc_frm__field-wrap { width: calc(50% - 0.8rem); margin:0.7rem 0.4rem 0; display: inline-block; vertical-align: top;}
html.ios .nc_frm__data-auth-group--tel .nc_frm__field {width: -webkit-calc(100% - 10.48rem);width: calc(100% - 10.48rem);}
html.ios .nc_frm__data-auth-group--code .nc_frm__field {width: -webkit-calc(100% - 7.35rem);width: calc(100% - 7.35rem);}
html.ios .nc_frm__data--edit .nc_frm__field {width: -webkit-calc(100% - 9.98rem);width: calc(100% - 9.98rem);}
html.ios .nc_frm__data--edit .nc_frm__data-auth-group--tel .nc_frm__field {width: -webkit-calc(100% - 9.98rem);width: calc(100% - 9.98rem);}
html.ios .nc_frm__data--edit .pwd_edit_wrap .nc_frm__field { width: 100%; }
html.ie11 .nc_frm__data--edit .pwd_edit_wrap .nc_frm__field { width: 100%; }

.nc_frm__data--edit .pwd_edit_wrap .nc_frm__field {width:100%;}

/* valid message (for password) */
.nc_frm__valid-message-group {display: block;font-size: 0;margin: 0 -0.6rem;margin-top: 0.9rem;line-height: 1; color: #b2b2b2;margin-left: 17.1rem;}
.nc_frm__valid-message {display: inline-block;vertical-align: top;font-size: 1.2rem;padding-left: 1.1rem;position: relative;letter-spacing: -0.025em;margin: 0 0.6rem;}
.nc_frm__valid-message:before {font-family: 'nc-font';font-size: 1.4rem;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);position: absolute;top: 0;left: -0.3rem;color: inherit;}
.nc_frm__valid-message--error {color: #eb0808;}
.nc_frm__valid-message--error:before {content: '\e946'}
.nc_frm__valid-message--clear {color: #0266F6;}
.nc_frm__valid-message--clear:before {content: '\e935';}
.nc_frm__valid-message--not-required { color: #b2b2b2; }
.nc_frm__valid-message--not-required:before {content: '\e946'}

/* error */
.nc_frm__data--error .nc_frm__label {color: #eb0808;}
.nc_frm__data--error .nc_frm__field {border-color: #eb0808;}
.nc_frm__data--error .selectric,
html.mobile .nc_frm__data--error .nc-selectric{border-color: #eb0808;}
.nc_frm__data--error .nc_frm__postcode-btn,
.nc_frm__data--error .nc_frm__data-auth-group .nc_frm__field-btn{ border-color: #eb0808; border-left: none;}
.nc_frm__error {display: block; font-size: 1.2rem; font-weight: 400; letter-spacing: -0.035em; color: #eb0808; margin-top: 0.8rem; line-height: 1.2;}

/* buttons */
.nc_frm__btn-wrap {margin-top: 2.4rem;}
.nc_frm__btn-title {display: block; position: relative; font-size: 1.2rem; line-height: 1.35; font-weight: 500; color: #222; letter-spacing: -0.025em; margin-bottom: 1.3rem;}
.nc_frm__btn {display: inline-block; vertical-align: top; width: 15rem;height: 5.2rem;background: transparent;border: 2px solid #222;font-size: 1.5rem;font-weight: 500;letter-spacing: -0.025em;color: #222;position: relative;top: auto;left: auto;text-align: center;padding: 1.2rem 1rem 1.2rem; cursor: pointer;}
.nc_frm__btn--full {display: block; width: 100%;}
.nc_frm__btn--active {background: #0f4c82; color: #fff; border-color: #0f4c82;}
.nc_frm__btn--type-02 {background: #0f4c82; color: #fff; border-color: #0f4c82;}

.nc_frm__btn-wrap--count-2 {font-size: 0; margin-left: -0.4rem; margin-right: -0.4rem;}
.nc_frm__btn-wrap--count-2 .nc_frm__btn {width: -webkit-calc(50% - 0.8rem);width: calc(50% - 0.8rem); margin: 0 0.4rem; display: inline-block; vertical-align: top; }
.nc_frm__btn-wrap--count-2 .nc_frm__btn--delete {width: 10rem; border-color: #ddd; color: #666;}
.nc_frm__btn-wrap--count-2 .nc_frm__btn--edit {width: -webkit-calc(100% - 12rem);width: calc(100% - 12rem);}
.nc_frm__btn-wrap--count-2 .nc_frm__btn--reapply {width: -webkit-calc(100% - 12rem);width: calc(100% - 12rem);}

.nc_frm__btn-wrap--top {margin-top: 2.6rem; margin-bottom: 3.1rem;}
.nc_frm__btn-wrap--top .nc_frm__btn {color: #999; border-color: #ddd; border-width: 0.1rem; font-size: 1.4rem; height: auto; padding: 1rem 0 1.1rem;}
.nc_frm__btn-wrap--top .nc_frm__btn--active {color: #fff; border-color: #0f4c82;}


.nc_frm__btn--map:after{margin-left:0.8rem; display: none;}
.nc_frm__btn--naver {color: #1ac549; border-color: #1ac549;}
.nc_frm__btn--naver:after {content: '\e91e';font-family: nc-font;}
.nc_frm__btn--kakao {color: #222; border-color: #222;}
.nc_frm__btn--kakao:after {content: '\e91e'; color: #ffcd00; font-family: 'nc-font';}
html.desktop .nc_frm__btn--naver:hover{ color:#fff;background: #1ac549;}
html.desktop .nc_frm__btn--kakao:hover{ color:#fff;background: #222;}
html.desktop .nc_frm__btn--naver:hover:after{ color:#fff;}
html.desktop .nc_frm__btn--naver:hover,
html.desktop .nc_frm__btn--kakao:hover{-webkit-transition: background 300ms;transition: background 300ms; }
html.desktop .nc_frm__btn--naver:hover:after,
html.desktop .nc_frm__btn--kakao:hover:after{-webkit-transition: color 300ms;transition: color 300ms; }

/* control */
.nc_frm__control { width: 100%; height: 5.2rem; /* position: absolute; */ bottom: 0; left: 0; z-index: 10; margin-top: 2.3rem;}
.nc_frm__control--sticky {position: fixed; bottom: 0; left: 0;width: 100%;}
.nc_frm__action { width: 100%; height: 100%; background: #0f4c82; color: #fff; border: 0; font-size: 1.5rem; letter-spacing: -0.025em; font-weight: 500; cursor: pointer;}
.nc_frm__action:disabled {background: #999;}
.nc_frm__action--type-02 {width: 100%; height: 100%;background:#fff; color: #222; border: 0.2rem solid #222; font-size: 1.5rem; letter-spacing: -0.025em; font-weight: 500; cursor: pointer; }

.wrap .nc_frm__control {width: auto;/*  margin-left: -2rem; margin-right: -2rem; */}
.wrap .nc_frm__control--sticky {width: 100%; margin: 0;}

.nc_frm__control { width: 100%; height: 5.2rem; /* position: absolute; */ bottom: 0; left: 0; z-index: 10; margin-top: 2.3rem;}
.nc_frm__control--sticky {position: fixed; bottom: 0; left: 0;width: 100%;}
.nc_frm__action { width: 100%; height: 100%; background: #009761; color: #fff; border: 0; font-size: 1.5rem; letter-spacing: -0.025em; font-weight: 500; cursor: pointer;}
.nc_frm__action:disabled {background: #999;}
.nc_frm__action--type-02 {width: 100%; height: 100%;background:#fff; color: #222; border: 0.2rem solid #222; font-size: 1.5rem; letter-spacing: -0.025em; font-weight: 500; cursor: pointer; }


.nc_frm__action2 { width: 100%; height: 100%; background:#142143; color: #fff; border: 0; font-size: 1.5rem; letter-spacing: -0.025em; font-weight: 500; cursor: pointer;}
.nc_frm__action2:disabled {background: #999;}
.nc_frm__action--type-02 {width: 100%; height: 100%;background:#fff; color: #222; border: 0.2rem solid #222; font-size: 1.5rem; letter-spacing: -0.025em; font-weight: 500; cursor: pointer; }

.wrap .nc_frm__control {width: auto;/*  margin-left: -2rem; margin-right: -2rem; */}
.wrap .nc_frm__control--sticky {width: 100%; margin: 0;}


.nc-form-header {padding-top: 3.3rem;margin-bottom: 1.8rem;position: relative;}
.nc-single__content .nc-form-header{padding-top: 0rem;}
.nc-form-header__title,
.nc-single__content h3.nc-form-header__title{font-size: 2rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.065em; color: #222;}
.nc-form-header__title-inner,
.nc-single__content h3.nc-form-header__title-inner{line-height: 1.2;}
.nc-form-header__title-point {font-weight: 600;-webkit-box-shadow: inset 0 -1.2rem 0 0 rgb(218,225,230, .5);box-shadow: inset 0 -1.2rem 0 0 rgb(218,225,230, .5);}
.single-_formdata .nc-form-header__title {padding-right: 8rem;}
.single-_formdata .nc-form-header__title p {margin-top: 0.3rem;}
/* .nc-form-header__title-point:after {content: '';display: block;width: 100%;height: 1.2rem;background: #d2e5f6;position: absolute;bottom: 0.2rem;left: 0;z-index: -1;} */
.nc-form-header__title-bold {font-weight: 600;}
.nc-form-header__desc,
.nc-single__content p.nc-form-header__desc{font-size: 1.4rem;font-weight: 400;letter-spacing: -0.04em;color: #666;display: block;margin-top: 0.8rem;line-height: 1.58;}
.nc-form-header__desc--point {color: #0f4c82;}
.nc-form-header__state {display: table;width: 6.8rem;height: 6.8rem;border-radius: 50%;background: #eee;text-align: center;position: absolute;top: 50%;right: 0; margin-top: -1.7rem;}
.nc-form-header__state-text {display: table-cell;vertical-align: middle;line-height: 1.25;font-size: 1.2rem;letter-spacing: -0.025em;font-weight: 600;color: #0f4c82;}
.nc-form-header__button { padding: 1.4rem 1.7rem; font-size: 1.3rem; margin-top: 1.2rem; margin-bottom: 1.2rem; }

.nc-form-header + .nc-message { margin-top: -1rem; margin-bottom: 2.3rem; }
.nc-form-header__profile { width: 9rem; height: 9rem; border-radius: 50%; overflow: hidden; margin: 2.7rem auto 0; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.nc-form-header__profile-img { vertical-align: top; width: 100%; height: auto; }

/* .nc-single__content .nc-form-header {max-width: 79rem;padding-top: 0;}
.nc-single__content .nc-form-header.nc-form-header--narrow {max-width: 54rem}
.nc-single__content .nc-form-header h3.nc-form-header__title { font-size: 2rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.065em; } */

/* complete */
.nc_frm-complete {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center; display: block; width: 100%;}
.nc_frm-complete__icon { display: block; width: 6.3rem; height: 6.3rem; margin: 0 auto; font-style: normal; position: relative; }
.nc_frm-complete__icon:after { content: '\e94f'; font-family: 'nc-font'; font-size: 6.3rem; color: #e8e8e8; }
.nc_frm-complete__title {display: block;font-size: 1.5rem;font-weight: 400;letter-spacing: -0.025em;color: #222;margin-top: 2rem;}
.nc_frm-complete__desc {display: block;font-size: 1.3em;font-weight: 400;letter-spacing: -0.04em;color: #666;margin-top: 0.6rem;line-height: 1.62;}
.nc_frm-complete__button {margin-top: 3.1rem;}

/* confirm */
.nc_frm-confirm {background: #f8f8f8;padding: 2.1rem 2rem 2.2rem;position: relative;margin-top: 2.6rem;}
.nc_frm-confirm__title {display: block;font-size: 1.2rem;font-weight: 400;letter-spacing: -0.035em;color: #999;}
.nc_frm-confirm__email {display: block;font-size: 1.5rem;font-weight: 500;letter-spacing: -0.025em;color: #222;margin-top: 0.3rem;}
.nc_frm-confirm__info {font-size: 1.4rem;font-weight: 400;letter-spacing: -0.04em;line-height: 1.58;color: #0f4c82;}
.nc_frm-confirm__desc {font-size: 1.2rem;font-weight: 400;letter-spacing: -0.035em;color: #999;margin-top: 0.7rem;}
.nc_frm-confirm__id {font-size: 1.8rem; font-weight: 600; }
.nc_frm-confirm__copy-btn {display: inline-block; vertical-align: top; background: #fff; border: 0.1rem solid #ddd; color: #999; font-size: 1.2rem; font-weight: 400; letter-spacing: -0.025em; position: absolute; top: 50%; right: 1.8rem; margin-top: -1.4rem; padding: 0.4rem 1rem;}
.nc_frm-confirm .nc_frm__separator {margin: 1.8rem 0 1.4rem;background: #ddd;}

.nc_frm-confirm--id { padding-left:1.8rem; padding-right: 1.8rem; margin-bottom: 3rem;}

/* nc_frm__application-closed */
.nc_frm__application-closed { max-width: 79rem; margin: 0 auto; text-align: center; padding: 1.5rem 0 4rem; border-bottom: 0.1rem solid #ddd; }
.nc_frm__application-closed i { font-style: normal; display: inline-block; vertical-align: top; margin-bottom: 0.7rem; }
.nc_frm__application-closed i:after {content: '\e94e';font-family: 'nc-font';font-size: 1.8rem;color: #b2b2b2;}
.nc_frm__application-closed-text { font-size: 1.4rem; letter-spacing: -0.025em; color: #222;}

/* social agree */
.nc_frm-social-agree {background: #f8f8f8;padding: 2.5rem 2rem 2rem;margin-top: 2.6rem; margin-bottom: 2.1rem; margin-left: -2%; margin-right: -2%;overflow-x: hidden;border: 1px solid #ddd;}
.nc_frm-social-agree__desc {font-size: 1.2rem;font-weight: 400;line-height: 1.84;letter-spacing: -0.025em;color: #999;border-top: 0.1rem solid #ddd;padding-top: 0.9rem;margin-top: 1.3rem;letter-spacing: -0.035em;}
.nc_agree_link {display: inline-block; vertical-align: top; position: relative; color: #666;}
.nc_agree_link:after {content: ''; display: block; width: 100%; height: 0.1rem; background: #666; position:absolute; bottom: 0.2rem; left: 0;}


.agreement-form .nc_agree_link {
    /* display: inline-block; */
    /* vertical-align: top; */
    /* position: relative; */
    /* color: #666; */
    /* text-align: right; */
    /* float: right; */
    float: right;font-size: 12px;
}

.agreement-form .nc_agree_link {
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #666;
    border-color: #d8e2e5;
    background: #fff;
    color: #222;
    min-height: 30px;
    min-width: 60px;
    padding: 6.5px 8px;
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height:1.2;
    /* color: #898989; */
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    text-align: center;
    font-family: 'Montserrat', 'NotoSansKR', sans-serif;font-size: 12px;
}

.agreement-form .nc_agree_link:after {content: ''; display: block; width: 100%; height: 0.1rem; background: #666; position:absolute; bottom: 0.2rem; left: 0;display:none;}

/* login option */
.nc_frm__login-option {margin-top: 1.8rem; font-size: 0;}
.nc_frm__login-option .nc-icheck__label + .nc-icheck__label {/* padding-left: 1.2rem; */}

/* agree */
.nc_frm__agree { padding-top: 2rem; border-top: 0.1rem solid #ddd;}

/* basic info */
.nc_frm__wrap--basic-info .nc_frm__field-wrap--icheck { margin-top: 1.2rem; margin-bottom: 1rem; }

/* sub header */
.nc_frm-sub-header {padding-top: 2.9rem;padding-bottom: 2.1rem;}
.nc_frm-sub-header__title {font-size: 1.6rem;font-weight: 600;letter-spacing: -0.04em;color: #222;line-height: 1.1;}
.nc_frm-sub-header__desc {font-size: 1.3rem;font-weight: 400;letter-spacing: -0.04em;color: #666;line-height: 1.62;margin-top: 0.6rem;}

.nc_frm-sub-header .nc-message {margin-top: 2rem;}



.nc_frm__go-to {
    display: block;
    text-align: left;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.035em;
    color: #666;
}
.nc_frm__go-to-link {
    display: inline-block;
    vertical-align: top;
    font-weight: 600;
    color: #009761;
    position: relative;
}

.nc_frm__go-to-link:after {
    content: '';
    display: block;
    width: 100%;
    height: 0.1rem;
    background:#009761;
    position: absolute;
    bottom: 0.1rem;
    left: 0;
}

.nc_frm__go-to--align-center {
    text-align: center;
}

.nc-btn__basic {
    border-width: 0.2rem;
    padding: 1.9rem 1rem 2.1rem;
    font-size: 1.6rem;
    min-width: 21rem;
    transition: background 0.3s, border 0.3s;
    -webkit-transition: background 0.3s, border 0.3s;
}
.Top_area{
    padding: 0;
    background-color: #222;
}
html.desktop .nc-btn__basic:hover {
    background: #034EA2;
    color: #fff;
    border-color: #034EA2;
}
.main_beginning { text-align: left; padding-top: 9.4rem; padding-bottom: 10rem;}
	.main_beginning .main_section_title {font-size: 3.2rem;}
	.main_beginning .main_section_desc {font-size: 1.6rem; line-height: 1.75; margin-top: 1.1rem;font-weight: 500;   letter-spacing: -0.085em;}
	.main_beginning_process { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; margin: 0; padding: 0; counter-reset: reset;}
	.main_beginning_process:after { display: none; }
	.main_beginning_process_item { width: auto; padding:0 3rem; position: relative;    width: auto; 
    text-align: center;}
	.main_beginning_process_item:after { content: '\e948'; font-family: 'nc-font'; width: 3rem; height: 3rem; background: #000; display: block; border-radius: 50%; color: #fff; font-size: 1.6rem; line-height: 3rem; position: absolute; top: 50%; right: 0; margin-top: -1.5rem; margin-right:-1.5rem;display:none; }
	.main_beginning_process_item:first-child {padding-left: 0;}
	.main_beginning_process_item:last-child {padding-right: 0;}
	.main_beginning_process_item:last-child:after {display: none;}
	.main_beginning_process_item > figure { background: #f8f8f8;    margin: 1.5rem;
    border-radius: 50%;
        width: 12.5rem;
    height: 12.5rem; margin-bottom: 0; position: relative;}
	.main_beginning_process_item:nth-child(2) > figure {  }
	.main_beginning_process_item:nth-child(3) > figure {}
	.main_beginning_process_item > span { font-size: 1.6rem; display: inline-block; margin-top: 2rem; }
	.main_beginning_process_item > span:before { margin-right: 0.4rem;}
	.main_beginning_process_item > span:after { display: none; }
	.main_beginning_process_item > span br {display: none;}
	.main_beginning_btn { margin-top: 4rem; }


.subVis h2{ position: relative; line-height: 500px; text-align: center; font-size: 70px;margin:0 auto;font-family: 'NotoSanskr', '맑은 고딕', 'Malgun Gothic', sans-serif;
z-index:2; 
	

    font-family: 'Montserrat', 'NotoSansKR', sans-serif;
    font-weight: 900;

	/*background: linear-gradient(to right, #f00, #00f);
    
    -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
 -webkit-text-stroke:1px #fff;*/
}


.info .subVis, .culture .subVis, .beauty .subVis, .cancer .subVis, .community .subVis, .news .subVis {
    position: relative;
    height: 400px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-top: 108px;
    overflow: hidden;
}


.subVis::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.subVis::before{ opacity: 0;
	transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-webkit-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
}


.info .subVis::before{background-image: url(/img/visual_2.jpg);}
.culture .subVis::before{background-image: url(/img/visual_1.jpg);}


.subVis.active::before{
	opacity: 1;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);

}

.subVis h2 span{ position: relative;  text-align: center; font-size: 70px;margin:0 auto;font-family: 'NotoSanskr', '맑은 고딕', 'Malgun Gothic', sans-serif;
z-index:2; 
	

       font-family: 'Montserrat', 'NotoSansKR', sans-serif;
    font-weight: 900;

	/*background: linear-gradient(to right, #f00, #00f);
    
    -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
 -webkit-text-stroke:1px #fff;*/
}



.subVis h2 span:after{
    content: '';
    position: absolute;
    width: 0%;
    height: 12px;
    left: 50%;
    bottom: 10px;
    background: #1d3661;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.subVis h2.off span:after{
    content: "";
    position: absolute;
    width: 100%;
    margin-left: -50%;
	z-index:-1;
}


/* FORM */
	.nc_frm { /* background:#f8f8f8 */ /*max-width: 64rem;*/}
	.nc_frm__wrap { /*max-width: 79rem;*/  margin: auto; padding: 0;}
	.nc_frm__wrap + .nc_frm__wrap { margin-top: 3.5rem; }
	.nc_frm__wrap + .wrap_private { margin-top: 3.5rem; }
	.nc_frm__wrap + .nc-accordion {margin-top: 5.5rem;}
	.nc_frm__wrap--secondary { border-top: 0; padding-bottom: 3.5rem; margin-bottom: 3.5rem;}
	.nc_frm__data {margin-bottom: 1.5rem;}
    .nc_frm__data.nc_frm__data-empty {font-size: 1.4rem;padding: 2.5rem;}
	.nc_frm__label { font-size: 1.5rem;    display: inline-block;/*padding: 13px 0; */
    vertical-align: -webkit-baseline-middle;}
	.nc_frm__label br {display: none;}
	.nc_frm__text { line-height: 5rem; }

#nc_frm-mypage-edit-step-02 .nc-frm__field-wrap--icheck {
	margin-top: .8rem;
    margin-bottom: 2.5rem;
}
#nc_frm-mypage-edit-step-02 .nc_frm__data {
    margin-bottom: 3.5rem;
}

#nc_frm-mypage-edit-step-02 .nc_frm__data.nc_frm__data-auth-group--tel {
    margin-bottom: 1.5rem;
}


	.nc_frm__field {height: 5rem;}
	.nc_frm__field--small {max-width: 20rem;}
	html.android input.nc_frm__field {max-height: none; height: 5rem;}
	html.safari .nc_frm__field {padding-top: 1.3rem; padding-bottom: 1rem;}
	.nc_frm__field[data-type="number"] + .nc_frm__clear-btn {display: none;}
	.nc_frm__field-btn { height: 5rem; font-size: 1.4rem; padding: 1.3rem 2rem; transition: background 0.3s; -webkit-transition: background 0.3s;}
	.nc_frm__field-btn--large { width: 12rem; padding: 0 1.6rem; }
    .nc_frm__field-text-limit {font-size: 1.4rem;}
	.nc_frm__field-btn--block {margin-top: 1.6rem;}
	.nc_frm__action,.nc_frm__action2, .nc_frm__action--type-02 { max-width: 25rem; transition: border 0.3s, color 0.3s, background 0.3s; -webkit-transition: border 0.3s, color 0.3s, background 0.3s;}
	html.desktop .nc_frm__action:hover {border-color:#142143; background:#142143; color: #fff;}
	html.desktop .nc_frm__action2:hover {border-color:#0b152f; background:#0b152f; color: #fff;}
    html.desktop .nc_frm__action--type-02:hover { background: #142143; color: #fff; border-color:#142143;}
	html.desktop .nc_frm__field-btn:hover { background: #d2d2d2; border-color: #d2d2d2;}
	.nc_frm__action--full {max-width: none;border-radius: 5px;}
	.nc_frm__control { text-align: center; height: 6rem; margin-top: 3rem;}
	.wrap .nc_frm__control {margin-left: auto; margin-right: auto;}

	.nc_frm__field:disabled + .nc_frm__field-btn:hover { border-color: #666; background: #666; }
	.nc_frm__field:disabled + .nc_frm__clear-btn + .nc_frm__field-btn:hover { border-color: #666; background: #666; }
	.nc_frm__field:read-only + .nc_frm__field-btn:hover { border-color: #666; background: #666; }
	.nc_frm__field:read-only + .nc_frm__clear-btn + .nc_frm__field-btn:hover { border-color: #666; background: #666;}

	.nc_frm__explain { font-size: 1.3rem; margin-top: 0.8rem; }
	.nc_frm__explain br { display: none; }

	.nc_frm__info-link {margin-top: 0.9rem;}
    .nc_frm__info-link-text {font-size: 1.4rem}
    .nc_frm__info-link-icon {width: 1.4rem; height: 1.3rem; top: 0.1rem;}
    .nc_frm__info-link-icon:after {font-size: 1.3rem;}

	.nc-icheck__label {width: 33.33%;}
	.nc-icheck__label--full {width: 100%;}
	.nc-icheck__label--full + .nc-icheck__label--full { margin-top: 1.2rem; }
	div[class^="nc-icheck--"] + span {font-size: 1.4rem; margin-top: -0.2rem;}
	div[class^="nc-icheck--"] + span br { display: none; }

	.nc_frm__field-wrap + .nc_frm__field-wrap--icheck { margin-top: 1.6rem;    margin-left: 17.5rem; }

	.nc_frm__field-wrap--icheck-with-img .nc-icheck__label { width: calc(33.33% - 0.8rem); margin-right: 1.2rem; }
	.nc_frm__field-wrap--icheck-with-img .nc-icheck__label:nth-child(-n+3) { margin-top: 0; }
	.nc_frm__field-wrap--icheck-with-img .nc-icheck__label:nth-child(2n) { margin-right: 1.2rem; }
	.nc_frm__field-wrap--icheck-with-img .nc-icheck__label:nth-child(3n) { margin-right: 0; }

	.nc_frm__wrap--set-noti .nc-icheck__label { width: 33.33%; margin-top: 1.3rem; }
	.nc_frm__wrap--set-noti .nc-icheck__label + .nc-icheck__label {margin-top: 1.3rem}
	.nc_frm__wrap--set-noti .nc-icheck__label:nth-child(-n+3) {margin-top: 0;}

	.nc_frm__data--file-multi .nc-file-upload__wrapper {width: calc(100% - 7rem);}
	.nc-file-upload__btn { height: 5rem; font-size:1.4rem; transition: color 0.3s background 0.3s; -webkit-transition: color 0.3s background 0.3s;}
	.add_file, .del_file {width: 6.5rem; height: 5rem; font-size: 1.4rem; padding: 1.4rem 1rem; transition: background 0.3s; -webkit-transition: background 0.3s;}
	.form_control_wrap + .form_control_wrap {margin-top: 0.8rem;}
	html.desktop .nc-file-upload__btn:hover {background: #173652; border-color: #173652; }
	html.desktop .nc-file-upload__btn.nc-file-upload--delete:hover {background: rgba(108, 155, 197, .2); border-color: #ddd; }
	html.desktop .add_file:hover,
	html.desktop .del_file:hover {background: rgba(108, 155, 197, .2);}

	.nc_frm__file-list-item { font-size: 1.4rem; display: inline-block; margin-right: 2rem; transition: all 0.3s; }
    .nc_frm__file-list-link { transition: color 0.3s, border-color 0.3s;}
    .nc_frm__file-list-delete { transition: color 0.3s, border-color 0.3s;}

	html.desktop .nc_frm__file-list-link:hover {border-color: #666;}
	html.desktop .nc_frm__file-list-delete:hover {color: #eb0808;}


	::-webkit-input-placeholder {font-size: 1.5rem;}
	::-moz-placeholder {font-size: 1.5rem;}
	:-ms-input-placeholder {font-size: 1.5rem;}

	html.safari	::-webkit-input-placeholder {position: relative; top: -0.2rem;}
	html.safari ::-moz-placeholder {position: relative; top: -0.2rem;}
	html.safari :-ms-input-placeholder {position: relative; top: -0.2rem;}

	.nc_frm__data-auth-limit { font-size: 1.4rem; top: 1.5rem; right: 11.4rem; }
	.nc_frm__data-auth-info { margin-top: 1.2rem; }
	.nc_frm__data-auth-info-link { font-size: 1.4rem; }
	.nc_frm__data-auth-info-icon:after { font-size: 1.3rem; }
	.nc_frm__data-auth-info-icon { width: 1.4rem; height: 1.3rem; top: 0.1rem; }
	html.ie11 .nc_frm__data-auth-info-icon {top: 0.3rem;}

	.nc_frm__data.nc_frm__data--auth .nc_frm__field-wrap--icheck {margin-top: 2rem;}

	.nc_frm__data-auth-group--tel .nc_frm__field {width: -webkit-calc(100% - 8.99rem);width: calc(100% - 8.99rem);}
	.nc_frm__data-auth-group--tel .nc_frm__field-btn { width: 10rem; }
	.nc_frm__data-auth-group--code .nc_frm__field {width: -webkit-calc(100% - 9.9rem);width: calc(100% - 9.9rem);}
	.nc_frm__data-auth-group--code .nc_frm__field-btn { width: 10rem; }
	.nc_frm__data--edit .nc_frm__field {width: -webkit-calc(100% - 9.9rem);width: calc(100% - 9.9rem);}
	.nc_frm__data--edit .nc_frm__data-auth-group--tel .nc_frm__field {width: -webkit-calc(100% - 9.9rem);width: calc(100% - 9.9rem);}
	html.ie11 .nc_frm__data-auth-group--tel .nc_frm__field {width: -webkit-calc(100% - 15rem);width: calc(100% - 15rem);}
	html.ie11 .nc_frm__data-auth-group--code .nc_frm__field {width: -webkit-calc(100% - 10rem);width: calc(100% - 10rem);}
	html.ie11 .nc_frm__data--edit .nc_frm__field {width: -webkit-calc(100% - 10rem);width: calc(100% - 10rem);}
	html.safari .nc_frm__data-auth-group--tel .nc_frm__field {width: calc(100% - 14.98rem);}
	html.safari .nc_frm__data-auth-group--code .nc_frm__field {width: calc(100% - 10rem);}

	.nc_frm__data-auth-group + .nc_frm__field-wrap {margin-top: 1.6rem;}

	.nc_frm__data--datetime { /* padding-right: 12.8rem; */ }
	.nc_frm__data-datetime-group { width: calc(50% - 1.5rem); display: 	inline-block; vertical-align: top; }
	.nc_frm__data-datetime-separator { display: inline-block; vertical-align: 	middle; width: 3rem; line-height: 5.7rem; }

	.nc_frm__separator { max-width: 100%; margin: 3rem auto; }

	.nc_frm__btn-wrap { max-width: 100%; margin-left: auto; margin-right: auto; }
	.nc_frm__btn-wrap--top .nc_frm__btn { padding: 1.7rem 0; }
	.nc_frm__btn-wrap--count-2 { max-width: 65rem; margin-left: auto; margin-right: auto; }
	.nc_frm__btn { font-size: 1.5rem; height: 6rem; padding: 1.7rem 1rem; transition: border 0.3s, color 0.3s, background 0.3s; -webkit-transition: border 0.3s, color 0.3s, background 0.3s;border-radius: 5px;}
	
	html.desktop .nc_frm__btn:hover { background:#009761; border-color: #009761; color: #fff; }
	html.desktop .nc_frm__btn--type-02:hover { background: #999; border-color: #999; color: #fff; }

	.nc_frm__btn-wrap--count-2 .nc_frm__btn--delete {width: 18rem;}
	.nc_frm__btn-wrap--count-2 .nc_frm__btn--edit { width: -webkit-calc(100% - 20rem); width: calc(100% - 20rem); }
	.nc_frm__btn-wrap--count-2 .nc_frm__btn--reapply { width: -webkit-calc(100% - 20rem); width: calc(100% - 20rem); }
	.nc_frm .nc_frm__btn-wrap--count-2 { margin-top: 6rem; }

	.nc_frm__btn--map:after {display: inline-block;}

	.nc_frm__btn-title { font-size: 1.3rem; }

	.nc_frm__password-toggle-btn {top: 1.3rem; height: 2.6rem;}
	.nc_frm__password-toggle .nc_frm__clear-btn { top: 1.4rem; }
	.nc_frm__clear-btn {top: 1.4rem;}
	html.ie11 .nc_frm__clear-btn {top: 1.5rem;}

	.nc_frm__field[maxlength] + .nc_frm__clear-btn { right: 6.1rem; top:	1.5rem; }
    .id-search-form .nc_frm__field[maxlength] + .nc_frm__clear-btn { right: 1.1rem; top:	1.2rem; }


	.nc_frm-message__desc { font-size: 1.4rem; }
    .nc_frm-message__link {font-size:1.3rem;}

	.nc_frm .nc-accordion__questions { font-size: 1.6rem;}
	.nc_frm .nc-accordion .nc-accordion__content-inner {padding: 2.8rem;}
	.nc_frm .nc-separator {display: none;}
	.nc_frm .nc-separator.nc-xl-separator {display: block; margin-top: 6rem; margin-bottom: 0;}

.nc-separator {
    height: 0.1rem;
    background: #eee;
    border-top: 0.1rem solid #ddd;
}


	.nc_frm-banner {margin-left: auto; margin-right: auto;}

	.nc_frm-header { max-width: 100%; margin-left: auto; margin-right: auto; /* border-bottom: 0.1rem solid #ddd; */ padding-bottom: 3rem; margin-bottom: 3.2rem; }
	.nc_frm-header__title,
	.nc-single__content h3.nc_frm-header__title{font-size: 2.8rem;}
	.nc_frm-header__desc,
	.nc-single__content p.nc_frm-header__desc{font-size: 1.6rem; margin-top: 1.4rem;}
	.nc_frm-header__button { position: absolute; bottom: 2.5rem; right: 0; margin-top: 0; margin-bottom: 0; font-size: 1.5rem; padding: 1.5rem 1.6rem; min-width: 15.2rem; transition: color 0.3s, border 0.3s, background 0.3s;}
	html.desktop .nc_frm-header__button:hover {border-color: #173652; background: #173652; color: #fff;}

	/* .nc-single__content .nc_frm-header h3.nc_frm-header__title {font-size: 2.8rem;} */

	.nc_frm-header + .nc-message { margin-bottom: 4rem; }
	.nc_frm-header__profile {width: 12rem; height: 12rem; margin-top: 4.5rem;}

	.nc_frm-sub-header {padding-top: 6rem;}
	.nc_frm-sub-header__title {font-size: 2rem;}
	.nc_frm-sub-header__desc {font-size: 1.4rem; margin-top: 1rem;}
	.nc_frm-sub-header__desc br { display: none; }

	.nc_frm-sub-header .nc-message {margin-top: 2.5rem;}

	.nc_frm__agree {  /*max-width: 64rem;*/ margin-left: auto; margin-right: auto; padding-top: 1.5rem; }

    .nc_frm__title-label {font-size: 1.8rem; margin-top: 6rem; margin-bottom: 2.2rem;}

	.nc_frm-social-agree { /*max-width: 64rem;*/ margin-left: auto; margin-right:	auto; padding: 2.8rem 2.8rem; margin-top: 4rem; margin-bottom: 4.6rem; }
	.nc_frm-social-agree__desc { font-size: 1.4rem; }

	.nc_frm__go-to {max-width: 64rem; margin-left: auto; margin-right: auto; font-size: 1.5rem;}

	.nc_frm__info-text { /*max-width: 64rem;*/ margin-left: auto; margin-right: auto; font-size: 1.4rem;}
	.nc_frm__info-text br {display: none;}

	.nc-accordion--with-icheck .nc-accordion__title { padding: 2.2rem 0 1.7rem; }
	.nc-accordion--with-icheck div[class^="nc-icheck--"] + span {margin-top: 0;}

	.nc_frm-complete { position: relative; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; padding: 8rem 0 10rem; border-top: 0; margin-top: 0; border-bottom: 0; }
	.nc_frm-complete_inner { border-bottom: 0.1rem solid #ddd; }
	.nc_frm-complete__title { font-size: 2.8rem; font-weight: 500; }
	.nc_frm-complete__desc { font-size: 1.5rem; }
	.nc_frm-complete__button { margin-top: 5.5rem; width: 25rem; }

	.nc_frm-confirm { max-width: 64rem; margin-left: auto; margin-right: auto; margin-top: 0; padding: 3rem; }
	.nc_frm-confirm__title { font-size: 1.3rem; }
	.nc_frm-confirm__email { font-size: 1.8rem; }
	.nc_frm-confirm__info br { display: none; }
	.nc_frm-confirm__desc { font-size: 1.3rem; }
	.nc_frm-confirm__copy-btn { font-size: 1.4rem; padding: 0.6rem 1.1rem; margin-top: -1.7rem; transition: background 0.3s; -webkit-transition: background 0.3s;}
	.nc_frm__copynote { left: 50%; transform: none; padding: 1.7rem 1rem; margin-left: -25rem; position: fixed; bottom: 8.5rem; max-width: 50rem;}
	html.desktop .nc_frm-confirm__copy-btn:hover { background: rgba(108, 155, 	197, .2); }

	.nc_frm__application-closed {padding: 4rem 0 6.5rem;}
	.nc_frm__application-closed i:after {font-size: 3rem;}
	.nc_frm__application-closed-text { font-size: 1.6rem; }

	.nc-contact-list {margin-top: 5.5rem; margin-bottom: 3.5rem;}
	.nc-contact-list__item { padding: 0.5rem 0 0.5rem 1.8rem; }
    .nc-contact-list__item:before {font-size:1.2rem; top: 1rem;}
    .nc-contact-list__title {font-size:1.5rem;}
    .nc-contact-list__title:after {height:1rem; top:0.7rem;}
    .nc-contact-list__content {font-size:1.5rem;}
	html.ie11 .nc-contact-list__item:before {top: 0.8rem;}

    .nc_frm-select-bank__info-title {width:7rem; font-size:1.5rem;}
    .nc_frm-select-bank__info-content {font-size:1.5rem;}
    .nc_frm-selected-bank__info {font-size:1.4rem;}
    .nc_frm-selected-bank__link {font-size:1.3rem; transition: color 0.3s, border-color 0.3s; -webkit-transition: color 0.3s, border-color 0.3s;}
	.nc_frm-select-bank__link { transition: background 0.3s; -webkit-transition: background 0.3s; }
	html.desktop .nc_frm-select-bank__link:hover {background: #d2d2d2;}
	html.desktop .nc_frm-selected-bank__link:hover {color: #173652; border-color: #173652;}

	.nc-blockquote {margin-left: 0; margin-right: 0;}
	.nc-blockquote__link {font-size: 1.3rem;}

    .page-template-adminstration-service-form .nc-blockquote {margin-left:0; margin-right:0;}

    .nc_frm__valid-message {font-size:1.4rem; padding-left:1.4rem;}
    .nc_frm__valid-message:before {font-size:1.6rem;}
    .nc_frm__error {font-size:1.4rem;margin-left: 17.4rem;}


#nc-login-form .nc_frm__error {
    font-size: 1.4rem;
    margin-left: 0rem;
}

	.nc_frm__wrap--basic-info .nc_frm__explain { margin-top: 2rem; }


.nc_frm-header { max-width:  68.8rem; margin-left: auto; margin-right: auto; /* border-bottom: 0.1rem solid #ddd; */ padding-bottom: 3rem; margin-bottom: 3.2rem; }
	.nc_frm-header__title,
	.nc-single__content h3.nc_frm-header__title{font-size: 2.8rem;}
	.nc_frm-header__desc,
	.nc-single__content p.nc_frm-header__desc{font-size: 1.6rem; margin-top: 1.4rem;}
	.nc_frm-header__button { position: absolute; bottom: 2.5rem; right: 0; margin-top: 0; margin-bottom: 0; font-size: 1.5rem; padding: 1.5rem 1.6rem; min-width: 15.2rem; transition: color 0.3s, border 0.3s, background 0.3s;}
	html.desktop .nc_frm-header__button:hover {border-color: #173652; background: #173652; color: #fff;}

.nc_frm-header__title{
display:none;	
}	

.edit .nc_frm-header__title{
display:block;	
}	

.modal_page .nc_frm-header__title{
display:block;	    font-family: "gmarket",sans-serif;
    font-weight: 600;
}	

	/* .nc-single__content .nc_frm-header h3.nc_frm-header__title {font-size: 2.8rem;} */

	.nc_frm-header + .nc-message { margin-bottom: 4rem; }
	.nc_frm-header__profile {width: 12rem; height: 12rem; margin-top: 4.5rem;}

	.nc_frm-sub-header {padding-top: 6rem;}
	.nc_frm-sub-header__title {font-size: 2rem;}
	.nc_frm-sub-header__desc {font-size: 1.4rem; margin-top: 1rem;}
	.nc_frm-sub-header__desc br { display: none; }

	.nc_frm-sub-header .nc-message {margin-top: 2.5rem;}

	.nc_frm__agree { /*max-width: 64rem;*/ margin-left: auto; margin-right: auto; padding-top: 1.5rem; }

    .nc_frm__title-label {font-size: 1.8rem; margin-top: 6rem; margin-bottom: 2.2rem;}

	.nc_frm-social-agree { margin-left: 17.5rem;
    margin-right: auto;
    padding: 2.8rem;
    margin-top: 4rem;
    margin-bottom: 4.6rem;
}
	.nc_frm-social-agree__desc { font-size: 1.4rem; }

	.nc_frm__go-to {max-width: 100%; margin-left: auto; margin-right: auto; font-size: 1.5rem;}

	.nc_frm__info-text {max-width: 100%; margin-left: auto; margin-right: auto; font-size: 1.4rem;}
	.nc_frm__info-text br {display: none;}

	.nc-accordion--with-icheck .nc-accordion__title { padding: 2.2rem 0 1.7rem; }
	.nc-accordion--with-icheck div[class^="nc-icheck--"] + span {margin-top: 0;}

	.nc_frm-complete { position: relative; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; padding: 8rem 0 10rem; border-top: 0; margin-top: 0; border-bottom: 0; }
	.nc_frm-complete_inner { border-bottom: 0.1rem solid #ddd; }
	.nc_frm-complete__title { font-size: 2.8rem; font-weight: 500; }
	.nc_frm-complete__desc { font-size: 1.5rem; }
	.nc_frm-complete__button { margin-top: 5.5rem; width: 25rem; }

	.nc_frm-confirm { max-width: 64rem; margin-left: auto; margin-right: auto; margin-top: 0; padding: 3rem; }
	.nc_frm-confirm__title { font-size: 1.3rem; }
	.nc_frm-confirm__email { font-size: 1.8rem; }
	.nc_frm-confirm__info br { display: none; }
	.nc_frm-confirm__desc { font-size: 1.3rem; }
	.nc_frm-confirm__copy-btn { font-size: 1.4rem; padding: 0.6rem 1.1rem; margin-top: -1.7rem; transition: background 0.3s; -webkit-transition: background 0.3s;}
	.nc_frm__copynote { left: 50%; transform: none; padding: 1.7rem 1rem; margin-left: -25rem; position: fixed; bottom: 8.5rem; max-width: 50rem;}
	html.desktop .nc_frm-confirm__copy-btn:hover { background: rgba(108, 155, 	197, .2); }

.main_container {
    /* padding-top: 13.8rem; */
    min-height: -webkit-calc(100vh - 48.4rem);
    min-height: calc(100vh - 48.4rem);
    padding-bottom: 16rem;
}
.sub .main_container{
    padding-bottom: 14rem;
}

.steps_nav {width:100%; margin-bottom: 14px;}
.steps {display: table; font-size: 0; line-height: 1; width:100%;}
.steps > li {display: table-cell; width:32.8%; text-align: center; border-bottom: 3px solid #e5e5e5; position: relative; margin-right:0.8%; padding: 24px 0; vertical-align: top;letter-spacing: -0.023rem;}
.steps > li:after{font-family:'nc-font'; content:'\E83C'; display: block; position: absolute; top: 50%; right:-10px; margin-top: -6px; color: #e5e5e5; width: 20px; height: 12px; font-size: 12px;}
.steps > li:last-child {margin-right:0;}
.steps > li:last-child:after {display: none;}
.steps > li span:first-child {font-size:20px; font-weight: 500; padding-right: 16px;}
.steps > li span {color: #e5e5e5; font-size:17px; line-height: 1.3; font-weight: 500;}
.steps > li.active {border-color: #009761;}
.steps > li.active span {color:#009761;    letter-spacing: -0.173rem;}
.steps_title {font-size:20px; font-weight: 400; color:#8B7E5B; margin-bottom: 16px;}	

}

.Top_area {
    position: relative;
}
.Top_area .indicatorD{width: 100%;
    height: 60px;
    position: absolute;
    border-bottom: 0px solid #ddd;
    z-index: 100;
    bottom: 0px;}
.indicatorD:after{content:''; display:block; clear:both;}
.indicatorD .indicator{width:calc(115rem - 60px); display:table; margin:0 auto; table-layout:fixed;}
.indicatorD .indicator > div.home{width:60px;}



.indicatorD .indicator > div.home a:after {
    content: '\E92C';
}
.indicatorD .indicator > div.home a:after {
    content: '\E92C';
    font-family: 'nc-font';
    display: inline-block;
    vertical-align: top;
    font-size: 1.8rem;
    color: #222;
	width:60px;
	height:60px;
    font-style: normal;
	font-weight:normal;
}


.indicatorD .indicator > div{display:table-cell; vertical-align:middle;    width: calc(60rem - 30px);}
.indicatorD .indicator > div > a{display:block; box-sizing:border-box; line-height:59px; text-align:center; font-size:18px; color:#333; font-family:'NotoSanskr'; border-left:1px solid #e3e3e3; background:#fff; border-bottom:1px solid #e3e3e3; height:60px;letter-spacing: -0.01em;    font-size: 1.8rem;
    font-weight: 600;}
.indicatorD .indicator > div:first-child > a{border-left:none;}
.indicatorD .indicator > div.on > a{border-left:none; color:#fff; border-bottom:none; background:#92613E; height:60px}
.indicatorD .indicator > div.on.on2 > a{background:#92613E;}
.indicatorD .indicator > div.on + div a{border-left:none;}
.indicatorD.type2{border:none;position: absolute; z-index:1;}
.indicatorD.type2 .indicator > div > a{border-bottom:none; line-height:60px}




.indicatorD.depth2:after{content:''; display:block; clear:both;}
.indicatorD.depth2 .indicator{width:calc(115rem - 60px); display:table; margin:0 auto; table-layout:fixed;}
.indicatorD.depth2 .indicator > div.home{width:60px;}




.indicatorD.depth2 .indicator > div.home a:after {
    content: '\E92C';
}
.indicatorD.depth2 .indicator > div.home a:after {
    content: '\E92C';
    font-family: 'nc-font';
    display: inline-block;
    vertical-align: top;
    font-size: 1.8rem;
    color: #fff;
	width:60px;
	height:60px;
    font-style: normal;
	font-weight:normal;
}


.indicatorD.depth2 .indicator > div{display:table-cell; vertical-align:middle;    width: calc(60rem - 30px);}
.indicatorD.depth2 .indicator > div > a{display:block; box-sizing:border-box; line-height:59px; text-align:center; font-size:18px; color:#333; font-family:'NotoSanskr'; border-left:1px solid #e3e3e3; background:#fff; border-bottom:1px solid #e3e3e3; height:60px;letter-spacing: -0.01em;    font-size: 1.3rem;
    font-weight: 600;}
.indicatorD.depth2 .indicator > div:first-child > a{border-left:none;}
.indicatorD.depth2 .indicator > div.on > a{border-left:none; color:#fff; border-bottom:none; background:#92613E; height:60px}
.indicatorD.depth2 .indicator > div.on.on2 > a{background:#92613E;}
.indicatorD.depth2 .indicator > div.on + div a{border-left:none;}
.indicatorD.type2{border:none;position: absolute; z-index:1;}
.indicatorD.type2 .indicator > div > a{border-bottom:none; line-height:60px}

.indicatorD.depth2 .indicator > div.home > a{

background:#1d3661;
}


.xwrap {
    max-width: 115rem;
    margin: 0 auto;
}
.sub_bread_menu{position:relative}
	.sub_bread_menu > li, .sub_bread_menu > li > a{display:none}




	.sub_bread_menu > li:last-child{display:block}
	.sub_bread_menu > li > ul{display: block;margin-left: 0px}
	.sub_bread_menu > li > ul:after{content:'';display:block;clear:both}
	.sub_bread_menu > li > ul > li{float: left;position: relative;border-bottom: 3px solid #dae1e6;}
	.sub_bread_menu > li > ul > li > a{display: block;
    padding: 20px 0;
    color: #222;
    font-size: 1.6rem;
    line-height: 1.2;
    line-height: 1.5;
    letter-spacing: -0.025em;
    text-indent: -0.025em;
   font-weight:500;text-align: center;
}
	.sub_bread_menu > li > ul > li.act > a, .sub_bread_menu > li > ul > li > a:hover{color:#009761}


.sub_bread_menu > li > ul > li:before {
    content: '';
    display: block;
    width: 2px;
    height: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 0;
    background: #e3e3e3;
}

.sub_bread_menu > li > ul > li:first-child:before {
    content: '';
    display: none;
    width: 2px;
    height: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 0;
    background: #e3e3e3;
}

.sub_bread_menu > li > ul > li.act {
    border-bottom: 3px solid #009761
}


	.sub_bread_menu > li > ul > li.act:after {
    
	
	content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -18px;
    margin-left: -9px;
    border: 9px solid #009761;
    /* border-bottom-color: #481F2E; */
    -webkit-transition: all 300ms;
    transition: all 300ms;
    border-left-color: transparent;
    border-right-color: transparent;
   /* border-bottom-color: transparent;*/


	content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -6px;
    border: 6px solid #009761;
    /* border-bottom-color: #481F2E; */
    -webkit-transition: all 300ms;
    transition: all 300ms;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
	
}
.sub_bread_menu > li > ul.tab_2 > li { width:50%;}
.sub_bread_menu > li > ul.tab_3 > li { width:33.333333%;}
.sub_bread_menu > li > ul.tab_4 > li { width:25%;}
.sub_bread_menu > li > ul.tab_5 > li { width:20%;}
.sub_bread_menu > li > ul.tab_6 > li { width:16.6666%;}



.sub_bread_menu.sigle_tab > li, .sub_bread_menu.sigle_tab > li > a{display: block;}
	.sub_bread_menu.sigle_tab > li{float: left;margin-right:30px}
	.sub_bread_menu.sigle_tab > li > a{display:block;position: relative;font-size:20px;font-weight: 700;color:#000;padding:5px 5px;line-height:1;letter-spacing: -1px;-webkit-transition:color 0.3s ease;transition:color 0.3s ease}

@media (max-width:970px){
.sub_bread_menu > li > ul > li > a {
    font-size: 14px;
}
.sub_bread_menu > li > ul > li:before {
    content: '';
    display: none;
    width: 2px;
    height: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 0;
    background: #e3e3e3;
}
}

@media (min-width: 1902px){

#tab_menu li a {
      font-size: 18px;
    padding: 3.5rem 1.7rem 2.3rem;
}
#tab_menu > li > ul > li:first-child a{
   font-size: 1.4rem;
}
#tab_menu > li > ul > li a{
   font-size: 1.4rem;
}

.oneone1 figure {
    background: #f8f8f8;
    border-radius: 50%;
    width: 10rem;
    height: 10rem;
    position: absolute;
    /* margin: 0 auto; */
    right: 10px;
    bottom: 10px;
	display:none;
}

}
@media (max-width: 1024px){
.indicatorD .indicator {
    width: 100%;
    display: table;
    margin: 0 auto;
    table-layout: fixed;
}



.nc-form-header {padding-top: 1.3rem;margin-bottom: 1.8rem;position: relative;}
.nc-single__content .nc-form-header{padding-top: 0rem;}
.nc-form-header__title,
.nc-single__content h3.nc-form-header__title{font-size: 2rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.065em; color: #222;}
.nc-form-header__title-inner,
.nc-single__content h3.nc-form-header__title-inner{line-height: 1.2;}
.nc-form-header__title-point {font-weight: 600;-webkit-box-shadow: inset 0 -1.2rem 0 0  rgb(218 225 230 / 50%);box-shadow: inset 0 -1.2rem 0 0  rgb(218 225 230 / 50%);}
.single-_formdata .nc-form-header__title {padding-right: 8rem;}
.single-_formdata .nc-form-header__title p {margin-top: 0.3rem;}
/* .nc-form-header__title-point:after {content: '';display: block;width: 100%;height: 1.2rem;background: #d2e5f6;position: absolute;bottom: 0.2rem;left: 0;z-index: -1;} */
.nc-form-header__title-bold {font-weight: 600;}
.nc-form-header__desc,
.nc-single__content p.nc-form-header__desc{font-size: 1.4rem;font-weight: 400;letter-spacing: -0.04em;color: #666;display: block;margin-top: 0.8rem;line-height: 1.58;}
.nc-form-header__desc--point {color: #0f4c82;}
.nc-form-header__state {display: table;width: 6.8rem;height: 6.8rem;border-radius: 50%;background: #eee;text-align: center;position: absolute;top: 50%;right: 0; margin-top: -1.7rem;}
.nc-form-header__state-text {display: table-cell;vertical-align: middle;line-height: 1.25;font-size: 1.2rem;letter-spacing: -0.025em;font-weight: 600;color: #0f4c82;}
.nc-form-header__button { padding: 1.4rem 1.7rem; font-size: 1.3rem; margin-top: 1.2rem; margin-bottom: 1.2rem; }


.indicatorD.depth2:after{content:''; display:block; clear:both;}
.indicatorD.depth2 .indicator{width:calc(100% - 30px); display:table; margin:0 auto; table-layout:fixed;}
.indicatorD.depth2 .indicator > div.home{width:60px;}




.indicatorD.depth2 .indicator > div.home a:after {
    content: '\E92C';
}
.indicatorD.depth2 .indicator > div.home a:after {
    content: '\E92C';
    font-family: 'nc-font';
    display: inline-block;
    vertical-align: top;
    font-size: 1.2rem;
    color: #fff;
	width:60px;
	height:60px;
    font-style: normal;
	font-weight:normal;
}

.Top_area .indicatorD {
    z-index:10;

}
.indicatorD.depth2 .indicator > div{display:table-cell; vertical-align:middle;    width: calc(50% - 30px);}
.indicatorD.depth2 .indicator > div > a{display:block; box-sizing:border-box; line-height:59px; text-align:center; font-size:18px; color:#333; font-family:'NotoSanskr'; border-left:1px solid #e3e3e3; background:#fff; border-bottom:1px solid #e3e3e3; height:60px;letter-spacing: -0.01em;    font-size: 1.2rem;
    font-weight: 600;}
.indicatorD.depth2 .indicator > div:first-child > a{border-left:none;}
.indicatorD.depth2 .indicator > div.on > a{border-left:none; color:#fff; border-bottom:none; background:#92613E; height:60px}
.indicatorD.depth2 .indicator > div.on.on2 > a{background:#92613E;}
.indicatorD.depth2 .indicator > div.on + div a{border-left:none;}
.indicatorD.type2{border:none;position: absolute; z-index:1;}
.indicatorD.type2 .indicator > div > a{border-bottom:none; line-height:60px}

.indicatorD.depth2 .indicator > div.home > a{

background:#1d3661;
}

.wrap .agreement-form {margin-top: 0px; width: 100%; padding: 30px;}
.wrap .agreement-form > ul > li:first-child {border-bottom: 1px solid #e5e5e5; padding: 0 0px 30px; margin: 0 -30px;}
.wrap .agreement-form > ul > li:not(:first-child) {margin-top: 20px;}
.wrap .agreement-form > ul > li:not(:first-child) > label {width: 80%; font-size: 1.55rem;}
.wrap .agreement-form > ul > li:nth-child(2) {margin-top: 30px;}
.wrap .agreement-form > ul > li:last-child {margin-bottom: 30px;}
.wrap .agreement-form > ul > li > label {display: inline-block; width: 80%; margin-right: 0; padding: 0; vertical-align: middle; font-size: 12px; color: #222; font-weight: 500; word-break: keep-all; cursor: pointer;}
.wrap .agreement-form > ul > li > label > i {display: inline-block; vertical-align: middle; margin-right: 14px;}
.wrap .agreement-form > ul > li > label > div {display: inline-block; vertical-align: middle; font-size: 1.55rem;}
.wrap .agreement-form > ul > li > label > span {color: #ff4d29; font-size: 1.55rem;}

.wrap .agreement-form > ul > li > label > span.optional {color: #2557e1;}
.wrap .agreement-form > p {border-top: 1px solid #e5e5e5; padding: 30px 30px 0; margin: 0 -30px; text-align: center; font-size: 14px; color: #777; line-height: 1.6;}
.wrap .agreement-form > div {margin-top: 30px;}
.agreement-form>ul>li>button {
    font-size: .75rem;    background-color: transparent;
}
.agreement-form [type=button],.agreement-form [type=reset],.agreement-form [type=submit], .agreement-form button {
    -webkit-appearance: button;
}
.agreement-form>ul>li>button {
    display: inline-block;
    width: 20%;
    text-align: right;
    font-size: 12px;
    color: #777;
    text-decoration: underline;
}
.wrap .agreement-form {
    margin-top: 0px;
    width: 100%;
    padding: 30px;
}
.agreement-form label.checkbox>input[type=checkbox]+i.icon {
    background-image: url(../img/agree-icon-check.png);
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: .5rem;
    cursor: pointer;
}
.agreement-form label.checkbox.checkbox-orange>input[type=checkbox]:checked+i.icon, .agreement-form label.checkbox>input[type=checkbox]:checked+i.icon {
    background-image: url(../img/agree-icon-check-on.png);
}

.agreement-form label.checkbox>input[type=checkbox]:checked+i.icon {
    width: 20px;
    height: 20px;
}

.agreement-form button,.agreement-form select {
    text-transform: none;
}
.agreement-form button, .agreement-form input {
    border: 0;

    cursor: pointer;
    overflow: visible;
}
.agreement-form i {
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
.agreement-form [type=button]:not(:disabled),.agreement-form  [type=reset]:not(:disabled),.agreement-form  [type=submit]:not(:disabled),.agreement-form  button:not(:disabled) {
    cursor: pointer;
}
 .agreement-form input[type=checkbox], .agreement-form input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

.agreement-form label.checkbox>input[type=checkbox] {
    display: none;
}

.agreement-form label.checkbox {
    width: auto;
    padding: 0;
    margin-right: 1rem;
    display: inline-block;
    text-align: left;
    font-size: .75rem;
    color: #777;
    font-weight: 500;
    line-height: 1.6;
    vertical-align: middle;
}
.agreement-form>ul>li>label>i {
    margin-right: .875rem;
}

.agreement-list{
	    margin-bottom: 10rem;
}	
.footer_menu_wrap .agreement-list{
	    margin-bottom: 0rem;
}	
.steps_nav {width:100%; margin-bottom: 14px;}
.steps {display: table; font-size: 0; line-height: 1; width:100%;}
.steps > li {display: table-cell; width:32.8%; text-align: center; border-bottom: 3px solid #e5e5e5; position: relative; margin-right:0.8%; padding: 24px 0; vertical-align: top;letter-spacing: -0.023rem;}
.steps > li:after{font-family:'nc-font'; content:'\E83C'; display: block; position: absolute; top: 50%; right:-10px; margin-top: -6px; color: #e5e5e5; width: 20px; height: 12px; font-size: 12px;}
.steps > li:last-child {margin-right:0;}
.steps > li:last-child:after {display: none;}
.steps > li span:first-child {font-size:20px; font-weight: 500; padding-right: 16px;}
.steps > li span {color: #e5e5e5; font-size:17px; line-height: 1.3; font-weight: 500;}
.steps > li.active {border-color: #009761;}
.steps > li.active span {color:#009761;}
.steps_title {font-size:20px; font-weight: 400; color:#8B7E5B; margin-bottom: 16px;}	
.wrap .agreement-form{
	    position: relative;
}	
.wrap .agreement-form > ul > li:first-child {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0px 30px;
    margin: 0;
}
.wrap .agreement-form .nc_frm__control {
    margin-top: 30px;
    margin: 0 auto;
    height: 4.2rem;
    position: absolute;
    /* top: 50%; */
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.agreement-form .nc_frm__action {
    width: 45%;
    height: 100%;
    background: #009761;
    color: #fff;
    border: 0;
	line-height:1;
        font-size: 1.2rem;
    letter-spacing: -0.025em;
    font-weight: 500;
    cursor: pointer;
}
.wrap .agreement-form > ul > li > label > span {
    font-size: 1.35rem;
}
.agreement-form .nc_frm__action2 {
    width: 45%;
    height: 100%;
    background: #1d3661;
    color: #fff;
    border: 0;
       font-size: 1.2rem;
    letter-spacing: -0.025em;
	line-height:1;

    font-weight: 500;
    cursor: pointer;
}


.agreement-form .nc_frm__action,.agreement-form .nc_frm__action2 {
     font-size: 12px;
 
}


}


.info .container, .skin .container, .beauty .container, .cancer .container, .community .container, .center .container {
    margin:0rem auto 0;
}
.subVis h2{
margin-top:30px;
}
.subVis h2 span{
margin-top:30px;
}
.subVis h2 span:after{
bottom:4px;
height:10px;
}
.subVis h2 span{
    width: 100%;
}

.subVis h2 span:after {
    content: '';
    position: absolute;
    width: 0%;
    left: 50%;
    bottom: 4px;
    background: #1d3661;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.subVis h2.off span:after{
    content: "";
    position: absolute;
    width: 100%;
    margin-left: -50%;
    z-index: -1;
}

.subVis h2{ position: relative; line-height: 300px; text-align: center; font-size: 70px;margin:0 auto;color:#fff;
z-index:222; 
	


	/*background: linear-gradient(to right, #f00, #00f);
    
    -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
 -webkit-text-stroke:1px #fff;*/
}


.info .subVis,.culture .subVis,.beauty .subVis,.cancer .subVis,.community .subVis,.news .subVis    {
    position: relative;
    height: 400px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-top: 38px;
    overflow: hidden;
}

.subVis::before{ opacity: 0;
	transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-webkit-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
}
.subVis.active::before{
	opacity: 1;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);

}

.subVis h2 span{ position: relative;  text-align: center; font-size: 70px;margin:0 auto;
z-index:2; 
	


	/*background: linear-gradient(to right, #f00, #00f);
    
    -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
 -webkit-text-stroke:1px #fff;*/
}



.subVis h2 span:after{
    content: '';
    position: absolute;
    width: 0%;
    height: 12px;
    left: 50%;
    bottom: 10px;
    background: #1d3661;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.subVis h2.off span:after{
    content: "";
    position: absolute;
    width: 100%;
    margin-left: -50%;
	z-index:-1;
}
@media screen and (max-width:1024px){
.info .container, .culture .container, .beauty .container, .cancer .container, .community .container, .center .container {
    margin: 5.5rem auto 0;
}

.info .container{
    margin-top: 5.5rem;
}

.subVis h2{ position: relative; line-height: 300px; text-align: center; font-size: 70px;margin:0 auto;font-family: 'NotoSanskr', '맑은 고딕', 'Malgun Gothic', sans-serif;
z-index:222; 
	

    font-family: 'Montserrat', 'NotoSansKR', sans-serif;
    font-weight: 900;

	/*background: linear-gradient(to right, #f00, #00f);
    
    -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
 -webkit-text-stroke:1px #fff;*/
}


.info .subVis, .culture .subVis, .beauty .subVis, .cancer .subVis, .community .subVis, .news .subVis {
    position: relative;
    height: 370px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-top: 5.5rem;
    overflow: hidden;
}


.subVis::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.subVis::before{ opacity: 0;
	transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-webkit-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
}


.info .subVis::before{background-image: url(/img/visual_2.jpg);}
.culture .subVis::before{background-image: url(/img/visual_1.jpg);}

.subVis.active::before{
	opacity: 1;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);

}

.subVis h2 span{ position: relative;  text-align: center; font-size: 50px;margin:0 auto;font-family: 'NotoSanskr', '맑은 고딕', 'Malgun Gothic', sans-serif;
z-index:2; 
	

       font-family: 'Montserrat', 'NotoSansKR', sans-serif;
    font-weight: 900;

	/*background: linear-gradient(to right, #f00, #00f);
    
    -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
 -webkit-text-stroke:1px #fff;*/
}



.subVis h2 span:after{
    content: '';
    position: absolute;
    width: 0%;
    height: 12px;
    left: 50%;
    bottom: 10px;
    background: #1d3661;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.subVis h2.off span:after{
    content: "";
    position: absolute;
    width: 100%;
    margin-left: -50%;
	z-index:-1;
}
.sub .main_container {
    padding-top: 9rem;
}
.sub .main_container {
    padding-bottom: 14rem;
}

/* social agree */
.nc_frm-social-agree {background: #f8f8f8;padding: 2.5rem 2rem 2rem;margin-top: 2.6rem; margin-bottom: 2.1rem; margin-left: -2%; margin-right: -2%;overflow-x: hidden;}
.nc_frm-social-agree__desc {font-size: 1.2rem;font-weight: 400;line-height: 1.84;letter-spacing: -0.025em;color: #999;border-top: 0.1rem solid #ddd;padding-top: 0.9rem;margin-top: 1.3rem;letter-spacing: -0.035em;}
.nc_agree_link {display: inline-block; vertical-align: top; position: relative; color: #666;}
.nc_agree_link:after {content: ''; display: block; width: 100%; height: 0.1rem; background: #666; position:absolute; bottom: 0.2rem; left: 0;}
.agreement-form .nc_agree_link {
    /* display: inline-block; */
    /* vertical-align: top; */
    /* position: relative; */
    /* color: #666; */
    /* text-align: right; */
    /* float: right; */
    float: right;font-size: 1.2rem;
}


.footer_menu_wrap .nc_agree_link:after { left: auto;}

}
@media screen and (max-width:768px){
.subVis h2{ position: relative; line-height: 400px; text-align: center; font-size: 70px;margin:0 auto;font-family: 'NotoSanskr', '맑은 고딕', 'Malgun Gothic', sans-serif;
z-index:2; 
	

    font-family: 'Montserrat', 'NotoSansKR', sans-serif;
    font-weight: 900;

	/*background: linear-gradient(to right, #f00, #00f);
    
    -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
 -webkit-text-stroke:1px #fff;*/
}


.info .subVis, .culture .subVis, .beauty .subVis, .cancer .subVis, .community .subVis, .news .subVis {
    position: relative;
    height: 400px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-top: 48px;
    overflow: hidden;
}


.subVis::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.subVis::before{ opacity: 0;
	transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-webkit-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
}


.info .subVis::before{background-image: url(/img/visual_2.jpg);}
.culture .subVis::before{background-image: url(/img/visual_1.jpg);}

.subVis.active::before{
	opacity: 1;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);

}

.subVis h2 span{ position: relative;  text-align: center; font-size: 50px;margin:0 auto;font-family: 'NotoSanskr', '맑은 고딕', 'Malgun Gothic', sans-serif;
z-index:2; 
	

       font-family: 'Montserrat', 'NotoSansKR', sans-serif;
    font-weight: 900;

	/*background: linear-gradient(to right, #f00, #00f);
    
    -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
 -webkit-text-stroke:1px #fff;*/
}



.subVis h2 span:after{
    content: '';
    position: absolute;
    width: 0%;
    height: 12px;
    left: 50%;
    bottom: 10px;
    background: #1d3661;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.subVis h2.off span:after{
    content: "";
    position: absolute;
    width: 100%;
    margin-left: -50%;
	z-index:-1;
}


   .indicatorD {
    display: none;
}
.nav_sub_bread{padding-top:0;display:block; margin:0;}
	.nav_sub_bread > .inner{padding:0}
	.sub_bread_menu{position: relative;
    background: #fff;
    padding-left: 0px;
    border-bottom: 0px solid #E6E6E6;}
	.sub_bread_menu:after{content:'';display:block;clear:both}
	.sub_bread_menu > li{display:block}
	.sub_bread_menu > li.firstHome{position:absolute;top:0;left:0}
	.sub_bread_menu > li.firstHome > a{display:block;position:relative;width:50px;height:50px;overflow:hidden;background:#545454;text-indent:-9999px}
	.sub_bread_menu > li.firstHome > a:after{content:'';position:absolute;display:inline-block;width:22px;height:17px;top:0;bottom:0;right:0;left:0;margin:auto;}
	.sub_bread_menu > li:not(.firstHome){float:left;position:relative;width:33.33%}
	.sub_bread_menu > li:not(.firstHome) > a{display:block;position:relative;height:50px;font-size:15px;line-height:50px;color:#333;padding:0 10px;border-right:0px solid #E6E6E6;  border-top: 0px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;    font-weight: 500;}


	.sub_bread_menu > li:not(.firstHome).open  > a{display:block;position:relative;height:50px;font-size:15px;line-height:50px;color:#333;padding:0 10px;border-right:0px solid #E6E6E6;    border-top: 0px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;}

	.sub_bread_menu > li:not(.firstHome) > a:after{    position: absolute;
    top: 16px;
    right: 10px;
    width: 18px;
    height: 18px;
    font-size: 1em;
    line-height: 1em;
    color: #707070;
    text-align: center;
    content: '\E93D';
    font-family: 'nc-font';
    display: block;}
      
.sub_bread_menu > li:not(.firstHome).open > a:after {
    transform: rotate(180deg);  top: 13px;
    -webkit-transform: rotate(180deg);
}


.sub_bread_menu > li > ul > li.act > a, .sub_bread_menu > li > ul > li > a:hover {
    color:#009761;
}
	.sub_bread_menu > li > ul{position:absolute;width:100%;top:50px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,0.01);-webkit-transition:opacity 0.3s ease,visibility 0.3s ease;transition:opacity 0.3s ease,visibility 0.3s ease;opacity:0;visibility:hidden;z-index:10}
	.sub_bread_menu > li.open > ul{opacity:1;visibility:visible}
	.sub_bread_menu > li > ul{margin-left: 0;border-left: 0px solid #E6E6E6;border-right: 0px solid #E6E6E6}
	.sub_bread_menu > li > ul > li{float: none;margin:0;border-bottom: 1px solid #E6E6E6}
	.sub_bread_menu > li > ul > li > a{display:block;font-size:13px;color:#333;padding:0 20px;line-height:50px;-webkit-transition:background 0.3s ease;transition:background 0.3s ease}
	.sub_bread_menu > li > ul > li.act > a:after{display: none}
	.sec_subindex{padding:190px 0 110px}
	.stt_insub{font-size:35px;line-height:45px;padding-top:28px}
	.stxt_insub, .stxt_content{font-size:18px;line-height:28px;padding-top:23px}
	.stt_content{font-size:35px;line-height:45px}
	.sub_bread_menu > li{display:none}
	.sub_bread_menu > li:first-child,
	.sub_bread_menu > li:nth-last-child(1),
	.sub_bread_menu > li:nth-last-child(2){display:block}
	.sub_bread_menu > li:not(.firstHome){width:100%}
	.row_subcon{display:block}
	.row_subcon .tt_area{display:block;width: 100%;padding-top:0}
	.row_subcon .tt_area h3, .row_subcon .tt_area h4{font-size: 20px}
	.row_subcon .tt_area h3.big{font-size: 28px;line-height: 38px}
	.row_subcon .con_area{display:block}
	.row_subcon .ic_con .txt_area{padding-left:30px}
	.row_subcon .txt_area h5{font-size: 20px;margin-bottom:14px}
	.row_subcon .txt_area p{font-size: 14px;line-height: 26px}
	.gray_wrap{padding: 38px}
	.list_number > li > .wrapper{padding-left: 18px}



.sub_bread_menu > li > ul.no3 > li {
    width: 100%;
}
.sub_bread_menu > li > ul.tab_2 > li {
    width: 100%;
}
.sub_bread_menu > li > ul.tab_3 > li {
    width: 100%;
}

.sub_bread_menu > li > ul.tab_4 > li {
    width: 100%;
}

.sub_bread_menu > li > ul.tab_5 > li {
    width: 100%;
}

.sub_bread_menu > li > ul.tab_6 > li {
    width: 100%;
}
.sub_bread_menu > li > ul > li > a {
    display: block;
    padding: 14px 10px;
    color: #222;
    font-size: 15px;
    line-height: 1.2;
    line-height: 1.5;
    letter-spacing: -0.025em;
    text-indent: -0.025em;
    text-align: left;
	font-weight:500;
}
.sub_bread_menu > li > ul > li.act:after {
    display: none;

}
.sub_bread_menu > li > ul > li.act {
    border-bottom: 1px solid #E6E6E6;
}
.tab_b {
    margin-bottom: 20px;
}
.sub_bread_menu > li > ul.no3 > li {
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.pro_event_list {
    position: relative;
    margin: 0px;
}

.service .pro_event_list_item {
    float: left;
    width: 100%;
    padding: 0px;
	margin-bottom:10px;
}
.pro_event_list_desc {
    font-size: 13px;
    font-weight: normal;
}
 .wrap .step-info {margin-top: 2rem;}
    .wrap .step-info .item:nth-child(2) {margin: 0 3rem;}
    .wrap .step-info .item > span {width: 1rem; height: 1rem;}
    .wrap .step-info .item:not(:first-child) > span::before {width: 6.2rem; height: 0.063rem; right: 0.9rem;}
    .wrap .step-info .item .step {font-size: 1rem; margin-top: 1rem;}
    .wrap .step-info .item .text {font-size: 0.75rem; margin-top: 0.5rem;}
.steps > li span {
    display: block;
	text-align:center;
}	
.steps_nav {margin-bottom: 30px;}
    .steps > li:after {width: 16px; height: 16px; font-size: 16px; margin-top: -8px;}
    .steps > li span:first-child {font-size:19px; font-weight:500;}
    .steps > li span {font-size: 13px;}
    .steps_title {font-size: 18px;margin-bottom: 10px;}	
	.steps > li span:first-child {
    font-size: 16px;
    font-weight: 500;
    padding-right: 0;
}
.wrap .agreement-form > ul > li > label > div {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.35rem;    line-height: 1;
}
.wrap .agreement-form > ul > li:not(:first-child) > label {
    width: 80%;
    font-size: 1.35rem;
}
}

.guide_wrap{

margin-top:20px;
    width: 100%;
    padding: 15px 0px;


}

.content_area_rent{

margin-top:20px;
    width: 100%;
    padding: 15px 0px;
    background-color: #fff;
    /* text-align: center; */
    border: 0px solid #E6E6E6;
    border-radius: 0px;
    position: relative;

}
.sub_cont_wrap{
display:none;
}
.sub_cont_wrap.active, .sub_cont_wrap.act{
display:block;
}
.content_area_rent{

margin-top:20px;
    width: 100%;
    padding: 15px 0px;
    background-color: #fff;
    /* text-align: center; */
    border: 0px solid #E6E6E6;
    border-radius: 0px;
    position: relative;

}

.content_area_status{
margin-top:20px;
    width: 100%;
      padding: 15px 45px;
    background-color: #fff;
    /* text-align: center; */
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    position: relative;

}

.content_area_status.cc{
margin-top:20px;
    width: 100%;
      padding: 0;
    background-color: #fff;
    /* text-align: center; */
    border:0px solid #E6E6E6;
    border-radius: 5px;
    position: relative;

}

.conts_subtitle {
    font-size: 20px; 
    margin-bottom: 10px;
    line-height: 1.7;  position: relative;font-weight: 700;
    letter-spacing: 0.023em;color: #222;
}
.conts_subtitle .t_right{
    text-align: right;
    font-size: 14px;
    display: inline-block;
	float:right;
}	
.conts_subtitle .t_right p{
    text-align: right;
    font-size: 14px;
    display: inline-block;
}

.conts_subtitle span{

 position: relative;
 z-index:1;
}

.conts_subtitle span:after{

    position: absolute;
    bottom: 0px;
    left: 0;
    height: 8px;
    width: 100%;
    background: #dae1e6;
    content: "";
    opacity: 0.5;
	z-index:-1;
     transform: scaleX(1);
}

.conts_subtitle p.right_txt{

float:right;
    font-size: 15px; 
        margin-top: 7px;
    line-height:2;  position: relative;  color: #444;  
	letter-spacing: -0.05em;
}

.conts_list {
    margin-left: 15px;
    margin-bottom: 10px;
    margin-top: -6px;    position: relative;
}

.conts_list.nomg {
    margin-left: 0px;
    margin-bottom: 10px;
    margin-top: -6px;    position: relative;
}

.conts_list li {
    font-size: 14px;
    margin-top: 7px; 
}
.conts_list li {
    position: relative;
    margin-top: 7px;font-weight: 500;    color: #555;
}

.conts_list li strong{
font-weight:bold;color: #222;font-size: 15px;
}

.conts_list li:first-child {
    margin-top: 0;
}
.conts_list li:before {
    position: absolute;
    top:8px;
    left: -14px;
    content: "";
    width: 4px;
    height: 4px;
    background: #555;
    border-radius: 50%;
}

.conts_list li.nodot:before {
display:none;
}

body.home .postzoom, html.mobile .postzoom{
display:none;
}




.postzoom button {
    border: none;
    background: none;
    cursor: pointer;
}
.content_chg {
    position: absolute!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden!important;
    clip: rect(1px 1px 1px 1px)!important;
    clip: rect(1px,1px,1px,1px)!important;
}
.postzoom{    position: absolute;
    top: 10rem;
    right: 0;
    width: 130px;
    text-align: center;
    float: right;
    z-index: 100;}
.postzoom .zoom_btn{width:25px;height:25px;background-color:#f7f9fa;vertical-align:middle;border-radius:2px;}
.postzoom .zoom_btn.out{position:absolute;top:2px;left:0;}
.postzoom .zoom_btn.out:after{ position:absolute;top:4px;left:5px;   font-family: 'nc-font';
    content: '\E940';
    font-size: 16px;
    text-align: center;
    color: #000;}

.postzoom .zoom_btn.in{position:absolute;top:2px;right:0;}

.postzoom .zoom_btn.in:after{  position:absolute;top:4px;left:5px;  font-family: 'nc-font';
    content: '\E941';
    font-size: 16px;
	  
    text-align: center;
    color: #000;}


.postzoom .zoom_btn.reset{width:auto;margin:0 29px;background:none;font-size:13px;color:#767676;outline: none;}
@media (max-width: 1023px){
	.postzoom{ 
    top: 7rem;
	  right: 2%;
}
	 .wrap .step-info {margin-top: 2rem;}
}


@media screen and (max-width:768px){
.subVis h2 span:after {
    content: '';
    position: absolute;
    width: 0%;
    height: 8px;
    left: 50%;
    bottom: 4px;
    background: #1d3661;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.main_beginning_process_item > figure {
    background: #f8f8f8;
    margin: 0rem;
    border-radius: 50%;
    width: 7.2rem;
    height: 7.2rem;
    margin: 0rem .0rem 1.5rem .0rem;
    position: relative;
}
.main_beginning_process_item {display: inline-block;
    width: auto;
    margin: 0 .5rem;
    vertical-align: top;
    position: relative;}
img[data-unveil] {opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
img[data-unveil].nc-lazyload--loaded {opacity:1}

.nc-lazyload {position: relative;overflow: hidden;}
.nc-lazyload img {display: block;/* max-width: 100%; */position: absolute;left: 0;top: 0; width: 100%;}
.nc-lazyload img.nc-lazyload--loaded {height: auto;}
.sub .main_container {
    padding-top: 6rem;
}
    .wrap .step-info {margin-top: 2rem;}
    .wrap .step-info .item:nth-child(2) {margin: 0 3rem;}
    .wrap .step-info .item > span {width: 1rem; height: 1rem;}
    .wrap .step-info .item:not(:first-child) > span::before {width: 6.2rem; height: 0.063rem; right: 0.9rem;}
    .wrap .step-info .item .step {font-size: 1rem; margin-top: 1rem;}
    .wrap .step-info .item .text {font-size: 0.75rem; margin-top: 0.5rem;}
	
.bottom_exit{
	
	   position: relative;
	   width:100%;display: block;
}	
.bottom_exit .nc_frm-sub-header {
    padding-top: 2.9rem;
    padding-bottom: 2.1rem;
	width:100%;
	float:left;
	display:inline-block;
}
.bottom_exit .nc_frm__btn{
	float:left;display:block;
	position:relative;
	bottom:0;
	right:0;
	    margin-top:0rem;
    margin-bottom: 2.1rem;
}	
		.postzoom{ 
    top: 6rem;
	  right: 2%;
}

}


/* overlay */
.mfp-bg {background: #000;opacity: 0.5;}
.mfp-with-zoom.mfp-ready.mfp-bg, .mfp-fade.mfp-bg.mfp-ready {opacity: 0.5;}

/* close button */
.mfp-close {width: 50px;height: 50px;top: -50px;right: -50px;font-size: 0;background: #f8f8f8;border-radius: 50%;cursor: pointer;opacity: 1;}
.mfp-close:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'nc-font';content: '\E92E';font-size: 16px;line-height: 50px;font-weight: normal;text-align: center;color: #222;-webkit-transition: color 300ms, 1.5s -webkit-transform cubic-bezier(.075, .82, .165, 1);transition: color 300ms, 1.5s -webkit-transform cubic-bezier(.075, .82, .165, 1);transition: 1.5s transform cubic-bezier(.075, .82, .165, 1), color 300ms;transition: 1.5s transform cubic-bezier(.075, .82, .165, 1), color 300ms, 1.5s -webkit-transform cubic-bezier(.075, .82, .165, 1);}
.mfp-close:active {top: -50px;}
html.desktop .mfp-close:hover:after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

button.mfp-close {top: -22px;right: -22px;background: #f8f8f8;}
button.mfp-close:active {top: -22px;right: -22px;}

/* iframe */
.mfp-iframe-holder .mfp-close {width: 50px;padding: 0;top: -50px;right: -50px;font-size: 0;}
.mfp-iframe-holder .mfp-content {max-width: 1000px;}

.mfp-iframe-scaler {position: relative;border-radius: 10px;overflow: hidden;}


/*이력 팝업 */
.professional_data {width: 583px;margin: 0 auto;position: relative;background: #fff;border-radius: 10px;}

.professional_data_head {padding: 34px 38px;background: #3C352F;border-radius: 10px 10px 0 0;}


.professional_data_head .popup-logo {
    max-width: 100px;
    position: absolute;
    right: 40px;
}

.professional_data_head.grn {padding: 34px 38px;background:#05141F;border-radius: 10px 10px 0 0;}


.professional_data_head > b {display: block;width: 100%;font-size: 24px;letter-spacing: -0.025em;line-height: 1.4;color: #fff;font-weight:bold}
.professional_data_head > p {display: block;width: 100%;margin-top: 0px;padding-left: 0px;position: relative;font-size: 14px;letter-spacing: -0.025em;line-height: 1.75;color: #fff; font-weight:500}
.professional_data_head > p:before {display: block;position: absolute;left: 1px;top: 4px;font-family: 'nc-font';content: '';font-size: 15px;font-weight: normal;line-height: 1;}
html.ios .professional_data_head > p:before {top: 5px;}
html.ie .professional_data_head > p:before {top: 5px;}

.professional_data_body {height: 430px;padding: 15px 0px 27px;}
.professional_data_body .nicescroll_area_outer {height: 100%;padding: 0 40px;border: none;border-radius: 0;}
.professional_data_body .nicescroll_area {padding-right: 20px;}
.professional_data_body p {font-size: 16px;font-weight: 400;letter-spacing: -0.025em;line-height: 1.75;color: #666;}
.professional_data_body p + p {margin-top: 28px;}

.professional_data_body .nicescroll_area_outer {
    width: 100%;
    height: 200px;
    padding: 22px 14px 22px 31px;
    position: relative;
    background: #fff;
    border: 3px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}
.professional_data_body .nicescroll_area {width: 100%;height: 100%;padding-right: 30px;position: relative;}

.professional_data_body  .nicescroll_area_outer {
    height: 100%;
    padding: 0 20px 0px 40px;
    border: none;
    border-radius: 0;
}
.professional_data_body .nicescroll_area {
    padding-right: 20px;
}




.professional_data .mobile_bg {
    position: absolute;
    bottom: 0;
    right: -50px;
    z-index: 1;
}
.pro_body_section { display: table; width: 100%; padding-bottom: 10px;}
.pro_body_section:last-child { padding-bottom: 0; }
.pro_body_section > div { display: table-cell;
    vertical-align: top;
    border-top: 0px solid #ddd;
    padding-top: 5px;}
	.pro_body_section > div.pyear { width:26%;padding-right:3%;float:left;}
    .pro_body_section > div.pyear h3 {  font-size: 11px;line-height: 1.5;color: #444;
  
    font-weight: 500;
    font-style: normal;}

    .pro_body_section > div.pyear h3 span{ 
font-size: 11px;  font-weight:500
}
	.pro_body_section > div.content {width: 71%;float:left;}
.pro_body_section > div.content img { width:100%;}
.pro_body_section p {    line-height: 1.6;
    margin-bottom: 30px;
    letter-spacing: -0.025em;
 font-weight:500
    font-size: 12px;
    letter-spacing: -0.023em;color:#222;}
.pro_body_section p:last-child {margin-bottom: 0;}


@media(max-width: 1023px){

	.pro_body_section > div.pyear { width:23%;padding-right:2%;float:left;}
    .pro_body_section > div.pyear h3 {font-size:22px;}
	.pro_body_section > div.content {width: 75%;float:left;}
	.pro_body_section > div.content p br.small_screen_br { display:block; }

}

@media(max-width: 767px){

	.pro_body_section {padding-bottom:80px;display:block;}
	.pro_body_section > div.pyear {     width: 100%;
    padding: 8px 10px 0px;
    display: block;
    text-align: left;
    float: none;}
	.pro_body_section > div.pyear h3 { font-size:15px;}
	.pro_body_section > div.pyear h3 br { display:none;}
	.pro_body_section > div.content { width:100%;padding-top:6px;display:block; float:none;}
	.pro_body_section ol {margin-bottom:19px;}
	.pro_body_section ol > li, .pro_body_section ul > li { font-size:15px;line-height:1.75;}
	.pro_body_section ul > li { padding-left:10px;}
	.pro_body_section ul > li:before {top:12px;}
	.pro_body_section p {font-size:15px;line-height:1.75;}

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

.content_area_rent {
    padding: 0px 0px;
}

.conts_subtitle {
    font-size: 1.8rem;
    margin-bottom: 10px;
    line-height: 1.7;
    position: relative;
	
}
.conts_list li.f18 {

font-size:16px;	
	
}	

.conts_list li {
    font-size: 1.4rem;
    margin-top: 7px;
}
.conts_list li:before {
    position: absolute;
    top: 7px;
    left: -14px;
    content: "";
    width: 4px;
    height: 4px;
    background: #555;
    border-radius: 50%;
}

}

@media screen and (max-width:640px){
   .subVis h2 {
    margin-top: 20px;
}
    
    .subVis{ padding: 100px 0; height: auto;}
    .subVis h2{ line-height:30px; font-size:30px;z-index:222;}
    .subVis h2 span{ line-height:30px; font-size: 30px;}
.info .subNavi_info_one .subVis,.skin .subNavi_info_one .subVis{
    padding-top: 100px;
    height: auto;
    height: 260px;
}
.info .subVis,.culture .subVis,.beauty .subVis,.cancer .subVis,.community .subVis,.news .subVis {
    padding: 100px 0;
    height: auto;
    height: 260px;
}

}


 .modal_login .nc_frm__login-option strong{
    color: #1d3661;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 5px;
    line-height: 1.6;letter-spacing: -0.023em;
}



.modal_login .chkbox {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin-top: 0;
}

.modal_login .chkbox > label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;cursor: pointer;
}
.modal_login .chkbox > label > input {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.modal_login .chkbox > label > input[type="checkbox"] + .text {
    position: relative;
    display: inline-block;
    padding-left: 1.75rem;
    font-size: 0.9375rem;
    font-weight: 400;
      line-height: 22px;
	  width:22px;padding-right: 0rem;

}

.modal_login .chkbox > label > input[type="checkbox"] + .text::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    background: #FFF url(../img/icon_gcheck.svg) no-repeat center/12px 11px;
    border-radius: 0.25rem;
}

.modal_login .chkbox > label > input[type="checkbox"]:checked + .text::before {
    border-color: #142143;
    background: #142143 url(../img/icon_gcheck.svg) no-repeat center/12px 11px;
}

.modal_login .chkbox > label > input[type="checkbox"] + .text {
    font-size: 0;
}


#bnc-login-form .nc_frm__control { width: 100%; height: 5.2rem;}
#bnc-login-form .two .nc_frm__action, #bnc-login-form .two .nc_frm__action2{
width:50%;height: 5.2rem;
}

@media (max-width: 1380px){

   .professional_data {width: 535px;}
    .professional_data_body {height: 370px;}


}


@media (max-width: 1023px){
   
    .professional_data_head > b {font-size: 22px;}
    .professional_data_head > p {font-size: 13px;}
    .professional_data_head > p:before {font-size: 13px;}


}


@media (max-width: 768px){


    .professional_data {width: 98%;/*max-width: 420px;*/}
    .professional_data_head {padding: 27px;}
    .professional_data_head > b {font-size: 20px;}
    .professional_data_body {height: 55vh;padding: 22px 0;}
    .professional_data_body .nicescroll_area_outer {padding: 0 25px;}
    .professional_data_body p {font-size: 15px;}
    .professional_data_body p + p {margin-top: 20px;}


button.mfp-close, button.mfp-close:active {
    top: 12px;
    right: 12px;
}


}

.mfp-preloader{

}
@media (max-width: 540px){

 .professional_data_head {padding: 22px 19px;}

.professional_data_head.grn {
    padding: 22px 19px;
}
.professional_data_head .popup-logo {
max-width: 80px;
    position: absolute;
    right: 20px;
    top: 30px;
}
button.mfp-close, button.mfp-close:active {
    top: -16px;
    right: -16px;
}
    .professional_data_head > b {font-size: 18px;}
    .professional_data_head > p {padding-left: 0px;font-size: 12px;}
    .professional_data_head > p:before {font-size: 12px;}
    .professional_data_body {padding: 15px 0 20px 0;}
    .professional_data_body .nicescroll_area_outer {padding:10px 18px;}
    .professional_data_body p {font-size: 14px;    font-size: 12px;
    line-height: 1.25;}
    .professional_data_body p + p {margin-top: 15px;}


.pro_body_section > div.pyear h3 span {
    font-size: 14px;

}
.pro_body_section > div.content {
    width: 100%;
    padding-top: 0px;
    display: block;
    float: none;
}
.pro_body_section > div.pyear h3 {
    font-size: 13px;
}
.pro_body_section > div.pyear h3 {
    font-size: 12px;
}
.pro_body_section > div.pyear {
    padding: 8px 10px 4px;
}
.pro_body_section > div.pyear h3 span {
    font-size: 12px;
}

.professional_data_body .nicescroll_area_outer {
    height: 100%;
}

}

@media(max-width: 540px){

	.pro_body_section { padding-bottom:10px;}
	button.mfp-close, button.mfp-close:active{
    top: 12px;
    right: 12px;
	}

}





@media print{
    .sns_link_wrap .sns_list{display:none}
}



@media print {
  body {width: 100%;padding: 0px;background:#fff}

    #small_cat_nav,
    .small_menu_bg,
    #small_menu_btn,
    #small_menu_overlay,
	#MHEADER,
	#sub_visual,#submenu,
    #footer,.top_share_navi,.depth2_container, .top_navi,#cont_head #location,.pro_top_inner_3 .slider-nav,
    .mobile_nav_bar{display: none !important;}

    .cbody, #contents {width: 100%;}
    .main_container {padding-bottom: 0;}
    #cont_head {padding-top: 40px !important;padding-bottom: 40px !important;}

}


.uarea{
    border: 1px solid #e6e7e9;
    background: #ffffff;
    word-break: keep-all;
    padding: 20px;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #FBFDFE;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
}
.uarea_list {margin-left: 15px;margin-bottom: 0px;margin-top: -6px;}
.uarea_list li {position: relative;margin-top: 11px;letter-spacing: -0.023em;}
.uarea_list li:before {position: absolute;top: 12px;left: -14px;content: "";width: 4px;height: 4px;background: #080a14;border-radius: 50%;}
.uarea_list li:first-child {margin-top: 0;}
html.ie .uarea_list li {line-height: 1.5;}
html.ie .uarea_list li:before { top:11px;}
html.edge .uarea_list li:before { top:12px;}

.uarea_list {margin-bottom: 0px;}
	.uarea_list li {font-size: 15px; margin-top: 9px;line-height: 1.6;font-weight:600;    color: #555;}
	.uarea_list li:before { width: 3px; height: 3px; top: 10px; }




.bullet_type li {margin-bottom: 9px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.35;
    color: #666;
    position: relative;text-align:left;
    border-bottom: 0px;font-weight: 500;}
.bullet_type li:before {    width: 4px;
    height: 4px;
    background: #666;
    position: absolute;
    left: 1px;
    top: 50%;
    border-radius: 50%;
    content: '';
    display: block;
    margin-top: -3px;}
.bullet_type > li:last-child {margin-bottom:30px;}
.bullet_type li ul{margin-top: 5px;}
.bullet_type li ul li:before{border-radius: 0%; width:5px;height:2px; top: 13px;}
.bullet_type li ul li ul li:before{display: none;}
.bullet_type > li > ul > li > ul > li{display: flex; padding-left: 0;}
.bullet_type li ul li p{margin-bottom: 0px}
.bullet_type li ul li span{margin-right: 5px;}
.bullet_type li ul li span.footnote_color{margin-right: 0px;}
.bullet_type li.none_bullet:before{width: 0; height: 0;}
.bullet_type li.none_bullet p{display: inline-block; margin-bottom: 0;}
.bullet_type li.none_bullet span{margin-right: 5px;}
.bullet_type li ul li.none_bullet:before{width: 0; height: 0;}
.bullet_type li ul li.none_bullet{margin-left: -5px;}
.bullet_type li ul li.none_bullet span{margin-right: 5px;}
.bullet_type li ul li.none_bullet .block_bullet{position: relative;}
.bullet_type li ul li.none_bullet .block_bullet:before{background: #666;position:absolute; border-radius: 0%; width:5px;height:2px; top: 13px; content:'';display:block;}
.bullet_type li ul li.none_bullet .block_bullet{padding-left: 15px}
.bullet_type li.number_bullet{padding-left: 0;}
.bullet_type li.number_bullet ul li{margin-left: 15px;}




@media (max-width: 1660px){

.uarea_list {margin-bottom: 0px;}
	.uarea_list li {font-size: 15px; margin-top: 9px;}
	.uarea_list li:before { width: 3px; height: 3px; top: 10px; }


}
.color-red {
    color: #e60012;
}




@media (max-width: 1023px){

	.uarea_list li {line-height: 1.6;}
	.uarea_list li:before {top: 11px;}
	html.ios .uarea_list li:before {top: 9px;}

}

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


  .uarea_list { margin-left: 11px; margin-top: -2px;}
	.uarea_list li {font-size: 14px;margin-top:30px;}
    .uarea_list li:before { top:10px;left:-10px;}
  
}


@media(max-width: 540px){

.uarea_list li  {margin-top:10px;}

}


.mfp-bg {background: #000;opacity: 0.5;}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.5;}

.mfp-gallery .mfp-image-holder .mfp-close, .mfp-gallery .mfp-counter {display: none;}
.mfp-gallery .mfp-image-holder .mfp-content {width: 840px;/*min-height: 656rem;*/background: #fff;}
.mfp-gallery .mfp-figure:after {display: none;}
.mfp-gallery img.mfp-img {    
       max-height: inherit !important;
    margin: 10px auto 10px;padding: 0px 10px;width: 100%;}
.mfp-gallery .mfp-bottom-bar {margin-top: 0;position: relative;    background: #121e34;border-radius: 0 0px 5px 5px;
}
.mfp-gallery .mfp-title {text-align: center;padding: 20px 40px 15px;}
.mfp-gallery .mfp-title b {display: block;font-size: 24px;line-height: 1.45;font-weight: 600;color: #000;}
.mfp-gallery .mfp-title p {margin-top: 0px;font-size: 16px;line-height: 1.62; color: #fff;font-family: "gmarket",sans-serif;
    font-weight: 600;}
.mfp-gallery .mfp-title p br.nc-smallscreen-br {display: none;}
.mfp-gallery .mfp-arrow {width: 52px;height: 52px;margin-top: -26px;opacity: 1;outline: none;}
.mfp-gallery .mfp-arrow:active {margin-top: -26px;}
.mfp-gallery .mfp-arrow:before {display: none;}
.mfp-gallery .mfp-arrow:after {width: 100%;height: 100%;margin: 0;top: 0;font-family: 'kb-font';font-size: 22px;font-weight: normal;font-style: normal;line-height: 2.5;color: #fff;border: none;}
.mfp-gallery .mfp-arrow-left {left: 50%;margin-left: -521px;}
.mfp-gallery .mfp-arrow-left:after {content: '\E93E';}
.mfp-gallery .mfp-arrow-right {left: 50%;right: inherit;margin-left: 469px;}
.mfp-gallery .mfp-arrow-right:after {content: '\E93F';}
body:not(.use-mouse) button.mfp-close:focus, body:not(.use-mouse) button.mfp-arrow:focus {outline:0px solid #000;}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    border-radius: 5px !important;
}


@media (max-width: 1480px){

    .mfp-gallery .mfp-image-holder .mfp-content {min-height: inherit;}
    .mfp-gallery .mfp-title b {font-size: 22px;}



}


@media (max-width: 1023px){



    .mfp-gallery .mfp-image-holder .mfp-content {width: 780px;}
    .mfp-gallery img.mfp-img {max-height: 250px !important;margin: 80px auto 36px;}
    .mfp-gallery .mfp-title {padding-bottom: 80px;}
    .mfp-gallery .mfp-title b {font-size: 20px;}
    .mfp-gallery .mfp-title p {margin-top: 16px;font-size: 15px;}
    .mfp-gallery .mfp-arrow-left {margin-left: -472px;}
    .mfp-gallery .mfp-arrow-right {margin-left: 421px;}



  .mfp-gallery img.mfp-img {
  margin-top:40px; max-height: inherit !important; max-width: 100%; margin:0;    padding: 10px 10px
}
.mfp-gallery .mfp-image-holder .mfp-content {
	width: 85%;
    }
.mfp-gallery .mfp-title {
    padding: 10px 32px 10px;
}
.mfp-gallery .mfp-title p {
    font-size: 12px;
    margin-top: 0px;
}


}


@media (max-width: 860px){



    .mfp-gallery .mfp-image-holder .mfp-content {width: 570px;}
    .mfp-gallery img.mfp-img {max-height: 230px !important;margin: 60px auto 26px;}
    .mfp-gallery .mfp-title {padding: 0 32px 60px;}
    .mfp-gallery .mfp-title b {font-size:19px;}
    .mfp-gallery .mfp-title p {font-size:14px;margin-top: 12px;}
    .mfp-gallery .mfp-title p br {display: none;}
    .mfp-gallery .mfp-arrow-left {margin-left: -346px;}
    .mfp-gallery .mfp-arrow-right {margin-left: 295px;}



  .mfp-gallery img.mfp-img {
  margin-top:40px; max-height: inherit !important; max-width: 100%; margin:0;    padding: 10px 10px
}
.mfp-gallery .mfp-image-holder .mfp-content {
	width: 85%;
    }
.mfp-gallery .mfp-title {
    padding: 10px 32px 10px;
}
.mfp-gallery .mfp-title p {
    font-size: 12px;
    margin-top: 0px;
}

}

@media (max-width: 540px){

   .mfp-gallery img.mfp-img {
  margin-top:40px; max-height: inherit !important; max-width: 100%; margin:0;    padding: 10px 10px
}
.mfp-gallery .mfp-image-holder .mfp-content {
	width: 85%;
    }
.mfp-gallery .mfp-title {
    padding: 10px 32px 10px;
}
.mfp-gallery .mfp-title p {
    font-size: 12px;
    margin-top: 0px;
}
    .mfp-gallery .mfp-arrow:after {font-size:32px; line-height:52px;}
    .mfp-gallery .mfp-arrow-left {margin-left:0; left:0}
    .mfp-gallery .mfp-arrow-right {margin-left:0; left:auto; right:0;}
    /*
    .mfp-gallery .mfp-image-holder .mfp-content {
	width: 85%;
    padding: 10px 10px;}
    .mfp-gallery img.mfp-img { margin-top:40px; max-height: inherit !important; max-width: 100%; margin:0;}
    .mfp-gallery .mfp-title { padding: 0;margin-top:26px;}
    .mfp-gallery .mfp-title b {font-size:18px;}
    .mfp-gallery .mfp-title p {font-size:12px;}
    .mfp-gallery .mfp-title p br.nc-smallscreen-br {display: block;}
    .mfp-gallery .mfp-arrow:after {font-size:32px; line-height:52px;}
    .mfp-gallery .mfp-arrow-left {margin-left:0; left:0}
    .mfp-gallery .mfp-arrow-right {margin-left:0; left:auto; right:0;}
       */

}
.container {
    min-height: 600px;
    max-width: 100%;
    margin: 0px auto 0;
}
.program_info{
position: relative;
margin-top:30px;
}
.cinfo {
position: relative;
margin-top:20px;
}
.cinfo .lec_etc_info {
    float: none;
    display: flex;
    width: auto;
    justify-content: flex-start;
    background: #fff;
    padding: 0px 10px;
    border-radius: 5px;
    margin-top: 20px;
    bottom: 20px;
	margin-top: 50px;
    padding: 30px 10px 30px 30px;
    background: #f8f8f8;
}
.cinfo .lec_etc_info .srcBox {
    margin: 0px 0 2px;
    padding: 0px 5px 0px 15px;
    background: transparent;
    border-radius: 0px;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    color: #222;
    margin-left: 0px;
    letter-spacing: -0.023em;line-height:1.4;
}
.cinfo .lec_etc_info .srcBox:before {
    content: '\E846';
    top: 0px;
    /* left: 50%; */
    transform: translate(-50%, 0%);
    font-size: 16px;
    font-family: 'nc-font';
    left: 0px;
    color: #222;
    position: absolute;
}
.ctit_h {
    font-size: 28px;
    color: #222;
    font-weight: 800;
    margin: 0px 0 15px;
    padding-left: 0px;
}
@media (max-width: 1023px){
.ctit_h {
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -.5px;
    font-weight: 700;
    word-break: keep-all;
    margin-bottom: 16px;
}
	.uarea_list li {line-height: 1.6;}
	.uarea_list li:before {top: 11px;}
	html.ios .uarea_list li:before {top: 9px;}

}

.top_visual_txt_outer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.top_visual_txt {
    display: table;
    width: 100%;
    height: 100%;
}
.top_visual_txt_inner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}


.bg_loaded .top_visual_bg {

}
.top_visual {
    width: 100%;
    padding-top: 0px;
    position: relative;
    text-align: center;
}
.top_visual {
    width: 100%;
    padding-top: 380px;
    position: relative;
    text-align: center;overflow: hidden;
}
.top_visual_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: no-repeat center center;
    background-size: cover;
    float: left;
	width:100%;
}
.top_header {
    padding: 70px 0 50px;
    position: relative;
}
.top_header.second {
    padding: 0;
    background-color: #222;
}

.top_visual_bg_container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.sub_top_visual_bg {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/bg_dot.png);
    /* background: url(/rw_img/bg_top.png); */
    z-index: 1;
    bottom: 0px;
    top: 0px;
    opacity: 0.8;
}
.top_visual_bg_container {
    -webkit-transform: translateZ(0) scale(1.1) rotate(0.1deg);
    transform: translateZ(0) scale(1.1) rotate(0.1deg);
    -webkit-transition: 1800ms;
    transition: 1800ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.bg_loaded .top_visual_bg_container {
    -webkit-transform: translateZ(0) scale(1) rotate(0deg);
    transform: translateZ(0) scale(1) rotate(0deg);
}




.top_visual_title {
    display: block;
    padding-bottom: 12px;
    font-size: 20px;
    color: #fff;
	letter-spacing: 0.01em;
    /* color: #222; */
  font-weight: 400!important;
    text-align: center;
    letter-spacing: 0.023em;
	    margin-left: 220px;
}
.top_visual_TT {
    font-size: 52px;
    line-height: 1.2;
    color: #fff;

	letter-spacing:-0.025em;
}



.top_visual_TT > div{will-change: transform;}

.top_visual_ST > div{will-change: transform;}

html.ie .top_visual_TT{-webkit-transform: rotate(0.05deg);-ms-transform: rotate(0.05deg);transform: rotate(0.05deg);}


html:not(.mobile) .top_visual_TT > div{opacity: 0;}

html:not(.mobile) .top_visual_TT:after{opacity:0; -webkit-transition: 1200ms; transition:1200ms}

html:not(.mobile) .top_visual_TT.completed:after{opacity:1;}



html.ie .top_visual_ST{-webkit-transform: rotate(0.05deg);-ms-transform: rotate(0.05deg);transform: rotate(0.05deg);}


html:not(.mobile) .top_visual_ST > div{opacity: 0;}

html:not(.mobile) .top_visual_ST:after{opacity:0; -webkit-transition: 1200ms; transition:1200ms}

html:not(.mobile) .top_visual_ST.completed:after{opacity:1;}



.top_visual_TT.tt {
    font-size: 52px;
    line-height: 1.2;
    color: #fff;
	letter-spacing:-0.025em;
}

.top_visual_TT.tit_Bold {
    font-size: 48px;
    line-height: 1;
    color: #fff;
	letter-spacing:-0.025em;
font-family: "gmarket",sans-serif;
    font-weight: 600;
}
.top_visual_TT div.words {
    padding: 5px 0;
}

.top_visual_TT div.lines {
    margin: -5px 0;
}

.top_visual_TT div.lines {
    overflow: hidden;
}
.top_visual_TT .tit_Bold.tt {
    line-height: 1.41;
}

.top_visual_TT .ss {
    font-size: 42px;
line-height: 1;
}
#main {
    padding-top: 129px; 
    min-height: -webkit-calc(100vh - 48.4rem);
    min-height: calc(100vh - 48.4rem);
 
}

.top_visual_ST.tit_Bold {
    font-size: 17px;
    line-height: 1;
    color: #fff;
	letter-spacing:-0.025em;
     font-family: "Pretendard",sans-serif;
    font-weight: 600;
	margin-bottom:20px;
}
.top_visual_ST div.words {
    padding: 5px 0;
}

.top_visual_ST div.lines {
    margin: -5px 0;
}

.top_visual_ST div.lines {
    overflow: hidden;
}
.top_visual_ST .tit_Bold.tt {
    line-height: 1.41;
}

.top_visual_ST .ss {
    font-size: 42px;
line-height: 1;
}



.online .cbody, .login .cbody, .member_join .cbody, .member_search .cbody, .mypage .cbody{

margin-top: 8rem !important;
 
}

@media (max-width: 1080px){
#main {
    padding-top: 101px;
    min-height:600px;
}
.online .cbody, .board .cbody, .login .cbody, .member_join .cbody, .member_search .cbody , .mypage .cbody{
    margin-top: 2rem !important;
}
}

.modal_page_content #main ,.modal_page_content .cbody {

    padding-top: 2rem !important;
    min-height: 50rem;
    padding-bottom: 0rem !important;
	    margin-top: 0rem !important;
 
}

@media (max-width: 758px){
.cinfo .lec_etc_info .srcBox {
    margin: 0px 0 2px;
    padding: 0px 5px 0px 10px;
    background: transparent;
    border-radius: 0px;
    position: relative;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    color: #222;
    margin-left: 0px;
    letter-spacing: -0.023em;
    line-height: 1.4;
}
.cinfo .lec_etc_info .srcBox:before {
    content: '\E846';
    top: 1px;
    /* left: 50%; */
    transform: translate(-50%, 0%);
    font-size: 13px;
    font-family: 'nc-font';
    left: 0px;
    color: #222;
    position: absolute;
}


.top_visual {
    height: 280px;
    padding-top: 0;
}
.top_visual_TT.tt {
    font-size: 24px;
}
.top_visual_TT .tit_Bold.tt {
    line-height: 1;
}
.top_visual_TT .tit_Bold {
    font-size: 28px;
    line-height:1;
    color: #fff;
    letter-spacing:-0.025em;
}

.top_visual_TT {
    font-size: 24px;
	line-height:1;
}

.top_visual_TT .tt_Bold {
    font-size: 24px;
    line-height: 1;
}
.top_visual_TT .ss {
    font-size: 24px;
    line-height: 1;
}
.top_header.second {
    padding: 0;
    background-color: #222;
    margin-top:0px;
}
.top_visual_TT.tit_Bold {
    font-size: 28px;
    line-height: 1;
    color: #fff;
    letter-spacing: -0.025em;
    font-family: "NotoSans-Bold",sans-serif;
    font-family: "gmarket",sans-serif;
    font-weight: 600;
}

.top_visual_ST.tit_Bold {
    font-size: 16px;
    line-height: 1;
    color: #fff;
    letter-spacing: -0.025em;
        font-family: "NotoSans-Medium",sans-serif;
    font-weight: 600;
    margin-bottom: 0px;    
}
.top_visual_TT.tit_Bold {
    margin-top: 10px;padding: 6px 0 15px;
}
.top_visual_txt_inner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

}




#sub_visual {
    position: relative;
    height: 380px;
    background-color: rgba(242, 248, 253, 0.6);
    padding-top: 0;
	z-index:0;
}
#sub_visual::before {

   /* background-repeat: no-repeat;    background-image: url(<?php echo NC_IMG_URL; ?>/gangbuk_top.jpg); */
}

.cbody {
    position: relative;
    max-width: 1200px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

#main .cbody {
    max-width: 1480px;
    padding: 0 30px;
    width: 100%;

}
#submenu {
    position: relative;
    z-index: 10;
    float: left;
    width: 250px;
    top: -39px;
}
#submenu {
    position: relative;
    z-index: 10;
    float: left;
    width: 250px;
    top: -39px
}


#submenu .submenu_wrap {
    border: 1px solid #e4e8e9;
    border-top: none;
    border-radius: 0 0 15px 0px;
     box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
}

#submenu h1 {
    border-radius: 15px 0px 0 0;
    background: linear-gradient(142.94deg, #007E68  7.53%, #00652d 103.72%);
    background: url(../img/sub_top_bg.png),linear-gradient(142.94deg, #004932  7.53%, #029f6d 103.72%);
    height: 144px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: right top;
	font-family: 'gmarket', sans-serif;
    font-weight: 600;background-size: cover;
}

#submenu h1 span {
    color: #fff;
    font-size: 27px;
    line-height: 1.2;
	font-family: 'gmarket', sans-serif;
    font-weight: 600;
}
#sub_lnb {
    display: block;
    padding: 10px 30px 50px
}

#sub_lnb li a,#sub_lnb li span {
    word-wrap: break-word;
    word-break: keep-all;
	font-family: "Pretendard",sans-serif;
    font-weight: 700;
}

#sub_lnb li a {
    display: block;
    min-height: 51px;
    position: relative;
    transition: .3s;
	font-family: "Pretendard",sans-serif;
    font-weight: 700;
}

#sub_lnb li span {
    position: relative;
    display: inline-block;
    line-height: 1.2
}

#sub_lnb .th2>a {
    padding: 12px 30px 8px 0;
    font-size: 16px;
    color: #3b3b3b;
    border-bottom: 1px solid #e5e7ee;
    display: flex;
    align-items: center
}


#sub_lnb .th2:last-child > a {
    padding: 12px 30px 8px 0;
    font-size: 16px;
    color: #3b3b3b;
    border-bottom: 0px solid #e5e7ee;
    display: flex;
    align-items: center
}

#sub_lnb .th2>a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 19C2.23858 19 -9.78513e-08 16.7614 -2.18557e-07 14L-6.11959e-07 5C-7.32665e-07 2.23858 2.23858 2.1358e-08 5 -9.93477e-08L14 -4.9275e-07C16.7614 -6.13456e-07 19 2.23858 19 5L19 14C19 16.7614 16.7614 19 14 19L5 19Z' fill='%23EFF3F4'/%3E%3Cpath d='M8.4945 12.8506L7.78739 12.1435L11.3229 8.60795L12.03 9.31505L8.4945 12.8506Z' fill='%23888888'/%3E%3Cpath d='M12.03 9.31505L11.323 10.0222L7.7875 6.48664L8.4946 5.77953L12.03 9.31505Z' fill='%23888888'/%3E%3C/svg%3E%0A");
    width: 19px;
    height: 19px;
    top: 16px;
    transition: .3s
}

#sub_lnb .th2>a.active span,#sub_lnb .th2>a.ov span,#sub_lnb .th2>a:focus span,#sub_lnb .th2>a:hover span,#sub_lnb .th2>a.link_2th_ov span {
    color: #029f6d;
}

#sub_lnb .th2>a.active:after,#sub_lnb .th2>a.ov:after,#sub_lnb .th2>a:focus:after,#sub_lnb .th2>a:hover:after,#sub_lnb .th2>a.link_2th_ov:after {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 19C2.23858 19 -9.78513e-08 16.7614 -2.18557e-07 14L-6.11959e-07 5C-7.32665e-07 2.23858 2.23858 -9.78513e-08 5 -2.18557e-07L14 -6.11959e-07C16.7614 -7.32665e-07 19 2.23858 19 5L19 14C19 16.7614 16.7614 19 14 19L5 19Z' fill='%23029f6d'/%3E%3Cpath d='M8.4945 12.8506L7.78739 12.1435L11.3229 8.60795L12.03 9.31505L8.4945 12.8506Z' fill='white'/%3E%3Cpath d='M12.03 9.31505L11.323 10.0222L7.7875 6.48664L8.4946 5.77953L12.03 9.31505Z' fill='white'/%3E%3C/svg%3E%0A")
}

#sub_lnb .th3 {
    display: none;
    padding: 15px 15px 7px;
    background: #f7f8fa;
    border-top: 2px solid #a59988;
    border-bottom: 1px solid #e0e0e0
}

#sub_lnb .th3 li {
    border: none;
    margin-bottom: 2px
}

#sub_lnb .th3 li:first-child {
    border-top-width: 0
}

#sub_lnb .th3 li a {
    padding: 2px 10px;
    border: none;
    color: #5a5a5a;
    font-size: 14px;
    line-height: 1.4;
    word-wrap: break-word;
    word-break: keep-all;
    min-height: auto
}

#sub_lnb .th3 li a:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 1px;
    background-color: #222;
    position: absolute;
    top: 8px;
    left: 0
}

#sub_lnb .th3 li a:hover {
    text-decoration: underline
}

#sub_lnb .th3 li span {
    position: relative;
    display: inline-block
}

#sub_lnb .th3 li span:before {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    background-color: #00876c
}

#sub_lnb .th3 .link_3th:focus span,#sub_lnb .th3 .link_3th:hover span,#sub_lnb .th3 .link_3th_ov span {
    color: #00876c
}

#sub_lnb .th3 .link_3th:focus span:before,#sub_lnb .th3 .link_3th:hover span:before,#sub_lnb .th3 .link_3th_ov:before {
    width: 100%;
    opacity: 1;
    visibility: visible
}

#sub_lnb .th2 .link_2th:focus+.th3,#sub_lnb .th2 .link_2th_ov+.th3 {
    display: block
}
@media (min-width: 1024px){
.sub .main_container, .program_view .main_container {
    padding-top: 0px;
  }



}
@media screen and (min-width: 1600px){
#main .cbody {
    max-width: 1480px;
    padding:0 30px;
    width: 100%;
    z-index: 20;
}
}
@media screen and (max-width: 1600px){
#main .cbody {
      
}
}
@media screen and (max-width: 1480px){
#main .cbody {
      padding: 0 3%;
}
}
@media screen and (min-width: 1920px){
#main .cbody {
    max-width: 1480px;
    padding:0 30px;
    width: 100%;
    z-index: 20;
}
}

@media screen and (max-width: 1024px){
.sub .main_container {
   padding-top: 101px;
}
}
@media (max-width: 1400px){
#submenu {
    display: none!important;
}
}
@media screen and (max-width: 768px){
.sub .main_container {
    padding-top: 101px;
}
}
@media screen and (min-width: 1600px){
#main .cbody {
    max-width: 1480px;
    padding: 0 30px;
    width: 100%;
    z-index: 0;
}
}
@media screen and (max-width: 1600px){
#main .cbody {
  
}
}
@media screen and (max-width: 1480px){
#main .cbody {
     
}
}
@media screen and (min-width: 1920px){
#main .cbody {
    max-width: 1480px;
    padding: 0 30px;
    width: 100%;
    /*z-index: 20;*/
}
}

@media screen and (max-width: 1024px){
.sub .main_container {
   padding-top: 101px;
}
}
@media (max-width: 1400px){
#submenu {
    display: none!important;
}
}
@media screen and (max-width: 768px){
.sub .main_container {
    padding-top: 101px;
}
#sub_visual {
    position: relative;
    height: 280px;
    background-color: rgba(242, 248, 253, 0.6);
    padding-top: 0;
}
}




.mfp-bg {background: #000;opacity: 0.5;}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.5;}

.mfp-gallery .mfp-image-holder .mfp-close, .mfp-gallery .mfp-counter {display: none;}
.mfp-gallery .mfp-image-holder .mfp-content {width: 840px;/*min-height: 656rem;*/background: #fff;}
.mfp-gallery .mfp-figure:after {display: none;}
.mfp-gallery img.mfp-img {    
       max-height: inherit !important;
    margin: 10px auto 10px;padding: 0px 10px;}
.mfp-gallery .mfp-bottom-bar {margin-top: 0;position: relative;    background: #121e34;border-radius: 0 0px 5px 5px;
}
.mfp-gallery .mfp-title {text-align: center;padding: 20px 40px 15px;}
.mfp-gallery .mfp-title b {display: block;font-size: 24px;line-height: 1.45;font-weight: 600;color: #000;}
.mfp-gallery .mfp-title p {margin-top: 0px;font-size: 16px;line-height: 1.62; color: #fff;font-family: "gmarket",sans-serif;
    font-weight: 600;}
.mfp-gallery .mfp-title p br.nc-smallscreen-br {display: none;}
.mfp-gallery .mfp-arrow {width: 52px;height: 52px;margin-top: -26px;opacity: 1;outline: none;}
.mfp-gallery .mfp-arrow:active {margin-top: -26px;}
.mfp-gallery .mfp-arrow:before {display: none;}
.mfp-gallery .mfp-arrow:after {width: 100%;height: 100%;margin: 0;top: 0;font-family: 'kb-font';font-size: 22px;font-weight: normal;font-style: normal;line-height: 2.5;color: #fff;border: none;}
.mfp-gallery .mfp-arrow-left {left: 50%;margin-left: -521px;}
.mfp-gallery .mfp-arrow-left:after {content: '\E93E';}
.mfp-gallery .mfp-arrow-right {left: 50%;right: inherit;margin-left: 469px;}
.mfp-gallery .mfp-arrow-right:after {content: '\E93F';}
body:not(.use-mouse) button.mfp-close:focus, body:not(.use-mouse) button.mfp-arrow:focus {outline:0px solid #000;}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    border-radius: 5px !important;
}


@media (max-width: 1480px){

    .mfp-gallery .mfp-image-holder .mfp-content {min-height: inherit;}
    .mfp-gallery .mfp-title b {font-size: 22px;}



}


@media (max-width: 1023px){



    .mfp-gallery .mfp-image-holder .mfp-content {width: 780px;}
    .mfp-gallery img.mfp-img {max-height: 250px !important;margin: 80px auto 36px;}
    .mfp-gallery .mfp-title {padding-bottom: 80px;}
    .mfp-gallery .mfp-title b {font-size: 20px;}
    .mfp-gallery .mfp-title p {margin-top: 16px;font-size: 15px;}
    .mfp-gallery .mfp-arrow-left {margin-left: -472px;}
    .mfp-gallery .mfp-arrow-right {margin-left: 421px;}



  .mfp-gallery img.mfp-img {
  margin-top:40px; max-height: inherit !important; max-width: 100%; margin:0;    padding: 10px 10px
}
.mfp-gallery .mfp-image-holder .mfp-content {
	width: 85%;
    }
.mfp-gallery .mfp-title {
    padding: 10px 32px 10px;
}
.mfp-gallery .mfp-title p {
    font-size: 12px;
    margin-top: 0px;
}


}


@media (max-width: 860px){



    .mfp-gallery .mfp-image-holder .mfp-content {width: 570px;}
    .mfp-gallery img.mfp-img {max-height: 230px !important;margin: 60px auto 26px;}
    .mfp-gallery .mfp-title {padding: 0 32px 60px;}
    .mfp-gallery .mfp-title b {font-size:19px;}
    .mfp-gallery .mfp-title p {font-size:14px;margin-top: 12px;}
    .mfp-gallery .mfp-title p br {display: none;}
    .mfp-gallery .mfp-arrow-left {margin-left: -346px;}
    .mfp-gallery .mfp-arrow-right {margin-left: 295px;}



  .mfp-gallery img.mfp-img {
  margin-top:40px; max-height: inherit !important; max-width: 100%; margin:0;    padding: 10px 10px
}
.mfp-gallery .mfp-image-holder .mfp-content {
	width: 85%;
    }
.mfp-gallery .mfp-title {
    padding: 10px 32px 10px;
}
.mfp-gallery .mfp-title p {
    font-size: 12px;
    margin-top: 0px;
}

}

@media (max-width: 540px){

   .mfp-gallery img.mfp-img {
  margin-top:40px; max-height: inherit !important; max-width: 100%; margin:0;    padding: 10px 10px
}
.mfp-gallery .mfp-image-holder .mfp-content {
	width: 85%;
    }
.mfp-gallery .mfp-title {
    padding: 10px 32px 10px;
}
.mfp-gallery .mfp-title p {
    font-size: 12px;
    margin-top: 0px;
}
    .mfp-gallery .mfp-arrow:after {font-size:32px; line-height:52px;}
    .mfp-gallery .mfp-arrow-left {margin-left:0; left:0}
    .mfp-gallery .mfp-arrow-right {margin-left:0; left:auto; right:0;}
    /*
    .mfp-gallery .mfp-image-holder .mfp-content {
	width: 85%;
    padding: 10px 10px;}
    .mfp-gallery img.mfp-img { margin-top:40px; max-height: inherit !important; max-width: 100%; margin:0;}
    .mfp-gallery .mfp-title { padding: 0;margin-top:26px;}
    .mfp-gallery .mfp-title b {font-size:18px;}
    .mfp-gallery .mfp-title p {font-size:12px;}
    .mfp-gallery .mfp-title p br.nc-smallscreen-br {display: block;}
    .mfp-gallery .mfp-arrow:after {font-size:32px; line-height:52px;}
    .mfp-gallery .mfp-arrow-left {margin-left:0; left:0}
    .mfp-gallery .mfp-arrow-right {margin-left:0; left:auto; right:0;}
       */

}




.gs_board_list { border-color: #ddd;}
.gs_board_list .gs_board_notice {font-weight:600;}

.board_top{

margin-top:0px;position: relative;    display: flex;
    width: 100%;
    justify-content: space-between;
}



.gs_board_list {width: 100%;table-layout: fixed;position: relative;border-top: 3px solid #0a0a0a;}
.gs_board_list caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}
.gs_board_list tr {width: 100%;}
.gs_board_list tr.bnotice {background:#FCFCFD;}
.gs_board_list th {padding: 26px 0 27px;position: relative;font-size: 16px;text-align: center;font-weight: 600;color: #0a0a0a;vertical-align: middle;border-bottom: 1px solid #dedede;}
.gs_board_list th:before {content: '';display: block;width: 1px;height: 15px;position: absolute;top: 50%;left: 0;margin-top: -8px;background: #ddd;}
.gs_board_list th:first-child:before {display: none;}
.gs_board_list td {padding: 20px 0;font-size: 15px;font-weight: 400;text-align: center;vertical-align: middle;border-bottom: 1px solid #dedede;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms;line-height: 1;}
.gs_board_list .gs_board_title_wrap {width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.gs_board_list .gs_board_title_wrap * {vertical-align: middle;}
.gs_board_list .gs_board_title_wrap a {font-size: 16px;font-weight:600;color: #080a14;letter-spacing: -0.023em;padding-left: 10px;}
.gs_board_list .bnotice .gs_board_title_wrap a {font-weight:700;}
.gs_board_list .gs_board_notice {display: inline-block;width: 60px;height: 30px;font-size: 14px;font-weight:600;line-height: 30px;color: #fff;background: #5c2483; font-weight: 500; position: relative; top: 0px;border-radius:5px;}
.gs_board_list .gs_board_notice_row td.gs_board_title { font-weight: 700;}
html.ie .gs_board_list .gs_board_notice {line-height:28px;}
html.ie .gs_board_list th {padding-top:21px; padding-bottom:20px;}
html.ie .gs_board_list th:before {margin-top:-7px;}
html.safari .gs_board_list .gs_board_notice {line-height:32px;}

.gs_board_list .num {width: 100px; }
.gs_board_list .title {width: auto;}
.gs_board_list .author {width: 140px;}
.gs_board_list .date {width: 140px;}
.gs_board_list .hit {width: 100px;}
.gs_board_list td.title {padding: 22px 35px;text-align: left;}



.gs_board_list td.gs_board_num {width: 132px;font-size: 16px;color: #888; font-weight: 600;}
.gs_board_list td.gs_board_title {text-align: left;padding: 36px 0 36px;}
.gs_board_list td.gs_board_attachment {width: 30px;height: 100%;padding: 0;}
.gs_board_download {z-index: 99;width: 100%;height: 100%;min-height: 100%;padding: 100% calc(50% - 5px);display: block;vertical-align: middle;}
.gs_board_date {width: 147px;}
.gs_board_date time{color:#0a0a0a;font-size: 14px;letter-spacing: 0;position: relative;top: 1px;left: -6px; font-weight: 500; letter-spacing: -0.015em;}
.gs_board_author { width: 170px;}
.gs_board_list .gs_board_title_wrap{display: inline-block;max-width: -webkit-calc(100% - 140px);max-width: calc(100% - 140px); vertical-align: middle;}
.gs_board_list .gs_arrow_btn{margin-left: 24px;opacity: 0;top: 1px;-webkit-transform: translate(-10px,0);-ms-transform: translate(-10px,0);transform: translate(-10px,0);display: inline-block;width: 45px;position: relative;-webkit-transition: 300ms;transition: 300ms;}
.gs_board_list .gs_arrow_btn svg path{ fill: #0a0a0a}
.gs_board_list td.gs_board_attachment svg { width: 10px; height: 17px; position: relative; top: 4px;}
.gs_board_list td.gs_board_attachment svg path { stroke: #0a0a0a;}
html.ie .gs_board_list .gs_arrow_btn {top:2px;}
html.ie .gs_board_list td.gs_board_title {padding:37px 0 38px;}

html.desktop .gs_board_list tr:hover .gs_arrow_btn { opacity: 1; -webkit-transform: translate(0px,0); -ms-transform: translate(0px,0); transform: translate(0px,0);}

.gs_board_list td.gs_board_nothing_found {padding: 100px 0;cursor: default;}
.ds_pagination {


}



.board_content blockquote {max-width: 750px;margin-left: auto;margin-right: auto;}
.board_content_view img, .board_content div.board_content_view {display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}

.board_content .board_title {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.48;
    color: #0a0a0a;
    letter-spacing: -0.07em;font-family: 'Maven Pro','Montserrat', 'Pretendard', 'NotoSansKR', sans-serif;
	text-align:center;
	padding:0px 0 0px;

}
.board_content .board_top_area {
    padding-bottom: 32px;
	 padding-top: 0px;
    border-bottom: 0px solid #eaeaea;
    position: relative;
}

.board_top_area  ul.board_top_head {
    font-size: 1.6rem;
    padding: 1.8rem 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
    background-color: #F6F6F6;
}

.board_top_area ul.board_top_head li strong {
    color: #333;
    font-weight: 600;
    font-size: 1.45rem;
    margin-right: 0.5rem;
}
.board_top_area ul.board_top_head li {
    display: inline-block;
    color: #555;
}
.board_top_area ul.board_top_head li ~ li {
    position: relative;
    padding-left: 1rem;
    margin-left: 1rem;
}
.board_top_area ul.board_top_head li ~ li::before {
    content: '';
    display: block;
    background-color: #ddd;
    width: 1px;
    height: 1.2rem;
    position: absolute;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    top: 50%;
}

.board_top_area .title_area{
    padding-bottom: 0px;
    padding-top: 0px;
    border-bottom: 0px solid #eaeaea;
    position: relative;
	margin:32px 0;
}

.board_top_area .title_area .recruit_board_state{display: table-cell;vertical-align:middle;width: auto;text-align: center;position:absolute;right:0; top: 50%;  transform: translate(0%, -50%);}
.board_top_area .title_area .recruit_board_state > span {font-size: 13px;line-height: 19px;width: 74px;display: inline-block;padding: 5px 2px 6px 2px;vertical-align: top;color: #fff;background: #0a0a0a;text-align: center;position: relative;left: -3px;font-weight:700;font-family: "Pretendard",sans-serif;}
.board_top_area .title_area .recruit_board_state > span.recruit_board_state_ing {background: #f52f23;}
.board_top_area .title_area .recruit_board_state > span.recruit_board_state_sing {background: #5f87ff;}
.board_top_area .title_area .recruit_board_state > span.recruit_board_state_end {background: #F8F9FB;color:#B0B2C1;}
.board_top_area .title_area .recruit_board_state > span.recruit_board_state_hn {background: #4488FF;}
.board_top_area .title_area .recruit_board_state > span.recruit_board_state_ps {background: #02ae74;}





.gs_search {margin-bottom: 31px;margin-top: -18px;font-size: 0;text-align: right;float: right;}

.gs_search_category {display: inline-block;width: 102px;vertical-align: top;position: relative;margin-right: 30px;}
.gs_search_category .selectric {width: 100%;border: none;border-bottom: 2px solid #0a0a0a;    text-align: left;}
.gs_search_category .selectric .label {height: 49px;font-weight: 300;line-height: 42px;position: relative;top: 5px;font-size: 17px;margin-left: 0; color:#0a0a0a}
.gs_search_category .selectric .button {height: 51px;right: -14px;}
.gs_search_category .selectric .button:after {font-size: 10px;font-weight:600;color: #0a0a0a;top: 8px;right: -3px;content: '\e911';font-family: 'nc-font';}
.gs_search_category .selectric-items li {border-color: #ddd;}
.gs_search_category .selectric:after{ display: none;}
html.ie .gs_search_category .selectric .button:after {top:-2px;}
html.ie .gs_search_category .selectric .label {height:45px;top:1px;}
html.ie .gs_search_subcategory .selectric .label {top:3px;}
html.safari .gs_search_category .selectric .label {line-height:45px;}

.gs_search_category.gs_search_subcategory { width: 192px;}

html.mobile .gs_search_category {background: #fff;border-radius: 0;overflow: hidden;}
html.mobile .gs_search_category:before {width: 14px;position: absolute;top: 0;right: 0;font-family: 'nc-font';content: '\e911';font-size: 14px; text-align: center;line-height: 42px;color: #0a0a0a; padding-top: 4px;}
html.mobile .gs_search_category > select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;margin: 0;padding: 14px 40px 14px 12px;position: relative;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;font-size: 15px;line-height: 1;font-weight: 300;color: #0a0a0a;background: transparent;border: 0;border-radius: 0; border-bottom: 2px solid #0a0a0a; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1; padding: 15px 0 10px;}

.gs_search_field {display: inline-block;position: relative;vertical-align: top;width: 265px;}
.gs_search_input.gs_form_field {width: 100%;height: 51px;margin: 0;padding-right: 0;padding-left: 0;vertical-align: top;background: #fff;border: none;border-bottom: 2px solid #0a0a0a;text-overflow: ellipsis;}
.gs_search_input.gs_form_field:focus {border-color: #0a0a0a;}
.gs_search_input::-webkit-input-placeholder {font-size: 16px; position: relative; top: 4px;}
.gs_search_input::-moz-placeholder {font-size: 16px; position: relative; top: 4px;}
.gs_search_input:-ms-input-placeholder {font-size: 16px; position: relative; top: 4px;}
.gs_search_button {background: no-repeat url(../img/search_ico.svg) center center transparent;background-size: 18px;display:  inline-block;vertical-align: top;width: 50px;height: 50px;padding: 0 0 3px;font-size: 16px;font-weight: 400;border: none;color: #0a0a0a;outline: none;cursor: pointer;-webkit-transition: 300ms;transition: 300ms;position: absolute;top: 3px;right: -15px;}
html.desktop .gs_search_button:hover {color: #0a0a0a;}
html.ie .gs_search_input.gs_form_field {height:47px; padding-right:30px;}
html.ie .gs_search_input:-ms-input-placeholder {top:0;}
html.ie .gs_search_button {top:0;}

.board_wrap .gs_search{ margin-top: -14px;}

.gs_search .selectric .button {
    width: 47px;
    height: 50px;
}


.gs_list_tag,
.gs_list_count,
.gs_list_last_update {float: left;font-weight: 400;margin-top: 10px;font-size: 16px;}
.gs_list_last_update.gs_list_count, .gs_list_last_update { font-weight: 700; font-size: 15px; color: #0a0a0a;}
.gs_list_tag {margin-right: 10px;}
.gs_list_tag span {font-weight: 700;}
.gs_list_count span{font-weight: 800;}
.gs_list_last_update time { letter-spacing: 0;}


.gs_search_category .selectric .label {
    height: 49px;
    font-weight: 300;
    line-height: 42px;
    position: relative;margin: 0 42px 0 12px;
    top: 8px;
    font-size: 17px;
    margin-left: 0;
    color: #0a0a0a;
}



.gs_search_category .gs_selectric { opacity: 0;}
.gs_search_category .selectric-hide-select .gs_selectric{ opacity: 1;}
.gs_select_wrap {width: 323px;position: relative;}
.gs_search_category .selectric {width: 100%;text-align: left;background: #fff;border: 1px solid #eaeaea;-webkit-transition: border-color 300ms;transition: border-color 300ms;}
.gs_search_category .selectric:after {content: '';display: block;position: absolute;left: -1px;right: -1px;top: -1px;bottom: -1px;border: 1px solid #0a0a0a;opacity: 0;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.gs_search_category .selectric .label {height: 48px;margin: 0 42px 0 12px;font-size: 16px;line-height: 48px;font-weight: 400;color: #666;}
.gs_search_category .selectric .button {width: 47px;height: 50px;}
.gs_search_category .selectric .button:after {width: 100%;font-family: 'nc-font';content: '\e911';font-size: 15px;color: #0a0a0a;border: none;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;}
.gs_search_category .selectric-items ul, .selectric-items li {width: 100%;font-size: 15px;text-align: left;}
.gs_search_category .selectric-items {background: #fff;border: solid #0a0a0a;border-width: 0 1px 1px;-webkit-box-shadow: none;box-shadow: none;opacity: 0;-webkit-transition: all 0.4s;transition: all 0.4s;margin-top:0;}
.gs_search_category .selectric-items ul {margin: 0;padding: 0;}
.gs_search_category .selectric-items li {padding: 5px 12px;line-height: 1.4;font-weight: 400;color: #888;}
.gs_search_category .selectric-items li:first-child {padding-top: 15px;}
.gs_search_category .selectric-items li:last-child {padding-bottom: 15px;}
html.desktop .gs_search_category .selectric-items li:hover, .selectric-items li.selected {color: #0a0a0a;background: #fff;}
.gs_search_category .selectric-hover .selectric {background: #fff;border-color: #0a0a0a;}
.gs_search_category .selectric-hover .selectric:after {opacity: 1;}
.gs_search_category .selectric-focus .selectric {background: #fff;border-color: #0a0a0a;}
.gs_search_category .selectric-focus .selectric:after {opacity: 1;}
.gs_search_category .selectric-open .selectric {background: #fff;border-color: #0a0a0a; border-bottom-color: #ddd;}
.gs_search_category .selectric-open .selectric:after {border-bottom: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1;}
.gs_search_category .selectric-open .selectric .button:after {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.gs_search_category .selectric-open .selectric-items {opacity: 1;}
.gs_search_category .selectric-above.selectric-open .selectric {border-top-color: #ddd;border-bottom-color: #0a0a0a;}
.gs_search_category .selectric-above.selectric-open .selectric:after {border-bottom: 1px solid #0a0a0a;border-top: none;}
.gs_search_category .selectric-above.selectric-open .selectric-items {border-width: 1px 1px 0;}

html.ie .gs_search_category .selectric .label {line-height:45px;font-weight:500;}



.gs_search_category {display: inline-block;width: 102px;vertical-align: top;position: relative;margin-right: 30px;}
.gs_search_category .selectric {width: 100%;border: none;border-bottom: 2px solid #0a0a0a;    text-align: left;height: auto;
    line-height: auto;}
.gs_search_category .selectric .label {height: 49px;font-weight: 500;line-height: 42px;position: relative;top: 8px;font-size: 14px;margin-left: 0; color:#0a0a0a}
.gs_search_category .selectric .button {height: 51px;right: -14px;}
.gs_search_category .selectric .button:after {font-size: 14px;font-weight:500;color: #0a0a0a;top: 6px;right: -3px;content: '\E816';font-family: 'nc-font';}
.gs_search_category .selectric-items li {border-color: #ddd;}
.gs_search_category .selectric:after{ display: none;}
html.ie .gs_search_category .selectric .button:after {top:-2px;}
html.ie .gs_search_category .selectric .label {height:45px;top:1px;}
html.ie .gs_search_subcategory .selectric .label {top:3px;}
html.safari .gs_search_category .selectric .label {line-height:45px;}

.gs_search_category.gs_search_subcategory { width: 192px;}

html.mobile .gs_search_category {background: #fff;border-radius: 0;overflow: hidden;}
html.mobile .gs_search_category:before {width: 14px;position: absolute;top: 0;right: 0;font-family: 'nc-font';content: '\E816';font-size: 14px; text-align: center;line-height: 42px;color: #0a0a0a; padding-top: 4px;}
html.mobile .gs_search_category > select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;margin: 0;padding: 14px 40px 14px 12px;position: relative;font-family: 'Maven Pro', 'NotoSansKR', sans-serif;font-size: 15px;line-height: 1;font-weight: 300;color: #0a0a0a;background: transparent;border: 0;border-radius: 0; border-bottom: 2px solid #0a0a0a; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1; padding: 15px 0 10px;}
.gs_search_category  .selectric-open .selectric{
border-bottom: 2px solid #0a0a0a;
}

.gs_search .gs_form_field {
    display: inline-block;
  
    padding: 14px 0px 8px 0px;
    vertical-align: middle;
    font-size: 14px;
    outline: none;
	letter-spacing: -0.023em;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border 300ms, -webkit-box-shadow 300ms;
    transition: border 300ms, -webkit-box-shadow 300ms;
    transition: border 300ms, box-shadow 300ms;
    transition: border 300ms, box-shadow 300ms, -webkit-box-shadow 300ms;
}



.gs_search input[type=text]::-webkit-input-placeholder {font-family: 'Maven Pro', 'NotoSansKR', sans-serif;font-size: 14px;color: #aaa;letter-spacing: -0.023em;padding: 15px 0px 10px 0px;}
.gs_search input[type=text]::-moz-placeholder {font-family: 'Maven Pro', 'NotoSansKR', sans-serif;font-size: 14px;color: #aaa;padding: 15px 0px 10px 0px;letter-spacing: -0.023em;}
.gs_search input[type=text]:-ms-input-placeholder {font-family: 'Maven Pro', 'NotoSansKR', sans-serif;font-size: 14px;color: #aaa;padding: 15px 0px 10px 0px;letter-spacing: -0.023em;}
.gs_search input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: transparent;padding: 15px 0px 10px 0px;letter-spacing: -0.023em;}
.gs_search input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: transparent;padding: 15px 0px 10px 0px;letter-spacing: -0.023em;}
.gs_search input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color: transparent;padding: 15px 0px 10px 0px;letter-spacing: -0.023em;}

.gs_search input[type=text]{font-family: 'Maven Pro', 'NotoSansKR', sans-serif;font-size: 14px;color: #aaa;letter-spacing: -0.023em;padding: 15px 0px 10px 0px;}

.gs_search_category .selectric-items li {
    padding: 5px 12px;
    line-height: 1.4;
	font-size:14px;
    font-weight: 500;
    color: #888;
}



.gs_board_list tbody td.file{
    padding: 18px 16px 18px;position: relative;
}

.gs_board_list tbody td.file span{

display:inline-block;
width:33.333333%;
position: relative;
display: inline-grid;
}

.gs_board_list tbody td.file span:before{
    width: 100%;
    /* height: 20px; */
    position: absolute;
    top: 50%;
    margin-top: -14px;
    font-family: 'fileicon';
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;    color: #444;
	    
}
.gs_board_list tbody td.file span.docx:before,.gs_board_list tbody td.file span.doc:before{

content: '\e801';



}
.gs_board_list tbody td.file span.jpg:before,.gs_board_list tbody td.file span.jpeg:before,.gs_board_list tbody td.file span.png:before,.gs_board_list tbody td.file span.bmp:before,.gs_board_list tbody td.file span.gif:before{

content: '\f1c5';


}
.gs_board_list tbody td.file span.zip:before,.gs_board_list tbody td.file span.rar:before{

content: '\f1c6';


}

.gs_board_list tbody td.file span.ppt:before,.gs_board_list tbody td.file span.pptx:before{

content: '\f1c4';


}

.gs_board_list tbody td.file span.xls:before,.gs_board_list tbody td.file span.xlsx:before{

content: '\f1c3';


}

.gs_board_list tbody td.file span.pdf:before{

content: '\f1c1';


}
.gs_board_list tbody td.file span.word:before{
content: '\f1c2';


}
.gs_board_list tbody td.file span.hwp:before,.gs_board_list tbody td.file span.txt:before{

content: '\f0f6';


}
html.mobile .gs_search_category > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    margin: 0;
    padding: 14px 40px 14px 12px;
    position: relative;
    font-family: 'Montserrat', 'NotoSansKR', sans-serif;
    font-size: 15px;
    line-height: 1;
    font-weight: 300;
    color: #0a0a0a;
    background: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #0a0a0a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    padding: 15px 0 10px;
}

@media (max-width: 1660px){
	.gs_board_list .gs_board_notice { font-size: 12px; width: 52px; height: 24px; line-height: 24px; top: auto; }
	html.ie .gs_board_list .gs_board_notice {line-height: 24px; }
	html.safari .gs_board_list .gs_board_notice {line-height: 26px; }
	.gs_board_list .gs_board_title_wrap a {font-size: 16px; word-break: break-word;}
	.gs_board_list th { padding: 26px 0 27px; font-size: 15px; }
	.gs_board_list td {font-size: 13px;}
	.gs_board_list td.gs_board_title {padding: 32px 0 32px;}
	.gs_board_list td.gs_board_attachment svg { width: 8px; height: auto; }
	html.ie .gs_board_list td.gs_board_title {padding: 32px 0 32px;}
	html.ie .gs_board_list td.gs_board_attachment svg {height: 15px; }
	.gs_board_list td.gs_board_num { width: 114px; font-size: 13px; line-height: 1; }
	.gs_board_date { width: 118px; line-height: 1;}
	.gs_board_date time {font-size: 12px;}
	.gs_board_list .gs_arrow_btn {top: 1px; width: 36px;}

.gs_search_category .selectric .label {
    height: 43px;
    line-height: 40px;
    font-size: 14px;
}
.gs_search_button {
    width: 44px;
    height: 44px;
    background-size: 16px;
    padding: 0;
    right: -14px;
}
.gs_form_field {
    display: inline-block;
    width: 280px;
    height: 50px;
    margin: 0;
    padding: 11px 14px 10px 5px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.75;
    color: #666;
    border: 1px solid #eaeaea;
    outline: none;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border 300ms, -webkit-box-shadow 300ms;
    transition: border 300ms, -webkit-box-shadow 300ms;
    transition: border 300ms, box-shadow 300ms;
    transition: border 300ms, box-shadow 300ms, -webkit-box-shadow 300ms;
}
.gs_form_field {
    height: 44px;
    font-size: 14px;
}
.gs_search_input.gs_form_field {
    height: 45px;
}
.gs_search_category .selectric .button {
    height: 45px;
}
.gs_search_category .selectric-items li:first-child {
    padding-top: 13px;
}
}
.view-pagination {width: 100%;margin: 57px 0 52px;position: relative;border-top: 3px solid #000;border-bottom: 1px solid #eaeaea;overflow: hidden;float:none;}
.view-pagination:after {content: '';display: block;width: 1px;height: -webkit-calc(100% - 88px);height: calc(100% - 88px);position: absolute;top: 44px;left: 50%;background: #ddd;}
.view-pagination li {width: 50%;padding: 32px 50px 33px;text-align: center;cursor: pointer;}
.view-pagination li:after {display: block;position: absolute;top: 50%;margin-top: -10px;font-family: 'kt-font';font-size: 20px;line-height: 1;font-weight: bold;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms, left 200ms, right 200ms;transition: opacity 300ms, left 200ms, right 200ms;}
.view-pagination li.prev {float: left;}
.view-pagination li.prev:after {left: 14px;content: '\e902';}
.view-pagination li.next {float: right;}
.view-pagination li.next:after {right: 14px;content: '\e903';}
.view-pagination li span {display: block;margin-bottom: 12px;font-size: 14px;font-weight: 500;}
.view-pagination li p {max-height: 3.1em;font-size: 16px;line-height: 1.25;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-weight:700;    color: #080a14;}
html.desktop .view-pagination li:hover:after {opacity: 1;visibility: visible;}
html.desktop .view-pagination li.prev:hover:after {left: 3px;}
html.desktop .view-pagination li.next:hover:after {right: 3px;}



html.desktop .view-pagination li.off:hover:after {opacity: 0;visibility: none;}
.board_middle_area{
min-height:200px;margin-bottom:30px;border-bottom: 1px solid #eaeaea;    
    padding: 5rem 6rem;
    border-bottom: 1px solid #eaeaea;
    word-break: keep-all;
    line-height: 1.6;    font-size: 1.8rem;
    color: #4a4a4a;
    line-height: 32px;
}


.view-content h1,
.view-content h2,
.view-content h3,
.view-content h4,
.view-content h5,
.view-content h6,
14px,
.view-content ul:not(.gs_gallery),
.view-content ol:not(.gs_gallery),
.view-content blockquote {/*max-width: 750px;*/margin-left: auto;margin-right: auto;}
.view-content img{display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}

.view-content h1,
.view-content h2,
.view-content h3,
.view-content h4,
.view-content h5,
.view-content h6 {margin-bottom: 20px;font-weight: 500;line-height: 1.4;color: #0a0a0a; margin-top: 80px;}
.view-content h1,
.view-content h2 {font-size: 27px;}
.view-content h3 {font-size: 24px;margin-top: 80px;}
.view-content h4 {font-size: 26px;}
.view-content h5 {font-size: 22px;}
.view-content h6 {font-size: 17px;}
.view-content h6 + ul:not(.gs_gallery) {margin-top: 22px;}
.view-content h6 + ol:not(.gs_gallery) {margin-top: 22px;}
.view-content p {margin-bottom: 32px;font-weight: 500;line-height: 1.65;letter-spacing: -0.023em;}
.view-content b {font-weight: 600;}
.view-content strong {background: #ffe5e5;-webkit-box-shadow: inset 0 0 0 2px #fff;box-shadow: inset 0 0 0 2px #fff; padding: 0 2px; margin: 0 -2px;}
.view-content a {word-break: break-all;}
.view-content a:not(.gs_btn_basic) {color: #080a14;border-bottom: 1px solid #080a14; -webkit-transition: all 300ms; transition: all 300ms;}



@media (max-width: 768px){
 
 .gs_board_list tr {position:relative;padding: 20px 0;display: block;}
    .gs_board_list tr:after {width:100%;height:1px;background:#ddd;content:'';display:block;position: absolute;bottom: 0;}
    .gs_board_list tr.gs_board_notice_row {padding-top:18px;}
    .gs_board_list td {border-bottom:none;}
    .gs_board_list td.gs_board_num {display:inline-block;width:auto;font-size:0;padding: 0;}
    .gs_board_list td.gs_board_num .gs_board_notice {width:41px;height: 21px;line-height: 21px;margin-right:6px; margin-top:2px;font-weight:500;}
	html.ie .gs_board_list td.gs_board_num .gs_board_notice {line-height: 20px;}
    .gs_board_list td.gs_board_title  {display:inline-block; max-width: -webkit-calc(100% - 30px);  max-width: calc(100% - 30px);padding:0; margin-left:-4px;}
    .gs_board_list td.gs_board_title  {display:inline-block; max-width: -webkit-calc(100% - 60px);  max-width: calc(100% - 60px);padding:0; margin-left:-4px;width: 100%;}

 .gs_board_list td.nodata{

width:100%;display:flex;
 }

.board_top_area ul.board_top_head {
    font-size: 1.2rem;
    padding: 1.4rem 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
    background-color: #F6F6F6;
}
.board_top_area ul.board_top_head li strong {
    color: #333;
    font-weight: 500;
    margin-right: 0.5rem;
}
.board_content .board_title {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.48;
    color: #0a0a0a;
    letter-spacing: -0.07em;
    font-family: 'Maven Pro','Montserrat', 'Pretendard', 'NotoSansKR', sans-serif;
    text-align: center;
    padding: 0px 0 0px;
}

	html.ie .gs_board_list td.gs_board_title  {padding:0; margin-left:-4px;}
    .gs_board_list .gs_board_notice_row td.gs_board_title {max-width: -webkit-calc(100% - 90px);  max-width: calc(100% - 90px);}
    .gs_board_list td.gs_board_title .gs_board_title_wrap {max-width:98%;}
	html.ie .gs_board_list td.gs_board_title .gs_board_title_wrap {max-width:98%;}
    .gs_board_list .gs_board_title_wrap a {font-size:16px;padding-left: 0px;}
    .gs_board_list td.gs_board_attachment  {display:inline-block; width:auto; padding:0;margin-left:7px; vertical-align: bottom;}
	.gs_board_list td.gs_board_attachment svg {width: 7px;}
	html.ie .gs_board_list td.gs_board_attachment svg {top:5px;}
    .gs_board_list td.gs_board_date {display:block;width:auto;text-align:left;padding: 0;position: static;margin: 6px 0 0;}
    .gs_board_list td.gs_board_date time {position: static;display: block;}
    html.ios .gs_board_list td.gs_board_num .gs_board_notice {line-height:23px;}
.gs_board_list tbody td.file a:nth-child(2),.gs_board_list tbody td.file a:nth-child(3){
display:none;
}
.board_top .gs_search {
    margin-top: 0;
}
.board_top {
    position: relative;
    padding-top: 82px;
    margin-top: -3px;
}
.board_wrap {

}
.gs_search_category .selectric .label {
    font-size: 13px;
}
.gs_search_category .selectric-items ul, .gs_search_category .selectric-items li {
    font-size: 13px;
}
.gs_list_tag, .gs_list_count, .gs_list_last_update {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 15px;
}
.board_top .gs_search {
    float: none;
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;text-align: left;
}
.gs_search_category {
    width: 82px;
    margin-right: 20px;
}

.gs_search_category .selectric-items li {
    padding: 5px 12px;
    line-height: 1.4;
    font-weight: 400;
    color: #888;
}
.gs_search_category .selectric .label {
    height: 40px;
    line-height: 40px;
    top: 0;
    padding-top: 3px;
}
.gs_search_category .selectric .button {
    height: 42px;
}
.gs_search_input.gs_form_field {
    height: 42px;
}
.gs_search_field {
    width: calc(100% - 102px);
}
.gs_search .gs_form_field {

    font-size: 13px; padding:11px 14px 6px 2px;    border-radius: 0;
}

.gs_search .gs_form_field {

    font-size: 13px; padding:11px 14px 10px 2px;    border-radius: 0;    padding-right: 0;
    padding-left: 0;
}

.gs_search_category .selectric .label {
    height: 40px;
    line-height: 40px;
    top: 0;
    padding-top: 2px;
}
.selectric-items {
    background: #fff;
    border: solid #0a0a0a;
    border-width: 0 1px 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.gs_board_list thead{
display:none;
}

.gs_board_list tbody td.file {
    padding: 0;
    position: absolute;
    right: 0;top: 32%;
    height: auto;
 
}
.gs_board_list tbody td.file span {
    padding: 0px 9px;
}
   html.mobile .gs_search_category > select {height:42px;padding-bottom: 7px;font-size:13px;}

.gs_search input::placeholder {
  font-size:13px;font-weight:400;line-height:1.4;    padding: 11px 14px 12px 2px;
}
.gs_search_button {
    width: 24px;
    height: 44px;
    background-size: 16px;
    padding: 0;
    right: 0px;
}
.board_top_area .title_area .recruit_board_state {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    text-align: center;
    position: absolute;
    right: 0;
    top: 100%;
    transform: translate(0%, -50%);
}
.board_top_area ul.board_top_head li ~ li {
    position: relative;
    padding-left: 3px;
    margin-left: 0px;
}
.board_top_area ul.board_top_head {
    font-size: 12px;
    padding: 1.4rem 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
    background-color: #F6F6F6;
}
.board_top_area ul.board_top_head li strong {
    color: #333;
    font-weight: 500;
    margin-right: 0.5rem;
    font-size: 11px;margin-left: 0.2rem;
}
}

.tnoResult {
    min-height: 150px;
    text-align: center;
    padding: 46px 0;
	border-top: 3px solid #0a0a0a;
	    border-bottom: 1px solid #dedede;
}

.tnoResult strong {
    font-size: 14px;
    font-weight: normal;
    line-height: 150px;  
}

.tnoResult strong:before {
    display: block;
    width: 38px;
    height: 38px;
    margin: 0 auto 16px;
    font-family: 'nc-font';
    content: '\e846';
    font-size: 38px;
    font-weight: normal;
    text-align: center;
    color: #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.cnoResult {
    min-height: 150px;
    text-align: center;
    padding: 46px 0;
    border-bottom: 0px solid #dedede;
    border: 1px solid #dedede;
    border-radius: 10px;
    background:#FEFEFE;

}

.cnoResult strong {
    font-size: 14px;
    font-weight: normal;
    line-height: 150px; color:#888;
}
.cnoResult strong:before {
    display: block;
    width: 38px;
    height: 38px;
    margin: 0 auto 16px;
    font-family: 'nc-font';
    content: '\e846';
    font-size: 38px;
    font-weight: normal;
    text-align: center;
    color: #888;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}




 .board_middle_area .attached_file {
  padding: 20px 50px;
  background-color: #F7F7F9;
  border-radius: 8px;
  margin-bottom: 10px;
}

 .board_middle_area .attached_file dl {
  position: relative;
  padding-left: 100px;
}

 .board_middle_area .attached_file dl dt {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'Maven Pro','Montserrat', 'Pretendard', 'NotoSansKR', sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #465059;
  font-style: normal;
  line-height: calc(24 / 16);
}

 .board_middle_area .attached_file dl dd {
      font-family: 'Maven Pro','Montserrat', 'Pretendard', 'NotoSansKR', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #061332;
  font-style: normal;position: relative;
}

 .board_middle_area .attached_file dl dd a {

  text-decoration: none;
}

.board_middle_area .view-content{
min-height:200px;margin-bottom:30px;
}
@media screen and (max-width: 1023px) {
   .board_middle_area .view_cont {
    padding-top: 50px;
  }
   .board_middle_area .view_edit {
    margin-top: 0;
    padding: 50px 0 60px;
    border-top: none;
  }
   .board_middle_area .attached_file {
    padding: 22px 20px 17px;
    margin-bottom: 30px;
  }
   .board_middle_area .attached_file dl {
    padding-left: 95px;
  }
   .board_middle_area .attached_file dl dt {
    font-size: 14px;
  }
   .board_middle_area .attached_file dl dd {
    font-size: 14px;
  }
}

.dwL_area {position: relative;margin-top: 28px;width: 100%;
    position: relative;
    text-align: right;}
.dwL_area .hn_btn_icon span {padding-right: 0;font-size: 16px;font-weight: 600;    text-align: right;}
.dwL_area .hn_btn_icon.hn_download_ico svg{ margin-top: -6px;}
html.ie .dwL_area {margin-top:-30px;}


@media(max-width: 1660px){

	.dwL_area {margin-top:0px;}
	.dwL_area .hn_btn_icon span { font-size: 14px; }

	
	
}


.hn_btn_icon {background: #f52f23;display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: left;min-width: 150px;padding:15px 58px 15px 28px;font-size: 16px;font-weight: 400;color: #fff;-webkit-transition: all 300ms;transition: all 300ms;}
.hn_btn_icon .btn_overlay {background: #cc190e;}
.hn_btn_icon span {/* padding-right: 30px; */display: inline-block;position: relative;-webkit-transition: padding 300ms;transition: padding 300ms;font-weight:500;white-space: nowrap;}
.hn_btn_icon span[lang="en"] {font-weight:400;}
.hn_btn_icon span:after {display: block;width: 20px;height: 20px;position: absolute;right: 0;top: 50%;margin-top: -9px;font-family: 'kt-font';font-size: 12px;font-weight: normal;line-height: 20px;text-align: center;-webkit-transition: opacity 300ms;transition: opacity 300ms;}

.hn_btn_icon.gs_large {width: 160px;padding-top: 19px;padding-bottom: 19px;}
.hn_btn_icon.gs_icon_check span:after {content: '\e935';}

.hn_btn_icon.hn_download_ico svg path{ fill:#fff;-webkit-transition: 0.3s;transition:0.3s}
.hn_btn_icon.gs_type_02 {color: #fff;background: #f52f23;border-color: #f52f23;}

.hn_btn_icon.btn_type_03 .btn_overlay{background: #0a0a0a}
.hn_btn_icon svg,
.hn_btn_icon.hn_download_ico svg { position: absolute;top: 50%; margin-top: -7px; right: 28px;z-index: 1;}

html.desktop .hn_btn_icon.btn_type_03:hover { color: #fff;}
html.desktop .hn_btn_icon.hn_download_ico.btn_type_03:hover svg path { fill: #fff;}
.hn_btn_icon.btn_type_03 { background: transparent; color: #0a0a0a;border: 2px solid #0a0a0a;}
.hn_btn_icon.btn_type_03 svg path { fill: #0a0a0a}


html.ie .hn_btn_icon {padding-top:22px; padding-bottom:23px;}

html.ios .hn_btn_icon {padding-top: 17px;padding-bottom: 15px;}
html.ios .hn_btn_icon.gs_large {padding-top: 20px;padding-bottom: 18px;}

html.safari .hn_btn_icon {padding-top:25px; padding-bottom: 20px;}


.hn_btn_spread {overflow: hidden; position:relative;}

html.ie .hn_btn_spread {border: 0;}
html.ie .hn_btn_spread:before {content: ''; display: block; width: calc(100% - 4px); height: calc(100% - 4px); width: -webkit-calc(100% - 4px); height: -webkit-calc(100% - 4px); border: 2px solid #0a0a0a;  position: absolute; top: 0; left: 0;}


.hn_btn_spread span {position: relative; z-index: 2; /* top: -1px; */}
.btn_overlay {display: block; width: 0; height: 0; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #0a0a0a; border-radius: 50%; z-index: 1;}

html.desktop .btn_type_03.hn_btn_spread:hover {background: transparent;border:none;}
html.desktop .btn_type_03.hn_btn_spread:hover:before {border-color: #fff;}
html.desktop .btn_type_03.hn_btn_spread:hover { border: 2px solid #121e34;}

html.ie .btn_type_03.hn_btn_spread:hover:before {border-color:#5f87ff;}
html.ie .btn_type_03.hn_btn_spread:hover {border:none;}

.btn_type_03.hn_btn_spread .btn_overlay { background-color: #5f87ff;}

/* html.desktop .hn_btn_spread:hover {background: transparent; color:#fff; border-color:var(--color-dark)} */
html.desktop .hn_btn_spread:hover .btn_overlay {background-color:#5f87ff}
html.desktop .hn_btn_spread.gs_point_btn:hover:after {color: #fff;}
html.desktop .hn_btn_spread:hover { color: #5f87ff;}

html.desktop .btn_type_03.hn_btn_spread:hover{
background-color:#121e34;
}
html.desktop .btn_type_03.hn_btn_spread:hover span{
color: #fff;
}
html.desktop .hn_btn_icon.hn_download_ico.btn_type_03:hover svg path {
    fill: #fff;
}
@media(max-width: 960px){


.dwL_area {text-align: center;}

.dwL_area .hn_btn_icon {
    min-width: 160px;
    padding: 14px 10px 16px 10px;
    font-size: 11px;
    width: 48%;
	margin-bottom:5px;
    line-height: 1.2;
}

}
@media(max-width: 768px){

.dwL_area .hn_btn_icon span {
    font-size: 13px;
}
.dwL_area .hn_btn_icon {
    min-width: 160px;
    padding:18px 30px 17px 10px;font-size: 11px;width: 48%;
}
.hn_btn_icon svg, .hn_btn_icon.hn_download_ico svg {
    right: 8px;
}
.dwL_area .hn_btn_icon {
    min-width: 160px;
    padding: 14px 10px 16px 10px;
    font-size: 11px;
    width: 48%;
	margin-bottom:5px;
    line-height: 1.2;
}
}

@media(max-width: 560px){

.dwL_area .hn_btn_icon span {
    font-size: 11px;
}

.hn_btn_icon svg, .hn_btn_icon.hn_download_ico svg {
   display:none;
}
.hn_btn_icon{
text-align: center;
}
.dwL_area .hn_btn_icon {
    min-width: 160px;
    padding: 14px 10px 16px 10px;
    font-size: 11px;
    width: 48%;    line-height: 1.2;
}
.hn_btn_spread span {
    position: relative;
    z-index: 2;
    top: -2px;
}
}
@media screen and (max-width: 768px) {
.board_middle_area .attached_file dl dt{
    display:none;
}
.board_middle_area .attached_file dl {
    padding-left: 0px;width: 100%;
}
.board_middle_area .attached_file dl dd a {
    text-decoration: none;    float: left;

}
.board_middle_area .attached_file dl dd {
    font-size: 13px;
    width: 100%;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.board_middle_area .attached_file {
    padding: 22px 20px 22px;
    margin-bottom: 30px;
}
.board_middle_area .attached_file dl dd.file .file_view_tt p {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /* font-size: 22rem; */
    /* min-width: 160px; */
    opacity: 1;
    font-weight: 500;
    /* display: contents; */
}

.board_top_area .title_area .recruit_board_state > span {
    font-size: 11px;
    line-height: 11px;
    width: auto;
    display: inline-block;
    padding: 6px 12px 6px 12px;
    vertical-align: top;
    color: #fff;
    background: #0a0a0a;
    text-align: center;
    position: relative;
    left: -3px;
    font-weight: 700;
    font-family: "Pretendard",sans-serif;
}
.board_middle_area{
    min-height: auto;
}
.view-pagination li {
    width: 50%;
    padding: 12px 10px 13px;
    text-align: center;
    cursor: pointer;
}
.view-pagination li span {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 500;
}
.view-pagination li p {
    max-height: 3.1em;
    font-size: 14px;
    line-height: 1.25;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 700;
    color: #080a14;
}
.board_top_area .title_area .recruit_board_state {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    text-align: center;
    position: absolute;
    right: 0;
    top: -25px;
    transform: translate(0%, 0%);
}
.view-pagination:after {
    content: '';
    display: block;
    width: 1px;
    height: -webkit-calc(100% - 88px);
    height: calc(100% - 88px);
    position: absolute;
    top: 44px;
    left: 50%;
    background: #ddd;
}
.view-pagination:after {
    content: '';
    display: block;
    width: 1px;
    height: -webkit-calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute;
    top: 20px;
    left: 50%;
    background: #ddd;
}
.board_middle_area {
    min-height: auto;
    margin-bottom: 30px;
    border-bottom: 1px solid #eaeaea;
    padding: 0;
    word-break: keep-all;
    line-height: 1.6;
    font-size: 1.2rem;
    color: #4a4a4a;
    line-height: 32px;
}
.view-pagination li p {
    max-height: 3.1em;
    font-size: 16px;
    line-height: 1.25;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 700;
    color: #080a14;
}
.board_middle_area .view-content {
    padding: 1.5rem;
}
}

a.gopage > span:after {
    content: '\E92D';
    font-family: 'nc-font';
    font-size: 1.6rem;
    color: #121e34;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;
    font-weight: 500;
    position: absolute;
    right: -30px;
    top: 50%;
    margin-top: -6px;
}
a:hover.gopage > span:after {
    content: '\E92D';
    font-family: 'nc-font';
    font-size: 1.6rem;
    color: #fff;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;
    font-weight: 500;
    position: absolute;
    right: -30px;
    top: 50%;
    margin-top: -6px;
}
.board_wrap .hn_btn_icon {
    background: #fff;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-align: center;
    min-width: 150px;
    padding: 15px 28px 15px 28px;
    font-size: 16px;
    font-weight: 400;
    color: #121e34;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}
a.gopage > span:after {
display:none;
}
@media(max-width: 960px){


.dwL_area {text-align: center;}

.dwL_area .hn_btn_icon {
    min-width: 160px;
    padding: 14px 10px 16px 10px;
    font-size: 11px;
    width: 48%;
	margin-bottom:5px;
    line-height: 1.2;
}
.board_wrap .dwL_area .hn_btn_icon{
  min-width: 160px;
    padding: 14px 10px 14px 10px;
    font-size: 11px;
    width: auto;
	margin-bottom:0px;
    line-height: 1.2;
	text-align:center;
}
a.gopage > span:after {
display:none;
}

a.gopage > span:after {
    content: '\E92D';
    font-family: 'nc-font';
    font-size: 12px;
    color: #0a0a0a;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;
    font-weight: 500;
    position: absolute;
    right: -30px;
    top: 50%;
    margin-top: -6px;
}
a.gopage:hover > span:after {
    content: '\E92D';
    font-family: 'nc-font';
    font-size: 12px;
    color: #fff;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;
    font-weight: 500;
    position: absolute;
    right: -30px;
    top: 50%;
    margin-top: -6px;
}
}
@media(max-width: 560px){
.hn_btn_spread span {
    position: relative;
    z-index: 2;
    top: 0px;
}
.board_wrap .dwL_area .hn_btn_icon{
  min-width: 120px;
    padding: 14px 10px 14px 10px;
    font-size: 11px;
    width: auto;
	margin-bottom:0px;
    line-height: 1.2;
	text-align:center;
}
a.gopage > span:after {
    content: '\E92D';
    font-family: 'nc-font';
    font-size: 12px;
    color: #0a0a0a;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;
    font-weight: 500;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -8px;
}
a.gopage:hover > span:after {
    content: '\E92D';
    font-family: 'nc-font';
    font-size: 12px;
    color: #fff;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;
    font-weight: 500;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -8px;
}
}



.btn_area{ text-align: center; margin-top: 30px;margin-bottom: 30px; }

.gs_btn { display: inline-block; position: relative; vertical-align: middle; font-size: 0; text-align: center; padding: 14px 46px; background: transparent; color: #111; border: 2px solid #111; cursor: pointer; transition: color .3s, background-color .3s, border .3s; }
.gs_btn > span { position: relative; font-size: 16px; line-height: 30px; font-weight: 700; letter-spacing: -0.023em; color: inherit !important; }

html.desktop .gs_btn:hover, 
html.desktop .gs_btn.gs_btn_type_01:hover { color: #fff; background-color: #080a14; border-color: #080a14; }

.gs_btn.gs_btn_type_02 { color: #fff; background: #111; }
html.desktop .gs_btn.gs_btn_type_02:hover { background: #080a14; border-color: #080a14; }

.gs_btn.gs_btn_s { padding: 7px 20px; }
.gs_btn.gs_btn_s > span { font-size: 15px; line-height: 26px; }


.gs_btn_r { display: inline-block; position: relative; vertical-align: middle; font-size: 0; padding: 7px 24px; background-color:#111; color:#fff; border-radius: 50px; border: 0; cursor: pointer; transition: background-color .3s, color .3s, box-shadow .3s; }
.gs_btn_r > span { position: relative; font-size: 15px; line-height: 26px; letter-spacing: -0.023em; font-weight: 700; vertical-align: middle; }
.gs_btn_r .gs_guide_ico { position:relative; vertical-align: middle; width: 24px; margin-left: 4px; }
.gs_btn_r .gs_guide_ico path,
.gs_btn_r .gs_guide_ico circle { fill: #fff; -webkit-transition: fill .3s; transition: fill .3s; }
html.desktop .gs_btn_r:hover { background-color: #080a14; }

.gs_btn_r.gs_btn_type_02 { background-color: transparent; box-shadow: inset 0 0 0 2px #666; color: #666; }
html.desktop .gs_btn_r.gs_btn_type_02:hover { background-color: transparent; box-shadow: inset 0 0 0 2px #080a14; color: #080a14; }

.gs_btn_under { display: inline-block; position: relative; vertical-align: middle; font-size: 0; color: #080a14; padding: 0; background: none; border: 0; cursor: pointer; }
.gs_btn_under > span { display: inline-block; vertical-align: middle; position: relative; font-size: 16px; line-height: 30px; letter-spacing: -0.023em; font-weight: 500; }
.gs_btn_under .gs_guide_ico { position: relative; margin-left: 6px; width: 8px; vertical-align: middle;  top: -1px; }
.gs_btn_under .gs_guide_ico path { stroke: #080a14; }
.gs_btn_under > span:after {content: '';display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: 4px;background: #080a14;transform-origin: 100% 50%;transform: scale3d(0, 1, 1);transition: transform .3s;}
html.desktop .gs_btn_under:hover > span:after {transform-origin: 0% 50%;transform: scale3d(1, 1, 1);}

.gs_btn_under--negative > span:after { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); }
html.desktop .gs_btn_under--negative:hover > span:after {transform-origin: 100% 50%;transform: scale3d(0, 1, 1);}

.gs_btn_under.gs_btn_type_02 { color:#fff; }
.gs_btn_under.gs_btn_type_02 .gs_guide_ico path { stroke: #fff; }
.gs_btn_under.gs_btn_type_02 > span:after { background: #fff; }

.gs_btn_under.gs_btn_type_03 { color:#111; }
.gs_btn_under.gs_btn_type_03 .gs_guide_ico path { stroke: #111; }
.gs_btn_under.gs_btn_type_03 > span:after { background: #111; }

.gs_btn_under.gs_btn_type_04 { color:#888; }
.gs_btn_under.gs_btn_type_04 .gs_guide_ico path { stroke: #888; }
.gs_btn_under.gs_btn_type_04 > span:after { background: #888; }


.gs_btn_mini { display: inline-block; position: relative; vertical-align: middle; font-size: 0; color: #666; padding: 3px 12px; background-color: #f3f3f3; border-radius: 4px; border: 0; cursor: pointer; transition: background-color .3s, color .3s; }
html.ios .gs_btn_mini { padding-top: 5.5px; }
html.android .gs_btn_mini { padding-top: 4px; }
.gs_btn_mini > span { font-size: 14px; line-height: 20px; letter-spacing: -0.023em; font-weight: 500; }
html.desktop .gs_btn_mini:hover { color: #fff; background-color: #080a14; }

.gs_btn_mini.gs_btn_type_02 { background: #111; color: #fff; }


@media (max-width: 1023px){


 .gs_btn { width: 210px; padding: 14px 16px; }
 .gs_btn.gs_btn_s { width: auto; }



}

@media (max-width: 860px){


   html.android .gs_btn_under .gs_guide_ico { top: 0; }
   html.ios .gs_btn { padding-bottom: 13px; }

.gs_btn {
    width: auto;
    padding: 14px 16px;
}
.gs_btn > span {
    position: relative;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.023em;
    color: inherit !important;
}
}

@media (max-width: 540px){

   .gs_btn { min-width: 100px; padding: 12px 16px; }
    html.android .gs_btn { padding-bottom: 13px; }
    html.ios .gs_btn { padding: 14px 16px 12px; }

    html.android .gs_btn.gs_btn_s { padding: 7px 20px 8px; }
    html.ios .gs_btn.gs_btn_s { padding: 7px 20px 6.5px; }

    html.ios .gs_btn_under { padding-right: calc(8px + 6px); }
    html.ios .gs_btn_under .gs_guide_ico { width: 8px; position: absolute; top: calc(50% - 2px); transform: translateY(-50%); right: 0; }

    .gs_btn_r { padding:12px 24px; }

.btn_area {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
}


@media (max-width: 375px){

    html.ios .gs_btn_under .gs_guide_ico { top: calc(50% - 1px); }

 }

.bmodal_pop input[type="text"],.bmodal_pop input[type="password"],.bmodal_pop input[type="number"], .bmodal_pop input[type="email"], .bmodal_pop input[type="tel"], textarea {
    width: 100%;
    padding: 0 15px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #ececec;
    background-color: #f6f6f6;
    outline: none;
    -webkit-appearance: none;
    font-size: 14px;
}

 body.bmodalOpen {overflow:hidden;}
#dmm{width:100%;height:100%;position:fixed;top:0;right:0;left:0;background:#000;opacity:0.5;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none;z-index:1000;}
.bmodal_pop {position:fixed;left:50%;top:50%;min-width:45rem;max-height:90vh;overflow-x:auto;background:#fff;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);text-align:center;z-index:1001;border-radius:10px;display:none;}
.bmodal_pop .popup_tit {margin-bottom:2rem;text-align:center;font-size:16px;font-weight:500}
.bmodal_pop .popup_cnt {position:absolute;top:80px;left:30px;right:30px;bottom:30px;overflow-y:auto;}
.bmodal_pop .bmodal_close {position:absolute;right:2rem;top:2rem;display:block;width:30px;height:30px;background:#fff url('/Gangbuk/img/pop_close_ico.svg') no-repeat 50% 50%;z-index:10;}
.bmodal_pop .inner {padding:2.3rem 3rem 3rem 3rem;}
.bmodal_pop .msg {text-align:center;font-size:1.4rem;font-weight:400}
.bmodal_pop .msg.b {font-size:1.6rem;font-weight:400}
.bmodal_pop .msg em {color:#01b1c8;font-weight:500}
.bmodal_pop .msg em.red {color:#f00;font-weight:500}
.bmodal_pop .btn_wrap {margin-top: 5px;}
.bmodal_pop .btn_wrap.mt0 {margin-top:0}
.bmodal_pop .al_l {text-align:left;}
.pop_alert_basic {width:45rem;}
.pop_alert_basic .inner {padding:4rem 3rem 3rem 3rem;}
.pop_alert_basic .msgVar {text-align:center;font-weight:300;padding-right:0;}
.bmodal_pop .paging {margin-top:1.5rem;}
.bmodal_pop .logotit img {display:block;width:127px;margin:0 auto;}
.bmodal_pop .insert-form-group {max-width:100%;}
.bmodal_pop .insert-form-group.mt0 {padding-top:0;}
.bmodal_pop .btn_wrap {max-width:100%;}

.pop_login .logotit {margin-top:2rem;}
.pop_login .login_option {display:flex;justify-content:space-between;align-items:center;}
.pop_login .login_option label {color:#aaa;}
.pop_login .login_option :checked + label {color:#000;}
.pop_login .login_option .link a {position:relative;color:#4EA5FF;font-weight:300;font-size:1.4rem}
.pop_login .login_option .link a + a {margin-left:1.5rem;}
.pop_login .login_option .link a + a:before {content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);display:block;width:1px;height:10px;background:#4EA5FF}
.join_link {display:flex;justify-content:center;align-items:center;padding-top:3rem;}
.join_link p {font-size:1.4rem;color:#aaa;}
.join_link .link a {margin:0 1rem;color:#4EA5FF;font-size:1.4rem;text-decoration:underline}


.sl-wrap, .ip-wrap, .txt-wrap {
    position: relative;
    display: block;
}
.insert-form-group .ip-wrap, .insert-form-group .sl-wrap, .insert-form-group .txt-wrap {
    position: relative;
}

input, textarea, select {
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.insert-form-group .ipt-cont {position:relative;}
.insert-form-group .ipt-cont .ipt-flex {position:relative;display:flex;align-items:center;}
.insert-form-group .ipt-cont .ipt-flex.btw {justify-content:space-between;}
.insert-form-group .ipt-cont .ipt-flex .sb {width:30px;height:60px;line-height:60px;text-align:center;background:#fff;position:relative;z-index:10;}
.insert-form-group .ipt-cont textarea {resize:none;height:140px;}
.insert-form-group .ipt-cont .ck-wrap.mr {margin-right:20px;}
.insert-form-group .ipt-cont .unit {position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:14px;color:#666}
.insert-form-group .ipt-cont .time {position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:14px;color:#F9714E}
.insert-form-group .ipt-cont .cert {position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:14px;color:#4EA5FF;background:url("/Gangbuk/img/pop_close_ico.svg") no-repeat 0 50%;padding-left:17px;}
.insert-form-group .ipt-cont .hasUnit {padding-right:50px;}
.insert-form-group .ipt-cont .al-r {text-align:right;}
.insert-form-group .ipt-cont .b {font-weight:bold;}
.insert-form-group .ip-wrap,
.insert-form-group .sl-wrap,
.insert-form-group .txt-wrap {position:relative;}

.ir {
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: left !important;
}



.bmodal_pop button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
    transition: all 0.1s;
}
.bmodal_pop .bt_full {
    width: 100%;
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;font-weight:600;
}
.bmodal_pop .bt_type1 {
    color: #fff;
    background: #d00e18;
    border: 1px solid #d00e18;
}

.pop_login .logotit {margin-top:20px;}
.pop_login .login_option {display:flex;justify-content:space-between;align-items:center;}
.pop_login .login_option label {color:#aaa;}
.pop_login .login_option :checked + label {color:#000;}
.pop_login .login_option .link a {position:relative;color:#4EA5FF;font-weight:300;font-size:1.4rem}
.pop_login .login_option .link a + a {margin-left:1.5rem;}
.pop_login .login_option .link a + a:before {content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);display:block;width:1px;height:10px;background:#4EA5FF}
.join_link {display:flex;justify-content:center;align-items:center;padding-top:30px;}
.join_link p {font-size:1.4rem;color:#aaa;}
.join_link .link a {margin:0 1rem;color:#4EA5FF;font-size:1.4rem;text-decoration:underline}

@media all and (max-width:768px) {
 /* modal pop */
    .bmodal_pop {max-width:96%;min-width:320px;}
    .bmodal_pop .inner {padding-left:2rem;padding-right:2rem;}
    .pop_login .login_option {width:39rem;max-width:96%;margin:0 auto;}

    /* insert form group */
    .form_tab_box {width:39rem;max-width:96%;}
    .insert-form-group {width:39rem;max-width:96%;margin-left:auto;margin-right:auto;padding-bottom:10px}
    .insert-form-group + .insert-form-group {border-top:1px solid #E8E8E8}
    .btn_wrap {max-width:96%;}
}
.secret:before {
    content: '\E94A';
    top: 7px;
    font-size: 14px;
    font-family: 'kb-font';
    margin-left: 4px;
    color: #222;
}



.program_info .scroll_txt {
    text-align: right;
    display: none;
    color: #dc3545;
    margin-bottom: 5px;
    line-height: 1.3;
    font-size: 11px;
    margin-bottom: -20px;
        top: -20px;
    padding-left: 10px;
    float: right;
    right: 0;
    letter-spacing: -0.03em;
    position: absolute;
}
.scroll_txt i{
    display: inline-block;
}
.scroll_txt i:before {
    content: '\E846';
    top: 0px;
    /* left: 50%; */
    transform: translate(-50%, 0%);
    font-size: 12px;
    font-family: 'nc-font';
    left: 0px;
      color: #dc3545;
    position: absolute;    font-style: normal;
}

@media (max-width:768px){


.program_info .scroll_txt {
 
    display: block;

}
.uarea{
    margin-bottom: 20px;
}
}

@media (max-width:560px){
.ul_table td:before {
    margin-bottom: 10px;
    content: attr(data-th);
    display: block;
    font-size: 10px;
    line-height: 1.4;
    padding: 10px;
    text-align: center;
    font-weight: 600;
	height:20px;
    border-bottom: 1px solid #ddd;display: flex;
    align-items: center;
    justify-content: space-around;
}
.ul_table {

    margin-bottom: 2px;
}
.ul_table td{
margin-bottom: 2px;
}
     .ul_table td:first-child {display:inline-block; border:none; padding:0 0 0px; border-top:0px solid #000;width:33.33333%;float: left;margin-bottom:13px;}
	 .ul_table td:nth-child(2) {display:inline-block; border:none; padding:0 0 0px; border-top:0px solid #000;width:33.33333%;float: left;margin-bottom:13px;}
	 .ul_table td:nth-child(3) {display:inline-block; border:none; padding:0 0 0px; border-top:0px solid #000;width:33.33333%;float: left;margin-bottom:13px;}
	 .ul_table td:nth-child(4) {display:inline-block; border:none; padding:0 0 13px; border-top:2px solid #000;width:50%;float: left;border-bottom:1px solid #ddd;margin-bottom:2px;}
	 .ul_table td:nth-child(5) {display:inline-block; border:none; padding:0 0 13px; border-top:2px solid #000;width:50%;float: left;border-bottom:1px solid #ddd;margin-bottom:2px;}
    .ul_table td b {
    font-weight: 600;
    color: #222;font-size: 12px;
}
    
}

ul.uarea_list li strong{
font-weight: 600;
}
ul.uarea_list li strong.bold{
font-weight: 700;color: #111;
}
ul.uarea_list_sub li {
    position: relative;
    padding-left: 15px;
}
ul.uarea_list_sub {
   margin-top: 5px;
}
ul.uarea_list_sub  li:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 5px;
    height: 1px;    top: 11px;
    background: #000;
}
ul.uarea_list_sub li {
    font-size: 15px;
    margin-top: 0px; font-weight: 500;
}

ul.uarea_list_sub li strong{
    font-weight: 600;color:#222;
}
.uarea_list li strong.color-red {
    color: #e60012;
}

@media (max-width: 1660px){

.uarea_list {margin-bottom: 0px;}
	.uarea_list li {font-size: 15px; margin-top: 9px;}
	.uarea_list li:before { width: 3px; height: 3px; top: 10px; }


}
.color-red {
    color: #e60012;
}




@media (max-width: 1023px){

	.uarea_list li {line-height: 1.6;}
	.uarea_list li:before {top: 11px;}
	html.ios .uarea_list li:before {top: 9px;}

}

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


  .uarea_list { margin-left: 11px; margin-top: -2px;}
	.uarea_list li {font-size: 14px;margin-top:10px;}
    .uarea_list li:before { top:10px;left:-10px;}
  .uarea_list li:before {
    top: 9px;
}

.uarea_list_sub li {
    font-size: 14px;
    margin-top: 10px;
}
ul.uarea_list_sub li {
  font-size: 14px;
}

}


@media(max-width: 540px){

.uarea_list li  {margin-top:10px;}

}




img[data-unveil] { opacity: 0; transition: opacity .3s; }
.mg_lzload_loaded img[data-unveil], img[data-unveil].mg_lzload_loaded { opacity: 1 }

.mg_lzload { position: relative; overflow: hidden; }
.mg_lzload img { display: block; width: 100%; position: absolute; left: 0; top: 0; }
.mg_lzload.mg_lzload_loaded img, .mg_lzload img.mg_lzload_loaded { height: auto; }

/* Color preview */
.mg_lzload_preview { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #F6F7FB; }
.mg_lzload.mg_lzload_loaded .mg_lzload_preview { background: transparent; transition: background .1s; transition-delay: .3s }

.mg_lzload.mg_lzload_loaded .mg_lzload_preview {
    background: transparent;
    transition: background .1s;
    transition-delay: .3s;
}

.mg_news_list { display: grid;    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 80px 36px; }
.mg_news_item > a { display: block; }
.mg_news_item_thumbnail { position: relative; border-radius: 6px; overflow: hidden; }
html.safari .mg_news_item_thumbnail {-webkit-mask-image: -webkit-radial-gradient(white, black);}
.mg_news_item_thumbnail figure { padding-top: 50.21%; transition: transform .3s ease-out;     height: 237px;}
.mg_news_subject { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.mg_news_item-desc { word-break: break-all; }
.mg_news_press { position: relative; display: inline-block; vertical-align: top; color: #999; margin-top: 9px; padding-left: 10px; }
.mg_news_press:before { content: ''; position: absolute; top: 11px; left: 2px; width: 3px; height: 3px; background: #bbb; display: block; border-radius: 50%; }
html.desktop .mg_news_item > a:hover .mg_news_item_thumbnail figure { transform: scale(1.05); }



.mg_news_item.mg_news_area .mg_news_item_cwrap { margin-top: 24px; }
.mg_news_item.mg_news_area .mg_news_subject { margin-top: 6px; height: 62px;  line-height: 1.3;   font-size: 22px; font-family: "Pretendard",sans-serif;color:#121e34;
    font-weight: 700; }
.mg_news_item.mg_news_area .mg_news_wdate { display: inline-block; margin-top: 12px; color:#999;  font-family: "Pretendard",sans-serif;
    font-weight: 700;}

@media (max-width: 860px){
.mg_news_list { gap: 44px 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .mg_news_item.mg_news_area .mg_news_item_cwrap { margin-top: 20px; }
    .mg_news_item.mg_news_area .mg_news_subject { margin-top: 12px; height: 42px;     font-size: 16px;}
    .mg_news_item.mg_news_area .mg_news_wdate { margin-top: 13px;font-size:13px; }
    
    .mg_news_press { margin-top: 11px;font-size:12px; }
    .mg_news_press:before { top: 8px; }
    html.ios .mg_news_press { margin-top: 9px; }
    html.ios .mg_news_press:before { top: 11px; }
}



.tab_area { position:relative;margin:0px 0 40px} 
.tab_area .tab_box { width:100%;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-align:center;position:relative;border-top:1px solid #e5e7ee;border-left:1px solid #e5e7ee;margin-bottom:4rem}
.tab_area.gubun1 .tab_box{border-left:0 none}
.tab_area.gubun1 .tab_box>li:first-child{border-left:1px solid #e5e7ee}
.tab_area .tab_box > li {width:100%;border:1px solid #e5e7ee;border-top:0;border-left:0} 
.tab_area .tab_box > li > a { width:100%;display:flex;text-align:center;height:6rem;padding:0 1rem;position:relative;-webkit-transition:all 0.3s;transition:all 0.3s;color:#393939;font-size:1.8rem;font-weight:500;position:relative;-webkit-transition:all .2s;transition:all .2s;align-items:center;justify-content:center}
.tab_area .tab_box > li > a:before{content:'';position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border:3px solid #121e34;opacity:0;visibility:hidden}
.tab_area .tab_box > li.on > a{color:#233271;font-weight:600}
.tab_area .tab_box > li > a:hover,
.tab_area .tab_box > li > a:focus{color:#233271;text-decoration:underline #121e34}
.tab_area .tab_box > li:first-child > a:hover,
.tab_area .tab_box > li:first-child > a:focus{/* border-left:1px solid #233271;*/}
.tab_area .tab_box > li.on > a:hover,
.tab_area .tab_box > li.on > a:focus{color:inherit;border-color:inherit;border-left:inherit}
.tab_area .tab_box > li.on > a:before{opacity:1;visibility:visible}
.tab_area .tab_box > li .subtab{position:absolute;top:100%;width:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-align:center;justify-content:center;border-bottom:1px solid #DDD;height:6rem;left:0;top:6rem;display:none}
.tab_area .tab_box > li.on .subtab{display:-ms-flexbox;display:flex}
.tab_area .tab_box > li .subtab > li + li{margin-left:8rem}
.tab_area .tab_box > li .subtab > li > a{height:6rem;line-height:6rem;display:block;padding:0 .5rem;font-weight:500;font-size:1.7rem;color:#555;letter-spacing:-0.17px;position:relative}
.tab_area .tab_box > li .subtab > li.on > a,
.tab_area .tab_box > li .subtab > li > a:hover,
.tab_area .tab_box > li .subtab > li > a:focus{color:#005CC7;font-size:1.7rem;font-weight:bold}
.tab_area .tab_box > li .subtab > li > a:before{content:'';width:100%;background-color:#005CC7;height:4px;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);-webkit-transition:all .2s;transition:all .2s}
.tab_area .tab_box > li .subtab > li.on > a:before,
.tab_area .tab_box > li .subtab > li > a:hover:before,
.tab_area .tab_box > li .subtab > li > a:focus:before{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}
.tab_area.ver1{margin-top:0}
* + .tab_area.ver1{margin-top:30px}
.tab_area.ver1 .tab_box{flex-wrap:wrap}
.tab_area.ver1 .tab_box > li{flex:auto;width:16.667%;margin:-1px 0 0 -1px}
.tab_area.ver1 .tab_box > li:nth-child(n+7){flex:unset;width:calc(16.667% + 1px)}
.tab_content{display:none}
.tab_content.active{display:block}
.subtab_content{display:none}
.active .subtab_content.active{display:block}




.tab_area.gubun2 .tab_box li a{height:4.5rem;line-height:4.5rem;font-weight:400;color:#222;font-size:1.7rem;letter-spacing:-0.85px}
.tab_area.gubun2 .tab_box li a:before{display:none}
.tab_area.gubun2 .tab_box li.on a{background:#233271;border-color:#233271;color:#fff;font-weight:500}
.tab_area.gubun2 .tab_box{display:grid;grid-template-columns:repeat(8, 1fr);border-top:1px solid #e5e7ee;border-left:1px solid #e5e7ee}




.tab_area.gubun3 .tab_box{margin-bottom:20px;grid-template-columns:repeat(8, 1fr)}
.tab_area.gubun3 .tab_box li{width:auto;flex:1;    margin: 0;
    padding: 0;
    list-style: none;}
.tab_area.gubun3 .tab_box li a{height:58px;font-weight:600;color:#222;font-size:14px;letter-spacing:-0.023em;line-height:50px}
.tab_area.gubun3 .tab_box li.on a{background:#121e34;color:#fff}


.tab_area *, .tab_area *::before, .tab_area *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}


.tab_area.gubun4{margin-top:0}
.tab_area.gubun4 .tab_box{position:relative;display:flex;text-align:center;justify-content:center;border-width:0 0 1px;border-style:solid;border-color:#e5e7ee}
.tab_area.gubun4 .tab_box > li{width:auto;border:0;margin-right:4rem}
.tab_area.gubun4 .tab_box > li:last-child{margin-right:0}
.tab_area.gubun4 .tab_box > li > a{display:flex;position:relative;height:6rem;padding:0 1.5rem;font-weight:500;font-size:1.7rem;color:#555;letter-spacing:-.03rem;align-items:center}
.tab_area.gubun4 .tab_box > li > a:hover, 
.tab_area.gubun4 .tab_box > li > a:focus{font-weight:700;color:#005CC7;text-decoration:none}
.tab_area.gubun4 .tab_box > li > a::before { position:absolute;left:50%;top:auto;bottom:0;width:0;height:0.4rem;background-color:#005CC7;content:'';-webkit-transition:all 0.2s;transition:all 0.2s;border:0}
.tab_area.gubun4 .tab_box > li.on > a{font-weight:700;color:#005CC7}
.tab_area.gubun4 .tab_box > li.on > a::before,
.tab_area.gubun4 .tab_box > li > a:hover::before, 
.tab_area.gubun4 .tab_box > li > a:focus::before{visibility:visible;opacity:1;width:100%;left:0;}
.tab_cont .table_wrap td{word-break:break-all}
@media screen and (max-width:900px){
.tab_area {
    position: relative;
    margin: 0rem 0 0;
}
 
    .tab_area.gubun2 .table_wrap.responsive{overflow-x:auto}
    .tab_area.gubun2 .table_wrap.responsive table{min-width:850px}

}

@media screen and (max-width:768px){
     .tab_area.gubun3 .tab_box li{width:25%;flex:none}
    .tab_area.gubun2 .tab_box li a{height:4rem}
    .tab_area.ver1 .tab_box > li{width:33.3%}
    .tab_area.gubun3 .tab_box{flex-wrap:wrap}
    

.tab_area.gubun3 .tab_box li:nth-child(7),.tab_area.gubun3 .tab_box li:nth-child(8) {
    width: 25%;
    flex: none;
}
.tab_area.gubun3 .tab_box li a {
    height: 38px;
    font-weight: 600;
    color: #222;
    font-size: 12px;
    letter-spacing: -0.023em;
    line-height: 36px;
}
}


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

.tab_area.gubun3 .tab_box li{width:33.333333333%;flex:none}
.tab_area.gubun3 .tab_box li:nth-child(7),.tab_area.gubun3 .tab_box li:nth-child(8) {
    width: 50%;
    flex: none;
}
   .tab_area.gubun2 .tab_box{grid-template-columns:repeat(5, 1fr)}

}

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

.tab_area.ver1 .tab_box > li{width:50%}

}

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

    .tab_area.gubun2 .tab_box{grid-template-columns:repeat(3, 1fr)}

}