/** font-family  **/
/** color(font) **/
body, p, div, span, strong, em, a, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, select, textarea, button {
  margin: 0;
  padding: 0;
}

img, fieldset, iframe {
  border: 0 none;
}

img {
  vertical-align: top;
}

ul, ol {
  list-style: none;
}

em, address, var {
  font-style: normal;
}

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

legend, caption, .hide {
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  height: 0;
  font-size: 0;
  line-height: 0;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

input, select, textarea, button {
  vertical-align: middle;
}

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

input, button {
  border: 0 none;
  background-color: transparent;
}

button {
  cursor: pointer;
  outline: none;
}

input {
  outline: none;
}

strong {
  font-weight: normal;
}

button.off, button.done {
  cursor: default;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

body {
  height: 100%;
  background-color: #000;
  font-family: "Suit", "NanumSquare", "NanumSquareR", notosans;
  letter-spacing: -0.02em;
}
body.active {
  overflow: hidden;
  overflow-y: hidden !important;
}
body.unscroll {
  overflow: hidden;
}
body .fixedBottom {
  position: relative;
  z-index: 10;
}
body .fixedBottom.btm .btn_top {
  position: absolute;
}
body .btn_top {
  position: fixed;
  display: none;
  right: 40px;
  bottom: 40px;
  font-size: 0;
  text-indent: -99999px;
}
body.type_pc #appView {
  min-width: 1200px;
}
body.type_pc .floating {
  position: fixed;
  z-index: 10;
  top: 200px;
  right: 44px;
  width: 191px;
  height: 136px;
  font-size: 0;
  background: url("./img/common/floating.png") no-repeat 0 0;
}
body.type_tablet .fixedBottom, body.type_mobile .fixedBottom {
  position: absolute;
  top: 0;
}
body.type_tablet .fixedBottom.fix, body.type_mobile .fixedBottom.fix {
  position: fixed;
  top: unset;
  bottom: 0;
  width: 100%;
}
body.type_tablet .fixedBottom.fix .floating, body.type_mobile .fixedBottom.fix .floating {
  position: absolute;
  top: unset;
  bottom: 32px;
}
body.type_tablet .fixedBottom.btm, body.type_mobile .fixedBottom.btm {
  position: absolute;
}
body.type_tablet .floating, body.type_mobile .floating {
  position: absolute;
  top: 170px;
  right: 35px;
  width: 200px;
  height: 140px;
  font-size: 0;
  background: url("./img/common/floating.png") no-repeat 0 0;
  background-size: 100%;
  z-index: 1;
}
body.type_tablet #footerWrap .ft_bx_lt, body.type_mobile #footerWrap .ft_bx_lt {
  float: none;
}
body.type_tablet #footerWrap .ft_bx_rt, body.type_mobile #footerWrap .ft_bx_rt {
  float: none;
  text-align: left;
}
body.type_pc .btn_top {
  width: 133px;
  height: 152px;
  background: url(./img/common/btn_top.png) no-repeat 0 0;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
body.type_tablet .btn_top, body.type_mobile .btn_top {
  bottom: 100px;
  width: 133px;
  height: 152px;
  background: url(./img/common/btn_top.png) no-repeat 0 0;
}
body.type_tablet .floating {
  right: 40px;
}

#appView {
  position: relative;
  min-height: 1300px;
  font-family: "Suit", "NanumSquare", "NanumSquareR";
  overflow: hidden;
  z-index: auto;
}
#appView .section_wrap {
  position: relative;
  z-index: 1;
}
#appView .section {
  position: relative;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 2560px auto;
  min-width: 800px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#appView .cont {
  position: relative;
  width: 800px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}

#contentView {
  position: relative;
}

/* input */
.inpbox {
  position: relative;
  border-bottom: 4px solid #000;
}
.inpbox input {
  font-size: 54px;
  letter-spacing: -2.7px;
  background: transparent;
}
.inpbox input::-webkit-input-placeholder {
  color: #ccc;
}
.inpbox input::-moz-placeholder {
  color: #ccc;
}
.inpbox input:-ms-input-placeholder {
  color: #ccc;
}
.inpbox input:-moz-placeholder {
  color: #ccc;
}

/* popup */
.dimmedLayer {
  opacity: 0.5 !important;
  background: #000 !important;
}

#uLayerDimmedpopCheckRegister,
#uLayerDimmedpopLogin {
  display: none;
}

.type_pc .pop_wrap,
.type_tablet .pop_wrap {
  width: 640px;
}

.type_pc .pop_wrap .pop_section,
.type_tablet .pop_wrap .pop_section {
  width: 640px;
  -webkit-transform: scale(0.9); /* Safari */
  transform: scale(0.9);
}

.type_pc .pop_wrap .pop_section.pop_movie,
.type_tablet .pop_wrap .pop_section.pop_movie {
  width: 640px;
  -webkit-transform: scale(1); /* Safari */
  transform: scale(1);
  background: transparent;
}

.type_pc .pop_wrap.alert-pop,
.type_tablet .pop_wrap.alert-pop {
  width: 700px;
}
.type_pc .pop_wrap.alert-pop .pop_section,
.type_tablet .pop_wrap.alert-pop .pop_section {
  width: 700px;
  -webkit-transform: none;
          transform: none;
  padding-top: 50px;
}
.type_pc .pop_wrap.alert-pop .alert,
.type_tablet .pop_wrap.alert-pop .alert {
  width: 700px;
  height: 279px;
  background: url("img/common/popup-bg.png") no-repeat;
}
.type_pc .pop_wrap.alert-pop .alert p,
.type_tablet .pop_wrap.alert-pop .alert p {
  font-size: 24px;
  line-height: 40px;
  color: #333333;
  font-weight: bold;
  padding-top: 50px;
}
.type_pc .pop_wrap.alert-pop .alert .btn-close,
.type_tablet .pop_wrap.alert-pop .alert .btn-close {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 43px;
  width: 160px;
  height: 50px;
  font-size: 18px;
  color: #fff;
  background: #222222;
  border-radius: 4px;
}

