/* color */
:root { --color_primary1: #111; --color_primary2: rgb(238, 65, 65); --color_primary3: #fff; --color_typo1: #1a1818; --color_typo2: #444444; --color_line1: #111; --color_line2: #ddd; --color_line3: #e4e4e4; --way_type1 : #dd858d; --way_type2 : #3e7f96; --way_type3 : #ccc32c; --way_type3_font : #beb303; --way_type4 : #1f9688; --way_type5 : #7b7c7c; --way_type6 : #b6a17c; --way_type7 : #cc3550; --way_type8 : #f5a11c; --way_type9 : #8a6c60; --way_type10 : #a03a96; /* 접근성 추가 */
 /* --way_type1 : #955156; --way_type3 : #6d6718; --way_type6 : #655945; --way_type8 : #a36b10; */ } 

/* z-index */
/* footer: 10 */
/* map_list_wrap: 13 */
/* ui-datepicker-div: 14 */
/* header: 24 */
/* bg_dimm 25 */
/* go_top 24 */
/* floater: 27 */
/* popup: 1500 */

/* common */
.mt0 { margin-top:0px!important } 
.mt05 { margin-top:5px!important } 
.mt10 { margin-top:10px!important } 
.mt15 { margin-top:15px!important } 
.mt20 { margin-top:20px!important } 
.mt25 { margin-top:25px!important } 
.mt30 { margin-top:30px!important } 
.mt35 { margin-top:35px!important } 
.mt40 { margin-top:40px!important } 
.mt45 { margin-top:45px!important } 
.mt50 { margin-top:50px!important } 
.mt55 { margin-top:55px!important } 
.mt60 { margin-top:60px!important } 
.mt65 { margin-top:65px!important } 
.mt70 { margin-top:70px!important } 
.mt75 { margin-top:75px!important } 
.mt80 { margin-top:80px!important } 
.mt85 { margin-top:85px!important } 
.mt90 { margin-top:90px!important } 
.mt95 { margin-top:95px!important } 

.mb0 { margin-bottom:0!important } 
.mb05 { margin-bottom:5px!important } 
.mb10 { margin-bottom:10px!important } 
.mb15 { margin-bottom:15px!important } 
.mb20 { margin-bottom:20px!important } 
.mb25 { margin-bottom:25px!important } 
.mb30 { margin-bottom:30px!important } 
.mb35 { margin-bottom:35px!important } 
.mb40 { margin-bottom:40px!important } 
.mb45 { margin-bottom:45px!important } 
.mb50 { margin-bottom:50px!important } 
.mb55 { margin-bottom:55px!important } 
.mb60 { margin-bottom:60px!important } 
.mb65 { margin-bottom:65px!important } 
.mb70 { margin-bottom:70px!important } 
.mb75 { margin-bottom:75px!important } 
.mb80 { margin-bottom:80px!important } 
.mb85 { margin-bottom:85px!important } 
.mb90 { margin-bottom:90px!important } 
.mb95 { margin-bottom:95px!important } 

.mr0 { margin-right:0!important } 
.mr05 { margin-right:5px!important } 
.mr07 { margin-right:7px!important } 
.mr10 { margin-right:10px!important } 
.mr15 { margin-right:15px!important } 
.mr20 { margin-right:20px!important } 
.mr25 { margin-right:25px!important } 
.mr30 { margin-right:30px!important } 
.mr35 { margin-right:35px!important } 
.mr40 { margin-right:40px!important } 
.mr45 { margin-right:45px!important } 
.mr50 { margin-right:50px!important } 
.mr55 { margin-right:55px!important } 
.mr60 { margin-right:60px!important } 
.mr65 { margin-right:65px!important } 
.mr70 { margin-right:70px!important } 
.mr75 { margin-right:75px!important } 
.mr80 { margin-right:80px!important } 
.mr85 { margin-right:85px!important } 
.mr90 { margin-right:90px!important } 
.mr95 { margin-right:95px!important } 

.ml0 { margin-left:0!important } 
.ml05 { margin-left:5px!important } 
.ml10 { margin-left:10px!important } 
.ml15 { margin-left:15px!important } 
.ml20 { margin-left:20px!important } 
.ml25 { margin-left:25px!important } 
.ml30 { margin-left:30px!important } 
.ml35 { margin-left:35px!important } 
.ml40 { margin-left:40px!important } 
.ml45 { margin-left:45px!important } 
.ml50 { margin-left:50px!important } 
.ml55 { margin-left:55px!important } 
.ml60 { margin-left:60px!important } 
.ml65 { margin-left:65px!important } 
.ml70 { margin-left:70px!important } 
.ml75 { margin-left:75px!important } 
.ml80 { margin-left:80px!important } 
.ml85 { margin-left:85px!important } 
.ml90 { margin-left:90px!important } 
.ml95 { margin-left:95px!important } 


