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




#header-top { width:100%; position:relative; margin:0 auto; z-index:6;}
#header { position:relative; margin:0 auto; width:100%; }

.top_fix {position: fixed;bottom:100px;right:10px;z-index:999999;display:none}
.top_fix a{display:block;padding:0}

#pagescroll{bottom:20px;position:fixed;right:20px;z-index:2147483647;}

/* »ó´Ü°ËÁ¤¹Ù */
#topbar { position:fixed; top:0px; width:100%; margin:0 auto; height:30px; background:#000; text-transform:uppercase; z-index:999; }
#topbar .wizsubmenu { width:1200px; margin:0 auto; height:30px; text-transform:uppercase; position:relative;}
#topbar ul { font-size:0; line-height:0; }
#topbar li { display:inline-block; *display:inline; }
#topbar li a { display:block; font-size:9px; color:#fff; font-family: 'Arial',sans-serif; font-weight:bold;  text-decoration:none; height:30px; line-height:30px; padding:0 20px; }
#topbar li a:hover { color:#fff; color: #fff; text-decoration:underline;  }


#topbar li a img { vertical-align:middle; padding-right:5px; }
#topbar .topbar_mypage a img { padding-left:5px; padding-right:0px; }
#topbar .topbar_cate a img { padding-left:5px; padding-right:0px; }
#topbar .topbar_com a img { padding-left:5px; padding-right:0px; }

#topbar .wizsubmenu .topbar_left { position:absolute; top:0px; left:0px; z-index:2; }
#topbar .wizsubmenu .topbar_left span { color:#fff; }


/* Ä«Å×°í¸® */
#topbar .topbar_cate { position:relative; display:block; width:250px}
#topbar .topbar_cate a { color:#fff; border-right:0px !important; font-size:10px; color:#fff; font-family: 'Arial',sans-serif; font-weight:bold;}
#topbar .topbar_cate a:hover { text-decoration:underline;   }