.type_mobile .pop_wrap.alert-pop {
  width: 700px;
}
.type_mobile .pop_wrap.alert-pop .alert {
  width: 700px;
  height: 310px;
  background: url("img/common/popup-bg-m.png") no-repeat;
}
.type_mobile .pop_wrap.alert-pop .alert p {
  font-size: 32px;
  line-height: 46px;
  color: #333;
  font-weight: bold;
  padding-top: 50px;
  letter-spacing: -1.5px;
}
.type_mobile .pop_wrap.alert-pop .alert .btn-close {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 49px;
  width: 220px;
  height: 60px;
  font-size: 26px;
  color: #fff;
  background: #222222;
  border-radius: 8px;
}

/* horizontal notice */
.type_pc .horizontal_notice {
  display: none !important;
}

.horizontal_notice {
  display: none;
}

.horizontal_wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 999999;
  top: -80px;
  left: 0;
  width: 100%;
  padding: 0 60px;
  background: #252525;
  height: 80px;
  color: #cacaca;
  font-size: 22px;
  text-align: center;
  -webkit-animation: 4s rotation_info_move forwards ease-in-out;
          animation: 4s rotation_info_move forwards ease-in-out;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.horizontal_wrap.fixed {
  position: fixed;
  top: -160px;
}
.horizontal_wrap .cont {
  position: relative;
  line-height: 26px;
  padding-left: 55px;
  word-break: keep-all;
}
.horizontal_wrap .cont::before {
  content: "";
  position: absolute;
  background: url(./img/common/ico_horizontal_notice.png) no-repeat 50% 50%;
  width: 55px;
  height: 36px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@-webkit-keyframes rotation_info_move {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  15% {
    -webkit-transform: translateY(160px);
            transform: translateY(160px);
  }
  85% {
    -webkit-transform: translateY(160px);
            transform: translateY(160px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes rotation_info_move {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  15% {
    -webkit-transform: translateY(160px);
            transform: translateY(160px);
  }
  85% {
    -webkit-transform: translateY(160px);
            transform: translateY(160px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.scale08 { /* IE 9 */
  -webkit-transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); /* Safari */
  transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.scale09 { /* IE 9 */
  -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); /* Safari */
  transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.scale04 { /* IE 9 */
  -webkit-transform: matrix3d(0.4, 0, 0, 0, 0, 0.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); /* Safari */
  transform: matrix3d(0.4, 0, 0, 0, 0, 0.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.scale06 { /* IE 9 */
  -webkit-transform: matrix3d(0.6, 0, 0, 0, 0, 0.6, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); /* Safari */
  transform: matrix3d(0.6, 0, 0, 0, 0, 0.6, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.scale1 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.scale15 { /* IE 9 */
  -webkit-transform: matrix3d(1.5, 0, 0, 0, 0, 1.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); /* Safari */
  transform: matrix3d(1.5, 0, 0, 0, 0, 1.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.scale0 { /* IE 9 */
  -webkit-transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); /* Safari */
  transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.scale_x1 {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  -sand-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=getFilterAlpha(1))";
  filter: alpha(opacity=getFilterAlpha(1)); /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.scale_x0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -sand-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=getFilterAlpha(0))";
  filter: alpha(opacity=getFilterAlpha(0)); /* IE 9 */
  -webkit-transform: matrix3d(0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); /* Safari */
  transform: matrix3d(0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.scale_y1 {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  -sand-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=getFilterAlpha(1))";
  filter: alpha(opacity=getFilterAlpha(1)); /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.scale_y0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -sand-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=getFilterAlpha(0))";
  filter: alpha(opacity=getFilterAlpha(0)); /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.motionD {
  -webkit-transition: transform 0.3s ease-out, opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s linear;
  transition: transform 0.3s ease-out, opacity 0.3s linear, -webkit-transform 0.3s ease-out;
}

.motion6 {
  -webkit-transition: transform 0.6s ease-out, opacity 0.6s linear;
  -webkit-transition: opacity 0.6s linear, -webkit-transform 0.6s ease-out;
  transition: opacity 0.6s linear, -webkit-transform 0.6s ease-out;
  transition: transform 0.6s ease-out, opacity 0.6s linear;
  transition: transform 0.6s ease-out, opacity 0.6s linear, -webkit-transform 0.6s ease-out;
}

.opacity0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -sand-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=getFilterAlpha(0))";
  filter: alpha(opacity=getFilterAlpha(0));
}

.lt {
  -webkit-transform-origin: 0% 0%;
  -sand-transform-origin: 0% 0%;
  -khtml-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.lc {
  -webkit-transform-origin: 0% 50%;
  -sand-transform-origin: 0% 50%;
  -khtml-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.lb {
  -webkit-transform-origin: 0% 100%;
  -sand-transform-origin: 0% 100%;
  -khtml-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.ct {
  -webkit-transform-origin: 50% 0%;
  -sand-transform-origin: 50% 0%;
  -khtml-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.cc {
  -webkit-transform-origin: 50% 50%;
  -sand-transform-origin: 50% 50%;
  -khtml-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.cb {
  -webkit-transform-origin: 50% 100%;
  -sand-transform-origin: 50% 100%;
  -khtml-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.rt {
  -webkit-transform-origin: 100% 0%;
  -sand-transform-origin: 100% 0%;
  -khtml-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

.rc {
  -webkit-transform-origin: 100% 50%;
  -sand-transform-origin: 100% 50%;
  -khtml-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.rb {
  -webkit-transform-origin: 100% 100%;
  -sand-transform-origin: 100% 100%;
  -khtml-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.y10 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10, 0, 1);
}

.y20 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 20, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 20, 0, 1);
}

.y30 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 30, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 30, 0, 1);
}

.y40 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 40, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 40, 0, 1);
}

.y50 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 50, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 50, 0, 1);
}

.y60 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 60, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 60, 0, 1);
}

.y70 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 70, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 70, 0, 1);
}

.y80 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 80, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 80, 0, 1);
}

.y90 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 90, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 90, 0, 1);
}

.y100 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1);
}

