@font-face {
  font-family: 'KoPubWorldDotum';
  font-weight: 300;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.eot?#iefix') format('embedded-opentype'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.woff2') format('woff2'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.woff') format('woff'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.ttf') format("truetype");
}
@font-face {
  font-family: 'KoPubWorldDotum';
  font-weight: 500;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.eot?#iefix') format('embedded-opentype'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.woff2') format('woff2'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.woff') format('woff'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.ttf') format("truetype");
}
@font-face {
  font-family: 'KoPubWorldDotum';
  font-weight: 700;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.eot?#iefix') format('embedded-opentype'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.woff2') format('woff2'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.woff') format('woff'),
      url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.ttf') format("truetype");
} 


html {
  padding: 0;
  margin: 0;
  font-family: "KoPubWorldDotum";
  word-break: keep-all !important;
}

body {
  padding: 0;
  margin: 0;
  color: #161719;
  font-family: "KoPubWorldDotum";
}



ul {
  padding: 0;
}

ul li {
  list-style: none;
}

ul li a {
  text-decoration: none;
  color: #161719;
}

a {
  text-decoration: none;
}

input {
  color: #161719;
}

.page_wrap {
  width: 100%;
  display: block;
  position: relative;
  max-width: 1024px;
  height: auto;
  top: 0;
  padding-top: 60px;
  /*
  left: 50%;
  transform: translateX(-50%);
  */
  margin: 0 auto;
}

.page_head {
  position: fixed;
  top: 0;
  width: 100%;
  display: flex;
  align-items: center;
  height: 60px;
  color: #161719;
  font-size: 1.5em;
  text-align: center;
  z-index: 990;
  background: #fff;
  max-width: 1024px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 30px;
  box-sizing: border-box;
}


.main_head {
  background: #EBF2FF;
  transition: background 0.3s;
}

.head_logo {
  margin-right: auto;
  position: absolute;
}

.head_logo img {
  width: 70px;
  height: auto;
  display: block;
}


.head_back{
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 10px;
}
.head_back a{
  display: block;
  width: 100%;
}

.head_close{
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
}
.head_close a{
  display: block;
  width: 100%;
}
.page_name {
  font-size: 15px;
  margin: 0 auto;
}

.page_content{
  position: relative;
}
.e_login_logo{
  display: block;
  margin: 0 auto;
  width: 100px;
  height: auto;
  margin-bottom: 45px;
  margin-top: 9vh;
}


.success_page{
  height:calc(100vh - 180px);
  height: calc(var(--vh, 1vh) * 100 - 180px);
display: flex;
flex-direction: column;
}


.btn_input {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: relative;
}

.btn_input .form_btn_01 {
  padding: 0 24px;
  background: #F3F4F6;
  height: 100%;
  border-radius: 8px;
  border: 1px solid #F3F4F6;
  margin-left: 10px;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 0;
  display: inline-block;
  position: relative;
}

.btn_input .form_btn_01 span {
  display: block;
  width: 100%;
  color: #434547;
}

.btn_input.disable input {
  background: #FAFBFC;
  color: #AFAFAF;
  border: 1px solid #E3E4E5;
  cursor: default;
}

.btn_input.disable a,
.btn_input.disable a span {
  opacity: 0.5;
  cursor: default;
}

.page_btn_wrap {
  position: fixed;
  bottom: 0;
  width: 100%;
  min-height: 110px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 33.33%);;
  display: flex;
  justify-content: space-between;

  box-sizing: border-box;
  max-width: 1024px;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 40px;
  padding-bottom: 30px;
  z-index: 1;
}

.popup-layer {
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: absolute;
  top: 0;
  max-width: 1024px;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup {
  border-radius: 10px;
  padding: 20px 25px;
  box-sizing: border-box;
  background: #fff;
  width: 100%;
  max-width: 640px;
}

.popup_txt {
  color: #333;
  font-size: 13px;
  margin-bottom: 20px;
  text-align: left;
}

.popup_btn_wrap {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.popup_btn_wrap a {
  padding: 10px 27px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 700;
  margin-left: 10px;
}

.popup_btn_wrap a:active {
  position: relative;
  top: 2px;
}

.popup_btn_wrap a.confirm {

  color: #fff;
  z-index: 1;
  position: relative;
  overflow: hidden !important;
}

.popup_btn_wrap a.confirm:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;

  transition: all 0.3s;
  border-radius: 8px;
}

.popup_btn_wrap a.confirm:hover:after {
  left: 0;
  width: 100%;
}





.upload_btn_wrap {
  width: 100%;
  text-align: center;
}

.upload_btn_wrap .upload_btn {
  color: #434547;
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  display: flex;
  justify-content: center;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 400;
  border: 1px dashed rgba(67, 69, 71, 0.2);
  align-items: center;
  cursor: pointer;
}

.upload_btn_wrap .upload_btn:active {
  position: relative;
  top: 2px;
}

.upload_btn_wrap .upload_btn img {
  margin-right: 6px;
  width: 15px;
  height: auto;
}

/*main_visual*/
.main_visual_wrap {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0;
  box-sizing: border-box;
  background: #fff;
  padding-bottom: 80px;
  padding-top: 80px;
}

.main_visual_title {
  font-weight: 700;
  font-size: 28px;
  letter-spacing: -1px;
  line-height: 38px;
  text-align: center;
  padding: 0 30px;
}

.main_visual_txt {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 30px;
  text-align: center;
  color: rgba(22, 23, 25, 0.8);
  position: relative;
  padding: 0 30px;
}
.main_visual_txt span.underline_txt{
  font-size:22px;
  font-weight:700;
  line-height:34px;
  display: block;
  color: rgba(22, 23, 25, 0.9);
  position: relative;
  z-index: 2;
  letter-spacing: 1px;
}
.main_visual_txt span.underline_txt:after{
  content:'';
  width:150px;
  height: 8px;
  background: rgba(255, 212, 102, 0.5);
  position: absolute;
  bottom:5px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  z-index: -1;
}


.main_visual_img_wrap {
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 0;
  margin-top: 35px;
  margin-bottom: 32px;
  height: auto;
  display: flex;
justify-content: center;
align-items: center;
}

.main_visual_img_wrap img {
  position: relative;
  width: 80%;
  max-width: 482px;
  height: auto;
  border-radius: 15px;
  overflow: hidden;
}

/*btn_new*/
.prime_btn_wrap{
  width: 100%;
  text-align: center;
  padding: 0 30px;
  box-sizing: border-box;
}
.prime_btn{
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border-radius: 1000px;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -1px;
  background: #064196;
  z-index: 1;
  position: relative;
  overflow: hidden !important;
  border: none;
}
.prime_btn:active{top:2px;box-shadow: none;}
.prime_btn:before{left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(135deg); width: 100%; height: 0;content: ''; z-index: -1; position: absolute; background: #4178DE; transition: all 0.6s;display: block;}
.prime_btn:hover:before{height: 2000%;}
.prime_btn:active:before{height: 2000%;}

.prime_btn.disabled{
  background: rgba(6, 65, 150, 0.1);
}
.prime_btn.disabled:active{top:0;}
.prime_btn.disabled:before{display: none;}

.prime_btn_wrap .prime_btn img{
  width: 15px;
  height: auto;
  margin-right: 6px;
  top: 2px;
  position: relative;
}

.main_visual_btn_wrap {
  padding: 0 30px;
}

.main_visual_btn {
  margin-top: 26px;
  box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.2);
}
.login_txt_btn{
  position:relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
  gap: 20px;
}
.login_txt_btn a{
  font-size: 12px;
  color: rgba(22, 23, 25, 0.7);
  text-align: center;
  padding: 15px 0;
  position: relative;
}
.login_txt_btn a::after{
  content: '';
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(22, 23, 25, 0.15);
  display: block;
  margin-top: -1px;
}
.login_txt_btn a:last-child::after{
display: none;
}


/*footer*/
.footer {
  background: rgba(0, 0, 0, 0.02);
  padding: 40px 30px 40px 30px;
  box-sizing: border-box;
  font-size: 12px;
  max-width: 1024px;
margin: 0 auto;
display: block;
position: relative;
}
.footer_company{
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
  position: relative;
}
.foot_btn_wrap {
  position: relative;
  margin-top: 28px;
}

.foot_btn_wrap a {
  color: rgba(0, 0, 0, 0.7);
  padding: 5px 7px;
}

.foot_btn_wrap a:first-child {
  padding-left: 0;
}

.footer .footer_info {
  font-weight: 300;
  color: rgba(0, 0, 0, 0.35);
  line-height: 20px;
}
.footer_info span{
  margin-right: 10px;
}



/*box_radio*/
.box_radio_wrap{
  position: relative;
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}

.box_radio_group {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}

.box_radio_group label span {
  font-size: 14px;
  line-height: 18px;
}


.box_radio_group label img {
  width: 42px;
  height: auto;
  display: block;
  margin-bottom: 8px;
}

.box_radio_group input[type="radio"]:checked+label span {
  font-weight: 400;
}

.box_radio_group input[type="radio"] {
  width: 0;
  height: 0;
  position: absolute;
  left: -9999px;
}

.box_radio_group input[type="radio"]+label {
  margin: 0;
  padding: 15px;
  box-sizing: border-box;
  position: relative;
  border: solid 1px #E3E4E5;
  line-height: auto;
  text-align: left;
  cursor: pointer;
  border-radius: 10px;
  width: 100%;
  transition: border-color .15s ease-out, color .25s ease-out, background-color .15s ease-out, box-shadow .15s ease-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  left: 0;
}

.box_radio_group input[type="radio"]:checked+label {

  color: #161719;
  border-width: 2px;
  border-color: #064196;
  z-index: 1;
}

.box_radio_group input[type="radio"]:checked+label:before {
  content: '';
  position: absolute;
  display: block;
  right: 0px;
  top: 50%;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-size: 15px 15px;
  background-position: right 8px top 8px;
  transform: translateY(-50%);
}

.box_radio_group input[type="radio"]:not(:checked)+label:before {
  display: none;
}

.box_radio_group input[type="radio"]:checked+label:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border-radius: 0;
  background: url("/img/radio_check.svg") no-repeat;
  background-size: 15px 15px;
  background-position: right 12px top 8px;
}

.box_radio_group input[type="radio"]:not(:checked)+label:after {
  opacity: 0;
}

.box_radio_group input[type="radio"]:checked+label:after {
  opacity: 1;
}

/*home*/
.notice_wrap{
  position:relative;
  width: 100%;
  padding:0 30px;
  box-sizing: border-box;
  border-top: 1px solid rgba(22, 23, 25, 0.08);
  text-align: left;
}
.notice_wrap > a{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap:8px;
  height: 45px;
  line-height: 45px;
}
.notice_wrap .notice_title{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  font-weight: bold;
  color:#064196;
}
.notice_wrap .notice_title img{
  position: relative;
  width:13px;
  height: auto;
  margin-right: 5px;
}
.notice_wrap .notice_content{
  font-size: 12px;
  color: rgba(22, 23, 25, 0.8);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  display: block;
}

.today_wrap{
  position: relative;
  text-align: center;
  background: linear-gradient(108.31deg, #064196 2.17%, #03367F 94.89%);
  box-sizing: border-box;
  color: #fff;
  width:100%;
}

.today_wrap .date_wrap{
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 30px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
}
.today_wrap .date_wrap a{
border-radius: 5px;
width: 30px;
height: 30px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.06);
transition: background 0.3s;
}
.today_wrap .date_wrap a img{
  width: 12px;
  height: auto;
  position: relative;
  display: block;
}
.today_wrap .date_wrap a:hover{
  background: rgba(255, 255, 255, 0.1);
}
.today_wrap .date_wrap a:active{
  background: rgba(255, 255, 255, 0.1);
  top: 2px;
}
.today_wrap .today_sale_wrap{
  position: relative;
  box-sizing: border-box;
  padding:34px 30px;
  padding-bottom: 80px;
}
.today_wrap .today_sale_wrap a{
  color:rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: column;
  position: relative;
  font-size: 14px;
}
.today_wrap .today_sale_wrap a span{
  color:#fff;
  font-weight: 500;
  font-size: 28px;
  margin-top: 2px;
  position: relative;
  display: block;
}



