/* BASIC css start */
body .h_title {margin-bottom:80px;}
body .h_title p {color:var(--7); margin-top:18px;}

.asWrap {text-align:center;}
.asWrap .tit {font-size:1.75rem; font-weight:700; display: block; line-height:1;}
h4 {font-weight:700;}
.gtxt {color:var(--3); padding-top:35px;}
.blue-txt {color:#00A0E9; font-weight:700;}

.qabtn {text-align:center; margin-bottom:150px;}
.qabtn a {width:214px; line-height:60px; box-sizing:border-box; font-size:1.125rem; border-radius:3px; border:1px solid var(--7); display:inline-block; vertical-align:top;}
.qabtn a:first-child {color:var(--0); background:var(--7); margin-right:14px;}


/* sec1 */
.sec1 {background:#F1F2F3; padding:30px 0 50px; margin-bottom:20px;}
.sec1 .contBox {}
.sec1 .contBox ul {font-size:0; display:flex; max-width:1192px; margin:30px auto 0;}
.sec1 .contBox ul li {display: inline-block; vertical-align: top;}
.sec1 .contBox ul li:nth-last-child(-n+3) {margin-bottom:0;}
.sec1 .contBox ul li img {width:100%; box-sizing:border-box;}
.sec1 .contBox ul li b {font-size:1rem; font-weight:700; display:block; padding:18px 0 8px; line-height:1;}
.sec1 .contBox ul li p {font-size:1rem; margin-bottom:0;}
.sec1 .contBox ul li p br {display:block;}
.sec1 .contBox ul li.as_arrow {margin: 5% 2% 0; width:auto;}
.sec1 .contBox ul li.as_arrow img {width:16px;}

/* sec2 */
.sec2 {margin-bottom:150px;}
.sec2 .tit {margin-bottom:35px;}
.sec2 p {margin-bottom:25px; font-size:1rem;}
.sec2 b,
.sec2 em {font-size:1rem;}
.sec2 .txt2 {margin-bottom:50px; }
.sec2 .txt3 {margin-bottom:45px;word-break: keep-all; }
.sec2 .txt3 b {font-weight:700;}
.apply {margin:80px auto 100px; max-width:555px;}
.sec2 .infoBox {margin-bottom:30px;}
.sec2 .infoBox:last-child {margin-bottom:0;}
.sec2 .infoBox dt {margin-bottom:15px;}
.sec2 .infoBox dd {font-size:1rem;}

/* sec3 */
.sec3 {text-align:left; margin-top: 80px;}
.sec3 .inner {border-top:1px solid var(--7); border-bottom:1px solid var(--7);}
.sec3 .inner ul {}
.sec3 .inner ul li {border-top:1px solid var(--2); overflow:hidden;}
.sec3 .inner ul li h4 {padding: 25px 0; line-height: 1; font-size:1rem; cursor:pointer;}
.sec3 .inner ul li h4:after {content:''; display:inline-block; background: url(/design/helinox/h_renewal/img/icon/faq_arrow.svg) no-repeat right center; width: 14px; height: 9px; background-size: 14px auto; float:right; padding:4px 0; transition:all .3s ease; -webkit-transition:all .3s ease;}
.sec3 .inner ul li h4.on:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.sec3 .inner ul li .txt_box {height:0; font-size:0.875rem;}
.sec3 .inner ul li .txt_box.on {height:auto;}
.sec3 .inner .linkBtn a {display:inline-block; vertical-align:top; width:290px; line-height:58px; background:#000; Color:#fff; text-align:center; font-weight:500; font-size:1rem; border-radius:2px; border:1px solid #000; margin:30px 0 60px;}

/* as pop */
.pop_close {text-align: right; margin-right: -10px;}
.pop_close svg {cursor:pointer;}
.as_pop {display:none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index:10;}
.as_bg {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.as_pop caption {display:block;}
.as_pop .table_wrap {height: 479px;overflow-y: auto;padding-right: 17px;margin-top:40px;}
.as_pop .table_wrap::-webkit-scrollbar {width:2px;background: #EDEDED;}
.as_pop .table_wrap::-webkit-scrollbar-thumb {background: #000;}
.as_pop .table_wrap > div:after {content: '';display: block;clear: both;}
.as_pop table {text-align: center;border:1px solid #cdcdcd;display: table-header-group;}
.as_pop .fl {float: left;width:635px;}
.as_pop .fr {float: right;width:460px;margin-bottom: 35px;}
.as_pop .fr table {}
.as_pop td {border-bottom: 1px dashed #cdcdcd;}
.as_pop .as_cont {width: 1200px;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.as_pop .as_inner {background: #fff;padding:45px 15px 45px 35px;box-sizing: border-box;}
.as_pop .as_inner .tit {letter-spacing: -0.02em;color: #000000;font-weight: bold;font-size: 1.25rem;padding-bottom: 20px;border-bottom: 1px solid #000;width:98%;}
.as_pop .p_tit {font-weight: bold;font-size: 1.25rem;padding: 40px 0 20px;line-height: 1;}

.as_pop table caption {text-align: left;padding: 0 0 10px 12px;letter-spacing: -0.02em;color: #000000;font-weight: 500;font-size: 1.125rem;height:auto;}
.as_pop table thead {background: #F8F8F8;}
.as_pop table thead tr th {padding: 14px 0 13px;font-size: 0.938rem;letter-spacing: -0.02em;font-weight: bold;}

.as_pop table tbody tr:last-child td {border-bottom: 1px solid #cdcdcd;}
.as_pop table tbody tr td {padding: 14px 0 13px;font-weight: normal;font-size: 0.938rem;letter-spacing: -0.02em;}

.as_pop .sec01 .p_tit {padding-top:0;}
.as_pop .sec02, .sec03 {margin-top: 30px}
.as_pop .sec04 tr td:last-child {padding-left: 20px;line-height: 19px;}



/******************************* ¹ÝÀÀÇü *******************************/

@media (max-width:1300px) {   
    .as_pop .as_cont {width:90%;}
    .as_pop .fr {float:none !important; clear: both;}
    .as_pop .fl,
    .as_pop .fr {margin-bottom:35px;}
    
    .sec1 {padding:72px 30px 90px;}
}

/* tablet */
@media (max-width:1024px) {
    body .h_title {margin-bottom:100px;}
    .asWrap .tit {font-size:1.5rem;}
    
    .qabtn {margin-bottom:100px;}
    .qabtn a {line-height:45px; font-size:0.813rem;}

    /* sec1 */
    .sec1 {padding:35px 30px; margin-bottom:80px}
    .sec1 .contBox ul {display:block; margin:30px auto 0;}
    .sec1 .contBox ul li {width:25%; margin-bottom:30px;}
    .sec1 .contBox ul li b {font-size:0.875rem;}
    .sec1 .contBox ul li p {font-size:0.875rem;}
    .sec1 .contBox ul li.as_arrow {margin: 9% 2.5% 0;}
    .sec1 .contBox ul li.as_arrow img {width:13px;}
    .sec1 .contBox ul li img {width:80%;}
    
    /* sec2 */
    .sec2 {margin-bottom:100px;}
    .sec2 .tit {margin-bottom:25px;}
    .sec2 .apply {margin: 0 auto 60px;}
    .sec2 .txt2 {margin-bottom:40px;}
    .sec2 p {font-size:0.875rem;}
    .sec2 b,
    .sec2 em {font-size:0.875rem;}
    .sec2 .linkBtn {margin-bottom:40px;}
    .sec2 .infoBox dt {margin-bottom:13px;}
    .sec2 .infoBox:nth-of-type(1) dt img {width:28px;}
    .sec2 .infoBox:nth-of-type(2) dt img {width:18px;}
    .sec2 .infoBox dd {font-size:0.875rem;}
    
    /* sec3 */
    .sec3 .inner ul li .txt_box {font-size:0.813rem;}
    .sec3 .inner ul li h4 {padding: 22px 0; font-size:0.875rem;}
    .sec3 .inner .linkBtn a {width:100%; margin:40px 0 35px; line-height:43px; font-size:0.875rem;}
    
}


/* mobile */
@media (max-width:768px) {
    body .h_title {margin-bottom:50px;}
    .asWrap .tit {font-size:1.375rem;}
    
    .gtxt {padding-top:10px;}
    
    .qabtn {display:flex; max-width:353px; margin:0 auto 45px; padding:0 20px;}
    .qabtn a {flex:1; width:50%; line-height:35px; font-size:0.688rem;}
    .qabtn a:first-child {margin-right:5px;}
    
    /* sec1 */
    .sec1 {margin-bottom:50px}
    .sec1 .contBox ul li {width:27%;}
    .sec1 .contBox ul li img{
        display:block;
        width:100%;
        max-width:70px;
        height:auto;
        margin:0 auto;
        border-radius:1px;
    }
    .sec1 .contBox ul li b {font-size:0.781rem; padding: 20px 0 17px;}
    .sec1 .contBox ul li p {font-size:0.781rem;}
    .sec1 .contBox ul li.as_arrow img {width:9px;}
    
    
    /* sec2 */
    .sec2 {margin-bottom:50px;}
    .sec2 .tit {margin-bottom:20px;}
    .sec2 .apply {margin: 0 auto 30px;}
    .sec2 .txt2 {margin-bottom:20px;}
    .sec2 p {font-size:0.75rem;}
    .sec2 b,
    .sec2 em {font-size:0.75rem;}
    .sec2 .linkBtn {margin-bottom:20px;}
    .sec2 .infoBox {margin-bottom:25px;}
    .sec2 .infoBox:nth-of-type(1) dt img {width:22px;}
    .sec2 .infoBox:nth-of-type(2) dt img {width:15px;}
    .sec2 .infoBox dd {font-size:0.75rem;}
    
    /* sec3 */
    .sec3 .inner ul li h4 {padding: 18px 0;}
    .sec3 .inner .linkBtn a {width:100%; margin:25px 0 30px;}
    
    /* as pop */
    .as_pop .table_wrap {height:60vh;}
    .as_pop .as_inner .tit {font-size:1rem;}
    .as_pop .p_tit {padding:20px 0 10px; font-size:1rem;}
    .as_pop table caption {font-size:0.875rem;}
    .as_pop table thead tr th,
    .as_pop table tbody tr td {padding:10px 0 9px; font-size:0.75rem;}
    .as_pop .fl,
    .as_pop .fr {width:100%;}
    .as_pop .fr {margin-bottom:20px;}
    .pop_close svg {width:40px !important; height:40px !important;}
    
    #layer,
    #daum_layer,
    iframe[src*="postcode"]{
        z-index:999999 !important;
    }

    body,
    #wrap,
    #container,
    #contents,
    main{
        overflow:visible !important;
    }
    
}

@media (max-width:500px) {
    .sec1 .contBox ul li img {width:100%;}
    .sec1 .contBox ul li.as_arrow {margin: 12% 2.5% 0;}
}

.as-form{
    text-align:center;
    font-family:'Noto Sans KR', sans-serif;
    color:#333;
}

/* -----------------------------
   AS FORM LAYOUT
----------------------------- */

.as-form{
text-align:center;
font-family:'Noto Sans KR',sans-serif;
color:#333;
}

.as-wrap{
max-width:480px;
width:100%;
margin:0 auto;
text-align:left;
}

/* -----------------------------
   TITLE
----------------------------- */

.as-wrap h3{
text-align:center;
margin-bottom:35px;
font-size:25px;
font-weight:700;
padding-bottom:12px;
border-bottom:1px solid #e5e5e5;
}

/* -----------------------------
   LABEL
----------------------------- */

.as-wrap label{
display:block;
margin-top:16px;
margin-bottom:6px;
font-size:15px;
font-weight:500;
}

.as-wrap label + .zip-row{
margin-top:0px;
}


/* -----------------------------
   INPUT / TEXTAREA
----------------------------- */

.as-wrap input,
.as-wrap textarea{
width:100%;
padding:12px;
border:1px solid #ddd;
border-radius:4px;
font-size:15px;
box-sizing:border-box;
height:42px;
}

.as-wrap input[type="date"]{
height:42px;
font-size:15px;
color:#333;
font-family:'Noto Sans KR', sans-serif;
}

.as-wrap textarea{
height:120px;
resize:none;
}

.as-wrap input:focus,
.as-wrap textarea:focus{
border-color:#000;
outline:none;
}

.as-wrap input::placeholder,
.as-wrap textarea::placeholder{
color: #333;
font-style: normal;
opacity: 1;
font-size:15px;
}

/* -----------------------------
   SELECT
----------------------------- */

.as-wrap select{
width:100%;
height:42px;
padding:0 12px;
border:1px solid #ddd;
border-radius:4px;
font-size:15px;
color:#333;


appearance:none;
-webkit-appearance:none;
-moz-appearance:none;

background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1 L6 7 L11 1' stroke='%23333' stroke-width='2' fill='none' stroke-linecap='round'/></svg>");
background-repeat:no-repeat;
background-position:right 12px center;
background-size:12px;

padding-right:34px;
}

/* -----------------------------
   SELECT2
----------------------------- */

.select2-container{
width:100% !important;
}

.select2-container--default .select2-selection--single{
height:42px !important;
border:1px solid #ddd !important;
border-radius:4px !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
}

.select2-container--default .select2-selection__rendered{
font-size:15px !important;
color:#333 !important;

padding-left:12px !important;
padding-right:36px !important;

line-height:40px !important;

text-align:left !important;
}

.select2-container--default .select2-selection__placeholder{
color:#333 !important;
font-size:15px;
}

/* select2 arrow */

.select2-container--default .select2-selection--single .select2-selection__arrow b{
display:none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1 L6 7 L11 1' stroke='%23333' stroke-width='2' fill='none' stroke-linecap='round'/></svg>");
background-repeat:no-repeat;
background-position:center 14px;
background-size:12px;

width:24px;
height:100%;
right:6px;
top:0px;


}
/* -----------------------------
   ADDRESS
----------------------------- */

.address-box{
display:flex;
flex-direction:column;
gap:8px;
}

.zip-row{
display:flex;
gap:8px;
align-items:center;
}


.as-wrap .addr-search{
width:110px;
height:44px;

display:flex;
align-items:center;
justify-content:center;

background:#e5e5e5;
color:#333;

border:1px solid #ccc;
border-radius:8px;

font-size:13px;
font-weight:600;

cursor:pointer;
transition:all 0.2s ease;

text-decoration:none;
box-sizing:border-box;
}

.as-wrap .addr-search:hover{
  background:#111;
  border-color:#111;
  color:#fff;
}

.as-wrap input[name="post_code"]{
  width:100px;
  height:42px;
  text-align:center !important;
  box-sizing:border-box;
  padding:0;
  letter-spacing:0.5px;
  padding-right:2px;
}

/* -----------------------------
   IMAGE UPLOAD
----------------------------- */

.upload-guide{
font-size:13px;
color:#444;
margin-top:4px;
margin-bottom:6px;
}
.upload-guide .sub {
  display:block;
  color:#666;
  margin-top:2px;
  font-size:12px; 
}
.file-upload {
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
}

.file-btn {
  padding:10px 18px;
  border:1px solid #ddd;
  font-size:13px;
  background:#f8f8f8;
  border-radius:4px;
  transition:all 0.2s;
}

.file-btn:hover {
  border-color:#111;
  background:#fff;
}

.file-text {
  font-size:12px;
  color:#777;
}

#images{
margin-top:6px;
padding:10px;
border:1px dashed #ccc;
background:#fafafa;
border-radius:4px;
cursor:pointer;
}

#preview{
margin-top:10px;
display:flex;
flex-wrap:wrap;
gap:6px;
}

.img-wrap{
position:relative;
}

.img-wrap img{
width:80px;
border:1px solid #ddd;
border-radius:4px;
}

.img-del{
position:absolute;
top:2px;
right:2px;

width:16px;
height:16px;

font-size:11px;
background:#000;
color:#fff;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

cursor:pointer;
opacity:0;
transition:0.2s;
}

.img-wrap:hover .img-del{
opacity:1;
}

#img-count{
font-weight:700;
font-size:14px;
}
.img-total {
  font-size:14px;
  font-weight:700;
}

#img-count.full{
color:#00A0E9;
}

label {
  font-size:14px;
}

/* -----------------------------
   SUBMIT BUTTON
----------------------------- */

.as-wrap button{
  width:100%;
  margin-top:36px;
  padding:14px;

  background:#e0e0e0;
  color:#111;

  border:1px solid #bbb;
  border-radius:6px;

  font-size:15px;
  font-weight:600;

  cursor:pointer;
  transition:all 0.2s ease;
  box-shadow:0 3px 8px rgba(0,0,0,0.06);
  
  display:flex;
  align-items:center;
  justify-content:center;
}

.as-wrap button:hover{
  background:#222;
  border-color:#222;
  color:#fff;
}
.zip-row .addr-search{
width:110px;
margin-top:0;
flex-shrink:0;
}

.zip-row button{
width:auto !important;
margin-top:0 !important;
}
#sendSmsBtn,
#verifySmsBtn{

  width:110px !important;
  height:42px;

  margin-top:0 !important;
  padding:0 12px !important;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#e5e5e5 !important;
  color:#333 !important;

  border:1px solid #ccc !important;
  border-radius:8px;

  font-size:13px !important;
  font-weight:600;

  box-shadow:none !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
flex:1;
text-align:left !important;
padding-left:12px !important;
}

.as-check{
  padding-top:12px;
  margin:0 0 8px; 
  font-size:13px;
  color:#333; 
  font-weight:500;
  text-align:center;
  letter-spacing:0.2px;
}

.as-search-btn{
  display:block;
  width:100%;
  margin-top:12px;

  padding:14px;

  background:#222;
  color:#fff;

  border:1px solid #222;
  border-radius:6px;

  font-size:15px;
  font-weight:600;

  text-align:center;
  text-decoration:none;

  transition:all 0.2s ease;
}

.as-search-btn:hover{
  background:#111;
  border-color:#111;
}
.select2-container--open .select2-dropdown {
  top: 100% !important;
  bottom: auto !important;
}
.terms-box, .terms-box * {
  font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif !important;
  letter-spacing: 0 !important;
}

.terms-box {
  background: #f8f8f8;
  padding: 16px;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  font-size: 14px;
}

.terms-box p {
  font-size: 14px;
  line-height: 1.6;
  color: #111;
  font-weight: 500;
  margin-bottom: 12px;
}

.terms-link {
  color: #000;
  text-decoration: underline;
  font-weight: 500;
  font-size: inherit;
}
.terms-link:hover {
  opacity: 0.6;
}

.terms-check {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.terms-check input {
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
}

.terms-check label {
  cursor: pointer;
}

.terms-check span::after {
  content: " *";
  color: #e60023;
  font-weight: 500;
}
.as-wrap label::after {
  content: " *";
  color: #d00;
  font-weight: 600;
}
.infoBox dd p {
  margin: 0;
  line-height: 1.6;
}


.infoBox dd {
  line-height: 1.6;
  margin: 0;
}
.infoBox {
  text-align: center;
  margin-bottom: 10px
}
.info-strong {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.customer-box .info-strong {
    font-size: 1rem !important;
    font-weight: 600 !important;
}
.kakao-guide{
  margin-top:6px;
  padding-left:16px;
  text-align:left;
}

.kakao-guide li{
  font-size:14px !important;
  color:#444;
  line-height:1.5;
}
.kakao-id{
  font-weight:500;
  color:#222;
}

.kakao-note{
  margin-top:6px;
  font-size:13px !important;
  color:#666;
  line-height:1.4;
}
</style>

<style>
.email-wrap {
  display: flex;
  gap: 6px;
  align-items: center;
}

.email-wrap input,
.email-wrap select {
  flex: 1;
  height: 40px;
}

.sub {
  font-weight: 400;
  color: #666;
  margin-left: 2px;
}

.h_title h3 {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 0;
    line-height: 1.2;
}
.h_title p {
    line-height: 1.6;
    font-size: 0.813rem;
    margin-top: 20px;
    color:#666;
}
.h_title h3::after {
  display: none;
}
.customer-box {
    text-align: center;
    margin-bottom: 20px;
    font-weight: 400;
}

/* PC */
@media (min-width:769px){

  .h_title h3{
    font-size:2.2rem !important;
  }

  .h_title p{
    font-size:1rem !important;
    line-height:1.7;
  }

}

/* ¸ð¹ÙÀÏ */
@media (max-width:768px){

  .h_title h3{
    font-size:1.5rem !important;
  }

  .h_title p{
    font-size:0.9rem !important;
    line-height:1.7;
  }

}

.customer-box .txt3 {
    text-align: center;
    font-size: 1.05rem;
    line-height: 1.6;
    max-width: 100%;
    margin: 0 auto 30px;
    font-weight: 400;
}
.as-info{
  max-width:720px;
  margin:60px auto 0;
  border-top:1px solid #ddd;
  font-size:15px;
  margin-top:80px;
}
.as-info .label,
.as-info .value{
  font-size:15px;
}

.as-info .txt1{
  font-size:15px !important;
  
}

.as-info .row{
  display:flex;
  align-items:flex-start;
  border-bottom:1px solid #eee;
  padding:16px 0;
  gap:28px;                  
}

.as-info .label{
  width:110px;
  font-weight:600;
  color:#222;
  flex-shrink:0;
}

.as-info .value{
  flex:1;
  color:#222;
  line-height:1.7;
  text-align:left;
}

.as-info .value.strong{
  font-weight:400;
  color:#555;
  font-size:inherit;
}
.sec2.as-guide .txt1{
  font-size:14px !important;
  color:#444;
  font-weight:500;
  line-height:1.6;
}
.as-search-area{
  margin-top:32px;
  padding-top:20px;
  border-top:1px solid #eee;
}

.infoBox img {
  display: block;
  margin: 0 auto 12px;
  
}
@media (max-width:768px){
  .as-info{
    padding:0 16px;
    font-size:14px;
  }

  .as-info .row{
    flex-direction:column;
    gap:6px;
  }

  .as-info .label{
    width:auto;
    font-size:14px;
  }
}

.sec2.as-guide {
    margin:16px 0 32px;
}

@media (max-width:768px) {
    .h_title h3::after {
        width: 70%;
        margin: 10px auto 0;
    }
}

@media (max-width:768px){

  .as-wrap{
    padding:0 18px;
    box-sizing:border-box;
  }

  .as-wrap h3{
    font-size:22px;
    margin-bottom:28px;
  }

  .as-wrap label{
    font-size:13px;
    margin-top:14px;
  }

  .as-wrap input,
  .as-wrap textarea,
  .as-wrap select{
    height:40px;
    font-size:14px;
    padding:10px 12px;
  }

  .as-wrap textarea{
    min-height:110px;
  }
  
  #sendSmsBtn{
    transform:translateY(1px);
  }

  .phone-wrap{
    margin-top:0;
    gap:8px;
    align-items:center;
  }

  .phone-wrap button{
    flex:0 0 96px;
    height:40px;
    font-size:12px;
    border-radius:6px;
  }

  .terms-frame{
    height:220px;
  }

  .terms-box{
    padding:14px;
  }

  .terms-check{
    font-size:13px;
    line-height:1.5;
  }

  .as-wrap button{
    height:46px;
    margin-top:28px;
    font-size:14px;
  }

}

.phone-wrap{
  display:flex;
  gap:10px;
  align-items:flex-end;
  margin-top:0;
}

.phone-wrap input{
  flex:1;
  min-width:0;
}

.phone-wrap button{
  flex:0 0 120px;

  height:44px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0;

  border:1px solid #ccc;
  background:#e5e5e5;
  color:#333;

}


.phone-wrap button:hover{
  background:#111;
  border-color:#111;
  color:#fff;
}
.phone-wrap button#sendSmsBtn:hover,
.phone-wrap button#verifySmsBtn:hover{
  background:#eaeaea;
  border:1px solid #000;
  color:#000;
}

#smsVerifyArea{
  margin-top:10px;
}

#smsTimer{
  margin-top:6px;
  font-size:13px;
  color:#666;
}
.terms-frame-wrap{
  margin-top:15px;
}

.terms-frame{
  width:100%;
  height:250px;

  border:1px solid #ddd;
  border-radius:8px;

  background:#fff;
}

.terms-guide{
  margin-top:10px;

  font-size:13px;
  color:#888;
}

.terms-check{
  display:block;
  margin-top:15px;
}

label.terms-check{
    font-size:14px !important;
    line-height:1.6;

    display:flex !important;
    align-items:center;

    gap:8px;
}

.terms-check input:disabled + span{
  opacity:0.5;
}

input[type="date"]{
    width:100% !important;
    height:42px !important;

    padding:0 40px 0 12px !important;

    background:#fff !important;
    color:#333 !important;

    box-sizing:border-box;
    border:1px solid #ddd !important;
    border-radius:4px !important;

    font-size:15px !important;
    font-family:'Noto Sans KR', sans-serif !important;

    appearance:none;
    -webkit-appearance:none;
    text-align:left !important;
    position:relative;
}

input[type="date"]::-webkit-calendar-picker-indicator{
    position:absolute;
    right:12px;
    cursor:pointer;
    opacity:1;
}


input[type="date"]::-webkit-date-and-time-value{
    text-align:left !important;
}

input[type="date"]::-webkit-datetime-edit{
    text-align:left !important;
}



/* ¸ð¹ÙÀÏ */
@media (max-width:768px){

    input[type="date"]{
        height:40px !important;
        font-size:14px !important;

        padding:0 40px 0 12px !important;
    }
    
    input[type="date"]:before{
    content:attr(placeholder);
    color:#333;
    white-space:nowrap;
}

/* ³¯Â¥ ¼±Åà ÈÄ Á¦°Å */
input[type="date"]:valid:before{
    content:"";
}

}


</style>


/* BASIC css end */