@charset "utf-8";

.form_table {
    margin-left: -20px;
}
TABLE, BODY, INPUT, SELECT, TEXTAREA, label { font-size: 12px; color:#666666; font-style: normal;  font-family: 'Noto Sans KR', sans-serif;  line-height: 32px; padding:0px; word-spacing: 0px; }
fieldset {
    margin: 0;
    padding: 0;
	border: 0;
}
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 {
    width: 845px;
    height: 226px!important;
    border: 1px solid #ccc;
    LINE-HEIGHT: 20px;
    padding: 5px ;
    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;
	border-radius:2px;
	resize:none;
	margin: 3px;
	padding-left:15px;
}
p { padding:0px; }
/**** 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: #FF9000; text-decoration: none; }
TD { FONT-SIZE: 13px; COLOR: #555555; LINE-HEIGHT: 20px; FONT-FAMILY: 'Nanum Gothic', sans-serif; TEXT-DECORATION: none;}
INPUT.text { border:#ccc 1px solid; HEIGHT:18px; background:#fff; }
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: 'Nanum Gothic', sans-serif BACKGROUND-COLOR: #f3f3f3 }
.small { FONT-SIZE: 8pt; FONT-FAMILY: 'Nanum Gothic', sans-serif LETTER-SPACING: -1px }
.small2 { FONT-SIZE: 8pt; FONT-FAMILY: 'Nanum Gothic', sans-serif LETTER-SPACING: 2px }
.small3 { FONT-SIZE: 8pt; FONT-FAMILY: 'Nanum Gothic', sans-serif; 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 { height:7px; }
/**** 제목 텍스트 div ****/
.formtitlediv { font-size:12px; color:#343434; line-height:20px; background:#fbfbfb; padding:10px; TEXT-ALIGN: right; padding-left:0; padding-right:0;}
#mformfield_51{height:172px;}

/**** 설명 텍스트 div ****/
.formcommentdiv { font-size:12px; color:#666666; line-height:16px; background:#ffffff; padding:9px 3px 3px 3px; TEXT-ALIGN: left; }
/**** 빈칸 div ****/
.formblankdiv { height:5px; }
/**** 텍스형 div & 입력창 ****/
.mformtextdiv { line-height:20px; }
.mformtext { BORDER:#DBDBDB 1px solid; HEIGHT:22px; background:#F7F7F7; }
/**** 비밀번호 div & 입력창 ****/
.formpassworddiv { line-height:16px; padding:5px 0px;}
.formpassword { BORDER:#DBDBDB 1px solid; HEIGHT:18px; background:#F7F7F7; }
/**** 주소형 div & 주소입력 & 우편번호입력창 ****/
.formaddrdiv { line-height:16px;  padding:1px 0px 0px 0px; }
.formzip { BORDER:#DBDBDB 1px solid; HEIGHT:18px; background:#F7F7F7; }
.formaddr { BORDER:#DBDBDB 1px solid; HEIGHT:18px; background:#F7F7F7; }
/**** 첨부파일 div & 입력창 ****/
.formfileinputdiv { line-height:16px;  padding:5px 0px;}
.formfileinput { BORDER:#DBDBDB 1px solid; HEIGHT:25px; background:#F7F7F7; }
/**** 콤보박스형 div & 입력창 ****/
.formcomboboxdiv { line-height:16px; padding:5px 0px;}
.formcombobox  {
    BORDER: #ccc 1px solid;
    HEIGHT: 18px;
    background: #fff;
    BORDER-RIGHT: #BABABA 1px solid;
    BORDER-TOP: #BABABA 1px solid;
    BORDER-LEFT: #BABABA 1px solid;
    BORDER-BOTTOM: #BABABA 1px solid;
	font-size: 12px;
    border-radius: 2px;
}

/**** 라디오 div & 입력창 ****/
.formradioboxdiv { line-height:20px; padding-top:11px;}
.formradiobox { border:0px; PADDING:5px 3px 3px; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: 'Nanum Gothic', sans-serif BACKGROUND-COLOR: #ffffff }
/*각각에대한 div*/
.formradioboxinnderdiv /*라인스킵 div*/
.formradioboxskiplinediv 
/**** 체크박스 div & 입력창 ****/
.formcheckboxdiv { line-height:18px;  }
.formcheckbox { PADDING:3px 3px 0px 3px; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: 'Nanum Gothic', sans-serif BACKGROUND-COLOR: #ffffff }
/*각각에대한 div*/
.formcheckboxinnderdiv {margin:5px 0px 0px 0px;}/*라인스킵 div*/
.formcheckboxskiplinediv 


/**** 여러줄텍스형 div & 입력창 ****/
.formtextareadiv { line-height:18px; height:190px; padding:1px 0px 0px 0px; }

.formtextareadiv div{ line-height:18px; height:190px; padding:1px 0px 0px 0px; }
.formtextarea { border:1px solid #ccc; 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;height:190px;}
/**** 멀티 주문 전체div, 각항목제목div, textbox div , 줄바꾸기 div, 추가버튼div ****/
.formmultidiv { line-height:16px;  padding:1px 0px 0px 0px; }
.formmultiitemdiv { TEXT-ALIGN: center; font-weight:bold; line-height:16px; height:10; padding:1px 0px 0px 0px; }
.formtextdiv { line-height:16px; height:10; padding:1px 0px 0px 0px; }
.formmultilineskipdiv { line-height:16px; width:100%; height:1; }
.formaddimgdiv { height:10; }
#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; }


#mformfield_16, #mformfield_15, #mformfield_14, #mformfield_12, #mformfield_19, #mformfield_23{max-width:428px;}

#mformfield_15{
    height: 36px;
    border: 1px solid #ccc;
    line-height: 36px;
    padding: 6px;
	background-color:#fff;
}

#mformfield_23{width:428px;}

#page_content{width:100%}

#mformfield_8{
	width:360px;
}
#mformfield_12{
	width:360px;
}
#mformfield_20{
	width:360px;
}
#mformfield_23{
	width:360px; max-width:360px; max-height:500px;
}
.title{
    width: 90px!important;
    line-height: 50px;
    margin: 3px 0;
}
.contents{height:226px;text-align:center!important;}

/*.title + div{border-bottom:1px solid #ccc; width:320px;}*/

input{
    line-height: 26px;
    border: 1px solid #Ccc;
    border-radius: 2px;
}
input[type=text]{
    height: 36px;
    width: 370px;
    margin: 12px 3px;
    padding: 0 5px;
}
.formcombobox {  height: 37px!important; width: 68px;}
.file{    margin: 4px 0 3px 0;}
input[type=image]{border:none;}
.phone{width:142px!important}
input[type=file]{width:371px; height:24px;}
table tr td .form_table  div.title{
    text-align: right!important;
    font-weight: 600;
    padding-right: 10px;
}

/*문의하기 버튼*/
.submit_button {
    padding: 4px 23px;
    background: #3280c5;
    color: #fff;
    border: 1px solid #2b77bb;
    border-radius: 3px;
	cursor: pointer;
	margin-top:20px;
}
.submit_button:hover {
    background: #276faf;
}


.submit_button2 {
    padding: 8px 40px 13px 40px;
    background: linear-gradient( to right, #ff4a37, #ce0d26 );
    font-size:17px;
    font-weight:bold;
    color: #fff;
    border: none;
    border-radius: 30px;
    cursor: pointer;	

}

/*서비스선택*/
.service_tit {
	width: 90px!important;
    line-height: 50px;
    margin: 10px 0;
	text-align: right!important;
    font-weight: 600;
    padding-right: 10px;
}


.service_selec {
	width:370px; 
	height:36px;
	margin:12px 3px;
	padding:0 5px;
	border-radius:5px; 
	border:1px solid #ccc; 
	line-height:26px;
}


/*개인정보 취급방침 동의*/
.answer_0 { margin-left:103px;}
 
.agree_check { margin:50px 0px 0px 103px;}