@media(max-width: 1400px){
	#sub {overflow: hidden;}

	/* s1 */
	.s1 .about .txt p br {display: none;}	
	.s1 .about .txt p > strong {display: block;}
	.s1 .about .map-wrap {max-width: 700px;}
	
	.s3 .board-view .title {gap: 60px;}
	.s3 .board-view .title .tit {max-width: 550px;}
	
	.s5 .jeongseon .map {max-width: 800px;}
}

@media (max-width: 1200px){
	/* s1 */
	.s1 .about .txt h3 {font-size: 50px;}
	.s1 .about .map-wrap {max-width: 550px;}
	.s1 .about .map-wrap .info ul li dl {flex-wrap: wrap; gap: 0;}
	.s1 .about .map-wrap .info ul li dd {width: 100%;}
	
	.gallery-list ul li a .over .info {flex-wrap: wrap;}
	.gallery-list ul li a .over .info span:last-child {flex: 0 0 auto;} 
	
	.s3 .board-view .title .info ul li dl {flex-wrap: wrap; gap: 5px;}
	.s3 .board-view .title .info ul li dl dt {max-width: 100%;}
	
	.s5 .jeongseon .map {max-width: 650px;}
}

@media (max-width: 1024px){
	/* s1 */
	.s1 .about {flex-wrap: wrap;}
	.s1 .about .txt {width: 100%;}
	.s1 .about .txt h3 {font-size: 40px;}
	.s1 .about .txt h3 br {display: none;}
	.s1 .about .map-wrap {max-width: 100%;}
	
	.gallery-list ul li a .over {padding: 15px;}
	.gallery-list ul li a .over h5 {font-size: 20px;}
	.gallery-list ul li a .over .info {gap: 3px 8px;}
	
	.s3 .board-view .title {gap: 30px; flex-wrap: wrap;}
	.s3 .board-view .title .tit {max-width: 100%;}
	
	.s5 .jeongseon .map {max-width: 500px;}
	.s5 .jeongseon .list-wrap .list dl dd {font-size: 18px;}
	
	.s5 .jeongseon .map-pin {width: 30px; height: 40px; background-size: 30px auto;}
    .s5 .jeongseon .map-pin > span {top: 4px; font-size: 10px;}
	
	.s5 .jeongseon .map-pin.spot.design-pin {width: 40px; height: 37px; background-size: 40px auto;}
	
}

