@charset "utf-8";


.mwrap {max-width:1200px; margin:20rem auto 15rem;}



.mtit {font-size:4rem; font-weight:700; text-align:center;}
.mtxt {font-size:2rem; margin-top:2rem; text-align:center;}


.sns_login {margin-top:4rem; padding:4.5rem 0; border-top:1px solid #e1e1e1;}
.sns_login > strong {font-size:2.3rem; font-weight:700;}
.sns_login > p {margin-top:1rem; font-size:1.6rem; color:#626262;}

#sns_login {margin-top:3rem;}
#sns_login .sns-wrap {display:flex; gap:1.5rem;}
#sns_login .sns-wrap a {display:flex; align-items:center; justify-content:center; gap:1rem; flex:1; min-width:0; height:6rem; font-size:2rem;}
#sns_login .sns-wrap a .ico {width:3.5rem; height:3.5rem; background:no-repeat center/contain;}
#sns_login .sns-wrap .sns-naver {color:#fff; background:#24b301;}
#sns_login .sns-wrap .sns-naver .ico {background-image:url('/skin/social/img/icon_naver.svg');}
#sns_login .sns-wrap .sns-kakao {color:#222; background:#ffd514;}
#sns_login .sns-wrap .sns-kakao .ico {background-image:url('/skin/social/img/icon_kakao.svg');}


.login_box .cbox {padding:5rem; border:1px solid #999999;}
.login_box .mbox {max-width:650px; margin:auto;}
.login_box input[type="text"],
.login_box input[type="password"] {width:100%; height:60px; margin-bottom:1rem; font-size:18px; border:1px solid #e0e0e0}
.login_box .btn_submit {width:100%; height:60px; border-radius:0 !important; margin-top:2rem; font-size:23px; color:#fff; background:#262626;}
.login_box input::-webkit-input-placeholder {color:#888888; font-size:18px;}
.login_box input:-moz-placeholder {color:#888888; opacity: 1; font-size:18px;}
.login_box input::-moz-placeholder {color:#888888; opacity: 1; font-size:18px;}
.login_box input::-ms-input-placeholder {color:#888888; font-size:18px;}
.login_box input:-ms-input-placeholder {color:#888888; font-size:18px;}
.login_box input::input-placeholder {color:#888888; font-size:18px;}

.mem_search {display:flex; justify-content:space-between; align-items:center; margin-top:3rem;}
.mem_search span {font-size:1.6rem; color:#626262;}
.mem_search a {padding:1rem 3rem; font-size:1.6rem; color:#fff; background:#a4a4a4}

#info_search .cbox {margin-top:4rem;}

.join_tab {display:flex; gap:1rem; margin:5rem 0;}
.join_tab li {flex:1; min-width:0; padding:2rem; text-align:center; background:#dfdfdf;}
.join_tab span {display:block; font-size:1.7rem;}
.join_tab b {display:block; font-size:2.6rem; font-weight:500;}
.join_tab li.on {color:#fff; background:#232426;}

.register .mtxt {margin-bottom:5rem;}
.register .chk_all {padding:3rem 2rem; border:1px solid #d6d6d6; text-align:center;}
.register h4 {margin:5rem 0 1rem; font-size:2rem;}
.register h4 .st {font-size:0.9em;}
.register textarea {width:100%; height:200px; line-height:20px; font-size:15px;}
.register_agree {margin-top:2rem; text-align:center;}



.register_form .agree {display:flex; justify-content:center; gap:3rem; padding-top:20px; text-align:center;}

#reg_result {text-align:center;}
#reg_result .txt {width:90%; margin:auto; font-size:2.2rem; line-height:1.5;}
#reg_result .fa {font-size:15rem; color:#2B9889}

#mb_confirm .mtxt {margin-bottom:5rem;}
#mb_confirm .id_wrap {margin-bottom:3rem;}
#pw_confirm .mtxt {margin-bottom:5rem;}

@media screen and (max-width:1024px){
}
@media screen and (max-width:700px){
	
	
	.login_box input[type="text"],
	.login_box input[type="password"] {height:45px; font-size:15px;}
	.login_box .btn_submit {height:45px; font-size:18px;}
	
	.login_box input::-webkit-input-placeholder {font-size:15px;}
	.login_box input:-moz-placeholder {font-size:15px;}
	.login_box input::-moz-placeholder {font-size:15px;}
	.login_box input::-ms-input-placeholder {font-size:15px;}
	.login_box input:-ms-input-placeholder {font-size:15px;}
	.login_box input::input-placeholder {font-size:15px;}
	
	
	
	.register_form .agree {flex-direction:column; gap:2rem;}
	
	.register textarea {font-size:13px;}
}