@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend input, textarea, button, select{
  vertical-align: baseline;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
 
* { margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul, li {list-style:none; }
html { width:100%; }
body { width:100%; height:100%; line-height:1; color:#000; font-size:1em; font-family:'나눔고딕', 'Nanum Gothic', 'nanumgothic', 'NanumGothic', sans-serif; overflow-y: visible !important; }
img { vertical-align:middle; border:none; }
a { text-decoration:none; }

input, button { vertical-align:middle; border:none; font-family:'나눔고딕', 'Nanum Gothic', 'nanumgothic', 'NanumGothic', sans-serif; }
textarea { border:none; font-size:14px; }

.datepicker{background-image: url(/intros/md24/img/date.png); background-repeat: no-repeat; background-size: 15px; background-position: right 10px center;}

.e_wrap { max-width:800px; min-width:320px; margin:0 auto; text-align:left; overflow:hidden; background-color:#fff;}

.e_wrap h1 { color:#fff; font-size:30px; text-align:center; font-weight:600; padding:2.5% 3%; }
.e_wrap .red {color:#dd0000; margin-left:-11px;}
.e_wrap .ex { width:100%; padding:1%; margin-top:1%; text-align:right; }
.e_wrap .formArea { width:100%; margin:0 auto; overflow: hidden; background-color:#fff; margin-bottom:2%; }
.e_wrap .formGroup { text-align:center; }
.e_wrap .form_table { width:100%; border-collapse:collapse; font-size:1em; background-color:#fff; border-top:#ccc solid 1px; }

.e_wrap .form_table tbody tr { border-bottom:#ccc solid 1px; }
.e_wrap .form_table tbody th { padding:2% 1% 2% 10%; vertical-align:middle; line-height:100%; width:195px; text-align:left; font-weight:500; }
.e_wrap .form_table tbody td { padding:2% 10% 2% 1%; vertical-align:middle; line-height:100%; width:calc( 100% - 195px ); }

.e_wrap .input_style:focus, .e_wrap .sel_style:focus, .e_wrap .textarea_style:focus { border-color:#303f99; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;}

.e_wrap .input_style { width:100%; padding:5px; height:36px; border:1px solid #ccc; font-size:14px; }
.e_wrap .sel_style { width:100%; padding:5px 2px; height:36px; border:1px solid #ccc; font-size:14px; vertical-align:middle; background-color:#fff; }
.e_wrap .textarea_style { width:100%; padding:5px; height:80px; border:1px solid #ccc; font-size:14px; }
.e_wrap label { margin-right:10px; }
.e_wrap label input[type="radio"] { width:1.8em; height:36px; padding: 5px; margin-right:2px;}

.e_wrap .submit_box { width:100%; float:left; text-align:center; padding-top:1%; letter-spacing:-1px;}
.e_wrap .submit_box .submit_con {font-size:14px; font-weight:400; padding-top:10px;color:#333; }
.e_wrap .submit_box .submit_con a { color:#333; font-weight:600; }
.e_wrap .submit_box button { width:50%; background-color:#ff7109; color:#fff; font-weight:600; font-size:32px; margin-top:10px; cursor:pointer; padding:14px 0; border-radius:5px; letter-spacing:-1px;}
.e_wrap .submit_box button p { font-size:20px; padding-bottom:7px; } 

.div-cover-ui { position:absolute;width:100%;top:0px;left:0px;z-index:10;background-color:rgba(0,0,0,0.1);font-size:14px;}
.div-cover-ui p { position:absolute;top:45%;text-align:center;width:100%;font-size:20px;color:#FFFFFF;background-color:#333;height:50px;line-height:50px;}

@media screen and (max-width:667px)  {
  .e_wrap { min-width:320px; margin:0 auto; text-align:left; overflow:hidden; background-color:#fff;}

  .e_wrap h1 { color:#fff; font-size:26px; text-align:center; font-weight:600; padding:4% 2%;  word-break:keep-all; }
  .e_wrap .ex { width:100%; padding:2%; margin-top:1%; text-align:right; font-size:14px; }
  .e_wrap .formArea { width:100%; margin:0 auto; overflow: hidden; background-color:#fff; margin-bottom:2%; }
  .e_wrap .formGroup { text-align:center; }

  .e_wrap .form_table { width:100%; border-collapse:collapse; font-size:1em; background-color:#fff; border-top:#ccc solid 1px; }

  .e_wrap .form_table tbody tr { border-bottom:#ccc solid 1px; }
  .e_wrap .form_table tbody th { padding:3% 0 3% 5%; vertical-align:middle; line-height:100%; font-size:15px; width:135px; text-align:left; font-weight:500; letter-spacing:-1px;}
  .e_wrap .form_table tbody td { padding:3% 5% 3% 0; vertical-align:middle; line-height:100%; font-size:15px; width:calc( 100% - 135px ); }

  .e_wrap .input_style:focus, .e_wrap .sel_style:focus, .e_wrap .textarea_style:focus { border-color:#303f99; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;}

  .e_wrap .input_style { width:100%; padding:5px; height:36px; border:1px solid #ccc; font-size:14px; }
  .e_wrap .sel_style { width:100%; padding:5px 2px; height:36px; border:1px solid #ccc; font-size:14px; vertical-align:middle; background-color:#fff; }
  .e_wrap .textarea_style { width:100%; padding:5px; height:80px; border:1px solid #ccc; font-size:14px; }
  .e_wrap label { margin-right:10px; }
  .e_wrap label input[type="radio"] { width:1.8em; height:36px; padding: 5px; margin-right:2px;}

  .e_wrap .submit_box { width:100%; float:left; text-align:center; padding-top:1%; letter-spacing:-1px;}
  .e_wrap .submit_box .submit_con {font-size:14px; font-weight:400; padding-top:10px;color:#333; }
  .e_wrap .submit_box .submit_con a { color:#333; font-weight:600; }
  .e_wrap .submit_box button { width:80%; background-color:#ff7109; color:#fff; font-weight:600; font-size:24px; margin-top:10px; cursor:pointer; padding:12px 0; border-radius:5px; letter-spacing:-1px;}
  .e_wrap .submit_box button p { font-size:12px; padding-bottom:7px; } 
}


.div-frm-ui{position: relative; background-color:#fff;width:100%;height:auto; max-width:830px; margin: 0 auto; min-width: 320px; padding-top: 15px;}
.div-frm-ui .h1-tit{height:50px;text-align:center;font-size:18px;line-height:50px;}
.div-frm-ui .h1-tit .a-btn-cls{position:absolute;right:12px;text-decoration:none;color:#363636}

.div-frm-ui .dl-wrn{margin-top:20px;font-size:14px;padding:0px 10px}
.div-frm-ui .dl-wrn dt{font-weight:bold; color:#ff0b0b; }
.div-frm-ui .dl-wrn dd{font-size:13px;padding-left:5px; margin-top: 2px;}

.div-frm-ui .div-frm-ctn{margin:10px; margin-bottom: 10px;}

.div-frm-ui .div-frm-ctn .btn-cp{width:100%;height:50px;border-radius:5px;border:1px solid #363636;letter-spacing:5px;font-weight:bold;margin-top:8px;background-color:#363636;color:#FFFFFF;font-size:16px; cursor: pointer;}
.div-frm-ui .div-frm-ctn .btn-cp:hover{background-color:#cacaca; border: 1px solid #cacaca;}
.div-frm-ui .div-frm-ctn .div-frm-cd{margin-top:8px;}
.div-frm-ui .div-frm-ctn .div-frm-cd .txt-code{width:100%;border:1px solid #c3c3c3;border-radius:5px;resize:none;height:100px;padding:5px;}
.div-frm-ui .div-frm-ctn .div-frm-cd .h3-tit{border:1px solid red;}
.div-frm-ui .div-frm-ctn .div-frm-vw{border-radius:5px;border:1px solid #c3c3c3;padding:8px 1% 40px 1%; position: relative;}
.div-frm-ui .div-frm-ctn .div-frm-vw .div-frm-Tit{position: absolute; margin-top: -95px; left:15px;}

@media(max-width:400px){
  .div-frm-ui .h1-tit{font-size: 16px;}
}