@charset "utf-8";

#contents{width:1200px; /* height:810px;  */margin:24px auto 31px;}
/*
#contents div.top{height:430px; margin-bottom:15px; overflow:hidden;}
#m_visual_wrap {width:694px; float:left; position:relative;}
#m_visual {width:100%; height:500px; overflow:hidden; margin:0 auto; position:relative;}
#m_visual div.bt {height:12px; overflow:hidden; position:absolute; left:322px; bottom:19px; z-index:10;}
#m_visual div.bt a {display:inline-block;margin:0 2px; }
#m_visual div.bt a.on img {margin-top:-24px;}
#m_visual div.img_wrap {filter:alpha(opacity=0);}
#m_visual div.img_wrap p {width:100%; position:absolute; top:0px;left:0px; opacity:0; filter:alpha(opacity=0);}
#m_visual div.img_wrap p.img img {width:100%; height:auto;}
#contents div.top div.banner{float:right;}
#contents div.top div.banner p:first-child{margin-bottom:10px;}
#contents div.mid_quick{height:40px;}
#contents div.mid_quick ul{overflow:hidden;}
#contents div.mid_quick ul li{width:296px; float:left; margin-left:5px;}
#contents div.mid_quick ul li:first-child{margin-left:0px;}
#contents div.mid_quick ul li a{display:block; color:#fff; font-size:17px; font-family:NanumBarunGothic; text-align:center; text-decoration:none; line-height:40px; background:#a5a5a5;}
#contents div.mid_quick ul li a:hover, #contents div.mid_quick ul li a:focus{background:#524e49;}
*/
#visual {width:1200px; margin:0px auto}
#slider {position:relative; overflow:hidden; width:1200px; height:430px;}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; overflow:hidden; width:1200px; height:430px;}
#slider li p:first-child{margin-right:10px;}
#slider li p.width1{width:700px; float:left;}
#slider li p.width2{width:490px;float:left;}
#slider li p.width2 img:first-child{margin-bottom:10px;}
div.control{width:1200px; height:40px; overflow:hidden; margin-top:15px}
div.control .left{float:left; margin-right:2px;}
div.control .right{float:right;}
.sliderbutton {width:52px; height:40px;}
.sliderbutton img {cursor:pointer; background:#a5a5a5;}
.sliderbutton img:hover {background:#524e49}
.pagination {list-style:none; }
.pagination li {width:267px; margin:0 3px; line-height:40px;float:left; cursor:pointer; font-size:17px; font-weight:bold; letter-spacing:-0.5px; text-align:center; color:#fff; background:#a5a5a5;}
.pagination li:hover {background:#524e49; }
li.current { background:#524e49}

#contents div.bottom{height:229px; margin-top:15px; overflow:hidden;}
#contents div.bottom ul{float:left; overflow:hidden;}
#contents div.bottom ul li{width:215px; float:left; margin-right:10px; overflow:hidden;}
#contents div.bottom ul li a:hover img, #contents div.bottom ul li a:focus img{margin-left:-215px;}
#contents div.bottom > img{float:right;}

#contents div.banners{width:1200px;margin-top:15px;overflow:hidden;border:1px #f1f1f1 solid;}
#contents div.banners ul{float:left; overflow:hidden;}
#contents div.banners ul li{width:250px;float:left;text-align:center;margin:10px;display:block;}
#contents div.banners ul li a {display:block;vertical-align: middle;} 
#contents div.banners ul li a img{width:240px;height:auto;}