@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/ungveloper/web-fonts/SCoreDream/font-face.css");

:root {
  --primary-color: #30569e;
  --secondary-color: #0e3071;
  --accent-color: #4a6bff;
  --text-color: #333333;
  --background-color: #ffffff;
  --border-color: #e0e0e0;
}


/* 모든 페이지에 적용되는 커스텀 css */

/* 컬럼 관련 */
.col { flex: 1 0 0; }
.col-auto { flex: 0 0 auto; width: auto; }
.col-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-3 { flex: 0 0 auto; width: 25%; }
.col-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-6 { flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-9 { flex: 0 0 auto; width: 75%; }
.col-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-12 { flex: 0 0 auto; width: 100%; }

/* row-cols 관련 */
.row-cols-auto > * { flex: 0 0 auto; width: auto; }
.row-cols-1 > * { flex: 0 0 auto; width: 100%; }
.row-cols-2 > * { flex: 0 0 auto; width: 50%; }
.row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%; }
.row-cols-4 > * { flex: 0 0 auto; width: 25%; }
.row-cols-5 > * { flex: 0 0 auto; width: 20%; }
.row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; }

/* offset 관련 */
.offset-1 { margin-left: 8.33333333%; }
.offset-2 { margin-left: 16.66666667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.33333333%; }
.offset-5 { margin-left: 41.66666667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.33333333%; }
.offset-8 { margin-left: 66.66666667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.33333333%; }
.offset-11 { margin-left: 91.66666667%; }

/* gutter 관련 */
.g-0, .gx-0 { --bs-gutter-x: 0; }
.g-0, .gy-0 { --bs-gutter-y: 0; }
.g-1, .gx-1 { --bs-gutter-x: 0.25rem; }
.g-1, .gy-1 { --bs-gutter-y: 0.25rem; }
.g-2, .gx-2 { --bs-gutter-x: 0.5rem; }
.g-2, .gy-2 { --bs-gutter-y: 0.5rem; }
.g-3, .gx-3 { --bs-gutter-x: 1rem; }
.g-3, .gy-3 { --bs-gutter-y: 1rem; }
.g-4, .gx-4 { --bs-gutter-x: 1.5rem; }
.g-4, .gy-4 { --bs-gutter-y: 1.5rem; }
.g-5, .gx-5 { --bs-gutter-x: 3rem; }
.g-5, .gy-5 { --bs-gutter-y: 3rem; }

/* 반응형 - sm */
@media (min-width: 576px) {
  .col-sm { flex: 1 0 0; }
  .col-sm-auto { flex: 0 0 auto; width: auto; }
  .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-sm-3 { flex: 0 0 auto; width: 25%; }
  .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-sm-6 { flex: 0 0 auto; width: 50%; }
  .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-sm-9 { flex: 0 0 auto; width: 75%; }
  .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-sm-12 { flex: 0 0 auto; width: 100%; }

  .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; }
  .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; }

  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.33333333%; }
  .offset-sm-2 { margin-left: 16.66666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.33333333%; }
  .offset-sm-5 { margin-left: 41.66666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.33333333%; }
  .offset-sm-8 { margin-left: 66.66666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.33333333%; }
  .offset-sm-11 { margin-left: 91.66666667%; }

  .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; }
  .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; }
  .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; }
  .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; }
  .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; }
  .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; }
  .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; }
  .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; }
  .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; }
  .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; }
  .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; }
  .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; }
}

/* 반응형 - md */
@media (min-width: 768px) {
  .col-md { flex: 1 0 0; }
  .col-md-auto { flex: 0 0 auto; width: auto; }
  .col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-md-3 { flex: 0 0 auto; width: 25%; }
  .col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-md-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-md-6 { flex: 0 0 auto; width: 50%; }
  .col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-md-9 { flex: 0 0 auto; width: 75%; }
  .col-md-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-md-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-md-12 { flex: 0 0 auto; width: 100%; }

  .row-cols-md-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; }
  .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; }

  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.33333333%; }
  .offset-md-2 { margin-left: 16.66666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.33333333%; }
  .offset-md-5 { margin-left: 41.66666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.33333333%; }
  .offset-md-8 { margin-left: 66.66666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.33333333%; }
  .offset-md-11 { margin-left: 91.66666667%; }

  .g-md-0, .gx-md-0 { --bs-gutter-x: 0; }
  .g-md-0, .gy-md-0 { --bs-gutter-y: 0; }
  .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; }
  .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; }
  .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; }
  .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; }
  .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; }
  .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; }
  .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; }
  .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; }
  .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; }
  .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; }
}

/* 반응형 - lg */
@media (min-width: 992px) {
  .col-lg { flex: 1 0 0; }
  .col-lg-auto { flex: 0 0 auto; width: auto; }
  .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-lg-3 { flex: 0 0 auto; width: 25%; }
  .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-lg-6 { flex: 0 0 auto; width: 50%; }
  .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-lg-9 { flex: 0 0 auto; width: 75%; }
  .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-lg-12 { flex: 0 0 auto; width: 100%; }

  .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; }
  .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; }

  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.33333333%; }
  .offset-lg-2 { margin-left: 16.66666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.33333333%; }
  .offset-lg-5 { margin-left: 41.66666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.33333333%; }
  .offset-lg-8 { margin-left: 66.66666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.33333333%; }
  .offset-lg-11 { margin-left: 91.66666667%; }

  .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; }
  .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; }
  .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; }
  .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; }
  .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; }
  .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; }
  .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; }
  .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; }
  .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; }
  .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; }
  .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; }
  .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; }
}

/* 반응형 - xl */
@media (min-width: 1200px) {
  .col-xl { flex: 1 0 0; }
  .col-xl-auto { flex: 0 0 auto; width: auto; }
  .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-xl-3 { flex: 0 0 auto; width: 25%; }
  .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-xl-6 { flex: 0 0 auto; width: 50%; }
  .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-xl-9 { flex: 0 0 auto; width: 75%; }
  .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-xl-12 { flex: 0 0 auto; width: 100%; }

  .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; }
  .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; }

  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.33333333%; }
  .offset-xl-2 { margin-left: 16.66666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.33333333%; }
  .offset-xl-5 { margin-left: 41.66666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.33333333%; }
  .offset-xl-8 { margin-left: 66.66666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.33333333%; }
  .offset-xl-11 { margin-left: 91.66666667%; }

  .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; }
  .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; }
  .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; }
  .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; }
  .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; }
  .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; }
  .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; }
  .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; }
  .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; }
  .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; }
  .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; }
  .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; }
}

/* 반응형 - xxl */
@media (min-width: 1400px) {
  .col-xxl { flex: 1 0 0; }
  .col-xxl-auto { flex: 0 0 auto; width: auto; }
  .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-xxl-3 { flex: 0 0 auto; width: 25%; }
  .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-xxl-6 { flex: 0 0 auto; width: 50%; }
  .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-xxl-9 { flex: 0 0 auto; width: 75%; }
  .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-xxl-12 { flex: 0 0 auto; width: 100%; }

  .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; }
  .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; }

  .offset-xxl-0 { margin-left: 0; }
  .offset-xxl-1 { margin-left: 8.33333333%; }
  .offset-xxl-2 { margin-left: 16.66666667%; }
  .offset-xxl-3 { margin-left: 25%; }
  .offset-xxl-4 { margin-left: 33.33333333%; }
  .offset-xxl-5 { margin-left: 41.66666667%; }
  .offset-xxl-6 { margin-left: 50%; }
  .offset-xxl-7 { margin-left: 58.33333333%; }
  .offset-xxl-8 { margin-left: 66.66666667%; }
  .offset-xxl-9 { margin-left: 75%; }
  .offset-xxl-10 { margin-left: 83.33333333%; }
  .offset-xxl-11 { margin-left: 91.66666667%; }

  .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; }
  .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; }
  .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; }
  .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; }
  .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; }
  .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; }
  .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; }
  .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; }
  .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; }
  .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; }
  .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; }
  .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; }
}

