@charset "euc-kr";
/*********** Base Style ***********/
* { margin: 0; padding: 0; border: 0;}
body,th,td {
	font-family: "µ¸¿ò";
	font-size: 12px;
	color: #2f2f2f;
}
html{
	background: url(/himg/bg_sub.gif) left top repeat-x;
}
a { color: #2f2f2f; text-decoration: none;}
a:hover { color: #1d5ec1; text-decoration: underline; font-weight: normal;}


input,textarea,select { 
	color: #555555; 
	font-size: 11px; 
	height: 18px; 
	line-height: 14px;
	font-family: "verdana","µ¸¿ò"; 
	vertical-align: middle; 
	border: 1px solid #c7cbe9;
}
.input-radio{
	border: none;
}
.input-write{
	width: 96.5%;
	height: 330px;
	padding: 10px;
}
.input-writeB{
	width: 590px;
	height: 400px;
	padding: 10px;
}
.input-comm{
	width: 620px;
	height: 100px;
}
img { vertical-align: top; border: 0;}
h1 img,h2 img,h3 img { vertical-align: top; }
h1,h2,h3,h4,h5 { font-size: 12px; line-height: 16px;}
ol,ul,li { list-style: none;}
.clear{clear:both;}

table { border-collapse: collapse;}
em { font-style: normal;}

/* ŸÀÌƲ */
#topArea {
	padding: 0px 0px 0px 0px;
}

#topArea .mainNavi{	
	padding: 0px 0px 0px 75px;
}
#topArea .mainNavi ul li{	
	display: inline;
}
/* ÄÁÅÙÃ÷*/
#wrapper {
	width: 1001px;
	background: url(/himg/bg_sub02.gif) 181px top repeat-y;
}
#contents {
	padding: 0px 0px 0px 0px;
}

/** ¼­ºê³ªºñ **/
#contents .subBg{
	background: url(/himg/bg_subNavi01.gif) right top repeat-y;
}
#contents .subNavi{
	float: left;
	width: 172px;
	padding: 0px 0px 0px 20px;
}

/** º»¹®ÄÁÅÙÃ÷ **/
#contents .body{
	float: right;
	width: 808px;
	padding: 20px 0px 0px 0px;
	background: #ffffff url(/himg/bg_cont.gif) left top no-repeat;
}
#contents .body .title{
	clear: both;
	padding: 12px 0px 0px 32px;
}
#contents .body .title h2{
	float: left;
}
#contents .body .location{
	float: right;
	padding: 15px 20px 0px 10px;
	background: url(/himg/dot_home.gif) left 19px no-repeat;
}
#contents .bodyExp{
	width: 750px;
	padding: 62px 20px 100px 30px;
}

/**** °Ô½ÃÆÇ *****/
#contents .boardView table{
	width: 750px;
	padding: 100%;
}
#contents .boardView table td{
	border-bottom: 1px solid #e5e5e5;
}
#contents .boardView .viewExp{
	padding: 10px 0px 10px 0px;
	line-height: 20px;
}
/****** ȸ»ç¼Ò°³ ******/
/*Àλ縻*/
#contents .body .greeting{
	clear: both;
	padding: 30px 0px 100px 30px;
}
#contents .body .company{
	clear: both;
	padding: 10px 0px 100px 30px;
}
#contents .body .company .bodyBox{
	width: 740px;
	padding: 40px 0px 40px 0px;
	border-bottom: 1px solid #cccccc;
}
#contents .body .greeting ul li{
	padding: 0px 0px 20px 0px;
}
#contents .body .company .bodyBox h2{
	padding: 0px 0px 20px 0px;
}
#contents .body .company .bodyBox p,
#contents .body .greeting p{
	width: 490px;
	line-height:25px;
	padding: 0px 0px 0px 5px;
}

/*Á¦Ç°¼Ò°³*/
#contents .body .product{
	clear: both;
	padding: 30px 0px 100px 30px;
}
#contents .body .product h3{
	padding: 0px 0px 20px 0px;
}
#contents .body .product table th{
	width: 210px;
}
#contents .body .product ul li{
	padding: 5px 0px 5px 13px;
	background: url(/himg/product/dot.gif) left 7px no-repeat;
}
#contents .body .product p{
	width: 650px;
	padding: 25px 0px 5px 35px;
	line-height: 20px;
}

