/* member */
.login-box { padding-bottom:190px; }
.login-box .member_box { max-width:1000px; margin:0 auto; }
.login-box .member_box * { box-sizing:border-box; }
@media screen and (max-width:1440px){
	.login-box .member_box { padding:0 20px; }
}
.login-box .member_box .login_box { max-width:360px; margin:0 auto; }
.login-box .member_box .login_box .title { text-align:center; font-size:28px; font-weight:700; color:#117bf6; letter-spacing:-0.03em; }
.login-box .member_box .login_box .ipbox { margin-top:20px; }
.login-box .member_box .login_box .ipbox input { margin-top:10px; }
.login-box .member_box .login_box .ipbox input[type="text"],
.login-box .member_box .login_box .ipbox input[type="password"] { text-align:left; vertical-align:middle; padding:0 10px; width:100%; line-height:45px; height:45px; border:1px solid #ddd; outline:none; font-size:16px; font-weight:300; color:#666; background-color:#fff; border-radius:3px; }
.login-box .member_box .login_box .ipbox .btn_login { width:100%; height:50px; text-align:center; color:#fff; font-size:18px; border:none; background-color:#117bf6; margin:15px 0 0 0; border-radius:3px; }
.login-box .member_box .login_box .txt_b { margin-top:20px; text-align:center; font-size:14px; font-weight:300; color:#666;  }
.login-box .member_box .login_box .txt_b a { position:relative; margin:0 10px; }
.login-box .member_box .login_box .txt_b a:first-child:before { content:""; display:block; position:absolute; right:-12px; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#333; }
.login-box .member_box .login_box .sns_login_box { margin-top:40px; }
.login-box .member_box .login_box .sns_login_box .sns_title { position:relative; text-align:center; font-size:15px; font-weight:300; color:#666;  }
.login-box .member_box .login_box .sns_login_box .sns_title span { font-weight:300; color:#666; padding:0 15px; background:#fff; display:inline-block;  }
.login-box .member_box .login_box .sns_login_box .sns_title:before { content:""; display:block; z-index:-1; position:absolute; left:0; top:50%; transform:translateY(calc(-50% - 0.5px)); width:100%; height:1px; background-color:#ddd; }
.login-box .member_box .login_box .sns_login_box .sns_btn { padding-top:30px; text-align:center;  }
.login-box .member_box .login_box .sns_login_box .sns_btn li { margin:0 10px 0 10px; display:inline-block; vertical-align:middle;}
.login-box .member_box .login_box .sns_login_box .sns_btn li .sbox { }
.login-box .member_box .login_box .sns_login_box .sns_btn li .sbox img {  }
.login-box .member_box .login_box .sns_login_box .sns_btn li .sbox strong { display:block; font-size:14px; font-weight:400; color:#333; margin-top:10px; }
.login-box .member_box .login_box .sns_login_box .sns_btn li a { display:block; }
.login-box .member_box .login_box .social_wrap { margin-top:30px; display:flex; justify-content:space-between; }


.login-box .member_box .find_box { max-width:400px; margin:0 auto; }
.login-box .member_box .find_box .title { text-align:center; font-size:28px; font-weight:700; color:#117bf6; letter-spacing:-0.03em; }
.login-box .member_box .find_box .f_box  { margin-top:20px; }
.login-box .member_box .find_box .f_box .box { padding:25px 20px; border:1px solid #ddd; margin-top:40px; }
.login-box .member_box .find_box .f_box .box:nth-child(1) { margin-top:0; }
.login-box .member_box .find_box .f_box .box .tit { font-size:16px; font-weight:500; color:#444;}
.login-box .member_box .find_box .f_box .box .stxt { position:relative; padding-left:10px; margin-top:10px; font-size:14px; font-weight:300; color:#666; line-height:140%; }
.login-box .member_box .find_box .f_box .box .stxt:before { content:""; display:block; position:absolute; left:0; top:7px; width:3px; height:3px; background-color:#777; border-radius:50%; }
.login-box .member_box .find_box .f_box .ipbox input { margin-top:10px; }
.login-box .member_box .find_box .f_box .ipbox input[type="text"],
.login-box .member_box .find_box .f_box .ipbox input[type="password"] { text-align:left; vertical-align:middle; padding:0 10px; width:100%; line-height:45px; height:45px; border:1px solid #ddd; outline:none; font-size:16px; font-weight:300; color:#666; background-color:#fff; border-radius:3px; }
.login-box .member_box .find_box .f_box .ipbox .btn_find { width:100%; height:50px; text-align:center; color:#fff; font-size:18px; border:none; background-color:#117bf6; margin:20px 0 0 0; border-radius:3px; }



/* ȸ¿ø °¡ÀÔ */
.login-box .member_box .policy_box { }
.login-box .member_box .policy_box .title { text-align:center; font-size:28px; font-weight:700; color:#117bf6; letter-spacing:-0.03em; }
.login-box .member_box .policy_box .p_box { margin-top:60px; }
.login-box .member_box .policy_box .p_box:nth-child(1) { margin-top:0; }
.login-box .member_box .policy_box .p_box .tit { font-size:16px; font-weight:500; color:#444;}
.login-box .member_box .policy_box .p_box .box { margin-top:10px;padding:25px 20px; border:1px solid #ddd; height:220px; overflow:auto; }
.login-box .member_box .policy_box .p_box .ch_box { margin-top:10px;  }
.login-box .member_box .policy_box .p_box .ch_box label { font-size:14px; font-weight:400; color:#666; }
.login-box .member_box .policy_box .p_box .ch_box label input { margin:-2px 5px 0 0; }

.login-box .member_box .policy_box .btnBox { margin:80px 0 0 0; }
.login-box .member_box .policy_box .btnBox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.login-box .member_box .policy_box .btnBox .btn_left { float:left; }
.login-box .member_box .policy_box .btnBox .btn_right { float:right; }
.login-box .member_box .policy_box .btnBox a { display:inline-block; vertical-align:middle; width:200px; height:50px; text-align:center; color:#666; font-size:18px; border:1px solid #aaa; background-color:#fff; margin:0 0 0 4px; }
.login-box .member_box .policy_box .btnBox input[type="button"] { cursor:pointer; display:inline-block; vertical-align:middle;width:200px; height:50px; text-align:center; color:#fff; font-size:18px; border:none; background-color:#117bf6; margin:0 4px 0 0; }
.login-box .member_box .policy_box .btnBox a span { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.login-box .member_box .policy_box .btnBox .btn_center { text-align:center; }

@media screen and (max-width:640px){	
	.login-box .member_box .policy_box .p_box .box { padding:20px 15px; }
	.login-box .member_box .policy_box .btnBox { margin:50px 0 0 0; }
	.login-box .member_box .policy_box .btnBox a { font-size:15px; width:calc(50% - 6px); }
	.login-box .member_box .policy_box .btnBox input[type="button"] { font-size:15px; width:calc(50% - 6px); }
}


/* ȸ¿ø Á¤º¸ */
.login-box .member_box .info_box {}
.login-box .member_box .info_box table, .login-box .member_box .info_box th,.login-box .member_box .info_box td { border:none;}
.login-box .member_box .info_box table {  border-top:1px solid #333; }
.login-box .member_box .info_box th { background-color:#fafafa; height:60px; text-align:left; padding:0 10px 0 20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; } 
.login-box .member_box .info_box th strong { color:#333; font-weight:500; font-size:15px; line-height:130%; } 
.login-box .member_box .info_box th strong span { color:#0d399b; font-weight:600; }
.login-box .member_box .info_box td { padding:10px 15px; border-bottom:1px solid #ddd; } 
.login-box .member_box .info_box td input[type="text"],
.login-box .member_box .info_box td input[type="password"] { text-align:left; vertical-align:middle; padding:0 10px; line-height:40px; height:40px; border:1px solid #ddd; outline:none; font-size:16px; font-weight:400; color:#666; background-color:#fff; }
.login-box .member_box .info_box td input[type="file"] { text-align:left; vertical-align:middle; padding:0; width:100%; line-height:40px; height:40px; border:1px solid #ddd; outline:none; font-size:16px; font-weight:400; color:#666; background-color:#fff; }
.login-box .member_box .info_box td input.ip01 { width:100%; }
.login-box .member_box .info_box td input.ip01_1 { width:250px; }
.login-box .member_box .info_box td input.ip02 { width:250px; }
.login-box .member_box .info_box td input.ip03 { width:250px; }
.login-box .member_box .info_box td input.ip04 { width:250px; }
.login-box .member_box .info_box td input.ip05 { width:120px; }
.login-box .member_box .info_box td input.ip06 { width:100%; margin-top:5px; }
.login-box .member_box .info_box td select { text-align:left; vertical-align:middle; padding:0; line-height:40px; height:40px; border:1px solid #ddd; outline:none; font-size:16px; font-weight:400; color:#666; background-color:#fff; }
.login-box .member_box .info_box td select.sel01 { width:250px; }
.login-box .member_box .info_box td textarea { text-align:left; vertical-align:middle; padding:10px; line-height:150%; width:100%; border:1px solid #ddd; outline:none; font-size:16px; font-weight:400; color:#666; background-color:#fff; }
.login-box .member_box .info_box td textarea.ta01 { height:250px; }
.login-box .member_box .info_box td .sbox { border:1px solid #dbdbdb; padding:15px; height:200px; overflow:auto; background-color:#fafafa; }
.login-box .member_box .info_box td .sbox p { margin-top:10px; font-size:14px; font-weight:400; color:#666; line-height:160%; }
.login-box .member_box .info_box td .sbox p:nth-child(1) { margin-top:0; }
.login-box .member_box .info_box td .sbox p strong { color:#333; font-weight:500; }
.login-box .member_box .info_box td .ch { margin-top:10px;  }
.login-box .member_box .info_box td .ch label { font-size:14px; font-weight:400; color:#666; }
.login-box .member_box .info_box td .ch label input { margin:-2px 5px 0 0; }
.login-box .member_box .info_box td .stxt { display:inline-block; margin:0 0 0 10px; font-size:13px; font-weight:300; color:#666; line-height:140%; }
.login-box .member_box .info_box td input[type="button"] { cursor:pointer; display:inline-block; vertical-align:middle; width:100px; height:40px; text-align:center; letter-spacing:-0.03em; color:#fff; font-size:13px; border:none; background-color:#117bf6; margin:0 4px 0 0; }

.login-box .member_box .info_box .btnBox { margin:80px 0 0 0; }
.login-box .member_box .info_box .btnBox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.login-box .member_box .info_box .btnBox .btn_left { float:left; }
.login-box .member_box .info_box .btnBox .btn_right { float:right; }
.login-box .member_box .info_box .btnBox a { display:inline-block; vertical-align:middle; width:200px; height:50px; text-align:center; color:#666; font-size:18px; border:1px solid #aaa; background-color:#fff; margin:0 0 0 4px; }
.login-box .member_box .info_box .btnBox input[type="button"] { cursor:pointer; display:inline-block; vertical-align:middle;width:200px; height:50px; text-align:center; color:#fff; font-size:18px; border:none; background-color:#117bf6; margin:0 4px 0 0; }
.login-box .member_box .info_box .btnBox a span { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.login-box .member_box .info_box .btnBox .btn_center { text-align:center; }

@media screen and (max-width:1024px){
	.login-box .member_box .info_box table colgroup col.col01 { width:125px !important; }
	.login-box .member_box .info_box td input.ip01 { width:100%; }
	.login-box .member_box .info_box td input.ip02 { width:250px; }
	.login-box .member_box .info_box td input.ip03 { width:200px; }
	.login-box .member_box .info_box td input.ip04 { width:200px; }
}
@media screen and (max-width:870px){
	.login-box .member_box .info_box td input.ip03,
	.login-box .member_box .info_box td input.ip04 { width:calc(50% - 12px) }
	.login-box .member_box .info_box td select.sel01 { margin-top:5px; width:100%;}
	.login-box .member_box .info_box td .stxt { display:block; margin:8px 0 0 0; }
}
@media screen and (max-width:640px){
	.login-box .member_box .info_box table colgroup col.col01 { width:85px !important; }
	.login-box .member_box .info_box th { padding:0 0 0 12px; }
	.login-box .member_box .info_box td { padding:10px 0 10px 10px; }
	.login-box .member_box .info_box td input.ip01_1 { width:calc(100% - 100px - 8px); }
	.login-box .member_box .info_box td input.ip02 { width:100%; }
	.login-box .member_box .info_box td textarea.ta01 { height:180px; }
	.login-box .member_box .info_box td .sbox { padding:10px; height:150px; }
	
	.login-box .member_box .info_box .btnBox { margin:50px 0 0 0; }
	.login-box .member_box .info_box .btnBox a { font-size:15px; width:calc(50% - 6px); }
	.login-box .member_box .info_box .btnBox input[type="button"] { font-size:15px; width:calc(50% - 6px); }
}