/* 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/h1sty/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/h1sty/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 { float: left;}
.itembox .box01 .last { float: right; pading-right:0px;}
.itembox .box01 .sp { padding:5px 0;}


/* ÅǸ޴º */

.bestbox {width:700px; overflow:hidden; background:#F5F5F5; margin-top:0px; height:550px; border:1px solid #E7E7E7;}
.menu-list {width: 660px; margin: 0 auto; overflow: hidden; height:90px;}
.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; height:auto !important; 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:255px; background:url(/design/h1sty/wizdesign/box.png) 0 0; }
.item-list5 .aa { color:#fff;font-weight:bold;   }
.item-list5 .aa .name { color : #fff; font-weight:bold; padding-top:100px;   }


/* ¹è°æºÎºÐ */

#cen_bg { clear:both; position:relative; width:1245px !important; height:300px;   margin:0 auto;}
#cen_bg a { clear:both; position:relative;  width:1245px !important; height:300px; background:url(/design/h1sty/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; margin-bottom:30px;}
.tit1 { display:inline-block; *display:inline;   padding: 10px;  background-color: #636363; font-weight:bold;  color:#fff;  text-decoration:none;font-size:9pt; font-family: arial,µ¸¿ò; margin-bottom:30px; }







/* BASIC css end */