@charset "utf-8";

#fm_container.fm--agreement, #fm_container.fm--join, #fm_container.fm--welcome{position: relative; height: 100%; padding: 0; vertical-align: top; background: #fff; box-sizing: border-box;}
.container-inner.medium{width: 100%; max-width: 750px; padding-bottom: 150px;}
.page-header{padding: 130px 0 30px;}
.page-header .subtitle{margin-bottom: 5px; color: #29c663; text-align: center;}
.page-header .title{font-size: 28px; font-weight: 300; text-align: center;}
.page-header:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;}


/*step 01. 약관동의*/
.agreement-container{padding: 0 20px 20px; box-sizing: border-box;}
.agreement-checklist .agreement-allcheck{padding-bottom: 10px; border-bottom: 1px solid #e0e0e0;}
.agreement-checklist li{padding: 20px 0; box-sizing: border-box;}
.agreement-checklist input[type="checkbox"]{display: inline-block; content: ""; background-image: url(/AppData/images/common/check_default.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 18px; height: 18px; margin-right: 3px; border: none; outline: none;}
.agreement-checklist input[type="checkbox"]:checked{background-image: url(/AppData/images/common/check_checked.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 18px; height: 18px; display: inline-block; margin-right: 3px;}

.agreement-checklist .panel-white{margin-top: 5px; height: 200px; padding: 10px; overflow: hidden; overflow-y: auto; box-sizing: border-box;}
.panel-white{background: #fff; border: 1px solid #ddd; font-size: 14px;}
.btn-submit{width: 100%; height: 45px; background: #000; border-color: #000; color: #fff; line-height: 45px;}

/*sns 간편 회원가입*/
.simple-sns-wrapper .simple-title{position: relative; margin-bottom: 25px; text-align: center;}
.simple-sns-wrapper .simple-title::before{position: absolute; top: 45%; left: 0; content: ""; width: 100%; height: 1px; background: #ccc;}
.simple-sns-wrapper .simple-title strong{position: relative; padding: 0 20px; background: #fff; font-weight: 400; z-index: 2;}

.simple-sns-wrapper .signin-sns{text-align: center;}
.simple-sns-wrapper .signin-sns li{display: inline-block;}

.simple-sns-wrapper .btn-simple-sns.naver, .simple-sns-wrapper .btn-simple-sns.kakao{display: inline-block; width: 50px; height: 50px; line-height: 50px; margin: 0 15px; border-radius: 50%; content: ""; background-repeat: no-repeat; background-position: center; background-size: 20px; text-indent: -9999px; overflow: hidden;}
.simple-sns-wrapper .btn-simple-sns.naver{background-image: url(/AppData/images/common/sns_naver.png); background-color: #04cf5c;}
.simple-sns-wrapper .btn-simple-sns.kakao{background-image: url(/AppData/images/common/sns_kakao.png); background-color: #fae100}


/*step 02. 정보입력*/
.form-header{margin-bottom: 10px; padding: 0; font-size: 12px; color: #888;}
.form-wrapper{display: table; padding: 0; margin: 0; border-collapse: collapse; border-spacing: 0; word-break: break-all; white-space: nowrap; table-layout: fixed; width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #e0e0e0; background: #fff;}
.form-dl dt{width: 20%; background: #f5f5f5; text-align: right;}
.form-dl .input-text{width: 100%; border-color: #ccc;}
.input-btn-group .input-text{float: left; width: calc(100% - 134px);}
.input-btn-group .input-text + .btn{float: left; width: 130px; margin-left: 4px;}

.form-dl .check-group{margin-top: 10px;}
.check-group input[type="checkbox"]{display: inline-block; content: ""; background-image: url(/AppData/images/common/check_default.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 18px; height: 18px; margin-right: 3px; border: none; outline: none;}
.check-group input[type="checkbox"]:checked{background-image: url(/AppData/images/common/check_checked.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 18px; height: 18px; display: inline-block; margin-right: 3px;}
.check-group label{font-size: 14px;}
.text-small{font-size: 12px !important;}

.input-email-group .input-text{float: left; width: 155px; margin-bottom: 0;}
.input-email-group .input-sign{float: left; margin: 0 5px; line-height: 40px;}
.input-email-group .email02{width: 200px; margin-bottom: 0;}
.input-email-group .selectbox{float: left; display: block; width: calc(100% - 385.14px); height: 40px; padding: 0 15px; margin-left: 5px; background-color: #fff; border: 1px solid #ccc; background: url(/AppData/images/common/down_icon.png) no-repeat right 15px center; background-size: 11px;}

.input-birth-group > label{position: relative; display: inline-block; float: left; width: 160px; height: 40px; font-weight: 400;}
.input-birth-group .input-text{width: 160px;}
.input-birth-group span{position: absolute; top: 0; right: 15px; display: inline-block; font-size: 14px; font-weight: 400; text-align: right; line-height: 40px;}
.input-birth-group > label + label{margin-left: 10px;}

.input-subscribe-group{font-size: 14px;}
.input-subscribe-group input[type="checkbox"]{display: inline-block; content: ""; background-image: url(/AppData/images/common/check_default.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 18px; height: 18px; margin-right: 3px; border: none; outline: none;}
.input-subscribe-group input[type="checkbox"]:checked{background-image: url(/AppData/images/common/check_checked.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 18px; height: 18px; display: inline-block; margin-right: 3px;}

.input-subscribe-group label{vertical-align: middle;}
.input-subscribe-group .subscribe-sms, .input-subscribe-group .subscribe-email{float: left; margin-bottom: 5px;}
.input-subscribe-group .subscribe-sms{margin-right: 20px;}

.input-business-group input[type="text"]{display: block; margin: 5px 0;}
.upload-certi .upload-nm{display: inline-block; width: 78%; height: 40px; margin-right: 2%; padding: 0 10px; vertical-align: middle; border: 1px solid #ccc; }
.upload-certi label{display: block; width: 100%; height: 40px; margin-top: 10px; background: #29c663; font-size: 14px; text-align: center; color: #fff; line-height: 40px; vertical-align: middle;}
.upload-certi .upload-file-nm{display: inline; margin-top: 10px; white-space: normal;}
.upload-certi .upload-delete{display: inline-block; width: 20px; height: 20px; margin-left: 5px; vertical-align: middle; cursor: pointer;}

.show-buss{display: none;}
.show-buss.subs{display: table-row;}

.fm--join form + .page-bottom, .form-container ~ .page-bottom{margin: 70px auto 20px; box-sizing: border-box;}
.fm--join .page-bottom .btn-group{margin: 0 auto;}
.fm--join .page-bottom .btn-group .btn-half{float: left; width: 48%;}
.fm--join .page-bottom .btn-group .btn-half + .btn-half{margin-left: 4%;}
.fm--join .btn-prev{height: 45px; margin-left: 0; border: 1px solid #ccc; background: #fff; line-height: 40px; box-sizing: border-box;}

@media (max-width: 960px){
	.container-inner.medium{max-width: 1100px; padding: 0 20px; box-sizing: border-box;}
	.form-header{padding: 20px 0 0; margin-bottom: 20px;}
	.form-wrapper{display: block; padding: 20px 0 30px; background: #fff; border: none;}
	.form-dl{display: block; padding: 0; margin-top: 30px; box-sizing: border-box;}
	.form-dl::first-child{margin-top: 0;}
	.form-dl dt{font-weight: 600;}
	.form-dl dt, .form-dl dd{display: block; margin-bottom: 5px; border: none; background: #fff; text-align: left;}
	.form-dl .input-text{width: 100%;}
	.input-btn-group .input-text{width: calc(100% - 134px);}
	.input-email-group .input-text{width: 150px; margin-bottom: 10px;}
	.input-email-group .email02{width: calc(100% - 176px);}
	.input-email-group .selectbox{width: 100%; margin-left: 0; margin-bottom: 10px;}
	.input-birth-group > label{width: calc((100% - 20px) / 3)}
	.show-buss{display: none;}
	.show-buss.subs{display: block;}	
	.page-bottom .btn-group{padding-bottom: 70px;}
}

@media (max-width: 640px){
	.input-email-group .selectbox{padding: 0 10px; background: url(/AppData/images/common/down_icon.png) no-repeat right 10px center; background-size: 11px;}
}

/*step 03. 가입완료*/
#fm_container.fm--welcome{height: 83vh;}
#fm_container.fm--welcome .welcome-container{padding: 60px 20px 150px; text-align: center; line-height: 1.8;}
.welcome-container .btn-group{margin-top: 30px;}
.welcome-container .btn-group .btn{width: 80%; height: 45px; margin: 0 auto; line-height: 45px;}