@charset "utf-8";

.pagecommon{position:relative;padding-bottom:50px;font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:'notokr-regular'}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}
.pagecommon b{font-weight:normal;font-family:'notokr-bold'}

/* 회사소개 */

#p33 .tit{font-size:30px;line-height:40px;color:#111;text-align:center;font-family:'notokr-light'}
#p33 .tit p{font-size:13px;font-weight:700;color:#59b9e2;letter-spacing:0;font-family:'Poppins'}
#p33 .tit span{font-family:'notokr-bold'}
#p33 .tit img{padding-top:60px;border-bottom:5px solid #59b9e2}
#p33 .top{padding:70px 80px 155px 72px;border-bottom:1px solid #e1e1e1}
#p33 .top div{display:block;font-size:13px;color:#111;font-family:'notokr-bold'}
#p33 .top div p{font-size:25px;color:#111;font-family:'notokr-bold'}
#p33 .top div::before{content:"";display:inline-block;position:absolute;left:50px;width:7px;height:7px;background-color:#59b9e2}
#p33 .top > p{float:right;font-size:15px;color:#777}
#p33 .bottom{padding:80px 0px 0 72px}
#p33 .bottom p{font-size:15px;color:#777}
#p33 ul{display:flex;align-items:center;justify-content:center;padding:70px 0}
#p33 ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 70px;border-left:1px solid #e1e1e1;font-size:16px;color:#59b9e2;font-family:'notokr-medium'}
#p33 ul li:first-child{border-left:none}
#p33 ul li > img{padding-bottom:15px}
#p33 .bottom .sign{font-size:15px;color:#111;font-family:'notokr-bold'}

/* 조직도 */
 #p34{display:flex;align-items:center;justify-content:center}

 /* 회사연혁 */
#p35 .tit{margin:0 0 85px 27px;font-size:30px;line-height:40px;color:#111;font-family:'notokr-light'}
#p35 .tit::before{content:"";display:inline-block;position:absolute;left:0;top:-10px;width:7px;height:7px;background:#59b9e2}
#p35 .tit span{font-family:'notokr-bold'}
#p35 .tit .sub_tit{font-size:18px;line-height:30px;color:#777}
#p35 .cont{width:775px;border-top:3px solid #59b9e2}
#p35 .wrap{display:flex;align-items: flex-start;justify-content:space-between;margin-left:27px}
#p35 .wrap .year{font-size:30px;color:#59b9e2;font-family:'notokr-bold'}
#p35 .cont dl{padding:35px 0 30px 35px}
#p35 .cont dl:nth-child(2n-1){background:#f5f5f5}
#p35 .cont dl dd{position:relative;padding:0 0 0 19px;color:#777}
#p35 .cont dl dd:before{position:absolute;left:0;top:14px;content:'';width:4px;height:4px;border-radius:100px;background:#777}
#p35 .cont dl dd span{display:inline-block;width:33px;font-weight:700;letter-spacing:0;color:#444;font-family:'Poppins', sans-serif}

