.mainbody section {position:relative;}
.mainbody .title {font-size:30px; text-align:center;  padding-top:80px; position:relative; padding-bottom:40px; color:#2a2a2a; font-weight:300;}
.mainbody .title::after {display:block; width:100px; height:1px; background:#2a2a2a; margin:10px auto 0 auto; content: '';}


#mainVisual {background:url('/images/main/visual_main.jpg') center top no-repeat; height:650px;}
#mainVisual .text {position:absolute; top:250px; left:0; width:100%; text-align:center; display:none;
	text-shadow: 0px 0px 10px rgba(3, 3, 3, 0.75);
	-webkit-text-shadow: 0px 0px 10px rgba(3, 3, 3, 0.75);
	-moz-text-shadow: 0px 0px 10px rgba(3, 3, 3, 0.75);
	-o-text-shadow: 0px 0px 10px rgba(3, 3, 3, 0.75);
}
#mainVisual .text h2 {color:#fff; font-size:80px; font-weight:bold;  font-family:'Arial'}
#mainVisual .text p {color:#fff; font-size:28px; font-weight:800; font-family:'Nanum Myeongjo'; padding-top:20px;}


#mainPerformance {padding-bottom:80px;}
#mainPerformance .list {}
#mainPerformance .list::after {clear:both; display:block; content: '';}
#mainPerformance .list li {width:24%; float:left; margin-right:1%; margin-bottom:10px; position:relative;  overflow:hidden; }
#mainPerformance .list li:nth-child(4n) {margin-right:0;}
#mainPerformance .list li .text {display:flex; justify-content:center; align-items:center; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border:1px solid #ccc; background:rgba(5,5,5,0.7); text-align:center; color:#fff; font-weight:500; transition:all 0.5s; line-height:1.5; font-size:18px;}
#mainPerformance .list li:hover .text {top:300px;}
#mainPerformance .more {padding-top:30px; text-align:center;}
#mainPerformance .more a {background:#252525; color:#fff; font-weight:700; text-align:center; display:inline-block; padding:20px 40px; border-radius:300px; font-size:1.15rem;}


#mainBusiness {padding-bottom:80px; background:#08865e;}
#mainBusiness .title {color:#fff;}
#mainBusiness .title::after {background:#fff;}
#mainBusiness .list {display:flex;}
#mainBusiness .list li {text-align:center; padding:10px 10px; width:33.333%; position:relative;}
#mainBusiness .list li::after {position:absolute; top:0; right:0; width:1px; height:100%; background:#399e7e; content: '';}
#mainBusiness .list li:nth-last-child(1)::after {display:none;}
#mainBusiness .list li h3 {color:#fff; font-size:30px; font-weight:700;}
#mainBusiness .list li .text {padding-top:20px; color:#afd7ca; font-size:0.875rem; line-height:1.5; font-weight:300;}
#mainBusiness .list li .text span {color:#afd7ca; font-size:0.875rem; line-height:1.5; font-weight:300; display:block;}
#mainBusiness .list li .more {padding-top:20px;}
#mainBusiness .list li .more a {background:#073731; color:#fff; font-weight:700; text-align:center; display:inline-block; padding:15px 40px; border-radius:300px; }


#mainBoard {padding:80px 0;}
#mainBoard .wrap {display:flex;}


#mainBlog {width:190px;}
#mainBlog .item {border:1px solid #e4e4e4; border-radius:5px; background:#fff; height:49px; margin-bottom:5px}
#mainBlog .item:nth-last-child(1) {margin-bottom:0}
#mainBlog .item a {height:100%; padding-top:15px; display:block; position:relative;}
#mainBlog .item a span.company {position:absolute; top:0; left:0; height:0; overflow:hidden; width:0; height:0;}
#mainBlog .item a span.blog {color:#a4a4a4; font-weight:500; font-size:0.875rem; float:right; padding-right:10px;}
#mainBlog .item.item-01 {background:url('/images/main/blog_03.jpg') 10px center no-repeat;}
#mainBlog .item.item-02 {background:url('/images/main/blog_02.jpg') 10px center no-repeat;}
#mainBlog .item.item-03 {background:url('/images/main/blog_01.jpg') 10px center no-repeat;}


#mainEtc {width:246px; display:flex; flex-wrap:wrap; padding:0 30px;}
#mainEtc .item {width:50%; text-align:center; }
#mainEtc .item .icon { }
#mainEtc .item .icon a {display:block; width:100%; height:100%; border:1px solid #eaeaea; width:42px; height:42px; border-radius:100px; margin:0 auto;}
#mainEtc .item p {padding-top:5px;}
#mainEtc .item p a {color:#7a7a7a; font-weight:700; font-size:0.875rem;}
#mainEtc .item.item-01 .icon a {background:url('/images/main/icon_link.png') center center no-repeat;}
#mainEtc .item.item-02 .icon a {background:url('/images/main/icon_data.png') center center no-repeat;}
#mainEtc .item.item-03 .icon a {background:url('/images/main/icon_certificate.png') center center no-repeat;}
#mainEtc .item.item-04 .icon a {background:url('/images/main/icon_location.png') center center no-repeat;}
#mainEtc .item.item-03,
#mainEtc .item.item-04 {margin-top:20px;}
#mainEtc .item:hover .icon a {background-color:#f5f5f5;}


#mainEstimate {width:383px; border:3px solid #000; border-radius:10px; background:#fff url('/images/main/icon_pencil.png') right 20px  bottom 30px no-repeat; padding-left:20px;}
#mainEstimate h3 {font-size:1.15rem; font-weight:700; padding-top:20px;}
#mainEstimate .text {padding-top:10px;}
#mainEstimate .text p {font-weight:300; color:#555; font-size:0.875rem; line-height:1.3;}
#mainEstimate .more {padding-top:30px;}
#mainEstimate .more a {text-decoration:underline; color:#9b9b9b; font-weight:700;}


#mainNotice {width:341px; margin-left:40px; position:relative;}
#mainNotice h3 {font-size:1.15rem; color:#2a2a2a; font-weight:700; margin-bottom:20px;}
#mainNotice h3::after {height:1px; background:#c5c5c5; width:65px; margin-top:10px; content:''; display:block;}
#mainNotice .more {position:absolute; top:0; right:0;}
#mainNotice .more a {background:#fff url('/images/main/icon_plus.png') center center no-repeat; border-radius:3px; display:block; border:1px solid #e4e4e4; text-indent:-9999px; width:26px; height:26px;}
#mainNotice .list {}
#mainNotice .list li {line-height:1.5;}
#mainNotice .list li a {color:#333; font-weight:300; font-size:0.875rem;}
#mainNotice .list li a:hover {text-decoration:underline;}