/******************************************************************
* =======================================================
* Previl CSS
*
* 제 작: gubok kim (email : previl@previl.net,  homepage : http://previl.net)
*
* 마지막 수정일: 2003.02.25
*        
* =======================================================
******************************************************************/

/*********************************************************************
*	LightBox Css
*********************************************************************/

/*********************************************************************
*	LightBox Css
*********************************************************************/

body { width:100%; margin: 0px; padding: 0px; }
div.inBright { z-index: 99999; position:absolute; visibility:visible; display:block; left:0px; top:0px; border:10px }
div.inDark { z-index: 99999; position:absolute; visibility:hidden; display:none; left:-10000px; top:-10000px; width:1px; height:1px; }
div.inDarkLayer {z-index: 99997; position:absolute; display:none; width:100%; height:100%; background-color:#000;}
img.boxCenter { cursor:pointer; border: solid 1px #000; background-color: #FFF; }
div.loading { z-index: 99998; background-image:url(../../lib/img/bigBlackWaiting.gif); background-repeat:no-repeat; background-position:center; text-align:center; position:absolute; font-family: verdana,tahoma; font-size: 9pt; color: #FFF; padding-top:60px;}
div.boxTopLeft { height:35px; background-image:url(../../lib/img/message_top_left.gif);}
div.boxTopRight { height:35px; background-image:url(../../lib/img/message_top_right.gif);}
div.boxTop { height:35px; background-image:url(../../lib/img/message_top_bg.gif); font-family:돋움,돋움체,Tahoma; color:#000;font-size:8pt;letter-spacing:-1; font-weight:bold; line-height:320%;background-color:#FFF; }
div.boxBody { clear:both; border:1px solid #888; border-top:0px; background-color:#FFF; }
#pLightBoxClose { width:10px; height:10px; background:url(../../lib/img/pLightClose.gif) no-repeat; float:right;margin:8px 4px 0 0;cursor:pointer } 

/*********************************************************************
*	GLOBAL
*********************************************************************/
A:link,A:visited,A:active {text-decoration:none;color:#333;}
A:hover {text-decoration:underline;color:#999;}

A.eng:link,A.eng:visited,A.eng:active {font-family:verdana; font-size:11px; color:#000;letter-spacing:0px;}
A.eng:hover {font-family:verdana; font-size:11px; color:#999;letter-spacing:0px;}

font {font-family:굴림체; font-size: 9pt; color:#505050;}
img { border:0px; }
body, table, tr, td { 	
 	font-family:굴림체, seoul, arial, helvetica;
 	font-size: 12px; letter-spacing:-1;
 	color: #000;
	scrollbar-3dlight-color:#595959;
	scrollbar-arrow-color:#FFF;
	scrollbar-base-color:#CFCFCF;
	scrollbar-darkshadow-color:#FFF;
	scrollbar-face-color:#CFCFCF;
	scrollbar-highlight-color:#FFFFF;
	scrollbar-shadow-color:#595959;
}

input, select, textarea	{
	vertical-align:middle;
	font-size:12px;
	color:#666;
}


form	{ border:0;margin:0;}
.word_break { word-break:break-all;}
.hand	{ cursor:pointer; border:0}
.bold	{ font-weight:bold;}
.eng {font-family:verdana; font-size:11px; color:#000;letter-spacing:0px;}
.num {font-family:Tahoma; font-size:10px;}
.small {font-family:돋움,돋움체,Tahoma; font-size:8pt;letter-spacing:-1px;text-decoration:none;line-height:120%} 
.left	{ float:left; }

font.lh15 {line-height: 1.5em}
font.lh18 {line-height: 1.8em}
font.sz10 {font-size:10px;}
font.sz12 {font-size:12px;}
font.sz14 {font-size:14px;}

li img { vertical-align:middle;	} /*for IE image margin*/


ul { padding:0px; margin:0px; list-style:none;}
ul li { padding:0px; margin:0px; }


.topMenuDiv1 {width:140px;height:16px;float:left;padding-left:14px;overflow:hidden;}
.topMenuDiv2 {width:634px;height:16px;float:left;overflow:hidden;}
.topMenuDiv3 {height:16px;float:left;padding-left:14px;}
.topMenuLine {clear:both;background:url('../html/img/menu_jum_bg.gif');height:1px;overflow:hidden;width:768px;margin:0 0 3px 12px;}
.leftMenuLine {background:url('../html/img/menu_jum_bg.gif');height:1px;overflow:hidden;width:160px;margin:0 5px 3px 5px;}


.leftBox { float:left;width:190px; text-align:-moz-left;#text-align:left; display:none;}
.leftBox .top { height:28px;background:url(../html/img/leftBox_top.gif) no-repeat; }
.leftBox .content { background:url(../html/img/leftBox_bg.gif) }
.leftBox .content_top { height:8px;overflow:hidden;background:url(../html/img/leftBox_content_top.gif) no-repeat; }
.leftBox .bottom { height:16px; overflow:hidden; background:url(../html/img/leftBox_bottom.gif) no-repeat;}
.content ul li { text-align:left; padding-left:12px;height:22px;background:url(../html/img/left_menu_bg3.gif) no-repeat; }

.leftBox2 { float:left;width:190px; text-align:-moz-left;#text-align:left;}
.leftBox2 .top { height:40px;background:url(../html/img/leftBox_top2.gif) no-repeat; }
.leftBox2 .content { background:url(../html/img/leftBox_bg.gif) }
.leftBox2 .content_top { height:8px;overflow:hidden;background:url(../html/img/leftBox_content_top.gif) no-repeat; }
.leftBox2 .bottom { height:16px; overflow:hidden; background:url(../html/img/leftBox_bottom.gif) no-repeat;}

.mainBox { float:left;width:794px; text-align:-moz-left;#text-align:left; display:none; }
.mainBox .top { height:28px;background:url(../html/img/mainBox_top.gif) no-repeat; overflow:hidden;}
.mainBox .content { background:url(../html/img/mainBox_bg.gif) }
.mainBox .content_top { height:8px;overflow:hidden;background:url(../html/img/mainBox_content_top.gif) no-repeat; }
.mainBox .bottom { height:16px; overflow:hidden; background:url(../html/img/mainBox_bottom.gif) no-repeat;}

.mainBox2 { float:left;width:794px; text-align:-moz-left;#text-align:left;}
.mainBox2 .top { height:40px;background:url(../html/img/mainBox_top2.gif) no-repeat; overflow:hidden;}
.mainBox2 .content { background:url(../html/img/mainBox_bg.gif) repeat-y }
.mainBox2 .content_top { height:8px;overflow:hidden;background:url(../html/img/mainBox_content_top.gif) no-repeat; }
.mainBox2 .bottom { height:16px; overflow:hidden; background:url(../html/img/mainBox_bottom.gif) no-repeat;}

.mainBox2_up { float:left;width:992px; text-align:-moz-left;#text-align:left;}
.mainBox2_up .top { height:40px;background:url(../html/img/mainBox_top3.gif) no-repeat; overflow:hidden;}
.mainBox2_up .content { background:url(../html/img/mainBox_bg2.gif) repeat-y }
.mainBox2_up .content_top { height:8px;overflow:hidden;background:url(../html/img/mainBox_content_top2.gif) no-repeat; }
.mainBox2_up .bottom { height:16px; overflow:hidden; background:url(../html/img/mainBox_bottom2.gif) no-repeat;}

#list_loading { overflow:hidden;z-index:1; text-align:center; position:absolute; filter:alpha(opacity=90);opacity:0.9; -moz-opacity:0.9; top:350px; left:450px; width:180px;height:100px;}
	.list_loading .top { float:left; }
	.list_loading .center { float:left; width:180px; padding:0px; margin:0px; }				
	.list_loading .bottom { float:left; }

#left_gab { float:left;width:2px; overflow:hidden;}
#left { float:left;width:190px;text-align:-moz-center;#text-align:center; }
#body_gab { float:left;width:8px; overflow:hidden;}

#leftMenu { width:180px; overflow:hidden;}
#leftMenu ul li { text-align:left;padding-left:28px;height:26px;background:url(../html/img/left_menu_bg.gif) no-repeat; }
#leftMenu2 { margin:2px 0 0 0; } 
#leftMenu2 ul li { text-align:left;padding-left:12px;height:20px;background:url(../html/img/menu_bg2.gif) no-repeat; }
#body { float:left;width:794px;}

#tabTop { width:100%px; background:url(../html/img/tab_bg.gif); height:22px; text-align:-moz-center;#text-align:center;}
#tabTop .tab_on { float:left; width:100px; height:22px; margin-right:2px; background:url(../html/img/tab_bg_on.gif) no-repeat; color:#000; padding-top:4px;line-height:180% }
#tabTop .tab_off { float:left; width:100px; height:22px; margin-right:2px; background:url(../html/img/tab_bg_off.gif) no-repeat; color:#000; padding-top:4px;line-height:180% }
#tabTop .tab2_on { float:left; width:70px; height:22px; margin-right:2px; background:url(../html/img/tab_bg2_on.gif) no-repeat; color:#000; padding-top:4px;line-height:180% }
#tabTop .tab2_off { float:left; width:70px; height:22px; margin-right:2px; background:url(../html/img/tab_bg2_off.gif) no-repeat; color:#000; padding-top:4px;line-height:180% }
#tabTop	a {font-family:돋움,돋움체,Tahoma; font-size:8pt;letter-spacing:-1px;text-decoration:none; }

/*********************************************************************
*	Paging
*********************************************************************/
#paging            { clear:both;}
#paging .numbox    { border-left:1px solid #ccc; padding-left:6px; margin-left:6px;}
#paging .num       { font-family:Tahoma; font-size:11px; border-right:1px solid #ccc; padding-right:8px; margin-right:5px;}
#paging .num2       { font-family:Tahoma; font-size:11px; padding-right:4px; margin-right:2px;}
#paging #prevPage  { background:url(../html/img/icon_prev.gif) left 1px no-repeat; padding-left:6px;font-family:돋움,돋움체,Tahoma;font-size:8pt;letter-spacing:-1px;}
#paging #nextPage  { background:url(../html/img/icon_next.gif) right 1px no-repeat; padding-right:6px;font-family:돋움,돋움체,Tahoma;font-size:8pt;letter-spacing:-1px;}
#paging .selected  { font-weight:bold; color:#333; }

#nextIcon { background:url(../html/img/icon_next.gif) right 1px no-repeat; padding-right:6px; color:#39f;}


/*********************************************************************
*	FONT
*********************************************************************/
font.mTitle { color:#116CB2; font-weight:bold;}
font.bTitle { color:#666; font-weight:bold;}
font.bTitle2 { color:#39F; font-weight:bold;}


/*********************************************************************
*	FORM
*********************************************************************/
.bt {background-color:#efefef; border:1px #bbbbbb solid;}
.bt2{border:1px solid #BBBBBB;;background-color:#FFF;color:#000; line-height:160%}
.ta { border:1px #bbbbbb solid;}
.ta2 { border:1px #bbbbbb solid; text-align:right; height:14px; ime-mode:disabled}
.op_w1 { width:90%; }
.op_w2 { width:95%; }
.op_w3 { width:98%; }


/*********************************************************************
*	Background
*********************************************************************/
.gr_bg { #filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#d5d5d5,endcolorstr=#e5e5e5); background-color:#DCDCDC }
.gr_bg2 { #filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#dcdcdc,endcolorstr=#cdcdcd); background-color:#DCDCDC}
.gr_bg3 { #filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#efefef,endcolorstr=#e0e0e0); background-color:#efefef}


/*********************************************************************
*	Button Effect
*********************************************************************/
#sBtn1 a{ display:block; background:url('../html/img/sBtn1_bg.gif') left 0; float:left; color:#666; padding-left:6px; text-decoration:none; height:20px; cursor:pointer; margin-right:4px; overflow:hidden}
#sBtn1 a:hover{ background:url('../html/img/sBtn1_bg.gif') left -21px;}
#sBtn1 a span{ display:block; float:left; background:url('../html/img/sBtn1_bg.gif') right 0; font-family:돋움,돋움체,Tahoma;font-size:8pt;letter-spacing:-1px; line-height:215%; padding-right:6px; height:20px; overflow:hidden}
#sBtn1 a:hover span{ background:url('../html/img/sBtn1_bg.gif') right -21px; color:#000;} 
#sBtnTop a{ display:block; background:url('../html/img/sBtn2_bg.gif') left 0; float:left; color:#666; padding-left:6px; text-decoration:none; height:20px; cursor:pointer; margin-right:4px; overflow:hidden}
#sBtnTop a:hover{ background:url('../html/img/sBtn2_bg.gif') left -21px;}
#sBtnTop a span{ display:block; float:left; background:url('../html/img/sBtn2_bg.gif') right 0; font-family:돋움,돋움체,Tahoma;font-size:8pt;letter-spacing:-1px; line-height:215%; padding-right:6px; height:20px; overflow:hidden}
#sBtnTop a:hover span{ background:url('../html/img/sBtn2_bg.gif') right -21px; color:#000;} 
.boxText {float:left; text-align:center;border-width:0px; height:20px; width:60px;background:url(../html/img/box_text.gif) no-repeat; line-height:210% }

/*********************************************************************
*	BOARDER
*********************************************************************/
.all { border:1px #BBBBBB solid; }
.b_op1 { border-right:1px solid #999 ; border-bottom:1px solid #999; border-top:1px solid #999 }
.b_op2 { border-right:1px solid #999 ; border-bottom:1px solid #999;  }
.b_left { border-left:1px solid #999 ;}
.b_bottom { border-bottom:1px solid #999 ;}


/*********************************************************************
*	COLOR
*********************************************************************/
.white	{ color:#FFF; }
.blue	{ color:#3399FF; }
.black	{ color:#000; }
.green	{ color:#00BB00; }
.orange { color:#ED6C1F; }
.bmcolor {background-color:#ED6C1F}
.mcolor {color:#ED6C1F}
.holy {color:#FF6C21;}
.satur {color:#2579CF;}
.today {color:#1FD145;}

.goodsDiv { float:left;padding:6px 0 0 3px;width:80px; height:135px; }
.goodsDiv2 { float:left;padding:6px 0 0 3px;width:250px; height:90px; overflow:hidden }

/*IE를 제외한 브라우저*/ 
.clearfix:after { 
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0; 
} 
/*Inline-block 지원하는 모든 브라우저*/ 
.clearfix { 
    display: inline-block; 
} 
/*사파리?*/ 
html[xmlns] .clearfix { 
    display: block; 
} 
  
/*IE 6 이상에 대한 clearfix*/ 
* html .clearfix { 
    height: 1%; 
}