/* 서브비주얼 있는 페이지들만 적용 */
.wrap:has(.sub_visual) #header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255,255,255,.4);
}
/* sub_visual */
.sub_visual{
  position: relative;
  padding: 300px 0 210px;
}

.sub_visual .sub-vi-img{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1;
  background-color: #F5F5F5;
}

.sub_visual .sub-vi-img.v1{background-image: url(/asset/img/sub/visual/v1.png);}
.sub_visual .sub-vi-img.v2{background-image: url(/asset/img/sub/visual/v2.png);}
.sub_visual .sub-vi-img.v3{background-image: url(/asset/img/sub/visual/v3.png);}
.sub_visual .sub-vi-img.v4{background-image: url(/asset/img/sub/visual/v4.png);}
.sub_visual .sub-visual-txt{
  line-height: 1;
}

.sub_visual .text-up {
  position: relative;
  text-align: center;
  z-index: 10;
  /* opacity: 0; 
  transform: translateY(20px);    
  animation-name: fadeIn;
  animation-duration: .9s;
  animation-timing-function: ease-out;
  animation-delay: .7s;
  animation-fill-mode: forwards; */
}
.sub_visual .delay-09{animation-delay: .9s; }
.sub_visual .delay-11{animation-delay: 1.1s; }

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


@media all and (max-width: 1200px) {
  .sub_visual{
    padding: 220px 0 180px;
  }
}

@media all and (max-width: 1024px) {
  .sub_visual{
    padding: 180px 0 160px;
  }
}

@media all and (max-width: 768px) {
  .sub_visual{
    padding: 150px 0 130px;
  }
}

@media all and (max-width: 576px) {
  .sub_visual{
    padding: 100px 0 60px;
  }
}

/* NEWS */
.bbs-news-list {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 20px;
}
.bbs-news-list .news-common-item{
  width: calc(33.333% - 13.333px);
}
.bbs-news-list .news-common-item .img-box{
  border-radius: 10px;
  overflow: hidden;
}
.bbs-news-list .news-common-item .img-box:before{
  border-radius: 10px;
}
@media all and (max-width:1024px){
  .bbs-news-list {
    gap: 30px 15px;
  }
  .bbs-news-list .news-common-item{
    width: calc(33.333% - 10px);
  }
}
@media all and (max-width:650px){
  .bbs-news-list {
    gap: 40px 10px;
  }
  .bbs-news-list .news-common-item{
    width: calc(50% - 5px);
  }
}

