@charset "iso-8859-1";
/*
----------------------------------------------------
* File Name  : Style.css
* Version Info : 1.0
* Menu : Common
* Writer : SJ Yoon
* Date : 2007.05.05
* Description : Base Style
----------------------------------------------------
*/

* { padding:0; margin:0; } 
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
/*	font-size: 0.75em;*/
	line-height: 1.4; /*normal*/
	font-family: Verdana, Arial, Gulim, AppleGothic, sans-serif;
	/* part 1 of 2 centering hack */
}
body,table,td,frame {overflow-x:hidden;overflow-y:auto;}
body, td, select, input, textarea {
	scrollbar-face-color:#DDDDDD;
	scrollbar-highlight-color:#CCCCCC;
	scrollbar-shadow-color:#CCCCCC;
	scrollbar-3dlight-color:#8E8E8E;
	scrollbar-darkshadow-color:#8E8E8E;
	scrollbar-track-color:#EEEEEE;
	scrollbar-arrow-color:#8E8E8E;
}
h1 {display:none;}	/*Title*/

/* common */
ul,li	{list-style:none; margin:0px; padding:0px;}
div,ul,li,dl,ol,dt,dd,h1,h2,h3,h4,h5,h6,form,p {
  margin:0;
  padding:0;
}
fieldset, img { border: none; vertica-align:middle;}
table { border-collapse: collapse;}
td,input,select,textarea { color:#333333;}
input,select {vertical-align:middle;}
textarea {border:1px solid #D5D5D5;padding:3px 0 0 0;}
hr		{display:none; clear:both;}
a img {vertical-align:top;}

.radio  { margin:-4px 3px -1px -2px; vertical-align: middle; float:left; }
.chack  { margin:-2px -2px 1px 2px; vertical-align: middle; }
.chk    { margin:-1px 1px 2px 1px; vertical-align: middle; }
.input 	{border:1px solid #D5D5D5;height:15px;padding:3px 0 0 0;}

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

/* °ψΕλ */
.cl   	{clear:both;}
.fl 		{float:left;}
.fr 		{float:right;}
.b 			{font-weight:bold;}
.u 			{text-decoration:underline;}
.left		{text-align:left;}
.p11 		{font-size:11px;}
.ln14 	{line-height:1.4em;}
.ln16 	{line-height:1.6em;}
.verdana	{ font-family:verdana;}	
.v10 		{font-size:10px; font-family:verdana;}
.v9 		{font-size:9px; font-family:verdana;}
.btm 		{border: none; vertical-align:bottom }
.png24  {tmp:expression(setPng24(this));}

h2 {float:left;width:230px; }/*Logo*/
h3 {float:left;width:138px;}
h8 {
	position:absolute;
	z-index:10;
	left: 9px;
	top: 3px;

}
div.info {position:absolute;z-index:10;left: 9px;top:95px;}/*20080211 Γί°‘*/

/* Main Layout Style */
body.mainbody #Wrapper {
	position:relative;
	width: 984px;
	height:712px;
	margin:0 auto;
	padding-top:26px;
	background:url(../img/bg_main.gif) right 156px no-repeat;	
}
body.mainbody #Wrapper2 {
	position:relative;
	width: 984px;
	height:712px;
	margin:0 auto;
	padding-top:26px;
background:url(../img/bg_main2.gif) right 156px no-repeat;	
}
body.mainbody #Footer {
	clear:both;
	position:absolute;
	z-index:1;
	top:555px;
	width:224px;
	left:650px;
}

/*Vechicle Select*/
#Vechicle {position:relative;z-index:100;top:0;left:255px;width:633px}
#Vechicle h3 { padding-top:61px; float:left; width:138px; height:14px;}
#MakeSel { top:61px;float:left; position:relative;width:130px; height:22px;}
#ModelSel { top:61px;float:left; position:relative;width:135px; height:22px;}

#MakeSel select, #ModelSel select  {behavior:url(selectBox.htc);cursor:hand;valign:top;}

