/* 비주얼 */
.mainVisual_wrap{ position: relative; padding-top: 80px; }
.mainVisual_wrap .img{width: 100%; height: 700px; background:#000 url(../../../img/bg_mainvisual.jpg) no-repeat center right  ;}
.mainVisual_wrap .txt{position: absolute; left: 80px; bottom: 90px;}
.mainVisual_wrap .txt .title{font-size: 6rem; color: #fff; font-weight: 700;}
.mainVisual_wrap .txt .desc{font-size: 2.5rem; color: #a5a5a5; letter-spacing: -1px; margin-top: 30px;}


.contents_wrap{ }
.contents_wrap .mainc{padding: 12rem 0; width: 1280px; margin: 0 auto;}
.contents_wrap .mainc.full{width: 100%;}
.contents_wrap .mainc.bggray{background: #f5f5f5;}
.contents_wrap .mainc h2{text-align: center; font-size: 5rem; color: #000; font-weight: 700; letter-spacing: -1px;}
.contents_wrap .mainc h2 span{font-family: "Pretendard";}
.contents_wrap .mainc h2 + .desc{ text-align: center; font-size: 1.8rem; color: #666; margin-top: 30px; line-height: 1.5; letter-spacing: -1px;}
.contents_wrap .mainc .mainc_inner{width: 1280px; margin: 0 auto; position: relative;}

/* 소개 */ 
.slogun{position: relative; padding-top: 110px; margin-top: 70px; text-align: center;}
.slogun::before{content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0; display: block; width: 2px; height: 60px; background: #0e4194; }
.slogun .ko{font-size: 3rem; font-weight: 700; color: #00aee4;}
.slogun .en{font-size: 6rem; font-weight: 800; font-family: "Pretendard"; color: #0e4194;}


/* 정리된집~ */
.miconBox_wrap{margin-top: 70px; display: flex; gap:40px;}
.miconBox_wrap .box{display: flex; flex-direction: column; justify-content: center; border: 1px solid #ddd; width: calc( 100% - (40px * 2) / 3 ); text-align: center; height: 400px; }
.miconBox_wrap .box .icon{}
.miconBox_wrap .box .icon img{width: 70px;}
.miconBox_wrap .box .title{font-size: 2.5rem; font-weight: 700; color: #0e4194; margin-top: 50px;}
.miconBox_wrap .box .desc{ margin-top: 20px; font-size: 1.6rem; color: #6b6b6b; margin-top: 10px;}


/*사업영역*/
.mbusinessArea_wrap{display: flex; gap: 40px; flex-wrap: wrap; margin-top: 70px;}
.mbusinessArea_wrap .box{display: flex; flex-direction: column; width: calc( (100% - 40px) / 2 ); height: 400px;  box-shadow: 3px 3px 8px rgba(0,0,0,0.05); align-items: center; justify-content: center; position: relative;  overflow: hidden;}
.mbusinessArea_wrap .box::before{content: ""; background: #000; opacity: 0.45; z-index: 0; position: absolute; width: 100%; height: 100%;}
.mbusinessArea_wrap .box.box1{background: url(../../../img/bg_bizarea01.jpg) no-repeat center / cover;}
.mbusinessArea_wrap .box.box2{background: url(../../../img/bg_bizarea02.jpg) no-repeat center / cover;}
.mbusinessArea_wrap .box.box3{background: url(../../../img/bg_bizarea03.jpg) no-repeat center / cover;}
.mbusinessArea_wrap .box.box4{background: url(../../../img/bg_bizarea04.jpg) no-repeat center / cover;}
.mbusinessArea_wrap .box .icon{}
.mbusinessArea_wrap .box .icon img{width: 60px; filter: brightness(0) invert(0.95);}
.mbusinessArea_wrap .box .title{color: #fff; font-size: 2.5rem; font-weight: 700; z-index: 1; margin-top: 30px;} 
.mbusinessArea_wrap .box .desc{color: #e9e9e9; font-size: 1.6rem; text-align: center; z-index: 1; margin-top: 20px;}

/* 시공사례 */
.mportfolio_wrap{margin-top: 70px;}
.mportfolio_wrap ul{display: flex; gap: 40px; flex-wrap: wrap;}
.mportfolio_wrap ul > li{width: calc( (100% - 80px) / 3 ); box-shadow: 3px 3px 8px rgba(0,0,0,0.05);  overflow: hidden;}
.mportfolio_wrap ul > li.first{ width: calc( (100% - 40px) - ( (100% - 80px) / 3 ) ); }
.mportfolio_wrap ul > li{}
.mportfolio_wrap ul > li > a{}
.mportfolio_wrap ul > li > a > .img{height: 350px; overflow: hidden; position: relative;}
.mportfolio_wrap ul > li > a > .img img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.mportfolio_wrap ul > li > a > .txt{padding:20px; background: #fff; display: flex; flex-direction: column; justify-content: center; gap:5px; font-weight: 500;}
.mportfolio_wrap ul > li > a > .txt .cate{font-size: 1.4rem; color: #666; }
.mportfolio_wrap ul > li > a > .txt .subject{font-size: 1.6rem; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.moreBtn{font-size: 2rem; border:1px solid #000; background: #fff; display: flex; justify-content: center; align-items: center; width: 180px; height: 70px; margin: 70px auto 0; } 
.moreBtn:hover{background: #0e4194;  color: #fff; }

/* 하단 문의 */
.mContact{background: url(../../../img/bg_mainContact.jpg) no-repeat top center / cover; height: 1000px; }
.contents_wrap .mainc.mContact h2{color: #fff; font-size: 7rem; letter-spacing: -4px;}
.contents_wrap .mainc.mContact h2 + .desc{font-size: 3.6rem; color: #c9c9c9; font-weight: 300; }
.contactBtn a{display: flex; justify-content: center; align-items: center; width: 34.5rem; height: 34.5rem; margin: 120px auto 0; border: 1px solid rgba(255,255,255,0.8); background: rgba(255,255,255,0.0); border-radius: 50%; transform: rotate(45deg); font-size: 3.5rem; font-weight: 900; color: #fff;  transition: all ease 0.3s;}
.contactBtn a:hover {transform: rotate(0deg);background: #0e4194;border: 1px solid #0e4194;}