@charset "utf-8";
#wrap {position: relative;overflow: hidden;background-color: #072c49;}
.inner {width: 1200px;margin: 0 auto;}
.inner2 {width: 920px;margin: 0 auto;}
header {position: absolute;top:0;left:0;right:0;}
header .inner {position: relative;max-width: 1200px;text-align: right;}
header .inner h1 {display: inline-block;width: 180px;position: relative;z-index: 5;}
header .inner h1 a {display:block;}
header .inner h1 a img {width: 100%;}
.top_visual {position: relative;}
.top_visual .inner {position: relative;z-index:1;padding:571px 0 80px;}
.top_visual .inner:before {content:'';z-index:-1;position: absolute;top:0;left:-150px;right:-150px;height: 100%;background: url(../image/main_bg.png) no-repeat top center / 100% auto;}
.top_visual .inner h1 {position:relative;z-index:1;font-weight:bold;font-size:175px;color:#fff;text-align:center;}
.top_visual .inner h1:before {content:'LunaM:TH';position:absolute;font-weight:bold;font-size:175px;color:#fff;text-align: center;-webkit-text-stroke: 6px #000;text-align:center;}
.top_visual .inner .sub_text {position:relative;z-index:1;text-align:center;}
.top_visual .inner .sub_text p {font-weight:bold;font-size:51px;line-height:1.25;color:#fff;}
.top_visual .inner .down_link_box {margin-top:62px;display: flex;align-items: center;justify-content: center;}
.top_visual .inner .down_link_box a {display: block;}
.top_visual .inner .down_link_box a+a {margin-left:32px;}

/* cont01 */
.cont01 .inner2 {padding:82px 0 70px;overflow: hidden;}
.cont01 .inner2 h2 {font-weight:bold;font-size:74px;line-height: 1.25;color:#fff;text-align:center;}
.cont01 .inner2 .sub_text {margin-top:4px;font-weight:bold;font-size:44px;line-height:1.25;color:#99ccff;text-align:center;}
.cont01 .inner2 .sub_text span {color:#ffcc00;}
.cont01 .inner2 .graph_box {margin-top:65px;position: relative;}
.cont01 .inner2 .graph_box:before {content:'';position: absolute;top:60px;left:0;width: 100%;height:52px;background: url(../image/cont02_list_bg.png) no-repeat top center / 100% auto;}
.cont01 .inner2 .graph_box .number {display: flex;justify-content: center;align-items: center;padding:0 2px;}
.cont01 .inner2 .graph_box .number li {font-weight:bold;font-size:27px;color:#99ccff;margin: 0 8px;width:calc(20% - 16px);text-align: center;}
.cont01 .inner2 .graph_box .number li.orange {color:#ff9900;}
.cont01 .inner2 .description {margin-top:20px;padding:0 2px;font-size:0;text-align: center;display: flex;}
.cont01 .inner2 .description li {position:relative;display:flex;justify-content: center;align-items: flex-end;margin:0 8px;width:calc(20% - 16px);min-height:382px;}
.cont01 .inner2 .description li .text {padding-bottom: 11px;}
.cont01 .inner2 .description li p {font-weight:bold;font-size:28px;color:#333;}
.cont01 .inner2 .description li:nth-child(2) p {font-size: 25px;}
.cont01 .inner2 .description li:nth-child(3) p {font-size: 25px;}
.cont01 .inner2 .description li:nth-child(4) p {font-size: 20px;line-height:0.95;}
.cont01 .inner2 .description li:nth-child(5) p {font-size: 20px;line-height:0.95;}
.cont01 .inner2 .description li span {display:block;margin-top: 15px;font-family: 'GmarketSans', sans-serif;font-weight:bold;font-size:24px;line-height:0.9;color:#cc6600;}
.cont01 .inner2 .description li:nth-child(5) span {color: #ff6600;}
.cont01 .inner2 .description li.active::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;width:100%;height:100%;background: url(../image/cont01_list_on.png) no-repeat bottom center / 100% auto;}
.cont01 .inner2 .description li:nth-child(1) {background: url(../image/cont02_list_01.png) no-repeat bottom center / 100% auto;}
.cont01 .inner2 .description li:nth-child(2) {background: url(../image/cont02_list_02.png) no-repeat bottom center / 100% auto;}
.cont01 .inner2 .description li:nth-child(3) {background: url(../image/cont02_list_03.png) no-repeat bottom center / 100% auto;}
.cont01 .inner2 .description li:nth-child(4) {background: url(../image/cont02_list_04.png) no-repeat bottom center / 100% auto;}
.cont01 .inner2 .description li:nth-child(5) {background: url(../image/cont02_list_05.png) no-repeat bottom center / 100% auto;}
.cont01 .inner2 .description li:nth-child(5)::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;width:100%;height:100%;background: url(../image/cont01_list_off.png) no-repeat bottom center / 100% auto;}
.cont01 .inner2 .description li.active:nth-child(5)::before {content: none;}

/* cont02 */
.cont02 .inner2 {position: relative;z-index:1;padding:71px 0 510px;}
.cont02 .inner2::before {content:'';position:absolute;top:0;left:-50px;right:-50px;z-index:-1;height:100%;background: url(../image/cont02_bg.png) no-repeat top center / cover;}
.cont02 .inner2 h2 {font-weight: bold;font-size:77px;line-height:1.23;color:#fff;text-align: center;}
.cont02 .inner2 p {margin-top:37px;padding-left:359px;font-weight: bold;font-size:29px;line-height:1.1;color:#ffcc00;}

/* cont03 */
.cont03 .inner2 {position:relative;padding:26px 0 90px;}
.cont03 .inner2 h2 {font-weight: bold;font-size:63px;color:#fff;text-align: center;letter-spacing: -0.3px;}
.cont03 .inner2 .sns_box {margin-top: 50px;display:flex;}
.cont03 .inner2 .right_box {padding-top:74px;padding-left: 70px;}
.cont03 .inner2 .right_box .link a {position:relative;display:inline-block;padding-right:55px;font-weight: bold;font-size:56px;color:#00ccff;}
.cont03 .inner2 .right_box .link a::before {content:'';position: absolute;right:0;top:50%;transform: translateY(-50%);width:26px;height:46px;background:url('../image/cont03_arrow.png') no-repeat center center / 100% auto;}
.cont03 .inner2 .right_box .text {margin-top: 24px;font-weight: bold;font-size:29px;line-height:1.31;color:#6699cc;}

/* cont04_box */
.cont04_box {position: relative;z-index:1;padding-bottom: 43px;}
.cont04_box:before {content:'';position: absolute;z-index:-1;bottom:0;left:-17px;right:-17px;height:100%;background: url('../image/cont04_bg.png') no-repeat center bottom / 100% auto;}
.cont04 {padding:62px 0 173px;}
.cont04 .inner2 {padding:55px 0 0;text-align: center;}
.cont04 .inner2 h2 {font-weight: bold;font-size:113px;line-height:1.23;color:#fff;}
.cont04 .inner2 p {margin-top:34px;padding:0 8%;font-weight: bold;font-size:29px;line-height:1.31;color:#ffcc00;}
.cont04 .inner2 .videoBox {position: relative;padding-top: 54.1%;overflow: hidden;width: 885px;margin: 30px auto 0;}
.cont04 .inner2 .videoBox iframe {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}

footer .logo_box {display: flex;flex-direction: row;align-items: center;justify-content: center;}
footer .logo_box h2 {height: 179px;}
footer .logo_box h2 a {display:block;height: 100%;}
footer .logo_box h2 a img {height: 100%;}
footer .logo_box > a {display:block;height: 179px;}
footer .logo_box > a img {height: 100%;}
footer p {font-size: 24px;color:#fff;text-align: center;}


/* animation 추가 */
.cont03 .inner2 .sns_box .img:hover {
  animation: floatUp 1.5s ease-out infinite;
}
@keyframes floatUp {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.cont03 .inner2 .right_box .link a:hover::before {
  animation: rightMove 1.2s ease-out infinite;
}
@keyframes rightMove {
  0% {
    margin-right: -5px;
  }
  50% {
    margin-right: 0;
  }
  100% {
    margin-right: -5px;
  }
}
.cont01 .inner2 .graph_box .number li:nth-child(5) {
  animation: bigFontMove 1.3s ease-out infinite;
}
@keyframes bigFontMove {
  0% {
    transform: scale(1.3);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.3);
  }
}
.cont01 .inner2 .graph_box .description li.active::before {
  animation: twinkle 2.5s ease-out infinite;
}
@keyframes twinkle {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.top_visual .inner .down_link_box a:hover:before {
  animation: arrowMotion 0.6s infinite;
}
@keyframes arrowMotion {
  0% {
    transform: translate(10px, -50%);
  }
  50% {
    transform: translate(0, -50%);
  }
  100% {
    transform: translate(10px, -50%);
  }
}
.top_visual .inner h1:before {
  animation: twinkleMotion 5s ease-out infinite;
}
@keyframes twinkleMotion {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.2;
  }
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0.5;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.top_visual .inner .sub_text {overflow: hidden;}
.top_visual .inner .sub_text p {
  animation: subTextMotion .6s ease-out forwards;}
@keyframes subTextMotion {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}


@media (max-width: 1200px) {
#wrap  {padding: 0 5%;}
.inner {width: 100%;}
.inner2 {width: 100%;}
header .inner h1 {width: 170px;}

/* top_visual */
.top_visual .inner {padding:48% 0 8%;}
.top_visual .inner:before {left:-12%;right:-12%;}
.top_visual .inner h1 {font-size:172px;}
.top_visual .inner h1:before {font-size:172px;}
.top_visual .inner .sub_text p {font-size:56px;}
.top_visual .inner .down_link_box {margin-top:7%;}
.top_visual .inner .down_link_box a {width:calc(35% - 20.5px);}
.top_visual .inner .down_link_box a+a {margin-left:41px;}
.top_visual .inner .down_link_box a img {width: 100%;}

/* cont01 */
.cont01 .inner2 {padding: 7% 0 6%;}
.cont01 .inner2 h2 {font-size:68px;}
.cont01 .inner2 .sub_text {margin-top:4px;font-size:38px;}
.cont01 .inner2 .graph_box {margin-top:8%;}
.cont01 .inner2 .graph_box:before {top:69px;left:0;width: 100%;height:30px;background: url(../image/cont02_list_bg.png) no-repeat top center / 100% auto;}
.cont01 .inner2 .graph_box .number {padding:0 2px;}
.cont01 .inner2 .graph_box .number li {font-size:26px;}
.cont01 .inner2 .description {margin-top:4%;padding:0 2px;}
.cont01 .inner2 .description li {margin:0 4px;width:calc(20% - 8px);min-height:0;}
.cont01 .inner2 .description li .text {padding-bottom: 0;}
.cont01 .inner2 .description li p {font-size:35px;}
.cont01 .inner2 .description li:nth-child(2) p {font-size: 27px;}
.cont01 .inner2 .description li:nth-child(3) p {font-size: 27px;}
.cont01 .inner2 .description li:nth-child(4) p {font-size: 18px;}
.cont01 .inner2 .description li:nth-child(5) p {font-size: 20px;}
.cont01 .inner2 .description li span {margin-top: 10px;font-size:20px;}
.cont01 .inner2 .description li {padding: 26.5% 0 9%;}
.cont01 .inner2 .description li.active:before {background-position: top center;background-size: auto 86%;}
.cont01 .inner2 .description li:nth-child(1) {background-position: top center;background-size: auto 86%;}
.cont01 .inner2 .description li:nth-child(2) {background-position: top center;background-size: auto 86%;}
.cont01 .inner2 .description li:nth-child(3) {background-position: top center;background-size: auto 86%;}
.cont01 .inner2 .description li:nth-child(4) {background-position: top center;background-size: auto 86%;}
.cont01 .inner2 .description li:nth-child(5) {background-position: top center;background-size: auto 86%;}
.cont01 .inner2 .description li:nth-child(5)::before {background-position: top center;background-size: auto 86%;}

/* cont02 */
.cont02 .inner2 {padding:6% 0 43%;}
.cont02 .inner2::before {left:-8%;right:-8%;height:100%;background-size: 82% auto;}
.cont02 .inner2 h2 {font-size:68px;}
.cont02 .inner2 p {margin-top:2%;padding-left:35%;font-size:28px;}

/* cont03 */
.cont03 .inner2 {padding:3% 0 9%;;}
.cont03 .inner2 h2 {font-size:58px;}
.cont03 .inner2 .sns_box {margin-top: 4%;}
.cont03 .inner2 .sns_box .img {width: 36%;}
.cont03 .inner2 .sns_box .img img {width: 100%;}
.cont03 .inner2 .right_box {padding-top:6%;padding-left: 6%;}
.cont03 .inner2 .right_box .link a {padding-right:45px;font-size:52px;}
.cont03 .inner2 .right_box .link a::before {width:22px;height:46px;}
.cont03 .inner2 .right_box .text {margin-top: 24px;font-size:28px;}

.cont04_box {padding-bottom: 4%;}
.cont04 {padding:5% 0 15%;}
.cont04 .inner2 {padding: 5% 0 0;}
.cont04 .inner2 h2 {font-size:125px;}
.cont04 .inner2 p {margin-top:4%;font-size:30px;}
.cont04 .inner2 .videoBox {width: 100%;padding-top: 56.2%;}
}
@media (max-width: 940px) {
.top_visual .inner h1 {font-size:154px;}
.top_visual .inner h1:before {font-size:154px;}
.top_visual .inner .sub_text p {font-size:48px;}
.top_visual .inner .down_link_box {margin-top:7%;}
.top_visual .inner .down_link_box a {width:calc(35% - 17px);}
.top_visual .inner .down_link_box a+a {margin-left:34px;}

/* cont01 */
.cont01 .inner2 h2 {font-size:60px;}
.cont01 .inner2 .sub_text {font-size:34px;}
.cont01 .inner2 .graph_box:before {top:55px;}
.cont01 .inner2 .graph_box .number li {font-size:24px;}
.cont01 .inner2 .description {margin-top:3%;}
.cont01 .inner2 .description li p {font-size:27px;}
.cont01 .inner2 .description li:nth-child(2) p {font-size: 23px;}
.cont01 .inner2 .description li:nth-child(3) p {font-size: 23px;}
.cont01 .inner2 .description li:nth-child(4) p {font-size: 16px;}
.cont01 .inner2 .description li:nth-child(5) p {font-size: 16px;}
.cont01 .inner2 .description li span {margin-top: 10px;font-size:16px;}
.cont01 .inner2 .description li {padding: 26.5% 0 9%;}

/* cont02 */
.cont02 .inner2 h2 {font-size:62px;}
.cont02 .inner2 p {font-size:26px;}

/* cont03 */
.cont03 .inner2 h2 {font-size:50px;}
.cont03 .inner2 .right_box .link a {padding-right:40px;font-size:45px;}
.cont03 .inner2 .right_box .link a::before {width:20px;height:40px;}
.cont03 .inner2 .right_box .text {font-size:26px;}

}
@media (max-width: 840px) {
.top_visual .inner h1 {font-size:138px;}
.top_visual .inner h1:before {font-size:138px;}
.top_visual .inner .sub_text p {font-size:45px;}
.top_visual .inner .down_link_box {margin-top:7%;}
.top_visual .inner .down_link_box a {width:calc(35% - 17px);}
.top_visual .inner .down_link_box a+a {margin-left:34px;}

/* cont01 */
.cont01 .inner2 h2 {font-size:55px;}
.cont01 .inner2 .sub_text {font-size:30px;}
.cont01 .inner2 .graph_box:before {top:55px;}

/* cont02 */
.cont02 .inner2 h2 {font-size:58px;}
.cont02 .inner2 p {font-size:25px;padding-right:10%;}

/* cont03 */
.cont03 .inner2 h2 {font-size:46px;}
.cont03 .inner2 .right_box .link a {padding-right:35px;font-size:40px;}
.cont03 .inner2 .right_box .link a::before {width:16px;height:40px;}
.cont03 .inner2 .right_box .text {margin-top: 18px;font-size:24px;padding-right:6%;}

/* cont04 */
.cont04 .inner2 h2 {font-size:115px;}
.cont04 .inner2 p {font-size:25px;}
  /* .cont01 .inner2 .graph_box:before {top: 48px;height: 20px;}
  .cont01 .inner2 .graph_box .number {height: 40px;}
  .cont01 .inner2 .graph_box .number li {font-size: 25px;}
  .cont01 .inner2 .description li p {font-size: 13px;} */
}
@media (max-width: 768px) {
#wrap  {padding: 0 3%;}
header .inner h1 {width: 130px;}
.top_visual .inner h1 {font-size:104px;}
.top_visual .inner h1:before {font-size:104px;-webkit-text-stroke: 2px #000;}
.top_visual .inner .sub_text p {font-size:35px;}
.top_visual .inner .down_link_box {margin-top:7%;}
.top_visual .inner .down_link_box a {width:calc(45% - 8px);}
.top_visual .inner .down_link_box a+a {margin-left:16px;}

/* cont01 */
.cont01 .inner2 h2 {font-size:40px;}
.cont01 .inner2 .sub_text {font-size:22px;}
.cont01 .inner2 .graph_box:before {top:14%;height: 15px;background-size: 100% 100%;}
.cont01 .inner2 .graph_box .number li {font-size:22px;}
.cont01 .inner2 .description {margin-top:3%;}
.cont01 .inner2 .description li p {font-size:23px;}
.cont01 .inner2 .description li:nth-child(2) p {font-size: 19px;}
.cont01 .inner2 .description li:nth-child(3) p {font-size: 19px;}
.cont01 .inner2 .description li:nth-child(4) p {font-size: 14px;}
.cont01 .inner2 .description li:nth-child(5) p {font-size: 14px;}
.cont01 .inner2 .description li span {margin-top: 10px;font-size:14px;}
.cont01 .inner2 .description li {padding: 23.5% 0 10%;}
.cont01 .inner2 .description li.active:before {background-size: auto 80%;}
.cont01 .inner2 .description li:nth-child(1) {background-size: auto 80%;}
.cont01 .inner2 .description li:nth-child(2) {background-size: auto 80%;}
.cont01 .inner2 .description li:nth-child(3) {background-size: auto 80%;}
.cont01 .inner2 .description li:nth-child(4) {background-size: auto 80%;}
.cont01 .inner2 .description li:nth-child(5) {background-size: auto 80%;}
.cont01 .inner2 .description li:nth-child(5)::before {background-size: auto 80%;}

/* cont02 */

.cont02 .inner2 h2 {font-size:45px;}
.cont02 .inner2 p {font-size:18px;}

/* cont03 */
.cont03 .inner2 h2 {font-size:36px;}
.cont03 .inner2 .right_box {padding-top: 3%;padding-left: 4%;}
.cont03 .inner2 .right_box .link a {padding-right:25px;font-size:32px;}
.cont03 .inner2 .right_box .link a::before {width:13px;height:30px;}
.cont03 .inner2 .right_box .text {margin-top: 18px;font-size:18px;padding-right:10%;}

/* cont04 */
.cont04 .inner2 h2 {font-size:90px;}
.cont04 .inner2 p {font-size:20px;}

/* footer */
footer .logo_box h2 {height: 95px;}
footer .logo_box > a {height: 95px;}
footer p {font-size: 15px;}
}
@media (max-width: 576px) {
header .inner h1 {width: 100px;}
.top_visual .inner h1 {font-size:58px;}
.top_visual .inner h1:before {font-size:58px;}
.top_visual .inner .sub_text p {font-size:20px;}
.top_visual .inner .down_link_box {margin-top:7%;}
.top_visual .inner .down_link_box a {width:calc(45% - 4px);}
.top_visual .inner .down_link_box a+a {margin-left:8px;}

/* cont01 */
.cont01 .inner2 h2 {font-size:24px;}
.cont01 .inner2 .sub_text {font-size:13px;}
.cont01 .inner2 .graph_box:before {top:14%;height: 8px;background-size: 100% 100%;}
.cont01 .inner2 .graph_box .number li {font-size:14px;}
.cont01 .inner2 .description {margin-top:3%;padding: 0;}
.cont01 .inner2 .description li {margin: 0 1px; width: calc(20% - 2px);}
.cont01 .inner2 .description li p {font-size:17px;}
.cont01 .inner2 .description li:nth-child(2) p {font-size: 13px;}
.cont01 .inner2 .description li:nth-child(3) p {font-size: 13px;}
.cont01 .inner2 .description li:nth-child(4) p {font-size: 11px;letter-spacing: -1.2px;}
.cont01 .inner2 .description li:nth-child(5) p {font-size: 11px;letter-spacing: -.9px;}
.cont01 .inner2 .description li span {margin-top: 3px;font-size:11px;}
.cont01 .inner2 .description li {padding: 25.5% 0 9%;}
.cont01 .inner2 .description li.active:before {background-size: auto 84%;}
.cont01 .inner2 .description li:nth-child(1) {background-size: auto 84%;}
.cont01 .inner2 .description li:nth-child(2) {background-size: auto 84%;}
.cont01 .inner2 .description li:nth-child(3) {background-size: auto 84%;}
.cont01 .inner2 .description li:nth-child(4) {background-size: auto 84%;}
.cont01 .inner2 .description li:nth-child(5) {background-size: auto 84%;}
.cont01 .inner2 .description li:nth-child(5)::before {background-size: auto 84%;}

/* cont02 */
.cont02 .inner2 {padding: 6% 0 50%;}
.cont02 .inner2::before {background-size: 75% auto;}
.cont02 .inner2 h2 {font-size:25px;}
.cont02 .inner2 p {font-size:12px;}

/* cont03 */
.cont03 .inner2 h2 {font-size:20px;}
.cont03 .inner2 .right_box {padding-top: 3%;padding-left: 4%;}
.cont03 .inner2 .right_box .link a {padding-right:15px;font-size:20px;}
.cont03 .inner2 .right_box .link a::before {width:8px;height:15px;}
.cont03 .inner2 .right_box .text {margin-top: 12px;font-size:11px;}

/* cont04 */
.cont04 .inner2 h2 {font-size:50px;}
.cont04 .inner2 p {font-size:12px;}

/* footer */
footer .logo_box h2 {height: 85px;}
footer .logo_box > a {height: 85px;}
footer p {font-size: 12px;}
}