@charset "UTF-8";


/*Login*/
.join-wrap {padding:70px 0 120px 0; width:915px; margin:0 auto;font-family:'Pretendard';font-weight:400;}
.join-wrap h2 {text-align:center; font-size:35px; height:45px; line-height:45px; font-weight:500;}
.login-cont {width:600px;margin:0 auto;position: relative;}
.login-box {position:relative; padding:20px;display:flex;flex-direction:column;}
.userid {width:100%;height:50px; border:1px solid #ccc; padding-left:25px; margin-bottom:10px; font-size:15px; color:#717171;}
.userid:focus {outline:none; border:1px solid #ff9c00;}
.userpw {width:100%;height:50px; border:1px solid #ccc; padding-left:25px; margin-bottom:10px; font-size:15px; color:#717171;}
.userpw:focus {outline: none;border: 1px solid #ff9c00;}
.login-pass {position:relative; border-top:1px solid #e1e1e1; background:#f2f2f2; padding:20px;}
.login-pass:after {content:""; display:block; clear:both;}
.login-pass strong {font-size:17px; height:50px; line-height:50px}
.login-sms-pass {background:#f2f2f2; padding:20px 30px; border-top:1px solid #e1e1e1;}
.login-sms-pass ul li {padding-bottom:10px;}
.login-sms-pass ul li:last-child {padding-bottom:0}
.userphone {width:380px; cursor:pointer;}
.userpass {width:380px; cursor:pointer;}
.btn-login-group {display:flex;justify-content:center;gap:15px;width: 100%;border-top:1px solid #e1e1e1; padding:20px 0 10px;}
.btn-login {width:100%;height:50px;background-color: #2871d0;color: #fff;font-size: 20px;border: none;border-radius:5px;cursor: pointer;margin-left:0;}
.btn-link{font-size:15px; font-weight:500;display:flex;align-items:center;gap:15px;}
.btn-link:after{content:"";display:block;width:1px;height:10px;background:#aaa;}
.btn-link:last-child:after{display:none;}
.btn-pass{ position:absolute; display:inline-block; width:135px; top:20px; right:20px; background:#0887c2; color:#fff; border:0; height:47px; line-height:47px; padding:0 10px;}
.btn-smspass {display:inline-block; width:135px; margin-left:20px; background:#666; color:#fff; border:0; height:37px; line-height:37px; padding:0 10px;}
.btn-smspass:hover {background:#333}
#liRemain {text-align:right; padding-right:5px;}
 
.join-tab {border-left:1px solid #ccc; overflow:hidden;width:100%;}
.join-tab li{float:left; text-align:center; width:50%; box-sizing:border-box; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom: 1px solid #ccc;}
.join-tab li:hover {background-color:#0887c2; border-color:#eee}
.join-tab li:hover a {color:#eee; font-size:16px; font-weight:500}
.join-tab li a{display: block; width:100%; box-sizing:border-box; padding: 11px 0;}
.join-tab .tab.on{background-color:#0887c2;}
.join-tab .tab.on a{width:100%; box-sizing:border-box; background-color:#0887c2; color :#eee; font-size:16px; font-weight:500}

.joininfowrap{border:1px solid #cccccc; background:#f5f5f5; text-align:center; padding:40px 20px}
.jointitle{font-weight:500; font-size:25px; line-height:25px; margin-bottom:30px}
.joincont{font-size:17px; line-height:30px}