/* 초기화 */
body {position:relative;}


/* 공통 */
.border1 {border:1px solid #ff0000;}
.text-white {color:#fff;}
.text-black {color:#000;}
.text-gray {color:#a797ba;}
.text-main-color {color:#7cd09f;}


/* index.php */
.navbar {background:#fff;}
.navbar-header {height:100px;padding-top:27px;}
.navbar-nav {margin-top:25px;}

.main_image {
    position: relative;
	height:637px;
	margin-top:100px;
    background: #000;
    overflow: hidden;
}
.main_image:before {
    content: ' ';
    display: block;
    position:absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.5;
    background-image: url('/gnu5/pub/biz001/img/roof-tile-2159267_1280.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.main_image p {
    position:relative;
    z-index: 2;
    color: #fff;
}
.main_image .h1 {color:#7cd09f;font-size:70px;;margin-top:240px;font-family:verdana;letter-spacing:0.05em;font-weight:300;}
.main_image .h2 {margin-top:70px;}
.main_image .btn_wrap {margin-top:30px;}
.main_image .btn_wrap .main_img_btn {font-size:20px;color:#fff;background:none;border:1px solid #fff;margin:5px;padding:7px 20px;border-radius:30px;}
.main_image .btn_wrap .main_img_btn:hover {color:#7cd09f;border:1px solid #7cd09f;}

.section_title {font-size:20px;line-height:20px;color:#000;vertical-align:middle;}
.section_text {font-size:16px;color:#a797ba;margin-top:30px;margin-bottom:50px;}
h3 {margin:30px 0 10px 0;}

#company {padding:70px 0;}
#service {clear:both;background:#f8f8f8;padding:70px 0 70px 0;}
#service .service-card {margin:40px 4% 60px 4%;border:1px solid #ccc;background-color:#f0f0f0;}
#service .service-card .service-img {width:100%;height:200px;}
#service .service-card p {padding:15px;}

#portfolio {background:#ffffff;padding:70px 10px 0 10px;}
#portfolio .section_title {margin-bottom:50px;}
#portfolio .portfolio-wrap {
	display:-webkit-flex;
	display:-ms-flex;
	display:flex;
	padding:0;
	margin:0;
	width:100%;
	overflow:hidden;
}
#portfolio .portfolio-wrap a {
	-webkit-flex:1;
		-ms-flex:1;
			flex:1;
	display:inline-block;
	width:100%;
	transition: all .3s ease-in-out;
}
#member {padding:70px 0;}
.mb-card {display:inline-block;width:250px;height:300px;background:#eee;padding-top:40px;margin:10px;}
.mb-card h4 {margin-top:30px;}

#contactus {padding:70px 0;background:#f9f9f9;}
.message-wrap input {margin-bottom:10px;border:1px solid #7cd09f;}
.message-wrap textarea {border:1px solid #7cd09f;}
.message-btn-wrap {margin-top:5px;text-align:right;}

#footer {padding:30px 0 40px 0;background:#333;}

#hidden_frame {display:none;}