@charset "utf-8";

/*로그인*/
.loginBox{max-width:550px;margin:auto;border:10px solid #B5B5B5;border-radius: 5px}
.loginBox h3, .loginBox h6{text-align: center}
.loginBox h6{font-weight: 300}
.loginBox .loginInfo{text-align: center;}

/* 회원가입 */
.joinCon {}

.joinGuide{display:flex;justify-content: space-between;width:80%;margin:auto;}
.joinGuide li{padding-bottom:10px}
.joinGuide dl{float:left;font-size:1.5em;margin-left:15px;}
.joinGuide dd{font-weight:500;}
.joinGuide .cont,.joinGuide .arrow{display: flex;justify-content: center;align-items: center;}
.joinGuide .cont .icon span{float:left;border:2px solid #828282;width:90px;height:90px;border-radius: 50%;display: flex;justify-content: center;align-items: center;padding:10px;background-color: #F0F0F0;}
.joinGuide .cont .icon {float:left;}
.joinGuide .arrow i{color:#B0B0B0;}
.joinGuide .current{border-bottom:6px solid #dddddd;}
.joinGuide .current .icon span{background-color: #C3C3C3;}


.agreement {font-size:1em;height: 200px;overflow-y:scroll;}
.check{font-size:.8em;}

.inputGroup{max-width:700px;margin:auto; }
.inputGroup div label{font-weight:500;}
.inputGroup div.require label::after{font-family: "Font Awesome 5 Light"; content: "\f069";display: none;margin-top:-10px;}
.inputGroup div.require label i{margin-left:5px;font-size:.4em;font-weight:500;position: absolute;top:7px!important;}

.welcome ul li{padding:10px;border-bottom:1px dotted #dddddd;}

@media screen and (max-width: 960px) {
  .joinGuide{width:100%;}
  .joinGuide .cont .icon{display: none}
  .joinGuide dl{font-size:1.2em}

}

@media screen and (max-width: 540px) {
  .joinGuide .arrow i{font-size:1em;}
  .joinGuide dl{font-size:1em}
  .joinCon .card-header h4{font-size:1.2em;}
}