#wrap {
  width: 100%;
  float: left;
  overflow: hidden;
}
/* 공통 */
.left {
  float: left;
}
.right {
  float: right;
}
/* 공통 */

/* 로그인 */
.login_form {
  width: 100%;
  float: left;
  padding: 0 10%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.login_form .login_logo {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 14%;
}
.login_form .login_input {
  width: 100%;
  float: left;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5%;
  font-weight: bold;
}
.login_form .login_input input {
  padding: 5% 10px;
  height: auto;
}
.login_form .login_input input:first-child {
  margin-bottom: 3%;
}
.login_form .login_btn {
  width: 100%;
  float: left;
  font-weight: bold;
}
.login_form .login_btn span {
  padding: 0 3%;
}
.login_form .login_btn p {
  text-align: center;
}
.login_form .login_btn p:first-child {
  color: #666666;
}
.login_form .login_btn p:last-child {
  padding: 0 5%;
  margin-top: 5%;
}
.login_form .login_btn button {
  width: 100%;
  background: #2c3d7c;
  border-radius: 25px;
}
/* 로그인 */

/* 로그인저장버튼 영역 */
.saveWrap {
  width: 100%;
  height: 50px;
  line-height: 50px;
  float: left;
  margin-top: 10px;
}
.saveWrap > label {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  cursor: pointer;
}
.saveWrap > label > input {
  display: none;
}
.saveWrap > label > i {
  display: none;
  margin-right: 5px;
}
.saveWrap > label > i.off {
  display: inline-block;
  color: #333;
  opacity: 0.65;
}
.saveWrap > label > i.on {
  color: #4b88b5;
}
.saveWrap > label > span {
  display: inline-block;
  color: #333;
  opacity: 0.65;
  font-weight: 400;
  font-size: 13px;
}
.saveWrap > label > input:checked ~ i.on {
  display: inline-block;
}
.saveWrap > label > input:checked ~ i.off {
  display: none;
}
/* 로그인저장버튼 영역 */

/* 서브페이지 상단 페이지 이름 부분 */
#pageTitleWrap {
  width: 100%;
  float: left;
  padding: 5%;
  background-color: #cc3333;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
#pageTitleWrap i {
  margin-right: 2%;
}
/* 서브페이지 상단 페이지 이름 부분 */

/* 서브페이지 탭메뉴 */
#tabMenuListWrap {
  width: 100%;
  float: left;
  padding: 0% 7%;
  background-color: #fff;
}
#tabMenuListWrap ul {
  float: left;
  width: 100%;
  float: left;
}
#tabMenuListWrap ul li {
  float: left;
  width: auto;
  text-align: center;
  padding: 5% 0%;
  font-weight: bold;
}
#tabMenuListWrap ul li.active {
  border-bottom: 2px solid #cc3333;
}
#tabMenuListWrap ul li a {
  font-size: 15px;
}
/* 서브페이지 탭메뉴 */

/* 서브페이지 대시보드 */
#Sub_dashboard {
  width: 100%;
  float: left;
  padding: 5% 0 2% 0;
}
#Sub_dashboard ul {
  width: 100%;
  float: left;
  padding: 5%;
  background-color: #bac0c9;
}
#Sub_dashboard ul li {
  float: left;
  width: auto;
}
#Sub_dashboard ul li div {
  float: left;
  width: 100%;
  border-left: 1px solid #fff;
}
#Sub_dashboard ul li:first-child div {
  border-left: none;
}
#Sub_dashboard ul li span {
  width: 100%;
  float: left;
  text-align: center;
}
#Sub_dashboard .dashboard_cnt {
  color: #fff;
  font-size: 17px;
  font-weight: 500;
}
#Sub_dashboard .cnt_name {
  color: #000;
  font-size: 13px;
  font-weight: 500;
  margin-top: 2%;
}
.lastUpdateTime {
  text-align: right;
  font-size: 11px;
  color: #999;
  padding-right: 4%;
  margin-top: 4%;
  float: left;
  width: 100%;
}
.lastUpdateTime i {
  margin-right: 1%;
}
/* 서브페이지 대시보드 */

