@charset "utf-8";
@charset "utf-8";
TABLE, BODY, INPUT, SELECT, TEXTAREA
{
	font-size: 12px;
	color: #666666;
	font-style: normal;
	font-family: "돋움", "돋움체" "verdana";
	line-height: 18px;
	margin: "0";
	word-spacing: 0px;
}

BODY {
	scrollbar-face-color: #F2F2F2;
	scrollbar-shadow-color: #B7B7B7;
	scrollbar-highlight-color: #F2F2F2;
	scrollbar-3dlight-color: #F2F2F2;
	scrollbar-darkshadow-color: #E9E9E9;
	scrollbar-track-color: #E9E9E9;
	scrollbar-arrow-color: #999999;
}

TEXTAREA
{
 	border:1px solid #DBDBDB;
	LINE-HEIGHT: 17px;
	padding:0 5 0 5;
	background-color:#F3F3F3;
	scrollbar-face-color: #f7f7f7;
	scrollbar-shadow-color: #cccccc;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #333333;
	overflow: 1;
}

/**** link ****/

A:link {COLOR: #5B5B5B; TEXT-DECORATION: none}
A:visited {COLOR: #5B5B5B; TEXT-DECORATION: none}
A:active {COLOR: #5B5B5B; TEXT-DECORATION: none}
A:hover {COLOR: #C61565; text-decoration: none;}

TD {
	FONT-SIZE: 12px; COLOR: #555555; LINE-HEIGHT: 20px; FONT-FAMILY: "굴림", "Tahoma", TEXT-DECORATION: none;
}


INPUT.text {BORDER:#DBDBDB 1px solid; HEIGHT:18px; background:#F7F7F7;}
INPUT.text_login {BORDER:#E5E5E5 1px solid; HEIGHT:18px; background:#ffffff;}
INPUT.radio	{ HEIGHT: 15px;border:0px }
INPUT.checkbox { HEIGHT: 15px;border:0px}
.box {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; BORDER-LEFT: #999999 1px solid; COLOR: #666666; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: "돋움"; BACKGROUND-COLOR: #f3f3f3
}

.small {FONT-SIZE: 8pt; FONT-FAMILY: "돋움"; LETTER-SPACING: -1px}
.small2 {FONT-SIZE: 8pt; FONT-FAMILY: "돋움"; LETTER-SPACING: 2px}
.small3 {FONT-SIZE: 8pt; FONT-FAMILY: "돋움","verdana"; LETTER-SPACING: 0px}
.small4 {FONT-SIZE: 7pt; FONT-FAMILY: "verdana"; LETTER-SPACING: 0px}
.height {line-height: 18px;}
.hidden{position:absolute;visibility:hidden}
.num {
	FONT-SIZE: 11px; FONT-FAMILY: verdana
}

/**** 새줄 div ****/
.formlineskipdiv {
	BACKGROUND: url(./img/bgbar.gif) repeat-x 0px; height:7px; 
}
/**** 제목 텍스트 div ****/
.formtitlediv {
  font-size:12px; color:#343434; line-height:16px; background:f2f2f2; padding:10px 10px 0 10px; TEXT-ALIGN: right;  
}

/**** 설명 텍스트 div ****/
.formcommentdiv {
  font-size:12px; color:#343434; line-height:16px; background:#ffffff;font-weight:bold; padding:10px 0 0 10px; TEXT-ALIGN: left; 
}

/**** 빈칸 div ****/
.formblankdiv {
 height:10px; 
}

/**** 텍스형 div & 입력창 ****/
.mformtextdiv {
   line-height:16px;   padding:7px 0 0 0; 
}
.mformtext {
    BORDER:#DBDBDB 1px solid; HEIGHT:18px; background:#F7F7F7;
}

/**** 비밀번호 div & 입력창 ****/
.formpassworddiv {
   line-height:16px;   padding:7px 0 0 0; 
}
.formpassword {
     BORDER:#DBDBDB 1px solid; HEIGHT:18px; background:#F7F7F7;
}

/**** 주소형 div & 주소입력 & 우편번호입력창 ****/
.formaddrdiv {
   line-height:16px;   padding:1px 0 0 0; 
}
.formzip{
     BORDER:#DBDBDB 1px solid; HEIGHT:18px; background:#F7F7F7;
}
.formaddr {
     BORDER:#DBDBDB 1px solid; HEIGHT:18px; background:#F7F7F7;
}


/**** 첨부파일 div & 입력창 ****/
.formfileinputdiv {
   line-height:16px;   padding:7px 0 0 0; 
}
.formfileinput {
    BORDER:#DBDBDB 1px solid; HEIGHT:18px; background:#F7F7F7;
}
/**** 콤보박스형 div & 입력창 ****/
.formcomboboxdiv {
   line-height:16px;   padding:7px 0 0 0; 
}
.formcombobox {
    BORDER:#DBDBDB 1px solid; HEIGHT:18px; background:#F7F7F7;BORDER-RIGHT: #BABABA 1px solid; BORDER-TOP: #BABABA 1px solid; BORDER-LEFT: #BABABA 1px solid; BORDER-BOTTOM: #BABABA 1px solid;
} 
/**** 라디오 div & 입력창 ****/
.formradioboxdiv {
   line-height:16px;   padding:7 0 0 0;
}
.formradiobox {
	 border:0px; PADDING-LEFT: 3px; FONT-SIZE: 12px;  COLOR: #ffffff;  FONT-FAMILY: "돋움"; BACKGROUND-COLOR: #ffffff
}

/**** 체크박스 div & 입력창 ****/
.formcheckboxdiv {
   line-height:16px;   padding:7px 0 0 0; 
}
.formcheckbox {
	PADDING-LEFT: 3px; FONT-SIZE: 12px;COLOR: #ffffff;FONT-FAMILY: "돋움"; BACKGROUND-COLOR: #ffffff
}
/**** 여러줄텍스형 div & 입력창 ****/
.formtextareadiv {
   line-height:16px;   padding:1px 0 0 0;height:190px; 
}
formtextarea
{
 	border:1px solid #DBDBDB;
	LINE-HEIGHT: 17px;
	background-color:#F3F3F3;
	scrollbar-face-color: #f7f7f7;
	scrollbar-shadow-color: #cccccc;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #333333;
	overflow: 1;height:190px;
}
/**** 멀티 주문 전체div, 각항목제목div, textbox div , 줄바꾸기 div, 추가버튼div ****/
.formmultidiv {
   line-height:16px;   padding:1px 0 0 0; 
}
.formmultiitemdiv {
 TEXT-ALIGN: center; font-weight:bold; line-height:16px;  height:10px; padding:1px 0 0 0; 
}
.formtextdiv {
   line-height:16px;  height:10px; padding:1px 0 0 0; 
}
.formmultilineskipdiv {
   line-height:16px; width:100%; height:1; 
   
}
.formaddimgdiv {
   height:10px; 
}

#calendarDiv{
    position:absolute;
    width:205px;
    border:1px solid #317082;
    padding:1px;
    background-color: #FFF;
    font-family:arial;
    font-size:10px;
    padding-bottom:20px;
    visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
    float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
    
    line-height:12px;
    padding:1px;
    cursor:pointer;
    padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{    
    line-height:12px;
    padding:1px;
    cursor:pointer;
    padding-left:2px;
}

#calendarDiv td{
    padding:3px;
    margin:0px;
    font-size:10px;
}



#calendarDiv .selectBox{
    border:1px solid #E2EBED;        
    color: #E2EBED;
    position:relative;
}
#calendarDiv .selectBoxOver{
    border:1px solid #FFF;
    background-color: #317082;
    color: #FFF;
    position:relative;
}
#calendarDiv .selectBoxTime{
    border:1px solid #317082;        
    color: #317082;
    position:relative;
}
#calendarDiv .selectBoxTimeOver{
    border:1px solid #216072;    
    color: #216072;
    position:relative;
}

#calendarDiv .topBar{
    height:16px;
    padding:2px;
    background-color: #317082;


}
#calendarDiv .activeDay{    /* Active day in the calendar */
    color:#FF0000;
}
#calendarDiv .todaysDate{
    height:17px;
    line-height:17px;
    padding:2px;
    background-color: #E2EBED;
    text-align:center;
    position:absolute;
    bottom:0px;
    width:201px;
}
#calendarDiv .todaysDate div{
    float:left;
}
    
#calendarDiv .timeBar{
    height:17px;
    line-height:17px;
    background-color: #E2EBED;
    width:72px;
    color:#FFF;
    position:absolute;
    right:0px;
}

#calendarDiv .timeBar div{
    float:left;
    margin-right:1px;
}


#calendarDiv .monthYearPicker{
    background-color: #E2EBED;
    border:1px solid #AAAAAA;
    position:absolute;
    color: #317082;
    left:0px;
    top:15px;
    z-index:1000;
    display:none;

}
#calendarDiv #monthSelect{
    width:70px;
}
#calendarDiv .monthYearPicker div{
    float:none;
    clear:both;    
    padding:1px;
    margin:1px;    
    cursor:pointer;
}
#calendarDiv .monthYearActive{
    background-color:#317082;
    color: #E2EBED;
}

#calendarDiv td{
    text-align:right;
    cursor:pointer;
}

#calendarDiv .topBar img{
    cursor:pointer;
}
#calendarDiv .topBar div{
    float:left;
    margin-right:1px;
}