@charset "utf-8";
/*main_layout*/
#main_wrap{}
#main_gal .banner_container{position:relative;width:100%;overflow:hidden;}
 #banner_content {position:relative;width:100%; height:900px;}
 #banner_content div {position:absolute;top:0;left:0;width:100%;height:100%; overflow:hidden;}
 #banner_content div.area{display:block; width:100%; height:100%;}
 #banner_content div.area a{display: block;width:514px;height:auto;margin:0 auto;}
 #banner_content div.area img{position: absolute;top:160px;left:50%;margin-left:-480px;width:514px;height:auto;}
 #banner_content div.img1 {background: url('../img/images/main_img1.png') center center no-repeat;}
 #banner_content div.img2 {background: url('../img/images/main_img2.png') center center no-repeat;}
 #banner_content div.img3 {background: url('../img/images/main_img3.png') center center no-repeat;}
 #banner_content div.img4 {background: url('../img/images/main_img4.png') center center no-repeat;}
 #banner_content div.img5 {background: url('../img/images/main_img5.png') center center no-repeat;}
 #banner_content div.img6 {background: url('../img/images/main_img6.png') center center no-repeat;}
 #main_gal .banner_container .slogan {position:absolute;width:100%;bottom:630px;right:10%;margin-right:-500px;overflow:hidden;color:#fff;text-shadow:0.8px 0.8px 0.8px #777;font-weight:500;}
 #main_gal .banner_container .slogan span.tit{font-size:50px;line-height:60px;letter-spacing:-2px;}
 #main_gal .banner_container .slogan p{font-size:16px;line-height:20px;margin-top:15px;}
 
 
 #banner_nav{position:absolute;width:100%;height:21px;bottom:-45px;left:0;z-index:1000;text-align:center;}
 #banner_nav li{display:inline-block;}
 #banner_nav li a{display:inline-block;width:19px;height:21px;margin:0;overflow:hidden;padding:0;background:url('../img/images/arrow.png') 0 0 no-repeat;text-indent:-9999px}
 #banner_nav li a.select {background-position:0 -21px} 
 #btn_prev_banner{position:absolute;width:68px;height:65px;top:50%;left:5%;text-indent:-9999px;overflow:hidden;background:url(../img/images/arrow_left.png) no-repeat 0 0;cursor:pointer;z-index:1;opacity:0.8;}
 #btn_prev_banner:hover{background-position:0 0px;opacity:1;}
 #btn_next_banner{position:absolute;width:68px;height:65px;top:50%;right:5%;text-indent:-9999px;overflow:hidden;background:url(../img/images/arrow_right.png) no-repeat 0 0;cursor:pointer;z-index:1;opacity:0.8;}
 #btn_next_banner:hover{background-position:0 0px;opacity:1;}