/*
#MakeSel { top:91px;float:left; position:relative;background:url(../img/bg_select.gif) no-repeat; width:130px; height:22px;}
#MakeSel h4 {position:absolute; top:3px; left:8px; overflow:hidden; cursor:pointer;width:110px;height:19px;font-size:11px;color:#555;}

#MakeSel #MakeList { clear:both; height:107px; width:116px; overflow:auto; border:#8E8E8E solid 1px; display:none;background:#FFF;position:absolute;top:21px;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color:#ffffff; 
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF;      
	scrollbar-track-color: #f2f2f2;
	scrollbar-arrow-color: #c6c6c6;
	z-index:100;
}
#MakeSel #MakeList ul { padding:0 5px 5px 5px; }
#MakeSel #MakeList li a { color:#555; font-size:11px; 	padding:3px 0; }

#ModelSel { top:91px;float:left; position:relative;background:url(../img/bg_select.gif) no-repeat; width:135px; height:22px;}
#ModelSel h4 {position:absolute; top:3px; left:8px; overflow:hidden; cursor:pointer;width:110px;height:19px;font-size:11px;color:#555;}
#ModelSel #ModelList { clear:both; height:107px; width:116px; overflow:auto; border:#8E8E8E solid 1px; display:none;background:#FFF;position:absolute;top:21px;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color:#ffffff; 
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF;      
	scrollbar-track-color: #f2f2f2;
	scrollbar-arrow-color: #c6c6c6; 
	z-index:100;
}
#ModelSel #ModelList ul { padding:0 5px 5px 5px; }
#ModelSel #ModelList li a { color:#555; font-size:11px;padding:3px 0; }
*/
/*Main Products*/
#Products {
	position:absolute;
	top:141px;
	left:255px;
	width:633px;
	height:135px;
}
#Products dl {margin:20px 0 0 20px;}
#Products dl dd {float:left;width:120px;}

/*Main News*/
#InfoSection {clear:both;position:absolute;z-index:9;top:293px;left:0;width:633px;height:197px;margin:20px 0 0 255px;padding:39px 0 0 31px;}
#InfoSection dl {position:absolute;width:292px;z-index:10;top:32px;}
#InfoSection dl dt {position:absolute;left:0;width:133px;height:30px;}
#InfoSection dl dd {position:absolute;top:0;left:133px;padding:9px 0 0 18px;width:132px;height:141px;color:#434141;overflow:hidden; }
#InfoSection dl dd span {display:block;color:#434141;}

#InfoSection dl.info01, #InfoSection dl.info03, #InfoSection dl.info05 {left:31px;}
#InfoSection dl.info02, #InfoSection dl.info04, #InfoSection dl.info06 {left:324px;}

#InfoSection dl.info01 dt img.png24, #InfoSection dl.info03 dt img.png24, #InfoSection dl.info05 dt img.png24 {width:133px;height:30px;}

#InfoSection dl.info02 dt {top:5px;}
#InfoSection dl.info04 dt {top:57px;}
#InfoSection dl.info05 dt, #InfoSection dl.info06 dt {top:109px;}

#InfoSection dl.info01 dt.tit01 {top:5px;left:5px;}
#InfoSection dl.info03 dt.tit01 {top:57px;left:5px;}
#InfoSection dl.info05 dt.tit01 {top:109px;left:5px;}
#InfoSection dl.info01 dt.tit02 {top:5px;left:146px;}
#InfoSection dl.info03 dt.tit02 {top:57px;left:146px;}
#InfoSection dl.info05 dt.tit02 {top:109px;left:146px;}

#InfoSection dl.info02 dd {display:block;background:url(../img/box01.gif) 0 0 no-repeat;}
#InfoSection dl.info04 dd {display:none;background:url(../img/box02.gif) 0 0 no-repeat;}
#InfoSection dl.info06 dd {display:none;background:url(../img/box03.gif) 0 0 no-repeat;}

