@charset "UTF-8";

.mapIntro {display:block; position:relative; font-size:1.052631578947368em; margin-top:5em; min-height:25em; padding:5em 0; margin-bottom:5.641em; z-index:0;}
.mapIntro:before {content:""; display:block; position:absolute; left:22em; bottom:0; width:17.45em; height:11.8em; z-index:2; background:url(../img/content/01/img_intro_map01_acc.svg) no-repeat 50% 50%; background-size:contain;}
.mapIntro:after {content:""; display:block; position:absolute; top:0; bottom:0; left:-6.35em; right:-6.35em; border-radius:2.5em; z-index:-1; background:url(../img/content/01/bak_intro_map01.png) no-repeat 100% 0, linear-gradient(95.23deg,rgba(255, 240, 225, 1) 0%,rgba(226, 234, 255, 1) 100%); background-size:auto 19.55em, auto auto;}
.mapIntro h4 {font-size:2.5em; line-height:1.3em; z-index:0;}
.mapIntro h4 em {color:#EC5732;}
.mapIntro .tip {font-size:.95em;}
.mapIntro .txt {font-size:1.3em; margin-top:.84em; color:#555; font-family:'RiaSans'; margin-bottom:2.53846em;}
.mapIntro .map {display:block; position:absolute; top:50%; right:-1.8em; margin-top:-15.35em; width:41.1em; height:35.1em; background:url(../img/content/01/img_intro_map01.svg) no-repeat 50% 50%; background-size:contain; z-index:1;}
.mapIntro .map a {display:block; position:absolute; width:1px; height:1px; top:5em; left:5em;}
.mapIntro .map a span {display:flex; position:absolute; align-items:center; word-break:keep-all; text-align:center; justify-content:center; font-weight:800; color:#fff; padding:.4em .5em 1em; left:50%; margin-left:-2.5em; bottom:0; width:5em; height:5.55em; background:url(../img/content/01/bak_intro_map_maker_off.svg) no-repeat 50% 50%; background-size:contain;}
.mapIntro .map a.marker-mrnsj {top:5.5em; left:16.55em;}
.mapIntro .map a.marker-gshs {top:11.2em; left:19.0em;}
.mapIntro .map a.marker-cjs {top:17.2em; left:29.65em;}
.mapIntro .map a.marker-gghs {top:20.7em; left:24.35em;}
.mapIntro .map a.marker-asfld {top:21.95em; left:10.2em;}
.mapIntro .map a.marker-sns {top:27.2em; left:21.55em;}
.mapIntro .map a.marker-sus {top:31.1em; left:18.55em;}
.mapIntro .map a.marker-asmcld {top:17.5em; left:19.05em;}
.mapIntro .map a:hover span,
.mapIntro .map a:focus span {background-image:url(../img/content/01/bak_intro_map_maker_on.svg);}
.mapIntro .map a:focus span {outline:2px dotted red;}

@media all and (max-width:1024px) {
	.mapIntro {padding:3em 2em; margin-top:0; padding-bottom:1em;}
	.mapIntro:after {left:0; right:0;}
	.mapIntro:before {display:none;}
	.mapIntro h4 {font-size:2em;}
	.mapIntro .txt {margin:1em 0; font-size:1em;}
	.mapIntro .map {position:relative; top:auto; right:auto; margin:2em auto 0; font-size:.9em;}
}
@media all and (max-width:820px) {
	.mapIntro {padding-bottom:0;}
	.mapIntro .fix-map {overflow:auto; padding-bottom:1em; margin:0 -2em;}
	.mapIntro .map {font-size:.7em;}
}
@media all and (max-width:480px) {
	.mapIntro h4 {font-size:1.8em;}
}


.searchRegionBox {display:flex; justify-content:space-between; align-items:center; position:relative; font-size:1.052631578947368em; padding-bottom:3.15em; margin-bottom:2.8em;}
.searchRegionBox:before {content:""; display:block; position:absolute; width:100vw; min-width:1400px; height:17.5em; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); background:linear-gradient(180deg,rgba(248, 250, 252, 0) 0%,rgba(248, 250, 252, 1) 100%); z-index:-1;}
.searchRegionBox .regionMap {display:block; position:relative; width:37em; height:29.75em; background:url(../img/content/01/img_region_map.png) no-repeat left 50% top 0; background-size:37em auto;}
.searchRegionBox[data-region="서부권"] .regionMap {background-position-y:-1em;}
.searchRegionBox[data-region="동부권"] .regionMap {background-position-y:-31.75em;}
.searchRegionBox[data-region="북부권"] .regionMap {background-position-y:-93.25em;}
.searchRegionBox[data-region="남부권"] .regionMap {background-position-y:-62.5em;}
.searchRegionBox[data-region="시내권"] .regionMap {background-position-y:-124em;}
.searchRegionBox .regionMap button {display:block; position:absolute; width:4.5em; height:2em; margin:-1em 0 0 -2.25em; border-radius:9em; text-align:center; background:#B2B5BE; color:#fff;}
.searchRegionBox .regionMap button.on {background-color:#3A66D7;}
.searchRegionBox .regionMap button strong {display:block; font-size:.8em; font-weight:800;}
.searchRegionBox .regionMap button .selected {position:absolute; top:0; left:0; text-indent:-999px; overflow:hidden;}
.searchRegionBox .regionMap button[data-region="서부권"] {top:12.7em; left:7.05em;}
.searchRegionBox .regionMap button[data-region="동부권"] {top:10.2em; left:28.05em;}
.searchRegionBox .regionMap button[data-region="북부권"] {top:9.75em; left:16.65em;}
.searchRegionBox .regionMap button[data-region="남부권"] {top:22.25em; left:15.25em;}
.searchRegionBox .regionMap button[data-region="시내권"] {top:16.75em; left:15.45em;}

.searchRegionBox .regionDesc {width:calc(100% - 38.15em);}
.searchRegionBox .regionDesc .tit {position:relative; padding-bottom:2em; margin-bottom:3.2em;}
.searchRegionBox .regionDesc .tit:before,
.searchRegionBox .regionDesc .tit:after {content:""; display:block; position:absolute; left:0; bottom:0;}
.searchRegionBox .regionDesc .tit:before {height:1px; right:0; background:#DAE1EC;}
.searchRegionBox .regionDesc .tit:after {width:5.5em; height:3px; bottom:-1px; background:#E4032E;}
.searchRegionBox .regionDesc .tit h4 {font-size:1.8em;}
.searchRegionBox .regionDesc .tit h4:after {content:""; display:inline-block; font-size:0.5555555555555556em; margin-left:.5em; width:2.5em; height:2.25em; background:url(../img/common/ico_simbol.svg) no-repeat 50% 50%; background-size:contain; vertical-align:middle;}
.searchRegionBox .regionDesc .tit p {font-size:1.1em; color:#555; margin-top:.68em;}
.searchRegionBox .regionDesc .slider {font-size:.8em;}
.searchRegionBox .regionDesc .slider .tourAreaItem .thumb:before {padding-top:80.64%;}

.searchRegionBox ~ .bod_head {margin-bottom:1.5em;}
.searchRegionBox ~ .bod_head .page_num{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.searchRegionBox ~ .bod_head .page_num select {color:#222;}

@media all and (max-width:1024px) {
	.searchRegionBox {display:block;}
	.searchRegionBox .regionMap {margin:0 auto 2em; font-size:.8em;}
	.searchRegionBox .regionDesc {width:auto;}
	
	.searchRegionBox .regionDesc .slider .swiper-slide {width:18em; max-width:80%;}
	.searchRegionBox .regionDesc .slider .swiper-container {overflow:visible;}
}
@media all and (max-width:580px) {
	.searchRegionBox:before {border-bottom:1px solid #ddd;}
	.searchRegionBox .regionMap {display:flex; flex-wrap:wrap; align-items:center; font-size:1em; margin:-.5em -.5em 2em !important; background:transparent !important; height:auto; width:auto;}
	.searchRegionBox .regionMap button {position:relative; top:auto !important; left:auto !important; margin:.2em !important;}
}

.detailSearch {display:block; position:relative; border-radius:.526em; background:#F8FAFC; padding:2em 2.5em; font-size:1.052631578947368em;}
.detailSearch .rows {display:flex; justify-content:space-between; align-items:center;}
.detailSearch .rows .tit {display:block; position:relative; width:7em; font-size:1em; color:#333; font-weight:800;}
.detailSearch .rows .tit + div {display:block; position:relative; width:calc(100% - 7em);}
.detailSearch .rows + .rows {margin-top:1.5em; padding-top:1.5em; border-top:3px dotted #DAE1EC;}

.detailSearch .checked-category {display:flex; flex-wrap:wrap; align-items:center;}
.detailSearch .checked-category > li {margin:.25em .125em;}

.detailSearch label {display:flex !important; align-items:center; position:relative; text-indent:0; margin:0 !important; width:auto; left:auto; border-radius:9em; height:2.15em; padding:0 1em !important;}
.detailSearch label span {display:block; font-size:.8em; color:#fff; font-weight:600;} 
.detailSearch input:not(:checked) + label {border:1px solid #DFE4EF !important; background:transparent !important;}
.detailSearch input:not(:checked) + label span {color:#8A92A2; font-weight:400;}
.detailSearch input:focus + label {text-decoration:none !important;}

.detailSearch label.ico-regCate {border-radius:9em;}
.detailSearch label.ico-regCate:before {position:relative; width:1.15em; height:1.15em; background-position:50% 50% !important; background-size:2.75em auto; top:auto; margin:0 .3em 0 0;}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate="전체"]:before {background-image:url(../img/common/ico_tour_01_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="산성"]:before {background-image:url(../img/common/ico_tour_02_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="호수"]:before {background-image:url(../img/common/ico_tour_03_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="공원"]:before {background-image:url(../img/common/ico_tour_04_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="사찰"]:before {background-image:url(../img/common/ico_tour_05_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="성지"]:before {background-image:url(../img/common/ico_tour_06_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="미륵"]:before {background-image:url(../img/common/ico_tour_07_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="고루"]:before {background-image:url(../img/common/ico_tour_08_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="향교"]:before {background-image:url(../img/common/ico_tour_09_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="박물"]:before {background-image:url(../img/common/ico_tour_10_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="농촌"]:before {background-image:url(../img/common/ico_tour_11_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="골프"]:before {background-image:url(../img/common/ico_tour_12_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="승마"]:before {background-image:url(../img/common/ico_tour_13_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="수상"]:before {background-image:url(../img/common/ico_tour_14_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="체육"]:before {background-image:url(../img/common/ico_tour_15_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="휴양"]:before {background-image:url(../img/common/ico_tour_16_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="캠핑"]:before {background-image:url(../img/common/ico_tour_17_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="둘레"]:before {background-image:url(../img/common/ico_tour_18_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="문화"]:before {background-image:url(../img/common/ico_tour_19_gray.svg);}
.detailSearch input[type="radio"]:not(:checked) + label.ico-regCate[data-cate*="기타"]:before {background-image:url(../img/common/ico_tour_20_gray.svg);}


.detailSearch input[type="checkbox"]:checked + label {background:#3A66D7;}
.detailSearch input[type="checkbox"] + label:before {display:none;}

.regionAreaList {position:relative;}
.regionAreaList .control button {display:block; position:absolute; width:2.5em; height:2.5em; top:50%; margin-top:-1.25em; text-indent:-999px; overflow:hidden; border-radius:100%; background:#fff; z-index:2; box-shadow:.2em .2em .6em 0 rgba(0, 56, 118, 0.1);}
.regionAreaList .control button:before {content:""; display:block; position:absolute; width:2em; height:2em; top:50%; left:50%; margin:-1em 0 0 -1em; background:no-repeat 50% 50%; background-size:2em auto;}
.regionAreaList .control button.prev {left:-1em;}
.regionAreaList .control button.prev:before {background-image:url(../img/common/btn_left_b_40x40.svg);}
.regionAreaList .control button.next {right:-1em;}
.regionAreaList .control button.next:before {background-image:url(../img/common/btn_right_b_40x40.svg);}
.regionAreaList .control button.swiper-button-disabled:before {opacity:.6;}
.regionAreaList .swiper-slide {padding-bottom:1.2em;}

.searchRegionBox .tit {display:none;}
.searchRegionBox[data-region="서부권"] .tit[data-region="서부권"],
.searchRegionBox[data-region="동부권"] .tit[data-region="동부권"],
.searchRegionBox[data-region="북부권"] .tit[data-region="북부권"],
.searchRegionBox[data-region="남부권"] .tit[data-region="남부권"],
.searchRegionBox[data-region="시내권"] .tit[data-region="시내권"] {display:block;}

@media (max-width:640px) {
	.detailSearch {padding:1.5em;}
	.detailSearch .rows {display:block;}
	.detailSearch .rows .tit {margin-bottom:.7em;}
	.detailSearch .rows .tit + div {width:auto;}
	.detailSearch label {height:2em; padding:0 .7em !important}
}