.maxWidth {
  max-width: 1200px;
  margin: 0 auto; }

.page_wrapper {
  background-image: url(../images/bg.jpg);
  background-size: 100%;
  background-position: center top; }
  .page_wrapper img {
    width: 100%; }

.section_kv {
  position: relative; }

.section_comic {
  padding: 0 0 30px 0; }
  @media all and (max-width: 767px) {
    .section_comic {
      padding: 0 0 30px 0; } }
  .section_comic--two {
    margin-bottom: 50px; }
  .section_comic:last-child {
    padding: 0; }

.part_menu {
  position: absolute;
  top: 26.5vw;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%); }
  @media all and (max-width: 767px) {
    .part_menu {
      top: 45vw;
      width: 95%;
      margin: 0 auto; }
      .part_menu .col-4 {
        padding: 0 5px; } }
  @media all and (min-width: 1441px) {
    .part_menu {
      top: 29vw; } }
  @media all and (max-width: 767px) {
    .part_menu img {
      margin-bottom: 15px; } }

.part_kvText {
  padding-bottom: 5vw; }
  .part_kvText img {
    margin: 0 auto; }

.part_comic {
  position: relative;
  z-index: 1; }
  .part_comic .la_comics_2 {
    display: none; }
  @media all and (min-width: 1024px) {
    .part_comic .la_comics_2 {
      display: block;
      padding: 10px 120px;
      background-image: url(../images/la_comics_2_bg.png);
      width: 100%;
      background-repeat: repeat-y;
      background-size: 100%;
      position: relative; }
      .part_comic .la_comics_2:before {
        content: '';
        display: block;
        position: absolute;
        bottom: -50px;
        left: 0;
        background-image: url(../images/la_comics_2_footer.png);
        background-size: 100%;
        background-repeat: no-repeat;
        width: 100%;
        height: 50px; }
      .part_comic .la_comics_2 .la_comics_2_title img {
        max-width: 100%;
        width: inherit; }
      .part_comic .la_comics_2 a {
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        line-height: 28px; }
        .part_comic .la_comics_2 a:hover {
          text-decoration: none; }
        .part_comic .la_comics_2 a i {
          font-size: 28px; }
        .part_comic .la_comics_2 a.collapsed i:before {
          content: "\f067"; }
      .part_comic .la_comics_2 .la_comics_tab01_btn {
        margin-bottom: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #94cc2f;
        padding: 15px 36px 15px 25px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
      .part_comic .la_comics_2 .la_comics_2_table {
        margin-bottom: 10px; } }
  @media all and (max-width: 767px) {
    .part_comic {
      padding: 0 20px; } }

.part_btn {
  padding: 8vw 15%;
  position: relative;
  z-index: 1; }
  .part_btn img {
    margin: 0 auto; }
  @media all and (max-width: 767px) {
    .part_btn {
      padding: 10vw 5%; } }

@media all and (max-width: 767px) {
  .comic_slick {
    margin: 20px; }
    .comic_slick .slide-arrow {
      position: absolute;
      top: 50%;
      margin-top: -15px; }
      .comic_slick .slide-arrow.prev-arrow {
        border: 0;
        background-color: transparent;
        outline: 0;
        top: 50%;
        left: -40px;
        width: 40px;
        height: 40px;
        display: inline-block;
        background-image: url(../images/la_comics_m_arrow_prev.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; } }
      @media all and (max-width: 767px) and (max-width: 767px) {
        .comic_slick .slide-arrow.prev-arrow {
          left: -30px;
          width: 25px;
          height: 25px; } }

@media all and (max-width: 767px) {
        .comic_slick .slide-arrow.prev-arrow:hover {
          background-image: url(../images/la_comics_m_arrow_prev.png); }
      .comic_slick .slide-arrow.next-arrow {
        border: 0;
        background-color: transparent;
        top: 50%;
        right: -40px;
        width: 40px;
        height: 40px;
        display: inline-block;
        background-image: url(../images/la_comics_m_arrow_next.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; } }
      @media all and (max-width: 767px) and (max-width: 767px) {
        .comic_slick .slide-arrow.next-arrow {
          right: -30px;
          width: 25px;
          height: 25px; } }

@media all and (max-width: 767px) {
        .comic_slick .slide-arrow.next-arrow:hover {
          background-image: url(../images/la_comics_m_arrow_next.png); }
    .comic_slick .slick-dots li button::before {
      opacity: 1;
      width: 10px;
      height: 10px;
      display: inline-block;
      background: #000;
      text-indent: -9999px;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 1; }
    .comic_slick .slick-dots li.slick-active button::after {
      content: "";
      opacity: 1;
      width: 15px;
      height: 15px;
      display: inline-block;
      background: #fff;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }

@media all and (max-width: 767px) {
  .side-btn {
    padding: 0; } }

.side-btn .toTop {
  padding: 0 25%;
  max-width: 100%; }
  @media all and (max-width: 767px) {
    .side-btn .toTop {
      padding: 0 10px;
      max-width: 80px; } }
  .side-btn .toTop img {
    width: 100%;
    max-width: 100%; }