/******************************************************************************
************           게시판 페이징 변형 스타일                  ****************
******************************************************************************/
.sound_only {display:none;}
.pg_wrap {clear:both;width:100%;margin:15px auto;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg {display:inline-flex;align-items:center;gap:5px}
.pg_page, .pg_current {display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:all 0.3s ease;font-size:15px;border:0}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:var(--text-color);background:var(--background-color);box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.pg_page:hover {background:#E34A2E;color:#fff;transform:translateY(-2px)}
.pg_start, .pg_prev, .pg_end, .pg_next {position:relative;text-indent:-9999px;background:var(--background-color);box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.pg_start:after, .pg_prev:after, .pg_end:after, .pg_next:after {content:'';position:absolute;width:10px;height:10px;border-style:solid;border-width:2px 2px 0 0;border-color:#E34A2E}
.pg_start:after {left:15px;transform:rotate(-135deg)}
.pg_prev:after {left:16px;transform:rotate(-135deg)}
.pg_end:after {right:15px;transform:rotate(45deg)}
.pg_next:after {right:16px;transform:rotate(45deg)}
.pg_start:hover:after, .pg_prev:hover:after, .pg_end:hover:after, .pg_next:hover:after {border-color:#fff}
.pg_current {background:#E34A2E;color:#fff;font-weight:500;box-shadow:0 4px 12px rgba(48,86,158,0.3)}

/* skip */
.nav-skip { position: relative; top: 0; left: 0; height:0;font-size:0;z-index: 999999;}
.nav-skip a {left: -3000%;position: absolute;font-size:12px}
.nav-skip a:hover, .nav-skip a:focus, .nav-skip a:active {background:#1d60a7;color: #fff;display: block;height: 30px;left: 0;line-height: 30px;text-align: center;top: 0;width: 100%;z-index: 999999;}
p.nav-skip{margin-bottom:30px;}


@font-face {
  font-family: "GmarketSans";
  font-weight: 400;
  font-style: normal;
  src: url("fonts/GmarketSans/GmarketSansLight.eot");
  src: url("fonts/GmarketSans/GmarketSansLight.eot?#iefix") format("embedded-opentype"),
    url("fonts/GmarketSans/GmarketSansLight.woff2") format("woff2"),
    url("fonts/GmarketSans/GmarketSansLight.woff") format("woff"),
    url("fonts/GmarketSans/GmarketSansLight.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "GmarketSans";
  font-weight: 500;
  font-style: normal;
  src: url("fonts/GmarketSans/GmarketSansMedium.eot");
  src: url("fonts/GmarketSans/GmarketSansMedium.eot?#iefix") format("embedded-opentype"),
    url("fonts/GmarketSans/GmarketSansMedium.woff2") format("woff2"),
    url("fonts/GmarketSans/GmarketSansMedium.woff") format("woff"),
    url("fonts/GmarketSans/GmarketSansMedium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "GmarketSans";
  font-weight: 700;
  font-style: normal;
  src: url("fonts/GmarketSans/GmarketSansBold.eot");
  src: url("fonts/GmarketSans/GmarketSansBold.eot?#iefix") format("embedded-opentype"),
    url("fonts/GmarketSans/GmarketSansBold.woff2") format("woff2"),
    url("fonts/GmarketSans/GmarketSansBold.woff") format("woff"),
    url("fonts/GmarketSans/GmarketSansBold.ttf") format("truetype");
  font-display: swap;
}
.font-GmarketSans {
  font-family: "GmarketSans" !important;
}

@font-face {
  font-family: "Cafe24 Ssurround";
  font-weight: 700;
  font-style: normal;
  src: url("fonts/Cafe24Ssurround/Cafe24Ssurround-v2.0.eot");
  src: url("fonts/Cafe24Ssurround/Cafe24Ssurround-v2.0.eot?#iefix") format("embedded-opentype"),
    url("fonts/Cafe24Ssurround/Cafe24Ssurround-v2.0.woff2") format("woff2"),
    url("fonts/Cafe24Ssurround/Cafe24Ssurround-v2.0.woff") format("woff"),
    url("fonts/Cafe24Ssurround/Cafe24Ssurround-v2.0.ttf") format("truetype");
  font-display: swap;
}
.font-ssurround {
  font-family: "Cafe24 Ssurround" !important;
}

@font-face {
  font-family: 'ONE-Mobile';
  font-weight: 400;
  font-style: normal;
  src: url("fonts/ONE-Mobile/ONE-Mobile-Regular.eot");
  src: url("fonts/ONE-Mobile/ONE-Mobile-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/ONE-Mobile/ONE-Mobile-Regular.woff") format("woff"),
    url("fonts/ONE-Mobile/ONE-Mobile-Regular.ttf") format("truetype");

}
@font-face {
  font-family: 'ONE-Mobile';
  font-weight: 700;
  font-style: normal;
  src: url("fonts/ONE-Mobile/ONE-Mobile-Title.eot");
  src: url("fonts/ONE-Mobile/ONE-Mobile-Title.eot?#iefix") format("embedded-opentype"),
    url("fonts/ONE-Mobile/ONE-Mobile-Title.woff") format("woff"),
    url("fonts/ONE-Mobile/ONE-Mobile-Title.ttf") format("truetype");
}
/* 폰트 클래스 */
.font-Mobile-Title {font-weight: 700 !important; font-family: "ONE-Mobile" !important;}


/**
 * Variables
*/
/* display */
/* https://convertingcolors.com/ hsl변경 */
/* https://stackoverflow.com/questions/57820715/css-hsl-calc-bug-in-ie11 bug로인한수정 - hsl계산못해// not calculate color code */
/* Typography */
/* reset style */
* {
  box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
}

html, body, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, iframe, article, aside, canvas, details, embed, textarea, figure, figcaption, header, footer, main, menu, nav, section, summary, audio, video, template {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
 /* word-break: keep-all;*/
  font-weight: 400;
}

/* th, td는 border 리셋 제외 → .table-container 등에서 테두리 적용 가능 */
th, td {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  font-weight: 400;
}

a, span, em {
  box-sizing: border-box;
}

a:link, a:visited {
  color: #494949;
}

a, a:active, a:hover, a:link, a:visited {
  text-decoration: none;
}

img {
  border: none;
}

img, video, audio {
  max-width: 100%;
  max-height: 100%;
}

figure, figcaption {
  margin: 0;
  padding: 0;
}

b, strong {
  font-weight: 800;
}

em, dfn, cite, address, i {
  font-style: normal;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 90%;
}

sup, sub {
  position: relative;
  font-size: 0.9em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

del {
  color: #aaa !important;
  text-decoration: line-through;
}

label {
  cursor: pointer;
}

switch {
  display: none;
}

ol, ol > li,
ul, ul > li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  display: table;
}

caption, legend {
  overflow: hidden;
  position: relative;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
}

fieldset {
  border: none;
  min-width: 0;
}

hr {
  overflow: hidden;
  position: absolute;
  height: 0;
  width: 0;
}

template {
  display: none;
}

.clearfix {
  display: block;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.clear {
  clear: both;
}

.hide,
.sr-only, .skip, .blind {
  overflow: hidden;
  border: 0;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  z-index: -1px;
}


/* 스크린리더 전용 텍스트 */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* 포커스 시에만 보이는 스크린리더 텍스트 */
.sr-only-focusable:focus,
.sr-only-focusable:active {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0.5rem 1rem !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
    background: #000 !important;
    color: #fff !important;
    text-decoration: none !important;
    z-index: 9999 !important;
}

/* 포커스 스타일 개선 */
button:focus,
a:focus {
    outline: 2px solid #0066cc !important;
    outline-offset: 2px !important;
}

/* 고대비 모드 지원 */
@media (prefers-contrast: high) {
    .subvisual-layout__text,
    .subvisual-layout__title {
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
    }
}


br {
  font-size: 0;
}

body {
  font-size: 16px;
  line-height: 1.6;
  color: #555;
}

:lang(ko) body {
  position: relative;
  color: #555;
  font-family: "SCoreDream", "gothic", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, "Helvetica", "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo";
  letter-spacing: -0.03em;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
}

:lang(en) body {
  font-family: "SCoreDream", "gothic", "Helvetica", "Arial", sans-serif, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo";
}

.ir {
  font-size: 0;
  line-height: 0;
}

input {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  vertical-align: middle;
}

input[type=file] {
  border: none;
}

input[type=radio], input[type=checkbox] {
  border: none;
}

button {
  text-transform: none;
  vertical-align: middle;
}

button, [type=button], [type=reset], [type=submit] {
  /* background-color: transparent; */
  cursor: pointer;
}

select {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  text-transform: none;
  vertical-align: middle;
}

textarea {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  vertical-align: middle;
  resize: none;
}

input[disabled=disabled] {
  background-color: #ebebeb;
  color: #959595;
}

select[disabled=disabled] {
  background-color: #ebebeb;
  color: transparent;
}

input[type=text] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=text]::-ms-clear {
  display: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select {
  padding: 0 12px;
  background: #fff url(/site_cms/common/images/ir/arrow-select.png) no-repeat 98% 50%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
}

select::-ms-expand {
  display: none;
}

a:focus,
button:focus,
input:focus {
  outline: 1px dashed #000;
}

html {
  overflow-x: hidden;
}

.layout {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 1440px;
}
@media (max-width: 1499px) {
  .layout {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1399px) {
  .layout {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1024px) {
  .layout {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .layout {
    padding: 0 20px;
  }
}
@media (max-width: 560px) {
  .layout {
    padding: 0 15px;
  }
}
@media (max-width: 360px) {
  .layout {
    padding: 0 10px;
  }
}
.layout:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}

#top_layout {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 98px;
  text-align: center;
  z-index: 1000;
  background-color: #fff;
  border-top: 4px solid #E55136;
  box-shadow: 0px 5px 12px 0px rgba(144, 144, 144, 0.08);
}
@media (max-width: 1399.98px) {
  .body_wrap,
  #top_layout {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 1199.98px) {
  #top_layout {
    height: 80px;
  }
}
@media (max-width: 767.98px) {
  #top_layout {
    height: 70px;
  }
}
#top_layout .top_wrap {
  position: relative;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1440px;
}
#top_layout .top_wrap #top_logo {
  position: absolute;
  top: 25px;
  z-index: 10;
}
@media (max-width: 1699px) {
  #top_layout .top_wrap #top_logo {
    top: 27px;
  }
}
@media (max-width: 1499px) {
  #top_layout {
    padding: 0 20px;
  }
  #top_layout .top_wrap #top_logo {
    top: 25px;
  }
}
@media (max-width: 1199px) {
  #top_layout .top_wrap #top_logo {
    top: 19px;
  }
}
@media (max-width: 899px) {
  #top_layout .top_wrap #top_logo {
    top: 18px;
  }
}
@media (max-width: 767.98px) {
  #top_layout .top_wrap #top_logo {
    top: 16px;
  }
}
@media (max-width: 420px) {
  #top_layout .top_wrap #top_logo {
    top: 18px;
    left: -5px;
  }
}
#top_layout .top_wrap #top_logo > a {
  display: block;
  width: 330px;
  height: 46px;
  line-height: 0;
  font-size: 0;
  background-image: url("/newimg/logo.png");
  background-size: 330px 46px;
  background-repeat:no-repeat;
  background-position:0 50%;
}
@media (max-width: 1699px) {
  #top_layout .top_wrap #top_logo > a {
    width: 320px;
    height: 44px;
    background-size: 320px 44px;
  }
}
@media (max-width: 1499px) {
  #top_layout .top_wrap #top_logo > a {
    width: 300px;
    height: 42px;
    background-size: 300px 42px;
  }
}
@media (max-width: 1199px) {
  #top_layout .top_wrap #top_logo > a {
    width: 290px;
    height: 40px;
    background-size: 290px 40px;
  }
}
@media (max-width: 899px) {
  #top_layout .top_wrap #top_logo > a {
    width: 270px;
    height: 37px;
    background-size: 270px 37px;
  }
}
@media (max-width: 767.98px) {
  #top_layout .top_wrap #top_logo > a {
    width: 250px;
    height: 35px;
    background-size: 250px 35px;
  }
}
@media (max-width: 420px) {
  #top_layout .top_wrap #top_logo > a {
    width: 230px;
    height: 32px;
    background-size: 230px 32px;
  }
}





#top_layout .top_wrap .utile_wrap {
  position: absolute;
  top: 35px;
  right: 0;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: auto;
}
@media (max-width: 1399px) {
  #top_layout .top_wrap .utile_wrap {
    right: 0px;
  }
}
@media (max-width: 1199px) {
  #top_layout .top_wrap .utile_wrap {
    right: 0;
    top: 26px;
  }
}
@media (max-width: 899px) {
  #top_layout .top_wrap .utile_wrap {
    right: 0;
    top: 25px;
  }
}
@media (max-width: 767.98px) {
  #top_layout .top_wrap .utile_wrap {
    right: 0;
  }
}
@media (max-width: 420px) {
  #top_layout .top_wrap .utile_wrap {
    right: -15px;
  }
}



#top_layout .top_wrap .utile_wrap > li {
  margin-left: 16px;
  /*&.login,
  &.logout,
  &.mypage{
    span{display:block;width:26px;height:26px;background-repeat:no-repeat;background-position:50%;font-size:0}
  }
  &.login{
    span{@include login}
  }
  &.logout{
    span{@include logout}
  }
  &.mypage{
    span{@include mypage}
  }*/
}
@media (max-width: 1599px) {
  #top_layout .top_wrap .utile_wrap > li {
    margin-left: 8px;
  }
}
#top_layout .top_wrap .utile_wrap > li.mypage-link button em {
  display: block;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: 50%;
  font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6338 8.56494C12.7049 8.56494 14.3838 6.88601 14.3838 4.81494C14.3838 2.74387 12.7049 1.06494 10.6338 1.06494C8.56272 1.06494 6.88379 2.74387 6.88379 4.81494C6.88379 6.88601 8.56272 8.56494 10.6338 8.56494Z' stroke='%232D2946' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8794 21.0651C19.2856 9.39887 1.72314 9.39887 1.12939 21.0651' stroke='%232D2946' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  transition: all 0.3s;
}
#top_layout .top_wrap .utile_wrap > li.mypage-link button:hover em,
#top_layout .top_wrap .utile_wrap > li.mypage-link button:focus em {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6338 8.56494C12.7049 8.56494 14.3838 6.88601 14.3838 4.81494C14.3838 2.74387 12.7049 1.06494 10.6338 1.06494C8.56272 1.06494 6.88379 2.74387 6.88379 4.81494C6.88379 6.88601 8.56272 8.56494 10.6338 8.56494Z' stroke='%23008656' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8794 21.0651C19.2856 9.39887 1.72314 9.39887 1.12939 21.0651' stroke='%23008656' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#top_layout .top_wrap .utile_wrap > li.mypage-link div {
  display: none;
  position: absolute;
  left: 50%;
  top: calc(100% + 15px);
  background-color: #fff;
  transform: translateX(-50%);
  width: 138px;
  border-radius: 10px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
