@charset "utf-8";
@import "../css/menu.css";


/******* 베이스 *******/

body, td, th, form, input, select, textarea, input, div, p, span {
					margin: 0;
					font-size: 10pt; font-family: Arial, Tahoma; color: #000; line-height: 150%;
					}
body				{ background: #f3f3f3 url('../img/common/bg_body.gif') repeat 0 110px; }
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; }

#wrap_header { height: 110px; border-bottom: 1px solid #d9d9d9; background-color: #fff; }
#wrap_body { width: 1040px; margin: 0 auto; padding: 10px 0 30px; background: #f3f3f3; }
#wrap_footer { width: 1040px; margin: 0 auto; background: #f3f3f3; }

#header { position: relative; width: 960px; height: 110px; margin: 0 auto; }
#body { position: relative; width: 960px; margin: 0 40px; text-align: left; }
#foot { clear: both; position: relative; width: 960px; height: 100px; margin: 0 40px; padding-top: 20px; border-top: 1px solid #98b0b3; background: url('../img/common/foot_logo.png') no-repeat 0 24px; }
	#foot p { margin-left: 323px; color: #666; text-align: left; text-transform: uppercase; }
	#foot p a { color: #666; text-transform: lowercase; }
	#foot div.foot_admin { position: absolute; right: 0; top: 10px; }


/******* 공통 꾸밈요소 *******/

.h1_logo { float: left; width: 235px; height: 110px; margin: 0; padding: 0; background: url('../img/common/head_logo.png') no-repeat 0 50%; }
	.h1_logo a { display: block; width: 100%; height: 100%; text-indent: -9999em; }
