/**********************************************************************************/
/*	애드폼 스킨 스타일시트 입니다												  */					
/*	사이트: http://www.addform.net												  */
/*	for addform-v4.0 Beta														  */
/**********************************************************************************/


/* 문서의 전체 여백 속성 설정 */
html,body{margin:0;padding:0}
/* 문서의 전체 정렬 속성 설정 left,center,right	*/
/* left 정렬시 아래 container div 속성에서 auto 제거 */
body{text-align:center}

/* 레이아웃(아래 div 들에 width,font-family, font-size, color 속성을 설정하지 마세요) */
div#container{margin:0 auto;text-align:center;}
div#header {margin:0;margin-bottom:10px;}	
div#body {margin:0;}
div#footer {margin:0;margin-top:10px;}

td#left {width:170px;}		/* 좌측너비 */
td#form {padding-left:10px;padding-right:10px;}
td#list {padding-left:10px;padding-right:10px;}
td#right {width:130px;}		/* 우측너비 */

h1{font-size:2.4em;}
h2{font-size:1.8em;}
h3{font-size:1.4em;}
h4{font-size:1.1em;}




/* link 스타일 */
A:link
	{
	TEXT-DECORATION: none;
	COLOR: #3260AD;
	}

A:hover
	{
	TEXT-DECORATION: none;
	COLOR : #004A84;
	BORDER: none;
	}

A:visited
	{
	TEXT-DECORATION: none;
	COLOR : #616588;
	BORDER: none;
	}

/* 이미지 스타일  */
IMG {
	BORDER: none;
	}

