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

/**********************************************************************************/
/* 아래 주석은 폼메일 테이블의 전체적인 색상입니다.	(회색 그레이 계열)			  */
/* 항목 배경색			#e9e9e9													  */
/* 항목 테두리			#cccccc													  */
/* 단락구분 윗 테두리   #bbbbbb													  */
/**********************************************************************************/

/**********************************************************************************/
/* 주문폼 테이블의색상으로, 이파일과,skin_function.php,form.html에서 아래 색상수정*/
/* 테이블헤드 배경색과 테이블 테두리색상	 #656565 							  */
/* 테이블헤드 테두리						 #4a4a4a							  */
/* 고객정보항목 배경색						 #e9e9e9							  */
/* 고객정보항목 테두리						 #cccccc							  */
/**********************************************************************************/


/* 문서의 전체 여백 속성 설정 */
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 {padding-right:10px;}				
td#form {padding:0;}
td#list {padding:0}
td#right {padding-left:10px;}				

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;}

/* 폼분류 선택상자 div, 테이블,선택상자 스타일 */
div.groupANDform{
margin-bottom:20px;border:2px solid #6581a2;background-color:#f3f4f3;text-align:left;
background-image:url(../../imgs/category.gif);
background-repeat:no-repeat;
background-position:20px 5px;	
}
.groupANDform table{width:100%;}
.groupANDform td{width:50%;padding:20px;font-size:15px;font-weight:bold;color:gray;}
.groupANDform select{}


/***************************************************************************************/
/*						form.html 에 사용될 스타일 정의								   */
/***************************************************************************************/
div#form_wrapper {}
div#form_cap {text-align:left;}
div#order_head {margin:0;padding:0;text-align:left;	clear:both;}
div#form_head {margin:0;padding:0;}			
/* 테이블 하단 마무리 테두리 */
div#form_foot {margin:0;padding:0;border-top:3px solid #bbbbbb;}					
/* 폼 제목 div */
div#form_title {text-align:left;border-bottom:3px solid #f0f0f0;margin-top:20px;}   	
/* 폼 제목 h3 */
div#form_title h3{font-size:1.2em;font-weight:bold;border-bottom:1px solid #bfbfbf;padding-bottom:10px;margin:0;color:#333;}
div#order_field {margin-top:20px;}
div#submit {margin:10px 0 10px 0;text-align:center;}
div#msg_bottom{text-align:center;color:gray;}
div#bottom_img {text-align:center;}
div#formmail_sum{margin:10px 0 10px 0;padding:10px 0 10px 0;}
div#detail_img {line-height:1.3em;margin-top:20px;}
div#msg_top {text-align:left;margin:10px 0 10px 0;}

.form_head table{margin:20px 0 0 0 ;;padding:0;}
.form_head td{margin:0;padding:0;height:32px;}
.form_foot table{margin:0;padding:0;}
.form_foot td{margin:0;padding:0;height:8px;}
#formmail_sum table{width:100%;border: 1px solid #cccccc;background-color:#e9e9e9;} 
#formmail_sum td{font-size:1.1em;font-weight:bold;text-align:right;color:#666;padding:10px 10px 10px 0;}
td#top_img {text-align:left;}
td#head_title_tail {text-align:right;}
td#msg_top {text-align:left;}


