@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
TABLE, BODY, INPUT, SELECT, TEXTAREA, label { font-size: 12px; color:#666666; font-style: normal;  font-family: 'Noto Sans KR', sans-serif; padding:0px; word-spacing: 0px; }
fieldset { 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: 640px;
    height: 127px!important;
    border: 1px solid #DBDBDB;
    LINE-HEIGHT: 20px;
    padding: 0px 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;
}
p { padding:0px; }
/**** link ****/
input[type=submit] {-webkit-appearance:none;} /*아이폰 버튼css 입히기*/
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: 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 }

.small { FONT-SIZE: 8pt; FONT-FAMILY: "돋움", dotum; LETTER-SPACING: -1px }
.small2 { FONT-SIZE: 8pt; FONT-FAMILY: "돋움", dotum; 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:20px; background:#fbfbfb; padding:10px; TEXT-ALIGN: right; padding-left:0; padding-right:0;}

/**** 설명 텍스트 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;}
.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;}
.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:20px; padding-top:11px;}
.formradiobox { border:0px; PADDING:5px 3px 3px; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: "돋움", dotum; 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: "돋움", dotum; 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:130px; padding:1px 0px 0px 0px; }
.formtextarea { padding:20px;border:1px solid #DBDBDB; LINE-HEIGHT: 17px; background-color:#f9f9f9; 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_14, #mformfield_12, #mformfield_23{max-width:428px;}*/

#page_content{width:100%}

#mformfield_8{
	width:360px;
}

.contents{height:226px;text-align:center!important;}

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

input{line-height:26px; border:1px solid #Ccc;  }

.formcombobox {  height: 36px!important; width: 62px; margin: 3px 5px;}
.file{    margin: 4px 0 3px 0;}
input[type=image]{border:none;}
.form_table div{text-align:left!important}
.phone{width:100px!important}
input[type=file]{width:317px; height:24px;}
table tr td .form_table  div.title{text-align:center!important; font-weight: 600;}
.contents div{text-align:center!important;}


.submit_button {
    padding: 7px 42px;
    background: #7ed0d3;
    color: #fff;
    border: 1px solid #7ed0d3;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
}

/*알포텍*/
.answer.combo{
    width: 100px;
    height: 36px;
	margin-top : 3px;
}

.private {width:770px; font-size:14px; padding:10px;}




#mformfield_59 {font-weight:bold; line-height:20px; padding-bottom:10px;}
#mformfield_64 {font-weight:bold; line-height:20px;}

.bank {font-weight:bold; color:#F00; margin-bottom:30px;}


.comb1 {width:291px; height: 35px; margin-right: 19px; font-size:14px;     border: 1px solid #Ccc; }
.comb2 {width: 291px; height: 35px; margin-right: 19px;  font-size:14px;     border: 1px solid #Ccc; margin-top:16px;}
.email_c { width: 291px!important; margin-top: 16px!important; }
.priv label {font-size:15px;}

.name {width:291px!important; height: 35px!important;  margin: 16px 17px 10px 0px!important;}
.tel {width: 291px!important; height: 35px!important;  margin: 16px 0px!important; }

.formcheckboxinnderdiv { margin-top:38px!important; }


input[type=text]{
	height: 36px;
    width: 430px;
    margin: 3px 5px;
    padding: 0 5px;
}

.title{
    width: 198px;
    border: 1px solid #e0e5ea;
    line-height: 34px;
    margin: 3px 3px 3px 0;
    background: #f5fafb;
}
.title_3{
    width: 198px!important;
    border: 1px solid #e0e5ea;
    line-height: 34px;
    margin: 3px 3px 3px 0;
    background: #f5fafb;
}
#all {
	border:1px solid #eaeaea; 
	border-radius:8px; 
	padding:40px 255px;	
}
.phon { width:142px!important; }
.box { 
	BORDER-RIGHT: #ffffff 1px solid; 
	/*BORDER-TOP: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid; 
	BORDER-BOTTOM: #ffffff 1px solid;*/ 
	border-right: #ddd 1px solid;
	PADDING-LEFT: 3px; 
	FONT-SIZE: 12px;
	COLOR: #666666;
	FONT-FAMILY: "돋움", dotum; 
	BACKGROUND-COLOR: #f9f9f9; 
}
.check { 
	width:430px;
	height:36px;
	margin:3px 5px;
	border:1px silid #ccc;
}
.title_list{ 
	width:450px!important; 
	height:35px; 
	font-size:15px!important; 
	margin-top:20px!important;  
}
.title_list2{ 
	width:584px!important; 
	height:35px; 
	font-size:13px!important; 
	margin-top:20px!important;  
	margin-bottom:2px!important;  
}
.agree_check {
	margin-top:30px;
}
.agree_box { margin-top: 30px; padding: 20px; height: 160px!important;}
#mformfield_54 {margin-top:50px;}

.check option span { color:#ccc; }
.title { width:200px!important; }
.box02 { 
	width: 640px; 
	padding: 12px; 
	border-right: #ddd 1px solid;
    FONT-SIZE: 12px;
    COLOR: #666666;
    FONT-FAMILY: "돋움", dotum;
    BACKGROUND-COLOR: #f9f9f9;
}
.birthday { width:395px!important; } 


@media only screen and (max-width: 500px) {
#page_content { width:100%!important; margin-left:5%!important; }
#all { padding:0px!important; }
#online > iframe { width: 100%!important; }
.title { width:118px!important; }
input[type=text] { width:207px; }
.birthday,.calendar,.dday { width:175px!important; }
TEXTAREA { width:335px; }
.check { width: 207px; }
#all { border:none; }
#page_content { position:fixed!important; }
.submit_button { position:absolute; left:29%; }

#inquireform24 input[type=text] { width:202px!important; }
.title_list2 { width:338px!important; margin-bottom:21px!important; }
.box02 { width: 336px; padding:0; }
.formtitlediv { text-align:center; }
.title_list { width:100%; }

}
@media only screen and (max-width: 400px) {
#page_content { margin-left:0px;     margin-left: 2%!important; }

}