@charset "utf-8";
@import url("/pcms/common/css/program/board.css");
/*
@import url("/pcms/common/css/components.min.css");
@import url("/pcms/common/css/modules.min.css");
*/
@import url("/pcms/common/css/forms.min.css");

@import url("/pcms/common/css/components/button.min.css");
@import url("/pcms/common/css/components/dropdown.min.css");
@import url("/pcms/common/css/components/disclosure.min.css");
@import url("/pcms/common/css/components/tooltip.min.css");
@import url("/pcms/common/css/components/popover.min.css");
@import url("/pcms/common/css/components/pagination.min.css");
@import url("/pcms/common/css/components/modals.min.css");
@import url("/pcms/common/css/components/status.min.css");
@import url("/pcms/common/css/components/accordion.min.css");
@import url("/pcms/common/css/components/search.min.css");
@import url("/pcms/common/css/components/table.min.css");
@import url("/pcms/common/css/components/tabs.min.css");
@import url("/pcms/common/css/modules/list.min.css");
@import url("/pcms/common/css/modules/view.min.css");
@import url("/pcms/common/css/modules/calendar.min.css");
@import url("/pcms/common/css/modules/board.min.css");
@import url("/pcms/common/css/modules/nodata.min.css");
@import url("/pcms/common/css/modules/result.min.css");
@import url("/pcms/common/css/modules/sitemap.min.css");
@import url("/pcms/common/css/modules/login.min.css");
@import url("/pcms/common/css/modules/membership.min.css");
@import url("/pcms/common/css/modules/famtour.min.css");
@import url("/pcms/common/css/modules/visit.min.css");
@import url("/pcms/common/css/modules/photo.min.css");
@import url("/pcms/common/css/modules/event.min.css");
@import url("/pcms/common/css/modules/village.min.css");
@import url("/pcms/common/css/modules/mypage.min.css");