.bbs-more-btn{
  width: 280px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1c459e;
  margin: 0 auto;
  gap: 10px;
}
.bbs-more-btn .ico{
  position: relative;
  width: 14px;
  height: 14px;
}
.bbs-more-btn:hover .ico{
  transition: transform .5s;
  transform: rotate(360deg);
}
.bbs-more-btn .ico:before,
.bbs-more-btn .ico:after{
  content: '';
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.bbs-more-btn .ico:after{
  transform: translate(-50%,-50%) rotate(90deg);
}

@media all and (max-width:1024px){
  .bbs-more-btn{
    width: 220px;
    height: 50px;
  }
}
@media all and (max-width:768px){
  .bbs-more-btn{
    width: 170px;
    height: 40px;
  }
  .bbs-more-btn .ico{
    width: 10px;
    height: 10px;
  }
}

/* Resources */
.bbs-resource-list{
  display: flex;
  flex-wrap: wrap;
  gap: 60px 20px;
}
.bbs-resource-list .bbs-resource-box{
  width: calc(33.333% - 13.333px);
}
.bbs-resource-box .img-box{
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 1/1;
  position: relative;
  border: 1px solid #ddd;
}
.bbs-resource-box .img-box .img img{
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
.bbs-resource-box .down-box{
  position: absolute;
  width: 50px;
  height: 50px;
  bottom: 30px;
  right: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  z-index: 2;
}
.bbs-resource-box .img-box .tag{
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 2;
  padding: 8px 13px;
  background-color: #1C459E;
  border-radius: 10px;
}

@media all and (max-width:1024px){
  .bbs-resource-list {
    gap: 30px 15px;
  }
  .bbs-resource-list .bbs-resource-box{
    width: calc(33.333% - 10px);
  }
  .bbs-resource-box .down-box{
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
  }
  .bbs-resource-box .down-box img{
    height: 18px;
  }
}
@media all and (max-width:650px){
  .bbs-resource-list {
    gap: 40px 10px;
  }
  .bbs-resource-list .bbs-resource-box{
    width: calc(50% - 5px);
  }
  .bbs-resource-box .img-box .tag{
    right: 10px;
    top: 10px;
    padding: 3px 8px;
  }
}


/* 로그인페이지 20260305 */
.auth-line-border{
  width: 100%;
  height: 1px;
  background-color: #d2d2d2;
}
.auth-input-cont.mw-560{
  max-width: 560px;
}
.auth-input-cont .auth-tit-flex{
  display: flex;
  align-items: center;
  gap: 10px 20px;
}
.auth-input-cont .auth-tit-flex.flex-wrap{flex-wrap: wrap;}
.auth-input-cont .auth-tit-flex .auth-input-box.mw-560{
  max-width: 560px;
  width: 100%;
}
.auth-input-cont .input-box .input{
  width: 100%;
  height: 50px;
  border-radius: 5px;
  padding: 0 20px;
  background-color: #F5F5F5;
  border: none;
}



.auth-input-cont .id-check-btn.active {
    background-color: #1C459E !important;
    cursor: pointer;
    pointer-events: auto; /* 클릭 허용 */
}

.auth-submit-box .auth-submit{
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.auth-submit-box .auth-submit.he50{
  height: 50px;
}
.auth-submit-box.mw-560{
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}
.auth-submit-box.item02{
  display: flex;
  gap: 10px;
}
.auth-submit-box .auth-submit.bg-blue{background-color: #1C459E;}
.auth-submit-box .auth-submit.bg-gray{background-color: #727171;}
.auth-submit-box .auth-submit.bg-lightgray{background-color: #D8D8D8;}
.auth-submit-box .auth-submit.bg-white{background-color: #fff; border: 1px solid #D8D8D8;}

.auth-login-list{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #727171;
  gap: 10px;
}
.auth-login-list .auth-login-a{position: relative;}
.auth-login-list .auth-login-a + .auth-login-a:before{
  content: '';
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 13px;
  background-color: #727171;
}

.auth-sign-btn{
  width: 100%;
  max-width: 270px;
  height: 60px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 auto;
}
.auth-sign-btn.bg-gray{
  background-color: #727171;
}
.auth-sign-btn.bg-blue{
  background-color: #1C459E;
}


@media all and (max-width:768px){
  .auth-input-cont .input-box .input{
    height: 45px;
    padding: 0 15px;
  }
  
  .auth-submit-box .auth-submit,
  .auth-sign-btn{
    height: 50px;
  }
}

/* 비활성화 시 기본 커서 */
.auth-submit:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}




/* 회원가입 페이지 */
.signup-page-menu{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 45px;
}
.signup-page-menu .page-m{position: relative;}
.signup-page-menu .page-m + .page-m:before{
  position: absolute;
  content: '';
  left: -22.5px;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 8px;
  height: 12px;
  background: url(/asset/img/sub/auth/ico-arw.svg)no-repeat center center /cover;
}
.signup-page-menu .page-m.on{
  color: #1C459E;
  font-weight: 600;
}

/* 체크 박스 */
.auth-check-label{
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  width: fit-content;
}
.auth-check-label .auth-cl-input{display: none;}
.auth-check-label .auth-cl-i{
  display: block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background-color: #f5f5f5;
}
.auth-check-label .auth-cl-input:checked ~ .auth-cl-i{
  background: #262626 url(/asset/img/sub/auth/ico-check.svg)no-repeat center center;
}

.auth-check-label .auth-cl-input:checked ~ .auth-cl-txt{
  font-weight: 600;
}
/*
.auth-agree-textarea .textarea-box{
  width: 100%;
  height: 180px;
}
.auth-agree-textarea .textarea-box .textarea{
  width: 100%;
  height: 100%;
  border-radius: 5px;
  resize: none;
  outline: none;
  background-color: #F5F5F5;
  padding: 10px 20px;
}
*/

.auth-agree-textarea .textarea-box{
  width: 100%;
  height: 180px;
  border-radius: 5px;
  resize: none;
  outline: none;
  background-color: #F5F5F5;
  padding: 10px 20px;
  border : 1px solid #D8D8D8;
}


.auth-input-btn{
  display: flex;
}
.auth-input-btn .id-check-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 125px;
  height: 50px;
  border-radius: 0 5px 5px 0;
  background-color: #adadad;
}
.auth-input-btn .id-check-btn.bg-lightgray{background-color: #D9D9D9;}

.auth-input-btn .input-box{width: 100%;}
.auth-input-btn .input-box .input{border-radius: 5px 0 0 5px;}
.auth-input-pw{
  display: flex;
  align-items: center;
  gap: 10px;
}
.auth-input-pw .input-box{width: 100%;}

.auto-complate-box{
  padding: 60px 80px;
}
.auto-complate-box .logo{
  display: flex;
  justify-content: center;
}
/*
@media all and (max-width:768px){
  .auth-agree-textarea .textarea-box .textarea{
    padding: 10px 15px;
  }
  .auth-input-btn .id-check-btn,
  .auth-submit-box .auth-submit.he50{
    height: 45px;
  }
}
*/

@media all and (max-width:768px){
  .auth-agree-textarea .textarea-box{
    padding: 10px 15px;
  }
  .auth-input-btn .id-check-btn,
  .auth-submit-box .auth-submit.he50{
    height: 45px;
  }
}

/* demo 신청 */
.demo-input-flex{
  display: flex;
  flex-wrap: wrap;
  gap: 30px 60px;
}
.demo-input-flex .demo-input-area{
  width: 100%;
  display: flex;
  align-items: center;
}
.demo-input-flex .demo-input-area.flex-wrap{
  flex-wrap: wrap;
}
.demo-input-flex .demo-input-area.flex-wrap .w-auto{
  width: auto;
  min-width: auto;
}
.demo-input-flex .demo-input-area.w50{
  width: calc(50% - 30px);
}
.demo-input-flex .demo-input-area.align-start{
  align-items: start;
}
.demo-input-area .demo-tit-flex{
  display: flex;
  align-items: center;
  gap: 5px 10px;
  flex-wrap: wrap;
}
.demo-input-area .demo-input-tit{
  min-width: 190px;
  width: 190px;
}

.demo-input-area .demo-input-box{
  width: 100%;
}
.demo-input-area .demo-input-box .input-box{
  width: 100%;
}
.demo-input-area .demo-input-box .input,
.demo-input-area .demo-input-box .select{
  width: 100%;
  height: 60px;
  border-radius: 50px;
  background-color: #f5f5f5;
  padding: 0 30px;
  border: none;
}
.demo-input-area .demo-input-box .input-time .input{
  outline: none;
}
.demo-input-area .demo-input-box .input-time .input::-webkit-calendar-picker-indicator {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent; /* 아이콘을 투명하게 만듦 */
    color: transparent;      /* 글자 투명하게 */
    cursor: pointer;
}
.demo-input-area .demo-input-box .select,
.demo-input-area .demo-input-box .input-time .input{
  position: relative;
  cursor: pointer;
  padding-right: 40px;
  background: #f5f5f5 url(/asset/img/sub/demo/ico-select.svg)no-repeat center right 30px;
}
.demo-input-area .demo-input-box .input-calendar .input{
  background: #f5f5f5 url(/asset/img/sub/demo/ico-calendar.svg)no-repeat center right 30px;
}

.demo-check-input{
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.demo-check-input .demo-cl-label{
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
}
/*
.demo-check-input .demo-cl-label .demo-cl-boki{
  text-decoration: underline;
}
  */

.demo-check-input .demo-cl-boki{
  text-decoration: underline;
  cursor: pointer;
}
.demo-check-input .demo-cl-input{
  display: none;
}
.demo-check-input .demo-cl-input:checked ~.demo-cl-i{
  background: #1C459E url(/asset/img/sub/demo/ico-check.svg)no-repeat center center;
  border-color: #1C459E;
}
.demo-check-input .demo-cl-i{
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  border: 1px solid #727171;
  background-color: #fff;
}
.demo-input-area .demo-cl-ex{
  display: flex;
  align-items: center;
  gap: 15px;
}
.demo-input-area .demo-semi-input .input{
  width: 130px;
  height: 40px;
  padding: 0 15px;
}

/* 이메일, 연락 가능 시간 */
.demo-input-area .demo-input-box.demo-flex{
  display: flex;
  align-items: center;
  gap: 10px;
}

/* 신청장비선택 */
.demo-jangb-list{
  display: flex;
  gap: 20px;
}
.demo-jangb-list .jangb-label{
  width: calc(20% - 16px);
  position: relative;
  cursor:pointer;
  border-radius: 10px;
  overflow: hidden;
}
.demo-jangb-list .jangb-label:before{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 3px solid #1c459e;
  content: '';
  opacity: 0;
}
.demo-jangb-list .jangb-label:has(.jangb-radio:checked):before{
  opacity: 1;
}
.demo-jangb-list .jangb-radio{
  display: none;
}
.demo-jangb-list .jangb-radio:checked ~ .jangb-i{
  background: #1C459E url(/asset/img/sub/demo/ico-check.svg)no-repeat center center;
  border-color: #1C459E;
}
.demo-jangb-list .jangb-i{
  width: 24px;
  height: 24px;
  border-radius: 5px;
  border: 1px solid #727171;
  position: absolute;
  top: 20px;
  left: 20px;
}
.demo-jangb-list .jangb-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.demo-text-area .text-area textarea{
  border-radius: 10px;
  background: #F5F5F5;
  width: 100%;
  height: 360px;
  padding: 30px;
  resize: none;
  outline: none;
}
.demo-text-area .text-area textarea.size{
  height: 100px;
}
.demo-text-area .text-area textarea.current-device{
  border-radius: 10px;
  background: #F5F5F5;
  width: 100%;
  height: 180px;
  padding: 30px;
  resize: none;
  outline: none;
}

@media all and (max-width:1200px){
  .demo-input-flex{
    flex-wrap: wrap;
    gap: 20px;
  }
  .demo-input-flex .demo-input-area.w50{
    width: 100%;
  }
  .demo-input-flex .demo-input-area.mo-none{
    display: none;
  }


  .demo-check-input{
    gap: 0 30px;
  }

  .demo-jangb-list{
    gap: 15px;
    flex-wrap: wrap;
  }
  .demo-jangb-list .jangb-label{
    width: calc(33.333% - 10px);
  }
}
@media all and (max-width:768px){
  .demo-input-area .demo-input-tit{
    min-width: none;
    width: 100%;
  }
  .demo-input-flex .demo-input-area{
    flex-wrap: wrap;
    gap: 10px;
  }
  .demo-input-area .demo-input-box .input,
  .demo-input-area .demo-input-box .select{
    height: 50px;
    padding: 0 15px;
  }
  .demo-input-area .demo-input-box .select,
  .demo-input-area .demo-input-box .input-time .input{
    padding-right: 30px;
    background-position: center right 15px;
  }
  .demo-input-area .demo-semi-input .input{
    height: 35px;
  }
  .demo-check-input{
    gap: 5px 10px;
    flex-wrap: wrap;
  }
  .demo-check-input .demo-cl-i{
    width: 20px;
    height: 20px;
  }
  .demo-check-input .demo-cl-input:checked ~ .demo-cl-i{
    background-size: 12px auto;
  }
  .demo-input-area .demo-cl-ex,
  .demo-check-input .demo-cl-label,
  .demo-input-area .demo-input-box.demo-flex{
    gap: 5px;
  }
  .demo-jangb-list{
    gap: 10px;
  }
  .demo-jangb-list .jangb-label{
    width: calc(50% - 5px);
  }

  .demo-jangb-list .jangb-i{
    width: 20px;
    height: 20px;
    top: 10px;
    left: 10px;
  }
  .demo-jangb-list .jangb-radio:checked ~ .jangb-i{
    background-size: 12px auto;
  }
  
.demo-text-area .text-area textarea{padding: 15px;height: 180px;}
}

.demo-check-input {
    width: 100%; /* 부모 너비 확보 */
}

.demo-input-area .demo-cl-ex {
    flex: 1;      /* 남은 공간을 모두 차지 */
    display: flex;
    align-items: center;
}

.demo-input-area .demo-semi-input {
    flex: 1;      /* 입력창 박스를 나머지 공간만큼 확장 */
}

.demo-input-area .demo-semi-input .input {
    width: 100% !important; /* 기존 130px 제한 해제 */
    height: 40px;          /* 주소창과 동일한 높이로 변경 */
}

/* 모바일 대응 */
@media all and (max-width: 768px) {
    .demo-input-area .demo-semi-input .input {
        height: 50px;      /* 모바일 주소창 높이와 통일 */
    }
}


/* mypage */
.mypage-flex-page{
  display: flex;
}
.mypage-flex-page .lt-mypage{
  min-width: 290px;
  width: 290px;
}
.mypage-flex-page .rt-mypage{
  width: calc(100% - 290px);
}
.mypage-side-menu{
  position: sticky;
  top: 20px;
  left: 0;
  width: 100%;
  max-width: 200px;
  border-radius: 5px;
  background-color: #f5f5f5;
}
.mypage-side-menu .menu-tit{
  padding: 15px 20px;
}
.mypage-side-menu .menu-ul{
  border-top: 1px solid #d8d8d8;
  padding: 12.5px 0;
}
.mypage-side-menu .menu-ul .menu-a{
  display: block;
  padding: 7.5px 20px;
}
.mypage-side-menu .menu-ul .on .menu-a{
  color: #1C459E;
  font-weight: 600;
}

/* mypage 1:1문의 */
.inquiry-flex-box{
  display: flex;
  justify-content: space-between;
}

.inquiry-flex-box .inquiry-btn{
  width: 180px;
  height: 50px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1c459e;
}

@media all and (max-width:1400px){
  .mypage-flex-page .lt-mypage{
    width: 220px;
    min-width: 220px;
  }
  .mypage-flex-page .rt-mypage{
    width: calc(100% - 220px);
  }
}

@media all and (max-width:1160px){
  .mypage-flex-page{
    flex-wrap: wrap;
    gap: 20px 0;
  }
  .mypage-flex-page .lt-mypage{
    /* position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: auto;
    min-width: auto;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); */
    width: 100%;
  }
  .mypage-flex-page .rt-mypage{
    width: 100%;
  }
  .mypage-side-menu{
    position: relative;
    top:unset;
    max-width: none;
  }
  .mypage-side-menu .menu-ul{
    display: flex;
    padding: 5px 0;
  }
  .mypage-side-menu .menu-tit{
    text-align: center;
    padding: 10px 0;
  }
  .mypage-side-menu .menu-li{
    width: 25%;
    text-align: center;
  }
  .mypage-side-menu .menu-ul .menu-a{
    padding: 5px 0;
  }
}

@media all and (max-width:1024px){
  .inquiry-flex-box .inquiry-btn{
    width: 130px;
    height: 45px;
  }
}

@media all and (max-width:768px){
  .inquiry-flex-box{
    flex-direction: column;
    gap: 30px;
  }
  .inquiry-flex-box .inquiry-btn{
    width: 100px;
    height: 40px;
    margin: 0 auto;
  }
}

/* 1:1문의 작성 */
.inquiry-write-input .input-box .input{
  width: 100%;
  height: 50px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  padding: 0 20px;
}
.inquiry-write-input .input-box .textarea{
  border-radius: 5px;
  border: 1px solid #d2d2d2;
  padding: 20px;
  width: 100%;
  height: 367px;
  resize: none;
  outline: none;
}


.mypage-edit-input{
  display: flex;
  height: 64px;
  align-items: center;
}
.mypage-edit-input .mei-tit{
  width: 140px;
  min-width: 140px;
}
.mypage-edit-input .flex-box{
  display: flex;
  align-items: center;
  gap: 10px;
}
.mypage-edit-input .flex-box .flex-input{
  width: 33.333%;
}
.mypage-edit-input .input-box .input,
.mypage-edit-input .input-box .select{
  height: 40px;
  border-radius: 5px;
  background-color: #f5f5f5;
  border: none;
  width: 100%;
  padding: 0 20px;
}
.mypage-edit-input .input-box .select{
  background: #f5f5f5 url(/asset/img/sub/demo/ico-select.svg)no-repeat center right 20px;
}
.mypage-edit-input .input-box.mw-350{max-width: 350px;}
.mypage-edit-input .input-box.mw-495{max-width: 495px;}

@media all and (max-width:768px){
  .mypage-edit-input {
    flex-wrap: wrap;
    gap: 10px 0;
    height: auto;
    padding: 10px 0;
  }
  .mypage-edit-input .mei-tit{
    width: 100%;
    min-width: auto;
  }
  .mypage-edit-input .flex-box{
    gap: 5px;
  }
  .mypage-edit-input .input-box .input,
  .mypage-edit-input .input-box .select{
    padding: 0 10px;
    height: 35px;
  }
  .mypage-edit-input .input-box .select{
    background-position: center right 0px;
    background-size: 10px auto;
  }
}

/* CLINICS 페이지 */
.clinic-flex-box{
  display: flex;
  overflow: hidden;
}

.clinic-flex-box .clt-box{
  width: 34vw;
}
.clinic-flex-box .crt-box{
  width: 66vw;
}

.clt-search-box{
  padding: 20px;
  background-color: #F5F5F5;
  height: 170px;
}
.cnc-input-flex{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cnc-input-flex .cnc-input-box{
  width: 100%;
  position: relative;
}
.cnc-input-flex .cnc-input-box .input-btn{
  position: absolute;
  right: 0;
  height: 100%;
  aspect-ratio: 1/1;
  top: 0;
  background-color: #1C459E;
  border-radius: 0 5px 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cnc-input-flex .cnc-input-box.w50{
  width: calc(50% - 5px);
}
.cnc-input-flex .cnc-input-box .select,
.cnc-input-flex .cnc-input-box .input{
  width: 100%;
  height: 60px;
  border: 1px solid #adadad;
  background-color: #fff;
  border-radius: 5px;
  padding: 0 20px;
}
.cnc-input-flex .cnc-input-box .select{
  cursor: pointer;
  padding-right: 30px;
  background: #fff url(/asset/img/sub/demo/ico-select.svg)no-repeat center right 20px;
}
.clt-list-box{
  height: calc(100vh - 170px);
  overflow-y: auto;
}
.clt-list-box .list-ul{
  height: 100%;
  border-top: 1px solid #d9d9d9;
}

.clt-list-box .list-li{
  border-bottom: #d9d9d9 1px solid;
}
.clt-list-box .list-a{
  padding: 25px 20px;
  display: block;
}
.clt-list-box .list-a .c-tag{
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #1C459E;
  display: inline-block;
}
.clt-list-box .list-a .c-tel{
  display: flex;
  align-items: center;
  gap: 10px;
}

.cnc-map-box{
  width: 100%;
  height: 100vh;
}


@media all and (max-width:1200px){
  .clinic-flex-box {
    flex-wrap: wrap;
  }
  .clinic-flex-box .clt-box,
  .clinic-flex-box .crt-box{width: 100%;}

  .clt-list-box{height: calc(100% - 150px);}
  .clinic-flex-box .clt-box{height: 40vh;}
  .cnc-map-box{height: 60vh;}
  .clt-search-box{height: 150px;}
  .cnc-input-flex .cnc-input-box .select,
  .cnc-input-flex .cnc-input-box .input{height: 50px;}
  .clt-list-box .list-a{padding: 15px;}
}
@media all and (max-width:768px){
  .cnc-input-flex .cnc-input-box .select,
  .cnc-input-flex .cnc-input-box .input{height: 40px;}
  .clt-search-box{height: 130px;}
  .clt-list-box{height: calc(100% - 130px);}
}

/* Product */
.prd-visual{
  /* margin: 20px 0; */
  padding: 160px 0 125px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.prd-visual.prd-01{background-image: url(/asset/img/sub/product/prd_bg01.png);}
.prd-visual.prd-02{background-image: url(/asset/img/sub/product/prd_bg02.png);}
.prd-visual.prd-03{background-image: url(/asset/img/sub/product/prd_bg03.png);}
.prd-visual.prd-04{background-image: url(/asset/img/sub/product/prd_bg04_new.png);}
.prd-visual.prd-05{background-image: url(/asset/img/sub/product/prd_bg05_new.png);}

.prd-visual .prd-line{
  width: 160px;
  height: 1px;
  background-color: #9a9a9a;
}

@media all and (max-width:1024px){
  .prd-visual{
    padding: 120px 0 90px;
  }
}
@media all and (max-width:768px){
  .prd-visual{
    padding: 90px 0 65px;
  }
  .prd-visual .prd-logo.mo-he33 img{
    height: 33px;
  }
  .prd-visual .prd-logo.mo-he33 img.miinlomin{
    height: 60px;
  }
  .prd-visual .prd-line{
    width: 120px;
  }
}

@media all and (max-width:576px){
  .prd-visual .prd-line{
    width: 100px;
  }
  .prd-visual.prd-02{background-position: center right 37%;}
  .prd-visual.prd-03{background-position: center right 36%;}
  .prd-visual.prd-04{background-position: center right 37%;}
  .prd-visual.prd-05{background-position: center right 38%;}
}

.prd-brtm-con01{
  padding: 285px 0 270px;
  background: url(/asset/img/sub/product/prd_con01_bg01.png)no-repeat center center /cover;
}

@media all and (max-width:1024px){
  .prd-brtm-con01{
    padding: 160px 0;
  }
}
@media all and (max-width:768px){
  .prd-brtm-con01{
    padding: 100px 0;
  }
}
@media all and (max-width:576px){
  .prd-brtm-con01{
    padding: 80px 0;
  }
}


/* certi slide 공간 */
.prd-swiper-box{
  padding: 160px 0;
  background: url(/asset/img/sub/product/prd_certi_bg01.png)no-repeat center center /cover;
}

.prd-swiper-box .certi_swiper{
  max-width: 1080px;
  margin: 0 auto;
  width: 100%;
}

@media all and (max-width:1024px){
  .prd-swiper-box{
    padding: 120px 0;
  }
}
@media all and (max-width:768px){
  .prd-swiper-box{
    padding: 100px 0;
  }
}
@media all and (max-width:576px){
  .prd-swiper-box{
    padding: 80px 0;
  }
}

/* Family Product */
.family-section{background:url(/asset/img/sub/product/prd_fam_bg02.png)no-repeat center center /cover}

/* product 탭 부분 */
.prd-ctab-btns{
  display: flex;
  gap: 12px;
}
.prd-ctab-btns .ctab-btn{
  border-radius: 500px;
  height: 80px;
  border: 1px solid #1C459E;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(16.666% - 10px);
}
.prd-ctab-btns .ctab-btn.on{
  font-weight: 700;
  background-color: #1C459E;
  color: #fff;
}

@media all and (max-width:1024px){
  .prd-ctab-btns{
    gap: 5px;
  }
  .prd-ctab-btns .ctab-btn{
    width: calc(16.666% - 4.166px);
    height: 60px;
  }
}
@media all and (max-width:650px){
  .prd-ctab-btns{
    flex-wrap: wrap;
  }
  .prd-ctab-btns .ctab-btn{
    width: calc(33.333% - 3.333px);
    height: 45px;
  }
}

.prd-ctab-conts .ctab-cont{display: none;}
.prd-ctab-conts .ctab-cont.on{display: block;}

.prd-ctab-conts {
  overflow: hidden;
}

.prd-ctab-conts .swiper {
  overflow: visible; /* autoHeight transition이 자연스럽게 보이도록 */
}

.prd-ctab-conts .swiper-wrapper {
  align-items: flex-start; /* 핵심: 각 슬라이드가 자기 높이만큼만 차지 */
}

.prd-ctab-conts .ctab-cont {
  display: block; /* 기존 display:none 제거 */
  box-sizing: border-box;
  width: 100%;
}

.i-frame-box{
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.i-frame-box.mw-1160{
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
}
.center-img-box{
  display: flex;
  justify-content: center;
}
.center-img-box.item02,
.center-img-box.item03{
  gap: 20px;
  flex-wrap: wrap;

}
.center-img-box.item02 .img{
  width: calc(50% - 10px);
}
.center-img-box.item03 .img{
  width: calc(33.333% - 13.333px);
}
.center-img-box.item03 .img.w60{
  width: calc(58% - 10px);
}
.center-img-box.item03 .img.w40{
  width: calc(42% - 10px);
}
.center-img-box.item03 .img.w100{
  width: 100%;
}

@media all and (max-width:576px){
  
.center-img-box.item02,
.center-img-box.item03{
  gap: 5px;
  justify-content: center;
}

.center-img-box.item02 .img,
.center-img-box.item03 .img{
  width: calc(50% - 2.5px);
}
.center-img-box.item03 .img.w60,
.center-img-box.item03 .img.w40{
  width: 100%;
}

}

.com-plus-box {
  display: flex;
  gap: 30px;
  padding: 30px;
  border-radius: 20px;
  background-color: rgba(28, 69, 158,0.1);
}
.com-plus-box.bg-pink{
  background-color: #F8EEF4;
}
.com-plus-box .plus-one{
  border-radius: 20px;
  padding: 40px;
  background-color: #fff;
  position: relative;
  width: calc(50% - 15px);
}
.com-plus-box .plus-one + .plus-one:before{
  content: '';
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background: #1C459E url(/asset/img/sub/product/ico-plusicon.svg)no-repeat center center;
  box-shadow: 0 0 10px 0 rgba(28, 69, 158, 0.50);
}
.com-plus-box .plus-img{
  width: calc(50% - 15px);
}

@media all and (max-width:768px){
  .com-plus-box{
    flex-wrap: wrap;
  }
  .com-plus-box .plus-one{
    padding: 30px 20px;
    width: 100%;
  }
  .com-plus-box .plus-one + .plus-one:before{
    top: -15px;
    left: 50%;
    width: 60px;
    height: 60px;
    background-size: 28px auto;
  }
  .com-plus-box .plus-img{width: 100%;}
}

@media all and (max-width:576px){
  .com-plus-box{
    padding: 20px;
    gap: 20px;
  }
  .com-plus-box .plus-one{
    padding: 25px 10px;
  }
  .com-plus-box .plus-one + .plus-one:before{
    top:-10px;
    width: 45px;
    height: 45px;
    background-size: 20px auto;
  }
}

.prod-qna-list{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.prod-qna-list .qna-box{
  padding: 40px;
  border-radius: 20px;
  background-color: #F3F5FA;
  cursor: pointer;
}
.prod-qna-list .qa-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
/* 화살표 아이콘 */
.prod-qna-list .qa-tit::after {
  content: '';
  display: block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.35s ease;
}

.prod-qna-list .qna-box.open .qa-tit::after {
  transform: rotate(180deg);
}

/* 답변 영역 - 접힌 상태 */
.prod-qna-list .qa-answer-wrap {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s ease;
}

.prod-qna-list .qna-box.open .qa-answer-wrap {
  grid-template-rows: 1fr;
}

.prod-qna-list .qa-answer-inner {
  overflow: hidden;
}

.prod-qna-list .qna-box.bg-red{
  background-color: #FAF1F1;
}
.prod-qna-list .qna-box.bg-pink{
  background-color: #F8EEF4;
}
.prod-qna-list .qna-box.bg-mint{
  background-color: #EDF8F9;
}

.prod-qna-list .qa-line{
  width: 100%;
  height: 1px;
  background-color: #9A9A9A;
}

@media all and (max-width:768px){
  .prod-qna-list .qna-box{
    padding: 20px;
  }
}

.pyo-flex-box{
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.pyo-flex-box .lt-pyo-box{
  position: relative;
  display: flex;
  align-items: center;
}
.pyo-flex-box .lt-pyo-box .tit{
  position: absolute;
  left: 0;
  top: 0;
}
.pyo-flex-box .pyo-img{
  max-width: 930px;
}

@media all and (max-width:930px){
.pyo-flex-box{
  flex-wrap: wrap;
}
.pyo-flex-box .lt-pyo-box{
  width: 100%;
}
.pyo-flex-box .lt-pyo-box .img{display: none;}
.pyo-flex-box .lt-pyo-box .tit{
  position: unset;
}

}

.tp-air-imgs{
  display: flex;
  gap: 40px;
  max-width: 1920px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.tp-air-imgs .img-box{
  width: 33.333%;
}
.tp-air-imgs .img-box:nth-child(even){
  margin-top: 100px;
}

@media all and (max-width:1024px){
  
.tp-air-imgs{gap: 20px;}
.tp-air-imgs .img-box:nth-child(even){margin-top: 50px;}

}
@media all and (max-width:1024px){
  
.tp-air-imgs{gap: 5px; flex-wrap: wrap; justify-content: center; max-width: 95%;}
.tp-air-imgs .img-box{
  width: calc(50% - 2.5px);
}
.tp-air-imgs .img-box:nth-child(even){margin-top: 0;}

}

@media all and (max-width:576px){
  .tp-air-imgs .img-box.mo-w100{width: 100%;}
}

.liob-flex-box{
  display: flex;
  align-items: center;
  gap: 80px;
}
.liob-flex-box .img,
.liob-flex-box .txt{
  width: calc(50% - 40px);
}

@media all and (max-width:1024px){
  .liob-flex-box{
    gap: 40px;
  }
  .liob-flex-box .img,
  .liob-flex-box .txt{
    width: calc(50% - 20px);
  }
}
@media all and (max-width:768px){
  .liob-flex-box{
    gap: 20px;
  }
  .liob-flex-box .img,
  .liob-flex-box .txt{
    width: calc(50% - 10px);
  }
}
@media all and (max-width:650px){
  .liob-flex-box{
    flex-direction: column;
  }
  .liob-flex-box .img,
  .liob-flex-box .txt{
    width: 100%;
  }
}

.point-tit-span u{
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

/* plami */
.prod-icon-txt{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.prod-icon-txt .pit-box{
  border-radius: 500px;
  background-color: #FAF1F1;
  padding: 40px;
  display: flex;
  align-items: center;
  gap: 60px;
}
.prod-icon-txt .pit-box .pit-icon{
  width: 200px;
  min-width: 200px;
  height: 200px;
  background-color: #FFF;
  filter: drop-shadow(0 4px 10px rgba(227, 204, 204, 0.60));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prod-icon-txt .pit-box .pit-txt{
  width: calc(100% - 260px);
}

@media all and (max-width:1024px){
  .prod-icon-txt .pit-box{
    gap: 30px;
    padding: 25px;
  }
  .prod-icon-txt .pit-box .pit-txt{
    width: calc(100% - 230px);
  }
}

@media all and (max-width:768px){
  .prod-icon-txt .pit-box{
    gap: 20px;
    padding: 20px;
  }
  .prod-icon-txt .pit-box .pit-icon{
    min-width: 150px;
    width: 150px;
    height: 150px;
  }
  .prod-icon-txt .pit-box .pit-txt{
    width: calc(100% - 170px);
  }
  .prod-icon-txt .pit-box .pit-icon i{
    max-width: 80px;
  }
}
@media all and (max-width:576px){
  .prod-icon-txt .pit-box{
    flex-direction: column;
    border-radius: 20px;
    padding: 30px 20px;
  }
  .prod-icon-txt .pit-box .pit-txt{
    width: 100%;
    text-align: center;
  }
}

.shop-bg-span span{
  display: inline-block;
  background-color: #B93638;
  border-radius: 20px;
  padding: 8px 26px;
}

.bg-gray-graph{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bg-gray-graph .ggh-box{
  padding: 20px 30px;
  border-radius: 20px;
  background-color: #F5F5F5;
  display: flex;
  align-items: center;
}
.bg-gray-graph .ggh-tit{
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: 270px;
  width: 270px;
}
.bg-gray-graph .ggh-tit .red{color: #DE060F;}
.bg-gray-graph .ggh-tit .blue{color: #006EA5;}

@media all and (max-width:768px){
  .bg-gray-graph .ggh-box{
    padding: 15px;
  }
  .bg-gray-graph .ggh-tit{
    min-width: 200px;
    width: 200px;
  }
}

@media all and (max-width:576px){
.bg-gray-graph .ggh-box{
  flex-direction: column;
  gap: 15px 0;
  text-align: center;
  padding: 20px;
}
  .bg-gray-graph .ggh-tit{
    width: 100%;
    min-width: auto;
    gap: 10px;
    justify-content: center;
  }
  .bg-gray-graph .ggh-tit img{
    height: 40px;
  }
}

.plami-pink-list{
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.plami-pink-list .ppl-box{
  display: flex;
  align-items: center;
  gap: 50px;
}
.plami-pink-list .ppl-img{
  width: 120px;
  height: 120px;
  min-width: 120px;
}
.plami-pink-list .ppl-txt{
  width: calc(100% - 170px);
}

@media all and (max-width:1024px){
  .plami-pink-list{
    gap:40px;
  }
  .plami-pink-list .ppl-box{
    gap: 20px;
  }
  .plami-pink-list .ppl-img{
    width: 100px;
    height: 100px;
    min-width: 100px;
  }
  .plami-pink-list .ppl-txt{
    width: calc(100% - 120px);
  }
}

@media all and (max-width:576px){
  .plami-pink-list{
    gap:20px;
  }
  .plami-pink-list .ppl-box{
    flex-direction: column;
  }
  .plami-pink-list .ppl-txt{
    width: 100%;
    text-align: center;
  }
}

.bella-pink-border{
  padding: 100px 60px;
  border-radius: 20px;
  background-color: #F8EEF4;
  position: relative;
}
.bella-pink-border.bg-darkred{
  background-color: rgba(185, 54, 56,.07);
}
.bella-pink-border.bg-mint{
  background-color: #EDF8F9;
}
.bella-pink-border:before{
  position: absolute;
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  border-radius: 20px;
  content: '';
  left: 50%;
  top: 50%;
  background-color: #fff;
  transform: translate(-50%,-50%);
  z-index: 1;
}
.bella-pink-border .center-box{
  position: relative;
  z-index: 2;
}
.bella-pink-border .gray-bg-box{
  padding: 20px 30px;
  background-color: #F5F5F5;
  border-radius: 20px;
}

@media all and (max-width:1024px){
.bella-pink-border{
  padding: 50px 30px;
}
.bella-pink-border:before{
  width: calc(100% - 40px);
  height: calc(100% - 40px);
}
}
@media all and (max-width:576px){
.bella-pink-border{
  padding: 30px 25px;
}
.bella-pink-border:before{
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}
}


.prod-before-after .be-af-list{
  display: flex;
  flex-direction: column;
  gap: 100px;
}
.prod-before-after .be-af-arw{
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
  background: linear-gradient(90deg, #F3B7BA 0%, #AD1F26 100%);
  padding: 15px 30px;
  align-items: center;
}
.prod-before-after .be-af-arw .arw{
  position: relative;
  width: 80%;
  height: 2px;
  background-color: #fff;
}

.prod-before-after .be-af-arw .arw:before{
  content: '';
  width: 9px;
  height: 15px;
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translate(50%,-50%);
  background: url(/asset/img/sub/product/beaf-arw.svg)no-repeat center center;
}
.prod-before-after .be-af-arw .arw.before-none:before{content: none;}
.prod-before-after .be-af-arw .arw.w25{width: 25%;}
.prod-before-after .be-af-img{
  display: flex;
  gap: 20px;
}
.prod-before-after .be-af-img .img{
  position: relative;

}
.prod-before-after .be-af-img.item03 .img{
  width: calc(33.333% - 13.333px);
}
.prod-before-after .be-af-img.item03 .img{
  width: calc(50% - 10px);
}
.prod-before-after .be-af-img .img + .img:before{
  content: '';
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #FFF;
  box-shadow: 0 0 8.571px 0 #C9C9C9;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/asset/img/sub/product/beaf-arw-red.svg);
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translate(-50%,-50%);
}

.prod-before-after .be-af-toast .toast-box{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
  overflow: hidden;
}

.prod-before-after .be-af-toast .tb-txt{
  position: relative;

}
.prod-before-after .be-af-toast .tb-txt + .tb-txt:before{
  content: '';
  width: 1px;
  height: 20px;
  background-color: #262626;
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translate(-50%,-50%);
}

.prod-before-after .be-af-morebtn{
  width: 280px;
  height: 60px;
  background-color: #AD1F26;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  margin: 0 auto;
}


.prod-before-after.mint .be-af-arw{
background: linear-gradient(90deg, #BDECF0 0%, #44B8C3 100%);
}
.prod-before-after.mint .be-af-img .img + .img:before{
  background-image: url(/asset/img/sub/product/beaf-arw-mint.svg);
}

.prod-before-after.mint .be-af-morebtn{
  background-color: #44B8C3;
}
@media all and (max-width:1024px){
  .prod-before-after .be-af-list{
    gap: 80px;
  }
  .prod-before-after .be-af-img{
    gap: 10px;
  }
  .prod-before-after .be-af-img.item03 .img{
    width: calc(33.333% - 6.666px);
  }
  .prod-before-after .be-af-img.item02 .img{
    width: calc(50% - 5px);
  }

  .prod-before-after .be-af-img .img + .img:before{
    width: 45px;
    height: 45px;
    background-size: 8px auto;
    left: -5px;
  }
}

@media all and (max-width:768px){
  .prod-before-after .be-af-list{
    gap: 60px;
  }
  .prod-before-after .be-af-arw{
    padding: 10px 20px;
  }
  .prod-before-after .be-af-arw .arw{
    width: 70%;
  }
  .prod-before-after .be-af-arw .arw.w25{
    width: 10%;
  }
  .prod-before-after .be-af-img .img + .img:before{
    width: 35px;
    height: 35px;
    background-size: 5px auto;
  }
}
@media all and (max-width:576px){
  .prod-before-after .be-af-list{
    gap: 40px;
  }
  .prod-before-after .be-af-arw{
    padding: 10px;
    font-size: 1.2rem;
  }
}

/* inquiry 뷰페이지 */
.inquiry-view-box {
  border-radius: 5px;
  border: 1px solid #d2d2d2;
  overflow: hidden;
}
.inquiry-view-box .iv-tit-box{
  padding: 20px;
  background-color: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.inquiry-view-box .iv-txt-box{
  padding: 20px;
  background-color: #fff;
}

.auth-submit-flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.auth-submit-flex.mw-150 .auth-submit{
  min-width: 150px;
}

.find-id-result{
  padding: 40px 0;
  background-color: #EAEAEA;
  border-radius: 0 0 5px 5px;
}

.auth-btn-group{
  display: flex;
  gap: 10px;
}
.auth-btn-group .auth-submit-half{
  width: calc(50% - 5px);
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  display: flex;
  align-items: center;
  height: 50px;
  justify-content: center;
}

.pwfind-step-ind{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pwfind-step-ind .step-item{
  width: 100px;
  text-align: center;
  position: relative;
}
.pwfind-step-ind .step-circle{
  margin: 0 auto;
  color: #9A9A9A;
  width: 45px;
  height: 45px;
  aspect-ratio: 1/1;
  background-color: #F5F5F5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pwfind-step-ind .step-label{
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #9A9A9A;
}
.pwfind-step-ind .step-line{
  filter: invert(91%) sepia(0%) saturate(580%) hue-rotate(141deg) brightness(95%) contrast(90%);
}
.pwfind-step-ind .step-line.active{
  filter: invert(19%) sepia(86%) saturate(1479%) hue-rotate(205deg) brightness(103%) contrast(98%);
}
.pwfind-step-ind .active .step-circle{
  background-color: #1C459E;
  border:5px solid #a4b5d8;
  color: #fff;
}
.pwfind-step-ind .active .step-label{
  color: #191919;
}

.pwfind-email-txt{
  border-radius: 5px 5px 0 0;
  background-color: #f3f5fa;
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.button-group {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.btn-period {
  padding: 12px 25px;
  border-radius: 50px;
  border: 1px solid #ddd;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #666;
}
/* 선택되었을 때의 스타일 (이미지의 진한 파란색) */
.btn-period.active {
  background-color: #1a3c95; 
  color: #fff;
  border-color: #1a3c95;
}

#chDemoContainer{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ch-demo-box{
  width: 100%;
}
.ch-demo-box .new-label-box{
  display: flex;
  gap: 5px;
}
.ch-demo-box .new-label-box .nl-label{
  cursor: pointer;
}
.ch-demo-box .new-label-box .nl-input{display: none;}
.ch-demo-box .new-label-box .nl-text{padding: 5px 10px; border-radius: 5px;
border: 1px solid #ccc;}
.ch-demo-box .new-label-box .nl-input:checked ~ .nl-text{
      background-color: #1a3c95;
    color: #fff;
    border-color: #1a3c95;
}

@media all and (max-width:768px){
  .ch-demo-box .new-label-box .nl-text{
    padding: 3px 5px;
  }
#chDemoContainer{
  gap: 10px;
}
.button-group{
  gap: 5px
}
.btn-period{
  padding: 8px 10px;
}
}

.label-flex-boxx{
  display: flex;
  gap: 10px;
}


.inqu-btn-box{
  display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 36px;
    background-color: #727171;
    width: fit-content;
    border-radius: 5px;
}
.inqu-btn-box:hover{
  opacity: .7;
}

.popup-over-lay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
.popup-over-lay.on {
  display: flex;
}
.popup-over-lay .popup-wrap {
  background: #fff;
  width: 975px;
  max-width: calc(100% - 40px);
  border-radius: 12px;
  padding: 40px;
  box-sizing: border-box;
  position: relative;
}
.popup-over-lay .popup-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.popup-over-lay .popup-tit {
  display: flex;
  align-items: center;
  gap: 5px;
}
.popup-over-lay .popup-icon {
  font-style: normal;
}
.popup-over-lay .popup-close {
  background: none;
  border: none;
  cursor: pointer;
  color: #555;
  line-height: 1;
  padding: 0;
}
.popup-over-lay .popup-close:hover { color: #000; }
.popup-over-lay .popup-body { margin-bottom: 20px; }
.popup-over-lay .field-label {
  display: block;
  margin-bottom: 12px;
}
.popup-over-lay .popup-textarea {
  width: 100%;
  height: 100px;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 16px;
  resize: vertical;
  box-sizing: border-box;
  outline: none;
  resize: none;
  color: #333;
}
.popup-over-lay .popup-textarea:focus { border-color: #aaa; }
.popup-over-lay .field-desc {
  margin-top: 10px;
  color: #555;
}
.popup-over-lay .popup-foot {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 10px;
}
.popup-over-lay .popup-btn {
  padding: 12px 28px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #ddd;
}
.popup-over-lay .btn-cancel {
  background: #fff;
  color: #333;
}
.popup-over-lay .btn-cancel:hover { background: #f5f5f5; }
.popup-over-lay .btn-submit {
  background: #c5d3e8;
  color: #20409a;
  border-color: #c5d3e8;
}
.popup-over-lay .btn-submit:hover { background: #b0c2db; }

@media all and (max-width:768px){
  .popup-over-lay .popup-wrap{
    padding: 20px;
  }
  .popup-over-lay .popup-textarea{
    height: 130px;
  }
}


.btns-flex-box{
  display: flex;
  align-items: center;
  gap:15px;
}