/* BASIC css start */
#contentWrap { width:100%; }






.wizmainbox {overflow:hidden; margin-bottom:30px;}

#indexVisual {float: left; position:relative; width:800px; height:700px; margin:0 auto; z-index:0; border:0px solid #000; padding-top:0px;}
#indexVisual .visualNavi {position:absolute; bottom:0px; top:680px;right:10px; z-index:10; }
#indexVisual .visualNavi li { float:left; display:block;width:15px;height:15px;text-indent:-9999px;background:url(/design/jobs2010/wizdesign/buttons.png) right 0;cursor:pointer;}
#indexVisual .visualNavi li.over {background-position:left; }
#indexVisual .visualCont { margin-top:0px ;}



.box_left {float:left;}
.box_right {float:left; width:441px; height:700px; margin-left:5px;}
.box_banner li { float:left; padding-bottom:5px; padding-right:5px;}
.box_banner .last { padding-bottom:0px; padding-right:0px;}


.box_banner ul.prd_wrap{height: 380px;}
.box_banner ul.prd_wrap li {float:left; margin:0 0px 0px 0; position:relative;}
.box_banner ul.prd_wrap li.last {margin-right:0;}
.box_banner ul.prd_wrap li .prd_bg { display:none; position: absolute; top: 0; left: 0; width: 218px; height: 218px;  }
.box_banner ul.prd_wrap li .prd_bg .prd_title {width: 180px; margin: 80px auto 7px auto; text-align: center; border-bottom: 1px solid #fff; color: #fff; padding-bottom: 7px;}
.box_banner ul.prd_wrap li .prd_bg ul {overflow:hidden; width:180px; margin:0 auto;}
.box_banner ul.prd_wrap li .prd_bg ul li {width:180px; line-height:18px; color:#fff; padding:0; margin:0; text-align:center;}
.box_banner ul.prd_wrap li:hover .prd_bg {display:block; background:#000; background: rgba(0,0,0,0.6);}
.box_banner ul.prd_wrap li .prd_bg .coment {font-size: 11px;}
.box_banner ul.prd_wrap li .prd_bg .name{font-weight: bold;}

/* 좌우롤링 */
.roll_box {position:relative; width:441px; height:254px; }
.roll_box .roll_wrap {width:441px!important; height:254px !important; }
.roll_box .btn {position:absolute; top:100px; z-index:4; cursor:pointer; }
.roll_box .btn.arrow_prev {left:0px; }
.roll_box .btn.arrow_next {right:0px;}







/* 배경부분 */

#cen_bg { clear:both; position:relative; width:1246px; height:300px;   }
#cen_bg a { clear:both; position:relative;  width:1246px; height:300px; background:url(/design/jobs2010/wizdesign/bg_img.jpg) center top no-repeat fixed; overflow:hidden; margin-top:30px; display:table;  }

.cen_text { position:relative; clear:both; width:100%; /*-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); top:50%;*/ display:table-cell; vertical-align: middle; *top:25%; }
.cen_bg_title { clear:both; width:100%; text-transform:uppercase; font-family: 'Ubuntu', sans-serif; text-align:center; margin-bottom:50px; }
.cen_bg_title .title_first { clear:both; font-size:30px; font-weight:700; line-height:40px; color:#fff; padding-bottom:12px; }
.cen_bg_title .title_last { clear:both; font-size:13px; font-weight:400; line-height:20px; color:#fff; padding-top:14px; }
.cen_bg_go { text-align:center; margin:0 auto; width:100%; }
.cen_bg_go div { display:inline-block; *display:inline; *zoom:1; font-size:15px; line-height:18px; color:#000; border:2px solid #fff; padding:10px; background:#fff }






/* 탭이미지 */



#tap_box{	width:1245px;margin:0px auto 50px;}
ul.tab0 {	padding:0;}
ul.tab0 li {list-style-type:none;width:249px;height:40px;float:left;}
ul.tab0 li a {outline:none;background:#fff;  display:block;color:#9A9A9A;line-height:40px;text-align:center; border:1px solid #E5E5E5;}
ul.tab0 li a.selected { background:#DADADA;color:#000;text-decoration:none;cursor:default; border:1px solid #E5E5E5;}
ul.panel {	clear:both; border:1px solid #E5E5E5; padding:0;margin-top:3px;}
ul.panel li {list-style-type:none;padding:0px; }



.item-list5 { zoom: 1; overflow: hidden; padding-bottom: 0px; }
.item-list5:after { content: ""; clear: both; display: block; }

.item-list5 .item { float: left; width: 248px; margin-top: 20px; margin-bottom: 20px;text-align: center; }
.item-list5 .item .thumb { margin: 0 auto 0px; width:220px; height: auto;  }
.item-list5 .item .thumb img { width:220px ; height: auto; }
.item-list5 .item .info { width: 220px; margin:0 auto; }
.item-list5 .item .info li { margin-bottom: 5px; color: #7b7b7b; }
.item-list5 .item .info .name { margin-top: 10px; margin-bottom: 10px;text-align:left; font-size:12px; font-weight:bold;  font-family: 'Nanum Gothic', 돋움, dotum; color: #888888; }
.item-list5 .item .info .subname { color: #7F7F7F; text-align:left; padding-top:0px; font-size:12px; font-family: 'Nanum Gothic', 돋움, dotum;  }

.item-wrap .item-list5 .item .thumb {  position:relative; }
.item-wrap .item-list5 .item .thumb .gnb_sub { display:none; }       
.item-wrap .item-list5 .item .thumb:hover .gnb_sub { display:block; position:absolute; left:0px; bottom:0 ; opacity:0.7;}
.item-wrap .item-list5 .aa { text-align:center;  width:220px; background-color:#000;  height:100px; display:table-cell;vertical-align:middle;}

.item-wrap .item-list5 .aa .name a { color:#fff;font-weight:bold; opacity:1;  }
.item-wrap .item-list5 .aa .subname { margin: 0px auto 0px; width: 180px; color:#fff;font-weight:none;}

.item-wrap .item-list5 .aa .prd-price { color : #fff; font-weight:bold;  }


/* 인스타 */

.ins { margin:0 auto; width:1240px;  border-top:1px solid #D2D2D2; padding-top:30px; text-align:center;}
.ins .tit{ display:inline-block; *display:inline;   padding:2px 50px;  height:25px; line-height:25px; background-color: #636363; font-weight:bold; border: 1px solid #636363; color:#fff; margin-bottom:30px; text-decoration:none;font-size:8pt;font-family: 'nanumgothic',돋움; letter-spacing:0px;  }
.ins .tit:hover { background-color: #7A7A7A; color:#fff; }



#cenbanner { width:1200px; border-top:2px solid #000; border-bottom:0px solid #000;padding:25px 0; margin:40px auto; height:295px;}
/* BASIC css end */