@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 .p0101_cont{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:5rem}
.p0101 .img_box{width:50%;height:50rem;border-radius:2rem;background:#000;overflow: hidden}
.p0101 .img_box img{width:100%;height:100%;object-fit:cover}
.p0101 .company_info{width:calc(50% - 5rem);border-top:2px solid #222}
.p0101 .company_info li{border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;display:flex;flex-wrap:wrap}
.p0101 .company_info li .info_tit{width:20rem;padding:1.5rem 2rem;background:#f7f7f7;font-size:1.7rem;font-weight:600;color:#222;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.p0101 .company_info li .info_txt{width:calc(100% - 20rem);padding:1.5rem 2rem;font-size:1.7rem;line-height:150%;color:#666;display:flex;flex-wrap:wrap;align-items:center;}


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

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


/*회사소개>조직도 ================================================*/
:root{
    --margin:1.5%;
    --part:4;  
    --total_margin:calc(var(--margin) * var(--part) - var(--margin));
    --width_dir:calc(100% / var(--part) - (var(--margin) / 2));   
    --width_part:calc((100% - var(--total_margin)) / var(--part));
    --height:5.5rem; 
    --padding:0.6rem;
}

.p0104 .scroll_txt{display:none}
.p0104 .chart_wrap{width:100%;position:relative}
.p0104 .chart_wrap .chart{width:100%;max-width:100rem;margin:0 auto;display:flex;flex-direction:column;align-items:center}
/*공통*/
.p0104 ul li{min-width:10rem;padding:var(--padding) 1rem;background:#fff;font-size:1.7rem;line-height:normal;text-align:center;position:relative;z-index:2}
.p0104 ul li p{width:100%;line-height:normal}

/*부서 상단(이사회,자문위원,감사,대표이사)*/
.p0104 ul li.director{width:var(--width_dir);max-width:20rem;min-width:15rem;height:var(--height);margin-bottom:4rem;border-radius:1rem;background:#8DC22F;color:#fff;display:flex;justify-content:center;align-items:center}
.p0104 ul li.director::before{content:'';width:1px;height:15.5rem;background:#aaa;position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:0}
/*이사회*/
.p0104 ul li.director.directorate{width:17rem;height:17rem;border-radius:15rem;background:#036793;box-shadow:2rem 2rem 2rem rgba(3,103,147,.2);font-size:1.8rem;font-weight:700;position:relative}
.p0104 ul li.director.directorate:after{content:'';width:95%;height:95%;border:1px solid rgba(255,255,255,.5);border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}


/*감사,자문위원*/
.p0104 ul li.inspection{width:100%;margin-bottom:0;padding:0;background:transparent}
.p0104 ul li.inspection ul{display:flex;justify-content:center;align-items:center}
.p0104 ul li.inspection ul li.director{margin:0;font-weight:500;position:relative}
.p0104 ul li.inspection ul li.director.left{margin:3rem 12rem 3rem 0;background:var(--pt-color)}
.p0104 ul li.inspection ul li.director.right{margin:3rem 0 3rem 12rem;background:var(--pt-color2)}
.p0104 ul li.inspection ul li.director::after{content:'';width:12rem;height:1px;background:#aaa;position:absolute;top:50%;transform:translateY(-50%);z-index:0}
.p0104 ul li.inspection ul li.director.left::after{left:100%}
.p0104 ul li.inspection ul li.director.right::after{right:100%}
.p0104 ul li.inspection .director::before{display:none}

/*부서*/
.p0104 ul li.departments{width:100%;padding:0;background:none;display:flex;justify-content:space-around}
/*부서 가로라인*/
.p0104 ul li.departments::after{content:'';width:calc(100% - var(--width_part));height:1px;background:#aaa;position:absolute;top:0;left:50%;transform:translateX(-50%)} 
.p0104 ul li.departments ul{width:100%;max-width:20rem;margin-right:var(--margin); padding-top:4rem;display:flex;flex-direction:column;align-items:flex-start;position:relative}
.p0104 ul li.departments ul:last-child{margin-right:0}
.p0104 ul li.departments ul::before{content:'';width:1rem;height:1rem;border:2px solid var(--pt-color);border-radius:1rem;background:#fff;position:absolute;top:-0.4rem;left:50%;transform:translateX(-50%);z-index:3;font-family:fontawesome}
.p0104 ul li.departments ul li{width:100%;border-left:1px solid #ccc;border-right:1px solid #ccc;font-size:1.6rem;color:#666}
.p0104 ul li.departments ul li:nth-child(2){padding-top:2rem;border-top:2px solid #545454}
.p0104 ul li.departments ul li:last-child{padding-bottom:2rem;border-bottom:1px solid #ccc}
.p0104 ul li.departments ul li.part{height:var(--height);margin-bottom:3rem;border:0;border-radius:1rem;background:#545454;font-weight:500;color:#fff;display:flex;justify-content:center;align-items:center} 
/*사업부 세로라인*/
.p0104 ul li.departments ul li.part::after{content:'';width:1px;height:4rem;background:#aaa;position:absolute;top:-4rem;left:50%;transform:translateX(-50%);z-index:0}
/*부서 세로라인*/
.p0104 ul li.departments ul li.part::before{content:'';width:1px;height:100%;background:#aaa;position:absolute;bottom:-100%;left:50%;transform:translateX(-50%);z-index:0}
.p0104 ul li.departments ul li:last-child::before{display:none}



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

.p0105 .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;}
.p0105 .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}
.p0105 .address .marker img{width:2.2rem} 
.p0105 .location_info{border-top:1px solid #222;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap}
.p0105 .location_info li{width:50%;padding:5rem 2rem;display:flex;flex-wrap:wrap;align-items:center}
.p0105 .location_info .icon{width:13rem;height:13rem;border-radius:15rem;background:#f7f7f7;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.p0105 .location_info .icon img{width:40%}
.p0105 .location_info .txt_box{width:calc(100% - 13rem);padding-left:3rem;}
.p0105 .location_info .txt_box .tit{margin-bottom:2rem;font-size:2rem;font-weight:700;color:#222;}
.p0105 .location_info .txt_box .txt{font-size:1.8rem;line-height:150%;color:#666;display:flex;flex-wrap:wrap;gap:1.5rem}
.p0105 .location_info .txt_box .txt .info_tit_box{width:100%;display:flex;flex-wrap:wrap;gap:.5rem 1rem}
.p0105 .location_info .txt_box .txt .info_tit{width:8rem;height:3rem;border-radius:3rem;font-size:1.5rem;font-weight:600;line-height:3rem;color:#fff;text-align:center}
.p0105 .location_info .txt_box .txt .info_txt{width:100%;word-break:keep-all}
.p0105 .location_info .txt_box .txt .info_txt p{padding-left:1rem;position:relative}
.p0105 .location_info .txt_box .txt .info_txt p:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:0;top:1.2rem}
.p0105 .location_info .txt_box .txt + .txt{margin-top:1rem}

/*오시는 길 - 전철컬러*/
.p0105 .subway_1{background:#5abee7}/*4호선*/
.p0105 .subway_2{background:#ffb600}/*수인분당*/
/*오시는 길 - 버스컬러*/
.p0105 .bus_1{background:#6175f5} /*일반*/


/*사업소개*/
.p0201 .tab_list{max-width:80rem;width:100%;margin:3rem auto 0;position:relative;display:flex;flex-wrap:wrap;gap:2rem 2%}
.p0201 .tab_list li{width:23%;background:#f7f7f7;border-radius:1rem;transition:all .3s}
.p0201 .tab_list li a{width:100%;height:100%;padding:1.5rem 2rem;font-size:1.7rem;line-height:150%;color:#222;transition:all .3s;display:flex;align-items:center;justify-content:center;}
.p0201 .tab_list li.on{background:var(--pt-color);}
.p0201 .tab_list li.on a{color:#fff}
.p0201 .img_box{width:100%;height:40rem;margin-bottom:8rem;border-radius:2rem;background:#000;overflow:hidden}
.p0201 .img_box img{width:100%;height:100%;object-fit:cover}

.p0201 .cont_box{display:none}
.p0201 .cont_box.on{display:block}
.p0201 .box_inner{width:100%;padding:8rem 5rem;border-top:2px solid #222;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;}
.p0201 .box_inner .inner_tit_box{width:41rem}
.p0201 .box_inner .inner_tit_box .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:700;color:var(--pt-color)}
.p0201 .box_inner .inner_tit_box .tit{font-size:3rem;font-weight:700;color:#222}
.p0201 .box_inner .txt_box{width:calc(100% - 41rem)}
.p0201 .box_inner .txt_box .box_cont + .box_cont{margin-top:3rem;padding-top:3rem;border-top:1px dashed #ddd}
.p0201 .box_inner .txt_box .cont_tit{width:8rem;height:3.5rem;margin-bottom:2rem;border-radius:.5rem;background:var(--pt-color);font-size:1.7rem;font-weight:700;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.p0201 .box_inner .txt_box .cont_list li{padding:0 0 1rem 1rem;font-size:1.7rem;line-height:150%;color:#666;position:relative}
.p0201 .box_inner .txt_box .cont_list li:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:0;top:1rem}

.p0201 .box_inner .txt_box  .txt{font-size:1.7rem;line-height:150%;color:#666;word-break: keep-all}
.p0201 .box_inner .txt_box  .txt + .txt{margin-top:2rem}

.p0201 .cont_box.on{animation:ani_down 0.8s forwards}

@keyframes ani_down{0%{transform:translateY(+50px);opacity:0} 100%{transform:translateY(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}

	/*회사개요*/
	.p0101 .img_box{width:45%}
	.p0101 .company_info{width:calc(55% - 5rem)}
	.p0101 .company_info li .info_tit{width:15rem}
	.p0101 .company_info li .info_txt {width:calc(100% - 20rem)}


	/*인사말*/
	.p0102 .img_box .txt_box{right:5rem}
	.p0102 .img_box .txt_box .tit{font-size:4.2rem}
	.p0102 .cont{padding:5rem}
	
	/*오시는길*/
	.p0105 .location_info .icon{width:10rem;height:10rem}
	.p0105 .location_info .txt_box{width:calc(100% - 10rem)}
	

	
	/*사업소개*/
    .p0201 .img_box{height:35rem}
	
	
}
@media(max-width:1024px){
	#page_area .tit_box .tit{font-size:3.9rem}
	
	
	/*회사개요*/
	.p0101 .p0101_cont{max-width:80rem;width:100%;margin:0 auto}
	.p0101 .img_box{width:100%;height:35rem}
	.p0101 .company_info{width:100%}
	
	
	/*인사말*/
	.p0102 .img_box{height:40rem}
	.p0102 .img_box .txt_box .tit{font-size:3.9rem}
	
	
	/*오시는 길*/
	.p0105 .root_daum_roughmap, .wrap_map {height:35rem !important;}
	.p0105 .location_info li{width:100%}
	.p0105 .location_info li + li{border-top:1px dashed #ddd}
	.p02_area .point_list.point_list_2way li{width:49%;padding:3rem}
	
	/*사업소개*/
    .p0201 .img_box{height:30rem}
    .p0201 .box_inner{padding:5rem}
    .p0201 .box_inner .inner_tit_box{width:100%;margin-bottom:3rem;text-align: center}
	.p0201 .box_inner .txt_box{width:100%}
    .p0201 .box_inner .txt{text-align: center}
	
}
@media(max-width:767px){
	#page_area .tit_box{margin-bottom:3rem}
	#page_area .tit_box .tit{font-size:3.6rem}
	
	/*회사개요*/
	.p0101 .img_box{width:100%;height:30rem}
	
	/*인사말*/
	.p0102 .img_box{height:35rem}
	.p0102 .img_box:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;top:0;left:0}
	.p0102 .img_box .txt_box{width:100%;padding:0 2rem;text-align:center;right:0;left:50%;transform:translate(-50%,-50%);z-index:10}
	.p0102 .img_box .txt_box .tit{font-size:3.6rem}
	.p0102 .cont{max-width:100%;margin-top:0;padding:5rem 2rem}
	.p0102 .cont p{text-align:center}
	.p0102 .cont p br{display:none}
	.p0102 .cont p span.tit{margin-bottom:1rem}
	.p0102 .cont p.right{margin-top:2rem;text-align:center}
	
	/*사이트맵*/
	#site_map_area .site_map{width:49%}
	
	/*조직도*/
	:root{--part:2;}
	.p0104 ul li.director{min-width:unset}
	.p0104 ul li.inspection ul li.director.left{margin-right:5rem}	
	.p0104 ul li.inspection ul li.director.right{margin-left:5rem}
	.p0104 ul li.inspection ul li.director::after{width:5rem}
	
	.p0104 ul li.departments{gap:0 2%}
	.p0104 ul li.departments ul{max-width:unset;width:49%;margin:0}
	.p0104 ul li.departments{flex-wrap:wrap}
	
	.p0104 ul li.departments ul::before{display:none}
    
    /*사업소개*/
    .p0201 .tab_list li{width:49%}
    .p0201 .img_box{height:25rem;margin-bottom:5rem}
    .p0201 .box_inner{padding:5rem 3rem}
    .p0201 .box_inner .inner_tit_box .tit{font-size:2.7rem}

}
@media(max-width:480px){
	#page_area .tit_box .tit{font-size:3.3rem}
	
	
	/*회사개요*/
	.p0101 .p0101_cont{gap:3rem}
	.p0101 .img_box{height:25rem}
	.p0101 .company_info li .info_tit{width:10rem}
	.p0101 .company_info li .info_txt{width:calc(100% - 10rem)}
	
	
	/*인사말*/
	.p0102 .img_box{height:30rem}
	.p0102 .img_box .txt_box .tit{font-size:3.3rem}
	.p0102 .img_box .txt_box .tit br{display:none}
	
	
	/*조직도*/
	.p0104 ul li.director.directorate{width:14rem;height:14rem}	
	.p0104 ul li.inspection ul li.director.left{margin-right:3rem}	
	.p0104 ul li.inspection ul li.director.right{margin-left:3rem}
	.p0104 ul li.inspection ul li.director::after{width:3rem}


	/*오시는 길*/
	.p0105 .address{display:block;background:none}
	.p0105 .address  .marker{margin:0 auto 1rem}
	
	.p0105 .location_info li{display:block;padding:3rem 0}
	.p0105 .location_info .icon{margin:0 auto 2rem}
	.p0105 .location_info .txt_box{width:100%;padding:0}
    
    /*사업소개*/
    .p0201 .box_inner{padding:5rem 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}
	

}