@charset "utf-8";

#wrap *::-webkit-scrollbar-track{
  background-color:#ffffff;
  border-radius:3px;
  overflow:hidden;
} 
#wrap *::-webkit-scrollbar{
  width:3px;
  height:3px;
  background-color:#ffffff;
  border-radius:3px;
}
#wrap *::-webkit-scrollbar-thumb{
  background-color:#D4DBF3;
  border-radius:3px;
}

.full{padding: 0; width: 1920px; max-width: 100%;}
#wrap{padding: 0 30rem; width: 1920px; max-width: 100%;}
.btn{transition:all 0.35s}
.btn_01 .btn_blue{
  background: #394F92 !important;
  border-color: #394F92 !important;
  color: #ffffff !important;
}
.btn_02 .btn_white{
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #394f92 !important;
}
.btn_03{
  background: #ffffff !important;
  border-color: #D8DADD !important;
  color: #383B40 !important;
}
.btn_04 .btn_green{
  background: green !important;
  border-color: transparent !important;
  color: #ffffff !important;
}
.btn_05 .btn_red{
  background: #e53e53 !important;
  border-color: #e53e53 !important;
  color: #ffffff !important;
}

a {
  text-decoration: none;
  color: inherit;
}

.paging{
  margin:40px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  
  a {
    position:relative;
    line-height:15px;
    font-size:14px;
    color:#1c1c1c;
    flex-shrink:0;
  }

  a + a {
    margin-left: 24px;
  }
  a.current{font-weight: 500; color:#EB3F3D}

  a.start:before{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:12px;
    height:12px;
    background:url("../img/common/pagestart.png") no-repeat 50% 50% / contain;
  }

  a.end:before{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:12px;
    height:12px;
    background: url("../img/common/pageend.png") no-repeat 50% 50% / contain;
  }
}

.tab-box{display:none !important;}
.tab-box.on,.tab-box.active{display:block !important;}

@media (min-width: 1280px) {

    .pc-view{display:block}
    .mo-view{display:none !important}

    #hp_pops{display: none;opacity: 0;visibility: hidden;}
    #hp_pops .hp_pops_box{position: fixed;left: 25%;top: 30%;width: 400px;max-width: 1000px;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);opacity: 1;visibility: visible;background: none;z-index: 9900;overflow: hidden;}
    #hp_pops .hp_pops_slide{
        background: #fafafa;
    }
    #hp_pops .hp_pops_slide .swiper-slide{}
    #hp_pops .hp_pops_slide .swiper-slide a{}
    #hp_pops .hp_pops_slide .swiper-slide img{width:100%;height:auto;}
    #hp_pops .hp_pops_slide .swiper-pagination{position: relative;bottom: unset;left: 0;width: 100%;display: flex;background: #ffffff;align-items: center;}
    #hp_pops .hp_pops_slide .swiper-pagination-bullet{flex:1;margin: 0;width: 100%;height: 36px;border-radius: unset;display: flex;align-items: center;justify-content: center;background:#ffffff;font-size: 16px;font-weight: 500;}
    #hp_pops .hp_pops_slide .swiper-pagination-bullet + .swiper-pagination-bullet{border-left:1px solid #e0e0e0;}
    #hp_pops .hp_pops_slide .swiper-pagination-bullet:after{display:none;}
    #hp_pops .hp_pops_button{display:flex;align-items:center;justify-content:space-between;background:#000000;padding: 10px;height: 40px;}
    #hp_pops .hp_pops_button button{background:transparent;font-size:14px;font-weight:500;color:#ffffff;}
    #hp_pops .hp_pops_button button:hover{opacity:0.5}
    #hp_pops_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000;z-index:9899;display: none;opacity: 0;visibility: hidden;}
    #hp_pops.on{display: block;opacity:1;visibility:visible;}
    #hp_pops_bg.on{display: block;opacity:0.5;visibility:visible;}

    /* 헤더 상단 유틸리티 바 */
    #header .top {
        background: #f8f9fa;
        border-bottom: 1px solid #e5e8ec;
    }

    #header .top .tool {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        width: 1280px;
        max-width: 100%;
        margin: 0 auto;
        padding: 8px 24px;
        box-sizing: border-box;
    }

    #header .top .link {
        display: flex;
        align-items: center;
    }

    #header .top .link .btn {
        display: flex;
        align-items: center;
        padding: 6px 12px;
        font-size: 13px;
        color: #666;
        transition: all 0.3s ease;
    }

    #header .top .link .btn:hover {
        color: #394F92;
    }

    #header .top .link .btn p {
        margin: 0;
    }

    /* 언어 선택 드롭다운 */
    #header .top .lang {
        position: relative;
        margin-left: 12px;
    }

    #header .top .lang .langBtn {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 6px 12px;
        background: #fff;
        border: 1px solid #e5e8ec;
        border-radius: 4px;
        cursor: pointer;
        font-size: 13px;
        transition: all 0.3s ease;
    }

    #header .top .lang .langBtn:hover {
        border-color: #394F92;
    }

    #header .top .lang .langBtn img {
        width: 18px;
        height: 18px;
        border-radius: 50%;
    }

    #header .top .lang .langBtn p {
        margin: 0;
        font-weight: 500;
    }

    #header .top .lang .langBtn i {
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 5px solid #666;
        margin-left: 4px;
    }

    #header .top .lang ul {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        margin-top: 4px;
        background: #fff;
        border: 1px solid #e5e8ec;
        border-radius: 4px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        z-index: 100;
        min-width: 80px;
        overflow: hidden;
    }

    #header .top .lang ul.active {
        display: block;
    }

    #header .top .lang ul li {
        list-style: none;
    }

    #header .top .lang ul li a {
        display: block;
        padding: 8px 16px;
        font-size: 13px;
        color: #333;
        text-align: center;
        transition: all 0.2s ease;
    }

    #header .top .lang ul li a:hover {
        background: #f5f5f5;
    }

    #header .top .lang ul li a.on {
        background: #394F92;
        color: #fff;
    }

    #header {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1011;
        background: #ffffff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    }

    #header .header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 70px;
        width: 1280px;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 24px;
        box-sizing: border-box;
    }

    #header .header .logo {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
    }

    #header .header .logo:hover {
        transform: translateY(-1px);
    }

    #header .header .logo img {
        height: 34px;
        width: auto;
    }

    #header .header .gnb {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
    }

    #header .header .gnb .dp1 {
        display: flex;
        align-items: center;
        gap: 40px;
    }

    #header .header .gnb .dp1 .dl1 .da1 {
        display: flex;
        align-items: center;
        font-size: 16px;
        font-weight: 600;
        color: #15233E;
        padding: 8px 16px;
        border-radius: 6px;
        transition: all 0.3s ease;
    }

    #header .header .gnb .dp1 .dl1 .da1:hover {
        color: #394F92;
        background: rgba(57, 79, 146, 0.05);
    }

    #header .header .tool {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    #header .header .tool .btn {
        display: flex;
        align-items: center;
        padding: 8px 16px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        transition: all 0.3s ease;
    }

    #header .header .tool .btn.login {
        color: #394F92;
        background: rgba(57, 79, 146, 0.1);
    }

    #header .header .tool .btn.login:hover {
        background: rgba(57, 79, 146, 0.15);
    }

    @media (max-width:1400px) and (min-width:1279px) {
        #header .header .gnb .dp1 .dl1 + .dl1{margin-left:30px;}
    }
    @media (max-width:1280px) and (min-width:1199px) {
        #header .header .logo{left:20px}
        #header .header .tool{right:20px}
        #header .header .gnb .dp1 .dl1 + .dl1{margin-left:20px;}
        #header .header .gnb .dp1 .dl1 .da1{font-size:17px;}
    }
    @media (max-width:1200px) and (min-width:800px) {
        #header .header .logo{left:20px}
        #header .header .tool{display:none;}
        #header .header .gnb{margin:0 20px 0 auto}
        #header .header .gnb .dp1 .dl1 + .dl1{margin-left:20px;}
        #header .header .gnb .dp1 .dl1 .da1{font-size:17px;}
    }

    #container{position: relative;}
    #container .heading{line-height: 64px;font-size: 48px;font-weight: bold;margin: 0 0 32px;text-align: center;}

    #subvisual{position:relative;height: 800px;display: flex;flex-direction: column;}
    #subvisual .wrap{}
    #subvisual .inner{height:240px;display:flex;flex-direction:column;align-items: flex-start;justify-content: center;text-align: left;margin: 0 0 36px 0;}
    #subvisual .title{position:relative;z-index:5;line-height: 72px;font-size: 56px;font-weight:bold;color:#1c1c1c;margin: 0 0 32px;}
    #subvisual .text{position:relative;z-index:5;line-height: 32px;font-size: 20px;font-weight:400;color:#1c1c1c;}
    #subvisual .button{position: relative;z-index: 5;margin:64px 0 0;}
    #subvisual .button a{display:flex;align-items:center;justify-content: center;width: 210px;height: 56px;border-radius: 4px;gap: 8px;font-size: 16px;font-weight: bold;}
    #subvisual .button a img{height:24px;}
    #subvisual .image{position:absolute;top:0;left:0;pointer-events:none;overflow:hidden;width:100%;height:100%;}
    #subvisual .image img{width:100%;height:100%;object-fit:cover}
    #subvisual .breadcrumb{position: relative;z-index: 5;margin: 40px 0 120px;display: flex;align-items: center;justify-content: flex-start;gap: 20px;}
    #subvisual .breadcrumb span{position: relative;display: flex;align-items: center;justify-content: center;line-height:20px;font-size:13px;}
    #subvisual .breadcrumb span:after{content:'';position: absolute;top:0;left:100%;width: 20px;height:20px;background:url("../img/common/arrow_right_g.png") no-repeat 50% 50% / contain}
    #subvisual .breadcrumb span:last-child:after{display:none;}
    #subvisual .breadcrumb span img{width:20px;height:20px;object-fit:contain}

    #heading{display:none;}

    #footer{position:relative;padding: 48px 0;background: #15233E;}
    #footer:before{content: '';position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/main/service_bg.png) no-repeat 0px 80% / cover;opacity: 0.12;pointer-events: none;}
    #footer .footer{position:relative;z-index: 2;}
    #footer .footer .wrap{display:flex;flex-direction:column;}
    #footer .footer .desc{display: flex;justify-content: space-between;position: relative;}
    #footer .footer .lt-foot{display:flex;flex-direction:column;align-items:flex-start;}
    #footer .footer .rt-foot{display:flex;flex-direction:column;align-items:flex-end;}
    #footer .footer .foot{flex: 1;padding: 0px 49px 0px 0px;}
    #footer .footer .fogo{margin: 0px 0px 24px 0px;}
    #footer .footer .fogo img{display: block;width: auto;height: 34px;}
    #footer .footer .addr{line-height: 22px;font-size: 14px;color: #ADB2BB;}
    #footer .footer .addr ul{display:flex}
    #footer .footer .addr ul li{position:relative;margin:0 16px 0 0;padding:0 16px 0 0;}
    #footer .footer .addr ul li:after{content:'';position: absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:10px;background: #fff;opacity: 0.18;}
    #footer .footer .addr ul li:last-child{margin:0;padding:0;}
    #footer .footer .addr ul li:last-child:after{display:none}
    #footer .footer .cite{margin:22px 0 0;line-height:22px;font-size:14px;color: #ADB2BB;}
    #footer .footer .social{margin: auto 0 0 0;display: flex;gap: 12px;align-items:center;}
    #footer .footer .social a{display:flex;width: 40px;height: 40px;border-radius: 40px;background: rgba(0,0,0,0.24);align-items: center;justify-content: center;font-size: 24px;color: #fff;transition:all 0.35s}
    #footer .footer .social a:hover{background:#394F92;transform:scale(0.9)}
    #footer .footer .link{position:absolute;top:0;right:0;display: flex;flex-direction: column;align-items: flex-end;gap: 16px;}
    #footer .footer .link .con{flex-direction: column;display: flex;}
    #footer .footer .link .con a{line-height: 21px;font-size: 15px;color: #fff;margin: 0 0 10px 0;text-align:right;}
    #footer .footer .link .con a:hover{color:#B7BBC8}
    #footer .footer .stay{width: 28%;}
    #footer .footer .tit{}
    #footer .footer .tit a{display:block;font-size: 14px;font-weight: bold;color: #fff;}
    #footer .footer .txt{line-height: 21px;font-size: 14px;color: #fff;}
    #footer .footer .inp{display: flex;margin: 30px 0 0;}
    #footer .footer .inp input{width: 70%;height: 47px;border-radius: 5px;overflow: hidden;background: #fff;margin-right: 10px;padding: 13px 0px 13px 15px;}
    #footer .footer .inp button{width: calc(30% - 10px);border-radius: 5px;background: #394F92;color: #fff;font-size: 15px;font-weight: 800;}
    #footer .info{margin:70px 0 0 0;}
    #footer .info .wrap{display:flex;justify-content: space-between;border-top:1px solid rgba(255,255,255,0.12);padding: 20px 0;}
    #footer .info .theme{font-size: 14px;color: #fff;}
    #footer .info .cite{font-size: 14px;color: #fff;}

    #index{}
    #index *{font-family:'Pretendard', 'Noto Sans SC', 'Noto Sans JP', 'Microsoft YaHei', 'PingFang SC', 'Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma';letter-spacing: -0.5px;}
    #index .wrap{width:1280px;}
    #index .title{}
    #index .title .sub{line-height: 36px;font-size: 24px;font-weight: bold;color: #394f92;margin: 0 0 16px;}
    #index .title .tit{line-height: 64px;font-size: 48px;font-weight: bold;margin: 0 0 32px;}
    #index .title .txt{line-height: 32px;font-size: 20px;}
    #index .title .act{margin: 80px 0 0;display: flex;}
    #index .title .act .btn{display: flex;align-items: center;justify-content: center;min-width: 210px;height: 56px;padding: 12px;border-radius: 4px;font-size: 16px;font-weight: bold;gap: 8px;}
    #index .title .act .btn img{width:auto;height:24px;}
    #index .title .ctl{margin: 64px 0 0;display: flex;gap: 20px;}
    #index .title .ctl > button{display: flex;align-items: center;justify-content: center;background-color: #fff !important;border-radius: 100%;aspect-ratio: 1/1;width: 64px;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);text-indent: -9999em;}
    #index .title .ctl > .swiper-prev{background: url("../img/common/swiper_prev.png") no-repeat 50% 50% / auto 18px;}
    #index .title .ctl > .swiper-next{background: url(../img/common/swiper_next.png) no-repeat 50% 50% / auto 18px;}
    #index .visual{position: relative;min-height: 800px;display: flex;flex-direction: column;justify-content: center;}
    #index .visual .cont{position: relative;display: flex;flex-direction: column;z-index: 2;align-items: flex-start;width: 1280px;max-width: 100%;margin: 0 auto;}
    #index .visual .cont .tit{line-height: 72px;font-size: 56px;font-weight: bold;margin: 0 0 32px;}
    #index .visual .cont .txt{line-height: 32px;font-size: 20px;margin: 0 0 64px;}

    #index .visual .cont .act{display: flex;align-items: flex-start;justify-content: flex-start;gap: 16px;}
    #index .visual .cont .act .btn{display: flex;align-items: center;justify-content: center;min-width: 210px;height: 56px;padding: 12px;border-radius: 4px;font-size: 16px;font-weight: bold;gap: 8px;}
    #index .visual .cont .act .btn img{width: auto;height: 24px;}
    #index .visual .cont .app{position:absolute;top:100%;margin-top:100px;left:0;display: flex;align-items: flex-start;justify-content: flex-start;gap: 16px;}

    #index .visual .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;overflow: hidden;}
    #index .visual .bg img{display:block;width:100%;height:100%;object-fit:cover;}
    #index .intro{position: relative;padding: 140px 20px 0;}
    #index .intro .wrap{display:flex;justify-content: space-between;align-items: flex-start;}
    #index .intro .title{flex: 1;}
    #index .intro .title .con{margin: 80px 0 150px;display: flex;flex-wrap: wrap;gap: 16px;width: 500px;max-width: 100%;}
    #index .intro .title .con li{width: 112px;height: 112px;border-radius: 12px;background: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);gap: 11px;line-height: 24px;font-size: 16px;font-weight: bold;}
    #index .intro .title .con li img{width: auto;height: 40px;}
    #index .intro .title .con li img p{}
    #index .intro .image{width: 650px;max-width: 100%;position: relative;}
    #index .intro .image .img{display: flex;align-items: center;justify-content: flex-end;position: relative;z-index: 2;pointer-events: none;}
    #index .intro .image .img img{display:block;width:auto;max-width:100%;height:auto;}
    #index .intro .image .lst{}
    #index .intro .image .lst li{position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;aspect-ratio: 1/1;background: #fff;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);width: 264px;border-radius: 100%;text-align: center;}
    #index .intro .image .lst li:nth-child(1){top: 40px;right: 0;}
    #index .intro .image .lst li:nth-child(2){left: -110px;bottom: 64px;}
    #index .intro .image .lst li:nth-child(3){bottom: 34px;right: -90px;}
    #index .intro .image .lst .ico{margin: 0 0 16px;}
    #index .intro .image .lst .ico img{display: block;width: auto;height: 64px;}
    #index .intro .image .lst .tit{line-height: 28px;font-size: 20px;font-weight: bold;margin: 0 0 2px;}
    #index .intro .image .lst .txt{line-height: 22px;font-size: 16px;}
    #index .service{position: relative;padding: 140px 20px;background: #F6F9FF;}
    #index .service .wrap{display:flex;align-items:flex-start;justify-content:space-between}
    #index .service .list{}
    #index .service .list ul{display: flex;flex-wrap: wrap;gap: 40px;width: 680px;}
    #index .service .list li{padding: 48px;width: 320px;border-radius: 16px;background: #fff;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    #index .service .list li .img{margin: 0 0 38px;}
    #index .service .list li .img img{display: block;width: auto;max-width: 100%;height: auto;}
    #index .service .list li .tit{line-height: 36px;font-size: 24px;font-weight: bold;margin: 0 0 8px;}
    #index .service .list li .txt{line-height: 24px;font-size: 16px;}
    #index .trust{position: relative;padding: 140px 20px;background:#394F92}
    #index .trust .title{text-align:center;}
    #index .trust .title .sub{color:#FFFFFF}
    #index .trust .title .tit{color:#FFFFFF}
    #index .trust .list{}
    #index .trust .list ul{display: flex;gap: 40px;}
    #index .trust .list li{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;background: #fff;border-radius: 16px;box-shadow: 0 8px 28px rgb(0 0 0 / 14%);padding: 58px 42px;}
    #index .trust .list .img{margin: 0 0 40px;}
    #index .trust .list .img img{display: block;width: auto;max-width: 100%;}
    #index .trust .list .con{}
    #index .trust .list .con .tit{line-height: 36px;font-size: 24px;font-weight: bold;margin: 0 0 12px;}
    #index .trust .list .con .txt{line-height: 24px;font-size: 16px;}
    #index .customer{position: relative;padding: 140px 20px;}
    #index .customer .customer01{display:flex;align-items:flex-start;justify-content:space-between;}
    #index .customer .customer01 .slider{width:560px;border-radius:16px;background:#394F92;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);overflow: hidden;padding: 64px;}
    #index .customer .customer01 .slider .swiper-slide{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    #index .customer .customer01 .slider .img{width: 200px;aspect-ratio: 1/1;overflow: hidden;border-radius: 100%;margin: 0 0 48px;}
    #index .customer .customer01 .slider .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #index .customer .customer01 .slider .star{display: flex;align-items: center;justify-content: center;gap: 4px;margin: 0 0 24px;}
    #index .customer .customer01 .slider .star img{width: auto;height: 25px;}
    #index .customer .customer01 .slider .text{line-height: 32px;font-size: 20px;color: #fff;margin: 0 0 24px;}
    #index .customer .customer01 .slider .name{display: flex;align-items: center;gap: 16px;color: #fff;line-height: 32px;}
    #index .customer .customer01 .slider .name p{font-size: 24px;font-weight: bold;}
    #index .customer .customer01 .slider .name span{font-size: 18px;font-weight: bold;}
    #index .customer .customer02{margin-top: 200px;display: flex;align-items: flex-start;justify-content: space-between;}
    #index .customer .customer02 .cont{width: 560px;border-radius: 16px;border: 2px solid #394F92;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);background: #fff;overflow: hidden;}
    #index .customer .customer02 .cont dl{height: 82px;display: flex;line-height: 32px;font-size: 24px;}
    #index .customer .customer02 .cont dt{flex: 1;display: flex;align-items: center;justify-content: center;}
    #index .customer .customer02 .cont dd{flex: 1;display: flex;align-items: center;justify-content: center;border-left: 1px solid #E5E8EC;}
    #index .customer .customer02 .cont dl.hd{background: #394F92;font-weight: bold;color: #fff;}
    #index .customer .customer02 .cont dl.hd dt{}
    #index .customer .customer02 .cont dl.hd dd{border-left: 1px solid #0B1944;}
    #index .customer .customer02 .cont dl.by{border-top: 1px solid #E5E8EC;}
    #index .customer .customer02 .cont dl.by dt{font-weight: bold;color: #394f92;}
    #index .customer .customer02 .cont dl.by dd{}
    #index .partner{position: relative;padding: 140px 20px;background: #F6F9FF;}
    #index .partner .title{margin: 0 0 80px;text-align:center;}
    #index .partner .cont{}
    #index .partner .cont ul{display:flex;flex-wrap:wrap;gap:32px 27px;}
    #index .partner .cont li{width: calc(25% - 20.25px);box-shadow: 0 8px 28px rgb(211 226 239 / 40%);background: #fff;overflow: hidden;border-radius: 16px;height: 120px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
    #index .partner .cont li img{}
    #index .media{position: relative;padding: 140px 20px;}
    #index .media .title{position: relative;margin: 0 0 64px;}
    #index .media .title .ctl{position: absolute;bottom: 0;right: 0;}
    #index .media .slider{overflow: hidden;}
    #index .media .slider .box{}
    #index .media .slider .img{border-radius: 16px;overflow: hidden;width: 100%;aspect-ratio: 1 / 0.67;margin: 0 0 32px;}#index .media .slider .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #index .media .slider .tit{line-height: 34px;font-size: 24px;font-weight: bold;margin: 0 0 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    #index .media .slider .txt{min-height: 60px;line-height: 30px;font-size: 20px;margin: 0 0 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    #index .media .slider .time{line-height: 24px;font-size: 16px;color: #747983;}
    #index .faq{position: relative;padding: 140px 20px;}
    #index .faq .wrap{display:flex;align-items:flex-start;justify-content:space-between;}
    #index .faq .cont{width: 730px;}
    #index .faq .cont ul{display:flex;flex-direction: column;}
    #index .faq .cont li{}
    #index .faq .cont li + li{margin-top:14px;}
    #index .faq .cont li .box{background: #ffffff;border-radius: 12px;overflow: hidden;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);}
    #index .faq .cont li .tit{flex: 1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-align: left;line-height: 24px;font-size: 16px;font-weight: bold;}
    #index .faq .cont li .txt{line-height: 24px;font-size: 15px;color: #8B8A99;}
    #index .faq .cont li .ico{width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: bold;color: #ffffff;background: #394F92;flex-shrink: 0;border-radius: 100%;}
    #index .faq .cont li .arw{width: 24px;height: 24px;flex-shrink: 0;margin: 0 0 0 24px;background: url("../img/common/dropdown_arrow.png") no-repeat 50% 50% / 24px auto;}
    #index .faq .cont li .question{display:flex;align-items:center;gap: 16px;width:100%;height: 72px;padding: 16px 24px;background: #fff;}
    #index .faq .cont li .question.on .arw{transform:rotate(180deg)}
    #index .faq .cont li .answer{display: none;align-items: flex-start;gap: 16px;width:100%;padding: 16px 24px;background: #fff;border-top: 1px solid rgb(57 79 146 / 10%);}
    #index .faq .cont li .answer.on{display: flex;}
    #index .ourteam{position: relative;padding: 140px 20px;background: #F6F9FF;overflow: hidden;}
    #index .ourteam .title{position: relative;margin: 0 0 64px;}
    #index .ourteam .title .ctl{position: absolute;bottom: 0;right: 0;}
    #index .ourteam .slider{}
    #index .ourteam .slider ul{}
    #index .ourteam .slider li{width: 280px;}
    #index .ourteam .slider .box{display:flex;flex-direction:column;align-items: center;text-align:center;width: 100%;border-radius:16px;background:#ffffff;padding:40px;}
    #index .ourteam .slider .img{margin:0 0 16px;border-radius:100%;aspect-ratio:1 / 1;width:160px;overflow: hidden;}
    #index .ourteam .slider .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #index .ourteam .slider .tit{height: 30px;line-height: 30px;font-size: 20px;font-weight: bold;}
    #index .ourteam .slider .txt{height: 22px;line-height: 22px;font-size: 14px;    }

    #login{display: flex; justify-content: center;}
    #login .login{padding-top: 80px; padding-bottom: 130px;}
    #login .login .wrap{width:600px;}
    #login .login .title{margin: 0 0 40px;text-align: center;line-height: 48px;font-size: 36px;font-weight: bold;}
    #login .login .tabs{margin: 0 0 32px;}
    #login .login .tabs ul{display: flex;gap: 12px;}
    #login .login .tabs li{flex: 1;}
    #login .login .tabs li label{display: flex;cursor: pointer;}
    #login .login .tabs li label input{display: none;}
    #login .login .tabs li label input ~ p{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;border-radius: 8px;background: #fff;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);line-height: 22px;font-size: 14px;font-weight: bold;border: 2px solid transparent;}
    #login .login .tabs li label input:checked ~ p{background: #394F92; color: #fff; border-color: #394F92;}
    #login .login .form{display:flex;flex-direction:column;gap:16px;margin: 0 0 22px;}
    #login .login .form dl{position:relative;}
    #login .login .form dt{display:none;}
    #login .login .form dd{}
    #login .login .form dd input{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;background: #fff;padding: 8px 24px;border-radius: 8px;border: 2px solid #eee;transition: all 0.2s;}
    #login .login .form dd input:focus{border-color: #394F92; outline: none;}
    #login .login .tool{display: flex;align-items: center;justify-content: space-between;margin: 0 0 42px;}
    #login .login .tool .save{}
    #login .login .tool .save label{display: flex;align-items: center;cursor: pointer;gap: 8px;}
    #login .login .tool .save label input{display: none;}
    #login .login .tool .save label input ~ i{width: 20px;height: 20px;background: url("../img/common/checkbox.png") no-repeat 50% 50% / contain;}
    #login .login .tool .save label input ~ p{font-size: 14px;}
    #login .login .tool .save label input:checked ~ i{width: 20px;height: 20px;background: url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain;}
    #login .login .tool .save label input:checked ~ p{}
    #login .login .tool .find{}
    #login .login .tool .find a{line-height: 20px;font-size: 13px;color: #747983;text-decoration: underline;}
    #login .login .button{margin: 42px 0 0;display: flex;align-items: center;flex-direction:column;gap:10px;}
    #login .login .button .btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 56px;border-radius: 8px;font-size: 16px;font-weight: 900;background: #394F92;color: #fff;border: none;transition: opacity 0.2s;}
    #login .login .button .btn:hover{opacity: 0.9;}
    #login .login .link{margin: 18px 0 0;display: flex;align-items: center;justify-content: center;text-align: center;gap: 8px;}
    #login .login .link p{font-size: 14px;}
    #login .login .link a{font-size: 14px;font-weight: bold;color: #394f92;}

    #find{}
    #find .find{padding: 80px 20px 130px;}
    #find .find .wrap{width:600px;}
    #find .find .title{margin: 0 0 12px;text-align: center;line-height: 48px;font-size: 36px;font-weight: bold;}
    #find .find .text{margin: 0 0 40px;text-align: center;line-height: 22px;font-size: 14px;}
    #find .find .tabs{margin: 0 0 32px;}
    #find .find .tabs ul{display: flex;gap: 12px;}
    #find .find .tabs li{flex: 1;}
    #find .find .tabs li label{display: flex;cursor: pointer;}
    #find .find .tabs li label input{display: none;}
    #find .find .tabs li label input ~ p{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;border-radius: 8px;background: #fff;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);line-height: 22px;font-size: 14px;font-weight: bold;}
    #find .find .tabs li label input:checked ~ p{background: #394F92;color: #ffffff;}
    #find .find .form{display:flex;flex-direction:column;gap:16px;margin: 0 0 22px;}
    #find .find .form dl{position:relative;}
    #find .find .form dt{display:none;}
    #find .find .form dd{}
    #find .find .form dd input{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;background: #f4f6f8;padding: 8px 24px;border-radius: 8px;}
    #find .find .button{margin: 42px 0 0;display: flex;align-items: center;flex-direction:column;gap:10px;}
    #find .find .button .btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 56px;border-radius: 8px;font-size: 16px;font-weight: 900;background: #394F92;color: #fff;border: none;transition: opacity 0.2s;}
    #find .find .button .btn:hover{opacity: 0.9;}

    #join{display: flex; justify-content: center;}
    #join .join{padding: 80px 20px 120px;}
    #join .join .wrap{width:600px;}
    #join .join .title{margin: 0 0 40px;text-align: center;line-height: 48px;font-size: 36px;font-weight: bold;}
    #join .join .tabs{margin: 0 0 32px;}
    #join .join .tabs ul{display: flex;gap: 12px;}
    #join .join .tabs li{flex: 1;}
    #join .join .tabs li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;border-radius: 8px;background: #fff;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);line-height: 22px;font-size: 14px;font-weight: bold;border: 2px solid transparent;}
    #join .join .tabs li.on a{background: #394F92; border-color: #394F92; color: #fff;}
    #join .join .form{display:flex;flex-direction:column;gap: 40px;margin: 0 0 22px;}
    #join .join .form dl{position:relative;display:flex;flex-direction:column;gap: 16px;}
    #join .join .form dt{line-height: 20px;font-size: 13px;font-weight: bold;}
    #join .join .form dd{display:flex;flex-direction:column;gap:12px;}
    #join .join .form dd .input{display: flex;align-items: center;gap: 12px;}
    #join .join .form dd .input input{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;background: #fff;padding: 8px 24px;border-radius: 8px;border: 2px solid #eee;transition: all 0.2s;}
    #join .join .form dd .input input:focus{border-color: #394F92; outline: none;}
    #join .join .form dd .input button{min-width: 97px;height:48px;border-radius: 8px;border: 1px solid transparent;flex-shrink: 0;font-size: 14px;font-weight: bold;box-shadow: 0 4px 4px rgba(0,0,0,0.05);}
    #join .join .form dd .select{display: flex;align-items: center;gap: 12px;}
    #join .join .form dd .select select{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;background-color: #fff;padding: 8px 24px;border-radius: 8px;border: 2px solid #eee;transition: all 0.2s;}
    #join .join .form dd .select select:focus{border-color: #394F92; outline: none;}
    #join .join .form dd .payment{display: flex;align-items: center;gap: 12px;}
    #join .join .form dd .payment a{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;background-color: #ffffff;padding: 8px 24px;border-radius: 8px;border: 1px dashed #D8DADD;gap: 4px;}
    #join .join .form dd .payment a img{height: 20px;}
    #join .join .form dd .payment a p{line-height:20px;font-size:13px;}
    #join .join .agree{}
    #join .join .agree ul{display:flex;flex-direction:column;gap: 14px;}
    #join .join .agree li{}
    #join .join .agree li label{display: flex;cursor: pointer;gap: 8px;align-items: center;}
    #join .join .agree li label input{display: none;}
    #join .join .agree li label input ~ i{width: 20px;height: 20px;flex-shrink: 0;background: url("../img/common/checkcircle.png") no-repeat 50% 50% / contain;}
    #join .join .agree li label input ~ p{line-height: 22px;font-size: 14px;padding: 0 60px 0 0;}
    #join .join .agree li label a{position:absolute;top:0;right:0;z-index:2;font-size: 14px;line-height: 20px;text-decoration: underline;}
    #join .join .agree li label input ~ p strong{color: #394f92;margin: 0 4px 0 0;vertical-align: top;}
    #join .join .agree li label input:checked ~ i{background: url(../img/common/checkcircle_on.png) no-repeat 50% 50% / contain;}
    #join .join .button{margin: 42px 0 0;display: flex;align-items: center;flex-direction:column;gap:10px;}
    #join .join .button .btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 56px;border-radius: 8px;font-size: 16px;font-weight: bold;background: #394F92; color: #fff; border: none; cursor: pointer; transition: opacity 0.2s;}
    #join .join .button .btn:hover{opacity: 0.9;}
    #join .join .link{margin: 18px 0 0;display: flex;align-items: center;justify-content: center;text-align: center;gap: 8px;}
    #join .join .link p{font-size: 14px;}
    #join .join .link a{font-size: 14px;font-weight: bold;color: #394f92;}

    /* 회원가입 탭 시스템 확장 */
    #join .join.tab-area {}
    
    #join .join .tabs.tab-btn {
        margin: 0 0 32px;
    }
    
    #join .join .tabs.tab-btn ul {
        display: flex;
        gap: 12px;
    }
    
    #join .join .tabs.tab-btn li {
        flex: 1;
        list-style: none;
    }
    
    #join .join .tabs.tab-btn li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 52px;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 4px 12px rgba(57, 79, 146, 0.08);
        line-height: 22px;
        font-size: 15px;
        font-weight: 600;
        border: 2px solid #e5e8ec;
        color: #666;
        transition: all 0.3s ease;
    }
    
    #join .join .tabs.tab-btn li a:hover {
        border-color: #394F92;
        color: #394F92;
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(57, 79, 146, 0.15);
    }
    
    #join .join .tabs.tab-btn li.on a {
        border-color: #394F92;
        background: #394F92;
        color: #fff;
    }

    /* 탭 컨텐츠 영역 */
    #join .join .tab-box.cont {
        display: none;
    }
    
    #join .join .tab-box.cont.on {
        display: block;
    }

    /* 회원가입 폼 개선 */
    #join .join .form .input input:focus,
    #join .join .form .select select:focus {
        border-color: #394F92;
        outline: none;
        box-shadow: 0 0 0 3px rgba(57, 79, 146, 0.1);
    }

    #join .join .form dd .input button.btn_01 {
        background: #394F92;
        color: #fff;
        border: none;
    }
    
    #join .join .form dd .input button.btn_01:hover {
        background: #2d3e73;
    }

    /* 회원가입 버튼 강화 */
    #join .join .button #setJoin {
        background: #394F92;
        color: #fff;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    #join .join .button #setJoin:hover {
        background: #2d3e73;
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(57, 79, 146, 0.3);
    }


    #register{}
    #register .register{margin:0 auto;padding: 65px 0;width:800px;max-width:100%;min-height: 800px;}
    #register .register .title{line-height: 46px;font-size:34px;font-weight:500;color: #2e3035;margin: 60px 0 0.5rem 0;}

    #register .register .cont{padding: 30px 0;display: flex; border-top: 1px solid #e8e8e8;}
    #register .register .cont:last-child{border-bottom:1px solid #e8e8e8}
    #register .register .name{width:50%;line-height: 19px;font-size: 17px;font-weight: bold;color: #2e3035;flex-shrink:0;}
    #register .register .input{flex: 1;display: flex;flex-direction: column;}
    #register .register .input .addr{}
    #register .register .input .addr button{display: flex;align-items: center;justify-content: center;width: 100%;border-radius: 6px;height: 50px;padding: 11px 14px;background: transparent; border: 1px solid #e0e0e0;}
    #register .register .input .addr button svg{}
    #register .register .input .addr button .address{flex: 1;padding: 0 8px;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #a3a7ae;}
    #register .register .input .help{margin-top: 0px;margin-bottom: 8px;border-radius: 6px;background-color: rgb(239, 247, 255);padding: 12px 16px;font-size: 14px;line-height: 1.5em;}
    #register .register .input .help b{}
    #register .register .input .help button{color: #055cf5;font-size: 14px;background: transparent;padding: 8px 0;}
    #register .register .input input{background:transparent}
    #register .register .select{margin-top: 24px;margin-bottom: 8px;border-radius: 6px;background-color: rgb(239, 247, 255);padding: 12px 16px;font-size: 14px;line-height: 1.5em;display: flex;}
    #register .register .select input{width:100%;height:30px;background:transparent;text-align:Center;}
    #register .register .select input + input{margin-left:20px;}
    #register .register .radio{flex:1;}
    #register .register .radio ul{}
    #register .register .radio li{float: left;width: 50%;}
    #register .register .radio li label{display: flex;align-items: center;justify-content: flex-start;padding: 18px;cursor: pointer;}
    #register .register .radio li label:active{background:#fafafa}
    #register .register .radio li label input{display: none;}
    #register .register .radio li label input ~ i{width: 22px;height: 22px;flex-shrink: 0;border: 6px solid #F3F4F8;border-radius: 22px;margin: 0 12px 0 0;background: #ffffff;}
    #register .register .radio li label input ~ p{font-size: 15px;color: rgb(8, 8, 8);font-weight: 500;}
    #register .register .radio li label input:checked ~ i{background: #ffffff;border-color: #055cf5;}
    #register .register .radio li label input:checked ~ p{}
    #register .register .check{flex:1;}
    #register .register .check ul{display:flex;}
    #register .register .check li{}
    #register .register .check li + li{margin-left:2px;}
    #register .register .check li label{display: flex;align-items: center;justify-content: flex-start;cursor: pointer;border-radius: 50%;overflow: hidden;}
    #register .register .check li label:active{background:#fafafa}
    #register .register .check li label input{display: none;}
    #register .register .check li label input ~ p{font-size: 17px;color: rgb(8, 8, 8);font-weight: 500;width: 46px;height: 46px;border-radius: 46px;display: flex;align-items: center;justify-content: center;}
    #register .register .check li label input:checked ~ p{color: #ffffff;background: #055cf5;}
    #register .register .addType{display:flex;flex-wrap:wrap;gap: 10px;}
    #register .register .addType .flex{display:flex;flex-wrap:wrap;gap: 10px 24px;}
    #register .register .addType label{display:flex;align-items:center;height: 42px;cursor: pointer;}
    #register .register .addType label input{display: none;}
    #register .register .addType label input ~ i{width: 22px;height: 22px;flex-shrink: 0;border: 6px solid #F3F4F8;border-radius: 22px;margin: 0 12px 0 0;background: #ffffff;}
    #register .register .addType label input ~ img{width:auto;height: 24px;}
    #register .register .addType label input ~ p{font-size: 15px;color: rgb(8, 8, 8);font-weight: 500;}
    #register .register .addType label input:checked ~ i{background: #ffffff;border-color: #055cf5;}
    #register .register .addType label input:checked ~ p{}
    #register .register .calendar{flex:1}
    #register .register .calendar .head{flex:1;font-size: 18px;padding-top: 12px;display: flex;align-items: center;align-content: space-between;}
    #register .register .calendar .head a.prev{display:flex;align-items:center;justify-content:center;width: 56px;height: 56px;background: transparent;}
    #register .register .calendar .head p{flex: 1;text-align: center;}
    #register .register .calendar .head a.next{display:flex;align-items:center;justify-content:center;width: 56px;height: 56px;background: transparent;}
    #register .register .calendar .form{}
    #register .register .calendar .form .week{display:flex}
    #register .register .calendar .form .week .weekdate{flex:1;padding: 18px;line-height: 1;font-size: 14px;background:#ffffff}
    #register .register .calendar .form .week .weekday{flex:1;padding: 18px 6px;line-height: 14px;font-size: 16px;font-weight: 600;background:#ffffff;border-radius: 100%;}
    #register .register .calendar .form .week .weekday.active{background: #055cf5;color: #fff;}
    #register .register .calendar .form .week .weekday.clickable{}
    #register .register .calendar .form .week .weekday.invalid{pointer-events: none;color: #cccccc }
    #register .register .calendar .form .week .weekday.another{}
    #register .register .phone{flex:1;}
    #register .register .phone .btn{display:flex;align-items:center;justify-content:Center;width:100%;height:60px;font-size: 16px;font-weight: 500;}

    #reservation{}
    #reservation .reservate{position: relative;padding: 80px 20px;}
    #reservation .reservate .title{text-align: center;line-height: 48px;font-size: 36px;font-weight: bold;margin: 0 0 40px;}
    #reservation .reservate .cont{width: 800px;max-width: 100%;margin: 0 auto;}
    #reservation .reservate .head{margin: 0 0 16px;line-height: 22px;font-size: 14px;font-weight: bold;}
    #reservation .reservate .list{}
    #reservation .reservate .list ul{display: flex;flex-direction: column;gap: 16px;}
    #reservation .reservate .list li{background: #fff;padding: 24px;border: 1px solid #e5e8ec;border-radius: 8px;display: flex;gap: 24px;}
    #reservation .reservate .list li .img{width: 64px;height: 64px;border-radius: 64px;overflow: hidden;}
    #reservation .reservate .list li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #reservation .reservate .list li .con{flex: 1;display: flex;flex-direction: column;}
    #reservation .reservate .list li .con .desc{display: flex;flex-wrap: wrap;gap: 8px;}
    #reservation .reservate .list li .con .name{line-height: 24px;font-size: 16px;font-weight: bold;margin: 0 0 6px;}
    #reservation .reservate .list li .con .state{display: flex;align-items: center;justify-content: center;padding: 4px 8px;border-radius: 4px;height: 24px;font-size: 12px;font-weight: bold;margin: 0 0 6px;}#reservation .reservate .list li .con .state01{}
    #reservation .reservate .list li .con .state02{background: #ffffff; color: #adb2bb; border: 1px solid #e5e8ec;}
    #reservation .reservate .list li .con .text{line-height: 20px;font-size: 13px;margin: 0 0 12px;}
    #reservation .reservate .list li .con .info{display: flex;flex-wrap: wrap;gap: 24px;}
    #reservation .reservate .list li .con .info dl{position: relative;display: flex;align-items: center;justify-content: center;gap: 8px;line-height: 18px;font-size: 12px;}
    #reservation .reservate .list li .con .info dl:after{content:'';position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:1px;height:10px;background:#E5E8EC}
    #reservation .reservate .list li .con .info dl:last-child:after{display:none;}
    #reservation .reservate .list li .con .info dt{}
    #reservation .reservate .list li .con .info dd{display: flex;align-items: center;justify-content: center;gap: 4px;font-weight: bold;}
    #reservation .reservate .list li .con .info dd img{height: 18px;width: auto;}
    #reservation .reservate .list li .con .button{margin: 20px 0 0;display: flex;align-items: center;justify-content: center;gap: 8px;}
    #reservation .reservate .list li .con .button .btn{display: flex;align-items: center;justify-content: center;padding: 8px 16px;border-radius: 6px;border: 1px solid transparent;font-size: 12px;font-weight: bold;    }
    #reservation .reservation{margin:0 auto;padding: 65px 0;width: 800px;max-width:100%;min-height: 800px;}
    #reservation .reservation .title{line-height: 50px; font-weight: 500; margin: 0 0 40px 0; text-align: center;}
    #reservation .reservation .title span[data-i18n="res_subtitle"]{font-size: 25px; color: #394f92; font-weight: 500;}
    #reservation .reservation .title span[data-i18n="res_title"]{font-size: 34px; color: #2e3035; font-weight: 500;}
    #reservation .reservation .cont{padding: 30px 0;/*display: flex; */ border-top: 1px solid #e8e8e8; margin: 0 auto; width: 100%; max-width: 800px;}
    #reservation .reservation .cont:last-child{border-bottom:1px solid #e8e8e8}
    #reservation .reservation .name{width:50%;line-height: 19px;font-size: 17px;font-weight: bold;color: #2e3035;flex-shrink:0;}
    #reservation .reservation .input{flex: 1;display: flex;flex-direction: column;}
    #reservation .reservation .input .addr{}
    #reservation .reservation .input .addr button{display: flex;align-items: center;justify-content: center;width: 100%;border-radius: 6px;height: 50px;padding: 11px 14px;background: transparent; border: 1px solid #e0e0e0;}
    #reservation .reservation .input .addr button svg{}
    #reservation .reservation .input .addr button .address{flex: 1;padding: 0 8px;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #a3a7ae;}
    #reservation .reservation .input .help{margin-top: 24px;margin-bottom: 8px;border-radius: 6px;background-color: rgb(239, 247, 255);padding: 12px 16px;font-size: 14px;line-height: 1.5em;}
    #reservation .reservation .input .help b{}
    #reservation .reservation .input .help button{color: #055cf5;font-size: 14px;background: transparent;padding: 8px 0;}
    #reservation .reservation .input input{background:transparent}
    #reservation .reservation .select{margin-top: 24px;margin-bottom: 8px;border-radius: 6px;background-color: rgb(239, 247, 255);padding: 12px 16px;font-size: 14px;line-height: 1.5em;display: flex;}
    #reservation .reservation .select input{width:100%;height:30px;background:transparent;text-align:Center;}
    #reservation .reservation .select input + input{margin-left:20px;}
    #reservation .reservation .radio{flex:1;}
    #reservation .reservation .radio ul{}
    #reservation .reservation .radio li{}
    #reservation .reservation .radio li label{display: flex;align-items: center;justify-content: flex-start;padding: 18px;cursor: pointer;}
    #reservation .reservation .radio li label:active{background:#fafafa}
    #reservation .reservation .radio li label input{display: none;}
    #reservation .reservation .radio li label input ~ i{width: 22px;height: 22px;flex-shrink: 0;border: 6px solid #F3F4F8;border-radius: 22px;margin: 0 12px 0 0;background: #ffffff;}
    #reservation .reservation .radio li label input ~ p{font-size: 17px;color: rgb(8, 8, 8);font-weight: 500;}
    #reservation .reservation .radio li label input:checked ~ i{background: #ffffff;border-color: #055cf5;}
    #reservation .reservation .radio li label input:checked ~ p{}
    #reservation .reservation .check{flex:1;}
    #reservation .reservation .check ul{display:flex;}
    #reservation .reservation .check li{}
    #reservation .reservation .check li + li{margin-left:2px;}
    #reservation .reservation .check li label{display: flex;align-items: center;justify-content: flex-start;cursor: pointer;border-radius: 50%;overflow: hidden;}
    #reservation .reservation .check li label:active{background:#fafafa}
    #reservation .reservation .check li label input{display: none;}
    #reservation .reservation .check li label input ~ p{font-size: 17px;color: rgb(8, 8, 8);font-weight: 500;width: 46px;height: 46px;border-radius: 46px;display: flex;align-items: center;justify-content: center;}
    #reservation .reservation .check li label input:checked ~ p{color: #ffffff;background: #055cf5;}
    #reservation .reservation .calendar{flex:1}
    #reservation .reservation .calendar .head{flex:1;font-size: 18px;padding-top: 12px;display: flex;align-items: center;align-content: space-between;}
    #reservation .reservation .calendar .head a.prev{display:flex;align-items:center;justify-content:center;width: 56px;height: 56px;background: transparent;}
    #reservation .reservation .calendar .head p{flex: 1;text-align: center;}
    #reservation .reservation .calendar .head a.next{display:flex;align-items:center;justify-content:center;width: 56px;height: 56px;background: transparent;}
    #reservation .reservation .calendar .form{}
    #reservation .reservation .calendar .form .week{display:flex}
    #reservation .reservation .calendar .form .week .weekdate{flex:1;padding: 18px;line-height: 1;font-size: 14px;background:#ffffff}
    #reservation .reservation .calendar .form .week .weekday{flex:1;padding: 18px 6px;line-height: 14px;font-size: 16px;font-weight: 600;background:#ffffff;border-radius: 100%;}
    #reservation .reservation .calendar .form .week .weekday.active{background: #055cf5;color: #fff;}
    #reservation .reservation .calendar .form .week .weekday.clickable{}
    #reservation .reservation .calendar .form .week .weekday.invalid{pointer-events: none;color: #cccccc }
    #reservation .reservation .calendar .form .week .weekday.another{}
    #reservation .reservation .phone{flex:1;}
    #reservation .reservation .phone .btn{display:flex;align-items:center;justify-content:Center;width:100%;height:60px;font-size: 16px;font-weight: 500;}

    /**/
    #estimate {padding: 50px 20px}
    #estimate .head {display: flex;align-items: center;margin-bottom: 12px;}
    #estimate .head .total {font-size: 18px;font-weight: 500;}
    #estimate .head .total strong {margin-left: 5px;font-size: 18px;font-weight: bold;color: #793aff;}
    #estimate .head .expire {margin-left: auto;font-size: 16px;color: #f03a00;display:flex;align-items: center;}
    #estimate .head .expire .search{display:flex;gap:10px;align-items:Center;}
    #estimate .head .expire .search input{background:transparent;min-width: 140px;height: 36px;border-radius: 4px;border: 1px solid #b4b8c1;padding: 10px;font-size: 13px;}
    #estimate .head .expire .search button{display: flex;align-items: center;justify-content: center;text-align: center;min-width: 90px;height: 36px;border-radius: 3px;font-size: 14px;font-weight: bold;background: transparent;border: 2px solid #394f92;color: #394f92;}
    #estimate .head .expire .tabs{display: flex;gap: 6px;margin: 0 0 0 40px;}
    #estimate .head .expire .tabs .tab{display: flex;align-items: center;justify-content: center;text-align: center;min-width: 90px;height: 36px;border-radius: 3px;border: 1px solid #b4b8c1;font-size: 14px;font-weight: 400; color: #747983; background: #ffffff;}
    #estimate .head .expire .tabs .tab.on{background: #ffffff !important; border: 2px solid #394f92 !important; color: #394f92 !important; font-weight: bold !important;}

    #estimate .list {}
    #estimate .list ul {}
    #estimate .list li {margin-bottom: 12px;}
    #estimate .list li a {display: flex;padding: 15px 20px;border-radius: 8px;border: 1px solid #e0e0e0;background: #ffffff;}
    #estimate .list li .thm {width: 80px;flex-shrink: 0;}
    #estimate .list li .thm .img {margin: 0 auto 8px;width: 65px;height: 65px;border-radius: 65px;overflow: hidden;}
    #estimate .list li .thm .img img {display: block;width: 100%;height: 100%;object-fit: cover;}
    #estimate .list li .thm .tag {display: flex;flex-direction: column;align-items: center;justify-content: center;}
    #estimate .list li .thm .tag span {display: flex;align-items: center;justify-content: center;font-size: 12px;height: 19px;background: #f0f0f0;border-radius: 19px;padding: 0 5px;color: #793AFF;}
    #estimate .list li .thm .tag span + span {margin-top: 3px;}
    #estimate .list li .con {flex: 1;display: flex;flex-direction: column;padding-left: 20px;}
    #estimate .list li .con .name {line-height: 24px;font-size: 20px;font-weight: bold;}
    #estimate .list li .con .star {display: flex;align-items: center;font-size: 12px;font-weight: 500;}
    #estimate .list li .con .star img {width: auto;height: 15px;margin-right: 3px;}
    #estimate .list li .con .info {margin-top: 14px;}
    #estimate .list li .con .info dl {display: flex;align-items: center;line-height: 14px;font-size: 12px;font-weight: 500;}
    #estimate .list li .con .info dl + dl {margin-top: 5px;}
    #estimate .list li .con .info dt {margin-right: 5px;}
    #estimate .list li .con .info dd {}

    /**/
    #translate{}
    #translate .translate{}
    #translate .translate .section{position:relative;padding:140px 20px;}
    #translate .translate .section:nth-child(2){background:#F6F9FF;}
    #translate .translate .section .head{margin:0 0 80px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    #translate .translate .section .head .sub{line-height: 36px;font-size: 24px;font-weight: bold;color: #394f92;margin: 0 0 16px;}
    #translate .translate .section .head .tit{line-height:64px;font-size:48px;font-weight:bold;margin:0 0 16px;}
    #translate .translate .section .head .txt{line-height:32px;font-size:20px;margin:0 0 16px;}
    #translate .translate .section .head .act{margin:48px 0 0;display:flex;align-items:center;justify-content:center;}
    #translate .translate .section .head .act .btn{display: flex;align-items: center;justify-content: center;padding: 0 40px;min-width: 180px;height: 56px;border-radius: 4px;gap: 8px;font-size: 16px;font-weight: bold;}
    #translate .translate .section .head .act .btn img{height:24px;width:auto;}
    #translate .translate .section .work{}
    #translate .translate .section .work ul{display:flex;flex-wrap:wrap;align-items:center;justify-content: center;gap: 24px;width: 800px;margin: 0 auto;max-width: 100%;}
    #translate .translate .section .work li{width: 180px;aspect-ratio: 1/1;border-radius: 16px;box-shadow: 0 15px 54px rgb(211 226 239 / 40%);display: flex;flex-direction: column;align-items: center;justify-content: center;gap:12px;background: #fff;}
    #translate .translate .section .work li img{width:64px;height:64px;object-fit:contain}
    #translate .translate .section .work li p{line-height:30px;font-size:20px;font-weight:bold;}
    #translate .translate .section .order{}
    #translate .translate .section .order ul{display:flex;align-items:center;justify-content: center;gap: 40px;}
    #translate .translate .section .order li{width: 100%;aspect-ratio: 1/1;border-radius:16px;box-shadow: 0 15px 54px rgb(211 226 239 / 40%);display: flex;flex-direction: column;align-items: center;justify-content: center;background: #fff;text-align: center;}
    #translate .translate .section .order li .img{margin: 0 0 40px;}
    #translate .translate .section .order li .img img{display: block;width: 250px;height: 160px;object-fit: contain;}
    #translate .translate .section .order li .tit{line-height: 36px;font-size: 24px;font-weight: bold;margin: 0 0 12px;}
    #translate .translate .section .order li .txt{line-height: 24px;font-size: 16px;}
    #translate .translate .section .process{}
    #translate .translate .section .process ul{display:flex;align-items:center;justify-content: center;gap: 80px;}
    #translate .translate .section .process li{position:relative;flex: 1;aspect-ratio: 1/1;border-radius: 100%;background: #fff;border: 3px solid #394f92;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 20px;text-align: center;box-shadow: 0 15px 54px rgb(211 226 239 / 40%);}
    #translate .translate .section .process li:after{content:'';position:absolute;top:50%;left:100%;margin-left: 2px;transform:translateY(-50%);width: 83px;height: 46px;background:url("../img/sub/translate_process_arrow.png") no-repeat 50% 50% / contain}
    #translate .translate .section .process li:last-child:after{display:none}
    #translate .translate .section .process li .img{width: 64px;height: 64px;}
    #translate .translate .section .process li .img img{display: block;width: 100%;height: 100%;object-fit: contain;}
    #translate .translate .section .process li .tit{line-height: 26px;font-size: 18px;font-weight: bold;}
    #translate .translate .section.tip{height: 880px;display: flex;flex-direction: column;justify-content: center;}
    #translate .translate .section.tip .wrap{display:flex;flex-direction: column;justify-content: center;}
    #translate .translate .section.tip .head{text-align: left;align-items: flex-start;justify-content: center;}
    #translate .translate .section.tip .image{position: absolute;bottom: 0;right: 0;max-width: 50vw;width: 100%;height: 100%;display: flex;align-items: flex-end;justify-content: flex-end;pointer-events: none;}
    #translate .translate .section.tip .image img{display: block;width: auto;max-width: 100%;height: auto;object-fit: contain;}

    #customer{}
    #customer .customer{position: relative;padding: 140px 20px;background: #fff;overflow: hidden;}
    #customer .customer .wrap{display:flex; flex-direction: column; width: 800px; margin: 0 auto; max-width: 100%;}
    #customer .customer .sub{line-height: 24px;font-size: 16px;font-weight: bold;color: #394f92;margin: 0 0 24px;letter-spacing:0.3px;}
    #customer .customer .title{line-height: 50px;font-size: 34px;font-weight: 500;margin: 0;}
    #customer .customer .form{position: relative; margin-bottom: 40px; padding: 20px 0; border: none; background: transparent; border-radius: 0;}
    #customer .customer .text{line-height: 38px;font-size: 24px;word-break: keep-all; margin-bottom: 24px;}
    #customer .customer .button{margin: 40px auto;display: flex;justify-content: center;width: 100%;}
    #customer .customer .button .btn{display: flex;align-items: center;justify-content: center;width: 100%;max-width: 280px;height: 56px;background: #fff;border: 2px solid #ccc;border-radius: 8px;color: #383b40;font-size: 16px;font-weight: bold;cursor: pointer;transition: all 0.2s;}
    #customer .customer .button .btn_01:hover{background: #fff;border-color: #394F92;color: #394F92;transform: none;box-shadow: none;}
    #customer .customer .form .inner{background: #fff;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);padding: 40px 30px;display: flex;flex-direction: column;gap: 16px;border-radius: 10px;}
    #customer .customer .form dl{display: flex;align-items: center;min-height: 50px;}
    #customer .customer .form dt{flex-shrink: 0;width: 140px;display: flex;align-items: center;justify-content: flex-start;text-align: left;font-size: 16px;font-weight: bold;}
    #customer .customer .form dd{flex: 1;}
    #customer .customer .form dd input{display: flex;align-items: center;justify-content: flex-start;border-radius: 6px;width: 100%;height: 50px;border: 1px solid #ccc;padding: 10px 16px;}
    #customer .customer .form dd textarea{display: flex;align-items: center;justify-content: flex-start;border-radius: 6px;width: 100%;height: 250px;border: 1px solid #ccc;padding: 16px 16px;}

    #notice{position: relative;padding: 140px 20px;overflow: hidden;}
    #notice .heading{line-height: 64px;font-size: 48px;font-weight: bold;margin: 0 0 32px;text-align: center;}
    #notice .search{display: flex;align-items: center;justify-content: flex-end;margin: 0 0 32px;}
    #notice .search form{box-shadow: 0 4px 14px rgb(211 226 239 / 40%);background: #fff;display: flex;border-radius: 10px;overflow: hidden;}
    #notice .search input{min-width: 260px;padding: 10px 20px;height: 50px;font-size: 16px;}
    #notice .search button{width: 50px;height: 50px;display: flex;flex-shrink: 0;align-items: center;justify-content: center;background: transparent;}
    #notice .search button img{width:24px;}
    #notice .list{}
    #notice .list ul{display: flex;flex-direction: column;border-top: 2px solid #333;}
    #notice .list li{border-bottom: 1px solid #e0e0e0;display: flex;align-items: center;min-height: 68px;}
    #notice .list li .cate{width: 110px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;text-align: center;padding: 12px;line-height: 24px;font-size: 15px;font-weight: bold;}
    #notice .list li .cate .ntc{display: flex;align-items: center;justify-content: center;min-width: 70px;height: 32px;border-radius: 8px;background: #fff;box-shadow: 0 4px 14px rgb(211 226 239 / 40%);font-size: 15px;}
    #notice .list li .subject{flex: 1;}
    #notice .list li .subject a{display: flex;align-items:center;justify-content:center;width: 30px;height: 30px;}
    #notice .list li .subject a i{font-size:20px;font-weight:bold;color: #394F92;}
    #notice .list li .subject a p{line-height: 24px;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    #notice .list li .date{padding: 16px 12px;font-size: 15px;line-height: 28px;flex-shrink: 0;width: 140px;display: flex;align-items: center;justify-content: center;text-align: center;color: #898989;}

    #mypage{}
    #mypage .mypage{position: relative;padding: 140px 20px;overflow: hidden;max-width: 900px;margin: 0 auto;}
    #mypage .mypage .heading{line-height: 64px;font-size: 48px;font-weight: bold;margin: 0 0 64px;text-align: center;}
    #mypage .mypage .information{margin: 0 0 64px 0;display:flex;gap:20px;}
    #mypage .mypage .information .lt-item{width: 280px;flex-shrink: 0;display: flex;justify-content: center;flex-direction: column;}
    #mypage .mypage .information .rt-item{justify-content: center;flex: 1;flex-direction: column;display: flex;}
    #mypage .mypage .information .profile{flex: 1;border: 1px solid #e0e0e0;display: flex;padding: 20px;gap: 30px;미ㅑ: ㅊㄷ;}
    #mypage .mypage .information .profile .user{display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;flex: 1;}
    #mypage .mypage .information .profile .user .name{line-height: 38px;font-size: 24px;font-weight: bold;}
    #mypage .mypage .information .profile .user .mail{line-height: 24px;font-size: 16px;color: #989898;}
    #mypage .mypage .information .profile .button{margin: 20px 0 0 0;display: flex;gap: 10px;}
    #mypage .mypage .information .profile .button .btn{display: flex;align-items: center;justify-content: center;height: 42px;flex: 1;border-radius: 8px;font-size: 15px;font-weight: 500;border: 1px solid transparent;}
    #mypage .mypage .information .profile .grade{flex-direction: column;display: flex;gap: 10px;align-items: flex-start;}
    #mypage .mypage .information .profile .grade .tit{line-height: 28px;font-size: 20px;font-weight: bold;}
    #mypage .mypage .information .profile .grade .cls{line-height: 24px;font-size: 16px;color: #394F92;}
    #mypage .mypage .information .profile .grade .txt{display: block;line-height: 22px;font-size: 15px;}
    #mypage .mypage .information .profile .grade .txt p{text-indent: -12px;padding: 0px 0 0 12px;display: block;word-break: keep-all;}
    #mypage .mypage .information .profile .grade .txt p:before{content:"-";margin: 0 10px 0 0;}
    #mypage .mypage .information .profile .grade .txt a{text-decoration: underline;color: #394F92 !important;}
    #mypage .mypage .information .item{border:1px solid #e0e0e0;padding: 0 20px;flex-shrink: 0;display: flex;flex-direction: column;}
    #mypage .mypage .information .item dl{min-width: 280px;display: flex;flex-direction: column;align-items: flex-start;flex: 1;padding: 20px 0;}
    #mypage .mypage .information .item dl + dl{border-top:1px solid #e0e0e0;}
    #mypage .mypage .information .item dt{line-height: 24px;font-size: 16px;font-weight: 500;}
    #mypage .mypage .information .item dd{flex: 1;line-height: 30px;font-size: 24px;font-weight: bold;}
    #mypage .mypage .order{margin: 0 0 64px 0;border: 1px solid #e0e0e0;}
    #mypage .mypage .order .tit{background: #F6F9FF;padding: 16px 20px;display: flex;align-items: center;justify-content: flex-start;line-height: 24px;font-size: 16px;font-weight: bold;border-bottom: 1px solid #e0e0e0;}
    #mypage .mypage .order .con{display: flex;padding: 20px;}
    #mypage .mypage .order .con dl{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: 20px;}
    #mypage .mypage .order .con dt{line-height: 20px;font-size: 15px;font-weight: 500;}
    #mypage .mypage .order .con dd{line-height: 40px;font-size: 26px;font-weight: bold;}
    #mypage .mypage .content{display:flex;flex-direction: column;gap:30px;}
    #mypage .mypage .content .aside{width: 100%;}
    #mypage .mypage .content .aside .tit{padding: 0 0 10px 12px;margin: 0 0 10px 0;border-bottom: 2px solid #e0e0e0;line-height: 30px;font-size: 24px;font-weight: bold;}
    #mypage .mypage .content .aside .con{}
    #mypage .mypage .content .aside .con ul{display: flex;flex-wrap: wrap;gap: 10px 24px;}
    #mypage .mypage .content .aside .con li{}
    #mypage .mypage .content .aside .con li a{display: block;line-height: 32px;font-size: 16px;font-weight: 500;color: #989898;}
    #mypage .mypage .content .cont{flex:1;}
    #mypage .mypage .content .head{line-height: 40px;font-size: 16px;font-weight: 500;padding-left: 12px;}
    #mypage .mypage .content .head span{color: #394F92;}
    #mypage .mypage .content .table{border-top: 2px solid #202020;width: 100%;}
    #mypage .mypage .content .table table{width: 100%;border-collapse: collapse;table-layout: fixed;}
    #mypage .mypage .content .table table tr{height: 60px;border-bottom: 1px solid #e0e0e0;}
    #mypage .mypage .content .table table th{background: #F6F9FF;text-align: center;}
    #mypage .mypage .content .table table td{text-align: center;font-size: 14px;}
    #mypage .mypage .content .table table th,
    #mypage .mypage .content .table table td{font-size: 15px;}
    #mypage .mypage .content .table table td span{color: #394F92;}
    #mypage .mypage .content .payment{}
    #mypage .mypage .content .payment table{table-layout: fixed;}
    #mypage .mypage .content .payment table td{}
    #mypage .mypage .content .payment table td .manage{display: flex;align-items: center;justify-content: center;gap: 6px;}
    #mypage .mypage .content .payment table td .box{padding: 0 12px;border-radius: 6px;border: 1px solid #e0e0e0;height: 30px;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 500;}
    #mypage .mypage .content .payment table td .del{}
    #mypage .mypage .content .payment table td .del img{height: 24px;display: block;width: auto;}
    #mypage .mypage .content .more{margin:50px 0 0;display:flex;align-items:center;justify-content:flex-end;}
    #mypage .mypage .content .more .btn{display:flex;padding: 10px 20px;border-radius: 6px;font-size: 15px;}

    #wrap .modal-container{display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999;overflow: hidden;align-items: center;justify-content: center;background: transparent;}
    #wrap .modal-container.show{display: flex; align-items: center; justify-content: center;}
    #wrap .modal-container.show .modal-wrapper{transform:translateY(0);transition-delay:1s}
    #wrap .modal-container:before{content: '';top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;position: fixed;opacity: .8;background-color: rgba(0,0,0,.87);padding-bottom: 100%;}
    #wrap .modal-container .modal-wrapper{position:relative;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;transform: translateY(-100%);transition:all 0.5s}
    #wrap .modal-container .modal-inner{max-width:100%;}
    #wrap .modal-container .inner{position: relative;width: 560px;max-width: 100%;max-height: 90vh;box-shadow: 0 3px 6px rgb(0 0 0 / 16%);background: #fff;display: flex;flex-direction: column;border-radius: 8px;}
    #wrap .modal-container .title{display: flex;height: 56px;line-height: 30px;font-size: 16px;font-weight: bold;color: #1c1c1c;text-align: center;align-items: center;justify-content: center;}
    #wrap .modal-container .close{position:absolute;top:0;right:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;}
    #wrap .modal-container .close button{display: flex;width: 24px;height: 24px;background: transparent;align-items: center;justify-content: center;}
    #wrap .modal-container .close button img{width:100%;height:100%;object-fit:contain;display:block;}
    #wrap .modal-container .cont{padding: 16px 24px 24px;}
    #wrap .modal-container .text{line-height:20px;font-size:14px;color:#333333;text-align:center;}
    #wrap .modal-container .button{margin:24px 0 0 0;display:flex;align-items:center;justify-content:center;}
    #wrap .modal-container .button .btn{display:flex;align-items:center;justify-content:center;padding:12px 16px;width:100%;height: 48px;border-radius: 8px;border:1px solid transparent;font-size:14px;font-weight: bold;}
    #wrap .modal-container .button .btn + .btn{margin-left:8px}

    #wrap #popup-method{}
    #wrap #popup-method .inner{width: 500px;}
    #wrap #popup-method .cont{}
    #wrap #popup-method .form{flex-direction: column;display: flex;gap: 20px;}
    #wrap #popup-method .form dl{}
    #wrap #popup-method .form dt{line-height: 1;font-size: 14px;font-weight: bold;margin: 0 0 10px 0;}
    #wrap #popup-method .form dt span{font-weight:400;opacity:0.7;}
    #wrap #popup-method .form dd{}
    #wrap #popup-method .form dd .input{display: flex;gap: 4px;}
    #wrap #popup-method .form dd .input input{flex:1;width: 100%;min-width: auto;height: 42px;padding: 3px 12px;font-size: 14px;border-radius: 6px;border: 1px solid #e0e0e0;}
    #wrap #popup-method .form dd .error{padding: 6px 0 0 0;line-height: 1.4;font-size: 14px;color: #989898;}
    #wrap #popup-method .button{}
    #wrap #popup-method .button .btn{}

    #wrap #popup-payment{}
    #wrap #popup-payment .inner{width: 600px;}
    #wrap #popup-payment .cont{}
    #wrap #popup-payment .cont .form{display:flex;flex-wrap:wrap;gap: 40px 24px;}
    #wrap #popup-payment .cont .form dl{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;width:100%}
    #wrap #popup-payment .cont .form dl.w50p{width: calc(50% - 12px);}
    #wrap #popup-payment .cont .form dt{line-height: 20px;font-size: 13px;font-weight: bold;}
    #wrap #popup-payment .cont .form dd{width: 100%;line-height: 20px;font-size: 13px;}
    #wrap #popup-payment .cont .form dd input{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;background: #f4f6f8;padding: 8px 24px;border-radius: 8px;border: 1px solid #f4f6f8;}
    #wrap #popup-payment .caution{margin:40px 0 0 0;border-radius:8px;background:#F6F9FF;padding:20px;}
    #wrap #popup-payment .caution .tit{display: flex;align-items: center;gap: 6px;margin: 0 0 8px;}
    #wrap #popup-payment .caution .tit img{height: 16px;width: auto;display: inline-flex;}
    #wrap #popup-payment .caution .tit p{font-size: 13px;font-weight: bold;}
    #wrap #popup-payment .caution .txt{display: flex;flex-direction: column;gap: 4px;line-height: 18px;font-size: 12px;}
    #wrap #popup-payment .button{}
    #wrap #popup-payment .button .btn{}

    #wrap #popup-tele{}
    #wrap #popup-tele .inner{width: 400px;}
    #wrap #popup-tele .cont{}
    #wrap #popup-tele .cont .form{display:flex;flex-direction:column;gap:24px;}
    #wrap #popup-tele .cont .form dl{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;}
    #wrap #popup-tele .cont .form dt{line-height: 20px;font-size: 13px;font-weight: bold;}
    #wrap #popup-tele .cont .form dd{line-height: 20px;font-size: 13px;}    #wrap #popup-detail .button{}
    #wrap #popup-tele .button .btn{}

    #wrap #popup-detail{}
    #wrap #popup-detail .inner{width: 400px;}
    #wrap #popup-detail .cont{}
    #wrap #popup-detail .cont .form{display:flex;flex-direction:column;gap:24px;}
    #wrap #popup-detail .cont .form dl{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;}
    #wrap #popup-detail .cont .form dt{line-height: 20px;font-size: 13px;font-weight: bold;}
    #wrap #popup-detail .cont .form dd{line-height: 20px;font-size: 13px;}    #wrap #popup-detail .button{}
    #wrap #popup-detail .button .btn{}

    #wrap #popup-detail2{}
    #wrap #popup-detail2 .inner{width: 400px;}
    #wrap #popup-detail2 .cont{}
    #wrap #popup-detail2 .cont .form{display:flex;flex-direction:column;gap:24px;}
    #wrap #popup-detail2 .cont .form dl{flex-direction: column;align-items: flex-start;gap: 4px;}
    #wrap #popup-detail2 .cont .form dt{line-height: 20px;font-size: 13px;font-weight: bold;}
    #wrap #popup-detail2 .cont .form dd{line-height: 20px;font-size: 13px;}    #wrap #popup-detail .button{}
    #wrap #popup-detail2 .button .btn{}

    #wrap #popup-change{}
    #wrap #popup-change .inner{width: 400px;overflow-y: auto;}
    #wrap #popup-change .cont{}
    #wrap #popup-change .cont .tit{margin: 0 0 16px;line-height: 20px;font-size: 13px;font-weight: bold;}    #wrap #popup-change .cont .con{}
    #wrap #popup-change .cont .con .calendar{margin: 0 0 24px 0;border-radius: 16px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
    #wrap #popup-change .cont .con .calendar .month{display:flex;align-items:center;justify-content: space-between;height: 52px;padding: 8px 20px;}
    #wrap #popup-change .cont .con .calendar .month a{}
    #wrap #popup-change .cont .con .calendar .month a.prev{width:24px;height:24px;background: url("../img/common/arrow_calendar_prev.png") no-repeat 50% 50% / contain;text-indent:-9999em;}
    #wrap #popup-change .cont .con .calendar .month a.next{width:24px;height:24px;background: url("../img/common/arrow_calendar_next.png") no-repeat 50% 50% / contain;text-indent:-9999em;}
    #wrap #popup-change .cont .con .calendar .month a.current{line-height:24px;font-size:18px;color:#1c1c1c;font-weight:bold;}
    #wrap #popup-change .cont .con .calendar .week{padding: 0 12px;}
    #wrap #popup-change .cont .con .calendar .week ul{display:flex;}
    #wrap #popup-change .cont .con .calendar .week li{flex: 1;display: flex;align-items: center;justify-content: center;height: 28px;flex-shrink: 0;font-size: 14px;color: #707070;}
    #wrap #popup-change .cont .con .calendar .days{padding: 0 12px 8px;}
    #wrap #popup-change .cont .con .calendar .days ul{display: flex;}
    #wrap #popup-change .cont .con .calendar .days li{background: #fff;display: flex;flex-direction: column;flex: 1;}
    #wrap #popup-change .cont .con .calendar .days li .dayBtn{width: 100%;display: flex;align-items: center;justify-content: center;line-height: 24px;font-size: 13px;font-weight: bold;border-radius: 40px;background: transparent;}
    #wrap #popup-change .cont .con .calendar .days li .dayBtn.on{color: #ffffff;background: #EB3F3D;}
    #wrap #popup-change .cont .con .time{display:flex;gap:8px;align-items:center;width:100%;}
    #wrap #popup-change .cont .con .time input{position: relative;flex:1;height:48px;width:100%;background:#f4f6f8;border-radius:4px;padding: 12px 44px 12px 16px;font-size: 14px;}
    #wrap #popup-change .cont .con .time input::-webkit-calendar-picker-indicator {display: block;top: 50%;right: 18px;height: 14px;width: 14px;position: absolute;background: url("../img/common/timer.png") no-repeat 50% 50% / contain;transform:translateY(-50%)}


    #wrap #popup-cancel{}
    #wrap #popup-cancel .inner{width:400px}
    #wrap #popup-cancel .tit{margin: 0 0 8px;line-height: 22px;font-size: 14px;font-weight: bold;}
    #wrap #popup-cancel .sub{margin: 0 0 4px;line-height: 20px;font-size: 13px;font-weight: bold;color: #335097;}
    #wrap #popup-cancel .txt{line-height: 20px;font-size: 13px;}
    #wrap #popup-cancel .button{}

    #wrap #popup-review{}
    #wrap #popup-review .user{margin:0 0 32px;background: #fff;padding: 24px;border: 1px solid #e5e8ec;border-radius: 8px;display: flex;gap: 24px;}
    #wrap #popup-review .user .img{width: 64px;height: 64px;border-radius: 64px;overflow: hidden;}
    #wrap #popup-review .user .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #wrap #popup-review .user .con{flex: 1;display: flex;flex-direction: column;}
    #wrap #popup-review .user .con .desc{display: flex;flex-wrap: wrap;gap: 8px;}
    #wrap #popup-review .user .con .name{line-height: 24px;font-size: 16px;font-weight: bold;margin: 0 0 6px;}
    #wrap #popup-review .user .con .state{display: flex;align-items: center;justify-content: center;padding: 4px 8px;border-radius: 4px;height: 24px;font-size: 12px;font-weight: bold;margin: 0 0 6px;}#reservation .reservate .list li .con .state01{}
    #wrap #popup-review .user .con .state02{background: #F4F6F8;color: #adb2bb;}
    #wrap #popup-review .user .con .text{line-height: 20px;font-size: 13px;margin: 0 0 12px;}
    #wrap #popup-review .user .con .info{display: flex;flex-wrap: wrap;gap: 24px;}
    #wrap #popup-review .user .con .info dl{position: relative;display: flex;align-items: center;justify-content: center;gap: 8px;line-height: 18px;font-size: 12px;}
    #wrap #popup-review .user .con .info dl:after{content:'';position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:1px;height:10px;background:#E5E8EC}
    #wrap #popup-review .user .con .info dl:last-child:after{display:none;}
    #wrap #popup-review .user .con .info dt{}
    #wrap #popup-review .user .con .info dd{display: flex;align-items: center;justify-content: center;gap: 4px;font-weight: bold;}
    #wrap #popup-review .user .con .info dd img{height: 18px;width: auto;}
    #wrap #popup-review .item{margin: 0 0 24px;}
    #wrap #popup-review .item dl{display: flex;flex-direction: column;gap: 12px;align-items: flex-start;}
    #wrap #popup-review .item dt{line-height: 20px;font-size: 13px;font-weight: bold;}
    #wrap #popup-review .item dd{width: 100%;}
    #wrap #popup-review .item .rating{display: inline-flex;align-items: center;flex-direction: row-reverse;gap: 10px;}
    #wrap #popup-review .item .rating label{display: flex;align-items: center;justify-content: center;cursor: pointer;}
    #wrap #popup-review .item .rating label i{display:block;width: 36px;height: 36px;}
    #wrap #popup-review .item .rating input[type="radio"]{display:none;}
    #wrap #popup-review .item .rating input[type="radio"] ~ label{}
    #wrap #popup-review .item .rating input[type="radio"] ~ label i{background: url("../img/common/star_off.png") no-repeat 50% 50% / contain;}
    #wrap #popup-review .item .rating input[type="radio"]:checked ~ label i{background-image:url("../img/common/star.png");}
    #wrap #popup-review .item .time{display:flex;gap:8px;align-items:center;width:100%;}
    #wrap #popup-review .item .time input{position: relative;flex:1;height:48px;width:100%;background:#f4f6f8;border-radius:4px;padding: 12px 44px 12px 16px;font-size: 14px;}
    #wrap #popup-review .item .time input::-webkit-calendar-picker-indicator {display: block;top: 50%;right: 18px;height: 14px;width: 14px;position: absolute;background: url("../img/common/timer.png") no-repeat 50% 50% / contain;transform:translateY(-50%)}
    #wrap #popup-review .item .textarea{}
    #wrap #popup-review .item .textarea textarea{display: block;width:100%;height:120px;border-radius:8px;background:#f4f6f8;padding:16px;line-height:20px;font-size:13px;}

    #wrap #popup-search{}
    #wrap #popup-search .form{display:flex;width:800px;max-width:100%;height:70px;border-radius:70px;border:2px solid #fff;}
    #wrap #popup-search .form input{width: 100%;padding: 0 30px;background: transparent;font-size: 18px;color: #ffffff;}
    #wrap #popup-search .form button{display:flex;align-items:center;justify-content:center;width: 66px;height: 66px;background:transparent;font-size:16px;color:#ffffff;}
    #wrap #popup-search .close{position:absolute;top:65px;right:65px;font-size:24px;width:24px;height:24px;color:#ffffff;cursor:pointer}

    #wrap #popup-service{}
    #wrap #popup-service .modal-inner{position: relative;width:500px;background:#ffffff;border-radius: 5px;overflow: hidden;}
    #wrap #popup-service .title{height: 70px;display: flex;align-items: center;justify-content: center;text-align: center;padding: 20px;margin: 0;}
    #wrap #popup-service .close{position:absolute;top: 20px;right:20px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
    #wrap #popup-service .scroll{height:600px;max-height:80vh;overflow-y:auto}
    #wrap #popup-service .head{background:url("https://i0.wp.com/miso202497250.wpcomstaging.com/wp-content/uploads/2020/03/homeclean-hero.jpg?fit=1920%2C1280&ssl=1") no-repeat 50% 50% / cover;padding: 48px 32px 200px;}
    #wrap #popup-service .head .sub{font-size: 15px;margin-bottom: 8px;}
    #wrap #popup-service .head .tit{font-size: 42px;line-height: 52px;font-weight: 800;letter-spacing: 0.2px;color: #2E3035;}
    #wrap #popup-service .head .txt{margin: 16px 0 0 0;font-size: 20px;line-height: 30px;letter-spacing: -0.4px;}
    #wrap #popup-service .corna{margin: 48px 24px;padding: 24px 32px 24px 32px;background-color: #FFFAEA;}
    #wrap #popup-service .corna .img{}
    #wrap #popup-service .corna .tit{font-size: 17px;font-weight:bold;margin-bottom: 6px;}
    #wrap #popup-service .corna .txt{font-size: 15px;}
    #wrap #popup-service .tabcont{}
    #wrap #popup-service .tabcont .tabs{margin:0 32px;}
    #wrap #popup-service .tabcont .tabs ul{display:flex;}
    #wrap #popup-service .tabcont .tabs li{flex:1;}
    #wrap #popup-service .tabcont .tabs li a{display:flex;align-items:center;justify-content:center;text-align:center;height:50px;border-bottom: 3px solid #E3E5EA;}
    #wrap #popup-service .tabcont .tabs li:hover a{color:#055CF5;}
    #wrap #popup-service .tabcont .tabs li.on a{color:#055CF5;font-weight:600;border-color:#055CF5;}
    #wrap #popup-service .tabcont .cons{display:none;margin: 32px;}
    #wrap #popup-service .tabcont .cons.active{display:block;}

    #wrap #popup-address .modal-inner{position: relative;width:500px;background:#ffffff;border-radius: 5px;overflow: hidden;}
    #wrap #popup-address .title{height: 70px;display: flex;align-items: center;justify-content: center;text-align: center;padding: 20px;margin: 0;}
    #wrap #popup-address .close{position:absolute;top: 20px;right:20px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
    #wrap #popup-address .cont{padding: 24px;}
    #wrap #popup-address .cont .input{}
    #wrap #popup-address .cont .input input{padding: 12px 14px;background: rgb(243, 244, 248);border-radius: 6px;border: none;width: 100%;font-size: 16px;height: 46px;}
    #wrap #popup-address .cont .exam{padding: 24px 4px 32px;line-height: 1.8em;}
    #wrap #popup-address .cont .exam strong{font-size: 17px;}
    #wrap #popup-address .cont .exam dl{display:flex;align-items:center;}
    #wrap #popup-address .cont .exam dt{color: rgb(170, 170, 170);margin: 0 2px 0 0;}
    #wrap #popup-address .cont .exam dd{}
    #wrap #popup-address .cont .result{padding: 24px 0px;}
    #wrap #popup-address .cont .result button{ display:flex; flex-direction:column; text-align: left; width: 100%; padding: 16px 4px; border-bottom: 1px solid rgb(243, 244, 248); background: transparent; }
    #wrap #popup-address .cont .result button .primary{color: rgb(46, 48, 53);}
    #wrap #popup-address .cont .result button .secondary{color: rgb(170, 170, 170);}

    #wrap #popup-phone .modal-inner{position: relative;width:500px;background:#ffffff;border-radius: 5px;overflow: hidden;}
    #wrap #popup-phone .title{height: 70px;display: flex;align-items: center;justify-content: center;text-align: center;padding: 20px;margin: 0;}
    #wrap #popup-phone .close{position:absolute;top: 20px;right:20px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
    #wrap #popup-phone .cont{padding: 24px;}
    #wrap #popup-phone .head{margin:0 0 25px 0;font-size:16px;font-weight:600;color:#333}
    #wrap #popup-phone .input{display:flex}
    #wrap #popup-phone .input input{display:flex;flex: 1;background: #f3f4f8;outline: none;border: none;padding: 16px 12px;font-size: 16px;border-radius: 2px;}
    #wrap #popup-phone .input button{margin-left:10px;width:86px;height:54px;background:}
    #wrap #popup-phone .input button:disabled{background: #eee;color: gray;}
    #wrap #popup-phone .agree{position:relative;margin-top:16px;border-top:1px solid #eee}
    #wrap #popup-phone .agree .more{position:absolute;top: 25px;right:0;width:13px;height:22px;}
    #wrap #popup-phone .agree .more.on svg{transform:rotate(180deg)}
    #wrap #popup-phone .agree .desc{display: flex;cursor:pointer}
    #wrap #popup-phone .agree .desc.all{margin:25px 0px 16px}
    #wrap #popup-phone .agree .desc.all input{display:none}
    #wrap #popup-phone .agree .desc.all input ~ svg{width:22px;height:22px;flex-shrink:0;margin:0 8px 0 0}
    #wrap #popup-phone .agree .desc.all input ~ svg circle{fill: #c7cad0;}
    #wrap #popup-phone .agree .desc.all input ~ p{color: rgb(8, 8, 8);font-size: 14px;}
    #wrap #popup-phone .agree .desc.all input:checked ~ svg circle{fill: rgb(5, 92, 245);}
    #wrap #popup-phone .agree .desc.chk{display:none;margin: 6px 0px 6px 12px;}
    #wrap #popup-phone .agree .desc.chk input{display:none}
    #wrap #popup-phone .agree .desc.chk input ~ svg{width:22px;height:22px;flex-shrink:0;margin:0 8px 0 0}
    #wrap #popup-phone .agree .desc.chk input ~ svg path{stroke: rgb(199, 202, 208);}
    #wrap #popup-phone .agree .desc.chk input ~ p{color: rgb(8, 8, 8);font-size: 14px;}
    #wrap #popup-phone .agree .desc.chk input:checked ~ svg path{stroke: rgb(5, 92, 245);}

}
@media (max-width: 1280px) {

    .pc-view{display:none !important}
    .mo-view{display: block}
    #hp_pops{display: none;opacity: 0;visibility: hidden;}
    #hp_pops .hp_pops_box{position: fixed;left: 50%;top: 50%;width: 90%;max-width: 1000px;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);opacity: 1;visibility: visible;background: none;z-index: 9900;overflow: hidden;}
    #hp_pops .hp_pops_slide{
        background: #fafafa;
    }
    #hp_pops .hp_pops_slide .swiper-slide{}
    #hp_pops .hp_pops_slide .swiper-slide a{}
    #hp_pops .hp_pops_slide .swiper-slide img{width:100%;height:auto;}
    #hp_pops .hp_pops_slide .swiper-pagination{position: relative;bottom: unset;left: 0;width: 100%;display: flex;background: #ffffff;align-items: center;}
    #hp_pops .hp_pops_slide .swiper-pagination-bullet{padding: 0 6px;flex:1;margin: 0;width: 100%;height: 36px;border-radius: unset;display: flex;align-items: center;justify-content: center;background:#ffffff;font-size: 13px;font-weight: 500;text-align: center;overflow: hidden;}
    #hp_pops .hp_pops_slide .swiper-pagination-bullet span{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    #hp_pops .hp_pops_slide .swiper-pagination-bullet + .swiper-pagination-bullet{border-left:1px solid #e0e0e0;}
    #hp_pops .hp_pops_slide .swiper-pagination-bullet:after{display:none;}
    #hp_pops .hp_pops_button{display:flex;align-items:center;justify-content:space-between;background:#000000;padding: 10px;height: 40px;}
    #hp_pops .hp_pops_button button{background:transparent;font-size: 12px;font-weight:500;color:#ffffff;}
    #hp_pops .hp_pops_button button:hover{opacity:0.5}
    #hp_pops_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000;z-index:9899;display: none;opacity: 0;visibility: hidden;}
    #hp_pops.on{display: block;opacity:1;visibility:visible;}
    #hp_pops_bg.on{display: block;opacity:0.5;visibility:visible;}

    #header{position: sticky;top:0;left: 0;width:100%;z-index: 1011;background: #ffffff;}
    #header .header{display:flex;padding: 0 15px;height: 56px;align-items: center;border-bottom: 1px solid #e5e8ec;}
    #header .header .wrap{display: flex;}
    #header .header .logo{display: flex;align-items: center;justify-content: center;max-width: 160px;height: 56px;margin: 0 auto 0 0;}
    #header .header .logo a{display: block;}
    #header .header .logo img{width: auto;display: block;height: 28px;}
    #header .header .gnb{position: fixed;top: 0;left: 0;width: 100%;height: calc(var(--vh, 1vh) * 100);background: #ffffff;z-index: 101;display: flex;flex-direction: column;transform: translateX(100%);transition: all 0.65s;}
    #header .header .gnb.active{transform:translateX(0)}
    #header .header .gnb .head{display: flex !important;height: 56px;align-items: center;padding: 10px 20px 10px;border-bottom: 1px solid #ddd; justify-content: space-between;}
    #header .header .gnb .myinfo{align-items: center;padding: 10px 20px 10px;border-bottom: 1px solid #ddd;}
    #header .header .gnb .head img{width: auto;height: 28px;}
    #header .header .gnb .close{position:absolute;top: 16px;right: 20px;width: 24px;height: 24px;border-radius: 24px;display:flex;align-items:center;justify-content:center;background:#394F92;font-size:14px;color:#ffffff;cursor: pointer;}


    #header .header .gnb .close i{font-size: 14px;color:#ffffff;}
    #header .header .gnb .dp1{display: flex;flex-direction: column;gap: 4px;padding: 20px;}
    #header .header .gnb .dp1 .dl1{width: auto;}
    #header .header .gnb .dp1 .dl1 .da1{display:flex;width: 100%;height: 52px;padding: 12px 20px;align-items:center;font-size: 15px;font-weight: bold;color: #15233E;position:relative;background: #F6F9FF;border-radius: 8px;}
    #header .header .gnb .dp1 .dl1 .da1 i{margin: 0 0 0 auto;}
    #header .header .gnb .dp1 .dl1.on .da1{color: #fff;background: #394F92;}
    #header .header .gnb .dp1 .dl1.active .da1{font-weight:700;color:#394F92}
    #header .header .gnb .dp1 .dl1.active .da1:after{opacity:1;}
    #header .header .gnb .dp1 .dl1.active .da1 i{transform:rotate(180deg)}
    #header .header .gnb .dp1 .dl1.active .dp2{display:block;}
    #header .header .gnb .dp2{padding: 10px 10px 10px 10px;display: none;}
    #header .header .gnb .dp2 .dl2{}
    #header .header .gnb .dp2 .dl2 .da2{display: flex;width: 100%;height: 52px;padding: 15px 20px 15px 10px;align-items: center;font-size: 13px;color: #15233E;position: relative;background: transparent;}
    #header .header .search{text-align: center;width: 40px;height: 40px;}
    #header .header .search a{display:flex;align-items:center;justify-content:center;}
    #header .header .search a i{font-size:20px;font-weight:bold;color: #394F92;}
    #header .header .tool{display: flex;align-items: center;justify-content: center;gap: 10px;}
    #header .header .tool .menu{display:flex;align-items:center;justify-content:center;width: 24px;height: 24px;}
    #header .header .tool .menu img{height:24px;width:auto;}

    #container{position: relative;}

    #subvisual{position:relative;display: flex;flex-direction: column;padding: 50px 20px 350px;text-align: center;align-items: center;justify-content: flex-start;}
    #subvisual .wrap{}
    #subvisual .inner{height:240px;display:flex;flex-direction:column;align-items: flex-start;justify-content: center;text-align: left;margin: 0 0 36px 0;}
    #subvisual .title{position:relative;z-index:5;line-height: 36px;font-size: 24px;font-weight:bold;color:#1c1c1c;margin: 0 0 16px;}
    #subvisual .text{position:relative;z-index:5;line-height: 20px;font-size: 13px;font-weight:400;color:#1c1c1c;}
    #subvisual .button{position: relative;z-index: 5;margin: 32px 0 0;}
    #subvisual .button a{display:flex;align-items:center;justify-content: center;width: 100%;height: 48px;border-radius: 4px;gap: 4px;font-size: 14px;font-weight: bold;margin: 0 auto;}
    #subvisual .button a img{height:24px;}
    #subvisual .image{position:absolute;top:0;left:0;pointer-events:none;overflow:hidden;width:100%;height:100%;}
    #subvisual .image img{width:100%;height:100%;object-fit:cover}
    #subvisual .breadcrumb{position: relative;z-index: 5;margin: 40px 0 120px;display: flex;align-items: center;justify-content: flex-start;gap: 20px;display: none;}
    #subvisual .breadcrumb span{position: relative;display: flex;align-items: center;justify-content: center;line-height:20px;font-size:13px;}
    #subvisual .breadcrumb span:after{content:'';position: absolute;top:0;left:100%;width: 20px;height:20px;background:url("../img/common/arrow_right_g.png") no-repeat 50% 50% / contain}
    #subvisual .breadcrumb span:last-child:after{display:none;}
    #subvisual .breadcrumb span img{width:20px;height:20px;object-fit:contain}

    #heading{display:none;}

    #footer{position:relative;padding: 50px 20px;background: #15233E;}
    #footer:before{content: '';position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/main/service_bg.png) no-repeat 0px 80% / cover;opacity: 0.12;pointer-events: none;}
    #footer .footer{position:relative;z-index: 2;}
    #footer .footer .wrap{display: flex;flex-direction: column;}
    #footer .footer .foot{margin: 0 0 30px 0;}
    #footer .footer .fogo{margin: 0px 0px 32px 0px;}
    #footer .footer .fogo img{display: block;width: auto;height: 34px;}
    #footer .footer .addr{line-height: 20px;font-size: 13px;color: #ADB2BB;}
    #footer .footer .cite{margin:20px 0 0 ;line-height: 20px;font-size: 13px;color: #ADB2BB;}
    #footer .footer .social{margin: 40px 0 0 0;display: flex;gap: 12px;align-items:center;}
    #footer .footer .social a{display:flex;width: 40px;height: 40px;border-radius: 40px;background: rgba(0,0,0,0.22);align-items: center;justify-content: center;font-size: 24px;color: #fff;transition:all 0.35s}
    #footer .footer .social a:hover{background:#394F92;transform:scale(0.9)}
    #footer .footer .link{margin: 0 0 12px 0;display: flex;gap: 20px;flex-wrap: Wrap;}
    #footer .footer .link .con{flex-direction: column;display: flex;}
    #footer .footer .link .con a{line-height: 19px;font-size: 13px;color: #fff;margin: 0 0 10px 0;}
    #footer .footer .link .con a:hover{color:#B7BBC8}
    #footer .footer .tit{line-height: 30px;font-size: 20px;font-weight: 800;color: #fff;}
    #footer .footer .tit a{display:block;line-height: 22px;font-size: 14px;font-weight: bold;color: #fff;}
    #footer .footer .txt{line-height: 20px;font-size: 13px;color: #fff;}
    #footer .footer .inp{display: flex;margin: 30px 0 0;}
    #footer .footer .inp input{width: 70%;height: 47px;border-radius: 5px;overflow: hidden;background: #fff;margin-right: 10px;padding: 13px 0px 13px 15px;}
    #footer .footer .inp button{width: calc(30% - 10px);border-radius: 5px;background: #394F92;color: #fff;font-size: 15px;font-weight: 800;}
    #footer .info{margin: 40px 0 0 0;}
    #footer .info .wrap{display:flex;border-top:1px solid rgba(255,255,255,0.12);padding: 20px 0;flex-direction: column;align-items: center;text-align: center;}
    #footer .info .theme{font-size: 13px;color: #fff;}
    #footer .info .cite{font-size: 13px;color: #fff;margin: 20px 0 0 0;}

    #index{}
    #index *{font-family:'Pretendard','Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma';letter-spacing: -0.5px;}
    #index .wrap{width:1280px;}
    #index .title{}
    #index .title .sub{line-height: 22px;font-size: 14px;font-weight: bold;color: #394f92;margin: 0 0 8px;}
    #index .title .tit{line-height: 36px;font-size: 24px;font-weight: bold;margin: 0 0 12px;}
    #index .title .txt{line-height: 20px;font-size: 13px;}
    #index .title .act{margin: 80px 0 0;display: flex;}
    #index .title .act .btn{display: flex;align-items: center;justify-content: center;min-width: 210px;height: 56px;padding: 12px;border-radius: 4px;font-size: 16px;font-weight: bold;gap: 8px;}
    #index .title .act .btn img{width:auto;height:24px;}
    #index .title .ctl{margin: 64px 0 0;display: flex;gap: 20px;}
    #index .title .ctl > button{display: flex;align-items: center;justify-content: center;background-color: #fff !important;border-radius: 100%;aspect-ratio: 1/1;width: 64px;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);text-indent: -9999em;}
    #index .title .ctl > .swiper-prev{background: url("../img/common/swiper_prev.png") no-repeat 50% 50% / auto 18px;}
    #index .title .ctl > .swiper-next{background: url(../img/common/swiper_next.png) no-repeat 50% 50% / auto 18px;}
    #index .visual{position: relative;display: flex;flex-direction: column;justify-content: center;}
    #index .visual .cont{position: absolute;top: 0;left: 0;display: flex;flex-direction: column;z-index: 2;width: 100%;height: 100%;padding: 48px 20px;text-align: center;}
    #index .visual .cont .tit{line-height: 36px;font-size: 24px;font-weight: bold;margin: 0 0 12px;}
    #index .visual .cont .txt{line-height: 20px;font-size: 13px;margin: 0 0 32px;}
    #index .visual .cont .act{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;}
    #index .visual .cont .act .btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;padding: 12px;border-radius: 4px;font-size: 14px;font-weight: bold;gap: 8px;}
    #index .visual .cont .act .btn img{width: auto;height: 24px;}
    #index .visual .cont .app{display: flex;align-items: center;justify-content: center;gap: 12px;margin: 20px 0 0 0;width: 100%;}
    #index .visual .bg{position: relative;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;overflow: hidden;}
    #index .visual .bg img{display:block;width:100%;height:100%;object-fit:cover;}
    #index .intro{position: relative;padding: 64px 20px 0;}
    #index .intro .wrap{display:flex;flex-direction: column;}
    #index .intro .title{flex: 1;}
    #index .intro .title .con{margin: 32px 0 48px;display: flex;flex-wrap: wrap;gap: 10px;width: 100%;}
    #index .intro .title .con li{width: calc(25% - 7.5px);aspect-ratio: 1/1;border-radius: 12px;background: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);gap: 11px;line-height: 16px;font-size: 11px;font-weight: bold;}
    #index .intro .title .con li img{width: auto;height: 24px;}
    #index .intro .title .con li img p{}
    #index .intro .image{width: 650px;max-width: 100%;position: relative;}
    #index .intro .image .img{display: flex;align-items: flex-end;justify-content: center;position: relative;z-index: 2;pointer-events: none;}
    #index .intro .image .img img{display:block;width:auto;height: 294px;}
    #index .intro .image .lst{}
    #index .intro .image .lst li{position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;aspect-ratio: 1/1;background: #fff;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);width: 35vw;border-radius: 100%;text-align: center;transform: scale(0.8);}
    #index .intro .image .lst li:nth-child(1){top: 10px;right: 10vw;transform-origin: top right;}
    #index .intro .image .lst li:nth-child(2){left: 2vw;bottom: 24px;transform-origin: bottom left;}
    #index .intro .image .lst li:nth-child(3){bottom: 12px;right: 0;transform-origin: bottom right;}
    #index .intro .image .lst .ico{margin: 0 0 8px;}
    #index .intro .image .lst .ico img{display: block;width: auto;height: 32px;}
    #index .intro .image .lst .tit{line-height: 1.4;font-size: 12px;font-weight: bold;margin: 0 0 2px;}
    #index .intro .image .lst .txt{line-height: 1.4;font-size: 10px;}
    #index .service{position: relative;padding: 64px 20px;background: #F6F9FF;}
    #index .service .wrap{display:flex;flex-direction: column;}
    #index .service .list{}
    #index .service .list ul{display: flex;gap: 16px;width: 100%;flex-direction: column;}
    #index .service .list li{padding: 40px;width: 100%;border-radius: 16px;background: #fff;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    #index .service .list li .img{margin: 0 0 24px;}
    #index .service .list li .img img{display: block;width: auto;max-width: 100%;height: auto;}
    #index .service .list li .tit{line-height: 32px;font-size: 20px;font-weight: bold;margin: 0 0 4px;}
    #index .service .list li .txt{line-height: 20px;font-size: 13px;}
    #index .trust{position: relative;padding: 64px 20px;background:#394F92}
    #index .trust .title{margin: 0 0 40px;}
    #index .trust .title .sub{color:#FFFFFF}
    #index .trust .title .tit{color:#FFFFFF}
    #index .trust .list{}
    #index .trust .list ul{display: flex;gap: 16px;flex-direction: column;}
    #index .trust .list li{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;background: #fff;border-radius: 16px;box-shadow: 0 8px 28px rgb(0 0 0 / 14%);padding: 40px;}
    #index .trust .list .img{margin: 0 0 24px;}
    #index .trust .list .img img{display: block;width: auto;max-width: 100%;max-height: 134px;}
    #index .trust .list .con{}
    #index .trust .list .con .tit{line-height: 32px;font-size: 20px;font-weight: bold;margin: 0 0 4px;}
    #index .trust .list .con .txt{line-height: 20px;font-size: 13px;}
    #index .customer{position: relative;padding: 64px 20px;}
    #index .customer .customer01{display:flex;flex-direction: column;}
    #index .customer .customer01 .title{margin:0 0 48px;}
    #index .customer .customer01 .title .ctl{display:none;}
    #index .customer .customer01 .slider{width:100%;border-radius: 8px;background:#394F92;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);overflow: hidden;padding: 64px;}
    #index .customer .customer01 .slider .swiper-slide{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    #index .customer .customer01 .slider .img{width: 120px;aspect-ratio: 1/1;overflow: hidden;border-radius: 100%;margin: 0 0 24px;}
    #index .customer .customer01 .slider .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #index .customer .customer01 .slider .star{display: flex;align-items: center;justify-content: center;gap: 4px;margin: 0 0 16px;}
    #index .customer .customer01 .slider .star img{width: auto;height: 25px;}
    #index .customer .customer01 .slider .text{line-height: 20px;font-size: 13px;color: #fff;margin: 0 0 20px;}
    #index .customer .customer01 .slider .name{display: flex;align-items: center;gap: 12px;color: #fff;line-height: 32px;}
    #index .customer .customer01 .slider .name p{font-size: 16px;font-weight: bold;}
    #index .customer .customer01 .slider .name span{font-size: 13px;font-weight: bold;}
    #index .customer .customer02{margin-top: 80px;display: flex;flex-direction: column;}
    #index .customer .customer02 .cont{width: 100%;border-radius: 8px;border: 2px solid #394F92;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);background: #fff;overflow: hidden;margin: 32px 0 0 0;background: #394F92;}
    #index .customer .customer02 .cont dl{min-height: 48px;display: flex;line-height: 24px;font-size: 13px;}
    #index .customer .customer02 .cont dt{flex: 1;display: flex;align-items: center;justify-content: center;}
    #index .customer .customer02 .cont dd{flex: 1;display: flex;align-items: center;justify-content: center;border-left: 1px solid #E5E8EC;}
    #index .customer .customer02 .cont dl.hd{background: #394F92;font-weight: bold;color: #fff;}
    #index .customer .customer02 .cont dl.hd dt{}
    #index .customer .customer02 .cont dl.hd dd{border-left: 1px solid #0B1944;}
    #index .customer .customer02 .cont dl.by{border-top: 1px solid #E5E8EC;background: #fff;}
    #index .customer .customer02 .cont dl.by dt{font-weight: bold;color: #394f92;}
    #index .customer .customer02 .cont dl.by dd{}
    #index .customer .customer02 .cont .additional-info{padding:10px;}
    #index .customer .customer02 .cont .additional-info dt{font-size: 16px !important;}
    #index .customer .customer02 .button{margin: 40px 0 0;display: flex;flex-direction: column;gap: 8px;}
    #index .customer .customer02 .button .btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 56px;padding: 12px;border-radius: 4px;font-size: 16px;font-weight: bold;gap: 8px;}
    #index .customer .customer02 .button .btn img{width:auto;height:24px;}
    #index .partner{position: relative;padding: 64px 20px;background: #F6F9FF;}
    #index .partner .title{margin: 0 0 32px;}
    #index .partner .cont{}
    #index .partner .cont ul{display:flex;flex-wrap:wrap;gap: 12px;}
    #index .partner .cont li{width: calc(50% - 6px);box-shadow: 0 8px 28px rgb(211 226 239 / 40%);background: #fff;overflow: hidden;border-radius: 8px;height: 60px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
    #index .partner .cont li img{width: auto;max-width: 100%;height: auto;max-height: 32px;}
    #index .media{position: relative;padding: 64px 20px;overflow: hidden;}
    #index .media .title{position: relative;margin: 0 0 32px;}
    #index .media .title .ctl{display:none;}
    #index .media .slider{padding: 0 80px 0 0;}
    #index .media .slider .box{}
    #index .media .slider .img{border-radius: 8px;overflow: hidden;width: 100%;aspect-ratio: 1 / 0.67;margin: 0 0 24px;}#index .media .slider .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #index .media .slider .tit{line-height: 24px;font-size: 16px;font-weight: bold;margin: 0 0 8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    #index .media .slider .txt{min-height: 40px;line-height: 20px;font-size: 13px;margin: 0 0 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    #index .media .slider .time{line-height: 18px;font-size: 12px;color: #747983;}
    #index .faq{position: relative;padding: 64px 20px;}
    #index .faq .wrap{display:flex;flex-direction: column;}
    #index .faq .cont{width: 100%;}
    #index .faq .cont ul{display:flex;flex-direction: column;gap: 16px;}
    #index .faq .cont li{}
    #index .faq .cont li + li{}
    #index .faq .cont li .box{background: #ffffff;border-radius: 12px;overflow: hidden;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);}
    #index .faq .cont li .tit{flex: 1;overflow: hidden;text-align: left;line-height: 22px;font-size: 14px;font-weight: bold;word-break: keep-all;}
    #index .faq .cont li .txt{line-height: 22px;font-size: 13px;color: #8B8A99;}
    #index .faq .cont li .ico{width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: bold;color: #ffffff;background: #394F92;flex-shrink: 0;border-radius: 100%;}
    #index .faq .cont li .arw{width: 24px;height: 24px;flex-shrink: 0;background: url("../img/common/dropdown_arrow.png") no-repeat 50% 50% / 24px auto;}
    #index .faq .cont li .question{display:flex;align-items: flex-start;gap: 12px;width:100%;min-height: 64px;padding: 20px;background: #fff;}
    #index .faq .cont li .question.on .arw{transform:rotate(180deg)}
    #index .faq .cont li .answer{display: none;align-items: flex-start;gap: 8px;width:100%;padding: 20px;background: #fff;border-top: 1px solid rgb(57 79 146 / 10%);}
    #index .faq .cont li .answer.on{display: flex;}
    #index .ourteam{position: relative;padding: 64px 20px;background: #F6F9FF;overflow: hidden;}
    #index .ourteam .title{position: relative;margin: 0 0 32px;}
    #index .ourteam .title .ctl{display: none;}
    #index .ourteam .slider{padding: 0 136px 0 0;    }
    #index .ourteam .slider ul{}
    #index .ourteam .slider li{width: 280px;}
    #index .ourteam .slider .box{display:flex;flex-direction:column;align-items: center;text-align:center;width: 100%;border-radius: 12px;background:#ffffff;padding: 32px;}
    #index .ourteam .slider .img{margin:0 0 16px;border-radius:100%;aspect-ratio:1 / 1;width:160px;overflow: hidden;}
    #index .ourteam .slider .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #index .ourteam .slider .tit{height: 24px;line-height: 24px;font-size: 16px;font-weight: bold;}
    #index .ourteam .slider .txt{height: 20px;line-height: 20px;font-size: 13px;margin: 2px 0 0;}


    #reservation .reservate{position: relative;padding: 48px 20px;border-top: 1px solid #f3f4f8;}
    #reservation .reservate .title{text-align: center;line-height: 44px;font-size: 32px;font-weight: bold;margin: 0 0 32px;}
    #reservation .reservate .cont{width: 640px;max-width: 100%;margin: 0 auto;}
    #reservation .reservate .head{margin: 0 0 14px;line-height: 20px;font-size: 13px;font-weight: bold;}
    #reservation .reservate .list{}
    #reservation .reservate .list ul{display: flex;flex-direction: column;gap: 16px;}
    #reservation .reservate .list li{background: #fff;padding: 24px;border: 1px solid #e5e8ec;border-radius: 8px;display: flex;gap: 24px;align-items: flex-start;}
    #reservation .reservate .list li .img{width: 64px;height: 64px;border-radius: 64px;overflow: hidden;flex-shrink: 0;}
    #reservation .reservate .list li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #reservation .reservate .list li .con{width: calc(100% - 88px);display: flex;flex-direction: column;}
    #reservation .reservate .list li .con .desc{display: flex;flex-wrap: wrap;gap: 8px;}
    #reservation .reservate .list li .con .name{line-height: 24px;font-size: 16px;font-weight: bold;margin: 0 0 6px;}
    #reservation .reservate .list li .con .state{display: flex;align-items: center;justify-content: center;padding: 4px 8px;border-radius: 4px;height: 24px;font-size: 12px;font-weight: bold;margin: 0 0 6px;}#reservation .reservate .list li .con .state01{}
    #reservation .reservate .list li .con .state02{background: #F4F6F8;color: #adb2bb;}
    #reservation .reservate .list li .con .text{line-height: 20px;font-size: 13px;margin: 0 0 12px;}
    #reservation .reservate .list li .con .info{display: flex;flex-wrap: wrap;gap: 4px 24px;}
    #reservation .reservate .list li .con .info dl{position: relative;display: flex;align-items: center;justify-content: center;gap: 8px;line-height: 18px;font-size: 12px;}
    #reservation .reservate .list li .con .info dl:after{content:'';position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:1px;height:10px;background:#E5E8EC}
    #reservation .reservate .list li .con .info dl:last-child:after{display:none;}
    #reservation .reservate .list li .con .info dt{}
    #reservation .reservate .list li .con .info dd{display: flex;align-items: center;justify-content: center;gap: 4px;font-weight: bold;}
    #reservation .reservate .list li .con .info dd img{height: 18px;width: auto;}
    #reservation .reservate .list li .con .button{margin: 20px 0 0 -88px;display: flex;align-items: center;justify-content: center;gap: 8px;}
    /*    #reservation .reservate .list li .con .button{margin: 20px 0 0 -88px;display: flex;align-items: center;justify-content: center;gap: 8px;flex-wrap: wrap;}*/
    #reservation .reservate .list li .con .button .btn{width: calc(50% - 4px);display: flex;align-items: center;justify-content: center;padding: 8px 16px;border-radius: 6px;border: 1px solid transparent;font-size: 12px;font-weight: bold;height: 36px;}
    /*    #reservation .reservate .list li .con .button .btn:nth-child(1){width:100%}*/
    #reservation .reservate .list li .con .button .btn:nth-child(6){width:100%}

    #login{display: flex; justify-content: center;}
    #login .login{padding: 60px 20px 100px;}
    #login .login .wrap{width: 100%; max-width: 600px;}
    #login .login .title{margin: 0 0 32px;text-align: center;line-height: 48px;font-size: 32px;font-weight: bold;}
    #login .login .tabs{margin: 0 0 24px;}
    #login .login .tabs ul{display: flex;gap: 12px;}
    #login .login .tabs li{flex: 1;}
    #login .login .tabs li label{display: flex;cursor: pointer;}
    #login .login .tabs li label input{display: none;}
    #login .login .tabs li label input ~ p{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;border-radius: 8px;background: #fff;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);line-height: 22px;font-size: 14px;font-weight: bold; text-align:center;}
    #login .login .tabs li label input:checked ~ p{background: #394F92;color: #ffffff;}
    #login .login .form{display:flex;flex-direction:column;gap:16px;margin: 0 0 22px;}
    #login .login .form dl{position:relative;}
    #login .login .form dt{display:none;}
    #login .login .form dd{}
    #login .login .form dd input{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;background: #fff;padding: 8px 24px;border-radius: 8px;border: 2px solid #eee;transition: all 0.2s;}
    #login .login .form dd input:focus{border-color: #394F92; outline: none;}
    #login .login .tool{display: flex;align-items: center;justify-content: space-between;margin: 0 0 42px;}
    #login .login .tool .save{}
    #login .login .tool .save label{display: flex;align-items: center;cursor: pointer;gap: 8px;}
    #login .login .tool .save label input{display: none;}
    #login .login .tool .save label input ~ i{width: 20px;height: 20px;background: url("../img/common/checkbox.png") no-repeat 50% 50% / contain;}
    #login .login .tool .save label input ~ p{font-size: 14px;}
    #login .login .tool .save label input:checked ~ i{width: 20px;height: 20px;background: url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain;}
    #login .login .tool .save label input:checked ~ p{}
    #login .login .tool .find{}
    #login .login .tool .find a{line-height: 20px;font-size: 13px;color: #747983;text-decoration: underline;}
    #login .login .button{margin: 42px 0 0;display: flex;flex-direction:column;gap:10px;}
    #login .login .button .btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 56px;border-radius: 8px;font-size: 16px;font-weight: 900;background: #394F92;color: #fff;border: none;cursor: pointer;}
    #login .login .button .btn:hover{background: #2a3a6d;}
    #login .login .link{margin: 18px 0 0;display: flex;align-items: center;justify-content: center;text-align: center;gap: 8px;}
    #login .login .link p{font-size: 14px;}
    #login .login .link a{font-size: 14px;font-weight: bold;color: #394f92;}

    #find{}
    #find .find{padding: 60px 20px 100px;}
    #find .find .wrap{width: 100%; max-width: 600px;}
    #find .find .title{margin: 0 0 12px;text-align: center;line-height: 44px;font-size: 32px;font-weight: bold;}
    #find .find .text{margin: 0 0 40px;text-align: center;line-height: 22px;font-size: 14px;}
    #find .find .tabs{margin: 0 0 24px;}
    #find .find .tabs ul{display: flex;gap: 12px;}
    #find .find .tabs li{flex: 1;}
    #find .find .tabs li label{display: flex;cursor: pointer;}
    #find .find .tabs li label input{display: none;}
    #find .find .tabs li label input ~ p{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;border-radius: 8px;background: #fff;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);line-height: 22px;font-size: 14px;font-weight: bold;text-align: center;}
    #find .find .tabs li label input:checked ~ p{background: #394F92;color: #ffffff;}
    #find .find .form{display:flex;flex-direction:column;gap:16px;margin: 0 0 22px;}
    #find .find .form dl{position:relative;}
    #find .find .form dt{display:none;}
    #find .find .form dd{}
    #find .find .form dd input{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;background: #fff;padding: 8px 24px;border-radius: 8px;border: 2px solid #eee;transition: all 0.2s;}
    #find .find .form dd input:focus{border-color: #394F92; outline: none;}
    #find .find .button{margin: 42px 0 0;display: flex;flex-direction:column;}
    #find .find .button .btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 56px;border-radius: 8px;font-size: 16px;font-weight: 900;background: #394F92;color: #fff;border: none;}

    #join{}
    #join .join{padding: 60px 20px 100px;}
    #join .join .wrap{width: 100%; max-width: 600px;}
    #join .join .title{margin: 0 0 40px;text-align: center;line-height: 44px;font-size: 32px;font-weight: bold;}
    #join .join .tabs{margin: 0 0 32px;}
    #join .join .tabs ul{display: flex;gap: 12px;}
    #join .join .tabs li{flex: 1;}
    #join .join .tabs li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;border-radius: 8px;background: #fff;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);line-height: 22px;font-size: 14px;font-weight: bold;border: 2px solid transparent;}
    #join .join .tabs li.on a{background: #394F92; border-color: #394F92; color: #fff;}
    #join .join .form{display:flex;flex-direction:column;gap: 40px;margin: 0 0 22px;}
    #join .join .form dl{position:relative;display:flex;flex-direction:column;gap: 16px;}
    #join .join .form dt{line-height: 20px;font-size: 13px;font-weight: bold;}
    #join .join .form dd{display:flex;flex-direction:column;gap:12px;}
    #join .join .form dd .input{display: flex;align-items: center;gap: 12px;}
    #join .join .form dd .input input{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;background: #fff;padding: 8px 24px;border-radius: 8px;border: 2px solid #eee;transition: all 0.2s;}
    #join .join .form dd .input input:focus{border-color: #394F92; outline: none;}
    #join .join .form dd .input button{min-width: 97px;height:48px;border-radius: 8px;border: 1px solid transparent;flex-shrink: 0;font-size: 14px;font-weight: bold;box-shadow: 0 4px 4px rgba(0,0,0,0.05);}
    #join .join .form dd .select{display: flex;align-items: center;gap: 12px;}
    #join .join .form dd .select select{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;background-color: #fff;padding: 8px 24px;border-radius: 8px;border: 2px solid #eee;transition: all 0.2s;}
    #join .join .form dd .select select:focus{border-color: #394F92; outline: none;}
    #join .join .form dd .payment{display: flex;align-items: center;gap: 12px;}
    #join .join .form dd .payment a{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;background-color: #ffffff;padding: 8px 24px;border-radius: 8px;border: 1px dashed #D8DADD;gap: 4px;}
    #join .join .form dd .payment a img{height: 20px;}
    #join .join .form dd .payment a p{line-height:20px;font-size:13px;}
    #join .join .agree{}
    #join .join .agree ul{display:flex;flex-direction:column;gap: 14px;}
    #join .join .agree li{}
    #join .join .agree li label{position: relative;display: flex;cursor: pointer;gap: 8px;align-items: flex-start;padding: 0 61px 0 0;}
    #join .join .agree li label input{display: none;}
    #join .join .agree li label input ~ i{width: 20px;height: 20px;flex-shrink: 0;background: url("../img/common/checkcircle.png") no-repeat 50% 50% / contain;}
    #join .join .agree li label input ~ p{line-height: 20px;font-size: 14px;word-break: break-all;}
    #join .join .agree li label input ~ p strong{color: #394f92;}
    #join .join .agree li label a{position:absolute;top:0;right:0;z-index:2;font-size: 14px;line-height: 20px;text-decoration: underline;}
    #join .join .agree li label input:checked ~ i{background: url(../img/common/checkcircle_on.png) no-repeat 50% 50% / contain;}
    #join .join .button{margin: 42px 0 0;display: flex;align-items: center;flex-direction:column;gap:10px;}
    #join .join .button .btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 56px;border-radius: 8px;font-size: 16px;font-weight: bold;background: #394F92; color: #fff; border: none;}
    #join .join .link{margin: 18px 0 0;display: flex;align-items: center;justify-content: center;text-align: center;gap: 8px;}
    #join .join .link p{font-size: 14px;}
    #join .join .link a{font-size: 14px;font-weight: bold;color: #394f92;}

    #register{}
    #register .register{margin:0 auto;padding: 35px 15px;width:700px;max-width:100%;min-height: 800px;overflow: hidden;}
    #register .register .title{line-height: 46px;font-size: 24px;font-weight: 500;color: #2e3035;margin: 60px 0 0.5rem 0;}

    #register .register .cont{padding: 30px 0;display: flex;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;flex-direction: column;}
    #register .register .name{flex: 1;line-height: 19px;font-size: 17px;font-weight: bold;color: #2e3035;margin: 0 0 35px 0;}
    #register .register .calendar{}
    #register .register .calendar .form{display:flex;flex-direction:column;align-items: flex-start;justify-content:center;text-align:center;}
    #register .register .calendar input{margin-top: 0px;margin-bottom: 10px;border-radius: 6px;background-color: rgb(239, 247, 255);padding: 12px 16px;font-size: 14px;line-height: 1.5em;width: 100%;width: 100% !important;height: 47px !important;}
    #register .register .select{}
    #register .register .select input{margin-top: 0px;margin-bottom: 10px;border-radius: 6px;background-color: rgb(239, 247, 255);padding: 12px 16px;font-size: 14px;line-height: 1.5em;width: 100% !important;height: 47px !important;}
    #register .register .input{flex: 1;display: flex;flex-direction: column;}
    #register .register .input .addr{}
    #register .register .input .addr button{display: flex;align-items: center;justify-content: center;width: 100%;border-radius: 6px;height: 50px;padding: 11px 14px;background: transparent; border: 1px solid #e0e0e0;}
    #register .register .input .addr button svg{}
    #register .register .input .addr button .address{flex: 1;padding: 0 8px;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #a3a7ae;}
    #register .register .input .help{margin-top: 0px;margin-bottom: 10px;border-radius: 6px;background-color: rgb(239, 247, 255);padding: 12px 16px;font-size: 14px;line-height: 1.5em;}
    #register .register .input .help b{}
    #register .register .input .help button{color: #055cf5;font-size: 14px;background: transparent;padding: 8px 0;}
    #register .register .input input{background:transparent}
    #register .register .radio{flex:1;}
    #register .register .radio ul{}
    #register .register .radio li{float: left;width: 50%;}
    #register .register .radio li label{display: flex;align-items: center;justify-content: flex-start;padding: 12px;cursor: pointer;}
    #register .register .radio li label:active{background:#fafafa}
    #register .register .radio li label input{display: none;}
    #register .register .radio li label input ~ i{width: 22px;height: 22px;flex-shrink: 0;border: 6px solid #F3F4F8;border-radius: 22px;margin: 0 12px 0 0;background: #ffffff;}
    #register .register .radio li label input ~ p{font-size: 15px;color: rgb(8, 8, 8);font-weight: 500;margin: 0;}
    #register .register .radio li label input:checked ~ i{background: #ffffff;border-color: #055cf5;}
    #register .register .radio li label input:checked ~ p{}
    #register .register .addType{display:flex;flex-wrap:wrap;gap: 10px;}
    #register .register .addType .flex{display:flex;flex-wrap:wrap;gap: 10px 24px;}
    #register .register .addType label{display:flex;align-items:center;height: 42px;cursor: pointer;}
    #register .register .addType label input{display: none;}
    #register .register .addType label input ~ i{width: 22px;height: 22px;flex-shrink: 0;border: 6px solid #F3F4F8;border-radius: 22px;margin: 0 12px 0 0;background: #ffffff;}
    #register .register .addType label input ~ img{width:auto;height: 24px;}
    #register .register .addType label input ~ p{font-size: 15px;color: rgb(8, 8, 8);font-weight: 500;}
    #register .register .addType label input:checked ~ i{background: #ffffff;border-color: #055cf5;}
    #register .register .addType label input:checked ~ p{}

    /**/
    #reservation .reservation{margin:0 auto;padding: 30px 20px;width:700px;max-width:100%;min-height: 800px;}
    #reservation .reservation .title{line-height: 50px;font-size: 34px;font-weight:500;color: #2e3035;margin: 0 0 40px 0;}
    #reservation .reservation .title span{font-size: 24px; color: #394f92; font-weight: 600;}
    #reservation .reservation .cont{margin: 0 auto; width: 100%; max-width: 700px;}
    #reservation .reservation .cont{padding: 30px 0;/*display: flex; */ border-top: 1px solid #f3f4f8;}
    #reservation .reservation .cont:last-child{border-bottom:1px solid #f3f4f8}

    #estimate {padding: 0;}
    #estimate .head {display: flex;align-items: flex-start;margin-bottom: 12px;flex-direction: column;}
    #estimate .head .total {line-height: 20px;font-size: 14px;font-weight: 500;margin: 0 0 10px 0;}
    #estimate .head .total strong {margin-left: 5px;font-size: 14px;font-weight: bold;color: #793aff;}
    #estimate .head .expire {margin-left: auto;font-size: 16px;color: #f03a00;display:flex;align-items: center;flex-wrap: wrap;}
    #estimate .head .expire .search{display:flex;gap:10px;align-items:Center;width: 100%;}
    #estimate .head .expire .search input{background:transparent;flex: 1;height: 36px;border-radius: 4px;border: 1px solid #b4b8c1;padding: 10px;font-size: 13px;}
    #estimate .head .expire .search button{display: flex;align-items: center;justify-content: center;text-align: center;min-width: 90px;height: 36px;border-radius: 3px;font-size: 13px;font-weight: bold;background: transparent;border: 2px solid #394f92;color: #394f92;}
    #estimate .head .expire .tabs{display: flex;gap: 6px;margin: 10px 0 0 0;width: 100%;}
    #estimate .head .expire .tabs .tab{flex: 1;display: flex;align-items: center;justify-content: center;text-align: center;min-width: 90px;height: 36px;border-radius: 3px;border: 1px solid #b4b8c1;font-size: 13px;font-weight: 400; color: #747983; background: #ffffff;}
    #estimate .head .expire .tabs .tab.on{background: #ffffff !important; border: 2px solid #394f92 !important; color: #394f92 !important; font-weight: bold !important;}#estimate .list {}
    #estimate .list{}
    #estimate .list #mara_tbl{overflow-x:auto;}
    #estimate .list #mara_tbl table{width:auto !important}
    #estimate .list #mara_tbl table tr{}
    #estimate .list #mara_tbl table th,
    #estimate .list #mara_tbl table td{padding: 0 6px;white-space:nowrap;font-size: 12px !important;}
    #estimate .list #mara_tbl table td .flex{white-space:nowrap;font-size: 12px !important;}
    #estimate .list #mara_tbl .mt_area{}
    #estimate .list #mara_tbl .mt_area br{display:none;}
    #estimate .list #mara_tbl .btn{height: 26px;min-width: 62px;font-size: 12px;}

    #estimate .list ul {}
    #estimate .list li {margin-bottom: 12px;}
    #estimate .list li a {display: flex;padding: 15px 20px;border-radius: 8px;border: 1px solid #e0e0e0;background: #ffffff;}
    #estimate .list li .thm {width: 80px;flex-shrink: 0;}
    #estimate .list li .thm .img {margin: 0 auto 8px;width: 65px;height: 65px;border-radius: 65px;overflow: hidden;}
    #estimate .list li .thm .img img {display: block;width: 100%;height: 100%;object-fit: cover;}
    #estimate .list li .thm .tag {display: flex;flex-direction: column;align-items: center;justify-content: center;}
    #estimate .list li .thm .tag span {display: flex;align-items: center;justify-content: center;font-size: 12px;height: 19px;background: #f0f0f0;border-radius: 19px;padding: 0 5px;color: #793AFF;}
    #estimate .list li .thm .tag span + span {margin-top: 3px;}
    #estimate .list li .con {flex: 1;display: flex;flex-direction: column;padding-left: 20px;}
    #estimate .list li .con .name {line-height: 24px;font-size: 20px;font-weight: bold;}
    #estimate .list li .con .star {display: flex;align-items: center;font-size: 12px;font-weight: 500;}
    #estimate .list li .con .star img {width: auto;height: 15px;margin-right: 3px;}
    #estimate .list li .con .info {margin-top: 14px;}
    #estimate .list li .con .info dl {display: flex;align-items: center;line-height: 14px;font-size: 12px;font-weight: 500;}
    #estimate .list li .con .info dl + dl {margin-top: 5px;}
    #estimate .list li .con .info dt {margin-right: 5px;}
    #estimate .list li .con .info dd {}

    #translate{}
    #translate .translate{}
    #translate .translate .section{position:relative;padding: 64px 20px;}
    #translate .translate .section:nth-child(2){background:#F6F9FF;}
    #translate .translate .section .head{margin: 0 0 40px;text-align: center;}
    #translate .translate .section .head .sub{line-height: 22px;font-size: 14px;font-weight: bold;color: #394f92;margin: 0 0 8px;}
    #translate .translate .section .head .tit{line-height: 36px;font-size: 24px;font-weight:bold;margin: 0 0 12px;}
    #translate .translate .section .head .txt{line-height: 20px;font-size: 13px;margin: 0 0 12px;}
    #translate .translate .section .head .act{margin: 40px 0 0;display:flex;align-items:center;justify-content:center;}
    #translate .translate .section .head .act .btn{display: flex;align-items: center;justify-content: center;padding: 0 40px;width: 100%;height: 48px;border-radius: 4px;gap: 8px;font-size: 14px;font-weight: bold;}
    #translate .translate .section .head .act .btn img{height:24px;width:auto;}
    #translate .translate .section .work{}
    #translate .translate .section .work ul{display:flex;flex-wrap:wrap;align-items:center;justify-content: center;gap: 16px;width: 320px;margin: 0 auto;max-width: 100%;}
    #translate .translate .section .work li{width: 96px;aspect-ratio: 1/1;border-radius: 8px;box-shadow: 0 7px 24px rgb(211 226 239 / 40%);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;background: #fff;}
    #translate .translate .section .work li:nth-child(4){margin-left: 56px;}
    #translate .translate .section .work li:nth-child(5){margin-right: 56px;}
    #translate .translate .section .work li:nth-child(6){margin-left: 56px;}
    #translate .translate .section .work li:nth-child(7){margin-right: 56px;}
    #translate .translate .section .work li img{width: 32px;height: 32px;object-fit:contain}
    #translate .translate .section .work li p{line-height: 22px;font-size: 14px;font-weight:bold;}
    #translate .translate .section .order{}
    #translate .translate .section .order ul{display:flex;align-items:center;justify-content: center;gap: 20px;flex-direction: column;width: 375px;max-width: 100%;margin: 0 auto;}
    #translate .translate .section .order li{width: 100%;aspect-ratio: 1/1;border-radius:16px;box-shadow: 0 15px 54px rgb(211 226 239 / 40%);display: flex;flex-direction: column;align-items: center;justify-content: center;background: #fff;text-align: center;}
    #translate .translate .section .order li .img{margin: 0 0 24px;}
    #translate .translate .section .order li .img img{display: block;width: 204px;height: 130px;object-fit: contain;}
    #translate .translate .section .order li .tit{line-height: 32px;font-size: 20px;font-weight: bold;margin: 0 0 4px;}
    #translate .translate .section .order li .txt{line-height: 20px;font-size: 13px;}
    #translate .translate .section .process{}
    #translate .translate .section .process ul{display:flex;align-items:center;justify-content: center;gap: 20px 24px;flex-wrap: wrap;}
    #translate .translate .section .process li{position:relative;width: calc(50% - 12px);aspect-ratio: 1/1;border-radius: 100%;background: #fff;border: 3px solid #394f92;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 8px;text-align: center;box-shadow: 0 0 18px rgb(211 226 239 / 40%);}
    #translate .translate .section .process li:after{content:'';position:absolute;top:50%;left:100%;margin-left: 1px;transform:translateY(-50%);width: 28px;height: 28px;background: url("../img/sub/translate_process_arrow.png") no-repeat right center / auto 100%;}
    #translate .translate .section .process li:nth-child(2n):after{display:none}
    #translate .translate .section .process li .img{width: 40px;height: 40px;}
    #translate .translate .section .process li .img img{display: block;width: 100%;height: 100%;object-fit: contain;}
    #translate .translate .section .process li .tit{line-height: 20px;font-size: 13px;font-weight: bold;}
    #translate .translate .section.tip{padding: 64px 20px 0;}
    #translate .translate .section.tip .wrap{display:flex;flex-direction: column;justify-content: center;}
    #translate .translate .section.tip .head{text-align: left;align-items: flex-start;justify-content: center;}
    #translate .translate .section.tip .image{position: relative;margin: 0 -20px;pointer-events: none;}
    #translate .translate .section.tip .image img{display: block;width: auto;max-width: 100%;height: auto;object-fit: contain;}


    #customer{}
    #customer .customer{position: relative;padding: 60px 20px;background: #fff;overflow: hidden;}
    #customer .customer .wrap{display:flex;flex-direction: column;position: relative;padding: 0 0 100px 0;}
    #customer .customer .lt-item{}
    #customer .customer .rt-item{margin: 32px 0 0 0;}
    #customer .customer .sub{line-height: 1.5;font-size: 12px;font-weight: bold;color: #394f92;margin: 0 0 16px;letter-spacing: 5px;}
    #customer .customer .title{line-height: 1.5;font-size: 24px;font-weight: bold;margin: 0 0 32px;}
    #customer .customer .text{line-height: 1.5;font-size: 14px;word-break: keep-all;}
    #customer .customer .button{margin: 40px auto;display: flex;justify-content: center;width: 100%;position: relative;bottom: auto;z-index: 10;left: auto;}
    #customer .customer .button .btn{display: flex;align-items: center;justify-content: center;width: 100%;max-width: 280px;height: 56px;background: #fff;border: 2px solid #ccc;border-radius: 8px;color: #383b40;font-size: 16px;font-weight: bold;cursor: pointer;transition: all 0.2s;}
    #customer .customer .form{position: relative; border: none; background: transparent; padding: 0;}
    #customer .customer .form .inner{background: #fff;padding: 24px 16px;display: flex;flex-direction: column;gap: 32px;border-radius: 6px;}
    #customer .customer .form dl{display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;}
    #customer .customer .form dt{flex-shrink: 0;margin: 0 0 10px 0;display: flex;align-items: center;justify-content: flex-start;text-align: left;font-size: 14px;font-weight: bold;}
    #customer .customer .form dd{width: 100%;}
    #customer .customer .form dd input{display: flex;align-items: center;justify-content: flex-start;border-radius: 6px;width: 100%;height: 42px;border: 1px solid #ccc;padding: 6px 12px;font-size: 13px;}
    #customer .customer .form dd textarea{display: flex;align-items: center;justify-content: flex-start;border-radius: 6px;width: 100%;height: 250px;border: 1px solid #ccc;padding: 16px 16px;}

    #notice{position: relative;padding: 60px 20px;overflow: hidden;}
    #notice .heading{line-height: 38px;font-size: 24px;font-weight: bold;margin: 0 0 32px;text-align: center;}
    #notice .search{display: flex;align-items: center;justify-content: flex-end;margin: 0 0 32px;}
    #notice .search form{box-shadow: 0 4px 14px rgb(211 226 239 / 40%);background: #fff;display: flex;border-radius: 10px;overflow: hidden;}
    #notice .search input{min-width: 260px;padding: 10px 12px;height: 40px;font-size: 14px;}
    #notice .search button{width: 40px;height: 40px;display: flex;flex-shrink: 0;align-items: center;justify-content: center;background: transparent;}
    #notice .search button img{width: 20px;}
    #notice .list{}
    #notice .list ul{display: flex;flex-direction: column;border-top: 2px solid #333;}
    #notice .list li{border-bottom: 1px solid #e0e0e0;display: flex;align-items: flex-start;justify-content: flex-start;min-height: 68px;flex-wrap: wrap;}
    #notice .list li .cate{width: 100%;flex-shrink: 0;display: flex;align-items: flex-start;justify-content: flex-start;text-align: center;padding: 12px;line-height: 1;font-size: 12px;font-weight: bold;}
    #notice .list li .cate .ntc{display: flex;align-items: center;justify-content: center;min-width: 60px;height: 24px;border-radius: 8px;background: #fff;box-shadow: 0 4px 14px rgb(211 226 239 / 40%);font-size: 12px;}
    #notice .list li .subject{width: 100%;}
    #notice .list li .subject a{display: flex;padding: 6px 12px;line-height: 18px;font-size: 14px;}
    #notice .list li .subject a p{line-height: 18px;font-size: 14px;}
    #notice .list li .date{width: 100%;margin: 10px 0;padding: 0 12px;font-size: 12px;line-height: 14px;flex-shrink: 0;display: flex;align-items: flex-start;justify-content: flex-start;text-align: left;color: #898989;}

    #mypage{}
    #mypage .mypage{position: relative;padding: 60px 20px;overflow: hidden;}
    #mypage .mypage .heading{line-height: 38px;font-size: 24px;font-weight: bold;margin: 0 0 32px;text-align: center;}
    #mypage .mypage .information{margin: 0 0 64px 0;display:flex;gap:20px;flex-direction: column;}
    #mypage .mypage .information .lt-item{width: 280px;flex-shrink: 0;display: flex;justify-content: center;flex-direction: column;}
    #mypage .mypage .information .rt-item{justify-content: center;flex: 1;flex-direction: column;display: flex;}
    #mypage .mypage .information .profile{flex: 1;border: 1px solid #e0e0e0;display: flex;padding: 20px;gap: 30px;flex-direction: column;}
    #mypage .mypage .information .profile .user{display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;flex: 1;}
    #mypage .mypage .information .profile .user .name{line-height: 1.5;font-size: 19px;font-weight: bold;}
    #mypage .mypage .information .profile .user .mail{line-height: 18px;font-size: 12px;color: #989898;}
    #mypage .mypage .information .profile .button{margin: 20px 0 0 0;display: flex;gap: 10px;}
    #mypage .mypage .information .profile .button .btn{display: flex;align-items: center;justify-content: center;height: 42px;flex: 1;border-radius: 4px;font-size: 14px;font-weight: 500;border: 1px solid transparent;}
    #mypage .mypage .information .profile .grade{flex-direction: column;display: flex;gap: 10px;align-items: flex-start;}
    #mypage .mypage .information .profile .grade .tit{line-height: 28px;font-size: 20px;font-weight: bold;}
    #mypage .mypage .information .profile .grade .cls{line-height: 24px;font-size: 16px;color: #394F92;}
    #mypage .mypage .information .profile .grade .txt{display: block;line-height: 1.5;font-size: 13px;}
    #mypage .mypage .information .profile .grade .txt p{text-indent: -12px;padding: 0px 0 0 12px;display: block;word-break: keep-all;}
    #mypage .mypage .information .profile .grade .txt p:before{content:"-";margin: 0 10px 0 0;}
    #mypage .mypage .information .profile .grade .txt a{text-decoration: underline;color: #394F92 !important;}
    #mypage .mypage .information .item{border:1px solid #e0e0e0;padding: 0 20px;flex-shrink: 0;display: flex;flex-direction: column;}
    #mypage .mypage .information .item dl{min-width: 280px;display: flex;flex-direction: column;align-items: flex-start;flex: 1;padding: 16px 0;}
    #mypage .mypage .information .item dl + dl{border-top:1px solid #e0e0e0;}
    #mypage .mypage .information .item dt{line-height: 24px;font-size: 16px;font-weight: 500;}
    #mypage .mypage .information .item dd{flex: 1;line-height: 30px;font-size: 24px;font-weight: bold;}
    #mypage .mypage .order{margin: 0 0 64px 0;border: 1px solid #e0e0e0;}
    #mypage .mypage .order .tit{background: #F6F9FF;padding: 15px;display: flex;align-items: center;justify-content: flex-start;line-height: 1.5;font-size: 14px;font-weight: bold;border-bottom: 1px solid #e0e0e0;}
    #mypage .mypage .order .con{display: flex;padding: 15px;}
    #mypage .mypage .order .con dl{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: 8px;}
    #mypage .mypage .order .con dt{line-height: 20px;font-size: 15px;font-weight: 500;}
    #mypage .mypage .order .con dd{line-height: 1.5;font-size: 20px;font-weight: bold;}
    #mypage .mypage .content{display:flex;gap:30px;flex-direction: column;}
    #mypage .mypage .content .aside{width: 100%;flex-shrink: 0;}
    #mypage .mypage .content .aside .tit{padding: 0 0 10px 0;margin: 0 0 10px 0;border-bottom: 2px solid #e0e0e0;line-height: 1.5;font-size: 18px;font-weight: bold;}
    #mypage .mypage .content .aside .con{}
    #mypage .mypage .content .aside .con ul{display: flex;flex-wrap: wrap;gap: 10px 20px;}
    #mypage .mypage .content .aside .con li{}
    #mypage .mypage .content .aside .con li a{display: block;line-height: 1.5;font-size: 15px;font-weight: 500;color: #989898;}
    #mypage .mypage .content .cont{flex:1;}
    #mypage .mypage .content .head{line-height: 40px;font-size: 14px;font-weight: 500;}
    #mypage .mypage .content .head span{color: #394F92;}
    /*    #mypage .mypage .content .table{border-top: 2px solid #202020;}*/
    #mypage .mypage .content .table table{width: 200%;border-collapse: collapse;}
    #mypage .mypage .content .table table tr{height: 50px;border-bottom: 1px solid #e0e0e0;}
    #mypage .mypage .content .table table th{background: #F6F9FF;}
    #mypage .mypage .content .table table td{text-align: center;font-size: 14px;}
    #mypage .mypage .content .table table th,
    #mypage .mypage .content .table table td{font-size: 12px;}
    #mypage .mypage .content .table table td span{color: #394F92;}
    #mypage .mypage .content .payment{}
    #mypage .mypage .content .payment table{table-layout: fixed;}
    #mypage .mypage .content .payment table td{}
    #mypage .mypage .content .payment table td .manage{display: flex;align-items: center;justify-content: center;gap: 6px;}
    #mypage .mypage .content .payment table td .box{padding: 0 8px;border-radius: 6px;border: 1px solid #e0e0e0;height: 24px;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 500;}
    #mypage .mypage .content .payment table td .del{}
    #mypage .mypage .content .payment table td .del img{height: 24px;display: block;width: auto;}
    #mypage .mypage .content .more{margin:50px 0 0;display:flex;align-items:center;justify-content:flex-end;}
    #mypage .mypage .content .more .btn{display:flex;padding: 10px 20px;border-radius: 6px;font-size: 15px;}


    #wrap .modal-container{display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999;overflow: hidden;align-items: center;justify-content: center;background: transparent;}
    #wrap .modal-container.show{display: flex; align-items: center; justify-content: center;}
    #wrap .modal-container.show .modal-wrapper{transform:translateY(0);transition-delay:1s}
    #wrap .modal-container:before{content: '';top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;position: fixed;opacity: .8;background-color: rgba(0,0,0,.87);padding-bottom: 100%;}
    #wrap .modal-container .modal-wrapper{position:relative;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;transform: translateY(-100%);transition:all 0.5s;padding: 0 15px;}
    #wrap .modal-container .modal-inner{width: 100%;padding: 15px;max-width: 100%;}
    #wrap .modal-container .inner{width: 320px;max-width: 100%;max-height: 90vh;box-shadow: 0 3px 6px rgb(0 0 0 / 16%);background: #fff;position: relative;display: flex;flex-direction: column;border-radius:16px;overflow-y: auto;}
    #wrap .modal-container .inner{-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
    #wrap .modal-container .inner::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
    #wrap .modal-container .title{display: flex;height: 56px;line-height: 30px;font-size: 16px;font-weight: bold;color: #1c1c1c;text-align: center;align-items: center;justify-content: center;flex-shrink: 0;background: #fff;z-index: 5;}
    #wrap .modal-container .close{position:absolute;top:0;right:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;z-index: 6;}
    #wrap .modal-container .close button{display: flex;width: 24px;height: 24px;background: transparent;align-items: center;justify-content: center;}
    #wrap .modal-container .close button img{width:100%;height:100%;object-fit:contain;display:block;}
    #wrap .modal-container .cont{padding: 16px 20px;}
    #wrap .modal-container .text{line-height:20px;font-size:14px;color:#333333;text-align:center;}
    #wrap .modal-container .button{margin: 40px 0 0 0;display:flex;align-items:center;justify-content:center;}
    #wrap .modal-container .button .btn{display:flex;align-items:center;justify-content:center;padding:12px 16px;width:100%;height: 56px;border-radius: 8px;border:1px solid transparent;font-size: 16px;font-weight: bold;}
    #wrap .modal-container .button .btn + .btn{margin-left:8px}

    #wrap #popup-method{}
    #wrap #popup-method .inner{width: 500px;}
    #wrap #popup-method .cont{}
    #wrap #popup-method .form{flex-direction: column;display: flex;gap: 20px;}
    #wrap #popup-method .form dl{}
    #wrap #popup-method .form dt{line-height: 1;font-size: 14px;font-weight: bold;margin: 0 0 10px 0;}
    #wrap #popup-method .form dt span{font-weight:400;opacity:0.7;}
    #wrap #popup-method .form dd{}
    #wrap #popup-method .form dd .input{display: flex;gap: 4px;width: 100% !important;}
    #wrap #popup-method .form dd .input input{flex:1;width: 100%;min-width: auto;height: 42px;padding: 3px 12px;font-size: 12px;border-radius: 4px;border: 1px solid #e0e0e0;}
    #wrap #popup-method .form dd .error{padding: 6px 0 0 0;line-height: 1.4;font-size: 14px;color: #989898;}
    #wrap #popup-method .button{}
    #wrap #popup-method .button .btn{height: 40px;border-radius: 4px;}

    #wrap #popup-payment{}
    #wrap #popup-payment .inner{width: 600px;}
    #wrap #popup-payment .cont{}
    #wrap #popup-payment .cont .form{display:flex;gap: 40px;flex-direction:column;}
    #wrap #popup-payment .cont .form dl{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;width:100%}
    #wrap #popup-payment .cont .form dt{line-height: 20px;font-size: 13px;font-weight: bold;}
    #wrap #popup-payment .cont .form dd{width: 100%;line-height: 20px;font-size: 13px;}
    #wrap #popup-payment .cont .form dd input{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;background: #f4f6f8;padding: 8px 24px;border-radius: 8px;border: 1px solid #f4f6f8;}
    #wrap #popup-payment .caution{margin:40px 0 0 0;border-radius:8px;background:#F6F9FF;padding:20px;}
    #wrap #popup-payment .caution .tit{display: flex;align-items: center;gap: 6px;margin: 0 0 8px;}
    #wrap #popup-payment .caution .tit img{}
    #wrap #popup-payment .caution .tit p{font-size: 13px;font-weight: bold;}
    #wrap #popup-payment .caution .txt{display: flex;flex-direction: column;gap: 4px;line-height: 18px;font-size: 12px;}
    #wrap #popup-payment .button{}
    #wrap #popup-payment .button .btn{}

    #wrap #popup-tele{}
    #wrap #popup-tele .inner{width: 400px;}
    #wrap #popup-tele .cont{}
    #wrap #popup-tele .cont .form{display:flex;flex-direction:column;gap:24px;}
    #wrap #popup-tele .cont .form dl{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;}
    #wrap #popup-tele .cont .form dt{line-height: 20px;font-size: 13px;font-weight: bold;}
    #wrap #popup-tele .cont .form dd{line-height: 20px;font-size: 13px;}
    #wrap #popup-tele .button{}
    #wrap #popup-tele .button .btn{}

    #wrap #popup-detail{}
    #wrap #popup-detail .inner{width: 400px;}
    #wrap #popup-detail .cont{}
    #wrap #popup-detail .cont .form{display:flex;flex-direction:column;gap:24px;}
    #wrap #popup-detail .cont .form dl{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;}
    #wrap #popup-detail .cont .form dt{line-height: 20px;font-size: 13px;font-weight: bold;}
    #wrap #popup-detail .cont .form dd{line-height: 20px;font-size: 13px;}    #wrap #popup-detail .button{}
    #wrap #popup-detail .button .btn{}

    #wrap #popup-detail2{}
    #wrap #popup-detail2 .inner{width: 400px;}
    #wrap #popup-detail2 .cont{}
    #wrap #popup-detail2 .cont .form{display:flex;flex-direction:column;gap:24px;}
    #wrap #popup-detail2 .cont .form dl{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;}
    #wrap #popup-detail2 .cont .form dt{line-height: 20px;font-size: 13px;font-weight: bold;}
    #wrap #popup-detail2 .cont .form dd{line-height: 20px;font-size: 13px;}    #wrap #popup-detail .button{}
    #wrap #popup-detail2 .button .btn{}


    #wrap #popup-change{}
    #wrap #popup-change .inner{width: 400px;overflow-y: auto;}
    #wrap #popup-change .cont{}
    #wrap #popup-change .cont .tit{margin: 0 0 16px;line-height: 20px;font-size: 13px;font-weight: bold;}    #wrap #popup-change .cont .con{}
    #wrap #popup-change .cont .con .calendar{margin: 0 0 24px 0;border-radius: 16px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
    #wrap #popup-change .cont .con .calendar .month{display:flex;align-items:center;justify-content: space-between;height: 52px;padding: 8px 20px;}
    #wrap #popup-change .cont .con .calendar .month a{}
    #wrap #popup-change .cont .con .calendar .month a.prev{width:24px;height:24px;background: url("../img/common/arrow_calendar_prev.png") no-repeat 50% 50% / contain;text-indent:-9999em;}
    #wrap #popup-change .cont .con .calendar .month a.next{width:24px;height:24px;background: url("../img/common/arrow_calendar_next.png") no-repeat 50% 50% / contain;text-indent:-9999em;}
    #wrap #popup-change .cont .con .calendar .month a.current{line-height:24px;font-size:18px;color:#1c1c1c;font-weight:bold;}
    #wrap #popup-change .cont .con .calendar .week{padding: 0 12px;}
    #wrap #popup-change .cont .con .calendar .week ul{display:flex;}
    #wrap #popup-change .cont .con .calendar .week li{flex: 1;display: flex;align-items: center;justify-content: center;height: 28px;flex-shrink: 0;font-size: 14px;color: #707070;}
    #wrap #popup-change .cont .con .calendar .days{padding: 0 12px 8px;}
    #wrap #popup-change .cont .con .calendar .days ul{display: flex;}
    #wrap #popup-change .cont .con .calendar .days li{background: #fff;display: flex;flex-direction: column;flex: 1;}
    #wrap #popup-change .cont .con .calendar .days li .dayBtn{width: 100%;display: flex;align-items: center;justify-content: center;line-height: 24px;font-size: 13px;font-weight: bold;border-radius: 40px;background: transparent;}
    #wrap #popup-change .cont .con .calendar .days li .dayBtn.on{color: #ffffff;background: #EB3F3D;}
    #wrap #popup-change .cont .con .time{display:flex;gap:8px;align-items:center;width:100%;}
    #wrap #popup-change .cont .con .time input{position: relative;flex:1;height:48px;width:100%;background:#f4f6f8;border-radius:4px;padding: 12px 44px 12px 16px;font-size: 14px;}
    #wrap #popup-change .cont .con .time input::-webkit-calendar-picker-indicator {display: block;top: 50%;right: 18px;height: 14px;width: 14px;position: absolute;background: url("../img/common/timer.png") no-repeat 50% 50% / contain;transform:translateY(-50%)}

    #wrap #popup-cancel{}
    #wrap #popup-cancel .inner{width:400px}
    #wrap #popup-cancel .tit{margin: 0 0 8px;line-height: 22px;font-size: 14px;font-weight: bold;}
    #wrap #popup-cancel .sub{margin: 0 0 4px;line-height: 20px;font-size: 13px;font-weight: bold;color: #335097;}
    #wrap #popup-cancel .txt{line-height: 20px;font-size: 13px;}
    #wrap #popup-cancel .button{}

    #wrap #popup-review{}
    #wrap #popup-review .user{margin:0 0 32px;background: #fff;padding: 16px;border: 1px solid #e5e8ec;border-radius: 8px;display: flex;gap: 16px;}
    #wrap #popup-review .user .img{width: 48px;height: 48px;border-radius: 48px;overflow: hidden;flex-shrink: 0;}
    #wrap #popup-review .user .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #wrap #popup-review .user .con{flex: 1;display: flex;flex-direction: column;text-align: left;}
    #wrap #popup-review .user .con .desc{display: flex;flex-wrap: wrap;gap: 8px;}
    #wrap #popup-review .user .con .name{line-height: 24px;font-size: 16px;font-weight: bold;margin: 0 0 6px;}
    #wrap #popup-review .user .con .state{display: flex;align-items: center;justify-content: center;padding: 4px 8px;border-radius: 4px;height: 24px;font-size: 12px;font-weight: bold;margin: 0 0 6px;}#reservation .reservate .list li .con .state01{}
    #wrap #popup-review .user .con .state02{background: #F4F6F8;color: #adb2bb;}
    #wrap #popup-review .user .con .text{line-height: 20px;font-size: 13px;margin: 0 0 12px;text-align: left;}
    #wrap #popup-review .user .con .info{display: flex;flex-wrap: wrap;gap: 6px 16px;}
    #wrap #popup-review .user .con .info dl{position: relative;display: flex;align-items: center;justify-content: center;gap: 8px;line-height: 18px;font-size: 12px;}
    #wrap #popup-review .user .con .info dl:after{content:'';position:absolute;top:50%;right: -8px;transform:translateY(-50%);width:1px;height:10px;background:#E5E8EC}
    #wrap #popup-review .user .con .info dl:last-child:after{display:none;}
    #wrap #popup-review .user .con .info dt{}
    #wrap #popup-review .user .con .info dd{display: flex;align-items: center;justify-content: center;gap: 4px;font-weight: bold;}
    #wrap #popup-review .user .con .info dd img{height: 18px;width: auto;}
    #wrap #popup-review .item{margin: 0 0 24px;}
    #wrap #popup-review .item dl{display: flex;flex-direction: column;gap: 12px;align-items: flex-start;}
    #wrap #popup-review .item dt{line-height: 20px;font-size: 13px;font-weight: bold;}
    #wrap #popup-review .item dd{width: 100%;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
    #wrap #popup-review .item .rating{display: inline-flex;align-items: center;flex-direction: row-reverse;gap: 10px;}
    #wrap #popup-review .item .rating label{display: flex;align-items: center;justify-content: center;cursor: pointer;}
    #wrap #popup-review .item .rating label i{display:block;width: 28px;height: 28px;}
    #wrap #popup-review .item .rating input[type="radio"]{display:none;}
    #wrap #popup-review .item .rating input[type="radio"] ~ label{}
    #wrap #popup-review .item .rating input[type="radio"] ~ label i{background: url("../img/common/star_off.png") no-repeat 50% 50% / contain;}
    #wrap #popup-review .item .rating input[type="radio"]:checked ~ label i{background-image:url("../img/common/star.png");}
    #wrap #popup-review .item .time{display:flex;gap:8px;align-items:center;width:100%;}
    #wrap #popup-review .item .time input{position: relative;flex:1;height:48px;width:100%;background:#f4f6f8;border-radius:4px;padding: 12px 44px 12px 16px;font-size: 14px;}
    #wrap #popup-review .item .time input::-webkit-calendar-picker-indicator {display: block;top: 50%;right: 18px;height: 14px;width: 14px;position: absolute;background: url("../img/common/timer.png") no-repeat 50% 50% / contain;transform:translateY(-50%)}
    #wrap #popup-review .item .textarea{width: 100%;}
    #wrap #popup-review .item .textarea textarea{display: block;width:100%;height: 180px;border-radius:8px;background:#f4f6f8;padding:16px;line-height:20px;font-size:13px;text-align: left;}

    #wrap #popup-search{}
    #wrap #popup-search .form{display:flex;width: 100%;padding: 15px;max-width:100%;height:70px;border-radius:70px;border:2px solid #fff;}
    #wrap #popup-search .form input{display: block;width: 100%;max-width: 100%;padding: 0 15px;background: transparent;font-size: 14px;color: #ffffff;}
    #wrap #popup-search .form button{display:flex;align-items:center;justify-content:center;width: 36px;height: 36px;background:transparent;font-size:16px;color:#ffffff;}
    #wrap #popup-search .close{position:absolute;top: 22px;right: 19px;font-size:24px;width:24px;height:24px;color:#ffffff;cursor:pointer}

    #wrap #popup-service{}
    #wrap #popup-service .modal-inner{position: relative;width:500px;background:#ffffff;border-radius: 5px;overflow: hidden;}
    #wrap #popup-service .title{height: 70px;display: flex;align-items: center;justify-content: center;text-align: center;padding: 20px;margin: 0;}
    #wrap #popup-service .close{position:absolute;top: 20px;right:20px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
    #wrap #popup-service .scroll{height:600px;max-height:80vh;overflow-y:auto}
    #wrap #popup-service .head{background:url("https://i0.wp.com/miso202497250.wpcomstaging.com/wp-content/uploads/2020/03/homeclean-hero.jpg?fit=1920%2C1280&ssl=1") no-repeat 50% 50% / cover;padding: 48px 32px 200px;}
    #wrap #popup-service .head .sub{font-size: 15px;margin-bottom: 8px;}
    #wrap #popup-service .head .tit{font-size: 42px;line-height: 52px;font-weight: 800;letter-spacing: 0.2px;color: #2E3035;}
    #wrap #popup-service .head .txt{margin: 16px 0 0 0;font-size: 20px;line-height: 30px;letter-spacing: -0.4px;}
    #wrap #popup-service .corna{margin: 48px 24px;padding: 24px 32px 24px 32px;background-color: #FFFAEA;}
    #wrap #popup-service .corna .img{}
    #wrap #popup-service .corna .tit{font-size: 17px;font-weight:bold;margin-bottom: 6px;}
    #wrap #popup-service .corna .txt{font-size: 15px;}
    #wrap #popup-service .tabcont{}
    #wrap #popup-service .tabcont .tabs{margin:0 32px;}
    #wrap #popup-service .tabcont .tabs ul{display:flex;}
    #wrap #popup-service .tabcont .tabs li{flex:1;}
    #wrap #popup-service .tabcont .tabs li a{display:flex;align-items:center;justify-content:center;text-align:center;height:50px;border-bottom: 3px solid #E3E5EA;}
    #wrap #popup-service .tabcont .tabs li:hover a{color:#055CF5;}
    #wrap #popup-service .tabcont .tabs li.on a{color:#055CF5;font-weight:600;border-color:#055CF5;}
    #wrap #popup-service .tabcont .cons{display:none;margin: 32px;}
    #wrap #popup-service .tabcont .cons.active{display:block;}

    #wrap #popup-address .modal-inner{position: relative;width:500px;background:#ffffff;border-radius: 5px;overflow: hidden;}
    #wrap #popup-address .title{height: 70px;display: flex;align-items: center;justify-content: center;text-align: center;padding: 20px;margin: 0;}
    #wrap #popup-address .close{position:absolute;top: 20px;right:20px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
    #wrap #popup-address .cont{padding: 24px;}
    #wrap #popup-address .cont .input{}
    #wrap #popup-address .cont .input input{padding: 12px 14px;background: rgb(243, 244, 248);border-radius: 6px;border: none;width: 100%;font-size: 16px;height: 46px;}
    #wrap #popup-address .cont .exam{padding: 24px 4px 32px;line-height: 1.8em;}
    #wrap #popup-address .cont .exam strong{font-size: 17px;}
    #wrap #popup-address .cont .exam dl{display:flex;align-items:center;}
    #wrap #popup-address .cont .exam dt{color: rgb(170, 170, 170);margin: 0 2px 0 0;}
    #wrap #popup-address .cont .exam dd{}
    #wrap #popup-address .cont .result{padding: 24px 0px;}
    #wrap #popup-address .cont .result button{ display:flex; flex-direction:column; text-align: left; width: 100%; padding: 16px 4px; border-bottom: 1px solid rgb(243, 244, 248); background: transparent; }
    #wrap #popup-address .cont .result button .primary{color: rgb(46, 48, 53);}
    #wrap #popup-address .cont .result button .secondary{color: rgb(170, 170, 170);}

    #wrap #popup-phone .modal-inner{position: relative;width:500px;background:#ffffff;border-radius: 5px;overflow: hidden;}
    #wrap #popup-phone .title{height: 70px;display: flex;align-items: center;justify-content: center;text-align: center;padding: 20px;margin: 0;}
    #wrap #popup-phone .close{position:absolute;top: 20px;right:20px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
    #wrap #popup-phone .cont{padding: 24px;}
    #wrap #popup-phone .head{margin:0 0 25px 0;font-size:16px;font-weight:600;color:#333}
    #wrap #popup-phone .input{display:flex}
    #wrap #popup-phone .input input{display:flex;flex: 1;background: #f3f4f8;outline: none;border: none;padding: 16px 12px;font-size: 16px;border-radius: 2px;}
    #wrap #popup-phone .input button{margin-left:10px;width:86px;height:54px;background:}
    #wrap #popup-phone .input button:disabled{background: #eee;color: gray;}
    #wrap #popup-phone .agree{position:relative;margin-top:16px;border-top:1px solid #eee}
    #wrap #popup-phone .agree .more{position:absolute;top: 25px;right:0;width:13px;height:22px;}
    #wrap #popup-phone .agree .more.on svg{transform:rotate(180deg)}
    #wrap #popup-phone .agree .desc{display: flex;cursor:pointer}
    #wrap #popup-phone .agree .desc.all{margin:25px 0px 16px}
    #wrap #popup-phone .agree .desc.all input{display:none}
    #wrap #popup-phone .agree .desc.all input ~ svg{width:22px;height:22px;flex-shrink:0;margin:0 8px 0 0}
    #wrap #popup-phone .agree .desc.all input ~ svg circle{fill: #c7cad0;}
    #wrap #popup-phone .agree .desc.all input ~ p{color: rgb(8, 8, 8);font-size: 14px;}
    #wrap #popup-phone .agree .desc.all input:checked ~ svg circle{fill: rgb(5, 92, 245);}
    #wrap #popup-phone .agree .desc.chk{display:none;margin: 6px 0px 6px 12px;}
    #wrap #popup-phone .agree .desc.chk input{display:none}
    #wrap #popup-phone .agree .desc.chk input ~ svg{width:22px;height:22px;flex-shrink:0;margin:0 8px 0 0}
    #wrap #popup-phone .agree .desc.chk input ~ svg path{stroke: rgb(199, 202, 208);}
    #wrap #popup-phone .agree .desc.chk input ~ p{color: rgb(8, 8, 8);font-size: 14px;}
    #wrap #popup-phone .agree .desc.chk input:checked ~ svg path{stroke: rgb(5, 92, 245);}

}

