/* LOGIN */
.content-area.login {
  padding: 3rem 4rem;
}
.login input {
  width: 100%;
  display: block;
  padding: 12px;
  border: none;
  border-radius:100px; box-shadow: 0px 3px 10px -7px rgba(0,0,0,0.68); flex-direction:column;
  margin-bottom: 10px;
  box-sizing: border-box;
  outline: 0;
  background-color:#fff
}
.login #btn-login {
  margin-top: 3.4rem;
}
.login .help {
  text-align: center;
  font-size: 1.2rem;
  margin: 1.8rem 0;
}
.login #btn-join {
  margin-top: 1.0rem;
  font-size: 1.2rem;
}
.join-guide > img {
  width: 1.2rem;
  height: 1.2rem;
  text-align: center;
  vertical-align: top;
}
.join-guide > span {
  font-size: 1rem;
  color: #C8C8C8;
  vertical-align: top;
}
/* JOIN */
.content-area.join {
  padding: 4rem;
}
.div-checkbox > span {
  display: inline-block;
  vertical-align: top;
  font-size: 1.2rem;
  line-height: 2rem;
}
.div-checkbox > span.title {
  font-size: 1.4rem;
}
.join .div-checkbox, .change-pw .div-checkbox {
  padding: 1rem 0;
}
.join > div:first-child, .change-pw > div:first-child {
  padding-bottom: 1rem;
}
.join > div:last-of-type {
  padding: 1rem 0;
  border-top: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;
}
.join > div.join-form-2, .change-pw > div.join-form-2 {
  border: none;
  padding: 1.6rem 0;
}
.join > div .required {
  color: #F00;
  margin-left: 0.5rem;
}
.join .help-join {
  font-size: 1rem;
  color: #A8A8A8;
}
.join > div.join-form-2 input, .find-id-pw > div.join-form-2 input { 
  border: none;
  border-radius:100px; box-shadow: 0px 3px 10px -7px rgba(0,0,0,0.68); flex-direction:column;
  width: 100%;
  font-size: 1.2rem;
  padding: 1.25rem;
  box-sizing: border-box;
}
.join > div.join-form-2 > .div-input, .join > div.join-form-2 .div-select,
.find-id-pw > div.join-form-2 > .div-input {
  margin-bottom: 2.2rem;
}

.join > div.join-form-2 select {
  border: none;
  border-radius:100px; box-shadow: 0px 3px 10px -7px rgba(0,0,0,0.68); flex-direction:column;
  width: 100%;
  padding: 1.25rem;
  color: #282828;
  font-size: 1.2rem;
  outline: 0;
  background-color:#fff
}
#btn-next-2 {
  line-height: 1.5rem;
}
#btn-next-2 span {
  font-size: 1rem;
  font-weight: normal;
}
#auth-number {
  width: 54.3%;
}
#send-auth-number {
  width: 40%;
  background: #A8A8A8;
  color: #FFF;
  border: none;
  padding: 0.7rem 0.5rem;
  vertical-align: bottom;
  font-size: 1.2rem;
  letter-spacing: -1px;
  margin-right: 5%;
}

/* 아이디/비밀번호 찾기 */
.content-area.find-id-pw {
  padding: 4rem 4rem 2rem;
}
.find-id-pw-guide {
  margin-top: 0.5rem;
  background: #F2F2F2;
  height: 4.6rem;
  text-align: center;
  color: #717171;
  font-size: 1.1rem;
  line-height: 4.6rem;
  margin-bottom: 0.6rem;
}
.content-area.change-pw {
  padding-bottom: 0;
}
/* MY PAGE */
.content-area.mypage {
  padding: 2.2rem 2.8rem 0.6rem;
}
/*.mypage .container {
  border: 1px solid #E5E5E5;
  border-radius: 1rem;
  padding: 1rem;
  box-sizing: border-box;
 
 }*/