/* 테이블 스타일  */
TABLE {border-collapse: collapse;}
CAPTION {color: #616588;text-align:left;}


/* 폼객체 스타일 */
INPUT{}
SELECT {}
TEXTAREA{width:100%;}


/* 필드셋 스타일 */
FIELDSET {border:0;	padding:0;padding-top:20px;	position:relative;}
LEGEND {position:absolute;top:-.5em;left:.5em;font-weight:bold;}


/***************************************************************************************/
/*						form.html 에 사용될 스타일 정의								   */
/***************************************************************************************/
div#form_wrapper {}
div#form_cap {text-align:left;}
div#order_head {margin-top:20px;margin-bottom:5px;padding-bottom:0;text-align:left;}
div#form_head {margin-top:20px;margin-bottom:5px;padding-bottom:0;text-align:left;}
div#form_title {margin-top:20px;padding-bottom:0;text-align:left;}
div#order_field {margin-top:20px;}
div#submit {margin:10px;text-align:center;}
div#msg_bottom{text-align:center;color:gray;}
div#bottom_img {text-align:center;}
div#formmail_sum{border:1px solid #c0c0c0;font-size:1.5em;font-weight:bold;margin:10px 0 10px 0;padding:10px;text-align:left;}
div#detail_img {line-height:1.3em;}

td#top_img {text-align:left;}
td#msg_top {text-align:left;}
td#head_title_tail {text-align:right;}

table#order_table {width:100%;}
#order_table TD {border: 0px solid #73afb7;border-bottom:1px solid #cccccc;}
#order_table .title_td  {border-top: 2px solid #000000;border-right: 1px solid #ffffff;	border-bottom: 1px solid #000000;background-color:#000000;color:#ffffff;font-weight:bold;}
#order_table TD.only_lineTop {text-align:right;padding-top:5px;padding-bottom:5px;border-top: 2px solid #495b79;background-color:#DCDCDC;border-bottom:0;}
#order_table TD.only_lineTopBottom {text-align:right;padding-top:5px;padding-bottom:5px;border-top:2px solid #c0c0c0;border-bottom:2px solid #000000;background-color:#DCDCDC;}
#order_table TD.only_lineBtm {width:220px;text-align:left;border-top-style:none;border-right-style:none;border-bottom-style:solid;border-left-style:none;}

table#order_client{width:100%;}
filedset#order_client {border:0;padding:0;padding-top:20px;position:relative;}
#order_client td{border: 1px solid #d6d6d6;padding: 3px 5px 2px 5px;}
#order_client td.item{width:100px;background-color:#e9e9e9;background-repeat:repeat-x;border-left:1px solid #cccccc;}
#order_client td.val{text-align:left;}

INPUT.noborder {border:0px;text-align:right;}
INPUT.subTotal {border:0px;text-align:right;}
INPUT.subTotal2 {border:0px;text-align:right;}
INPUT.subTax {border:0px;text-align:right;}
INPUT.ess{background-color:#FAFAD2;}
#formmail_sum INPUT {font-size:1.2em;color:#ff6600;text-align:left;font-weight:bold;}
TEXTAREA.ess{background-color:#FAFAD2;}
INPUT.essSelect{background-color:#FAFAD2;}
TEXTAREA.essSelect{background-color:#FAFAD2;}
SELECT.essSelect{background-color:#FAFAD2;}


tr.roll_table{background-color:#f5f5f2;}	/*마우스오버시 행간 롤오버 색상 */
td.tdAlignLEFT {text-align: left;}
td.boundary {background-color:#e9e9e9;}

table#formmail_items{width:100%;}
#formmail_items td{border: 1px solid #d6d6d6;padding: 3px 5px 2px 5px;}
#formmail_items td.item{width:150px;background-color:#e9e9e9;background-repeat:repeat-x;text-align:center;border-left:2px solid #cccccc;}
#formmail_items td.val{text-align:left;}

input.btn_big{width:100px;height:35px;font-size:13px;}

.small {color:gray;}
.upload {margin:0;padding:0;}
.upload2 {margin:0;padding:0;display:none;}

/***************************************************************************************/
/*						list.html 에 사용될 스타일 정의								   */
/***************************************************************************************/
div#list_wrapper{text-align:center;}
div#page{margin:20px;}
div#search{text-align:right;}

table#order_list{width:100%;}
#order_list th{border:1px solid #c0c0c0;height:30px;background-image:url(img/th_bg.png);background-repeat:repeat-x;font-weight:normal;color:#616588;}
#order_list td{border-bottom:1px dotted #c0c0c0;text-align:center;line-height:2em;}
td#admin {text-align:right;border:0;}
td.situ{color:#669999;font-weight:bold;}

h3.title_list{text-align:left;border-left:3px solid #336699;padding-left:3px;}

div#write {margin-top:10px;margin-bottom:10px;text-align:right;}
#write .write {background-image:url(img/btn_bg.gif);background-repeat:no-repeat;background-position:center center;font-weight:bold;width:100px;height:30px;text-align:center;padding-top:8px;color:black;}



/***************************************************************************************/
/*						header.html 에 사용될 스타일 정의							   */
/***************************************************************************************/
div.head_wrapper {margin:0;padding:1px;border:0;background-image:url(img/bg_head.jpg);background-position:center top;background-repeat:no-repeat;}
div.site_logo {margin:0;text-align:left;padding-top:10px;padding-bottom:10px;}

div#head_menu {text-align:left;margin:0;padding:2px 0; border:1px solid #b4c6d2;border-bottom:0;background:#b4c6d2 url(img/head_menuBg.gif) repeat-x bottom left;}
#head_menu ul {padding:0; margin:0; list-style:none; white-space:nowrap;}
#head_menu li {display:table-cell; margin:0; padding:0;}
#head_menu li a {float:left;height:3em;color:#000; line-height:3em; letter-spacing:1px; padding:0 1em; text-decoration:none; background:#f2a057 url(img/head_menuBg.gif) repeat-x bottom left; border-right:1px solid #9bb4da; border-left:1px solid #fff;}
#head_menu li a:hover, #site_menu li a.selected {background:#c1d4f0; color:#004a84;}

div#head_bottom {height:25px;text-align:right;margin:0;padding:3px; border:1px solid #c0c0c0;background-color:#f1f1f1;font-size:0.9em;line-height:2em;color:#666666;;border-top:0;}


/***************************************************************************************/
/*						footer.html 에 사용될 스타일 정의							   */
/***************************************************************************************/
div#footer_wrapper {border:1px solid #c0c0c0;background-color:#f4f5f9;}
#footer_wrapper ul {list-style:none;margin:3px;padding:0;}
#footer_wrapper li {padding:5px;color:#666666;}
#footer_wrapper li span{padding:5px;color:#666666;}
#footer_wrapper a {padding:5px;color:#666666;}


/***************************************************************************************/
/*						left.html 에 사용될 스타일 정의								   */
/***************************************************************************************/
div.box_content_wrapper {margin:0;border:1px solid #c0c0c0;margin-bottom:8px;}

div.box_content {margin:0;padding:5px;text-align:left;}
.box_content h4 {margin:5px;padding-bottom:5px;border-bottom:1px solid #c0c0c0;background-color:#f2f6f9;color:#336699;}
.box_content table {width:90%;margin:0;padding:0;}
.box_content td {margin:0;padding:2px;}
.box_content td a {color:#666666;}
.box_content td a:hover{text-decoration:underline;}


div.box_content_3px {background-color:#f9f9f9;margin:0;padding:5px;border:3px solid #ececec;text-align:left;}
.box_content_3px h4 {margin:5px;padding-bottom:15px;border:1px solid #c0c0c0;color:#336699;background-image:url(img/sitecontens.gif);background-repeat:no-repeat;background-position:0 bottom;background-color:#c2cec4;}
.box_content_3px ul {margin:0;padding:0;list-style:none;}
.box_content_3px li {margin:0;padding:5px;border-bottom:1px dotted #e3e3e3;}
.box_content_3px li a {color:#666666;}
.box_content_3px li a:hover{text-decoration:underline;}

div.box_content_company {background-color:#f2f6f9;margin:0;padding:5px;border:3px solid #ececec;text-align:left;}
.box_content_company h4 {margin:5px;padding-bottom:5px;border-bottom:1px solid #c0c0c0;background-color:#f2f6f9;color:#cc9966;background-image:url(img/phone.gif);background-repeat:no-repeat;background-position:right bottom;}
.box_content_company ul {margin:0;padding:0;list-style:none;}
.box_content_company li{margin:0;padding:2px;color:#669999;font-weight:bold;font-size:1.5em;}


/***************************************************************************************/
/*				        right.html 에 사용될 스타일 정의					           */
/***************************************************************************************/
div.box_content_r {margin:0;padding:3px;text-align:left;font-size:11px;}
.box_content_r h4 {margin:5px;padding-bottom:5px;border-bottom:1px solid #c0c0c0;background-color:#f2f6f9;color:#336699;}
#new{background-image:url(img/new.gif);background-repeat:no-repeat;background-position:right bottom;}
#hot{background-image:url(img/hot.gif);background-repeat:no-repeat;background-position:right bottom;color:#ff6600;}
ul.hot {background-color:#f9e7e7;}
.box_content_r ul {margin:0;padding:0;list-style:none;}
.box_content_r li {margin:0;padding:5px;}
.box_content_r li a {font-size:11px;}
.box_content_r li a:hover{text-decoration:underline;}