@charset "utf-8";
/* 메인 (원본 index 인라인 스타일 정리. owl 2.3.4 구조에 맞춤: .owl-controls 없이 .owl-nav/.owl-dots) */

.mblock_02 *, .mblock_style_04 *, .mblock_01 *, .mblock_05 * { box-sizing: border-box; }
.mblock_02 *, .mblock_01 *, .mblock_05 * { word-break: keep-all; }
/* 아이콘(i)은 제 글꼴을 쓰게 두고 나머지만 본문 글꼴 */
.mblock_02 *:not(i), .mblock_style_04 *:not(i), .mblock_01 *:not(i), .mblock_05 *:not(i) { font-family: var(--font); }

/* ---------- 메인 비주얼 ---------- */
.spot_pc { position: relative; font-size: 0; }
.spot_03 { position: relative; overflow: hidden; }
.spot_03 .item_bg { display: block; height: 250px; overflow: hidden; background: no-repeat center / cover; }
.spot_03 .v1 { background-image: url('../../img/main/11764725085.jpg'); }
.spot_03 .v2 { background-image: url('../../img/main/91765777643.jpg'); }
.spot_03 .v3 { background-image: url('../../img/main/71764808716.jpg'); }
.spot_03 .v4 { background-image: url('../../img/main/81764808758.jpg'); }
.spot_03 .v5 { background-image: url('../../img/main/231765777702.jpg'); }
.spot_03 .item_caption { width: 100%; margin: 0; }
.spot_03 .txt_wrap { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
.spot_03 .txt_wrap p { font-family: var(--font); font-size: 16px; font-weight: 600; color: #fff; text-align: center; word-break: keep-all;
  text-shadow: 0 2px 6px rgba(0,0,0,.55), 0 4px 12px rgba(0,0,0,.48), 0 0 30px rgba(0,0,0,.65); }

.spot_03 .owl-nav { position: absolute; top: 50%; width: 100%; margin-top: -10px; }
.spot_03 .owl-nav .owl-prev, .spot_03 .owl-nav .owl-next { position: absolute; top: 50%; z-index: 50; overflow: hidden; width: 40px; height: 40px; margin-top: -10px; opacity: .3; text-align: center; }
.spot_03 .owl-nav .owl-prev:hover, .spot_03 .owl-nav .owl-next:hover { opacity: .6; }
.spot_03 .owl-nav .owl-prev:before, .spot_03 .owl-nav .owl-next:before { display: none; font-family: 'icomoon'; font-size: 20px; line-height: 40px; color: #333; }
.spot_03 .owl-nav .owl-prev { left: 20px; }
.spot_03 .owl-nav .owl-prev:before { content: '\e922'; }
.spot_03 .owl-nav .owl-next { right: 20px; }
.spot_03 .owl-nav .owl-next:before { content: '\e923'; }
.spot_03 .owl-dots { position: absolute; bottom: 10px; width: 100%; text-align: center; }
.spot_03 .owl-dots .owl-dot { display: inline-block; width: 16px; height: 16px; margin: 3px; border: 1px solid #fff; border-radius: 50%; box-sizing: border-box; background: transparent; }
.spot_03 .owl-dots .owl-dot:hover, .spot_03 .owl-dots .owl-dot.active { background: #fff; }

@media (min-width: 768px) {
  .spot_03 .owl-nav .owl-prev:before, .spot_03 .owl-nav .owl-next:before { display: inline-block; font-size: 30px; }
  .spot_03 .item_bg { height: 440px; }
  .spot_03 .txt_wrap p { margin-top: 20px; font-size: 22px; }
}
@media (min-width: 1100px) {
  .spot_03 .owl-nav .owl-prev { left: 100px; }
  .spot_03 .owl-nav .owl-next { right: 100px; }
  .spot_03 .owl-nav .owl-prev:before, .spot_03 .owl-nav .owl-next:before { font-size: 50px; }
  .spot_03 .item_bg { height: 800px; }
  /* PC 는 autoWidth: 슬라이드 폭 = 이 폭 (좌우로 옆 슬라이드가 20px 간격으로 붙는다) */
  .spot_03 .item_caption { width: 1400px; margin: 0 auto; }
  .spot_03 .txt_wrap p { font-size: 25px; }
}

/* ---------- 공지사항 + 바로가기 ---------- */
.mblock_02 { padding: 50px 10px; }
.mblock_02 .wrap2 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.mblock_02 .wrap2 > li { width: 100%; }
.mblock_02 .box1 { margin-bottom: 30px; }
.mblock_02 .box1 > h2 { margin-bottom: 25px; font-size: 23px; font-weight: 600; }
.mblock_02 .box1 > h2 span { display: inline-block; padding-left: 5px; font-size: 14px; font-weight: 600; color: var(--point); }

.pm-board_list_bbs_list li { line-height: 1.7em; }
.pm-board_list_bbs_list a { display: block; position: relative; padding: 15px 5px; border-bottom: 1px dashed #ddd; transition: all .2s; }
.pm-board_list_bbs_list li:first-child a { padding: 0 5px 15px; }
.pm-board_list_bbs_list dl { position: relative; overflow: hidden; }
.pm-board_list_bbs_list dt { overflow: hidden; padding-right: 80px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; }
.pm-board_list_bbs_list dd { position: absolute; top: 0; right: 0; font-size: 12px; color: #585857; }
.pm-board_list_bbs_list dd i { padding-right: 5px; }

.mblock_02 .box2 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.mblock_02 .box2 > a { display: block; position: relative; top: 0; width: 49%; margin-bottom: 10px; padding: 25px 10px 25px 15px; border: 1px solid #ddd; transition: top .2s ease-out; }
.mblock_02 .box2 > a h3 { margin-top: 28px; font-size: 14px; font-weight: 600; }
.mblock_02 .box2 > a h3 span:first-child { display: block; padding-bottom: 5px; font-size: 11px; font-weight: 500; }
.mblock_02 .box2 .btn { position: absolute; right: 10px; bottom: 15px; }
.mblock_02 .box2 b { display: block; position: relative; z-index: 1; height: 45px; font-size: 11px; font-weight: 700; line-height: 45px; color: #833540; transition: all .3s; }
.mblock_02 .box2 b:before { content: ''; position: absolute; top: 0; right: 12px; z-index: -1; width: 45px; height: 45px; border-radius: 50%; background: #f5f5f5; transition: all .3s; }
.mblock_02 .box2 b i { font-size: 10px; }

@media (min-width: 768px) {
  .mblock_02 .box2 > a h3 { font-size: 23px; }
  .mblock_02 .box2 > a h3 span:first-child { font-size: 13px; }
  .mblock_02 .box2 > a:hover b:before { right: 0; }
}
@media (min-width: 1100px) {
  .pm-board_list_bbs_list dt { font-size: 15px; }
  .pm-board_list_bbs_list dd { font-size: 13px; }
  /* 마우스를 올리면 밑줄이 왼쪽에서 차오른다 */
  .pm-board_list_bbs_list a:before { content: ''; display: block; position: absolute; left: 0; bottom: -1px; height: 1px; background: #833540; transform: scaleX(0); transform-origin: left; transition: transform ease 1s; }
  .pm-board_list_bbs_list a:hover:before { width: 100%; transform: none; }
}
@media (min-width: 1200px) {
  .mblock_02 { padding: 70px 0; }
  .mblock_02 .wrap2 > li { width: 48%; }
  .mblock_02 .box1 { margin-bottom: 0; }
  .mblock_02 .box1 > h2 { font-size: 30px; }
  .mblock_02 .box2 > a { padding: 45px 40px; }
  .mblock_02 .box2 .btn { right: 30px; bottom: 35px; }
}

/* ---------- 갤러리 ---------- */
/* 좌우 화살표 글꼴 (원본 icomoon_slider) */
@font-face { font-family: 'icomoon_slider'; src: url('../../fonts/icomoon_slider/icomoon.woff') format('woff'); font-weight: normal; font-style: normal; }
.mblock_style_04 { padding: 0 10px 50px; }
.mblock_style_04 > div > h2 { position: relative; margin-bottom: 20px; font-size: 25px; font-weight: 600; }
.mblock_style_04 > div > h2 span { display: inline-block; padding-left: 5px; font-size: 14px; font-weight: 600; color: var(--point); }
.mblock_style_04 > div > h2 a { position: absolute; right: 0; bottom: 0; padding: 4px 15px; border: 1px solid #ddd; border-radius: 30px; font-size: 12px; font-weight: 400; transition: all .2s; }
.mblock_style_04 > div > h2 a i { margin-left: 5px; font-size: 10px; vertical-align: 2px; }

.pm-board_slide_responsive_bd_sli_r { max-width: 1200px; margin: 0 auto; }
.pm-board_slide_responsive_bd_sli_r .item { position: relative; }
.pm-board_slide_responsive_bd_sli_r .item img { height: auto; }
.pm-board_slide_responsive_bd_sli_r .item p { overflow: hidden; padding-top: 15px; font-size: 15px; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
.pm-board_slide_responsive_bd_sli_r .owl-nav { -webkit-tap-highlight-color: transparent; }
.pm-board_slide_responsive_bd_sli_r .owl-nav [class*='owl-'] { position: absolute; top: 50%; z-index: 2; width: 40px; height: 40px; margin-top: -20px; font-size: 0; line-height: 40px; opacity: .7; }
.pm-board_slide_responsive_bd_sli_r .owl-nav [class*='owl-']:before { font-family: 'icomoon_slider'; font-size: 40px; font-weight: bold; color: #fff; }
.pm-board_slide_responsive_bd_sli_r .owl-nav [class*='owl-']:hover { opacity: 1; }
.pm-board_slide_responsive_bd_sli_r .owl-nav .owl-prev { left: 5px; }
.pm-board_slide_responsive_bd_sli_r .owl-nav .owl-next { right: 5px; }
.pm-board_slide_responsive_bd_sli_r .owl-nav .owl-prev:before { content: '\e600'; }
.pm-board_slide_responsive_bd_sli_r .owl-nav .owl-next:before { content: '\e601'; }

@media (min-width: 1100px) {
  .mblock_style_04 { padding: 0 0 50px; }
  .mblock_style_04 > div > h2 { font-size: 30px; }
  .mblock_style_04 > div > h2 a:hover { border-color: var(--point); color: var(--point); }
}

/* ---------- 문구 (PC 는 배경 고정 패럴랙스) ---------- */
.mblock_01 { padding: 90px 0; background: url('../../img/design/sub/bg1.jpg') no-repeat center; background-size: cover; }
.mblock_01 p { font-size: 23px; font-weight: 600; line-height: 1.7em; color: #fff; text-align: center;
  text-shadow: 0 2px 6px rgba(0,0,0,.55), 0 4px 12px rgba(0,0,0,.48), 0 0 30px rgba(0,0,0,.65); }
@media (min-width: 1100px) {
  .mblock_01 { padding: 100px 0; background-attachment: fixed; }
  .mblock_01 p { font-size: 32px; }
}

/* ---------- 고객센터 ---------- */
.mblock_05 { position: relative; padding: 70px 10px 100px; background: #fff; }
.mblock_05:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50%; background: #f5f5f5; }
.mblock_05 .bg h2 { position: relative; margin-bottom: 30px; font-size: 25px; font-weight: 600; }
.mblock_05 .bg h2 span { display: inline-block; padding-left: 5px; font-size: 14px; font-weight: 600; color: var(--point); }
.mblock_05 .map { display: flex; flex-direction: column; position: relative; overflow: hidden; margin: 0 auto; box-shadow: 0 5px 49px rgba(0,0,0,.12); }
.mblock_05 .map > li { position: relative; background: #fff; }
.mblock_05 .map > li:first-child { order: 2; }
.mblock_05 .map iframe { display: block; width: 100%; height: 400px; border: 0; }  /* 원본 지도 칸 높이 */
.mblock_05 .map .cs { order: 3; padding: 30px; }
.mblock_05 .cs h3 { margin-bottom: 10px; font-size: 19px; font-weight: 500; color: #222; }
.mblock_05 .cs h3 span { margin-right: 5px; color: var(--point); }
.mblock_05 .cs p { font-size: 16px; line-height: 1.6em; }
.mblock_05 .cs .txt1 { margin-bottom: 20px; padding: 10px 0 30px; border-bottom: 1px solid #ddd; }
.mblock_05 .cs .txt2 { padding: 10px 0 0; font-size: 14px; font-weight: 400; }
.mblock_05 .cs .txt2 i { margin-right: 15px; color: var(--point); vertical-align: -1px; }
.mblock_05 .cs .call { display: block; position: absolute; right: 0; bottom: 0; width: 50px; height: 50px; background: #222; font-size: 25px; line-height: 50px; color: #fff; text-align: center; }

@media (min-width: 768px) {
  .mblock_05 { padding: 70px 20px 100px; }
  .mblock_05 .map { flex-flow: row wrap; }
  .mblock_05 .map > li { display: flex; flex-direction: column; width: 50%; }
  .mblock_05 .map > li:first-child { order: 1; }
  .mblock_05 .map .cs { order: 2; }
  .mblock_05 .cs .call { width: 60px; height: 60px; line-height: 60px; }
  .mblock_05 .cs .txt2 { padding: 5px 0 0; font-size: 12px; }
}
@media (min-width: 1100px) {
  .mblock_05 { padding: 80px 0; }
  .mblock_05 .bg h2 { font-size: 35px; }
  .mblock_05 .map { flex-wrap: nowrap; }
  .mblock_05 .map .cs { padding: 60px; }
  .mblock_05 .cs .txt2 { padding: 15px 0 0; font-size: 15px; }
}

/* ---------- 메인 팝업 (유튜브) ---------- */
/* 모바일·태블릿: 화면을 어둡게 덮고(퀵메뉴는 그 위) 가운데 */
.main_pop_dim { position: fixed; inset: 0; z-index: 999; background: rgba(0,0,0,.3); }
.main_pop { position: fixed; top: 50%; left: 50%; z-index: 1001; width: calc(100% - 40px); max-width: 600px; transform: translate(-50%, -50%); }
.main_pop[hidden], .main_pop_dim[hidden] { display: none; }
.main_pop_x { display: block; position: relative; width: 40px; height: 40px; margin-left: auto; padding: 0; border: 0; background: #000; }
.main_pop_x:before, .main_pop_x:after { content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 2px; margin: -1px 0 0 -15px; background: #fff; transform: rotate(45deg); }
.main_pop_x:after { transform: rotate(-45deg); }
.popup_content { background: #000; }
.popup_content iframe { display: block; width: 100%; aspect-ratio: 25 / 18; border: 0; }  /* 원본 모바일 350x252 */
/* 아래 줄은 PC 에서만 (원본 모바일은 영상만 보이고 닫기는 X 버튼). 글꼴은 원본 팝업 문서의 브라우저 기본값 */
.main_pop_bar { display: none; justify-content: space-between; align-items: flex-start; box-sizing: border-box; height: 25px; padding: 3px 3px 0; font-family: 'Times New Roman', serif; font-size: 13px; color: #eee; }
.main_pop_bar label { cursor: pointer; }
.main_pop_bar input { margin: 3px 3px 3px 4px; }  /* 원본 체크박스 기본 여백 */
/* 원본은 <a> 기본 밑줄(#00e)이 #eee 글자 아래 그대로 보인다 */
.main_pop_bar button { margin-top: 2px; padding: 0; border: 0; background: none; font: inherit; color: #eee; text-decoration: underline #00e; }
/* PC: 원본 자리 (문서 기준 left 500, top 500, 600x475) 에 그대로, 어둡게 덮지 않음 */
@media (min-width: 1100px) {
  .main_pop_dim { display: none; }
  .main_pop { position: absolute; top: 500px; left: 500px; z-index: 9999; width: 600px; transform: none; }
  .main_pop_x { display: none; }
  .main_pop_bar { display: flex; }
  .popup_content iframe { height: 450px; aspect-ratio: auto; }
}