@charset "utf-8";

/* 

 *

 * 메인 ver. 20130612

 *

 */



/* body style */

body{position:relative;font-family:'Malgun Gothic', '맑은 고딕';}/* position:relative */

body#main{background:#fff;max-width:720px;margin:0 auto;}

img {vertical-align:top;}

b{font-size:1.1em;}



/* radio버튼, 체크박스 크기 */

input[type=radio]{-webkit-transform: scale(1.5,1.5);}

input[type=checkbox]{-webkit-transform: scale(1.5,1.5);}

input[type=number] {-moz-appearance:textfield;appearance:textfield;margin: 0;}

input[type=number]::-webkit-inner-spin-button, 

input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}



/* top */

.top{position:relative;}



/* form_list */

.form_list{width:63%;margin:4% auto;font-size:1.2em;font-weight:bold;color:#3d3d3d;}

.form_list th{text-align:left;}

.form_list td{padding:1.5% 0;}

.form_list select{border:1% solid #ccc;}

.form_list input[type=text]{padding:.4em;vertical-align:middle;font-size:1em;border:1% solid #ccc;}

.form_list input[type=number]{padding:.4em;vertical-align:middle;font-size:1em;border:1% solid #ccc;}

.form_list input[type=radio]{padding:.2em;vertical-align:middle;font-size:1em;margin:0 .3em;}

.hp{vertical-align:middle;padding:.35em;font-size:20px;border:1% solid #ccc;}

.mail{vertical-align:middle;padding:.4em;font-size:20px;border:1% solid #ccc;}



.ipt_email{display:none;padding-top:3%;}



/* box_councel */

.box_councel{position:relative;}

.btn_line{position:absolute;width:100%;text-align:center;top:0;left:0;}

.t41p{top:12.903225%;}

.t42p{top:18.529411%;}

.main_btn{width:91.666666%;}

.sub_btn{width:91.666666%;}



/* terms_box */

.terms_box{position:relative;}

.btn_terms{width:25.277777%;position:absolute;top:0;left:0;}

.t01{top:64.2%;left:68.138888%;width:25.277777%;}





/* sub */



/* p_txt */

.p_txt{line-height:1.5em;padding:0 auto;}



/* agreement */

.agreement{padding:2em 0;border-top:.1em solid #ccc; text-align:left;}

.agreement input[type=radio]{padding:.2em;vertical-align:middle;font-size:1em;margin:0 .3em;}

.agreement p{line-height:1.6em;padding:.6em 8px;}



.blue{color:#1c8cff;}

.under{text-decoration:underline;}

.bold{font-weight:bold;}



.notice {margin:10px 8px;}



/*footer*/

.noti_txt{margin:10px 8px;}

.footer_txt{font-size:.8em;line-height:1.3em;background-color:#f4f4f4;text-align:center;padding:1.2em 0;color:#999;}

.footer_btm{font-size:.8em;text-align:center;padding:.5em 0;}

.footer_btm a{margin:0 1.5em;}





/*퍼미션*/

table {border-collapse:collapse; border-spacing:0;}



#wrap_a {max-width:718px; width:100%; border:1px solid #e2e2e2; overflow:hidden; margin:0 auto; padding-bottom:2em; margin-top:.7em; background-color:#fff;}

#wrap_01 {max-width:718px; width:100%; border:1px solid #e2e2e2; background-color:#f7f7f7; line-height:1.3em;}

#wrap {max-width:718px; width:100%; border:1px solid #e2e2e2; background-color:#f7f7f7; line-height:1.3em;}

#all{margin:.7em;}



#per_top {width:100%; background-color:#efefef; padding:.8em 0;}

.agr_top {margin-left:.9em;}

#per_01, #per_02, #per_03 {width:100%;}

#per_01_s, #per_02_s, #per_03_s {width:90%; margin:0 auto;}



.agr_title_1, .agr_title_2, .agr_top label {font-weight:bold; margin-bottom:.5em; margin-top:1.5em;}

.agr_title_1, .agr_title_2, .agr_title_3 {font-weight:bold; margin:10px 8px;}

.agr_title_1:after{content:"";display:block;clear:both;font-size:0;line-height:0;visibility:none;}

.agr_title_2:after{content:"";display:block;clear:both;font-size:0;line-height:0;visibility:none;}

.agr_title_3:after{content:"";display:block;clear:both;font-size:0;line-height:0;visibility:none;}



.list_t table {width:100%; text-align:center; margin:.5em 0;}

.list_t th {border:1px solid #ccc; background:#efefef; padding:.4em; vertical-align:middle;} 

.list_t td {border:1px solid #ccc; background:#fff; padding:.2em; vertical-align:middle;}



.btn_details {font-size:12px;padding:.2em 0.8em;float:right;background-color:#787878;color:#fff !important;}

.line_btm {border-bottom:1px solid #ccc;margin-bottom:1em;}

.line_top {border-top:1px solid #ccc;margin-top:1em;}

.outliner {border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:2em;margin-bottom:2em;padding-bottom:1em;}



.prm_wrap {overflow:auto;border:1px solid #ccc;}

.prm_wrap.fix_h {display:block;height:100px !important;}







/* 작은 해상도 */

@media only screen and (max-width:320px){

body{font-size:12px;}

.form_list{width:90%;}

.form_list input[type=text]{padding:.4em;vertical-align:middle;font-size:14px;border:1px solid #ccc;}

.form_list input[type=number]{padding:.4em;vertical-align:middle;font-size:14px;border:1px solid #ccc;}

.form_list input[type=radio]{padding:.2em;vertical-align:middle;font-size:12px;}

.hp{vertical-align:middle;padding:.3em;width:25%;font-size:14px;border:1px solid #ccc;}

.mail{vertical-align:middle;padding:.3em;width:38%;font-size:13px;border:1px solid #ccc;}

}

@media only screen and (max-width:480px){

body{font-size:12px;}

.form_list{width:85%;}

.form_list input[type=text]{padding:.4em;vertical-align:middle;font-size:14px;border:1px solid #ccc;}

.form_list input[type=number]{padding:.4em;vertical-align:middle;font-size:14px;border:1px solid #ccc;}

.form_list input[type=radio]{padding:.2em;vertical-align:middle;font-size:12px;}

.hp{vertical-align:middle;padding:.3em;width:22%;font-size:14px;border:1px solid #ccc;}

.mail{vertical-align:middle;padding:.4em 0;width:42%;font-size:13px;border:1px solid #ccc;}

}



/* 기준 해상도 */

@media only screen and (min-width:481px) and (max-width:720px){

body{font-size:14px;}

.form_list{width:63%;}

}