@keyframes jkit-search-background {
    0% {
        opacity: 0;
        -webkit-transform: scale(.04) translateY(300%);
        transform: scale(.04) translateY(300%)
    }

    40% {
        -webkit-transform: scale(.04) translateY(0);
        transform: scale(.04) translateY(0);
        -webkit-transition: ease-out;
        transition: ease-out
    }

    40% {
        -webkit-transform: scale(.04) translateY(0);
        transform: scale(.04) translateY(0)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.02) translateY(0);
        transform: scale(.02) translateY(0)
    }

    61% {
        opacity: 1;
        -webkit-transform: scale(.04) translateY(0);
        transform: scale(.04) translateY(0)
    }

    99.9% {
        opacity: 1;
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(2) translateY(0);
        transform: scale(2) translateY(0);
        height: 100%;
        padding-bottom: 0;
        border-radius: 0
    }
}
@-webkit-keyframes jkit-ripple {
    70% {
        -webkit-box-shadow: 0 0 0 15px currentColor;
        box-shadow: 0 0 0 15px currentColor;
        opacity: 0
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
}

@media (max-width: 1440px) {
  #header .header {
    height: 56px;
    padding: 0 16px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    position: relative;
    z-index: 100;
  }
  #header .header .logo {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    margin-right: 12px;
  }
  #header .header .logo img {
    height: 28px;
  }
  #header .header .tool {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 0;
  }
  #header .header .tool .menu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-left: 8px;
    background: none;
    border: none;
    box-shadow: none;
  }
  #header .header .tool .menu img {
    height: 24px;
    width: 24px;
  }
  #header .header .gnb {
    display: none;
    position: absolute;
    top: 56px;
    left: 0;
    width: 100vw;
    background: #fff;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08);
    flex-direction: column;
    padding: 24px 0 12px 0;
    z-index: 999;
  }
  #header .header .gnb.active {
    display: flex;
  }
  #header .header .gnb .dp1 {
    flex-direction: column;
    gap: 0;
    width: 100%;
  }
  #header .header .gnb .dp1 .dl1 {
    width: 100%;
    text-align: left;
  }
  #header .header .gnb .dp1 .dl1 .da1 {
    width: 100%;
    padding: 16px 24px;
    font-size: 16px;
    border-radius: 0;
    color: #222;
    background: none;
    border-bottom: 1px solid #f0f0f0;
  }
  #header .header .gnb .dp1 .dl1 .da1:active {
    background: #f6f9ff;
  }
}

