body { width: 100%; height: 100%;margin: 0;padding: 0; background:#ddd; }
* {box-sizing: border-box;-moz-box-sizing: border-box; font-size: 12px;}

/* 개인정보 */
.ap_info {  width: 210mm; margin:0 auto; text-align: left; background:#fff; }
.ap_info div { width:100%; height:60px; background-color:#247acd; color:#fff; font-size: 20px; padding-top:17px; padding-left: 20px; position: relative; letter-spacing: 0; }
.ap_info div img { position: absolute; top:19px; right:20px;display: block; width:90px;  }
.ap_info h2 { width: 100%; height:30px; margin-top:20px; color: #444; font-size: 16px; border-bottom: solid 1px #ced2d7; font-weight: 700; line-height: 18px; text-indent: 20px;}
.ap_info p { width:100%; padding:20px; line-height: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ap_info p > span {display: block; margin-bottom:20px;}
.ap_info p > span > strong, .ap_info p > span > span { display: block;}
.ap_info p span.ap_mar { margin-left: 10px;}
.ap_info > span { display: block; width:100%; height:40px; padding-top:13px; border-top: solid 1px #ced2d7; padding-left: 20px; }

/* 컨텐츠 */
.content { padding: 0; position: relative;}
.content h2 { width:100%; font-size: 14px; font-weight: bold; color:#222; border:1px solid #ddd; border-bottom:0 none; border-top:2px solid #136fbd; padding:5px; position: relative;}
.content h2 > span { display: block; width:150px; text-align: right; position: absolute; top:10px; right:20px; font-weight: normal; color:#666;}
table { width:100%;  }
table input[type="text"] { /*border:0 none;*/}
table input[type="text"], table select { width:100%; height:22px; padding:0; margin:0;  }
table, table td, table th { padding-left:5px; padding-right:5px; border:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
table td { height: 0px;}
table td.ap_adress_box table tr td, table td.ap_adress_box table { border:0 none}
table img, table input[type="submit"] { display: table-cell; text-align: center; margin:0 auto;vertical-align: middle}
table .ap_table_th { width:100%; height:24px;background: whitesmoke; font-weight: bold; font-size: 12px; padding-left: 10px; width:60px;}
table .ap_table_th2 { width:85px;}
table td .small_text { width:40px; margin-right:5px; margin-left:5px;}
table td .small_text2 { width:25px; }
table td .small_text.small_fir{ margin-left:0;}
table td .ap_adress {width:380px;}
textarea { width:100%; background:#fff; border:0 none;  border:1px solid #ddd; font-size: 11px;}
.paper { width: 210mm; min-height: 297mm; padding: 10mm; margin: 20px auto; background:#fff; text-align: left}
.imgplace { width:30mm; position:relative }
.imgplace span { display: block; width:30mm; height:40mm; position: absolute; top:0px; left:50%; margin-left:-15mm;}
.imgplace span img { width:100%; width:30mm; height:40mm; background: #ddd ; border:0 none;}

.filebox {position: absolute; bottom:5px; left:50%; width:63px; margin-left: -31px}
.filebox label { display: inline-block; padding: .3em .75em; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #247acd; cursor: pointer; border-radius: .25em; }

.filebox input[type="file"] {  /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }

.ap_gray_btn{ display: block; padding:2px 7px; background: #247acd; color: #fff; text-align: center; border-radius: 3px; border:0 none; cursor: pointer}
.ap_blue_btn { display: block; padding:5px 20px; background: #247acd; color: #fff; text-align: center; border-radius: 3px; border:0 none; cursor: pointer; margin:0 auto 50px auto; font-size: 18px; -webkit-appearance: none;}
.adress_space { float:left;}

.no_edit { width:100%; position: absolute; bottom:-19px; left:0;}
 
/* 프린트 설정 */
@page { size:A4; margin: 0; }
@media print {
    html, body { width: 210mm; height: 297mm; background: #fff;}
    .ap_info { display: none;}
    .paper { margin: 0;  border: initial; width: initial; min-height: initial; background: initial;page-break-after: always; }
}

/* layer popup */
.layer_bg3 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #222; display: none; z-index: 999; zoom: 1; *z-index: -1; opacity: 0.7; filter: alpha(opacity:'70'); }
.application_pop {position: fixed; top:50%; left: 50%; width:600px; margin-left: -300px; height: 326px; margin-top: -163px; background: #fff; z-index:999; box-shadow: 1px 2px 2px #333; border:1px solid #484848; }
.application_pop > div { position: relative; width: 100%; height:100%;}

.application_pop .appli_head { width:100%; height: 46px; border:1px solid #636363; border-bottom: 0 none; background: url("../../images/newsletter/newsletter_35.jpg"); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
.application_pop .appli_head h2 { width:100%; height: 46px; line-height: 45px; font-size: 14px; color: #d8d8d8; font-weight: bold; letter-spacing: 0; text-align: left; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.application_pop .appli_con { padding: 20px 20px 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-top:1px solid #393939; width: 100%; height:276px; background: #fff; }
.application_pop .appli_con p { margin-bottom:20px; text-align: left;}
.application_pop .appli_con p span { display: block; line-height: 21px; font-size: 13px; letter-spacing:-0.5px;}
.application_pop .appli_con p span .appli_answ_red { display: inline; text-decoration: underline; color:brown; font-weight: bold;}
.application_pop .appli_con p span .appli_answ_blue { display: inline; color:#247acd; letter-spacing: 0; text-decoration: underline; font-weight: bold; }

/*버튼*/
.application_pop .appli_bottom { position: absolute; bottom: 0; left: 0; width:100%; height: 67px; background: #f0f0f0; border:1px solid #dadada; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.application_pop .appli_bottom div { width:233px; height:34px; margin:16px auto 0 auto; text-align: center}
.application_pop .appli_bottom a { display:block; height: 34px; width:114px; float:left; color:#fff; letter-spacing: 0; line-height: 33px; }
.application_pop .appli_bottom a.appli_bottom1 { background: #247acd; margin-right: 5px; }
.application_pop .appli_bottom a.appli_bottom2 { background: #8c8c8c; }

@media screen and (max-width:900px){ 
    .application_pop { width:300px; height:370px; top:50%; left:50%; margin-top:-185px; margin-left:-150px; overflow-y: hidden; }    
}