@charset "utf-8";
/* CSS Document */
/* 슬라이더 */
#slider{position:relative; width:100%; margin:0 auto;background:#dadada;}
#slider .slider_text{position:relative; max-width:960px; margin:0 auto; padding:20px 0 120px 30px;  height:auto; margin-top:30px;  }
#image-gallery li#slider_0{ background:url(../images/slider/0.jpg) center center no-repeat; width:100%; height:400px; background-size:cover; }
#image-gallery li#slider_1{ background:url(../images/slider/1.jpg) center center no-repeat; width:100%; height:400px; background-size:cover; }
#image-gallery li#slider_2{ background:url(../images/slider/2.jpg) center center no-repeat; width:100%; height:400px; background-size:cover; }
#image-gallery li#slider_3{ background:url(../images/slider/3.jpg) center center no-repeat; width:100%; height:400px; background-size:cover; }
#image-gallery li#slider_4{ background:url(../images/slider/4.jpg) center center no-repeat; width:100%; height:400px; background-size:cover; }
#image-gallery li h2{font-size:38px; color:#FFFFFF;  font-weight:400; }
#image-gallery li p{color:#FFFFFF; font-size:18px; line-height:1.5em; margin-top:15px; }


/* 본문 */
/*#main_wrap{position:relative; background:#dadada;width:100%; top:-24px;height:85px; z-index:111; overflow:hidden;}
#main_top{position:relative;margin:0 auto; max-width:1160px; background:#dadada; height:auto; top:-10px; }*/

#main_wrap{position:relative; background:#dadada;width:100%;  z-index:111; overflow:hidden;}
#main_top{position:relative;margin:0 auto; max-width:1160px;background:#dadada; height:auto;  }
#main_top ul{position:relative; width:99%; margin:0 auto;margin-left:1%; }
#main_top ul li{float:left; text-align:center;  width:18%; margin-left:1.5%;  background:#000000;}
#main_top ul li a:hover{  opacity:0.5; }
#main_top ul li img{width:100%;}

#main_top ul li div{ line-height:3em;  font-size:14px;  background:#dadada;}
#main_top ul li.li_hide{display:none;}
#main_top ul li.li_hide div{background:#091f3c;}
#main_wrap_center{position:relative; width:100%; height:auto; border-top:1px solid #c7c7c7; padding-bottom:30px;}
#main_center{position:relative; max-width:1000px; margin:0 auto; height:430px;  overflow:hidden; }
#main_center .mc_data{position:relative; width:31.2%; border-right:1px solid #c7c7c7; height:430px; float:left; padding-left:2%;}
#main_center .mc_data img{width:90%;}
#main_center .mc_data h2{font-size:16px; line-height:3.0em; margin-top:50px;font-weight:600;}
#main_center .mc_data p{margin-top:10px; width:87%; padding-bottom:10px;}
#main_center #mc_data_center{ margin-top:20px;}
#main_center #mc_data_center li{line-height:2.0em; font-size:12px;}
#main_center #mc_data_center li a{font-size:12px;}
/*#main_center #mc_data_center li span{font-size:10px; color:#535353}*/
#main_center #m_center_right { border:none;}
#main_center_s{display:none;}
#symbol{position:relative; width:100%; border-top:1px solid #c7c7c7; overflow:hidden; }
#symbol_data{position:relative; max-width:1000px; margin:0 auto; }
#symbol_data h2{font-size:16px; line-height:3.0em; margin-top:20px;  font-weight:600; padding-left:2%;}
#symbol_data ul{ position:relative; width:99%; margin:0 auto;top:30px; overflow:hidden; padding-bottom:30px; }
#symbol_data ul li{  float:left; margin-left:3%;  text-align:center;  }
#symbol_data ul li div{font-size:14px; line-height:2.0em;}