.mypage .container .scholarship {
  position: relative;
  padding: 0 1rem;
  display: inline-block;
  flex: 1;
}
.mypage .container .scholarship img {
  width: 1.4rem;
  vertical-align: bottom;
  margin-right: 0.3rem;
}
.mypage .container .scholarship button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  background: #F50000;
  font-size: 1.2rem;
  font-weight: 600;
  color: #FFF;
  padding: 0.1rem 0.5rem 0.2rem;
  letter-spacing: -1px;
  margin-top: -0.2rem;
}
.mypage .container .scholarship > div:first-child {
  margin-bottom: 0.7rem;
}
.mypage .scholarship-price-num {
  font-size: 3.4rem;
  font-weight: 800;
  margin-right: 0.5rem;
  letter-spacing:-0.05em;
}
.mypage .scholarship-price-text {
  font-size: 1.2rem;;
}
.mypage h3.mypage-subtitle, .mypage-mnt h3.mypage-subtitle {
  font-size: 1.5rem;
  font-weight: 800;
  padding: 0;
  margin: 2.8rem 0 1rem;
}
.mypage .sub-container {
 
  display: block;
}
.mypage .sub-container > div {
  display: block;
  padding: 1.8rem 0.7rem;
  border-bottom: 1px dashed #DFDFDF;
}
.mypage .sub-container > div:first-child {
  padding-top: 1.0rem;
}
.mypage .sub-container > div:last-of-type {
  border-bottom: none;
  padding-bottom: 0.8rem;
}
.mypage .sub-container > div > span {
  font-size: 1.3rem;
}
.mypage .sub-container > div > span.point {
  font-weight: 800;
  font-size: 1.6rem;
  float: right;
}
.mypage .sub-container:last-of-type {
  margin-bottom: 7rem;
}

/* 내 정보 관리 */
.mypage-mnt h3.mypage-subtitle {
  border-bottom: 1px solid #DFDFDF;
  padding: 0.8rem 0;
  margin-top: 1.7rem;
}
.mypage-mnt .container {
  padding: 0.8rem 0;
}
.mypage-mnt .container > img {
  width: 7.8rem;
  height: 7.8rem;
  border-radius: 50%;
  border: 1px solid #DFDFDF;
  margin: auto;
  display: block;
}
.mypage-mnt .container > div {
  text-align: center;
}
.mypage-mnt .container .user-name {
  font-size: 1.4rem;
  font-weight: 800;
  padding: 1rem 0;
}
.mypage-mnt .container .user-intro {
  font-size: 1.2rem;
}
.mypage-mnt .container.member-info > div {
  display: table;
  width: 100%;
}
.mypage-mnt .container.member-info > div > span {
  display: table-cell;
  padding: 1rem 0;
  font-size: 1.2rem;
  text-align: left;
}
.mypage-mnt .container.member-info > div > span:first-child {
  width: 25%;
}
.mypage-mnt .container.member-info > div > span:last-child {
  font-weight: 800;
}




/*임서희 텍스트 공통 추가*/

