@charset "utf-8";

.form_info{border:1px solid #ccc;margin-bottom:20px;background:#fff}
.form_info._order{margin-top:20px}

.form_info>._thead{border-bottom:1px solid #ccc;padding:20px 20px}
.form_info>._thead>h2{font-size:30px;line-height:1}
.form_info>._tbody{display:table;width:100%;margin:10px 0}
.form_info>._tbody>._one_row{display:table-row}
.form_info>._tbody>._one_row._focus{background:#ffecb1}
.form_info>._tbody>._one_row>div{display:table-cell;padding:10px 20px;text-align:left;background:transparent}
.form_info>._tbody>._one_row>div._key{width:20%;min-width:120px;position:relative}

.form_info>._tbody>._one_row>div._key:after{content:'*';position:absolute;z-index:1;top:10px;right:20px;line-height:1;font-size:1.5em;color:red}

.form_info>._tbody>._one_row>div._key>label{display:block}
.form_info>._tbody>._one_row>div._value{width:80%}

.form_info>._tbody>._one_row>div._value>span{vertical-align:middle}
.form_info>._tbody>._one_row>div._value>.required{position:relative;display:block}
/* .form_info>._tbody>._one_row>div._value>.required:after{content:'*';position:absolute;z-index:1;top:0;right:5px;line-height:1;font-size:1.5em;color:red} */

.form_info input:not([type=radio]),.form_info textarea,.form_info select{width:100%;padding:0 10px;border:1px solid #ccc;border-radius:3px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);vertical-align:middle;
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}
.form_info input:not([type=radio]):focus,.form_info textarea:focus,.form_info select:focus{border:1px solid #4a7ba5;box-shadow:0 0 5px #9bd3ff}

.form_info input:not([type=radio]),.form_info select{height:35px;line-height:35px}
.form_info textarea{height:100px}
.form_info select{width:auto;background:#fff}


.form_info input:-moz-read-only { background:#f7f7f7}
.form_info input:read-only { background:#f7f7f7}


.form_info ._post{display:inline-block;width:100px;margin-right:5px}
.form_info ._address,.form_info ._address_detail,.form_info ._address_etc{display:block;margin-top:5px}

.radio_span{display:inline-block;margin-right:20px}

.form_btn_box{text-align:center;margin:20px 0}
.form_btn{min-width:200px;padding:20px 30px;margin:0 10px;text-align:center;border:1px solid #ccc;border-radius:3px;line-height:1;font-size:1.3em;background:#fff}
.form_btn._submit{background-color:#d4065b;border-color:#d4065b;color:#fff}
.form_info .button._search{display:inline-block;height:35px;line-height:35px;background-color:#3f51b5;border-color:#3f51b5;color:#fff;padding:0 10px;text-align:middle;vertical-align:middle;border-radius:3px}

.form_info ._explain2{padding:5px 0 0 0;font-family:gulim;font-size:12px;color:#2196f3}

.abc{border:1px solid #ccc;padding:10px}

.all-display-none{display:none}

._login_error{padding:20px;background:#ffecb1;color:#a70000;border:1px solid #ead388}
._login_error>._msg{margin-bottom:10px}
._login_error>a._join{background:#4CAF50;color:#fff;border-color:#4CAF50}


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

.form_info>._tbody>._one_row>div._key{display:inline-block;width:auto;min-width:auto}
.form_info>._tbody>._one_row>div._key:after{position:static;margin-left:10px}
.form_info>._tbody>._one_row>div._key>label{display:inline-block}
.form_info>._tbody>._one_row>div._value{display:block;width:100%}
.form_info select{width:100%}

}