@charset "utf-8";
/* font */
.plant .contents::after { background: none;}
.mb_5 { margin-bottom: 5px;}
.mb_10 { margin-bottom: 10px;}
.mb_15 { margin-bottom: 15px;}
.mb_20 { margin-bottom: 20px;}
.mb_25 { margin-bottom: 25px;}
.mb_30 { margin-bottom: 30px;}
.mb_35 { margin-bottom: 35px;}
.mb_40 { margin-bottom: 40px;}
.mb_45 { margin-bottom: 45px;}
.mb_50 { margin-bottom: 50px;}
.mb_55 { margin-bottom: 55px;}
.mb_60 { margin-bottom: 60px;}
.mb_65 { margin-bottom: 65px;}
.mb_70 { margin-bottom: 70px;}
.mb_75 { margin-bottom: 75px;}
.mb_80 { margin-bottom: 80px;}
.mb_85 { margin-bottom: 85px;}
.mb_90 { margin-bottom: 90px;}
.mb_95 { margin-bottom: 95px;}
.clear::after { display: block; width: 1px; height: 0; content: ""; clear: both;}
.imgTit { width: 100%; margin-bottom: 100px; position: relative; overflow: hidden;}
.imgTit .bg { display: block; position: relative; left: 50%; margin-left: -960px; }
.imgTit .txtWrap { width: 1070px;  position: absolute; top: 50%; left: 50%; transform: translate(-500px,-90px); float: left;}
.imgTit .txtWrap img {display: block; float: left;}
.logoBgL { width: 595px; height: 780px; display: block; position: absolute; left: 0; top:0; background: url("/Resources/Kor/images/business/logo_bg1.png") no-repeat top left; z-index: 0}
.logoBgR { width: 525px; height: 626px; display: block; position: absolute; right: 0; top:0; background: url("/Resources/Kor/images/business/logo_bg2.png") no-repeat top right; z-index: 0}
.conLayout { width: 1140px; margin: 0px auto; position: relative; }
.topTxt { width: 100%; position: relative; margin-bottom: 270px;}
.topTxt strong { display: inline-block; font-size: 38px; line-height: 52px; font-weight: 700; left: -1px; float: left; position: relative; width: 460px;}
.topTxt strong::after {width: 50px; height: 4px; background: #000; display: inline-block; margin-left: 3px; content: "";}
.topTxt span { display: inline-block; font-size: 17.5px; line-height: 28px; font-weight: 300; left: -1px; float: left; width: 680px; }
.flBox { width: 50%; float: left; position: relative; box-sizing: border-box;}
.frBox { width: 50%; float: left; position: relative; box-sizing: border-box;}
.conLayout dt { width: 100%; font-size: 30px; line-height: 40px; line-height: -2px; color: #27719c; font-weight: 500; margin-bottom: 20px;}
.conLayout dd { width: 100%; font-size: 18px; line-height: 26px; line-height: -1.5px; color: #27719c; }
.conLayout p { width: 100%; font-size: 16px; line-height: 24px; letter-spacing: -1px; color: #333;}
.conLayout .btnWrap { width: 100%; text-align: right; position: relative; }
.viewPop { width: 100%; height: 100%; position: fixed; top: 100%; left: 0; z-index: 100; transition: all .5s; background: rgba(0,0,0,.3); opacity: 0;}
.viewPop.von { top: 0; opacity: 1;}
.viewPop .layout { width: 1000px; height: 600px; box-sizing: border-box; padding: 50px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-45%);}
.viewPop .layout h5 { font-size: 30px; line-height: 1; width: 100%; text-align: center; font-weight: 700px; color: #000; margin-bottom: 20px;}
.viewPop .scWrap { width: 100%; position: relative; height: 450px; overflow-y: scroll;  border-top: 3px solid #6b9ecc;}
.viewPop .scWrap table { width: 100%; text-align: center;}
.viewPop .scWrap th { padding: 20px 10px; border-bottom: 1px solid #ccc; font-size: 16px; line-height: 1.4; color: #000; font-weight: 500;}
.viewPop .scWrap td { padding: 20px 10px; border-bottom: 1px solid #ccc; font-size: 14px; line-height: 1.4; color: #333;}
.viewPop .colseBtn { width: 50px; height: 50px; display: block; position: absolute; top: 25px; right: 25px; background: url("/Resources/Kor/images/business/pop_close.png") no-repeat center center}

.sec1 { width: 100%; position: relative; background: #fff; padding: 0px 0 140px;}
.sec1 .logoBgL { top: 185px;}
.sec1 .logoBgR { top: 1100px;}
.sec1 .nth1 .frBox { padding-left: 120px; padding-top: 80px;}
.sec1 .nth2 .frBox { padding-left: 20px;}
.sec2 { background: #f1f4f8; padding: 140px 0; position: relative;}
.sec2 .logoBgR { top: 785px;}
.sec2 .nth1 .flBox { padding-top: 80px;}
.sec2 .nth2 .frBox { padding-left: 20px;}
.sec3 { background: url("/Resources/Kor/images/business/civil_sec3_bg.jpg") no-repeat top center #fff; padding: 140px 0; position: relative;}
.sec3 .logoBgR { top: 540px;}
.sec3 .nth1 .flBox { padding-top: 40px;}
.sec3 .nth1 .frBox { padding-left: 40px;}
.sec3 .nth1 .flBox img { margin-bottom: 315px;}
.sec3 .nth2 .frBox { padding-left: 35px; padding-top: 360px;}
.sec4 { background: #fff; padding: 140px 0; position: relative;}
.sec4 .logoBgL { top: -130px;}
.sec4 .logoBgR { top: 785px;}
.sec4 .nth1 .frBox { padding-top: 80px; padding-left: 120px;}
.sec4 .nth2 .frBox { padding-left: 20px;}
.sec5 { background: #f1f4f8; padding: 140px 0; position: relative;}
.sec5 .logoBgR { top: 785px;}
.sec5 .nth1 .flBox { padding-top: 80px;}
.sec5 .nth2 .frBox { padding-left: 20px;}
.sec6 { background: url("/Resources/Kor/images/business/civil_sec3_bg.jpg") no-repeat top center #fff; padding: 140px 0; position: relative;}
.sec6 .logoBgR { top: 540px;}
.sec6 .nth1 .flBox { padding-top: 40px;}
.sec6 .nth1 .frBox { padding-left: 40px;}
.sec6 .nth1 .flBox img { margin-bottom: 315px;}
.sec6 .nth2 .frBox { padding-left: 35px; padding-top: 360px;}

.civil .sec4 .nth1 .frBox {padding-left: 100px;}
.civil .sec4 .nth1 .frBox .conLayout dd { padding-right: 0;}
.civil .sec4 .conLayout p { letter-spacing: -1.2px;}
.civil .sec6 .conLayout p { letter-spacing: -1.1px;}

.plant .imgTit .txtWrap { width: 800px;  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); float: left;}
.plant .topTxt strong { width: 380px;}
.plant .topTxt span { width: 760px; letter-spacing: -1px;}
.plant .sec1 .conLayout dd { letter-spacing: -1px;}
.plant .sec1 .conLayout p { letter-spacing: -1.1px;}

.building .imgTit .txtWrap { width: 1220px;  position: absolute; top: 50%; left: 50%; transform: translate(-510px,-50%); float: left;}
.building .topTxt span { letter-spacing: -1px;}
.building .sec3 .conLayout p { letter-spacing: -1.1px;}
.building .sec6 .conLayout p { letter-spacing: -1.6px;}
.building .sec6 { background: url("/Resources/Kor/images/business/civil_sec3_bg2.jpg") no-repeat top center #fff; padding: 140px 0; position: relative;}
.building .sec6 .nth1 .flBox img { margin-bottom: 215px;}

.house .imgTit .txtWrap { width: 760px;  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); float: left;}
.house .sec3 { background: url("/Resources/Kor/images/business/civil_sec3_bg2.jpg") no-repeat top center #fff; padding: 140px 0; position: relative;}
.house .sec3 .nth1 .flBox img { margin-bottom: 135px;}
.house .sec4 .conLayout p { letter-spacing: -1.2px;}


.dev .imgTit .txtWrap { width: 1140px;  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); float: left;}
.dev .sec1 .nth1 .frBox {padding-left: 100px;}
.dev .sec1 .nth1 .frBox .conLayout dd { padding-right: 0;}
.dev .sec2 .conLayout p { letter-spacing: -1.5px;}
/*.plant .imgTit .txtWrap { width: 800px;  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); float: left;}
.plant .sec1 { width: 100%; position: relative; background: #fff; padding: 0px 0 140px;}
.plant .sec1 .logoBgL { top: 185px;}
.plant .sec1 .logoBgR { top: 1100px;}
.plant .sec1 .nth1 .frBox { padding-left: 120px; padding-top: 80px;}
.plant .sec1 .nth2 .frBox { padding-left: 20px;}

.plant .sec2 { background: #f1f4f8; padding: 140px 0; position: relative;}
.plant .sec2 .logoBgR { top: 785px;}
.plant .sec2 .nth1 .flBox { padding-top: 80px;}
.plant .sec2 .nth2 .frBox { padding-left: 20px;}

.plant .sec3 { background: url("/Resources/Kor/images/business/civil_sec3_bg.jpg") no-repeat top center #fff; padding: 140px 0; position: relative;}
.plant .sec3 .logoBgR { top: 540px;}
.plant .sec3 .nth1 .flBox { padding-top: 40px;}
.plant .sec3 .nth1 .frBox { padding-left: 40px;}
.plant .sec3 .nth1 .flBox img { margin-bottom: 315px;}
.plant .sec3 .nth2 .frBox { padding-left: 35px; padding-top: 360px;}

.plant .sec4 { background: #fff; padding: 140px 0; position: relative;}
.plant .sec4 .logoBgL { top: -130px;}
.plant .sec4 .logoBgR { top: 785px;}
.plant .sec4 .nth1 .frBox { padding-top: 80px; padding-left: 120px;}
.plant .sec4 .nth2 .frBox { padding-left: 20px;}*/