@charset "utf-8";

/* 회사소개 */

/* 회사소개 > CEO 인사말 */
.ceoWrap{padding-left:56.5%;position:relative;}
.ceoWrap:before {width:100%;max-width:952px;height:100%;max-height:900px;position:absolute;top:0;background:url(/img/introduce/dh_greeting.jpg) no-repeat left top / contain;transform:translateX(-100%);left:50%;content:'';}
.ceoWrap dl{padding:45px 0 34px;}
.ceoWrap dl dt{font-size:4.5rem;font-weight:700;color:#111;margin-bottom:-3px;word-break:keep-all;line-height:1.2222219;letter-spacing:-0.02em;}
.ceoWrap dl dt:after{width:68px;height:8px;display:block;background:url(/img/introduce/greeting_dot.png) no-repeat;content:'';margin:41px 0 44px;}
.ceoWrap dl dd {font-size:2.2rem;line-height:1.727274;letter-spacing:-0.02em;word-break:keep-all;}
.ceoWrap dl dd p{}
.ceoWrap dl dd > p:nth-child(n+2){margin-top:5.063%;}
.ceoWrap dl dd div{display:block;margin-top:70px;}
.ceoWrap dl dd div p{font-size:3.5rem;color:#111;font-weight:700;line-height:1.142856;letter-spacing:-0.02em;}
.ceoWrap dl dd div img{margin:-2px 0 0 4px;}

/* 회사소개 > 연혁 */
.historyWrap h5{text-align:center;font-size:4rem;letter-spacing:0.1em;color:#0d55c2;font-weight:700;}
.historyWrap .yearBox{width:100%;padding-left:50%;display:flex;flex-direction:column;position:relative;margin-top:100px;}
.historyWrap .yearBox:after{width:1px;height:150%;background:#eee;position:absolute;top:40px;left:50%;content:'';}
.historyWrap .yearBox:last-child:after{height:100%;}
.historyWrap .yearBox:before{width:21px;height:21px;box-sizing:border-box;border:6px solid #eee;background:#666;border-radius:50%;position:absolute;top:19px;left:calc(50% - 10px);content:'';}
.historyWrap h3{font-size:5.5rem;letter-spacing:0;font-weight:700;color:#111;padding-bottom:40px;padding-left:5.954%;}
.historyWrap .yearBg{position:relative;}
.historyWrap .yearBg:before{width:100%;max-width:540px;height:17.709vw;background:url(/img/introduce/history_img_01.png) no-repeat left top / contain;position:absolute;top:13px;left:-85%;content:'';}
.historyWrap .yearBg02{position:relative;}
.historyWrap .yearBg02:before{width:100%;max-width:540px;height:17.709vw;background:url(/img/introduce/history_img_02.png) no-repeat left top / contain;position:absolute;top:13px;left:-85%;content:'';}
.historyWrap .yearBg03{position:relative;}
.historyWrap .yearBg03:before{width:100%;max-width:540px;height:17.709vw;background:url(/img/introduce/history_img_03.png) no-repeat left top / contain;position:absolute;top:13px;left:-85%;content:'';}
.historyWrap .dateBox {padding-left:5.954%;}
.historyWrap .dateBox ul li{font-size:2.2rem;line-height:1.59091;letter-spacing:-0.02em;color:#666;font-weight:300;display:flex;margin-bottom:20px;}
.historyWrap .dateBox ul li span{width:10%;min-width:76px;color:#111;font-weight:500;margin-right:3%;}
.historyWrap .dateBox ul li p{width:90%;}
.historyWrap .dateBox ul li p .mView{display:block;}

.organizationWrap .organizationImgBox{text-align:center;}


/* 회사소개 > 주요생산품목 */
.contBox + .contBox .whiteArticle {margin-top: 30px;}
.circleIcon:before{width:30px;height:30px;background:#000;display:inline-block;vertical-align:middle;content:'';margin-right:20px;border-radius:50%;flex-shrink:0;}
.whiteArticle{padding:3.691% 3.572% 4.346%;background:#fff;border-radius:20px;}
.whiteArticle h5{font-size:3rem;font-weight:500;letter-spacing:-0.02em;color:#111;margin-bottom:2.18%;padding-top:0.449%;word-break:keep-all;}
.whiteArticle .sectionTitle{padding-bottom:2.5%;margin-bottom:1.795%;border-bottom:1px solid #000;display:flex;align-items:center;}
.whiteArticle ul{display:flex;flex-wrap:wrap;}
.whiteArticle ul li{width:50%;word-break:keep-all;font-size:2.2rem;font-weight:300;letter-spacing:-0.02em;color:#111;margin:7px 0;padding:0 5px 0 18px;position:relative;}
.whiteArticle ul li:before{width:6px;height:1px;background:#111;position:absolute;left:5px;top:14px;content:'';}

/* 회사소개 > 오시는 길 */
.locationWrap iframe{height:500px;}
.locationWrap .wrap_controllers{display:none;}
.locationWrap .root_daum_roughmap .map{border-bottom:1px solid #ddd;}
.locationWrap ul{margin-top:40px;border-top:1px solid #000;display:flex;}
.locationWrap ul li{width:33.333%;border-bottom:1px solid #ddd;display:flex;align-items:center;padding:26px 40px 30px;word-break:keep-all;}
.locationWrap ul li p{flex-shrink:0;margin-right:50px;}
.locationWrap ul li dl dt{color:#000;font-size:2rem;letter-spacing:-0.02em;font-weight:700;margin-bottom:9px;}
.locationWrap ul li dl dd{letter-spacing:-0.02em;word-break:keep-all;}

/* 사업분야 */

/* Sub Common*/
.flexCont{display:flex;padding-top:100px;}
.flexContL{width:33.3333%;}
.flexContR{width:66.6666%;margin-top:-2px;}
.borderTp{border-top:1px solid #e5e5e5;}

.contTitle{font-size:3.8rem;font-weight:500;letter-spacing:-0.02em;color:#111;word-break:keep-all;padding-right:15px;}
.boxTitle{font-size:2.8rem;font-weight:700;line-height:1.5;letter-spacing:-0.02em;color:#111;margin-bottom:14px;}
.basicText{font-size:2.2rem;line-height:1.637;letter-spacing:-0.02em;color:#333;}

.box{margin-top:56px;margin-bottom:100px;}

.grayBg{background:#f6f6f6;}
.sectionTitle{font-size:4.5rem;font-weight:500;letter-spacing:-0.02em;color:#111;word-break:keep-all;}

.grayItemList{display:flex;justify-content:space-between;margin-bottom:70px;}
.grayItemList li{width:calc((100% - 12px) / 2);min-height:100px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:500;letter-spacing:-0.02em;color:#333;border:2px solid #ddd;border-radius:10px;background:#f6f6f6;text-align:center;word-break: keep-all;padding:5px;}
.grayItemList.col_01 li{width:100%;}
.grayItemList.col_03 li{width:calc((100% - 24px) / 3);}
.grayItemList.col_04 li{width:calc((100% - 36px) / 4);}
.grayItemList.col_05 li{width:calc((100% - 48px) / 5);}
.grayItemList.col_06 li{width:calc((100% - 60px) / 6);}


.pointList{margin-bottom:73px;}
.pointList li{display:flex;background:#fff;border-radius:10px;padding:23px 30px;box-shadow:0 0 25px rgba(243,243,243,1);}
.pointList li + li{margin-top:2px;}
.pointList li > span{width:100px;height:35px;line-height:35px;flex-shrink:0;border-radius:18px;font-weight:500;font-size:1.8rem;letter-spacing:-0.02em;color:#fff;background:#333;text-align:center;}
.pointList li > div{font-weight:500;font-size:2rem;margin:1px 0 0 30px;line-height:1.5;word-break:keep-all;}

.imgList{width:calc(100% + 20px);display:flex;flex-wrap:wrap;margin:-10px 0 0 -10px;}
.imgList li{width:calc((100% - 40px) / 2);margin:10px;}
.imgList li img{border-radius:10px;}
.imgList.col_01 li{width:100%;}
.imgList.col_03 li{width:calc((100% - 60px) / 3);}

.productList{width:100%;margin-top:45px;display:flex;flex-wrap:wrap;}
.productList > li{width:23.81%;margin:0 1.58666% 60px 0;position:relative;}
.productList > li:nth-child(4n){margin-right:0;}
.productList > li:nth-child(n+13){margin-bottom:0;}
.productList > li:last-child{margin-right:0;}
.productList > li .name{font-size:2rem;letter-spacing:-0.02em;font-weight:500;line-height:1.1;margin-top:6.5%;}
.productList > li .slick-dots{width:100%;position:absolute;left:0;bottom:16px;display:flex;justify-content:center;flex-wrap:wrap;}
.productList > li .slick-dots li button{width:10px;height:10px;border:0;background:#bbb;font-size:0;color:transparent;border-radius:50%;margin:5px;}
.productList > li .slick-dots li.slick-active button{background:#000;}

.mt0{margin-top:0 !important;}
.mt30{margin-top:-30px;}
.mt50{margin-top:50px;}
.mb0{margin-bottom:0 !important;}
.mb50{margin-bottom:50px;}
.mb70{margin-bottom:70px;}
.pt0{padding-top:0;}
.pt100{padding-top:100px;}


/* 로 사업부 */

.en_aluminum .borderBox{border-radius:5px;font-size:2rem;letter-spacing:-0.02em;line-height:1.7;color:#fff;display:flex;align-items:center;margin-top:10px;padding: 24px 0;box-shadow: 0 0 20px #ebebeb;}
.en_aluminum .borderBox .txt01{width:20%;text-align:center;}
.en_aluminum .borderBox .txt01 .mView{display:none;}
.en_aluminum .borderBox .txt02{width:25%;text-align:center;padding-right:5%;}
.en_aluminum .borderBox .txt03{width:55%;padding-left:1.787%;}
.en_aluminum .borderBox ul{width:55%;}
.en_aluminum .borderBox ul li{display:flex;word-break:keep-all;}
.en_aluminum .borderBox ul span{margin-right:1%;word-break:keep-all;}
.en_aluminum .box01{color:#111;line-height:1.5;font-weight:700;padding:20px 0;text-align:center;}
.en_aluminum .box02{background:#7f8084;}
.en_aluminum .box03{background:#16b4db;}
.en_aluminum .sequence h5{font-size:2.8rem;letter-spacing:-0.02em;line-height:1.285716;font-weight:700;margin-bottom:20px;}
.en_aluminum .certificateList{margin:45px 0 70px;}
.en_aluminum .certificateList{display:flex;}
.en_aluminum .certificateList li{width:48.127%;margin-right:3.572%;}
.en_aluminum .certificateList li:last-child{margin-right:0;}
.en_aluminum .certificateList li p{text-align:center;background:#e2e4e7;border-radius:10px;padding: 8.073% 22.08%;}
.en_aluminum .certificateList li dl {word-break:keep-all;}
.en_aluminum .certificateList li dl dt{font-size:2.4rem;letter-spacing:-0.02em;font-weight:700;margin-top:26px;}
.en_aluminum .certificateList li dl dd{font-size:2.2rem;letter-spacing:-0.02em;font-weight:400;line-height: 1.636362;margin-top:8px;word-break:keep-all;}
.en_aluminum .box.batch{margin:0 0 68px;}
.en_aluminum .batch .pointList{margin-bottom:0;}

.seonjae .mainItem{font-size:2.8rem;letter-spacing:-0.02em;line-height:1.285716;font-weight:700;margin-top:70px;}

.en_mesh_belt .boxTitle{margin-top:60px;}
/*.mesh_belt .mesh .imgList {margin-top:60px;}*/

.austempering .austemp{margin-top:100px;}

@media all and (max-width:1649px) {
.historyWrap .dateBox ul li p .mView{display:none;}
}


@media all and (max-width:1592px) {
.ceoWrap dl dd br{display:none;}
}

@media all and (max-width:1520px) {
.ceoWrap dl dt br:last-child{display:none;}
}

@media all and (max-width:1279px){
/* 회사소개 > 주요생산품목 */
.whiteArticle ul li:before{top:12px}
}

@media all and (max-width:979px) {
/* Common */
.contTitle{padding-right:0;}

/* 회사소개 > 주요생산품목 */
.sectionTitle{font-size:4.2rem;}

.circleIcon:before{width:24px;height:24px;}
.whiteArticle h5{font-size:2.8rem;}
.whiteArticle ul li{font-size:2rem;}
.whiteArticle ul li:before{top:10px}

/* 사업분야 */
.flexCont{display:block;}
.flexContL{width:100%;}
.flexContR{width:100%;margin-top:20px;}

.contTitle br{display:none;}

}

@media all and (max-width:767px) {

.function_pop{width:250px;height:172px;margin-left:-125px;margin-top:-86px}
.function_pop .pop_img_cont{width:250px;height:172px;}
.function_pop .slick-arrow{width:20px;height:38px;margin-top:-19px}
.function_pop .slick-prev{background-size:20px 38px;left:-12%}
.function_pop .slick-next{background-size:20px 38px;right:-12%}

/* 회사소개 > 인사말 */
.ceoWrap{padding-left:0;}
.ceoWrap:before {display:block;position:static;transform:translateX(0);background-size:cover;background-position:center center;padding-bottom: 53%;border-radius:0 30px 0 0;content:'';}
.ceoWrap dl{padding:68.5px 0 17px;}
.ceoWrap dl dt:after{margin: 30px 0 35px;width:60px;height:7.3px;background-size:60px auto;}
.ceoWrap dl dd > p:nth-child(n+2){margin-top:15px;}
.ceoWrap dl dd div{margin-top:35px;}
.ceoWrap dl dd div p img{width:80px;margin-top:1px;}
.ceoWrap dl dt{font-size:3.8rem;}
.ceoWrap dl dd{font-size:1.6rem;}


/* 회사소개 > 연혁 */
.historyWrap .yearBox{margin-top:50px;padding-left:0;}
.historyWrap h3{padding-bottom:20px;}
.historyWrap .yearBox:before{width:16px;height:16px;border-width:5px;left: calc(0% - 7px);}
.historyWrap .yearBg{display:flex;flex-direction:column-reverse;}
.historyWrap .yearBg02{display:flex;flex-direction:column-reverse;}
.historyWrap .yearBg03{display:flex;flex-direction:column-reverse;}
.historyWrap .yearBg:before{height:25vw;position:static;display:block;margin-top:20px;}
.historyWrap .yearBg02:before{height:25vw;position:static;display:block;margin-top:20px;}
.historyWrap .yearBg03:before{height:25vw;position:static;display:block;margin-top:20px;}
.historyWrap .dateBox ul li{flex-wrap:wrap;margin-bottom:10px;}
.historyWrap .yearBox:after{height:130%;top:35px;left:0;}
.historyWrap .yearBox:last-child:after{height:90%;}

/* 회사소개 > 주요생산품목 */
.sectionTitle{font-size:4rem;}

.circleIcon:before{width:20px;height:20px;margin-right:10px;}
.whiteArticle{padding:30px 30px 35px;}
.whiteArticle .sectionTitle{margin-bottom:19px;padding-bottom:19.5px;}
.whiteArticle h5{font-size:2.6rem;margin-bottom:17px;padding-top:3px;}
.whiteArticle ul li{width:100%;margin:3.5px 0;}
.whiteArticle ul li:before{top:9px}

/* 회사소개 > 오시는길 */
.locationWrap iframe{height:300px;}
.locationWrap ul{flex-wrap:wrap;margin-top:20px;}
.locationWrap ul li{width:100%;padding:13px 20px 15px;}
.locationWrap ul li p{width: 5.209%;margin-right:25px;}
.locationWrap ul li dl dt{margin-bottom:4.5px;}
.locationWrap .wrap_map {height: 300px !important;}


/* 사업분야 */

.flexCont{padding-top:50px;}

.boxTitle{margin-bottom:7px;}
.boxTitle02{margin:27.5px 0 7px;}
.box{margin-top:28px;margin-bottom:50px;}

.grayItemList{margin-bottom:35px;}
.grayItemList li{min-height:85px;}
.grayItemList.col_03 li{width:calc((100% - 12px) / 3);}
.grayItemList.col_04 li {width: calc((100% - 18px) / 4);}
.grayItemList.col_05{flex-wrap:wrap;justify-content:center;}
.grayItemList.col_05 li{width:31.333%;margin:0 1.967% 1.967% 0;}
.grayItemList.col_05 li:nth-child(3){margin-right:0;}
.grayItemList.col_05 li:nth-child(4){margin-bottom:0;}
.grayItemList.col_05 li:nth-child(5){margin:0;}
.grayItemList.col_06{flex-wrap:wrap;justify-content:center;}
.grayItemList.col_06 li{width:31.333%;margin:0 1.967% 1.967% 0;}
.grayItemList.col_06 li:nth-child(3n){margin-right:0;}
.grayItemList.col_06 li:nth-child(n+4){margin-bottom:0;}


.pointList{margin-bottom:36.5px;}
.pointList li{padding:11.5px 15px;}
.pointList li > span{width:70px;height:30px;line-height:30px;}
.pointList li > div{margin:4px 0 0 15px;}

.imgList li{width:calc((100% - 20px) / 2) !important;margin:5px;}
.imgList.col_01 li{width:100% !important;}


.mt30{margin-top:-15px;}
.mt50{margin-top:25px;}
.mb70{margin-bottom:35px;}

.btnViewImg {display: block;margin-top: 5px;text-align: right;}


.en_aluminum .box{margin-bottom:50px;}
.en_aluminum .box01{padding:10px 0;line-height:1.2;}
.en_aluminum .borderBox .txt01 .mView{display:block;}
.en_aluminum .borderBox .txt02{padding-right:3%;}
.en_aluminum .borderBox{padding:12px 0;margin-top:5px;line-height:1.4;}
.en_aluminum .certificateList{margin:22.5px 0 35px;}
.en_aluminum .flexCont.alu{margin-top:50px;}
.coating .imgList li{width:100% !important;margin:10px;}
.mesh_belt .mesh .imgList{margin-top:30px;}
.austempering .austemp{margin-top:50px;}

.productList{justify-content:flex-start;margin-top:22.5px;}
.productList > li{width:48%;margin-bottom:30px;}
.productList > li:nth-child(2n){margin-right:0;}
.productList > li .name{margin-top:13px;}

.bus_parts .contBox{padding-top:50px;margin-bottom:25px;}

}

@media all and (max-width:501px) {
.grayItemList li{font-size:1.6rem;}
}