@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;color:#222}
#page_area .tit_box .tit span{color:var(--pt-color)}

/*인사말*/
.p0101 .img_box{width:100%;height:37rem;margin-bottom:10rem;background:url(/way_page/img/p0101_img01.jpg) no-repeat center/cover;position:relative}
.p0101 .box_tit{width:49rem;height:18rem;padding:0 5rem;border-radius:0 3rem 0 0;background:var(--pt-color);position:absolute;left:5rem;bottom:-5rem;display: flex;flex-direction: column;justify-content:center}
.p0101 .box_tit .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:600;color:rgba(255,255,255,.7);font-family:'Poppins'}
.p0101 .box_tit .tit{font-size:3.9rem;font-weight:700;line-height:1;color:#fff;font-family:'Poppins'}
.p0101 .cont{padding:0 5rem}
.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{margin-top:4rem;text-align:right}


/*오시는 길*/
.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 .cont_area{border-top:2px solid #333}
.p0201 .cont_area .cont{padding:7rem 5rem;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap}
.p0201 .cont_area .cont .cont_tit{width:40rem}
.p0201 .cont_area .cont .cont_tit .tit{margin-bottom:.5rem;font-size:2.8rem;font-weight:700;color:#222}
.p0201 .cont_area .cont .cont_tit .s_tit{font-size:1.6rem;font-weight:600;color:var(--pt-color);font-family:'Poppins'}
.p0201 .cont_area .cont .list{width:calc(100% - 40rem)}
.p0201 .cont_area .cont .list ul + ul{margin-top:5rem}
.p0201 .cont_area .cont .list li{margin-bottom:1rem;padding:0 0 1rem 1rem;border-bottom:1px dashed #ddd;font-size:1.7rem;line-height:150%;color:#666;position:relative}
.p0201 .cont_area .cont .list li:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;top:1rem;left:0}
.p0201 .cont_area .cont .list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.p0201 .cont_area .cont .list_tit{margin-bottom:2rem;padding:1rem 1.5rem;border-left:2px solid var(--pt-color);background:#f7f7f7;font-size:1.9rem;font-weight:500;color:#222}

.p0201 .cont_area .cont .list .half{display:flex;flex-wrap:wrap;gap:2%}
.p0201 .cont_area .cont .list .half li{width:49%}
.p0201 .cont_area .cont .list .half li:nth-child(7){border-bottom:0}


/*사이트맵*/
#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 .box_tit .tit{font-size:3.6rem}
	
	
	/*사업소개*/
	.p0201 .cont_area .cont .cont_tit{width:30rem}
	.p0201 .cont_area .cont .list{width:calc(100% - 30rem)}
	
	
}
@media(max-width:1024px){
	#page_area .tit_box .tit{font-size:3.9rem}
	
	
	/*인사말*/
	.p0101 .img_box{height:32rem}
	.p0101 .box_tit{height:15rem;left:0}
	.p0101 .box_tit .tit{font-size:3.3rem}
	
	.p0101 .cont{padding:0}
	
	/*오시는 길*/
	.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 .cont_area .cont{padding:7rem 2rem}
	.p0201 .cont_area .cont .cont_tit{width:100%;margin-bottom:3rem;text-align:center}
	.p0201 .cont_area .cont .list{width:100%}
	
	
}
@media(max-width:767px){
	#page_area .tit_box{margin-bottom:3rem}
	#page_area .tit_box .tit{font-size:3.6rem}
	
	
	/*인사말*/
	.p0101 .img_box{height:28rem}
	.p0101 .box_tit{width:auto;padding:0 3rem}
	.p0101 .box_tit .tit{font-size:3rem}
	
	/*사업소개*/
	.p0201 .cont_area .cont{padding:5rem 0}
	.p0201 .cont_area .cont .list .half li{width:100%}
	.p0201 .cont_area .cont .list .half li:nth-child(7){border-bottom:1px dashed #ddd;}
	.p0201 .cont_area .cont .cont_tit .tit{font-size:2.5rem}
	
	/*사이트맵*/
	#site_map_area .site_map{width:49%}
}
@media(max-width:480px){
	#page_area .tit_box .tit{font-size:3.3rem}
	
	/*인사말*/
	.p0101 .box_tit{width:96%;height:auto;padding:3rem 2rem;border-radius:2rem;text-align:center;left:50%;transform:translateX(-50%)}
	.p0101 .box_tit .tit{font-size:2.7rem}
	
	
	/*오시는 길*/
	.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}
	
	/*사이트맵*/
	#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 .box_tit{}
	.p0101 .box_tit .tit{font-size:2.4rem}
}