@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/* reset.css */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  height: 100%;
}

/* body {
  position: relative;
  min-width: 1400px;
  min-height: 100%;
  line-height: 1;
  font-family: 'HelveticaNeue', 'Noto Sans Kr', sans-serif;
  letter-spacing: -1px;
  color: #000;
  word-break: keep-all;
  word-wrap: break-word;
} */

body.mac {
  line-height: normal;
}

body.on {
  overflow: hidden;
}

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

blockquote, q {
  quotes: none;
}

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

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

/* a {
  text-decoration: none;
  color: #000;
} */

img {
  max-width: 100%;
}

button {
  cursor: pointer;
  letter-spacing: -1px;
}

button, input, textarea {
  border: none;
  background: transparent;
  font-family: 'helvetica_Roman','Noto Sans KR', sans-serif;
}

select {
  font-family: 'HelveticaNeue','Noto Sans KR', sans-serif;
  -webkit-border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}

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

input {
  font-family: 'Noto Sans Kr', sans-serif;
  outline: none;
}

/* placeholder */
/* IE10 이상을 위한 css */
::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.1px;
  color: #7d7d7d;
  opacity: 1;
}
::-moz-placeholder {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.1px;
  color: #7d7d7d;
  opacity: 1;
}
:-ms-input-placeholder {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.1px;
  color: #7d7d7d;
  opacity: 1;
}
::-ms-input-placeholder {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.1px;
  color: #7d7d7d;
  opacity: 1;
}
::placeholder {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.1px;
  color: #7d7d7d;
  opacity: 1;
}

::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.1px;
  color: #7d7d7d !important;
  opacity: 1;
}

/* IE */
:-ms-input-placeholder {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.1px;
  color: #7d7d7d !important;
  opacity: 1;
}

/* Firefox */
:-mos-input-placeholder {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.1px;
  color: #7d7d7d !important;
  opacity: 1;
}

.search ::-webkit-input-placeholder {
  font-size: 18px;
}

.search ::-moz-placeholder {
  font-size: 18px;
}

.search :-ms-input-placeholder {
  font-size: 18px;
}

.search ::-ms-input-placeholder {
  font-size: 18px;
}

.search ::placeholder {
  font-size: 18px;
}

.search ::-webkit-input-placeholder {
  font-size: 18px;
}

.search :-ms-input-placeholder {
  font-size: 18px;
}

.search :-mos-input-placeholder {
  font-size: 18px;
}

.search.small ::-webkit-input-placeholder {
  font-size: 14px;
}

.search.small ::-moz-placeholder {
  font-size: 14px;
}

.search.small :-ms-input-placeholder {
  font-size: 14px;
}

.search.small ::-ms-input-placeholder {
  font-size: 14px;
}

.search.small ::placeholder {
  font-size: 14px;
}

.search.small ::-webkit-input-placeholder {
  font-size: 14px;
}

.search.small :-ms-input-placeholder {
  font-size: 14px;
}

.search.small :-mos-input-placeholder {
  font-size: 14px;
}

.h54 ::-webkit-input-placeholder {
  font-size: 18px;
  line-height: 54px;
}

.h54 ::-moz-placeholder {
  font-size: 18px;
  line-height: 54px;
}

.h54 :-ms-input-placeholder {
  font-size: 18px;
  line-height: 54px;
}

.h54 ::-ms-input-placeholder {
  font-size: 18px;
  line-height: 54px;
}

.h54 ::placeholder {
  font-size: 18px;
  line-height: 54px;
}

.h54::-webkit-input-placeholder {
  font-size: 18px;
  line-height: 54px;
}

.h54 :-ms-input-placeholder {
  font-size: 18px;
  line-height: 54px;
}

.h54:-mos-input-placeholder {
  font-size: 18px;
  line-height: 54px;
}

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

::-ms-reveal {
  display: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          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);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

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

.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.css */
/**
 * Swiper 6.4.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 29, 2021
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color:#007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.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;
  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(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

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

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

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

.swiper-container-pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.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;
  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;
  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, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 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, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 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, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 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, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
      -ms-scroll-snap-type: y mandatory;
          scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

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

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color:#ffffff;
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color:#000000;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-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(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.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(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

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

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

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

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  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: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -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 transform,.2s top;
  transition: .2s transform,.2s top;
}

.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 transform,.2s left;
  transition: .2s transform,.2s left;
}

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

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  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-color:#ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color:#000000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 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, 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 infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@-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;
          transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-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: 0px;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.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;
}

/* common.css */
body {
  padding-top: 80px;
  -webkit-font-smoothing: antialiased;
}

.tbl_scroll_x ul,
.tbl_scroll_x li, 
.tbl_scroll_x ol {
  list-style: revert;
}
/* IE */
select::-ms-expand {
  display: none;
}

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

body.bk {
  background-color: #262626;
}

/* animtaion */
.animation {
  position: relative;
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 1s;
}
.animation.up {
  position: relative;
  transform: translateY(100px);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 1s;
}
.animation.on {
  transform: translateY(0);
  opacity: 1;
}

/* animtaion end*/

/* scroll */
.scroll-type1::-webkit-scrollbar{
  width: 3px;
}

/* 스크롤바 막대 설정*/
.scroll-type1::-webkit-scrollbar-thumb{
  height: 17%;
  background-color: #707070;
}

.scroll-type2::-webkit-scrollbar{
  width: 3px;
}
.scroll-type2::-webkit-scrollbar-thumb{
  height: 17%;
  background: #7D7D7D;
  border-radius: 100px;
}

/* header */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: transparent;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
header.on .container {
  padding-right: 18px;
}
.mac header.on .container {
  padding-right: 0;
}
header.hover .container {
  background: #fff;
}
header.invisible {
  top: -85px;
}
header.on::after {
  background: #000;
}
header .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* border-bottom: 1px solid #D8D8D8; */
}
header.kv_type .inner {
  border-bottom: 1px solid #fff;
}
header.hover .inner {
  border-bottom: none;
  box-shadow:  0 8px 16px rgba(0, 0, 0, 0.16);
}
header .inner .left {
  display: flex;
  align-items: center;
  padding-left: calc((100% - 1400px) /2);
}
header.on .inner,
header.com .inner {
  border-bottom-color: #3C3D3E;
}

header.sub.on .h_util,
header.sub.com .h_util {
  border-left: 1px solid #3C3D3E;
}

header:not(.kv_type).sub .container {
  border-bottom: none
}
header .logo {
  position: relative;
  z-index: 10;
  align-self: flex-start;
  display: flex;
  align-items: center;
  height: 80px;
}

header .logo > a {
  display: block;
  width: 100px;
  height: 27px;
  background: url(../images/common/logo_white.svg) no-repeat;
  overflow: hidden;
  text-indent: -999px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

header.on.kv_type::after {
  background: rgba(15, 17, 19, 0.4);
}

header.sub {
  background: #fff;
}

header.sub .h_util {
  border-left: 1px solid #D8D8D8;
}
header.kv_type .h_util {
  border-left-color: #fff;
}
header.kv_white.kv_type .inner {
  border-bottom: 1px solid #D8D8D8;
}
header.sub.hover .h_util {
  border-left: 1px solid #D8D8D8;
}
header.sub .logo > a {
  background: url(../images/common/logo.svg) no-repeat;
}
header.sub::after {
  background: #4D4D4D;
}

header.sub .h_subs {
  background: #4D4D4D;
}
header.sub.on .h_subs,
header.sub.on::after {
  background: #0F1113;
}

header.kv_type {
  background: transparent;
}
header.sub.kv_type::after {
  background: rgba(0, 0, 0, 0.4);
}

header.sub.kv_type .h_subs {
  background: rgba(0, 0, 0, 0.4);
  min-width: 350px;
}

header.sub.kv_type.kv_white::after {
  background: #4d4d4d;
}

header.sub.kv_type.kv_white .h_subs {
  background: #4d4d4d;
}

header.sub.kv_type.on::after {
  background: rgba(0, 0, 0, 0.4);
  left: calc(50% + 691px);
  width: calc(50% + 718px);
}

header.sub.kv_type.on .h_subs {
   background: rgba(0, 0, 0, 0.4);
}
header.sub.com_type {
  background-color: transparent;
}



header.sub.com_type .comp_hover {
  position: relative;
}

header.sub.com_type .comp_hover::after {
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: 2px;
  left: 0;
}

header.sub.com_type.kv_white::before, 
header.sub.com_type.kv_white .h_util {
  border-color: #dcdcdc;
}

/* header .gnb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 758px;
  margin-left: 54px;
 
  font-weight: 500;
  padding-right: 40px;
}
header .gnb ul {
  display: flex;
  align-items: center;
}

header .gnb ul li {
  
}
header .gnb ul li a {
  display: block;
  color: #fff;
  line-height: 24px;
}
header .gnb ul.gnb_left {}
header .gnb ul.gnb_left li {
  margin-right: 74px;
}
header .gnb ul.gnb_right {}
header .gnb ul.gnb_right li {
  margin-right: 54px;
}
header .gnb ul li:last-child {
  margin-right: 0;
}
header.kv_white .gnb ul li a {
  color: #000;
} */
 header .gnb {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  position: relative;
  z-index: 2;
  width: 758px; height: 80px;
  margin-left: 54px;
  overflow:hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

header.hover .gnb {
  height: 500px;
} 
header.invisible .gnb {
  height: 80px;
  transition: none;
}
header .gnb:before {
  opacity: 0;
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  background: #d8d8d8;
  position: fixed;
  top: 79px;
  left: 0;
  transition: 0.4s;
}
header.hover .gnb:before {
  opacity: 1;
}
header.invisible .gnb:before {
  display: none;
}
header .gnb > .gnb_item {
  position: relative;
  white-space: nowrap;
}

header .gnb > .gnb_item::before {
  content: '';
  position: absolute;
  top: 80px;
  left: -100vw;
  width: 200vw;
  height: 420px;
  background: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: -1;
}

header .gnb > .gnb_item > .item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 114px;
  padding-top: 30px;
}

header .gnb > .gnb_item > .item > .gnb_tit {
  position: relative;
  display: inline-block;
  padding-bottom: 27px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  white-space: nowrap;
}
header .gnb > .gnb_item > .item > .gnb_tit.on::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px; 
}
header.sub .gnb > .gnb_item > .item > .gnb_tit.on::before,
header.sub.kv_white .gnb > .gnb_item > .item > .gnb_tit.on::before {
  background: #000;
}
header.kv_type .gnb > .gnb_item > .item > .gnb_tit.on::before,
header.kv_type.on .gnb > .gnb_item > .item > .gnb_tit.on::before {
  background: #fff;
}
header .gnb > .gnb_item > .item > .gnb_tit::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 0;
  border-bottom: 2px solid #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .gnb > .gnb_item > .item > .gnb_tit:not(.on):hover::after {
  left: 0;
  width: 100%;
}

header .gnb > .gnb_item > .item .gnb_dept {
  padding-top: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  padding-top: 36px;

}
header .gnb > .gnb_item > .item .gnb_dept.on {
  display: block !important;
}

header .gnb > .gnb_item > .item .gnb_dept > li {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

header .gnb > .gnb_item > .item .gnb_dept > li a {
  display: block;
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #000;
  line-height: 20px;
}
header .gnb > .gnb_item > .item .gnb_dept > li + li {
  margin-top: 15px;
} 

header .h_util {
  position: relative;
  z-index: 10;
  display: inline-block;
  align-self: flex-start;
  width: 188px;
  height: 80px;
  padding-top: 20px;
  text-align: center;
  font-size: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

header .h_util > .item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

header .h_util > .item + .item {
  margin-left: 16px;
}

header .h_util > .item .sch {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/common/icon_header_search_bk.svg) no-repeat center center;
  overflow: hidden;
  text-indent: -999px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

header .h_util > .item .center {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/common/icon_header_cscenter_bk.svg) no-repeat center center;
  overflow: hidden;
  text-indent: -999px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

header .h_util > .item .mypage {
  display: inline-block;
  width: 30px;
  height: 37px;
  background: url(../images/common/icon_header_mypage_bk.svg) no-repeat center center;
  overflow: hidden;
  text-indent: -999px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

header .h_util > .item .h_subs__dept {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 56px;
  width: 109px;
  height: 96px;
  background: #fff;
  z-index: 10;
  -webkit-box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.16);
          box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.16);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  transform: translateX(-30%);
}

header .h_util > .item .h_subs__dept li a {
  display: block;
  font-size: 14px;
  color: #000;
  line-height: 36px;
}

header .h_util > .item .h_subs__dept:hover {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
header .h_util > .item .mypage:hover + .h_subs__dept {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
header .h_subs {
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 80px;
  padding: 0 0 0 38px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  align-items: center;
}

header .h_subs > .item {
  display: inline-block;
}

header .h_subs > .item + .item {
  position: relative;
  z-index: 5;
  margin-left: 36px;
  z-index: 10;
}
header .h_subs > .item > button {
 
}
header .h_subs > .item > .comp_hover {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
}

.mac header .h_subs > .item > .comp_hover {
  line-height: normal;
}

header .h_subs > .item > .comp_hover.on::after {
  content: '';
  width: 100%;
  height: 1px;
  background: #dbdbdb;
  position: absolute;
  bottom: -27px;
  left: 0;
}
header .h_subs > .item > .sub_open {
  position: relative;
  padding-right: 17px;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
}

header .h_subs > .item > .sub_open::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 7px;
  height: 4px;
  background: url(../images/common/icon_trangle_white_small.png) no-repeat;
}

header .h_subs > .item > .sub_open:hover + .h_subs__dept {
  display: block;
}

header .h_subs > .item .h_subs__dept {
  position: fixed;
  top: 60px;
  display: none;
  min-width: 110px;
  padding: 10px 20px;
  background: #262626;
  -webkit-box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, 0.16);
  transform: translateX(-25%);
}

header .h_subs > .item .h_subs__dept > li a {
  display: inline-block;
  font-size: 14px;
  line-height: 36px;
  color: #fff;
  white-space: nowrap;
}

header .h_subs > .item .h_subs__dept.blank > li a:after {
  display: inline-block;
  content: '';
  margin-left: 6px;
  width: 12px;
  height: 12px;
  background: url(../images/common/icon_link.png) no-repeat right center;
  background-size:contain;
}

header .h_subs > .item .h_subs__dept:hover {
  display: block;
}

header.down {
  background: #fff;
}

header.down.kv_type {
  background: #fff;
}

header.kv_type:not(.down):not(.kv_white).sub .logo > a, header.on.sub .logo > a {
  background: url(../images/common/logo_white.svg) no-repeat;
}

header.kv_type:not(.down):not(.kv_white) .gnb > .gnb_item > .item > .gnb_tit, header.on .gnb > .gnb_item > .item > .gnb_tit {
  color: #f2f2f2;
}
header.kv_type:not(.down):not(.kv_white) .gnb > .gnb_item > .item > .gnb_tit {
  font-weight: 400;
}
header.kv_type:not(.down):not(.kv_white) .h_util > .item .sch, header.on .h_util > .item .sch {
  background: url(../images/common/icon_header_search_wh.svg) no-repeat center center;
}

header.kv_type:not(.down):not(.kv_white) .h_util > .item .center, header.on .h_util > .item .center {
  background: url(../images/common/icon_header_cscenter_wh.svg) no-repeat center center;
}

header.kv_type:not(.down):not(.kv_white) .h_util > .item .mypage, header.on .h_util > .item .mypage {
  background: url(../images/common/icon_header_mypage_wh.svg) no-repeat center center;
}

header.on .h_subs {
  background: #4d4d4d;
}

header.sub.kv_white {
  background: #fff;
}
header.sub.kv_white.hover {
  border-bottom: none;
  box-shadow:  0 8px 16px rgba(0, 0, 0, 0.16);
}
header.kv_white::before {
  border-bottom-color: #D8D8D8;
}
header.kv_white .h_util,
header.sub.kv_white.com .h_util {
  border-left: 1px solid #D8D8D8;
}

/* 기업소개 header*/

.header_cover {
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  z-index: 9;
  height: 0;
  background: #fff;
  overflow: hidden;
}

/* 회사소개 */
.mn_comppage {
  display: none;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding-top: 80px;
  overflow: hidden;
  z-index: -1;
  background: #262626 url("../images/common/img_hd_bg.png") bottom -280px center no-repeat;
}
.mn_comppage .scroll_box {
  /* overflow-x: hidden;
  overflow-y: scroll;
  height: 100% */
  height: 100%;
  padding: 80px calc((100% - 1400px)/2) 0;
}
.mn_comppage__wrap {

  /* padding-top: 140px calc((100% - (1400))/2); */

}

.mn_comppage__list > li > a {
  display: inline-block;
  line-height: 84px;
  font-weight: 700;
  font-size: 40px;
  color: #bebebe;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_comppage__list > li > a:hover {
  color: #fff;
}
header.on .mn_comppage{
  overflow-y: scroll; background-position: bottom -280px left calc(50% - 9px)}

/* header */
/* 통합검색 */
.mn_totalsch {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 110;
}

.mn_totalsch__field {
  background: #fff;
}

.mn_totalsch__inner {
  position: relative;
  width: 1400px;
  height: 0;
  margin: 0 auto;
  background: #fff;
  overflow: hidden;
  transition: height 0.5s;
}
.mn_totalsch.on {
}
.mn_totalsch.on .mn_totalsch__inner {
  height: 610px;
}
.mn_totalsch__inner .logo_img {
  position: absolute;
  top: 25px;
  left: 0;
}

.mn_totalsch__inner > .btn.close_25 {
  position: absolute;
  top: 28px;
  right: 0;
}

.mn_totalsch__in {
  position: relative;
  width: 760px;
  margin: 0 auto;
}

.mn_totalsch__save {
  padding: 15px 0 33px 0;
  text-align: right;
}
.mn_totalsch__save .mn_check_box.switch > label > input + span::before {
  position: absolute;
  margin-right: 0;
}
.mn_totalsch__save .mn_check_box.switch > label > input + span::after {
  top: 0;
  right: 16px;
}
.mn_totalsch__save .mn_check_box.switch > label > input[type="checkbox"]:checked  + span::after {
  right: 1px;
}
.mn_totalsch__word {
  font-size: 0;
  text-align: center;
}

.mn_totalsch__word__recent {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-right: 27px;
  text-align: left;
  border-right: 1px solid #ededed;
}

.mn_totalsch__word__recommend {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  margin-left: -1px;
  padding-left: 32px;
  text-align: left;
  border-left: 1px solid #ededed;
}

.mn_totalsch__word__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.mn_totalsch__word__top + * {
  margin-top: 19px;
}

.mn_totalsch__word__list > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mn_totalsch__word__list > li + li {
  margin-top: 19px;
}

.mn_totalsch__word__list > li > a {
  display: inline-block;
  font-size: 16px;
  line-height: 21px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mn_totalsch__word__list > li > .btn.close {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 12px;
  height: 12px;
  margin-left: 10px;
}

.mn_auto {
  position: relative;
}

/* footer 
.mn_common_link_wrap {
  padding: 50px 0 58px 0;
  border-top: 1px solid #dcdcdc;
  background-color: #fff;
}

.mn_common_link_wrap .inner {
  width: 1400px;
  margin: 0 auto;
}

.mn_common_link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.mn_common_link > li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 280px;
      -ms-flex: 1 1 280px;
          flex: 1 1 280px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.mn_common_link > li + li {
  padding-left: 38px;
  border-left: 1px solid #dcdcdc;
}

.mn_common_link > li .tit {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -0.6px;
}

.mn_common_link_dept {
  margin-top: 10px;
}

.mn_common_link_dept > li a {
  display: inline-block;
  font-size: 14px;
  color: #7d7d7d;
  line-height: 34px;
  letter-spacing: -0.6px;
}

.mn_common_link_dept.blk > li a {
  position: relative;
  padding-right: 15px;
  background: url(../images/common/link_icon.png) no-repeat right center;
  background-size: 11px;
}

footer {
  padding: 41px 0 43px 0;
  font-size: 0;
  background: #f8f8f8;
}

footer > .inner {
  position: relative;
  width: 1400px;
  margin: 0 auto;
  padding: 0 0 0 280px;
  font-size: 0;
  letter-spacing: -0.6px;
}

footer .mn_ft_logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 22px;
}

footer .mn_ft_tb {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 64px;
}

footer .mn_ft_copy {
  position: absolute;
  bottom: 20px;
  left: 0;
  font-size: 11px;
  color: #7D7D7D;
}

footer .mn_ft_link > li {
  display: inline-block;
}

footer .mn_ft_link > li a {
  display: block;
  font-size: 13px;
  color: #7d7d7d;
}

footer .mn_ft_link > li + li {
  margin-left: 20px;
}

footer .mn_ft_detail {
  margin-top: 16px;
  font-size: 0;
}

footer .mn_ft_detail > span {
  position: relative;
  display: inline-block;
  font-size: 11px;
  line-height: 20px;
  color: #7d7d7d;
}

footer .mn_ft_detail > span > a {
  color: #7d7d7d;
}

footer .mn_ft_detail > span + span {
  margin-left: 10px;
  padding-left: 11px;
}

footer .mn_ft_detail > span + span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 10px;
  margin-top: -5px;
  border-left: 1px solid #dcdcdc;
}

footer .mn_ft_content {
  display: inline-block;
  vertical-align: top;
  color: #7d7d7d;
}

footer .mn_ft_content.adr {
  width: 559px;
}

footer .mn_ft_content.cs {
  width: 280px;
}

footer .mn_ft_content .top {
  font-weight: 500;
  font-size: 13px;
}

footer .mn_ft_content .top small {
  position: relative;
  top: -1px;
  font-size: 10px;
}

footer .mn_ft_cs_detail {
  line-height: 20px;
}

footer .mn_ft_sns {
  margin-top: 19px;
}

footer .mn_ft_sns a + a {
  margin-left: 6px;
}

.mn_ft_kakao {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}

.mn_ft_kakao button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 13px;
  width: 77px;
  height: 24px;
  background: #FDDC40;
  color: #3A2929;
  font-size: 11px;
  font-weight: 500;
  border-radius: 50px;
}
.mn_ft_kakao button span {
  position: relative;
}
.mn_ft_kakao button i.icon_kakao {
  margin-right: 3px;
}

/* footer */
/* common class */
.mt_0 {
  margin-top: 0 !important;
}

.mt_5 {
  margin-top: 5px !important;
}

.mt_6 {
  margin-top: 6px !important;
}

.mt_8 {
  margin-top: 8px !important;
}

.mt_9 {
  margin-top: 9px !important;
}

.mt_10 {
  margin-top: 10px !important;
}

.mt_12 {
  margin-top: 12px !important;
}

.mt_13 {
  margin-top: 13px !important;
}

.mt_14 {
  margin-top: 14px !important;
}

.mt_15 {
  margin-top: 15px !important;
}

.mt_16 {
  margin-top: 16px !important;
}

.mt_17 {
  margin-top: 17px !important;
}

.mt_18 {
  margin-top: 18px !important;
}

.mt_20 {
  margin-top: 20px !important;
}

.mt_22 {
  margin-top: 22px !important;
}

.mt_24 {
  margin-top: 24px !important;
}

.mt_25 {
  margin-top: 25px !important;
}

.mt_26 {
  margin-top: 26px !important;
}

.mt_28 {
  margin-top: 28px !important;
}

.mt_30 {
  margin-top: 30px !important;
}

.mt_35 {
  margin-top: 35px !important;
}

.mt_40 {
  margin-top: 40px !important;
}

.mt_43 {
  margin-top: 43px !important;
}

.mt_45 {
  margin-top: 45px !important;
}

.mt_50 {
  margin-top: 50px !important;
}

.mt_56 {
  margin-top: 56px !important;
}

.mt_60 {
  margin-top: 60px !important;
}

.mt_65 {
  margin-top: 65px !important;
}

.mt_70 {
  margin-top: 70px !important;
}

.mt_80 {
  margin-top: 80px !important;
}

.mt_100 {
  margin-top: 100px !important;
}

.mt_120 {
  margin-top: 120px !important;
}
.mt_140 {
  margin-top: 140px !important;
}
.mr_8 {
  margin-right: 8px !important;
}

.mr_10 {
  margin-right: 10px !important;
}

.mr_12 {
  margin-right: 12px !important;
}

.mr_14 {
  margin-right: 14px !important;
}

.mr_20 {
  margin-right: 20px !important;
}

.mr_21 {
  margin-right: 21px !important;
}

.mr_28 {
  margin-right: 28px !important;
}

.mr_40 {
  margin-right: 40px !important;
}

.mr_44 {
  margin-right: 44px !important;
}

.ml_5 {
  margin-left: 5px !important;
}

.ml_8 {
  margin-left: 8px !important;
}

.ml_10 {
  margin-left: 10px !important;
}

.ml_12 {
  margin-left: 12px !important;
}

.ml_14 {
  margin-left: 14px !important;
}

.ml_16 {
  margin-left: 16px !important;
}

.ml_18 {
  margin-left: 18px !important;
}

.ml_20 {
  margin-left: 20px !important;
}

.ml_32 {
  margin-left: 32px !important;
}

.ml_40 {
  margin-left: 40px !important;
}

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

.mb_3 {
  margin-bottom: 3px !important;
}

.mb_10 {
  margin-bottom: 10px !important;
}

.mb_16 {
  margin-bottom: 16px !important;
}

.mb_20 {
  margin-bottom: 20px !important;
}

.mb_30 {
  margin-bottom: 30px !important;
}

.mb_50 {
  margin-bottom: 50px !important;
}

.mb_60 {
  margin-bottom: 60px !important;
}

.pa_0 {
  padding: 0 !important;
}

.pt_0 {
  padding-top: 0px !important;
}

.pt_13 {
  padding-top: 13px !important;
}

.pt_15 {
  padding-top: 15px !important;
}

.pt_40 {
  padding-top: 40px !important;
}
.pt_80 {
  padding-top: 80px !important;
}

.pt_102 {
  padding-top: 102px !important;
}

.pb_0 {
  padding-bottom: 0 !important;
}

.pl_0 {
  padding-left: 0px !important;
}

.pl_80 {
  padding-left: 80px !important;
}

.w74 {
  width: 74px !important;
}

.w140 {
  width: 140px !important;
}

.w141 {
  width: 141px !important;
}

.w150 {
  width: 150px !important;
}

.w160 {
  width: 160px !important;
}

.w165 {
  width: 165px !important;
}

.w168 {
  width: 168px !important;
}

.w180 {
  width: 180px !important;
}

.w209 {
  width: 209px !important;
}

.w220 {
  width: 220px !important;
}

.w520 {
  width: 520px !important;
}

.w680 {
  width: 680px !important;
}

.flex_none {
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
      -ms-flex: none !important;
          flex: none !important;
}

.flex_0 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.ta_l {
  text-align: left !important;
}

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

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

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

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

.va_b {
  vertical-align: bottom !important;
}

.dpib {
  display: inline-block !important;
}

.dpb {
  display: block !important;
}

.nowrap {
  white-space: nowrap !important;
}

.bd_b_none {
  border-bottom: none !important;
}

.bd_r_none {
  border-right: none !important;
}

.brd01 {
  border-top: 1px solid #000;
}

.brd02 {
  border-top: 2px solid #000 !important;
}

.underline {
  text-decoration: underline;
}

.overflow_y_hidden {
  overflow: hidden !important;
}

/* common class */
/* font */
.font_Noto {
  font-family: 'Noto Sans Kr' !important;
}

.font_Helv {
  font-family: 'HelveticaNeue' !important;
}

.font_Maru {
  font-family: 'MaruBuri' !important;
}

.font_Lato {
  font-family: 'Lato' !important;
}

.bold {
  font-weight: 700 !important;
}

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

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

.light {
  font-weight: 300 !important;
}

.fs0 {
  font-size: 0 !important;
}

.fs13 {
  font-size: 13px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs15 {
  font-size: 15px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs20 {
  font-size: 20px !important;
}

.lh17 {
  line-height: 17px !important;
}

.lh32 {
  line-height: 32px !important;
}

.lh34{
  line-height: 34px !important;
}

.lh1-5{
  line-height: 1.5 !important;
}
.color_01 {
  color: #FF4040 !important;
}

.color_02 {
  color: #16B13F !important;
}

.color_03 {
  color: #000 !important;
}

.color_04 {
  color: #7d7d7d !important;
}

.color_05 {
  color: #4d4d4d !important;
}

.color_06 {
  color: #fc4040 !important;
}

.mn_ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mn_ellipsis__line2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* font */
/* chip */
.mn_chip {
  display: inline-flex;
  /* display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; */
  border-radius: 25px;
  text-align: center;
}

.mn_chip__ty1 {
  padding: 0 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  background: #f8f8f8;
}

.mn_chip__ty2 {
  padding: 0 16px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  background: #4d4d4d;
}

.mn_chip__ty3 {
  min-width: 76px;
  padding: 0 16px;
  font-size: 16px;
  color: #7d7d7d;
  line-height: 36px;
  border: 1px solid #c4c4c4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_chip__ty3.on, .mn_chip__ty3:hover {
  color: #fff;
  border: 1px solid #4d4d4d;
  background: #4d4d4d;
}

.mn_chip__ty4 {
  padding: 0 14px;
  font-size: 16px;
  line-height: 38px;
  background: #f8f8f8;
}

.mn_chip__ty5 {
  padding: 0 14px;
  font-size: 16px;
  line-height: 38px;
  background: #f8f8f8;
  color: #4d4d4d;
}

.mn_chip__ty6 {
  min-width: 76px;
  padding: 0 16px;
  font-size: 14px;
  color: #7d7d7d;
  line-height: 36px;
  border: 1px solid #c4c4c4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_chip__ty6.on, .mn_chip__ty6:hover {
  color: #fff;
  border: 1px solid #4d4d4d;
  background: #4d4d4d;
}

.mn_chip__ty7 {
  width: 74px;
  height: 32px;
  color: #7D7D7D;
  background: #EEEEEE;
  border-radius: 0;
}

.mn_chip__ty8 {
  width: 74px;
  height: 32px;
  color: #FFFFFF;
  background: #4d4d4d;
  border-radius: 0;
}

.mn_chip__wrap {
  text-align: center;
  font-size: 0;
}
.mn_chip__wrap span {
  width: 100%;
}
.mn_chip__wrap .mn_chip + .mn_chip {
  margin-left: 10px;
}

/* text */
.mn_title_01 {
  font-size: 18px;
  line-height: 26px;
}

.mn_title_01.--essential:after {
  content: '*';
  display: inline-block;
  vertical-align: top;
  color: #ff4040;
  margin-left: 3px;
  font-size: 20px;
}

.mn_title_01 + .mn_input_box {
  /* margin-top: 20px; */
}

.mn_title_02 {
  font-size: 20px;
  line-height: 29px;
}

.mn_title_03 {
  font-size: 16px;
  line-height: 22px;
}

.mn_title_04 {
  font-weight: 500;
  font-size: 20px;
  line-height: 34px;
}

.mn_title_04.bl {
  display: inline-block;
  padding-left: 31px;
  background: url(../images/common/icon_rnd_chk_red.png) no-repeat left center;
}

.mn_title_05 {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

.mn_title_05 > small {
  padding-left: 7px;
  font-weight: 400;
  font-size: 18px;
  color: #7d7d7d;
}

.mn_title_06 {
  font-weight: 500;
  font-size: 30px;
  line-height: 41px;
}

.mn_title_07 {
  font-weight: 500;
  font-size: 28px;
  line-height: 37px;
}

.mn_title_08 {
  font-weight: 500;
  font-size: 36px;
  line-height: 52px;
}

.mn_title_09 {
  font-weight: 500;
  font-size: 32px;
  line-height: 46px;
}

.ico_essential:after {
  content: '*';
  display: inline-block;
  vertical-align: top;
  color: #ff4040;
  font-size: 20px;
}

.mn_txt01 > dt {
  font-size: 20px;
  line-height: 29px;
}

.mn_txt01 > dt + dd {
  margin-top: 10px;
}

.mn_txt01 > dd {
  font-size: 16px;
  line-height: 26px;
}

.mn_dest01 {
  font-size: 15px;
  line-height: 25px;
}

.mn_dest02 {
  font-size: 14px;
  line-height: 22px;
  color: #7d7d7d;
}

.mn_dest03 {
  font-size: 16px;
  line-height: 26px;
}

.mn_dest04 {
  font-size: 16px;
  line-height: 30px;
}

.mn_msg {
  font-size: 15px;
  line-height: 21px;
}

.mn_msg + .mn_title_01 {
  margin-top: 30px;
}

.mn_msg + .mn_input_box {
  /* margin-top: 30px; */
}

* + .mn_msg {
  margin-top: 12px;
}

.mn_bl_text01 {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  line-height: 18px;
  background: url(../images/common/icon_rnd_chk.png) no-repeat left center/17px auto;
}

.mn_list01 > li {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  line-height: 23px;
  color: #000;
}
.mn_list01 > li b {
  font-weight: 500;
}
.mn_list01 > li::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  border-bottom: 5px solid #000;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mn_list02 > li + li {
  margin-top: 15px;
}

.mn_list03 > li {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  line-height: 24px;
  color: #000;
}

.mn_list03 > li::before {
  content: '';
  position: absolute;
  top: 12px;
  left: 0;
  width: 5px;
  border-bottom: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mn_list03 > li + li {
  margin-top: 6px;
}

.mn_list04 > li > a {
  position: relative;
  display: inline-block;
  padding-left: 14px;
  font-size: 16px;
  line-height: 24px;
  color: #7d7d7d;
}

.mn_list04 > li > a.on, .mn_list04 > li > a:hover {
  font-weight: 500;
  color: #000;
}

.mn_list04 > li > a.on::before, .mn_list04 > li > a:hover::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 4px;
  border-bottom: 4px solid #000;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mn_list04 > li + li {
  margin-top: 15px;
}

.mn_list05 > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.mn_list05 > li + li {
  margin-top: 8px;
}

.mn_list05 > li .tit {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 100px;
  font-size: 14px;
  line-height: 20px;
  color: #7d7d7d;
}

.mn_list05 > li .cont {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 14px;
  line-height: 20px;
}

.mn_list06 > li {
  position: relative;
  padding-left: 15px;
  font-size: 20px;
  line-height: 40px;
  color: #000;
}

.mn_list06 > li::before {
  content: '';
  position: absolute;
  top: 20px;
  left: 0;
  width: 6px;
  border-bottom: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mn_list07 > li {
  position: relative;
  padding-left: 15px;
  font-size: 20px;
  line-height: 40px;
  color: #000;
}

.mn_list07 > li::before {
  content: '';
  position: absolute;
  top: 17px;
  left: 0;
  width: 5px;
  border-bottom: 5px solid #000;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mn_list08 > li {
  position: relative;
  padding-left: 15px;
  font-size: 18px;
  line-height: 32px;
  color: #7d7d7d;
}

.mn_list08 > li::before {
  content: '';
  position: absolute;
  top: 15px;
  left: 0;
  width: 6px;
  border-bottom: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mn_list08 > li.ty1 {
  color: #ff4040;
}

.mn_list08 > li.ty1::before {
  border-bottom: 1px solid #ff4040;
}

.mn_list09 > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  line-height: 30px;
}

.mn_list09 > li > .tit {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  font-weight: 500;
}

.mn_list09 > li > .txt {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 10px;
  padding-left: 10px;
}

.mn_list09 > li > .txt::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  height: 20px;
  border-left: 1px solid #ccc;
}

.mn_list09 > li + li {
  margin-top: 10px;
}

/* text */
/* layout */
.content {
 /* padding: 0 calc((100% - 1400px) /2); */
 width: 1400px;
 margin: 0 auto;
}

/* #container {
  padding-bottom: 120px;
} */

.mn_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1400px;
  /* flex-direction: column; */
  margin: 0 auto;
}

.mn_container.row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.mn_container__title {
  margin-top: 53px;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}

.mn_container__title + .mn_tab04 {
  margin-top: 20px;
}

.mn_content_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1400px;
  margin: 50px auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.mn_content_top > h2 {
  width: 360px;
  line-height: 54px;
}

.mn_content_top .mn_input_box {
  margin-left: auto;
}

.mn_flex_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1400px;
  margin: 0 auto;
}

.mn_flex_section {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  /* overflow: hidden; */
}

.dptrg {
  display: none;
}

/* aside */
aside {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 260px;
  margin-right: 100px;
}

aside > h3 {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}

aside * + h3 {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid #dcdcdc;
}

.mn_rnd_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: calc(100% + 10px);
  margin-top: 6px;
}

.mn_rnd_box .mn_check_box.rnd {
  margin: 10px 10px 0 0;
}

.mn_series__wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: calc(100% + 10px);
  margin-top: 6px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_series__wrap > li {
  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;
  margin: 10px 10px 0 0;
  width: 125px;
  height: 90px;
}

.mn_series__wrap > li:nth-child(n + 5) {
  height: 0;
  margin-top: 0;
  opacity: 0;
}

.mn_series__btnarea {
  margin-top: 22px;
  text-align: center;
}

.mn_series__btnarea .btn.more span + span {
  display: none;
}

.mn_series__btnarea .btn.more.active span {
  display: none;
}

.mn_series__btnarea .btn.more.active span + span {
  display: inline-block;
}

.mn_series__btnarea .btn.more.active::before {
  content: none;
}

.active li:nth-child(5) {
  -webkit-animation: 0.5s dn 0s forwards;
          animation: 0.5s dn 0s forwards;
}

.active li:nth-child(6) {
  -webkit-animation: 0.5s dn 0.1s forwards;
          animation: 0.5s dn 0.1s forwards;
}

.active li:nth-child(7) {
  -webkit-animation: 0.5s dn 0.2s forwards;
          animation: 0.5s dn 0.2s forwards;
}

.active li:nth-child(8) {
  -webkit-animation: 0.5s dn 0.3s forwards;
          animation: 0.5s dn 0.3s forwards;
}

.active li:nth-child(9) {
  -webkit-animation: 0.5s dn 0.4s forwards;
          animation: 0.5s dn 0.4s forwards;
}

.active li:nth-child(10) {
  -webkit-animation: 0.5s dn 0.5s forwards;
          animation: 0.5s dn 0.5s forwards;
}

.active li:nth-child(11) {
  -webkit-animation: 0.5s dn 0.6s forwards;
          animation: 0.5s dn 0.6s forwards;
}

.active li:nth-child(12) {
  -webkit-animation: 0.5s dn 0.7s forwards;
          animation: 0.5s dn 0.7s forwards;
}

.active li:nth-child(13) {
  -webkit-animation: 0.5s dn 0.8s forwards;
          animation: 0.5s dn 0.8s forwards;
}

.active li:nth-child(14) {
  -webkit-animation: 0.5s dn 0.9s forwards;
          animation: 0.5s dn 0.9s forwards;
}

.active li:nth-child(15) {
  -webkit-animation: 0.5s dn 1s forwards;
          animation: 0.5s dn 1s forwards;
}

.active li:nth-child(16) {
  -webkit-animation: 0.5s dn 1.1s forwards;
          animation: 0.5s dn 1.1s forwards;
}

.active li:nth-child(17) {
  -webkit-animation: 0.5s dn 1.2s forwards;
          animation: 0.5s dn 1.2s forwards;
}

.active li:nth-child(18) {
  -webkit-animation: 0.5s dn 1.3s forwards;
          animation: 0.5s dn 1.3s forwards;
}

.active li:nth-child(19) {
  -webkit-animation: 0.5s dn 1.4s forwards;
          animation: 0.5s dn 1.4s forwards;
}

.active li:nth-child(20) {
  -webkit-animation: 0.5s dn 1.5s forwards;
          animation: 0.5s dn 1.5s forwards;
}

.active li:nth-child(21) {
  -webkit-animation: 0.5s dn 1.6s forwards;
          animation: 0.5s dn 1.6s forwards;
}

.active li:nth-child(22) {
  -webkit-animation: 0.5s dn 1.7s forwards;
          animation: 0.5s dn 1.7s forwards;
}

.active li:nth-child(23) {
  -webkit-animation: 0.5s dn 1.8s forwards;
          animation: 0.5s dn 1.8s forwards;
}

.active li:nth-child(24) {
  -webkit-animation: 0.5s dn 1.9s forwards;
          animation: 0.5s dn 1.9s forwards;
}

.active li:nth-child(25) {
  -webkit-animation: 0.5s dn 2s forwards;
          animation: 0.5s dn 2s forwards;
}

.active li:nth-child(26) {
  -webkit-animation: 0.5s dn 2.1s forwards;
          animation: 0.5s dn 2.1s forwards;
}

.active li:nth-child(27) {
  -webkit-animation: 0.5s dn 2.2s forwards;
          animation: 0.5s dn 2.2s forwards;
}

.active li:nth-child(28) {
  -webkit-animation: 0.5s dn 2.3s forwards;
          animation: 0.5s dn 2.3s forwards;
}

.active li:nth-child(29) {
  -webkit-animation: 0.5s dn 2.4s forwards;
          animation: 0.5s dn 2.4s forwards;
}

.active li:nth-child(30) {
  -webkit-animation: 0.5s dn 2.5s forwards;
          animation: 0.5s dn 2.5s forwards;
}

@-webkit-keyframes dn {
  1% {
    height: 100px;
    margin-top: 10px;
    opacity: 0;
  }
  100% {
    height: 100px;
    margin-top: 10px;
    opacity: 1;
  }
}

@keyframes dn {
  1% {
    height: 100px;
    margin-top: 10px;
    opacity: 0;
  }
  100% {
    height: 100px;
    margin-top: 10px;
    opacity: 1;
  }
}

.mn_series__checkbox {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.mn_series__checkbox > label input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.mn_series__checkbox > label input[type="checkbox"]:checked + span {
  border: 3px solid #4d4d4d;
}

.mn_series__checkbox > label input[type="checkbox"]:disabled + span {
  cursor: auto;
  border: 1px solid #f8f8f8;
  background: #f8f8f8;
}

.mn_series__checkbox > label input[type="checkbox"]:disabled + span > img {
  -webkit-filter: url("../js/libs/filters.svg#grayscale");
  filter: url("../js/libs/filters.svg#grayscale");
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
}

.mn_series__checkbox > label span {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 125px;
  height: 90px;
  padding: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #c4c4c4;
  cursor: pointer;
}

.mn_series__checkbox > label span > img {
  max-width: 100%;
  max-height: 100%;
}

/* aside */
.btn_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.btn_area > .btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.btn_area > .btn + .btn {
  margin-left: 16px;
}

.mn_bgbox {
  padding: 16px 20px;
  background: #f8f8f8;
}

.mn_bgbox + .mn_txt01 {
  margin-top: 34px;
}

.mn_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  max-width: 1400px;
}

.mn_flex.items > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.mn_flex.items > * + * {
  margin-left: 16px;
}

.mn_flex.sb {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mn_flex.center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.mn_flex.bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/* layout */
/* tab */
.mn_tab_cont {
  display: none;
}

.mn_tab_cont.on {
  display: block;
}

/* tab */
/* input */
.mn_input_box {
  position: relative;
}

.mn_input_box + .mn_input_box {
  margin-top: 18px;
}

.mn_input_box.w100p {
  width: 100%;
}

.mn_input_box.file {
  overflow: hidden;
}

.mn_input_box.file > input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.mn_input_box.file .inp_file_label {
  display: block;
  cursor: pointer;
  text-align: center;
  border: 1px solid #000;
  border-radius: 25px;
  overflow: hidden;
}

.mn_input_box.file .inp_file_label > span {
  font-weight: 500;
  font-size: 16px;
  line-height: 44px;
}

.mn_input_box .inp {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
  height: 46px;
  padding: 0 14px;
  font-size: 16px;
  line-height: 44px;
  color: #000;
  border: 1px solid #c4c4c4;
  background: #fff;
}

.mn_input_box .inp[disabled], .mn_input_box .inp[disabled="disabled"] {
  background: #f8f8f8;
  color: #c4c4c4;
  border: 1px solid #e0e0e0;
}

.mn_input_box .inp[disabled]::-webkit-input-placeholder, .mn_input_box .inp[disabled="disabled"]::-webkit-input-placeholder {
  color: #c4c4c4 !important;
}

.mn_input_box .inp[disabled]::-moz-placeholder, .mn_input_box .inp[disabled="disabled"]::-moz-placeholder {
  color: #c4c4c4 !important;
}

.mn_input_box .inp[disabled]:-ms-input-placeholder, .mn_input_box .inp[disabled="disabled"]:-ms-input-placeholder {
  color: #c4c4c4 !important;
}

.mn_input_box .inp[disabled]::-ms-input-placeholder, .mn_input_box .inp[disabled="disabled"]::-ms-input-placeholder {
  color: #c4c4c4 !important;
}

.mn_input_box .inp[disabled]::placeholder, .mn_input_box .inp[disabled="disabled"]::placeholder {
  color: #c4c4c4 !important;
}

.mn_input_box .inp[disabled]::-webkit-input-placeholder, .mn_input_box .inp[disabled="disabled"]::-webkit-input-placeholder {
  color: #c4c4c4 !important;
}

.mn_input_box .inp[disabled]:-ms-input-placeholder, .mn_input_box .inp[disabled="disabled"]:-ms-input-placeholder {
  color: #c4c4c4 !important;
}

.mn_input_box .inp[disabled].h54:-mos-input-placeholder, .mn_input_box .inp[disabled="disabled"].h54:-mos-input-placeholder {
  color: #c4c4c4 !important;
}

.mn_input_box .inp[readonly], .mn_input_box .inp[readonly="readonly"] {
  background: #fff;
  color: #ACACAC;
}

.mn_input_box .inp.w80 {
  width: 80px;
}

.mn_input_box .inp.w120 {
  width: 120px;
}

.mn_input_box .inp.w200 {
  width: 200px;
}

.mn_input_box .inp.w240 {
  width: 240px;
}

.mn_input_box .inp.w344 {
  width: 344px;
}

.mn_input_box .inp.w580 {
  width: 580px;
}

.mn_input_box.b_ty .inp {
  height: 60px;
  padding: 18px 0;
  line-height: 24px;
  border: none;
  border-bottom: 1px solid #d9d9d9;
}

.mn_input_box.suffix .inp {
  padding-right: 50px !important;
}

.mn_input_box.error .inp {
  border-bottom: 1px solid #ff4040;
}

.mn_input_box .suffix {
  position: absolute;
  top: 50%;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  transform: translateY(-50%);
  height: 24px;
  margin-left: 10px;
  font-size: 16px;
  line-height: 24px;
}

.mn_input_box.error .suffix {
  color: #ff4040;
}

.mn_input_box + .mn_title_01 {
  margin-top: 35px;
}

.mn_input_box.search {
  display: inline-block;
  width: 680px;
  padding: 0 25px 0 60px;
  border-radius: 50px;
  background: #f8f8f8;
}

.mn_input_box.search .inp {
  height: 54px;
  padding: 0;
  line-height: 52px;
  font-size: 18px;
  border: 1px solid #f8f8f8;
  background: #f8f8f8;
}

.mn_input_box.search > .btn.search {
  position: absolute;
  top: 17px;
  left: 28px;
}

.mn_input_box.search.small {
  width: 320px;
  padding-left: 46px;
}

.mn_input_box.search.small .inp {
  height: 40px;
  font-size: 14px;
  line-height: 38px;
}

.mn_input_box.search.small > .btn.search {
  top: 12px;
  left: 20px;
}

.mn_input_box.search.open {
  margin-top: 6px;
  width: 760px;
  padding: 14px 0 14px 40px;
  background: #fff;
  border-bottom: 2px solid #000;
  border-radius: 0;
}

.mn_input_box.search.open .inp {
  height: 40px;
  line-height: 40px;
  border: 1px solid #fff;
  background: #fff;
}

.mn_input_box.search.open .btn.search {
  top: 18px;
  left: 0;
  width: 32px;
  height: 32px;
  background: url(../images/common/icon_header_search_bk.svg) no-repeat left center/contain;
}

.mn_input_box.search.open .btn.rndclose.inpreset {
  top: 24px;
  right: 22px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.mn_input_box.search.white {
  width: 636px;
  border: 1px solid #dcdcdc;
  background: #fff;
}

.mn_input_box.search.white .inp {
  height: 48px;
  line-height: 46px;
  background: #fff;
  border: 1px solid #fff;
}

.mn_input_box.search.white .btn.search {
  top: 13px;
  left: 27px;
}

.mn_input_box.search.white .btn.inpreset {
  right: 27px;
}

.mn_input_box.byte .inp {
  padding-right: 100px;
}

.mn_input_box.byte .suffix {
  top: 50%;
  right: 24px;
  margin-left: 0;
  font-size: 12px;
  line-height: 16px;
  color: #7d7d7d;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  letter-spacing: normal;
}

.mn_input_box .btn.inpreset {
  position: absolute;
  top: 50%;
  right: 36px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}

.mn_input_box.h54 .inp {
  height: 54px;
  padding: 0 20px;
  font-size: 18px;
  line-height: 54px;
}

.mn_input_box.h56 .inp {
  height: 56px;
  padding: 0 20px;
  font-size: 18px;
  line-height: 54px;
}

/* input */
/* checkbox */
.mn_check_box {
  display: inline-block;
  font-size: 0;
}

.mn_check_box > label {
  position: relative;
  display: block;
  min-height: 20px;
  cursor: pointer;
}

.mn_check_box > label > input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.mn_check_box > label > input + span {
  display: flex;
  align-items: center;
  padding-left: 30px;
  font-size: 16px;
}

.mn_check_box > label > input + span small {
  font-size: 14px;
  color: #7d7d7d;
}

.mn_check_box > label > input[type="checkbox"] + span {
  padding-left: 0;
}

.mn_check_box > label > input[type="checkbox"] + span::before {
  position: relative;
  display: inline-block;
  content: '';
  margin-right: 12px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #dcdcdc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
}

.mn_check_box > label > input[type="checkbox"] + span.bk::before {
  border-color: black;
}

.mn_check_box > label > input[type="checkbox"]:checked + span::before {
  border: 2px solid #4d4d4d;
  background: #fff url(../images/common/icon_ckecked.svg) no-repeat center 4px;
}

.mn_check_box > label > input[type="checkbox"]:disabled + span {
  color: #c4c4c4;
}

.mn_check_box > label > input[type="checkbox"]:disabled + span small {
  color: #c4c4c4;
}

.mn_check_box > label > input[type="checkbox"]:disabled + span::before {
  border: 1px solid #c4c4c4;
  background: #dcdcdc;
}

.mn_check_box > label > input[type="radio"] + span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
}

.mn_check_box > label > input[type="radio"] + span::before {
  display: inline-block;
  margin-right: 8px;
  content: '';
  width: 20px;
  height: 20px;
  background: #fff;
  border: 2px solid #dcdcdc;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mn_check_box > label > input[type="radio"]:checked + span {
  color: #000;
}

.mn_check_box > label > input[type="radio"]:checked + span::before {
  border: 2px solid #000;
}

.mn_check_box > label > input[type="radio"]:checked + span::after {
  display: inline-block;
  content: '';
  position: absolute;
  top: 50%;
  left: 5px;
  width: 10px;
  height: 10px;
  background-color: #000;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mn_check_box > label > input[type="radio"]:disabled + span,
.mn_check_box > label > input[type="radio"]:checked:disabled + span {
  color: #c4c4c4;
}

.mn_check_box > label > input[type="radio"]:checked:disabled + span::before {
  border: 2px solid #c4c4c4;
}

.mn_check_box > label > input[type="radio"]:checked:disabled + span::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 5px;
  width: 10px;
  height: 10px;
  border-bottom: 6px solid #c4c4c4;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
   background: #c4c4c4;
}

.mn_check_box > label > input[type="radio"].ty1 + span::before {
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  background: #fff;
  border: 2px solid #c4c4c4;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mn_check_box > label > input[type="radio"].ty1:checked + span {
  color: #000;
}

.mn_check_box > label > input[type="radio"].ty1:checked + span::before {
  border: 2px solid #000;
}

.mn_check_box > label > input[type="radio"].ty1:checked + span::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 5px;
  width: 10px;
  border-bottom: 10px solid #000;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_check_box > label > input[type="radio"].ty1:checked:disabled + span {
  color: #c4c4c4;
}

.mn_check_box > label > input[type="radio"].ty1:checked:disabled + span::before {
  border: 2px solid #c4c4c4;
}

.mn_check_box > label > input[type="radio"].ty1:checked:disabled + span::after {
  border-bottom: 10px solid #c4c4c4;
}

.mn_check_box.single > label > span {
  padding-left: 20px;
}

.mn_check_box.rnd label > input[type="checkbox"] + span {
  position: relative;
  min-width: 80px;
  padding: 0 12px;
  text-align: center;
  font-size: 14px;
  line-height: 36px;
  color: #7d7d7d;
  border: 1px solid #c4c4c4;
  border-radius: 25px;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  justify-content: center;
}

.mn_check_box.rnd label > input[type="checkbox"] + span::before {
  content: none;
}

.mn_check_box.rnd label > input[type="checkbox"]:checked + span {
  color: #fff;
  border: 1px solid #4d4d4d;
  background: #4d4d4d;
}

.mn_check_box.rnd label > input[type="checkbox"]:checked + span::before {
  content: none;
}

.mn_check_box.rnd label > input[type="checkbox"]:disabled + span {
  color: #c4c4c4;
  border: 1px solid #f8f8f8;
  background: #f8f8f8;
  cursor: default;
}

.mn_check_box.rnd label > input[type="checkbox"]:disabled + span::before {
  content: none;
}

.mn_check_box.rnd.ty1 label > input[type="checkbox"] + span {
  width: 80px;
  padding: 0;
  white-space: nowrap;
}

.mn_check_box__wrap {
  font-size: 0;
  line-height: normal;
}

.mn_check_box__wrap .mn_check_box + .mn_check_box {
  margin-left: 35px;
}

.mn_check_box.switch > label > input + span {
  padding: 0 40px 0 0;
}

.mn_check_box.switch > label > input + span::before {
  left: auto;
  right: 0;
  width: 34px;
  height: 20px;
  border-radius: 27px;
  background: #eaeaea;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_check_box.switch > label > input + span::after {
  content: '';
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_check_box.switch > label > input[type="checkbox"]:checked + span::before {
  border: none;
  background: #4b4b4b;
}

.mn_check_box.switch > label > input[type="checkbox"]:checked + span::after {
  right: 16px;
}

.mn_check_box.rndchk > label > input[type="checkbox"] + span {
  width: 37px;
  height: 37px;
  padding-left: 0;
  font-size: 0;
  line-height: normal;
  text-indent: -999px;
  overflow: hidden;
  border: 1px solid #c4c4c4;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/common/icon_rnd_chk_02_white.png);
  background-color: transparent;
}

.mn_check_box.rndchk > label > input[type="checkbox"] + span::before {
  content: none;
}

.mn_check_box.rndchk > label > input[type="checkbox"] + span::after {
  content: none;
}

.mn_check_box.rndchk > label > input[type="checkbox"]:checked + span {
  border: 1px solid #fff;
  background-image: url(../images/common/icon_rnd_chk_02_black.png);
  background-color: #fff;
}

/* checkbox */
/* radio */
.mn_radio_box.ty1 {
  overflow: hidden;
}

.mn_radio_box.ty1 label {
  cursor: pointer;
  float: left;
}

.mn_radio_box.ty1 label input[type="radio"] {
  position: absolute;
  top: -9999px;
  visibility: hidden;
}

.mn_radio_box.ty1 label input[type="radio"] + span {
  display: inline-block;
  padding: 12px 50px;
  border: 1px solid  #4D4D4D;
  border-right: none;
  background: #fff;
  color: #4D4D4D;
  font-size: 18px;
}

.mn_radio_box.ty1 label input[type="radio"]:checked + span {
  background: #4D4D4D;
  color: #fff;
}

.mn_radio_box.ty1 label:last-child input + span {
  border-right: 1px solid #4D4D4D;
}

/* radio end */
/* file box */
.mn_file_box input[type="file"] {
  visibility: hidden;
  position: absolute;
  top: -9999px;
}

.mn_file_box.ty1 label {
  position: relative;
  display: inline-block;
  width: 280px;
  height: 46px;
  border: 1px solid #C4C4C4;
  padding: 0 18px;
  cursor: pointer;
}

.mn_file_box.ty1 label span {
  color: #7D7D7D;
  line-height: 46px;
  font-size: 16px;
}

.mn_file_box.ty1 label::after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background: url("../images/common/icon_plus.png") no-repeat;
  position: absolute;
  top: 50%;
  right: 18px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* file box end */

/* selectbox */
.mn_selectbox {
  display: block;
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding: 0 34px 0 18px;
  font-size: 16px;
  color: #000;
  border: 1px solid #c4c4c4;
  background: #fff url(../images/common/icon_arrow_down.png) no-repeat right 14px center/12px 7px;
}

.mn_selectbox.on {
  color: #000;
}

.mn_selectbox.b_ty {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 42px;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  background: #fff url(../images/common/icon_arrow_down.png) no-repeat right center/12px;
}

.mn_selectbox[disabled], .mn_selectbox[disabled="disabled"] {
  opacity: 0.4;
  background-color: #e0e0e0;
}

.mn_selectbox__wrap {
  font-size: 0;
}

.mn_selectbox__wrap .mn_selectbox {
  display: inline-block;
  width: 240px;
}

.mn_selectbox__wrap .mn_selectbox + .mn_selectbox {
  margin-left: 10px;
}

.mn_selectbox__wrap .mn_selectbox__cont {
  display: inline-block;
  vertical-align: top;
  width: 240px;
}

.mn_selectbox__wrap .mn_selectbox__cont + .mn_selectbox__cont {
  margin-left: 10px;
}

.mn_selectbox__cont {
  display: inline-block;
  font-size: 0;
}

.mn_selectbox__cont.big .mn_selectbox {
  height: 54px;
  font-size: 18px;
  background: #fff url(../images/common/icon_ar_19x11_d.png) no-repeat right 24px center;
}

.mn_selectbox__cont.big .mn_selectbox:disabled {
  opacity: 1;
  color: #c4c4c4;
  border: 1px solid #e0e0e0;
  background: #f8f8f8 url(../images/common/icon_ar_19x11_d2.png) no-repeat right 24px center;
}

.mn_selectbox.mini {
  display: inline-block;
  width: auto;
  height: 19px;
  line-height: 19px;
  padding: 0 14px 0 0;
  font-size: 13px;
  border: none;
  background: #fff url(../images/common/icon_triangle.png) no-repeat right center;
  color: #000;
}

.mn_selectbox.mini.ty1 {
  height: 24px;
  font-size: 16px;
  padding: 0 15px 0 0;
  background: #fff url(../images/common/icon_triangle02.png) no-repeat right center;
}

.mn_selectbox.mini.ty2 {
  height: 20px;
  font-size: 14px;
  padding: 0 15px 0 0;
  background: #fff url(../images/common/icon_triangle02.png) no-repeat right center;
}

.mn_selectbox.h40 {
  height: 40px;
  background: #fff url(../images/pm/icon_01.png) no-repeat right 14px center;
}

/* selectbox */
/* button */
.underline_link {
  position: relative;
  display: inline-block;
  padding-bottom: 3px;
  font-size: 11px;
  line-height: normal;
  color: #7d7d7d;
  border-bottom: 1px solid #7d7d7d;
}

.underline_link.ra:after {
  content: '';
  display: inline-block;
  vertical-align: baseline;
  width: 5px;
  height: 7px;
  margin-left: 2px;
  background: url(../images/common/icon_arrow_right.png) no-repeat center center/cover;
}

.underline_link.big {
  font-size: 15px;
  line-height: 21px;
  padding-bottom: 1px;
}

.underline_link.big.ra:after {
  content: '';
  display: inline-block;
  vertical-align: baseline;
  width: 7px;
  height: 12px;
  margin-left: 5px;
  background: url(../images/common/icon_arrow_right.png) no-repeat center center/cover;
}

.underline_link.bk {
  color: #000;
}

.underline_link.bk.ra:after,
.next.bk.ra:after {
  content: '';
  display: inline-block;
  vertical-align: baseline;
  width: 6px;
  height: 12px;
  margin-left: 8px;
  background: url(../images/common/icon_arrow_link_bk.png) no-repeat center center/cover;
}

.btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
  text-align: center;
  border-radius: 50px;
  background-color: #fff;
}

.btn > span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn i {
  margin-left: 12px;
}

.btn:disabled {
  cursor: default;
  opacity: 0.4;
}

.btn.pd0 {
  padding: 0;
}

.btn.h34 {
  height: 34px;
}

.btn.h34 > span {
  font-size: 14px;
  line-height: 34px;
}

.btn.h36 {
  height: 36px;
}

.btn.h36 > span {
  font-size: 14px;
  line-height: 34px;
}

.btn.h40 {
  height: 40px;
}

.btn.h40 > span {
  font-size: 14px;
}

.btn.h42 {
  height: 42px;
}

.btn.h42 > span {
  font-size: 14px;
  line-height: 40px;
}

.btn.h44 {
  height: 44px;
}

.btn.h44 > span {
  font-size: 14px;
  line-height: 42px;
}

.btn.h46 {
  height: 46px;
}

.btn.h46 > span {
  font-size: 16px;
  line-height: 44px;
}

.btn.h50 {
  height: 50px;
  line-height: 50px;
}

.btn.h50 > span {
  font-size: 18px;
  line-height: 48px;
}

.btn.h52 {
  height: 52px;
}

.btn.h52 > span {
  font-weight: 500;
  font-size: 18px;
}

.btn.h54 {
  height: 52px;
}

.btn.h54 > span {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
}

.btn.h64 {
  height: 64px;
}

.btn.h64 > span {
  font-weight: 500;
  font-size: 22px;
}

.btn.w100p {
  width: 100%;
}

.btn.ty1 {
  color: #fff;
  background: #4d4d4d;
  border: 1px solid #4d4d4d;
}

.btn.ty1:disabled {
  background: #dcdcdc;
  border: 1px solid #dcdcdc;
  opacity: 1;
}

.btn.ty2 {
  color: #4d4d4d;
  border: 1px solid #4d4d4d;
}

.btn.ty3 {
  color: #3D548E;
  border: 1px solid #3D548E;
}

.btn.ty4 {
  color: #FFC400;
  border: 1px solid #FFC400;
}

.btn.ty5 {
  border: 1px solid #c4c4c4;
}

.btn.ty6 {
  background: #B3B3B3;
  color: #fff;
}

.btn.ty7 {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.btn.ty8 {
  color: #000;
  border: 1px solid #C4C4C4;
}

.btn.br0 {
  border-radius: 0;
}

.btn.icon {
  display: inline-block;
  padding: 0;
  overflow: hidden;
  border-radius: 0;
  text-indent: -999px;
}
.btn.w100 {
  width: 100%;
}
.btn.close {
  width: 16px;
  height: 16px;
  background: url(/assets/images/common/icon_close.png) no-repeat 0 0/cover;
}

.btn.close.small {
  width: 14px;
  height: 14px;
}

.btn.close_18 {
  width: 18px;
  height: 18px;
  background: url(/assets/images/view/common/icon_close_25-560ec18e46a120daf7cf357c13b46038.png) no-repeat;
  background-size: contain;
}

.btn.close_25 {
  width: 25px;
  height: 25px;
  background: url(/assets/images/view/common/icon_close_25-560ec18e46a120daf7cf357c13b46038.png) no-repeat;
}

.btn.close_25_bk {
  width: 25px;
  height: 25px;
  background: url(/assets/images/view/common/icon_close_25_bk-9518722e55dd974b0295ad4fa1938e76.png) no-repeat;
}

.btn.cancel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn.cancel::before {
  display: inline-block;
  margin-right: 2px;
  width: 24px;
  height: 24px;
  content: '';
  background: url(/assets/images/view/common/icon_close_sm-8b0b4a1dec7f63c43dbd474ac1f2a41f.png) no-repeat;
}

.btn.add {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn.add::before {
  display: inline-block;
  margin-right: 2px;
  width: 24px;
  height: 24px;
  content: '';
  background: url(../images/common/icon_plus_g.png) no-repeat;
}

.btn.rndclose {
  width: 24px;
  height: 24px;
  background: url(../images/common/icon_rnd_close.png) no-repeat center center/cover;
}

.btn.slide {
  width: 15px;
  height: 9px;
  background: url(../images/common/icon_arrow_down.png) no-repeat center center/15px 9px;
}

.btn.slide_open::after {
  content: '';
  position: relative;
  top: -2px;
  display: inline-block;
  width: 12px;
  height: 7px;
  margin-left: 10px;
  vertical-align: middle;
  background: url(../images/common/icon_arrow_down.png) no-repeat 0 0/12px 7px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.btn.slide_open.on::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.btn.la::before {
  content: '';
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 12px;
  margin-right: 10px;
  background: url(../images/common/icon_arrow_left.png) no-repeat center center/cover;
}

.btn.la02::before {
  content: '';
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 20px;
  margin-right: 10px;
  background: url(../images/common/icon_ar_g.png) no-repeat center center/cover;
}

.btn.ra::after {
  content: '';
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 12px;
  margin-left: 10px;
  background: url(../images/common/icon_arrow_right.png) no-repeat center center/cover;
}

.btn.ra.white::after {
  content: '';
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 12px;
  margin-left: 10px;
  background: url(../images/common/icon_arrow_right_white.png) no-repeat center center/cover;
}

.btn.icon.search {
  width: 24px;
  height: 24px;
  background: url(../images/common/icon_search.png) no-repeat left top/cover;
}

.btn.icon.search.small {
  width: 17px;
  height: 17px;
}

.btn.list::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 10px;
  margin-right: 5px;
  background: url(../images/common/icon_list.svg) no-repeat;
}

.btn.doc1 {
  min-width: 100px;
}

.btn.doc1::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 17px;
  margin-right: 5px;
  background: url(../images/common/icon_doc1.png) no-repeat;
  background-size: contain;
}

.btn.doc2::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 20px;
  margin-left: 6px;
  background: url(../images/common/icon_doc2.png) no-repeat 0 0/cover;
}

.btn.doc3::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-left: 6px;
  background: url(../images/common/icon_doc3.png) no-repeat 0 0/cover;
}

.btn.doc4::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 18px;
  margin-left: 6px;
  background: url(../images/common/icon_doc4.png) no-repeat 0 0/cover;
}

.btn.doc5::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-left: 6px;
  background: url(../images/common/icon_doc5.svg) no-repeat center/cover;
}

.btn.pen {
  min-width: 160px;
}

.btn.pen::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: url(../images/common/icon_pen.svg) no-repeat;
}

.btn.inquiry::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background: url(../images/common/icon_inquiry.svg) no-repeat;
}

.btn.more::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  background: url(../images/common/icon_plus_small.png) no-repeat 0 0/cover;
}

.btn.more.w::before {
  width: 24px;
  height: 24px;
  background: url(../images/common/icon_plus_small_w.png) no-repeat 0 0/cover;
}
/* 찜하기 */
.btn.zzim {
  width: 46px;
  height: 46px;
  background: url(../images/common/icon_zzim_off.png) no-repeat center;
  background-size: 24px;
  /* -webkit-transition: 0.3s;
  transition: 0.3s; */
  border: 1px solid #C4C4C4;
  border-radius: 50%;
}

.btn.zzim:hover, .btn.zzim.on {
  background: url(../images/common/icon_zzim_on.png) no-repeat center;
  background-size: 24px;
}

.btn.zzim02 {
  width: 46px;
  height: 46px;
  background: url(../images/common/icon_zzim2_off.png) no-repeat center;
  background-size: 24px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #fff;
  border-radius: 50%;
}

.btn.zzim02:hover, .btn.zzim02.on {
  background: url(../images/common/icon_zzim_on.png) no-repeat center;
  background-size: 24px;
}

.btn.zzim.small {
  width: 36px;
  height: 36px;
  background: url(../images/common/icon_zzim2_off.png) center/20px no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.btn.zzim.small:hover {
  background: #fff url(../images/common/icon_zzim_g.png) center/20px no-repeat;
  border: 1px solid #fff;
}

.btn.zzim.small.on, .btn.zzim.small.on:hover {
  background: url(../images/common/icon_zzim_on.png) center/20px no-repeat;
  border-color: #FFFFFF;
}

/* 인쇄하기 */
.btn.print {
  width: 46px;
  height: 46px;
  background: url(../images/common/icon_print.png) center no-repeat;
  background-size: 24px;
  transition: 0.3s;
}

.btn.print.small {
  width: 36px;
  height: 36px;
  background: url(../images/common/icon_print.png) no-repeat center;
  background-size: 20px;
}

.btn.print.small:hover {
  background: #fff url(../images/common/icon_print_g.png) no-repeat center;
  background-size: 20px;
}

.btn.share {
  width: 46px;
  height: 46px;
  background: url(../images/common/icon_share.png) no-repeat center;
  background-size: 24px;
  border: 1px solid #C4C4C4;
  border-radius: 50%;
}

.btn.like {
  width: 46px;
  height: 46px;
  background: url(../images/common/icon_like_off.png) no-repeat;
}

.btn.like.on {
  background: url(../images/common/icon_like_on.png) no-repeat;
}

.btn.recommend {
  width: 46px;
  height: 46px;
  background: url(../images/common/icon_recommend_off.png) no-repeat;
}

.btn.recommend.on {
  background: url(../images/common/icon_recommend_on.png) no-repeat;
}

.btn.scale {
  width: 84px;
  height: 84px;
  background: #fff url(../images/common/icon_scale.png) no-repeat left 24px center;
  border-radius: 50%;
  border: 1px solid #c4c4c4;
}

.btn.link {
  width: 36px;
  height: 36px;
  background: url(../images/rb/icon_link.png) no-repeat;
}

.btn.link02::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-left: 6px;
  background: url(../images/common/icon_link02.png) no-repeat 0 0/cover;
}

.btn.kakao {
  width: 36px;
  height: 36px;
  background: url(../images/rb/icon_kakao.png) no-repeat;
}

.btn.facebook {
  width: 36px;
  height: 36px;
  background: url(../images/rb/icon_facebook.png) no-repeat;
}

.btn.blog {
  width: 36px;
  height: 36px;
  background: url(../images/rb/icon_blog.png) no-repeat;
}

.btn.play {
  width: 36px;
  height: 36px;
  background: url(../images/common/icon_play.png) no-repeat;
}

.btn.downdark {
  width: 32px;
  height: 32px;
  background:url(../images/common/icon_download_dark.png) no-repeat;
}

.btn.download {
  width: 46px;
  height: 46px;
  background: url(../images/common/icon_download_x2.png) no-repeat center/24px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #C4C4C4;
  border-radius: 50%;
}

.btn.down::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background: url(../images/common/icon_down.png) no-repeat 0 0/contain;
}

.btn.down2::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-left: 20px;
  background: url(../images/common/icon_download_w.png) no-repeat 0 0/cover;
}

.btn.download.white {
  width: 46px;
  height: 46px;
  background: url(../images/common/icon_download_white.svg) no-repeat center;
  background-size: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #fff;
  border-radius: 50%;
}

.btn.searchicon::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: url(../images/common/icon_search_small.png) no-repeat 0 0/cover;
}

.btn.chk::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background: url(../images/common/icon_groupchk_on.png) no-repeat 0 0/contain;
}

.btn.chk:disabled:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background: url(../images/common/icon_groupchk_off.png) no-repeat 0 0/contain;
}

.btn.heart::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  margin-left: 6px;
  background: url(../images/common/icon_zzim_g.svg) no-repeat 0/cover;
}
.btn.heart.on::after {
  background: url(../images/common/icon_heart_on.svg) no-repeat 0/cover;
}
.btn.ic_print::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  margin-left: 6px;
  background: url(../images/common/icon_print.svg) no-repeat 0/cover;
}

.btn.ic_print.black::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  margin-left: 8px;
  background: url(../images/common/icon_print_black.png) no-repeat;
}

.btn.re > span {
  padding-right: 16px;
  font-size: 16px;
  line-height: 21px;
  color: #4d4d4d;
  background: url(../images/mt/icon_re.png) no-repeat right 4px;
  border-bottom: 1px solid #4d4d4d;
}

.btn.re2 {
  padding: 0;
  background: none;
}

.btn.re2 > span {
  padding-right: 16px;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  background: url(../images/mt/icon_re_white.png) no-repeat right 4px;
}

.btn.mv > span {
  padding-right: 20px;
}

.btn.mv > span::after {
  content: '';
  position: absolute;
  top: 20px;
  right: 0;
  width: 12px;
  height: 7px;
  background: url(/assets/images/common/icon_arrow_down_small02.png) no-repeat;
}

.btn.mv.on > span::after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.btn.ctt {
  padding: 0 36px;
}

.btn.ctt.ctt01 > span::after {
  content: '';
  position: relative;
  top: 2px;
  display: inline-block;
  width: 10px;
  height: 17px;
  margin-left: 9px;
  background: url(../images/ct/ico_01.png) no-repeat;
}

.btn.ctt.ctt02 > span::after {
  content: '';
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 17px;
  margin-left: 9px;
  background: url(../images/ct/ico_02.png) no-repeat;
}

.btn.ctt:disabled {
  border: 1px solid  #dcdcdc !important;
  background: #dcdcdc !important;
  opacity: 1 !important;
}

.btn.ctt:disabled > span {
  color: #fff;
}

.btn.ctt:disabled > span::after {
  background: url(../images/ct/ico_01.png) no-repeat !important;
}

.btn.sbscr {
  padding: 0 34px;
}

.btn.sbscr > span {
  padding-left: 30px;
  background: url(../images/common/icon_pen_big.png) no-repeat left center;
}

/* button */
.box_link {
  display: inline-block;
  padding: 17px 30px 17px 28px;
  border: 2px solid #000;
}

.box_link > span {
  position: relative;
  display: inline-block;
  padding-right: 24px;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  background: url(../images/common/icon_arrow_right_black02.png) no-repeat right center;
}

.box_link.ty1 {
  padding: 14px 0 14px 35px;
}

.box_link.ty1 > span {
  padding-right: 25px;
  background: url(../images/common/icon_ar_9x14.png) no-repeat right center;
}

.box_link02 {
  display: inline-block;
  padding: 9px 17px;
  border: 1px solid #c4c4c4;
}

.box_link02 > span {
  position: relative;
  display: inline-block;
  padding-right: 14px;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  color: #4d4d4d;
  background: url(../images/common/icon_arrow_right_black03.png) no-repeat right center;
}

.box_link02 i {
  margin-left: 6px;
}

.box_link03 {
  display: inline-block;
  padding: 13px 30px 13px 27px;
  border: 2px solid #000;
}

.box_link03 > span {
  position: relative;
  display: inline-block;
  padding-right: 25px;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  background: url(../images/common/icon_arrow_right_black02.png) no-repeat right center;
}

.box_link04 {
  display: inline-block;
  padding: 14px 22px;
  border: 1px solid #c4c4c4;
}

.box_link04 > span {
  position: relative;
  display: inline-block;
  padding-right: 22px;
  font-size: 16px;
  line-height: 22px;
  color: #4d4d4d;
  background: url(../images/mt/icon_01.png) no-repeat right center;
}

.box_link05 {
  display: inline-block;
  padding: 18px 0 18px 28px;
  border: 2px solid #000;
}

.box_link05 > span {
  position: relative;
  display: inline-block;
  padding-right: 22px;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  background: url(../images/common/icon_arrow_right_black02.png) no-repeat right center;
}

.box_link06 {
  display: inline-block;
  padding: 13px 35px;
  text-align: center;
  border: 2px solid #000;
}

.box_link06 > span {
  display: inline-block;
  padding-right: 24px;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  background: url(../images/common/icon_ar_9x14.png) no-repeat right center;
}

.box_link07 {
  display: inline-block;
  padding: 12px 29px;
  text-align: center;
  border: 2px solid #000;
}

.box_link07 > span {
  display: inline-block;
  padding-right: 24px;
  font-weight: 500;
  font-size: 22px;
  background: url(../images/common/icon_ar_9x14.png) no-repeat right center;
  background-size: 6px 12px;
}

.box_link08 {
  display: inline-block;
  padding: 15px 26px;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
}

.box_link08 > span {
  display: inline-block;
  padding-right: 24px;
  font-size: 20px;
  background: url(../images/common/icon_arrow_right_white.png) no-repeat right center;
  background-size: 8px;
}

.box_link09 {
  display: inline-block;
  padding: 13px 30px;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
}

.box_link09 > span {
  display: inline-block;
  padding-right: 30px;
  font-weight: 500;
  font-size: 22px;
  background: url(../images/common/icon_link02.png) no-repeat right center;
  background-size: 18px;
  line-height: 26px;
}

/* textarea */
.mn_textarea {
  border: 1px solid #c4c4c4;
}

.mn_textarea textarea {
  display: block;
  width: 100%;
  padding: 14px 18px;
  font-size: 16px;
  line-height: 34px;
  color: #000;
  border: 1px solid #c4c4c4;
  resize: none;
  outline: none;
}

.mn_textarea.byte textarea {
  height: 268px;
  border: none;
}

.mn_textarea.byte .byte {
  display: block;
  padding: 20px 24px;
  text-align: right;
  font-size: 12px;
  line-height: 16px;
  color: #7d7d7d;
  letter-spacing: normal;
}

/* textarea */
.icons {
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

.icons.lock01 {
  width: 16px;
  height: 18px;
  background: url(../images/common/icon_lock_01.png) no-repeat center center;
}

.icons.lock01.red {
  background: url(../images/common/icon_lock_01_red.png) no-repeat center center;
}

.icons.lock01.green {
  background: url(../images/common/icon_lock_01_green.png) no-repeat center center;
}

.icons.lock02 {
  width: 16px;
  height: 18px;
  background: url(../images/common/icon_lock_02.png) no-repeat center center;
}

.icons.lock02.red {
  background: url(../images/common/icon_lock_02_red.png) no-repeat center center;
}

.icons.lock02.green {
  background: url(../images/common/icon_lock_02_green.png) no-repeat center center;
}

/* table */
.mn_tbl01 {
  border: 1px solid #c4c4c4;
}

.mn_tbl01 > table > thead > tr > th {
  height: 48px;
  padding: 10px 15px;
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
  background: #f8f8f8;
  border-left: 1px solid #e5e5e5;
}

.mn_tbl01 > table > thead > tr > th:first-child {
  border-left: none;
}

.mn_tbl01 > table > tbody > tr > td {
  height: 48px;
  padding: 10px 15px;
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #e5e5e5;
  border-bottom: none;
}

.mn_tbl01 > table > tbody > tr > td:first-child {
  border-left: none;
}

.mn_tbl01 > table > tbody > tr > td:last-child {
  border-right: none;
}

.mn_tbl02 {
  border-top: 2px solid #000;
}

* + .mn_tbl02 {
  margin-top: 70px;
}

.mn_tab04 + .mn_tbl02 {
  margin-top: 60px;
}

.mn_tbl02 table thead th {
  height: 65px;
  padding: 10px 0;
  vertical-align: middle;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid #c4c4c4;
}

.mn_tbl02 table tbody .point td {
  background: #f8f8f8;
}

.mn_tbl02 table tbody .point td a {
  padding-left: 30px;
  background: url(../images/common/icon_speaker.png) no-repeat left center;
}

.mn_tbl02 table tbody tr {
  border-bottom: 1px solid #c4c4c4;
}

.mn_tbl02 table tbody td {
  height: 73px;
  padding: 10px;
  vertical-align: middle;
  font-size: 16px;
  text-align: center;
}
.mn_tbl02 table tbody td a {
  position: relative;
}
.mn_tbl02 table tbody td .icon_lock {
  position: absolute;
  top: -4px;
  right: -27px;
}
.mn_tbl02.pm_custom td {
  padding: 0 26px;
  line-height: 24px;
}

.mn_tbl02.pm_custom td > a {
  display: block;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mn_tbl02.pm_custom td .icon_link {
  display: inline-block;
  margin-left: 8px;
  width: 12px; height: 12px;
  background: url(../images/pm/icon_link.png) center;
  background-size: contain;
}
.mn_tbl02.board_detail .detail_top {
  padding: 24px 26px;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  text-align: left;
}

.mn_tbl02.board_detail .detail_cont {
  padding: 0;
  text-align: left;
}

.mn_tbl02.board_detail .detail_cont .detail_content {
  padding: 40px 26px 80px 26px;
  text-align: left;
  line-height: 32px;
}

.mn_tbl02.board_detail .detail_cont .detail_files {
  margin-bottom: 40px;
}

.mn_tbl02.board_detail .mn_list_none {
  padding: 90px 0 110px 0;
}

.mn_tbl03 {
  border-top: 2px solid #000;
  padding-top: 10px;
}

.mn_tbl03 > table > tbody > tr > th {
  padding: 30px 0 30px 80px;
  text-align: left;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  border-bottom: 1px solid #c4c4c4;
}
.mn_tbl03 > table > tbody > tr > th.center {
  vertical-align: middle;
}
.mn_tbl03 > table > tbody > tr > th.essential:after {
  content: '*';
  display: inline-block;
  vertical-align: top;
  color: #ff4040;
  margin-left: 3px;
  font-size: 20px;
}

.mn_tbl03 > table > tbody > tr > td {
  padding: 30px 0;
  vertical-align: middle;
  font-size: 16px;
  border-bottom: 1px solid #c4c4c4;
}

.mn_tbl03 > table > tbody > tr > td .mn_input_box {
  max-width: 840px;
}

.mn_tbl03 > table > tbody > tr > td .mn_textarea {
  max-width: 840px;
}

.mn_tbl04 {
  border: 1px solid #c4c4c4;
}

.mn_tbl04 > table > thead > tr > th {
  height: 48px;
  padding: 10px 15px;
  vertical-align: middle;
  font-size: 16px;
  text-align: left;
  background: #f8f8f8;
  border-left: 1px solid #e5e5e5;
}

.mn_tbl04 > table > thead > tr > th:first-child {
  border-left: none;
}

.mn_tbl04 > table > tbody > tr > td {
  height: 48px;
  padding: 10px 15px;
  vertical-align: top;
  font-size: 16px;
  line-height: 24px;
  color: #7d7d7d;
  border: 1px solid #e5e5e5;
  border-bottom: none;
}
.mn_tbl04 > table > tbody > tr > td a {
  color: #7d7d7d;
}
.mn_tbl04 > table > tbody > tr > td:first-child {
  border-left: none;
}

.mn_tbl04 > table > tbody > tr > td:last-child {
  border-right: none;
}

.mn_tbl05 {
  border: 1px solid #c4c4c4;
}

.mn_tbl05 > table > thead > tr > th {
  height: 48px;
  padding: 10px 15px;
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
  background: #f8f8f8;
  border-left: 1px solid #e5e5e5;
}

.mn_tbl05 > table > thead > tr > th:first-child {
  border-left: none;
}

.mn_tbl05 > table > tbody > tr > td {
  height: 48px;
  padding: 10px 5px;
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
  color: #7d7d7d;
  border: 1px solid #e5e5e5;
}

.mn_tbl05 > table > tbody > tr > td:first-child {
  border-left: none;
  border-bottom: none;
}

.mn_tbl05 > table > tbody > tr > td:last-child {
  border-right: none;
}
.mn_tbl05 > table > tbody > tr:last-child > td {
  border-bottom: none;
}
.mn_tbl05 > table > tbody > tr > td:last-child {

}
.mn_tbl06 {
  border-top: 1px solid #000;
}

.mn_tbl06 table thead th {
  font-weight: 500;
  height: 58px;
  padding: 10px 0;
  vertical-align: middle;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #c4c4c4;
}

.mn_tbl06 table tbody td {
  height: 140px;
  padding: 10px;
  vertical-align: middle;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid #c4c4c4;
}

.mn_tbl07 {
  border-top: 1px solid #000;
  padding-top: 23px;
}
.mn_tbl07.br-none {
  border-top: none;
}
.mn_tbl07 > table > tbody > tr > th {
  padding: 28px 0;
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  text-align: left;
}

.mn_tbl07 > table > tbody > tr > td {
  padding: 28px 0;
  font-size: 20px;
  line-height: 40px;
}

.mn_tbl07 > table > tbody > tr:last-child > th,
.mn_tbl07 > table > tbody > tr:last-child > td {
  padding-bottom: 0;
}

.mn_tbl08 table{
  border: 1px solid #c4c4c4;
}

.mn_tbl08 > table > thead > tr > th {
  height: 60px;
  padding: 10px 15px;
  vertical-align: middle;
  font-size: 18px;
  text-align: center;
  background: #EDEDED;
  border-left: 1px solid #dcdcdc;
}

.mn_tbl08 > table > thead > tr > th:first-child {
  border-left: none;
}

.mn_tbl08 > table > tbody > tr > td {
  height: 70px;
  padding: 10px 15px;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #dcdcdc;
  border-bottom: none;
}

.mn_tbl08 > table > tbody > tr > td:first-child {
  border-left: none;
}

.mn_tbl08 > table > tbody > tr > td:last-child {
  border-right: none;
}

.mn_tbl09 {
  border-top: 1px solid #000;
}

.mn_tbl09 > table > tbody > tr > th {
  padding: 40px 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  border-bottom: 1px solid #dcdcdc;
}

.mn_tbl09 > table > tbody > tr > th.--essential:after {
  content: '*';
  display: inline-block;
  vertical-align: top;
  color: #ff4040;
  margin-left: 3px;
  font-size: 20px;
}

.mn_tbl09 > table > tbody > tr > th.etc {
  padding-top: 53px;
}

.mn_tbl09 > table > tbody > tr td {
  height: 40px;
  padding: 40px 0;
  vertical-align: middle;
  font-size: 18px;
  line-height: 26px;
  border-bottom: 1px solid #dcdcdc;
}

.mn_tbl10 {
  border-top: 1px solid #000;
}

.mn_tbl10 > table > tbody > tr > th {
  height: 60px;
  vertical-align: middle;
  padding: 10px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  background: #f8f8f8;
  border-bottom: 1px solid #dcdcdc;
}

.mn_tbl10 > table > tbody > tr > td {
  padding: 10px 20px;
  vertical-align: middle;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 1px solid #dcdcdc;
}

.mn_tbl11 > table th {
  padding: 20px 0 20px 40px;
  background: #F8F8F8;
  text-align: left;
}

.mn_tbl11 > table > tbody > tr > td {
  padding: 10px 12px 10px 24px;
}

*.--essential:after {
  content: '*';
  display: inline-block;
  color: #ff4040;
  margin-left: 3px;
  font-size: 20px;
}

.tbl_confirm {
  margin-top: 60px;
  text-align: center;
  font-size: 0;
}

.tbl_confirm .btn {
  min-width: 155px;
}

.tbl_confirm .btn + .btn {
  margin-left: 16px;
}

.mn_board__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 30px 54px;
  border-bottom: 1px solid #c4c4c4;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.mn_board__top .chip {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin-right: 16px;
}

.mn_board__top .title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
}

.mn_board__top .date {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  padding-left: 16px;
  font-size: 16px;
  line-height: 20px;
  color: #7d7d7d;
}

.mn_board__content {
  border-bottom: 1px solid #c4c4c4;
}

.mn_board__content .detail_content {
  padding: 60px 54px 80px 54px;
  font-size: 16px;
  line-height: 32px;
}
.mn_board__content .detail_content a {text-decoration: underline;}
.mn_board__content .detail_content ul,
.mn_board__content .detail_content ul li{list-style: disc; list-style-position: inside;}
.mn_board__content .detail_content ol,
.mn_board__content .detail_content ol li{list-style: decimal; list-style-position: inside;}

.detail_files {
  margin-bottom: 34px;
  padding: 22px 54px;
  background: #fafafa;
}
.detail_files ul {
  margin-bottom: 16px;
}
.detail_files ul:last-child {
  margin-bottom: 0;
}
.detail_files .download {
  display: block;
  padding-left: 46px;
  font-size: 16px;
  line-height: 32px;
  background: url(../images/common/icon_download.svg) no-repeat left center;
}

.detail_files .download:hover span {
  text-decoration: underline;
}

/* 페이징 */
.mn_pagination {
  margin-top: 55px;
  text-align: center;
  font-size: 0;
}

.mn_pagination .btns {
  display: inline-block;
  vertical-align: top;
}

.mn_pagination .btns a {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  overflow: hidden;
  text-indent: -999px;
}

.mn_pagination .btns a.first {
  background-image: url(../images/common/icon_pagination_first.png);
  background-size: contain;
}

.mn_pagination .btns a.prev {
  background-image: url(../images/common/icon_pagination_prev.png);
  background-size: contain;
}

.mn_pagination .btns a.next {
  background-image: url(../images/common/icon_pagination_next.png);
  background-size: contain;
}

.mn_pagination .btns a.last {
  background-image: url(../images/common/icon_pagination_last.png);
  background-size: contain;
}

.mn_pagination .btns a + a {
  margin-left: 6px;
}

.mn_pagination .center {
  display: inline-block;
  vertical-align: top;
  margin: 0 14px;
}

.mn_pagination .center > a {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  margin: 0 2px;
  line-height: 30px;
  border-radius: 50%;
  font-size: 16px;
  color: #7d7d7d;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_pagination .center > a:hover {
  background: #eee;
}

.mn_pagination .center > a.on {
  background: #eee;
}

.mn_pagination.small {
  margin-top: -36px;
}

.mn_pagination.small .btns a {
  width: 26px;
  height: 26px;
}

.mn_pagination.small .btns a.prev {
  background-image: url(../images/mt/icon_rnd_l.png);
}

.mn_pagination.small .btns a.next {
  background-image: url(../images/mt/icon_rnd_r.png);
}

.mn_pagination.small .center {
  margin: 0 10px;
}

.mn_pagination.small .center a {
  width: 20px;
  font-size: 12px;
  line-height: 26px;
  color: #7d7d7d;
}

.mn_pagination.small .center a:hover {
  background: none;
}

.mn_pagination.small .center a.on {
  font-weight: 500;
  color: #4d4d4d;
  background: none;
}

icon_rnd_l
.mn_q {
  display: inline-block;
  padding-top: 86px;
  font-size: 18px;
  line-height: 24px;
  white-space: nowrap;
  background: url(../images/common/icon_q.png) no-repeat center top;
}

.mn_none {
  position: relative;
  display: inline-block;
  padding-top: 86px;
  font-size: 18px;
  line-height: 24px;
  white-space: nowrap;
}

.mn_none::before {
  content: '';
  position: absolute;
  width: 95px;
  height: 62px;
  top: 0;
  left: 50%;
  margin-left: -33px;
  background: url(../images/common/icon_no.png) no-repeat 0/cover;
}

.mn_list_none {
  padding: 130px 0 110px 0;
  text-align: center;
}

.mn_list_none > dl {
  position: relative;
  padding-top: 80px;
  text-align: center;
}

.mn_list_none > dl::before {
  content: '';
  position: absolute;
  width: 95px;
  height: 62px;
  top: 0;
  left: 50%;
  margin-left: -47px;
  background: url(../images/common/icon_no_search.png) no-repeat 0/cover;
}

.mn_list_none > dl dt {
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
}

.mn_list_none > dl dd {
  margin-top: 9px;
  font-size: 16px;
  line-height: 21px;
  color: #7d7d7d;
}

.mn_list_none .btn {
  margin-top: 35px;
  border-color: #c4c4c4;
}

.none_tips {
  margin-top: 44px;
}

.none_tips > .tit {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.none_tips__cont {
  width: 680px;
  margin: 0 auto;
  padding-top: 22px;
  font-size: 0;
}

.none_tips__item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 20px 0 0;
  padding-left: 108px;
  width: 320px;
  height: 70px;
  border-radius: 50px;
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  background-position: left 41px center;
}

.none_tips__item:nth-child(-n + 2) {
  margin-top: 0;
}

.none_tips__item:nth-child(2n) {
  margin-right: 0;
}

.none_tips__item.ty1 {
  background-image: url(../images/si/bg_tip01.svg);
}

.none_tips__item.ty2 {
  background-image: url(../images/si/bg_tip02.svg);
}

.none_tips__item.ty3 {
  background-image: url(../images/si/bg_tip04.svg);
}

.none_tips__item.ty4 {
  background-image: url(../images/si/bg_tip03.svg);
}

.none_tips__item.ty5 {
  background-image: url(../images/mt/bg_tip05.svg);
}

.none_tips__item .txt {
  text-align: left;
  font-size: 13px;
  line-height: 18px;
  color: #4d4d4d;
}

/* 탭 */
.mn_tab01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}

.mn_tab01 > .mn_tab_item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.mn_tab01 > .mn_tab_item button {
  position: relative;
  display: block;
  width: 100%;
  height: 46px;
  text-align: center;
  font-size: 16px;
  color: #7d7d7d;
  background: #e3e3e3;
}

.mn_tab01 > .mn_tab_item button > span {
  position: relative;
}

.mn_tab01 > .mn_tab_item button::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #000;
}

.mn_tab01 > .mn_tab_item button.on {
  font-weight: 500;
  color: #000;
  background: #f8f8f8;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.mn_tab01 > .mn_tab_item button.on::after {
  top: 0;
  bottom: auto;
}

.mn_tab01__cont {
  padding: 24px 20px;
  background: #f8f8f8;
}

.mn_tab02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  margin-top: 30px;
}

.mn_tab02 > .mn_tab_item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.mn_tab02 > .mn_tab_item button {
  position: relative;
  display: block;
  width: 100%;
  height: 43px;
  padding-bottom: 17px;
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  color: #7d7d7d;
}

.mn_tab02 > .mn_tab_item button > span {
  position: relative;
}

.mn_tab02 > .mn_tab_item button::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
}

.mn_tab02 > .mn_tab_item button.on {
  font-weight: 500;
  color: #000;
}

.mn_tab02 > .mn_tab_item button.on::after {
  border-bottom: 2px solid #000;
}

.mn_tab02__cont {
  padding: 50px 0 60px 0;
}

.mn_tab03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}

.mn_tab03 > .mn_tab_item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.mn_tab03 > .mn_tab_item button {
  position: relative;
  display: block;
  width: 100%;
  height: 46px;
  text-align: center;
  font-size: 16px;
  color: #7d7d7d;
  border: 1px solid #c4c4c4;
}

.mn_tab03 > .mn_tab_item button > span {
  position: relative;
}

.mn_tab03 > .mn_tab_item button.on {
  font-weight: 500;
  color: #fff;
  border: 1px solid #4d4d4d;
  background: #4d4d4d;
}

.mn_tab03 > .mn_tab_item + .mn_tab_item button {
  border-left: none;
}

.mn_tab03__cont {
  padding: 40px 0 0 0;
}

.mn_tab03.big > .mn_tab_item button {
  height: 64px;
  font-size: 22px;
}

.mn_tab03.h60 > .mn_tab_item button {
  height: 60px;
  font-size: 20px;
}

.mn_tab03.w .mn_tab_item button {
  border: none;
  background: #363636;
}

.mn_tab03.w .mn_tab_item button span {
  color: #878787;
}

.mn_tab03.w .mn_tab_item button.on {
  background: #fff;
}

.mn_tab03.w .mn_tab_item button.on span {
  color: #000;
}

.mn_tab04 {
  font-size: 0;
  text-align: center;
}

.mn_tab04 > .mn_tab_item {
  position: relative;
  display: inline-block;
}

.mn_tab04 > .mn_tab_item + .mn_tab_item {
  margin-left: 38px;
  padding-left: 39px;
}

.mn_tab04 > .mn_tab_item + .mn_tab_item::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  height: 18px;
  border-left: 1px solid #dcdcdc;
}

.mn_tab04 > .mn_tab_item > a {
  position: relative;
  display: block;
  padding-bottom: 6px;
  font-size: 18px;
  line-height: 24px;
  color: #7d7d7d;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_tab04 > .mn_tab_item > a::before {
  content: attr(data-text);
  content: attr(data-text)/"";
  display: block;
  height: 0;
  font-weight: 500;
  overflow: hidden;
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.mn_tab04 > .mn_tab_item > a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  border-bottom: 1px solid #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_tab04 > .mn_tab_item > a:hover {
  font-weight: 500;
  color: #000;
}

.mn_tab04 > .mn_tab_item > a:hover::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #000;
}

.mn_tab04 > .mn_tab_item > a.on {
  font-weight: 500;
  color: #000;
}

.mn_tab04 > .mn_tab_item > a.on::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 2px solid #000;
}

.mn_tab05 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}

.mn_tab05::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #dcdcdc;
  border-bottom: none;
  z-index: -1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mn_tab05 > .mn_tab_item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.mn_tab05 > .mn_tab_item button {
  position: relative;
  display: block;
  width: 100%;
  height: 63px;
  text-align: center;
  font-size: 18px;
  color: #7d7d7d;
}

.mn_tab05 > .mn_tab_item button > span {
  position: relative;
}

.mn_tab05 > .mn_tab_item button > span.new::after {
  content: '';
  position: absolute;
  top: 0;
  right: -8px;
  width: 4px;
  border-bottom: 4px solid #b3b3b3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
}

.mn_tab05 > .mn_tab_item button.on > span {
  position: relative;
}

.mn_tab05 > .mn_tab_item button.on > span.new::after {
  border-bottom: 4px solid #000;
}

.mn_tab05 > .mn_tab_item button::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #000;
}

.mn_tab05 > .mn_tab_item button.on {
  font-weight: 500;
  color: #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.mn_tab05 > .mn_tab_item button.on::after {
  top: 0;
  bottom: auto;
}

.mn_tab05__cont {
  padding: 10px 0 0 0;
}

.mn_tab06 {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  font-size: 0;
}

.mn_tab06 > .mn_tab_item {
  position: relative;
  display: inline-block;
}

.mn_tab06 > .mn_tab_item + .mn_tab_item {
  margin-left: 24px;
}

.mn_tab06 > .mn_tab_item > a {
  position: relative;
  display: block;
  padding-bottom: 1px;
  font-size: 18px;
  line-height: 26px;
  color: #7d7d7d;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_tab06 > .mn_tab_item > a::before {
  content: attr(data-text);
  content: attr(data-text)/"";
  display: block;
  height: 0;
  font-weight: 500;
  overflow: hidden;
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.mn_tab06 > .mn_tab_item > a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  border-bottom: 1px solid #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_tab06 > .mn_tab_item > a:hover {
  font-weight: 500;
  color: #000;
}

.mn_tab06 > .mn_tab_item > a:hover::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #000;
}

.mn_tab06 > .mn_tab_item > a.on {
  font-weight: 500;
  color: #000;
}

.mn_tab06 > .mn_tab_item > a.on::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #000;
}

.mn_tab06.etc > .mn_tab_item + .mn_tab_item {
  margin-left: 45px;
}

.mn_tab07__wrap {
  height: 60px;
  text-align: center;
  font-size: 0;
  background: #f8f8f8;
  border-top: 1px solid #dcdcdc;
}

.mn_tab07__wrap .inner {
  display: inline-block;
  padding-top: 18px;
  white-space: nowrap;
}

.mn_tab07__wrap .inner .mn_tab_item {
  display: inline-block;
}

.mn_tab07__wrap .inner .mn_tab_item + .mn_tab_item {
  margin-left: 52px;
}

.mn_tab07__wrap .inner .mn_tab_item a {
  position: relative;
  display: block;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 21px;
  color: #7d7d7d;
}

.mn_tab07__wrap .inner .mn_tab_item a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  border-bottom: 2px solid #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_tab07__wrap .inner .mn_tab_item a:hover, .mn_tab07__wrap .inner .mn_tab_item a.on {
  font-weight: 500;
  color: #000;
}

.mn_tab07__wrap .inner .mn_tab_item a:hover::after, .mn_tab07__wrap .inner .mn_tab_item a.on::after {
  left: 0;
  width: 100%;
}

.mn_tab08 {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  font-size: 0;
  text-align: center;
}

.mn_tab08 > .mn_tab_item {
  position: relative;
  display: inline-block;
}

.mn_tab08 > .mn_tab_item + .mn_tab_item {
  margin-left: 40px;
}

.mn_tab08 > .mn_tab_item > a {
  position: relative;
  display: block;
  padding-bottom: 1px;
  font-size: 20px;
  line-height: 28px;
  color: #7d7d7d;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_tab08 > .mn_tab_item > a::before {
  content: attr(data-text);
  content: attr(data-text)/"";
  display: block;
  height: 0;
  font-weight: 500;
  overflow: hidden;
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.mn_tab08 > .mn_tab_item > a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  border-bottom: 2px solid #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_tab08 > .mn_tab_item > a:hover {
  font-weight: 500;
  color: #000;
}

.mn_tab08 > .mn_tab_item > a:hover::after {
  left: 0;
  width: 100%;
  border-bottom: 2px solid #000;
}

.mn_tab08 > .mn_tab_item > a.on {
  font-weight: 500;
  color: #000;
}

.mn_tab08 > .mn_tab_item > a.on::after {
  left: 0;
  width: 100%;
  border-bottom: 2px solid #000;
}

.mn_tab09 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 1400px;
  margin: 0 auto;
}

.mn_tab09 > .mn_tab_item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.mn_tab09 > .mn_tab_item button {
  position: relative;
  display: block;
  width: 100%;
  height: 72px;
  text-align: center;
  font-size: 24px;
  color: #7d7d7d;
}

.mn_tab09 > .mn_tab_item button > span {
  position: relative;
  color: #fff;
  opacity: 0.7;
}

.mn_tab09 > .mn_tab_item button.on {
  background: #fff;
}

.mn_tab09 > .mn_tab_item button.on span {
  font-weight: 500;
  color: #000;
  opacity: 1;
}

.mn_tab09__cont {
  width: 1400px;
  margin: 0 auto;
}

.mn_tab09__cover.ty1 {
  background: #b2ada7;
}

.mn_tab09__cover.ty2 {
  background: #c97e82;
}

.mn_tab10 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}

.mn_tab10::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #dcdcdc;
  border-bottom: none;
  z-index: -1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mn_tab10 > .mn_tab_item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.mn_tab10 > .mn_tab_item button {
  position: relative;
  display: block;
  width: 100%;
  height: 43px;
  text-align: center;
  font-size: 14px;
  color: #7d7d7d;
}

.mn_tab10 > .mn_tab_item button > span {
  position: relative;
}

.mn_tab10 > .mn_tab_item button::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #000;
}

.mn_tab10 > .mn_tab_item button.on {
  font-weight: 500;
  color: #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.mn_tab10 > .mn_tab_item button.on::after {
  top: 0;
  bottom: auto;
}

.mn_tab11 {
  position: relative;
  text-align: center;
  font-size: 0;
}

.mn_tab11 .mn_tab_item {
  display: inline-block;
}

.mn_tab11 .mn_tab_item button {
  position: relative;
  display: inline-block;
  width: 280px;
  height: 72px;
  text-align: center;
  font-size: 24px;
  color: #7d7d7d;
}

.mn_tab11 .mn_tab_item button > span {
  position: relative;
  color: #fff;
}

.mn_tab11 .mn_tab_item button.on {
  background: #fff;
}

.mn_tab11 .mn_tab_item button.on span {
  font-weight: 500;
  color: #000;
}

.mn_tab11 .mn_tab_item.swiper-slide {
  display: inline-block;
  width: 280px;
}

.mn_tab11__cont {
  width: 1400px;
  margin: 0 auto;
}

.mn_tab11__cover.ty1 {
  background: #c97e82;
}

.mn_tab11__cover.ty2 {
  background: #92a0ba;
}

.mn_tab11__cover.ty3 {
  background: #a7b59e;
}

.mn_tab11.tab_scrollx {
  width: 1400px;
  margin: 0 auto;
  overflow: hidden;
}
.mn_tab11__cover  {
  position: relative;
}
.mn_tab11__cover .arrow {
  position:absolute; top:0; z-index:3;
  width: 140px;
  height: 72px;
}
.mn_tab11__cover .arrow-prev{
  left: calc((100% - 1400px)/2 - 50px);
} 
.mn_tab11__cover .arrow-next{
  right: calc((100% - 1400px)/2 - 50px);;
}
.mn_tab11__cover .arrow span {
  display: block;
  width: 100%; height: 100%;
}
.mn_tab11__cover .arrow .bg-prev{
  left: 0;
  background: linear-gradient(90deg, rgba(167,181,158,1) 0%, rgba(167,181,158,0) 100%);
}
.mn_tab11__cover .arrow .bg-next{
  right:0; 
  background: linear-gradient(90deg, rgba(167,181,158,0) 0%, rgba(167,181,158,1) 100%);
}
.mn_tab11__cover .arrow .ctr {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  cursor: pointer;
}
.mn_tab11__cover .arrow .ctr.prev {
  left: 0;
  background: #fff url(../images/ct/arrow_prev.svg) no-repeat center;
}
.mn_tab11__cover .arrow .ctr.next {
  right: 0;
  background: #fff url(../images/ct/arrow_next.svg) no-repeat center;
}
/* .mn_tab11.scroll::before {
  content: '';
  position: absolute;
  left: -18px;
  top: 0;
  width: 158px;
  height: 72px;
  background: url(../images/ct/bg_cover_01.png) no-repeat;
  z-index: 2;
  pointer-events: none;
}

.mn_tab11.scroll::after {
  content: '';
  position: absolute;
  right: -18px;
  top: 0;
  width: 158px;
  height: 72px;
  background: url(../images/ct/bg_cover_02.png) no-repeat;
  z-index: 2;
  pointer-events: none;
} */

.mn_tab12 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}

.mn_tab12::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #dcdcdc;
  border-bottom: none;
  z-index: -1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mn_tab12 > .mn_tab_item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.mn_tab12 > .mn_tab_item button {
  position: relative;
  display: block;
  width: 100%;
  height: 55px;
  text-align: center;
  font-size: 20px;
  color: #7d7d7d;
  background: #f8f8f8;
}

.mn_tab12 > .mn_tab_item button > span {
  position: relative;
}

.mn_tab12 > .mn_tab_item button::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #000;
}

.mn_tab12 > .mn_tab_item button.on {
  font-weight: 500;
  color: #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  background: #fff;
}

.mn_tab12 > .mn_tab_item button.on::after {
  top: 0;
  bottom: auto;
}

.mn_tab12__cont {
  padding: 40px 80px 60px 80px;
  border: 1px solid #000;
  border-top: none;
}

.mn_tab13 {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  font-size: 0;
  text-align: center;
}

.mn_tab13 > .mn_tab_item {
  position: relative;
  display: inline-block;
}

.mn_tab13 > .mn_tab_item + .mn_tab_item {
  margin-left: 30px;
}

.mn_tab13 > .mn_tab_item > a {
  position: relative;
  display: block;
  padding-bottom: 1px;
  font-size: 20px;
  line-height: 28px;
  color: #7d7d7d;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_tab13 > .mn_tab_item > a::before {
  content: attr(data-text);
  content: attr(data-text)/"";
  display: block;
  height: 0;
  font-weight: 500;
  overflow: hidden;
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.mn_tab13 > .mn_tab_item > a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  border-bottom: 2px solid #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_tab13 > .mn_tab_item > a:hover {
  font-weight: 500;
  color: #000;
}

.mn_tab13 > .mn_tab_item > a:hover::after {
  left: 0;
  width: 100%;
  border-bottom: 2px solid #000;
}

.mn_tab13 > .mn_tab_item > a.on {
  font-weight: 500;
  color: #000;
}

.mn_tab13 > .mn_tab_item > a.on::after {
  left: 0;
  width: 100%;
  border-bottom: 2px solid #000;
}

.mn_tab14 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: 1px;
  z-index: 10;
}

.mn_tab14 .mn_tab_item button {
  width: 200px;
  height: 58px;
  font-size: 18px;
  text-align: center;
  border-right: 1px solid red;
  border: 1px solid #dcdcdc;
  border-bottom: 1px solid #000;
  background: #fff;
  color: #7D7D7D;
}

.mn_tab14 .mn_tab_item button.on {
  border: 1px solid #000;
  border-bottom: none;
  color: #000;
}

.mn_tab14__cont {
  padding-top: 36px;
  border-top: 1px solid #000;
}

.mn_tab15 {
  border-bottom: 1px solid #404040;
}

.mn_tab15 .mn_tab_item {
  display: inline-block;
  margin-right: 40px;
}

.mn_tab15 .mn_tab_item button {
  position: relative;
  padding-bottom: 18px;
}

.mn_tab15 .mn_tab_item button span {
  color: #8B8B8B;
  font-size: 20px;
}

.mn_tab15 .mn_tab_item button.on span {
  color: #fff;
  font-weight: 700;
}

.mn_tab15 .mn_tab_item button.on::after {
  display: inline-block;
  content: '';
  width: 100%;
  height: 3px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}

.mn_tab15 .mn_tab_item:last-child {
  margin-right: 0;
}

/* slide */
.mn_slide__item {
  border-bottom: 1px solid #c4c4c4;
}

.mn_slide__btn {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 90px 20px 130px;
  background: url(../images/common/icon_q_mark.png) no-repeat left 43px top 20px;
  background-size: 32px;
}
.mn_slide__btn.on {
  font-weight: 500;
}
.mn_slide__btn > span {
  position: relative;
  display: block;
  text-align: left;
  font-size: 18px;
  line-height: 32px;
}

.mn_slide__btn::after {
  content: '';
  position: absolute;
  top: 32px;
  right: 38px;
  width: 16px;
  height: 9px;
  background: url(../images/common/icon_ar_18x10_d.png) no-repeat 0 0/cover;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_slide__btn.on::after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.mn_slide__cont {
  display: none;
  overflow: hidden;
}

.mn_slide__content {
  padding: 40px 40px 40px 130px;
  font-size: 16px;
  line-height: 32px;
  background: #fafafa;
}

/* layer Pop */
.mn_dimmed {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1000;
}

.mn_dimmed.on {
  display: block;
}

.mn_dimmed.etc {
  background: none;
}

.mn_dimmed .mn_layer {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}

.mn_layer {
  position: relative;
  width: 520px;
  max-height: calc(100% - 60px);
  border: 1px solid #dcdcdc;
  overflow: hidden;
  background: #fff;
}

.mn_layer.wide {
  width: 802px;
  padding: 40px;
}

.mn_layer.wide .mn_layer__cont {
  padding: 0;
}

.mn_layer.wide > .btn.close {
  position: absolute;
  top: 34px;
  right: 34px;
}

.mn_layer.wide02 {
  width: 920px;
  padding-top: 45px;
}

.mn_layer.wide02 .mn_layer__head {
  position: absolute;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0;
}

.mn_layer.wide03 {
  min-width: 928px;
  overflow-x: hidden;
}

.mn_layer.wide03 .print_setting {
  width: 928px;
  height: 803px;
}

.mn_layer.wide03 .mn_layer__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 19px 26px 20px 26px;
  text-align: left;
}

.mn_layer.wide03 .mn_layer__head .tit {
  font-weight: 500;
  font-size: 24px;
  line-height: 35px;
}

.mn_layer.wide03 .mn_layer__head .subtxt {
  display: inline-block;
  padding: 0 14px 0 17px;
  font-size: 16px;
  line-height: 24px;
}

.mn_layer.wide03 .mn_layer__head .g_click {
  position: relative;
  display: inline-block;
  padding: 3px 12px 6px 12px;
  margin-left: 14px;
  border: 1px solid #4d4d4d;
}

.mn_layer.wide03 .mn_layer__head .g_click::before {
  content: '';
  position: absolute;
  top: 11px;
  left: -10px;
  height: 12px;
  border-right: 10px solid #4d4d4d;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mn_layer.wide03 .mn_layer__head .g_click::after {
  content: '';
  position: absolute;
  top: 12px;
  left: -9px;
  height: 10px;
  border-right: 10px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mn_layer.wide03 .mn_layer__head .g_click > .cv {
  position: relative;
  display: inline-block;
}

.mn_layer.wide03 .mn_layer__head .g_click > .cv::before {
  content: '';
  position: relative;
  top: 2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/mt/icon_02.png) no-repeat left center;
}

.mn_layer.wide03 .mn_layer__head .g_click > .cv .txt {
  display: inline-block;
  margin-left: 3px;
  font-size: 13px;
  line-height: 19px;
  color: #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
}

.mn_layer.wide04 {
  min-width: 1400px;
  overflow-x: hidden;
}

.mn_layer.wide04 .playlist_wrap {
  width: 1400px;
}

.mn_layer.wide04 .mn_layer__head {
  padding: 18px 0 17px 50px;
  text-align: left;
  font-weight: 500;
  font-size: 26px;
  line-height: 34px;
  border-bottom: 1px solid #dcdcdc;
}

.mn_layer.wide04 .mn_layer__cont {
  padding: 24px 35px 50px 50px;
}

.mn_layer.wide04 > .btn.close {
  top: 26px;
  right: 30px;
}

.mn_layer.wide05 {
  width: auto;
}

.mn_layer.wide05 .mn_layer__cont {
  padding: 64px 40px 23px 40px;
}
/* small layer */
.mn_layer.msg {
  width: 360px;
  padding: 20px;
}

.mn_layer.msg .msg_box {
  padding: 20px 0;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}

.mn_layer.msg .msg_box.point {
  padding-top: 37px;
  background: url(../images/icons/icon_point.png) no-repeat center top;
}

.mn_layer.msg .btn_area {
  padding-top: 20px;
}

.mn_layer__head {
  padding: 18px 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}

.mn_layer__cont {
  padding: 10px 40px 40px 40px;
}

.mn_layer > .btn.close {
  position: absolute;
  top: 22px;
  right: 24px;
}

.mn_layer .guide_tit {
  padding-top: 40px;
  text-align: center;
  font-weight: 500;
  font-size: 22px;
  line-height: 36px;
  background: url(../images/mt/icon_03.png) no-repeat center top;
}

/* layer Pop */
.print_guide {
  padding-top: 37px;
}

.print_guide > li + li {
  margin-top: 44px;
}

.print_guide > li > .tit {
  padding-bottom: 2px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}

.print_guide_detail > li > .txt {
  margin-top: 10px;
  font-size: 16px;
  line-height: 24px;
}

.print_guide_detail > li > .gi_box {
  margin-top: 14px;
  padding: 35px 0;
  text-align: center;
  background: #f8f8f8;
}

.print_guide_detail > li > .gi_box > img {
  max-width: 100%;
}

.print_ctr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 17px 24px 16px 24px;
  background: #4d4d4d;
}

.print_ctr .area01 {
  display: inline-block;
}

.print_ctr .area01 .switch_radiogroup {
  vertical-align: middle;
}

.print_ctr .tit_txt {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  color: #fff;
}

.print_ctr .tit_txt2 {
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}

.print_ctr .vertical {
  display: inline-block;
  height: 20px;
  margin: 0 20px 0 28px;
  border-left: 1px solid #707070;
}

.print_ctr .bb_item {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.print_ctr .bb_item .box_btn {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-indent: -999px;
}

.print_ctr .bb_item .box_btn + .box_btn {
  margin-left: 7px;
}

.print_ctr .bb_item .box_btn.ty1 {
  width: 30px;
  height: 24px;
  background: url(../images/mt/img_printonpg_gray.png) no-repeat center/cover;
}
.print_ctr .bb_item .box_btn.ty1.on {
  background-image: url(../images/mt/img_printonpg_white.png);
}
.print_ctr .bb_item .box_btn.ty2 {
  width: 30px;
  height: 24px;
  background: url(../images/mt/img_printtwpg_gray.png) no-repeat center/cover;
}
.print_ctr .bb_item .box_btn.ty2.on {
  background-image: url(../images/mt/img_printtwpg_white.png);
}
.print_ctr .qbtn {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -999px;
  width: 28px;
  height: 20px;
  background: url(../images/mt/icon_q.png) no-repeat;
}

.print_ctr .lcont {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.print_ctr .rcont {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.print_ctr .rcont .prt_btn {
  display: inline-block;
  width: 110px;
  height: 34px;
  background: #fff;
  border-radius: 50px;
  text-align: center;
}

.print_ctr .rcont .prt_btn span {
  display: inline-block;
  padding-right: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #4d4d4d;
  background: url(../images/mt/icon_p1.png) no-repeat right center;
}

.mn_print__cont {
  display: flex;
  justify-content: space-between;
  padding: 20px 25px;
  font-size: 0;
}

.mn_print__cont .plc_cont {
  display: inline-block;
  vertical-align: top;
  /* width: 298px; */
  margin-right: 20px;
}

.mn_print__cont .prc_cont {
  display: inline-block;
  vertical-align: top;
  width: 100%
}

.mn_print__cont .prc_cont_head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 43px;
}

.mn_print__cont .prc_cont_head > span {
  display: inline-block;
  padding-left: 20px;
  font-size: 13px;
  line-height: 20px;
  background: url(../images/mt/icon_02.png) no-repeat left center;
}
.print_setting .print_left  {
  width: 298px;
}
.print_setting .print_left .slot_item__wrap {
  padding: 28px 26px 15px;
}
.slot_item__wrap {
  padding: 28px 26px 15px;
  height: 580px;
  background: #f0f0f0;
}
.slot_item__wrap .slot_item_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.slot_item__wrap .slot_item_list li {
  position: relative;
  width: 112px;
  height: 153px;
  margin: 18px 18px 0 0;
  
}
.print_left .slot_item__wrap .slot_item_list li:nth-child(-n+2) {
  margin-top: 0;
}
.print_left .slot_item__wrap .slot_item_list li:nth-child(2n) {
  margin-right: 0;
}
.print_right .slot_item__wrap .slot_item_list li:nth-child(-n+4) {
  margin-top: 0;
}
.print_right .slot_item__wrap .slot_item_list li:nth-child(4n) {
  margin-right: 0;
}
.slot_item__wrap .slot_item_list li.img_none {
  background: #c4c4c4;
}
.slot_item__wrap .slot_item_list li.on:after {
  display: inline-block;
  content: '';
  width: 1px;
  height: 100%;
  background: #4d4d4d;
  position: absolute;
  top: 0;
  right: -1px;
  z-index: 10;
}
.slot_item__wrap .slot_item {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  background: #ddd;
}
.slot_item__wrap .slot_item .con {
  width: 100%; height: 100%;
}
.slot_item__wrap .slot_item .con img:first-child {
  width: 100%; height: 100%;
}
.slot_item__wrap .slot_item > img {
  max-width: 100%;
  min-height: 100%;
  z-index: 2;
}

.slot_item__wrap .slot_item.rd {
  font-size: 15px;
  background: #c4c4c4;
}

.slot_item__wrap .slot_item::before {
  content: attr(data-num);
  position: absolute;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  font-size: 38px;
  color: #fff;
  opacity: 0.7;
  transform: translate(-50%, -50%);
}

.mnpt_cont {
  font-size: 0;
}

.mnpt_cont__wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  padding-top: 38px;
  max-height: calc(100% - 60px);
  overflow: auto;
}

.mnpt_cont__wrap .mnpt_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
  background: url(/assets/images/view/common/icon_close_white-1a394fa669a4451232aaf4b58985b530.png) no-repeat;
  overflow: hidden;
  text-indent: -999px;
}

.mnpt_cont__ctr {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  padding-right: 20px;
  font-size: 0;
  overflow: hidden;
}

.mnpt_cont__ctr button {
  width: 100%;
  margin-top: 10px;
}

.mnpt_cont .bw_change {
  display: inline-block;
  vertical-align: top;
  -webkit-box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, 0.16);
}

.vplay_cont {
  font-size: 0;
}

.vplay_cont__area {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 915px;
  height: 515px;
  margin-right: 30px;
  margin-top: 35px;
  overflow: hidden;
}

.vplay_cont__area video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 100%;
}

.vplay_cont__list {
  max-height: 515px;
  overflow: auto;
}

.vplay_cont__list_wrap {
  display: inline-block;
  vertical-align: top;
  width: 370px;
}

.vplay_cont__list_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 15px;
}

.vplay_cont__list_top .cnt {
  display: inline-block;
  font-size: 14px;
}

.vplay_cont__list_top .cnt strong {
  font-weight: 500;
}

.vplay_cont__list .item + .item {
  margin-top: 14px;
}

.vplay_cont__list .item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.vplay_cont__list .item a.on .thumb::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vplay_cont__list .item .thumb {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 150px;
      -ms-flex: 0 0 150px;
          flex: 0 0 150px;
  overflow: hidden;
  margin-right: 16px;
}

.vplay_cont__list .item .txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  overflow: hidden;
}

.vplay_cont__name {
  margin-top: 16px;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
}

/* icon */
.ico_link {
  padding-right: 18px;
  background: url(../images/common/link_icon.png) no-repeat right center/12px;
}

.icon {
  display: inline-block;
  background-size: contain;
  position: relative;
  top: 1px;
}

.icon.icon_arrow_right {
  display: inline-block;
  width: 9px;
  height: 14px;
  background: url(../images/common/icon_ar_9x14.png) no-repeat right center;
}

.icon.icon_arrow_right_w {
  width: 9px;
  height: 14px;
  background: url(../images/common/icon_arrow_right_w_bold.png) no-repeat right center;
}

.icon.icon_arrow_right_g {
  width: 9px;
  height: 14px;
  background: url(../images/common/icon_arrow_right_black03.png) no-repeat right center;
}

.icon.icon_arrow_toggle_big {
  width: 32px;
  height: 32px;
  background: url(../images/common/icon_ar_32_d.png) no-repeat right center;
  background-size: contain;
  top: -3px;
}

.icon.icon_arrow_toggle_big.down {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.icon.icon_arrow_toggle {
  width: 12px;
  height: 19px;
  background: url(../images/common/icon_ar_19x11_d.png) no-repeat right center;
  background-size: contain;
  top: -3px;
}

.icon.icon_arrow_toggle.down {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.icon.icon_question {
  width: 20px;
  height: 20px;
  background: url(../images/common/icon_question.png) no-repeat center;
  background-size: contain;
}

.icon.icon_q_mark {
  width: 32px;
  height: 32px;
  background: url(../images/common/icon_q_mark.png) no-repeat center;
  background-size: contain;
}

.icon.icon_ex_mark {
  width: 20px;
  height: 20px;
  background: url(../images/common/icon_ex_mark.png) no-repeat center;
  background-size: contain;
}

.icon.icon_ex_mark_g {
  width: 18px;
  height: 18px;
  background: url(../images/common/icon_ex_mark_g.png) no-repeat center;
  background-size: contain;
}

.icon.icon_link_w {
  width: 18px;
  height: 18px;
  background: url(../images/common/icon_link02.png) no-repeat center;
  background-size: contain;
}

.icon.icon_ebook {
  width: 23px;
  height: 28px;
  background: url(../images/uni/icon_ebook_46.png) no-repeat center;
  background-size: contain;
}

.icon.icon_play {
  width: 28px;
  height: 28px;
  background: url(../images/uni/icon_play.svg) no-repeat center;
  background-size: contain;
}

.icon.icon_lock {
  width: 24px;
  height: 24px;
  background: url(../images/mat/icon_lock.png) no-repeat center;
  background-size: contain;
}

.icon.icon_kakao {
  width: 16px;
  height: 16px;
  background: url(../images/icons/icon_kakao.svg) no-repeat center/cover;
}

.left_menu {
  width: 240px;
  margin-right: 0;
}

.left_menu .tit {
  font-size: 24px;
  line-height: 35px;
  font-weight: 500;
}

.left_menu .tit strong {
  font-size: 32px;
  font-weight: 500;
  line-height: 46px;
}

.left_menu .left_menu_list {
  margin-top: 35px;
}

.left_menu .left_menu_list > li > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  line-height: 40px;
  color: #7D7D7D;
}
.left_menu .left_menu_list > li > a:hover {
  color: #000;
  font-weight: 500;
}
.left_menu .left_menu_list > li > a i {
  margin-left: 16px;
}

.left_menu .left_menu_list > li:last-child {
  margin-bottom: 0;
}

.left_menu .left_menu_list > li.on a {
  font-weight: 500;
  color: #000;
}

.left_menu .left_menu_list > li .drop_list {
  display: none;
  padding: 20px 0 0 10px;
}

.left_menu .left_menu_list > li .drop_list li {
  margin-bottom: 15px;
}

.left_menu .left_menu_list > li .drop_list li a {
  font-size: 18px;
}

.left_menu .left_menu_list > li .drop_list li.on a {
  font-weight: 500;
}

.left_menu .left_menu_list > li .drop_list li:last-child {
  margin-bottom: 0;
}

/* select box custom */
.mn_select_custom_*.w120 {
  width: 120px;
}

.mn_select_custom_*.w130 {
  width: 130px;
}

.mn_select_custom_*.w160 {
  width: 160px;
}

.mn_select_custom_*.w100p {
  width: 100%;
}
.mn_select_custom label span.on {
  color: #000;
}
.mn_select_custom_a label span {
  white-space: nowrap;
}

.mn_select_custom.brnone {
  border: none;
  border-bottom: 1px solid #C4C4C4;
}
.mn_select_custom.error {
  border-color: #ff4040;
}
.mn_select_custom ul {
  max-height: 220px;
  overflow-y: auto;
}
.mn_select_custom_a {
  position: relative;
  display: inline-block;
  height: 46px;
  background: #fff;
  border: 1px solid #C4C4C4;
  cursor: pointer;
}
.mn_select_custom_a.br-none {
  border: none;
}
.mn_select_custom_a.br-none ul {
  border-top:  1px solid #C4C4C4;
}
.mn_select_custom_a label {
  display: block;
  height: 46px;
  line-height: 46px;
  padding: 0 40px 0 12px;
}

.mn_select_custom_a label span::after {
  display: inline-block;
  content: '';
  width: 12px;
  height: 8px;
  background: url("/assets/images/view/common/ico_arrow_down-1218cb955b6fc68c46de6ca2957b1f04.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mac
.mn_select_custom_a label span.ty2::after {
  display: inline-block;
  content: '';
  width: 12px;
  height: 8px;
  background: url("/assets/images/common/icon_arrow_down_small02.png") no-repeat;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_select_custom_a ul {
  display: none;
  position: absolute;
  top: 45px;
  left: -1px;
  width: calc(100% + 2px);
  border: 1px solid #DCDCDC;
  border-top: none;
  padding: 10px 0;
  background: #fff;
  z-index: 10;
}

.mn_select_custom_a ul li {
  line-height: 32px;
  padding: 0 14px;
}
.mn_select_custom_a ul li a{
  display: block;
  width: 100%;
  height: 100%;
}
.mn_select_custom_a ul li:hover {
  background: #F8F8F8;
}

.mn_select_custom_a.open span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.mn_select_custom_a.open ul {
  display: block;
}
/* small */
.mn_select_custom_a.sm {
  height: 20px;
  padding-right: 25px;
}
.mn_select_custom_a.sm label {
  height: 20px;
  line-height: 20px;
  font-size: 13px;
}

.mn_select_custom_a.sm label span::after {
  width: 8px; height: 6px;
  background-size: contain;
}
.mn_select_custom_a.sm ul {
  top: 20px;
}
.mn_select_custom_a.sm ul li {
  font-size: 13px;
  text-align: left;
}
.mn_select_custom_c {
  position: relative;
  display: inline-block;
  height: 46px;
  padding-right: 40px;
  cursor: pointer;
}

.mn_select_custom_c label {
  height: 46px;
  line-height: 46px;
  padding: 10px 12px;
  color: #fff;
  font-size: 24px;
}

.mn_select_custom_c label span::after {
  display: inline-block;
  content: '';
  width: 12px;
  height: 8px;
  background: url("../images/icons/icon_select_w.png") no-repeat;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_select_custom_c ul {
  display: none;
  position: absolute;
  top: 52px;
  left: 0;
  width: 100%;
  border: 1px solid #404040;
  border-top: none;
  padding: 20px 0 25px;
  background: #404040;
  z-index: 10;
  -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.16);
          box-shadow: 0 6px 24px rgba(0, 0, 0, 0.16);
}

.mn_select_custom_c ul li {
  margin-bottom: 10px;
  line-height: 36px;
  font-size: 22px;
  padding: 0 24px;
  color: #fff;
}

.mn_select_custom_c ul li:hover {
  font-weight: 500;
}

.mn_select_custom_c ul li:last-child {
  margin-bottom: 0;
}

.mn_select_custom_c.open span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.mn_select_custom_c.open ul {
  display: block;
}

.mn_select_custom_d {
  position: relative;
  display: inline-block;
  height: 60px;
  cursor: pointer;
  color: #000;
  border: 1px solid #c4c4c4;
}
.mn_select_custom_d.h54 {
  height: 54px;
}
.mn_select_custom_d label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 18px;
  color: #000;
  font-size: 18px;
}

.mn_select_custom_d label span {
  display: inline-block;
  line-height: 46px;
}

.mn_select_custom_d label span::after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 22px;
  height: 11px;
  background: url(../images/common/icon_ar_19x11_d.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_select_custom_d ul {
  display: none;
  position: absolute;
  top: 61px;
  left: -1px;
  width: calc(100% + 2px);
  border: 1px solid #c4c4c4;
  border-top: none;
  padding: 10px 0;
  background: #fff;
  z-index: 10;
}

.mn_select_custom_d ul li {
  line-height: 32px;
  padding: 0 14px;
  font-size: 16px;
  text-align: left;
}

.mn_select_custom_d ul li:hover {
  background: #F8F8F8;
}

.mn_select_custom_d.open span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.mn_select_custom_d.open ul {
  display: block;
}
/* small */
.mn_select_custom_d.small {
  height: 46px;
  background: #fff;
}
.mn_select_custom_d.small label span {
  line-height: 44px;
  font-size: 16px;
}

.mn_select_custom_d.small label span::after {
  width: 16px;
  height: 8px;
}
.mn_select_custom_d.small ul {
top: 45px;
}
/* xsmall */
.mn_select_custom_d.xsmall {
  height: 41px;
}

.mn_select_custom_d.xsmall label span {
  line-height: normal;
  font-size: 16px;
}

.mn_select_custom_d.xsmall label span::after {
  width: 16px;
  height: 8px;
}

.mn_select_custom_d.xsmall ul {
  top: 41px;
}
.mn_select_custom_d.bk label span::after {
  background: url(../images/common/icon_select_bk.png) no-repeat;
}
.mn_select_custom_d.brnone label {
  /* padding-bottom: 17px; */
  color: #7D7D7D;
}
.mn_select_custom.brnone span::after {
  top: 50%;
  transform: translateY(-50%);
}
.mn_select_custom.h46 {
  height: 46px;
}
.mn_select_custom.h46 ul {
  top: 46px;
}

/* select disable */
.mn_select_custom.disable,
.mn_select_custom_d.disable {
  background:#F8F8F8;
}
.mn_select_custom_d.disable label span::after {
  transform: translateY(-50%) !important;
}

.mn_select_custom.disable ul {
  display: none !important;
}
.filebox label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.mn_pw_utils {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 24px;
  border-top: 1px solid #DCDCDC;
}
.mn_pw_utils a {
  flex:1;
}
.mn_pw_utils a span {
  color: #4D4D4D;
  line-height: 46px;
}

/* loading bar */
.loading_cont {
  display: none;
}
.loading_cont.on {
  display: block;
}
.mn_is_loading {
  margin: 130px auto 0;
  width: 120px;
  height: 100px;
}

/* 주소결과 리스트 */

.mn_rst_list .items + .items {
  border-top: 1px solid #dcdcdc;
}

.mn_rst_list .items > * {
  display: block;
  padding: 18px 0;
}

.mn_rst_list .items > * .top {
  font-size: 16px;
  line-height: 24px;
  display: block;
}

.mn_rst_list .items > * .top .sort {
  position: relative;
  color: #7d7d7d;
  margin-left: 8px;
  padding-left: 9px;
}

.mn_rst_list .items > * .top .sort::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 14px;
  border-left: 1px solid #c4c4c4;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_rst_list .items > * .detail {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  line-height: 20px;
}

.mn_rst_list .no_item {
  text-align: center;
}

.mn_rst_list .no_item dt {
  padding-bottom: 16px;
  font-size: 20px;
  line-height: 22px;
}

.mn_rst_list .no_item dd {
  font-size: 15px;
  line-height: 22px;
  color: #7d7d7d;
}

.btn.show_teacher span{
  margin-top: -2px;
}
.btn.show_teacher::after{
  top: 0;
}

#load {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.8;
    background: white;
    z-index: 9999;
    text-align: center;
}
#load:after{display:inline-block; height:100%; content:""; vertical-align:middle;}

/*===================
마이페이지
=====================*/
.promo_table .mn_check_box > label > input[type="checkbox"] + span::before{
  margin-right: 0;
}
.promo_table > table > tbody > tr > td{
  line-height: 1.5;
}
.promo_table > table > tbody > tr > td .mn_check_item{
  vertical-align: text-top;
}


/* media query - header  */
@media screen and (max-width: 1440px) {
  header .inner .left {
    width: 70%;
  }
  header .gnb {
    width: 70%;
    min-width: 500px;
  }
  header .gnb > .gnb_item > .item {
    width: 85px;
  }

  html {
    zoom: 0.9;
  }
}

@media screen and (max-width: 1200px) {
  header .inner .left {
    width: auto;
  }
}

/* content.css */
/* 메인 */
.swiper-container-horizontal > .swiper-scrollbar {
  left: 0;
  width: 100%;
}
.main_kv {
  height: 880px;
  margin-top: -80px;
  background: #000;
}

.main_kv .slick-active .main_kv__items {
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  /* -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-animation: cssAnimation 2s 1 ease-in-out backwards;
  animation: cssAnimation 2s 1 ease-in-out backwards; */
} 

@keyframes cssAnimation {
  from {
    -webkit-transform: scale(1.1) translate(0px);
  }
  to {
    -webkit-transform: scale(1) translate(0px);
  }
}
@-webkit-keyframes cssAnimation {
  from {
    -webkit-transform: scale(1.1) translate(0px);
  }
  to {
    -webkit-transform: scale(1) translate(0px);
  }
}

.main_kv__items {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  /* height: 94vh; */
  height: 880px;
}
.main_kv__items > img,
.main_kv__items video {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 100%;
  min-width: 1920px;
}
.main_kv__items video {
  object-fit: cover;
}
.main_kv__item {
  position: relative;
  z-index: 1;
  width: 1400px;
  margin: 0 auto;
  color: #fff;
}

.main_kv__item > .tit {
  display: block;
  font-weight: 500;
  font-size: 56px;
  line-height: 81px;
}

.main_kv__item > .tit + .sub {
  margin-top: 8px;
}

.main_kv__item .sub {
  display: block;
  font-size: 32px;
  line-height: 46px;
}

.main_kv__item .btnarea {
  margin-top: 40px;
}

.main_kv__item .btnarea a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 140px;
  height: 50px;
  border: 1px solid #fff;
}

.main_kv__item .btnarea a span {
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 400;
  color: #fff;
}
.main_kv__item .btnarea a span::after {
  display: inline-block;
  content: '';
  margin-left: 10px;
  width: 16px;
  height: 16px;
  background: url(../images/main/icon_viewmore.png) no-repeat 0/contain;
}
.main_kv__pager {
  display: none;
}

.main_kv .slick-arrow {
  position: absolute;
  top: 420px;
  width: 24px;
  height: 43px;
  overflow: hidden;
  text-indent: -999px;
  z-index: 2;
}

.main_kv .slick-arrow.slick-prev {
  left: 120px;
  background: url(../images/main/icon_kv_left.png) no-repeat;
}

.main_kv .slick-arrow.slick-next {
  right: 120px;
  background: url(../images/main/icon_kv_right.png) no-repeat;
}

.main_kv .slick-dots {
  position: absolute;
  left: 0;
  bottom: 60px;
  width: 100%;
  text-align: center;
}

.main_kv .slick-dots > li {
  display: inline-block;
  vertical-align: top;
}

.main_kv .slick-dots > li a {
  display: block;
  width: 140px;
  padding-bottom: 16px;
  cursor: pointer;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  opacity: 0.5;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-bottom: 2px solid #fff;
}

.main_kv .slick-dots > li a:hover {
  opacity: 1;
}

.main_kv .slick-dots > li + li {
  margin-left: 40px;
}

.main_kv .slick-dots > li.slick-active a {
  opacity: 1;
}

.main_content {
  position: relative;
}

.main_content > .title {
  position: relative;
  padding: 100px 0 46px 0;
  text-align: center;
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
}

.main_content > .title.etc {
  color: #fff;
}

.main_content.ty1 {
  background: #f8f8f8;
}

.main_content.cntrb {
  margin-top: 120px;
  /* background-color: #eae8e5; */
}

.main_content.cntrb::before {
  content: '';
  position: absolute;
  top: -7px;
  left: 0;
  width: 100%;
  height: 648px;
  background: #eae8e5;
}

.main_now {
  padding-bottom: 120px;
}

.main_now__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.main_now__items + .main_now__items {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #c4c4c4;
}

.main_now__items.ty1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.main_now__items.ty1 > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  overflow: hidden;
}

.main_now__items.ty1 > * + * {
  margin-left: 40px;
}

.main_now__items.ty1 > * > a > figure {
  width: 100%;
}

.main_now__items.ty1 > * > a .cont .text {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main_now__items.ty1 > * > a .cont .text br {
  display: none;
}

.main_now__item > a {
  display: block;
  font-size: 0;
}

.main_now__item > a > figure {
  display: block;
}

.main_now__item > a > figure img {
  width: 100%;
}

.main_now__item > a > .cont {
  display: block;
}

.main_now__item > a > .cont > strong {
  display: block;
  font-weight: 500;
}

.main_now__item > a > .cont > .text {
  display: block;
  color: #7d7d7d;
}

.main_now__item > a > .cont .more {
  display: inline-block;
  margin-top: 24px;
  padding-bottom: 2px;
  font-size: 17px;
  line-height: 18px;
  letter-spacing: 0;
  color: #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
}

.main_now__item.ty1 > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}

.main_now__item.ty1 > a > figure {
  display: inline-block;
  vertical-align: top;
  width: 680px;
  margin-right: 67px;
}

.main_now__item.ty1 > a > .cont {
  vertical-align: top;
  width: 653px;
  padding-top: 50px;
  border-bottom: 1px solid #c4c4c4;
}

.main_now__item.ty1 > a > .cont strong {
  font-size: 28px;
  line-height: 42px;
}

.main_now__item.ty1 > a > .cont .text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 28px;
}

.main_now__item.ty2 > a > .cont {
  padding-top: 20px;
}

.main_now__item.ty2 > a > .cont strong {
  font-size: 26px;
  line-height: 38px;
}

.main_now__item.ty2 > a > .cont .text {
  margin-top: 14px;
  font-size: 16px;
  line-height: 24px;
}

.main_now__item.ty3 > a > .cont {
  padding-top: 18px;
}

.main_now__item.ty3 > a > .cont strong {
  font-size: 22px;
  line-height: 32px;
}

.main_now__item.ty3 > a > .cont .text {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main_now__item.ty3 > a > .cont .text br {
  display: none;
}

.main_now .main_now__ltype .main_now__item > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main_now .main_now__ltype .main_now__item > a > figure {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 284px;
}

.main_now .main_now__ltype .main_now__item > a .cont {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  display: inline-block;
  padding: 0 20px 0 0;
  overflow: hidden;
}

.main_now .main_now__ltype .main_now__item + .main_now__item {
  border-top: 1px solid #c4c4c4;
}

.main_now .main_now__ltype .main_now__item:nth-child(1) > a {
  padding-bottom: 24px;
}

.main_now .main_now__ltype .main_now__item:nth-child(2) > a {
  padding: 24px 0;
}

.main_now .main_now__ltype .main_now__item:nth-child(3) > a {
  padding-top: 24px;
}

.main_works {
  font-size: 0;
  width: 1400px;
  margin: 0 auto;
}

.main_works__item {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  padding-top: 128px;
  background-repeat: no-repeat;
  background-position: center top;
}

.main_works__item + .main_works__item {
  margin-left: 40px;
}

.main_works__item a,
.main_works__item span {
  display: inline-block;
  width: 120px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

.main_works__item a i {
  position: relative;
  top: 1px;
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url(../images/main/icon_works_link.png) 0/cover no-repeat;
}

.main_works__item.ty1 {
  background-image: url(../images/main/icon_works01.png);
}

.main_works__item.ty2 {
  background-image: url(../images/main/icon_works02.png);
}

.main_works__item.ty3 {
  background-image: url(../images/main/icon_works03.png);
}

.main_works__item.ty4 {
  background-image: url(../images/main/icon_works04.png);
}

.main_works__item.ty5 {
  background-image: url(../images/main/icon_works05.png);
}

.main_works__item.ty6 {
  background-image: url(../images/main/icon_works06.png);
}

.main_works__item.ty7 {
  background-image: url(../images/main/icon_works07.png);
}

.main_works__item.ty8 {
  background-image: url(../images/main/icon_works08.png);
}

.main_works__item.ty9 {
  background-image: url(../images/main/icon_works09.png);
}

.main_works__item.ty10 {
  background-image: url(../images/main/icon_works10.png);
}

.main_works__item.ty11 {
  background-image: url(../images/main/icon_works11.png);
}

.main_works__item.ty12 {
  background-image: url(../images/main/icon_works12.png);
}

.main_works .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 50px;
  background: #dcdcdc;
}

.main_works .slick-dots > li {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 3px;
  overflow: hidden;
  text-indent: -999px;
}

.main_works .slick-dots > li.slick-active {
  background: #000;
}

.main_banner {
  margin-top: 120px;
}

.main_banner__item {
  position: relative;
  height: 320px;
  text-align: center;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.main_banner__item a {
  display: block;
  height: 100%;
}
.main_banner__item img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: none;
}

.main_banner__item .cont {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-top: 78px;
  color: #fff;
}

.main_banner__item .cont > strong {
  display: block;
  font-weight: 500;
  font-size: 36px;
  line-height: 50px;
}

.main_banner__item .cont > span {
  display: block;
  margin-top: 16px;
  font-size: 18px;
  line-height: 26px;
}

.main_banner .slick-arrow {
  position: absolute;
  top: 140px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -999px;
  z-index: 2;
}

.main_banner .slick-arrow.slick-prev {
  left: calc(50% - 700px);
  background: url(../images/main/icon_bnr_left.png) no-repeat;
}

.main_banner .slick-arrow.slick-next {
  left: calc(50% + 700px);
  background: url(../images/main/icon_bnr_right.png) no-repeat;
}

.main_banner .slick-counter {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  text-align: center;
  min-width: 46px;
  padding: 0 8px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 30px;
  font-size: 12px;
  color: #fff;
  line-height: 22px;
}

.main_cntrb {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  width: 1400px;
  margin: 0 auto;
  overflow: hidden;
}
.main_cntrb .main_cntrb__text {
  width: 540px;
  padding-right: 90px;
}
.main_cntrb .main_cntrb__text dl {
  padding-top: 162px;
}

.main_cntrb .main_cntrb__text dl dt {
  font-weight: 500;
  font-size: 44px;
  line-height: 72px;
}

.main_cntrb .main_cntrb__text dl dd {
  padding-top: 16px;
  font-size: 22px;
  line-height: 34px;
}
.main_cntrb__items {
  flex: 1;
  width: 933px;
  height: 620px;
}
.main_cntrb__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  transition: all 0.5s;
}

.main_cntrb__item .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* .main_cntrb__item .item a {
  position: relative;
  top: -17px;
} */

.main_cntrb__item dl {
  width: 480px;
  padding-top: 158px;
  margin-right: 30px;
}

.main_cntrb__item dl dt {
  font-weight: 500;
  font-size: 50px;
  line-height: 72px;
}

.main_cntrb__item dl dd {
  padding-top: 22px;
  font-size: 22px;
  line-height: 40px;
}
/* 사회공헌 슬라이드 */
.main_cntrb__items .main_cntrb__item:nth-last-child(1) {z-index: 5;}
.main_cntrb__items .main_cntrb__item:nth-last-child(2) {z-index: 5;}
.main_cntrb__items .main_cntrb__item:nth-last-child(3) {z-index: 3;}
.main_cntrb__items .main_cntrb__item:nth-last-child(4) {z-index: 2;}
.main_cntrb__items .main_cntrb__item:nth-last-child(5) {z-index: 1;}

.main_cntrb__items .main_cntrb__item:nth-last-child(4) {transform: perspective(1300px) translate3d(10px, -180px, -450px);}
.main_cntrb__items .main_cntrb__item:nth-last-child(3) {transform: perspective(1300px) translate3d(10px, -215px, -530px);}
.main_cntrb__items .main_cntrb__item:nth-last-child(2) {transform: perspective(1300px) translate3d(10px, -250px, -610px);}
.main_cntrb__items .main_cntrb__item:nth-last-child(1) {transform: perspective(1300px) translate3d(10px, -285px, -690px);}
  
.main_cntrb__items .main_cntrb__item.active {
	transform: perspective(1300px) translate3d(0px, 100px, 0px);
	opacity: 0;
}

.main_cntrb__items .main_cntrb__item:nth-last-child(1) {box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.16);}

.main_cntrb__items._3D .main_cntrb__item {
	transform: perspective(1300px) rotateY(0deg) translate3d(440px, -230px, -1950px);
	opacity: 0;
	z-index: 0;
}
.main_cntrb__items._3D .main_cntrb__item:nth-last-child(1) {
	transform: perspective(1300px) rotateY(0deg) translate3d(0px, 0px, 0) scale(1);
	/*margin: 0;*/
	opacity: 1;
	z-index: 1;
  
}
.main_cntrb__items._3D .main_cntrb__item:nth-last-child(1) .item {
  box-shadow: 20px 20px 40px rgba(0,0,0,0.16);
}
.main_cntrb__items._3D .main_cntrb__item:nth-last-child(2) {
	transform: perspective(1300px) rotateY(0deg) translate3d(100px,  34px, 0) scale(0.82);
	/*margin: 0;*/
	opacity: 1;
}

.main_cntrb__items._3D .main_cntrb__item:nth-last-child(3) {
	transform: perspective(1300px) rotateY(0deg) translate3d(150px, 64px, 0) scale(0.76);
	/*margin: 0;*/
	opacity: 1;
}

.main_cntrb__items._3D .main_cntrb__item:nth-last-child(4) {
	transform: perspective(1300px) rotateY(0deg) translate3d(200px, 94px, 0) scale(0.7);
	/*margin: 0;*/
	opacity: 1;
}

.main_cntrb__items._3D .main_cntrb__item:nth-last-child(5) {
	transform: perspective(1300px) rotateY(0deg) translate3d(250px, 124px, 0) scale(0.64);
  box-shadow: 20px 20px 40px rgba(0,0,0, 0.16);
	opacity:1;
}

.main_cntrb__item .item {
	position: absolute;
	/* width: 240px;
	height: 165px; */
	transition: all 0.5s ease;
	/* transform: perspective(1300px) translate3d(0px, -130px, -500px); */
}
.main_cntrb__items._3D .item img {
  height: 100%;
}



/* main popup */
.mn_main_pop .mn_layer {
  border: none;
}

.mn_main_pop .mn_layer__cont {
  padding: 0;
}

.mn_main_pop .slick-arrow {
  position: absolute;
  width: 14px;
  height: 28px;
  font-size: 0;
  top: 50%;
  z-index: 10;
}

.mn_main_pop .slick-arrow.slick-prev {
  left: 20px;
  background: transparent url(../images/main/icon_kv_left_sm.png) no-repeat;
}

.mn_main_pop .slick-arrow.slick-next {
  right: 20px;
  background: transparent url(../images/main/icon_kv_right_sm.png) no-repeat;
}

.mn_main_pop .main_pop_slide .main_pop__item {
  position: relative;
}

.mn_main_pop .main_pop_slide .main_pop__item img {
  width: 520px;
  height: 520px;
}

.mn_main_pop .main_pop_slide .main_pop__item a {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 50px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 140px;
  height: 50px;
  line-height: 52px;
  background: #fff;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

.mn_main_pop .main_pop_index {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 54px;
  height: 26px;
  border-radius: 40px;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
}

.mn_main_pop .main_pop_index span {
  color: #fff;
  font-size: 14px;
  line-height: 28px;
}

.mn_main_pop .mn_main_pop_utils {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
}

.mn_main_pop .mn_main_pop_utils .main_pop_chk label {
  cursor: pointer;
}

.mn_main_pop .mn_main_pop_utils .main_pop_chk label > input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.mn_main_pop .mn_main_pop_utils .main_pop_chk label > input[type="checkbox"] + span {
  display: inline-block;
  position:relative;
  line-height: 30px;
  color: #AFAFAF;
  font-weight: 500;
  font-size: 18px;
  padding-left: 32px;
}

.mn_main_pop .mn_main_pop_utils .main_pop_chk label > input[type="checkbox"] + span::before {
  display: inline-block;
  margin-right: 8px;
  content: '';
  width: 24px;
  height: 24px;
  background: transparent url(../images/main/icon_chk_g.png);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.mn_main_pop .mn_main_pop_utils .main_pop_chk label > input[type="checkbox"]:checked + span {
  color: #444444;
}

.mn_main_pop .mn_main_pop_utils .main_pop_chk label > input[type="checkbox"]:checked + span::before {
  background: transparent url(../images/main/icon_chk_g_on.png) no-repeat center center;
}

.mn_main_pop .mn_main_pop_utils button {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

/* 로그인 */
body.mn_lg {
  padding-top: 0;
  padding-bottom: 70px;
  background: #F8F8F8;
}

.mn_lg_content {
  width: 100%;
  padding-bottom: 30px;
  text-align: center;
  background: #F8F8F8;
}
.mn_lg_content .items.birth .mn_select_custom_d label {
  padding-left: 0;
}
.mn_lg_content .items.birth .mn_select_custom_d ul {
  top: 62px;
}

.mn_lg_cont {
  display: inline-block;
  width: 522px;
  margin-top: 100px;
  padding: 55px 40px 60px 40px;
  text-align: left;
  border: 1px solid #C4C4C4;
  background: #fff;
}

.mn_lg_cont .logo {
  margin-bottom: 45px;
  text-align: center;
}

.mn_lg_cont__save {
  padding: 24px 0 40px 0;
}

.mn_lg_cont__goto {
  padding: 35px 0;
  text-align: center;
}

.mn_lg_cont__goto span {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 21px;
}

.mn_lg_cont__goto span + span {
  margin-left: 10px;
  padding-left: 11px;
}

.mn_lg_cont__goto span + span :before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 12px;
  margin-top: -6px;
  border-left: 1px solid #C4C4C4;
}

.mn_lg_cont__sns {
  padding-top: 35px;
  border-top: 1px solid #DCDCDC;
}

.mn_lg_cont__sns .btn_area {
  margin-top: 16px;
}

.mn_lg_cont__flow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 15px;
}

.mn_lg_cont__flow .tit {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: 500;
  font-size: 19px;
  line-height: 27px;
}

.mn_lg_cont .mn_bgbox {
  margin: 40px 0;
}
.mn_lg_4 .mn_bgbox {
  padding-bottom: 30px;
}
.mn_lg_cont .btn.ty1 {
  width: 100%;
}



.mn_lg_items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.mn_lg_items + .mn_lg_items {
  margin-top: 16px;
}

.mn_lg_items .tit {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 132px;
  font-size: 16px;
  line-height: 46px;
  color: #000;
}

.mn_lg_items .cont {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.mn_lg_items .btn {
  width: 136px;
}

.mn_lg_items__cert {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin-top: 16px;
  padding: 16px;
  font-size: 15px;
  line-height: 22px;
  color: #000;
  background: #e3e3e3;
  overflow: hidden;
}

.mn_lg_items__cert .space {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 22px;
}

.mn_lg_items__cert .space + .space {
  margin-left: 8px;
  padding-left: 9px;
}

.mn_lg_items__cert .space + .space::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 12px;
  margin-top: -6px;
  border-left: 1px solid #c4c4c4;
}

.mn_lg_items__cert .top {
  margin-bottom: 3px;
}

.mn_lg_items__cert .top .space {
  font-size: 13px;
  color: #7d7d7d;
  line-height: 18px;
}

.mn_lg_items__cert .top .space + .space {
  margin-left: 8px;
  padding-left: 9px;
}

.mn_lg_items__cert .top .space + .space::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 10px;
  margin-top: -6px;
  border-left: 1px solid #c4c4c4;
}

.mn_lg_items__cert .cert_date {
  margin-top: 9px;
  padding-top: 9px;
  font-size: 13px;
  line-height: 22px;
  color: #7d7d7d;
  border-top: 1px solid #c4c4c4;
}

.mn_lg_items .mn_selectbox__cont {
  display: block;
  width: 100%;
}

.flow {
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  font-size: 0;
}

.flow > li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 22px;
  font-size: 14px;
  color: #7d7d7d;
  line-height: 20px;
  border: 1px solid #c4c4c4;
  border-radius: 50%;
}

.flow > li.on {
  border: 1px solid #4d4d4d;
  background: #4d4d4d;
  color: #fff;
}

.flow > li + li {
  margin-left: 10px;
}

.mn_lg_bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-bottom: 30px;
  text-align: center;
  color: #7D7D7D;
  background: #F8F8F8;
}

.mn_lg_bottom .mn_lg_bottom_link span {
  position: relative;
  display: inline-block;
}

.mn_lg_bottom .mn_lg_bottom_link span + span {
  margin-left: 10px;
  padding-left: 11px;
}

.mn_lg_bottom .mn_lg_bottom_link span + span :before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 12px;
  margin-top: -6px;
  border-left: 1px solid #c4c4c4;
}

.mn_lg_bottom .mn_lg_bottom_link span a {
  display: block;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #7d7d7d;
  letter-spacing: -0.8px;
}

.mn_lg_bottom .copy {
  margin-top: 7px;
  font-size: 11px;
  line-height: 15px;
}

.mn_cert_select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}

.mn_cert_file > .txt {
  margin-top: 16px;
  font-size: 14px;
  line-height: 22px;
  color: #7d7d7d;
}

.mn_cert_file__item {
  position: relative;
  display: none;
  margin-top: 30px;
  padding: 12px 40px 12px 24px;
  font-size: 15px;
  line-height: 22px;
  background: #f8f8f8;
  overflow: hidden;
}

.mn_cert_file__item > .btn.close.small {
  position: absolute;
  top: 50%;
  right: 24px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_cert_file__item.on {
  display: block;
}

.mn_cert_file__item.fix {
  display: none;
}

.mn_brd_box {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #dcdcdc;
}

/* 약관 */
.mn_agree__all {
  padding-bottom: 16px;
  border-bottom: 1px solid #dcdcdc;
}

.mn_agree__item + .mn_agree__item {
  margin-top: 35px;
}

.mn_agree__item + .mn_agree__item.off {
  margin-top: 25px;
}

.mn_agree__item {
  margin-top: 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_agree__item-top {
  position: relative;
  height: 24px;
}

.mn_agree__item-top .btn.slide {
  position: absolute;
  top: -2px;
  right: -4px;
  width: 24px;
  height: 24px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: url(../images/common/icon_arrow_down_small.png) no-repeat center center;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.mn_agree__item-top .btn.slide.on {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.mn_agree__item-slide {
  display: none;
  max-height: 100px;
  margin-top: 16px;
  padding: 16px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.97px;
  border: 1px solid #dcdcdc;
  overflow: auto;
}

.mn_agree__item-slide.open {
  margin-top: 12px;
  padding: 0;
  font-size: 15px;
  color: #7d7d7d;
  border: none;
}

/* 주소결과 리스트 */
.mn_rst_list {
  max-height: 418px;
  overflow: auto;
  margin-top: 16px;
}
.mn_rst_list.on {
  border-top: 1px solid #000;
}
.mn_rst_list .no_item{
  padding-top: 50px;
  border-top: 1px solid #4d4d4d;
}

.mn_rst_list .items + .items {
  border-top: 1px solid #dcdcdc;
}

.mn_rst_list .items > * {
  display: block;
  padding: 18px 0;
}

.mn_rst_list .items > * .top {
  font-size: 16px;
  line-height: 24px;
  display: block;
}

.mn_rst_list .items > * .top .sort {
  position: relative;
  color: #7d7d7d;
  margin-left: 8px;
  padding-left: 9px;
}

.mn_rst_list .items > * .top .sort::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 14px;
  border-left: 1px solid #c4c4c4;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_rst_list .items > * .detail {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  line-height: 20px;
}

.mn_rst_list .no_item {
  text-align: center;
}

.mn_rst_list .no_item dt {
  padding-bottom: 16px;
  font-size: 20px;
  line-height: 22px;
}

.mn_rst_list .no_item dd {
  font-size: 15px;
  line-height: 22px;
  color: #7d7d7d;
}

/* 완료 안내 */
.mn_comp_msg {
  margin-top: 20px;
  padding-top: 17px;
  border-top: 1px solid #dcdcdc;
}

.mn_comp_msg li {
  position: relative;
  padding-left: 96px;
  padding-top: 15px;
  font-size: 16px;
  line-height: 26px;
}

.mn_comp_msg li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  background-position: center center;
  background-repeat: no-repeat;
}

.mn_comp_msg li.ty1::before {
  background-image: url(../images/lg/bg_img01.svg);
}

.mn_comp_msg li.ty2::before {
  background-image: url(../images/lg/bg_img02.svg);
}

.mn_comp_msg li.ty3::before {
  background-image: url(../images/lg/bg_img03.svg);
}

.mn_comp_msg li.ty4::before {
  background-image: url(../images/lg/bg_img04.svg);
}

.mn_comp_msg li + li {
  margin-top: 25px;
}

/* 패밀리 사이트 */
.mn_fmsite {
  margin-top: 30px;
  padding: 20px 0 10px 0;
  border: 1px solid #dcdcdc;
}

.mn_fmsite__list {
  font-size: 0;
  text-align: center;
}

.mn_fmsite__list li {
  position: relative;
  display: inline-block;
  width: 146px;
  padding-top: 64px;
  margin-bottom: 20px;
}

.mn_fmsite__list li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-position: center center;
  background-repeat: no-repeat;
}

.mn_fmsite__list li.ty1::before {
  background-image: url(../images/mb/bg_img01.png);
}

.mn_fmsite__list li.ty2::before {
  background-image: url(../images/mb/bg_img02.png);
}

.mn_fmsite__list li.ty3::before {
  background-image: url(../images/mb/bg_img03.png);
}

.mn_fmsite__list li.ty4::before {
  background-image: url(../images/mb/bg_img04.png);
}

.mn_fmsite__list li.ty5::before {
  background-image: url(../images/mb/bg_img05.png);
}
/* 24.11.08 추가 */
.mn_fmsite__list li.ty6::before {
    background-image: url(../images/mb/bg_img06.png);
  }
/* // 24.11.08 추가 */
.mn_fmsite__list li span {
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
}

/* 유의사항 */
.mn_wthdr {
  margin-top: 35px;
  padding-top: 20px;
  border-top: 1px solid #dcdcdc;
}

.mn_wthdr__note {
  margin-top: 20px;
  padding: 16px;
  border: 1px solid #dcdcdc;
}

/* 공지사항 */
.mn_faq_more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 110px;
  font-size: 0;
}

.mn_faq_more__item {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  padding: 30px 30px 30px 106px;
  background: #f8f8f8;
}

.mn_faq_more__item::before {
  content: '';
  position: absolute;
  top: 30px;
  left: 30px;
  width: 56px;
  height: 56px;
  /* border: 1px solid #d1d1d1;
  background-color: #fff; */
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: contain;
}

.mn_faq_more__item + .mn_faq_more__item {
  margin-left: 20px;
}

.mn_faq_more__item.ty1::before {
  background-image: url(../images/common/icon_note_q.svg);
}

.mn_faq_more__item.ty2::before {
  background-image: url(../images/common/icon_mic.svg);
}

.mn_faq_more__item dt {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
}

.mn_faq_more__item dd {
  font-size: 15px;
  line-height: 21px;
  color: #7d7d7d;
}
.mn_faq_sub .sub_code_list {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mn_faq_sub .sub_code_list.on {
  margin: 30px;
}
.mn_faq_sub .sub_code_list a {
  height: 38px;
}

.mn_info_box {
  position: relative;
  margin-top: 60px;
  padding: 60px 30px 60px 195px;
  background: #f8f8f8;
}

.mn_info_box::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50px;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mn_info_box a:hover {
  text-decoration: underline;
}
.mn_info_box.faq::before {
  background: #fff url(../images/common/icon_faq.png) no-repeat center center;
}

.mn_info_box.market::before {
  background: #fff url(../images/common/icon_market.png) no-repeat center center;
}

.mn_info_box dt {
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 8px;
}

.mn_info_box dd {
  font-size: 16px;
  line-height: 24px;
  color: #7d7d7d;
}

.mn_info_box.faq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  align-items: center;
}

.mn_info_box.faq .mn_faq_kakao p {
  line-height: 24px;
}

.mn_info_box.faq .mn_faq_kakao button {
  float: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
  width: 150px;
  height: 46px;
  background: #FDDC40;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 500;
  color: #3A2929;
}

.mn_info_box.faq .mn_faq_kakao button i {
  width: 26px;
  height: 26px;
  margin-right: 6px;
}
/* dot list */
.mn_info_box ul li {
  position: relative;
  margin-bottom: 15px;
  padding-left: 20px;
  line-height: 32px;
  font-size: 20px;
  color: #4d4d4d;
}
.mn_info_box ul li:last-child {
  margin-bottom: 0;
}
.mn_info_box ul li:before {
  display: inline-block;
  content: '';
  width: 6px;
  height: 6px;
  background: #4D4D4D;
  border-radius: 50%;
  position: absolute;
  top: 13px;
  left: 0;

}
/* 파일첨부 - 다중 */
.mn_multi_file {
  position: relative;
}

.mn_multi_file .file_multiple {
  position: relative;
  display: inline-block;
  padding: 0 18px;
  width: 280px;
  height: 46px;
  border: 1px solid #c4c4c4;
  cursor: pointer;
}

.mn_multi_file .file_multiple > span {
  display: block;
  text-align: left;
  font-size: 16px;
  line-height: 44px;
}

.mn_multi_file .file_multiple::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  width: 16px;
  height: 16px;
  background: url(../images/common/icon_plus.png) no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_multi_file .file_multiple.big {
  height: 54px;
}

.mn_multi_file .file_multiple.big > span {
  font-size: 18px;
  line-height: 52px;
}

.mn_multi_file__inp {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.mn_multi_file__list li {
  margin-bottom: 10px;
}
.mn_multi_file__list li:nth-of-type(1) {
  margin-top: 26px;
}
.mn_multi_file__list li:nth-last-of-type(1){
  margin-bottom: 0;
}
.mn_multi_file__list li .item {
  position: relative;
  width: 490px;
  padding: 11px 110px 11px 18px;
  font-size: 16px;
  line-height: 22px;
  border: 1px solid #c4c4c4;
}

.mn_multi_file__list li .item .byte {
  position: absolute;
  top: 50%;
  right: 55px;
  font-size: 12px;
  line-height: 22px;
  color: #7d7d7d;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  letter-spacing: normal;
}

.mn_multi_file__list li .item .btn.close {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_multi_file__list.big li .item {
  position: relative;
  width: 490px;
  padding: 13px 110px 13px 18px;
  font-size: 18px;
  line-height: 26px;
  border: 1px solid #c4c4c4;
}

.mn_multi_file__list.big li .item .btn.close {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_search {
  margin-top: 80px;
  text-align: center;
  font-size: 0;
}

.mn_search__market .mn_selectbox {
  display: inline-block;
  width: 234px;
  margin-right: 12px;
  padding-left: 18px;
}

.mn_search__market .mn_input_box.search {
  width: 428px;
}

.mn_sort {
  text-align: right;
  font-size: 0;
}

.mn_sort__items {
  display: inline-block;
}

.mn_sort__items .item {
  position: relative;
  display: inline-block;
}

.mn_sort__items .item + .item {
  margin-left: 14px;
  padding-left: 15px;
}

.mn_sort__items .item + .item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 14px;
  border-left: 1px solid #dbdbdb;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_market {
  border-top: 2px solid #000;
}

.mn_market__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.mn_market__items > .mn_market__item {
  width: 50%;
  padding: 40px;
  border-bottom: 1px solid #c4c4c4;
}

.mn_market__item {
  position: relative;
}

.mn_market__item > .tit > .txt {
  display: inline-block;
  vertical-align: bottom;
  padding-right: 5px;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
}

.mn_market__item .info {
  margin-top: 24px;
  padding-left: 24px;
  font-size: 16px;
  line-height: 22px;
  background-repeat: no-repeat;
  background-position: left center;
  letter-spacing: normal;
}

.mn_market__item .info.local {
  background-image: url(../images/common/icon_local.png);
}

.mn_market__item .info.tel {
  background-image: url(../images/common/icon_tel.png);
}

.mn_market__item .info + .info {
  margin-top: 12px;
}

.mn_market__item .info.ty1 {
  margin-top: 16px;
}

.mn_market__item:nth-child(2n)::before {
  content: '';
  position: absolute;
  top: 40px;
  left: 0;
  height: calc(100% - 80px);
  border-left: 1px solid #dcdcdc;
}

.mn_market__map {
  margin-top: 30px;
  padding-top: 31px;
  border-top: 1px solid #c4c4c4;
}

.mn_viewer {
  margin-top: 60px;
  padding: 30px 0 50px 0;
  text-align: center;
  background: #f8f8f8;
}

.mn_viewer .items {
  margin-top: 30px;
  font-size: 0;
  text-align: center;
}

.mn_viewer .items .item {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.mn_viewer .items .item + .item {
  margin-left: 30px;
  padding-left: 31px;
}

.mn_viewer .items .item + .item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 20px;
  border-left: 1px solid #d3d3d3;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_viewer .items .item a {
  display: block;
  padding-left: 42px;
  font-size: 15px;
  line-height: 34px;
  background-position: left center;
  background-repeat: no-repeat;
}

.mn_viewer .items .item a.ty1 {
  background-image: url(../images/rb/icon_acrobat.png);
}

.mn_viewer .items .item a.ty2 {
  background-image: url(../images/rb/icon_hangul.png);
}

.mn_viewer .items .item a.ty3 {
  background-image: url(../images/rb/icon_excel.png);
}

.mn_viewer .items .item a.ty4 {
  background-image: url(../images/rb/icon_mplayer.png);
}

.mn_viewer .items .item a.ty5 {
  background-image: url(../images/rb/icon_alzip.png);
}

/* 자료실 */
.dataroom_cont {
  font-size: 0;
}

.dataroom_cont + .dataroom_cont {
  margin-top: 60px;
  padding-top: 52px;
  border-top: 1px solid #c4c4c4;
}

.dataroom_cont > .incont {
  display: inline-block;
  vertical-align: top;
  width: 680px;
}

.dataroom_cont > .incont + .incont {
  margin-left: 40px;
}

.dataroom_cont > .incont .mn_tbl05 + .mn_title_04 {
  margin-top: 40px;
}

.mn_item {
  position: relative;
  display: inline-block;
  font-size: 0;
  background: #f8f8f8;
}

.mn_item__book {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 6%;
}

.mn_item__book a {
  /* position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; */
 
}

.mn_item__book img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  -webkit-box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, 0.16);
}

.zzim_icon {
  display: block;
  width: 36px; height: 36px;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  bottom: 26px;
  background: #fff url(../images/common/icon_zzim_on.png) center/20px no-repeat;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
  opacity: 1;
  transform: 0.3s;
}

.mn_item:hover .zzim_icon {
  opacity: 0;
}
.mn_item.ty1 {
  width: 180px;
  height: 205px;
}

.mn_item.ty2 {
  width: 280px;
  height: 320px;
}

.mn_item.ty3 {
  width: 240px;
  height: 275px;
}

.mn_item.ty4 {
  width: 320px;
  height: 366px;
}

.mn_item.ty4 .hover_item {
  padding-top: 24px;
}

.mn_item.ty4 .hover_item .btn + .btn {
  margin-left: 16px;
}
.mn_item.ty4  .mn_item__book a{
  height: 240px;
}
.mn_item.ty5 {
  width: 560px;
  height: 640px;
}
.mn_item.ty5 .mn_item__book_teacher{
  padding: 110px 120px;
}
.mn_item.ty5 .mn_item__book_teacher img{
  width: 100%;
}

.mn_item.ty6 {
  width: 219px;
  height: 250px;
}

.mn_item.ty7 {
  width: 255px;
  height: 291px;
}

.mn_item.ty7 .hover_item .btn + .btn {
  margin-left: 16px;
}

.mn_item.ty7.chkable {
  position: relative;
}

.mn_item.ty7.chkable::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 3px solid transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_item.ty7.chkable.on::before {
  border: 3px solid #4d4d4d;
}

.mn_item.ty7.chkable.on::after {
  content: '';
  position: absolute;
  right: 24px;
  bottom: 26px;
  width: 37px;
  height: 37px;
  background: #4d4d4d url(../images/common/icon_rnd_chk_02_white.png) no-repeat center center;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_item.ty7.chkable.on:hover::after {
  opacity: 0;
}

.mn_item.ty8 {
  width: 265px;
  height: 303px;
}

.mn_item.ty9 {
  width: 138px;
  height: 150px;
}

.mn_item.hover {
  overflow: hidden;
}

.mn_item .hover_item {
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  padding: 24px 20px 33px 20px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 1;
}
.mn_item .hover_item button {
  width: 46px;
  height: 46px;
  border: 1px solid #fff;
  border-radius: 50%;
}
.mn_item .hover_item.ty2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 24px 25px 24px;
}

.mn_item .hover_item.ty3 {
  padding: 36px 20px 16px 20px;
}

.mn_item .hover_item .chk_item {
  position: relative;
  display: inline-block;
  padding-left: 22px;
}

.mn_item .hover_item .chk_item::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  height: 28px;
  border-left: 1px solid #fff;
}

.mn_item .hover_item02 {
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  padding: 20px;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: rgba(0, 0, 0, 0.7);
}

.mn_item .hover_item02 .text {
  margin-top: 10px;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}

.mn_item .hover_item02 .btnarea {
  margin-top: 16px;
  font-size: 0;
  text-align: center;
}

.mn_item .hover_item02 .btnarea .btn + .btn {
  margin-left: 16px;
}

.mn_item:hover .hover_item02 {
  bottom: 0;
}

.mn_item:hover .hover_item {
  bottom: 0;
}

.mn_item .hover_full {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 50px;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s;
}

.mn_item:hover .hover_full {
  opacity: 1;
  visibility: visible;
}

.mn_book__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}

.mn_book__detail__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 50px;
  padding-top: 37px;
  border-top: 1px solid #c4c4c4;
}
.mn_book__detail__btns button {
  width: 100%;
}
.mn_book__detail__btns button span {
  font-weight: 500;
}
.mn_book__detail__btns .btn + .btn {
  margin-left: 14px;
}

.mn_book__info {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 20px 0 0 45px;
}

.mn_book__info .mn_book__cate {
  margin-bottom: 8px;
}

.mn_book__info .mn_book__cate > span {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  color: #7d7d7d;
}

.mn_book__info__btns {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 0;
}
.mn_book__info__btns span {
  font-weight: 500;
}
.mn_book__info__btns .btn {
  vertical-align: top;
}

.mn_book__info__btns .btn + .btn {
  margin-left: 16px;
}

.mn_book__name {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

.mn_book2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1400px;
  margin: 0 auto;
  padding: 0 0 120px 0;
}

.mn_book2__detail {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 55px 0 0 160px;
}

.mn_book2__detail.mbs {
  padding: 30px 0 0 170px;
  width: 50%;
}

.mn_book2__detail.ty2 {
  padding: 40px 0 0 160px;
}

.mn_book2__detail_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

.mn_book2__detail_top .cate {
  font-size: 16px;
  line-height: 24px;
  color: #7d7d7d;
}

.mn_book2__detail_top .link a {
  display: inline-block;
  padding: 0 13px 3px 0;
  font-weight: 500;
  font-size: 16px;
  color: #858585;
  border-bottom: 1px solid #7d7d7d;
  background: url(../images/common/icon_arrow_right_black.png) no-repeat right top;
}

.mn_book2__detail_name {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  width: 100%;
}

.mn_book2__detail_info {
  margin: 40px 0;
  padding: 30px 0;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.mn_book2__detail_info ul li {
  margin-bottom: 10px;
}
.mn_book2__detail_info ul li:last-child {
  margin-bottom: 0;
}
.mn_book2__detail_info.mbs {
  min-height: 190px;
}

.mn_book2__detail_btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mn_book2__detail_btns > div {
  display: inline-block;
  vertical-align: top;
}

.mn_book2__detail_btns .g1 {
  position: relative;
  font-size: 0;
}

.mn_book2__detail_btns .g1 .btn {
  width: 172px;
  display: inline-block;
  vertical-align: top;
}

.mn_book2__detail_btns .g1 .btn + .btn {
  margin-left: 14px;
}

.mn_book2__detail_btns .g2 {
  font-size: 0;
}

.mn_book2__detail_btns .g2 > * {
  vertical-align: top;
}

.mn_book2__detail_btns .g2 > * + * {
  margin-left: 14px;
}

.mn_book2__detail .desc {
  padding-top: 8px;
  font-size: 16px;
  line-height: 26px;
  color: #7d7d7d;
}

.mn_book2 .mn_book2__detail_name.dttype + .mn_book2__detail_info {
  margin-top: 40px;
}

.mn_book2 .desc.dttype + .mn_book2__detail_info {
  margin-top: 40px;
}

.mn_book2 .g_box {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.mn_book2 .g_box + .g_box,
.mn_book2 .g_box + .btn {
  margin-left: 14px;
}

.tooltip_box01 {
  display: none;
  position: absolute;
  top: -59px;
  left: 0;
  padding: 8px 26px;
  background: #fff;
  -webkit-box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.12);
}

.tooltip_box01::after {
  content: '';
  position: absolute;
  left: 15px;
  bottom: -8px;
  width: 10px;
  border-top: 8px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tooltip_box01 > span {
  padding-left: 18px;
  font-size: 13px;
  line-height: 20px;
  color: #4d4d4d;
  white-space: nowrap;
  background: url(../images/mt/icon_02.png) no-repeat left center;
}

.tooltip_box01.on {
  display: block;
}

.toast_box {
  position: absolute;
  left: 0;
  padding: 14px 50px;
  white-space: nowrap;
  font-size: 15px;
  line-height: 21px;
  color: #4d4d4d;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s;
  z-index: 1;
}

.g_box .toast_box {
  top: 56px;
}

.toast_box.on {
  opacity: 1;
  visibility: visible;
}

.mn_share {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 46px;
  height: 46px;
}

.mn_share__list {
  position: absolute;
  top: -7px;
  right: 0;
  width: 0;
  padding: 12px 0;
  font-size: 0;
  background: #fff;
  border-radius: 50px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16);
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_share__list .btn {
  margin-left: 22px;
}

.mn_share__list .btn + .btn {
  margin-left: 12px;
}

.mn_share__list .btn + .mn_share_close {
  margin-left: 16px;
}

.mn_share__list.on {
  width: 256px;
}

.mn_download {
  margin-top: 36px;
}

.mn_download__wrap {
  border-top: 1px solid #4d4d4d;
}
.mn_download__wrap  {

}
#pop_bookfiles_download .btn.chk {
  color: #C4C4C4;
  background: #F8F8F8;
}
#pop_bookfiles_download .btn.chk.on {
  background-color: #fff;
  color: #4D4D4D;
  border: 1px solid #4D4D4D;
}
#pop_bookfiles_download .btn.chk::before {
  background: url(../images/common/icon_groupchk_off.png) no-repeat 0 0/contain;
}
#pop_bookfiles_download .btn.chk.on::before {
  background: url(../images/common/icon_groupchk_on.png) no-repeat 0 0/contain;
}
.mn_download__list {
  height: 216px;
  overflow: auto;
}

.mn_download__list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 54px;
  border-bottom: 1px solid #dcdcdc;
  font-size: 0;
}

.mn_download__chk {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 83px;
  padding-left: 17px;
}

.mn_download__cate {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 130px;
  padding-right: 10px;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mn_download__filename {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mn_download__icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 86px;
  text-align: center;
  margin: 0 auto;
}

.mn_download__icon img {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  width: 36px;
}

.mn_sri_items {
  display: inline-block;
  vertical-align: top;
  margin: 60px 40px 0 0;
}

.mn_sri_items:nth-child(-n + 3) {
  margin-top: 0;
}

.mn_sri_items:nth-child(3n) {
  margin-right: 0;
}

.mn_sri_items__wrap {
  font-size: 0;
}

.mn_sri_items__item {
  position: relative;
  width: 320px;
  height: 240px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.mn_sri_items__item .mn_sri_items__img {
  height: 100%;
  background: #fff;
  text-align: center;
}
.mn_sri_items__item:hover {
  -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.12);
}

.mn_sri_items__item > .base {
  display: block;
  margin: 0 auto;
}

.mn_sri_items__item .hover_down {
  position: absolute;
  height: 42px;
  top: -42px;
  left: 0;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
}

.mn_sri_items__item:hover .hover_down {
  top: 0;
}

.mn_sri_items__item .hover_up {
  position: absolute;
  left: 0;
  bottom: -198px;
  width: 100%;
  height: 198px;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_sri_items__item:hover .hover_up {
  bottom: 0;
}

.mn_sri_items__links {
  width: 224px;
  margin: 0 auto;
  font-size: 0;
  margin-top: 13px;
}

.mn_sri_items__link {
  display: inline-block;
  width: 108px;
  margin: 12px 8px 0 0;
  font-size: 14px;
  line-height: 20px;
  /* text-align: center; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mn_sri_items__link:nth-child(2n) {
  margin-right: 0;
}

.mn_sri_items dl {
  margin-top: 12px;
}

.mn_sri_items dl dt {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 6px;
  text-align: center;
}

.mn_sri_items dl dd {
  font-size: 14px;
  line-height: 20px;
  color: #7d7d7d;
  text-align: center;
}

.mn_sch_field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  width: 1400px;
}

.mn_sch_field__item {
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 50%;
  min-height: 528px;
  padding-right: 64px;
}

.mn_sch_field__item + .mn_sch_field__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 64px;
  border-left: 1px solid #dcdcdc;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.mn_sch_field__item .inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.mn_sch_field__item .mn_none,
.mn_sch_field__item .mn_q {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mn_sch_field__item .mn_q {
  padding-top: 102px;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  background: url(../images/rb/ico_q.png) no-repeat center/120px;
}

.mn_sch_field__item .mn_item__book{padding: 55px 60px;}

.mn_sch_field .mn_input_box.search {
  width: 100%;
}

.mn_auto_field {
  position: relative;
}

.mn_autorst {
  position: absolute;
  top: 62px;
  left: 0;
  width: 100%;
  z-index: 1;
}

.mn_autorst.top2 {
  top: 100px;
}

.mn_autorst__wrap {
  padding: 30px 0 30px 30px;
  background: #fff;
  -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.12);
  max-height: 382px;
  overflow: auto;
}

.mn_autorst__wrap .inner > a {
  display: block;
  font-size: 16px;
  color: #7d7d7d;
}

.mn_autorst__wrap .inner > a .medium {
  color: #000;
}

.mn_autorst__wrap .inner > a + a {
  margin-top: 20px;
}

.mn_top_back {
  width: 1400px;
  margin: 0 auto;
  padding: 50px 0 27px 0;
}

.mn_top_back > a {
  display: inline-block;
  font-weight: 500;
  padding-left: 22px;
  background: url(../images/common/icon_arrow_left_black.svg) no-repeat left center;
}

.mn_lrnng {
  position: relative;
  background: #f8f8f8;
}

.mn_lrnng::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-top: 1px solid #c4c4c4;
}

.mn_lrnng .inner {
  width: 1440px;
  margin: 0 auto;
  padding: 60px 0;
  background: #f8f8f8;
  border-top: 1px solid #c4c4c4;
}

.mn_lrnng .inner h3 {
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 30px;
}

.mn_lrnng__items {
  font-size: 0;
}

.mn_lrnng__items.optli .item {
  display: none;
}

.mn_lrnng__items.optli .item:nth-child(-n + 4) {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.mn_lrnng__items.optli.on .item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.mn_lrnng__items .item {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: top;
  width: 320px;
  height: 64px;
  margin: 24px 20px 0 20px;
  border: 1px solid #c4c4c4;
  border-radius: 50px;
  background: #fff;
  padding: 0 23px;
}

.mn_lrnng__items .item .data_icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin-right: 11px;
  width: 32px;
  text-align: center;
}

.mn_lrnng__items .item .txt {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.mn_lrnng__items .item .btn {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_lrnng__items .item:nth-child(-n +4) {
  margin-top: 0;
}

.mn_lrnng__more {
  margin-top: 30px;
  font-size: 0;
  text-align: center;
}

.mn_lrnng__more .btn {
  width: 140px;
}

.mn_tc_view_tab {
  border-top: 1px solid #DCDCDC;
  background: #F8F8F8;
}

.mn_tc_view_tab .mn_view_cate_slide {
  width: 1400px;
  height: 60px;
  margin: 0 auto;
  text-align: center;
}
.mn_tc_view_tab .mn_view_cate_slide .swiper-slide {
  width: auto !important;
  margin-left: 40px;
}
.mn_tc_view_tab .mn_view_cate_slide .swiper-slide:last-child {
  margin-right: 40px;
}
.mn_tc_view_tab .mn_view_cate_slide .swiper-slide a {
  display: inline-block;
  height: 100%;
  line-height: 60px;
  color: #7D7D7D;
}

.mn_tc_view_tab .mn_view_cate_slide .swiper-slide.on a {
  color: #000;
  font-weight: 500;
  border-bottom: 2px solid #000;
}

.mn_tc_view_tab .gradient_box {
  position: absolute;
  top: 0;
  background: greenyellow;
  width: 80px;
  height: 60px;
  z-index: 9;
}

.mn_tc_view_tab .gradient_box.left {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#f8f8f8), to(rgba(248, 248, 248, 0)));
  background: -webkit-linear-gradient(left, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%);
  background: linear-gradient(90deg, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%);
}

.mn_tc_view_tab .gradient_box.right {
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(248, 248, 248, 0)), to(#f8f8f8));
  background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
  background: linear-gradient(90deg, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
}

.mn_tc_view_tab .swiper-arrow {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  top: 50%;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.mn_tc_view_tab .swiper-arrow.swiper-button-prev {
  background: #fff url("../images/common/icon_arrow_left_black.png") no-repeat center;
}

.mn_tc_view_tab .swiper-arrow.swiper-button-next {
  background: #fff url("../images/common/icon_arrow_right_black.png") no-repeat center;
}

.mn_tc_view_tab .swiper-arrow:after {
  display: none;
}

.mn_book_info {
  padding: 80px 0 120px 0;
  border-bottom: 1px solid #dcdcdc;
}

.mn_book2 + .mn_book_info {
  padding-top: 0;
}

.detail_content_list_wrap{}
.detail_content_list_wrap > ul{display:flex; flex-wrap: wrap;}
.detail_content_list_wrap > ul > li{position: relative; width: 50%; margin-bottom: 22px; }
.detail_content_list_wrap > ul > li pre{font-size: 16px;line-height: 1.875;}
/* .detail_content_list_wrap > ul > li::before{content:''; display:inline-block; position: absolute; left: 2px; top: 2px; width: 12px; height: 12px; background: #000;} */
/* .detail_content_list_wrap > ul > li p{padding-left: 20px; }
.detail_content_list_wrap ul li ul{margin: 12px 0 10px;}
.detail_content_list_wrap ul li ul li{line-height: 1.875;}
.detail_content_list_wrap ul li ul li ul{margin: 3px 0 0 14px;}
.detail_content_list_wrap ul li ul li ul li{} */

.mn_di_area {
  position: relative;
  max-height: 600px;
  padding-bottom: 76px;
  overflow: hidden;
  font-size: 16px;
  line-height: 30px;
}
.mn_di_area p {
  letter-spacing: -0.6px;
}
.mn_di_area.on {
  max-height: none;
}
.mn_di_area div img{
  display: block;
  margin: 0 auto;
}
.mn_di_area ul,
.mn_di_area ul li{list-style: disc; list-style-position: inside;}
.mn_di_area ol,
.mn_di_area ol li{list-style: decimal; list-style-position: inside;}

/* 저자정보 */
.mn_di_area.author_area{display: flex;}
.mn_di_area.author_area .img_wrap{width: 15.7%;}
.mn_di_area.author_area .img_wrap img{overflow: hidden; width: 130px; height: 130px; border-radius: 50%;}
.mn_di_area.author_area .author_con{width: 84.3%;}

.mn_di_area__wrap {
  position: relative;
  padding: 60px 0 0 0;
}

.mn_di_area__more {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0;
}

.mn_di_area__more::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 140px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(37%, rgba(255, 255, 255, 0.8)), color-stop(70%, #fff));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 37%, #fff 70%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 37%, #fff 70%);
  pointer-events: none;
}

.mn_di_area__more .btn {
  position: relative;
  z-index: 1;
  width: 200px;
}

.mn_di_area__more.on {
  display: block;
}

.mn_di_area__more.off::after {
  content: none;
}

.mn_writer_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.mn_writer_info__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  overflow: hidden;
}

.mn_writer_info__detail dt {
  padding-bottom: 13px;
}

.mn_writer_info__detail dt > span {
  position: relative;
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
}

.mn_writer_info__detail dt > span + span {
  margin-left: 8px;
  padding-left: 9px;
}

.mn_writer_info__detail dt > span + span::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  height: 16px;
  border-left: 1px solid #b3b3b3;
}

.mn_writer_info__detail dd {
  font-size: 16px;
  line-height: 26px;
}

.mn_writer_info__detail dd + dd {
  margin-top: 8px;
}

.mn_writer_info > figure {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-right: 48px;
  font-size: 0;
}

.mn_writer_info > figure img {
  display: block;
}

.mn_tbc_list01 {
  font-size: 0;
  line-height: normal;
}

.mn_tbc_list01 > li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  margin-top: 20px;
}

.mn_tbc_list01 > li:nth-child(-n + 2) {
  margin-top: 0;
}

.mn_tbc_list01__top {
  position: relative;
  padding-left: 18px;
}

.mn_tbc_list01__top::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 12px;
  border-bottom: 12px solid #000;
}

.mn_tbc_list01__top > span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 20px;
}

.mn_tbc_list01__top > span + span {
  margin-left: 8px;
  padding-left: 9px;
}

.mn_tbc_list01__top > span + span::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  height: 14px;
  border-left: 1px solid #000;
}

.mn_tbc_list01__top.etc1 > span {
  font-weight: 500;
}

.mn_tbc_list01.etc1 > li {
  margin-top: 35px;
}

.mn_tbc_list01.etc1 > li:nth-child(-n + 2) {
  margin-top: 0;
}

.mn_tbc_list02 {
  padding-top: 3px;
  line-height: normal;
}

.mn_tbc_list02 > li {
  font-size: 16px;
  line-height: 30px;
}

.mn_tbc_list03 {
  padding: 3px 0 0 10px;
  line-height: normal;
}

.mn_tbc_list03 > li {
  font-size: 16px;
  line-height: 30px;
}

.mn_issch__wrap {
  padding: 65px 0;
  text-align: center;
  background: #f8f8f8;
}

.mn_items__list {
  font-size: 0;
}

.mn_items__list__wrap {
  padding-top: 24px;
  border-top: 2px solid #000;
}

.mn_items__list > li {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 20px);
  margin-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #dcdcdc;
}

.mn_items__list > li:nth-child(2n) {
  margin-left: 40px;
}

.mn_items__list > li:nth-child(-n + 2) {
  margin-top: 0;
}

.mn_items__list__wrap.view_type_05 td img{
  width: 74px;
  height: 99px;
}

.mn_item1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}

.mn_item1__detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding: 0 32px 0 40px;
}

.mn_item1__name {
  margin-top: 20px;
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
}

.mn_badge__wrap + .mn_item1__name {
  margin-top: 13px;
}

.mn_item1__desc {
  margin-top: 22px;
  font-size: 14px;
  line-height: 20px;
}

.mn_item1__btns {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  padding-right: 32px;
  text-align: right;
}

.mn_item1__btns .btn + .btn {
  margin-left: 20px;
}

.mn_badge {
  display: inline-block;
  padding: 0 8px;
  font-size: 13px;
  line-height: 26px;
  color: #fff;
  background: #1D50A2;
}

.mn_badge__wrap {
  font-size: 0;
  text-align: left;
}

.mn_badge__wrap.ty2 {
  margin-bottom: 26px;
}

.mn_badge + .mn_badge {
  margin-left: 6px;
}

.mn_badge.big {
  padding: 0 16px;
  font-size: 15px;
  line-height: 34px;
}

.mn_badge.big + .mn_badge.big {
  margin-left: 10px;
}

.mn_badge.ty1 {
  background: #1d50a2;
}

.mn_badge.ty2 {
  background: #00cbb4;
}

.mn_badge.ty3 {
  background: #fc6666;
}

.mn_badge.ty4 {
  background: #fdd600;
}

.mn_badge.ty5 {
  background: #86d629;
}

.mn_badge.ty6 {
  background: #fe565e;
}

.mn_badge.ty7 {
  background: #eab921;
}

.mn_mt_list {
  padding: 0 30px;
  font-size: 0;
}

.mn_mt_list__wrap {
  border-top: 2px solid #000;
}

.mn_mt_list > li {
  display: inline-block;
  vertical-align: top;
  width: 220px;
  margin: 40px 60px 0 0;
}

.mn_mt_list > li:nth-child(5n) {
  margin-right: 0;
}

.mn_mt_list > li .field1 {
  padding: 17px 0 7px 0;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
}

.mn_mt_list > li .field2 {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mn_mt_list02 {
  border-top: 2px solid #000;
}

.mn_mt_list02.light {
  border-top: 1px solid #000;
}

.mn_mt_list02 > li {
  padding: 25px 0 25px 20px;
  border-bottom: 1px solid #c4c4c4;
}

.mn_mt_list02 > li .link_01 {
  display: block;
  margin-bottom: 11px;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
}

.mn_mt_list02 > li .link_02 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 21px;
}

.mn_recommnd {
  padding: 40px 0 30px;
  text-align: center;
}

.mn_recommnd .tit {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}

.mn_recommnd__list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
  font-size: 0;
}

.mn_recommnd__list.center {
  justify-content: center;
}

.mn_recommnd__list .mn_chip {
  margin: 10px 12px 0 0;
  color: #7d7d7d;
  margin-bottom: 10px;
}

.mn_mt_kv {
  margin-top: -80px;
  background: #a5d5ec url(../images/mt/bg_mt_kv.png) no-repeat no-repeat center top;
}

.mn_mt_kv__inner {
  width: 1400px;
  height: 900px;
  margin: 0 auto;
}

.mn_mt_kv__text {
  padding-top: 385px;
  color: #fff;
}

.mn_mt_kv__text strong {
  display: block;
  margin-bottom: 25px;
  font-family: 'MaruBuri';
  font-size: 70px;
  line-height: 93px;
}

.mn_mt_kv__text span {
  display: block;
  /* font-weight: 500; */
  font-size: 28px;
  line-height: 46px;
}

.mn_mt_title {
  padding: 102px 0 43px 0;
  font-family: 'MaruBuri';
  font-size: 40px;
  line-height: 54px;
  text-align: center;
}

.mn_mt_items__list {
  font-size: 0;
}

.mn_mt_items__list > li {
  display: inline-block;
  vertical-align: top;
  width: 255px;
  margin: 60px 31px 0 0;
}

.mn_mt_items__list > li .cate {
  margin-top: 18px;
  font-size: 16px;
  line-height: 21px;
  color: #7d7d7d;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mn_mt_items__list > li .cate + .title {
  margin-top: 11px;
}

.mn_mt_items__list > li .title {
  margin-top: 21px;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mn_mt_items__list > li:nth-child(-n + 5) {
  margin-top: 0;
}

.mn_mt_items__list > li:nth-child(4n) {
  margin-right: 32px;
}

.mn_mt_items__list > li:nth-child(5n) {
  margin-right: 0;
}
.mn_mt_items__list > li img {
  height: 212px;
}
.mn_mt_items__list > li.swiper-slide {
  margin: 0;
}
.mn_mt_info01 {
  margin-top: 100px;
  background: #f8f8f8;
}

.mn_mt_info01__incont {
  position: relative;
  width: 1400px;
  height: 770px;
  margin: 0 auto;
  background: url(../images/mt/bg_mt02.png) no-repeat left top 100px;
}

.mn_mt_info01 .box {
  position: absolute;
  top: 152px;
  right: 0;
  width: 680px;
  height: 500px;
  background: #fff url(../images/mt/bg_mt01.png) no-repeat center top 81px;
  -webkit-box-shadow: 20px 20px 40px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 20px 20px 40px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
}

.mn_mt_info01 .box .tit {
  padding-top: 40px;
  font-weight: 500;
  font-size: 30px;
  line-height: 44px;
}

.mn_mt_info01 .box .desc {
  margin-top: 24px;
  font-size: 18px;
  line-height: 34px;
}

.mn_mt_info01__cate {
  margin-top: 22px;
  font-size: 0;
  text-align: center;
}

.mn_mt_info01__cate span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: top;
  width: 118px;
  height: 119px;
  /* font-weight: 500; */
  font-size: 20px;
  line-height: 27px;
  color: #fff;
}

.mn_mt_info01__cate span + span {
  margin-left: 36px;
}

.mn_mt_info02 {
  padding: 94px 0 120px 0;
}

.mn_mt_info02 > .tit {
  margin-bottom: 50px;
  font-family: 'MaruBuri' !important;
  font-size: 40px;
  line-height: 54px;
  text-align: center;
}

.mn_mt_info02 .items {
  font-size: 0;
  text-align: center;
}

.mn_mt_info02 .items > li {
  display: inline-block;
  vertical-align: top;
  width: 320px;
  height: 360px;
  padding-top: 207px;
  text-align: center;
  -webkit-box-shadow: 18px 18px 36px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 18px 18px 36px 0 rgba(0, 0, 0, 0.12);
}

.mn_mt_info02 .items > li + li {
  margin-left: 40px;
}

.mn_mt_info02 .items > li > dl dt {
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 10px;
}

.mn_mt_info02 .items > li > dl dd {
  font-size: 18px;
  line-height: 28px;
}

.mn_mt_info02 .items > li.ty1 {
  background: url(../images/mt/icon_mt01.png) no-repeat center top 69px;
}

.mn_mt_info02 .items > li.ty2 {
  background: url(../images/mt/icon_mt02.png) no-repeat center top 50px;
}

.mn_mt_info02 .items > li.ty3 {
  background: url(../images/mt/icon_mt03.png) no-repeat center top 56px;
}

.mn_mt_info02 .items > li.ty4 {
  background: url(../images/mt/icon_mt04.png) no-repeat center top 56px;
}

.mn_mt_band {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 340px;
  background: #9acdcf url(../images/mt/bg_mt_band.png) no-repeat right center;
}

.mn_mt_band__incont {
  width: 1400px;
  margin: 0 auto;
}

.mn_mt_band__incont > a {
  display: inline-block;
  padding-right: 32px;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  color: #fff;
  background: url(../images/common/icon_rnd_white_right.png) no-repeat right center;
}

.mn_mt_band__incont .desc {
  margin-top: 27px;
  /* font-weight: 500; */
  font-size: 22px;
  line-height: 38px;
  color: #fff;
}

.mt_mt_faq {
  width: 1400px;
  margin: 0 auto;
  margin-top: 120px;
  padding: 54px 60px;
  background: #f8f8f8;
}

.mt_mt_faq .text {
  padding-left: 59px;
  font-weight: 500;
  font-size: 22px;
  line-height: 36px;
  background: url(../images/mt/icon_bl_faq.png) no-repeat left center;
}

.mn_mt_kv02 {
  margin-top: -80px;
  background: #d6d0c9 url(../images/mt/bg_mt_kv02.png) no-repeat no-repeat right 42px top 184px;
}

.mn_mt_kv02__inner {
  width: 1400px;
  height: 588px;
  margin: 0 auto;
}

.mn_mt_kv02__text {
  padding-top: 225px;
  color: #fff;
}

.mn_mt_kv02__text strong {
  display: block;
  margin-bottom: 28px;
  font-family: 'MaruBuri';
  font-size: 56px;
  line-height: 75px;
}

.mn_mt_kv02__text span {
  display: block;
  font-weight: 500;
  font-size: 22px;
  line-height: 40px;
}

.mn_mt_content {
  margin-top: 100px;
}

.mn_mt_content__topcont {
  padding: 44px 200px 61px 58px;
  background-color: #5bbebc;
  background-repeat: no-repeat;
}

.mn_mt_content__topcont.ty1 {
  background-image: url(../images/mt/icon_mt_ty1.png);
  background-position: right 84px center;
}

.mn_mt_content__topcont.ty2 {
  background-image: url(../images/mt/icon_mt_ty2.png);
  background-position: right 84px center;
}

.mn_mt_content__topcont.ty3 {
  background-image: url(../images/mt/icon_mt_ty3.png);
  background-position: right 84px center;
}

.mn_mt_content__topcont.ty4 {
  background-image: url(../images/mt/icon_mt_ty4.png);
  background-position: right 84px center;
}

.mn_mt_content__topcont.ty5 {
  background-image: url(../images/mt/icon_mt_ty5.png);
  background-position: right 84px center;
}

.mn_mt_content__topcont.ty6 {
  background-image: url(../images/mt/icon_mt_ty6.png);
  background-position: right 84px center;
}

.mn_mt_content__topcont.ty7 {
  background-image: url(../images/mt/icon_mt_ty7.png);
  background-position: right 84px center;
}

.mn_mt_content__topcont .tit {
  margin-bottom: 17px;
  font-family: 'MaruBuri';
  font-size: 36px;
  line-height: 48px;
  color: #fff;
}

.mn_mt_content__topcont .desc {
  font-size: 22px;
  line-height: 30px;
  color: #fff;
}

.mn_mt_links {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 240px;
}

.mn_mt_links__list li + li {
  margin-top: 21px;
}

.mn_mt_links__list li a, .mn_mt_links__list li button {
  position: relative;
  display: inline-block;
  font-size: 22px;
  line-height: 30px;
  color: #9b9b9b;
}

.mn_mt_links__list li a::after, .mn_mt_links__list li button::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 0;
  border-bottom: 2px solid #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_mt_links__list li a:hover, .mn_mt_links__list li a.on, .mn_mt_links__list li button:hover, .mn_mt_links__list li button.on {
  font-weight: 700;
  color: #000;
}

.mn_mt_links__list li a:hover::after, .mn_mt_links__list li a.on::after, .mn_mt_links__list li button:hover::after, .mn_mt_links__list li button.on::after {
  left: 0;
  width: 100%;
}

.mn_mt_cont_detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 1160px;
      -ms-flex: 1 1 1160px;
          flex: 1 1 1160px;
  overflow: hidden;
}
.mn_mt_cont_detail .item_265_list > li {
  margin-top: 40px;
}
.mn_mt_cont_detail .item_265_list > li:nth-child(-n+4) {
  margin-top: 0;
}
.mn_mt_cont_detail__desc01 {
  margin-top: 22px;
  font-size: 18px;
  line-height: 36px;
  color: #7d7d7d;
}

.mn_mt_cont_detail__desc02 {
  margin-top: 17px;
  font-size: 0;
}

.mn_mt_cont_detail__desc02 span {
  position: relative;
  display: inline-block;
  font-size: 22px;
  line-height: 30px;
  color: #7d7d7d;
}

.mn_mt_cont_detail__desc02 span + span {
  margin-left: 23px;
  padding-left: 25px;
}

.mn_mt_cont_detail__desc02 span + span::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 20px;
  border-left: 2px solid #c4c4c4;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_mt_cont_detail__desc03 {
  margin-top: 20px;
}

.mn_mt_cont_detail__desc03 li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 36px;
}

.mn_mt_cont_detail__desc03 li strong {
  font-weight: 500;
}

.mn_mt_cont_detail__desc03 li span {
  display: inline-block;
  margin: 8px 12px 0;
  width: 1px;
  height: 16px;
  background: #C4C4C4;
}

.mn_mt_cont_detail__desc03 li p {
  color: #7D7D7D;
}

.mn_mt_cont_detail__desc03 li:last-child {
  margin-bottom: 0;
}

.mn_mt_cont_detail__info {
  margin-top: 80px;
  padding-top: 67px;
  border-top: 1px solid #000;
}

.mn_mt_cont_detail__info table {
  table-layout: fixed;
  margin-top: 30px;
  border-top: 1px solid #dcdcdc;
}

.mn_mt_cont_detail__info table th {
  font-weight: 500;
  font-size: 22px;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  text-align: left;
  vertical-align: middle;
}
.mn_mt_cont_detail__info.art .mn_mt_cont_detail__info table th[scope="row"] {
  padding-top: 0;
}
.mn_mt_cont_detail__info table td {
  padding: 24px 0;
  font-size: 18px;
  line-height: 32px;
  color: #7d7d7d;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  vertical-align: middle;
}

.mn_mt_cont_detail__info .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mn_mt_cont_detail__info .flex table:first-child {
  margin-right: 80px;
}

.mn_mt_cont_detail__info.row table {
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}

.mn_mt_cont_detail__info.row table thead th {
  padding: 20px 0;
  background: #EDEDED;
  text-align: center;
}

.mn_mt_cont_detail__info.row table tbody th {
  border-right: 1px solid #dcdcdc;
  background: #F8F8F8;
  text-align: center;
}

.mn_mt_cont_detail__info.row table tbody td {
  padding-left: 40px;
}

.mn_mt_cont_detail__info.art thead th {
  border-left: 1px solid #dcdcdc;
  vertical-align: middle;
}

.mn_mt_cont_detail__info.art tbody th {
  vertical-align: middle;
}

.mn_mt_cont_detail__info.art tbody td {
  padding: 24px 24px 24px 30px;
  border-left: 1px solid #dcdcdc;
  vertical-align: middle;
  line-height: 38px;
}
.mn_mt_cont_detail__info.art tbody td ul {}
.mn_mt_cont_detail__info.art tbody td ul li {
  margin-bottom: 10px;
  line-height: 24px;
}
.mn_mt_cont_detail__info.art tbody td ul li:last-child {
  margin-bottom: 0;
}
.mn_mt_wrap .box_link {
  height: 63px;
  padding: 0 30px 0 28px;
  line-height: 63px;
}
.item_265_list {
  margin-top: 30px;
  font-size: 0;
}

.item_265_list > li {
  display: inline-block;
  vertical-align: top;
  width: 265px;
  margin-right: 33px;
}

.item_265_list > li:nth-child(3n) {
  margin-right: 34px;
}

.item_265_list > li:nth-child(4n) {
  margin-right: 0;
}

.item_265_list > li .text {
  margin-top: 25px;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}

.item_320_list {
  font-size: 0;
}

.item_320_list > li {
  display: inline-block;
  vertical-align: top;
  width: 320px;
  margin: 60px 40px 0 0;
}

.item_320_list > li:nth-child(-n + 4) {
  margin-top: 0;
}

.item_320_list > li:nth-child(4n) {
  margin-right: 0;
}

.item_320_list > li .text {
  margin-top: 25px;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}

.item_320_list > li .cate {
  margin-top: 18px;
  font-size: 16px;
  line-height: 21px;
  color: #7d7d7d;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item_320_list > li .cate + .title {
  margin-top: 11px;
}

.item_320_list > li .title {
  margin-top: 21px;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item_320_list.n3 > li {
  margin: 40px 40px 0 0;
}

.item_320_list.n3 > li:nth-child(-n + 3) {
  margin-top: 0;
}

.item_320_list.n3 > li:nth-child(3n) {
  margin-right: 0;
}

.item_320_list.n3 > li:nth-child(4n) {
  margin-top: 40px;
}

.item_440_list {
  font-size: 0;
  text-align: center;
}

.item_440_list__item {
  display: inline-block;
  vertical-align: top;
  width: 440px;
  height: auto;
}

.item_440_list__item + .item_440_list__item {
  margin-left: 40px;
}

.item_440_list__item > a {
  display: block;
}

.item_440_list__item > a img {
  max-width: 100%;
}

.item_440_list__item .detail {
  padding-top: 18px;
  text-align: center;
}

.item_440_list__item .detail dt {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

.item_440_list__item .detail dd {
  padding-top: 10px;
  font-size: 16px;
  line-height: 24px;
}

.dot_title {
  position: relative;
  padding-left: 16px;
  font-weight: 500;
  font-size: 30px;
  line-height: 41px;
}

.dot_title::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  border-bottom: 8px solid #000;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.dot_title02 {
  position: relative;
  padding-left: 16px;
  font-weight: 500;
  font-size: 24px;
  line-height: 35px;
}

.dot_title02::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  border-bottom: 6px solid #000;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.dot_title02__desc {
  margin-top: 15px;
  font-size: 18px;
  line-height: 32px;
  color: #7d7d7d;
}

.f_list {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.f_list::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
  border-top: 1px solid #4d4d4d;
}

.f_list__wrap {
  margin-top: 50px;
  padding: 40px;
  background: #f8f8f8;
}

.f_list > li {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  padding-top: 30px;
  overflow: hidden;
}

.f_list > li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 16px;
  border-bottom: 16px solid #4d4d4d;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.f_list > li .tit {
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 29px;
}

.f_list > li .desc {
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  color: #7d7d7d;
}

.b_cont + .b_cont {
  margin-top: 50px;
  padding-top: 37px;
  border-top: 1px solid #dcdcdc;
}

.down_box__list li + li {
  margin-top: 10px;
}

.btn_down {
  display: inline-block;
  border: 1px solid #c4c4c4;
  padding: 8px 30px;
}

.btn_down > span {
  display: inline-block;
  padding-left: 32px;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  background: url(../images/ct/ico_06.png) no-repeat left -3px;
}

.mn_faq_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 26px 40px;
  background: #f8f8f8;
}

.mn_faq_box > .txt {
  padding-left: 56px;
  font-weight: 500;
  font-size: 20px;
  line-height: 34px;
  background: url(../images/ct/ico_07.png) no-repeat left center;
}

.mn_faq_box > .link {
  display: inline-block;
  padding: 10px 26px;
  border: 1px solid #000;
  line-height: normal;
}

.mn_faq_box > .link > span {
  display: inline-block;
  padding-right: 15px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  background: url(../images/ct/ico_08.png) no-repeat right center;
}

.mn_mt {
  width: 1400px;
  margin: 0 auto;
}

.mn_mt__title {
  padding: 75px 0 48px 0;
  text-align: center;
}

.mn_mt__title > .title {
  margin-bottom: 16px;
  font-family: 'MaruBuri';
  font-size: 40px;
  line-height: 53px;
}

.mn_mt__title > .desc {
  font-size: 22px;
  line-height: 30px;
  color: #7d7d7d;
}

.mn_mt__tube {
  margin-top: 100px;
  padding-bottom: 120px;
  background: #f5f5f5;
}

.mn_mt__tube__cont {
  width: 1400px;
  height: 454px;
  margin: 0 auto 38px;
  font-size: 0;
  background: #fff;
}

.mn_mt__tube__cont .tube_play {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  width: 840px;
  height: 454px;
}

.mn_mt__tube__cont .tube_play video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: fill;
}

.mn_mt__tube__cont .tube_detail {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 560px;
  height: 454px;
  padding: 50px 60px;
}

.mn_mt__tube__cont .tube_detail.gt {
  background: #f7f7f7;
}

.mn_mt__tube__cont .tube_detail .rec {
  display: inline-block;
  padding: 8px 13px;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  background: #4d4d4d;
}

.mn_mt__tube__cont .tube_detail .name {
  margin-top: 15px;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
}

.mn_mt__tube__cont .tube_detail .desc {
  margin-top: 22px;
  font-size: 18px;
  line-height: 32px;
  color: #7d7d7d;
}

.mn_mt__tube__cont .tube_detail .box_link03 {
  position: absolute;
  left: 60px;
  bottom: 50px;
}

.mn_mt__klearn .item_320_list {
  margin-top: 50px;
}

.mn_mt__sb {
  padding-top: 21px;
}

.mn_mt__mpick {
  padding-top: 21px;
}

.invisible + .mn_mtnav {
  margin-top: -80px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_mtnav {
  position: relative;
  z-index: 20;
  padding: 25px 0;
  text-align: center;
  font-size: 0;
  background: #f5f5f5;
  border-bottom: 1px solid #d8d8d8;
}
/* .mn_mt_cl_cate.fix .mn_mtnav {
  border-bottom: 1px solid #d8d8d8;
} */
.mn_mtnav__btns {
  display: inline-block;
  font-size: 0;
}

.mn_mtnav__btns .items {
  display: inline-block;
}

.mn_mtnav__btns .items + .items {
  margin-left: 18px;
}

.mn_mtnav__btns .items.hr {
  position: relative;
  margin-right: 30px;
  padding-right: 31px;
}

.mn_mtnav__btns .items.hr::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  height: 43px;
  border-left: 1px solid #a5a5a5;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_mtnav__btns .items.hr + .items {
  margin-left: 0;
}

.mn_mtnav__btns .mtbtn {
  display: inline-block;
  width: 90px;
  height: 90px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.mn_mtnav__btns .mtbtn > span {
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: #7d7d7d;
  text-align: center;
  padding-top: 35px;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  white-space: nowrap;
}

.mn_mtnav__btns .mtbtn:not(.on):hover,
.mn_mtnav__btns .mtbtn:not(.on).hover {
  border: 1px solid #4d4d4d;
  background-color: #4d4d4d;
}

.mn_mtnav__btns .mtbtn:not(.on):hover span,
.mn_mtnav__btns .mtbtn:not(.on).hover span {
  color: #fff;
  background-repeat: no-repeat;
}

.mn_mtnav__btns .mtbtn.on {
  border: 2px solid #000;
}

.mn_mtnav__btns .mtbtn.on > span {
  font-weight: 500;
  color: #000;
}

.mn_mtnav__btns .mtbtn.ty1 span {
  background-position: center top 1px;
  background-image: url(../images/mt/icon_mtbtn_ty1_off.png);
}

.mn_mtnav__btns .mtbtn.ty1:hover span,
.mn_mtnav__btns .mtbtn.ty1.hover span {
  background-image: url(../images/mt/icon_mtbtn_ty1_hover.png);
}

.mn_mtnav__btns .mtbtn.ty1.on span {
  background-image: url(../images/mt/icon_mtbtn_ty1_on.png);
}

.mn_mtnav__btns .mtbtn.ty2 span {
  background-position: center top 1px;
  background-image: url(../images/mt/icon_mtbtn_ty2_off.png);
}

.mn_mtnav__btns .mtbtn.ty2:hover span,
.mn_mtnav__btns .mtbtn.ty2.hover span {
  background-image: url(../images/mt/icon_mtbtn_ty2_hover.png);
}

.mn_mtnav__btns .mtbtn.ty2.on span {
  background-image: url(../images/mt/icon_mtbtn_ty2_on.png);
}

.mn_mtnav__btns .mtbtn.ty3 span {
  background-position: center top;
  background-image: url(../images/mt/icon_mtbtn_ty3_off.png);
}

.mn_mtnav__btns .mtbtn.ty3:hover span,
.mn_mtnav__btns .mtbtn.ty3.hover span {
  background-image: url(../images/mt/icon_mtbtn_ty3_hover.png);
}

.mn_mtnav__btns .mtbtn.ty3.on span {
  background-image: url(../images/mt/icon_mtbtn_ty3_on.png);
}

.mn_mtnav__btns .mtbtn.ty4 span {
  background-position: center top 4px;
  background-image: url(../images/mt/icon_mtbtn_ty4_off.png);
}

.mn_mtnav__btns .mtbtn.ty4:hover span,
.mn_mtnav__btns .mtbtn.ty4.hover span {
  background-image: url(../images/mt/icon_mtbtn_ty4_hover.png);
}

.mn_mtnav__btns .mtbtn.ty4.on span {
  background-image: url(../images/mt/icon_mtbtn_ty4_on.png);
}

.mn_mtnav__btns .mtbtn.ty5 span {
  background-position: center top 2px;
  background-image: url(../images/mt/icon_mtbtn_ty5_off.png);
}

.mn_mtnav__btns .mtbtn.ty5:hover span,
.mn_mtnav__btns .mtbtn.ty5.hover span {
  background-image: url(../images/mt/icon_mtbtn_ty5_hover.png);
}

.mn_mtnav__btns .mtbtn.ty5.on span {
  background-image: url(../images/mt/icon_mtbtn_ty5_on.png);
}

.mn_mtnav__btns .mtbtn.ty6 span {
  background-position: center top 2px;
  background-image: url(../images/mt/icon_mtbtn_ty6_off.png);
}

.mn_mtnav__btns .mtbtn.ty6:hover span,
.mn_mtnav__btns .mtbtn.ty6.hover span {
  background-image: url(../images/mt/icon_mtbtn_ty6_hover.png);
}

.mn_mtnav__btns .mtbtn.ty6.on span {
  background-image: url(../images/mt/icon_mtbtn_ty6_on.png);
}

.mn_mtnav__btns .mtbtn.ty7 span {
  background-position: center top 2px;
  background-image: url(../images/mt/icon_mtbtn_ty7_off.png);
}

.mn_mtnav__btns .mtbtn.ty7:hover span,
.mn_mtnav__btns .mtbtn.ty7.hover span {
  background-image: url(../images/mt/icon_mtbtn_ty7_hover.png);
}

.mn_mtnav__btns .mtbtn.ty7.on span {
  background-image: url(../images/mt/icon_mtbtn_ty7_on.png);
}

.mn_mtnav__btns .mtbtn.ty8 span {
  background-position: center top 1px;
  background-image: url(../images/mt/icon_mtbtn_ty8_off.png);
}

.mn_mtnav__btns .mtbtn.ty8:hover span,
.mn_mtnav__btns .mtbtn.ty8.hover span {
  background-image: url(../images/mt/icon_mtbtn_ty8_hover.png);
}

.mn_mtnav__btns .mtbtn.ty8.on span {
  background-image: url(../images/mt/icon_mtbtn_ty8_on.png);
}

.mn_mtnav__btns .mtbtn.ty9 span {
  background-position: center top 1px;
  background-image: url(../images/mt/icon_mtbtn_ty9_off.png);
}

.mn_mtnav__btns .mtbtn.ty9:hover span,
.mn_mtnav__btns .mtbtn.ty9.hover span {
  background-image: url(../images/mt/icon_mtbtn_ty9_hover.png);
}

.mn_mtnav__btns .mtbtn.ty9.on span {
  background-image: url(../images/mt/icon_mtbtn_ty9_on.png);
}

.mn_mtnav__btns .mtbtn.ty10 span {
  background-position: center top;
  background-image: url(../images/mt/icon_mtbtn_ty10_off.png);
}

.mn_mtnav__btns .mtbtn.ty10:hover span,
.mn_mtnav__btns .mtbtn.ty10.hover span {
  background-image: url(../images/mt/icon_mtbtn_ty10_hover.png);
}

.mn_mtnav__btns .mtbtn.ty10.on span {
  background-image: url(../images/mt/icon_mtbtn_ty10_on.png);
}

.mn_mtnav__list {
  display: inline-block;
  overflow-y: auto;
  vertical-align: top;
  min-width: 180px;
  height: 270px;
  margin-top: 30px;
  padding-left: 20px;
  text-align: left;
  border-right: 1px solid #e5e5e5;
}
.mn_mtnav__list::-webkit-scrollbar{
  width: 2px;
}
.mn_mtnav__list::-webkit-scrollbar-thumb{
  height: 17%;
  background-color: #707070;
}
.mn_mtnav__list:nth-child(7n) {
  border-right: none;
}

.mn_mtnav__list__wrap {
  display: none;
  position: absolute;
  top: 140px;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 5;
  text-align: center;
  font-size: 0;
  overflow: hidden;
  -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.04);
}

.mn_mtnav__list__wrap .incont {
  display: inline-block;
  width: 1400px;
  margin: 0 auto;
  padding: 20px 0 60px 80px;
  text-align: left;
}

.mn_mtnav__list__wrap .incont > .mn_mtnav__list:nth-child(-n + 7) {
  margin-top: 0;
}

.mn_mtnav__list > li > .mn_mtnav__list_dept_tit span {
  display: inline-block;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 18px;
  line-height: 36px;
}

.mn_mtnav__list > li > .mn_mtnav__list_dept_tit.picon span {
  padding-right: 22px;
  background: url(../images/mt/icon_play_link.png) no-repeat right center;
}

.mn_mtnav__list > li .mn_mtnav__list__dept {
  width: 160px;
  display: inline-block;
  vertical-align: top;
}

.mn_mtnav__list > li .mn_mtnav__list__dept > li + li {
  margin-top: 12px;
}

.mn_mtnav__list > li .mn_mtnav__list__dept > li a.picon:after {
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background: url(../images/mt/icon_play_link.png) no-repeat right center;
}

.mn_mtnav__list > li .mn_mtnav__list__dept > li a {
  font-family: 'Noto Sans Kr', sans-serif;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  transition: 0.3s;
}
.mn_mtnav__list > li .mn_mtnav__list__dept > li a:hover {
  font-weight: 500;
}
.paper_sch {
  display: none;
  position: absolute;
  top: 140px;
  left: 0;
  width: 100%;
  /* overflow: hidden; */
  background: #fff;
  z-index: 5;
  -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08);
}

.paper_sch .incont {
  position: relative;
  width: 1400px;
  margin: 0 auto;
  padding-bottom: 60px;
}

.paper_sch .incont .mn_auto_field {
  position: relative;
  width: 600px;
  margin: 0 auto;
  text-align: left;
}

.paper_sch .incont .mn_input_box.search.open {
  margin-top: 30px;
  width: 600px;
  padding: 0 0 7px 40px;
}
.paper_sch .incont .mn_input_box.search.open .btn.search {
  top: 5px;
}
.paper_sch .incont .mn_input_box.search.open .btn.rndclose.inpreset {
  top: 8px;
}
.paper_sch .incont .rec_cont {
  text-align: center;
}

.paper_sch .incont .rec_cont > .tit {
  margin-top: 43px;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
}
.paper_sch .incont .mn_auto_field button.close {
  width: 30px; height: 30px;
  background: url('../images/common/icon_close_circle.svg') no-repeat;
  position: absolute;
  top: 32px;
  right: -167px;
}
.mn_mt_cls01 {
  position: relative;
  height: 55px;
  text-align: center;
  background: #D4D4D4;
}
/* .mn_mt_cls01 .swiper-button-prev,
.mn_mt_cls01 .swiper-button-next {
  opacity: 1;
} */
.swiper-prev {
  position: absolute;
  top: 33px;
  left: -35px;
}
.swiper-next {
  position: absolute;
  top: 33px;
  right: -35px;
}
.swiper-prev .swiper-button-prev {
  position: relative;
  left: auto;
  width: 28px;
  height: 28px;
  background: url(../images/mt/slide_prev.svg) no-repeat;
  z-index: 10;
  /* transform: translateY(-50%); */
}
.swiper-prev span {
  display: none;
  /* display: inline-block; 미래엔 요청으로 주석 */
  content: '';
  position: absolute;
  top: -33px; left: -34px;
  width: 135px;
  height: 55px;
  background: url(../images/mt/bg_left.png) no-repeat;
  z-index: 2;
} 
.swiper-next .swiper-button-next  {
  position: relative;
  right: auto;
  width: 28px;
  height: 28px;
  background: url(../images/mt/slide_next.svg) no-repeat;
  z-index: 10;
}
.swiper-prev .swiper-button-prev:after,.swiper-next .swiper-button-next:after {
  visibility: hidden;
  position: absolute;
  top: -9999px;
}
.swiper-next span {
  display: none;
  /* display: inline-block; 미래엔 요청으로 주석 */
  content: '';
  position: absolute;
  top: -33px; right: -34px;
  width: 135px;
  height: 55px;
  background: url(../images/mt/bg_right.png) no-repeat;
  z-index: 2;
}
.mn_mt_cls01__ct {
  position: relative;
  display: inline-block;
}

.mn_mt_cls01__ct.on {
  position: relative;
}
.mn_mt_cls01__ct.on .swiper-container {
  position: relative;
  width: 1400px;
  margin: 0 auto;
  overflow: hidden;
}
.mn_mt_cls01__ct .swiper-prev,
.mn_mt_cls01__ct .swiper-next {
  display: none;
}
.mn_mt_cl_cate {
  transition: all  ease-out 0.8s;
}
.mn_mt_cl_cate.fix {
  position: sticky;
  position: -webkit-sticky;
  top: 80px;
  left: 0;
  width: 100%;
  z-index: 3;
}
.mn_mt_cl_cate.on {
  top: -500px;
}
.mn_mt_cls01 .incont a {
  display: inline-block;
  width: auto;
  padding: 0 23px;
  font-size: 16px;
  line-height: 55px;
  color: #7d7d7d;
}

.mn_mt_cls01 .incont a.on{
  font-weight: 500;
  color: #000;
  background: #fff;
}

.mn_mt_cls02 {
  position: relative;
  height: 55px;
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}

.mn_mt_cls02.on {
  position: relative;
}
.mn_mt_cls02__ct .swiper-button-prev,
.mn_mt_cls02__ct .swiper-button-next {
  display: none;
}
.mn_mt_cls02__ct.on .swiper-button-prev {
  display: block;
  position: absolute;
  top: 21px;
  left: -70px;
  width: 135px;
  height: 54px;
  background: url(../images/mt/bg_over_left02.png) no-repeat;
  z-index: 3;
}

.mn_mt_cls02__ct.on .swiper-button-next {
  display: block;
  position: absolute;
  top: 21px;
  right: -70px;
  width: 135px;
  height: 54px;
  background: url(../images/mt/bg_over_right02.png) no-repeat;
  z-index: 3;
}

.mn_mt_cls02__ct {
  display: inline-block;
}

.mn_mt_cls02__ct.on {
  position: relative;
  width: 1400px;
  margin: 0 auto;
}

.mn_mt_cls02 .incont a {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0 23px;
  font-size: 16px;
  line-height: 55px;
  color: #7d7d7d;
  /* + a {
                margin-left: 46px;
            } */
}

.mn_mt_cl_cate .swiper-button-prev::after,
.mn_mt_cl_cate .swiper-button-next::after  {
  position: absolute;
  text-indent: -9999px;
}
.mn_mt_cls02 .incont a.on {
  font-weight: 500;
  color: #000;
}

.mn_mt_cls02 .incont a.on::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 2px solid #000;
}

.mn_mt_cls02 .incont a.video {
  padding-right: 24px;
  background: url(../images/mt/icon_play_link.png) no-repeat right;
}

.mn_mt_selected {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 293px;
  z-index: 6;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-top: 1px solid #dedede;
}

.mn_mt_selected::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% + 68px);
  z-index: -1;
  pointer-events: none;
  background: black;
  background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(bottom, black 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 100%);
}

.mn_mt_selected .incont_wrap {
  background: #fff;
}

.mn_mt_selected .incont {
  position: relative;
  width: 1400px;
  height: 293px;
  margin: 0 auto;
  background: #fff;
}

.mn_mt_selected .incont .top {
  height: 93px;
  line-height: 93px;
  font-weight: 500;
  font-size: 26px;
}

.mn_mt_selected .incont .top .cnt {
  color: #ff0000;
}

.mn_mt_selected .incont .close_25 {
  position: absolute;
  top: 34px;
  right: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_mt_selected__openbtn {
  position: absolute;
  top: -30px;
  left: 50%;
  width: 100px;
  height: 30px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 1px solid #dedede;
  background: #fff;
}

.mn_mt_selected__openbtn > span {
  position: relative;
  display: inline-block;
  text-indent: -999px;
  width: 18px;
  height: 11px;
  background: #fff url(../images/mt/icon_select_ud.png) no-repeat center center;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_mt_selected__openbtn.on > span {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.mn_mt_selected.on {
  bottom: -200px;
}

.mn_mt_selected.on .close_25 {
  width: 0;
  height: 0;
}

.selected_print_list {
  display: flex;
  vertical-align: top;
  /* width: 1167px; */
  height: 150px;
  font-size: 0;
}

.selected_print_list__wrap {
  font-size: 0;
}

.selected_print_list__btns {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 120px;
  height: 150px;
  margin-left: 124px;
}

.selected_print_list__btns .btn {
  display: block;
}

.selected_print_list__btns .btn + .btn {
  margin-top: 14px;
}

.selected_print_list__btns .re {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.print_item {
  position: relative;
  display: flex;
  align-items: center;
  float: left;
  height: 150px;
  border: 1px solid #e5e5e5;
}

.selected_print_list .print_item:last-child {
  margin-right: 0;
}
.slick-initialized .slick-slide.print_item {
  display: flex;
}
.print_item .print_delete {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 22px;
  height: 22px;
  background: url(../images/common/icon_rnd_close_small.png) no-repeat;
}

.print_item .mn_item {
  vertical-align: middle;
  height: 100%;
}

.print_item .detail {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 24px;
}

.print_item .detail .cate {
  display: block;
  margin-bottom: 7px;
  font-size: 14px;
  line-height: 19px;
  color: #7d7d7d;
}

.print_item .detail .name {
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  overflow: hidden;
  width: 190px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mn_mtrst_area {
  padding: 82px 0 50px 0;
}

.mn_mtrst_area .mtrst_title {
  margin-bottom: 42px;
  text-align: center;
  font-weight: 500;
  font-size: 30px;
  line-height: 41px;
}

.mn_statement {
  padding: 60px 0 105px 0;
  background: #f8f8f8;
  border-top: 1px solid #c4c4c4;
}

.mn_statement__box {
  width: 1400px;
  margin: 0 auto;
  margin-top: 35px;
  padding: 57px 0 66px 0;
  font-size: 0;
  background: #fff;
  -webkit-box-shadow: 12px 12px 36px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 12px 12px 36px 0 rgba(0, 0, 0, 0.12);
}

.mn_statement__box > .items {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 25%;
}

.mn_statement__box > .items dl {
  background-repeat: no-repeat;
  background-position: left center;
  min-height: 79px;
}

.mn_statement__box > .items dt {
  font-size: 20px;
  line-height: 29px;
}

.mn_statement__box > .items dd {
  margin-top: 10px;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
}

.mn_statement__box > .items.ty1 {
  padding-left: 60px;
}

.mn_statement__box > .items.ty1 dl {
  padding-left: 99px;
  background-image: url(../images/mt/icon_statement01.png);
}

.mn_statement__box > .items.ty2 {
  padding-left: 63px;
}

.mn_statement__box > .items.ty2 dl {
  padding-left: 96px;
  background-image: url(../images/mt/icon_statement02.png);
}

.mn_statement__box > .items.ty3 {
  padding-left: 60px;
}

.mn_statement__box > .items.ty3 dl {
  padding-left: 90px;
  background-image: url(../images/mt/icon_statement03.png);
}

.mn_statement__box > .items.ty4 {
  padding-left: 60px;
}

.mn_statement__box > .items.ty4 dl {
  padding-left: 88px;
  background-image: url(../images/mt/icon_statement04.png);
}

.mn_statement__box > .items + .items::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 60px;
  border-left: 1px solid #c4c4c4;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_media {
  padding: 80px 0 72px 0;
  text-align: center;
}

.mn_media__playarea {
  display: inline-block;
  margin-top: 40px;
}

.mn_media__playarea figure {
  text-align: left;
}

.mn_media__playarea figure figcaption {
  margin-top: 20px;
  line-height: 25px;
  font-size: 14px;
}

.mn_media__playarea figure figcaption > span {
  display: inline-block;
  margin-right: 10px;
  padding: 0 11px;
  line-height: 25px;
  font-size: 16px;
  color: #fff;
  background: #4d4d4d;
}

.mn_detail_books {
  padding-top: 80px;
  border-top: 1px solid #dcdcdc;
}

.switch_radiogroup {
  display: inline-block;
  padding: 5px 6px;
  font-size: 0;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background: #fff;
  border-radius: 50px;
}

.switch_radiogroup .item {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.switch_radiogroup .item label {
  cursor: pointer;
}

.switch_radiogroup .item label > input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.switch_radiogroup .item label > input + span {
  display: block;
  width: 58px;
  font-size: 14px;
  line-height: 27px;
  color: #7d7d7d;
  text-align: center;
  border-radius: 50px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.switch_radiogroup .item label > input.on + span {
  font-weight: 500;
  color: #fff;
  background: #4b4b4b;
}
.switch_radiogroup .item label > input:checked + span {
  font-weight: 500;
  color: #fff;
  background: #4b4b4b;
}

.mn_item .switch_radiogroup {
  position: absolute;
  top: 18px;
  left: 20px;
}

.switch_radiogroup.big {
  padding: 6px 7px;
}

.switch_radiogroup.big .item label > input + span {
  width: 73px;
  line-height: 34px;
}

.switch_radiogroup.etc {
  padding: 4px 4px;
}

.switch_radiogroup.etc .item label > input + span {
  width: 51px;
  line-height: 26px;
}

/* 교과서 소개 */
.mn_it_kv {
  margin-top: -80px;
  background: url(../images/it/bg_it_kv.png) no-repeat no-repeat center top;
}

.mn_it_kv__inner {
  width: 1400px;
  height: 660px;
  margin: 0 auto;
}

.mn_it_kv__text {
  padding-top: 288px;
  font-family: 'MaruBuri', 'HelveticaNeue', 'Noto Sans Kr', sans-serif;
  font-size: 56px;
  line-height: 75px;
  color: #fff;
}

.mn_it_container {
  position: relative;
  margin-top: 93px;
  font-size: 0;
}

.mn_it_container__nav {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_it_container__nav > ul {
  position: relative;
}

.mn_it_container__nav > ul::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 19px;
  width: 3px;
  height: calc(100% - 20px);
  background: #c4c4c4;
}

.mn_it_container__nav > ul > li + li {
  margin-top: 155px;
}

.mn_it_container__nav > ul > li a {
  position: relative;
  display: inline-block;
  padding-left: 56px;
  font-size: 22px;
  line-height: 40px;
  color: #c4c4c4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_it_container__nav > ul > li a::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
}

.mn_it_container__nav > ul > li a::after {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  background: #c4c4c4;
  border-radius: 50%;
}

.mn_it_container__nav > ul > li a.on {
  font-weight: 500;
  color: #000;
}

.mn_it_container__nav > ul > li a.on::before {
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
}

.mn_it_container__nav > ul > li a.on::after {
  top: 4px;
  left: 4px;
  width: 32px;
  height: 32px;
  background: #4d4d4d url(../images/it/icon_nav_on.png) no-repeat center center;
}

.mn_it_container__nav.position01 {
  position: fixed;
  top: 60px;
  left: calc(50% - 700px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_it_container__nav.position02 {
  position: fixed;
  top: 140px;
  left: calc(50% - 700px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_it_container__nav.position03 {
  position: absolute;
  top: auto;
  bottom: 0;
  left: calc(50% - 700px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_it_container__nav__cont {
  display: inline-block;
  vertical-align: top;
  width: 440px;
}

.mn_it_container__cont {
  display: inline-block;
  vertical-align: top;
  width: 960px;
}

.mn_it_container__detail + .mn_it_container__detail {
  position: relative;
  padding-top: 141px;
}

.mn_it_container__detail + .mn_it_container__detail::before {
  content: '';
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  border-top: 1px solid #dcdcdc;
}

.mn_it_container__detail > .title {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 25px;
}

.mn_it_container__detail > .title::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  border-bottom: 12px solid #000;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mn_it_container__detail > .title .tit {
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
}

.mn_it_container__detail > .title > span {
  padding: 5px 0 0 5px;
  font-weight: normal;
  font-size: 24px;
  color: #7d7d7d;
}

.mn_it_container__detail .sub_tit {
  margin-top: 45px;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

.mn_it_container__detail .desc {
  margin-top: 13px;
  font-size: 18px;
  line-height: 32px;
  color: #7d7d7d;
}

.mn_it_container__box {
  margin-top: 40px;
  padding: 60px 0 40px 60px;
  background: #f8f8f8;
}

.mn_it_container__box .img_box {
  font-size: 0;
}
.mn_it_container__box .img_box img {
  width: 156px; height: 206px;
}
.mn_it_container__box .img_box img + img {
  margin-left: 15px;
}

.mn_it_container__info {
  padding-top: 36px;
}

.mn_it_container__info dt {
  padding-bottom: 13px;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #5bbebc;
}

.mn_it_container__info dd {
  font-size: 18px;
  line-height: 32px;
}

.mn_it_container__info dd + dd {
  margin-top: 35px;
}

.mn_it_container__info dd + dd span {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.mn_it_container__info dd + dd span.page {
  font-weight: 500;
  padding-right: 17px;
}

.mn_it_container__info dd + dd span.page + span {
  margin-left: 0;
  padding-left: 0;
}

.mn_it_container__info dd + dd span.page + span::before {
  content: none;
}

.mn_it_container__info dd + dd span + span {
  margin-left: 13px;
  padding-left: 14px;
}

.mn_it_container__info dd + dd span + span::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  height: 16px;
  border-left: 1px solid #c4c4c4;
}

/* 교과서 서브인덱스 */
.mn_si_kv {
  height: 900px;
  margin-top: -80px;
}

.mn_si_kv.si01.ty1 {
  background: url(../images/si/bg_sk_kv0101.png) no-repeat center top;
}

.mn_si_kv.si01.ty2 {
  background: url(../images/si/bg_sk_kv0102.png) no-repeat center top;
}

.mn_si_kv.si01.ty3 {
  background: url(../images/si/bg_sk_kv0103.png) no-repeat center top;
}


.mn_si_kv.si02.ty1 {
  background: url(../images/si/bg_sk_kv0201.png) no-repeat center top;
}

.mn_si_kv.si02.ty2 {
  background: url(../images/si/bg_sk_kv0202.png) no-repeat center top;
}

.mn_si_kv.si02.ty3 {
  background: url(../images/si/bg_sk_kv0203.png) no-repeat center top;
}

.mn_si_kv.si03.ty1 {
  background: url(../images/si/bg_sk_kv0301.png) no-repeat center top;
}

.mn_si_kv.si03.ty2 {
  background: url(../images/si/bg_sk_kv0302.png) no-repeat center top;
}
/* .mn_si_kv.si03 .mn_rec_brand .mn_item__book img{
  box-shadow: 6px 6px 18px 0 rgb(0 0 0 / 16%);
} */
.mn_si_kv .slide-tit {
  position: absolute;
  top: 50%;
  left: calc((100% - 1400px) /2);
  transform: translateY(-50%);
  z-index: 5;
}
.mn_si_kv .slide-tit li {
 display: none;
}
.mn_si_kv .slide-tit li.on {
  display: block;
}
.mn_si_kv .mn_si_kv__text {
  font-family: 'MaruBuri', 'HelveticaNeue', 'Noto Sans Kr', sans-serif;
  font-size: 70px;
  line-height: 94px;
  color: #fff;
}

.mn_si_kv .kvc {
  height: 900px;
}

/* .mn_si_kv .kvc::after {
  content: '';
  position: absolute;
  top: 0;
  z-index: -1;
  left: calc(50% - 960px);
  width: 0;
  height: 900px;
  overflow: hidden;
} */

.mn_si_kv .kvc .dom {
  position: relative;
  z-index: 1;
  height: 900px;
}

.mn_si_kv .kvc .incont {
  width: 1400px;
  margin: 0 auto;
  padding-top: 420px;
}

.mn_si_kv .swiper-slide {
  overflow: hidden;
  cursor: auto;
}
.mn_si_kv .slide-inner {
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0) !important;
}
/* .mn_si_kv .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
} */
.mn_si_kv .swiper-title {
  position: absolute;
  top: 50%;
  left: 260px;
  z-index: 5;
  transform: translateY(-50%);
}
.mn_si_kv .swiper-title li {
  display: none;
  font-family: 'MaruBuri', 'HelveticaNeue', 'Noto Sans Kr', sans-serif;
  font-size: 70px;
  line-height: 94px;
  color: #fff;
}
.mn_si_kv .swiper-title li.on {
  display: block;
}

/* 교과서 */
.mn_si_kv .kvc.si0101 .slide-inner {
  background: url(../images/si/bg_sk_kv0101.png) no-repeat center 0/cover;
}
.mn_si_kv .kvc.si0102 .slide-inner{
  background: url(../images/si/bg_sk_kv0102.png) no-repeat center 0/cover;
}
.mn_si_kv .kvc.si0103 .slide-inner{
  background: url(../images/si/bg_sk_kv0103.png) no-repeat center 0/cover;
}
.mn_si_kv .kvc.si0101 .dom {
  background: url(/UPLOAD/gnbheader/textbook/si_kv_0101.png) no-repeat;
  background-position: calc(50% + 200px) bottom;
}
.mn_si_kv .kvc.si0102 .dom {
  background: url(/UPLOAD/gnbheader/textbook/si_kv_0102.png) no-repeat;
  background-position: calc(50% + 200px) bottom;
}
.mn_si_kv .kvc.si0103 .dom {
  background: url(/UPLOAD/gnbheader/textbook/si_kv_0103.png) no-repeat;
  background-position: calc(50% + 200px) bottom;
}
/* 교과서 end */


/* 참고서 */
.mn_si_kv .kvc.si0201 .slide-inner {
  background: url(../images/si/bg_sk_kv0201.png) no-repeat  0/cover;
}
.mn_si_kv .kvc.si0202 .slide-inner {
  background: url(../images/si/bg_sk_kv0202.png) no-repeat  0/cover;
}
.mn_si_kv .kvc.si0203 .slide-inner {
  background: url(../images/si/bg_sk_kv0203.png) no-repeat  0/cover;
}
.mn_si_kv .kvc.si0201 .dom {
  background: url(../images/si/si_kv_0201.png) no-repeat;
  background-position: calc(50% + 210px) 154px;
}
.mn_si_kv .kvc.si0202 .dom {
  background: url(../images/si/si_kv_0202.png) no-repeat;
  background-position: calc(50% + 214px) 129px;
}
.mn_si_kv .kvc.si0203 .dom {
  background: url(../images/si/si_kv_0203.png) no-repeat;
  background-position: calc(50% + 161px) 144px;
}
/* 참고서 end */

/* 일반도서 */
.mn_si_kv .kvc.si0301 .slide-inner {
  /* background: url(../images/si/bg_sk_kv0301.png) no-repeat; */
  background: url(/UPLOAD/gnbheader/generalbook/si_kv_0302.png) no-repeat 0/cover;
}
.mn_si_kv .kvc.si0302 .slide-inner {
  /* background: url(../images/si/bg_sk_kv0302.png) no-repeat; */
  background: url(/UPLOAD/gnbheader/generalbook/si_kv_0301.png) no-repeat 0/cover;
}
.mn_si_kv .kvc.si0303 .slide-inner {
  background: url(../images/si/bg_sk_kv0303.png) no-repeat  0/cover;
}
.mn_si_kv .kvc.si0301 .dom {
  background-position: calc(50% + 182px) bottom;
}
.mn_si_kv .kvc.si0302 .dom {
  background-position: calc(50% + 182px) bottom;
}
/* 일반도서 end*/

.mn_si_kv .kvc.slick-active::after {
  width: 1920px;
  -webkit-transition: 1.2s linear;
  transition: 1.2s linear;
}

.kv_title {
  text-align: center;
  font-family: 'MaruBuri', 'HelveticaNeue', 'Noto Sans Kr', sans-serif;
  font-size: 40px;
  line-height: 54px;
}

.kv_title.etc {
  color: #fff;
}

.mn_award {
  padding: 100px 0 120px 0;
}

.mn_award__list {
  margin-top: 50px;
  font-size: 0;
  text-align: center;
}

.mn_award__list > li {
  display: inline-block;
  vertical-align: top;
  width: 320px;
}

.mn_award__list > li + li {
  margin-left: 40px;
}

.mn_award__list_detail {
  position: relative;
  padding-top: 178px;
  text-align: center;
}

.mn_award__list_detail dt {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
}

.mn_award__list_detail dd {
  font-size: 16px;
  line-height: 21px;
  color: #7d7d7d;
}

.mn_award__list_detail.ty1 {
  background: url(../images/si/bg_p_0101.png) no-repeat center top 38px;
}

.mn_award__list_detail.ty2 {
  background: url(../images/si/bg_p_0102.png) no-repeat center top 31px;
}

.mn_award__list_detail.ty3 {
  background: url(../images/si/bg_p_0103.png) no-repeat center top 26px;
}

.mn_award__list_detail.ty4 {
  background: url(../images/si/bg_p_0104.png) no-repeat center top 39px;
}

.mn_history {
  position: relative;
  padding: 70px 0 120px 0;
  background: #f8f8f8;
}

.mn_history .lpimg {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 620px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.mn_history .lpimg.book {
  top: -7px;
}

.mn_history__wrap {
  position: relative;
  height: 640px;
  padding-top: 49px;
}

.mn_history__middle {
  position: relative;
  z-index: 1;
  text-align: center;
}

.mn_history__middle .md_cont .cnt {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-family: 'Lato', 'HelveticaNeue', 'Noto Sans Kr', sans-serif;
  font-weight: 500;
  font-size: 85px;
  line-height: 102px;
  color: #5bbebc;
  letter-spacing: -2px;
  background: #f8f8f8;
}

.mn_history__middle .md_cont .cnt sup {
  margin-left: -10px;
  vertical-align: super;
  font-size: 30px;
  line-height: 40px;
}

.mn_history__middle .md_cont01 {
  margin-left: -90px;
}

.mn_history__middle .md_cont01 .bh {
  display: inline-block;
  vertical-align: middle;
  margin-right: 48px;
  padding-top: 46px;
  font-family: 'Lato', 'HelveticaNeue', 'Noto Sans Kr', sans-serif;
  font-size: 20px;
  line-height: 24px;
  background: url(../images/si/bg_bk01.png) no-repeat center top;
}

.mn_history__middle .md_cont02 {
  position: relative;
  display: inline-block;
}

.mn_history__middle .md_cont02 .cnt {
  padding: 0 20px;
}

.mn_history__middle .md_cont02 .cnt::before {
  content: '';
  position: absolute;
  top: 54px;
  left: -50px;
  width: 16px;
  height: 10px;
  background: url(../images/si/bg_md_cont02_03.png) no-repeat center top;
}

.mn_history__middle .md_cont02 .cnt::after {
  content: '';
  position: absolute;
  top: 54px;
  right: -52px;
  width: 16px;
  height: 10px;
  background: url(../images/si/bg_md_cont02_03.png) no-repeat center top;
}

.mn_history__middle .md_cont02 .ssc {
  position: absolute;
  top: 20px;
}

.mn_history__middle .md_cont02 .ssc em {
  display: block;
  padding-top: 60px;
  white-space: nowrap;
  font-size: 20px;
  line-height: 24px;
}

.mn_history__middle .md_cont02 .left_c {
  left: -142px;
  background: url(../images/si/bg_md_cont02_01.png) no-repeat center top;
}

.mn_history__middle .md_cont02 .right_c {
  right: -162px;
  background: url(../images/si/bg_md_cont02_02.png) no-repeat center top;
}

.mn_history__middle .md_cont03 + .d_text .dpib {
  padding: 0 30px;
}

.mn_history__middle .d_text {
  margin-top: -3px;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  white-space: nowrap;
}

.mn_history__middle .d_text.bgc {
  background: #f8f8f8;
}

.mn_history__middle .d_text .dpib {
  background: #f8f8f8;
}

.mn_history__detail {
  position: relative;
  height: 540px;
}

.mn_history__detail_cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 165px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s;
  z-index: 1;
}

.mn_history__detail_cont.on {
  opacity: 1;
  visibility: visible;
}

.mn_history__detail_cont.etc {
  padding-top: 149px;
}

.mn_history__detail_cont.etc .cnt {
  padding: 0 50px;
}

.mn_history__detail_cont.etc2 .cnt {
  padding: 0 50px;
}

.mn_history__detail_cont.etc2 .d_text {
  background: #f8f8f8;
}

.mn_history__desc {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 32px;
}

.mn_history__point {
  margin: 0 auto;
  margin-top: 45px;
  font-size: 0;
  text-align: center;
}

.mn_history__point > li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 30px;
  line-height: 40px;
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
  opacity: 0.3;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-size: 40px;
}

.mn_history__point > li + li {
  margin-left: 57px;
}

.mn_history__point > li.on {
  opacity: 1;
}

.mn_history__point > li.on .sub {
  display: block;
}

.mn_history__point > li > span {
  font-weight: 500;
}

.mn_history__point > li.ty1 {
  padding-left: 46px;
  background-image: url(../images/si/bg_h_0101.png);
}

.mn_history__point > li.ty2 {
  padding-left: 42px;
  background-image: url(../images/si/bg_h_0102.png);
}

.mn_history__point > li.ty3 {
  padding-left: 48px;
  background-image: url(../images/si/bg_h_0103.png);
}

.mn_history__point > li.ty4 {
  padding-left: 47px;
  background-image: url(../images/si/bg_h_0104.png);
}

.mn_history__point > li.ty5 {
  padding-left: 54px;
  background-image: url(../images/si/bg_h_0105.png);
}

.mn_history__point > li .sub {
  display: none;
  position: absolute;
  left: 50%;
  bottom: -32px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #7d7d7d;
  text-align: center;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.mn_s_band {
  height: 360px;
  padding-top: 120px;
  text-align: center;
  background: url(../images/si/si_band01.png) no-repeat center center;
}

.mn_s_band > a {
  display: inline-block;
  width: 130px;
  margin-top: 26px;
  border: 1px solid #fff;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 52px;
  color: #fff;
}

.mn_find_book {
  margin-top: 50px;
  text-align: center;
  font-size: 0;
}

.mn_find_book__wrap {
  padding-top: 104px;
}

.mn_find_book .item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 256px;
  height: 340px;
  background: #f8f8f8;
}

.mn_find_book .item + .item {
  margin-left: 30px;
}

.mn_find_book .item .tit {
  margin: 32px 24px 24px;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

.mn_find_book .item .mn_find_book_link {
  display: inline-block;
  -webkit-box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, 0.16);
}

.mn_find_book .item .link {
  margin-top: 24px;
}

.mn_find_book .item .link > a {
  display: inline-block;
  padding-right: 18px;
  font-size: 16px;
  line-height: 20px;
  color: #7d7d7d;
  background: url(../images/si/ico_l07.png) no-repeat right center;
  background-size: 16px;
}

.mn_find_book .item .link > a:hover {
  color: #000;
  background: url(../images/si/ico_l06.png) no-repeat right center;
  background-size: 16px;
}

.mn_find_book__other {
  height: 280px;
  margin-top: 40px;
  padding: 73px 0 0 120px;
  background: #cbc8bd url(../images/si/bg_bk02.png) no-repeat right 128px bottom;
  cursor: pointer;
}

.mn_find_book__other a {
  display: inline-block;
  padding-right: 40px;
  font-weight: 500;
  font-size: 32px;
  line-height: 42px;
  background: url(../images/si/ico_l03.png) no-repeat right center;
}

.mn_find_book__other .desc {
  margin-top: 32px;
  font-size: 18px;
  line-height: 32px;
  color: #7d7d7d;
}

.mn_refer_book {
  padding: 100px 0 120px 0;
}

.mn_refer_book__wrap {
  position: relative;
  height: 696px;
  margin-top: 44px;
}

.mn_refer_book__img {
  width: 1160px;
  height: 620px;
  background: #f8f8f8;
}

.mn_refer_book__img img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}

.mn_refer_book__img img.on {
  z-index: 1;
  opacity: 1;
}

.mn_refer_book__detail {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 600px;
  height: 340px;
  background: rgba(91, 190, 188, 0.9);
}

.mn_refer_book__detail .item {
  padding: 56px 0 0 0;
  text-align: center;
}

.mn_refer_book__detail .item .tit {
  font-size: 32px;
  line-height: 43px;
  color: #fff;
}

.mn_refer_book__detail .item .desc {
  margin-top: 32px;
  font-size: 18px;
  line-height: 32px;
  color: #fff;
}

.mn_refer_book__detail .slick-arrow {
  position: absolute;
  top: 150px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 1;
}

.mn_refer_book__detail .slick-arrow.slick-prev {
  left: 50px;
  background: url(../images/si/icon_sl.png) no-repeat 0/cover;
}

.mn_refer_book__detail .slick-arrow.slick-next {
  right: 50px;
  background: url(../images/si/icon_sr.png) no-repeat 0/cover;
}

.mn_refer_book__detail .slick-dots {
  position: absolute;
  left: 0;
  bottom: 37px;
  width: 100%;
  text-align: center;
  font-size: 0;
}

.mn_refer_book__detail .slick-dots > li {
  display: inline-block;
}

.mn_refer_book__detail .slick-dots > li a {
  position: relative;
  display: inline-block;
  width: 110px;
  padding-top: 14px;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  opacity: 0.4;
  cursor: pointer;
}

.mn_refer_book__detail .slick-dots > li a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 2px solid rgba(255, 255, 255, 0.4);
}

.mn_refer_book__detail .slick-dots > li.slick-active a {
  font-weight: 500;
  opacity: 1;
}

.mn_refer_book__detail .slick-dots > li.slick-active a::before {
  border-bottom: 2px solid #fff;
}

.mn_smart_select {
  position: relative;
  padding-top: 100px;
}

.mn_smart_select::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 420px;
  background: #ebe8e5;
}

.mn_smart_select .content {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.mn_smart_select .content .lcont {
  float: left;
}

.mn_smart_select .content .lcont .tit {
  font-weight: 500;
  font-size: 32px;
  line-height: 44px;
}

.mn_smart_select .content .lcont .desc {
  margin-top: 32px;
  font-size: 18px;
  line-height: 32px;
  color: #4d4d4d;
}

.mn_smart_select .content .ss_list {
  float: right;
}

.mn_smart_select .content .ss_list > li {
  display: inline-block;
  vertical-align: top;
  width: 280px;
  height: 360px;
  text-align: center;
}

.mn_smart_select .content .ss_list > li + li {
  margin-left: 40px;
}

.mn_smart_select .content .ss_list > li.ty1 {
  background: url(../images/si/bg_sq_01.png) no-repeat;
}

.mn_smart_select .content .ss_list > li.ty2 {
  background: url(../images/si/bg_sq_02.png) no-repeat;
}

.mn_smart_select .content .ss_list > li.ty3 {
  background: url(../images/si/bg_sq_03.png) no-repeat;
}

.mn_smart_select .content .ss_list > li a {
  display: flex;
  justify-content: center;
  height: 100%;
  padding-top: 290px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
}

.mn_smart_select .content .ss_list > li a span {
  display: inline-block;
  width: 24px; height: 24px;
  margin-left: 10px;
  font-weight: 500;
  font-size: 22px;
  color: #ffffff;
  background: url(../images/si/ico_l05.png) no-repeat right center;
}

.mn_rec_brand {
  padding: 100px 0 120px 0;
}

.mn_rec_brand__link {
  padding-top: 44px;
  font-size: 0;
  text-align: center;
}

.mn_rec_brand__link a {
  width: 270px;
}
.mn_rec_brand .mn_item__book img {
  box-shadow: none;
}
.mn_si_kv.si03 .mn_rec_brand .slick02 {
  height: 445px;
}
.mn_smart_lrnng {
  position: relative;
  padding-top: 100px;
}

.mn_smart_lrnng::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  background: rgba(34, 34, 34, 0.85);
}

.mn_smart_lrnng .kv_title {
  position: relative;
  z-index: 1;
}

.mn_smart_lrnng .content {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  margin-top: 52px;
}

.mn_smart_lrnng__item {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 680px;
      -ms-flex: 1 1 680px;
          flex: 1 1 680px;
  padding: 40px 60px;
  background: #fff;
  -webkit-box-shadow: 12px 12px 24px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 12px 12px 24px 0 rgba(0, 0, 0, 0.16);
  overflow: hidden;
}

.mn_smart_lrnng__item + .mn_smart_lrnng__item {
  margin-left: 40px;
}

.mn_smart_lrnng__item .tit {
  font-weight: 500;
  font-size: 32px;
  line-height: 43px;
}

.mn_smart_lrnng__item > .box_link05 {
  position: absolute;
  bottom: 40px;
  left: 60px;
  width: calc(100% - 120px);
}

.mn_smart_lrnng__bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 32px;
}

.mn_smart_lrnng__bottom .txt {
  font-size: 20px;
  line-height: 36px;
  color: #4d4d4d;
}

.mn_smart_lrnng__detail {
  padding-top: 28px;
}

.mn_smart_lrnng__detail dt {
  padding-left: 50px;
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
  background: url(../images/si/ico_ft_01.png) no-repeat left center/40px;
}

.mn_smart_lrnng__detail dd {
  padding-top: 22px;
  font-size: 20px;
  line-height: 36px;
  color: #4d4d4d;
}

.sl_link {
  padding: 12px 0 10px 0;
  border-bottom: 2px solid #000;
  font-size: 0;
}

.sl_link > li {
  display: inline-block;
  vertical-align: top;
  width: 250px;
  margin-right: 60px;
  border-top: 1px solid #dcdcdc;
}

.sl_link > li > a {
  position: relative;
  display: block;
  padding: 0 30px 0 50px;
  font-weight: 500;
  font-size: 22px;
  line-height: 78px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 40px;
}

.sl_link > li > a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 17px;
  background: url(../images/si/ico_l04.png) no-repeat right center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sl_link > li > a.ty1 {
  background-image: url(../images/si/ico_smart_01.png);
}

.sl_link > li > a.ty2 {
  background-image: url(../images/si/ico_smart_02.png);
}

.sl_link > li > a.ty3 {
  background-image: url(../images/si/ico_smart_03.png);
}

.sl_link > li > a.ty4 {
  background-image: url(../images/si/ico_smart_04.png);
}

.sl_link > li > a.ty5 {
  background-image: url(../images/si/ico_smart_05.png);
}

.sl_link > li > a.ty6 {
  background-image: url(../images/si/ico_smart_06.png);
}

.sl_link > li:nth-child(2n) {
  margin-right: 0;
}

.sl_link > li:nth-child(-n + 2) {
  border-top: none;
}

.mn_pub_brand {
  padding: 100px 0 120px 0;
}

.mn_pub_brand__items {
  margin-top: 52px;
  font-size: 0;
}

.mn_pub_brand__items .item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  vertical-align: top;
  width: 680px;
  margin: 40px 40px 0 0;
  background: #ebe8e5;
}

.mn_pub_brand__items .item:nth-child(2n) {
  margin-right: 0;
}

.mn_pub_brand__items .item:nth-child(-n + 2) {
  margin-top: 0;
}

.mn_pub_brand__items .item > figure {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-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;
  width: 300px;
  height: 300px;
  background: #f8f8f8;
}

.mn_pub_brand__items .item .item_detail {
  padding: 44px 0 0 40px;
}

.mn_pub_brand__items .item .item_detail dt {
  padding-bottom: 40px;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
}

.mn_pub_brand__items .item .item_detail dd {
  font-size: 18px;
  line-height: 32px;
}

.mn_pop_find {
  padding: 100px 0 120px;
  background: #f8f8f8;
}

.mn_pop_find .content {
  padding-top: 52px;
}

/* 공모전 */
.mn_ct_kv {
  margin-top: -80px;
}

.mn_ct_kv.ty1 {
  background: #f7b5b8;
}

.mn_ct_kv.ty1 .dom {
 background: url(/UPLOAD/gnbheader/contest/bg_ct_kv01_dom.png) no-repeat 0/cover;
}

.mn_ct_kv.ty2 {
  background: #afc0e0;
}

.mn_ct_kv.ty2 .dom {
  background: url(../images/ct/bg_ct_kv02_dom.png) no-repeat center top;
}

.mn_ct_kv.ty3 {
  background: #afc0e0;
}

.mn_ct_kv.ty3 .dom {
  background: url(../images/ct/bg_ct_kv03_dom.png) no-repeat center top;
}

.mn_ct_kv.ty4 {
  background: #afc0e0;
}

.mn_ct_kv.ty4 .dom {
  background: url(../images/ct/bg_ct_kv04_dom.png) no-repeat center top;
}

.mn_ct_kv.ty5 {
  background: #afc0e0;
}

.mn_ct_kv.ty5 .dom {
  background: url(../images/ct/bg_ct_kv05_dom.png) no-repeat center top;
}

.mn_ct_kv.ty6 {
  background: #afc0e0;
}

.mn_ct_kv.ty6 .dom {
  background: url(../images/ct/bg_ct_kv06_dom.png) no-repeat center top;
}

.mn_ct_kv.ty7 {
  background: #c9d9be;
}

.mn_ct_kv.ty7 .dom {
  background: url(../images/ct/bg_ct_kv07_dom.png) no-repeat center top;
}

.mn_ct_kv.ty7 .incont.etc {
  padding-top: 297px;
}

.mn_ct_kv.ty8 {
  background: #afc0e0;
}

.mn_ct_kv.ty8 .dom {
  background: url(../images/ct/bg_ct_kv08_dom.png) no-repeat center top;
}

.mn_ct_kv.ty8 .incont.etc {
  padding-top: 267px;
}

.mn_ct_kv.ty9 {
  background: #BFAEA0;
}

.mn_ct_kv.ty9 .dom {
  background: url(../images/uni/bg_uni_kv01_dom.png) no-repeat center top;
}

.mn_ct_kv .incont {
  position: relative;
  width: 1400px;
  height: 828px;
  padding-top: 346px;
  margin: 0 auto;
}
.mn_ct_kv .incont .right {
  position: absolute;
  right: 0;
  top: 98px;
}
.mn_ct_kv .incont .right img {
  max-height: 500px;
}
.mn_ct_kv .incont .tit {
  margin-bottom: 26px;
  font-family: 'MaruBuri';
  font-size: 70px;
  color: #fff;
}

.mn_ct_kv .incont .desc {
  font-size: 28px;
  color: #fff;
  line-height: 38px;
}

.mn_ct_kv .incont.etc {
  height: 588px;
  padding-top: 188px;
}

.mn_ct_kv .incont.etc .tit {
  margin-bottom: 26px;
  font-size: 56px;
  line-height: 75px;
}

.mn_ct_kv .incont.etc .desc {
  font-size: 22px;
  line-height: 38px;
}

.mn_ct_kv .incont.nonetype {
  height: 660px;
  padding-top: 337px;
}

.mn_ct_kv .incont.nonetype .tit {
  margin-bottom: 26px;
  font-size: 56px;
  line-height: 75px;
}

.mn_ct_kv .incont.uni {
  height: 660px;
  padding-top: 180px;
}

.mn_ct_kv .incont.uni span {
  display: block;
  margin-bottom: 9px;
  color: #fff;
  font-size: 26px;
}

.mn_ct_kv .incont.uni .tit {
  margin-bottom: 26px;
  font-size: 56px;
  line-height: 75px;
}

.mn_ct_kv .incont.uni .desc {
  font-size: 22px;
  line-height: 40px;
}

.mn_ct_kv .kv_link {
  display: inline-block;
  margin-top: 44px;
  padding: 14px 28px;
  text-align: center;
  border: 2px solid #fff;
}

.mn_ct_kv .kv_link > span {
  display: inline-block;
  padding-right: 16px;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  color: #fff;
  background: url(../images/ct/ico_05.png) no-repeat right center;
}

.mn_ct_kv_none {
  padding: 100px 0 160px;
  text-align: center;
}

.mn_ct_kv_none p {
  font-size: 32px;
}

.mn_ct_kv_none .utils {
  margin-top: 32px;
}

.mn_ct_kv_none .utils span {
  display: block;
  font-size: 20px;
  color: #7D7D7D;
}

.mn_ct_kv_none .utils a {
  display: inline-block;
  margin-top: 12px;
  padding-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}

.mn_ct_banner {
  width: 1400px; 
  height: 200px;
  margin: 100px auto; 
  background: #eee;
}

.mn_ct_award th {
  font-weight: 500;
}
.mn_content > li {
  padding: 80px 0;
  font-size: 0;
}

.mn_content > li + li {
  border-top: 1px solid #000;
}
.mn_content > li {
  display: flex;
  justify-content: space-between;
}
.mn_content > li figure {
  display: inline-block;
  margin-right: 100px;
  vertical-align: top;
  width: 540px; height: 531px;
  padding-left: 80px;
  font-size: 0;
}

.mn_content > li figure > img {
  width: 360px; height: 100%;
  -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.16);
}

.mn_content__detail {
  display: inline-block;
  vertical-align: top;
  width: 860px;
  padding: 72px 80px 0 0;
}

.mn_content__detail > .title {
  font-weight: 500;
  font-size: 36px;
  line-height: 52px;
}

.mn_content__detail > .date {
  margin-top: 3px;
  font-size: 20px;
  line-height: 27px;
  color: #7d7d7d;
}

.mn_content__detail_btn .btn {
  vertical-align: top;
}

.mn_content__detail_btn .btn + .btn {
  margin-left: 14px;
}

.mn_content_list__wrap {
  margin: 40px 0;
  padding: 30px 0;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}

.mn_content_list > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.mn_content_list > li .tit {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100px;
      -ms-flex: 1 1 100px;
          flex: 1 1 100px;
  font-size: 18px;
  line-height: 24px;
  color: #7d7d7d;
}

.mn_content_list > li .cont {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  font-size: 18px;
  line-height: 24px;
}

.mn_content_list > li + li {
  margin-top: 18px;
}

.mn_content__more {
  text-align: center;
  font-size: 0;
}

.mn_content__more > a {
  display: inline-block;
  width: 210px;
  padding: 19px 0;
  text-align: center;
  border: 1px solid #c4c4c4;
}

.mn_content__more > a > span {
  display: inline-block;
  font-size: 22px;
  line-height: 32px;
  padding-right: 20px;
  background: url(../images/ct/ico_03.png) no-repeat right center;
}

.mn_inq {
  position: relative;
  margin-top: 120px;
  padding-top: 100px;
  /* 360 */
}

.mn_inq::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 280px;
  background: rgba(90, 90, 90, 0.85);
}

.mn_inq > .content {
  position: relative;
  z-index: 1;
}

.mn_inq__cont {
  font-size: 0;
}

.mn_inq__item {
  display: inline-block;
  vertical-align: top;
  width: 680px;
  height: 244px;
  padding: 50px 0 0 60px;
  -webkit-box-shadow: 12px 12px 24px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 12px 12px 24px 0 rgba(0, 0, 0, 0.16);
}

.mn_inq__item.ty1 {
  background: #fff url(../images/ct/ico_ct_faq.png) no-repeat right 64px top 40px;
}

.mn_inq__item.ty2 {
  margin-left: 40px;
  background: #fff url(../images/ct/ico_ct_q.png) no-repeat right 60px top 39px;
}

.mn_inq__item .tit {
  display: inline-block;
  padding-right: 28px;
  font-weight: 500;
  font-size: 30px;
  line-height: 44px;
  background: url(../images/ct/ico_04.png) no-repeat right center;
}

.mn_inq__item .desc {
  margin-top: 21px;
  font-size: 22px;
  line-height: 36px;
}

.mn_inq_detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 60px;
  padding: 38px 0 38px 60px;
  background: #f8f8f8;
}

.mn_inq_detail .tit {
  font-weight: 500;
  font-size: 30px;
  line-height: 44px;
}

.mn_inq_detail__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}

.mn_inq_detail__list > li {
  display: inline-block;
  vertical-align: top;
  width: 360px;
  padding-left: 72px;
}

.mn_inq_detail__list > li a {
  display: inline-block;
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
}

.mn_inq_detail__list > li .desc {
  margin-top: 7px;
  font-size: 18px;
  line-height: 26px;
}

.mn_inq_detail__list > li + li {
  border-left: 1px solid #ccc;
}

.inp_item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  width: 50%;
  padding-right: 80px;
}

.inp_item__wrap {
  font-size: 0;
  line-height: normal;
}

.inp_item__wrap + .inp_item__wrap {
  margin-top: 20px;
}

.inp_item .tit {
  vertical-align: top;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 120px;
      -ms-flex: 1 0 120px;
          flex: 1 0 120px;
  font-size: 18px;
  line-height: 54px;
}

.inp_item__cont {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.inp_item.ltype {
  width: 100%;
  padding-right: 0;
}

.inp_item.ltype + .inp_item.ltype {
  margin-top: 20px;
}

.ssch_field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}

.ssch_field .mn_input_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.ssch_field .ssch_btn {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: auto;
  height: 54px;
  padding: 0;
  margin-left: 16px;
  background: #4d4d4d;
  border-radius: 0;
  overflow: hidden;
}

.ssch_field .ssch_btn > span {
  color: #fff;
  font-size: 18px;
  padding: 0 24px;
}

.direct_inp {
  margin-top: 16px;
}

.direct_inp .dptrg {
  margin-top: 12px;
}

.c_text {
  font-size: 16px;
  line-height: 24px;
  color: #7d7d7d;
}

.agr_box .dp {
  padding: 23px 0 28px 0;
}

.agr_box .dp .top {
  font-size: 0;
}

.agr_box .dp .top > * {
  vertical-align: middle;
}

.agr_box .dp .top .sh_btn {
  display: inline-block;
  margin-left: 5px;
}

.agr_box .dp .top .sh_btn > span {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #7d7d7d;
  text-decoration: underline;
}

.agr_box .dp .top .sh_btn:disabled > span {
  color: #dcdcdc;
}

.agr_box .dp .c_text {
  margin-top: 10px;
}

.agr_box__cont {
  display: none;
  margin-top: 15px;
  padding: 20px 30px;
  background: #f8f8f8;
}

.agr_box__cont li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.agr_box__cont li .tit {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 128px;
      -ms-flex: 1 1 128px;
          flex: 1 1 128px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.agr_box__cont li .cont {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  font-size: 16px;
  line-height: 24px;
  color: #7d7d7d;
}

.agr_box__cont li + li {
  margin-top: 10px;
}

.reg_complete {
  width: 680px;
  margin: 0 auto;
  margin-top: 80px;
}

.reg_complete .title {
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
}

.reg_complete__detail {
  margin-top: 45px;
}

.reg_complete__detail .d_txt {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 35px;
  text-align: center;
}

.reg_complete__detail .desc {
  margin-top: 20px;
  font-size: 18px;
  line-height: 32px;
  color: #7d7d7d;
  text-align: center;
}

.reg_modify {
  width: 680px;
  margin: 0 auto;
  margin-top: 100px;
}

.reg_rst__wrap {
  margin-top: 60px;
}

.reg_rst > .title {
  font-weight: 500;
  font-size: 32px;
  line-height: 46px;
  text-align: center;
}

.reg_rst__list {
  margin-top: 25px;
  border-top: 1px solid #000;
  padding-top: 48px;
}

.reg_rst__detail_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 18px 28px;
  background: #f8f8f8;
}

.reg_rst__detail_top .code {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

.reg_rst__detail_top .date {
  font-size: 0;
}

.reg_rst__detail_top .date > em {
  position: relative;
  font-size: 18px;
  line-height: 32px;
}

.reg_rst__detail_top .date > em + em {
  display: inline-block;
  margin-left: 10px;
  padding-left: 11px;
}

.reg_rst__detail_top .date > em + em::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 18px;
  border-left: 1px solid #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.reg_rst__detail_cont {
  padding: 30px 27px 40px 27px;
  border: 1px solid #dcdcdc;
  border-top: none;
}

.reg_rst__detail_cont ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.reg_rst__detail_cont ul li .tit {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 90px;
      -ms-flex: 1 0 90px;
          flex: 1 0 90px;
  font-size: 16px;
  line-height: 24px;
  color: #7d7d7d;
}

.reg_rst__detail_cont ul li .cont {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
}

.reg_rst__detail_cont ul li + li {
  margin-top: 12px;
}

.reg_rst__btns {
  margin-top: 20px;
  text-align: center;
  font-size: 0;
}

.reg_rst__btns .btn + .btn {
  margin-left: 14px;
}

.reg_rst li + li {
  margin-top: 70px;
}

.reg_comp_i {
  padding: 80px 0 40px 0;
  text-align: center;
}

.reg_comp_i__title {
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
}

.reg_comp_i .desc {
  padding-top: 13px;
  font-size: 18px;
  line-height: 26px;
  color: #7d7d7d;
}

.print_detail__cont {
  border: 1px solid #000;
  padding: 36px 30px 40px 30px;
}

.print_detail .title {
  margin-bottom: 37px;
  font-weight: 500;
  font-size: 24px;
  line-height: 35px;
  text-align: center;
}

.print_detail table {
  border-top: 1px solid #000;
}

.print_detail table > tbody > tr > th {
  height: 60px;
  padding: 17px 0 17px 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  border-bottom: 1px solid #dcdcdc;
}

.print_detail table > tbody > tr > td {
  padding: 17px 0;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 1px solid #dcdcdc;
}

.print_detail table > tbody > tr:last-child th,
.print_detail table > tbody > tr:last-child td {
  border-bottom: none;
}

.print_detail > .txt {
  padding: 14px 0 44px 0;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: #7d7d7d;
}

.btn.ib.more {
  border: 1px solid #c4c4c4;
}

.tdsubtxt {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 24px;
}

.none_i {
  padding: 100px 0 123px 0;
  text-align: center;
}

.none_i__title {
  font-size: 32px;
  line-height: 48px;
}

.none_i .desc {
  padding-top: 33px;
  font-size: 20px;
  line-height: 29px;
  color: #7d7d7d;
}

.on_items__wrap {
  padding-top: 42px;
  border-top: 2px solid #000;
}

.on_items__wrap .title {
  padding-bottom: 35px;
  font-weight: 500;
  font-size: 30px;
  line-height: 44px;
  text-align: center;
}

.on_items__list {
  font-size: 0;
}

.on_items__list > li {
  display: inline-block;
  vertical-align: top;
  width: 320px;
  margin-right:40px;
}

.on_items__list > li:nth-child(4n){margin-right:0;}
.on_items__list > li:nth-child(n+5){margin-top:40px;}


.on_items__list > li > figure {
  font-size: 0;
  -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12);
}

.on_items__list > li > figure img {
  display: block;
}

.on_items__list > li .txt {
  padding: 20px 0 24px 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
}

.on_items__list > li .btnarea {
  text-align: center;
}

.on_items__list > li .btnarea a {
  display: inline-block;
  width: 126px;
  padding: 10px 0;
  text-align: center;
  border: 1px solid #c4c4c4;
}

.on_items__list > li .btnarea a > span {
  display: inline-block;
  padding-right: 17px;
  font-size: 16px;
  line-height: 24px;
  background: url(../images/ct/ico_09.png) no-repeat right center;
}
.audit_rst_wrap {}
.audit_rst_wrap .audit_rst {
  display: none;
  padding-top: 20px;
}
.audit_rst_wrap .audit_rst.on {
  display: block;
}
.audit_rst {
  padding-top: 100px;
}

.audit_rst__top {
  padding: 33px 0 100px 0;
  border-top: 1px solid #000;
}

.audit_rst__top .title {
  font-weight: 500;
  font-size: 40px;
  line-height: 66px;
}

.audit_rst__top .desc {
  padding-top: 37px;
  font-size: 18px;
  line-height: 40px;
}
.audit_rst__font-wrap {
  background: #f8f8f8;
  text-align: center;
  padding: 60px 80px 16px 80px;
}
.audit_rst__font-wrap p {
  margin-top: 60px;
  text-align: right;
  font-size: 14px;
  line-height: 20px;
  color: #7D7D7D;
}
.audit_rst__font {
  display: flex;
  font-size: 0;
}

.audit_rst__font .items {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 190px;
  padding: 30px 20px 0 20px;
  background: #fff;
}

.audit_rst__font .items + .items {
  margin-left: 40px;
}
.audit_rst__font .items > span {
    margin: 0 auto;
}
.audit_rst__font.item2 .items > span {
  display: flex;
  width: 453px;
}
.audit_rst__font.item3 .items > span {
  display: flex;
  /* width: 314px; */
}
.audit_rst__font .items > strong {
  display: block;
  padding-bottom: 23px;
  text-align: center;
  font-size: 20px;
  line-height: 29px;
}

.audit_rst__font .items a {
  position: absolute;
  left: 50%;
  bottom: -35px;
  width: 212px;
  padding: 19px 0;
  text-align: center;
  background: #4d4d4d;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.audit_rst__font .items a > span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 32px;
  color: #fff;
  /* background: url(../images/ct/ico_10.png) no-repeat left center; */
}
.audit_rst__font .items a > span::before {
  display: inline-block;
  margin-right: 10px;
  content: '';
  width: 32px;
  height: 32px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: url('../images/common/icon_download_white.svg') no-repeat center;
  background-size: 14px;
}
.audit_rst__title {
  padding-bottom: 25px;
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
}

.audit_rst .audit_v_btn {
  display: inline-block;
  padding: 10px 24px;
  background: #4d4d4d;
}

.audit_rst .audit_v_btn > span {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

.ct_tab .mn_tab11 {
  position: relative;
  width: 1400px;
  margin: 0 auto;
}

.ct_tab .slick-list:before {
  display: inline-block;
  content: '';
  width: 140px;
  height: 72px;
  background: -webkit-gradient(linear, left top, right top, from(#a7b59e), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, #a7b59e 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(90deg, #a7b59e 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.ct_tab .slick-list:after {
  display: inline-block;
  content: '';
  width: 140px;
  height: 72px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#a7b59e));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #a7b59e 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #a7b59e 100%);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.ct_tab .slick-list.prev:before {
  display: none;
}

.ct_tab .slick-list.next:after {
  display: none;
}

.ct_tab .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
  font-size: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.ct_tab .slick-prev {
  left: 0;
  background: #fff url("../images/common/icon_arrow_left_black.png") no-repeat center;
}

.ct_tab .slick-next {
  right: 0;
  background: #fff url("../images/common/icon_arrow_right_black.png") no-repeat center;
}

.audit_select {
  padding-top: 80px;
  text-align: right;
}

.audit_select  .audit_rst {
  margin-top: 20px;
  padding-top: 0;
}

.audit_select .mn_selectbox {
  width: 160px;
}

.ele_list {
  font-size: 0;
}

.ele_list > li {
  display: inline-block;
  vertical-align: top;
}

.ele_list > li + li {
  margin-left: 50px;
}

.ele_list > li figure {
  position: relative;
}

.ele_list > li figure img {
  display: block;
}

.ele_list > li figure .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  line-height: 40px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background: #fa6625;
}

.ele_list__detail {
  margin-top: 18px;
  max-width: 260px;
}
.ele_list__detail .judge_txt {
  display: block;
}
.ele_list__detail > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 18px;
  line-height: 26px;
}

.ele_list__detail > li > .tit {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 50px;
  font-weight: 500;
}

.ele_list__detail > li .cont {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.ele_list__detail > li + li {
  margin-top: 8px;
}

.txt_cont01 > dt {
  padding-bottom: 13px;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
}

.txt_cont01 > dt small {
  display: inline-block;
  padding-left: 4px;
  font-size: 16px;
  line-height: 24px;
  color: #7e7e7e;
}

.txt_cont01 > dd {
  font-size: 20px;
  line-height: 32px;
}

.txt_cont01 + .txt_cont01 {
  margin-top: 30px;
  padding-top: 31px;
  border-top: 1px solid #dcdcdc;
}

.audit_sort {
  margin-top: 40px;
}
.audit_sort__list > li {
  cursor: pointer;
}
.audit_sort__list > li > span {
  display: inline-block;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
  color: #7d7d7d;
}

.audit_sort__list > li.on > span {
  padding-right: 18px;
  font-weight: 500;
  color: #000;
  border-bottom: 2px solid #000;
  background: url(../images/ct/ico_11.png) no-repeat right center;
}

.audit_sort__list > li + li {
  margin-top: 20px;
}

/* 홍보센터 */
.mn_pm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 1400px;
  padding-top: 58px;
}

.mn_pm__lnb {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 240px;
  margin-right: 0;
  padding-top: 8px;
}

.mn_pm__lnb > .title {
  font-weight: 500;
  font-size: 24px;
  line-height: 35px;
}

.mn_pm__lnb__list {
  margin-top: 36px;
}

.mn_pm__lnb__list > li > a {
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  color: #7d7d7d;
}

.mn_pm__lnb__list > li > a.on, .mn_pm__lnb__list > li > a:hover {
  font-weight: 500;
  color: #000;
}

.mn_pm__lnb__list > li + li {
  margin-top: 16px;
}

.mn_pm__lnb__dept {
  margin-top: 13px;
}
.mn_pm__lnb__dept li {
  line-height: 24px;
}
.mn_pm__lnb__dept > li > a {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  font-size: 16px;
  line-height: 24px;
  color: #7d7d7d;
}

.mn_pm__lnb__dept > li > a.on {
  font-weight: 500;
  color: #000;
}

.mn_pm__lnb__dept > li > a.on::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  border-bottom: 4px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
}

.mn_pm__lnb__dept > li + li {
  margin-top: 8px;
}

.mn_pm__lnb.w .title {
  color: #f2f2f2;
}

.mn_pm__lnb.w a {
  color: #999999;
}

.mn_pm__lnb.w a:hover {
  color: #f2f2f2;
}

.mn_pm__lnb.w .on a {
  color: #f2f2f2;
}

.mn_pm__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: calc(100% - 240px);
}

.mn_pm__content_top {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.mn_pm__content_top .title {
  font-weight: 700;
  font-size: 32px;
  line-height: 47px;
}

.mn_pm__content_top .title.ty1 {
  margin-top: -10px;
  font-weight: 300;
  font-size: 62px;
  line-height: 84px;
  letter-spacing: -0.6px;
}

.mn_pm__content_top .mn_selectbox__cont {
  position: absolute;
  right: 0;
  bottom: 36px;
}

.mn_sabo {
  margin-top: 120px;
}

.mn_sabo__item .title {
  font-weight: 500;
  font-size: 36px;
  line-height: 42px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c4c4c4;
}

.mn_sabo__item + .mn_sabo__item {
  margin-top: 100px;
}

.mn_sabo__list {
  margin-top: 40px;
  font-size: 0;
}

.mn_sabo__list > li {
  display: inline-block;
  vertical-align: top;
  width: 176px;
  margin: 50px 20px 0 0;
}
.mn_sabo__list > li:nth-child(6n),
.mn_sabo__list > li:last-child {
  margin-right: 0;
}
.mn_sabo__list > li:nth-child(-n+6) {
  margin-top: 0;
}
.mn_sabo__list > li figure {
  position: relative;
  overflow: hidden;
  height: 250px;
  -webkit-box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, 0.16);
}

.mn_sabo__list > li figure:hover .hover_item {
  bottom: 0;
}

.mn_sabo__list > li figure img {
  display: block;
  width:100%; height: 100%;
}

.mn_sabo__list > li figure .hover_item {
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  padding: 30px 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  font-size: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mn_sabo__list > li figure .hover_item > a {
  display: inline-block;
  vertical-align: top;
}

.mn_sabo__list > li figure .hover_item > a > span {
  display: inline-block;
  width: 54px;
  font-size: 13px;
  line-height: 17px;
  color: #fff;
}
.mn_sabo__list > li figure .hover_item > a > span::before {
  content: '';
  display: inline-block;
  width: 54px; height: 54px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.mn_sabo__list > li figure .hover_item > a + a {
  margin-left: 20px;
}

.mn_sabo__list > li figure .hover_item > a.hover_item_down > span::before {
  background: url(../images/pm/icon_download.svg) no-repeat center;
  background-size: 21px 27px;
}
.mn_sabo__list > li figure .hover_item > a.hover_item_view > span::before {
  background: url(../images/pm/icon_e.svg) no-repeat center;
  background-size: 23px 28px;
}

.mn_sabo__list > li .txt {
  margin-top: 14px;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
}


.mn_pm__video {
  margin-top: 24px;
  padding-top: 50px;
  border-top: 2px solid #000;
  font-size: 0;
}

.mn_pm__video__play {
  display: inline-block;
  vertical-align: top;
  width: 720px;
  margin-right: 120px;
}

.mn_pm__video__rdy {
  position: relative;
  display: inline-block;
  font-size: 0;
  width: 720px;
  height: 402px;
  text-align: center;
}
.mn_pm__video__rdy .video_wrap{
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.mn_pm__video__rdy .video_wrap .video_link,
.mn_pm__video__rdy .video_wrap .thumb_img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.mn_pm__video__rdy .video_wrap .thumb_img{
  z-index: 1;
}

.mn_pm__video__rdy .video_wrap.play .thumb_img{
  display: none;
}

.mn_pm__video__rdy .video_wrap.play .hover_item{
  display: none;
}

.mn_pm__video__rdy .video_wrap video{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.mn_pm__video__rdy .video_wrap video source{
  width: 100%;
}

.mn_pm__video__rdy img {
  display: block;
  width: 100%;
  height: 100%;
}

.mn_pm__video__rdy .hover_item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  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;
  /* visibility: hidden; */
  opacity: 1;
  -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s;
}

.mn_pm__video__rdy .hover_item .pm_play_btn {
  display: inline-block;
}

.mn_pm__video__rdy .hover_item .pm_play_btn > span {
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  background: url(../images/pm/icon_06.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
}

/* .mn_pm__video__rdy:hover .hover_item {
  opacity: 1;
  visibility: visible;
} */

.mn_pm__video__cont {
  position: relative;
  top: -6px;
  display: inline-block;
  vertical-align: top;
  width: 320px;
}

.mn_pm__video__cont > .title {
  padding-bottom: 14px;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
}

.pv_list__wrap {
  height: 362px;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}

.pv_list .item {
  border-top: 1px solid #c4c4c4;
}
.pv_list .item:first-child {
  border-top: none;
}
.pv_list .item:nth-child(3n) {
  border-bottom: none;
}
.pv_list .item:nth-child(3n+1) {
  border-top: none;
}
.pv_list .item > a {
  display: block;
  padding: 19px 0;
}
.pv_list__wrap .swiper-slide {
  display: flex;
  align-items: center;
}
.pv_list  .item  a:hover figure::after,
.pv_list .item.on > a figure::after {
  opacity: 1;
  visibility: visible;
}

.pv_list  .item figure {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 147px;
  height: 82px;
}
.pv_list .item figure img {
  width: 100%; height: 100%;
}
.pv_list .item figure:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/pm/icon_playchk.png);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.pv_list .item .txt {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
  font-weight: 500;
  font-size: 16px;
  width: 155px;
  line-height: 24px;
}

.pv_list .items > .item + .item {
 
}
.pm_arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pm_arrow > div {
  position: relative;
  width: 30px;
  height: 30px;
  right: auto;
  left: auto;
}
.pm_arrow .swiper-button-prev::after,
.pm_arrow .swiper-button-next::after {
  visibility: hidden;
  position:absolute;
  top: -9999px;
}
.pm_arrow .swiper-button-prev::before,
.pm_arrow .swiper-button-next::before {
  content: '';
  width: 30px;
  height: 30px;
}
.pm_arrow .swiper-button-prev::before {
  background: url(../images/pm/icon_04.png) no-repeat;
}

.pm_arrow .swiper-button-next::before {
  background: url(../images/pm/icon_05.png) no-repeat;
}
.pv_list.slick-slider .slick-list {
  height: 362px !important;
}
.mn_pm__adv {
  margin-top: 24px;
  padding-top: 50px;
  border-top: 2px solid #000;
  font-size: 0;
}

.mn_pm__adv .view_adv {
  display: inline-block;
  vertical-align: top;
  width: 600px;
  margin-right: 120px;
}

.mn_pm__adv .view_adv figure {
  display: flex;
  width: 600px;
  height: 600px;
  padding: 70px 137px;
  -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;
  background: #f8f8f8;
}

.mn_pm__adv .view_adv figure a{
  display: block;
  width: 100%; height: 100%;
  cursor: default;
}
.mn_pm__adv .view_adv figure a img {
  width: 100%; height: 100%;
}
.mn_pm__adv__cont {
  position: relative;
  top: -6px;
  display: inline-block;
  vertical-align: top;
  width: 440px;
}

.mn_pm__adv__cont > .title {
  padding-bottom: 14px;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
}

.adv_detail {
  margin-top: 14px;
}

.adv_detail dt {
  padding-bottom: 6px;
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
}

.adv_detail dd {
  font-size: 18px;
  line-height: 26px;
  color: #7d7d7d;
}

.ap_list__wrap {
  padding-top: 24px;
  height: 560px;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}

.ap_list  {
  flex-wrap: wrap;
  border: none;
}
.swiper-container-vertical > .swiper-wrapper.ap_list {
  height: auto;
  /* flex-direction: row; */
}
.ap_list .item {
  display: inline-block;
  vertical-align: top;
  margin: 30px 40px 0 0;
  width: 45.4%; 
  height: 240px !important;
  margin: 15px 40px 15px 0;
}
.ap_list .item:nth-child(2n) {
  margin-right: 0;
}
.ap_list .item:nth-child(-n + 2) {
  margin-top: 0;
}

.ap_list  .item:nth-child(2n) {
  margin-right: 0;
}

.ap_list  .item > a {
  display: block;
}

.ap_list .item > a:hover figure::after,
.ap_list .item.on > a figure::after {
  opacity: 1;
  visibility: visible;
}
.ap_list .slick-list {
  height: 562px !important;
}

.ap_list .item figure {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 200px;
  height: 200px;
  -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;
  background: #f8f8f8;
}

.ap_list  .item figure:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/pm/icon_playchk.png);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ap_list  .item figure img {
  width: 108px;
}

.ap_list  .item .txt {
  display: block;
  margin-top: 14px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ap_view {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 506px;
  height: 506px;
  -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;
  background: #f8f8f8;
}

.ap_view img {
  width: 274px;
}

.mn_cntrb {
  padding-top: 118px;
}

.mn_cntrb_top .title {
  font-weight: 700;
  font-size: 32px;
  line-height: 50px;
  letter-spacing: -0.6px;
}

.mn_cntrb_top .desc {
  margin-top: 5px;
  font-size: 18px;
  line-height: 32px;
  color: #7d7d7d;
  letter-spacing: -0.69px;
}

.mn_cntrb_top.ty1 {
  margin-top: 138px;
}

.mn_cntrb_cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 47px;
  padding: 60px 0;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}

.mn_cntrb_cont + .mn_cntrb_cont {
  margin-top: -1px;
}

.mn_cntrb_cont dt {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 200px;
  font-weight: 500;
  font-size: 22px;
}

.mn_cntrb_cont dt.ty1 {
  padding-top: 3px;
}

.mn_cntrb_cont dd {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.mn_cntrb_cont dd.ty1 {
  font-weight: 500;
  font-size: 42px;
  line-height: 40px;
}

.mn_cntrb_ms {
  font-size: 0;
}

.mn_cntrb_ms > li {
  display: inline-block;
  vertical-align: top;
  width: 334px;
  padding-left: 53px;
}

.mn_cntrb_ms > li + li {
  border-left: 1px solid #bbb;
}

.mn_cntrb_ms > li:first-child {
  width: 292px;
  padding-left: 0;
}

.mn_cntrb_ms > li em {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #7e7e7e;
}

.mn_cntrb_ms > li span {
  display: block;
  padding-top: 38px;
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -0.69px;
}

.mn_cntrb_ms > li span.ty1 {
  background: url(../images/pm/bg_ms01.png) no-repeat 146px 20px;
}

.mn_cntrb_ms > li span.ty2 {
  background: url(../images/pm/bg_ms02.png) no-repeat 132px 22px;
}

.mn_cntrb_ms > li span.ty3 {
  background: url(../images/pm/bg_ms03.png) no-repeat 148px 20px;
}

.bi_box {
  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;
  height: 480px;
  background: #f8f8f8;
}

.bi_box__wrap {
  margin-top: 50px;
}

.bi_box__wrap .btnarea {
  margin-top: 40px;
  font-size: 0;
  text-align: center;
}

.bi_box__wrap .btnarea a {
  display: inline-block;
  width: 292px;
  padding: 14px 0;
  text-align: center;
  border: 2px solid #000;
}

.bi_box__wrap .btnarea a > span {
  display: inline-block;
  padding-right: 36px;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  background: url(../images/pm/icon_07.png) no-repeat right center;
}

.act_list__wrap {
  padding-top: 40px;
}

.act_list__wrap .btnarea {
  margin-top: 50px;
  text-align: center;
  font-size: 0;
}

.act_list > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 80px 0;
  border-bottom: 1px solid #c4c4c4;
}
.act_list > li .cont {
  flex: 1;
}
.act_list > li:nth-child(odd) .cont {
  margin-left: 120px;
}
.act_list > li:nth-child(even) .cont {
  margin-right: 120px;
}
.act_list > li:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.act_list > li .cont .detail {
  max-width: 480px;
}
.act_list > li figure {
  width: 560px;
  height: 420px;
}

.act_list > li figure img {
  display: inline-block;
  width: 100%;
}

.act_list > li .detail dt {
  padding-bottom: 20px;
  font-weight: 700;
  font-size: 32px;
  line-height: 46px;
}

.act_list > li .detail dd {
  font-size: 18px;
  line-height: 34px;
}

.act_list > li .detail + .detail02 {
  margin-top: 40px;
}

.act_list > li .detail02 dt {
  padding-bottom: 11px;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
}

.act_list > li .detail02 dd {
  font-size: 16px;
  line-height: 28px;
  color: #7d7d7d;
}

.act_list > li .detail02 + .detail02 {
  margin-top: 20px;
}

.past_act {
  margin-top: 23px;
  border-top: 2px solid #000;
}

.past_act .back {
  padding-top: 23px;
}

.past_act .back a {
  display: inline-block;
  padding-left: 20px;
  font-weight: 500;
  font-size: 16px;
  color: #7e7e7e;
  background: url(../images/common/icon_ar_10x17_l.png) no-repeat left center;
}

.past_act__cont__wrap {
  margin-top: 57px;
}

.past_act__cont .title {
  font-weight: 700;
  font-size: 32px;
  line-height: 46px;
}

.past_act__cont .desc {
  margin-top: 10px;
  font-size: 18px;
  line-height: 26px;
  color: #7e7e7e;
}

.past_act__cont + .past_act__cont {
  margin-top: 80px;
  padding-top: 60px;
  border-top: 1px solid #c4c4c4;
}

.past_act__list {
  margin-top: 40px;
  font-size: 0;
}

.past_act__list > li {
  display: inline-block;
  vertical-align: top;
  width: 560px;
  margin: 80px 40px 0 0;
}

.past_act__list > li:nth-child(-n + 2) {
  margin-top: 0;
}

.past_act__list > li:nth-child(2n) {
  margin-right: 0;
}

.past_act__list > li > img {
  max-width: 100%;
}

.past_act__list > li .detail {
  margin-top: 16px;
}

.past_act__list > li .detail dt {
  padding-bottom: 11px;
  font-weight: 500;
  font-size: 26px;
  line-height: 37px;
}

.past_act__list > li .detail dd {
  font-size: 18px;
  line-height: 30px;
}

/* slick */
.slick01 {
  height: 198px;
  padding: 0 50px;
}

.slick01 .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 28px;
  height: 28px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 2;
}

.slick01 .slick-prev.slick-arrow {
  left: 12px;
  background: #fff url(../images/common/icon_pagination_prev.png) no-repeat 0 0/cover;
}

.slick01 .slick-next.slick-arrow {
  right: 12px;
  background: #fff url(../images/common/icon_pagination_next.png) no-repeat 0 0/cover;
}

.swiper-scrollbar.ty1 {
  position: relative;
  height: 2px;
  margin-top: 50px;
  border-radius: 0;
  background: #DCDCDC;
}

.swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #000000;
}

.slick02 {
  font-size: 0;
  height: auto;
}

.slick02 .slick02_item {
  width: 320px;
  margin-left: 40px;
  cursor: pointer;
}
.slick02 .slick02_item:first-child {
  margin-left: 0;
}
.slick02__wrap {
  position: relative;
  width: 1400px;
  margin: 0 auto;
}

.slick02__wrap > h3 {
  margin-bottom: 38px;
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  text-align: center;
}

.slick02__wrap.ty1 .slick-dots {
  margin-top: 50px;
}

.slick02__wrap .swiper-scrollbar {
  position: relative;
  height: 2px;
  margin-top: 50px;
  border-radius: 0;
  background: #DCDCDC;
}

.slick02__wrap .swiper-scrollbar-drag {
  border-radius: 0;
  background: #000000;
}

.slick02__wrap .swiper-arrow {
  position: absolute;
  top: 0;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 2;
  margin-top: 0;
}

.slick02__wrap .swiper-button-prev.swiper-arrow {
  right: 52px;
  left: inherit;
  background: #fff url(../images/common/icon_prev.png) no-repeat 0 0/cover;
  background-size: contain;
}

.slick02__wrap .swiper-button-next.swiper-arrow {
  right: 0;
  background: #fff url(../images/common/icon_next.png) no-repeat 0 0/cover;
  background-size: contain;
}

.slick02_item {
  display: inline-block;
}

.slick02_item + .slick02_item {
  width: 320px;
  margin-left: 40px;
}

.slick02_item .txt {
  margin-top: 18px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

.slick02_item .txt02 {
  margin-top: 22px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

.slick02_item .txt03 {
  margin-top: 20px;
  font-weight: 500;
  font-size: 18px;
  line-height: 29px;
  text-align: center;
  height: 58px;
}

.slick02_item .detail {
  margin-top: 20px;
  text-align: center;
}

.slick02_item .detail dt {
  font-size: 16px;
  line-height: 24px;
  color: #7d7d7d;
}

.slick02_item .detail dd {
  padding-top: 9px;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
}

.slick02 .slick-arrow {
  position: absolute;
  top: -78px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 2;
}

.slick02 .slick-prev.slick-arrow {
  right: 52px;
  background: #fff url(../images/common/icon_prev.png) no-repeat 0 0/cover;
}

.slick02 .slick-next.slick-arrow {
  right: 0;
  background: #fff url(../images/common/icon_next.png) no-repeat 0 0/cover;
}

.slick02 .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 35px;
  background: #dcdcdc;
}

.slick02 .slick-dots > li {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 3px;
  overflow: hidden;
  text-indent: -999px;
}

.slick02 .slick-dots > li.slick-active {
  background: #000;
}

.slick02.awnone .slick-arrow {
  display: none !important;
}

.slick03 {
  font-size: 0;
}

.slick03__wrap {
  position: relative;
  width: 1400px;
  margin: 0 auto;
}
.slick03__wrap .swiper-wrapper {
  padding-bottom: 60px;
}
.slick03__wrap > h3 {
  margin-bottom: 38px;
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  text-align: center;
}

.slick03_item + .slick03_item {
  margin-left: 40px;
}
.slick03_item.slick-slide {
 height: auto;
}
.slick03_item .txt {
  margin-top: 18px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

.slick03 .slick-arrow {
  position: absolute;
  top: -78px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 2;
}

.slick03 .slick-prev.slick-arrow {
  right: 52px;
  background: #fff url(../images/common/icon_prev.png) no-repeat 0 0/cover;
}

.slick03 .slick-next.slick-arrow {
  right: 0;
  background: #fff url(../images/common/icon_next.png) no-repeat 0 0/cover;
}

.slick03 .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 50px;
  background: #dcdcdc;
}

.slick03 .slick-dots > li {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 3px;
  overflow: hidden;
  text-indent: -999px;
}

.slick03 .slick-dots > li.slick-active {
  background: #000;
}

.slick04 {
  font-size: 0;
}

.slick04 .slick-arrow {
  position: absolute;
  top: 58px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 2;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
  border-radius: 50%;
}

.slick04 .slick-prev.slick-arrow {
  left: -20px;
  background: #fff url(../images/mt/icon_left01.png) no-repeat center center;
}

.slick04 .slick-next.slick-arrow {
  right: -20px;
  background: #fff url(../images/mt/icon_right01.png) no-repeat center center;
}

.slick04 .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 50px;
  background: #dcdcdc;
}

.slick04 .slick-dots > li {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 3px;
  overflow: hidden;
  text-indent: -999px;
}

.slick04 .slick-dots > li.slick-active {
  background: #000;
}

.slick04.awnone .slick-arrow {
  display: none !important;
}

.slick05 {
  position: relative;
  width: 1400px;
  font-size: 0;
  z-index: 1;
}

.slick05 .slick-list {
  width: 1400px;
}

.slick05_item .title {
  margin-bottom: 40px;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
  line-height: 46px;
}

.slick05 .slick-arrow {
  position: absolute;
  top: 0;
  width: 46px;
  height: 46px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 2;
  border-radius: 50%;
}

.slick05 .slick-prev.slick-arrow {
  left: 0;
  background: #fff url(../images/mt/ico_02.png) no-repeat center center;
}

.slick05 .slick-next.slick-arrow {
  right: 0;
  background: #fff url(../images/mt/ico_01.png) no-repeat center center;
}

.slick05.awnone .slick-arrow {
  display: none !important;
}

.slick08 .slick-arrow {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 197px;
  overflow: hidden;
  text-indent: -9999px;
}

.slick08 .slick-arrow.slick-prev {
  left: -82px;
  background: url(../images/si/icon_sl2.png) no-repeat;
}

.slick08 .slick-arrow.slick-next {
  right: -82px;
  background: url(../images/si/icon_sr2.png) no-repeat;
}

.awnone .slick-arrow {
  display: none !important;
}

.s_detail {
  padding-top: 18px;
  text-align: center;
}

.s_detail dt {
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
}

.s_detail dd {
  padding-top: 10px;
  font-size: 16px;
  line-height: 24px;
  color: #4d4d4d;
}

.mn_uni_down {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 60px 0 70px;
  padding: 14px 60px 14px 38px;
  background: #EBE8E5;
}

.mn_uni_down .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.mn_uni_down .left strong {
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
  opacity: 0.9;
}

.mn_uni_down .left p {
  margin: 15px 0;
  font-size: 18px;
  color: #222222;
  line-height: 30px;
  opacity: 0.8;
}

.mn_uni_down .left span {
  color: #7D7D7D;
}

.mn_uni_down a {
  width: 275px;
  height: 72px;
  font-size: 22px;
  font-weight: 500;
  background: #fff;
  text-align: center;
}

.download_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.download_btn::after {
  display: inline-block;
  content: '';
  margin-left: 12px;
  width: 23px;
  height: 23px;
  font-size: 22px;
  background: url(../images/common/icon_down_bk.svg) no-repeat;
  background-size: contain;
}

.mn_uni_cont {
  display: inline-block;
  width: 100%;
}
.mn_uni_cont .mn_tab_cont {
  width: calc(100% - 374px);
  float: right;
}

.mn_uni_cont .mn_it_container__nav {
  position: -webkit-sticky; /* 사파리 브라우저 지원 */
  position: sticky;
  float: left;
  width: 374px;
  transition: all 0.3s;
}
.mn_uni_cont .mn_it_container__nav.position01 {
  top: 160px;
}
.mn_uni_cont .mn_it_container__nav.position02 {
  top: 80px;
}
.mn_uni_cont .mn_it_container__nav.position03 {
  top: 160px;
  bottom: auto;
}

.mn_uni_cont .mn_uni_tab .mn_tab_item {
  margin-bottom: 18px;
}

.mn_uni_cont .mn_uni_tab .mn_tab_item button {
  position: relative;
  font-size: 22px;
}

.mn_uni_cont .mn_uni_tab .mn_tab_item button span {
  color: #9B9B9B;
}

.mn_uni_cont .mn_uni_tab .mn_tab_item button.on span {
  color: #000000;
  font-weight: 700;
}

.mn_uni_cont .mn_uni_tab .mn_tab_item button.on:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #000;
  position: absolute;
  bottom: -5px;
  left: 0;
}

.mn_uni_cont .mn_uni_tab .mn_tab_item:last-child {
  margin-bottom: 0;
}

.mn_uni_cont h3 {
  margin-bottom: 30px;
  font-size: 36px;
  font-weight: 500;
  line-height: 50px;
}

.mn_uni_cont h3 span {
  margin-left: 5px;
  font-size: 24px;
  line-height: 50px;
  color: #707071;
  font-weight: 400;
}

.mn_uni_1 .lists .list {
  position: relative;
  padding-left: 45px;
  padding-bottom: 100px;
}

.mn_uni_1 .lists .list h4 {
  margin-bottom: 24px;
  font-size: 34px;
  font-weight: 500;
}

.mn_uni_1 .lists .list h4::before {
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  border: 4px solid #fff;
  background: #444444;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  position: absolute;
  left: -12px;
}

.mn_uni_1 .lists .list > ul .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 50px 100px 40px 50px;
  margin-bottom: 40px;
  background: #F8F8F8;
}

.mn_uni_1 .lists .list > ul .item .text strong {
  display: block;
  margin-bottom: 13px;
  font-size: 24px;
  font-weight: 500;
}

.mn_uni_1 .lists .list > ul .item .text span {
  display: block;
  padding-left: 74px;
}

.mn_uni_1 .lists .list > ul .item .text ul li {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 32px;
}

.mn_uni_1 .lists .list > ul .item .text ul li:last-child {
  margin-bottom: 0;
}

.mn_uni_1 .lists .list > ul .item .img p {
  margin-top: 10px;
  color: #7D7D7D;
  font-size: 14px;
}

.mn_uni_1 .lists .list > ul .item .img p span {
  display: inline-block;
  margin: 0 10px;
  width: 2px;
  height: 12px;
  background: #C4C4C4;
}

.mn_uni_1 .lists .list > ul .item:last-child {
  margin-bottom: 0;
}

.mn_uni_1 .lists .list::before {
  display: inline-block;
  content: '';
  width: 3px;
  height: 100%;
  background: #DCDCDC;
  position: absolute;
  left: 0;
}

.mn_uni_1 .lists .list:last-child {
  padding-bottom: 0;
}

.mn_uni_1 .lists .list:last-child::before {
  display: none;
}

.mn_uni_content {
  padding: 24px 0 80px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.mn_uni_content .desc p {
  margin-bottom: 14px;
  font-size: 20px;
  line-height: 38px;
}

.mn_uni_content .desc ul li {
  font-size: 18px;
  line-height: 32px;
}

.mn_uni_2 .field_list h4 {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 30px;
  padding-bottom: 26px;
  border-bottom: 1px solid #DCDCDC;
}

.mn_uni_2 .field_list ul li {
  font-size: 18px;
  line-height: 32px;
  color: #7D7D7D;
}

.mn_uni_2 .field_list ul li::before {
  border-color: #7D7D7D;
}

.mn_uni_2 .btn_wrap {
  margin: 80px 0 0;
  text-align: center;
}

.mn_uni_2 .btn_wrap .download_btn {
  width: 316px;
  height: 72px;
  margin: 0 auto;
  border: 2px solid #000;
}

.mn_uni_2 .btn_wrap .download_btn span {
  font-size: 22px;
  font-weight: 48px;
}

.mn_uni_3 .book_lists > ul > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 70px 0;
  border-top: 1px solid #C4C4C4;
  border-bottom: 1px solid #C4C4C4;
}

.mn_uni_3 .book_lists > ul > li:first-child {
  border-top: none;
  padding-top: 0;
}

.mn_uni_3 .book_lists > ul > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.mn_uni_3 .book_lists > ul > li .thumb {
  width: 440px;
  height: 458px;
}

.mn_uni_3 .book_lists > ul > li .info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 80px;
}

.mn_uni_3 .book_lists > ul > li .info h4 {
  margin-bottom: 30px;
  font-size: 32px;
  line-height: 60px;
  font-weight: 500;
}

.mn_uni_3 .book_lists > ul > li .info h4 span {
  font-size: 22px;
  color: #7D7D7D;
  line-height: 40px;
  font-weight: 400;
}

.mn_uni_3 .book_lists > ul > li .info ul {
  margin-bottom: 40px;
}

.mn_uni_3 .book_lists > ul > li .info ul li {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 32px;
}

.mn_uni_3 .book_lists > ul > li .info ul li:last-child {
  margin-bottom: 0;
}

.mn_uni_3 .book_lists > ul > li .info ul li b {
  font-weight: 500;
}

.mn_uni_3 .book_lists > ul > li .info a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 218px;
  height: 62px;
  border: 1px solid #C4C4C4;
  font-size: 18px;
  font-weight: 500;
}

.mn_uni_3 .book_lists > ul > li .info a i {
  margin-left: 9px;
}

.mn_uni_3 .btn_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mn_uni_3 .btn_wrap a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 72px;
  border: 2px solid #000;
  margin-right: 38px;
  font-size: 22px;
}

.mn_uni_3 .btn_wrap a span {
  font-weight: 500;
}

.mn_uni_3 .btn_wrap a:last-child {
  margin-right: 0;
}

.mn_uni_3 .btn_wrap a i {
  margin-left: 12px;
}

.mn_uni_3.middle .btn_wrap a {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 316px;
}

.mn_uni_4 .mn_uni_content {
  border-bottom: none;
}

.mn_uni_4 p {
  font-size: 20px;
  line-height: 40px;
}

.mn_uni_4 p span {
  color: #FF0000;
}

.mn_uni_4 .field_list strong {
  display: block;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
}

.mn_uni_4 .btn_wrap a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  width: 218px;
  height: 62px;
  border: 1px solid #C4C4C4;
  font-size: 18px;
  font-weight: 500;
}

.mn_uni_4 .btn_wrap a i {
  margin-left: 9px;
}

.mn_uni_popup h4 {
  margin-top: 16px;
  font-size: 28px;
  font-weight: 500;
  line-height: 28px;
}

.mn_ct_kv.ty10 .dom {
  background: url(../images/mat/bg_mat_kv01_dom.png) no-repeat center top;
  background-size: cover;
}

.mn_ct_kv .incont.mtt {
  height: 660px;
  padding-top: 230px;
}

.mn_ct_kv .incont.mtt .tit {
  font-size: 56px;
}

.mn_ct_kv .incont.mtt .desc {
  font-size: 22px;
}

.mn_math_cont .mn_mtt_list {
  margin-top: 55px;
}

.mn_math_cont .mn_mtt_list .mn_table_utils {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mn_math_cont .mn_mtt_list .mn_table_utils .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.mn_math_cont .mn_mtt_list .mn_table_utils .right select {
  margin-right: 18px;
  font-size: 16px;
}

.mn_math_cont .mn_mtt_list .mn_table_utils .right a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  
}
.mn_math_cont .mn_mtt_list .mn_table_utils .right .mn_select_custom_a {
  margin-right: 18px;
  min-width: 100px;
}
.mn_math_cont .mn_mtt_list .mn_table_utils .right .mn_select_custom_a label {
  padding-right: 10px;
}
.mn_math_cont .mn_mtt_list .mn_table_utils .right .mn_select_custom_a ul {
  top: 32px;
}
.mn_math_cont .mn_mtt_list .mn_table_utils .right .mn_select_custom_a span,
.mn_math_cont .mn_mtt_list .mn_table_utils .right .mn_select_custom_a li {
  font-size: 16px;
  white-space: nowrap;
}
.mn_math_cont .mn_mtt_list .mn_table_utils .right .mn_select_custom_a span {
  white-space: nowrap;
}
.mn_math_cont .mn_tbl02 {
  margin-top: 12px;
}

.mn_math_cont .mn_tbl02 table thead th {
  font-size: 18px;
  font-weight: 500;
}

.mn_math_cont .mn_tbl02 table tbody td {
  font-size: 18px;
}
.mn_math_cont .mn_tbl02 table tbody td.title a span {
  max-width: 700px;
  text-align: left;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mn_math_cont .mn_tbl02 table tbody .none {
  padding: 0;
  border-bottom: none;
}

.mn_math_cont .mn_tbl02 table tbody .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.mn_math_cont .mn_tbl02 table tbody .date {
  color: #7D7D7D;
}

.mn_math_cont .mn_mtt_view {
  margin-top: 100px;
}

.mn_math_cont .mn_mtt_view .mn_mtt_board__top {
  padding: 30px 50px;
  border-bottom: 1px solid #C4C4C4;
}

.mn_math_cont .mn_mtt_view .mn_mtt_board__top .title {
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
}

.mn_math_cont .mn_mtt_view .mn_mtt_board__top .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 14px;
  line-height: 24px;
}

.mn_math_cont .mn_mtt_view .mn_mtt_board__top .info span {
  color: #A4A4A4;
}

.mn_math_cont .mn_mtt_view .mn_mtt_board__top .info span.status {
  font-weight: 500;
}
.mn_math_cont .mn_mtt_view .mn_mtt_board__top .info span.status.end {
  color: #000;
}
.mn_math_cont .mn_mtt_view .mn_mtt_board__top .info span i {
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #DBDBDB;
  margin: 0 12px;
}

.mn_math_cont .mn_mtt_view .detail_reply {
  padding: 40px 54px;
  background: #F5F5F5;
  border-top: 1px solid #C4C4C4;
}

.mn_math_cont .mn_mtt_view .detail_reply .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 38px;
  line-height: 33px;
}

.mn_math_cont .mn_mtt_view .detail_reply .top strong {
  font-weight: 500;
  font-size: 22px;
}

.mn_math_cont .mn_mtt_view .detail_reply .top span {
  color: #7D7D7D;
}

.mn_math_cont .mn_mtt_view .detail_reply p {
  line-height: 32px;
}

.mn_math_cont .mn_mtt_view .detail_reply .detail_files {
  background: transparent;
  padding: 0;
  margin: 40px 0 0;
}

.mn_math_cont .mn_mtt_write {
  padding-top: 100px;
}
.mn_math_cont .mn_mtt_write .mn_textarea {
  border: none;
  border-right: 1px solid #c4c4c4;
}
.mn_math_cont .mn_mtt_write .mn_top_back {
  padding: 0;
}


/* ------------------------------- 디버깅 추가*/

/* book list */
.mn_book_list .search_txt{
  font-size: 14px;
}
.mn_book_list .mn_tbl02 table thead th {
  font-weight: 500;
}

/* 공모전 역대수상작 */
.mn_ct_award .download_btn {
  margin-bottom: 35px;
  float: right;
  width: 270px;
  height: 52px;
  font-size: 18px;
  font-weight: 500;
  border: 1px solid #C4C4C4;
}
.mn_ct_award .download_btn::after {
  display: none;
}
.mn_ct_award .download_btn::before {
  display: inline-block;
  content: '';
  margin-right: 10px;
  width: 20px;
  height: 20px;
  background: url(../images/common/icon_down_bk.png) no-repeat;
  background-size: contain;
}
.mn_ct_award .judge .txt_cont01 {
  display: none;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #dcdcdc;
}
.mn_ct_award .judge .txt_cont01.on {
  display: block;
}
.mn_ct_award .judge .txt_cont01 dd {
  display: block;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #dcdcdc;
}
.mn_ct_award .judge .txt_cont01 dd:nth-last-of-type(1){
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.mn_ct_award.announce {
  padding-top: 100px;
}
/* 통합검색 */
.mn_is_cont .mn_tab_cont {font-size: 0;}

/* .mn_mt .mn_mt_items__list > li {
  margin: 0 31px 0 0;
} */
.mn_serach__wrap .listnumberData {
  display: none;
}
.mn_search__loading {
  padding: 120px 0;
  text-align: center;
}
.mn_search__loading img {
  width: 100px;
}
.file_reset_pop .mn_layer{
 border: none;
 box-shadow: 12px 12px 30px rgba(0, 0, 0, 0.16);
}
.pw_find_popup .mn_bgbox ul li {
  text-align: left;
}


/* 고객센터 */
.cs_wrap .mn_tab04 > .mn_tab_item + .mn_tab_item {
  margin-left: 30px;
  padding-left: 30px;
}
.cs_wrap .mn_chip__ty1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  margin: 0 auto;
}

/* print 팝업 */
.print_notice_popup .mn_layer {
  width: 928px;
}
.print_notice_popup .mn_layer__cont {
  padding-top: 40px;
  height: 803px;
  overflow-y: auto;
}

/* 공모전 추가 */
.mn_ct_announce {
  padding-top: 80px;
}
.mn-ct-judge {
  margin-top: 60px;
  background: #F8F8F8;
  padding: 50px 60px;
}
.mn-ct-judge h3 {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 500;
}
.mn-ct-judge p {
  margin-top: 24px;
  font-size: 18px;
  line-height: 32px;
  word-break: keep-all;
}
.mn-ct-judge span {
  display: block;
  margin-top: 24px;
  font-size: 18px;
}
/*  */

.disp_flex{
  display: flex;
}

/* 맘티처 선택학습지 슬라이드*/
.print_wrap {
  display: flex;
}
.print_wrap .left {
  position: relative;
  width: 1165px;
}
.print_wrap .arrow {
  display: none;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 2;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
  border-radius: 50%;
}
.print_wrap .arrow:after {
  position: absolute;
  top: -9999px;
  visibility: hidden;
}
.print_wrap .arrow.swiper-button-prev {
  left: -20px;
  background: #fff url(../images/mt/icon_left01.png) no-repeat center center;
}

.print_wrap .arrow.swiper-button-next {
  right: -20px;
  background: #fff url(../images/mt/icon_right01.png) no-repeat center center;
}
/* 맘티처 선택학습지 슬라이드 end */

/* 맘티처 비디오 슬라이드 */
.mom_video_slide {
  position: relative;
}
.mom_video_slide .swiper-prev,
.mom_video_slide .swiper-next {
  top: 21px;
}
.mom_video_slide .swiper-prev {
  left:0;
}
.mom_video_slide .swiper-next {
  right: 0;
}
.mom_video_slide .swiper-button-prev,
.mom_video_slide .swiper-button-next {
  width: 46px; height: 46px;
  border: 1px solid #C4C4C4;
  border-radius: 50%;
  background-position: center;
  background-size: cover
}
/* 맘티처 비디오 슬라이드 */

/* audio player */
.mn_audio-player {
  width: 760px;
  height: 100px;
  border: 1px solid #DEDEDE;
}
.mn_audio-player .controls {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.mn_audio-player .player-container {
  margin-right: 20px;
}
.mn_audio-player .player-container .player {
  width: 24px; height: 24px;
  background: url('../images/mt/icon_play.png') no-repeat center/contain;
  cursor: pointer;
}
.mn_audio-player .player-container .player.on {
  background: url('../images/mt/icon_pause.png') no-repeat center/contain;
}

.mn_audio-player .time-text span {
  font-size: 20px;
  font-weight: 500;
}
.mn_audio-player .timeline {
  overflow: hidden;
  position: relative;
  margin: 0 30px 0 20px;
  width: 388px;
  height: 6px;
  background: #E5E5E5;
  border-radius: 100px;
  cursor: pointer;
}
.mn_audio-player .timeline.big {
  width: 490px;
}
.mn_audio-player .time-bar {
  position: absolute;
  top: 0;
  left: 0;
  background: #4D4D4D;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
}
.mn_audio-player .volume-container {
  display: flex;  
  align-items: center;
}
.mn_audio-player .volume-bar {
  position: relative;
  display: flex;  
  align-items: center;
  margin-right: 18px;
}
.mn_audio-player .volume-bar input[type=range] { 
  -webkit-appearance: none;
   width: 96px; height: 6px; 
   background: #E5E5E5; 
   cursor: pointer; border-radius: 100px; /* iOS */ 
   
} 
.mn_audio-player .volume-bar input[type=range]:focus { outline: none; } 
.mn_audio-player .volume-bar input[type=range]::-webkit-slider-thumb{ 
  -webkit-appearance: none; 
  width: 14px; height: 14px; 
  background: #4D4D4D; 
  border-radius:50%; cursor: pointer; 
  position: relative;
  z-index: 5;
} 
.mn_audio-player .volume-bar input[type=range]::-moz-range-thumb{ 
  -webkit-appearance: none; width:10px; height:10px; background: #fff; 
  border: 1px solid dodgerblue; border-radius:50%; cursor: pointer; 
}
.mn_audio-player .volume-bar span {
  display: block;
  position: absolute;
  top: 0;
  left:0;
  height: 100%;
  background: #4D4D4D;
  border-radius: 100px;
  transition: background 0.3s ease-in; 
}
.volume-btn {
  width: 24px; height: 24px;
  background: url('../images/mt/icon_volum.png') no-repeat center/contain;
  cursor: pointer;
}
.volume-btn.off {
  background: url('../images/mt/icon_mute.png') no-repeat center/contain;
}
/* audio player end */

/* left nav */
.left_nav{
  position: sticky;
  top: 20px;
  height: 100%;
  transition: top 0.3s;
}
.left_nav.up{
  top: 100px;
}

/* 선생님 인증  */
.select_teacher_wrap .mn_select_custom_d.small label span{
  max-width: 210px;
  height: 46px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (max-width:1691px){
  .main_kv__item{
    width: 78vw;
  }
}

#printBookView, #postAddress {font-size: 16px;}

/* 24.08.20 수정 : 메인 퀵 버튼 */
.mn_common_link_wrap.posi { position:relative; }
.quick_area { z-index:10; position:fixed; right:23px; bottom:30px; width:110px; /*height:335px;*/ background:#4D4D4D; }
    .quick_area.no_fixed { position:absolute; bottom:230px; }
.quick_area a { display:inline-block; width:100%; height:120px; line-height:120px; text-align:center; box-sizing:border-box; }
    .quick_area a + a { border-top:1px solid #E1E1E1; }
.quick_area a span { display:inline-block; vertical-align:middle; line-height:1.0; }
    .quick_area a:nth-child(1) img { width:35px; }
    .quick_area a:nth-child(2) img { width:40px; }
    .quick_area a:nth-child(3) img { width:34px; }
    .quick_area a p { margin-top:10px; font-size:14px; line-height:1.3; color:#fff; font-weight:500; }
    .quick_area a p span { position:relative; top:3px; display:block; margin-bottom:6px; color:#F5CA58; }
/* 24.08.20 추가 : 메인 퀵 버튼 */

/* 24.08.20 미래엔 회원 정보 수정 추가 */
.btn_group { display:flex; justify-content:space-between; }
.btn_group .btn { flex-grow:1; }
.btn_group .btn + .btn { margin-left:16px; }

/* footer.css */
/*
    footer content 
    개인정보처리방침
    오시는길
*/
.mn_ft_cont {
  margin-top: -20px;
}

.mn_ft_cont h1 {
  text-align: center;
}

.mn_ft_cont h2 {
  margin: 60px 0 50px;
  text-align: center;
  font-size: 46px;
  font-weight: 700;
}

.mn_ft_cont h3 {
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 700;
  line-height: 23px;
  text-align: left;
}

.mn_ft_cont .txt {
  font-size: 18px;
  line-height: 30px;
}

.mn_ft_cont section {
  padding-top: 50px;
}

.mn_ft_cont section > p {
  margin-bottom: 10px;
  line-height: 28px;
  color: #4D4D4D;
}

.mn_ft_cont section > span {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 15px;
  color: #4D4D4D;
}

.mn_ft__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mn_ft__list ul {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 30px 0 30px 35px;
  background: #F8F8F8;
  border-right: 1px solid #E4E4E4;
}

.mn_ft__list ul li {
  margin-bottom: 14px;
}

.mn_ft__list ul li a {
  color: #7D7D7D;
  line-height: 24px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.mn_ft__list ul li:last-child {
  margin-bottom: 0;
}

.mn_ft__list ul li:hover a {
  color: #000;
  font-weight: 700;
}

.mn_ft__list ul:last-child {
  border-right: none;
}

.ft_content .ft_text {
  margin-bottom: 23px;
  color: #4D4D4D;
  line-height: 28px;
}

.ft_content .ft_text h4 {
  margin-bottom: 10px;
  line-height: 23px;
  font-size: 18px;
  font-weight: 500;
}

.ft_content .ft_text strong {
  display: block;
  font-weight: 500;
}

.ft_content .ft_text:last-child {
  margin-bottom: 0;
}

.ft_content .ft_text ul {
  padding-left: 16px;
}

.ft_content .ft_text a {
  color: #4D4D4D;
}

.ft_sec04 .mn_tbl04 table th {
  text-align: center;
}

.ft_sec04 .mn_tbl04 table td {
  color: #222222;
}

.mn_ft_cont .ft_select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
  padding: 25px 30px;
  background: #F8F8F8;
}

.mn_ft_cont .ft_select .left strong {
  font-size: 18px;
  font-weight: 500;
}

.mn_ft_cont .ft_select .left p {
  margin-top: 4px;
  color: #4D4D4D;
  line-height: 26px;
}

.mn_ft_cont .ft_select .right label {
  display: inline-block;
  width: 318px;
  padding: 0 0 0 12px;
}

.mn_ft_cont.location .mn_tab_cont {
  padding-top: 40px;
}

.mn_ft_cont.location .mn_tab_cont .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 36px;
}

.mn_ft_cont.location .mn_tab_cont .info strong {
  margin-right: 26px;
  font-size: 28px;
  font-weight: 500;
}

.mn_ft_cont.location .mn_tab_cont .info p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 72px;
}

.mn_ft_cont.location .mn_tab_cont .info p span {
  display: inline-block;
  margin: 0 17px;
  width: 1px;
  height: 15px;
  background: #C4C4C4;
}

.mn_ft_layer .mn_layer {
  width: 760px;
}

.mn_ft_layer .mn_layer__cont {
  padding-top: 40px;
}

.mn_ft_layer .mn_layer__cont h2 {
  font-size: 28px;
  font-weight: 500;
  text-align: center;
}

.mn_ft_layer .mn_layer__cont .mn_bgbox {
  margin-top: 27px;
}

.mn_ft_layer .mn_layer__cont .mn_bgbox p {
  font-size: 18px;
  color: #4D4D4D;
  line-height: 30px;
}

.mn_ft_layer .mn_layer__cont .mn_bgbox p strong {
  display: block;
  font-weight: 500;
}

.mn_ft_layer .mn_layer__cont .mn_bgbox ul {
  margin-top: 50px;
}

.mn_ft_layer .mn_layer__cont .mn_bgbox ul li {
  font-size: 18px;
  font-weight: 500;
  color: #4D4D4D;
  line-height: 30px;
}

.mn_ft_layer .mn_layer__cont .mn_bgbox ul li a {
  font-size: 18px;
  font-weight: 500;
  color: #4D4D4D;
}

.mn_ft_layer.list .mn_layer__cont {
  padding-top: 67px;
}

.mn_ft_layer .mn_tbl04 table tbody tr td {
  color: #000;
  text-align: center;
}

.mn_ft_layer .mn_tbl04 table tbody tr:first-child td {
  border-top: none;
}