@import url("default.css"); /*±âº»°ª*/

/* ±âº»Å×±×*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

td {
	font-size: 9pt;
	color: #5E6160;
}


/*¸µÅ©½ºÅ¸ÀÏ*/
a:link {
	font-size: 9pt;
	color: #666666;
	text-decoration: none;
}
a:visited {
	font-size: 9pt;
	color: #666666;
	text-decoration: none;
}
a:hover {
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
}

/*±Û¾¾½ºÅ¸ÀÏ*/
.title {
	font-size: 8pt;
	color: #FFFFFF;
}
.title_notice {
	font-size: 8.5pt;
	color: #989a86;
	padding-bottom:3px;
}
.title02 {
	font-size: 9pt;
	color: #5E6160;
	font-family:"µ¸¿ò"
}

/*ºó°ø°£½ºÅ¸ÀÏ*/
.blank {
	padding-right:12px;
	font-size: 9pt;
}
.blank_com01 {
	padding-top:5px;padding-bottom:5px;padding-left:15px;
	line-height:18px;
}
.blank2 {
	padding-top:3px;padding-bottom:3px;padding-left:10px;
	font-size: 9pt;
	color: #666666;
}
.form1 {
	font-size: 9pt;
	color: #666666;
	border: 1px solid #dddddd;
}

/*È¿°úÅ×±×*/
.mainbodybg {
	
	background-attachment: nomal;
	background-image: url(../images/mainbodybg.jpg);
	background-color: #fffff7;
	background-repeat: repeat-x;
	background-position: left top;
}
.subbodybg {
	background-attachment: nomal;
	background-image: url(../images/subbodybg.jpg);
	background-color: #fffff7;
	background-repeat: repeat-x;
	background-position: left top;
}
.copybg {
	background-attachment: nomal;
	background-color: #ebe7de;
	background-repeat: repeat-x;
	background-position: left top;
}


/*  gnb  */
.gnb    { position:relative; width:644px; height:62px; margin:0 0 0; display:block; z-index:99;}
.gnb ul						{ float:right;width:600px; margin:0 0 0 0; display:block; }
.gnb ul li						{ float:left;  }
.gnb ul li h2						{ overflow:hidden; text-align:center; display:block; }
.gnb ul li h2 a						{ position:relative; height:37px; padding:0px 0 0px; overflow:hidden; display:inline-block;*display:inline;*zoom:1;background:url(../images/gnb.gif) no-repeat 0 0; }
.gnb ul li h2 a.gnbMenu1			{ width:80px; background-position:0 0;  }
.gnb ul li h2 a.gnbMenu1:hover		{ width:80px; background-position:0 -37px; }

.gnb ul li h2 a.gnbMenu2			{ width:80px; background-position:-80px 0; }
.gnb ul li h2 a.gnbMenu2:hover		{ width:80px; background-position:-80px -37px; }

.gnb ul li h2 a.gnbMenu3			{ width:78px; background-position:-160px 0; }
.gnb ul li h2 a.gnbMenu3:hover		{ width:78px; background-position:-160px -37px; }

.gnb ul li h2 a.gnbMenu4			{ width:76px; background-position:-238px 0;}
.gnb ul li h2 a.gnbMenu4:hover		{ width:76px; background-position:-238px -37px; }

.gnb ul li h2 a.gnbMenu5			{ width:78px; background-position:-314px 0;}
.gnb ul li h2 a.gnbMenu5:hover		{ width:78px; background-position:-314px -37px; }

.gnb ul li h2 a.gnbMenu6			{ width:80px; background-position:-391px 0; }
.gnb ul li h2 a.gnbMenu6:hover		{ width:80px; background-position:-391px -37px; }

.gnb ul li h2 a.gnbMenu7			{ width:70px; background-position:-468px 0; }
.gnb ul li h2 a.gnbMenu7:hover		{ width:70px; background-position:-468px -37px; }
.gnb ul li h2 a.on					{ background-position-y:-37px; }
.gnb ul li h2 a span				{ position:absolute; top:-9999px; overflow:hidden;  }

