@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* 공통 */
#pgcm .pl{font-size:16px;white-space:pre-line;line-height:1.8;word-break:keep-all}
#pgcm  .tit{font-size:13px;font-weight:700;text-align:center;color:var(--primary); font-family:"poppins"}
#pgcm .txt_area{text-align:center;word-break:keep-all}
#pgcm .txt_area .tit::before{content:"";position:absolute;top:96px;left:50%;width:1px;height:33px;background:#ddd}
#pgcm .txt_area div{margin-top:45px;font-size:25px;line-height:1.5!important;font-family:"notokr-light"}
#pgcm .txt_area div span{font-family:"notokr-bold"}


/* 대표 인사말 */
.p33{padding-bottom:50px;position:relative;font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#777;text-align:center;font-family:'notokr-regular'}
.p33 .tit_area span{display:inline-block;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--primary);font-family:"poppins"}
.p33 .tit_area{margin-bottom:25px;color:#aaa;letter-spacing:-.8px;font-family:'notokr-light'}
.p33 .tit_area.t_center span:after{display:block;content:"";width:1px;height:25px;margin:12px auto;background-color:#ddd}
.p33 .tit_area p{font-size:29px!important;line-height:1.4}
.p33 strong{font-weight:normal;font-family:'notokr-bold'}
.p33 .t_center{padding:30px; text-align:center}
.p33 .t_center p{word-break:keep-all}
.p33  .c_black{color:#333}
.p33 .cont_area{padding-top:310px;background:url(/sh_page/img/p33_img.jpg) top center no-repeat}
.p33 .cont{padding-top:20px;width:90%;margin:0 auto;background-color:#fff}
.p33 .cont .st{padding-bottom:10px;font-size:20px;letter-spacing:-.8px;color:#333;word-break:keep-all;font-family:'notokr-medium'}
.p33 .cont .sign{color:#333;font-family:'notokr-bold'}
.p33 .cont .sign span{padding-left:5px;font-size:26px;color:#333;font-family:'Nanum Pen Script'}


/* p34 */
.p34 div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:256px;margin-top:25px;font-size:17px!important;color:#fff;text-align:center;background:url(/sh_page/img/p35_img01.jpg)no-repeat;}
.p34 div span{display:block;padding-bottom:12px;font-size:22px;font-weight:700;font-family:"poppins"}
.p34 .mission{height:auto;margin-top:80px;background:none;color:#222}
.p34 img{display:block;margin:50px 0 50px 220px}

/* 산업분야 공통 */
.samepg .cont{margin-top:50px}
.samepg .cont > b{display:block;padding:0 0 20px 10px;font-size:22px;font-family:"notokr-bold"}
.samepg .cont > b::before{content:"";display:inline-block;position:relative;top:-2px;left:-5px;width:10px;height:10px;border-radius:100%;border:3px solid var(--primary);background:#fff}
.samepg .cont01 p{width:90%;margin:0 auto;padding:55px;color:#777;text-align:center;background:#f7f7f7}
.samepg .cont01 p span{color:#222;font-family:"notokr-medium"}
.samepg .cont01 img{display:block;position:relative;z-index:-1;margin-top:-195px}
.samepg .cont02 ul{display:flex;align-items:center;justify-content:space-between;gap:20px}
.samepg .cont02 ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(100%/3);padding:50px 0;border:1px solid #e1e1e1;border-top:3px solid #222;text-align:center;color:#777}
.samepg .cont02 ul li b{width:33px;height:33px;border-radius:100%;background:var(--primary);color:#fff;font-size:13px;font-weight:700;text-align:center;line-height:33px;font-family:"poppins"}
.samepg .cont02 ul li p{padding:15px 0 5px;font-size:18px;color:#222;font-family:"notokr-medium"}

/* p37 */
.p37 .txt_area > span{display:block;margin:20px 0 40px;color:#777}
.p37 ul{display:flex;align-items:center;justify-content:center}
.p37 ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:315px;height:315px;border-radius:100%;color:#fff;text-align:center;background:rgba(62, 200, 144, 0.8)}
.p37 ul li b{padding:10px 20px;border-radius:30px;font-size:16px;color:#777;background:#fff;font-family:"notokr-bold"}
.p37 ul li span{display:block;padding:15px 0;font-size:16px}
.p37 ul li > p{font-size:16px;line-height:1.6}
.p37 ul li p::before{content:"";display:inline-block;position:relative;left:-8px;top:-3px;width:4px;height:4px;border-radius:100%;background:#fff}
.p37 ul li+li{margin-left:-20px}


/* p38 */
.p38 .cont03 .txt_box{padding:60px 0;font-size:18px;text-align:center;background:#f7f7f7}
.p38 .cont03 .txt_box span{display:block;padding-bottom:10px;font-size:18px;color:var(--primary);font-family:"notokr-bold"}
.p38 .cont03 .txt_box p{font-size:17px!important}
.p38 .cont03 img{display:block;margin:20px auto}
.p38 .cont03 ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;padding:60px; background:#ebf9f4}
.p38 .cont03 ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc((100% - 60px)/4);height:180px;border-radius:20px;background:#fff;text-align:center;color:#777;box-shadow: -6px 0px 28.880000000000003px 9.12px rgba(0, 0, 0, 0.03);}
.p38 .cont03 ul li span{display:block;padding-bottom:10px;font-size:17px;color:var(--primary);font-family:"notokr-medium"}
.p38 .cont03 ul li p{font-size:16px!important}
.p38 .cont03  dl{padding:50px 0;font-size:18px;text-align:center;background:#f7f7f7}
.p38 .cont03  dl dt{margin-bottom:20px;font-size:18px;color:var(--primary);font-family:"notokr-bold"}
.p38 .cont03  dl dd{display:block;width:50%;padding:20px 0;margin:0 auto;border-radius:30px;background:#fff;font-size:16px;font-family:"notokr-medium"}
.p38 .cont03  dl dd+dd{margin-top:10px}

/* p39 */
.p39 .txt_box{padding:40px 0;font-size:18px;text-align:center;background:#f7f7f7}
.p39 .txt_box span{display:block;padding-bottom:10px;font-size:20px;color:var(--primary);font-family:"notokr-bold"}
.p39 .txt_box p{font-size:17px!important}
.p39 .cont03 img{display:block;width:49%;margin:40px auto}

/* p40 */
.p40 .cont03 p{margin:70px 0;font-size:25px;text-align:center;font-family:"notokr-light"}
.p40 .cont03 p span{font-family:"notokr-bold"}
.p40 .cont03 img{display:block;margin:0 auto}

/* p42 */
.p42 > ul{display:grid;grid-template-columns:repeat(2,1fr);gap:60px;margin-top:50px}
.p42 > ul > li > p{padding:25px 0 15px 15px;font-size:18px;font-family:"notokr-bold"}
.p42 > ul li ul{border-top:2px solid #222}
.p42 > ul li ul li{display:flex;align-items:center;padding:20px 0 20px 15px;border-bottom:1px dotted #e1e1e1}
.p42 > ul li ul li p{width:15%;font-size:17px;color:var(--primary);font-family:"notokr-bold"}
.p42 > ul li ul li span{font-size:16px!important;color:#777}