@charset "utf-8";

/*페이지 공통*/
#page_area{position:relative;z-index:10}
#page_area *{word-break:keep-all}
#page_area .tit_box{margin-bottom:5rem;text-align:center;position:relative}
#page_area .tit_box_line{padding-bottom:5rem;border-bottom:1px dashed #ddd}
#page_area .tit_box .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:700;color:var(--pt-color);position:relative;font-family:'Poppins'}
#page_area .tit_box .tit{font-size:4.2rem;font-weight:700;line-height:130%;color:#222;}
#page_area .tit_box .tit span{color:var(--pt-color)}
#page_area .tit_box .txt{margin-top:1rem;font-size:2rem;line-height:150%;color:#666}

#page_area .bd_tab{max-width:40rem;width:100%;margin:2rem auto 0;display:flex;flex-wrap:wrap;gap:1rem 2%}
#page_area .bd_tab li{width:49%}
#page_area .bd_tab li a{display:block;width:100%;border-radius:5rem;padding:1.5rem 2rem;background:#f7f7f7;font-size:1.7rem;font-weight:600;color:#333}
#page_area .bd_tab li a.on{background:var(--pt-color);box-shadow:0 1rem 1.5rem rgba(0,0,0,.1);color:#fff}

#page_area .bd_tab.bd_tab_4way{max-width:100rem}
#page_area .bd_tab.bd_tab_4way li{width:18.3%}


/*------CEO인사말------*/
#page_area.p0102 .cont_box .tit_box{text-align:left}
.p0102 .about_cont_area{display:flex;flex-wrap:wrap;align-items:flex-start}
.p0102 .img_box{width:59.5rem;border-radius:2rem;overflow:hidden;box-shadow:-1.5rem 1.5rem 0 rgba(231,238,251,1);}
.p0102 .img_box img{width:100%}