.gnb ul li:hover ul					{ display:block; }
.gnb ul li ul						{ position:absolute; left:0; top:37px; width:644px; display:none; z-index:99;}
.gnb ul li ul li					{ float:left; border:none; overflow:hidden; }
.gnb ul li ul li a span    			{ position:absolute; top:-9999px; overflow:hidden; }

.gnb ul li ul.sub1					{ left:40px;}
	ul.sub1 li a					{ height:19px; color:#fff; font-weight:bold; display:inline-block;*display:inline;*zoom:1;background:url(../images/sub1.gif) no-repeat 0 0; }
	ul.sub1 li a.menu1				{ width:50px; background-position:0 0; }	
	ul.sub1 li a.menu1:hover		{ width:50px; background-position:0 -19px; }
	ul.sub1 li a.menu1.on			{ width:50px; background-position:0 -19px; }
	
	ul.sub1 li a.menu2				{ width:50px; background-position:-50px 0; }	
	ul.sub1 li a.menu2:hover		{ width:50px; background-position:-50px -19px; }
	ul.sub1 li a.menu2.on			{ width:50px; background-position:-50px -19px; }
	
	ul.sub1 li a.menu3				{ width:65px; background-position:-100px 0; }	
	ul.sub1 li a.menu3:hover		{ width:65px; background-position:-100px -19px; }
	ul.sub1 li a.menu3.on			{ width:65px; background-position:-100px -19px; }
	
	ul.sub1 li a.menu4				{ width:50px; background-position:-165px 0; }	
	ul.sub1 li a.menu4:hover		{ width:50px; background-position:-165px -19px; }
	ul.sub1 li a.menu4.on			{ width:50px; background-position:-165px -19px; }
	

.gnb ul li ul.sub2    { left:120px;}
ul.sub2 li a					{ height:19px; color:#fff; font-weight:bold; display:inline-block;*display:inline;*zoom:1;background:url(../images/sub2.gif) no-repeat 0 0; }
	ul.sub2 li a.menu1				{ width:78px; background-position:0 0; }	
	ul.sub2 li a.menu1:hover		{ width:78px; background-position:0 -19px; }
	ul.sub2 li a.menu1.on			{ width:78px; background-position:0 -19px; }

.gnb ul li ul.sub3    { left:215px; }
	ul.sub3 li a					{ height:19px; color:#fff; font-weight:bold; display:inline-block;*display:inline;*zoom:1;background:url(../images/sub3.gif) no-repeat 0 0; }
	ul.sub3 li a.menu1				{ width:50px; background-position:0 0; }	
	ul.sub3 li a.menu1:hover		{ width:50px; background-position:0 -19px; }
	ul.sub3 li a.menu1.on			{ width:50px; background-position:0 -19px; }


.gnb ul li ul.sub4    { left:150px; }
	ul.sub4 li a					{ height:19px; color:#fff; font-weight:bold; display:inline-block;*display:inline;*zoom:1;background:url(../images/sub4.gif) no-repeat 0 0; }
	ul.sub4 li a.menu1				{ width:40px; background-position:0 0; }	
	ul.sub4 li a.menu1:hover		{ width:40px; background-position:0 -19px; }
	ul.sub4 li a.menu1.on			{ width:40px; background-position:0 -19px; }
	
	ul.sub4 li a.menu2				{ width:37px; background-position:-40px 0; }	
	ul.sub4 li a.menu2:hover		{ width:37px; background-position:-40px -19px; }
	ul.sub4 li a.menu2.on			{ width:37px; background-position:-40px -19px; }
	
	ul.sub4 li a.menu3				{ width:52px; background-position:-77px 0; }	
	ul.sub4 li a.menu3:hover		{ width:52px; background-position:-77px -19px; }
	ul.sub4 li a.menu3.on			{ width:52px; background-position:-77px -19px; }
	
	ul.sub4 li a.menu4				{ width:35px; background-position:-129px 0; }	
	ul.sub4 li a.menu4:hover		{ width:35px; background-position:-129px -19px; }
	ul.sub4 li a.menu4.on			{ width:35px; background-position:-129px -19px; }

	ul.sub4 li a.menu5				{ width:35px; background-position:-164px 0;}	
	ul.sub4 li a.menu5:hover		{ width:35px; background-position:-164px -19px; }
	ul.sub4 li a.menu5.on			{ width:35px; background-position:-164px -19px; }
	
	ul.sub4 li a.menu6				{ width:52px; background-position:-199px 0;}	
	ul.sub4 li a.menu6:hover		{ width:52px; background-position:-199px -19px; }
	ul.sub4 li a.menu6.on			{ width:52px; background-position:-199px -19px; }
	
	ul.sub4 li a.menu7				{ width:35px; background-position:-251px 0;}	
	ul.sub4 li a.menu7:hover		{ width:35px; background-position:-251px -19px; }
	ul.sub4 li a.menu7.on			{ width:35px; background-position:-251px -19px; }
	
	ul.sub4 li a.menu8				{ width:55px; background-position:-286px 0; }	
	ul.sub4 li a.menu8:hover		{ width:55px; background-position:-286px -19px; }
	ul.sub4 li a.menu8.on			{ width:55px; background-position:-286px -19px; }

	ul.sub4 li a.menu9				{ width:48px; background-position:-341px 0;}	
	ul.sub4 li a.menu9:hover		{ width:48px; background-position:-341px -19px; }
	ul.sub4 li a.menu9.on			{ width:48px; background-position:-341px -19px; }
	
	ul.sub4 li a.menu10				{ width:30px; background-position:-389px 0;}	
	ul.sub4 li a.menu10:hover		{ width:30px; background-position:-389px -19px; }
	ul.sub4 li a.menu10.on			{ width:30px; background-position:-389px -19px; }
	
	ul.sub4 li a.menu11				{ width:48px; background-position:-419px 0; }	
	ul.sub4 li a.menu11:hover		{ width:48px; background-position:-419px -19px; }
	ul.sub4 li a.menu11.on			{ width:48px; background-position:-419px -19px; }


.gnb ul li ul.sub5    { left:365px; }
	ul.sub5 li a					{ height:19px; color:#fff; font-weight:bold; display:inline-block; background:url(../images/sub5.gif) no-repeat 0 0; }
	ul.sub5 li a.menu1				{ width:52px; background-position:0 0; }	
	ul.sub5 li a.menu1:hover		{ width:52px; background-position:0 -19px; }
	ul.sub5 li a.menu1.on			{ width:52px; background-position:0 -19px; }

.gnb ul li ul.sub6    { left:445px;}
	ul.sub6 li a					{ height:19px; color:#fff; font-weight:bold; display:inline-block; background:url(../images/sub6.gif) no-repeat 0 0; }
	ul.sub6 li a.menu1				{ width:52px; background-position:0 0; }	
	ul.sub6 li a.menu1:hover		{ width:52px; background-position:0 -19px; }
	ul.sub6 li a.menu1.on			{ width:52px; background-position:0 -19px; }
	
	ul.sub6 li a.menu2				{ width:50px; background-position:-50px 0; }	
	ul.sub6 li a.menu2:hover		{ width:50px; background-position:-50px -19px; }
	ul.sub6 li a.menu2.on			{ width:50px; background-position:-50px -19px; }

.gnb ul li ul.sub7    { left:100%; margin:0 0 0 -230px;}
	ul.sub7 li a					{ height:19px; color:#fff; font-weight:bold; display:inline-block; background:url(../images/sub7.gif) no-repeat 0 0; }
	ul.sub7 li a.menu1				{ width:50px; background-position:0 0; }	
	ul.sub7 li a.menu1:hover		{ width:50px; background-position:0 -19px; }
	ul.sub7 li a.menu1.on			{ width:50px; background-position:0 -19px; }
	
	ul.sub7 li a.menu2				{ width:28px; background-position:-50px 0; }	
	ul.sub7 li a.menu2:hover		{ width:28px; background-position:-50px -19px; }
	ul.sub7 li a.menu2.on			{ width:28px; background-position:-50px -19px; }
	
	ul.sub7 li a.menu3				{ width:48px; background-position:-78px 0;}	
	ul.sub7 li a.menu3:hover		{ width:48px; background-position:-78px -19px; }
	ul.sub7 li a.menu3.on			{ width:48px; background-position:-78px -19px; }
	
	ul.sub7 li a.menu4				{ width:50px; background-position:-126px 0;}	
	ul.sub7 li a.menu4:hover		{ width:50px; background-position:-126px -19px; }
	ul.sub7 li a.menu4.on			{ width:50px; background-position:-126px -19px; }

	ul.sub7 li a.menu5				{ width:50px; background-position:-176px 0;}	
	ul.sub7 li a.menu5:hover		{ width:50px; background-position:-176px -19px; }
	ul.sub7 li a.menu5.on			{ width:50px; background-position:-176px -19px; }




/*  °¡»óüÇè  */
div.vitual						{ border:1px solid #e6e6e6; padding:5px 0; }
	div.conPic							{ position:relative; width:602px; height:368px; margin:0 auto; display:block; background:url(../images/vitual_view/default11.png) no-repeat 0 0; }
	div.conPicBt						{ position:absolute; top:0; left:0; width:602px; height:368px; display:none; z-index:99; }
	div.conPic .wall1					{ position:absolute; top:0; left:0; width:602px; height:368px; margin:0 auto; display:none; z-index:80; }
	div.conPic .wall2					{ position:absolute; top:0; left:0; width:602px; height:368px; margin:0 auto; display:none; z-index:81; }
	div.conPic .wall3					{ position:absolute; top:0; left:0; width:602px; height:368px; margin:0 auto; display:none; z-index:82; }
	div.conPic .door					{ position:absolute; top:0; left:0; width:602px; height:368px; margin:0 auto; display:none; z-index:50; }
	div.conPic img						{ position:absolute; top:0; left:0; width:602px; height:368px; display:inline-block; }
	
	div.titArea							{ width:100%; margin:15px 0 0;overflow:hidden; display:block; }
	div.titArea h4						{ float:left; }
	div.titArea	.typeSelect				{ float:right; }
	
	
	
	table.selectImg						{ width:100%; margin:10px 0 0;overflow:hidden; border:1px solid #e6e6e6; }
	table.selectImg th					{  }
	table.selectImg td					{ padding:5px; }
		ul.door							{ border-left:1px solid #e6e6e6; display:block; overflow:hidden; }
		ul.door li						{ float:left; margin:4px 0 4px 8px; }
		ul.door li a					{ width:40px; height:40px; overflow:hidden; display:block;}
		ul.door li a img				{ display:inline-block; margin:0; }
		ul.door li a:hover img			{ display:inline-block; margin:-40px 0 0; }
		ul.door li a.on img				{ display:inline-block; margin:-40px 0 0; }
		
		ul.wall							{ border-left:1px solid #e6e6e6; display:block; overflow:hidden; }
		ul.wall li						{ float:left; margin:4px 0 4px 8px; }
		ul.wall li a					{ width:40px; height:40px; overflow:hidden; display:block;}
		ul.wall li a img				{ display:inline-block; margin:0; }
		ul.wall li a:hover img			{ display:inline-block; margin:-40px 0 0; }
		ul.wall li a.on img				{ display:inline-block; margin:-40px 0 0; }


/* text */
h3.cubiTit								{ color:#555; font-weight:bold; font-size:16px; text-align:left; padding:0 0 5px; }
h4.cubiSubTit							{ color:#555; font-weight:bold; font-size:12px; text-align:left; margin:10px 0 5px;  }
p.cubi									{ text-align:left; margin:0 0 15px; }
span.cubiTxt							{ width:100%; display:block; color:#555; font-weight:bold; text-align:center; margin:5px 0; }