.h2_title { height: 72px; margin: 0; padding: 0; }
.h3_title { margin: 30px 0 15px 0; padding: 0; font-family: "Times New Roman"; font-size: 15pt; text-transform: capitalize; color: #059696; }

#menu { float: right; width: 700px; }

.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_txt { position: absolute; left: 0; top: 338px; width: 1129px; height: 355px; text-align: left; text-indent: -9999em; z-index: 0; background: url('../img/main/title.png') no-repeat 0 0; z-index: 0; }
#main_vis { position: relative; width: 960px; height: 450px; margin: 0 0 120px 0; overflow: hidden; }
	#main_vis ul { position: absolute; top: 0; list-style: none; margin: 0; padding: 0; height: 450px; text-align: left; }
	#main_vis_list { right: 0; width: 250px; z-index: 2; }
		#main_vis_list li { }
		#main_vis_list li a { display: block; text-transform: capitalize; }
		#main_vis_list li a span { display: block; margin-left: 20px; padding: 7px 0 7px 10px; border-bottom: 1px solid #d9d9d9;}
		#main_vis_list li a:active>span, #main_vis_list li a:hover>span, #main_vis_list li a:focus>span { color: #808080; }
		#main_vis_list li a.current { background: url('../img/main/vis_ov.png') no-repeat 0 47%; }
		#main_vis_list li a.current>span { font-weight: bold; color: #f40; }
	#main_vis_img { left: 0; position: relative; background: url('../img/main/vis_bg.jpg') no-repeat 0 0; }
		#main_vis_img li { position: absolute; width: 720px; height: 450px; }
.main_qk { position: relative; list-style: none; height: 100px; margin: 0; padding: 0; z-index: 20; }
	.main_qk li { float: left; width: 315px; height: 100px; margin-right: 5px; }
	.main_qk li a { display: block; width: 100%; height: 100px; color: #fff; line-height: 120%; font-size: 9pt; background-repeat: no-repeat; background-position: 0 0; }
	.main_qk li a strong { display: block; margin: 0 0 10px 20px; padding: 20px 0 0 0; font-size: 14pt; font-weight: 600; color: #fff; }
	.main_qk li a span { display: block; margin: 0 20px; padding: 0; font-size: 9pt; color: #fff; line-height: 120%; }
	.main_qk1 { background-image: url('../img/main/qk1_out.png'); }
	.main_qk2 { background-image: url('../img/main/qk2_out.png'); }
	.main_qk3 { background-image: url('../img/main/qk3_out.png'); }
	.main_qk li a:active.main_qk1, .main_qk li a:hover.main_qk1, .main_qk li a:focus.main_qk1 { background-image: url('../img/main/qk1_ov.png'); }
	.main_qk li a:active.main_qk2, .main_qk li a:hover.main_qk2, .main_qk li a:focus.main_qk2 { background-image: url('../img/main/qk2_ov.png'); }
	.main_qk li a:active.main_qk3, .main_qk li a:hover.main_qk3, .main_qk li a:focus.main_qk3 { background-image: url('../img/main/qk3_ov.png'); }

.comp_greet_e { float: left; width: 450px; }
	.comp_greet_e p { text-align: justify; }
	.comp_greet_e .comp_title { margin-bottom: 20px; font-weight: bold; font-family: "Times New Roman"; font-size: 15pt; text-transform: capitalize; line-height: 120%; color: #059696; }
.comp_greet_c { float: right; width: 450px; }

.prod_img { padding: 30px 0; text-align: center; background: #fff; }
.prod_table1 { width: 100%; margin-bottom: 10px; border: 2px solid #aaa; background: #fff; }
	.prod_table1 caption { display: none; }
	.prod_table1 th { border: 1px solid #ccc; padding: 7px 5px; text-align: center; background: #fffcf7; }
	.prod_table1 td { border: 1px solid #ccc; padding: 7px 5px; text-align: center; }
	.prod_table1 td ul { margin: 0; padding-left: 20px; text-align: left; }
.prod_txtL { float: left; width: 420px; margin: 40px 0; }
.prod_txtR { float: right; width: 500px; margin: 40px 0; }
	.prod_txtR p { margin-bottom: 20px; }
	.prod_txtR p strong { font-size: 10pt; text-align: justify; }
	.prod_txtR dl { margin: 0; text-align: justify; }
	.prod_txtR dt { margin-top: 15px; font-weight: bold; color: #f30; }
	.prod_txtR dd { margin-left: 20px; }
	.prod_txtR dd ul { margin: 0; padding-left: 15px; }

.bbs_view {  }
.bbs_view_date { font-size: 9pt; color: #808080; }
	.bbs_view_date img { margin-right: 3px; vertical-align: middle; }
.bbs_view_title { margin: 0; padding: 8px 0; border: 1px solid #ddd; font-size: 10pt; text-align: center; }
.bbs_view_option { height: 35px; border-bottom: 1px dashed #ccc; }
	.bbs_view_name { float: left; margin: 8px 0 0 5px; font-size: 9pt; color: #666; }
	.bbs_view_hit { float: right; margin: 8px 5px 0 0; font-size: 9pt; color: #666; }
.bbs_view_file { margin: 10px 0; border: 4px solid #fff; }
	.bbs_view_file ul { list-style: none; margin: 0; padding: 10px; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
	.bbs_view_file ul li { padding: 3px 0; }
	.bbs_view_file ul li a { margin-right: 5px; font-size: 9pt; color: #666; }
	.bbs_view_file ul li a:active, .bbs_view_file ul li a:hover, .bbs_view_file ul li a:focus { text-decoration: underline; }
	.bbs_view_file ul li img { margin-right: 5px; vertical-align: middle; }
	.bbs_view_file ul li span { margin-right: 5px; font-size: 8pt; color: #f80; }
	.bbs_view_file ul li em { font-style: normal; font-size: 8pt; color: #ccc; }
.bbs_view_link { list-style: none; margin: 0; padding: 0; }
	.bbs_view_link li { padding: 4px 0; border-bottom: 1px dashed #e5e5e5; text-align: right; }
	.bbs_view_link li img { margin: 0 5px; vertical-align: middle; }
	.bbs_view_link li a { color: #888; }
	.bbs_view_link li a:active, .bbs_view_link li a:hover, .bbs_view_link li a:focus { text-decoration: underline; }
.bbs_view_memo { padding: 20px; background-color: #fff; }
.bbs_view_img { margin-bottom: 20px; text-align: center; }
.bbs_view_list { margin-top: 10px; }
	.bbs_view_list span { margin-right: 10px; font-weight: bold; color: #808080; }
	.bbs_view_next { padding: 7px 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #e5e5e5; }
	.bbs_view_prev { padding: 7px 10px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #ccc; }