@charset "utf-8";

body { background:#f8f8f8; }

.register { max-width:600px; margin:70px auto 0; }
.register.mbskin { margin-top:0; }
.register .tit { border-bottom:2px solid #333; margin-bottom:20px; font-weight:300; padding-bottom:5px; }

input:-ms-input-placeholder { color:#aaa; font-size:.875rem; }
input::-ms-input-placeholder { color: #aaa; font-size:.875rem; }
input::-webkit-input-placeholder { color: #aaa; font-size:.875rem; } 
input::-moz-placeholder { color: #aaa; font-size:.875rem; }




/******************** 가입안내 ********************/
.info .sns-wrap { }
.info .sns-wrap .sns-icon { position:relative; display:block; height:45px; line-height:45px; margin-bottom:10px; color:#fff; }
.info .sns-wrap .sns-icon:before { content:""; position:absolute; left:40px; top:0; bottom:0; width:1px solid rgba(0,0,0,0.1); }
.info .sns-wrap .sns-icon:hover:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.07); }

.info .sns-wrap .sns-naver { background:url('./img/sns_naver_s.png') no-repeat 5px center; background-color:#1fc800; border-bottom:1px solid #1ea505; }
.info .sns-wrap .sns-kakao { background:url('./img/sns_kakao_s.png') no-repeat 5px center; background-color:#ffeb00; border-bottom:1px solid #e2c10a; color:#3c1e1e; }
.info .sns-wrap .sns-google { background:url('./img/sns_gp_s.png') no-repeat 5px center; background-color:#db4a3a; border-bottom:1px solid #c03121; }
.info .sns-wrap .sns-facebook { background:url('./img/sns_fb_s.png') no-repeat 5px center; background-color:#3b579d; border-bottom:1px solid #28458f; }
.info .sns-wrap .sns-twitter { background:url('./img/sns_twitter_s.png') no-repeat 5px center; background-color:#1ea1f2; border-bottom:1px solid #1e82c0; }
.info .sns-wrap .sns-payco { background:url('./img/sns_payco_s.png') no-repeat 5px center; background-color:#df0b00; border-bottom:1px solid #9d0800; }

.info .sns-wrap .txt { text-align:center; display:block; }


.info .member-type { margin-bottom:50px; }
.info .member-type ul { display:flex; justify-content: space-between; flex-wrap: wrap; margin:-10px; }
.info .member-type ul:after { display:none; }
.info .member-type ul li { width:calc(50% - 20px); border:1px solid #aaa; padding:50px; margin:10px; text-align:center; cursor:pointer; }
.info .member-type ul li:hover, .info .member-type ul li.on { box-shadow:3px 3px 10px #ddd; border-color:#f60; background:#fff; }
.info .member-type ul li img { width:120px; }
.info .member-type ul li b { display:block; margin-top:20px; font-weight:700; }

/* 약관동의 */
.register .agree { margin-bottom:30px; }
.register .agree ul { border:1px solid #ddd; padding:20px; background:#fff; }
.register .agree ul li { padding-bottom:5px; }
.register .agree ul li.all { border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:10px; }
.register .agree ul li label { cursor:pointer; margin-bottom:0; vertical-align:top; }
.register .agree label input, 
.register .agree label input[type="checkbox"] + .far + .fas, 
.register .agree label input[type="checkbox"]:checked + .far { display:none; }
.register .agree label input[type="checkbox"]:checked + .far + .fas { display:inline-block; }
.register .agree label i { margin-right:2px; color:#ccc; }
.register .agree a { text-decoration:underline; margin-left:10px; color:blue; } 

/* 약관 모달 */
.register .modal { overflow:hidden; }
.register .modal .modal-dialog { top:50%; transform:translateY(-50%); }
.register .modal .modal-content { padding: 30px 40px; }
.register .modal .content { padding: 20px; overflow-x:hidden; overflow-y:auto !important; height:300px; margin: 10px 0 20px; background: #f8f8f8; color: #666; }
.register .modal .table { border-top:2px solid #aaa; border-bottom:1px solid #ddd; }
.register .modal .btns { display: flex; justify-content: space-between; }
.register .modal .btns a { display: block; width: calc(50% - 0.3rem); padding: 15px 0; text-align: center; cursor: pointer; }
.register .modal .btns .btn-cancel { border: 1px solid #ccc; }
.register .modal .btns .btn-cancel:hover { background-color: rgba(0, 0, 0, 0.05); }
.register .modal .btns .btn-ok { background-color: #195dae; color: white; }
.register .modal .btns .btn-ok:hover { background-color: #134680; }

/* 버튼 */
.register .btn-wrap { text-align:center; }
.register .btn-wrap .btn { position:relative; border-radius:99px; padding:15px 50px; transition-duration: 300ms; }
.register .btn-wrap .btn:hover { padding:15px 65px; }

.register.mbskin .btn-wrap { margin-bottom:70px; }




/******************** 가입폼 ********************/
.register-form { max-width:600px; margin:0 auto; }
.register-form dl { display:flex; flex-wrap: wrap; border:1px solid #ddd; border-bottom:0; background:#fff; }
.register-form dl dt { width:130px; display:flex; align-items:center; justify-content:flex-start; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:400; padding:15px; }
.register-form dl dt.required { background:none !important; }
.register-form dl dt.required:before { content:"*"; color:#f50; margin-right:2px; }
.register-form dl dt.none { width:0; padding:0; font-size:0; border:0; }

.register-form dl dd { width:calc(100% - 130px); border-bottom:1px solid #ddd; }
.register-form dl dd input { width:100%; height:100%; border:0; padding:0 20px; }
.register-form dl dd input[type="file"] { padding:0; height:auto; margin-bottom:10px; }
.register-form dl dd input:focus { outline:none; }


/*본인인증 버튼*/
.register-form dl dd .certi { margin:0 2.5px 5px; }

/*설명글*/
.register-form dl dd.text-wrap { padding:10px 20px; }
.register-form dl dd .txt { display:block; font-size:.875rem; }
.register-form dl dd.none.text-wrap { width:100%; text-align:center; background:#eee; }

/*주소*/
.register-form dl dd.address { padding:5px 10px; }
.register-form dl dd .addr-line { position:relative; margin:5px 0; height:35px; }
.register-form dl dd #daum_juso_pagemb_zip { position:absolute !Important; background:#fff; z-index:99; }
.register-form dl dd.address input { border:1px solid #ddd; }
.register-form dl dd.address input.etc { background:#eee; height:100%; }
.register-form dl dd.address label { height:100%; } 

/*서명&자기소개*/
.register-form dl dd textarea { width:100%; border:0; }

/*sns*/
.register-form dl dd.sns { padding:0 20px; display:flex; align-items:center; }

/*동의*/
.register-form .agree { }
.register-form .agree dd { padding:10px 20px; display:flex; align-items:center; justify-content:flex-start; flex-wrap: wrap; }
.register-form .agree label { margin:0 20px 0 0; }

/*기타*/
.register-form dl dd.auto-no { padding:20px; }

.register-form .btn-wrap { margin-top:30px; text-align:center; }
.register-form .btn-wrap .btn { position:relative; border-radius:99px; padding:15px 50px; transition-duration: 300ms; background:#333; color:#fff; }
.register-form .btn-wrap .btn:hover { padding:15px 65px; }


@media (max-width: 767px) {
	.register-form dl dt { width:120px; }
	.register-form dl dd { width:calc(100% - 120px); }
}




/******************** 가입완료 ********************/
.result .content { text-align:center; border:1px solid #ddd; background:#fff; padding:50px; }