@charset "utf-8";
@import url("./width1024_default.css");


#container {position:relative; z-index:0;}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:730px; min-width:1200px; overflow:hidden; z-index:10;}
.main_visual ul { width:100%; height:730px;}
.main_visual li {background-repeat:no-repeat; background-position:center top; width:100%; height:730px;}

.main_visual li .link_btn {position:absolute; left:0; top:0; margin-top:220px; text-align:center; width:100%;}
.main_visual li .link_btn a {display:inline-block; font-size:16px; font-weight:bold; color:#fff; height:52px; line-height:52px; padding:0 52px; border:3px solid #fff;}
.main_visual li .link_btn a:hover {border:3px solid #ffe11a; color:#ffe11a;}

.main_visual .pager_box {position:absolute; top:330px; left:0;  overflow:hidden; width:100%; z-index:999;}
.main_visual .main_pager {text-align:center;}
.main_visual .main_pager span {display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:14px; height:14px; margin:0 6px; border-radius:14px; background:rgba(255,255,255,0.5);}
.main_visual .main_pager .cycle-pager-active {border:3px solid #fff; width:8px; height:8px;  background:none;}


/*프로젝트*/

.project_item_wrap .default_layout{margin:0 auto; width:1200px;}
.project_item {margin-top:-300px; position:relative; z-index:11;}


.project_item ul {text-align:center; margin:15px auto ; font-size:0px;}
.project_item ul li {position:relative; text-align:center; display:inline-block; width:370px; margin:15px;}
.project_item ul .opacity_bg {position:absolute; left:0; top:0; width:100%; height:100%; }
.project_item ul .info_img {height:auto; overflow:hidden; display:block;}
.project_item ul li img {vertical-align:top; width:100%;}
.project_item ul li .info_box {display:none;}
.project_item ul li:hover .opacity_bg {background-color:rgba(187,62,62,0.8);}
.project_item ul li:hover .info_box {display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:9;  font-weight:bold; color:#fff;}
.project_item ul li:hover .info_box .box{display:table;width:100%; text-align:center;  height:100%;  table-layout:fixed; }
.project_item ul li:hover .info_box .box .cate{display:table-cell; vertical-align:middle; color: rgba(255,255,255,0.6);    font-size: 18px;}
.project_item ul li:hover .info_box .box .cate strong{ color: rgba(255,255,255,1); font-size: 22px;}