/**
	member skin css
*/

.container { max-width: 1170px; }
.access .panel-footer{overflow:hidden;}
.search form{padding:20px;}
.search textarea {padding: 15px;background: #f7f7f7;font-size: 12px;}
.final .btn_final{margin-top:20px; text-align:center;}

/* register */
#fregisterform { padding: 0; }

.page-title { font-weight: bold; }
.title { font-size: 18px; font-weight: bold; }
.sub-title { font-size: 14px; font-weight: bold; color: rgb(0, 166, 232); }
.detail { font-size: 12px; color: rgb(118, 118, 118); font-weight: bold; }
.detail2 { font-size: 12px; color: rgb(118, 118, 118); }
.next-btn { background: rgb(0, 0, 0); color: rgb(255, 255, 255); border: none; padding: 8px 35px; border-radius: 17.28px; }

.register-type-wrap { display: flex; align-items: center; justify-content: center; }
.register-type-wrap .register-type { display: flex; flex-flow: column; align-items: center; color: gray; text-decoration: none; width: 330px; height: 330px; border: 3px solid transparent; margin: 30px 15px; background: rgb(239, 246, 252); }
.register-type-wrap .register-type > img { width: 120px; margin-top: 40px; }
.register-type-wrap .register-type > .type-text { font-size: 18px; line-height: 18px; margin-top: 20px; font-weight: bold; color: rgb(0, 0, 0); }
.register-type-wrap .register-type > .age-text { font-size: 14px; line-height: 14px; margin-top: 10px; color: rgb(0, 0, 0); }
.register-type-wrap .register-type > .select-btn { background: rgb(0, 166, 232); color: rgb(255, 255, 255); text-decoration: none; padding: 10px 60px; margin-top: 20px; border-radius: 20px; outline: unset; border: unset; }
.register-type-wrap .register-type:hover { border: 3px solid rgb(128, 217, 253); cursor: pointer; }
/* register */

/* register_agree */
/*.agree-wrap { margin: 0 160px; }*/
.agree-wrap .agree-info { height: 200px; padding: 20px; border: 1px solid rgb(235, 235, 235); background: rgb(252, 252, 252); overflow: auto; }
.agree-wrap .button-wrap { margin-top: 20px; }
.agree-wrap .button-wrap input[type="radio"] { display: none; }
.agree-wrap .button-wrap .agree-btn { background: rgb(238, 238, 238); color: rgb(0, 0, 0); padding: 10px 20px; border-radius: 10px; border: unset; outline: unset; cursor: pointer; }
.agree-wrap .button-wrap input[type="radio"]:checked + .agree-btn { background: rgb(0, 166, 232); color: rgb(255, 255, 255); }
.all-agree-btn { background: rgb(0, 166, 232); color: rgb(255, 255, 255); border: none; padding: 8px 35px; border-radius: 17.28px; }
.disagree-btn { background: rgb(153, 153, 153); color: rgb(255, 255, 255); border: none; padding: 8px 35px; border-radius: 17.28px; }
/* register_agree */

/* register_identification */
#identification-before .identification-btn { text-decoration: none; width: 330px; height: 330px; border: 3px solid transparent; margin: 30px auto; text-align: center; }
#identification-before .identification-btn > img { width: 60px; margin-top: 40px; }
#identification-before .identification-btn > .select-btn { background: rgb(0, 166, 232); color: rgb(255, 255, 255); text-decoration: none; padding: 10px 30px; margin-top: 20px; border-radius: 20px; outline: unset; border: unset; }
#identification-before .identification-btn:hover { border: 3px solid rgb(128, 217, 253); cursor: pointer; }
/* register_identification */

/* register_form */
.password-state { display: flex; align-items: center; }
.password-state .progress { margin: 0; width: 100px; height: 10px; margin-right: 10px; }

.progress-icon-wrap { display: flex; /*justify-content: space-between;*/ justify-content: center; flex-wrap: wrap; }
.progress-icon-wrap.mobile { display: none!important; }
.progress-icon-wrap .arrow { margin: 0 10px; }
.progress-icon-wrap .arrow img { width: 100%; height: 100%; object-fit: contain; }
.progress-icon-wrap .progress-icon { padding: 3px; border: 2px dotted rgb(240, 241, 244); border-radius: 12px; }
.progress-icon-wrap .progress-icon .icon { display: flex; background: rgb(240, 241, 244); padding: 15px 30px; border-radius: 10px; }
.progress-icon-wrap .progress-icon .icon .image-wrap { width: 42px; height: 42px; margin-right: 40px; }
.progress-icon-wrap .progress-icon .icon .text-wrap { display: flex; flex-direction: column; align-self: center; }
.progress-icon-wrap .progress-icon .icon .text-wrap > p { margin: 0; }
.progress-icon-wrap .progress-icon .icon .text-wrap > .step-text { font-weight: bold; color: rgb(36, 36, 36); }
.progress-icon-wrap .progress-icon .icon .text-wrap > .step-detail { font-size: 10px; color: rgb(140, 140, 140); }

.progress-icon-wrap .progress-icon:nth-child(1) .icon .image-wrap { background: url(/assets/images/register/step1off.png); }
.progress-icon-wrap .progress-icon:nth-child(3) .icon .image-wrap { background: url(/assets/images/register/step2off.png); }
.progress-icon-wrap .progress-icon:nth-child(5) .icon .image-wrap { background: url(/assets/images/register/step3off.png); }
.progress-icon-wrap .progress-icon:nth-child(7) .icon .image-wrap { background: url(/assets/images/register/step4off.png); }
.progress-icon-wrap .progress-icon:nth-child(9) .icon .image-wrap { background: url(/assets/images/register/step5off.png); }

.progress-icon-wrap .progress-icon.selected { border: 2px dotted rgb(0, 166, 232); }
.progress-icon-wrap .progress-icon.selected .icon { background: rgb(0, 166, 232); }
.progress-icon-wrap .progress-icon.selected:nth-child(1) .icon .image-wrap { background: url(/assets/images/register/step1on.png); }
.progress-icon-wrap .progress-icon.selected:nth-child(3) .icon .image-wrap { background: url(/assets/images/register/step2on.png); }
.progress-icon-wrap .progress-icon.selected:nth-child(5) .icon .image-wrap { background: url(/assets/images/register/step3on.png); }
.progress-icon-wrap .progress-icon.selected:nth-child(7) .icon .image-wrap { background: url(/assets/images/register/step4on.png); }
.progress-icon-wrap .progress-icon.selected:nth-child(9) .icon .image-wrap { background: url(/assets/images/register/step5on.png); }
.progress-icon-wrap .progress-icon.selected .icon .text-wrap > .step-text { color: rgb(228, 243, 48); }
.progress-icon-wrap .progress-icon.selected .icon .text-wrap > .step-detail { color: rgb(255, 255, 255); }
/* register_form */

.divider { margin: 30px 160px; }

small.error-message { color: rgb(255, 101, 101); }
.validate-check:focus { border-color: rgb(92, 198, 241); }
.validate-check.error { border-color: rgb(255, 101, 101); }
.validate-check.success { border-color: rgb(92, 198, 241); }

@media (min-width: 1200px) {
	.progress-icon-wrap { justify-content: space-between; }
}

@media (max-width: 825px) {
	.progress-icon-wrap .arrow { display: none; }
	.progress-icon-wrap .progress-icon:not(.selected) { display: none; }
}