/*box_check_wrap*/
.box_check_wrap{
  position: relative;
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}

.box_check_group {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}

.box_check_group label span {
  font-size: 14px;
  line-height: 18px;
}


.box_check_group label img {
  width: 42px;
  height: auto;
  display: block;
  margin-bottom: 8px;
}

.box_check_group input[type="checkbox"]:checked+label span {
  font-weight: 400;
}

.box_check_group input[type="checkbox"] {
  width: 0;
  height: 0;
  position: absolute;
  left: -9999px;
}

.box_check_group input[type="checkbox"]+label {
  margin: 0;
  padding: 15px;
  box-sizing: border-box;
  position: relative;
  border: solid 1px #E3E4E5;
  line-height: auto;
  text-align: left;
  cursor: pointer;
  border-radius: 10px;
  width: 100%;
  transition: border-color .15s ease-out, color .25s ease-out, background-color .15s ease-out, box-shadow .15s ease-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  left: 0;
}

.box_check_group input[type="checkbox"]:checked+label {

  color: #161719;
  border-width: 2px;
  border-color: #064196;
  z-index: 1;
}

.box_check_group input[type="checkbox"]:checked+label:before {
  content: '';
  position: absolute;
  display: block;
  right: 0px;
  top: 50%;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-size: 15px 15px;
  background-position: right 8px top 8px;
  transform: translateY(-50%);
}

.box_check_group input[type="checkbox"]:not(:checked)+label:before {
  display: none;
}

.box_check_group input[type="checkbox"]:checked+label:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border-radius: 0;
  background: url("/img/radio_check.svg") no-repeat;
  background-size: 15px 15px;
  background-position: right 12px top 8px;
}

.box_check_group input[type="checkbox"]:not(:checked)+label:after {
  opacity: 0;
}

.box_check_group input[type="checkbox"]:checked+label:after {
  opacity: 1;
}

/*box_check_wrap_pop*/
.box_check_wrap_pop .box_check_group{
  max-width: calc(50% - 5px);
  }
.box_check_wrap_pop{
  gap:10px;
  margin-bottom: 10px;
}
.box_check_wrap_pop .box_check_group input[type=radio]:checked+label{
  background-color: rgba(6, 65, 150, 0.03);
}
.box_check_wrap_pop input[type=radio]:checked+label span{
color: #064196;
}


/*input_form*/
.accept_form{
  padding: 0 30px;

}
.page_content.over_page{
  padding-bottom: 120px;
}
.input_group {
  display: flex;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}

.input_group:last-child {
  margin-bottom: 0;
}

.input_group .input_box {
  position: relative;
  width: 100%;
}

.input_group .input_box input {
  background: transparent;
  border: 1px solid #E3E4E5;
  box-sizing: border-box;
  padding: 16px 15px 17px 15px;
  font-size: 14px;
  width: 100%;
  border-radius: 8px;
  position: relative;
  margin: 0;
}

.input_group .input_box label{
  font-size: 12px;
  color:rgba(22, 23, 25, 0.5);
  padding-left: 5px;
}
.input_group .input_box input::placeholder{
  font-size: 14px;
  color: rgba(22, 23, 25, 0.4);
}


/* 휴대전화번호 css 추가 */

.input_group_div{
  position: relative;
  margin-bottom: 10px;
}
.input_group_div label{
  font-size: 12px;
  color:rgba(22, 23, 25, 0.5);
  padding-left: 5px;
}

.input_group_div .input_box_phone{
  display: flex;
}

.input_group_div .input_box_phone .input_hypen{
  font-size: 12px;
  color:rgba(22, 23, 25, 0.5);
  margin : 15px;
}

.input_group_div .input_box_phone input {

  background: transparent;
  border: 1px solid #E3E4E5;
  box-sizing: border-box;
  padding: 16px 15px 17px 15px;
  font-size: 14px;
  width: 100%;
  border-radius: 8px;
  position: relative;
  margin: 0;
}

/* 추가 */
.input_group .input_box input+.error, .input_group .input_box textarea+.error, .input_group_div .input_box input+.error{
  color: rgba(255, 0, 0, 0.5);
}

/* 추가 */
.input_group .input_box .btn_input_wrap~.error{
  color: rgba(255, 0, 0, 0.5) !important;
}


