@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR&family=Noto+Serif+KR:wght@600&display=swap");
body {
  font-family: "Noto Sans KR", "Apple SD Gothic Neo", Gulim, "Malgun Gothic", sans-serif;
}

#introduction h2 {
  width: calc(1200px /2);
}
@media (max-width: 750px) {
  #introduction h2 {
    width: calc((1134/2)/750*100vw);
  }
}

#introduction h3 {
  margin-bottom: 25px;
  width: calc(864px /2);
}
@media (max-width: 750px) {
  #introduction h3 {
    width: calc((946/2)/750*100vw);
  }
}

#introduction p.txt {
  margin: auto;
  width: calc(895px /2);
}
@media (max-width: 750px) {
  #introduction p.txt {
    width: calc((1225/2)/750*100vw);
  }
}

@media (max-width: 750px) {
  #character .slick-slider {
    margin-bottom: calc(138/750*100vw);
  }
}

#chara-001 .chara-cv {
  left: 150px;
}
@media (max-width: 750px) {
  #chara-001 .chara-cv {
    top: calc(1008/750*100vw);
    left: calc(80/750*100vw);
  }
}

#chara-001 .chara-cv a {
  width: calc(450px /2);
  height: calc(110px /2);
}
@media (max-width: 750px) {
  #chara-001 .chara-cv a {
    width: calc(450/750*100vw*0.75);
    height: calc(110/750*100vw*0.75);
  }
}

#chara-001 h4 {
  width: calc(1038px /2);
  height: calc(388px /2);
  top: 153px;
  left: 124px;
}
@media (max-width: 750px) {
  #chara-001 h4 {
    width: calc((942/2)/750*100vw);
    height: calc((348/2)/750*100vw);
    top: calc(610/750*100vw);
    left: calc(12/750*100vw);
  }
}

#chara-001 h3 {
  width: calc(680px /2);
  height: calc(246px /2);
  top: 406px;
  left: 150px;
}
@media (max-width: 750px) {
  #chara-001 h3 {
    width: calc((958/2)/750*100vw);
    height: calc((282/2)/750*100vw);
    top: calc(834/750*100vw);
    left: calc(58/750*100vw);
  }
}

#chara-001 .btn-play {
  left: 155px;
}
@media (max-width: 750px) {
  #chara-001 .btn-play {
    left: calc(67/750*100vw);
  }
}

#chara-002 .chara-cv {
  left: 150px;
}
@media (max-width: 750px) {
  #chara-002 .chara-cv {
    top: calc(1008/750*100vw);
    left: calc(80/750*100vw);
  }
}

#chara-002 .chara-cv a {
  width: calc(550px /2);
  height: calc(110px /2);
}
@media (max-width: 750px) {
  #chara-002 .chara-cv a {
    width: calc(550/750*100vw*0.75);
    height: calc(110/750*100vw*0.75);
  }
}

#chara-002 h4 {
  width: calc(1030px /2);
  height: calc(292px /2);
  top: 152px;
  left: 124px;
}
@media (max-width: 750px) {
  #chara-002 h4 {
    width: calc((934/2)/750*100vw);
    height: calc((253/2)/750*100vw);
    top: calc(676/750*100vw);
    left: calc(12/750*100vw);
  }
}

#chara-002 h3 {
  width: calc(696px /2);
  height: calc(275px /2);
  top: 405px;
  left: 142px;
}
@media (max-width: 750px) {
  #chara-002 h3 {
    width: calc((978/2)/750*100vw);
    height: calc((280/2)/750*100vw);
    top: calc(834/750*100vw);
    left: calc(58/750*100vw);
  }
}

#chara-002 .btn-play {
  left: 155px;
}
@media (max-width: 750px) {
  #chara-002 .btn-play {
    left: calc(67/750*100vw);
  }
}

#chara-003 .chara-cv {
  left: 150px;
}
@media (max-width: 750px) {
  #chara-003 .chara-cv {
    top: calc(1008/750*100vw);
    left: calc(80/750*100vw);
  }
}

@media (max-width: 750px) {
  #chara-003 .chara-cv a {
    width: calc(356/750*100vw*0.75);
    height: calc(110/750*100vw*0.75);
  }
}

#chara-003 h4 {
  width: calc(900px /2);
  height: calc(292px /2);
  top: 182px;
  left: 134px;
}
@media (max-width: 750px) {
  #chara-003 h4 {
    width: calc((818/2)/750*100vw);
    height: calc((253/2)/750*100vw);
    top: calc(676/750*100vw);
    left: calc(12/750*100vw);
  }
}

#chara-003 h3 {
  width: calc(643px /2);
  height: calc(275px /2);
  top: 405px;
  left: 142px;
}
@media (max-width: 750px) {
  #chara-003 h3 {
    width: calc((813/2)/750*100vw);
    height: calc((309/2)/750*100vw);
    top: calc(834/750*100vw);
    left: calc(58/750*100vw);
  }
}