/* 솔루션 */
.sol .tit{text-align:center}
.sol .tit span{font-size:13px;font-weight:700;color:#59b9e2;letter-spacing:0;font-family:'Poppins'}
.sol .tit p{font-size:30px;color:#111;font-family:'notokr-bold'}
.sol .tit div{margin-top:20px}
.sol .dot_tit{position:relative;margin-bottom:10px;padding-left:18px;font-size:18px;color:#111;font-family:'notokr-medium'}
.sol .dot_tit:after{position:absolute;content:'';top:12px;left:0;width:8px;height:8px;border-radius:50px;border:2px solid #59b9e2}
.sol .img_wrap{padding:40px;bordeR:1px solid #e1e1e1;text-align:center}
.sol .img_wrap>img+img{margin-top:20px}
.sol .img_wrap .view_img{width:100%}
#p40 .cont_area{margin-top:125px}
#p40 .tit div{white-space:pre-line}
#p40 .img_area{position:relative;display:flex;width:900px;margin:0 auto;padding:30px 50px;border-radius:50px;justify-content:space-between;border:1px solid #e1e1e1;background:#f2f2f2}
#p40 .img_area ul{display:flex;align-items:center}
#p40 .img_area ul li{font-size:17px;color:#111;font-family:'notokr-medium'}
#p40 .img_area ul li+li{position:relative;margin-left:20px;padding-left:20px}
#p40 .img_area ul li+li:after{position:absolute;content:'';top:50%;left:0;width:3px;height:3px;transform:translateY(-50%);background:#59b9e2}
#p40 .img_area p{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:180px;height:180px;border-radius:50%;font-size:20px;font-weight:700;color:#fff;transform:translate(-50%,-50%);letter-spacing:0;background:url(/sh_page/img/p40_img.jpg);font-family:'Poppins'}
#p40 .mean{margin-bottom:50px}
#p40 .mean ul{width:90%;margin:0 auto;padding:70px 50px 50px;background:#fff}
#p40 .mean li{position:relative;padding:16px;color:#222;font-family:'notokr-medium'}
#p40 .mean li:after{position:absolute;content:'';top:30px;left:0;width:3px;height:3px;background:#59b9e2}
#p40 .mean li+li{border-top:1px dashed #e1e1e1}
#p40 .mean img{position:relative;z-index:-1;margin-top:-150px}
#p40 .view+.view{margin-top:50px}
#p40 .view span{display:block;padding:7px;font-size:17px;text-align:center;color:#fff;background:#59b9e2;font-family:'notokr-medium'}
#p40 .view li+li{margin-top:20px}

#p41 .list{display:flex;text-align:center;justify-content:space-between;margin-top:50px}
#p41 .list dl{width:32%}
#p41 .list dl dt{margin-bottom:20px;padding:10px;border-radius:50px;font-size:20px;font-weight:700;color:#fff;letter-spacing:0;background:#59b9e2;font-family:'Poppins', 'notokr-bold'}
#p41 .list dl:nth-child(2) dt{background:#a1e533}
#p41 .list dl:nth-child(3) dt{background:#e58533}
#p41 .list dl dd p{font-size:16px;color:#111;font-family:'notokr-medium'}
#p41 .list dl dd+dd{margin-top:10px;padding-top:10px;border-top:1px dashed #e1e1e1}
#p41 .box{margin-top:50px}
#p41 .box ul{display:flex;flex-wrap:wrap;justify-content:space-between}
#p41 .box ul li{border:1px solid #e1e1e1}
#p41 .box ul li:nth-child(n+5){margin-top:20px}

#p42 ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px;padding:50px;border:1px solid #e1e1e1}
#p42 ul li{width:49%}
#p42 ul li:nth-child(n+3){margin-top:20px}
#p42 ul li img{width:100%}

#p43 .img_area{margin-top:70px}


/* S/I */
#p38 .inner{position:relative;z-index:1;margin-bottom:-80px;padding:0 50px}
#p38 .tit span{font-size:13px;font-weight:700;color:#59b9e2;letter-spacing:0;font-family:'Poppins'}
#p38 .tit p{font-size:30px;line-height:1.5;color:#111;font-family:'notokr-light'}
#p38 .mean{width:60%;margin:30px 0 0 40%;font-size:17px}
#p38 .mean p{position:relative;padding-left:17px;margin-bottom:10px;font-size:20px;color:#59b9e2;font-family:'notokr-bold'}
#p38 .mean p:after{position:absolute;content:'';top:0;left:0;width:5px;height:5px;background:#59b9e2}
#p38 .step{display:flex;justify-content:space-around;margin-top:80px;border-top:2px solid #59b9e2;background:#fff}
#p38 .step dl{position:relative;width:20%;padding:30px 35px 35px}
#p38 .step dl:nth-child(even){background:#f2f2f2}
#p38 .step dl dt{margin-bottom:20px;font-size:17px;color:#111;font-family:'notokr-medium'}
#p38 .step dl dt span{font-size:12px;font-weight:700;color:#59b9e2;letter-spacing:0;font-family:'Poppins'}
#p38 .step dl dd{position:relative;padding-left:10px}
#p38 .step dl dd:after{position:absolute;content:'';top:50%;left:0;width:3px;height:3px;transform:translateY(-50%);background:#aaa}