.w660 { max-width: 660px; width: 100%; } 
.tac { text-align: center !important; } 
.tal { text-align: left !important; } 
.tar { text-align: right !important; } 
.mob_only { display: none; } 
.pc_only { display: block; } 
.ff_jost { font-family: "jost"; } 
.fw300 { font-weight: 300; } 
.fw500 { font-weight: 500; } 
.fw600 { font-weight: 600; } 
.fw700 { font-weight: 700; } 
.bold { font-weight: bold; } 
.fc_red { color: var(--color_primary2); } 
.fc_black { color: var(--color_typo1); } 
.fc_gray { color: var(--color_typo2); } 
.fc_white { color: #fff !important; } 
.fc_brown { color: #8a6c60 !important; font-size: inherit; } 
.fc_green { color: #148614 !important; font-size: inherit; } 
.fc_blue { color: #115cc2 !important; font-size: inherit; } 
.fc_way_color1 { color: var(--way_type1) !important; } 
.fc_way_color2 { color: var(--way_type2) !important; } 
.fc_way_color3 { color: var(--way_type3_font) !important; } 
.fc_way_color4 { color: var(--way_type4) !important; } 
.fc_way_color5 { color: var(--way_type5) !important; } 
.fc_way_color6 { color: var(--way_type6) !important; } 
.fc_way_color7 { color: var(--way_type7) !important; } 
.fc_way_color8 { color: var(--way_type8) !important; } 
.fc_way_color9 { color: var(--way_type9) !important; } 
.fc_way_color10 { color: var(--way_type10) !important; } 

.go_top { box-sizing: border-box; display: none; position: fixed; right: 27px; bottom: 90px; background: white; width: 50px; height: 50px; z-index: 24; background: url(../img/icon/icon_topbtn.svg) no-repeat center / cover; } 
.go_top:focus-visible { border: 2px dotted white; } 
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.opacity06 { opacity: 0.6 !important; } 
.opacity1 { opacity: 1 !important; } 
.justify_left { justify-content: flex-start !important; } 
.bg_dimm { display:none; position:fixed; left:0; right:0; top:0; bottom:0; background-color:#00000090; z-index:25; } 
.bg_dimm.on { display:block; } 
html.no_scroll,
body.no_scroll { overflow:hidden; } 
.select_wrap { position: relative; border:1px solid #ddd; background: #fff; border-radius: 2px; } 
.select_wrap.type2 { width: 166px; margin-left: -1px; } 
.select_wrap.type2.no_bg::before { background: none !important; } 
.select_wrap::before { content: ''; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); width: 14px; height: 8px; background: url(../img/icon/icon_triangle.png) no-repeat center / contain; } 
.underline { text-decoration: underline; } 
select { position: relative; z-index: 1; width:100%; height: 55px; font-size:18px; font-weight:400; padding: 0 15px; } 
select:disabled { background-color: #f2f2f2; color: #757575; cursor: default; } 
select:focus-visible { outline: none; border: 2px solid var(--color_primary2); } 
.datepicker_wrap input:focus-visible { outline: none; border: 1px solid var(--color_primary2); } 
.flex_wrap.type1 { gap: 10px; } 
.flex_wrap.type1 .select_wrap { flex: 1 1 auto; } 
select:required:invalid { color: #838383; } 
select:required:valid { color: var(--color_typo1); } 

.popup_btn_wrap { position: absolute; top: 50%; left: 50%; width: calc(100% + 188px); justify-content: space-between; transform: translate(-50%, -50%); display: flex; gap: 20px; } 
.popup_btn_wrap a { display: block; position: relative; content: ""; border: 1px solid #ddd; background-color: white; width: 80px; height: 80px; position: relative; border-radius: 100%; } 
.popup_btn_wrap a.disabled { pointer-events: none; opacity: 0.3; }
.popup_btn_wrap a.prev::after { width: 20px; height: 30px; position: absolute; left: 42%; top: 50%; transform: translate(-50%, -50%) rotate(180deg);; content: ""; display: block; background-color: black; -webkit-mask: url(../img/icon/icon_chevron_right.svg) no-repeat center / cover; } 
.popup_btn_wrap a.next::after { width: 20px; height: 30px; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; background-color: black; -webkit-mask: url(../img/icon/icon_chevron_right.svg) no-repeat center / cover; } 
option { color: var(--color_typo1); } 
.icon_bull { position: absolute; top: 30%; } 
.icon_bull::after { content: ""; background-color: #ee4040; mask: url(../img/icon/icon_bull_new.svg) no-repeat center/ cover; width: 19px !important; height: 28px !important; display: inline-block; } 

.icon_bull_red { background: url(../img/icon/bull_pin.png) no-repeat center/ cover; width: 19px !important; height: 28px !important; display: inline-block; } 
.icon_bull_black { background: url(../img/icon/bull_pin_black.png) no-repeat center / cover; width:19px !important; height: 28px !important; display: inline-block; } 
.icon_plus_glass { background: url(../img/icon/icon_plust_glass.svg) no-repeat center / cover; width: 36px; height: 36px; } 
.icon_plus { background-color: url(../img/icon/icon_plus.svg) no-repeat center / cover; width: 25px; height: 25px; } 
.radio_wrap { display: flex; gap: 50px; } 
.datepicker_wrap { font-size: 18px; font-weight: 400; line-height: 55px; text-align: left; padding: 0 20px; width:260px !important; } 
#datepicker { width: 100%; height: 100%; position: absolute; left: 0px; z-index: 1; padding: 0 20px; font-size: 18px; } 
.daterangepicker.ltr.show-calendar.opensleft { z-index: 14; } 
.calendar-table .monthselect { float: right !important; } 
.calendar-table .yearselect { float: left !important; } 
#datepicker::placeholder { font-size: 18px; color: #1a1818; } 

/* label */
.label { background: white; min-width: 46px; padding-right: 10px; padding-left: 10px; width: fit-content; line-height: 30px; flex-shrink: 0; box-sizing: border-box; text-align: center; color: var(--color_primary2); border: 1px solid var(--color_primary2); font-family: Pretendard; font-size: 15px; font-weight: 500; } 
.label.bg_main  {background-color: #b8892a; color: white; border-color: #b8892a;}
.label.bg_red { min-width: 46px; width: fit-content; line-height: 30px; flex-shrink: 0; box-sizing: border-box; text-align: center; color: white; background-color: var(--color_primary2); border: 1px solid var(--color_primary2); font-family: Pretendard; font-size: 15px; font-weight: 500; } 
.label.bg_blue { min-width: 46px; width: fit-content; line-height: 30px; flex-shrink: 0; box-sizing: border-box; text-align: center; color: white; background-color: #2f5597; border: 1px solid #2f5597; font-family: Pretendard; font-size: 15px; font-weight: 500; } 
.label.bg_black { background: var(--color_typo1) !important; color: white; border-color: var(--color_typo1); } 
.label.bg_grey { background: #aaaaaa !important; color: white; border-color: #aaaaaa; } 
.label.bg_beige { background: rgb(238, 65, 65, 0.05) !important; color: var(--color_primary2); border: none; } 
.flag_label { font-size: 15px; font-weight: 500; color: var(--color_primary2); position: relative; padding-left: 26px; padding-right: 10px; width: fit-content; height: 28px; line-height: 28px; background:#fff5f5; } 
.flag_label::after { position: absolute; -webkit-mask: url(../img/icon/icon_flag.svg) no-repeat center / cover; background-color: var(--color_primary2); width: 14px; height: 14px;; display: block; content: ""; left: 10px; top: 50%; transform: translateY(-50%); } 
@media screen and (max-width: 768px){
 .label { font-size: 11px !important; line-height: 19px !important; height: 21px; padding-right: 6px; padding-left: 6px; } 
 }

 /* slide */
.story_slide_wrap { overflow: hidden; position: relative; padding-bottom: 32px; padding-right: 24px; } 
.story_slide_wrap .swiper-horizontal>.swiper-scrollbar .swiper-scrollbar-horizontal { left: 0px; height: 1px; background-color: #ddd; } 
.story_slide_wrap .swiper-horizontal>.swiper-scrollbar .swiper-scrollbar-drag { border-radius: 0px; height: 3px; top: unset; bottom: 1.5px; background-color: var(--color_line1); } 
.story_slide_wrap .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { height: 1px !important; left: 0px !important; z-index: 10 !important; } 
.story_slide_wrap a { display: block; } 
.story_slide_wrap a:focus-visible { border: 3px dotted black; outline: none; } 
.story_slide_wrap .img_wrap { max-width: 410px; height: 100%; } 
.story_slide_wrap .swiper-slide { flex-grow: 0; max-width: 410px; } 
.story_slide_wrap .img_wrap img { width: 100%; height: 100%; object-fit: cover; } 
/* scroll */
.scroll_type { overflow-x: auto; overflow-y: hidden; } 
.scroll_type::-webkit-scrollbar { width: 3px; height: 3px; background-color: #ebebeb; } 
.scroll_type::-webkit-scrollbar-thumb { background-color: var(--color_line1); } 
.scroll_type_y { overflow-y: auto; overflow-x: hidden; } 
.scroll_type_y::-webkit-scrollbar { width: 3px; height: 3px; background-color: #ebebeb; } 
.scroll_type_y::-webkit-scrollbar-thumb { background-color: var(--color_line1); } 
/* tab */

.tab_menu_wrap.scroll_type { gap: 20px; } 
.tab_menu_wrap.scroll_type .tab_menu { overflow-x: auto; padding-top: 3px; padding-bottom: 3px; } 
.tab_menu_wrap.scroll_type .tab_menu li { flex-shrink: 0; } 
.tab_menu_wrap.scroll_type .tab_menu::-webkit-scrollbar { width: 3px; height: 3px; background-color: #ebebeb; } 
.tab_menu_wrap.scroll_type .tab_menu::-webkit-scrollbar-thumb { background-color: var(--color_line1); } 
.tab_menu_wrap.flex_type { display:flex; justify-content: space-between; align-items: center; } 
.tab_menu_wrap ul.tab_menu { display: flex; gap: 60px; align-items: center; justify-content: center; } 
.tab_menu_wrap ul li { } 
.tab_menu_wrap>ul>li>a { display: inline-block; } 
.tab_menu_wrap.color_red>ul { height: 70px; } 
.tab_menu_wrap.color_red>ul>li>a.on { color: var(--color_primary2); font-weight: 700; } 
.tab_menu_wrap>ul>li>a { font-size: 22px; font-weight: 600; color: #716e6e; } 
.tab_menu_wrap>ul>li>a.on { color: var(--color_typo1); text-decoration: underline; text-underline-position: under; } 
.tab_menu_wrap.type2 { } 
.tab_menu_wrap.type2>ul { gap: 0px; height: 70px; } 
.tab_menu_wrap.type2>ul >li { text-align: center; background-color: #f1f4f6; height: 100%; line-height: 68px; } 
.tab_menu_wrap.type2>ul >li >a { font-size: 18px; width: 100%; font-weight: 600; box-sizing: border-box; height: 100%; border-right: 1px solid #fff; border-left: 1px solid #fff; border-top: 1px solid #f1f4f6; border-bottom: 1px solid #f1f4f6; } 
.tab_menu_wrap.type2>ul >li >a.on { text-decoration: none; background: white; border: 1px solid var(--color_line1); } 
.tab_menu_wrap.type3 { } 
.tab_menu_wrap.type3 >ul { gap: 10px; } 
.tab_menu_wrap.type3 >ul >li { } 
.tab_menu_wrap.type3 >ul >li a { padding: 13px 20px; font-size: 16px; border-radius: 100px; border: solid 1px #ddd; color: var(--color_typo2); } 
.tab_menu_wrap.type3 >ul >li a.on { outline-color: #000; text-decoration: none; background: var(--color_typo1); color: white; } 
.tab_menu_wrap.type4 { } 
.tab_menu_wrap.type4 >ul { gap: 11px; justify-content: flex-start; } 
.tab_menu_wrap.type4.tabSwiper > ul { gap: 0px; } 
.tab_menu_wrap.type4 >ul >li >a { min-width: 125px; align-items: center; padding: 10px 25px 10px 12px; display: flex; gap: 10px; border-radius: 100px; border: solid 1px #ddd; } 
.tab_menu_wrap.type4 >ul >li >a .img_wrap { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; } 
.tab_menu_wrap.type4 >ul >li >a .txt_wrap { font-size: 16px; font-weight: 500; color: var(--color_typo1); } 
.tab_menu_wrap.type4 >ul >li >a.on { border: 1px solid var(--color_line1); text-decoration: none; } 
.tab_menu_wrap.type4.swiper-container { margin-bottom: 60px; overflow: hidden; position: relative; overflow-x:auto; } 
.tab_menu_wrap.type4.swiper-container .swiper-button-next, .tab_menu_wrap.type4.swiper-container .swiper-button-prev { top: calc(50% + 15px); transform: translateY(-50%); margin-top: 0; border: 1px solid var(--color_line2); border-radius: 50%; color: var(--color_line1); background: white; width: 50px; height: 50px; } 
/* .tab_menu_wrap.type4.swiper-container.scrollable::before { background: linear-gradient(to left, rgba(255,255,255, 0.8) 30% , transparent 100%); z-index: 5; content: ""; display: block; position: absolute; right: 0px; top: 0px; width: 100px; height: 100%; } */
.tab_menu_wrap.type4.swiper-container .swiper-button-next.swiper-button-disabled { opacity: 0; } 
.tab_menu_wrap.type4.swiper-container .swiper-button-prev.swiper-button-disabled { opacity: 0; } 
.tab_menu_wrap.type4.swiper-container .swiper-button-next { right: 0px; } 
.tab_menu_wrap.type4.swiper-container .swiper-button-prev { left: 0px; } 
.tab_menu_wrap.type4.swiper-container .swiper-button-next::after, .tab_menu_wrap.type4.swiper-container .swiper-button-prev::after { font-size: medium; } 
.tab_menu_wrap.sticky { position: sticky; top: 90px; z-index: 15; -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); background-color: rgba(255,255,255,0.9); margin: 0 auto; } 
.tab_menu_wrap.sticky ul.tab_menu { height: 68px; } 
.tab_menu_wrap.sticky.active ul { margin: 0 auto; height: 68px; max-width: 887px; padding-left: 65px; padding-right: 65px; justify-content: space-between; } 
.tab_menu_wrap.type5 { } 
.tab_menu_wrap.type5> ul { gap: 11px; justify-content: center; flex-wrap: wrap; } 
.tab_menu_wrap.type5 >ul> li> a { color: var(--color_typo1); min-width: 125px; align-items: center; padding: 10px 25px 10px 12px; display: flex; gap: 10px; border-radius: 100px; border: solid 1px #ddd; } 
.tab_menu_wrap.type5 >ul >li >a .img_wrap { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; } 
.tab_menu_wrap.type5 >ul >li >a .txt_wrap { font-size: 16px; font-weight: 500; } 
.tab_menu_wrap.type5 >ul >li >a.on { border: 2px solid var(--color_line1); text-decoration: none; } 
.tab_menu_wrap>ul + .tab_cont { margin-top:40px; } 

/* ck에디터 css 무시 추가 */
.ck_editor_wrap { max-width: 935px; } 
.ck_editor_area { all : revert; padding-top: 100px; padding-bottom: 100px; max-width: 935px; margin: 0 auto; border-bottom: 1px solid #ddd; } 
.ck_editor_area table { max-width: 100%; table-layout: auto; } 

.ck_editor_area img { max-width: 100%; width: auto; height: auto !important; } 
.file_view_wrap { padding-top: 30px; } 
.file_view_wrap .detail_tit { margin-bottom: 20px !important; margin-top: 0 !important; } 
.file_view_wrap .ck_editor_area { border-bottom: none; padding-top: 40px; padding-bottom: 40px; } 
.file_view_wrap .file_list { margin-top: 0 !important; } 
/* 페이지네이션 */
.pagination_wrap { display: flex; align-items: center; gap: 60px; justify-content: center; margin-top:100px; padding-top:30px; border-top:1px solid #e4e4e4; } 
.pagination_wrap.mt0 { border-top: none; } 
.pagination_wrap.mt0 .pagination { border-top: none; } 
.pagination_wrap ul { display: flex; gap: 40px; } 
.pagination_wrap ul li a { font-family: Jost; font-weight: 500; color: var(--color_typo2); } 
.pagination_wrap ul li a.now_page { font-size: 18px; color: var(--color_typo1); font-weight: bold; } 
.pagination_wrap ul li.control_btn { } 
.pagination_wrap ul a { font-family: Pretendard; color: var(--color_typo1); font-size: 18px; } 

@media screen and (max-width: 1360px){
 .popup_btn_wrap { width: calc(100% + 40px); } 
 .popup_btn_wrap a { background: white; width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 100%; position: relative; } 
 .popup_btn_wrap a.prev::after { background-color: black; width: 10px; height: 16px; position: absolute; top: 50%; left: 43%; transform: translate(-50%, -50%) rotate(180deg);; } 
 .popup_btn_wrap a.next::after { background-color: black; width: 10px; height: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
 }
@media screen and (max-width: 960px) { /* 공지사항 갤러리 */
 .photo_list_wrap .tab_menu_wrap.type3.flex_type { flex-direction: column-reverse; align-items: flex-start; gap: 16px; } 
 .photo_list_wrap .search_area { width: 100%; } 
 .photo_list_wrap .search_input { padding: 13px 20px; width: 100%; } 
 .photo_list_wrap .search_button { height: 44px; } 
 }
@media screen and (max-width: 830px){
 .select_wrap.type2 { width: 130px; } 
 }

 
@media screen and (max-width: 768px){
 .popup_btn_wrap { width: 100%; } 
 .popup_btn_wrap a { width: 40px; height: 40px; } 
 .tab_menu_wrap.color_red { gap: 20px; } 
 .tab_menu_wrap.color_red .tab_menu { overflow-x: auto; } 
 .tab_menu_wrap.color_red .tab_menu li { flex-shrink: 0; } 
 .tab_menu_wrap.color_red .tab_menu::-webkit-scrollbar { width: 3px; height: 3px; background-color: #ebebeb; } 
 .tab_menu_wrap.color_red .tab_menu::-webkit-scrollbar-thumb { background-color: var(--color_line1); } 

 .tab_menu_wrap.sticky { top: 56px !important; padding-left: 24px; padding-right: 24px; overflow-x: auto; } 
 .tab_menu_wrap.type5 ul { justify-content: start; } 
 .tab_menu_wrap.scroll_type ul { padding-bottom: 1px; } 
 }

/* search */
.search_area { position:relative; } 
.search_input { border:1px solid #ddd; padding:10px 20px; padding-right:100px; } 
.search_input:focus-visible { outline: none; border-color: var(--color_primary2); } 
.search_button { position:absolute; right:0; top:0; background:url("../img/icon/icon_search_b.svg") center no-repeat; width:55px; height:55px; } 
.search_area .search_button { height: 100%; } 
/* info list */
.info_list { display: flex; gap: 15px; flex-direction: column; } 
.info_list li { display: flex; gap: 20px; } 
.info_list li .li_tit { min-width: 80px; color: var(--color_typo1); font-size: 18px; padding-left: 16px; position: relative; } 
.info_list li .li_tit::after { position: absolute; content: ""; width: 4px; height: 4px; left: 6px; display: block; top:8px; background-color: var(--color_typo1); } 
.info_list li .li_info { font-size: 18px; color: var(--color_typo2); } 
.info_list li .li_info a { word-break: break-all; } 

/* input */
.input_box { position: relative; } 
.input_box input { width: 100%; border: solid 1px var(--color_line2); padding-right: 16px; height: 55px; box-sizing: border-box; padding-left: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.input_box input:disabled { background-color: #f2f2f2; cursor: default; } 
.input_box input:focus-visible { outline: 2px solid var(--color_primary2); } 
.input_box button.search_btn { position: absolute; display: block; top: 50%; transform: translateY(-50%); right: 16px; } 
.input_box.search_type input { padding-right: 52px; } 
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 
/* Firefox */
input[type='text']::placeholder { font-size: 18px; font-family: "Pretendard"; font-weight: 400; color: #777676; } 
input[type='text']::-webkit-input-placeholder { font-size: 18px; font-family: "Pretendard"; color: #777676; } 
input[type='number'] { -moz-appearance: textfield; font-weight: 600; font-size: 20px; } 
input[type='number']:disabled { color: #757575; font-weight: 500; font-size: 18px; } 
input[type='text'] { font-size: 20px; background: white; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: -0.2px; text-align: left; color: #1a1818; } 
.filebox { display: flex; gap: 0px; } 
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; } 
.filebox label { text-align: center; display: inline-block; line-height: 55px; color: #fff; vertical-align: middle; background-color:var(--color_typo1); width: 146px; cursor: pointer; height: 55px; } 
.filebox.white_type label { background: white; border: solid 1px #ccc; color: var(--color_typo1); width: 120px; height: 45px; font-size: 16px; line-height: 45px; padding-left: 20px; background:white url(../img/icon/icon_folder.svg) no-repeat 18px center / 14px; } 
.filebox .upload_name { line-height: 55px; display: inline-block; height: 55px; padding: 0 20px; vertical-align: middle; color: #ccc; border: 1px solid #dddddd; width: 78%;; } 
.filebox:has(input:focus-visible) label { outline: 3px dotted #f00; } 
.filebox.white_type:has(input:focus-visible) { border: 1px solid #f00; } 
input[type=radio] { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px } 

input[type=radio]:focus { outline: none; } 
input[type=radio]:focus-visible + label { outline: 1px solid var(--color_primary2); } 
input[type=radio] + label { position: relative; padding-left: 30px; cursor: pointer; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: -0.5px; text-align: left; color: #222; } 
input[type=radio]:checked + label { color: var(--color_primary2); } 
input[type=radio] + label::after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: 0px; display: block; width: 20px; height: 20px; border-radius: 15px; border: 1px solid #ddd; } 
input[type=radio]:checked + label::after { background-color: var(--color_primary2); border-color: var(--color_primary2); } 

input[type=radio]:disabled + label { cursor: default; color: #999; border-color: #999; } 
input[type=radio]:checked:disabled + label { color: #999; border-color: #999; } 
input[type=radio]:checked:disabled + label::after { background-color: #999; border-color: #999; } 

input[type=password] { background: white; font-size: 18px; } 
input[type=password]::placeholder { font-size: 18px; font-family: "Pretendard"; font-weight: 400; color: #777676; } 
/* 바로가기 */
#skip { position:absolute; top: -100px; left: 0; width: 100%; z-index:99999; } 
#skip a:focus { position: absolute; width: 100%; top: 100px; left:0; padding: 0 20px; z-index: 99999; text-align: center; font-size: 16px; line-height:36px; color: #fff; background: #000; overflow: visible; clip: unset; box-sizing: border-box; outline-offset: -2px; } 

/* 아이콘 */
.icon.ico_airplane { background: url(../img/icon/icon_airport.svg) center / cover; width: 45px; height: 45px; } 
.icon.ico_online { background: url(../img/icon/icon_phone2.svg) center / cover; width: 45px; height: 45px; } 
.icon.ico_people { background: url(../img/icon/icon_people.svg) center / cover; width: 45px; height: 45px; } 
.icon.ico_trip { background: url(../img/icon/icon_trip.svg) center / cover; width: 45px; height: 45px; } 
.icon.ico_box { background: url(../img/icon/icon_box.svg) center / cover; width: 45px; height: 45px; } 
.icon.ico_tourbag { background: url(../img/icon/icon_tourbag.svg) center / cover; width: 45px; height: 45px; } 

@media screen and (max-width: 768px){
 .mob_only { display: block; } 
 .pc_only { display: none; } 
 .search_area { width: 100%; } 
 .search_input { padding: 13px 20px; width: 100%; } 
 .search_button { height: 44px; width: 44px; } 
 
 input[type='number'] { font-size: 16px; } 
 }
/*============================================================== header ==============================================================*/
header { height: 150px; background: transparent; display: flex; z-index: 24; position: fixed; width: 100%; top: 0px; } 
header.scrolled { height: 90px; transition: 0.3s all; } 
header.scrolled .inner h1 a img { height: 60px; width: 60px; } 
header.active { background: white; box-shadow: 0 -6px 10px 5px rgba(0,0,0,0.2); } 
header.active.open .inner h1 a img { height: 90px; width: 90px; } 
header.active.open.scrolled .inner h1 a img { height: 60px; width: 60px; } 
header.active .inner nav ul li { color: var(--color_typo1); } 
header.active .inner .mob_gnb_wrap .mob_gnb_btn::before { background: var(--color_typo1); } 
header.active .inner .mob_gnb_wrap .mob_gnb_btn::after { border-color: var(--color_typo1); } 
header.active .util_area ul li .search_btn::after, header.active .util_area ul li .pc_lang_btn::after { background-color: var(--color_typo1) !important; } 
header.active.inner .mob_gnb_wrap .mob_gnb_btn::after { background: yellow url(../img/icon/icon_hamburger_black.svg); } 
header .inner { max-width: 1920px; padding-right: 60px; padding-left: 60px; margin: 0 auto; box-sizing: border-box; width: 100%; display: flex; align-items: center; } 
header .inner .pc_depth1 { margin-left: 120px; } 
header .inner .right_wrap { display: flex; align-items: center; margin-left: auto; } 
header .inner h1 { } 
header .inner h1 a { display: inline-block; } 
header .inner h1 a img { width: 90px; height: 90px; } 
header .inner nav ul { display: flex; gap: 50px; } 
header .inner nav ul li { color: white; font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; } 
header .inner nav ul li a { color:inherit } 
header .inner nav ul li a.on { color:var(--color_primary2); } 
header .inner .link_wrap { display: flex; margin-right: 94px;} 
header .inner .link_wrap .link_list:hover a{border: 1px solid rgb(243, 243, 243); border-radius: 0px;}
header .inner .link_wrap .link_list {position: relative;  margin-right: 20px;}
header .inner .link_wrap .link_list a {width: 170px; text-align: center;}
header .inner .link_wrap .link_list ul li a{text-align: center; white-space: nowrap;} 
header .inner .link_wrap  a { display: inline-block;  border: 1px solid transparent; font-size: 18px; font-weight: 500; border-radius: 100px; padding: 9px 28px; background-color: #b8892a; color: white; } 
header .inner .link_wrap .link_list a + ul { display: none; position: absolute; overflow: hidden; }
header .inner .link_wrap .link_list ul li a {margin-top: -1px;}
header .inner .link_wrap .link_list ul li a {background-color: #DFB363;}
header .inner .link_wrap .link_list:hover  ul { display: block;}
header .inner .link_wrap .link_list:hover  ul li a {border-radius: 0px;border: 1px solid rgb(243, 243, 243);}
header .inner ul.pc_depth1 > li { position: relative; gap: 10px; } 
header .inner ul.pc_depth1 > li > a.on { color: var(--color_line1); font-weight: 600; text-decoration: underline; text-underline-position: under; } 
header .inner ul.pc_depth1 > li > .pc_depth2 { display: none; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1); min-width: 230px; position: absolute; flex-direction: column; gap: 0; background: white; top: 40px; left: 50%; transform: translateX(-50%); justify-content: center; align-items: center; border-top: 1px solid #f2f2f2; } 
header .inner ul.pc_depth1 > li > .pc_depth2 li a .ico_search { position: absolute; content: ""; background-color: var(--color_typo1); left: 68%; top: 50%; transform: translate(-50%, -50%); -webkit-mask: url(../img/icon/icon_search.svg) no-repeat center / cover; width: 20px; height: 20px; margin-left: 8px; } 
header .inner ul.pc_depth1 > li > .pc_depth2 a:focus-visible { outline-color: red !important; outline-offset: -3px; } 
header.active .inner ul.pc_depth1 > li > .pc_depth2.on { display: flex; } 
header.active .inner ul.pc_depth1 > li > .pc_depth2 li { width: 100%; text-align: center; display: flex; align-items: center; } 
header.active .inner ul.pc_depth1 > li > .pc_depth2 li a { width: 100%; display: inline-block; position: relative; padding-top: 16px; padding-bottom: 16px; padding-right: 10px; padding-left: 10px; } 
header.active .inner ul.pc_depth1 > li > .pc_depth2 li a:hover { font-weight: 600; background-color: var(--color_primary2); width: 100%; color: white; } 
header.active .inner ul.pc_depth1 > li > .pc_depth2 li a:hover .ico_search {background-color: white !important;}
header.active .inner ul.pc_depth1 > li > .pc_depth2 li a:hover .ico_search::after {background-color: white !important;}
header .inner .util_area ul { display: flex; gap: 25px; } 
header .inner .util_area ul li { position: relative; } 
header .inner .util_area ul li .search_btn { display: inline-block; width: 26px; height: 26px; position: relative; } 
header .inner .util_area ul li .search_btn::after { position: absolute; content: ""; background-color: white; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-mask: url(../img/icon/icon_search.svg) no-repeat; width: 26px; height: 26px; } 
header .inner .util_area ul li.pc_only { position: relative; } 
header .inner .util_area ul li .pc_lang_btn { display: block; display: inline-block; width: 26px; height: 26px; position: relative; } 
header .inner .util_area ul li .pc_lang_btn + .pc_lang_wrap { position: absolute; min-width: 97px; right: 0px; padding: 20px; background-color: var(--color_primary2); gap: 12px; display: none; flex-direction: column; } 
header .inner .util_area ul li .pc_lang_btn + .pc_lang_wrap.on { display: flex; } 
header .inner .util_area ul li .pc_lang_btn + .pc_lang_wrap li a { color: white; opacity: 0.6; font-size: 14px; font-weight: 500; } 
header .inner .util_area ul li .pc_lang_btn + .pc_lang_wrap li a:hover { text-decoration: underline; font-weight: 600 !important; opacity: 1; text-underline-position: under; } 
header .inner .util_area ul li .pc_lang_btn + .pc_lang_wrap li a.on { opacity: 1; text-decoration: underline; text-underline-position: under; } 
header .inner .util_area ul li .pc_lang_btn::after { position: absolute; content: ""; background-color: white; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-mask: url(../img/icon/icon_global.svg) no-repeat; width: 26px; height: 26px; } 
header .inner .mob_gnb_wrap .mob_gnb_btn { display: inline-block; width: 26px; height: 26px; position: relative; } 
header .inner .mob_gnb_wrap .mob_gnb_btn::before { content: ""; display: block; width: 26px; height: 2px; background: white; top: 51%; width: 100%; position: absolute; transform: translateY(-51%); } 
header .inner .mob_gnb_wrap .mob_gnb_btn::after { content: ""; display: block; border-top: 2px solid white; border-bottom: 2px solid white; width: 26px; height: 12px; } 
header button:focus-visible, header a:focus-visible, header input:focus-visible + label { outline-color: white !important; } 
header.active button:focus-visible, header.active a:focus-visible, header.active input:focus-visible + label, header .total_search_wrap .close_btn { outline-color: black !important; } 

header .mob_gnb { position: fixed; right: 0px; padding: 24px 24px 0; background: white; top: 0px; left: 0px; bottom: 0px; height: 100dvh; display: none; overflow-y: auto; flex-direction: column; } 
header .mob_gnb_btn.on + .mob_gnb { display: flex !important; } 
header .mob_gnb_con { display: flex; flex-direction: column; justify-content: space-between; height: fit-content; padding-bottom: 20px; position: relative; min-height: calc(100% - 57px); } 
header .mob_gnb .mob_gnb_header { height: 56px; display: flex; justify-content: space-between; align-items: center; padding-bottom: 24px; } 
header .mob_gnb .close_btn { position: absolute; right:0px; width: 12px; height: 12px; top: 34px; right: 24px; } 
header .mob_gnb ul.mob_depth1 { display: flex; flex-direction: column; gap: 0px !important; } 
header .mob_gnb ul.mob_depth1 > li { border-top: 1px solid #ddd; padding-top: 24px; padding-bottom: 24px; } 
header .mob_gnb ul.mob_depth1 > li > a { display: block; cursor: default; } 
header .mob_gnb ul.mob_depth1 > li > a { position: relative; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: -0.24px; text-align: left; color: #1a1818; } 
header .mob_gnb ul.mob_depth1 > li > a::after { position: absolute; width: 14px; height: 14px; display: block; content: ""; right: 0px; top: 50%; transform: translateY(-50%); background: url(../img/icon/icon_plus20.png) no-repeat center / cover; } 
header .mob_gnb ul.mob_depth1 > li.no_sub > a::after { display: none; } 
header .mob_gnb ul.mob_depth1 > li > a.open { color: var(--color_primary2); } 
header .mob_gnb ul.mob_depth1 > li > a.open::after { background: url(../img/icon/icon_minus.png) no-repeat center / cover; height: 1px; } 
header .mob_gnb ul.mob_depth1 > li:last-of-type { border-bottom: 1px solid #ddd; } 
header .mob_gnb ul.mob_depth1 > li .mob_depth2 { display: none; } 
header .mob_gnb ul.mob_depth1 > li .mob_depth2 li { margin-top: 24px; width: 100%; } 
header .mob_gnb ul.mob_depth1 > li .mob_depth2 li:first-of-type { padding-top: 24px; } 
header .mob_gnb ul.mob_depth1 > li .mob_depth2 li a { font-size: 16px; display: block;  font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -0.16px; text-align: left; color: #444; } 
.mob_lang_wrap { display: flex; margin-top: 20px; } 
.mob_lang_wrap li { position: relative; } 
.mob_lang_wrap li::after { position: absolute; width: 1px; height: 12px; background: #ddd; content: ""; display: block; right: -10px; top: 50%; transform: translateY(-50%); } 
.mob_lang_wrap li:last-of-type::after { display: none; } 
.mob_lang_wrap li a { display: block; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.62; letter-spacing: normal; text-align: center; color: #444; } 
.mob_lang_wrap li a.on { color: var(--color_primary2); font-weight: 500; } 

.total_search_wrap { display: none; width: 100%; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.5); height: 100vh; z-index: 100; } 
.total_search_wrap.on { display: block; } 
.total_search_wrap .close_btn { position: absolute; top: 36px; right: 60px; width: 19px; } 
.total_search_wrap .search_area { height: 258px; padding-right: 60px; padding-left: 60px; background: white; display: flex; justify-content: center; align-items: center; } 
.search_input_box { display: flex; align-items: center; max-width: 935px; width: 100%; padding-bottom: 5px; border-bottom: 2px solid black; } 
.search_input_box input { padding-left: 20px; border: none; width: 100%; font-size: 30px; font-weight: 600; height: 55px; font-stretch: normal; font-style: normal; line-height: 1.47; letter-spacing: -0.3px; text-align: left; color: #111; } 
.search_input_box input::placeholder { font-size: 30px !important; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.47; letter-spacing: -0.3px; text-align: left; color: #444; } 
.search_input_box input:focus-visible { outline-style: dotted; outline-color: black; } 
header .inner .link_wrap .link_list a { text-align: center; justify-content: center;}
.wa_img_wrap { position: absolute; right: 60px; bottom: 15px; } 
.wa_img_wrap a { display: inline-block; max-width: 80px; } 
.wa_img_wrap a img { width: 100%; height: auto; } 
header .inner .link_wrap a {text-align: center; display: flex; align-items: center; flex-shrink: 0;}

.search_input_box .ico_search { width: 35px !important; height: 35px !important; } 
.search_input_box .ico_search::after { background-color: black !important; mask-size: 35px 35px; width: 35px; height: 35px; } 
@media screen and (max-width: 1023px) { header .inner { padding-left: 24px; padding-right: 24px; } 
.wa_img_wrap a { max-width: 60px; } 
 }
 @media screen and (max-width: 1360px) { header .inner .pc_depth1 { margin-left: 40px; } 
 header .inner .link_wrap { margin-right: 8px; } 
 header .inner .link_wrap  a { padding: 9px; font-size: 16px; } 
 header .inner .link_wrap .link_list a {width: 130px;}
 }
 @media screen and (max-width: 1110px) {
 header .inner nav ul {gap: 20px;}
 }
 @media screen and (max-width: 960px) {
 header .inner nav ul {gap: 20px;}
 header .inner .link_wrap {display: none;}
 }


@media screen and (max-width: 768px) { header { height: 60px; } 
header .inner .link_wrap { display: none; } 
header.scrolled { height: 60px; } 
header .inner h1 a img { width: 50px; height: 50px; } 
header.active .inner h1 a img { width: 50px; height: 50px; } 
header .inner .util_area ul { gap: 20px; } 
.total_search_wrap .search_area { padding-right: 24px; padding-left: 24px; } 
.search_input_box .ico_search::after { width: 24px !important; height: 24px !important; mask-size: 24px 24px; } 
.total_search_wrap .search_area { height: 180px !important } 
.total_search_wrap .search_area .search_input_box input { height: 44px; } 
.total_search_wrap .close_btn { position: absolute; top: 24px; right: 24px; width: 12px; height: 12px; } 
.search_input_box input { font-size: 18px; padding-left: 6px; } 
.search_input_box input::placeholder { font-size: 18px !important; } 
.wa_img_wrap { right: 20px; bottom: 8px; } 
 }


 /*============================================================== main ==============================================================*/
main { min-height: calc(100vh - 128px); } 


/*============================================================== footer ==============================================================*/
footer { width: 100%; background: #fff; border-top: 1px solid var(--color_line1); } 
footer.add_margin { margin-top: 200px; } 
footer .inner { max-width: 1920px; padding-right: 60px; padding-left: 60px; margin: 0 auto; box-sizing: border-box; padding-top: 40px; padding-bottom: 40px; display: flex; justify-content: space-between; position: relative; } 
footer .inner .foot_left .foot_left_txt { font-family: Pretendard; line-height: 1.5; letter-spacing: normal; font-size: 16px; font-weight: 500; color: var(--color_typo2); } 
footer .inner .foot_left .foot_left_txt span:nth-child(2) { display: block; } 
footer .inner .foot_right { display: flex; gap: 30px; align-items: center; } 
footer .inner ul.sns_wrap { display: flex; align-items: center; gap: 30px; } 
footer .inner ul.sns_wrap li a.sns_list { display: inline-block; width: 22px; height: 22px; } 
footer .inner ul.sns_wrap li a.sns_list.sns_01 { background: url(../img/icon/icon_insta.png) no-repeat; background-size: cover; } 
footer .inner ul.sns_wrap li a.sns_list.sns_02 { background: url(../img/icon/icon_youtube.png) no-repeat; background-size: cover; } 
footer .inner ul.sns_wrap li a.sns_list.sns_03 { background: url(../img/icon/icon_facebook.png) no-repeat; background-size: cover; } 
footer .inner ul.sns_wrap li a.sns_list.sns_04 { background: url(../img/icon/icon_blog.png) no-repeat; width: 41px; vertical-align: middle; } 
footer .inner .foot_right .select_box_wrap { position: relative; width: 161px; border-bottom: 1px solid var(--color_typo1); position: relative; } 
footer .inner .foot_right .select_box_wrap::after { position: absolute; content: ""; display: block; right: 0px; top: 50%; transform: translateY(-50%); background: url(../img/icon/icon_plus.png) no-repeat; width: 15px; height: 15px; } 
footer .inner .foot_right .select_box_wrap.on::after { background: url(../img/icon/icon_minus.png) no-repeat; height: 2px; } 
footer .inner .foot_right .select_box_wrap > a { height: 40px; display: block; padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; width: 100%; font-size: 16px; font-weight: 500; font-stretch: normal; color: var(--color_typo1); letter-spacing: normal; } 
footer .inner .foot_right .select_box_list { z-index: 10; position: absolute; width: max-content; min-width: 100%; bottom:45px; background: white; gap: 12px; display: none; flex-direction: column; padding: 20px; border: solid 1px #111; } 
footer .inner .foot_right .select_box_list.on { display: flex; } 
footer .inner .foot_right .select_box_list li a { font-family: Pretendard; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 0.13; letter-spacing: normal; text-align: left; color: #1a1818; } 
footer .inner .foot_right .select_box_list li a:hover { color: var(--color_primary2); font-weight: bold; } 
.privacy_policy { font-weight: 700; display: inline-block; margin-bottom: 0px; font-size: 16px; border-bottom: 1px solid transparent; } 


@media screen and (max-width: 1023px) { footer .inner { padding: 24px; } 
 }

@media screen and (max-width: 768px) { footer .inner { padding: 24px 24px 60px; flex-direction: column; } 
 footer .inner .foot_left .foot_left_txt { font-size: 14px; } 
 footer .inner .foot_right { flex-direction: column; align-items: flex-start; gap: 25px; margin-top: 25px; } 
 footer .inner .foot_right .select_box_wrap { width: 100%; } 
 footer .inner .foot_left .foot_left_txt span { display: block; } 
 footer .inner ul.sns_wrap li a.sns_list { width: 20px; height: 20px; } 
 footer.add_margin { margin-top: 80px; } 
 }


/*============================================================== common ==============================================================*/
h2.main_tit { font-size: 80px; color: var(--color_primary1); text-align: center; margin-bottom: 30px; } 
.sub_tit { font-size: 40px; font-weight: 600; color: var(--color_line1); } 
.tit_large { font-size: 24px; } 
.body1 { 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; } 
.body2 { 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; } 

.sub_tit > strong { font-size: inherit; font-weight: inherit; color: inherit; } 
.breadcrumb_wrap { display: flex; gap: 32px; font-size: 17px; font-weight: 600; align-items: center; justify-content: center; } 
.breadcrumb_wrap > a { position: relative; display: inline-block; color: var(--color_typo1); } 
.breadcrumb_wrap > a::after { position: absolute; background-color: var(--color_typo2); width: 2px; height: 2px; display: block; content: ""; left: -16px; top: 50%; transform: translateY(-50%); } 
.breadcrumb_wrap > a.main_go::after { display: none; } 
.breadcrumb_wrap.color_white > a { color: white; } 
.breadcrumb_wrap .main_go { position: relative; width: 14px; height: 14px; } 
.breadcrumb_wrap .main_go::before { position: absolute; -webkit-mask: url(../img/icon/icon_home.svg) no-repeat; width: 14px; height: 14px; background-color: var(--color_typo2); display: block; content: ""; left: 0px; top: 50%; transform: translateY(-50%); } 
.breadcrumb_wrap.color_white > a.main_go::before { background-color: white; } 
.breadcrumb_wrap.color_white > a::after { background: white; } 
.breadcrumb { font-size: 17px; display: inline-block; padding-left: 46px; position: relative; color: var(--color_typo1); } 
.breadcrumb::before { position: absolute; -webkit-mask: url(../img/icon/icon_home.svg) no-repeat; width: 14px; height: 14px; background-color: var(--color_typo2); display: block; content: ""; left: 0px; top: 50%; transform: translateY(-50%); } 
.breadcrumb .detail_menu { font-size: 17px; display: inline-block; padding-left: 32px; position: relative; color: var(--color_typo1); } 
.breadcrumb .detail_menu::after { position: absolute; background-color: var(--color_typo2); width: 2px; height: 2px; display: block; content: ""; left: 15px; top: 50%; transform: translateY(-50%); } 
.breadcrumb::after { position: absolute; background-color: var(--color_typo2); width: 2px; height: 2px; display: block; content: ""; left: 30px; top: 50%; transform: translateY(-50%); } 
.breadcrumb.color_white { color:white; } 
.breadcrumb.color_white .detail_menu { color: white; } 
.breadcrumb.color_white .detail_menu::after { background-color: white; } 
.breadcrumb.color_white::before { background-color: white; } 
.breadcrumb.color_white::after { background-color: white; } 
.search_btn { display: inline-block; width: 26px; height: 26px; position: relative; } 
.ico_search { display: inline-block; width: 26px; height: 26px; position: relative; } 
.search_btn::after { position: absolute; content: ""; background-color: var(--color_typo1); left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-mask: url(../img/icon/icon_search.svg) no-repeat; width: 26px; height: 26px; } 
.ico_search::after { position: absolute; content: ""; background-color: var(--color_typo1); left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-mask: url(../img/icon/icon_search.svg) no-repeat; width: 26px; height: 26px; } 
.share_btn { font-family: Pretendard; font-size: 16px; padding-right: 26px; position: relative; display: inline-block; } 
.share_btn::after { position: absolute; content: ""; width: 16px; height: 16px; right: 0px; top: 50%; transform: translateY(-50%); background: url(../img/icon/icon_share.svg) no-repeat center / contain; } 
.list_btn { font-family: Pretendard; font-size: 18px; font-weight: 600; padding: 17px 0 17px 14px; text-align: center; position: relative; background: white; border: 1px solid var(--color_typo1); color: var(--color_typo1); display: inline-block; width: 131px; } 
.list_btn::after { left: 35px; top: 50%; transform: translateY(-50%); position: absolute; content: ""; background: url(../img/icon/icon_list_black.svg) no-repeat center / cover; width: 14px; height: 14px; } 
.flag_btn { position: relative; background: var(--color_primary2); line-height: 60px; text-align: center; padding-left: 25px; width: 308px; height: 60px; display: inline-block; color: white; font-weight: 600; font-size:18px; } 
.flag_btn.disabled { background-color: #ddd; pointer-events: none; } 
.flag_btn:focus-visible { outline: 2px dashed var(--color_primary2); } 
.flag_btn::after { content: ""; position: absolute; left: 53px; top: 50%; transform: translateY(-50%); -webkit-mask: url(../img/icon/icon_flag.svg) no-repeat center / contain; background: white; width: 20px; height: 20px; } 
.close_btn { background: url(../img/icon/icon_close.svg) no-repeat center / contain; width: 20px; height: 20px; display: inline-block; } 
.download_btn { font-family: Pretendard; font-size: 18px; font-weight: 600; padding: 17px 0 17px 14px; text-align: center; position: relative; color: white; background: var(--color_typo1); border: 1px solid var(--color_typo1); display: inline-block; width: 200px; } 
.download_btn:focus-visible { outline-color: var(--color_line1); } 
.download_btn::after { left: 35px; top: 50%; transform: translateY(-50%); position: absolute; content: ""; background: url(../img/icon/icon_download_white.jpg) no-repeat center / cover; width: 16px; height: 16px; } 
.link_btn { font-family: Pretendard; font-size: 18px; font-weight: 600; padding: 17px 14px 17px 0px; text-align: center; position: relative; color: white; background: var(--color_typo1); border: 1px solid var(--color_typo1); display: inline-block; width: 200px; } 
.link_btn:focus-visible { outline-color: var(--color_line1); } 
.link_btn::after { right: 48px; top: 51%; transform: translateY(-50%); position: absolute; content: ""; background: white; mask: url(../img/icon/icon_link.svg) no-repeat center / cover; width: 18px; height: 18px; } 
.black_btn { font-family: Pretendard; font-size: 18px; background: var(--color_typo1); color: white; font-weight: 600; line-height: 1.33; padding: 20px 60px; display: inline-block; } 
.black_btn.disabled { background-color: #ddd; pointer-events: none; } 
.black_btn:focus-visible { outline-color: var(--color_line1); outline-offset: 0; } 
.red_btn { font-family: Pretendard; font-size: 18px; background: var(--color_primary2); color: white; font-weight: 600; line-height: 1.33; padding: 20px 60px; display: inline-block; } 
.red_btn:focus-visible { outline-color: white; outline-offset: -3px; } 
.red_btn:disabled { background: #a5a5a5; cursor: default; pointer-events: none; } 
.text_btn1 { color: var(--color_typo2); text-decoration: underline; width: fit-content; display: block; text-underline-position: under; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; } 
.plus_btn { width: 25px; height: 25px; display: inline-block; background: url(../img/icon/icon_plus_blackBG.svg) no-repeat center / cover; } 
input[type=checkbox]:focus { outline: none; } 
.checkbox { display: flex; align-items: center; } 
.checkbox input + label { cursor: pointer; padding-left: 30px; position: relative; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; text-align: left; color: #222; } 
.checkbox input + label::after { mask: url(../img/icon/icon_checkbox_unchecked.svg) no-repeat center / cover; position: absolute; content: ""; background-color: #ddd; width: 28px; height: 28px; left: 0px; top: 50%; transform: translateY(-50%); } 
.checkbox input + label::before { background: white; display: block; content: ""; position: absolute; position: absolute; width: 16px; height: 16px; left: 6px; top: 7px; } 
.checkbox input:checked + label::after { width: 25px; height: 25px; mask: url(../img/icon/icon_checkbox.svg) no-repeat center / cover; background-color:var(--color_primary2); } 
.checkbox input:checked + label { color: var(--color_primary2); } 
.checkbox input:disabled + label { cursor: default; color: #aca8a8; } 
.checkbox input:checked:disabled + label:after { background-color: #aca8a8; } 
.red_btn.disabled { background-color: #aca8a8; cursor: default; pointer-events: none; } 
#datepicker { font-size: 18px; font-family: "Pretendard"; } 
.drp-calendar.left .month { margin-left: 50%; } 
.drp-calendar .next { position: absolute; right: 13px; top: 7px; } 
.daterangepicker th.month { display: flex; flex-direction: row-reverse !important; width: 150px !important; } 
.drp-selected { display:none !important; } 
.ui-datepicker-header { background: white !important; } 
.daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 16px !important; text-align: center; } 
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { font-size: 14px !important; } 
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { font-family: "Pretendard"; } 
.ui-state-default, .ui-widget-content .ui-state-default { background: none !important; border: none !important; } 

/* 호버 */
@media (hover: hover){
 .list_btn:hover { transition: 0.3s all; color: white; background: var(--color_typo1); } 
 .list_btn:hover::after { background: url(../img/icon/icon_list_white.svg) no-repeat center / cover; } 
 .icon_bull:hover::after { background-color: var(--color_primary1) } 
 }

/* swiper 공통 */
main .all_box { max-width: 310.5px; width: 100%; bottom: 40px; } 
main .progress_box .swiper-pagination.swiper-pagination-custom.swiper-pagination-horizontal { font-size: 14px; } 
main .all_box { position: absolute; display: inline-flex; left: 50%; bottom: 100px; box-sizing: border-box; width: 451px; transform: translateX(-50%); z-index: 20; } 
main .progress_box { position: relative; width: 100%; z-index: 11; } 
main .progress_box .swiper-pagination.swiper-pagination-custom.swiper-pagination-horizontal { position: absolute; left: 0px; top: -21px; color: white; width: unset; } 
main .progress_box .swiper-pagination.swiper-pagination-custom.swiper-pagination-horizontal .current { color:white; font-family: Pretendard; font-weight: normal; opacity: 0.6; font-size: 16px; } 
main .autoplay_progress { position: absolute; left: 0px; top: 10px; z-index: 10; width: 100%; height: 1.5px; background-color: rgba(255, 255, 255, 0.6); } 
main .autoplay_progress svg { --progress: 0; position: absolute; left: 0; top: -1.5px; z-index: 10; width: 100%; stroke-width: 2px; stroke: #fff; fill: none; stroke-dashoffset: calc(100 * (1 - var(--progress))); stroke-dasharray: 100; } 
main .btn_pause { width: 24px; height: 24px; background: url(../img/icon/icon_pause.png) no-repeat center / contain; margin-left: 10px; } 
main .btn_pause.on { background: url(../img/icon/icon_play.png) no-repeat center / contain; } 
main .btn_pause:focus-visible { outline-color: white; } 
.world_heri_swiper .btn_pause:focus-visible { outline-offset: -4px; } 
.border_top_none { border-top: none !important; padding-top: 0 !important; margin-top: 80px !important; } 
textarea { resize: none; } 
.textarea_wrap textarea:focus-visible { outline: none; border: 2px solid var(--color_primary2); } 
.textarea_wrap { width: 100%; } 
.textarea_wrap textarea { width: 100%; border: 1px solid #ddd; height: 170px; text-align: left; padding: 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; } 
.textarea_wrap textarea::placeholder { font-size: 18px; font-family: Pretendard; font-weight: 300; color: #757575; } 
/* 반응형 시작 */
@media screen and (max-width: 840px){
 #datepicker { padding: 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } 
 #datepicker::placeholder { font-size: 13px; } 
 }
@media screen and (max-width: 768px) { /* common */
 .privacy_policy { font-size: 14px; } 
 .breadcrumb_wrap { gap: 24px; } 
 .breadcrumb_wrap > a::after { left: -13px; } 
 .breadcrumb_wrap .main_go { width: 12px; height: 12px; margin-left: 4px; } 
 .breadcrumb_wrap .main_go::before { width: 12px; height: 12px; -webkit-mask-size:12px; } 
 .breadcrumb_wrap > a { font-size: 14px; } 
 .accordion_wrap ul.mob_depth2 li:first-of-type { margin-top: 0 !important; border-top: none; } 
 input::placeholder { font-size: 15px; } 
 .share_btn { font-size: 14px; padding-right: 20px; } 
 .share_btn::after { height: 12px; } 
 .search_btn::after { width: 22px; height: 22px; -webkit-mask-size:contain; } 
 .breadcrumb { font-size: 14px; } 
 .breadcrumb::before { width: 12px; height: 12px; left: 5px; -webkit-mask:url(../img/icon/icon_home.svg) no-repeat center / contain; } 
 h2.main_tit { font-size: 40px; line-height: 1.24; text-align: left; } 
 h4.tit_large { font-size: 15px; word-break: keep-all; } 
 .list_btn { width: 89px; font-size: 14px; } 
 .list_btn::after { left: 21px; width: 11px; height: 11px; } 
 .text_btn1 { font-size: 13px; } 
 .main_vis.vis_03 .inner .story_slide_wrap .swiper-slide { max-width: 280px; } 
 .main_vis.vis_03 .inner .story_slide_wrap .img_wrap { max-width: 280px; } 
 .breadcrumb .detail_menu { font-size: 14px; } 
 .plus_btn { width: 16px; height: 16px; vertical-align: -2px; } 
 .flag_btn { font-size: 14px; height: 48px; line-height: 48px; width: calc(100% - 48px); } 
 .flag_btn::after { width: 16px; left:calc(50% - 76px); } 
 .breadcrumb .detail_menu { padding-left: 18px; } 
 .breadcrumb .detail_menu::after { left: 9px; } 
 .flex_wrap.type1 { gap: 8px; } 
 .red_btn { font-size: 15px; height: 48px; line-height: 48px; padding: 17px 60px; line-height: 1; } 

 
 input[type=radio]:disabled + label { font-size: 15px; } 
 input[type=radio] + label { font-size: 15px; } 
 input[type=radio] + label::after { width: 18px; height: 18px; } 
 .checkbox input + label::before { width: 15px; height: 13px; left: 5px; top: 4px; } 
 input[type=radio] + label { padding-left: 28px; } 
 .checkbox input:checked + label::after { width: 24px; height: 24px; } 
 select { padding: 0 15px; } 
 input[type='text'] { font-size: 15px } 
 .block_type_wrap3 .half_box_wrap .gray_box:has(.icon) { padding: 24px; } 
 .block_type_wrap3 .half_box_wrap .gray_box .icon { width: 32px; height: 32px; } 
 .checkbox input + label { font-size: 15px; } 
 .checkbox input + label::after { width: 24px; height: 24px; } 
 .checkbox input + label { padding-left: 28px; } 
 #datepicker { font-size: 13px !important; padding: 0 10px; } 
 .textarea_wrap textarea { font-size: 15px; padding: 16px; line-height: 1.4; height: 134px; } 
 .textarea_wrap textarea::placeholder { font-size: 15px; } 
 .go_top { width: 40px; height: 40px; right: 8px; } 
 .filebox.white_type label { font-size: 13px; width: 96px; background-position: 12px center; background-size: 12px; height: 36px; line-height: 36px; } 
 }