#top_layout .top_wrap .utile_wrap > li.mypage-link div ul li a {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  height: 55px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.32px;
  border-bottom: 1px solid #ECECEC;
  transition: all 0.3s;
}
#top_layout .top_wrap .utile_wrap > li.mypage-link div ul li a:hover, #top_layout .top_wrap .utile_wrap > li.mypage-link div ul li a:focus, #top_layout .top_wrap .utile_wrap > li.mypage-link div ul li a:active, #top_layout .top_wrap .utile_wrap > li.mypage-link div ul li a.on {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  background: linear-gradient(90deg, #E34A2E -5.94%, var(--secondary-color) 107.02%);
  color: #fff;
  font-weight: 700;
}
#top_layout .top_wrap .utile_wrap > li.mypage-link div ul li a:before {
  content: "";
  margin-right: 10px;
  width: 20px;
  height: 18px;
}
#top_layout .top_wrap .utile_wrap > li.mypage-link div ul li:nth-child(1) a:before {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6338 8.56494C12.7049 8.56494 14.3838 6.88601 14.3838 4.81494C14.3838 2.74387 12.7049 1.06494 10.6338 1.06494C8.56272 1.06494 6.88379 2.74387 6.88379 4.81494C6.88379 6.88601 8.56272 8.56494 10.6338 8.56494Z' stroke='%232D2946' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8794 21.0651C19.2856 9.39887 1.72314 9.39887 1.12939 21.0651' stroke='%232D2946' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 100%;
}
#top_layout .top_wrap .utile_wrap > li.mypage-link div ul li:nth-child(1) a:hover:before, #top_layout .top_wrap .utile_wrap > li.mypage-link div ul li:nth-child(1) a:focus:before, #top_layout .top_wrap .utile_wrap > li.mypage-link div ul li:nth-child(1) a:active:before {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6338 8.56494C12.7049 8.56494 14.3838 6.88601 14.3838 4.81494C14.3838 2.74387 12.7049 1.06494 10.6338 1.06494C8.56272 1.06494 6.88379 2.74387 6.88379 4.81494C6.88379 6.88601 8.56272 8.56494 10.6338 8.56494Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8794 21.0651C19.2856 9.39887 1.72314 9.39887 1.12939 21.0651' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 100%;
}
#top_layout .top_wrap .utile_wrap > li.mypage-link div ul li:nth-child(2) a:before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0142 8.58731C10.4006 8.52671 9.78327 8.65725 9.24672 8.96106C8.71017 9.26487 8.28064 9.72709 8.01694 10.2845C7.75323 10.8418 7.66825 11.4671 7.77363 12.0746C7.879 12.6821 8.16958 13.2422 8.60557 13.6782C9.04157 14.1142 9.60167 14.4048 10.2092 14.5101C10.8167 14.6155 11.442 14.5305 11.9993 14.2668C12.5567 14.0031 13.0189 13.5736 13.3227 13.037C13.6265 12.5005 13.7571 11.8832 13.6965 11.2696C13.6274 10.5817 13.3226 9.93887 12.8337 9.45003C12.3449 8.96119 11.7021 8.6564 11.0142 8.58731ZM18.2152 11.5635C18.2132 11.8885 18.1894 12.2131 18.1437 12.535L20.2563 14.192C20.3483 14.2682 20.4102 14.3746 20.4312 14.4923C20.4522 14.6099 20.4308 14.7312 20.3708 14.8345L18.3722 18.2924C18.3115 18.3948 18.2166 18.4724 18.1043 18.5117C17.9919 18.5509 17.8694 18.5492 17.7581 18.5069L15.66 17.6621C15.5443 17.616 15.419 17.5994 15.2953 17.6136C15.1715 17.6279 15.0533 17.6726 14.9511 17.7439C14.6309 17.9644 14.2944 18.1602 13.9446 18.3298C13.8346 18.3833 13.7395 18.463 13.6676 18.5619C13.5957 18.6609 13.5493 18.776 13.5324 18.8971L13.218 21.135C13.1973 21.2532 13.1362 21.3605 13.0452 21.4387C12.9542 21.5168 12.8388 21.5609 12.7189 21.5635H8.72169C8.60372 21.5614 8.48996 21.5193 8.39916 21.4439C8.30836 21.3686 8.24593 21.2646 8.22216 21.149L7.90814 18.9144C7.89051 18.792 7.84289 18.6757 7.76952 18.5761C7.69615 18.4765 7.5993 18.3966 7.48758 18.3434C7.13815 18.1747 6.8028 17.9783 6.48478 17.756C6.38295 17.6852 6.2651 17.6408 6.14184 17.6268C6.01858 17.6129 5.89378 17.6298 5.7787 17.6761L3.68104 18.5205C3.56987 18.5628 3.44734 18.5646 3.33501 18.5254C3.22269 18.4863 3.12779 18.4087 3.06702 18.3065L1.06842 14.8485C1.00833 14.7452 0.986861 14.6239 1.00783 14.5063C1.02879 14.3886 1.09083 14.2822 1.18291 14.206L2.96842 12.8041C3.06624 12.7265 3.14312 12.6256 3.19208 12.5107C3.24105 12.3958 3.26054 12.2705 3.2488 12.1462C3.23197 11.9513 3.22169 11.7569 3.22169 11.5621C3.22169 11.3672 3.23151 11.1756 3.2488 10.985C3.25926 10.8614 3.23881 10.7371 3.18929 10.6234C3.13978 10.5097 3.06275 10.4101 2.96515 10.3336L1.18057 8.9317C1.08999 8.85511 1.02926 8.74908 1.00901 8.6322C0.988759 8.51532 1.01029 8.39505 1.06982 8.29245L3.06842 4.8345C3.12912 4.73216 3.22399 4.65453 3.33632 4.61529C3.44865 4.57605 3.57122 4.57773 3.68244 4.62002L5.78057 5.46488C5.89627 5.51095 6.0216 5.52759 6.14532 5.51332C6.26903 5.49905 6.38728 5.4543 6.48945 5.3831C6.80966 5.1626 7.14614 4.96671 7.49599 4.79712C7.60598 4.74366 7.70112 4.66395 7.773 4.56501C7.84488 4.46607 7.89129 4.35096 7.90814 4.22983L8.22263 1.99198C8.24328 1.87379 8.30434 1.76645 8.39537 1.68829C8.4864 1.61014 8.60174 1.56602 8.72169 1.56348H12.7189C12.8369 1.56552 12.9506 1.60768 13.0414 1.68303C13.1322 1.75837 13.1946 1.86239 13.2184 1.97796L13.5324 4.21254C13.5501 4.335 13.5977 4.45121 13.6711 4.55083C13.7444 4.65045 13.8413 4.7304 13.953 4.78357C14.3024 4.95224 14.6378 5.14867 14.9558 5.37095C15.0576 5.4418 15.1755 5.4862 15.2987 5.50015C15.422 5.5141 15.5468 5.49716 15.6619 5.45086L17.7595 4.60647C17.8707 4.56414 17.9932 4.56239 18.1056 4.60154C18.2179 4.64069 18.3128 4.71823 18.3736 4.82049L20.3722 8.27843C20.4322 8.38174 20.4537 8.50303 20.4328 8.62069C20.4118 8.73835 20.3497 8.84475 20.2577 8.92095L18.4722 10.3228C18.3739 10.4002 18.2966 10.501 18.2472 10.6159C18.1978 10.7308 18.178 10.8562 18.1894 10.9808C18.2049 11.1742 18.2152 11.3686 18.2152 11.5635Z' stroke='%232D2946' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: auto 100%;
}
#top_layout .top_wrap .utile_wrap > li.mypage-link div ul li:nth-child(2) a:hover:before, #top_layout .top_wrap .utile_wrap > li.mypage-link div ul li:nth-child(2) a:focus:before, #top_layout .top_wrap .utile_wrap > li.mypage-link div ul li:nth-child(2) a:active:before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0142 8.58731C10.4006 8.52671 9.78327 8.65725 9.24672 8.96106C8.71017 9.26487 8.28064 9.72709 8.01694 10.2845C7.75323 10.8418 7.66825 11.4671 7.77363 12.0746C7.879 12.6821 8.16958 13.2422 8.60557 13.6782C9.04157 14.1142 9.60167 14.4048 10.2092 14.5101C10.8167 14.6155 11.442 14.5305 11.9993 14.2668C12.5567 14.0031 13.0189 13.5736 13.3227 13.037C13.6265 12.5005 13.7571 11.8832 13.6965 11.2696C13.6274 10.5817 13.3226 9.93887 12.8337 9.45003C12.3449 8.96119 11.7021 8.6564 11.0142 8.58731ZM18.2152 11.5635C18.2132 11.8885 18.1894 12.2131 18.1437 12.535L20.2563 14.192C20.3483 14.2682 20.4102 14.3746 20.4312 14.4923C20.4522 14.6099 20.4308 14.7312 20.3708 14.8345L18.3722 18.2924C18.3115 18.3948 18.2166 18.4724 18.1043 18.5117C17.9919 18.5509 17.8694 18.5492 17.7581 18.5069L15.66 17.6621C15.5443 17.616 15.419 17.5994 15.2953 17.6136C15.1715 17.6279 15.0533 17.6726 14.9511 17.7439C14.6309 17.9644 14.2944 18.1602 13.9446 18.3298C13.8346 18.3833 13.7395 18.463 13.6676 18.5619C13.5957 18.6609 13.5493 18.776 13.5324 18.8971L13.218 21.135C13.1973 21.2532 13.1362 21.3605 13.0452 21.4387C12.9542 21.5168 12.8388 21.5609 12.7189 21.5635H8.72169C8.60372 21.5614 8.48996 21.5193 8.39916 21.4439C8.30836 21.3686 8.24593 21.2646 8.22216 21.149L7.90814 18.9144C7.89051 18.792 7.84289 18.6757 7.76952 18.5761C7.69615 18.4765 7.5993 18.3966 7.48758 18.3434C7.13815 18.1747 6.8028 17.9783 6.48478 17.756C6.38295 17.6852 6.2651 17.6408 6.14184 17.6268C6.01858 17.6129 5.89378 17.6298 5.7787 17.6761L3.68104 18.5205C3.56987 18.5628 3.44734 18.5646 3.33501 18.5254C3.22269 18.4863 3.12779 18.4087 3.06702 18.3065L1.06842 14.8485C1.00833 14.7452 0.986861 14.6239 1.00783 14.5063C1.02879 14.3886 1.09083 14.2822 1.18291 14.206L2.96842 12.8041C3.06624 12.7265 3.14312 12.6256 3.19208 12.5107C3.24105 12.3958 3.26054 12.2705 3.2488 12.1462C3.23197 11.9513 3.22169 11.7569 3.22169 11.5621C3.22169 11.3672 3.23151 11.1756 3.2488 10.985C3.25926 10.8614 3.23881 10.7371 3.18929 10.6234C3.13978 10.5097 3.06275 10.4101 2.96515 10.3336L1.18057 8.9317C1.08999 8.85511 1.02926 8.74908 1.00901 8.6322C0.988759 8.51532 1.01029 8.39505 1.06982 8.29245L3.06842 4.8345C3.12912 4.73216 3.22399 4.65453 3.33632 4.61529C3.44865 4.57605 3.57122 4.57773 3.68244 4.62002L5.78057 5.46488C5.89627 5.51095 6.0216 5.52759 6.14532 5.51332C6.26903 5.49905 6.38728 5.4543 6.48945 5.3831C6.80966 5.1626 7.14614 4.96671 7.49599 4.79712C7.60598 4.74366 7.70112 4.66395 7.773 4.56501C7.84488 4.46607 7.89129 4.35096 7.90814 4.22983L8.22263 1.99198C8.24328 1.87379 8.30434 1.76645 8.39537 1.68829C8.4864 1.61014 8.60174 1.56602 8.72169 1.56348H12.7189C12.8369 1.56552 12.9506 1.60768 13.0414 1.68303C13.1322 1.75837 13.1946 1.86239 13.2184 1.97796L13.5324 4.21254C13.5501 4.335 13.5977 4.45121 13.6711 4.55083C13.7444 4.65045 13.8413 4.7304 13.953 4.78357C14.3024 4.95224 14.6378 5.14867 14.9558 5.37095C15.0576 5.4418 15.1755 5.4862 15.2987 5.50015C15.422 5.5141 15.5468 5.49716 15.6619 5.45086L17.7595 4.60647C17.8707 4.56414 17.9932 4.56239 18.1056 4.60154C18.2179 4.64069 18.3128 4.71823 18.3736 4.82049L20.3722 8.27843C20.4322 8.38174 20.4537 8.50303 20.4328 8.62069C20.4118 8.73835 20.3497 8.84475 20.2577 8.92095L18.4722 10.3228C18.3739 10.4002 18.2966 10.501 18.2472 10.6159C18.1978 10.7308 18.178 10.8562 18.1894 10.9808C18.2049 11.1742 18.2152 11.3686 18.2152 11.5635Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: auto 100%;
}
#top_layout .top_wrap .utile_wrap > li.mypage-link div ul li:nth-child(3) a {
  border: none;
}
#top_layout .top_wrap .utile_wrap > li.mypage-link div ul li:nth-child(3) a:before {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='19' viewBox='0 0 21 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.56348H2C1.44772 1.56348 1 2.0112 1 2.56348V16.5635C1 17.1158 1.44772 17.5635 2 17.5635H9' stroke='%232D2946' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6 9.56348H17.5' stroke='%232D2946' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M14 6.06348L17.5 9.56348L14 13.0635' stroke='%232D2946' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-size: 100%;
}
#top_layout .top_wrap .utile_wrap > li.mypage-link div ul li:nth-child(3) a:hover:before, #top_layout .top_wrap .utile_wrap > li.mypage-link div ul li:nth-child(3) a:focus:before, #top_layout .top_wrap .utile_wrap > li.mypage-link div ul li:nth-child(3) a:active:before {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='19' viewBox='0 0 21 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.56348H2C1.44772 1.56348 1 2.0112 1 2.56348V16.5635C1 17.1158 1.44772 17.5635 2 17.5635H9' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6 9.56348H17.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M14 6.06348L17.5 9.56348L14 13.0635' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-size: 100%;
}
#top_layout .top_wrap .utile_wrap > li.mypage-link.on div {
  display: block;
}
#top_layout .top_wrap .utile_wrap > li.login a i {
  position: relative;
  top:1px;
  display: block;
  width: 28px;
  height: 28px;
  color:#444;
  font-size: 28px;
  transition: all 0.3s;
}
#top_layout .top_wrap .utile_wrap > li.login a:hover i,
#top_layout .top_wrap .utile_wrap > li.login a:focus i {
  color:#222280;
}

#top_layout .top_wrap .utile_wrap > li.search-link {
  width: 22px;
  height: 22px;
  margin-right:25px;
}
#top_layout .top_wrap .utile_wrap > li.search-link .open-search {
  position: relative;
  top:-9px;
  display: block;
  width: 100%;
  height: 100%;
}
#top_layout .top_wrap .utile_wrap > li.search-link .inner {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 100px;
  left: 0;
  width: 100%;
  height: 0px;
  visibility: hidden;
  overflow: hidden;
  border-top: 1px solid #DDD;
  background: #F9FAFB;
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
  padding: 61px 0 52px 0;
}
@media (max-width: 768px) {
  #top_layout .top_wrap .utile_wrap > li.search-link .inner {
    top: 70px;
    padding: 29px 0 25px 0;
    background: #E34A2E;
  }
}
#top_layout .top_wrap .utile_wrap > li.search-link.on {
  width: 22px;
  height: 22px;
}
#top_layout .top_wrap .utile_wrap > li.search-link.on .open-search {
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8667 17.9317L23 23.0649M10.5333 20.1312C15.7984 20.1312 20.0666 15.863 20.0666 10.598C20.0666 5.33308 15.7984 1.06494 10.5333 1.06494C5.26823 1.06494 1 5.33308 1 10.598C1 15.863 5.26823 20.1312 10.5333 20.1312Z' stroke='%232D2946' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#top_layout .top_wrap .utile_wrap > li.search-link.on .open-search:hover, #top_layout .top_wrap .utile_wrap > li.search-link.on .open-search:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8667 17.9317L23 23.0649M10.5333 20.1312C15.7984 20.1312 20.0666 15.863 20.0666 10.598C20.0666 5.33308 15.7984 1.06494 10.5333 1.06494C5.26823 1.06494 1 5.33308 1 10.598C1 15.863 5.26823 20.1312 10.5333 20.1312Z' stroke='%23008656' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#top_layout .top_wrap .utile_wrap > li.search-link.on .inner {
  display: flex;
  height: auto;
  visibility: visible;
  transition: all 0.4s;
}
#top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu {
  display: block;
  width: 32px;
  height: 25px;
  background: transparent;
}
#top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu .hamburger {
  display: flex;
  align-self: center;
  flex-direction: column;
  justify-content: space-between;
  width: 32px;
  height: 25px;
  cursor: pointer;
  padding:  4px 6px;
  background-color: #fff;
  background: url('/newimg/top_navi.png') no-repeat 50% 50%;
  background-size: cover;
}
#top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu .hamburger span {
  align-self: flex-end;
  height: 2px;
  width: 100%;
  background: #000;
}
#top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu .hamburger .meat {
  width: 100%;
  transition: all 200ms ease-in-out;
}
#top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu:hover .hamburger .meat, #top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu:focus .hamburger .meat {
  width: 100%;
}
#top_layout .top_wrap .utile_wrap > li.search-link.pc > a,
#top_layout .top_wrap .utile_wrap > li.search-link.pc > button {
  display: block;
}
@media (max-width: 767.98px) {
  #top_layout .top_wrap .utile_wrap > li.search-link.pc > a,
  #top_layout .top_wrap .utile_wrap > li.search-link.pc > button {
    display: none;
  }
}
#top_layout .top_wrap .utile_wrap > li.pc > a,
#top_layout .top_wrap .utile_wrap > li.pc > button {
  display: block;
}
@media (max-width: 767.98px) {
  #top_layout .top_wrap .utile_wrap > li.pc > a,
  #top_layout .top_wrap .utile_wrap > li.pc > button {
    display: none;
  }
}
#top_layout .top_wrap .utile_wrap > li.mo > a,
#top_layout .top_wrap .utile_wrap > li.mo > button {
  display: none;
}
@media (max-width: 767.98px) {
  #top_layout .top_wrap .utile_wrap > li.mo > a,
  #top_layout .top_wrap .utile_wrap > li.mo > button {
    display: block;
  }
}
#top_layout .top_wrap .utile_wrap > li.allmenu-link.pc {
  display: inline-block;
}
#top_layout .top_wrap .utile_wrap > li.allmenu-link.mo {
  display: none;
}
@media (max-width: 1399.98px) {
  #top_layout .top_wrap .utile_wrap > li.allmenu-link.pc {
    display: none;
  }
  #top_layout .top_wrap .utile_wrap > li.allmenu-link.mo {
    display: inline-block;
  }
  #top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu {
    margin-top: -3px;
    margin-right: 5px;
  }
}