/*Á¦Ç°¼Ò°³-ÈƷðúÁ¤*/
#contents .body .prodFunction{
	clear: both;
	padding: 0px 0px 100px 60px;
}
#contents .body .prodFunction h3{
	padding: 0px 0px 20px 0px;
}
#contents .body .prodFunction .box2,
#contents .body .prodFunction .box{
	width: 710px;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid #e5e5e5;
}
#contents .body .prodFunction .box2 table td{
	width: 600px;
	padding: 0px 0px 0px 40px;
}
#contents .body .prodFunction .box2 p,
#contents .body .prodFunction .box p{
	line-height: 20px;
	padding: 3px 0px 6px 0px;
}
/*Æ÷Æ®Æú¸®¿À*/
#contents .body .portfolio{
	clear: both;
	padding: 0px 10px 70px 0px;
}
#contents .body .portfolio img{
	padding: 0px 0px 10px 0px;
}
#contents .portfolio  table {
	border-top: 1px solid #e5e5e5;
}
#contents .portfolio  table td{
	width: 200px;
	padding: 3px 0px 3px 0px;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
}
#contents .portfolio  table td span{
	font-weight: bold;
}
#contents .portfolio  ul li span{
	color: #0d8af3;
	font-weight: bold;
}

/*´ë¸®Á¡Ä¿¹Â´ÏƼ*/
#contents .gounComm{
	width: 808px;
	padding: 12px 32px 100px 32px;
}
#contents .gounComm h2{
	color:#d88311;
	padding: 20px 0px 10px 20px;
	background: url(/himg/dot_comm.gif) left 19px no-repeat;
}

/*»ó¼¼º¸±â*/
#contents .gounComm .boardView table{
	width: 100%;
	border-top: 2px solid #1a7db8;
	border-bottom: 2px solid #1a7db8;
}
#contents .gounComm .boardView table th,
#contents .gounComm .boardView table td{
	padding: 5px 0px 5px 6px;
	border: 1px solid #d3d3d3;
}
#contents .gounComm .boardView table th{
	width: 100px;
	text-align: left;
	font-weight: normal;
	background: #f4f4f4;
}
#contents .gounComm .boardView .listBox table th,
#contents .gounComm .boardView .listBox table td{
	width: 125px;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

/*¸ñ·Ï*/
#contents .gounComm .boardList table{
	width: 100%;
	border-top: 2px solid #1a7db8;
	border-bottom: 2px solid #1a7db8;
}

#contents .gounComm .boardList table th{
	padding: 5px 0px 5px 0px;
	text-align: center;
	background: #f4f4f4;
	border: 1px solid #d3d3d3;
}
#contents .gounComm .boardList table td{
	padding: 5px 0px 5px 0px;
	border: 1px solid #d3d3d3;
}

/*°Ë»ö¿µ¿ª*/
#contents .gounComm .searchForm table{
	width: 100%;
}
#contents .gounComm .searchForm table th{
	width: 100px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	font-weight: normal;
	background: #f4f4f4;
	border: 1px solid #d3d3d3;
}
#contents .gounComm .searchForm table td{
	padding: 5px 0px 5px 5px;
	border: 1px solid #d3d3d3;
}
/* ȸ¿ø°¡ÀÔ */
#contents .body .memberForm table{
	width: 100%;
	border-top: 2px solid #1a7db8;
	border-bottom: 2px solid #1a7db8;
}
#contents .body .memberForm table th{
	width: 100px;
	padding: 5px 0px 5px 5px;
	text-align: left;
	font-weight: normal;
	background: #f4f4f4;
	border: 1px solid #d3d3d3;
}
#contents .body .memberForm table td{
	padding: 5px 0px 5px 5px;
	border: 1px solid #d3d3d3;
}
#contents .body .memberForm span{
	color: #f55904;
	font-weight: bold;
}

/* Æ˾÷â */
.comSearch{
	padding: 10px;
}
.comSearch table{
	width: 386px;
	border-top: 2px solid #1a7db8;
	border-bottom: 2px solid #1a7db8;
}
.comSearch table th{
	width: 100px;
	padding: 3px 0px 3px 10px;
	text-align: left;
	font-weight: normal;
	background: #f4f4f4;
	border: 1px solid #d3d3d3;
}
.comSearch table td{
	padding: 3px 0px 3px 5px;
	border: 1px solid #d3d3d3;
	background: #FFFFFF;
}

/*°í°´»ç°Ë»ö*/
.comSearch .noSearch{
	padding: 30px 0px 30px 5px;
	text-align: center;
	border: 5px solid #d3d3d3;
	background: #FFFFFF;
}
.comSearch .noSearch p{
	line-height: 22px;
	padding: 0px 0px 30px 0px;
}




/*±âŸ °øÅë*/
.btnCenter{
	width: 100%;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
.btnLeft{
	float: left;
	padding: 10px 0px 10px 0px;
}
.btnRight{
	float: right;
	padding: 10px 0px 10px 0px;
}
.leftAlign{
	float: left;
	padding: 1px 0px 1px 0px;
}
.rightAlign{
	float: right;
	padding: 1px 0px 1px 0px;
}

/* Ä«ÇǶóÀÕ*/
#bottomArea {
	clear: both;
	padding: 16px 0px 0px 0px;
	background: url(/himg/copy_line.gif) left top no-repeat;
}