/* 게시판,관리자모드용 CSS */
a:link, a:visited, a:active { text-decoration:none; color:#48484A; }
a:hover { text-decoration:underline; color:#48484A; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#636363; }
a.menu:hover { text-decoration:underline; color:#00A8EB; }

a.over:link, a.over:visited, a.over:active { text-decoration:underline; color:#00A8EB; }
a.over:hover { text-decoration:underline; color:#00A8EB; }

.cast_cate {width:500px;height:25px;_height /**/:27px;margin:0 0 0px 8px;}
.cast_cate li{_display:inline;float:left;text-align:center; padding-right:5px;}
.cast_cate a{display:block;text-align:center;height:25px;background:url(/image/cate_tab_off.png) no-repeat;line-height:24px;*line-height:25px;_line-height:24px;letter-spacing:-1px;color:#8f9091;}
.cast_cate a,
.cast_cate a:hover{color:#8f9091;text-decoration:none;}
.cast_cate .li1 a{width:65px; font-weight:bold; background-position:0 0;}
.cast_cate .li1 a:hover{color:#0066FF;}
.cast_cate .on,
.cast_cate .on:hover{color:#0066FF;}

.member {font-weight:normal;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; font-size:12px;} 
.tx { border:1px solid #CCCCCC;  font-size:12px; } 
.ed2 { border:3px solid #CCCCCC; padding:10px; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;}
.bold { font-weight:bold; }
.center { text-align:center; }
.right { text-align:right; }

.btn1 { background-color:#FDF7F7; overflow: visible; padding:  0 .25em  0 .25em; width: auto;  } 
.btn1_on { background-color:#FDF7F7; overflow: visible; padding:  0 .25em  0 .25em; width: auto; color:red; } 
.line1 { background-color:#EA2849; height:2px; }
.line2 { background-color:#CCCCCC; height:1px; }

.pd2 { padding:2px }
/* /게시판,관리자모드용 CSS */


/* 쇼핑몰 CSS */
.amount { font-size:12px; color:#000; line-height:16px; font-weight:bold;} 
#disp_cust_amount { color:#F32D62; font-weight:bold; font-family:Verdana; } 
#disp_sell_amount { color:#F32D62; font-weight:bold; font-family:Verdana; } 
#disp_point { color:#000000; font-weight:bold; font-family:Verdana; } 
.c1 { background-color:#FFAB7A; } 
.c2 { background-color:#FDE1E9; } 
.accent{color:#F32D62;}/*강조*/
.blur{color:#888888;}/*흐림*/
.item { text-decoration:none; color:#7b7b7b; }
a.item:link, a.item:visited, a.item:active { text-decoration:none; color:#7b7b7b; }
a.item:hover { text-decoration:underline; color:#7b7b7b; }


/* 홈페이지 CSS */
html {overflow-x:hidden;overflow-y:scroll;}
body {font-family:돋움, 돋움체; font-size:12px; color:#333333; margin: 0px; padding:0px; width:100%; height:100%;  _text-align:center;}
h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,p,table,th,td,fieldset,legend,form,input,textarea {margin:0px; padding:0px; border:0px}
ol,ul,li,dl {list-style:none}
img {margin:0px; padding:0px; border:0px;}

.png24 { tmp:expression(setPng24(this)); }

BODY 
{scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: silver; 
scrollbar-highlight-color: silver;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF; 
scrollbar-arrow-color: silver} 
legend,hr,caption{visibility:hidden;height:0;font-size:0;line-height:0}

.fl {float:left;}
.fr {float:right;}

.line5 {clear:both; width:100%; height:5px;}
.line10 {clear:both; width:100%; height:10px;}
.line20 {clear:both; width:100%; height:20px;}
.line30 {clear:both; width:100%; height:30px;}
.line86 {clear:both; width:100%; height:86px;}
.spacer6 {float:left; width:6px; height:100%;}
.spacer8 {float:left; width:8px; height:100%;}
.spacer9 {float:left; width:9px; height:100%;}
.spacer10 {float:left; width:10px; height:100%;}
.spacer11 {float:left; width:11px; height:100%;}
.spacer16 {float:left; width:16px; height:100%;}
.spacer41 {float:left; width:41px; height:100%;}

#wrap_main {width:100%; height:100%;  background:url(/images/bg_top_main.gif) repeat-x; text-align:center; }
#wrap_sub {width:100%; height:100%;  background:url(/images/bg_top_sub.gif) repeat-x; text-align:center; }
#header {margin:auto; width:950px; height:195px; }
#header .topbtn {width:100%; height:26px; text-align:right; padding-top:10px;}
#header .topbtn p{float:right; padding:0 0 0 5px;}
#header .toplogo {clear:both; width:100%; height:113px; text-align:right; padding-top:1px;}
#header .toplogo .topbanner {width:342px; float:left;}
#header .toplogo .logo {width:304px; float:left;}
#header .toplogo .topsearch {float:left; width:304px; height:113px; background:url(/images/bg_top_search.gif) no-repeat; }
#header .toplogo .topsearch .noticearea {text-align:left; padding:49px 0 0 0;}
#header .toplogo .topsearch .searcharea {float:right; width:170px; height:30px; margin:9px 20px 0 0;}
#header .toplogo .topsearch .searchbtn {float:right; width:30px; height:32px; margin:7px 15px 0 0;}
#header .topmenu {margin:auto; clear:both; width:100%; height:45px;}
#header .topmenu p{float:left;}
#mainbanner {margin:auto; clear:both; width:950px; height:339px;}
#mainbanner .makestep {width:190px; float:left; }
#mainbanner .mainbanner {width:760px; float:left; }
#visual {clear:both; margin:auto;  width:950px; text-align:left;}
#visual .leftmenu {float:left; width:205px;}
#visual .subvisual {float:left; width:730px; margin-left:15px;}
#tail {clear:both; width:100%; height:355px; background:url(/images/bg_tail.gif) repeat-x;}

.sub_category {text-align:left;}
.sub_cate_list {padding:5px 0 5px 22px;}

#visual .productlist {clear:both; width:100%; height:264px; }
#visual .productlist ul { width:100%; height:100%; padding:30px 0 0px 20px;}
#visual .productlist li { float:left; width:170px; height:100%; padding:0 30px;}
#visual .productlist .name {text-align:center; font-weight:bold;}
.bgblack {width:100%; height:100%; background-color:#EFEFEF;}

/* 장바구니 담기 레이어 팝업용 */
.ff_layer{display:none; overflow:hidden; position:absolute; left:50%; top:450px; width:450px; height:200px; margin-left:-213px; z-index:30; border:2px #333 solid;}
.ff_layer .bg{position:absolute; left:0; top:0; width:100%; height:100%; *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shop/img/bg_ff_layer.png', sizingMethod='scale');}
html>body .ff_layer .bg{background:url(/shop/img/bg_ff_layer.png) no-repeat;}
.ff_layer .cont{position:relative; width:100%; text-align:center;}
.ff_layer .cont .btn_area{width:100%; margin:6px auto; padding:136px 0 0;}
.ff_layer .cont .close{position:absolute; left:415px; top:9px;}