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




#maintop { width:100%; }

/* 메인슬라이드 */


        .jssorb05 { position: absolute; }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av { position: absolute; width: 16px;height: 16px; background: url('/design/wjsqh33/wizdesign/b05.png') no-repeat; overflow: hidden; cursor: pointer;  }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }


        .jssora22l, .jssora22r { display: block; position: absolute; width: 40px;  height: 58px; cursor: pointer; background: url('/design/wjsqh33/wizdesign/a22.png') center center no-repeat; overflow: hidden;  }
        .jssora22l { background-position: -10px -31px;}
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }



/* 슬라이드 end */





/* 중앙배너 */

.itembox { width:1245px; margin:0 auto;  }
.itembox .box02 { width:700px; float: left; }
.itembox .box01 { width:535px; float: right; position:relative; margin-left:10px;}
.itembox .box01 li { display:block }
.itembox .box01 .sp {  margin:10px 0; height:174px; border:1px solid #eee; padding:10px }
.notice { }
.notice h2 a {  display:block ;border-bottom:1px solid #eee; color:#000;  font-size:13px;  font-weight:900; font-family: 'Lato', Arial,sans-serif; margin-bottom:10px;  }
.notice h2 a i {  padding-right:5px; padding-bottom:10px;  }
.notice ul li { position:relative; padding:1px 0   }
.notice ul li a:hover { color:#000 }
.notice ul li span { position: absolute; right:0px; top:0px; font-size:12px;  }



/* 탭메뉴 */

.bestbox {width:700px; overflow:hidden; background:#F5F5F5; margin-top:0px; height:700px; border:1px solid #E7E7E7;}
.menu-list {width: 660px; margin: 0 auto; overflow: hidden; height:100px;}
.menu-list h2 { height:20px; }
.menu-list .listcate{ float:left;}
.menu-list ul{ width:795px; float:left; overflow:hidden; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; vertical-align: baseline; }
.menu-list ul li {width:131px; float:left;  height:40px; line-height:40px;  text-align:center; border-left:1px solid #D4D4D4; border-bottom:1px solid #D4D4D4; background:#fff; cursor:pointer; color:#000; font-size:11px; font-family: 'Lato', Arial,sans-serif; }
.menu-list ul li.last{width:130px; border-right:1px solid #D4D4D4; }
.menu-list ul li.active{ background:#555555; border-bottom:0px; color:#fff;}

.swiper-container {width:670px; margin: 0 auto; overflow:hidden; }
.swiper-container  .swiper-wrapper{width: 661px; margin: 0 auto; margin-top:0px; margin-bottom:0px; overflow:hidden;}
.swiper-container  .swiper-wrapper .swiper-slide {float:left;  overflow:hidden;}
.swiper-container ul{overflow:hidden;}
.swiper-container li {width: 49%; margin:0 0.5%; float: left; overflow: hidden; position:relative;}
.swiper-container li img{width:100%;}
.swiper-wrapper {position: relative;width: 100%;}


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

.item-list5 .item { float: left; width: 223px;text-align: center; }
.item-list5 .item .thumb { margin: 0 auto 0px; width:210px; height: auto;  }
.item-list5 .item .thumb img { width:210px; height: auto; position:relative;}
.item-list5 .item .info { width: 210px; 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-list5 .item .thumb {  position:relative; }
.item-list5 .item .thumb .gnb_sub { display:none; }       
.item-list5 .item .thumb:hover .gnb_sub { display:block; position:absolute; left:0px; top:0 ; }
.item-list5 .aa { text-align:center;  width:210px; height:277px; background:url(/design/wjsqh33/wizdesign/box.png) 0 0; display:table-cell;vertical-align:middle; }
.item-list5 .aa { color:#fff;font-weight:bold;   }
.item-list5 .aa .name { color : #fff; font-weight:bold;   }


.subname {width: 280px; text-align: left; margin-left: 20px;}

/* 배경부분 */

#cen_bg { clear:both; position:relative; width:100% !important; height:400px;   margin:0 auto;}
#cen_bg a { clear:both; position:relative;  width:100% !important; height:400px; background:url(/design/wjsqh33/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%; }




/* 인스타 */
.ins { margin:0 auto; width:1240px;  border-top:1px solid #D2D2D2; padding-top:30px; text-align:center; font-weight:bold;  color:#797979;  text-decoration:none; font-size:12pt; font-family: arial,'Nanum Gothic',돋움; }

/* 220512 */
img{image-rendering: -webkit-optimize-contrast;}
#topbar .wizsubmenu .topbar_left{
    left: 50% !important;margijn-left:-200px !important
}
/* BASIC css end */