/*Main Background Image*/
body.mainbody #Wrapper #BackImg {position:absolute;z-index:0;bottom:0;left:0;width:570px;height:380px;}
body.mainbody #Wrapper #BackImg0 {position:absolute;z-index:0;bottom:0;left:0;width:570px;height:380px;}
body.mainbody #Wrapper #BackImg1 {position:absolute;z-index:0;bottom:0;left:0;width:570px;height:380px;}
body.mainbody #Wrapper #BackImg2 {position:absolute;z-index:0;bottom:0;left:0;width:570px;height:380px;}
body.mainbody #Wrapper #BackImg3 {position:absolute;z-index:0;bottom:0;left:0;width:570px;height:380px;}
body.mainbody #Wrapper #BackImg4 {position:absolute;z-index:0;bottom:0;left:0;width:570px;height:380px;}
body.mainbody #Wrapper #BackImg5 {position:absolute;z-index:0;bottom:0;left:0;width:570px;height:380px;}
body.mainbody #Wrapper2 #BackImg {position:absolute;z-index:0;bottom:0;left:0;width:570px;height:380px;}
body.mainbody #Wrapper2 #BackImg0 {position:absolute;z-index:0;bottom:0;left:0;width:570px;height:380px;}
body.mainbody #Wrapper2 #BackImg1 {position:absolute;z-index:0;bottom:0;left:0;width:570px;height:380px;}
body.mainbody #Wrapper2 #BackImg2 {position:absolute;z-index:0;bottom:0;left:0;width:570px;height:380px;}
body.mainbody #Wrapper2 #BackImg3 {position:absolute;z-index:0;bottom:0;left:0;width:570px;height:380px;}
body.mainbody #Wrapper2 #BackImg4 {position:absolute;z-index:0;bottom:0;left:0;width:570px;height:380px;}
body.mainbody #Wrapper2 #BackImg5 {position:absolute;z-index:0;bottom:0;left:0;width:570px;height:380px;}

/*MainGo*/
body.mainbody #Wrapper div.gomain {position:absolute;z-index:100;top:520px;right:120px;}

/*Sub Products*/
body.subbody #Wrapper {
	position:relative;
	width: 984px;
	height:712px;
	margin:0 auto;
	padding-top:26px;
/*	background:url(../img/bg_sub.gif) right 186px no-repeat;	*/
}
body.subbody #Wrapper div.Container {position:relative;clear:both;width:633px;height:392px;background:url(../img/bg_sub.gif) 0 0 no-repeat;margin-bottom:20px;left:255px;}
body.subbody #Footer {clear:both;float:left;position:relative;z-index:1;top:-13px;width:433px;left:455px;margin-bottom:20px;}

/*Sub Products*/
#ProductsView {position:relative;z-index:10;width:633px}
#ProductsView h4.title {position:absolute;z-index:10;top:10px;left:20px;}
#ProductsView div.prod-img {position:absolute;z-index:10;top:40px;left:20px;width:305px;height:255px;text-align:center;}
#ProductsView div.prod-desc {position:absolute;z-index:10;top:46px;left:343px;width:262px;}
#ProductsView div.prod-desc .title {padding-left:3px;color:#6D6C6C;font-size:12px;font-weight:bold;font-family:arial;}
#ProductsView div.prod-desc .desc-txt {position:absolute;left:0;top:20px;color:#7D7D7D;font-size:11px;font-family:arial;padding:10px 41px 0 12px;width:200px;height:94px;overflow:hidden;}
#ProductsView div.prod-desc .desc-txt .chr {position:absolute;z-index:10;bottom:0;left:208px;}

#ProductsView div.prod-desc .movie {position:absolute;top:134px;left:0;}
#ProductsView div.prod-desc .movie dd {float:left;width:64px;}

#ProductsView div.prod-desc .link  {position:absolute;top:170px;left:0;}
#ProductsView div.prod-desc .link dd {float:left;width:64px;}

#ProductsView div.prod-desc .price  {position:absolute;top:170px;left:130px;width:114px;height:26px;background:url(../img/bg_price.gif) 0 2px no-repeat;text-align:right;padding:5px 20px 0 0;color:#626262;}
#ProductsView div.prod-desc .order-bt {position:absolute;top:208px;left:155px;}

/*Sub Products Detail*/
#ProductsDetail {position:absolute;z-index:100;top:295px;left:20px;width:590px}
#ProdDetailList {position:absolute;top:11px;left:25px;width:547px;overflow:hidden;}
#ProdDetailList dl {width:547px;height:78px;}
#ProdDetailList dl dd {position:relative;float:left;width:107px;padding:1px;}
#ProdDetailList dl dd img.dimg {width:102px;height:70px;}
#ProdDetailList dl.detailinfo dd img.dimg {width:102px;height:70px;}
#ProdDetailList div.rbox {position:absolute;top:0;left:0;width:109px;height:78px;}
#ProdDetailList div.rbox img.rbox{width:109px;height:78px;}