.profile_wrap{
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 auto;
  background: rgba(22, 23, 25, 0.02);
  border: 1px solid rgba(22, 23, 25, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 20px;
}
.profile_wrap img{
  width: 120px;
  height: auto;
  display: block;
}
.upload_btn_wrap{
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.upload_btn_wrap a{
  position: relative;
  width: 100%;
  border-radius: 100px;
  border: 1px solid rgba(6, 65, 150, 0.15);
  text-align: center;
  color: #064196;
  font-size: 13px;
  font-weight: 900;
  display: flex;
  align-items:center;
  justify-content: center;
  height: 40px;
  line-height: 40px;
  transition: background 0.3s;
}
.upload_btn_wrap a img{
  margin-right: 6px;
  width: 8px;
  height: auto;
}
.upload_btn_wrap a:active{top:2px;box-shadow: none;}
.upload_btn_wrap a:hover{
  background: rgba(6, 65, 150, 0.1);
}

.upload_item{
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 8px;
  background: rgba(22, 23, 25, 0.04);
  display: flex;
  align-items: center;
  padding:0 15px;
  box-sizing: border-box;
  margin-bottom: 10px;
  font-size: 14px;
  color: #161719;
  cursor: pointer;
}
.upload_item .upload_file_icon{
  position: relative;
  margin-right: 8px;
  width: 11px;
  height: auto;
}
.upload_item .upload_delete_icon{
  position: relative;
  margin-left: auto;
  width: 10px;
  height: auto;
}


.input_group .input_box input:focus {
  border: 1px solid rgba(67, 69, 71, 0.5);
  outline: none;
}

.input_group .input_box input:not(:placeholder-shown) {
  outline: none;
}


.btn_input_wrap{
  position: relative;
  display: flex;
  align-items: center;
}
.btn_input_wrap .form_search_btn{
  position: relative;
  margin-left: 10px;
}
.btn_input_wrap .form_search_btn a{
  background: rgba(22, 23, 25, 0.06);
  display: block;
  border-radius: 100px;
  min-width: 96px;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  text-align: center;
  font-size: 13px;
  color:rgba(22, 23, 25, 1);
  font-weight: 900;
  position:relative;
  transition:background 0.3s;
}
.btn_input_wrap .form_search_btn.disabled a{
  color:rgba(22, 23, 25, 0.4);
}
.btn_input_wrap .form_search_btn a:hover{
  background: rgba(22, 23, 25, 0.08);
}
.btn_input_wrap .form_search_btn a:active{
  top:2px;
}

.time_input_wrap{
  position: relative;
  display: flex;
  align-items: center;
}

.time_input_wrap .input_code_time{
  position: absolute;
  right: 0;
  padding-right: 15px;
  color:#064196;
  font-weight: 700;
  font-size: 14px;
}

/*time_imput_clear*/
.time_input_wrap input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
   height: 16px;
   width: 16px;
   margin-right: 45px;
   background: url('/img/clear.svg') no-repeat;
   background-size: 100%;
   background-position: center;
   cursor: pointer;
}
/*time_imput_clear*/

.info_txt_btn{
  position: relative;
  text-align: center;
  margin-top: 20px;
}
.info_txt_btn a{
  color: rgba(22, 23, 25, 0.7);
  font-size: 13px;
  text-align: center;
  display: inline-block;
  padding: 10px 0;
  text-decoration: underline;
  text-underline-position: under;
}


/*input_fail*/
.input_fail{
  font-size: 11px;
  color:#E26666;
  padding-left: 5px;
  margin-top: 5px;
}

/*input_confirm*/
.input_confirm{
  font-size: 11px;
  color:#4178DE;
  padding-left: 5px;
  margin-top: 5px;
}
/*input_tip*/
.input_tip{
  font-size: 11px;
  color:rgba(22, 23, 25, 0.3);
  padding-left: 5px;
  margin-top: 3px;
}

.form_title_normal{
  font-size: 22px;
  font-weight: 900;
  color: #161719;
  letter-spacing: -1px;
  padding: 0 30px;
  margin-bottom: 20px;
  line-height: 32px;
}
.form_title_small{
  font-size: 18px;
  margin-bottom: 15px;
  letter-spacing: -1px;
  font-weight: 900;
  padding: 0 30px;
  color: #161719;
}
.form_title_20{
  font-size: 20px;
  margin-bottom: 20px;
  letter-spacing: -1px;
  font-weight: 900;
  padding: 0 30px;
  color: #161719;
}
.form_title_18{
  font-size: 18px;
  margin-bottom: 20px;
  letter-spacing: -1px;
  font-weight: 900;
  padding: 0 30px;
  color: #161719;
}
.form_title_big{
  font-size: 28px;
  margin-bottom: 15px;
  letter-spacing: -1px;
  font-weight: 900;
  padding: 0 30px;
  color: #161719;
  line-height: 38px;
}
.form_title_middle{
  font-size: 24px;
  margin-bottom: 15px;
  letter-spacing: -1px;
  font-weight: 900;
  padding: 0 30px;
  color: #161719;
  line-height: 34px;
}
.form_title_sub{
  font-size: 14px;
  line-height: 24px;
  color: rgba(22, 23, 25, 0.7);
  letter-spacing: -1px;
  font-weight: normal;
  margin-top: 5px;
}

.page_info_txt{
  position:relative;
  width: 100%;
  box-sizing: border-box;
  padding: 0 30px;
  color: rgba(22, 23, 25, 0.7);
  font-size: 14px;
  line-height: 24px;
}
.success_page_img{
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: auto;
  padding-bottom: 20px;
}
.success_page_img img{
  width: 60%;
  max-width: 410px;
  min-width: 280px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.find_id_result{
  position: relative;
  width: 100%;
  padding: 0 30px;
  text-align: center;
  font-size: 12px;
  color: rgba(22, 23, 25, 0.4);
  padding-bottom: 10px;
  margin-top: 26px;
  box-sizing: border-box;
}
.find_id_result .id_result_box{
  position: relative;
  border: 1px solid rgba(22, 23, 25, 0.1);
  border-radius: 8px;
  padding: 35px 15px;
  font-size: 14px;
  color: rgba(22, 23, 25, 1);
  margin-bottom: 20px;
}


/*login_input*/
.login_page .accept_form{
  padding: 0 30px;
}

.login_page .accept_form .input_box input{
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid rgba(22, 23, 25, 0.15);
  padding-left: 0;
  padding-right: 0;
  padding: 22px 0 11px 0;
  position: relative;
  margin: 0;
  font-size: 14px;
  box-sizing: border-box;
  background: transparent;
}

.login_page .accept_form .input_box input:focus {
  border: 0;
  outline: none;
  border-bottom: 1px solid rgba(22, 23, 25, 1);
}


.login_page .accept_form .input_box input:placeholder-shown+label {
  color: rgba(22, 23, 25, 0.4);
  font-size: 14px;
  top: 15px;
  left: 0;
}
.login_page .accept_form .input_box input:focus+label,
.login_page .accept_form .input_box label {
  color: rgba(22, 23, 25, 0.4);
  font-size: 11px;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 7px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  padding-left: 0;
}


.login_page .accept_form .input_box input:not(:placeholder-shown) {
  outline: none;
}



.login_page .input_group .input_box input::placeholder {
  color: transparent;
}

/*imput_clear*/
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
   height: 16px;
   width: 16px;
   background: url('/img/clear.svg') no-repeat;
   background-size: 100%;
   background-position: center;
   cursor: pointer;
}
/*imput_clear*/


.tab_menu_wrap{ 
  max-width:1024px; 
  margin: 0 auto; 
  position:relative;
  padding: 0 30px;
  
}
.tab_menu_wrap ul{
  display: flex;
  margin: 0 auto;
  margin-top: 20px;
}
.tab_menu_wrap ul li{
  display:  inline-block;
  width:50%; 
  text-align:center; 
  background: rgba(22, 23, 25, 0.03);
  border-bottom: 1px solid #E1E2E2;
}
.tab_menu_wrap > ul > li > a{
  display:block;
  line-height:45px;
  height:45px;
  text-decoration:none;
  color: #161719;
  font-size: 14px;
}
.tab_contant{
  display:none;
  padding: 0;
  position:absolute; 
  left:0;
  top:45px;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
}
.tab_menu:target  {
  background : #fff;
  border-top:1px solid #E1E2E2;
  border-left:1px solid #E1E2E2;
  border-right:1px solid #E1E2E2;
  border-bottom: 1px solid #fff;

}
.tab_menu:target .tab_contant{
  display: block;
  padding-bottom: 50px;
}

.info_btn_wrap{
  position: relative;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 17px;
}
.info_btn_wrap a{
  color: rgba(22, 23, 25, 0.7);
  font-size: 12px;
  padding: 13px 0;
  position: relative;
display: flex;
align-items: center;
}
.info_btn_wrap a img{
  position: relative;
  margin-right: 5px;
  width: 15px;
  height: auto;
}

.tab_contant .prime_btn_wrap{
  margin-top: 30px;
}


/*custom_select*/
.select_box select {
  background: transparent;
  border: 1px solid rgba(22, 23, 25, 0.15);
  box-sizing: border-box;
  padding: 16px 15px 17px 15px;
  font-size: 14px;
  width: 100%;
  border-radius: 8px;
  position: relative;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('/img/select_arrow.svg') no-repeat right 15px top 50%;
  background-size: 11px 11px;
  color: #161719;
  cursor: pointer;
}

.select_box select::-ms-expand {
  display: none;
}




/*popup*/
.popup-layer {
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: absolute;
  top: 0;
  max-width: 1024px;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup {
  border-radius: 15px;
  padding: 24px 0 0 0;
  box-sizing: border-box;
  background: #fff;
  width: 100%;
  max-width: 640px;
}

.popup_txt {
  color: rgba(22, 23, 25, 0.7);
  font-size: 14px;
  margin-bottom: 15px;
  text-align: left;
  line-height: 22px;
  padding-left: 24px;
  padding-right: 24px;
}
.popup_txt .pop_num_txt{
  position: relative;
  margin-bottom: 8px;
  display: flex;
}
.popup_txt .pop_num_txt:last-child{
  margin-bottom: 0;
}
.popup_txt .pop_num_txt span{
  font-weight: 900;
  color: #161719;
  margin-right: 6px;

}

.popup_btn_wrap {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.popup_btn_wrap a {
  padding: 20px 24px;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 900;
  margin-left: 0;
  color: #064196;
  min-width: 74px;
  box-sizing: border-box;
}


/*check_box_new*/

.chk_box {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* 기본 체크박스 숨김*/
.chk_box input[type="checkbox"] {
  display: none;
}

/* 선택되지 않은 체크박스 스타일*/
.check_item {
  width: 20px;
  height: 20px;
  background: #fff;
  position: relative;
  border: 1px solid #D0D1D1;
  border-radius: 100px;
  margin-right: 8px;
  min-width: 20px;
  min-height: 20px;
}

/* 선택된 체크박스 스타일*/
.chk_box input[type="checkbox"]:checked+.check_item {
  border: 1px solid #064196;
  background: #064196;
}


.check_item:after {
  content: "";
  width: 4px;
  height: 7px;
  border: solid #D0D1D1;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 7px;
  top: 4px;
}
.chk_box input[type="checkbox"]:checked+.check_item:after {
  content: "";
  width: 4px;
  height: 7px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 7px;
  top: 4px;
}
.login_page .chk_box{
  /* padding: 22px 30px 22px 30px; */
  padding: 22px 30px 5px 30px;
}

.all_agree {
  border-bottom: 1px solid rgba(22, 23, 25, 0.1);
  box-sizing: border-box;
}

.all_agree .chk_box {
  padding: 15px 0;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -1px;
  color: #434547;
}

.terms_items {
  margin-top: 10px;
  box-sizing: border-box;
}

.terms_items .chk_box {
  padding: 13px 0;
  font-size: 15px;
}

.terms_items .chk_box a {
  font-size: 14px;
  font-weight: 300;
  text-decoration: underline;
  color: #434547;
}


.agree_form .check_item{
border-width: 0;
}
.agree_form .chk_box input[type="checkbox"]:checked+.check_item{
  background: transparent;
  border-width: 0;
}
.agree_form .chk_box input[type="checkbox"]:checked+.check_item:after{
  content: "";
width: 4px;
height: 7px;
border: solid #064196;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
left: 7px;
top: 4px;
}



.page_btn_wrap .page_btn_cancel{
  background: rgba(67, 69, 71, 0.1);
  color: #66686A;
  margin-right: 10px;
}

.page_btn_wrap .page_btn_cancel:after {
  position: absolute;
  content: "";
  width: 0;
  height: 50px;
  top: 0;
  right: 0;
  z-index: -1;
  background: rgba(67, 69, 71, 0.11) !important;
  transition: all 0.4s;
  border-radius: 8px;
}

.page_btn_wrap .page_btn_cancel:hover:after {
  left: 0;
  width: 100%;
}

/*overlay_menu*/
html.open {
  overflow: hidden;
}
.overay_btn_wrap{
  max-width: 1024px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 50%;
  display: flex;
  align-items: center;
  transform: translateX(-50%);
  justify-content: flex-end;
  z-index: 999;
}

.overay_btn {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 16px;
  top: 0px;
  z-index: 9999;
  background-image: url("/img/menu_btn.svg");
  background-size: 22px 13px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  padding: 5px 0 5px 0;
}
.overay_home{
  width: 50px;
  height: 50px;
  position: absolute;
  right: 76px;
  top: 0px;
  background-image: url("/img/home_btn.svg");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  display: none;
  padding: 5px 0 5px 0;
}
.overay_close {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 16px;
  top: 0px;
  background-image: url("/img/close_btn.svg");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  display: none;
  padding: 5px 0 5px 0;
}

#overay_menu {
  width: 0;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99999;
  background-color: #fff;
  text-align: left;
  max-width: 940px;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  overflow: hidden;
}

#overay_menu.open {
  width:calc(100vw - 50px);
  overflow-y: auto;
}
#overay_menu.open .overay_close, #overay_menu.open .overay_home{
  display: block;
}

.overay_cover.open {
  display: block;
  visibility: visible;
}

.overay_cover {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
  display: none;
  visibility:hidden;
  max-width: 1024px;
  transition: alll 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;

}
/*nav*/
#nav{
  width: 100%;
  position: relative;
  margin-top:60px;
}
#nav .menu_wrap{
  position: relative;
}
#nav .menu_wrap li{
  width:100%;
  position: relative;
  text-align: left;
  font-size: 15px;
}
/*#nav > .menu_wrap > li > a{
  font-weight: 900;
}*/

#nav > .menu_wrap > li{
  font-weight: 900;
}

#nav .menu_wrap li a{
  height: 50px;
  line-height: 50px;
  display: block;
  margin-left: 30px;
  margin-right: 30px;
  box-sizing: border-box;
}
#nav .menu_wrap .sub_menu_wrap{
  position: relative;
  display: none;
}
#nav .menu_wrap .sub_menu_wrap li a{
  padding-left: 20px;
  color: rgba(22, 23, 25, 0.6);
  transition: color 0.4s;
}

#nav .menu_wrap .sub_menu_wrap li a:hover{
  color: rgba(22, 23, 25, 1);
}

.acc_menu a{
  position: relative;
  display: flex !important;
  align-items: center;
}
.acc_menu a img{
width: 11px;
height: auto;
margin-left: auto;
transform: rotate(180deg);
position:relative;
top: -1px;
transition: all 0.3s;
}
.acc_menu.opened a img{
  transform: rotate(0);
}


/*font_weight*/

.txt_600 {
  font-weight: 600;
}


