@charset "euc-kr";

@import url(default.css);
@import url(common.css);


html	{height:100%; overflow-y:scroll;}
*html	{overflow:hidden;}
body	{width:100%; height:100%; font:normal 12px ±¼¸²; line-height:18px;}




div.con01								{overflow:hidden;}
div.con01 div.left						{width:210px; float:left; background:url(/common/img/main/left_bg.gif) repeat-y 0 0}
div.con01 div.left div.date01			{width:188px; margin:14px auto 0 auto; overflow:hidden;}
div.con01 div.left div.name				{width:188px; margin:5px auto; overflow:hidden;}

div.con01 div.right						{width:705px; float:right; overflow:hidden;}
div.visual								{width:500px; height:300px;position:relative; float:left}
div.visual_pic							{position:relative}
div.visual_num							{padding:270px 0 0 10px; position:absolute; z-index:50}

div.best								{width:190px; height:300px; float:right;}
div.best div.best_bg					{width:190px; height:258px; background:url(/common/img/main/best_bg.gif) no-repeat 0 0}
div.best div.best_bg p img				{border:1px solid #777676}

div.main_pro							{width:705px; height:232px; margin:15px 0 0 0; clear:both; background:url(/common/img/main/main_pro_bg.gif) no-repeat 0 0}
p.pro_bt								{padding:16px 30px 0 0; text-align:right}
p.pro_bt img							{margin:0 0 0 1px}


div.pro_list							{width:695px; margin:20px auto 0 auto; overflow:hidden;}
.bt_left								{width:23px; padding:50px 0 0 5px; float:left}
.bt_right								{width:23px; padding:50px 3px 0 0; float:right}
div.pro01								{width:635px; float:left; padding:0 0 0 5px; overflow:hidden;}
div.pro01 div.pro02						{width:138px; float:left; margin:2px 10px 0 8px; _margin:2px 8px 0 7px;}
div.pro01 p.pro02_img					{width:130px; height:88px; border:1px solid #c7c8c8}
div.pro01 p.pro02_text					{height:30px; padding:8px 0 0 0; text-align:center; line-height:120%}





div.con02								{width:926px; overflow:hidden; margin:30px auto 0 auto;}
div.con02 div.con02_left				{width:450px; float:left}
div.con02 div.con02_right				{width:450px; float:right}
div.c02_t01								{height:21px; padding:10px 0 0 10px; border-bottom:2px solid #b5bcd7}
p.c02_t0101								{font-size:14px; float:left; color:#333; font-weight:bold;}

div.con02 div.title01					{width:435px; overflow:hidden; margin:12px auto 0 auto;}
div.con02 div.title01 p.img				{width:135px; height:94px; padding:2px 0 0 2px; float:left; background:url(/common/img/main/pic01_bg.gif) no-repeat 0 0}
div.con02 div.title01 div.text			{width:290px; float:right;}
div.con02 div.title01 p.text01			{padding:9px 0 0 15px;}
div.con02 div.title01 p.text02			{padding:3px 0 0 15px;}
div.con02 div.title01 p.text03			{width:260px; height:38px; margin:5px 0 0 0; padding:8px 15px 0 15px; background:#f0f1f1}

div.con02 ul.list						{width:437px; margin:0 auto; padding:15px 0 0 0;}
div.con02 ul.list li					{width:417px; height:20px; padding:6px 0 0 20px;  background:url(/common/img/main/dot01.gif) no-repeat 10px 10px}
div.con02 ul.list li.bg01				{background-color:#f0f1f1}


div.con03								{width:931px; height:195px; overflow:hidden; margin:35px auto 0 auto; background:url(/common/img/main/con03_bg.gif) no-repeat 0 0}
div.con03 div.left						{width:425px; float:left; padding:15px 0 0 13px; overflow:hidden;}
div.con03 div.right						{width:425px; float:left;  padding:15px 0 0 33px; overflow:hidden;}

div.con03 div.con03_title				{float:right; width:290px; padding:9px 0 0 0;}
div.con03 div.con03_title ul.list		{margin:10px 0 0 0;}
div.con03_title ul.list li.list01		{width:220px; float:left;  height:23px;  padding:0 0 0 10px; background:url(/common/img/main/dot02.gif) no-repeat 0 4px}
div.con03_title ul.list li.data			{width:60px; float:right;  height:23px;}

div.board								{width:931px; height:285px; margin:35px auto 0 auto;  background:url(/common/img/main/board_bg.gif) no-repeat 0 0}
div.board div.photo						{width:274px; padding:15px 0 0 0;  float:left;}
div.board div.photo div.photo_list		{width:231px; margin:15px auto 5px auto; overflow:hidden;}
div.photo_list div.left					{width:107px; float:left;}
div.photo_list div.right				{width:107px; float:right;}

div.board div.news						{width:340px; padding:25px 0 0 18px; float:left;}
div.board div.news ul.list				{padding:10px 0 0 0;}
div.board div.news ul.list li			{width:340px; height:18px; padding:5px 0 0 0; overflow:hidden;}
div.board div.news ul.list li.dotline	{ background:url(/common/img/main/dotline01.gif) repeat-x 0 100%}
div.board div.news ul.list li p.left	{padding:0 0 0 10px; float:left; background:url(/common/img/main/dot01.gif) no-repeat 0 5px}
div.board div.news ul.list li p.right	{float:right; color:#354b99}