@charset "utf-8";

/*공통*/
#page_area .tit_box{margin-bottom:5rem;text-align:center}
#page_area .tit_box .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
#page_area .tit_box .tit{font-size:4.5rem;font-weight:700;line-height:130%;color:#222}
#page_area .tit_box .tit span{color:var(--pt-color)}

/*인사말*/
.p0101 .img_box{width:100%;height:45rem;border-radius:2rem;background:url(/way_page/img/p0101_img01.jpg) no-repeat center/cover;overflow:hidden;position:relative}
.p0101 .img_box .txt_box{position:absolute;top:50%;right:10rem;transform:translateY(-50%)}
.p0101 .img_box .txt_box .s_tit{margin-bottom:1rem;font-size:1.6rem;font-weight:700;letter-spacing:10px;color:#fff;font-family:'Poppins'}
.p0101 .img_box .txt_box .tit{font-size:4.5rem;font-weight:700;line-height:130%;color:#fff;}

.p0101 .cont{max-width:90%;margin:-3rem auto 0;border-radius:2rem;padding:7rem 5rem 0;background:#fff}
.p0101 .cont p{font-size:1.7rem;line-height:150%;color:#666;word-break:keep-all}
.p0101 .cont p + p{margin-top:2rem}
.p0101 .cont p span{font-weight:500;color:#333}
.p0101 .cont p.right{text-align:right;font-weight:500;color:#333}


/*오시는 길*/
.p0104 .root_daum_roughmap{margin-bottom:5rem}
.p0104 .root_daum_roughmap,
.wrap_map{width:100% !important;height:40rem !important}
.p0104 .root_daum_roughmap .cont{display:none}

.p0104 .address{width:100%;margin-bottom:5rem;padding:1rem 2rem;border-radius:5rem;background:#f7f7f7;font-size:1.8rem;font-weight:500;text-align:center;color:#333;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.p0104 .address .marker{width:4rem;height:4rem;margin-right:1.5rem;border-radius:4rem;background:var(--pt-color);display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.p0104 .address .marker img{width:2.2rem} 
.p0104 .location_info{border-top:1px solid #222;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap}
.p0104 .location_info li{width:50%;padding:5rem 2rem;display:flex;flex-wrap:wrap;align-items:center}
.p0104 .location_info .icon{width:15rem;height:15rem;border-radius:15rem;background:#f7f7f7;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.p0104 .location_info .icon img{width:40%}
.p0104 .location_info .txt_box{width:calc(100% - 15rem);padding-left:3rem;}
.p0104 .location_info .txt_box .tit{margin-bottom:2rem;font-size:2rem;font-weight:700;color:#222;}
.p0104 .location_info .txt_box .txt{font-size:1.8rem;line-height:150%;color:#666;display:flex;flex-wrap:wrap}
.p0104 .location_info .txt_box .txt .info_tit{width:6rem;height:3rem;border-radius:3rem;font-size:1.6rem;font-weight:700;line-height:3rem;color:#fff;text-align:center}
.p0104 .location_info .txt_box .txt .info_txt{width:calc(100% - 6rem);padding-left:2rem}
.p0104 .location_info .txt_box .txt + .txt{margin-top:1rem}

/*오시는 길 - 전철컬러*/
.p0104 .subway_1{background:#ffa642}/*1호선*/

/*오시는 길 - 버스컬러*/
.p0104 .bus_1{background:#6175f5} /*일반*/
.p0104 .bus_2{background:#5fb73c} /*마을*/


/*사업소개*/
.p0201_new .cont_area{border-top:1px solid #333}
.p0201_new .cont{padding:5rem;border-bottom:1px dashed #ddd}
.p0201_new .cont:last-child{padding-bottom:0;border-bottom:0}
.p0201_new .cont_tit{margin-bottom:3rem;text-align:center}
.p0201_new .cont_tit .num{width:3rem;height:3rem;margin:0 auto 1rem;border-radius:.5rem;background:var(--pt-color);font-size:13px;font-weight:700;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-family:'Poppins'}
.p0201_new .cont_tit .tit{font-size:3rem;font-weight:700;color:#222} 
.p0201_new .cont_tit .s_tit{font-size:1.7rem;font-weight:600;color:var(--pt-color);font-family:'Poppins'}
.p0201_new .list ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2%}
.p0201_new .list ul + ul{margin-top:3rem}
.p0201_new .list ul.bg{padding:5rem;border-radius:2rem;background:#f7f7f7}
.p0201_new .list ul.bg li{background:#fff}
.p0201_new .list ul li{width:100%;padding:1.5rem 2rem;background:#f7f7f7;border-radius:.5rem;font-size:1.7rem;font-weight:500;text-align:center;word-break:keep-all;line-height:150%;color:#333;position:relative;display:flex;align-items:center;justify-content:center;}


.p0201_new .list ul.list_3way li{width:32%}
.p0201_new .list ul.list_2way li{width:49%}
.p0201_new .list .list_tit{width:100%;margin-bottom:2rem;padding-bottom:1.5rem;font-size:2.2rem;font-weight:700;text-align:center;color:#333;position:relative}
.p0201_new .list .list_tit:before{content:'';width:2rem;height:3px;background:var(--pt-color);position:absolute;bottom:0;left:50%;transform:translateX(-50%)}


/*사이트맵*/
#site_map_area{width:100%;display:flex;flex-wrap:wrap;gap:3rem 2%}
#site_map_area .site_map{width:23.5%}
#site_map_area .site_map .menu_tit{margin-bottom:2rem;font-weight:600;font-size:2.2rem;color:#333}
#site_map_area .site_map ul{min-height:26.5rem;border-top:2px solid #333;border-bottom:1px solid #ddd;background:#f9f9f9}
#site_map_area .site_map ul li{padding:1rem 2rem 1rem 3.5rem;border-bottom:1px dashed #ddd;font-size:1.6rem;line-height:2.8rem;word-break:keep-all;position:relative}
#site_map_area .site_map ul li a{color:#666}
#site_map_area .site_map ul li:last-child{border-bottom:0}
#site_map_area .site_map ul li:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:2rem;top:2.2rem}




@media(max-width:1280px){
	#page_area .tit_box .tit{font-size:4.2rem}
	
	/*오시는길*/
	.p0104 .location_info .icon{width:10rem;height:10rem}
	.p0104 .location_info .txt_box{width:calc(100% - 10rem)}
	
	/*인사말*/
	
	.p0101 .img_box .txt_box{right:5rem}
	.p0101 .img_box .txt_box .tit{font-size:4.2rem}
	.p0101 .cont{padding:5rem}
	
	
	/*사업소개*/
	
	
}
@media(max-width:1024px){
	#page_area .tit_box .tit{font-size:3.9rem}
	
	
	/*인사말*/
	.p0101 .img_box{height:40rem}
	.p0101 .img_box .txt_box .tit{font-size:3.9rem}
	
	/*오시는 길*/
	.p0104 .root_daum_roughmap, .wrap_map {height:35rem !important;}
	.p0104 .location_info li{width:100%}
	.p0104 .location_info li + li{border-top:1px dashed #ddd}
	.p02_area .point_list.point_list_2way li{width:49%;padding:3rem}
	
	/*사업소개*/
	.p0201_new .cont{padding:5rem 0}
	.p0201_new .list ul.bg{padding:5rem 3rem}
	
}
@media(max-width:767px){
	#page_area .tit_box{margin-bottom:3rem}
	#page_area .tit_box .tit{font-size:3.6rem}
	
	
	/*인사말*/
	.p0101 .img_box{height:35rem}
	.p0101 .img_box .txt_box .tit{font-size:3.6rem}
	.p0101 .cont{max-width:100%;margin-top:0;padding:5rem 2rem}
	
	
	/*사업소개*/
	.p0201_new .cont_tit .tit{font-size:2.7rem}
	.p0201_new .list ul.list_2way li{width:100%}
	.p0201_new .list ul.list_3way li{width:49%}
	
	
	/*사이트맵*/
	#site_map_area .site_map{width:49%}
}
@media(max-width:480px){
	#page_area .tit_box .tit{font-size:3.3rem}
	
	/*인사말*/
	.p0101 .img_box{height:30rem}
	.p0101 .img_box:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;top:0;left:0}
	.p0101 .img_box .txt_box{width:100%;padding:0 2rem;text-align:center;right:0;left:50%;transform:translate(-50%,-50%);z-index:10}
	.p0101 .img_box .txt_box .tit{font-size:3.3rem}
	.p0101 .img_box .txt_box .tit br{display:none}
	
	/*오시는 길*/
	.p0104 .address{display:block}
	.p0104 .address  .marker{margin:0 auto 1rem}
	
	.p0104 .location_info li{display:block;padding:3rem 0}
	.p0104 .location_info .icon{margin:0 auto 2rem}
	.p0104 .location_info .txt_box{width:100%;padding:0}
	
	/*사업소개*/
	.p0201_new .list ul.list_3way li{width:100%}
	.p0201_new .list ul.bg{padding:3rem 2rem}
	
	/*사이트맵*/
	#site_map_area .site_map{width:100%}
	#site_map_area .site_map ul{min-height:unset}	
}
@media(max-width:320px){
	#page_area .tit_box .tit{font-size:3rem}
	
	/*인사말*/
	.p0101 .img_box .txt_box .tit{font-size:3rem}
}