.txt-point{color:#D60000;font-weight:bold;}
.help-inblock {font-size: 16px;}
@media (max-width: 768px) {
    .help-inblock {font-size: 15px;}
}
.form-title {display: block; width: 100%; text-align: left; font-size: 18px; font-weight: 700; color: #36404A; margin: 0 0 5px 0;}
.text-point {font-weight: 700; color: #D59F17; font-size: inherit;}
@media (max-width: 768px) {
    .h2 + .text-right {margin-top: 0;}
}

.map-wrap,
.ui-map {height: 30vw; min-height: 400px;}
.map-wrap {margin-bottom: 30px;}
.overlay-content {background-color: #fff;border: 1px solid #000;padding: 10px;margin-top: -1px;margin-left: -1px;width: calc(100% + 3px);min-width: 150px;}
.overlay-content .arrow {background: url("https://t1.daumcdn.net/localimg/localimages/07/mapjsapi/triangle.png") 0% 0% / 11px 9px no-repeat;width: 11px;height: 9px;position: absolute;left: 50%;margin-left: -5.5px;top: calc(100% - 26px);}
.overlay-content .inner .place_name {font-size: 15px;color: #000;font-weight: 700;}
.overlay-content .inner ul li {display: block;line-height: 1;}
.overlay-content .inner ul li a span {font-size: 14px;}
.overlay-content .inner button.close {position: absolute;opacity: 1;right: 0;top: 0;width: 20px;height: 20px;border-left: 1px solid #000;border-bottom: 1px solid #000;}
.map-info{position:relative;padding:10px 10px 3px;top:-63px;background:#fff;border:none;border-radius:4px}
.map-info:after,.map-info:before{display:block;content:"";position:absolute;left:50%;width:0;height:0;bottom:-7px;border-left:7px solid transparent;border-right:7px solid transparent;transform:rotate(180deg)}
.map-info:before{border-bottom:7px solid #000;margin:-7px 0 0 -7px}
.map-info:after{border-bottom:7px solid #fff;margin:-6px 0 0 -7px}
.map-info{margin-left:4px;background:#fabb19;border-radius:4px;top:-68px}
.map-info:after{border-bottom:7px solid #fabb19}
.map-info__title{padding:0;color: #293538;font-size: 16px;font-weight:700;letter-spacing: -1px;}
.map-info__content{padding:2px 0;color:#293538;font-size:14px;letter-spacing: -1px;}

/* tabs */
.ui-nav_tabs{border-bottom:1px solid #d9d9d9;text-align:center;width: 100%;}
.ui-nav_tabs li{display:inline-block;}
.ui-nav_tabs .ui-tabs_link{display:inline-block;padding: .5rem 1rem;background-color: transparent;border: 1px solid transparent;font-size:20px;text-align:center;transition:.2s ease all;}
.ui-nav_tabs .active .ui-tabs_link{border-bottom: 4px solid !important;border-color:transparent transparent #d9d9d9;font-weight: bold;background-color: transparent;}
.ui-tab_group .ui-tab_content{margin-top:20px;}
.ui-tab_group .tab__body{overflow:hidden;visibility:hidden;height:0;opacity:0;}
.ui-tab_group .tab__body.active{overflow:visible;height:auto;visibility:visible;opacity:1;}



.tab-select {margin: 0 0 20px 0;}
.tab-select .tab-ul {margin-bottom: 0;}
.tab-select .tab-select-title { display:none; } 
.tab-select.mobile-select { width:100%; position:relative; } 
.tab-select.mobile-select .tab-select-title { display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; height:50px; border-radius:10px; border:1px solid #d9dae1; padding:0 15px; background-color: #FFF;}
.tab-select.mobile-select .tab-select-title::after { content:""; display:block; background-position:center; width:24px; height:24px; background-repeat:no-repeat; background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); margin:0 5px; } 
.tab-select.mobile-select .tab-select-title span {color: #293538;}
.tab-select.mobile-select .tab-ul { display:none; margin:0 auto; width:100%; padding:5px 16px; background:#fff; border:2px solid #d9dae1; border-radius:10px; box-shadow:0px 0px 39.2437px rgb(0 0 0 / 10%); z-index:20; height:170px; overflow-y:auto; text-align:left; position:absolute; left:50%; top:60px; transform:translate(-50%, 0); } 
.tab-select.mobile-select .on+.tab-ul { display:flex; } 
.tab-select.mobile-select .tab-ul::-webkit-scrollbar { width:8px; /* 스크롤바의 너비 */}
.tab-select.mobile-select .tab-ul::-webkit-scrollbar-track { background:transparent; /*스크롤바 뒷 배경 색상*/}
.tab-select.mobile-select .tab-ul::-webkit-scrollbar-thumb { height:5px; /* 스크롤바의 길이 */ background:#124E85; /* 스크롤바의 색상 */}
.tab-select.mobile-select .tab-ul:before{display: none;}
.tab-select.mobile-select .tab-ul li { float:none; width:100%; background-color:#fff; margin-top:0; height:40px; min-height:40px; flex:0 0 100%; max-width:100%; } 
.tab-select.mobile-select .tab-ul.type2 li:not(:first-of-type)::after {display: none;}
.tab-select.mobile-select .tab-ul li a { border:0 solid #000; } 
.tab-select.mobile-select .tab-ul li span { padding:5px; } 
.tab-select.mobile-select .tab-ul li.on a::after,
.tab-select.mobile-select .tab-ul li a:hover:after,
.tab-select.mobile-select .tab-ul li a:focus:after { display:none; }



/* 회원가입 : S */
.tab-ul.type2.custom-tab {border: 1px solid #DDD;}
.tab-ul.type2.custom-tab::before {display: none;}
.tab-ul.type2.custom-tab li:first-child {border-left: none;}
.tab-ul.type2.custom-tab button {display: block; width: 100%; height: 100%;}
.tab-ul.type2.custom-tab button span {display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; color: #36404A;}

.tab-ul.type2.custom-tab li.active {border-left-color: #F09917;}
.tab-ul.type2.custom-tab li.active button {background-color: #F09917;}
.tab-ul.type2.custom-tab li.active button span {color: #FFF;}

@media (max-width: 768px) {
    .tab-ul.type2.custom-tab button span {font-size: 15px;}
    .tab-ul.type2.custom-tab li {min-height: 50px;}
}