.x10 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10, 0, 0, 1);
}

.x20 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 0, 0, 1);
}

.x30 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30, 0, 0, 1);
}

.x40 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 40, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 40, 0, 0, 1);
}

.x50 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 50, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 50, 0, 0, 1);
}

.x60 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 60, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 60, 0, 0, 1);
}

.x70 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 70, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 70, 0, 0, 1);
}

.x80 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 80, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 80, 0, 0, 1);
}

.x90 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 90, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 90, 0, 0, 1);
}

.x100 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1);
}

.xy10 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10, 10, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10, 10, 0, 1);
}

.xy20 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 20, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 20, 0, 1);
}

.xy30 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30, 30, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30, 30, 0, 1);
}

.xy40 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 40, 40, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 40, 40, 0, 1);
}

.xy50 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 50, 50, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 50, 50, 0, 1);
}

.xy60 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 60, 60, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 60, 60, 0, 1);
}

.xy70 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 70, 70, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 70, 70, 0, 1);
}

.xy80 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 80, 80, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 80, 80, 0, 1);
}

.xy90 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 90, 90, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 90, 90, 0, 1);
}

.xy100 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 100, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 100, 0, 1);
}

.y_10 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1);
}

.y_20 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -20, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -20, 0, 1);
}

.y_30 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -30, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -30, 0, 1);
}

.y_40 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -40, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -40, 0, 1);
}

.y_50 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -50, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -50, 0, 1);
}

.y_60 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -60, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -60, 0, 1);
}

.y_70 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -70, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -70, 0, 1);
}

.y_80 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -80, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -80, 0, 1);
}

.y_90 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -90, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -90, 0, 1);
}

.y_100 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1);
}

.x_10 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -10, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -10, 0, 0, 1);
}

.x_20 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 0, 0, 1);
}

.x_30 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -30, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -30, 0, 0, 1);
}

.x_40 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -40, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -40, 0, 0, 1);
}

.x_50 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50, 0, 0, 1);
}

.x_60 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -60, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -60, 0, 0, 1);
}

.x_70 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -70, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -70, 0, 0, 1);
}

.x_80 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -80, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -80, 0, 0, 1);
}

.x_90 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -90, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -90, 0, 0, 1);
}

.x_100 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1);
}

.xy_10 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -10, -10, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -10, -10, 0, 1);
}

.xy_20 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, -20, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, -20, 0, 1);
}

.xy_30 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -30, -30, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -30, -30, 0, 1);
}

.xy_40 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -40, -40, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -40, -40, 0, 1);
}

.xy_50 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50, -50, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50, -50, 0, 1);
}

.xy_60 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -60, -60, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -60, -60, 0, 1);
}

.xy_70 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -70, -70, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -70, -70, 0, 1);
}

.xy_80 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -80, -80, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -80, -80, 0, 1);
}

.xy_90 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -90, -90, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -90, -90, 0, 1);
}

.xy_100 { /* IE 9 */
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, -100, 0, 1); /* Safari */
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, -100, 0, 1);
}

.n_pop_alert {
  border-radius: 10px;
  min-width: 670px;
  max-width: 670px;
  overflow: hidden;
}
.n_pop_alert .n_pop_alert_ct {
  font-family: "NanumSquareB";
  font-size: 28px;
  line-height: 42px;
  padding: 73px 0;
}
.n_pop_alert .n_pop_alert_btm {
  padding: 0;
  border-top: 2px solid rgba(0, 0, 0, 0.12);
  font-size: 0;
  text-align: center;
}
.n_pop_alert .n_pop_alert_btm a {
  display: inline-block;
  width: 50%;
  text-align: center;
  font-family: "NanumSquareB";
  font-size: 26px;
  line-height: 115px;
  padding: 0;
  margin: 0;
  border-radius: 0;
}
.n_pop_alert .n_pop_alert_btm a.bt_gray, .n_pop_alert .n_pop_alert_btm a.bt_white {
  color: #000;
  background: transparent;
  border: none;
}
.n_pop_alert .n_pop_alert_btm a.bt_blue {
  color: #e70000;
  background: transparent;
  border: none;
}
.n_pop_alert .n_pop_alert_btm a:only-child {
  width: 100%;
}
.n_pop_alert .n_pop_alert_btm a + a {
  float: right;
  border-left: 2px solid rgba(0, 0, 0, 0.12) !important;
  margin-left: -2px;
}