#gnb_layout {
  position: relative;
  height: 94px;
  background-color: #fff;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  overflow: hidden;
  width: 100%;
  margin: 0;
  z-index: 9;
}
#gnb_layout:before {
  display: block;
  content: "";
  position: absolute;
  top: 94px;
  right: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  z-index: 11;
}
@media (max-width: 1399.98px) {
  #gnb_layout {
    display: none;
  }
}
#gnb_layout #gnb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 94px;
  z-index: 2;
}
#gnb_layout #gnb .layout {
  position: relative;
  max-width: 1440px;
  text-align: right;
}

#gnb_layout .depth1_ul {
  display: inline-flex;
  position: relative;
  height: 100%;
  z-index: 14;
  right: 100px;
  align-items: flex-start;
  justify-content: flex-end;
}
#gnb_layout .depth1_ul:after {
  display: block;
  content: "";
  clear: both;
}
#gnb_layout .depth1_ul > li {
  margin: 0;
  vertical-align: top;
  display: inline-block;
  position: relative;
}
#gnb_layout .depth1_ul > li > a {
  position: relative;
  display: block;
  height: 100%;
  transition: all 0.3s;
  text-align: center;
}
#gnb_layout .depth1_ul > li > a span {
  display: inline-block;
  height: 100%;
  max-width: 180px;
  min-width: 135px;
  padding: 0 19px;
  line-height: 97px;
  vertical-align: middle;
  letter-spacing: -1px;
  position: relative;
  color: #000;
  font-size: 20px;
  font-weight: 500;
  transition: all 0.3s;
}
@media (max-width: 1699px) {
  #gnb_layout .depth1_ul > li > a span {
    max-width: 160px;
    min-width: 115px;
    padding: 0 10px;
    font-size: 20px;
  }
}
@media (max-width: 1599px) {
  #gnb_layout .depth1_ul > li > a span {
    max-width: 150px;
    min-width: 105px;
    font-size: 20px;
  }
}
@media (max-width: 1399px) {
  #gnb_layout .depth1_ul > li > a span {
    max-width: 140px;
    min-width: 95px;
    font-size: 18px;
  }
}
#gnb_layout .depth1_ul > li > a span:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background-color: #ddd;
  border-radius: 50%;
  content: "";
  display: none;
}
#gnb_layout .depth1_ul > li > a span:after {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 4px;
  background-color: #E34A2E;
  content: "";
  opacity: 0;
  display: none;
}
#gnb_layout .depth1_ul > li > a:hover span, #gnb_layout .depth1_ul > li > a:focus span {
  color: #E34A2E;
  min-width: 160px;
}
#gnb_layout .depth1_ul > li > a:hover span:after, #gnb_layout .depth1_ul > li > a:focus span:after {
  opacity: 0;
}
#gnb_layout .depth1_ul > li.on > a span, #gnb_layout .depth1_ul > li.current > a span {
  color: #E34A2E;
  min-width: 160px;
}
#gnb_layout .depth1_ul > li.on > a span:after, #gnb_layout .depth1_ul > li.current > a span:after {
  opacity: 0;
}
#gnb_layout .depth1_ul > li.current + .item {
  opacity: 1 !important;
  display: block;
}
#gnb_layout .depth1_ul > li.n1 > a span:before {
  display: none;
}
#gnb_layout .depth1_ul > li .item {
  position: absolute;
  top: 98px;
  left: 0 !important;
  width: 160px;
  height: 332px;
  border-left: 1px solid #ddd;
  background-color: #fff;
  transform: translate(0, 0) !important;
}
@media (max-width: 1699px) {
  #gnb_layout .depth1_ul > li .item {
    width: 160px;
  }
}
@media (max-width: 1599px) {
  #gnb_layout .depth1_ul > li .item {
    width: 100%;
    height: 332px;
  }
}
#gnb_layout .depth1_ul > li .item .depth2_ul {
  position: relative;
  top: 0;
  opacity: 0;
  padding: 4px 16px;
  transform: translateX(-88px);
  transition: all 0.3s ease;
}
@media (max-width: 1399px) {
  #gnb_layout .depth1_ul > li .item .depth2_ul {
    padding: 4px 10px;
  }
}
#gnb_layout .depth1_ul > li .item .depth2_ul > li {
  line-height: 0;
  text-align: center;
  display: block;
}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a {
  display: block;
  margin-top: 4px;
  margin-bottom: 2px;
  padding: 8px 0;
  text-align: center;
}
@media (max-width: 1399px) {
  #gnb_layout .depth1_ul > li .item .depth2_ul > li > a {
    margin-top: 3px;
    margin-bottom: 2px;
    padding: 7px 0;
  }
}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a > span {
  display: inline-block;
  position: relative;
  color: #444;
  font-size: 13px;
  font-weight: 400;
  line-height: 133.333%;
  letter-spacing: -0.9px;
  transition: all 0.3s;
  vertical-align: top;
}
@media (max-width: 1699px) {
  #gnb_layout .depth1_ul > li .item .depth2_ul > li > a > span {
    font-size: 13px;
  }
}
@media (max-width: 1599px) {
  #gnb_layout .depth1_ul > li .item .depth2_ul > li > a > span {
    font-size: 13px;
  }
}
@media (max-width: 1399px) {
  #gnb_layout .depth1_ul > li .item .depth2_ul > li > a > span {
    font-size: 12px;
  }
}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a > span:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #fff;
  opacity: 0;
  transition: all 0.3s;
}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover span, #gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus span {
  color: #fff;
}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover span:after, #gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus span:after {
  opacity: 1;
  width: 100%;
}
#gnb_layout .depth1_ul > li .item .depth2_ul > li .depth3_ul {
  display: none;
  border-radius: 10px;
  background-color: #F4F8F7;
  padding: 12px 0;
}
@media (max-width: 1699px) {
  #gnb_layout .depth1_ul > li .item .depth2_ul > li .depth3_ul {
    padding: 12px 5px;
  }
}
#gnb_layout .depth1_ul > li .item .depth2_ul > li .depth3_ul > li {
  line-height: 0;
  text-align: center;
  display: block;
}
#gnb_layout .depth1_ul > li .item .depth2_ul > li .depth3_ul > li > a {
  display: block;
  text-align: center;
}
#gnb_layout .depth1_ul > li .item .depth2_ul > li .depth3_ul > li > a > span {
  display: inline-block;
  position: relative;
  padding: 4px 0;
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
@media (max-width: 1699px) {
  #gnb_layout .depth1_ul > li .item .depth2_ul > li .depth3_ul > li > a > span {
    font-size: 15px;
  }
}
@media (max-width: 1599px) {
  #gnb_layout .depth1_ul > li .item .depth2_ul > li .depth3_ul > li > a > span {
    font-size: 14px;
    word-break: break-all;
  }
}
@media (max-width: 1399px) {
  #gnb_layout .depth1_ul > li .item .depth2_ul > li .depth3_ul > li > a > span {
    font-size: 13px;
    letter-spacing: -1px;
  }
}
#gnb_layout .depth1_ul > li .item .depth2_ul > li.on .depth3_ul > li > a > span {
  color: #fff;
}
#gnb_layout .depth1_ul > li .item.on {
  background-color: #374455;
  border-left: none;
  border-right: none;
}
#gnb_layout .depth1_ul > li .item.on .depth2_ul > li a span {
  color: #fff;
}
#gnb_layout .depth1_ul > li .item.on .depth2_ul > li a:hover span, #gnb_layout .depth1_ul > li .item.on .depth2_ul > li a:focus span {
  color: #fff;
}
#gnb_layout .depth1_ul > li .item.on .depth2_ul > li a:hover span:after, #gnb_layout .depth1_ul > li .item.on .depth2_ul > li a:focus span:after {
  opacity: 1;
  width: 100%;
}
#gnb_layout .depth1_ul > li .item.on .depth2_ul > li .depth3_ul {
  background-color: rgba(255, 255, 255, 0.12);
}
#gnb_layout .depth1_ul > li .item.on .depth2_ul > li .depth3_ul > li > a > span {
  color: #fff;
}
#gnb_layout .depth1_ul > li.n1 .item .depth2_ul {
  transition-delay: 0.1s;
}
#gnb_layout .depth1_ul > li.n2 .item .depth2_ul {
  transition-delay: 0.15s;
}
#gnb_layout .depth1_ul > li.n3 .item .depth2_ul {
  transition-delay: 0.2s;
}
#gnb_layout .depth1_ul > li.n4 .item .depth2_ul {
  transition-delay: 0.25s;
}
#gnb_layout .depth1_ul > li.n4 .item .depth2_ul .depth3_ul {
  display: none;
}
#gnb_layout .depth1_ul > li.n5 .item .depth2_ul {
  transition-delay: 0.3s;
}
#gnb_layout .depth1_ul > li.n6 .item .depth2_ul {
  transition-delay: 0.35s;
}
#gnb_layout .depth1_ul > li.n7 .item .depth2_ul {
  transition-delay: 0.4s;
}
#gnb_layout .depth1_ul > li.n8 .item .depth2_ul {
  transition-delay: 0.45s;
}
#gnb_layout .depth1_ul > li:last-child .item {
  border-right: 1px solid #ddd;
}

#gnb_layout.open #gnb_layout {
  border-bottom: 1px solid #d8e0e9;
}

#gnb_layout.open {
  height: 335px !important;
}
@media (max-width: 1599px) {
  #gnb_layout.open {
    height: 310px !important;
  }
}
@media (max-width: 1399px) {
  #gnb_layout.open {
    height: 300px !important;
  }
}

#gnb_layout.open .depth1_ul > li > a > span {
  min-width: 160px;
}
@media (max-width: 1699px) {
  #gnb_layout.open .depth1_ul > li > a > span {
    min-width: 160px;
  }
}
@media (max-width: 1599px) {
  #gnb_layout.open .depth1_ul > li > a > span {
    min-width: 158px;
  }
}
@media (max-width: 1399px) {
  #gnb_layout.open .depth1_ul > li > a > span {
    min-width: 120px;
  }
}

#gnb_layout.open .depth1_ul > li .depth2_ul {
  opacity: 1;
  transform: translateX(0);
}

#top_layout + .gnb_bg {
  display: none;
  opacity: 0;
  position: fixed;
  top: 94px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease-out;
}

#top_layout.open + .gnb_bg {
  display: block;
  opacity: 1;
  z-index: 99;
}

@media (max-width: 1280px) {
  .modal-open #top_layout {
    z-index: 16;
  }
}
/* mobile menu */
html.scroll-none, html.is-open {
  overflow: hidden;
  height: 100%;
}

body.is-open {
  width: 100%;
}

body.modal-open {
  height: 100%;
  overflow: hidden;
}

.modal-open #top_layout .top_wrap .utile_wrap li,
.modal-open #top_layout .top_wrap .utile_wrap li.box.mo {
  display: none;
}

/* effect */
/* fade -> m-fade / in -> m-in */
.m-fade {
  opacity: 0;
  transition: opacity 0.15s linear;
  -webkit-transition: opacity 0.15s linear;
}

.m-fade.m-in {
  opacity: 1;
}

/* bootstrap */
/* modal -> new-mobile */
#mobile-menu {
  display: none;
  position: fixed;
  z-index: 1050;
  overflow: auto;
  outline: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

#mobile-menu {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* modal-backdrop */
.new-modal-backdrop {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 1040;
  background-color: #000;
}

.new-modal-backdrop.m-fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.new-modal-backdrop.m-in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* modal-dialog */
.new-modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

#mobile-menu.m-fade .new-modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(100%, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(100%, 0);
  -o-transition: -o-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transform: translate(100%, 0);
}

#mobile-menu.m-in .new-modal-dialog {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
}

/* modal-content */
.new-modal-content {
  position: relative;
  border-radius: 6px;
  outline: 0;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: -8.8369226456px 0px 8.8369226456px 0px rgba(0, 0, 0, 0.15);
  border: none;
}

/* modal-body */
.new-modal-body {
  position: relative;
  padding: 20px;
}

/* 반응형 */
#mobile-menu {
  overflow: visible;
  padding: 0 !important;
}

#mobile-menu .new-modal-dialog {
  transform: translate(100%, 0);
  margin: 0;
  width: 100%;
  max-width: 360px;
  min-width: 260px;
  float: right;
  height: 100%;
}

#mobile-menu.m-in .new-modal-dialog,
#mobile-menu.show .new-modal-dialog {
  transform: translate(0px, 0);
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body {
  position: static;
  height: 100%;
  padding: 0;
  background: #fff;
}

#mobile-menu .new-modal-dialog .new-modal-content {
  width: 100%;
  border-radius: 0;
  border: 0 none;
  height: 100%;
}

#mobile-menu .new-modal-dialog .new-modal-content .topUtile {
  height: 98px;
  padding: 34px 28px;
  background: linear-gradient(121deg, #e4492e 10.2%, #f44d30 95.47%);
}
@media (max-width: 1199.98px) {
  #mobile-menu .new-modal-dialog .new-modal-content .topUtile {
    height: 80px;
  }
}

#mobile-menu .new-modal-dialog .new-modal-content .topUtile ul {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#mobile-menu .new-modal-dialog .new-modal-content .topUtile .home {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
}

#mobile-menu .new-modal-dialog .new-modal-content .topUtile .home a {
  display: block;
  font-size: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='23' viewBox='0 0 26 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9904 13.8795C11.5675 13.8795 10.4102 15.0248 10.4102 16.4329V21.9997H15.5707V16.4329C15.5707 15.0248 14.4134 13.8795 12.9904 13.8795Z' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M12.9905 1L1 9.93697H5.00316V22H10.4198V16.4332C10.4198 15.025 11.5771 13.8797 13 13.8797C14.4229 13.8797 15.5802 15.025 15.5802 16.4332V22H20.9968V9.93697H25L12.9905 1Z' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