/* popup-change 모달 스타일 (#wrap 없이) */
#popup-change.modal-container{display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999;overflow: hidden;align-items: center;justify-content: center;background: transparent;}
#popup-change.modal-container.show{display: flex; align-items: center; justify-content: center;}
#popup-change.modal-container.show .modal-wrapper{transform:translateY(0);transition-delay:1s}
#popup-change.modal-container:before{content: '';top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;position: fixed;opacity: .8;background-color: rgba(0,0,0,.87);padding-bottom: 100%;}
#popup-change.modal-container .modal-wrapper{position:relative;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;transform: translateY(-100%);transition:all 0.5s}
#popup-change .inner{position: relative;width: 400px;max-width: 100%;max-height: 90vh;box-shadow: 0 3px 6px rgb(0 0 0 / 16%);background: #fff;display: flex;flex-direction: column;border-radius: 8px;overflow-y: auto;}
#popup-change .title{display: flex;height: 56px;line-height: 30px;font-size: 16px;font-weight: bold;color: #1c1c1c;text-align: center;align-items: center;justify-content: center;}
#popup-change .close{position:absolute;top:8px;right:8px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;}
#popup-change .close button{display: flex;width: 24px;height: 24px;background: transparent;align-items: center;justify-content: center;}
#popup-change .close button img{width:100%;height:100%;object-fit:contain;display:block;}
#popup-change .cont{padding: 16px 24px 24px;}
#popup-change .cont .tit{margin: 0 0 16px;line-height: 20px;font-size: 13px;font-weight: bold;}
#popup-change .cont .con .calendar{margin: 0 0 24px 0;border-radius: 16px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup-change .cont .con .calendar .month{display:flex;align-items:center;justify-content: space-between;height: 52px;padding: 8px 20px;}
#popup-change .cont .con .calendar .month a.prev{width:24px;height:24px;background: url("../img/common/arrow_calendar_prev.png") no-repeat 50% 50% / contain;text-indent:-9999em;}
#popup-change .cont .con .calendar .month a.next{width:24px;height:24px;background: url("../img/common/arrow_calendar_next.png") no-repeat 50% 50% / contain;text-indent:-9999em;}
#popup-change .cont .con .calendar .month a.current{line-height:24px;font-size:18px;color:#1c1c1c;font-weight:bold;}
#popup-change .cont .con .calendar .week{padding: 0 12px;}
#popup-change .cont .con .calendar .week ul{display:flex;}
#popup-change .cont .con .calendar .week li{flex: 1;display: flex;align-items: center;justify-content: center;height: 28px;flex-shrink: 0;font-size: 14px;color: #707070;}
#popup-change .cont .con .calendar .days{padding: 0 12px 8px;}
#popup-change .cont .con .calendar .days ul{display: flex;}
#popup-change .cont .con .calendar .days li{background: #fff;display: flex;flex-direction: column;flex: 1;}
#popup-change .cont .con .calendar .days li .dayBtn{width: 100%;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;line-height: 24px;font-size: 13px;font-weight: bold;border-radius: 40px;background: transparent;}
#popup-change .cont .con .calendar .days li .dayBtn.on{color: #ffffff;background: #EB3F3D;}
#popup-change .button{margin:24px 0 0 0;display:flex;align-items:center;justify-content:center;}
#popup-change .button .btn{display:flex;align-items:center;justify-content:center;padding:12px 16px;width:100%;height: 48px;border-radius: 8px;border:1px solid transparent;font-size:14px;font-weight: bold;}