.cate_sub { display:none; position:absolute; top:30px; left:0px; z-index:2; width:100%; background:#000; border-top:1px solid #000; height:500px;overflow-y:scroll;} 
.cate_sub li {  clear:both; width:100%; }
.cate_sub li a { color:#f5f5f5; display:block; font-size:11px !important; background:none; line-height:20px !important; height:20px !important; }
.cate_sub li a:hover { background:url(/design/coszen/wizdesign/sub_icon.png) no-repeat 12px center;  color:#fff !important; }



/* Ä¿¹Â´ÏƼ */

#topbar .topbar_com { position:relative; display:block; border-right:1px solid #DFDFDF}
#topbar .topbar_com a { color:#DFDFDF; border-right:0px !important; font-size:11px; color:#dedede; font-family: 'Arial',sans-serif; font-weight:700; }
#topbar .topbar_com a:hover { color:#dedede; }

.com_sub { display:none; position:absolute; top:34px; left:0px; z-index:2; width:100%; background:#999999;  border-top:1px solid #DFDFDF   }
.com_sub li { clear:both; width:100%; }
.com_sub li a { color:#000; display:block; background:none; line-height:30px !important; height:30px !important;   }
.com_sub li a:hover { background:#B2B2B2;  color:#fff !important; }

.com_sub li:nth-of-type(n+4) { display:none  !important ; } /* ¸Þ´º°³¼ö¼³Á¤ */


/* ¸¶ÀÌÆäÀÌÁö */
#topbar .topbar_mypage { position:relative; display:block; border-right:1px solid #DFDFDF }
#topbar .topbar_mypage a { color:#DFDFDF; border-right:0px !important; font-size:10px; color:#DFDFDF ; font-family: 'Arial',sans-serif;}
#topbar .topbar_mypage a:hover { color:#fff;  }


.mypage_sub { display:none; position:absolute; top:34px; left:0px; z-index:2; width:100%; background:#999999; border-top:1px solid #DFDFDF  }
.mypage_sub div { clear:both;  }
.mypage_sub div a { color:#000; display:block; background:none; line-height:30px !important; height:30px !important; }
.mypage_sub div a:hover { background:#B2B2B2;  color:#fff !important; }



/* ¿À¸¥Âʸ޴º */
#topbar .wizsubmenu .topbar_right { position:absolute; top:0px; right:0px; z-index:2; }
#topbar .wizsubmenu .topbar_right li{ float:left;  float:left; display:inline-block; *display:inline;  vertical-align:middle; border-left:0px solid #666;  }
#topbar .wizsubmenu .topbar_right li a{ border-left:0px solid #666; border-right:0px solid #666 !important; padding:0 10px !important; }

.wizbook a { display:block; vertical-align:middle; font-size:10px; color:#FBC022 !important;; font-family: 'Arial',sans-serif; font-weight:bold;  text-decoration:none; height:34px; line-height:34px; padding:0 20px; border-right:1px solid #666 !important; }
.wizbook a:hover { color:#ff2841 !important; }



/* ·Î°í¼¾ÅÍ */

#logobox { clear:both; width:1200px; margin:auto; position:relative; height:214px; }
#logo { clear:both; width:1200px; text-align:center;  padding-top:47px; }
#logobox .top_call { position:absolute; bottom:20px; left:0px; height:19px; line-height:19px; font-family:verdana, arial; font-size:10px; color:#999; text-transform:uppercase; cursor:default; }
#logobox .top_call img { vertical-align:middle; padding-right:4px; }
#logobox .sns { position:absolute; bottom:60px; right:0px;  }
#logobox .sns img { filter:alpha(opacity=70); opacity:0.7; }
#logobox .sns img:hover { filter:alpha(opacity=100); opacity:1; }
#logobox .sch { position:absolute;  bottom:20px; right: 0; width: 220px; height: 30px; border: 1px solid #DDDDDD; font-size: 0; line-height: 0; }
#logobox .sch .keyword { width: 184px; height: 28px; padding: 0px 0 0 2px; border: 0; border: 0px solid #DDDDDD; }
#logobox .btn-sch { vertical-align:bottom; border: 0; }

#ball {position:absolute; z-index:90;top:20px;left:40px;}


#topMenu.fixed {position:fixed; margin:0 auto; top:30px; width:100%; z-index:5;} /* ¸Þ´º°íÁ¤ */
#topMenu{ clear:both; width:100%; height:50px; border-top:1px solid #000; border-bottom:1px solid #000; background:#fff;  filter:alpha(opacity=90); opacity:0.9;}
#topMenu .ssub { position:relative;  clear:both; width:1290px;  margin:0 auto;}
#topMenu .ssub .ssub-list{ zoom:1; margin-top:0px; text-align:center; }
#topMenu .ssub .ssub-list:after { content: ""; display: block; clear: both; }
#topMenu .ssub .ssub-list li.menu { display:inline-block; word-wrap: break-word; padding:0 45px;  position:relative;  } /* ¸Þ´º°³¼ö¿¡ µû¶ó °£°ÝÁ¶Àý */
#topMenu .ssub .ssub-list li.menu a { font-size:13px;  color:#000; font-family: 'Nanum Gothic',sans-serif; font-weight:bold;  display:block; padding: 0; line-height:50px; height:50px; }
#topMenu .ssub .ssub-list li.menu a:hover { color:#000; border-bottom:0px solid #000;}
#topMenu .ssub .ssub-list .subbox { border-bottom:1px solid #cecece; padding: 15px 0 7px 0  ; width:145px; background:url( /design/coszen/wizdesign/layer_arr.png) no-repeat scroll center 0 ; position:absolute; top: 44px; left: 50%; margin-left: -69px; }
#topMenu .ssub .ssub-list .subbox li { clear:both; }
#topMenu .ssub .ssub-list .subbox li a { font-size:12px;  color:#4D4D4D;line-height:25px; height:25px; }
#topMenu .ssub .ssub-list .subbox li a:hover{color:#ff3a13; background:#E9E9E9;}




/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å »ó´Ü½½¶óÀ̵å¹è³Ê¿µ¿ª ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */

#top_Box { position:absolute; left:50% !important; margin-left:-600px; bottom:20px;  width:220px; height:100px;  z-index:2; }

.topmslide .s-item { position:relative;display:block; height:100px; text-align:center; margin:0 auto;}
.topmslide .s-item img{ text-align:center;    /* height:px; */ }
  
.topmslide .slick-slider {text-align:center; position: relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.topmslide .slick-slider:hover .slick-next,.topmslide .slick-slider:hover .slick-prev{display:block !important;}
.topmslide .invisible{visibility: hidden;}
.topmslide .slick-list{position: relative;overflow: hidden;display:block;margin:0;padding:0;px}
.topmslide .slick-list:focus{outline: none;}
.topmslide .slick-list.dragging{cursor: pointer;cursor: hand;}
.topmslide .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.topmslide .slick-track{position: relative;left:0;top:0;display:block;}
.topmslide .slick-track:before,.slick-track:after{content: "";display: table;}
.topmslide .slick-track:after{clear:both;}
.topmslide .slick-loading .slick-track{visibility: hidden;}
.topmslide .slick-slide{float: left;height:100%;min-height:1px;display: none;}
[dir="rtl"] .topmslide .slick-slide{float: right;}
.topmslide .slick-slide img{display:block;}
.topmslide .slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide {display:block;}
.topmslide .slick-loading .slick-slide{visibility: hidden;}
.topmslide .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.topmslide .slick-prev,.topmslide .slick-next{position:absolute;display:block !important;cursor: pointer;width:32px;height:60px;font-size:0;top:50%;margin-top:-25px;outline: none;padding:0;border:0; opacity:0; filter:alpha(opacity=0);background:transparent; z-index:2;}   /* È­»ìÇ¥ óÀ½À§Ä¡ */

.topmslide .slick-prev{left:50%;margin-left:-85px;background:url(/design/coszen/wizdesign/slide3_prev.png) 50% 50% no-repeat; }   /* ÀÌÀüÈ­»ìÇ¥ À̹ÌÁö°æ·Î */
.topmslide .slick-next{right:50%;margin-right:-85px;background:url(/design/coszen/wizdesign/slide3_next.png) 50% 50% no-repeat; }  /* ´ÙÀ½È­»ìÇ¥ À̹ÌÁö°æ·Î */

.topmslide:hover .slick-prev{margin-left:-130px;opacity:1;filter:alpha(opacity=100);} /* ÀÌÀü¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */
.topmslide:hover .slick-next{margin-right:-130px;opacity:1;filter:alpha(opacity=100);}  /* ´ÙÀ½¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */

.topmslide .slick-prev:hover{background:url(/design/coszen/wizdesign/slide3_prev.png) 50% 50% no-repeat; opacity:0.5; filter:alpha(opacity=50);}  /* ÀÌÀüÈ­»ìÇ¥ ¸¶¿ì½º¿À¹ö½Ã È¿°ú */
.topmslide .slick-next:hover{background:url(/design/coszen/wizdesign/slide3_next.png) 50% 50% no-repeat; opacity:0.5; filter:alpha(opacity=50);}  /* ´ÙÀ½È­»ìÇ¥ ¸¶¿ì½º¿À¹ö½Ã È¿°ú */

.topmslide .slick-prev,.topmslide .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
.topmslide .slick-slider{margin-bottom:0;}

.topmslide .slick-dots{position:absolute;bottom:-20px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%;}
.topmslide .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
.topmslide .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.topmslide .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.topmslide .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.topmslide .slick-dots li button:before{display:block;width:8px;height:8px;content: "";;background:#888; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.topmslide .slick-dots li.slick-active button:before {   background:#333; width:20px;  /* µµÆ®»çÀÌÁî */ opacity: 1; }  /* ÇöÀ絵Ʈ»çÀÌÁî */
 

 /* ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã // »ó´Ü½½¶óÀ̵å¹è³Ê - ³¡ ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã */


/* BASIC css end */