.n_pop_alert {
  -webkit-transform: scale(0.7); /* Safari */
  transform: scale(0.7);
}

.type_mobile .n_pop_alert {
  -webkit-transform: scale(0.4); /* Safari */
  transform: scale(0.4);
}

.type_pc .nav_close,
.type_pc .nav_logo,
.type_pc .nav_btns,
.type_pc .btn_share,
.type_pc .lnbDimd,
.type_pc .btn_nav,
.type_pc .btn_area_mo,
.type_pc .btn-community {
  display: none;
}

.type_tablet .nav_close,
.type_tablet .nav_logo,
.type_tablet .nav_btns,
.type_tablet .btn_share,
.type_tablet .btn_nav,
.type_tablet .btn-community,
.type_mobile .nav_close,
.type_mobile .nav_logo,
.type_mobile .nav_btns,
.type_mobile .btn_share,
.type_mobile .btn_nav,
.type_mobile .btn-community {
  display: block;
}
.type_tablet .btn_area_pc,
.type_mobile .btn_area_pc {
  display: none;
}
.type_tablet .lnbDimd,
.type_mobile .lnbDimd {
  width: 103px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.type_pc .lnb_wrap {
  position: absolute;
  left: 0;
  top: 40px;
  min-width: 1200px;
  width: 100%;
}
.type_pc .lnb_wrap .lnb_area {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  min-width: 1200px;
  width: 100%;
  height: 90px;
  font-family: "Suit", "NanumSquare", "NanumSquareR", notosans;
}
.type_pc .lnb_wrap .lnb_area.fixed {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
}
.type_pc .lnb_wrap .lnb_area .lnb_cts {
  position: relative;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 60px 0 140px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
}
.type_pc .lnb_wrap .lnb_area .lnb_cts .bi {
  display: block;
  position: absolute;
  top: 24px;
  left: 60px;
  width: 44px;
  height: 44px;
  background: url("img/common/pc_lnb_bi.png") no-repeat 0 0;
}
.type_pc .lnb_wrap .lnb_area .lnb_cts .nav {
  display: inline-block;
  text-align: center;
}
.type_pc .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li {
  display: inline-block;
  vertical-align: top;
}
.type_pc .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a {
  display: block;
  position: relative;
  height: 90px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.type_pc .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a span {
  display: block;
  height: 100%;
  padding: 35px 28px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 3px solid transparent;
  color: #9fa0a9;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}
.type_pc .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a:hover span, .type_pc .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.on span {
  border-color: #e50532;
  color: #fff;
}
.type_pc .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.events.before span {
  border: none;
  padding-top: 38px;
  color: #494a50;
}
.type_pc .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.events.after:hover span, .type_pc .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.events.after.on span {
  border-color: #e50532;
  color: #fff;
}
.type_pc .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.events.after::before {
  background: none;
}
.type_pc .lnb_wrap .lnb_area .lnb_cts .btn_area_pc {
  position: absolute;
  top: 28px;
  right: 60px;
}
.type_pc .lnb_wrap .lnb_area .lnb_cts .btn_area_pc .btn-share {
  position: relative;
  z-index: 1;
  width: 36px;
  height: 36px;
  font-size: 0;
  background: url("img/common/btn-share.png") no-repeat;
}
.type_pc .lnb_wrap .lnb_area .lnb_cts .btn_area_pc .sns-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  position: absolute;
  top: 7px;
  right: 0;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  width: 0;
  padding-right: 58px;
  overflow: hidden;
  opacity: 0;
}
.type_pc .lnb_wrap .lnb_area .lnb_cts .btn_area_pc .sns-area .facebook {
  display: block;
  width: 21px;
  height: 21px;
  background: url("img/common/btn-fb.png") no-repeat center;
}
.type_pc .lnb_wrap .lnb_area .lnb_cts .btn_area_pc .sns-area .twitter {
  display: block;
  width: 21px;
  height: 21px;
  background: url("img/common/btn-tw.png") no-repeat center;
}
.type_pc .lnb_wrap .lnb_area .lnb_cts .btn_area_pc .sns-area .copy {
  display: block;
  width: 21px;
  height: 21px;
  background: url("img/common/btn-copy.png") no-repeat center;
}
.type_pc .lnb_wrap .lnb_area .lnb_cts .btn_area_pc .sns-area.active {
  opacity: 1;
  width: 103px;
}

.type_tablet .lnb_wrap,
.type_mobile .lnb_wrap {
  position: absolute;
  left: 0;
  top: 93px;
  width: 100%;
}
.type_tablet .lnb_wrap .lnb_area,
.type_mobile .lnb_wrap .lnb_area {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 130px;
  font-family: "Suit", "NanumSquare", "NanumSquareR";
}
.type_tablet .lnb_wrap .lnb_area.fixed,
.type_mobile .lnb_wrap .lnb_area.fixed {
  position: fixed;
}
.type_tablet .lnb_wrap .lnb_area.fixed .lnb_cts,
.type_mobile .lnb_wrap .lnb_area.fixed .lnb_cts {
  background: rgba(0, 0, 0, 0.8);
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts,
.type_mobile .lnb_wrap .lnb_area .lnb_cts {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .bi,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .bi {
  display: block;
  position: absolute;
  top: 32px;
  left: 50px;
  width: 63px;
  height: 65px;
  background: url("img/common/mo_lnb_bi.png") no-repeat 0 0;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .btn_area_mo,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .btn_area_mo {
  display: inline-block;
  margin-top: 38px;
  vertical-align: top;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .btn_area_mo .btn_community,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .btn_area_mo .btn_community {
  display: inline-block;
  height: 54px;
  vertical-align: top;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .btn_area_mo .btn_community span,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .btn_area_mo .btn_community span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 54px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 32px;
  letter-spacing: -0.03em;
  font-weight: 700;
  line-height: 54px;
  text-align: left;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .btn_area_mo .btn_community span:after,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .btn_area_mo .btn_community span:after {
  content: "";
  display: block;
  width: 49px;
  height: 48px;
  margin-left: 4px;
  background: url("img/common/icon_link_m.png") no-repeat 0 0;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .btn_area_mo .btn_nav,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .btn_area_mo .btn_nav {
  display: inline-block;
  width: 72px;
  height: 54px;
  margin-left: 28px;
  background: url("img/common/btn_nav.png") no-repeat 0 50%;
  text-indent: -9999px;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav {
  opacity: 0;
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; /* IE 9 */
  -webkit-transform: translateX(100%); /* Safari */
  transform: translateX(100%);
  -webkit-transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  text-align: left;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .nav_close,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .nav_close {
  z-index: 1;
  position: absolute;
  display: inline-block;
  top: 68px;
  right: 42px;
  width: 67px;
  height: 65px;
  background: url("img/common/nav_close.png") no-repeat 50% 50%;
  text-indent: -9999px;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .nav_cts,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .nav_cts {
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 96px 40px 125px 164px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url("img/common/bg_nav_2.png") no-repeat 0 0;
  background-size: cover;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .nav_logo,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .nav_logo {
  display: block;
  width: 520px;
  height: 258px;
  margin-left: 46px;
  background: url("img/common/nav_logo.png") no-repeat;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .nav_btns a, .type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .nav_btns button,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .nav_btns a,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .nav_btns button {
  display: block;
  width: 590px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .nav_btns .btn_game,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .nav_btns .btn_game {
  width: 589px;
  height: 120px;
  margin: 50px 0 0;
  background: url("img/common/btn_game.png") no-repeat 0 0;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .menu_list,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .menu_list {
  margin-top: 95px;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li {
  padding: 25px 0 25px 27px;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a {
  position: relative;
  display: inline-block;
  font-size: 0;
  text-indent: -9999px;
  width: 166px;
  height: 60px;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.main,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.main {
  width: 109px;
  background-image: url("img/common/m_lnb_main.png");
  background-repeat: no-repeat;
  background-size: 109px auto;
  background-position: 0 0;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.character,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.character {
  width: 230px;
  background-image: url("img/common/m_lnb_character.png");
  background-repeat: no-repeat;
  background-size: 230px auto;
  background-position: 0 0;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.events,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.events {
  width: 166px;
  background-image: url("img/common/m_lnb_event.png");
  background-repeat: no-repeat;
  background-size: 166px auto;
  background-position: 0 0;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.events.before,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.events.before {
  background-position: 0 -170px;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.events.before::after,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.events.before::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 183px;
  width: 225px;
  height: 38px;
  background: url("./img/common/soon_m.png") no-repeat 0 0;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.on,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .menu_list li a.on {
  background-position: 0 -85px;
  border-bottom: 4px solid #2250a8;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn-community,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn-community {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin-top: 118px;
  padding-top: 62px;
  padding: 28px 28px 0;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn-community:before,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn-community:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 650px;
  height: 8px;
  background: url("img/common/lnb_line.png") no-repeat;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn-community p,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn-community p {
  font-size: 32px;
  font-weight: bold;
  color: #666;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn-community ul,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn-community ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn-community ul li a,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn-community ul li a {
  display: block;
  width: 80px;
  height: 92px;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn-community ul li a.home,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn-community ul li a.home {
  background: url("img/common/btn-home-m.png") no-repeat;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn-community ul li a.forum,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn-community ul li a.forum {
  background: url("img/common/btn-forum-m.png") no-repeat;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn-community ul li a.youtube,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn-community ul li a.youtube {
  background: url("img/common/btn-youtube-m.png") no-repeat;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn_share,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn_share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 97px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 36px;
  padding: 0 28px;
  background: url("img/common/share-bg.png") no-repeat;
  padding-right: 40px;
  padding-right: 40px;
  width: 599px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn_share p,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn_share p {
  font-size: 32px;
  font-weight: bold;
  color: #666;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn_share .sns_share,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn_share .sns_share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn_share .sns_share li,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn_share .sns_share li {
  position: relative;
  display: inline-block;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn_share .sns_share li a,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn_share .sns_share li a {
  display: block;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn_share .sns_share li a.sns_fb,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn_share .sns_share li a.sns_fb {
  width: 35px;
  height: 36px;
  background: url("img/common/btn-fb-m.png") no-repeat center;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn_share .sns_share li a.sns_tw,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn_share .sns_share li a.sns_tw {
  width: 35px;
  height: 36px;
  background: url("img/common/btn-tw-m.png") no-repeat center;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn_share .sns_share li a.sns_copy,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn_share .sns_share li a.sns_copy {
  width: 35px;
  height: 36px;
  background: url("img/common/btn-copy-m.png") no-repeat center;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn_share .sns_share li:after,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn_share .sns_share li:after {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  top: 20px;
  left: 82px;
  width: 7px;
  height: 7px;
}
.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .btn_share .sns_share li:last-child:after,
.type_mobile .lnb_wrap .lnb_area .lnb_cts .nav .btn_share .sns_share li:last-child:after {
  display: none;
}
.type_tablet .lnb_wrap.active:before,
.type_mobile .lnb_wrap.active:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
}
.type_tablet .lnb_wrap.active .lnb_area .lnb_cts .nav,
.type_mobile .lnb_wrap.active .lnb_area .lnb_cts .nav {
  opacity: 1; /* IE 9 */
  -webkit-transform: translateX(0); /* Safari */
  transform: translateX(0);
}

.type_tablet .lnb_wrap .lnb_area .lnb_cts .nav .nav_cts {
  width: 800px;
}
.type_tablet .lnb_wrap .lnb_area .lnbDimd {
  width: 500px;
}

#lnbView {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 88px;
  z-index: 5;
  -webkit-transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  text-align: left;
  /*  &.block{
        background: rgba(0,0,0,0.6);
    }*/
}
#lnbView .hamburger {
  position: absolute;
  z-index: 6;
  top: 50%;
  left: 40px;
  display: inline-block;
  overflow: visible;
  margin: 0;
  cursor: pointer;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent; /* IE 9 */
  -webkit-transform: translateY(-50%); /* Safari */
  transform: translateY(-50%);
}
#lnbView .hamburger .hamburger-box {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 34px;
  -webkit-perspective: 84px;
          perspective: 84px;
}
#lnbView .hamburger .hamburger-inner, #lnbView .hamburger .hamburger-inner::before, #lnbView .hamburger .hamburger-inner::after {
  display: block;
  content: "";
  position: absolute;
  width: 42px;
  height: 4px;
  background-color: #fff;
}
#lnbView .hamburger .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s linear, -webkit-transform 0.15s linear;
  transition: background-color 0s 0.1s linear, -webkit-transform 0.15s linear;
  transition: transform 0.15s linear, background-color 0s 0.1s linear;
  transition: transform 0.15s linear, background-color 0s 0.1s linear, -webkit-transform 0.15s linear;
}
#lnbView .hamburger .hamburger-inner::before, #lnbView .hamburger .hamburger-inner::after {
  -webkit-transition: background-color 0s 0.1s linear, -webkit-transform 0s 0.1s linear;
  transition: background-color 0s 0.1s linear, -webkit-transform 0s 0.1s linear;
  transition: transform 0s 0.1s linear, background-color 0s 0.1s linear;
  transition: transform 0s 0.1s linear, background-color 0s 0.1s linear, -webkit-transform 0s 0.1s linear;
}
#lnbView .hamburger .hamburger-inner::before {
  top: 16px;
}
#lnbView .hamburger .hamburger-inner::after {
  top: 32px;
}
#lnbView .menuBox {
  position: fixed;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 0;
  width: 560px;
  background: #f8f8f8; /* IE 9 */
  -webkit-transform: translateX(-100%); /* Safari */
  transform: translateX(-100%);
  -webkit-transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  text-align: left;
}
#lnbView .menuBox .btn_prejoin {
  position: relative;
  display: block;
  height: 110px;
  line-height: 110px;
  margin-top: 123px;
  padding-left: 43px;
}
#lnbView .menuBox .btn_prejoin:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 40px;
  display: block;
  width: 16px;
  height: 26px;
  margin-top: -13px;
  background: url(./img/ico_arrow2.png) no-repeat 0 0;
}
#lnbView .menuBox .menu {
  position: absolute;
  left: 0;
  top: 233px;
  bottom: 0;
  width: 560px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#lnbView .menuBox .menu .mainMenu {
  padding: 55px 43px 30px;
}
#lnbView .menuBox .menu .mainMenu > .head {
  text-align: left;
  line-height: 52px;
  font-size: 36px;
  color: #1c1c1c;
  font-family: "NanumSquareEB";
}
#lnbView .menuBox .menu .mainMenu > a {
  display: block;
  text-align: left;
  margin: 30px 0;
  font-size: 34px;
  letter-spacing: -0.5px;
  color: #959595;
}
#lnbView .menuBox .menu .mainMenu > a.on {
  color: #1c1c1c;
}
#lnbView .menuBox .menu .mainMenu > a span {
  font-family: "NanumSquareB";
  display: inline-block;
  padding-left: 28px;
  background: url(./img/ico_depth.png) no-repeat 0 50%;
}
#lnbView .menuBox .menu .sideMenu {
  padding: 55px 43px;
  border-top: 1px solid #eaeaea;
  width: 100%;
}
#lnbView .menuBox .menu .sideMenu li + li {
  margin-top: 30px;
}
#lnbView .menuBox .menu .sideMenu li .head {
  display: block;
  padding-bottom: 15px;
  font-size: 26px;
  color: #888;
  letter-spacing: -0.5px;
}
#lnbView .menuBox .menu .sideMenu li a {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 47px;
  height: 54px;
  margin: 0 17px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#lnbView .menuBox .menu .sideMenu li a span {
  text-indent: -9999px;
  font-size: 0;
  visibility: hidden;
}
#lnbView .menuBox .menu .sideMenu li a.sideGoForum {
  margin-left: 0;
  background-image: url(./img/btn/btn_side_goForum.png);
}
#lnbView .menuBox .menu .sideMenu li a.fb {
  margin-left: -12px;
  background-image: url(./img/btn/btn_fb.png);
}
#lnbView .menuBox .menu .sideMenu li a.twt {
  background-image: url(./img/btn/btn_twt.png);
}
#lnbView .menuBox .menu .sideMenu li a.url {
  background-image: url(./img/btn/btn_url.png);
}
#lnbView .goHome {
  position: absolute;
  top: 50%;
  right: 40px;
  font-size: 24px;
  line-height: 28px;
  color: #999;
  vertical-align: middle;
  letter-spacing: -0.5px; /* IE 9 */
  -webkit-transform: translateY(-50%); /* Safari */
  transform: translateY(-50%);
}
#lnbView .goHome::after {
  vertical-align: middle;
  margin-left: 18px;
  display: inline-block;
}
#lnbView .goHome::after {
  content: url(./img/btn/btn_goHome.png);
}
#lnbView .prejoin {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  width: 362px;
  height: 88px;
  line-height: 88px;
  background: url(./img/btn/bg_btn_gra.png) no-repeat 50% 50%/100% 100%;
  background-size: 100% 100%;
  color: #fff;
  vertical-align: middle;
  letter-spacing: -0.5px;
  text-align: center;
  font-size: 30px;
  font-family: "NanumSquareB";
}
#lnbView.active .hamburger {
  position: fixed;
  top: 47px;
}
#lnbView.active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
#lnbView.active .hamburger-inner::before, #lnbView.active .hamburger-inner::after {
  background: #000;
}
#lnbView.active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
          transform: translate3d(0, 0, 0) rotate(45deg);
}
#lnbView.active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -16px, 0) rotate(-45deg);
          transform: translate3d(0, -16px, 0) rotate(-45deg);
}
#lnbView.active .menuBox { /* IE 9 */
  -webkit-transform: translateX(0); /* Safari */
  transform: translateX(0);
}
#lnbView.active .lnbDimed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
}
#lnbView.fixed {
  position: fixed;
  min-width: auto;
  background: rgba(0, 0, 0, 0.6);
}
#lnbView.fixed .prejoin {
  display: block;
}
#lnbView.fixed .goHome {
  right: 430px;
}