@media screen and (max-width: 1348px){
#main_wrap{position:relative; background:#dadada;width:100%;height:auto; clear:both;z-index:111;  }
#main_top{position:relative;margin:0 auto; max-width:1160px; background:#dadada; }
#main_top ul{}
#main_top ul li{float:left; text-align:center; line-height:3em; width:18%; margin-left:1.5%;}
#main_wrap_center{position:relative; width:100%; height:auto; border-top:1px solid #c7c7c7; padding-bottom:30px; clear:both; }

#symbol{position:relative; width:100%; border-top:1px solid #c7c7c7; overflow:hidden;   }
#symbol_data ul{ position:relative; width:99%; margin:0 auto;overflow:hidden; top:30px;   }
#symbol_data ul li{float:left; margin-left:2%;}
#symbol_data ul li img{width:100%;}
	}
@media screen and (max-width: 960px){
#image-gallery li h2{font-size:30px; color:#FFFFFF; font-weight:400; }
#image-gallery li p{color:#FFFFFF; font-size:16px; line-height:1.5em; margin-top:15px; }
#symbol{position:relative; width:100%; border-top:1px solid #c7c7c7; overflow:hidden;  }
#symbol_data ul{ position:relative; width:98%; margin:0 auto;overflow:hidden; top:30px; margin-left:3%; }
#symbol_data ul li{float:left; margin-left:0.5%; }
#symbol_data ul li img{width:90%;}
	}
