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


/* ============= 상단토글배너 =============== */

 /* 상단배너 (사용설정시 삭제 : display:none;) ( 사용하지 않을 경우 .toggle_box { display:none;} ) */

.toggle_box .toggle_banner {margin:0px;width:100%; text-align:center;overflow:hidden; display:none; z-index:99; }
.toggle_box .btnarea-open { position:relative; width:100% ; margin: 0 auto ;height:0px; z-index:99; border:0px  solid #FF0000}  
.toggle_box .btnarea-closed { position:relative;  width:100% ; margin: 0 auto ; height:0px;z-index:99;}  

.toggle_box .btnarea-open .openbtn { width:24px;height:43px;  top:5px; left:30px !important; position:absolute;} /* 열기버튼위치 */
.toggle_box .btnarea-closed .closebtn { width:24px;height:43px; top:-60px;  left:30px !important; position:absolute; }   /* 닫기버튼위치 */


.toggle_box .closebtn {cursor:pointer;margin:0 auto;position:relative;}
.toggle_box .openbtn {display:none;cursor:pointer;margin:0 auto;position:relative;}

.toggle_box .img_bg { background-repeat:no-repeat; background-position:top center;}
.toggle_box .img_bg a {  display:block; }

.toggle_box .tmslide .toggle_banner_img { padding:0; margin:0 auto; display:block; width:100%;  }
.toggle_box .tmslide .img_bg { padding:0; margin:0; list-style:none; width:1904px;  }
.toggle_box .nav { position:relative;top:0px;width:0px;height:0px;z-index:3;margin:0 auto;}
.toggle_box .prev {position:absolute;cursor:pointer;margin:0 auto;display:block;}
.toggle_box .next { position:absolute;cursor:pointer;margin:0 auto;display:block;}
.toggle_box .nav {}

.toggle_box .openbtntxt { display:none; }
.toggle_box .closebtntxt { display:none; }
.toggle_box .prevtxt {display:none;}
.toggle_box .nexttxt {display:none;}
.toggle_box_top .toggle_banner { height:80px; }
.toggle_box_top .tmslide .img_bg { height:80px; }
.toggle_box_top .prev { top:5px; left:650px;}
.toggle_box_top .next { top:65px; left:650px;}
.toggle_box_top .prev {opacity:0.7; width:15px; height:10px; background:url(/design/eunfish/wizdesign/btn_up.png); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
.toggle_box_top .next {opacity:0.7; width:15px; height:10px; background:url(/design/eunfish/wizdesign/btn_down.png); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
.toggle_box_top .prev:hover {opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
.toggle_box_top .next:hover { opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}


#header-top { width:100%; position:relative; margin:0 auto; /* height:180px; */ z-index:9;}
#header-top .top-inner-box.fixed {width:100%;  position:fixed; margin:0 auto; top:0px; background:rgba(255,255,255,0.97); height:40px;  border-bottom:1px solid #ddd; z-index:9} 


#header { position:relative; margin:0 auto; width:100%; }
#header .logo, 
#header .sch,
#header .lnb,
#header .gnb { position: absolute; }


.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:relative;  margin:0 auto;  width:100%; border-bottom:1px solid #696969; height:34px; background:#232323;  }
#topbar.fixed {width:100%;  position:fixed; margin:0 auto; top:0px; background:rgba(255,255,255,0.97); height:40px;  background:#232323; border-bottom:1px solid ##696969; z-index:99} 


#topbar .wizsubmenu { width:1200px; margin:0 auto; height:34px; text-transform:uppercase; position:relative;}
#topbar ul { font-size:0; line-height:0; }
#topbar li { float:left; display:inline-block; *display:inline; height:34px; line-height:34px; font-size:11px; cursor:default;}
#topbar li a { display:block; vertical-align:middle; height:34px; line-height:34px; padding:0 20px; }
#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 .wizsubmenu a { font-size:11px; color:#fff;  }
#topbar .wizsubmenu a:hover {color:#fff;}


/* 카테고리 */
#topbar .topbar_cate { position:relative; display:block; border-left:1px solid #696969;border-right:1px solid #696969; }

.cate_sub { display:none; position:absolute; top:34px; left:0px; z-index:2; width:98%; border:2px solid #232323; background:#232323; }
.cate_sub div { clear:both;  }
.cate_sub div a { color:#fff !important; display:block; background:none; line-height:30px !important; height:30px !important; }
.cate_sub div a:hover { background:#696969; }


/* 커뮤니티 */

#topbar .topbar_com { position:relative; display:block; border-right:1px solid #696969}

.com_sub { display:none; position:absolute; top:34px; left:0px; z-index:2; width:98%; background:#232323;  border:2px solid #232323; }
.com_sub div { clear:both; }
.com_sub div a { color:#fff !important; display:block; background:none; line-height:30px !important; height:30px !important; }
.com_sub div a:hover { background:#696969;   }


/* 마이페이지 */
#topbar .topbar_mypage { position:relative; display:block; border-right:1px solid #696969 }


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


/* 오른쪽메뉴 */
#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:#fff !important; 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:100%; margin:auto; position:relative;   background:#303437 }

#logo { clear:both; width:1200px; text-align:left;  padding:50px 0 20px; margin:auto; position:relative; }

#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:20px; right:0px;  }


#logobox .sch { position:absolute;  bottom:20px; left:410px; width: 400px; height: 30px; border: 2px solid #003F86;  background:#fff; font-size: 0; line-height: 0; }
#logobox .sch .keyword { width: 360px; height: 28px; padding: 0px 0 0 2px; border: 0; border: 0px solid #DDDDDD; }
#logobox input a { vertical-align:top; border: 0; }


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

/* 상단주메뉴 */

#topmenu.fixed {position:fixed; margin:0 auto; top:31px; width:100%; z-index:2;} /* 메뉴고정 */


.inner {width:1200px; margin:0 auto; min-width:1200px; }


#topmenu { border-top:1px solid #696969;border-bottom:1px solid #696969; background:#fff;  filter:alpha(opacity=1); opacity:1;  background: #191d1e; }
#topmenu .clear > li { position:relative; float:left; padding:0 5px; text-align:center;}
#topmenu .clear > li >a {display:block; height:50px; overflow:hidden; color:#fff; line-height:50px; font-weight: 300; font-size:14px;}

#topmenu .clear > li.active >a { color:#FF0000;}

#topmenu .clear > li .sub01_box {display:none; position:absolute; top:50px; left:0; z-index:999; padding:15px 0;  background:#232323;  border:1px solid #232323; width:180px; box-sizing:border-box; text-align:left;}
#topmenu .clear > li:last-child .sub01_box {right:0; left:auto; }
#topmenu .clear > li .sub01_box .bmenu {position:relative; padding:0;}
#topmenu .clear > li .sub01_box .bmenu a {display:block;  font-size:12px; color:#fff;  letter-spacing:-0.05em;}
#topmenu .clear > li .sub01_box .bmenu > a { padding:1px 15px 1px 17px; line-height:25px; margin:1px 0; box-sizing:border-box;}
#topmenu .clear > li .sub01_box .bmenu a:hover { background:#696969; }
#topmenu .clear > li .sub01_box .bmenu.active > a {color:#fff; }

#topmenu .clear > li .sub01_box .bmenu > .sub02_box {display:none; position:absolute; top:-18px; left:178px; z-index:999;  background:#232323; border:2px solid #696969; min-width:180px;}
#topmenu .clear > li .sub01_box .bmenu > .sub02_box .arrow { position:absolute; top:16px; left:-8px;}
#topmenu .clear > li .sub01_box .bmenu > .sub02_box a { color:#ffff; white-space: nowrap; line-height:25px; padding:1px 15px 1px 17px;  box-sizing:border-box;}
#topmenu .clear > li .sub01_box .bmenu > .sub02_box a:hover { background:#696969; }
#topmenu .clear > li .sub01_box .bmenu > .sub02_box .smenu.active a { font-weight:normal;}

.mcate01 {width:90px;}
.mcate02 {width:90px;}
.mcate03 {width:90px;}
.mcate04 {width:90px;}
.mcate05 {width:90px;}
.mcate06 {width:90px;}
.mcate07 {width:90px;}
.mcate08 {width:90px;}
.mcate09 {width:90px;}
.mcate10 {width:90px;}
.mcate11 {width:90px;}
.mcate12 {width:90px;}
.arrow { display:none; }

/* BASIC css end */