.ap2022-sr-only {position:absolute !important; overflow:hidden !important; width:1px !important; height:1px !important; margin:-1px !important; padding:0 !important; border:0 !important; clip:rect(1px,1px,1px,1px); clip-path:inset(50%);}
@charset "UTF-8";
/* font = Arita dotum */
@font-face {
  font-family: "Arita Dotum";
  font-style: normal;
  font-weight: 100;
  src: local("Arita Dotum Light");
  src: url("/int/en/resource/extra/fonts/arita/Arita-dotum-Light.woff");
  src: url("/int/en/resource/extra/fonts/arita/Arita-dotum-Light.woff") format("woff"), url("/int/en/resource/extra/fonts/arita/Arita-dotum-Light.ttf") format("truetype"); }

@font-face {
  font-family: "Arita Dotum";
  font-style: normal;
  font-weight: 400;
  src: url("/int/en/resource/extra/fonts/arita/Arita-dotum-Medium.eot");
  src: url("/int/en/resource/extra/fonts/arita/Arita-dotum-Medium.eot?#iefix") format("embedded-opentype"), url("/int/en/resource/extra/fonts/arita/Arita-dotum-Medium.woff") format("woff"), url("/int/en/resource/extra/fonts/arita/Arita-dotum-Medium.ttf") format("truetype"); }