@media (max-width: 768px){
	section {padding: 50px 0 120px;}
	.real-cont {padding-bottom: 120px;}
	
	/* s1 */
	.s1 .about .txt h3 {font-size: 30px;}
	.s1 .about .map-wrap .map {height: 400px;}
	.s1 .about .map-wrap .info h5 {font-size: 20px;}
	
	/* s2 */
	.s2 .banner {height: 200px;}
	.s2 .banner h4 {font-size: 28px;}
	.s2 figure {margin-top: 40px;}
	
	.real-cont.s3, .real-cont.s4 {padding-top: 100px;}
	.s3_view, .s4_view {padding-top: 50px !important;}
	#bo_cate ul li a {font-size: 14px;}
	
	.gallery-list ul li a .over {opacity: 1; height: 40px; top: initial; bottom: 0; display: flex; align-items: center;}
	.gallery-list ul li a .over h5 {font-size: 16px;}
	.gallery-list ul li a .over .info {display: none;}
	
	.page-header {padding-top: 60px;}
    .page-header .container h2 {font-size: 26px; text-align: center;}

	/* s5 */
    .s5 {padding-top: 20px;}
    .s5 .jeongseon {flex-wrap: wrap;}
    .s5 .jeongseon .map {max-width:100%; width: 100%;}
    .s5 .jeongseon .map .map-zoom {display: block; width: 60px; height: 60px;}
    .s5 .jeongseon .map .map-zoom > img {display: block; max-width: 100%;}
    .s5 .jeongseon .tab {display: flex;}
    .s5 .jeongseon .map-popup {display: none;}
    .s5 .jeongseon .mo-list {display: none; width: 100%; margin-top: 6px; padding-bottom: 32px;}
    .s5 .jeongseon .mo-list.on {display: block;}
    .s5 .jeongseon .list-wrap {max-height: 100%;}
    .s5 .jeongseon .list-wrap .list > h5 {display: none;}
    .s5 .jeongseon .list-wrap .list > dl {display: flex; align-items: flex-start; padding: 23px 15px; border-top: none;}
    .s5 .jeongseon .list-wrap .list > dl dd {width: 1%; flex: 1 1 auto;}
    .s5 .jeongseon .list-wrap .list dl ~ dl::before {left: 28px;}
    .s5 .jeongseon .list-wrap .list dl:nth-of-type(1):before {position: absolute; content: ''; width: 2px; height: 100%; top: 25px; left: 28px; background-color: #222; z-index: -1;}
    .s5 .jeongseon .list-wrap .list dl::after {width: calc(100% - 65px);}
    .s5 .jeongseon .list-wrap .list > dl.open {align-items: flex-start;}
    .s5 .jeongseon .list-wrap .list ~ .list {margin-top:0px;}
    .s5 .jeongseon .list-wrap .list dl dd {font-size: 18px;}

    body.map-open {overflow: hidden;}
    body.map-open::before {position: fixed;content: "";inset: 0;background: rgba(0, 0, 0, 0.55);z-index: 9998;}
    .s5 .jeongseon .map.zoom-on {position: fixed;top: 50%;left: 50%; max-width: 600px; transform: translate(-50%, -50%);overflow: auto;z-index: 9999;background: #fff;}
    .s5 .jeongseon .map.zoom-on > img {width: 100%;max-width: none;}
    .s5 .jeongseon .map.zoom-on .map-zoom {display: none;}
	
	
}

@media (max-width: 480px){
	/* s1 */
	.s1 .about .txt h3 {font-size: 24px;}
	.s1 .about .txt p {font-size: 16px;}
	.s1 .about .map-wrap .map {height: 300px;}
	.s1 .about .map-wrap .info h5 {margin-left: 0; font-size: 18px;}
	.s1 .about .map-wrap .info ul li {width: 100%;}
	.s1 .about .map-wrap .info ul li dl dt {font-size: 16px;}
	.s1 .about .map-wrap .info ul li dl dd {font-size: 16px;}
	
	/* s2 */
	.s2 .banner h4 {font-size: 22px;} 
	
	.gallery-list ul li a .over {height: 30px;}
	.gallery-list ul li a .over h5 {font-size: 14px;}
	
	.search_bar .sch_input::placeholder {font-size: 14px;}
	
	#bo_cate {overflow: auto; padding-bottom: 20px;}
	#bo_cate ul {flex-wrap: nowrap; width: max-content;}
	
	.os-scrollbar-horizontal {height: 8px; padding: 0 !important;  --os-size: 8px !important; width: 100%; left: 50% !important; transform: translateX(-50%); background-color: #f8f8f8; border-radius: 10px;}
	.os-scrollbar-track {background: #f8f8f8; height: 8px !important;}
	.os-scrollbar-track::before {content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: 13px; height: 8px !important; bottom: initial !important; top: -1px !important;}
	.os-scrollbar-handle {background: #F5CC2D !important; border-radius: 10px; width: 50px !important;}
	
	.s3 .board-view .title .info ul {padding: 0;}
	.s3 .board-view .title .info ul li {flex: 100%;}
	.s3 .board-view .title .info ul li dl dt {font-size: 14px;}
	.s3 .board-view .title .info ul li dl dd {font-size: 14px;}
	.s3 .board-view .title .tit span {font-size: 14px;}
	.board-view-btn ul li.btn a p {font-size: 14px;}
	
	/* s5 */
	.s5 .jeongseon .map-pin {width: 20px; height: 27px; background-size: 20px auto;}
    .s5 .jeongseon .map-pin > span {font-size: 7px; top: 3px;}
    .s5 .jeongseon .map .map-zoom {width: 40px; height: 40px; bottom: 10px; right: 10px;}

    .s5 .jeongseon .tab a {height: 40px; font-size: 16px;}
    .s5 .jeongseon .list-wrap .list > dl {padding: 15px;}
    .s5 .jeongseon .list-wrap .list dl dd {font-size: 16px;}
    .s5 .jeongseon .mo-list {padding-bottom: 15px;}
	
	.s5 .jeongseon .map-pin.spot.design-pin {width: 28px; height: 26px; background-size: 28px auto;}
	
}