/* 서브 컨텐츠 공통 */
.content_Wrap {
  width: 100%;
  float: left;
  background-color: #fff;
}
.content_Wrap > div {
  width: 100%;
  float: left;
  padding: 5%;
}
.content_Wrap .content_section {
  width: 100%;
  float: left;
}
.content_Wrap .content_section:not(:first-child) {
  margin-top: 6%;
}
.content_Wrap .content_section:not(:first-child):not(.price_section) {
  margin-top: 6%;
}
.content_Wrap .content_section .left {
  width: 50%;
  height: 20px;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
}
.content_Wrap .content_section .right {
  width: 50%;
  height: 20px;
  text-align: right;
  font-size: 12px;
  color: #999999;
}
.content_Wrap .content_section .right span {
  width: 100%;
  float: left;
  height: 20px;
  vertical-align: bottom;
  text-align: right;
  font-size: 12px;
  color: #999999;
}
.content_Wrap .content_section .section_title {
  width: 100%;
  float: left;
}
.price_section {
  margin-top: 20%;
}
/* 서브 컨텐츠 공통 */

/* 가져가서 쓸만한 클레스 */
.red_border_box {
  border: solid 1px #cc3333;
  background-color: #fff;
  float: left;
  width: 100%;
  border-radius: 5px;
  padding: 8% 3%;
}
table {
  width: 100%;
  float: left;
  border-top: 2px solid #d7d7d7;
  margin-top: 2%;
}
table > thead > tr > th {
  height: 50px;
  padding: 1% 2%;
  background-color: #f0f2f8;
}
table.ui-datepicker-calendar > thead > tr > th,
table.ui-datepicker-calendar > tbody > tr > td {
  height: 35px;
}
table > tbody > tr:not(:first-child) {
  margin-top: 2%;
}
table > tbody > tr > th {
  line-height: 50px;
  vertical-align: top;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #d7d7d7;
  background: #f0f2f8;
}
table > tbody > tr > td {
  height: 50px;
  padding: 1% 2%;
  color: #666;
  border-bottom: 1px solid #d7d7d7;
}
table > tbody > tr .date input {
  width: 45%;
  float: left;
}
table > tbody > tr .date span {
  width: 10%;
  text-align: center;
  line-height: 35px;
  float: left;
}
select.txtBox {
  border-radius: 0;
  min-width: 140px;
  height: 35px;
  float: left;
  color: #666;
  border: 1px solid #e1e1e1;
  padding: 0 10px;
  letter-spacing: -0.5px;
}
select.listSet {
  border-radius: 0;
  width: 140px;
  height: 35px;
  float: left;
  color: #666;
  border: 1px solid #e1e1e1;
  padding: 0 10px;
  letter-spacing: -0.5px;
  background-color: white;
}
input.txtBox {
  width: 100%;
  height: 35px;
  float: left;
  color: #666;
  border: 1px solid #e1e1e1;
  padding: 0 10px;
  letter-spacing: -0.5px;
}
textarea.txtBox {
  width: 100%;
  height: 150px;
  float: left;
  color: #666;
  border: 1px solid #e1e1e1;
  padding: 10px;
  letter-spacing: -0.5px;
  resize: none;
}
.button_wrap {
  width: 100%;
  float: left;
}
.button_wrap div {
  width: 100%;
  float: left;
}
.button_wrap div button {
  width: 100%;
  float: left;
}
.button_wrap div button.main_button {
  float: none;
  display: inline-block;
  margin: 0 2px;
  background: #cc3333;
  height: 48px;
  line-height: 48px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
/* 가져가서 쓸만한 클레스 */

/* 상품선택 */
#sms_charge .wares_box {
  width: 100%;
  float: left;
  margin-top: 3%;
}
#sms_charge .wares_box .title {
  width: 24%;
  text-align: center;
  font-weight: bold;
  color: #cc3333;
  float: left;
  font-size: 17px;
  line-height: 35px;
}
#sms_charge .wares_box .wares_select {
  width: 76%;
  float: left;
}
#sms_charge .wares_box .txtBox {
  width: 100%;
  float: left;
}
#sms_charge .total_pay_wrap {
  width: 100%;
  float: left;
  margin-top: 5%;
}
#sms_charge .total_pay_wrap .last_pay {
  width: 100%;
  float: left;
  border-top: 1px solid #000;
  padding: 3% 0%;
}
#sms_charge .total_pay_wrap .last_pay span {
  float: right;
  color: #000;
  width: auto;
  line-height: 20px;
}
#sms_charge .total_pay_wrap .last_pay .total_tit {
  font-weight: 500;
  font-size: 13px;
  padding: 0px 8%;
}
#sms_charge .total_pay_wrap .last_pay .total_pay_point {
  font-weight: bold;
  font-size: 16px;
  color: #cc3333;
}

