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

/*visual*/
#main_visual {position:relative; width:100%; height:784px; overflow:hidden;}
#main_visual .btnbox {position:absolute; left:50%; bottom:20px; z-index:2; width:120px; height:12px; margin-left:-60px;}
#main_visual .btnbox li {float:left; width:12px; height:12px; margin:0 2px; cursor:pointer; background:#b2bec9; border-radius:6px;}
#main_visual .btnbox li.on {width:32px; background-color:#595f6a;}

#main_visual #arrows {position:absolute; left:50%; top:50%; z-index:2;width:86%; height:68px;margin-left:-43%; margin-top:-34px;}
#main_visual #arrows .prev {float:left; width:52px;}
#main_visual #arrows .next {float:right; width:52px;}
#main_visual #arrows a {cursor:pointer;}

#main_visual .imgbox {position:relative; width:100%; height:100%; overflow:hidden; margin:auto;}
#main_visual .imgbox > ul {width:100%; height:100%;}
#main_visual .imgbox > ul > li {float:left; position:relative; width:100%; height:100%; overflow:hidden; text-align:center;}
#main_visual .imgbox > ul > li > a > img {position:absolute; left:50%; top:0; width:2000px;; height:784px; margin-left:-1000px;}

/*중앙컨텐츠*/
.cnt_tit {width:1630px; text-align:center; margin:0 auto; padding: 70px 0}

#main_btns {position:relative; width:100%; clear:both; overflow:hidden; height:758px;}
#main_btns .btns_imgbox{overflow:hidden; position:relative; left:50%; margin-left:-1000px; height:1000px;}
#main_btns .btn_wrap{position:relative; left:50%; margin-left:-600px; top:-920px; width:1200px; padding:0;overflow:hidden;}
#main_btns ul:first-child {float:left;}
#main_btns ul:nth-child(2){float:right; opacity:0.8;}
#main_btns ul li { margin-bottom:22px;}


#cnt_01 {overflow:hidden; width:1630px; margin:auto; padding: 80px 0}
#cnt_02 .main_img {height: 720px}
#cnt_02 .main_img img {width: 2000px; position: absolute; left: 50%; margin-left: -1000px;}

#com_wrap {width:100%; margin:0 auto; overflow:hidden;padding: 100px 0}

#ban_commu {position: relative; width:1630px; margin:0 auto; overflow:hidden; }
#ban_commu li{float:left; padding:0;}
#ban_commu .commu {width:24%; height:375px; border: 2px #f3f1f2 solid; background: #fff}
#ban_commu .commu > a:last-child {display:block; width:127px; height:31px; line-height:31px; text-align:center; color:#fff; background:#f7a38b; font-size:16px; clear: both; margin: 0 auto;}
#ban_commu li:last-child{padding-right:0}

#com_wrap .tit{text-align:center; padding-bottom:50px}
#com_wrap li{float:left; background-color:#fff; margin-right:20px}
#com_wrap li:last-child{margin-right:0}
#com_wrap .board_tit{font-size:25px; color:#333; font-weight:500; padding:45px 0 2px 25px}
#com_wrap .board_text{display: block; font-size:13px; font-weight: 300; color:#666; padding-bottom:30px; padding-left: 25px;}

#com_wrap .board_box2{width:95%; float:left;padding-left: 25px;}
#com_wrap .board_box2 ul {display: table; margin-bottom: 20px;}
#com_wrap .board_box2 ul li{position:relative; width:90%;}
#com_wrap .board_box2 ul li a{font-size:14px; color:#666; display:inline-block; width:230px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; text-indent:3px;}
#com_wrap .board_box2 ul li a img{position:absolute; top:0; left:165px;}
#com_wrap .board_box2 ul li span{font-size:13px; color:#999; float:right; margin-right: -10px;}

#info {width: 100%; position: relative;left: 50%; margin-left: -1000px; height: 608px}

/*==========1600이하=========*/

@media all and (max-width:1600px){

#ban_commu {position: relative; width:1400px; }
#ban_commu .commu {width:24%; border-right:0}
#com_wrap li{width:25%; margin-right:0; padding-right:0}

}