#mobile-menu .new-modal-dialog .new-modal-content .topUtile .search-link {
  display: none;
  width: 22px;
  height: 22px;
}
@media (max-width: 767px) {
  #mobile-menu .new-modal-dialog .new-modal-content .topUtile .search-link {
    display: inline-block;
  }
}
#mobile-menu .new-modal-dialog .new-modal-content .topUtile .search-link .open-search {
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8667 17.9317L23 23.0649M10.5333 20.1312C15.7984 20.1312 20.0666 15.863 20.0666 10.598C20.0666 5.33308 15.7984 1.06494 10.5333 1.06494C5.26823 1.06494 1 5.33308 1 10.598C1 15.863 5.26823 20.1312 10.5333 20.1312Z' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#mobile-menu .new-modal-dialog .new-modal-content .topUtile .search-link .open-search:hover, #mobile-menu .new-modal-dialog .new-modal-content .topUtile .search-link .open-search:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8667 17.9317L23 23.0649M10.5333 20.1312C15.7984 20.1312 20.0666 15.863 20.0666 10.598C20.0666 5.33308 15.7984 1.06494 10.5333 1.06494C5.26823 1.06494 1 5.33308 1 10.598C1 15.863 5.26823 20.1312 10.5333 20.1312Z' stroke='%23008656' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#mobile-menu .new-modal-dialog .new-modal-content .topUtile .search-link.on {
  width: 21px;
  height: 21px;
}
#mobile-menu .new-modal-dialog .new-modal-content .topUtile .search-link.on .open-search {
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8667 17.9317L23 23.0649M10.5333 20.1312C15.7984 20.1312 20.0666 15.863 20.0666 10.598C20.0666 5.33308 15.7984 1.06494 10.5333 1.06494C5.26823 1.06494 1 5.33308 1 10.598C1 15.863 5.26823 20.1312 10.5333 20.1312Z' stroke='%232D2946' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#mobile-menu .new-modal-dialog .new-modal-content .topUtile .search-link.on .open-search:hover, #mobile-menu .new-modal-dialog .new-modal-content .topUtile .search-link.on .open-search:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8667 17.9317L23 23.0649M10.5333 20.1312C15.7984 20.1312 20.0666 15.863 20.0666 10.598C20.0666 5.33308 15.7984 1.06494 10.5333 1.06494C5.26823 1.06494 1 5.33308 1 10.598C1 15.863 5.26823 20.1312 10.5333 20.1312Z' stroke='%23008656' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

#mobile-menu .new-modal-dialog .new-modal-content .topUtile .search-link div {
  display: none;
}

#mobile-menu .new-modal-dialog .new-modal-content .topUtile .search-link.on {
  width: 22px;
  height: 22px;
}
#mobile-menu .new-modal-dialog .new-modal-content .topUtile .search-link.on .open-search {
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8667 17.9317L23 23.0649M10.5333 20.1312C15.7984 20.1312 20.0666 15.863 20.0666 10.598C20.0666 5.33308 15.7984 1.06494 10.5333 1.06494C5.26823 1.06494 1 5.33308 1 10.598C1 15.863 5.26823 20.1312 10.5333 20.1312Z' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#mobile-menu .new-modal-dialog .new-modal-content .topUtile .search-link.on .open-search:hover, #mobile-menu .new-modal-dialog .new-modal-content .topUtile .search-link.on .open-search:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8667 17.9317L23 23.0649M10.5333 20.1312C15.7984 20.1312 20.0666 15.863 20.0666 10.598C20.0666 5.33308 15.7984 1.06494 10.5333 1.06494C5.26823 1.06494 1 5.33308 1 10.598C1 15.863 5.26823 20.1312 10.5333 20.1312Z' stroke='%23008656' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#mobile-menu .new-modal-dialog .new-modal-content .topUtile .search-link.on div {
  display: block;
}
#mobile-menu .new-modal-dialog .new-modal-content .topUtile .login {
  margin-left: 20px;
  width: 26px;
  height: 26px;
}

#mobile-menu .new-modal-dialog .new-modal-content .topUtile .login a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0;
  font-size: 0;
}

#mobile-menu .new-modal-dialog .new-modal-content .topUtile .login a i {
  position: relative;
  top: 1px;
  display: block;
  width: 28px;
  height: 28px;
  color: #fff;
  font-size: 28px;
  transition: all 0.3s;
}

#mobile-menu .new-modal-dialog .new-modal-content .topUtile .login a:hover i,
#mobile-menu .new-modal-dialog .new-modal-content .topUtile .login a:focus i {
  color: #fff;
}

#mobile-menu .new-modal-dialog .new-modal-content .topUtile .mypage {
  margin-left: 20px;
  width: 20px;
  height: 23px;
}

#mobile-menu .new-modal-dialog .new-modal-content .topUtile .mypage a {
  display: block;
  font-size: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='26' viewBox='0 0 23 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2741 21.0881C14.2741 22.8499 12.8448 24.2738 11.0885 24.2738C9.33222 24.2738 7.90283 22.8444 7.90283 21.0881' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.3408 3.50684V2.84793C12.3408 2.15528 11.7789 1.59549 11.0884 1.59549C10.3979 1.59549 9.83594 2.15745 9.83594 2.84793V3.50684' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.1377 19.5531V10.7909C4.1377 7.07072 7.24897 4.05591 11.0882 4.05591C14.9273 4.05591 18.0386 7.07072 18.0386 10.7909V19.5531' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.53125 20.4229H20.645' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='18.0748' cy='6.69246' r='3.93563' fill='%2300A569' stroke='url(%23paint0_linear_3601_4042)' stroke-width='1.5'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3601_4042' x1='14.8892' y1='5.21852' x2='21.2604' y2='9.11735' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23008656'/%3E%3Cstop offset='1' stop-color='%23008A9C'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body:after {
  display: none;
  content: "";
  position: absolute;
  z-index: 0;
  width: 120px;
  background: #f5f6f8;
  height: 100%;
  top: 120px;
  left: 0px;
  z-index: 0;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth1_ul {
  display: inline-block;
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(100% - 71px);
  margin: 0;
  padding: 0;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth1_ul.show {
  display: block !important;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth1_ul > li {
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth1_ul > li > a {
  display: block;
  position: relative;
  width: 100%;
  line-height: 1;
  box-sizing: border-box;
  z-index: 1;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth1_ul > li > a span {
  display: block;
  padding: 20px 28px 20px 31px;
  color: #000;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth1_ul > li > a.ov {
  background-color: #E34A2E;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth1_ul > li > a.ov:before {
  display: none;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth1_ul > li > a.ov span {
  color: #fff;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth1_ul > li > a:after {
  position: absolute;
  top: 20px;
  right: 28px;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1L1.00002 0L7.00011 6L6.0001 7L0 1Z' fill='%23ACAFB5'/%3E%3Cpath d='M6.0001 7L4.99989 6.00016L11 0.000155807L12 1.00016L6.0001 7Z' fill='%23ACAFB5'/%3E%3C/svg%3E%0A");
  content: "";
  background-repeat: no-repeat;
  background-position: 50%;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth1_ul > li > a.ov:after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.444336 6L1.3888 7L7.16667 1L6.2222 0L0.444336 6Z' fill='white'/%3E%3Cpath d='M6.2222 0L5.27756 0.999842L11.0554 6.99984L11.9999 5.99984L6.2222 0Z' fill='white'/%3E%3C/svg%3E%0A");
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth1_ul > li > a[target=_blank]:after,
#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul > li > a.ov[target=_blank]:after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.2 0H0V12H12V6.8H10.8V10.8H1.2V1.2H5.2V0Z' fill='%23ACAFB5'/%3E%3Cpath d='M6.4 0H12V1.2H6.4V0Z' fill='%23ACAFB5'/%3E%3Cpath d='M12 0V5.6H10.8V0H12Z' fill='%23ACAFB5'/%3E%3Cpath d='M11.4155 1.4061L6.9671 5.85453L6.1609 5.04833L10.6093 0.5999L11.4155 1.4061Z' fill='%23ACAFB5'/%3E%3C/svg%3E%0A");
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth1_ul > li > a.ov + .depth2_ul {
  display: block;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul {
  display: none;
  width: 100%;
  padding: 15px;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul > li {
  width: 100%;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul > li:first-child {
  border: 0;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul > li > a {
  display: block;
  position: relative;
  width: 100%;
  padding: 7px 11px 7px 25px;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul > li > a span {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul > li > a:before {
  position: absolute;
  right: 13px;
  top: 18px;
  width: 12px;
  height: 7px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1L1.00002 0L7.00011 6L6.0001 7L0 1Z' fill='%23ACAFB5'/%3E%3Cpath d='M6.0001 7L4.99989 6.00016L11 0.000155807L12 1.00016L6.0001 7Z' fill='%23ACAFB5'/%3E%3C/svg%3E%0A");
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul > li > a.ov span {
  color: #E34A2E;
  font-weight: 700;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul > li > a.ov span,
#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul > li > a:hover span,
#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul > li > a:focus span {
  color: #E34A2E;
  font-weight: 700;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul > li > a.ov:before,
#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul > li > a:hover:before,
#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul > li > a:focus:before {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6L11 7L4.99989 1L5.9999 0L12 6Z' fill='%23103991'/%3E%3Cpath d='M5.9999 0L7.00011 0.999842L1.00002 6.99984L0 5.99984L5.9999 0Z' fill='%23103991'/%3E%3C/svg%3E%0A");
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul li .depth3_ul {
  display: none;
  background: #F4F8F7;
  padding: 20px 27px;
  border-radius: 10px;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul li a.ov + .depth3_ul {
  display: block;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul li .depth3_ul > li {
  padding: 0;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul li .depth3_ul > li > a {
  display: block;
  position: relative;
  padding: 5px 0 5px 10px;
  color: #444;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul li .depth3_ul > li > a:before {
  position: absolute;
  left: 0;
  top: 11px;
  width: 3px;
  height: 3px;
  background: #C0C0C0;
  border-radius: 50%;
  content: "";
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul li .depth3_ul > li > a:hover,
#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul li .depth3_ul > li > a:focus {
  color: #E34A2E;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul li .depth3_ul > li > a:hover:before,
#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .depth2_ul li .depth3_ul > li > a:focus:before {
  background: #E34A2E;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .gnb_info {
  display: none;
}

#mobile-menu .new-modal-dialog .new-modal-content .new-modal-body .mobile-close {
  position: absolute;
  left: -43px;
  top: 33px;
  border: 0;
  width: 21px;
  height: 21px;
  font-size: 0;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.2891 1.41382L1.00025 20.7026M1 1.67709L20.2888 20.9659' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: 11;
}

.new-modal-backdrop.m-in {
  opacity: 0.8;
}

.m-fade {
  opacity: 0;
  transition: opacity 0.15s linear;
  -webkit-transition: opacity 0.15s linear;
}

.m-fade.m-in {
  opacity: 1;
}

/* bootstrap */
/* modal -> new-mobile */
.new-mobile {
  display: none;
  position: fixed;
  z-index: 1050;
  overflow: auto;
  outline: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.new-mobile {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* modal-backdrop */
.new-modal-backdrop {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 1040;
  background-color: #000;
}

.new-modal-backdrop.m-fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.new-modal-backdrop.m-in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* modal-dialog */
.new-modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.new-mobile.m-fade .new-modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -o-transition: -o-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transform: translate(0, -25%);
}

.new-mobile.m-in .new-modal-dialog {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
}

/* modal-content */
.new-modal-content {
  position: relative;
  border-radius: 6px;
  outline: 0;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: none;
  border: none;
}

/* modal-body */
.new-modal-body {
  position: relative;
  padding: 20px;
}

/* 반응형 */
@media (max-width: 768px) {
  #mobile-menu .new-modal-dialog .new-modal-content .topUtile {
    height: 70px;
    padding: 20px 15px;
  }
}
@media (min-width: 768px) {
  .new-modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .new-modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 450px) {
  #mobile-menu .new-modal-dialog {
    max-width: 300px;
  }
}
@media (max-width: 360px) {
  #mobile-menu .new-modal-dialog {
    max-width: 280px;
  }
}
@media (max-width: 320px) {
  #mobile-menu .new-modal-dialog {
    max-width: 240px;
  }
}
#op_layout {
  position: relative;
  z-index: 9999;
  height: 0;
  text-align: center;
}

#op_layout.on {
  display: block;
  height: 130px;
  background: #E34A2E;
}

#op_layout .title_box {
  display: none;
}

#op_layout.on .title_box {
  display: block;
}

#op_layout .title_box strong {
  display: block;
  position: absolute;
  left: 40px;
  top: 50%;
  padding-left: 35px;
  margin-top: -14px;
  background: url(/site_images/career/main/pop2.png) no-repeat;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}

#op_layout .btn_open {
  position: absolute;
  right: 350px;
  bottom: -54px;
  z-index: 999;
}

#op_layout .btn_open a {
  display: block;
}

#op_layout .btn_open a span {
  display: block;
  padding-left: 25px;
  background: url(/site_images/career/main/pop3.png) no-repeat left center;
  font-size: 15px;
  color: #fff;
}

#op_layout .op_wrap {
  overflow: hidden;
  display: none;
  width: 1320px; /* height:130px; */
  margin: 0 auto;
}

#op_layout.on .op_wrap {
  display: block;
}

#op_layout .op_wrap .sliderBox {
  display: none;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 131px !important;
  margin: 0 auto;
  background: url(/site_images/career/main/pop1.png) no-repeat left bottom;
}

#op_layout.on .op_wrap .sliderBox {
  display: block;
}

#op_layout .op_wrap .sliderBox ul {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

#op_layout .op_wrap .sliderBox ul li {
  display: none;
  overflow: hidden;
  position: relative;
  height: 100%;
  padding: 0 275px;
}

#op_layout .op_wrap .sliderBox ul li.on {
  display: block;
}

#op_layout .op_wrap .sliderBox ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

