select, input {font-family: 'NotoSans', sans-serif;}

/* button */
.btn {transition:.3s; border:0; cursor:pointer;}
.btn:active {opacity:.8;}
.btn_login {background:#a27a48; width:100%; height:50px; line-height:50px; background:#f4685a; border-radius:5px; color:#f7f8fa; font-size:1.5rem; font-weight:bold; margin-top:15px; margin-bottom:25px;}
.btn_common {vertical-align:middle; padding:0 30px; height:45px; line-height:45px; display:inline-block; font-size:1.3rem; cursor:pointer; border-radius:5px;}
.btn_common.min {vertical-align:middle; padding:0 10px; height:22px; line-height:22px; display:inline-block; font-size:1.1rem; margin-left:8px; cursor:pointer; border-radius:10px;}
.btn_main {background:#f4685a; color:#fff;}
.btn_sub, .btn_other {background:#9aaab9; color:#fff;}
.btn_del {background:#b60000; color:#fff;}
.btn_popup {width:100%; height:50px; line-height:50px; font-size:1.5rem; border-radius:10px; font-weight:600;}
.btn_prev {position:relative; z-index:10; float:left; width:40px; height:70px; font-size:0; background:url("../images/btn_prev.png") left center no-repeat; background-size:11px;}
.btn_reset {position:absolute; right:0; top:0; width:40px; height:40px; z-index:10; background:url("../images/btn_refresh.png?ver=1.1") center no-repeat; background-size:15px; text-indent:-9999px;}
.btn_reset + .text_common {padding-right:50px;}
.btn_credit {width:100%; width:100%; height:45px; font-weight:bold; font-size:1.5rem; border-radius:5px;}
.btn_credit.btn_sub {background:#f8eae8; color:#f4685a;}
.btn_refresh {position:absolute; top:16px; right:15px; width:23px; height:19px; background:url("../images/btn_refresh.png") center no-repeat; font-size:0; text-indent:-99999px; background-size:100%;}



/* text */
.text_form {position:relative; transition:.3s; border:0; vertical-align:middle; font-family: "NotoSans", sans-serif;}
.text_login {width:100%; height:45px; line-height:45px; padding:0 15px; display:block; margin-bottom:10px; background:#f3f3f3; border-radius:5px; font-size:1.4rem;}
.text_common {width:100%; height:45px; line-height:45px; padding:0 15px; font-size:1.3rem; border-radius:5px;}
.text_area {width:100%; height:125px; border:1px solid #ddd; resize:none; background:#fff; padding:15px; font-size:1.3rem; }
.signpad {width:250px; height:200px; border:1px solid #ddd; }


/* checkbox */
.check input[type="checkbox"] {  /* ½ÇÁ¦ üũ¹Ú½º´Â È­¸é¿¡¼­ ¼û±è */position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden; clip:rect(0,0,0,0);border: 0}
.check input[type="checkbox"] + label {display: inline-block; height:18px; line-height:18px; position: relative; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; padding-left:24px;}
.check input[type="checkbox"] + label:before {  /* °¡Â¥ üũ¹Ú½º */content: ' '; display: inline-block; width: 18px; height: 18px; line-height: 18px; border-radius:3px; text-align: center; vertical-align: middle;}
.check input[type="checkbox"] + label:before {position: absolute;left: 0; margin-top: 0;opacity: 1;  background: url("../images/icon_check.png?ver=1.1") center no-repeat #9aaab9;; background-size:9px;}
.check input[type="checkbox"]:checked + label:before { position: absolute; content: ""; opacity:1; background: url("../images/icon_check.png?ver=1.1") center no-repeat #f4685a; background-size:9px;}
.check.last {padding-bottom:20px; text-align:left;}
.check.last input[type="checkbox"] + label {padding-left:34px; font-size:1.3rem; line-height:24px;}
.check.last input[type="checkbox"] + label:before {width: 24px; height: 24px; line-height: 24px; border-radius:4px; background: url("../images/icon_check_last.png?ver=1.1") center no-repeat #9aaab9; background-size:13px;}
.check.last input[type="checkbox"]:checked + label:before {background: url("../images/icon_check_last.png?ver=1.1") center no-repeat #f4685a; background-size:13px;}

/* select */
.select_form {width:100%; height:45px; font-family: "NotoSans", sans-serif; font-size:1.3rem; padding:0 15px; border-radius:5px; border:0; background:url("../images/icon_select_arrow.png") no-repeat calc(100% - 15px) center #fff; background-size:13px; vertical-align:middle; -webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
.select_form::-ms-expand { display: none;}

/* placeholder */
input::-webkit-input-placeholder {color:#999;}
input:-ms-input-placeholder {color:#999;}
textarea::-webkit-input-placeholder {color:#999;}
textarea:-ms-input-placeholder {color:#999;}


.check {position:relative; overflow:hidden; display:block; vertical-align:top;}
.check li {display:inline-block; float:left; width:50%; overflow:hidden; border:1px solid #f4685a;}
.check li input[type='radio'] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.check li input[type='radio'] + label {display:block; text-align:center; cursor:pointer; font-size:1.3rem; color:#f4685a; height:45px; line-height:45px; width:100%; background:#fff;}
.check li input[type='radio']:checked + label {background:#f4685a; color:#fff;}
.check li:first-child {border-radius:5px 0px 0px 5px;}
.check li:last-child {border-radius:0px 5px 5px 0px;}