@charset "UTF-8";
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (combatguri92@gmail.com)
 * Date: 2019.12.12
 */
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (combatguri92@gmail.com)
 * Date: 2019.12.12
 */
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2018.11.14
 */
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2018.11.14
 */
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2018.11.14
 */
/* ie hack */
/*
@each $color in $color-list {
  //@debug $color;
  @debug nth($color, 1);
  @debug nth($color, 2);
}
@each $name, $color in $color-list {}
*/
/*******************************************************************************************
 *
 * TEST
 *
 *******************************************************************************************/
/*
// for mobile
@media (max-width:$grid-float-breakpoint-max) {}

// SCREEN(MD)
@media only screen
and (min-width:$screen-md)
and (max-width: $screen-md-max)
{}

// for desktop
@media (min-width:$grid-float-breakpoint) {}
*/
/*
$_test_arr1: (
  'test1', 'test2'
);
//@debug $_test_arr1;             // 'test1', 'test2'
//@debug nth($_test_arr1, 1);     // 'test2'
//@debug length($_test_arr1);     // 2
*/
/*
$_test_arr2: (
    ('test1', 'test2'),
    ('test3', 'test4'),
    ('test5', 'test6')
);
//@debug $_test_arr2;             // 'test1', 'test2', 'test3', 'test4', 'test5', 'test6'
//@debug nth($_test_arr2, 1);     // 'test3', 'test4'
//@debug length($_test_arr2);     // 3
*/
/*
$_test_arr3: (
    ('test1' 'test2'),
    ('test3' 'test4'),
    ('test5' 'test6')
);
//@debug $_test_arr3;             // 'test1' 'test2', 'test3' 'test4', 'test5' 'test6'
//@debug nth($_test_arr3, 1);     // 'test3' 'test4'
//@debug length($_test_arr3);     // 3
*/
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.5.3
 */
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.5.3
 */
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.5.3
 */
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2018.11.14
 */
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.5.3
 */
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.5.3
 */
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2018.11.14
 */

a, a:active *, a:hover *, a:focus *, a:visited *, a:focus-within *, a, a:active, a:hover, a:focus, a:visited, a:focus-within, input:focus { text-decoration: none !important; color: inherit; outline-color: #f26f6a !important; }


.table-fixed {
  table-layout: fixed;
}

.table > thead > tr > th, .table > thead > tr > td {
  vertical-align: middle;
}
.table > tbody > tr > th, .table > tbody > tr > td {
  vertical-align: middle;
}
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2018.11.14
 */
code {
  padding: 2px 4px;
  border-radius: 4px;
}

.code-primary {
  color: #FFF;
  background-color: #007bff;
}

.code-secondary {
  color: #FFF;
  background-color: #6c757d;
}

.code-success {
  color: #FFF;
  background-color: #28a745;
}

.code-info {
  color: #FFF;
  background-color: #17a2b8;
}

.code-warning {
  color: #FFF;
  background-color: #ffc107;
}

.code-danger {
  color: #FFF;
  background-color: #dc3545;
}

.code-light {
  color: #FFF;
  background-color: #f8f9fa;
}

.code-dark {
  color: #FFF;
  background-color: #343a40;
}

.code-main {
  color: #FFF;
  background-color: #0a3398;
}

.code-default {
  color: #FFF;
  background-color: #7a87a1;
}

.code-black {
  color: #FFF;
  background-color: #000;
}

.code-inner-gray {
  color: #FFF;
  background-color: #f9f9fc;
}

.code-red {
  color: #FFF;
  background-color: #d83832;
}

.code-000 {
  color: #FFF;
  background-color: #000;
}

.code-333 {
  color: #FFF;
  background-color: #333;
}

.code-666 {
  color: #FFF;
  background-color: #666;
}

.code-999 {
  color: #FFF;
  background-color: #999;
}

.code-submit {
  color: #FFF;
  background-color: #333;
}

.code-assist {
  color: #FFF;
  background-color: #f1f1f1;
}

.code-cancel {
  color: #FFF;
  background-color: #888;
}

.code-reply {
  color: #FFF;
  background-color: #b7b7b7;
}

.code-select {
  color: #FFF;
  background-color: #d2d2d2;
}

.code-category {
  color: #FFF;
  background-color: #96c11f;
}

.code-green {
  color: #FFF;
  background-color: #96c11f;
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2018.11.28
 */
.card > .table-responsive > .table > thead > tr > th:first-of-type,
.card > .table > thead > tr > th:first-of-type {
  border-left: none;
}
.card > .table-responsive > .table > thead > tr > th:last-of-type,
.card > .table > thead > tr > th:last-of-type {
  border-right: none;
}
.card > .table-responsive > .table > tbody > tr > td:first-of-type,
.card > .table > tbody > tr > td:first-of-type {
  border-left: none;
}
.card > .table-responsive > .table > tbody > tr > td:last-of-type,
.card > .table > tbody > tr > td:last-of-type {
  border-right: none;
}
.card > .table-responsive > .table > tbody:last-of-type > tr:last-of-type > th, .card > .table-responsive > .table > tbody:last-of-type > tr:last-of-type > td,
.card > .table > tbody:last-of-type > tr:last-of-type > th,
.card > .table > tbody:last-of-type > tr:last-of-type > td {
  border-bottom: none;
}

.card-primary .card-header {
  background-color: #007bff;
  color: #FFF;
}

.card-secondary .card-header {
  background-color: #6c757d;
  color: #FFF;
}

.card-success .card-header {
  background-color: #28a745;
  color: #FFF;
}

.card-info .card-header {
  background-color: #17a2b8;
  color: #FFF;
}

.card-warning .card-header {
  background-color: #ffc107;
  color: #FFF;
}

.card-danger .card-header {
  background-color: #dc3545;
  color: #FFF;
}

.card-light .card-header {
  background-color: #f8f9fa;
  color: #FFF;
}

.card-dark .card-header {
  background-color: #343a40;
  color: #FFF;
}

.card-main .card-header {
  background-color: #0a3398;
  color: #FFF;
}

.card-default .card-header {
  background-color: #7a87a1;
  color: #FFF;
}

.card-black .card-header {
  background-color: #000;
  color: #FFF;
}

.card-inner-gray .card-header {
  background-color: #f9f9fc;
  color: #FFF;
}

.card-red .card-header {
  background-color: #d83832;
  color: #FFF;
}

.card-000 .card-header {
  background-color: #000;
  color: #FFF;
}

.card-333 .card-header {
  background-color: #333;
  color: #FFF;
}

.card-666 .card-header {
  background-color: #666;
  color: #FFF;
}

.card-999 .card-header {
  background-color: #999;
  color: #FFF;
}

.card-submit .card-header {
  background-color: #333;
  color: #FFF;
}

.card-assist .card-header {
  background-color: #f1f1f1;
  color: #FFF;
}

.card-cancel .card-header {
  background-color: #888;
  color: #FFF;
}

.card-reply .card-header {
  background-color: #b7b7b7;
  color: #FFF;
}

.card-select .card-header {
  background-color: #d2d2d2;
  color: #FFF;
}

.card-category .card-header {
  background-color: #96c11f;
  color: #FFF;
}

.card-green .card-header {
  background-color: #96c11f;
  color: #FFF;
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2018.11.30
 */
.modal.modal-dev-open {
  display: block !important;
  opacity: 1 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal.modal-dev-open > .modal-dialog {
  transform: translate(0, 0) !important;
}
.modal.modal-non-header .modal-content {
  padding-top: 10px;
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2018.11.30
 */
.input-group > .input-group-append .btn:last-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append .btn:last-of-type.btn-lg {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append .btn:last-of-type.btn-sm {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-prepend .btn:first-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .input-group-prepend .btn:first-of-type.btn-lg {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .input-group-prepend .btn:first-of-type.btn-sm {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .input-group-append.input-group-append-last > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append.input-group-append-first > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .input-group-prepend-last {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.1.14
 */
select.form-control.custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
select.form-control.custom-select::-ms-expand {
  display: none;
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.1.17
 */
/**
 * Make fade in and out
 */
/**
 * Make Transition

 @include make-transition-multi-property(
    $prop: (border-color, background-color, transform),
    $duration: 0.3s,
    $timing: linear,
    $delay: 0s
  );

 */
/**
 * Make Transition

 @include make-transition-multi-line(
    (
      prop: border-color,
      duration: 0.3s,
      timing: linear,
      delay: 0s
    ),
    (
      prop: background-color,
      duration: 0.3s,
      timing: linear,
      delay: 0s
    ),
    (
      prop: transform,
      duration: 0.3s,
      timing: linear,
      delay: 0s
    )
  );

 */
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.1.17
 */
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2018.11.14
 */

.form-group .readonly {
  background-color: #e9ecef;
  color: #495057;
}

.form-desc {
  display: block;
  font-size: 0.75rem;
  color: #7e8b98;
}

.form-desc-primary {
  color: #007bff;
}

.form-desc-secondary {
  color: #6c757d;
}

.form-desc-success {
  color: #28a745;
}

.form-desc-info {
  color: #17a2b8;
}

.form-desc-warning {
  color: #ffc107;
}

.form-desc-danger {
  color: #dc3545;
}

.form-desc-light {
  color: #f8f9fa;
}

.form-desc-dark {
  color: #343a40;
}

.form-desc-main {
  color: #0a3398;
}

.form-desc-default {
  color: #7a87a1;
}

.form-desc-black {
  color: #000;
}

.form-desc-inner-gray {
  color: #f9f9fc;
}

.form-desc-red {
  color: #d83832;
}

.form-desc-000 {
  color: #000;
}

.form-desc-333 {
  color: #333;
}

.form-desc-666 {
  color: #666;
}

.form-desc-999 {
  color: #999;
}

.form-desc-submit {
  color: #333;
}

.form-desc-assist {
  color: #f1f1f1;
}

.form-desc-cancel {
  color: #888;
}

.form-desc-reply {
  color: #b7b7b7;
}

.form-desc-select {
  color: #d2d2d2;
}

.form-desc-category {
  color: #96c11f;
}

.form-desc-green {
  color: #96c11f;
}

.valid-feedback, .invalid-feedback {
  font-size: 0.75rem;
  vertical-align: text-top;
}
.valid-feedback .form-fail-icon, .valid-feedback .form-success-icon, .invalid-feedback .form-fail-icon, .invalid-feedback .form-success-icon {
  display: inline-block;
  font-size: 1rem;
  line-height: 1rem;
  vertical-align: middle;
  line-height: 1;
}
.valid-feedback .form-success-message, .valid-feedback .form-error-message, .invalid-feedback .form-success-message, .invalid-feedback .form-error-message {
  vertical-align: middle;
}
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2018.11.14
 */
/* 반응형 사이즈 수정 */
/*
@mixin media-breakpoint-mobile($name) {
  //$max: breakpoint-max($name);
  $max: map-get($grid-breakpoints, $name) - .02px;

  @if $max {
    @media (max-width: $max) {
      @content;
    }
  } @else {
    @content;
  }
}

@mixin mobile($breakpoint:$integration-device-breakpoint) {
  @include media-breakpoint-mobile($breakpoint) {
    @content;
  }
}

@mixin media-breakpoint-desktop($name) {
  //$next: breakpoint-next($name);
  //$min: breakpoint-min($next);
  $min: map-get($grid-breakpoints, $name);

  @if $min {
    @media (min-width: $min) {
      @content;
    }
  } @else {
    @content;
  }
}

@mixin desktop($breakpoint:md) {
//@mixin desktop($breakpoint:$integration-device-breakpoint) {
  @include media-breakpoint-desktop($breakpoint) {
    @content;
  }
}
*/
.row-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row-0 > [class^=col] {
  padding-left: 0px;
  padding-right: 0px;
}

.row-1 {
  margin-left: -0.5px;
  margin-right: -0.5px;
}
.row-1 > [class^=col] {
  padding-left: 0.5px;
  padding-right: 0.5px;
}

.row-2 {
  margin-left: -1px;
  margin-right: -1px;
}
.row-2 > [class^=col] {
  padding-left: 1px;
  padding-right: 1px;
}

.row-3 {
  margin-left: -1.5px;
  margin-right: -1.5px;
}
.row-3 > [class^=col] {
  padding-left: 1.5px;
  padding-right: 1.5px;
}

.row-4 {
  margin-left: -2px;
  margin-right: -2px;
}
.row-4 > [class^=col] {
  padding-left: 2px;
  padding-right: 2px;
}

.row-5 {
  margin-left: -2.5px;
  margin-right: -2.5px;
}
.row-5 > [class^=col] {
  padding-left: 2.5px;
  padding-right: 2.5px;
}

.row-10 {
  margin-left: -5px;
  margin-right: -5px;
}
.row-10 > [class^=col] {
  padding-left: 5px;
  padding-right: 5px;
}

.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-20 > [class^=col] {
  padding-left: 10px;
  padding-right: 10px;
}

.row-30 {
  margin-left: -15px;
  margin-right: -15px;
}
.row-30 > [class^=col] {
  padding-left: 15px;
  padding-right: 15px;
}

.row-40 {
  margin-left: -20px;
  margin-right: -20px;
}
.row-40 > [class^=col] {
  padding-left: 20px;
  padding-right: 20px;
}

.row-50 {
  margin-left: -25px;
  margin-right: -25px;
}
.row-50 > [class^=col] {
  padding-left: 25px;
  padding-right: 25px;
}

.row-60 {
  margin-left: -30px;
  margin-right: -30px;
}
.row-60 > [class^=col] {
  padding-left: 30px;
  padding-right: 30px;
}

@media (min-width: 992px) {
  .row-pc-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .row-pc-0 > [class^=col] {
    padding-left: 0px;
    padding-right: 0px;
  }

  .row-pc-1 {
    margin-left: -0.5px;
    margin-right: -0.5px;
  }
  .row-pc-1 > [class^=col] {
    padding-left: 0.5px;
    padding-right: 0.5px;
  }

  .row-pc-2 {
    margin-left: -1px;
    margin-right: -1px;
  }
  .row-pc-2 > [class^=col] {
    padding-left: 1px;
    padding-right: 1px;
  }

  .row-pc-3 {
    margin-left: -1.5px;
    margin-right: -1.5px;
  }
  .row-pc-3 > [class^=col] {
    padding-left: 1.5px;
    padding-right: 1.5px;
  }

  .row-pc-4 {
    margin-left: -2px;
    margin-right: -2px;
  }
  .row-pc-4 > [class^=col] {
    padding-left: 2px;
    padding-right: 2px;
  }

  .row-pc-5 {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }
  .row-pc-5 > [class^=col] {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  .row-pc-10 {
    margin-left: -5px;
    margin-right: -5px;
  }
  .row-pc-10 > [class^=col] {
    padding-left: 5px;
    padding-right: 5px;
  }

  .row-pc-20 {
    margin-left: -10px;
    margin-right: -10px;
  }
  .row-pc-20 > [class^=col] {
    padding-left: 10px;
    padding-right: 10px;
  }

  .row-pc-30 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row-pc-30 > [class^=col] {
    padding-left: 15px;
    padding-right: 15px;
  }

  .row-pc-40 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .row-pc-40 > [class^=col] {
    padding-left: 20px;
    padding-right: 20px;
  }

  .row-pc-50 {
    margin-left: -25px;
    margin-right: -25px;
  }
  .row-pc-50 > [class^=col] {
    padding-left: 25px;
    padding-right: 25px;
  }

  .row-pc-60 {
    margin-left: -30px;
    margin-right: -30px;
  }
  .row-pc-60 > [class^=col] {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 991px) {
  .row-mobile-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .row-mobile-0 > [class^=col] {
    padding-left: 0px;
    padding-right: 0px;
  }

  .row-mobile-1 {
    margin-left: -0.5px;
    margin-right: -0.5px;
  }
  .row-mobile-1 > [class^=col] {
    padding-left: 0.5px;
    padding-right: 0.5px;
  }

  .row-mobile-2 {
    margin-left: -1px;
    margin-right: -1px;
  }
  .row-mobile-2 > [class^=col] {
    padding-left: 1px;
    padding-right: 1px;
  }

  .row-mobile-3 {
    margin-left: -1.5px;
    margin-right: -1.5px;
  }
  .row-mobile-3 > [class^=col] {
    padding-left: 1.5px;
    padding-right: 1.5px;
  }

  .row-mobile-4 {
    margin-left: -2px;
    margin-right: -2px;
  }
  .row-mobile-4 > [class^=col] {
    padding-left: 2px;
    padding-right: 2px;
  }

  .row-mobile-5 {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }
  .row-mobile-5 > [class^=col] {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  .row-mobile-10 {
    margin-left: -5px;
    margin-right: -5px;
  }
  .row-mobile-10 > [class^=col] {
    padding-left: 5px;
    padding-right: 5px;
  }

  .row-mobile-20 {
    margin-left: -10px;
    margin-right: -10px;
  }
  .row-mobile-20 > [class^=col] {
    padding-left: 10px;
    padding-right: 10px;
  }

  .row-mobile-30 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row-mobile-30 > [class^=col] {
    padding-left: 15px;
    padding-right: 15px;
  }

  .row-mobile-40 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .row-mobile-40 > [class^=col] {
    padding-left: 20px;
    padding-right: 20px;
  }

  .row-mobile-50 {
    margin-left: -25px;
    margin-right: -25px;
  }
  .row-mobile-50 > [class^=col] {
    padding-left: 25px;
    padding-right: 25px;
  }

  .row-mobile-60 {
    margin-left: -30px;
    margin-right: -30px;
  }
  .row-mobile-60 > [class^=col] {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.5.3
 */
@media (min-width: 992px) {
  .text-pc-left {
    text-align: left !important;
  }

  .text-pc-right {
    text-align: right !important;
  }

  .text-pc-center {
    text-align: center !important;
  }
}
.font-size-xs {
  font-size: 0.625rem;
}

.font-size-sm {
  font-size: 0.6328125rem;
}

.font-size-md {
  font-size: 0.640625rem;
}

.font-size-lg {
  font-size: 0.6484375rem;
}

.font-size-xl {
  font-size: 0.65625rem;
}

.font-size-10 {
  font-size: 10px;
}

.font-size-11 {
  font-size: 11px;
}

.font-size-12 {
  font-size: 12px;
}

.font-size-13 {
  font-size: 13px;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-15 {
  font-size: 15px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-17 {
  font-size: 17px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-19 {
  font-size: 19px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-21 {
  font-size: 21px;
}

.font-size-22 {
  font-size: 22px;
}

.font-size-23 {
  font-size: 23px;
}

.font-size-24 {
  font-size: 24px;
}

.font-size-25 {
  font-size: 25px;
}

.font-size-26 {
  font-size: 26px;
}

.font-size-27 {
  font-size: 27px;
}

.font-size-28 {
  font-size: 28px;
}

.font-size-29 {
  font-size: 29px;
}

.font-size-30 {
  font-size: 30px;
}

.font-size-31 {
  font-size: 31px;
}

.font-size-32 {
  font-size: 32px;
}

.font-size-33 {
  font-size: 33px;
}

.font-size-34 {
  font-size: 34px;
}

.font-size-35 {
  font-size: 35px;
}

.font-size-36 {
  font-size: 36px;
}

.font-size-37 {
  font-size: 37px;
}

.font-size-38 {
  font-size: 38px;
}

.font-size-39 {
  font-size: 39px;
}

.font-size-40 {
  font-size: 40px;
}

.font-size-41 {
  font-size: 41px;
}

.font-size-42 {
  font-size: 42px;
}

.font-size-43 {
  font-size: 43px;
}

.font-size-44 {
  font-size: 44px;
}

.font-size-45 {
  font-size: 45px;
}

.font-size-46 {
  font-size: 46px;
}

.font-size-47 {
  font-size: 47px;
}

.font-size-48 {
  font-size: 48px;
}

.font-size-49 {
  font-size: 49px;
}

.font-size-50 {
  font-size: 50px;
}

.font-size-51 {
  font-size: 51px;
}

.font-size-52 {
  font-size: 52px;
}

.font-size-53 {
  font-size: 53px;
}

.font-size-54 {
  font-size: 54px;
}

.font-size-55 {
  font-size: 55px;
}

.font-size-56 {
  font-size: 56px;
}

.font-size-57 {
  font-size: 57px;
}

.font-size-58 {
  font-size: 58px;
}

.font-size-59 {
  font-size: 59px;
}

.font-size-60 {
  font-size: 60px;
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2018.11.14
 */
@media (min-width: 992px) {
  .d-pc-none {
    display: none !important;
  }

  .d-pc-inline {
    display: inline !important;
  }

  .d-pc-inline-block {
    display: inline-block !important;
  }

  .d-pc-block {
    display: block !important;
  }

  .d-pc-table {
    display: table !important;
  }

  .d-pc-table-row {
    display: table-row !important;
  }

  .d-pc-table-cell {
    display: table-cell !important;
  }

  .d-pc-flex {
    display: flex !important;
  }

  .d-pc-inline-flex {
    display: inline-flex !important;
  }
}
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.5.2
 */
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2018.11.14
 */
.m-pc-0 {
  margin: 0 !important;
}

.mt-pc-0,
.my-pc-0 {
  margin-top: 0 !important;
}

.mr-pc-0,
.mx-pc-0 {
  margin-right: 0 !important;
}

.mb-pc-0,
.my-pc-0 {
  margin-bottom: 0 !important;
}

.ml-pc-0,
.mx-pc-0 {
  margin-left: 0 !important;
}

.m-pc-1 {
  margin: 0.25rem !important;
}

.mt-pc-1,
.my-pc-1 {
  margin-top: 0.25rem !important;
}

.mr-pc-1,
.mx-pc-1 {
  margin-right: 0.25rem !important;
}

.mb-pc-1,
.my-pc-1 {
  margin-bottom: 0.25rem !important;
}

.ml-pc-1,
.mx-pc-1 {
  margin-left: 0.25rem !important;
}

.m-pc-2 {
  margin: 0.5rem !important;
}

.mt-pc-2,
.my-pc-2 {
  margin-top: 0.5rem !important;
}

.mr-pc-2,
.mx-pc-2 {
  margin-right: 0.5rem !important;
}

.mb-pc-2,
.my-pc-2 {
  margin-bottom: 0.5rem !important;
}

.ml-pc-2,
.mx-pc-2 {
  margin-left: 0.5rem !important;
}

.m-pc-3 {
  margin: 1rem !important;
}

.mt-pc-3,
.my-pc-3 {
  margin-top: 1rem !important;
}

.mr-pc-3,
.mx-pc-3 {
  margin-right: 1rem !important;
}

.mb-pc-3,
.my-pc-3 {
  margin-bottom: 1rem !important;
}

.ml-pc-3,
.mx-pc-3 {
  margin-left: 1rem !important;
}

.m-pc-4 {
  margin: 1.5rem !important;
}

.mt-pc-4,
.my-pc-4 {
  margin-top: 1.5rem !important;
}

.mr-pc-4,
.mx-pc-4 {
  margin-right: 1.5rem !important;
}

.mb-pc-4,
.my-pc-4 {
  margin-bottom: 1.5rem !important;
}

.ml-pc-4,
.mx-pc-4 {
  margin-left: 1.5rem !important;
}

.m-pc-5 {
  margin: 3rem !important;
}

.mt-pc-5,
.my-pc-5 {
  margin-top: 3rem !important;
}

.mr-pc-5,
.mx-pc-5 {
  margin-right: 3rem !important;
}

.mb-pc-5,
.my-pc-5 {
  margin-bottom: 3rem !important;
}

.ml-pc-5,
.mx-pc-5 {
  margin-left: 3rem !important;
}

.p-pc-0 {
  padding: 0 !important;
}

.pt-pc-0,
.py-pc-0 {
  padding-top: 0 !important;
}

.pr-pc-0,
.px-pc-0 {
  padding-right: 0 !important;
}

.pb-pc-0,
.py-pc-0 {
  padding-bottom: 0 !important;
}

.pl-pc-0,
.px-pc-0 {
  padding-left: 0 !important;
}

.p-pc-1 {
  padding: 0.25rem !important;
}

.pt-pc-1,
.py-pc-1 {
  padding-top: 0.25rem !important;
}

.pr-pc-1,
.px-pc-1 {
  padding-right: 0.25rem !important;
}

.pb-pc-1,
.py-pc-1 {
  padding-bottom: 0.25rem !important;
}

.pl-pc-1,
.px-pc-1 {
  padding-left: 0.25rem !important;
}

.p-pc-2 {
  padding: 0.5rem !important;
}

.pt-pc-2,
.py-pc-2 {
  padding-top: 0.5rem !important;
}

.pr-pc-2,
.px-pc-2 {
  padding-right: 0.5rem !important;
}

.pb-pc-2,
.py-pc-2 {
  padding-bottom: 0.5rem !important;
}

.pl-pc-2,
.px-pc-2 {
  padding-left: 0.5rem !important;
}

.p-pc-3 {
  padding: 1rem !important;
}

.pt-pc-3,
.py-pc-3 {
  padding-top: 1rem !important;
}

.pr-pc-3,
.px-pc-3 {
  padding-right: 1rem !important;
}

.pb-pc-3,
.py-pc-3 {
  padding-bottom: 1rem !important;
}

.pl-pc-3,
.px-pc-3 {
  padding-left: 1rem !important;
}

.p-pc-4 {
  padding: 1.5rem !important;
}

.pt-pc-4,
.py-pc-4 {
  padding-top: 1.5rem !important;
}

.pr-pc-4,
.px-pc-4 {
  padding-right: 1.5rem !important;
}

.pb-pc-4,
.py-pc-4 {
  padding-bottom: 1.5rem !important;
}

.pl-pc-4,
.px-pc-4 {
  padding-left: 1.5rem !important;
}

.p-pc-5 {
  padding: 3rem !important;
}

.pt-pc-5,
.py-pc-5 {
  padding-top: 3rem !important;
}

.pr-pc-5,
.px-pc-5 {
  padding-right: 3rem !important;
}

.pb-pc-5,
.py-pc-5 {
  padding-bottom: 3rem !important;
}

.pl-pc-5,
.px-pc-5 {
  padding-left: 3rem !important;
}

.m-pc-auto {
  margin: auto !important;
}

.mt-pc-auto,
.my-pc-auto {
  margin-top: auto !important;
}

.mr-pc-auto,
.mx-pc-auto {
  margin-right: auto !important;
}

.mb-pc-auto,
.my-pc-auto {
  margin-bottom: auto !important;
}

.ml-pc-auto,
.mx-pc-auto {
  margin-left: auto !important;
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2018.11.14
 */
.w-sm-25 {
  width: 25% !important;
}

@media (min-width: 576px) {
  .w-md-25 {
    width: 25% !important;
  }
}
@media (min-width: 768px) {
  .w-lg-25 {
    width: 25% !important;
  }
}
@media (min-width: 992px) {
  .w-xl-25 {
    width: 25% !important;
  }
}
@media (min-width: 1200px) {
  .w-25 {
    width: 25% !important;
  }
}
@media (min-width: 992px) {
  .w-pc-25 {
    width: 25% !important;
  }
}
.w-sm-50 {
  width: 50% !important;
}

@media (min-width: 576px) {
  .w-md-50 {
    width: 50% !important;
  }
}
@media (min-width: 768px) {
  .w-lg-50 {
    width: 50% !important;
  }
}
@media (min-width: 992px) {
  .w-xl-50 {
    width: 50% !important;
  }
}
@media (min-width: 1200px) {
  .w-50 {
    width: 50% !important;
  }
}
@media (min-width: 992px) {
  .w-pc-50 {
    width: 50% !important;
  }
}
.w-sm-75 {
  width: 75% !important;
}

@media (min-width: 576px) {
  .w-md-75 {
    width: 75% !important;
  }
}
@media (min-width: 768px) {
  .w-lg-75 {
    width: 75% !important;
  }
}
@media (min-width: 992px) {
  .w-xl-75 {
    width: 75% !important;
  }
}
@media (min-width: 1200px) {
  .w-75 {
    width: 75% !important;
  }
}
@media (min-width: 992px) {
  .w-pc-75 {
    width: 75% !important;
  }
}
.w-sm-100 {
  width: 100% !important;
}

@media (min-width: 576px) {
  .w-md-100 {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  .w-lg-100 {
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  .w-xl-100 {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .w-100 {
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  .w-pc-100 {
    width: 100% !important;
  }
}
.w-sm-auto {
  width: auto !important;
}

@media (min-width: 576px) {
  .w-md-auto {
    width: auto !important;
  }
}
@media (min-width: 768px) {
  .w-lg-auto {
    width: auto !important;
  }
}
@media (min-width: 992px) {
  .w-xl-auto {
    width: auto !important;
  }
}
@media (min-width: 1200px) {
  .w-auto {
    width: auto !important;
  }
}
@media (min-width: 992px) {
  .w-pc-auto {
    width: auto !important;
  }
}
.h-sm-25 {
  height: 25% !important;
}

@media (min-width: 576px) {
  .h-md-25 {
    height: 25% !important;
  }
}
@media (min-width: 768px) {
  .h-lg-25 {
    height: 25% !important;
  }
}
@media (min-width: 992px) {
  .h-xl-25 {
    height: 25% !important;
  }
}
@media (min-width: 1200px) {
  .h-25 {
    height: 25% !important;
  }
}
@media (min-width: 992px) {
  .h-pc-25 {
    height: 25% !important;
  }
}
.h-sm-50 {
  height: 50% !important;
}

@media (min-width: 576px) {
  .h-md-50 {
    height: 50% !important;
  }
}
@media (min-width: 768px) {
  .h-lg-50 {
    height: 50% !important;
  }
}
@media (min-width: 992px) {
  .h-xl-50 {
    height: 50% !important;
  }
}
@media (min-width: 1200px) {
  .h-50 {
    height: 50% !important;
  }
}
@media (min-width: 992px) {
  .h-pc-50 {
    height: 50% !important;
  }
}
.h-sm-75 {
  height: 75% !important;
}

@media (min-width: 576px) {
  .h-md-75 {
    height: 75% !important;
  }
}
@media (min-width: 768px) {
  .h-lg-75 {
    height: 75% !important;
  }
}
@media (min-width: 992px) {
  .h-xl-75 {
    height: 75% !important;
  }
}
@media (min-width: 1200px) {
  .h-75 {
    height: 75% !important;
  }
}
@media (min-width: 992px) {
  .h-pc-75 {
    height: 75% !important;
  }
}
.h-sm-100 {
  height: 100% !important;
}

@media (min-width: 576px) {
  .h-md-100 {
    height: 100% !important;
  }
}
@media (min-width: 768px) {
  .h-lg-100 {
    height: 100% !important;
  }
}
@media (min-width: 992px) {
  .h-xl-100 {
    height: 100% !important;
  }
}
@media (min-width: 1200px) {
  .h-100 {
    height: 100% !important;
  }
}
@media (min-width: 992px) {
  .h-pc-100 {
    height: 100% !important;
  }
}
.h-sm-auto {
  height: auto !important;
}

@media (min-width: 576px) {
  .h-md-auto {
    height: auto !important;
  }
}
@media (min-width: 768px) {
  .h-lg-auto {
    height: auto !important;
  }
}
@media (min-width: 992px) {
  .h-xl-auto {
    height: auto !important;
  }
}
@media (min-width: 1200px) {
  .h-auto {
    height: auto !important;
  }
}
@media (min-width: 992px) {
  .h-pc-auto {
    height: auto !important;
  }
}
/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.5.2
 */
.bs-callout {
  padding: 1.25rem;
  margin: 1.25rem 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
.bs-callout h1, .bs-callout h2, .bs-callout h4, .bs-callout h4, .bs-callout h5, .bs-callout h6 {
  font-weight: 700;
}
.bs-callout p {
  margin-bottom: 0;
  line-height: 1.25;
}

.bs-callout-less {
  border-left-width: 1px;
}

.bs-callout-primary:not(.bs-callout-less) {
  border-left-color: #007bff;
}
.bs-callout-primary h1, .bs-callout-primary h2, .bs-callout-primary h4, .bs-callout-primary h4, .bs-callout-primary h5, .bs-callout-primary h6 {
  color: #007bff;
}

.bs-callout-secondary:not(.bs-callout-less) {
  border-left-color: #6c757d;
}
.bs-callout-secondary h1, .bs-callout-secondary h2, .bs-callout-secondary h4, .bs-callout-secondary h4, .bs-callout-secondary h5, .bs-callout-secondary h6 {
  color: #6c757d;
}

.bs-callout-success:not(.bs-callout-less) {
  border-left-color: #28a745;
}
.bs-callout-success h1, .bs-callout-success h2, .bs-callout-success h4, .bs-callout-success h4, .bs-callout-success h5, .bs-callout-success h6 {
  color: #28a745;
}

.bs-callout-info:not(.bs-callout-less) {
  border-left-color: #17a2b8;
}
.bs-callout-info h1, .bs-callout-info h2, .bs-callout-info h4, .bs-callout-info h4, .bs-callout-info h5, .bs-callout-info h6 {
  color: #17a2b8;
}

.bs-callout-warning:not(.bs-callout-less) {
  border-left-color: #ffc107;
}
.bs-callout-warning h1, .bs-callout-warning h2, .bs-callout-warning h4, .bs-callout-warning h4, .bs-callout-warning h5, .bs-callout-warning h6 {
  color: #ffc107;
}

.bs-callout-danger:not(.bs-callout-less) {
  border-left-color: #dc3545;
}
.bs-callout-danger h1, .bs-callout-danger h2, .bs-callout-danger h4, .bs-callout-danger h4, .bs-callout-danger h5, .bs-callout-danger h6 {
  color: #dc3545;
}

.bs-callout-light:not(.bs-callout-less) {
  border-left-color: #f8f9fa;
}
.bs-callout-light h1, .bs-callout-light h2, .bs-callout-light h4, .bs-callout-light h4, .bs-callout-light h5, .bs-callout-light h6 {
  color: #f8f9fa;
}

.bs-callout-dark:not(.bs-callout-less) {
  border-left-color: #343a40;
}
.bs-callout-dark h1, .bs-callout-dark h2, .bs-callout-dark h4, .bs-callout-dark h4, .bs-callout-dark h5, .bs-callout-dark h6 {
  color: #343a40;
}

.bs-callout-main:not(.bs-callout-less) {
  border-left-color: #0a3398;
}
.bs-callout-main h1, .bs-callout-main h2, .bs-callout-main h4, .bs-callout-main h4, .bs-callout-main h5, .bs-callout-main h6 {
  color: #0a3398;
}

.bs-callout-default:not(.bs-callout-less) {
  border-left-color: #7a87a1;
}
.bs-callout-default h1, .bs-callout-default h2, .bs-callout-default h4, .bs-callout-default h4, .bs-callout-default h5, .bs-callout-default h6 {
  color: #7a87a1;
}

.bs-callout-black:not(.bs-callout-less) {
  border-left-color: #000;
}
.bs-callout-black h1, .bs-callout-black h2, .bs-callout-black h4, .bs-callout-black h4, .bs-callout-black h5, .bs-callout-black h6 {
  color: #000;
}

.bs-callout-inner-gray:not(.bs-callout-less) {
  border-left-color: #f9f9fc;
}
.bs-callout-inner-gray h1, .bs-callout-inner-gray h2, .bs-callout-inner-gray h4, .bs-callout-inner-gray h4, .bs-callout-inner-gray h5, .bs-callout-inner-gray h6 {
  color: #f9f9fc;
}

.bs-callout-red:not(.bs-callout-less) {
  border-left-color: #d83832;
}
.bs-callout-red h1, .bs-callout-red h2, .bs-callout-red h4, .bs-callout-red h4, .bs-callout-red h5, .bs-callout-red h6 {
  color: #d83832;
}

.bs-callout-000:not(.bs-callout-less) {
  border-left-color: #000;
}
.bs-callout-000 h1, .bs-callout-000 h2, .bs-callout-000 h4, .bs-callout-000 h4, .bs-callout-000 h5, .bs-callout-000 h6 {
  color: #000;
}

.bs-callout-333:not(.bs-callout-less) {
  border-left-color: #333;
}
.bs-callout-333 h1, .bs-callout-333 h2, .bs-callout-333 h4, .bs-callout-333 h4, .bs-callout-333 h5, .bs-callout-333 h6 {
  color: #333;
}

.bs-callout-666:not(.bs-callout-less) {
  border-left-color: #666;
}
.bs-callout-666 h1, .bs-callout-666 h2, .bs-callout-666 h4, .bs-callout-666 h4, .bs-callout-666 h5, .bs-callout-666 h6 {
  color: #666;
}

.bs-callout-999:not(.bs-callout-less) {
  border-left-color: #999;
}
.bs-callout-999 h1, .bs-callout-999 h2, .bs-callout-999 h4, .bs-callout-999 h4, .bs-callout-999 h5, .bs-callout-999 h6 {
  color: #999;
}

.bs-callout-submit:not(.bs-callout-less) {
  border-left-color: #333;
}
.bs-callout-submit h1, .bs-callout-submit h2, .bs-callout-submit h4, .bs-callout-submit h4, .bs-callout-submit h5, .bs-callout-submit h6 {
  color: #333;
}

.bs-callout-assist:not(.bs-callout-less) {
  border-left-color: #f1f1f1;
}
.bs-callout-assist h1, .bs-callout-assist h2, .bs-callout-assist h4, .bs-callout-assist h4, .bs-callout-assist h5, .bs-callout-assist h6 {
  color: #f1f1f1;
}

.bs-callout-cancel:not(.bs-callout-less) {
  border-left-color: #888;
}
.bs-callout-cancel h1, .bs-callout-cancel h2, .bs-callout-cancel h4, .bs-callout-cancel h4, .bs-callout-cancel h5, .bs-callout-cancel h6 {
  color: #888;
}

.bs-callout-reply:not(.bs-callout-less) {
  border-left-color: #b7b7b7;
}
.bs-callout-reply h1, .bs-callout-reply h2, .bs-callout-reply h4, .bs-callout-reply h4, .bs-callout-reply h5, .bs-callout-reply h6 {
  color: #b7b7b7;
}

.bs-callout-select:not(.bs-callout-less) {
  border-left-color: #d2d2d2;
}
.bs-callout-select h1, .bs-callout-select h2, .bs-callout-select h4, .bs-callout-select h4, .bs-callout-select h5, .bs-callout-select h6 {
  color: #d2d2d2;
}

.bs-callout-category:not(.bs-callout-less) {
  border-left-color: #96c11f;
}
.bs-callout-category h1, .bs-callout-category h2, .bs-callout-category h4, .bs-callout-category h4, .bs-callout-category h5, .bs-callout-category h6 {
  color: #96c11f;
}

.bs-callout-green:not(.bs-callout-less) {
  border-left-color: #96c11f;
}
.bs-callout-green h1, .bs-callout-green h2, .bs-callout-green h4, .bs-callout-green h4, .bs-callout-green h5, .bs-callout-green h6 {
  color: #96c11f;
}

.box-callout {
  display: flex;
  align-items: center;
  padding: 20px 65px;
  margin-bottom: 1.25rem;
  border: 1px solid #ffe6e9;
  border-radius: 3px;
}
.box-callout > div {
  padding: 0 10px;
}
.box-callout .lSide i {
  font-size: 26px;
}
.box-callout .rSide h1, .box-callout .rSide h2, .box-callout .rSide h4, .box-callout .rSide h4, .box-callout .rSide h5, .box-callout .rSide h6 {
  font-weight: 700;
}
.box-callout .rSide p {
  font-size: 13px;
  margin-bottom: 0;
  line-height: 1.25;
}

.box-callout-danger {
  color: #f62b4c;
  background-color: #ffe5e8;
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.5.2
 */
.label {
  display: inline;
  padding: 0.18rem 0.6rem 0.22rem;
  font-size: 0.7em;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.label.label-primary {
  background-color: #007bff;
  color: #FFF;
}
.label.label-secondary {
  background-color: #6c757d;
  color: #FFF;
}
.label.label-success {
  background-color: #28a745;
  color: #FFF;
}
.label.label-info {
  background-color: #17a2b8;
  color: #FFF;
}
.label.label-warning {
  background-color: #ffc107;
  color: #FFF;
}
.label.label-danger {
  background-color: #dc3545;
  color: #FFF;
}
.label.label-light {
  background-color: #f8f9fa;
  color: #212529;
}
.label.label-dark {
  background-color: #343a40;
  color: #FFF;
}
.label.label-main {
  background-color: #0a3398;
  color: #FFF;
}
.label.label-default {
  background-color: #7a87a1;
  color: #FFF;
}
.label.label-black {
  background-color: #000;
  color: #FFF;
}
.label.label-inner-gray {
  background-color: #f9f9fc;
  color: #FFF;
}
.label.label-red {
  background-color: #d83832;
  color: #FFF;
}
.label.label-000 {
  background-color: #000;
  color: #FFF;
}
.label.label-333 {
  background-color: #333;
  color: #FFF;
}
.label.label-666 {
  background-color: #666;
  color: #FFF;
}
.label.label-999 {
  background-color: #999;
  color: #FFF;
}
.label.label-submit {
  background-color: #333;
  color: #FFF;
}
.label.label-assist {
  background-color: #f1f1f1;
  color: #FFF;
}
.label.label-cancel {
  background-color: #888;
  color: #FFF;
}
.label.label-reply {
  background-color: #b7b7b7;
  color: #FFF;
}
.label.label-select {
  background-color: #d2d2d2;
  color: #FFF;
}
.label.label-category {
  background-color: #96c11f;
  color: #FFF;
}
.label.label-green {
  background-color: #96c11f;
  color: #FFF;
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.5.2
 */
.flex-middle {
  -webkit-align-items: center;
  align-items: center;
}

.flex-center {
  -webkit-justify-content: center;
  justify-content: center;
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.5.2
 */
.required:before, .required:after {
  font-family: Arial;
  font-weight: bold;
  display: inline-block;
  position: relative;
  margin-left: 0.2em;
  vertical-align: sub;
  line-height: 1em;
  color: inherit;
}
.required:after, .required.required-after:after {
  content: "*";
}
.required.required-before:after {
  content: none;
}
.required.required-before:before {
  content: "*";
  margin-left: 0;
  margin-right: 0.2em;
}
.required.required-primary:before, .required.required-primary:after {
  color: #007bff;
}
.required.required-secondary:before, .required.required-secondary:after {
  color: #6c757d;
}
.required.required-success:before, .required.required-success:after {
  color: #28a745;
}
.required.required-info:before, .required.required-info:after {
  color: #17a2b8;
}
.required.required-warning:before, .required.required-warning:after {
  color: #ffc107;
}
.required.required-danger:before, .required.required-danger:after {
  color: #dc3545;
}
.required.required-light:before, .required.required-light:after {
  color: #f8f9fa;
}
.required.required-dark:before, .required.required-dark:after {
  color: #343a40;
}
.required.required-main:before, .required.required-main:after {
  color: #0a3398;
}
.required.required-default:before, .required.required-default:after {
  color: #7a87a1;
}
.required.required-black:before, .required.required-black:after {
  color: #000;
}
.required.required-inner-gray:before, .required.required-inner-gray:after {
  color: #f9f9fc;
}
.required.required-red:before, .required.required-red:after {
  color: #d83832;
}
.required.required-000:before, .required.required-000:after {
  color: #000;
}
.required.required-333:before, .required.required-333:after {
  color: #333;
}
.required.required-666:before, .required.required-666:after {
  color: #666;
}
.required.required-999:before, .required.required-999:after {
  color: #999;
}
.required.required-submit:before, .required.required-submit:after {
  color: #333;
}
.required.required-assist:before, .required.required-assist:after {
  color: #f1f1f1;
}
.required.required-cancel:before, .required.required-cancel:after {
  color: #888;
}
.required.required-reply:before, .required.required-reply:after {
  color: #b7b7b7;
}
.required.required-select:before, .required.required-select:after {
  color: #d2d2d2;
}
.required.required-category:before, .required.required-category:after {
  color: #96c11f;
}
.required.required-green:before, .required.required-green:after {
  color: #96c11f;
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2018.11.14
 */
.loader-container {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.loader-box-flip {
  width: 40px;
  height: 40px;
  background-color: #333;
  margin: auto;
  -webkit-animation: loader-box-flip-rotateplane 1.2s infinite ease-in-out;
  animation: loader-box-flip-rotateplane 1.2s infinite ease-in-out;
}
.loader-box-flip.loader-primary {
  background-color: #007bff;
}
.loader-box-flip.loader-secondary {
  background-color: #6c757d;
}
.loader-box-flip.loader-success {
  background-color: #28a745;
}
.loader-box-flip.loader-info {
  background-color: #17a2b8;
}
.loader-box-flip.loader-warning {
  background-color: #ffc107;
}
.loader-box-flip.loader-danger {
  background-color: #dc3545;
}
.loader-box-flip.loader-light {
  background-color: #f8f9fa;
}
.loader-box-flip.loader-dark {
  background-color: #343a40;
}
.loader-box-flip.loader-main {
  background-color: #0a3398;
}
.loader-box-flip.loader-default {
  background-color: #7a87a1;
}
.loader-box-flip.loader-black {
  background-color: #000;
}
.loader-box-flip.loader-inner-gray {
  background-color: #f9f9fc;
}
.loader-box-flip.loader-red {
  background-color: #d83832;
}
.loader-box-flip.loader-000 {
  background-color: #000;
}
.loader-box-flip.loader-333 {
  background-color: #333;
}
.loader-box-flip.loader-666 {
  background-color: #666;
}
.loader-box-flip.loader-999 {
  background-color: #999;
}
.loader-box-flip.loader-submit {
  background-color: #333;
}
.loader-box-flip.loader-assist {
  background-color: #f1f1f1;
}
.loader-box-flip.loader-cancel {
  background-color: #888;
}
.loader-box-flip.loader-reply {
  background-color: #b7b7b7;
}
.loader-box-flip.loader-select {
  background-color: #d2d2d2;
}
.loader-box-flip.loader-category {
  background-color: #96c11f;
}
.loader-box-flip.loader-green {
  background-color: #96c11f;
}
@-webkit-keyframes loader-box-flip-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes loader-box-flip-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: auto;
}
.loader-cube-grid > span {
  width: 33%;
  height: 33%;
  background-color: #333;
  float: left;
  -webkit-animation: loader-cube-grid-scale-delay 1.3s infinite ease-in-out;
  animation: loader-cube-grid-scale-delay 1.3s infinite ease-in-out;
}
.loader-cube-grid.loader-primary > span {
  background-color: #007bff;
}
.loader-cube-grid.loader-secondary > span {
  background-color: #6c757d;
}
.loader-cube-grid.loader-success > span {
  background-color: #28a745;
}
.loader-cube-grid.loader-info > span {
  background-color: #17a2b8;
}
.loader-cube-grid.loader-warning > span {
  background-color: #ffc107;
}
.loader-cube-grid.loader-danger > span {
  background-color: #dc3545;
}
.loader-cube-grid.loader-light > span {
  background-color: #f8f9fa;
}
.loader-cube-grid.loader-dark > span {
  background-color: #343a40;
}
.loader-cube-grid.loader-main > span {
  background-color: #0a3398;
}
.loader-cube-grid.loader-default > span {
  background-color: #7a87a1;
}
.loader-cube-grid.loader-black > span {
  background-color: #000;
}
.loader-cube-grid.loader-inner-gray > span {
  background-color: #f9f9fc;
}
.loader-cube-grid.loader-red > span {
  background-color: #d83832;
}
.loader-cube-grid.loader-000 > span {
  background-color: #000;
}
.loader-cube-grid.loader-333 > span {
  background-color: #333;
}
.loader-cube-grid.loader-666 > span {
  background-color: #666;
}
.loader-cube-grid.loader-999 > span {
  background-color: #999;
}
.loader-cube-grid.loader-submit > span {
  background-color: #333;
}
.loader-cube-grid.loader-assist > span {
  background-color: #f1f1f1;
}
.loader-cube-grid.loader-cancel > span {
  background-color: #888;
}
.loader-cube-grid.loader-reply > span {
  background-color: #b7b7b7;
}
.loader-cube-grid.loader-select > span {
  background-color: #d2d2d2;
}
.loader-cube-grid.loader-category > span {
  background-color: #96c11f;
}
.loader-cube-grid.loader-green > span {
  background-color: #96c11f;
}
.loader-cube-grid > span.loader-item-1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.loader-cube-grid > span.loader-item-2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.loader-cube-grid > span.loader-item-3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.loader-cube-grid > span.loader-item-4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.loader-cube-grid > span.loader-item-5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.loader-cube-grid > span.loader-item-6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.loader-cube-grid > span.loader-item-7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.loader-cube-grid > span.loader-item-8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.loader-cube-grid > span.loader-item-9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@-webkit-keyframes loader-cube-grid-scale-delay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes loader-cube-grid-scale-delay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}

.loader-fading-circle {
  position: relative;
  width: 40px;
  height: 40px;
  margin: auto;
}
.loader-fading-circle > span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.loader-fading-circle > span:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: loader-circle-fade-delay 1.2s infinite ease-in-out both;
  animation: loader-circle-fade-delay 1.2s infinite ease-in-out both;
}
.loader-fading-circle > span.loader-item-2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.loader-fading-circle > span.loader-item-2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.loader-fading-circle > span.loader-item-3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.loader-fading-circle > span.loader-item-3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.loader-fading-circle > span.loader-item-4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.loader-fading-circle > span.loader-item-4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.loader-fading-circle > span.loader-item-5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.loader-fading-circle > span.loader-item-5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.loader-fading-circle > span.loader-item-6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.loader-fading-circle > span.loader-item-6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.loader-fading-circle > span.loader-item-7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.loader-fading-circle > span.loader-item-7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.loader-fading-circle > span.loader-item-8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.loader-fading-circle > span.loader-item-8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.loader-fading-circle > span.loader-item-9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.loader-fading-circle > span.loader-item-9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.loader-fading-circle > span.loader-item-10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.loader-fading-circle > span.loader-item-10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.loader-fading-circle > span.loader-item-11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.loader-fading-circle > span.loader-item-11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.loader-fading-circle > span.loader-item-12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.loader-fading-circle > span.loader-item-12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
.loader-fading-circle.loader-primary > span:before {
  background-color: #007bff;
}
.loader-fading-circle.loader-secondary > span:before {
  background-color: #6c757d;
}
.loader-fading-circle.loader-success > span:before {
  background-color: #28a745;
}
.loader-fading-circle.loader-info > span:before {
  background-color: #17a2b8;
}
.loader-fading-circle.loader-warning > span:before {
  background-color: #ffc107;
}
.loader-fading-circle.loader-danger > span:before {
  background-color: #dc3545;
}
.loader-fading-circle.loader-light > span:before {
  background-color: #f8f9fa;
}
.loader-fading-circle.loader-dark > span:before {
  background-color: #343a40;
}
.loader-fading-circle.loader-main > span:before {
  background-color: #0a3398;
}
.loader-fading-circle.loader-default > span:before {
  background-color: #7a87a1;
}
.loader-fading-circle.loader-black > span:before {
  background-color: #000;
}
.loader-fading-circle.loader-inner-gray > span:before {
  background-color: #f9f9fc;
}
.loader-fading-circle.loader-red > span:before {
  background-color: #d83832;
}
.loader-fading-circle.loader-000 > span:before {
  background-color: #000;
}
.loader-fading-circle.loader-333 > span:before {
  background-color: #333;
}
.loader-fading-circle.loader-666 > span:before {
  background-color: #666;
}
.loader-fading-circle.loader-999 > span:before {
  background-color: #999;
}
.loader-fading-circle.loader-submit > span:before {
  background-color: #333;
}
.loader-fading-circle.loader-assist > span:before {
  background-color: #f1f1f1;
}
.loader-fading-circle.loader-cancel > span:before {
  background-color: #888;
}
.loader-fading-circle.loader-reply > span:before {
  background-color: #b7b7b7;
}
.loader-fading-circle.loader-select > span:before {
  background-color: #d2d2d2;
}
.loader-fading-circle.loader-category > span:before {
  background-color: #96c11f;
}
.loader-fading-circle.loader-green > span:before {
  background-color: #96c11f;
}
@-webkit-keyframes loader-circle-fade-delay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes loader-circle-fade-delay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}

.loader-shape-wave {
  width: 50px;
  height: 40px;
  margin: auto;
  text-align: center;
  font-size: 10px;
}
.loader-shape-wave > span {
  display: inline-block;
  height: 100%;
  width: 6px;
  background-color: #333;
  -webkit-animation: loader-shape-wave-stretch-delay 1.2s infinite ease-in-out;
  animation: loader-shape-wave-stretch-delay 1.2s infinite ease-in-out;
}
.loader-shape-wave > span.loader-item-2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.loader-shape-wave > span.loader-item-3 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.loader-shape-wave > span.loader-item-4 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.loader-shape-wave > span.loader-item-5 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.loader-shape-wave.loader-primary > span {
  background-color: #007bff;
}
.loader-shape-wave.loader-secondary > span {
  background-color: #6c757d;
}
.loader-shape-wave.loader-success > span {
  background-color: #28a745;
}
.loader-shape-wave.loader-info > span {
  background-color: #17a2b8;
}
.loader-shape-wave.loader-warning > span {
  background-color: #ffc107;
}
.loader-shape-wave.loader-danger > span {
  background-color: #dc3545;
}
.loader-shape-wave.loader-light > span {
  background-color: #f8f9fa;
}
.loader-shape-wave.loader-dark > span {
  background-color: #343a40;
}
.loader-shape-wave.loader-main > span {
  background-color: #0a3398;
}
.loader-shape-wave.loader-default > span {
  background-color: #7a87a1;
}
.loader-shape-wave.loader-black > span {
  background-color: #000;
}
.loader-shape-wave.loader-inner-gray > span {
  background-color: #f9f9fc;
}
.loader-shape-wave.loader-red > span {
  background-color: #d83832;
}
.loader-shape-wave.loader-000 > span {
  background-color: #000;
}
.loader-shape-wave.loader-333 > span {
  background-color: #333;
}
.loader-shape-wave.loader-666 > span {
  background-color: #666;
}
.loader-shape-wave.loader-999 > span {
  background-color: #999;
}
.loader-shape-wave.loader-submit > span {
  background-color: #333;
}
.loader-shape-wave.loader-assist > span {
  background-color: #f1f1f1;
}
.loader-shape-wave.loader-cancel > span {
  background-color: #888;
}
.loader-shape-wave.loader-reply > span {
  background-color: #b7b7b7;
}
.loader-shape-wave.loader-select > span {
  background-color: #d2d2d2;
}
.loader-shape-wave.loader-category > span {
  background-color: #96c11f;
}
.loader-shape-wave.loader-green > span {
  background-color: #96c11f;
}
@-webkit-keyframes loader-shape-wave-stretch-delay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes loader-shape-wave-stretch-delay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

.loader-circle-wave {
  width: 70px;
  margin: auto;
  text-align: center;
}
.loader-circle-wave > span {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.loader-circle-wave.loader-primary > span {
  background-color: #007bff;
}
.loader-circle-wave.loader-secondary > span {
  background-color: #6c757d;
}
.loader-circle-wave.loader-success > span {
  background-color: #28a745;
}
.loader-circle-wave.loader-info > span {
  background-color: #17a2b8;
}
.loader-circle-wave.loader-warning > span {
  background-color: #ffc107;
}
.loader-circle-wave.loader-danger > span {
  background-color: #dc3545;
}
.loader-circle-wave.loader-light > span {
  background-color: #f8f9fa;
}
.loader-circle-wave.loader-dark > span {
  background-color: #343a40;
}
.loader-circle-wave.loader-main > span {
  background-color: #0a3398;
}
.loader-circle-wave.loader-default > span {
  background-color: #7a87a1;
}
.loader-circle-wave.loader-black > span {
  background-color: #000;
}
.loader-circle-wave.loader-inner-gray > span {
  background-color: #f9f9fc;
}
.loader-circle-wave.loader-red > span {
  background-color: #d83832;
}
.loader-circle-wave.loader-000 > span {
  background-color: #000;
}
.loader-circle-wave.loader-333 > span {
  background-color: #333;
}
.loader-circle-wave.loader-666 > span {
  background-color: #666;
}
.loader-circle-wave.loader-999 > span {
  background-color: #999;
}
.loader-circle-wave.loader-submit > span {
  background-color: #333;
}
.loader-circle-wave.loader-assist > span {
  background-color: #f1f1f1;
}
.loader-circle-wave.loader-cancel > span {
  background-color: #888;
}
.loader-circle-wave.loader-reply > span {
  background-color: #b7b7b7;
}
.loader-circle-wave.loader-select > span {
  background-color: #d2d2d2;
}
.loader-circle-wave.loader-category > span {
  background-color: #96c11f;
}
.loader-circle-wave.loader-green > span {
  background-color: #96c11f;
}
.loader-circle-wave > span.loader-item-1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader-circle-wave > span.loader-item-2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.loader-fireworks-wave {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 64px;
  color: #333;
  margin: auto;
}
.loader-fireworks-wave > span {
  display: block;
  transform-origin: 32px 32px;
  animation: loader-fireworks-wave-opacity 1.2s linear infinite;
}
.loader-fireworks-wave > span:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  background: #333;
  border-radius: 20%;
}
.loader-fireworks-wave > span.loader-item-1 {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.loader-fireworks-wave > span.loader-item-2 {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.loader-fireworks-wave > span.loader-item-3 {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.loader-fireworks-wave > span.loader-item-4 {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.loader-fireworks-wave > span.loader-item-5 {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.loader-fireworks-wave > span.loader-item-6 {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.loader-fireworks-wave > span.loader-item-7 {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.loader-fireworks-wave > span.loader-item-8 {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.loader-fireworks-wave > span.loader-item-9 {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.loader-fireworks-wave > span.loader-item-10 {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.loader-fireworks-wave > span.loader-item-11 {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.loader-fireworks-wave > span.loader-item-12 {
  transform: rotate(330deg);
  animation-delay: 0s;
}
.loader-fireworks-wave.loader-primary > span:after {
  background-color: #007bff;
}
.loader-fireworks-wave.loader-secondary > span:after {
  background-color: #6c757d;
}
.loader-fireworks-wave.loader-success > span:after {
  background-color: #28a745;
}
.loader-fireworks-wave.loader-info > span:after {
  background-color: #17a2b8;
}
.loader-fireworks-wave.loader-warning > span:after {
  background-color: #ffc107;
}
.loader-fireworks-wave.loader-danger > span:after {
  background-color: #dc3545;
}
.loader-fireworks-wave.loader-light > span:after {
  background-color: #f8f9fa;
}
.loader-fireworks-wave.loader-dark > span:after {
  background-color: #343a40;
}
.loader-fireworks-wave.loader-main > span:after {
  background-color: #0a3398;
}
.loader-fireworks-wave.loader-default > span:after {
  background-color: #7a87a1;
}
.loader-fireworks-wave.loader-black > span:after {
  background-color: #000;
}
.loader-fireworks-wave.loader-inner-gray > span:after {
  background-color: #f9f9fc;
}
.loader-fireworks-wave.loader-red > span:after {
  background-color: #d83832;
}
.loader-fireworks-wave.loader-000 > span:after {
  background-color: #000;
}
.loader-fireworks-wave.loader-333 > span:after {
  background-color: #333;
}
.loader-fireworks-wave.loader-666 > span:after {
  background-color: #666;
}
.loader-fireworks-wave.loader-999 > span:after {
  background-color: #999;
}
.loader-fireworks-wave.loader-submit > span:after {
  background-color: #333;
}
.loader-fireworks-wave.loader-assist > span:after {
  background-color: #f1f1f1;
}
.loader-fireworks-wave.loader-cancel > span:after {
  background-color: #888;
}
.loader-fireworks-wave.loader-reply > span:after {
  background-color: #b7b7b7;
}
.loader-fireworks-wave.loader-select > span:after {
  background-color: #d2d2d2;
}
.loader-fireworks-wave.loader-category > span:after {
  background-color: #96c11f;
}
.loader-fireworks-wave.loader-green > span:after {
  background-color: #96c11f;
}
@keyframes loader-fireworks-wave-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2018.11.14
 */
.btn i[class^=integration] {
  vertical-align: middle;
}
/*
html, body {
  width: 100%;
  font-size: 16px;
}
*/
body.full-layout #body-wrap .middle-container {
  position: relative;
}
@media (min-width: 992px) {
  body.full-layout #header-block {
    height: 0;
	position: absolute;
	left: 0;
	top:0;
  }
  body.route1-main #header-block{
    height: 125px;
	position: fixed;
	left: 0;
	top:0;
  }

  body.full-layout #footer-block {
    height: auto;
  }
}

/*
**** Header Interaction
*/
.modal .modal-dialog .modal-content .modal-header {
  position: relative;
  height: 70px;
  padding: 10px 30px;
  border-radius: 0;
  background: #fff;
  z-index: 1;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 18px;
  line-height: 50px;
}
.modal .modal-dialog .modal-content .modal-header .close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  background-color: #999;
  margin: 0;
  padding: 0;
  color: #FFF;
}
.modal .modal-dialog .modal-content .modal-footer {
  padding: 15px 30px 50px;
  background-color: #f4f4f4;
}

.pagination .page-item a.page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  margin: 0 2px;
  font-weight: 600;
}
.pagination .page-item a.page-link.prev, .pagination .page-item a.page-link.next {
  border: none;
  font-size: 34px;
  color: #000;
}
.pagination .page-item a.page-link.prev {
  margin-right: 10px;
}
.pagination .page-item a.page-link.next {
  margin-left: 10px;
}
.pagination .page-item.disabled .page-link {
  opacity: 0.5;
}

.btn {
  white-space: nowrap;
}
.btn.btn-round {
  border-radius: 999px;
}

.form-group label {
  font-weight: bold;
}
.form-group label span {
  display: inline-block;
}
.form-group label .required {
  position: relative;
}
.form-group label .required::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 10px;
  width: 5px;
  height: 5px;
  background-color: #d83832;
  border-radius: 50%;
}
.form-group .email-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form-group .email-form input {
  flex: 1 1 auto;
  border: none;
  max-width: calc(50% - 20px);
}
.form-group .email-form span {
  margin: 0 3px;
  width: 20px;
}
.form-group .email-form.disabled {
  background-color: #e9ecef;
  border-radius: 3px;
}
.form-group .certificate-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form-group .certificate-form input {
  flex: 1 1 auto;
  border: none;
  max-width: calc(33% - 20px);
}
.form-group .certificate-form span {
  margin: 0 3px;
  width: 20px;
}
.form-group .confirm.count .wrap {
  position: relative;
}
.form-group .confirm.count .wrap .time {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  color: #539a00;
  font-weight: 700;
}
@media (min-width: 992px) {
  .form-group label span {
    padding-top: 5px;
  }
}
@media (max-width: 991px) {
  .form-group label {
    margin-bottom: 5px;
  }
  .form-group label .required::after {
    top: 5px;
  }
}

.table caption {
  position: absolute;
  text-indent: -9999px;
}

@media (min-width: 992px) {
  .container, .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 991px) {
  .container, .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (combatguri92@gmail.com)
 * Date: 2020.1.3
 */
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 18px !important;
}

.swiper-pagination-dot span.swiper-pagination-bullet {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-color: transparent;
  opacity: 1;
}
.swiper-pagination-dot span.swiper-pagination-bullet::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  border: 0 solid #fff;
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color 200ms ease-in-out, border 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out, border 200ms ease-in-out;
  -ms-transition: background-color 200ms ease-in-out, border 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out, border 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, border 200ms ease-in-out;
}
.swiper-pagination-dot span.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: transparent !important;
  border-width: 2px;
}
.swiper-pagination-dot.swiper-pagination-dot-black span.swiper-pagination-bullet::before {
  background-color: #000;
  border-color: #000;
}
@media (min-width: 992px) {
  .swiper-pagination-dot {
    line-height: 10px;
    height: 14px;
  }
  .swiper-pagination-dot span.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin-right: 18px;
    margin-left: 18px;
    line-height: 14px;
  }
  .swiper-pagination-dot span.swiper-pagination-bullet::before {
    width: 6px;
    height: 6px;
  }
  .swiper-pagination-dot span.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 991px) {
  .swiper-pagination-dot {
    line-height: 8px;
    height: 12px;
  }
  .swiper-pagination-dot span.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin-right: 10px;
    margin-left: 10px;
    line-height: 12px;
  }
  .swiper-pagination-dot span.swiper-pagination-bullet::before {
    width: 6px;
    height: 6px;
  }
  .swiper-pagination-dot span.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 12px;
    height: 12px;
  }
}

.swiper-pagination-button::after {
  display: block;
  clear: both;
  content: "";
}
.swiper-pagination-button .swiper-button-prev, .swiper-pagination-button .swiper-button-next {
  position: relative;
  width: 42px;
  height: 42px;
  border: solid 1px #b4b4b3;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  margin: 0;
  border-radius: 2px;
}
.swiper-pagination-button .swiper-button-prev::after, .swiper-pagination-button .swiper-button-next::after {
  content: "";
  font-family: "icomoon";
  font-size: 1rem;
  color: #b4b4b3;
}
.swiper-pagination-button .swiper-button-prev {
  float: left;
  margin-right: 21px;
}
.swiper-pagination-button .swiper-button-prev::after {
  transform: scaleX(-1);
}
.article-guide {
  margin-bottom: 60px;
}
.article-guide h2 {
  margin-bottom: 20px;
}

.jumbotron-header {
  overflow: hidden;
  position: relative;
}
.jumbotron-header > .wrap {
  height: 100%;
  background-position: center;
  background-size: cover;
}
.jumbotron-header .flex-wrap {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  color: #FFF;
  flex-direction: column;
}
.jumbotron-header .title {
  font-size: 64px;
  font-weight: 500;
}
.jumbotron-header .title span {
  display: inline-block;
  vertical-align: top;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 350ms 150ms ease-in-out, -webkit-transform 350ms 150ms ease-in-out;
  -moz-transition: opacity 350ms 150ms ease-in-out, -moz-transform 350ms 150ms ease-in-out;
  -ms-transition: opacity 350ms 150ms ease-in-out, -ms-transform 350ms 150ms ease-in-out;
  -o-transition: opacity 350ms 150ms ease-in-out, -o-transform 350ms 150ms ease-in-out;
  transition: opacity 350ms 150ms ease-in-out, transform 350ms 150ms ease-in-out;
}
.jumbotron-header .nongshim-box {
  position: relative;
}
.jumbotron-header .nongshim-box > .dot {
  position: absolute;
  left: 50%;
  top: 20px;
  width: 0;
  height: 0;
  background-color: #96c11f;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: width 500ms 1150ms cubic-bezier(0.785, 0.135, 0.15, 0.86), height 500ms 1150ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 500ms 1150ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: width 500ms 1150ms cubic-bezier(0.785, 0.135, 0.15, 0.86), height 500ms 1150ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 500ms 1150ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: width 500ms 1150ms cubic-bezier(0.785, 0.135, 0.15, 0.86), height 500ms 1150ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 500ms 1150ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: width 500ms 1150ms cubic-bezier(0.785, 0.135, 0.15, 0.86), height 500ms 1150ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 500ms 1150ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: width 500ms 1150ms cubic-bezier(0.785, 0.135, 0.15, 0.86), height 500ms 1150ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 500ms 1150ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.jumbotron-header .nongshim-box > .line-1::before {
  left: auto;
  right: 0;
  width: 0;
  -webkit-transition: width 250ms 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: width 250ms 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: width 250ms 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: width 250ms 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 250ms 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.jumbotron-header .nongshim-box > .line-1::after {
  height: 0;
  -webkit-transition: height 100ms 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: height 100ms 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -ms-transition: height 100ms 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition: height 100ms 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: height 100ms 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.jumbotron-header .nongshim-box > .line-2::before {
  right: auto;
  left: 0;
  width: 0;
  -webkit-transition: width 300ms 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: width 300ms 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: width 300ms 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: width 300ms 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: width 300ms 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.jumbotron-header .nongshim-box > .line-2::after {
  height: 0;
  -webkit-transition: height 150ms 1000ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: height 150ms 1000ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: height 150ms 1000ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: height 150ms 1000ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: height 150ms 1000ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.jumbotron-header .nongshim-box > .title-desc {
  opacity: 0;
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: opacity 380ms 900ms ease-in-out, -webkit-transform 380ms 900ms ease-in-out;
  -moz-transition: opacity 380ms 900ms ease-in-out, -moz-transform 380ms 900ms ease-in-out;
  -ms-transition: opacity 380ms 900ms ease-in-out, -ms-transform 380ms 900ms ease-in-out;
  -o-transition: opacity 380ms 900ms ease-in-out, -o-transform 380ms 900ms ease-in-out;
  transition: opacity 380ms 900ms ease-in-out, transform 380ms 900ms ease-in-out;
}
.jumbotron-header.active .title span {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.jumbotron-header.active .nongshim-box > .dot {
  width: 13px;
  height: 13px;
  opacity: 1;
}
.jumbotron-header.active .nongshim-box > .line-1::before {
  width: 100%;
}
.jumbotron-header.active .nongshim-box > .line-1::after {
  height: 100%;
}
.jumbotron-header.active .nongshim-box > .line-2::before {
  width: 100%;
}
.jumbotron-header.active .nongshim-box > .line-2::after {
  height: 100%;
}
.jumbotron-header.active .nongshim-box > .title-desc {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media (max-width: 991px) {
  .jumbotron-header .nongshim-box > .dot {
    top: 10px;
  }
}
.jumbotron-header.jumbotron-header-non-bg .flex-wrap {
  color: #212529;
}
@media (min-width: 992px) {
  .jumbotron-header {
    margin-top: -125px;
    height: 670px;
    margin-bottom: 100px;
  }
  .jumbotron-header .title {
    font-size: 64px;
    font-weight: 500;
  }
  body.page-navigation-overflow .jumbotron-header > .wrap {
    padding-top: 125px;
  }
  .jumbotron-header.jumbotron-header-non-bg {
    height: 250px;
    margin-bottom: 0;
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .jumbotron-header {
    height: 300px;
    margin-bottom: 50px;
  }
  .jumbotron-header .title {
    font-size: 32px;
    font-weight: 500;
  }
  .jumbotron-header.jumbotron-header-non-bg {
    height: 175px;
    margin-bottom: 0;
  }
}

.nongshim-box {
  position: relative;
  width: calc(100% - 30px);
  height: 110px;
}
.nongshim-box .line-1, .nongshim-box .line-2 {
  position: absolute;
  display: block;
}
.nongshim-box .line-1::before, .nongshim-box .line-1::after, .nongshim-box .line-2::before, .nongshim-box .line-2::after {
  content: "";
  position: absolute;
  display: block;
  background-color: rgba(255, 255, 255, 0.4);
}
.nongshim-box .line-1 {
  left: 10px;
  top: 10px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
}
.nongshim-box .line-1::before {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
}
.nongshim-box .line-1::after {
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
}
.nongshim-box .line-1 .dot {
  position: absolute;
  left: 50%;
  top: -6.5px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #96c11f;
}
.nongshim-box .line-2 {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.nongshim-box .line-2::before {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
}
.nongshim-box .line-2::after {
  right: 0;
  bottom: 0;
  width: 2px;
  height: 100%;
}
.nongshim-box .title-desc {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  font-size: 24px;
  text-align: center;
  font-weight: 400;
  line-height: 1.75em;
}
@media (min-width: 992px) {
  .nongshim-box {
    width: 665px;
    height: 204px;
    padding: 60px 30px 60px 50px;
  }
  .nongshim-box .line-1, .nongshim-box .line-2 {
    position: absolute;
    display: block;
  }
  .nongshim-box .line-1::before, .nongshim-box .line-1::after, .nongshim-box .line-2::before, .nongshim-box .line-2::after {
    content: "";
    position: absolute;
    display: block;
    background-color: rgba(255, 255, 255, 0.4);
  }
  .nongshim-box .line-1 {
    left: 20px;
    top: 20px;
    width: calc(100% - 80px);
    height: calc(100% - 80px);
  }
  .nongshim-box .line-1::before {
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
  }
  .nongshim-box .line-1::after {
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
  }
  .nongshim-box .line-1 .dot {
    position: absolute;
    left: 50%;
    top: -6.5px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #96c11f;
  }
  .nongshim-box .line-2 {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .nongshim-box .line-2::before {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
  }
  .nongshim-box .line-2::after {
    right: 0;
    bottom: 0;
    width: 2px;
    height: 100%;
  }
}
@media (max-width: 991px) {
  .nongshim-box .title-desc {
    font-size: 12px;
  }
}
.nongshim-box.nongshim-box-green .line-1::before, .nongshim-box.nongshim-box-green .line-1::after, .nongshim-box.nongshim-box-green .line-2::before, .nongshim-box.nongshim-box-green .line-2::after {
  background-color: #96c11f;
}
.nongshim-box.nongshim-box-green .title-desc {
  color: #212529;
}

.article-title-dot {
  position: relative;
}
.article-title-dot .title {
  position: relative;
}
.article-title-dot .title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 50%;
  background-color: #96c11f;
}
.article-title-dot .title-desc {
  font-size: 22px;
  margin-top: 30px;
}
.article-title-dot.text-center .title::before {
  left: calc(50% - (11px));
}
@media (min-width: 992px) {
  .article-title-dot {
    margin-bottom: 46px;
  }
  .article-title-dot .title {
    padding-top: 42px;
  }
  .article-title-dot .title::before {
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 991px) {
  .article-title-dot {
    margin-bottom: 22px;
  }
  .article-title-dot .title {
    padding-top: 38px;
  }
  .article-title-dot .title::before {
    width: 18px;
    height: 18px;
  }
  .article-title-dot .title {
    padding-top: 33px;
  }
  .article-title-dot .title-desc {
    font-size: 16px;
    margin-top: 20px;
  }
  .article-title-dot.text-center .title::before {
    left: calc(50% - (9px));
  }
}
@media (min-width: 992px) {
  .article-title-dot.article-title-dot-lg .title {
    padding-top: 56px;
  }
  .article-title-dot.article-title-dot-lg .title::before {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 991px) {
  .article-title-dot.article-title-dot-lg .title {
    padding-top: 48px;
  }
  .article-title-dot.article-title-dot-lg .title::before {
    width: 28px;
    height: 28px;
  }
}
@media (min-width: 992px) {
  .article-title-dot.article-title-dot-sm .title {
    padding-top: 36px;
  }
  .article-title-dot.article-title-dot-sm .title::before {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 991px) {
  .article-title-dot.article-title-dot-sm .title {
    padding-top: 34px;
  }
  .article-title-dot.article-title-dot-sm .title::before {
    width: 14px;
    height: 14px;
  }
}

.dot-title-util {
  display: flex;
  height: 100%;
  align-items: flex-end;
  justify-content: flex-end;
  padding-bottom: 5px;
}

.article-footer-navigation {
  background-color: #f2f1de;
  margin-bottom: 0 !important;
}
.article-footer-navigation > .wrap {
  background-color: #FFF;
}
.article-footer-navigation .swiper-container {
  width: 100%;
  height: 100%;
}
.article-footer-navigation .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.article-footer-navigation .swiper-scrollbar {
  position: absolute;
  z-index: 50;
  -ms-touch-action: none;
  border-radius: 0;
  background-color: transparent;
}
.article-footer-navigation .swiper-scrollbar::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 2px solid #d8d7c6;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.article-footer-navigation .swiper-wrapper a {
  position: relative;
  width: 100%;
}
.article-footer-navigation .swiper-wrapper a span {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: 600;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.article-footer-navigation .swiper-scrollbar-drag {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #97c222;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}
.article-footer-navigation .img-container {
  background-size: cover;
  background-position: center;
}
@media (min-width: 992px) {
  .article-footer-navigation {
    padding-top: 60px;
    padding-bottom: 100px;
  }
  .article-footer-navigation .swiper-wrapper .swiper-slide {
    width: 33.3%;
  }
  .article-footer-navigation .swiper-wrapper a .img-container {
    height: 314px;
  }
  .article-footer-navigation .swiper-wrapper a span {
    font-size: 24px;
    line-height: 30px;
  }
  .article-footer-navigation .swiper-scrollbar {
    right: 30px;
    bottom: 49px;
    left: 30px;
    height: 22px;
  }
  .article-footer-navigation .swiper-scrollbar-drag {
    border-radius: 11px;
  }
}
@media (max-width: 991px) {
  .article-footer-navigation {
    padding-top: 10px;
    padding-bottom: 28px;
  }
  .article-footer-navigation .swiper-wrapper .swiper-slide {
    width: 187.5px;
  }
  .article-footer-navigation .swiper-wrapper a {
    position: relative;
    width: 100%;
  }
  .article-footer-navigation .swiper-wrapper a .img-container {
    height: 105px;
  }
  .article-footer-navigation .swiper-wrapper a span {
    font-size: 15px;
    line-height: 20px;
  }
  .article-footer-navigation .swiper-scrollbar {
    right: 20px;
    bottom: 10px;
    left: 20px;
    height: 11px;
  }
  .article-footer-navigation .swiper-scrollbar::before {
    border-bottom-width: 1px;
  }
  .article-footer-navigation .swiper-scrollbar-drag {
    border-radius: 6px;
  }
}

.number-card-list {
  position: relative;
  height: 100%;
}
.number-card-list .number {
  position: relative;
  width: 30px;
  height: 30px;
  line-height: 26px;
  font-size: 16px;
  border-radius: 50%;
  border: solid 1px #000;
  text-align: center;
}
.number-card-list .desc {
  position: relative;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .number-card-list .number {
    width: 50px;
    height: 50px;
    line-height: 44px;
    border-width: 2px;
    font-size: 24px;
    margin-bottom: 40px;
  }
  .number-card-list .desc {
    position: relative;
    height: calc(100% - 90px);
    padding-right: 50px;
    font-size: 20px;
    line-height: 1.75em;
  }
  .number-card-list .desc::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-right: solid 1px #e5e5e5;
  }
  .number-card-list .desc span {
    display: block;
    line-height: 30px;
    margin-top: 30px;
    font-size: 16px;
  }
  .number-card-list .desc em {
    display: block;
    font-style: normal;
    line-height: 20px;
    font-size: 14px;
    color: #ca0202;
  }
  .number-card-list .desc a {
    text-decoration: underline;
  }
  .number-card-list.border-none .desc::before {
    content: none;
  }
}
@media (max-width: 991px) {
  .number-card-list {
    margin-bottom: 25px;
  }
}

.nongshim-inner-search {
  border-bottom: solid 1px #949494;
  padding: 10px 0;
}
.nongshim-inner-search .wrap {
  position: relative;
  padding-right: 30px;
}
.nongshim-inner-search .wrap input {
  width: 100%;
  padding: 3px 15px;
  border: none;
}
.nongshim-inner-search .wrap input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c2c2c2;
  opacity: 1;
  /* Firefox */
}
.nongshim-inner-search .wrap input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #c2c2c2;
}
.nongshim-inner-search .wrap input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #c2c2c2;
}
.nongshim-inner-search .wrap i {
  position: absolute;
  right: 0;
  top: 3px;
}
@media (min-width: 992px) {
  .nongshim-inner-search {
    height: 54px;
  }
  .nongshim-inner-search input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 18px;
    opacity: 1;
    /* Firefox */
  }
  .nongshim-inner-search input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 18px;
  }
  .nongshim-inner-search input::-ms-input-placeholder {
    /* Microsoft Edge */
    font-size: 18px;
  }
  .nongshim-inner-search i {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .nongshim-inner-search {
    height: 40px;
  }
}

@media (min-width: 992px) {
  .article-register-gate > .container {
    border-top: 1px solid #aaaaaa;
  }
}

.article-register-step {
  padding-bottom: 40px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
  .article-register-step {
    margin-bottom: 100px;
  }
  .article-register-step .register-step-box {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 540px;
    margin: 0 auto;
  }
  .article-register-step .register-step-box .step {
    position: relative;
    text-align: center;
  }
  .article-register-step .register-step-box .step .circle {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    z-index: 2;
    margin-bottom: 5px;
    background-color: #FFF;
  }
  .article-register-step .register-step-box .step .circle::before, .article-register-step .register-step-box .step .circle::after {
    content: "";
    position: absolute;
  }
  .article-register-step .register-step-box .step .circle::before {
    left: 1px;
    top: 1px;
    background-color: #FFF;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    z-index: 1;
  }
  .article-register-step .register-step-box .step .circle::after {
    left: 6px;
    top: 6px;
    background-color: #FFF;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 1px solid #000;
    z-index: 2;
  }
  .article-register-step .register-step-box .step .line {
    position: absolute;
    top: 11px;
    left: 23px;
    height: 1px;
    width: 494px;
    background-color: #000;
  }
  .article-register-step .register-step-box .step .line::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    height: 5px;
    width: 50%;
    background-color: #96c11f;
    z-index: 1;
  }
  .article-register-step .register-step-box .step .name {
    margin-bottom: 0;
    font-size: 18px;
    color: #999;
    font-weight: bold;
  }
  .article-register-step .register-step-box .step.actived .circle::after {
    border: none;
    background-color: #96c11f;
  }
  .article-register-step .register-step-box .step.active .circle::before {
    background-color: #96c11f;
  }
  .article-register-step .register-step-box .step.active .circle::after {
    border: none;
  }
  .article-register-step .register-step-box .step.active .name {
    color: #000;
  }
  .article-register-step .register-step-box.step-02 .step .line::before {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .article-register-step {
    margin-bottom: 50px;
  }
  .article-register-step .register-step-box {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 300px;
    margin: 0 auto;
  }
  .article-register-step .register-step-box .step {
    position: relative;
    text-align: center;
  }
  .article-register-step .register-step-box .step .circle {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    z-index: 2;
    margin-bottom: 5px;
    background-color: #FFF;
  }
  .article-register-step .register-step-box .step .circle::before, .article-register-step .register-step-box .step .circle::after {
    content: "";
    position: absolute;
  }
  .article-register-step .register-step-box .step .circle::before {
    left: 1px;
    top: 1px;
    background-color: #FFF;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    z-index: 1;
  }
  .article-register-step .register-step-box .step .circle::after {
    left: 6px;
    top: 6px;
    background-color: #FFF;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 1px solid #000;
    z-index: 2;
  }
  .article-register-step .register-step-box .step .line {
    position: absolute;
    top: 11px;
    left: 23px;
    height: 1px;
    width: 254px;
    background-color: #000;
  }
  .article-register-step .register-step-box .step .line::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    height: 5px;
    width: 50%;
    background-color: #96c11f;
    z-index: 1;
  }
  .article-register-step .register-step-box .step .name {
    margin-bottom: 0;
    font-size: 18px;
    color: #999;
    font-weight: bold;
  }
  .article-register-step .register-step-box .step.actived .circle::after {
    border: none;
    background-color: #96c11f;
  }
  .article-register-step .register-step-box .step.active .circle::before {
    background-color: #96c11f;
  }
  .article-register-step .register-step-box .step.active .circle::after {
    border: none;
  }
  .article-register-step .register-step-box .step.active .name {
    color: #000;
  }
  .article-register-step .register-step-box.step-02 .step .line::before {
    width: 100%;
  }
}

.register-item {
  position: relative;
  height: 100%;
  text-align: center;
}
.register-item::after {
  display: block;
  clear: both;
  content: "";
}
.register-item::before, .register-item::after {
  content: "";
  position: absolute;
}
.register-item::before {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: solid 2px #e4e4e4;
}
.register-item::after {
  bottom: 0;
  right: 0;
  width: 0;
  height: 50%;
  border-right: solid 2px #e4e4e4;
}
.register-item.no-border::before, .register-item.no-border::after {
  content: none;
}
.register-item .img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 40px 0;
}
.register-item .img-box img {
  width: 125px;
  margin-bottom: 35px;
}
.register-item .img-box h2 {
  font-size: 28px;
  margin-bottom: 20px;
}
.register-item .function-box {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #e4e4e4;
}
.register-item .function-box > * {
  flex: 1 1 auto;
}
.register-item .function-box .social-login strong {
  display: block;
  margin-bottom: 25px;
}
.register-item .function-box .social-login .social-login-btn {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  font-size: 28px;
  line-height: 70px;
  margin: 0 15px;
}
.register-item .function-box .social-login .social-login-btn.naver {
  background-color: #2db400;
  color: #FFF;
}
.register-item .function-box .social-login .social-login-btn.kakao {
  background-color: #ffdc00;
  color: #381e1f;
}
.register-item .function-box .social-login .social-login-btn.facebook {
  background-color: #2a6cd0;
  color: #FFF;
}
@media (min-width: 992px) {
  .register-item {
    padding: 10px 90px;
  }
  .register-item .img-box {
    height: 280px;
  }
  .register-item .function-box {
    height: 150px;
  }
}
@media (max-width: 991px) {
  .register-item {
    padding: 0 30px;
  }
  .register-item .img-box {
    margin: 0;
  }
  .register-item .function-box .social-login .social-login-btn {
    margin: 0 10px;
  }
  .register-item.register-total {
    margin-bottom: 60px;
  }
  .register-item.register-sns {
    padding-top: 35px;
  }
  .register-item.register-sns::before, .register-item.register-sns::after {
    content: none;
  }
  .register-item.register-sns .function-box {
    border: none;
  }
}

.article-register-form .sso-title-header-vertical {
  position: relative;
}
.article-register-form .sso-title-header-vertical .title-dot {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: #96c11f;
  border-radius: 50%;
  margin-bottom: 15px;
}
.article-register-form .sso-title-header-vertical .title {
  font-weight: 500;
  color: #000;
  margin-bottom: 20px;
  font-size: 36px;
}
.article-register-form .sso-title-header-vertical .required-guide {
  position: relative;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 3px;
}
.article-register-form .sso-title-header-vertical .required-guide::before, .article-register-form .sso-title-header-vertical .required-guide::after {
  content: "";
  position: absolute;
}
.article-register-form .sso-title-header-vertical .required-guide::before {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: solid 1px #d83832;
}
.article-register-form .sso-title-header-vertical .required-guide::after {
  right: -8px;
  top: 4px;
  width: 5px;
  height: 5px;
  background-color: #d83832;
  border-radius: 50%;
}
@media (max-width: 991px) {
  .article-register-form .sso-title-header-vertical {
    margin-bottom: 20px;
  }
  .article-register-form .sso-title-header-vertical .title-dot {
    width: 16px;
    height: 16px;
    margin-bottom: 7px;
  }
  .article-register-form .sso-title-header-vertical .title {
    font-size: 24px;
  }
  .article-register-form .sso-title-header-vertical .required-guide {
    font-size: 12px;
  }
}
.article-register-form .form-container {
  border-top: solid 1px #aaa;
}
.article-register-form .form-container.bdt_none {
  border-top: 0 !important;
}
.article-register-form .form-container .form-item {
  border-top: solid 1px #e4e4e4;
}
.article-register-form .form-container .form-item:first-of-type {
  border-top: none;
}
.article-register-form .form-container .form-item .border-bottom {
  border-color: #000 !important;
}
.article-register-form .form-container .form-item .email-noti-box {
  display: table;
}
.article-register-form .form-container .form-item .email-noti-box dt, .article-register-form .form-container .form-item .email-noti-box dd {
  display: table-cell;
}
.article-register-form .form-container .form-item .email-noti-box dt {
  width: 140px;
  font-weight: normal;
}
.article-register-form .form-container .form-item .terms-area {
  height: 200px;
  padding: 30px;
  background-color: #f6f6f6;
  color: #333;
  font-size: 14px;
  line-height: 26px;
  overflow-y: scroll;
  margin-top: 20px;
  margin-bottom: 20px;
}
.article-register-form .form-container .form-item .terms-area > strong {
  font-size: 16px;
}
.article-register-form .form-container .form-item .terms-area > p {
  padding: 0 0 0 10px;
}
.article-register-form .form-container .form-item .terms-area b {
  display: inline;
  font-size: 16px;
  border-bottom: 1px solid #666;
  padding-bottom: 2px;
}
.article-register-form .form-container .form-item.form-submit h5 {
  line-height: 1.75em;
}
@media (min-width: 992px) {
  .article-register-form .form-container .form-item {
    padding: 60px 40px 44px;
  }
}
@media (max-width: 991px) {
  .article-register-form .form-container .form-item {
    padding: 30px 0;
  }
  .article-register-form .form-container .form-item.form-submit h5 {
    font-size: 14px;
  }
  .article-register-form .form-container .form-item.form-submit .u {
    border-bottom: solid 1px #000;
  }
}
.article-register-form .form-container .agree_info_txt {
  width: 100%;
  color: #222;
  font-size: 20px;
  text-align: center;
  line-height: 34px;
  border-top: 1px solid #e4e4e4;
  padding-top: 55px;
  margin: 0;
}
.article-register-form .form-container .agree_info_txt + .form-item {
  padding: 40px 0 0 !important;
}
.article-register-form .form-container .agree_info_txt + .form-item .btn {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 33px;
  border: 0;
  padding: 10px 0.75rem;
  margin: 0;
}
.article-register-form .form-container .agree_info_txt + .form-item .btn.btn-cancel {
  background: #f1f1f1;
}
.article-register-form .form-container .agree_info_txt + .form-item .btn.btn-register {
  background: #96c11f;
}
.article-register-form .form-container .social-login.sm-cont i {
  display: inline-block;
  font-size: 20px;
  padding-bottom: 7px;
  vertical-align: middle;
}
.article-register-form .form-container .social-login .social-login-btn {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 28px;
  line-height: 50px;
  margin: 0 10px;
  text-align: center;
  cursor: auto;
}
.article-register-form .form-container .social-login .social-login-btn.naver {
  background-color: #2db400;
  color: #FFF;
}
.article-register-form .form-container .social-login .social-login-btn.kakao {
  background-color: #ffdc00;
  color: #381e1f;
}
.article-register-form .form-container .social-login .social-login-btn.facebook {
  background-color: #2a6cd0;
  color: #FFF;
}
.article-register-form .form-container .social-login .social-login-btn.disabled {
  background-color: #e4e4e4;
  color: #aaa;
  cursor: pointer;
}
.article-register-form .form-container .social-login .social-join-btn {
  display: inline-block;
  border-radius: 50%;
  font-size: 15px;
  margin-top: 40px;
  margin-right: 10px;
  text-align: center;
  cursor: auto;
}
.article-register-form .form-container .social-login .social-join-btn.naver i {
  color: #03cf5d;
}
.article-register-form .form-container .social-login .social-join-btn.kakao i {
  color: #381e1f;
}
.article-register-form .form-container .social-login .social-join-btn.facebook i {
  color: #5064a8;
}
.article-register-form .form-container .social-login .social-join-btn .btn i {
  margin-right: 10px;
}
.article-register-form .form-container .social-login .social-join-btn .btn:hover i {
  color: #fff;
}
@media (max-width: 991px) {
  .article-register-form .form-container .social-login .social-join-btn {
    display: block;
    margin-bottom: 10px;
  }
}
.article-register-form .form-container .form-terms-mobile .d-table {
  width: 100%;
  table-layout: fixed;
}
.article-register-form .form-container .form-terms-mobile .d-table .d-table-cell {
  font-size: 14px;
  vertical-align: top;
}
.article-register-form .form-container .form-terms-mobile .d-table .d-table-cell.table-more {
  width: 70px;
  text-align: right;
  font-size: 12px;
}
.article-register-form .form-container .form-terms-mobile .d-table .d-table-cell .terms-more {
  display: inline-block;
  color: #888;
  font-size: 12px;
  border-bottom: 1px solid #888;
}

.article-adv {
  margin-top: 100px;
}
.article-adv .adv-item {
  position: relative;
  background-color: #f6f6f6;
  margin-bottom: 20px;
}
.article-adv .adv-item .desc {
  display: block;
}
.article-adv .adv-item strong {
  display: block;
  font-size: 26px;
  font-weight: 400;
}
.article-adv .adv-item .more {
  position: absolute;
}
.article-adv .adv-item .more span {
  position: relative;
  padding-right: 30px;
  font-size: 14px;
  color: #999;
}
.article-adv .adv-item .more span::before, .article-adv .adv-item .more span::after {
  content: "";
  position: absolute;
}
.article-adv .adv-item .more span::before {
  right: -15px;
  width: 30px;
  height: 0;
  border-bottom: solid 1px #d83832;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.article-adv .adv-item .more span::after {
  right: -15px;
  width: 5px;
  height: 5px;
  background-color: #d83832;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
}
.article-adv .adv-item img {
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.article-adv .adv-item .bt-text {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.article-adv .adv-item .bt-text span {
  display: block;
  font-size: 14px;
  color: #666;
}
.article-adv .adv-item .bt-text a {
  display: block;
  font-size: 34px;
  line-height: 1.3em;
  color: #008aaf;
}
.article-adv .adv-item.adv-ocher {
  background-color: #f7efd4;
}
.article-adv .adv-item.adv-ocher .strong {
  color: #5a3203;
}
.article-adv .adv-item.adv-blue {
  background-color: #dff2f5;
}
.article-adv .adv-item.adv-blue .strong {
  color: #065271;
}
@media (min-width: 992px) {
  .article-adv .adv-item {
    height: 260px;
    padding: 50px 40px;
  }
  .article-adv .adv-item .more {
    bottom: 50px;
    left: 40px;
  }
}
@media (max-width: 991px) {
  .article-adv .adv-item {
    height: 140px;
    padding: 25px 20px;
  }
  .article-adv .adv-item .desc {
    font-size: 12px;
  }
  .article-adv .adv-item strong {
    font-size: 16px;
  }
  .article-adv .adv-item .more {
    bottom: 25px;
    left: 20px;
  }
  .article-adv .adv-item.adv-ocher img {
    height: 70px;
    right: 20px;
    bottom: 20px;
  }
  .article-adv .adv-item.adv-blue img {
    max-height: 110px;
    right: 20px;
    bottom: 20px;
  }
  .article-adv .adv-item.adv-phone .bt-text {
    left: auto;
    right: 30px;
  }
  .article-adv .adv-item.adv-phone .bt-text a {
    font-size: 26px;
  }
}

.check-box-each span {
  position: relative;
  display: inline-block;
  color: #666666;
  padding-top: 0 !important;
}
.check-box-each span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  display: inline-block;
  border: solid 1px #666;
  border-radius: 50%;
}
.check-box-each input:checked + span::before {
  background-color: #96c11f;
  border: none;
}
@media (min-width: 992px) {
  .check-box-each {
    cursor: pointer;
  }
  .check-box-each span {
    padding-left: 25px;
    margin-right: 15px;
  }
  .check-box-each span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 991px) {
  .check-box-each span {
    padding-left: 19px;
    margin-right: 15px;
  }
  .check-box-each span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 14px;
    height: 14px;
  }
}

.check-box-all {
  cursor: pointer;
}
.check-box-all i, .check-box-all span {
  vertical-align: middle;
}
.check-box-all i {
  font-size: 22px;
  margin-right: 3px;
}
.check-box-all input:checked + i {
  color: #96c11f;
}

.nongshim-accordion {
  margin-top: 80px;
  font-weight: 100;
}
.nongshim-accordion .acc-item.active .acc-item-head {
  background: #fafafa;
}
.nongshim-accordion .acc-item.active .acc-item-body {
  background: #fafafa;
}
.nongshim-accordion .acc-item.active .icon-Q {
  font-weight: bold;
}
.nongshim-accordion .acc-item.active .icon-arrow-bottom::before {
  transform: rotate(180deg);
}
.nongshim-accordion .acc-item:first-child {
  border-top: 1px solid #ccc;
}
.nongshim-accordion .acc-item .acc-item-head a {
  position: relative;
  display: block;
  color: #000;
  font-weight: 300;
  padding: 29px 90px 29px 60px;
  border-bottom: 1px solid #e4e4e4;
}
.nongshim-accordion .acc-item .acc-item-head a span {
  color: #666;
}
.nongshim-accordion .acc-item .acc-item-head a i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nongshim-accordion .acc-item .acc-item-head a i.icon-Q {
  left: 36px;
  color: #539a00;
}
.nongshim-accordion .acc-item .acc-item-head a i.icon-chevron-down {
  right: 20px;
  font-size: 30px;
  color: #888;
}
.nongshim-accordion .acc-item .acc-item-body {
  border-bottom: 1px solid #ca0202;
}
.nongshim-accordion .acc-item .acc-item-body p {
  padding: 60px 0;
  line-height: 1.8;
  color: #333;
  font-weight: 300;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .nongshim-accordion .acc-item .acc-item-head a {
    padding: 17.75px 45px 17.75px 45px;
  }
  .nongshim-accordion .acc-item .acc-item-head a i.icon-Q {
    left: 20px;
  }
  .nongshim-accordion .acc-item .acc-item-head a i.icon-chevron-down {
    font-size: 16px;
  }
}

.nongshim-red-tab {
  position: relative;
  margin-bottom: 30px;
}
.nongshim-red-tab ul {
  display: table;
  table-layout: fixed;
}
.nongshim-red-tab ul li {
  display: table-cell;
  border: solid #e4e4e4;
  border-width: 1px 1px 1px 0;
}
.nongshim-red-tab ul li:first-of-type {
  border-left-width: 1px;
}
.nongshim-red-tab ul li a {
  display: block;
  white-space: nowrap;
}
.nongshim-red-tab.nongshim-red-tab-block ul {
  min-width: 100%;
  text-align: center;
}
.nongshim-red-tab.nongshim-red-tab-block ul li {
  width: 10%;
}
@media (min-width: 992px) {
  .nongshim-red-tab ul li a {
    padding: 17px 30px;
    font-size: 18px;
    line-height: 1.75;
  }
  .nongshim-red-tab ul li a:not(.collapsed) {
    background-color: #d83832;
    color: #FFF;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .nongshim-red-tab ul li a:hover {
    background-color: #d83832;
    color: #FFF;
  }
}
@media (max-width: 991px) {
  .nongshim-red-tab {
    overflow-x: auto;
  }
  .nongshim-red-tab ul li a {
    padding: 11px 30px;
    font-size: 16px;
    line-height: 1.75;
  }
  .nongshim-red-tab ul li a:not(.collapsed) {
    background-color: #d83832;
    color: #FFF;
  }
}
@media (max-width: 991px) and (min-width: 992px) {
  .nongshim-red-tab ul li a:hover {
    background-color: #d83832;
    color: #FFF;
  }
}
.nongshim-inner-tab {
  position: relative;
  height: 38px;
}
.nongshim-inner-tab ul {
  display: table;
  height: 100%;
}
.nongshim-inner-tab ul li {
  position: relative;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.nongshim-inner-tab ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 0;
  height: 20px;
  border-right: solid 1px #e4e4e4;
}
.nongshim-inner-tab ul li:first-of-type::before {
  content: none;
}
.nongshim-inner-tab ul li a {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  color: #636262;
  font-weight: bold;
}
.nongshim-inner-tab ul li a.active, .nongshim-inner-tab ul li a:hover {
  color: #000;
}
.nongshim-inner-tab ul li a::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: solid 2px #e6001e;
}
.nongshim-inner-tab ul li a::after {
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 8px;
  height: 8px;
  border: solid #e6001e;
  border-width: 0 2px 2px 0;
  background-color: #FFF;
  transform: rotate(45deg) translateX(-50%);
}
.nongshim-inner-tab.bg_tab ul li a:after {
  background-color: #f6f6f6;
}
@media (min-width: 992px) {
  .nongshim-inner-tab ul {
    margin: -10px;
  }
  .nongshim-inner-tab ul li {
    padding: 0 10px;
  }
  .nongshim-inner-tab ul li a {
    padding: 0 10px;
  }
  .nongshim-inner-tab ul li a.active::before, .nongshim-inner-tab ul li a.active::after, .nongshim-inner-tab ul li a:hover::before, .nongshim-inner-tab ul li a:hover::after {
    content: "";
  }
}
@media (max-width: 991px) {
  .nongshim-inner-tab ul {
    margin: -7px;
  }
  .nongshim-inner-tab ul li {
    padding: 0 7px;
  }
  .nongshim-inner-tab ul li a {
    padding: 0 7px;
  }
  .nongshim-inner-tab ul li a.active::before, .nongshim-inner-tab ul li a.active::after {
    content: "";
  }
}

.nongshim-line-tab {
  position: relative;
  height: 70px;
}
.nongshim-line-tab ul {
  display: table;
  height: 100%;
  border: solid #e8e8e8;
  border-width: 0 2px 2px 0;
}
.nongshim-line-tab ul li {
  position: relative;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.nongshim-line-tab ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 25px;
  width: 0;
  height: 20px;
  border-right: solid 1px #e4e4e4;
}
.nongshim-line-tab ul li:first-of-type::before {
  content: none;
}
.nongshim-line-tab ul li a {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  color: #636262;
  font-weight: bold;
  padding: 0 20px;
}
.nongshim-line-tab ul li a::before {
  position: absolute;
  bottom: -5px;
  left: calc(50% - (8px/2));
  width: 8px;
  height: 8px;
  background-color: #e6001e;
  border-radius: 50%;
}
.nongshim-line-tab ul li a.active::before {
  content: "";
}
.nongshim-line-tab.nongshim-line-tab-block ul {
  min-width: 100%;
  text-align: center;
}
.nongshim-line-tab.nongshim-line-tab-block ul li {
  width: 10%;
}
.nongshim-line-tab.nongshim-line-tab-block ul li a {
  justify-content: center;
}
@media (min-width: 992px) {
  .page-navigation {
    position: fixed;
    z-index: 80;
    top: 125px;
    right: 0;
    left: 0;
    width: 100%;
    height: 70px;
    -webkit-transition: -webkit-transform 200ms ease-in-out, background-color 200ms ease-in-out;
    -moz-transition: -moz-transform 200ms ease-in-out, background-color 200ms ease-in-out;
    -ms-transition: -ms-transform 200ms ease-in-out, background-color 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out, background-color 200ms ease-in-out;
    transition: transform 200ms ease-in-out, background-color 200ms ease-in-out;
  }
  body.hide-unb .page-navigation {
    -webkit-transform: translateY(-45px);
    -moz-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    -o-transform: translateY(-45px);
    transform: translateY(-45px);
  }
  body.hide-nav .page-navigation {
    -webkit-transform: translateY(-196px);
    -moz-transform: translateY(-196px);
    -ms-transform: translateY(-196px);
    -o-transform: translateY(-196px);
    transform: translateY(-196px);
    -webkit-transition: -webkit-transform 400ms ease-in-out, background-color 200ms ease-in-out;
    -moz-transition: -moz-transform 400ms ease-in-out, background-color 200ms ease-in-out;
    -ms-transition: -ms-transform 400ms ease-in-out, background-color 200ms ease-in-out;
    -o-transition: -o-transform 400ms ease-in-out, background-color 200ms ease-in-out;
    transition: transform 400ms ease-in-out, background-color 200ms ease-in-out;
  }
  body.hide-nav.hide-unb .page-navigation {
    -webkit-transition: -webkit-transform 220ms ease-in-out, background-color 200ms ease-in-out;
    -moz-transition: -moz-transform 220ms ease-in-out, background-color 200ms ease-in-out;
    -ms-transition: -ms-transform 220ms ease-in-out, background-color 200ms ease-in-out;
    -o-transition: -o-transform 220ms ease-in-out, background-color 200ms ease-in-out;
    transition: transform 220ms ease-in-out, background-color 200ms ease-in-out;
  }
  html.open-search-bar body.hide-unb .page-navigation {
    -webkit-transform: translateY(-45px) !important;
    -moz-transform: translateY(-45px) !important;
    -ms-transform: translateY(-45px) !important;
    -o-transform: translateY(-45px) !important;
    transform: translateY(-45px) !important;
  }
  html.open-search-bar .page-navigation {
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  html.is-resize .page-navigation {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .page-navigation::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-transition: border-color 200ms ease-in-out;
    -moz-transition: border-color 200ms ease-in-out;
    -ms-transition: border-color 200ms ease-in-out;
    -o-transition: border-color 200ms ease-in-out;
    transition: border-color 200ms ease-in-out;
  }
  html.is-resize .page-navigation::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .page-navigation > .container-fluid {
    padding: 15px 60px;
  }
  body.header-over .page-navigation, .page-navigation:hover {
    background-color: #fff;
  }
  body.header-over .page-navigation::before, .page-navigation:hover::before {
    border-top-color: #f0f0f0;
  }
  body.header-over .page-navigation .page-nav, .page-navigation:hover .page-nav {
    color: #666;
  }
  body.header-over .page-navigation .page-nav a.home, .page-navigation:hover .page-nav a.home {
    border-color: #e6e6e6;
  }
  body.header-over .page-navigation .page-nav a.home svg path, .page-navigation:hover .page-nav a.home svg path {
    fill: #000;
  }
  body.header-over .page-navigation .page-nav .nav-list > .nav-item-select-wrap > a, .page-navigation:hover .page-nav .nav-list > .nav-item-select-wrap > a {
    color: #666;
  }
  body.header-over .page-navigation .page-option .option-btn > a, .page-navigation:hover .page-option .option-btn > a {
    color: #000;
    border-color: #e6e6e6;
  }
  .page-navigation .page-nav {
    display: flex;
    position: relative;
    color: #fff;
  }
  .page-navigation .page-nav a.home {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 13px 11px;
    vertical-align: top;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    -ms-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
  }
  html.is-resize .page-navigation .page-nav a.home {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .page-navigation .page-nav a.home svg {
    display: block;
    vertical-align: top;
  }
  .page-navigation .page-nav a.home svg path {
    fill: #fff;
    -webkit-transition: fill 200ms ease-in-out;
    -moz-transition: fill 200ms ease-in-out;
    -ms-transition: fill 200ms ease-in-out;
    -o-transition: fill 200ms ease-in-out;
    transition: fill 200ms ease-in-out;
  }
  html.is-resize .page-navigation .page-nav a.home svg path {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .page-navigation .page-nav a.home:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }
  .page-navigation .page-nav .nav-list {
    display: flex;
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
  }
  .page-navigation .page-nav .nav-list > span.nav-item {
    display: inline-block;
    position: relative;
    padding-top: 10px;
    padding-right: 36px;
    padding-bottom: 10px;
    vertical-align: top;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -ms-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
  }
  html.is-resize .page-navigation .page-nav .nav-list > span.nav-item {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .page-navigation .page-nav .nav-list > span.nav-item::after {
    content: "/";
    display: block;
    position: absolute;
    top: 13px;
    right: 15px;
    line-height: 14px;
  }
  .page-navigation .page-nav .nav-list > span.nav-item:last-child {
    padding-right: 0;
  }
  .page-navigation .page-nav .nav-list > span.nav-item:last-child::after {
    display: none;
  }
  .page-navigation .page-nav .nav-list > .nav-item-select-wrap {
    position: relative;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -ms-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
  }
  html.is-resize .page-navigation .page-nav .nav-list > .nav-item-select-wrap {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .page-navigation .page-nav .nav-list > .nav-item-select-wrap > span.nav-item {
    display: inline-block;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 2px;
    vertical-align: top;
  }
  .page-navigation .page-nav .nav-list > .nav-item-select-wrap > a {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 40px;
    padding: 8px 7px 6px 5px;
    vertical-align: top;
    color: #fff;
    font-size: 20px;
    line-height: 26px;
  }
  .page-navigation .page-nav .nav-list > .nav-item-select-wrap > a::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 0 solid #d83832;
    -webkit-transition: border-width 180ms ease-in-out;
    -moz-transition: border-width 180ms ease-in-out;
    -ms-transition: border-width 180ms ease-in-out;
    -o-transition: border-width 180ms ease-in-out;
    transition: border-width 180ms ease-in-out;
  }
  html.is-resize .page-navigation .page-nav .nav-list > .nav-item-select-wrap > a::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .page-navigation .page-nav .nav-list > .nav-item-select-wrap > a:hover::before, .page-navigation .page-nav .nav-list > .nav-item-select-wrap > a.active::before {
    border-top-width: 2px;
  }
  .page-navigation .page-nav .nav-list > .nav-item-select-wrap > a i {
    display: inline-block;
    vertical-align: top;
  }
  .page-navigation .page-nav .nav-list > .nav-item-select-wrap .option-sub-menu {
    visibility: hidden;
    position: absolute;
    z-index: 2;
    top: 64px;
    right: 0;
    background-color: #fff;
    opacity: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    pointer-events: none;
  }
  .page-navigation .page-nav .nav-list > .nav-item-select-wrap .option-sub-menu::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 14px;
    right: 7px;
    border: 5px solid transparent;
    border-bottom-color: #fff;
    border-right-color: #fff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: top 120ms 340ms ease-in-out;
    -moz-transition: top 120ms 340ms ease-in-out;
    -ms-transition: top 120ms 340ms ease-in-out;
    -o-transition: top 120ms 340ms ease-in-out;
    transition: top 120ms 340ms ease-in-out;
  }
  html.is-resize .page-navigation .page-nav .nav-list > .nav-item-select-wrap .option-sub-menu::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .page-navigation .page-nav .nav-list > .nav-item-select-wrap .option-sub-menu.active::before {
    top: 7px;
    -webkit-transition: top 120ms 440ms ease-in-out;
    -moz-transition: top 120ms 440ms ease-in-out;
    -ms-transition: top 120ms 440ms ease-in-out;
    -o-transition: top 120ms 440ms ease-in-out;
    transition: top 120ms 440ms ease-in-out;
  }
  html.is-resize .page-navigation .page-nav .nav-list > .nav-item-select-wrap .option-sub-menu.active::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .page-navigation .page-nav .nav-list > .nav-item-select-wrap .option-sub-menu > .wrap {
    padding: 26px 35px 26px 30px;
  }
  .page-navigation .page-nav .nav-list > .nav-item-select-wrap .option-sub-menu ul > li {
    display: block;
    vertical-align: top;
  }
  .page-navigation .page-nav .nav-list > .nav-item-select-wrap .option-sub-menu ul > li > a {
    display: block;
    height: 38px;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    white-space: nowrap;
  }
  .page-navigation .page-nav .nav-list > .nav-item-select-wrap .option-sub-menu ul > li > a span {
    display: inline-block;
    position: relative;
    margin-left: 8px;
    padding-top: 9px;
    padding-bottom: 9px;
    vertical-align: top;
  }
  .page-navigation .page-nav .nav-list > .nav-item-select-wrap .option-sub-menu ul > li > a span::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 5px;
    width: 0;
    height: 0;
    border-bottom: solid 1px #ca0202;
    -webkit-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -moz-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -ms-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -o-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
  }
  html.is-resize .page-navigation .page-nav .nav-list > .nav-item-select-wrap .option-sub-menu ul > li > a span::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .page-navigation .page-nav .nav-list > .nav-item-select-wrap .option-sub-menu ul > li > a:hover span::before, .page-navigation .page-nav .nav-list > .nav-item-select-wrap .option-sub-menu ul > li > a.active span::before {
    width: 100%;
  }
  .page-navigation .page-nav .nav-list > .nav-item-select-wrap .option-sub-menu.active {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .page-navigation .page-option .option-btn {
    position: relative;
  }
  .page-navigation .page-option .option-btn > a {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    padding: 6px 4px 4px 6px;
    color: #fff;
    font-size: 26px;
    line-height: 26px;
    border: 1px solid #fff;
    -webkit-transition: border-color 200ms ease-in-out, color 200ms ease-in-out;
    -moz-transition: border-color 200ms ease-in-out, color 200ms ease-in-out;
    -ms-transition: border-color 200ms ease-in-out, color 200ms ease-in-out;
    -o-transition: border-color 200ms ease-in-out, color 200ms ease-in-out;
    transition: border-color 200ms ease-in-out, color 200ms ease-in-out;
  }
  html.is-resize .page-navigation .page-option .option-btn > a {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .page-navigation .page-option .option-btn > a i {
    display: inline-block;
    vertical-align: top;
  }
  .page-navigation .page-option .option-btn > a::before {
    content: "";
    display: block;
    position: absolute;
    right: -1px;
    bottom: -1px;
    left: -1px;
    height: 0;
    border-top: 0 solid #d83832;
    -webkit-transition: border-width 180ms ease-in-out;
    -moz-transition: border-width 180ms ease-in-out;
    -ms-transition: border-width 180ms ease-in-out;
    -o-transition: border-width 180ms ease-in-out;
    transition: border-width 180ms ease-in-out;
  }
  html.is-resize .page-navigation .page-option .option-btn > a::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .page-navigation .page-option .option-btn > a:hover::before, .page-navigation .page-option .option-btn > a.active::before {
    border-top-width: 2px;
  }
  .page-navigation .page-option .option-btn .option-sub-menu {
    visibility: hidden;
    position: absolute;
    z-index: 2;
    top: 64px;
    right: 0;
    opacity: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    pointer-events: none;
  }
  .page-navigation .page-option .option-btn .option-sub-menu::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 14px;
    right: 7px;
    border: 5px solid transparent;
    border-bottom-color: #fff;
    border-right-color: #fff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: top 120ms 340ms ease-in-out;
    -moz-transition: top 120ms 340ms ease-in-out;
    -ms-transition: top 120ms 340ms ease-in-out;
    -o-transition: top 120ms 340ms ease-in-out;
    transition: top 120ms 340ms ease-in-out;
  }
  html.is-resize .page-navigation .page-option .option-btn .option-sub-menu::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .page-navigation .page-option .option-btn .option-sub-menu.active::before {
    top: 7px;
    -webkit-transition: top 120ms 440ms ease-in-out;
    -moz-transition: top 120ms 440ms ease-in-out;
    -ms-transition: top 120ms 440ms ease-in-out;
    -o-transition: top 120ms 440ms ease-in-out;
    transition: top 120ms 440ms ease-in-out;
  }
  html.is-resize .page-navigation .page-option .option-btn .option-sub-menu.active::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .page-navigation .page-option .option-btn .option-sub-menu > .wrap {
    padding: 26px 35px 26px 30px;
    background-color: #fff;
  }
  .page-navigation .page-option .option-btn .option-sub-menu ul > li {
    display: block;
    vertical-align: top;
  }
  .page-navigation .page-option .option-btn .option-sub-menu ul > li > a {
    display: block;
    height: 38px;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    white-space: nowrap;
  }
  .page-navigation .page-option .option-btn .option-sub-menu ul > li > a span {
    display: inline-block;
    position: relative;
    margin-left: 8px;
    padding-top: 9px;
    padding-bottom: 9px;
    vertical-align: top;
  }
  .page-navigation .page-option .option-btn .option-sub-menu ul > li > a span::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 5px;
    width: 0;
    height: 0;
    border-bottom: solid 1px #ca0202;
    -webkit-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -moz-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -ms-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -o-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
  }
  html.is-resize .page-navigation .page-option .option-btn .option-sub-menu ul > li > a span::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .page-navigation .page-option .option-btn .option-sub-menu ul > li > a i {
    display: inline-block;
    width: 26px;
    vertical-align: top;
    text-align: center;
  }
  .page-navigation .page-option .option-btn .option-sub-menu ul > li > a.option-print i {
    padding-top: 12px;
    font-size: 15px;
  }
  .page-navigation .page-option .option-btn .option-sub-menu ul > li > a.option-facebook i {
    padding-top: 12px;
    color: #2a6cd0;
  }
  .page-navigation .page-option .option-btn .option-sub-menu ul > li > a.option-twitter i {
    padding-top: 11px;
    color: #39b7db;
  }
  .page-navigation .page-option .option-btn .option-sub-menu ul > li > a.option-url i {
    padding-top: 12px;
  }
  .page-navigation .page-option .option-btn .option-sub-menu ul > li > a:hover span::before {
    width: 100%;
  }
  .page-navigation .page-option .option-btn .option-sub-menu.active {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  body:not(.page-navigation-overflow) .page-navigation {
    background-color: #fff;
  }
  body:not(.page-navigation-overflow) .page-navigation::before {
    border-top-color: #f0f0f0;
  }
  body:not(.page-navigation-overflow) .page-navigation .page-nav {
    color: #666;
  }
  body:not(.page-navigation-overflow) .page-navigation .page-nav a.home {
    border-color: #e6e6e6;
  }
  body:not(.page-navigation-overflow) .page-navigation .page-nav a.home svg path {
    fill: #000;
  }
  body:not(.page-navigation-overflow) .page-navigation .page-nav .nav-list > .nav-item-select-wrap > a {
    color: #666;
  }
  body:not(.page-navigation-overflow) .page-navigation .page-option .option-btn > a {
    color: #000;
    border-color: #e6e6e6;
  }
  body.sub-visual-down .page-navigation {
    background-color: #fff;
  }
  body.sub-visual-down .page-navigation::before {
    border-top-color: #f0f0f0;
  }
  body.sub-visual-down .page-navigation .page-nav {
    color: #666;
  }
  body.sub-visual-down .page-navigation .page-nav a.home {
    border-color: #e6e6e6;
  }
  body.sub-visual-down .page-navigation .page-nav a.home svg path {
    fill: #000;
  }
  body.sub-visual-down .page-navigation .page-nav .nav-list > .nav-item-select-wrap > a {
    color: #666;
  }
  body.sub-visual-down .page-navigation .page-option .option-btn > a {
    color: #000;
    border-color: #e6e6e6;
  }
}
@media (max-width: 991px) {
  .page-navigation {
    overflow: hidden;
    display: block;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
    background-color: #fff;
    pointer-events: none;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: box-shadow 200ms ease-in-out;
    -moz-transition: box-shadow 200ms ease-in-out;
    -ms-transition: box-shadow 200ms ease-in-out;
    -o-transition: box-shadow 200ms ease-in-out;
    transition: box-shadow 200ms ease-in-out;
  }
  html.is-resize .page-navigation {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  html.open-page-nav .page-navigation, body.hide-nav .page-navigation {
    pointer-events: auto;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.07);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .page-navigation > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
  .page-navigation > .container-fluid > .row {
    display: block;
    position: relative;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .page-navigation > .container-fluid > .row > .col {
    display: block;
    position: relative;
    width: 100%;
    max-width: inherit;
    padding-right: 0;
    padding-left: 0;
  }
  .page-navigation > .container-fluid > .row > .col-auto {
    display: none !important;
  }
  html.open-page-nav.open-page-nav-in .page-navigation {
    height: auto;
  }
  .page-navigation .page-nav {
    position: relative;
  }
  .page-navigation .page-nav > a.home {
    position: absolute;
    top: 7.5px;
    left: 21px;
    width: 35px;
    height: 35px;
    padding: 11px 9px;
    background-color: transparent;
    border: 1px solid #e6e6e6;
    color: #000;
    cursor: pointer;
  }
  .page-navigation .page-nav > a.home svg {
    display: block;
    width: 15px;
    height: 11px;
    vertical-align: top;
  }
  .page-navigation .page-nav > a.home svg path {
    fill: #000;
  }
  .page-navigation .page-nav .nav-list {
    position: relative;
  }
  .page-navigation .page-nav .nav-list > .nav-item {
    display: none !important;
  }
  .page-navigation .page-nav .nav-list > .nav-item.one {
    display: block !important;
    position: relative;
    width: 100%;
    height: 50px;
    padding: 16px 70px 14px;
    font-size: 14px;
    line-height: 20px;
  }
  .page-navigation .page-nav .nav-list .nav-item-select-wrap > .nav-item {
    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    padding: 16px 70px 14px;
    font-size: 14px;
    line-height: 20px;
  }
  .page-navigation .page-nav .nav-list .nav-item-select-wrap > .nav-item::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 1px solid #f0f0f0;
  }
  .page-navigation .page-nav .nav-list .nav-item-select-wrap > a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 16px 23px 17px 10px;
    vertical-align: top;
  }
  .page-navigation .page-nav .nav-list .nav-item-select-wrap > a i {
    display: block;
    vertical-align: top;
    color: #a3a3a3;
    font-size: 17px;
    line-height: 17px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    -moz-transition: -moz-transform 200ms ease-in-out;
    -ms-transition: -ms-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
  }
  html.is-resize .page-navigation .page-nav .nav-list .nav-item-select-wrap > a i {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  html.open-page-nav .page-navigation .page-nav .nav-list .nav-item-select-wrap > a i {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .page-navigation .page-nav .nav-list .nav-item-select-wrap > .option-sub-menu > .wrap {
    padding-right: 0;
    padding-left: 0;
  }
  .page-navigation .page-nav .nav-list .nav-item-select-wrap > .option-sub-menu > .wrap > ul > li {
    position: relative;
    width: 100%;
    height: 40px;
  }
  .page-navigation .page-nav .nav-list .nav-item-select-wrap > .option-sub-menu > .wrap > ul > li::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 1px solid #f0f0f0;
  }
  .page-navigation .page-nav .nav-list .nav-item-select-wrap > .option-sub-menu > .wrap > ul > li > a {
    display: block;
    padding: 11px 70px 9px;
    vertical-align: top;
    font-size: 13px;
    line-height: 20px;
  }
  .page-navigation .page-nav .nav-list .nav-item-select-wrap > .option-sub-menu > .wrap > ul > li > a > span {
    display: inline-block;
    position: relative;
    vertical-align: top;
  }
  .page-navigation .page-nav .nav-list .nav-item-select-wrap > .option-sub-menu > .wrap > ul > li > a.active > span::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 1px solid #d83832;
  }
  .page-navigation .page-option {
    display: none !important;
  }
}

.like-reply-function > a {
  position: relative;
  display: inline-block;
  padding: 0 15px;
}
.like-reply-function > a > * {
  vertical-align: middle;
  color: #666;
}
.like-reply-function > a > i {
  font-size: 16px;
  margin-right: 5px;
}
.like-reply-function > a > span {
  font-size: 13px;
}
.like-reply-function > a::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 0;
  width: 0;
  height: 60%;
  border-right: solid 1px #e7e7e8;
}
.like-reply-function > a:first-of-type::before {
  content: none;
}
.like-reply-function > a.fn-like button {
  font-size: 14px;
  color: #666;
  padding: 0;
}
.like-reply-function > a.fn-like button .icon-reply_like_o {
  font-size: 24px;
  color: #ccc;
  vertical-align: middle;
  margin-right: 5px;
}
.like-reply-function > a.fn-like button span {
  color: #888;
  font-weight: bold;
}
.like-reply-function > a.fn-like button.btn-outline-like {
  display: inline-block;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #666;
  padding: 0.6rem 12px;
}
.like-reply-function > a.fn-like:hover .icon-reply_like_o {
  color: #e32e04;
}
@media (max-width: 991px) {
  .like-reply-function > a.fn-like button {
    font-size: 11px;
    padding: 2px 0;
  }
  .like-reply-function > a.fn-like button .icon-reply_like_o {
    font-size: 12px;
    margin-right: 2px;
  }
  .like-reply-function > a.fn-like button.btn-outline-like {
    font-size: 12px;
    padding: 0.4rem 8.5px;
  }
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (combatguri92@gmail.com)
 * Date: 2020.1.3
 */
.badge-tag {
  position: relative;
  display: inline-block;
  height: 30px;
  border: solid 1px #FFF;
  color: #FFF;
  font-size: 15px;
  line-height: 28px;
  padding: 0 21px;
  border-radius: 999px;
  vertical-align: middle;
}
.badge-tag > i {
  margin-right: 5px;
}

.badge-tag-bolder {
  border-width: 2px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.03em;
}
.badge-tag-bolder.badge-tag-sm {
  line-height: 16px;
}
.badge-tag-bolder.badge-tag-md {
  line-height: 26px;
}
.badge-tag-bolder.badge-tag-lg {
  line-height: 36px;
}

.badge-tag-sm {
  height: 20px;
  font-size: 10px;
  line-height: 18px;
  padding: 0 14px;
}

.badge-tag-md {
  height: 30px;
  font-size: 15px;
  line-height: 28px;
  padding: 0 21px;
}

.badge-tag-lg {
  height: 40px;
  font-size: 20px;
  line-height: 38px;
  padding: 0 28px;
}

.badge-tag-white {
  border-color: #FFF;
  color: #FFF;
}

.badge-tag-black {
  border-color: #000;
  color: #000;
}

.badge-tag-orange {
  border-color: #fe722d;
  color: #fe722d;
}

.badge-tag-orange-light {
  border-color: #ffa46b;
  color: #ffa46b;
}

.badge-tag-green {
  border-color: #96c11f;
  color: #96c11f;
}

.badge-tag-blue {
  border-color: #0168dc;
  color: #0168dc;
}

.badge-tag-blue-light {
  border-color: #579ffb;
  color: #579ffb;
}

.badge-tag-gray-warm {
  border-color: #b49b93;
  color: #b49b93;
}

.badge-tag-100 {
  border-color: #f8f9fa;
  color: #f8f9fa;
}

.badge-tag-200 {
  border-color: #e9ecef;
  color: #e9ecef;
}

.badge-tag-300 {
  border-color: #dee2e6;
  color: #dee2e6;
}

.badge-tag-400 {
  border-color: #ced4da;
  color: #ced4da;
}

.badge-tag-500 {
  border-color: #adb5bd;
  color: #adb5bd;
}

.badge-tag-600 {
  border-color: #6c757d;
  color: #6c757d;
}

.badge-tag-700 {
  border-color: #495057;
  color: #495057;
}

.badge-tag-800 {
  border-color: #343a40;
  color: #343a40;
}

.badge-tag-900 {
  border-color: #212529;
  color: #212529;
}

.badge-tag-fill-white {
  background-color: #FFF;
}

.badge-tag-fill-black {
  background-color: #000;
}

.badge-tag-fill-orange {
  background-color: #fe722d;
}

.badge-tag-fill-orange-light {
  background-color: #ffa46b;
}

.badge-tag-fill-green {
  background-color: #96c11f;
}

.badge-tag-fill-blue {
  background-color: #0168dc;
}

.badge-tag-fill-blue-light {
  background-color: #579ffb;
}

.badge-tag-fill-gray-warm {
  background-color: #b49b93;
}

.badge-tag-fill-100 {
  background-color: #f8f9fa;
}

.badge-tag-fill-200 {
  background-color: #e9ecef;
}

.badge-tag-fill-300 {
  background-color: #dee2e6;
}

.badge-tag-fill-400 {
  background-color: #ced4da;
}

.badge-tag-fill-500 {
  background-color: #adb5bd;
}

.badge-tag-fill-600 {
  background-color: #6c757d;
}

.badge-tag-fill-700 {
  background-color: #495057;
}

.badge-tag-fill-800 {
  background-color: #343a40;
}

.badge-tag-fill-900 {
  background-color: #212529;
}

.reply {
  margin-top: 100px;
}
.reply .con {
  background: #fafafa;
  padding: 40px;
}
.reply .con .reply-form textarea {
  width: 100%;
  height: 120px;
  background: #fff;
  border: 1px solid #d0d0cf;
  padding: 30px;
  resize: none;
}
.reply .con .reply-form textarea::placeholder {
  font-size: 16px;
  color: #4a4a4a;
}
.reply .con .reply-form .desc p {
  font-size: 14px;
  color: #999;
  padding: 20px 20px 20px 8px;
  margin-top: 10px;
}
.reply .con .reply-form .desc p::before {
  content: "";
  font-family: "icomoon";
  font-size: 1px;
  color: #ccc;
}
.reply .con .reply-form .desc p .btn {
  vertical-align: top;
  float: right;
}
.reply .con .reply-list .count {
  font-size: 20px;
  color: #666;
  padding: 20px;
  border-bottom: 1px solid #666;
}
.reply .con .reply-list ul li {
  position: relative;
  padding: 40px 20px;
  border-top: 1px solid #e5e5e5;
}
.reply .con .reply-list ul li:first-child {
  border-top: 0 none;
}
.reply .con .reply-list ul li .reply-item .user-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
}
.reply .con .reply-list ul li .reply-item .user-info > span {
  vertical-align: middle;
}
.reply .con .reply-list ul li .reply-item .user-info .nickname {
  font-size: 18px;
  color: #111;
  font-weight: 500;
  margin-right: 20px;
  top: 3px;
}
.reply .con .reply-list ul li .reply-item .user-info .date {
  position: relative;
  font-size: 14px;
  color: #999;
  padding-right: 60px;
}
.reply .con .reply-list ul li .reply-item .user-info .date::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2px;
  height: 16px;
  background: #e1e1e1;
  margin-right: 30px;
}
.reply .con .reply-list ul li .reply-item .user-info .reply-icon {
  position: relative;
  font-size: 14px;
  color: #666;
  padding: 0 15px 0 30px;
}
.reply .con .reply-list ul li .reply-item .user-info .reply-icon::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 13px;
  background: #e1e1e1;
}
.reply .con .reply-list ul li .reply-item .user-info .reply-icon a::before {
  content: "";
  font-family: "icomoon";
  color: #666;
  padding: 5px 0;
  margin-right: 6px;
  vertical-align: middle;
}
.reply .con .reply-list ul li .reply-item .user-info .like-icon {
  font-size: 14px;
  color: #666;
  padding-left: 15px;
}
.reply .con .reply-list ul li .reply-item .user-info .like-icon a::before {
  content: "";
  font-family: "icomoon";
  color: #666;
  padding: 5px 0;
  margin-right: 6px;
  vertical-align: middle;
}
.reply .con .reply-list ul li .reply-item .user-info .btn-group {
  top: 0;
}
.reply .con .reply-list ul li .reply-cont {
  font-size: 16px;
  margin-top: 30px;
}
.reply .con .reply-list ul li .btn-group {
  position: absolute;
  top: 40px;
  right: 20px;
}
.reply .con .reply-list ul li.re-reply {
  margin-left: 20px;
  padding-left: 40px;
}
.reply .con .reply-list ul li.re-reply .reply-item {
  position: relative;
  margin-left: 20px;
}
.reply .con .reply-list ul li.re-reply .reply-item::before {
  content: "";
  font-family: "icomoon";
  font-size: 8px;
  color: #999;
  position: absolute;
  top: 6px;
  left: -40px;
}
.reply .con .reply-list ul li.re-reply .btn-group {
  right: 0 !important;
}
.reply .reply-more {
  margin: 40px auto;
  text-align: center;
}
.reply .reply-more > a {
  color: #000;
  text-align: center;
}
.reply .reply-more > a > i {
  display: block;
  font-size: 22px;
  margin-bottom: 30px;
}
.reply .reply-more > a > i::before {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 46px;
  border: 2px solid #010000;
  border-radius: 180px;
}
.reply .reply-more > a > span {
  font-size: 17px;
  font-weight: 600;
}

@media (max-width: 991px) {
  .article-reply .container {
    padding: 0;
  }

  .reply .con {
    padding: 50px 20px;
  }
  .reply .con .reply-form textarea {
    padding: 15px;
  }
  .reply .con .reply-form textarea::placeholder {
    font-size: 13px;
  }
  .reply .con .reply-form .desc p {
    font-size: 13px;
    line-height: 20px;
    padding: 25px 15px 15px 15px;
    margin-top: -100px;
  }
  .reply .con .reply-form .desc p::before {
    display: none;
  }
  .reply .con .reply-form .desc p .btn {
    margin: 52px -10px 0 0;
  }
  .reply .con .reply-list {
    margin-top: 80px;
  }
  .reply .con .reply-list .count {
    padding: 10px 0;
  }
  .reply .con .reply-list ul li {
    padding: 25px 0;
  }
  .reply .con .reply-list ul li .reply-item {
    line-height: 21px;
  }
  .reply .con .reply-list ul li .reply-item .user-info > * {
    width: auto;
    padding: 0;
    margin: 0;
  }
  .reply .con .reply-list ul li .reply-item .user-info .nickname {
    font-size: 14px;
    font-weight: bold;
    padding-right: 15px;
    margin-right: 0;
  }
  .reply .con .reply-list ul li .reply-item .user-info .date {
    font-size: 13px;
    padding-right: 0;
  }
  .reply .con .reply-list ul li .reply-item .user-info .date::after {
    display: none;
  }
  .reply .con .reply-list ul li .reply-item .user-info .like-reply-function {
    font-size: 13px;
  }
  .reply .con .reply-list ul li .reply-item .user-info .like-reply-function > a {
    padding: 0 10px;
  }
  .reply .con .reply-list ul li .reply-item .user-info .like-reply-function > a > i {
    margin-right: 2px;
  }
  .reply .con .reply-list ul li .reply-item .reply-cont {
    font-size: 14px;
    margin-top: 20px;
  }
  .reply .con .reply-list ul li .reply-item .btn-group {
    top: auto;
    left: 0;
    bottom: 0;
  }
  .reply .con .reply-list ul li.re-reply {
    margin-left: 10px;
    padding-left: 0;
  }
  .reply .con .reply-list ul li.re-reply .reply-item {
    margin-left: 20px;
  }
  .reply .con .reply-list ul li.re-reply .reply-item::before {
    font-size: 12px;
    top: -3px;
    left: -20px;
  }
  .reply .con .reply-list ul li.re-reply .reply-form {
    margin-bottom: 30px;
  }
  .reply .con .reply-list ul li.re-reply .btn-group {
    bottom: -30px;
  }
  .reply .con .btn {
    font-size: 13px;
    font-weight: bold;
    padding: 0.43rem 20px;
    margin: 0 1px;
  }
  .reply .con .btn.btn-sm {
    padding: 0.25rem 25px;
  }
}
.reply-more {
  margin: 40px auto;
  text-align: center;
  width: 165px;
}
.reply-more > a {
  color: #000;
  text-align: center;
  display: block;
}
.reply-more > a > i {
  display: block;
  font-size: 22px;
  margin-bottom: 30px;
}
.reply-more > a > i::before {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 46px;
  border: 2px solid #010000;
  border-radius: 180px;
}
.reply-more > a > span {
  font-size: 17px;
  font-weight: 600;
}

.table-header {
  margin-bottom: 10px;
}
.table-noti {
  display: flex;
  align-items: flex-end;
  height: 100%;
  color: #666;
}
.table-noti p {
  margin-bottom: 0;
}

.table-search {
  border-bottom: solid 1px #949494;
  padding: 10px 0;
  margin-bottom: 10px;
}
.table-search .wrap {
  position: relative;
  padding-right: 30px;
}
.table-search .wrap input {
  width: 100%;
  padding: 3px 15px;
  border: none;
}
.table-search .wrap input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c2c2c2;
  opacity: 1;
  /* Firefox */
}
.table-search .wrap input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #c2c2c2;
}
.table-search .wrap input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #c2c2c2;
}
.table-search .wrap i {
  position: absolute;
  right: 0;
  top: 3px;
}
@media (min-width: 992px) {
  .table-search {
    height: 54px;
  }
  .table-search input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 18px;
    opacity: 1;
    /* Firefox */
  }
  .table-search input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 18px;
  }
  .table-search input::-ms-input-placeholder {
    /* Microsoft Edge */
    font-size: 18px;
  }
  .table-search i {
    font-size: 22px;
  }
}
.table-nongshim tr {
  cursor: pointer;
}
.table-nongshim tr th, .table-nongshim tr td {
  vertical-align: middle;
}
.table-nongshim tr th {
  font-size: 18px;
  border-top: 1px solid #222;
}
.table-nongshim tr td {
  font-size: 16px;
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  color: #666;
}
.table-nongshim thead tr th {
  border-bottom: none;
}
.table-nongshim tfoot tr th, .table-nongshim tfoot tr td {
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
}
.table-nongshim .file {
  font-size: 25px;
  vertical-align: middle;
}
@media (min-width: 992px) {
  .table-nongshim tr th, .table-nongshim tr td {
    height: 78px;
  }
}
@media (max-width: 991px) {
  .table-nongshim tr th, .table-nongshim tr td {
    height: 40px;
    white-space: nowrap;
  }
  .table-nongshim tr th {
    font-size: 14px;
  }
  .table-nongshim tr td {
    font-size: 12px;
  }
}

.table-vertical tr th, .table-vertical tr td {
  border-bottom: 1px solid #e4e4e4;
}
.table-vertical tbody tr:first-of-type th, .table-vertical tbody tr:first-of-type td {
  border-top-color: #000;
}

.table-page, .tbl-page {
  text-align: center;
  margin-top: 40px;
}
.table-page > a, .tbl-page > a {
  line-height: 54px;
  display: inline-block;
  vertical-align: top;
}
.table-page > a i:before, .tbl-page > a i:before {
  color: #000;
  font-size: 23px;
  vertical-align: top;
  line-height: 54px;
}
.table-page > a.prev, .tbl-page > a.prev {
  margin-right: 10px;
}
.table-page > a.next, .tbl-page > a.next {
  margin-left: 10px;
}
.table-page .page_num a, .tbl-page .page_num a {
  display: inline-block;
  width: 54px;
  height: 54px;
  font-size: 16px;
  color: #999999;
  border: 1px solid #999999;
  border-radius: 50%;
  line-height: 54px;
  font-weight: bold;
}
.table-page .page_num a.active, .tbl-page .page_num a.active {
  border: 1px solid #000;
  color: #000;
}
@media (max-width: 991px) {
  .table-page, .tbl-page {
    margin-top: 30px;
  }
  .table-page > a, .tbl-page > a {
    line-height: 32px;
    display: inline-block;
    vertical-align: top;
  }
  .table-page > a i:before, .tbl-page > a i:before {
    color: #000;
    font-size: 18px;
    vertical-align: top;
    line-height: 32px;
  }
  .table-page > a.prev, .tbl-page > a.prev {
    margin-right: 0;
  }
  .table-page > a.next, .tbl-page > a.next {
    margin-left: 0;
  }
  .table-page .page_num a, .tbl-page .page_num a {
    width: 32px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
  }
}

/* 리스트 형식 테이블 */
.table-nongshim-list th {
  font-size: 18px;
  color: #000;
  border-top: 1px solid #222;
  border-bottom: transparent !important;
  text-align: center;
}
.table-nongshim-list td {
  font-size: 16px;
  color: #000;
  border-bottom: 1px solid #e4e4e4;
}
.table-nongshim-list .sub-color {
  color: #888;
}
.table-nongshim-list .link a {
  display: block;
  width: 100%;
  padding: 5px 0;
}
.table-nongshim-list .file::before {
  content: "";
  font-family: "icomoon";
  color: #90c457;
}
.table-nongshim-list .file span {
  display: block;
  overflow: hidden;
  width: 1px;
  height: 1px;
  text-indent: -9999px;
}
@media (min-width: 992px) {
  .table-nongshim-list tr th, .table-nongshim-list tr td {
    padding: 20px 0.75rem;
  }
  .table-nongshim-list thead tr th, .table-nongshim-list thead tr td {
    height: 70px;
  }
  .table-nongshim-list tbody tr th, .table-nongshim-list tbody tr td {
    height: 86px;
    vertical-align: middle;
    text-align: center;
  }
  .table-nongshim-list tbody tr:hover td {
    position: relative;
    background: #fafafa;
  }
  .table-nongshim-list tbody tr:hover td::after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid #90c457 !important;
  }
}
@media (max-width: 991px) {
  .table-nongshim-list tr th, .table-nongshim-list tr td {
    height: 40px;
  }
  .table-nongshim-list tr th {
    font-size: 14px;
  }
  .table-nongshim-list tr td {
    font-size: 12px;
  }
}

.notice-search::after {
  display: block;
  clear: both;
  content: "";
}
.notice-search form {
  position: relative;
  border-bottom: 1px solid #999999;
  float: right;
  margin-bottom: 35px;
}
.notice-search form input {
  padding: 0 15px;
  line-height: 67px;
  border: 0;
  width: 330px;
}
.notice-search form .option {
  display: inline-block;
}
.notice-search form .option::before {
  content: "";
  font-family: icomoon;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  left: 135px;
  font-size: 30px;
  color: #000;
}
.notice-search form a {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -12px;
  display: inline-block;
  width: 23px;
  height: 23px;
}
.notice-search form a i {
  font-size: 23px;
  font-weight: bold;
  vertical-align: top;
}
.notice-search form a i em {
  visibility: hidden;
  font-size: 0;
}
.notice-search select {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  padding: 0 120px 0 15px;
  line-height: 67px;
  border: 0;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  /* 화살표 없애기 공통*/
}
@media (max-width: 991px) {
  .notice-search form div {
    width: 100%;
    float: none;
    margin-bottom: 25px;
  }
  .notice-search form div::before {
    margin-top: -24px;
    left: 105px;
  }
  .notice-search form div a {
    right: 20px;
  }
  .notice-search form div input {
    line-height: 40px;
    width: calc(100% - 200px);
  }
  .notice-search select {
    font-size: 14px;
    width: 150px;
    padding: 0 60px 0 20px;
    line-height: 40px;
    border: 0;
  }
}

.overflow-hidden {
  padding: 0 10px 15px;
}
.overflow-hidden > * {
  font-size: 12px;
  color: #666666;
}
.overflow-hidden .float-right span {
  position: relative;
  display: inline-block;
  margin-left: 20px;
}
.overflow-hidden .float-right span.active:before {
  content: "";
  position: absolute;
  top: 100%;
  width: 100%;
  height: 2px;
  background: #96c11f;
}

.list_empty {
  height: 478px;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #c8c8c8;
  color: #333333;
  font-size: 16px;
  text-align: center;
}
.list_empty i {
  color: #cecece;
  display: block;
  width: 60px;
  height: 60px;
  font-size: 60px;
  margin: 180px auto 20px;
}
@media (max-width: 991px) {
  .list_empty {
    height: 300px;
    color: #333333;
    font-size: 13px;
    text-align: center;
  }
  .list_empty i {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 40px;
    margin: 100px auto 20px;
  }
}

.list_empty.small {
  padding: 80px 0;
  height: auto;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #c8c8c8;
  color: #333333;
  font-size: 16px;
  text-align: center;
}
.list_empty.small i {
  color: #cecece;
  display: block;
  width: 60px;
  height: 60px;
  font-size: 60px;
  margin: 0 auto 20px;
}
.list_empty.small.border-none {
  border: 0;
  padding-top: 0;
}
.list_empty.small.border-none a {
  display: block;
  margin: 30px auto 0;
  padding: 0;
  line-height: 38px;
  width: 190px;
  height: 40px;
  font-size: 15px;
  color: #000000;
  font-weight: bold;
  border: 1px solid #000;
}
@media (max-width: 991px) {
  .list_empty.small {
    padding: 40px 0;
    height: auto !important;
    font-size: 13px;
  }
  .list_empty.small i {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 40px;
    margin: 0 auto 20px;
  }
}

.board-header {
  position: relative;
  padding-top: 64px;
  padding-bottom: 50px;
  text-align: center;
}
.board-header .header-category {
  margin-bottom: 30px;
}
.board-header .header-category > i, .board-header .header-category > span {
  vertical-align: middle;
  color: #666;
}
.board-header .header-category > i {
  font-size: 32px;
  vertical-align: middle;
  margin-right: 7px;
}
.board-header .header-category > span {
  font-size: 15px;
  vertical-align: middle;
}
.board-header .header-heading {
  font-size: 45px;
  letter-spacing: -0.04em;
  margin-bottom: 30px;
}
.board-header .header-like {
  margin-bottom: 30px;
}
.board-header .header-info dl {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  margin-bottom: 0;
}
.board-header .header-info dl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20%;
  width: 1px;
  height: 60%;
  background-color: #ccc;
}
.board-header .header-info dl:first-of-type::before {
  content: none;
}
.board-header .header-info dl dt, .board-header .header-info dl dd {
  display: inline-block;
  color: #666;
  margin-bottom: 0;
}
.board-header .header-info dl dt {
  font-size: 16px;
  margin-right: 20px;
  font-weight: normal;
}
.board-header .header-info dl dd {
  font-size: 15px;
  font-weight: lighter;
}
.board-header .header-img {
  margin-top: 30px;
}
.board-header .header-img img {
  width: 100%;
}
@media (min-width: 992px) {
  .board-header .article-title-dot {
    margin-bottom: 15px;
  }
  .board-header .article-title-dot .title {
    font-size: 46px;
    font-weight: normal;
  }
  .board-header .article-title-dot .title .sub-title {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #666;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .board-header .article-title-dot {
    margin-bottom: 15px;
  }
  .board-header .header-info dl dt, .board-header .header-info dl dd {
    font-size: 13px;
  }
  .board-header .header-info dl dt {
    margin-right: 10px;
  }
}

.board-body {
  border-top: solid 1px #aaa;
}
.board-body .title {
  height: 120px;
  line-height: 120px;
  background: #fafafa;
  border-top: 1px solid #000;
  border-bottom: 1px solid #e9e9e9;
  padding: 0 50px;
  margin-bottom: -1px;
}
.board-body .title strong {
  font-size: 24px;
  font-weight: normal;
  color: #222;
}
.board-body .title dl {
  float: right;
  display: flex;
}
.board-body .title dl dt, .board-body .title dl dd {
  margin-bottom: 0;
}
.board-body .title dl dt {
  color: #888;
  font-weight: 500;
  margin-right: 10px;
}
.board-body .title dl dt.bar {
  position: relative;
  margin-left: 20px;
  padding-left: 20px;
}
.board-body .title dl dt.bar::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: #e1e1e1;
}
.board-body .title dl dd {
  color: #888;
  font-weight: normal;
}
.board-body .title::after {
  display: block;
  content: "";
  clear: both;
}
.board-body .period {
  height: 75px;
  line-height: 75px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  padding: 0 50px;
  margin-bottom: -1px;
}
.board-body .period dl {
  display: flex;
  margin-bottom: 0;
}
.board-body .period dl dt, .board-body .period dl dd {
  margin-bottom: 0;
}
.board-body .period dl dt {
  color: #888;
  font-weight: 500;
  margin-right: 10px;
}
.board-body .period dl dt.bar {
  position: relative;
  margin-left: 20px;
  padding-left: 20px;
}
.board-body .period dl dt.bar::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: #e1e1e1;
}
.board-body .period dl dd {
  color: #888;
  font-weight: normal;
}
.board-body .cont {
  position: relative;
  padding: 40px 50px;
  border-top: solid 1px #aaa;
}
.board-body .cont img {
  max-width: 100%;
}
.board-body .cont p {
  line-height: 32px;
  color: #888;
}
@media (max-width: 991px) {
  .board-body .cont {
    padding: 20px;
  }
}
.board-body .file {
  height: 75px;
  line-height: 75px;
  padding: 0 50px;
  border: solid #e9e9e9;
  border-width: 1px 0;
  margin-bottom: -1px;
}
.board-body .file a {
  vertical-align: middle;
}
.board-body .file a::before {
  content: "";
  font-family: "icomoon";
  color: #92d04d;
  padding-right: 10px;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .board-body .file {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
  }
}
.board-body .prev-next {
  position: relative;
  display: flex;
  width: 100%;
  height: 120px;
  line-height: 120px;
  margin-top: -1px;
  border: solid #dcdcdc;
  border-width: 1px 0;
}
.board-body .prev-next a p {
  color: #222;
  margin-bottom: 0;
  font-size: 15px;
}
.board-body .prev-next a p > i {
  color: #222;
}
.board-body .prev-next .prev, .board-body .prev-next .next {
  position: relative;
  width: 50%;
}
.board-body .prev-next .prev::before, .board-body .prev-next .next::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 0;
  border-top: solid 2px #96c11f;
}
.board-body .prev-next .prev:hover::before, .board-body .prev-next .next:hover::before {
  content: "";
}
.board-body .prev-next .prev p > *, .board-body .prev-next .next p > * {
  vertical-align: middle;
}
.board-body .prev-next .prev p span, .board-body .prev-next .next p span {
  position: relative;
  color: #333;
  font-weight: 300;
  padding: 0 15px;
}
.board-body .prev-next .prev p label, .board-body .prev-next .next p label {
  position: relative;
  display: inline;
  margin-bottom: 0;
  padding: 0 15px;
  font-weight: lighter;
  color: #666;
}
.board-body .prev-next .prev p label::before, .board-body .prev-next .next p label::before {
  content: "";
  position: absolute;
  top: 5px;
  height: 15px;
  width: 0;
  border-right: solid 1px #e5e5e5;
}
.board-body .prev-next .prev p i, .board-body .prev-next .next p i {
  display: inline-block;
  border: solid 1px #cdcdcd;
  border-radius: 50%;
}
.board-body .prev-next .prev p i::before, .board-body .prev-next .next p i::before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.board-body .prev-next .prev.prev label::before, .board-body .prev-next .next.prev label::before {
  right: 0;
}
.board-body .prev-next .prev.next, .board-body .prev-next .next.next {
  text-align: right;
}
.board-body .prev-next .prev.next label::before, .board-body .prev-next .next.next label::before {
  left: 0;
}
.board-body .prev-next .list-view {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.board-body .prev-next .list-view p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: solid 1px #000;
  font-size: 22px;
  border-radius: 50%;
}
@media (max-width: 991px) {
  .board-body .prev-next {
    height: 60px;
    line-height: 60px;
  }
  .board-body .prev-next .prev p span, .board-body .prev-next .next p span {
    display: none;
  }
  .board-body .prev-next .prev p i::before, .board-body .prev-next .next p i::before {
    width: 25px;
    height: 25px;
  }
  .board-body .prev-next .list-view p {
    width: 40px;
    height: 40px;
  }
}

.recipe-body .desc-wrap .recipe-desc {
  height: 325px;
  border: solid #efefef;
  border-width: 0 1px 1px 0;
  padding: 40px 80px 0 0;
}
.recipe-body .desc-wrap .recipe-desc dt {
  font-size: 17px;
  color: #333;
  font-weight: 500;
}
.recipe-body .desc-wrap .recipe-desc dt::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 1px solid #fe7937;
  border-radius: 180px;
  margin-right: 10px;
}
.recipe-body .desc-wrap .recipe-desc dd {
  font-size: 19px;
  color: #666;
  margin: 30px 0;
  font-weight: 300;
}
.recipe-body .desc-wrap .reference-recipe {
  height: 325px;
  border: solid #efefef;
  border-width: 0 1px 1px 0;
  padding: 35px 35px 50px;
}
.recipe-body .desc-wrap .reference-recipe strong {
  display: block;
  margin-bottom: 30px;
  font-size: 17px;
  font-weight: 500;
}
.recipe-body .desc-wrap .reference-recipe > span {
  font-size: 15px;
  color: #666;
  font-weight: 300;
}
.recipe-body .desc-wrap .reference-recipe .img {
  margin-bottom: 3px;
}
.recipe-body .desc-wrap .reference-recipe .img span {
  background-image: url("../../../viewNoodleFoodle/resources2/images/sample/myrecipe-view-sample01.jpg");
  display: block;
  height: 180px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 991px) {
  .recipe-desc dt {
    font-size: 14px;
    color: #333;
  }
  .recipe-desc dd {
    font-size: 14px !important;
  }
}
.recipe-detail-wrap {
  padding: 80px 25px 0 25px;
}
.recipe-detail-wrap .circle-tit-lg {
  font-size: 37px;
  color: #010000;
}
.recipe-detail-wrap .circle-tit-lg::before {
  content: "";
  display: block;
  width: 37px;
  height: 37px;
  background: #fe722d;
  border-radius: 180px;
  margin-bottom: 10px;
  margin-left: 1px;
}
.recipe-detail-wrap .cont {
  padding: 90px;
}
.recipe-detail-wrap .recipe-tip i {
  display: block;
  font-size: 50px;
  text-align: center;
  margin-bottom: 3px;
}
.recipe-detail-wrap .recipe-tip .tit {
  display: inline-block;
  font-size: 17px;
  color: #333;
  font-weight: 500;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 2px solid #000;
}
.recipe-detail-wrap .recipe-tip .desc {
  font-size: 19px;
  color: #666;
  font-weight: 300;
}

.event-list ul li {
  background: #fff;
  border: 1px solid #e8e8e8;
  margin-bottom: 40px;
}
.event-list ul li a .event-img {
  position: relative;
  background-size: cover;
  background-position: center;
  border-right: 1px solid #e8e8e8;
}
.event-list ul li a .event-img .dimm {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(77, 77, 77, 0.8);
  z-index: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-list ul li a .event-img .dimm.type01 {
  color: #fff;
}
.event-list ul li a .event-img .dimm.type02 {
  font-weight: bold;
}
.event-list ul li a .event-img .dimm.type02::before {
  content: "";
  position: absolute;
  background: #fff;
  border-radius: 180px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.event-list ul li a .event-info {
  position: relative;
}
.event-list ul li a .event-info .tag {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding: 3px 15px;
  border: 1px solid #000;
  border-radius: 90px;
  margin-bottom: 20px;
}
.event-list ul li a .event-info .tag.event {
  color: #ec870c;
  border-color: #ec870c;
}
.event-list ul li a .event-info .tag.shop {
  color: #ca0202;
  border-color: #ca0202;
}
.event-list ul li a .event-info .tag.auction {
  color: #539a00;
  border-color: #539a00;
}
.event-list ul li a .event-info .tit {
  display: block;
  color: #222;
  font-weight: 400;
  letter-spacing: -1px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.event-list ul li a .event-info .date {
  display: block;
  font-size: 16px;
  color: #666;
  font-weight: 200;
}
.event-list ul li a .event-info .members {
  position: absolute;
  top: 0;
  display: inline-block;
  background: #333;
  color: #fff;
  font-size: 14px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media (min-width: 992px) {
  .event-list .event-img {
    height: 280px;
  }
  .event-list .event-img .dimm.type01 {
    font-size: 28px;
  }
  .event-list .event-img .dimm.type02 {
    font-size: 26px;
  }
  .event-list .event-img .dimm.type02::before {
    width: 193px;
    height: 193px;
  }
  .event-list .event-info {
    padding: 40px;
  }
  .event-list .event-info .members {
    right: 40px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
  }
  .event-list .event-info .tit {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 35px;
  }
}
@media (max-width: 991px) {
  .event-list .event-img {
    height: 170px;
  }
  .event-list .event-img .dimm.type01 {
    font-size: 14px;
  }
  .event-list .event-img .dimm.type02 {
    font-size: 14px;
  }
  .event-list .event-img .dimm.type02::before {
    width: 100px;
    height: 100px;
  }
  .event-list .event-info {
    padding: 20px;
  }
  .event-list .event-info .members {
    font-size: 12px;
    right: 20px;
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
  }
  .event-list .event-info .tit {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.point-market h4 .mypoint {
  font-size: 24px;
}
.point-market .ing-product {
  border: 1px solid #e8e8e8;
}
.point-market .ing-product .img {
  height: 546px;
  background-size: cover;
  background-position: center;
}
.point-market .ing-product .info {
  padding: 30px 50px;
  border-left: 1px solid #e8e8e8;
}
@media (max-width: 997px) {
  .point-market .ing-product .info {
    border-left: 0;
  }
}
.point-market .ing-product .info .tit {
  display: block;
  font-size: 38px;
  line-height: 60px;
  color: #222;
  margin-bottom: 4px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.point-market .ing-product .info .tit > p {
  font-size: 20px;
  color: #444;
  font-weight: 400;
}
.point-market .ing-product .info .period {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  border-top: 1px solid #000;
  margin-bottom: 0;
}
.point-market .ing-product .info .period.suggest-point {
  display: table;
  border-top-color: #e8e8e8;
}
.point-market .ing-product .info .period dt, .point-market .ing-product .info .period dd {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 0;
}
.point-market .ing-product .info .period dt {
  width: 160px;
  color: #666;
  font-weight: 500;
}
.point-market .ing-product .info .period dt.icon-question::after {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  background-size: 80%;
  vertical-align: middle;
  cursor: pointer;
}
.point-market .ing-product .info .period dt.suggest {
  display: table-cell;
  width: 160px;
}
.point-market .ing-product .info .period dd {
  width: 55%;
  font-weight: 300;
  color: #444;
}
.point-market .ing-product .info .period dd.suggest {
  width: 100%;
  font-weight: bold;
}
.point-market .ing-product .info .period dd.suggest span {
  font-size: 24px;
  letter-spacing: -1px;
}
.point-market .ing-product .info .period dd.suggest span em {
  font-size: 38px;
  margin: 0 3px;
  letter-spacing: -2px;
  font-style: normal;
}
.point-market .ing-product .info .period dd.suggest span em.shop {
  color: #539a00;
}
.point-market .ing-product .info .period dd.suggest span em.auction {
  color: #539a00;
}
.point-market .ing-product .info .btn.btn-outline-auction {
  width: 100%;
  font-size: 17px;
  border: 1px solid #ca0202;
  border-radius: 180px;
  color: #ca0202;
  font-weight: bold;
  padding: 15px 0;
  margin-bottom: 6px;
}
.point-market .end-product .cont {
  border: 1px solid #e8e8e8;
}
@media (max-width: 997px) {
  .point-market .end-product .cont {
    margin-bottom: 25px;
  }
}
.point-market .end-product .cont .img {
  height: 248px;
  margin: 0 auto;
  background-size: cover;
  background-position: center;
}
.point-market .end-product .cont .info {
  padding: 26px 25px 30px 25px;
  border-left: 1px solid #e8e8e8;
}
.point-market .end-product .cont .info .tit {
  display: block;
  font-size: 22px;
  color: #222;
  font-weight: 400;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.point-market .end-product .cont .info .period {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 15px;
  margin-bottom: 0;
}
.point-market .end-product .cont .info .period dt {
  flex: 1 1 25%;
  font-size: 14px;
  color: #444;
  font-weight: 500;
  line-height: 24px;
}
.point-market .end-product .cont .info .period dd {
  flex: 1 1 75%;
  font-size: 16px;
  color: #888;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 0;
}
.point-market .end-product .cont .info .btn {
  font-size: 15px;
  font-weight: bold;
}

.recipe-wrap.type01 {
  margin-bottom: 96px;
}
.recipe-wrap.type01 .cont .info {
  width: 70%;
  padding: 40px 50px;
}
.recipe-wrap.type02 {
  margin-bottom: 30px;
}
.recipe-wrap.type02 .cont {
  padding-bottom: 158px;
}
.recipe-wrap.type02 .cont .info {
  width: 100%;
  padding: 30px 30px 50px 30px;
}
.recipe-wrap.type02 .cont .info.box-green {
  background-color: #bad8d1;
}
.recipe-wrap.type02 .cont .info.box-pink {
  background-color: #dcbdb7;
}
.recipe-wrap.type02 .cont .info.box-blue {
  background-color: #afc9d1;
}
.recipe-wrap.type02 .cont .info.box-beige {
  background-color: #ddcab9;
}
.recipe-wrap.type02 .cont .info .tit {
  font-size: 23px;
  font-weight: 600;
}
.recipe-wrap .cont {
  position: relative;
}
.recipe-wrap .cont .badge-tag {
  position: absolute;
  top: 20px;
  left: 20px;
}
.recipe-wrap .cont .img img {
  width: 100%;
}
.recipe-wrap .cont .info {
  position: absolute;
  bottom: 0;
  background: #fff;
}
.recipe-wrap .cont .info.rt {
  right: 0;
}
.recipe-wrap .cont .tit {
  display: block;
  font-size: 29px;
  color: #000;
  margin-bottom: 1em;
}
.recipe-wrap .cont .desc {
  font-size: 18px;
  color: #666;
  font-weight: 300;
}
.recipe-wrap .util {
  display: flex;
  align-items: center;
}
.recipe-wrap .util > span {
  vertical-align: middle;
}
.recipe-wrap .util .reply-icon {
  position: relative;
  font-size: 14px;
  color: #666;
  padding-right: 20px;
  font-weight: 200;
}
.recipe-wrap .util .reply-icon::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 13px;
  background: #e1e1e1;
}
.recipe-wrap .util .reply-icon a::before {
  content: "";
  font-family: "icomoon";
  color: #666;
  padding: 5px 0;
  margin-right: 6px;
  vertical-align: middle;
}
.recipe-wrap .util .like-icon {
  font-size: 14px;
  color: #666;
  padding-left: 15px;
  font-weight: 200;
}
.recipe-wrap .util .like-icon a::before {
  content: "";
  font-family: "icomoon";
  color: #666;
  padding: 5px 0;
  margin-right: 6px;
  vertical-align: middle;
}

.today-recipe {
  padding-top: 70px;
}
.today-recipe h2 {
  text-align: center;
}
.today-recipe > strong {
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  display: block;
  margin: 50px 0;
}
.today-recipe .cont {
  position: relative;
}
.today-recipe .cont .img {
  width: 73%;
  height: 630px;
  margin-bottom: 50px;
  box-shadow: 5px 5px 20px 0px #ccc;
}
.today-recipe .cont .btn-more {
  position: absolute;
  top: 540px;
  right: 50%;
  margin-right: -300px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: block;
  width: 94px;
  padding: 0 20px;
  line-height: 30px;
  border: 1px solid #fff;
  border-radius: 30px;
}
.today-recipe .cont .btn-more:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 75px;
  width: 30px;
  height: 1px;
  background: #fff;
}
.today-recipe .cont .btn-more:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 103px;
  margin-top: -2px;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 5px;
}
.today-recipe .cont .info {
  position: absolute;
  top: 85px;
  right: 105px;
  padding: 37px 40px 40px 50px;
  width: 640px;
  background: #bad8d1;
}
.today-recipe .cont .info > span {
  display: block;
  font-size: 15px;
  color: #666;
  margin-bottom: 10px;
}
.today-recipe .cont .info > .title {
  font-size: 35px;
  color: #000000;
  font-weight: 700;
}
.today-recipe .cont .info > p {
  font-size: 21px;
  color: #666666;
  line-height: 1.5;
  margin: 15px 0 0;
}
.today-recipe .cont .info > .util {
  position: relative;
  overflow: hidden;
  margin: 40px -10px 0 -20px;
  padding: 30px 10px 0 20px;
}
.today-recipe .cont .info > .util::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  opacity: 0.1;
}
.today-recipe .cont .info > .util .float-left span {
  position: relative;
  padding-right: 30px;
  font-size: 15px;
  color: #666666;
}
.today-recipe .cont .info > .util .float-left span:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 15px;
  width: 1px;
  height: 13px;
  background: #333333;
}
.today-recipe .cont .info > .util .float-left span.last:after {
  display: none;
}
.today-recipe .cont .info > .util .float-right .like-reply-function > a:first-of-type::before {
  content: "";
  border-right: 1px solid #333;
}

.module-recipe-search.center {
  border-top: 1px solid #dddddd;
  padding-top: 40px;
  margin-top: 7px;
}
.module-recipe-search.center .search-box {
  margin: 0 auto;
}
.module-recipe-search.center .search-hash-tag ul {
  display: block;
  text-align: center;
}
.module-recipe-search.center .search-hash-tag ul li {
  display: inline-block;
}

.recipe-grid .recipe-wrap.type02 .cont {
  padding-bottom: 0;
}
.recipe-grid .recipe-wrap.type02 .cont .info {
  padding: 20px 25px 40px;
  position: relative;
}
.recipe-grid .recipe-wrap.type02 .cont .info .kind {
  margin-bottom: 7px;
}
.recipe-grid .recipe-wrap.type02 .cont .info .kind i {
  font-size: 20px;
  width: 32px;
  height: 32px;
  display: inline-block;
  line-height: 32px;
  text-align: center;
  border-radius: 32px;
}
.recipe-grid .recipe-wrap.type02 .cont .info .kind i.icon-ramen {
  background: #ffb968;
}
.recipe-grid .recipe-wrap.type02 .cont .info .kind i.icon-cub-ramen {
  background: #e1df5b;
}
.recipe-grid .recipe-wrap.type02 .cont .info .kind i.icon-udong {
  background: #70d9ef;
}
.recipe-grid .recipe-wrap.type02 .cont .info .kind i.icon-soba {
  background: #3ec0eb;
}
.recipe-grid .recipe-wrap.type02 .cont .info .kind i.icon-pasta {
  background: #ff8e74;
}
.recipe-grid .recipe-wrap.type02 .cont .info .kind i.icon-kalguksu {
  background: #ff8aad;
}
.recipe-grid .recipe-wrap.type02 .cont .info .kind i.icon-rice-noodle {
  background: #7ade81;
}
.recipe-grid .recipe-wrap.type02 .cont .info .kind i.icon-etc {
  background: #55cfa6;
}
.recipe-grid .recipe-wrap.type02 .cont .info .kind span {
  display: inline-block;
  line-height: 32px;
  vertical-align: top;
  margin-left: 5px;
  font-size: 15px;
  color: #666666;
}
.recipe-grid .grid {
  width: calc(100% + 30px);
  margin: 30px auto 0;
  /* --.recipe-grid .grid-- grid-item ---- */
}
.recipe-grid .grid::after {
  display: block;
  clear: both;
  content: "";
}
.recipe-grid .grid .grid-item {
  width: calc(33.3% - 30px);
  float: left;
  margin-right: 30px;
}
.recipe-grid .grid .grid-item .grid-chk-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.recipe-grid .grid .grid-item .grid-chk-box input {
  width: 0;
  height: 0;
  overflow: hidden;
}
.recipe-grid .grid .grid-item .grid-chk-box input[type=checkbox]:checked + i::before {
  content: "";
  Font-size: 32px;
  color: #96c11f;
  border: none;
}
.recipe-grid .grid .grid-item .grid-chk-box input[type=checkbox]:focus + i {
  outline: auto;
}
.recipe-grid .grid .grid-item .grid-chk-box input[type=checkbox] + i {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
}
.recipe-grid .grid .grid-item .grid-chk-box input[type=checkbox] + i::before {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #cccccc;
}
.recipe-grid .grid .grid-item:nth-child(2) .recipe-wrap.type02 {
  box-shadow: 5px 5px 20px 0px #ccc;
}
.recipe-grid .grid.album .txt {
  padding: 10px;
  font-size: 24px;
}
.recipe-grid .grid.album .icon_downroad {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  opacity: 0;
}
.recipe-grid .grid.album .icon_downroad:hover {
  opacity: 1;
  transition: opacity 0.4s;
}
.recipe-grid .grid.album .icon_downroad > span {
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 30px;
}
.recipe-grid .grid.album .grid-item:nth-child(2) .recipe-wrap.type02 {
  box-shadow: none;
}
.recipe-grid .grid.album .recipe-wrap.type02:hover .img {
  box-shadow: 5px 5px 20px 0px #ccc;
}
.recipe-grid .overflow-hidden {
  padding: 0;
}
.recipe-grid .overflow-hidden .float-right button {
  width: 114px;
  font-size: 15px;
  color: #000;
  font-weight: bold;
  border: 1px solid #000000;
}
.recipe-grid .overflow-hidden .float-right button:hover, .recipe-grid .overflow-hidden .float-right button:focus, .recipe-grid .overflow-hidden .float-right button:active {
  background: #fff;
  color: #000;
}
.recipe-grid .overflow-hidden .float-left span {
  display: inline-block;
  padding-top: 15px;
  font-size: 13px;
  color: #666666;
}

.recipe-grid .recipe-wrap.type02 .cont .img {
  position: relative;
  cursor: pointer;
}

@media (max-width: 991px) {
  .recipe-grid .overflow-hidden {
    margin: 30px 0 15px;
    padding: 0 20px;
  }
  .recipe-grid .overflow-hidden .float-right button {
    width: 114px;
    font-size: 13px;
  }
  .recipe-grid .overflow-hidden .float-left span {
    padding-top: 10px;
    font-size: 12px;
  }

  .today-recipe {
    padding-top: 70px;
  }
  .today-recipe h2 {
    text-align: center;
  }
  .today-recipe > strong {
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    display: block;
    margin: 25px 0 15px;
  }
  .today-recipe .cont {
    position: relative;
    height: auto;
  }
  .today-recipe .cont .img {
    width: auto;
    height: auto;
    margin-bottom: 0;
    box-shadow: none;
  }
  .today-recipe .cont .img img {
    width: 100%;
  }
  .today-recipe .cont .btn-more {
    position: relative;
    top: auto;
    right: auto;
    margin-right: 0;
    margin-top: -50px;
    font-size: 16px;
    font-weight: bold;
    font-weight: bold;
    color: #333333;
    display: block;
    width: 94px;
    padding: 0 20px;
    line-height: 30px;
    border: 1px solid #333;
    border-radius: 30px;
    float: right;
    margin-right: 55px;
  }
  .today-recipe .cont .btn-more:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 75px;
    width: 30px;
    height: 1px;
    background: #333;
  }
  .today-recipe .cont .btn-more:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 103px;
    margin-top: -2px;
    width: 5px;
    height: 5px;
    background: #333;
    border-radius: 5px;
  }
  .today-recipe .cont .info {
    position: relative;
    top: 0;
    right: auto;
    margin: -10% auto 0;
    padding: 20px 20px 70px;
    width: calc(100% - 40px);
  }
  .today-recipe .cont .info > span {
    display: block;
    font-size: 14px;
    color: #000000;
    margin-bottom: 5px;
  }
  .today-recipe .cont .info > .title {
    font-size: 18px;
    color: #000000;
    font-weight: 700;
  }
  .today-recipe .cont .info > p {
    font-size: 15px;
    color: #000000;
    line-height: 1.5;
    margin: 15px 0 0;
  }
  .today-recipe .cont .info > .util {
    position: relative;
    overflow: hidden;
    margin: 15px 0 0;
    padding: 20px 0 0;
  }
  .today-recipe .cont .info > .util::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
    opacity: 0.1;
  }
  .today-recipe .cont .info > .util .float-left {
    float: none !important;
  }
  .today-recipe .cont .info > .util .float-right {
    float: none !important;
    margin-top: 20px;
  }

  .recipe-grid .recipe-wrap.type02 {
    margin-bottom: 10px;
  }

  .recipe-grid .recipe-wrap.type02 .cont .info {
    padding: 15px;
  }

  .recipe-grid .recipe-wrap.type02 .cont .info .kind span {
    font-size: 14px;
  }

  .recipe-wrap.type02 .cont .info .tit {
    font-size: 15px;
  }

  .module-recipe-search.center {
    border-top: 0;
    padding-top: 40px;
    margin-top: 0;
  }
  .module-recipe-search.center .search-box {
    margin: 0 auto;
  }
  .module-recipe-search.center .search-box input::placeholder {
    font-size: 13px;
  }
  .module-recipe-search.center .search-hash-tag ul {
    display: block;
    text-align: center;
  }
  .module-recipe-search.center .search-hash-tag ul li {
    display: inline-block;
  }

  .recipe-grid .grid {
    margin: 0 0 0 20px;
    width: calc(100% - 30px);
  }
  .recipe-grid .grid .grid-item {
    width: calc(50% - 10px);
    float: left;
    margin-right: 10px;
  }
  .recipe-grid .grid .grid-item .txt {
    padding: 10px;
    font-size: 16px;
  }
}
.recipe-detail-slide {
  position: relative;
  padding: 0 0 130px;
}
.recipe-detail-slide:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background: #f4f4f4;
}
.recipe-detail-slide .swiper-container {
  box-shadow: 5px 5px 20px 0px #ccc;
}
.recipe-detail-slide .swiper-container img {
  width: 100%;
}
.recipe-detail-slide .swiper-pagination-dot span.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 18px;
  background-color: #000;
  vertical-align: middle;
  opacity: 1;
}
.recipe-detail-slide .swiper-pagination-dot-black span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 15px;
  height: 15px;
  border: solid 2px #000;
  background-color: transparent;
  border: solid 2px #000;
}
.recipe-detail-slide .swiper-pagination {
  left: 50%;
  bottom: 70px;
  margin-left: -67px;
}

.recipe-detail-wrap .info_wrap {
  overflow: hidden;
}
.recipe-detail-wrap .info_wrap .left_info {
  float: left;
  width: calc(100% - 323px);
}
.recipe-detail-wrap .info_wrap .right_slide {
  width: 295px;
  float: right;
}

.product-tag {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding: 3px 15px;
  border: 1px solid;
  border-radius: 90px;
  margin-bottom: 10px;
}
.product-tag.product-tag-event {
  color: #ec870c;
  border-color: #ec870c;
}
.product-tag.product-tag-event.has-bg {
  color: #fff;
  background: #ec870c;
}
.product-tag.product-tag-shop {
  color: #ca0202;
  border-color: #ca0202;
}
.product-tag.product-tag-shop.has-bg {
  color: #fff;
  background: #ca0202;
}
.product-tag.product-tag-auction {
  color: #539a00;
  border-color: #539a00;
}
.product-tag.product-tag-auction.has-bg {
  color: #fff;
  background: #539a00;
}
.product-tag.product-tag-routineevent {
  color: #555555;
  border-color: #555555;
}
.product-tag.product-tag-routineevent.has-bg {
  color: #fff;
  background: #555555;
}

.saytalk-tag {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  padding: 5px 15px;
  border: 2px solid;
  border-radius: 90px;
  margin-bottom: 10px;
}
.saytalk-tag.saytalk-tag-story {
  color: #ff8e74 !important;
  border-color: #ff8e74;
  padding: 5px 15px;
}
.saytalk-tag.saytalk-tag-story-sm {
  color: #ff8e74 !important;
  border-color: #ff8e74;
}
.saytalk-tag.saytalk-tag-tip {
  color: #f7fdfe !important;
  border-color: #f7fdfe;
  padding: 5px 15px;
}
.saytalk-tag.saytalk-tag-tip-sm {
  color: #f7fdfe !important;
  border-color: #f7fdfe;
}

.module-recipe-search .search-box {
  position: relative;
  height: 60px;
  width: 650px;
  background-color: #f6f6f6;
  border-radius: 999px;
  padding: 5px 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.module-recipe-search .search-box::after {
  display: block;
  clear: both;
  content: "";
}
.module-recipe-search .search-box input {
  flex: 1 1 auto;
  letter-spacing: -0.04em;
  border: none;
  background-color: transparent;
}
.module-recipe-search .search-box input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 17px;
  color: #666666;
  opacity: 1;
  /* Firefox */
}
.module-recipe-search .search-box input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 17px;
  color: #666666;
}
.module-recipe-search .search-box input::-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: 17px;
  color: #666666;
}
.module-recipe-search .search-box a {
  font-size: 20px;
}
@media (max-width: 991px) {
  .module-recipe-search .search-box {
    width: auto;
  }
}
.module-recipe-search .search-hash-tag {
  margin-top: 40px;
}
.module-recipe-search .search-hash-tag::after {
  display: block;
  clear: both;
  content: "";
}
.module-recipe-search .search-hash-tag > ul {
  display: flex;
  margin: -10px;
}
.module-recipe-search .search-hash-tag > ul > li {
  padding: 0 10px;
}
.module-recipe-search .search-hash-tag > ul > li > a button {
  border-radius: 5px;
}
.module-recipe-search .category-box {
  margin-top: 30px;
}
.module-recipe-search .category-box::after {
  display: block;
  clear: both;
  content: "";
}
.module-recipe-search .category-box ul {
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
}
.module-recipe-search .category-box ul > li {
  width: 25%;
  padding: 0 4px;
}
.module-recipe-search .category-box .category-item {
  position: relative;
  margin-bottom: 20px;
  border: solid #e4e4e4;
  border-width: 0 1px 1px 0;
}
.module-recipe-search .category-box .category-item label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 110px;
  cursor: pointer;
}
.module-recipe-search .category-box .category-item label input[type=checkbox] {
  width: 0;
  height: 0;
  overflow: hidden;
}
.module-recipe-search .category-box .category-item label input[type=checkbox]:focus + span {
  outline: auto;
}
.module-recipe-search .category-box .category-item label input[type=checkbox]:checked + span {
  background-color: #fe722d;
}
.module-recipe-search .category-box .category-item label .active-badge {
  position: absolute;
  left: 5px;
  top: 10px;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: #f6f6f6;
  border-radius: 50%;
}
.module-recipe-search .category-box .category-item label i {
  display: block;
  width: 50px;
  height: 50px;
  font-size: 45px;
  margin-bottom: 7px;
  color: #b49b93;
}
.module-recipe-search .category-box .category-item label strong {
  display: block;
  text-align: center;
  color: #666;
  font-size: 13px;
}
.module-recipe-search .footer-box {
  margin-top: 20px;
}
.module-recipe-search .footer-box a {
  margin: 0 5px;
}
.module-recipe-search .footer-box a button {
  border-radius: 999px;
}
.module-recipe-search .footer-box a button i, .module-recipe-search .footer-box a button span {
  display: inline-block;
  margin: 0 5px 3px 5px;
  vertical-align: middle;
}
.module-recipe-search .footer-box a button i {
  font-size: 20px;
}
.module-recipe-search .footer-box a button span {
  font-size: 13px;
}
.module-recipe-search.module-recipe-search-full .category-box ul > li {
  width: 100px;
}
.module-recipe-search.module-recipe-search-inner.center {
  border: 0;
  padding: 0 0 20px;
  border-bottom: 1px solid #dddddd;
}
@media (max-width: 991px) {
  .module-recipe-search .search-box {
    height: 40px;
    width: 100%;
    padding: 5px 25px 5px 20px;
  }

  .module-recipe-search .search-box input {
    font-size: 13px;
  }

  .module-recipe-search.module-recipe-search-inner.center {
    padding: 0 20px 30px;
  }

  .module-recipe-search .category-box .category-item label {
    height: 60px;
    margin: 0;
  }

  .module-recipe-search .category-box .category-item label .active-badge {
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 10px;
  }

  .module-recipe-search .category-box .category-item label i {
    width: 25px;
    height: 20px;
    font-size: 25px;
    margin-bottom: 7px;
  }

  .module-recipe-search .category-box .category-item label strong {
    font-size: 11px;
    display: block;
    height: 32px;
  }

  .module-recipe-search .search-box a {
    font-size: 15px;
  }

  .module-recipe-search .footer-box button {
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    border-radius: 20px;
  }
}
.align-has-desc .align-group .desc {
  display: inline-block !important;
  font-size: 13px;
  color: #b1b1b1;
  margin-left: 35px;
}

.align-group {
  font-size: 13px;
  color: #666;
}
.align-group .desc {
  display: none;
}
.align-group .cont {
  display: flex;
  float: right;
}
.align-group .cont li {
  margin-left: auto;
  margin-right: 20px;
}
.align-group .cont .filter {
  position: relative;
  padding-right: 20px;
}
.align-group .cont .filter::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 22px;
  background: #e7e7e7;
}
.align-group .cont .active-bar {
  border-bottom: 2px solid #fe722d;
  padding-bottom: 3px;
  margin-bottom: -3px;
}

@media (max-width: 991px) {
  .align-has-desc .align-group .desc {
    display: block !important;
    margin-left: 0 !important;
    margin-top: 10px;
  }
}
.search-box.bar {
  margin-top: 20px;
  padding-bottom: 46px;
  border-bottom: 1px solid #ddd;
}
.search-box .search-area {
  display: flex;
  float: right;
  border: 1px solid #747474;
  padding: 5px 0;
  border-radius: 180px;
}
.search-box .search-area .search-append {
  margin: 0 20px;
  font-size: 22px;
}
.search-box .search-area .search-append i {
  vertical-align: middle;
}
.search-box .search-area .search-field input[type=text] {
  height: 40px;
  border: 0 none;
}
.search-box .search-area .search-prepend {
  margin: 0 20px;
}
.search-box .search-area .search-prepend a {
  font-size: 15px;
  margin: 12px 0;
}
.search-box::after {
  display: block;
  content: "";
  clear: both;
}

.monitor-board .write-box .tit {
  text-align: center;
  margin-top: 10px;
}
.monitor-board .write-box .tit span {
  border-top: 1px solid #000;
  padding-top: 3px;
  font-size: 17px;
  color: #000;
}
.monitor-board .write-box .text-area textarea {
  width: 100%;
  height: 142px;
  background: #f7f7f7;
  border: 0 none;
  padding: 30px;
  resize: none;
  border-radius: 12px;
}
.monitor-board .write-box .btn {
  background: #feb12d;
  border-radius: 10px;
  border: none;
  color: #000;
  font-size: 17px;
  padding: 9px 40px;
}
.monitor-board .realtime-reply {
  display: block;
}
.monitor-board .realtime-reply .timeline-wrap {
  text-align: center;
}
.monitor-board .realtime-reply .timeline-wrap .tit {
  display: inline-block;
  width: 60px;
  font-size: 14px;
  font-weight: 300;
  color: #fe722d;
  border-top: 1px solid #fe722d;
  padding-top: 3px;
  margin: 100px auto 10px auto;
}
.monitor-board .realtime-reply .timeline-wrap .timeline li {
  position: relative;
}
.monitor-board .realtime-reply .timeline-wrap .timeline li:last-child {
  height: 0 !important;
}
.monitor-board .realtime-reply .timeline-wrap .timeline li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  height: 100%;
  border-right: 2.5px solid #fe722d;
  z-index: -1;
}
.monitor-board .realtime-reply .timeline-wrap .timeline li.orange {
  border-color: #fe722d;
  height: 196px;
}
.monitor-board .realtime-reply .timeline-wrap .timeline li.orange .circle {
  border-color: #fe722d;
}
.monitor-board .realtime-reply .timeline-wrap .timeline li.light-orange {
  border-color: #feb73c;
  height: 163px;
}
.monitor-board .realtime-reply .timeline-wrap .timeline li.light-orange .circle {
  border-color: #feb73c;
}
.monitor-board .realtime-reply .timeline-wrap .timeline li .circle {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  border-radius: 180px;
  border: 2px solid;
  background: #fff;
  z-index: 100;
}
.monitor-board .realtime-reply .reply-item {
  display: flex;
  padding: 30px 20px 30px 40px;
  background: #f7f7f7;
  border-radius: 12px;
  margin-bottom: 40px;
}
.monitor-board .realtime-reply .reply-item:last-child {
  margin-bottom: 0;
}
.monitor-board .realtime-reply .reply-item .nickname {
  flex: 1 1 180px;
  margin-right: 10px;
}
.monitor-board .realtime-reply .reply-item .nickname p {
  background: #fff;
  border: 1px solid #eee;
  font-size: 17px;
  text-align: center;
  color: #555;
  border-radius: 10px;
  padding: 5px 0;
}
.monitor-board .realtime-reply .reply-item .cont {
  flex: 1 1 auto;
}
.monitor-board .realtime-reply .reply-item .cont .reply-cont {
  line-height: 32px;
}
.monitor-board .realtime-reply .reply-item .cont .like-time {
  display: flex;
  justify-content: space-between;
}
.monitor-board .realtime-reply .reply-item .cont .like-time .time {
  font-size: 15px;
  color: #555;
}
@media (max-width: 991px) {
  .monitor-board .timeline-wrap {
    display: none;
  }
}

@media (min-width: 992px) {
  .util-site-map-box {
      display:none;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: left 380ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: left 380ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  html.open-site-map .util-site-map-box {
    left: 0;
    -webkit-transition: left 480ms 120ms cubic-bezier(0.45, 0, 0.25, 1);
    transition: left 480ms 120ms cubic-bezier(0.45, 0, 0.25, 1);
  }
  .util-site-map-box .site-map-close {
    position: absolute;
    right: 34px;
    width: 80px;
    height: 80px;
    padding: 29px;
    color: #000;
    font-size: 22px;
    line-height: 22px;
  }
  .util-site-map-box .map-gnb {
    position: relative;
    height: 80px;
  }
  .util-site-map-box .map-gnb > .container {
    width: 100%;
    height: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .util-site-map-box .map-gnb ul {
    display: table;
    margin-right: auto;
    margin-left: auto;
  }
  .util-site-map-box .map-gnb ul li {
    display: table-cell;
    width: 170px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .util-site-map-box .map-gnb ul li a {
    display: block;
    position: relative;
    height: 80px;
    padding-top: 29px;
    padding-bottom: 27px;
    color: #999;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    -webkit-transition: color 280ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: color 280ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: color 280ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: color 280ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: color 280ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  .util-site-map-box .map-gnb ul li a::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width 280ms ease-in-out;
    -moz-transition: width 280ms ease-in-out;
    -ms-transition: width 280ms ease-in-out;
    -o-transition: width 280ms ease-in-out;
    transition: width 280ms ease-in-out;
  }
  .util-site-map-box .map-gnb ul li a.nongshim::before {
    border-bottom-color: #96c11f;
  }
  .util-site-map-box .map-gnb ul li a.brand::before {
    border-bottom-color: #da1009;
  }
  .util-site-map-box .map-gnb ul li a.noodlefoodle::before {
    border-bottom-color: #fe8100;
  }
  .util-site-map-box .map-gnb ul li a.recruit::before {
    border-bottom-color: #47b3ea;
  }
  .util-site-map-box .map-gnb ul li a:hover, .util-site-map-box .map-gnb ul li a.active {
    color: #000;
  }
  .util-site-map-box .map-gnb ul li a:hover::before, .util-site-map-box .map-gnb ul li a.active::before {
    width: 100%;
  }
  .util-site-map-box .map-gnb ul li a.active {
    cursor: default;
  }
  .util-site-map-box .map-con {
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    height: calc(100% - 80px);
    background-size: cover;
    background-position: center;
    color: #fff;
    -webkit-overflow-scrolling: touch;
  }
  .util-site-map-box .map-con.active {
    display: block;
  }
  .util-site-map-box .map-con > .container, .util-site-map-box .map-con > .container-fluid {
    max-width: 960px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .util-site-map-box .map-con .row {
    position: relative;
    margin: 40px -20px;
  }
  .util-site-map-box .map-con .row::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    border-right: 1px solid rgba(244, 244, 244, 0.2);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .util-site-map-box .map-con .row .col-6 {
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
  }
  .util-site-map-box .map-con .site-menu-wrap {
    display: flex;
    position: relative;
    padding-bottom: 35px;
  }
  .util-site-map-box .map-con .site-menu-wrap:first-child {
    padding-top: 20px;
  }
  .util-site-map-box .map-con .site-menu-wrap .side-a {
    width: 150px;
  }
  .util-site-map-box .map-con .site-menu-wrap .side-a a {
    display: inline-block;
    position: relative;
    padding-left: 21px;
    vertical-align: top;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
  }
  .util-site-map-box .map-con .site-menu-wrap .side-a a::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    background-color: #96c11f;
    border-radius: 50%;
    vertical-align: top;
  }
  .util-site-map-box .map-con .site-menu-wrap .side-b {
    width: calc(100% - 150px);
  }
  .util-site-map-box .map-con .site-menu-wrap .side-b ul.ul-2 {
    margin-top: 1px;
  }
  .util-site-map-box .map-con .site-menu-wrap .side-b ul.ul-2 > li {
    display: block;
    line-height: 22px;
  }
  .util-site-map-box .map-con .site-menu-wrap .side-b ul.ul-2 > li > a {
    display: inline-block;
    position: relative;
    vertical-align: top;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
  }
  .util-site-map-box .map-con .site-menu-wrap .side-b ul.ul-2 > li > a::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 1px solid #96c11f;
    -webkit-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -moz-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -ms-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -o-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
  }
  .util-site-map-box .map-con .site-menu-wrap .side-b ul.ul-2 > li > a:hover::before {
    width: 100%;
  }
  .util-site-map-box .map-con .site-menu-wrap .side-b ul.ul-2 > li .depth-3-box ul.ul-3 {
    position: relative;
    margin-top: 8px;
    margin-bottom: -2px;
    padding-left: 20px;
  }
  .util-site-map-box .map-con .site-menu-wrap .side-b ul.ul-2 > li .depth-3-box ul.ul-3::before {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 3px;
    width: 10px;
    height: 0;
    border-bottom: 1px solid #fff;
  }
  .util-site-map-box .map-con .site-menu-wrap .side-b ul.ul-2 > li .depth-3-box ul.ul-3 > li {
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 19px;
    vertical-align: top;
  }
  .util-site-map-box .map-con .site-menu-wrap .side-b ul.ul-2 > li .depth-3-box ul.ul-3 > li:last-child {
    padding-right: 0;
  }
  .util-site-map-box .map-con .site-menu-wrap .side-b ul.ul-2 > li .depth-3-box ul.ul-3 > li > a {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
  }
  .util-site-map-box .map-con .site-menu-wrap .side-b ul.ul-2 > li .depth-3-box ul.ul-3 > li > a span {
    display: block;
    position: relative;
  }
  .util-site-map-box .map-con .site-menu-wrap .side-b ul.ul-2 > li .depth-3-box ul.ul-3 > li > a span::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    -webkit-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -moz-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -ms-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -o-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
  }
  .util-site-map-box .map-con .site-menu-wrap .side-b ul.ul-2 > li .depth-3-box ul.ul-3 > li > a:hover span::before, .util-site-map-box .map-con .site-menu-wrap .side-b ul.ul-2 > li .depth-3-box ul.ul-3 > li > a.active span::before {
    width: 100%;
  }
  .util-site-map-box .map-con .site-menu-wrap .side-b ul.ul-2 > li:last-child .depth-3-box ul.ul-3 {
    margin-bottom: -4px;
  }
  .util-site-map-box .map-con .site-menu-wrap .side-b ul.ul-2 > li + li {
    margin-top: 14px;
  }
  .util-site-map-box .map-con .site-menu-wrap.site-menu-brand .side-a a::before {
    background-color: #da1009;
  }
  .util-site-map-box .map-con .site-menu-wrap.site-menu-brand .side-b ul.ul-2 {
    margin-right: -10px;
  }
  .util-site-map-box .map-con .site-menu-wrap.site-menu-brand .side-b ul.ul-2 > li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }
  .util-site-map-box .map-con .site-menu-wrap.site-menu-brand .side-b ul.ul-2 > li > a {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
  }
  .util-site-map-box .map-con .site-menu-wrap.site-menu-brand .side-b ul.ul-2 > li > a::before {
    border-top-color: #fff;
  }
  .util-site-map-box .map-con .site-menu-wrap.site-menu-brand .side-b ul.ul-2 > li:nth-of-type(2) {
    margin-top: 0;
  }
  .util-site-map-box .map-con .site-menu-wrap.site-menu-brand .side-b ul.ul-2 > li:nth-of-type(2) + li {
    margin-top: 14px;
  }
  .util-site-map-box .map-con .site-menu-wrap.site-menu-noodlefoodle .side-a {
    width: 190px;
  }
  .util-site-map-box .map-con .site-menu-wrap.site-menu-noodlefoodle .side-a a::before {
    background-color: #fe8100;
  }
  .util-site-map-box .map-con .site-menu-wrap.site-menu-noodlefoodle .side-b {
    width: calc(100% - 190px);
  }
  .util-site-map-box .map-con .site-menu-wrap.site-menu-noodlefoodle .side-b ul.ul-2 > li > a::before {
    border-top-color: #fff;
  }
  .util-site-map-box .map-con .site-menu-wrap.site-menu-recruit .side-a a::before {
    background-color: #47b3ea;
  }
  .util-site-map-box .map-con .site-menu-wrap.site-menu-recruit .side-b ul.ul-2 > li > a::before {
    border-top-color: #fff;
  }
  .util-site-map-box .map-con .col-6:nth-of-type(2) .site-menu-wrap.site-menu-noodlefoodle .side-a {
    width: 180px;
  }
  .util-site-map-box .map-con .col-6:nth-of-type(2) .site-menu-wrap.site-menu-noodlefoodle .side-b {
    width: calc(100% - 180px);
  }
  .util-site-map-box .map-con .col-6:nth-of-type(1) .site-menu-wrap.site-menu-recruit:nth-of-type(1) {
    padding-bottom: 71px;
  }
  .util-site-map-box .map-con .site-menu-wrap + .site-menu-wrap {
    padding-top: 40px;
  }
  .util-site-map-box .map-con .site-menu-wrap + .site-menu-wrap::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px solid rgba(244, 244, 244, 0.2);
  }
  .util-site-map-box .map-con .site-menu-wrap.site-menu-brand + .site-menu-wrap.site-menu-brand {
    padding-top: 35px;
  }
}
@media (max-width: 991px) {
  .util-site-map-box {
    display: none !important;
  }
}

.magazine-detail-header {
  position: relative;
  padding-top: 64px;
  padding-bottom: 50px;
  text-align: center;
}
.magazine-detail-header .header-category {
  margin-bottom: 30px;
}
.magazine-detail-header .header-category > i, .magazine-detail-header .header-category > span {
  vertical-align: middle;
  color: #666;
}
.magazine-detail-header .header-category > i {
  font-size: 32px;
  vertical-align: middle;
  margin-right: 7px;
}
.magazine-detail-header .header-category > span {
  font-size: 15px;
  vertical-align: middle;
}
.magazine-detail-header .header-heading {
  font-size: 45px;
  letter-spacing: -0.04em;
  margin-bottom: 30px;
}
.magazine-detail-header .header-like {
  margin-bottom: 30px;
}
.magazine-detail-header .header-info dl {
  display: inline-block;
  margin: 0 35px;
}
.magazine-detail-header .header-info dl dt, .magazine-detail-header .header-info dl dd {
  display: inline-block;
  color: #666;
}
.magazine-detail-header .header-info dl dt {
  font-size: 16px;
  margin-right: 20px;
  font-weight: normal;
}
.magazine-detail-header .header-info dl dd {
  font-size: 15px;
  font-weight: lighter;
}

.magazine-detail-body {
  border-top: solid 1px #aaa;
  padding: 40px 55px 80px;
}
.magazine-detail-body img {
  max-width: 100%;
}
.magazine-detail-body p {
  font-size: 21px;
  color: #333;
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.7.23
 */
.integration-checkbox {
  display: inline-block;
}
.integration-checkbox .integration-checkbox-wrap {
  display: flex;
  align-items: center;
}
.integration-checkbox input[type=checkbox] {
  display: none;
}
.integration-checkbox .toggle-group {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.integration-checkbox .toggle-group .toggle-on, .integration-checkbox .toggle-group .toggle-off {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  border-style: solid;
  border-width: 2px;
}
.integration-checkbox .toggle-group .toggle-on::before, .integration-checkbox .toggle-group .toggle-off::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.integration-checkbox .toggle-group .toggle-off {
  background-color: #FFF;
}
.integration-checkbox label {
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 0 5px;
  color: #7a87a1;
  cursor: pointer;
}
.integration-checkbox.on .toggle-on {
  display: flex;
}
.integration-checkbox.off .toggle-off {
  display: flex;
}
.integration-checkbox.off .toggle-off:before {
  content: none;
}
.integration-checkbox.disabled .toggle-group, .integration-checkbox.disabled .integration-checkbox-label {
  cursor: default;
}
.integration-checkbox.disabled .toggle-on {
  opacity: 0.6;
}
.integration-checkbox.disabled .toggle-off {
  opacity: 0.8;
}
.integration-checkbox .toggle-on {
  border-color: #e5e8ef;
}
.integration-checkbox .toggle-on::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 10"><path fill="%23333" d="M5.3,6.2l-3-3c0,0-0.8,0.7-2.3,2.1c0,0.1,1.7,1.6,5.1,4.6C5.1,10,5.2,10,5.3,10h0c0.1,0,0.2,0,0.2-0.1L14,2c-0.6-0.7-1.3-1.3-1.9-2C12,0,9.8,2.1,5.3,6.2z"/></svg>');
}
.integration-checkbox .toggle-off {
  border-color: #e5e8ef;
}
.integration-checkbox .toggle-off::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 10"><path fill="%23e5e8ef" d="M5.3,6.2l-3-3c0,0-0.8,0.7-2.3,2.1c0,0.1,1.7,1.6,5.1,4.6C5.1,10,5.2,10,5.3,10h0c0.1,0,0.2,0,0.2-0.1L14,2c-0.6-0.7-1.3-1.3-1.9-2C12,0,9.8,2.1,5.3,6.2z"/></svg>');
}
.integration-checkbox.integration-checkbox-reverse.on .toggle-group {
  background-color: #333;
}
.integration-checkbox.integration-checkbox-reverse.on .toggle-group .toggle-on {
  border-color: #333;
}
.integration-checkbox.integration-checkbox-reverse.on .toggle-group .toggle-on:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 10"><path fill="%23FFF" d="M5.3,6.2l-3-3c0,0-0.8,0.7-2.3,2.1c0,0.1,1.7,1.6,5.1,4.6C5.1,10,5.2,10,5.3,10h0c0.1,0,0.2,0,0.2-0.1L14,2c-0.6-0.7-1.3-1.3-1.9-2C12,0,9.8,2.1,5.3,6.2z"/></svg>');
}

.integration-checkbox-primary .toggle-on::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 10"><path fill="%23007bff" d="M5.3,6.2l-3-3c0,0-0.8,0.7-2.3,2.1c0,0.1,1.7,1.6,5.1,4.6C5.1,10,5.2,10,5.3,10h0c0.1,0,0.2,0,0.2-0.1L14,2c-0.6-0.7-1.3-1.3-1.9-2C12,0,9.8,2.1,5.3,6.2z"/></svg>');
}
.integration-checkbox-primary.integration-checkbox-reverse.on .toggle-group {
  background-color: #007bff;
}
.integration-checkbox-primary.integration-checkbox-reverse.on .toggle-group .toggle-on {
  border-color: #007bff;
}

.integration-checkbox-secondary .toggle-on::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 10"><path fill="%236c757d" d="M5.3,6.2l-3-3c0,0-0.8,0.7-2.3,2.1c0,0.1,1.7,1.6,5.1,4.6C5.1,10,5.2,10,5.3,10h0c0.1,0,0.2,0,0.2-0.1L14,2c-0.6-0.7-1.3-1.3-1.9-2C12,0,9.8,2.1,5.3,6.2z"/></svg>');
}
.integration-checkbox-secondary.integration-checkbox-reverse.on .toggle-group {
  background-color: #6c757d;
}
.integration-checkbox-secondary.integration-checkbox-reverse.on .toggle-group .toggle-on {
  border-color: #6c757d;
}

.integration-checkbox-success .toggle-on::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 10"><path fill="%2328a745" d="M5.3,6.2l-3-3c0,0-0.8,0.7-2.3,2.1c0,0.1,1.7,1.6,5.1,4.6C5.1,10,5.2,10,5.3,10h0c0.1,0,0.2,0,0.2-0.1L14,2c-0.6-0.7-1.3-1.3-1.9-2C12,0,9.8,2.1,5.3,6.2z"/></svg>');
}
.integration-checkbox-success.integration-checkbox-reverse.on .toggle-group {
  background-color: #28a745;
}
.integration-checkbox-success.integration-checkbox-reverse.on .toggle-group .toggle-on {
  border-color: #28a745;
}

.integration-checkbox-info .toggle-on::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 10"><path fill="%2317a2b8" d="M5.3,6.2l-3-3c0,0-0.8,0.7-2.3,2.1c0,0.1,1.7,1.6,5.1,4.6C5.1,10,5.2,10,5.3,10h0c0.1,0,0.2,0,0.2-0.1L14,2c-0.6-0.7-1.3-1.3-1.9-2C12,0,9.8,2.1,5.3,6.2z"/></svg>');
}
.integration-checkbox-info.integration-checkbox-reverse.on .toggle-group {
  background-color: #17a2b8;
}
.integration-checkbox-info.integration-checkbox-reverse.on .toggle-group .toggle-on {
  border-color: #17a2b8;
}

.integration-checkbox-warning .toggle-on::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 10"><path fill="%23ffc107" d="M5.3,6.2l-3-3c0,0-0.8,0.7-2.3,2.1c0,0.1,1.7,1.6,5.1,4.6C5.1,10,5.2,10,5.3,10h0c0.1,0,0.2,0,0.2-0.1L14,2c-0.6-0.7-1.3-1.3-1.9-2C12,0,9.8,2.1,5.3,6.2z"/></svg>');
}
.integration-checkbox-warning.integration-checkbox-reverse.on .toggle-group {
  background-color: #ffc107;
}
.integration-checkbox-warning.integration-checkbox-reverse.on .toggle-group .toggle-on {
  border-color: #ffc107;
}

.integration-checkbox-danger .toggle-on::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 10"><path fill="%23dc3545" d="M5.3,6.2l-3-3c0,0-0.8,0.7-2.3,2.1c0,0.1,1.7,1.6,5.1,4.6C5.1,10,5.2,10,5.3,10h0c0.1,0,0.2,0,0.2-0.1L14,2c-0.6-0.7-1.3-1.3-1.9-2C12,0,9.8,2.1,5.3,6.2z"/></svg>');
}
.integration-checkbox-danger.integration-checkbox-reverse.on .toggle-group {
  background-color: #dc3545;
}
.integration-checkbox-danger.integration-checkbox-reverse.on .toggle-group .toggle-on {
  border-color: #dc3545;
}

.integration-checkbox-light .toggle-on::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 10"><path fill="%23f8f9fa" d="M5.3,6.2l-3-3c0,0-0.8,0.7-2.3,2.1c0,0.1,1.7,1.6,5.1,4.6C5.1,10,5.2,10,5.3,10h0c0.1,0,0.2,0,0.2-0.1L14,2c-0.6-0.7-1.3-1.3-1.9-2C12,0,9.8,2.1,5.3,6.2z"/></svg>');
}
.integration-checkbox-light.integration-checkbox-reverse.on .toggle-group {
  background-color: #f8f9fa;
}
.integration-checkbox-light.integration-checkbox-reverse.on .toggle-group .toggle-on {
  border-color: #f8f9fa;
}

.integration-checkbox-dark .toggle-on::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 10"><path fill="%23343a40" d="M5.3,6.2l-3-3c0,0-0.8,0.7-2.3,2.1c0,0.1,1.7,1.6,5.1,4.6C5.1,10,5.2,10,5.3,10h0c0.1,0,0.2,0,0.2-0.1L14,2c-0.6-0.7-1.3-1.3-1.9-2C12,0,9.8,2.1,5.3,6.2z"/></svg>');
}
.integration-checkbox-dark.integration-checkbox-reverse.on .toggle-group {
  background-color: #343a40;
}
.integration-checkbox-dark.integration-checkbox-reverse.on .toggle-group .toggle-on {
  border-color: #343a40;
}

.integration-checkbox-sm .toggle-group {
  height: 16px;
  width: 16px;
}
.integration-checkbox-sm .toggle-group .toggle-on, .integration-checkbox-sm .toggle-group .toggle-off {
  height: 16px;
  width: 16px;
}
.integration-checkbox-sm .toggle-group .toggle-on::before, .integration-checkbox-sm .toggle-group .toggle-off::before {
  width: 10px;
  height: 10px;
}

.integration-checkbox-md .toggle-group {
  height: 20px;
  width: 20px;
}
.integration-checkbox-md .toggle-group .toggle-on, .integration-checkbox-md .toggle-group .toggle-off {
  height: 20px;
  width: 20px;
}
.integration-checkbox-md .toggle-group .toggle-on::before, .integration-checkbox-md .toggle-group .toggle-off::before {
  width: 14px;
  height: 14px;
}

.integration-checkbox-lg .toggle-group {
  height: 24px;
  width: 24px;
}
.integration-checkbox-lg .toggle-group .toggle-on, .integration-checkbox-lg .toggle-group .toggle-off {
  height: 24px;
  width: 24px;
}
.integration-checkbox-lg .toggle-group .toggle-on::before, .integration-checkbox-lg .toggle-group .toggle-off::before {
  width: 18px;
  height: 18px;
}

.integration-checkbox-xl .toggle-group {
  height: 30px;
  width: 30px;
}
.integration-checkbox-xl .toggle-group .toggle-on, .integration-checkbox-xl .toggle-group .toggle-off {
  height: 30px;
  width: 30px;
}
.integration-checkbox-xl .toggle-group .toggle-on::before, .integration-checkbox-xl .toggle-group .toggle-off::before {
  width: 24px;
  height: 24px;
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.8.05
 */
.integration-switch {
  position: relative;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
  border-radius: 999px;
  vertical-align: middle;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.integration-switch input[type=checkbox] {
  display: none;
}
.integration-switch .toggle-group {
  position: relative;
  left: 0;
  height: 36px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.integration-switch .toggle-group .toggle-handle {
  position: absolute;
  top: 3px;
  display: block;
  height: 30px;
  width: 30px;
  background-color: #FFF;
  border-radius: 50%;
  z-index: 2;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.integration-switch .toggle-group .toggle-on, .integration-switch .toggle-group .toggle-off {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 999px;
  -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
.integration-switch .toggle-group .toggle-on {
  left: 0;
  padding-right: 41px;
  color: #FFF;
  padding-left: 15px;
}
.integration-switch .toggle-group .toggle-off {
  left: 100%;
  padding-left: 41px;
  color: inherit;
  padding-right: 15px;
}
.integration-switch.on {
  background-color: #0a3398;
}
.integration-switch.on .toggle-handle {
  left: calc(100% - 30px - 3px);
}
.integration-switch.on .toggle-on {
  z-index: 1;
}
.integration-switch.off {
  background-color: #e5e8ef;
}
.integration-switch.off .toggle-group {
  left: -100%;
}
.integration-switch.off .toggle-handle {
  left: calc(100% + 3px);
}
.integration-switch.off .toggle-off {
  z-index: 1;
}
.integration-switch.disabled {
  opacity: 0.6;
}

.integration-switch-primary.on {
  background-color: #007bff;
}
.integration-switch-primary .toggle-on {
  color: #FFF;
}

.integration-switch-secondary.on {
  background-color: #6c757d;
}
.integration-switch-secondary .toggle-on {
  color: #FFF;
}

.integration-switch-success.on {
  background-color: #28a745;
}
.integration-switch-success .toggle-on {
  color: #FFF;
}

.integration-switch-info.on {
  background-color: #17a2b8;
}
.integration-switch-info .toggle-on {
  color: #FFF;
}

.integration-switch-warning.on {
  background-color: #ffc107;
}
.integration-switch-warning .toggle-on {
  color: #212529;
}

.integration-switch-danger.on {
  background-color: #dc3545;
}
.integration-switch-danger .toggle-on {
  color: #FFF;
}

.integration-switch-light.on {
  background-color: #f8f9fa;
}
.integration-switch-light .toggle-on {
  color: #212529;
}

.integration-switch-dark.on {
  background-color: #343a40;
}
.integration-switch-dark .toggle-on {
  color: #FFF;
}

.integration-switch-xs .toggle-group {
  height: 20px;
}
.integration-switch-xs .toggle-group .toggle-handle {
  height: 14px;
  width: 14px;
}
.integration-switch-xs .toggle-group .toggle-on {
  padding-right: 25px;
}
.integration-switch-xs .toggle-group .toggle-off {
  padding-left: 25px;
}
.integration-switch-xs.on .toggle-handle {
  left: calc(100% - 14px - 3px);
}

.integration-switch-sm .toggle-group {
  height: 30px;
}
.integration-switch-sm .toggle-group .toggle-handle {
  height: 24px;
  width: 24px;
}
.integration-switch-sm .toggle-group .toggle-on {
  padding-right: 35px;
}
.integration-switch-sm .toggle-group .toggle-off {
  padding-left: 35px;
}
.integration-switch-sm.on .toggle-handle {
  left: calc(100% - 24px - 3px);
}

.integration-switch-md .toggle-group {
  height: 36px;
}
.integration-switch-md .toggle-group .toggle-handle {
  height: 30px;
  width: 30px;
}
.integration-switch-md .toggle-group .toggle-on {
  padding-right: 41px;
}
.integration-switch-md .toggle-group .toggle-off {
  padding-left: 41px;
}
.integration-switch-md.on .toggle-handle {
  left: calc(100% - 30px - 3px);
}

.integration-switch-lg .toggle-group {
  height: 40px;
}
.integration-switch-lg .toggle-group .toggle-handle {
  height: 34px;
  width: 34px;
}
.integration-switch-lg .toggle-group .toggle-on {
  padding-right: 45px;
}
.integration-switch-lg .toggle-group .toggle-off {
  padding-left: 45px;
}
.integration-switch-lg.on .toggle-handle {
  left: calc(100% - 34px - 3px);
}

.integration-switch-xl .toggle-group {
  height: 50px;
}
.integration-switch-xl .toggle-group .toggle-handle {
  height: 44px;
  width: 44px;
}
.integration-switch-xl .toggle-group .toggle-on {
  padding-right: 55px;
}
.integration-switch-xl .toggle-group .toggle-off {
  padding-left: 55px;
}
.integration-switch-xl.on .toggle-handle {
  left: calc(100% - 44px - 3px);
}

/*!
 * Create by GuriZzang.
 * User: Dongjun Jeong (dongjun@adenasoft.com)
 * Date: 2019.7.23
 */
.integration-radio {
  display: inline-block;
}
.integration-radio .integration-radio-wrap {
  display: flex;
  align-items: center;
}
.integration-radio input[type=radio] {
  display: none;
}
.integration-radio .toggle-group {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.integration-radio .toggle-group .toggle-on, .integration-radio .toggle-group .toggle-off {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
}
.integration-radio .toggle-group .toggle-on::before, .integration-radio .toggle-group .toggle-off::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.integration-radio .toggle-group .toggle-off {
  background-color: #FFF;
}
.integration-radio label {
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 0 5px;
  color: #7a87a1;
  cursor: pointer;
}
.integration-radio.on .toggle-on {
  display: flex;
}
.integration-radio.off .toggle-off {
  display: flex;
}
.integration-radio.disabled .toggle-group, .integration-radio.disabled .integration-radio-label {
  cursor: default;
}
.integration-radio.disabled .toggle-on {
  opacity: 0.6;
}
.integration-radio.disabled .toggle-off {
  opacity: 0.8;
}
.integration-radio .toggle-on {
  border-color: #333;
}
.integration-radio .toggle-on::before {
  background-color: #333;
}
.integration-radio .toggle-off {
  border-color: #e5e8ef;
}
.integration-radio .toggle-off::before {
  background-color: #e5e8ef;
}

.integration-radio-primary .toggle-on {
  border-color: #007bff;
}
.integration-radio-primary .toggle-on::before {
  background-color: #007bff;
}

.integration-radio-secondary .toggle-on {
  border-color: #6c757d;
}
.integration-radio-secondary .toggle-on::before {
  background-color: #6c757d;
}

.integration-radio-success .toggle-on {
  border-color: #28a745;
}
.integration-radio-success .toggle-on::before {
  background-color: #28a745;
}

.integration-radio-info .toggle-on {
  border-color: #17a2b8;
}
.integration-radio-info .toggle-on::before {
  background-color: #17a2b8;
}

.integration-radio-warning .toggle-on {
  border-color: #ffc107;
}
.integration-radio-warning .toggle-on::before {
  background-color: #ffc107;
}

.integration-radio-danger .toggle-on {
  border-color: #dc3545;
}
.integration-radio-danger .toggle-on::before {
  background-color: #dc3545;
}

.integration-radio-light .toggle-on {
  border-color: #f8f9fa;
}
.integration-radio-light .toggle-on::before {
  background-color: #f8f9fa;
}

.integration-radio-dark .toggle-on {
  border-color: #343a40;
}
.integration-radio-dark .toggle-on::before {
  background-color: #343a40;
}

.integration-radio-group {
  flex-grow: 1;
  display: flex;
  justify-content: space-evenly;
}
.integration-radio-group > .form-check {
  margin-right: 10px;
}

body {
  min-width: 100%;
  max-width: 100%;
}

body.collapse, body.collapsing {
  display: block !important;
}

a {
  color: inherit;
  text-decoration: none !important;
  
}
a, a:active, a:hover, a:focus, a:visited, a:focus-within {
  color: #000;
  text-decoration: none !important;
  color: inherit;
  
}
a:focus {
  box-shadow: none !important;
  
}

button, button:focus {
  box-shadow: none !important;
  
}

.u {
  position: relative;
  display: inline-block;
  text-decoration: none;
  word-break: break-all;
}
.u::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0;
  border-bottom: solid 1px #212529;
}

.form-control {
  border-radius: 0 !important;
}

select {
  -webkit-border-radius: 0;
  
}

select:focus {
  
}

form input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b3b3b3 !important;
  opacity: 1;
  /* Firefox */
}
form input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b3b3b3 !important;
}
form input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b3b3b3 !important;
}

ul, ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

input[type=checkbox]:focus + span:before {
  outline: auto;
}

input[type=radio]:focus + span:before {
  outline: auto;
}

#view-container article {
  position: relative;
}
#view-container article::after {
  display: block;
  clear: both;
  content: "";
}

.visual-dim {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(150, 193, 32, 0.2);
  opacity: 0;
  pointer-events: none;
}

.article-board-header .title {
  font-weight: 400;
}

section#content-block {
  position: relative;
}

@media (min-width: 992px) {
  html.open-search-bar, html.open-site-map, html.open-family-site {
    overflow: hidden;
    width: 100%;
    height: 100vh;
  }
/*
  html, body {
    font-size: 16px;
  }
*/
  .body-wrap {
    position: relative;
  }

  .top-container {
    position: absolute;
    z-index: 200;
    top: 0;
    right: 0;
    left: 0;
  }

  .dim {
    visibility: hidden;
    display: block;
    position: fixed;
    z-index: 200;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.4);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 120ms 380ms ease-in-out;
    -moz-transition: all 120ms 380ms ease-in-out;
    -ms-transition: all 120ms 380ms ease-in-out;
    -o-transition: all 120ms 380ms ease-in-out;
    transition: all 120ms 380ms ease-in-out;
  }
  .dim html.open-site-map, .dim html.open-search-bar, html.open-family-site .dim {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    /*cursor:pointer;*/
    -webkit-transition: all 120ms ease-in-out;
    -moz-transition: all 120ms ease-in-out;
    -ms-transition: all 120ms ease-in-out;
    -o-transition: all 120ms ease-in-out;
    transition: all 120ms ease-in-out;
  }
  html.is-resize .dim {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  html.open-family-site .dim {
    z-index: 300;
  }

  .mobile-dim {
    display: none !important;
  }

  #view-container article {
    margin-bottom: 100px;
  }
  #view-container section#content-block {
    padding-top: 125px;
    padding-bottom: 0;
  }
  body:not(.page-navigation-overflow) #view-container section#content-block {
    padding-top: 195px;
  }

  .article-board-header {
    padding-top: 90px;
    padding-bottom: 45px;
  }
  .article-board-header .title {
    font-size: 46px;
  }

  .btn-quick-top {
    display: none;
    overflow: hidden;
    position: fixed;
    z-index: 150;
    bottom: 0;
    right: 50%;
    width: 50px;
    height: 50px;
    margin-right: -25px;
    background-color: #fff;
    color: #96c120;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  }
  .btn-quick-top.ready {
    display: block;
    -webkit-transition: all 280ms ease-in-out;
    -moz-transition: all 280ms ease-in-out;
    -ms-transition: all 280ms ease-in-out;
    -o-transition: all 280ms ease-in-out;
    transition: all 280ms ease-in-out;
  }
  html.is-resize .btn-quick-top {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }
  .btn-quick-top::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    -moz-transition: -moz-transform 200ms ease-in-out;
    -ms-transition: -ms-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
  }
  body.route1-main .btn-quick-top {
    background-color: #96c120;
    color: #fff;
  }
  .btn-quick-top > a {
    display: block;
    width: 50px;
    height: 50px;
    padding: 15px 13px 13px;
    vertical-align: top;
  }
  .btn-quick-top > a i {
    display: block;
    vertical-align: top;
    font-size: 22px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 12px 11px;
    -moz-transform-origin: 12px 11px;
    -ms-transform-origin: 12px 11px;
    -o-transform-origin: 12px 11px;
    transform-origin: 12px 11px;
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    -moz-transition: -moz-transform 200ms ease-in-out;
    -ms-transition: -ms-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
  }
  .btn-quick-top.active {
    bottom: 0 !important;
    right: 0;
    margin-right: 0;
    background-color: #fff !important;
    color: #000 !important;
  }
  .btn-quick-top.active::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .btn-quick-top.active > a i {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .btn-quick-top._fix {
    bottom: 0 !important;
    right: 0;
    margin-right: 0;
    background-color: #fff !important;
    color: #000 !important;
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -ms-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
  }
  .btn-quick-top._fix.active {
    opacity: 1;
  }
  .btn-quick-top._fix::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }
  .btn-quick-top._fix > a i {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }

  .pattern-container {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  .pattern {
    position: absolute;
    z-index: 50;
    pointer-events: none;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    mix-blend-mode: multiply;
  }
  .pattern .p-graphic-wrap {
    position: relative;
  }
  .pattern .p-graphic {
    position: relative;
  }
  .pattern .p-graphic img {
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .pattern .p-round-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .pattern .p-round {
    position: absolute;
    border: 0.6px solid #a5c010;
    border-radius: 50%;
  }

  .zoom-modal {
    display: none !important;
  }
}
@media (max-width: 991px) {
  html.open-menu, html.open-page-nav, html.open-zoom-modal, html.open-family-site {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
  }
  html.open-menu body, html.open-page-nav body, html.open-zoom-modal body, html.open-family-site body {
 /*   pointer-events: none;
    touch-action: none;*/
  }

  html {
    overflow-x: hidden;
    width: 100vw;
  }

  .top-container {
    position: absolute;
    z-index: 200;
    top: 0;
    right: 0;
    left: 0;
  }
  html.open-menu .top-container {
    bottom: 0;
  }
/*
  html, body {
    font-size: 14px;
  }
*/
  html.open-menu body, html.open-page-nav body {
    overflow: hidden;
  }

  .dim {
    visibility: hidden;
    display: block;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.8);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 120ms 200ms ease-in-out;
    -moz-transition: all 120ms 200ms ease-in-out;
    -ms-transition: all 120ms 200ms ease-in-out;
    -o-transition: all 120ms 200ms ease-in-out;
    transition: all 120ms 200ms ease-in-out;
  }
  .dim html.open-page-nav, html.open-family-site .dim {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  html.is-resize .dim {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  html.open-family-site .dim {
    z-index: 300;
  }

  .mobile-dim {
    visibility: hidden;
    display: block;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
  }
  html.open-menu .mobile-dim {
    top: 50px;
    -webkit-transition: all 120ms 200ms ease-in-out;
    -moz-transition: all 120ms 200ms ease-in-out;
    -ms-transition: all 120ms 200ms ease-in-out;
    -o-transition: all 120ms 200ms ease-in-out;
    transition: all 120ms 200ms ease-in-out;
  }
  html.open-lang .mobile-dim, html.open-login .mobile-dim {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 120ms ease-in-out;
    -moz-transition: all 120ms ease-in-out;
    -ms-transition: all 120ms ease-in-out;
    -o-transition: all 120ms ease-in-out;
    transition: all 120ms ease-in-out;
  }
  html.is-resize .mobile-dim {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }

  #view-container article {
    margin-bottom: 55px;
  }
  #view-container section#content-block {
    padding-top: 50px;
  }

  .article-board-header {
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .article-board-header .title {
    font-size: 24px;
  }

  .btn-quick-top {
    display: none;
    overflow: hidden;
    position: fixed;
    z-index: 150;
    bottom: 0;
    right: 50%;
    width: 35px;
    height: 35px;
    margin-right: -17.5px;
    background-color: #fff;
    color: #96c120;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  }
  .btn-quick-top.ready {
    display: block;
    -webkit-transition: all 280ms ease-in-out;
    -moz-transition: all 280ms ease-in-out;
    -ms-transition: all 280ms ease-in-out;
    -o-transition: all 280ms ease-in-out;
    transition: all 280ms ease-in-out;
  }
  html.is-resize .btn-quick-top {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }
  .btn-quick-top::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    -moz-transition: -moz-transform 200ms ease-in-out;
    -ms-transition: -ms-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
  }
  body.route1-main .btn-quick-top {
    background-color: #96c120;
    color: #fff;
  }
  .btn-quick-top > a {
    display: block;
    width: 35px;
    height: 35px;
    padding: 6px 5.5px 5px;
    vertical-align: top;
  }
  .btn-quick-top > a i {
    display: block;
    vertical-align: top;
    font-size: 22px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 12px 11px;
    -moz-transform-origin: 12px 11px;
    -ms-transform-origin: 12px 11px;
    -o-transform-origin: 12px 11px;
    transform-origin: 12px 11px;
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    -moz-transition: -moz-transform 200ms ease-in-out;
    -ms-transition: -ms-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
  }
  .btn-quick-top.active {
    bottom: 0 !important;
    right: 0;
    margin-right: 0;
    background-color: #fff !important;
    color: #000 !important;
  }
  .btn-quick-top.active::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .btn-quick-top.active > a i {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  body:not(.route1-main) .btn-quick-top {
    bottom: 0 !important;
    right: 0;
    margin-right: 0;
    background-color: #fff !important;
    color: #000 !important;
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -ms-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
  }
  body:not(.route1-main) .btn-quick-top.active {
    opacity: 1;
  }
  body:not(.route1-main) .btn-quick-top::before {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }
  body:not(.route1-main) .btn-quick-top > a i {
    display: block;
    vertical-align: top;
    font-size: 22px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: 12px 11px;
    -moz-transform-origin: 12px 11px;
    -ms-transform-origin: 12px 11px;
    -o-transform-origin: 12px 11px;
    transform-origin: 12px 11px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }
  .btn-quick-top._fix {
    bottom: 0 !important;
    right: 0;
    margin-right: 0;
    background-color: #fff !important;
    color: #000 !important;
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -ms-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
  }
  .btn-quick-top._fix.active {
    opacity: 1;
  }
  .btn-quick-top._fix::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }
  .btn-quick-top._fix > a i {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }

  .pattern-container {
    display: none !important;
  }

  .pattern {
    display: none !important;
  }

  .zoom-modal {
    visibility: hidden;
    overflow: hidden;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    background-color: #000;
    -webkit-transition: visibility 200ms ease-in-out, opacity 200ms ease-in-out;
    -moz-transition: visibility 200ms ease-in-out, opacity 200ms ease-in-out;
    -ms-transition: visibility 200ms ease-in-out, opacity 200ms ease-in-out;
    -o-transition: visibility 200ms ease-in-out, opacity 200ms ease-in-out;
    transition: visibility 200ms ease-in-out, opacity 200ms ease-in-out;
  }
  html.open-zoom-modal .zoom-modal {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
  }
  .zoom-modal > a.close {
    display: block;
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    padding: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
  }
  .zoom-modal > a.close i {
    color: #fff;
  }
  .zoom-modal .modal-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .zoom-modal .modal-wrap img {
    display: block;
    width: 100%;
    vertical-align: top;
  }
}
header#header-block {
  z-index: 100;
  width: 100%;
}
@media (min-width: 992px) {
  header#header-block #header {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    height: 125px;
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    -moz-transition: -moz-transform 200ms ease-in-out;
    -ms-transition: -ms-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
  }
  body.hide-unb header#header-block #header {
    -webkit-transform: translateY(-45px);
    -moz-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    -o-transform: translateY(-45px);
    transform: translateY(-45px);
  }
  body.hide-nav header#header-block #header {
    -webkit-transform: translateY(-196px);
    -moz-transform: translateY(-196px);
    -ms-transform: translateY(-196px);
    -o-transform: translateY(-196px);
    transform: translateY(-196px);
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    -moz-transition: -moz-transform 400ms ease-in-out;
    -ms-transition: -ms-transform 400ms ease-in-out;
    -o-transition: -o-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
  }
  body.hide-nav.hide-unb header#header-block #header {
    -webkit-transition: -webkit-transform 220ms ease-in-out;
    -moz-transition: -moz-transform 220ms ease-in-out;
    -ms-transition: -ms-transform 220ms ease-in-out;
    -o-transition: -o-transform 220ms ease-in-out;
    transition: transform 220ms ease-in-out;
  }
  body.route1-main.hide-nav header#header-block #header {
    -webkit-transform: translateY(-126px);
    -moz-transform: translateY(-126px);
    -ms-transform: translateY(-126px);
    -o-transform: translateY(-126px);
    transform: translateY(-126px);
    -webkit-transition: -webkit-transform 300ms ease-in-out;
    -moz-transition: -moz-transform 300ms ease-in-out;
    -ms-transition: -ms-transform 300ms ease-in-out;
    -o-transition: -o-transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
  }
  body.route1-main.hide-nav.hide-unb header#header-block #header {
    -webkit-transition: -webkit-transform 120ms ease-in-out;
    -moz-transition: -moz-transform 120ms ease-in-out;
    -ms-transition: -ms-transform 120ms ease-in-out;
    -o-transition: -o-transform 120ms ease-in-out;
    transition: transform 120ms ease-in-out;
  }
  html.open-search-bar body.hide-unb header#header-block #header {
    -webkit-transform: translateY(-45px) !important;
    -moz-transform: translateY(-45px) !important;
    -ms-transform: translateY(-45px) !important;
    -o-transform: translateY(-45px) !important;
    transform: translateY(-45px) !important;
  }
  html.open-search-bar header#header-block #header {
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  html.is-resize header#header-block #header {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  html.ie-11 header#header-block #header {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-unb {
    position: relative;
    height: 45px;
    background-color: #f4f4f4;
  }
  header#header-block #header #category-unb ul {
    display: table;
    margin-right: auto;
    margin-left: auto;
  }
  header#header-block #header #category-unb ul li {
    display: table-cell;
    width: 168px;
    padding-right: 10px;
    padding-left: 10px;
  }
  header#header-block #header #category-unb ul li > a {
    display: block;
    position: relative;
    height: 45px;
    padding-top: 14px;
    padding-bottom: 11px;
    color: #999;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    -webkit-transition: color 280ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: color 280ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: color 280ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: color 280ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: color 280ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  header#header-block #header #category-unb ul li > a i {
    display: none;
  }
  header#header-block #header #category-unb ul li > a::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width 280ms ease-in-out;
    -moz-transition: width 280ms ease-in-out;
    -ms-transition: width 280ms ease-in-out;
    -o-transition: width 280ms ease-in-out;
    transition: width 280ms ease-in-out;
  }
  html.is-resize header#header-block #header #category-unb ul li > a::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-unb ul li > a#category-nongshim::before {
    border-bottom-color: #96c11f;
  }
  header#header-block #header #category-unb ul li > a#category-brand::before {
    border-bottom-color: #da1009;
  }
  header#header-block #header #category-unb ul li > a#category-noodlefoodle::before {
    border-bottom-color: #fe8100;
  }
  header#header-block #header #category-unb ul li > a#category-recruit::before {
    border-bottom-color: #47b3ea;
  }
  header#header-block #header #category-unb ul li > a:hover, header#header-block #header #category-unb ul li > a.active {
    color: #000;
  }
  header#header-block #header #category-unb ul li > a:hover::before, header#header-block #header #category-unb ul li > a.active::before {
    width: 100%;
  }
  header#header-block #header #category-unb ul li > a.active {
    cursor: default;
  }
  header#header-block #header #category-gnb {
    display: block;
    position: relative;
    width: 100%;
    height: 80px;
    background-color: #fff;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.07);
    -webkit-transition: background-color 200ms ease-in-out, height 280ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: background-color 200ms ease-in-out, height 280ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: background-color 200ms ease-in-out, height 280ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: background-color 200ms ease-in-out, height 280ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: background-color 200ms ease-in-out, height 280ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
  header#header-block #header #category-gnb::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 80px;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 1px solid #e8e8e8;
    opacity: 1;
    pointer-events: none;
  }
  body.gnb-sub-open header#header-block #header #category-gnb {
    height: 480px;
    -webkit-transition: background-color 200ms ease-in-out, height 420ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: background-color 200ms ease-in-out, height 420ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: background-color 200ms ease-in-out, height 420ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: background-color 200ms ease-in-out, height 420ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: background-color 200ms ease-in-out, height 420ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
  body.gnb-sub-open header#header-block #header #category-gnb::before {
    opacity: 1;
    border-top: 1px solid #e8e8e8;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
  }
  html.is-resize header#header-block #header #category-gnb {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .left-container {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
  }
  header#header-block #header #category-gnb .left-container > .container-fluid {
    padding-right: 0;
    padding-left: 40px;
  }
  header#header-block #header #category-gnb .left-container .logo {
    margin-bottom: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: opacity 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: opacity 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1), -ms-transform 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  html.open-search-bar header#header-block #header #category-gnb .left-container .logo {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(0.88);
    -moz-transform: scale(0.88);
    -ms-transform: scale(0.88);
    -o-transform: scale(0.88);
    transform: scale(0.88);
    -webkit-transition: opacity 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: opacity 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -ms-transition: opacity 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -ms-transform 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: opacity 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -o-transform 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19), transform 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  html.is-resize header#header-block #header #category-gnb .left-container .logo {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .left-container .logo a {
    display: block;
    position: relative;
    z-index: 10;
    height: 80px;
    padding: 22px 20px 19px;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .left-container .logo a svg#logo-svg {
    display: inline-block;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .left-container .logo a svg#logo-svg > path {
    -webkit-transition: fill 180ms ease-in-out;
    -moz-transition: fill 180ms ease-in-out;
    -ms-transition: fill 180ms ease-in-out;
    -o-transition: fill 180ms ease-in-out;
    transition: fill 180ms ease-in-out;
  }
  html.is-resize header#header-block #header #category-gnb .left-container .logo a svg#logo-svg > path {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .left-container .logo a svg#logo-svg path.logo-line {
    fill: #fff;
  }
  header#header-block #header #category-gnb .left-container .logo a svg#logo-svg path.logo-fill {
    fill: #e6001e;
  }
  header#header-block #header #category-gnb .left-container .logo a svg#logo-svg path.logo-title {
    fill: #000;
  }
  body.route1-main header#header-block #header #category-gnb .left-container .logo a svg#logo-svg path.logo-title {
    fill: #fff;
  }
  body.route1-main.main-visual-down header#header-block #header #category-gnb .left-container .logo a svg#logo-svg path.logo-title {
    fill: #000 !important;
  }
  html.open-search-bar header#header-block #header #category-gnb .left-container .logo a svg#logo-svg path.logo-title {
    fill: #000 !important;
  }
  header#header-block #header #category-gnb .left-container .btn-menu-open {
    display: none !important;
  }
  header#header-block #header #category-gnb:hover .left-container .logo a {
    color: #000;
  }
  header#header-block #header #category-gnb:hover .left-container .logo a svg#logo-svg path.logo-title {
    fill: #000 !important;
  }
  header#header-block #header #category-gnb .center-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
  }
  header#header-block #header #category-gnb .center-container > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
  header#header-block #header #category-gnb .center-container #nav-category {
    display: none !important;
  }
  header#header-block #header #category-gnb .center-container #nav {
    overflow: hidden;
    display: flex;
    justify-content: center;
    height: 100%;
  }
  header#header-block #header #category-gnb .center-container #nav a {
    color: #000;
  }
  header#header-block #header #category-gnb .center-container #nav > ul {
    display: table;
  }
  header#header-block #header #category-gnb .center-container #nav > ul > li {
    display: table-cell;
    height: 80px;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item {
    height: 80px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item > a {
    position: relative;
    display: block;
    height: 80px;
    padding: 28px 24px 24px 25px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 28px;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: opacity 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: opacity 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1), -ms-transform 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  html.open-search-bar header#header-block #header #category-gnb .center-container #nav .nav-item > a {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(0.92);
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    -o-transform: scale(0.92);
    transform: scale(0.92);
    -webkit-transition: opacity 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: opacity 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -ms-transition: opacity 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -ms-transform 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: opacity 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -o-transform 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19), transform 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  html.open-site-map header#header-block #header #category-gnb .center-container #nav .nav-item > a {
    pointer-events: none;
  }
  html.is-resize header#header-block #header #category-gnb .center-container #nav .nav-item > a {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item > a > span {
    display: inline-block;
    position: relative;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item > a > span::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border-top: solid 2px #d83832;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  html.is-resize header#header-block #header #category-gnb .center-container #nav .nav-item > a > span::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item > a > span.img-default {
    display: none;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item > a > span img {
    height: 33px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item > a > i {
    display: none;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item.nav-img-item > a {
    padding-top: 23px;
    padding-right: 25px;
    padding-left: 5px;
    line-height: 33px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item.nav-img-item > a .img-default, header#header-block #header #category-gnb .center-container #nav .nav-item.nav-img-item > a .img-hover {
    padding-right: 0;
    padding-left: 0;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item.active:not(.nav-img-item) > a > span::before, header#header-block #header #category-gnb .center-container #nav .nav-item:hover:not(.nav-img-item) > a > span::before {
    width: 100%;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub {
    overflow: hidden;
    display: none;
    position: absolute;
    top: 80px;
    right: 0;
    left: 0;
    width: 100%;
    height: 400px;
    padding-top: 0;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container {
    padding-top: 38px;
    padding-right: 10px;
    padding-left: 10px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container > .row {
    margin-right: -20px;
    margin-left: -20px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container > .row .col-6 {
    padding-right: 20px;
    padding-left: 20px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item {
    margin-bottom: 35px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item > a {
    display: flex;
    position: relative;
    height: 34px;
    padding-right: 10px;
    border-bottom: solid 1px #e5e5e5;
    font-size: 17px;
    font-weight: 600;
    line-height: 34px;
    align-items: center;
    justify-content: space-between;
  }
  html.open-site-map header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item > a {
    pointer-events: none;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item > a > span {
    position: relative;
    height: 34px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item > a > span::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: solid 1px #d83832;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item > a > i {
    position: relative;
    font-size: 12px;
    padding: 2px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item > a > i::before {
    position: relative;
    left: 1px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item > a > i::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 1px #e5e5e5;
    border-radius: 50%;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item .sub-item-sub {
    display: block !important;
    height: 100% !important;
    padding-top: 13px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item .sub-item-sub a {
    display: block;
    position: relative;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
  }
  html.open-site-map header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item .sub-item-sub a {
    pointer-events: none;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item .sub-item-sub a > span {
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item .sub-item-sub a > span::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: solid 1px #d83832;
    -webkit-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -moz-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -ms-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -o-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
  }
  html.is-resize header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item .sub-item-sub a > span::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item .sub-item-sub a.active > span::before, header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item .sub-item-sub a:hover > span::before {
    width: 100%;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item.active .nav-item-sub .sub-item.active > a span::before {
    width: 100%;
  }
  body.gnb-sub-open header#header-block #header #category-gnb .center-container #nav .nav-item:hover .nav-item-sub {
    display: block;
  }
  header#header-block #header #category-gnb .center-container .mobile-function {
    display: none !important;
  }
  header#header-block #header #category-gnb #header-menu {
    position: relative;
    width: 100%;
    height: 100%;
  }
  header#header-block #header #category-gnb .right-container {
    position: absolute;
    top: 0;
    right: 0;
  }
  header#header-block #header #category-gnb .right-container > .container-fluid {
    padding-right: 45px;
    padding-left: 0;
  }
  header#header-block #header #category-gnb .right-container .util > ul {
    display: table;overflow: inherit;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li {
    display: table-cell;
    position: relative;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li:first-child {
    position: static;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li > div > a {
    position: relative;
    display: block;
    height: 80px;
    padding: 27px 15px 23px;
    color: #000;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: opacity 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: opacity 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1), -ms-transform 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 200ms 120ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  html.open-search-bar header#header-block #header #category-gnb .right-container .util > ul > li > div > a {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(0.92);
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    -o-transform: scale(0.92);
    transform: scale(0.92);
    -webkit-transition: opacity 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: opacity 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -ms-transition: opacity 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -ms-transform 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: opacity 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -o-transform 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19), transform 280ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  html.is-resize header#header-block #header #category-gnb .right-container .util > ul > li > div > a {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li > div > a i {
    color: #000;
    font-size: 18px;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li > div > a span {
    color: #000;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li > div > a::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 23px;
    width: 0;
    height: 0;
    border-bottom: solid 2px #d83832;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width 120ms ease-in-out;
    -moz-transition: width 120ms ease-in-out;
    -ms-transition: width 120ms ease-in-out;
    -o-transition: width 120ms ease-in-out;
    transition: width 120ms ease-in-out;
  }
  html.is-resize header#header-block #header #category-gnb .right-container .util > ul > li > div > a::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li > div:hover > a::before {
    width: calc(100% - 30px);
  }
  header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu {
    visibility: hidden;
    position: absolute;
    z-index: 1;
    top: 79px;
    right: 10px;
    padding: 26px 35px;
    background-color: #fff;
    opacity: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    pointer-events: none;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: visibility 220ms ease-in-out, opacity 220ms ease-in-out, -webkit-transform 220ms ease-in-out;
    -moz-transition: visibility 220ms ease-in-out, opacity 220ms ease-in-out, -moz-transform 220ms ease-in-out;
    -ms-transition: visibility 220ms ease-in-out, opacity 220ms ease-in-out, -ms-transform 220ms ease-in-out;
    -o-transition: visibility 220ms ease-in-out, opacity 220ms ease-in-out, -o-transform 220ms ease-in-out;
    transition: visibility 220ms ease-in-out, opacity 220ms ease-in-out, transform 220ms ease-in-out;
  }
  html.is-resize header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 7px;
    right: 0;
    margin-right: -2px;
    border: 5px solid transparent;
    border-bottom-color: #fff;
    border-right-color: #fff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu .util-sub-menu-wrap > ul > li > a {
    display: block;
    height: 38px;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    white-space: nowrap;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu .util-sub-menu-wrap > ul > li > a > span {
    display: inline-block;
    position: relative;
    padding: 9px 6px;
    vertical-align: top;
    /*line-height:initial;*/
  }
  header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu .util-sub-menu-wrap > ul > li > a > span::before {
    content: "";
    position: absolute;
    right: 6px;
    left: 6px;
    bottom: 5px;
    width: 0;
    height: 0;
    border-bottom: solid 1px #d83832;
    -webkit-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -moz-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -ms-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -o-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
  }
  html.is-resize header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu .util-sub-menu-wrap > ul > li > a > span::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu .util-sub-menu-wrap > ul > li > a:hover > span::before {
    width: calc(100% - 12px);
  }
  header#header-block #header #category-gnb .right-container .util > ul > li:hover .util-sub-menu,  header#header-block #header #category-gnb .right-container .util > ul > li:focus .util-sub-menu{
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  header#header-block #header #category-gnb .right-container .util .util-login > a > i {
    position: relative;
  }
  header#header-block #header #category-gnb .right-container .util .util-login > a > i::after {
    content: "";
    position: absolute;
    top: 1px;
    right: -6px;
    width: 5px;
    height: 5px;
	background-color: #d83832;
    border-radius: 50%;
    opacity: 0;
  }
  header#header-block #header #category-gnb .right-container .util .util-login.active > a > i::after {
    opacity: 1;
  }
  header#header-block #header #category-gnb .right-container .util .util-login .util-sub-menu {
    right: 5px;
  }
  header#header-block #header #category-gnb .right-container .util .util-login .util-sub-menu::before {
    right: 12px;
  }
  header#header-block #header #category-gnb .right-container .util .util-languages > a {
    position: relative;
  }
  header#header-block #header #category-gnb .right-container .util .util-languages > a i {
    position: relative;
    font-size: 26px;
  }
  header#header-block #header #category-gnb .right-container .util .util-languages > a span {
    position: absolute;
    padding-bottom: 4px;
    font-size: 12px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  header#header-block #header #category-gnb .right-container .util .util-languages .util-sub-menu::before {
    right: 12px;
  }
  header#header-block #header #category-gnb .right-container .util .util-site-map > a {
    color: #fff;
    position: relative;
    padding-top: 24px;
    padding-bottom: 26px;
  }
  header#header-block #header #category-gnb .right-container .util .util-site-map > a i {
    position: relative;
    font-size: 29px;
  }
  header#header-block #header #category-gnb .right-container .util .util-site-map > a span {
    position: absolute;
    padding-bottom: 4px;
    font-size: 12px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  header#header-block #header #category-gnb .right-container .util .util-site-map > a::before {
    height: 0;
    border-bottom: solid 2px #d83832;
  }
  header#header-block #header #category-gnb .right-container .util .util-site-map:hover > a::before {
    width: calc(100% - 30px - 8px);
  }
  header#header-block #header #category-gnb .right-container .util-menu-close {
    display: none !important;
  }
  header#header-block #header #category-gnb:hover .center-container #nav .nav-item > a {
    color: #000 !important;
  }
  header#header-block #header #category-gnb:hover .center-container #nav .nav-item.nav-img-item > a .img-default {
    display: none !important;
  }
  header#header-block #header #category-gnb:hover .center-container #nav .nav-item.nav-img-item > a .img-hover {
    display: block !important;
  }
  header#header-block #header #category-gnb:hover .right-container .util > ul > li > div > a i {
    color: #000 !important;
  }
  header#header-block #header #category-gnb:hover .right-container .util > ul > li > div > a span {
    color: #000 !important;
  }
  body.route1-main header#header-block #header #category-gnb {
    background-color: transparent;
    box-shadow: none !important;
  }
  body.route1-main header#header-block #header #category-gnb::before {
    opacity: 0 !important;
  }
  body.route1-main header#header-block #header #category-gnb:hover {
    background-color: #fff;
  }
  body.route1-main header#header-block #header #category-gnb .center-container #nav .nav-item > a {
    color: #fff;
  }
  body.route1-main header#header-block #header #category-gnb .center-container #nav .nav-item.nav-img-item > a .img-default {
    display: block;
  }
  body.route1-main header#header-block #header #category-gnb .center-container #nav .nav-item.nav-img-item > a .img-hover {
    display: none;
  }
  body.route1-main header#header-block #header #category-gnb .right-container .util > ul > li > div > a i {
    color: #fff;
  }
  body.route1-main header#header-block #header #category-gnb .right-container .util > ul > li > div > a span {
    color: #fff;
  }
  body.route1-main.main-visual-down header#header-block #header #category-gnb {
    background-color: #fff;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.07) !important;
  }
  body.route1-main.main-visual-down header#header-block #header #category-gnb::before {
    opacity: 1 !important;
  }
  body.route1-main.main-visual-down header#header-block #header #category-gnb .center-container #nav .nav-item > a {
    color: #000;
  }
  body.route1-main.main-visual-down header#header-block #header #category-gnb .center-container #nav .nav-item.nav-img-item > a .img-default {
    display: none !important;
  }
  body.route1-main.main-visual-down header#header-block #header #category-gnb .center-container #nav .nav-item.nav-img-item > a .img-hover {
    display: block !important;
  }
  body.route1-main.main-visual-down header#header-block #header #category-gnb .right-container .util > ul > li > div > a i {
    color: #000;
  }
  body.route1-main.main-visual-down header#header-block #header #category-gnb .right-container .util > ul > li > div > a span {
    color: #000;
  }
  body.route1-main.main-visual-down.gnb-sub-open header#header-block #header #category-gnb::before {
    opacity: 0 !important;
  }
  html.open-search-bar header#header-block #header #category-gnb {
    background-color: #fff !important;
  }
  html.open-search-bar header#header-block #header #category-gnb .center-container #nav .nav-item > a {
    color: #000 !important;
  }
  html.open-search-bar header#header-block #header #category-gnb .center-container #nav .nav-item.nav-img-item > a .img-default {
    display: none !important;
  }
  html.open-search-bar header#header-block #header #category-gnb .center-container #nav .nav-item.nav-img-item > a .img-hover {
    display: block !important;
  }
  html.open-search-bar header#header-block #header #category-gnb .right-container .util > ul > li > div > a i {
    color: #000 !important;
  }
  html.open-search-bar header#header-block #header #category-gnb .right-container .util > ul > li > div > a span {
    color: #000 !important;
  }
  header#header-block #header #sub-menu-mobile {
    display: none !important;
  }
  header#header-block #util-search-box {
    display: none;
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0;
    width: 100%;
    height: 80px;
  }
  header#header-block #util-search-box .container {
    padding-right: 0;
    padding-left: 0;
  }
  html.open-search-bar header#header-block #util-search-box {
    display: block;
  }
  header#header-block #util-search-box .search-box-container {
    position: relative;
  }
  header#header-block #util-search-box .search-box-container .search-area {
    position: relative;
    height: 80px;
    padding-right: 0;
    padding-left: 0;
  }
  header#header-block #util-search-box .search-box-container .search-area .search-prepend {
    position: absolute;
    top: 1px;
    right: 40px;
    width: 62px;
    height: 100%;
    padding: 29px 20px;
    line-height: 22px;
  }
  header#header-block #util-search-box .search-box-container .search-area .search-prepend a {
  	font-size:22px;
  }
  header#header-block #util-search-box .search-box-container .search-area .search-prepend > i {
    display: inline-block;
    color: #000;
    font-size: 22px;
    vertical-align: top;
  }
  header#header-block #util-search-box .search-box-container .search-area .search-field {
    height: 100%;
    padding-right: 60px;
    padding-left: 60px;
  }
  header#header-block #util-search-box .search-box-container .search-area .search-field > input {
    width: 100%;
    height: 50px;
/*    padding-top: 25px;
    padding-bottom: 25px;*/
    background-color: transparent;
    border: none;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
	box-sizing: border-box;
	margin-top: 14px;
  }
  header#header-block #util-search-box .search-box-container .search-area .search-field > input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    opacity: 1;
    /* Firefox */
  }
  header#header-block #util-search-box .search-box-container .search-area .search-field > input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999;
  }
  header#header-block #util-search-box .search-box-container .search-area .search-field > input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #999;
  }
  header#header-block #util-search-box .search-box-container .search-area .search-append {
    position: absolute;
    top: 0;
    right: 0;
  }
  header#header-block #util-search-box .search-box-container .search-area .search-append > a {
    display: block;
    padding: 30px 21px;
    vertical-align: top;
    line-height: 21px;
  }
  header#header-block #util-search-box .search-box-container .search-area .search-append > a > i {
    display: inline-block;
    color: #000;
    font-size: 21px;
    vertical-align: top;
  }
  header#header-block #util-search-box .search-box-container .auto-compile {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 80px;
    right: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
  }
  header#header-block #util-search-box .search-box-container .auto-compile .auto-compile-list {
    position: relative;
    padding: 18px 20px;
  }
  header#header-block #util-search-box .search-box-container .auto-compile .auto-compile-list:last-child {
    padding-bottom: 30px;
  }
  header#header-block #util-search-box .search-box-container .auto-compile .auto-compile-list strong {
    display: inline-block;
    margin-left: 42px;
    vertical-align: top;
    color: #666;
    font-size: 14px;
    font-weight: 600;
  }
  header#header-block #util-search-box .search-box-container .auto-compile .auto-compile-list ul > li > a {
    display: block;
    height: 36px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 42px;
    vertical-align: top;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    -webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
    -ms-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  }
  html.is-resize header#header-block #util-search-box .search-box-container .auto-compile .auto-compile-list ul > li > a {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #util-search-box .search-box-container .auto-compile .auto-compile-list ul > li > a:hover, header#header-block #util-search-box .search-box-container .auto-compile .auto-compile-list ul > li > a:active {
    background-color: #f4f4f4;
    color: #ca0202;
  }
  header#header-block #util-search-box .search-box-container .auto-compile .auto-compile-list + .auto-compile-list::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #e8e8e8;
  }
}
@media (min-width: 992px) and (max-width: 1220px) {
  header#header-block #header #category-gnb .left-container > .container-fluid {
    padding-left: 10px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item > a {
    padding-right: 16px;
    padding-left: 15px;
  }
  header#header-block #header #category-gnb .right-container > .container-fluid {
    padding-right: 20px;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li > div > a {
    padding-right: 10px;
    padding-left: 10px;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li > div > a:hover::before {
    width: calc(100% - 20px);
  }
  header#header-block #header #category-gnb .right-container .util .util-login .util-sub-menu {
    right: 0;
  }
  header#header-block #header #category-gnb .right-container .util .util-languages .util-sub-menu {
    right: 5px;
  }
  header#header-block #header #category-gnb .right-container .util .util-site-map:hover > a::before {
    width: calc(100% - 20px - 8px);
  }
}
@media (max-width: 991px) {
  header#header-block {
    position: absolute;
    z-index: 200;
    top: 0;
    right: 0;
  }
  html.open-menu header#header-block {
    bottom: 0;
    left: 0;
  }
  header#header-block #header #category-unb {
    display: none !important;
  }
  header#header-block #header #category-gnb {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
  }
  html.open-menu header#header-block #header #category-gnb {
    bottom: 0;
  }
  body.hide-nav header#header-block #header #category-gnb {
    pointer-events: none;
  }
  header#header-block #header #category-gnb .left-container {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #fff;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.07);
    -webkit-transition: background-color 200ms ease-in-out, height 200ms ease-in-out, box-shadow 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out, height 200ms ease-in-out, box-shadow 200ms ease-in-out, -moz-transform 200ms ease-in-out;
    -ms-transition: background-color 200ms ease-in-out, height 200ms ease-in-out, box-shadow 200ms ease-in-out, -ms-transform 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out, height 200ms ease-in-out, box-shadow 200ms ease-in-out, -o-transform 200ms ease-in-out;
    transition: background-color 200ms ease-in-out, height 200ms ease-in-out, box-shadow 200ms ease-in-out, transform 200ms ease-in-out;
    /*
    html.open-menu body.route1-main.main-visual-down &{
      &::before{-webkit-transition-delay:0ms;-moz-transition-delay:0ms;-ms-transition-delay:0ms;-o-transition-delay:0ms;transition-delay:0ms}
    }
     */
  }
  body.route1-main header#header-block #header #category-gnb .left-container {
    background-color: transparent;
    box-shadow: none;
  }
  body.route1-main.main-visual-down header#header-block #header #category-gnb .left-container {
    background-color: #fff;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.07);
  }
  html.open-menu header#header-block #header #category-gnb .left-container {
    height: 50px;
    box-shadow: none !important;
    -webkit-transition: background-color 0ms 400ms ease-in-out, height 200ms 420ms ease-in-out, box-shadow 200ms ease-in-out;
    -moz-transition: background-color 0ms 400ms ease-in-out, height 200ms 420ms ease-in-out, box-shadow 200ms ease-in-out;
    -ms-transition: background-color 0ms 400ms ease-in-out, height 200ms 420ms ease-in-out, box-shadow 200ms ease-in-out;
    -o-transition: background-color 0ms 400ms ease-in-out, height 200ms 420ms ease-in-out, box-shadow 200ms ease-in-out;
    transition: background-color 0ms 400ms ease-in-out, height 200ms 420ms cubic-bezier(0.445, 0.05, 0.55, 0.95), box-shadow 200ms ease-in-out;
  }
  html.open-menu body.route1-main header#header-block #header #category-gnb .left-container {
    background-color: transparent !important;
  }
  html.open-page-nav header#header-block #header #category-gnb .left-container, body.hide-nav header#header-block #header #category-gnb .left-container {
    clip: rect(0, 0, 0, 0);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  html.is-resize header#header-block #header #category-gnb .left-container {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .left-container > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
  header#header-block #header #category-gnb .left-container .logo {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .left-container .logo a {
    display: inline-block;
    position: relative;
    z-index: 200;
    height: 50px;
    padding: 12.5px 19px 13.5px;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .left-container .logo a svg#logo-svg {
    display: inline-block;
    width: 77px;
    height: 25px;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .left-container .logo a svg#logo-svg > path {
    -webkit-transition: fill 180ms ease-in-out;
    -moz-transition: fill 180ms ease-in-out;
    -ms-transition: fill 180ms ease-in-out;
    -o-transition: fill 180ms ease-in-out;
    transition: fill 180ms ease-in-out;
  }
  html.is-resize header#header-block #header #category-gnb .left-container .logo a svg#logo-svg > path {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .left-container .logo a svg#logo-svg path.logo-line {
    fill: #fff;
  }
  header#header-block #header #category-gnb .left-container .logo a svg#logo-svg path.logo-fill {
    fill: #e6001e;
  }
  header#header-block #header #category-gnb .left-container .logo a svg#logo-svg path.logo-title {
    fill: #000;
  }
  body.route1-main header#header-block #header #category-gnb .left-container .logo a svg#logo-svg path.logo-title {
    fill: #fff;
  }
  body.route1-main.main-visual-down header#header-block #header #category-gnb .left-container .logo a svg#logo-svg path.logo-title {
    fill: #000 !important;
  }
  html.open-menu header#header-block #header #category-gnb .left-container .logo a svg#logo-svg path.logo-title {
    fill: #000 !important;
  }
  header#header-block #header #category-gnb .left-container a.btn-menu-open {
    display: inline-block;
    position: absolute;
    z-index: 200;
    top: 0;
    right: 0;
    height: 100%;
    padding: 15px 20px 15.5px;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1), -ms-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  html.open-menu header#header-block #header #category-gnb .left-container a.btn-menu-open {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(0.92);
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    -o-transform: scale(0.92);
    transform: scale(0.92);
    -webkit-transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -ms-transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -ms-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -o-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  html.is-resize header#header-block #header #category-gnb .left-container a.btn-menu-open {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .left-container a.btn-menu-open svg#menu-svg {
    display: inline-block;
    width: 23px;
    height: 19.5px;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .left-container a.btn-menu-open svg#menu-svg > path {
    -webkit-transition: fill 180ms ease-in-out;
    -moz-transition: fill 180ms ease-in-out;
    -ms-transition: fill 180ms ease-in-out;
    -o-transition: fill 180ms ease-in-out;
    transition: fill 180ms ease-in-out;
  }
  html.is-resize header#header-block #header #category-gnb .left-container a.btn-menu-open svg#menu-svg > path {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .left-container a.btn-menu-open svg#menu-svg path.menu-line {
    fill: #000;
  }
  body.route1-main header#header-block #header #category-gnb .left-container a.btn-menu-open svg#menu-svg path.menu-line {
    fill: #fff;
  }
  body.route1-main.main-visual-down header#header-block #header #category-gnb .left-container a.btn-menu-open svg#menu-svg path.menu-line {
    fill: #000 !important;
  }
  html.open-menu header#header-block #header #category-gnb .left-container a.btn-menu-open svg#menu-svg path.menu-line {
    fill: #000 !important;
  }
  header#header-block #header #category-gnb #header-menu {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    pointer-events: none;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    -moz-transition: -moz-transform 400ms ease-in-out;
    -ms-transition: -ms-transform 400ms ease-in-out;
    -o-transition: -o-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
  }
  html.is-resize header#header-block #header #category-gnb #header-menu {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb #header-menu::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 4px solid #da1009;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -ms-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
  }
  html.is-resize header#header-block #header #category-gnb #header-menu::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  body.route1-main.main-visual-down header#header-block #header #category-gnb #header-menu {
    background-color: #fff;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.07);
  }
  html.open-menu.open-menu-in header#header-block #header #category-gnb #header-menu {
    pointer-events: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  html.open-menu.open-menu-in header#header-block #header #category-gnb #header-menu::before {
    opacity: 1;
    -webkit-transition: opacity 400ms 400ms ease-in-out;
    -moz-transition: opacity 400ms 400ms ease-in-out;
    -ms-transition: opacity 400ms 400ms ease-in-out;
    -o-transition: opacity 400ms 400ms ease-in-out;
    transition: opacity 400ms 400ms ease-in-out;
  }
  html.is-resize html.open-menu.open-menu-in header#header-block #header #category-gnb #header-menu::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  html.open-menu-ani header#header-block #header #category-gnb #header-menu {
    pointer-events: none !important;
  }
  header#header-block #header #category-gnb .center-container > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
  header#header-block #header #category-gnb .center-container #nav-category {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 105px;
    padding-top: 50px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
  }
  header#header-block #header #category-gnb .center-container #nav-category::before {
    content: "";
    visibility: hidden;
    display: block;
    position: absolute;
    top: 49px;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #f0f0f0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -ms-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
  }
  html.is-resize header#header-block #header #category-gnb .center-container #nav-category::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  html.open-login header#header-block #header #category-gnb .center-container #nav-category::before, html.open-lang header#header-block #header #category-gnb .center-container #nav-category::before {
    visibility: visible;
    opacity: 1;
  }
  header#header-block #header #category-gnb .center-container #nav-category > .container {
    max-width: inherit !important;
    padding-right: 28px;
    padding-left: 28px;
  }
  header#header-block #header #category-gnb .center-container #nav-category > .container > ul {
    display: flex;
    height: 100%;
    margin-top: 15px;
    margin-right: -5px;
    margin-left: -5px;
  }
  header#header-block #header #category-gnb .center-container #nav-category > .container > ul > li {
    width: 25%;
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
  }
  header#header-block #header #category-gnb .center-container #nav-category > .container > ul > li > a {
    display: block;
    position: relative;
    padding-top: 9px;
    padding-bottom: 9px;
    vertical-align: top;
    color: #999;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
  }
  header#header-block #header #category-gnb .center-container #nav-category > .container > ul > li > a::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border-top-style: solid;
    border-top-width: 2px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width 280ms ease-in-out;
    -moz-transition: width 280ms ease-in-out;
    -ms-transition: width 280ms ease-in-out;
    -o-transition: width 280ms ease-in-out;
    transition: width 280ms ease-in-out;
  }
  html.is-resize header#header-block #header #category-gnb .center-container #nav-category > .container > ul > li > a::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .center-container #nav-category > .container > ul > li > a.category-nongshim::before {
    border-top-color: #96c11f;
  }
  header#header-block #header #category-gnb .center-container #nav-category > .container > ul > li > a.category-brand::before {
    border-top-color: #da1009;
  }
  header#header-block #header #category-gnb .center-container #nav-category > .container > ul > li > a.category-noodlefoodle::before {
    border-top-color: #fe8100;
  }
  header#header-block #header #category-gnb .center-container #nav-category > .container > ul > li > a.category-recruit::before {
    border-top-color: #47b3ea;
  }
  header#header-block #header #category-gnb .center-container #nav-category > .container > ul > li > a:hover, header#header-block #header #category-gnb .center-container #nav-category > .container > ul > li > a.active {
    color: #000;
  }
  header#header-block #header #category-gnb .center-container #nav-category > .container > ul > li > a:hover::before, header#header-block #header #category-gnb .center-container #nav-category > .container > ul > li > a.active::before {
    width: 100%;
  }
  header#header-block #header #category-gnb .center-container #nav-category > .container > ul > li > a span {
    display: inline-block;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .center-container #nav-category > .container > ul > li > a i {
    display: none;
  }
  header#header-block #header #category-gnb .center-container #nav {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 105px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  header#header-block #header #category-gnb .center-container #nav > ul {
    margin: 25px 28px 58px;
  }
  header#header-block #header #category-gnb .center-container #nav > ul > li {
    display: block;
    position: relative;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .center-container #nav > ul > li + li {
    margin-top: 16px;
    padding-top: 27px;
  }
  header#header-block #header #category-gnb .center-container #nav > ul > li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
  }
  header#header-block #header #category-gnb .center-container #nav > ul > li + li:last-child {
    padding-top: 20px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item > a {
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item > a > span {
    display: inline-block;
    position: relative;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item > a > span.img-default {
    display: none;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item > a > span img {
    display: inline-block;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item.active:not(.nav-img-item) > a > span::before, header#header-block #header #category-gnb .center-container #nav .nav-item:hover:not(.nav-img-item) > a > span::before {
    width: 100%;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub {
    margin-top: 14px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub a {
    display: inline-block;
    position: relative;
    vertical-align: top;
    color: #000;
    font-size: 13px;
    line-height: 20px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub a span {
    display: inline-block;
    position: relative;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub a span::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: solid 1px #d83832;
    -webkit-transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  html.is-resize header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub a span::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub a > i {
    overflow: hidden;
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 0;
    width: 12px;
    height: 12px;
    vertical-align: top;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    font-size: 10px;
    text-align: center;
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    -moz-transition: -moz-transform 200ms ease-in-out;
    -ms-transition: -ms-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
  }
  html.is-resize header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub a > i {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container {
    max-width: inherit !important;
    padding-right: 0;
    padding-left: 0;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container .row {
    margin-right: 0;
    margin-left: 0;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container .row > div {
    width: 33.3%;
    max-width: inherit;
    margin-top: 4px;
    margin-bottom: 5px;
    padding-right: 0;
    padding-left: 0;
    flex: 0 0 33.3%;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container > .row {
    margin-right: -10px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container > .row > div.open .sub-item-sub {
    display: block;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container > .row > div.open > .sub-item {
    width: 100%;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container > .row > div.open > .sub-item a > i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container > .row > div:nth-child(3n+1).open {
    width: 100%;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container > .row > div:nth-child(3n+2).open {
    width: 66.6%;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container > .row > div:nth-child(3n+2).open > .sub-item > .sub-item-sub {
    margin-left: calc((100vw - 46px) / 3 * -1);
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container > .row > div:nth-child(3n+3).open {
    width: 33.3%;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container > .row > div:nth-child(3n+3).open > .sub-item > .sub-item-sub {
    margin-left: calc((100vw - 46px) / 3 * 2 * -1);
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container > .row > div:nth-child(3n+2).open ~ div:nth-child(3n+3).open, header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container > .row > div:nth-child(3n+1).open ~ div:nth-child(3n+2).open {
    width: 100%;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container > .row > div:nth-child(3n+2).open ~ div:nth-child(3n+3).open > .sub-item > .sub-item-sub, header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub > .container > .row > div:nth-child(3n+1).open ~ div:nth-child(3n+2).open > .sub-item > .sub-item-sub {
    margin-left: 0;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item {
    width: 100%;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item.has-sub-menu > a {
    padding-right: 21px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item .sub-item-sub {
    display: none;
    width: calc(100vw - 46px);
    margin-top: 5px;
    margin-bottom: -4px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item .sub-item-sub a > span {
    position: relative;
    padding-left: 11px;
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item .sub-item-sub a > span::before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    bottom: auto;
    left: 0;
    width: 6px;
    height: 0;
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
  header#header-block #header #category-gnb .center-container #nav .nav-item.active .nav-item-sub .sub-item.active > a span::before {
    width: 100%;
  }
  header#header-block #header #category-gnb .right-container {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    height: 50px;
    white-space: nowrap;
  }
  html.is-resize header#header-block #header #category-gnb .right-container {
    pointer-events: none !important;
  }
  header#header-block #header #category-gnb .right-container > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
  header#header-block #header #category-gnb .right-container .util {
    position: absolute;
    top: 0;
    right: 0;
  }
  header#header-block #header #category-gnb .right-container .util > ul {
    display: block;
    margin-right: 50px; overflow: inherit;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li {
    display: inline-block;
    position: relative;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li > div > a {
    display: block;
    position: relative;
    height: 50px;
    padding-top: 2px;
    padding-right: 10.5px;
    padding-left: 10.5px;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li > div > a i {
    display: inline-block;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li > div > a span {
    display: block;
    font-size: 10px;
    text-align: center;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li > div > a::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 6.5px;
    width: 0;
    height: 0;
    border-bottom: solid 2px #d83832;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width 120ms ease-in-out;
    -moz-transition: width 120ms ease-in-out;
    -ms-transition: width 120ms ease-in-out;
    -o-transition: width 120ms ease-in-out;
    transition: width 120ms ease-in-out;
  }
  html.is-resize header#header-block #header #category-gnb .right-container .util > ul > li > div > a::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li > div:hover > a::before {
    width: calc(100% - 21px);
  }
  header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu {
    position: absolute;
    z-index: 200;
    top: 50px;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu .util-sub-menu-wrap {
    position: relative;
    padding-top: 12.5px;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu .util-sub-menu-wrap > ul {
    visibility: hidden;
    position: relative;
    padding: 24px 20px 26px;
    left: 0;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: visibility 200ms ease-in-out, opacity 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
    -moz-transition: visibility 200ms ease-in-out, opacity 200ms ease-in-out, -moz-transform 200ms ease-in-out;
    -ms-transition: visibility 200ms ease-in-out, opacity 200ms ease-in-out, -ms-transform 200ms ease-in-out;
    -o-transition: visibility 200ms ease-in-out, opacity 200ms ease-in-out, -o-transform 200ms ease-in-out;
    transition: visibility 200ms ease-in-out, opacity 200ms ease-in-out, transform 200ms ease-in-out;
  }
  html.is-resize header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu .util-sub-menu-wrap > ul {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu .util-sub-menu-wrap > ul::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 7px;
    left: 50%;
    border: 5px solid transparent;
    border-bottom-color: #fff;
    border-right-color: #fff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu .util-sub-menu-wrap > ul > li > a {
    display: block;
    height: 30px;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    white-space: nowrap;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu .util-sub-menu-wrap > ul > li > a > span {
    display: inline-block;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu .util-sub-menu-wrap > ul > li > a > span::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 5px;
    width: 0;
    height: 0;
    border-bottom: solid 1px #d83832;
    -webkit-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -moz-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -ms-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    -o-transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
    transition: width 200ms cubic-bezier(0.45, 0.005, 0.42, 0.995);
  }
  html.is-resize header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu .util-sub-menu-wrap > ul > li > a > span::before {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }
  header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu .util-sub-menu-wrap > ul > li > a:hover > span::before {
    width: 100%;
  }
  header#header-block #header #category-gnb .right-container .util .util-search > a {
    padding-top: 17px;
    padding-bottom: 17px;
    font-size: 16px;
  }
  header#header-block #header #category-gnb .right-container .util .util-login > a {
    padding-top: 17px;
    padding-bottom: 16px;
    font-size: 17px;
  }
  header#header-block #header #category-gnb .right-container .util .util-login > a > i {
    position: relative;
  }
  header#header-block #header #category-gnb .right-container .util .util-login > a > i::after {
    content: "";
    position: absolute;
    top: 1px;
    right: -6px;
    width: 5px;
    height: 5px;
	background-color: #d83832;
    border-radius: 50%;
    opacity: 0;
  }
  html.open-login header#header-block #header #category-gnb .right-container .util .util-login .util-sub-menu {
    pointer-events: auto;
  }
  html.open-login header#header-block #header #category-gnb .right-container .util .util-login .util-sub-menu .util-sub-menu-wrap > ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  header#header-block #header #category-gnb .right-container .util .util-login.active > a > i::after {
    opacity: 1;
  }
  header#header-block #header #category-gnb .right-container .util .util-languages > a {
    padding-top: 17px;
    padding-bottom: 13px;
    font-size: 20px;
  }
  header#header-block #header #category-gnb .right-container .util .util-languages > a span {
    position: absolute;
    top: 16px;
    right: 0;
    left: 0;
    width: 100%;
    line-height: 20px;
  }
  html.open-lang header#header-block #header #category-gnb .right-container .util .util-languages .util-sub-menu {
    pointer-events: auto;
  }
  html.open-lang header#header-block #header #category-gnb .right-container .util .util-languages .util-sub-menu .util-sub-menu-wrap > ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  header#header-block #header #category-gnb .right-container .util .util-site-map {
    display: none !important;
  }
  header#header-block #header #category-gnb .right-container .util-menu-close {
    position: absolute;
    top: 0;
    right: 9px;
  }
  header#header-block #header #category-gnb .right-container .util-menu-close > a {
    display: block;
    height: 50px;
    padding: 17px 10px 17px 5px;
    font-size: 15px;
    vertical-align: top;
  }
  header#header-block #header #category-gnb .right-container .util-menu-close > a > i {
    display: inline-block;
    vertical-align: top;
  }
  header#header-block #header #sub-menu-mobile {
    overflow: hidden;
    position: fixed;
    z-index: 150;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #f6f6f6;
    pointer-events: none;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    -moz-transition: -moz-transform 400ms ease-in-out;
    -ms-transition: -ms-transform 400ms ease-in-out;
    -o-transition: -o-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
  }
  html.is-resize header#header-block #header #sub-menu-mobile {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  html.open-menu.open-sub-menu header#header-block #header #sub-menu-mobile {
    pointer-events: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  header#header-block #header #sub-menu-mobile > a.back {
    position: absolute;
    z-index: 1;
    top: 8.5px;
    left: 21px;
    width: 35px;
    height: 35px;
    padding: 11px 9px;
    background-color: transparent;
    border: 1px solid #e6e6e6;
    color: #000;
    cursor: pointer;
  }
  header#header-block #header #sub-menu-mobile > a.back svg {
    display: block;
    width: 15px;
    height: 11px;
    vertical-align: top;
  }
  header#header-block #header #sub-menu-mobile > a.back svg path {
    fill: #000;
  }
  header#header-block #header #sub-menu-mobile .nav-list {
    position: relative;
    background-color: #fff;
  }
  header#header-block #header #sub-menu-mobile .nav-list::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 4px solid #96c11f;
  }
  header#header-block #header #sub-menu-mobile .nav-list > .sub-item > a {
    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    padding: 17px 70px 13px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
  }
  header#header-block #header #sub-menu-mobile .nav-list > .sub-item > a::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 1px solid #f0f0f0;
  }
  header#header-block #header #sub-menu-mobile .nav-list > .sub-item > a span {
    display: inline-block;
    vertical-align: top;
  }
  header#header-block #header #sub-menu-mobile .nav-list > .sub-item > a i {
    display: none !important;
  }
  header#header-block #header #sub-menu-mobile .nav-list > .sub-item .sub-item-sub .row {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
  header#header-block #header #sub-menu-mobile .nav-list > .sub-item .sub-item-sub .row > div {
    position: relative;
    width: 100%;
    height: 40px;
    padding-right: 0;
    padding-left: 0;
  }
  header#header-block #header #sub-menu-mobile .nav-list > .sub-item .sub-item-sub .row > div::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 1px solid #f0f0f0;
  }
  header#header-block #header #sub-menu-mobile .nav-list > .sub-item .sub-item-sub .row > div > a {
    display: block;
    padding: 11px 70px 9px;
    vertical-align: top;
    font-size: 13px;
    line-height: 20px;
  }
  header#header-block #header #sub-menu-mobile .nav-list > .sub-item .sub-item-sub .row > div > a > span {
    display: inline-block;
    position: relative;
    vertical-align: top;
  }
  header#header-block #header #sub-menu-mobile .nav-list > .sub-item .sub-item-sub .row > div > a.active > span::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 1px solid #d83832;
  }
  header#header-block #util-search-box {
    visibility: hidden;
    overflow: hidden;
    position: fixed;
    z-index: 200;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    background-color: #fff;
    -webkit-transition: visibility 200ms ease-in-out, opacity 200ms ease-in-out;
    -moz-transition: visibility 200ms ease-in-out, opacity 200ms ease-in-out;
    -ms-transition: visibility 200ms ease-in-out, opacity 200ms ease-in-out;
    -o-transition: visibility 200ms ease-in-out, opacity 200ms ease-in-out;
    transition: visibility 200ms ease-in-out, opacity 200ms ease-in-out;
  }
  html.open-search-bar header#header-block #util-search-box {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
  }
  html.is-resize header#header-block #util-search-box {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #util-search-box::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 4px solid #da1009;
  }
  header#header-block #util-search-box > .wrap > .container {
    max-width: inherit !important;
    padding-right: 0;
    padding-left: 0;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .search-area {
    position: relative;
    width: 100%;
    height: 50px;
    padding-top: 4px;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .search-area::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 1px solid #f0f0f0;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .search-area .search-prepend {
    position: absolute;
    top: 12px;
    right: 48px;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .search-area .search-prepend a {
	font-size:17px;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .search-area .search-prepend > i {
    display: inline-block;
    padding-top: 17px;
    padding-bottom: 17px;
    vertical-align: top;
    font-size: 16px;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .search-area .search-field {
    position: relative;
    display: block;
    height: 100%;
    padding-right: 46px;
    padding-left: 50px;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .search-area .search-field > input {
    width: 100%;
    height: 46px;
    background-color: transparent;
    border: none;
    
    color: #000;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .search-area .search-field > input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    opacity: 1;
    /* Firefox */
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .search-area .search-field > input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .search-area .search-field > input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #999;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .search-area .search-append {
    position: absolute;
    top: 0;
    right: 9px;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .search-area .search-append > a {
    display: block;
    height: 50px;
    padding: 17px 10px;
    color: #000;
    font-size: 15px;
    vertical-align: top;
    opacity: 1;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .search-area .search-append > a > i {
    display: inline-block;
    vertical-align: top;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .auto-compile {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .auto-compile .auto-compile-wrap {
    padding-top: 18px;
    padding-bottom: 27px;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .auto-compile .auto-compile-wrap .auto-compile-list {
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .auto-compile .auto-compile-wrap .auto-compile-list strong {
    display: block;
    padding-left: 30px;
    vertical-align: top;
    color: #666;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .auto-compile .auto-compile-wrap .auto-compile-list ul {
    margin-top: 4px;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .auto-compile .auto-compile-wrap .auto-compile-list ul > li > a {
    display: block;
    height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    vertical-align: top;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    -webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
    -ms-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  }
  html.is-resize header#header-block #util-search-box > .wrap > .container .search-box-container .auto-compile .auto-compile-wrap .auto-compile-list ul > li > a {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .auto-compile .auto-compile-wrap .auto-compile-list ul > li > a:hover, header#header-block #util-search-box > .wrap > .container .search-box-container .auto-compile .auto-compile-wrap .auto-compile-list ul > li > a:active {
    background-color: #f4f4f4;
    color: #ca0202;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .auto-compile .auto-compile-wrap .auto-compile-list + .auto-compile-list {
    margin-top: 16px;
    padding-top: 14px;
  }
  header#header-block #util-search-box > .wrap > .container .search-box-container .auto-compile .auto-compile-wrap .auto-compile-list + .auto-compile-list::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #e8e8e8;
  }
}

.bottom-container .container {
  max-width: 1280px;
}

footer#footer-block {
  position: relative;
}
footer#footer-block::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
footer#footer-block > .container {
  position: relative;
}
footer#footer-block .family-site > a.family-link {
  overflow: hidden;
  display: inline-block;
  position: relative;
  vertical-align: top;
  -webkit-transition: color 200ms ease-in-out;
  -moz-transition: color 200ms ease-in-out;
  -ms-transition: color 200ms ease-in-out;
  -o-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
}
footer#footer-block .family-site > a.family-link::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  -moz-transition: -moz-transform 200ms ease-in-out;
  -ms-transition: -ms-transform 200ms ease-in-out;
  -o-transition: -o-transform 200ms ease-in-out;
  transition: transform 180ms ease-in-out;
}
html.is-resize footer#footer-block .family-site > a.family-link::before {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
footer#footer-block .family-site > a.family-link span {
  display: inline-block;
  vertical-align: top;
  color: #666;
  font-weight: 600;
}
footer#footer-block .family-site.active > a.family-link::before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
footer#footer-block .family-site .family-more-box {
  display: none;
  position: absolute;
  z-index: 500;
  bottom: 0;
}
footer#footer-block .family-site .family-more-box .family-more {
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list {
  position: relative;
}
footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list strong {
  display: inline-block;
  vertical-align: top;
  color: #000;
}
footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list .family-group > ul > li {
  vertical-align: top;
}
footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list .family-group > ul > li > a {
  display: inline-block;
  position: relative;
  vertical-align: top;
  color: #666;
  font-weight: 600;
}
footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list .family-group > ul > li > a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 1px solid #539a00;
  -webkit-transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
html.is-resize footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list .family-group > ul > li > a::before {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list .family-group > ul > li > a:hover {
  color: #539a00;
}
footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list .family-group > ul > li > a:hover::before {
  width: 100%;
}
footer#footer-block .family-site .family-more-box > a.close {
  display: block;
  position: absolute;
  z-index: 100;
  width: 30px;
  height: 30px;
  padding: 8px;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
}
footer#footer-block .family-site .family-more-box > a.close i {
  color: #fff;
}
footer#footer-block .family-site.active > a.family-link {
  pointer-events: none;
}
footer#footer-block .family-site.active .family-more-box {
  display: block;
}
footer#footer-block .family-site.active .family-more-box > a.close {
  pointer-events: auto;
}
footer#footer-block .links > ul > li {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
footer#footer-block .links > ul > li a {
  display: inline-block;
  vertical-align: top;
  color: #333;
}
footer#footer-block .links > ul > li a.highlight {
  color: #539a00;
}
footer#footer-block .info > ul > li {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
footer#footer-block .info > ul > li b, footer#footer-block .info > ul > li span, footer#footer-block .info > ul > li a {
  display: inline-block;
  vertical-align: top;
  color: #666;
}
footer#footer-block .socials > ul > li {
  display: inline-block;
  vertical-align: top;
}
footer#footer-block .socials > ul > li a {
  display: inline-block;
  vertical-align: top;
}
footer#footer-block .socials > ul > li a img {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
footer#footer-block .socials .webmark a {
  display: inline-block;
  vertical-align: top;
}
footer#footer-block .socials .webmark a img {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
footer#footer-block .copyright {
  color: #666;
}
@media (min-width: 992px) {
  footer#footer-block::before {
    border-bottom-color: #e8e8e8;
  }
  footer#footer-block > .container {
    padding: 37px 40px 41px;
  }
  footer#footer-block .family-site {
    position: absolute;
    top: 25px;
    right: 40px;
  }
  footer#footer-block .family-site > a.family-link {
    width: 240px;
    height: 46px;
    padding: 11px 60px 10px 22px;
    border: 2px solid #e8e8e8;
    border-radius: 23px;
  }
  footer#footer-block .family-site > a.family-link::before {
    right: 25px;
    margin-top: -2px;
    border-width: 5px 5px 0 5px;
  }
  footer#footer-block .family-site > a.family-link span {
    font-size: 14px;
    line-height: 20px;
  }
  footer#footer-block .family-site .family-more-box {
    right: 0;
  }
  footer#footer-block .family-site .family-more-box .family-more {
    width: 240px;
    height: 46px;
    border: 2px solid #e8e8e8;
    border-radius: 23px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 648px;
    height: 316px;
    padding: 37px 30px 36px;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list {
    display: flex;
    font-size: 14px;
    line-height: 24px;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list strong {
    width: 89px;
    padding-left: 2px;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list .family-group {
    width: calc(100% - 89px);
    flex: 1;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list .family-group > ul > li {
    display: inline-block;
    width: 140px;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list .family-group > ul > li:nth-child(4n) {
    width: 79px;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list .family-group > ul > li:nth-of-type(4) ~ li {
    margin-top: 12px;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list .family-group > ul + ul {
    padding-top: 12px;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list:nth-of-type(1) {
    padding-bottom: 24px;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list:nth-of-type(2) {
    padding-top: 27px;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list + .family-list::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #e8e8e8;
  }
  footer#footer-block .family-site .family-more-box > a.close {
    top: -24px;
    right: -24px;
  }
  footer#footer-block .links > ul {
    margin-right: -15px;
    margin-left: -15px;
  }
  footer#footer-block .links > ul > li {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 15px;
    line-height: 20px;
  }
  footer#footer-block .links > ul > li a.highlight {
    font-weight: 600;
  }
  footer#footer-block .links > ul li + li::before, footer#footer-block .links > ul br.hidden-desktop + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 0;
    height: 12px;
    border-left: 1px solid #ddd;
  }
  footer#footer-block .links > ul br.hidden-mobile ~ li {
    margin-top: 15px;
  }
  footer#footer-block .info {
    margin-top: 33px;
  }
  footer#footer-block .info > ul {
    margin-right: -15px;
    margin-left: -15px;
  }
  footer#footer-block .info > ul > li {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 20px;
  }
  footer#footer-block .info > ul > li span + span, footer#footer-block .info > ul > li span + a {
    margin-left: 10px;
  }
  footer#footer-block .info > ul li + li::before, footer#footer-block .info > ul br.hidden-desktop + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 0;
    height: 12px;
    border-left: 1px solid #ddd;
  }
  footer#footer-block .info > ul br.hidden-mobile ~ li {
    margin-top: 6px;
  }
  footer#footer-block .socials {
    position: absolute;
    top: 100px;
    right: 40px;
    text-align: right;
  }
  footer#footer-block .socials > ul {
    margin-right: 5px;
  }
  footer#footer-block .socials > ul > li a {
    width: 46px;
    height: 46px;
  }
  footer#footer-block .socials > ul > li + li {
    margin-left: 12px;
  }
  footer#footer-block .socials .webmark {
    margin-top: 13px;
    margin-right: 2px;
  }
  footer#footer-block .socials .webmark a {
    width: 52px;
  }
  footer#footer-block .copyright {
    margin-top: 30px;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 991px) {
  footer#footer-block::before {
    border-bottom-color: #e4e4e4;
  }
  footer#footer-block > .container {
    padding: 30px 40px;
  }
  footer#footer-block .family-site {
    position: relative;
    margin-right: -13px;
    margin-left: -13px;
  }
  footer#footer-block .family-site > a.family-link {
    width: 100%;
    height: 36px;
    padding: 7px 37px 7px 12px;
    border: 1px solid #dcdcdc;
    border-radius: 18px;
  }
  footer#footer-block .family-site > a.family-link::before {
    right: 12px;
    margin-top: -4px;
    border-width: 8.5px 6.5px 0 6.5px;
  }
  footer#footer-block .family-site > a.family-link span {
    font-size: 14px;
    line-height: 20px;
  }
  footer#footer-block .family-site .family-more-box {
    right: 0;
    left: 0;
  }
  footer#footer-block .family-site .family-more-box .family-more {
    width: 100%;
    height: 36px;
    border: 1px solid #dcdcdc;
    border-radius: 18px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  footer#footer-block .family-site .family-more-box .family-more::-webkit-scrollbar {
    width: 0 !important;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 379px;
    padding: 22px 25px 17px;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list strong {
    font-size: 14px;
    line-height: 20px;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list .family-group {
    margin-top: 13px;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list .family-group > ul > li {
    display: inline-block;
    width: 33.3%;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list .family-group > ul > li > a {
    font-size: 12px;
    line-height: 20px;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list .family-group > ul > li:nth-of-type(3) ~ li {
    margin-top: 12px;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list:nth-of-type(1) {
    padding-bottom: 16px;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list:nth-of-type(2) {
    padding-top: 22px;
  }
  footer#footer-block .family-site .family-more-box .family-more .family-more-wrap .family-list + .family-list::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #e8e8e8;
  }
  footer#footer-block .family-site .family-more-box > a.close {
    top: -22px;
    right: -22px;
  }
  footer#footer-block .links {
    margin-top: 15px;
  }
  footer#footer-block .links > ul {
    margin-right: -14px;
    margin-left: -9px;
  }
  footer#footer-block .links > ul > li {
    margin-top: 13px;
    padding-right: 9px;
    padding-left: 9px;
    font-size: 13px;
    letter-spacing: -0.5px;
    line-height: 18px;
  }
  footer#footer-block .links > ul li + li::before, footer#footer-block .links > ul br.hidden-mobile + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 0;
    height: 9px;
    border-left: 1px solid #ddd;
  }
  footer#footer-block .info {
    margin-top: 22px;
  }
  footer#footer-block .info > ul {
    margin-right: -12px;
    margin-left: -12px;
  }
  footer#footer-block .info > ul > li {
    margin-top: 6px;
    padding-right: 12px;
    padding-left: 12px;
    font-size: 13px;
    letter-spacing: -0.5px;
    line-height: 18px;
  }
  footer#footer-block .info > ul > li span:nth-of-type(1)::after {
    content: ":";
    display: inline-block;
    position: relative;
    padding-right: 4px;
    padding-left: 4px;
  }
  footer#footer-block .info > ul > li span:last-child::after {
    display: none;
  }
  footer#footer-block .info > ul li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 0;
    height: 9px;
    border-left: 1px solid #ddd;
  }
  footer#footer-block .socials {
    margin-top: 30px;
  }
  footer#footer-block .socials > ul {
    display: inline-block;
    vertical-align: top;
  }
  footer#footer-block .socials > ul > li a {
    width: 34px;
    height: 34px;
  }
  footer#footer-block .socials > ul > li + li {
    margin-left: 15px;
  }
  footer#footer-block .socials .webmark {
    display: inline-block;
    margin-top: 2px;
    margin-left: 13px;
    vertical-align: top;
  }
  footer#footer-block .socials .webmark a {
    width: 47px;
    height: 31px;
  }
  footer#footer-block .copyright {
    margin-top: 30px;
    font-size: 12px;
    line-height: 18px;
  }
}

#floating-breakpoint-info {
  display: none;
  position: absolute;
  bottom: 0;
}

@media (max-width: 991px) {
  body.show {
    position: fixed;
    height: 100%;
  }
}

.hide {
  width: 0;
  height: 0;
  overflow: hidden;
  display: block;
}

body.route1-main * {
  word-break: keep-all;
}
body.route1-main p {
  margin-bottom: 0;
}
body.route1-main .swiper-slide img {
  width: 100%;
}
/*
body.route1-main img {
  display: inline-block;
  vertical-align: top;
}
*/
body.route1-main .figure {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
}
body.route1-main article {
  position: relative;
  background-color: #fff;
}
body.route1-main article > h2 {
  position: relative;
  width: 100%;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
}
body.route1-main #view-container article {
  margin-bottom: 0;
}
body.route1-main .page-jumbotron {
  position: relative;
}
body.route1-main .page-jumbotron > .wrap {
  height: 100%;
}
body.route1-main .page-jumbotron .main_visual {
  position: relative;
  height: 100%;
}
body.route1-main .page-jumbotron .main_visual .swiper-container {
  height: 100%;
}
body.route1-main .page-jumbotron .main_visual .swiper-container .swiper-wrapper {
  height: 100%;
}
body.route1-main .page-jumbotron .main_visual .swiper-container .swiper-wrapper .swiper-slide {
  overflow-x: hidden;
  position: relative;
  height: 100%;
}
body.route1-main .page-jumbotron .main_visual .swiper-container .swiper-wrapper .swiper-slide .item-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
body.route1-main .page-jumbotron .main_visual .swiper-container .swiper-wrapper .swiper-slide .item-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
body.route1-main .page-jumbotron .main_visual .swiper-container .swiper-wrapper .swiper-slide .item-text p {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: 600;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 500ms 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 750ms 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 500ms 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 500ms 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: opacity 500ms 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -ms-transform 750ms 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 500ms 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 500ms 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 500ms 300ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 500ms 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
body.route1-main .page-jumbotron .main_visual .swiper-container .swiper-wrapper .swiper-slide .item-text p span {
  display: block;
  text-align: center;
  font-weight: 400;
}
body.route1-main .page-jumbotron .main_visual .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .item-text p {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
body.route1-main .btn-wrap {
  text-align: center;
}
body.route1-main .btn-wrap a {
  display: inline-block;
  vertical-align: top;
  background-color: transparent;
  border: 1px solid #ca0202;
  text-transform: uppercase;
  color: #ca0202;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -ms-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
body.route1-main .btn-wrap a:hover {
  background-color: #ca0202;
  color: #fff;
}
body.route1-main .pattern-wrap {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
body.route1-main .pattern-wrap .main-pattern {
  overflow: hidden;
  position: absolute;
  -webkit-transition: width 600ms ease-in-out, height 600ms ease-in-out;
  -moz-transition: width 600ms ease-in-out, height 600ms ease-in-out;
  -ms-transition: width 600ms ease-in-out, height 600ms ease-in-out;
  -o-transition: width 600ms ease-in-out, height 600ms ease-in-out;
  transition: width 600ms ease-in-out, height 600ms ease-in-out;
}
body.route1-main .pattern-wrap .main-pattern.mp-1 {
  background-color: #ec870c;
  opacity: 0.8;
}
body.route1-main .pattern-wrap .main-pattern.mp-1::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  background: linear-gradient(135deg, white 0%, black 100%);
  opacity: 0.3;
  mix-blend-mode: overlay;
}
body.route1-main .pattern-wrap .main-pattern.mp-2 {
  background-color: #ca0202;
  opacity: 0.8;
}
body.route1-main .pattern-wrap .main-pattern.mp-2::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: black;
  background: linear-gradient(135deg, black 0%, white 100%);
  opacity: 0.3;
  mix-blend-mode: overlay;
}
body.route1-main #main_news {
  position: relative;
}
body.route1-main #main_news .swiper-container .swiper-slide .news {
  position: relative;
}
body.route1-main #main_news .swiper-container .swiper-slide .news .figure {
  width: 100%;
  background-size: cover;
  background-position: center;
}
body.route1-main #main_news .swiper-container .swiper-slide .news .info p {
  display: inline-block;
  vertical-align: top;
  color: #333;
}
body.route1-main #main_news .swiper-container .swiper-slide .news .info span.date {
  display: inline-block;
  vertical-align: top;
  color: #999;
}
body.route1-main #main_news .swiper-container .swiper-slide .news .info p + span.date {
  margin-top: 11px;
}
body.route1-main #main_news .swiper-container .swiper-slide .news .info a.more {
  display: inline-block;
  vertical-align: top;
  color: #999;
  font-weight: 600;
}
body.route1-main #main_news .swiper-container .swiper-slide .news .info a.more span {
  display: inline-block;
  vertical-align: top;
}
body.route1-main #main_news .swiper-container .swiper-slide .news .info a.more i {
  display: inline-block;
  vertical-align: top;
}
body.route1-main #main_news .swiper-container .swiper-slide .notice {
  position: relative;
  width: 100%;
  background-color: #f6f6f6;
}
body.route1-main #main_news .swiper-container .swiper-slide .notice span.type {
  display: inline-block;
  border: 1px solid #539a00;
  vertical-align: top;
  color: #539a00;
  text-transform: uppercase;
  font-weight: 600;
}
body.route1-main #main_news .swiper-container .swiper-slide .notice p a {
  display: inline-block;
  vertical-align: top;
  color: #333;
}
body.route1-main #main_news .swiper-container .swiper-slide .notice span.date {
  display: inline-block;
  vertical-align: top;
  color: #999;
}
body.route1-main #main_news .swiper-container .swiper-slide .notice a.more {
  display: inline-block;
  vertical-align: top;
  color: #999;
  font-weight: 600;
}
body.route1-main #main_news .swiper-container .swiper-slide .notice a.more span {
  display: inline-block;
  vertical-align: top;
}
body.route1-main #main_news .swiper-container .swiper-slide .notice a.more i {
  display: inline-block;
  vertical-align: top;
}
body.route1-main #main_intro h2 {
  z-index: 10;
}
body.route1-main #main_intro > .container {
  position: relative;
}
body.route1-main #main_intro > .container .item-img img {
  width: 100%;
}
body.route1-main #main_intro > .container .intro-list {
  position: relative;
}
body.route1-main #main_intro > .container .intro-list .intro-item {
  position: relative;
  text-align: center;
}
body.route1-main #main_intro > .container .intro-list .intro-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 0;
  border-bottom: 2px solid #d70000;
}
body.route1-main #main_intro > .container .intro-list .intro-item p {
  color: #454545;
}
body.route1-main #main_story {
  background-color: #f6f6f6;
}
body.route1-main #main_story .story-view {
  position: relative;
}
body.route1-main #main_story .story-view .story-img .swiper-slide .media, body.route1-main #main_story .story-view .story-img .swiper-slide .post {
  position: relative;
}
body.route1-main #main_story .story-view .story-img .swiper-slide .media .play, body.route1-main #main_story .story-view .story-img .swiper-slide .post .play {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background-color: #ca0202;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
body.route1-main #main_story .story-view .story-img .swiper-slide .media .play::before, body.route1-main #main_story .story-view .story-img .swiper-slide .post .play::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
body.route1-main #main_story .story-view .story-img .swiper-slide .media .icon-insta, body.route1-main #main_story .story-view .story-img .swiper-slide .post .icon-insta {
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url(../../resources2/images/main/icon-instagram.svg);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
body.route1-main #main_story .story-view .story-img .swiper-slide .post {
  background-color: #3f3f3f;
}
body.route1-main #main_story .story-view .story-img .swiper-slide .post strong {
  display: inline-block;
  position: relative;
  vertical-align: top;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
body.route1-main #main_story .story-view .story-img .swiper-slide .post strong::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-top-style: solid;
  border-top-color: #fff;
}
body.route1-main #main_story .story-view .story-img .swiper-slide .post p a {
  display: inline-block;
  vertical-align: top;
  color: #fff;
}
body.route1-main #main_story .story-view .story-img .swiper-slide .post span.date {
  display: inline-block;
  vertical-align: top;
  color: #999;
}
body.route1-main #main_story .story-view .story-text {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 50%;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item {
  display: none;
}
body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item.active {
  display: block;
}
body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item strong {
  display: inline-block;
  position: relative;
  vertical-align: top;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
}
body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item strong::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-top-style: solid;
  border-top-color: #000;
}
body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item p a {
  display: inline-block;
  vertical-align: top;
  color: #000;
}
body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item span.date {
  display: inline-block;
  vertical-align: top;
  color: #888;
}
body.route1-main #main_story .story-view .phone-bg {
  position: absolute;
  top: 0;
  left: 50%;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.route1-main #main_story .story-view .phone-bg::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
body.route1-main #main_story .story-view .phone-bg::after {
  content: "";
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
}
body.route1-main #main_story .story-view .phone-frame {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.route1-main #main_story .story-view .phone-frame span.bg {
  overflow: hidden;
  display: block;
  position: relative;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
body.route1-main #main_story .story-view .phone-frame::after {
  content: "";
  overflow: hidden;
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-color: #333;
}
body.route1-main #main_management h2 {
  z-index: 10;
}
body.route1-main #main_management > .container {
  position: relative;
}
body.route1-main #main_management .management-view {
  position: relative;
}
body.route1-main #main_management .management-view .item-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background-size: cover;
  background-position: center;
}
body.route1-main #main_management .management-view .item-text {
  position: relative;
  width: 100%;
  height: 100%;
}
body.route1-main #main_management .management-view .item-text .management-list {
  position: relative;
}
body.route1-main #main_management .management-view .item-text .management-list .management-item {
  position: relative;
  text-align: center;
  color: #fff;
}
body.route1-main #main_management .management-view .item-text .management-list .management-item .subject {
  overflow: hidden;
  display: flex;
  vertical-align: top;
  margin-right: auto;
  margin-left: auto;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
}
body.route1-main #main_management .management-view .item-text .management-list .management-item .subject strong {
  font-weight: 600;
}
body.route1-main #main_management .management-view .item-text .management-list .management-item .info {
  position: relative;
}
body.route1-main #main_management .management-view .item-text .management-list .management-item .info::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 2px solid #ca0202;
}
body.route1-main #main_brand .brand-view .brand-visual {
  position: relative;
}
body.route1-main #main_brand .brand-view .brand-visual .item-img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
body.route1-main #main_brand .brand-view .brand-visual .item-text {
  position: relative;
  height: 100%;
}
body.route1-main #main_brand .brand-view .brand-visual .item-text > .container {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
}
body.route1-main #main_brand .brand-view .brand-visual .item-text h3 {
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
}
body.route1-main #main_brand .brand-view .brands {
  background-color: #f6f6f6;
}
body.route1-main #main_brand .brand-view .brands .brand-list {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
body.route1-main #main_brand .brand-view .brands .brand-list .brand-item {
  position: relative;
}
body.route1-main #main_brand .brand-view .brands .brand-list .brand-item strong {
  text-transform: uppercase;
  vertical-align: top;
}
body.route1-main #main_brand .brand-view .brands .brand-list .brand-item .figure {
  overflow: hidden;
  display: block;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  border-radius: 50%;
}
body.route1-main #main_brand .brand-view .brands .brand-list .brand-item .figure img {
  width: 100%;
}
body.route1-main #main_brand .brand-view .brands .brand-list .brand-item .desc {
  color: #777;
}
body.route1-main #main_map .map-view > .container {
  position: relative;
  height: 100%;
}
body.route1-main #main_map .map-view .map-tab ul > li {
  position: relative;
}
body.route1-main #main_map .map-view .map-tab ul > li a {
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  color: #999;
  font-weight: 600;
  -webkit-transition: color 200ms ease-in-out;
  -moz-transition: color 200ms ease-in-out;
  -ms-transition: color 200ms ease-in-out;
  -o-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
}
body.route1-main #main_map .map-view .map-tab ul > li:hover a, body.route1-main #main_map .map-view .map-tab ul > li.active a {
  color: #ca0202;
}
body.route1-main #main_map .map-view .map-contents {
  position: relative;
  width: 100%;
  height: 100%;
}
body.route1-main #main_map .map-view .map-contents .map {
  background-size: cover;
  background-position: center;
}
body.route1-main #main_map .map-view .map-contents .map-content {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.route1-main #main_map .map-view .map-contents .map-content.active {
  display: block;
}
body.route1-main #main_map .map-view .map-contents .map-content .map-pin {
  position: relative;
}
body.route1-main #main_map .map-view .map-contents .map-content .map-pin .pin {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-50%) translateY(-100%);
  -moz-transform: translateX(-50%) translateY(-100%);
  -ms-transform: translateX(-50%) translateY(-100%);
  -o-transform: translateX(-50%) translateY(-100%);
  transform: translateX(-50%) translateY(-100%);
  background-position: center;
}
body.route1-main #main_map .map-view .map-contents .map-content .map-pin .pin-wrap strong {
  font-weight: 600;
}
body.route1-main #main_map .map-view .map-contents .map-content .map-pin .pin-wrap p {
  color: #666;
}
body.route1-main #main_map .map-view .map-contents .map-content .issue {
  position: absolute;
}
body.route1-main #main_map .map-view .map-contents .map-content .issue .figure {
  overflow: hidden;
  display: block;
  position: relative;
}
body.route1-main #main_map .map-view .map-contents .map-content .issue .figure img {
  width: 100%;
}
body.route1-main #main_map .map-view .map-contents .map-content .issue .desc span {
  display: inline-block;
  vertical-align: top;
}
body.route1-main #main_map .map-view .map-contents .map-content .issue .desc .emphasis {
  white-space: nowrap;
}
body.route1-main #main_map .map-view .map-contents .map-content .issue .desc .emphasis b {
  display: inline-block;
  vertical-align: bottom;
}
body.route1-main #main_map .map-view .map-contents .map-content .issue .desc .emphasis span {
  vertical-align: bottom;
}
body.route1-main #main_etc {
  background-color: #555555;
  color: #fff;
}
body.route1-main #main_etc .etc-list .etc-item {
  position: relative;
}
body.route1-main #main_etc .etc-list .etc-item a {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: top;
  color: #fff;
}
body.route1-main #main_etc .etc-list .etc-item a .icon {
  overflow: hidden;
  background-color: #494949;
  border-radius: 50%;
}
body.route1-main #main_etc .etc-list .etc-item a .icon span {
  display: block;
  background-size: cover;
  background-position: center;
  opacity: 0.6;
}
body.route1-main #main_etc .etc-list .etc-item a .info {
  position: relative;
}
body.route1-main #main_etc .etc-list .etc-item a .info strong {
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  font-weight: 600;
}
body.route1-main #main_etc .etc-list .etc-item a .info p {
  color: rgba(255, 255, 255, 0.5);
}
body.route1-main #main_etc .etc-list .etc-item.stock a span.subject {
  display: inline-block;
  vertical-align: top;
  color: rgba(255, 255, 255, 0.5);
}
body.route1-main #main_etc .etc-list .etc-item.stock a strong {
  display: block;
  font-weight: 600;
}
body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume {
  white-space: nowrap;
}
body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span {
  display: inline-block;
  vertical-align: top;
}
body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span.value {
  position: relative;
}
body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span.value::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
}
body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span.value.up::before {
  border-color: transparent transparent #ec870c transparent;
}
body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span.value.down::before {
  border-color: #97c222 transparent transparent transparent;
}
body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span.rates::before, body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span.rates::after {
  display: inline-block;
  vertical-align: top;
}
body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span.rates.plus::before {
  content: "+";
}
body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span.rates.minus::before {
  content: "-";
}
body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span.rates::after {
  content: "%";
}
body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li + li::before {
  content: "";
  display: block;
  position: absolute;
}
body.route1-main #main_etc .etc-list .etc-item + .etc-item::before {
  content: "";
  display: block;
  position: absolute;
}
@media (min-width: 992px) {
  body.route1-main article > h2 {
    font-size: 62px;
    line-height: 82px;
  }
  body.route1-main .page-jumbotron {
    height: 900px;
    max-height: 100vh;
  }
  body.route1-main .page-jumbotron .item-text {
    margin-top: 34px;
  }
  body.route1-main .page-jumbotron .item-text p {
    font-size: 76px;
    line-height: 90px;
  }
  body.route1-main .page-jumbotron .item-text p span {
    margin-top: 25px;
    font-size: 30px;
    line-height: 36px;
  }
  body.route1-main .page-jumbotron .swiper-pagination {
    bottom: 80px;
  }
  body.route1-main .btn-wrap a {
    width: 270px;
    height: 60px;
    padding: 18px 32px;
    border-radius: 30px;
    font-size: 17px;
    line-height: 24px;
  }
  body.route1-main #main_news {
    padding-top: 105px;
  }
  body.route1-main #main_news .swiper-container {
    margin-top: 40px;
    padding-bottom: 30px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide {
    width: 458px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news .figure {
    height: 302px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news .info {
    padding: 23px 39px 34px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news .info p {
    font-size: 22px;
    line-height: 36px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news .info span.date {
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news .info p + span.date {
    margin-top: 11px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news .info a.more {
    position: absolute;
    bottom: 34px;
    right: 30px;
    font-size: 14px;
    line-height: 20px;
    opacity: 0;
    -webkit-transition: opacity 80ms ease-in-out;
    -moz-transition: opacity 80ms ease-in-out;
    -ms-transition: opacity 80ms ease-in-out;
    -o-transition: opacity 80ms ease-in-out;
    transition: opacity 80ms ease-in-out;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news .info a.more span {
    padding-right: 5px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news .info a.more i {
    margin-top: 3px;
    font-size: 18px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news:hover .info a.more {
    opacity: 1;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice {
    height: 302px;
    padding: 60px 39px 80px;
    box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.15);
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice span.type {
    height: 30px;
    margin-left: -3px;
    padding: 4px 14px;
    border-radius: 15px;
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice p {
    font-size: 22px;
    line-height: 36px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice span.date {
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice span.type + p {
    margin-top: 24px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice p + span.date {
    margin-top: 15px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice a.more {
    position: absolute;
    bottom: 40px;
    right: 30px;
    font-size: 14px;
    line-height: 20px;
    opacity: 0;
    -webkit-transition: opacity 80ms ease-in-out;
    -moz-transition: opacity 80ms ease-in-out;
    -ms-transition: opacity 80ms ease-in-out;
    -o-transition: opacity 80ms ease-in-out;
    transition: opacity 80ms ease-in-out;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice a.more span {
    padding-right: 5px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice a.more i {
    margin-top: 3px;
    font-size: 18px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice:hover a.more {
    opacity: 1;
  }
  body.route1-main #main_news .swiper-container .swiper-slide:nth-child(4n+1) > div {
    margin-top: 25px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide:nth-child(4n+2) > div {
    margin-top: 130px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide:nth-child(4n+4) > div {
    margin-top: 90px;
  }
  body.route1-main #main_intro {
    padding-top: 150px;
    padding-bottom: 80px;
  }
  body.route1-main #main_intro > .container {
    margin-top: -42px;
    padding-right: 0;
    padding-left: 0;
  }
  body.route1-main #main_intro > .container .item-img {
    margin-right: -202px;
    margin-left: -202px;
  }
  body.route1-main #main_intro > .container .intro-list {
    display: flex;
    margin-top: -120px;
    margin-right: -50px;
    margin-left: -50px;
    padding: 90px 28px 50px;
    background-color: rgba(255, 255, 255, 0.5);
  }
  body.route1-main #main_intro > .container .intro-list .intro-item {
    width: 33.3%;
    padding-top: 30px;
    padding-right: 22px;
    padding-left: 22px;
  }
  body.route1-main #main_intro > .container .intro-list .intro-item::before {
    right: 22px;
    left: 22px;
    width: calc(100% - 44px);
  }
  body.route1-main #main_intro > .container .intro-list .intro-item strong {
    font-size: 22px;
    line-height: 28px;
  }
  body.route1-main #main_intro > .container .intro-list .intro-item p {
    font-size: 22px;
    line-height: 36px;
  }
  body.route1-main #main_intro > .container .intro-list .intro-item strong + p {
    margin-top: 18px;
  }
  body.route1-main #main_intro .pattern-wrap {
    margin-right: -202px;
    margin-left: -202px;
  }
  body.route1-main #main_intro .pattern-wrap .main-pattern.mp-1 {
    top: 23px;
    left: -55px;
    width: 0;
    height: 0;
    -webkit-transition-delay: 80ms;
    -moz-transition-delay: 80ms;
    -ms-transition-delay: 80ms;
    -o-transition-delay: 80ms;
    transition-delay: 80ms;
  }
  body.route1-main #main_intro .pattern-wrap .main-pattern.mp-1.active {
    width: 110px;
    height: 110px;
  }
  body.route1-main #main_intro .pattern-wrap .main-pattern.mp-1::before {
    top: 0;
    left: 0;
    width: 110px;
    height: 110px;
  }
  body.route1-main #main_intro .pattern-wrap .main-pattern.mp-2 {
    top: 540px;
    right: -59px;
    width: 0;
    height: 80px;
  }
  body.route1-main #main_intro .pattern-wrap .main-pattern.mp-2.active {
    width: 166px;
    height: 80px;
  }
  body.route1-main #main_intro .pattern-wrap .main-pattern.mp-2::before {
    bottom: 0;
    right: 0;
    width: 166px;
    height: 80px;
  }
  body.route1-main #main_story {
    padding-top: 70px;
    padding-bottom: 80px;
  }
  body.route1-main #main_story .story-view {
    margin-top: 40px;
    padding-bottom: 105px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide {
    width: 320px;
    height: 644px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .media, body.route1-main #main_story .story-view .story-img .swiper-slide .post {
    margin: 126px 28.5px 255px;
    width: 263px;
    height: 263px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .media .play, body.route1-main #main_story .story-view .story-img .swiper-slide .post .play {
    width: 50px;
    height: 50px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .media .play::before, body.route1-main #main_story .story-view .story-img .swiper-slide .post .play::before {
    border-width: 6px 0 6px 9px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .media .icon-insta, body.route1-main #main_story .story-view .story-img .swiper-slide .post .icon-insta {
    width: 44px;
    height: 44px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .post {
    padding: 43px 31px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .post strong {
    font-size: 18px;
    line-height: 28px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .post strong::before {
    border-top-width: 3px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .post p {
    font-size: 18px;
    line-height: 30px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .post span.date {
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .post strong + p {
    margin-top: 24px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .post p + span.date {
    margin-top: 38px;
  }
  body.route1-main #main_story .story-view .story-text {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 50%;
    width: 320px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body.route1-main #main_story .story-view .story-text .story-text-wrap {
    padding: 420px 30px 64px;
  }
  body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item strong {
    font-size: 18px;
    line-height: 28px;
  }
  body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item strong::before {
    border-top-width: 3px;
  }
  body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item p {
    font-size: 20px;
    line-height: 30px;
  }
  body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item span.date {
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item strong + p {
    margin-top: 14px;
  }
  body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item p + span.date {
    margin-top: 38px;
  }
  body.route1-main #main_story .story-view .phone-bg {
    width: 320px;
    height: 644px;
  }
  body.route1-main #main_story .story-view .phone-bg::before {
    margin-top: -8px;
    margin-right: -36px;
    margin-left: -36px;
    width: 392px;
    height: 722px;
    background-image: url(../../resources2/images/main/phone_shadow.png);
  }
  body.route1-main #main_story .story-view .phone-bg::after {
    border-radius: 50px;
  }
  body.route1-main #main_story .story-view .phone-frame {
    width: 320px;
    height: 644px;
  }
  body.route1-main #main_story .story-view .phone-frame span.bg {
    border-radius: 50px;
  }
  body.route1-main #main_story .story-view .phone-frame::after {
    border-width: 10px;
    border-radius: 50px;
  }
  body.route1-main #main_management {
    padding-top: 70px;
  }
  body.route1-main #main_management > .container {
    margin-top: -42px;
    padding-right: 0;
    padding-left: 0;
  }
  body.route1-main #main_management .management-view {
    height: 900px;
    margin-bottom: 40px;
  }
  body.route1-main #main_management .management-view .item-img {
    margin-right: -200px;
    margin-left: -200px;
  }
  body.route1-main #main_management .management-view .item-text {
    position: relative;
    width: 100%;
    height: 100%;
  }
  body.route1-main #main_management .management-view .item-text .management-list {
    display: flex;
    margin-right: -22px;
    margin-left: -22px;
    padding-top: 280px;
    justify-content: center;
  }
  body.route1-main #main_management .management-view .item-text .management-list .management-item {
    width: 33.3%;
    padding-right: 22px;
    padding-left: 22px;
  }
  body.route1-main #main_management .management-view .item-text .management-list .management-item .subject {
    width: 190px;
    height: 190px;
  }
  body.route1-main #main_management .management-view .item-text .management-list .management-item .subject strong {
    font-size: 26px;
    line-height: 36px;
  }
  body.route1-main #main_management .management-view .item-text .management-list .management-item .info {
    margin-top: 29px;
    padding-top: 27px;
    font-size: 22px;
    letter-spacing: -0.25px;
    line-height: 36px;
  }
  body.route1-main #main_management .pattern-wrap {
    margin-right: -200px;
    margin-left: -200px;
  }
  body.route1-main #main_management .pattern-wrap .main-pattern.mp-1 {
    top: 105px;
    left: -32px;
    width: 0;
    height: 80px;
  }
  body.route1-main #main_management .pattern-wrap .main-pattern.mp-1.active {
    width: 136px;
    height: 80px;
  }
  body.route1-main #main_management .pattern-wrap .main-pattern.mp-1::before {
    top: 0;
    left: 0;
    width: 136px;
    height: 80px;
  }
  body.route1-main #main_management .pattern-wrap .main-pattern.mp-2 {
    bottom: 78px;
    right: -103px;
    width: 0;
    height: 0;
    -webkit-transition-delay: 80ms;
    -moz-transition-delay: 80ms;
    -ms-transition-delay: 80ms;
    -o-transition-delay: 80ms;
    transition-delay: 80ms;
  }
  body.route1-main #main_management .pattern-wrap .main-pattern.mp-2.active {
    width: 130px;
    height: 130px;
  }
  body.route1-main #main_management .pattern-wrap .main-pattern.mp-2::before {
    bottom: 0;
    right: 0;
    width: 130px;
    height: 130px;
  }
  body.route1-main #main_brand {
    padding-top: 150px;
  }
  body.route1-main #main_brand .brand-view {
    padding-top: 40px;
  }
  body.route1-main #main_brand .brand-view .brand-visual {
    height: 720px;
  }
  body.route1-main #main_brand .brand-view .brand-visual .item-text > .container {
    padding-right: 0;
    padding-left: 0;
  }
  body.route1-main #main_brand .brand-view .brand-visual .item-text h3 {
    margin-left: -290px;
    font-size: 96px;
    line-height: 120px;
  }
  body.route1-main #main_brand .brand-view .brands {
    padding-top: 90px;
    padding-bottom: 80px;
  }
  body.route1-main #main_brand .brand-view .brands > .container {
    padding-right: 31px;
    padding-left: 31px;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list {
    padding-bottom: 86px;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item {
    width: 210px;
    padding-top: 12px;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 2px solid #d70000;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item strong {
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item .figure {
    width: 180px;
    height: 180px;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item .desc {
    font-size: 22px;
    line-height: 36px;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item strong + .figure {
    margin-top: 30px;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item .figure + .desc {
    margin-top: 25px;
  }
  body.route1-main #main_brand .pattern-wrap {
    margin-right: -290px;
    margin-left: -290px;
  }
  body.route1-main #main_brand .pattern-wrap .main-pattern.mp-1 {
    z-index: 1;
    top: 21px;
    right: 1691px;
    width: 0;
    height: 0;
    -webkit-transition-delay: 80ms;
    -moz-transition-delay: 80ms;
    -ms-transition-delay: 80ms;
    -o-transition-delay: 80ms;
    transition-delay: 80ms;
  }
  body.route1-main #main_brand .pattern-wrap .main-pattern.mp-1.active {
    width: 80px;
    height: 80px;
  }
  body.route1-main #main_brand .pattern-wrap .main-pattern.mp-1::before {
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
  }
  body.route1-main #main_brand .pattern-wrap .main-pattern.mp-2 {
    top: -34px;
    left: 49px;
    width: 0;
    height: 97px;
  }
  body.route1-main #main_brand .pattern-wrap .main-pattern.mp-2.active {
    width: 194px;
    height: 97px;
  }
  body.route1-main #main_brand .pattern-wrap .main-pattern.mp-2::before {
    bottom: 0;
    right: 0;
    width: 194px;
    height: 97px;
  }
  body.route1-main #main_map {
    padding-top: 70px;
    padding-bottom: 80px;
  }
  body.route1-main #main_map .map-view {
    height: 420px;
    margin-top: 110px;
    margin-bottom: 90px;
  }
  body.route1-main #main_map .map-view > .container {
    padding-right: 0;
    padding-left: 0;
  }
  body.route1-main #main_map .map-view .map-tab {
    position: absolute;
    z-index: 10;
    top: 65px;
    left: 20px;
  }
  body.route1-main #main_map .map-view .map-tab::before {
    content: "";
    display: block;
    position: absolute;
    top: -45px;
    left: 0;
    bottom: -45px;
    width: 0;
    border-right: 1px solid #e4e4e4;
  }
  body.route1-main #main_map .map-view .map-tab .map-anchor {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
    margin-top: 17px;
    margin-left: -2px;
    background-color: #ca0202;
    border-radius: 50%;
    line-height: 5px;
  }
  body.route1-main #main_map .map-view .map-tab .map-anchor-m {
    display: none !important;
  }
  body.route1-main #main_map .map-view .map-tab ul {
    margin-left: 36px;
  }
  body.route1-main #main_map .map-view .map-tab ul > li {
    display: block;
  }
  body.route1-main #main_map .map-view .map-tab ul > li a {
    padding: 9px 10px;
    font-size: 16px;
    line-height: 22px;
  }
  body.route1-main #main_map .map-view .map-tab ul > li + li {
    margin-top: 20px;
  }
  body.route1-main #main_map .map-view .map-contents .map {
    position: absolute;
    top: 0;
    left: 204px;
    width: 734px;
    height: 408px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .map-pin {
    top: 0;
    left: 204px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .map-pin .pin {
    width: 30px;
    height: 38px;
    background-image: url(../../resources2/images/main/map_pin.png);
    background-size: 30px 38px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .map-pin .pin-wrap {
    position: absolute;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .map-pin .pin-wrap strong {
    font-size: 30px;
    line-height: 36px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .map-pin .pin-wrap p {
    font-size: 22px;
    line-height: 36px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .map-pin .pin-wrap strong + p {
    margin-top: 17px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-cn .map-pin {
    -webkit-transform: translateX(282px) translateY(145px);
    -moz-transform: translateX(282px) translateY(145px);
    -ms-transform: translateX(282px) translateY(145px);
    -o-transform: translateX(282px) translateY(145px);
    transform: translateX(282px) translateY(145px);
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-cn .map-pin .pin-wrap {
    margin-left: -205px;
    padding-top: 13px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-us .map-pin {
    -webkit-transform: translateX(592px) translateY(181px);
    -moz-transform: translateX(592px) translateY(181px);
    -ms-transform: translateX(592px) translateY(181px);
    -o-transform: translateX(592px) translateY(181px);
    transform: translateX(592px) translateY(181px);
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-us .map-pin .pin-wrap {
    margin-top: -37px;
    margin-left: -454px;
    padding-top: 0;
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-jp .map-pin {
    -webkit-transform: translateX(345px) translateY(186px);
    -moz-transform: translateX(345px) translateY(186px);
    -ms-transform: translateX(345px) translateY(186px);
    -o-transform: translateX(345px) translateY(186px);
    transform: translateX(345px) translateY(186px);
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-jp .map-pin .pin-wrap {
    margin-left: -205px;
    padding-top: 12px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-au .map-pin {
    -webkit-transform: translateX(342px) translateY(331px);
    -moz-transform: translateX(342px) translateY(331px);
    -ms-transform: translateX(342px) translateY(331px);
    -o-transform: translateX(342px) translateY(331px);
    transform: translateX(342px) translateY(331px);
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-au .map-pin .pin-wrap {
    margin-left: -242px;
    margin-top: -212px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-vn .map-pin {
    -webkit-transform: translateX(267px) translateY(229px);
    -moz-transform: translateX(267px) translateY(229px);
    -ms-transform: translateX(267px) translateY(229px);
    -o-transform: translateX(267px) translateY(229px);
    transform: translateX(267px) translateY(229px);
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-vn .map-pin .pin-wrap {
    margin-left: -196px;
    padding-top: 14px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-ca .map-pin {
    -webkit-transform: translateX(546px) translateY(114px);
    -moz-transform: translateX(546px) translateY(114px);
    -ms-transform: translateX(546px) translateY(114px);
    -o-transform: translateX(546px) translateY(114px);
    transform: translateX(546px) translateY(114px);
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-ca .map-pin .pin-wrap {
    margin-left: -474px;
    padding-top: 11px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .issue {
    position: absolute;
    top: 80px;
    right: 20px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .issue .figure {
    width: 290px;
    height: 207px;
    border-radius: 8px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .issue .desc {
    margin-left: -2px;
    padding-top: 26px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .issue .desc span {
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .issue .desc .emphasis {
    padding-top: 3px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .issue .desc .emphasis b {
    font-size: 32px;
    line-height: 38px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .issue .desc .emphasis span {
    padding-left: 7px;
    padding-bottom: 2px;
  }
  body.route1-main #main_etc > .container {
    padding-right: 0;
    padding-left: 0;
  }
  body.route1-main #main_etc .etc-list {
    display: flex;
    margin-right: -40px;
    margin-left: -40px;
  }
  body.route1-main #main_etc .etc-list .etc-item {
    width: 33.3%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  body.route1-main #main_etc .etc-list .etc-item a {
    padding-top: 50px;
    padding-bottom: 48px;
  }
  body.route1-main #main_etc .etc-list .etc-item a .icon {
    width: 90px;
    height: 90px;
    margin-right: auto;
    margin-left: auto;
    padding: 25px;
  }
  body.route1-main #main_etc .etc-list .etc-item a .icon span {
    width: 40px;
    height: 40px;
  }
  body.route1-main #main_etc .etc-list .etc-item a .info strong {
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-main #main_etc .etc-list .etc-item a .info p {
    font-size: 16px;
    line-height: 26px;
  }
  body.route1-main #main_etc .etc-list .etc-item a .info strong + p {
    margin-top: 6px;
  }
  body.route1-main #main_etc .etc-list .etc-item a .icon + .info {
    margin-top: 16px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock {
    text-align: left;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a {
    padding-top: 70px;
    padding-right: 70px;
    padding-left: 70px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a span.subject {
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a strong {
    font-size: 46px;
    line-height: 52px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume {
    margin-top: 44px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span {
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span + span {
    margin-left: 16px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span.value {
    margin-left: 14px;
    padding-left: 14px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span.value.up::before {
    bottom: 6px;
    border-width: 0 4px 6px 4px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span.value.down::before {
    bottom: 6px;
    border-width: 6px 4px 0 4px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li + li {
    padding-left: 41px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li + li::before {
    top: 5px;
    left: 20px;
    width: 0;
    height: 14px;
    border-right: 1px solid #6f6f6f;
  }
  body.route1-main #main_etc .etc-list .etc-item + .etc-item::before {
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    border-right: 1px solid rgba(242, 242, 242, 0.15);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media (max-width: 991px) {
  body.route1-main article > h2 {
    font-size: 31px;
    line-height: 42px;
  }
  body.route1-main .page-jumbotron {
    height: 570px;
    max-height: 100vh;
  }
  body.route1-main .page-jumbotron .item-text {
    white-space: nowrap;
  }
  body.route1-main .page-jumbotron .item-text p {
    font-size: 45px;
    line-height: 53px;
  }
  body.route1-main .page-jumbotron .item-text p span {
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 26px;
  }
  body.route1-main .page-jumbotron .swiper-pagination {
    bottom: 90px;
  }
  body.route1-main .btn-wrap a {
    min-width: 150px;
    height: 37px;
    padding: 8px 32px 7px;
    border-radius: 18.5px;
    font-size: 15px;
    line-height: 22px;
  }
  body.route1-main #main_news {
    padding-top: 70px;
  }
  body.route1-main #main_news .swiper-container {
    margin-top: 28px;
    padding-bottom: 20px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide {
    width: 250px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news .figure {
    height: 165px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news .info {
    padding: 12px 13px 14px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news .info p {
    font-size: 15px;
    line-height: 22px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news .info p a {
    overflow: hidden;
    display: -webkit-box;
    height: 44px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news .info span.date {
    display: none !important;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news .info a.more {
    display: inline-block;
    margin-top: 12px;
    vertical-align: top;
    color: #666;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news .info a.more span {
    padding-right: 3px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .news .info a.more i {
    margin-top: 3px;
    font-size: 13px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice {
    height: 165px;
    padding: 25px 28px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice span.type {
    height: 22px;
    padding: 1px 7px;
    border-radius: 11px;
    font-size: 11px;
    line-height: 18px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice p {
    font-size: 15px;
    line-height: 22px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice p a {
    overflow: hidden;
    display: -webkit-box;
    height: 44px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice span.date {
    display: none !important;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice span.type + p {
    margin-top: 15px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice a.more {
    margin-top: 17px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice a.more span {
    padding-right: 3px;
  }
  body.route1-main #main_news .swiper-container .swiper-slide .notice a.more i {
    margin-top: 3px;
    font-size: 13px;
  }
  body.route1-main #main_intro {
    padding-top: 70px;
    padding-bottom: 60px;
  }
  body.route1-main #main_intro > .container {
    margin-top: -18px;
    padding-right: 15px;
    padding-left: 15px;
  }
  body.route1-main #main_intro > .container .intro-list {
    margin-top: -9px;
    padding-bottom: 30px;
  }
  body.route1-main #main_intro > .container .intro-list .intro-item {
    padding-top: 17px;
  }
  body.route1-main #main_intro > .container .intro-list .intro-item::before {
    left: 50%;
    width: 175px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body.route1-main #main_intro > .container .intro-list .intro-item strong {
    font-size: 17px;
    line-height: 24px;
  }
  body.route1-main #main_intro > .container .intro-list .intro-item p {
    font-size: 15px;
    line-height: 22px;
  }
  body.route1-main #main_intro > .container .intro-list .intro-item strong + p {
    margin-top: 6px;
  }
  body.route1-main #main_intro > .container .intro-list .intro-item + .intro-item {
    margin-top: 35px;
  }
  body.route1-main #main_intro .pattern-wrap {
    margin-right: -15px;
    margin-left: -15px;
  }
  body.route1-main #main_intro .pattern-wrap .main-pattern.mp-1 {
    top: 205px;
    left: -10;
    width: 0;
    height: 55px;
    -webkit-transition-delay: 80ms;
    -moz-transition-delay: 80ms;
    -ms-transition-delay: 80ms;
    -o-transition-delay: 80ms;
    transition-delay: 80ms;
  }
  body.route1-main #main_intro .pattern-wrap .main-pattern.mp-1.active {
    width: 55px;
    height: 55px;
  }
  body.route1-main #main_intro .pattern-wrap .main-pattern.mp-1::before {
    top: 0;
    left: 0;
    width: 55px;
    height: 55px;
  }
  body.route1-main #main_intro .pattern-wrap .main-pattern.mp-2 {
    display: none !important;
  }
  body.route1-main #main_story {
    padding-top: 55px;
    padding-bottom: 60px;
  }
  body.route1-main #main_story .story-view {
    margin-top: 28px;
    padding-bottom: 40px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide {
    width: 185px;
    height: 372px;
    padding: 63.5px 17.5px 158.5px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .media, body.route1-main #main_story .story-view .story-img .swiper-slide .post {
    width: 150px;
    height: 150px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .media .play, body.route1-main #main_story .story-view .story-img .swiper-slide .post .play {
    width: 40px;
    height: 40px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .media .play::before, body.route1-main #main_story .story-view .story-img .swiper-slide .post .play::before {
    border-width: 4px 0 4px 8px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .media .icon-insta, body.route1-main #main_story .story-view .story-img .swiper-slide .post .icon-insta {
    width: 36px;
    height: 36px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .post {
    padding: 20px 16px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .post strong {
    display: table;
    font-size: 12px;
    line-height: 16px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .post strong::before {
    border-top-width: 1.5px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .post p {
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .post p a {
    overflow: hidden;
    display: -webkit-box;
    height: 63px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .post span.date {
    font-size: 11px;
    line-height: 18px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .post strong + p {
    margin-top: 7px;
  }
  body.route1-main #main_story .story-view .story-img .swiper-slide .post p + span.date {
    margin-top: 6px;
  }
  body.route1-main #main_story .story-view .story-text {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 50%;
    width: 185px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body.route1-main #main_story .story-view .story-text .story-text-wrap {
    padding: 226px 18.5px 19px;
  }
  body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item strong {
    display: table;
    font-size: 12px;
    line-height: 16px;
  }
  body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item strong::before {
    border-top-width: 1.5px;
  }
  body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item p {
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item p a {
    overflow: hidden;
    display: -webkit-box;
    height: 63px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item span.date {
    font-size: 11px;
    line-height: 18px;
  }
  body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item strong + p {
    margin-top: 12px;
  }
  body.route1-main #main_story .story-view .story-text .story-text-wrap .story-text-item p + span.date {
    margin-top: 18px;
  }
  body.route1-main #main_story .story-view .phone-bg {
    width: 185px;
    height: 372px;
  }
  body.route1-main #main_story .story-view .phone-bg::before {
    margin-top: 15px;
    margin-right: -21px;
    margin-left: -21px;
    width: 227px;
    height: 400px;
    background-image: url(../../resources2/images/main/phone_shadow_m.png);
    background-size: 100% 100%;
    background-position: center;
  }
  body.route1-main #main_story .story-view .phone-bg::after {
    border-radius: 25px;
  }
  body.route1-main #main_story .story-view .phone-frame {
    width: 185px;
    height: 372px;
  }
  body.route1-main #main_story .story-view .phone-frame span.bg {
    border-radius: 25px;
  }
  body.route1-main #main_story .story-view .phone-frame::after {
    border-width: 5px;
    border-radius: 25px;
  }
  body.route1-main #main_management {
    padding-top: 55px;
  }
  body.route1-main #main_management > .container {
    margin-top: -23px;
    padding-right: 0;
    padding-left: 0;
  }
  body.route1-main #main_management .management-view {
    margin-bottom: 40px;
  }
  body.route1-main #main_management .management-view .item-text {
    padding-top: 65px;
    padding-bottom: 45px;
  }
  body.route1-main #main_management .management-view .item-text .management-list .management-item .subject {
    width: 105px;
    height: 105px;
  }
  body.route1-main #main_management .management-view .item-text .management-list .management-item .subject strong {
    font-size: 17px;
    line-height: 22px;
  }
  body.route1-main #main_management .management-view .item-text .management-list .management-item .info {
    margin-top: 20px;
    padding-top: 13px;
    font-size: 15px;
    letter-spacing: -0.25px;
    line-height: 22px;
  }
  body.route1-main #main_management .management-view .item-text .management-list .management-item .info::before {
    left: 50%;
    right: inherit;
    width: 235px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body.route1-main #main_management .management-view .item-text .management-list .management-item + .management-item {
    margin-top: 15px;
  }
  body.route1-main #main_management .pattern-wrap .main-pattern.mp-1 {
    bottom: -24px;
    right: -14px;
    width: 0;
    height: 56px;
  }
  body.route1-main #main_management .pattern-wrap .main-pattern.mp-1.active {
    width: 68px;
    height: 56px;
  }
  body.route1-main #main_management .pattern-wrap .main-pattern.mp-1::before {
    top: 0;
    left: 0;
    width: 68px;
    height: 56px;
  }
  body.route1-main #main_management .pattern-wrap .main-pattern.mp-2 {
    display: none !important;
  }
  body.route1-main #main_brand {
    padding-top: 70px;
  }
  body.route1-main #main_brand h2 {
    z-index: 10;
  }
  body.route1-main #main_brand .brand-view {
    margin-top: -23px;
  }
  body.route1-main #main_brand .brand-view .brand-visual {
    height: 360px;
  }
  body.route1-main #main_brand .brand-view .brand-visual .item-text > .container {
    padding-right: 16px;
    padding-left: 16px;
  }
  body.route1-main #main_brand .brand-view .brand-visual .item-text h3 {
    font-size: 48px;
    line-height: 60px;
  }
  body.route1-main #main_brand .brand-view .brands {
    padding-top: 50px;
    padding-bottom: 55px;
  }
  body.route1-main #main_brand .brand-view .brands > .container {
    padding-right: 25px;
    padding-left: 25px;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 45px;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item {
    display: flex;
    width: 50%;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item .brand-item-wrap {
    width: 146px;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item .brand-item-wrap strong {
    display: inline-block;
    position: relative;
    padding-top: 6px;
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item .brand-item-wrap strong::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 2px solid #d70000;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item .brand-item-wrap .figure {
    width: 115px;
    height: 115px;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item .brand-item-wrap .desc {
    font-size: 15px;
    line-height: 22px;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item .brand-item-wrap strong + .figure {
    margin-top: 9px;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item .brand-item-wrap .figure + .desc {
    margin-top: 12px;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item:nth-child(odd) {
    justify-content: flex-start;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item:nth-child(even) {
    justify-content: flex-end;
  }
  body.route1-main #main_brand .brand-view .brands .brand-list .brand-item:nth-of-type(2) ~ .brand-item {
    margin-top: 30px;
  }
  body.route1-main #main_brand .pattern-wrap .main-pattern.mp-1 {
    z-index: 1;
    top: 94px;
    left: 26px;
    width: 0;
    height: 0;
    -webkit-transition-delay: 220ms;
    -moz-transition-delay: 220ms;
    -ms-transition-delay: 220ms;
    -o-transition-delay: 220ms;
    transition-delay: 220ms;
  }
  body.route1-main #main_brand .pattern-wrap .main-pattern.mp-1.active {
    width: 40px;
    height: 40px;
  }
  body.route1-main #main_brand .pattern-wrap .main-pattern.mp-1::before {
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
  }
  body.route1-main #main_brand .pattern-wrap .main-pattern.mp-2 {
    top: 72px;
    right: calc(100vw - 50px);
    width: 0;
    height: 52px;
  }
  body.route1-main #main_brand .pattern-wrap .main-pattern.mp-2.active {
    width: 65px;
    height: 52px;
  }
  body.route1-main #main_brand .pattern-wrap .main-pattern.mp-2::before {
    top: 0;
    right: 0;
    width: 65px;
    height: 52px;
  }
  body.route1-main #main_map {
    padding-top: 60px;
    padding-bottom: 75px;
  }
  body.route1-main #main_map .map-view {
    margin-top: 26px;
  }
  body.route1-main #main_map .map-view > .container {
    padding-right: 0;
    padding-left: 0;
  }
  body.route1-main #main_map .map-view .map-tab {
    overflow: hidden;
    width: 100%;
    height: 40px;
  }
  body.route1-main #main_map .map-view .map-tab .tab-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 50px;
    -webkit-overflow-scrolling: touch;
    text-align: center;
  }
  body.route1-main #main_map .map-view .map-tab .tab-scroll .tab-scroll-wrap {
    display: inline-block;
    position: relative;
    height: 40px;
    vertical-align: top;
    white-space: nowrap;
  }
  body.route1-main #main_map .map-view .map-tab .tab-scroll .tab-scroll-wrap .map-anchor {
    display: none !important;
  }
  body.route1-main #main_map .map-view .map-tab .tab-scroll .tab-scroll-wrap .map-anchor-m {
    overflow: hidden;
    display: block;
    position: absolute;
    z-index: 2;
    top: 2px;
    left: 60px;
    margin-top: -2px;
    margin-left: -2px;
    width: 5px;
    height: 5px;
    background-color: #ca0202;
    border-radius: 50%;
    line-height: 5px;
    pointer-events: none;
  }
  body.route1-main #main_map .map-view .map-tab .tab-scroll .tab-scroll-wrap ul {
    padding-top: 2px;
    padding-right: 20px;
    padding-left: 20px;
  }
  body.route1-main #main_map .map-view .map-tab .tab-scroll .tab-scroll-wrap ul > li {
    display: inline-block;
    position: relative;
    vertical-align: top;
  }
  body.route1-main #main_map .map-view .map-tab .tab-scroll .tab-scroll-wrap ul > li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #e4e4e4;
  }
  body.route1-main #main_map .map-view .map-tab .tab-scroll .tab-scroll-wrap ul > li a {
    padding: 10px 13px 8px;
    font-size: 12px;
    line-height: 20px;
  }
  body.route1-main #main_map .map-view .map-tab .tab-scroll .tab-scroll-wrap ul > li:first-child {
    padding-left: 7px;
  }
  body.route1-main #main_map .map-view .map-tab .tab-scroll .tab-scroll-wrap ul > li:last-child {
    padding-right: 7px;
  }
  body.route1-main #main_map .map-view .map-contents {
    height: 405px;
    margin-top: -3px;
    margin-bottom: 40px;
  }
  body.route1-main #main_map .map-view .map-contents .map {
    position: relative;
    width: 355px;
    height: 186px;
    margin-right: auto;
    margin-left: auto;
  }
  body.route1-main #main_map .map-view .map-contents .map-content {
    width: 355px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body.route1-main #main_map .map-view .map-contents .map-content .map-pin {
    position: relative;
    padding-top: 186px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .map-pin .pin {
    width: 21px;
    height: 28px;
    background-image: url(../../resources2/images/main/map_pin.png);
    background-size: 21px 28px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .map-pin .pin-wrap {
    margin-top: -2px;
    padding-left: 30px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .map-pin .pin-wrap strong {
    font-size: 17px;
    line-height: 24px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .map-pin .pin-wrap p {
    font-size: 15px;
    line-height: 22px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .map-pin .pin-wrap strong + p {
    margin-top: 6px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-cn .map-pin .pin {
    top: 84px;
    left: 139px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-us .map-pin .pin {
    top: 91px;
    left: 278px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-jp .map-pin .pin {
    top: 86px;
    left: 165px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-au .map-pin .pin {
    top: 149px;
    left: 161px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-vn .map-pin .pin {
    top: 108px;
    left: 130px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content#map-content-ca .map-pin .pin {
    top: 53px;
    left: 263px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .issue {
    display: flex;
    width: 100%;
    margin-top: 20px;
    padding-right: 30px;
    padding-left: 30px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .issue .figure {
    width: 146px;
    height: 105px;
    border-radius: 4px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .issue .desc {
    width: calc(100% - 146px);
    padding-top: 28px;
    padding-left: 12px;
    letter-spacing: -0.1px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .issue .desc span {
    display: block;
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .issue .desc .emphasis {
    padding-top: 2px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .issue .desc .emphasis b {
    font-size: 23px;
    line-height: 30px;
  }
  body.route1-main #main_map .map-view .map-contents .map-content .issue .desc .emphasis span {
    display: inline-block;
    padding-left: 3px;
    padding-bottom: 2px;
  }
  body.route1-main #main_etc > .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-main #main_etc .etc-list .etc-item a {
    display: flex;
    padding: 22px 4px 25px;
  }
  body.route1-main #main_etc .etc-list .etc-item a .icon {
    width: 65px;
    height: 65px;
    margin-top: 5px;
    padding: 18px;
  }
  body.route1-main #main_etc .etc-list .etc-item a .icon span {
    width: 29px;
    height: 29px;
  }
  body.route1-main #main_etc .etc-list .etc-item a .info strong {
    display: table;
    font-size: 17px;
    line-height: 22px;
  }
  body.route1-main #main_etc .etc-list .etc-item a .info p {
    margin-right: -24px;
    font-size: 15px;
    letter-spacing: -0.25px;
    line-height: 22px;
  }
  body.route1-main #main_etc .etc-list .etc-item a .info strong + p {
    margin-top: 4px;
  }
  body.route1-main #main_etc .etc-list .etc-item a .icon + .info {
    margin-left: 15px;
  }
  body.route1-main #main_etc .etc-list .etc-item:last-child a {
    padding-bottom: 35px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a {
    display: block;
    padding-top: 37px;
    padding-bottom: 15px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a span.subject {
    display: table;
    font-size: 15px;
    line-height: 22px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a strong {
    display: table;
    margin-top: -2px;
    font-size: 30px;
    line-height: 40px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume {
    margin-top: 12px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span {
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span + span {
    margin-left: 8px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span.value {
    margin-left: 8px;
    padding-left: 11px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span.value.up::before {
    bottom: 4px;
    border-width: 0 3.5px 5px 3.5px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li span.value.down::before {
    bottom: 4px;
    border-width: 5px 3.5px 0 3.5px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li + li {
    padding-left: 31px;
  }
  body.route1-main #main_etc .etc-list .etc-item.stock a > ul.volume > li + li::before {
    top: 5px;
    left: 15px;
    width: 0;
    height: 10px;
    border-right: 1px solid #6f6f6f;
  }
  body.route1-main #main_etc .etc-list .etc-item + .etc-item::before {
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px solid rgba(242, 242, 242, 0.15);
  }
}

body.route1-introduce article.article-dummy > .container {
  padding-right: 0;
  padding-left: 0;
}
body.route1-introduce article.article-dummy > .container img {
  margin-left: -360px;
}
body.route1-introduce article.article-dummy > img {
  display: block;
  width: 100%;
  vertical-align: top;
}
body.route1-introduce .full-img-side {
  position: relative;
}
body.route1-introduce .full-img-side::after {
  display: block;
  clear: both;
  content: "";
}
body.route1-introduce .full-img-side > .container {
  width: 100%;
  height: 100%;
  padding: 0;
}
body.route1-introduce .full-img-side .item-img {
  background-size: cover;
  background-position: center;
}
@media (min-width: 992px) {
  body.route1-introduce .full-img-side {
    height: 760px;
  }
  body.route1-introduce .full-img-side .item-text {
    position: relative;
    top: 40px;
    width: 750px;
    height: 300px;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 40px 60px;
    margin-left: -40px;
  }
  body.route1-introduce .full-img-side .item-text strong {
    display: block;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  body.route1-introduce .full-img-side .item-text strong span {
    color: #999;
  }
  body.route1-introduce .full-img-side .item-text p {
    font-size: 20px;
    margin-bottom: 0;
  }
  body.route1-introduce .full-img-side .item-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    height: 760px;
  }
}
@media (max-width: 991px) {
  body.route1-introduce .full-img-side .item-text {
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 30px;
  }
  body.route1-introduce .full-img-side .item-text strong {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  body.route1-introduce .full-img-side .item-text strong span {
    color: #999;
  }
  body.route1-introduce .full-img-side .item-text p {
    font-size: 14px;
    margin-bottom: 0;
  }
  body.route1-introduce .full-img-side .item-img {
    height: 260px;
  }
}
@media (min-width: 992px) {
  body.route1-introduce .full-img-side.full-img-side-reverse .item-text {
    margin: 0 0 0 auto;
  }
  body.route1-introduce .full-img-side.full-img-side-reverse .item-img {
    right: auto;
    left: 0;
  }
}
body.route1-introduce.route2-overview .overview-visual {
  position: relative;
}
body.route1-introduce.route2-overview .overview-visual > .container {
  width: 100%;
  height: 100%;
  padding: 0;
}
body.route1-introduce.route2-overview .overview-visual > .container::after {
  content: "";
  display: block;
  position: relative;
  clear: both;
}
body.route1-introduce.route2-overview .overview-visual .item-img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  background-size: cover;
  background-position: center;
}
body.route1-introduce.route2-overview .overview-visual .item-text {
  position: relative;
  text-align: center;
  color: #fff;
}
body.route1-introduce.route2-overview .overview-visual .item-text a {
  display: block;
  color: #fff;
}
body.route1-introduce.route2-overview .overview-visual .item-text a .desc {
  position: relative;
}
body.route1-introduce.route2-overview .overview-visual .item-text a .desc::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #a5c010;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.route1-introduce.route2-overview .overview-visual.visual-world .item-text {
  background-color: rgba(150, 193, 31, 0.9);
}
body.route1-introduce.route2-overview .overview-visual.visual-world .item-text .desc::before {
  background-color: #fff;
}
body.route1-introduce.route2-overview .overview-content .item-img {
  background-size: cover;
  background-position: center;
}
body.route1-introduce.route2-overview .overview-content .item-text a {
  display: flex;
  color: #000;
  width: 100%;
  height: 100%;
  text-align: center;
  flex-direction: column;
}
body.route1-introduce.route2-overview .overview-content .item-text a .desc {
  position: relative;
}
body.route1-introduce.route2-overview .overview-content .item-text a .desc::before {
  content: "";
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #96c11f;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.route1-introduce.route2-overview .overview-content .item-text a .more {
  color: #999;
  font-weight: 400;
}
body.route1-introduce.route2-overview .overview-group {
  position: relative;
}
body.route1-introduce.route2-overview .overview-group .item-img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
body.route1-introduce.route2-overview .overview-group .item-text {
  position: relative;
  text-align: center;
  color: #fff;
}
body.route1-introduce.route2-overview .overview-group .item-text .desc {
  position: relative;
}
body.route1-introduce.route2-overview .overview-group .item-text .desc::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #a5c010;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.route1-introduce.route2-overview .overview-group .item-text .group-list {
  display: flex;
  flex-wrap: wrap;
}
body.route1-introduce.route2-overview .overview-group .item-text .group-list li a {
  display: inline-block;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  vertical-align: top;
  text-align: left;
  color: #fff;
  white-space: nowrap;
}
@media (min-width: 992px) {
  body.route1-introduce.route2-overview .overview-visual {
    height: 520px;
  }
  body.route1-introduce.route2-overview .overview-visual .item-img {
    height: 520px;
  }
  body.route1-introduce.route2-overview .overview-visual .item-text {
    margin-right: auto;
    margin-left: auto;
  }
  body.route1-introduce.route2-overview .overview-visual .item-text strong {
    display: inline-block;
    margin-bottom: 40px;
    font-size: 28px;
    line-height: 34px;
    vertical-align: top;
  }
  body.route1-introduce.route2-overview .overview-visual .item-text .desc {
    padding-top: 55px;
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-introduce.route2-overview .overview-visual .item-text .desc::before {
    width: 22px;
    height: 22px;
  }
  body.route1-introduce.route2-overview .overview-visual .item-text .more {
    position: absolute;
    bottom: 30px;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity 80ms ease-in-out;
    -moz-transition: opacity 80ms ease-in-out;
    -ms-transition: opacity 80ms ease-in-out;
    -o-transition: opacity 80ms ease-in-out;
    transition: opacity 80ms ease-in-out;
  }
  body.route1-introduce.route2-overview .overview-visual .item-text:hover .more {
    opacity: 1;
  }
  body.route1-introduce.route2-overview .overview-visual.visual-mission .item-text {
    top: 94px;
    width: 850px;
  }
  body.route1-introduce.route2-overview .overview-visual.visual-mission .item-text a {
    padding: 0 35px 82px;
  }
  body.route1-introduce.route2-overview .overview-visual.visual-world .item-text {
    top: 100px;
    width: 745px;
  }
  body.route1-introduce.route2-overview .overview-visual.visual-world .item-text a {
    padding: 45px 75px 82px;
  }
  body.route1-introduce.route2-overview .overview-content {
    display: flex;
    height: 460px;
    margin-top: 80px;
    margin-bottom: 90px;
  }
  body.route1-introduce.route2-overview .overview-content > div {
    order: 0;
  }
  body.route1-introduce.route2-overview .overview-content .item-img {
    width: calc(50% - 80px);
  }
  body.route1-introduce.route2-overview .overview-content._right .item-img {
    order: 1;
    margin-right: 80px;
  }
  body.route1-introduce.route2-overview .overview-content._left .item-img {
    margin-left: 80px;
  }
  body.route1-introduce.route2-overview .overview-content .item-text {
    width: 50%;
    padding-top: 92px;
    padding-bottom: 38px;
  }
  body.route1-introduce.route2-overview .overview-content .item-text a strong {
    display: inline-block;
    margin-bottom: 40px;
    font-size: 28px;
    line-height: 34px;
    vertical-align: top;
  }
  body.route1-introduce.route2-overview .overview-content .item-text a .desc {
    padding-top: 55px;
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-introduce.route2-overview .overview-content .item-text a .desc::before {
    width: 22px;
    height: 22px;
  }
  body.route1-introduce.route2-overview .overview-content .item-text a .more {
    margin-top: auto;
    opacity: 0;
    -webkit-transition: opacity 80ms ease-in-out;
    -moz-transition: opacity 80ms ease-in-out;
    -ms-transition: opacity 80ms ease-in-out;
    -o-transition: opacity 80ms ease-in-out;
    transition: opacity 80ms ease-in-out;
  }
  body.route1-introduce.route2-overview .overview-content .item-text a:hover .more {
    opacity: 1;
  }
  body.route1-introduce.route2-overview .overview-group > .container {
    padding-right: 18px;
    padding-left: 18px;
  }
  body.route1-introduce.route2-overview .overview-group .item-text {
    padding-top: 92px;
    padding-bottom: 89px;
  }
  body.route1-introduce.route2-overview .overview-group .item-text strong {
    display: inline-block;
    margin-bottom: 40px;
    font-size: 28px;
    line-height: 34px;
    vertical-align: top;
  }
  body.route1-introduce.route2-overview .overview-group .item-text .desc {
    padding-top: 55px;
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-introduce.route2-overview .overview-group .item-text .desc::before {
    width: 22px;
    height: 22px;
  }
  body.route1-introduce.route2-overview .overview-group .item-text .group-list {
    margin-top: 52px;
    margin-right: -36px;
    margin-left: -36px;
  }
  body.route1-introduce.route2-overview .overview-group .item-text .group-list li {
    width: calc(100%/6);
    padding-right: 21px;
    padding-left: 21px;
  }
  body.route1-introduce.route2-overview .overview-group .item-text .group-list li a {
    display: block;
    width: 100%;
    padding: 16px 10px 12px;
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-introduce.route2-overview .overview-group .item-text .group-list li:nth-of-type(6) ~ li {
    margin-top: 40px;
  }
  body.route1-introduce.route2-overview #view-container article.article-introduce-overview {
    margin-bottom: 110px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body.route1-introduce.route2-overview .overview-group > .container {
    padding-right: 0;
    padding-left: 0;
  }
  body.route1-introduce.route2-overview .overview-group .item-text .group-list {
    margin-right: 66px;
    margin-left: 66px;
  }
  body.route1-introduce.route2-overview .overview-group .item-text .group-list li {
    width: calc(100%/4);
  }
  body.route1-introduce.route2-overview .overview-group .item-text .group-list li a {
    display: block;
    width: 100%;
    padding: 16px 10px 12px;
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-introduce.route2-overview .overview-group .item-text .group-list li:nth-of-type(4) ~ li {
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  body.route1-introduce.route2-overview .overview-visual {
    position: relative;
    height: 285px;
  }
  body.route1-introduce.route2-overview .overview-visual .item-img {
    height: 100%;
  }
  body.route1-introduce.route2-overview .overview-visual .item-text {
    position: relative;
    width: 100%;
  }
  body.route1-introduce.route2-overview .overview-visual .item-text strong {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
    vertical-align: top;
  }
  body.route1-introduce.route2-overview .overview-visual .item-text .desc {
    padding-top: 22px;
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-introduce.route2-overview .overview-visual .item-text .desc::before {
    width: 11px;
    height: 11px;
  }
  body.route1-introduce.route2-overview .overview-visual .item-text .more {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
  }
  body.route1-introduce.route2-overview .overview-visual.visual-mission .item-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
  }
  body.route1-introduce.route2-overview .overview-visual.visual-mission .item-text a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
  }
  body.route1-introduce.route2-overview .overview-visual.visual-world > .container {
    padding-right: 20px;
    padding-left: 20px;
  }
  body.route1-introduce.route2-overview .overview-visual.visual-world .item-text {
    top: 50%;
    padding-top: 27px;
    padding-bottom: 24px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  body.route1-introduce.route2-overview .overview-content {
    display: flex;
    margin-top: 29px;
    flex-direction: column;
  }
  body.route1-introduce.route2-overview .overview-content > div {
    width: 100%;
  }
  body.route1-introduce.route2-overview .overview-content .item-img {
    height: 200px;
  }
  body.route1-introduce.route2-overview .overview-content .item-text a {
    padding-top: 27px;
    padding-bottom: 22px;
  }
  body.route1-introduce.route2-overview .overview-content .item-text a strong {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
    vertical-align: top;
  }
  body.route1-introduce.route2-overview .overview-content .item-text a .desc {
    padding-top: 22px;
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-introduce.route2-overview .overview-content .item-text a .desc::before {
    width: 11px;
    height: 11px;
  }
  body.route1-introduce.route2-overview .overview-content .item-text a .more {
    margin-top: 10px;
  }
  body.route1-introduce.route2-overview .overview-group > .container {
    padding-right: 20px;
    padding-left: 20px;
  }
  body.route1-introduce.route2-overview .overview-group .item-text {
    padding-top: 46px;
    padding-bottom: 49px;
  }
  body.route1-introduce.route2-overview .overview-group .item-text strong {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
    vertical-align: top;
  }
  body.route1-introduce.route2-overview .overview-group .item-text .desc {
    padding-top: 22px;
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-introduce.route2-overview .overview-group .item-text .desc::before {
    width: 11px;
    height: 11px;
  }
  body.route1-introduce.route2-overview .overview-group .item-text .group-list {
    margin-top: 13px;
    margin-right: -6px;
    margin-left: -6px;
  }
  body.route1-introduce.route2-overview .overview-group .item-text .group-list li {
    width: 33.3%;
    padding-right: 6px;
    padding-left: 6px;
  }
  body.route1-introduce.route2-overview .overview-group .item-text .group-list li a {
    display: block;
    width: 100%;
    padding: 5px 10px 2px;
    font-size: 12px;
    line-height: 20px;
  }
  body.route1-introduce.route2-overview .overview-group .item-text .group-list li:nth-of-type(3) ~ li {
    margin-top: 25px;
  }
  body.route1-introduce.route2-overview #view-container article.article-introduce-overview {
    margin-bottom: 80px;
  }
}
@media (min-width: 992px) {
  body.route1-introduce.route2-mission.route3-management .article-vision-2025 .article-philosophy > .full-img-side {
    height: 940px;
  }
  body.route1-introduce.route2-mission.route3-management .article-vision-2025 .article-con {
    position: relative;
    height: 310px;
  }
  body.route1-introduce.route2-mission.route3-management .article-vision-2025 .article-con .item-img {
    position: absolute;
    top: 0;
    left: 60%;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position: center;
  }
  body.route1-introduce.route2-mission.route3-management .article-vision-2025 .article-con .item-text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 60%;
    padding-right: 60px;
  }
  body.route1-introduce.route2-mission.route3-management .article-vision-2025 .article-con .item-text strong {
    display: block;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  body.route1-introduce.route2-mission.route3-management .article-vision-2025 .article-con .item-text strong span {
    color: #999;
  }
  body.route1-introduce.route2-mission.route3-management .article-vision-2025 .article-con .item-text p {
    font-size: 20px;
    margin-bottom: 0;
  }
  body.route1-introduce.route2-mission.route3-management .article-vision-2025 .diagram {
    margin-top: 140px;
  }
}
@media (max-width: 991px) {
  body.route1-introduce.route2-mission.route3-management .article-vision-2025 .article-con .item-img {
    display: none;
  }
  body.route1-introduce.route2-mission.route3-management .article-vision-2025 .article-con .item-text strong {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  body.route1-introduce.route2-mission.route3-management .article-vision-2025 .article-con .item-text strong span {
    color: #999;
  }
  body.route1-introduce.route2-mission.route3-management .article-vision-2025 .article-con .item-text p {
    font-size: 14px;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  body.route1-introduce.route2-mission.route3-management .diagram {
    position: relative;
  }
  body.route1-introduce.route2-mission.route3-management .diagram b.zoom {
    top: 0;
    right: 0;
  }
  body.route1-introduce.route2-mission.route3-management b.zoom {
    overflow: hidden;
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
  }
  body.route1-introduce.route2-mission.route3-management b.zoom span.icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    background-image: url(../../resources2/images/common/image-zoom.svg);
    background-size: cover;
    background-position: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
body.route1-introduce.route2-mission.route3-way .article-farmer .full-img-side #way-swiper-container {
  height: 100%;
}
body.route1-introduce.route2-mission.route3-way .article-farmer .full-img-side #way-swiper-container .swiper-item {
  height: 100%;
  background-position: center;
  background-size: cover;
}
body.route1-introduce.route2-mission.route3-way .article-farmer .full-img-side .swiper-pagination {
  bottom: 0;
  background-color: #f2f1de;
  height: 6px;
}
body.route1-introduce.route2-mission.route3-way .article-farmer .full-img-side .swiper-pagination > span {
  background-color: #96c11f;
}
body.route1-introduce.route2-mission.route3-way .article-farmer .full-img-side .swiper-pagination-dot {
  text-align: center;
}
body.route1-introduce.route2-mission.route3-way .article-farmer .full-img-side .swiper-pagination-dot > span {
  position: relative;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 15px;
  vertical-align: middle;
}
body.route1-introduce.route2-mission.route3-way .article-farmer .full-img-side .swiper-pagination-dot > span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  border-radius: 50%;
}
body.route1-introduce.route2-mission.route3-way .article-farmer .full-img-side .swiper-pagination-dot > span.active {
  width: 16px;
  height: 16px;
}
body.route1-introduce.route2-mission.route3-way .article-farmer .full-img-side .swiper-pagination-dot > span.active::before {
  background-color: transparent;
  border: solid 2px #000;
}
@media (min-width: 992px) {
  body.route1-introduce.route2-mission.route3-way .article-farmer .full-img-side #way-swiper-container {
    padding-bottom: 35px;
  }
  body.route1-introduce.route2-mission.route3-way .article-farmer .full-img-side .item-img {
    height: 585px;
  }
  body.route1-introduce.route2-mission.route3-way .article-farmer .full-img-side .item-text {
    height: auto;
  }
  body.route1-introduce.route2-mission.route3-way .article-farmer .swiper-pagination-dot > span {
    cursor: pointer;
  }
}
@media (max-width: 991px) {
  body.route1-introduce.route2-mission.route3-way .article-farmer .full-img-side #way-swiper-container {
    padding-bottom: 20px;
  }
  body.route1-introduce.route2-mission.route3-way .article-farmer .full-img-side .item-img {
    height: 310px;
  }
  body.route1-introduce.route2-mission.route3-way .article-farmer .full-img-side .item-text {
    height: auto;
    margin-top: 50px;
  }
}
body.route1-introduce.route2-mission.route3-way .article-core-value .core-value-item {
  margin-bottom: 30px;
}
body.route1-introduce.route2-mission.route3-way .article-core-value .core-value-item .value-img img {
  margin: 15px 0;
}
body.route1-introduce.route2-mission.route3-way .article-core-value .core-value-item .value-title {
  position: relative;
  padding: 45px 10px 15px 10px;
}
body.route1-introduce.route2-mission.route3-way .article-core-value .core-value-item .value-title::before, body.route1-introduce.route2-mission.route3-way .article-core-value .core-value-item .value-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background-color: #e4e4e4;
}
body.route1-introduce.route2-mission.route3-way .article-core-value .core-value-item .value-title::before {
  width: 100%;
  height: 2px;
}
body.route1-introduce.route2-mission.route3-way .article-core-value .core-value-item .value-title::after {
  width: 2px;
  height: 100%;
}
body.route1-introduce.route2-mission.route3-way .article-core-value .core-value-item .value-title strong {
  font-size: 20px;
  color: #539a00;
}
body.route1-introduce.route2-mission.route3-way .article-core-value .core-value-item .value-desc {
  padding: 0 10px;
  margin-top: 20px;
  color: #666666;
}
@media (min-width: 992px) {
  body.route1-introduce.route2-mission.route3-way .article-core-value .core-value-item .value-img {
    height: 200px;
  }
}
body.route1-introduce.route2-mission.route3-way .article-conduct .img-container {
  height: 240px;
  background-position: center;
  background-size: cover;
}
body.route1-introduce.route2-mission.route3-way .article-conduct .img-container .slogan {
  display: flex;
  align-items: center;
  font-size: 60px;
  color: #FFF;
  overflow: hidden;
  white-space: nowrap;
  height: 100%;
  margin-bottom: 0;
  font-weight: bold;
}
@media (min-width: 992px) {
  body.route1-introduce.route2-mission.route3-way .article-conduct .img-container {
    height: 680px;
  }
  body.route1-introduce.route2-mission.route3-way .article-conduct .img-container .slogan {
    font-size: 300px;
  }
}
@media (max-width: 991px) {
  body.route1-introduce.route2-mission.route3-way .article-conduct .img-container {
    background-position: center left;
  }
}
body.route1-introduce.route2-mission.route3-way .article-conduct-list .conduct-list-item {
  position: relative;
  text-align: center;
  padding: 10px 20px 30px;
  margin-bottom: 20px;
}
body.route1-introduce.route2-mission.route3-way .article-conduct-list .conduct-list-item::before, body.route1-introduce.route2-mission.route3-way .article-conduct-list .conduct-list-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background-color: #e4e4e4;
}
body.route1-introduce.route2-mission.route3-way .article-conduct-list .conduct-list-item::before {
  width: 100%;
  height: 2px;
}
body.route1-introduce.route2-mission.route3-way .article-conduct-list .conduct-list-item::after {
  width: 2px;
  height: 100%;
}
body.route1-introduce.route2-mission.route3-way .article-conduct-list .conduct-list-item strong {
  display: block;
  margin-bottom: 20px;
}
body.route1-introduce.route2-mission.route3-way .article-conduct-list .conduct-list-item strong img {
  height: 45px;
}
body.route1-introduce.route2-mission.route3-way .article-conduct-list .conduct-list-item p {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  body.route1-introduce.route2-mission.route3-way .article-conduct-list .conduct-list-item {
    padding: 20px 50px;
    margin-bottom: 40px;
  }
  body.route1-introduce.route2-mission.route3-way .article-conduct-list .conduct-list-item strong img {
    height: 90px;
  }
  body.route1-introduce.route2-mission.route3-way .article-conduct-list .conduct-list-item p {
    height: 50px;
  }
}
@media (max-width: 991px) {
  body.route1-introduce.route2-mission.route3-way .article-conduct-list .conduct-list-item p {
    font-size: 14px;
    height: 90px;
  }
}
body.route1-introduce.route2-history.route3-index .nongshim-inner-tab ul li a {
  color: rgba(0, 0, 0, 0.2);
  -webkit-transition: color 120ms ease-in-out;
  -moz-transition: color 120ms ease-in-out;
  -ms-transition: color 120ms ease-in-out;
  -o-transition: color 120ms ease-in-out;
  transition: color 120ms ease-in-out;
}
body.route1-introduce.route2-history.route3-index .nongshim-inner-tab ul li a:hover, body.route1-introduce.route2-history.route3-index .nongshim-inner-tab ul li a.active {
  color: #000;
}
body.route1-introduce.route2-history.route3-index .nongshim-inner-tab ul li a::before, body.route1-introduce.route2-history.route3-index .nongshim-inner-tab ul li a::after {
  -webkit-transition: opacity 120ms ease-in-out;
  -moz-transition: opacity 120ms ease-in-out;
  -ms-transition: opacity 120ms ease-in-out;
  -o-transition: opacity 120ms ease-in-out;
  transition: opacity 120ms ease-in-out;
}
body.route1-introduce.route2-history.route3-index .modal-content {
  position: relative;
}
body.route1-introduce.route2-history.route3-index .modal-content::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  border-bottom: solid #96c11f;
}
body.route1-introduce.route2-history.route3-index .modal-content::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: solid #96c11f;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-header {
  justify-content: center;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-header h5.modal-title {
  position: relative;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-header h5.modal-title span {
  display: inline-block;
  vertical-align: top;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-header h5.modal-title span.visual {
  overflow: hidden;
  position: absolute;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .nongshim-inner-tab ul {
  display: flex;
  position: relative;
  margin: 0;
  justify-content: space-between;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .nongshim-inner-tab ul::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px solid #e4e4e4;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .nongshim-inner-tab ul li {
  display: inline-block;
  width: 50%;
  padding: 0;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .nongshim-inner-tab ul li a {
  justify-content: center;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-article {
  display: none;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-article.active {
  display: block;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-header {
  display: flex;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-header .info .desc {
  color: #666;
  word-break: keep-all;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .article-title-dot {
  margin-bottom: 0;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .article-title-dot .title {
  margin-bottom: 0;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info {
  display: flex;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info .column p {
  margin-bottom: 0;
  color: #666;
  word-break: keep-all;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info.full {
  flex-direction: column;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info.full .column {
  width: 100%;
  padding-left: 0 !important;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info .img-column {
  display: flex;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body {
  border-top: 0;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .img {
  background-size: cover;
  background-position: center;
  border: 1px solid #e4e4e4;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .info .like-reply-function > a {
  padding: 0;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .info strong {
  display: block;
  color: #333;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .info > p {
  color: #666;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .info .more_btn {
  color: #999;
  font-weight: 600;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .info .more_btn::after {
  content: "";
  color: #d83832;
  font-family: "icomoon";
  vertical-align: middle;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .btn-block {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .btn-block .btn {
  border-color: #000;
  color: #000;
  font-weight: 600;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .reply {
  margin-top: 0;
}
body.route1-introduce.route2-history.route3-index .modal-content .modal-body .reply .reply-more {
  margin-bottom: 0;
}
body.route1-introduce.route2-history.route3-index .history-content {
  display: none;
}
body.route1-introduce.route2-history.route3-index .history-content.active {
  display: block;
}
body.route1-introduce.route2-history.route3-index .history-content#history_timeline.fixed .history-tab {
  position: fixed;
  z-index: 80;
  top: 0;
  right: 0;
  left: 0;
  background-color: #fff;
}
body.route1-introduce.route2-history.route3-index .history-content#history_timeline.fixed .history-tab::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  border-bottom: 1px solid #f0f0f0;
}
body.route1-introduce.route2-history.route3-index .history-tab {
  position: absolute;
  right: 0;
  left: 0;
  background-color: #fff;
}
body.route1-introduce.route2-history.route3-index .history-tab ul {
  display: flex;
}
body.route1-introduce.route2-history.route3-index .history-tab ul li {
  position: relative;
}
body.route1-introduce.route2-history.route3-index .history-tab ul li a {
  display: block;
  position: relative;
  color: rgba(0, 0, 0, 0.2);
  font-weight: 600;
  -webkit-transition: color 120ms ease-in-out;
  -moz-transition: color 120ms ease-in-out;
  -ms-transition: color 120ms ease-in-out;
  -o-transition: color 120ms ease-in-out;
  transition: color 120ms ease-in-out;
}
body.route1-introduce.route2-history.route3-index .history-tab ul li a::before {
  content: "";
  overflow: hidden;
  display: block;
  position: absolute;
  left: 50%;
  background-color: #96c11f;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: opacity 120ms ease-in-out;
  -moz-transition: opacity 120ms ease-in-out;
  -ms-transition: opacity 120ms ease-in-out;
  -o-transition: opacity 120ms ease-in-out;
  transition: opacity 120ms ease-in-out;
}
body.route1-introduce.route2-history.route3-index .history-tab ul li a.active {
  color: #000;
}
body.route1-introduce.route2-history.route3-index .history-tab ul li a.active::before {
  opacity: 1;
}
body.route1-introduce.route2-history.route3-index .history-tab ul li a:hover {
  color: #000;
}
body.route1-introduce.route2-history.route3-index .history-tab ul li + li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 0;
  border-left: 1px solid #e7e7e7;
}
body.route1-introduce.route2-history.route3-index .history-visual {
  position: relative;
}
body.route1-introduce.route2-history.route3-index .history-visual .item-img {
  position: absolute;
  height: 100%;
  top: 0;
  background-size: cover;
  background-position: center;
}
body.route1-introduce.route2-history.route3-index .history-visual .item-text {
  width: 100%;
  height: 100%;
}
body.route1-introduce.route2-history.route3-index .history-visual .item-text .flex-wrap {
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
  color: #fff;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
body.route1-introduce.route2-history.route3-index .history-visual .item-text .flex-wrap .title {
  margin-bottom: 0;
  font-weight: 600;
}
body.route1-introduce.route2-history.route3-index .history-body > .container {
  padding-right: 20px;
  padding-left: 20px;
}
body.route1-introduce.route2-history.route3-index .timeline {
  position: relative;
}
body.route1-introduce.route2-history.route3-index .timeline::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  top: 0;
  left: 50%;
  border-left: 1px solid #eee;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item {
  position: relative;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .year {
  text-align: center;
  color: #539a00;
  font-weight: 600;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list {
  position: relative;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-progress {
  display: block;
  position: absolute;
  z-index: 1;
  width: 0;
  left: 50%;
  height: 0;
  /*height:100px;*/
  border-left: solid #96c11f;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item {
  position: relative;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  left: 50%;
  height: 100%;
  border-left: 1px solid #eee;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item:last-child::before {
  display: none;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .month {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  color: #999;
  font-weight: 600;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .month::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: transparent;
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color 120ms ease-in-out;
  -moz-transition: background-color 120ms ease-in-out;
  -ms-transition: background-color 120ms ease-in-out;
  -o-transition: background-color 120ms ease-in-out;
  transition: background-color 120ms ease-in-out;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .month::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #eee;
  border: solid #eee;
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: width 120ms ease-in-out, height 120ms ease-in-out, background-color 120ms ease-in-out, border-color 120ms ease-in-out;
  -moz-transition: width 120ms ease-in-out, height 120ms ease-in-out, background-color 120ms ease-in-out, border-color 120ms ease-in-out;
  -ms-transition: width 120ms ease-in-out, height 120ms ease-in-out, background-color 120ms ease-in-out, border-color 120ms ease-in-out;
  -o-transition: width 120ms ease-in-out, height 120ms ease-in-out, background-color 120ms ease-in-out, border-color 120ms ease-in-out;
  transition: width 120ms ease-in-out, height 120ms ease-in-out, background-color 120ms ease-in-out, border-color 120ms ease-in-out;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item.active .month {
  color: #539a00;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item.active .month::before {
  background-color: #fff;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item.active .month::after {
  background-color: #fff;
  border-color: #96c11f;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item:last-child {
  padding-bottom: 0;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue {
  display: flex;
  position: relative;
  justify-content: space-between;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .issue-list {
  display: flex;
  width: 50%;
  margin-right: auto;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .issue-list .issue-item .thumb {
  overflow: hidden;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .issue-list .issue-item .thumb.line {
  border: 1px solid #dcdcdc;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .issue-list .issue-item .thumb img {
  display: block;
  width: 100%;
  height: auto;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .issue-list .issue-item .caption {
  display: inline-block;
  vertical-align: top;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list {
  display: flex;
  width: 50%;
  margin-left: auto;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list .product-item {
  text-align: center;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list .product-item > a {
  display: block;
  vertical-align: top;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list .product-item > a .thumb img {
  display: block;
  width: 100%;
  height: auto;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list .product-item > a .title {
  display: inline-block;
  vertical-align: top;
}
body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list .product-item .like-reply-function {
  display: inline-block;
}
body.route1-introduce.route2-history.route3-index .mind-list {
  background-color: #f4f4f4;
}
body.route1-introduce.route2-history.route3-index .mind-list ul {
  display: flex;
  flex-wrap: wrap;
}
body.route1-introduce.route2-history.route3-index .mind-list ul li button {
  display: block;
  width: 100%;
  text-align: center;
  border: none;
  
  background-color: transparent;
}
body.route1-introduce.route2-history.route3-index .mind-list ul li button .visual {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 50%;
  background-color: #fff;
  background-size: cover;
  background-position: center;
}
body.route1-introduce.route2-history.route3-index .mind-list ul li button strong {
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 992px) {
  body.route1-introduce.route2-history.route3-index .modal-lg, body.route1-introduce.route2-history.route3-index .modal-xl {
    max-width: 900px;
  }
  body.route1-introduce.route2-history.route3-index .product-modal .modal-lg, body.route1-introduce.route2-history.route3-index .product-modal .modal-xl {
    max-width: 1280px;
  }
  body.route1-introduce.route2-history.route3-index .product-modal .modal-content .modal-body {
    padding-bottom: 45px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content::before {
    border-bottom-width: 8px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content::after {
    border-top-width: 8px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-header h5.modal-title {
    line-height: 50px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-header h5.modal-title span.visual {
    width: 28px;
    height: 28px;
    top: 11px;
    left: -34px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body {
    padding: 0 40px 80px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .nongshim-inner-tab {
    height: 80px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .nongshim-inner-tab ul li a {
    padding: 25px 10px;
    font-size: 24px;
    line-height: 30px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .nongshim-inner-tab ul li + li::before {
    top: 20px;
    height: 34px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-header {
    margin-top: 65px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-header .visual {
    width: 155px;
    margin-top: 25px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-header .info {
    width: calc(100% - 115px);
    padding-left: 35px;
    font-size: 14px;
    line-height: 24px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-header .info .desc {
    padding-right: 20px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-header .info strong + .sub-title {
    margin-top: 5px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-header .info .sub-title + .desc {
    margin-top: 14px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content {
    margin-top: 50px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .article-title-dot {
    margin-bottom: 10px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .article-title-dot .title {
    padding-top: 18px;
    font-size: 24px;
    line-height: 30px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .article-title-dot .title::before {
    width: 12px;
    height: 12px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info .column .figure {
    margin-top: 6px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info .column:nth-of-type(1) p {
    margin-top: 10px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info .column:nth-of-type(2) {
    padding-left: 15px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info .column p {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 24px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info .column.full {
    width: 100%;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info.full .column + .column {
    margin-top: 36px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info .img-column .figure:nth-of-type(2) {
    padding-left: 60px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info + .info {
    margin-top: 36px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info + .info.continue {
    margin-top: 35px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info + .info.continue p {
    margin-top: 0 !important;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item + .mind-item {
    margin-top: 55px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product {
    padding: 50px 60px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .img {
    width: 300px;
    height: 300px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .info {
    padding: 40px 0 40px 45px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .info strong {
    font-size: 36px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .info > p {
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 36px;
    margin-bottom: 25px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .info .more_btn {
    font-size: 14px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .info .more_btn::after {
    margin: 0 0 0 10px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .btn-block {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .btn-block .btn {
    padding: 0.8rem 36px;
    font-size: 15px;
  }
  body.route1-introduce.route2-history.route3-index .history-content {
    padding-top: 50px;
  }
  body.route1-introduce.route2-history.route3-index .history-content#history_timeline {
    padding-top: 70px;
  }
  body.route1-introduce.route2-history.route3-index .history-content#history_timeline.fixed .history-tab {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    -moz-transition: -moz-transform 200ms ease-in-out;
    -ms-transition: -ms-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
  }
  body.route1-introduce.route2-history.route3-index.hide-unb .history-content#history_timeline.fixed .history-tab {
    -webkit-transform: translateY(150px);
    -moz-transform: translateY(150px);
    -ms-transform: translateY(150px);
    -o-transform: translateY(150px);
    transform: translateY(150px);
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    -moz-transition: -moz-transform 200ms ease-in-out;
    -ms-transition: -ms-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
  }
  body.route1-introduce.route2-history.route3-index.hide-nav .history-content#history_timeline.fixed .history-tab {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    -moz-transition: -moz-transform 400ms ease-in-out;
    -ms-transition: -ms-transform 400ms ease-in-out;
    -o-transition: -o-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
  }
  body.route1-introduce.route2-history.route3-index.hide-nav.hide-unb .history-content#history_timeline.fixed .history-tab {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 220ms ease-in-out;
    -moz-transition: -moz-transform 220ms ease-in-out;
    -ms-transition: -ms-transform 220ms ease-in-out;
    -o-transition: -o-transform 220ms ease-in-out;
    transition: transform 220ms ease-in-out;
  }
  body.route1-introduce.route2-history.route3-index .history-tab {
    padding-top: 18px;
    padding-bottom: 17px;
  }
  body.route1-introduce.route2-history.route3-index .history-tab ul {
    margin-right: -25px;
    margin-left: -25px;
  }
  body.route1-introduce.route2-history.route3-index .history-tab ul li {
    margin-top: 27px;
    padding-right: 36px;
    padding-left: 36px;
  }
  body.route1-introduce.route2-history.route3-index .history-tab ul li a {
    font-size: 24px;
    line-height: 30px;
  }
  body.route1-introduce.route2-history.route3-index .history-tab ul li a::before {
    top: -27px;
    width: 12px;
    height: 12px;
  }
  body.route1-introduce.route2-history.route3-index .history-tab ul li a:hover::before {
    opacity: 1;
  }
  body.route1-introduce.route2-history.route3-index .history-tab ul li + li::before {
    bottom: 0;
    height: 30px;
  }
  body.route1-introduce.route2-history.route3-index .history-view {
    padding-top: 102px;
  }
  body.route1-introduce.route2-history.route3-index .history-view .history-view-item + .history-view-item {
    margin-top: 50px;
  }
  body.route1-introduce.route2-history.route3-index .history-visual {
    height: 420px;
  }
  body.route1-introduce.route2-history.route3-index .history-visual .item-img {
    width: 91.66%;
  }
  body.route1-introduce.route2-history.route3-index .history-visual .item-text {
    position: relative;
  }
  body.route1-introduce.route2-history.route3-index .history-visual .item-text .flex-wrap .sub-title {
    font-size: 20px;
    line-height: 26px;
  }
  body.route1-introduce.route2-history.route3-index .history-visual .item-text .flex-wrap .title {
    font-size: 60px;
    line-height: 80px;
  }
  body.route1-introduce.route2-history.route3-index .history-visual .item-text .flex-wrap .sub-title + .title {
    margin-top: 6px;
  }
  body.route1-introduce.route2-history.route3-index .timeline {
    padding-top: 110px;
    padding-bottom: 100px;
  }
  body.route1-introduce.route2-history.route3-index .timeline::before {
    height: 180px;
    -webkit-transform: translateX(-50%) translateY(-70px);
    -moz-transform: translateX(-50%) translateY(-70px);
    -ms-transform: translateX(-50%) translateY(-70px);
    -o-transform: translateX(-50%) translateY(-70px);
    transform: translateX(-50%) translateY(-70px);
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item {
    margin-top: 35px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .year {
    font-size: 40px;
    line-height: 60px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list {
    margin-top: 35px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-progress {
    top: 3px;
    border-left-width: 3px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item {
    padding-bottom: 50px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item::before {
    top: 3px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .month {
    margin-top: -8px;
    padding-left: 24px;
    font-size: 20px;
    line-height: 30px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .month::before {
    width: 32px;
    height: 32px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .month::after {
    width: 9px;
    height: 9px;
    border-width: 3px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item.active .month::after {
    width: 14px;
    height: 14px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .issue-list {
    padding-right: 110px;
    justify-content: flex-end;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .issue-list .issue-item .thumb {
    border-radius: 8px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .issue-list .issue-item .caption {
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .issue-list .issue-item .thumb + .caption {
    margin-top: 26px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list {
    padding-right: 10px;
    padding-left: 90px;
    justify-content: space-between;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list .product-item {
    width: calc(50% - 20px);
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list .product-item > a .title {
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list .product-item > a .thumb + .title {
    margin-top: 26px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list .product-item > a + .like-reply-function {
    margin-top: 4px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item + .timeline-item {
    margin-top: 85px;
  }
  body.route1-introduce.route2-history.route3-index .mind-list {
    padding-top: 85px;
    padding-bottom: 100px;
  }
  body.route1-introduce.route2-history.route3-index .mind-list .container {
    padding-right: 20px;
    padding-left: 20px;
  }
  body.route1-introduce.route2-history.route3-index .mind-list ul {
    margin-right: -40px;
    margin-left: -40px;
  }
  body.route1-introduce.route2-history.route3-index .mind-list ul li {
    width: calc(25% - 80px);
    margin-right: 40px;
    margin-left: 40px;
    margin-bottom: 30px;
  }
  body.route1-introduce.route2-history.route3-index .mind-list ul li button .visual {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    -webkit-transition: -webkit-box-shadow 200ms ease-in-out;
    -moz-transition: -moz-box-shadow 200ms ease-in-out;
    -ms-transition: box-shadow 200ms ease-in-out;
    -o-transition: box-shadow 200ms ease-in-out;
    transition: box-shadow 200ms ease-in-out;
  }
  body.route1-introduce.route2-history.route3-index .mind-list ul li button strong {
    font-size: 24px;
    line-height: 30px;
  }
  body.route1-introduce.route2-history.route3-index .mind-list ul li button .visual + strong {
    margin-top: 18px;
  }
  body.route1-introduce.route2-history.route3-index .mind-list ul li button:hover .visual {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
  }
  body.route1-introduce.route2-history.route3-index .mind-list ul li:nth-child(4n+1):nth-last-child(-n+4), body.route1-introduce.route2-history.route3-index .mind-list ul li:nth-child(4n+1):nth-last-child(-n+4) ~ li {
    margin-bottom: 0;
  }
  body.route1-introduce.route2-history.route3-index .history-view-item:nth-child(odd) .history-visual .item-img {
    left: 0;
  }
  body.route1-introduce.route2-history.route3-index .history-view-item:nth-child(even) .history-visual .item-img {
    right: 0;
  }
}
@media (max-width: 991px) {
  body.route1-introduce.route2-history.route3-index .modal-dialog {
    margin: 0 auto;
  }
  body.route1-introduce.route2-history.route3-index .modal-content {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content::before {
    border-bottom-width: 8px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content::after {
    border-top-width: 8px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-header {
    height: 50px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-header .close {
    top: 12px;
    right: 12px;
    width: 26px;
    height: 26px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-header h5.modal-title {
    font-size: 13px;
    line-height: 30px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-header h5.modal-title span.visual {
    width: 20px;
    height: 20px;
    top: 4px;
    left: -26px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body {
    padding: 0 20px 30px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .nongshim-inner-tab {
    height: 55px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .nongshim-inner-tab ul li a {
    padding: 16px 10px 15px;
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .nongshim-inner-tab ul li + li::before {
    top: 20px;
    height: 15px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-header {
    margin-top: 50px;
    padding-right: 10px;
    padding-left: 10px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-header .visual {
    display: none;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-header .info {
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-header .info .sub-title img {
    max-width: 80%;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-header .info strong + .sub-title {
    margin-top: 6px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-header .info .sub-title + .desc {
    margin-top: 14px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content {
    margin-top: 45px;
    padding-right: 10px;
    padding-left: 10px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .article-title-dot {
    margin-bottom: 14px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .article-title-dot .title {
    padding-top: 13px;
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .article-title-dot .title::before {
    width: 9px;
    height: 9px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info {
    flex-direction: column;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info .column .figure {
    width: 100%;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info .column .figure img {
    display: inline-block;
    width: 100%;
    vertical-align: top;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info .column p {
    font-size: 14px;
    line-height: 24px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info .column + .column {
    margin-top: 15px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info .img-column {
    flex-direction: column;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info .img-column .figure + .figure {
    margin-top: 15px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info + .info {
    margin-top: 15px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item .info + .info.continue {
    margin-top: 24px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .mind-content .mind-item + .mind-item {
    margin-top: 45px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product {
    padding: 35px 10px 50px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .img {
    width: 210px;
    height: 210px;
    margin: auto;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .info {
    padding: 30px 0 0 0;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .info .like-reply-function > a > * {
    font-size: 12px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .info strong {
    font-size: 20px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .info > p {
    font-size: 14px;
    line-height: 20px;
    margin: 5px 0 20px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .info .more_btn {
    font-size: 13px;
    padding: 8px 0;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .board-body .product .info .more_btn::after {
    margin: 0 0 0 5px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .btn-block {
    margin: 25px auto;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .btn-block .btn {
    font-size: 14px;
    padding: 0.68rem 24px;
  }
  body.route1-introduce.route2-history.route3-index .modal-content .modal-body .reply {
    margin-top: 0;
  }
  body.route1-introduce.route2-history.route3-index .history-content {
    margin-top: -20px;
  }
  body.route1-introduce.route2-history.route3-index .history-content#history_timeline.fixed .history-tab {
    top: 0;
  }
  body.route1-introduce.route2-history.route3-index .history-content#history_today {
    padding-top: 70px;
  }
  body.route1-introduce.route2-history.route3-index .history-view {
    margin-top: 10px;
    padding-top: 105px;
  }
  body.route1-introduce.route2-history.route3-index .history-view .history-view-item + .history-view-item {
    margin-top: 20px;
  }
  body.route1-introduce.route2-history.route3-index .history-tab {
    padding-top: 58px;
    padding-bottom: 5px;
  }
  body.route1-introduce.route2-history.route3-index .history-tab .container {
    overflow: hidden;
    width: 100vw;
    height: 42px;
    max-width: inherit;
    margin-right: inherit;
    margin-left: inherit;
    padding-right: inherit;
    padding-left: inherit;
  }
  body.route1-introduce.route2-history.route3-index .history-tab .container .tab-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100vw;
    padding-bottom: 50px;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  body.route1-introduce.route2-history.route3-index .history-tab .container .tab-scroll .tab-scroll-wrap {
    display: inline-block;
    vertical-align: top;
  }
  body.route1-introduce.route2-history.route3-index .history-tab ul li {
    margin-top: 19px;
    padding-right: 20px;
    padding-left: 20px;
  }
  body.route1-introduce.route2-history.route3-index .history-tab ul li a {
    font-size: 15px;
    line-height: 22px;
  }
  body.route1-introduce.route2-history.route3-index .history-tab ul li a::before {
    top: -18px;
    width: 11px;
    height: 11px;
  }
  body.route1-introduce.route2-history.route3-index .history-tab ul li + li::before {
    bottom: 3px;
    height: 16px;
  }
  body.route1-introduce.route2-history.route3-index .history-visual {
    position: relative;
    width: 100%;
    height: 210px;
    /*width:100vw;height:0;padding-bottom:56%;*/
  }
  body.route1-introduce.route2-history.route3-index .history-visual .item-img {
    width: 100%;
    right: 0;
    left: 0;
  }
  body.route1-introduce.route2-history.route3-index .history-visual .item-text {
    position: absolute;
  }
  body.route1-introduce.route2-history.route3-index .history-visual .item-text .flex-wrap .sub-title {
    font-size: 13px;
    line-height: 20px;
  }
  body.route1-introduce.route2-history.route3-index .history-visual .item-text .flex-wrap .title {
    font-size: 30px;
    line-height: 40px;
  }
  body.route1-introduce.route2-history.route3-index .timeline {
    padding-top: 48px;
    padding-bottom: 55px;
  }
  body.route1-introduce.route2-history.route3-index .timeline::before {
    height: 90px;
    -webkit-transform: translateX(-50%) translateY(-30px);
    -moz-transform: translateX(-50%) translateY(-40px);
    -ms-transform: translateX(-50%) translateY(-40px);
    -o-transform: translateX(-50%) translateY(-40px);
    transform: translateX(-50%) translateY(-40px);
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item {
    margin-top: 20px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .year {
    font-size: 24px;
    line-height: 30px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list {
    margin-top: 30px;
    padding-bottom: 40px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-progress {
    border-left-width: 2px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item {
    padding-bottom: 45px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .month {
    margin-top: -8px;
    padding-left: 11px;
    font-size: 15px;
    line-height: 20px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .month::before {
    width: 17px;
    height: 17px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .month::after {
    width: 6px;
    height: 6px;
    border-width: 2px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item.active .month::after {
    width: 9px;
    height: 9px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .issue-list {
    padding-right: 20px;
    justify-content: flex-end;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .issue-list .issue-item .thumb {
    border-radius: 4px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .issue-list .issue-item .caption {
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .issue-list .issue-item .thumb + .caption {
    margin-top: 12px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list {
    flex-direction: column;
    padding-right: 10px;
    padding-left: 32px;
    justify-content: space-between;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list .product-item > a {
    color: #000;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list .product-item > a .thumb {
    padding-right: 7px;
    padding-left: 7px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list .product-item > a .title {
    margin-right: -10px;
    margin-left: -10px;
    font-size: 13px;
    line-height: 20px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list .product-item > a .thumb + .title {
    margin-top: 10px;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list .product-item .like-reply-function {
    margin-right: -10px;
    margin-left: -10px;
    white-space: nowrap;
  }
  body.route1-introduce.route2-history.route3-index .timeline .timeline-item .month-list .month-item .issue .product-list .product-item + .product-item {
    margin-top: 20px;
  }
  body.route1-introduce.route2-history.route3-index .mind-list {
    padding-top: 40px;
    padding-bottom: 35px;
  }
  body.route1-introduce.route2-history.route3-index .mind-list .container {
    padding-right: 30px;
    padding-left: 30px;
  }
  body.route1-introduce.route2-history.route3-index .mind-list ul {
    margin-right: -8px;
    margin-left: -8px;
  }
  body.route1-introduce.route2-history.route3-index .mind-list ul li {
    width: calc(33.3% - 16px);
    margin-right: 8px;
    margin-left: 8px;
    margin-bottom: 36px;
  }
  body.route1-introduce.route2-history.route3-index .mind-list ul li button strong {
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-introduce.route2-history.route3-index .mind-list ul li button .visual + strong {
    margin-top: 12px;
  }
  body.route1-introduce.route2-history.route3-index .mind-list ul li:nth-child(3n+1):nth-last-child(-n+3), body.route1-introduce.route2-history.route3-index .mind-list ul li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
    margin-bottom: 0;
  }
}
body.route1-introduce.route2-history.route3-index #view-container article.article-history {
  margin-bottom: 0;
}
body.route1-introduce.route2-world.route3-index {
  /*
  .nongshim-inner-tab {height:80px;margin-bottom:49px;margin-right:-30px;margin-left:-30px;
    &.fixed {
      -webkit-transition:top 200ms ease-in-out;
      -moz-transition:top 200ms ease-in-out;
      -ms-transition:top 200ms ease-in-out;
      -o-transition:top 200ms ease-in-out;
      transition:top 200ms ease-in-out;
      //transition-duration:.3s; transition-timing-function:linear;
      position:fixed; top:0; left:0; width:100%; height:80px; background:#fff;  z-index:2;
      > .wrap {
        width:1170px; height:38px; margin-right:auto;margin-left:auto;
        > ul {margin-right:-10px;margin-left:-10px}
        //> ul {margin:20px -10px 0;}
      }
    }
  }

   */
}
body.route1-introduce.route2-world.route3-index .board-header .article-title-dot .title {
  font-weight: bold;
}
body.route1-introduce.route2-world.route3-index .swiper-container > * {
  position: relative;
}
body.route1-introduce.route2-world.route3-index .swiper-container.swiper-global .float-content {
  height: 594px;
}
body.route1-introduce.route2-world.route3-index .swiper-container.swiper-network .float-content {
  height: 650px;
}
body.route1-introduce.route2-world.route3-index .swiper-container .swiper-scrollbar {
  top: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background: #f2f1de;
  border-radius: 0;
}
body.route1-introduce.route2-world.route3-index .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
  background: #96c11f;
  border-radius: 0;
}
body.route1-introduce.route2-world.route3-index .swiper-container .swiper-item {
  background-position: center;
  background-size: cover;
}
body.route1-introduce.route2-world.route3-index .swiper-container .swiper-pagination {
  bottom: 7px;
  margin: 40px auto 0;
}
body.route1-introduce.route2-world.route3-index .global-nongshim {
  border-top: 1px solid #e4e4e4;
  padding-top: 60px;
  margin-top: 50px;
}
body.route1-introduce.route2-world.route3-index .global-nongshim > * {
  font-size: 20px;
  line-height: 34px;
  text-align: center;
}
body.route1-introduce.route2-world.route3-index .global-nongshim > * > * {
  position: relative;
}
body.route1-introduce.route2-world.route3-index .global-nongshim > * > * + *:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 110px;
  background: #e4e4e4;
}
body.route1-introduce.route2-world.route3-index .global-nongshim > * > * > div strong {
  display: block;
  width: 120px;
  margin: 30px auto 0;
}
body.route1-introduce.route2-world.route3-index .global-nongshim > * > * > div strong > span {
  color: #539a00;
}
body.route1-introduce.route2-world.route3-index .global-nongshim > * > * > div > span {
  font-size: 16px;
  color: #666;
}
body.route1-introduce.route2-world.route3-index .article-global-network {
  margin: 150px auto 0;
}
body.route1-introduce.route2-world.route3-index .article-global-network > .container {
  padding-right: 0;
  padding-left: 0;
}
body.route1-introduce.route2-world.route3-index .article-global-network .network-map {
  background-color: #f4f4f4;
  text-align: center;
}
body.route1-introduce.route2-world.route3-index .article-global-network .network-map .container {
  max-width: 1243px;
  padding: 90px 0;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area {
  margin: 130px auto 0;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item {
  position: relative;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item + .item {
  border-top: 1px solid #e4e4e4;
  padding-top: 100px;
  margin-top: 100px;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item > dl {
  margin-bottom: 45px;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item > dl dt {
  font-size: 28px;
  color: #539a00;
  padding-left: 35px;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item > dl dd {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  padding-left: 30px;
  margin: 0;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item > dl dd strong {
  font-size: 20px;
  color: #000;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item > dl dd > p {
  word-break: keep-all;
  margin: 15px 0 0;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item .network-info {
  height: 650px;
  text-align: center;
  margin-top: -650px;
  z-index: 2;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item .network-info > a {
  position: absolute;
  top: 30px;
  right: 30px;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 1px solid #fff;
  font-size: 0;
  text-align: center;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item .network-info > a:nth-of-type(2) {
  right: 85px;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item .network-info > a:nth-of-type(3) {
  right: 140px;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item .network-info > ul li {
  display: inline-block;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  color: #fff;
  text-align: center;
  vertical-align: top;
  margin: 158px 70px 0;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item .network-info > ul li > img {
  margin: 40px auto 15px;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item .network-info .bg-box {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 730px;
  height: 210px;
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  text-align: left;
  padding: 27px 30px 27px 60px;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item .network-info .bg-box > strong {
  font-size: 28px;
  text-transform: uppercase;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item .network-info .bg-box > dl {
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0 0;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item .network-info .bg-box > dl > * {
  float: left;
  display: inline-block;
  margin-bottom: 15px;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item .network-info .bg-box > dl dt {
  clear: both;
  width: 36px;
  font-size: 0;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item .network-info .bg-box > dl dd {
  width: calc(100% - 36px);
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item .network-info .bg-box > dl i {
  font-size: 20px;
  color: #96c11f;
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item .network-info .bg-box > dl .icon-map:before {
  content: "";
}
body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area .item .network-info .bg-box > dl .icon-call:before {
  content: "";
}
body.route1-introduce.route2-world.route3-index .tab-area {
  position: relative;
}
body.route1-introduce.route2-world.route3-index .nongshim-inner-tab {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 80px;
  background: #fff;
}
body.route1-introduce.route2-world.route3-index .nongshim-inner-tab::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px solid #f0f0f0;
  opacity: 0;
}
body.route1-introduce.route2-world.route3-index .nongshim-inner-tab .wrap {
  padding-top: 26px;
  padding-bottom: 26px;
}
body.route1-introduce.route2-world.route3-index .nongshim-inner-tab .wrap ul {
  margin: inherit;
  margin-right: -10px;
  margin-left: -10px;
}
body.route1-introduce.route2-world.route3-index .nongshim-inner-tab.fixed {
  position: fixed;
  z-index: 80;
  top: 0;
  left: 0;
  width: 100%;
}
body.route1-introduce.route2-world.route3-index .nongshim-inner-tab.fixed::before {
  opacity: 1;
}
body.route1-introduce.route2-world.route3-index .nongshim-inner-tab.fixed > .wrap {
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
}
body.route1-introduce.route2-world.route3-index .network-item-area {
  padding-top: 120px;
}
@media (min-width: 992px) {
  body.route1-introduce.route2-world.route3-index .nongshim-inner-tab.fixed {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    -moz-transition: -moz-transform 200ms ease-in-out;
    -ms-transition: -ms-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
  }
  body.route1-introduce.route2-world.route3-index.hide-unb .nongshim-inner-tab.fixed {
    -webkit-transform: translateY(150px);
    -moz-transform: translateY(150px);
    -ms-transform: translateY(150px);
    -o-transform: translateY(150px);
    transform: translateY(150px);
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    -moz-transition: -moz-transform 200ms ease-in-out;
    -ms-transition: -ms-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
  }
  body.route1-introduce.route2-world.route3-index.hide-nav .nongshim-inner-tab.fixed {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    -moz-transition: -moz-transform 400ms ease-in-out;
    -ms-transition: -ms-transform 400ms ease-in-out;
    -o-transition: -o-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
  }
  body.route1-introduce.route2-world.route3-index.hide-nav.hide-unb .nongshim-inner-tab.fixed {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 220ms ease-in-out;
    -moz-transition: -moz-transform 220ms ease-in-out;
    -ms-transition: -ms-transform 220ms ease-in-out;
    -o-transition: -o-transform 220ms ease-in-out;
    transition: transform 220ms ease-in-out;
  }
  body.route1-introduce.route2-world.route3-index .tab-area .network-item-area .item + .item > dl dd::before {
    content: "";
    position: absolute;
    left: -20px;
    display: inline-block;
    width: 1px;
    height: 100%;
    background: #e4e4e4;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  body.route1-introduce.route2-world.route3-index .nongshim-inner-tab.fixed > .wrap {
    max-width: 960px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  body.route1-introduce.route2-world.route3-index .nongshim-inner-tab.fixed > .wrap {
    max-width: 1200px;
  }
}
@media (min-width: 992px) {
  body.route1-introduce.route2-world.route3-index .board-header {
    padding: 0 0 30px;
  }
  body.route1-introduce.route2-world.route3-index .board-header .article-title-dot {
    padding-left: 20px;
  }
  body.route1-introduce.route2-world.route3-index .board-header .article-title-dot .title {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  body.route1-introduce.route2-world.route3-index .swiper-container.swiper-global .float-content {
    height: 594px;
  }
  body.route1-introduce.route2-world.route3-index .swiper-container.swiper-network .float-content {
    height: 650px;
  }
  body.route1-introduce.route2-world.route3-index .swiper-container .swiper-scrollbar {
    height: 7px;
  }
}
@media (max-width: 991px) {
  body.route1-introduce.route2-world.route3-index .nongshim-inner-tab {
    overflow-x: scroll;
  }
  body.route1-introduce.route2-world.route3-index .nongshim-inner-tab > .wrap {
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5px;
    white-space: nowrap;
  }
  body.route1-introduce.route2-world.route3-index .nongshim-inner-tab > .wrap > ul {
    margin: 0 -7px;
  }
  body.route1-introduce.route2-world.route3-index .nongshim-inner-tab.fixed {
    top: 50px;
    height: 60px;
  }
  body.route1-introduce.route2-world.route3-index .nongshim-inner-tab.fixed > .wrap {
    width: 100%;
  }
  body.route1-introduce.route2-world.route3-index .nongshim-inner-tab.fixed > .wrap > ul {
    padding: 0 10px;
    margin: 10px 0 0;
  }
  body.route1-introduce.route2-world.route3-index .board-header {
    padding: 0 0 10px;
  }
  body.route1-introduce.route2-world.route3-index .board-header .article-title-dot .title {
    font-size: 24px;
  }
  body.route1-introduce.route2-world.route3-index .swiper-container.swiper-global {
    margin: 0 -30px;
  }
  body.route1-introduce.route2-world.route3-index .swiper-container.swiper-global .swiper-slide {
    width: 100% !important;
  }
  body.route1-introduce.route2-world.route3-index .swiper-container.swiper-global .float-content {
    height: 315px;
  }
  body.route1-introduce.route2-world.route3-index .swiper-container .swiper-scrollbar {
    height: 5px;
  }
  body.route1-introduce.route2-world.route3-index .swiper-container .swiper-pagination {
    bottom: 7px;
    margin: 20px auto 0;
  }
  body.route1-introduce.route2-world.route3-index .swiper-container .swiper-pagination .swiper-pagination-bullet {
    margin: 0 10px !important;
  }
  body.route1-introduce.route2-world.route3-index .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    width: 13px;
    height: 13px;
  }
  body.route1-introduce.route2-world.route3-index .swiper-container.swiper-network .float-content {
    height: 210px;
  }
  body.route1-introduce.route2-world.route3-index .swiper-container.swiper-network .swiper-pagination {
    position: absolute;
    top: 224px;
    bottom: unset;
    margin: 0 auto;
  }
  body.route1-introduce.route2-world.route3-index .global-nongshim {
    padding: 0 20px;
    margin-top: 35px;
  }
  body.route1-introduce.route2-world.route3-index .global-nongshim::after {
    display: block;
    clear: both;
    content: "";
  }
  body.route1-introduce.route2-world.route3-index .global-nongshim > * {
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-introduce.route2-world.route3-index .global-nongshim > * > * {
    padding: 0 20px 0 30px;
  }
  body.route1-introduce.route2-world.route3-index .global-nongshim > * > * + *:not(:last-child) {
    border-top: 1px solid #e4e4e4;
  }
  body.route1-introduce.route2-world.route3-index .global-nongshim > * > * + *:not(:last-child)::before {
    display: none;
  }
  body.route1-introduce.route2-world.route3-index .global-nongshim > * > * img {
    display: inline-block;
    float: left;
    width: 2.429rem;
    height: 2.429rem;
    margin: 25px 30px 25px 0;
  }
  body.route1-introduce.route2-world.route3-index .global-nongshim > * > * > div {
    display: inline-block;
    width: calc(100% - 2.429rem - 30px);
    height: 2.429rem;
    text-align: left;
    margin: 25px 0;
  }
  body.route1-introduce.route2-world.route3-index .global-nongshim > * > * > div strong {
    width: 100%;
    margin: 0;
  }
  body.route1-introduce.route2-world.route3-index .global-nongshim > * > * > div strong:only-child {
    line-height: 2.429rem;
  }
  body.route1-introduce.route2-world.route3-index .global-nongshim > * > * > div > span {
    font-size: 11px;
    letter-spacing: -0.5px;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network {
    margin: 60px auto 0;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .network-map .container {
    max-width: 100%;
    padding: 25px 0;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .network-map .container > img {
    width: 100%;
    height: auto;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area {
    margin: 50px auto 0;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item {
    padding: 0 10px;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item + .item {
    padding-top: 40px;
    margin-top: 20px;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item > dl {
    margin-bottom: 25px;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item > dl dt {
    font-size: 20px;
    padding: 0 10px;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item > dl dd {
    font-size: 13px;
    line-height: 20px;
    padding: 0 10px;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item > dl dd::before {
    content: "";
    display: none;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item > dl dd strong {
    display: block;
    font-size: 16px;
    line-height: 23px;
    margin: 20px 0 15px;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item > dl dd > p {
    margin: 0;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item .network-info {
    position: unset;
    height: auto;
    margin-top: 0;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item .network-info > a {
    top: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item .network-info > a:nth-of-type(2) {
    right: 63px;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item .network-info > a:nth-of-type(3) {
    right: 111px;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item .network-info .bg-box {
    position: unset;
    width: 100%;
    height: auto;
    background: transparent;
    padding: 0;
    margin-top: 55px;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item .network-info .bg-box > strong {
    font-size: 18px;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item .network-info .bg-box > dl {
    font-size: 11px;
    line-height: 18px;
    margin: 10px 0 0;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item .network-info .bg-box > dl > * {
    margin-bottom: 13px;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item .network-info .bg-box > dl dt {
    width: 25px;
    padding-top: 2px;
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item .network-info .bg-box > dl dd {
    width: calc(100% - 25px);
  }
  body.route1-introduce.route2-world.route3-index .article-global-network .tab-area .network-item-area > .item .network-info .bg-box > dl i {
    font-size: 13px;
  }
}
body.route1-introduce.route2-ci .article-contribution.bg_color {
  background: #f6f6f6;
}
body.route1-introduce.route2-ci .title + p {
  font-size: 20px;
  line-height: 34px;
  margin-top: 30px;
}
body.route1-introduce.route2-ci .ci_info dl dt {
  font-weight: bold;
  margin-bottom: 20px;
}
body.route1-introduce.route2-ci .ci_info dl + div, body.route1-introduce.route2-ci .ci_info dl + div + dl {
  margin-top: 88px;
}
body.route1-introduce.route2-ci .ci_info dl dd + dd {
  margin-top: 12px;
}
body.route1-introduce.route2-ci .color_system {
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  margin: 90px auto;
}
body.route1-introduce.route2-ci .color_system li {
  float: left;
  width: 380px;
  height: 380px;
  text-align: center;
  margin: 0 -40px;
}
body.route1-introduce.route2-ci .color_system li p {
  font-size: 18px;
  color: #666;
  margin-top: 20px;
}
body.route1-introduce.route2-ci .color_system li div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 50%;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
body.route1-introduce.route2-ci .color_system li div strong {
  font-size: 24px;
  margin-bottom: 10px;
}
body.route1-introduce.route2-ci .color_system li div span {
  line-height: 25px;
}
body.route1-introduce.route2-ci .signature {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: auto;
}
body.route1-introduce.route2-ci .signature li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(32% - 13px);
  height: 193px;
  border: solid #e4e4e4;
  border-width: 0 2px 2px 0;
  padding: 0;
  margin: 50px 13px 0;
}
body.route1-introduce.route2-ci .btn_wrap {
  text-align: center;
  margin: 60px auto;
}
body.route1-introduce.route2-ci .btn_wrap .btn {
  display: inline-block;
  width: 212px;
  height: 60px;
  border: 1px solid #000;
  border-radius: 60px;
  font-size: 17px;
  font-weight: bold;
  line-height: 60px;
  padding: 0 15px 0 20px;
  margin: 10px;
}
body.route1-introduce.route2-ci .btn_wrap .btn > span {
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 22px;
}
@media (min-width: 992px) {
  body.route1-introduce.route2-ci .article-contribution {
    margin: 100px auto 130px !important;
  }
  body.route1-introduce.route2-ci .article-contribution.bg_color {
    padding: 100px 0 130px;
  }
  body.route1-introduce.route2-ci .full-img-side {
    height: 600px;
  }
  body.route1-introduce.route2-ci .full-img-side .item-img {
    width: 100%;
    height: 600px;
  }
  body.route1-introduce.route2-ci .full-img-side .item-text {
    top: 44px;
    width: 700px;
    height: auto;
    padding: 62px 60px 63px;
    box-shadow: 3px 3px 35px 0px rgba(0, 0, 0, 0.15);
    margin-left: -5px;
  }
  body.route1-introduce.route2-ci .ci_info dl {
    font-size: 18px;
    line-height: 32px;
    padding: 60px 0 0 75px;
  }
  body.route1-introduce.route2-ci .ci_info dl dt {
    font-size: 22px;
  }
  body.route1-introduce.route2-ci .ci_info dl + div, body.route1-introduce.route2-ci .ci_info dl + div + dl {
    margin-top: 88px;
  }
  body.route1-introduce.route2-ci .ci_info dl dd + dd {
    margin-top: 12px;
  }
}
@media (max-width: 991px) {
  body.route1-introduce.route2-ci img.hidden-desktop {
    width: 100%;
    height: auto;
  }
  body.route1-introduce.route2-ci .title + p {
    font-size: 15px;
    line-height: 23px;
    margin-top: 20px;
  }
  body.route1-introduce.route2-ci .article-contribution {
    margin: 50px auto 40px !important;
  }
  body.route1-introduce.route2-ci .article-contribution.bg_color {
    padding: 50px 0 40px;
  }
  body.route1-introduce.route2-ci .full-img-side {
    height: auto;
  }
  body.route1-introduce.route2-ci .full-img-side .item-text {
    position: relative;
    box-shadow: 3px 3px 30px 0px rgba(0, 0, 0, 0.15);
    word-break: keep-all;
    padding: 30px 40px;
  }
  body.route1-introduce.route2-ci .ci_info > div {
    margin: 0 10px;
  }
  body.route1-introduce.route2-ci .ci_info dl {
    font-size: 15px;
    line-height: 23px;
    padding: 30px 0 0 0;
    margin: 0 15px;
  }
  body.route1-introduce.route2-ci .ci_info dl dt {
    font-size: 18px;
  }
  body.route1-introduce.route2-ci .ci_info dl + div {
    margin-top: 50px;
  }
  body.route1-introduce.route2-ci .ci_info dl + div + dl {
    margin-top: 10px;
  }
  body.route1-introduce.route2-ci .color_system {
    background-size: auto 100%;
    margin: 40px auto;
  }
  body.route1-introduce.route2-ci .color_system li {
    width: 175px;
    height: 177px;
    margin: 0 -16px;
  }
  body.route1-introduce.route2-ci .color_system li p {
    font-size: 14px;
    line-height: 20px;
    padding: 0 20px;
    margin-top: 12px;
  }
  body.route1-introduce.route2-ci .color_system li div {
    font-size: 13px;
  }
  body.route1-introduce.route2-ci .color_system li div strong {
    font-size: 16px;
  }
  body.route1-introduce.route2-ci .color_system li div span {
    line-height: 20px;
  }
  body.route1-introduce.route2-ci .signature li {
    width: calc(50% - 7px);
    height: 100px;
    margin: 20px 7px 0 0;
  }
  body.route1-introduce.route2-ci .signature li:nth-of-type(even) {
    margin: 20px 0 0 7px;
  }
  body.route1-introduce.route2-ci .signature li:nth-of-type(-n+2) {
    margin-top: 0;
  }
  body.route1-introduce.route2-ci .signature li > img {
    width: auto;
    height: 50%;
  }
  body.route1-introduce.route2-ci .signature li:nth-of-type(-n+3) > img {
    width: 50%;
    height: auto;
  }
  body.route1-introduce.route2-ci .btn_wrap {
    margin: 40px auto 75px;
  }
  body.route1-introduce.route2-ci .btn_wrap .btn {
    width: calc(50% - 13px);
    height: 43px;
    border-radius: 43px;
    font-size: 14px;
    line-height: 43px;
    padding: 0 15px 0 20px;
    margin: 0;
  }
  body.route1-introduce.route2-ci .btn_wrap .btn > span {
    padding-right: 20px;
  }
  body.route1-introduce.route2-ci .btn_wrap a + a {
    margin-left: 13px;
  }
}
body.route1-introduce.route2-group .text-green01 {
  color: #539a00;
}
@media (min-width: 992px) {
  body.route1-introduce.route2-group .article-group-main .article-title-dot .title {
    font-weight: bold;
  }
}
@media (max-width: 991px) {
  body.route1-introduce.route2-group .article-group-main > .container-side {
    padding: 0;
  }
}
body.route1-introduce.route2-group .group-img-side {
  position: relative;
}
body.route1-introduce.route2-group .group-img-side::after {
  display: block;
  clear: both;
  content: "";
}
body.route1-introduce.route2-group .group-img-side > .container {
  width: 100%;
  height: 100%;
  padding: 0;
}
body.route1-introduce.route2-group .group-img-side .item-img {
  background-size: cover;
  background-position: center;
}
@media (min-width: 992px) {
  body.route1-introduce.route2-group .group-img-side {
    height: 470px;
  }
  body.route1-introduce.route2-group .group-img-side .item-text {
    position: relative;
    top: 40px;
    width: 550px;
    background-color: #fff;
    z-index: 1;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 40px 50px;
    margin-left: -40px;
  }
  body.route1-introduce.route2-group .group-img-side .item-text strong {
    position: relative;
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 30px;
    color: #539a00;
    padding-right: 30px;
  }
  body.route1-introduce.route2-group .group-img-side .item-text strong::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #539a00;
    letter-spacing: -1px;
  }
  body.route1-introduce.route2-group .group-img-side .item-text strong span {
    color: #999;
  }
  body.route1-introduce.route2-group .group-img-side .item-text p {
    font-size: 20px;
    margin-bottom: 0;
  }
  body.route1-introduce.route2-group .group-img-side .item-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 65%;
    height: 470px;
  }
}
@media (max-width: 991px) {
  body.route1-introduce.route2-group .group-img-side .item-text {
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 30px;
  }
  body.route1-introduce.route2-group .group-img-side .item-text strong {
    position: relative;
    display: inline-block;
    padding-right: 30px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  body.route1-introduce.route2-group .group-img-side .item-text strong::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    display: block;
    width: 400px;
    height: 1px;
    background-color: #539a00;
  }
  body.route1-introduce.route2-group .group-img-side .item-text strong span {
    color: #999;
  }
  body.route1-introduce.route2-group .group-img-side .item-text p {
    font-size: 14px;
    margin-bottom: 0;
  }
  body.route1-introduce.route2-group .group-img-side .item-img {
    height: 240px;
  }
}
@media (min-width: 992px) {
  body.route1-introduce.route2-group .group-img-side.full-img-side-reverse .item-text {
    margin: 0 0 0 auto;
  }
  body.route1-introduce.route2-group .group-img-side.full-img-side-reverse .item-img {
    right: auto;
    left: 0;
  }
}
body.route1-introduce.route2-group .table-group-vertical {
  width: 100%;
  border-top: solid 3px #000;
}
body.route1-introduce.route2-group .table-group-vertical tr th, body.route1-introduce.route2-group .table-group-vertical tr td {
  border-bottom: solid 1px #e5e5e5;
  vertical-align: top;
  line-height: 1.75em;
}
body.route1-introduce.route2-group .table-group-vertical tr td {
  color: #666666;
}
@media (min-width: 992px) {
  body.route1-introduce.route2-group .table-group-vertical th, body.route1-introduce.route2-group .table-group-vertical td {
    height: 80px;
    padding: 26px 20px;
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  body.route1-introduce.route2-group .table-group-vertical th, body.route1-introduce.route2-group .table-group-vertical td {
    height: 50px;
    padding: 12.75px 20px;
    font-size: 14px;
  }
}
body.route1-introduce.route2-group .group-diagram-container {
  position: relative;
  text-align: center;
}
body.route1-introduce.route2-group .group-diagram-container .group-diagram-tag {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  body.route1-introduce.route2-group .group-diagram-container .group-diagram-tag {
    position: absolute;
    right: 0;
    top: 0;
  }
}
body.route1-introduce.route2-group .cont-box {
  padding: 70px 30px;
  border: solid #e4e4e4;
  border-width: 0 2px 2px 0;
  text-align: center;
  font-size: 20px;
}
body.route1-introduce.route2-group.route3-engineering .number-card-list, body.route1-introduce.route2-group.route3-hotel .number-card-list {
  margin-bottom: 50px;
}
body.route1-introduce.route2-group.route3-engineering .number-card-list .number, body.route1-introduce.route2-group.route3-hotel .number-card-list .number {
  margin: 0 auto 40px auto;
}
@media (max-width: 991px) {
  body.route1-introduce.route2-group.route3-engineering .number-card-list .number, body.route1-introduce.route2-group.route3-hotel .number-card-list .number {
    margin: 0;
  }
  body.route1-introduce.route2-group.route3-engineering .number-card-list .desc strong, body.route1-introduce.route2-group.route3-hotel .number-card-list .desc strong {
    font-size: 22px;
    margin-bottom: 10px !important;
  }
}
body.route1-introduce.route2-group.route3-engineering .number-card-list .desc, body.route1-introduce.route2-group.route3-hotel .number-card-list .desc {
  font-size: 16px;
  color: #666;
  margin-top: 12px;
}
body.route1-introduce.route2-group.route3-engineering .number-card-list .desc::before, body.route1-introduce.route2-group.route3-hotel .number-card-list .desc::before {
  border: 0 none;
}
body.route1-introduce.route2-group.route3-engineering .number-card-list .desc strong, body.route1-introduce.route2-group.route3-hotel .number-card-list .desc strong {
  display: block;
  font-size: 28px;
  margin-bottom: 30px;
  color: #000;
}
body.route1-introduce.route2-group.route3-engineering .number-card-list .desc em, body.route1-introduce.route2-group.route3-hotel .number-card-list .desc em {
  display: block;
  font-size: 20px;
  color: #000;
  margin-bottom: 10px;
  letter-spacing: -1px;
  line-height: 34px;
  font-style: normal;
}
body.route1-introduce.route2-group.route3-youlchonfoundation .group-cont-box p {
  font-size: 20px;
}
body.route1-introduce.route2-group.route3-youlchonfoundation .group-cont-box .item-img {
  height: 316px;
  background-size: cover;
  background-position: center;
}
@media (max-width: 991px) {
  body.route1-introduce.route2-group.route3-youlchonfoundation .group-cont-box .item-img {
    height: 350px;
    margin-bottom: 50px;
  }
}

body.route1-management article.article-dummy > .container {
  padding-right: 0;
  padding-left: 0;
}
body.route1-management article.article-dummy > .container img {
  margin-left: -360px;
}
body.route1-management article.article-dummy > img {
  display: block;
  width: 100%;
  vertical-align: top;
}
body.route1-management ._ns {
  font-family: "Noto Sans KR", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body.route1-management.route2-overview #view-container article.article-management-overview {
  margin-bottom: 0;
}
body.route1-management.route2-overview .overview-header .article-title-dot {
  margin-bottom: 0;
}
body.route1-management.route2-overview .overview-header .article-title-dot .title {
  margin-bottom: 0;
}
body.route1-management.route2-overview .overview-visual {
  position: relative;
}
body.route1-management.route2-overview .overview-visual > .container {
  width: 100%;
  height: 100%;
  padding: 0;
}
body.route1-management.route2-overview .overview-visual > .container::after {
  content: "";
  display: block;
  position: relative;
  clear: both;
}
body.route1-management.route2-overview .overview-visual .item-img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-overview .overview-visual .item-text {
  position: relative;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}
body.route1-management.route2-overview .overview-visual .item-text .line-1, body.route1-management.route2-overview .overview-visual .item-text .line-2 {
  display: block;
  position: absolute;
  z-index: 1;
}
body.route1-management.route2-overview .overview-visual .item-text .line-1::before, body.route1-management.route2-overview .overview-visual .item-text .line-1::after, body.route1-management.route2-overview .overview-visual .item-text .line-2::before, body.route1-management.route2-overview .overview-visual .item-text .line-2::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #96c11f;
}
body.route1-management.route2-overview .overview-visual .item-text .line-1 .dot, body.route1-management.route2-overview .overview-visual .item-text .line-2 .dot {
  overflow: hidden;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #96c11f;
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(50%);
  -moz-transform: translateX(-50%) translateY(50%);
  -ms-transform: translateX(-50%) translateY(50%);
  -o-transform: translateX(-50%) translateY(50%);
  transform: translateX(-50%) translateY(50%);
}
body.route1-management.route2-overview .overview-visual .item-text .line-1 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.route1-management.route2-overview .overview-visual .item-text .line-1::before, body.route1-management.route2-overview .overview-visual .item-text .line-1::after {
  top: 0;
  left: 0;
}
body.route1-management.route2-overview .overview-visual .item-text .line-1::before {
  width: 100%;
}
body.route1-management.route2-overview .overview-visual .item-text .line-1::after {
  height: 100%;
}
body.route1-management.route2-overview .overview-visual .item-text .line-2 {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
body.route1-management.route2-overview .overview-visual .item-text .line-2::before, body.route1-management.route2-overview .overview-visual .item-text .line-2::after {
  right: 0;
  bottom: 0;
}
body.route1-management.route2-overview .overview-visual .item-text .line-2::before {
  width: 100%;
}
body.route1-management.route2-overview .overview-visual .item-text .line-2::after {
  height: 100%;
}
body.route1-management.route2-overview .overview-visual .item-text strong {
  display: inline-block;
  position: relative;
  font-weight: 600;
}
body.route1-management.route2-overview .overview-visual .item-text strong::before, body.route1-management.route2-overview .overview-visual .item-text strong::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-size: 100%;
}
body.route1-management.route2-overview .overview-visual .item-text strong::before {
  background-image: url("../images/common/quote-open.svg");
  vertical-align: top;
}
body.route1-management.route2-overview .overview-visual .item-text strong::after {
  background-image: url("../images/common/quote-close.svg");
  vertical-align: bottom;
}
body.route1-management.route2-overview .overview-visual .item-text p {
  margin-bottom: 0;
  word-break: keep-all;
}
body.route1-management.route2-overview .overview-content .management-list .management-item {
  display: flex;
}
body.route1-management.route2-overview .overview-content .management-list .management-item .figure {
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-overview .overview-content .management-list .management-item .info a {
  display: flex;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #000;
  flex-direction: column;
}
body.route1-management.route2-overview .overview-content .management-list .management-item .info a .desc {
  position: relative;
}
body.route1-management.route2-overview .overview-content .management-list .management-item .info a .desc::before {
  content: "";
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #96c11f;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.route1-management.route2-overview .overview-content .management-list .management-item .info a .more {
  color: #999;
  font-weight: 400;
}
body.route1-management.route2-overview .overview-content .management-list .management-item:nth-child(odd) {
  background-color: #f4f4f4;
}
body.route1-management.route2-overview .overview-close {
  overflow: hidden;
  position: relative;
}
body.route1-management.route2-overview .overview-close > .container {
  width: 100%;
  height: 100%;
  padding: 0;
}
body.route1-management.route2-overview .overview-close > .container::after {
  content: "";
  display: block;
  position: relative;
  clear: both;
}
body.route1-management.route2-overview .overview-close .item-img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-overview .overview-close .item-text {
  position: relative;
  text-align: center;
  color: #fff;
}
body.route1-management.route2-overview .overview-close .item-text .line-1, body.route1-management.route2-overview .overview-close .item-text .line-2 {
  display: block;
  position: absolute;
  z-index: 1;
}
body.route1-management.route2-overview .overview-close .item-text .line-1::before, body.route1-management.route2-overview .overview-close .item-text .line-1::after, body.route1-management.route2-overview .overview-close .item-text .line-2::before, body.route1-management.route2-overview .overview-close .item-text .line-2::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
}
body.route1-management.route2-overview .overview-close .item-text .line-1 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.route1-management.route2-overview .overview-close .item-text .line-1::before, body.route1-management.route2-overview .overview-close .item-text .line-1::after {
  top: 0;
  left: 0;
}
body.route1-management.route2-overview .overview-close .item-text .line-1::before {
  width: 100%;
}
body.route1-management.route2-overview .overview-close .item-text .line-1::after {
  height: 100%;
}
body.route1-management.route2-overview .overview-close .item-text .line-2 {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
body.route1-management.route2-overview .overview-close .item-text .line-2::before, body.route1-management.route2-overview .overview-close .item-text .line-2::after {
  right: 0;
  bottom: 0;
}
body.route1-management.route2-overview .overview-close .item-text .line-2::before {
  width: 100%;
}
body.route1-management.route2-overview .overview-close .item-text .line-2::after {
  height: 100%;
}
body.route1-management.route2-overview .overview-close .item-text .dot {
  overflow: hidden;
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  background-color: #96c11f;
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
body.route1-management.route2-overview .overview-close .item-text strong {
  text-transform: uppercase;
}
@media (min-width: 992px) {
  body.route1-management.route2-overview .jumbotron-header {
    margin-bottom: 60px;
  }
  body.route1-management.route2-overview .overview-header {
    margin-bottom: 45px;
  }
  body.route1-management.route2-overview .overview-header .article-title-dot .title {
    padding-top: 39px;
    font-size: 36px;
    line-height: 42px;
  }
  body.route1-management.route2-overview .overview-visual {
    height: 710px;
  }
  body.route1-management.route2-overview .overview-visual .item-img {
    height: 710px;
  }
  body.route1-management.route2-overview .overview-visual .item-text {
    top: 160px;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding: 55px 124px 75px;
  }
  body.route1-management.route2-overview .overview-visual .item-text .line-1 {
    top: -30px;
    left: -50px;
    width: calc(100% + 90px);
    height: calc(100% + 260px);
  }
  body.route1-management.route2-overview .overview-visual .item-text .line-1::before {
    height: 1px;
  }
  body.route1-management.route2-overview .overview-visual .item-text .line-1::after {
    width: 1px;
  }
  body.route1-management.route2-overview .overview-visual .item-text .line-1 .dot {
    width: 36px;
    height: 36px;
  }
  body.route1-management.route2-overview .overview-visual .item-text .line-2 {
    bottom: -60px;
    right: 30px;
    width: calc(100% + 80px);
    height: calc(100% + 120px);
  }
  body.route1-management.route2-overview .overview-visual .item-text .line-2::before {
    height: 2px;
  }
  body.route1-management.route2-overview .overview-visual .item-text .line-2::after {
    width: 2px;
  }
  body.route1-management.route2-overview .overview-visual .item-text strong {
    margin-bottom: 35px;
    font-size: 28px;
    line-height: 40px;
  }
  body.route1-management.route2-overview .overview-visual .item-text strong::before, body.route1-management.route2-overview .overview-visual .item-text strong::after {
    width: 15px;
    height: 12px;
    line-height: 12px;
  }
  body.route1-management.route2-overview .overview-visual .item-text strong::before {
    top: 2px;
    margin-left: -23px;
  }
  body.route1-management.route2-overview .overview-visual .item-text strong::after {
    bottom: 21px;
    margin-left: 10px;
  }
  body.route1-management.route2-overview .overview-visual .item-text p {
    margin-right: -4px;
    margin-left: -4px;
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-overview .overview-content {
    margin-top: 120px;
  }
  body.route1-management.route2-overview .overview-content .management-list .management-item {
    height: 520px;
  }
  body.route1-management.route2-overview .overview-content .management-list .management-item > div {
    width: 50%;
  }
  body.route1-management.route2-overview .overview-content .management-list .management-item .info {
    padding-top: 92px;
    padding-bottom: 38px;
  }
  body.route1-management.route2-overview .overview-content .management-list .management-item .info a strong {
    margin-bottom: 40px;
    font-size: 28px;
    line-height: 34px;
  }
  body.route1-management.route2-overview .overview-content .management-list .management-item .info a .desc {
    padding-top: 55px;
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-overview .overview-content .management-list .management-item .info a .desc::before {
    width: 22px;
    height: 22px;
  }
  body.route1-management.route2-overview .overview-content .management-list .management-item .info a .more {
    margin-top: auto;
    opacity: 0;
    -webkit-transition: opacity 80ms ease-in-out;
    -moz-transition: opacity 80ms ease-in-out;
    -ms-transition: opacity 80ms ease-in-out;
    -o-transition: opacity 80ms ease-in-out;
    transition: opacity 80ms ease-in-out;
  }
  body.route1-management.route2-overview .overview-content .management-list .management-item .info a:hover .more {
    opacity: 1;
  }
  body.route1-management.route2-overview .overview-close {
    height: 710px;
    margin-top: 100px;
  }
  body.route1-management.route2-overview .overview-close .item-img {
    height: 710px;
  }
  body.route1-management.route2-overview .overview-close .item-text {
    top: 155px;
    left: 50%;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 98px;
    padding-bottom: 158px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body.route1-management.route2-overview .overview-close .item-text .line-1 {
    left: 110px;
    width: calc(100% - 278px);
    height: calc(100% - 56px);
  }
  body.route1-management.route2-overview .overview-close .item-text .line-1::before {
    height: 1px;
  }
  body.route1-management.route2-overview .overview-close .item-text .line-1::after {
    width: 1px;
  }
  body.route1-management.route2-overview .overview-close .item-text .line-2 {
    right: 116px;
    width: calc(100% - 218px);
    height: calc(100% + 28px);
  }
  body.route1-management.route2-overview .overview-close .item-text .line-2::before {
    height: 2px;
  }
  body.route1-management.route2-overview .overview-close .item-text .line-2::after {
    width: 2px;
  }
  body.route1-management.route2-overview .overview-close .item-text .dot {
    width: 12px;
    height: 12px;
  }
  body.route1-management.route2-overview .overview-close .item-text strong {
    white-space: nowrap;
    font-size: 54px;
    line-height: 84px;
    letter-spacing: 11px;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-overview .overview-header {
    margin-bottom: 21px;
  }
  body.route1-management.route2-overview .overview-header .article-title-dot .title {
    padding-top: 26px;
    font-size: 24px;
    line-height: 30px;
  }
  body.route1-management.route2-overview .overview-header .article-title-dot .title::before {
    width: 15px;
    height: 15px;
  }
  body.route1-management.route2-overview .overview-visual {
    height: 450px;
  }
  body.route1-management.route2-overview .overview-visual .container {
    padding-right: 20px;
    padding-left: 20px;
  }
  body.route1-management.route2-overview .overview-visual .item-img {
    height: 450px;
  }
  body.route1-management.route2-overview .overview-visual .item-text {
    top: 50%;
    width: 100%;
    padding: 30px 40px 36px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  body.route1-management.route2-overview .overview-visual .item-text .line-1 {
    top: -15px;
    left: 20px;
    width: calc(100% - 20px);
    height: calc(100% + 105px);
  }
  body.route1-management.route2-overview .overview-visual .item-text .line-1::before {
    height: 1px;
  }
  body.route1-management.route2-overview .overview-visual .item-text .line-1::after {
    width: 1px;
  }
  body.route1-management.route2-overview .overview-visual .item-text .line-1 .dot {
    width: 18px;
    height: 18px;
  }
  body.route1-management.route2-overview .overview-visual .item-text .line-2 {
    bottom: -25px;
    right: 10px;
    width: calc(100% - 10px);
    height: calc(100% + 54px);
  }
  body.route1-management.route2-overview .overview-visual .item-text .line-2::before {
    height: 1px;
  }
  body.route1-management.route2-overview .overview-visual .item-text .line-2::after {
    width: 1px;
  }
  body.route1-management.route2-overview .overview-visual .item-text strong {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 25px;
  }
  body.route1-management.route2-overview .overview-visual .item-text strong::before, body.route1-management.route2-overview .overview-visual .item-text strong::after {
    width: 8px;
    height: 7px;
    line-height: 7px;
  }
  body.route1-management.route2-overview .overview-visual .item-text strong::before {
    top: 2px;
    margin-left: -10px;
  }
  body.route1-management.route2-overview .overview-visual .item-text strong::after {
    bottom: 17px;
    margin-left: 4px;
  }
  body.route1-management.route2-overview .overview-visual .item-text p {
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-management.route2-overview .overview-content {
    margin-top: 58px;
  }
  body.route1-management.route2-overview .overview-content .management-list .management-item {
    flex-direction: column;
  }
  body.route1-management.route2-overview .overview-content .management-list .management-item > div {
    width: 100%;
  }
  body.route1-management.route2-overview .overview-content .management-list .management-item .figure {
    height: 200px;
  }
  body.route1-management.route2-overview .overview-content .management-list .management-item .info a {
    padding-top: 27px;
    padding-bottom: 22px;
  }
  body.route1-management.route2-overview .overview-content .management-list .management-item .info a strong {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-management.route2-overview .overview-content .management-list .management-item .info a .desc {
    padding-top: 22px;
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-management.route2-overview .overview-content .management-list .management-item .info a .desc::before {
    width: 11px;
    height: 11px;
  }
  body.route1-management.route2-overview .overview-content .management-list .management-item .info a .more {
    margin-top: 10px;
  }
  body.route1-management.route2-overview .overview-close {
    height: 355px;
    margin-top: 25px;
  }
  body.route1-management.route2-overview .overview-close .item-img {
    height: 355px;
  }
  body.route1-management.route2-overview .overview-close .item-text {
    top: 50%;
    padding-top: 48px;
    padding-bottom: 38px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  body.route1-management.route2-overview .overview-close .item-text .line-1 {
    left: 20px;
    width: calc(100% - 67px);
    height: calc(100% - 26px);
  }
  body.route1-management.route2-overview .overview-close .item-text .line-1::before {
    height: 1px;
  }
  body.route1-management.route2-overview .overview-close .item-text .line-1::after {
    width: 1px;
  }
  body.route1-management.route2-overview .overview-close .item-text .line-2 {
    right: 20px;
    width: calc(100% - 35px);
    height: calc(100% + 14px);
  }
  body.route1-management.route2-overview .overview-close .item-text .line-2::before {
    height: 1px;
  }
  body.route1-management.route2-overview .overview-close .item-text .line-2::after {
    width: 1px;
  }
  body.route1-management.route2-overview .overview-close .item-text .dot {
    width: 9px;
    height: 9px;
  }
  body.route1-management.route2-overview .overview-close .item-text strong {
    font-size: 27px;
    line-height: 42px;
    letter-spacing: 5px;
  }
}
body.route1-management.route2-social .full-img-side {
  position: relative;
}
body.route1-management.route2-social .full-img-side::after {
  display: block;
  clear: both;
  content: "";
}
body.route1-management.route2-social .full-img-side > .container {
  width: 100%;
  height: 100%;
  padding: 0;
}
body.route1-management.route2-social .full-img-side .item-img {
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-social .full-img-side .item-text strong {
  display: inline-block;
  position: relative;
  font-weight: 600;
}
body.route1-management.route2-social .full-img-side .item-text strong::before, body.route1-management.route2-social .full-img-side .item-text strong::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-size: 100%;
}
body.route1-management.route2-social .full-img-side .item-text strong::before {
  background-image: url("../images/common/quote-open.svg");
  vertical-align: top;
}
body.route1-management.route2-social .full-img-side .item-text strong::after {
  background-image: url("../images/common/quote-close.svg");
  vertical-align: bottom;
}
@media (min-width: 992px) {
  body.route1-management.route2-social .full-img-side {
    height: 760px;
  }
  body.route1-management.route2-social .full-img-side .item-text {
    position: absolute;
    top: 50%;
    width: 745px;
    height: 416px;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 55px 84px;
    margin-left: -60px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  body.route1-management.route2-social .full-img-side .item-text strong {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 38px;
  }
  body.route1-management.route2-social .full-img-side .item-text strong::before, body.route1-management.route2-social .full-img-side .item-text strong::after {
    width: 15px;
    height: 12px;
    line-height: 12px;
  }
  body.route1-management.route2-social .full-img-side .item-text strong::before {
    top: 2px;
    margin-left: -23px;
  }
  body.route1-management.route2-social .full-img-side .item-text strong::after {
    bottom: 21px;
    margin-left: 10px;
  }
  body.route1-management.route2-social .full-img-side .item-text p {
    margin-right: -4px;
    margin-left: -4px;
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-social .full-img-side .item-img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 760px;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-social .full-img-side .item-text {
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 30px 30px 36px;
  }
  body.route1-management.route2-social .full-img-side .item-text strong {
    display: block;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 25px;
  }
  body.route1-management.route2-social .full-img-side .item-text strong::before, body.route1-management.route2-social .full-img-side .item-text strong::after {
    width: 8px;
    height: 7px;
    line-height: 7px;
  }
  body.route1-management.route2-social .full-img-side .item-text strong::before {
    top: 2px;
    margin-left: -10px;
  }
  body.route1-management.route2-social .full-img-side .item-text strong::after {
    bottom: 17px;
    margin-left: 4px;
  }
  body.route1-management.route2-social .full-img-side .item-text p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-management.route2-social .full-img-side .item-img {
    height: 260px;
  }
}
body.route1-management.route2-social.route3-contribution_activity .sub-title {
  color: #539a00;
}
@media (min-width: 992px) {
  body.route1-management.route2-social.route3-contribution_activity .sub-title {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-social.route3-contribution_activity .sub-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
  }
}
body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content {
  display: flex;
}
body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column {
  display: flex;
  flex-direction: column;
}
body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column > div {
  order: 0;
}
body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column .figure {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column .figure img {
  display: block;
  position: absolute;
  width: 100%;
  height: auto;
}
body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column .desc strong {
  position: relative;
  display: inline-block;
  font-weight: 400;
}
body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column:nth-child(even) .figure {
  order: 1;
}
body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content {
  background-color: #f4f4f4;
}
body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper #committee-swiper .swiper-wrapper .swiper-slide {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper #committee-swiper .swiper-wrapper .swiper-slide .swiper-item {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper .committee-navigation {
  position: relative;
}
body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper .committee-navigation > ul li a {
  display: block;
  position: relative;
  text-align: center;
  border: solid #e4e4e4;
  border-width: 0 2px 2px 0;
  color: #666;
  -webkit-transition: border-color 120ms ease-in-out, color 120ms ease-in-out;
  -moz-transition: border-color 120ms ease-in-out, color 120ms ease-in-out;
  -ms-transition: border-color 120ms ease-in-out, color 120ms ease-in-out;
  -o-transition: border-color 120ms ease-in-out, color 120ms ease-in-out;
  transition: border-color 120ms ease-in-out, color 120ms ease-in-out;
}
body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper .committee-navigation > ul li a.active {
  border-color: #539a00;
  color: #000;
}
@media (min-width: 992px) {
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .article-title-dot .title {
    margin-bottom: 0;
    padding-top: 50px;
    font-size: 36px;
    line-height: 42px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-overview .container {
    padding-right: 20px;
    padding-left: 20px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content {
    padding-top: 40px;
    justify-content: space-between;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column {
    width: calc(50% - 58px);
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column > div {
    order: 0;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column .desc {
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column .desc strong {
    box-shadow: inset 0 -2px #539a00;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column:nth-child(odd) .figure {
    margin-bottom: auto;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column:nth-child(odd) .desc {
    padding-top: 30px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column:nth-child(even) .figure {
    margin-top: auto;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column:nth-child(even) .desc {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content {
    margin-top: 80px;
    padding-bottom: 200px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper {
    display: flex;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper #committee-swiper {
    width: 667px;
    height: 560px;
    margin-top: -40px;
    margin-left: -65px;
    margin-right: inherit;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper .committee-navigation {
    display: flex;
    padding-left: 90px;
    flex: 1;
    align-items: center;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper .committee-navigation > ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -35px;
    margin-bottom: -20px;
    margin-left: -35px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper .committee-navigation > ul li {
    width: 175px;
    height: 55px;
    margin-right: 35px;
    margin-left: 35px;
    margin-bottom: 20px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper .committee-navigation > ul li a {
    padding-top: 11px;
    padding-bottom: 7px;
    font-size: 18px;
    line-height: 34px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-pagination {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 90px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-pagination .swiper-pagination {
    position: relative;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy {
    padding-top: 45px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content {
    padding-top: 25px;
    flex-direction: column;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column {
    width: 100%;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column .desc {
    font-size: 14px;
    line-height: 23px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column .desc strong {
    box-shadow: inset 0 -1px #539a00;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column:nth-child(odd) .desc {
    padding-top: 25px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column:nth-child(even) .desc {
    padding-bottom: 25px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-philosophy .philosophy-content .column + .column {
    margin-top: 20px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee {
    padding-top: 45px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content {
    margin-top: 25px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .container {
    max-width: inherit;
    padding-right: 0;
    padding-left: 0;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper #committee-swiper {
    width: 100%;
    height: 0;
    padding-bottom: 74.66%;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper #committee-swiper .swiper-wrapper {
    position: absolute;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper .committee-navigation {
    display: flex;
    max-width: 540px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 40px;
    flex: 1;
    align-items: center;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper .committee-navigation > ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper .committee-navigation > ul li {
    width: 50%;
    height: 45px;
    margin-bottom: 15px;
    padding-right: 10px;
    padding-left: 10px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper .committee-navigation > ul li a {
    padding-top: 13px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper .committee-navigation > ul li:nth-child(2n+1):nth-last-child(-n+2), body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-swiper .committee-navigation > ul li:nth-child(2n+1):nth-last-child(-n+2) ~ li {
    margin-bottom: 0;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-pagination {
    padding-top: 15px;
    padding-bottom: 20px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-contribution .contribution-committee .committee-content .committee-pagination .swiper-pagination {
    position: relative;
  }
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major #activity-swiper .swiper-wrapper .swiper-slide .swiper-item {
  display: block;
  position: relative;
  width: 100%;
  pointer-events: none;
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major #activity-swiper .swiper-wrapper .swiper-slide .swiper-item .img-container {
  height: 100%;
  background-position: center;
  background-size: cover;
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major #activity-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  justify-content: center;
  align-items: center;
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major #activity-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info .tit {
  background-color: rgba(255, 255, 255, 0.95);
  color: #539a00;
  font-weight: 600;
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info {
  position: relative;
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container {
  position: relative;
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container .paging {
  color: #539a00;
  font-weight: 600;
  white-space: nowrap;
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container .paging span {
  display: inline-block;
  vertical-align: top;
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container .paging span.total {
  position: relative;
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container .paging span.total::before {
  content: "/";
  display: inline-block;
  position: relative;
  vertical-align: top;
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container .info .info-item {
  display: none;
  visibility: hidden;
  opacity: 0;
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container .info .info-item.active {
  display: block;
  visibility: visible;
  opacity: 1;
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .container {
  position: relative;
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px solid #e8e8e8;
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column {
  display: flex;
  flex-direction: column;
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column .figure {
  position: relative;
  width: 100%;
}
body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column .figure img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: top;
}
@media (min-width: 992px) {
  body.route1-management.route2-social.route3-contribution_activity .article-activity .article-title-dot .title {
    margin-bottom: 0;
    padding-top: 50px;
    font-size: 36px;
    line-height: 42px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-content {
    padding-top: 34px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major #activity-swiper .swiper-wrapper .swiper-slide {
    width: 740px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major #activity-swiper .swiper-wrapper .swiper-slide .swiper-item {
    height: 416px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major #activity-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info {
    opacity: 0;
    -webkit-transition: opacity 120ms ease-in-out;
    -moz-transition: opacity 120ms ease-in-out;
    -ms-transition: opacity 120ms ease-in-out;
    -o-transition: opacity 120ms ease-in-out;
    transition: opacity 120ms ease-in-out;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major #activity-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-item {
    pointer-events: auto;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major #activity-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-item .swiper-info {
    visibility: visible;
    opacity: 1;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major #activity-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-item .swiper-info .tit {
    padding: 11px 48px;
    font-size: 28px;
    line-height: 34px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info {
    padding-bottom: 150px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container {
    max-width: 740px;
    margin-top: 35px;
    margin-right: auto;
    margin-left: auto;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container .paging {
    position: absolute;
    top: 5px;
    left: 3.5%;
    font-size: 16px;
    line-height: 20px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container .paging span.total::before {
    padding-right: 2px;
    padding-left: 4px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container .info {
    padding-left: 22.5%;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container .info .info-item {
    display: none;
    visibility: hidden;
    opacity: 0;
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container .info .info-item.active {
    display: block;
    visibility: visible;
    opacity: 1;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .swiper-pagination {
    bottom: 90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .sub-title {
    padding-top: 95px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content {
    display: flex;
    padding-top: 100px;
    justify-content: space-between;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column {
    display: flex;
    width: 28.4%;
    flex-direction: column;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column > div {
    order: 0;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column .info strong {
    font-size: 22px;
    line-height: 28px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column .info .desc {
    font-size: 16px;
    line-height: 30px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column .info strong + .desc {
    margin-top: 25px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column:nth-child(odd) .figure {
    order: 1;
    margin-top: auto;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column:nth-child(odd) .info {
    margin-top: -2px;
    padding-bottom: 48px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column:nth-child(even) .figure {
    margin-bottom: auto;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column:nth-child(even) .info {
    padding-top: 48px;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major #activity-swiper .swiper-wrapper .swiper-slide {
    width: calc(100% - 80px);
    max-width: 78.66%;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major #activity-swiper .swiper-wrapper .swiper-slide .swiper-item {
    height: calc(100vw * 0.7866 * 0.8474);
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major #activity-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info .tit {
    padding: 7px 24px;
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info {
    padding-bottom: 45px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container {
    display: flex;
    max-width: 540px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container .paging {
    margin-right: auto;
    margin-top: 3px;
    font-size: 16px;
    line-height: 20px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container .paging span.total::before {
    padding-right: 2px;
    padding-left: 4px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container .info {
    width: 80%;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container .info .info-item {
    display: none;
    visibility: hidden;
    opacity: 0;
    font-size: 14px;
    line-height: 23px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .info-container .info .info-item.active {
    display: block;
    visibility: visible;
    opacity: 1;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .activity-pagination {
    padding-top: 15px;
    padding-bottom: 20px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-major .activity-info .activity-pagination .swiper-pagination {
    position: relative;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .container::before {
    right: 20px;
    left: 20px;
    width: calc(100% - 40px);
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .sub-title {
    padding-top: 48px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content {
    padding-top: 22px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column {
    display: flex;
    flex-direction: column;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column .figure {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    margin-top: 24px;
    padding-bottom: 65%;
    order: 1;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column .figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    vertical-align: top;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column .info strong {
    font-size: 16px;
    line-height: 22px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column .info .desc {
    font-size: 13px;
    line-height: 22px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column .info strong + .desc {
    margin-top: 10px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-activity .activity-serve .serve-content .column + .column {
    margin-top: 36px;
  }
}
body.route1-management.route2-social.route3-contribution_activity .article-news .news-content {
  background-color: #f4f4f4;
}
body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .nongshim-inner-search .wrap input {
  background-color: transparent;
}
body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a {
  display: flex;
  background-color: #fff;
  color: #000;
}
body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .thumb {
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1;
}
body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info span.desc {
  overflow: hidden;
  display: -webkit-box;
  color: #999;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info span.date {
  color: #666;
}
body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info b.more {
  font-weight: 400;
}
@media (min-width: 992px) {
  body.route1-management.route2-social.route3-contribution_activity .article-news .article-title-dot .title {
    margin-bottom: 0;
    padding-top: 50px;
    font-size: 36px;
    line-height: 42px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .container {
    padding-right: 20px;
    padding-left: 20px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content {
    padding-top: 55px;
    padding-bottom: 120px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .container {
    padding-right: 0;
    padding-left: 0;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .nongshim-inner-search .wrap input {
    font-size: 18px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list {
    padding-top: 5px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a {
    height: 260px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .thumb {
    width: 38.33%;
    height: 100%;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info {
    padding: 48px 40px 45px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info strong {
    font-size: 28px;
    line-height: 34px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info span.desc {
    font-size: 16px;
    line-height: 30px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info strong + span.desc {
    margin-top: 28px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info span.date {
    margin-top: auto;
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info b.more {
    position: absolute;
    bottom: 40px;
    right: 40px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li + li {
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .container {
    padding-right: 20px;
    padding-left: 20px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .nongshim-inner-search .wrap input {
    font-size: 14px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list {
    padding-top: 30px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a {
    flex-direction: column;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .thumb {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 44.78%;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info {
    padding: 22px 20px 18px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info strong {
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info span.desc {
    max-height: 42px;
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info strong + span.desc {
    margin-top: 6px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info span.date {
    font-size: 13px;
    line-height: 20px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info span.desc + span.date {
    margin-top: 38px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li a .info b.more {
    position: absolute;
    bottom: 20px;
    right: 20px;
  }
  body.route1-management.route2-social.route3-contribution_activity .article-news .news-content .news-list > ul li + li {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  body.route1-management.route2-social.route3-contribution_activity #view-container article.article-board-body {
    margin-bottom: 150px;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-social.route3-contribution_activity #view-container article.article-board-body {
    margin-bottom: 75px;
  }
}
body.route1-management.route2-social.route3-contribution_activity .board-header {
  padding: 0;
}
body.route1-management.route2-social.route3-contribution_activity .board-header .header-info dl {
  margin: 0 20px;
}
body.route1-management.route2-social.route3-contribution_activity .board-header .header-info dl dt {
  margin-right: 10px;
}
body.route1-management.route2-social.route3-contribution_activity .board-header .header-info dl dd {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  body.route1-management.route2-social.route3-contribution_activity .board-header .article-title-dot {
    margin-bottom: 25px;
  }
  body.route1-management.route2-social.route3-contribution_activity .board-header .header-info dl + dl {
    position: relative;
  }
  body.route1-management.route2-social.route3-contribution_activity .board-header .header-info dl + dl::before {
    content: "";
    position: absolute;
    top: 5px;
    left: -22px;
    height: 15px;
    width: 0;
    border-right: solid 1px #ccc;
  }
  body.route1-management.route2-social.route3-contribution_activity .board-header .header-info dl dd {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-social.route3-contribution_activity .board-header .article-title-dot {
    padding: 0 20px;
    margin-bottom: 15px;
  }
  body.route1-management.route2-social.route3-contribution_activity .board-header .header-info dl {
    width: 100%;
    margin: 0;
  }
  body.route1-management.route2-social.route3-contribution_activity .board-header .header-info dl dt, body.route1-management.route2-social.route3-contribution_activity .board-header .header-info dl dd {
    font-size: 12px;
  }
  body.route1-management.route2-social.route3-contribution_activity .board-header .header-info dl dt {
    font-weight: bold;
  }
  body.route1-management.route2-social.route3-contribution_activity .board-header .header-info dl dd {
    color: #888;
  }
}
body.route1-management.route2-social.route3-contribution_activity .board-body img {
  width: 100%;
  height: auto;
  margin: auto;
}
body.route1-management.route2-social.route3-contribution_activity .board-body .cont {
  border-top: transparent;
}
body.route1-management.route2-social.route3-contribution_activity .board-body .cont p:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  body.route1-management.route2-social.route3-contribution_activity .board-body {
    padding: 100px 0;
  }
  body.route1-management.route2-social.route3-contribution_activity .board-body .cont {
    padding: 50px 40px 0;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-social.route3-contribution_activity .board-body {
    padding: 40px 0;
  }
  body.route1-management.route2-social.route3-contribution_activity .board-body .cont {
    padding: 30px 10px 0;
  }
  body.route1-management.route2-social.route3-contribution_activity .board-body .cont p {
    line-height: 21px;
  }
}
body.route1-management.route2-social.route3-contribution_activity .prev-next {
  position: relative;
  display: flex;
  width: 100%;
  height: 120px;
  line-height: 120px;
  margin-top: -1px;
  border: solid #dcdcdc;
  border-width: 1px 0;
}
@media (max-width: 991px) {
  body.route1-management.route2-social.route3-contribution_activity .prev-next {
    height: 70px;
    line-height: 70px;
  }
}
body.route1-management.route2-social.route3-contribution_activity .prev-next a p {
  color: #222;
  margin-bottom: 0;
  font-size: 14px;
}
body.route1-management.route2-social.route3-contribution_activity .prev-next a p > i {
  color: #222;
}
body.route1-management.route2-social.route3-contribution_activity .prev-next .prev, body.route1-management.route2-social.route3-contribution_activity .prev-next .next {
  position: relative;
  width: 50%;
}
body.route1-management.route2-social.route3-contribution_activity .prev-next .prev::before, body.route1-management.route2-social.route3-contribution_activity .prev-next .next::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 0;
  border-top: solid 2px #96c11f;
}
body.route1-management.route2-social.route3-contribution_activity .prev-next .prev:hover::before, body.route1-management.route2-social.route3-contribution_activity .prev-next .next:hover::before {
  content: "";
}
body.route1-management.route2-social.route3-contribution_activity .prev-next .prev p > *, body.route1-management.route2-social.route3-contribution_activity .prev-next .next p > * {
  vertical-align: middle;
}
body.route1-management.route2-social.route3-contribution_activity .prev-next .prev p span, body.route1-management.route2-social.route3-contribution_activity .prev-next .next p span {
  position: relative;
  font-size: 16px;
  color: #333;
  font-weight: normal;
  padding: 0 15px;
}
body.route1-management.route2-social.route3-contribution_activity .prev-next .prev p label, body.route1-management.route2-social.route3-contribution_activity .prev-next .next p label {
  position: relative;
  display: inline;
  margin-bottom: 0;
  padding: 0 15px;
  font-weight: lighter;
  color: #666;
}
body.route1-management.route2-social.route3-contribution_activity .prev-next .prev p label::before, body.route1-management.route2-social.route3-contribution_activity .prev-next .next p label::before {
  content: "";
  position: absolute;
  top: 3px;
  height: 13px;
  width: 0;
  border-right: solid 1px #e5e5e5;
}
body.route1-management.route2-social.route3-contribution_activity .prev-next .prev p i, body.route1-management.route2-social.route3-contribution_activity .prev-next .next p i {
  display: inline-block;
  border: solid 1px #cdcdcd;
  border-radius: 50%;
}
body.route1-management.route2-social.route3-contribution_activity .prev-next .prev p i::before, body.route1-management.route2-social.route3-contribution_activity .prev-next .next p i::before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
@media (max-width: 991px) {
  body.route1-management.route2-social.route3-contribution_activity .prev-next .prev p span, body.route1-management.route2-social.route3-contribution_activity .prev-next .prev p label:before, body.route1-management.route2-social.route3-contribution_activity .prev-next .next p span, body.route1-management.route2-social.route3-contribution_activity .prev-next .next p label:before {
    display: none;
    overflow: hidden;
  }
  body.route1-management.route2-social.route3-contribution_activity .prev-next .prev p label, body.route1-management.route2-social.route3-contribution_activity .prev-next .next p label {
    font-size: 12px;
    padding: 0 8px;
  }
  body.route1-management.route2-social.route3-contribution_activity .prev-next .prev p i:before, body.route1-management.route2-social.route3-contribution_activity .prev-next .next p i:before {
    width: 23px;
    height: 23px;
  }
}
body.route1-management.route2-social.route3-contribution_activity .prev-next .prev.prev label::before, body.route1-management.route2-social.route3-contribution_activity .prev-next .next.prev label::before {
  right: 0;
}
body.route1-management.route2-social.route3-contribution_activity .prev-next .prev.next, body.route1-management.route2-social.route3-contribution_activity .prev-next .next.next {
  text-align: right;
}
body.route1-management.route2-social.route3-contribution_activity .prev-next .prev.next label::before, body.route1-management.route2-social.route3-contribution_activity .prev-next .next.next label::before {
  left: 0;
}
body.route1-management.route2-social.route3-contribution_activity .prev-next .list-view {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.route1-management.route2-social.route3-contribution_activity .prev-next .list-view p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: solid 1px #000;
  font-size: 22px;
  border-radius: 50%;
}
@media (max-width: 991px) {
  body.route1-management.route2-social.route3-contribution_activity .prev-next .list-view p {
    width: 38px;
    height: 38px;
  }
}
body.route1-management.route2-social.route3-contribution_activity #view-container article.article-board-header {
  margin-bottom: 0;
}
body.route1-management.route2-social.route3-youlchon .sub-title {
  margin-bottom: 0;
  color: #539a00;
}
body.route1-management.route2-social.route3-youlchon .category-header .container {
  display: flex;
}
body.route1-management.route2-social.route3-youlchon .category-header .container .article-title-dot {
  margin-bottom: 0;
}
body.route1-management.route2-social.route3-youlchon .category-header .container .article-title-dot .title {
  margin-bottom: 0;
}
body.route1-management.route2-social.route3-youlchon .category-overview {
  position: relative;
}
body.route1-management.route2-social.route3-youlchon .category-overview .item-img {
  position: absolute;
  height: 100%;
  top: 0;
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-social.route3-youlchon .category-overview .item-img.right {
  right: 0;
}
body.route1-management.route2-social.route3-youlchon .category-overview .item-img.left {
  left: 0;
}
body.route1-management.route2-social.route3-youlchon .category-overview .item-img::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
body.route1-management.route2-social.route3-youlchon .category-overview .item-text {
  width: 100%;
  height: 100%;
}
body.route1-management.route2-social.route3-youlchon .category-overview .item-text .flex-wrap {
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
  color: #fff;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
body.route1-management.route2-social.route3-youlchon .category-overview .item-text .flex-wrap ul {
  display: flex;
  justify-content: space-between;
}
body.route1-management.route2-social.route3-youlchon .category-overview .item-text .flex-wrap ul .overview-item {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}
body.route1-management.route2-social.route3-youlchon .category-content .category-list .category-item .figure {
  width: 100%;
}
body.route1-management.route2-social.route3-youlchon .category-content .category-list .category-item .figure img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}
body.route1-management.route2-social.route3-youlchon .category-content .category-list .category-item .info {
  display: flex;
  flex-direction: column;
}
body.route1-management.route2-social.route3-youlchon .category-content .category-list .category-item .info > div {
  order: 0;
}
body.route1-management.route2-social.route3-youlchon .category-content .category-list .category-item:nth-child(even) .info .figure {
  order: 1;
}
@media (min-width: 992px) {
  body.route1-management.route2-social.route3-youlchon .container {
    padding-right: 20px;
    padding-left: 20px;
  }
  body.route1-management.route2-social.route3-youlchon .sub-title {
    font-size: 28px;
    line-height: 34px;
  }
  body.route1-management.route2-social.route3-youlchon .category-header {
    margin-bottom: 45px;
  }
  body.route1-management.route2-social.route3-youlchon .category-header .container .article-title-dot .title {
    padding-top: 51px;
    font-size: 36px;
    line-height: 42px;
  }
  body.route1-management.route2-social.route3-youlchon .category-header .container .column:nth-of-type(2) {
    display: flex;
    margin-left: auto;
    justify-content: flex-end;
    align-items: flex-end;
  }
  body.route1-management.route2-social.route3-youlchon .category-header .container .column:nth-of-type(2) a {
    margin-bottom: 10px;
  }
  body.route1-management.route2-social.route3-youlchon .category-header .container .column:nth-of-type(2) a button {
    padding: 13px 26px;
    font-size: 15px;
    line-height: 20px;
  }
  body.route1-management.route2-social.route3-youlchon .category-overview {
    height: 520px;
  }
  body.route1-management.route2-social.route3-youlchon .category-overview .item-img {
    width: calc(1280px + (100% - 1280px) / 2);
  }
  body.route1-management.route2-social.route3-youlchon .category-overview .item-text {
    position: relative;
  }
  body.route1-management.route2-social.route3-youlchon .category-overview .item-text ul {
    width: 100%;
  }
  body.route1-management.route2-social.route3-youlchon .category-overview .item-text ul .overview-item {
    min-width: 175px;
    padding: 16px 10px 12px;
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body.route1-management.route2-social.route3-youlchon .category-overview .item-text ul._row-2 {
    flex-wrap: wrap;
  }
  body.route1-management.route2-social.route3-youlchon .category-overview .item-text ul._row-2 li {
    display: flex;
    width: 33.3%;
  }
  body.route1-management.route2-social.route3-youlchon .category-overview .item-text ul._row-2 li .overview-item {
    width: 175px;
  }
  body.route1-management.route2-social.route3-youlchon .category-overview .item-text ul._row-2 li:nth-child(3n+1) {
    justify-content: flex-start;
  }
  body.route1-management.route2-social.route3-youlchon .category-overview .item-text ul._row-2 li:nth-child(3n+2) {
    justify-content: center;
  }
  body.route1-management.route2-social.route3-youlchon .category-overview .item-text ul._row-2 li:nth-child(3n+3) {
    justify-content: flex-end;
  }
  body.route1-management.route2-social.route3-youlchon .category-overview .item-text ul._row-2 li:last-child {
    width: 66.6%;
    display: flex;
    justify-content: flex-end;
  }
  body.route1-management.route2-social.route3-youlchon .category-overview .item-text ul._row-2 li:last-child .overview-item {
    width: 249px;
  }
  body.route1-management.route2-social.route3-youlchon .category-overview .item-text ul._row-2 li:nth-of-type(3) ~ li {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  body.route1-management.route2-social.route3-youlchon .category-content {
    margin-top: 100px;
  }
  body.route1-management.route2-social.route3-youlchon .category-content .category-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 20px;
    margin-left: 20px;
  }
  body.route1-management.route2-social.route3-youlchon .category-content .category-list .category-item {
    width: 45%;
    max-width: 502px;
  }
  body.route1-management.route2-social.route3-youlchon .category-content .category-list .category-item:nth-of-type(2) {
    margin-top: 100px;
  }
  body.route1-management.route2-social.route3-youlchon .category-content .category-list .category-item.full {
    width: 100%;
    max-width: 740px;
    margin-right: auto;
    margin-left: auto;
  }
  body.route1-management.route2-social.route3-youlchon .category-content .category-list .category-item .info .desc {
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-social.route3-youlchon .category-content .category-list .category-item .sub-title + .info {
    margin-top: 37px;
  }
  body.route1-management.route2-social.route3-youlchon .category-content .category-list .category-item:nth-child(odd) .info .figure {
    margin-top: 8px;
  }
  body.route1-management.route2-social.route3-youlchon .category-content .category-list .category-item:nth-child(odd) .info .desc {
    margin-top: 32px;
  }
  body.route1-management.route2-social.route3-youlchon .category-content .category-list .category-item:nth-child(even) .info .figure {
    margin-top: 32px;
  }
  body.route1-management.route2-social.route3-youlchon .category-content .category-list .category-item:nth-of-type(2) ~ .category-item {
    margin-top: 180px;
  }
  body.route1-management.route2-social.route3-youlchon .category-content .category-list .category-item:nth-of-type(2) ~ .category-item.full {
    margin-top: 195px;
  }
}
@media (min-width: 992px) {
  body.route1-management.route2-social.route3-youlchon #view-container article.article-youlchon-research {
    margin-bottom: 160px;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-social .sub-title {
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-management.route2-social .category-header {
    margin-bottom: 20px;
  }
  body.route1-management.route2-social .category-header .container {
    flex-direction: column;
  }
  body.route1-management.route2-social .category-header .container .article-title-dot .title {
    padding-top: 37px;
    font-size: 24px;
    line-height: 30px;
  }
  body.route1-management.route2-social .category-header .container .article-title-dot .title::before {
    width: 25px;
    height: 25px;
  }
  body.route1-management.route2-social .category-header .container .column:nth-of-type(2) {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  body.route1-management.route2-social .category-header .container .column:nth-of-type(2) a {
    display: inline-block;
    vertical-align: top;
  }
  body.route1-management.route2-social .category-header .container .column:nth-of-type(2) a button {
    font-size: 13px;
    line-height: 20px;
  }
  body.route1-management.route2-social .category-overview {
    height: 240px;
  }
  body.route1-management.route2-social .category-overview .item-img {
    width: 100%;
  }
  body.route1-management.route2-social .category-overview .item-text {
    position: relative;
  }
  body.route1-management.route2-social .category-overview .item-text ul {
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
  body.route1-management.route2-social .category-overview .item-text ul li {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    white-space: nowrap;
  }
  body.route1-management.route2-social .category-overview .item-text ul li .overview-item {
    padding: 11px 8px 10px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
  }
  body.route1-management.route2-social .category-overview .item-text ul li + li {
    margin-top: 15px;
  }
  body.route1-management.route2-social .category-overview .item-text ul._row-2 li {
    width: 50%;
  }
  body.route1-management.route2-social .category-overview .item-text ul._row-2 li.full {
    width: 100%;
  }
  body.route1-management.route2-social .category-overview .item-text ul._row-2 li + li:nth-of-type(2) {
    margin-top: inherit;
  }
  body.route1-management.route2-social .category-content {
    margin-top: 48px;
  }
  body.route1-management.route2-social .category-content .category-list {
    margin-right: 10px;
    margin-left: 10px;
  }
  body.route1-management.route2-social .category-content .category-list .category-item .figure {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 84.75%;
  }
  body.route1-management.route2-social .category-content .category-list .category-item .figure img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  body.route1-management.route2-social .category-content .category-list .category-item.full .figure img {
    top: inherit;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body.route1-management.route2-social .category-content .category-list .category-item .info .desc {
    font-size: 14px;
    line-height: 22px;
  }
  body.route1-management.route2-social .category-content .category-list .category-item .sub-title + .info {
    margin-top: 20px;
  }
  body.route1-management.route2-social .category-content .category-list .category-item:nth-child(odd) .info .figure {
    margin-top: 5px;
  }
  body.route1-management.route2-social .category-content .category-list .category-item:nth-child(odd) .info .desc {
    margin-top: 25px;
  }
  body.route1-management.route2-social .category-content .category-list .category-item:nth-child(even) .info .figure {
    margin-top: 25px;
  }
  body.route1-management.route2-social .category-content .category-list .category-item + .category-item {
    margin-top: 45px;
  }
  body.route1-management.route2-social #view-container article.article-youlchon-research {
    margin-bottom: 70px;
  }
}
body.route1-management.route2-rnd .rnd-header .article-title-dot {
  margin-bottom: 0;
}
body.route1-management.route2-rnd .rnd-header .article-title-dot .title {
  margin-bottom: 0;
}
body.route1-management.route2-rnd .rnd-visual {
  position: relative;
}
body.route1-management.route2-rnd .rnd-visual > .container {
  width: 100%;
  height: 100%;
  padding: 0;
}
body.route1-management.route2-rnd .rnd-visual > .container::after {
  content: "";
  display: block;
  position: relative;
  clear: both;
}
body.route1-management.route2-rnd .rnd-visual .item-img {
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-rnd .rnd-visual .item-text strong {
  display: inline-block;
  position: relative;
  font-weight: 600;
}
body.route1-management.route2-rnd .rnd-visual .item-text strong::before, body.route1-management.route2-rnd .rnd-visual .item-text strong::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-size: 100%;
}
body.route1-management.route2-rnd .rnd-visual .item-text strong::before {
  background-image: url("../images/common/quote-open.svg");
  vertical-align: top;
}
body.route1-management.route2-rnd .rnd-visual .item-text strong::after {
  background-image: url("../images/common/quote-close.svg");
  vertical-align: bottom;
}
body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item {
  display: flex;
  flex-direction: column;
}
body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item > div {
  order: 0;
}
body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item .figure {
  width: 100%;
}
body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item .figure img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}
body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item .desc {
  word-break: keep-all;
}
body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item .desc strong {
  position: relative;
  display: inline;
  font-weight: 400;
}
body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item:nth-child(even) .figure {
  order: 1;
}
body.route1-management.route2-rnd article.article-rnd-network .network-desc .article-desc-dot {
  text-align: center;
}
body.route1-management.route2-rnd article.article-rnd-network .network-desc .article-desc-dot::before {
  content: "";
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  border-radius: 50%;
  background-color: #96c11f;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.route1-management.route2-rnd article.article-rnd-network .network-desc .article-desc-dot .desc {
  margin-bottom: 0;
  word-break: keep-all;
}
body.route1-management.route2-rnd article.article-rnd-network .network-map .container img {
  width: 100%;
  vertical-align: top;
}
body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box {
  position: relative;
  text-align: center;
}
body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-1, body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-2 {
  display: block;
  position: absolute;
}
body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-1::before, body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-1::after, body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-2::before, body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-2::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #96c11f;
}
body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-1 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-1::before {
  top: 0;
  left: 0;
  width: 100%;
}
body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-1::after {
  top: 0;
  left: 0;
  height: 100%;
}
body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-2 {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-2::before {
  right: 0;
  bottom: 0;
  width: 100%;
}
body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-2::after {
  right: 0;
  bottom: 0;
  height: 100%;
}
body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .desc {
  margin-bottom: 0;
  word-break: keep-all;
}
@media (min-width: 992px) {
  body.route1-management.route2-rnd .rnd-header {
    margin-bottom: 45px;
  }
  body.route1-management.route2-rnd .rnd-header .article-title-dot .title {
    padding-top: 51px;
    font-size: 36px;
    line-height: 42px;
  }
  body.route1-management.route2-rnd .rnd-visual {
    display: flex;
    height: 760px;
  }
  body.route1-management.route2-rnd .rnd-visual .item-img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 760px;
  }
  body.route1-management.route2-rnd .rnd-visual .item-text {
    position: relative;
    top: 50%;
    width: 745px;
    padding: 55px 84px;
    margin-right: auto;
    margin-left: -40px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  body.route1-management.route2-rnd .rnd-visual .item-text strong {
    margin-bottom: 38px;
    font-size: 28px;
    line-height: 40px;
  }
  body.route1-management.route2-rnd .rnd-visual .item-text strong::before, body.route1-management.route2-rnd .rnd-visual .item-text strong::after {
    width: 15px;
    height: 12px;
    line-height: 12px;
  }
  body.route1-management.route2-rnd .rnd-visual .item-text strong::before {
    top: 2px;
    margin-left: -23px;
  }
  body.route1-management.route2-rnd .rnd-visual .item-text strong::after {
    bottom: 21px;
    margin-left: 10px;
  }
  body.route1-management.route2-rnd .rnd-visual .item-text p {
    margin-right: -4px;
    margin-left: -4px;
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-rnd .rnd-visual + .rnd-visual .item-text {
    margin-right: -40px;
    margin-left: auto;
  }
  body.route1-management.route2-rnd .rnd-content {
    margin-top: 100px;
  }
  body.route1-management.route2-rnd .rnd-content .container {
    padding-right: 20px;
    padding-left: 20px;
  }
  body.route1-management.route2-rnd .rnd-content .container .rnd-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 20px;
    margin-left: 20px;
  }
  body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item {
    width: 45%;
    max-width: 502px;
  }
  body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item .desc {
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item .desc strong {
    box-shadow: inset 0 -2px #539a00;
  }
  body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item:nth-child(odd) .figure + .desc {
    margin-top: 42px;
  }
  body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item:nth-child(even) {
    padding-top: 32px;
  }
  body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item:nth-child(even) .figure + .desc {
    margin-bottom: 42px;
  }
  body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item:nth-of-type(2) ~ .rnd-item {
    margin-top: 80px;
  }
  body.route1-management.route2-rnd #view-container article.article-rnd-development {
    margin-bottom: 150px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-desc {
    margin-bottom: 45px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-desc .article-desc-dot {
    max-width: 660px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 75px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-desc .article-desc-dot::before {
    width: 36px;
    height: 36px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-desc .article-desc-dot .desc {
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-map {
    padding-top: 100px;
    padding-bottom: 65px;
    background-color: #f4f4f4;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world {
    margin-top: -20px;
    padding-bottom: 86px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box {
    width: 780px;
    height: 240px;
    margin-right: auto;
    margin-left: auto;
    padding: 35px 70px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-1 {
    width: calc(100% + 56px);
    height: calc(100% + 86px);
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-1::before {
    height: 1px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-1::after {
    width: 1px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-2 {
    width: calc(100% + 116px);
    height: calc(100% + 56px);
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-2::before {
    height: 2px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-2::after {
    width: 2px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .desc {
    font-size: 20px;
    line-height: 34px;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-rnd .rnd-header {
    margin-bottom: 20px;
  }
  body.route1-management.route2-rnd .rnd-header .article-title-dot {
    margin-bottom: 0;
  }
  body.route1-management.route2-rnd .rnd-header .article-title-dot .title {
    padding-top: 37px;
    font-size: 24px;
    line-height: 30px;
  }
  body.route1-management.route2-rnd .rnd-header .article-title-dot .title::before {
    width: 25px;
    height: 25px;
  }
  body.route1-management.route2-rnd .rnd-visual {
    display: flex;
  }
  body.route1-management.route2-rnd .rnd-visual .container {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
  body.route1-management.route2-rnd .rnd-visual .item-img {
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 240px;
  }
  body.route1-management.route2-rnd .rnd-visual .item-text {
    padding: 30px 40px 36px;
    background-color: #fff;
  }
  body.route1-management.route2-rnd .rnd-visual .item-text strong {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 25px;
  }
  body.route1-management.route2-rnd .rnd-visual .item-text strong::before, body.route1-management.route2-rnd .rnd-visual .item-text strong::after {
    width: 8px;
    height: 7px;
    line-height: 7px;
  }
  body.route1-management.route2-rnd .rnd-visual .item-text strong::before {
    top: 2px;
    margin-left: -10px;
  }
  body.route1-management.route2-rnd .rnd-visual .item-text strong::after {
    bottom: 17px;
    margin-left: 4px;
  }
  body.route1-management.route2-rnd .rnd-visual .item-text p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-management.route2-rnd .rnd-content {
    margin-top: 42px;
  }
  body.route1-management.route2-rnd .rnd-content .container .rnd-list {
    margin-right: 10px;
    margin-left: 10px;
  }
  body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item .desc {
    font-size: 14px;
    line-height: 22px;
  }
  body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item .desc strong {
    box-shadow: inset 0 -1px #539a00;
  }
  body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item:nth-child(odd) .figure {
    margin-top: 8px;
  }
  body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item:nth-child(odd) .figure + .desc {
    margin-top: 25px;
  }
  body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item:nth-child(even) .figure + .desc {
    margin-bottom: 25px;
  }
  body.route1-management.route2-rnd .rnd-content .container .rnd-list .rnd-item + .rnd-item {
    margin-top: 22px;
  }
  body.route1-management.route2-rnd #view-container article.article-rnd-development {
    margin-bottom: 50px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-desc {
    margin-bottom: 45px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-desc .article-desc-dot {
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 45px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-desc .article-desc-dot::before {
    width: 25px;
    height: 25px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-desc .article-desc-dot .desc {
    font-size: 14px;
    line-height: 22px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-map {
    margin-bottom: 45px;
    background-color: #f4f4f4;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-map .container {
    padding-right: 0;
    padding-left: 0;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world {
    padding-bottom: 60px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box {
    width: 100%;
    max-width: 315px;
    margin-right: auto;
    margin-left: auto;
    padding: 26px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-1 {
    width: calc(100% + 20px);
    height: calc(100% + 42px);
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-1::before {
    height: 1px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-1::after {
    width: 1px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-2 {
    width: calc(100% + 20px);
    height: calc(100% + 28px);
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-2::before {
    height: 1px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .line-2::after {
    width: 1px;
  }
  body.route1-management.route2-rnd article.article-rnd-network .network-world .info-box .desc {
    font-size: 14px;
    line-height: 22px;
  }
}
body.route1-management.route2-safty .sub-title {
  margin-bottom: 0;
  color: #539a00;
}
body.route1-management.route2-safty .safty-header .article-title-dot {
  margin-bottom: 0;
}
body.route1-management.route2-safty .safty-header .article-title-dot .title {
  margin-bottom: 0;
}
body.route1-management.route2-safty .safty-visual {
  position: relative;
}
body.route1-management.route2-safty .safty-visual > .container {
  width: 100%;
  height: 100%;
}
body.route1-management.route2-safty .safty-visual > .container::after {
  content: "";
  display: block;
  position: relative;
  clear: both;
}
body.route1-management.route2-safty .safty-visual > .container .item-img {
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-safty .safty-visual > .container .item-text {
  position: relative;
  color: #fff;
}
body.route1-management.route2-safty .safty-visual > .container .item-text strong {
  display: inline-block;
  position: relative;
  font-weight: 600;
}
body.route1-management.route2-safty .safty-visual > .container .item-text strong::before, body.route1-management.route2-safty .safty-visual > .container .item-text strong::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-size: 100%;
}
body.route1-management.route2-safty .safty-visual > .container .item-text strong::before {
  background-image: url("../images/common/quote-open_w.svg");
  vertical-align: top;
}
body.route1-management.route2-safty .safty-visual > .container .item-text strong::after {
  background-image: url("../images/common/quote-close_w.svg");
  vertical-align: bottom;
}
body.route1-management.route2-safty .safty-visual > .container .item-text p {
  margin-bottom: 0;
  word-break: keep-all;
}
body.route1-management.route2-safty .safty-visual.safe-visual .item-text .article-title-dot {
  margin-bottom: 0;
}
body.route1-management.route2-safty .safty-visual.safe-visual .item-text .article-title-dot .title {
  margin-bottom: 0;
}
body.route1-management.route2-safty .article-safty-environment .environment-result .info .figure {
  background-position: center;
}
body.route1-management.route2-safty .article-safty-environment .environment-result .table-result table {
  margin-bottom: 0;
}
body.route1-management.route2-safty .article-safty-environment .environment-3r .visual-3r img {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
body.route1-management.route2-safty .article-safty-safe .safe-skill {
  text-align: center;
}
body.route1-management.route2-safty .article-safty-safe .safe-skill > .container {
  padding: 0;
}
body.route1-management.route2-safty .article-safty-safe .safe-skill .major {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  background-color: #81a048;
  color: #fff;
  vertical-align: top;
}
body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree {
  position: relative;
}
body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .arrow-center {
  top: 0;
  width: 0;
  position: absolute;
  left: 50%;
  border: 0 solid #efdb5d;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .arrow-center::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
}
body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .skill-item {
  display: flex;
  border: 1px solid #f4f4f4;
  text-align: left;
  flex-direction: column;
}
body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .skill-item .subject {
  background-color: #f4f4f4;
  font-weight: 600;
}
body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .skill-item p {
  margin-bottom: 0;
}
body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .skill-item .figure {
  width: 100%;
  margin-top: auto;
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list {
  border-top: 2px solid #000;
}
body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item .info .comment {
  color: #666;
}
@media (min-width: 992px) {
  body.route1-management.route2-safty .sub-title {
    font-size: 28px;
    line-height: 34px;
  }
  body.route1-management.route2-safty .safty-header {
    margin-bottom: 45px;
  }
  body.route1-management.route2-safty .safty-header .article-title-dot .title {
    padding-top: 51px;
    font-size: 36px;
    line-height: 42px;
  }
  body.route1-management.route2-safty .safty-visual {
    height: 710px;
  }
  body.route1-management.route2-safty .safty-visual > .container {
    display: flex;
    padding: 0;
    justify-content: space-between;
    align-content: center;
  }
  body.route1-management.route2-safty .safty-visual .item-img {
    position: absolute;
    top: 0;
    width: 83.33%;
    height: 710px;
  }
  body.route1-management.route2-safty .safty-visual.environment-visual > .container {
    position: relative;
    width: 1240px;
    align-items: center;
  }
  body.route1-management.route2-safty .safty-visual.environment-visual .item-img._left {
    width: 1600px;
    right: 0;
  }
  body.route1-management.route2-safty .safty-visual.safe-visual .item-img {
    right: 0;
  }
  body.route1-management.route2-safty .safty-visual .item-text strong {
    margin-bottom: 33px;
    font-size: 28px;
    line-height: 40px;
  }
  body.route1-management.route2-safty .safty-visual .item-text strong::before, body.route1-management.route2-safty .safty-visual .item-text strong::after {
    width: 15px;
    height: 12px;
    line-height: 12px;
  }
  body.route1-management.route2-safty .safty-visual .item-text strong::before {
    top: 2px;
    margin-left: -23px;
  }
  body.route1-management.route2-safty .safty-visual .item-text strong::after {
    bottom: 21px;
    margin-left: 10px;
  }
  body.route1-management.route2-safty .safty-visual .item-text p {
    margin-right: -4px;
    margin-left: -4px;
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-safty .safty-visual.environment-visual .item-text {
    width: 100%;
  }
  body.route1-management.route2-safty .safty-visual.environment-visual .item-text .green-company {
    display: flex;
    justify-content: space-between;
  }
  body.route1-management.route2-safty .safty-visual.environment-visual .item-text .green-company .column {
    order: 0;
    width: 50%;
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-safty .safty-visual.environment-visual .item-text .green-company .column:nth-of-type(1) {
    display: flex;
    order: 1;
    justify-content: center;
    align-items: center;
  }
  body.route1-management.route2-safty .safty-visual.safe-visual .item-text {
    width: 600px;
    margin-top: 94px;
    margin-left: calc(100% - 600px - 20%);
  }
  body.route1-management.route2-safty .safty-visual.safe-visual .item-text strong {
    margin-bottom: 35px;
  }
  body.route1-management.route2-safty .safty-visual.safe-visual .item-text .article-title-dot {
    margin-bottom: 17px;
  }
  body.route1-management.route2-safty .safty-visual.safe-visual .item-text .article-title-dot .title {
    padding-top: 38px;
    font-size: 22px;
    line-height: 28px;
  }
  body.route1-management.route2-safty .safty-visual.safe-visual .item-text .article-title-dot .title::before {
    width: 22px;
    height: 22px;
  }
  body.route1-management.route2-safty .safty-visual.safe-visual .item-text .column-item + .column-item {
    margin-top: 32px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-result {
    display: flex;
    margin-top: 98px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-result > .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-result .sub-title {
    margin-bottom: 40px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-result .info {
    display: flex;
    background-size: cover;
    justify-content: space-between;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-result .info .figure {
    width: 502px;
    height: 320px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-result .info .desc {
    flex: 1;
    margin-left: auto;
    padding: 15px 70px;
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-result .table-result {
    margin-top: 80px;
    margin-right: -40px;
    margin-left: -40px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-3r {
    margin-top: 78px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-3r > .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-3r .visual-3r {
    margin-top: 86px;
    margin-right: -40px;
    margin-left: -40px;
    padding-top: 65px;
    border-top: 1px solid #f0f0f0;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill {
    margin-top: 80px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill > .container {
    padding-top: 60px;
    border-top: 1px solid #f0f0f0;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .major {
    padding: 21px 69px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree {
    margin-top: 10px;
    padding-top: 115px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .arrow-side {
    position: absolute;
    left: 50%;
    border: 0 solid #efdb5d;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .arrow-center {
    height: 86px;
    border-left-width: 4px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .arrow-center::before {
    bottom: -9px;
    margin-left: -11px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #efdb5d;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .arrow-side {
    top: 30px;
    width: 67.16%;
    height: 56px;
    border-top-width: 4px;
    border-right-width: 4px;
    border-left-width: 4px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .arrow-side::before, body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .arrow-side::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -9px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #efdb5d;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .arrow-side::before {
    left: 0;
    margin-left: -11px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .arrow-side::after {
    right: 0;
    margin-right: -11px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .skill-list {
    display: flex;
    justify-content: space-around;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .skill-list .skill-item {
    width: 26.5%;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .skill-list .skill-item .subject {
    padding: 21px 28px;
    font-size: 22px;
    line-height: 28px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .skill-list .skill-item p {
    padding: 22px 29px 42px;
    font-size: 16px;
    line-height: 30px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .skill-list .skill-item .figure {
    height: 180px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification {
    margin-top: 70px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification > .container {
    padding-top: 90px;
    padding-right: 0;
    padding-left: 0;
    border-top: 1px solid #f0f0f0;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item {
    display: flex;
    padding: 45px 90px 30px 70px;
    border-bottom: 1px solid #f0f0f0;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item > div {
    order: 0;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item .bi {
    display: flex;
    margin-bottom: -4px;
    margin-left: auto;
    order: 1;
    align-items: flex-end;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item .info {
    padding-right: 10%;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item .info strong {
    font-size: 22px;
    line-height: 28px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item .info .desc {
    font-size: 18px;
    line-height: 30px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item .info .comment {
    font-size: 16px;
    line-height: 30px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item .info strong + .desc {
    margin-top: 27px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item .info .desc + .comment {
    margin-top: 24px;
  }
  body.route1-management.route2-safty #view-container article.article-safty-safe {
    margin-bottom: 170px;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-safty .sub-title {
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-management.route2-safty b.zoom {
    overflow: hidden;
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
  }
  body.route1-management.route2-safty b.zoom span.icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    background-image: url(../../resources2/images/common/image-zoom.svg);
    background-size: cover;
    background-position: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  body.route1-management.route2-safty .safty-header {
    margin-bottom: 20px;
  }
  body.route1-management.route2-safty .safty-header .article-title-dot .title {
    padding-top: 37px;
    font-size: 24px;
    line-height: 30px;
  }
  body.route1-management.route2-safty .safty-header .article-title-dot .title::before {
    width: 25px;
    height: 25px;
  }
  body.route1-management.route2-safty .safty-visual {
    position: relative;
  }
  body.route1-management.route2-safty .safty-visual > .container {
    width: 100%;
    height: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-safty .safty-visual .item-img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  body.route1-management.route2-safty .safty-visual .item-text strong {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 25px;
  }
  body.route1-management.route2-safty .safty-visual .item-text strong::before, body.route1-management.route2-safty .safty-visual .item-text strong::after {
    width: 8px;
    height: 7px;
    line-height: 7px;
  }
  body.route1-management.route2-safty .safty-visual .item-text strong::before {
    top: 2px;
    margin-left: -10px;
  }
  body.route1-management.route2-safty .safty-visual .item-text strong::after {
    bottom: 17px;
    margin-left: 4px;
  }
  body.route1-management.route2-safty .safty-visual .item-text p {
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-management.route2-safty .safty-visual.environment-visual .item-text {
    padding-top: 40px;
    padding-bottom: 48px;
  }
  body.route1-management.route2-safty .safty-visual.environment-visual .item-text .green-company .column .ci {
    width: 94px;
    margin-right: auto;
    margin-left: auto;
  }
  body.route1-management.route2-safty .safty-visual.environment-visual .item-text .green-company .column .ci img {
    display: inline-block;
    width: 100%;
    vertical-align: top;
  }
  body.route1-management.route2-safty .safty-visual.environment-visual .item-text .green-company .column strong {
    margin-bottom: 23px;
  }
  body.route1-management.route2-safty .safty-visual.environment-visual .item-text .green-company .column + .column {
    margin-top: 25px;
  }
  body.route1-management.route2-safty .safty-visual.safe-visual .item-text {
    padding-top: 49px;
    padding-bottom: 52px;
  }
  body.route1-management.route2-safty .safty-visual.safe-visual .item-text strong {
    margin-bottom: 40px;
  }
  body.route1-management.route2-safty .safty-visual.safe-visual .item-text .article-title-dot {
    margin-bottom: 10px;
  }
  body.route1-management.route2-safty .safty-visual.safe-visual .item-text .article-title-dot .title {
    padding-top: 21px;
    font-size: 16px;
    line-height: 22px;
  }
  body.route1-management.route2-safty .safty-visual.safe-visual .item-text .article-title-dot .title::before {
    width: 15px;
    height: 15px;
  }
  body.route1-management.route2-safty .safty-visual.safe-visual .item-text .column-item + .column-item {
    margin-top: 25px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-result {
    margin-top: 47px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-result > .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-result .sub-title {
    margin-bottom: 26px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-result .info .figure {
    display: block;
    width: 100%;
    height: 190px;
    background-color: #9cba47;
    background-size: contain;
    background-repeat: no-repeat;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-result .info .desc {
    font-size: 14px;
    line-height: 22px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-result .info .figure + .desc {
    margin-top: 25px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-result .table-result {
    margin-top: 35px;
    margin-right: -20px;
    margin-left: -20px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-3r {
    margin-top: 47px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-3r > .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-3r .visual-3r {
    position: relative;
    margin-right: -10px;
    margin-left: -10px;
    padding-top: 60px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-3r .visual-3r b.zoom {
    top: -3px;
    right: -10px;
  }
  body.route1-management.route2-safty .article-safty-environment .environment-3r .visual-3r img {
    display: inline-block;
    width: 100%;
    vertical-align: top;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill {
    margin-top: 50px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .major {
    min-width: 235px;
    padding: 15px 76px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree {
    margin-top: 10px;
    padding-top: 60px;
    padding-bottom: 80px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .arrow-side {
    display: none;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .arrow-center {
    height: 42px;
    border-left-width: 4px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .arrow-center::before {
    bottom: -7px;
    margin-left: -9px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #efdb5d;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .skill-swiper .swiper-slide {
    width: 295px;
    margin-right: 10px;
    margin-left: 10px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .skill-swiper .swiper-pagination {
    bottom: 42px;
    width: 100vw;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .skill-swiper .skill-item {
    height: 360px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .skill-swiper .skill-item .subject {
    padding: 16px 23px 15px;
    font-size: 16px;
    line-height: 22px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .skill-swiper .skill-item p {
    padding: 19px 23px 23px;
    font-size: 14px;
    line-height: 22px;
    word-break: keep-all;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-skill .skill-tree .skill-swiper .skill-item .figure {
    height: 153px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification > .container {
    padding-right: 20px;
    padding-left: 20px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item {
    padding: 30px 20px 26px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item .bi {
    height: 96px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item .bi img {
    display: inline-block;
    width: auto;
    height: 100%;
    vertical-align: top;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item .info {
    margin-top: 15px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item .info strong {
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item .info .desc {
    font-size: 13px;
    line-height: 20px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item .info .comment {
    color: #666;
    font-size: 11px;
    line-height: 18px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item .info strong + .desc {
    margin-top: 10px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item .info .desc + .comment {
    margin-top: 22px;
  }
  body.route1-management.route2-safty .article-safty-safe .safe-certification .certification-list .certification-item + .certification-item {
    border-top: 1px solid #f0f0f0;
  }
  body.route1-management.route2-safty #view-container article.article-safty-safe {
    margin-bottom: 45px;
  }
}
body.route1-management.route2-together .together-header .article-title-dot {
  margin-bottom: 0;
}
body.route1-management.route2-together .together-header .article-title-dot .title {
  margin-bottom: 0;
}
body.route1-management.route2-together .together-visual {
  position: relative;
}
body.route1-management.route2-together .together-visual > .container {
  width: 100%;
  height: 100%;
  padding: 0;
}
body.route1-management.route2-together .together-visual > .container::after {
  content: "";
  display: block;
  position: relative;
  clear: both;
}
body.route1-management.route2-together .together-visual > .container .item-img {
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-together .together-visual > .container .item-text {
  position: relative;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}
body.route1-management.route2-together .together-visual > .container .item-text strong {
  display: inline-block;
  position: relative;
  font-weight: 600;
}
body.route1-management.route2-together .together-visual > .container .item-text strong::before, body.route1-management.route2-together .together-visual > .container .item-text strong::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-size: 100%;
}
body.route1-management.route2-together .together-visual > .container .item-text strong::before {
  background-image: url("../images/common/quote-open.svg");
  vertical-align: top;
}
body.route1-management.route2-together .together-visual > .container .item-text strong::after {
  background-image: url("../images/common/quote-close.svg");
  vertical-align: bottom;
}
body.route1-management.route2-together .together-visual > .container .item-text p {
  margin-bottom: 0;
  word-break: keep-all;
}
body.route1-management.route2-together .together-column .article-title-dot {
  margin-bottom: 0;
}
body.route1-management.route2-together .together-column .article-title-dot .title {
  margin-bottom: 0;
}
body.route1-management.route2-together .together-column p {
  margin-bottom: 0;
}
body.route1-management.route2-together .together-column a {
  display: inline-block;
  vertical-align: top;
}
body.route1-management.route2-together .article-together-propulsion .together-program {
  position: relative;
}
body.route1-management.route2-together .article-together-propulsion .together-program > .container::after {
  content: "";
  display: block;
  position: relative;
  clear: both;
}
body.route1-management.route2-together .article-together-propulsion .together-program > .container .item-img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-together .article-together-propulsion .together-program > .container .item-text {
  position: relative;
}
body.route1-management.route2-together .article-together-propulsion .together-program > .container .item-text strong {
  display: inline-block;
  position: relative;
  font-weight: 600;
}
body.route1-management.route2-together .article-together-propulsion .together-program > .container .item-text strong::before, body.route1-management.route2-together .article-together-propulsion .together-program > .container .item-text strong::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-size: 100%;
}
body.route1-management.route2-together .article-together-propulsion .together-program > .container .item-text strong::before {
  background-image: url("../images/common/quote-open.svg");
  vertical-align: top;
}
body.route1-management.route2-together .article-together-propulsion .together-program > .container .item-text strong::after {
  background-image: url("../images/common/quote-close.svg");
  vertical-align: bottom;
}
body.route1-management.route2-together .article-together-fair .together-visual-fair {
  position: relative;
}
body.route1-management.route2-together .article-together-fair .together-visual-fair > .container {
  width: 100%;
  height: 100%;
}
body.route1-management.route2-together .article-together-fair .together-visual-fair > .container::after {
  content: "";
  display: block;
  position: relative;
  clear: both;
}
body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-img {
  position: absolute;
  top: 0;
  right: 0;
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text {
  position: relative;
}
body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text strong {
  display: inline-block;
  position: relative;
  color: #fff;
  font-weight: 600;
}
body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text strong::before, body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text strong::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-size: 100%;
}
body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text strong::before {
  background-image: url("../images/common/quote-open_w.svg");
  vertical-align: top;
}
body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text strong::after {
  background-image: url("../images/common/quote-close_w.svg");
  vertical-align: bottom;
}
body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text .download-list {
  display: flex;
  flex-wrap: wrap;
}
body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text .download-list a {
  display: block;
}
body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text .download-list a .btn {
  position: relative;
  width: 100%;
  text-align: left;
}
body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text .download-list a .btn i {
  position: absolute;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion {
  position: relative;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container {
  width: 100%;
  height: 100%;
  padding: 0;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container::after {
  content: "";
  display: block;
  position: relative;
  clear: both;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text {
  position: relative;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text strong {
  display: inline-block;
  position: relative;
  color: #fff;
  font-weight: 600;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text strong::before, body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text strong::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-size: 100%;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text strong::before {
  background-image: url("../images/common/quote-open_w.svg");
  vertical-align: top;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text strong::after {
  background-image: url("../images/common/quote-close_w.svg");
  vertical-align: bottom;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list {
  display: flex;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li {
  position: relative;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li::before, body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 0;
  border-right: 1px solid #f4f4f4;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li::before {
  -webkit-transform: rotate(140deg);
  -moz-transform: rotate(140deg);
  -ms-transform: rotate(140deg);
  -o-transform: rotate(140deg);
  transform: rotate(140deg);
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li::after {
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li .step-item {
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li .step-item .step-item-wrap {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li .step-item .step-item-wrap span {
  color: #999;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li:last-child::before, body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li:last-child::after {
  display: none;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .register a {
  display: inline-block;
  vertical-align: top;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .register a .btn {
  position: relative;
  width: 100%;
  text-align: left;
}
body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .register a .btn i {
  position: absolute;
}
@media (min-width: 992px) {
  body.route1-management.route2-together .together-header {
    margin-bottom: 45px;
  }
  body.route1-management.route2-together .together-header .article-title-dot .title {
    padding-top: 51px;
    font-size: 36px;
    line-height: 42px;
  }
  body.route1-management.route2-together .together-visual {
    height: 760px;
  }
  body.route1-management.route2-together .together-visual > .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
  }
  body.route1-management.route2-together .together-visual .item-img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 760px;
  }
  body.route1-management.route2-together .together-visual .item-text {
    width: 745px;
    padding: 55px 85px 75px;
  }
  body.route1-management.route2-together .together-visual .item-text strong {
    margin-bottom: 33px;
    font-size: 28px;
    line-height: 40px;
  }
  body.route1-management.route2-together .together-visual .item-text strong::before, body.route1-management.route2-together .together-visual .item-text strong::after {
    width: 15px;
    height: 12px;
    line-height: 12px;
  }
  body.route1-management.route2-together .together-visual .item-text strong::before {
    top: 2px;
    margin-left: -23px;
  }
  body.route1-management.route2-together .together-visual .item-text strong::after {
    bottom: 21px;
    margin-left: 10px;
  }
  body.route1-management.route2-together .together-visual .item-text p {
    margin-right: -4px;
    margin-left: -4px;
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-together .together-visual._right .item-text {
    margin-left: auto;
    margin-right: -40px;
  }
  body.route1-management.route2-together .together-visual._left .item-text {
    margin-right: auto;
    margin-left: -40px;
  }
  body.route1-management.route2-together .together-column {
    padding-top: 58px;
    padding-bottom: 98px;
    background-color: #f4f4f4;
  }
  body.route1-management.route2-together .together-column .container {
    display: flex;
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-together .together-column .container .column-item {
    width: 50%;
  }
  body.route1-management.route2-together .together-column .container .column-item:nth-of-type(2) {
    padding-left: 40px;
  }
  body.route1-management.route2-together .together-column .container .column-item .article-title-dot .title {
    padding-top: 38px;
    font-size: 22px;
    line-height: 28px;
  }
  body.route1-management.route2-together .together-column .container .column-item .article-title-dot .title::before {
    width: 22px;
    height: 22px;
  }
  body.route1-management.route2-together .together-column .container .column-item .btn {
    position: relative;
    padding: 12px 48px 12px 18px;
    font-weight: 600;
  }
  body.route1-management.route2-together .together-column .container .column-item .btn i {
    position: absolute;
    margin-top: 3px;
    right: 16px;
  }
  body.route1-management.route2-together .together-column .container .column-item p {
    font-size: 20px;
    line-height: 28px;
  }
  body.route1-management.route2-together .together-column .container .column-item .article-title-dot + p {
    margin-top: 20px;
  }
  body.route1-management.route2-together .together-column .container .column-item p + a {
    margin-top: 34px;
  }
  body.route1-management.route2-together .together-column .container .column-item a {
    margin-bottom: 4px;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program > .container {
    padding: 0;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-img {
    height: 100%;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text {
    padding-top: 101px;
    padding-bottom: 90px;
    text-align: center;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text strong {
    margin-bottom: 42px;
    font-size: 28px;
    line-height: 40px;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text strong::before, body.route1-management.route2-together .article-together-propulsion .together-program .item-text strong::after {
    width: 15px;
    height: 12px;
    line-height: 12px;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text strong::before {
    top: 2px;
    margin-left: -23px;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text strong::after {
    bottom: 21px;
    margin-left: 10px;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text .program-list {
    display: flex;
    text-align: left;
    justify-content: space-between;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text .program-list .program-item {
    width: 30.83%;
    padding: 36px 40px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text .program-list .program-item .subject span {
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    line-height: 50px;
    vertical-align: top;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text .program-list .program-item .subject span.icon img {
    display: block;
    width: auto;
    height: 50px;
    vertical-align: top;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text .program-list .program-item .subject span.icon + span {
    margin-left: 22px;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text .program-list .program-item p {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 34px;
    word-break: keep-all;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text .program-list .program-item .subject + p {
    margin-top: 15px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair {
    height: 740px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container {
    padding: 0;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container::after {
    content: "";
    display: block;
    position: relative;
    clear: both;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-img {
    width: 83.33%;
    height: 100%;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text {
    width: 718px;
    margin-left: calc(100% - 718px - 9%);
    padding-top: 135px;
    text-align: center;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text strong {
    margin-bottom: 70px;
    font-size: 28px;
    line-height: 40px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text strong::before, body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text strong::after {
    width: 15px;
    height: 12px;
    line-height: 12px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text strong::before {
    top: 2px;
    margin-left: -23px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text strong::after {
    bottom: 21px;
    margin-left: 10px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text .download-list {
    margin-right: -15px;
    margin-left: -15px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text .download-list > li {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text .download-list > li .btn {
    padding: 12px 52px 12px 18px;
    font-size: 15px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text .download-list > li .btn i {
    right: 13px;
    margin-top: -3px;
    font-size: 26px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text .download-list > li:nth-of-type(2) ~ li {
    margin-top: 30px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion {
    height: 800px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container {
    width: 100%;
    height: 100%;
    padding: 0;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container::after {
    content: "";
    display: block;
    position: relative;
    clear: both;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-img {
    width: 100%;
    height: 800px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text {
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text strong {
    margin-bottom: 102px;
    font-size: 28px;
    line-height: 40px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text strong::before, body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text strong::after {
    width: 15px;
    height: 12px;
    line-height: 12px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text strong::before {
    top: 2px;
    margin-left: -23px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text strong::after {
    bottom: 21px;
    margin-left: 10px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list {
    margin-bottom: 105px;
    justify-content: space-between;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li {
    width: 18.33%;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li::before, body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li::after {
    right: calc((25% + 7px) * -1);
    height: 20px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li .step-item {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li .step-item b {
    font-size: 22px;
    line-height: 28px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li .step-item span {
    font-size: 16px;
    line-height: 22px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li .step-item b + span {
    margin-top: 7px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .register a {
    min-width: 234px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .register a .btn {
    padding: 12px 52px 12px 18px;
    font-size: 15px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .register a .btn i {
    margin-top: 3px;
    right: 16px;
  }
  body.route1-management.route2-together #view-container article.article-together-opinion {
    margin-bottom: 160px;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-together .together-header {
    margin-bottom: 20px;
  }
  body.route1-management.route2-together .together-header .article-title-dot .title {
    padding-top: 37px;
    font-size: 24px;
    line-height: 30px;
  }
  body.route1-management.route2-together .together-header .article-title-dot .title::before {
    width: 25px;
    height: 25px;
  }
  body.route1-management.route2-together .together-visual {
    display: flex;
  }
  body.route1-management.route2-together .together-visual > .container {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
  body.route1-management.route2-together .together-visual .item-img {
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 240px;
  }
  body.route1-management.route2-together .together-visual .item-text {
    padding: 30px 40px 36px;
    background-color: #fff;
  }
  body.route1-management.route2-together .together-visual .item-text strong {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 25px;
  }
  body.route1-management.route2-together .together-visual .item-text strong::before, body.route1-management.route2-together .together-visual .item-text strong::after {
    width: 8px;
    height: 7px;
    line-height: 7px;
  }
  body.route1-management.route2-together .together-visual .item-text strong::before {
    top: 2px;
    margin-left: -10px;
  }
  body.route1-management.route2-together .together-visual .item-text strong::after {
    bottom: 17px;
    margin-left: 4px;
  }
  body.route1-management.route2-together .together-visual .item-text p {
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-management.route2-together .together-column {
    padding-top: 25px;
    padding-bottom: 45px;
  }
  body.route1-management.route2-together .together-column .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-together .together-column .container .column-item .article-title-dot .title {
    padding-top: 21px;
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-management.route2-together .together-column .container .column-item .article-title-dot .title::before {
    width: 15px;
    height: 15px;
  }
  body.route1-management.route2-together .together-column .container .column-item .btn {
    padding: 13px 18px 12px;
    font-size: 12px;
  }
  body.route1-management.route2-together .together-column .container .column-item p {
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-management.route2-together .together-column .container .column-item .article-title-dot + p {
    margin-top: 13px;
  }
  body.route1-management.route2-together .together-column .container .column-item p + a {
    margin-top: 16px;
  }
  body.route1-management.route2-together .together-column .container .column-item + .column-item {
    margin-top: 35px;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program > .container {
    max-width: inherit !important;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-img {
    height: 100%;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text {
    padding-top: 42px;
    padding-bottom: 70px;
    text-align: center;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text strong {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 25px;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text strong::before, body.route1-management.route2-together .article-together-propulsion .together-program .item-text strong::after {
    width: 8px;
    height: 7px;
    line-height: 7px;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text strong::before {
    top: 2px;
    margin-left: -10px;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text strong::after {
    bottom: 17px;
    margin-left: 4px;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text .program-swiper {
    margin-right: -30px;
    margin-left: -30px;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text .program-swiper .swiper-slide {
    width: 295px;
    margin-right: 10px;
    margin-left: 10px;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text .program-swiper .swiper-pagination {
    bottom: 35px;
    width: 100vw;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text .program-swiper .program-item {
    height: 260px;
    padding: 30px 20px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
    text-align: left;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text .program-swiper .program-item .subject span {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    vertical-align: top;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text .program-swiper .program-item .subject span.icon img {
    display: block;
    width: auto;
    height: 25px;
    vertical-align: top;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text .program-swiper .program-item .subject span.icon + span {
    margin-left: 10px;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text .program-swiper .program-item p {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 20px;
    word-break: keep-all;
  }
  body.route1-management.route2-together .article-together-propulsion .together-program .item-text .program-swiper .program-item .subject + p {
    margin-top: 15px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair {
    height: 472px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-img {
    left: 0;
    height: 100%;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text {
    top: 50%;
    max-width: 540px;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text strong {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 25px;
    word-break: keep-all;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text strong::before, body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text strong::after {
    width: 8px;
    height: 7px;
    line-height: 7px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text strong::before {
    top: 2px;
    margin-left: -10px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text strong::after {
    bottom: 17px;
    margin-left: 4px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text .download-list > li {
    width: 100%;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text .download-list > li .btn {
    padding: 13px 56px 12px 18px;
    font-size: 12px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text .download-list > li .btn i {
    right: 17px;
    margin-top: -5px;
    font-size: 22px;
  }
  body.route1-management.route2-together .article-together-fair .together-visual-fair > .container .item-text .download-list > li + li {
    margin-top: 10px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-img {
    left: 0;
    height: 100%;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text {
    max-width: 540px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 48px;
    padding-bottom: 50px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text strong {
    margin-bottom: 37px;
    font-size: 18px;
    line-height: 25px;
    word-break: keep-all;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text strong::before, body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text strong::after {
    width: 8px;
    height: 7px;
    line-height: 7px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text strong::before {
    top: 2px;
    margin-left: -10px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text strong::after {
    bottom: 17px;
    margin-left: 4px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list {
    flex-wrap: wrap;
    margin-right: -45px;
    margin-left: -20px;
    justify-content: space-between;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li {
    width: 50%;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li::before, body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li::after {
    right: 0;
    margin-right: calc((100% - 125px) / 2 - 5px);
    height: 15px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li .step-item {
    width: 125px;
    height: 125px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li .step-item b {
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li .step-item span {
    font-size: 12px;
    line-height: 20px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .step-list > li:nth-of-type(2) ~ li {
    margin-top: 30px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .register {
    margin-top: 62px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .register a {
    width: 100%;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .register a .btn {
    padding: 13px 46px 12px 18px;
    font-size: 12px;
  }
  body.route1-management.route2-together .article-together-opinion .together-visual-opinion > .container .item-text .register a .btn i {
    right: 17px;
    font-size: 18px;
  }
  body.route1-management.route2-together #view-container article.article-together-propulsion {
    margin-bottom: 0;
  }
  body.route1-management.route2-together #view-container article.article-together-opinion {
    margin-bottom: 75px;
  }
}
body.route1-management.route2-compliance.route3-index .sub-title {
  margin-bottom: 0;
  color: #539a00;
}
body.route1-management.route2-compliance.route3-index .compliance-header .article-title-dot {
  margin-bottom: 0;
}
body.route1-management.route2-compliance.route3-index .compliance-header .article-title-dot .title {
  margin-bottom: 0;
}
body.route1-management.route2-compliance.route3-index .compliance-header p {
  margin-bottom: 0;
  word-break: keep-all;
}
body.route1-management.route2-compliance.route3-index .compliance-visual {
  position: relative;
}
body.route1-management.route2-compliance.route3-index .compliance-visual > .container {
  width: 100%;
  height: 100%;
  padding: 0;
}
body.route1-management.route2-compliance.route3-index .compliance-visual > .container::after {
  content: "";
  display: block;
  position: relative;
  clear: both;
}
body.route1-management.route2-compliance.route3-index .compliance-visual .item-img {
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-compliance.route3-index .compliance-visual .item-text {
  position: relative;
}
body.route1-management.route2-compliance.route3-index .compliance-visual .item-text strong {
  display: inline-block;
  position: relative;
  font-weight: 600;
}
body.route1-management.route2-compliance.route3-index .compliance-visual .item-text strong::before, body.route1-management.route2-compliance.route3-index .compliance-visual .item-text strong::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-size: 100%;
}
body.route1-management.route2-compliance.route3-index .compliance-visual .item-text strong::before {
  background-image: url("../images/common/quote-open.svg");
  vertical-align: top;
}
body.route1-management.route2-compliance.route3-index .compliance-visual .item-text strong::after {
  background-image: url("../images/common/quote-close.svg");
  vertical-align: bottom;
}
body.route1-management.route2-compliance.route3-index .compliance-visual .item-text p {
  margin-bottom: 0;
  word-break: keep-all;
}
body.route1-management.route2-compliance.route3-index .management-strategy {
  background-color: #f4f4f4;
}
body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .figure {
  display: inline-block;
  background-size: cover;
  background-position: center;
  vertical-align: top;
}
body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .info {
  position: relative;
}
body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .info::before {
  content: "";
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #96c11f;
  border-radius: 50%;
}
body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .info strong {
  display: inline-block;
  vertical-align: top;
}
body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .info p {
  margin-bottom: 0;
}
body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .figure {
  display: inline-block;
  background-size: cover;
  background-position: center;
  vertical-align: top;
}
body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info {
  position: relative;
}
body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info p {
  margin-bottom: 0;
  word-break: keep-all;
}
body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article {
  position: relative;
}
body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-img {
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement {
  position: relative;
}
body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement strong {
  display: inline-block;
  position: relative;
  font-weight: 600;
  vertical-align: top;
}
body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement strong::before, body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement strong::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-size: 100%;
}
body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement strong::before {
  background-image: url("../images/common/quote-open.svg");
  vertical-align: top;
}
body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement strong::after {
  background-image: url("../images/common/quote-close.svg");
  vertical-align: bottom;
}
body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-list .declaration-item {
  position: relative;
}
body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-list .declaration-item span {
  display: inline-block;
  vertical-align: top;
  word-break: keep-all;
}
body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-list .declaration-item span.number {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-color: #000;
  border-radius: 50%;
  text-align: center;
  font-weight: 600;
}
body.route1-management.route2-compliance.route3-index .effort-list {
  display: flex;
}
body.route1-management.route2-compliance.route3-index .effort-list .effort-item .figure {
  display: inline-block;
  position: relative;
  background-size: cover;
  background-position: center;
  vertical-align: top;
}
body.route1-management.route2-compliance.route3-index .effort-list .effort-item .figure .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  background-size: cover;
  background-position: center;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
body.route1-management.route2-compliance.route3-index .effort-list .effort-item .info {
  position: relative;
}
body.route1-management.route2-compliance.route3-index .effort-list .effort-item .info::before {
  content: "";
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #96c11f;
  border-radius: 50%;
}
body.route1-management.route2-compliance.route3-index .effort-list .effort-item .info strong {
  display: inline-block;
  font-weight: 600;
  vertical-align: top;
}
body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item {
  position: relative;
  border: 1px solid #e8e8e8;
  border-top: none;
}
body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -1px;
  left: -1px;
  height: 0;
  border-top: 4px solid #96c11f;
}
body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .subject span, body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .subject strong {
  display: inline-block;
  vertical-align: middle;
}
body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .subject span.num img {
  display: inline-block;
  height: 100%;
  vertical-align: top;
}
body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li {
  position: relative;
}
body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li i {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  vertical-align: top;
}
body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li span {
  display: inline-block;
  vertical-align: top;
}
body.route1-management.route2-compliance.route3-index .report-content .report-apply {
  text-align: center;
}
body.route1-management.route2-compliance.route3-index .report-content .report-apply a {
  display: inline-block;
  vertical-align: top;
}
body.route1-management.route2-compliance.route3-index .report-content .report-apply a .btn-outline-report {
  border-color: #ca0202;
  color: #ca0202;
}
body.route1-management.route2-compliance.route3-index .report-content .report-apply a:hover .btn-outline-report {
  background-color: #ca0202;
  color: #fff;
}
@media (min-width: 992px) {
  body.route1-management.route2-compliance.route3-index .sub-title {
    font-size: 28px;
    line-height: 34px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-header {
    margin-bottom: 45px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-header .article-title-dot .title {
    padding-top: 51px;
    font-size: 36px;
    line-height: 42px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-header p {
    margin-top: 28px;
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual {
    height: 760px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual > .container {
    display: flex;
    align-items: flex-start;
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual .item-img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 760px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual .item-text {
    width: 1066px;
    margin-top: 170px;
    margin-right: auto;
    margin-left: auto;
    padding: 53px 84px 73px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual .item-text strong {
    font-size: 28px;
    line-height: 40px;
    word-break: keep-all;
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual .item-text strong::before, body.route1-management.route2-compliance.route3-index .compliance-visual .item-text strong::after {
    width: 15px;
    height: 12px;
    line-height: 12px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual .item-text strong::before {
    top: 2px;
    margin-left: -23px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual .item-text strong::after {
    bottom: 21px;
    margin-left: 10px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual .item-text p {
    margin-top: 34px;
    margin-right: -4px;
    margin-left: -4px;
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-content > .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy {
    padding-top: 98px;
    padding-bottom: 72px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list {
    display: flex;
    margin-top: 45px;
    margin-right: -42px;
    margin-left: -42px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item {
    width: 33.3%;
    padding-right: 42px;
    padding-left: 42px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .figure {
    width: 100%;
    height: 180px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .info {
    margin-top: 30px;
    padding-top: 35px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .info::before {
    width: 22px;
    height: 22px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .info strong {
    margin-right: -21px;
    font-size: 22px;
    line-height: 34px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .info p {
    margin-right: -21px;
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 34px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .info strong + p {
    margin-top: 13px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration {
    margin-top: 98px;
    margin-bottom: 68px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action {
    display: flex;
    height: 320px;
    margin-top: 44px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .figure {
    width: 502px;
    height: 100%;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info {
    width: 480px;
    padding: 110px 110px 74px 70px;
    word-break: keep-all;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-1, body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-2 {
    display: block;
    position: absolute;
    z-index: 1;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-1::before, body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-1::after, body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-2::before, body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-2::after {
    content: "";
    display: block;
    position: absolute;
    background-color: #96c11f;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-1 {
    top: 59px;
    left: -300px;
    width: calc(100% + 352px);
    height: calc(100% + 22px);
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-1::before, body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-1::after {
    top: 0;
    left: 0;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-1::before {
    width: 100%;
    height: 1px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-1::after {
    width: 1px;
    height: 100%;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-1 .dot {
    overflow: hidden;
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 36px;
    height: 36px;
    background-color: #96c11f;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(50%);
    -moz-transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
    -o-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%);
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-2 {
    right: 0;
    bottom: 23px;
    width: calc(100% + 415px);
    height: calc(100% - 26px);
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-2::before, body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-2::after {
    right: 0;
    bottom: 0;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-2::before {
    width: 100%;
    height: 2px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-2::after {
    width: 2px;
    height: 100%;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info p {
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article {
    margin-top: 78px;
    padding-top: 80px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-img {
    position: absolute;
    top: 0;
    width: 1600px;
    height: 760px;
    margin-right: -240px;
    margin-left: -240px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement {
    position: relative;
    margin-right: -40px;
    margin-left: -40px;
    padding: 75px 85px;
    background-color: rgba(255, 255, 255, 0.95);
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 180px 190px 0;
    border-color: transparent rgba(150, 193, 31, 0.9) transparent transparent;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement strong {
    font-size: 28px;
    line-height: 40px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement strong::before, body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement strong::after {
    width: 15px;
    height: 12px;
    line-height: 12px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement strong::before {
    top: 2px;
    margin-left: -23px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement strong::after {
    bottom: 21px;
    margin-left: 10px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-list {
    margin-top: 56px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-list .declaration-item {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 60px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-list .declaration-item span {
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-list .declaration-item span.number {
    width: 48px;
    height: 48px;
    font-size: 24px;
    line-height: 44px;
    border-width: 2px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-list .declaration-item + .declaration-item {
    margin-top: 20px;
  }
  body.route1-management.route2-compliance.route3-index .effort-list {
    margin-top: 45px;
    margin-right: -40px;
    margin-left: -40px;
  }
  body.route1-management.route2-compliance.route3-index .effort-list .effort-item {
    width: 25%;
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-compliance.route3-index .effort-list .effort-item .figure {
    width: 220px;
    height: 124px;
  }
  body.route1-management.route2-compliance.route3-index .effort-list .effort-item .figure .icon {
    width: 62px;
    height: 62px;
  }
  body.route1-management.route2-compliance.route3-index .effort-list .effort-item .info {
    margin-top: 30px;
    padding-top: 38px;
  }
  body.route1-management.route2-compliance.route3-index .effort-list .effort-item .info::before {
    width: 22px;
    height: 22px;
  }
  body.route1-management.route2-compliance.route3-index .effort-list .effort-item .info strong {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -1px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body.route1-management.route2-compliance.route3-index .effort-list {
    margin-right: -25px;
    margin-left: -25px;
  }
  body.route1-management.route2-compliance.route3-index .effort-list .effort-item {
    padding-right: 25px;
    padding-left: 25px;
  }
  body.route1-management.route2-compliance.route3-index .effort-list .effort-item .figure {
    width: 100%;
  }
}
@media (min-width: 992px) {
  body.route1-management.route2-compliance.route3-index .report-content {
    margin-top: 68px;
  }
  body.route1-management.route2-compliance.route3-index .report-content > .container {
    padding-right: 0;
    padding-left: 0;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column {
    display: flex;
    justify-content: space-between;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item {
    width: calc(50% - 20px);
    padding: 54px 40px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .subject span.num {
    height: 35px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .subject strong {
    margin-left: 32px;
    font-size: 28px;
    line-height: 34px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list {
    margin-top: 46px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li {
    padding-left: 24px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li i {
    top: 3px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li span {
    font-size: 18px;
    line-height: 24px;
    white-space: nowrap;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li span.sort {
    position: relative;
    padding-right: 14px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li span.sort::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 0;
    height: 14px;
    border-left: 1px solid #e8e8e8;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li span.sort + span {
    padding-left: 24px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li + li {
    margin-top: 20px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-apply {
    margin-top: 60px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-apply a {
    width: 270px;
    height: 60px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-apply a .btn-outline-report {
    font-size: 17px;
    height: 60px;
  }
}
@media (min-width: 992px) {
  body.route1-management.route2-compliance.route3-index #view-container article.article-compliance-management {
    margin-bottom: 165px;
  }
}
@media (min-width: 992px) {
  body.route1-management.route2-compliance.route3-index #view-container article.article-compliance-report {
    margin-bottom: 150px;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-compliance.route3-index .sub-title {
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-header {
    margin-bottom: 20px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-header .article-title-dot .title {
    padding-top: 37px;
    font-size: 24px;
    line-height: 30px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-header .article-title-dot .title::before {
    width: 25px;
    height: 25px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-header p {
    margin-top: 6px;
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual > .container {
    display: flex;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    flex-direction: column;
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual .item-img {
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 240px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual .item-text {
    padding: 30px 40px 36px;
    background-color: #fff;
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual .item-text strong {
    margin-bottom: 9px;
    font-size: 18px;
    line-height: 25px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual .item-text strong::before, body.route1-management.route2-compliance.route3-index .compliance-visual .item-text strong::after {
    width: 8px;
    height: 7px;
    line-height: 7px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual .item-text strong::before {
    top: 2px;
    margin-left: -10px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual .item-text strong::after {
    bottom: 17px;
    margin-left: 4px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-visual .item-text p {
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-management.route2-compliance.route3-index .compliance-content > .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy {
    padding-top: 47px;
    padding-bottom: 43px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list {
    margin-top: 28px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .figure {
    width: 100%;
    height: 166px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .info {
    margin-top: 23px;
    padding-top: 21px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .info::before {
    width: 15px;
    height: 15px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .info strong {
    font-size: 16px;
    line-height: 23px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .info p {
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item .info strong + p {
    margin-top: 6px;
  }
  body.route1-management.route2-compliance.route3-index .management-strategy .strategy-list .strategy-item + .strategy-item {
    margin-top: 37px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration {
    margin-top: 47px;
    margin-bottom: 45px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action {
    margin-top: 27px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .figure {
    width: 100%;
    height: 166px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info {
    margin-top: 20px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-1, body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info .line-2 {
    display: none;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-action .info p {
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article {
    margin-top: 45px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-img {
    height: 240px;
    margin-right: -40px;
    margin-left: -40px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement {
    margin-top: 31px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement strong {
    font-size: 18px;
    line-height: 25px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement strong::before, body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement strong::after {
    width: 8px;
    height: 7px;
    line-height: 7px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement strong::before {
    top: 2px;
    margin-left: -10px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-statement strong::after {
    bottom: 17px;
    margin-left: 4px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-list {
    margin-top: 25px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-list .declaration-item {
    padding-left: 40px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-list .declaration-item span {
    margin-top: -3px;
    font-size: 13px;
    line-height: 20px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-list .declaration-item span.number {
    width: 28px;
    height: 28px;
    margin-top: 0;
    font-size: 17px;
    line-height: 26px;
    border-width: 1px;
  }
  body.route1-management.route2-compliance.route3-index .management-declaration .declaration-article .declaration-list .declaration-item + .declaration-item {
    margin-top: 15px;
  }
  body.route1-management.route2-compliance.route3-index .effort-list {
    margin-top: 26px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body.route1-management.route2-compliance.route3-index .effort-list .effort-item {
    width: calc(50% - 10px);
  }
  body.route1-management.route2-compliance.route3-index .effort-list .effort-item .figure {
    width: 100%;
    height: 90px;
  }
  body.route1-management.route2-compliance.route3-index .effort-list .effort-item .figure .icon {
    width: 46px;
    height: 46px;
  }
  body.route1-management.route2-compliance.route3-index .effort-list .effort-item .info {
    margin-top: 20px;
    padding-top: 21px;
  }
  body.route1-management.route2-compliance.route3-index .effort-list .effort-item .info::before {
    width: 15px;
    height: 15px;
  }
  body.route1-management.route2-compliance.route3-index .effort-list .effort-item .info strong {
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-management.route2-compliance.route3-index .effort-list .effort-item:nth-of-type(2) ~ .effort-item {
    margin-top: 30px;
  }
  body.route1-management.route2-compliance.route3-index .report-content {
    padding-top: 12px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item {
    padding: 32px 20px 24px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .subject span.num {
    height: 17px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .subject strong {
    margin-left: 10px;
    font-size: 16px;
    line-height: 22px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list {
    margin-top: 13px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li {
    display: flex;
    padding-left: 15px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li i {
    top: 2px;
    margin-left: -3px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li span {
    font-size: 13px;
    line-height: 20px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li span.sort {
    position: relative;
    padding-right: 8px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li span.sort::after {
    content: ":";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    vertical-align: top;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li span.sort + span {
    padding-left: 30px;
    flex: 1;
    word-break: keep-all;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item .report-list li + li {
    margin-top: 7px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-column .column-item + .column-item {
    margin-top: 20px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-apply {
    margin-top: 25px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-apply a {
    width: 150px;
    height: 43px;
  }
  body.route1-management.route2-compliance.route3-index .report-content .report-apply a .btn-outline-report {
    font-size: 14px;
    height: 43px;
  }
  body.route1-management.route2-compliance.route3-index #view-container article.article-compliance-management {
    margin-bottom: 47px;
  }
  body.route1-management.route2-compliance.route3-index #view-container article.article-compliance-report {
    margin-bottom: 75px;
  }
}
body.route1-management.route2-compliance .compliance-wrap h4 {
  font-weight: 600;
}
body.route1-management.route2-compliance .compliance-wrap .btn-cancel {
  background: #f1f1f1;
  border: 0;
  color: #000000;
  font-weight: 600;
}
body.route1-management.route2-compliance .compliance-wrap .btn-success {
  background: #96c11f;
  border: 0;
  color: #000000;
  font-weight: 600;
}
body.route1-management.route2-compliance .compliance-wrap .btn-home {
  padding: 0;
  background: #96c11f;
  border: 0;
  color: #000000;
  font-weight: 600;
}
body.route1-management.route2-compliance .compliance-wrap textarea {
  resize: none;
  width: 100%;
  border: 1px solid #dddddd;
}
body.route1-management.route2-compliance .compliance-wrap textarea::placeholder {
  color: #888;
}
body.route1-management.route2-compliance .compliance-wrap .article-register-form .form-container .form-item .terms-area {
  overflow-y: hidden;
  height: auto;
  line-height: 30px;
}
body.route1-management.route2-compliance .compliance-wrap .filebox.bs3-primary {
  height: 100%;
}
body.route1-management.route2-compliance .compliance-wrap .filebox input[type=file] {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
body.route1-management.route2-compliance .compliance-wrap .filebox label {
  display: block;
  background: #fff;
  border: 1px solid #000;
  color: #222222;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
}
body.route1-management.route2-compliance .compliance-wrap .success-cont strong {
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 992px) {
  body.route1-management.route2-compliance .compliance-wrap h4 {
    font-size: 20px;
  }
  body.route1-management.route2-compliance .compliance-wrap .btn {
    padding: 9px 6px;
  }
  body.route1-management.route2-compliance .compliance-wrap .btn-cancel {
    width: 180px;
    margin-right: 10px;
    font-size: 16px;
    line-height: 54px;
  }
  body.route1-management.route2-compliance .compliance-wrap .btn-success {
    width: 180px;
    font-size: 16px;
    line-height: 54px;
  }
  body.route1-management.route2-compliance .compliance-wrap .btn-home {
    width: 180px;
    padding: 0;
    font-size: 16px;
    line-height: 54px;
  }
  body.route1-management.route2-compliance .compliance-wrap textarea {
    height: 200px;
    padding: 20px;
  }
  body.route1-management.route2-compliance .compliance-wrap .filebox label {
    font-size: 16px;
    line-height: 42px;
  }
  body.route1-management.route2-compliance .compliance-wrap .success-cont {
    padding: 100px 15px 90px;
  }
  body.route1-management.route2-compliance .compliance-wrap .success-cont i {
    font-size: 40px;
    margin-bottom: 35px;
  }
  body.route1-management.route2-compliance .compliance-wrap .success-cont strong {
    display: inline-block;
    font-size: 28px;
    vertical-align: top;
  }
  body.route1-management.route2-compliance .compliance-wrap .success-cont span {
    margin-top: 10px;
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-compliance .compliance-wrap .btn-cancel {
    width: 100px;
    font-size: 14px;
    line-height: 40px;
  }
  body.route1-management.route2-compliance .compliance-wrap .btn-success {
    width: 100px;
    font-size: 14px;
    line-height: 40px;
  }
  body.route1-management.route2-compliance .compliance-wrap .btn-home {
    width: 205px;
    padding: 0;
    font-size: 14px;
    line-height: 50px;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-compliance.route3-register .compliance-wrap .required-guide {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap textarea {
    height: 200px;
    padding: 15px;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .row.phone > div {
    max-width: 100%;
    flex-basis: 100%;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .row.phone > div + div {
    margin-top: 10px;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .row.phone button {
    height: 44px;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .row.confirm {
    margin-top: 20px;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .row.confirm > div {
    position: relative;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .row.confirm > div .form-control {
    padding-right: 70px;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .row.confirm span.time {
    display: none;
    position: absolute;
    top: 0;
    right: 25px;
    color: #539a00;
    font-size: 14px;
    font-weight: 600;
    line-height: 44px;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .row.confirm.count span.time {
    display: block;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .row.confirm button {
    height: 44px;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .row.file > div {
    max-width: 100%;
    flex-basis: 100%;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .row.file > div + div {
    margin-top: 10px;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .row.file label {
    height: 44px;
    line-height: 42px;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .row.util button {
    width: 142px;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .row.util button + button {
    margin-left: 10px;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .term-item {
    margin-top: 18px;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .term-item:last-child {
    margin-bottom: 0;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .term-item .term-group {
    display: flex;
    margin-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    justify-content: space-between;
    align-items: center;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .term-item .term-group label {
    margin-right: 0;
    margin-bottom: 0;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .term-item .term-group label span {
    margin-right: 0;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .term-item .term-group .btn-toggle {
    display: inline-block;
    color: #888;
    border-bottom: 1px solid #888;
    font-size: 11px;
    line-height: 18px;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .term-item + .term-item {
    margin-bottom: 11px;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .term-note {
    margin-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .article-register-form.form-terms .form-container {
    border-bottom: 1px solid #e4e4e4;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .article-register-form + .article-register-form {
    margin-top: 50px;
  }
  body.route1-management.route2-compliance.route3-register .compliance-wrap .article-register-form .form-container .form-item .terms-area {
    margin: 0;
  }
}
body.route1-management.route2-compliance.route3-success .compliance-wrap .success-cont {
  border-top: 1px solid #000000;
  text-align: center;
}
body.route1-management.route2-compliance.route3-success .compliance-wrap .success-cont i {
  display: block;
  color: #aaaaaa;
}
body.route1-management.route2-compliance.route3-success .compliance-wrap .success-cont strong {
  color: #000000;
  font-weight: 600;
}
body.route1-management.route2-compliance.route3-success .compliance-wrap .success-cont span {
  display: block;
  color: #999999;
  font-weight: 400;
}
@media (min-width: 992px) {
  body.route1-management.route2-compliance.route3-success .compliance-wrap .success-cont {
    padding: 100px 15px 30px;
  }
  body.route1-management.route2-compliance.route3-success .compliance-wrap .success-cont i {
    font-size: 40px;
    margin-bottom: 20px;
  }
  body.route1-management.route2-compliance.route3-success .compliance-wrap .success-cont strong {
    font-size: 28px;
    line-height: 34px;
  }
  body.route1-management.route2-compliance.route3-success .compliance-wrap .success-cont span {
    font-size: 16px;
    line-height: 22px;
  }
  body.route1-management.route2-compliance.route3-success .compliance-wrap .success-cont i + strong {
    margin-top: 16px;
  }
  body.route1-management.route2-compliance.route3-success .compliance-wrap .btn-home {
    width: 180px;
    margin-top: 7px;
    padding: 0;
    font-size: 16px;
    line-height: 54px;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-compliance.route3-success .compliance-wrap .success-cont {
    padding: 100px 15px 25px;
  }
  body.route1-management.route2-compliance.route3-success .compliance-wrap .success-cont i {
    font-size: 56px;
  }
  body.route1-management.route2-compliance.route3-success .compliance-wrap .success-cont strong {
    font-size: 20px;
    line-height: 27px;
  }
  body.route1-management.route2-compliance.route3-success .compliance-wrap .success-cont span {
    font-size: 13px;
    line-height: 19px;
  }
  body.route1-management.route2-compliance.route3-success .compliance-wrap .success-cont i + strong {
    margin-top: 36px;
  }
  body.route1-management.route2-compliance.route3-success .compliance-wrap .success-cont strong + span {
    margin-top: 12px;
  }
}
body.route1-management.route2-customer_manage .sub-title {
  margin-bottom: 0;
  color: #539a00;
}
body.route1-management.route2-customer_manage .cm-header .article-title-dot {
  margin-bottom: 0;
}
body.route1-management.route2-customer_manage .cm-header .article-title-dot .title {
  margin-bottom: 0;
}
body.route1-management.route2-customer_manage .cm-visual {
  position: relative;
}
body.route1-management.route2-customer_manage .cm-visual > .container {
  width: 100%;
  height: 100%;
  padding: 0;
}
body.route1-management.route2-customer_manage .cm-visual > .container::after {
  content: "";
  display: block;
  position: relative;
  clear: both;
}
body.route1-management.route2-customer_manage .cm-visual .item-img {
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-customer_manage .cm-visual .item-text {
  position: relative;
}
body.route1-management.route2-customer_manage .cm-visual .item-text strong {
  display: inline-block;
  position: relative;
  font-weight: 600;
}
body.route1-management.route2-customer_manage .cm-visual .item-text strong::before, body.route1-management.route2-customer_manage .cm-visual .item-text strong::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-size: 100%;
}
body.route1-management.route2-customer_manage .cm-visual .item-text strong::before {
  background-image: url("../images/common/quote-open.svg");
  vertical-align: top;
}
body.route1-management.route2-customer_manage .cm-visual .item-text strong::after {
  background-image: url("../images/common/quote-close.svg");
  vertical-align: bottom;
}
body.route1-management.route2-customer_manage .cm-visual .item-text p {
  margin-bottom: 0;
  word-break: keep-all;
}
body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .expectation-column .column-item .subject {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .expectation-column .column-item .subject::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #96c11f;
  border-radius: 50%;
}
body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .expectation-column .column-item .subject span {
  display: block;
}
body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .expectation-column .column-item .subject span.icon {
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .expectation-column .column-item .subject span.icon + span {
  font-weight: 600;
}
body.route1-management.route2-customer_manage .ccm-lsp > .container {
  position: relative;
}
body.route1-management.route2-customer_manage .ccm-lsp > .container::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #f0f0f0;
}
body.route1-management.route2-customer_manage .ccm-lsp .dp-title {
  position: absolute;
  color: #f3f2ef;
  font-weight: 600;
}
body.route1-management.route2-customer_manage .ccm-lsp .lsp {
  position: relative;
}
body.route1-management.route2-customer_manage .ccm-lsp .lsp img {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-1, body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-2 {
  display: block;
  position: absolute;
  z-index: 1;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-1::before, body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-1::after, body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-2::before, body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-2::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #96c11f;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-1 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-1::before, body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-1::after {
  top: 0;
  left: 0;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-1::before {
  width: 100%;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-1::after {
  height: 100%;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-2 {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-2::before, body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-2::after {
  right: 0;
  bottom: 0;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-2::before {
  width: 100%;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-2::after {
  height: 100%;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .video-container {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .video-container .video-frame {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .video-container .video-frame iframe {
  width: 100%;
  height: 100%;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .video-container .cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .video-container .cover .icon-play::before, body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .video-container .cover .icon-play::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  text-align: center;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .video-container .cover .icon-play::before {
  color: #fff;
  z-index: 1;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .video-container .cover .icon-play::after {
  content: "";
  border-radius: 50%;
  background: #ca0202;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-subtitle {
  position: relative;
  background-color: #f6f6f6;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-subtitle div.subtitle-wrap {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-subtitle-toggle {
  position: relative;
  text-align: right;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-subtitle-toggle .btn-toggle span._on {
  display: none;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-subtitle-toggle .btn-toggle span._off {
  display: block;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-subtitle-toggle .btn-toggle.collapsed span._on {
  display: block;
}
body.route1-management.route2-customer_manage .ccm-introduction .video-subtitle-toggle .btn-toggle.collapsed span._off {
  display: none;
}
body.route1-management.route2-customer_manage .expectation-certification .certificate-list {
  display: flex;
  justify-content: space-between;
}
body.route1-management.route2-customer_manage .expectation-certification .certificate-list .certificate-item {
  display: flex;
  flex-direction: column;
}
body.route1-management.route2-customer_manage .expectation-certification .certificate-list .certificate-item .figure {
  width: 100%;
}
body.route1-management.route2-customer_manage .expectation-certification .certificate-list .certificate-item .figure img {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
@media (min-width: 992px) {
  body.route1-management.route2-customer_manage .sub-title {
    font-size: 28px;
    line-height: 34px;
  }
  body.route1-management.route2-customer_manage .cm-header {
    margin-bottom: 45px;
  }
  body.route1-management.route2-customer_manage .cm-header .article-title-dot .title {
    padding-top: 51px;
    font-size: 36px;
    line-height: 42px;
  }
  body.route1-management.route2-customer_manage .cm-visual {
    height: 520px;
  }
  body.route1-management.route2-customer_manage .cm-visual > .container {
    display: flex;
    align-items: flex-start;
  }
  body.route1-management.route2-customer_manage .cm-visual .item-img {
    position: absolute;
    top: 0;
    width: 83.33%;
    height: 520px;
  }
  body.route1-management.route2-customer_manage .cm-visual .item-text {
    display: flex;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  }
  body.route1-management.route2-customer_manage .cm-visual.ccm-visual .item-img {
    left: 0;
  }
  body.route1-management.route2-customer_manage .cm-visual.ccm-visual .item-text {
    width: calc(100% + 400px);
    margin-top: 130px;
    margin-right: -360px;
    margin-left: -40px;
    padding-top: 55px;
    padding-bottom: 72px;
    justify-content: flex-start;
  }
  body.route1-management.route2-customer_manage .cm-visual.ccm-visual .item-text .item-text-wrap {
    max-width: 900px;
    margin-left: 85px;
  }
  body.route1-management.route2-customer_manage .cm-visual.ccm-visual .item-text .item-text-wrap strong {
    font-size: 28px;
    line-height: 40px;
  }
  body.route1-management.route2-customer_manage .cm-visual.ccm-visual .item-text .item-text-wrap strong::before, body.route1-management.route2-customer_manage .cm-visual.ccm-visual .item-text .item-text-wrap strong::after {
    width: 15px;
    height: 12px;
    line-height: 12px;
  }
  body.route1-management.route2-customer_manage .cm-visual.ccm-visual .item-text .item-text-wrap strong::before {
    top: 2px;
    margin-left: -23px;
  }
  body.route1-management.route2-customer_manage .cm-visual.ccm-visual .item-text .item-text-wrap strong::after {
    bottom: 21px;
    margin-left: 10px;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-img {
    right: 0;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text {
    width: calc(100% + 430px);
    margin-top: 110px;
    margin-right: -70px;
    margin-left: -360px;
    padding-top: 60px;
    padding-bottom: 92px;
    justify-content: flex-end;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .item-text-wrap {
    width: calc(100% - 430px);
    margin-right: 30px;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .item-text-wrap .expectation-column {
    display: flex;
    justify-content: space-between;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .item-text-wrap .expectation-column .column-item {
    width: 50%;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .item-text-wrap .expectation-column .column-item .subject {
    display: inline-block;
    position: relative;
    vertical-align: top;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .item-text-wrap .expectation-column .column-item .subject::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #96c11f;
    border-radius: 50%;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .item-text-wrap .expectation-column .column-item .subject::before {
    top: 28px;
    right: -27px;
    width: 22px;
    height: 22px;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .item-text-wrap .expectation-column .column-item .subject span {
    display: block;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .item-text-wrap .expectation-column .column-item .subject span.icon {
    background-size: cover;
    background-position: center;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .item-text-wrap .expectation-column .column-item .subject span.icon + span {
    font-weight: 600;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .item-text-wrap .expectation-column .column-item .subject span.icon {
    width: 50px;
    height: 50px;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .item-text-wrap .expectation-column .column-item .subject span.icon + span {
    margin-top: 18px;
    font-size: 22px;
    line-height: 28px;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .item-text-wrap .expectation-column .column-item p {
    margin-top: 13px;
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .item-text-wrap .expectation-column .column-item:nth-of-type(2) {
    padding-left: 20px;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .item-text-wrap .expectation-column .column-item:nth-of-type(2) .subject span.icon {
    width: 40px;
  }
  body.route1-management.route2-customer_manage .ccm-lsp > .container {
    padding-right: 30px;
    padding-left: 30px;
  }
  body.route1-management.route2-customer_manage .ccm-lsp .dp-title {
    font-size: 180px;
    line-height: 200px;
    letter-spacing: -3px;
  }
  body.route1-management.route2-customer_manage .ccm-lsp .dp-title.leadership {
    top: 50px;
    left: 0;
    margin-left: -340px;
  }
  body.route1-management.route2-customer_manage .ccm-lsp .dp-title.system {
    bottom: 46px;
    right: 0;
    margin-right: -320px;
  }
  body.route1-management.route2-customer_manage .ccm-lsp .lsp {
    padding-top: 208px;
    padding-bottom: 142px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction {
    margin-top: 96px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction > .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view {
    width: calc(100% + 80px);
    margin-top: 76px;
    margin-right: -40px;
    margin-left: -40px;
    padding-bottom: 30px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-1 {
    top: -31px;
    left: -31px;
    width: calc(100% + 92px);
    height: calc(100% + 94px);
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-1::before {
    height: 1px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-1::after {
    width: 1px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-2 {
    right: -32px;
    bottom: -32px;
    width: calc(100% + 113px);
    height: calc(100% + 120px);
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-2::before {
    height: 2px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-2::after {
    width: 2px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .video-container .cover .icon-play::before, body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .video-container .cover .icon-play::after {
    width: 76px;
    height: 76px;
    line-height: 76px;
    margin-top: -38px;
    margin-left: -38px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .video-container .cover .icon-play::before {
    font-size: 26px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-subtitle {
    margin-top: 30px;
    margin-right: -40px;
    margin-left: -40px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-subtitle div.subtitle-wrap {
    height: 210px;
    padding: 35px 40px;
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-subtitle-toggle {
    margin-right: -40px;
    margin-left: -40px;
    padding-top: 30px;
  }
  body.route1-management.route2-customer_manage .expectation-effectiveness {
    margin-top: 98px;
  }
  body.route1-management.route2-customer_manage .expectation-effectiveness > .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-customer_manage .expectation-effectiveness .expectation-visual {
    margin-top: 44px;
  }
  body.route1-management.route2-customer_manage .expectation-certification {
    margin-top: 94px;
  }
  body.route1-management.route2-customer_manage .expectation-certification > .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-customer_manage .expectation-certification .sub-title {
    line-height: 40px;
  }
  body.route1-management.route2-customer_manage .expectation-certification .certificate {
    margin-top: 28px;
    font-size: 20px;
    line-height: 26px;
  }
  body.route1-management.route2-customer_manage .expectation-certification .certificate-list {
    margin-top: 48px;
  }
  body.route1-management.route2-customer_manage .expectation-certification .certificate-list .certificate-item {
    width: 45%;
  }
  body.route1-management.route2-customer_manage .expectation-certification .certificate-list .certificate-item .figure {
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
  }
  body.route1-management.route2-customer_manage .expectation-certification .certificate-list .certificate-item .caption {
    margin-top: 36px;
    padding-left: 26px;
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-management.route2-customer_manage #view-container article.article-cm-ccm {
    margin-bottom: 176px;
  }
}
@media (max-width: 991px) {
  body.route1-management.route2-customer_manage .sub-title {
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-management.route2-customer_manage b.zoom {
    overflow: hidden;
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
  }
  body.route1-management.route2-customer_manage b.zoom span.icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    background-image: url(../../resources2/images/common/image-zoom.svg);
    background-size: cover;
    background-position: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  body.route1-management.route2-customer_manage .cm-header {
    margin-bottom: 20px;
  }
  body.route1-management.route2-customer_manage .cm-header .article-title-dot .title {
    padding-top: 37px;
    font-size: 24px;
    line-height: 30px;
  }
  body.route1-management.route2-customer_manage .cm-header .article-title-dot .title::before {
    width: 25px;
    height: 25px;
  }
  body.route1-management.route2-customer_manage .cm-visual > .container {
    display: flex;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    flex-direction: column;
  }
  body.route1-management.route2-customer_manage .cm-visual .item-img {
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 240px;
  }
  body.route1-management.route2-customer_manage .cm-visual .item-text {
    padding: 30px 40px 36px;
    background-color: #fff;
  }
  body.route1-management.route2-customer_manage .cm-visual .item-text strong {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 25px;
  }
  body.route1-management.route2-customer_manage .cm-visual .item-text strong::before, body.route1-management.route2-customer_manage .cm-visual .item-text strong::after {
    width: 8px;
    height: 7px;
    line-height: 7px;
  }
  body.route1-management.route2-customer_manage .cm-visual .item-text strong::before {
    top: 2px;
    margin-left: -10px;
  }
  body.route1-management.route2-customer_manage .cm-visual .item-text strong::after {
    bottom: 17px;
    margin-left: 4px;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text {
    padding: 34px 40px 42px;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .expectation-column .column-item .subject::before {
    top: 18px;
    left: 43px;
    width: 15px;
    height: 15px;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .expectation-column .column-item .subject span.icon {
    width: 34px;
    height: 34px;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .expectation-column .column-item .subject span.icon + span {
    margin-top: 7px;
    font-size: 16px;
    line-height: 22px;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .expectation-column .column-item p {
    margin-top: 5px;
    font-size: 13px;
    line-height: 20px;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .expectation-column .column-item:nth-of-type(2) .subject span.icon {
    width: 28px;
  }
  body.route1-management.route2-customer_manage .cm-visual.expectation-visual .item-text .expectation-column .column-item + .column-item {
    margin-top: 28px;
  }
  body.route1-management.route2-customer_manage .ccm-lsp {
    margin-top: 50px;
  }
  body.route1-management.route2-customer_manage .ccm-lsp > .container {
    padding-right: 10px;
    padding-left: 10px;
  }
  body.route1-management.route2-customer_manage .ccm-lsp > .container::before {
    width: calc(100% - 40px);
    margin-right: 20px;
    margin-left: 20px;
  }
  body.route1-management.route2-customer_manage .ccm-lsp .dp-title {
    font-size: 55px;
    line-height: 80px;
  }
  body.route1-management.route2-customer_manage .ccm-lsp .dp-title.leadership {
    top: -20px;
    left: 0;
    margin-left: -105px;
  }
  body.route1-management.route2-customer_manage .ccm-lsp .dp-title.system {
    bottom: 10px;
    right: 0;
    margin-right: -100px;
  }
  body.route1-management.route2-customer_manage .ccm-lsp .lsp {
    padding-top: 36px;
    padding-bottom: 50px;
  }
  body.route1-management.route2-customer_manage .ccm-lsp .lsp b.zoom {
    top: 0;
    right: 10px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction {
    margin-top: 47px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction > .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view {
    margin-top: 31px;
    padding-bottom: 13px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-1 {
    top: -11px;
    left: -10px;
    width: calc(100% + 40px);
    height: calc(100% + 46px);
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-1::before {
    height: 1px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-1::after {
    width: 1px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-2 {
    right: -10px;
    bottom: -12px;
    width: calc(100% + 41px);
    height: calc(100% + 55px);
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-2::before {
    height: 2px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .line-2::after {
    width: 2px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .video-container .cover .icon-play::before, body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .video-container .cover .icon-play::after {
    width: 38px;
    height: 38px;
    line-height: 38px;
    margin-top: -19px;
    margin-left: -19px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-view .view-wrap .video-container .cover .icon-play::before {
    font-size: 13px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-subtitle {
    display: block !important;
    margin-top: 12px;
  }
  body.route1-management.route2-customer_manage .ccm-introduction .video-subtitle div.subtitle-wrap {
    height: 105px;
    padding: 18px 20px;
    font-size: 10px;
    line-height: 17px;
  }
  body.route1-management.route2-customer_manage .expectation-effectiveness {
    margin-top: 48px;
  }
  body.route1-management.route2-customer_manage .expectation-effectiveness > .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-customer_manage .expectation-effectiveness .expectation-visual {
    margin-top: 21px;
  }
  body.route1-management.route2-customer_manage .expectation-certification {
    margin-top: 47px;
  }
  body.route1-management.route2-customer_manage .expectation-certification > .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  body.route1-management.route2-customer_manage .expectation-certification .sub-title {
    line-height: 25px;
  }
  body.route1-management.route2-customer_manage .expectation-certification .certificate {
    margin-top: 21px;
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-management.route2-customer_manage .expectation-certification .certificate-list {
    margin-top: 27px;
    margin-right: -12px;
    margin-left: -12px;
  }
  body.route1-management.route2-customer_manage .expectation-certification .certificate-list .certificate-item {
    width: 50%;
    padding-right: 12px;
    padding-left: 12px;
  }
  body.route1-management.route2-customer_manage .expectation-certification .certificate-list .certificate-item .figure {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  }
  body.route1-management.route2-customer_manage .expectation-certification .certificate-list .certificate-item .caption {
    margin-top: 17px;
    font-size: 13px;
    line-height: 19px;
  }
  body.route1-management.route2-customer_manage #view-container article.article-cm-ccm {
    margin-bottom: 73px;
  }
}

body.route1-promotion.route2-overview .event-more-arrow {
  margin-bottom: 25px;
}
body.route1-promotion.route2-overview .event-more-arrow a {
  border-bottom: solid 1px #eeeeee;
  padding: 0 10px 5px;
}
@media (min-width: 992px) {
  body.route1-promotion.route2-overview .event-quick-link {
    margin-top: 60px;
  }
}
@media (max-width: 991px) {
  body.route1-promotion.route2-overview .event-quick-link {
    margin-top: 25px;
  }
}
body.route1-promotion.route2-overview .bg-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
body.route1-promotion.route2-overview .article-nongshim-event-swiper #nongshim-event-swiper-container {
  padding-bottom: 40px;
}
body.route1-promotion.route2-overview .article-nongshim-event-swiper #nongshim-event-swiper-container .swiper-slide {
  width: 1024px;
}
body.route1-promotion.route2-overview .article-nongshim-event-swiper #nongshim-event-swiper-container .swiper-item {
  width: 1024px;
  height: 550px;
  box-shadow: 5px 4px 10px rgba(0, 0, 0, 0.2);
}
body.route1-promotion.route2-overview .article-nongshim-event-swiper #nongshim-event-swiper-container .swiper-item img {
  width: 100%;
}
body.route1-promotion.route2-overview .article-nongshim-event-swiper .swiper-pannel {
  position: relative;
  margin-top: -130px;
}
body.route1-promotion.route2-overview .article-nongshim-event-swiper .swiper-pannel > .container {
  padding-bottom: 70px;
  border-bottom: solid 1px #e4e4e4;
}
body.route1-promotion.route2-overview .article-nongshim-event-swiper .swiper-pannel .pannel {
  position: relative;
  display: inline-block;
  width: 460px;
  background-color: #FFF;
  padding: 60px;
  text-align: center;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.route1-promotion.route2-overview .article-nongshim-event-swiper .swiper-pannel .pannel strong {
  font-size: 26px;
}
body.route1-promotion.route2-overview .article-nongshim-event-swiper .swiper-pannel .pannel .desc {
  font-size: 14px;
  margin-top: 35px;
  color: #666;
}
body.route1-promotion.route2-overview .article-nongshim-event-swiper .swiper-pannel .swiper-pagination {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  body.route1-promotion.route2-overview .article-nongshim-event-swiper #nongshim-event-swiper-container .swiper-slide {
    width: 100%;
  }
  body.route1-promotion.route2-overview .article-nongshim-event-swiper #nongshim-event-swiper-container .swiper-item {
    width: 100%;
    height: 100%;
  }
  body.route1-promotion.route2-overview .article-nongshim-event-swiper .swiper-pannel {
    margin-top: -60px;
  }
  body.route1-promotion.route2-overview .article-nongshim-event-swiper .swiper-pannel > .container {
    padding-bottom: 40px;
  }
  body.route1-promotion.route2-overview .article-nongshim-event-swiper .swiper-pannel .pannel {
    width: 85%;
    padding: 20px;
  }
  body.route1-promotion.route2-overview .article-nongshim-event-swiper .swiper-pannel .pannel strong {
    font-size: 18px;
  }
  body.route1-promotion.route2-overview .article-nongshim-event-swiper .swiper-pannel .pannel .desc {
    margin-top: 10px;
  }
}
body.route1-promotion.route2-overview .article-nzin .img-container {
  position: relative;
  height: 640px;
  background-size: cover;
  background-position: center;
}
body.route1-promotion.route2-overview .article-nzin .img-container .img-box {
  padding: 50px 75px 35px;
  background-color: #FFF;
}
body.route1-promotion.route2-overview .article-nzin .img-container .img-box h2 {
  font-size: 26px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  body.route1-promotion.route2-overview .article-nzin .img-container .img-box {
    position: relative;
  }
  body.route1-promotion.route2-overview .article-nzin .img-container .img-box::before, body.route1-promotion.route2-overview .article-nzin .img-container .img-box::after {
    content: "";
    position: absolute;
    top: 0;
    height: 6px;
  }
  body.route1-promotion.route2-overview .article-nzin .img-container .img-box::before {
    left: 0;
    width: 60%;
    background-color: #96c11f;
  }
  body.route1-promotion.route2-overview .article-nzin .img-container .img-box::after {
    right: 0;
    width: 40%;
    background-color: #f2f1de;
  }
  body.route1-promotion.route2-overview .article-nzin .img-container .img-box .more {
    opacity: 0;
  }
  body.route1-promotion.route2-overview .article-nzin .img-container .img-box:hover .more {
    opacity: 1;
    transition: opacity 0.4s;
  }
}
@media (max-width: 991px) {
  body.route1-promotion.route2-overview .article-nzin .img-container {
    height: 175px;
  }
  body.route1-promotion.route2-overview .article-nzin .img-container .img-box {
    padding: 30px 25px 20px;
    position: relative;
  }
  body.route1-promotion.route2-overview .article-nzin .img-container .img-box::before, body.route1-promotion.route2-overview .article-nzin .img-container .img-box::after {
    content: "";
    position: absolute;
    top: 0;
    height: 3px;
  }
  body.route1-promotion.route2-overview .article-nzin .img-container .img-box::before {
    left: 0;
    width: 60%;
    background-color: #96c11f;
  }
  body.route1-promotion.route2-overview .article-nzin .img-container .img-box::after {
    right: 0;
    width: 40%;
    background-color: #f2f1de;
  }
  body.route1-promotion.route2-overview .article-nzin .img-container .img-box h2 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
body.route1-promotion.route2-overview .article-nzin-card .img-container {
  height: 360px;
  margin-bottom: 50px;
  background-size: cover;
  background-position: center;
  box-shadow: 5px 4px 10px rgba(0, 0, 0, 0.2);
}
@media (min-width: 992px) {
  body.route1-promotion.route2-overview .article-nzin-card .article-title-dot {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 991px) {
  body.route1-promotion.route2-overview .article-nzin-card .img-container {
    height: 180px;
  }
}
body.route1-promotion.route2-overview .tv-info {
  position: relative;
  height: 100%;
}
body.route1-promotion.route2-overview .tv-info .video-frame {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-size: cover;
  background-position: center;
}
body.route1-promotion.route2-overview .tv-info .cover {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
body.route1-promotion.route2-overview .tv-info .cover .button-box .icon-play::before, body.route1-promotion.route2-overview .tv-info .cover .button-box .icon-play::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 76px;
  height: 76px;
  text-align: center;
  line-height: 76px;
  margin-top: -38px;
  margin-left: -38px;
}
body.route1-promotion.route2-overview .tv-info .cover .button-box .icon-play::before {
  font-size: 26px;
  color: #fff;
  z-index: 1;
}
body.route1-promotion.route2-overview .tv-info .cover .button-box .icon-play::after {
  content: "";
  border-radius: 50%;
  background: #ca0202;
}
body.route1-promotion.route2-overview .tv-info .cover .desc-box {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 50px 70px;
}
body.route1-promotion.route2-overview .tv-info .cover .desc-box strong {
  font-size: 28px;
  color: #fff;
  font-weight: bold;
}
body.route1-promotion.route2-overview .tv-info .cover .desc-box > p {
  font-size: 18px;
  color: #fff;
  padding: 3px 0 0;
  margin: 0;
}
@media (max-width: 991px) {
  body.route1-promotion.route2-overview .tv-info .cover .desc-box {
    display: none;
  }
}
body.route1-promotion.route2-overview .article-nongshim-tv {
  position: relative;
}
body.route1-promotion.route2-overview .article-nongshim-tv .tv-swiper-container {
  position: relative;
  padding-bottom: 140px;
}
body.route1-promotion.route2-overview .article-nongshim-tv .tv-swiper-container::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background-color: #f4f4f4;
}
body.route1-promotion.route2-overview .article-nongshim-tv .tv-swiper-container #nongshim-tv {
  position: relative;
  padding: 20px;
  margin-left: -100px;
  z-index: 10;
}
body.route1-promotion.route2-overview .article-nongshim-tv .tv-swiper-container #nongshim-tv .swiper-wrapper {
  z-index: 2;
}
body.route1-promotion.route2-overview .article-nongshim-tv .tv-swiper-container #nongshim-tv .swiper-wrapper .swiper-slide {
  width: 1024px;
}
body.route1-promotion.route2-overview .article-nongshim-tv .tv-swiper-container #nongshim-tv .swiper-item {
  width: 1024px;
  height: 550px;
  background-position: center;
  background-size: cover;
  box-shadow: 5px 4px 10px rgba(0, 0, 0, 0.2);
}
body.route1-promotion.route2-overview .article-nongshim-tv .tv-swiper-container .line1, body.route1-promotion.route2-overview .article-nongshim-tv .tv-swiper-container .line2 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  border: solid #96c11f;
  z-index: 4;
}
body.route1-promotion.route2-overview .article-nongshim-tv .tv-swiper-container .line1 {
  width: 1010px;
  height: 550px;
  margin-left: -79px;
  border-width: 1px 0 0 1px;
}
body.route1-promotion.route2-overview .article-nongshim-tv .tv-swiper-container .line2 {
  width: 1090px;
  height: 618px;
  top: -15px;
  border-width: 0 4px 4px 0;
  margin-left: -47px;
}
body.route1-promotion.route2-overview .article-nongshim-tv .swiper-pagination {
  width: 100%;
  bottom: 50px;
}
@media (max-width: 991px) {
  body.route1-promotion.route2-overview .article-nongshim-tv .tv-swiper-container {
    padding-bottom: 60px;
  }
  body.route1-promotion.route2-overview .article-nongshim-tv .tv-swiper-container #nongshim-tv {
    padding: 0;
  }
  body.route1-promotion.route2-overview .article-nongshim-tv .tv-swiper-container #nongshim-tv .swiper-wrapper .swiper-slide {
    width: 100%;
  }
  body.route1-promotion.route2-overview .article-nongshim-tv .tv-swiper-container #nongshim-tv .swiper-wrapper .swiper-slide .swiper-item {
    height: 200px;
  }
  body.route1-promotion.route2-overview .article-nongshim-tv .swiper-pagination {
    bottom: 20px;
  }
  body.route1-promotion.route2-overview .article-nongshim-tv .line1, body.route1-promotion.route2-overview .article-nongshim-tv .line2 {
    display: none;
  }
}
body.route1-promotion.route2-overview .article-notice .swiper-container .item .notice-box, body.route1-promotion.route2-overview .article-notice .swiper-container .item .desc-box {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
body.route1-promotion.route2-overview .article-notice .swiper-container .item .notice-box .badge-tag, body.route1-promotion.route2-overview .article-notice .swiper-container .item .desc-box .badge-tag {
  align-self: start;
}
body.route1-promotion.route2-overview .article-notice .swiper-container .item .notice-box {
  background-color: #f6f6f6;
}
body.route1-promotion.route2-overview .article-notice .swiper-container .more-btn {
  position: absolute;
  display: none;
  font-size: 14px;
  color: #999999;
  font-weight: bold;
  padding-right: 30px;
}
body.route1-promotion.route2-overview .article-notice .swiper-container .more-btn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  font-family: icomoon;
  vertical-align: top;
  margin: 0 0 0 10px;
  color: #d83832;
}
@media (min-width: 992px) {
  body.route1-promotion.route2-overview .article-notice .swiper-container .swiper-wrapper .swiper-slide {
    width: 465px;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item {
    position: relative;
    height: 450px;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item .img-box, body.route1-promotion.route2-overview .article-notice .swiper-container .item .notice-box {
    height: 300px;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item .notice-box {
    position: absolute;
    bottom: 20px;
    padding: 40px;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item .notice-box .badge-tag {
    margin-bottom: 20px;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item .desc-box {
    position: relative;
    height: 150px;
    padding: 20px 40px;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item .title {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 10px;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item .date {
    color: #666;
    font-size: 14px;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item .more-btn {
    right: 40px;
    bottom: 30px;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item:hover .more-btn {
    display: block;
    transition: opacity 0.4s;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-slide-active .notice-box {
    box-shadow: 5px 4px 10px rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 991px) {
  body.route1-promotion.route2-overview .article-notice .swiper-container .swiper-wrapper .swiper-slide {
    width: 90%;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item {
    height: 260px;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item .img-box {
    height: 180px;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item .notice-box {
    height: 100%;
    padding: 40px;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item .notice-box .badge-tag {
    margin-bottom: 20px;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item .desc-box {
    position: relative;
    height: 80px;
    padding: 20px;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item .title {
    font-weight: normal;
    margin-bottom: 10px;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item .date {
    display: none;
    color: #666;
    font-size: 12px;
  }
  body.route1-promotion.route2-overview .article-notice .swiper-container .item .more-btn {
    right: 20px;
    bottom: 10px;
  }
}
body.route1-promotion.route2-event {
  /* 당첨자, 경매참여하기, 가이드 팝업 */
}
@media (min-width: 992px) {
  body.route1-promotion.route2-event .tab-search-in .nongshim-inner-tab {
    margin-top: 25px;
  }
  body.route1-promotion.route2-event .tab-search-in .article-title-dot {
    margin-bottom: 25px;
    border-bottom: 1px solid red;
  }
}
@media (max-width: 991px) {
  body.route1-promotion.route2-event .tab-search-in {
    margin-bottom: 30px;
  }
  body.route1-promotion.route2-event .tab-search-in .nongshim-inner-tab {
    margin-bottom: 15px;
  }
}
body.route1-promotion.route2-event #view-container .article-board-header {
  margin-bottom: 0;
}
body.route1-promotion.route2-event .board-header {
  padding: 0;
}
body.route1-promotion.route2-event .board-header .header-info dl {
  margin: 0 20px;
}
body.route1-promotion.route2-event .board-header .header-info dl dt {
  margin-right: 10px;
}
body.route1-promotion.route2-event .board-header .header-info dl dd {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  body.route1-promotion.route2-event .board-header .article-title-dot {
    margin-bottom: 25px;
  }
  body.route1-promotion.route2-event .board-header .header-info dl + dl {
    position: relative;
  }
  body.route1-promotion.route2-event .board-header .header-info dl + dl::before {
    content: "";
    position: absolute;
    top: 5px;
    left: -22px;
    height: 15px;
    width: 0;
    border-right: solid 1px #ccc;
  }
  body.route1-promotion.route2-event .board-header .header-info dl dd {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  body.route1-promotion.route2-event .board-header .article-title-dot {
    padding: 0 20px;
    margin-bottom: 15px;
  }
  body.route1-promotion.route2-event .board-header .header-info dl {
    width: 100%;
    margin: 0;
  }
  body.route1-promotion.route2-event .board-header .header-info dl dt, body.route1-promotion.route2-event .board-header .header-info dl dd {
    font-size: 12px;
  }
  body.route1-promotion.route2-event .board-header .header-info dl dt {
    font-weight: bold;
  }
  body.route1-promotion.route2-event .board-header .header-info dl dd {
    color: #888;
  }
}
body.route1-promotion.route2-event .board-body img {
  width: 100%;
  height: auto;
  margin: auto;
}
body.route1-promotion.route2-event .board-body .cont {
  border-top: transparent;
}
body.route1-promotion.route2-event .board-body .cont p:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  body.route1-promotion.route2-event .board-body {
    padding: 100px 0;
  }
  body.route1-promotion.route2-event .board-body .cont {
    padding: 50px 40px 0;
  }
}
@media (max-width: 991px) {
  body.route1-promotion.route2-event .board-body {
    padding: 40px 0;
  }
  body.route1-promotion.route2-event .board-body .cont {
    padding: 30px 10px 0;
  }
  body.route1-promotion.route2-event .board-body .cont p {
    line-height: 21px;
  }
}
body.route1-promotion.route2-event .prev-next {
  position: relative;
  display: flex;
  width: 100%;
  height: 120px;
  line-height: 120px;
  margin-top: -1px;
  border: solid #dcdcdc;
  border-width: 1px 0;
}
@media (max-width: 991px) {
  body.route1-promotion.route2-event .prev-next {
    height: 70px;
    line-height: 70px;
  }
}
body.route1-promotion.route2-event .prev-next a p {
  color: #222;
  margin-bottom: 0;
  font-size: 14px;
}
body.route1-promotion.route2-event .prev-next a p > i {
  color: #222;
}
body.route1-promotion.route2-event .prev-next .prev, body.route1-promotion.route2-event .prev-next .next {
  position: relative;
  width: 50%;
}
body.route1-promotion.route2-event .prev-next .prev::before, body.route1-promotion.route2-event .prev-next .next::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 0;
  border-top: solid 2px #96c11f;
}
body.route1-promotion.route2-event .prev-next .prev:hover::before, body.route1-promotion.route2-event .prev-next .next:hover::before {
  content: "";
}
body.route1-promotion.route2-event .prev-next .prev p > *, body.route1-promotion.route2-event .prev-next .next p > * {
  vertical-align: middle;
}
body.route1-promotion.route2-event .prev-next .prev p span, body.route1-promotion.route2-event .prev-next .next p span {
  position: relative;
  font-size: 16px;
  color: #333;
  font-weight: normal;
  padding: 0 15px;
}
body.route1-promotion.route2-event .prev-next .prev p label, body.route1-promotion.route2-event .prev-next .next p label {
  position: relative;
  display: inline;
  margin-bottom: 0;
  padding: 0 15px;
  font-weight: lighter;
  color: #666;
}
body.route1-promotion.route2-event .prev-next .prev p label::before, body.route1-promotion.route2-event .prev-next .next p label::before {
  content: "";
  position: absolute;
  top: 3px;
  height: 13px;
  width: 0;
  border-right: solid 1px #e5e5e5;
}
body.route1-promotion.route2-event .prev-next .prev p i, body.route1-promotion.route2-event .prev-next .next p i {
  display: inline-block;
  border: solid 1px #cdcdcd;
  border-radius: 50%;
}
body.route1-promotion.route2-event .prev-next .prev p i::before, body.route1-promotion.route2-event .prev-next .next p i::before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
@media (max-width: 991px) {
  body.route1-promotion.route2-event .prev-next .prev p span, body.route1-promotion.route2-event .prev-next .prev p label:before, body.route1-promotion.route2-event .prev-next .next p span, body.route1-promotion.route2-event .prev-next .next p label:before {
    display: none;
    overflow: hidden;
  }
  body.route1-promotion.route2-event .prev-next .prev p label, body.route1-promotion.route2-event .prev-next .next p label {
    font-size: 12px;
    padding: 0 8px;
  }
  body.route1-promotion.route2-event .prev-next .prev p i:before, body.route1-promotion.route2-event .prev-next .next p i:before {
    width: 23px;
    height: 23px;
  }
}
body.route1-promotion.route2-event .prev-next .prev.prev label::before, body.route1-promotion.route2-event .prev-next .next.prev label::before {
  right: 0;
}
body.route1-promotion.route2-event .prev-next .prev.next, body.route1-promotion.route2-event .prev-next .next.next {
  text-align: right;
}
body.route1-promotion.route2-event .prev-next .prev.next label::before, body.route1-promotion.route2-event .prev-next .next.next label::before {
  left: 0;
}
body.route1-promotion.route2-event .prev-next .list-view {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.route1-promotion.route2-event .prev-next .list-view p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: solid 1px #000;
  font-size: 22px;
  border-radius: 50%;
}
@media (max-width: 991px) {
  body.route1-promotion.route2-event .prev-next .list-view p {
    width: 38px;
    height: 38px;
  }
}
body.route1-promotion.route2-event #modal-winner-announce.modal-type-01 .modal-dialog, body.route1-promotion.route2-event #modal-point-guide.modal-type-01 .modal-dialog, body.route1-promotion.route2-event #modal-auction-join.modal-type-01 .modal-dialog {
  max-width: 600px;
}
body.route1-promotion.route2-event #modal-winner-announce.modal-type-02 .modal-dialog, body.route1-promotion.route2-event #modal-point-guide.modal-type-02 .modal-dialog, body.route1-promotion.route2-event #modal-auction-join.modal-type-02 .modal-dialog {
  max-width: 1200px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content, body.route1-promotion.route2-event #modal-point-guide .modal-content, body.route1-promotion.route2-event #modal-auction-join .modal-content {
  border: solid #96c11f;
  border-width: 8px 0 4px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-header, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-header, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-header {
  text-align: center;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-header .modal-title, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-header .modal-title, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-header .modal-title {
  width: 100%;
  font-weight: bold;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-header .close, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-header .close, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-header .close {
  background-color: rgba(0, 0, 0, 0.4);
  color: #f4f4f4;
  opacity: 1;
  z-index: 10;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-header, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-header, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-header {
  position: relative;
  top: -100px;
  left: -30px;
  width: calc(100% + 60px);
  height: 440px;
  background-size: cover;
  background-position: center;
  text-align: center;
  padding-top: 120px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-header .article-title-dot, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-header .article-title-dot, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-header .article-title-dot {
  margin: auto;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-header .article-title-dot > p, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-header .article-title-dot > p, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-header .article-title-dot > p {
  font-size: 24px;
  color: #fff;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-header .article-title-dot .title, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-header .article-title-dot .title, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-header .article-title-dot .title {
  font-size: 64px;
  color: #fff;
  padding-top: 30px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-header .article-title-dot .title:before, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-header .article-title-dot .title:before, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-header .article-title-dot .title:before {
  left: calc(50% - (6px));
  width: 12px;
  height: 12px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container {
  padding: 0;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-header, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-header, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-header {
  padding-bottom: 45px;
  margin-top: -30px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-header .title, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-header .title, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-header .title {
  font-size: 34px;
  margin-bottom: 20px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-header .header-info dl, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-header .header-info dl, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-header .header-info dl {
  margin: 0;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-header .header-info dl + dl:before, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-header .header-info dl + dl:before, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-header .header-info dl + dl:before {
  left: -2px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-header .header-info dl dt, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-header .header-info dl dt, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-header .header-info dl dt {
  font-weight: bold;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-header .header-info dl dd, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-header .header-info dl dd, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-header .header-info dl dd {
  color: #888;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-body, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-body, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-body {
  padding: 0 80px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-body img, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-body img, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-body img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-position: center;
  margin: 40px auto;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-body .table, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-body .table, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-body .table {
  margin: 40px auto;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-body .table tr > *, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-body .table tr > *, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-body .table tr > * {
  height: 60px;
  color: #222;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-body .tbl-txt, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-body .tbl-txt, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-body .tbl-txt {
  margin: 60px 0;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-body .tbl-txt li, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-body .tbl-txt li, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-body .tbl-txt li {
  position: relative;
  font-size: 16px;
  color: #444;
  line-height: 32px;
  padding-left: 20px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-body .tbl-txt li:before, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-body .tbl-txt li:before, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-body .tbl-txt li:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-body .tbl-txt li + li, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-body .tbl-txt li + li, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-body .tbl-txt li + li {
  margin-top: 3px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal {
  margin: 0 auto -100px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product {
  border: 0;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box {
  display: table;
  margin-bottom: 30px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box > *, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box > *, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box > * {
  display: table-cell;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img {
  width: 190px;
  height: 200px;
  background-size: cover;
  background-position: center;
  border: 1px solid #ebebeb;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info {
  padding: 17px 0 0 30px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot {
  font-size: 18px;
  color: #000;
  margin-bottom: 0;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot .title, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot .title, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 40px;
  padding-top: 30px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot .title:before, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot .title:before, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot .title:before {
  width: 12px;
  height: 12px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info {
  border-left: 0;
  padding: 0;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info > *, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info > *, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info > * {
  border-color: #ccc;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .tit > p, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .tit > p, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .tit > p {
  font-size: 18px;
  color: #000;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period {
  width: 100%;
  padding: 20px 30px 12px 30px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period dt, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period dt, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period dt {
  width: 170px;
  font-weight: normal;
  margin: 0 0 10px 0;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period dd, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period dd, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period dd {
  width: calc(100% - 230px);
  color: #000;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point {
  height: 48px;
  padding: 20px 30px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point > *, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point > *, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point > * {
  margin: 0;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .suggest:last-child, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .suggest:last-child, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .suggest:last-child {
  width: 100%;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ddd;
  font-weight: normal;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price > *, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price > *, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price > * {
  height: 50px;
  line-height: 50px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price input, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price input, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price input {
  flex-basis: calc(100% - 50px);
  font-size: 22px;
  color: #539a00;
  font-weight: bold;
  border: 0;
  padding-left: 20px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price input::placeholder, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price input::placeholder, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price input::placeholder {
  color: #539a00;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price span, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price span, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price span {
  flex-basis: 50px;
  font-size: 16px;
  color: #222;
  text-align: center;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide {
  margin-top: -100px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-header, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-header, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-header {
  padding: 0;
  margin: 0 -30px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-header .nongshim-inner-tab, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-header .nongshim-inner-tab, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-header .nongshim-inner-tab {
  display: inline-block;
  width: 100%;
  height: 80px;
  background: #f4f4f4;
  vertical-align: middle;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-header .nongshim-inner-tab ul, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-header .nongshim-inner-tab ul, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-header .nongshim-inner-tab ul {
  height: 38px;
  margin: 20px 40px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body {
  border-top: 0;
  padding: 0 30px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .article-title-dot, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .article-title-dot, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .article-title-dot {
  margin: 30px auto 25px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .article-title-dot .title, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .article-title-dot .title, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .article-title-dot .title {
  height: auto;
  line-height: inherit;
  background: transparent;
  border: 0;
  font-size: 18px;
  font-weight: bold;
  padding-top: 35px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .article-title-dot + .table, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .article-title-dot + .table, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .article-title-dot + .table {
  margin: 0 auto;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info {
  font-size: 18px;
  color: #222;
  line-height: 30px;
  margin: 50px -40px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:first-child, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:first-child, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:first-child {
  border-bottom: 1px solid #ccc;
  padding-bottom: 50px;
  margin-top: 70px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:first-child:last-of-type > dd, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:first-child:last-of-type > dd, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:first-child:last-of-type > dd {
  border-bottom: 0;
  padding-bottom: 0;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:last-of-type dd, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:last-of-type dd, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:last-of-type dd {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 50px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info > *, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info > *, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info > * {
  padding-left: 72px;
  margin: 0 40px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info dt, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info dt, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info dt {
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 7px 0;
  font-size: 24px;
  line-height: 43px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info dd, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info dd, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info dd {
  margin-top: 10px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot {
  margin-bottom: 0;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot dt .article-title-dot, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot dt .article-title-dot, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot dt .article-title-dot {
  margin: 0;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot dt .title, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot dt .title, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot dt .title {
  font-size: 20px;
  padding: 35px 0 0 0;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot dd, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot dd, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot dd {
  line-height: 32px;
  padding-top: 35px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot + .list-style-dot, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot + .list-style-dot, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot + .list-style-dot {
  border-top: 1px solid #f0f0f0;
  padding-top: 35px;
  margin-top: 50px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-footer, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-footer, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-footer {
  background-color: #fff;
  margin: 0 20px;
}
body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-footer .btn, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-footer .btn, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-footer .btn {
  font-weight: bold;
}
@media (max-width: 991px) {
  body.route1-promotion.route2-event #modal-winner-announce .modal-content, body.route1-promotion.route2-event #modal-point-guide .modal-content, body.route1-promotion.route2-event #modal-auction-join .modal-content {
    border-width: 4px 0 2px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-header, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-header, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-header {
    height: 50px;
    padding: 0 15px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-header .close, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-header .close, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-header .close {
    top: 10px;
    right: 12px;
    width: 26px;
    height: 26px;
    font-size: 15px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-header, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-header, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-header {
    top: -30px;
    height: 140px;
    padding-top: 34px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-header .article-title-dot > p, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-header .article-title-dot > p, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-header .article-title-dot > p {
    font-size: 13px;
    margin-bottom: 8px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-header .article-title-dot .title, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-header .article-title-dot .title, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-header .article-title-dot .title {
    font-size: 24px;
    padding-top: 15px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-header .article-title-dot .title:before, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-header .article-title-dot .title:before, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-header .article-title-dot .title:before {
    left: calc(50% - (3px));
    width: 6px;
    height: 6px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body {
    padding: 30px 0 0;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-header, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-header, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-header {
    padding-bottom: 30px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-header .title, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-header .title, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-header .title {
    font-size: 20px;
    line-height: 27px;
    margin: 0 40px 5px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-header .header-info dl, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-header .header-info dl, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-header .header-info dl {
    margin: 0;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-header .header-info dl > *, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-header .header-info dl > *, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-header .header-info dl > * {
    line-height: 15px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-header .header-info dl + dl:before, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-header .header-info dl + dl:before, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-header .header-info dl + dl:before {
    display: none;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-body, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-body, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-body {
    padding: 0;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-body img, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-body img, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-body img {
    margin: 30px auto 5px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-body .table, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-body .table, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-body .table {
    margin: 15px auto;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-body .table tr > *, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-body .table tr > *, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-body .table tr > * {
    height: 45px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-body .tbl-txt, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-body .tbl-txt, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-body .tbl-txt {
    margin: 20px 0;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .container .board-body .tbl-txt li, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .container .board-body .tbl-txt li, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .container .board-body .tbl-txt li {
    font-size: 12px;
    line-height: 19px;
    padding-left: 18px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal {
    margin: -30px 0 -65px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img {
    width: 128px;
    height: 123px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info {
    padding: 5px 0 0 15px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot {
    font-size: 12px;
    line-height: 15px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot .title, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot .title, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot .title {
    font-size: 18px;
    line-height: 25px;
    padding-top: 17px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot .title:before, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot .title:before, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .img-box .img-info .article-title-dot .title:before {
    width: 8px;
    height: 8px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .tit > p, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .tit > p, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .tit > p {
    font-size: 18px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period {
    padding: 25px 10px 12px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period > *, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period > *, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period > * {
    font-size: 14px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period dt, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period dt, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period dt {
    width: 140px;
    margin: 0 0 10px 0;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period dd, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period dd, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period dd {
    width: calc(100% - 150px);
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point {
    height: 24px;
    padding: 15px 10px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price > *, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price > *, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price > * {
    height: 24px;
    line-height: 24px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price input, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price input, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price input {
    flex-basis: calc(100% - 25px);
    font-size: 12px;
    padding-left: 10px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price span, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price span, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body .point-market.inner-modal .ing-product .info .period.suggest-point .input-price span {
    flex-basis: 25px;
    font-size: 10px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide {
    margin: -60px 0 20px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-header, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-header, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-header {
    padding-bottom: 0;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-header .nongshim-inner-tab, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-header .nongshim-inner-tab, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-header .nongshim-inner-tab {
    height: 55px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-header .nongshim-inner-tab ul, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-header .nongshim-inner-tab ul, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-header .nongshim-inner-tab ul {
    height: 33px;
    margin: 10px 13px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body {
    border-top: 0;
    margin: 0;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .article-title-dot, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .article-title-dot, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .article-title-dot {
    margin-top: 40px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .article-title-dot .title, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .article-title-dot .title, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .article-title-dot .title {
    font-size: 16px;
    padding-top: 27px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info {
    font-size: 14px;
    line-height: 21px;
    margin: 40px 0;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:first-child, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:first-child, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:first-child {
    padding-bottom: 40px;
    margin-top: 42px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:last-of-type, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:last-of-type, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:last-of-type {
    margin-bottom: 0;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:last-of-type dd, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:last-of-type dd, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info:last-of-type dd {
    padding-bottom: 40px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info > *, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info > *, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info > * {
    padding-left: 42px;
    margin: 0;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info dt, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info dt, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info dt {
    background-size: auto 25px;
    background-position: 0;
    font-size: 18px;
    line-height: 25px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info dd, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info dd, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .guide-info dd {
    padding-left: 0;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot {
    margin-bottom: 0;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot dt .title, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot dt .title, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot dt .title {
    font-size: 16px;
    padding-top: 27px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot dd, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot dd, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot dd {
    line-height: 21px;
    padding-top: 15px;
    margin: 0;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot + .list-style-dot, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot + .list-style-dot, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-body .article-board-body.point-guide .board-body .list-style-dot + .list-style-dot {
    padding-top: 40px;
    margin-top: 35px;
  }
  body.route1-promotion.route2-event #modal-winner-announce .modal-content .modal-footer, body.route1-promotion.route2-event #modal-point-guide .modal-content .modal-footer, body.route1-promotion.route2-event #modal-auction-join .modal-content .modal-footer {
    margin: 0 20px;
  }
}
body.route1-promotion.route2-event.route3-point_market .nongshim-inner-tab ul li a:after {
  background-color: #f4f4f4;
}
body.route1-promotion.route2-event.route3-point_market .list-style li {
  position: relative;
  font-size: 16px;
  color: #666;
  line-height: 25px;
  padding-left: 10px;
  margin-bottom: 5px;
}
body.route1-promotion.route2-event.route3-point_market .list-style li:before {
  content: "-";
  position: absolute;
  left: 0;
}
body.route1-promotion.route2-event.route3-point_market .bg_notice_box {
  background: #f4f4f4;
  padding: 50px;
}
body.route1-promotion.route2-event.route3-point_market .bg_notice_box > dl {
  padding: 0 20px;
  margin: 0;
}
body.route1-promotion.route2-event.route3-point_market .bg_notice_box > dl dt::before {
  content: "";
  position: absolute;
  top: 0;
  right: 11px;
  display: inline-block;
  width: 1px;
  height: 100%;
  background: #9c9c9c;
}
body.route1-promotion.route2-event.route3-point_market .bg_notice_box > dl dt > strong {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 50%;
  font-size: 24px;
  line-height: 32px;
  padding: 7px 40px 6px 100px;
}
body.route1-promotion.route2-event.route3-point_market .bg_notice_box > dl dd {
  padding: 6px 0 10px 50px;
  margin: 0;
}
body.route1-promotion.route2-event.route3-point_market .bg_notice_box > dl dd > .list-style + a {
  font-weight: bold;
  margin-top: 25px;
}
body.route1-promotion.route2-event.route3-point_market .point-market {
  margin: 100px auto;
}
body.route1-promotion.route2-event.route3-point_market .point-market h4 {
  font-size: 30px;
  font-weight: bold;
}
body.route1-promotion.route2-event.route3-point_market .point-market .mypoint {
  font-size: 24px;
  color: #444;
  font-weight: bold;
  line-height: 34px;
}
body.route1-promotion.route2-event.route3-point_market .point-market .mypoint > * {
  display: inline-block;
  vertical-align: middle;
}
body.route1-promotion.route2-event.route3-point_market .point-market .mypoint > span {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto;
  color: #000;
  padding-left: 52px;
}
body.route1-promotion.route2-event.route3-point_market .point-market .mypoint > span em {
  color: #539a00;
  font-style: normal;
  padding: 0 5px;
}
body.route1-promotion.route2-event.route3-point_market .point-market .mypoint.none > span {
  padding-left: 44px;
}
body.route1-promotion.route2-event.route3-point_market .point-market .mypoint.none > span em {
  color: #539a00;
}
body.route1-promotion.route2-event.route3-point_market .point-market .icon-help {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 0;
  background-color: transparent;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  margin-left: 3px;
}
body.route1-promotion.route2-event.route3-point_market .point-market .ing-product {
  margin-top: 20px;
}
body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .img span {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  font-size: 0;
  vertical-align: middle;
}
body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .info .period.suggest-point {
  padding: 30px 0;
}
body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .info .period dt.icon-question {
  position: relative;
}
body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .info .period dt.icon-question:after {
  display: none;
}
body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .info .period dt.icon-question > .icon-help {
  vertical-align: text-top;
}
body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .info .period dt.icon-question > .icon-help > span {
  position: absolute;
  top: -68px;
  left: 112px;
  opacity: 0;
}
body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .info .period dt.icon-question > .icon-help:hover > span {
  display: inline-block;
  width: 272px;
  background-color: #fff;
  border: 1px solid #666;
  box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.2);
  font-family: "돋움", Dotum, Helvetica, "Apple SD Gothic Neo", Sans-serif;
  font-size: 11px;
  color: #444;
  line-height: 16px;
  padding: 15px 15px 13px;
  opacity: 1;
}
body.route1-promotion.route2-event.route3-point_market .point-market .ing-product.none {
  background-color: #f2f2f2;
  border: 0;
  text-align: center;
  padding: 80px 0 90px;
}
body.route1-promotion.route2-event.route3-point_market .point-market .ing-product.none > strong {
  display: inline-block;
  background-size: auto;
  background-position: center top;
  background-repeat: no-repeat;
  font-size: 30px;
  color: #888;
  padding-top: 125px;
}
body.route1-promotion.route2-event.route3-point_market .point-market .end-product {
  margin-top: 80px;
}
body.route1-promotion.route2-event.route3-point_market .point-market .end-product > h4 {
  margin-bottom: 20px;
}
body.route1-promotion.route2-event.route3-point_market .point-market .end-product .img span {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  font-size: 0;
  vertical-align: middle;
}
body.route1-promotion.route2-event.route3-point_market .point-market .end-product .product-list {
  margin-top: 50px;
}
body.route1-promotion.route2-event.route3-point_market .point-market .end-product .product-list .cont {
  margin-bottom: 30px;
}
body.route1-promotion.route2-event.route3-point_market .tab_cont {
  display: none;
  pointer-events: none;
}
body.route1-promotion.route2-event.route3-point_market .tab_cont.show {
  display: block;
  transition: 0.3s;
}
@media (max-width: 991px) {
  body.route1-promotion.route2-event.route3-point_market .jumbotron-header {
    margin-bottom: 0;
  }
  body.route1-promotion.route2-event.route3-point_market .list-style li {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 3px;
  }
  body.route1-promotion.route2-event.route3-point_market .product-tag {
    border-radius: 20px;
    font-size: 11px;
    padding: 0 10px;
  }
  body.route1-promotion.route2-event.route3-point_market .bg_notice_box {
    padding: 30px 20px;
    margin: 0 -30px;
  }
  body.route1-promotion.route2-event.route3-point_market .bg_notice_box > dl {
    padding: 0;
  }
  body.route1-promotion.route2-event.route3-point_market .bg_notice_box > dl dt::before {
    top: 50px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e0e0e0;
  }
  body.route1-promotion.route2-event.route3-point_market .bg_notice_box > dl dt > strong {
    background-size: 38px;
    background-position: 10px 50%;
    font-size: 16px;
    padding: 3px 20px 3px 63px;
  }
  body.route1-promotion.route2-event.route3-point_market .bg_notice_box > dl dd {
    padding: 37px 10px 0 10px;
  }
  body.route1-promotion.route2-event.route3-point_market .bg_notice_box > dl dd > .list-style + a {
    margin: 20px 0 0 10px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market {
    margin: 50px auto;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market h4 {
    font-size: 18px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .mypoint {
    font-size: 16px;
    line-height: 25px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .mypoint > span {
    background-size: 20px auto;
    padding-left: 30px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .mypoint > span em {
    padding: 0 3px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .mypoint.text-right {
    text-align: left !important;
    margin-top: 23px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .mypoint.none > span {
    padding-left: 30px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .icon-help {
    width: 16px;
    height: 16px;
    margin-left: 3px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .ing-product {
    margin-top: 15px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .img {
    height: 170px;
    border-bottom: 1px solid #e8e8e8;
    padding: 25px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .img > span {
    background-size: auto 100%;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .info {
    padding: 30px 18px 35px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .info .tit {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .info .tit > p {
    font-size: 14px;
    margin-bottom: 0;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .info .period > * {
    width: 50%;
    font-size: 14px;
    line-height: 26px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .info .period.suggest-point {
    padding: 30px 0;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .info .period dt.icon-question > .icon-help::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: -7px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .info .period dt.icon-question > .icon-help > span {
    top: -70px;
    left: 0;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .info .period dt.icon-question > .icon-help:hover > span {
    padding: 15px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .ing-product .info .btn.btn-outline-auction {
    border-radius: 45px;
    font-size: 14px;
    padding: 9px 0;
    margin-bottom: 0;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .ing-product.none {
    padding: 42px 0;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .ing-product.none > strong {
    background-size: 52px;
    font-size: 14px;
    padding-top: 65px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .end-product {
    margin-top: 50px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .end-product > h4 {
    margin-bottom: 20px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .end-product .img {
    width: 100%;
    height: 150px;
    border-bottom: 1px solid #e8e8e8;
    padding: 25px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .end-product .img > span {
    background-size: auto 100%;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .end-product .product-list {
    margin-top: 30px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .end-product .product-list > div > div:last-child .cont {
    margin-bottom: 0;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .end-product .product-list .cont {
    margin-bottom: 20px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .end-product .product-list .cont .info {
    border-left: 0;
    padding: 20px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .end-product .product-list .cont .info .tit {
    font-size: 16px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .end-product .product-list .cont .info .period {
    padding: 5px 0;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .end-product .product-list .cont .info .period dt {
    font-size: 13px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .end-product .product-list .cont .info .period dd {
    font-size: 14px;
  }
  body.route1-promotion.route2-event.route3-point_market .point-market .end-product .product-list .cont .info .period + a {
    display: none;
  }
}
body.route1-promotion.route2-notice .article-notice {
  background-color: #f4f4f4;
}
body.route1-promotion.route2-notice .article-notice .nongshim-inner-tab ul {
  margin-top: 0;
}
body.route1-promotion.route2-notice .article-notice .nongshim-inner-tab ul li a {
  color: #999;
}
body.route1-promotion.route2-notice .article-notice .nongshim-inner-tab ul li a::after {
  background-color: #f4f4f4;
}
body.route1-promotion.route2-notice .article-notice .nongshim-inner-tab ul li a.active, body.route1-promotion.route2-notice .article-notice .nongshim-inner-tab ul li a:hover {
  color: #000;
}
body.route1-promotion.route2-notice .article-notice .nongshim-inner-search .wrap input {
  background-color: transparent;
}
body.route1-promotion.route2-notice .article-notice .item {
  display: block;
  position: relative;
}
body.route1-promotion.route2-notice .article-notice .item .product-tag {
  font-weight: bold;
}
body.route1-promotion.route2-notice .article-notice .item .product-tag-notice {
  position: absolute;
  z-index: 1;
  color: #000;
  border-color: transparent;
  background-color: rgba(255, 255, 255, 0.5);
}
body.route1-promotion.route2-notice .article-notice .item .notice-img {
  background-size: cover;
  background-position: center;
}
body.route1-promotion.route2-notice .article-notice .item .notice-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
body.route1-promotion.route2-notice .article-notice .item .notice-info {
  background-color: #fff;
  text-align: center;
}
body.route1-promotion.route2-notice .article-notice .item .notice-info .tit {
  display: block;
  color: #333;
  font-weight: 400;
  letter-spacing: -1px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body.route1-promotion.route2-notice .article-notice .item .notice-info .date {
  display: block;
  color: #999;
  font-weight: 200;
}
body.route1-promotion.route2-notice .article-notice .notice-item .notice-img:before {
  display: none;
}
body.route1-promotion.route2-notice .article-notice .notice-item .notice-info {
  position: relative;
  text-align: left;
}
body.route1-promotion.route2-notice .article-notice .notice-item .notice-info .txt {
  display: block;
  color: #999;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body.route1-promotion.route2-notice .article-notice .notice-item .notice-info .date {
  position: absolute;
  font-size: 14px;
  color: #333;
}
body.route1-promotion.route2-notice .article-notice .notice-item .notice-info .more_btn {
  float: right;
  position: absolute;
  color: #999;
  font-weight: bold;
  opacity: 0;
}
body.route1-promotion.route2-notice .article-notice .notice-item .notice-info .more_btn .icon-link-more {
  color: #d83832;
  vertical-align: middle;
  padding-left: 5px;
}
body.route1-promotion.route2-notice .article-notice .notice-item .notice-info .more_btn::after {
  content: "";
  clear: both;
}
@media (min-width: 992px) {
  body.route1-promotion.route2-notice .article-notice {
    padding: 80px 0 60px;
  }
  body.route1-promotion.route2-notice .article-notice .item {
    margin-bottom: 40px;
  }
  body.route1-promotion.route2-notice .article-notice .item .product-tag-notice {
    top: 20px;
    left: 20px;
  }
  body.route1-promotion.route2-notice .article-notice .item .notice-img {
    height: 350px;
  }
  body.route1-promotion.route2-notice .article-notice .item .notice-img::before {
    height: 350px;
  }
  body.route1-promotion.route2-notice .article-notice .item .notice-info {
    height: 228px;
    padding: 40px 40px 47px;
  }
  body.route1-promotion.route2-notice .article-notice .item .notice-info .tit {
    font-size: 28px;
    margin-bottom: 15px;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item {
    margin-bottom: 30px;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item .notice-img {
    height: 260px;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item .notice-info {
    height: 260px;
    padding: 50px 70px 50px 40px;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item .notice-info .product-tag-auction {
    margin-bottom: 15px;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item .notice-info .tit {
    margin-bottom: 0;
    -webkit-line-clamp: 1;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item .notice-info .txt {
    font-size: 16px;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item .notice-info .date {
    top: 195px;
    left: 40px;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item .notice-info .more_btn {
    top: 195px;
    right: 40px;
    font-size: 14px;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item:hover .notice-info .more_btn {
    opacity: 1;
    transition: opacity 0.15s;
  }
  body.route1-promotion.route2-notice .tbl-page {
    margin: -50px auto 150px;
  }
}
@media (max-width: 991px) {
  body.route1-promotion.route2-notice .article-notice {
    padding: 50px 0;
  }
  body.route1-promotion.route2-notice .article-notice .nongshim-inner-search {
    margin-top: 25px;
  }
  body.route1-promotion.route2-notice .article-notice .product-tag {
    font-size: 11px;
    padding: 1px 10px;
  }
  body.route1-promotion.route2-notice .article-notice .product-tag-notice {
    top: 10px;
    left: 10px;
  }
  body.route1-promotion.route2-notice .article-notice .item {
    margin-bottom: 20px;
  }
  body.route1-promotion.route2-notice .article-notice .item .notice-img {
    height: 170px;
  }
  body.route1-promotion.route2-notice .article-notice .item .notice-img::before {
    height: 170px;
  }
  body.route1-promotion.route2-notice .article-notice .item .notice-info {
    padding: 20px;
  }
  body.route1-promotion.route2-notice .article-notice .item .notice-info .tit {
    font-size: 18px;
    margin-bottom: 10px;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item .notice-img {
    height: 150px;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item .notice-info {
    height: 183px;
    padding: 25px 18px;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item .notice-info .product-tag-auction {
    margin-bottom: 10px;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item .notice-info .tit {
    margin-bottom: 5px;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item .notice-info .txt {
    font-size: 14px;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item .notice-info .date {
    top: 145px;
    left: 18px;
    font-size: 13px;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item .notice-info .more_btn {
    top: 145px;
    right: 18px;
    font-size: 13px;
  }
  body.route1-promotion.route2-notice .article-notice .notice-item:focus .notice-info .more_btn {
    opacity: 1;
    transition: opacity 0.15s;
  }
  body.route1-promotion.route2-notice .tbl-page {
    margin: -30px auto 75px;
  }
}
body.route1-promotion.route2-n_zin {
  /* 사보엔진 리스트 */
  /* 사보엔진 상세 */
}
body.route1-promotion.route2-n_zin #view-container .article-board-header {
  margin-bottom: 0;
}
body.route1-promotion.route2-n_zin .cate {
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 112px 0 15px;
}
body.route1-promotion.route2-n_zin .tit {
  display: block;
  font-size: 30px;
  font-weight: normal;
  line-height: 42px;
  letter-spacing: -1px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  body.route1-promotion.route2-n_zin .cate {
    font-size: 13px;
    padding: 56px 0 7px;
  }
  body.route1-promotion.route2-n_zin .tit {
    font-size: 20px;
    line-height: 27px;
  }
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper {
  overflow-x: hidden;
  margin-bottom: 0 !important;
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper .article-title-dot .more {
  position: absolute;
  right: 0;
  bottom: 0;
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper #view-container article {
  margin-bottom: 100px;
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper #view-container section#content-block {
  padding-top: 125px;
  padding-bottom: 0;
}
body:not(.page-navigation-overflow) body.route1-promotion.route2-n_zin .article-n-zin-swiper #view-container section#content-block {
  padding-top: 195px;
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container {
  width: 100vw;
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container .swiper-wrapper .swiper-slide {
  width: 580px;
  margin-right: 40px;
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container .swiper-wrapper .swiper-slide::after {
  content: "";
  position: absolute;
  top: 52px;
  left: 50%;
  width: 217px;
  height: 217px;
  background-color: #96c11f;
  border-radius: 50%;
  margin-left: -108.5px;
  z-index: 0;
  opacity: 0;
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container .swiper-wrapper .swiper-slide:hover::after {
  opacity: 1;
  transition: opacity 0.5s ease;
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container .swiper-wrapper .swiper-slide:hover .swiper-info .tit {
  box-shadow: none;
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container .swiper-wrapper .swiper-slide:hover .swiper-info .tit > span {
  border-bottom: 1px solid #fff;
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container .swiper-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 320px;
  background-color: rgba(0, 0, 0, 0.5);
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container .swiper-item .img-container {
  height: 320px;
  background-position: center;
  background-size: cover;
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container .swiper-item .swiper-info {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
  z-index: 1;
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container .swiper-item .swiper-info .cate {
  padding-top: 100px;
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper .swiper-pagination-wrap {
  position: relative;
  padding: 0;
  margin: 70px 0;
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper .swiper-pagination-wrap .swiper-pagination {
  width: 100%;
  height: 1px;
}
body.route1-promotion.route2-n_zin .article-n-zin-swiper .swiper-pagination-wrap .swiper-pagination-progressbar-fill {
  top: -1px;
  height: 3px;
  background-color: #d83832;
}
@media (min-width: 992px) {
  body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container .swiper-item {
    padding-bottom: 70px;
  }
}
@media (max-width: 991px) {
  body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container .swiper-wrapper .swiper-slide {
    width: 325px;
    margin-right: 20px;
  }
  body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container .swiper-wrapper .swiper-slide::after {
    top: 32px;
    width: 125px;
    height: 125px;
    margin-left: -62.5px;
  }
  body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container .swiper-item {
    padding-bottom: 20px;
  }
  body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container .swiper-item::before, body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container .swiper-item .img-container {
    height: 190px;
  }
  body.route1-promotion.route2-n_zin .article-n-zin-swiper #nongshim-n-zin-swiper-container .swiper-item .swiper-info .cate {
    padding-top: 55px;
  }
  body.route1-promotion.route2-n_zin .article-n-zin-swiper .swiper-pagination-wrap {
    margin: 20px 0 50px;
  }
}
body.route1-promotion.route2-n_zin .article-n-zin {
  background-color: #f4f4f4;
}
body.route1-promotion.route2-n_zin .article-n-zin .nongshim-inner-tab ul {
  margin-top: 0;
}
body.route1-promotion.route2-n_zin .article-n-zin .nongshim-inner-tab ul li a {
  color: #999;
}
body.route1-promotion.route2-n_zin .article-n-zin .nongshim-inner-tab ul li a.active, body.route1-promotion.route2-n_zin .article-n-zin .nongshim-inner-tab ul li a:hover {
  color: #000;
}
body.route1-promotion.route2-n_zin .article-n-zin .nongshim-inner-search .wrap input {
  background-color: transparent;
}
body.route1-promotion.route2-n_zin .article-n-zin .item {
  display: block;
  position: relative;
}
body.route1-promotion.route2-n_zin .article-n-zin .item .n-zin-img {
  background-size: cover;
  background-position: center;
}
body.route1-promotion.route2-n_zin .article-n-zin .item .n-zin-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
body.route1-promotion.route2-n_zin .article-n-zin .item .n-zin-info {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
}
@media (min-width: 992px) {
  body.route1-promotion.route2-n_zin .article-title-dot.text-center .title::before {
    left: calc(50% - (18px));
  }
  body.route1-promotion.route2-n_zin .article-n-zin {
    padding: 80px 0 60px;
  }
  body.route1-promotion.route2-n_zin .article-n-zin .item {
    margin-bottom: 40px;
  }
  body.route1-promotion.route2-n_zin .article-n-zin .item .n-zin-img {
    height: 320px;
  }
  body.route1-promotion.route2-n_zin .article-n-zin .item .n-zin-img::before {
    height: 320px;
  }
  body.route1-promotion.route2-n_zin .tbl-page {
    margin: 50px auto 150px;
  }
}
@media (max-width: 991px) {
  body.route1-promotion.route2-n_zin .article-title-dot.text-center .title::before {
    left: calc(50% - (14px));
  }
  body.route1-promotion.route2-n_zin .article-n-zin {
    padding: 50px 0 40px;
  }
  body.route1-promotion.route2-n_zin .article-n-zin .nongshim-inner-search {
    margin-top: 25px;
  }
  body.route1-promotion.route2-n_zin .article-n-zin .item {
    margin-bottom: 20px;
  }
  body.route1-promotion.route2-n_zin .article-n-zin .item .n-zin-img {
    height: 189px;
  }
  body.route1-promotion.route2-n_zin .article-n-zin .item .n-zin-img::before {
    height: 189px;
  }
  body.route1-promotion.route2-n_zin .view-header {
    height: 240px;
    margin: 0 auto 80px;
  }
  body.route1-promotion.route2-n_zin .board-header {
    top: -162px;
    left: 20px;
    width: calc(100% - 40px);
    padding: 27px 40px;
    margin-left: 0;
  }
  body.route1-promotion.route2-n_zin .board-header .header-category .txt {
    font-size: 13px;
  }
  body.route1-promotion.route2-n_zin .board-header h2 {
    font-size: 20px;
    margin: 10px auto;
  }
  body.route1-promotion.route2-n_zin .board-header .like-reply-function {
    position: absolute;
    top: 15px;
    right: 15px;
  }
  body.route1-promotion.route2-n_zin .board-header .header-info dl dd {
    font-size: 13px;
  }
  body.route1-promotion.route2-n_zin .board-body .like {
    padding: 30px 0 20px;
  }
  body.route1-promotion.route2-n_zin .board-body .like > span:not(.like-reply-function) {
    display: none;
    overflow: hidden;
  }
  body.route1-promotion.route2-n_zin .board-body .like a {
    margin-left: 0;
  }
  body.route1-promotion.route2-n_zin .board-body .cont {
    padding: 0 10px;
  }
  body.route1-promotion.route2-n_zin .tbl-page {
    margin: 30px auto 75px;
  }
}
body.route1-promotion.route2-tv {
  /* 상단영역 */
  /* 리스트영역 */
}
body.route1-promotion.route2-tv .tv-info > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 675px;
}
body.route1-promotion.route2-tv .tv-info .video-frame {
  background-size: cover;
  background-position: center;
}
body.route1-promotion.route2-tv .tv-info .cover {
  background-size: 100% 100%;
  padding: 544px 80px 60px 80px;
}
body.route1-promotion.route2-tv .tv-info .cover .icon-play::before, body.route1-promotion.route2-tv .tv-info .cover .icon-play::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 76px;
  height: 76px;
  text-align: center;
  line-height: 76px;
  margin-top: -38px;
  margin-left: -38px;
}
body.route1-promotion.route2-tv .tv-info .cover .icon-play::before {
  font-size: 26px;
  color: #fff;
  z-index: 1;
}
body.route1-promotion.route2-tv .tv-info .cover .icon-play::after {
  content: "";
  border-radius: 50%;
  background: #ca0202;
}
body.route1-promotion.route2-tv .tv-info .cover strong {
  font-size: 28px;
  color: #fff;
  font-weight: bold;
}
body.route1-promotion.route2-tv .tv-info .cover > p {
  font-size: 18px;
  color: #fff;
  padding: 3px 0 0;
  margin: 0;
}
body.route1-promotion.route2-tv .page-jumbotron {
  position: relative;
}
body.route1-promotion.route2-tv .page-jumbotron .tv-info {
  height: 785px;
}
body.route1-promotion.route2-tv .page-jumbotron .tv-info > * {
  height: 785px;
}
body.route1-promotion.route2-tv .page-jumbotron .tv-info .cover {
  padding-top: 640px;
}
body.route1-promotion.route2-tv .article-tv {
  padding: 70px 0;
}
body.route1-promotion.route2-tv .article-tv .nongshim-inner-tab ul {
  margin-top: 0;
}
body.route1-promotion.route2-tv .article-tv .nongshim-inner-tab ul li a {
  color: #999;
}
body.route1-promotion.route2-tv .article-tv .nongshim-inner-tab ul li a.active, body.route1-promotion.route2-tv .article-tv .nongshim-inner-tab ul li a:hover {
  color: #000;
}
body.route1-promotion.route2-tv .article-tv .nongshim-inner-search .wrap input {
  background-color: transparent;
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion {
  margin-top: -24px;
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item {
  display: block;
  position: relative;
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-head a {
  padding: 0;
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-head a:not(.collapsed):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 210px;
  border-bottom: 4px solid #ca0202;
  box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.15);
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-head a .tv-img {
  height: 210px;
  background-size: cover;
  background-position: center;
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-body {
  position: relative;
  top: 40px;
  width: 1170px;
  border-bottom: 0;
  z-index: 2;
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-body .tv-info {
  height: 675px;
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-body .tv-info > * {
  height: 675px;
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-body .tv-subtitle {
  background-color: #f6f6f6;
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-body .tv-subtitle .wrap {
  position: relative;
  height: 200px;
  overflow-y: auto;
  padding: 40px 50px;
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-body .tv-subtitle p {
  padding: 0;
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-body .item-btn {
  text-align: right;
  border-bottom: 1px solid #e4e4e4;
  padding: 30px;
  margin-bottom: 40px;
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-body .item-btn .btn {
  width: 114px;
  height: 40px;
  font-size: 15px;
  font-weight: bold;
  margin-left: 7px;
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion > div > div {
  margin-top: 40px;
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion > div > div:nth-of-type(2n-1) > .acc-item .acc-item-body {
  left: 0;
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion > div > div:nth-of-type(3n-1) > .acc-item .acc-item-body {
  left: -403px;
}
body.route1-promotion.route2-tv .article-tv .nongshim-accordion > div > div:nth-of-type(3n) > .acc-item .acc-item-body {
  left: -807px;
}
@media (max-width: 991px) {
  body.route1-promotion.route2-tv .tv-info .cover {
    padding: 0;
  }
  body.route1-promotion.route2-tv .tv-info .cover .icon-play::before, body.route1-promotion.route2-tv .tv-info .cover .icon-play::after {
    width: 38px;
    height: 38px;
    line-height: 38px;
    margin-top: -19px;
    margin-left: -19px;
  }
  body.route1-promotion.route2-tv .tv-info .cover .icon-play::before {
    font-size: 13px;
  }
  body.route1-promotion.route2-tv .tv-info .cover strong, body.route1-promotion.route2-tv .tv-info .cover > p {
    font-size: 0;
    padding: 0;
  }
  body.route1-promotion.route2-tv .page-jumbotron .tv-info {
    height: 213px;
  }
  body.route1-promotion.route2-tv .page-jumbotron .tv-info > * {
    height: 213px;
  }
  body.route1-promotion.route2-tv .page-jumbotron .tv-info .cover {
    padding-top: 0;
  }
  body.route1-promotion.route2-tv .article-tv {
    padding: 50px 0 20px;
  }
  body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-head a:not(.collapsed):before {
    height: 90px;
    border-bottom: 2.5px solid #ca0202;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.15);
  }
  body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-head a .tv-img {
    height: 90px;
  }
  body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-body {
    top: 20px;
  }
  body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-body .tv-info {
    height: 190px;
  }
  body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-body .tv-info > * {
    height: 190px;
  }
  body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-body .tv-info .cover strong {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    font-size: 14px;
  }
  body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-body .tv-subtitle .wrap {
    padding: 20px 25px;
  }
  body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-body .item-btn {
    padding: 15px 0 25px;
    margin-bottom: 20px;
  }
  body.route1-promotion.route2-tv .article-tv .nongshim-accordion .acc-item .acc-item-body .item-btn .btn {
    width: 76px;
    height: 30px;
    font-size: 13px;
    color: #000;
    padding: 0;
  }
  body.route1-promotion.route2-tv .article-tv .nongshim-accordion > div > div {
    margin-top: 20px;
  }
  body.route1-promotion.route2-tv .article-tv .nongshim-accordion > div > div:nth-child(odd) {
    padding-right: 7.5px;
  }
  body.route1-promotion.route2-tv .article-tv .nongshim-accordion > div > div:nth-child(even) {
    padding-left: 7.5px;
  }
  body.route1-promotion.route2-tv .article-tv .nongshim-accordion > div > div > .acc-item .acc-item-body,
body.route1-promotion.route2-tv .article-tv .nongshim-accordion > div > div:nth-of-type(3n-1) > .acc-item .acc-item-body,
body.route1-promotion.route2-tv .article-tv .nongshim-accordion > div > div:nth-of-type(3n) > .acc-item .acc-item-body {
    width: calc(200% + 15px);
    left: 0;
  }
  body.route1-promotion.route2-tv .article-tv .nongshim-accordion > div > div:nth-of-type(2n) > .acc-item .acc-item-body {
    left: calc(-100% - 15px);
  }
}
@font-face {
  body.route1-promotion.route2-ramen_pidia {
    font-family: "RedHatDisplay";
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
  }
}
body.route1-promotion.route2-ramen_pidia .modal-content {
  border: 0;
}
body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .full_img {
  background-repeat: no-repeat;
}
body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .article-title-dot .title {
  font-weight: bold;
  text-align: left;
}
body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn {
  display: flex;
}
body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._meaning > .info {
  margin: 190px 0 60px -60px;
}
body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._history > .info, body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._manufacture > .info, body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._health > .info, body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._knowledge > .info {
  position: relative;
  z-index: 1;
}
body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn > .info {
  text-align: left;
}
body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn > .info._bg {
  background: rgba(255, 255, 255, 0.8);
}
body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl dt {
  font-weight: bold;
}
body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl dt.line_right:after, body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl dt.line_left:before {
  content: "";
  display: inline-block;
  background: #539a00;
  vertical-align: middle;
}
body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl dd {
  word-break: keep-all;
}
@media (min-width: 992px) {
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .container {
    max-width: 1283px;
    padding: 0;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index ._pst01 {
    background-position: right top;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index ._pst02 {
    background-position: right 145px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index ._pst03 {
    background-position: right 125px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index ._pst04 {
    background-position: left top;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .article-title-dot .title {
    font-size: 96px;
    line-height: 84px;
    padding-left: 65px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn {
    padding-left: 128px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._meaning {
    margin-top: 170px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._meaning > .info {
    margin: 190px 0 60px -60px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._history {
    margin-top: 145px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._history > .info {
    margin: 180px 0 0 45px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._history > .info dl {
    width: 555px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._history > img {
    margin-left: -200px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._manufacture {
    margin-top: 145px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._manufacture > .info {
    margin: 40px 0 80px 45px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._manufacture > .info dl {
    width: 640px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._manufacture > img {
    margin-left: -50px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._health {
    margin-top: 120px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._health > .info {
    margin: 347px 0 266px 60px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._health > .info dl dd {
    padding-left: 380px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._health > .more {
    margin-left: 600px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._knowledge {
    margin-top: 100px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._knowledge > .info {
    margin: 180px 0 230px 45px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._knowledge > .info dl {
    width: 640px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._knowledge > img {
    margin-left: -50px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn > .info._bg {
    width: 670px;
    padding: 40px 25px 20px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl dt {
    font-size: 36px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl dt.line_right:after, body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl dt.line_left:before {
    width: 360px;
    height: 10px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl dt.line_right:after {
    margin-left: 20px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl dt.line_left:before {
    margin-right: 20px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl dd {
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn .more {
    clear: both;
    opacity: 0;
    -webkit-transition: opacity 80ms ease-in-out;
    -moz-transition: opacity 80ms ease-in-out;
    -ms-transition: opacity 80ms ease-in-out;
    -o-transition: opacity 80ms ease-in-out;
    transition: opacity 80ms ease-in-out;
    font-size: 14px;
    color: #999;
    margin: auto 0 0 220px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn:hover .more {
    opacity: 1;
  }
}
@media (max-width: 991px) {
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .full_img {
    background-size: 50%;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index ._pst01 {
    background-position: right top;
    background-size: auto 180px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index ._pst02 {
    background-position: right 145px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index ._pst03 {
    background-position: right 125px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index ._pst04 {
    background-position: -52px top;
    background-size: auto 280px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .article-title-dot .title {
    font-size: 24px;
    line-height: 20px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._meaning {
    margin-top: 122px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._meaning > img {
    width: auto;
    max-height: 150px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._meaning > .info {
    margin: 24px 0 24px -25px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._history {
    margin-top: 92px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._history > * {
    width: 50%;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._history > img {
    width: auto;
    max-height: 160px;
    margin-right: -20px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._history > .info {
    margin: 0 -30px 0 10px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._history > .info dl {
    margin-right: -28px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._history > .info dl dd {
    width: 70%;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._manufacture {
    margin-top: 90px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._manufacture > * {
    width: 50%;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._manufacture > img {
    width: auto;
    max-height: 114px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._manufacture > .info._bg {
    padding: 0;
    margin: 0 10px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._health {
    margin-top: 120px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._health > .info {
    width: 80%;
    margin: 90px 0 100px 70px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._health > .info dl dd {
    padding-left: 100px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._health > * {
    width: 50%;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._knowledge {
    margin-top: 20px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._knowledge > * {
    width: 50%;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._knowledge > img {
    width: auto;
    max-height: 209px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._knowledge > .info._bg {
    padding: 0;
    margin: 80px 0 80px 10px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn._knowledge > .info dl dd {
    margin-right: 25px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn > .info._bg {
    padding: 20px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl {
    margin-bottom: 0;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl dt {
    font-size: 18px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl dt.line_right:after, body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl dt.line_left:before {
    height: 5px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl dt.line_right:after {
    width: 70px;
    margin-left: 10px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl dt.line_left:before {
    width: 90px;
    margin-right: 10px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn dl dd {
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-promotion.route2-ramen_pidia .ramen-pidia-index .modal_btn .more {
    display: none;
  }
}
@font-face {
  body.route1-promotion [id*=modal-ramenpidia] {
    font-family: "RedHatDisplay";
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
  }
}
body.route1-promotion [id*=modal-ramenpidia] .modal-dialog {
  max-width: 100%;
  margin: 0;
}
body.route1-promotion [id*=modal-ramenpidia] .modal-content {
  border: 0;
}
body.route1-promotion [id*=modal-ramenpidia].modal, body.route1-promotion [id*=modal-ramenpidia] .modal-body {
  padding: 0 !important;
}
body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 0;
}
body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header > h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: bold;
  letter-spacing: 15px;
}
body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .fix_txt {
  position: absolute;
  color: #000;
  font-weight: bold;
  text-align: left;
  z-index: 1;
}
body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .fix_txt .color_w {
  color: #fff;
}
@media (min-width: 992px) {
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header {
    height: 1080px;
    padding: 15px 30px;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header.none {
    display: none;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header > h3 {
    font-size: 72px;
    letter-spacing: 15px;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .fix_txt {
    left: -6px;
    bottom: -90px;
    font-size: 96px;
    line-height: 84px;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .fix_txt.scroll {
    left: 50%;
    bottom: 0;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center bottom;
    font-size: 16px;
    color: #fff;
    font-weight: 100;
    text-align: center;
    letter-spacing: 3px;
    line-height: 20px;
    padding-bottom: 65px;
    margin: 0 auto 40px;
    opacity: 0.9;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar {
    width: 100%;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar .btn_close {
    position: absolute;
    top: 15px;
    right: 0px;
    vertical-align: middle;
    border: 0 none;
    background: transparent;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar .btn_close i {
    display: inline-block;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar .btn_close i::before {
    font-size: 30px;
    color: #fff;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul {
    flex-direction: column;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul li {
    position: relative;
    text-align: right;
    line-height: 30px;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul li a {
    font-size: 14px;
    color: #fff;
    opacity: 0.4;
    padding: 0;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul li.current > a, body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul li > a:hover {
    opacity: 1;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul li a > strong {
    font-size: 16px;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul.ramen_menu {
    position: absolute;
    top: 178px;
    right: 36px;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul.ramen_menu > li:not(:last-child) {
    margin-bottom: 35px;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul.ramen_menu > li::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 0;
    display: inline-block;
    width: 75px;
    height: 2px;
    background: #fff;
    opacity: 0.4;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul.ramen_menu > li.current:before, body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul.ramen_menu > li:hover:before, body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul.ramen_menu > li:hover > a {
    opacity: 1;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul.sub_menu > li > a:after {
    content: "";
    position: absolute;
    top: 11px;
    right: -22px;
    display: inline-block;
    width: 0;
    height: 0;
    border-right: 4px solid #96c11f;
    border-left: 4px solid transparent;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    opacity: 0;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul.sub_menu > li > a:hover:after {
    opacity: 1;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul.sub_menu > li:hover > a {
    color: #fff;
    opacity: 1;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul.sub_menu > li > a {
    color: #fff;
    opacity: 0.4;
  }
}
@media (max-width: 991px) {
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header {
    height: 340px;
    margin-top: 60px;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header.none {
    height: 0;
    margin-top: 0;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header.none > h3, body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header.none > .fix_txt {
    display: none;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header > h3 {
    width: 100%;
    font-size: 34px;
    text-align: center;
    letter-spacing: 7px;
    margin-bottom: 0;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .fix_txt {
    left: -2px;
    bottom: -27px;
    font-size: 34px;
    line-height: 27px;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .fix_txt.scroll {
    display: none;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar {
    position: fixed;
    top: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    padding: 0;
    z-index: 10;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar > .nav-header {
    width: 100%;
    height: 60px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    z-index: 3;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar .navbar-collapse {
    display: none;
    height: 0;
    background: #fff;
    opacity: 0;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar .navbar-collapse.show {
    display: block;
    height: 100vh;
    opacity: 1;
    transition: height 0.15s ease-out;
    z-index: 2;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar .navbar-brand {
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar .navbar-brand img {
    width: 80px;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar .navbar-toggler {
    position: absolute;
    top: 15px;
    right: 16px;
    width: 32px;
    height: 32px;
    color: #fff;
    background: #96c11f;
    border-radius: 50%;
    padding: 0;
    vertical-align: middle;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar .navbar-toggler i {
    display: inline-block;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar .navbar-toggler i::before {
    font-size: 9px;
    line-height: 32px;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar .btn_close {
    position: absolute;
    top: 15px;
    left: 16px;
    width: 32px;
    height: 32px;
    background: #dbdbdb;
    border-radius: 50%;
    vertical-align: middle;
    border: 0 none;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar .btn_close i {
    display: inline-block;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar .btn_close i::before {
    font-size: 20px;
    line-height: 29px;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul li {
    position: relative;
    text-align: center;
    line-height: 30px;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul li.current > a, body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul li > a:hover {
    opacity: 1;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul li a > strong {
    font-size: 24px;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul.ramen_menu {
    padding: 30px 0;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul.ramen_menu > li {
    padding: 12px;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul.ramen_menu > li:last-child::before {
    border-bottom: 0;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul.ramen_menu > li::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80%;
    display: inline-block;
    border-bottom: 1px solid #ededed;
  }
  body.route1-promotion [id*=modal-ramenpidia].modal .modal-dialog .modal-content .modal-header .navbar ul.sub_menu {
    display: none;
  }
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .bg_c1 {
  background: #f4f1eb !important;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .bg_c2 {
  background: #f3f3f3 !important;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .bg_c3 {
  background: #e5ebdc !important;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .bg_c4 {
  background: #e4ecef !important;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item {
  width: 100%;
  height: 100%;
  background: #fff;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .title_wrap .bg_box {
  display: inline-block;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .title_wrap .bg_box h4 {
  position: relative;
  display: block;
  width: 100%;
  font-weight: bold;
  margin: 0;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .title_wrap .bg_box h4 > span > b {
  display: inline-block;
  font-weight: bold;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .title_wrap .bg_box h4 > span > b::before {
  content: "";
  display: block;
  border-radius: 50%;
  background: #96c11f;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap {
  position: relative;
  word-break: keep-all;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box {
  height: 100%;
  margin: auto;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > span {
  font-size: 18px;
  color: #77ad1c;
  font-weight: bold;
  line-height: 24px;
  border-bottom: 3px solid #77ad1c;
  padding-bottom: 3px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box h5 {
  font-size: 35px;
  font-weight: bold;
  letter-spacing: 8px;
  margin: 40px 0 35px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > strong, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .flex_box > strong {
  position: relative;
  display: block;
  font-size: 27px;
  color: #539a00;
  line-height: 50px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > strong.line:after, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .flex_box > strong.line:after {
  content: "";
  display: inline-block;
  width: 360px;
  height: 10px;
  background: #539a00;
  font-weight: bold;
  vertical-align: middle;
  margin-left: 30px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > strong.line.w1:after, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .flex_box > strong.line.w1:after {
  width: 420px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > strong.line.w2:after, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .flex_box > strong.line.w2:after {
  width: 70px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > strong.line.w3:after, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .flex_box > strong.line.w3:after {
  width: 360px;
  vertical-align: top;
  margin-top: 18px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > strong > span, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .flex_box > strong > span {
  display: inline-block;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > strong + p.under_line, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .flex_box > strong + p.under_line {
  margin-top: 15px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box p {
  display: inline-block;
  width: 100%;
  font-size: 20px;
  color: #000;
  line-height: 34px;
  word-break: keep-all;
  margin-top: 20px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box p + strong {
  margin-top: 14px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box p + strong + p {
  margin-top: 15px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box h5 + p {
  margin-top: -5px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box h5.under_line + p {
  margin-top: 30px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > img {
  display: block;
  margin-top: 60px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .btn-outline-submit {
  border-radius: 50px;
  padding: 12px 20px 12px 30px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .btn-outline-submit > span {
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right center;
  padding-right: 48px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .btn-outline-submit + strong {
  margin-top: 25px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > .line {
  position: relative;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > .line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 194px;
  width: 415px;
  height: 10px;
  background: #539a00;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info img {
  display: inline-block;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info span {
  display: inline-block;
  font-size: 18px;
  color: #666;
  font-weight: bold;
  vertical-align: bottom;
  padding: 15px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > table {
  border: 1px solid #f3f3f3;
  border-width: 2px 0 0 2px;
  font-size: 18px;
  color: #000;
  margin-top: 50px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > table caption {
  display: none;
  overflow: hidden;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > table thead {
  background: #eaeaea;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > table tbody {
  background: #fff;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > table thead th:first-child, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > table tbody th {
  font-weight: bold;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > table th, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > table td {
  width: 160px;
  height: 50px;
  border: solid #f3f3f3;
  border-width: 0 2px 2px 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .tv-info > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .video-frame {
  height: 170px;
  background-size: cover;
  background-position: center;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .video-frame iframe .ytp-large-play-button .ytp-icon-large-play-button-hover {
  background: transparent !important;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .cover .icon-play::before, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .cover .icon-play::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 76px;
  height: 76px;
  text-align: center;
  line-height: 76px;
  margin-top: -38px;
  margin-left: -38px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .cover .icon-play::before {
  font-size: 26px;
  color: #fff;
  z-index: 1;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .cover .icon-play::after {
  content: "";
  border-radius: 50%;
  background: #ca0202;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .tv-subtitle {
  max-width: 450px;
  height: 360px;
  background: #f6f6f6;
  overflow-y: scroll;
  padding: 30px;
  margin-left: auto;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .tv-subtitle p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin: 0;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list dt {
  font-size: 24px;
  color: #539a00;
  font-weight: bold;
  line-height: 40px;
  padding-top: 32px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list dt.ico_pst {
  background-repeat: no-repeat;
  background-position: 30px bottom;
  background-size: auto;
  line-height: 36px;
  padding-top: 25px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list dd {
  position: relative;
  font-size: 20px;
  color: #000;
  line-height: 34px;
  padding-top: 10px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list dd.ico_pst {
  min-height: 114px;
  background-repeat: no-repeat;
  background-position: left 10px;
  background-size: auto;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list dd > span {
  font-size: 16px;
  line-height: 30px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.circle {
  width: 850px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.circle > * {
  padding-left: 33px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.circle::before {
  display: none;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.circle dt {
  background-repeat: no-repeat;
  background-position: left 2px;
  background-size: auto;
  line-height: 30px;
  padding-top: 0;
  margin-top: 30px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.circle dt.line:after {
  content: "";
  display: inline-block;
  width: 520px;
  height: 4px;
  background: #539a00;
  vertical-align: middle;
  margin-left: 70px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic > * {
  display: inline-block;
  padding: 0;
  margin: 5px 0;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic::before {
  display: none;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic dt > span {
  display: inline-block;
  background: #9fc633;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .nongshim-inner-tab ul {
  margin-top: 0;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .nongshim-inner-tab ul li a {
  color: #999;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .nongshim-inner-tab ul li a::after {
  background-color: #f4f4f4;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .nongshim-inner-tab ul li a.active, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .nongshim-inner-tab ul li a:hover {
  color: #000;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .nongshim-inner-search .wrap input {
  background-color: transparent;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .item {
  display: block;
  position: relative;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .item .product-tag {
  font-weight: bold;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .item .product-tag-notice {
  position: absolute;
  z-index: 1;
  color: #000;
  border-color: transparent;
  background-color: rgba(255, 255, 255, 0.5);
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .item .notice-img {
  background-size: cover;
  background-position: center;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .item .notice-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .item .notice-info {
  background-color: #fff;
  text-align: center;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .item .notice-info .tit {
  display: block;
  color: #333;
  font-weight: 400;
  letter-spacing: -1px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .item .notice-info .date {
  display: block;
  color: #999;
  font-weight: 200;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .notice-item .notice-img:before {
  display: none;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .notice-item .notice-info {
  position: relative;
  text-align: left;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .notice-item .notice-info .txt {
  display: block;
  color: #999;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .notice-item .notice-info .date {
  position: absolute;
  font-size: 14px;
  color: #333;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .notice-item .notice-info .more_btn {
  float: right;
  position: absolute;
  color: #999;
  font-weight: bold;
  opacity: 0;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .notice-item .notice-info .more_btn .icon-link-more {
  color: #d83832;
  vertical-align: middle;
  padding-left: 5px;
}
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .notice-item .notice-info .more_btn::after {
  content: "";
  clear: both;
}
@media (min-width: 992px) {
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item > * {
    height: 1080px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item[id*=meaning] h4 {
    background: url("../../resources2/images/view_promotion/ramen_pidia/bg_01.png") center bottom no-repeat;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item[id*=history] h4 {
    background: url("../../resources2/images/view_promotion/ramen_pidia/bg_02.png") center bottom no-repeat;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item[id*=manufacture] h4 {
    background: url("../../resources2/images/view_promotion/ramen_pidia/bg_03.png") center bottom no-repeat;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .title_wrap .bg_box {
    width: calc(100% - 80px);
    height: calc(100% - 80px);
    margin: 40px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .title_wrap .bg_box h4 {
    height: calc(100% - 95px);
    background-size: auto;
    font-size: 48px;
    font-size: 48px;
    text-align: center;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .title_wrap .bg_box h4 > span {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -60%);
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .title_wrap .bg_box h4 > span > b:before {
    width: 12px;
    height: 12px;
    margin: 0 auto 10px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box {
    width: 1160px;
    padding-top: 220px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box h5.line:after {
    content: "";
    display: inline-block;
    width: 360px;
    height: 10px;
    background: #539a00;
    vertical-align: middle;
    margin-left: 70px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box p.under_line {
    width: 680px;
    border-bottom: 10px solid #539a00;
    padding-bottom: 30px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box p.under_line.w1 {
    position: relative;
    border: 0;
    padding-bottom: 40px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box p.under_line.w1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 420px;
    height: 10px;
    background: #539a00;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box p + strong {
    margin-top: 14px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box p + strong + p {
    margin-top: 15px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box h5 + .flex_box {
    margin-top: -80px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .flex_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .flex_box > strong.line:after {
    margin-right: -13px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .flex_box > img {
    margin-left: -13px;
    z-index: 1;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap {
    margin-top: 70px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .video-frame {
    height: 360px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .cover {
    height: 360px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap [class*=bg_pst] {
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .bg_pst01 {
    background-position: right 280px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .bg_pst03 {
    background-position: right 340px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .bg_pst04 {
    background-position: right 370px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .bg_pst06 {
    background-position: right 374px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .bg_pst08 {
    background-position: right 227px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .bg_pst05, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .bg_pst12 {
    background-position: right 380px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .bg_pst02 {
    background-position: right 270px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .bg_pst07 {
    width: 1420px;
    background-position: right 250px;
    padding-bottom: 55px;
    margin: auto;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .bg_pst09, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .bg_pst11 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1920px;
    height: 100%;
    background-position: right top;
    margin: auto;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .bg_pst11 {
    background-position: right 220px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .bg_pst10 {
    background-position: right 310px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap p + .icon_list {
    margin-top: 10px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap img.img_center {
    margin: 0 0 0 -15px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap img.sub_img {
    margin: 0 0 0 -30px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap img.sub_img01 {
    margin: 0 0 0 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap img.sub_img02 {
    margin: 40px 0 0 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap img.sub_img03 {
    margin: 30px 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list {
    width: 752px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list > * {
    padding-left: 145px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list::before {
    content: "";
    display: inline-block;
    width: calc(100% - 145px);
    height: 10px;
    background: #539a00;
    margin-left: 145px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.br_none:before {
    display: none;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic {
    width: 844px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic > * {
    float: left;
    height: 103px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic::before {
    display: none;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic dt {
    width: 103px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic dt > span {
    width: 103px;
    height: 103px;
    font-size: 20px;
    line-height: 103px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic dd {
    width: calc(100% - 145px);
    padding-left: 42px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic dd > p {
    height: 70px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic dd > p.line {
    border-bottom: 10px solid #539a00;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .pst_bottom {
    position: absolute;
    bottom: 120px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .point_box {
    display: inline-block;
    width: auto;
    height: 50px;
    border: 1px solid #cdcdcd;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: 15px 10px;
    background-size: auto;
    font-size: 18px;
    color: #666;
    line-height: 28px;
    padding: 10px 25px 10px 55px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice {
    padding: 80px 0 60px;
    background: #f4f4f4;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .item {
    margin-bottom: 40px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .item .product-tag-notice {
    top: 20px;
    left: 20px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .item .notice-img {
    height: 350px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .item .notice-img::before {
    height: 350px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .item .notice-info {
    padding: 40px 40px 47px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .item .notice-info .tit {
    font-size: 28px;
    margin-bottom: 15px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item {
    margin-bottom: 30px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item .notice-img {
    height: 260px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item .notice-info {
    height: 260px;
    padding: 50px 70px 50px 40px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item .notice-info .product-tag-auction {
    margin-bottom: 15px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item .notice-info .tit {
    margin-bottom: 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item .notice-info .txt {
    font-size: 16px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item .notice-info .date {
    top: 195px;
    left: 40px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item .notice-info .more_btn {
    top: 195px;
    right: 40px;
    font-size: 14px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item:hover .notice-info .more_btn {
    opacity: 1;
    transition: opacity 0.15s;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .tbl-page {
    margin: -50px auto 150px;
  }
}
@media (max-width: 991px) {
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item[id*=meaning] h4 {
    background: url("../../resources2/images/view_promotion/ramen_pidia/m_bg_01.png") center top no-repeat;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item[id*=history] h4 {
    background: url("../../resources2/images/view_promotion/ramen_pidia/m_bg_02.png") center top no-repeat;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item[id*=manufacture] h4 {
    background: url("../../resources2/images/view_promotion/ramen_pidia/m_bg_03.png") center top no-repeat;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .title_wrap .bg_box {
    display: inline-block;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    padding-bottom: 50px;
    margin: 20px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .title_wrap .bg_box h4 {
    height: 135px;
    background-size: 100% 100%;
    font-size: 18px;
    text-align: left;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .title_wrap .bg_box h4 > span {
    display: inline-block;
    margin: 70px 0 0 20px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .title_wrap .bg_box h4 > span > b:before {
    width: 6px;
    height: 6px;
    margin: 0 auto 5px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap {
    width: 100%;
    padding: 0 20px 45px;
    /*box-shadow: 0px -5px 55px -10px rgba(0,0,0,0.75); -webkit-box-shadow: 0px -5px 55px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px -5px 55px -10px rgba(0,0,0,0.75);*/
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap [class*=bg_pst]:not(.m_bg_show) {
    background: none !important;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap.m_bg01 {
    background: #fff !important;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap.m_bg02 {
    position: relative;
    z-index: 1;
    background: #f3f3f3 !important;
    padding-bottom: 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap.m_bg02 > .inner_box .icon_list {
    padding-top: 32px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap.m_bg02 + .m_bg02 {
    padding-bottom: 45px;
    z-index: 1;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap.m_bg02 + .m_bg02 > .inner_box,
body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap.m_bg02 + .m_bg02 > .inner_box .icon_list {
    padding-top: 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .m_bg_show {
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: right center;
    margin: 0 -10px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box {
    width: 100%;
    background: none !important;
    padding-top: 45px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > *:not(img):not(.flex_box):not(.visual-3r):not(.visual-4r):not(.visual-5r):not(.visual-6r):not(.visual-7r) {
    margin-right: 20px;
    margin-left: 20px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > span {
    font-size: 12px;
    line-height: 12px;
    border-bottom: 2px solid #77ad1c;
    padding-bottom: 1px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box h5 {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 36px;
    margin: 15px 20px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box h5.under_line + p {
    margin-top: 20px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box h5.under_line + img {
    height: 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box h5.under_line + img + img {
    margin-top: -10px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > strong, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .flex_box > strong {
    font-size: 18px;
    line-height: 25px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > strong.line:after, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .flex_box > strong.line:after {
    content: "";
    display: none !important;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > strong > span, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .flex_box > strong > span {
    display: inline-block;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > strong + p.under_line, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .flex_box > strong + p.under_line {
    margin-top: 15px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box p {
    width: calc(100% - 40px);
    font-size: 14px;
    line-height: 21px;
    margin: 15px 20px 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box p + strong {
    margin-top: 14px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box p + strong + p {
    margin-top: 15px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box h5 + img {
    margin-top: 15px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box strong + img, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box img + p {
    margin-top: 25px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > img {
    display: block;
    width: 100%;
    height: auto;
    margin: 40px auto 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > img.w01 {
    width: 80%;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > img.w02 {
    width: calc(100% - 40px);
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > img.img_mg01 {
    margin-top: 20px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > img.img_mg02 {
    margin: 20px 0 30px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > img.img_mg03 {
    margin: 0 auto;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box > img + strong {
    margin-top: 20px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-3r, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-4r, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-5r, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-6r, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-7r {
    position: relative;
    padding-top: 40px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-3r b.zoom, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-4r b.zoom, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-5r b.zoom, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-6r b.zoom, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-7r b.zoom {
    overflow: hidden;
    display: block;
    position: absolute;
    bottom: 34px;
    right: 3px;
    width: 48px;
    height: 48px;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-3r b.zoom .icon, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-4r b.zoom .icon, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-5r b.zoom .icon, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-6r b.zoom .icon, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-7r b.zoom .icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    background-image: url(../../resources2/images/common/image-zoom.svg);
    background-size: cover;
    background-position: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-3r img, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-4r img, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-5r img, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-6r img, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-7r img {
    display: inline-block;
    width: 100%;
    vertical-align: top;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-5r b.zoom {
    top: 60px;
    right: 43px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-6r b.zoom {
    top: 48%;
    right: 40px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .visual-7r b.zoom {
    top: 48%;
    right: 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .btn-outline-submit {
    border-radius: 25px;
    padding: 6px 20px;
    margin: 15px 20px -10px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .btn-outline-submit > span {
    background-size: auto 7px;
    background-position: right center;
    padding-right: 32px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .btn-outline-submit + strong {
    margin-top: 25px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .flex_box > img {
    width: 100%;
    margin: auto;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > .line, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > .m_line {
    position: relative;
    margin-top: 23px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > .line::after, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > .m_line::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(25% + 35px);
    width: 125px;
    height: 5px;
    background: #539a00;
    margin-top: -10px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info img {
    width: 67px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info span {
    font-size: 14px;
    padding: 10px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > table {
    border-width: 1px 0 0 1px;
    font-size: 12px;
    line-height: 16px;
    margin: 20px -20px 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > table th, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .health_info > table td {
    max-width: 25%;
    height: auto;
    border-width: 0 1px 1px 0;
    padding: 10px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap {
    margin-top: 15px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap::before {
    content: "";
    display: inline-block;
    width: 80px;
    height: 4px;
    background: #539a00;
    margin-left: -20px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .tv-info {
    height: 170px;
    padding: 0;
    margin-top: 20px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .cover {
    height: 170px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .cover .icon-play::before, body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .cover .icon-play::after {
    width: 38px;
    height: 38px;
    line-height: 38px;
    margin-top: -19px;
    margin-left: -19px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .cover .icon-play::before {
    font-size: 13px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .tv-subtitle {
    max-width: 100%;
    height: 170px;
    padding: 20px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .tv-subtitle p {
    font-size: 12px;
    line-height: 19px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .inner_box .tv_wrap .tv-subtitle.bg-white {
    background: #f3f3f3 !important;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list {
    width: calc(100% - 40px);
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list > * {
    padding-left: 80px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list dt {
    font-size: 16px;
    line-height: 23px;
    padding-top: 25px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list dt.ico_pst {
    background: none !important;
    padding-left: 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list dt.ico_pst + dd {
    padding-left: 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list dd {
    font-size: 12px;
    line-height: 18px;
    padding-top: 7px;
    margin-bottom: 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list dd.ico_pst {
    min-height: 114px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 60px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list dd > span {
    font-size: 12px;
    line-height: 18px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.circle {
    position: relative;
    width: 100%;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.circle > * {
    padding-left: 28px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.circle dt {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 20px;
    line-height: 20px;
    padding-top: 0;
    margin-top: 30px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.circle dt.line:after {
    position: absolute;
    top: 8px;
    right: 0;
    width: 140px;
    height: 4px;
    margin-left: 30px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.circle dd {
    margin-right: 40px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic > * {
    height: auto;
    margin: auto 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic dt {
    width: 60px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic dt > span {
    width: 60px;
    height: 60px;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 60px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic dd {
    width: calc(100% - 60px);
    padding-left: 20px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .icon_list.basic dd > p {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .pst_bottom {
    margin-top: 20px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .ramen_item .cont_wrap .point_box {
    display: inline-block;
    width: auto;
    border: 1px solid #cdcdcd;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 15px 15px;
    font-size: 12px;
    color: #666;
    line-height: 18px;
    padding: 6px 20px 6px 35px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice {
    padding: 50px 0;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .nongshim-inner-search {
    margin-top: 25px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .product-tag {
    font-size: 11px;
    padding: 1px 10px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .product-tag-notice {
    top: 10px;
    left: 10px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .item {
    margin-bottom: 20px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .item .notice-img {
    height: 170px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .item .notice-img::before {
    height: 170px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .item .notice-info {
    padding: 20px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .item .notice-info .tit {
    font-size: 18px;
    margin-bottom: 10px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item .notice-img {
    height: 150px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item .notice-info {
    height: 183px;
    padding: 25px 18px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item .notice-info .product-tag-auction {
    margin-bottom: 10px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item .notice-info .tit {
    margin-bottom: 5px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item .notice-info .txt {
    font-size: 14px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item .notice-info .date {
    top: 145px;
    left: 18px;
    font-size: 13px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item .notice-info .more_btn {
    top: 145px;
    right: 18px;
    font-size: 13px;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .article-notice .notice-item:focus .notice-info .more_btn {
    opacity: 1;
    transition: opacity 0.15s;
  }
  body.route1-promotion [id*=modal-ramenpidia] .ramen_content .tbl-page {
    margin: -30px auto 75px;
  }
}
body.route1-promotion [id*=modal-ramenpidia] .copyright {
  border-top: 1px solid #e7e7e8;
  font-size: 14px;
  color: #666;
  text-align: center;
  padding: 50px 0 90px;
}
@media (max-width: 991px) {
  body.route1-promotion [id*=modal-ramenpidia] .copyright {
    font-size: 12px;
    padding: 33px 0;
  }
}
html.open-zoom-modal1 body.route1-promotion [id*=modal-ramenpidia] #e3r_zoom {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}
html.open-zoom-modal2 body.route1-promotion [id*=modal-ramenpidia] #e4r_zoom {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}
html.open-zoom-modal3 body.route1-promotion [id*=modal-ramenpidia] #e5r_zoom {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}
html.open-zoom-modal4 body.route1-promotion [id*=modal-ramenpidia] #e6r_zoom {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}
html.open-zoom-modal5 body.route1-promotion [id*=modal-ramenpidia] #e7r_zoom {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}
body.route1-promotion.route2-n_supporter {
  /*index*/
  /* 지원공고 */
  /* 지원하기 */
  /* 버튼 */
}
body.route1-promotion.route2-n_supporter.route3-index {
  /*포토앨범*/
  /*펀스타즈*/
}
body.route1-promotion.route2-n_supporter.route3-index .full-img-side {
  position: relative;
}
body.route1-promotion.route2-n_supporter.route3-index .full-img-side::after {
  display: block;
  clear: both;
  content: "";
}
body.route1-promotion.route2-n_supporter.route3-index .full-img-side > .container {
  width: 100%;
  height: 100%;
  padding: 0;
}
body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-img {
  background-size: cover;
  background-position: center;
}
body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text strong {
  display: inline-block;
  position: relative;
  font-weight: 600;
}
body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text strong::before, body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text strong::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-size: 100%;
}
body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text strong::before {
  background-image: url("../images/common/quote-open.svg");
  vertical-align: top;
}
body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text strong::after {
  background-image: url("../images/common/quote-close.svg");
  vertical-align: bottom;
}
@media (min-width: 992px) {
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side {
    height: 600px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text {
    position: absolute;
    top: 50%;
    width: 745px;
    height: 300px;
    background-color: white;
    z-index: 1;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 55px 84px;
    margin-left: -60px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text strong {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 38px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text strong::before, body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text strong::after {
    width: 15px;
    height: 12px;
    line-height: 12px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text strong::before {
    top: 2px;
    margin-left: -23px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text strong::after {
    bottom: 21px;
    margin-left: 10px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text.height-add {
    height: 378px !important;
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text p {
    margin-right: -4px;
    margin-left: -4px;
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text.r-item-text {
    right: 0;
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 600px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text-wrap {
    position: relative;
    height: 100%;
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text-wrap .item-right {
    right: 0;
    margin-right: -60px;
  }
}
@media (max-width: 991px) {
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text {
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 30px 30px 36px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text strong {
    display: block;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 25px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text strong::before, body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text strong::after {
    width: 8px;
    height: 7px;
    line-height: 7px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text strong::before {
    top: 2px;
    margin-left: -10px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text strong::after {
    bottom: 17px;
    margin-left: 4px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-text p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 21px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .full-img-side .item-img {
    height: 260px;
  }
}
body.route1-promotion.route2-n_supporter.route3-index .article-elbum-navigation {
  margin-top: 100px;
}
body.route1-promotion.route2-n_supporter.route3-index .article-elbum-navigation .tab_cont, body.route1-promotion.route2-n_supporter.route3-index .article-elbum-navigation .inner_tab_cont {
  display: none;
}
body.route1-promotion.route2-n_supporter.route3-index .article-elbum-navigation .tab_cont.active, body.route1-promotion.route2-n_supporter.route3-index .article-elbum-navigation .inner_tab_cont.active {
  display: block;
  transition: 0.3s;
}
body.route1-promotion.route2-n_supporter.route3-index .article-elbum-navigation .swiper-container {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
body.route1-promotion.route2-n_supporter.route3-index .article-elbum-navigation .swiper-content {
  background-color: #fff;
  width: 100%;
  height: 100%;
}
body.route1-promotion.route2-n_supporter.route3-index .article-elbum-navigation .swiper-content img {
  width: 100%;
}
body.route1-promotion.route2-n_supporter.route3-index .article-elbum-navigation .swiper-slide-active {
  box-shadow: 0 5px 14px 0px rgba(0, 0, 0, 0.2);
}
body.route1-promotion.route2-n_supporter.route3-index .article-elbum-navigation .swiper-scrollbar {
  height: 1px;
  background: #f7f7f7;
}
body.route1-promotion.route2-n_supporter.route3-index .article-elbum-navigation .swiper-scrollbar .swiper-scrollbar-drag {
  background: #96c11f;
  top: -2px;
  height: 2px;
}
@media (min-width: 992px) {
  body.route1-promotion.route2-n_supporter.route3-index .article-elbum-navigation .swiper-slide {
    width: 698px;
    height: 606px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .article-elbum-navigation .swiper-wrapper {
    margin-bottom: 100px;
  }
}
@media (max-width: 991px) {
  body.route1-promotion.route2-n_supporter.route3-index .article-elbum-navigation .swiper-slide {
    width: 400px;
    height: 347px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .article-elbum-navigation .swiper-wrapper {
    margin-bottom: 40px;
  }
}
body.route1-promotion.route2-n_supporter.route3-index .funster-wrap {
  position: relative;
}
body.route1-promotion.route2-n_supporter.route3-index .funster-wrap .funster-box {
  background: #e0ecf2;
  margin-bottom: 60px;
}
body.route1-promotion.route2-n_supporter.route3-index .funster-wrap .funster-box .container {
  padding: 75px 0 75px 75px;
  background-position: right;
  background-repeat: no-repeat;
}
body.route1-promotion.route2-n_supporter.route3-index .funster-wrap .funster-box strong {
  position: relative;
  display: inline-block;
  font-weight: 600;
  font-size: 36px;
}
body.route1-promotion.route2-n_supporter.route3-index .funster-wrap .funster-box strong::before {
  position: absolute;
  top: 5px;
  margin-left: -18px;
  content: "";
  font-family: "icomoon";
  font-size: 9px;
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */
}
body.route1-promotion.route2-n_supporter.route3-index .funster-wrap .funster-box strong::after {
  position: absolute;
  top: 5px;
  margin-left: 5px;
  content: "";
  font-family: "icomoon";
  font-size: 9px;
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */
}
@media (min-width: 992px) {
  body.route1-promotion.route2-n_supporter.route3-index .funster-wrap .funster-box .container {
    padding: 75px 0 75px 75px;
    background-position: right;
    background-repeat: no-repeat;
  }
  body.route1-promotion.route2-n_supporter.route3-index .funster-wrap .funster-box p {
    font-size: 20px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .funster-wrap .funster-box .funster-btn-group {
    position: absolute;
    width: 100%;
    margin-left: -200px;
    bottom: -100px;
  }
}
@media (max-width: 991px) {
  body.route1-promotion.route2-n_supporter.route3-index .funster-wrap .funster-box .container {
    padding: 50px 30px 100px 30px;
    background-position: bottom right;
    background-size: 25em;
    background-repeat: no-repeat;
  }
  body.route1-promotion.route2-n_supporter.route3-index .funster-wrap .funster-box strong {
    font-size: 24px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .funster-wrap .funster-box p {
    font-size: 16px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .funster-wrap .funster-btn-group {
    width: 100%;
  }
  body.route1-promotion.route2-n_supporter.route3-index .funster-wrap .funster-btn-group .btn {
    font-weight: bold;
    margin-top: 10px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .funster-wrap .funster-btn-group .text-center {
    text-align: left !important;
  }
}
body.route1-promotion.route2-n_supporter.route3-index .housewife-monitor {
  margin-bottom: 50px;
}
body.route1-promotion.route2-n_supporter.route3-index .housewife-monitor i {
  display: inline-block;
  background: #f7f7f7;
  border-radius: 50%;
  text-align: center;
}
@media (min-width: 992px) {
  body.route1-promotion.route2-n_supporter.route3-index .housewife-monitor i {
    font-size: 50px;
    width: 170px;
    height: 170px;
    line-height: 170px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .housewife-monitor p {
    text-align: center;
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  body.route1-promotion.route2-n_supporter.route3-index .housewife-monitor i {
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-right: 20px;
    margin-bottom: 30px;
  }
  body.route1-promotion.route2-n_supporter.route3-index .housewife-monitor p {
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
  }
}
body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list > * {
  color: #000;
  text-align: left;
  margin: 0;
}
body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list > * > * {
  margin: 0;
}
body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list > * > *:first-of-type {
  border-color: #222;
}
body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list dd dt {
  font-weight: normal;
  padding-left: 0;
}
body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list dd * {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list {
    border-bottom: 1px solid #e4e4e4;
    margin-top: 80px;
  }
  body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list > * {
    line-height: 30px;
  }
  body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list > * > * {
    border-top: 1px solid #e4e4e4;
    padding: 20px 0;
  }
  body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list > * > dt {
    font-size: 18px;
    padding-left: 50px;
  }
  body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list > * > dt > span {
    display: block;
  }
  body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list dd {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list {
    border-top: 1px solid #222;
    padding-top: 20px;
    margin-top: 40px;
  }
  body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list > * {
    line-height: 22px;
  }
  body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list > * > * {
    padding: 5px 0;
  }
  body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list > * > dt {
    font-size: 14px;
    padding: 20px 0 0;
  }
  body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list > * > dt > span {
    display: inline;
  }
  body.route1-promotion.route2-n_supporter.route3-recruit .article-supporter-recruit .table-list dd {
    font-size: 13px;
  }
}
body.route1-promotion.route2-n_supporter.route3-support .support-form {
  word-break: keep-all;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form h3 {
  font-size: 36px;
  font-weight: bold;
  line-height: 48px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form h4 {
  font-size: 22px;
  font-weight: bold;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form ol {
  list-style-type: decimal;
  padding-left: 20px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form ol li > ul {
  margin-left: -28px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form ol li > textarea, body.route1-promotion.route2-n_supporter.route3-support .support-form ol li > input {
  width: calc(100% + 16px);
  margin-left: -16px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .mgt100 {
  margin-top: 100px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .h120 {
  height: 120px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item {
  border-top: 0;
  padding: 50px 0 0 30px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item:first-child {
  padding-top: 60px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .check-box-each {
  font-weight: normal;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .check-box-each + .check-box-each > span {
  margin-left: 25px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .terms-area {
  height: auto;
  overflow-y: auto;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .terms-area > strong {
  font-size: 16px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .terms-area b {
  display: inline-block;
  font-size: 16px;
  border-bottom: 1px solid #666;
  padding-bottom: 2px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .btn-outline-submit {
  line-height: 30px;
  padding: 6px 0.75rem;
  margin: 0;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .inner-width {
  margin-right: -45%;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .form-question .pl20 {
  padding-left: 20px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .form-question p.tit {
  margin: 10px 0 20px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .form-question > .form-group {
  margin-top: 30px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .form-question > .form-group ul li {
  margin-top: 5px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .form-question label + input.etc {
  display: inline-block;
  width: 300px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .lst-ol {
  color: #222;
  line-height: 32px;
  margin-bottom: 20px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .lst-dl {
  margin: 0;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .lst-dl > * {
  padding: 15px 0;
  letter-spacing: -0.5px;
  font-weight: normal;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .add-btn {
  width: 120px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container.form-question .form-item {
  padding-left: 0;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container.form-question .form-item .btn-block {
  margin: 30px auto 100px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container.form-question .form-item .btn-block .btn {
  padding: 9px 0.75rem;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .filebox + .form-text {
  margin-bottom: 10px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .filebox .img-attach {
  position: relative;
  width: 150px;
  height: 200px;
  border: 1px solid #ddd;
  cursor: pointer;
  margin: 0 auto;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .filebox .img-attach > i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  margin: -23px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-notice {
  background: #fafafa;
  font-weight: bold;
  padding: 40px 40px 20px;
  margin: 90px auto 100px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-notice h5 {
  font-size: 22px;
  color: #000;
  font-weight: bold;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-notice h5 .icon-notice {
  font-size: 30px;
  color: #666;
  vertical-align: bottom;
  margin: 0 10px 0 20px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-notice .cont {
  color: #000;
  line-height: 30px;
  padding: 20px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .form-notice .cont > p {
  font-size: 15px;
  color: #666;
  font-weight: normal;
  margin: 3px 0 0;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .bdt_none {
  border-top: 0 !important;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .agree_info_txt {
  width: 100%;
  color: #222;
  font-size: 20px;
  text-align: center;
  line-height: 34px;
  border-top: 1px solid #e4e4e4;
  padding-top: 55px;
  margin: 60px 0 0;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .btn-register {
  width: 100%;
  padding: 40px 0 0 !important;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .btn-register > div {
  display: inline-block;
  width: 50%;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .btn-register > div.left {
  text-align: left;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .btn-register > div.right {
  float: right;
  text-align: right;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .btn-register > div a + a {
  margin-left: 20px;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .btn-register > div .btn {
  display: inline-block;
  width: 180px;
  height: 54px;
  color: #000;
  font-weight: bold;
  line-height: 33px;
  border: 0;
  padding: 10px 0.75rem;
  margin: 0;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .btn-register > div .btn.btn-gray {
  background: #f1f1f1;
}
body.route1-promotion.route2-n_supporter.route3-support .support-form .btn-register > div .btn.btn-green {
  background: #96c11f;
}
@media (max-width: 991px) {
  body.route1-promotion.route2-n_supporter.route3-support .support-form h3 {
    font-size: 24px;
    line-height: 35px;
    padding-right: 0;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form h4 {
    font-size: 18px;
    line-height: 30px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form ol {
    padding-left: 15px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form ol li > ul {
    margin-left: -24px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form ol li > textarea, body.route1-promotion.route2-n_supporter.route3-support .support-form ol li > input {
    width: calc(100% + 14px);
    margin-left: -14px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form h4.mgb20 {
    margin: 50px 0 10px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form h4.mgb20:first-child {
    margin-top: 0;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .required-guide {
    position: absolute;
    top: 50%;
    right: 0;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item {
    padding: 20px 0 10px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item:first-child {
    padding-top: 20px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item:first-child:last-child {
    padding-bottom: 0;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .terms-area {
    padding: 20px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .check-box-all {
    display: flex;
    padding: 0 20px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .check-box-all > * {
    display: inline-flex;
    vertical-align: baseline;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .check-box-all > i {
    margin-right: 8px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .inner-width {
    margin-right: 0;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .form-question {
    margin: 0 -20px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .form-question .pl20 {
    padding-left: 0;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .form-question p.tit {
    line-height: 22px;
    margin: -10px 0 0 0;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .form-question p.tit + hr + .mgt25 {
    margin-top: 15px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .form-question > .form-group {
    padding: 0 20px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .form-question > .form-group:last-child {
    margin-bottom: 0;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .form-question > .form-group > div > div > ol li.mgt15 {
    margin-top: 30px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .form-question > .form-group > div > div > ol li.mgt15 > p {
    line-height: 22px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .form-question label + input.etc {
    width: calc(100% - 70px);
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .lst-ol {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 15px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .lst-dl > * {
    padding: 12px 0 0;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .lst-dl > * dt {
    padding-top: 20px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .lst-dl > * dt:first-child {
    padding-top: 0;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .lst-dl > *.text-right {
    text-align: left !important;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .lst-dl > *.text-right > label {
    width: 49%;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .form-item .add-btn {
    width: 112px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container .filebox + .form-text {
    font-size: 12px;
    line-height: 19px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container.form-question .form-item .btn-block {
    margin: 10px auto 42px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-container.form-question .form-item .btn-block .btn {
    padding: 0.47rem 0.75rem;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .mb-cont {
    padding: 15px 20px 0;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .mb-cont.form-question > .form-item {
    padding: 0 !important;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .mb-cont > .form-item {
    border-bottom: 0;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-notice {
    padding: 35px 30px;
    margin: 50px -30px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-notice h5 {
    font-size: 18px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-notice h5 .icon-notice {
    font-size: 21px;
    font-weight: bold;
    margin: 0 9px 0 0;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-notice .cont {
    line-height: 21px;
    padding: 0;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .form-notice .cont > p {
    font-size: 12px;
    margin: 20px 0 0;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .btn-register {
    margin-top: 35px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .btn-register > div {
    display: block;
    float: none;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .btn-register > div.left > a {
    float: left;
    width: calc(50% - 5px);
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .btn-register > div.left > a + a {
    float: right;
    margin-left: 10px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .btn-register > div.right {
    clear: both;
    margin: 10px 0 0 0;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .btn-register > div.right > a {
    width: 100%;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .btn-register > div.right > a .btn {
    margin-top: 10px;
  }
  body.route1-promotion.route2-n_supporter.route3-support .support-form .btn-register > div .btn {
    width: 100%;
    height: 50px;
    font-size: 14px;
  }
}
body.route1-promotion.route2-n_supporter .btn-block {
  text-align: center;
  margin: 60px auto;
}
body.route1-promotion.route2-n_supporter .btn-block.bt {
  margin-bottom: 150px;
}
body.route1-promotion.route2-n_supporter .btn-block .btn-outline-crack {
  border-color: #666;
  font-size: 15px;
  color: #666;
  font-weight: bold;
  padding: 11px 36px 11px 45px;
}
body.route1-promotion.route2-n_supporter .btn-block .btn-outline-crack .icon-chevron-right {
  font-size: 13px;
  font-weight: bold;
  margin-left: 2px;
}
@media (max-width: 991px) {
  body.route1-promotion.route2-n_supporter .btn-block.bt {
    border-top: 1px solid #c8c8c8;
    padding-top: 30px;
    margin: 40px auto 75px;
  }
}
body.route1-invest.route2-overview .article-tile .item {
  position: relative;
}
body.route1-invest.route2-overview .article-tile .item .header-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.route1-invest.route2-overview .article-tile .item .header-box h3 {
  margin: 0;
}
body.route1-invest.route2-overview .article-tile .item .header-box a {
  color: #666;
}
body.route1-invest.route2-overview .article-tile .item .header-box a span {
  border-bottom: solid 1px #666;
}
body.route1-invest.route2-overview .article-tile .item .header-box.header-line {
  border-bottom: solid 1px #000;
}
body.route1-invest.route2-overview .article-tile .item .img-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
}
body.route1-invest.route2-overview .article-tile .item .img-container .article-title-dot {
  margin-bottom: 0;
  color: #FFF;
}
@media (min-width: 992px) {
  body.route1-invest.route2-overview .article-tile .item {
    margin-bottom: 80px;
  }
  body.route1-invest.route2-overview .article-tile .item .header-box {
    height: 70px;
    padding-left: 15px;
  }
  body.route1-invest.route2-overview .article-tile .item .img-container {
    height: 325px;
  }
  body.route1-invest.route2-overview .article-tile .item .img-container .article-title-dot {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  body.route1-invest.route2-overview .article-tile .item {
    margin-bottom: 40px;
  }
  body.route1-invest.route2-overview .article-tile .item .header-box {
    height: 50px;
    padding-left: 10px;
  }
  body.route1-invest.route2-overview .article-tile .item .img-container {
    height: 190px;
  }
}
body.route1-invest.route2-overview .article-tile .stock-value.up, body.route1-invest.route2-overview .article-tile .stock-value.down {
  position: relative;
  padding-left: 15px;
}
body.route1-invest.route2-overview .article-tile .stock-value.up::before, body.route1-invest.route2-overview .article-tile .stock-value.down::before {
  position: absolute;
  left: 0;
  bottom: -4px;
  font-family: icomoon;
  font-size: 14px;
}
body.route1-invest.route2-overview .article-tile .stock-value.up::before {
  content: "";
  color: #d83832;
}
body.route1-invest.route2-overview .article-tile .stock-value.down::before {
  content: "";
  color: #0168dc;
}
body.route1-invest.route2-overview .article-tile .stock-info .stock-big > .row {
  height: 100%;
}
body.route1-invest.route2-overview .article-tile .stock-info .stock-big .big-item {
  display: flex;
  align-items: center;
  height: 100%;
  border-right: solid 1px #e4e4e4;
}
body.route1-invest.route2-overview .article-tile .stock-info .stock-big .big-item .stock-value {
  padding-left: 25px;
}
body.route1-invest.route2-overview .article-tile .stock-info .stock-big .big-item .stock-value::before {
  font-size: 24px;
  bottom: 0;
}
body.route1-invest.route2-overview .article-tile .stock-info .stock-big .stock-dl {
  height: 100%;
}
body.route1-invest.route2-overview .article-tile .stock-info .stock-big .stock-dl dl {
  display: table;
  height: 50%;
  width: 100%;
  margin-bottom: 0;
}
body.route1-invest.route2-overview .article-tile .stock-info .stock-big .stock-dl dl dt, body.route1-invest.route2-overview .article-tile .stock-info .stock-big .stock-dl dl dd {
  display: table-cell;
  vertical-align: middle;
}
body.route1-invest.route2-overview .article-tile .stock-info .stock-big .stock-dl dl dt {
  width: 50%;
}
body.route1-invest.route2-overview .article-tile .stock-info .small-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #f6f6f6;
  margin-bottom: 0;
}
body.route1-invest.route2-overview .article-tile .stock-info .small-item dt, body.route1-invest.route2-overview .article-tile .stock-info .small-item dd {
  margin: 0;
}
@media (min-width: 992px) {
  body.route1-invest.route2-overview .article-tile .stock-info .stock-big {
    height: 200px;
    padding: 30px 0;
  }
  body.route1-invest.route2-overview .article-tile .stock-info .stock-big .big-item {
    font-size: 60px;
  }
  body.route1-invest.route2-overview .article-tile .stock-info .stock-big .big-item .stock-value::before {
    font-size: 24px;
    bottom: 14px;
  }
  body.route1-invest.route2-overview .article-tile .stock-info .small-item {
    height: 120px;
  }
  body.route1-invest.route2-overview .article-tile .stock-info .small-item dt, body.route1-invest.route2-overview .article-tile .stock-info .small-item dd {
    padding: 5px 0;
  }
}
@media (max-width: 991px) {
  body.route1-invest.route2-overview .article-tile .stock-info .stock-big {
    height: 130px;
    padding: 20px 0;
  }
  body.route1-invest.route2-overview .article-tile .stock-info .stock-big .big-item {
    font-size: 20px;
  }
  body.route1-invest.route2-overview .article-tile .stock-info .stock-big .big-item .stock-value::before {
    font-size: 20px;
    bottom: -2px;
  }
  body.route1-invest.route2-overview .article-tile .stock-info .small-item {
    height: 70px;
  }
  body.route1-invest.route2-overview .article-tile .stock-info .small-item dt, body.route1-invest.route2-overview .article-tile .stock-info .small-item dd {
    padding: 2px 0;
    font-size: 12px;
  }
}
body.route1-invest.route2-overview .article-tile .ir-info .con > .row > div {
  border-left: solid 1px #e4e4e4;
}
body.route1-invest.route2-overview .article-tile .ir-info .con > .row > div:first-of-type {
  border-left: none;
}
body.route1-invest.route2-overview .article-tile .ir-info .con .annual-item {
  text-align: center;
}
body.route1-invest.route2-overview .article-tile .ir-info .con .annual-item strong {
  display: block;
}
body.route1-invest.route2-overview .article-tile .ir-info .con .annual-item .pdf-since {
  margin-bottom: 0;
  font-weight: bold;
}
@media (min-width: 992px) {
  body.route1-invest.route2-overview .article-tile .ir-info .con {
    padding: 30px 0;
  }
  body.route1-invest.route2-overview .article-tile .ir-info .con .annual-item .pdf-container {
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  body.route1-invest.route2-overview .article-tile .ir-info .con {
    padding: 20px 0;
  }
  body.route1-invest.route2-overview .article-tile .ir-info .con .annual-item .pdf-container {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  body.route1-invest.route2-stock-matters table .sub-con td:first-of-type {
    padding-left: 50px;
  }
}
@media (max-width: 991px) {
  body.route1-invest.route2-stock-matters table .sub-con td:first-of-type {
    padding-left: 20px;
  }
}
body.route1-invest.route2-stock .stoc-value {
  position: relative;
  padding-left: 16px;
}
body.route1-invest.route2-stock .stoc-value::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 10px;
}
body.route1-invest.route2-stock .stoc-value.high::before {
  content: "▲";
  color: #ca0202;
}
body.route1-invest.route2-stock .stoc-value.low::before {
  content: "▼";
  color: #0168dc;
}
body.route1-invest.route2-stock .stoc-value.up::before {
  content: "+";
  font-size: 1rem;
  bottom: auto;
}
body.route1-invest.route2-stock .stoc-value.down::before {
  content: "-";
  font-size: 1rem;
  bottom: auto;
}
body.route1-invest.route2-stock .stoc-big {
  font-size: 60px;
  letter-spacing: -0.02em;
  padding-left: 30px;
}
body.route1-invest.route2-stock .stoc-big::before {
  font-size: 1rem;
  bottom: 0.5rem;
}
@media (max-width: 991px) {
  body.route1-invest.route2-stock .stoc-big {
    font-size: 30px;
  }
}
body.route1-invest.route2-stock .current-value-table .table {
  margin-bottom: 0;
}
body.route1-invest.route2-stock .article-current-value .article-title {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  body.route1-invest.route2-stock .article-title h3 {
    font-size: 18px;
  }
}
body.route1-invest.route2-stock .live-stock-value-radio {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f7f7f7;
  padding: 17px 20px;
  margin-bottom: 50px;
}
body.route1-invest.route2-stock .live-stock-value-radio label {
  margin: 0 15px;
  white-space: nowrap;
}
body.route1-invest.route2-stock .hr-first {
  border-color: #000;
  margin-bottom: 50px;
}
body.route1-invest.route2-stock .hr-second {
  margin-bottom: 100px;
  margin-top: 80px;
}
body.route1-invest.route2-stock .article-stockholder .diagram-container {
  position: relative;
  text-align: center;
}
body.route1-invest.route2-stock .article-stockholder .diagram-container::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  width: 1px;
  height: 30%;
  background-color: #96c11f;
}
@media (max-width: 991px) {
  body.route1-invest.route2-stock .label-box {
    display: flex;
    flex-wrap: wrap;
  }
  body.route1-invest.route2-stock .label-box label {
    width: 50%;
  }
}
body.route1-invest.route2-ir {
  /**
  **** 애뉴얼 리포
  */
  /**
  **** 수익성
  */
  /**
  **** 투자자료
  */
}
body.route1-invest.route2-ir .annual-item .pdf-container img, body.route1-invest.route2-ir .annual-item-header .pdf-container img {
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}
body.route1-invest.route2-ir .annual-item .pdf-func, body.route1-invest.route2-ir .annual-item-header .pdf-func {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}
body.route1-invest.route2-ir .annual-item .pdf-func a, body.route1-invest.route2-ir .annual-item-header .pdf-func a {
  position: relative;
  padding: 0 20px;
  font-size: 14px;
}
body.route1-invest.route2-ir .annual-item .pdf-func a::before, body.route1-invest.route2-ir .annual-item-header .pdf-func a::before {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  width: 1px;
  height: 14px;
  background-color: #e4e4e4;
}
body.route1-invest.route2-ir .annual-item .pdf-func a:last-of-type::before, body.route1-invest.route2-ir .annual-item-header .pdf-func a:last-of-type::before {
  content: none;
}
body.route1-invest.route2-ir .annual-item .pdf-func a i, body.route1-invest.route2-ir .annual-item-header .pdf-func a i {
  color: #feb12d;
  margin-left: 10px;
  font-weight: bold;
}
@media (max-width: 991px) {
  body.route1-invest.route2-ir .annual-item .pdf-container img, body.route1-invest.route2-ir .annual-item-header .pdf-container img {
    height: 180px;
  }
  body.route1-invest.route2-ir .annual-item .pdf-func a, body.route1-invest.route2-ir .annual-item-header .pdf-func a {
    font-size: 12px;
    padding: 0 10px;
  }
}
body.route1-invest.route2-ir .annual-item {
  margin-bottom: 50px;
}
body.route1-invest.route2-ir .annual-item .pdf-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 280px;
  background-color: #f2f2f2;
}
body.route1-invest.route2-ir .annual-item .pdf-since {
  height: 60px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-bottom: 0;
  padding-top: 20px;
  border-bottom: solid 1px #e4e4e4;
}
@media (max-width: 991px) {
  body.route1-invest.route2-ir .annual-item {
    margin-bottom: 20px;
  }
  body.route1-invest.route2-ir .annual-item .pdf-container {
    height: 150px;
  }
  body.route1-invest.route2-ir .annual-item .pdf-container img {
    height: 110px;
  }
  body.route1-invest.route2-ir .annual-item .pdf-since {
    height: 40px;
    padding-top: 5px;
  }
}
body.route1-invest.route2-ir .article-annual-report-header .annual-item-header, body.route1-invest.route2-ir .article-annual-report-header .annual-item-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 520px;
  text-align: center;
}
body.route1-invest.route2-ir .article-annual-report-header .annual-item-header .year, body.route1-invest.route2-ir .article-annual-report-header .annual-item-brand .year {
  font-size: 20px;
}
body.route1-invest.route2-ir .article-annual-report-header .annual-item-header h3, body.route1-invest.route2-ir .article-annual-report-header .annual-item-brand h3 {
  font-size: 50px;
  font-weight: normal;
}
body.route1-invest.route2-ir .article-annual-report-header .annual-item-header hr, body.route1-invest.route2-ir .article-annual-report-header .annual-item-brand hr {
  width: 40%;
  border-top: solid 1px #FFF;
  margin: 25px 0 30px;
}
body.route1-invest.route2-ir .article-annual-report-header .annual-item-header {
  border: solid 1px #e4e4e4;
}
body.route1-invest.route2-ir .article-annual-report-header .annual-item-brand {
  background-color: #9f9d80;
  color: #FFF;
}
@media (max-width: 991px) {
  body.route1-invest.route2-ir .article-annual-report-header .annual-item-header .year, body.route1-invest.route2-ir .article-annual-report-header .annual-item-brand .year {
    font-size: 18px;
    margin-bottom: 0;
  }
  body.route1-invest.route2-ir .article-annual-report-header .annual-item-header h3, body.route1-invest.route2-ir .article-annual-report-header .annual-item-brand h3 {
    font-size: 20px;
    margin-bottom: 0;
  }
  body.route1-invest.route2-ir .article-annual-report-header .annual-item-header hr, body.route1-invest.route2-ir .article-annual-report-header .annual-item-brand hr {
    margin: 10px 0;
  }
  body.route1-invest.route2-ir .article-annual-report-header .annual-item-header .desc, body.route1-invest.route2-ir .article-annual-report-header .annual-item-brand .desc {
    font-size: 12px;
    margin-bottom: 0;
  }
  body.route1-invest.route2-ir .article-annual-report-header .annual-item-header {
    height: 270px;
  }
  body.route1-invest.route2-ir .article-annual-report-header .annual-item-brand {
    height: auto;
    padding: 20px 10px;
  }
}
@media (max-width: 991px) {
  body.route1-invest.route2-ir .article-annual-report-list .row {
    margin: 0 -10px;
  }
  body.route1-invest.route2-ir .article-annual-report-list .row > div[class*=col] {
    padding: 0 10px;
  }
}
body.route1-invest.route2-ir .sales-graph {
  border-top: solid 1px #000;
}
body.route1-invest.route2-ir .sales-graph .sales-head::after {
  display: block;
  clear: both;
  content: "";
}
body.route1-invest.route2-ir .sales-graph .sales-head .title {
  float: left;
  font-weight: bold;
}
body.route1-invest.route2-ir .sales-graph .sales-head span {
  float: right;
  color: #666;
}
@media (min-width: 992px) {
  body.route1-invest.route2-ir .sales-graph {
    padding-top: 40px;
  }
  body.route1-invest.route2-ir .sales-graph .sales-head .title {
    font-size: 28px;
  }
  body.route1-invest.route2-ir .sales-graph .img-container {
    padding: 30px 0;
    margin-bottom: 120px;
  }
  body.route1-invest.route2-ir .sales-graph .img-container img {
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  body.route1-invest.route2-ir .sales-graph {
    padding-top: 20px;
  }
  body.route1-invest.route2-ir .sales-graph .sales-head .title {
    font-size: 18px;
  }
  body.route1-invest.route2-ir .sales-graph .img-container {
    overflow-x: auto;
    padding: 20px 0;
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  body.route1-invest.route2-ir .article-income-statement .sales-graph .sales-con .img-container {
    margin-bottom: 0;
  }
  body.route1-invest.route2-ir .article-income-statement .sales-graph hr {
    margin-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  body.route1-invest.route2-ir .article-income-statement .sales-graph .sales-con {
    border-bottom: solid 1px #e4e4e4;
    margin-bottom: 40px;
  }
  body.route1-invest.route2-ir .article-income-statement .sales-graph .sales-con.border-none {
    border-bottom: none;
  }
}
body.route1-invest.route2-announce .article-info-rule-ol .wrap {
  padding: 40px 60px;
  background-color: #f4f4f4;
}
body.route1-invest.route2-announce .article-info-rule-ol .wrap ol {
  margin-bottom: 0;
}
body.route1-invest.route2-announce .article-info-rule-ol .wrap ol li a {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 1px 0;
  margin-bottom: 4px;
}
body.route1-invest.route2-announce .article-info-rule-ol .wrap ol li a::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #d83832;
}
body.route1-invest.route2-announce .article-info-rule-ol .wrap ol li a.active::before {
  content: "";
}
body.route1-invest.route3-info_rule .info-rule-wrap {
  margin-top: 100px;
  line-height: 1.7;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .font-bold {
  font-weight: bold !important;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .article-title-dot {
  border-bottom: 1px solid #000;
  padding-bottom: 40px;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .article-title-dot .desc {
  position: absolute;
  right: 20px;
  bottom: 30px;
  font-size: 16px;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item {
  padding: 125px 20px 40px 20px;
  margin-top: -125px;
  margin-bottom: 30px;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item em {
  display: block;
  font-style: normal;
  font-size: 22px;
  font-weight: 500;
  margin: 60px 0 10px 0;
  color: #000;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .list-box {
  display: flex;
  flex-flow: column wrap;
  width: 100%;
  margin-bottom: 60px;
  background: #f4f4f4;
  padding: 50px 45px;
  margin-top: 20px;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .list-box li {
  padding: 6px 0;
  font-weight: 600;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .list-box li.selected a > span {
  padding-bottom: 2px;
  border-bottom: 1px solid #ca0202;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .txt-cont {
  color: #666;
  padding: 0 20px;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .txt-cont .hyphen-type01 > p, body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .txt-cont .hyphen-type02 > p {
  position: relative;
  padding-left: 20px;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .txt-cont .hyphen-type01 > p:before, body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .txt-cont .hyphen-type02 > p:before {
  position: absolute;
  left: 0;
  color: #ddd;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .txt-cont .hyphen-type01 > p::before {
  content: "";
  font-family: icomoon;
  font-size: 18px;
  top: -2px;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .txt-cont .hyphen-type02 > p::before {
  content: "-";
  font-size: 16px;
  top: -1px;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .txt-cont .hyphen-type02 {
  margin: 30px 20px;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .txt-cont p {
  margin-bottom: 0;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .txt-cont dl {
  margin-bottom: 0;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .txt-cont dl dt, body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .txt-cont dl dd {
  display: inline-block;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .txt-cont dl dt {
  font-weight: normal;
}
body.route1-invest.route3-info_rule .info-rule-wrap .body-cont .rule-item .txt-cont dl dt::before {
  content: "⊙";
  font-size: 12px;
  margin-right: 6px;
  margin-left: 20px;
}
@media (min-width: 992px) {
  body.route1-invest.route3-info_rule .info-rule-wrap .list-box {
    height: 256px;
  }
}
@media (max-width: 991px) {
  body.route1-invest.route3-info_rule .info-rule-wrap .article-title-dot {
    padding-bottom: 20px !important;
  }
  body.route1-invest.route3-info_rule .info-rule-wrap .article-title-dot .desc {
    bottom: 10px !important;
  }
  body.route1-invest.route3-info_rule .info-rule-wrap .list-box {
    flex-wrap: wrap;
    flex-flow: column;
  }
  body.route1-invest.route3-info_rule .info-rule-wrap .list-box li {
    flex: 1 1 100%;
  }
}

body.route1-customer .receipt-complete-item {
  border-top: 1px solid #000;
  text-align: center;
  padding: 120px 0;
}
body.route1-customer .receipt-complete-item .img-box img {
  margin-bottom: 40px;
}
body.route1-customer .receipt-complete-item .img-box h2 {
  margin: 30px 0 10px 0;
  font-size: 28px;
}
body.route1-customer .receipt-complete-item .img-box p {
  color: #999;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  body.route1-customer.route2-counseling .article-index-diagram .diagram-container {
    padding: 70px;
    border: solid #f0f0f0;
    border-width: 1px 0;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-counseling .article-index-diagram .diagram-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
body.route1-customer.route2-counseling .article-customer-voice .number-card-list .text-desc {
  display: block;
  color: #444;
}
@media (min-width: 992px) {
  body.route1-customer.route2-counseling .article-customer-voice .number-card-list .text-desc {
    font-size: 16px;
    margin-top: 30px;
  }
  body.route1-customer.route2-counseling .article-customer-voice .img-container::after {
    display: block;
    clear: both;
    content: "";
  }
  body.route1-customer.route2-counseling .article-customer-voice .img-container img {
    float: right;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-counseling .article-customer-voice .number-card-list .text-desc {
    font-size: 12px;
    margin-top: 15px;
  }
}
body.route1-customer.route2-counseling .article-banner {
  position: relative;
  background-size: cover;
  background-position: center;
  padding: 80px 0;
  text-align: center;
}
body.route1-customer.route2-counseling .article-banner .banner-item {
  background-color: rgba(255, 255, 255, 0.7);
}
body.route1-customer.route2-counseling .article-banner .banner-item .item-header strong {
  display: block;
  background-repeat: no-repeat;
  background-position: center top;
}
body.route1-customer.route2-counseling .article-banner .banner-item .item-body .green-dot {
  position: relative;
}
body.route1-customer.route2-counseling .article-banner .banner-item .item-body .green-dot::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  border-radius: 50%;
  background-color: #96c11f;
}
body.route1-customer.route2-counseling .article-banner .banner-item .item-body .green-dot a {
  font-size: 28px;
  font-weight: bold;
}
@media (min-width: 992px) {
  body.route1-customer.route2-counseling .article-banner {
    height: 640px;
    display: flex;
    align-items: center;
  }
  body.route1-customer.route2-counseling .article-banner .banner-item {
    height: 420px;
    padding: 45px 0;
  }
  body.route1-customer.route2-counseling .article-banner .banner-item .item-header {
    padding-bottom: 30px;
  }
  body.route1-customer.route2-counseling .article-banner .banner-item .item-header strong {
    font-size: 24px;
    background-size: auto;
    padding-top: 90px;
  }
  body.route1-customer.route2-counseling .article-banner .banner-item .item-body .green-dot {
    padding-top: 30px;
  }
  body.route1-customer.route2-counseling .article-banner .banner-item .item-body .green-dot::before {
    width: 20px;
    height: 20px;
    margin-left: -10px;
  }
  body.route1-customer.route2-counseling .article-banner .banner-item .item-empty {
    height: 20px;
  }
  body.route1-customer.route2-counseling .article-banner .banner-item .item-empty span {
    display: inline-block;
    width: 30px;
    border-bottom: solid 1px #000;
    margin-bottom: 10px;
  }
  body.route1-customer.route2-counseling .article-banner .banner-item.banner-item-counseling .item-body {
    margin-bottom: 40px;
  }
  body.route1-customer.route2-counseling .article-banner .swiper-container .swiper-wrapper .swiper-slide {
    width: 30%;
    margin-right: 40px;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-counseling .article-banner .swiper-container .swiper-wrapper .swiper-slide {
    width: 80%;
    margin-right: 20px;
  }
  body.route1-customer.route2-counseling .article-banner > .container {
    padding: 0;
  }
  body.route1-customer.route2-counseling .article-banner .banner-item {
    height: 230px;
    padding: 20px 0;
  }
  body.route1-customer.route2-counseling .article-banner .banner-item .item-header strong {
    font-size: 16px;
    background-size: 33px auto;
    padding-top: 45px;
    margin-bottom: 15px;
  }
  body.route1-customer.route2-counseling .article-banner .banner-item .item-body .green-dot {
    position: relative;
    padding-top: 15px;
  }
  body.route1-customer.route2-counseling .article-banner .banner-item .item-body .green-dot::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background-color: #96c11f;
    margin-left: -6px;
  }
  body.route1-customer.route2-counseling .article-banner .banner-item .item-body .green-dot a {
    font-size: 14px;
  }
  body.route1-customer.route2-counseling .article-banner .banner-item .item-body .green-dot > span {
    display: inline-block;
    font-size: 11px;
    line-height: 20px;
  }
  body.route1-customer.route2-counseling .article-banner .banner-item .item-footer p {
    font-size: 11px;
    line-height: 20px;
    margin-top: 15px;
  }
  body.route1-customer.route2-counseling .article-banner .banner-item .item-footer button {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  body.route1-customer.route2-counseling .article-receipt-banner .container {
    height: 346px;
    background-size: cover;
    background-position: center;
    padding: 70px;
  }
  body.route1-customer.route2-counseling .article-receipt-banner .container strong {
    display: block;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
  }
  body.route1-customer.route2-counseling .article-receipt-banner .container .call {
    margin-top: 40px;
    font-size: 22px;
  }
  body.route1-customer.route2-counseling .article-receipt-banner .container .call span {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-counseling .article-receipt-banner .container {
    background: #f5f5f6;
    padding: 30px;
  }
  body.route1-customer.route2-counseling .article-receipt-banner .container strong {
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
  }
  body.route1-customer.route2-counseling .article-receipt-banner .container .call {
    margin-top: 20px;
    font-size: 16px;
  }
  body.route1-customer.route2-counseling .article-receipt-banner .container .call span {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-counseling .diagram-container {
    position: relative;
  }
  body.route1-customer.route2-counseling .diagram-container b.zoom {
    top: 0;
    right: 0;
  }
  body.route1-customer.route2-counseling b.zoom {
    overflow: hidden;
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
  }
  body.route1-customer.route2-counseling b.zoom span.icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    background-image: url(../../resources2/images/common/image-zoom.svg);
    background-size: cover;
    background-position: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
body.route1-customer.route2-qna .search-box {
  margin: 0 auto 30px auto;
}
body.route1-customer.route2-qna .board-tab > p {
  text-align: right;
}
body.route1-customer.route2-qna .board-tab > p i:before {
  color: #666;
  font-size: 16px;
  font-weight: bold;
}
body.route1-customer.route2-qna .board-tab ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
body.route1-customer.route2-qna .board-tab ul li {
  width: calc(100% / 7);
  border: 1px solid #ddd;
  line-height: 62px;
  margin-left: -1px;
  margin-bottom: -1px;
}
body.route1-customer.route2-qna .board-tab ul li a {
  display: block;
  text-align: center;
}
body.route1-customer.route2-qna .board-tab ul li.selected {
  background: #ca0202;
  color: #fff;
}
@media (max-width: 991px) {
  body.route1-customer.route2-qna .board-tab ul li {
    width: calc(100% / 3);
  }
}
body.route1-customer #modal-food-storage .storage-tip .tip-item {
  margin-bottom: 30px;
}
body.route1-customer #modal-food-storage .storage-tip .tip-item > div > div {
  margin-bottom: 30px;
}
body.route1-customer #modal-food-storage .storage-tip .tip-item-img {
  height: 120px;
  background-size: cover;
  background-position: center;
}
body.route1-customer #modal-food-storage .storage-tip .tip-item-title .num {
  display: block;
  font-size: 30px;
  color: #539a00;
}
@media (min-width: 992px) {
  body.route1-customer #modal-food-storage .storage-tip .tip-item-title {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 991px) {
  body.route1-customer #modal-food-storage .storage-tip .tip-item-img {
    height: 90px;
  }
}
body.route1-customer #modal-food-storage .storage-video-frame {
  height: 674px;
}
@media (max-width: 991px) {
  body.route1-customer #modal-food-storage .storage-video-frame {
    height: 200px;
  }
}
body.route1-customer #modal-food-storage .storage-subtitles {
  background-color: #f6f6f6;
}
body.route1-customer #modal-food-storage .storage-subtitles .subtitle > .wrap {
  padding: 30px;
  overflow-y: auto;
}
@media (min-width: 992px) {
  body.route1-customer #modal-food-storage .storage-subtitles .subtitle > .wrap {
    height: 300px;
  }
}
@media (max-width: 991px) {
  body.route1-customer #modal-food-storage .storage-subtitles .subtitle > .wrap {
    height: 160px;
  }
}
body.route1-customer.route2-factory_trip {
  /**
  **** 견학신청 메인
  */
  /**
  **** 견학신청 상세
  */
  /**
  **** 견학신청/수정
  */
  /**
  **** 견학후기
  */
}
body.route1-customer.route2-factory_trip .article-factory-list .font-line {
  border-bottom: 1px solid #000;
  padding-bottom: 1px;
}
body.route1-customer.route2-factory_trip .article-factory-list .factory-item {
  position: relative;
}
body.route1-customer.route2-factory_trip .article-factory-list .factory-item .img-container {
  background-position: center;
  background-size: cover;
}
body.route1-customer.route2-factory_trip .article-factory-list .factory-item .factory-info .heading {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  body.route1-customer.route2-factory_trip .article-factory-list .factory-item {
    height: 360px;
    margin-bottom: 100px;
  }
  body.route1-customer.route2-factory_trip .article-factory-list .factory-item .img-container {
    height: 100%;
  }
  body.route1-customer.route2-factory_trip .article-factory-list .factory-item .factory-info {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 300px;
    width: 50%;
    background-color: #FFF;
    padding: 40px 50px;
  }
  body.route1-customer.route2-factory_trip .article-factory-list .factory-item .factory-info .heading {
    display: flex;
    align-items: center;
  }
  body.route1-customer.route2-factory_trip .article-factory-list .factory-item .factory-info .heading h2 {
    margin-right: 30px;
    white-space: nowrap;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-factory_trip .article-factory-list .factory-item {
    margin-bottom: 50px;
  }
  body.route1-customer.route2-factory_trip .article-factory-list .factory-item .img-container {
    height: 220px;
    background-position: left;
  }
  body.route1-customer.route2-factory_trip .article-factory-list .factory-item .factory-info {
    width: 95%;
    padding: 20px 15px;
    margin-top: -50px;
    background-color: #FFF;
  }
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container {
  background-color: #f6f6f6;
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container .register-step-item {
  height: 100%;
  text-align: center;
  border-left: solid 1px #e4e4e4;
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container .register-step-item i {
  display: block;
  margin-bottom: 25px;
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container .register-step-item .i-tit {
  position: relative;
  display: block;
  margin-bottom: 12px;
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container .register-step-item .i-tit::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 7px 2px 0;
  border-radius: 50%;
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container .register-step-item p {
  color: #666666;
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container .register-step-item.item-01 {
  border-left: none;
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container .register-step-item.item-01 i {
  color: #feb12d;
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container .register-step-item.item-01 .i-tit::before {
  background-color: #feb12d;
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container .register-step-item.item-02 i {
  color: #9cc52d;
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container .register-step-item.item-02 .i-tit::before {
  background-color: #9cc52d;
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container .register-step-item.item-03 i {
  color: #888888;
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container .register-step-item.item-03 .i-tit::before {
  background-color: #888888;
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container dl {
  display: table;
  width: 100%;
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container dl dt, body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container dl dd {
  display: table-cell;
  color: #666;
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container dl dt {
  width: 60px;
  font-size: 12px;
}
body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container dl dd {
  font-size: 11px;
}
@media (min-width: 992px) {
  body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container {
    padding: 65px 40px;
  }
  body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container .register-step-item i {
    font-size: 66px;
  }
  body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container .register-step-item .i-tit {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container {
    padding: 30px 15px;
  }
  body.route1-customer.route2-factory_trip .article-trip-register-step .register-trip-container .register-step-item i {
    font-size: 35px;
  }
}
body.route1-customer.route2-factory_trip .article-search-table .step-color-1 {
  color: #feb12d;
}
body.route1-customer.route2-factory_trip .article-search-table .step-color-2 {
  color: #9cc52d;
}
body.route1-customer.route2-factory_trip .article-search-table .step-color-3 {
  color: #888888;
}
@media (min-width: 992px) {
  body.route1-customer.route2-factory_trip .article-search-table .table-nongshim-list tbody tr {
    cursor: pointer;
  }
  body.route1-customer.route2-factory_trip .article-search-table .table-nongshim-list td i {
    font-size: 22px;
    vertical-align: middle;
    margin-right: 5px;
  }
}
body.route1-customer.route2-factory_trip .article-search-table .table-nongshim-list-mobile {
  border-top: solid 2px #000;
}
body.route1-customer.route2-factory_trip .article-search-table .table-nongshim-list-mobile .table-item {
  border-bottom: solid 1px #e4e4e4;
  padding: 7px 20px;
}
body.route1-customer.route2-factory_trip .article-search-table .table-nongshim-list-mobile dl {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 0;
}
body.route1-customer.route2-factory_trip .article-search-table .table-nongshim-list-mobile dl dt, body.route1-customer.route2-factory_trip .article-search-table .table-nongshim-list-mobile dl dd {
  display: table-cell;
  vertical-align: middle;
  padding: 7px 3px;
}
body.route1-customer.route2-factory_trip .article-search-table .table-nongshim-list-mobile dl dt {
  width: 23%;
  font-size: 14px;
}
body.route1-customer.route2-factory_trip .article-search-table .table-nongshim-list-mobile dl dd {
  width: 27%;
  font-size: 13px;
}
body.route1-customer.route2-factory_trip .article-search-table .table-nongshim-list-mobile dl.single dt {
  width: 23%;
}
body.route1-customer.route2-factory_trip .article-search-table .table-nongshim-list-mobile dl.single dd {
  width: 77%;
}
body.route1-customer.route2-factory_trip .factory-nav ul {
  display: table;
}
body.route1-customer.route2-factory_trip .factory-nav ul li {
  display: table-cell;
}
body.route1-customer.route2-factory_trip .factory-nav ul li a {
  position: relative;
  display: block;
  color: #b8b8b8;
  white-space: nowrap;
}
body.route1-customer.route2-factory_trip .factory-nav ul li a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  background-color: #e0e0e0;
}
body.route1-customer.route2-factory_trip .factory-nav ul li a.active {
  color: #000;
}
body.route1-customer.route2-factory_trip .factory-nav ul li a.active::before {
  background-color: #000;
}
@media (min-width: 992px) {
  body.route1-customer.route2-factory_trip .factory-nav ul {
    margin: 0 -16px;
  }
  body.route1-customer.route2-factory_trip .factory-nav ul li {
    padding: 0 16px;
  }
  body.route1-customer.route2-factory_trip .factory-nav ul li a {
    font-size: 20px;
    padding: 12px 8px;
  }
  body.route1-customer.route2-factory_trip .factory-nav ul li a:hover {
    color: #000;
  }
  body.route1-customer.route2-factory_trip .factory-nav ul li a:hover::before {
    background-color: #000;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-factory_trip .factory-nav {
    overflow-y: auto;
    padding-bottom: 10px;
  }
  body.route1-customer.route2-factory_trip .factory-nav ul {
    margin: 0 -12px;
  }
  body.route1-customer.route2-factory_trip .factory-nav ul li {
    padding: 0 12px;
  }
  body.route1-customer.route2-factory_trip .factory-nav ul li a {
    padding: 7px 5px;
  }
}
@media (min-width: 992px) {
  body.route1-customer.route2-factory_trip .article-factory-tab {
    padding-top: 90px;
    margin-bottom: 40px !important;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-factory_trip .article-factory-tab {
    padding-top: 15px;
    margin-bottom: 20px !important;
  }
}
body.route1-customer.route2-factory_trip .article-factory-image-split {
  position: relative;
}
body.route1-customer.route2-factory_trip .article-factory-image-split .items {
  position: relative;
}
body.route1-customer.route2-factory_trip .article-factory-image-split .items .items-pagination {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
}
body.route1-customer.route2-factory_trip .article-factory-image-split .items .items-pagination .prev, body.route1-customer.route2-factory_trip .article-factory-image-split .items .items-pagination .next {
  position: absolute;
  top: 200px;
}
body.route1-customer.route2-factory_trip .article-factory-image-split .items .items-pagination .prev span, body.route1-customer.route2-factory_trip .article-factory-image-split .items .items-pagination .next span {
  display: block;
}
body.route1-customer.route2-factory_trip .article-factory-image-split .items .items-pagination .prev {
  left: -280px;
  text-align: right;
}
body.route1-customer.route2-factory_trip .article-factory-image-split .items .items-pagination .next {
  right: -280px;
  text-align: left;
}
body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 {
  position: absolute;
  background-color: rgba(150, 193, 31, 0.9);
}
body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 * {
  color: #000;
}
body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 h2 {
  font-weight: bold;
}
body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 .item-desc {
  position: relative;
  padding-top: 20px;
}
body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 .item-desc::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #000;
}
body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 .item-desc dl {
  display: table;
  margin: 0 -7px 10px;
}
body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 .item-desc dl dt, body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 .item-desc dl dd {
  display: table-cell;
  padding: 0 7px;
}
body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 .item-desc dl dt {
  white-space: nowrap;
}
body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-2 {
  position: relative;
}
body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-2 .img-container {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: left;
  background-size: cover;
}
@media (min-width: 992px) {
  body.route1-customer.route2-factory_trip .article-factory-image-split .items {
    height: 480px;
  }
  body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 {
    left: -90px;
    top: 50px;
    width: 520px;
    height: 450px;
    color: #666;
  }
  body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 > .container-fluid {
    padding: 80px 90px 60px;
  }
  body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 p {
    font-size: 20px;
  }
  body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 h2 {
    font-size: 64px;
  }
  body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 .item-desc {
    margin-top: 40px;
  }
  body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-2 {
    position: absolute;
    top: 0;
    right: -90px;
    height: 100%;
    width: 80%;
  }
  body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-2 .img-container .desc {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 25px 90px 25px 30px;
    background-color: #FFF;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-factory_trip .article-factory-image-split .container {
    padding: 0;
  }
  body.route1-customer.route2-factory_trip .article-factory-image-split .items {
    padding-bottom: 155px;
  }
  body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 {
    left: 0;
    bottom: 0;
    width: 80%;
  }
  body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 > .container-fluid {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 .item-desc {
    margin-top: 20px;
  }
  body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-1 .item-desc dl {
    margin-bottom: 5px;
  }
  body.route1-customer.route2-factory_trip .article-factory-image-split .items .item-2 {
    width: 100%;
    height: 250px;
  }
}
body.route1-customer.route2-factory_trip .article-factory-introduce .factory-title-line {
  position: relative;
}
body.route1-customer.route2-factory_trip .article-factory-introduce .factory-title-line h2 {
  position: relative;
  display: inline-block;
}
body.route1-customer.route2-factory_trip .article-factory-introduce .factory-title-line h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
}
body.route1-customer.route2-factory_trip .article-factory-introduce .factory-body {
  position: relative;
}
body.route1-customer.route2-factory_trip .article-factory-introduce .factory-body .factory-review-picture {
  margin-bottom: 100px;
}
body.route1-customer.route2-factory_trip .article-factory-introduce .fac-box {
  margin-bottom: 25px;
}
body.route1-customer.route2-factory_trip .article-factory-introduce .fac-box h4 {
  background-color: #f7f7f7;
  font-size: 22px;
}
body.route1-customer.route2-factory_trip .article-factory-introduce .fac-box .desc {
  display: block;
  color: #666666;
}
@media (min-width: 992px) {
  body.route1-customer.route2-factory_trip .article-factory-introduce .fac-box h4 {
    padding: 20px 30px;
    margin-bottom: 30px;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce .fac-box h4.bg_c1 {
    background: #e0ecde;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce .fac-box h4.bg_c2 {
    background: #d3e7f0;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce .fac-box p {
    font-size: 18px;
    padding: 0 30px;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce .fac-box dl {
    font-size: 18px;
    padding: 0 30px;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce .fac-box .desc {
    display: block;
    margin-top: 20px;
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-factory_trip .article-factory-introduce .fac-box h4 {
    padding: 12px 20px;
    margin-bottom: 20px;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce .fac-box p {
    padding: 0 20px;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce .fac-box dl {
    padding: 0 20px;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce .fac-box .desc {
    margin-top: 5px;
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  body.route1-customer.route2-factory_trip .article-factory-introduce .factory-title-line h2 {
    font-size: 36px;
    padding-top: 30px;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce .factory-body {
    padding-top: 30px;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce .factory-body p {
    font-size: 18px;
    line-height: 1.75em;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce dl {
    display: table;
    margin: 0 -7px 10px;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce dl dt, body.route1-customer.route2-factory_trip .article-factory-introduce dl dd {
    display: table-cell;
    padding: 0 7px;
    font-size: 20px;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce dl dt {
    white-space: nowrap;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce dl dt i {
    font-size: 26px;
    margin-right: 5px;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce dl.is-icon img {
    margin-bottom: 8px;
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-factory_trip .article-factory-introduce .factory-title-line h2 {
    font-size: 24px;
    padding-top: 20px;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce .factory-body {
    padding-top: 20px;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce dl.is-icon dt, body.route1-customer.route2-factory_trip .article-factory-introduce dl.is-icon dd {
    padding-left: 30px;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce dl.is-icon dt i, body.route1-customer.route2-factory_trip .article-factory-introduce dl.is-icon dd i {
    font-size: 18px;
  }
  body.route1-customer.route2-factory_trip .article-factory-introduce dl.is-icon dt img, body.route1-customer.route2-factory_trip .article-factory-introduce dl.is-icon dd img {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    margin-bottom: 8px;
    margin-right: 10px;
  }
}
body.route1-customer.route2-factory_trip .factory-review-picture .swiper-container .swiper-wrapper {
  height: 100%;
}
body.route1-customer.route2-factory_trip .factory-review-picture .swiper-container .swiper-wrapper .swiper-slide {
  height: 100%;
}
body.route1-customer.route2-factory_trip .factory-review-picture .swiper-container .swiper-item {
  position: relative;
  height: 100%;
  background-position: center;
  background-size: cover;
}
body.route1-customer.route2-factory_trip .factory-review-picture .swiper-container .swiper-item .desc {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
}
body.route1-customer.route2-factory_trip .factory-review-picture .swiper-container .swiper-item .desc dl {
  margin-bottom: 0;
}
body.route1-customer.route2-factory_trip .factory-review-picture .swiper-button-next, body.route1-customer.route2-factory_trip .factory-review-picture .swiper-button-prev {
  width: 80px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.4);
}
body.route1-customer.route2-factory_trip .factory-review-picture .swiper-button-next::before, body.route1-customer.route2-factory_trip .factory-review-picture .swiper-button-next::after, body.route1-customer.route2-factory_trip .factory-review-picture .swiper-button-prev::before, body.route1-customer.route2-factory_trip .factory-review-picture .swiper-button-prev::after {
  color: #FFF;
  font-size: 25px;
}
body.route1-customer.route2-factory_trip .factory-review-picture .swiper-button-next {
  right: 0;
}
body.route1-customer.route2-factory_trip .factory-review-picture .swiper-button-prev {
  left: 0;
}
@media (min-width: 992px) {
  body.route1-customer.route2-factory_trip .factory-review-picture .swiper-container .swiper-wrapper {
    height: 510px;
  }
  body.route1-customer.route2-factory_trip .factory-review-picture .swiper-container .swiper-wrapper .swiper-slide {
    height: 450px;
  }
  body.route1-customer.route2-factory_trip .factory-review-picture .swiper-container .swiper-item .desc {
    width: 60%;
    padding: 50px;
  }
  body.route1-customer.route2-factory_trip .factory-review-picture .swiper-container .swiper-item .desc strong {
    display: block;
    font-size: 20px;
  }
  body.route1-customer.route2-factory_trip .factory-review-picture .swiper-container .swiper-item .desc p {
    font-size: 16px;
    margin-bottom: 0;
  }
  body.route1-customer.route2-factory_trip .factory-review-picture .swiper-pagination {
    width: 100%;
    bottom: 0;
    margin: auto;
  }
  body.route1-customer.route2-factory_trip .factory-review-picture .swiper-pagination span.swiper-pagination-bullet {
    background-color: #000;
  }
  body.route1-customer.route2-factory_trip .factory-review-picture .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: transparent;
    border: solid 2px #000;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-factory_trip .factory-review-picture .swiper-container {
    height: 230px;
    justify-content: space-between;
  }
  body.route1-customer.route2-factory_trip .factory-review-picture .swiper-container .swiper-item .desc {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    padding: 0 25px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #FFF;
  }
  body.route1-customer.route2-factory_trip .factory-review-picture .swiper-container .swiper-item .desc dl dd {
    display: none;
  }
  body.route1-customer.route2-factory_trip .factory-review-picture .swiper-pagination {
    left: 15px;
    bottom: 15px;
  }
}
body.route1-customer.route2-factory_trip .factory-review-picture .swiper-button-next, body.route1-customer.route2-factory_trip .factory-review-picture .swiper-button-prev {
  display: none;
}
body.route1-customer.route2-factory_trip .fac-picto {
  margin-bottom: 10px;
}
body.route1-customer.route2-factory_trip .fac-picto i {
  color: #b49b93;
  font-size: 75px;
}
body.route1-customer.route2-factory_trip .fac-picto p {
  font-size: 18px !important;
  padding: 0;
  text-align: center;
}
body.route1-customer.route2-factory_trip .fac-picto img {
  display: block;
  margin: 0 auto;
}
@media (min-width: 992px) {
  body.route1-customer.route2-factory_trip .fac-picto a.active span, body.route1-customer.route2-factory_trip .fac-picto a:hover span {
    border-bottom: 2px solid #b49a93;
    padding: 0 1px 3px 1px;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-factory_trip .fac-picto {
    margin-bottom: 35px;
  }
  body.route1-customer.route2-factory_trip .fac-picto i {
    font-size: 50px;
  }
  body.route1-customer.route2-factory_trip .fac-picto p {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 25px;
  }
}
body.route1-customer.route2-factory_trip .article-trip-request {
  height: 280px;
}
body.route1-customer.route2-factory_trip .article-trip-request > .container {
  height: 100%;
}
body.route1-customer.route2-factory_trip .article-trip-request .con {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
body.route1-customer.route2-factory_trip .article-trip-request .con span {
  color: #FFF;
  font-size: 30px;
  vertical-align: middle;
}
body.route1-customer.route2-factory_trip .view-member-register .form-notice {
  background: #fafafa;
  padding: 30px 0;
}
body.route1-customer.route2-factory_trip .view-member-register .form-notice h4 i {
  margin: 0 10px 0 20px;
  color: #666;
  font-size: 30px;
  vertical-align: bottom;
}
body.route1-customer.route2-factory_trip .view-member-register .form-notice .cont {
  padding: 20px;
}
body.route1-customer.route2-factory_trip .view-member-register .form-notice .cont strong {
  font-size: 16px;
}
body.route1-customer.route2-factory_trip .view-member-register .form-notice .cont p {
  font-size: 15px;
  margin-bottom: 2px;
  color: #666;
  margin-top: 10px;
}
body.route1-customer.route2-factory_trip .view-member-register .form-notice .cont a {
  display: block;
  margin-top: 40px;
}
body.route1-customer.route2-factory_trip .view-member-register .form-notice .cont a button {
  font-weight: 500;
  font-weight: bold;
}
body.route1-customer.route2-factory_trip .view-member-register .form-notice .cont a button i {
  margin-left: 10px;
}
body.route1-customer.route2-factory_trip .view-member-register .form-additional h4 {
  text-indent: 30px;
  margin-bottom: 10px;
}
body.route1-customer.route2-factory_trip .view-member-register .form-additional textarea {
  width: 100%;
  height: 240px;
  resize: none;
}
@media (max-width: 991px) {
  body.route1-customer.route2-factory_trip .view-member-register .form-additional textarea {
    height: 120px;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-factory_trip .view-member-register .form-additional h4 {
    text-indent: 0 !important;
  }
}
body.route1-customer.route2-factory_trip .write-notice p {
  font-size: 14px;
  margin-bottom: 3px;
}
body.route1-customer.route2-factory_trip .modal-content {
  position: relative;
}
body.route1-customer.route2-factory_trip .modal-content::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  border-bottom: solid #96c11f;
}
body.route1-customer.route2-factory_trip .modal-content::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: solid #96c11f;
}
body.route1-customer.route2-factory_trip .modal-content .modal-header {
  justify-content: center;
}
body.route1-customer.route2-factory_trip .modal-content .modal-header h5.modal-title {
  position: relative;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-head {
  display: flex;
  width: 100%;
  justify-content: center;
  color: #222;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-head .month-title strong {
  display: inline-block;
  vertical-align: top;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-head .month-paddle {
  cursor: pointer;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-head .month-paddle i {
  display: inline-block;
  vertical-align: top;
  color: #222;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .week-head ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .week-head ul li {
  width: calc(100% / 7);
  text-align: center;
  background-color: #f6f6f6;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .week-head ul li strong {
  display: inline-block;
  vertical-align: top;
  color: #222;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .week-head ul li strong.sunday {
  color: #ca0202;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .week-head ul li:first-child {
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .week-head ul li:last-child {
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table {
  display: table;
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td {
  width: calc(100% / 7);
  vertical-align: top;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info {
  width: 100%;
  color: #222;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .day {
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .condition-list {
  color: #666;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .condition-list .condition-item {
  position: relative;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .condition-list .condition-item::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  border-radius: 50%;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .condition-list .condition-item.type-afternoon::before {
  background-color: #96c11f;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .condition-list .condition-item.type-individual::before {
  background-color: #feb12d;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .condition-list .condition-item.type-close::before {
  background-color: #e5e5e1;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .condition-list .condition-item.type-complete::before {
  background-color: #ca0202;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td.today .day-info .day {
  border: 1px solid #000;
  border-radius: 50%;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr + tr {
  border-top: 1px solid #e4e4e4;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul {
  display: flex;
  width: 100%;
  justify-content: center;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li {
  position: relative;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li span {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  border-radius: 50%;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li span.type-afternoon::before {
  background-color: #96c11f;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li span.type-individual::before {
  background-color: #feb12d;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li span.type-close::before {
  background-color: #e5e5e1;
}
body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li span.type-complete::before {
  background-color: #ca0202;
}
@media (min-width: 992px) {
  body.route1-customer.route2-factory_trip .modal-lg, body.route1-customer.route2-factory_trip .modal-xl {
    max-width: 600px;
  }
  body.route1-customer.route2-factory_trip .modal-content {
    padding-top: 8px;
    padding-bottom: 4px;
  }
  body.route1-customer.route2-factory_trip .modal-content::before {
    border-bottom-width: 8px;
  }
  body.route1-customer.route2-factory_trip .modal-content::after {
    border-top-width: 4px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-header h5.modal-title {
    line-height: 50px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body {
    padding: 40px 20px 0;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-head .month-title {
    font-size: 24px;
    line-height: 30px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-head .month-paddle {
    padding: 5px;
    font-size: 20px;
    line-height: 20px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-head .month-paddle.prev-month {
    margin-right: 15px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-head .month-paddle.next-month {
    margin-left: 15px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .week-head {
    margin-top: 36px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .week-head ul li {
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 20px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .week-head ul li strong {
    font-size: 18px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td {
    height: 105px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info {
    padding-top: 7px;
    padding-left: 2px;
    font-size: 16px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .day {
    width: 32px;
    height: 32px;
    line-height: 30px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .condition-list {
    margin-top: 4px;
    padding-left: 11px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .condition-list .condition-item {
    padding-left: 17px;
    font-size: 14px;
    line-height: 20px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .condition-list .condition-item::before {
    top: 5px;
    width: 10px;
    height: 10px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .condition-list .condition-item + .condition-item {
    margin-top: 2px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note {
    padding-top: 28px;
    padding-bottom: 26px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li {
    font-size: 16px;
    line-height: 22px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li span {
    padding-left: 15px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li span::before {
    top: 4px;
    width: 10px;
    height: 10px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li + li {
    margin-left: 15px;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-factory_trip .modal.dm {
    background-color: #fff;
  }
  body.route1-customer.route2-factory_trip .modal-dialog {
    display: flex;
    min-height: 100%;
    align-items: center;
    margin: 0 auto;
  }
  body.route1-customer.route2-factory_trip .modal-content {
    padding-top: 4px;
    padding-bottom: 2px;
  }
  body.route1-customer.route2-factory_trip .modal-content::before {
    border-bottom-width: 4px;
  }
  body.route1-customer.route2-factory_trip .modal-content::after {
    border-top-width: 2px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-header {
    height: 46px;
    padding-top: 8px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-header .close {
    top: 10px;
    right: 15px;
    width: 26px;
    height: 26px;
    line-height: 14px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-header .close i {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 14px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-header h5.modal-title {
    font-size: 13px;
    line-height: 30px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body {
    padding: 16px 20px 0;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-head .month-title {
    font-size: 18px;
    line-height: 24px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-head .month-paddle {
    padding: 2px;
    font-size: 20px;
    line-height: 20px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-head .month-paddle.prev-month {
    margin-right: 22px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-head .month-paddle.next-month {
    margin-left: 22px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .week-head {
    margin-top: 15px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .week-head ul li {
    padding-top: 9px;
    padding-bottom: 7px;
    line-height: 19px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .week-head ul li strong {
    font-size: 14px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td {
    height: 78px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info {
    padding-top: 7px;
    font-size: 13px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .day {
    width: 28px;
    height: 28px;
    line-height: 26px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .condition-list {
    margin-top: 4px;
    padding-left: 8px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .condition-list .condition-item {
    overflow: hidden;
    width: 10px;
    padding-left: 10px;
    text-indent: -9999px;
    font-size: 10px;
    line-height: 10px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .condition-list .condition-item::before {
    top: 0;
    width: 10px;
    height: 10px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .month-calender table tr td .day-info .condition-list .condition-item + .condition-item {
    margin-top: 3px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note {
    padding-top: 16px;
    padding-bottom: 15px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul {
    flex-wrap: wrap;
    padding-right: 50px;
    padding-left: 50px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li {
    font-size: 13px;
    line-height: 20px;
    order: 0;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li span {
    padding-left: 15px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li span::before {
    top: 5px;
    width: 10px;
    height: 10px;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li:nth-of-type(1), body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li:nth-of-type(2) {
    width: 70%;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li:nth-of-type(3), body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li:nth-of-type(4) {
    width: 30%;
    justify-items: flex-end;
  }
  body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li:nth-of-type(2), body.route1-customer.route2-factory_trip .modal-content .modal-body .calender-note ul li:nth-of-type(4) {
    margin-top: 7px;
    order: 1;
  }
}
body.route1-customer.route2-factory_trip {
  /**
  **** 견학앨범
  */
  /**
  **** 견학후기
  */
  /**
  **** 견학후기상세
  */
}
body.route1-customer.route2-factory_trip #modal-nonmember-modify {
  text-align: center;
}
body.route1-customer.route2-factory_trip #modal-nonmember-modify .header {
  position: relative;
  height: 18px;
  border-top: 8px solid #96c11f;
}
body.route1-customer.route2-factory_trip #modal-nonmember-modify .header .close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
body.route1-customer.route2-factory_trip #modal-nonmember-modify .header .close i {
  color: #666;
}
body.route1-customer.route2-factory_trip #modal-nonmember-modify .article-board-body input {
  width: 80%;
  margin: 0 auto;
}
body.route1-customer.route2-factory_trip .article-album {
  overflow-x: hidden;
}
body.route1-customer.route2-factory_trip .article-album .article-title-dot .more {
  position: absolute;
  right: 0;
  bottom: 0;
}
body.route1-customer.route2-factory_trip .article-album #nongshim-album-swiper-container {
  width: 100vw;
}
body.route1-customer.route2-factory_trip .article-album #nongshim-album-swiper-container .swiper-wrapper .swiper-slide {
  width: 400px;
  margin-right: 40px;
}
body.route1-customer.route2-factory_trip .article-album #nongshim-album-swiper-container .swiper-wrapper .swiper-slide-active .img-container {
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.3);
}
body.route1-customer.route2-factory_trip .article-album #nongshim-album-swiper-container .swiper-item .img-container {
  height: 400px;
  background-position: center;
  background-size: cover;
}
body.route1-customer.route2-factory_trip .article-album #nongshim-album-swiper-container .swiper-item p {
  margin-top: 20px;
  margin-bottom: 0;
}
body.route1-customer.route2-factory_trip .article-album .swiper-pagination-wrap {
  position: relative;
  padding: 0;
}
body.route1-customer.route2-factory_trip .article-album .swiper-pagination-wrap .swiper-pagination {
  width: 100%;
  height: 1px;
}
body.route1-customer.route2-factory_trip .article-album .swiper-pagination-wrap .swiper-pagination-progressbar-fill {
  top: -1px;
  height: 3px;
  background-color: #d83832;
}
@media (min-width: 992px) {
  body.route1-customer.route2-factory_trip .article-album #nongshim-album-swiper-container .swiper-item {
    padding-bottom: 50px;
  }
  body.route1-customer.route2-factory_trip .article-album #nongshim-album-swiper-container .swiper-item p {
    margin-top: 25px;
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-factory_trip .article-album #nongshim-album-swiper-container .swiper-wrapper .swiper-slide {
    width: 240px;
    margin-right: 20px;
  }
  body.route1-customer.route2-factory_trip .article-album #nongshim-album-swiper-container .swiper-item {
    padding-bottom: 30px;
  }
  body.route1-customer.route2-factory_trip .article-album #nongshim-album-swiper-container .swiper-item .img-container {
    height: 240px;
  }
}
body.route1-customer.route2-factory_trip .article-review .review-banner {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.route1-customer.route2-factory_trip .article-review .review-banner img {
  margin-right: 20px;
}
body.route1-customer.route2-factory_trip .article-review .review-banner p {
  margin: 0;
}
@media (min-width: 992px) {
  body.route1-customer.route2-factory_trip .article-review .review-banner {
    height: 160px;
    padding: 20px;
  }
  body.route1-customer.route2-factory_trip .article-review .review-banner strong {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-factory_trip .article-review .review-banner {
    height: 130px;
    padding: 10px 20px;
  }
  body.route1-customer.route2-factory_trip .article-review .review-banner img {
    height: 50px;
  }
}
body.route1-customer.route2-factory_trip .article-review-view .board-body .cont {
  border-top: 0;
  padding: 100px 50px;
}
body.route1-customer.route2-factory_trip .article-review-view .board-body .cont > p:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  body.route1-customer.route2-factory_trip .article-review-view .board-header {
    padding: 0;
    margin: 50px 10px 25px;
  }
  body.route1-customer.route2-factory_trip .article-review-view .board-header .article-title-dot .title {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 15px;
  }
  body.route1-customer.route2-factory_trip .article-review-view .board-header .article-title-dot .title::before {
    width: 25px;
    height: 25px;
  }
  body.route1-customer.route2-factory_trip .article-review-view .board-body .cont {
    padding: 40px 10px;
  }
  body.route1-customer.route2-factory_trip .article-review-view .board-body .cont p {
    line-height: 22px;
  }
}
body.route1-customer.route2-location {
  /*
  *** 오시는길 card 스타일
   */
}
body.route1-customer.route2-location .location-item {
  background-color: #f6f6f6;
}
body.route1-customer.route2-location .location-item .img-container {
  background-size: cover;
  background-position: center;
}
body.route1-customer.route2-location .location-item .con p {
  font-size: 16px;
}
body.route1-customer.route2-location .location-item .con .tel {
  margin-bottom: 50px;
}
body.route1-customer.route2-location .location-item .con .tel dl {
  display: table;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 0;
}
body.route1-customer.route2-location .location-item .con .tel dl dt, body.route1-customer.route2-location .location-item .con .tel dl dd {
  display: table-cell;
  color: #333;
  padding: 0 10px;
}
body.route1-customer.route2-location .location-item .con .tel dl dt {
  position: relative;
}
body.route1-customer.route2-location .location-item .con .tel dl dt::before {
  content: "";
  position: absolute;
  right: 0;
  top: 3px;
  display: block;
  width: 1px;
  height: 18px;
  background-color: #e4e4e4;
}
@media (min-width: 992px) {
  body.route1-customer.route2-location .location-item {
    margin-bottom: 40px;
  }
  body.route1-customer.route2-location .location-item .img-container {
    height: 200px;
  }
  body.route1-customer.route2-location .location-item .con {
    padding: 50px 30px 40px;
  }
  body.route1-customer.route2-location .location-item .con h4 {
    font-size: 24px;
  }
  body.route1-customer.route2-location .location-item .con .tel dl dt, body.route1-customer.route2-location .location-item .con .tel dl dd {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-location .location-item {
    margin-bottom: 20px;
  }
  body.route1-customer.route2-location .location-item .img-container {
    height: 175px;
  }
  body.route1-customer.route2-location .location-item .con {
    padding: 25px;
  }
  body.route1-customer.route2-location .location-item .con h4 {
    font-size: 20px;
  }
  body.route1-customer.route2-location .location-item .con .tel dl dt, body.route1-customer.route2-location .location-item .con .tel dl dd {
    font-size: 13px;
  }
}
body.route1-customer .bdt_none {
  border-top: 0 !important;
}
body.route1-customer .agree_info_txt {
  width: 100%;
  color: #222;
  font-size: 20px;
  text-align: center;
  line-height: 34px;
  border-top: 1px solid #e4e4e4;
  padding-top: 55px;
  margin: 0;
}
body.route1-customer .agree_info_txt + .form-item {
  padding: 40px 0 0 !important;
}
body.route1-customer .agree_info_txt + .form-item .btn {
  color: #000;
  font-weight: bold;
  line-height: 33px;
  border: 0;
  padding: 10px 0.75rem;
}
body.route1-customer .agree_info_txt + .form-item .btn.btn-cancel {
  background: #f1f1f1;
}
body.route1-customer .agree_info_txt + .form-item .btn.btn-register {
  background: #96c11f;
}
body.route1-customer .view-member-register {
  /*파일첨부*/
}
body.route1-customer .view-member-register .btn {
  padding: 6px 0.75rem;
  line-height: 30px;
}
body.route1-customer .view-member-register .point-red {
  color: #d83832;
}
body.route1-customer .view-member-register .required-guide {
  position: relative;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 3px;
}
body.route1-customer .view-member-register .required-guide::before, body.route1-customer .view-member-register .required-guide::after {
  content: "";
  position: absolute;
}
body.route1-customer .view-member-register .required-guide::before {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: solid 1px #d83832;
}
body.route1-customer .view-member-register .required-guide::after {
  right: -8px;
  top: 4px;
  width: 5px;
  height: 5px;
  background-color: #d83832;
  border-radius: 50%;
}
@media (min-width: 992px) {
  body.route1-customer .view-member-register .article-register-gate > .container {
    border-top: 1px solid #aaaaaa;
  }
}
body.route1-customer .view-member-register .article-register-step {
  padding-bottom: 40px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
  body.route1-customer .view-member-register .article-register-step {
    margin-bottom: 100px;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 540px;
    margin: 0 auto;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step {
    position: relative;
    text-align: center;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step .circle {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    z-index: 2;
    margin-bottom: 5px;
    background-color: #FFF;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step .circle::before, body.route1-customer .view-member-register .article-register-step .register-step-box .step .circle::after {
    content: "";
    position: absolute;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step .circle::before {
    left: 1px;
    top: 1px;
    background-color: #FFF;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    z-index: 1;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step .circle::after {
    left: 6px;
    top: 6px;
    background-color: #FFF;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 1px solid #000;
    z-index: 2;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step .line {
    position: absolute;
    top: 11px;
    left: 23px;
    height: 1px;
    width: 494px;
    background-color: #000;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step .line::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    height: 5px;
    width: 50%;
    background-color: #96c11f;
    z-index: 1;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step .name {
    margin-bottom: 0;
    font-size: 18px;
    color: #999;
    font-weight: bold;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step.actived .circle::after {
    border: none;
    background-color: #96c11f;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step.active .circle::before {
    background-color: #96c11f;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step.active .circle::after {
    border: none;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step.active .name {
    color: #000;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box.step-02 .step .line::before {
    width: 100%;
  }
}
@media (max-width: 991px) {
  body.route1-customer .view-member-register .article-register-step {
    margin-bottom: 50px;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 300px;
    margin: 0 auto;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step {
    position: relative;
    text-align: center;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step .circle {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    z-index: 2;
    margin-bottom: 5px;
    background-color: #FFF;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step .circle::before, body.route1-customer .view-member-register .article-register-step .register-step-box .step .circle::after {
    content: "";
    position: absolute;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step .circle::before {
    left: 1px;
    top: 1px;
    background-color: #FFF;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    z-index: 1;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step .circle::after {
    left: 6px;
    top: 6px;
    background-color: #FFF;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 1px solid #000;
    z-index: 2;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step .line {
    position: absolute;
    top: 11px;
    left: 23px;
    height: 1px;
    width: 254px;
    background-color: #000;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step .line::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    height: 5px;
    width: 50%;
    background-color: #96c11f;
    z-index: 1;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step .name {
    margin-bottom: 0;
    font-size: 18px;
    color: #999;
    font-weight: bold;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step.actived .circle::after {
    border: none;
    background-color: #96c11f;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step.active .circle::before {
    background-color: #96c11f;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step.active .circle::after {
    border: none;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box .step.active .name {
    color: #000;
  }
  body.route1-customer .view-member-register .article-register-step .register-step-box.step-02 .step .line::before {
    width: 100%;
  }
}
body.route1-customer .view-member-register .register-item {
  position: relative;
  height: 100%;
  text-align: center;
}
body.route1-customer .view-member-register .register-item::after {
  display: block;
  clear: both;
  content: "";
}
body.route1-customer .view-member-register .register-item::before, body.route1-customer .view-member-register .register-item::after {
  content: "";
  position: absolute;
}
body.route1-customer .view-member-register .register-item::before {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: solid 2px #e4e4e4;
}
body.route1-customer .view-member-register .register-item::after {
  bottom: 0;
  right: 0;
  width: 0;
  height: 50%;
  border-right: solid 2px #e4e4e4;
}
body.route1-customer .view-member-register .register-item.no-border::before, body.route1-customer .view-member-register .register-item.no-border::after {
  content: none;
}
body.route1-customer .view-member-register .register-item .img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 40px 0;
}
body.route1-customer .view-member-register .register-item .img-box img {
  width: 125px;
  margin-bottom: 35px;
}
body.route1-customer .view-member-register .register-item .img-box h2 {
  font-size: 28px;
  margin-bottom: 20px;
}
body.route1-customer .view-member-register .register-item .function-box {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #e4e4e4;
}
body.route1-customer .view-member-register .register-item .function-box > * {
  flex: 1 1 auto;
}
body.route1-customer .view-member-register .register-item .function-box .social-login strong {
  display: block;
  margin-bottom: 25px;
}
body.route1-customer .view-member-register .register-item .function-box .social-login .social-login-btn {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  font-size: 28px;
  line-height: 70px;
  margin: 0 15px;
}
body.route1-customer .view-member-register .register-item .function-box .social-login .social-login-btn.naver {
  background-color: #2db400;
  color: #FFF;
}
body.route1-customer .view-member-register .register-item .function-box .social-login .social-login-btn.kakao {
  background-color: #ffdc00;
  color: #381e1f;
}
body.route1-customer .view-member-register .register-item .function-box .social-login .social-login-btn.facebook {
  background-color: #2a6cd0;
  color: #FFF;
}
@media (min-width: 992px) {
  body.route1-customer .view-member-register .register-item {
    padding: 10px 90px;
  }
  body.route1-customer .view-member-register .register-item .img-box {
    height: 280px;
  }
  body.route1-customer .view-member-register .register-item .function-box {
    height: 150px;
  }
}
@media (max-width: 991px) {
  body.route1-customer .view-member-register .register-item {
    padding: 0 30px;
  }
  body.route1-customer .view-member-register .register-item .img-box {
    margin: 0;
  }
  body.route1-customer .view-member-register .register-item .function-box .social-login .social-login-btn {
    margin: 0 10px;
  }
  body.route1-customer .view-member-register .register-item.register-total {
    margin-bottom: 60px;
  }
  body.route1-customer .view-member-register .register-item.register-sns {
    padding-top: 35px;
  }
  body.route1-customer .view-member-register .register-item.register-sns::before, body.route1-customer .view-member-register .register-item.register-sns::after {
    content: none;
  }
  body.route1-customer .view-member-register .register-item.register-sns .function-box {
    border: none;
  }
}
body.route1-customer .view-member-register .article-register-form .title_btn_wrap {
  display: flex;
  justify-content: space-between;
}
body.route1-customer .view-member-register .article-register-form .title_btn_wrap .right_btn {
  font-size: 15px;
  color: #666;
  font-weight: bold;
  margin: 30px 0 10px;
}
body.route1-customer .view-member-register .article-register-form .title_btn_wrap .right_btn > i {
  font-weight: bold;
}
body.route1-customer .view-member-register .article-register-form .form-container {
  border-top: solid 1px #aaa;
}
body.route1-customer .view-member-register .article-register-form .form-container .form-item {
  border-top: solid 1px #e4e4e4;
}
body.route1-customer .view-member-register .article-register-form .form-container .form-item:first-of-type {
  border-top: none;
}
body.route1-customer .view-member-register .article-register-form .form-container .form-item .border-bottom {
  border-color: #000 !important;
}
body.route1-customer .view-member-register .article-register-form .form-container .form-item .email-noti-box {
  display: table;
}
body.route1-customer .view-member-register .article-register-form .form-container .form-item .email-noti-box dt, body.route1-customer .view-member-register .article-register-form .form-container .form-item .email-noti-box dd {
  display: table-cell;
}
body.route1-customer .view-member-register .article-register-form .form-container .form-item .email-noti-box dt {
  width: 140px;
  font-weight: normal;
}
body.route1-customer .view-member-register .article-register-form .form-container .form-item.info_txt {
  font-size: 20px;
  color: #222;
  text-align: center;
  line-height: 34px;
  border-top: 1px solid #e4e4e4;
  padding: 55px 0 0 0;
  margin: 0;
}
@media (min-width: 992px) {
  body.route1-customer .view-member-register .article-register-form .form-container .form-item {
    padding: 60px 0 44px 40px;
  }
  body.route1-customer .view-member-register .article-register-form .form-container .form-item .terms-area {
    padding: 40px 30px;
    background-color: #f6f6f6;
    color: #333333;
    font-size: 14px;
    line-height: 26px;
    white-space: pre-line;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  body.route1-customer .view-member-register .article-register-form .form-container .form-item .terms-area > strong {
    font-size: 16px;
  }
  body.route1-customer .view-member-register .article-register-form .form-container .form-item .terms-area > p {
    padding: 0 0 0 10px;
  }
  body.route1-customer .view-member-register .article-register-form .form-container .form-item .terms-area b {
    display: inline-block;
    font-size: 16px;
    border-bottom: 1px solid #666;
    padding-bottom: 2px;
  }
  body.route1-customer .view-member-register .article-register-form .form-container .form-item.form-submit {
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  body.route1-customer .view-member-register .article-register-form .form-container .form-item {
    padding: 30px 0;
  }
  body.route1-customer .view-member-register .article-register-form .form-container .form-item.form-submit h5 {
    font-size: 14px;
  }
  body.route1-customer .view-member-register .article-register-form .form-container .form-item.form-submit .u {
    border-bottom: solid 1px #000;
  }
}
body.route1-customer .view-member-register .article-register-form .form-container .social-login.sm-cont i {
  display: inline-block;
  font-size: 20px;
  padding-bottom: 7px;
  vertical-align: middle;
}
body.route1-customer .view-member-register .article-register-form .form-container .social-login .social-login-btn {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 28px;
  line-height: 50px;
  margin: 0 10px;
  text-align: center;
  cursor: auto;
}
body.route1-customer .view-member-register .article-register-form .form-container .social-login .social-login-btn.naver {
  background-color: #2db400;
  color: #FFF;
}
body.route1-customer .view-member-register .article-register-form .form-container .social-login .social-login-btn.kakao {
  background-color: #ffdc00;
  color: #381e1f;
}
body.route1-customer .view-member-register .article-register-form .form-container .social-login .social-login-btn.facebook {
  background-color: #2a6cd0;
  color: #FFF;
}
body.route1-customer .view-member-register .article-register-form .form-container .social-login .social-login-btn.disabled {
  background-color: #e4e4e4;
  color: #aaa;
  cursor: pointer;
}
body.route1-customer .view-member-register .article-register-form .form-container .social-login .social-join-btn {
  display: inline-block;
  border-radius: 50%;
  font-size: 15px;
  margin-top: 40px;
  margin-right: 10px;
  text-align: center;
  cursor: auto;
}
body.route1-customer .view-member-register .article-register-form .form-container .social-login .social-join-btn.naver i {
  color: #03cf5d;
}
body.route1-customer .view-member-register .article-register-form .form-container .social-login .social-join-btn.kakao i {
  color: #381e1f;
}
body.route1-customer .view-member-register .article-register-form .form-container .social-login .social-join-btn.facebook i {
  color: #5064a8;
}
body.route1-customer .view-member-register .article-register-form .form-container .social-login .social-join-btn .btn i {
  margin-right: 10px;
}
body.route1-customer .view-member-register .article-register-form .form-container .social-login .social-join-btn .btn:hover i {
  color: #fff;
}
@media (max-width: 991px) {
  body.route1-customer .view-member-register .article-register-form .form-container .social-login .social-join-btn {
    display: block;
    margin-bottom: 10px;
  }
}
body.route1-customer .view-member-register .article-register-form .form-container .form-terms-mobile .d-table {
  width: 100%;
  table-layout: fixed;
}
body.route1-customer .view-member-register .article-register-form .form-container .form-terms-mobile .d-table .d-table-cell {
  font-size: 14px;
  vertical-align: top;
}
body.route1-customer .view-member-register .article-register-form .form-container .form-terms-mobile .d-table .d-table-cell.table-more {
  width: 70px;
  text-align: right;
  font-size: 12px;
}
body.route1-customer .view-member-register .article-register-form .form-container .form-terms-mobile .d-table .d-table-cell .terms-more {
  display: inline-block;
  color: #888;
  font-size: 12px;
  border-bottom: 1px solid #888;
}
body.route1-customer .view-member-register .article-adv {
  margin-top: 100px;
}
body.route1-customer .view-member-register .article-adv .adv-item {
  position: relative;
  background-color: #f6f6f6;
  margin-bottom: 20px;
}
body.route1-customer .view-member-register .article-adv .adv-item .desc {
  display: block;
}
body.route1-customer .view-member-register .article-adv .adv-item strong {
  display: block;
  font-size: 26px;
  font-weight: 400;
}
body.route1-customer .view-member-register .article-adv .adv-item .more {
  position: absolute;
}
body.route1-customer .view-member-register .article-adv .adv-item .more span {
  position: relative;
  padding-right: 30px;
  font-size: 14px;
  color: #999;
}
body.route1-customer .view-member-register .article-adv .adv-item .more span::before, body.route1-customer .view-member-register .article-adv .adv-item .more span::after {
  content: "";
  position: absolute;
}
body.route1-customer .view-member-register .article-adv .adv-item .more span::before {
  right: -15px;
  width: 30px;
  height: 0;
  border-bottom: solid 1px #d83832;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.route1-customer .view-member-register .article-adv .adv-item .more span::after {
  right: -15px;
  width: 5px;
  height: 5px;
  background-color: #d83832;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
}
body.route1-customer .view-member-register .article-adv .adv-item img {
  position: absolute;
  right: 30px;
  bottom: 30px;
}
body.route1-customer .view-member-register .article-adv .adv-item .bt-text {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
body.route1-customer .view-member-register .article-adv .adv-item .bt-text span {
  display: block;
  font-size: 14px;
  color: #666;
}
body.route1-customer .view-member-register .article-adv .adv-item .bt-text a {
  display: block;
  font-size: 34px;
  line-height: 1.3em;
  color: #008aaf;
}
body.route1-customer .view-member-register .article-adv .adv-item.adv-ocher {
  background-color: #f7efd4;
}
body.route1-customer .view-member-register .article-adv .adv-item.adv-ocher .strong {
  color: #5a3203;
}
body.route1-customer .view-member-register .article-adv .adv-item.adv-blue {
  background-color: #dff2f5;
}
body.route1-customer .view-member-register .article-adv .adv-item.adv-blue .strong {
  color: #065271;
}
@media (min-width: 992px) {
  body.route1-customer .view-member-register .article-adv .adv-item {
    height: 260px;
    padding: 50px 40px;
  }
  body.route1-customer .view-member-register .article-adv .adv-item .more {
    bottom: 50px;
    left: 40px;
  }
}
@media (max-width: 991px) {
  body.route1-customer .view-member-register .article-adv .adv-item {
    height: 140px;
    padding: 25px 20px;
  }
  body.route1-customer .view-member-register .article-adv .adv-item .desc {
    font-size: 12px;
  }
  body.route1-customer .view-member-register .article-adv .adv-item strong {
    font-size: 16px;
  }
  body.route1-customer .view-member-register .article-adv .adv-item .more {
    bottom: 25px;
    left: 20px;
  }
  body.route1-customer .view-member-register .article-adv .adv-item.adv-ocher img {
    height: 70px;
    right: 20px;
    bottom: 20px;
  }
  body.route1-customer .view-member-register .article-adv .adv-item.adv-blue img {
    max-height: 110px;
    right: 20px;
    bottom: 20px;
  }
  body.route1-customer .view-member-register .article-adv .adv-item.adv-phone .bt-text {
    left: auto;
    right: 30px;
  }
  body.route1-customer .view-member-register .article-adv .adv-item.adv-phone .bt-text a {
    font-size: 26px;
  }
}
body.route1-customer .view-member-register .filebox input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
body.route1-customer .view-member-register .filebox label {
  display: block;
  background: #fff;
  border: 1px solid #000;
  color: #222222;
  font-size: 16px;
  text-align: center;
  line-height: 42px;
  curosr: pointer;
  font-weight: normal;
}
body.route1-customer .view-member-register .file-add {
  line-height: 42px;
}
body.route1-customer .view-member-register .file-add span {
  display: inline-block;
  font-size: 26px;
  margin-bottom: 3px;
  vertical-align: middle;
}
body.route1-customer.route2-overview .call-cenater i {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 28px;
  text-align: center;
  color: #96c11f;
  background: #f4f4f4;
  border-radius: 50%;
  vertical-align: middle;
}
body.route1-customer.route2-overview .call-cenater strong {
  display: inline-block;
  font-size: 60px;
  font-weight: normal;
  margin: 0 20px;
  vertical-align: middle;
}
body.route1-customer.route2-overview .call-cenater p {
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
}
body.route1-customer.route2-overview .call-cenater span {
  display: inline-block;
  color: #666;
  font-size: 20px;
  color: #666;
  vertical-align: bottom;
  margin-bottom: 10px;
  font-weight: normal;
}
@media (max-width: 991px) {
  body.route1-customer.route2-overview .call-cenater {
    padding: 18px 25px;
  }
  body.route1-customer.route2-overview .call-cenater i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }
  body.route1-customer.route2-overview .call-cenater strong {
    font-size: 20px;
    margin: 0 10px;
  }
  body.route1-customer.route2-overview .call-cenater p {
    font-size: 13px;
  }
  body.route1-customer.route2-overview .call-cenater p.number {
    float: left;
    font-size: 26px;
  }
}
body.route1-customer.route2-overview .call-cenater::after {
  display: block;
  content: "";
  clear: both;
}
body.route1-customer.route2-overview .article-customer-overview .customer-visual {
  position: relative;
  height: 435px;
  background-size: cover;
  background-position: center;
}
body.route1-customer.route2-overview .article-customer-overview .customer-visual .cont {
  position: absolute;
  color: #fff;
}
body.route1-customer.route2-overview .article-customer-overview .customer-visual .cont strong {
  font-size: 28px;
}
body.route1-customer.route2-overview .article-customer-overview .customer-visual .cont p {
  font-size: 18px;
  margin: 15px 0 40px 0;
}
body.route1-customer.route2-overview .article-customer-overview .customer-visual .cont button {
  width: 120px;
  color: #fff;
  border-color: #fff;
}
@media (min-width: 992px) {
  body.route1-customer.route2-overview .article-customer-overview .customer-visual .cont {
    padding-left: 80px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-overview .article-customer-overview .customer-visual .cont {
    padding: 70px 50px;
  }
}
body.route1-customer.route2-overview .article-customer-overview .customer-cont .row > div {
  position: relative;
  height: calc(100% - 90px);
  padding: 0 20px;
  font-size: 18px;
  text-align: center;
}
body.route1-customer.route2-overview .article-customer-overview .customer-cont .row > div::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
}
body.route1-customer.route2-overview .article-customer-overview .customer-cont .row > div:last-child::before {
  border-right: 0 !important;
}
body.route1-customer.route2-overview .article-customer-overview .customer-cont .row > div img {
  margin-bottom: 20px;
}
body.route1-customer.route2-overview .article-customer-overview .customer-cont .row > div strong {
  font-size: 28px;
  margin-bottom: 10px;
}
body.route1-customer.route2-overview .article-customer-overview .customer-cont .row > div a {
  display: inline-block;
  text-align: center;
  width: 120px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  body.route1-customer.route2-overview .article-customer-overview .customer-cont {
    margin-top: 50px;
  }
  body.route1-customer.route2-overview .article-customer-overview .customer-cont .row {
    background: #fff;
    padding: 50px 35px;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-overview .article-customer-overview .customer-cont .row > div {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
  }
  body.route1-customer.route2-overview .article-customer-overview .customer-cont .row > div:first-child {
    margin-top: 40px;
  }
  body.route1-customer.route2-overview .article-customer-overview .customer-cont .row > div::before {
    border-bottom: 1px solid #e5e5e5;
  }
  body.route1-customer.route2-overview .article-customer-overview .customer-cont .row > div:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  body.route1-customer.route2-overview .article-customer-overview {
    background: #f4f4f4;
    padding: 70px 0;
    margin-top: 50px;
  }
}
@media (max-width: 991px) {
  body.route1-customer.route2-overview .article-customer-overview {
    background: #fff;
  }
}

body.route1-n_live.route2-n_live .article-nlive-header .article-title h2.title {
  margin-bottom: 0;
  font-weight: 600;
}
@media (min-width: 992px) {
  body.route1-n_live.route2-n_live .article-nlive-header {
    margin-bottom: 70px !important;
    padding-top: 80px;
  }
  body.route1-n_live.route2-n_live .article-nlive-header .article-title {
    margin-bottom: 40px;
  }
  body.route1-n_live.route2-n_live .article-nlive-header .article-title h2.title {
    font-size: 66px;
  }
}
@media (max-width: 991px) {
  body.route1-n_live.route2-n_live .article-nlive-header {
    margin-bottom: 44px !important;
  }
  body.route1-n_live.route2-n_live .article-nlive-header .article-title {
    padding-top: 73px;
    margin-bottom: 22px;
  }
  body.route1-n_live.route2-n_live .article-nlive-header .article-title h2.title {
    font-size: 34px;
  }
}
body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item {
  display: block;
  position: relative;
  width: 100%;
  pointer-events: none;
}
body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .img-container {
  height: 100%;
  background-position: center;
  background-size: cover;
}
body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .img-container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
}
body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info span {
  display: block;
}
body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info span.n-cate {
  display: inline-block;
}
body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info .tit {
  font-size: 48px;
  line-height: 62px;
}
body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info .n-cate + .tit {
  margin-top: 20px;
}
@media (min-width: 992px) {
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide {
    width: 85.9375%;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item {
    height: 732px;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .img-container::before {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 120ms ease-in-out;
    -moz-transition: opacity 120ms ease-in-out;
    -ms-transition: opacity 120ms ease-in-out;
    -o-transition: opacity 120ms ease-in-out;
    transition: opacity 120ms ease-in-out;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info {
    padding-top: 60px;
    padding-right: 40px;
    padding-left: 40px;
    opacity: 0;
    -webkit-transition: opacity 120ms ease-in-out;
    -moz-transition: opacity 120ms ease-in-out;
    -ms-transition: opacity 120ms ease-in-out;
    -o-transition: opacity 120ms ease-in-out;
    transition: opacity 120ms ease-in-out;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info .tit {
    font-size: 48px;
    line-height: 62px;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info .desc {
    font-size: 20px;
    line-height: 34px;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info .tit + .desc {
    margin-top: 30px;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-item {
    pointer-events: auto;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-item .img-container::before {
    visibility: visible;
    opacity: 1;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-item .swiper-info {
    visibility: visible;
    opacity: 1;
  }
}
@media (max-width: 991px) {
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper {
    position: absolute;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide {
    width: 100%;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item {
    height: 100%;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info {
    padding-top: 25px;
    padding-right: 30px;
    padding-left: 30px;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info span.n-cate img {
    width: 23px;
    height: 23px;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info .tit {
    font-size: 20px;
    line-height: 25px;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info .desc {
    display: none;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-wrapper .swiper-slide .swiper-item .swiper-info .n-cate + .tit {
    margin-top: 10px;
  }
}
@media (max-width: 991px) {
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.26%;
  }
}
body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-pagination {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: left;
  line-height: 12px;
}
@media (min-width: 992px) {
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-pagination {
    bottom: 80px;
    width: 85.9375%;
    padding-right: 32px;
    padding-left: 32px;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-pagination span.swiper-pagination-bullet {
    margin: 0 18px !important;
  }
}
@media (max-width: 991px) {
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-pagination {
    bottom: 20px;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-pagination span.swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    margin: 0 10px !important;
  }
  body.route1-n_live.route2-n_live .article-nlive-header #nlive-swiper .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 9px;
    height: 9px;
  }
}
body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag {
  margin-top: 0;
}
body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul {
  flex-wrap: wrap;
}
body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li a {
  display: inline-block;
  position: relative;
  vertical-align: top;
  color: #666;
  font-weight: 600;
  -webkit-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
  -ms-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}
body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li a::before {
  content: "#";
  display: block;
  position: absolute;
}
body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li a span {
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 992px) {
  body.route1-n_live.route2-n_live .article-nlive-recipe-search {
    margin-bottom: 75px !important;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search > .container {
    padding-right: 0;
    padding-left: 0;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul {
    margin-right: -15px;
    margin-left: -15px;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 15px;
    padding-left: 15px;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li a {
    height: 72px;
    padding: 21px 26px 15px 52px;
    font-size: 24px;
    line-height: 30px;
    border-radius: 36px;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li a::before {
    top: 18px;
    left: 18px;
    font-size: 30px;
    line-height: 36px;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li:nth-child(odd) a {
    background-color: #e0ecde;
    border: 2px solid #e0ecde;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li:nth-child(odd) a:hover {
    background-color: #fff;
    border: 2px solid #c3d9ab;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li:nth-child(even) a {
    background-color: #fff;
    border: 2px solid #c3d9ab;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li:nth-child(even) a:hover {
    background-color: #e0ecde;
    border: 2px solid #e0ecde;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li:nth-of-type(6) ~ li:nth-child(odd) a {
    background-color: #fff;
    border: 2px solid #c3d9ab;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li:nth-of-type(6) ~ li:nth-child(odd) a:hover {
    background-color: #e0ecde;
    border: 2px solid #e0ecde;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li:nth-of-type(6) ~ li:nth-child(even) a {
    background-color: #e0ecde;
    border: 2px solid #e0ecde;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li:nth-of-type(6) ~ li:nth-child(even) a:hover {
    background-color: #fff;
    border: 2px solid #c3d9ab;
  }
}
@media (max-width: 991px) {
  body.route1-n_live.route2-n_live .article-nlive-recipe-search {
    margin-bottom: 32px !important;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul {
    margin-right: -7.5px;
    margin-left: -7.5px;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
    padding-right: 7.5px;
    padding-left: 7.5px;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li a {
    height: 36px;
    padding: 8px 13px 6px 26px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 18px;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li a::before {
    top: 9px;
    left: 9px;
    font-size: 15px;
    line-height: 20px;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li:nth-child(odd) a {
    background-color: #e0ecde;
    border: 1px solid #e0ecde;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li:nth-child(odd) a:hover {
    background-color: #fff;
    border: 1px solid #c3d9ab;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li:nth-child(even) a {
    background-color: #fff;
    border: 1px solid #c3d9ab;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li:nth-child(even) a:hover {
    background-color: #e0ecde;
    border: 1px solid #e0ecde;
  }
  body.route1-n_live.route2-n_live .article-nlive-recipe-search .module-recipe-search .search-hash-tag ul li:nth-child(6) ~ li {
    display: none;
  }
}
body.route1-n_live.route2-n_live .article-nlive-posts .nlive-tabs a.active {
  color: #222;
}
@media (min-width: 992px) {
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-tabs .container {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-tabs .container {
    overflow: hidden;
    width: 100vw;
    height: 44px;
    max-width: inherit;
    padding-right: inherit;
    padding-left: inherit;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-tabs .container .nongshim-line-tab-scroller {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100vw;
    padding-bottom: 50px;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-tabs .container .nongshim-line-tab-scroller .nongshim-line-tab {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 28px;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-tabs .container .nongshim-line-tab-scroller .nongshim-line-tab ul li::before {
    top: 11px;
    height: 18px;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-tabs .container .nongshim-line-tab-scroller .nongshim-line-tab ul li a::before {
    bottom: -4px;
    left: calc(50% - (6px/2));
    width: 6px;
    height: 6px;
  }
}
body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li {
  position: relative;
}
body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a {
  display: block;
  position: relative;
  color: #000;
}
body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .thumb {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-position: 100%;
  background-size: cover;
}
body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .thumb span.n-cate {
  position: absolute;
}
body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a:hover .thumb .info {
  visibility: visible;
  opacity: 1;
}
body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .tit {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .thumb + .tit {
  margin-top: 10px;
}
@media (min-width: 992px) {
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts {
    margin-top: 50px;
    /*margin-right:-15px;margin-left:-15px;*/
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts > .container {
    padding-right: 0;
    padding-left: 0;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul {
    margin-right: -12px;
    margin-left: -12px;
    justify-content: center;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li {
    width: 33.3%;
    margin-bottom: 60px;
    padding-right: 12px;
    padding-left: 12px;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .thumb span.n-cate {
    top: 20px;
    left: 20px;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .thumb .info {
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 60px 40px 50px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 120ms ease-in-out;
    -moz-transition: opacity 120ms ease-in-out;
    -ms-transition: opacity 120ms ease-in-out;
    -o-transition: opacity 120ms ease-in-out;
    transition: opacity 120ms ease-in-out;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .thumb .info .cate {
    text-decoration: underline;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .thumb .info .sub-tit, body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .thumb .info .desc {
    font-size: 24px;
    line-height: 38px;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .thumb .info .date {
    margin-top: auto;
    flex: 0;
    color: #999;
    font-size: 16px;
    line-height: 20px;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .thumb .info .cate + .sub-tit {
    margin-top: 10px;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a:hover .thumb .info {
    visibility: visible;
    opacity: 1;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .tit {
    height: 126px;
    font-size: 30px;
    line-height: 42px;
    -webkit-line-clamp: 3;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .thumb + .tit {
    margin-top: 10px;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li:nth-child(3n+1):nth-last-child(-n+3), body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts {
    margin-top: 30px;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul {
    justify-content: space-between;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li {
    width: calc(50% - 8px);
    margin-bottom: 30px;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .thumb span.n-cate {
    top: 10px;
    left: 10px;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .thumb span.n-cate img {
    width: 23px;
    height: 23px;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .thumb .info {
    display: none !important;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .tit {
    height: 66px;
    font-size: 15px;
    line-height: 22px;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li a .thumb + .tit {
    margin-top: 10px;
  }
  body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li:nth-child(2n+1):nth-last-child(-n+2), body.route1-n_live.route2-n_live .article-nlive-posts .nlive-posts ul li:nth-child(2n+1):nth-last-child(-n+2) ~ li {
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  .reply-more > a > i {
    margin-bottom: 15px;
  }
  .reply-more > a > i::before {
    width: 40px;
    height: 40px;
    line-height: 36px;
  }
  .reply-more > a > span {
    font-size: 14px;
  }
}

body.route1-mypage .zindex_h {
  z-index: 9;
}
body.route1-mypage .article-user-info {
  position: relative;
  background-color: #f2f1de;
}
body.route1-mypage .article-user-info .user-info-header .row {
  border-bottom: 2px solid #96c11f;
  padding: 0 0 10px;
  margin-bottom: 50px;
}
body.route1-mypage .article-user-info .user-info-header .my-name {
  font-size: 24px;
  color: #010000;
}
body.route1-mypage .article-user-info .user-info-header .my-name .name {
  font-weight: bold;
}
body.route1-mypage .article-user-info .user-info-header .my-modify {
  font-size: 15px;
  color: #000;
  line-height: 36px;
}
body.route1-mypage .article-user-info .user-info-body .my-bong-point {
  margin-bottom: 10px;
}
body.route1-mypage .article-user-info .user-info-body .my-bong-point img {
  width: 30px;
  vertical-align: top;
}
body.route1-mypage .article-user-info .user-info-body .my-bong-point span {
  font-size: 18px;
  color: #010000;
  font-weight: bold;
  line-height: 30px;
  display: inline-block;
  margin-left: 5px;
}
body.route1-mypage .article-user-info .user-info-body .my-bong-count {
  color: #333333;
  font-size: 22px;
}
body.route1-mypage .article-user-info .user-info-body .my-bong-count .count {
  color: #539a00;
  font-size: 60px;
  font-weight: bold;
}
body.route1-mypage .article-user-info .user-info-body .my-bong-etc ul {
  margin: 25px -30px 0;
}
body.route1-mypage .article-user-info .user-info-body .my-bong-etc ul li {
  display: inline-block;
  font-size: 16px;
  color: #000000;
  margin-left: 30px;
}
body.route1-mypage .article-user-info .user-info-body .my-bong-etc ul li * {
  vertical-align: top;
}
body.route1-mypage .article-user-info .user-info-body .my-bong-etc ul li:first-child {
  margin-left: 0;
}
body.route1-mypage .article-user-info .user-info-body .my-bong-etc ul li i {
  font-size: 22px;
}
body.route1-mypage .article-user-info .user-info-body .my-bong-etc ul li span {
  margin: 1px 0 0 5px;
  display: inline-block;
}
@media (max-width: 991px) {
  body.route1-mypage .article-user-info .user-info-body .my-bong-point {
    margin: 0;
  }
  body.route1-mypage .article-user-info .user-info-body .my-bong-point img {
    width: 20px;
    vertical-align: top;
    margin-top: 5px;
  }
  body.route1-mypage .article-user-info .user-info-body .my-bong-point span {
    font-size: 14px;
  }
  body.route1-mypage .article-user-info .user-info-body .my-bong-count {
    font-size: 13px;
  }
  body.route1-mypage .article-user-info .user-info-body .my-bong-count .count {
    font-size: 44px;
  }
  body.route1-mypage .article-user-info .user-info-body .my-bong-etc ul {
    margin-top: 25px;
    overflow: hidden;
  }
  body.route1-mypage .article-user-info .user-info-body .my-bong-etc ul li {
    display: block;
    width: 33.3%;
    font-size: 12px;
    float: left;
    margin-left: 0;
    text-align: center;
  }
  body.route1-mypage .article-user-info .user-info-body .my-bong-etc ul li i {
    font-size: 22px;
  }
  body.route1-mypage .article-user-info .user-info-body .my-bong-etc ul li span {
    margin: 10px 0 0 5px;
    display: inline-block;
  }
}
@media (max-width: 991px) {
  body.route1-mypage .article-user-info .user-info-header .my-name {
    font-size: 16px;
    padding: 0;
    float: left;
    width: auto;
    display: inline-block;
    line-height: 36px;
  }
  body.route1-mypage .article-user-info .user-info-header .my-modify {
    font-size: 12px;
    float: right;
    width: auto;
  }
}
@media (min-width: 992px) {
  body.route1-mypage .article-user-info {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
body.route1-mypage .mt-250 {
  margin-top: 250px;
}
body.route1-mypage .my-calendar-wrap {
  position: absolute;
  top: -40px;
  right: 40px;
}
body.route1-mypage .my-calendar-wrap p.txt {
  position: absolute;
  bottom: 20px;
  left: 40px;
  background: #f4f4f4;
  color: #000000;
  text-align: center;
  border-radius: 30px;
  width: 385px;
  font-size: 15px;
  line-height: 40px;
}
body.route1-mypage .my-calendar-wrap p.txt span {
  font-size: 12px;
  color: #ce1a1a;
  font-weight: bold;
  display: inline-block;
  width: 17px;
  height: 17px;
  border: 1px solid #ce1a1a;
  border-radius: 50%;
  vertical-align: top;
  line-height: 17px;
  margin-top: 11px;
}
body.route1-mypage .my-calendar {
  width: 440px;
  padding: 70px 40px 100px;
  text-align: center;
  font-weight: 800;
  cursor: default;
  background: #fff;
  box-shadow: 5px 5px 20px 0px #ccc;
}
body.route1-mypage .my-calendar .day.next {
  font-size: 16px;
  color: #cccccc;
  font-weight: bold;
}
body.route1-mypage .my-calendar .day.prev {
  font-size: 16px;
  color: #666666;
  font-weight: bold;
}
body.route1-mypage .clicked-date .cal-day {
  font-size: 24px;
}
body.route1-mypage .clicked-date .cal-date {
  font-size: 130px;
}
body.route1-mypage .ctr-box {
  padding: 0 16px;
  margin-bottom: 20px;
  font-size: 20px;
}
body.route1-mypage .ctr-box .btn-cal {
  position: relative;
  float: left;
  width: 25px;
  height: 25px;
  margin-top: 5px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background: none;
}
body.route1-mypage .ctr-box .btn-cal:after {
  content: "<";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 25px;
  font-weight: bold;
  font-size: 20px;
}
body.route1-mypage .ctr-box .btn-cal.next {
  float: right;
}
body.route1-mypage .ctr-box .btn-cal.next:after {
  content: ">";
}
body.route1-mypage .cal-table {
  width: 100%;
}
body.route1-mypage .cal-table th {
  width: 14.2857%;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: 900;
}
body.route1-mypage .cal-table td {
  padding: 3px 0;
  height: 50px;
  font-size: 15px;
  vertical-align: middle;
}
body.route1-mypage .cal-table td.day {
  position: relative;
  cursor: pointer;
}
body.route1-mypage .cal-table td.today, body.route1-mypage .cal-table td.presence {
  text-indent: -9999px;
  border-radius: 50%;
  color: #fff;
  background: url("../images/view_mypage/icon-presence.png") center no-repeat;
}
body.route1-mypage .cal-table td.day-active {
  background: #ff8585;
  border-radius: 50%;
  color: #fff;
}
body.route1-mypage .cal-table td.has-event:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #FFC107;
}
@media (max-width: 991px) {
  body.route1-mypage .mt-250 {
    margin-top: 40px;
  }
  body.route1-mypage .article-user-info .user-info-body .my-bong-etc ul li {
    display: block;
  }
  body.route1-mypage .my-bong-etc i {
    display: block;
  }
  body.route1-mypage .article-user-info .container {
    max-width: 100% !important;
  }
  body.route1-mypage .row {
    padding: 0;
    margin: 0;
    display: block;
  }
  body.route1-mypage .user-info-header .row {
    overflow: hidden;
    margin-bottom: 35px !important;
  }
  body.route1-mypage .zindex_h {
    padding: 30px 0;
    overflow: hidden;
  }
  body.route1-mypage .my-calendar-wrap {
    position: relative;
    top: auto;
    right: auto;
    padding: 0;
    width: calc(100% + 60px);
    margin-left: -30px;
  }
  body.route1-mypage .my-calendar-wrap p.txt {
    position: absolute;
    bottom: 20px;
    left: 10%;
    border-radius: 30px;
    width: 80%;
    font-size: 15px;
    line-height: 40px;
  }
  body.route1-mypage .my-calendar-wrap p.txt span {
    font-size: 12px;
    color: #ce1a1a;
    font-weight: bold;
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 1px solid #ce1a1a;
    border-radius: 50%;
    vertical-align: top;
    line-height: 17px;
    margin-top: 11px;
  }
  body.route1-mypage .my-calendar-wrap .my-calendar {
    width: 100%;
    padding: 40px 10px 100px;
  }
}
body.route1-mypage .tbl-wrap {
  position: relative;
}
body.route1-mypage .tbl-wrap th, body.route1-mypage .tbl-wrap td {
  vertical-align: top;
  height: auto;
  padding: 22px 10px 21px;
}
body.route1-mypage .tbl-wrap td.ing {
  color: #539a00;
}
body.route1-mypage .tbl-wrap td b.ing {
  color: #539a00;
}
body.route1-mypage .tbl-wrap td b.end {
  color: #888888;
}
body.route1-mypage .tbl-wrap td.addbtn {
  position: relative;
  padding-right: 200px;
}
body.route1-mypage .tbl-wrap td.addbtn .btn {
  position: absolute;
  top: 16px;
  right: 0;
  display: block;
  padding: 0;
  line-height: 38px;
  width: 190px;
  height: 40px;
  font-size: 15px;
  color: #999999;
  font-weight: bold;
  border: 1px solid #999999;
}
body.route1-mypage .tbl-wrap table a {
  padding: 0;
  vertical-align: top;
}
body.route1-mypage .tbl-wrap table a .like-reply-function {
  color: #666;
  font-size: 14px;
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid #e7e7e8;
}
body.route1-mypage .tbl-wrap table a .like-reply-function i {
  vertical-align: top;
  margin-top: 5px;
  display: inline-block;
}
body.route1-mypage .tbl-wrap caption {
  position: absolute;
  text-indent: -9999px;
}
body.route1-mypage .tbl-wrap .type-noodle {
  display: inline-block;
  font-size: 13px;
  color: #fe8100;
  font-weight: bold;
  line-height: 28px;
  border: 1px solid #fe8100;
  border-radius: 15px;
  padding: 0 15px;
  vertical-align: top;
  margin-top: -3px;
}
body.route1-mypage .tbl-wrap .type-nongshim {
  display: inline-block;
  font-size: 13px;
  color: #ca0202;
  font-weight: bold;
  line-height: 28px;
  border: 1px solid #ca0202;
  border-radius: 15px;
  padding: 0 15px;
  vertical-align: top;
  margin-top: -3px;
}
body.route1-mypage .point_info .title {
  font-size: 36px;
  color: #010000;
  font-weight: bold;
  margin-bottom: 50px;
  position: relative;
  padding: 0 20px;
}
body.route1-mypage .point_info .title::before {
  content: "";
  position: absolute;
  top: -50px;
  left: 20px;
  width: 36px;
  height: 36px;
  background: #96c11f;
  border-radius: 50%;
}
body.route1-mypage .point_info .point_box {
  text-align: center;
  background: #f6f6f6;
  height: 110px;
  line-height: 110px;
  margin-bottom: 30px;
}
body.route1-mypage .point_info .point_box * {
  line-height: 110px;
  display: inline-block;
}
body.route1-mypage .point_info .point_box span {
  color: #010000;
  font-size: 24px;
}
body.route1-mypage .point_info .point_box em {
  color: #539a00;
  font-size: 32px;
  font-weight: bold;
  padding: 0 0 0 10px;
  font-style: inherit;
}
body.route1-mypage .point_info .point_box > i {
  font-size: 20px;
  color: #010000;
}
body.route1-mypage .point_info .point_box img {
  width: 30px;
  vertical-align: top;
  margin-top: 40px;
  margin-right: 10px;
}
body.route1-mypage .mypage_wrap .tbl-wrap .overflow-hidden > * {
  font-size: 16px !important;
}
body.route1-mypage .mypage_wrap .mt-250 {
  margin-top: 250px;
}
body.route1-mypage .mypage_wrap .my-stitle {
  margin-bottom: 25px;
  padding: 0 20px;
  font-size: 28px;
  color: #010000;
  font-weight: bold;
}
body.route1-mypage .mypage_wrap .my-stitle.pd30 {
  padding: 0 30px;
}
body.route1-mypage .mypage_wrap .more_btn {
  position: absolute;
  top: 0;
  right: 5px;
  font-weight: bold;
  color: #999999;
}
body.route1-mypage .mypage_wrap .more_btn::after {
  content: "";
  font-family: icomoon;
  vertical-align: top;
  margin: 0 0 0 10px;
  color: #d83832;
}
body.route1-mypage .mypage_wrap .recipebox .list_empty {
  background: #f6f6f6;
  padding: 80px 0;
}
body.route1-mypage .mypage_wrap .recipebox .list_recipe {
  background: #f6f6f6;
  padding: 80px 0 0;
}
body.route1-mypage .mypage_wrap .recipebox .float-left {
  width: 400px;
  padding: 0 70px;
  position: relative;
}
body.route1-mypage .mypage_wrap .recipebox .float-left .img {
  position: absolute;
  top: 0;
  left: 70px;
}
body.route1-mypage .mypage_wrap .recipebox .float-left span {
  display: block;
  margin-top: 60px;
  font-size: 60px;
  color: #000000;
}
body.route1-mypage .mypage_wrap .recipebox .float-left span em {
  font-style: inherit;
  font-size: 22px;
}
body.route1-mypage .mypage_wrap .recipebox .float-left p {
  font-size: 16px;
  color: #333333;
  margin: 0;
}
body.route1-mypage .mypage_wrap .recipebox .float-left .btn {
  margin-top: 50px;
  padding: 0;
  line-height: 38px;
  width: 190px;
  height: 40px;
  font-size: 15px;
  color: #000000;
  font-weight: bold;
  border: 1px solid #000;
}
body.route1-mypage .mypage_wrap .recipebox .slide-box {
  width: calc(100% - 400px);
  float: right;
}
body.route1-mypage .mypage_wrap .recipebox .slide-box .swiper-container {
  padding-bottom: 80px;
}
body.route1-mypage .mypage_wrap .recipebox .slide-box .swiper-slide {
  width: 280px;
}
body.route1-mypage .mypage_wrap .recipebox .slide-box .swiper-pagination-bullets {
  text-align: left;
  bottom: 30px;
  left: -18px;
}
@media (max-width: 991px) {
  body.route1-mypage .mo-table-type {
    border-top: 1px solid #222222;
  }
  body.route1-mypage .mo-table-type li {
    padding: 15px 10px;
    border-bottom: 1px solid #e4e4e4;
  }
  body.route1-mypage .mo-table-type div {
    overflow: hidden;
  }
  body.route1-mypage .mo-table-type div strong {
    float: left;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    color: #000000;
  }
  body.route1-mypage .mo-table-type div span {
    float: right;
    display: block;
    font-size: 13px;
    line-height: 30px;
    line-height: 30px;
    color: #666666;
  }
  body.route1-mypage .point_info .title {
    font-size: 24px;
    color: #010000;
    font-weight: bold;
    margin-bottom: 25px;
    position: relative;
    padding: 0 10px;
  }
  body.route1-mypage .point_info .title::before {
    content: "";
    position: absolute;
    top: -35px;
    left: 10px;
    width: 25px;
    height: 25px;
    background: #96c11f;
    border-radius: 50%;
  }
  body.route1-mypage .point_info .point_box {
    text-align: left;
    background: #f6f6f6;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    margin-bottom: 15px;
  }
  body.route1-mypage .point_info .point_box * {
    line-height: 60px;
    display: inline-block;
  }
  body.route1-mypage .point_info .point_box span {
    color: #010000;
    font-size: 13px;
    vertical-align: top;
  }
  body.route1-mypage .point_info .point_box em {
    color: #539a00;
    font-size: 24px;
    font-weight: bold;
    padding: 0 0 0 10px;
    font-style: normal;
    float: right;
  }
  body.route1-mypage .point_info .point_box em > i {
    font-size: 12px;
    color: #010000;
  }
  body.route1-mypage .point_info .point_box img {
    width: 15px;
    vertical-align: top;
    margin-top: 22px;
    margin-right: 0;
  }
  body.route1-mypage .tbl-wrap {
    padding: 0 20px;
  }
  body.route1-mypage .tbl-wrap .type-noodle {
    font-size: 12px;
    border-radius: 15px;
    padding: 0 10px;
    line-height: 18px;
    margin-top: 0;
  }
  body.route1-mypage .tbl-wrap .type-nongshim {
    font-size: 12px;
    border-radius: 15px;
    padding: 0 10px;
    line-height: 18px;
    margin-top: 0;
  }
  body.route1-mypage .tbl-wrap th, body.route1-mypage .tbl-wrap td {
    padding: 12px 7px 11px;
  }
  body.route1-mypage .mypage_wrap .my-stitle {
    margin: 40px 0 10px;
    padding: 0 10px;
    font-size: 18px;
  }
  body.route1-mypage .mypage_wrap ul.list li {
    border-bottom: 1px solid #e4e4e4;
  }
  body.route1-mypage .mypage_wrap ul.list li:first-child {
    border-top: 1px solid #000;
  }
  body.route1-mypage .mypage_wrap ul.list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 10px;
  }
  body.route1-mypage .mypage_wrap ul.list li strong {
    display: inline-block;
    font-size: 11px;
    color: #ca0202;
    font-weight: bold;
    line-height: 20px;
    border: 1px solid #ca0202;
    border-radius: 10px;
    padding: 0 10px;
  }
  body.route1-mypage .mypage_wrap ul.list li strong.type-noodle {
    border: 1px solid #fe8100;
    color: #fe8100;
  }
  body.route1-mypage .mypage_wrap ul.list li span {
    display: block;
    font-size: 13px;
    color: #000000;
    margin: 10px 0;
  }
  body.route1-mypage .mypage_wrap ul.list li em {
    font-size: 13px;
    color: #999999;
    font-style: normal;
  }
  body.route1-mypage .mypage_wrap ul.list-event li {
    border-bottom: 1px solid #e4e4e4;
    padding: 20px 10px;
  }
  body.route1-mypage .mypage_wrap ul.list-event li:first-child {
    border-top: 1px solid #000;
  }
  body.route1-mypage .mypage_wrap ul.list-event li strong {
    display: block;
    font-size: 12px;
    color: #888888;
    font-weight: bold;
  }
  body.route1-mypage .mypage_wrap ul.list-event li strong.ing {
    color: #539a00;
  }
  body.route1-mypage .mypage_wrap ul.list-event li span {
    display: block;
    font-size: 13px;
    color: #000000;
    margin: 10px 0;
  }
  body.route1-mypage .mypage_wrap ul.list-event li em {
    font-size: 13px;
    color: #999999;
    font-style: normal;
    display: block;
  }
  body.route1-mypage .mypage_wrap ul.list-event li a.btn {
    padding: 10px;
    border: 1px solid #999999;
    color: #999999;
    font-size: 12px;
    margin-bottom: 10px;
  }
  body.route1-mypage .mypage_wrap ul.list-write li {
    border-bottom: 1px solid #e4e4e4;
  }
  body.route1-mypage .mypage_wrap ul.list-write li:first-child {
    border-top: 1px solid #000;
  }
  body.route1-mypage .mypage_wrap ul.list-write li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 10px;
  }
  body.route1-mypage .mypage_wrap ul.list-write li a strong {
    display: inline-block;
    font-size: 11px;
    color: #ca0202;
    font-weight: bold;
    line-height: 20px;
    border: 1px solid #ca0202;
    border-radius: 10px;
    padding: 0 10px;
  }
  body.route1-mypage .mypage_wrap ul.list-write li a strong.type-noodle {
    border: 1px solid #fe8100;
    color: #fe8100;
  }
  body.route1-mypage .mypage_wrap ul.list-write li a span.title {
    display: block;
    font-size: 13px;
    color: #000000;
    margin: 10px 0;
  }
  body.route1-mypage .mypage_wrap ul.list-write li a span.title em {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    display: block;
  }
  body.route1-mypage .mypage_wrap ul.list-write li a span.util_box {
    overflow: hidden;
  }
  body.route1-mypage .mypage_wrap ul.list-write li a span.util_box .like-reply-function {
    font-size: 13px;
    color: #666;
  }
  body.route1-mypage .mypage_wrap ul.list-write li a span.util_box .info {
    float: right;
  }
  body.route1-mypage .mypage_wrap ul.list-write li a span.util_box .info em {
    margin-left: 20px;
    display: inline-block;
  }
  body.route1-mypage .mypage_wrap ul.list-write li a em {
    font-size: 13px;
    color: #999999;
    font-style: normal;
  }
  body.route1-mypage .mypage_wrap .more_btn {
    right: 20px;
  }
  body.route1-mypage .mypage_wrap .more_btn::after {
    content: "";
    font-family: icomoon;
    vertical-align: top;
    margin: 0 0 0 10px;
    color: #d83832;
  }
  body.route1-mypage .mypage_wrap .recipebox {
    padding: 30px 0 0 10px;
    background: #f6f6f6;
  }
  body.route1-mypage .mypage_wrap .recipebox .float-left {
    width: 100%;
    padding: 0 20px;
    position: relative;
  }
  body.route1-mypage .mypage_wrap .recipebox .float-left .img {
    position: absolute;
    top: 0;
    left: 20px;
  }
  body.route1-mypage .mypage_wrap .recipebox .float-left span {
    display: block;
    margin-top: 60px;
    font-size: 60px;
    color: #000000;
  }
  body.route1-mypage .mypage_wrap .recipebox .float-left span em {
    font-style: inherit;
    font-size: 22px;
  }
  body.route1-mypage .mypage_wrap .recipebox .float-left p {
    font-size: 16px;
    color: #333333;
    margin: 0;
  }
  body.route1-mypage .mypage_wrap .recipebox .float-left .btn {
    margin-top: 25px;
    padding: 0;
    line-height: 38px;
    width: 190px;
    height: 40px;
    font-size: 15px;
    color: #000000;
    font-weight: bold;
    border: 1px solid #000;
  }
  body.route1-mypage .mypage_wrap .recipebox .slide-box {
    width: 100%;
  }
  body.route1-mypage .mypage_wrap .recipebox .slide-box .swiper-container {
    padding: 30px 20px 60px;
  }
  body.route1-mypage .mypage_wrap .recipebox .slide-box .swiper-slide {
    width: 280px;
  }
  body.route1-mypage .mypage_wrap .recipebox .slide-box .swiper-pagination-bullets {
    text-align: center;
    bottom: 20px;
    left: 0px;
  }
}

body.route1-util.route1-util .privacy-wrap {
  margin-top: 100px;
  line-height: 1.7;
}
body.route1-util.route1-util .privacy-wrap .head-cont .article-title-dot {
  margin-botton: 10px !important;
}
body.route1-util.route1-util .privacy-wrap .head-cont .sub-desc {
  position: relative;
  display: flex;
  justify-content: space-between;
}
body.route1-util.route1-util .privacy-wrap .head-cont .sub-desc .select-form::after {
  content: "";
  font-family: icomoon;
  position: absolute;
  top: 6px;
  right: 10px;
  font-size: 9px;
}
body.route1-util.route1-util .privacy-wrap .head-cont .sub-desc select {
  border: 0 none;
  background: #fff;
  font-size: 18px;
  padding-right: 50px;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
-ms-expand :non body.route1-util.route1-util .privacy-wrap .head-cont .sub-desc select::-ms-expand {
  display: none;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item {
  border-bottom: 1px solid #e4e4e4;
  padding: 125px 20px 40px 20px;
  margin-top: -125px;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item em {
  font-style: normal;
  font-weight: 500;
  text-decoration: underline;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item > .tit {
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #010000;
  margin-top: 60px;
  margin-bottom: 10px;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .sub-tit {
  display: block;
  font-weight: 500;
  margin: 10px 0 10px 0;
  color: #333;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .sub-tit::before {
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  background: #96c11f;
  border-radius: 50%;
  margin-right: 10px;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .sub-tit-lg {
  font-size: 18px;
  color: #666;
  margin-top: 20px;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .txt-cont {
  color: #666;
  padding: 0 20px;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .txt-cont.p-margin > p {
  margin-top: 10px;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .txt-cont.hyphen p::before {
  content: "-";
  font-size: 10px;
  margin-right: 6px;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .txt-cont p {
  margin-bottom: 0;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .txt-cont dl {
  margin-bottom: 0;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .txt-cont dl dt, body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .txt-cont dl dd {
  display: inline-block;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .txt-cont dl dt {
  font-weight: normal;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .txt-cont dl dt::before {
  content: "⊙";
  font-size: 12px;
  margin-right: 6px;
  margin-left: 20px;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .list-box {
  display: flex;
  flex-flow: column wrap;
  width: 100%;
  margin-bottom: 60px;
  background: #f4f4f4;
  padding: 50px 45px;
  margin-top: 20px;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .list-box li {
  padding: 6px 0;
  font-weight: 600;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .list-box li.selected a > span {
  padding-bottom: 2px;
  border-bottom: 1px solid #ca0202;
}
@media (min-width: 992px) {
  body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .list-box {
    height: 295px;
  }
}
@media (max-width: 991px) {
  body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .tit {
    font-size: 20px;
  }
  body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .sub-tit-lg {
    font-size: 16px;
  }
  body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .list-box {
    flex-wrap: wrap;
    flex-flow: column;
  }
  body.route1-util.route1-util .privacy-wrap .body-cont .privacy-item .list-box li {
    flex: 1 1 100%;
  }
}
body.route1-util.route1-util .privacy-wrap .body-cont .table.table-nongshim td {
  text-align: left;
  padding-left: 2.8em;
}
@media (max-width: 991px) {
  body.route1-util.route1-util .privacy-wrap .body-cont .table.table-nongshim .table.table-nongshim td {
    padding-left: 0;
  }
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-counselling {
  margin-top: 30px;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-counselling > .row {
  justify-content: space-between;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-counselling .counselling-item {
  border: 1px solid #e4e4e4;
  margin-bottom: 30px;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-counselling .counselling-item .img {
  height: 80px;
  background-repeat: no-repeat;
  background-position: center;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-counselling .counselling-item .txt-box {
  border-top: 1px solid #e4e4e4;
  padding: 40px 0;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-counselling .counselling-item .txt-box > p {
  margin-bottom: 0;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-counselling .counselling-item .txt-box > p .tit {
  color: #333;
}
body.route1-util.route1-util .privacy-wrap .body-cont .privacy-counselling .counselling-item .txt-box > p .url {
  color: #666;
}
body.route1-util.route2-certificate_inquiry .certificate_inquiry {
  max-width: 920px;
  margin: 0 auto;
}
body.route1-util.route2-certificate_inquiry .certificate_inquiry .sso-title-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
body.route1-util.route2-certificate_inquiry .certificate_inquiry .sso-title-header .title-dot {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: #96c11f;
  border-radius: 50%;
  margin-bottom: 15px;
}
body.route1-util.route2-certificate_inquiry .certificate_inquiry .sso-title-header .title {
  font-weight: 500;
  color: #000;
}
@media (min-width: 992px) {
  body.route1-util.route2-certificate_inquiry .certificate_inquiry .sso-title-header {
    padding: 50px 0;
  }
  body.route1-util.route2-certificate_inquiry .certificate_inquiry .sso-title-header .title {
    font-size: 48px;
  }
}
@media (max-width: 991px) {
  body.route1-util.route2-certificate_inquiry .certificate_inquiry .sso-title-header {
    padding: 30px 0;
  }
  body.route1-util.route2-certificate_inquiry .certificate_inquiry .sso-title-header .title {
    font-size: 28px;
  }
}
body.route1-util.route2-certificate_inquiry .certificate_inquiry .sso-title-header-vertical {
  position: relative;
}
body.route1-util.route2-certificate_inquiry .certificate_inquiry .sso-title-header-vertical .title-dot {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: #96c11f;
  border-radius: 50%;
  margin-bottom: 15px;
}
body.route1-util.route2-certificate_inquiry .certificate_inquiry .sso-title-header-vertical .title {
  font-weight: 500;
  color: #000;
  margin-bottom: 20px;
  font-size: 36px;
}
@media (max-width: 991px) {
  body.route1-util.route2-certificate_inquiry .certificate_inquiry .sso-title-header-vertical {
    margin-bottom: 20px;
  }
  body.route1-util.route2-certificate_inquiry .certificate_inquiry .sso-title-header-vertical .title-dot {
    width: 16px;
    height: 16px;
    margin-bottom: 7px;
  }
  body.route1-util.route2-certificate_inquiry .certificate_inquiry .sso-title-header-vertical .title {
    font-size: 24px;
  }
}
body.route1-util.route2-certificate_inquiry .certificate_inquiry .article-gate-list {
  position: relative;
}
@media (min-width: 992px) {
  body.route1-util.route2-certificate_inquiry .certificate_inquiry .article-gate-list > .container, body.route1-util.route2-certificate_inquiry .certificate_inquiry .article-gate-list > .container-fluid {
    border-top: solid 1px #aaa;
  }
}
body.route1-util.route2-certificate_inquiry .certificate_inquiry .article-gate-list .article-header {
  text-align: center;
}
@media (min-width: 992px) {
  body.route1-util.route2-certificate_inquiry .certificate_inquiry .article-gate-list .article-header {
    padding: 70px 30px 10px;
  }
  body.route1-util.route2-certificate_inquiry .certificate_inquiry .article-gate-list .article-header .title {
    font-size: 26px;
    margin-bottom: 15px;
  }
  body.route1-util.route2-certificate_inquiry .certificate_inquiry .article-gate-list .article-header p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  body.route1-util.route2-certificate_inquiry .certificate_inquiry .article-gate-list .article-header {
    padding: 10px 0;
  }
  body.route1-util.route2-certificate_inquiry .certificate_inquiry .article-gate-list .article-header .title {
    font-size: 20px;
  }
  body.route1-util.route2-certificate_inquiry .certificate_inquiry .article-gate-list .article-header p {
    font-size: 14px;
  }
}
body.route1-util.route2-certificate_inquiry .certificate_inquiry .article-gate-form {
  position: relative;
}
body.route1-util.route2-certificate_inquiry .certificate_inquiry .article-gate-form .border-form {
  border-top: solid 1px #aaa;
  border-bottom: solid 1px #e4e4e4;
  padding: 60px 0 45px;
  margin-bottom: 60px;
}
body.route1-util.route2-certificate_inquiry .certificate_inquiry .document {
  background: #f4f4f4;
  padding: 60px;
  text-align: center;
}
body.route1-util.route2-certificate_inquiry .certificate_inquiry .document p {
  color: #333;
  margin-bottom: 0;
}
body.route1-util.route2-error .error {
  padding: 80px 0;
  text-align: center;
  margin-bottom: 40px;
}
body.route1-util.route2-error .error > strong {
  font-size: 200px;
  font-weight: 800;
  color: #539a00;
}
body.route1-util.route2-error .error .tit {
  font-size: 28px;
  color: #000;
  font-weight: 500;
}
body.route1-util.route2-error .error .desc {
  color: #333;
}
@media (max-width: 991px) {
  body.route1-util.route2-error .error-404 > strong {
    font-size: 100px;
  }
  body.route1-util.route2-error .error-404 .tit {
    font-size: 20px;
  }
}
body.route1-util.route2-error_404 .error {
  padding: 80px 0;
  text-align: center;
  margin-bottom: 40px;
}
body.route1-util.route2-error_404 .error > strong {
  font-size: 200px;
  font-weight: 800;
  color: #539a00;
}
body.route1-util.route2-error_404 .error .tit {
  font-size: 28px;
  color: #000;
  font-weight: 500;
}
body.route1-util.route2-error_404 .error .desc {
  color: #333;
}
@media (max-width: 991px) {
  body.route1-util.route2-error_404 .error-404 > strong {
    font-size: 100px;
  }
  body.route1-util.route2-error_404 .error-404 .tit {
    font-size: 20px;
  }
}
body.route1-util.route2-education_login .education_login {
  padding: 60px 0 150px 0;
}
@media (max-width: 991px) {
  body.route1-util.route2-education_login .education_login {
    padding: 30px 0 75px 0;
  }
}
body.route1-util.route2-education_login .education_login .sso-title-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
body.route1-util.route2-education_login .education_login .sso-title-header .title-dot {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: #96c11f;
  border-radius: 50%;
  margin-bottom: 15px;
}
body.route1-util.route2-education_login .education_login .sso-title-header .title {
  font-weight: 500;
  color: #000;
}
@media (min-width: 992px) {
  body.route1-util.route2-education_login .education_login .sso-title-header {
    padding: 50px 0;
  }
  body.route1-util.route2-education_login .education_login .sso-title-header .title {
    font-size: 48px;
  }
}
@media (max-width: 991px) {
  body.route1-util.route2-education_login .education_login .sso-title-header {
    padding: 30px 0;
  }
  body.route1-util.route2-education_login .education_login .sso-title-header .title {
    font-size: 28px;
  }
}
body.route1-util.route2-education_login .education_login .article-gate-list {
  position: relative;
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 992px) {
  body.route1-util.route2-education_login .education_login .article-gate-list > .container, body.route1-util.route2-education_login .education_login .article-gate-list > .container-fluid {
    border-top: solid 1px #aaa;
  }
}
body.route1-util.route2-education_login .education_login .article-gate-list .article-header {
  text-align: center;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  body.route1-util.route2-education_login .education_login .article-gate-list .article-header {
    padding: 70px 30px 10px;
  }
  body.route1-util.route2-education_login .education_login .article-gate-list .article-header .title {
    font-size: 26px;
    margin-bottom: 15px;
  }
  body.route1-util.route2-education_login .education_login .article-gate-list .article-header p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  body.route1-util.route2-education_login .education_login .article-gate-list .article-header {
    padding: 10px 0;
  }
  body.route1-util.route2-education_login .education_login .article-gate-list .article-header .title {
    font-size: 20px;
  }
  body.route1-util.route2-education_login .education_login .article-gate-list .article-header p {
    font-size: 14px;
  }
}
body.route1-util.route2-education_login .education_login .article-gate-list .login-form {
  position: relative;
  width: 480px;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
}
body.route1-util.route2-education_login .education_login .article-gate-list .remember-id {
  position: relative;
  text-align: left;
  margin-bottom: 25px;
}
body.route1-util.route2-education_login .education_login .article-gate-list .remember-id label {
  cursor: pointer;
}
body.route1-util.route2-education_login .education_login .article-gate-list .remember-id label input[type=checkbox] {
  visibility: hidden !important;
  display: none;
}
body.route1-util.route2-education_login .education_login .article-gate-list .remember-id label input[type=checkbox]:checked + i::before {
  content: "";
  color: #96c11f;
}
body.route1-util.route2-education_login .education_login .article-gate-list .remember-id label i {
  color: #e5e8ef;
  font-size: 22px;
  vertical-align: middle;
}
body.route1-util.route2-education_login .education_login .article-gate-list .remember-id label span {
  color: #666;
  font-weight: bold;
  vertical-align: middle;
}
body.route1-util.route2-education_login .education_login .article-gate-list .login-button {
  position: relative;
}
body.route1-util.route2-education_login .education_login .article-gate-list .account-util {
  position: relative;
  padding: 30px 0;
  margin-bottom: 30px;
}
body.route1-util.route2-education_login .education_login .article-gate-list .account-util p {
  line-height: 28px;
  color: #666;
}
@media (max-width: 991px) {
  body.route1-util.route2-education_login .education_login .article-gate-list .account-util a {
    font-size: 14px;
  }
}
body.route1-util.route2-education_login .education_login .article-gate-list .social-login {
  padding-top: 30px;
  border-top: 1px solid #e4e4e4;
}
body.route1-util.route2-education_login .education_login .article-gate-list .social-login strong {
  display: block;
  margin-bottom: 25px;
}
body.route1-util.route2-education_login .education_login .article-gate-list .social-login .social-login-btn {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  font-size: 28px;
  line-height: 70px;
  margin: 0 25px;
}
body.route1-util.route2-education_login .education_login .article-gate-list .social-login .social-login-btn.naver {
  background-color: #2db400;
  color: #FFF;
}
body.route1-util.route2-education_login .education_login .article-gate-list .social-login .social-login-btn.kakao {
  background-color: #ffdc00;
  color: #381e1f;
}
body.route1-util.route2-education_login .education_login .article-gate-list .social-login .social-login-btn.facebook {
  background-color: #2a6cd0;
  color: #FFF;
}
@media (max-width: 991px) {
  body.route1-util.route2-education_login .education_login .article-gate-list .social-login .social-login-btn {
    width: 50px;
    height: 50px;
    margin: 0 15px;
    font-size: 18px;
    line-height: 50px;
  }
}
body.route1-util.route2-email_reject .email_reject {
  padding: 60px 0 150px 0;
}
@media (max-width: 991px) {
  body.route1-util.route2-email_reject .email_reject {
    padding: 30px 0 75px 0;
  }
}
body.route1-util.route2-email_reject .email_reject .article-title-dot {
  padding-bottom: 50px;
  margin-bottom: 100px;
  border-bottom: solid 1px #aaa;
}
@media (max-width: 991px) {
  body.route1-util.route2-email_reject .email_reject .article-title-dot {
    padding-bottom: 25px;
    margin-bottom: 50px;
  }
}
body.route1-util.route2-email_reject .email_reject .body-cont .desc {
  line-height: 28px;
  color: #666;
}
body.route1-util.route2-potal .group-img-side {
  position: relative;
}
body.route1-util.route2-potal .group-img-side::after {
  display: block;
  clear: both;
  content: "";
}
body.route1-util.route2-potal .group-img-side > .container {
  width: 100%;
  height: 100%;
  padding: 0;
}
body.route1-util.route2-potal .group-img-side .item-img {
  background-size: cover;
  background-position: center;
}
@media (min-width: 992px) {
  body.route1-util.route2-potal .group-img-side {
    height: 546px;
  }
  body.route1-util.route2-potal .group-img-side .item-text {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 550px;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 80px 80px;
    margin-left: -80px;
    margin-left: 40px;
  }
  body.route1-util.route2-potal .group-img-side .item-text .tit {
    position: relative;
    display: inline-block;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 40px;
  }
  body.route1-util.route2-potal .group-img-side .item-text .tit::before {
    position: absolute;
    top: -12px;
    left: -26px;
    content: "";
    font-family: "icomoon";
    font-size: 11px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* For IE8 and earlier */
  }
  body.route1-util.route2-potal .group-img-side .item-text .tit::after {
    position: absolute;
    top: 32px;
    left: 230px;
    content: "";
    font-family: "icomoon";
    font-size: 11px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* For IE8 and earlier */
  }
  body.route1-util.route2-potal .group-img-side .item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 82%;
    height: 546px;
  }
}
@media (max-width: 991px) {
  body.route1-util.route2-potal .group-img-side .item-text {
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 30px;
  }
  body.route1-util.route2-potal .group-img-side .item-text strong {
    position: relative;
    display: inline-block;
    padding-right: 30px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  body.route1-util.route2-potal .group-img-side .item-text strong::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    display: block;
    width: 400px;
    height: 1px;
    background-color: #539a00;
  }
  body.route1-util.route2-potal .group-img-side .item-text strong span {
    color: #999;
  }
  body.route1-util.route2-potal .group-img-side .item-text p {
    font-size: 14px;
    margin-bottom: 0;
  }
  body.route1-util.route2-potal .group-img-side .item-img {
    height: 273px;
  }
}
@media (min-width: 992px) {
  body.route1-util.route2-potal .group-img-side.full-img-side-reverse .item-text {
    margin: 0 0 0 auto;
  }
  body.route1-util.route2-potal .group-img-side.full-img-side-reverse .item-img {
    right: auto;
    left: 0;
  }
}
body.route1-util.route2-potal .e-contract-link {
  position: relative;
  border-top: 1px solid #000;
  border-bottom: 1px solid #e4e4e4;
  padding: 70px 40px;
}
body.route1-util.route2-potal .e-contract-link .b-right {
  border-right: 1px solid #e4e4e4;
}
body.route1-util.route2-potal .e-contract-link p {
  color: #666;
}
body.route1-util.route2-potal .e-contract-link i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 130px;
  height: 130px;
  line-height: 130px;
  text-align: center;
  font-size: 64px;
  color: #b49b93;
  border: 1px solid #e8e8e8;
  border-radius: 50%;
}
body.route1-util.route2-potal .e-contract-link i img {
  margin-bottom: 16px;
}
body.route1-util.route2-potal .e-contract-link .tit {
  font-weight: bold;
  font-size: 28px;
  margin-top: 20px;
  color: #000;
}
body.route1-util.route2-potal .e-contract-link .btn {
  margin-top: 20px;
}
@media (max-width: 991px) {
  body.route1-util.route2-potal .e-contract-link {
    padding: 50px 10px;
    margin-bottom: 30px;
  }
  body.route1-util.route2-potal .e-contract-link .b-right {
    border: 0 none;
    margin-bottom: 30px;
  }
  body.route1-util.route2-potal .e-contract-link i {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 50px;
    margin-left: 0;
  }
  body.route1-util.route2-potal .e-contract-link i img {
    width: 58px;
    margin-bottom: 16px;
  }
}
body.route1-util.route2-potal .e-login {
  padding: 80px 70px 100px 70px;
}
body.route1-util.route2-potal .e-login i {
  display: block;
  width: 130px;
  height: 130px;
  line-height: 130px;
  margin: 0 auto;
  text-align: center;
  font-size: 64px;
  color: #b49b93;
  border: 1px solid #e8e8e8;
  border-radius: 50%;
}
body.route1-util.route2-potal .e-login i img {
  margin-bottom: 17px;
}
body.route1-util.route2-potal .e-login .tit {
  font-size: 36px;
  margin-top: 20px;
  font-weight: bold;
}
body.route1-util.route2-potal .e-login a {
  display: block;
  text-align: center;
  margin-top: 20px;
}
body.route1-util.route2-potal .e-login a button {
  width: 100px;
}
@media (max-width: 991px) {
  body.route1-util.route2-potal .e-login {
    padding: 30px 20px 40px 20px;
  }
  body.route1-util.route2-potal .e-login i {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 50px;
    margin-top: 20px;
  }
  body.route1-util.route2-potal .e-login i img {
    width: 58px;
    margin-bottom: 16px;
  }
}
body.route1-util.route2-potal .call-cenater {
  position: relative;
  background: #f4f4f4;
  padding: 35px 50px;
}
body.route1-util.route2-potal .call-cenater i {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 28px;
  text-align: center;
  color: #96c11f;
  background: #fff;
  border-radius: 50%;
  vertical-align: middle;
}
body.route1-util.route2-potal .call-cenater strong {
  display: inline-block;
  font-size: 28px;
  font-weight: 500;
  margin: 0 20px;
  vertical-align: middle;
}
body.route1-util.route2-potal .call-cenater p {
  display: inline-block;
  color: #444;
  font-size: 20px;
  margin-bottom: 0;
  vertical-align: middle;
}
body.route1-util.route2-potal .call-cenater p.number {
  float: right;
  font-size: 36px;
  color: #000;
}
@media (max-width: 991px) {
  body.route1-util.route2-potal .call-cenater {
    padding: 18px 25px;
  }
  body.route1-util.route2-potal .call-cenater i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }
  body.route1-util.route2-potal .call-cenater strong {
    font-size: 20px;
    margin: 0 10px;
  }
  body.route1-util.route2-potal .call-cenater p {
    font-size: 13px;
  }
  body.route1-util.route2-potal .call-cenater p.number {
    float: left;
    font-size: 26px;
  }
}
body.route1-util.route2-potal .call-cenater::after {
  display: block;
  content: "";
  clear: both;
}
body.route1-util.route2-e-progress .e-sub-tit {
  display: block;
  font-size: 28px;
  color: #539a00;
  font-weight: 500;
  margin-bottom: 30px;
}
body.route1-util.route2-e-progress .e-sub-tit + .desc {
  font-size: 20px;
}
body.route1-util.route2-e-progress hr {
  margin: 40px 0 100px 0;
}
@media (max-width: 991px) {
  body.route1-util.route2-e-progress .e-sub-tit {
    font-size: 16px;
    margin-bottom: 15px;
  }
  body.route1-util.route2-e-progress .e-sub-tit + .desc {
    font-size: 14px;
  }
  body.route1-util.route2-e-progress hr {
    margin: 20px 0 50px 0;
  }
}
body.route1-util.route2-e-progress .group-img-side-type01 {
  position: relative;
}
body.route1-util.route2-e-progress .group-img-side-type01::after {
  display: block;
  clear: both;
  content: "";
}
body.route1-util.route2-e-progress .group-img-side-type01 > .container {
  width: 100%;
  height: 100%;
  padding: 0;
}
body.route1-util.route2-e-progress .group-img-side-type01 .item-img {
  background-size: cover;
  background-position: center;
}
@media (min-width: 992px) {
  body.route1-util.route2-e-progress .group-img-side-type01 {
    height: 570px;
  }
  body.route1-util.route2-e-progress .group-img-side-type01 .item-text {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 754px;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 40px 80px;
    margin-left: -40px;
    margin-left: 40px;
  }
  body.route1-util.route2-e-progress .group-img-side-type01 .item-text .tit {
    position: relative;
    display: inline-block;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 40px;
  }
  body.route1-util.route2-e-progress .group-img-side-type01 .item-text .tit::before {
    position: absolute;
    top: -12px;
    margin-left: -18px;
    content: "";
    font-family: "icomoon";
    font-size: 11px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* For IE8 and earlier */
  }
  body.route1-util.route2-e-progress .group-img-side-type01 .item-text .tit::after {
    position: absolute;
    bottom: 10px;
    margin-left: 5px;
    content: "";
    font-family: "icomoon";
    font-size: 11px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* For IE8 and earlier */
  }
  body.route1-util.route2-e-progress .group-img-side-type01 .item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 82%;
    height: 570px;
  }
}
@media (max-width: 991px) {
  body.route1-util.route2-e-progress .group-img-side-type01 .item-text {
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 20px 30px;
  }
  body.route1-util.route2-e-progress .group-img-side-type01 .item-text .tit {
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 40px;
    padding: 20px;
  }
  body.route1-util.route2-e-progress .group-img-side-type01 .item-text strong {
    position: relative;
    display: inline-block;
    padding-right: 30px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  body.route1-util.route2-e-progress .group-img-side-type01 .item-text strong::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    display: block;
    width: 400px;
    height: 1px;
    background-color: #539a00;
  }
  body.route1-util.route2-e-progress .group-img-side-type01 .item-text strong span {
    color: #999;
  }
  body.route1-util.route2-e-progress .group-img-side-type01 .item-text p {
    margin-bottom: 0;
  }
  body.route1-util.route2-e-progress .group-img-side-type01 .item-img {
    height: 285px;
  }
}
body.route1-util.route2-e-progress .group-img-side-type02 {
  position: relative;
}
body.route1-util.route2-e-progress .group-img-side-type02::after {
  display: block;
  clear: both;
  content: "";
}
body.route1-util.route2-e-progress .group-img-side-type02 > .container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
}
body.route1-util.route2-e-progress .group-img-side-type02 .item-img {
  background-size: cover;
  background-position: center;
}
@media (min-width: 992px) {
  body.route1-util.route2-e-progress .group-img-side-type02 {
    height: 560px;
  }
  body.route1-util.route2-e-progress .group-img-side-type02 .item-text {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 660px;
    z-index: 1;
    margin-left: 25%;
  }
  body.route1-util.route2-e-progress .group-img-side-type02 .item-text .tit-wrap {
    position: relative;
  }
  body.route1-util.route2-e-progress .group-img-side-type02 .item-text .tit-wrap .tit {
    color: #fff;
    font-size: 28px;
  }
  body.route1-util.route2-e-progress .group-img-side-type02 .item-text .tit-wrap .tit::before {
    position: absolute;
    top: 0px;
    left: -20px;
    content: "";
    font-family: "icomoon";
    font-size: 11px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* For IE8 and earlier */
  }
  body.route1-util.route2-e-progress .group-img-side-type02 .item-text .tit-wrap .tit::after {
    position: absolute;
    top: 0px;
    left: 443px;
    content: "";
    font-family: "icomoon";
    font-size: 11px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* For IE8 and earlier */
  }
  body.route1-util.route2-e-progress .group-img-side-type02 .item-text .tit-wrap .tit span {
    font-size: 22px;
  }
  body.route1-util.route2-e-progress .group-img-side-type02 .item-text .tit-wrap::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    display: block;
    width: 50%;
    height: 2px;
    background-color: #92d04d;
    margin-right: 85px;
  }
  body.route1-util.route2-e-progress .group-img-side-type02 .item-text .cont {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
  }
  body.route1-util.route2-e-progress .group-img-side-type02 .item-text .cont em {
    display: block;
    font-style: normal;
    margin-top: 70px;
    font-size: 16px;
  }
  body.route1-util.route2-e-progress .group-img-side-type02 .item-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 84%;
    height: 560px;
  }
}
@media (max-width: 991px) {
  body.route1-util.route2-e-progress .group-img-side-type02 .item-text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 30px;
    color: #fff;
  }
  body.route1-util.route2-e-progress .group-img-side-type02 .item-text strong {
    position: relative;
    display: inline-block;
    padding-right: 30px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  body.route1-util.route2-e-progress .group-img-side-type02 .item-text strong::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    display: block;
    width: 400px;
    height: 1px;
    background-color: #539a00;
  }
  body.route1-util.route2-e-progress .group-img-side-type02 .item-text strong span {
    color: #999;
  }
  body.route1-util.route2-e-progress .group-img-side-type02 .item-text p {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 300;
  }
  body.route1-util.route2-e-progress .group-img-side-type02 .item-text p em {
    display: block;
    font-style: normal;
    margin-top: 30px;
    font-size: 14px;
  }
  body.route1-util.route2-e-progress .group-img-side-type02 .item-img {
    height: 450px;
  }
}
body.route1-util.route2-e-progress .group-img-side-type03 {
  position: relative;
}
body.route1-util.route2-e-progress .group-img-side-type03::after {
  display: block;
  clear: both;
  content: "";
}
body.route1-util.route2-e-progress .group-img-side-type03 > .container {
  width: 100%;
  height: 100%;
  padding: 0;
}
body.route1-util.route2-e-progress .group-img-side-type03 .item-img {
  background-size: cover;
  background-position: center;
}
@media (min-width: 992px) {
  body.route1-util.route2-e-progress .group-img-side-type03 {
    height: 560px;
  }
  body.route1-util.route2-e-progress .group-img-side-type03 .item-text {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 745px;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 40px 80px;
    margin-left: -40px;
    margin-left: 40px;
  }
  body.route1-util.route2-e-progress .group-img-side-type03 .item-text .dco-line {
    border-right: 1px solid #e4e4e4;
  }
  body.route1-util.route2-e-progress .group-img-side-type03 .item-text .col-6:last-child {
    padding-left: 50px;
  }
  body.route1-util.route2-e-progress .group-img-side-type03 .item-text .col-6 .logo img {
    height: 50px;
  }
  body.route1-util.route2-e-progress .group-img-side-type03 .item-text p {
    font-size: 20px;
  }
  body.route1-util.route2-e-progress .group-img-side-type03 .item-text p em {
    display: block;
    font-style: normal;
    font-weight: bold;
  }
  body.route1-util.route2-e-progress .group-img-side-type03 .item-text .btn {
    font-size: 15px;
    color: #999;
    font-weight: bold;
    border-color: #b7b7b7;
  }
  body.route1-util.route2-e-progress .group-img-side-type03 .item-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 785px;
    height: 560px;
  }
}
@media (max-width: 991px) {
  body.route1-util.route2-e-progress .group-img-side-type03 .item-text {
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 30px;
  }
  body.route1-util.route2-e-progress .group-img-side-type03 .item-text .logo img {
    height: 30px;
  }
  body.route1-util.route2-e-progress .group-img-side-type03 .item-text p {
    font-size: 14px;
    margin-bottom: 0;
  }
  body.route1-util.route2-e-progress .group-img-side-type03 .item-text p em {
    display: block;
    font-style: normal;
    font-weight: bold;
    margin: 5px 0;
  }
  body.route1-util.route2-e-progress .group-img-side-type03 .item-img {
    height: 280px;
  }
}
body.route1-util.route2-e-progress .payment-system {
  margin-top: 100px;
}
body.route1-util.route2-e-progress .payment-system .tit {
  position: relative;
  font-size: 22px;
  padding-left: 75px;
  font-weight: 500;
}
body.route1-util.route2-e-progress .payment-system .tit em {
  font-style: normal;
  font-size: 18px;
  color: #da4343;
}
body.route1-util.route2-e-progress .payment-system .tit.num01::before {
  content: "1";
  display: inline-block;
  position: absolute;
  top: -8px;
  left: 0;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background: #444;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}
body.route1-util.route2-e-progress .payment-system .tit.num02::before {
  content: "2";
  display: inline-block;
  position: absolute;
  top: -8px;
  left: 0;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background: #444;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}
body.route1-util.route2-e-progress .payment-system .tit.num01 .cont {
  height: 214px;
  border: 1px solid #e5e5e5;
}
body.route1-util.route2-e-progress .payment-system .cont {
  padding-left: 75px;
}
body.route1-util.route2-e-progress .payment-system .cont p {
  position: relative;
  font-size: 18px;
}
body.route1-util.route2-e-progress .payment-system .cont p:before {
  content: ".";
  display: inline-block;
  position: absolute;
  top: -5px;
  left: -10px;
  color: #333;
}
body.route1-util.route2-e-progress .payment-system .desc {
  margin-top: 40px;
  color: #888;
}
@media (max-width: 991px) {
  body.route1-util.route2-e-progress .payment-system {
    margin-top: 50px;
  }
  body.route1-util.route2-e-progress .payment-system .tit {
    font-size: 20px;
    padding-left: 0;
  }
  body.route1-util.route2-e-progress .payment-system .tit em {
    font-size: 18px;
  }
  body.route1-util.route2-e-progress .payment-system .tit.num01 {
    margin-top: 50px;
  }
  body.route1-util.route2-e-progress .payment-system .tit.num01::before {
    top: -40px;
    left: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  body.route1-util.route2-e-progress .payment-system .tit.num02 {
    margin-top: 80px;
  }
  body.route1-util.route2-e-progress .payment-system .tit.num02::before {
    top: -40px;
    left: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  body.route1-util.route2-e-progress .payment-system .tit.num01 .cont {
    border: 0;
  }
  body.route1-util.route2-e-progress .payment-system .cont {
    padding-left: 0;
  }
  body.route1-util.route2-e-progress .payment-system .cont p {
    font-size: 18px;
  }
}
body.route1-util.route2-e-progress .legal-obligations {
  margin-top: 100px;
}
body.route1-util.route2-e-progress .legal-obligations .cont {
  font-size: 20px;
}
body.route1-util.route2-e-progress .legal-obligations .cont em {
  font-size: 22px;
  font-weight: 500;
  font-style: normal;
}
@media (max-width: 991px) {
  body.route1-util.route2-e-progress .legal-obligations {
    margin-top: 50px;
  }
  body.route1-util.route2-e-progress .legal-obligations .cont {
    font-size: 16px;
  }
  body.route1-util.route2-e-progress .legal-obligations .cont em {
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
  }
}
body.route1-util.route2-e-progress .c-reg .col-12 .legal-img {
  height: 300px;
  background-size: cover;
  background-position: center;
  margin-bottom: 50px;
  text-align: center;
}
body.route1-util.route2-e-progress .c-reg .col-12 .legal-img i {
  display: block;
  color: #fff;
  font-size: 100px;
  padding-top: 80px;
}
body.route1-util.route2-e-progress .c-reg .col-12 .legal-img p {
  font-size: 22px;
  color: #fff;
  margin-top: 20px;
}
body.route1-util.route2-e-progress .c-reg .title {
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 991px) {
  body.route1-util.route2-e-progress .c-reg .legal-img {
    margin-bottom: 25px;
  }
  body.route1-util.route2-e-progress .c-reg .title {
    font-size: 14px;
  }
}
body.route1-util.route2-e-progress .c-question dl {
  display: table;
  width: 100%;
}
body.route1-util.route2-e-progress .c-question dl dt, body.route1-util.route2-e-progress .c-question dl dd {
  display: table-cell;
  padding-top: 45px;
  border-top: 1px solid #000;
}
body.route1-util.route2-e-progress .c-question dl dt {
  font-size: 20px;
  font-weight: bold;
  margin-right: 20%;
}
body.route1-util.route2-e-progress .c-question dl dd {
  font-size: 18px;
}
body.route1-util.route2-e-progress .c-question dl dd em {
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
}
@media (max-width: 991px) {
  body.route1-util.route2-e-progress .c-question dl dt, body.route1-util.route2-e-progress .c-question dl dd {
    display: table-row-group;
  }
  body.route1-util.route2-e-progress .c-question dl dt {
    font-size: 16px;
    display: block;
    border: solid #000;
    border-width: 0 0 1px 0;
    padding-bottom: 5px;
    padding-top: 0;
    margin-bottom: 5px;
  }
  body.route1-util.route2-e-progress .c-question dl dd {
    font-size: 14px;
  }
  body.route1-util.route2-e-progress .c-question dl dd em {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  body.route1-util.route2-e-progress .diagram {
    position: relative;
  }
  body.route1-util.route2-e-progress .diagram b.zoom {
    top: 0;
    right: 0;
  }
  body.route1-util.route2-e-progress b.zoom {
    overflow: hidden;
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
  }
  body.route1-util.route2-e-progress b.zoom span.icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    background-image: url(../../resources2/images/common/image-zoom.svg);
    background-size: cover;
    background-position: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
body.route1-util.route2-pw_change .pw_change {
  max-width: 920px;
  margin: 0 auto;
}
body.route1-util.route2-pw_change .pw_change .sso-title-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
body.route1-util.route2-pw_change .pw_change .sso-title-header .title-dot {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: #96c11f;
  border-radius: 50%;
  margin-bottom: 15px;
}
body.route1-util.route2-pw_change .pw_change .sso-title-header .title {
  font-weight: 500;
  color: #000;
}
@media (min-width: 992px) {
  body.route1-util.route2-pw_change .pw_change .sso-title-header {
    padding: 50px 0;
  }
  body.route1-util.route2-pw_change .pw_change .sso-title-header .title {
    font-size: 48px;
  }
}
@media (max-width: 991px) {
  body.route1-util.route2-pw_change .pw_change .sso-title-header {
    padding: 30px 0;
  }
  body.route1-util.route2-pw_change .pw_change .sso-title-header .title {
    font-size: 28px;
  }
}
body.route1-util.route2-pw_change .pw_change .sso-title-header-vertical {
  position: relative;
}
body.route1-util.route2-pw_change .pw_change .sso-title-header-vertical .title-dot {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: #96c11f;
  border-radius: 50%;
  margin-bottom: 15px;
}
body.route1-util.route2-pw_change .pw_change .sso-title-header-vertical .title {
  font-weight: 500;
  color: #000;
  margin-bottom: 20px;
  font-size: 36px;
}
@media (max-width: 991px) {
  body.route1-util.route2-pw_change .pw_change .sso-title-header-vertical {
    margin-bottom: 20px;
  }
  body.route1-util.route2-pw_change .pw_change .sso-title-header-vertical .title-dot {
    width: 16px;
    height: 16px;
    margin-bottom: 7px;
  }
  body.route1-util.route2-pw_change .pw_change .sso-title-header-vertical .title {
    font-size: 24px;
  }
}
body.route1-util.route2-pw_change .pw_change .article-gate-list {
  position: relative;
}
@media (min-width: 992px) {
  body.route1-util.route2-pw_change .pw_change .article-gate-list > .container, body.route1-util.route2-pw_change .pw_change .article-gate-list > .container-fluid {
    border-top: solid 1px #aaa;
  }
}
body.route1-util.route2-pw_change .pw_change .article-gate-list .article-header {
  text-align: center;
}
@media (min-width: 992px) {
  body.route1-util.route2-pw_change .pw_change .article-gate-list .article-header {
    padding: 70px 30px 10px;
  }
  body.route1-util.route2-pw_change .pw_change .article-gate-list .article-header .title {
    font-size: 26px;
    margin-bottom: 15px;
  }
  body.route1-util.route2-pw_change .pw_change .article-gate-list .article-header p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  body.route1-util.route2-pw_change .pw_change .article-gate-list .article-header {
    padding: 10px 0;
  }
  body.route1-util.route2-pw_change .pw_change .article-gate-list .article-header .title {
    font-size: 20px;
  }
  body.route1-util.route2-pw_change .pw_change .article-gate-list .article-header p {
    font-size: 14px;
  }
}
body.route1-util.route2-pw_change .pw_change .article-gate-form {
  position: relative;
}
body.route1-util.route2-pw_change .pw_change .article-gate-form .border-form {
  border-top: solid 1px #aaa;
  border-bottom: solid 1px #e4e4e4;
  padding: 60px 0 45px;
  margin-bottom: 60px;
}
body.route1-util.route1-util .util-box {
  background: #f4f4f4;
  padding: 80px 0;
}
@media (max-width: 991px) {
  body.route1-util.route1-util .util-box {
    padding: 40px 0;
  }
  body.route1-util.route1-util .util-box .logo-item {
    text-align: center;
  }
  body.route1-util.route1-util .util-box .btn {
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
  }
}

body.popup-layout.popup-nonmember-input .modal-content {
  border: solid #96c11f;
  border-width: 8px 0 4px;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-header {
  position: relative;
  text-align: center;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  padding: 0;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-header .article-board-header {
  position: relative;
  width: 100%;
  height: 440px;
  background-size: cover;
  background-position: center;
  text-align: center;
  padding-top: 120px;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-header .article-board-header .article-title-dot {
  margin: auto;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-header .article-board-header .article-title-dot > p {
  font-size: 24px;
  color: #fff;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-header .article-board-header .article-title-dot .title {
  font-size: 64px;
  color: #fff;
  padding-top: 30px;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-header .article-board-header .article-title-dot .title:before {
  left: calc(50% - (6px));
  width: 12px;
  height: 12px;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-header .modal-title {
  width: 100%;
  font-weight: bold;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-header .close {
  position: absolute;
  top: 15px;
  right: 25px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #f4f4f4;
  opacity: 1;
  z-index: 10;
  margin: 0;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-body .participation-content {
  padding: 50px 0 70px 0;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-body .participation-content .tit {
  font-size: 24px;
  color: #539a00;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-body .participation-content .desc {
  font-size: 18px;
  color: #666;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-body .participation-content .participation-item {
  margin-top: 50px;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-body .participation-content .participation-item .col-12 {
  text-align: center;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-body .participation-content .participation-item .col-12 img {
  width: 123px;
  height: 123px;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-body .participation-content .participation-item .col-12 a {
  display: block;
  width: 220px;
  margin: 40px auto 0 auto;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-body .participation-content .participation-item .col-12 a button {
  line-height: 38px;
}
@media (max-width: 991px) {
  body.popup-layout.popup-nonmember-input .modal-content .modal-body .participation-content .participation-item .col-12 {
    margin-bottom: 40px;
  }
}
body.popup-layout.popup-nonmember-input .modal-content .modal-body .nonmember-input-content .notice {
  color: #444;
  padding-top: 20px;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-body .nonmember-input-content .notice > div i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}
body.popup-layout.popup-nonmember-input .modal-content .modal-body .nonmember-input-content .notice > div i::before {
  color: #ccc;
  font-size: 1px;
  vertical-align: middle;
}
@media (min-width: 992px) {
  body.popup-layout.popup-nonmember-input .modal-content .modal-body .nonmember-input-content .notice > div {
    width: 479px;
    margin: 0 auto;
  }
  body.popup-layout.popup-nonmember-input .modal-content .modal-body .nonmember-input-content .notice > div p {
    margin-bottom: 10px;
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  body.popup-layout.popup-nonmember-input .modal-content .modal-body .nonmember-input-content .notice > div {
    width: 100%;
    text-align: center;
  }
  body.popup-layout.popup-nonmember-input .modal-content .modal-body .nonmember-input-content .notice > div p {
    margin-bottom: 10px;
    font-size: 14px;
  }
  body.popup-layout.popup-nonmember-input .modal-content .modal-body .nonmember-input-content .notice > div i {
    display: none;
  }
}
body.popup-layout.popup-nonmember-input .modal-content .modal-body .nonmember-input-content .form-container .form-item .terms-area {
  overflow-y: hidden;
  height: auto;
}

.header-over #category-gnb{background:#fff !important}
.header-over #nav a{color:#000 !important}

html .header-over .util a *{color:#000 !important}
html body.route1-main.header-over #logo a .logo-title{fill:#000 !important}
html .route1-main.header-over .img-default{display:none !important}
html .route1-main.header-over .img-hover{display:inline-block !important}

.acc_hide{display:inline-block; width:0; height:0;margin:0; padding:0; border:0; line-height:0; letter-spacing:0; overflow:hidden;}









body.route1-main header#header-block #header #category-gnb .center-container #nav .nav-item > a { color:black; !important}
body.route1-main header#header-block #header #category-gnb .right-container .util > ul > li > div > a i { color:black; }
body.route1-main header#header-block #header #category-gnb .right-container .util > ul > li > div > a span { color:black; }
body.gnb-sub-open header#header-block #header #category-gnb{ height:auto}

header#header-block #header #category-gnb .left-container .logo a { padding: 0 20px 19px; }
header#header-block #header #category-gnb .right-container .util > ul > li {}
header#header-block #header #category-gnb .right-container .util .util-login .util-sub-menu {}
header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu { }
header#header-block #header #category-gnb .center-container {overflow: inherit;}
header#header-block #header #category-gnb .center-container #nav { }

header#header-block #header #category-gnb .center-container #nav > ul > li { vertical-align: middle;  }
header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub { background: white; }
header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item { margin-bottom:10px; }
header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item > a {     box-sizing: border-box; }
header#header-block #header #category-gnb .center-container #nav > ul > li:last-child .nav-item > a > span::before { border-top: none;}
header#header-block #header #category-gnb:hover .center-container #nav .nav-item > a.active > span {  border-bottom: solid 1px #d83832;  }
header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item > a.active > span { border-bottom: solid 1px #d83832; }
header#header-block #header #category-gnb .center-container #nav .nav-item > a> span.active {  border-bottom: solid 1px #d83832; }
header#header-block #header #category-gnb .center-container #nav .nav-item > a > span::before { bottom:-2px; }
header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item > a > span:hover { border-bottom:1px solid #d83832; }
header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub .sub-item > a > span.lock { border-bottom:1px solid #d83832 }
header#header-block #header #category-gnb .center-container #nav .nav-item > a > span.lock { border-bottom:2px solid #d83832 }
header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub { z-index:999; height:auto;padding-bottom:50px; }

footer#footer-block .family-site > a.family-link { box-sizing: border-box; }
.util-site-map-box .map-con .site-menu-wrap.site-menu-brand .side-b ul.ul-2 > li { width:49%; }
.top-container, .bottom-container { font-family: "Red Hat Display", "Noto Sans KR", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"  }
.page-navigation { display:none; }
.page-navigation .page-nav > a.home { background:url('../../images/base/arrow_left.gif') center center no-repeat }






/*공통*/
#floatLink { display:none; }
#header { background:none !important; border-bottom:none !important; clear: inherit !important; }
#header>div { width: auto; }
/*메인*/
.visual-layout { margin-top:45px; }
.visual-box .scroll { margin-top: 22px; }
.visual-comment h2 { padding-top:88px !important }
.visual-comment .input-box .input { box-sizing: content-box; }
.visual-list .list-box li.on a, .visual-list .list-box li a:hover { box-sizing: content-box; }
.visual-comment .btn-up { margin-top:65px; }
.visual-image .btn-down { bottom:22px !important; }
.visual-image .comment-small { bottom:61px !important; }
.visual-comment .list li .txt-box .txt { display: block;width:100%; overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: nowrap; }
#skipNavi a:focus, #skipNavi a:hover { box-sizing: content-box; }


/*서브*/
#contentWrap { margin-top:124px !important }
/*#topContent > h1 { display:block !important }*/
.caption textarea { box-sizing: content-box;}
.tvcfList ul li a span { line-height:14px; }
.galType02 li { box-sizing: content-box; }
.tvcfBtn a:nth-child(2) { margin: -2px 0 0 5px;}
.tabs .contlist p { padding-top:50px !important; }
.more_view { padding: 0 0 40px !important; }
.tabs .contlist ul { padding-bottom:30px; }
.galType01 li { box-sizing: content-box;  }
.notice ul {  box-sizing: content-box;}
.transform_left {transform: translate3d(0px, 0px, 0px) !important ;transition-duration:0s !important}



/*서브비주얼 광고*/
.bannerSlider_01 li { height:210px; }
.bannerSlider_01 li a { position:relative; display:block; text-align:center}
.bannerSlider_01 li a img { position:absolute; left:1px; bottom:-209px;width:208px; height:208px; }
.bannerSlider_01 li.bx-clone a img { display:none; }
.bannerSlider_01 li a:focus img { outline:1px dotted; }


.event-box_01 { overflow:hidden; position:relative;}
.event-box_01 .event-slider_01 { overflow:hidden; width:100%; text-align:center}
.event-box_01 .event-slider_01 ul { position:relative; }
.event-box_01 .event-slider_01 li { float:left; position:relative;}
.event-box_01 .event-slider_01 li img { width:210px;}
.event-box_01 .btn_01 { position: relative; margin-top: -24px;}
.event-box_01 .btn_01 * { display:inline-block;}
.event-box_01 .btn_01 ul { *float:left; height:11px; *margin-left:20px; line-height:100%;}
.event-box_01 .btn_01 ul li { float:left; height:11px; margin:0px 3px;}
.event-box_01 .btn_01 li a { overflow:hidden; display:inline-block !important; width:10px; height:10px; text-indent:-9999px; background:url('../../images/common/bannerPager.png') no-repeat;}
.event-box_01 .btn_01 li.on a {width:16px;background: url('../../images/common/bannerPagerOn.png') no-repeat;}
.event-box_01 .btn_01 > a { overflow:hidden; *float:left; width:16px; height:22px; text-indent:-9999px;}
.event-box_01 .btn_01 > .btn-stop_01 { background:url('../../images/main/btnStop.png') 0 1px no-repeat;}
.event-box_01 .btn_01 > .btn-play_01 { background:url('../../images/main/btnPlay.png') 0 1px no-repeat; }




@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 991px) {
html.open-login header#header-block #header #category-gnb .right-container .util .util-login .util-sub-menu .util-sub-menu-wrap > ul, html.open-lang header#header-block #header #category-gnb .right-container .util .util-languages .util-sub-menu .util-sub-menu-wrap > ul { overflow:visible; }
body.route1-main header#header-block #header #category-gnb .left-container a.btn-menu-open svg#menu-svg path.menu-line { fill: #000 !important; }
header#header-block #header #category-gnb .center-container #nav .nav-item .nav-item-sub { background:none; padding-bottom:0; position: inherit; top: inherit; }
header#header-block #header #category-gnb .left-container .logo a img { display: inline-block;width: 137px; vertical-align: top; margin-top:10px; margin-left:19px;} 
header#header-block #header #category-gnb .right-container .util .util-login .util-sub-menu { right:0; left:50%; width:104px; }
header#header-block #header #category-gnb .right-container .util > ul > li .util-sub-menu { right:0; left:50%; width:55px; }

.visual-box .scroll { margin-top:0; }
#contentWrap { margin-top:51px !important }

.page-navigation { display:block; } 
}
@media screen and (max-width: 960px) {
.top { margin-top:131px !important; }
}

@media screen and (max-width: 767px) {
#header { border-top:0 }
}

@media screen and (max-width: 640px) {
.visual-layout { height:480px !important }
.visual-comment h2 { padding-top:10px !important; }
.visual-box .scroll { margin-top:50px; }
.visual-image .comment-small { bottom: 12px !important; }

}