/* 토글버튼 */
label.toggle2 {
  cursor: pointer;
  background-color: #eee;
  width: 30px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.5s;
  padding: 3px 8px;
  border-radius: 25px;
}
label.toggle2 > div {
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 100%;
  float: left;
  transition: all 0.5s;
  left: -4px;
}
input.toggle2 {
  display: none;
}
input.toggle2:checked + label.toggle2 {
  background-color: #2790ff;
}
input.toggle2:checked + label.toggle2 > div {
  left: 5px;
}

/* 마이페이지 */
.month_pay {
  width: 100%;
  float: left;
}
.month_pay .left {
  width: 70%;
}
.month_pay .right {
  width: 30%;
  text-align: right;
}
.month_pay .right > p {
  font-weight: 700;
}
.month_pay .right > p > span {
  font-size: 17px;
}
.month_pay .tit .point {
  color: #cc3333;
  line-height: 34px;
}
.month_pay .tit .regularPayText {
  margin-left: 2%;
}
.month_pay .tit .monthPrice {
  color: #000;
  font-size: 13px;
  padding: 5px 0px;
}
.etc_content {
  width: 100%;
  float: left;
}
.etc_content .formBox {
  width: 100%;
  float: left;
  margin-top: 5%;
  background-color: #f8f8f8;
  padding: 3% 5%;
}
.etc_content .formBox .title_wrap {
  width: 100%;
  float: left;
}
.etc_content .formBox .title_wrap > p {
  font-weight: 700;
  color: #666666;
  font-size: 13px;
}
.etc_content .content {
  width: 100%;
  float: left;
  margin-top: 5%;
}
.myEtcContent {
  width: 100%;
  float: left;
  font-weight: 700;
  font-size: 15px;
}
.item_chart {
  margin-top: 2%;
  width: 100%;
  float: left;
}
.item_chart li {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}
.item_chart li > span:nth-child(1) {
  font-weight: 900;
  font-size: 15px;
}
.item_chart li > span:nth-child(2) {
  font-weight: 500;
  font-size: 13px;
  margin-left: 2%;
}
.formBox i.on {
  display: none;
}
.formBox input[type="checkbox"]:checked + label i.on {
  display: inline-block;
}
.formBox input[type="checkbox"]:checked + label i.off {
  display: none;
}
.formBox .form_check {
  width: 100%;
  float: left;
}
.formBox .form_check li {
  width: 100%;
  float: left;
  line-height: 26px;
}
.formBox .form_check li a {
  float: left;
  text-decoration: underline;
}
.formBox .form_check li span {
  float: left;
}
.formBox i {
  float: left;
  line-height: 26px;
  margin-right: 5px;
}
.check_tit {
  line-height: 26px;
  width: 100%;
  float: left;
  margin-top: 2%;
}
.regularPaySection .regularPayButton {
  left: 50%;
  width: 45%;
  transform: translateX(-50%);
}
.centerBtns {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.BtnsBox {
  height: 63px;
}
.userSection {
  float: left;
  width: 100%;
  margin-top: 25px;
}
.userSection .left {
  width: 35%;
}
.userSection .right {
  width: 65%;
  text-align: right;
}
.userSection .left > a {
  color: #333333;
  font-weight: 500;
}
.userSection .right > span {
  color: #999999;
}
.userSection > div .division_line {
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #cccccc;
  margin: 0 10px;
}

/* mypageV 추가 css */
.mypage_userInfo_wrap {
  width: 100%;
  height: 45px;
  float: left;
}
.mypage_userInfo_wrap .mypage_user_icon_wrap {
  width: 45px;
  height: 100%;
  float: left;
}
.mypage_userInfo_wrap .mypage_user_icon_wrap .mypage_user_icon {
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  float: left;
  border-radius: 50%;
}
.mypage_userInfo_wrap .mypage_user_icon_wrap .mypage_user_icon > i {
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #d7d7d7;
  font-size: 19px;
}
.mypage_userInfo_wrap .mypage_user_info_wrap {
  width: calc(100% - 55px);
  height: 100%;
  float: left;
  padding-top: 5px;
  margin-left: 10px;
}
.mypage_userInfo_wrap .mypage_user_info_wrap .mypage_user_name_warp {
  width: 100%;
  float: left;
}
.mypage_userInfo_wrap .mypage_user_info_wrap .mypage_user_name_warp > p {
  font-weight: 900;
  font-size: 13px;
}
.mypage_userInfo_wrap .mypage_user_info_wrap .mypage_user_detail_info_wrap {
  width: 100%;
  float: left;
}
.mypage_userInfo_wrap
  .mypage_user_info_wrap
  .mypage_user_detail_info_wrap
  .left
  > p {
  color: #999999;
  font-size: 11px;
}
.mypage_userInfo_wrap
  .mypage_user_info_wrap
  .mypage_user_detail_info_wrap
  .right
  > a {
  color: #b9b9b9;
  font-size: 11px;
  border: 1px solid #dedede;
  padding: 5px 15px;
  border-radius: 5px;
}
.mypage_userInfo_wrap
  .mypage_user_info_wrap
  .mypage_user_detail_info_wrap
  .right
  > a
  > i {
  color: #ababab;
  font-size: 9px;
}
.mypage_userInfo_wrap
  .mypage_user_info_wrap
  .mypage_user_detail_info_wrap
  .right
  > a
  > span {
  margin-left: 5px;
  top: 1px;
}
.user_point_info_wrap {
  width: 100%;
  float: left;
  background-color: #fcf5f5;
  margin-top: 5%;
  border-radius: 10px;
}
.user_point_info_wrap .user_point_info_wrap_inner {
  width: 100%;
  float: left;
  padding: 20px 30px 0 30px;
}
.user_point_info_wrap .division_line,
.user_point_info_wrap > div .division_line {
  width: 100%;
  height: 1px;
  float: left;
  border-top: 1px solid #000000;
  opacity: 0.05;
  margin-top: 15px;
}
.user_point_info_wrap > div .remain_wrap {
  width: 100%;
  float: left;
}
.user_point_info_wrap > div .remain_wrap .left > p:nth-child(1),
.user_point_info_wrap > div .remain_wrap .right > p:nth-child(1) {
  font-size: 13px;
  font-weight: 900;
  color: #3f3f3f;
}
.user_point_info_wrap > div .remain_wrap .left > p:nth-child(2),
.user_point_info_wrap > div .remain_wrap .right > p:nth-child(2) {
  font-size: 12px;
  color: #757575;
}
.user_point_info_wrap > div .use_wrap {
  width: 100%;
  float: left;
  margin-top: 3%;
}
.user_point_info_wrap > div > div > div > p:nth-child(2) {
  margin-top: 2%;
}
.user_point_info_wrap > div .use_wrap .left > p,
.user_point_info_wrap > div .use_wrap .right > p {
  font-size: 12px;
  color: #757575;
}
.user_point_info_wrap > div .use_wrap .left > p:nth-child(2),
.user_point_info_wrap > div .use_wrap .right > p:nth-child(2) {
  font-weight: 900;
  color: #cc3333;
}
.user_point_info_wrap > div > div > div {
  width: 50%;
}
.user_point_info_wrap > div > div .left {
  text-align: left;
}
.user_point_info_wrap > div > div .right {
  text-align: right;
}
.user_point_info_wrap .guide_wrap {
  width: 100%;
  float: left;
  padding: 15px 20px;
}
.user_point_info_wrap .guide_wrap .left {
  width: calc(100% - 70px);
  float: left;
}
.user_point_info_wrap .guide_wrap .left > p {
  color: #757575;
  font-size: 12px;
}
.user_point_info_wrap .guide_wrap .left > p > span {
  color: #cb2f2f;
  font-weight: 900;
  margin-left: 3px;
}
.user_point_info_wrap .guide_wrap .left > p > i {
  color: #000000;
  opacity: 0.2;
  margin-right: 5px;
}
.user_point_info_wrap .guide_wrap .right {
  width: 70px;
  float: left;
  text-align: right;
}
.user_point_info_wrap .guide_wrap .right > a {
  color: #383838;
}
.user_point_info_wrap .guide_wrap .right > a > i {
  margin-left: 10px;
  color: #6c6c6c;
}
.mypage_info_wrap {
  width: 100%;
  float: left;
  margin-top: 5%;
}
.mypage_info_wrap .mypage_info_inner {
  width: 100%;
  float: left;
}
.mypage_info_wrap .mypage_info_inner .title {
  width: 100%;
  float: left;
  padding-bottom: 10px;
  border-bottom: 1px solid #a5a5a5;
}
.mypage_info_wrap .mypage_info_inner .title > p {
  font-weight: 900;
  font-size: 15px;
}
.mypage_info_wrap .mypage_info_inner .content {
  width: 100%;
  float: left;
  margin-top: 5%;
}
.mypage_info_wrap .mypage_info_inner .content > div {
  width: 100%;
  float: left;
}
.mypage_info_wrap .mypage_info_inner .content > div > div {
  width: 50%;
  float: left;
}
.mypage_info_wrap .mypage_info_inner .content > div > div:not(:nth-child(1)) {
  margin-top: 10px;
}
.mypage_info_wrap .mypage_info_inner .content > div .left {
  text-align: left;
}
.mypage_info_wrap .mypage_info_inner .content > div .right {
  text-align: right;
}
.mypage_info_wrap .mypage_info_inner .content > div > div > p {
  font-weight: 500;
  color: #383838;
}
.mypage_info_wrap .mypage_info_inner .content .content_inner {
  padding: 3% 3%;
}
.mypage_info_wrap .mypage_info_inner .content .content_inner > div {
  width: 100%;
}
.mypage_info_wrap
  .mypage_info_inner
  .content
  .content_inner
  > div:not(:nth-child(1)) {
  margin-top: 8%;
}
.mypage_info_wrap .mypage_info_inner .content .content_inner > div {
  line-height: 35px;
}
.mypage_info_wrap .mypage_info_inner .content .content_inner .left {
  width: 25%;
  font-weight: 700;
  font-size: 13px;
}
.mypage_info_wrap .mypage_info_inner .content .content_inner .right {
  width: calc(75% - 90px);
  float: left;
  text-align: left;
}
.mypage_info_wrap .mypage_info_inner .content .content_inner .right.password {
  font-size: 9px;
}
.mypage_info_wrap .mypage_info_inner .content .content_inner .button_wrap {
  width: 90px;
  float: left;
  text-align: right;
}
.mypage_info_wrap
  .mypage_info_inner
  .content
  .content_inner
  .button_wrap
  > button {
  width: 75px;
  height: 35px;
  float: right;
  border: 1px solid #cc3333;
  background-color: #fff;
  color: #cc3333;
  border-radius: 5px;
}
.mypage_guide_wrap {
  width: 100%;
  float: left;
  margin-top: 5%;
}
.mypage_guide_wrap .mypage_guide_inner {
  width: 100%;
  float: left;
  height: 71px;
  background-color: #f8f8f8;
  padding: 0 20px;
}
.mypage_guide_wrap .mypage_guide_inner .guide {
  width: 100%;
  float: left;
  top: 50%;
  transform: translateY(-50%);
}
.mypage_guide_wrap .mypage_guide_inner .guide .icon_wrap {
  width: 26px;
  height: 30px;
  float: left;
  text-align: center;
}
.mypage_guide_wrap .mypage_guide_inner .guide .icon_wrap > i {
  float: left;
  font-size: 24px;
  color: #000000;
  opacity: 0.1;
  top: 50%;
  transform: translateY(-50%);
}
.mypage_guide_wrap .mypage_guide_inner .guide .division_wrap {
  float: left;
}
.mypage_guide_wrap .mypage_guide_inner .guide .division_wrap .line {
  width: auto;
  float: left;
  margin: 0 10px;
  color: #000000;
  opacity: 0.1;
  font-size: 25px;
  bottom: 3px;
}
.mypage_guide_wrap .mypage_guide_inner .guide .text_wrap {
  width: calc(100% - 52px);
  float: left;
  height: 30px;
}
.mypage_guide_wrap .mypage_guide_inner .guide .text_wrap > p {
  color: #999999;
  font-size: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.my_page .tit {
  width: 100%;
  float: left;
  font-weight: 600;
  color: #333;
  font-size: 15px;
  padding: 3% 5%;
  border: 1px solid #cc3333;
  margin-top: 5%;
  border-radius: 10px;
}
.signup_wrap {
  width: 100%;
  float: left;
}
.signup_wrap > div {
  width: 100%;
  float: left;
  padding: 5% 5%;
}
.signup_title_wrap {
  width: 100%;
  height: 65px;
  float: left;
  padding: 5% 0;
}
.signup_title_wrap > a {
  font-size: 16px;
}
.signup_title_wrap > a > span {
  margin-left: 3%;
  font-weight: 700;
}
.signup_guide_wrap {
  width: 100%;
  float: left;
  margin-top: 5%;
}
.signup_guide_wrap > p {
  font-weight: 500;
  font-size: 21px;
}
.signup_wrap > div .content_wrap {
  width: 100%;
  float: left;
}
.signup_wrap > div .content_wrap .title {
  width: 100%;
  float: left;
  font-weight: 700;
  font-size: 17px;
  padding-bottom: 3%;
  border-bottom: 1px solid #000000;
  margin-top: 20%;
}
.signup_wrap > div .content_wrap .content .left {
  width: 17%;
  float: left;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  height: 60px;
}
.signup_wrap > div .content_wrap .content .left > p {
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}
.signup_wrap > div .content_wrap .content .right {
  width: 79%;
  float: left;
  margin-left: 3%;
}
.signup_wrap > div .content_wrap .content .right > input {
  width: 100%;
  height: 60px;
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
  border-radius: 7px;
  padding-right: 35px;
}
.signup_wrap > div .content_wrap .content .right > select {
  width: 100%;
  height: 60px;
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
  border-radius: 7px;
  padding: 1% 5%;
}
.signup_wrap > div .content_wrap .content {
  width: 100%;
  float: left;
  margin-top: 5%;
}
.signup_wrap > div .content_wrap .check_list_content {
  width: 100%;
  float: left;
  background-color: #f5f5f5;
  padding: 8% 5%;
}
.signup_wrap > div .content_wrap .check_list_content .sub_title {
  width: 100%;
  float: left;
  padding-bottom: 5%;
  border-bottom: 1px solid #e6e6e6;
}
.signup_wrap > div .content_wrap .check_list_content .sub_title > label > i {
  font-size: 16px;
}
.signup_wrap > div .content_wrap .check_list_content .sub_title > label > span {
  font-size: 16px;
  font-weight: 500;
  margin-left: 3%;
}
.signup_wrap > div .content_wrap .check_list_content .termsList {
  width: 100%;
  float: left;
  margin-top: 5%;
}
.signup_wrap > div .content_wrap .check_list_content .termsList > div {
  width: 100%;
  float: left;
}
.signup_wrap
  > div
  .content_wrap
  .check_list_content
  .termsList
  > div:not(:nth-child(1)) {
  margin-top: 3%;
}
.signup_wrap
  > div
  .content_wrap
  .check_list_content
  .termsList
  > div
  > label
  > i {
  font-size: 14px;
}
.signup_wrap
  > div
  .content_wrap
  .check_list_content
  .termsList
  > div
  > label
  > span {
  font-size: 14px;
  margin-left: 3%;
}
.signup_wrap
  > div
  .content_wrap
  .check_list_content
  .termsList
  > div
  > label
  > a {
  float: right;
  color: #cfcdcd;
  font-size: 14px;
}
.button_wrap {
  width: 100%;
  float: left;
}
.button_wrap > div {
  width: 100%;
  float: left;
}
.button_wrap > div > button {
  width: 100%;
  height: 59px;
  text-align: center;
  border: none;
  background-color: #eeeeee;
  color: #999999;
  font-weight: 500;
  left: 50%;
  transform: translateX(-50%);
}
.button_wrap > div > button.active {
  background-color: #cc3333;
  color: #ffffff;
}
.fix_icon {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 17px;
  color: #000000;
}
.terms_title_wrap {
  padding-bottom: 4%;
  border-bottom: 1px solid #eeeeee;
}
.signup_wrap > div .terms_wrap {
  width: 100%;
  float: left;
  margin-top: 4%;
}
.signup_wrap > div .terms_wrap > p {
  font-size: 14px;
}
.terms_confirm_btn {
  background-color: #000000 !important;
}
.terms_confirm_btn > span {
  color: #ffffff !important;
  font-size: 15px;
  top: 1px;
}
.pw_not_same_text {
  float: left;
  color: #cc3333;
  font-size: 11px;
  margin-left: 5%;
  margin-top: 2%;
  font-weight: 500;
  display: none;
}
.red-border {
  border: 1px solid #cc3333 !important;
}
.find_id_title .sub_guide {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  margin-top: 2%;
}
.find_user_wrap {
  height: 100%;
}