@charset "utf-8";
body, table, div, p, select, option, label { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; }

.pc_show { display:block; }
.mb_show { display:none; }

#wrap { width:100%; min-width:1200px; max-width:2000px; margin:0 auto; text-align:center;}
#wrap img { max-width:100%; display:block; margin:0 auto; }

/* form */
.form_apply { width:100%; background-color:#112D52; display:inline-block; box-sizing:border-box; padding:0 20% 20px; margin-top:-3px; border-top:5px solid #fff; }
#form_main { width:100%; margin:0 auto; overflow: hidden; }
.formbox_apply { width:100%; }
.formbox_apply p.prd_title { width:25%; float:left; text-align:left; height:268px;   
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center; }
.formbox_apply p.prd_title img { display:inline-block; max-width:100%; }
.form_info { width:50%; float:left; box-sizing:border-box; display:inline-block; }
#form_style { text-align:left; font-size:18px; font-weight:600; letter-spacing:-1px; position:relative; float:left; box-sizing:border-box; padding:0 20px; line-height:40px; display:inline-block; }
#form_style label { width:30%; float:left; color:#fff; }
#form_style label b { color:red; font-size:15px; padding:0 2px; vertical-align:middle; }

/* 구매형태 */
.info_select { width:100%; }
.info_select input { float:left; height:35px; margin-top:4px; }
.info_select label.btn_radio { font-size:15px; line-height:43px; display:inline-block; float:left; width:15%!important; }

/* 상담시간 */
.info_time { width:100%; margin:0px 0 5px; }
.info_time select { width:70%; height:40px; border:1px solid #ddd; position:relative; box-sizing:border-box; background-color:#fff; display:block; border-radius:2px; padding:3px 4px; }

/* 이름 */
.info_name { width:100%; margin-top:40px;}
.info_name input { width:70%; height:40px; border:1px solid #ddd; position:relative; box-sizing:border-box; background-color:#fff; display:block; border-radius:2px; padding:3px 4px; }

/* 휴대폰번호 */
.info_number { width:100%; margin:5px 0; }
.info_number input { width:70%; height:40px; border:1px solid #ddd; position:relative; box-sizing:border-box; background-color:#fff; display:block; border-radius:2px; padding:3px 4px; }

/* 희망기종 */
.info_prd { width:100%; margin:0px 0 5px;  }
.info_prd input { width:70%; height:40px; border:1px solid #ddd; position:relative; box-sizing:border-box; background-color:#fff; display:block; border-radius:2px; padding:3px 4px; }

/* 거주지역 */
.info_map { width:100%; margin:0px 0 5px;  }
.info_map input { width:70%; height:40px; border:1px solid #ddd; position:relative; box-sizing:border-box; background-color:#fff; display:block; border-radius:2px; padding:3px 4px; }

/* 신청하기버튼 */
.btn_submit { display:inline-block; margin:0; width:25%; height:185px; background-color:#900E0E; margin-top:40px; box-sizing:border-box; }
.btn_submit input { background-color:none; border:none; background-color:#900E0E;  width:100%; text-align:center; color:#fff; line-height:185px; font-size:30px; font-weight:700; letter-spacing:-1px; cursor:pointer; display:inline-block; border:2px solid #fff;}

/* 이용정보동의 */
.info_agree { clear:both; width:100%; position:relative; box-sizing:border-box; padding:0 20px; text-align:right; display:inline-block; margin-top:-30px; }
.info_agree input { width:13px; height:13px; display:inline-block; float:right; height:30px; line-height:30px; margin-right:5px; }
.info_agree label { font-size:12px; display:inline-block; float:right; height:30px; line-height:30px; color:#888; }
.info_agree .toggle_down { font-size:11px; display:inline-block; float:right; height:30px; line-height:30px; cursor:pointer; color:#888; margin-left:20px;}

.privacy { width:100%; margin:5px auto; background-color:#f3f3f3; border:1px solid #ddd; font-size:11px; height:100px; overflow-y:scroll; overflow-x: hidden; text-align:left; box-sizing:border-box; padding:15px 20px; }
.privacy b { font-weight:bold; }


/* form_bottom */
.form_apply.bottom { width:100%; background:url('../img/img_main05.png') no-repeat center; display:inline-block; box-sizing:border-box; padding:30px 20% 20px; }
.form_apply.bottom .formbox_apply { width:800px; margin:0 auto; }
.form_apply.bottom .formbox_apply .prd_ttment { color:#fff; font-size:24px; letter-spacing:-1.5px; margin:30px 0 10px; }

.form_apply.bottom .formbox_apply .form_info {  width:100%; box-sizing:border-box; padding:0 100px;display:block;  margin:0 auto; border:1px solid #fff;  border-right:0; border-left:0; margin-bottom:20px; padding-bottom:30px; }
.form_apply.bottom .formbox_apply #form_style { text-align:left; font-size:18px; font-weight:600; letter-spacing:-1px; position:relative; float:left; box-sizing:border-box; padding:0 30px; line-height:40px; display:inline-block; color:#fff; }
.form_apply.bottom .formbox_apply #form_style label { width:30%; float:left; }
.form_apply.bottom .formbox_apply #form_style label b { color:red; font-size:15px; padding:0 2px; vertical-align:middle; }

/* 신청하기버튼 */
.form_apply.bottom .btn_submit { display:block; margin:0 auto; width:80%; background-color:#fff; clear:both; height:auto; }
.form_apply.bottom .btn_submit input { background-color:none; border:none; background-color:#fff; width:100%; text-align:center; color:#288CE1; font-size:30px; font-weight:700; letter-spacing:-1px; cursor:pointer; height:auto;}

/* 이용정보동의 */
.form_apply.bottom .info_agree { clear:both; margin-top:10px; width:100%; position:relative; box-sizing:border-box; padding:0 20px; text-align:right; display:inline-block; }
.form_apply.bottom .info_agree label { color:#fff; }
.form_apply.bottom .info_agree .toggle_down { color:#fff; }





@media (min-width:230px) and (max-width:780px) {
	
	.pc_show { display:none; }
	.mb_show { display:block; }

#wrap { width:100%; min-width:230px; max-width:720px; margin:0 auto; text-align:center;}
#wrap img { max-width:100%; display:block; margin:0 auto; }

.callicon { width:60px; height:60px; background-color:#112D52; border-radius: 100px; position:fixed; right:2%; bottom:10%; border:2px solid #fff; z-index: 999;}
.callicon a { display:inline-block; width:90%; box-sizing:border-box; padding:8px 10px 10px; }
.callicon a img { vertical-align: middle; }

/* form */
.form_apply { width:100%; background-color:#112D52; display:inline-block; box-sizing:border-box; padding:10px 2% 20px; margin-top:-3px; border:0; }
#form_main { width:100%; margin:0 auto; overflow: hidden; }
.formbox_apply { width:100%; }
.formbox_apply p.prd_title { width:30%; margin:10px auto 20px; float: none; text-align: left; height: auto; }
.formbox_apply p.prd_title img { max-width:100%; }
.form_info { width:100%; display:inline-block; margin:0; padding:0; }
#form_style { text-align:left; font-size:18px; font-weight:600; letter-spacing:-1px; position:relative; box-sizing:border-box; padding:0 20px; line-height:40px; display:inline-block;  float:none; }
#form_style label { width:30%; float:left; color:#fff; font-size:14px;}
#form_style label b { color:red; font-size:15px; padding:0 2px; vertical-align:middle; }
#form_style input { font-size:12px; }

/* 구매형태 */
.info_select { width:100%; }
.info_select input { float:left; height:35px; margin-top:4px; }
.info_select label.btn_radio { font-size:15px; line-height:43px; display:inline-block; float:left; width:15%!important; }

/* 상담시간 */
.info_time { width:100%; margin:0px 0 5px; }
.info_time select { width:70%; height:40px; border:1px solid #ddd; position:relative; box-sizing:border-box; background-color:#fff; display:block; border-radius:2px; padding:3px 4px;  }

/* 이름 */
.info_name { width:100%; margin-top:0; }
.info_name input { width:70%; height:40px; border:1px solid #ddd; position:relative; box-sizing:border-box; background-color:#fff; display:block; border-radius:2px; padding:3px 4px; }

/* 휴대폰번호 */
.info_number { width:100%; margin:5px 0; }
.info_number input { width:70%; height:40px; border:1px solid #ddd; position:relative; box-sizing:border-box; background-color:#fff; display:block; border-radius:2px; padding:3px 4px; }

/* 희망기종 */
.info_prd { width:100%; margin:0px 0 5px;  }
.info_prd input { width:70%; height:40px; border:1px solid #ddd; position:relative; box-sizing:border-box; background-color:#fff; display:block; border-radius:2px; padding:3px 4px; }

/* 희망기종 */
.info_map { width:100%; margin:0px 0 5px;  }
.info_map input { width:70%; height:40px; border:1px solid #ddd; position:relative; box-sizing:border-box; background-color:#fff; display:block; border-radius:2px; padding:3px 4px; }

/* 신청하기버튼 */
.btn_submit { display:inline-block; margin:0; width:100%; box-sizing:border-box; padding:0 0px; margin-top:10px; background-color:transparent; height:100px;}
.btn_submit input { -webkit-appearance: none;
   -webkit-border-radius: 0; background-color:none; border:none; background-color:#288CE1; width:100%; display:inline-block; text-align:center; color:#fff; font-size:24px; font-weight:700; letter-spacing:-2px; cursor:pointer; background-color:#900E0E; padding:20px 0; border:2px solid #fff; line-height:20px;}

/* 이용정보동의 */
.info_agree { clear:both; width:100%; box-sizing:border-box; padding:0 20px; text-align:right; display:inline-block; }

.info_agree input { width:12px; height:12px; display:inline-block; float:left; height:30px; line-height:30px; margin-right:5px; }
.info_agree label { font-size:11px; display:inline-block; float:left; height:30px; line-height:30px; color:#888; }
.info_agree .toggle_down { font-size:10px; display:inline-block; float:right; height:30px; line-height:30px; cursor:pointer; color:#888; margin-left:20px;}

.privacy { width:90%; margin:5px auto; background-color:#f3f3f3; border:1px solid #ddd; font-size:11px; height:100px; overflow-y:scroll; overflow-x: hidden; text-align:left; box-sizing:border-box; padding:15px 20px; }
.privacy b { font-weight:bold; }


/* form_bottom */
.form_apply.bottom { background:url('../img/img_main05.png') no-repeat center; padding:0; padding-top:30px; width:100%; min-width:230px; max-width:780px; }
.form_apply.bottom #form_style { color:#fff; }

/* 신청하기버튼 */
.form_apply.bottom .btn_submit {    -webkit-appearance: none;
   -webkit-border-radius: 0; background-color:#FFF100; border:none;display:inline-block; margin:0; width:100%; box-sizing:border-box; padding:0 20px; margin-top:10px;}
.bottom .btn_submit input { width:100%; text-align:center; background-color:transparent; font-size:30px; font-weight:700; border:0; letter-spacing:-1px; cursor:pointer; color:#288CE1; box-sizing:border-box; padding:20px 0;}


/* 이용정보동의 */
.info_agree { clear:both; width:100%; position:relative; box-sizing:border-box; padding:0 5px; text-align:right; display:inline-block; }
.form_apply.bottom .info_agree label { color:#fff; }
.form_apply.bottom .info_agree .toggle_down { color:#fff; }




/* form_bottom */
.form_apply.bottom { width:100%; background:url('../img/img_main05.png') no-repeat center; display:inline-block; box-sizing:border-box; padding:10px 2% 10px; }
.form_apply.bottom .formbox_apply { width:100%; max-width:800px; margin:0 auto; }
.form_apply.bottom .formbox_apply .prd_ttment { color:#fff; font-size:24px; letter-spacing:-1.5px; margin:30px 0 10px; }

.form_apply.bottom .formbox_apply .form_info {  width:100%; box-sizing:border-box; padding:20px 0px;display:block;  margin:0 auto; border:1px solid #fff;  border-right:0; border-left:0; margin-bottom:20px; padding-bottom:10px; }
.form_apply.bottom .formbox_apply #form_style { text-align:left; font-size:18px; font-weight:600; letter-spacing:-1px; position:relative; float:left; box-sizing:border-box; padding:0 30px; line-height:40px; display:inline-block; color:#fff; }
.form_apply.bottom .formbox_apply #form_style label { width:30%; float:left; }
.form_apply.bottom .formbox_apply #form_style label b { color:red; font-size:15px; padding:0 2px; vertical-align:middle; }

/* 신청하기버튼 */
.form_apply.bottom .btn_submit { display:block; margin:0 auto; width:80%; ; clear:both; height:auto; background-color:#FFF100;}
.form_apply.bottom .btn_submit input { border:none; width:100%; text-align:center; font-size:30px; font-weight:700; letter-spacing:-1px; cursor:pointer; height:auto; background-color:#FFF100;}

/* 이용정보동의 */
.form_apply.bottom .info_agree { clear:both; margin-top:10px; width:100%; position:relative; box-sizing:border-box; padding:0 20px; text-align:right; display:inline-block; }
.form_apply.bottom .info_agree label { color:#fff; }
.form_apply.bottom .info_agree .toggle_down { color:#fff; }
	
}