@font-face {
  font-family: "Arita Dotum";
  font-style: normal;
  font-weight: 600;
  src: url("/int/en/resource/extra/fonts/arita/Arita-dotum-SemiBold.eot");
  src: url("/int/en/resource/extra/fonts/arita/Arita-dotum-SemiBold.eot?#iefix") format("embedded-opentype"), url("/int/en/resource/extra/fonts/arita/Arita-dotum-SemiBold.woff") format("woff"), url("/int/en/resource/extra/fonts/arita/Arita-dotum-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: "Arita Dotum";
  font-style: normal;
  font-weight: bold;
  src: url("/int/en/resource/extra/fonts/arita/Arita-dotum-Bold.woff");
  src: url("/int/en/resource/extra/fonts/arita/Arita-dotum-Bold.woff") format("woff"), url("/int/en/resource/extra/fonts/arita/Arita-dotum-Bold.ttf") format("truetype"); }

/* font = Arita Buri */
@font-face {
  font-family: "Arita Buri";
  font-style: normal;
  font-weight: 300;
  src: url("/int/en/resource/extra/fonts/arita/Arita-buriL.woff");
  src: url("/int/en/resource/extra/fonts/arita/Arita-buriL.woff") format("woff"), url("/int/en/resource/extra/fonts/arita/Arita-buriL.ttf") format("truetype"); }

@font-face {
  font-family: "Arita Buri";
  font-style: normal;
  font-weight: 400;
  src: url("/int/en/resource/extra/fonts/arita/Arita-buriM.woff");
  src: url("/int/en/resource/extra/fonts/arita/Arita-buriM.woff") format("woff"), url("/int/en/resource/extra/fonts/arita/Arita-buriM.ttf") format("truetype"); }

@font-face {
  font-family: "Arita Buri";
  font-style: normal;
  font-weight: 600;
  src: url("/int/en/resource/extra/fonts/arita/Arita-buriSB.woff");
  src: url("/int/en/resource/extra/fonts/arita/Arita-buriSB.woff") format("woff"), url("/int/en/resource/extra/fonts/arita/Arita-buriSB.ttf") format("truetype"); }

@font-face {
  font-family: "Arita Buri";
  font-style: normal;
  font-weight: bold;
  src: url("/int/en/resource/extra/fonts/arita/Arita-buriB.woff");
  src: url("/int/en/resource/extra/fonts/arita/Arita-buriB.woff") format("woff"), url("/int/en/resource/extra/fonts/arita/Arita-buriB.ttf") format("truetype"); }

/* font = playfair display */
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  src: url("/int/en/resource/extra/fonts/playfairedisplay/PlayfairDisplay-Regular.woff");
  src: url("/int/en/resource/extra/fonts/playfairedisplay/PlayfairDisplay-Regular.woff") format("woff"), url("/int/en/resource/extra/fonts/playfairedisplay/PlayfairDisplay-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: bold;
  src: url("/int/en/resource/extra/fonts/playfairedisplay/PlayfairDisplay-Bold.woff");
  src: url("/int/en/resource/extra/fonts/playfairedisplay/PlayfairDisplay-Bold.woff") format("woff"), url("/int/en/resource/extra/fonts/playfairedisplay/PlayfairDisplay-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 900;
  src: url("/int/en/resource/extra/fonts/playfairedisplay/PlayfairDisplay-Black.woff");
  src: url("/int/en/resource/extra/fonts/playfairedisplay/PlayfairDisplay-Black.woff") format("woff"), url("/int/en/resource/extra/fonts/playfairedisplay/PlayfairDisplay-Black.ttf") format("truetype"); }

@font-face {
  font-family: "montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("/int/en/resource/font/Montserrat-Medium.eot");
  src: url("/int/en/resource/font/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("/int/en/resource/font/Montserrat-Medium.woff") format("woff"), url("/int/en/resource/font/Montserrat-Medium.ttf") format("truetype"); }

@font-face {
  font-family: "montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("/int/en/resource/font/Montserrat-SemiBold.eot");
  src: url("/int/en/resource/font/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("/int/en/resource/font/Montserrat-SemiBold.woff") format("woff"), url("/int/en/resource/font/Montserrat-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: "montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("/int/en/resource/font/Montserrat-Bold.eot");
  src: url("/int/en/resource/font/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("/int/en/resource/font/Montserrat-Bold.woff") format("woff"), url("/int/en/resource/font/Montserrat-Bold.ttf") format("truetype"); }

/* 20231123 Pretendard 추가 */

@font-face {
  font-family: 'Pretendard';
  font-weight: 900;
  font-display: swap;
  src:url('/int/en/resource/font/Pretendard-Black.subset.woff2') format('woff2'),  
url('/int/en/resource/font/Pretendard-Black.subset.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 800;
  font-display: swap;
  src: url('/int/en/resource/font/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('/int/en/resource/font/Pretendard-ExtraBold.subset.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-display: swap;
  src:url('/int/en/resource/font/Pretendard-Bold.subset.woff2') format('woff2'), url('/int/en/resource/font/Pretendard-Bold.subset.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  font-display: swap;
  src:url('/int/en/resource/font/Pretendard-SemiBold.subset.woff2') format('woff2'),  url('/int/en/resource/font/Pretendard-SemiBold.subset.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-display: swap;
  src:url('/int/en/resource/font/Pretendard-Medium.subset.woff2') format('woff2'),  url('/int/en/resource/font/Pretendard-Medium.subset.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-display: swap;
  src:url('/int/en/resource/font/Pretendard-Regular.subset.woff2') format('woff2'),  url('/int/en/resource/font/Pretendard-Regular.subset.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-display: swap;
  src:url('/int/en/resource/font/Pretendard-Light.subset.woff2') format('woff2'),  url('/int/en/resource/font/Pretendard-Light.subset.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 200;
  font-display: swap;
  src:url('/int/en/resource/font/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('/int/en/resource/font/Pretendard-ExtraLight.subset.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 100;
  font-display: swap;
  src:url('/int/en/resource/font/Pretendard-Thin.subset.woff2') format('woff2'), url('/int/en/resource/font/Pretendard-Thin.subset.woff') format('woff');
}

/* font */
.font-helvetica {
  font-family: "Helvetica Neue", Helvetica, sans-serif; }

.font-playfair {
  font-family: "Playfair Display", sans-serif; }

.font-aritaburi {
  font-family: "Arita Buri", sans-serif; }

body {
  font-family: "Arita Dotum", "Helvetica Neue", sans-serif;
  font-size: 16px;
  color: #000;
  position: relative; }

/* container */
.container {
  min-width: 320px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 768px) {
    .container {
      width: 768px;
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 1024px) {
    .container {
      width: 984px; } }
  @media (min-width: 1280px) {
    .container {
      width: 1280px; } }
  @media (min-width: 1440px) {
    .container {
      width: 1400px; } }

/* 시각장애인용 대비 */
.blind {
  overflow: hidden;
  position: absolute;
  left: -9999em;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  background: none;
  text-indent: -9999em; }

/* 지체장애인용 대비 */
.disability {
  position: absolute;
  top: 0;
  left: -9999px;
  color: #000;
  font-size: 1.6rem;
  overflow: hidden; }
  .disability:focus, .disability:active {
    display: block;
    position: fixed;
    left: 0;
    z-index: 29999;
    width: 100%;
    padding: 20px;
    font-weight: 700;
    line-height: 1.5;
    color: #333;
    text-align: center;
    background-color: #ddd; }



/*a, a:hover {
  outline: none; }*/

a, a:hover, a:focus {
  color: inherit;
  text-decoration: none; }

/*a:active, a:focus {
  outline: #666 dotted 2px !important; }*/

  a:active {
  outline: #666 dotted 2px !important; }

button {
  outline: none; }

button:focus {
  outline: #666 dotted 2px !important; }

select {
  outline: none; }

select:focus, select:active {
  outline: #666 dotted 2px !important; }

input[type=text], input[type=password] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: solid 1px rgba(0, 0, 0, 0.2); }
  input[type=text]:focus, input[type=password]:focus {
    outline: none;
    border: solid 1px #db6565; }

/* placeholder */
::placeholder {
  color: #000;
  opacity: 0.6;
  /* Firefox */ }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000;
  opacity: 0.6; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000;
  opacity: 0.6; }

/* 모바일 분기 */
.show-mobile {
  display: none; }
.br-web {
  display: block; }

@media (max-width: 767px) {
  .br-web {
    display: none; }
  .br-mobile {
    display: block; } 
  .show-web {
    display: none; }
  .show-mobile {
    display: block; }}

/* checkbox */
input[type="checkbox"] {
  position: absolute;
  left: -20px;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin-left: -1px;
  padding: 0;
  border: 0;
  clip: rect(1px 1px 0 0); }
  input[type="checkbox"] + label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    padding-left: 30px;
    margin-bottom: 0; }
    input[type="checkbox"] + label::before {
      content: "";
      display: block;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      border: solid 1px #000000;
      background-color: #fff; }
  input[type="checkbox"]:checked + label::before {
    background:#e17575 url("/int/en/resource/images/common/ico_login_check.png");}
  input[type="checkbox"]:focus ~ label:after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px dotted #6f8043;
    box-sizing: border-box;
    content: ""; }
  @media (max-width: 767px) {
    input[type="checkbox"] + label {
      font-size: 12px; } }

/* scroll-top */
#scroll-top {
  width: 68px;
  height: 68px;
  background-image: url("/int/en/resource/images/common/btn_top.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  position: fixed;
  right: 15px;
  bottom: 50px;
  display: none;
  z-index: 500;
}
#scroll-top.fixed {
  position: absolute;
  bottom: 295px;
}
@media (max-width: 1023px) {
  #scroll-top {
    width: 44px;
    height: 44px;
    right: 13px;
    bottom:30px;
  }
  #scroll-top.fixed {
    bottom:80px;
  }
}

/* #container */
#container {
  position: fixed;
  top: 0; }

/* .body-content */
.body-content {
  overflow: hidden;
  min-height: calc(100vh - 380px);
  margin-top: 63px; }
  @media (max-width: 1279px) {
    .body-content {
      min-height: calc(100vh - 485px); } }
  @media (max-width: 1024px) {
    .body-content {margin-top:59px;}
  }
  @media (max-width: 767px) {}

.navbar-container.has-top-banner ~ .body-content {
  margin-top: 123px; }
  @media (max-width: 767px) {
    .navbar-container.has-top-banner ~ .body-content {
      margin-top: 94px; } }

/* btn */
button {
  background-color: transparent; }

.btn {
  border-radius: 0; }
  .btn:hover, .btn:active {
    outline: none; }
  .btn.btn-pink {
    background-color: #db6565;
    color: #fff;
    -webkit-transition: background-color 0.4s;
    /* Safari */
    transition: background-color 0.4s; }
    .btn.btn-pink:hover, .btn.btn-pink:active, .btn.btn-pink:focus {
      background-color: #000; }
  .btn.btn-border {
    border: solid 1px #000000;
    background-color: #fff;
    color: #000; }
    .btn.btn-border:hover, .btn.btn-border:active, .btn.btn-border:focus {
      background-color: #fff; }
  .btn.btn-pink-border {
    border: solid 1px #db6565;
    background-color: transparent;
    color: #db6565; }
    .btn.btn-pink-border:hover, .btn.btn-pink-border:active, .btn.btn-pink-border:focus {
      border: solid 1px #000;
      color: #000; }

/* custom-select */
.custom-select {
  position: relative;
  z-index: 100; }
  .custom-select select {
    position: absolute;
    left: -20px;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin-left: -1px;
    padding: 0;
    border: 0;
    clip: rect(1px 1px 0 0); }
  .custom-select .select-hide {
    display: none; }
  .custom-select select:focus + .select-selected {
    outline: #666 dotted 2px !important; }
  .custom-select .select-items .same-as-selected {
    display: none; }
  @media (max-width: 767px) {
    .custom-select select {
      position: relative;
      left: 0;
      overflow: hidden;
      width: auto;
      height: auto;
      margin-left: 0; }
    .custom-select .select-selected,
    .custom-select .select-items {
      display: none; } }

/* breadcrumb */
.breadcrumb {
  background-color: #fff;
  padding: 0;
  margin: 0;
  position: fixed;
  width: 100%;
  z-index: 200;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  border-radius: 0; }
.has-top-banner ~ .body-content .breadcrumb {
  top:123px;
  transition:top 0.5s; }
.has-top-banner.banner-hide ~ .body-content .breadcrumb {
  top:63px; }
  .breadcrumb ul {
    max-width:1280px;
    list-style: none;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    justify-content: left;
    align-items: center;
    height: 40px;
    box-sizing:border-box; }
    .breadcrumb ul li {
      font-size: 12px;
      font-weight: 500;
      line-height: 1;
      color: rgba(0, 0, 0, 0.6);
      padding-right: 26px;
      position: relative; }
      .breadcrumb ul li:after {
        content: ">";
        position: absolute;
        right: 10px;
        top: 0.5px; }
      .breadcrumb ul li:last-child {
        padding-right: 0; }
        .breadcrumb ul li:last-child:after {
          display: none; }
  @media (max-width: 1023px) {
    .breadcrumb {
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
      margin-bottom: 2px; }
    .has-top-banner ~ .body-content .breadcrumb {
      top:119px; }
    .has-top-banner.banner-hide ~ .body-content .breadcrumb {
      top:59px; } }
  @media (max-width: 767px) {
    .breadcrumb {
      top:0 !important;
      margin-bottom: 1px;
      position: absolute; }
      .breadcrumb ul {
        height: 45px;
        padding: 0 20px; }
        .breadcrumb ul li {
          font-size: 15px;
          padding-right: 27.5px; } }

/* pagination */
.pagination-container {
  display: flex;
  justify-content: space-between; }
  .pagination-container .btn {
    width: 48px;
    height: 48px;
    border: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0; }
    .pagination-container .btn.btn-first {
      background-image: url(/int/en/resource/images/common/page-first.png);
      margin-right: 10px; }
      .pagination-container .btn.btn-first:focus, .pagination-container .btn.btn-first:hover {
        background-image: url(/int/en/resource/images/common/page-first-b.png); }
    .pagination-container .btn.btn-prev {
      background-image: url(/int/en/resource/images/common/page-prev.png);
      margin-right: 10px; }
      .pagination-container .btn.btn-prev:focus, .pagination-container .btn.btn-prev:hover {
        background-image: url(/int/en/resource/images/common/page-prev-b.png); }
    .pagination-container .btn.btn-next {
      background-image: url(/int/en/resource/images/common/page-prev.png);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      margin-left: 10px; }
      .pagination-container .btn.btn-next:focus, .pagination-container .btn.btn-next:hover {
        background-image: url(/int/en/resource/images/common/page-prev-b.png); }
    .pagination-container .btn.btn-last {
      background-image: url(/int/en/resource/images/common/page-first.png);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      margin-left: 10px; }
      .pagination-container .btn.btn-last:focus, .pagination-container .btn.btn-last:hover {
        background-image: url(/int/en/resource/images/common/page-first-b.png); }
  .pagination-container .pagination {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .pagination-container .pagination li a, .pagination-container .pagination li span {
      border: none;
      opacity: 0.2;
      font-size: 18px;
      font-weight: 500;
      padding: 14px;
      line-height: 1; }
    .pagination-container .pagination li.current a, .pagination-container .pagination li.current span {
      color: #db6565;
      opacity: 1; }
  @media (max-width: 767px) {
    .pagination-container .btn {
      width: 40px;
      height: 40px; }
      .pagination-container .btn.btn-first {
        margin-right: 5px; }
      .pagination-container .btn.btn-prev {
        margin-right: 5px; }
      .pagination-container .btn.btn-next {
        margin-left: 5px; }
      .pagination-container .btn.btn-last {
        margin-left: 5px; }
    .pagination-container .pagination li a, .pagination-container .pagination li span {
      padding: 5px; } }

/* modal */
/* bootstrap 4 start*/
.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem); }

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: ""; }

.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%; }

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none; }

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none; }

@media (min-width: 576px) {
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem); }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem); } }

/* bootstrap 4 end */
.modal-backdrop.in {
  opacity: .8; }

.modal .modal-dialog {
  margin: 0 auto;
  width: 500px; }
  .modal .modal-dialog .modal-content {
    width: 100%;
    border-radius: 25px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); }
    .modal .modal-dialog .modal-content .modal-header {
      border-bottom: none;
      padding: 17px 17px 0; }
      .modal .modal-dialog .modal-content .modal-header button.close, .modal .modal-dialog .modal-content .modal-header a.close.closeOut {
        opacity: 1;
        width: 16px;
        height: 16px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(/int/en/resource/images/common/popup-x.png);
        font-size: 0; }
    .modal .modal-dialog .modal-content .modal-body .btn {
      width: 100%;
      height: 40px;
      font-size: 16px;
      font-weight: 600;
      line-height: 28px; }

@media (max-width: 767px) {
  .modal .modal-dialog {
    padding: 10px;
    max-width: 355px;
    width: 100%; }
    .modal .modal-dialog .modal-content {
      border-radius: 12.5px;
      -webkit-box-shadow: 0 2.5px 5px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 2.5px 5px 0 rgba(0, 0, 0, 0.1); }
      .modal .modal-dialog .modal-content .modal-header {
        padding: 12.5px 12.5px 0; }
        .modal .modal-dialog .modal-content .modal-header button.close {
          width: 12px;
          height: 12px; }
      .modal .modal-dialog .modal-content .modal-body button.btn {
        height: 35px; } }

.confirm-modal .modal-dialog .modal-content .modal-header {
  position: absolute;
  width: 100%;
  z-index: 10; }

.confirm-modal .modal-dialog .modal-content .modal-body {
  height: 208px;
  padding: 0 50px;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column; }
  .confirm-modal .modal-dialog .modal-content .modal-body h2, .confirm-modal .modal-dialog .modal-content .modal-body .confirm-modal__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px; }
  .confirm-modal .modal-dialog .modal-content .modal-body p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.43;
    text-align: center;
    margin-bottom: 0; }
  .confirm-modal .modal-dialog .modal-content .modal-body .btn {
    margin-top: 20px;
    background-color:#fdcd00;
    color:#000;
    line-height: 1;
    transition: background-color 0.4s;
    -webkit-transition: background-color 0.4s; }
  .confirm-modal .modal-dialog .modal-content .modal-body .btn:hover {
    background-color:#000;
    color:#fff; }

@media (max-width: 767px) {
  .confirm-modal .modal-dialog .modal-content .modal-body {
    height: 151px;
    padding: 0 28px; }
    .confirm-modal .modal-dialog .modal-content .modal-body h2, .confirm-modal .modal-dialog .modal-content .modal-body .confirm-modal__title {
      font-size: 14px;
      margin-bottom: 8px; }
    .confirm-modal .modal-dialog .modal-content .modal-body p {
      font-size: 12px;
      line-height: 1.33; }
    .confirm-modal .modal-dialog .modal-content .modal-body .btn {
      margin-top: 12px; } }

/* 로그인 */
#login-modal .modal-dialog .modal-content .modal-body {
  padding: 31px 50px 65px; }
  #login-modal .modal-dialog .modal-content .modal-body h2, #login-modal .modal-dialog .modal-content .modal-body .login-modal__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px; }
  #login-modal .modal-dialog .modal-content .modal-body form.login__form {
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    #login-modal .modal-dialog .modal-content .modal-body form.login__form .form-group {
      margin-bottom: 10px; }
      #login-modal .modal-dialog .modal-content .modal-body form.login__form .form-group input {
        font-size: 16px;
        font-weight: 300;
        width: 100%;
        height: 40px;
        padding: 12px 16px; }
    #login-modal .modal-dialog .modal-content .modal-body form.login__form button.btn {
      margin-top: 18px;
      background-color: #fdcd00;
      color:#000;
      transition: 0.4s;
      -webkit-transition: 0.4s; }
      #login-modal .modal-dialog .modal-content .modal-body form.login__form button.btn:hover {
        background-color: #000;
        color:#fff; }
  #login-modal .modal-dialog .modal-content .modal-body .login__link {
    padding-top: 41px;
    display: flex;
    justify-content: space-between; }
    #login-modal .modal-dialog .modal-content .modal-body .login__link--group.link-find {
      width: 55%; }
    #login-modal .modal-dialog .modal-content .modal-body .login__link--group.link-register {
      width: 45%; }
    #login-modal .modal-dialog .modal-content .modal-body .login__link img {
      height: 18px;
      margin-top: -2px;
      margin-right: 13px; }
    #login-modal .modal-dialog .modal-content .modal-body .login__link span {
      margin: 0 5px; }
    #login-modal .modal-dialog .modal-content .modal-body .login__link a, #login-modal .modal-dialog .modal-content .modal-body .login__link span {
      font-size: 14px;
      font-weight: 300;
      line-height: 18px; }

