/* BASIC css start */
#preview_wrap {display:none;}

.serach1 {position: relative; left: 59px;}
.a2 {float: left; padding-left: 550px;}


/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul, li { list-style:none; margin:0; padding:0; }


.black_bar { background:#111; color:#fff; height:36px; }
.black_box { width:1200px; margin:0 auto;  padding:10px 0; color:#999; }
.black_box span{ padding:0 0px 0 10px; font-size:12px; color:#fff;  }

.se_link { float:right; width:300px; text-align:right; height:23px; padding-right:10px; }
.se_link a { line-height:23px; padding:0 10px; }

.top_right { float:right; text-align:right;}
.top_right li { display:inline-block; zoom:1; *display:inline; height:36px; padding-left:15px; }
.top_right li a { line-height:35px; }

.mega_menu { background:rgba(255, 255, 255, .95); left:0; margin-top:0px; position:absolute; width:100%; padding:15px 0; display:none;  transition-duration:0.9s; border-bottom:1px solid #e5e5e5; }
.small_menu { background:rgba(255, 255, 255, .95); margin-top:0px; position:absolute; width:500px; padding:15px; display:none;  transition-duration:0.9s; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; }
.only_menu { background:rgba(255, 255, 255, .95); margin-top:0px; position:absolute; width:150px; padding:15px; display:none;  transition-duration:0.9s; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; }

nav.menu { position:relative; min-height:60px; height:100%; font-size:15px; margin:0px auto; display:table; width:100%; border-top:1px solid #000; clear:both; z-index:2; }
.menu > ul { width:1200px; margin:0 auto; display:block; text-align:center; }
.menu > ul > li { color:#fff; line-height:45px; display:inline-block; zoom:1; *display:inline; }
.menu > ul > li.mfirst { border-left:none;}
.menu > ul > li.mlast { }
.menu > ul > li a span img { vertical-align:middle; }
.menu > ul li a { text-decoration:none; color:#666; display:block; text-align:center; font-family:'NanumBarunGothic'; font-weight:400; }
.menu > ul li a.drop_mlink { padding:0 20px; }
.menu > ul li a:hover { color:#333; transition-duration:0.3s; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; }
.menu .active{ background:#333 !important;  }

.menu .drop_mlink { line-height:40px; font-size:22px; font-weight:400; color:#000; }

.displaynone{ display:none; }
.container { margin:0px auto; display:table; max-width:1140px; width:100%; }
.container:after, .container:before { content:"" clear :both; }

/*--column--*/
.mm-fullcolumn { width:1200px; position:relative; margin:0 auto; }
.mm-fullcolumn ul { width:150px; margin-left:15px; }
.mm-9column { width:400px; float:right; position:relative; text-align:right; margin-right:1%; }
.mm-6column { width:80px; float:left; position:relative; }
.mm-fcolumn { width:100%; float:left; position:relative; }

.sub2_title a { font-weight:700; color:#000 !important; font-size:13px; line-height:25px; }

.responsive-img { display:block; max-width:100%; }

.left_images{ margin-right:20px; line-height:0; display:block; }
.left_images, .cate_list { float:left; display:block; }

.cate_list ul { padding-bottom:20px; }
.cate_list li { display:block; line-height:normal; margin:0; padding:5px 0; border-bottom:1px solid #e5e5e5; }
.cate_list li a { padding:0 10px !important; font-size:13px; text-align:left !important; width:110px !important; }

.cate_item li { width:180px; display:inline-block; zoom:1; *display:inline; text-align:center; line-height:normal; }
.cate_item li p { line-height:normal; font-size:11px; color:#888; }
ul.catetop_click li { cursor:pointer; }

.left_images > p { background:none repeat scroll 0 0 #5078ff; display:block; font-size:12px; line-height:normal; margin:0; padding:2px 12px; text-align:center; }

.display-on { display:block; transition-duration:0.9s; }
.drop_down > a:after{  }





/**** 2017 05 추가 ****/

/* top lay */
.toproll_outwrap{position:relative; top:0px; left:0px; z-index:1; width:100%; height:0px; overflow:hidden;}
.toproll_outwrap .toprollwrap{position:absolute; top:0px; left:50%; width:2000px; height:80px; margin-left:-1000px; z-index:2; text-align:center;}

/* top btn*/
.nvbtwrap{height:0px; text-align:center; width:125px; line-height:1.88; color:#000000; text-align:center; margin:0 auto; position:relative; z-index:2;}
.nvbtwrap div{background:url('/design/jerry/wib/pc/top/top_optbg.jpg') no-repeat 0 0; cursor:pointer;}
.nvbtwrap span{padding-right:15px; font-size:11px; }
.nvbtwrap .close_a{display:none;}
.nvbtwrap .close_a span{background:url('/design/jerry/wib/pc/top/close_a.jpg') no-repeat right 3px;}
.nvbtwrap .open_a{}
.nvbtwrap .open_a span{background:url('/design/jerry/wib/pc/top/open_a.jpg') no-repeat right 3px;}

/* 블랙 안내 바 */
.black_baroutwrap{height:36px;}
.fixtop01{position:fixed; top:0px; left:0px; z-index:10; width:100%;}

/* 상단 메뉴 fix */
.menu_outwrap{height:60px;} 
.menu_outwrap .menu_inwrap.fixtop02{position:fixed; top:36px; left:0px; z-index:10; width:100%; background:#ffffff;}
.menu_outwrap .menu_inwrap.fixtop02 nav.menu{min-height:40px; display:block;}

/* plugin */
.sliderkit{display:none;  text-align:left;}
.sliderkit img{border:0;}

/* plugin Panels */
.sliderkit .sliderkit-panel{z-index:1; position:absolute ;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}

/* plugin bts*/
.sliderkit .sliderkit-btn{z-index:10;}

/* plugin banner */
.roll_ban {height:80px; width:100%;  clear:both; }
.roll_ban .contentslider-top {width:100%; text-align:center; height:80px; padding:0px; margin:0px; border-right:none;  position:relative;}
.roll_ban .contentslider-top .sliderkit-panels{ width:100%; height:80px;overflow:hidden; padding:0px; margin:0px; background:transparent;}
.roll_ban .contentslider-top .sliderkit-panel{  width:100%; height:80px;overflow:hidden ;padding:0px; margin:0px; background:transparent;}

/* Panels prev next bts */
.contentslider-top .btn_area {width:1200px; position:relative; margin:0 auto;}
.contentslider-top .sliderkit-go-btn{position:absolute;top:13px;z-index:2222; right:0px; }
.contentslider-top .sliderkit-go-prev{}
.contentslider-top .sliderkit-go-next{margin-top:27px;}
.contentslider-top .sliderkit-go-btn a{display:block; width:28px; height:28px; background:url("/design/jerry/wib/pc/top/btn.gif") no-repeat 0 0; }
.contentslider-top .sliderkit-go-prev a{background-position:0px 0px; }
.contentslider-top .sliderkit-go-next a{background-position:0px -27px;}
.contentslider-top .sliderkit-go-prev a:hover{background-position:-27px 0px; opacity:0.3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
.contentslider-top .sliderkit-go-next a:hover{background-position:-27px -27px; opacity:0.3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.contentslider-top .sliderkit-go-btn span{display:none;}


#topbar #topbarin .topcart span {color:#ff0000;}
/* BASIC css end */