@charset "utf-8";

.pagecommon{padding:40px 15px;font-size:14px}
.pagecommon .pl{white-space:normal}
.pagecommon .top_cont b{font-size:23px}
.pagecommon .top_cont p{margin-top:5px;font-size:13px}
.pagecommon .img_box{height:140px;margin-top:35px}
.pagecommon .tit{margin-bottom:20px;padding-left:15px;font-size:15px}
.pagecommon .tit:before{top:5px;width:3px}

/* 인사말 */
#p33 .top_cont span{margin-top:15px;font-size:15px;white-space:pre-line}
#p33 .top_cont span em{display:none}
#p33 .img_box{margin-bottom:35px}
#p33 .txt_cont img{height:35px;margin-top:35px}
#p33 .col_box{padding:30px 20px}
#p33 .col_box .qm{height:auto;margin:0 auto 10px}
#p33 .col_box p{width:auto;margin-bottom:34px;font-size:18px;line-height:1.3;}
#p33 .col_box p:before{display:none}
#p33 .col_box ul{grid-template-columns:repeat(1, 1fr);gap:10px}
#p33 .col_box ul li{height:120px}
#p33 .col_box ul li span{margin-bottom:8px;font-size:20px}

/* 조직도 */
#p34 .top_cont{margin-bottom:30px}

/* 사업안내 공통 */
.busi_page .line{width:35px;margin:25px auto}
.busi_page .txt_cont span{font-size:15px}
.busi_page .gray_cont{margin-top:35px;padding:0 15px}
.busi_page .proc_cont{gap:30px;margin-top:40px}
.busi_page .proc_cont li{width:100%}
.busi_page .proc_cont li:after{right:auto;top:auto;left:50%;transform:translateX(-50%);bottom:-27px;content:'\f0d7'}
.busi_page .proc_cont li:nth-child(3n):after{display:block}
.busi_page .proc_cont li:last-child:after{display:none}
.busi_page .proc_cont li span{line-height:35px}
.busi_page .proc_cont li p{height:80px;font-size:16px}
.busi_page .proc_cont li b{position:absolute;right:15px;bottom:15px}
.busi_page .proc_cont li b span{line-height:25px}
.busi_page .proc_cont li i{position:absolute;right:80px;bottom:23px;transform:rotate(-90deg)}
.busi_page .proc_cont li p em{font-size:13px}
.busi_page a{margin:50px auto 0;padding:0 35px;font-size:15px;line-height:55px}
.busi_page a i{margin-left:15px}
.busi_page .unm_list li{padding:15px 5px}
.busi_page .unm_list li span{width:30px;height:30px;font-size:13px;line-height:1}
.busi_page .unm_list li p{padding-top:3px;font-size:15px;text-align:left}

/* 안전보건관리체계구축 */
#p36 a{margin-bottom:40px}
#p36 .gray_cont.tg{margin:0 0 40px}
#p36 .gray_cont dl{display:block}
#p36 .gray_cont dl dt{width:100%;line-height:30px}
#p36 .gray_cont dl dd{padding-top:15px;text-align:center}
#p36 .step_cont ul{flex-direction:column;align-items:center;}
#p36 .step_cont ul li{width:180px;height:180px;font-size:15px}
#p36 .step_cont ul li:first-child{transform:translateY(20px)}
#p36 .step_cont ul li:nth-child(3){transform:translateY(-20px)}
#p36 .step_cont ul li:last-child{margin:30px 0 0 0}
#p36 .step_cont ul li:last-child:before{left:50%;top:-40px;transform:translateX(-50%) rotate(90deg)}
#p36 .step_cont a{margin:30px auto 0}
#p36 .step_cont .txt_cont{margin-top:50px;font-size:15px}
#p36 .txt_cont{margin-bottom:30px}

/* 소규모 사업장 기술지원 */
#p37 .proc_cont li{position:relative}

/* 안전관리전문기관 */
#p38 .box_cont{grid-template-columns:repeat(1, 1fr);}
#p38 .box_cont img{display:none}
#p38 .box_cont .box{padding:24px 20px}
#p38 .box_cont .box+.box{border-top:1px solid #e1e1e1}
#p38 .box_cont .box p{flex-direction:inherit;font-size:16px}
#p38 .box_cont .box p b{width:30px;height:30px;font-size:13px}
#p38 .box_cont .box ul{padding:0 0 0 15px;background:none}
#p38 .box_cont .box ul li{font-size:15px}
#p38 .box_cont:before{display:none}
#p38 .box_cont:after{display:none}
#p38 .step_cont ul{grid-template-columns:repeat(1, 1fr);gap:14px}
#p38 .step_cont ul li:after{right:auto;top:auto;bottom:-20px;transform:rotate(90deg)}
#p38 .step_cont ul li b{font-size:16px}
#p38 .box_cont .box:nth-of-type(3) p{color:var(--primary)}
#p38 .box_cont .box:nth-of-type(3) p b{background:var(--primary)}
#p38 .box_cont .box:nth-of-type(4) p{color:#222}
#p38 .box_cont .box:nth-of-type(4) p b{background:#333}
#p38 .box_cont .box:nth-of-type(3) ul li:before{background:var(--primary)}
#p38 .box_cont .box:last-child ul li:before{background:#333}

/* 석면해체작업감리 */
#p39 .gray_cont{margin-bottom:40px}
#p39 .gray_cont dl dd .dot_txt{margin:15px 0}
#p39 .txt_list{gap:10px}
#p39 .txt_list li{padding:15px 10px}
#p39 .txt_list li span{width:30px;height:30px;margin-bottom:10px;font-size:13px;line-height:1}

/* 인력현황 */
#p41 .cont_box{width:calc(100% - 30px);margin-top:-30px;padding:40px 20px 0}
#p41 .career_list{grid-template-columns:repeat(1,1fr);gap:8px}
#p41 .career_list li{padding:8px}
#p41 .list_txt{margin-top:40px;padding-top:40px}
#p41 .list_txt li{width:100%;text-align:center}