@media (max-width: 767px) {
  #login-modal .modal-dialog .modal-content .modal-body {
    padding: 6.5px 28px 30px; }
    #login-modal .modal-dialog .modal-content .modal-body h2, #login-modal .modal-dialog .modal-content .modal-body .login-modal__title  {
      font-size: 16px;
      margin-bottom: 20px; }
    #login-modal .modal-dialog .modal-content .modal-body form.login__form {
      padding-bottom: 40px; }
      #login-modal .modal-dialog .modal-content .modal-body form.login__form .form-group {
        margin-bottom: 10px; }
        #login-modal .modal-dialog .modal-content .modal-body form.login__form .form-group input {
          font-size: 14px;
          width: 100%;
          height: 35px;
          padding: 10px; }
      #login-modal .modal-dialog .modal-content .modal-body form.login__form button.btn {
        margin-top: 10px; }
    #login-modal .modal-dialog .modal-content .modal-body .login__link {
      padding-top: 19.5px; }
      #login-modal .modal-dialog .modal-content .modal-body .login__link img {
        height: 13.5px;
        margin-right: 5px;
        margin-top: -1px; }
      #login-modal .modal-dialog .modal-content .modal-body .login__link span {
        margin: 0 1px; }
      #login-modal .modal-dialog .modal-content .modal-body .login__link a, #login-modal .modal-dialog .modal-content .modal-body .login__link span {
        font-size: 11px;
        font-weight: 300;
        line-height: 13.5px; } }

