/******* 베이스 *******/

body, td, th, form, input, select, textarea, input, div, p, span {
					margin: 0;
					font-size: 9pt; font-family: Arial, Tahoma, Verdana; color: #000; line-height: 150%;
					}
body				{ background: #f1f1f1 url('../kimg/common/bg_body.png') repeat-y 50% 0; }
a:link			{ color: #000; text-decoration: none; }
a:visited		{ color: #000; text-decoration: none; }
a:active		{ color: #000; text-decoration: none; }
a:hover		{ color: #999; text-decoration: none; }
img				{ border: none; }
table			{ border-collapse: collapse; }


/******* 레이아웃 *******/

#wrap { width: 100%; height: 100%; text-align: center; background: url('../kimg/common/bg_head.png') repeat-x 0 0; }
#header { position: relative; width: 980px; height: 115px; margin: auto; background: url('../kimg/common/bg_menu.png') no-repeat 0 90px; }
	#header h1 { position: absolute; left: 0; top: 0; width: 197px; height: 90px; margin: 0; padding: 0; background: url('../eimg/common/logo_head.png') no-repeat 0 50%; }
	#header h1 a { display: block; height: 100%; text-indent: -9999em; }
	#menu { position: absolute; left: 270px; top: 0; width: 650px; height: 90px; }
		#menu ul#gnb { list-style: none; margin: 0; padding: 0; }
		#menu ul#gnb li { float: left; display: inline; height: 90px; font-weight: 600; }
		#menu ul#gnb li a { float: left; display: block; height: 60px; padding: 30px 20px 0 20px; font-size: 10pt; text-transform: capitalize; }
		*html #menu ul#gnb li a { height: 90px; }
		#menu ul#gnb li a:active, #menu ul#gnb li a:hover, #menu ul#gnb li a:focus, #menu ul#gnb li a.hover	{
			padding: 25px 20px 0 20px; border-top: 5px solid #78d2dc;
			color: #999; background: url('../kimg/common/menu_ov.png') no-repeat 50% bottom;
			}
	#lang { position: absolute; right: 0; top: 38px; line-height: 100%; }
		#lang a { font-size: 10pt; font-weight: bold; color: #fff; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #2c75be; }
		#lang a:active, #lang a:hover, #lang a:focus { background: #69f; }
	#util { position: absolute; top: 90px; height: 25px; margin: 0; padding: 0; }
	.util_out { left: 30px; }
	.util_over { left: 0; }
		#util dd { float: left; display: inline; margin: 0; padding: 0; }
		#util dd a { display: block; height: 25px; text-indent: -9999em; background-repeat: no-repeat; background-position: 0 8px; }
		a.util_home { width: 41px; background-image: url('../kimg/common/keyHome_out.png'); }
		a.util_email { width: 53px; background-image: url('../kimg/common/keyMail_out.png'); }
		a.util_login { width: 51px; background-image: url('../kimg/common/keyLogin_out.png'); }
		a.util_logout { width: 59px; background-image: url('../kimg/common/keyLogout_out.png'); }
		a.util_admin { width: 46px; background-image: url('../kimg/common/keyAdmin_out.png'); }
		a:active.util_home, a:hover.util_home, a:focus.util_home { background-image: url('../kimg/common/keyHome_ov.png'); }
		a:active.util_email, a:hover.util_email, a:focus.util_email { background-image: url('../kimg/common/keyMail_ov.png'); }
		a:active.util_login, a:hover.util_login, a:focus.util_login { background-image: url('../kimg/common/keyLogin_ov.png'); }
		a:active.util_logout, a:hover.util_logout, a:focus.util_logout { background-image: url('../kimg/common/keyLogout_ov.png'); }
		a:active.util_admin, a:hover.util_admin, a:focus.util_admin { background-image: url('../kimg/common/keyAdmin_ov.png'); }
#allBox { position: relative; width: 980px; margin: 50px auto; font-size: 0.85em; text-align: left; }
#contents { float: left; width: 710px; margin-bottom: 50px; }
#aside { float: right; width: 210px; margin: 30px 0 50px 0; }
	#aside dl { width: 192px; margin: 0 0 0 18px; padding: 0; }
	#aside dl dt { margin: 30px 0 10px 0; padding: 30px 0 5px 70px; font-weight: bold; font-size: 10pt; color: #a85b00; line-height: 100%; }
	#aside dl dt.side_call1 { background: url('../kimg/common/call1_title.png') no-repeat 0 0; }
	#aside dl dt.side_call2 { background: url('../kimg/common/call2_title.png') no-repeat 0 0; }
	#aside dl dd { margin: 0 0 10px 0; vertical-align: top; }
	#aside dl dd img { vertical-align: top; }
	#aside p { margin: 30px 0 0 0; text-align: right; }
#footer { clear: both; position: relative; width: 980px; margin: 25px auto 0 auto; padding-top: 30px; background: url('../kimg/common/bg_foot.png') no-repeat 0 0; }
	#footer h1 { height: 38px; margin: 0; padding: 0; text-align: left; text-indent: -9999em; background: url('../eimg/common/logo_foot.png') no-repeat right top; }
	#footer p { margin-bottom: 20px; font: 8pt Arial; color: #999; text-align: right; }


/******* 공통 꾸밈요소 *******/

.h2_title { height: 59px; margin: 0; padding: 0; text-indent: -9999em; background-repeat: no-repeat; background-position: 0 0; }
	.h2_comp { background-image: url('../eimg/company/title.png'); }
	.h2_prod1 { background-image: url('../eimg/product/1_title.png'); }
	.h2_prod2 { background-image: url('../eimg/product/2_title.png'); }
	.h2_prod3 { background-image: url('../eimg/product/3_title.png'); }
	.h2_custom { background-image: url('../eimg/customer/1_title.png'); }
.h3_title { margin: 50px 0 20px 0; padding: 0; font-weight: bold; font-size: 11pt; color: #834e00; }

.disAlign0		{ margin: 0; text-align: left; }
.disAlign1		{ margin: 10px 0; text-align: left; }
.disAlign2		{ margin: 20px 0; text-align: left; }
.disAlign3		{ margin: 30px 0; text-align: left; }
.disAlignC0	{ margin: 0; text-align: center; }
.disAlignC1	{ margin: 10px 0; text-align: center; }
.disAlignC2	{ margin: 20px 0; text-align: center; }
.disAlignC3	{ margin: 30px 0; text-align: center; }
.disAlignR0	{ margin: 0; text-align: right; }
.disAlignR1	{ margin: 10px 0; text-align: right; }
.disAlignR2	{ margin: 20px 0; text-align: right; }
.disAlignR3	{ margin: 30px 0; text-align: right; }
.disAlignT10	{ margin-top: 10px; }
.disAlignT20	{ margin-top: 20px; }
.disAlignT30	{ margin-top: 30px; }
.disAlignT40	{ margin-top: 40px; }
.disAlignT50	{ margin-top: 50px; }
.disAlignB10	{ margin-bottom: 10px; }
.disAlignB20	{ margin-bottom: 20px; }
.disAlignB30	{ margin-bottom: 30px; }
.disAlignB40	{ margin-bottom: 40px; }
.disAlignB50	{ margin-bottom: 50px; }
.disClear		{ clear: both; }
.hidden			{ display: none; }


/******* 페이지별 꾸밈요소 *******/

#main_vis { position: relative; height: 475px; background: #e6e5e5 url('../kimg/main/bg_vis.png') repeat-y 50% 0; }
	.main_vis_cont { position: relative; width: 980px; height: 475px; margin: auto; z-index: 2; }
		.main_vis_cont ul { list-style: none; margin: 0; padding: 0; }
		.main_vis_cont ul li { float: left; display: inline; vertical-align: top; }
		.main_vis_cont ul li img { vertical-align: top; }
	.main_ebook { position: absolute; left: 765px; top: 395px; z-index: 3; }
	.main_vis_foot { position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background: #999; z-index: 1; }
#mainBox { position: relative; width: 980px; height: 145px; margin: 20px auto; }
.main_call1 { float: left; margin: 0 40px 0 0; padding: 0 0 0 76px; text-align: left; background: url('../kimg/common/call1_title.png') no-repeat 0 0; }
	.main_call1 dt { margin: 15px 0; font-weight: bold; font-size: 10pt; color: #a85b00; line-height: 100%; text-transform: capitalize; }
	.main_call1 dd { margin: 0 0 10px 2px; padding: 0; line-height: 100%; vertical-align: top; }
	.main_call1 dd img { vertical-align: top; }
.main_call2 { float: left; margin: 0; padding: 0 0 0 76px; text-align: left; background: url('../kimg/common/call2_title.png') no-repeat 0 0; }
	.main_call2 dt { margin: 15px 0; font-weight: bold; font-size: 10pt; color: #a85b00; line-height: 100%; text-transform: capitalize; }
	.main_call2 dd { margin: 0 0 10px 2px; padding: 0; line-height: 100%; vertical-align: top; }
	.main_call2 dd img { vertical-align: top; }
.main_bank { display: none; position: absolute; right: 0; top: 68px; margin: 0; padding: 0; }
	.main_bank dd { float: left; display: inline; margin-left: 5px; }
.main_counter { position: absolute; right: 0; top: 68px; width: 215px; height: 25px; background: #369; }
	.main_counter p { margin-top: 5px; font: 8pt Tahoma; color: #fff; text-align: center; }

.comp_tab { height: 36px; background: url('../kimg/company/tab_bg.png') repeat-x 0 100%; }
	.comp_tab dl { float: right; margin: 0 15px 0 0; }
	.comp_tab dl dd { float: left; height: 36px; margin: 0 5px 0 0; padding: 0; text-align: center; }
	.comp_tab dl dd a { display: block; margin-top: 5px; padding: 4px 10px; border: 3px solid #089dad; border-bottom: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 10pt; font-weight: 600; color: #fff; background: #089dad; }
	.comp_tab dl dd a:active, .comp_tab dl dd a:hover, .comp_tab dl dd a:focus, .comp_tab dl dd a.comp_tab_ov { margin-top: 0; padding: 8px 10px; border: 3px solid #089dad; border-bottom: none; font-weight: 600; color: #e22; background: #fff; }
.comp1_txt { margin-top: 30px; padding-left: 340px; background: url('../eimg/company/1_img.gif') no-repeat 0 0; z-index: 10; }
	.comp1_txt p { line-height: 160%; }
	.comp1_txt p strong { font-weight: 600; color: #e22; }
.comp1_txt2 { padding: 15px; border: 1px solid #ccc; line-height: 160%; background-color: #f3f3f3; }

.prod1_ov { margin: 0; padding: 250px 0 0 0; background: url('../kimg/product/1_imgOv.jpg') no-repeat 0 0; }
	.prod1_ov dd { margin: 0 0 7px 280px; padding-left: 15px; line-height: 160%; background: url('../kimg/product/bul_list.gif') no-repeat 0 8px; }
.prod2_ov { margin: 0; padding: 250px 0 0 0; background: url('../kimg/product/2_imgOv.jpg') no-repeat 0 0; }
	.prod2_ov dd { margin: 0 0 7px 280px; padding-left: 15px; line-height: 160%; background: url('../kimg/product/bul_list.gif') no-repeat 0 8px; }
.prod3_ov { margin: 0; padding: 250px 0 0 0; background: url('../kimg/product/3_imgOv.jpg') no-repeat 0 0; }
	.prod3_ov dd { margin: 0 0 7px 280px; padding-left: 15px; line-height: 160%; background: url('../kimg/product/bul_list.gif') no-repeat 0 8px; }
.prod_link { margin-top: 20px; font-weight: 600; font-style: italic; color: #e22; text-align: right; }
	.prod_link a { color: #e22; text-decoration: underline; }
	.prod_link a:active, .prod_link a:hover, .prod_link a:focus { text-decoration: underline; }
.prod_list { margin-top: 20px; }
	.prod_list p { margin-top: 20px; }
