@charset "utf-8";
/* CSS Document */


.ourpro{display:table; width:100%; max-width:1170px; margin:0 auto;     padding: 20px 0;}
.ourpro ul{position:relative;    width: 49%;   float: left;  margin: 0.5%;  padding: 30px; height:300px;}
.ourpro ul:nth-child(2){background: url("/theme/theme_small_v15/img/ourpro1.jpg"); background-repeat:no-repeat; }
.ourpro ul:nth-child(3){background: url("/theme/theme_small_v15/img/ourpro2.jpg"); background-repeat:no-repeat;}
.ourpro ul:nth-child(4){background: url("/theme/theme_small_v15/img/ourpro3.jpg"); background-repeat:no-repeat;}
.ourpro ul:nth-child(5){background: url("/theme/theme_small_v15/img/ourpro4.jpg"); background-repeat:no-repeat;}
.ourpro h1{ color: #fff; font-size: 25px;  margin: 0;   border-bottom: 2px solid #fff;  padding-bottom: 5px; }
.ourpro h2{       color: #fff; margin: 0; padding-top: 10px;  font-size: 25px;}
.ourpro p{    font-size: 20px; color: #fff; letter-spacing: -1px;  word-break: keep-all;   width: 90%;  padding-top: 5px;   font-weight: 500;}
.shtitle h1{  text-align: center; margin: 0;   color: #000;  font-size: 3.2em; border-bottom: 0;  padding: 0;}
.shtitle p{text-align: center; font-size: 15px;  padding: 15px 0;  color: #777;  width: 100%;  font-weight: 500;}

.ourpro ul a{position:absolute; top:0; left:0; width:100%; height:288px; padding:20px; text-shadow: 0px 1px 4px #000;}
.ourpro ul a:hover {position:absolute; width:100%; height:288px; background:rgba(0,0,0,.7); }

.btn4bg{width: 100%;  margin-top: 20px; background: #fafafa; border-top:1px solid #ddd;}
.btn4{    display: table;  width: 100%; max-width: 1170px;  margin: 0 auto;      padding: 50px 0; }
.btn4 ul{width: 25%; float: left;  text-align: center;}
.btn4 h1{    font-size: 20px;  padding-top: 20px;   margin: 0;  color: #333;  letter-spacing: -1px; line-height: 40px;}
.btn4 i{    background: #1A9EB1; border-radius: 100%;   color: #fff;  font-size: 45px;   padding: 30px;}
.btn4 p{    margin: 0; font-size: 15px;   color: #333;     line-height: 25px;}
.btn4 ul:hover i{background:#343434; transition:all 0.5s;}

.shmap{position: absolute;  z-index: 999;  background: rgba(0, 0, 0, 0.5) !important;   width: 100%;   height: 100%;   text-align: center;}
.shmap a{    top: 45%; position: absolute;color: #fff !important;   font-size: 15px;  letter-spacing: -1px;  border: 1px solid #fff; padding: 10px 20px;  text-decoration: none !important; margin-left: -65px;}
.shmap a:hover{background:#1A9EB1; transition:all 0.5s;  border: 1px solid #1A9EB1;}
#daumRoughmapContainer1600079195938{width: 100% !important; position:relative;}


.footer1{display: inline-block;  width: 100%; border-bottom: 1px solid #666;  padding: 20px 0 10px 0;}           
.footer1 ul{width:100%;}
.footer1 li{    float: left;  padding-right: 20px;   color: #fff; list-style:none;}
.footer1 a{color: #fff;}
.footer1 a:hover{color: #fff;}

.footer2{display: inline-block;  width: 100%;  padding: 20px 0;}
.footer2 ul{float: left;}
.footer2 ul:nth-child(1){width: 78%;}
.footer2 ul:nth-child(2){width: 22%;}
.footer2 ul:nth-child(2) > li{    color: #fff;   font-weight: 600;   font-size: 15px;   line-height: 25px;}
.footer2 li{float: left;  padding-right: 20px; list-style:none;}
.footer2 p{    margin: 0;  color: #7c7c7d;  font-size: 13px; line-height: 23px;}
.footer2 a{    color: #7c7c7d;}


#business_wrap {width:100%; min-width:320px; max-width:1200px; padding-top:20px;  margin:0 auto; margin-bottom:100px; }
#business_wrap:after { content:""; display:block; clear:both;}
#business_wrap .con_title{ width:100%; padding-bottom:30px; margin:0 auto;}
#business_wrap .con_title p { text-align:center; font-size:2.8em;  line-height:50px; color:#000; font-weight:700; padding:0 10px; margin:0px auto;  }
#business_wrap .con_title span { display:block; text-align:center; font-size:1.15em; color:#777;  padding:0 15px; margin:10px 0 20px 0;}
#business_wrap .con_area { width:100%; }
#business_wrap .con_area:after { content:""; display:block; clear:both;}
#business_wrap .con_area li {float:left; overflow:hidden; position:relative; width:49.5%; height:250px;  margin-right:1%; margin-bottom:1%; text-align:center; box-sizing:border-box;  }
#business_wrap .con_area li:nth-child(even) {float:right; margin-right:0;}
#business_wrap .con_area li:nth-child(1) {background:url('/theme/theme_small_v15/img/ourpro1.jpg')no-repeat;  background-size:cover;}
#business_wrap .con_area li:nth-child(2) {background:url('/theme/theme_small_v15/img/ourpro2.jpg')no-repeat;  background-size:cover;}
#business_wrap .con_area li:nth-child(3) {background:url('/theme/theme_small_v15/img/ourpro3.jpg')no-repeat;  background-size:cover;}
#business_wrap .con_area li:nth-child(4) {background:url('/theme/theme_small_v15/img/ourpro4.jpg')no-repeat;  background-size:cover;}
#business_wrap .con_area li img{display:none; width:100%; height:100%; }
#business_wrap .con_area li .summary {position:absolute; width:100%; height:100%; cursor:pointer; z-index:10; transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
#business_wrap .con_area li .summary:after{ content:""; display:block; clear:both;}
#business_wrap .con_area li .summary p.title {position:absolute; top:40%; width:100%;  color:#fff; font-size:1.5em; text-shadow: 0px 0px 2px #000;  font-weight:bold;}
#business_wrap .con_area li .summary p.title:after {display: block; content: ""; width:7%; height:1px; margin:10px auto; background: #eee; }
#business_wrap .con_area li .summary span.txt {display:none;}
#business_wrap .con_area li .summary a {display:none; }
#business_wrap .con_area li .summary .sub_title{font-size:1.5em;}
#business_wrap .con_area li:hover .summary {position:absolute; width:100%; height:100%; background:rgba(0,0,0,.7); }
#business_wrap .con_area li:hover .summary p.title {display:block; top:10%; left:5%; margin-left:0; text-align:left; text-shadow:none; }
#business_wrap .con_area li:hover .summary p.title:after {display: block; content: ""; width:90%; height:1px; margin:10px 0; background: #eee; text-align:left; }
#business_wrap .con_area li:hover .summary span.txt {position:absolute; display:inline-block; left:5%; top:35%; width:100%; color:#fff; font-size:0.95em; text-align:left;  }
#business_wrap .con_area li:hover .summary .txt h4{font-size:1.3em;  color:#fff;}
#business_wrap .con_area li:hover .summary a{position:absolute; display:inline-block; right:5%; bottom:5%; width:20%; height:40px; line-height:40px; font-size:1em; color:#fff;  background:rgba(0,0,0,0);  border:1px solid #fff;  margin:20px auto; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease; }
#business_wrap .con_area li:hover .summary a:hover{color:#000; background:#fff; border:1px solid #fff;}

.paleft{padding-left: 32px;}
.paleft2{padding-left: 16px;}
.paleft3{padding-left: 83px;}


@media (max-width: 768px) {
	
	.footer2 ul:nth-child(2){width:100%;}
	
	
	}
	
	
@media (max-width: 480px) {
	
	.ourpro ul{width:100%; margin:0;}
	.btn4 ul{width:100%; margin-top: 20px;}
	.shtitle h1{font-size:2em;}
	.shtitle p{    padding: 15px 10px;}
	#business_wrap .con_area li{width:100%;}
	.footer2 ul:nth-child(1){width:100%;  padding: 0 20px;}
	.footer2 ul:nth-child(2){width:100%;  padding: 0 20px;}
	.footer1 ul{width:100%; padding: 0 20px;}
	.shmap a{    margin-left: -40px;}
	
	.paleft{padding-left: 0px;}
    .paleft2{padding-left: 0px;}
	.paleft3{padding-left: 0px;}
	
	}