@charset "utf-8";
fieldset{border: 0px;}
TABLE, BODY, INPUT, SELECT, TEXTAREA
{
	font-size: 12px;
	color: #fff;
	font-style: normal;

	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
{ 
	font-family:'Noto Sans KR',sans-serif!important;
	border: 1px solid #cbcbcb;
    background: #fff;
	color:#fff;
    width: 427px;
	height:64px!important;
    padding: 10px;
    box-sizing: border-box;
	LINE-HEIGHT: 17px;
	margin-top:8px;
}

/**** 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; TEXT-DECORATION: none;
}


INPUT.text {    
	border: 1px solid #cbcbcb;
    background: #f9f9f9;
    border-radius: 5px;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    }
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: 12px; BORDER-LEFT: #999999 1px solid; COLOR: #666666; BORDER-BOTTOM: #ffffff 1px solid;  BACKGROUND-COLOR: #f3f3f3
}

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

/**** 새줄 div ****/
.formlineskipdiv {
height:3px;
}
/**** 제목 텍스트 div ****/
.formtitlediv {
  font-size:12px; color:rgb(0,0,0); line-height:16px; background:rgb(225,255,249); font-weight:bold; padding:10px 0 0 10px; TEXT-ALIGN: left;
}

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

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

/**** 텍스형 div & 입력창 ****/
.mformtextdiv {
 width:50%;  line-height:16px; padding:7px 0 0 0;
   
}
#mformfield_2{width:230px;}
.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:7px 0 0 0;
}
.formradiobox {
	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;  BACKGROUND-COLOR: #f3f3f3
}

/**** 체크박스 div & 입력창 ****/
.formcheckboxdiv {
   line-height:16px;  padding:7px 0 0 0;
}
.formcheckbox {
	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;  BACKGROUND-COLOR: #f3f3f3
}
/**** 여러줄텍스형 div & 입력창 ****/
.formtextareadiv {
   line-height:16px; padding:7px 0 0 0; width:98%;height:100px;
}
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: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;
}
input.text{width: 480px;}
#mformfield_13{width:613px!important; height: 99px!important; color:#fff;border:1px solid #fff; background:none;}


.answer {width:98%;height: 41px;padding-left:10px;background: none;border: 1px solid #fff;border-radius: 6px;}
input::-webkit-input-placeholder  {font-family:'Noto Sans KR',sans-serif!important; color:#fff!important;}
input:-ms-input-placeholder {font-family:'Noto Sans KR',sans-serif!important; color:#fff!important;}
textarea::-webkit-input-placeholder {font-family:'Noto Sans KR',sans-serif!important; color:#fff!important;}
textarea:-ms-input-placeholder {font-family:'Noto Sans KR',sans-serif!important; color:#fff!important;}
label {font-family:'Noto Sans KR',sans-serif!important; font-weight:600; }


.form_wrap {width:731px; height:255px; position:relative; box-sizing:border-box;}
.form_wrap .send_btn {position:absolute; bottom:30px; right:8px;}
.title_wrap {width:100%; height:44px; font-family:'Noto Sans KR',sans-serif!important;}
.title_wrap .title {font-size:20px;font-weight:600;color:#3e3e3e;letter-spacing: -0.8px; display:inline-block; margin-bottom:3px;}
.title_wrap span {display:inline-block; color:#666;}

input::placeholder {color:#fff;}
textarea::placeholder {color:#fff;}