/* 미디어쿼리 */

/* 미디어쿼리 */
/* 2025-09-03 개발수정 */
/* 권장 해상도 - HD(1366x768) */
@media screen and (max-width: 1919px) {
  body {zoom:0.35;}
}
/* 권장 해상도 - FHD(1920x1080) */
@media screen and (min-width:1920px) and (max-width: 2559px) {
  body {zoom:0.5;}
}
/* 권장 해상도 - QHD(2560x1400) */
@media screen and (min-width:2560px) and (max-width: 3839px) {
  body {zoom:0.64;}
}
/* 권장 해상도 - UHD(3840x2160) */
@media screen and (min-width:3840px) {
  body {zoom:1;}
}

html, body {width:100%; height:100%;} /* 2025-08-25 추가 */

/* 서브 공통 레이아웃 */
/* header */
.header {padding:0 2.19% 28px; box-sizing:border-box; text-align:center; /* margin-bottom:80px; */} /* 2025-09-03 수정 */
.header::after {content:''; display:block; clear:both;}
.header .link {margin:28px 0 0 0;}
.header .link li {display:inline-block; vertical-align:top; line-height:68px;}
.header .link li a {display: block; color:#fff; font-size:36px; padding:30px;}
.header .link li a img {vertical-align: top; margin-right:20px;}
.header .link li a:hover, .header .link li a:focus {background:rgb(0,0,0,0.4);}
.header .link.fl {float:left;}
.header .link.fr {float:right;}
.header h1 {font-size:60px; color:#fff; font-weight:600; display:inline-block; vertical-align:middle; margin:50px 0 0 0; position:absolute; left:50%; transform:translateX(-50%);} /* 2025-08-25 수정 */
.header h1 img {width:333px; vertical-align:middle; margin-right:30px;}
/* footer */
.footer {display:none;position:fixed; left:0; bottom:0; width:100%; text-align:center; background:#101621; height:140px; box-shadow:0px -15px 15px 0 rgba(0, 0, 0, 0.5); border-top:1px solid #344663;} /* 250813 hjy mod */
.footer.on {display:block;}
.footer.link .foot {width:75%; margin:0 auto;}
.footer.menu .foot {width:80%; margin:0 auto;}
.footer ul li {display:inline-block; vertical-align:top;}
.footer ul li a {color:#fff; font-size:44px; font-weight:600; line-height:140px; display: block;}
.footer ul li a:hover, .footer ul li a:focus {background:#006287;}
.footer ul li.on {background:#006287;}
.footer ul li a img {position:relative; top:5px; left:5px;} 
.footer .swiper-button-prev, .footer .swiper-button-next {width:140px; height:140px; margin-top:0; top:0;}
.footer .swiper-button-prev:after, .footer .swiper-button-next:after {display: none;}
.footer .swiper-button-prev {background:url("../images/btn_prev.png") center center #101621 no-repeat; left:0;}
.footer .swiper-button-next {background:url("../images/btn_next.png") center center #101621 no-repeat; right:0;}
.footer .swiper-button-prev:hover, .footer .swiper-button-next:hover, .footer .swiper-button-prev:focus, .footer .swiper-button-next:focus {background-color:#374153;}
.footer .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {display:none;} /* 250813 hjy add */

/* 메인 */
.main {padding:7.5% 2.19%; box-sizing:border-box; background:url("../images/main_bg.jpg") no-repeat; background-size:cover; height:100%;} /* 2025-08-25 수정 */
.main h1 {text-align:center; font-size:99px; color:#fff; font-weight:600; margin-bottom:340px;}
.main h1 img {vertical-align:middle; margin-right:66px;}
.main .main_cont {text-align:center; padding:0 3%; box-sizing:border-box;}
.main .main_cont .video {width:53%; height:1046px; display:inline-block; vertical-align:top; margin-right:6.3%; border-radius:60px;}
.main .main_cont .video video {border-radius: 60px; width:100%;}
.main .main_cont .menu {display:inline-block; vertical-align:top; text-align:left; width:calc(40% - 2px);}
.main .main_cont .menu .tit {font-size:94px; font-family:'SSRockRegular'; color:#fff; line-height:1.2; margin-bottom:30px;}
.main .main_cont .menu .tit span {font-size:94px; font-family:'SSRockRegular'; color:#00D4EC;}
.main .main_cont .menu .txt {font-size:38px; color:#AEB4BE;}
.main .main_cont .icons {margin-top:70px;}
.main .main_cont .icons ul .swiper-slide li {display:inline-block; vertical-align:top; width:calc(33.3% - 3px); text-align:center; margin-top:30px;}
.main .main_cont .icons ul .swiper-slide li a {display: block; font-size:48px; color:#fff; padding:40px 0; transition:all 0.2s ease; border:4px solid transparent; border-radius:30px;}
.main .main_cont .icons ul .swiper-slide li a:hover, .main .main_cont .icons ul li a:focus {background:rgba(12,24,46,0.8); border-color:#00D4EC;}
.main .main_cont .icons ul .swiper-slide li a img {display: block; margin:0 auto 58px;}
/* 2025-08-25 추가 메인 swipper */
.main .main_cont .icons ul .swiper-slide li a:focus {outline-offset:-2px;}
.main .main_cont .icons.slider_wrap {width:100%; height:auto; margin:0 auto; position: relative;}
.main .main_cont .icons.slider_wrap .swiper {overflow:hidden; width:100%; height:100%; margin-left:0 !important; margin-right:0 !important;}
.icons.slider_wrap div[class^="swiper-button"] {width:100px; height:120px; margin-top:-60px; color:transparent; background-size:200px; border-radius:20px;}
.icons.slider_wrap div[class^="swiper-button"]:hover {background-color:rgba(255,255,255,0.1);}
.icons.slider_wrap div[class^="swiper-button"][tabindex="-1"] {display:none;}
.icons.slider_wrap .swiper-button-prev {left:-110px; background:url("../images/btn_prev.png") center center no-repeat;}
.icons.slider_wrap .swiper-button-next {right:-110px; background:url("../images/btn_next.png") center center no-repeat;}
.icons.slider_wrap .swiper-button-prev:after, .icons.slider_wrap .swiper-button-next:after {display: none;}
.main .main_cont .icons ul li.swiper-slide {text-align:left;}
/* 2025-09-15 추가 */
.video_layer {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.video_layer.show {display:block;}
.video_layer video {width:100%;}

/* 서브 */
.sub {background:url("../images/sub_bg.jpg") no-repeat; background-size:cover; height:100%;} /* 2025-08-25 수정 */

/* 컨텐츠 영역 */
.cont {padding:56px 2.19%; box-sizing:border-box; height:calc(100% - 325px); overflow-y:auto;} /* 2025-09-03 수정 */
.cont.white {background:#fff;} /* 컨텐츠 영역 배경 흰색. 2025-09-03 추가 */
.cont.noheader {height:calc(100% - 146px);} /* 헤더 없을 때 컨텐츠 높이. 2025-09-03 추가 */
.cont::-webkit-scrollbar {width: 10px; border-radius: 10px; margin-right:10px;} /* 2025-09-03 추가 */
.cont::-webkit-scrollbar-thumb {background:#C5CECF; border-radius: 10px;} /* 2025-09-03 추가 */
.cont::-webkit-scrollbar-track {background:none; border-radius: 10px;} /* 2025-09-03 추가 */

/* 마을이야기 목록 */
/* 사이드메뉴 */
.snb {position:relative; width:10%; height:1720px; display:inline-block; vertical-align:top; overflow-y: hidden;} /* 2025-08-25 수정 */
.snb + .cont_box_wrap {width:calc(90% - 94px);}
/* depth1 */
.snb > .depth1 {background:#1A263A; border-radius:60px; height:100%; padding:30px 60px; box-sizing:border-box;}
.snb > .depth1::-webkit-scrollbar {width:10px; border-radius:10px; margin-right:10px;}
.snb > .depth1::-webkit-scrollbar-thumb {background:#C5CECF; border-radius:10px;}
.snb > .depth1::-webkit-scrollbar-track {background:none; border-radius:10px;}
.snb > .depth1 > ul > li {padding-bottom:40px; width:auto;}
.snb > .depth1 > ul > li:last-of-type {margin-bottom:0;}
.snb > .depth1 > ul > li > a {display:block; color:#AAADB2; font-size:36px; line-height:44px; word-break:keep-all;}
.snb > .depth1 > ul > li > a:focus {background:rgb(0,0,0,0.4);} /* 2025-10-15 kiosk focus */
.snb > .depth1 > ul > li.active > a {color:#fff; font-weight:700;}
.snb > .depth1 > ul > li.active > a.active {background:url("../images/snb_act.png") right center no-repeat;}
/* depth1 - 스크롤버튼 */
.depth1-ctrl {position:absolute; width:100%;; height:100px; left:0; bottom:0; background:#1A263A; border-radius:0 0 60px 60px;}
.depth1-ctrl a {display:inline-block; width:calc(50% - 2px); height:100%; text-indent:-9999px;}
.depth1-ctrl a.disabled {opacity:0.3;}
.depth1-ctrl a.up_btn {background:url("../images/slide_up.png") center center no-repeat;}
.depth1-ctrl a.down_btn {background:url("../images/slide_down.png") center center no-repeat;}
/* depth2 */
.snb > .depth2 {display:none; position:absolute; right:0; top:0; width:45.61%; height:100%; background:#0C182E; border-radius:60px; padding:30px 20px; box-sizing:border-box;}
.snb > .depth2 ul li {padding-bottom:20px;}
.snb > .depth2 ul li:last-of-type {margin-bottom:0;}
.snb > .depth2 ul li a {color:#AAADB2; font-size:36px; display: block; line-height:64px; padding:0 30px; border-radius:53px;}
.snb > .depth2 ul li a:focus {background:rgb(0,0,0,0.4);} /* 2025-10-15 kiosk focus */
.snb > .depth2 ul li.active a {color:#fff; background:#009EB0; font-weight:700;}
/* depth2 - 스크롤버튼 */
.depth2-ctrl {position:absolute; width:100%;; height:100px; left:0; bottom:0; background:#0C182E; border-radius:0 0 60px 60px;}
.depth2-ctrl a {display:inline-block; width:calc(50% - 2px); height:100%; text-indent:-9999px;}
.depth2-ctrl a.disabled {opacity:0.3;}
.depth2-ctrl a.up_btn {background:url("../images/slide_up.png") center center no-repeat;}
.depth2-ctrl a.down_btn {background:url("../images/slide_down.png") center center no-repeat;}
/* 목록 */
.cont_box_wrap {display:inline-block; vertical-align:top; margin-left:90px;}
.cont_box_wrap .cont_tit {margin-bottom:100px; display:flex; font-size:60px; font-weight:800; color:#fff; align-items:center;} /* 2025-09-03 수정 */
.cont_box_wrap .cont_tit em {font-size:60px; font-weight:800; color:#fff; font-style:normal; flex-shrink:0; line-height:1.2;} /* 2025-08-25 추가 */
.cont_box_wrap .cont_tit span {font-size:30px; color:#A1B4D5; margin-left:40px; line-height:1.5; word-break:keep-all;} /* 2025-08-25 수정 */
/* 탭 */
.tab_menu {margin-bottom:85px; border-bottom:1px solid #4E5B71;}
.tab_menu ul li {position:relative; display:inline-block; vertical-align:top;}
.tab_menu ul li a {display: block; font-size:38px; color:#C5CECF; padding:0 70px 30px; line-height:1.1;}
.tab_menu ul li a:focus {background:rgb(0,0,0,0.4);} /* 2025-10-15 kiosk focus */
.tab_menu ul li.active:after {content:''; display:inline-block; width:100%; height:8px; background:#009EB0; position:absolute; bottom:0; left:0;}
.tab_menu ul li.active a {font-weight:600; color:#fff;}

/* 갯수, sort */
.thumb_list_wrap {display:none;}
.thumb_list_wrap.active {display:block;}
.thumb_list_wrap .list_top {margin-bottom:80px;}
.thumb_list_wrap .list_top:after {content:''; display:block; clear:both;}
.thumb_list_wrap .list_top .count {float:left; color:#E0EAEB; font-size:28px;}
.thumb_list_wrap .list_top .count .recordCnt {color:#E0EAEB; font-size:28px;} /* 2025-08-25 추가 */
.thumb_list_wrap .list_top .menu_sort {float:right;}
.thumb_list_wrap .list_top .menu_sort ul li {display:inline-block; vertical-align:top; /* margin-left:40px; */ position:relative;}
.thumb_list_wrap .list_top .menu_sort ul li a {display: block; font-size:28px; color:#fff; background:url("../images/sort_up.png") 90% center no-repeat; background-size:34px 34px; padding:20px 70px 20px 20px;  border-radius:10px; box-sizing:border-box;} /* 2025-08-25 수정 */
.thumb_list_wrap .list_top .menu_sort ul li a:focus {background-color:rgb(0,0,0,0.4);} /* 2025-10-15 kiosk focus */
.thumb_list_wrap .list_top .menu_sort ul li.on a {/* background-color:rgb(161, 180, 213, 0.25); */ background-image:url("../images/sort_up.png");} /* 2025-08-25 수정 */
.thumb_list_wrap .list_top .menu_sort ul li.on::after {content:''; display:inline-block; width:100%; height:8px; background:#009EB0; position:absolute; bottom:0; left:0;}
.thumb_list_wrap .list_top .menu_sort ul li.desc.on a {/* background-color:rgb(0, 158, 176, 0.3); */ background-image:url("../images/sort_down.png");} /* 2025-08-25 추가 */
.thumb_list_wrap .thumb_list {height:1120px; overflow-y:auto; padding-right:40px;}
.thumb_list_wrap .thumb_list::-webkit-scrollbar {width: 10px; border-radius: 10px;}
.thumb_list_wrap .thumb_list::-webkit-scrollbar-thumb {background:#C5CECF; border-radius: 10px;}
.thumb_list_wrap .thumb_list::-webkit-scrollbar-track {background:none; border-radius: 10px;}
.thumb_list_wrap .thumb_list ul li {position:relative; display:inline-block; vertical-align:top; width:calc(25% - 48px); margin-right:60px; margin-bottom:60px; background:rgba(78,91,113,0.4); box-sizing:border-box; border-radius:40px;}
.thumb_list_wrap .thumb_list ul li > a {display: block; width:100%; height:100%;}
.thumb_list_wrap .thumb_list ul li > a:hover:after, .thumb_list_wrap .thumb_list ul li > a:focus:after {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; border-radius:40px;}
.thumb_list_wrap .thumb_list ul li:nth-child(4n) {margin-right:0;}
.thumb_list_wrap .thumb_list ul li .thumb img {width:100%; height:500px; object-fit: contain; object-position:top; border-radius:40px; display: block;}
.thumb_list_wrap .thumb_list ul li .tit_box {position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.6); border-radius:0 0 40px 40px; padding:0 40px; box-sizing:border-box;}
.thumb_list_wrap .thumb_list ul li .tit_box:after {content:''; display:block; clear:both;}
.thumb_list_wrap .thumb_list ul li .tit_box .tit {float:left; font-size:40px; color:#fff; font-weight:500; width:calc(100% - 100px); line-height:110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.thumb_list_wrap .thumb_list ul li .tit_box .photo_count {float:right; background:url("../images/photo_count.png") left center no-repeat; background-size:28px 25px; padding-left:40px; color:#fff; font-size:30px; line-height:110px;}
.thumb_list_wrap .thumb_list .result_msg {font-size:36px; font-weight:500; text-align:center; color:#fff;} /* 2025-08-25 추가 */

/* 상세페이지 공통 */
.detail_page .tit_top {position:relative; border-bottom:1px solid #3B4A61; padding-bottom:20px;}
.detail_page .tit_top .tit {font-size:70px; color:#fff; font-weight:600; line-height:1.2;}
.detail_page .tit_top .list_btn {position:absolute; right:0; bottom:28px;}
.detail_page .tit_top .list_btn a {background:url("../images/list_btn.png") 20px center no-repeat; padding:30px 20px 30px 65px; color:#fff; font-size:32px;}
.detail_page .tit_top .list_btn a:hover, .detail_page .tit_top .list_btn a:focus {background-color:rgb(0,0,0,0.4);}
.detail_page .thumb_info {border-top:1px solid #3B4A61; padding-top:20px; margin-bottom:80px;}   
.detail_page .thumb_info table {width:100%;}
.detail_page .thumb_info table tr th {text-align:left;}
.detail_page .thumb_info table tr th span {font-size:36px; font-weight:600; color:#E0EAEB; padding:10px 0 10px 30px; position:relative; text-align:left;}
.detail_page .thumb_info table tr th span:before {content:''; display:inline-block; width:12px; height:12px; background:#006287; border-radius:100%; position:absolute; left:0; top:50%; margin-top:-6px;}
.detail_page .thumb_info table tr td {font-size:36px; color:#E0EAEB; padding:10px 0;}
.detail_page .notice {float:right; font-size:30px; color:#8690A1; text-align:right; background:url("../images/icon_notice.png") left center no-repeat; padding-left:42px;}
/* 마을이야기 상세 (멀티) */
.detail_page .thumb_slide {padding:30px 0; visibility: hidden; height:1180px;} /* 2025-08-25 수정 */
.detail_page .thumb_slide.swiper-initialized {visibility: visible;}
.detail_page .thumb_slide .swiper-slide {transform: scale(0.3); padding:9% 0; box-sizing:border-box; position: relative;} /* 2025-08-25 수정 */
.detail_page .thumb_slide .swiper-slide img,
.detail_page .thumb_slide .swiper-slide video {display: block; max-width:100%; max-height:100%; min-height:600px; margin:0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} /* 2025-08-25 수정 */
.detail_page .thumb_slide .swiper-slide video:focus {border:4px solid transparent;}
.detail_page .thumb_slide .swiper-slide > div {position:relative; height:100%; cursor:pointer;} /* 2025-08-25 수정 */
.detail_page .thumb_slide .swiper-slide > div:after {content:''; display:inline-block; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0;}
.detail_page .thumb_slide .swiper-slide-active {transform: scale(1.6); z-index: 10;}
.detail_page .thumb_slide .swiper-slide-active > div:after {display: none;}
.detail_page .thumb_slide .swiper-slide .detail_btn, .detail_page .thumb_slide .swiper-slide .btn_preview {position:absolute; bottom:0; left:50%; transform: translateX(-50%); background:url("../images/icon_detail_btn.png") 30px center rgba(0,0,0,0.6) no-repeat; color:#fff; line-height:85px; width:252px; text-align:center; font-size:28px; padding:0 20px 0 70px; box-sizing:border-box; cursor:pointer; zoom:0.73;} /* 2025-08-25 추가 */
.detail_page .thumb_slide .swiper-slide .detail_btn:focus, 
.detail_page .thumb_slide .swiper-slide .detail_btn:focus .detail_page .thumb_slide .swiper-slide .btn_preview:focus, 
.detail_page .thumb_slide .swiper-slide .btn_preview:focus {background-color:rgb(0,98,135,0.5);} /* 2025-08-25 추가 */
.detail_page .thumb_slide .swiper-button-prev, .detail_page .thumb_slide .swiper-button-next {z-index:9; width:120px; height:260px; background-color:rgba(255,255,255,0.05); border-radius:15px; top:50%; margin-top:-130px; font-size:0;}
.detail_page .thumb_slide .swiper-button-prev:before, .detail_page .thumb_slide .swiper-button-next:before {width:100%; height:100%; display:inline-block; opacity:1;}
.detail_page .thumb_slide .swiper-button-prev:hover:before, .detail_page .thumb_slide .swiper-button-next:hover:before, .detail_page .thumb_slide .swiper-button-prev:focus:before, .detail_page .thumb_slide .swiper-button-next:focus:before {background-color:rgba(0,0,0,0.5); border-radius:15px;}
.detail_page .thumb_slide .swiper-button-prev:before {content:''; background:url("../images/slide_prev.png") center center no-repeat;}
.detail_page .thumb_slide .swiper-button-next:before {content:''; background:url("../images/slide_next.png") center center no-repeat;}
.detail_page .thumb_slide .swiper-button-next:after, .detail_page .thumb_slide .swiper-button-prev:after {display: none;}
.detail_page .thumb_slide button.swiper-button-disabled{opacity:0.4;}
/* 상세페이지 (싱글) */
.detail_page .thumb_box {position:relative; margin:30px 0; height:1180px;} /* 2025-08-25 수정 */
.detail_page .thumb_box .thumb {position:relative; margin:0 auto; /* width:1500px; */ height:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background:#000;} /* 2025-08-25 수정 */
.detail_page .thumb_box .thumb > img {display: block; width:100%; height:100%; margin:0 auto; object-fit: contain;} /* 2025-08-25 수정 */
.detail_page .thumb_box .thumb > video {height:100% !important;} /* 2025-08-25 추가 */
.detail_page .thumb_box .detail_btn, .detail_page .thumb_box .btn_preview {position:absolute; bottom:0; left:50%; transform: translateX(-50%); background:url("../images/icon_detail_btn.png") 30px center rgba(0,0,0,0.6) no-repeat; color:#fff; line-height:85px; width:252px; text-align:center; font-size:28px; padding:0 20px 0 70px; box-sizing:border-box; cursor:pointer;} /* 2025-08-25 추가 */
.detail_page .thumb_box .detail_btn:hover, .detail_page .thumb_box .detail_btn:focus, .detail_page .thumb_box .btn_preview:hover, .detail_page .thumb_box .btn_preview:focus {background-color:rgb(0,98,135,0.5);} /* 2025-08-25 추가 */
/* 상세페이지 > 자세히보기 */
.pop_mask {display: none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10;}
.pop {display: none; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; text-align:center; z-index:11;}
.pop .thumb {/* width:2160px; */ height:1628px; display:inline-block; vertical-align:bottom;} /* 2025-08-25 수정 */
.pop .thumb img {/* width:100%; */ height:100%;} /* 2025-08-25 수정 */
.pop .close {display:inline-block; vertical-align:bottom; font-size:45px; color:#fff; font-weight:500; background:url("../images/icon_close.png") 30px center no-repeat; padding:30px 30px 30px 120px; cursor: pointer;}
.pop .close:hover, .pop .close:focus {background-color:rgb(0,98,135,0.5);}

/* 기록마당 안내 */
.guide_cont .top_tit {font-size:100px; color:#fff; font-weight:800; text-align:center; margin-bottom:80px;}
.guide_cont .inner {background:url("../images/bg_line.png") no-repeat; padding-top:195px; text-align:center;}
.guide_cont .inner .slide_box {position:relative; display:inline-block; vertical-align:top; margin-right:140px; width:35%;}
.guide_cont .inner .slide_box ul li img {border-radius:40px; width:100%;}
.guide_cont .inner .slide_box .swiper-pagination {bottom:-70px;}
.guide_cont .inner .slide_box .swiper-pagination-bullet {width:30px; height:30px; margin:0; margin-right:25px; background:#5B6164;}
.guide_cont .inner .slide_box .swiper-pagination-bullet-active {background:#009EB0;}
.guide_cont .inner .txt_box {display:inline-block; vertical-align:top; text-align:left;}
.guide_cont .inner .txt_box .t1 {color:#fff; font-size:60px; font-weight:600; line-height:90px; margin-bottom:70px;}
.guide_cont .inner .txt_box .t2, .guide_cont .inner .txt_box .t2 span {color:#fff; font-size:40px; font-weight:400; line-height:62px;}
.guide_cont .inner .txt_box .t2 span {color:#009EB0;}

/* 기록마당 안내2 */
.guide_cont2 {background:url("../images/guide_ex.png") center 220px no-repeat; background-size:100% auto;}
.guide_cont2 .top_tit {font-size:100px; color:#fff; font-weight:800; text-align:center; margin-bottom:80px;}
.guide_cont2 .txt_box {text-align:center; padding-top:700px;}
.guide_cont2 .txt_box .t1 {display:inline-block; vertical-align:top; width:26%; font-size:50px; color:#fff; font-weight:600; margin-right:80px; text-align:left; padding:100px 0 170px 160px; background:url("../images/guide2_line.png") no-repeat;}
.guide_cont2 .txt_box .t1:before {content:''; display:inline-block; background:url("../images/quo1.png") no-repeat; width:24px; height:72px; position:absolute; margin-left:-30px;}
.guide_cont2 .txt_box .t1:after {content:''; display:inline-block; background:url("../images/quo2.png") no-repeat; width:24px; height:72px; position:absolute; margin-top:-40px;}
.guide_cont2 .txt_box .t2 {width:58%; display:inline-block; vertical-align:top; font-size:38px; color:#fff; font-weight:400; line-height:52px; text-align:left;}

/* 공통 */
.cont_box_wrap.full_size {display:block; width:100%; margin-left:0; margin-bottom:80px; /* padding-top:60px; */}  /* 2025-08-25 수정 */
.cont_box_wrap.full_size .cont_tit {width:100%; margin-bottom:inherit; text-align:center; font-size:100px; line-height:1.4; justify-content: center;} /* 2025-08-25 수정 */
.tab .tab_head.center {text-align:center;}
.footer {z-index: 100;}

/* 청사안내 */
.tab_head {border-bottom:1px solid #4E5B71; margin-bottom:40px;}
.tab_head li {position:relative; display:inline-block; vertical-align:top;}
.tab_head li a {display: block; font-size:38px; color:#C5CECF; padding:0 70px 30px; line-height:1.1;}
.tab_head li a:focus {background:rgb(0,0,0,0.4);} /* 2025-10-15 kiosk focus */
.tab_head li.active:after {content:''; display:inline-block; width:100%; height:8px; background:#009EB0; position:absolute; bottom:0; left:0;}
.tab_head li.active a {font-weight:600; color:#fff;}
.tab_body {display:none;}
.tab_body.active {display:block;}
.tab_body.location {display: flex !important; height: 0px; overflow: hidden; justify-content: center;}
.tab_body.location.active {height: auto;}
.location_wrap {position:relative; width:3242px; margin-top:70px; padding:0 215px;}
.location_wrap .slider_wrap {width:2914px; width:3242px; height:1320px; margin:0 auto; position: relative;}
.location_wrap .swiper-container {overflow:hidden; width:2914px; height:1320px; margin-left: 0 !important; margin-right: 0 !important;}
.location_wrap .swiper-slide {width:2914px; height:1320px; padding: 0 196px; display: flex !important; align-items: center;  box-sizing:border-box;}
.location_wrap .swiper_control button {display:block; position:absolute; top:50%; transform: translateY(-50%); width:120px; height:260px; padding:0; background-color: rgba(255,255,255,0.08); background-position:50% 50%; background-repeat:no-repeat; border:none; border-radius:15px; outline:0; z-index:10; font-size:0; cursor:pointer}
.location_wrap .swiper_control button:hover, .location_wrap .swiper_control button:active, .location_wrap .swiper_control button:focus {background-color: rgba(0,0,0,0.5);}
.location_wrap .swiper_control button.swiper-button-disabled:hover, .location_wrap .swiper_control button.swiper-button-disabled:hover, .location_wrap .swiper_control button.swiper-button-disabled:focus, .location_wrap .swiper_control button.swiper-button-disabled:focus {background-color: rgba(255,255,255,0.08); cursor: default;}
.location_wrap .swiper_control .swiper-button-prev {background-image: url(../images/slide_prev.png); left: 0;}
.location_wrap .swiper_control .swiper-button-next {background-image: url(../images/slide_next.png); right: 328px;}
.location_wrap .swiper_control .swiper-button-next:after, .location_wrap .swiper_control .swiper-button-prev:after {display: none;}
.location_wrap .swiper_control button.swiper-button-disabled{opacity:0.4;}
.location_wrap .swiper-slide .building {position:absolute; top:67px; left:270px; color:#009EB0; font-size:42px; font-weight:400; z-index:1;}
.location_wrap .swiper-slide .stair {position:absolute; top:130px; left:267px; color:#fff; font-weight:800; font-size:120px; z-index:1;}
.location_wrap .swiper-slide .stair > span {font-size:70px;}
.location_wrap .swiper_menu {position:absolute; right:0; top:50%; display: flex; flex-direction: column-reverse; width:130px; height:auto; overflow: hidden; box-shadow:6px 6px 6px rgba(0,0,0,0.3);}
.location_wrap .swiper_menu button {position:relative; display: block; width: 100%; min-height:130px; font-size:42px; line-height:1; color:#fff; font-weight:500; background:#1A263A; cursor:pointer; box-sizing:border-box; text-align:center; transition:all .2s ease-in-out;}
.location_wrap .swiper_menu button:focus {background:rgb(0,0,0,0.4);} /* 2025-10-15 kiosk focus */
.location_wrap .swiper_menu button.active {background:#009EB0;}
.location_wrap .swiper_menu button:before {position:absolute; top:-2px; left:15px; width:100px; height:1px; background:#4E5B71; content:""}
.location_wrap .swiper_menu button:last-child:before,
.location_wrap .swiper_menu button.active:before {display:none;}
.location_wrap .swiper_menu button:last-child {border-top-left-radius:15px; border-top-right-radius:15px;}
.location_wrap .swiper_menu button:first-child {border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.location_wrap .swiper_menu button > span {font-size:32px;}
.location_wrap .swiper_menu.total5 {margin-top:-345px;} /* 2025-08-25 수정 */
.location_wrap .swiper_menu.total3 {margin-top:-210px;} /* 2025-08-25 수정 */
.location_wrap .swiper_menu.total2 {margin-top:-150px;} /* 2025-08-25 수정 */
.location_wrap .swiper_menu.total1 {margin-top:-85px;} /* 2025-08-25 수정 */

/* modal popup */
.modal {display: none; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);}
.modal > .modal_cont {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.modal > .modal_cont .inner {position: relative; width: 1200px; height:auto; min-height:1230px; padding: 140px 50px; background: #fff; border-radius: 40px; box-sizing: border-box;}
.modal * {font-size: 40px; line-height: 1.4; color: #5B6164;}
.modal .modal_close {position: absolute; bottom: 0; right: -156px; min-height: 40px; padding-left: 54px; color: #fff; font-size: 30px; font-weight: 500; line-height: 1; background: url(../images/icon_close.png) no-repeat 0 50%; background-size: 40px 40px;}
.modal .modal_close {right:-186px; padding:30px 30px 30px 84px; background-position:20% 50%;}
.modal .modal_close:hover, .modal .modal_close:focus {background-color:rgb(0,98,135,0.5);}
.qr_info {text-align: center;}
.qr_info dt {margin-bottom: 30px; color:#000 !important; font-size:80px; font-weight: 600; letter-spacing: -0.1rem;}
.qr_info dd {font-size: 40px; line-height: 1.4; color: #5B6164;}
.qr_info em {color: #F37911 !important; font-style: normal;}
.qr_img {margin-top: 83px; text-align: center;}