@charset "utf-8";

/*페이지공통*/
#page_area{}
#page_area .tit_box{margin-bottom:3rem;text-align:center}
#page_area .tit_box .s_tit{margin-bottom:1.5rem;font-size:1.6rem;color:var(--pt-color);font-family:'SBAggroM';}
#page_area .tit_box .tit{font-weight:normal;font-size:3.5rem;line-height:130%;color:#333;font-family:'SBAggroL';}
#page_area .tit_box .tit span{display:inline-block}
#page_area .tit_box .txt{font-size:1.6rem;line-height:150%;color:#666}

/*인사말*/
.about_page .about_img{width:100%;height:28rem;margin-bottom:5rem;background:url(/way_page/img/about_img.jpg) no-repeat center/cover;position:relative}
.about_page .about_img .img_txt_box{width:22rem;height:22rem;padding:3rem;border-radius:2rem 0 2rem 0;background:var(--pt-color);position:absolute;left:2rem;bottom:-11rem;display:flex;flex-wrap:wrap;align-content:end}
.about_page .about_img .img_txt_box .s_tit{margin-bottom:.5rem;font-size:1.4rem;color:#fff;font-family:'SBAggroM';}
.about_page .about_img .img_txt_box .tit{font-size:3rem;color:#fff;font-family:'SBAggroL';}

.about_page .about_cont{padding-left:30rem;font-size:1.6rem;line-height:160%;color:#888;}
.about_page .about_cont .cont_tit{margin-bottom:1.5rem;font-weight:600;font-size:1.8rem;color:#333}
.about_page .about_cont .cont{font-size:1.6rem;line-height:150%;color:#666;word-break:keep-all}
.about_page .about_cont .cont + .cont{margin-top:2.5rem}
.about_page .about_cont .cont.right{padding-right:2rem;font-weight:600;text-align:right;color:#333}


/*연혁*/

.his_page .his_cont .his_tit{width:15rem;height:15rem;margin:0 auto;border-radius:15rem;background:var(--pt-color);font-size:2rem;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-family:'SBAggroM';}
.his_page .his_list li{width:50%;padding-bottom:5rem;position:relative}
.his_page .his_list li:first-child{padding-top:8rem}
.his_page .his_list li:before{content:'';width:1.6rem;height:1.6rem;border-radius:1.5rem;border:.3rem solid var(--pt-color);background:#fff;position:absolute;top:.5rem;right:-.8rem}
.his_page .his_list li:first-child:before{top:8.5rem}
.his_page .his_list li:nth-child(odd){padding-right:3rem;border-right:1px solid #ddd;text-align:right;}
.his_page .his_list li:nth-child(even){margin-left:calc(50% - 1px);padding-left:3rem;border-left:1px solid #ddd}
.his_page .his_list li:nth-child(even):before{right:auto;left:-.8rem}
.his_page .his_list li .year{margin-bottom:1rem;font-size:2.5rem;color:#333;font-family:'SBAggroM';}
.his_page .his_list li .year_list{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px dashed #ddd;font-size:1.6rem;line-height:150%;color:#666}
.his_page .his_list li .year_list:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.his_page .his_list li .year_list .month{display:inline-block;margin-right:1rem;font-weight:600;color:#333;}
.his_page .his_list li:nth-child(odd) .year_list .month{float:right;margin:0 0 0 1rem}

/*조직도*/
: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.3rem;  
    --padding:1.2rem;  
}
.org_page .chart_wrap{width:100%;margin-bottom:5rem;overflow:hidden;position:relative}
.org_page .chart_wrap .chart{width:100%;max-width:90rem;margin:0 auto;display:flex;flex-direction:column;align-items:center}

/* 공통 */
.org_page .chart_wrap ul li{min-width:10rem;padding:var(--padding) 1rem;background:#fff;font-size:1.6rem;line-height:normal;text-align:center;position:relative;z-index:2}
.org_page .chart_wrap ul li p{width:100%;line-height:normal}

/* 부서 상단(이사회,자문위원,감사,대표이사) */
.org_page .chart_wrap ul li.director{width:var(--width_dir);max-width:24rem;min-width:13rem;height:var(--height);margin-bottom:4rem;border-radius:5rem;background:var(--pt-color);color:#fff;display:flex;justify-content:center;align-items:center}
.org_page .chart_wrap ul li.director::before{content:'';width:1px;height:4rem;margin-bottom:0;background:#aaa;position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:0}

/* 이사회 */
.org_page .chart_wrap ul li.director.directorate{background:#1a0959}

/* 대표이사 */
.org_page .chart_wrap ul li.director.ceo{width:16rem;height:16rem;margin-bottom:0;border-radius:50%;background:var(--pt-color);font-weight:700;font-size:2rem;}
.org_page .chart_wrap ul li.director.ceo::before{height:11.5rem}

/* 총괄본부장 */
.org_page ul li.director.dir{/* display:none; */background:var(--pt-color2)}

/* 감사,자문위원 */
.org_page .chart_wrap ul li.inspection{width:100%;margin-bottom:0;padding:0;background:transparent}
.org_page .chart_wrap ul li.inspection ul.ins_wrap{width:70%;margin: 0 auto;text-align:center;display:flex;justify-content:flex-end;position:relative}
.org_page .chart_wrap 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}
.org_page .chart_wrap ul li.inspection ul.ins_wrap li.director{width:calc(var(--width_dir) + 5rem)}
.org_page .chart_wrap ul li.inspection ul.ins_wrap li.director.right{margin:3rem 0 3rem 1rem;background:#333}
.org_page .chart_wrap ul li.inspection ul.ins_wrap li.director::before{display:none}

/* 부서 */
.org_page .chart_wrap ul li.departments{width:100%;padding:0;background:none;display:flex;justify-content:space-around;align-items:flex-start}
/* 부서 가로라인 */
.org_page .chart_wrap ul li.departments::after{content:'';width:calc(100% - var(--width_part));height:1px;background:#aaa;position:absolute;top:0;left:50%;transform:translateX(-50%)} 
.org_page .chart_wrap ul li.departments ul{width:100%;max-width:20rem;margin-top:4rem;margin-right:var(--margin);display:flex;flex-direction:column;align-items:flex-start;position:relative}
.org_page .chart_wrap ul li.departments ul:last-child{margin-right:0}
/* 부서 세로라인 */
.org_page .chart_wrap 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}
.org_page .chart_wrap ul li.departments ul li{width:100%;margin-bottom:1rem;border:1px solid #ddd}
.org_page .chart_wrap ul li.departments ul li:last-child{margin-bottom:0}
.org_page .chart_wrap ul li.departments ul li.part{height:var(--height);border:0;border-radius:1rem;background:#545454;color:#fff;display:flex;justify-content:center;align-items:center} 
.org_page .chart_wrap ul li.departments ul li.part::before{content:'';width:1rem;height:1rem;border-radius:50%;background:var(--pt-color2);position:absolute;top:-0.5rem;left:50%;transform:translateX(-50%)}

.org_page  .og_cont_list{padding:5rem;background:url(/way_page/img/og_bg.jpg) no-repeat right center/cover}
.org_page  .og_cont_list li{padding-left:1.5rem;font-size:1.6rem;line-height:150%;color:#666;position:relative}
.org_page  .og_cont_list li:before{content:'';width:3px;height:3px;background:var(--pt-color);position:absolute;left:0;top:1rem}
.org_page  .og_cont_list li + li{margin-top:1rem}
 
/*오시는길*/
.loaction_page .map_area{width:100%;height:35rem;margin-bottom:5rem;border-bottom:1px solid #e0e0e0;position:relative}
.loaction_page .map_area .root_daum_roughmap{width:100% !important;height:100% !important}
.loaction_page .map_area .kakaomap_link{width:15rem;height:5rem;border-radius:5rem;background:var(--pt-color);box-shadow:0 0 1rem rgba(0,0,0,.2);font-size:1.5rem;color:#fff;text-align:center;position:absolute;right:3rem;bottom:-2.5rem;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s}
.loaction_page .map_area .kakaomap_link img{display:inline-block;width:2rem;margin-right:1rem}
.loaction_page .map_area .kakaomap_link:hover{background:#333}
.loaction_page .map_info{display:flex;flex-wrap:wrap;justify-content:space-between}
.loaction_page .map_info li{width:48%;font-size:1.6rem;color:#333;display:flex}
.loaction_page .map_info li .info_tit{width:18rem;font-weight:700;font-size:2rem;}
.loaction_page .map_info li .info_tit img{display:inline-block;width:2rem;margin-right:1rem}

.loaction_page .map_info li .info_list{width:calc(100% - 18rem)}
.loaction_page .map_info li .info_list p{padding:0 0 1rem 1rem;margin-bottom:1rem;border-bottom:1px dashed #ddd;font-size:1.6rem;color:#666;position:relative}
.loaction_page .map_info li .info_list p:before{content: '';width:3px;height:3px;background: var(--pt-color);position:absolute;left:0;top:0.8rem}
.loaction_page .map_info li .info_list p:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
 
/*--------------------사업분야--------------------*/
.business_area *{word-break:keep-all}
.business_area .red{font-weight:500;color:#c00}
.business_area .cont_area{padding:5rem 0;border-bottom:1px dashed #ddd}
.business_area .cont_area:after{content:'';display:block;width:0;clear:both}
.business_area .cont_area_first{border-top:2px solid #333}
.business_area .cont_area:last-child{padding-bottom:0;border-bottom:0}

/*좌측타이틀*/
.business_area .cont_area .cont_area_tit{width:30%;padding-right:2rem;float:left;position:sticky;top:15rem}
.business_area .cont_area .cont_area_tit .s_tit{margin-bottom:.5rem;font-size:1.4rem;color:var(--pt-color);font-family: 'SBAggroM';}
.business_area .cont_area .cont_area_tit .tit{font-weight:700;font-size:2.8rem;line-height:130%;color:#333;}
.business_area .cont_area .cont_area_tit .small{display:block;font-weight:500;font-size:2rem}

/*우측본문*/
.business_area .cont_area .cont_box{width:70%;float:left}
.business_area .cont_area .cont_box .big_tit{margin-bottom:2rem;font-weight:700;font-size:2.2rem;color:#333;display:flex;align-items:baseline}
.business_area .cont_area .cont_box .big_tit img{width:1.5rem;margin-right:1rem}
.business_area .cont_area .cont_box .cont_list_box{margin-bottom:3rem;border:1px solid #ddd;padding:4rem;border-radius:2rem;}
.business_area .cont_area .cont_box .cont_list_box.no_margin{margin-bottom:0}
.business_area .cont_area .cont_box .cont_list{margin-bottom:3rem}
.business_area .cont_area .cont_box .cont_list .list_tit{margin-bottom:1.5rem;font-weight:700;font-size:1.8rem;color:#333}
.business_area .cont_area .cont_box .cont_list li{margin-bottom:1rem;padding:0 0 1rem 1rem;border-bottom:1px dashed #ddd;font-size:1.6rem;line-height:150%;color:#666;position:relative}
.business_area .cont_area .cont_box .cont_list li.red{}
.business_area .cont_area .cont_box .cont_list li:before{content: '';width:3px;height:3px;background:var(--pt-color);position:absolute;left:0;top:1rem}
.business_area .cont_area .cont_box .cont_list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.business_area .cont_area .cont_box .cont_list li.list_img{width:100%;margin-bottom:2rem;padding:0;border:1px solid #ddd;text-align:center;overflow:hidden}
.business_area .cont_area .cont_box .cont_list li.list_img:before{display:none}
.business_area .cont_area .cont_box .cont_list li.list_img img{max-width:100%;width:auto}
.business_area .cont_area .cont_box .cont_list li.no_border{border-bottom:0}
.business_area .cont_area .cont_box .cont_list.no_margin{margin-bottom:0}

/*본문 테이블*/
.business_area .cont_area .cont_box .tbl_cont_area{margin-bottom:3rem;border-top:1px solid #333;position:relative}
.business_area .cont_area .cont_box .tbl_cont_area.no_margin{margin-bottom:0}
.business_area .cont_area .cont_box .tbl_cont_area .tbl_cont{table-layout:fixed;width:100%;border:1px solid #ddd;border-top:0;border-collapse:collapse;}
.business_area .cont_area .cont_box .tbl_cont_area .tbl_cont th{padding:1.5rem;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background:#f7f7f7;font-size:1.7rem;font-weight:600;line-height:120%;text-align:center;color:#333;}
.business_area .cont_area .cont_box .tbl_cont_area .tbl_cont th span{font-size:1.3rem}
.business_area .cont_area .cont_box .tbl_cont_area .tbl_cont th span em{font-size:1.1rem;font-style:normal;}
.business_area .cont_area .cont_box .tbl_cont_area .tbl_cont td{padding:1.5rem .5rem;border:1px solid #ddd;font-size:1.6rem;text-align:center;color:#666;}
.business_area .cont_area .cont_box .tbl_cont_area .tbl_cont td img{max-width:24rem;width:100%}
.business_area .cont_area .cont_box .tbl_cont_area .tbl_cont td.td_tit{background:#f7f7f7;font-weight:600;color:#333}

.business_area .cont_area .cont_box .tbl_cont_area .tbl_cont.small_tbl th{font-size:14px}
.business_area .cont_area .cont_box .tbl_cont_area .tbl_cont.small_tbl th span{font-size:12px}
.business_area .cont_area .cont_box .tbl_cont_area .tbl_cont.small_tbl td{padding:1rem .5rem;font-size:13px}

.business_area .cont_area .cont_box .tbl_cont_area .tbl_caption{margin-top:.5rem;font-size:1.6rem;line-height:150%;color:#666}
.business_area .cont_area .cont_box .tbl_cont_area .tbl_caption.right{text-align:right}

.business_area .cont_area .cont_box .tbl_cont_area.no_line_tbl{border:0}
.business_area .cont_area .cont_box .tbl_cont_area.no_line_tbl .tbl_cont{border-bottom:0}
.business_area .cont_area .cont_box .tbl_cont_area.no_line_tbl .tbl_cont tr:first-child th{border-top:1px solid #333;}
.business_area .cont_area .cont_box .tbl_cont_area.no_line_tbl .tbl_cont tr:first-child td{border-top:0;border-bottom:0}

.business_area .cont_area .cont_box .tbl_cont_area .scroll_txt{display:none;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(1px);position:absolute;top:0;left:0}
.business_area .cont_area .cont_box .tbl_cont_area .scroll_txt .txt{width:100%;font-size:1.8rem;font-weight:700;text-align:center;text-shadow:0 0 1rem rgba(0,0,0,.2);color:#fff;position:absolute;top:10rem;left:50%;transform:translateX(-50%)}
.business_area .cont_area .cont_box .tbl_cont_area .scroll_txt .txt span{color:#ffde00}

/*본문 인증서*/
.business_area .cont_area .cont_box .img_list{display:flex;flex-wrap:wrap;justify-content:space-between}
.business_area .cont_area .cont_box .img_list li{width:49%;margin-bottom:2rem}
.business_area .cont_area .cont_box .img_list li:nth-child(n + 3){margin-bottom:0}
.business_area .cont_area .cont_box .img_list li .img_box{width:100%;margin-bottom:1rem;border:1px solid #ddd}
.business_area .cont_area .cont_box .img_list li .img_box img{width:100%}
.business_area .cont_area .cont_box .img_list li .img_tit{font-weight:600;font-size:1.6rem;line-height:150%;text-align:center;color:#333}

/*이미지 단독 사용*/
.business_area .cont_area .cont_box .big_img_box{width:100%;margin-bottom:3rem;border:1px solid #ddd;text-align:center;overflow:hidden}
.business_area .cont_area .cont_box .big_img_box img{max-width:100%;width:auto;}
.business_area .cont_area .cont_box .big_img_box.no_margin{margin-bottom:0}

.business_area .cont_area .cont_box .big_img_box_flex{width:100%;margin-bottom:3rem;display:flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.business_area .cont_area .cont_box .big_img_box_flex > div{width:49%;border:1px solid #ddd;text-align:center;overflow:hidden}
.business_area .cont_area .cont_box .big_img_box_flex > div img{max-width:100%;width:auto}
.business_area .cont_area .cont_box .big_img_box_flex .img_tit{padding:1rem 2rem;background:#f7f7f7;font-weight:700;font-size:1.7rem;color:#333}

.business_area .cont_area .cont_box .big_img_box_flex.flex3 > div{width:32%}
.business_area .cont_area .cont_box .big_img_box_flex.flex4 > div{width:24%}

/*그림좌, 텍스트우*/
.business_area .cont_area .cont_box .txt_img_box{width:100%;margin-bottom:3rem;padding:3rem;border:1px solid #ddd;border-radius:2rem;display:flex;flex-wrap:wrap;align-items:center}
.business_area .cont_area .cont_box .txt_img_box .img_box{width:35%;border:1px solid #ddd;text-align:center;overflow:hidden}
.business_area .cont_area .cont_box .txt_img_box .img_box img{max-width:100%;width:auto}
.business_area .cont_area .cont_box .txt_img_box .img_box .img_tit {padding:1rem 2rem;background:#f7f7f7;font-weight:700;font-size:1.7rem;color:#333}
.business_area .cont_area .cont_box .txt_img_box .txt_box{width:65%;padding-left:3rem;font-size:1.6rem;line-height:150%;color:#666}
.business_area .cont_area .cont_box .txt_img_box .txt_box p + p{margin-top:2rem}

/*프로세스*/
.business_area .cont_area .cont_box .process_list{display:flex;flex-wrap:wrap;justify-content:space-between}
.business_area .cont_area .cont_box .process_list li{width:32%;margin-bottom:2%;text-align:center}
.business_area .cont_area .cont_box .process_list li:nth-child(n + 4){margin-bottom:0}
.business_area .cont_area .cont_box .process_list li .img_box{width:100%;margin-bottom:1rem;border:1px solid #ddd}
.business_area .cont_area .cont_box .process_list li .img_box img{width:100%}
.business_area .cont_area .cont_box .process_list li .num{margin-bottom:.5rem;font-size:1.4rem;font-weight:700;color:var(--pt-color)}
.business_area .cont_area .cont_box .process_list li .img_tit{font-size:1.7rem;font-weight:600;color:#333}

/*좌타이틀 우 텍스트 구성*/
.business_area .cont_area .cont_box .cont_list2{margin-bottom:3rem;padding:3rem;border-top:1px solid #333;border-bottom:1px solid #ddd}
.business_area .cont_area .cont_box .cont_list2 li{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed #ddd;display:flex;flex-wrap:wrap}
.business_area .cont_area .cont_box .cont_list2 li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.business_area .cont_area .cont_box .cont_list2 li .li_tit{width:13rem;font-size:1.6rem;font-weight:700;color:var(--pt-color)}
.business_area .cont_area .cont_box .cont_list2 li .li_txt{width:calc(100% - 13rem);font-size:1.6rem;line-height:150%;color:#666;}

/*사이트맵*/
#site_map_area{width:100%;display:flex;flex-wrap:wrap;}
#site_map_area .site_map{width:25%;padding:0 2rem;margin-bottom:2%;z-index:5 !important;}
#site_map_area .site_map .menu_tit{padding-bottom:2rem;font-weight:600;font-size:2.5rem;color:#333}
#site_map_area .site_map ul {min-height:22rem;padding:2rem 1rem;border-top:2px solid #333;background:#f7f7f7}
#site_map_area .site_map ul li{padding:1rem 2rem 1rem 3.5rem;border-bottom:1px dashed #ddd;font-size:1.8rem;line-height:130%;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:1.8rem;}


@media (max-width:1280px){
}

@media (max-width:1024px){

/*인사말*/
.about_page .about_img .img_txt_box{width:18rem;height:18rem}
.about_page .about_cont{padding-left:24rem}

/*오시는길*/
.loaction_page .map_info li{display:block}
.loaction_page .map_info li .info_tit{display:block;margin-bottom:2rem}
.loaction_page .map_info li .info_list{width:100%}

/*----------사업분야----------*/
.business_area .cont_area .cont_area_tit{width:100%;margin-bottom:3rem;padding:0;text-align:center;float:none;position:relative;top:auto}
.business_area .cont_area .cont_box{width:100%;float:none}

/*우측본문*/
.business_area .cont_area .cont_box .big_tit{font-size:2rem}
.business_area .cont_area .cont_box .cont_list_box{padding:3rem 2rem}

/*본문 인증서*/
.business_area .cont_area .cont_box .img_list{max-width:76rem;margin:0 auto}

/*사이트맵*/    
#site_map_area .site_map{width:50%;padding:0 1rem} 
}

@media (max-width:767px){

/*페이지공통*/
#page_area .tit_box .tit{font-size:3.2rem}	

/*인사말*/
.about_page .about_img{height:25rem}
.about_page .about_img .img_txt_box{display:none}
.about_page .about_cont{padding-left:0;text-align:center}

	
/*조직도*/
:root{
    --margin:2%; 
    --part:2; 
    --width_dir:calc(50% - var(--margin) / 2);  
    --width_part:calc(50% - var(--margin));
    --height:4.8rem; 
    --padding:1.1rem;
}

.org_page .chart_wrap .chart{width:55rem;max-width:100%;margin:0 auto}
.org_page .chart_wrap ul li{padding:1rem}
.org_page .chart_wrap ul li.director{max-width:20rem;height:5rem;line-height:5rem}
.org_page .chart_wrap ul li.director.ceo{width:15rem;height:15rem}
.org_page .chart_wrap ul li.director.ceo::before{height: 11rem}
.org_page .chart_wrap ul li.inspection ul.ins_wrap{width:100%} 
.org_page .chart_wrap ul li.inspection ul.ins_wrap li.director{max-width:calc(var(--width_part) / 1.5);}
.org_page .chart_wrap ul li.departments{justify-content:space-between;flex-wrap:wrap}  
.org_page .chart_wrap ul li.departments ul{max-width:var(--width_part)} 
.org_page .chart_wrap ul li.departments ul:nth-child(2n){margin-right:0}
.org_page .chart_wrap ul li.departments ul:nth-child(n+3)::after{height:200%}
.org_page .chart_wrap ul li.departments ul li{margin-bottom:0.8rem;font-size:1.6rem}
.org_page .chart_wrap ul li.departments ul li.part::after{content:'';width:1px;height:1rem;background:#aaa;position:absolute;left:50%;bottom:-1rem;transform:translateX(-50%)} 

.org_page .og_cont_list{padding:3rem 2rem}

/*오시는길*/
.loaction_page .map_info{display:block}
.loaction_page .map_info li{width:100%}
.loaction_page .map_info li + li{margin-top:3rem}

/*----------사업분야----------*/

/*본문 테이블*/
.business_area .cont_area .cont_box .tbl_cont_area{width:100%;overflow-X:auto}
.business_area .cont_area .cont_box .tbl_cont_area .tbl_cont{width:80rem}
.business_area .cont_area .cont_box .tbl_cont_area .scroll_txt{display:block}

/*그림좌, 텍스트우*/
.business_area .cont_area .cont_box .txt_img_box{display:block}
.business_area .cont_area .cont_box .txt_img_box .img_box{max-width:30rem;width:100%;margin:0 auto 2rem}
.business_area .cont_area .cont_box .txt_img_box .txt_box{width:100%;padding:0}

.business_area .cont_area .cont_box .big_img_box_flex.flex3 {border:1px solid #ddd;border-radius:1rem;padding:3rem 2rem;}
.business_area .cont_area .cont_box .big_img_box_flex.flex3 > div{width:100%;border:0}
.business_area .cont_area .cont_box .big_img_box_flex.flex3 > div + div{margin-top:2rem}

.business_area .cont_area .cont_box .big_img_box_flex.flex4 > div{width:49%}
.business_area .cont_area .cont_box .big_img_box_flex.flex4 > div:nth-child(n + 3){margin-top:1rem}

/*사이트맵*/
#site_map_area .site_map{width:100%;margin-bottom:2rem;padding:0;}
#site_map_area .site_map ul{min-height:auto}

}


@media (max-width:480px){
/*페이지공통*/
#page_area .tit_box .tit{font-size:3rem}

/*인사말*/
.about_page .about_img{height:20rem;margin-bottom:3rem}

/*연혁*/
.his_page .his_cont .his_tit{width:100%;height:5rem;margin:0;border-radius:.5rem;}
.his_page .his_list li{width:100%}
.his_page .his_list li:before{left:-.8rem;right:auto}

.his_page .his_list li:nth-child(odd){padding:0 0 3rem 2rem;border-right:0;border-left:1px solid #ddd;text-align:left}
.his_page .his_list li:nth-child(even){padding:0 0 3rem 2rem;margin-left:0;}
.his_page .his_list li:first-child{padding-top:5rem}
.his_page .his_list li:first-child:before{top:5rem}

.his_page .his_list li .year{font-size:2rem}
.his_page .his_list li:nth-child(odd) .year_list .month{float:none;margin:0 1rem 0 0}


/*----------사업분야----------*/
.business_area .cont_area .cont_box .process_list li{width:49%}

/*그림좌, 텍스트우*/
.business_area .cont_area .cont_box .txt_img_box{padding:3rem 2rem}

/*이미지 단독 사용*/
.business_area .cont_area .cont_box .big_img_box_flex{display:block}
.business_area .cont_area .cont_box .big_img_box_flex > div{max-width:35rem;width:100%;margin:0 auto}
.business_area .cont_area .cont_box .big_img_box_flex > div + div{margin-top:2rem}

.business_area .cont_area .cont_box .big_img_box_flex.flex4{display:flex}
.business_area .cont_area .cont_box .big_img_box_flex.flex4 > div{border:0}
.business_area .cont_area .cont_box .big_img_box_flex.flex4 > div:nth-child(2){margin-top:0}
.business_area .cont_area .cont_box .big_img_box_flex .img_tit{padding:1rem .5rem}


/*좌타이틀 우 텍스트 구성*/
.business_area .cont_area .cont_box .cont_list2{padding:3rem 1.5rem}
.business_area .cont_area .cont_box .cont_list2 li .li_tit{width:9rem}
.business_area .cont_area .cont_box .cont_list2 li .li_txt{width:calc(100% - 9rem)}
}


@media (max-width:320px){
	/*페이지공통*/
#page_area .tit_box .tit{font-size:2.8rem}
}