.type_pc #lnbView .menuBox {
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: translateX(-100%) scale(0.8);
          transform: translateX(-100%) scale(0.8);
  height: 180%;
  bottom: auto;
}
.type_pc #lnbView.active .menuBox {
  -webkit-transform: translateX(0) scale(0.8);
          transform: translateX(0) scale(0.8);
}

.visual {
  height: 2000px;
  background-image: url("img/main/bg_main.jpg");
  overflow: hidden;
}
.visual .top_area {
  position: relative;
  width: 100%;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;
}
.visual .top_area .btns {
  z-index: 2;
  position: absolute;
  top: 110px;
  right: 60px;
  height: 38px;
  font-size: 0;
  vertical-align: top;
}
.visual .top_area .btns a {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
}
.visual .top_area .btns .btn_today {
  width: 138px;
  height: 37px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-weight: 700;
  line-height: 37px;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 20px;
  margin-top: 2px;
}
.visual .top_area .btns .btn_today span {
  display: inline-block;
  padding-right: 26px;
  background: url("img/common/today_close.png") no-repeat right 50%;
}
.visual .top_area .btns .btn_home {
  opacity: 0.85;
  width: 26px;
  height: 20px;
  margin-left: 15px;
  margin-top: 9px;
  background: url("img/common/icon_home.png") no-repeat 50% 50%;
  background-size: cover;
}
.visual .cont {
  height: 100%;
}
.visual .title {
  position: relative;
  top: 1022px;
  left: 92px;
  width: 674px;
  height: 308px;
  text-indent: -9999px;
  background: none;
}
.visual .btn_play {
  position: absolute;
  top: 530px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 193px;
  height: 191px;
  background: url("img/main/btn_play.png") no-repeat 0 0;
}
.visual .btn_detail {
  width: 701px;
  height: 139px;
  background: url("img/main/btn_detail.png") no-repeat 0 0;
  font-size: 0;
  margin: 990px auto 0;
}
.visual .market_down {
  position: relative;
  width: 1200px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 100px;
  font-size: 0;
  text-align: center;
}
.visual .market_down a {
  display: inline-block;
  margin: 0 8px;
  height: 100px;
}
.visual .market_down a img {
  height: 100%;
}
.visual .sub_text {
  position: absolute;
  bottom: 410px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 210px;
  height: 53px;
  font-size: 0;
  background: url("img/main/sub_text.png") no-repeat 0 0;
}
.visual .sns_area {
  position: absolute;
  bottom: 250px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0;
  width: 1584px;
  height: 112px;
  z-index: 9;
}
.visual .sns_area:before {
  content: "";
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  width: 1516px;
  height: 12px;
  background: url("img/main/sns_deco.png") no-repeat;
}
.visual .sns_area a {
  position: relative;
  display: inline-block;
  width: 97px;
  height: 112px;
  margin-right: 110px;
}
.visual .sns_area a.sns_home {
  background: url("img/main/btn-home.png") no-repeat;
}
.visual .sns_area a.sns_forum {
  background: url("img/main/btn-forum.png") no-repeat;
}
.visual .sns_area a.sns_youtube {
  background: url("img/main/btn-youtube.png") no-repeat;
}
.visual .sns_area a:last-child {
  margin-right: 0;
}
.visual .sns_area a:last-child:after {
  content: none;
}

