@charset "utf-8";

body.bg { background: url(../images/bg_main2.jpg) top center repeat-x; }

section{
	max-width:100%;
	overflow:hidden;
	margin:0 auto;
}
section.top_section{
	height:755px;
	background:#333;
	position:relative;
}
section.top_section .dot_bg{
	top:0px;
	left:0px;
	position:absolute;
	width:100%;
	height:100%;
	background:url('../images/dot_bg.png');
	z-index:1;
}
section.top_section .canvas{
	width:100%;
	height:100%;
	text-align: center;
}
section.top_section .text_box{text-align:center;	top:270px;	left:0px;	position:absolute;	margin:0 auto;	padding-top:0px;	width:100%;		text-align:center;	z-index:2;}
section.top_section .text_box .icon {}
section.top_section .text_box .text1 {font-family:'맑은 고딕'; font-size:3.5em; color:#fff; text-transform:uppercase; background:#000000; margin-top:25px; display:inline-block; line-height:1em;font-weight: lighter;  }
section.top_section .text_box .text2 {font-family:'맑은 고딕'; font-size:2em; color:#fff;  background:#000000; margin-top:10px; display:inline-block; font-weight: lighter; }
.container {  }
.container-fluid { }



/*메인배너타입*/
.sooGallery { width:100%;max-width:1200px; margin:0 auto; position:relative; margin-top:80px; }
.sooGallery h1 {font-family: '맑은 고딕'; font-size:2.8em; color:#111; text-transform:uppercase; text-align:center; font-weight: normal;   }
.sooGallery .text {font-family: '맑은 고딕'; font-size:1.2em; color:#6a6a6a; text-align:center; margin-top:10px;  }
.sooGallery .contents { margin-top:30px; overflow:hidden;}
.sooGallery .item { margin:10px; float:left; width:580px; }
.sooGallery .item .pic {line-height:0;}
.sooGallery .item img { width:100%; }
.sooGallery .item .title { width:100%; height:63px; line-height:63px; font-family: '맑은 고딕'; font-size:1.2em;background:#ededed;text-transform:uppercase; text-align:center;  }
.sooGallery .btn { text-align:center; margin-top:45px; }
.sooGallery .btn a{ display:inline-block; background:#ff4d4d; line-height:52px; padding:0 65px;font-family: '맑은 고딕'; font-size:1.4em; color:#fff; }
.sooGallery .btn a:hover{ background:#111;}


.sooBuild{ width:100%; margin:0 auto; position:relative; margin-top:100px; background:url(../images/bg_banner_01.jpg) center; padding:50px 0; }
.sooBuild h1 {font-family: '맑은 고딕'; font-size:2.7em; color:#fff; text-transform:uppercase; text-align:center; font-weight: normal;   }
.sooBuild ul { width:100%;max-width:1200px; margin:0 auto; position:relative; margin-top:35px; overflow:hidden; text-align:center }
.sooBuild ul li{ display:inline-block; margin:0 17px;}
.sooBuild .btn { text-align:center; margin-top:45px; }
.sooBuild .btn a{ display:inline-block; background:#c4c4c4; line-height:52px; padding:0 45px;font-family: '맑은 고딕'; font-size:1.4em; color:#111; }
.sooBuild .btn a:hover{ background:#111;color:#fff;}


.bannerArea { width:100%;max-width:1200px; margin:0 auto; position:relative; margin-top:50px; overflow:hidden; text-align:center; }
.bannerArea .banner { display:inline-block; margin:0 67px; width:100px; text-align:center;}
.bannerArea .banner .icon {  width:64px; display:inline-block; }
.bannerArea .banner .icon img {  width:100%; }
.bannerArea .banner .title {font-family: '맑은 고딕'; font-size:1.2em; color:#111;  }


/*버튼타입*/
.btn-primary {
  color: #fff;
  background-color: #5a5d64;
  border-color: #3c3f46;
}



hr {
  margin-top: 40px ;
  margin-bottom: 0;
  border: 0;
  border-top: 1px solid #eee;
}




 @media all and (max-width:992px) {
section.top_section{	height:0; padding-bottom:70%;}
section.top_section .text_box{text-align:center;	top:32%;	left:0px;	position:absolute;	margin:0 auto;	padding-top:0px;	width:100%;		text-align:center;	z-index:2;}
section.top_section .text_box .icon {}
section.top_section .text_box .text1 {font-family: '맑은 고딕'; font-size:3.5em; color:#fff; text-transform:uppercase; background:#000000; margin-top:25px; display:inline-block; line-height:1em;font-weight: lighter;  }
section.top_section .text_box .text2 {font-family: '맑은 고딕'; font-size:2em; color:#fff;  background:#000000; margin-top:10px; display:inline-block; font-weight: lighter; }

/*메인배너타입*/
.sooGallery { width:100%;max-width:1200px; margin:0 auto; position:relative; margin-top:8%; }
.sooGallery h1 {font-family: '맑은 고딕'; font-size:2.8em; color:#111; text-transform:uppercase; text-align:center; font-weight: normal;   }
.sooGallery .text {font-family: '맑은 고딕'; font-size:1.2em; color:#6a6a6a; text-align:center; margin-top:10px;  }
.sooGallery .contents { margin-top:30px; overflow:hidden;}
.sooGallery .item { margin:2%; float:left; width:46%; }
.sooGallery .item .pic {line-height:0;}
.sooGallery .item img { width:100%; }
.sooGallery .item .title { width:100%; height:50px; line-height:50px; font-family: '맑은 고딕'; font-size:1.2em;background:#ededed;text-transform:uppercase; text-align:center;  }
.sooGallery .btn { text-align:center; margin-top:5%;}
.sooGallery .btn a{ display:inline-block; background:#ff4d4d; line-height:52px; padding:0 65px;font-family: '맑은 고딕'; font-size:1.4em; color:#fff; }
.sooGallery .btn a:hover{ background:#111;}


.sooBuild{ width:100%; margin:0 auto; position:relative;margin-top:12%; background:url(../images/bg_banner_01.jpg) center; background-size:cover; padding:50px 0; }
.sooBuild h1 {font-family: '맑은 고딕'; font-size:2.7em; color:#fff; text-transform:uppercase; text-align:center; font-weight: normal;   }
.sooBuild ul { width:100%;max-width:1200px; margin:0 auto; position:relative; margin-top:35px; overflow:hidden; text-align:center }
.sooBuild ul li{ display:inline-block; margin:8px 17px;}
.sooBuild .btn { text-align:center; margin-top:45px; }
.sooBuild .btn a{ display:inline-block; background:#c4c4c4; line-height:52px; padding:0 45px;font-family: '맑은 고딕'; font-size:1.4em; color:#111; }
.sooBuild .btn a:hover{ background:#111;color:#fff;}


.bannerArea { width:100%;max-width:1200px; margin:0 auto; position:relative; margin-top:50px; overflow:hidden; text-align:center; }
.bannerArea .banner { display:inline-block; margin:2%; width:100px; text-align:center;}
.bannerArea .banner .icon {  width:64px; display:inline-block; }
.bannerArea .banner .icon img {  width:100%; }
.bannerArea .banner .title {font-family: '맑은 고딕'; font-size:1.2em; color:#111;  }

	 
 }

 @media all and (max-width:768px) {
section.top_section{	height:0; padding-bottom:80%;}
section.top_section .text_box{text-align:center;	top:35%;	left:0px;	position:absolute;	margin:0 auto;	padding-top:0px;	width:100%;		text-align:center;	z-index:2;}
section.top_section .text_box .icon { width:13%; margin:0 auto;}
section.top_section .text_box .icon img { width:100%}
section.top_section .text_box .text1 {font-family: '맑은 고딕'; font-size:1.7em; color:#fff; text-transform:uppercase; background:#000000; margin-top:15px; display:inline-block; line-height:1em;font-weight: lighter;  }
section.top_section .text_box .text2 {font-family: '맑은 고딕'; font-size:1em; color:#fff;  background:#000000; margin-top:10px; display:inline-block; font-weight: lighter; }

/*메인배너타입*/
.sooGallery { width:100%;max-width:1200px; margin:0 auto; position:relative; margin-top:8%; }
.sooGallery h1 {font-family: '맑은 고딕'; font-size:1.9em; color:#111; text-transform:uppercase; text-align:center; font-weight: normal;   }
.sooGallery .text {font-family: '맑은 고딕'; font-size:1em; color:#6a6a6a; text-align:center; margin-top:0px;  }
.sooGallery .contents { margin-top:10px; overflow:hidden;}
.sooGallery .item { margin:2%; float:left; width:46%; }
.sooGallery .item .pic {line-height:0;}
.sooGallery .item img { width:100%; }
.sooGallery .item .title { width:100%; height:30px; line-height:30px; font-family: '맑은 고딕'; font-size:0.9em;background:#ededed;text-transform:uppercase; text-align:center;  }
.sooGallery .btn { text-align:center; margin-top:3%;}
.sooGallery .btn a{ display:inline-block; background:#ff4d4d; line-height:40px; padding:0 30px;font-family: '맑은 고딕'; font-size:1.2em; color:#fff; }
.sooGallery .btn a:hover{ background:#111;}


.sooBuild{ width:100%; margin:0 auto; position:relative;margin-top:12%; background:url(../images/bg_banner_01.jpg) center; background-size:cover; padding:30px 0; }
.sooBuild h1 {font-family: '맑은 고딕'; font-size:1.9em; color:#fff; text-transform:uppercase; text-align:center; font-weight: normal;   }
.sooBuild ul { width:100%;max-width:1200px; margin:0 auto; position:relative; margin-top:10px; overflow:hidden; text-align:center }
.sooBuild ul li{ display:inline-block; margin:1.5%; width:29%}
.sooBuild ul li img{ width:100%}
.sooBuild .btn { text-align:center; margin-top:25px; }
.sooBuild .btn a{ display:inline-block; background:#c4c4c4; line-height:40px; padding:0 30px;font-family: '맑은 고딕'; font-size:1.2em; color:#111; }
.sooBuild .btn a:hover{ background:#111;color:#fff;}


.bannerArea { width:100%;max-width:1200px; margin:0 auto; position:relative; margin-top:20px; overflow:hidden; text-align:center; }
.bannerArea .banner { display:inline-block; margin:3%; width:13%; text-align:center;}
.bannerArea .banner .icon {  width:100%; display:inline-block; }
.bannerArea .banner .icon img {  width:100%; }
.bannerArea .banner .title {font-family: '맑은 고딕'; font-size:1em; color:#111;  }



}