@charset "utf-8";
#comingsoon{width:100%;padding-top:100px;text-align:center}

#pageCm{padding:10px 0 30px;font-size:15px;line-height:1.6;letter-spacing:-.1px;font-family:'notokr-regular'}
#pageCm .c_sky{color:#5287c6}
#pageCm .clear{overflow:hidden}
#pageCm h4{font-size:17px;letter-spacing:2px;color:#b7b7b7;font-family:'notokr-medium'}
#pageCm .tit{margin:25px 0;font-size:27px;line-height:1.4;letter-spacing:-1.2px;color:#111;font-family:'notokr-medium'}
#pageCm .btn_area a{display:inline-block;position:relative;width:140px;padding-bottom:13px;color:#5287c6;background:url(/sh_page/img/arr.png) right 10px no-repeat;font-family:'notokr-medium'}
#pageCm .btn_area a.first{margin-right:25px}
#pageCm .btn_area a:before, #pageCm .btn_area a:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:2px;transition:width .4s;transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000)}
#pageCm .btn_area a:before{width:100%;right:0;background:#5287c6;transition-delay:.2s}
#pageCm .btn_area a:after{width:0;left:0;background:#5287c6;transition-delay:0s}
#pageCm .btn_area a:hover:before{width:0;transition-delay:0s}
#pageCm .btn_area a:hover:after{width:100%;transition-delay:.2s}  
/* 인사말 */
.p33{background:url(/sh_page/img/p33_bg.jpg) right center no-repeat}

/* 비전 */
.p34 .cont{float:left;width:48%}
.p34 .cont.right{float:right}
.p34 img{margin:10px 0 40px}
.p34 img{margin:10px 0 40px}

