/* 서브공통 */
.sub_wrap { } 
.sub_wrap .inner { text-align: center; } 
.sub_wrap .inner .breadcrumb { margin-bottom: 10px; } 
.sub_wrap .inner .breadcrumb_wrap { margin-bottom: 10px; } 
.sub_top01 { display: flex; justify-content: center; align-items: center; flex-direction: column; background: url(../img/inro_vis01.png) no-repeat center / cover; height: 700px; width: 100%; } 
.sub_top02 { padding-top: 290px; } 
.sub_wrap .inner .tab_menu_wrap.color_red ul { padding-bottom: 2px; height: 57px; margin-bottom: 32px; align-items: end; } 
.accordion_wrap .tab_cont_wrap .tab_cont.on { flex-direction: column; } 
.tab_cont_wrap .tab_cont.on.board_list { flex-direction: column; } 
.tab_menu_wrap.type5 .tab_cont.on { flex-direction: column !important; margin-top: 40px; } 
.detail_view { padding-top: 288px; max-width: 1055px; padding-right: 60px; padding-left: 60px; margin: 0 auto; } 
.detail_view.border_bottom { padding-top: 200px; } 
.detail_view:has(.label) .ck_editor_area { padding-top: 20px; } 
.detail_view .detail_top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; border-bottom: 1px solid var(--color_typo1); } 
.detail_view .detail_top + .detail_tit { margin-bottom: 30px; } 
.detail_view .detail_top .detail_info { display: flex; gap: 10px; align-items: center; } 
.detail_view .detail_top .detail_info .date { font-family: Pretendard; font-size: 18px; color: var(--color_typo2); } 
.detail_view .detail_top .detail_info .event { font-size: 18px; font-weight: 600; } 
.detail_view .detail_content { margin-bottom: 21px; } 
.detail_view .ck_editor_area { padding-top: 40px; padding-bottom: 40px; } 
.detail_view .editor_wrap .ck_editor_area { padding-top: 100px; padding-bottom: 100px; } 
.detail_view .detail_tit { text-align: left; font-family: Pretendard; color: var(--color_primary1); font-size: 40px; line-height: 1.3; font-weight: 600; margin-top: 20px; } 
.detail_view:has(.label_wrap) .detail_tit { margin-bottom: 0; margin-top: 0; } 
.detail_tit + .ck_editor_area { padding-top: 0 !important; } 
.detail_view .detail_txt { margin-top: 30px; } 
.detail_view .detail_content img { text-align: center; margin-bottom: 30px; } 
.detail_view .ck_editor_area .detail_txt { line-height: 1.7; text-align: left; font-family: Pretendard; font-size: 20px; font-weight: 600; color: var(--color_typo1); } 
.detail_view .detail_content .text_btn1 { margin-top: 20px; } 
.detail_view.border_bottom .detail_tit { margin-top: 10px !important; margin-bottom: 30px !important; } 
.detail_view.border_bottom .detail_content { padding-bottom: 100px; border-bottom: 1px solid #ddd; } 
.detail_view.border_bottom .list_btn { margin-top: 30px; } 
.detail_view.border_bottom .detail_top { border-bottom: none; padding-bottom: 0; } 
.file_list { padding: 23px 20px; background-color: #f7f7f7; display: flex; flex-direction: column; gap: 20px; margin-top: 100px; } 
.file_list li { text-align: left; } 
.file_list li a { padding-left: 34px; width: fit-content; line-height: 24px; display: flex; position: relative; color: var(--color_typo2); } 
.file_list li >div { padding-left: 34px; width: fit-content; line-height: 24px; display: flex; position: relative; color: var(--color_typo2); } 
.file_list li .file_name { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.file_list li .file_type { display: block; } 
.file_list li a:hover { text-decoration: underline; text-underline-position: under; } 
.file_list li a::before { position: absolute; width: 24px; height: 24px; content: ""; display: block; left: 0px; top: 50%; transform: translateY(-50%); } 
.file_list li > div::before { position: absolute; width: 24px; height: 24px; content: ""; display: block; left: 0px; top: 50%; transform: translateY(-50%); } 
.file_list li .hwp_download::before { background: url(../img/icon/icon_hwp.svg) no-repeat center; } 
.file_list li .pdf_download::before { background: url(../img/icon/icon_pdf.svg)no-repeat center; } 
.file_list li .jpg_download::before { background: url(../img/icon/icon_jpg.svg)no-repeat center; } 
.file_list li .png_download::before { background: url(../img/icon/icon_png.svg)no-repeat center; } 
.file_list li .excel_download::before { background: url(../img/icon/icon_excel.svg)no-repeat center; } 
.detail_view .control_wrap { } 
.detail_view .control_wrap ul { display: flex; flex-direction: column; } 
.detail_view .control_wrap ul li { } 
.detail_view .control_wrap ul li a { display: flex; gap: 20px; text-align: left; padding-top: 30px; padding-bottom: 30px; align-items: center; } 
.detail_view .control_wrap ul li a { align-items: center; gap: 20px; } 
.detail_view .control_wrap ul li a .img_wrap { width: 176px; flex-shrink: 0; } 
.detail_view .control_wrap ul li a .txt_wrap { overflow: hidden; display: flex; gap: 10px; flex-direction: column; } 
.detail_view .control_wrap ul li a.has_img { display: flex; flex-direction: row; } 
.detail_view .control_wrap ul li a .small_tit { font-size: 16px; line-height: 1.5; } 
.detail_view .control_wrap ul li a strong { transition: 0.2s all; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-family: Pretendard; color: var(--color_typo1); font-size: 20px; font-weight: 600; } 
.detail_view .control_wrap ul li a:hover strong { color: var(--color_primary2); } 
.detail_view .control_wrap ul li a { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } 
.detail_view .control_wrap ul li:nth-child(2) a { border-top: none; } 
.detail_view .detail_head { gap: 10px; display: flex; flex-direction: column; justify-self: flex-start; align-items: flex-start; } 
.detail_view .detail_head .detail_tit { font-size: 40px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: -0.4px; text-align: left; color: #111; } 
.detail_view .detail_head .label_wrap { display: flex; gap: 8px; margin-bottom: 10px; } 
.detail_view .detail_head .label_wrap .label { border-radius: 2px; } 
.detail_view .text_btn_wrap { border-bottom: 1px solid #e4e4e4; padding-bottom: 20px; } 
.detail_view .detail_head .date { font-size: 15px; color: var(--color_typo2); } 
.select_area .inner { display: flex; } 

.pagination_wrap .control_btn { font-size: 18px; } 
.pagination_wrap .control_btn.disabled { cursor: default; pointer-events: none; color: #999; } 

.detail_view .block_type2_wrap { margin-top: 0; } 
.detail_view:has(.control_wrap) .control_wrap ul li:nth-child(1) a { border-top: none; } 
.detail_view:has(.text_btn1) .ck_editor_area { border-bottom: none; padding-bottom: 20px; } 
.detail_view:has(.file_list) .control_wrap ul li:nth-child(1) a { border-top: 1px solid #e4e4e4; margin-top: 20px; } 
/* ck 에디터 기본 좌측정렬 */
.ck_editor_area { text-align: left; font-size: 20px; line-height: 1.7; } 

.hover_black + .txt_wrap { overflow: hidden; padding-right: 30px; user-select: none; } 
.hover_txt_box { color: white; position: absolute; text-align: left; left: 40px; bottom: 40px; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; } 
.hover_txt_box .tit { font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; } 
.hover_txt_box::before { display: block; content: ""; position: absolute; background: url(../img/icon/icon_arrow1.svg); background-repeat: no-repeat; background-size: cover; width: 20px; height: 14px; right: 0px; bottom: 8px; } 
.hover_txt_box .txt { font-size: 18px; margin-top: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; } 

.blockTypeSwiper { position: relative; } 
.block_type_wrap { margin-top:100px; } 
.block_type_wrap:first-of-type { margin-top:0px; } 
.block_type_wrap dl dt img { width:100%; height:auto; } 
.block_type_wrap dl dt em { font-size: 40px; font-weight: 600; display: block; } 
.block_type_wrap dl dd { margin-top:20px; font-size:20px; line-height:160%; font-weight:bold; text-align: left; } 
.block_type_wrap dl dd span { font-size:20px; } 
.block_type_wrap dl dd span.txt_import { color:#ee4141; font-weight:bold; } 
.dropdown { min-width: 166px; border: solid 1px #ddd; position: relative; box-sizing: border-box; } 
.dropdown::after { background: url(../img/icon/icon_triangle.png) no-repeat center / contain; display: block; width: 12px; height: 100%; content: ""; right: 20px; position: absolute; top: 50%; transform: translateY(-50%); } 
.dropdown > a { padding-left: 20px; padding-right: 20px; display: inline-block; width: 100%; height: 100%; height: 53px; line-height: 53px; box-sizing: border-box; text-align: left; } 
.dropdown ul { display: flex; display: none; flex-direction: column; position: absolute; top: 60px; background: white; border: 1px solid #ddd; width: 100%; } 
.dropdown.active ul { display: flex; } 
.dropdown ul li { } 
.dropdown ul li a { text-align: left; padding-left: 20px; height: 32px; line-height: 32px; width: 100%; display: block; } 
.block_type2_wrap { margin: 160px auto 0; overflow: hidden; max-width: 1055px; width: 100%; padding-right: 60px; padding-left: 60px; } 
.block_type2_wrap.detail_type { margin-top: 250px; } 

.block_type2_wrap .sub_tit { margin-bottom: 20px; text-align: left; } 
.block_type2_wrap .img_wrap { margin-top: 30px; height: 520px; } 
.block_type2_wrap .img_wrap img { object-fit: cover; user-select: none; } 
.block_type2_wrap .swiper-button-prev { left: -30px; } 
.block_type2_wrap .swiper-button-next { right: -30px; } 
.block_type2_wrap .info_list_wrap { margin-top: 22.5px; position: relative; padding-bottom: 30px; border-bottom: 1px solid #e4e4e4; } 
.block_type2_wrap .list_wrap1 .black_btn { position: absolute; bottom: 30px; right: 0px; } 
.table_type1 th { padding-left: 12px; line-height: 35px; width: 100px; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; position: relative; letter-spacing: normal; vertical-align: top; text-align: left; color: #1a1818; } 
.table_type1 th::after { width: 4px; position: absolute; content: ""; display: block; left: 0px; height: 4px; background: var(--color_typo1); top: 15px; } 
.table_type1 td { text-align: left; line-height: 35px; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #444; } 
.list_wrap1 { border-bottom: 1px solid #e4e4e4; position: relative; } 
.list_wrap1 .info_list { padding-bottom: 30px; padding-top: 30px; } 
.list_wrap1 .info_list li { } 
.list_wrap1 .info_list li .tit { padding-left: 12px; text-align: left; width: 130px; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; position: relative; letter-spacing: normal; vertical-align: top; text-align: left; color: #1a1818; flex-shrink: 0; } 
.list_wrap1 .info_list li .tit::after { width: 4px; position: absolute; content: ""; display: block; left: 0px; height: 4px; background: var(--color_typo1); top: 8px; } 
.list_wrap1 .info_list li .txt { text-align: left; line-height: 1.4; } 
.list_wrap1 .info_list li:last-of-type .txt { max-width: calc(100% - 435px); } 
.list_wrap1 .info_list li:nth-last-of-type(2) .txt { max-width: calc(100% - 435px); } 

.edit_tit { margin-bottom: 20px; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.24px; text-align: left; color: #111; } 
.editor_wrap { max-width: 1055px; padding-right: 60px; padding-left: 60px; font-family: 'Pretendard'; margin: 0 auto; } 
.swiper_button { width: 50px !important; height: 50px !important; border: solid 1px #ddd; background-color: #fff; border-radius: 50%; } 
.swiper-button-next { right: 24px; } 
.swiper-button-prev { left: 24px; } 
.swiper-button-next:after, .swiper-button-prev:after { font-size: 15px !important; border-radius: 50%; color: var(--color_typo1) !important; } 
.photo_list_wrap { max-width: 1920px; padding-right: 60px; padding-left: 60px; margin:0 auto; margin-top: 120px; } 
.photo_list_wrap .tab_menu_wrap { margin-bottom: 25px; } 
.photo_list_wrap .tab_cont_wrap ul { display: flex; flex-wrap: wrap; gap: 100px 30px; justify-content: flex-start; } 
.photo_list_wrap .tab_cont_wrap ul li { width: calc(25% - 22.5px); min-width:298px; } 
.photo_list_wrap .tab_cont_wrap ul li a { display: block; position: relative; } 
.photo_list_wrap .tab_cont_wrap ul li a:hover .tit_wrap { text-decoration: underline; text-underline-position: under; } 
.photo_list_wrap .tab_cont_wrap ul li a .label_wrap { position: absolute; top: 9px; left: 11px; display: flex; gap: 8px; } 
.photo_list_wrap .tab_cont_wrap ul li a span.label { display: block; border-radius: 2px; color: white; font-family: Pretendard; font-weight: 500; font-size: 15px; box-shadow: 0 5px 10px 0 rgba(238, 65, 65, 0.1); } 
.photo_list_wrap .tab_cont_wrap ul li a span.label.img_type { line-height: unset; min-width: unset; padding-bottom:0; } 
.photo_list_wrap .tab_cont_wrap ul li a span.label.img_type img { vertical-align: 0; height: auto; } 
.photo_list_wrap .tab_cont_wrap ul li a .tit_wrap { margin-top: 19px; text-align: left; font-size: 20px; color: var(--color_typo1); font-weight: 600; display: -webkit-box; overflow: hidden; max-height: 3em; line-height: 1.5; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.photo_list_wrap .tab_cont_wrap ul li a .img_wrap { overflow: hidden; height: 280px; } 
.photo_list_wrap .tab_cont_wrap ul li a .date_wrap { margin-top: 10px; text-align: left; color: #444; font-size: 18px; } 
.photo_list_wrap .tab_cont_wrap ul li a .img_wrap img { object-fit: cover; } 
.photo_list_wrap .tab_menu_wrap.type3 ul.tab_cont { margin-top: 20px; } 
.photo_list_wrap .tab_cont li a:hover .tit_wrap { color: var(--color_primary2); } 
.photo_list_wrap.tac_type .tab_cont_wrap ul li a .tit_wrap { text-align: center; } 
.tab_cont_wrap .tab_cont { display: none !important; } 
.tab_cont_wrap .tab_cont.on { display: flex !important; } 
.empty_wrap { height: 360px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } 
.empty_wrap p { line-height: 360px; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: -0.3px; color: #999; } 
/* qna 추가 */

.qna_wrap { padding-left: 24px; padding-right: 24px; margin-top: 63px; max-width: 1920px; box-sizing: border-box; padding-left: 60px; margin: 100px auto 0; padding-right: 60px; } 
.qna_wrap .red_txt { color:#ee4141; text-align: left; line-height: 1.5; margin-top: 15px; font-size: 16px; } 
.row_wrap .row_con .flex_wrap.type5 { max-width: 860px; width: 100%; } 
.Captcha { border: solid 1px #ddd; background-color: #fff; height: 225px; margin-top: -45px; } 
.row_wrap .row_con .flex_wrap.type5 .select_wrap { width: 100%; } 
.pop_input_wrap { margin-top: 90px; background: #f8f8f8; padding-bottom: 33px; } 
.pop_input_wrap .input_box { max-width: 365px; width: calc(100% - 40px); margin: 0 auto; } 
.pop_input_wrap + .btn_wrap.type2 { margin-top: 0; } 
.qna_wrap .file_list li a {padding-left: 24px; width: 100%;}
.file_t_txt {display: flex; align-items: flex-end; font-weight: 500; color:var(--color_primary1)}
.file_t_txt .kb {font-size: 13px; }
.qna_wrap .file_list li a::before {width: 18px;height: 18px; background-size: cover !important;}
.qna_wrap .row_tit:has(.filebox) { display: flex; align-items: center; gap: 40px; } 
.qna_wrap .register_wrap { background-color: #f7f7f7; padding: 40px; } 
.qna_wrap .qna_top_wrap { display: flex; margin-bottom: 80px; gap: 20px; justify-content: space-between; padding: 54.2px 81px 45.8px 60px; border: solid 1px rgba(238, 65, 65, 0.2); text-align: left; } 
.qna_wrap .qna_top_wrap ul { display: flex; flex-direction: column; gap: 8px; } 
.qna_wrap .qna_top_wrap ul li { color: #444; font-size: 16px; font-weight: 500; position: relative; padding-left: 20px; } 
.qna_wrap .qna_top_wrap ul li::after { content: ""; display: block; width: 2px; height: 2px; background: var(--color_primary1); left: 10px; top: 7px; position: absolute; } 
.qna_wrap .qna_top_wrap .add_btn { display: block; background: #ee4141; border: solid 1px rgba(238, 65, 65, 0.2); font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; height: 60px; max-width: 180px; width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; letter-spacing: normal; text-align: left; color: #fff } 
.qna_wrap .qna_top_wrap .add_btn:focus-visible { outline-color: black; } 
.qna_wrap .board_head { display: flex; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: -0.3px; text-align: center; color: #1a1818; padding-top: 29.75px; padding-bottom: 27.5px; background-color: #fafafa; justify-content: space-between; } 
.qna_wrap .board_h1 { min-width: 100px; font-size: 18px; font-weight: 400; } 
.qna_wrap .board_h2 { min-width: 180px; } 
.qna_wrap .board_h2 .label { min-width: 180px; font-size: 15px; font-weight: 500; } 
.qna_wrap .board_h3 { flex: 1 1 auto; padding-right: 20px; padding-left: 20px; } 
.qna_wrap .board_h3.title { text-align: left; } 
.qna_wrap .board_h4 { min-width: 90px; font-size: 20px; font-weight: 600; } 
.qna_wrap .board_h5 { min-width: 90px; font-size: 20px; font-weight: 600; } 
.qna_wrap .board_h6 { min-width: 120px; } 
.qna_wrap .board_wrap1 .board_list li a { gap: 0; } 
.qna_wrap .board_h3 { position: relative; max-width: 650px; width: 100%; overflow: hidden; } 
.qna_wrap .board_row .board_h3 { display: flex; justify-content: flex-start; gap: 8px; align-items: center; } 
.qna_wrap .board_row .board_h6 { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #444; } 
.qna_wrap .board_h3 .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: -0.3px; text-align: left; color: #1a1818; } 
.qna_wrap .board_h3 .new { position: relative; width: 15px; height: 18px; } 
.qna_wrap .board_h3 .new::after { position: absolute; content: "N"; font-family: "Jost"; color: var(--color_primary2); right: 0px; font-size: 14px; font-weight: bold; } 
.btn_wrap.type2 { display: flex; justify-content: center; gap: 10px; margin-top: 30px; } 
.qna_wrap .textarea_wrap { position: relative; } 
.qna_wrap .qna_tit { font-size: 40px; color: #111; font-weight: 600; margin-bottom: 40px; display: block; } 
.textarea_txt { position: absolute; display: flex; bottom: 0px; color: #999; font-size: 16px; right: 20px; bottom: 20px; } 
.share_wrap { position: relative; } 
.share_wrap .share_list { top:26px; position: absolute; display: none; right: 0px; } 
.share_wrap .share_list.on { display: block; } 
.share_wrap ul { display: flex; gap: 20px; padding: 45px 30px 40px; border-radius: 15px; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1); border: solid 1px #ddd; background-color: #fff; } 
.share_wrap ul li { min-width: 54px; } 
.share_wrap ul li:nth-child(2) { min-width: 64px; } 
.share_wrap ul li a { display: flex; flex-direction: column; width: 100%; height: 100%; gap: 10px; } 
.share_wrap ul li .txt_wrap { font-size: 14px; font-weight: 500; white-space: nowrap; color: #444; } 
.share_wrap ul li .img_wrap { overflow: hidden; width: 47px; height: 47px; margin: 0 auto; } 
.share_wrap ul li .img_wrap img { width: 100%; height: 100%; } 
.share_wrap .close_btn { width: 13px; height: 13px; position: absolute; background: none; right: 15px; top: 15px; } 
.share_wrap .close_btn::after { -webkit-mask: url(../img/icon/icon_close.svg) no-repeat center / cover; position: absolute; content: ""; background-color: #ccc; top: 0px; left:0px; position: absolute; width: 10px; height: 10px; } 

.qna_detail_wrap { } 
.qna_detail_wrap .q_wrap .q_top { padding-top: 25px; padding-bottom: 25px; border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; position: relative; display: flex; justify-content: space-between; padding-left: 60px; padding-right: 27px; } 
.qna_detail_wrap .q_wrap .q_top::after { content: "Q"; display: block; font-size: 24px; font-weight: 500; color: #ee4141; position: absolute; left: 25px; } 
.qna_detail_wrap .q_wrap .left_wrap { display: flex; align-items: center; gap: 26px; overflow: hidden; } 
.qna_detail_wrap .q_wrap .left_wrap .tit { font-size: 20px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: -0.3px; text-align: left; color: #1a1818; } 
.qna_detail_wrap .q_wrap .right_wrap { display: flex; gap: 110px; flex-shrink: 0; } 
.qna_detail_wrap .q_wrap .q_con { padding-top: 25px; padding-bottom: 40px; padding-left: 60px; padding-right: 60px; text-align: left; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.18px; text-align: left; color: #444; } 
.qna_detail_wrap .q_wrap .file_list { background: white; padding: 23px 60px;} 
.qna_detail_wrap dl { align-items: center; display: flex; gap: 12px; color: var(--color_primary1); } 
.qna_detail_wrap dt { font-size: 18px; font-weight: 600; } 
.qna_detail_wrap dd { font-size: 18px; font-weight: 400; } 
.qna_detail_wrap .a_wrap { position: relative;  border-top: solid 1px #e4e4e4; background-color: #f7f7f7; padding-top: 32px; padding-bottom: 32px; padding-left: 60px;  display: flex; flex-direction: column; padding-right: 27px; } 
.qna_wrap .a_wrap .a_top_wrap {display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
.qna_wrap .a_wrap .file_list {padding: 0; margin-top: 15px; gap: 10px; font-size: 14px !important;}
.qna_detail_wrap .a_wrap::after { content: "A."; display: block; font-size: 24px; font-weight: 500; color: #ee4141; position: absolute; left: 25px; } 
.qna_detail_wrap .a_wrap .a_txt { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.18px; text-align: left; color: #444; } 

.img_full_list.type2 .tab_menu_wrap.type3 + .list_wrap {margin-top: 20px;}

.error_wrap { padding-top: 280px; text-align: center; margin: 0 auto; max-width: 1920px; padding-right: 60px; padding-left: 60px; } 
.error_wrap .error_tit { font-family: Jost; font-size: 120px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.82; letter-spacing: normal; text-align: center; color: #1a1818; } 
.error_wrap .error_txt { font-family: Pretendard; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: -0.2px; text-align: center; color: #1a1818; } 
.error_wrap .black_btn { margin-top: 50px; } 
.control_wrap + a.list_btn { margin-top: 40px; } 
/* selected */
.course_wrap .course_list li:nth-of-type(1) a.selected { background-color:var(--way_type1); border: 1px solid var(--way_type1); } 
.course_wrap .course_list li:nth-of-type(2) a.selected { background-color:var(--way_type2); border: 1px solid var(--way_type2); } 
.course_wrap .course_list li:nth-of-type(3) a.selected { background-color:var(--way_type3); border: 1px solid var(--way_type3); } 
.course_wrap .course_list li:nth-of-type(4) a.selected { background-color:var(--way_type4); border: 1px solid var(--way_type4); } 
.course_wrap .course_list li:nth-of-type(5) a.selected { background-color:var(--way_type5); border: 1px solid var(--way_type5); } 
.course_wrap .course_list li:nth-of-type(6) a.selected { background-color:var(--way_type6); border: 1px solid var(--way_type6); } 
.course_wrap .course_list li:nth-of-type(7) a.selected { background-color:var(--way_type7); border: 1px solid var(--way_type7); } 
.course_wrap .course_list li:nth-of-type(8) a.selected { background-color:var(--way_type8); border: 1px solid var(--way_type8); } 
.course_wrap .course_list li:nth-of-type(9) a.selected { background-color:var(--way_type9); border: 1px solid var(--way_type9); } 
.course_wrap .course_list li:nth-of-type(10) a.selected { background-color:var(--way_type10); border: 1px solid var(--way_type10); } 
/* hover */
@media (hover: hover){
 .course_wrap .course_list li:nth-of-type(1) a:hover { background-color:var(--way_type1); border: 1px solid var(--way_type1); } 
 .course_wrap .course_list li:nth-of-type(2) a:hover { background-color:var(--way_type2); border: 1px solid var(--way_type2); } 
 .course_wrap .course_list li:nth-of-type(3) a:hover { background-color:var(--way_type3);; border: 1px solid var(--way_type3); } 
 .course_wrap .course_list li:nth-of-type(4) a:hover { background-color:var(--way_type4); border: 1px solid var(--way_type4); } 
 .course_wrap .course_list li:nth-of-type(5) a:hover { background-color:var(--way_type5); border: 1px solid var(--way_type5); } 
 .course_wrap .course_list li:nth-of-type(6) a:hover { background-color:var(--way_type6); border: 1px solid var(--way_type6); } 
 .course_wrap .course_list li:nth-of-type(7) a:hover { background-color:var(--way_type7); border: 1px solid var(--way_type7); } 
 .course_wrap .course_list li:nth-of-type(8) a:hover { background-color:var(--way_type8); border: 1px solid var(--way_type8); } 
 .course_wrap .course_list li:nth-of-type(9) a:hover { background-color:var(--way_type9); border: 1px solid var(--way_type9); } 
 .course_wrap .course_list li:nth-of-type(10) a:hover { background-color:var(--way_type10); border: 1px solid var(--way_type10); } 
 .course_wrap .course_list li a:hover { transition: 0.1s all; border: 1px solid var(--color_primary2); left: -1px; border: none; width: calc(100% + 1px); } 
 .course_wrap .course_list li a:hover::after { display: block; } 
 .hover_black:hover img { filter: brightness(0.2); transition: 0.3s all; } 
 .hover_black:hover + .txt_wrap::after { display: block; content: ""; position: absolute; background: url(../img/icon/icon_arrow1.svg); background-repeat: no-repeat; background-size: cover; width: 20px; height: 14px; right: 0px; top: 50%; transform: translateY(-50%); } 
 .hover_black:hover .hover_txt_box { width: calc(100% - 80px); height: auto; clip: auto; } 


 
 .img_full_list.type2 .hover_black:hover + .txt_wrap::after { top: unset; transform: none; bottom: 8px; } 
 .img_full_list.type2 .hover_black:hover + .txt_wrap .sub_txt { opacity: 0.1; } 
 .travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn.go_next:hover { background: rgb(238,65,65); transition: 0.3s all; color: white; } 
 .travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn.go_next:hover > * { color: white; transition: 0.3s all; } 
 .travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn.go_next:hover::after { background-color: white; } 
 }

 .hover_black:focus-visible img { filter: brightness(0.2); border: 4px dotted red; } 
 .hover_black:focus-visible + .txt_wrap::after { display: block; content: ""; position: absolute; background: url(../img/icon/icon_arrow1.svg); background-repeat: no-repeat; background-size: cover; width: 20px; height: 14px; right: 0px; top: 50%; transform: translateY(-50%); } 
 .hover_black:focus-visible .hover_txt_box { width: calc(100% - 80px); height: auto; clip: auto; } 
/* 방문코스 - 열개의 길 */
.sub_wrap .inner .sub_top01.visit_course_10ways { background: url(../img/intro_vis03.png) no-repeat center / cover; } 
.sub_wrap .inner .sub_top01.media_art { background: url(../img/intro_vis05.png) no-repeat center / cover; } 
.sub_wrap .inner .sub_top01.world_festival { background: url(../img/intro_vis06.jpg) no-repeat center / cover; } 
.course_wrap { position: relative; padding-right: 60px; transition: 0.5s all; padding-left: 60px; background: url(../img/way_bg0.png) no-repeat center / cover; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 640px; width: 100%; } 
.course_wrap::before { z-index: -1; position: absolute; content: ""; width: 100%; height: 100%; background: black; } 
.course_wrap h3.sub_tit { color: rgba(255,255,255,0.6); } 
.course_wrap .sub_tit strong { color: #fff !important; } 
.course_wrap .course_list { margin-top: 40px; justify-content: center; display: flex; flex-wrap: wrap; max-width: 1145px; } 
.course_wrap .course_list li { width: calc(20% - 16px); max-width: 176px; } 
.course_wrap .course_list li a { border-right:1px solid rgba(255,255,255,0.6); display: flex; word-break: keep-all; align-items: center; justify-content: center; color: #fff; width: 100%; position: relative; height: 176px; text-align: center; font-family: Pretendard; font-size: 20px; font-weight: 600; } 
.course_wrap .course_list li:nth-child(1) a { border-left: 1px solid rgba(255,255,255,0.6); } 
.course_wrap .course_list li:nth-child(6) a { border-left: 1px solid rgba(255,255,255,0.6); } 
.course_wrap .course_list li:nth-child(-n+5) a { border-top: 1px solid rgba(255,255,255,0.6); border-bottom: 1px solid rgba(255,255,255,0.6); } 
.course_wrap .course_list li:nth-child(n+6) a { border-bottom: 1px solid rgba(255,255,255,0.6); } 
.course_wrap .course_list li a::after { position: absolute; right: 20px; bottom: 20px; width: 17px; height: 11px; background: url(../img/icon/icon_arrow1_white.png) no-repeat center / contain; display: none; content: ""; } 
.map_wrap { position: relative; } 
.google_map_wrap { height: 1000px; } 
.map_wrap .map_box { height: 1000px; } 
.map_wrap .map_box img { position: relative; height: auto; object-fit: cover; height: 100%; width: 100%; } 
.map_wrap .map_list_top { display: flex; width: 100%; justify-content: space-between; align-items: center; } 
.map_wrap .map_list_top h4 { font-size: 24px; color: var(--color_typo1); font-weight: 600; } 
.map_wrap .map_list_top .link_go { font-size: 16px; font-weight: normal; color: var(--color_primary2); text-decoration: underline; text-underline-position: under; } 
.map_wrap .map_list_wrap { position: absolute; padding: 30px; background: white; width: 433px; display: flex; flex-wrap: wrap; top: 60px; right: 60px; justify-content: center; align-items: flex-start; gap: 20px; z-index: 13; padding-top: 40px; } 
.map_wrap .map_list_wrap .scroll_type { height: 784px; overflow-y: auto; /* 스크롤 섀도우 추가 */
background:/* Shadow covers */linear-gradient(white 30%, rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0), white 8%) 0 100%,/* Shadows */
radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)),radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%; background:/* Shadow covers */
linear-gradient(white 30%, rgba(255,255,255,0)),
linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
/* Shadows */
radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%; background-repeat: no-repeat; background-color: white; background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px; /* Opera doesn’t support this in the shorthand */
background-attachment: local, local, scroll, scroll; } 
.map_wrap .map_list_wrap .scroll_type::-webkit-scrollbar { width: 8px; height: 8px; background-color: #ebebeb; } 
.map_wrap .map_list_wrap .scroll_type::-webkit-scrollbar-thumb { background-color: var(--color_primary2); } 
.map_wrap .map_list_wrap ul { min-height: calc(100% - 50px); display: flex; flex-direction: column; gap: 35px; padding-bottom: 5px; } 
.map_wrap .map_list_wrap ul li { } 
.map_wrap .map_list_wrap ul li a { display: flex; gap: 20px; align-items: center; } 
.map_wrap .map_list_wrap ul li a:hover .txt_wrap .detail_address { text-decoration: underline; } 
.map_wrap .map_list_wrap ul li a:focus-visible { outline-color: black; outline-offset: -3px; } 
.map_wrap .map_list_wrap ul li .img_wrap { width: 90px; height: 90px; flex-shrink: 0; } 
.map_wrap .map_list_wrap ul li .img_wrap img { width: 100%; height: 100%; object-fit: cover; } 
.map_wrap .map_list_wrap ul li .txt_wrap { display: flex; flex-direction: column; gap: 5px; align-items: flex-start; } 
.map_wrap .map_list_wrap ul li .txt_wrap .address { font-size: 20px; font-weight: 600; color: var(--color_typo1); text-align: left; max-width: 230px; white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis; } 
.map_wrap .map_list_wrap ul li .txt_wrap .detail_address { font-size: 16px; font-weight: normal; color: var(--color_typo2); display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; } 
.sub_wrap .inner .sub_content .way_detail_wrap2.darker::after { content: ""; display: block; width: 100%; position: absolute; background: rgba(0, 0, 0, 0.5); height: calc(100% + 50px); bottom: 0px; left: 0px; } 
.way_detail_box2 .img_wrap.stagger2 { z-index: 2; position: relative; } 
.map_pop_box { position: absolute; -webkit-backdrop-filter: blur(50px); left: -152px; bottom: 35px; width: 304px; height: 105px; backdrop-filter: blur(50px); box-shadow: 0 20px 20px 0 rgba(26, 24, 24, 0.2); background: white; z-index: 11; padding: 15px; display: flex; flex-direction: column; } 
.map_pop_box .tit { max-width: calc(100% - 20px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.3; height: 28px; letter-spacing: normal; text-align: left; color: #1a1818; } 
.map_pop_box .address { font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #1a1818; white-space: normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; height: 35px; flex-shrink: 0; } 
.map_pop_box .btn_area { position: absolute; top: 15px; right: 15px; } 
.map_pop_box .btn_area .close_btn { width: 14px; height: 14px; } 
.map_pop_box .map_pop_link { position: absolute; border-bottom: 1px solid black; right:10px; bottom: 7px; } 
.map_pop_box .map_pop_link:hover { font-weight: 600; } 
/* 방문코스 */
.way_detail_wrap { margin-top: 110px; position: relative; height: 1000px; flex-direction: column; display: flex; align-items: center; justify-content: center; background-attachment: fixed; } 
.way_detail_wrap .inner { text-align: center; background: url(../img/sub03/sub03_01.jpg) no-repeat center / cover; } 
.way_detail_wrap .inner.fixed { transform: none !important; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-attachment: fixed; } 
.way_detail_wrap .img_wrap { width: 100%; height: 100%; background-attachment: local; } 
.way_detail_wrap .img_wrap img { width: 100%; height: 100%; } 
.way_detail_wrap .detail_txt { padding:40px; text-align: left; color: white !important; width: 800px; height:800px; margin: 0 auto; } 
.way_detail_wrap .detail_txt .detail_s_txt { display: block; text-align: left; color: white; font-size: 20px; font-weight: 600; } 
.way_detail_wrap .detail_txt .detail_m_txt { text-align: left; line-height: 1.7; display: block; margin-top: 30px; color: white; font-size: 24px; font-weight: 600; } 
.way_detail_wrap .detail_txt .detail_l_txt { line-height: 1.45; margin-top: 20px; text-align: left; display: block; color: white; font-size: 40px; font-weight: 600; opacity: 0; } 
.visit_course_wrap { margin:200px auto 210px; text-align: left; max-width: 1920px; padding-right: 60px; padding-left: 60px; } 
.visit_course_wrap .course_con_wrap .course_con.on { display: block !important; } 
.visit_course_wrap .course_con_wrap .course_con { display: none; } 
.visit_course_wrap .tit_large { margin-bottom: 20px; } 
.visit_course_wrap .tab_menu_wrap { margin-bottom: 60px; overflow: hidden; position: relative; overflow-x:auto; } 
.visit_course_wrap .tabSwiper .swiper-slide { width: fit-content; } 
.visit_course_wrap .tab_menu_wrap { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ margin-top: -30px; padding-top: 30px; } 
.visit_course_wrap .tab_menu_wrap::-webkit-scrollbar { /* Chrome, Safari, Opera*/ } 
.visit_course_wrap .tab_menu_wrap li a { position: relative; } 
.visit_course_wrap .tab_menu_wrap .tab_plus_label { top: -14px; right: 0px; padding: 8px 12px 8px 22.5px; border-radius: 100px; color: white; font-family: Pretendard; font-weight: bold; font-size: 11px; box-shadow: 0 5px 10px 0 rgba(238, 65, 65, 0.1); background-color: var(--color_primary2); display: inline-block; position: absolute; } 
.visit_course_wrap .tab_menu_wrap .tab_plus_label::before { content: ""; width: 8px; height: 2px; display: block; background-color: white; position: absolute; left: 10px; top: 13px; } 
.visit_course_wrap .tab_menu_wrap .tab_plus_label::after { content: ""; width: 2px; height: 8px; display: block; background-color: white; position: absolute; left: 13px; top: 10px; } 
.visit_course_wrap .tab_menu_wrap .tab_plus_label.no_work { background-color: #b8892a; padding: 8px 12px; } 
.visit_course_wrap .tab_menu_wrap .tab_plus_label.no_work::before { display: none; } 
.visit_course_wrap .tab_menu_wrap .tab_plus_label.no_work::after { display: none; } 
.visit_course_wrap .course_detail_view { display: flex; gap: 76px; } 
.visit_course_wrap .course_detail_view .txt_view { width: calc(50% - 38px); } 
.visit_course_wrap .course_detail_view .txt_view p { margin-top: 20px; font-size: 20px; font-weight: 600; line-height: 1.7; color: var(--color_typo1); } 
.visit_course_wrap .course_detail_view .info_list { margin-top: 40px; } 
.visit_course_wrap .course_detail_view .photo_view { width: calc(50% - 38px); overflow: hidden; } 
.visit_course_wrap .course_detail_view .photo_view .swiper-container { position: relative; width: 100%; padding-bottom: 52px; overflow: hidden; } 
.visit_course_wrap .course_detail_view .photo_view .swiper-horizontal>.swiper-scrollbar,.visit_course_wrap .course_detail_view .photo_view .swiper-scrollbar.swiper-scrollbar-horizontal { left: 0px; width: calc(100% - 74px); bottom: 26px; top: unset; z-index: 1; } 
.visit_course_wrap .course_detail_view .photo_view .swiper-scrollbar-drag { background-color: var(--color_typo1); } 
.visit_course_wrap .course_detail_view .photo_view .custom_pagination { display: flex; position: absolute; bottom: 8px; right: 13px; width: fit-content; left: auto; top: auto; } 
.visit_course_wrap .course_detail_view .photo_view .custom_pagination .slash { color: #aaa; padding-left: 3px; padding-right: 3px; } 
.visit_course_wrap .course_detail_view .photo_view .custom_pagination .color_gray { font-weight: 400; color: #444; } 
.visit_course_wrap .course_detail_view .photo_view .swiper-container .swiper-slide a:focus-visible { outline:4px dotted white; outline-offset: -4px; } 
.photo_list_wrap.clamp1 .tab_cont_wrap ul li a .tit_wrap { -webkit-line-clamp: 1; } 
.visit_course_wrap .tab_menu_wrap.type4.swiper-container { padding-bottom: 8px; } 
.visit_course_wrap .course_detail_view .photo_view .img_wrap { height: 583px; } 
.visit_course_wrap .course_detail_view .photo_view .img_wrap img { object-fit: cover; } 
.control_btn_wrap { position: absolute; display: flex; width: 100%; justify-content: space-between; top: 50%; transform: translateY(-50%); z-index: 10; } 
.control_btn_wrap button { position: static; width: 50px; height: 50px; opacity: 0.5; background-color: #000; border-radius: 100%; } 
 .control_btn_wrap button:after, .control_btn_wrap button:after { opacity: 1; color: white !important; font-size: 18px !important; } 
/* 방문코스 - 방문캠페인 홍보관 */
.sub_wrap .inner .sub_top01.visit_campaign { background: url(../img/sub01/visit_campaign.png) no-repeat bottom right / cover; } 
.campaign_wrap { padding-top: 200px; } 
.campaign_wrap .sub_tit { margin-bottom: 60px; padding-left: 60px; padding-right: 60px; } 
.campaign_wrap .sub_video_wrap { position: relative; width: 100%; height: 0; padding-top: 56.25%; } 
.campaign_wrap .sub_video_wrap video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } 
.campaign_wrap .terminal_info_wrap { max-width: 1920px; padding-right: 60px; padding-left: 60px; margin: 60px auto 160px; } 
.campaign_wrap .terminal_info_wrap ul { display: flex; flex-direction: column; } 
.campaign_wrap .terminal_info_wrap .info_list { margin-bottom: 48px; } 
.campaign_wrap .terminal_info_wrap ul li { padding-left: 36px; position: relative; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 24px; letter-spacing: -0.2px; text-align: left; color: var(--color_typo1) } 
.campaign_wrap .terminal_info_wrap ul li::after { position: absolute; display: block; content: ""; width: 26px; height: 26px; left: 0px; } 
.campaign_wrap .terminal_info_wrap ul li.place::after { background: url(../img/icon/icon_place.svg) no-repeat center / cover; } 
.campaign_wrap .terminal_info_wrap ul li.phone::after { background: url(../img/icon/icon_phone.svg) no-repeat center / cover; } 
.campaign_wrap .terminal_info_wrap ul li.open_hours::after { background: url(../img/icon/icon_clcok.svg) no-repeat center / cover; } 
.campaign_wrap .terminal_info_wrap ul li.way.car::after { background: url(../img/icon/icon_car.svg) no-repeat center / cover; } 
.campaign_wrap .terminal_info_wrap ul li.way.train::after { background: url(../img/icon/icon_train.svg) no-repeat center / cover; } 
.campaign_wrap .terminal_info_wrap ul li.way.bus::after { background: url(../img/icon/icon_bus.svg) no-repeat center / cover; } 

.promo_site_wrap { max-width: 1920px; padding-right: 60px; padding-left: 60px; margin:0 auto; } 
.promo_site_wrap ul { display: flex; gap: 30px; } 
.promo_site_wrap ul li { text-align: left; width: calc(50% - 15px); } 
.promo_site_wrap ul li .img_wrap { height: 100%; max-height: 565px; } 
.promo_site_wrap ul li .tit { margin-top: 28px; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #1a1818; } 

.terminal_info_wrap .img_wrap { width:100%; max-width: 871px; margin: 0 auto; position:relative; } 
.terminal_info_wrap .img_wrap img { width:100%; height:auto; } 
.terminal_info_wrap .img_wrap .point_area { position:absolute; left:50%; top:50%; transform: translate( -50% , -50% ); } 
.terminal_info_wrap .point_area_con { position:relative; } 
.terminal_info_wrap .img_wrap .bloom_wrap { display:none; text-align:left; min-width:300px; width: auto; position:absolute; bottom:36px; left:50%; transform: translateX( -50% ); padding:20px; background-color:#fff; border:1px solid #ee4140; } 
.terminal_info_wrap .img_wrap .bloom_wrap { box-shadow: 2px 2px 10px #00000090; } 
.terminal_info_wrap .img_wrap .bloom_wrap span { display:inline-block; padding:4px 10px; background-color:#ee4140; color:#fff; font-size:13px; font-weight:normal; } 
.terminal_info_wrap .img_wrap .bloom_wrap .bloom_tit { color:#ee4140; font-weight:bold; white-space: nowrap; } 
.terminal_info_wrap .img_wrap .bloom_wrap .bloom_txt { font-size:16px; color:#444; padding:10px 0; word-break: keep-all; } 
.terminal_info_wrap .img_wrap .bloom_wrap .bloom_link { font-size:16px; color:#444; text-decoration: underline; } 
.terminal_info_wrap .img_wrap .bloom_wrap .bloom_link:hover { color:#ee4140; } 
.terminal_info_wrap .point_area_con .point_arrow { display:inline-block; width:30px; height:80px; background:url("../img/icon/bull_pin.svg") center no-repeat; } 

.terminal_info_wrap .img_wrap .point_area.point01_area { left:31%; top:24%; } 
.terminal_info_wrap .img_wrap .point_area.point02_area { left:71%; top:8%; } 
.terminal_info_wrap .img_wrap .point_area.point03_area { left:17%; top:42%; } 
.terminal_info_wrap .img_wrap .point_area.point04_area { left:56.5%; top:35%; } 
.terminal_info_wrap .img_wrap .point_area.point05_area { left:88%; top:38%; } 
.terminal_info_wrap .img_wrap .point_area.point06_area { left:69%; top:67%; } 
.terminal_info_wrap .img_wrap .point_area.point07_area { left:91%; top:62%; } 
.terminal_info_wrap .img_wrap .point_area.point08_area { left:77%; top:80%; } 

.campaign_wrap .promo_wrap { margin: 0 auto 100px; text-align: left; max-width: 1920px; padding-right: 60px; padding-left: 60px; } 
.campaign_wrap .promo_wrap .sub_tit { margin-bottom: 30px; padding-left: 0; } 
.campaign_wrap .promo_wrap .txt_wrap .tit { margin-top: 30px; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.24px; text-align: left; color: #1a1818; } 
.campaign_wrap .promo_wrap p { font-size: 22px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: normal; text-align: left; color: var(--color_typo1) } 
.campaign_wrap .promo_wrap .img_wrap { margin-top: 40px; } 
.campaign_wrap .campaign_view { position: relative; max-width: 1920px; padding-left: 60px; padding-right: 60px; overflow: hidden; margin: 0 auto; } 
.campaign_wrap .campaign_view .campaignSwiper { position: relative; } 
.campaign_wrap .campaign_view .swiper-slide { width: auto; } 
.campaign_wrap .campaign_view a .img_wrap { max-width: 885px; } 
.campaign_wrap .campaign_view .swiper-horizontal>.swiper-scrollbar, .campaign_wrap .campaign_view .swiper-scrollbar.swiper-scrollbar-horizontal { left: 60px; width: calc(100% - 100px); } 
.campaign_wrap .custom_pagination { text-align: right; margin-top: 15px; } 

.visit_course_wrap .course_detail_view { align-items: flex-start; } 
.visit_course_wrap .course_detail_view { position: relative; } 
.visit_course_wrap .course_detail_view .photo_view { position: sticky; top: 155px; } 
/* 국가유산 */
.sub_wrap .inner .sub_top01.visit_heritage { background: url(../img/intro_vis01.png) no-repeat center / cover; } 
.heritage_top_area { padding:135px 10px 100px; text-align:left; width:100%; margin:0 auto; word-break: keep-all; max-width:1110px; font-size:30px; text-align: center; font-weight:bold; line-height:150%; } 
.heritage_top_area .plus_btn { margin-left: 8px; } 
.heritage_top_area .btn_area { text-align:center; margin-bottom:20px; } 
.heritage_top_area .text_btn1 { display: inline-block; margin-left: 10px; vertical-align: 4px; } 
.heritage_search_btn { display:inline-block; padding:18px 65px 18px 40px; font-size:15px; color:#444; line-height:120%; background:#f2f2f2 url("../img/icon/icon_link.svg") right 40px center no-repeat; } 
.heritage_search_btn.disabled { pointer-events: none; background-color: #ddd; } 
.heritage_wrap { padding-left: 60px; padding-right: 60px; margin: 0 auto; } 
.heritage_wrap .tab_menu_wrap.type5 .img_wrap img { object-fit: cover; } 
.heritage_wrap .tab_wrap .tab_menu { margin-bottom: 40px; } 
.btn_wrap { padding-top: 20px; text-align: center; } 
.heritage_wrap .btn_wrap { border-top: none; } 
.heritage_wrap .tab_wrap .tab_cont_wrap .tab_cont { flex-direction: column !important; } 
.essay_wrap { max-width: 1055px; padding-left: 60px; padding-right: 60px; width: 100%; margin: 0 auto; padding-top: 128px; } 
.essay_wrap .tab_cont_wrap .tab_cont.on { display: block !important; } 
.essay_wrap .block_type_wrap { text-align: left; margin-top: 60px !important; } 
.essay_wrap .block_type_wrap:last-of-type { margin-bottom: 0; padding-bottom: 30px; } 
.essay_wrap .block_type_wrap em { margin-bottom: 20px; } 
.essay_wrap .block_type_wrap dt { font-size: 20px; font-weight: 600; line-height: 1.7; } 
.essay_wrap .writer_wrap { display: flex; align-items: center; gap: 10px; padding-top: 30px; border-top: solid 1px #e4e4e4; margin-top: 30px; } 
.essay_wrap .writer_wrap .img_wrap { width: 60px; height: 60px; } 
.essay_wrap .writer_wrap .img_wrap img { width: 100%; height: 100%; } 
.essay_wrap .writer_wrap .writer_tit { color: #444; font-size: 16px; } 
.intro_wrap { background: url(../img/sub01/sub01_03_01_bg.jpg) no-repeat center; text-align: left; margin-top: 17px !important; background-size: cover; padding-left: 250px; height: auto; padding-bottom: 100px; background-attachment: fixed; } 
.intro_wrap.bg-scroll { background-attachment: fixed; } 
.intro_wrap .inner { max-width: 953px; padding-left: 237px; box-sizing: border-box; padding-right: 60px; padding-top: 204px; margin: 0 auto 0; position: relative; } 
.intro_wrap .intro_big { opacity: 0; position: relative; margin-bottom: 25px; display: block; color: white; font-size: 40px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: -0.4px; text-align: left; } 
.intro_wrap .intro_txt { transform: translateY(-200); opacity: 0; word-break: keep-all; margin-bottom: 25px; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: -0.2px; text-align: left; color: #b4b4b3; } 
.intro_wrap .intro_txt.txt7 { color: white; } 
.intro_wrap .chief_box { max-width: 150px; position: absolute; top: 220px; left: 0px; opacity: 0; } 
.intro_wrap .chief_box img { width: 100%; object-fit: cover; height: auto; } 
.heritage_wrap { max-width: 1920px; padding-right: 60px; padding-left: 60px; } 
.writer_box { color: var(--color_typo2); display: flex; align-items: center; margin-top: 30px; border-bottom: 1px solid #ddd; padding-bottom:20px; justify-content:flex-end; gap: 10px; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; } 
.writer_box .img_wrap { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; } 
.essay_wrap .ck_editor_area { padding-top: 40px; padding-bottom: 20px; } 
.swiper-slide > a { display: block; } 
.chief_sig_wrap { color: white; display: flex; justify-content: flex-end; align-items: center; opacity: 0; word-break: keep-all; } 
.chief_sig_wrap .img_wrap { max-width: 100px; } 
.chief_sig_wrap .img_wrap img { width: 100%; height: auto; object-fit: cover; } 

/* 세계유산 */

/* 접근성 추가 */
.flow_slide_wrap { position: relative; } 
.button_wrap { position: absolute; right: 0; margin-top: 30px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; bottom: 140px; } 
.button_wrap button:focus-visible { outline: 3px dotted black; outline-offset: -3px; } 
.swiper-flow_prev { width: 30px; height: 30px; position: relative; } 
.swiper-flow_next { width: 30px; height: 30px; position: relative; } 
.swiper-flow_prev::after { width: 30px; height: 30px; background-color: #080808; transform: translate(-50%, -50%) rotate(180deg); mask: url(../img/icon/icon_chevron_right.svg) no-repeat center / 15px; position: absolute; content: ""; display: block; top: 50%; left: 50%; } 
.swiper-flow_next::after { width: 30px; height: 30px; background-color: #080808; transform: translate(-50%, -50%); mask: url(../img/icon/icon_chevron_right.svg) no-repeat center / 15px; position: absolute; content: ""; display: block; top: 50%; left: 50%; } 
.flow_slide_wrap .button_wrap { display: none; } 

.sub_wrap .inner .sub_top01.world_heritage { background: url(../img/sub02/mainVis_sub02.jpg) no-repeat center / cover; } 
.full_slide_wrap { padding-top: 140px; max-width: 1920px; padding-right: 60px; padding-left: 60px; padding-bottom: 50px; margin: 0 auto; overflow: hidden; } 
/* .full_slide_wrap .sub_tit { margin-bottom: 80px; } */
.full_slide_wrap .swiper-wrapper .img_wrap { width: 100%; height: 62vw; max-height: 800px; display: block; } 
.full_slide_wrap .swiper-wrapper .swiper-slide a:focus-visible { outline: 4px dotted black; outline-offset: 4px; border: 4px dotted black; border-bottom: none; } 
.full_slide_wrap .swiper-wrapper .img_wrap img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.full_slide_wrap .swiper-wrapper .img_wrap::before { display: block; content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 30%); } 
.full_slide_wrap .world_heri_swiper { position: relative; margin-top: 20px; overflow: hidden; padding-bottom: 40px; } 
.full_slide_wrap .world_heri_swiper .btn_pause:focus-visible { outline: 3px dotted black; outline-offset: -4px; box-sizing: border-box; } 
.full_slide_wrap .exhibitionSwiper { position: relative; margin-top: 20px; } 
main .full_slide_wrap .progress_box { width: calc(100% - 115px); } 
main .full_slide_wrap .progress_box .total { color: #757575; font-size: 16px; } 
main .full_slide_wrap .all_box { width: 100%; max-width: unset; bottom: -50px; left: 0px; transform: none; } 
.full_slide_wrap .world_heri_swiper .all_box { bottom: 0px; } 
main .full_slide_wrap .autoplay_progress { background-color: #ddd; top: 35px; height: 0.5px; } 
main .full_slide_wrap .autoplay_progress svg { stroke: black; stroke-width: 0.3px; } 
main .full_slide_wrap .progress_box .swiper-pagination.swiper-pagination-custom.swiper-pagination-horizontal { left: auto; top: auto; right: -70px; color: black; bottom: 5px; z-index: 11; } 
main .full_slide_wrap .progress_box .swiper-pagination.swiper-pagination-custom.swiper-pagination-horizontal .current { color: black; opacity: 1; } 
main .full_slide_wrap .btn_pause { position: relative; margin-left: 85px; margin-top: 20px; width: 30px; height: 30px; background: none; } 
main .full_slide_wrap .btn_pause::after { background-color: black; position: absolute; width: 100%; height: 100%; -webkit-mask:url(../img/icon/icon_pause_svg.svg) no-repeat; content: ""; -webkit-mask-size: 30px; top: 0; left: 0; } 
main .full_slide_wrap .btn_pause.on::after { background-color: black; -webkit-mask:url(../img/icon/icon_play_svg.svg) no-repeat; content: ""; -webkit-mask-size: 30px; } 
main .flow_slide_wrap .btn_pause { position: relative; margin-left: 0; width: 30px; height: 30px; background: none; } 
main .flow_slide_wrap .btn_pause::after { background-color: black; position: absolute; width: 100%; height: 100%; -webkit-mask:url(../img/icon/icon_pause_svg.svg) no-repeat; content: ""; -webkit-mask-size: 30px; top: 0; left: 0; } 
main .flow_slide_wrap .btn_pause.on::after { background-color: black; -webkit-mask:url(../img/icon/icon_play_svg.svg) no-repeat; content: ""; -webkit-mask-size: 30px; } 
.world_heri_swiper .label { position: absolute; z-index: 10; top: 10px; left: 10px; } 
.world_heri_swiper .bottom_txt { position: absolute; z-index: 10; bottom: 40px; left: 40px; color: white; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; text-align: left; padding-right:20px; } 
.world_heri_swiper .bottom_txt .tit { font-size: 40px; font-weight: 600; } 
.world_heri_swiper .bottom_txt .txt { color: rgba(255,255,255,0.8); font-size: 18px; line-height: 1.33; } 
.full_slide_wrap.type2 { max-width: 1520px; } 
.type2 .world_heri_swiper { } 
.type2 .world_heri_swiper .type2_wrap { display: flex; flex-direction: column; gap: 40px; } 
.type2 .world_heri_swiper .type2_wrap .swiper-slide { max-width: 1400px; height: 620px; } 
.type2 .world_heri_swiper .type2_wrap .swiper-slide a { height: 100%; } 
.type2 .world_heri_swiper .type2_wrap .swiper-slide .img_wrap { max-width: 1400px; height: 100%; position:relative;display:block;} 
.type2 .world_heri_swiper .type2_wrap .swiper-slide .img_wrap::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0px; background-image: linear-gradient( rgba(0, 0, 0, 0.0) 70%, rgba(0, 0, 0, 0.7) 100% ); } 
.type2 .world_heri_swiper .type2_wrap .swiper-slide .img_wrap img { object-fit: cover; } 
.exhibitionSwiper .label { position: absolute; z-index: 40; top: 10px; left: 10px; } 
.exhibitionSwiper .bottom_txt { position: absolute; z-index: 40; bottom: 40px; left: 40px; color: white; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } 
.exhibitionSwiper .bottom_txt .tit { font-size: 40px; font-weight: 600; } 
.exhibitionSwiper .bottom_txt .txt { color: rgba(255,255,255,0.8); font-size: 18px; line-height: 1.33; } 
.img_list_wrap { width:100%; max-width: 1920px; margin:0 auto; margin-top: 200px; } 
.img_list_wrap .sub_tit { max-width: 1920px !important; margin-bottom: 30px !important; } 
.img_list_wrap ul { display: flex; flex-direction: row; } 
.img_list_wrap ul li { width: 33.33%; position: relative; } 
.img_list_wrap ul li .txt_wrap { position: absolute; top: 40px; left: 50px; text-align: left; padding-right: 40px; } 
.img_list_wrap ul li .txt_wrap .num { font-family: 'Jost'; font-size: 80px; font-weight: 300; font-stretch: normal; font-style: normal; letter-spacing: -0.8px; text-align: left; } 
.img_list_wrap ul li .txt_wrap .tit { font-size: 30px; margin-top: 5px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.47; } 
.img_list_wrap ul li .txt_wrap .txt { font-size: 20px; margin-top: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.7; } 

.full_image_wrap { max-width: 1300px; margin: 150px auto 0; } 


.unesco_wrap .unesco_table_wrap { margin:0 auto; margin-top: 200px; width:100%; max-width: 1920px; padding-right: 60px; padding-left: 60px; } 
.unesco_wrap .unesco_table_wrap .sub_tit { max-width: 1920px; margin-bottom: 20px; padding-left: 0 !important; padding-right: 0 !important; } 
.unesco_wrap .table_wrap { margin-top: 40px; } 
.table_wrap table td { border: solid 1px #e4e4e4; text-align: left; padding-right: 20px; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; min-height: 60px; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.18px; text-align: left; color: #1a1818; } 
.table_wrap table th { font-weight: 600; border: solid 1px #e4e4e4; height: 60px; font-size: 18px; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.18px; color: #1a1818; } 
.table_wrap table td .sub_txt { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #999; } 
.unesco_wrap { padding-top: 150px; } 
.unesco_wrap .sub_tit { max-width: 1380px; padding-left: 60px; padding-right: 60px; margin: 0 auto; line-height: 1.45; } 
.img_full_list { max-width: 1920px; padding-right: 60px; padding-left: 60px; width: 100%; margin: 160px auto 0; } 
.img_full_list > ul { display: flex; gap: 40px 30px; flex-wrap: wrap; } 
.img_full_list > ul > li { width: calc(50% - 15px); max-height: 428px; } 
.img_full_list > ul > li .txt_wrap .sub_txt { margin-bottom: 12px; font-size: 18px; font-weight: 600; color: rgba(255,255,255,0.8); font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.18px; text-align: left; } 
.img_full_list > ul > li a { display: inline-block; position: relative; width: 100%; height: 100%; } 
.img_full_list > ul > li a .txt_wrap { position: absolute; color: white; bottom: 40px; left: 40px; font-size: 24px; font-weight: 600; } 
.img_full_list > ul > li a .img_wrap { height: 100%; } 
.img_full_list > ul > li a .img_wrap::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0px; background-image: linear-gradient(
 rgba(0, 0, 0, 0.0) 70%,
 rgba(0, 0, 0, 0.7) 100%
 ); } 
.img_full_list > ul > li a .img_wrap img { object-fit: cover; } 
.img_full_list.type2 > ul { gap: 60px; justify-content: flex-start; } 
.img_full_list.type2 > ul > li { width: calc(33% - 40px); max-height: 774px; height: 42vw; } 
.img_full_list.type2 > ul > li a { height: 100%; } 
.img_full_list.type2 > ul > li a .img_wrap { height: 100%; } 
.img_full_list.type2 > ul > li a .img_wrap::after { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; content: ""; display: block; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 64%, rgba(0,0,0,0.80)); } 
.img_full_list.type2 > ul > li .txt_wrap { text-align: left; width: calc(100% - 80px); } 

.way_detail_box2 .img_wrap.stagger2 { max-width: 887px; width: calc(100% - 48px) !important; margin: 0 auto; } 


/* 체험 */
.sub_top01.experience { background: url(../img/sub04/sub04_03_subtop.jpg) no-repeat center / cover; } 
.sub_top01.experience .main_tit { color: white; } 
.experienceSwiper { position: relative; } 
.sub_wrap .inner .sub_top01.program { background: url(../img/sub04/mainVis_sub04_02.jpg) no-repeat center / cover; } 
.sub_wrap .inner .sub_top01.exhibition { background: url(../img/sub04/mainVis_sub04_04.jpg) no-repeat center / cover; } 
.position_wrap { padding-left: 60px; margin: 160px auto 0; max-width: 1920px; } 
.position_wrap .story_slide_wrap .img_wrap { max-width: 580px; user-select: none; } 
.position_wrap .story_slide_wrap .swiper-slide { max-width: 580px; user-select: none; } 
.position_wrap h4 { text-align: left; margin-bottom: 30px; } 
.detail_view .block_type_wrap dl dt { text-align: left; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: -0. } 
.detail_view .block_type_wrap dl dt em { text-align: left; } 
.detail_view .sub_tit { text-align:left; } 
.detail_view .sub_txt { text-align: left; } 
.course_box { padding: 30px; border: solid 1px rgba(238, 65, 65, 0.2); margin-top: 28px; } 
.course_box ul { position: relative; display: flex; gap: 30px 20px; flex-wrap: wrap; z-index: 1; } 
.course_box ul .label_wrap { z-index: 10; position: relative; } 
.course_box ul li .flag_label::before { content: ""; display: block; height: 1px; border-top: 1px dashed #ddd; width: calc(100% + 7vw); left: 100%; top: 15px; overflow: hidden; z-index: -1; position: absolute; } 
.course_box ul li:nth-child(4n) .flag_label::before { border-top: 1px dashed white; } 
.course_box ul li { display: flex; flex-direction: column; width: calc(25% - 16.5px); align-items: flex-start; } 
.course_box ul li .label { } 
.course_box ul li .course_tit { text-align: left; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.25; } 
.block_sub_tit { font-size: 30px; margin-bottom: 20px; text-align: left; display: block; } 
.board_wrap2 { max-width: 1055px; padding-right: 60px; padding-left:60px; margin: 0 auto; margin-top: 110px; } 
.board_wrap2 .board_wrap2_tit { display: block; font-size: 22px; text-align: left; color: var(--color_line1); font-weight: 600; margin-bottom: 30px; font-stretch: normal; font-style: normal; line-height: 1.45; } 
.board_wrap2 .list_wrap { display: flex; flex-direction: column; } 
.board_wrap2 .list_wrap li { border-top: solid 1px #ddd; padding-top: 30px; padding-bottom: 30px; } 
.board_wrap2 .list_wrap li a { align-items: center; display: flex; gap: 60px; } 
.board_wrap2 .list_wrap li:last-of-type { border-bottom: 1px solid #ddd; } 
.board_wrap2 .list_wrap li .txt_wrap { display: flex; flex-direction: column; gap: 14px; } 
.board_wrap2 .list_wrap li .txt_wrap .tit { text-align: left; font-size: 30px; font-weight: 600; font-stretch: normal; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-style: normal; line-height: 1.47; color: var(--color_line1); } 
.board_wrap2 .list_wrap li .txt_wrap .cont { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 18px; text-align: left; color: var(--color_typo1); font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; } 
.board_wrap2 .list_wrap li .img_wrap { width: 176px; height: 176px; flex-shrink: 0; } 
.board_wrap2 .list_wrap li .img_wrap img { object-fit: cover; } 
.tag_live_wrap { max-width: 1920px; margin: 120px auto; padding-right: 60px; padding-left: 60px; } 
.tag_live_wrap .tit { font-size: 40px; font-weight: 600; text-align: left; margin-bottom: 30px; } 
.tag_live_wrap .inner { width: 100%; } 
.tag_live_wrap .inner img { object-fit: cover; } 
.add_wrap.on { display: flex; } 
.add_wrap { display: none; flex-direction: column; margin-top: 60px; } 
.add_wrap .add_tit { font-size: 22px; font-weight: 600; font-stretch: normal; margin-bottom: 15px; font-style: normal; line-height: 1.45; letter-spacing: normal; text-align: left; color: #1a1818; } 
.add_wrap .add_box { background: #f7f7f7; padding: 55px 40px; margin-bottom: 10px; position: relative; } 
.add_wrap .add_box .close_btn { width: 14px; height: 14px; right: 20px; top: 20px; } 
.add_wrap .add_box .row_wrap { } 
.add_wrap .add_box .row_wrap { } 
.add_wrap .add_btn { position: relative; height: 45px; border: 1px solid var(--color_line1); text-align: center; width: 87px; margin-top: 5px; margin-left: auto; padding-left: 15px; } 
.add_wrap .add_btn::after { position: absolute; background: url(../img/icon/icon_plus.png) no-repeat center / cover; width: 12px; height: 12px; content: ""; display: block; left: 20px; top: 50%; transform: translateY(-50%); } 

.honor_wrap { max-width: 1920px; padding-left: 60px; padding-right: 60px; margin: 0 auto; } 
.souvenir_wrap { text-align: center; margin-top: 100px; } 
.souvenir_wrap .red_btn { margin-top: 40px; } 
.souvenir_wrap .souvenir_tit { margin-bottom: 20px; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.24px; text-align: left; color: #111; } 
.souvenir_list { display: flex; gap: 5px; justify-content: space-between; } 
.souvenir_list li { flex: 1 1 auto; background-color: #f8f8f8; padding-top: 50px; padding-bottom: 50px; } 
.souvenir_list li .img_wrap { max-width: 280px; margin: 0 auto; } 
.souvenir_list li img { object-fit: cover; } 
.souvenir_list li .txt_wrap .tit { margin-top: 10px; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: -0.2px; text-align: center; color: #111; } 
.souvenir_list li .txt_wrap .sub_txt { font-size: 18px; font-weight: normal; margin-top: 5px; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #444; } 
.souvenir_wrap .etc_txt { font-size: 18px; margin-top: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #444; } 
.souvenir_wrap .guide_txt { text-align: left; color: #444; font-size: 18px; margin-top: 20px; } 

.honor_wrap .list_top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; gap: 20px; } 
.honor_wrap .list_top .list_control_wrap { display: flex; gap: 4px; } 
.honor_wrap .list_top .list_control_wrap .input_box input { height: 57px; } 

.honor_list_wrap ul { display: flex; flex-wrap: wrap; gap: 10px 14px; } 
.honor_list_wrap ul li { max-width: 348px; width: 100%; background-color: #f7f7f7; } 
.honor_list_wrap ul li a { display: flex; align-items: center; gap: 20px; padding: 20px 30px; } 
.honor_list_wrap ul li .img_wrap { background: white; flex-shrink: 0; border-radius: 100%; width: 135px; height: 135px; display: flex; justify-content: center; align-items: center; } 
.honor_list_wrap ul li .img_wrap img { width: auto; height: auto; } 
.honor_list_wrap ul li .txt_wrap { } 
.honor_list_wrap ul li .txt_wrap .name { font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.24px; text-align: left; color: #111; } 
.honor_list_wrap ul li .txt_wrap .date { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #444; } 

.heritage_con { max-width: 1920px; margin: 0 auto; } 

.publishing_area { } 
.publishing_area .pub_tit { font-size: 2em; font-weight: 600; margin-bottom: 1em; } 
.publishing_area p { font-size: 1em; margin-top: 1em; font-weight: 500; } 


@media screen and (max-width: 1940px){
 .honor_list_wrap ul li { max-width: calc(25% - 10.5px); } 
 }
@media screen and (max-width: 1600px){
 .honor_list_wrap ul li { max-width: calc(33% - 6px); } 
 }
@media screen and (max-width: 1300px){
 .honor_list_wrap ul li { max-width: calc(49%); } 
 .intro_wrap { padding-left: 190px; } 
 .map_wrap .map_list_wrap ul li .txt_wrap .address { max-width: 175px; } 
 .map_wrap { display: flex; flex-direction: column-reverse; } 
.map_wrap .map_list_wrap { margin-bottom: 0; } 
 }
@media screen and (max-width: 840px){
 .honor_wrap .list_top { flex-direction: column; align-items: flex-start; gap: 16px; } 
 .honor_wrap .list_top .select_wrap.type2 { height: 44px; } 
 .honor_wrap .list_top .list_control_wrap .input_box input { height: 44px; } 
 .honor_wrap .list_top .body1 { line-height: 1.3; } 
 .honor_list_wrap ul li { max-width: calc(100%); } 
 .honor_list_wrap ul li a { padding: 24px; } 
 .honor_list_wrap ul li .img_wrap { width: 100px; height: 100px; } 
 .honor_list_wrap ul li .img_wrap img { width: 32px; } 
 .honor_list_wrap ul li .txt_wrap .name { font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -0.16px; text-align: left; color: #1a1818; } 
 .honor_list_wrap ul li .txt_wrap .date { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #444; } 
 .intro_wrap { padding-left: 100px; } 
 }

/* 방문자 여권투어 */

.sub_wrap .inner .sub_top01.passport { background: url(../img/sub04/sub04_bg.jpg) no-repeat center / cover; } 
.passport_wrap { margin: 160px auto 0; max-width: 1055px; padding-right: 60px; padding-left: 60px; } 
.stage_wrap { margin-top: 150px; display: flex; flex-direction: column; gap: 200px; } 
.passport_wrap .passport_tit { font-family: Pretendard; font-size: 44px; font-weight: 600; color: var(--color_typo1); opacity: 0; } 
.stage_wrap .stage_box { opacity: 0; transform: translateY(-80); } 
.stage_wrap .stage_box.sbox1 .img_wrap { background: url(../img/funImg01.png) no-repeat center / cover; } 
.stage_wrap .stage_box .stage_num { font-family: Jost; font-size: 30px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.93; letter-spacing: -0.3px; text-align: center; color: #999; } 
.stage_wrap .stage_box .stage_tit { margin-top: 5px; font-family: Pretendard; font-size: 40px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: -0.4px; text-align: center; color: #111; } 
.passport_wrap .stage_content { margin-top: 15px; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.24px; text-align: center; color: #111; } 
.stage_wrap .stage_box .img_wrap { margin: 40px auto; text-align: center; max-width: 640px; } 
.stage_wrap .stage_box.sbox5 .img_wrap { height: auto; } 
.stage_wrap .stage_box .img_wrap img { object-fit: cover; } 
.passport_wrap .list_box1 { max-width: 640px; margin: 20px auto 0; } 
.list_box1 { background: #f8f8f8; padding: 30px; display: flex; flex-direction: column; text-align: left; gap: 10px; } 
.list_box1 > li { position: relative; padding-left: 10px; color: #444; word-break: keep-all; line-height: 1.3; } 
.gray_box .strong_txt { font-weight: bold; font-size: 20px; font-weight: 600; text-align: left; margin-top: 20px; text-indent: -15px; padding-left: 15px; line-height: 1.5; } 
.list_box1 > li strong { font-weight: bold; } 
.list_box1 > li::after { position: absolute; width: 4px; display: block; content: ""; left: 0px; top: 6px; height: 4px; background: #444; } 
.flowSwiper .img_wrap { height: 456px; } 
.flowSwiper .img_wrap img { object-fit: cover; } 
.passport_wrap2 { margin: 160px auto 0; } 
.passport_wrap2 .sub_tit { margin: 0 auto; line-height: 1.45; } 
.passport_wrap2 .flow_slide_wrap { margin-top: 60px; overflow: hidden; } 
.flow_slide_wrap { padding-bottom: 200px; } 
.block_type_wrap3 { max-width: 1920px; margin: 0 auto; width: 100%; padding-right: 60px; padding-left: 60px; } 
.block_type_wrap3:last-of-type { margin-top: 0px; } 
.passport_wrap2 .block_type_wrap3:nth-child(2) { margin-top: 200px !important; } 
.block_type_wrap3:last-of-type .red_btn { margin-top: 40px; } 
.block_type_wrap3 .sub_txt2 { text-align: left; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: -0.2px; text-align: left; color: #1a1818; margin-top: 10px; } 
.block_type_wrap3 .tit { font-size: 40px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: -0.4px; text-align: left; color: #111; } 
.block_type_wrap3 .sub_txt { margin-top: 20px; font-size: 22px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: normal; text-align: left; color: #1a1818; } 
.block_type_wrap3 .half_box_wrap { min-height: 600px; margin-top: 40px; display: flex; gap: 30px; } 
.block_type_wrap3 .half_box_wrap .list_box1 li::after { top: 12px; } 
.block_type_wrap3 .half_box_wrap .gray_box { position: relative; padding: 40px 60px; width: calc(50% - 15px); background: #f8f8f8; } 
.block_type_wrap3 .half_box_wrap .gray_box .num { margin-bottom: 5px; color: var(--color_primary2); display: block; font-family: Jost; font-size: 80px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: -0.8px; text-align: left; } 
.block_type_wrap3 .half_box_wrap .gray_box .box_tit { font-size: 30px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.47; letter-spacing: -0.3px; text-align: left; color: #111; display: block; } 
.block_type_wrap3 .half_box_wrap .gray_box .small_txt { display: block; margin-top: 15px; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #444; } 
.block_type_wrap3 .half_box_wrap .gray_box .list_box1 { padding: 0; gap: 15px; margin-top: 25px; } 
.block_type_wrap3 .half_box_wrap .gray_box .list_box1 > li { line-height: 1.5; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.2px; text-align: left; color: #444; } 
.block_type_wrap3 .btn_wrap { margin-top: 20px; } 
.block_type_wrap3 .half_box_wrap .gray_box .box_txt { margin-top: 15px; text-align: left; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: -0.2px; text-align: left; color: #1a1818; } 
.block_type_wrap3 .half_box_wrap .gray_box .small_txt { margin-top: 5px; } 
.block_type_wrap3 .half_box_wrap .gray_box .red_btn { position: absolute; left: 60px; bottom: 50px; } 

.block_type_wrap3 .icon { margin-bottom: 25px; } 
.amount_wrap { display: flex; gap: 20px; align-items: center; margin-top: 200px; } 
.amount_wrap .tit.disabled { color: #696969; } 
.amount_wrap .tit { font-size: 22px; } 
.amount_wrap .white_btn { padding: 13px 20px; display: inline-block; font-size: 16px; font-weight: 600; border: solid 1px #ddd; background-color: #fff; } 
.heritage_list_wrap { max-width: 1920px; margin: 0 auto 0; padding-right: 60px; padding-left: 60px; } 
.heritage_list_wrap ul { display: flex; flex-wrap: wrap; gap: 10px; } 
.heritage_list_wrap ul li { position: relative; max-width: 300px; width: calc(16.66% - 8.30px); } 
.heritage_list_wrap.h_list2 ul li { max-width: 248px; width: calc(14.28% - 8.57px); } 
.heritage_list_wrap.h_list3 ul li { max-width: 442px; width: calc(25% - 7.5px); } 

.complete_list_wrap { display: flex; flex-direction: column; color: #757575; font-size: 16px; margin-bottom: 15px; margin-top: -5px; line-height: 1.33; } 

@media (hover:hover){
 .heritage_list_wrap ul li a:hover { border: 2px solid var(--color_primary2); } 
 .board_wrap2 .list_wrap li .txt_wrap:hover .cont { text-decoration: underline; text-underline-position: under; } 
 }
.heritage_list_wrap ul li a { width: 100%; display: block; border: 2px solid transparent; box-sizing: border-box; height: 100%; } 
.heritage_list_wrap ul li a:focus-visible { border: 3px dotted red; outline: none; } 
.heritage_list_wrap ul li .txt_wrap { position: absolute; bottom: 30px; left: 30px; } 
.heritage_list_wrap ul li .txt_wrap .tit { width: fit-content; line-height: 36px; padding-right: 35px; background: url(../img/icon/icon_plus.svg) no-repeat right center / 25px; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: -0.24px; text-align: left; color: #fff; } 
.heritage_list_wrap ul li .img_wrap { position: relative; overflow: hidden; height: 100%; } 
.heritage_list_wrap ul li .img_wrap img { object-fit: cover; } 
.heritage_list_wrap ul li .img_wrap::before { display: block; content: ''; left: 0px; right: 0px; position: absolute; height: 100%; bottom: 0px; background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 30%); } 
.heritage_list_wrap ul li a.tab_btn.on { border: 2px solid var(--color_primary2); } 
.heritage_list_wrap ul li a.tab_btn.on:focus-visible { outline: 3px dotted white; outline-offset: -3px; } 
.heritage_list_wrap ul li a.tab_btn.on .txt_wrap .tit { padding-right: 46px; background: url(../img/icon/icon_plust_glass.svg) no-repeat right center / 36px; } 
.heritage_editor_area { width: 100%; } 
.heritage_editor_area .ck_editor_area { max-width: 1920px; padding-right: 60px; padding-left: 60px; border: none; } 
.heritage_list_wrap .txt_wrap { display: flex; flex-direction: column; gap: 6px; } 
.heritage_list_wrap .txt_wrap .sub_txt { font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.18px; text-align: left; color: #fff; } 

/* 방문코스 -열개의 길 - */
.sub_wrap .inner .sub_content .way_detail_wrap2 { position: relative; max-height: 1379px; height: 150vh; margin-bottom: 300px; flex-direction: column; display: flex; align-items: center; background-attachment: fixed; justify-content: center; background-attachment: fixed; background: url(../img/og_way1.jpg) no-repeat center top / cover; } 
.sub_wrap .inner .sub_content .way_detail_wrap2.way1 { background: url(../img/og_way1.jpg) no-repeat center 0px / cover; } 
.sub_wrap .inner .sub_content .way_detail_wrap2.way2 { background: url(../img/og_way2.jpg) no-repeat center top / cover; background-attachment: fixed; } 
.sub_wrap .inner .sub_content .way_detail_wrap2.way3 { background: url(../img/og_way3.jpg) no-repeat center top / cover; } 
.sub_wrap .inner .sub_content .way_detail_wrap2.way4 { background: url(../img/og_way4.jpg) no-repeat center top / cover; } 
.sub_wrap .inner .sub_content .way_detail_wrap2.way5 { background: url(../img/og_way5.jpg) no-repeat center top / cover; } 
.sub_wrap .inner .sub_content .way_detail_wrap2.way6 { background: url(../img/og_way6.jpg) no-repeat center top / cover; } 
.sub_wrap .inner .sub_content .way_detail_wrap2.way7 { background: url(../img/og_way7.jpg) no-repeat center top / cover; } 
.sub_wrap .inner .sub_content .way_detail_wrap2.way8 { background: url(../img/og_way8.jpg) no-repeat center top / cover; } 
.sub_wrap .inner .sub_content .way_detail_wrap2.way9 { background: url(../img/og_way9.jpg) no-repeat center top / cover; } 
.sub_wrap .inner .sub_content .way_detail_wrap2.way10 { background: url(../img/og_way10.jpg) no-repeat center top / cover; } 
.sub_wrap .inner .sub_content .way_detail_wrap2.darker { backdrop-filter: blur(100px); background-position: center 157px; background-size: cover !important; background-attachment: fixed; } 
.sub_wrap .inner .sub_content .way_detail_wrap2 .bg_top { position:absolute; top:0; left:0; width:100%; height:200px; z-index:10; background-color:#fff; } 
.sub_wrap .inner .sub_content .way_detail_wrap2 .bg_bottom { position:absolute; bottom:0; left:0; width:100%; height:200px; z-index:10; background-color:#fff; } 
.sub_wrap .inner .sub_content .way_detail_wrap2 .bg_left { position:absolute; top:0; left:0; height:100%; width:calc( 50% - 420px ); z-index:10; background-color:#fff; } 
.sub_wrap .inner .sub_content .way_detail_wrap2 .bg_right { position:absolute; top:0; right:0; height:100%; width:calc( 50% - 420px ); z-index:10; background-color:#fff; } 

.sub_wrap .inner .sub_content .way_detail_wrap2 .inner { position:relative; text-align: center; } 
.sub_wrap .inner .sub_content .way_detail_wrap2 .inner.fixed { transform: none !important; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-attachment: fixed; } 
.sub_wrap .inner .sub_content .way_detail_wrap2 .img_wrap { width: 100%; height: 100%; background-attachment: local; } 
.sub_wrap .inner .sub_content .way_detail_wrap2 .img_wrap img { width: 100%; height: 100%; } 
.sub_wrap .inner .sub_content .way_detail_wrap2 .detail_txt { width:100%; max-width:840px; padding:40px; text-align: left; color: white !important; margin: 0 auto; } 
.sub_wrap .inner .sub_content .way_detail_wrap2 .detail_txt .detail_s_txt { display: block; text-align: left; opacity: 0; color: white; font-size: 20px; font-weight: 600; position: relative; z-index: 2; } 
.sub_wrap .inner .sub_content .way_detail_wrap2 .detail_txt .detail_m_txt { text-align: left; line-height: 1.7; display: block; margin-top: 30px; color: white; font-size: 24px; font-weight: 600; opacity: 0; position: relative; z-index: 2; } 
.sub_wrap .inner .sub_content .way_detail_wrap2 .detail_txt .detail_l_txt { line-height: 1.45; margin-top: 20px; text-align: left; display: block; color: white; font-size: 40px; font-weight: 600; opacity: 0; position: relative; z-index: 2; } 
.sub_wrap .inner .sub_content .way_detail_wrap2 .img_wrap.stagger2 { opacity: 0; } 
.photo_list_tit { text-align:left; font-size:22px; font-weight:bold; } 


.select_area { display: flex; justify-content: flex-end; margin-bottom: 20px; } 
.board_wrap1 .select_area { margin-bottom: 0; } 
.select_area .select_wrap.type1 { width: 166px; margin-left: -1px; } 
.select_area .black_btn { padding: 13px 15px; margin-left: 10px; white-space: nowrap; min-width: 91px; } 
.more_btn_wrap { margin-top:40px; } 
.more_btn_wrap a { position:relative; display:inline-block; width:43px; height:43px; border:1px solid #1a1818; } 
.more_btn_wrap a::before { content:""; position:absolute; left:50%; top:50%; transform: translate( -50% , -50% ); width:20px; height:1px; background-color:#1a1818; } 
.more_btn_wrap a::after { content:""; position:absolute; left:50%; top:50%; transform: translate( -50% , -50% ); width:1px; height:20px; background-color:#1a1818; } 

/* 홍보관 맵 */
.image_map_pc { display:block; } 
.image_map_m { display:none; } 
.terminal_info_wrap .point_area_con .point_arrow { display:none !important; } 
.img_wrap area:focus { outline: none; } 


/* 공지사항 */
.table_list_wrap { max-width: 1920px; box-sizing: border-box; padding-left: 60px; margin: 100px auto 0; padding-right: 60px; } 
.table_list_wrap .tab_cont_wrap .tab_cont.on { display: block; } 
.table_list_wrap .tab_menu_wrap.type3 { overflow-x: auto; margin-bottom: 16px; padding-top: 2px; padding-bottom: 2px; } 
.table_list_wrap .tab_menu_wrap.type3 ul li a { white-space: nowrap; } 
.board_wrap1 { } 
.board_wrap1 .board_top { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: flex-end; } 
.board_wrap1 .board_top .board_total { color: var(--color_typo2); } 
.board_wrap1 .board_top .search_area { display: flex; max-width: calc(176 + 350)px; gap: 10px; } 
.board_wrap1 .empty_txt { color: #999; font-family: Pretendard; font-size: 20px; font-weight: 600; min-height: 364px; line-height: 364px; } 
.board_wrap1 .board_list li { border-top: 1px solid #ddd; padding-right: 39.5px; } 
.board_wrap1 .board_list li:last-of-type { border-bottom: 1px solid #ddd; } 
.board_wrap1 .board_list li a { display: flex; justify-content: space-between; align-items: center; gap: 15px; } 
.board_wrap1 .board_list li a:focus-visible { outline-offset: -3px; } 
.board_wrap1 .board_list li a .list_left { display: flex; align-items: center; overflow: hidden; } 
.board_wrap1 .board_list li a .list_left .board_num { min-width: 100px; } 
.board_wrap1 .board_list li a .list_left .label { } 
.board_wrap1 .board_list li a .list_left .title { white-space: nowrap; text-overflow: ellipsis; max-width: 1000px; overflow: hidden; margin-left: 12px; font-family: Pretendard; font-size: 20px; font-weight: 600; } 
.board_wrap1 .board_list li a .list_right { font-family: Pretendard; font-size: 18px; color: var(--color_typo2); } 
.board_wrap1 .board_list li a .title.new { position: relative; padding-right: 14px; } 
.board_wrap1 .board_list li a .title.new::after { position: absolute; content: "N"; font-family: "Jost"; color: var(--color_primary2); right: 0px; font-size: 14px; font-weight: bold; } 
.board_wrap1 .board_list li a { padding-top: 29.75px; padding-bottom: 27.5px; } 
.board_wrap1 .board_list li:has(.fixed) { background-color: #fafafa; } 

/* 방문캠페인 - 가이드북 */
.guide_book_wrap { padding-top: 160px; padding-right: 60px; padding-left: 60px; margin: 0 auto; } 
.guide_book_wrap .guide_book_list { display: flex; gap: 30px; align-items: center; flex-wrap: wrap; } 
.guide_book_wrap .guide_book_list li { padding-top: 40px; padding-left: 40px; padding-right: 40px; padding-bottom: 40px; width: calc(33% - 20px); background-color: #f7f7f7; display: flex; flex-direction: column; align-items: center; align-self: stretch; } 
.guide_book_wrap .guide_book_list li .img_wrap { width: 100%; max-height: 100%; } 
.guide_book_wrap .guide_book_list li .img_wrap img { } 
.guide_book_wrap .guide_book_list li .tit_wrap { margin-top: 20px; height: 52px; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.4; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.guide_book_wrap .guide_book_list li .download_btn { margin-top: 30px; } 
.guide_book_wrap .guide_book_list li .link_btn { margin-top: 30px; } 
.guide_book_wrap .guide_book_list li .img_wrap { width: calc(100% - 140px); max-width: 210px; height: max-content; max-height: 353px; } 

/* 방문캠페인 - 연혁 */
.history_all_wrap .mobile_tab_menu_wrap .scroll_type::-webkit-scrollbar { background: transparent; } 
.history_all_wrap .mobile_tab_menu_wrap .scroll_type::-webkit-scrollbar-thumb { background: transparent; } 
.mobile_tab_menu_wrap { margin-top: 180px; } 
.history_wrap { max-width: 1113px; width: 100%; margin: 0 auto; padding-top: 30px; padding-right: 24px; padding-left: 24px; } 
.history_wrap .history_year { font-size: 80px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: -0.8px; text-align: center; color: #1a1818; } 
.history_wrap .history_list { margin-top: 10px; overflow: hidden; display: flex; flex-direction: column; position: relative; } 
/* .history_wrap .history_list::after { z-index: -1; position: absolute; width: 1px; height: calc(100% - 160px); background: var(--color_line1); content: ""; left: 50%; top: 24px; } */
.history_wrap .history_list li { padding-bottom: 80px; opacity: 0; width: calc(50% - 37px); position: relative; transition: 0.4s all; } 
.history_wrap .history_list li::after { position: absolute; content: ""; background: var(--color_primary2); display: block; width: 11px; height: 11px; } 
.history_wrap .history_list li::before { z-index: -1; position: absolute; width: 1px; height: 100%; background: var(--color_line1); content: ""; left: -37px; top: 24px; } 
.history_wrap .history_list li:nth-child(even)::before { z-index: -1; position: absolute; width: 1px; height: 100%; background: var(--color_line1); content: ""; left: auto; right: -38px; top: 24px; } 

.history_wrap .history_list li:nth-child(odd) { align-self: flex-end; text-align: left; } 
.history_wrap .history_list li:nth-child(odd)::after { left: -42px; top: 18px; z-index: 10; } 
.history_wrap .history_list li:nth-child(even) { align-self: flex-start; text-align: right; display: flex; align-items: flex-end; flex-direction: column; } 
.history_wrap .history_list li:nth-child(even)::after { right: -43px; top: 18px; z-index: 10; } 
.history_wrap .history_list li.small_dot::after { width: 7px; height: 7px; background: var(--color_typo1); left: -40px; } 
.history_wrap .history_list li:nth-child(even).small_dot::after { width: 7px; height: 7px; background: var(--color_typo1); left: unset; right: -41px; } 
.history_wrap .history_list li strong { margin-bottom: 10px; font-size: 30px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.47; letter-spacing: -0.3px; text-align: left; display: block; color: #111; } 
.history_wrap .history_list li .main_tit { color: #1a1818; display: block; font-size: 20px; font-weight: 600; margin-bottom: 5px; } 
.history_wrap .history_list li p { font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: -0.2px; color: #444; word-break: keep-all; } 
.history_wrap .history_list li p.desc{color:#444;font-weight:500; font-size:18px}
.history_wrap .history_list li .img_wrap { margin-top: 20px; width: 100%; max-width: 409px; height: auto; } 
.history_wrap .history_list li:last-of-type::before { content: ""; background: white; display: block; width: 10px; height: 100%; position: absolute; left: -40px; right: unset; top: 29px; z-index: 2; } 
.history_wrap .history_list li:nth-child(even):last-of-type::before { right: -40px; left: auto; } 
.history_wrap .history_list:not(:has(li:nth-child(2)))::after { display: none; } 



/* 나만의 국가유산 여행 */
.travel_test_wrap { margin-top: 160px; position: relative; } 
.travel_test_wrap .travel_box { max-width: 880px; margin: 0 auto; padding-right: 60px; padding-left: 60px; } 

.travel_test_wrap .travel_box .grid_wrap { padding-top: 160px; padding-bottom: 160px; padding-right: 60px; padding-left: 60px; background: url(../img/bg_monun2.jpg) no-repeat center / cover #f5f0e9; } 
.travel_test_wrap .travel_box .grid_wrap.way1 .fc_way_color { color: var(--way_type1) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way2 .fc_way_color { color: var(--way_type2) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way3 .fc_way_color { color: var(--way_type3_font) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way3 .fc_way_color4 { color: var(--way_type4) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way4 .fc_way_color { color: var(--way_type4) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way5 .fc_way_color { color: var(--way_type5) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way6 .fc_way_color { color: var(--way_type6) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way7 .fc_way_color { color: var(--way_type7) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way8 .fc_way_color { color: var(--way_type8) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way9 .fc_way_color { color: var(--way_type9) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way10 .fc_way_color { color: var(--way_type10) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way1 .bg_way_color { background-color: var(--way_type1) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way2 .bg_way_color { background-color: var(--way_type2) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way3 .bg_way_color { background-color: var(--way_type3_font) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way4 .bg_way_color { background-color: var(--way_type4) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way5 .bg_way_color { background-color: var(--way_type5) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way6 .bg_way_color { background-color: var(--way_type6) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way7 .bg_way_color { background-color: var(--way_type7) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way8 .bg_way_color { background-color: var(--way_type8) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way9 .bg_way_color { background-color: var(--way_type9) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way10 .bg_way_color { background-color: var(--way_type10) !important; } 
.travel_test_wrap .travel_box .grid_wrap.way1 .light_bg_color { background-color: #f3dfde !important; } 
.travel_test_wrap .travel_box .grid_wrap.way2 .light_bg_color { background-color: #d6e7ec !important; } 
.travel_test_wrap .travel_box .grid_wrap.way3 .light_bg_color { background-color: #e5ebc8 !important; } 
.travel_test_wrap .travel_box .grid_wrap.way4 .light_bg_color { background-color: #d2e6dd !important; } 
.travel_test_wrap .travel_box .grid_wrap.way5 .light_bg_color { background-color: #dddde1 !important; } 
.travel_test_wrap .travel_box .grid_wrap.way6 .light_bg_color { background-color: #e6dfd0 !important; } 
.travel_test_wrap .travel_box .grid_wrap.way7 .light_bg_color { background-color: #ecd6d6 !important; } 
.travel_test_wrap .travel_box .grid_wrap.way8 .light_bg_color { background-color: #f5decb!important;; } 
.travel_test_wrap .travel_box .grid_wrap.way9 .light_bg_color { background-color: #e4dbce!important;; } 
.travel_test_wrap .travel_box .grid_wrap.way10 .light_bg_color { background-color: #ecdce8!important;; } 

.travel_test_wrap .travel_box .grid_wrap .grid_top .img_wrap { max-width: 445px; margin: 0 auto; } 
.travel_test_wrap .travel_box .travel_tit { font-family: "onemobilepop"; font-size: 75px; font-weight: 500; color: #2e2a2a; display: block; } 
.travel_test_wrap .travel_box .travel_tit > span { font-family: "onemobilepop"; font-size: 80px; font-weight: 500; } 
.travel_test_wrap .travel_box .grid_wrap.step_type { padding-right: 0; padding-left: 0; } 
.travel_test_wrap .travel_box .grid_wrap.step_type .btn_area { padding-right: 60px; padding-left: 60px; } 
.travel_test_wrap .travel_box .grid_wrap .grid_top .tit { display: inline-block; margin-top: 18px; font-size: 60px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: -0.6px; text-align: left; color: var(--way_type2); } 
.travel_test_wrap .travel_box .grid_wrap.step_type .grid_bottom { background: none; } 
.travel_test_wrap .travel_box .grid_wrap .photo_box .frame_wrap { margin: 90px auto 50px; position: relative; max-width: 583px; padding: 12px; background: white; box-shadow:0 17px 15px 0 rgba(0, 0, 0, 0.2); height: 380px; } 
.travel_test_wrap .travel_box .grid_wrap .photo_box .frame_wrap img { object-fit: cover; } 
.travel_test_wrap .travel_box .grid_wrap .photo_box .frame_wrap::after { background: url(../img/sub04/frame_tape.png) no-repeat center / cover; width: 54px; height: 92px; content: ""; display: block; position: absolute; left: 50%; top: -34px; transform: translateX(-50%); } 
.travel_test_wrap .travel_box .grid_wrap .photo_box .txt_wrap { font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.58; letter-spacing: -0.24px; text-align: left; color: #1a1818; } 
.travel_test_wrap .travel_box .grid_wrap .photo_box .txt_wrap .fc_way_color { font-weight: bold; } 
.travel_test_wrap .travel_box .grid_wrap .check_point_wrap { margin-top: 60px; margin-bottom: 60px; } 
.travel_test_wrap .travel_box .grid_wrap .check_point_wrap .tit { margin-bottom: 20px; text-align: left; display: block; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.27; letter-spacing: -0.3px; text-align: left; color: #111; } 
.travel_test_wrap .travel_box .grid_wrap .check_point_wrap ul { display: flex; gap: 10px; flex-direction: column; align-items: flex-start; } 
.travel_test_wrap .travel_box .grid_wrap .check_point_wrap ul li { display: flex; gap: 10px; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom { padding-top: 60px; background-image: repeating-linear-gradient(0deg, #333333, #333333 9px, transparent 9px, transparent 19px, #333333 19px), repeating-linear-gradient(90deg, #333333, #333333 9px, transparent 9px, transparent 19px, #333333 19px), repeating-linear-gradient(180deg, #333333, #333333 9px, transparent 9px, transparent 19px, #333333 19px), repeating-linear-gradient(270deg, #333333, #333333 9px, transparent 9px, transparent 19px, #333333 19px); background-size: 0px 100%, 100% 5px, 0px 100% , 100% 0px; background-position: 0 0, 0 0, 100% 0, 0 100%; background-repeat: no-repeat; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .tit { display: block; margin-bottom: 20px; text-align: left; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.27; letter-spacing: -0.3px; text-align: left; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area { display: flex; flex-direction: column; gap: 20px; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn { padding-top: 32px; padding-bottom: 32px; border-radius: 20px; display: inline-block; width: calc(100%); font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 0.93; letter-spacing: normal; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn.go_next { position: relative; background-color: white; line-height: 1.3; color: #444444; } 

.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn.go_next::after { mask: url(../img/icon/icon_chevron_right.svg) no-repeat center / cover; right: 20px; position: absolute; top: 50%; transform: translateY(-50%); background-color: #9f9f9f; content: ""; display: block; width:15px; height: 23px; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn:focus-visible { outline-color: black; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn.chevron_right { color: white; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn span { position: relative; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn span::after { position: absolute; top: 50%; transform: translateY(-50%); } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn.chevron_right span { padding-right: 8px; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn.chevron_right span::after { mask: url(../img/icon/icon_chevron_right.svg) no-repeat center / cover; right: -20px; position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(255,255,255,0.7); content: ""; display: block; width:15px; height: 23px; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn.retry { background: #2e2e2e; color: white; display: inline-block; width: calc(100%); } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn.retry span { padding-left: 35px; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn.retry span::after { mask: url(../img/icon/icon_replay.svg) no-repeat center / cover; left: 0px; position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(255,255,255,1); content: ""; display: block; width:25px; height: 25px; } 
.travel_test_wrap .travel_box .grid_wrap .check_point_wrap ul li .tag { font-size: 22px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.09; letter-spacing: normal; text-align: left; display: inline-block; padding: 15px 25px; border-radius: 100px; background-color: #d6e7ec; } 
.travel_test_wrap .travel_box .grid_wrap .check_point_wrap ul li .tag { font-size: 22px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.09; letter-spacing: normal; text-align: left; display: inline-block; padding: 15px 25px; border-radius: 100px; background-color: #d6e7ec; } 
.travel_test_wrap .travel_box .red_btn.type2 { position: absolute; left: 50%; max-width: 640px; width: 100%; border-radius: 20px; transform: translateX(-50%); bottom: 50px; } 
.travel_test_wrap .travel_box .red_btn.type2 span { position: relative; } 
.travel_test_wrap .travel_box .red_btn.type2 span::after { mask: url(../img/icon/icon_chevron_right.svg) no-repeat center / cover; right: -20px; position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(255,255,255,0.7); content: ""; display: block; width: 8px; height: 17px; } 
.step_box2 { background: url(../img/sub04/step2.png) no-repeat center / 100%; height: 400px; } 

@media screen and (max-width: 1367px){
 .qna_detail_wrap .q_wrap .right_wrap { gap: 50px; } 
 .qna_detail_wrap dl { flex-shrink: 0; } 
 }

@media screen and (max-width: 1024px){
 .qna_wrap { padding-right: 24px; margin-top: 32px; padding-left: 24px; } 
 .qna_wrap .board_h3 { max-width: 100%; } 
 .qna_wrap .qna_top_wrap { flex-direction: column; padding: 40px 24px 40px; align-items: center; margin-bottom: 30px; } 
 .qna_wrap .qna_top_wrap .add_btn { font-size: 15px; height: 45px; } 
 }

@media screen and (max-width: 960px){
 .qna_wrap .board_wrap1 .board_list li a { flex-direction: column; align-items: flex-start; } 
 .qna_wrap .board_head { display: none; } 
 .qna_wrap .board_h4 { display: none; } 
 .qna_wrap .board_h1 { display: none; } 
 .qna_wrap .board_h5 { display: none; } 
 .qna_wrap .board_row .board_h3 { padding: 0; margin-top: 7px; } 
 .qna_wrap .board_row .board_h6 { text-align: left; margin-top: 4px; } 
 }


@media screen and (max-width: 880px){
 .travel_test_wrap { margin-top: 63px; } 
 
 .travel_test_wrap .travel_box .red_btn.type2 { width: calc(100% - 96px); border-radius: 8px; bottom: 24px; } 
 .travel_test_wrap .travel_box { padding-right: 24px; padding-left: 24px; } 
 .travel_test_wrap .travel_box .red_btn.type2 span::after { width: 8px; height: 12px; right: -16px; } 
 }
@media screen and (max-width: 768px){
    .gray_box .strong_txt {font-size: 15px;}
    .img_full_list.type2 .tab_menu_wrap.type3 ul li {width: auto; flex-shrink: 0;}
    .tab_menu_wrap.type3 ul {overflow-x: auto;}
 .full_image_wrap { margin-top: 60px; } 
 .share_wrap ul { flex-wrap: wrap; width: 280px; padding: 24px 40px; justify-content: center; gap: 10px; } 
 .input_box input::placeholder { font-size: 14px; } 
 .history_wrap .history_list li { opacity: 1; } 
 .qna_wrap .board_h3 .title { font-size: 16px; } 
 .qna_wrap .board_row .board_h6 { font-size: 14px; } 
 .qna_wrap .board_h2 .label { min-width: auto; width: 135px; } 
 .qna_detail_wrap .q_wrap .file_list li a {font-size: 14px;}
 .qna_detail_wrap dl.pc_only { display: none; } 
 .qna_detail_wrap .q_wrap .q_top { flex-direction: column; padding-left: 24px; padding-top: 20px; padding-bottom: 20px; } 
 .qna_detail_wrap .q_wrap .q_top::after { font-size: 15px; top: 22px; left: 5px; } 
 .qna_detail_wrap .q_wrap .left_wrap { flex-direction: column; gap: 0; align-items: flex-start; } 
 .qna_detail_wrap .q_wrap .left_wrap .tit { font-size: 16px; margin-top: 8px; margin-bottom: 4px; white-space: normal; } 
 .qna_detail_wrap .q_wrap .q_con { padding-top: 20px; padding-right: 32px; padding-bottom: 24px; padding-left: 32px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; } 
 .qna_detail_wrap .a_wrap { flex-direction: column; padding-left: 32px; padding-right: 32px; padding-top: 20px; padding-bottom: 20px; } 
 .qna_detail_wrap .a_wrap::after { font-size: 16px; top: 22px; left: 12px; } 
 .qna_detail_wrap .a_wrap .a_txt { font-size: 14px; line-height: 1.57; margin-bottom: 4px; } 
 .qna_detail_wrap dt { font-size: 14px; } 
 .qna_detail_wrap .q_wrap .file_list {padding: 20px 24px; gap: 12px;}
 .qna_detail_wrap dd { font-size: 14px; } 
.pop_input_wrap + .btn_wrap.type2 .red_btn { padding: 17px 40px; } 
 .qna_wrap .register_wrap { padding: 12px 16px; } 
 .qna_wrap .qna_tit { font-size: 24px; margin-bottom: 16px; } 
 .qna_wrap .red_txt { font-size: 13px; } 
 .textarea_txt { font-size: 13px; right: 10px; bottom: 10px; } 
 input[type=password] { font-size: 14px; } 
 .qna_wrap .row_tit:has(.filebox) { gap: 10px; flex-wrap: wrap; } 
 .Captcha { margin-top: -27px; } 
 .qna_wrap:has(.row_wrap.gray_bg) { padding: 10px; } 
 .btn_wrap.type2 .red_btn { padding: 17px 48px; } 
 }
@media screen and (max-width: 500px){
 .sub_wrap .inner .sub_top02 h2.main_tit >span { display: block; } 
 }

/* 팝업 */
.popup_wrap { display:none; max-width: 987px; padding: 0px 50px 50px 50px; width:calc(100% - 120px); z-index:1500; height: auto; background: white; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.popup_wrap .pop_con { max-height: 710px; height: auto; overflow-y: auto; margin-right: -50px; padding-right: 50px; } 
.popup_wrap .pop_con .pop_txt { font-size: 17px; } 
.popup_wrap .pop_con::-webkit-scrollbar { width: 8px; height: 8px; background-color: #ebebeb; } 
.popup_wrap .pop_con::-webkit-scrollbar-thumb { background-color: var(--color_primary2); } 
.popup_wrap .pop_con .detail_wrap { } 
.popup_wrap .pop_con > img { max-width: 100% !important; height: auto !important; width: auto; } 
.popup_wrap.pop_type2 { max-width: 987px; } 
.popup_wrap .pop_con .detail_wrap .name { font-size: 40px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: -0.4px; display: block; text-align: left; color: #1a1818; } 
.popup_wrap .pop_con .detail_wrap .date { margin-top: 5px; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #777; } 
.popup_wrap .pop_con .detail_wrap .interview_txt { margin-top: 20px; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: -0.2px; padding: 55px 44px 40px 30px; background: url(../img/icon/icon_quotes.svg) no-repeat 30px 30px / 27px 20px #f8f8f8; text-align: left; color: #1a1818; } 
.popup_wrap .pop_con .detail_wrap .input_txt { text-align: center; margin-top: 20px; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: -0.2px; padding: 53px 44px 20px 30px; background: #f8f8f8; color: #1a1818; } 
.popup_wrap .pop_con .detail_wrap .input_txt p { position: relative; width: fit-content;; text-align: center; margin: 0 auto; } 
.popup_wrap .pop_con .detail_wrap .input_txt p::after { width: 30px; top: -25px; height: 30px; background: url(../img/icon/icon_quotes.svg) no-repeat center / 30px; content: ""; display: block; position: absolute; } 
.popup_wrap .pop_top { height: 65px; display:flex; align-items:center; font-size: 20px; font-weight: 600; } 
.popup_wrap .pop_con .pop_video_wrap:last-of-type { margin-bottom: 0; } 
.popup_wrap .pop_video_wrap { margin-bottom: 20px; position: relative; width: 100%; height: 100%; padding-top: 56.25%; } 
.popup_wrap .pop_video_wrap video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } 
.popup_wrap .pop_video_wrap iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } 
.popup_wrap .close_btn { position: absolute; top: 22px; right:50px; } 
.popup_wrap .pop_top .label { margin-right: 10px; } 
.popup_wrap.pop_swiper { overflow-y: auto; overflow-x: hidden; } 
.popup_wrap.pop_swiper .pop_top { margin-bottom: 16px; } 
.popup_wrap.pop_swiper { max-width: 860px; } 
.popup_wrap.pop_swiper .img_wrap { height: 427px; text-align: center; } 
.popup_wrap.pop_swiper .img_wrap img { width: auto; } 
.popup_wrap.pop_swiper .pop_slide_txt { font-size: 18px; line-height: 30px; color: var(--color_typo2); text-align: left; margin-top: 20px; word-break: keep-all; } 
.popup_wrap.pop_swiper .pop_con { margin:1; max-height: unset; overflow-y: visible; } 
.popup_wrap.pop_swiper::-webkit-scrollbar { width: 8px; height: 8px; background-color: #ebebeb; } 
.popup_wrap.pop_swiper::-webkit-scrollbar-thumb { background-color: var(--color_primary2); } 
.popup_wrap .swiper-button-next.swiper-button-disabled, .popup_wrap .swiper-button-prev.swiper-button-disabled { display: none; } 

.popup_wrap.input_type { max-width: 760px; } 
.popup_wrap.input_type .pop_con { max-height: 540px; } 
.popup_wrap.full_type { width: 100%; height: 100%; max-width: unset; padding: 0; } 
.popup_wrap.full_type .pop_tit { top: 20px; left: 60px; position: absolute; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: -0.2px; text-align: left; color: #1a1818; } 
.popup_wrap .pop_tit.tit_small { font-size: 30px !important; } 
.popup_wrap.full_type .pop_con { margin-right: 0; padding-right: 0; overflow-y: visible; } 
.popup_wrap .pop_con .side_wrap { display: flex; height: 100vh; gap: 100px; } 
.popup_wrap .pop_con .side_wrap .left_area { width: 50%; padding-top: 138px; padding-left: 100px; text-align: left; } 
.popup_wrap .pop_con .side_wrap .left_area .tit { font-family: Pretendard; font-size: 40px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: -0.4px; text-align: left; color: #111; } 
.popup_wrap .pop_con .side_wrap .left_area .year { font-size: 18px; margin-top: 5px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #777; } 
.popup_wrap .pop_con .side_wrap .left_area .sub_txt { font-size: 18px; margin-bottom: 10px; margin-top: 5px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #777; } 
.popup_wrap .pop_con .side_wrap .left_area .place { padding-left: 25px; position: relative; font-size: 18px; margin-top: 10px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #777; } 
.popup_wrap .pop_con .side_wrap .left_area .place::before { content: ""; left: 0px; top: 0px; display: block; position: absolute; background:url(../img/icon/icon_place_lightgray.svg) no-repeat; width: 20px; height: 20px; } 
.popup_wrap .pop_con .side_wrap .left_area .cont { margin-top: 20px; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: -0.2px; text-align: left; color: #1a1818; } 
.popup_wrap .pop_con .side_wrap .right_area { width: 50%; } 
.popup_wrap .pop_con .side_wrap .right_area .img_wrap { width: 100%; height: 100%; } 
.popup_wrap .pop_con .side_wrap .right_area .img_wrap img { object-fit: cover } 

.popup_wrap.large_type { width: calc(100% - 48px); max-height: 800px; height: 100%; max-width: 1200px; padding: 0; } 
.popup_wrap.large_type:focus-visible { outline: 3px dotted black; outline-offset: -2px; } 
.popup_wrap.large_type .pop_tit { top: 4px; padding-top: 20px; width: 46%; background: white; z-index: 10; left: 40px; position: absolute; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: -0.2px; text-align: left; color: #1a1818; } 
.popup_wrap .pop_tit.tit_small { font-size: 30px !important; } 
.popup_wrap.large_type .pop_con { margin-right: 0; padding-right: 0; max-height: unset; height: 100%; } 
.popup_wrap.large_type .pop_con:focus-visible { outline: 3px dotted red; outline-offset: -3px; } 
.popup_wrap.large_type .pop_con .side_wrap { gap: 50px; height: auto; min-height: 100%; } 
.popup_wrap.large_type .pop_con .side_wrap .left_area { padding-left: 40px; } 

.popup_wrap.input_type { } 
.popup_wrap.input_type .pop_top { height: 124px; align-items: center; } 
.popup_wrap.input_type .pop_con { padding-left: 2px; } 
.popup_wrap.input_type .pop_con .red_btn { width: 100%; margin-top: 60px; text-align: center; } 
.popup_wrap.input_type .pop_tit { font-size: 40px; font-weight: 600; margin-top: 25px; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: -0.4px; text-align: left; gap: 10px; display: flex; align-items: center; } 
.popup_wrap.input_type .pop_tit .sub_txt { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #444; vertical-align: middle; } 
.popup_wrap.input_type .address_wrap { display: flex; margin-bottom: 10px; } 
.popup_wrap.input_type .address_wrap .input_box { width: calc(100% - 146px); } 
.popup_wrap.input_type .address_wrap .black_btn { max-width: 146px; width: 100%; margin-top: 0 !important; padding:0; } 
.row_wrap { display: flex; flex-direction: column; gap: 60px; } 
.row_wrap .row_sub_txt { font-size: 16px; margin-top: 8px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; text-align: left; color: #757575; } 
.row_wrap .row_tit { font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #444; } 
.row_wrap .row.type_show { display: flex; flex-direction: column; gap: 10px; } 
.row_wrap .row.type_show .row_tit { font-size: 18px; font-weight: 600; color: #999; } 
.row_wrap .row.type_show .row_txt { font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.2px; text-align: left; color: #1a1818; } 
.row_wrap .row_con { margin-top: 15px; } 
.row_wrap .row_con .info_txt { font-size: 18px; color: #444; font-weight: 600; } 
.row_wrap .row_con .flex_wrap { display: flex; } 
.row_wrap .row_con .flex_wrap input[type=radio] + label { min-width: 230px; display: block; } 
input[type=radio]:focus + label { display: inline-block; outline: 1px solid black; } 
.row_wrap .check_box_wrap { display: flex; gap: 12px 50px; flex-wrap: wrap; margin-top: 15px; } 
.popup_wrap.input_type .pop_con .black_btn { width: 100%; text-align: center; margin-top: 40px; } 

.row_wrap:has(.type_show) { gap: 40px; } 
.add_wrap .add_box:has(.type_show) { padding: 30px !important; } 
.add_wrap.only_show .add_box { padding: 30px; } 
.add_wrap.only_show .row_txt { color: #7a7979; font-size: 18px; font-weight: 600; } 
.add_wrap.only_show .row_tit { color: var(--color_typo1 ) } 
.add_wrap.only_show .row_wrap { gap: 40px; } 
.add_wrap.only_show .row_wrap .row_con { margin-top: 8px; } 
.sub_list_wrap { margin-top: 30px; } 
.sub_list_wrap h4 { color: var(--color_typo2); } 
.sub_list_wrap ul li { text-indent: -15px; padding-left: 16px; word-break: keep-all; } 

.check_wrap { display: flex; flex-direction: column; } 
.check_wrap .check_box { padding-top: 50px; border-top: 1px solid #e4e4e4; margin-top: 50px; } 
.check_wrap .check_box .check_tit { font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: normal; text-align: left; color: #1a1818; } 
.check_wrap .check_box .check_con { margin-top: 15px; max-height: 260px; overflow-y: auto; width: 100%; background-color: #f7f7f7; padding: 30px 30px 30px 38px; margin-right: -16px; font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #444; } 
.check_wrap .check_box .check_con p { } 
.filebox .upload_name { color: #757575; } 


.num_list li { text-indent: -17px; padding-left: 16px; word-break: keep-all; } 
.check_wrap .radio_wrap { margin-top: 14.5px; } 

.stamp_upload_wrap { display: flex; flex-direction: column; gap: 15px; } 
.stamp_upload_wrap .file_box_wrap { display: flex; flex-direction: column; } 
.stamp_upload_wrap .row .row_tit { font-size: 18px; margin-bottom: 10px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #444; } 
.stamp_upload_wrap .row .row_tit.list_type { padding-left: 8px; display: flex; align-items: center; gap: 10px; position: relative; } 
.stamp_upload_wrap .row .row_tit.list_type::after { width: 3px; height: 3px; position: absolute; content: ""; display: block; left: 0px; border-radius: 50%; background: var(--color_typo2); } 
.stamp_upload_wrap .row .row_con { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #757575; } 
.stamp_upload_wrap .file_box_wrap .stamp_img_list { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; } 
.stamp_upload_wrap .file_box_wrap .stamp_img_list li { position: relative; width: 100px; height: 100px; border: solid 1px rgba(26, 24, 24, 0.1); background: #f8f8f8; } 
.stamp_upload_wrap .file_box_wrap .stamp_img_list li .img_wrap { width: 100px; height: 100px; } 
.stamp_upload_wrap .file_box_wrap .stamp_img_list li img { object-fit: cover; width: 100%; height: 100%; } 
.stamp_upload_wrap .file_box_wrap .stamp_img_list li .inner { } 
.stamp_upload_wrap .file_box_wrap .stamp_img_list li .inner .del_btn { position: absolute; right:-2px; top: 0px; width: 20px; height: 20px; background: url(../img/icon/icon_del_btn.svg) no-repeat center / cover; } 
.stamp_upload_wrap .file_box_wrap .stamp_img_list li .inner .del_btn:focus-visible { outline: 3px dotted red; } 
.stamp_upload_wrap .row .row_con { margin-top: 10px; } 
.add_wrap .stamp_upload_wrap .file_box_wrap .stamp_img_list li { width: 86px; height: 88px; background: white; } 
.add_wrap .stamp_upload_wrap .file_box_wrap .stamp_img_list li .img_wrap { width: 86px; height: 88px; } 
.add_wrap .stamp_upload_wrap .file_box_wrap .stamp_img_list li .inner .del_btn { right: -1px; } 
/* 아코디언 */
.accordion_wrap { margin-top: 20px; } 
.accordion_wrap ul li a.question_wrap { line-height: 24px; position: relative; align-items: center; display: flex; padding-top: 30px; padding-bottom: 30px; align-items: baseline; border-bottom: 1px solid #e4e4e4; padding-left: 19.5px; } 
.accordion_wrap ul li a.question_wrap:focus-visible { outline-offset: -3px; } 
.accordion_wrap ul li:first-of-type { border-top: 1px solid #e4e4e4; } 
.accordion_wrap ul li a.question_wrap::after { top: 50%; transform: translateY(-50%); position: absolute; width: 20px; height: 20px; content: ""; right: 20px; background: url(../img/icon/icon_plus20.png) no-repeat center / cover; } 
.accordion_wrap ul li a.question_wrap + .answer_wrap { display: none; } 
.accordion_wrap ul li a.question_wrap.open { border-bottom: none; color: var(--color_primary2); } 
.accordion_wrap ul li a.question_wrap.open::after { background: url(../img/icon/icon_minus.png) no-repeat center / contain; } 
.accordion_wrap ul li a.question_wrap .q_tag { font-family: Jost; font-size: 24px; font-weight: 600; color: var(--color_primary2); } 
.accordion_wrap ul li a.question_wrap .title { margin-left: 20px; font-family: Pretendard; font-size: 20px; font-weight: 600; width: 100%; text-align: left; max-width: calc(100% - 100px); display: block; } 
.accordion_wrap ul li .answer_wrap { position: relative; color: #444; line-height: 1.67; padding-left: 40px; text-align: left; padding: 32px 20px 30px 62px; text-indent: -37px; margin-right: 10px; background: #f7f7f7; font-family: Pretendard; color: #444; font-size: 18px; } 
.accordion_wrap ul li .answer_wrap .a_tag { font-family: Jost; font-size: 24px; color: var(--color_primary2); margin-right: 10px; font-weight: 600; } 
.accordion_wrap ul li .answer_wrap p { display: inline; } 

.license_txt { position: absolute; bottom: -30px; } 

.visit_course_wrap .tit_wrap { display: flex; gap: 10px; align-items: center; margin-bottom: 25px; } 
.visit_course_wrap .tit_wrap .tit_large { margin-bottom: 0; } 
.visit_course_wrap .btn_wrap { padding-top: 0; display: flex; gap: 10px; } 

.course_btn { padding: 13px 20px; border-radius: 100px; font-size: 16px; cursor: pointer; display: inline-block; } 
.course_btn.type1.on { background-color: #8a6c60; color: white; font-weight: bold; } 
.course_btn.type1 { font-weight: 500; background-color: rgba(138, 108, 96, 0.1); color: #444; } 
.course_btn.type2.on { background-color: #f5a11c; color:white; font-weight: bold; } 
.course_btn.type2 { background-color: rgba(245, 161, 28, 0.1); color: #444; } 
.course_btn_wrap { display: flex; gap: 8px; } 

/* 2025 수정 */
.half_box_wrap.type3 {flex-wrap: wrap;}
.history_wrap .history_year { display: none; } 
.mobile_tab_menu_wrap { overflow-x: auto; } 
.mobile_tab_menu_wrap::-webkit-scrollbar { width: 8px; height: 5px; background-color: #ebebeb; } 
.mobile_tab_menu_wrap::-webkit-scrollbar-thumb { background-color: var(--color_line1); } 
.mobile_tab_menu_wrap ul { display: flex; gap: 32px; min-width: fit-content; justify-content: safe center;; } 
.mobile_tab_menu_wrap ul li:last-of-type { padding-right: 24px; } 
.mobile_tab_menu_wrap ul li a { font-size: 42px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.24; letter-spacing: -0.42px; text-align: left; color: #ccc; } 
.mobile_tab_menu_wrap ul li a.selected { color: #111; } 
.auto_defence_img_area { border: 1px solid #d8d8d8; width: 100%; margin-top: -30px; background: white; border-radius: 0px; display: flex; max-width: 452px; } 
.auto_defence_img_area .auto_defence_img { width: 100%; padding: 0 5px; display: flex; justify-content: center; align-items: center; background-color: white; border-right: 1px solid #d8d8d8; /* max-height: 100px; */ max-width: 300px; } 
.auto_defence_img_area .auto_defence_img img { height: auto; object-fit: cover; max-width: 200px; } 
.auto_defence_btn { width: 150px; flex-shrink: 0; } 
.auto_defence_btn li { width: 100%; } 
.auto_defence_btn li input { width: 100%; height: 50px; font-size: 18px; padding-left: 20px; font-weight: 500; } 
.auto_defence_btn li input { width: 100%; height: 50px; font-size: 18px; padding-left: 20px; font-weight: 500; } 
.auto_defence_btn li:nth-child(1) input { background:url("../img/icon/bull_reload.png") 30px center no-repeat; border-bottom: 1px solid #d8d8d8; } 
.auto_defence_btn li:nth-child(2) input { background:url("../img/icon/bull_speaker.png") 30px center no-repeat; } 

.auto_input_area { display: flex; justify-content: flex-start; margin-top: 20px; max-width: 510px; } 
.auto_input_area input { border: 1px solid #d8d8d8; max-width: 300px; width: 100%; height: 52px; line-height: 52px; padding: 0 12px; } 
.auto_input_area .auto_black_btn { display: block; background: var(--color_line1); line-height: 52px; color: white; font-weight: 500; width: 150px; } 
.auto_input_area .auto_black_btn:focus-visible { outline: 3px dotted red; outline-offset: -3px; } 

.tab_menu_wrap.type3 >ul >li {width: auto !important;} 
/* ========================================================================반응형 ======================================================================================= */


@media screen and (max-width: 1427px) { /* 국가유산 - 에세이*/
 .photo_list_wrap .tab_cont_wrap ul li { width: calc( 33% - 17.5px ); } 
 .img_full_list.type2 ul { gap: 20px; } 
 }


 @media screen and (max-width: 1300px){
 .guide_book_wrap .guide_book_list { flex-wrap: wrap; } 
 .guide_book_wrap .guide_book_list li { width: calc(50% - 15px); } 

 .img_full_list.type2 ul li { width: calc(33% - 13.33px); } 
 .popup_wrap .pop_con .side_wrap .left_area { padding-left: 40px; } 
 .popup_wrap .pop_con .side_wrap { gap: 50px; } 
 .img_list_wrap ul li .txt_wrap { top: 10px; left: 20px; } 
 .unesco_wrap .table_wrap { overflow-x: auto; } 
 .unesco_wrap .table_wrap .table_inner { min-width: 1200px; } 
 .img_list_wrap ul li .txt_wrap .txt { font-size: 15px; } 
 .img_list_wrap ul li .txt_wrap .num { font-size: 42px; } 
 .img_list_wrap ul li .txt_wrap .tit { font-size: 18px; } 
 .flowSwiper .img_wrap { height: 300px; } 
 .block_type_wrap3 .half_box_wrap .gray_box { padding: 30px; } 
 .block_type_wrap3 .half_box_wrap .gray_box .red_btn { left: 30px; } 

 .heritage_list_wrap ul li a.tab_btn .txt_wrap { left: 16px; bottom: 12px; } 
 .heritage_list_wrap ul li a.tab_btn .txt_wrap .tit { font-size: 16px; } 
 .heritage_list_wrap ul li a.tab_btn.on .txt_wrap .tit { background-size: 24px; padding-right: 30px !important; } 
 .heritage_list_wrap ul li a.tab_btn .txt_wrap .tit { background-size: 16px; padding-right: 22px; } 
 .heritage_list_wrap .txt_wrap { gap: 0px; } 
 .heritage_list_wrap .txt_wrap .sub_txt { font-size: 12px; } 
 .map_wrap .map_list_wrap ul li .img_wrap { width: 72px; height: 72px; flex-shrink: 0; } 
.map_wrap .map_list_wrap ul li { gap: 12px; flex-shrink: 0; overflow: hidden; } 
.map_wrap .map_list_wrap ul li .txt_wrap .flag_label { font-size: 11px; height: 21px; line-height: 21px; padding-left: 16px; } 
.map_wrap .map_list_wrap ul li .txt_wrap .address { font-size: 15px; } 
.map_wrap .map_list_wrap ul li .txt_wrap .detail_address { font-size: 13px; } 
.map_wrap .map_list_wrap ul li .txt_wrap { flex-shrink: 0; width: 100%; } 
.map_wrap .map_list_wrap ul li:last-of-type { padding-right: 24px; } 
.map_wrap .map_list_wrap ul li .txt_wrap .detail_address { white-space: nowrap; overflow: hidden; width: calc(100% - 100px); text-overflow: ellipsis; display: block; } 
.map_wrap .map_list_top h4 { font-size: 16px; } 
.map_wrap .map_list_top .link_go { font-size: 13px; } 
.map_wrap .map_list_wrap .scroll_type { height: auto; width: 100%; } 
.map_wrap .map_list_wrap .scroll_type::-webkit-scrollbar { width: 3px; height: 3px; background-color: #ebebeb; } 
.map_wrap .map_list_wrap .scroll_type::-webkit-scrollbar-thumb { background-color: var(--color_line1); } 
.map_wrap .map_list_wrap { position: static; padding:24px; justify-content: flex-start; gap: 13px; width: 100%; } 
.map_wrap .map_list_wrap ul { overflow-x: auto; gap:10px; max-height: 370px; } 
.map_wrap .map_list_wrap ul li .txt_wrap .flag_label::after { left: 2px; } 
 }



@media screen and (max-width: 1090px) { /* 국가유산 - 에세이*/
 .photo_list_wrap .tab_cont_wrap ul li { width: calc( 50% - 15.5px ); } 
 }
/* @media screen and (max-width: 1040px){
 .heritage_top_area br { display: none; } 
 }*/

 @media screen and (max-width: 970px){
 .popup_wrap.pop_swiper .img_wrap img { width: 100%; } 
 .heritage_list_wrap .inner { overflow-x: auto; } 
 .heritage_list_wrap ul { flex-wrap: nowrap; justify-content: flex-start; min-width: 1000px; } 
 .heritage_list_wrap.tab_menu_wrap ul { overflow-x: visible !important; gap: 8px !important; } 
 .heritage_list_wrap ul li { flex-shrink: 0; } 
 }

 
@media screen and (max-width: 940px) { /* 국가유산 - 방문캠페인소개 */
 .guide_book_wrap { padding-left: 24px; padding-right: 24px; padding-top: 65px; } 
 .guide_book_wrap .guide_book_list { flex-direction: column; } 
 .guide_book_wrap .guide_book_list li { width: 100%; padding-left: 73px; padding-right: 73px; padding-top: 32px; padding-bottom: 32px; } 
 .guide_book_wrap .guide_book_list li .download_btn { width: 140px; font-size: 14px; } 
 .guide_book_wrap .guide_book_list li .link_btn { width: 140px; font-size: 14px; } 
 .guide_book_wrap .guide_book_list li .tit_wrap { font-size: 16px; line-height: 1.25; height: auto; margin-top: 12px; } 
 .guide_book_wrap .guide_book_list li .link_btn { margin-top: 12px; } 
 .download_btn { padding: 11px 0 11px 14px; } 
 .download_btn::after { left: 17px; } 
 .link_btn { padding: 11px 0 11px 14px; } 
 .link_btn::after { left: 17px; } 
 .img_full_list.type2 > ul > li .txt_wrap { font-size: 13px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.46; } 
 .img_full_list.type2 > ul > li .txt_wrap .sub_txt { display: none; } 
 .img_full_list.type2 > ul >li .txt_wrap { width: calc(100% - 32px); left: 16px; bottom: 16px; word-break: keep-all; } 
 }

@media screen and (max-width: 880px){
 .img_list_wrap { margin-top: 65px; } 
 .img_list_wrap ul { flex-direction: column; gap: 24px; } 
 .img_list_wrap { padding-left: 24px; padding-right: 24px; } 
 .img_list_wrap ul li { width: 100%; } 
 .img_list_wrap .sub_tit { margin-bottom: 16px !important; } 
 .unesco_wrap .img_list_wrap .sub_tit { padding-left: 0 !important; padding-right: 0 !important; } 
 .unesco_wrap .unesco_table_wrap { padding-right: 24px; padding-left: 24px; margin-top: 65px; } 
 .unesco_wrap .table_wrap { margin-top: 16px; } 
 .unesco_wrap .table_wrap::-webkit-scrollbar { width: 3px; height: 3px; background-color: #ebebeb; } 
 .unesco_wrap .table_wrap::-webkit-scrollbar-thumb { background-color: var(--color_line1); } 
 .table_wrap table th { font-size: 15px; padding: 12.5px; height: 42px; } 
 .table_wrap table td { font-size: 15px; padding: 12.5px; min-height: 42px; } 
 }

@media screen and (max-width: 768px) { /* common */
 .auto_input_area { margin-top: 8px; } 
 .auto_input_area input { height: 40px; line-height: 40px; padding: 0 12px; } 
 .auto_input_area .auto_black_btn { width: 124px; height: 40px; line-height: 40px; } 
 .auto_defence_img_area .auto_defence_img img { max-height: 80px; } 
 .auto_defence_btn li input { font-size: 14px; height: 40px; } 
 .auto_defence_btn { flex-shrink: 1; } 
 .auto_defence_btn li:nth-child(1) input { background-position: 14px center; background-size: 14px; } 
 .auto_defence_btn li:nth-child(2) input { background-position: 14px center; background-size: 14px; } 
 .google_map_wrap { height: 546px; } 
 .control_btn_wrap button { width: 35px; height: 35px; } 
 .popup_wrap .pop_con .detail_wrap .input_txt p span { display: block; } 
 .popup_wrap .pop_con .detail_wrap .input_txt p { font-size: 15px; } 
 .popup_wrap .pop_con .detail_wrap .input_txt p::after { left: calc(50% - 65px); width: 17px; top: -14px; height: 14px; background: url(../img/icon/icon_quotes.svg) no-repeat center / cover; content: ""; display: block; position: absolute; } 
 .type2 .world_heri_swiper .type2_wrap .swiper-slide { height: 250px; } 
 .license_txt { font-size: 13px; bottom: auto; top: calc(100% + 4px); } 
 .sub_wrap .inner .breadcrumb_wrap { margin-bottom: 0; } 
 .img_full_list.type2 > ul > li a { height: 210px; } 
 .list_wrap1 .info_list li:last-of-type .txt { max-width: unset; } 
.list_wrap1 .info_list li:nth-last-of-type(2) .txt { max-width: unset; } 
 .block_type_wrap3 .half_box_wrap .list_box1 li::after { top: 8px; } 
 .intro_wrap { padding-left: 20px; } 
 .chief_sig_wrap .img_wrap { max-width: 80px; } 
 .course_btn { padding: 10px 16px; font-size: 14px !important; } 
 .visit_course_wrap .tit_wrap { flex-direction: column; align-items: flex-start !important; justify-content: flex-start; } 
 .essay_wrap .ck_editor_area { padding-top: 20px; padding-bottom: 20px; } 
 .popup_wrap .pop_con .pop_txt { font-size: 14px; } 
 .popup_wrap.large_type .pop_con { height: auto; } 
 .popup_wrap { top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: auto; max-height: calc(100% - 28px); } 
 .popup_wrap .pop_con { margin-right: -16px; padding-right: 16px; max-height: 565px; } 
.sub_wrap .inner .sub_top01 { gap: 16px; align-items: baseline; padding-left: 24px; } 
.heritage_top_area .text_btn1 { margin-left: 5px; } 
.sub_wrap .inner .sub_top02 { align-items: baseline; padding-left: 24px; gap: 9.7px; padding-top: 136px; display: flex; flex-direction: column; } 
.sub_wrap .inner .sub_top02 h2.main_tit { margin-bottom: 16px; } 
.pagination_wrap { margin-top: 48px; padding-top: 16px; gap: 44px; } 
.pagination_wrap > ul { gap: 24px !important; } 
.pagination_wrap .control_btn { font-size: 15px; flex-shrink: 0; } 
.pagination_wrap ul li a { font-size: 15px; } 
.pagination_wrap ul li a.now_page { font-size: 15px; } 
.sub_wrap .inner .breadcrumb { margin-bottom: 0; } 
.table_list_wrap { padding-left: 24px; padding-right: 24px; margin-top: 63px; } 
.table_list_wrap .tab_menu_wrap.type3 { margin-bottom: 16px; } 
.board_wrap1 .board_top { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 0; } 
.dropdown { width: 88px; min-width: unset; } 
.dropdown::after { right: 7.7px; } 
.dropdown > a { padding-left: 12px; padding-right: 12px; font-size: 14px; height: 42px; line-height: 42px; } 
.input_box input { height: 44px; } 
.detail_view.border_bottom { padding-top: 80px; } 
.detail_view .control_wrap ul li a .img_wrap { width: 91px; flex-shrink: 0; } 
.photo_list_wrap .select_area { flex-direction: column; } 
.select_area .select_wrap.type1 { width: 98px; } 
.select_area .select_wrap.type2 { width: 34.33%; margin-left: -1px; } 
select { font-size: 14px; height: 40px; } 
.amount_wrap { flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: -4px; margin-top: 80px; } 
.amount_wrap .white_btn { padding: 10px 16px; font-size: 11px; } 
.block_type_wrap3 .amount_wrap .tit { font-size: 15px; } 
.select_wrap::before { width: 9px; right: 12px; } 
.photo_list_wrap .select_wrap::before { right: 6px; } 
.select_area .black_btn { margin-left: 0; margin-top: 8px; } 
.select_area .black_btn { height: 44px !important; } 
.tab_menu_wrap.sticky ul.tab_menu { height: 44px; } 
.error_wrap { padding-right: 24px; padding-left: 24px; padding-top: 200px; } 
.error_wrap .error_tit { font-size: 48px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; text-align: center; color: #1a1818; } 
.error_wrap .error_txt { margin-top: 5px; font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.15px; text-align: center; } 
.error_wrap .black_btn { margin-top: 24px; width: 100%; } 
 /* 탭버튼 */
 .sub_wrap .inner .tab_menu_wrap.color_red ul { justify-content: flex-start; gap: 24px; height: 35px; margin-bottom: 0; } 
 .tab_menu_wrap.color_red { width: 100%; padding-left: 24px; padding-right: 24px; } 
 .tab_menu_wrap > ul > li > a { font-size: 14px; } 
 .tab_menu_wrap.type1 { justify-content: flex-start; display: flex; padding-left: 24px; padding-right: 24px; } 
 .tab_menu_wrap.type1 ul { gap: 24px; justify-content: flex-start; overflow-x: auto; } 
 .tab_menu_wrap.type1 > ul > li { flex-shrink: 0; } 
 .tab_menu_wrap.type3 ul { gap: 8px; } 
 .tab_menu_wrap.type5 ul li a .txt_wrap { font-size: 14px; } 
 .tab_menu_wrap.type5 ul li { flex-shrink: 0; } 
 .tab_menu_wrap.type5 ul li a .img_wrap { width: 28px; height: 28px; } 
 .tab_menu_wrap.type5 ul { gap: 4px; } 
 .tab_menu_wrap.type5 ul li a { min-width: 75px; padding: 8px 6px; gap: 5px; } 
 .tab_menu_wrap.type3 ul li a { font-size: 14px; padding: 10px 16px; } 
/* 서브공통 */
.body1 { font-size: 15px; line-height: 1.67; } 
.block_type2_wrap .info_list_wrap { margin-top: 16px; } 
.block_type2_wrap.detail_type { margin-top: 136px; } 
.detail_view .block_type2_wrap { padding-left: 0; padding-right: 0; } 
.detail_view .editor_wrap { padding-left: 0; padding-right: 0; } 
.sub_list_wrap ul li { text-indent: -9px; padding-left: 15px; word-break: keep-all; } 

.table_type1 td { font-size: 14px; line-height: 1.33; } 
.table_type1 th { font-size: 14px; line-height: 1.33; vertical-align: top; padding-left: 6px; } 
.table_type1 th::after { top: 7px; width: 2px; height: 2px; } 
.list_wrap1 { padding-bottom: 24px; } 
.list_wrap1 .info_list li .txt { font-size: 14px; line-height: 1.33; min-width: 60px; max-width: unset; } 
.list_wrap1 .info_list li .tit { font-size: 14px; line-height: 1.33; vertical-align: top; width: 50px; padding-left: 6px; min-width: 60px; padding-right: 0; } 
.list_wrap1 .info_list li .tit::after { top: 7px; width: 2px; height: 2px; } 
.black_btn { font-size: 14px; height: 48px; padding-top: 16px; padding-bottom: 16px; } 
.block_type2_wrap .list_wrap1 .black_btn { width: 100%; position: static; margin-top: 16px; } 
.list_wrap1 .info_list { padding-bottom: 0; padding-top: 16px; gap: 8px; } 
.editor_wrap { margin-top: 65px; padding-right: 24px; padding-left: 24px; } 
.block_type2_wrap .img_wrap { height: calc(50vw - 10px); } 
.popup_wrap .pop_con .side_wrap { flex-direction: column; justify-content: space-between; } 
.popup_wrap .pop_con .side_wrap .left_area { width: 100%; } 
.popup_wrap .pop_con .side_wrap .right_area { width: 100%; height: 50vh; } 
.popup_wrap .pop_con .side_wrap .left_area .tit { font-size: 24px; } 
.popup_wrap .pop_con .side_wrap { overflow-y: auto; } 
.popup_wrap.full_type .pop_tit { left: 24px; background: white; } 

/* .popup_wrap.large_type { height: calc(100% - 48px) } */
.popup_wrap.large_type { max-height: unset; height: auto; } 
.popup_btn_wrap { width: calc(100% + 40px); } 
.popup_wrap.large_type::-webkit-scrollbar { width: 8px; height: 8px; background-color: #ebebeb; } 
.popup_wrap.large_type::-webkit-scrollbar-thumb { background-color: var(--color_primary2); } 
.popup_wrap.large_type .pop_con { overflow-y: auto; max-height: calc(100dvh - 100px); height: 100%; } 
.popup_wrap.large_type .pop_tit { position: relative; left: 24px; width: fit-content; } 
.popup_wrap.large_type .pop_con .side_wrap { height: 100%; gap: 30px; } 
.popup_wrap.large_type .pop_con .side_wrap .left_area { height: calc(50% - 15px); padding-left: 24px; } 
.popup_wrap.large_type .pop_con .side_wrap .right_area { height: calc(50% - 30px); } 

.detail_view .detail_tit { font-size: 24px; } 
.detail_view:has(.detail_top) .detail_tit { margin-bottom: -20px; } 
.pop_slide_wrap { } 
.pop_slide_wrap .swiper-slide { align-self: stretch; height: auto; } 
.popup_wrap.pop_swiper .img_wrap { height: 100% !important; } 
.pop_slide_wrap .swiper-slide img { object-fit: cover; } 

.popup_wrap.input_type .pop_tit { font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.42; display: flex; align-items: flex-start; flex-direction: column; gap: 0px; } 
 .row_wrap { gap: 40px; } 
 .radio_wrap { gap: 10px 24px; flex-wrap: wrap; } 
 .row_wrap .row_tit { font-size: 14px; } 
 .popup_wrap.input_type .pop_tit .sub_txt { font-size: 13px; } 
 .row_wrap .row_con { margin-top: 12px; } 
 .row_wrap .row_sub_txt { font-size: 13px; } 
 .popup_wrap.input_type .pop_top { height: 110px; } 
 .popup_wrap.input_type .pop_con { margin-right: -16px; padding-right: 16px; } 
 .popup_wrap.input_type .address_wrap .input_box { width: calc(100% - 100px); } 
 .popup_wrap.input_type .address_wrap .black_btn { max-width: 100px; font-size: 14px; height: 44px; } 
 .popup_wrap.input_type:has(.type_show) .pop_top { height: 64px; } 
 .check_wrap .check_box .check_tit { font-size: 15px; } 
 .check_wrap .check_box .check_con { padding: 16px; font-size: 13px; max-height: 210px; margin-top: 12px; } 
 .check_wrap .check_box .check_con .num_list li { text-indent: -13px; padding-left: 15px; word-break: keep-all; line-height: 1.4; } 
 .check_wrap .check_box { padding-top: 32px; margin-top: 32px; } 
 .check_wrap .check_box.border_top_none { margin-top: 40px !important; } 
 .popup_wrap.input_type .pop_con { max-height: calc(100dvh - 200px); } 
 .popup_wrap.input_type .pop_con .red_btn { margin-top: 32px; } 
 .popup_wrap .pop_con::-webkit-scrollbar { width: 5px; } 
 .hover_black:hover img { filter: none; } 
.full_slide_wrap .swiper-wrapper .img_wrap::before { -webkit-box-shadow:inset 0 -100px 50px 0px rgba(0,0,0,0.7) } 
.ck_editor_area { padding-top: 48px; padding-bottom: 48px; } 
 /* 국가유산 - 만나기 */
 .heritage_top_area { padding: 65px 24px 48px; font-size: 16px; text-align: left; word-break: keep-all; } 
 .heritage_top_area .btn_area { margin-bottom: 12px; text-align: left; } 
 .heritage_search_btn { padding: 12px 40px 12px 24px; } 
 .heritage_wrap { padding:0px; } 
 .heritage_wrap .tab_menu_wrap.type5 ul { justify-content: center; } 
 .block_type_wrap dl dd, .block_type_wrap dl dd span.txt_import { font-size: 15px; } 
 .block_type_wrap { margin-top: 58px; padding-left: 24px; padding-right: 24px; } 
 .photo_list_wrap .tab_menu_wrap { margin-bottom: 16px; } 
 .heritage_search_btn { font-size: 13px; background: #f2f2f2 url("../img/icon/icon_link.svg") right 24px center no-repeat; background-size: 12px; } 
 .heritage_wrap .tab_menu_wrap.type5 { padding-right: 24px; padding-left: 24px; } 
 .heritage_wrap .tab_menu_wrap .tab_menu { flex-wrap: nowrap; overflow-x: auto; } 
 /* 국가유산 - 에세이 */
 .photo_list_wrap .tab_cont_wrap ul { gap: 48px; } 
 .photo_list_wrap .tab_cont_wrap ul li a .tit_wrap { font-size: 16px; margin-top: 12px; } 
 .photo_list_wrap { padding-left: 24px; padding-right: 24px; } 
 .photo_list_wrap .tab_cont_wrap ul li { width: 100%; min-width: unset; } 
 .photo_list_wrap .tab_cont_wrap ul li a .img_wrap { height: 230px; } 
 .photo_list_wrap .tab_menu_wrap.type3 ul.tab_cont { margin-top: 15px; } 
 .photo_list_wrap .tab_menu_wrap.type3 ul.tab_cont li a { padding: 0; } 
 .essay_wrap .block_type_wrap { margin-top: 24px !important; padding-right: 0; padding-left: 0; } 
 .essay_wrap .block_type_wrap dt { font-size: 15px; line-height: 25px; } 
 .photo_list_tit { font-size: 15px; } 
 .block_type_wrap dl dt em { font-size: 24px; line-height: 1.42; margin-bottom: 12px !important } 
 /* 국가유산 - 방문캠페인소개 */
 .guide_book_wrap .guide_book_list li .img_wrap { width: 100%; } 
 .intro_wrap { height: auto !important; } 
 .photo_list_wrap .tab_cont_wrap ul li a span.label { min-width: 41px; font-size: 11px; padding-right: 6px; padding-left: 6px; } 
/* 방문코스 - 열개의 길 */
.sub_wrap .inner .sub_top01 { height: 640px; } 
.course_wrap { margin-top: 16px; } 
.course_wrap h3.sub_tit { font-size: 24px; text-align: left; word-break: keep-all; } 
.course_wrap h3.sub_tit br { display: none; } 
.course_wrap { height: 500px; padding-left: 24px; padding-right: 24px; } 
.course_wrap .course_list { gap: 8px; margin-top: 14px; } 
.course_wrap .course_list li { width: calc(50% - 4px); height: 60px; max-width: unset; } 
.course_wrap .course_list li a { height: 60px; line-height: 60px; font-size: 16px; white-space: nowrap; border: 1px solid rgba(255,255,255,0.6); left: 0px !important; } 

.map_wrap .map_box { height: 546px; } 
.map_pop_box { min-width: unset; padding: 16px; } 
.map_pop_box .tit { font-size: 15px; } 
.map_pop_box .address { font-size: 13px; height: 33px; } 
.map_wrap .map_list_wrap ul li .txt_wrap .flag_label::after { width: 10px; height: 10px; left: 4px; } 
.detail_view .detail_head { gap: 3px; } 
.detail_view .detail_head .detail_tit { font-size: 20px; } 
.detail_view .detail_head .date { font-size: 12px; } 
/* 국가유산 */
.essay_wrap { padding-top: 80px; padding-right: 24px; padding-left: 24px; } 
.essay_wrap .tab_menu_wrap .tab_menu { flex-wrap: nowrap; overflow-x: auto; } 
.essay_wrap .tab_menu_wrap .tab_menu li { width: fit-content; flex-shrink: 0; } 
.intro_wrap .inner { padding-right: 24px; padding-left: 24px; padding-top: 294px; text-align: left; } 
.intro_wrap .intro_big { font-size: 24px; text-align: left; } 
.intro_wrap .intro_txt { text-align: left; font-size: 15px; word-break: keep-all; margin-bottom: 16px; line-height: 1.6; } 
.intro_wrap .chief_box { top: 120px; left: 0px; max-width: 100px; } 
/* 세계유산 */
.sub_wrap .inner .sub_top01.world_heritage { background: url(../img/sub02/mainVis_sub02_mob.jpg) no-repeat center / cover; } 
.sub_wrap .inner .sub_top01.world_festival { background: url(../img/sub02/mainVis_sub06_mob.jpg) no-repeat center / cover; } 
h3.sub_tit { font-size: 24px; } 
.full_slide_wrap { padding-top: 65px; padding-left: 24px; padding-right: 24px; } 
.world_heri_swiper .label { font-size: 11px; height: 21px; line-height: 21px; border-radius: 2px; } 
main .full_slide_wrap .world_heri_swiper .all_box { bottom: 2px; } 
.full_slide_wrap .world_heri_swiper { margin-top: 16px; overflow: hidden; padding-bottom: 30px; } 
.world_heri_swiper .bottom_txt .tit { font-size: 16px; } 
.world_heri_swiper .bottom_txt .txt { font-size: 13px; } 
.world_heri_swiper .bottom_txt { left: 16px; bottom: 16px; gap: 4px; } 
.unesco_wrap > .sub_tit { font-size: 18px; } 
.exhibitionSwiper .label { font-size: 11px; height: 21px; line-height: 21px; border-radius: 2px; } 
.full_slide_wrap .exhibitionSwiper { margin-top: 16px; } 
.exhibitionSwiper .bottom_txt .tit { font-size: 16px; } 
.exhibitionSwiper .bottom_txt .txt { font-size: 13px; } 
.exhibitionSwiper .bottom_txt { left: 16px; bottom: 16px; gap: 4px; } 

main .full_slide_wrap .progress_box { width: calc(100% - 102px); } 
.full_slide_wrap .tit_large { font-size: 15px; } 
main .full_slide_wrap .progress_box .total { font-size: 12px !important; } 
main .full_slide_wrap .btn_pause { width: 20px; height: 20px; } 
main .full_slide_wrap .btn_pause::after { -webkit-mask-size:20px; } 
main .full_slide_wrap .btn_pause.on::after { -webkit-mask-size:20px; } 
main .full_slide_wrap .progress_box .swiper-pagination.swiper-pagination-custom.swiper-pagination-horizontal .current { font-size: 12px; } 
main .full_slide_wrap .all_box { bottom: -30px; } 
main .full_slide_wrap .autoplay_progress svg { top: 0.5px; } 
main .full_slide_wrap .autoplay_progress { top: 28px; } 
.unesco_wrap { padding-top: 65px; } 
.unesco_wrap .sub_tit { padding-right: 24px; padding-left: 24px; text-align: left; } 
.unesco_wrap .sub_tit br { display: none; } 
.detail_view { padding: 136px 24px 0px; } 
.detail_view .detail_top .detail_info { gap: 5px; } 
.detail_view .detail_top .detail_info .date { font-size: 14px; } 
.detail_view .detail_top .detail_info .event { font-size: 14px; } 
.detail_view .detail_top { padding-bottom: 12px; } 
.detail_view .detail_content .detail_tit { font-size: 24px; margin-top: 11px; margin-bottom: 24px; } 
.detail_view .detail_content .detail_txt { font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; margin-bottom: 48px; line-height: 1.67; } 
.detail_view .detail_content .text_btn1 { margin-top: 12px; font-size: 13px; } 
.detail_view .file_list { padding: 16px 15px; margin-top: 48px; } 
.detail_view .detail_content img { margin-bottom: 15px; } 
.img_full_list { margin-top: 24px; padding-left: 24px; padding-right: 24px; } 
.img_full_list > ul { gap: 24px; } 
.img_full_list > ul > li { width: 100%; } 
.img_full_list ul li a .txt_wrap { font-size: 16px; left: 16px; bottom: 24px; } 
.select_area .black_btn { margin-left: 0; } 
.row_wrap .row.type_show { gap: 6px; } 
.row_wrap:has(.type_show) { gap: 24px; } 
.row_wrap .row_sub_txt { margin-top: 5px; } 
.add_wrap .add_box:has(.type_show) { padding: 16px !important; } 
.row_wrap .row.type_show .row_tit { font-size: 14px; } 
.row_wrap .row.type_show .row_txt { font-size: 15px; } 
.popup_wrap.input_type .pop_con .black_btn { margin-top: 32px; } 
.popup_wrap.input_type .address_wrap .black_btn { margin-top: 0; } 
/* 체험 */
.block_type2_wrap { margin-top: 65px; padding-right: 24px; padding-left: 24px; } 
.block_type2_wrap .sub_tit { margin-bottom: 15px; } 
.edit_tit { margin-bottom: 16px; font-size: 16px; } 
.editor_wrap .btn_wrap { margin-top: 48px; padding-top: 16px; } 
.sub_wrap .inner .sub_top01.program { background: url(../img/sub04/mainVis_sub04_02_mob.jpg) no-repeat center / cover; } 
.position_wrap { margin-top: 65px; padding-left: 24px; } 
.position_wrap h4 { margin-bottom: 16px; } 
.position_wrap .story_slide_wrap .swiper-slide { max-width: 280px; } 
.hover_txt_box { margin-top: 16px; color: var(--color_typo1); display: block; position: static; width: auto !important; height: auto; font-stretch: normal; font-style: normal; } 
.hover_txt_box .tit { font-size: 16px; font-weight: 600; line-height: 1.25; } 
.hover_txt_box .txt { margin-top: 4px; color: rgb(26, 24, 24, 0.7); font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.46; } 
.position_wrap .story_slide_wrap .swiper-horizontal>.swiper-scrollbar { display: none; } 
.img_full_list.type2 > ul { gap: 24px 8px; } 
.img_full_list.type2 > ul > li { width: calc(50% - 4px); height: auto; } 
.img_full_list.type2 .hover_black + .txt_wrap { padding-right: 0; } 
.img_full_list.type2 .hover_black:hover + .txt_wrap::after { display: none; } 
.course_box { padding: 24px 16px; } 
.course_box .flag_label { font-size: 11px; padding-left: 17px; padding-right: 7px; height: 24px; line-height: 24px; } 
.course_box ul li .flag_label::before { width: calc(100% + 10vw); top: 12px; } 
.course_box ul li .course_tit { font-size: 13px; } 
.course_box .flag_label::after { left: 4px; width: 11px; height: 11px; } 
.course_box ul { flex-wrap: wrap; gap: 3px; overflow: hidden; } 
.course_box ul li { width: calc(50% - 1.5px); } 
.course_box ul li .flag_label::before { width: 490%; } 
.course_box ul li:nth-child(4n) .flag_label::before { border-top: 1px dashed #ddd; } 
.detail_view .block_type_wrap { padding-left: 0; padding-right: 0; } 
.block_type_wrap dl dt { font-size: 15px !important; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; } 
.block_sub_tit { font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; margin-bottom: 12px; } 
.btn_wrap { padding-bottom: 16px; } 
.btn_wrap .list_btn { margin-top: 16px; } 
.board_wrap2 { max-width: 100%; padding-right: 24px; padding-left: 24px; margin-top: 65px; } 
.board_wrap2 .board_wrap2_tit { font-size: 15px; font-weight: 600; font-stretch: normal; margin-bottom: 16px; font-style: normal; line-height: 1.4; } 
.board_wrap2 .list_wrap li { padding-top: 25px; padding-bottom: 25px; } 
.board_wrap2 .list_wrap li a { flex-direction: column; gap: 16px; } 
.board_wrap2 .list_wrap li .txt_wrap .tit { font-size: 18px; line-height: 1.33; } 
.board_wrap2 .list_wrap li .txt_wrap { gap: 8px; width: 100%; } 
.board_wrap2 .list_wrap li .txt_wrap .cont { font-size: 14px; line-height: 1.57; } 
.board_wrap2 .list_wrap li .img_wrap { width: 100%; height: 165px; } 
.board_wrap2 .list_wrap li:last-of-type { padding-bottom: 40px; } 
.tag_live_wrap .tit { font-size: 24px; margin-bottom: 16px; } 
.tag_live_wrap { margin-top: 65px; margin-bottom: 0; padding-right: 24px; padding-left: 24px; } 
.more_btn_wrap { margin-top: 26px; } 
.more_btn_wrap a { width: 32px; height: 32px; } 
.more_btn_wrap a::before { width: 18px; } 
.more_btn_wrap a::after { height: 18px; } 
.detail_view.border_bottom .detail_content { padding-bottom: 45px; } 
.writer_box .img_wrap { width: 30px; height: 30px; } 
.writer_box { font-size: 13px; padding-top: 15px; margin-top: 15px; } 
.passport_wrap { padding-right: 24px; word-break: keep-all; padding-left: 24px; text-align: left; margin-top: 90px; } 
.stage_wrap { margin-top: 42px; gap: 68px; } 
.passport_wrap h3.sub_tit { line-height: 1.42; } 
.stage_wrap .stage_box .stage_num { text-align:left; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.75; letter-spacing: -0.16px; text-align: left; color: #111; } 
.stage_wrap .stage_box .stage_tit { font-size: 24px; line-height: 1.4; } 
.stage_wrap .stage_box .stage_content { margin-top: 8px; font-size: 15px; text-align: left; line-height: 1.4; } 
.list_box1 li { font-size: 13px; line-height: 1.23; } 
.passport_wrap .list_box1 { padding: 16px; } 
.passport_wrap h3.sub_tit br { display: block; } 
.passport_wrap br { display: none; } 
.list_box1 li::after { width: 2px; height: 2px; } 
.flowSwiper .img_wrap { height: 220px; } 
.passport_wrap2 { margin: 75px auto 0; } 
.passport_wrap2 .sub_tit { text-align: left; word-break: keep-all; padding-right: 24px; padding-left: 24px; } 

.passport_wrap2 .flow_slide_wrap { margin-top: 40px; padding-bottom: 80px; } 
.block_type_wrap3 { padding-right: 24px; padding-left: 24px; } 
.button_wrap { bottom: 32px; } 
.photo_list_wrap .tab_cont_wrap ul li a .date_wrap { font-size: 13px; margin-top: 3px; } 

.block_type_wrap3 .tit { font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: -0.24px; text-align: left; color: #111; } 
.block_type_wrap3 .sub_txt { font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; margin-top: 12px; line-height: 1.4; letter-spacing: normal; text-align: left; color: #1a1818; } 
.block_type_wrap3 .half_box_wrap { flex-direction: column; } 
.block_type_wrap3 .half_box_wrap .gray_box { width: 100%; padding: 12px 16px 45px; } 
.block_type_wrap3 .half_box_wrap .gray_box .num { font-size: 48px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.17; } 
.block_type_wrap3 .half_box_wrap .gray_box .box_tit { margin-bottom: 8px; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; } 
.block_type_wrap3 .half_box_wrap .gray_box .list_box1 > li { font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.43; } 
.block_type_wrap3 .half_box_wrap .gray_box .small_txt { font-size: 13px; margin-top: 10px; } 

.block_type_wrap3 .half_box_wrap .gray_box .list_box1 { gap: 10px; } 
.block_type_wrap3 .btn_wrap { padding-bottom: 0; margin-top: 4px; } 
.block_type_wrap3 .half_box_wrap { gap: 24px; } 
.block_type_wrap3 .half_box_wrap .gray_box { min-height: 328px; } 
.block_type_wrap3 .half_box_wrap .gray_box .red_btn { width: calc(100% - 48px); left: 24px; bottom: 24px; } 
.block_type_wrap3 .icon { margin-bottom: 12px; } 
.block_type_wrap3 .half_box_wrap .gray_box .box_txt { font-size: 15px; font-weight: 600; line-height: 1.4; letter-spacing: -0.15px; } 
.block_type_wrap3 .half_box_wrap .gray_box .box_txt .small_txt { margin-top: 4px; } 
.block_type_wrap3:last-of-type { margin-top: 82px; } 
.block_type_wrap3 .sub_txt2 { font-size: 14px; line-height: 1.2; } 
.block_type_wrap3:last-of-type .red_btn { margin-top: 24px; } 
.row_wrap .check_box_wrap { flex-direction: column; gap: 16px; } 

.filebox label { font-size: 14px; height: 44px; line-height: 44px; width: 100px; flex-shrink: 0; } 
.filebox .upload_name { height: 44px; line-height: 44px; font-size: 14px; padding: 0 16px; } 
.stamp_upload_wrap .file_box_wrap .stamp_img_list li { width: 54px; height: 54px; } 
.stamp_upload_wrap .file_box_wrap .stamp_img_list { gap: 4px; } 
.stamp_upload_wrap .file_box_wrap .stamp_img_list li .img_wrap { width: 54px; height: 54px; } 
.stamp_upload_wrap .row .row_tit { font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #444; } 
.stamp_upload_wrap .file_box_wrap .stamp_img_list li .inner .del_btn { width: 16px; height: 16px; } 
.stamp_upload_wrap .row .row_con { font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: normal; text-align: left; color: #999; } 
.stamp_upload_wrap .row.mt60 { margin-top: 10px !important; } 
.stamp_upload_wrap .row_tit.list_type { padding-left: 8px; position: relative; } 
.stamp_upload_wrap .row_tit.list_type::after { display: block; content: ""; background:var(--color_typo1); width: 3px; height: 3px; border-radius: 10px; } 
.row_wrap .check_box_wrap { margin-top: 15px; } 
.row_wrap .check_box_wrap { gap: 10px; } 
.mob_block { display: block; } 
.add_wrap { margin-top: 48px; } 
.add_wrap.on { margin-top: 48px; } 
.add_wrap .add_tit { font-size: 15px; } 
.add_wrap .add_box { padding: 24px 16px; } 
.popup_wrap .add_box .close_btn { top: 16px; right: 16px; width: 12px; height: 12px; } 
.add_wrap .add_btn { width: 70px; height: 36px; font-size: 13px; margin-top: 0; } 
.add_wrap .add_btn::after { left: 15px; } 
.empty_wrap { height: 150px; } 
.empty_wrap p { line-height: 150px; font-size: 14px; } 

.souvenir_wrap { margin-top: 48px; } 
.souvenir_list { flex-wrap: wrap; } 
.souvenir_list li { width: calc(50% - 3px); padding-top: 32px; padding-bottom: 32px; flex-grow: 0; } 
.souvenir_wrap .souvenir_tit { margin-bottom: 12px; font-size: 18px; } 
.souvenir_list li .txt_wrap .tit { font-size: 15px; line-height: 1.1; } 
.souvenir_list li .txt_wrap .sub_txt { font-size: 12px; } 
.souvenir_wrap .etc_txt { font-size: 14px; margin-top: 12px; } 
.souvenir_wrap .red_btn { margin-top: 24px; } 
.souvenir_wrap .guide_txt { font-size: 14px; margin-top: 12px; } 
.honor_wrap { padding-left: 24px; padding-right: 24px; } 
.complete_list_wrap { font-size: 13px; } 
.heritage_list_wrap ul li { max-width: 120px !important; } 
.heritage_list_wrap ul li a.tab_btn .txt_wrap { bottom: 6px; } 
.heritage_list_wrap .txt_wrap .sub_txt { display: none; } 

.add_wrap .stamp_upload_wrap .file_box_wrap .stamp_img_list li { width: 56px; height: 56px; } 
.add_wrap .stamp_upload_wrap .file_box_wrap .stamp_img_list li .img_wrap { width: 56px; height: 56px; } 

.detail_view .detail_head .label_wrap .label { width: fit-content !important; min-width: unset; } 

/* 나만의 국가유산 여행 */
.sub_wrap .inner .sub_top02 h2.main_tit { text-align: left; word-break: keep-all; } 
.travel_test_wrap .travel_box .grid_wrap { padding-right: 24px; padding-left: 24px; padding-top: 80px; padding-bottom: 73px; } 
.travel_test_wrap .travel_box .grid_wrap .grid_top .img_wrap { max-width: calc(100% - 40px); } 
.travel_test_wrap .travel_box .grid_wrap .grid_top .tit { text-align: center; font-size: 28px; } 
.travel_test_wrap .travel_box .grid_wrap .photo_box .frame_wrap { padding: 8px; margin: 32px auto 24px; height: calc(50vw - 10px); } 
.travel_test_wrap .travel_box .grid_wrap .photo_box .frame_wrap img { object-fit: cover; } 
.travel_test_wrap .travel_box .grid_wrap .photo_box .frame_wrap::after { width: 28px; height: 43px; top: -14px; } 
.travel_test_wrap .travel_box .grid_wrap .photo_box .txt_wrap { font-size: 14px; line-height: 21px; } 
.travel_test_wrap .travel_box .grid_wrap .check_point_wrap { margin-top: 32px; margin-bottom: 42px; } 
.travel_test_wrap .travel_box .grid_wrap .check_point_wrap .tit { font-size: 16px; } 
.travel_test_wrap .travel_box .grid_wrap .check_point_wrap ul { gap: 8px; } 
.travel_test_wrap .travel_box .grid_wrap .check_point_wrap ul li { gap: 8px; } 
.travel_test_wrap .travel_box .grid_wrap .check_point_wrap ul li .tag { padding: 10px 16px; font-size: 14px; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom { padding-top: 40px; background-size: 0px 100%, 100% 4px, 0px 100% , 100% 0px; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .tit { font-size: 16px; margin-bottom: 16px; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area { gap: 8px; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a { padding-top: 15px !important; padding-bottom: 15px !important; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn { font-size: 15px; border-radius: 8px; } 

.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn.chevron_right span::after { right: -8px; width: 8px; height: 12px; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn.retry span { padding-left: 20px; } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn.retry span::after { width: 15px; height: 15px; } 
.travel_test_wrap .travel_box .travel_tit { font-size: calc(16px + 5vw); } 
.travel_test_wrap .travel_box .travel_tit > span { font-size: calc(16px + 5vw) } 
.travel_test_wrap .travel_box .grid_wrap .grid_bottom .btn_area a.round_btn.go_next::after { width: 10px; height: 14px; right: 12px; } 
.travel_test_wrap .travel_box .grid_wrap.step_type .grid_bottom { padding-top: 12px; } 
.travel_test_wrap .travel_box .grid_wrap.step_type .btn_area { padding-right: 24px; padding-left: 24px; } 

/* 방문캠페인 소개 - 연혁 */
.history_wrap .mob_only { margin-top: 30px; } 
.history_all_wrap { padding-top: 65px; } 
.history_wrap { padding-left: 24px; padding-right: 24px; padding-top: 0; } 
.history_wrap .history_list li { align-self: auto !important; padding-left: 20px; width: 100%; padding-bottom: 64px; } 
.history_wrap .history_year { position:absolute; top: -100px; left: 0; width: 100%; z-index:99999; } 
.history_wrap .history_list { margin-top: 16px; } 
.history_wrap .history_list li strong { font-size: 42px; } 
.history_wrap .history_list li p { font-size: 15px; line-height: 25px; } 
.history_wrap .history_list::after { left: 3px; top: 10px; height: 100%; } 
.history_wrap .history_list li::before { left: 3px; right: auto; top: 11px; } 
.history_wrap .history_list li:nth-child(even):before { left: 3px; right: auto; top: 11px; } 
/* .history_wrap .history_list li .img_wrap { height: 192px; } */
.history_wrap .history_list li::after { width: 8px; height: 8px; } 
.history_wrap .history_list li:nth-child(even) { text-align: left; align-items: flex-start; } 
.history_wrap .history_list li:nth-child(odd)::after { left: 0px; top:9px; } 
.history_wrap .history_list li:nth-child(even)::after { right: auto !important; top: 9px; left: 0px !important; } 
.history_wrap .history_list li.small_dot::after { top: 9px; } 
.history_wrap .history_list li strong { font-size: 18px; } 
.history_all_wrap .mobile_tab_menu_wrap { margin-right: 24px; margin-left: 24px; margin-top: 50px; display: block; } 

.history_wrap .history_list li strong { margin-bottom: 8px; line-height: 1.2; } 

.history_wrap .history_list li .main_tit { font-size: 15px; } 
.history_wrap .history_list li:last-of-type::before { content: ""; background: white; display: block; width: 10px; height: 100%; position: absolute; right: auto; left: 2px !important; top: 17px; z-index: 2; } 
/* 방문캠페인 홍보관 */
.sub_wrap .inner .sub_top01.visit_campaign { background: url(../img/sub01/visit_campaign_mob.png) no-repeat center / cover; } 

.campaign_wrap { padding-top: 90px; } 
.campaign_wrap .sub_tit { padding-left: 24px; padding-right: 24px; text-align: left; margin-bottom: 24px; } 
.campaign_wrap .promo_wrap { padding-left: 24px; padding-right: 24px; } 
.campaign_wrap .promo_wrap .txt_wrap .tit { margin-top: 12px; font-family: Pretendard; font-size: 13px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: -0.13px; text-align: left; color: #111; } 
.campaign_wrap .promo_wrap .img_wrap { display: flex; justify-content: center; overflow: hidden; } 
.campaign_wrap .promo_wrap .img_wrap img { min-height: 214px; min-width: 504px; object-fit: auto; } 
.campaign_wrap .promo_wrap .sub_tit { padding-left: 0; padding-right: 0; } 
.campaign_wrap .sub_tit br { display: none; } 
.campaign_wrap .terminal_info_wrap { padding-left: 24px; padding-right: 24px; } 
.campaign_wrap .terminal_info_wrap ul li { font-size: 15px; font-weight: 600; line-height: 18px; padding-left: 30px; } 
.campaign_wrap .terminal_info_wrap ul li::after { width: 19px; height: 19px; top: 0px; transform: none; } 
.campaign_wrap .campaign_view { padding-right: 24px; padding-left: 24px; } 
.campaign_wrap .campaign_view .swiper-slide { width: 100%; } 
.campaign_wrap .promo_wrap .sub_tit { font-size: 24px; margin-bottom: 12px; } 
.campaign_wrap .promo_wrap p { font-size: 15px; } 
.campaign_wrap .terminal_info_wrap { margin-top: 24px; margin-bottom: 100px; } 
.info_list { gap: 12px; } 
.campaign_wrap .custom_pagination { font-size: 12px; margin-top: 5px; } 
.campaign_wrap .campaign_view .swiper-horizontal>.swiper-scrollbar, .campaign_wrap .campaign_view .swiper-scrollbar.swiper-scrollbar-horizontal { width: calc(100% - 55px); } 
.campaign_wrap .promo_wrap { margin-bottom: 24px; } 
.campaign_wrap .terminal_info_wrap .img_wrap { margin-top: 48px; } 

.promo_site_wrap { padding-right: 24px; padding-left: 24px; } 
.promo_site_wrap ul { flex-direction: column; gap: 48px; } 
.promo_site_wrap ul li { width: 100%; } 
.promo_site_wrap ul li .tit { margin-top: 12px; font-size: 13px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: -0.13px; text-align: left; color: #111; } 

/* 방문자여권투어 */
/* 여권투어 */
.sub_wrap .inner .sub_top01.passport { background: url(../img/sub04/sub04_bg_mob.jpg) no-repeat center / cover; } 

/* 공지사항 */
.board_wrap1 { display: flex; flex-direction: column; gap: 20px; } 
 .board_wrap1 .board_top .search_area { width: 100%; } 
 .board_wrap1 .board_top .search_area .input_box { width: calc(100% - 98px ); } 
 .board_wrap1 .board_list li { padding-right: 0; } 
 .board_wrap1 .board_list li a { padding-top: 20px; padding-bottom: 20px; padding-right: 10px; padding-left: 10px; } 
 .board_wrap1 .board_list li a .list_left { flex-direction: column; align-items: flex-start; gap: 6px; width: 100%; } 
 .board_wrap1 .board_list li a { flex-direction: column; align-items: flex-start; gap: 4px; } 
 .board_wrap1 .board_list li a .list_left .title { margin-left: 0 !important; max-width: 100%; } 
 .board_wrap1 .board_list li a .list_left .board_num { display: none; } 
 .board_wrap1 .board_list li a .list_left .title { font-size: 16px; } 
 .board_wrap1 .board_list li a .list_right { font-size: 14px; } 
 .board_wrap1 .board_list li a .title.new::after { font-size: 12px; top: 0px; } 
 .accordion_wrap ul li a.question_wrap { padding-left: 0; padding-top: 16px; padding-bottom: 16px; } 
 .accordion_wrap ul li a.question_wrap .title { font-size: 15px; margin-left: 8px; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; } 
 .accordion_wrap ul li a.question_wrap::after { width: 14px; height: 14px; top: 22px; transform: none; } 
 .accordion_wrap ul li a.question_wrap .q_tag { font-size: 16px; } 
 .board_wrap1 .empty_txt { text-align: left; font-size: 16px; min-height: 180px; line-height: 180px; } 
 .accordion_wrap ul li .answer_wrap .a_tag { font-size: 16px; margin-right: 3px; margin-left: 14px; } 
 .accordion_wrap ul li .answer_wrap { padding: 19px 16px 24px 32px; font-size: 14px; line-height: 1.57; } 
 .accordion_wrap ul li .answer_wrap p { display: inline; } 
 

 .photo_list_wrap { margin-top: 65px; } 
 .photo_list_wrap > .tab_cont_wrap ul li a span.label.img_type { width: 24px; height: 24px; } 
 .detail_view .file_list { gap: 8px; } 
 .detail_view .file_list li a::before { width: 18px; height: 18px; background-size: contain !important; } 
 .detail_view .file_list li a { padding-left: 24px; font-size: 13px; } 
 .detail_view .control_wrap ul li a { padding-top: 16px; padding-bottom: 16px; } 
 .detail_view .control_wrap ul li a .small_tit { font-size: 13px; } 
 .detail_view .control_wrap ul li a strong { font-size: 15px; } 
 .detail_view .control_wrap ul li a { gap: 16px; } 
 .photo_list_wrap > .tab_cont_wrap ul li a span.label.img_type img { width: 8px; height: 10px; position: absolute; top: 50%; transform: translateY(-50%); left: 8px; } 

 .heritage_editor_area .ck_editor_area { padding-right: 24px; padding-left: 24px; } 

 /* 팝업 */
 .popup_wrap { width: calc(100% - 48px); padding: 16px 16px 32px; } 
 .popup_wrap .close_btn { width: 12px; height: 12px; top: 20px; right: 24px; } 
 .popup_wrap .pop_top { height: 21px; margin-bottom: 16px; } 
 .popup_wrap .pop_top .label { min-width: 36px; line-height: 21px; font-size: 11px; border-radius: 2px; margin-right: 6px; } 
 .popup_wrap .pop_tit { font-size: 15px; } 
 .popup_wrap.pop_swiper .pop_slide_txt { font-size: 14px; line-height: 1.57; } 
 .popup_wrap.pop_swiper .img_wrap { height: auto; } 
 .popup_wrap.pop_swiper .img_wrap img { width: 100%; } 

 .popup_wrap .pop_tit.tit_small { font-size: 22px !important; word-break: keep-all; } 
 .swiper_button { display: none !important; } 
 .popup_wrap.pop_swiper .pop_video_wrap iframe { height: calc(100% + 19%); } 
 .popup_wrap.pop_swiper .pop_video_wrap + .pop_slide_txt { margin-top: 15%; } 
 .popup_wrap.full_type .pop_tit { height: 56px; position: static; padding-left: 24px; font-size: 15px; padding-top: 20px; } 
 .popup_wrap .pop_con .side_wrap .left_area { padding-top: 40px; padding-right: 24px; padding-left: 24px; } 
 .popup_wrap .pop_con .side_wrap .left_area .cont { font-size: 15px; line-height: 1.67; } 
 .popup_wrap .pop_con .side_wrap { gap: 24px; } 
 .popup_wrap .pop_con .side_wrap .left_area .tit { line-height: 1; } 
 .popup_wrap .pop_con .side_wrap .left_area .year { font-size: 13px; } 
 .popup_wrap .pop_con .side_wrap .left_area .place { font-size: 13px; } 
 .popup_wrap .pop_con .side_wrap .left_area .cont { margin-top: 8px; } 
 .popup_wrap .pop_con .side_wrap .left_area .place::before { width: 15px; height: 15px; background-size: cover; } 
 .popup_wrap .pop_con .side_wrap .left_area .place { margin-top: 17px; padding-left: 18px; } 
 .popup_wrap .pop_con .detail_wrap .name { font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.42; } 
 .popup_wrap .pop_con .detail_wrap .date { font-size: 13px; line-height: 1.46; letter-spacing: -0.13px; } 
 .popup_wrap .pop_con .detail_wrap .interview_txt { margin-top: 12px; line-height: 1.5; padding: 26px 16px 23px 16px; font-size: 15px; font-weight: 600; background: url(../img/icon/icon_quotes.svg) no-repeat 12px 14px / 26px 12px #f8f8f8; } 
 }
 /* 통합검색 */
 .total_list_wrap { max-width: 1055px; padding-right: 60px; padding-left: 60px; margin: 110px auto 0; } 
.total_list_wrap .total_number { margin-top: 20px; display: flex; font-family: Jost; font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: -0.26px; text-align: left; color: #444; } 
.total_list_wrap .total_number .number { margin-left: 10px; font-family: Jost; font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: -0.26px; text-align: left; color: #444; } 
.total_list_wrap .tab_menu_wrap { margin-top: 20px; } 
.total_list_wrap .search_result_box { margin-top: 100px; } 
.total_list_wrap .result_top { padding-bottom: 20px; border-bottom: 1px solid var(--color_primary1); display: flex; justify-content: space-between; align-items: center; } 
.total_list_wrap .result_tit { font-size: 24px; display: flex; gap: 8px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #1a1818; } 
.total_list_wrap .result_tit .total_num { color: #ee4141; } 
.total_list_wrap .result_list_wrap .depth_wrap { display: flex; gap: 27px; } 
.total_list_wrap .result_list_wrap .empty_txt { text-align: left; padding-bottom: 20px; padding-top: 30px; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #444; } 
.total_list_wrap .result_list_wrap .depth_wrap .depth { position: relative; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.16px; text-align: left; color: #777; } 
.total_list_wrap .result_list_wrap .depth_wrap .depth:last-of-type::before { display: none; } 
.total_list_wrap .result_list_wrap .depth_wrap .depth::before { right: -14px; top: 50%; transform: translateY(-50%); position: absolute; width: 2px; height: 2px; content: ""; background: #777; } 
.total_list_wrap .result_list_wrap ul { display: flex; flex-direction: column; } 
.total_list_wrap .result_list_wrap ul li { padding-top: 30px; padding-bottom: 35px; text-align: left; border-bottom: 1px solid #e4e4e4; } 
.total_list_wrap .result_list_wrap ul li a { display: inline-block; width: 100%; overflow: hidden; } 
.total_list_wrap .result_list_wrap .list_tit { margin-top: 10px; white-space: nowrap; width: 100%; text-overflow: ellipsis; overflow: hidden; display: block; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: -0.3px; text-align: left; color: #1a1818; } 
.total_list_wrap .result_list_wrap .list_txt { margin-top: 10px; font-size: 18px; font-weight: normal; font-stretch: normal; display: -webkit-box; overflow: hidden; max-height: 3em; line-height: 1.5; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #444; } 
.total_list_wrap .result_list_wrap ul li .file_list { margin-top: 10px; background: white; padding: 0; gap: 10px; } 
.total_list_wrap .result_list_wrap ul li .file_list a { display: flex; } 
.total_list_wrap .result_list_wrap ul li .file_list li { padding: 0; border-bottom: 0px; } 

.info_list li .li_info pre { white-space: normal; line-height: 1.3; } 


 /* !! 접근성 !! */
 .visit_course_wrap .tab_menu_wrap.type4 >ul >li >a.on { border-width: 2px; } 


 /* 방문코스 - 열개의 길 */
@media screen and (max-width: 768px){
 .image_map_pc { display:none; } 
 .image_map_m { display:block; } 
 .map_pop_box { height: 86px; } 
 .passport_wrap .passport_tit { font-size: 22px; text-align: center; } 
 .tab_menu_wrap.type4.swiper-container { margin-bottom: 24px; } 
 .visit_course_wrap { margin-top: 80px; } 
 .terminal_info_wrap .info_list { margin-bottom: 30px; } 
 .terminal_info_wrap .img_wrap .bloom_wrap { display:none !important; } 
 .terminal_info_wrap .img_wrap .bloom_wrap .bloom_link { display:none !important; } 
 .terminal_info_wrap .point_area_con .point_arrow { display:block !important; } 
 .info_list li .li_tit { min-width: 65px; } 
 .sub_wrap .inner .sub_content .way_detail_wrap2 { margin-bottom:50px; } 
 .sub_wrap .inner .sub_content .way_detail_wrap2 .detail_txt .detail_l_txt { font-size: 24px; margin-top: 12px; } 
 .sub_wrap .inner .sub_content .way_detail_wrap2 .detail_txt .detail_m_txt { margin-top: 12px; } 
 .intro_wrap .chief_box { max-width: unset; width: 110px; left: 20px; } 

 .sub_wrap .inner .sub_content .way_detail_wrap2 .detail_txt .detail_m_txt { font-size: 15px; } 
 .visit_course_wrap { padding-right: 24px; padding-left: 24px; margin-bottom:0px; } 
 .course_detail_view { flex-direction: column; } 
 .course_detail_view .txt_view .fc_brown { display: block; color: #dd858d !important; } 
 .visit_course_wrap .course_detail_view .txt_view { width: 100%; } 
 .visit_course_wrap .course_detail_view .photo_view { width: 100%; } 
 .tab_menu_wrap.type4 >ul >li >a .img_wrap { width: 28px; height: 28px; } 
 .tab_menu_wrap.type4 >ul >li >a { min-width: unset; } 
 .info_list li .li_info { font-size: 14px; } 
 .info_list li .li_tit { font-size: 14px; } 
 .tab_menu_wrap.type4.swiper-container .swiper-button-next, .tab_menu_wrap.type4.swiper-container .swiper-button-prev { display: none; } 
 .visit_course_wrap .course_detail_view { gap: 32px; } 
 .visit_course_wrap { margin-bottom: 80px; } 
 .info_list li .li_tit::after { top: 6px; } 
 .visit_course_wrap .course_detail_view .info_list { margin-top: 12px; } 
 .visit_course_wrap .course_detail_view .txt_view p { font-size: 15px; margin-top: 12px; } 
 .sub_wrap .inner .sub_content .way_detail_wrap2 .bg_top { height:50px; } 
 .sub_wrap .inner .sub_content .way_detail_wrap2 .bg_bottom { height:0px !important; } 
 .sub_wrap .inner .sub_content .way_detail_wrap2 .bg_left { width:40px; } 
 .sub_wrap .inner .sub_content .way_detail_wrap2 .bg_right { width:40px; } 
 .sub_wrap .inner .sub_content .way_detail_wrap2 { width:100%; min-height:900px; height: auto; } 
 
 .sub_wrap .inner .sub_content .way_detail_wrap2.darker { background-size: inherit; background-position: center 0px; background-attachment: unset; } 
 .sub_wrap .inner .sub_content .way_detail_wrap2.darker::after { height: 100%; top: 0px; bottom: unset; z-index: 1; } 
 .sub_wrap .inner .sub_content .way_detail_wrap2 .detail_txt { padding: 60px 20px; } 
 .visit_course_wrap .course_detail_view .photo_view .img_wrap { height: 230px; } 

 .visit_course_wrap .tit_wrap { margin-bottom: 50px; } 
 .course_con_wrap .tab_menu_wrap.type4.swiper-container { max-height: 50px; } 
 .course_con_wrap .tab_menu_wrap.type4.swiper-container.open { max-height: unset; height: auto; } 
 .course_con_wrap { } 
 .course_con_wrap .tab_menu_wrap { } 
 .course_con_wrap .tab_menu_wrap.type4.swiper-container { padding-bottom: 0; } 
 .course_con_wrap .tab_menu_wrap .swiper-wrapper { flex-direction: column; position: static; } 
 .course_con_wrap .tab_menu_wrap .swiper-slide { width: 100%; border-radius: 0; } 
 .course_con_wrap .tab_menu_wrap .swiper-slide a { border-radius: 0; margin-top: -1px; } 
 .visit_course_wrap .tab_menu_wrap.type4 >ul >li >a.on { border-width: 1px; } 
 .course_con_wrap .tab_menu_wrap.type4 >ul >li:first-of-type a.on::after { content: ""; display: block; width: 100%; height: 1px; background: black; left: 0px; right: 0px; position: absolute; bottom: 0px; } 
 .course_con_wrap .tab_menu_wrap.type4 >ul >li a.on::before { content: ""; display: block; right: 10px; position: absolute; top: 20px; width: 12px; height: 10px; background: url(../img/icon/icon_triangle.png) no-repeat center / contain; z-index: 10; } 
 .course_con_wrap .tab_menu_wrap.type4.swiper-container.open >ul >li a.on::before { transform: rotate(180deg); } 
 .course_con_wrap .tab_menu_wrap.type4 >ul >li:has(a.on) { position: absolute; top: -49px; width: 100%; height: auto; } 
 .course_con_wrap .tab_menu_wrap.type4.swiper-container { padding-top: 50px; position: relative; } 
 .visit_course_wrap .tab_menu_wrap .tab_plus_label { top: 9px; right: 22px; } 
 /* 통합검색 */
.total_list_wrap { padding-left: 24px; padding-right: 24px; margin:65px auto 0; } 
.search_input_box { padding-bottom: 0; } 
.search_input_box input { height: 44px; } 
.total_list_wrap .tab_menu_wrap { margin-top: 32px; } 
.total_list_wrap .search_input_box input { font-size: 18px; text-overflow: ellipsis; overflow: hidden; width: 100%; } 
.total_list_wrap .search_result_box { margin-top: 32px; } 
.total_list_wrap .result_tit { font-size: 16px; } 
.total_list_wrap .result_list_wrap .depth_wrap .depth { font-size: 13px; } 
.total_list_wrap .result_list_wrap .list_tit { font-size: 16px; margin-top: 8px; } 
.total_list_wrap .result_list_wrap .list_txt { font-size: 14px; margin-top: 7px; } 
.total_list_wrap .result_list_wrap .depth_wrap { gap: 18px; } 
.total_list_wrap .result_top { padding-bottom: 15px; } 
.total_list_wrap .result_list_wrap .empty_txt { font-size: 14px; padding-top: 24px; } 
.total_list_wrap .result_list_wrap .depth_wrap .depth::before { right: -10px; } 
.total_list_wrap .file_list li a { padding-left: 26px; font-size: 13px; line-height: 21px; } 
.total_list_wrap .file_list li a::before { width: 18px; height: 18px; } 
.total_list_wrap .total_number { font-size: 14px; } 
.total_list_wrap .total_number .number { margin-left: 6px; } 
.total_list_wrap .total_number .number { font-size: 14px; } 
.total_list_wrap .file_list li .hwp_download::before { background-size: cover; } 
.total_list_wrap .result_list_wrap ul li { padding-top: 24px; padding-bottom: 24px; } 
 }

 /* datepikcer month 로 수정 */
 .drp-calendar .next { position: static; } 
 .drp-calendar.left .month { margin-left: 0px; } 
 .drp-calendar.right .month { margin-left: 0px; } 
 .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { width: auto !important; } 
 .daterangepicker th.month { width: auto !important; } 
 .daterangepicker .calendar-table td.monthPanel { min-width: unset; width: 33.33%; } 
 @media screen and (max-width: 1050px){
 .daterangepicker .drp-calendar { max-width: unset; } 
 }




/*이달의방문코스 추가*/
.section_group_tit{text-align:left;font-size:46px;margin-bottom:30px;}
.world_heri_swiper.month_course_wrap .swiper-slide{	height:auto !important;}
.world_heri_swiper.month_course_wrap .swiper-slide .img_wrap{height:620px !important;}
.world_heri_swiper.month_course_wrap .swiper-slide + .swiper-slide .section_group_tit{margin-top:80px;}
.ck_editor_area .content_btn_row{display:flex;align-items: center;justify-content: center;gap:0 10px;}
.ck_editor_area .content_btn_row a{display:flex;align-items: center; justify-content: center;gap:0 10px;padding-left:10px !important;padding-right:10px !important;width:50%;max-width:300px;}
.ck_editor_area .content_btn_row img{filter: brightness(0) invert(1);}
@media(max-width:991.98px){
	.section_group_tit{font-size:32px;}
	.world_heri_swiper.month_course_wrap .swiper-slide + .swiper-slide .section_group_tit{margin-top:50px;}
}
@media(max-width:767.98px){
	.section_group_tit{font-size:28px;margin-bottom:20px;}
	.world_heri_swiper.month_course_wrap .swiper-slide .img_wrap{height:250px !important;}

}
@media(max-width:576.98px){
	.section_group_tit{font-size:24px;}
	.world_heri_swiper.month_course_wrap .swiper-slide + .swiper-slide .section_group_tit{margin-top:20px;}
}

/*이달의방문코스 소개*/
.course_Introduction_wrap{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	line-height:1.4;
	position:relative;
}

.course_Introduction_wrap .section_info{
	padding-bottom:230px;
}
.course_Introduction_wrap .section_info h3{
	border-bottom:3px solid #000;
	margin-bottom:200px;
}
.course_Introduction_wrap .section_info h4{
	margin-bottom:70px;
}
.course_Introduction_wrap .section_info .desc{
	font-size:34px;
}
@media(max-width:991.98px){
	.course_Introduction_wrap .section_info{
		padding-bottom:180px;
	}
	.course_Introduction_wrap .section_info h3{
		border-bottom:3px solid #000;
		margin-bottom:160px;
	}
	.course_Introduction_wrap .section_info h4{
		margin-bottom:50px;
	}
	.course_Introduction_wrap .section_info h4 img{
		max-width:700px !important;
	}
	.course_Introduction_wrap .section_info .desc{
		font-size:28px;
	}
}
@media(max-width:767.98px){
	.course_Introduction_wrap .section_info{
		padding-bottom:100px;
	}
	.course_Introduction_wrap .section_info h3{
		border-bottom:2px solid #000;
		margin-bottom:100px;
	}
	.course_Introduction_wrap .section_info h4 img{
		max-width:500px !important;
		width:90%;
	}
	.course_Introduction_wrap .section_info .desc{
		font-size:20px;
	}
}

.course_Introduction_wrap .section_map{
	background:#f4f4f4;
}

.course_Introduction_wrap .seciton_coupon{
	padding:130px 50px 60px 50px;
}
.course_Introduction_wrap .seciton_coupon h4 small{
	display:block;
	font-size:40px;
	margin-bottom:80px;
	font-weight:400;
	margin-top:20px;
}
.course_Introduction_wrap .coupon_list{
	display:flex;
	width:100%;
	margin-bottom:160px;
}
.course_Introduction_wrap .coupon_list > li{
	width:calc(100%/3);
	position:relative;
	padding:50px 0;
}
.course_Introduction_wrap .coupon_list > li+li::before{
	content:"";
	position:absolute;
	left:-2px;
	top:50%;
	transform: translateY(-50%);
	height:100%;
	width:4px;
	background:#d8d9da;
}

.course_Introduction_wrap .coupon_list li p:nth-child(1){
	width:100px;
	height:100px;
	color:#fff;
	background:#f5333f;
	border-radius:100%;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:40px;
	font-weight:600;
	margin:0 auto;
}
.course_Introduction_wrap .coupon_list li p:nth-child(2){
	font-size:40px;
	font-weight:600;
	margin-top:40px;
}
.course_Introduction_wrap .coupon_box{
	max-width:700px;
	margin:0 auto;
}
.course_Introduction_wrap .coupon_box.coupon_box3{
	max-width:unset;
}
.course_Introduction_wrap .coupon_box h4{
	font-size:64px;
	margin-bottom:40px;
}
.course_Introduction_wrap .coupon_box.coupon_box3 h4{
	margin-bottom:10px;
}
.course_Introduction_wrap .coupon_box h4 span{
	border:4px solid #ee4036;
	padding:10px 40px;
	display:inline-block;
	color:#ee4036;
	font-size:40px;
	border-radius:100px;
	margin-bottom:50px;
}
.course_Introduction_wrap .coupon_box h4 small{
	margin-bottom:0;
	margin-top:10px;
}
.course_Introduction_wrap .coupon_box  ul{
	text-align:left;
	font-size:34px;
	padding:20px;
	padding-bottom:0;
}
.course_Introduction_wrap .coupon_box.coupon_box3 ul{
	text-align:center;
	margin-bottom:20px;
}
.course_Introduction_wrap hr{
	border-top:5px solid #d8d9da;
	padding:0;
	margin:80px 0;
}

@media(max-width:991.98px){
	.course_Introduction_wrap .seciton_coupon {
		padding: 130px 30px 50px 30px;
	}
	.course_Introduction_wrap .seciton_coupon h4 img{
		max-width:700px !important;
	}
	.course_Introduction_wrap .coupon_list li p:nth-child(1) {
		width: 80px;
		height: 80px;
		font-size: 34px;
	}
	.course_Introduction_wrap .coupon_list li p:nth-child(2) {
		font-size: 34px;
		margin-top: 30px;
	}
	.course_Introduction_wrap .coupon_list > li+li::before {
		left: -1px;
		width: 2px;
	}

	.course_Introduction_wrap .coupon_box img{
		max-width:600px;
	}
	.course_Introduction_wrap .coupon_box h4{
		font-size:44px;
	}
	.course_Introduction_wrap .coupon_box h4 span {
		border: 2px solid #ee4036;
		padding: 10px 30px;
		font-size: 30px;
		margin-bottom: 40px;
	}
	.course_Introduction_wrap .coupon_box ul{
		font-size:28px;
		max-width:600px;
		margin:0 auto;
	}
}
@media(max-width:767.98px){
	.course_Introduction_wrap .seciton_coupon {
		padding: 90px 20px 50px 20px;
	}
	.course_Introduction_wrap .seciton_coupon h4 img{
		max-width:500px !important;
		width:90%;
	}
	.course_Introduction_wrap .seciton_coupon h4 small{
		font-size:24px;
		margin-bottom:50px;
	}
	.course_Introduction_wrap .coupon_list{
		margin-bottom:80px;
	}
	.course_Introduction_wrap .coupon_list li{
		padding:15px 5px;
	}
	.course_Introduction_wrap .coupon_list li p:nth-child(1) {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }
	.course_Introduction_wrap .coupon_list li p:nth-child(2) {
        font-size: 18px;
        margin-top: 20px;
    }
	.course_Introduction_wrap .coupon_box h4 span {
        border: 1px solid #ee4036;
        padding: 10px 20px;
        font-size: 24px;
        margin-bottom: 20px;
    }
	.course_Introduction_wrap .coupon_box h4{
		font-size:32px;
	}
	.course_Introduction_wrap .coupon_box img{}
	.course_Introduction_wrap .coupon_box ul{
		font-size:20px;
	}
	.course_Introduction_wrap hr {
		border-top: 2px solid #d8d9da;
		padding: 0;
		margin: 50px 0;
	}
}




.course_Introduction_wrap .section_qr{
	background:#f4f4f4;
	max-width:1100px;
	padding:60px;
	border-radius:40px;
	padding-top:160px;
	margin:0 auto
}
.course_Introduction_wrap .section_qr h5{
	margin-bottom:180px;
	font-size:46px;
	font-weight:400;
	position:relative;
	z-index:1;
}
.course_Introduction_wrap .section_qr h5 img{
	position:absolute;
	width:auto !important;
	height:auto !important;
	z-index:-1;
}
.course_Introduction_wrap .section_qr h5 img.icon2{
	left:0;
	bottom:0;
	transform: translateY(80%);
}
.course_Introduction_wrap .section_qr h5 img.icon1{
	right:0;
	top:0;
	transform: translateY(-60%);
}
.course_Introduction_wrap .section_qr ul{
	display: flex;
	justify-content: space-between;
	gap:0 30px;
}
.course_Introduction_wrap .section_qr ul li{
	width:100%;
	max-width:447px;
}
.course_Introduction_wrap .section_qr ul li .desc{
	font-size:30px;
	margin-top:30px;
	font-weight:500;
}
.course_Introduction_wrap .section_qr ul li .desc span{
	color:#ee4036;
}
.course_Introduction_wrap .section_qr ul li .desc p{
	font-size:27px;
	font-weight:400;
	margin-top:15px;
}
@media(max-width:991.98px){
	.course_Introduction_wrap .section_qr h5 {
		margin-bottom: 150px;
		font-size: 40px;
	}
	.course_Introduction_wrap .section_qr h5 img.icon1{
		max-width:110px;
	}
	.course_Introduction_wrap .section_qr h5 img.icon2{
		max-width:90px;
	}
	.course_Introduction_wrap .section_qr ul li .desc{
		font-size:26px;
	}
	.course_Introduction_wrap .section_qr ul li .desc p{
		font-size:24px;
	}
}
@media(max-width:767.98px){
	.course_Introduction_wrap .section_qr {
		padding: 30px;
		border-radius: 30px;
		padding-top: 100px;
	}
	.course_Introduction_wrap .section_qr h5 {
        margin-bottom: 80px;
        font-size: 24px;
    }
	.course_Introduction_wrap .section_qr h5 img.icon1{
		max-width:70px;
	}
	.course_Introduction_wrap .section_qr h5 img.icon2{
		max-width:50px;
	}
	.course_Introduction_wrap .section_qr ul li .desc{
		font-size:20px;
	}
	.course_Introduction_wrap .section_qr ul li .desc p{
		font-size:17px;
	}
	.course_Introduction_wrap .section_qr ul{
		gap:10px;
	}
}




.course_Introduction_wrap  .section_f{
	padding:50px 0;
}
.course_Introduction_wrap  .section_f img{
	width:auto;
	height:auto;
}
.course_Introduction_wrap  .section_f > div:nth-child(1),
.course_Introduction_wrap  .section_f > div:nth-child(2){
	display:flex;
	justify-content: space-between;
	align-items: center;
	gap:10px;
}
.course_Introduction_wrap  .section_f > div:nth-child(1){
	font-size:30px;
	max-width:1000px;
	margin:0 auto;
}
.course_Introduction_wrap  .section_f > div:nth-child(1) strong{
	display:inline-block;
	border-right:4px solid #000;
	padding-right:15px;
	margin-right:10px;
	line-height:30px;
}
.course_Introduction_wrap  .section_f > div:nth-child(2){
	margin-top:150px;
}


@media(max-width:991.98px){
	.course_Introduction_wrap .section_f{
		padding:50px;
	}
	.course_Introduction_wrap .section_f > div:nth-child(1){
		font-size:25px;
	}
	.course_Introduction_wrap .section_f > div:nth-child(2){
		margin-top:100px;
	}
}
@media(max-width:767.98px){
	.course_Introduction_wrap .section_f{
		padding:20px;
		padding-top:50px;
	}
	.course_Introduction_wrap .section_f > div:nth-child(1){
		font-size:18px;
		text-align:center;
		justify-content: center;
	}
	.course_Introduction_wrap .section_f > div:nth-child(1) img{
		display:none;
	}
	.course_Introduction_wrap .section_f > div:nth-child(2){
		margin-top:30px;
		justify-content: center;
		gap:10px;
	}
}

.course_Introduction_wrap .view_benefits{
	position:sticky;
	bottom:20px;
}
.course_Introduction_wrap .view_benefits a{
	background:#ee4036;
	color:#fff;
	font-size:28px;
	padding:10px;
	display:flex;
	align-items: baseline;
	justify-content: center;
	max-width:300px;
	border-radius:10px;
	margin:0 auto;
	font-weight:600;
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
}
@media(max-width:991.98px){
	.course_Introduction_wrap .view_benefits a{
		background:#ee4036;
		color:#fff;
		font-size:22px;
		padding:10px;
		display:flex;
		align-items: baseline;
		justify-content: center;
		max-width:200px;
		border-radius:10px;
		margin:0 auto;
		font-weight:600;
		box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
	}
}
@media(max-width:767.98px){
	.course_Introduction_wrap .view_benefits a{
		font-size:20px;
		max-width:200px;
		border-radius:7px;
	}
}




/* 오디오가이드 */
.audio_guide_wrap .sub_tit {
  font-size: 44px;
  font-weight: bold;
  color: #fff;
}
.audio_guide_wrap .sub_tit p{
  margin-top: 10px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}
.audio_guide_wrap .inner{
  position: relative;
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 20px 120px;
}
.audio_guide_wrap .listBtn{
  position: absolute;
  left: 20px;
}
.audio_guide_wrap .listBtn span{
  display: inline-block;
  width: 120px;
  height: 44px;
  text-align: center;
  line-height: 41px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 60px;
}
.audio_guide_wrap .listBtn img{
  display: none;
  width: 30px;
  height: auto;
}
.audio_guide_wrap .side_txt{
  position: absolute;
  right:20px;
  max-width: 50%;
  width: 446px;
  mix-blend-mode: screen;
}
.audio_guide_wrap .side_txt img{
  width: 100%;
}
.audio_guide_wrap .img_list-pc{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
}
.audio_guide_wrap .img_list-pc li{
  position: relative;
  width: calc(50% - 10px);
  padding: 1px; 
}
/*
.audio_guide_wrap.audio_guide_main .img_list-pc > li:nth-child(1),
.audio_guide_wrap.audio_guide_main .img_list-mo > li:nth-child(1){
	opacity:0;
	overflow:hidden;
	width:10px;
	height:10px;
	position:absolute;
	margin-top:-10px;
}*/
.audio_guide_wrap .img_list-pc li::after{
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(-45deg, 
  rgba(255,255,255,1) 0%, 
  rgba(255,255,255,0) 50%, 
  rgba(255,255,255,1) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.audio_guide_wrap .img_list-pc li:hover::after{
  opacity: 1;
}
.audio_guide_wrap .img_list-pc .item{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  height: 280px;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.audio_guide_wrap .img_list-pc .name{
  text-align: left;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
.audio_guide_wrap .img_list-pc .btn{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 184px; 
  height: 40px;
  padding-left: 20px;
  padding-right: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #EE4141;
  border-radius: 60px;
  flex-shrink: 0;
}
.audio_guide_wrap.eng .img_list-pc .btn{
	font-size:14px;
	width:190px;
	padding-left:15px;
}

.audio_guide_wrap .img_list-pc .btn span{
  transform: translateY(-1px);
}
.audio_guide_wrap .img_list-pc .btn img{
  width: 20.5px;
  height: auto;
  flex-shrink: 0;
}
.audio_guide_wrap .img_list-mo{
  display: none;
  margin-top: 17px;
}
.audio_guide_wrap .img_list-mo li + li{
  margin-top: 10px;
}
.audio_guide_wrap .img_list-mo .item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  border: 1px solid #fff;
  border-radius: 60px;
}
.audio_guide_wrap .img_list-mo .name{
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.audio_guide_wrap .img_list-mo .name img{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  height: auto;
}
.audio_guide_wrap .img_list-mo .btn img{
  width: 26px;
  height: auto
}

.audio_guide_wrap01 {
  background: url(/visit/resource/www/img/audio_guide/01_bg.png) no-repeat center / cover;
}
.audio_guide_wrap01 .inner{
  padding-bottom: 258px;
}
.audio_guide_wrap01 .inner.pt{
	padding-bottom:500px;
}
.audio_guide_wrap01 .side_txt{
  bottom: 57px;
}

.audio_guide_wrap02 {
  background: url(/visit/resource/www/img/audio_guide/02_bg.png) no-repeat center / cover;
}
.audio_guide_wrap02 .inner{
  padding-bottom: 253px;
}
.audio_guide_wrap02 .side_txt{
  bottom: 52px;
}
.audio_guide_wrap02 .listBtn{
  top: 89.5px;
}


.audio_guide_wrap03 {
  background: url(/visit/resource/www/img/audio_guide/03_bg.png) no-repeat center / cover;
}
.audio_guide_wrap03 .inner{
  max-width: 640px;
}
.audio_guide_wrap .top_btns{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 40px 0 20px;
}
.audio_guide_wrap .listBtn {
  position: unset;
  top: 0;
}
.audio_guide_wrap03 .tab{
  display: flex;
  align-items: center;
  gap: 8px;
}
.audio_guide_wrap03 .tab div{
  width: 140px;
  height: 44px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  line-height: 40px;
  color: #000;
  background: #fff;
  border-radius: 60px;
  cursor: pointer;
}
.audio_guide_wrap03 .tab div.active{
  color: #fff;
  background: #EF4D4D;
}
.audio_guide_wrap03 .guide_box,
.audio_guide_wrap03 .map_frame{
  position: relative;
}
.audio_guide_wrap03 .guide_box{
  padding-bottom: 63px;
}
.audio_guide_wrap03 .guide_box .x_btn{
  display: block;
  outline: none;
  border: none;
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .25);
}
.audio_guide_wrap03 .guide_box .popup_close{
  position: absolute;
  top: 20px; right: 10px; 
  z-index: 23;
  display: none;
}
.audio_guide_wrap03 .map_frame img{
  width: 100%;
}
.audio_guide_wrap03 .map_frame .marker{
  position: absolute;
  z-index: 20;
  cursor: pointer;
}
.audio_guide_wrap03 .map_frame .marker div{
	visibility: hidden;
	position:absolute;
	width:0;
	height:0;
	z-index:-1;
	overflow:hidden;
}

.audio_guide_wrap03 .inner .notice_text{
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  display:flex;
  align-items: center;
  gap:0 6px;
  margin-bottom:10px;
}
@media(max-width:767.98px){
  .audio_guide_wrap03 .inner .notice_text{
    font-size: 16px;
  }
}


.audio_guide_popup{
  left: 0;
  width: 100%;
  z-index: 23;
  display: none;
}
.audio_guide_popup button{
  outline: none;
  border: none;
  padding: 0;
}

.audio_guide_popup1{
  position: absolute;
  bottom: 0;
}
.audio_guide_popup1.open{
  height: 100%;
  background: rgba(0, 0, 0, .85);
}
.audio_guide_popup1 .popup_box{height: 100%;}
.audio_guide_popup1 .popup_box .popup_btns{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px 10px;
}
.audio_guide_popup1 .play_btn{
  display: flex;
  align-items: center;
  gap: 2px;
}
.audio_guide_popup1 .play_btn > *{
  display: inline-block;
  width: 80px;
  height: 33px;
  text-align: center;
  line-height: 31px;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  background: #fff;
  border-radius: 50px;
}
.audio_guide_popup1 .play_btn .active{
	color:#fff;
  background: #B8892A;
}
.audio_guide_popup1 .cont{
  position: relative;
  height: calc(100% - 138px);
  padding: 20px 10px;
  padding-right: 20px;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  overflow-y: auto;
  display: none;
}
.audio_guide_popup1 .cont::before{
  content: '';
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 20px);
  height: 1px;
  background: #ccc;
  opacity: .25;
}
.audio_guide_popup1 .cont::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.audio_guide_popup1 .cont::-webkit-scrollbar-thumb {
  background: #EE4141;
  border-radius: 4px;
}
.audio_guide_popup1 .cont::-webkit-scrollbar-track {
	background: #D9D9D9; 
}
.audio_guide_popup1 .cont .tit{
  display: block;
  margin-bottom: 13px;
}
.audio_guide_popup1 .cont .script_cont2{display: none;}
.audio_guide_popup1 .cont .script_cont1,
.audio_guide_popup1 .cont .script_cont2{
	white-space: pre-line;
}
.audio_guide_popup1 .play_sound{
  display: flex;
  align-items: center;
  position: relative;
  padding: 18px 10px;
  background: #121212;
}
.audio_guide_popup1 .play_sound audio,
.audio_guide_popup1 .play_sound .toggleBtn .none{
  display: none;
}
.audio_guide_popup1 .play_sound .controls {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.audio_guide_popup1 .play_sound .toggleBtn img{
  width: 28px;
  flex-shrink: 0;
}
.audio_guide_popup1 .play_sound .progress-bar {
  position: relative;
  width: 100%;
  height: 10px;
  cursor: pointer;
}
.audio_guide_popup1 .play_sound .progress-bar::before{
	content:"";
	position:absolute;
	left:0;
	top:4px;
	height:2px;
	width:100%;
	background:#666;
	z-index:1;
}
.audio_guide_popup1 .play_sound .progress {
  height: 2px;
  width: 0%;
  top:4px;
  background: #EE4141;
  position:absolute;
  left:0;
  z-index:2;

}
.audio_guide_popup1 .play_sound .thumb {
  position: absolute;
  top: 0px;
  width: 10px;
  height: 10px;
  background: #EE4141;
  border-radius: 50%;
  left: 0%;
  transform: translateX(-50%);
  z-index:3;
  cursor: pointer;
}
.audio_guide_popup1 .play_sound .thumb::before{
	content:"";
	position:absolute;
	width:20px;
	height:20px;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}


.audio_guide_popup1 .play_sound .playtime{
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.audio_guide_popup2{
  position: fixed;
  top: 0;
  height: 100%;
}
.audio_guide_popup2 .popup_bg{
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.5);
}
.audio_guide_popup2 .popup_box{
  z-index: 1;
  position: absolute;
  top: 50%; left: 50%;
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  background: #000000;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .25);
  transform: translate(-50%,-50%);
}
.audio_guide_popup2 .popup_box .video{
  position: relative;
  padding-top: 56.25%;
}
.audio_guide_popup2 .popup_box .video iframe{
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center;
}
.audio_guide_popup2 .close_btn{
  z-index: 100;
  position: absolute;
  right: 30px; top: 10px;
}

@media (max-width:767.98px) {
  .audio_guide_wrap .sub_tit {
    font-size: 22px;
  }
  .audio_guide_wrap .sub_tit p {
    margin-top: 5px;
    font-size: 16px;
  }
  .audio_guide_wrap .inner{
    padding: 40px 20px 60px;
  }
  .audio_guide_wrap .listBtn{
    top: 40px;
  }
  .audio_guide_wrap .listBtn span{
    display: none;
  }
  .audio_guide_wrap .listBtn img{
    display: block;
  }
  .audio_guide_wrap .side_txt{
    bottom: 40px;
    max-width: 60%;
    width: 193px;
  }
  .audio_guide_wrap .img_list-pc{
    display: none;
  }
  .audio_guide_wrap .img_list-mo{
    display: block;
  }

  .audio_guide_wrap01 {
    background-image: url(/visit/resource/www/img/audio_guide/01_bg-m.png);
  }
  .audio_guide_wrap01 .inner{
    padding-bottom: 275px;
  }

  .audio_guide_wrap02 {
    background-image: url(/visit/resource/www/img/audio_guide/02_bg-m.png);
  }
  .audio_guide_wrap02 .inner{
    padding-bottom: 276px;
  }

  .audio_guide_wrap03 {
    background-image: url(/visit/resource/www/img/audio_guide/03_bg-m.png);
  }
  .audio_guide_wrap03 .listBtn {
    position: absolute;
    top: 53px;
  }
  .audio_guide_wrap .top_btns {
    margin: 20px 0 30px;
  }
  .audio_guide_wrap03 .tab {
    width: 100%;
  }
  .audio_guide_wrap03 .tab div{
    width: 50%;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
  }

  .audio_guide_wrap03 .guide_box .popup_close {
    top: 10px;
  }
  .audio_guide_popup1 .popup_box .popup_btns {
    padding: 10px;
  }
  .audio_guide_popup1 .cont {
    height: calc(100% - 106px);
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .audio_guide_popup1 .play_btn > * {
    width: 62px;
    height: 24px;
    line-height: 21px;
  }
  .audio_guide_wrap03 .guide_box .x_btn {
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
  }
}

.audio_btn_hidden{
	display:none !important;
	position:absolute !important;
	z-index:-1 !important;
	opacity:0 !important;
	width:0 !important;
	height:0 !important;
	overflow:hidden !important;
}