#chara-003 .btn-play {
  left: 155px;
}
@media (max-width: 750px) {
  #chara-003 .btn-play {
    left: calc(67/750*100vw);
  }
}

#feature p {
  letter-spacing: 0.025em;
}

#feature-001 h3 {
  width: calc(271px /2);
}
@media (max-width: 750px) {
  #feature-001 h3 {
    width: calc((1086/2)/750*100vw);
  }
}

#feature-002 h3 {
  width: calc(267px /2);
}
@media (max-width: 750px) {
  #feature-002 h3 {
    margin: 0 auto 5vw;
    width: calc((1086/2)/750*100vw);
  }
}

#feature-003 h3 {
  width: calc(349px /2);
}
@media (max-width: 750px) {
  #feature-003 h3 {
    margin: 0 auto 5vw;
    width: calc((1086/2)/750*100vw);
  }
}

#feature-004 h4 {
  width: calc(520px /2);
}
@media (max-width: 750px) {
  #feature-004 h4 {
    margin: 0 auto 5vw;
    width: calc((1086/2)/750*100vw);
  }
}

#feature-005 h4 {
  width: calc(227px /2);
}
@media (max-width: 750px) {
  #feature-005 h4 {
    margin: 0 auto 5vw;
    width: calc((1086/2)/750*100vw);
  }
}

#feature-006 h4 {
  width: calc(316px /2);
}
@media (max-width: 750px) {
  #feature-006 h4 {
    margin: 0 auto 5vw;
    width: calc((1086/2)/750*100vw);
  }
}

#movie #movie-001 h3 {
  width: calc(296px /2);
}
@media (max-width: 750px) {
  #movie #movie-001 h3 {
    width: calc((296/2)/750*100vw*0.92);
  }
}

#movie #movie-002 h3 {
  width: calc(350px /2);
}
@media (max-width: 750px) {
  #movie #movie-002 h3 {
    width: calc((350/2)/750*100vw*0.92);
  }
}

#movie #movie-003 h3 {
  width: calc(408px /2);
}
@media (max-width: 750px) {
  #movie #movie-003 h3 {
    width: calc((408/2)/750*100vw*0.92);
  }
}

#movie #movie-004 h3 {
  width: calc(455px /2);
}
@media (max-width: 750px) {
  #movie #movie-004 h3 {
    width: calc((455/2)/750*100vw*0.92);
  }
}

h3#h3-staff-001 {
  width: calc(222px /2);
}
@media (max-width: 750px) {
  h3#h3-staff-001 {
    width: calc((156*0.825)/750*100vw);
  }
}

h3#h3-staff-002 {
  width: calc(182px /2);
}
@media (max-width: 750px) {
  h3#h3-staff-002 {
    width: calc((138*0.825)/750*100vw);
  }
}

h3#h3-staff-003 {
  width: calc(260px /2);
}
@media (max-width: 750px) {
  h3#h3-staff-003 {
    width: calc((206*0.825)/750*100vw);
  }
}

h3#h3-staff-004 {
  width: calc(294px /2);
}
@media (max-width: 750px) {
  h3#h3-staff-004 {
    width: calc((206*0.825)/750*100vw);
  }
}

#share .share-list li {
  width: 67px;
  height: 67px;
}
#share .share-list li img {
  width: 100%;
}

#share .box .item .right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -19px;
}
@media (max-width: 750px) {
  #share .box .item .right {
    width: calc(100% - (calc(284/750*100vw)));
  }
}

#share .logo img {
  width: calc(572px /2);
}
@media (max-width: 750px) {
  #share .logo img {
    width: calc(357/750*100vw);
  }
}

@media (max-width: 750px) {
  #share .box p.box-info {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    font-size: calc(22/750*100vw);
  }
}

@media (max-width: 750px) {
  #share .box p.box-info strong {
    display: block;
    width: 5em;
  }
}

#share .box p.box-info span br {
  display: none;
}
@media (max-width: 750px) {
  #share .box p.box-info span br {
    display: block;
  }
}
@media (max-width: 750px) {
  #share .box p.box-info span {
    width: calc(100% - 6em);
    display: inline;
  }
}

#share .item-dl {
  width: calc(850px / 2);
}

#share ul.btn-dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 750px) {
  #share ul.btn-dl {
    width: 92%;
    margin: 0 auto;
  }
}

#share ul.btn-dl li {
  width: 49%;
}
@media (max-width: 750px) {
  #share ul.btn-dl li {
    width: 48.5%;
    margin: 0;
    margin-bottom: 3%;
  }
}

#share ul.btn-dl li:nth-of-type(3) {
  width: 100%;
}

#share ul.btn-dl li a {
  display: block;
  width: 100%;
}

#share ul.btn-dl li a img {
  width: 100%;
}
@media (max-width: 750px) {
  #share ul.btn-dl li a img {
    display: block;
  }
}

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