#op_layout .op_wrap .sliderBox ul li strong {
  display: block;
  overflow: hidden;
  position: relative;
  line-height: 130px;
  padding-right: 135px;
  color: #fff;
  font-size: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#op_layout .op_wrap .sliderBox ul li strong b {
  display: inline-block;
  font-weight: bold;
  margin-right: 20px;
}

#op_layout .op_wrap .sliderBox ul li span {
  display: block;
  position: absolute;
  right: 0;
  top: 47.5px;
  width: 110px;
  height: 35px;
  line-height: 38px;
  border-radius: 50px;
  background: var(--secondary-color);
  text-align: center;
  color: #fff;
  font-size: 14px;
}

#op_layout .op_wrap .controlBox {
  display: none;
  position: absolute;
  right: 50%;
  top: 45px;
  z-index: 99;
  margin-right: -655px;
}

#op_layout.on .op_wrap .controlBox {
  display: block;
}

#op_layout .op_wrap .controlBox .pageCount {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  color: #fff;
}

#op_layout .op_wrap .controlBox .pageCount span {
  display: inline-block;
  margin: 0 2px;
  font-size: 14px;
  color: #fff;
}

#op_layout .op_wrap .controlBox .pageCount span.num {
  font-weight: bold;
}

#op_layout .op_wrap .controlBox button {
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  border: 1px solid #fff;
  border-radius: 50%;
  vertical-align: middle;
  font-size: 0;
}

#op_layout .op_wrap .controlBox button:before,
#op_layout .op_wrap .controlBox button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

#op_layout .op_wrap .controlBox button.btn_prev:before,
#op_layout .op_wrap .controlBox button.btn_next:before {
  width: 10px;
  height: 10px;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

#op_layout .op_wrap .controlBox button.btn_prev:before {
  top: 5px;
  border-width: 1px 0 0 1px;
}

#op_layout .op_wrap .controlBox button.btn_next:before {
  bottom: 5px;
  border-width: 0 1px 1px 0;
}

#op_layout .popbtnbox {
  display: none;
  position: absolute;
  right: 40px;
  top: 54px;
  z-index: 99;
}

#op_layout.on .popbtnbox {
  display: block;
}

#op_layout .never {
  display: inline-block;
}

#op_layout .never input {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

#op_layout .never label {
  margin: 0;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
}

#op_layout .btn_close {
  display: inline-block;
  vertical-align: middle;
}

#op_layout .btn_close a {
  display: block;
  opacity: 1;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 0 0 10px;
  font-size: 0;
}

#op_layout .btn_close a:before,
#op_layout .btn_close a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

#op_layout .btn_close a:before {
  width: 100%;
  height: 1px;
  background: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

#op_layout .btn_close a:after {
  width: 1px;
  height: 100%;
  background: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

@media (max-width: 1750px) {
  .popupon #gnb_layout .depth1_ul > li > a {
    padding: 0 30px;
  }
  #op_layout .op_wrap .controlBox {
    margin-right: -520px;
  }
  #op_layout.on .title_box {
    display: none;
  }
}
@media (max-width: 1599px) {
  #op_layout .btn_open {
    right: 165px;
  }
  #op_layout .btn_open a span {
    min-height: 24px;
    font-size: 0;
  }
  #op_layout .popbtnbox {
    top: auto;
    bottom: 15px;
  }
  #op_layout .op_wrap {
    width: 100%;
  }
  #op_layout .op_wrap .sliderBox {
    background-position: 30px bottom;
    background-size: 210px auto;
  }
  #op_layout .op_wrap .sliderBox ul li {
    padding: 0 205px 0 275px;
  }
  #op_layout .op_wrap .sliderBox ul li strong {
    line-height: 1.5;
    margin: 20px 0 0;
    padding: 0;
    text-align: left;
  }
  #op_layout .op_wrap .sliderBox ul li strong b {
    display: block;
    margin: 0;
  }
  #op_layout .op_wrap .sliderBox ul li span {
    position: static;
    width: 95px;
    height: 30px;
    line-height: 30px;
    margin: 5px 0 0;
  }
  #op_layout .op_wrap .controlBox {
    right: 40px;
    margin: 0;
  }
  .popupon #top_layout .top_wrap .utile_wrap li.login a,
  .popupon #top_layout .top_wrap .utile_wrap li.logout a {
    font-size: 0;
  }
}
@media (max-width: 1319px) {
  #op_layout .btn_open {
    right: 125px;
  }
}
@media (max-width: 1280px) {
  .cont3 .item .number-b span {
    display: block;
  }
  .cont3 .item .number-b strong {
    font-size: 45px;
  }
}
@media (max-width: 1023px) {
  #op_layout .btn_open {
    right: 95px;
  }
  #op_layout .op_wrap .sliderBox {
    background: none;
  }
  #op_layout .op_wrap .sliderBox ul li {
    padding: 0 155px 0 30px;
  }
  #op_layout .op_wrap .sliderBox ul li strong {
    margin: 20px 0 10px;
    font-size: 16px;
  }
  #op_layout .op_wrap .sliderBox ul li strong b {
    margin: 0 0 5px;
  }
  #op_layout .op_wrap .controlBox {
    right: 30px;
  }
  #op_layout .popbtnbox {
    right: 30px;
  }
}
@media (max-width: 580px) {
  #op_layout.on {
    height: 175px;
  }
  #op_layout .op_wrap .sliderBox ul li {
    padding: 0 30px;
  }
  #op_layout .op_wrap .sliderBox ul li strong {
    margin: 20px 0 15px;
  }
  #op_layout .op_wrap .controlBox {
    top: auto;
    bottom: 55px;
  }
  #op_layout .popbtnbox {
    right: 50%;
    margin-right: -85px;
  }
}
#svisual_layout {
  position: relative;
  overflow: hidden !important;
  height: 300px;
  padding: 40px 0 20px;
  z-index: 10 !important;
}
@media (max-width: 1199px) {
  #svisual_layout {
    height: 200px;
  }
}
@media (max-width: 991px) {
  #svisual_layout {
    height: 190px;
  }
}
@media (max-width: 768px) {
  #svisual_layout {
    height: auto;
    padding: 30px 0 0;
  }
}
#svisual_layout:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 210px;
  background-color: #a5a195;
  background-image: url("/newimg/main_bg.png");
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: cover;
  animation: zoom-out 3s linear forwards;
}
@media (max-width: 767.98px) {
  #svisual_layout::before,
  #svisual_layout:before {
    display: none !important;
  }
}

@keyframes textup {
  10% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes zoom-out {
  0% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}

#svisual_layout.backgroundtopImage:before {
  background-image: url("/newimg/background1.png");
}

#svisual_layout.backgroundtopImage10:before {
  background-image: url("/newimg/background1.png");
}
#svisual_layout.backgroundtopImage20:before {
  background-image: url("/newimg/background2.png");
}
#svisual_layout.backgroundtopImage30:before {
  background-image: url("/newimg/background3.png");
}
#svisual_layout.backgroundtopImage40:before {
  background-image: url("/newimg/background4.png");
}
#svisual_layout.backgroundtopImage50:before {
  background-image: url("/newimg/background5.png");
}
#svisual_layout.backgroundtopImage60:before {
  background-image: url("/newimg/background6.png");
}

#svisual_layout .svisual_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  z-index:2;
}
@media (max-width: 360px) {
  #svisual_layout .svisual_wrap {
    display: flex;
    align-items: center;
  }
}
#svisual_layout .subvisual-layout {
  position: relative;
  padding-top: 98px;
  width: 100%;
  height: 100%;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}
