﻿@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body{font-family: "Nanum Gothic";}


TABLE, BODY, INPUT, SELECT, TEXTAREA
{
	font-size: 14px;
	color: #666666;
	font-style: normal;
	font-family: "Nanum Gothic","verdana";
	line-height: 18px;
	margin: 0;
	word-spacing: 0px;
	border: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;
	background-color:#ffffff;
	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;
	margin:3px 0 0 0;
}

/**** 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: 14px; COLOR: #555555; LINE-HEIGHT: 20px; FONT-FAMILY: "Nanum Gothic", "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 }
INPUT.checkbox { HEIGHT: 15px }
.box {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 14px; BORDER-LEFT: #999999 1px solid; COLOR: #666666; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: "Nanum Gothic"; BACKGROUND-COLOR: #f3f3f3
}

.small {FONT-SIZE: 8pt; FONT-FAMILY: "Nanum Gothic"; LETTER-SPACING: -1px}
.small2 {FONT-SIZE: 8pt; FONT-FAMILY: "Nanum Gothic"; LETTER-SPACING: 2px}
.small3 {FONT-SIZE: 8pt; FONT-FAMILY: "Nanum Gothic","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; */
	height:5px;
}
/**** 제목 텍스트 div ****/
.formtitlediv {
  font-size:14px; color:#666666; line-height:16px; background:#f4fbff; font-weight:bold; padding:5px 0 5px 32px;  margin:25px 0 0 0;
}

/**** 설명 텍스트 div ****/
.formcommentdiv {
  font-size:14px; color:999999; line-height:16px; background:ffffff; font-weight:normal; padding-left:32px; TEXT-ALIGN: left; 
}

/**** 빈칸 div ****/
.formblankdiv {
 height:10px; 
}

/**** 텍스형 div & 입력창 ****/
.mformtextdiv {
   line-height:16px; padding:5px 0 5px 32px; 
}
.mformtext {
    BORDER:#DBDBDB 1px solid; HEIGHT:22px; background:#ffffff;
}

/**** 비밀번호 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:5px 0 5px 32px; 
}
.formzip{
     BORDER:#DBDBDB 1px solid; HEIGHT:22px; background:#F7F7F7;
}
.formaddr {
     BORDER:#DBDBDB 1px solid; HEIGHT:22px; background:#F7F7F7;
}


/**** 첨부파일 div & 입력창 ****/
.formfileinputdiv {
   line-height:16px; padding:0; 
}
.formfileinput {
    BORDER:#DBDBDB 1px solid; HEIGHT:18px; background:#F7F7F7;
}
/**** 콤보박스형 div & 입력창 ****/
.formcomboboxdiv {
   line-height:16px; padding:4px 0 0 0; 
}
.formcombobox {
    BORDER:#DBDBDB  1px solid; HEIGHT:22px; background:#ffffff; margin:0; padding:0 0 0 9px; position:relative; bottom:3px;
} 
/**** 라디오 div & 입력창 ****/
.formradioboxdiv {
   line-height:16px; padding:7px 0 0 0; 
}
.formradiobox {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 14px; BORDER-LEFT: #999999 1px solid; COLOR: #666666; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: "Nanum Gothic"; BACKGROUND-COLOR: #f3f3f3
}

/**** 체크박스 div & 입력창 ****/
.formcheckboxdiv {
   line-height:22px;  padding:5px 0 5px 32px; 
}
.formcheckbox {
	FONT-SIZE: 13px; COLOR: #666666; FONT-FAMILY: "Nanum Gothic"; 
}
/**** 여러줄텍스형 div & 입력창 ****/
.formtextareadiv {
   line-height:22px; padding:5px 0 5px 32px; height:100px;
}
.formtextarea
{
 	border:1px solid #DBDBDB;
	LINE-HEIGHT: 17px;
	background-color:#fff;
	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:100px;
}
/**** 멀티 주문 전체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;  padding:1px 0 0 0; 
}
.formtextdiv {
   line-height:16px;  padding:1px 0 0 0; 
}
.formmultilineskipdiv {
   line-height:16px; width:100%; height:1px; 
   
}
.formaddimgdiv {
 
}

#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{
    padding:2px;
    background-color: #317082;


}
#calendarDiv .activeDay{    /* Active day in the calendar */
    color:#FF0000;
}
#calendarDiv .todaysDate{
    line-height:17px;
    padding:2px;
    background-color: #E2EBED;
    text-align:center;
    position:absolute;
    bottom:0px;
    width:201px;
}
#calendarDiv .todaysDate div{
    float:left;
}
    
#calendarDiv .timeBar{
    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;
}

/** **/
/* 신청폼 */
#mformfield_2 { color:#666; font-size:18px; padding-left:32px; font-weight:600; background:url(http://ansanywca.sendpage.co.kr/USER_DATA/ansanywca/content/editor/img/iconLeaf.png) no-repeat; }
#mformfield_4{ padding-left:32px; margin-bottom:20px; }
#mformfield_6 { color:#33C; }
#mformfield_8{ margin-top:10px; }
#mformfield_18{ margin:0 5px; }
#mformfield_21, #mformfield_26, #mformfield_32{ margin-left:15px; margin-top:5px;}
#mformfield_34{ height:250px; }