@import url("//cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

@font-face {
      font-family: 'MuseumClassic';
      src: url('../font/MuseumClassic-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }

@font-face {
    font-family: 'MuseumClassic';
    src: url('../font/MuseumClassic-M.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MuseumClassic';
    src: url('../font/MuseumClassic-L.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

body {font-family: 'Pretendard Variable', sans-serif; font-weight: 400; word-break: keep-all;}

.custom-scrollbar::-webkit-scrollbar {
    display: none; /* 스크롤바를 숨깁니다 */
  }

.en_font{
    font-family: 'MuseumClassic';
    font-weight: 700;
}

.over_ef{
    background-color: rgba(33, 56, 70, 0.8);
    transition: 0.2s ease-out;
}
.over_ef:hover{
    background-color: rgba(33, 56, 70, 1);
    transform: scale(1.10);
}

.main_sl1 .swiper-slide{
    height:650px;
}

@media (max-width: 1024px) {
  /* 여기에 적용할 CSS 작성 */
  .main_sl1 .swiper-slide{
    height:480px;
    }
}


.sc_an{
    animation: sc_an 1s infinite ease-in-out alternate;
}

@keyframes sc_an {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-10px);
    }
}


/*select box*/
.co_select {
	width: 100%;
    height: 40px;
    border: 1px solid #c9ae77;
    color:#fff;
    font-size: 18px;
    padding: 0 10px;
    background: url("../images/common/sel_icon.png") no-repeat, #0e3f4e;
    background-size: 11px;
    background-position: center right 15px;
    -webkit-appearance: none;
    /* 크롬 화살표 없애기 */
    -moz-appearance: none;
    /* 파이어폭스 화살표 없애기 */
    appearance: none;
    /* 화살표 없애기 */
    outline: none;
    box-shadow: none;
}

.co_select:focus {
	color:#fff;
    background: url("../images/common/sel_icon1.png") no-repeat, #0e3f4e;
    background-position: center right 20px;
}

.co_text {
	width: 100%;
    height: 40px;
    border: 1px solid #c9ae77;
    color:#fff;
    font-size: 18px;
    padding: 0 10px;
    background:  #0e3f4e;
    outline: none;
    box-shadow: none;
}
.co_text::placeholder {color:#fff;}


.co_select2 {
	width: 100%;
    height: 50px;
    border: 1px solid #fff;
    color:#fff;
    font-size: 18px;
    padding: 0 10px;
    background: url("../images/common/sel_icon.png") no-repeat, transparent;
    background-size: 11px;
    background-position: center right 15px;
    -webkit-appearance: none;
    /* 크롬 화살표 없애기 */
    -moz-appearance: none;
    /* 파이어폭스 화살표 없애기 */
    appearance: none;
    /* 화살표 없애기 */
    outline: none;
    box-shadow: none;
}
.co_select2::placeholder {color:#818181;}

.co_select2 option {
    background:#32312d;
}
.co_select2:focus {
	color:#fff;
    background: url("../images/common/sel_icon1.png") no-repeat, transparent;
    background-position: center right 20px;
}

.co_select3 {
	width: 100%;
    height: 50px;
    border: 1px solid #939393;
    color:#000;
    font-size: 16px;
    padding: 0 10px;
    background: url("../images/common/sel_icon2.png") no-repeat, #fff;
    background-size: 11px;
    background-position: center right 15px;
    -webkit-appearance: none;
    /* 크롬 화살표 없애기 */
    -moz-appearance: none;
    /* 파이어폭스 화살표 없애기 */
    appearance: none;
    /* 화살표 없애기 */
    outline: none;
    box-shadow: none;
}
.co_select3::placeholder {color:#818181;}

.co_text3 {
	width: 100%;
    height: 50px;
    border: 1px solid #939393;
    color:#000;
    font-size: 16px;
    padding: 0 10px;
    background:  #fff;
    outline: none;
    box-shadow: none;
}
.co_text3::placeholder {color:#818181;}

.se_bt {
    width:100%;
    height:50px;
    background:#8bbac8;
    font-size:16px;
    color:#0f242b;
    outline: none;
    font-weight:600;
    cursor: pointer;
}

.co_text2 {
	width: 100%;
    height: 50px;
    border: 1px solid #fff;
    color:#fff;
    font-size: 18px;
    padding: 0 10px;
    background:  transparent;
    outline: none;
    box-shadow: none;
}
.co_text2::placeholder {color:#818181;}

.co_textarea {
	width: 100%;
    height: 120px;
    border: 1px solid #fff;
    color:#fff;
    font-size: 18px;
    padding:10px;
    background:  transparent;
    outline: none;
    box-shadow: none;
}
.co_textarea::placeholder {color:#818181;}


.the_table1 {
    width:100%;
    border-top:1px solid #8bbac8 ;
}
.the_table1 tr {border-bottom:1px solid #8bbac8 ;}
.the_table1 td {height:70px;}

/*메인 영상*/
.video-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
}

.video-background iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    aspect-ratio: 16 / 9;
}

.fp-watermark {
    display: none !important;
}

/*퀵메누sns버튼*/
.q_menu{
    position: absolute;
    width:65px;
    height:65px;
    transition: 0.2s ease-out;
    right:0;
    overflow: hidden;
    white-space: nowrap;
}
.q_al{text-align:center;}
.q_menu:hover{
    width:200px;
    padding-left:20px;
}
.q_menu:hover .q_al{text-align:left;}
.q_menu:hover .q_text{
    transition: 0.2s ease-out;
    display: inline-block;
}

/* --- CKEditor 이미지 공통 --- */
/* 기본(클래스 없음) = 가운데 */
figure.image:not([class*="image-style-"]) img {
  display:block;
  margin-left:auto;
  margin-right:auto;
}

/* 공통 */
figure.image img {
  display:block;
  max-width:100%;
  height:auto;
}

/* 왼쪽 정렬 (텍스트는 아래로만: float 없음) */
figure.image.image-style-align-left,
figure.image.image-style-block-align-left {
  float:none !important;
  text-align:left !important;
  margin:1.5rem auto 1.5rem 0 !important; /* 왼쪽 붙음 */
}
figure.image.image-style-align-left img,
figure.image.image-style-block-align-left img {
  margin-left:0 !important;
  margin-right:auto !important;
}

/* 오른쪽 정렬 */
figure.image.image-style-align-right,
figure.image.image-style-block-align-right {
  float:none !important;
  text-align:right !important;
  margin:1.5rem 0 1.5rem auto !important; /* 오른쪽 붙음 */
}
figure.image.image-style-align-right img,
figure.image.image-style-block-align-right img {
  margin-left:auto !important;
  margin-right:0 !important;
}

/* 가운데 명시 */
figure.image.image-style-align-center,
figure.image.image-style-block-align-center img {
  margin-left:auto !important;
  margin-right:auto !important;
}

/* (옵션) 본문 float 정리 */
.ck-content::after,
.post-body::after { content:""; display:block; clear:both; }