/* #middle_bg{margin-top:0px;padding:0px;height: 250px;background:#fff url(../img/images/middle_bg.png) no-repeat 50% 40%;background-attachment: fixed;text-align:center;font-family:Gotham-Black;font-size:50px;color:#fff;z-index:29999 !important;} */
#middle_bg{margin-top:0px;padding:0px;height: 500px;background:#fff url(../img/images/middle_bg.png) no-repeat 50% 40%;background-attachment: fixed;text-align:center;font-family:Gotham-Black;font-size:50px;color:#fff;z-index:29999 !important;}
#middle_bg span{font-family:Gotham-Book;line-height:500px;}
/* .main_picture {  background: #302838;  padding: 100px 0 410px;  text-align: center; } */
.main_picture {  background: #478c70;  padding: 100px 0 410px;  text-align: center; }
.main_picture .title {
 color: #ccb899;
 font-size: 46px;
 margin-bottom: 20px;
 font-family: Gotham-Black;
}
.main_picture .contents {
 color: #fff;
 font-size: 16px;
 line-height: 24px;
 margin-top: 20px;
}
.main_picture_list {
 width: 1280px;
 margin: 0 auto;
 margin-top: 120px;
}
.main_picture_list ul {
 list-style-type: none;
}
.main_picture_list ul li {
 float: left;
 margin-right: 83px;
}
.main_picture_list ul li.last {
 margin-right: 0;
}
.main_picture_list ul li a {
 text-decoration: none;
}
.main_picture_list ul li p {
 color: #fff;
 font-size: 18px;
 margin-top: 20px;
 font-family: Gotham-Black;
}
@media screen and (max-width:1024px){
  #banner_content {height:650px;}
  #main_gal .banner_container .slogan {bottom:100px;margin-left:-400px;}
  #main_gal .banner_container .slogan img{width:30%}
  #btn_prev_banner{left:1%;}
  #btn_next_banner{right:1%;}
 }
@media screen and (max-width:900px){
  #banner_content {height:550px;}
  #main_gal .banner_container .slogan {bottom:80px;left:50%;margin-left:-350px;}
  #main_gal .banner_container .slogan span.tit{font-size:40px;line-height:45px;}
  #main_gal .banner_container .slogan p{font-size:15px;}
  #btn_prev_banner{left:1%;}
  #btn_next_banner{right:1%;}
 }
 
@media screen and (max-width:768px){
  #banner_content {height:480px;}
  #banner_content div.img1 {background: url('../img/images/main_img1.png') center center no-repeat;background-size:cover}
  #banner_content div.img2 {background: url('../img/images/main_img2.png') center center no-repeat;background-size:cover}
  #banner_content div.img3 {background: url('../img/images/main_img3.png') center center no-repeat;background-size:cover}
  #banner_content div.img4 {background: url('../img/images/main_img4.png') center center no-repeat;background-size:cover}
  #banner_content div.img5 {background: url('../img/images/main_img5.png') center center no-repeat;background-size:cover}
  #btn_prev_banner,#btn_next_banner{display:none;}
  #main_gal .banner_container .slogan {bottom:100px;margin-left:-310px;}
  #main_gal .banner_container .slogan span.tit{font-size:35px;line-height:35px;}
  #main_gal .banner_container .slogan p{font-size:13px;line-height:18px;margin-top:5px;}
 }
@media screen and (max-width:650px){
  #main_gal .banner_container .slogan {bottom:100px;margin-left:-250px;}
  #main_gal .banner_container .slogan span.tit{font-size:30px;line-height:30px;}
  #main_gal .banner_container .slogan p{font-size:13px;line-height:18px;margin-top:5px;}
  #main_gal .banner_container .slogan img{width:30%}
 }
@media screen and (max-width:480px){
  #main_gal .banner_container .slogan {bottom:50px;margin-left:-200px;padding:20px;}
  #main_gal .banner_container .slogan span.tit{font-size:30px;line-height:30px;}
  #main_gal .banner_container .slogan p{font-size:13px;line-height:18px;margin-top:5px;}
  #main_gal .banner_container .slogan img{width:30%}
 }
@media screen and (max-width:380px){
  #main_gal .banner_container .slogan {margin-left:-170px;}
  #main_gal .banner_container .slogan span.tit{font-size:25px;}
 }
/* ¸ÞÀξÆÀÌÄÜ */
#main_icon{position:relative;width:100%;background:#478c70;}
#main_icon .title{text-align:center;padding-top:90px;font-weight: bold;}
#main_icon .title h3{font-size:50px;color:#ccb899;letter-spacing:-1px;font-weight: bold;}
#main_icon .title p{color:#fff;font-size:20px;letter-spacing:-1px;margin-top:20px;}
#main_icon .icons{position:relative;margin:0 auto;overflow:auto;}
#main_icon .icons li{position:relative;float:left;width:31%;margin-right:3.5%;}
#main_icon .icons li:last-child{margin-right:0;}
#main_icon .icons li a:hover{text-decoration:none;opacity:0.9;}
#main_icon .icons .icon_line{width:120px;height:2px;margin:0 auto;background:#fff;margin-top:20px;margin-bottom:10px;}
@media screen and (max-width:480px){ 
  #main_icon .title{padding-top:50px;}
  #main_icon .title h3{font-size:50px;line-height:40px;font-weight:bold;}
  #main_icon .icons li{padding:10px;}
  #main_icon .icons li{width:100%;margin-right:0;}
 }
/* ¸ÞÀÎ Á¤º¸¹è³Ê2 */
#main_info{position:relative;width:100%;}
#main_info .main_box ul{float:left;width:33.333%;background:#f1f1f1 url();color:#4a4a4a;}
#main_info .main_box li{position:relative;float:left;width:50%;height:250px;text-align:center;}
#main_info .main_box li.pic{background:url(../img/images/main_port_img.png)top center no-repeat;}
#main_info .main_box li.pic2{background:url(../img/images/main_port_img1.png)top center no-repeat;}
#main_info .main_box li.pic3{background:url(../img/images/main_port_img2.png)top center no-repeat;}
#main_info .main_box li.pic4{background:url(../img/images/main_port_img3.png)top center no-repeat;}
#main_info .main_box li.pic5{background:url(../img/images/main_port_img4.png)top center no-repeat;}
#main_info .main_box li.pic6{background:url(../img/images/main_port_img5.png)top center no-repeat;}
#main_info .main_box li p.arrow{position:absolute;top:10px;right:0px;}
#main_info .main_box li p.arrowR{position:absolute;top:10px;}
#main_info .main_box li p {font-family:"Gotham-Book","NanumBarunGothic";}
#main_info .main_box li p span{font-size:10px;}
#main_info .main_box li.txt {padding:10px;}
#main_info .main_box li.txt h4{font-size:20px;line-height:24px;margin-top:55px;}
#main_info .main_box li.txt a.bt{display:block;margin:0 auto;width:90px;text-align:center;color:#fff;padding:0 0 2px;margin-top:20px;}
#main_info .main_box li.txt a.bt:hover{text-decoration:none;}
#main_info .main_box li.txt1 h4{color:#000;}
#main_info .main_box li.txt2 h4{color:#000;}
#main_info .main_box li.txt3 h4{color:#000;}
#main_info .main_box li.txt a.bt.txt1{background:#478c70;}
#main_info .main_box li.txt a.bt.txt2{background:#478c70;}
#main_info .main_box li.txt a.bt.txt3{background:#478c70;}
@media screen and (max-width:1280px){
  #main_info .main_box ul{width:50%}
  
  
  .main_picture {
  padding: 6% 0 35% 0;
  }
  .main_picture .title {
   font-size: 38px;
  }
  .main_picture .contents {
   font-size: 14px;
   line-height: 22px;
  }
  .main_picture_list {
   width: 100%;
   margin-top: 55px;
  }
  .main_picture_list ul {
   padding: 0 2%;
  }
  .main_picture_list ul li {
   margin-right: 4%;
   width: 22%;
  }
  .main_picture_list ul li p {
   font-size: 16px;
  }
 
 
 }
@media screen and (max-width:900px){
  #main_info .main_box li.txt h4{margin-top:35px;}
 }
@media screen and (max-width:768px){
  #main_info .main_box ul{width:100%}
  #main_info .main_box li.txt h4{margin-top:55px;}
  
  .main_picture .title {
  font-size: 22px;
  padding: 0 40px;
  line-height: 30px;
  margin-bottom: 10px;
  }
  
  .main_picture {padding:6% 0 150% 0;}
  .main_picture .contents {
   font-size: 12px;
   padding: 0 30px;
   margin-top: 10px;
  }
  .main_picture_list {
   margin-top: 5px;
  }
  .main_picture_list ul {
   padding: 0 4%;
  }
  .main_picture_list ul li {
   margin-right: 4%;
   margin-left: 4%;
   width: 42%;
   margin-top: 20px;
  }
 }
@media screen and (max-width:650px){
  #main_info .main_box li.txt h4{margin-top:35px;}
 }
/* ¸ÞÀÎ ÀüÈ­¹øÈ£ */
#main_phone{position:relative;width:100%;height:260px;background:#ffca08 url(/img/main/main_phone_bg.png) repeat;}
#main_phone .bottle{background:url(/img/main/main_phone_bottle.png) no-repeat 10% 0px;height:135px;}
#main_phone .txt{padding-top:10px;margin-left:18%;}
#main_phone .txt h4{color:#f37022;font-size:30px;}
#main_phone .txt span.num{font-size:25px;color:#fff}
#main_phone .txt span.num2{font-size:21px;color:#fff}
#main_phone .txt .txt2{line-height:25px}
@media screen and (max-width:900px){
  #main_phone .bottle{background:url(/img/main/main_phone_bottle.png) no-repeat 6% 0px;height:135px;}
  #main_phone .txt{padding-top:7px;}
 }
@media screen and (max-width:768px){ 
  #main_phone .bottle{background:url(/img/main/main_phone_bottle.png) no-repeat 3% 0px;height:135px;}
  #main_phone .txt{padding-top:0px;margin-left:20%;}
  #main_phone .txt h4{font-size:21px;line-height:30px;}
  #main_phone .txt span.num{font-size:18px;color:#fff}
  #main_phone .txt span.num2{font-size:18px;color:#fff}
 }
@media screen and (max-width:650px){ 
  #main_phone .txt{margin-left:20%;}
  #main_phone .txt h4{font-size:23px;line-height:25px;}
 }
@media screen and (max-width:480px){ 
  #main_phone{height:240px;}
  #main_phone .bottle{background:none;}
  #main_phone .txt{margin-left:3%;}
  #main_phone .txt h4{font-size:20px;line-height:25px;}
  #main_phone .txt span.num{font-size:17px;}
  #main_phone .txt span.num2{font-size:17px;}
 }
@media screen and (max-width:380px){ 
  #main_phone .txt h4{font-size:18px;line-height:20px;}
  #main_phone .txt span.num{font-size:15px;}
  #main_phone .txt span.num2{font-size:15px;}
 }
@media screen and (max-width:315px){ 
  #main_phone .txt h4{font-size:18px;line-height:20px;}
  #main_phone .txt span.num{font-size:14px;}
  #main_phone .txt span.num2{font-size:14px;}
 }
#main_footer{clear:both;background-color:#2d2d2d;}