.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; } }
  @media all and (min-width: 1024px) {
    .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.collapsed i:before {
        content: "\f068"; }
      .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, .part_comic .la_comics_2 .la_comics_3_table {
        margin-bottom: 10px; }
      .part_comic .la_comics_2 .la_comics_tab02_btn {
        margin-bottom: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #f5a32c;
        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_tab03_btn {
        margin-bottom: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #ed4646;
        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_tab04_btn {
        margin-bottom: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #a53573;
        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; } }
  @media all and (max-width: 767px) {
    .part_comic {
      padding: 0 20px; } }
  .part_comic .la_comics_2_m {
    position: relative; }
    .part_comic .la_comics_2_m .la_comics_2_m_bg {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
    .part_comic .la_comics_2_m .la_comics_2_m_tab {
      padding: 90vw 13px 7.5vw 13px; }
      .part_comic .la_comics_2_m .la_comics_2_m_tab .nav-tabs a {
        width: 25%;
        color: none;
        background: none;
        border: none;
        padding: 0; }
      .part_comic .la_comics_2_m .la_comics_2_m_tab .tab-content .tab-pane {
        position: relative;
        padding-top: 3px;
        top: -3px; }
      .part_comic .la_comics_2_m .la_comics_2_m_tab .tab-content #tab01 {
        background-color: #94cc2f; }
      .part_comic .la_comics_2_m .la_comics_2_m_tab .tab-content #tab02 {
        background-color: #f5a32c; }

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