@media screen and (max-width: 840px){
#image-gallery li#slider_0{background:url(../images/slider/0.jpg) center center no-repeat; width:100%; height:350px; background-size:cover; }	
#image-gallery li#slider_1{background:url(../images/slider/1_780.jpg) center center no-repeat; width:100%; height:350px; background-size:cover; }
#image-gallery li#slider_2{background:url(../images/slider/2_780.jpg) center center no-repeat; width:100%; height:350px; background-size:cover; }
#image-gallery li#slider_3{background:url(../images/slider/3_780.jpg) center center no-repeat; width:100%; height:350px; background-size:cover; }
#image-gallery li#slider_4{background:url(../images/slider/4_780.jpg) center center no-repeat; width:100%; height:350px; background-size:cover; }
#image-gallery li#slider_4 h2{font-size:24px; color:#FFFFFF;  font-weight:400;margin-left:0%; margin-top:0px; }

#main_wrap{position:relative;background:#dadada;width:100%; height:auto;  }
#main_top{position:relative;margin:0 auto; max-width:1160px; background:#dadada;  }
#main_top ul{position:relative; width:98.%; margin:0 auto; margin-left:0;  }
#main_top ul li{  float:left;  text-align:center; width:29.5%; margin-left:3%;  margin-bottom:3%; }
#main_top ul li.li_hide{display:inline; }

#main_top ul li img{width:100%;}
#main_top ul li div{background: #9f9f9f; color:#FFFFFF;   line-height:2em;}
#main_wrap_center{position:relative; width:100%; height:auto; border-top:1px solid #c7c7c7;clear:both; padding-bottom:0px;}
#main_center{display:none;}

#main_center_s{position:relative; max-width:1000px; margin:0 auto; height:auto;  overflow:hidden; display:inline;  }
#main_center_s h2{line-height:3.0em; padding-top:5px; padding-left:20px;font-size:20px;  font-weight:400;}
#main_center_s a{text-decoration:none;}	
.mc_data_s{position:relative;  width:30%; margin-left:2%;float:left; border:1px solid #c4c4c4; height:auto; overflow:hidden; margin-bottom:2%; }

.mc_data_s ul{position:relative;width:100%; height:335px;}
.mc_data_s ul.mc_x{position:relative;width:100%; height:30%;}
.mc_data_s li h3{margin-top:5%;  font-size:16px; padding-left:10px; font-weight:400; }
.mc_data_s li p{ padding-top:5%; width:90%; font-size:12px; color:#9E9E9E;   margin:0 auto; padding-bottom:20px; line-height:1.5em;}

.mc_data_s li.mc_img{ width:100%; overflow:hidden;}
.mc_data_s li:hover img{transform:scale(1.5,1.5); } 
.mc_data_s li.mc_text{ width:100%;}
.mc_data_s li.mc_text p{color:#929292; }
.mc_data_s img{width:100%;  transition:all .4s ease;}

#symbol{position:relative; width:100%; border-top:1px solid #c7c7c7; overflow:hidden;  min-height:305px; display:none; }
#symbol_data ul li{float:left; margin-left:0.5%; }
#symbol_data ul li img{width:80%;}


	}
@media (max-width:667px){
/* 팝업 관련 */
.hd_pops {width:99%; left:0px !important;}
.hd_pops img{width:100%;}

#image-gallery li#slider_4 h2{font-size:20px; color:#FFFFFF;  font-weight:400;margin-left:0%; margin-top:0px; }

}
	
@media screen and (max-width: 640px) {
#slider .slider_text{position:relative; max-width:960px; margin:0 auto; padding:10 0 0 20px; margin-top:40px;}
#image-gallery li#slider_0{background:url(../images/slider/0.jpg) center center no-repeat; width:100%; height:300px; background-size:cover; }
#image-gallery li#slider_1{background:url(../images/slider/1_780.jpg) center center no-repeat; width:100%; height:300px; background-size:cover; }
#image-gallery li#slider_2{background:url(../images/slider/2_780.jpg) center center no-repeat; width:100%; height:300px; background-size:cover; }
#image-gallery li#slider_3{background:url(../images/slider/3_780.jpg) center center no-repeat; width:100%; height:300px; background-size:cover; }
#image-gallery li#slider_4{background:url(../images/slider/4_780.jpg) center center no-repeat; width:100%; height:300px; background-size:cover; }
#image-gallery li h2{font-size:24px; color:#FFFFFF;  font-weight:400;}
#image-gallery li#slider_4 h2{font-size:18px; color:#FFFFFF; }
#image-gallery li p{color:#FFFFFF; font-size:12px; line-height:1.5em; margin-top:15px; }

#main_wrap{position:relative; background:#dadada;width:100%; height:auto;  }
#main_top{position:relative;margin:0 auto; max-width:1160px;background:#dadada; }
#main_top ul{position:relative; width:98%; margin:0 auto;margin-left:0;   }
#main_top ul li{  float:left;  text-align:center; width:29.5%; margin-left:3%;   margin-bottom:3%; }
#main_top ul li.li_hide{display:inline;}
/*#main_top ul li.li_last{margin-right:0}*/
#main_top ul li img{width:100%;}
#main_top ul li div{background: #9f9f9f; color:#FFFFFF;   line-height:1.5em;}
#main_wrap_center{position:relative; width:100%; height:auto; border-top:1px solid #c7c7c7; clear:both; padding-bottom:0px; }
#main_center_s{position:relative;   max-width:1000px; margin:0 auto; height:auto;  overflow:hidden;}
#main_center_s h2{line-height:3.0em; padding-top:5px; padding-left:20px;font-size:20px;  font-weight:400;}	
.mc_data_s{position:relative;  width:95%; margin:0 auto; border:1px solid #c4c4c4; clear:both; height:auto; overflow:hidden; margin-bottom:2%; float:none;}
.mc_data_s ul{position:relative;width:100%;  height:auto;}
.mc_data_s li{float:left; }
.mc_data_s li h3{margin-top:3%;  font-size:18px;  font-weight:400; padding:0; }
.mc_data_s li p{ margin-top:2%;  width:100%; font-size:13px; padding:0; line-height:none; }

.mc_data_s li.mc_img{ width:35%;}
.mc_data_s li.mc_text{ float:right;width:60%; padding-right:2%;}
.mc_data_s img{width:100%;}
#symbol{position:relative; width:100%; border-top:1px solid #c7c7c7; overflow:hidden; height:auto; min-height:305px; display:none; }

}



@media (max-width: 480px) {
#slider .slider_text{position:relative; max-width:960px; margin:0 auto; padding:10px 0 80px 15px;  margin-top:40px;}
#image-gallery li#slider_0{background:url(../images/slider/0.jpg) center center no-repeat; width:100%; height:200px; background-size:cover; }
#image-gallery li#slider_1{background:url(../images/slider/1_780.jpg) center center no-repeat; width:100%; height:200px; background-size:cover; }
#image-gallery li#slider_2{background:url(../images/slider/2_780.jpg) center center no-repeat; width:100%; height:200px; background-size:cover; }
#image-gallery li#slider_3{background:url(../images/slider/3_780.jpg) center center no-repeat; width:100%; height:200px; background-size:cover; }
#image-gallery li#slider_4{background:url(../images/slider/4_780.jpg) center center no-repeat; width:100%; height:200px; background-size:cover; }
#image-gallery li h2{font-size:14px; color:#FFFFFF;  font-weight:400; }
#image-gallery li#slider_0 h2{font-size:18px; color:#FFFFFF; font-weight:400;margin-left:10%; margin-top:20px; }
#image-gallery li#slider_1 h2{font-size:18px; color:#FFFFFF; font-weight:400;margin-left:10%; margin-top:20px; }
#image-gallery li#slider_2 h2{font-size:18px; color:#FFFFFF; font-weight:400;margin-left:10%; margin-top:20px; }
#image-gallery li#slider_3 h2{font-size:18px; color:#FFFFFF;  font-weight:400;margin-left:5%; margin-top:0px; }
#image-gallery li#slider_4 h2{font-size:14px; color:#FFFFFF;  font-weight:400;margin-left:0%; margin-top:0px; }
#image-gallery li p{color:#FFFFFF; font-size:10px; line-height:1.5em; margin-top:15px; display:none;}

#main_wrap{position:relative; background:#dadada;width:100%; height:auto; clear:both;  }
#main_top{position:relative;margin:0 auto; max-width:1160px;background:#dadada;  }
#main_top ul{position:relative; width:98%; margin:0 auto; margin-left:1.5%;  }
#main_top ul li{position:relative;  float:left;  text-align:center; width:45%; margin-left:3%; margin-bottom:4%;  }
#main_top ul li.li_hide{display:inline;}

#main_top ul li img{width:100%;}
#main_top ul li div{background: #9f9f9f; color:#FFFFFF;   line-height:1.5em;}
#main_wrap_center{position:relative; min-width:320px; width:100%; height:auto; border-top:1px solid #c7c7c7; padding-bottom:0px; clear:both; }
#main_center_s{position:relative; max-width:1000px; margin:0 auto; height:auto;  overflow:hidden; clear:both;}
#main_center_s h2{line-height:3.0em; padding-top:5px; padding-left:20px; font-size:18px;   }	
.mc_data_s{position:relative; min-width:280px; width:92%; margin:0 auto; border:1px solid #c4c4c4; clear:both; height:auto; margin-bottom:2%;overflow:hidden;}
.mc_data_s ul{position:relative;width:100%;}
.mc_data_s li{float:left; }
.mc_data_s li h3{margin-top:3%;font-size:14px; }
.mc_data_s li p{ margin-top:2%; width:100%; font-size:10px; }
.mc_data_s li.mc_img{ width:35%;}
.mc_data_s li.mc_text{ float:right;width:60%; padding-right:2%;}
.mc_data_s img{width:100%;}
#symbol{position:relative; width:100%; border-top:1px solid #c7c7c7; overflow:hidden; height:auto; min-height:305px; display:none; }
}

@media (max-width: 355px) {
.mc_data_s{position:relative; margin:0 auto;overflow:hidden; width:95%; border:1px solid #c4c4c4; clear:both; height:auto; margin-bottom:2%;}
.mc_data_s ul{position:relative;width:100%; }
.mc_data_s li{float:left; }
.mc_data_s li h3{margin-top:0;  font-size:14px; }
.mc_data_s li p{ margin-top:1%; width:100%; font-size:10px; }
.mc_data_s li.mc_img{ width:35%;}
.mc_data_s li.mc_text{ width:64%; padding-left:0; padding-right:0.5%; }
.mc_data_s img{width:100%;}
	}