@charset "utf-8"; 

#wrap {width:100%; min-width:1200px; }
#header {height:80px; }
#contents {height:800px; background: url('../images/main_bg.jpg') no-repeat top center ;   }
#footer {clear:both; border-top:1px solid #dcdcdc;  }

.inner {width:1200px; height:inherit; margin:0 auto; }


.top {overflow: hidden; }
.top h1 {width:180px; float:left;  }
.top h1 a {display:block; margin-top:25px; background: url('../images/logo★.png')no-repeat; } 
.top .menu {width:1000px; float:right; margin-top:25px;  }
.top .menu ul { overflow: hidden; }
.top .menu ul li {float:left; width:25%; text-align:right;  }
.top .menu ul li a{font-weight:700; font-size:18px; transition: all 0.3s ease;   }
.top .menu ul li a:hover {display:inline-block; border-bottom:3px solid #3aaeb8; padding-bottom:2px;  }

.contents {}
.contents h2 {text-transform:uppercase; color:#fff; font-size:50px; font-weight:700; padding-top:70px;  text-shadow: 4px 2px 2px #666;   }
.contents h2 span {color:#3aaeb8; }
.contents h3 {text-transform:uppercase; color:#fff; font-size:15px; font-weight:700;text-shadow: 2px 2px 2px  rgba(255,255,255,0.5) ;   }

.con_wrap {height:500px;  margin-top:40px; }
.con1 {}
.con1 ul {}
.con1 li {float:left; margin-right:20px;  width:150px;height:150px; box-shadow: 2px 2px 2px  rgba(0,0,0,0.5)    }

.con2 { clear:both;  padding-top:80px;  }
.con2 ul { }
.con2 li {float:left; margin-right:20px;    }
.con2 li a {width:230px;height:300px; display: block; }
.con2 h4 {text-transform:uppercase; color:#fff; font-size:18px; font-weight:700; text-align:center; padding-top:20px;}
.con2 p{padding:20px; color:#fff; }

.c1 { width:230px;height:300px; background: url('../images/c1.jpg');}
.c2 { width:230px;height:300px; background: url('../images/c2.jpg');}
.c3 { width:230px;height:300px; background: url('../images/c3.jpg');}
.c4 { width:230px;height:300px; background: url('../images/c4.jpg');}
.c4 p {font-size:19px; line-height: 30px; font-weight:700; }

#footer .inner {position: relative; }
.copy {padding:10px 0; }
.copy p {padding:5px 0 ; }
.copy p span{font-weight:700; color:#3aaeb8; padding-right:20px;  }
.copy img { position: absolute; top:30px; right:0; display: block;  }


/*서브*/
.sub_bg {height:200px; background:#ccc; background:url(../../images/sub_bg.png); }
.sub_menu {width:200px;margin-top:40px;float:left; }
.sub_menu h2 {padding:40px; background:#3aaeb8; text-align:center; font-size:20px; font-weight:700; color:#fff; }
.sub_menu ul {margin-bottom:60px; }
.sub_menu ul li {padding:10px 0 ; border-bottom:1px solid #ccc; text-align:center;  }
.sub_menu ul li:hover {background: #f4f3f3; }
.sub_menu ul li a {font-weight:600; }
.sub_menu ul li a:hover {color:#3aaeb8; }

.sub_contents {width: 960px; margin-top:40px; float:right; }
.sub_contents h2 {font-size:32px; font-weight:700; }