/* common */
/* NICK NAME */
.d_my_nickname {
  margin-top: 30px;
  display: flex;
  align-items: flex-end;
}
.d_my_nickname figure {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin-right: 28px;
}
.d_my_nickname figure img {
  width: 100%;
  display: block;;
}
.d_my_nickname .d_nick_text .d_nickname {
  font-weight: bold;
  font-size: 1.875rem;
}
.d_my_nickname .d_nick_text > span {
  color: #6796c4;
  font-size: 1.125rem;
  margin-right: 13px;
}


.d_account_page01 {
  padding: 0;
}
.d_account_form {
  margin-bottom: 140px;
}
.d_account_page01 .d_inner {}

.d_account_page01 .d_my_nickname {
  margin-bottom: 65px;
}
.d_account_page01 h3 {
  margin-bottom: 20px;
}
.d_account_page01.k_pop_wrap h3 {
  font-weight: bold;
  font-size: 1.125rem;
}
.d_account_page01 .account_info {
  margin-bottom: 35px;
}
.d_account_page01 .account_info:last-of-type {
  margin-bottom: 0;
}
.d_account_page01 .account_info input[type="text"] {
  width: 422px;
  height: 49px;
  padding-left: 18px;
  border: 1px solid #c2c2c2;
}
.d_account_page01 .account_info input::placeholder {
  color: #6796c4;
}
.d_account_sace_btn_wrap {
  width: 346px;
  margin: 0 auto;
}
.d_account_sace_btn_wrap .account_save_btn {

  margin: 90px 0 35px;
}
.d_account_page01 .d_account_intro input[type="text"] {
  width: 100%;
}
.d_account_btn {
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  color: #1579db;
  width: 284px;
  height: 29px;
  line-height: 29px;
  margin: 0 auto;
  margin-bottom: 25px;
}
.member_btn {
  margin-bottom: 0;
  background: #dae4ed;
  width: 284px;
  height: 29px;
}

@media (max-width: 720px) {
  .d_account_form {
    margin-bottom: 0;
  }
  .d_my_nickname {
    flex-direction: column;
    align-items: center;
  }
  .d_account_page01 .account_info input[type="text"] {
    width: 100%;
  }
  .d_account_page01 .d_account_intro input[type="text"] {
    height: 200px;
  }
  .d_account_sace_btn_wrap .account_save_btn {
    margin: 25px 0 80px;
  }
  .d_account_btn {
    margin-bottom: 50px;
  }
  .d_account_sace_btn_wrap {
    width: 100%;
  }
}


/* 팝업 시작 */
.k_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 2000; display: none;
}
.k_pop_inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 100%;max-width: 526px;background: #FFF;box-shadow: 5px 5px 13px rgba(0,0,0,0.3);padding: 0px;
height: 100%; max-height: 767px; overflow:hidden; overflow-y: scroll;
}

.pop_content{position: relative;
  background-color: #fff;
}
.pop_content .d_pop_top {
  position: relative;
  height: 80px;
  width: 100%;
  padding: 0 20px;
  background-color: #e3e9e9;
}
.pop_content .d_pop_top h2 {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 80px;
}
.pop_content .d_pop_cont {
  padding: 60px 43px 45px;
}
#k_pop_02 .pop_content .d_pop_cont {
  padding: 60px 20px 45px;
}
.pop_content .d_pop01_cont h3 {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.pop_content .d_pop_cont .account_info {margin-bottom: 40px;}
.pop_content .d_pop_cont .account_info input[type="text"] {
  width: 100%;
  height: 49px;
  padding-left: 18px;
}
.pop_content .d_pop_cont .account_info p {
  color: #ff3e3e;
  font-size: 1rem;
  margin: 10px 0;
  line-height: 1;
}
.pop_content .d_pop_cont ul li {
  display: flex;
  margin-bottom: 20px;
  font-size: 1.125rem;
}
.pop_content .d_pop_cont ul li .d_blue_dot {
  margin-right: 9px;
}
.pop_content .d_change_pass_btn_wrap,
.pop_content .d_confirm_btn_wrap {
  max-width: 346px;
  margin: 0 auto;
}
.pop_content .change_pass_btn {
  font-weight: bold;
  margin: 70px 0 0;
}
.pop_content .confirm_btn {
  margin: 210px 0 0;
}
.pop_close{position: absolute;top: 50%;right: 20px;width: 30px;height: 30px;
transform: translateY(-50%);
}
.pop_close span{position: absolute;top: 14px;left: 0;width: 100%;height: 2px;background: #222;transition: transform 0.3s;}
.pop_close span:nth-child(1){transform: rotate(45deg);}
.pop_close span:nth-child(2){transform: rotate(-45deg);}
.pop_close:hover span{transform: rotate(0);}
.k_pop_wrap .d_pop_bg {width: 100%; height: 100%;}

/* account02 시작 */
.d_account02_page01 .d_my_nickname {
  margin-bottom: 30px;
}
.d_account02_page02 {
  background: url("../img/footer/pattern_main.jpg");
  /* padding: 15px 60px 0; */
  /* padding: 15px 0px 0; */
  padding: 15px 2% 0;
}
.d_account02_page02 .d_list_con {
  max-width: 1920px;
  margin: 0 auto;
  /* display: block; */
}
.d_account02_page02 .d_list_con li {
  float: left;
  width: calc((100% - 72px) / 7);
  margin: 12px;
  margin-left: 0;
}
.d_account02_page02 .d_list_con li:nth-child(7n) {
  margin: 12px 0;
}
.d_account02_page02 .d_list_con figure {
  height: auto;
}


/* account03 시작 */
table.d_mk_tabile .d_tb_item {
  width: 400px;
  font-size: 1rem;
  font-weight: 500;
}
table.d_mk_tabile .d_tb_item span {
  margin-right: 10px;
}
.d_account03_page02 table.d_mk_tabile td {
  padding: 10px 15px;
}
.d_mk_tabile span {
  margin-right: 10px;
}

@media (max-width: 1400px) {
  .d_account02_page02 .d_list_con li {
    float: left;
    width: calc((100% - 60px) / 6);
    margin: 12px;
    margin-left: 0;
  }
  .d_account02_page02 .d_list_con li:nth-child(7n) {
    margin: 12px;
    margin-left: 0;
  }
  .d_account02_page02 .d_list_con li:nth-child(6n) {
    margin: 12px 0;
  }
}
@media (max-width: 1200px) {
  .d_account03_page02 .d_table_wrap {
    overflow-x: scroll;
  }
  .d_account02_page02 .d_list_con li {
    float: left;
    width: calc((100% - 36px) / 4);
    margin: 12px;
    margin-left: 0;
  }
  .d_account02_page02 .d_list_con li:nth-child(6n) {
    margin: 12px;
    margin-left: 0;
  }
  .d_account02_page02 .d_list_con li:nth-child(4n) {
    margin: 12px 0;
  }
}
@media (max-width: 1000px) {
  .d_account02_page02 .d_list_con li {
    float: left;
    width: calc((100% - 24px) / 3);
    margin: 12px;
    margin-left: 0;
  }
  .d_account02_page02 .d_list_con li:nth-child(4n) {
    margin: 12px;
    margin-left: 0;
  }
  .d_account02_page02 .d_list_con li:nth-child(3n) {
    margin: 12px 0;
  }
}
@media (max-width: 720px) {
  .d_account02_page02 .d_list_con li {
    float: left;
    width: 100%;
    margin: 12px;
    margin-left: 12px;
  }
  .d_account02_page02 .d_list_con li:nth-child(3n) {
    margin: 12px;
    margin-left: 0;
  }
}