.mp_box{width:; border-radius:12px; padding:12px; display:flex; margin:7px 0 0 0}
.mp_box table{width:100%}
.mp_box table td{}
.mp_box table img{vertical-align:middle; margin:0 3px}
.bd_pk{border:2px solid #FF0077}
.bd_pp{border:2px solid #b44ee8}
.bd_or{border:2px solid #FF8800}
.bd_gy{border:2px solid #b1b3b8}


/*마진,패딩*/
.mtb5{margin-top:5px !important; margin-bottom:5px !important}
.mtb10{margin-top:10px !important; margin-bottom:10px !important}
.mtb15{margin-top:15px !important; margin-bottom:15px !important}
.mtb20{margin-top:20px !important; margin-bottom:20px !important}
.mtb30{margin-top:30px !important; margin-bottom:30px !important}
.mtb40{margin-top:40px !important; margin-bottom:40px !important}

.m_auto{margin:0 auto}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}

.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}
.mr40{margin-right:40px !important}

.mb3{margin-bottom:3px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}

/*텍스트 속성*/
.t_left{text-align:left !important}
.t_right{text-align:right !important}
.t_center{text-align:center !important}
.bold{font-weight:bold}
.purple{color:#b44ee8 !important}
.orange{color:#FF6600 !important}
.blue{color:#37a3ff !important}
.blue a{color:#067dfd !important}
.red{color:#ff000a !important}
.red2{color:#fc5b5b !important}
.green{color:#00b1af !important}
.gray{color:#636363 !important}
.gray2{color:#8f909b !important}
.pink{color:#ff00a8 !important}
.sky{color:#259edd !important}
.sky2{color:#00ffff !important}
.blue2{color:#5e78e4 !important}
.blue3{color:#74a1bd !important}
.pink{color:#f20865 !important}
.yl{color:#ffae00 !important}
.yl_light{color:#fcff00 !important}
.black{color:#000 !important}
.bgreen{color:#5cc5bf !important}
.wh{color:#fff !important}
.wh_op{color: rgba(255, 255, 255, 0.7) !important}
.bk{color:#282828 !important}
.t10{font-size:10px !important}
.t11{font-size:11px !important}
.t12{font-size:12px !important}
.t13{font-size:13px !important}
.t14{font-size:14px !important}
.t15{font-size:15px !important}
.t16{font-size:16px !important}
.t18{font-size:18px !important}
.t20{font-size:20px !important}
.t22{font-size:22px !important}
.t24{font-size:24px !important}
.t26{font-size:26px !important}
.t28{font-size:28px !important}
.t30{font-size:30px !important}
.t32{font-size:32px !important}
.t34{font-size:34px !important}
.t36{font-size:36px !important}
.t38{font-size:38px !important}
.t40{font-size:40px !important}

.under{text-decoration:underline}

.hidden{visibility: hidden !important}

.bot_line{border-bottom:1px solid #dfdfdf; padding-bottom:7px}

.txt{border:1px solid #dfdfdf; padding:5px 8px; border-radius:5px}
.txt2{border:none; border-bottom:1px solid #dfdfdf; padding:8px; margin:5px 0}

/*버튼 스타일*/
.btn{display:inline-block; text-align:center; padding:6px 20px; font-weight:700; border-radius:50px}
.btn_pop{display:inline-block; text-align:center; padding:10px 15px; font-weight:800; border-radius:50px}
.btn_m{display:inline-block; text-align:center; padding:3px 15px; font-weight:800; border-radius:50px}
.btn_m2{  text-align:center; padding:5px 10px; font-weight:800; border-radius:50px}
.btn_s{display:inline-block; text-align:center; padding:3px 10px; font-weight:800; border-radius:50px}
.btn_l{display:inline-block; text-align:center; padding:13px 15px; font-weight:800; border-radius:50px}
.btn_sq{display:inline-block; padding:3px 5px 2px 4px}
.btn img{vertical-align:middle; margin-right:7px}
.btn_s img{vertical-align:middle; margin:0 0 0 2px}
.btn_m img{vertical-align:middle; margin:0 0 0 2px}
.btn_zone{width:100%; margin:10px 0}

.w100{width:100%}
.w90{width:90%}
.w85{width:85%}
.w80{width:80%}

.rdo{border:1px solid red}

/*BG colors*/
.bg_pb{background-color:#8d62e5}
.bg_wh{background-color:#fff !important}
.bg_red{background-color:#ff5050 !important}
.bg_org{background-color:#ec502a}
.bg_pp{background-color:#aa77e5 !important}
.bg_sky{background-color:#1aaff3 !important}
.bg_pink{background-color:#ff37c9 !important}
.bg_gy{background-color:#f5f5f5 !important}
.bg_gy2{background-color:#bababa !important}
.bg_blue{background-color:#4760f9 !important}
.bg_yl{background-color:#fbe300 !important}
.bg_yl2{background-color:#ffbb3c !important}
.bg_cy{background-color:#b8ffcf !important}
.bg_gr{background-color:#00bac1 !important}
.bg_gr2{background-color:#00c188 !important}