/*section*/
.section{
  padding:0 30px;
  box-sizing: border-box;
  position: relative;
}
/*main*/
.main_section_01{
padding-top:60px;
padding-bottom: 68px;
background-color: #F7F8FA;
}
.service_img_wrap{
  position: relative;
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
}
.section_title{
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -1px;
  line-height: 38px;
  text-align: center;
  margin-bottom: 5px;
}
.service_wrap{
  position: relative;
  max-width: 482px;
  margin: 0 auto;
}
.service_wrap .service{
  margin-top: 45px;
  position: relative;
}
.service_img_wrap img{
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.service_num{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #064196;
  position: relative;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 900;
  margin-top: -20px;
  margin-left: 15px;
}
.service_txt{
  position: relative;
  padding-left: 15px;
  box-sizing: border-box;
  color: rgba(22, 23, 25, 0.8);
  font-size: 14px;
  line-height: 24px;
  margin-top: 15px;
}
.service_txt .service_title{
  font-size: 18px;
  font-weight: 900;
  color: #161719;
  letter-spacing: -1px;
  line-height: normal;
  display: block;
  margin-bottom: 12px;
}

.main_section_02{
  position: relative;
  padding-top: 80px;
  padding-bottom: 30px;
}
.main_section_02 .point_title{
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -1px;
  color: #064196;
  text-align: center;
}
.main_section_02 .section_title{
  font-size: 28px;
  line-height: 38px;
  letter-spacing: -1px;
  margin-top: 15px;
  margin-bottom: 20px;
}
.main_section_02 .service_txt{
  text-align: center;
  padding-left: 0;
}
.main_section_02 .img_wrap{
  position: relative;
  display: block;
  margin-top: 24px;
  margin-bottom: 30px;
}
.main_section_02 .img_wrap img{
  width: 293px;
  height: auto;
  margin: 0 auto;
  position: relative;
  display: block;
}
.main_section_02 .main_visual_btn_wrap{
  padding-left:0;padding-right:0;
}

/*slide_menu*/
.slide_menu_wrap{
  position: relative;
  width: 100%;
  height: auto;
  padding: 0 30px;
  box-sizing: border-box;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(22, 23, 25, 0.08);
}
.slide_menu_wrap ul{
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  height: auto;
  margin: 0;
  overflow: hidden;
  overflow-x: scroll;
  -ms-overflow-style: none;
}
.slide_menu_wrap ul::-webkit-scrollbar{
  display:none;
}
.slide_menu_wrap ul li{
  position: relative;
  margin-right: 8px;
}
.slide_menu_wrap ul li a{
  display: block;
  padding: 8px 15px;
  border: 1px solid rgba(22, 23, 25, 0.1);
  border-radius: 6px;
  color: #161719;
  font-size: 13px;
}
.slide_menu_wrap ul li a span{
  margin-left: 3px;
  color: #064196;
}
.slide_menu_wrap ul li.on a{
  color:#fff;
  border: 1px solid #064196;
  background: #064196;
}
.slide_menu_wrap ul li.on a span{
  color: #fff;
}



.pop_head{
  position: relative;
  padding: 0 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.pop_head .pop_title{
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -1px;
  color: #161719;
}
.pop_head a{
  padding: 6px 15px 6px 15px;
  border: 1px solid rgba(22, 23, 25, 0.15);
  color: #161719;
  font-size: 12px;
  font-weight: 900;
  border-radius: 100px;
  margin-left: auto;
  transition: background 0.3s;
  position: relative;
}
.pop_head a:hover{
  background:rgba(22, 23, 25, 1);
  color: #fff;
}
.pop_head a:active{
  top:2px;
}

textarea{
  resize: none;
  display: block;
  width: 100%;
  border-radius: 8px;
  border:1px solid rgba(22, 23, 25, 0.15);
  padding: 14px 15px 15px 15px;
  box-sizing: border-box;
  outline: none;
  min-height: 140px;
  font-size: 14px;
  color: #161719;
}
textarea:focus{
  border:1px solid rgba(22, 23, 25, 0.5);
}
textarea::placeholder{
  font-size: 14px;
  color: rgba(22, 23, 25, 0.4);
}

input:read-only{
  background: #FAFAFA !important;
}
input:read-only:focus{
  border:1px solid rgba(22, 23, 25, 0.15) !important;
}

textarea:read-only::-webkit-search-cancel-button {
display: none;
}
textarea:read-only{
  background: #FAFAFA !important;
}
textarea:read-only:focus{
  border:1px solid rgba(22, 23, 25, 0.15) !important;
}

textarea:read-only::-webkit-search-cancel-button {
display: none;
}


/*detail_slide_menu*/
.detail_slide_menu_wrap{
  width: 100%;
  height: auto;
  padding: 0 30px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(236, 236, 237, 0.8);
  position: fixed;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1024px;
  background: #fff;
  z-index: 99;
}
.detail_slide_menu_wrap ul{
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  height: auto;
  margin: 0;
  overflow: hidden;
  overflow-x: scroll;
  -ms-overflow-style: none;
  gap: 30px;
}
.detail_slide_menu_wrap ul::-webkit-scrollbar{
  display:none;
}
.detail_slide_menu_wrap ul li{
  position: relative;
  background: #fff;
  flex-shrink: 0;
}
.detail_slide_menu_wrap ul li a{
  display: block;
  padding: 13px 2px;
  color: #9A9A9A;
  font-size: 13px;
  background: #fff;
}

.detail_slide_menu_wrap ul li a.active{
  color:#fff;
  border-bottom: 2px solid #064196;
  color: #064196;
}


/*basic_info*/
.basic_info_wrap{
  position: relative;
  background: #064196;
  color: #fff;
  padding: 36px 30px;
  box-sizing: border-box;
  margin-top: 20px;
}
.basic_info_wrap .basic_info{
  position: relative;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding-bottom: 15px;
  align-items: center;
}
.basic_info_wrap .basic_info .info_item{
  position: relative;
  width: 50%;
}
.basic_info_wrap .basic_info .info_item span{
  font-size: 14px;
}
.basic_info_wrap .basic_info .info_item span:first-child{
  color: rgba(255, 255, 255, 0.7);
  margin-right: 30px;
}
.basic_info_wrap .info_date{
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 15px;
}
.basic_info_wrap .info_date img{
  margin-right: 8px;
  position: relative;
  top: -1px;
}

/*checkup*/
.checkup_wrap{
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding-top: 30px;
}
.checkup_wrap .checkup_item{
  position: relative;
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.checkup_wrap .checkup_item .checkup_title{
  background: rgba(22, 23, 25, 0.03);
  border-radius: 5px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 10px;
}
.checkup_wrap .checkup_item table{
  width: 100%;
}
.checkup_wrap .checkup_item table tr td{
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: rgba(22, 23, 25, 1);

}
.checkup_wrap .checkup_item table tr td:first-child{
  color: rgba(22, 23, 25, 0.5);
  padding-left: 12px;
}
.checkup_wrap .checkup_item table tr td:nth-child(2){
  padding-left: 20px;
}
.checkup_wrap .checkup_item table tr td:nth-child(3){
text-align: right;
}

.checkup_wrap .checkup_item table tr td:nth-child(3) span{
  font-size: 12px;
  font-weight: 900;
  padding: 2px 8px;
  border-radius: 4px;
  text-align: center;
  box-sizing: border-box;
}
.checkup_wrap .checkup_item table tr td:nth-child(3) span.checkup_orange{
  background:rgba(241, 147, 61, 0.1);
  color: #F1933D;
}
.checkup_wrap .checkup_item table tr td:nth-child(3) span.checkup_blue{
  background:rgba(65, 120, 222, 0.1);
  color: #4178DE;
}
.checkup_wrap .checkup_item table tr td:nth-child(3) span.checkup_red{
  background:rgba(226, 102, 102, 0.1);
  color: #E26666;
}


/*take_medi*/
.take_medi_wrap{
  position: relative;
  padding: 0 30px;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.take_medi{
  border: 1px solid rgba(22, 23, 25, 0.1);
  border-radius: 10px;
  padding: 18px 22px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}
.take_medi span{
  display: block;
  font-size: 13px;
  color: rgba(22, 23, 25, 0.5);
}
.take_medi .medi_name, .take_medi .medi_info{
  width: 50%;
}
.take_medi .medi_name span:last-child{
  font-size: 16px;
  font-weight: 900;
  color: rgba(22, 23, 25, 1);
  margin-top: 3px;
}
.take_medi .medi_info span:last-child{
  font-size: 14px;
  color: rgba(22, 23, 25, 1);
  margin-top: 3px;
}
.take_medi .medi_info .medi_effect{
  margin-top: 12px;
}



/*recommend_list*/
.recommend_list_wrap{
  position: relative;
  padding: 0 30px;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.recommend_list_wrap ul{
  position: relative;
  margin: 0;
}
.recommend_list_wrap ul li{
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
}
.recommend_list_wrap ul li .recommend_name{
  border: 1px solid #064196;
  border-radius: 5px;
  width: 61px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #064196;
  font-weight: 900;
  margin-right: 12px;
  font-size: 13px;
}
.recommend_list_wrap ul li .recommend_item{
  font-size: 14px;
  text-decoration: underline;
  color: #161719;
}
.recommend_list_wrap ul li img{
  cursor: pointer;
  width: 16px;
  height: auto;
  position: relative;
  margin-left: auto;
}

/*acc_content*/

.acc_content_wrap{
  position: relative;
  margin-bottom: 40px;
}
.acc_wrap{
  position: relative;
  padding: 0 30px;
  box-sizing: border-box;
  margin-top: 30px;
  margin-bottom: 30px;
}
.acc_wrap a{
  position: relative;
  display: flex !important;
  align-items: center;
  padding: 10px 0;
  color: #161719;
  font-weight: 900;
  font-size: 18px;
  letter-spacing: -1px;
}
.acc_wrap a img{
width: 14px;
height: auto;
margin-left: auto;
transform: rotate(180deg);
position:relative;
top: -1px;
transition: all 0.3s;
}
.acc_wrap.opened a img{
  transform: rotate(0);
}

.acc_wrap .acc_content_wrap{
  border: 1px solid rgba(22, 23, 25, 0.1);
border-radius: 10px;
padding: 20px;
}





.content_title{
  font-size: 13px;
  color: rgba(22, 23, 25, 0.7);
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(22, 23, 25, 0.1);
}
.content_title span{
  font-size: 16px;
  font-weight: 900;
  color: rgba(22, 23, 25, 1);
  display: block;
}
.status_point_wrap{
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}
.status_point{
  color: rgba(22, 23, 25, 0.6);
  font-size: 11px;
  letter-spacing: -1px;
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.status_point span{
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
  margin-right: 5px;
}
.status_point span.point_orange{
  background: #F1933D;
}
.status_point span.point_blue{
  background: #4178DE;
}
.status_point span.point_red{
  background: #E26666;
}

.status_gage_wrap{
  position: relative;
  width: 100%;
  margin-top: 45px;
}

.gage_item{
  position: relative;
  margin-bottom: 45px;
}
.gage_name{
  font-size: 14px;
  color: #161719;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.gage_name span:first-child{
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -1px;
}
.gage_name span:last-child{
text-align: right;
}
.gage_bar{
  width: 100%;
  height: 8px;
  background: rgba(22, 23, 25, 0.06);
  border-radius: 100px;
  position: relative;
  display: flex;
  align-items: center;
}
.gage{
  height: 8px;
  position: relative;
  border-radius: 100px;
}

.gage_bar .min_gage{
  position: absolute;
  height: 8px;
}
.gage_bar .min_gage span{
  color: rgba(53, 59, 68, 0.8);
  font-size: 11px;
  letter-spacing: -1px;
  position: absolute;
  top: 12px;
  display: block;
  left: 0;
  min-width: 100px;
}
.gage_bar .max_gage{
  position: relative;
  height: 8px;
  margin-left: auto;
  text-align: right;
}
.gage_bar .max_gage span{
  color: rgba(53, 59, 68, 0.8);
  font-size: 11px;
  letter-spacing: -1px;
  position: absolute;
  top: 12px;
  display: block;
  right: 0;
  min-width: 100px;
}
.gage_blue{
background: #4178DE;
}
.gage_red{
  background: #E26666;
  }
  .gage_orange{
    background: #F1933D;
    }



/*flex_title*/
.flex_title{
  position: relative;
  display: flex;
  align-items: center;
}
.flex_title a{
  margin-left: auto;
  padding: 8px 20px;
  color: #161719;
  background: rgba(22, 23, 25, 0.06);
  border-radius: 100px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
}
.flex_title_re a{
  color: #064196;
  background: rgba(6, 65, 150, 0.06);
  border-width:0;
}


/*recommend_point*/
.recommend_point_wrap{
  position: relative;
  padding: 0 30px;
  box-sizing: border-box;
}
.recommend_point{
  padding: 0;
  border-bottom: 1px solid rgba(22, 23, 25, 0.1);
}
.recommend_point_item{
  padding:24px 0;
  border-top: 1px solid rgba(22, 23, 25, 0.1);
  box-sizing: border-box;
  color: rgba(22, 23, 25, 0.7);
  font-size: 13px;
}
.recommend_point_item span{
  color: rgba(22, 23, 25, 1);
  font-size: 14px;
  font-weight: 900;
  display: block;
  margin-bottom: 15px;
}

.recommend_point_item_re span{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.recommend_point_item_re span a{
  color: #161719;
  font-size: 13px;
  border-radius: 100px;
  border: 1px solid rgba(22, 23, 25, 0.15);
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
}



/*report_list*/
.report_list_wrap{
  position: relative;
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
}
.report_list{
  position: relative;
  border: 1px solid rgba(22, 23, 25, 0.1);
border-radius: 10px;
padding: 20px;
cursor: pointer;
margin-bottom: 15px;
}
.report_list:last-child{
  margin-bottom: 0;
}
.report_list_date{
  color: #161719;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  margin-bottom: 20px;
}
.report_list_date img{
  width: 12px;
  height: auto;
}

.recom_item_title{
  color: rgba(22, 23, 25, 0.6);
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 10px;
}
.recom_item_wrap{
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.recom_item_wrap span{
  flex: 0 1 auto;
  background: rgba(6, 65, 150, 0.04);
  border-radius: 5px;
  color: #064196;
  padding: 4px 8px;
}
.recom_state{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid rgba(22, 23, 25, 0.08);
}
.recom_state span:first-child{
  color: rgba(22, 23, 25, 0.6);
  font-size: 13px;
  font-weight: 900;
}
.recom_state span:nth-child(2){
  color: rgba(22, 23, 25, 1);
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -1px;
}

.recom_check{
  background: #064196;
  color: #fff !important;
  border-color: #064196;
}

/*item_detail*/

.item_detail_wrap{
  position: relative;
  width: 100%;
  max-width: 1024px;
  padding: 0 30px;
  box-sizing: border-box;
}
.item_detail_wrap table{
  border-top:1px solid rgba(22, 23, 25, 0.08);
  border-bottom:1px solid rgba(22, 23, 25, 0.08);
  padding: 12px 0;
}
.item_detail_wrap table tr td{
  padding: 12px 0;
  vertical-align: top;
  color: rgba(22, 23, 25, 0.8);
  font-size: 13px;
}
.item_detail_wrap table tr td:first-child{
  font-weight: 900;
}
.item_detail_wrap table tr td a{
  color: rgba(22, 23, 25, 0.8);
  text-decoration: underline;
}
.check_btn{
  color: #161719;
  background: #fff;
  border: 1px solid rgba(22, 23, 25, 0.15);
  position: relative;
}
.prime_btn_wrap .prime_btn.check_btn img{
  position: relative;
  width: 15px;
  height: auto;
  margin-right: 7px;
}
.check_btn:active{top:2px;box-shadow: none;}
.check_btn:before{left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(135deg); width: 100%; height: 0;content: ''; z-index: -1; position: absolute; background: rgba(22, 23, 25, 0.05); transition: all 0.6s;display: block;}
.check_btn:hover:before{height: 2000%;}
.check_btn:active:before{height: 2000%;}



/*flex_btn*/
.flex_btn_wrap{
  display: flex;
  gap: 8px;
}
.trans_btn{
  color: #064196;
  background-color: #fff;
  border: 1px solid #064196;
  transition:all 0.3s;
  box-sizing: border-box;
  transition:all 0.3s;
}
.trans_btn:hover{color: #fff;}
.trans_btn:active{top:2px;box-shadow: none;}
.trans_btn:before{left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(135deg); width: 100%; height: 0;content: ''; z-index: -1; position: absolute; background:#064196; transition: all 0.6s;display: block;}
.trans_btn:hover:before{height: 2000%;}
.trans_btn:active:before{height: 2000%;}


/*date*/

input[type="date"]{
  position: relative;
  border-width: 0 !important;
  font-size:20px;
  text-align: center;
  font-family: 'KoPubWorldDotum';
  padding: 16px 15px 16px 15px !important;
  line-height: 45px;
  color: rgba(22, 23, 25, 0.7);
  font-size: 13px;
  width: 150px !important;
}

input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button { 
    display: none;
} 
input[type="date"]::-webkit-calendar-picker-indicator { 
    background: transparent;
    z-index: 1;
    cursor: pointer;
} 

.customer_detail_wrap table{
border-width: 0;
}
.customer_detail_wrap table tr td:first-child{
  color: rgba(22, 23, 25, 0.6);
  font-weight: normal;
}
.delete_account_wrap{
  width: 100%;
  display: block;
  padding: 0 30px;
  box-sizing: border-box;
  position: relative;
}
.delete_account_wrap a{
  font-size: 14px;
  color: #161719;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  line-height: 50px;
}
.delete_account_wrap a img{
  width:12px;
  height: auto;
  position: relative;
}


/*board*/
.paging_wrap{
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 30px;
  margin-bottom: 30px;
  box-sizing: border-box;
  padding: 0 30px;
}

.paging_wrap a{
  width: 25px;
  height: 25px;
  border-radius: 50%;
  box-sizing: border-box;
  display: block;
  text-align: center;
  line-height: 25px;
  font-size: 13px;
  color: rgba(22, 23, 25, 0.6);
}
.paging_wrap .paging{
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
}
.paging_wrap .paging a{
  position: relative;
}
.paging_wrap .paging a img{
  width:11px;
  height: auto;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%, -50%);
  opacity: 0.2;
}
.paging_wrap .paging.active a img{
opacity: 1;
}
.paging_wrap ul.page_num{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap:6px;
}
.paging_wrap ul.page_num li{
  position: relative;
}
.paging_wrap ul.page_num li a{
  line-height: 26px;
  text-align: center;
}
.paging_wrap ul.page_num li.on a{
color:#fff;
background-color: #064196;
font-weight: 900;
}



.direct_wrap{
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-top: -65px;
}
.direct_wrap ul{
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-evenly;
}
.direct_wrap ul li{
position: relative;
width: 100%;
height: auto;
text-align: center;
}
.direct_wrap ul li a{
  position: relative;
  padding: 26px 0;
  display: block;
  font-size: 12px;
  color: rgba(22, 23, 25, 0.8);

}
.direct_wrap ul li a span{
  display: block;
  width: 100%;
  position: relative;
  font-size: 18px;
  font-weight: 700;
}
.direct_wrap ul li:after{
  width:1px;
  height: 45px;
  background: rgba(0, 0, 0, 0.08);
  content:'';
  position: absolute;
  right:0;
  top:50%;
  transform: translateY(-50%);
}


.list_item_wrap{
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.list_item_wrap ul{
  position: relative;
  width: 100%;
  padding: 0 30px;
  margin: 0 auto;
  box-sizing: border-box;
}
.list_item_wrap ul li{
  position: relative;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid rgba(22, 23, 25, 0.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0 12px 0;
}
.list_item_wrap.home_list_wrap ul li:last-child{
  border-bottom: 0;
}
.list_item_wrap ul li .item_con_l .list_date{
  color: rgba(22, 23, 25, 0.4);
  font-size: 12px;
}
.list_item_wrap ul li .item_con_l .customer_name{
  position: relative;
  margin-top: 0;
}
.list_item_wrap ul li .item_con_l .customer_name a{
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -1px;
  padding: 4px 0;
  margin-top: 2px;
  position: relative;
}
.list_item_wrap ul li .item_con_l .customer_name a img{
  margin-left: 8px;
  width: 7px;
  height: auto;
}
.list_item_wrap ul li .item_con_l .list_status{
  position: relative;
}
.list_item_wrap ul li .item_con_l .list_status a{
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: rgba(22, 23, 25, 1);
  padding: 4px 0;
}
.list_item_wrap ul li .item_con_l .list_status a img{
  width: 13px;
  height: auto;
  margin-left: 5px;
}
.list_item_wrap ul li .item_con_r{
  position: relative;
}
.list_item_wrap ul li .item_con_r .list_btn_wrap{
  position: relative;
  display: flex;
  align-items: center;
}
.list_item_wrap ul li .item_con_r .list_btn_wrap a{
  padding: 7px 12px 6px 12px;
  border-radius: 100px;
  border: 1px solid rgba(22, 23, 25, 0.15);
  display: flex;
  align-items:center;
  justify-content: center;
  font-size: 12px;
  color: #161719;
}
.list_item_wrap ul li .item_con_r .list_btn_wrap a.list_buy{
  border: 1px solid rgba(6, 65, 150, 0.15);
  color: #064196;
}
.list_item_wrap ul li .item_con_r .list_btn_wrap a.list_memo{
  position: relative;
}
.list_item_wrap ul li .item_con_r .list_btn_wrap a.list_memo img{
  width: 9px;
  height: auto;
  margin-right: 5px;
  position: relative;
  top: -1px;
  display: inline-block;
}
.list_item_wrap ul li .item_con_r .list_btn_wrap a.list_memo img.memo_on{
display: none;
}
.list_item_wrap ul li .item_con_r .list_btn_wrap a.list_memo.on img.memo_off{
  display: none;
}
.list_item_wrap ul li .item_con_r .list_btn_wrap a.list_memo.on img.memo_on{
  display: inline-block;
}

.list_item_wrap ul li .item_con_r .list_btn_wrap a:last-child{
  margin-left: 8px;
}




/*list_memo*/
.list_item_wrap.list_item_wrap_column li{
  flex-direction: column;
}
.list_memo_top{
  position: relative;
  display: flex;
  align-items:flex-start;
  justify-content: space-between;
  width: 100%;
}
.list_memo_bottom{
position: relative;
display: flex;
align-items: flex-start;
gap:15px;
padding-bottom: 5px;
box-sizing: border-box;
justify-content: space-between;
width: 100%;
}




/*float_btn*/
.float_btn_wrap{
  position: sticky;
  position: -webkit-sticky;
bottom: 0;
padding-bottom: 84px;
/*
left: 50%;
transform: translateX(-50%);
*/
z-index: 50;
box-sizing: border-box;
width: 100%;
max-width: 1024px;
}

/*******user*******/
.vis_wrap{
  position: relative;
  width:100%;
  box-sizing: border-box;
  text-align: center;
  background:#EBF2FF;
}
.vis_wrap .vis_title{
  font-size: 34px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 44px;
  padding: 0 30px;
  box-sizing: border-box;
  padding-top:40px;
}
.vis_wrap .vis_txt_01{
  font-size: 16px;
  color: rgba(22, 23, 25, 0.9);
  line-height: 26px;
  margin-top: 15px;
  padding: 0 30px;
  box-sizing: border-box;
}
.vis_wrap .vis_line{
  width:0px;
  height: 30px;
  background: rgba(22, 23, 25, 0.3);
  margin: 0 auto;
  margin-top:12px;
  margin-bottom: 16px;
}
.vis_wrap .vis_txt_02{
  font-size: 14px;
  color: rgba(22, 23, 25, 0.8);
  line-height: 24px;
  padding: 0 30px;
  box-sizing: border-box;
}
.vis_wrap .vis_txt_02 span{
  font-weight: bold;
}
.vis_wrap .vis_img_wrap{
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
align-items: flex-start;
justify-content: center;
max-height: 608px;

}
.vis_wrap .vis_img_wrap img{
  width:100%;
  height: auto;
  display: block;
  position: relative;
}

/*login_sns*/
.login_sns_wrap{
position: relative;
width: 100%;
padding: 0 30px;
box-sizing: border-box;
text-align: center;
margin-top: 60px;
padding-bottom: 60px;
}
.login_sns_wrap .login_sns_txt{
  font-size: 12px;
  color: rgba(22, 23, 25, 0.45);
  background: #fff;
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  justify-content: center;
  gap: 8px;
}
.login_sns_wrap .login_sns_txt span{
  flex-shrink: 0;
}
.login_sns_wrap .login_sns_txt .sns_line{
  height: 1px;
  background: rgba(22, 23, 25, 0.08);
  display: block;
  width: 100%;
}
.login_sns_wrap .sns_btn_wrap{
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 36px;
}
.login_sns_wrap .sns_btn_wrap a{
  position: relative;
}
.login_sns_wrap .sns_btn_wrap a img{
  width: 50px;
  height: auto;
  display: block;
}
.login_sns_wrap .sns_btn_wrap a:active{
  top:2px;
}
/*login*/
.head_info{
  position: absolute;
  right: 0;
  height: 100%;
}
.head_info a{
  color: rgba(22, 23, 25, 0.7);
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 100%;
  padding: 0 30px;
  box-sizing: border-box;
}
.login_logo{
  display: block;
  margin: 0 auto;
  width: 150px;
  height: auto;
}
.sns_login_wrap{
  display: flex;
  flex-direction: column;
  height:calc(100vh - 60px) !important;
  height: calc(var(--vh, 1vh) * 100 - 60px) !important;
  overflow:hidden;
  padding-bottom: 30px;
  box-sizing: border-box;
}
.login_logo_wrap{
  height: 100%;
display: flex;
align-content: center;
justify-content: center;
margin-top: -20px;
}
.login_wrap{
  margin-top: auto;
}

.login_btn_wrap{
  position: relative;
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap:10px;
}
.login_btn_wrap a{
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  position: relative;
}
.login_btn_wrap a.login_kakao{
  background: #FAE54C;
  color: #191919;
}
.login_btn_wrap a.login_google{
  border: 1px solid rgba(22, 23, 25, 0.15);
  color: #191919;
}
.login_btn_wrap a.login_naver{
  background:#03C75A;
}
.login_btn_wrap a.login_naver{
  background:#03C75A;
}
.login_btn_wrap a.login_apple{
  background: #000000;
}
.login_btn_wrap a:active{
  top:2px;
}
.login_btn_wrap a img{
  position: absolute;
  top:50%;
  left: 15px;
  transform: translateY(-50%);
}
/*splash*/
.splash_wrap{
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height:calc(100vh) !important;
  height: calc(var(--vh, 1vh) * 100) !important;
  overflow: hidden;
  background: #064196;
}
.splash_logo{
  position: relative;
  width: 160px;
  margin-top: -20px;
}
/*access_page*/
.access_wrap{
  padding: 0 30px;
  box-sizing: border-box;
  padding-top: 60px;
  height:calc(100vh) !important;
  height: calc(var(--vh, 1vh) * 100) !important;
  overflow: auto;
  padding-bottom: 240px;
}
.access_wrap .access_logo{
  width: 100px;
  height: auto;
  display: block;
  position: relative;
  margin: 0 auto;
}
.access_wrap .access_txt_01{
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  font-size: 18px;
  letter-spacing: -1px;
  margin-top: 30px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(22, 23, 25, 0.1);
  line-height: 26px;
}
.access_wrap .access_txt_01 span{
  font-weight: bold;
}
.access_wrap .access_txt_02{
  font-size: 16px;
  font-weight: bold;
  margin-top: 36px;
  position: relative;
}
.access_wrap .access_txt_03{
  position: relative;
  width:100%;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-top: 26px;
}
.access_wrap .access_txt_03 img{
  width: 50px;
  height: auto;
  position: relative;
  flex-shrink: 0;
}
.access_wrap .access_txt_03 .access_item{
  font-size: 13px;
  color: rgba(22, 23, 25, 0.7);
  position: relative;
  line-height: 22px;
}
.access_wrap .access_txt_03 .access_item span{
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: rgba(22, 23, 25, 1);
  margin-bottom: 6px;
}
.access_btn_wrap{
  flex-direction: column;
  gap: 10px;
}

.gray_btn{
  display: block;
  color: #161719;
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border-radius: 1000px;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -1px;
  background: rgba(22, 23, 25, 0.08);
  z-index: 1;
  position: relative;
  overflow: hidden !important;
}
.gray_btn:active{top:2px;box-shadow: none;}
.gray_btn:before{left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(135deg); width: 100%; height: 0;content: ''; z-index: -1; position: absolute; background: rgba(22, 23, 25, 0.1); transition: all 0.6s;display: block;}
.gray_btn:hover:before{height: 2000%;}
.gray_btn:active:before{height: 2000%;}

/*join*/
.qr_btn_wrap{
  margin-top: 10px;
}
.upload_btn_wrap.qr_btn_wrap a img {
  margin-right: 6px;
  width: 13px;
  height: auto;
}
.input_group .input_box label.input_info{
  padding-left: 0;
}
.input_info a{
  color: rgba(22, 23, 25, 0.5);
  display: flex;
  align-items: center;
  padding: 5px;
  gap: 5px;
  position: relative;
  width: fit-content;
}
.input_info a img{
width: 15px;
height: auto;
position: relative;
}
/*agree_form*/
.user_agree_form .terms_items .chk_box a{
text-decoration: none;
position: relative;
width: 100%;
}
.user_agree_form .terms_items .chk_box a:after{
  content:'';
  background: url('/img/list_arrow.svg') no-repeat;
  background-position: center;
  background-size: 7px 13px;
  width:22px;
  height: 22px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.user_agree_form .input_fail{
  padding-left: 30px;
  padding-bottom: 5px;
  box-sizing: border-box;
}

/*detail_terms*/
.detail_content{
  position: relative;
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
}
.detail_title{
  position: relative;
  width: 100%;
  border-bottom: 1px solid rgba(22, 23, 25, 0.1);
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  padding-top: 20px;
}
.detail_txt{
  position: relative;
  padding-top: 24px;
  font-size: 13px;
  color: rgba(22, 23, 25, 0.9);
  line-height: 23px;
}
.article_wrap{
  position: relative;
  margin-bottom: 15px;
}
.article_wrap .article_title{
  font-weight: bold;
  display: block;
  position: relative;
}
.article_wrap .article_table_wrap{
  position: relative;
  width: 100%;
  margin-top: 15px;
}
.article_wrap .article_table_wrap table{
  width: 100%;
  position: relative;
  font-size: 12px;
  text-align: left;
}
.article_wrap .article_table_wrap table thead tr th{
  font-weight: bold;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.article_wrap .article_table_wrap table tbody tr td{
  border-bottom: 1px solid #eee;
  vertical-align: top;
}
.article_wrap .article_table_wrap table thead tr th,
.article_wrap .article_table_wrap table tbody tr td{
  padding:8px;
}
.article_wrap .article_table_wrap table thead tr th:first-child,
.article_wrap .article_table_wrap table tbody tr td:first-child{
padding-left: 0;
}
.article_wrap .article_table_wrap table thead tr th:last-child,
.article_wrap .article_table_wrap table tbody tr td:last-child{
  padding-right: 0;
}
/*enter_code*/
.form_title_txt{
  font-size: 14px;
  line-height: 22px;
  color: rgba(22, 23, 25, 0.7);
  padding: 0 30px;
  box-sizing: border-box;
}
.pharma_box_wrap{
  padding: 0 30px;
  box-sizing: border-box;
  position: relative;
}
.pharma_box{
  border: 1px solid rgba(22, 23, 25, 0.06);
box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1);
border-radius: 10px;
background: #fff;
padding: 25px;
box-sizing: border-box;
margin-top: 30px;
margin-bottom: 30px;
}
.pharma_title{
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #161719;
}
.pharma_info_wrap{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
}
.pharma_info_wrap .pharma_info{
  width: 50%;
  color: rgba(22, 23, 25, 0.4);
  font-size: 13px;
  margin-top: 15px;
  margin-bottom: 20px;
}
.pharma_info_wrap .pharma_info span{
  color: rgba(22, 23, 25, 1);
  font-size: 16px;
  display: block;
  position: relative;
  margin-top: 5px;
}
.pharma_box_wrap .pharma_info_btn{
  width: 100%;
  text-align: center;
}
.pharma_box_wrap .pharma_info_btn a{
  display: block;
  color: #064196;
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border-radius: 1000px;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -1px;
  background: rgba(6, 65, 150, 0.05);
  z-index: 1;
  position: relative;
  overflow: hidden !important;
  transition: color 0.3s;
}
.pharma_box_wrap .pharma_info_btn a:hover{color:#fff;}
.pharma_box_wrap .pharma_info_btn a:active{top:2px;box-shadow: none;}
.pharma_box_wrap .pharma_info_btn a:before{left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(135deg); width: 100%; height: 0;content: ''; z-index: -1; position: absolute; background:rgba(6, 65, 150, 1); transition: all 0.6s;display: block;}
.pharma_box_wrap .pharma_info_btn a:hover:before{height: 2000%;}
.pharma_box_wrap .pharma_info_btn a:active:before{height: 2000%;}

/*health_scraping*/
.health_logo{
  width: 205px;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-top: 50px;
}
.btn_wrap_txt{
  position: relative;
  text-align: center;
  color: rgba(22, 23, 25, 0.8);
  font-size: 16px;
line-height: 26px;
margin-bottom: 40px;
}
/*certification_done*/
.mid_container{
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 0 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  height:calc(100vh - 140px);
  height: calc(var(--vh, 1vh) * 100 - 140px);
justify-content: center;
}
.mid_container img.certi_icon{
  width: 60px;
  height: auto;
  position: relative;
  margin-top: -50px;
}
.mid_container span.certi_txt{
  color: rgba(22, 23, 25, 0.8);
  font-size: 16px;
  line-height: 26px;
  width: 100%;
}
/*checkup*/
.checkup_date{
  position: relative;
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
  color: rgba(22, 23, 25, 0.7);
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding-top:5px;
}
.checkup_date img{
  width: 15px;
  height: auto;
  position: relative;
}
.recent_checkup_info_wrap{
  position: relative;
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
  margin-top: 15px;
}
.recent_checkup_info{
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  text-decoration: underline;
  color: rgba(22, 23, 25, 0.7);
  font-size: 13px;
  text-align: center;
  padding: 30px 0 15px 0;
  border-top: 1px solid rgba(22, 23, 25, 0.1);
}
.txt_sentence{
  position: relative;
  display: block;
  margin-bottom: 8px;
}
.txt_sentence:last-child{
  margin-bottom: 0;
}
/*loading*/
.loading_container{
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: space-between;
  height:calc(100vh - 60px);
  height: calc(var(--vh, 1vh) * 100 - 60px);
}
.loading_container .loading_logo{
  width: 125px;
  height: auto;
  position: relative;
  padding-top: 10px;
}
.loading_container .loading_img{
  width: 180px;
  height: auto;
  position: relative;
  margin-top: 20px;
}
.loading_container .loading_txt{
  color: rgba(22, 23, 25, 0.8);
  font-size: 16px;
  line-height: 24px;
  position: relative;
  width: 100%;
  padding-bottom: 80px;
}
/*none_checkup*/
.none_checkup_img{
  width: 41px;
  height: auto;
  display: block;
  position: relative;
  margin-top: -20px;
}
.mid_con_txt{
  color: rgba(22, 23, 25, 0.7);
  font-size: 14px;
  line-height: 24px;
}
.mid_con_title{
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -1px;
  color: rgba(22, 23, 25, 1);
  font-weight: bold;
  margin-bottom: 15px;
  position: relative;
  display: block;
}

/*survey*/
.survey_page_cotent{
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
  padding-top: 55px;
}
.step_wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  width: 100%;
  max-width: 1024px;
  box-sizing: border-box;
  left: 0;
  top: 60px;
  padding: 0 30px;
  background: #fff;
  padding-top: 8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.step_wrap .step_title{
  font-size: 14px;
  position: relative;
}
.step_wrap .step_img{
  position: relative;
  width: 45px;
  height: auto;
}
.step_bar_wrap{
  background: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: fixed;
  width: 100%;
  max-width: 1024px;
  box-sizing: border-box;
  left: 0;
  top: 113px;
  padding: 0 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.step_bar_wrap:after{
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background: #ECECED;
  width: calc(100% - 60px);
  height: 100%;
  z-index: -1;
}
.step_bar_wrap .step_bar{
  background: #064196;
  height: 2px;
}
.survey_title{
  font-size: 22px;
  font-weight: bold;
  line-height: 32px;
  margin-top: 40px;
}
.survey_txt{
  color: rgba(22, 23, 25, 0.7);
  font-size: 16px;
line-height: 26px;
margin-top: 8px;
position: relative;
}
.survey_form{
  position: relative;
  margin-top: 20px;
}

.survey_form .box_radio_group label img.on{
  display: none;
}
.survey_form .box_radio_group input[type=radio]:checked + label{
background: rgba(6, 65, 150, 0.03);
}
.survey_form .box_radio_group input[type=radio]:checked + label span{
  color:  rgba(6, 65, 150, 1);
  font-weight: bold;
}
.survey_form .box_radio_group input[type=radio]:checked + label img{
  display: none;
}
.survey_form .box_radio_group input[type=radio]:checked + label img.on{
  display: block;
}
.box_radio_label{
  color: rgba(22, 23, 25, 0.5);
  font-size: 12px;
  padding-left: 5px;
  padding-bottom: 4px;
}
/*fig_input*/
.fig_input_wrap{
  position: relative;
  display: flex;
  align-items: center;
}

.fig_input_wrap .input_fig{
  position: absolute;
  right: 0;
  padding-right: 15px;
  color:#161719;
  font-size: 13px;
}

/*time_imput_clear*/
.fig_input_wrap input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
   height: 16px;
   width: 16px;
   margin-right: 45px;
   background: url('/img/clear.svg') no-repeat;
   background-size: 100%;
   background-position: center;
   cursor: pointer;
}

.input_group_div{
  gap: 10px;
}

.title_band{
  font-size: 14px;
  font-weight: bold;
  background: rgba(22, 23, 25, 0.03);
  padding: 7px 12px;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-top: 20px;
}

.survey_form .box_check_wrap .box_check_group{
  max-width: calc(50% - 5px);
  }
.survey_form .box_check_wrap{
  gap:15px;
  margin-bottom: 15px;
}
.survey_form .box_check_wrap .box_check_group label img{
  width: 42px;
  height: auto;
  position: relative;
}
.survey_form .box_check_wrap .box_check_group label img.on{
  display: none;
}
.survey_form .box_check_wrap .box_check_group input[type=checkbox]:checked + label{
background: rgba(6, 65, 150, 0.03);
}
.survey_form .box_check_wrap .box_check_group input[type=checkbox]:checked + label span{
  color:  rgba(6, 65, 150, 1);
  font-weight: bold;
}
.survey_form .box_check_wrap .box_check_group input[type=checkbox]:checked + label img{
  display: none;
}
.survey_form .box_check_wrap .box_check_group input[type=checkbox]:checked + label img.on{
  display: block;
}

.survey_check_items{
position: relative;
}
.survey_check_items .chk_box{
  padding: 14px 0;
  font-size: 16px;
  color: rgba(22, 23, 25, 0.8);
  align-items: flex-start;
}
.survey_check_items .chk_box .check_item{
  margin-top: 2px;
}

.check_div_items{
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap:0 15px;
}
.check_div_items .chk_box{
  width: calc(50% - 15px);
  flex-shrink: 0;
}

/*chk_radio*/

.chk_box {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* 기본 체크박스 숨김*/
.chk_box input[type="radio"] {
  display: none;
}

/* 선택되지 않은 체크박스 스타일*/
.check_item {
  width: 20px;
  height: 20px;
  background: #fff;
  position: relative;
  border: 1px solid #D0D1D1;
  border-radius: 100px;
  margin-right: 8px;
  min-width: 20px;
  min-height: 20px;
}

/* 선택된 체크박스 스타일*/
.chk_box input[type="radio"]:checked + .check_item {
  border: 1px solid #064196;
  background: #064196;
}

.check_item:after {
  content: "";
  width: 4px;
  height: 7px;
  border: solid #D0D1D1;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 7px;
  top: 4px;
}
.chk_box input[type="radio"]:checked + .check_item:after {
  content: "";
  width: 4px;
  height: 7px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 7px;
  top: 4px;
}

.medicine_check_wrap{
  flex-direction: column;
}

.medicine_check_wrap .box_check_group input[type="checkbox"] + label{
padding: 0;
}
.medicine_check_wrap .box_check_group .take_medi_wrap{
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  margin: 0;
}
.medicine_check_wrap .box_check_group .take_medi_wrap .take_medi{
 border: 0;
 border-radius: 0;
 margin-bottom: 0px; 
}
.survey_form .medicine_check_wrap .box_check_group{
  max-width: 100%;
}
.survey_form .medicine_check_wrap .box_check_group label span{
  line-height: inherit;
}
.survey_form .medicine_check_wrap .box_check_group input[type="checkbox"]:checked + label span:first-child{
  font-weight: normal;
  color: rgba(22, 23, 25, 0.5);
}
.survey_form .medicine_check_wrap .box_check_group input[type="checkbox"]:checked + label span:nth-child(2){
  font-weight: normal;
  color: rgba(22, 23, 25, 1);
}
.survey_form .medicine_check_wrap .box_check_group input[type="checkbox"]:checked + label .take_medi .medi_name span:last-child{
  font-weight: bold;
}

.box_radio_health{
  position: relative;
  margin-bottom: 16px;
}
.box_radio_health img{
  position: relative;
  width: 84px;
  height: auto;
  display: block;
}

.box_check_health{
  position: relative;
  margin-bottom: 16px;
}
.box_check_health img{
  position: relative;
  width: 84px;
  height: auto;
  display: block;
}
/*success_assign*/
.success_assign .success_page_img{
  display: flex;
  height: 100%;
  align-items: center;
  padding-bottom: 0;
}
.success_assign .success_page_img img{
  max-width: 614px;
  width: 100%;
}
.success_assign .page_info_txt{
  font-size: 16px;
  line-height: 26px;
}
.success_assign .page_info_txt span{
  color: #1E4BC6;
  font-weight: bold;
}

/*chekup_result*/
.checkup_page .basic_info_wrap{
  margin-top: 30px;
}
.checkup_page .basic_info{
  border-bottom: 0;
  padding-bottom: 20px;
}
.checkup_page .basic_info:last-child{
  padding-bottom: 0;
}
.checkup_page .basic_info_wrap .basic_info .info_item span:first-child{
margin-right: 12px;
}

.weight_wrap{
  position: relative;
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
  margin-top: 45px;
  margin-bottom: 40px;
}
.weight_wrap .weight_txt{
  position: relative;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-size: 12px;
}
.weight_wrap .weight_txt span{
  flex-grow: 1;
  text-align: center;
}
.weight_wrap .weight_num{
  position: relative;
  display: flex;
  justify-content: space-evenly;
  font-size: 12px;
  color: rgba(22, 23, 25, 0.6);
}
.weight_wrap .weight_num span{
  text-align: center;
}
.weight_bar_wrap{
  position: relative;
  width: 100%;
  background: #F1F1F1;
  border-radius: 100px;
  margin-top: 4px;
  margin-bottom: 4px;
}
.weight_bar_wrap .weight_bar{
  background: #064196;
  height: 8px;
  border-radius: 100px;
}
.weight_solution_wrap{
  width: 100%;
  position: relative;
  padding: 0 30px;
  box-sizing: border-box;
  text-align: center;
  padding-bottom: 10px;
}
.weight_solution_wrap .weight_solution{
  background: rgba(6, 65, 150, 0.04);
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  padding: 30px 26px;
}

/*key_acc_wrap*/
.key_tab_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 15px;
  padding: 0 30px;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.key_tab_wrap label {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  display: block;
  height:36px;
  line-height:36px;
  text-align: center;
  border: 1px solid rgba(22, 23, 25, 0.1);
border-radius: 6px;
font-size: 14px;
  cursor: pointer;
  -webkit-transition: background ease 0.2s;
  transition: background ease 0.2s;
  flex-grow: 1;
  box-sizing: border-box;
}
.key_tab_wrap .key_tab_con {
  -webkit-box-ordinal-group: 100;
  -webkit-order: 99;
  -ms-flex-order: 99;
  order: 99;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 0 20px 25px 20px;
  background: rgba(22, 23, 25, 0.03);
  border-radius: 10px;
}
.key_tab_wrap input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.key_tab_wrap input[type="radio"]:checked + label {
  background: rgba(6, 65, 150, 0.08);
border: 1px solid #064196;
color:#064196;
font-weight: bold;
}
.key_tab_wrap input[type="radio"]:checked + label + .key_tab_con {
  display: block;
  margin-top: 15px;
}
.key_tab_wrap .key_tab_con{
  color: rgba(22, 23, 25, 0.7);
font-size: 13px;
}
.key_tab_wrap .key_tab_con .key_title{
font-size:16px;
font-weight: bold;
margin-bottom: 10px;
color: rgba(22, 23, 25, 1);
}

.key_close_wrap{
  position: relative;
  text-align: right;
  margin-right: -20px;
  margin-bottom: -10px;
}
.key_close_wrap label{
  width:45px;
  height: 45px;
  line-height: inherit;
  cursor: pointer;
  padding: 15px;
  box-sizing: border-box;
  margin-left: auto;
}
.key_close_wrap label img{
  width:14px;
  height: 14px;
  position: relative;
  display: block;
}
.key_close_wrap input[type="radio"]{
  border:0;
}
.key_close_wrap input[type="radio"] + label{
  border:0;
}
.key_info_wrap{
  margin-top: 30px;
}
.key_info_wrap .recent_checkup_info{
  padding-top: 15px;
  border: 0;
}
.caution_wrap{
  position: relative;
  margin-top: 30px;
  padding: 0 30px;
  box-sizing: border-box;
}
.caution_item{
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 20px;
}
.caution_item img{
  width: 18px;
  height: auto;
  position: relative;
  top: 1px;
}
.caution_item .caution_txt{
  font-size: 14px;
  color: rgba(22, 23, 25, 0.7);
  line-height: 20px;
}
.caution_item .caution_txt span{
  font-size: 16px;
  font-weight: bold;
  color: rgba(22, 23, 25, 1);
  display: block;
  line-height: 24px;
  margin-bottom: 5px;
}
.more_item_wrap{
  position: relative;
}
.more_item_wrap a{
  height: 45px;
  line-height: 45px;
  border: 1px solid rgba(22, 23, 25, 0.15);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  color: #161719;
  font-weight: bold;
  position: relative;
  transition: background 0.3s;
  font-size: 12px;
  box-sizing: border-box;
}
.more_item_wrap a img{
  position: relative;
  width: 12px;
  height: auto;
  top: -1px;
}
.more_item_wrap a:hover{
  background:rgba(22, 23, 25, 0.05);
}
.more_item_wrap a:active{
  top: 2px;
}
.more_item_wrap::before{
  content:'';
  width:100%;
  height: 45px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  position: absolute;
  top: -46px;
  left: 0;
  display: block;
}










.caution_item{display: none;}
.caution_item.active{display:flex;}
.more_item_wrap.hidden{visibility: hidden;}
.more_item_wrap.hidden a{height: 0;}
.more_item_wrap.hidden::before{display: none;}


.user_recommend_wrap{
  margin-top: 20px;
}
.user_recommend_wrap ul li img{
  width:30px;
  height: auto;
}
.user_recommend_point_wrap{
  margin-bottom: 50px;
}
.guarantee_txt{
  position: relative;
  padding: 0 30px;
  box-sizing: border-box;
  color: rgba(22, 23, 25, 0.8);
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  margin-top: 45px;
  margin-bottom: 50px;
}
.guarantee_txt .txt_sentence span{
  color: #1E4BC6;
  font-weight: bold;
}

/*nutrient*/
.nutrient_content{
  padding: 0 30px;
  box-sizing: border-box;
  padding-bottom: 50px;
}
.nutrient_point_wrap{
  position: relative;
  margin-top: 22px;
}
.nutrient_point_wrap .nutrient_point{
  display: flex;
  align-items: center;
  position: relative;
  gap: 8px;
  font-size: 16px;
  margin-bottom: 10px;
}
.nutrient_point_wrap .nutrient_point:last-child{
  margin-bottom: 0;
}
.nutrient_point_wrap .nutrient_point span{
  border-radius: 50%;
  width: 22px;
  height: 22px;
  background:rgba(6, 65, 150, 0.08);
  color: #064196;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.nutrient_txt{
  color: rgba(22, 23, 25, 0.8);
  font-size: 14px;
  position: relative;
  margin-top: 30px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(22, 23, 25, 0.1);
}
.nutrient_txt .txt_sentence span{
  color: #064196;
  font-weight: bold;
}
.take_nut_wrap{
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(22, 23, 25, 0.1);
}
.take_nut_wrap .take_txt{
  font-size: 18px;
  letter-spacing: -1px;
  line-height: 28px;
  text-align: center;
}
.take_nut_wrap .take_txt span{
  font-weight: bold;
}
.take_nut_wrap .gage_item{
  margin-top: 40px;
  margin-bottom: 100px;
}
.take_nut_wrap .gage_item .gage_name{
  margin-bottom: 5px;
}
.take_nut_wrap .gage_item .gage_name span{
  margin-left: auto;
  font-size: 12px;
  color: rgba(22, 23, 25, 0.5);
  letter-spacing: 0;
}
.take_nut_wrap .gage_item .gage_bar .min_gage > div, .take_nut_wrap .gage_item .gage_bar .max_gage > div{
  position: absolute;
  right: 0;
text-align: right;
left: auto;
font-size: 12px;
line-height: 18px;
letter-spacing: 0;
top: 12px;
display: block;
min-width: 100px;
color: rgba(22, 23, 25, 0.8);

}
.take_nut_wrap .gage_item .gage_bar .min_gage > div > div, .take_nut_wrap .gage_item .gage_bar .max_gage > div > div{
  color: rgba(22, 23, 25, 0.6);
}

.take_nut_info{
  padding: 20px;
  border: 1px solid rgba(22, 23, 25, 0.1);
border-radius: 10px;
color: rgba(22, 23, 25, 0.7);
font-size: 13px;
line-height: 23px;
margin-bottom: 15px;
}
.take_nut_info:last-child{
  margin-bottom: 0;
}
.take_nut_info .take_info_title{
  font-size: 16px;
  font-weight: bold;
  color: rgba(22, 23, 25, 1);
  margin-bottom: 8px;
  line-height: 26px;
}
.take_info_time{
  padding-top: 20px;
  border-top:  1px solid rgba(53, 59, 68, 0.08);
  margin-top: 20px;
}
.take_info_time span{
font-weight: bold;
color: rgba(22, 23, 25, 1);
}

.nut_food_wrap{
  position: relative;
}
.nut_food_wrap .nut_food{
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 15px;
}
.nut_food_wrap .nut_food .nut_food_img_wrap{
  border: 1px solid rgba(22, 23, 25, 0.08);
  border-radius: 10px;
  overflow: hidden;
  width: 95px;
  height: 95px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nut_food_wrap .nut_food .nut_food_img_wrap img{
  width: 100%;
  height: auto;
  display: block;
}
.nut_food_wrap .nut_food .nut_food_txt{
  position: relative;
  color: rgba(22, 23, 25, 0.7);
  font-size: 13px;
  line-height: 23px;
  padding-top: 6px;
}
.nut_food_wrap .nut_food .nut_food_txt .nut_food_title{
  font-weight: bold;
  font-size: 15px;
  color: rgba(22, 23, 25, 1);
  line-height: 25px;
  display: block;
  margin-bottom: 5px;
}
.nut_food_wrap .nut_food .nut_food_txt span{
  font-weight: bold;
}
/*feedback*/
.feedback_container .profile_wrap{
  margin-top: -100px;
  margin-bottom: 0;
}
.feedback_container .mid_con_txt .mid_con_title span{
  color: #064196;
}
.feedback_container .page_bottom_txt{
  position: absolute;
  bottom: 30px;
  color: rgba(22, 23, 25, 0.5);
  font-size: 13px;
  text-align: center;
}

/*range_slider*/
.range_slider_wrap{
  margin-top: calc(20vh - 12px);
}
.range_txt{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 20px;
}
.range_txt span{
  font-size: 13px;
}

/*input_direct*/
.direct_box{
  width:100% !important;
  flex-wrap: wrap;
}
.input_direct_wrap{
  display: none;
  flex-shrink: 0;
  width:100%;
  margin-top: 15px;
}
.survey_form input[type="checkbox"].direct_input:checked ~ .input_direct_wrap{
  display: block !important;
}

/*item_check*/
.item_check_wrap{
  flex-direction: column;
}
.item_check_wrap .box_check_group{
  max-width: 100% !important;
}
.item_check_wrap .box_check_group input[type="checkbox"] + label{
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  height: 80px;
  box-sizing: border-box;
  overflow: hidden;
}
.survey_form .box_check_wrap.item_check_wrap .box_check_group label img{
margin-bottom: 0;
width: 80px;
height: auto;
}
.item_check_wrap .box_check_group label span{
  font-size: 16px;
  line-height: inherit;
  color: rgba(22, 23, 25, 0.9);
}
.survey_form .box_check_wrap.item_check_wrap .box_check_group input[type=checkbox]:checked + label img{
display: block;
}
.item_check_wrap .box_check_group input[type="checkbox"]:checked+label:before{
transform: translateY(-50%);
}
.survey_form .box_check_wrap.item_check_wrap .box_check_group input[type=checkbox]:checked + label{
background: transparent;
}
/*coupon*/
.coupon_img{
  filter: drop-shadow(0px 6px 15px rgba(0, 0, 0, 0.08));
  width: 205px;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}
.review_done_container .profile_wrap{
margin-top: -40px;
}
/*coupon_list*/
.coupon_list_wrap{
  margin-top: 15px;
}
.coupon_list_wrap table {
  width: 100%;
}
.coupon_list_wrap table thead tr th{
  color: rgba(22, 23, 25, 0.4);
font-weight: bold;
font-size: 12px;
text-align: left;
height: 40px;
}
.coupon_list_wrap table tbody tr td{
  font-size: 12px;
  line-height: 16px;
  height: 50px;
}
.coupon_list_wrap table thead tr th, .coupon_list_wrap table tbody tr td{
  border-bottom: 1px solid #eee;
  padding-left: 8px;
  padding-right: 8px;
}
.coupon_list_wrap table tbody tr td:nth-child(3){
  color: rgba(22, 23, 25, 0.6);
}
.coupon_list_wrap table tbody tr td:last-child{
  font-weight: bold;
}
.coupon_list_wrap table thead tr th:first-child, .coupon_list_wrap table tbody tr td:first-child{
  text-align: center;
  padding-left: 30px;
}
.coupon_list_wrap table thead tr th:last-child, .coupon_list_wrap table tbody tr td:last-child{
  padding-right: 30px;
}

.coupon_list_wrap table tbody tr td a{
  padding: 13px 0;
  color: #161719;
  font-size: 14px;
  display: block;
}
.coupon_list_wrap table tbody tr td.used{
  color: rgba(22, 23, 25, 0.3);
}

.coupon_content{
  padding: 0 30px;
padding-top: 50px;
box-sizing: border-box;
}
.coupon_info_wrap{
  margin-top: 50px;
  padding-top: 30px;
  border-top:1px solid rgba(22, 23, 25, 0.1);
  position: relative;
}
.coupon_info_wrap .coupon_title{
  font-weight: bold;
  font-size: 22px;
  letter-spacing: -1px;
  margin-bottom: 10px;
}
.coupon_info_wrap .coupon_deadline{
  font-size: 13px;
  color: rgba(22, 23, 25, 0.6);
  margin-bottom: 20px;
}
.coupon_info_wrap .coupon_deadline span{
  color: rgba(22, 23, 25, 1);
  margin-left: 10px;
}
.coupon_info_wrap .coupon_state{
  height: 26px;
  line-height: 26px;
  border: 1px solid #064196;
  border-radius: 100px;
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  padding: 0 18px;
  color:#064196;
}
.coupon_info_wrap .coupon_state.used{
  color: rgba(22, 23, 25, 0.4);
  border: 1px solid rgba(22, 23, 25, 0.3);
}

/*cs*/
.cs_page_wrap{
  padding-top: 110px;
}
.cs_page_wrap .page_content{
  padding-bottom: 50px;
}
.cs_wrap{
  position: relative;
  padding: 0 30px;
  box-sizing: border-box;
  margin-top: 15px;
  padding-bottom: 50px;
}
.cs_ans{
  position: relative;
}
.cs_que{
  position: relative;
}
.cs_que a{
  position: relative;
  display: flex;
  align-items: center;
  color: #161719;
  font-size: 14px;
  height: 50px;
}
.cs_que a img{
width: 14px;
height: auto;
margin-left: auto;
transform: rotate(0);
position:relative;
top: -1px;
transition: all 0.3s;
}
.cs_que.opened a img{
  transform: rotate(180deg);
}

.cs_que .cs_ans{
padding: 20px;
background: rgba(22, 23, 25, 0.03);
color: rgba(22, 23, 25, 0.8);
font-size: 13px;
}
.cs_btn_wrap{
  background: transparent;
  padding-top: 0;
  min-height: 40px;
  padding-bottom: 30px;
}
.cs_btn_wrap .prime_btn_wrap a{
  color: #161719;
  font-size: 14px;
  border: 1px solid rgba(22, 23, 25, 0.1);
border-radius: 1000px;
background: #fff;
padding: 8px 26px;
box-sizing: border-box;
position: relative;
display: inline-block;
transition: background 0.3s;
}
.cs_btn_wrap .prime_btn_wrap a:hover{
  background:rgba(22, 23, 25, 0.05);
}
.cs_btn_wrap .prime_btn_wrap a:active{
  top:2px;
}
/*my*/
.my_page_content .trans_btn{
  border-color: rgba(6, 65, 150, 0.15);
}
/*foot_nav*/
.foot_nav{
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  max-width: 1024px;
  margin: 0 auto;
  box-sizing: border-box;
  background: #fff;
  border-top: 1px solid #eee;
  z-index: 998;
}
.foot_nav ul{
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.foot_nav ul li{
position: relative;
flex-grow: 1;
}
.foot_nav ul li a{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  height: 54px;
  font-size: 11px;
  color: rgba(22, 23, 25, 0.7);
}
.foot_nav ul li a img{
  display: block;
  margin: 0 auto;
  margin-bottom: 2px;
  width: 20px;
  height: auto;
}
.margin_footer{
  margin-bottom: 54px;
}


/*공통*/
.margin_t_40{margin-top: 40px;}
.margin_t_30{margin-top: 30px;}
.margin_t_20{margin-top: 20px;}
.sep_bar{
  width:100vw;
  height: 8px;
  background: rgba(22, 23, 25, 0.04);
  margin: 0 auto;
  max-width: 1024px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.text_red{
  color: #E26666 !important;
}
.text_gray_5{
  color: rgba(22, 23, 25, 0.5) !important;
}
.em{font-weight: 900 !important;}
.c_100{color:#161719 !important;}
.fix_data{
  font-size: 14px;
  color: #161719;
  padding-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

/** 2022-11-25 추가 */
.mb-4 {
  color: rgba(255, 0, 0, 0.5);
  font-size : 12px;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
}
.alert {
  margin-bottom: 20px;
  border: 1px solid transparent;
}

/* 2023-01-16 추가 */
.success_page_img{
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: auto;
  padding-bottom: 20px;
}
.success_page_img img{
  width: 80%;
  max-width: 410px;
  min-width: 280px;
  border-radius: 10px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.success_assign .success_page_img{
  display: flex;
  height: 100%;
  align-items: center;
  padding-bottom: 0;
}
.success_assign .success_page_img img{
  max-width: 410px;
  width: 80%;
}

/* 2023-02-27 추가 */
.jconfirm.jconfirm-light .jconfirm-box, .jconfirm .jconfirm-box {
  border-radius: 15px;
  padding: 24px 0 0 0;;
  box-sizing: border-box;
  background: #fff;
  width: 100%;
  max-width: 640px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
  color: rgba(22, 23, 25, 0.7);
  font-size: 14px;
  margin-bottom: 15px;
  text-align: left;
  line-height: 22px;
  padding-left: 24px;
  padding-right: 24px;
  width: auto;
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
  padding: 20px 24px;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 900;
  margin-left: 0;
  color: #064196;
  min-width: 74px;
  box-sizing: border-box;
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default{
  color: #064196;
}

.jconfirm .jconfirm-box .jconfirm-buttons {
  padding-bottom: 0;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
  background-color: #fff;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
  background: #fff;
}

/* 2023-02-27 추가 끝 */