/* popup-cancel 모달 스타일 (#wrap 없이) */
#popup-cancel.modal-container{display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999;overflow: hidden;align-items: center;justify-content: center;background: transparent;}
#popup-cancel.modal-container.show{display: flex; align-items: center; justify-content: center;}
#popup-cancel.modal-container.show .modal-wrapper{transform:translateY(0);transition-delay:1s}
#popup-cancel.modal-container:before{content: '';top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;position: fixed;opacity: .8;background-color: rgba(0,0,0,.87);padding-bottom: 100%;}
#popup-cancel.modal-container .modal-wrapper{position:relative;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;transform: translateY(-100%);transition:all 0.5s}
#popup-cancel .inner{position: relative;width: 400px;max-width: 100%;max-height: 90vh;box-shadow: 0 3px 6px rgb(0 0 0 / 16%);background: #fff;display: flex;flex-direction: column;border-radius: 8px;}
#popup-cancel .title{display: flex;height: 56px;line-height: 30px;font-size: 16px;font-weight: bold;color: #1c1c1c;text-align: center;align-items: center;justify-content: center;}
#popup-cancel .close{position:absolute;top:0;right:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;}
#popup-cancel .close button{display: flex;width: 20px;height: 20px;background: transparent;align-items: center;justify-content: center;}
#popup-cancel .close button img{width: 20px;height: 20px;}
#popup-cancel .cont{padding: 16px 24px 24px;}
#popup-cancel .tit{margin: 0 0 8px;line-height: 24px;font-size: 15px;font-weight: bold;}
#popup-cancel .sub{margin: 0 0 6px;line-height: 22px;font-size: 14px;font-weight: bold;color: #335097;}
#popup-cancel .txt{line-height: 22px;font-size: 14px;}
#popup-cancel .button{margin:24px 0 0 0;display:flex;align-items:center;justify-content:center;}
#popup-cancel .button .btn{display:flex;align-items:center;justify-content:center;padding:12px 16px;width:100%;height: 48px;border-radius: 8px;border:1px solid transparent;font-size:14px;font-weight: bold;}