@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body { margin: 0; padding: 0; }

body, tr, td {font-size:9pt;font-family:µ¸¿ò;color:#333333;line-height:160%;}
td.contents {font-size:9pt;font-family:µ¸¿ò;color:#333333;line-height:160%;padding-left:15;padding-right:15;padding-top:10;padding-bottom:10;}

A:link {color:#8D619B;text-decoration:none}
A:visited {color:#9E4CB9;text-decoration:none}
A:active {colorc:#333333;text-decoration:none}
A:hover {color:#ff9900;text-decoration:underline}

/*A.copy:link {color:#808080;text-decoration:none}*/
A.copy:link {color:#222222;text-decoration:none}
A.copy:visited {color:#808080;text-decoration:none}
A.copy:active {colorc:#808080;text-decoration:none}
A.copy:hover {color:#ff9900;text-decoration:underline}

BODY
{scrollbar-face-color: #e9e9e9;
scrollbar-shadow-color: #e5e5e5;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #cccccc;
scrollbar-darkshadow-color: #e5e5e5;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #aaaaaa}

img {border: none;}

.input1 {border:solid 1; border-color:cccccc; font-size:9pt;color:#555555;line-height:160%;HEIGHT: 25px}
.textarea {border:solid 1;border-color:#cccccc;font-family:µ¸¿ò;font-size:9pt;color:555555;overflow:auto; background-color:transparent}
caption{ width: 100%; text-align: left; margin: 0 0 0 25px; font-size: 16px; font-weight: 700; color: #88bb5e;}


h3				{ clear: both; text-align: left; margin: 10px 0 0 10px;}
#prod_wrap	{ margin: 0 0 0 20px; padding: 0 0 40px 0; }
#prod_wrap table	{
	width: 90%;
	margin: 10px;
	border-top: 5px solid #ccc;
	border-bottom: 5px solid #ccc;
	border-collapse: collapse;
	}
#prod_wrap table th	{
	border: 1px solid #ccc;
	padding: 5px;
	text-align: center; 
	}
#prod_wrap table td	{
	border: 1px solid #ccc;
	padding: 5px;
	text-align: center; 
	}

#pic	li	{
	float: left;
	margin: 0 65px;
	list-style: none;
	text-align: center;
	}
#pic2	li	{
	float: left;
	margin: 0 8px;
	list-style: none;
	text-align: center;
	}
#pro {
	margin: 10px 0 0 10px;;
	clear: both;
	text-align:left;
	}
#pro li {
	list-style-type : none; background: url('../img/common/mark.gif') no-repeat 0 0;
	padding-left: 13px;
	}

#pro table {
	margin-left:20px;
	}

#pro table td, th {
	text-align:center;
	}
	
th {background:#EDF2DC;}


/*================================================
					MAIN
================================================*/

#main_logo {
	position:absolute;
	left: 60px; top: 10px; width: 135px; height: 65px;
	z-index: 5;
	}
#main_vis {
	position:absolute;
	left: 0; top: 68px; width: 650px; height: 310px;
	z-index: 1;
	}
#main_menu {
	position:absolute;
	left: 245px; top: 20px; width: 685px; height: 185px;
	z-index: 10;
	}
#main_pro {
	position:absolute;
	left: 0; top: 60px; width: 930px; height: 520px;
	z-index: 2;
	}
	
#mainMenuImg	{width:658px;height:220px;margin:0 auto;background:url('../img/main/main_menu.jpg')0 0 no-repeat;}
#mainMenuImg ul {display:block;margin:0 0 0 18px;padding:0;width:658px;list-style:none;}
#mainMenuImg ul li	{float:left;margin:0;padding:0;height:45px;}
#mainMenuImg ul li a	{display:block;height:45px;}
#mainMenuImg p	{display:block;margin:0 0 0 130px;}
#mainMenuImg p a	{display:inline-block;width:142px;height:21px;}

#mainVisImg	{width:861px;height:262px;margin:400px auto 0 auto;padding:0;background:url('../img/main/main_cata.jpg') 45px bottom no-repeat;}
#mainVisImg ul	{width:861px;display:block;margin:0;list-style:none}
#mainVisImg ul li	{float:left;width:90px;margin:0 5px 32px 5px;}
#mainVisImg ul li a	{display:block;height:109px; ;}

#menu1VisImg	{width:749px;height:43px;background:url('../img/com/comp_bg.gif') 0 0 no-repeat}
#menu2VisImg	{width:749px;height:43px;background:url('../img/pro/prod_bg.gif') 0 0 no-repeat}
#menu3VisImg	{height:43px;background:url('../img/pic/pic_bg.gif') 0 0 no-repeat}
#menu4VisImg	{height:43px;background:url('../img/arc/arc_bg.gif') 0 0 no-repeat}
#menu1VisImg ul, #menu2VisImg ul, #menu3VisImg ul, #menu4VisImg ul {display:block;margin:0;padding:0;width:749px;list-style:none;}
#menu1VisImg ul li, #menu2VisImg ul li , #menu3VisImg ul li , #menu4VisImg ul li 	{float:left;margin:0;padding:0;height:38px;}
#menu1VisImg ul li a, #menu2VisImg ul li a , #menu3VisImg ul li a , #menu4VisImg ul li a 	{display:block;height:38px;}

.ban_cata	{ margin: 150px 0 0 350px; cursor: pointer;  }

.prod_stit		{ font-size: 14px; font-weight: 800; color: #435ca4; margin: 0; padding: 0; font-family: 'Nanum Gothic', sans-serif; }
.prod_list		{ display: block; width: 100%; margin: 0 0 0 0; padding: 0;}
.prod_list ul	{ width: 100%; margin: 0; padding: 0 0 0 28px; zoom:1;}
.prod_list ul:after {display:block;clear:both;content:"";}
.prod_list ul li	{ float: left; width: 160px; height: 160px; list-style: none;  margin: 0 10px 0 0; padding: 0; }
.prod_list ul li	 span	{ width: 160px; display: block; font-family: 'Nanum Gothic', sans-serif; color: #435ca4; }
.19_tit 			{ display: block; text-align: center; font-size: 13px; font-weight: 800; color: #435ca4; }
.side_li			{ line-height: 100%; display: block; height: 30px; width: 98%; margin: 0; padding: 0 0 0 5px; background: #fff; color: #777; font-size: 12px; font-weight : 900; font-family: 'Nanum Gothic', sans-serif; text-decoration:none; }
.side_li span		{ color: #eb7464; font-weight: 800; }
.side_li:link		{  color: #777; text-decoration:none}
.side_li:visited {  color: #777; text-decoration:none}
.side_li:active {  color: #777; text-decoration:none}
.side_li:hover {  color: #777;  text-decoration:none}

.side_li2			{ line-height: 130%; display: block; height: 18px; color: #ab8441; margin: 0; padding: 0 0 7px 35px; background: #fff; font-size: 11px; font-weight : 900; font-family: 'Nanum Gothic', sans-serif; text-decoration:none; }	
.side_li2:link		{ color: #ab8441;  text-decoration:none; }
.side_li2:visited {color: #ab8441;  text-decoration:none;}
.side_li2:active { color: #ab8441;  text-decoration:none;}
.side_li2:hover {color: #ab8441;  text-decoration:none;}

#foot {
	width: 100%; height: 80px;
	padding: 15px 0 0 175px;
	border-top: 1px solid #E1E1E1;
	font-size:11px; color: #222222; line-height: 160%;
	/*font-size:8pt; color: #808080; line-height: 160%;*/
	background: #F9F9F9 url('../img/common/copy_logo.gif') no-repeat 40px 20px;
	}

.pro_tx	{ display: inline-block; background-repeat: no-repeat; margin: 0 0 0 15px; background-image: url('../img/common/blank.gif') }
.pro_tx2	{ display: inline-block; background-repeat: no-repeat; margin: 0 0 0 36px; background-image: url('../img/common/blank.gif') }
.pro_mark	{ display: inline-block; background-repeat: no-repeat; margin: 0 0 0 20px; background-image: url('../img/common/mark.gif') }



/* 150819 iminara Ãß°¡ */

.pg_tit { height:40px;padding:0 0 0 15px;font-family:'Nanum Gothic','³ª´®°íµñ',Dotum, sans-serif;font-size:15px;font-weight:600;color:#000; }
	.pg_tit strong { color:#f00; }
	.pg_tit span { display:inline-block;margin-left:5px;font-size:13px;color:#804426; }
.h3_tit { margin:30px 0 10px 15px;padding:0; }
.prod_table { width:700px;border-collapse:collapse;border:1px solid #60615a; }
	.prod_table th, .prod_table td { padding:5px 0;border:1px solid #60615a;font-weight:normal;line-height:120%;text-align:center; }
	.prod_table th { background:#edf2dc; }
	.prod_table td.blank { padding:0;height:5px;background:#ccc; }
.disAlignC2 { margin:20px auto;text-align:center; }

/* 160812 iminara Ãß°¡ */
.prod_list {list-style:none;margin:15px;padding:0;}
	.prod_list li {padding-left:30px;text-align:left;background:url('../img/common/mark.gif') no-repeat 13px 3px;}