.p0102 .cont_box{width:calc(100% - 59.5rem);padding-left:8rem}
.p0102 .cont_box .cont_txt{font-size:1.7rem;line-height:150%;color:#666}
.p0102 .cont_box .cont_txt + .cont_txt{margin-top:2rem}
.p0102 .cont_box .sine{margin-top:2.5rem;font-size:1.7rem;font-weight:500;color:#333;display:flex;justify-content:flex-end;align-items:center;gap:2rem}



/*------조직도------*/
:root{
    --margin:1.5%;
    --part:7;
    --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.3rem;
    --padding:1.2rem;
}
.p0104 .chart_wrap{width:100%;overflow:hidden;position:relative}
.p0104 .chart_wrap .chart{width:100%;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:24rem;min-width:14rem;height:var(--height);margin-bottom:4rem;border-radius:3rem;background:#0672DE;color:#fff;display:flex;justify-content:center;align-items:center}
.p0104 ul li.director::before{content:'';width:1px;height:4rem;background:#aaa;position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:0}
/*이사회*/
.p0104 ul li.director.directorate{background:#1a0959}
/*대표이사*/
.p0104 ul li.director.ceo{width:16rem;height:16rem;margin-bottom:0;border-radius:50%;background:linear-gradient(135deg, rgba(52, 208, 247, 1) 0%, rgba(28, 75, 149, 1) 100%);font-size:2rem;font-weight:700;aspect-ratio:1/1}
.p0104 ul li.director.ceo::before{height:17.6rem}
.p0104 ul li.director.ceo::after{content:'';width:90%;height:90%;border:2px solid rgba(255,255,255,.2);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}
/*총괄본부장*/
.p0104 ul li.director.dir{/*display:none;*/background:#3a86d3}
/*감사,자문위원*/
.p0104 ul li.inspection{width:100%;margin-bottom:0;padding:0;background:transparent}
.p0104 ul li.inspection ul.ins_wrap{max-width:60rem;width:70%;margin:0 auto;text-align:center;display:flex;justify-content:space-between;align-items:center;position:relative}
.p0104 ul li.inspection ul.ins_wrap::before{content:'';width:50%;height:1px;background:#aaa;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:0}
.p0104 ul li.inspection ul.ins_wrap::after{content:'';width:50%;height:1px;background:#aaa;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:0}

.p0104 ul li.inspection ul.ins_wrap li.director{width:calc(var(--width_dir) + 5rem);font-weight:700}
.p0104 ul li.inspection ul.ins_wrap li.director.left{margin:1rem 1rem 1rem 0;background:#0f3b94}
.p0104 ul li.inspection ul.ins_wrap li.director.right{margin:1rem 0 1rem 1rem;background:#0f5a94}
.p0104 ul li.inspection ul.ins_wrap li.director::before{display:none}


.p0104 ul li.inspection ul.ins_wrap2{margin-bottom:3rem;justify-content:flex-end}
.p0104 ul li.inspection ul.ins_wrap2::after{width:35%}
.p0104 ul li.inspection ul.ins_wrap2::before{width:1px;height:7.3rem;left:auto;right:35%;transform:none;top:-3.5rem}
/*부서*/
.p0104 ul li.departments{width:100%;padding:0;background:none;display:flex;justify-content:space-around;align-items:flex-start}
/*부서 가로라인*/
.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-top:4rem;margin-right:var(--margin);/*background:#f7f7f7;*/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::after{content:'';width:1px;height:calc(100% + 4rem);background:#aaa;position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:-1}
.p0104 ul li.departments ul li{width:100%;margin-bottom:1rem;border:1px solid #ddd}
.p0104 ul li.departments ul li:last-child{margin-bottom:0}
.p0104 ul li.departments ul li.part{height:var(--height);border:0;border-radius:1rem;background:#333;color:#fff;display:flex;justify-content:center;align-items:center} 
.p0104 ul li.departments ul li.part::before{content:'';width:1rem;height:1rem;border:2px solid var(--pt-color);border-radius:50%;background:#fff;position:absolute;top:-0.5rem;left:50%;transform:translateX(-50%)}



/*------오시는 길-------*/
.p0105 .map_area{padding:5rem 0}
.p0105 .map_area.map_area_first{border-top:2px solid #222}
.p0105 .map_area:last-child{padding-bottom:0}
.p0105 .map_area .map_tit{width:20rem;height:5rem;margin:0 auto 3rem;border-radius:5rem;background:var(--pt-color);font-size:2rem;font-weight:700;text-align:center;line-height:5rem;color:#fff}


.p0105 .map_cont{width:100%;height:35rem;margin-bottom:3rem;border:1px solid #ddd;overflow:hidden}
.p0105 .map_cont .root_daum_roughmap, .wrap_map, .p0105 .map_cont iframe{width:100% !important;height:100% !important}

.p0105 .info_box{margin-bottom:5rem;display:flex;flex-wrap:wrap;align-items: center;justify-content: center;gap: 2rem 4rem;}
.p0105 .info_box li{font-size:1.8rem;font-weight:500;color:#333;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}
.p0105 .info_box li.full{width:100%}
.p0105 .info_box li span{font-weight:700;color:var(--pt-color)}
.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:15rem;height:15rem;border-radius:15rem;background:#f7f7f7;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.p0105 .location_info .icon img{max-width:40%;width:auto}
.p0105 .location_info .txt_box{width:calc(100% - 15rem);padding-left:3rem}
.p0105 .location_info .txt_box .tit{margin-bottom:2rem;font-size:2.2rem;font-weight:700;color:#222}
.p0105 .location_info .txt_box .txt{font-size:1.7rem;line-height:150%;color:#666;display:flex;flex-wrap:wrap}
.p0105 .location_info .txt_box .txt .info_tit{width:10rem;height:3rem;border-radius:3rem;font-size:1.6rem;font-weight:700;line-height:3rem;color:#fff;text-align:center}
.p0105 .location_info .txt_box .txt .info_txt{width:calc(100% - 10rem);padding-left:2rem}

.p0105 .location_info .txt_box .info_txt > p{padding:0 0 1rem 1rem;position:relative}
.p0105 .location_info .txt_box .info_txt > p:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:0;top:1rem}
.p0105 .location_info .txt_box .info_txt > p:last-child{padding-bottom:0}
.p0105 .location_info .txt_box .txt+.txt{margin-top:1rem}

/*오시는 길 - 전철컬러*/
.p0105 .subway_10{background:#6f99d0}/*인천1*/
.p0105 .subway_11{background:#eba900}/*수인분당*/


/*-----인재경영-----*/
.p0401 .hr_chart{padding:5rem;border-bottom:1px dashed #ddd}
.p0401 .hr_chart_first{border-top:2px solid #333}
.p0401 .hr_chart_first2{border-top:1px solid #ddd;}
.p0401 .hr_chart .chart_tit{width:22rem;height:5.5rem;margin:0 auto 2rem;border-radius:5.5rem;background:var(--pt-color);font-size:2.7rem;font-weight:700;line-height:5.5rem;text-align:center;color:#fff}
.p0401 .hr_chart .circle_list{max-width:75rem;width:100%;margin:0 auto;display:flex;flex-wrap:wrap}
.p0401 .hr_chart .circle_list li{width:35%;padding-bottom:35%;border-radius:50%;border:2px solid #ddd;background:#fff;text-align:center;position:relative}
.p0401 .hr_chart .circle_list li + li{margin-left:-2.6%}
.p0401 .hr_chart .circle_list li .inner{width:100%;height:100%;position:absolute;display:flex;flex-wrap:wrap;justify-content:center;align-content:center}
.p0401 .hr_chart .circle_list li .tit{margin-bottom:.5rem;font-size:2.8rem;font-weight:700;color:#333}
.p0401 .hr_chart .circle_list li .txt{width:100%;font-size:1.6rem;font-weight:700;color:var(--pt-color);}

.p0401 .hr_chart .txt_box{padding:5rem 3rem;border:1px solid #ddd;border-radius:1rem;background:#e7eefb;font-size:2.4rem;font-weight:500;text-align:center;line-height:150%;color:#333}
.p0401 .hr_chart .txt_box span{color:var(--pt-color)}
.p0401 .chart_list{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem 2%}
.p0401 .chart_list .list_box{width:32%;border:1px solid #ddd;border-radius:2rem;padding:3rem}
.p0401 .chart_list .list_box .tit{margin-bottom:2rem;border-radius:1rem;padding:1rem 2rem;background:#333;font-size:2.3rem;font-weight:600;text-align:center;color:#fff}
.p0401 .chart_list .list_box .list li{padding:0 0 1rem 1rem;font-size:1.8rem;line-height:150%;color:#666;position:relative} 
.p0401 .chart_list .list_box .list li:last-child{margin-bottom:0;padding-bottom:0}
.p0401 .chart_list .list_box .list li:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:0;top:1rem}


/*-----복리후생-----*/
.p0402 .cont_box + .cont_box{margin-top:5rem}
.p0402 .cont_tit{margin-bottom:2rem;padding:1.5rem 2rem;border-left:2px solid var(--pt-color);background:#f7f7f7;font-size:2.4rem;font-weight:700;color:#333}
.p0402 .cont_txt{padding:5rem 3rem;border:1px solid #ddd;border-radius:1rem;background:#e7eefb;font-size:2.1rem;font-weight:500;text-align:center;line-height:150%;color:#333;}

.p0402 .cont_list{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem 2%}
.p0402 .cont_list li{width:23.5%;padding:3rem 2rem;text-align:center;border:1px solid #ddd;border-radius:1rem;display:flex;align-items:center;justify-content:center;align-content:center;flex-direction:column}
.p0402 .cont_list li .icon{margin-bottom:1rem}
.p0402 .cont_list li .num{margin-bottom:.5rem;font-size:1.5rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
.p0402 .cont_list li .tit{font-size:2rem;font-weight:700;color:#333}


/*-----채용공고-----*/
.p0403 .posting_info{padding:5rem;border:1px solid #ddd;border-radius:2rem;display:flex;flex-wrap:wrap;}
.p0403 .posting_info .logo_box{width:30%;border:1px solid #ddd;border-radius:1rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}

.p0403 .posting_info .info_box{width:calc(100% - 30%);padding:5rem 0 5rem 5rem}
.p0403 .posting_info .box_tit{margin-bottom:2rem;font-size:2.3rem;font-weight:700;color:#333} 
.p0403 .posting_info .info_list{display:flex;flex-wrap:wrap;gap:1rem 2rem}
.p0403 .posting_info .info_list li{font-size:1.8rem;font-weight:700;color:#333;display:flex;flex-wrap:wrap;gap:.5rem 1rem}
.p0403 .posting_info .info_list li .list_tit{font-weight:700;color:var(--pt-color)}
.p0403 .posting_info .link_area{max-width:40rem;margin-top:3rem;display:flex;flex-wrap:wrap;gap:2%}
.p0403 .posting_info .link_area a{width:49%;height:5rem;border-radius:5rem;background:var(--pt-color);font-size:1.7rem;font-weight:700;text-align:center;line-height:5rem;color:#fff;transition:all .3s}
.p0403 .posting_info .link_area a:hover{background:#222}

/*환경*/
#page_area .p_cont_box{margin-bottom:5rem;padding-bottom:5rem;border-bottom:1px dashed #ddd}
#page_area .p_cont_box:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
#page_area .tit_box .txt span{font-weight:500;color:var(--pt-color);}
#page_area .process_list{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem 2%}
#page_area .process_list li{width:23.5%;text-align:center}
#page_area .process_list li .img_box {margin-bottom:2rem;border-radius:1rem;overflow:hidden}
#page_area .process_list li .img_box img{width:100%}
#page_area .process_list li .txt_box{padding:0 2rem}
#page_area .process_list li .txt_box .num{display:block;width:8rem;height:3rem;margin:0 auto 1rem;border-radius:3rem;background:var(--pt-color);font-size:1.4rem;font-weight:700;text-align:center;line-height:3rem;color:#fff;}
#page_area .process_list li .txt_box .txt{font-size:1.9rem;line-height:150%;color:#666}


.ethic_cont_area .tit_box{width:21rem;height:21rem;border-radius:21rem;margin:0 auto;background:var(--pt-color);font-size:2.7rem;font-weight:700;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.ethic_cont_area .tit_box:before, .ethic_cont_area .tit_box:after{content:'';width:100%;height:100%;border-radius: 50%;background:var(--pt-color);position:absolute;top:0px;right:0px;z-index:-1;transform:translate(0px, 0px);opacity:.2;transition:1s ease all}
.ethic_cont_area .tit_box:before{transform:translate(-1rem, -1rem);transition-delay:0.7s;animation:cloudCircle3 6s linear forwards infinite}
.ethic_cont_area .tit_box:after{transform:translate(1rem, 1rem);transition-delay:0.7s;animation:cloudCircle4 6s linear forwards infinite}
@keyframes cloudCircle3 {0% {transform:translate(-1rem,-1rem)}12.5% {transform:translate(1rem,-1rem)}25% {transform:translate(1rem,1rem)}37.5% {transform:translate(-1rem,1rem)}50% {transform:translate(-1rem,-1rem)}62.5% {transform:translate(1rem,-1rem)}75% {transform:translate(1rem,1rem)}87.5% {transform:translate(-1rem,1rem)}}
@keyframes cloudCircle4 {0% {transform:translate(1rem,1rem)}12.5% {transform:translate(-1rem,1rem)}25% {transform:translate(-1rem,-1rem)}37.5% {transform:translate(1rem,-1rem)}50% {transform:translate(1rem,1rem)}62.5% {transform:translate(-1rem,1rem)}75% {transform:translate(-1rem,-1rem)}87.5% {transform:translate(1rem,-1rem)}}

.ethic_cont_area .list{display:flex;flex-wrap:wrap;gap:2rem 2%}
.ethic_cont_area .list li{width:15%;padding:2rem;border-radius:1rem;border:1px solid #ddd;text-align:center;align-items: center;display: flex;flex-direction: column;justify-content: center;transition:all 1s}
.ethic_cont_area .list li .num{display:block;width:3.5rem;height:3.5rem;margin:0 auto 1rem;border-radius:3rem;background:var(--pt-color);font-size:1.4rem;font-weight:700;text-align:center;line-height:3.5rem;color:#fff;transition:all 1s}
.ethic_cont_area .list li .txt{font-size:1.9rem;font-weight:600;color:#333;transition:all 1s}

.ethic_cont_area .list li.on{background:var(--pt-color);box-shadow:0 1rem 1rem rgba(19, 84, 217,.2);}
.ethic_cont_area .list li.on .num{background:#fff;color:var(--pt-color)}
.ethic_cont_area .list li.on .txt{color:#fff}


/*사회*/
.cont_list1{display:flex;flex-wrap:wrap;gap:2rem 2%}
.cont_list1 li{width:32%;padding:3rem 2rem;border:1px solid #ddd;border-radius:1rem;text-align:center;}
.cont_list1.cont_list1_4way li{width:23.5%}
.cont_list1 li .s_tit{margin:2rem auto .5rem;font-size:1.5rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
.cont_list1 li .tit{margin:2rem 0 1rem;font-size:2.4rem;font-weight:700;color:#333}
.cont_list1 li .txt{font-size:1.9rem;line-height:150%;color:#666}
.cont_list1 li .txt2{margin-top:1.5rem;font-size:1.9rem;line-height:150%;font-weight:500;color:#333}
.cont_list2{border-top:2px solid #333;border-bottom:1px dashed #ddd}
.cont_list2 li:nth-child(odd){background:#f7f7f7}
.cont_list2 li{padding:3rem 2.5rem;display:flex;flex-wrap:wrap;align-items:center;}
.cont_list2 li .num {width: 8rem;height: 3rem;border-radius: 3rem;background: var(--pt-color);font-size: 1.4rem;font-weight: 700;text-align: center;line-height: 3rem;color: #fff;}
.cont_list2 li .txt{width:calc(100% - 4rem);padding-left:2rem;font-size:2rem;line-height:150%;color:#666}
.cont_list2 li .txt .txt_tit{display:block;font-size:2.2rem;font-weight:700;color:#333}
.cont_list2 li .num2{width:4rem;font-size:2rem;font-weight:700;color:#333}


.cont_list1 + .cont_list2{margin-top:5rem}

/*윤리*/
.cont_txt_box{margin-top:2rem;padding:5rem 2rem;border-radius:1rem;background:#f7f7f7;font-size:1.9rem;line-height:150%;text-align:center;color:#333;}
.cont_txt_box .cont_btn {display:block;max-width:25rem;width:100%;height: 5rem;margin:2rem auto 0;border-radius: 5rem;background: var(--pt-color);font-size: 1.7rem;font-weight: 700;text-align: center;line-height: 5rem;color: #fff;transition: all .3s;}


@media(max-width:1400px){
}
@media(max-width:1280px){
	
#page_area .tit_box{margin-bottom:3rem}
#page_area .tit_box_line{padding-bottom:3rem}
#page_area .tit_box .tit{font-size:3.6rem}
#page_area .tit_box .txt{max-width:100rem;width:100%;margin:1rem auto 0}
#page_area .tit_box .txt br{display:none}
	
/*CEO인사말*/
.p0102 .img_box{width:48rem}
.p0102 .cont_box{width:calc(100% - 48rem)}


/*------오시는길------*/
.p0105 .location_info li{width:100%}
.p0105 .location_info li + li{border-top:1px dashed #ddd}

/*환경*/
#page_area .process_list{max-width:100rem;width:100%;margin:0 auto}
#page_area .process_list li{width:32%}


.ethic_cont_area .list{max-width:100rem;width:100%;margin:0 auto;justify-content: center;}
.ethic_cont_area .list li{width:23.5%}



}
@media(max-width:1024px){
	#page_area .tit_box .tit{font-size:3.3rem}
	#page_area .tit_box .txt{font-size:1.7rem}
	/*CEO인사말*/
	#page_area.p0102 .cont_box .tit_box{text-align:center}
	.p0102 .about_cont_area{justify-content:center}
	.p0102 .img_box{max-width:48rem;width:100%;margin:0 auto 5rem}
	.p0102 .cont_box{max-width:80rem;width:100%;text-align:center;padding:0}
	
	.p0102 .cont_box .sine{justify-content:center}
	
	
	
	
	
/*-----조직도-----*/
:root{
    --margin:2%;
    --part:4;
    --width_dir:calc(50% - var(--margin) / 2);
    --width_part:calc(50% - var(--margin));
    --height:4.8rem;
    --padding:1.1rem;
}
.p0104 .chart_wrap{padding:0;background:none}
.p0104 .chart_wrap .chart{width:55rem;max-width:100%;margin:0 auto}
.p0104 ul li{padding:0.8rem}
.p0104 ul li.director{max-width:35%;height:5rem;line-height:5rem}
.p0104 ul li.director.ceo{width:15rem;height:15rem}
.p0104 ul li.director.ceo::before{height:17rem}
.p0104 ul li.inspection ul.ins_wrap{width:100%} 
.p0104 ul li.inspection ul.ins_wrap2::after{width:38%}
.p0104 ul li.inspection ul.ins_wrap2::before{height:7.1rem;right:38%}


.p0104 ul li.inspection ul.ins_wrap li.director{width:calc(var(--width_dir) + 4rem);min-width:10rem}
.p0104 ul li.departments{justify-content:space-between;flex-wrap:wrap}  
.p0104 ul li.departments ul{max-width:var(--width_part)}  
.p0104 ul li.departments ul:nth-child(2n){margin-right:0}
.p0104 ul li.departments ul li{margin-bottom:0.7rem;font-size:1.6rem}
.p0104 ul li.departments ul li.part::before{display:none;top:-0.7rem}


/*------오시는길------*/
.p0105 .map_area{padding:3rem 0}
.p0105 .map_area .map_tit{width:17rem}
.p0105 .map_cont{height:30rem}
.p0105 .info_box{gap:1rem 2%}
.p0105 .info_box li{width:100%;text-align:center}


/*-----인재경영-----*/
.p0401 .chart_list {max-width:70rem;width:100%;margin:0 auto}
.p0401 .chart_list .list_box{width:49%;padding:3rem 2rem}

/*-----채용공고-----*/
.p0403 .posting_info{padding:5rem 3rem;justify-content:center}
.p0403 .posting_info .logo_box{max-width:40rem;width:100%;margin:0 auto 3rem;padding:2rem}
.p0403 .posting_info .logo_box img{max-width:100%;width:auto}
.p0403 .posting_info .info_box{width:100%;padding:0;text-align:center}
.p0403 .posting_info .info_list{justify-content: center;}
.p0403 .posting_info .link_area{margin:2rem auto 0}


/*사회*/
.cont_list1{max-width:70rem;width:100%;margin:0 auto;justify-content: center;}
.cont_list1.cont_list1_4way li, .cont_list1 li{width:49%}
.cont_txt_box br{display:none}

.ethic_cont_area .list{max-width:80rem}
.ethic_cont_area .list li{width:32%}


}
@media(max-width:767px){
	#page_area .tit_box .tit{font-size:3rem}
	
	/*------오시는길------*/
	.p0105 .location_info li{padding:3rem 0;justify-content:center}
	.p0105 .location_info .icon{width:10rem;height:10rem;margin-bottom:2rem}
	.p0105 .location_info .txt_box{width:100%;padding:0;text-align:center}
	.p0105 .location_info .txt_box .txt{justify-content:center}
	.p0105 .location_info .txt_box .txt .info_tit{margin-bottom:1rem}
	.p0105 .location_info .txt_box .txt .info_txt{width:100%}
	.p0105 .location_info .txt_box .info_txt > p{margin-bottom:1rem;padding:0 0 1rem 0;border-bottom:1px dashed #ddd}
	.p0105 .location_info .txt_box .info_txt > p:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
	.p0105 .location_info .txt_box .info_txt > p:before{display:none}
	
	/*-----인재경영-----*/
	.p0401 .hr_chart{padding:3rem 0}
	.p0401 .hr_chart .circle_list{max-width:50rem;width:100%;margin:0 auto;justify-content:center}
	.p0401 .hr_chart .circle_list li{width:50%;padding-bottom:50%}
	.p0401 .hr_chart .circle_list li:nth-child(3){margin:-9% 0 0 0}
	
	.p0401 .hr_chart .txt_box{padding:3rem 2rem}
	.p0401 .hr_chart .txt_box br{display:none}
	.p0401 .chart_list{max-width:50rem}
	.p0401 .chart_list .list_box{width:100%;}
	
	/*----복리후생----*/
	.p0402 .cont_txt{padding:3rem 2rem}
	.p0402 .cont_list li{width:32%}
	
	
	/*-----채용공고-----*/
	.p0403 .posting_info .info_list li{width:100%;text-align:center;justify-content: center;}
	
	
	/*환경*/
#page_area .process_list{max-width:60rem}
#page_area .process_list li{width:49%}

.ethic_cont_area .list{max-width:60rem}
.ethic_cont_area .list li{width:49%}

}
@media(max-width:480px){
	#page_area .tit_box .tit{font-size:2.7rem}
	
#page_area .bd_tab.bd_tab_4way li{width:49%}

	
	/*CEO인사말*/
	.p0102 .cont_box .sine img{width:10rem}
	
	/*------오시는길------*/
	.p0105 .info_box{gap:0}
	.p0105 .info_box li span{width:100%}
	.p0105 .info_box li + li{margin-top:1rem;padding-top:1rem;border-top:1px dashed #ddd}
	
	/*-----인재경영-----*/
	.p0401 .hr_chart .circle_list li .tit{font-size:2.1rem}
	
	/*----복리후생----*/
	.p0402 .cont_list{max-width:40rem;width:100%;margin:0 auto}
	.p0402 .cont_list li{width:49%}
	.p0402 .cont_list li img{width:5rem}
	
	/*-----채용공고-----*/
	.p0403 .posting_info .link_area{max-width:25rem;width:100%;gap:1rem}
	.p0403 .posting_info .link_area a{width:100%}
	
	
	/*사회*/
	
	.cont_list1.cont_list1_4way li, .cont_list1 li{width:100%}
	.cont_list2 li .num{margin-bottom:1rem}
	.cont_list2 li .txt{width:100%;padding-left:0}
	
		/*환경*/
#page_area .process_list{max-width:32rem}
#page_area .process_list li{width:100%}

.ethic_cont_area .tit_box{width:17rem;height:17rem}
.ethic_cont_area .list{max-width:32rem}
.ethic_cont_area .list li{width:100%}

	
}
@media(max-width:320px){
	
	/*----복리후생----*/
	.p0402 .cont_list{max-width:28rem}
	.p0402 .cont_list li{width:100%}
	
}