/*********************** 주문폼일 때 테이블 스타일 *************************************/
/* 타이틀 배경이미지(이미지 경로는 form.html 에서 수정)*/
p#f_title {font-size:16px;font-family:굴림;font-weight:bold;height:40px;padding:12px 0 0 80px;background-repeat:no-repeat;margin:5px 0 5px 0;}
div#order_table_div {border-top:2px solid #4a4a4a;}
table#order_table {width:100%;}
#order_table TD {border: 0px solid #656565;border-bottom:1px solid #656565;}
#order_table .title_td  {border-top: 2px solid #656565;border-right: 1px solid #ffffff;	border-bottom: 1px solid #656565;background-color:#656565;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 #656565;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 #cccccc;padding: 3px 5px 2px 5px;}
#order_client td.title_td{width:50%;background-color:#656565;text-align:center;border:1px solid #4a4a4a;}
#order_client .title_td strong{color:#fff;}
#order_client td.item{background-color:#e9e9e9;background-repeat:repeat-x;text-align:left;border-left:1px solid #cccccc;font-size:11px;font-weight:bold;color:#333;}
#order_client td.val{text-align:left;}
#order_client .af_divi{margin:0;padding:20px 0 5px 0;border:0;border-bottom:3px solid #bbbbbb;text-align:left;}
/* 제품이름 스타일 */
.order_item{font-weight:bold;color:#333;}
/* 제품설명 스타일 */
.order_item_tip{color:#666;}
/* 제품옵션 div 와 부속 태그 스타일(사용자입력형일 경우) */
.order_item_opt_text{margin-top:5px;padding-top:2px;border-top:1px dotted #cccccc;font-family:굴림,Times New Roman;font-size:12px;background-color:#e8e8e8;}
.order_item_opt_text span{color:gray;font-size:11px;}
.order_item_opt_text input{font-family:굴림,Times New Roman;font-size:11px;}
/* 제품옵션 div 와 부속태그  스타일(펼침목록일 경우) */
.order_item_opt_selectBox{margin-top:5px;padding-top:2px;border-top:1px dotted #cccccc;font-family:굴림,Times New Roman;font-size:11px;background-color:#e8e8e8;}
.order_item_opt_selectBox span{color:gray;font-size:11px;}
/* 주문폼 고객주소입력 테이블	   */
#order_client .c_address {width:100%;}
#order_client .c_address td{border:0;padding-left:0;}
#order_client .c_address input{}



/*********************** 폼메일일 때 테이블 스타일 *************************************/
table.formmail_items{width:100%;}
.formmail_items td{border: 1px solid #d6d6d6;border-top:0;padding: 3px 5px 2px 5px;}	
/*단락구분에 사용되는 td의 스타일 */ 
.formmail_items .af_divi{margin:0;padding:20px 0 5px 0;border:0;border-bottom:3px solid #bbbbbb;text-align:left;}
/* 폼메일 항목 td 스타일 */
.formmail_items td.item{width:100px;background-color:#e9e9e9;background-repeat:repeat-x;text-align:left;border-left:1px solid #cccccc;font-size:11px;font-weight:bold;color:#333;}
/* 폼메일 항목 오른쪽 입력필드 td 스타일 */ 
.formmail_items td.val{text-align:left;background-color:white;}
/* 폼메일 항목 간단설명 스타일 */
.formmail_items .item_tip{color:#999;font-size:11px;line-height:1.2em;margin:0;padding:0;}
/* 폼메일 고객주소입력 테이블	   */
.formmail_items .c_address {}
.formmail_items .c_address td{border:0;padding-left:0;}
.formmail_items .c_address input{}


td.tdAlignLEFT {text-align: left;}
td.boundary {background-color:#e9e9e9;}

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:blue;text-align:right;font-weight:bold;border-bottom:1px solid #666;}
TEXTAREA.ess{background-color:#FAFAD2;}
INPUT.essSelect{background-color:#FAFAD2;}
TEXTAREA.essSelect{background-color:#FAFAD2;}
SELECT.essSelect{background-color:#FAFAD2;}

/*전송 버튼 크기와 폰트스타일*/
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;}

#submit table{width:100%;}
#submit ul{margin:10px;padding:0;list-style:none;}
#submit li{margin:0;padding:0;color:#595959;}
#submit span{color:#595959;}

/***************************************************************************************/
/*						list.html 에 사용될 스타일 정의								   */
/***************************************************************************************/
h3.title_list{text-align:left;border-left:3px solid #336699;padding-left:3px;}
div#list_wrapper{text-align:center;}

table#order_list{width:100%;}
#order_list th{border:1px solid #b2c0d0;border-top:2px solid #6581a2;height:30px;background-color:#dbe1e9;font-weight:bold;color:#4a607a;}
#order_list td{border:1px solid #b2c0d0;text-align:center;line-height:2em;color:#333;}
td#admin_left {text-align:left;border:0;}
td#admin {text-align:right;border:0;}
#order_list td.situ{color:black;width:100px;}

div#write {margin-top:10px;margin-bottom:10px;text-align:right;}
div#page{margin:20px;}
div#search{border:2px solid #b2c9d0;text-align:center;padding:10px;}
div#search td{text-align:center;line-height:15px;}
div#search td.tip{color:gray;font-size:11px;}
div#search form{margin:0;padding:0;}


/***************************************************************************************/
/*			아래부터는, 상하좌우 레이아웃을 사용시 각 페이지의 스타일입니다.		   */
/*			폼만 띄우는 레이아웃8번 사용시엔 아래 스타일들은 수정할 필요가 없습니다.   */
/***************************************************************************************/

/***************************************************************************************/
/*						header.html 에 사용될 스타일 정의							   */
/***************************************************************************************/
div.head_wrapper {margin:0;padding:1px;border:0;}
div.site_logo {margin:0;margin-bottom:1;text-align:left;}

div#head_menu {text-align:left;margin:0;padding:2px 0; border:1px solid #b4c6d2;border-bottom:1px solid #b4c6d2;background: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;color:#666666;}
#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;border:3px solid #ececec;}
.box_content h4 {margin:5px;padding-bottom:5px;border-bottom:1px solid #c0c0c0;background-color:#f2f6f9;color:#336699;}
.box_content table {width:88%;margin:0;padding:0;}
.box_content td {margin:0;padding:5px;}
.box_content td a {color:#666666;}
.box_content td a:hover{text-decoration:underline;}

div.box_content_3px {margin:0;padding:5px;border:3px solid #ececec;text-align:left;background-color:#f9f9f9;}
.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_left {margin:0;padding:5px;text-align:left;border:3px solid #ececec;}
.box_content_left 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;}
h4.hot_h4{background-image:url(img/hot.gif);background-repeat:no-repeat;background-position:right bottom;color:#ff6600;}
.box_content_left table {width:88%;margin:0;padding:0;}
.box_content_left td {margin:0;padding:5px;}
.box_content_left td a {color:#666666;}
.box_content_left td a:hover{text-decoration:underline;}


div.box_content_company {margin:0;padding:5px;border:3px solid #ececec;text-align:left;background-color:#f2f6f9;}
.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;padding-left:5px;color:#669999;font-weight:bold;font-size:1.5em;}

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



/***************************************************************************************/
/*				        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;}
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;}