@charset "UTF-8"; 


/* mobile_wrap */
section.mobile_wrap { margin:0 auto; width:100%; max-width:500px; }

/* container */
section.mobile_wrap .container     { padding:0px 15px; }
section.mobile_wrap .sub_container { padding:20px; min-height:300px }
@media (max-width:512px){
	section.mobile_wrap .sub_container { margin-bottom:60px; }
}

/* title */
section.mobile_wrap .title      { text-align:center; font-size:25px; padding-top:10px; font-weight:bold; margin:0px; }
section.mobile_wrap .sub_title  { text-align:left;   font-size:20px; padding-top:10px; font-weight:bold; margin:0px; padding-botom:10px }

/* bottom */
section.mobile_wrap .bottom     { width:100%; }
section.mobile_wrap .bottom button { border-radius:5px; }
section.mobile_wrap .bottom.fix { position:fixed; width:100%; max-width:500px; min-width:320px; padding:15px; padding-top:0px; bottom:0px; background-color:#fff; }
@media (max-width:512px){
	section.mobile_wrap .bottom { position:fixed; width:100%; max-width:500px; min-width:320px; padding:15px; padding-top:0px; bottom:0px; background-color:#fff; }
}


/*********************************************************************/

/* steparea */
.steparea    { position:relative; padding:0 16px; margin-top:10px; }
.steparea ul    { display:table; table-layout:fixed; width:100%; height:80px; }
.steparea ul li { position:relative; display:table-cell; vertical-align:middle; text-align: left; }
.steparea ul li:after { content:""; display:block; position:absolute; top:24px; left:0; right:0; display:block; height:2px; background-color:#ddd; }
.steparea ul li:last-child { width:23px; }
.steparea ul li .step_point{ position:relative; width:23px; height:52px; text-align:center; }
.steparea ul li .num       { position:relative; z-index:1; display:inline-block; width:23px; height:23px; color:#ddd; font-size:15px; text-align:center; border-radius:23px; box-sizing:border-box; border:2px solid #ddd; background-color:#fff; }
.steparea ul li .txt       { _display:none; position:absolute; width:60px; left:-18px; margin-top:8px; color:#ddd; }
.steparea ul li.on .num    { color:#000; border:0; line-height:23px; background-color:#ffdc00; }
.steparea ul li.on .txt    { color:#000; }
.steparea ul li.on:after   { background-color:#ffdc00; }


/* word_form */
div.word_form   { font-size:24px; color:#888; font-weight:300; padding-top:20px; text-align:center }
div.word_form select { padding:0px 10px; border:0px; border-bottom:1px solid #888; font-size:24px; color:#E66015; font-weight:300; cursor:pointer }

/* row_input */
ul.row_input { margin:0px auto; width:100%; }
ul.row_input li.row { display:block; padding:3px 10px }
ul.row_input li.row input { height:40px; width:100%; padding-left:10px; border:1px solid #888; border-radius:3px }
ul.row_input li.row input:read-only { background-color:#efefef }
ul.row_input li.row input:disabled  { background-color:#999 }
ul.row_input li.row select { height:40px; width:100%; border:1px solid #888; border-radius:3px }

/* item_checker */
div.item_checker { margin-top:5px  }
div.item_checker label { display:inline-block; padding:0px 4px; border:1px solid #888; color:#888; border-radius:5px; cursor:pointer; margin-bottom:5px; margin-right:2px; }
div.item_checker label:hover { border:1px solid #555; color:#555 }
div.item_checker label.on { border:1px solid #E66015; color:#E66015; }
div.item_checker label input { display:none; }

label.agree_check {  }
label.agree_check b { color:#000; font-weight:bold; font-size:16px } 
label.agree_check.fa-square:before { font-weight:normal; }
label.agree_check.fa-square.on:before { content:"\f14a" !important; }


/* agreement */
div.agreement label { display:block; width:100%; cursor:pointer  }
div.agreement label input { display:none }
div.agreement div { padding-right:30px; padding-top:10px; cursor:pointer }
div.agreement div i { float:right; margin-left:30px }