@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



#spot.spot {height: 740px; background-color: #fff;}
#spot.spot img {max-height: 150px;}
#spot.spot .bx {position: absolute; left: 50%; top: 0; width: 100%; height: 100%;}
#spot.spot .tit {margin-bottom: 1em; padding: 1.3em 0 1em; font-family: 'yg-jalnan'; font-size: 53px;}
#spot.spot .tit .bx {max-width: 840px; background-color: #000; transform:translateX(-50%) rotate(-3deg);}
#spot.spot .bg {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center bottom; background-size:100% auto ;}
#spot.spot p.t1 {z-index: 2; position: relative; margin-bottom: -.7em; text-shadow: none; padding: 0.75em 0;}
#spot.spot p.t1 .bx {max-width: 240px; background-color: #ef6f8c; transform:translateX(-50%) rotate(3deg);}


#spot.spot .bg {background-repeat: repeat-y;}


.info_wrap {padding: 5em 0; background-image: url('/2026_09/images/info/bgbg.png'); background-size: cover;}


.box_float {margin-bottom: 50px;}
.box_float .item {background-color: #fff;}


.boxs .txt {position: relative; padding: 0 30px 30px; background-color: #fff;}
.boxs .txt .tit_mf1 {position: relative; top: -1em; margin-bottom: .5em; text-align: center;}
.boxs .txt .tit_mf1 span {z-index: 1; position: relative; display: inline-block; padding: .7em 1em; font-size: 1.2em;}
.boxs .txt .tit_mf1 em {position: absolute; left: 50%; top: 0; width: 90%; max-width: 500px; height: 100%; background-color: #ef6f8c; transform:translateX(-50%) rotate(.8deg);}
.boxs .txt .desc_mf1 li {margin-bottom: 5px; position: relative; padding-left: 12px;}
.boxs .txt .desc_mf1 li:after {content:""; position: absolute; left: 0; top: .7em; width: .2em; height: .2em; border-radius: 5px; background-color: #000;}
.boxs .txt .desc_mf1 strong {display: inline-block; margin-bottom: .2em; padding: .05em .3em; background-color: #fdd6ba;}
.boxs .txt .highlight {color: #000; background-color: #fad4dc; font-weight: 600;}


.lst1 {font-family: 'yg-jalnan'; margin-bottom: 5em;}
.lst1 p {display: flex; margin-bottom: 5px; word-break: keep-all;}



.botm_list {padding-top: 1.5em; border-top: 2px solid #000;}
.botm_list .tit_mf1 {padding: 0 1em .5em; font-family: 'yg-jalnan'; font-weight: 300; font-style: italic;}
.botm_list .tit_mf1 span {font-size: 1.15em;}
.botm_list .box_float .item {background: none;}
.botm_list .bb {padding: 1.5em; margin-bottom: 1em;}
.botm_list .bb.b1 {background-color: #ddf1d3;}
.botm_list .bb.b2 {background-color: #c6c6c7;}
.botm_list .bb.b3 {background-color: #bbe3a8;}
.botm_list .bb p {display: flex;}
.botm_list .bb p i {margin-right: 10px;}
.botm_list .bb .qr {width: 80%; max-width: 300px; margin: 0 auto;}
.botm_list .img img {max-height: 60px;}


.highlight.ty1 {background-color: #cceabe;}
.highlight.ty2 {background-color: #fff; font-weight: 500;}



.etcc {font-family: 'yg-jalnan'; font-weight: 100; margin-bottom: 4em; padding-top: 2em; border-top: 1px solid #000; margin-top: 2em;}
.etcc p {margin-top: 1em;}
.tit_mf2 {font-size: 30px; margin-bottom: 1em; text-align: center; color: #000; }
.tit_mf2 strong {font-weight: 400;}


.qr {text-align: center;}
.qr > div {position: relative; display: inline-block;}
.qr a {position: absolute; left: 0; top: 0; width: 45%; height: 100%; font-size: 0;}
.qr a.a2 {left: 55%;}


.table {border-top: 1px solid #000; border-bottom: 1px solid #000; background-color: #fff; font-weight: 300; font-family: 'Questrial', 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', 'Noto Sans', sans-serif;}
.table th,
.table td {border-left: 1px solid rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.2); text-align: center; color: #000;}
.table thead th {height: 80px; background-color: #f7b7c6;}
.table tbody th {background-color: #fce2e8; line-height: 1.3;}
.table tbody th.et {background-color: #fdf1f4; border-left: 1px solid rgba(0,0,0,.2);}
.table td {padding: .5em;}
.table th:first-child {border-left: 0;}
.table tbody tr:last-child > * {border-bottom: 0;}



@media all and (max-width:798px){ 

	#spot.spot {height: auto; }
	#spot.spot .inr-c {padding-top: 50px; padding-right: 20px;}
	#spot.spot p.t1 {font-size: 1em !important;}
	#spot.spot .tit {letter-spacing:-0.0325em; font-size: 24px; }
	#spot.spot p.t1 .bx {max-width: 180px;}


	.info_wrap {padding: 3em 0 .5em;}

	.boxs .txt {padding: 0 1em 1em;}
	.boxs .txt .tit_mf1 {margin-bottom: 0;}
	.boxs .txt .tit_mf1 span {font-size: .85em;}

	.lst1 {margin-bottom: 3em;}
	.botm_list .bb {padding: 1em;}
	.botm_list .tit_mf1 span {font-size: 1em;}
	.botm_list .qr {margin-top: .5em;}
	
	
	.tit_mf2 {font-size: 20px;}
	.etcc p {font-size: .8em;}
	
	.table th,
	.table td {line-height: 1.2; word-break:keep-all;}
	.table thead th {height: 60px;}

}

@media all and (min-width:1200px){ 
.inr-c {max-width: 1120px;}
}