/* BASIC css start */
/*200903_ºÎ°¡±â´É_½ºÅ©·Ñ_¹«·á»ùÇùè³Ê*/

#right_bn_wrap {display:none;  z-index:5555;position:fixed; top:0; bottom:0; right:0; background-color:#fff; width:189px;text-align:center; border-left:1px solid #dedede;}
.quick_bn_box { background:url("/design/herbnoori/0704everday/quick_nav-off.png") no-repeat;  margin-top:512px; cursor:pointer; float:left;  padding:0px; position:absolute; left:-29px; width:28px; height:59px; border:1px solid #dedede; border-right:0px; background-color:#fff; 
-moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; 
}
.contentslider-quick {width:189px;height:192px;margin:0px;padding:0px; }
.contentslider-quick .sliderkit-nav {position:absolute; top:174px; width:189px; }
.contentslider-quick .sliderkit-nav-clip ul {display:inline-block;  text-align:center;}
.contentslider-quick .sliderkit-nav-clip li a{margin:3px;text-decoration:none;width:18px;height:2px; border:1px solid #c8c8c8; background-color:#fff; cursor:pointer;}
.contentslider-quick .sliderkit-nav-clip li.sliderkit-selected a{width:18px;height:2px; border:1px solid #222; background-color:#222; }
.contentslider-quick .sliderkit-panels{width:189px; height:161px; overflow:hidden; padding:0px; margin:0px; }
.contentslider-quick .sliderkit-panel{width:189px; height:161px; overflow:hidden; padding:0px;margin:0px;}
.quick_favor {margin-top:15px}
.quick_favor a {width:148px; height:28px; background-color:#222; color:#fff; line-height:28px; font-size:14px; text-align:center; display:block; border:1px solid #222; border-radius:6px;letter-spacing:-0.3px;margin:0 auto;} 
.quick_favor a:hover {background-color:#fff; color:#222; border:1px solid #dedede;}
.quick_wish {margin-top:5px;}
.quick_wish a {width:148px; height:28px; background-color:#fff; color:#222; border:1px solid #dedede; line-height:28px; font-size:14px; text-align:center; display:block; border-radius:6px; letter-spacing:-0.3px;margin:0 auto;} 
.quick_wish a:hover {background-color:#eee;}
.quick_title1 {font-size:12px; color:#222; letter-spacing:-0.3px; text-align:center; margin-top:28px;}
.quick_title2 {font-size:12px; color:#222; letter-spacing:-0.3px; text-align:center;  border-top:1px solid #dedede; width:150px;padding-top:12px; margin:17px auto 0;}
.quick_arrow {height:4px; margin-top:3px; text-align:center;}
.quick_comm_area {width:150px; margin:0 auto; margin-top:11px !important; min-height:145px; border-bottom:1px solid #dedede; overflow: hidden; margin-bottom: 15px;}

.quick_comm_area ul {clear:both;}
.quick_comm_area ul li {width:40px; float:left; padding-left:12px; padding-bottom:13px;}
.quick_comm_area ul li:first-child {padding-left:0px;}

.quick_comm_area ul li.quick-sns {margin-top:14px;}
.comm_rect {width:44px; height:45px; border:1px solid #dedede; margin-bottom:7px; clear:both;}

.quick_comm_area ul li.line1 {padding-bottom: 0;}
.quick_comm_area ul li.line2 {margin-top: 0;}


.quick_comm_area ul li:hover .comm_rect {width:44px; height:45px; border:1px solid #adadad; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}





.comm_circle {width:38px; height:38px; border:1px solid #dedede; border-radius:19px; margin-bottom:7px; clear:both;}
.comm_circle_txt a {font-size:11px; color:#777; text-align:center; letter-spacing:-0.5px; }
.comm_circle img {padding-top:10px; opacity:0.5;}
.quick_comm_area ul li:hover .comm_circle_txt a {color:#000;}
.quick_comm_area ul li:hover .comm_circle img {padding-top:8px; opacity:1; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.quick_comm_area ul li:hover .comm_circle {width:38px; height:38px; border:1px solid #adadad; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}


.quick_pd { margin:0 auto; width: 165px; }

.quick_thumb {text-align:center; overflow: hidden;}
.quick_thumb li {float: left; margin-left: 11px; height: 55px; width: 44px;}
.quick_thumb img {width:42px;margin-top:10px;border:1px solid #dedede;}
.quick_thumb img:hover {border:1px solid #999;}
/* BASIC css end */