.type_tablet .visual .top_area,
.type_mobile .visual .top_area {
  min-width: auto;
  max-width: none;
}
.type_tablet .visual .market_down .btn_pc,
.type_mobile .visual .market_down .btn_pc {
  display: none;
}
.type_tablet .visual .btns,
.type_mobile .visual .btns {
  z-index: 2;
  position: absolute;
  top: 126px;
  right: 50px;
  height: 60px;
  vertical-align: top;
}
.type_tablet .visual .btns a,
.type_mobile .visual .btns a {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
}
.type_tablet .visual .btns .btn_today,
.type_mobile .visual .btns .btn_today {
  color: rgba(255, 255, 255, 0.8);
  opacity: 1;
  font-weight: 400;
  font-size: 20px;
  width: 173px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  padding: 0;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 70px;
}
.type_tablet .visual .btns .btn_today span,
.type_mobile .visual .btns .btn_today span {
  padding-right: 0;
  background: none;
}
.type_tablet .visual .btns .btn_today::after,
.type_mobile .visual .btns .btn_today::after {
  content: "";
  position: relative;
  top: 0px;
  left: 10px;
  display: inline-block;
  background: url("img/common/today_close_m.png") no-repeat 0 0;
  width: 18px;
  height: 17px;
  background-size: 100%;
}
.type_tablet .visual .btns .btn_home,
.type_mobile .visual .btns .btn_home {
  width: 36px;
  height: 27px;
  margin-left: 14px;
  margin-top: 7px;
  background: url("img/common/icon_home.png") no-repeat 50% 50%;
  opacity: 1;
  background-size: 100%;
}

