@charset "utf-8";
/* 범용 스타일 초기화, 선택자 초기화 */
* { margin: 0; padding: 0; }

body { font: normal 12px/20px Dotum; margin: 0 padding: 0; background-color:black}

.clear { clear: both; } *+ html .clear { height: 0; }
ul, li { list-style-type: none; margin: 0; padding: 0; }
a, input, textarea { cursor: pointer; }
a { text-decoration: none; }
hr { display: none; }
img { border:0px; padding: 0px; margin:0px }
/* 분문 스타일 시작 */
.hwrap{ width: 1100px; margin: auto; overflow:hidden }
.container { width: 900px; margin: auto; overflow:hidden}

.hleft { width:195px; float:left; height:100px;}
.hright { width:700px; float:left;height:100px;}
	/* 로고 */
	h1 { height: 89px; padding-left: 4px;}
		h1 a { width: 195px; height: 89px; display: block; background: url(../images/logo.gif) 0 0 no-repeat;  }
			h1 a span { display: none; }

	/* 로고 옆 contact */
		.contact { float:right; padding-top:70px; padding-right: 5px; font-size:11px;}
		.contact a.menu1 { width: 82px }
		.contact a.menu2 { width: 62px }
		.contact a.menu3 { width: 60px }
		.contact li { float: left; display: block; height: 10px;  margin-right:5px}
			.contact li a { display: block; height: 10px; }
			
			.contact li a:visited {color:#7c9bbd}
			.contact li a:link {color:#7c9bbd}
			.contact li a:hover {color:#fff;}

	/* 컨텐츠 박스 */
	.contents { width:920px; clear:both; overflow: hidden; }

	/* Topmenu*/
	.tmenu{ width:920px; clear:both; margin-left:-10px;}

	/* 컨텐츠 메인 */
	.side { width:250px; float:left; background-color:black; height:1020px}
	.main { width:670px; height:1016px; float:left; background: url(/images/main_bg.gif) 0 0 repeat-Y;margin-top:4px }
	#main2{ width:670px; float:left; background: url(/images/main_bg.gif) 0 0 repeat-Y;margin-top:4px }
	#sidebg { width:250px; height:1020px; background: url(/images/side_bg.gif) 0 0 no-repeat; }
	.sidebg { width:250px; height:1020px; background: url(/images/side_bg.gif) 0 0 no-repeat; }

	/* 메뉴 */
		.menu { width:250px; list-style:none; }
		.menu li { float: left; display: block; height: 22px; }
			.menu li a { display: block; height: 22px; }
			.menu li a:hover { background-position: 0 -22px; }
				.menu li a span { display: none; }

	/* Company */
		.menu .company1 { width: 250px; }
			.menu .company1 a { width: 250px; height:22px; background: url(../images/side1_1.gif) 0 0 no-repeat; }
		.menu .company2 { width: 250px; }
			.menu .company2 a { width: 250px; height:22px; background: url(../images/side1_2.gif) 0 0 no-repeat; }
		.menu .company3 { width: 250px; }
			.menu .company3 a { width: 250px; height:22px; background: url(../images/side1_3.gif) 0 0 no-repeat; }
		.menu .company4 { width: 250px; }
			.menu .company4 a { width: 250px; height:22px; background: url(../images/side1_4.gif) 0 0 no-repeat; }
		.menu .company5 { width: 250px; }
			.menu .company5 a { width: 250px; height:22px; background: url(../images/side1_5.gif) 0 0 no-repeat; }
		.menu .company6 { width: 250px; }
			.menu .company6 a { width: 250px; height:22px; background: url(../images/side1_6.gif) 0 0 no-repeat; }
		.menu .company7 { width: 250px; }
			.menu .company7 a { width: 250px; height:22px; background: url(../images/side1_7.gif) 0 0 no-repeat; }


	/* Serviced Office */
		.menu .serviced1 { width: 250px; }
			.menu .serviced1 a { width: 250px; height:25px; background: url(../images/side2_1.gif) 0 0 no-repeat; }
		.menu .serviced2 { width: 250px; }
			.menu .serviced2 a { width: 250px; height:22px; background: url(../images/side2_2.gif) 0 0 no-repeat; }
		.menu .serviced3 { width: 250px; }
			.menu .serviced3 a { width: 250px; height:22px; background: url(../images/side2_3.gif) 0 0 no-repeat; }
		.menu .serviced4 { width: 250px; }
			.menu .serviced4 a { width: 250px; height:22px; background: url(../images/side2_4.gif) 0 0 no-repeat; }
		.menu .serviced5 { width: 250px; }
			.menu .serviced5 a { width: 250px; height:22px; background: url(../images/side2_5.gif) 0 0 no-repeat; }
		.menu .serviced6 { width: 250px; }
			.menu .serviced6 a { width: 250px; height:22px; background: url(../images/side2_6.gif) 0 0 no-repeat; }

	/* Virtual Office */
		.menu .virtual1 { width: 250px; }
			.menu .virtual1 a { width: 250px; height:25px; background: url(../images/side3_1.gif) 0 0 no-repeat; }
		.menu .virtual2 { width: 250px; }
			.menu .virtual2 a { width: 250px; height:22px; background: url(../images/side3_2.gif) 0 0 no-repeat; }
		.menu .virtual3 { width: 250px; }
			.menu .virtual3 a { width: 250px; height:22px; background: url(../images/side2_3.gif) 0 0 no-repeat; }

	/* Meeting Room */
		.menu .meeting1 { width: 250px; }
			.menu .meeting1 a { width: 250px; height:22px; background: url(../images/side3_1.gif) 0 0 no-repeat; }
		.menu .meeting2 { width: 250px; }
			.menu .meeting2 a { width: 250px; height:22px; background: url(../images/side4_2.gif) 0 0 no-repeat; }
		.menu .meeting3 { width: 250px; }
			.menu .meeting3 a { width: 250px; height:22px; background: url(../images/side3_3.gif) 0 0 no-repeat; }
		.menu .meeting4 { width: 250px; }
			.menu .meeting4 a { width: 250px; height:22px; background: url(../images/side2_4.gif) 0 0 no-repeat; }
		.menu .meeting5 { width: 250px; }
			.menu .meeting5 a { width: 250px; height:22px; background: url(../images/side2_5.gif) 0 0 no-repeat; }
		.menu .meeting6 { width: 250px; }
			.menu .meeting6 a { width: 250px; height:22px; background: url(../images/side2_6.gif) 0 0 no-repeat; }

	/* Reservation */
		.menu .reservation1 { width: 250px; }
			.menu .reservation1 a { width: 250px; height:25px; background: url(../images/side5_1.gif) 0 0 no-repeat; }
		.menu .reservation2 { width: 250px; }
			.menu .reservation2 a { width: 250px; height:22px; background: url(../images/side5_2.gif) 0 0 no-repeat; }
		.menu .reservation3 { width: 250px; }
			.menu .reservation3 a { width: 250px; height:22px; background: url(../images/side5_3.gif) 0 0 no-repeat; }
		.menu .reservation4 { width: 250px; }
			.menu .reservation4 a { width: 250px; height:22px; background: url(../images/side5_4.gif) 0 0 no-repeat; }

	/* Customer Center */
		.menu .customer1 { width: 250px; }
			.menu .customer1 a { width: 250px; height:22px; background: url(../images/side6_1.gif) 0 0 no-repeat; }


	.footer { width: 1100px; clear: both; height:120px; margin: auto;}
/* 온라인신청 - 사무실 임대문의 */
.office_form { font: normal 12px/20px Dotum; margin: 0 padding: 0; color:#999 }
.office_form #left { background-color:black; padding-left: 4px; } 
.office_form #right { background-color: silver; padding-left: 4px; }
.office_form select { font: normal 12px Dotum; margin: 0 padding: 0; color:black; }
/* 온라인신청 - 가상 오피스*/
.voffice_form { font: normal 12px/20px Dotum; margin: 0 padding: 0; color:#999 }
.voffice_form #left { background-color:black; padding-left: 4px; } 
.voffice_form #right { background-color: silver; padding-left: 4px; }

/* 온라인신청 - 회의실 */
.conference_form { font: normal 12px/20px Dotum; margin: 0 padding: 0; color:#999 }
.conference_form #left { background-color:black; padding-left: 4px; } 
.conference_form #right { background-color: silver; padding-left: 4px; }

/* 온라인신청 - 화상 회의실 */
.vconference_form { font: normal 12px/20px Dotum; margin: 0 padding: 0; color:#999 }
.vconference_form #left { background-color:black; padding-left: 4px; } 
.vconference_form #right { background-color: silver; padding-left: 4px; }

.reservation_tbltitle { font-size:12px; color:#848484; padding-left:10px; }
.reservation_form { border:1px solid #d1d1d1; background-color:#e7e6e4; font-size:12px; color:#848484; }
.reservation_form_input { height:18px; }