@media (max-width: 1199px) {
  #svisual_layout .subvisual-layout {
    padding-top: 50px;
  }
}
@media (max-width: 991px) {
  #svisual_layout .subvisual-layout {
    padding-top: 60px;
    padding-bottom: 20px;
  }
}
@media (max-width: 400px) {
  #svisual_layout .subvisual-layout {
    padding-top: 50px;
    height: auto;
  }
}
#svisual_layout .subvisual-layout .subvisual-layout__title,
#svisual_layout .subvisual-layout .subvisual-layout__text {
  display: block;
  overflow: hidden;
  color: #111;
  line-height: 1.1; /* line-height를 1.1로 수정하여 em 위쪽이 잘리지 않도록 함 */
  opacity: 0.9;
}
#svisual_layout .subvisual-layout .subvisual-layout__title em,
#svisual_layout .subvisual-layout .subvisual-layout__text em {
  display: block;
  animation: textup 10s linear;
  transform: translateY(140%);
  animation-fill-mode: forwards;
  padding-top: 0.2em; /* em 위쪽에 여유를 줌 */
  box-sizing: border-box;
}
#svisual_layout .subvisual-layout .subvisual-layout__title em {
  animation-delay: 0.5s;
}
#svisual_layout .subvisual-layout .subvisual-layout__title {
  font-size: 34px;
  font-weight: 700;
  letter-spacing: -0.065rem;
}
@media (max-width: 1280px) {
  #svisual_layout .subvisual-layout .subvisual-layout__title {
    font-size: 32px;
  }
}
@media (max-width: 1100px) {
  #svisual_layout .subvisual-layout .subvisual-layout__title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #svisual_layout .subvisual-layout .subvisual-layout__title {
    font-size: 28px;
  }
}
@media (max-width: 640px) {
  #svisual_layout .subvisual-layout .subvisual-layout__title {
    font-size: 26px;
  }
}
@media (max-width: 420px) {
  #svisual_layout .subvisual-layout .subvisual-layout__title {
    font-size: 24px;
  }
}
@media (max-width: 360px) {
  #svisual_layout .subvisual-layout .subvisual-layout__title {
    font-size: 22px;
  }
}
#svisual_layout .subvisual-layout .subvisual-layout__text {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.035rem;
}
@media (max-width: 1100px) {
  #svisual_layout .subvisual-layout .subvisual-layout__text {
    font-size: 15px;
  }
}
@media (max-width: 640px) {
  #svisual_layout .subvisual-layout .subvisual-layout__text {
    font-size: 14px;
  }
}
@media (max-width: 420px) {
  #svisual_layout .subvisual-layout .subvisual-layout__text {
    font-size: 13px;
  }
}
#svisual_layout .subvisual-layout .image-license {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 20;
  color: #444;
  font-size:12px;
}
#location {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  margin: 0 0 30px auto;
  padding: 0;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 1499px) {
  #location {
    right: 30px;
  }
}
@media (max-width: 1199px) {
  #location {
    bottom: 35px;
  }
}
@media (max-width: 991px) {
  #location {
    bottom: 30px;
  }
}
@media (max-width: 768px) {
  #location {
    bottom: 15px;
  }
  #svisual_layout .subvisual-layout .image-license {
    right: 5px;
  }
}
@media (max-width: 645px) {
  #location {
    bottom: 20px;
  }
}
@media (max-width: 500px) {
  #location {
    display:none;
  }
}
#location #navi-dropdown {
  position: relative;
  z-index: 10;
}
@media (max-width: 360px) {
  #location #navi-dropdown {
    display: none;
  }
  #svisual_layout .subvisual-layout .image-license {
    display:none;
  }
}
#location #navi-dropdown .path {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: 40px;
}
#location #navi-dropdown .path > li {
  width: auto;
  max-width: 175px;
  height: 40px;
  margin-right: 10px;
}
#location #navi-dropdown .path > li > a,
#location #navi-dropdown .path > li > .button {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  align-items: center;
  padding: 0 0 0 10px;
  background-color: transparent;
}
#location #navi-dropdown .path > li > a span,
#location #navi-dropdown .path > li > .button span {
  position: relative;
  display: block;
  padding: 1px 0;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: #444;
  letter-spacing: 0.16px;
  transition: all 0.3s ease-out;
  text-align: left;
}
@media (max-width: 500px) {
  #location #navi-dropdown .path > li > a span,
  #location #navi-dropdown .path > li > .button span {
    font-size: 15px;
  }
}
#location #navi-dropdown .path > li > a span:before,
#location #navi-dropdown .path > li > .button span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #666;
  opacity: 0;
  transition: all 0.3s ease-out;
}
#location #navi-dropdown .path > li > a:before, #location #navi-dropdown .path > li > a:after,
#location #navi-dropdown .path > li > .button:before,
#location #navi-dropdown .path > li > .button:after {
  content: "";
  position: absolute;
  top: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
  transform: translate(0, -50%);
}
#location #navi-dropdown .path > li > .button:after {
  display:none;
}
#location #navi-dropdown .path > li > a:before,
#location #navi-dropdown .path > li > .button:before {
  left: 0;
  width: 6px;
  height: 12px;
  background-size: auto 100%;
  opacity: 0.6;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 2L5 6L1 10V2Z' fill='%236a6753'/%3E%3C/svg%3E%0A");
}
#location #navi-dropdown .path > li > a:focus,
#location #navi-dropdown .path > li > .button:focus {
  outline: 1px dashed #000;
}
#location #navi-dropdown .path > li.n1 {
  width: 16px;
  max-width: none;
}
#location #navi-dropdown .path > li.n1 > a {
  padding: 0;
  font-size: 0;
  line-height: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.576172L19.1738 7.90234L18.0137 9.3418L17.3262 8.7832V17.0762H11.8262V10.6738H8.17383V17.0762H2.67383V8.7832L1.98633 9.3418L0.826172 7.90234L10 0.576172Z' fill='%236a6753'/%3E%3C/svg%3E%0A");
  background-size: 22px;
}
#location #navi-dropdown .path > li.n1 > a:before, #location #navi-dropdown .path > li.n1 > a:after {
  display: none;
}
@media (max-width: 500px) {
  #location #navi-dropdown .path > li.n2 {
    display: none;
  }
}
#location #navi-dropdown .path > li .dropdown-menu {
  margin-top: 10px;
  left: auto;
  right: 0;
  padding: 20px 19px;
  width: 100%;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
  border: none;
}
#location #navi-dropdown .path > li .dropdown-menu > li {
  display: block;
  word-break: break-all;
  line-height: 0;
  margin: 2px 0;
}
#location #navi-dropdown .path > li .dropdown-menu > li > a {
  position: relative;
  display: block;
  padding: 4px 0;
  color: #222;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.15px;
  transition: all 0.3s ease-out;
  word-break: break-all;
  white-space: break-spaces;
}
#location #navi-dropdown .path > li .dropdown-menu > li > a:before {
  content: "";
  opacity: 0;
  transition: all 0.3s ease-out;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 1px;
  background-color: #E34A2E;
}
#location #navi-dropdown .path > li .dropdown-menu > li > a:hover, #location #navi-dropdown .path > li .dropdown-menu > li > a:focus {
  color: #E34A2E;
  background-color: transparent;
  font-weight: 600;
}
#location #navi-dropdown .path > li .dropdown-menu > li > a:hover:before, #location #navi-dropdown .path > li .dropdown-menu > li > a:focus:before {
  width: 100%;
  opacity: 1;
}
#location #navi-dropdown .path > li.open > a span:before,
#location #navi-dropdown .path > li.open > button span:before {
  opacity: 1;
  width: 100%;
}
.utile_wrap {
  display: flex;
  flex-wrap: wrap;
}
.utile_wrap .print_wrap {
  display: flex;
  flex-wrap: wrap;
}
.utile_wrap .print_wrap > li {
  margin-left: 10px;
  width: 38px;
  height: 38px;
}
.utile_wrap .print_wrap > li > button {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-out;
  cursor: pointer;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.utile_wrap .print_wrap > li > button span {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
}
.utile_wrap .print_wrap > li > button:hover,
.utile_wrap .print_wrap > li > button:focus {
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: #fff;
}
.utile_wrap .print_wrap > li > button.print span {
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6376 10.1102H2.86259V14.1602H11.6376V10.1102Z' stroke='%236e6f5d' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 6.0602H14V12.1352H11.6433V10.1102H2.85592V12.1352H0.5V6.0602Z' stroke='%236e6f5d' stroke-linejoin='round'/%3E%3Cpath d='M11.9748 0.660156H2.52482V6.06016H11.9748V0.660156Z' stroke='%236e6f5d' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.utile_wrap .print_wrap > li > button.print:hover span, .utile_wrap .print_wrap > li > button.print:focus span {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6376 10.1102H2.86259V14.1602H11.6376V10.1102Z' stroke='%236e6f5d' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 6.0602H14V12.1352H11.6433V10.1102H2.85592V12.1352H0.5V6.0602Z' stroke='%236e6f5d' stroke-linejoin='round'/%3E%3Cpath d='M11.9748 0.660156H2.52482V6.06016H11.9748V0.660156Z' stroke='%236e6f5d' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.utile_wrap .print_wrap > li > button.copy span {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00365 13.0368C9.00365 13.0368 13.0632 8.86146 14.0781 7.81764C15.093 6.77379 15.6004 4.16425 13.8244 2.33754C12.0483 0.510851 9.5111 1.03276 8.49617 2.07659C7.48129 3.1204 2.1531 8.6005 1.64565 9.12241C1.1382 9.64432 0.377027 11.471 1.89937 13.0368C3.42171 14.6025 5.1978 13.8196 5.70524 13.2977C6.21268 12.7758 11.7946 7.03474 12.302 6.51283C12.8095 5.99093 13.0632 4.68616 12.302 3.9033C11.5409 3.1204 10.2723 3.38135 9.76482 3.9033C9.25738 4.4252 4.94407 8.86146 4.94407 8.86146' stroke='%236e6f5d' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
}
.utile_wrap .print_wrap > li > button.copy:hover span, .utile_wrap .print_wrap > li > button.copy:focus span {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00365 13.0368C9.00365 13.0368 13.0632 8.86146 14.0781 7.81764C15.093 6.77379 15.6004 4.16425 13.8244 2.33754C12.0483 0.510851 9.5111 1.03276 8.49617 2.07659C7.48129 3.1204 2.1531 8.6005 1.64565 9.12241C1.1382 9.64432 0.377027 11.471 1.89937 13.0368C3.42171 14.6025 5.1978 13.8196 5.70524 13.2977C6.21268 12.7758 11.7946 7.03474 12.302 6.51283C12.8095 5.99093 13.0632 4.68616 12.302 3.9033C11.5409 3.1204 10.2723 3.38135 9.76482 3.9033C9.25738 4.4252 4.94407 8.86146 4.94407 8.86146' stroke='%236e6f5d' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1199.98px) {
  .utile_wrap .print_wrap > li.n3 {
    display: none;
  }
}

.lnb_wrap {
  flex-shrink: 0;
  position: absolute;
  top: 4.6rem;
  z-index: 10;
  padding: 0;
  width:100%;
  margin-left: 3px;
  max-width: 270px;
  letter-spacing: -0.035rem;
}
.lnb_wrap.on {
  position: sticky;
  top: 7.5rem;
}
.lnb_wrap::before {
  content: "";
  position: absolute;
  top: calc(1.6rem + 1px);
  left: 0;
  width: 100%;
  height: calc(100% - 1.6rem - 1px);
  border: 1px solid #d9d9d9;
  border-radius: 0.8rem;
  box-shadow: 0.3rem 0.3rem 0 rgba(11, 44, 97, 0.03);
}

@media (max-width: 1199.98px) {
  .lnb_wrap {
    display: none;
  }
}
.lnb_wrap .lnb__title {
  display: flex;
  align-items: flex-end;
  position: relative;
  padding: 1.5rem 2rem;
  height: 8rem;
  box-shadow: 0 0.2rem 1rem rgba(11, 44, 97, 0.23);
  border-radius: 0.8rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  z-index: 1;
  background-image: url("/newimg/rimg.png"), linear-gradient(131deg, #e4492e 40.43%, #f44d30 79.1%);
  background-size: 60%, auto;
  background-repeat: no-repeat, no-repeat;
  background-position: 100% -5%;
}
.lnb_wrap .lnb__title strong {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.3;
  font-weight: bold;
}
.lnb_wrap .depth2_ul {
  position: relative;
  padding: 1.4rem 1.4rem 2rem;
}
.lnb_wrap .depth2_ul > li {
  position: relative;
  margin:2px 0;
}
.lnb_wrap .depth2_ul > li + li {
  margin: 0;
}
.lnb_wrap .depth2_ul > li > a {
  position: relative;
  display: block;
  width: 100%;
  min-height: 45px;
  padding: 14px 15px 12px;
  border-bottom: 1px dashed #dad2d2;
  border-radius: 0;
  transition: all 0.3s;
}
.lnb_wrap .depth2_ul > li:last-child > a {
  border-bottom: 0;
}
.lnb_wrap .depth2_ul > li > a::before {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -0.75em;
  display: block;
  font-family: "FontAwesome";
  font-size: 1em;
  content: "\f105";
  color: currentColor;
  color:#aaa;
}
.lnb_wrap .depth2_ul > li > a[target=_blank]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M5.99117 0.5H0.951172V12.5H12.9512V7.46H11.5112V11.06H2.39117V1.94H5.99117V0.5Z' fill='%23999999'/%3E%3Cpath d='M7.43117 0.5H12.9512V1.94H7.43117V0.5Z' fill='%23999999'/%3E%3Cpath d='M12.9512 0.5V6.02H11.5112V0.5H12.9512Z' fill='%23999999'/%3E%3Cpath d='M12.2498 2.18732L8.11169 6.32543L7.14425 5.35799L11.2824 1.21988L12.2498 2.18732Z' fill='%23999999'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.lnb_wrap .depth2_ul > li > a span {
  display: block;
  color: #444;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.54px;
  transition: all 0.3s;
}
.lnb_wrap .depth2_ul > li > a:hover, .lnb_wrap .depth2_ul > li > a:focus {
  background-color: #fafafa;
}
.lnb_wrap .depth2_ul > li > a:hover::before, .lnb_wrap .depth2_ul > li > a:focus::before {
  background-color: transparent;
}
.lnb_wrap .depth2_ul > li > a:hover span, .lnb_wrap .depth2_ul > li > a:focus span {
  color: #000;
  font-weight: 400;
}
.lnb_wrap .depth2_ul > li.on > a {
  background: #fff5f3;
  padding: 14px 15px 12px;
  border-bottom: 0;
}
.lnb_wrap .depth2_ul > li.on > a::before {
  color:#e4492e;
}
.lnb_wrap .depth2_ul > li.on::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #e4492e;
}
.lnb_wrap .depth2_ul > li.on > a span {
  color: #e4492e;
  font-weight: 700;
}
.lnb_wrap .depth2_ul > li.on .depth3_ul {
  border-bottom: 1px solid #6f8599;
  display: block;
  visibility: visible;
  height: auto;
}
.lnb_wrap .depth2_ul > li.on .depth3_ul::before {
  position: absolute;
  right: 20px;
  top: 21px;
  display: block;
  width: 14px;
  height: 7px;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='7' viewBox='0 0 14 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.38281 6L6.51298 1.56531C6.88852 1.24068 7.44536 1.24068 7.82091 1.56531L12.9511 6' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.lnb_wrap .depth2_ul > li .depth3_ul {
  height: 0;
  display: none;
  visibility: hidden;
  padding: 5px 0;
  border-bottom: 1px solid #EEE;
  position: relative;
  transition: all 0.3s;
}
.lnb_wrap .depth2_ul > li .depth3_ul > li > a {
  position: relative;
  display: block;
  width: 100%;
  min-height: 42px;
  padding: 8px 8px;
}
.lnb_wrap .depth2_ul > li .depth3_ul > li > a::before {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 0;
  height: 1px;
  border-bottom: 1px dashed #0040B7;
  content: "";
  transition: all 0.3s;
}
.lnb_wrap .depth2_ul > li .depth3_ul > li > a span {
  position: relative;
  display: block;
  color: #555;
  font-size: 17px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.51px;
  padding: 0 0 0 26px;
  transition: all 0.3s;
  font-family: "Pretendard";
}
.lnb_wrap .depth2_ul > li .depth3_ul > li > a span::before {
  position: absolute;
  left: 10px;
  top: 11px;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #555;
  content: "";
  transition: all 0.3s;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.lnb_wrap .depth2_ul > li .depth3_ul > li > a:hover::before, .lnb_wrap .depth2_ul > li .depth3_ul > li > a:focus::before {
  width: 100%;
}
.lnb_wrap .depth2_ul > li .depth3_ul > li > a:hover span, .lnb_wrap .depth2_ul > li .depth3_ul > li > a:focus span {
  color: #0040B7;
}
.lnb_wrap .depth2_ul > li .depth3_ul > li > a:hover span::before, .lnb_wrap .depth2_ul > li .depth3_ul > li > a:focus span::before {
  background-color: transparent;
  border-radius: 0;
  left: 8px;
  top: 9px;
  width: 9px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.17592' y='2.61238' width='3.92673' height='3.92673' transform='rotate(-15 2.17592 2.61238)' stroke='%23386ED2' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.lnb_wrap .depth2_ul > li .depth3_ul > li.on > a::before {
  width: 100%;
}
.lnb_wrap .depth2_ul > li .depth3_ul > li.on > a span {
  color: #0040B7;
}
.lnb_wrap .depth2_ul > li .depth3_ul > li.on > a span::before {
  background-color: transparent;
  border-radius: 0;
  left: 8px;
  top: 9px;
  width: 9px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.17592' y='2.61238' width='3.92673' height='3.92673' transform='rotate(-15 2.17592 2.61238)' stroke='%23386ED2' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.lnb_wrap .depth2_ul > li .depth3_ul > li:last-child > a:hover::before, .lnb_wrap .depth2_ul > li .depth3_ul > li:last-child > a:focus::before {
  display: none;
}
.lnb_wrap .depth2_ul > li .depth3_ul > li:last-child.on > a::before {
  display: none;
}

#body_layout {
  position: relative;
  z-index: 12;
  overflow: visible;
  padding: 0;
}
/* 상단 메뉴가 fixed 이므로 본문은 헤더 높이만큼 아래에서 시작 */
#top_layout + #body_layout {
  margin-top: 98px;
}
#body_layout .body_wrap {
  position: relative;
  width: 100%;
  max-width: 1440px;
  min-height: 335px;
  padding: 20px 0 60px;
}
#body_layout #txt {
  position: relative;
  width: 100%;
}
#body_layout #txt .tab-layout {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (max-width: 1499px) {
  #body_layout .body_wrap {
    padding: 0 20px 20px;
  }
  #location {
    margin-bottom: 10px;
    justify-content: flex-end;
  }
}

@media (max-width: 1199px) {
  #body_layout {
    padding: 0;
  }
  #top_layout + #body_layout {
    margin-top: 80px;
  }
  #body_layout .contents_wrap {
    padding: 0 5px;
  }
}
@media (max-width: 991px) {
  #body_layout {
    padding: 5px 0 10px;
  }
}
@media (max-width: 767px) {
  #body_layout {
    padding: 0 0 10px;
  }
  #top_layout + #body_layout {
    margin-top: 70px;
  }
  #body_layout .contents_wrap {
    padding: 5px;
  }
  #body_layout #txt .tab-layout .tab-ul.col3 li {
    width: 33.33%;
  }
}
@media (max-width: 540px) {
  #body_layout #txt .tab-layout .tab-ul.col3 li {
    width: 100%;
  }
  #body_layout .contents_wrap {
    padding: 5px 0;
  }
}
#body_layout #txt .tab-layout .tab-ul.col3 li a {
  padding-left: 10px;
  padding-right: 30px;
}
@media (max-width: 420px) {
  #body_layout #txt .tab-layout .tab-ul.col3 li a span {
    font-size: 15px;
    word-break: break-all;
  }
}
#body_layout #txt .tab-layout .tab-ul.col3 li a:before {
  right: 10px;
}
#body_layout .contents_wrap {
  position: relative;
  float: none;
  margin: 0 auto;
  width: 100%;
  min-height: 500px;
}

body[data-aos-easing] #svisual_layout {
  display: none;
}

body[data-aos-easing] #body_layout {
  padding: 0;
  margin-top: -1px;
}

body[data-aos-easing] #body_layout .body_wrap {
  max-width: none;
}