/* 연혁 */
.p35 .history{padding:15px 0 0 35px;border-left:1px dashed #e1e1e1}
.p35 .history dl{margin:0 0 35px 10px;padding-bottom:30px;border-bottom:1px dashed #e1e1e1}
.p35 .history dl dd{position:relative;padding-left:10px}
.p35 .history dl dd:before{content:'';position:absolute;left:0;top:10px;width:3px;height:3px;border-radius:50%;background-color:#222;}
.p35 .history dl dt{position:relative;padding-bottom:10px;font-weight:700;color:#5287c6;font-size:17px;font-family:'Titillium Web'}
.p35 .history dl dt:before{content:"";display:block;position:absolute;left:-55px;top:5px;width:19px;height:19px;border:4px solid #5287c6;border-radius:19px;background-color:#fff}
.p35 .history dl.last{border-bottom:none}

/* 조직도 */
.p36{text-align:center}
.p36 img{padding:50px 0 0 0;margin-left:-10px}

/* CI */
.p39 .cont{float:left;width:48%}
.p39 .cont.right{float:right}
.p39 .cont h5{margin:12px 0 10px;font-size:17px;font-family:'notokr-medium'}

/* 오시는길 */
.p40 h4{margin-bottom:20px}
.p40 h5{margin-bottom:10px;font-size:20px;color:#222;font-family:'notokr-bold'}
.p40 .wrap_cont{margin-bottom:70px}
.p40 .wrap_cont:last-child{margin-bottom:0}
.p40 .wrap_cont .box_cont{overflow:hidden}
.p40 .wrap_cont .box_cont > div{float:left;overflow:hidden;width:50%}
.p40 .wrap_cont .box_cont.map2 div{width:100%!important}
.p40 .wrap_cont .box_map iframe{width:100%;height:350px}
.p40 .wrap_cont .box_map2 iframe{width:100%;height:100%}
.p40 .wrap_cont .box_map p{padding-left:5px}
.p40 .wrap_cont .direct{position:relative;margin-top:30px;padding:30px 50px 30px 180px;border-radius:20px;background-color:#f1f1f1}
.p40 .wrap_cont .direct > div{position:absolute;top:56px;left:25px;text-align:center}
.p40 .wrap_cont .direct > div img{width:80%}
.p40 .wrap_cont .direct > div span{display:block;padding-top:5px;font-size:14px}
.p40 .wrap_cont .direct p{padding-bottom:10px;font-size:20px;color:#5287c6;font-family:'notokr-bold'}
.p40 .wrap_cont .direct dl{margin-bottom:15px}
.p40 .wrap_cont .direct dt{color:#333;font-family:'notokr-medium'}
.p40 .wrap_cont .direct dt:before{content:"▶";display:inline-block;margin-right:5px}
.p40 .wrap_cont .direct .box_ico{top:24px}

/* 사업분야 */
.business{text-align:center}
.business h4:after{content:"";display:block;width:16px;height:2px;margin:20px auto;background-color:#5287c6}
.business h3{margin-bottom:20px;font-size:27px;color:#222;font-family:'notokr-medium'}
.business .cont{margin-top:60px}
.business .cont > div{float:left;padding:50px;border-radius:2px}
.business .cont .img{width:52%;padding-right:80px;background-color:#f7f7f7}
.business .cont .info{width:51%;margin:90px 0 0 -3%;padding:60px 70px 70px;border:1px solid #e1e1e1;text-align:left;background: #fff}
.business .cont .info h4:after{display:none}
.business .cont .info ul{margin:30px 0}
.business .cont .info ul li{line-height:2}
.business .cont .info ul li:before{content:"";display:inline-block;vertical-align:middle;width:2px;height:2px;margin-right:12px;background-color:#5287c6}
.p44 .cont .img{width:68%}
.p44 .cont .info{width:34%;margin:90px 0 0 -2%}
.p43 .business .img{width:57%;padding:50px 25px}
.p43 .business .info{width:45%;margin:90px 0 0 -2%}
.p60 .cont .img{width:60%}
.p60 .cont .info{width:43%;margin:310px 0 0 -3%}
.p61 .cont .img{width:63%}
.p61 .cont .info{width:40%}

/* 연소촉매 및 버너 */
.p42 .bg_box{margin-bottom:50px}
.p42 dl{margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #e1e1e1}
.p42 dl.last{border-bottom:none}
.p42 dl:after{display:block;visibility:hidden;clear:both;content:""}
.p42 dl dt, .p_prod dl dd{float:left}
.p42 dt{position:relative;width:25%;font-size:20px;color:#5287c6;font-family:'notokr-medium'}
.p42 dd{overflow:hidden;width:75%}
.p42 dd .list01{padding-left:80px}
.p42 dd .list01 li{overflow:hidden;margin-bottom:30px}
.p42 dd .list01 li h6{display:inline-block;vertical-align:middle;width:27%; height:48px;margin-right:10px;font-size:16px;line-height:48px;text-align:center;color:#222;background-color:#e5edf7;font-family:'notokr-medium'}
.p42 dd .list01 li.last h6{background-color:#feedd3}
.p42 dd .list01 li p{display:inline-block;vertical-align:middle;width:70%;padding-left:100px;background:url(/sh_page/img/p42_arr.png) 10px center no-repeat;}
.p42 dd .list01 li p span{font-family:'notokr-medium'}
.p42 dd .list01 li p .c_blue{color:#3684e1}
.p42 dd .list01 li p .c_orange{color:#f60}
.p42 dd .list02{overflow:hidden}
.p42 dd .list02 li{float:left;position:relative;vertical-align:top;width:31%;height:180px;padding-top:50px;border:2px solid #5287c6;text-align:center;color:#222;background-color:#fff;font-family:'notokr-medium'}
.p42 dd .list02 li:nth-child(2){padding-top:45px;margin:0 1.5%}
.p42 dd .list02 li p{position:absolute;top:0;left:0;width:35px;height:35px;font-size:14px;color:#fff;line-height:35px;background-color:#5287c6}
.p42 dd .list02 li span{color:#F60}
.p42 h5{margin-bottom:15px;font-size:20px;color:#222;text-align:center;font-family:'notokr-medium'}
.p42 h5:after{content:"";display:block;width:30px;height:2px;margin:15px auto 30px;background-color:#ccc}
.p42 table{width:100%;margin:0 auto 50px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1} 
.p42 table tr th{padding:15px 0;font-weight:normal;color:#fff;background-color:#666;font-family:'notokr-bold'}
.p42 table tr th.c_bg{color:#fff;background-color:#5287c6}
.p42 table tr td{vertical-align:top;padding:10px  20px;border-left:1px solid #e1e1e1}
.p42 table tr td ul li{position:relative;padding:12px 0 12px 10px;border-bottom:1px dotted #c7c7c7;text-align:left}
.p42 table tr td ul li:before{content:"";position:absolute;top:21px;left:0;vertical-align:middle;width:2px;height:2px;background-color:#5287c6}
.p42 table tr td ul li.last{border-bottom:none}
.p42 .cont{margin-bottom:50px;text-align:center}
.p42 .cont > li{display:inline-block;vertical-align:top;width:28%;height:415px;padding:30px 28px;border:1px solid #e1e1e1}
.p42 .cont > li:nth-child(2){position:relative;margin:0 75px}
.p42 .cont > li:nth-child(2):before,.p42 .cont > li:nth-child(2):after{display:block;content:"\f105";position:absolute;top:50%;left:-57px;width:35px;height:35px;line-height:34px;color:#fff;font-family:FontAwesome;background-color:#5287c6}
.p42 .cont > li:nth-child(2):after{left:auto;right:-57px}
.p42 .cont > li > p{margin:15px 0;padding-bottom:10px;border-bottom:1px solid #e1e1e1;font-size:17px;color:#5287c6;font-family:'notokr-bold'}
.p42 .cont > li span{display:block;padding-bottom:12px;font-size:14px;color:#222;font-family:'notokr-medium'}
.p42 .cont > li .txt{font-size:14px;text-align:left}
.p42 .cont > li .txt p{padding-left:10px}
.p42 .cont > li ul li:before{content:"";display:inline-block;vertical-align:middle;width:2px;height:2px;margin-right:5px;background-color:#5287c6}
.p42 .list.first{margin-bottom:50px}
.p42 .list li{text-align:left;line-height:2}
.p42 .list li:before{content:"";display:inline-block;vertical-align:middle;width:2px;height:2px;margin-right:10px;background-color:#5287c6}
.p42 .btn_area{text-align:center}
#pageCm.p42 .btn_area a{width:200px;text-align:left}

/* 기계장치 */
.p45{text-align:center}
.p45 h4:after{content:"";display:block;width:16px;height:2px;margin:20px auto;background-color:#5287c6}
.p45 h3{margin-bottom:20px;font-size:27px;color:#222;font-family:'notokr-medium'}
.p45 .cont{margin:60px 0 30px;text-align:left}
.p45 dl{overflow:hidden;float:left;width:49.7%;margin-bottom:30px;padding-bottom:30px;border-bottom:1px dashed #ddd}
.p45 dl:nth-child(1), .p45 dl:nth-child(2){height:334px}
.p45 dl dt, .p45 dl dd{float:left}
.p45 dl dt{width:45%}
.p45 dl dt img{width:100%}
.p45 dl dd{width:55%;padding:20px 30px 15px 25px;font-size:16px;color:#222;font-family:'notokr-medium'}
.p45 dl dd span{display:block;position:relative;margin-bottom:15px;padding-bottom:15px;border-bottom:1px dotted #5287c6;font-size:13px;color:#5287c6;letter-spacing:1px;font-family:'notokr-medium'}
.p45 dl dd span:after{content:"";display:block;position:absolute;right:0;top:8px;width:5px;height:5px;border-radius:5px;background-color:#5287c6}
.p45 .btn_area a{text-align:left}
#pageCm.p45 .btn_area{margin-top:50px}
#pageCm.p45 .btn_area a{width:200px;text-align:left}

/*토목 및 건축용 소재[산업부산물 재활용]*/
.p69 h3{margin-bottom:15px;font-size:20px;color:#222;text-align:center;font-family:'notokr-medium'}
.p69 h3:after{content:"";display:block;width:30px;height:2px;margin:15px auto 30px;background-color:#ccc}
.p69 .business{margin-top:0}
.p69 .business .tit{text-align:center}
.p69 .business .bg_box{margin-bottom:50px}
.p69 .business .bg_box02{margin-bottom:50px}
.p69 .business .bg_box02{background-color:#f7f7f7}
.p69 .business table{width:100%;margin:20px 0 70px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.p69 .business table.first{margin-bottom:15px}
.p69 .business table tr th{width:100px;padding:15px 0;border-bottom:1px solid #888;font-weight:normal;color:#fff;background-color:#666;font-family:'notokr-medium'}
.p69 .business table tr:first-child th:first-child{border-left:none}
.p69 .business table tr:last-child th{border-bottom:none}
.p69 .business table tr td{padding:10px;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;text-align:center}
.p69 .business table thead th{border-left:1px solid #8ab2e2;border-bottom:none;color:#fff;background-color:#5287c6}
.p69 .business .dl_all{overflow:hidden}
.p69 .business .dl_all dl{float:left;width:calc(100% / 3 - 10px);height:320px;margin:0 10px 10px 0;border: 1px solid #e1e1e1}
.p69 .business .dl_all dl:nth-child(3n){margin-right:0}
.p69 .business .dl_all dt{padding:15px 0;font-weight:normal;color:#fff;background-color:#666;text-align:center;font-family:'notokr-bold'}
.p69 .business .dl_all dd{position:relative;margin:0 12px;padding:12px 0 12px 10px;border-bottom:1px dotted #c7c7c7;text-align:left}
.p69 .business .dl_all dd:nth-child(2){margin-top:10px}
.p69 .business .dl_all dd:last-child{margin-bottom:10px;border-bottom:0}
.p69 .business .dl_all dd:before{content:"";position:absolute;top:22px;left:0;vertical-align:middle;width:2px;height:2px;background-color:#5287c6}
.p69 .business .dl_all dd a{color:#666;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.p69 .business .dl_all dd a:hover{color:#333}
.p69 .business .dl_all dd i{margin-left:5px;color:#8ab2e2;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.p69 .business .dl_all dd a:hover i{color:#5287c6}

.p69 .rec{margin-top:100px;text-align:center}
.p69 .rec table{border-collapse:collapse}
.p69 .rec .bg_box{margin-top:40px}
.p69 .rec table tr th{border-right:1px solid #e1e1e1;border-top:1px solid #e1e1e1}
.p69 .rec table tr th:first-child{border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.p69 .rec table tr th:last-child{border-bottom:1px solid #e1e1e1}
.p69 .rec table tr td{border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.p69 .rec table tr td:first-child{border-left:1px solid #e1e1e1}
.p69 .rec .b_tit{margin:70px 0 15px;font-size:20px;color:#222;text-align:center;font-family:'notokr-medium'}
.p69 .rec .b_tit:after{content:"";display:block;width:30px;height:2px;margin:15px auto 30px;background-color:#ccc}
.p69 .rec .bg_box{padding:50px 40px;border-radius:2px;background-color:#f7f7f7}
.p69 .rec .bg_box img{width:100%;margin-top:30px}
.p69 .rec .cont{overflow:hidden}
.p69 .rec .cont .tit_wrap{overflow:hidden;margin-bottom:15px;text-align:left}
.p69 .rec .cont .tit_wrap .tit{margin:60px 0 0 0 !important;font-size:20px !important}
.p69 .rec .cont .tit_wrap .tit:before{display:inline-block;content:'';width:8px;height:8px;margin-right:8px;border-radius:50%;background-color:#5287c6;vertical-align:5px}
.p69 .rec .cont .s_tit{position:relative;padding:12px 0 12px 10px;margin-left:-10px;font-size:18px;line-height:1.4;letter-spacing:-1.2px;color:#111;text-align:left;font-family:'notokr-medium'}
.p69 .rec .cont .s_tit:before{content:"";position:absolute;top:22px;left:0;vertical-align:middle;width:5px;height:5px;border-radius:50%;background-color:#5287c6}
.p69 .rec .cont .wrap_img{padding:40px;margin-top:20px;background-color:#f7f7f7}
.p69 .rec .cont .wrap_img .bd{border:1px solid #e1e1e1}
.p69 .rec .cont table{width:100%}
.p69 .rec .cont table caption{display:none;font-size:0;text-indent:-9999px}
.p69 .rec .cont table thead th{padding:15px 0;background:#85a7d0;color:#fff;line-height:26px}
.p69 .rec .cont table tbody th{background-color:#666;font-weight:normal;color:#fff}
.p69 .rec .cont table tbody th.bg_color{background-color:#5287c6;color:#fff;border-top:1px solid rgba(255,255,255,.25)}
.p69 .rec .cont table tbody td{padding:10px}
.p69 .rec .cont table tbody td.bg_color{background-color:#f4fafe;color:#222}
.p69 .rec .cont .table_tit{margin-left:0}
.p69 .rec .cont .op{text-align:right;font-size:13px}
.p69 .rec .tbl_w th{width:50%}
.p69 .rec .cont .btn_area{margin-top:25px}
.p69 .rec .sec{overflow:hidden}
.p69 .rec .sec table tbody th{width:189px;border-bottom:1px solid #e1e1e1;color:#222;background-color:#f7f7f7}
.p69 .rec .sec table tbody tr td{text-align:left}
.p69 .rec .sec .table01{float:left;width:67%}
.p69 .rec .sec .wrap_img{float:left;width:32%;height:283px;padding:0;margin:0 0 0 10px;border:1px solid #e1e1e1;background-color:#fff}
.p69 .rec .sec .wrap_img img{width:100%;padding:20px 10px}
.p69 .rec .rein > table tbody tr .menu{width:69px}
.p69 .rec .rein .bot_cont{overflow:hidden;padding:35px 40px;background-color:#f7f7f7}
.p69 .rec .rein .bot_cont .r_tit{margin:0 0 15px 10px;text-align:left}
.p69 .rec .rein .right_cont .s_cont .txt{text-align:left}
.p69 .rec .steel .r_img{float:left;width:calc(50% - 5px);margin-top:15px;padding:10px 0;margin-left:5px;text-align:center;border:1px solid #e1e1e1}
.p69 .rec .cont_02 .cont+.cont{padding-top:60px;border-top:1px dotted #d7d7d7}
.p69 .rec .cont .right_cont thead tr:nth-child(2) th{border-bottom:1px solid #e1e1e1;color:#333;background-color:#f7f7f7}
.p69 .rec .cont .s_cont+.s_cont{margin-top:30px}
.p69 .rec .cont .s_cont .dl_all{overflow:hidden}
.p69 .rec .cont .s_cont .dl_all dl{float:left;width:calc(100% / 2 - 11px);text-align:left}
.p69 .rec .cont .s_cont .dl_all dl:last-child{margin-top:20px}
.p69 .rec .cont .s_cont .dl_all .dl_table{clear:both;width:100%}
.p69 .rec .cont .s_cont .dl_all dl dt{position:relative;padding-left:10px;font-size:17px;color:#333;font-family:'notokr-medium'}
.p69 .rec .cont .s_cont .dl_all dl dt:before{content:'';position:absolute;top:11px;left:0;width:3px;height:3px;border-radius:50%;background-color:#555}
.p69 .rec .cont .s_cont .dl_all dl dd{margin-left:15px;padding:5px 0}
.p69 .rec .cont .s_cont .dl_all dl.dl_table dd{margin-left:0}
.p69 .rec .cont .s_cont .dl_all dl dd table{margin-top:6px;text-align:center}
.p69 .rec .client .wrap_img img{width:100%}
.p69 .rec .box_info{padding:35px 20px;font-size:16px;background-color:#f1f1f1}



/*사업분야 - 철강사업부*/
.p62 table,thead,tbody,tr,th,td{border-collapse:collapse;font-weight:normal}
.p62 table{margin-bottom:5px}
.p62 table tr th{border-right:1px solid #e1e1e1;border-top:1px solid #e1e1e1}
.p62 table tr th:first-child{border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.p62 table tr th:last-child{border-bottom:1px solid #e1e1e1}
.p62 table tr td{border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.p62 table tr td:first-child{border-left:1px solid #e1e1e1}
.p62 .cont > div{float:none}
.p62 .b_tit{margin:70px 0 15px;font-size:20px;color:#222;text-align:center;font-family:'notokr-medium'}
.p62 .b_tit:after{content:"";display:block;width:30px;height:2px;margin:15px auto 30px;background-color:#ccc}
.p62 .bg_box{padding:50px 40px;border-radius:2px;background-color:#f7f7f7}
.p62 .bg_box img{width:100%;margin-top:30px}
.p62 .cont{overflow:hidden}
.p62 .cont > div{padding:0}
.p62 .cont .tit_wrap{overflow:hidden;margin-bottom:15px;text-align:left}
.p62 .cont .tit_wrap .tit{margin:0 auto 12px !important;font-size:20px !important}
.p62 .cont .tit_wrap .tit:before{display:inline-block;content:'';width:8px;height:8px;margin-right:8px;border-radius:50%;background-color:#5287c6;vertical-align:5px}
.p62 .cont .s_tit{position:relative;padding:12px 0 12px 10px;margin-left:-10px;font-size:18px;line-height:1.4;letter-spacing:-1.2px;color:#111;text-align:left;font-family:'notokr-medium'}
.p62 .cont .s_tit:before{content:"";position:absolute;top:22px;left:0;vertical-align:middle;width:5px;height:5px;border-radius:50%;background-color:#5287c6}
.p62 .cont .wrap_img{padding:40px;margin-top:20px;background-color:#f7f7f7}
.p62 .cont .wrap_img .bd{border:1px solid #e1e1e1}
.p62 .cont table{width:100%}
.p62 .cont table caption{display:none;font-size:0;text-indent:-9999px}
.p62 .cont table th{border-bottom:1px solid #e1e1e1}
.p62 .cont table thead th{padding:15px 0;background:#85a7d0;color:#fff;line-height:26px}
.p62 .cont table tbody th{background-color:#666;font-weight:normal;color:#fff}
.p62 .cont table tbody th.bg_color{background-color:#5287c6;color:#fff;border-top:1px solid rgba(255,255,255,.25)}
.p62 .cont table tbody td{padding:10px}
.p62 .cont table tbody td.bg_color{background-color:#f4fafe;color:#222}
.p62 .cont .table_tit{margin-left:0}
.p62 .cont .op{text-align:right;font-size:13px}
.p62 .tbl_w th{width:50%}
.p62 .cont .btn_area{margin-top:25px}
.p62 .sec{overflow:hidden}
.p62 .sec table tbody th{width:189px;border-bottom:1px solid #e1e1e1;color:#222;background-color:#f7f7f7}
.p62 .sec table tbody tr td{text-align:left}
.p62 .sec .table01{float:left;width:67%}
.p62 .sec .wrap_img{float:left;width:32%;height:283px;padding:0;margin:0 0 0 10px;border:1px solid #e1e1e1;background-color:#fff}
.p62 .sec .wrap_img img{width:100%;padding:20px 10px}
.p62 .rein > table tbody tr .menu{width:69px}
.p62 .rein .bot_cont{overflow:hidden;padding:35px 40px;background-color:#f7f7f7}
.p62 .rein .bot_cont .r_tit{margin:0 0 15px 10px;text-align:left}
.p62 .rein .right_cont .s_cont .txt{text-align:left}
.p62 .steel .r_img{float:left;width:calc(50% - 5px);margin-top:15px;padding:10px 0;margin-left:5px;text-align:center;border:1px solid #e1e1e1}
.p62 .cont_02 .cont+.cont{padding-top:60px;border-top:1px dotted #d7d7d7}
.p62 .cont .right_cont thead tr:nth-child(2) th{border-bottom:1px solid #e1e1e1;color:#333;background-color:#f7f7f7}
.p62 .cont .s_cont+.s_cont{margin-top:30px}
.p62 .cont .s_cont .dl_all{overflow:hidden}
.p62 .cont .s_cont .dl_all dl{float:left;width:calc(100% / 2 - 11px);margin:-5px 0 16px 11px;text-align:left}
.p62 .cont .s_cont .dl_all dl:last-child{margin:0}
.p62 .cont .s_cont .dl_all .dl_table{clear:both;width:100%}
.p62 .cont .s_cont .dl_all dl dt{position:relative;padding-left:10px;font-size:17px;color:#333;font-family:'notokr-medium'}
.p62 .cont .s_cont .dl_all dl dt:before{content:'';position:absolute;top:11px;left:0;width:3px;height:3px;border-radius:50%;background-color:#555}
.p62 .cont .s_cont .dl_all dl dd{margin-left:15px;padding:5px 0}
.p62 .cont .s_cont .dl_all dl.dl_table dd{margin-left:0}
.p62 .cont .s_cont .dl_all dl dd table{margin-top:6px;text-align:center}
.p62 .client .wrap_img img{width:100%}
.p62 .client .b_tit{margin-top:0}
.p62 .box_info{padding:35px 20px;font-size:16px;background-color:#f1f1f1}


/* 기술소개 */
#pageCm.skill{position:relative;padding-top:0}
#pageCm.skill h4{position:absolute;top:-105px;right:0}
#pageCm.skill h4:after{content:"";display:none}
#pageCm.skill .tit{margin:0 0 15px}
.skill{margin-top:120px}
.skill h4{text-align:center}
.skill h4:after{content:"";display:block;width:16px;height:2px;margin:20px auto;background-color:#5287c6}
.skill .bg_box{padding:35px 40px;border-radius:2px;background-color:#f7f7f7}

/* 기술소개- R&D*/
.p47.skill{margin-top:60px}
.p47 .skill h4{position:absolute;right:0;top:10px}
.p47 .cont li{float:left;width:49.5%;height:190px;margin-bottom:11px;padding:65px 0 0 210px;background-repeat:no-repeat;background-position:60px center;background-color:#f7f7f7}
.p47 .cont li h5{margin-bottom:5px;font-size:17px;color:#222;font-family:'notokr-bold'}
.p47 .cont li:nth-child(1){margin-right:1%;border:1px solid #e1e1e1;background-color:#fff;background-image:url(/sh_page/img/p47_icon01.png)}
.p47 .cont li:nth-child(2){background-image:url(/sh_page/img/p47_icon02.png)}
.p47 .cont li:nth-child(3){margin-right:1%;padding-top:32px;background-image:url(/sh_page/img/p47_icon03.png)}
.p47 .cont li:nth-child(4){border:1px solid #e1e1e1;background-color:#fff;background-image:url(/sh_page/img/p47_icon04.png)}
.p47 .cont02{margin-top:40px;padding:235px 0 120px 50px;background:url(/sh_page/img/p47_bg.jpg) right top no-repeat}
.p47 .cont02 h5{margin-bottom:50px;font-size:27px;line-height:1.4;letter-spacing:-1px;color:#fff;font-family:'notokr-medium'}
.p47 .cont02 h6{padding:30px 0 5px;font-size:16px;color:#222;font-family:'notokr-bold'}
.p47 .cont02 p{text-decoration:underline;color:#222;font-weight:'notokr-medium'}

.skill.p47 .cont li{position:relative;height:auto;padding:55px 0 55px 148px;background-position:20px 35px}
.skill.p47 .cont li dl{overflow:hidden}
.skill.p47 .cont li dl + dl{margin-top:15px}
.skill.p47 .cont li dt{font-weight:bold}
.skill.p47 .cont li dd{position:relative;width:100%;padding:0 0 2px 8px}
.skill.p47 .cont li dd:before{content:"";position:absolute;top:11px;left:0;width:4px;height:1px;background-color:#777}
.skill.p47 .cont li:nth-child(4) .img{position:absolute;overflow:hidden;left:-1px;bottom:-166px;width:calc(100% + 2px);height:153px}
.skill.p47 .cont li:nth-child(4) span{display:block;position:relative;padding:0 0 2px 8px}
.skill.p47 .cont li:nth-child(4) span:before{content:"";position:absolute;top:11px;left:0;width:4px;height:1px;background-color:#777}

/* 기술소개 - 대기환경 */
.p43 .skill .bg_box{margin-bottom:50px}
.p43 .skill .bg_box02{margin-bottom:50px}
.p43 .skill h3{margin-bottom:15px;font-size:20px;color:#222;text-align:center;font-family:'notokr-medium'}
.p43 .skill h3:after{content:"";display:block;width:30px;height:2px;margin:15px auto 30px;background-color:#ccc}
.p43 .skill .list .s_tit{margin-bottom:15px;font-size:16px;color:#333;font-family:'notokr-bold'}
.p43 .skill .list li{line-height:2}
.p43 .skill .list li:before{content:"";display:inline-block;vertical-align:middle;width:2px;height:2px;margin-right:10px;background-color:#5287c6}
.p43 .skill .list li .c_blue{color:#3684e1}
.p43 .skill .list li .c_orange{color:#f60}
.p43 .skill .list img{width:600px;margin:30px 0 0 230px}
.p43 .skill .img{margin:20px 0 70px}
.p43 .skill .tbl01{width:100%;margin:20px auto 70px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1} 
.p43 .skill .tbl01 tr th{padding:15px 0;font-weight:normal;color:#fff;background-color:#666;font-family:'notokr-bold'}
.p43 .skill .tbl01 tr th.c_bg{color:#fff;background-color:#5287c6}
.p43 .skill .tbl01 tr td{vertical-align:top;padding:10px  20px;border-left:1px solid #e1e1e1}
.p43 .skill .tbl01 tr td.tbl_tit{padding:15px 0;text-align:center;color:#222;background-color:#f7f7f7;font-family:'notokr-medium'}
.p43 .skill .tbl01 tr td ul li{padding:12px 0;border-bottom:1px dotted #c7c7c7}
.p43 .skill .tbl01 tr td ul li:before{content:"";display:inline-block;vertical-align:middle;width:2px;height:2px;margin-right:10px;background-color:#5287c6}
.p43 .skill .tbl01 tr td ul li.last{border-bottom:none}
.p43 .skill .cont{margin-bottom:70px}
.p43 .skill .pd{position:relative}
.p43 .skill .pd .img{display:inline-block;padding:20px 220px;margin:0;background-color:#f7f7f7}
.p43 .skill .pd .img img{}
.p43 .skill .pd .txt{position:absolute;bottom:65px;right:0;width:370px;padding:45px 50px;border:1px solid #e1e1e1;background-color:#fff}
.p43 .skill .pd .txt dt{position:relative;padding:0 0 15px 15px;font-size:18px;color:#222;font-family:'notokr-bold'}
.p43 .skill .pd .txt dt:before{content:"";position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:50%;background-color:#5487c8}
.p43 .skill .pd .txt dd{position:relative;padding:0 0 5px 25px}
.p43 .skill .pd .txt dd:before{content:"-";position:absolute;top:0;left:15px}
.p43 .skill .adv{overflow:hidden;padding:40px;border:1px solid #e1e1e1}
.p43 .skill .adv > div{float:left}
.p43 .skill .adv .img{margin:0}
.p43 .skill .adv .txt{margin:50px 0 0 50px}
.p43 .skill .adv .txt dl{margin-bottom:20px}
.p43 .skill .adv .txt dt{position:relative;padding-left:15px;font-size:16px;color:#222;font-family:'notokr-medium'}
.p43 .skill .adv .txt dt:before{content:"";position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:50%;background-color:#5487c8}
.p43 .skill .adv .txt dd{position:relative;padding-left:25px}
.p43 .skill .adv .txt dd:before{content:"-";position:absolute;top:0;left:15px}

/* 기술소개 - 페기물 */
.skill{margin-top:0px}
.p44 .skill .tit{text-align:center}
.p44 .skill .img{margin:10px 0 70px;text-align:center}
.p44 .skill h3{margin-bottom:15px;font-size:20px;color:#222;text-align:center;font-family:'notokr-medium'}
.p44 .skill h3:after{content:"";display:block;display:none;width:30px;height:2px;margin:15px auto 20px;background-color:#ccc}
.p44 .skill .list{margin-bottom:50px}
.p44 .skill .list.line_box{border:1px solid #e1e1e1;background-color:transparent}
.p44 .skill .list li{line-height:2}
.p44 .skill .list li:before{content:"";display:inline-block;vertical-align:middle;width:2px;height:2px;margin-right:10px;background-color:#5287c6}
.p44 .skill .list li.nolist{padding-left:10px}
.p44 .skill .list li.nolist:before{display:none}
.p44 .skill .btn_area{text-align:center}
.p44 .skill dl dt{padding-bottom:10px;font-size:16px;color:#5287c6;font-family:'notokr-bold'}
.p44 .skill dl dd:before{content:"";display:inline-block;vertical-align:middle;width:2px;height:2px;margin-right:10px;background-color:#5287c6}
.p44 .skill table{width:100%;margin:20px 0 70px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.p44 .skill table.first{margin-bottom:15px}
.p44 .skill table tr th{width:100px;padding:15px 0;border-bottom:1px solid #888;font-weight:normal;color:#fff;background-color:#666;font-family:'notokr-medium'}
.p44 .skill table tr th.c_bg{border-left:1px solid #8ab2e2;border-bottom:none;color:#fff;background-color:#5287c6}
.p44 .skill table tr:first-child th:first-child{border-left:none}
.p44 .skill table tr:last-child th{border-bottom:none}
.p44 .skill table tr td{padding:10px;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;text-align:center}
.p44 .skill table tr:nth-child(2) td, .p50 table tr:nth-child(3) td{color:#222!important;background-color:#f4fafe;font-family:'notokr-medium'}
.p44 .skill table tr td:nth-child(3n+1){color:#33C;background-color:#f4fafe;font-family:'notokr-medium'}
.p44 .skill table tr:nth-child(7) td:nth-child(3n+1), .p50 table tr:nth-child(8) td:nth-child(3n+1){color:#F00}
.p44 .skill table tr td.last{width:120px;background-color:#f7f7f7}
#pageCm.p44 .skill .btn_area{margin-top:70px}
#pageCm.p44 .skill .btn_area a{width:200px;text-align:left}

/*기술소개 - 이산화탄소 전환기술(CCU) */
.p60 .skill .tit{text-align:center}
.p60 .skill .bg_box{margin-bottom:70px}
.p60 .skill h3{margin:70px 0 15px;font-size:20px;color:#222;text-align:center;font-family:'notokr-medium'}
.p60 .skill h3:after{content:"";display:block;width:30px;height:2px;margin:15px auto 20px;background-color:#ccc}
.p60 .skill .img{overflow:hidden;padding:30px 0;margin-bottom:20px;text-align:center;border:1px solid #e1e1e1}

/*기술소개 - Syn-gas 개질 반응 기술 */
.p61 .skill h3{padding-bottom:40px;text-align:center;font-size:20px;color:#222;font-family:'notokr-bold'}
.p61 .skill h3:before{content:"";display:block;width:76px;height:3px;margin-left:47%;margin-bottom:25px;background-color:#e1e1e1}
.p61 .skill .img{padding:20px 0;text-align:center;border:1px solid #e1e1e1}
.p61 .skill .s_tit{color:#222;font-family:'notokr-medium'}
.p61 .skill .s_tit:before{content:"";display:inline-block;width:4px;height:4px;margin:0 5px 3px 0;border-radius:50%;background-color:#5287c6}
.p61 .skill dl{overflow:hidden;padding:60px 0;border-bottom:1px solid #e1e1e1}
.p61 .skill dl.d_line{border-bottom:0 none}
.p61 .skill dl.first{padding-top:0}
.p61 .skill dl.last{padding-bottom:0}
.p61 .skill dl dt{float:left;position:relative;width:25%;padding:20px;margin-bottom:168px;font-size:17px;color:#5287c6;font-family:'notokr-medium'}
.p61 .skill dl dt:before{content:"";position:absolute;top:5px;left:0;width:3px;height:60px;background-color:#f1f1f1}
.p61 .skill dl dd{float:left;width:75%}
.p61 .skill dl:first-child dd{padding-bottom:10px}
.p61 .skill .cont:first-child{padding-bottom:0}
.p61 .skill .cont{padding:50px 0 60px}
.p61 .skill table{width:100%;text-align:center;border-collapse:collapse}
.p61 .skill table caption{display:none;font-size:0;text-indent:-9999px}
.p61 .skill table thead th{padding:12px 0;border-right:1px solid #e1e1e1;border-top:1px solid #e1e1e1;line-height:23px;letter-spacing:0;color:#fff;font-weight:500;background-color:#5287c6;font-family: 'Poppins', sans-serif}
.p61 .skill table thead th:first-child{border-left:1px solid #e1e1e1;}
.p61 .skill table tbody td{padding:10px 0;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.p61 .skill table tbody td:first-child{border-left:1px solid #e1e1e1;background-color:#f1f1f1}
.p61 .skill .tbl1 thead th{width:25%}
.p61 .skill .tbl2 thead th{width:20%}
.p61 .skill .tbl2 thead th:first-child{width:10%}

/* 기술소개 - 산업부산물 재활용 기술*/
.p68 .bg_box{margin-bottom:50px}
.p68 .bg_box02{margin-bottom:50px}
.p68 h3{margin-bottom:15px;font-size:20px;color:#222;text-align:center;font-family:'notokr-medium'}
.p68 h3:after{content:"";display:block;width:30px;height:2px;margin:15px auto 30px;background-color:#ccc}
.p68 .bg_box02{background-color:#f7f7f7}
.p68 .bg_box02 img{}
.p68 table{width:100%;margin:20px 0 70px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.p68 table.first{margin-bottom:15px}
.p68 table tr th{width:100px;padding:15px 0;border-bottom:1px solid #888;font-weight:normal;color:#fff;background-color:#666;font-family:'notokr-medium'}
.p68 table tr:first-child th:first-child{border-left:none}
.p68 table tr:last-child th{border-bottom:none}
.p68 table tr td{padding:10px;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;text-align:center}
.p68 table thead th{border-left:1px solid #8ab2e2;border-bottom:none;color:#fff;background-color:#5287c6}
.p68 .dl_all dl{float:left;width:calc(100% / 3 - 10px);height:320px;margin:0 10px 10px 0;border: 1px solid #e1e1e1}
.p68 .dl_all dl:nth-child(3n){margin-right:0}
.p68 .dl_all dt{padding:15px 0;font-weight:normal;color:#fff;background-color:#666;text-align:center;font-family:'notokr-bold'}
.p68 .dl_all dd{position:relative;margin:0 12px;padding:12px 0 12px 10px;border-bottom:1px dotted #c7c7c7}
.p68 .dl_all dd:nth-child(2){margin-top:10px}
.p68 .dl_all dd:last-child{margin-bottom:10px;border-bottom:0}
.p68 .dl_all dd:before{content:"";position:absolute;top:22px;left:0;vertical-align:middle;width:2px;height:2px;background-color:#5287c6}
.p68 .dl_all dd a{color:#666;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.p68 .dl_all dd a:hover{color:#333}
.p68 .dl_all dd i{margin-left:5px;color:#8ab2e2;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.p68 .dl_all dd a:hover i{color:#5287c6}

/* 채용정보 - 채용절차 */
.p65 .tit{margin:0 !important;text-align:center}
.p65 h4{position:relative;margin-bottom:90px;text-align:center}
.p65 h4:after{content:"";position:absolute;top:44px;right:50%;width:1px;height:45px;background-color:#e1e1e1}
.p65 > ul{overflow:hidden;margin:30px 0 100px}
.p65 > ul li{float:left;position:relative;margin-right:50px;text-align:center}
.p65 > ul li:before{content:"";position:absolute;top:0;right:50%;width:50px;height:2px;margin-right:-24px;background-color:#5287c6}
.p65 > ul li:last-child{margin-right:0}
.p65 > ul li div{width:174px;height:230px;border:1px solid #e1e1e1}
.p65 > ul li div span{display:block;padding:15px 0;font-size:18px;color:#5287c6;font-family:'notokr-bold'}
.p65 > ul li div p{padding-top:37px;font-size:16px;line-height:22px;color:#333;font-family:'notokr-medium'}
.p65 > ul li:nth-child(4) div p{padding-top:27px}
.p65 .wrap_doc{text-align:center}
.p65 .wrap_doc p{position:relative;margin-bottom:20px;font-size:20px;color:#333;font-family:'notokr-medium'}
.p65 .wrap_doc p:before{content:"";position:absolute;top:-12px;left:50%;width:36px;height:2px;margin-left:-20px;background-color:#e1e1e1}
.p65 .wrap_doc ul{overflow:hidden;width:100%;height:143px;padding:60px 0;border:1px solid #e1e1e1;border-radius:20px;background-color:#f1f1f1}
.p65 .wrap_doc ul li{float:left;position:relative;width:33.3333%;font-size:16px}
.p65 .wrap_doc ul li:before{content:"";display:inline-block;width:27px;height:27px;margin:0 10px -8px 0;background:url('/sh_page/img/p65_ico07.png') no-repeat}
.p65 .wrap_doc ul li:after{content:"";position:absolute;top:-27px;right:0;width:1px;height:80px;background-color:#e1e1e1}
.p65 .wrap_doc ul li:last-child:after{content:"";position:absolute;top:-27px;right:0;width:0;height:0;background-color:none}

/* 채용정보 - 인재상 */
.p66 .tit{margin:0 !important;text-align:center}
.p66 h4{position:relative;margin-bottom:90px;text-align:center;font-size:14px}
.p66 h4:after{content:"";position:absolute;top:44px;right:50%;width:1px;height:45px;background-color:#e1e1e1}
.p66 .top_area{text-align:center;font-size:22px;color:#222;font-weight:600;font-family: 'Noto Serif KR', serif}
.p66 .top_area span{font-size:35px;line-height:45px;letter-spacing:.5px}
.p66 .top_area .ko{margin-bottom:15px}
.p66 ul{margin:120px 0 60px}
.p66 ul li{position:relative;overflow:hidden;margin-bottom:150px}
.p66 ul .left:after{content:"";position:absolute;bottom:97px;right:10px;width:523px;height:5px;background:url('/sh_page/img/p66_line.png') no-repeat 0 0}
.p66 ul .right:after{content:"";position:absolute;bottom:97px;left:12px;width:523px;height:5px;background:url('/sh_page/img/p66_line.png') no-repeat 0 0}
.p66 ul li div{float:left;width:50%}
.p66 ul .right div{float:right}
.p66 li div .num{display:inline-block;width:40px;height:40px;margin-right:20px;text-align:center;font-size:18px;line-height:42px;letter-spacing:0;color:#fff;font-weight:500;background-color:#5287c6;font-family: 'Poppins', sans-serif}
.p66 li div p{margin:10px 0 0 65px}
.p66 li .txt{padding:86px 0 20px 46px;font-size:18px;color:#222;font-family:'notokr-medium'}
.p66 li .txt p{font-size:15px;color:#666;font-family:'notokr-regular'}

/* 채용정보 - 복리후생 */
.p67 .tit{margin:0 !important;text-align:center}
.p67 h4{margin-bottom:90px;text-align:center}
.p67 ul li{float:left;width:33.3333%;height:310px;text-align:center;border-right:1px dashed #e1e1e1}
.p67 ul li:nth-child(3n){border-right:0 none}
.p67 ul li:nth-child(1), .p67 ul li:nth-child(2), .p67 ul li:nth-child(3){border-bottom:1px dashed #e1e1e1}
.p67 ul li dl dt{padding:170px 0 12px;font-size:18px;color:#222;font-family:'notokr-medium'}
.p67 ul li:nth-child(1) dl{background:url('/sh_page/img/p67_ico07.png') no-repeat center 50px}
.p67 ul li:nth-child(2) dl{background:url('/sh_page/img/p67_ico02.png') no-repeat center 50px}
.p67 ul li:nth-child(3) dl{background:url('/sh_page/img/p67_ico04.png') no-repeat center 50px}
.p67 ul li:nth-child(4) dl{background:url('/sh_page/img/p67_ico03.png') no-repeat center 50px}
.p67 ul li:nth-child(5) dl{background:url('/sh_page/img/p67_ico01.png') no-repeat center 50px}
.p67 ul li:nth-child(6) dl{background:url('/sh_page/img/p67_ico06.png') no-repeat center 50px}
