/* 우측바 */
.sidemenu { position:fixed; right:-250px; top:0px; width:250px; height:100%; background:#fff; z-index:1000; border-left:1px solid #eee; }
.sidemenu_inner { width:220px; height:100%; padding:15px;  overflow-y:auto;}

.sidemenu_btn {  position:absolute; left:-42px; bottom:458px; width:40px; height:40px; z-index:1001; cursor:pointer; overflow:hidden; text-align:center; background:#fff; border:1px solid #eee; border-right:1px solid #fff;}
.sidemenu_btn .fa { width:40px; height:40px; line-height:40px;  text-align:center; display:block;  color:#33353d; font-size:18px; }
.sidemenu_btn:hover .fa { color:#000; font-size:27px; }

.sidemenu a:hover,
.sidemenu:hover a {  text-decoration:none; }
 
/* 우측바 -롤링베너 */
#pager_side { bottom:10px; text-align:center; }


/* 우측바 버튼 */
.cd-product-wrapper.side-wrapper  {
  position:absolute;
  bottom:294px;
  left:-42px;
  z-index: 102;
}
.cd-single-point,
.cd-single-point > a {
  position:relative;
  width: 40px;
  height: 40px;
  display:block;
}
/*  단추  */
.cd-single-point {
    background:#fff;  
    border:1px solid #eee;
    border-right:0px solid #eee;
    border-top:0px solid #eee;
    background: #fcfcfc;
}
 
/*  버튼 아이콘 - fontawesome  */ 
.cd-img-replace > .fa { color:#888; opacity: 1; width:40px; height:40px; line-height:40px; text-align:center; font-size:13px; }
.cd-img-replace:hover > .fa {  color:#fff; }

 /*  툴팁   */
.cd-tip { position:absolute; right:45px; top:7px; width:auto; padding:0 10px; height:23px; line-height:23px; background: url(../../han/images/bg/bg_00050.png) repeat; color:#fff;  border-radius:2px; z-index: 103;  display:block !important; white-space:nowrap !important;       visibility: hidden;  }
.cd-img-replace:hover > .cd-tip { visibility: visible; }



 

/* 우측바 탭 */
.logtabwrap3 { position: relative; width: 100%; height: auto; border-bottom:1px dashed #ccc; padding-bottom:10px;  display:table; }
ul.logtabs3 { width: 100%; height: 42px;	margin:0 auto 5px; list-style: none; overflow: hidden; }
.logtabs3 li { float: left; width: 50%; }
ul.logtabs3 li a { position: relative; display: block; height: 30px; line-height: 30px; font-size: 11px;	text-align: center;	color: #fff; background: #ccc; border:1px solid #ccc; }
ul.logtabs3 li .activelog3  { background: #fff; color: #111; border-bottom:0px solid #ccc; }
.group3:before, .group3:after { content: " "; /* 1 */ 	display: table; /* 2 */ }
.group3:after { clear: both; }
#logpanels3 { width: 100%; height: auto;	margin:0 auto; background: #fff; }
#logpanels3 div { position:relative;	width: 100%; height:auto; }
#logtwo3 { display: none; }


/* 우측바 커뮤니티 */
.logtabwrap3 ol li { width:48%; height:25px; line-height:25px; letter-spacing:-1px; display:inline; float:left; outline:1px solid #ddd; text-align:center; margin:1%; list-style:none; }
.logtabwrap3 ol li a { color:#888; }
.logtabwrap3 ol li:hover { background:#eee; color:#000; }
.logtabwrap3 ol li:hover a { color:#111; text-decoration:none; }


/* 탑/홈/바텀 버튼 */
.sctop { position:absolute; left:-42px; bottom:170px; width:42px; height:auto;  display:block; z-index:100; border-bottom:1px solid #000;}
.sctop a { float:left;  width:40px; height:40px; line-height: 40px;  background:#555; color:#fff; border:1px solid #000; border-bottom:0px solid #000;}
.sctop .fa { width:40px; height:40px; line-height:40px; text-align:center; display:block;  float:left;   }