#foot_layout {
  position: relative;
  background-color: #374455;
  padding: 0;
  z-index: 10;
  color: #fff;
  letter-spacing: -0.02em;
}

#foot_layout .layout {
  position: relative;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

#foot_layout .layout a {
  position: relative;
  color: #fff;
}

#foot_layout .footer-link {
  padding: 0;
  position: relative;
}

#foot_layout .footer-link ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  font-family: 'SCoreDream';
}

#foot_layout .footer-link ul li {
  position: relative;
  padding: 0 20px;
}

#foot_layout .footer-link ul li:first-child {
  padding-left: 0;
}

#foot_layout .footer-link ul li:after {
  display: block;
  position: absolute;
  right: 0;
  top: 6px;
  content: "";
  width: 1px;
  height: 15px;
  background: rgba(255, 255, 255, 0.15);
}

#foot_layout .footer-link ul li:last-child:after {
  display: none;
}

#foot_layout .footer-link ul li a {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
}

#foot_layout .footer-link ul li.on a {
  font-weight: bold;
  color: #fff;
}

#foot_layout .footer-info {
  margin: 20px 0 0;
  position: relative;
  font-size: 12px;
}

#foot_layout .footer-info address {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  line-height: 1.7;
  margin:0 0 5px;
}

#foot_layout .footer-info p {
  margin: 0;
  font-size: 12px;
  color: #fff;
  line-height: 1.7;
}

#foot_layout .footer-info a {
  color: #fff;
}

#foot_layout .footer-info div:last-child {
  font-size: 12px;
  letter-spacing: 0rem;
}

#foot_layout .col-md-4 {
  text-align: right;
}

#foot_layout .footer-info .first-info span {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: #fff;
  line-height: 1.7;
  padding-left: 26px;
}

#foot_layout .footer-info .first-info span:after {
  position: absolute;
  top: 0;
  left:0;
  display: inline-block;
  content: "|";
  color:#737C88;
  font-size:10px;
  margin: 0 10px;
}

#foot_layout .infotel_wrap {
  position: relative;
  color: #fff;
  line-height: 30px;
  display: inline-block;
  margin-left: auto;
  margin-right: 0;
  text-align: left;
}

#foot_layout .infotel_wrap span {
  font-size: 18px;
  display: block;
  padding-left: 3px;
  margin-bottom:4px;
}

#foot_layout .infotel_wrap strong {
  font-size: 38px;
  display: block;
}

#foot_layout .infotel_wrap p {
  font-size: 11px;
  padding-left: 3px;
}

/* 데스크탑 */
@media (max-width: 1340px) {
  #foot_layout .footer-info {
    padding: 0;
  }
}

@media (max-width: 1399px) {
  #foot_layout .footer-link {
    padding: 0;
  }
  #foot_layout .footer-link .footer-sns {
    display: none;
  }
  #foot_layout .footer-info address,
  #foot_layout .footer-info div,
  #foot_layout .footer-info div span {
    line-height: 1.3;
  }
}

@media (max-width: 1199px) {
  #foot_layout {
    font-size: 15px;
  }
}

/* 태블릿 */
@media (max-width: 1024px) {
  #foot_layout > .inner {
    padding: 30px 50px;
  }
  #foot_layout .footer-info address,
  #foot_layout .footer-info div,
  #foot_layout .footer-info div span {
    line-height: 90%;
  }

  #foot_layout .footer-link ul li:after {
    top: 2px;
    height: 12px;
  }
  #foot_layout .footer-link ul li:after:first-child {
    display: none;
  }
}

@media (max-width: 992px) {
  #foot_layout {
    font-size: 14px;
  }
}

@media (max-width: 872px) {
  #foot_layout .footer-info *, #foot_layout .footer-link * {
    font-size: 13px !important;
    color: #fff !important;
  }
  #foot_layout .footer-info address,
  #foot_layout .footer-info div,
  #foot_layout .footer-info div span {
    font-size: 15px;
    color: #fff;
  }
  #foot_layout .footer-info p:first-child span {
    font-size: 17px;
  }
}

/* 모바일 */
@media (max-width: 768px) {
  #foot_layout .footer-info *, #foot_layout .footer-link * {
    font-size: 13px !important;
    color: #fff !important;
  }
  #foot_layout .footer-info div:first-child a,
  #foot_layout .footer-info div:first-child span {
    font-size: 15px !important;
    color: #fff !important;
  }
  #foot_layout > .layout {
    padding: 30px 15px;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
  }

  #foot_layout .layout > .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }

  #foot_layout .layout > .row > [class*="col-"] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
  }

  #foot_layout .footer-link {
    overflow: visible;
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
  #foot_layout .footer-link ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
  }
  #foot_layout .footer-link ul li {
    float: none;
    display: inline-block;
    padding: 0 12px;
  }
  #foot_layout .footer-link ul li:first-child {
    padding-left: 12px;
  }
  #foot_layout .footer-link ul li a {
    font-size: 13px;
    color: #fff;
  }
  #foot_layout .footer-info {
    margin-top: 20px;
    position: static;
    width: 100%;
    max-width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 0 4px;
  }
  #foot_layout .footer-info .first-info {
    flex-direction: column;
    align-items: center;
    gap: 2px;
    margin-bottom: 8px;
  }
  #foot_layout .footer-info .first-info span {
    padding-left: 0;
  }
  #foot_layout .footer-info address {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    word-break: keep-all;
    overflow-wrap: break-word;
  }
  #foot_layout .footer-info address,
  #foot_layout .footer-info div,
  #foot_layout .footer-info div span {
    text-align: center;
    color: #fff;
  }

  /* 카피라이트: 한글 단어 단위 유지 + 좁은 화면에서만 필요 시 줄바꿈 */
  #foot_layout .footer-copy-line {
    display: block;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 8px;
    box-sizing: border-box;
    word-break: keep-all;
    overflow-wrap: break-word;
    line-height: 1.55;
  }
  #foot_layout .footer-copy-line > span {
    display: inline;
    word-break: keep-all;
    overflow-wrap: break-word;
  }

  #foot_layout .col-md-4 {
    text-align: center;
  }
  #foot_layout .infotel_wrap {
    display: block;
    margin: 15px auto 0;
    text-align: center;
  }
  #foot_layout .infotel_wrap span,
  #foot_layout .infotel_wrap strong,
  #foot_layout .infotel_wrap p {
    padding-left: 0;
  }
  /* 이용문의: 모바일에서 기본 대비 20% 축소 (18→14.4, 38→30.4, 11→8.8) */
  #foot_layout .infotel_wrap span {
    font-size: calc(16px * 0.8);
  }
  #foot_layout .infotel_wrap strong {
    font-size: calc(36px * 0.8);
  }
  #foot_layout .infotel_wrap p {
    font-size: calc(14px * 0.8);
  }
}

@media (max-width: 640px) {
  #foot_layout > .layout {
    max-width: none;
  }
  #foot_layout .footer-link ul {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    justify-content: center;
  }
  #foot_layout .footer-link ul li {
    padding: 0 10px;
  }
}

@media (max-width: 576px) {
  #foot_layout .footer-info *, #foot_layout .footer-link * {
    font-size: 10px !important;
    color: #fff !important;
  }
  #foot_layout .footer-info div:first-child a,
  #foot_layout .footer-info div:first-child span {
    font-size: 11px !important;
    color: #fff !important;
  }
}

@media (max-width: 481px) {
  #foot_layout > .layout {
    padding: 30px 10px;
  }
  #foot_layout .footer-link ul {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    justify-content: center;
  }
  #foot_layout .footer-link ul li {
    padding: 0 8px;
  }
  #foot_layout .footer-link ul li:first-child {
    padding-left: 8px;
  }
  #foot_layout .footer-link ul li:after,
  #foot_layout .footer-info div span:after {
    display: none;
  }
  #foot_layout .footer-info {
    margin-top: 15px;
  }
  #foot_layout .footer-info div span {
    margin:0 3px;
    color: #fff;
  }
  #foot_layout .footer-copy-line {
    padding: 0 12px;
    font-size: 11px !important;
    line-height: 1.6;
  }
}

@media (max-width: 360px) {
  #foot_layout .footer-link ul li a {
    padding: 8px 4px;
    font-size: 10px;
  }
}
.sr-only {
  font-size: 0;
}

/* 풋터 배너모음  */
.banner {
  position: relative;
  height: 104px;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%;
  overflow: hidden;
}

.banner .layout {
  position: relative;
  height: 100%;
}

.banner .layout #banner {
  position: relative;
  height: 100%;
  padding: 31px 48px;
}

.banner .layout .grep {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.banner .layout .grep .obj {
  position: relative;
  width: 100%;
  height: 100%;
  white-space: nowrap;
}

.banner .layout .grep .obj:after {
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
}

.banner .layout .grep .obj .item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 20px;
}

.banner .layout .grep .obj .item img {
  height: 40px;
  max-width: none;
}

.banner .layout .control button[data-control=prev],
.banner .layout .control button[data-control=next] {
  position: absolute;
  top: 50%;
  width: 38px;
  height: 38px;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
  background-position: 50%;
}

.banner .layout .control button[data-control=prev] {
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='23' viewBox='0 0 14 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9065 0.769531L0.8667 11.5095M0.900138 10.104L12.9399 22.144' stroke='%23666666' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.banner .layout .control button[data-control=next] {
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='23' viewBox='0 0 14 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.900138 0.769531L12.9399 11.5095M12.9065 10.104L0.866699 22.144' stroke='%23666666' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.banner .slick-list,
.banner .slick-list .slick-track,
.banner .slick-list .slick-track .slick-slide,
.banner .slick-list .slick-track .slick-slide > div {
  width: auto;
}

@media (max-width: 767px) {
  .banner .layout .grep .obj .item img {
    height: 35px;
  }
  .banner .layout .grep .obj .item a {
    padding: 0 10px;
  }
}
@media (max-width: 420px) {
  .banner .layout .grep .obj .item a {
    padding: 0 5px;
  }
}

/* ============================================================
   우측 고정 SNS 퀵메뉴 (시안: 흰 박스 + 원형 아이콘 세로 배치)
   ============================================================ */
.site-quick-sns {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: 750px;
  transform: translateY(-50%);
  z-index: 9800;
  pointer-events: none;
  opacity: 1;
  visibility: visible;
  transition: transform 0.35s ease, opacity 0.25s ease, visibility 0.25s ease;
}

.site-quick-sns.site-quick-sns--js-placed {
  transform: none !important;
}

.site-quick-sns.is-active {
  opacity: 1;
  visibility: visible;
}

.site-quick-sns.is-hidden {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%);
}

.site-quick-sns__list {
  list-style: none;
  margin: 0;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  background: #fff;
  border-radius: 15px;
  border: 1px solid #A7C5CB;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  pointer-events: auto;
}

.site-quick-sns__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  transition: transform 0.8s cubic-bezier(.4,0,.2,1);
}

.site-quick-sns__btn:hover,
.site-quick-sns__btn:focus-visible {
  transform: scale(1.06);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transform: rotateY(360deg);
}

.site-quick-sns__btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(255, 120, 60, 0.45);
}

.site-quick-sns__icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

/* 유튜브 */
.site-quick-sns__btn--youtube {
  background: #ff0000;
}

.site-quick-sns__btn--youtube .site-quick-sns__icon {
  width: 22px;
  height: 22px;
  margin-left: 2px;
}

/* 인스타그램 */
.site-quick-sns__btn--instagram {
  background: linear-gradient(
    45deg,
    #f58529,
    #dd2a7b,
    #8134af,
    #515bd4
  );
}

/* 카카오톡 채널 */
.site-quick-sns__btn--kakao {
  background: #fee500;
  color: #191919;
}

@media (max-width: 1699px) {
  .site-quick-sns {
    left: auto;
    right: 10px;
    margin-left: 0;
  }

  .site-quick-sns__list {
    padding: 8px 6px;
    gap: 8px;
    border-radius: 12px;
  }

  .site-quick-sns__btn {
    width: 44px;
    height: 44px;
  }

  .site-quick-sns__icon {
    width: 22px;
    height: 22px;
  }
}

@media (max-width: 480px) {
  .site-quick-sns {
    display: none;
  }
}

/* ============================================================
   우측 하단 고정 — 맨 위로 버튼 (뷰포트 하단에서 100px)
   template_footer 에 인라인 기본값 있음 → 여기서 보정·호버
   ============================================================ */
#siteScrollTop {
  position: fixed;
  left: 50%;
  margin-left: 750px;
  bottom: calc(60px + env(safe-area-inset-bottom, 0px));
  z-index: 99999;
  width: 55px;
  height: 55px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(253, 138, 106, 0.8);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  flex-shrink: 0;
  transform: translateY(0);
  transition: transform 0.35s ease, opacity 0.25s ease, visibility 0.25s ease, background 0.2s ease, box-shadow 0.2s ease;
  outline: none;
}

#siteScrollTop.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

#siteScrollTop.is-hidden {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.site-scroll-top:hover,
.site-scroll-top:focus-visible {
  background: #FF7953;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
  outline: 3px solid #ffe66d; /* 밝은 노랑 */
  outline-offset: 2px !important;
}

.site-scroll-top:focus-visible {
  /* 기존의 box-shadow 효과는 제거하고 밝은 노랑 아웃라인을 사용 */
  box-shadow: 0 0 0 3px #ffe66d; /* 밝은 노랑 */
}

.site-scroll-top__icon {
  width: 26px;
  height: 26px;
  margin: 0;
  flex-shrink: 0;
  display: block;
  align-self: center;
  overflow: visible;
}

.site-scroll-top__icon path {
  fill: currentColor;
  stroke: none;
}

@media (max-width: 1699px) {
  #siteScrollTop {
    width: 48px;
    height: 48px;
    left: auto;
    right: 10px;
    margin-left: 0;
  }

  .site-scroll-top__icon {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 767px) {
  #siteScrollTop {
    width: 48px;
    height: 48px;
    left: auto;
    right: 10px;
    margin-left: 0;
  }

  .site-scroll-top__icon {
    width: 20px;
    height: 20px;
  }
}