/************************************************************************

 * File name      : base.css

 * Info        : 

 * Writer      : vi-nyl

 * Date      : 2008.09.16

************************************************************************/

@import "layout.css";

@import "class.css";

*		{margin:0; padding:0;}

html	{height:100%;}

body	{width:100%; height:100%; font-size:12px; font-family:verdana, MS song; color:#808080; line-height:1.3em;}



img			{border:0; vertical-align:top;}

ul, ol		{list-style:none; vertical-align:top;}

li			{vertical-align:top;}

li img		{vertical-align:top;}



h1, h2, h3, 

h4, h5, h6	{}



a:link		{text-decoration:none; color:#808080;}

a:visited	{text-decoration:none; color:#808080;}

a:hover		{text-decoration:none; color:#C63919;}

a:active	{text-decoration:none; color:#808080;}



/* form */

form		{margin:0; padding:0;}

input.txt	{height:15px; border:1px solid #CACACA; padding:2px 0 0 3px; vertical-align:middle; font:normal 12px verdana; color:#808080; letter-spacing:-1px;}

input.txt02	{height:13px; border:1px solid #E1E1E1; padding:2px 0 0 3px; vertical-align:middle; font:normal 12px verdana; color:#808080; background:#F1F1F1; letter-spacing:-1px;}

input.eatxt	{height:15px; border:1px solid #CACACA; padding:0 0 0 3px; vertical-align:middle; width:38px; font:normal 12px verdana; color:#808080}

input.eatxtS{height:15px; border:1px solid #CACACA; padding:0 0 0 3px; vertical-align:middle; width:19px; font:normal 12px verdana; color:#808080}

input.chk	{width:12px; height:12px; border:0; background:transparent;}

textarea	{border:1px solid #D0C3A9; font-family:verdana, MS song; color:#808080; line-height:1.2em; font-size:12px}

textarea.style01	{padding:3px 8px}

textarea.style02	{border:1px solid #CACACA; font:normal 12px;}

select		{vertical-align:middle;} :root select	{height:23px;}

fieldset	{border:none;}



/* rollover */

a.rollover img				{display:inline;}

a.rollover img.over			{display:none;} 

a.rollover img.on			{display:none;} 

a.rollover:hover			{border:0; cursor:pointer}

a.rollover:hover img		{display:none;}

a.rollover:hover img.over	{display:inline;}

a.rollover:hover img.on		{display:none;}





/* font */

.t_sale		{font-size:11px; height:12px; margin:2px 0}

.t_normal	{color:#808080}



.t_point	{color:#C63919}

.t_point	a:link		{text-decoration:none; color:#C63919;}

.t_point	a:visited	{text-decoration:none; color:#C63919;}

.t_point	a:hover		{text-decoration:none; color:#C63919;}

.t_point	a:active	{text-decoration:none; color:#C63919;}



.t_price	{font-size:11px; color:#333; margin:1px 0}

.t_price02	{font-size:11px; color:#999;}

.t_price_no	{font-size:12px; color:#333; margin:-3px 0 0 0} /* 081222 추가 */



.r_price	{font-size:12px; color:#C63919; font-family:Verdana; font-weight:bold;}

.r_price02	{font-size:11px; color:#C63919; font-family:Verdana; font-weight:bold;}

.r_price03	{font-size:11px; color:#C63919; font-family:Verdana;}



.t_gray		{color:#999}

.t_gray2	{color:#D9D9D9}

.t_black	{color:#333;}

.t_blackB	{color:#333; font-weight:bold;}



.t_num			{color:#808080; font-size:11px; font-family:Verdana;}

a:hover .t_num	{color:#C63919;}

.t_num02		{color:#C63919; font-size:11px; font-family:Verdana;}



.t_blackA	{color:#333; font-size:11px;}

.t_blackA	a:link		{text-decoration:none; color:#333;}

.t_blackA	a:visited	{text-decoration:none; color:#333;}

.t_blackA	a:hover		{text-decoration:underline; color:#C63919;}

.t_blackA	a:active	{text-decoration:none; color:#333;}



small	{font-size:11px; margin-bottom:2px} :root small	{margin-bottom:0px}



.t_prd	{font:13px Verdana #666;}



.s_cartegory	{font-size:10px; font-family:Verdana; color:#808080;}



.b_bar01	{color:#D9D9D9;}



.t_paging	{font-size:9px; font-family:Verdana; color:#808080;}

.t_paging	a:link		{text-decoration:none; color:#808080;}

.t_paging	a:visited	{text-decoration:none; color:#808080;}

.t_paging	a:hover		{text-decoration:none; color:#C63919;}

.t_paging	a:active	{text-decoration:none; color:#808080;}



/* letter-spacing */

.lspM	{letter-spacing:-0.05em}

.lsp	{letter-spacing:0.05em}



/* Align */

.fl_left	{float:left;}

.fl_right	{float:right;}

.fl_clear	{clear:both;}

.fl_clear2	{clear:both; width:100%; overflow:auto; overflow:hidden}



.al_left	{text-align:left}

.al_center	{text-align:center}

.al_right	{text-align:right}

.al_top		{vertical-align:top;}

.al_middle	{vertical-align: middle}

.al_bottom	{vertical-align:baseline}

.al_btm		{vertical-align:bottom}



.hand		{cursor:pointer}

.overflow	{overflow:auto; overflow:hidden;}

.overflow2	{overflow:auto; overflow:hidden; height:100%;}

.none		{display:none;}

.pos_rel	{position:relative}

.noborder	{border:none;}





/* margin * padding */

.mA		{margin:0 auto;}

.mt1m	{margin-top:-1px;}

.mt3m	{margin-top:-3px;}

.mt5m	{margin-top:-5px;}

.mt15m	{margin-top:-15px;}

.mt17m	{margin-top:-17px;}

.mt23m	{margin-top:-23px;}

.mt0	{margin-top:0px;}

.mt1	{margin-top:1px;}

.mt2	{margin-top:2px;}

.mt3	{margin-top:3px;}

.mt4	{margin-top:4px;}

.mt5	{margin-top:5px;}

.mt7	{margin-top:7px;}

.mt8	{margin-top:8px;}

.mt10	{margin-top:10px;}

.mt11	{margin-top:11px;}

.mt13	{margin-top:13px;}

.mt15	{margin-top:15px;}

.mt18	{margin-top:18px;}

.mt20	{margin-top:20px;}

.mt25	{margin-top:25px;}

.mt30	{margin-top:30px;}

.mt40	{margin-top:40px;}



.mb3	{margin-bottom:3px;}

.mb5	{margin-bottom:5px;}

.mb8	{margin-bottom:8px;}

.mb10	{margin-bottom:10px;}

.mb15	{margin-bottom:15px;}

.mb17	{margin-bottom:17px;}

.mb20	{margin-bottom:20px;}

.mb30	{margin-bottom:30px;}



.ml3	{margin-left:3px;}

.ml5	{margin-left:5px;}

.ml7	{margin-left:7px;}

.ml10	{margin-left:10px;}

.ml15	{margin-left:15px;}

.ml20	{margin-left:20px;}

.ml25	{margin-left:25px;}



.mr3	{margin-right:3px;}

.mr5	{margin-right:5px;}

.mr8	{margin-right:8px;}

.mr10	{margin-right:10px;}

.mr15	{margin-right:15px;}

.mr20	{margin-right:20px;}



.pt5	{padding-top:5px;}

.pt10	{padding-top:10px;}

.pt15	{padding-top:15px;}

.pt20	{padding-top:20px;}

.pt25	{padding-top:25px;}



.pb5	{padding-bottom:5px;}

.pb10	{padding-bottom:10px;}

.pb15	{padding-bottom:15px;}

.pb20	{padding-bottom:20px;}



.pl5	{padding-left:5px;}

.pl10	{padding-left:10px;}

.pl15	{padding-left:15px;}

.pl20	{padding-left:20px;}

.pl79	{padding-left:79px;}

.pl315	{padding-left:315px;}



.pr5	{padding-right:5px;}

.pr10	{padding-right:10px;}

.pr15	{padding-right:15px;}

.pr20	{padding-right:20px;}



/* png */

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



.clfix:after	{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}

.clfix			{display: inline-block;}

.clfix			{display: block;}

* html .clfix	{height: 1%;} /* Hides from IE-mac */

.clfix			{zoom:1;} /*for IE 5.5-7*/



/* location */

#h1_area	{position:relative; width:970px; margin:0 auto}

#h1_area	h1		{padding:27px 0 0 25px;} :root #h1_area	h1	{height:35px;}

#h1_area	#location	{position:absolute; right:0; top:35px}



#h1_area.nType	h1	{height:15px; font-size:0; line-height:0; padding:0 0 8px; color:#AAAAAA;} :root #h1_area.nType	h1	{padding:0 0 5px}

#h1_area.nType	#location	{position:absolute; right:0; top:3px}



#location	{color:#999; word-spacing:0.2em;}

#location	a, #location	a:hover {color:#999}

#location	.on	{color:#333}



.selectA	{margin-top:2px} :root .selectA	{margin-top:0}



.w750	{width:750px;}



.scroll	{

	scrollbar-face-color: #ffffff;

	scrollbar-shadow-color: #ffffff;

	scrollbar-highlight-color: #ffffff;

	scrollbar-3dlight-color: #DEDEDE;

	scrollbar-darkshadow-color: #DEDEDE;

	scrollbar-track-color: #A0A0A0;

	scrollbar-arrow-color: #373737;

}



.al_centerB	{margin:0 auto}



/* 090409*/

.t_sale span{background:url(http://image.qianxun.com/www/img/main/delline.gif) repeat-x 0 8px;}

/*091222*/
.chakan_con{width:200px;display:none;position:absolute;left:-200px;top:0;}
.chakan_con table{background:#fff;border-collapse:collapse;}
.chakan_con table td{border:1px solid #E1E1E1;}