@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#f1f1f1; font-family:Dotum, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#666; }
html { padding:0; margin:0;}

.input { font-size:12px; line-height:15px; color:#333333; background:#FFFFFF; text-decoration:none; height:16px; width:150px; border:1px #dddddd solid; padding-left:5px;}


a { text-decoration:none;}
a:hover { text-decoration:underline;}

img {border:0}

/* main */
.main { padding:0; margin:0 auto; background-color:#fff;}
.main2 { padding:0; margin:0 auto; background-color:#f1f1f1;}


/********** header **********/
.blok_header { margin:0; padding:0; background:#ebebeb url(/images/header_bg.gif) top repeat-x;}
.header { width:960px; margin:0 auto; padding:0;}


/* logo */
.logo { padding:0; margin:0; width:226px; float:left;}


/* menu */	
.menu_resize { width:960px; margin:0 auto; padding:0; background:#1f1f1f;}
.menu { padding:0; margin:0; width:600px; float:left;}
.menu ul { padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:13px 10px; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; border:1px solid #000;}
.menu ul li a:hover { color:#252525; background:#f1f1f1; border:1px solid #d3d3d3;}
.menu ul li a.active { color:#252525; background:#f1f1f1; border:1px solid #d3d3d3;}


/* search */
.search { padding:55px 20px 0 0; margin:0; width:200px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(/images/search_bg.gif) left top no-repeat; width:144px; padding:0 5px 0 0; height:33px;}
.search form .keywords { line-height:14px; height:17px; float:left; background: url(/images/search_bg.gif) left top no-repeat; border:0;  padding:8px 5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#6c6c6c;}
.search form .button { float:left; margin:0; padding:0;}


/*header_text_bg*/
.header_text_bg { margin:0; padding:0; background:#f1f1f1; }


/*header_text*/
.header_text { margin:0 auto; padding:20px 0 57px 0; width:960px; background:url(/images/screen_t.jpg) bottom no-repeat;}
.header_text_blog { height:92px; width:991px; background: url(/images/header_text_blog_bg.gif) top no-repeat; padding:0; margin:0;}
.header_text_blog h3 { width:300px; float:left; margin:0; padding:30px 0 0 40px; font: normal 36px Arial, Helvetica, sans-serif; color:#fffefe;}
.header_text_blog p span { text-align:left; width:340px; float:right; margin:0; padding:30px 0 0 0; font: normal 12px Arial, Helvetica, sans-serif; color:#fffefe;}


/*top_text*/
.top_text { background:#f5f5f5; border:1px solid #ddd; width:958px; margin:0 auto 20px auto; padding:0;}
.top_text p { font: normal 12px Arial, Helvetica, sans-serif; color:#5e5e5e; padding:5px; margin:0; line-height:1.8em;}
.top_text h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#171717; padding:5px; margin:0; border-bottom:1px solid #e2e2e2;}
.top_text a { color:#1f1f1f; font: bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.top_text img { float:left; margin:5px 10px; padding:0;}
.top_text .block { width:300px; float:left; padding:5px; margin:0 0 0 7px;}


/********** body **********/

.body_resize { margin:0; padding:0;  background:#fff; border-top:1px solid #e6e6e6;}
.body { width:960px;  margin:0 auto; padding:10px 30px;}
.body h2 { border-bottom:1px solid #dedede; font: bold 20px Arial, Helvetica, sans-serif; color:#282828; margin:0;  padding:10px 5px;}
.body h2 span {  font: normal 11px Arial, Helvetica, sans-serif; color:#c0c0c0;}
.body h3 { font: bold 12px Arial, Helvetica, sans-serif; color:#454646; border-bottom:1px solid #dedede;  margin:0;  padding:10px 5px;}

.body img.port { float:left; padding:0; margin:5px 1px;}
.body img.port02 { float:left; padding:0; margin:5px 1px;}
.body img.floated { float:right; padding:0; margin:0 5px;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#747474; line-height:1.8em; padding:5px 5px; margin:0;}
.body p span { color:#8e8e8e; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body p span.more {float:right; padding:0 5px 0 0;}
.body a { text-decoration:none; color:#6bb0d8; line-height:1.8em; font: bold 12px Arial, Helvetica, sans-serif;}
.body span a { text-decoration:none; color:#6bb0d8; line-height:1.8em; font: 12px Arial, Helvetica, sans-serif;}
.wrapsmall {width:325px; float:right;}
.body_small { width:340px; float:right; margin:5px 0 5px 0; padding-right:15px; padding:0;}

.body_big { width:560px; float:left; margin:5px 0 5px 5px; padding:0;}
.body_big h2.about_imat{position:relative;}
.body_big h2.about_imat span.btn_download{position:absolute;top:0;right:0;}

.body_big02 { width:220px; float:left; margin:5px 0 5px 5px; padding:0;}
.body .block2 { width:270px; margin:5px; padding:0; float:left;}


/* END_bloga*/
/*************footer**********/
.footer {padding:0 0 20px 0;  margin:0 auto;  border-top:1px solid #ddd; }
.footer_resize { margin:0 auto; padding:10px 0 0 0; width:960px;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#676767;}
.footer a { font: normal 11px Arial, Helvetica, sans-serif; color:#676767; text-decoration:none; padding:5px; margin:0;}
.footer img { margin:0; padding:0; float:left;}
.footer p.leftt { text-align:left; width:350px; margin:0; padding:15px 0 0 0; float:right;} 


/********** contact form **********/
.form { float:left; width:560px; margin-top:40px; margin-left:10px;}


/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#7a7a7a;}


/*#contactform ol { margin:0; padding:0; list-style:none;}*/
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#444444; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:420px; border:1px solid #e7e7e7; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#contactform textarea { width:420px; border:1px solid #e7e7e7; margin:10px 0; padding:2px; background:#f8f8f8; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 420px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}



.td_txt_b  {background:#f1f1f1; height:40px; font:bold 9pt Arial, Helvetica, sans-serif; text-align:center; color:#555555; border-left:1px solid #dedede; border-top:1px solid #dedede; }
.td_txt_n  {padding-left:5px; padding-right:5px; padding-top:7px; padding-bottom:7px; font:normal 11px Arial, Helvetica, sans-serif; text-align:left; color:#555555; border-left:1px solid #dedede; border-top:1px solid #dedede; }
.vod {padding:10px 22px 7px 15px; border-bottom:1px solid #ededed;}

.more A				{text-decoration:none; color:#777777; font-weight:normal;}
.more A:link			{text-decoration:none; color:#777777; font-weight:normal;}
.more A:hover		{text-decoration:none; color:#3694C5; font-weight:normal;}
.more A:active		{text-decoration:none; color:#3694C5; font-weight:normal;}

/********** BBS **********/

.bbs A				{text-decoration:none; color:#777777; font-weight:normal;}
.bbs A:link			{text-decoration:none; color:#777777; font-weight:normal;}
.bbs A:hover		{text-decoration:none; color:#3694C5; font-weight:normal;}
.bbs A:active		{text-decoration:none; color:#3694C5; font-weight:normal;}

.td_bbs_tit			{background: url(/images/bbs_bar.gif) left top no-repeat; height:30px; width:560px;}
.td_bbs_tit2		{background: url(/images/bbs_bar2.gif) left top no-repeat; height:30px; width:560px;}
.td_line_num		{text-align:center; font-family:dotum; font-size:9pt; color: #777777;  border-bottom: 1px #E2E2E2 solid; height:30px; width:50px;}
.td_line_sub		{text-align:left; padding-left:5px; font-family:dotum; font-size:9pt; color: #777777;  border-bottom: 1px #E2E2E2 solid; height:30px; width:430px;}
.td_line_dat		{text-align:center; font-family:dotum; font-size:9pt; color: #777777;  border-bottom: 1px #E2E2E2 solid; height:30px; width:80px;}
.td_line_sub2		{text-align:left; padding-left:5px; font-family:dotum; font-size:9pt; color: #777777;  border-bottom: 1px #E2E2E2 solid; height:30px; width:300px;}
.td_line_dat2		{text-align:center; font-family:dotum; font-size:9pt; color: #777777;  border-bottom: 1px #E2E2E2 solid; height:30px; width:70px;}
.td_line_write		{text-align:center; font-family:dotum; font-size:9pt; color: #777777;  border-bottom: 1px #E2E2E2 solid; height:30px; width:70px;}
.td_line_reply		{text-align:center; font-family:dotum; font-size:9pt; color: #777777;  border-bottom: 1px #E2E2E2 solid; height:30px; width:70px;}

.td_bbs_h			{text-align:left; padding-left:10px; color:#777777; font:bold 9pt Arial, Helvetica, sans-serif; border-top: 2px #E2E2E2 solid; height:30px; width:80px; background:#f1f1f1;}
.td_bbs_c			{text-align:left; padding-left:5px; color:#777777; font:normal 9pt Arial, Helvetica, sans-serif; border-top: 2px #E2E2E2 solid; height:30px; width:480px;}
.td_bbs_h2			{text-align:left; padding-left:10px; color:#777777; font:bold 9pt Arial, Helvetica, sans-serif; border-top: 1px #E2E2E2 solid; height:30px; width:80px; background:#f1f1f1;}
.td_bbs_c2			{text-align:left; padding-left:5px; color:#777777; font:normal 9pt Arial, Helvetica, sans-serif; border-top: 1px #E2E2E2 solid; height:30px; width:480px;}
.td_bbs_h3			{text-align:left; padding-left:10px; color:#777777; font:bold 9pt Arial, Helvetica, sans-serif; border-top: 2px #E2E2E2 solid; height:30px; width:80px; background:#f1f1f1;}
.td_bbs_c3			{text-align:left; padding-left:5px; color:#777777; font:normal 9pt Arial, Helvetica, sans-serif; border-top: 2px #E2E2E2 solid; height:30px;}
.td_bbs_h4			{text-align:left; padding-left:10px; color:#777777; font:bold 9pt Arial, Helvetica, sans-serif; border-top: 1px #E2E2E2 solid; height:30px; width:80px; background:#f1f1f1;}
.td_bbs_c4			{text-align:left; padding-left:5px; color:#777777; font:normal 9pt Arial, Helvetica, sans-serif; border-top: 1px #E2E2E2 solid; height:30px;}

.num    			{text-align:center; font-family:dotum; font-size:11px; color: #777777;}
.num_b    			{font-family:dotum; font-size:9pt; color: #333333; font-weight:bold;}


.abs				{display:inline; vetical-align:middle;}
.abs2				{display:inline; vetical-align:middle; float:right;}
.sub_tt				{background:url(/images/belt.gif) no-repeat 2px 16px; text-align:left; padding-left:19px; padding-top:16px; padding-bottom:5px; color:#555555; font:normal 13px Arial, Helvetica, sans-serif; font-weight:bold; }
.sub_tt_eng			{background:url(/images/belt.gif) no-repeat 2px 18px; text-align:left; padding-left:19px; padding-top:16px; padding-bottom:5px; color:#555555; font:normal 13px Arial, Helvetica, sans-serif; font-weight:bold; }

.imat06				{background:url(/images/imat_06_02_01.gif) no-repeat -5px 125px; height:469px; }
.imat07				{height:469px; }

.login				{font-family:dotum; font-weight: normal; border: #DFDFDF 1px solid; padding-top: 1px; padding-left: 3px; padding-right: 3px; height: 18px; background-color: #ffffff; color:#666666;}

.pop1				{width:250px; height:125px; background: url(/images/pop_01.gif) left top no-repeat;}
.pop2				{width:250px; height:125px; background: url(/images/pop_02.gif) left top no-repeat;}


/* 20100611 */
.imat08				{ height:469px;}

.tabel_top			{background:url(../images/imat08_table_bg.gif) no-repeat 0 0;  height:2px;}

.table_title		{background:url(../images/table_title01.gif) no-repeat 0 0; width:157px; height:27px; padding-left:31px; border-bottom:1px solid #ececec; font-size:13px; font-weight:bold; color:#5e5d5d;}
.table_title02		{background:#f9f9f9; width:157px; height:25px; padding-left:31px; border-bottom:1px solid #ececec; font-size:13px; font-weight:bold; color:#5e5d5d;}
.table_title03		{background:url(../images/table_title01.gif) no-repeat 0 0; width:157px; height:27px; padding-left:31px; font-size:13px; font-weight:bold; color:#5e5d5d;}

.table_input		{border-bottom:1px solid #ececec; padding-left:10px;}
.table_input02		{padding-left:10px; padding-top:0px;}

.text_0001			{font-size:13px; font-weight:bold; color:#5e5d5d;}

.table_title_last		{background:url(../images/table_title01.gif) no-repeat 0 0; width:157px; height:27px; padding-left:31px; border-bottom:1px solid #4296ae; font-size:13px; font-weight:bold; color:#5e5d5d;}
.table_input_last		{border-bottom:1px solid #4296ae; padding-left:10px;}

.text_info				{text-align:left; padding-left:5px; padding-top:25px; padding-bottom:2px; color:#295c90; font:normal 12px Arial, Helvetica, sans-serif; font-weight:bold; }

.btn01  {padding-top:12px; padding-right:3px; text-align:right;}
.btn02	{padding-top:12px; padding-right:1px; text-align:right}


/* 2010-07-09*/
#feature {margin-bottom:20px; margin-top:-10px;}
	#feature h3 {background:url(/images/belt.gif) no-repeat 2px 30px; text-align:left; padding-left:19px; padding-top:30px; padding-bottom:10px; color:#555555; font:normal 13px Arial, Helvetica, sans-serif; font-weight:bold;}
	#feature .subtit1 {padding:20px 0 10px 10px; color:#6bb0d8; font-weight:bold;}
	#feature .submenu {height:61px;}
	#feature .submenu p{list-style:none; float:left; width:62px; border:0; margin:0; padding:0;}
	#feature .submenu02 {height:61px;}
	#feature .submenu02 p{float:left; padding-bottom:5px;}
	#feature .bluebox {background:#ddeff4;margin-top:10px; padding:0;}
	#feature .bluebox p{ text-align:center; padding:10px 0 10px 0;}
	#feature .bluebox p.txt{text-align:right; font-size:11px; padding:5px 10px 5px 0; color:#559bbf; display:block;}
	
	#feature .box {margin-top:10px; padding:0;}
	#feature .box p{ text-align:center; padding:10px 0 10px 0;}
	#feature .box p.txt{text-align:right; font-size:11px; padding:5px 10px 5px 0; color:#559bbf; display:block;}

	#feature .explan {margin-top:20px; line-height:20px; color:#005480;}
	#feature .explan2 {margin-top:20px; line-height:20px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; color:#005480;}
	
	.TBfeature {border-top:2px solid #bbcfda; border-bottom:1px solid #d5d5d5;}
	.TBfeature th{border-bottom:1px dotted #d5d5d5; text-align:left; padding-top:7px;}
	.TBfeature td{border-bottom:1px dotted #d5d5d5; height:50px; line-height:18px;}