.section01 {
  overflow: hidden;
  height: 2900px;
  padding-top: 110px;
  background: url(img/character/bg_character.jpg) no-repeat 50% 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.section01 .title {
  width: 100%;
  height: 583px;
  font-size: 0;
  background: url(img/character/title.png) no-repeat 50% 0;
  margin-top: 129px;
}
.section01 .desc {
  width: 100%;
  position: absolute;
  top: 1800px;
  color: #fff;
  font-size: 34px;
  line-height: 60px;
  text-align: center;
}
.section01 .vod {
  position: absolute;
  top: 1280px;
  left: 0;
  width: 800px;
  height: 448px;
  background: url(img/character/thumb.png) no-repeat 50% 0;
}
.section01 .vod button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 173px;
  height: 173px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(img/character/btn_play.png) no-repeat 50% 0;
}

.type_mobile .intro_mov .bx_mov {
  width: 800px;
  min-width: 800px;
}

.section02 .event1 {
  overflow: hidden;
  height: 2068px;
  background: url(img/event/bg_event_1.jpg) no-repeat 50% 0;
}
.section02 .event1 .cont {
  width: 800px;
}
.section02 .event1 .cont .title {
  font-size: 0;
  width: 703px;
  height: 177px;
  margin: 450px auto 0;
  background: url("img/event/event1_text_1.png") no-repeat 0 0;
}
.section02 .event1 .cont .sub_text {
  font-size: 0;
  width: 514px;
  height: 194px;
  margin: 225px auto 0;
  background: url("img/event/event1_text_2.png") no-repeat 0 0;
}
.section02 .event2 {
  overflow: hidden;
  height: 1680px;
  background: url(img/event/bg_event_2.jpg) no-repeat 50% 0;
}
.section02 .event2 .cont .sub_text {
  font-size: 0;
  width: 357px;
  height: 194px;
  margin: 90px auto 0;
  background: url("img/event/event2_text.png") no-repeat 0 0;
}
.section02 .event3 {
  overflow: hidden;
  height: 2152px;
  background: url(img/event/bg_event_3.jpg) no-repeat 50% 0;
}
.section02 .event3 .cont .title {
  font-size: 0;
  width: 675px;
  height: 178px;
  margin: 90px auto 0;
  background: url("img/event/event3_text_1.png") no-repeat 0 0;
}
.section02 .event3 .cont .sub_text {
  font-size: 0;
  width: 313px;
  height: 128px;
  margin: 200px auto 0;
  background: url("img/event/event3_text_2.png") no-repeat 0 0;
}
.section02 .cont .event {
  color: #fff;
  text-align: left;
  padding: 0 110px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.section02 .cont .event .event_title {
  font-size: 42px;
  letter-spacing: -0.04em;
  line-height: 62px;
  margin-bottom: 40px;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
}
.section02 .cont .event .event_title strong {
  font-weight: 900;
}
.section02 .cont .event .event_text {
  font-size: 30px;
  line-height: 52px;
  letter-spacing: -0.04em;
}
.section02 .cont .event .event_text strong {
  color: #818aff;
  font-weight: 900;
}

.pop_wrap {
  display: none;
}
.pop_wrap .pop_section {
  position: relative;
  padding-top: 70px;
}
.pop_wrap .pop_section .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: url(img/common/pop_close.png) no-repeat 50% 50%;
}

.type_pc .pop_section .btn_close {
  right: 0;
}

/* movie */
#popMovie {
  background: transparent;
}
#popMovie .pop_movie {
  background: transparent;
}
#popMovie .pop_movie .cont {
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent;
}
#popMovie .pop_movie .cont .moviedim {
  display: block;
  width: 103%;
  height: 103%;
  background: #000000;
  position: absolute;
  bottom: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#popMovie .pop_movie #movieArea {
  width: 100%;
  height: 100%;
}
#popMovie.dim .pop_movie .cont .moviedim {
  display: block;
}

.type_pc #popMovie {
  margin: 0 !important;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 74vw;
  height: calc(41.625vw + 70px);
}
.type_pc #popMovie .pop_movie {
  width: 74vw;
  height: 41.625vw;
}

.type_tablet #popMovie, .type_mobile #popMovie {
  width: 700px;
  height: 463px;
}
.type_tablet #popMovie .pop_movie, .type_mobile #popMovie .pop_movie {
  width: 700px;
  height: 393px;
}/*# sourceMappingURL=landing.css.map */