#ProductsDetail a.back {cursor:pointer;z-index:10;position:absolute;top:10px;left:4px;display:block;width:11px;height:11px;}
#ProductsDetail a.next {cursor:pointer;z-index:11;position:absolute;top:10px;left:569px;display:block;width:11px;height:11px;}

body.subbody #Wrapper div.gomain {position:absolute;z-index:100;top:199px;left:154px;width:87px;text-align:right;}
body.subbody #Wrapper div.goprod {position:absolute;z-index:100;top:216px;left:154px;width:87px;text-align:right;}
body.subbody #Wrapper div.gochar {position:absolute;z-index:100;top:237px;left:154px;;width:87px;}

/*Popup*/
body.popbody #Wrapper {margin:0 10px;}
body.popbody #Wrapper div.prod-view {clear:both;float:left;margin:10px auto;width:100%;text-align:center;}
body.popbody #Wrapper div.btn {clear:both;float:left;width:100%;text-align:center;}
body.popbody #Wrapper div.btn02 {clear:both;float:left;width:100%;text-align:right;}

body.popbody #Wrapper div.tit-order {clear:both;}
body.popbody #Wrapper div.tit-prodinfo {position:relative;clear:both;width:415px;height:188px;color:#303030;}
body.popbody #Wrapper div.tit-prodinfo dl {margin:13px;clear:both;float:left;display:inline;}
body.popbody #Wrapper div.desc-txt {position:absolute;left:23px;top:79px;color:#7D7D7D;font-size:11px;font-family:arial;padding:6px 41px 0 12px;width:206px;height:95px;overflow:hidden;background:url(../img/box_desc.gif) 0 0 no-repeat;}
body.popbody #Wrapper div.price {position:absolute;top:154px;left:279px;width:114px;height:26px;background:url(../img/bg_price.gif) 0 2px no-repeat;text-align:right;padding:5px 20px 0 0;color:#626262;}
body.popbody #Wrapper div.order-prod-info {height:56px;margin:10px 0 0 22px;}

body.popbody #Wrapper div.order-prod-inp {margin-left:22px;}
body.popbody #Wrapper div.order-prod-inp div {margin-bottom:12px;}
body.popbody #Wrapper div.order-prod-inp div img {vertical-align:top;}
body.popbody #Wrapper div.order-prod-inp div.name {width:234px;height:22px;background:url(../img/bg_frm01.gif) 42px 0 no-repeat;}
body.popbody #Wrapper div.order-prod-inp div.email {width:234px;height:22px;background:url(../img/bg_frm01.gif) 42px 0 no-repeat;}
body.popbody #Wrapper div.order-prod-inp div.phone {width:234px;height:22px;background:url(../img/bg_frm01.gif) 42px 0 no-repeat;}
body.popbody #Wrapper div.order-prod-inp div.note {width:381px;height:82px;background:url(../img/bg_frm02.gif) 42px 0 no-repeat;}
body.popbody #Wrapper div.order-prod-inp input {width:180px;background:transparent;border:0;margin:2px 0 0 4px;}
body.popbody #Wrapper div.order-prod-inp textarea {width:333px;height:76px;border:0;overflow:auto;background:transparent;margin:0 0 0 4px;}


body.popbody #Wrapper div.btn-send {clear:both;float:left;width:410px;text-align:right;}

#PopTit {clear:both;float:left;width:100%;border-bottom:4px solid #fff388;}
#PopTit .title {float:left;margin:14px 0 0 10px;}
#PopTit .logo {float:right;margin:0;}

#prod-info-box {clear:both;float:left;width:395px;background:url(../img/pop_des_bg.gif) 0 bottom no-repeat;margin:0 0 16px 0;}
#prod-info {clear:both;float:left;width:365px;height:95px;background:url(../img/pop_des_top.gif) 0 0 no-repeat;padding:2px 15px 12px 15px;color:#979797;
overflow-y:auto;overflow-x:hidden;
white-space: -pre-wrap;      /* Opera 4-6 */ 
white-space: -o-pre-wrap;    /* Opera 7 */ 
word-wrap: break-word;       /* Internet Explorer 5.5+ */ 

}