@media (max-width: 350px) {
  #login-modal .modal-dialog .modal-content .modal-body {
    padding: 6.5px 15px 30px; } }

/* youtube script */
.youtube-script {
  background-color: #f0f0f0;
  padding: 2% 3%; }
  .youtube-script__inner {
    max-height: 100px;
    overflow-y: auto;
    line-height: 1.6;
    font-size: 14px;
    color: #000; }
  @media (max-width: 767px) {
    .youtube-script {
      padding: 3% 4%; }
      .youtube-script__inner {
        font-size: 13px;
        line-height: 1.2em; } }

/* ScrollReveal 20210616 del
.scroll-reveal {
  visibility: hidden; } */

.dim-layer {display:none; position:fixed; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.4); z-index:502;}

/* 2023 메인 공지팝업 (공통) */
.ap2022-popup--mnotice {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; overflow:hidden;}
.ap2022-popup--mnotice * {margin:0; padding:0;}
.ap2022-popup--mnotice *, .ap2022-popup--mnotice :after, .ap2022-popup--mnotice :before {box-sizing:border-box;}
.ap2022-popup--mnotice img {max-width:100%;}
.ap2022-popup--mnotice button:focus-visible,
.ap2022-popup--mnotice input:focus-visible {outline:1px auto !important;}
.ap2022-popup--mnotice button {overflow:visible; border:0; border-radius:0; background:none; cursor:pointer; outline:none;}
.ap2022-popup--mnotice label {cursor:pointer;}
.ap2022-popup--mnotice a {text-decoration:none;}
.ap2022-popup--mnotice .only-pc {display:block;}
.ap2022-popup--mnotice .only-mo {display:none;}
.ap2022-popup--mnotice .ap2022-popup__dimmed {position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,.5);}
.ap2022-popup--mnotice .ap2022-popup__frame {position:absolute; display:flex; justify-content:center; align-items:center; width:100%; height:100%; top:0; left:0; padding:32px; text-align:center; pointer-events:none;}
.ap2022-popup--mnotice .ap2022-popup__scrollable {overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; outline:0;}
.ap2022-popup--mnotice .ap2022-popup__scrollable::-webkit-scrollbar {width:8px; height:8px;}
.ap2022-popup--mnotice .ap2022-popup__scrollable::-webkit-scrollbar-track {background-color:rgba(0,0,0,.08); border-radius:4px; background-clip:padding-box; border:1px solid transparent;}
.ap2022-popup--mnotice .ap2022-popup__scrollable::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,.16); border-radius:4px; background-clip:padding-box; border:1px solid transparent;}
.ap2022-popup--mnotice .ap2022-popup__scrollable:focus-visible::-webkit-scrollbar-track {background-color:rgba(0,0,0,.12);}
.ap2022-popup--mnotice .ap2022-popup__scrollable:focus-visible::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,.24);}
.ap2022-popup--mnotice .ap2022-popup__inner {position:relative; display:inline-flex; flex-direction:column; max-width:100%; max-height:100%; background:#fff; border-radius:8px; box-shadow:0 5px 20px 5px rgba(0,0,0,.15); text-align:left; font-size:initial; line-height:normal; pointer-events:auto; outline:0;}
.ap2022-popup--mnotice .ap2022-popup__inner:focus,
.ap2022-popup--mnotice .ap2022-popup__inner:focus-visible {outline:0 !important;}
.ap2022-popup--mnotice .ap2022-popup__logo {text-align:center;}
.ap2022-popup--mnotice .ap2022-popup__logo img {width:180px; height:60px; vertical-align:top;}
.ap2022-popup--mnotice .ap2022-popup__close {position:absolute; z-index:10; top:0; right:0; width:47px; height:47px; color:#222;}
.ap2022-popup--mnotice .ap2022-popup__close svg {position:absolute; top:50%; left:50%; width:15px; height:15px; vertical-align:top; transform:translate(-50%,-50%);}
.ap2022-popup--mnotice .ap2022-popup__close:hover:before,
.ap2022-popup--mnotice .ap2022-popup__close:focus:before {content:''; position:absolute; top:50%; left:50%; width:31px; height:31px; background-color:rgba(0,0,0,.06); border-radius:50%; transform:translate(-50%,-50%);}
.ap2022-popup--mnotice .ap2022-popup__btn {display:inline-flex; align-items:center; justify-content:center; min-width:145px; max-width:50%; padding:9px 25px 9px; margin:0 3px; overflow:visible; border:1px solid rgba(34,34,34,1); border-radius:0; background:none; color:#222; font-size:14px; line-height:1.3; letter-spacing:-0.04em; word-break:keep-all; word-wrap:break-word;}
.ap2022-popup--mnotice .ap2022-popup__btn--default:hover,
.ap2022-popup--mnotice .ap2022-popup__btn--default:focus {background-color:rgba(34,34,34,.1);}
.ap2022-popup--mnotice .ap2022-popup__btn--custom {background-color:rgba(34,34,34,1); color:#fff;}
.ap2022-popup--mnotice .ap2022-popup__btn--custom:hover,
.ap2022-popup--mnotice .ap2022-popup__btn--custom:focus {background-color:rgba(34,34,34,.9);}
.ap2022-popup--mnotice .ap2022-popup__btnwrap {display:flex; justify-content:center;}
.ap2022-popup--mnotice .ap2022-popup__check {display:inline-block; vertical-align:top; color:#666; font-size:14px; line-height:1.3; letter-spacing:-0.025em;}
.ap2022-popup--mnotice .ap2022-popup__check svg {width:19px; height:19px; margin:0 0.357143em 0 0; vertical-align:-0.321429em;}
.ap2022-popup--mnotice .ap2022-popup__check svg rect {fill:#fff;}
.ap2022-popup--mnotice .ap2022-popup__check input:focus-visible + label svg {outline:1px auto;}
.ap2022-popup--mnotice .ap2022-popup__check input:checked + label svg rect {fill:#2b2b2b;}
.ap2022-popup--mnotice .ap2022-popup__check input:checked + label svg path {stroke:#fff;}
.ap2022-popup--mnotice .ap2022-popup__check label {padding:0; margin:0; font-size:inherit; line-height:inherit; font-weight:inherit;}
.ap2022-popup--mnotice .ap2022-popup__check label:before {content:none;}
.ap2022-popup--mnotice .ap2022-popup__head {padding:25px 0 20px;}
.ap2022-popup--mnotice .ap2022-popup__body {height:100%; color:#222;}
.ap2022-popup--mnotice .ap2022-popup__body .ap2022-popup__logo {margin-bottom:20px;}
.ap2022-popup--mnotice .ap2022-popup__content {padding:0 40px; text-align:center; font-size:14px; line-height:1.7; letter-spacing:-0.025em; word-break:keep-all; word-wrap:break-word;}
.ap2022-popup--mnotice .ap2022-popup__content:first-child {margin-top:0;}
.ap2022-popup--mnotice .ap2022-popup__content--image img {max-width:100%; vertical-align:top;}
.ap2022-popup--mnotice .ap2022-popup__content--text {margin-top:25px;}
.ap2022-popup--mnotice .ap2022-popup__content--html {margin-top:20px;}
.ap2022-popup--mnotice .ap2022-popup__bottom {padding:25px 16px 16px;}
.ap2022-popup--mnotice .ap2022-popup__bottom + .ap2022-popup__bottom {padding-top:0;}
.ap2022-popup--mnotice .ap2022-popup__footer {box-sizing:border-box;}
.ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap {padding:25px 16px 20px; margin:0 3px; text-align:center;}
.ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap + .ap2022-popup__btnwrap {padding-top:0;}
.ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap + .ap2022-popup__bottom {padding-top:0;}
.ap2022-popup--mnotice.is--dimmed-invisible .ap2022-popup__dimmed {background-color:rgba(0,0,0,0);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__scrollable::-webkit-scrollbar-track {background-color:rgba(255,255,255,.08);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__scrollable::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,.16);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__scrollable:focus-visible::-webkit-scrollbar-track {background-color:rgba(255,255,255,.12);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__scrollable:focus-visible::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,.24);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__close {color:#fff;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__close:hover:before,
.ap2022-popup--mnotice.is--color-white .ap2022-popup__close:focus:before {background-color:rgba(255,255,255,.06);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn {border-color:rgba(255,255,255,1); color:#fff;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--default:hover,
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--default:focus {background-color:rgba(255,255,255,.1);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--custom {background-color:rgba(255,255,255,1); color:#222;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--custom:hover,
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--custom:focus {background-color:rgba(255,255,255,.9);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__check {color:#fff;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__check svg rect {fill:rgba(255,255,255,.46);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__check input:checked + label svg rect {fill:#fff;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__check input:checked + label svg path {stroke:#222;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__body {color:#fff;}
@media (max-width:750px) {
  .ap2022-popup--mnotice .only-pc {display:none;}
  .ap2022-popup--mnotice .only-mo {display:block;}
  .ap2022-popup--mnotice .ap2022-popup__frame {padding:4.2666vw;}
  .ap2022-popup--mnotice .ap2022-popup__logo {margin-top:-10px;}
  .ap2022-popup--mnotice .ap2022-popup__logo img {width:120px; height:38px;}
  .ap2022-popup--mnotice .ap2022-popup__btn {min-width:50%; padding:10px 5.333333vw; font-size:13px;}
  .ap2022-popup--mnotice .ap2022-popup__check {font-size:13px;}
  .ap2022-popup--mnotice .ap2022-popup__head {padding-bottom:13px;}
  .ap2022-popup--mnotice .ap2022-popup__body .ap2022-popup__logo {margin:0 0 13px;}
  .ap2022-popup--mnotice .ap2022-popup__content {padding:0 5.333333vw; font-size:13px;}
  .ap2022-popup--mnotice .ap2022-popup__content:first-child {margin-top:0;}
  .ap2022-popup--mnotice .ap2022-popup__content--text {margin-top:20px;}
  .ap2022-popup--mnotice .ap2022-popup__content--html {margin-top:15px;}
  .ap2022-popup--mnotice .ap2022-popup__bottom {padding:20px 4vw 15px;}
  .ap2022-popup--mnotice .ap2022-popup__bottom + .ap2022-popup__bottom {padding-top:0;}
  .ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap {padding:20px 4vw 17px;}
  .ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap + .ap2022-popup__btnwrap {padding-top:0;}
  .ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap + .ap2022-popup__bottom {padding-top:0;}
}
/* //2023 메인 공지팝업 (공통) */