@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;}

/**/
#wrap .wrap{margin:0 auto;width: 1280px;max-width:100%;}
#wrap .btn{transition:all 0.35s}
#wrap .btn_01{background: #e53e53 !important;border-color: #e53e53 !important;color: #ffffff !important;}
#wrap .btn_02{background: #ffffff !important;border-color: #ffffff !important;color: #e53e53 !important;}
#wrap .btn_03{background: #ffffff !important;border-color: #D8DADD !important;color: #383B40 !important;}
#wrap .btn_04{background: #ffffff !important;border-color: transparent !important;color: #e53e53 !important;}
#wrap .btn_05{background: #ffffff !important;border-color: #e53e53 !important;color: #e53e53 !important;}

#wrap .btn_06{background: #e53e53 !important;border-color: #ffffff !important;color: #ffffff !important;}

#wrap .btn_07{background: #FEE500 !important;border-color: #FEE500 !important;color: #000 !important;}


/*#wrap .btn_02{background:#FFFFFF !important;border-color:#5DE0D6 !important;color:#5DE0D6 !important;}*/
/*#wrap .btn_02:hover{background:#FFFFFF !important;border-color:#55CDC4 !important;color:#55CDC4 !important;}*/
/*#wrap .btn_03{background:#e53e53 !important;border-color:#e53e53 !important;color:#ffffff !important;}*/
/*#wrap .btn_03:hover{background:#31447D !important;border-color:#31447D !important;color:#ffffff !important;}*/
/*#wrap .btn_04{background:#5DE0D6 !important;border-color:#5DE0D6 !important;color:#ffffff !important;}*/
/*#wrap .btn_04:hover{background:#55CDC4 !important;border-color:#55CDC4 !important;color:#ffffff !important;}*/
/*#wrap .btn_05{background:#055cf5 !important;border-color:#055cf5 !important;color:#ffffff !important;}*/
/*#wrap .btn_05:hover{background:#003ba3 !important;border-color:#003ba3 !important;color:#ffffff !important;}*/

#wrap .paging{margin:40px 0;display:flex;align-items:center;justify-content:center;}
#wrap .paging a{position:relative;display:flex;align-items:center;justify-content:center;line-height:15px;font-size:14px;color:#1c1c1c;flex-shrink:0;}
#wrap .paging a + a{margin-left:24px;}
#wrap .paging a.current{font-weight:500;color:#EB3F3D}
#wrap .paging a.start{}
#wrap .paging 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}
#wrap .paging a.end{}
#wrap .paging 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;}

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

/**/
.fixed-button{position:fixed;bottom: 150px;right: 30px;z-index: 999;display:flex;flex-direction:column;gap:10px;}
#add-channel-button{display:flex;align-items:center;justify-content:center;width: 70px;height: 70px;border-radius:50px;box-shadow:0 3px 6px rgba(0,0,0,0.05);z-index: 999;background: #fddc3f;}
#add-channel-button img{display:block;width:100%;height:100%;object-fit:cover}
#tel-button{display:flex;align-items:center;justify-content:center;width: 70px;height: 70px;border-radius:50px;box-shadow:0 3px 6px rgba(0,0,0,0.05);z-index: 999;background:#fff no-repeat center / contain;border:1px solid #ddd;background-image: url("data:image/svg+xml,%3Csvg style='enable-background:new 0 0 96 96;' version='1.1' viewBox='0 0 96 96' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:none;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st3%7Bfill:%23FFF8FA;%7D .st4%7Bstroke:%23000000;stroke-width:2;stroke-miterlimit:10;%7D .st5%7Bfill:none;stroke:%23000000;stroke-miterlimit:10;%7D .st6%7Bfill:none;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;%7D .st7%7Bfill:%23231F20;stroke:%23000000;stroke-width:0;stroke-miterlimit:10;%7D .st8%7Bfill:%23FF0D5C;%7D .st9%7Bdisplay:inline;%7D .st10%7Bfill:none;stroke:%2300D8E9;stroke-width:0.25;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st11%7Bfill:none;stroke:%2300D8E9;stroke-width:0.25;stroke-linejoin:round;stroke-miterlimit:10;%7D .st12%7Bfill:none;stroke:%2300D8E9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st13%7Bfill:none;stroke:%2300D8E9;stroke-linejoin:round;stroke-miterlimit:10;%7D %3C/style%3E%3Cg id='banana'/%3E%3Cg id='Layer_12'/%3E%3Cg id='grape'/%3E%3Cg id='assasin'/%3E%3Cg id='gold'/%3E%3Cg id='mage_ass'/%3E%3Cg id='fighter'/%3E%3Cg id='SUPPORT'/%3E%3Cg id='marksman'/%3E%3Cg id='JUNGLE'/%3E%3Cg id='TANK'/%3E%3Cg class='st0' id='creditcard'/%3E%3Cg class='st0' id='CAKE'/%3E%3Cg class='st0' id='TOPI'/%3E%3Cg class='st0' id='SPATU'/%3E%3Cg class='st0' id='SETTING'/%3E%3Cg class='st0' id='CART'/%3E%3Cg class='st0' id='k3'/%3E%3Cg class='st0' id='computer'/%3E%3Cg class='st0' id='phone'/%3E%3Cg class='st0' id='location'/%3E%3Cg id='koper'%3E%3Cg id='Layer_29'/%3E%3Cpath d='M69,70.7c-1.2,1.1-2.6,1.8-4.2,2.1c0,0,0,0,0,0c0,0,0,0,0,0c-0.3,0.1-0.7,0.1-1,0.1c-0.1,0-0.3,0-0.6,0c0,0,0,0,0,0l-0.5,0 c-9.4,0.3-18.5-3.1-25.6-9.8c-7.9-7.4-12.6-18.1-13-29.3c0-0.3,0-0.6,0-0.8c0,0,0,0,0,0c0,0,0,0,0,0c0-0.1,0-0.2,0-0.3 c0-0.3,0-0.6,0-1c0,0,0-0.1,0-0.1c0.3-4.8,3.9-8.5,8.3-8.6c0.6,0,1.2,0,1.7,0.1c0.8,0.2,1.6,0.5,2.4,0.9L39,38.6 c-1.3,1.6-3.1,2.7-5,3c0,0,0,0-0.1,0c0,0,0,0-0.1,0c0,0-0.1,0-0.1,0.1c-0.1,0-0.1,0.1-0.2,0.1c-0.1,0-0.1,0.1-0.1,0.1 c0,0-0.1,0.1-0.1,0.1c0,0.1-0.1,0.1-0.1,0.2c0,0.1,0,0.1-0.1,0.2c0,0.1,0,0.1,0,0.2c0,0,0,0.1,0,0.1c0,0,0,0,0,0.1c0,0,0,0,0,0.1 C36.4,53,44,60.7,53.6,63.5c0,0,0.1,0,0.1,0c0,0,0,0,0.1,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0 c0.1,0,0.2,0,0.3-0.1c0,0,0.1,0,0.1-0.1c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1-0.1,0.1-0.1c0-0.1,0.1-0.1,0.1-0.2c0,0,0-0.1,0.1-0.1 c0,0,0-0.1,0-0.1c0,0,0-0.1,0-0.1c0,0,0-0.1,0-0.1c0.2-2.1,1.1-4.1,2.5-5.7l13.5,1.9c0.4,0.7,0.7,1.5,0.9,2.3c0,0,0,0.1,0,0.1 c0.1,0.4,0.2,0.9,0.2,1.3c0,0.2,0,0.4,0,0.6C72.1,66.2,70.9,68.9,69,70.7z'/%3E%3C/g%3E%3Cg class='st0' id='guide'/%3E%3Cg id='MAGICAL'/%3E%3Cg id='phisical'/%3E%3Cg id='mango'/%3E%3Cg id='orange'/%3E%3C/svg%3E");}



@media (min-width: 800px) {

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

    #header{position: sticky;top:0;left: 0;width:100%;z-index: 1011;background: #ffffff;}
    #header .top{position: relative;display: flex;align-items: center;justify-content: space-between;height: 40px;width: 1280px;max-width: 100%;margin: 0 auto;}
    #header .top .tool{display:flex;align-items:center;justify-content:center;position: absolute;top: 50%;right: 0;transform: translateY(-50%);gap: 24px;}
    #header .top .tool .bttn{display:flex;align-items:Center;gap:12px;}
    #header .top .tool .bttn a{display:flex;align-items:center;justify-content:center;}
    #header .top .tool .bttn a img{display:block;width:auto;height:24px;}
    #header .top .tool .search{}
    #header .top .tool .link{}
    #header .top .tool .link .btn{display: flex;line-height: 24px;font-size: 13px;}
    #header .top .tool .lang{position: relative;}
    #header .top .tool .lang ul{position: absolute;top: calc(100% - 10px);left: 50%;margin: 10px 0 0 0;transform: translateX(-50%);box-shadow: 0 8px 28px rgb(211 226 239 / 40%);background: #fff;overflow: hidden;border-radius: 4px;padding: 12px;min-width: 100px;display: flex;flex-direction: column;transition:all 0.35s;opacity:0;visibility:hidden;}
    #header .top .tool .lang ul.active{opacity:1;visibility:visible;top:100%;}
    #header .top .tool .lang li{}
    #header .top .tool .lang .langBtn{display: flex;align-items: center;justify-content: center;height: 36px;background: transparent;gap: 8px;}
    #header .top .tool .lang .langBtn img{}
    #header .top .tool .lang .langBtn p{font-size: 13px;}
    #header .top .tool .lang .langBtn i{width: 16px;height: 16px;background: url("../img/common/dropdown_arrow.png") no-repeat 50% 50% / contain;}
    #header .top .tool .lang .langBtn.active i{transform:rotate(180deg)}
    #header .top .tool .lang .langItem{display: flex;align-items: center;justify-content: center;line-height: 30px;font-size: 14px;border-radius: 8px;}
    #header .top .tool .lang .langItem.on{background: #F6F9FF;}
    #header .top .tool .reservation{}
    #header .top .tool .reservation a{min-width: 122px;height: 36px;padding: 0 12px;color:#ffffff;background:#e53e53;border-radius:5px;font-size: 13px;font-weight: bold;display: flex;align-items: center;justify-content: center;}

    #header .header{position: relative;display: flex;align-items: center;justify-content: space-between;height: 60px;width: 1280px;max-width: 100%;margin: 0 auto;}
    #header .header .logo{display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
    #header .header .logo a{display: block;}
    #header .header .logo img{height: 34px;width: auto;display: block;}
    #header .header .gnb{margin: 0 auto 0 240px;display: flex;align-items: center;}
    #header .header .gnb .dp1{display: flex;align-items:center;justify-content: flex-start;gap: 48px;}
    #header .header .gnb .dp1 .dl1{width: auto;position: relative;}
    #header .header .gnb .dp1 .dl1 + .dl1{}
    #header .header .gnb .dp1 .dl1 .da1{display:flex;height: 80px;padding: 13px 0;align-items:center;font-size: 18px;font-weight: bold;position:relative;}
    #header .header .gnb .dp1 .dl1 .da1 i{margin:0 0 0 10px;}
    #header .header .gnb .dp1 .dl1:hover .da1,
    #header .header .gnb .dp1 .dl1.on .da1{color:#e53e53;}
    #header .header .gnb .dp1 .dl1:hover .da1:after,
    #header .header .gnb .dp1 .dl1:hover .dp2{display:block;}
    #header .header .gnb .dp2{position:absolute;top:100%;left:0;padding: 10px 10px 10px 10px;background-color: #FFFFFF;border-radius: 0px 0px 0px 0px;min-width: 220px;box-shadow: 0 10px 30px 0 rgba(45,45,45,.2);display: none;}
    #header .header .gnb .dp2 .dl2{}
    #header .header .gnb .dp2 .dl2 .da2{display:flex;align-items:center;padding:15px 15px 15px 15px;height:50px;font-size: 14px;}
    #header .header .gnb .dp2 .dl2:hover .da2{color: #FFFFFF;background-color: #e53e53;}
    #header .header .search{margin: 0 0 0 65px;text-align: center;display:flex;align-items:center;justify-content:center;}
    #header .header .search a{display:flex;align-items:center;justify-content:center;width: 30px;height: 30px;}
    #header .header .search a i{font-size:20px;font-weight:bold;color: #e53e53;}
    #header .header .tool{display:flex;align-items:center;justify-content:center;position: absolute;top: 50%;right: 0;transform: translateY(-50%);gap: 24px;}
    #header .header .tool .bttn{display:flex;align-items:Center;gap:12px;}
    #header .header .tool .bttn a{display:flex;align-items:center;justify-content:center;}
    #header .header .tool .bttn a img{display:block;width:auto;height:24px;}
    #header .header .tool .search{}
    #header .header .tool .link{}
    #header .header .tool .link .btn{display: flex;line-height: 24px;font-size: 13px;}
    #header .header .tool .lang{position: relative;}
    #header .header .tool .lang ul{position: absolute;top: calc(100% - 10px);left: 50%;margin: 10px 0 0 0;transform: translateX(-50%);box-shadow: 0 8px 28px rgb(211 226 239 / 40%);background: #fff;overflow: hidden;border-radius: 4px;padding: 12px;min-width: 100px;display: flex;flex-direction: column;transition:all 0.35s;opacity:0;visibility:hidden;}
    #header .header .tool .lang ul.active{opacity:1;visibility:visible;top:100%;}
    #header .header .tool .lang li{}
    #header .header .tool .lang .langBtn{display: flex;align-items: center;justify-content: center;height: 36px;background: transparent;gap: 8px;}
    #header .header .tool .lang .langBtn img{}
    #header .header .tool .lang .langBtn p{font-size: 13px;}
    #header .header .tool .lang .langBtn i{width: 16px;height: 16px;background: url("../img/common/dropdown_arrow.png") no-repeat 50% 50% / contain;}
    #header .header .tool .lang .langBtn.active i{transform:rotate(180deg)}
    #header .header .tool .lang .langItem{display: flex;align-items: center;justify-content: center;line-height: 30px;font-size: 14px;border-radius: 8px;}
    #header .header .tool .lang .langItem.on{background: #F6F9FF;}
    #header .header .tool .reservation{}
    #header .header .tool .reservation a{min-width: 122px;height: 36px;padding: 0 12px;color:#ffffff;background:#e53e53;border-radius:5px;font-size: 13px;font-weight: bold;display: flex;align-items: center;justify-content: center;}

    @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: auto;display: flex;flex-direction: column;margin-bottom:60px;}
    #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: 60px;font-size: 48px;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 40px;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:#e53e53;transform:scale(0.9)}
    #footer .footer .link{position:absolute;top:0;right:0;display: flex;flex-direction: column;align-items: flex-end;gap: 16px;z-index: 111;}
    #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: #e53e53;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;}

    #main{}
    #main .visual{position: relative;overflow: hidden;}
    #main .visual .image{position:relative;height:780px;box-sizing:content-box;}
    #main .visual .image img{display:block;width:100%;height:auto}
    #main .visual .inner{position:absolute;bottom:0;right:0;background:#e53e53;padding:50px 60px;;z-index:10;width:45vw;max-width:100%;border-radius:5px 0px 0px 5px;display:flex;flex-direction:column;align-items:flex-start;}
    #main .visual .inner .tit{line-height:67px;font-size:50px;font-weight:900;color:#ffffff;margin:0 0 20px 0;}
    #main .visual .inner .tit span{color:#5DE0D6;}
    #main .visual .inner .txt{line-height:27px;font-size:18px;font-weight: 300;color:#ffffff;margin: 0 0 50px 0;width: 620px;max-width:100%;}
    #main .visual .inner .act{display:flex;align-items:center;}
    #main .visual .inner .act .btn{padding:0 38px;height:50px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:bold;margin:0 20px 0 0;}
    #main .visual .inner .act .btn:nth-child(1){margin-right:65px;}
    #main .visual .inner .act .play{position:relative;display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:55px;border:1px solid #ffffff;color:#ffffff;font-size:18px;}
    #main .visual .inner .act .play:after,
    #main .visual .inner .act .play:before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;-webkit-box-shadow: 0 0 0 0 currentColor;box-shadow: 0 0 0 0 currentColor;-webkit-animation: jkit-ripple 3s infinite;animation: jkit-ripple 3s infinite;opacity: .6;z-index: -1;}
    #main .visual .inner .act .play:after{-webkit-animation-delay: .3s;animation-delay: .3s;}
    #main .visual .inner .act .play:hover{color:#e53e53;background:#ffffff;}
    #main .visual .inner .act .watch{display:flex;margin-left:20px;font-size:18px;font-weight:bold;color:#fff}
    #main .visual .status{position:relative;z-index:2;background:#ffffff;padding:50px 0;}
    #main .visual .status ul{display:flex;}
    #main .visual .status li{flex:1;display:flex;align-items:center;}
    #main .visual .status li .img{display:flex;align-items:center;justify-content:center;width:76px;height:78px;border-radius:78px;background:#fafafa}
    #main .visual .status li .img i{color:#999;font-size:36px;}
    #main .visual .status li .con{padding-left:25px;display:flex;flex-direction:column;align-items:center;text-align:Center;}
    #main .visual .status li .num{display:flex;align-items:center;height:60px;font-size: 40px;font-weight: 800;color: #15233E;}
    #main .visual .status li .num em{font-size:22px;margin-left:6px;position:relative;top:-4px}
    #main .visual .status li .txt{line-height:20px;font-size:16px;color:#8b8a99;}
    #main .visual .status li:nth-child(1) .img{background:#E3EAFF}
    #main .visual .status li:nth-child(1) .img i{color:#e53e53;}
    #main .visual .status li:nth-child(2) .img{background:#E3FFFE}
    #main .visual .status li:nth-child(2) .img i{color:#46A79F;}

    #main .about{padding:100px 0 0;overflow: hidden;}
    #main .about .wrap{display:flex}
    #main .about .cont{width: 50%;flex-shrink: 0;padding:0 50px 0 0;}
    #main .about .cont .sub{display:flex;align-items:center;color:#e53e53;font-size:18px;font-weight:bold;margin:0 0 20px 0;}
    #main .about .cont .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background:#E3EAFF;display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .about .cont .tit{margin:0 0 20px 0;line-height: 44px;font-size: 35px;font-weight: 900;color:#15233e;white-space: nowrap;}
    #main .about .cont .txt{margin:0 0 40px 0;line-height:27px;font-size:16px;font-weight: 300;color:#8B8A99;}
    #main .about .cont .con{display:flex;flex-wrap:wrap;margin:0 0 50px 0;gap: 18px;width: 494px;}
    #main .about .cont .con li{width: calc(25% - 13.499px);font-size:16px;color: #8B8A99;height: 105px;border-radius: 5px;background: #DFF3FF;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    #main .about .cont .con li:nth-child(3){margin-right: calc(25% + 4.501px);}
    #main .about .cont .con li i{font-size: 40px;color: #3088FF;}
    #main .about .cont .con li p{margin-top: 12px;font-size:16px;font-weight: 500;color:#3088ff;}
    #main .about .cont .ceo{display:flex;align-items:center;}
    #main .about .cont .ceo .ceoimg{width:88px;height:88px;border-radius:88px;flex-shrink:0;margin:0 20px 0 0;overflow:hidden}
    #main .about .cont .ceo .ceoimg img{display:block;width:100%;height: 100%;object-fit: cover;}
    #main .about .cont .ceo .ceotxt{}
    #main .about .cont .ceo .ceotxt p{color:#15233E;font-size:18px;font-style:italic;margin:0 0 20px 0;word-break: keep-all;}
    #main .about .cont .ceo .ceotxt span{color:#e53e53;font-size:16px;}
    #main .about .cont .ceo .ceotxt span strong{font-weight:800;font-size:18px;}
    #main .about .image{position:relative;width: 50%;flex-shrink: 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;}
    #main .about .image .img{position:relative;z-index:2;display:flex;align-items:Flex-end;justify-content:flex-end;}
    #main .about .image .img img{display:block;width:82%;height:auto;}
    #main .about .image .lst{}
    #main .about .image .lst li{position:absolute;text-align: left;background-color: #FFFFFF;padding: 15px 15px 5px 15px;box-shadow: 0px 0px 10px 0px rgba(35, 40, 148, 0.1);border-radius: 5px;display:flex;align-items:flex-start;width: 310px;max-width: 100%;}
    #main .about .image .lst li:nth-child(1){z-index:1;top:-3%;left:58%;}
    #main .about .image .lst li:nth-child(2){z-index:1;top: 16%;left:4%;}
    #main .about .image .lst li:nth-child(3){z-index:3;top:53%;left:59%;}
    #main .about .image .lst li:nth-child(4){z-index:3;top:78%;left:13%;}
    #main .about .image .lst li:nth-child(1) .ico{color: #B6BD15;background-color: #FFFFE3;}
    #main .about .image .lst li:nth-child(2) .ico{color: #3088FF;background-color: #DFF3FF;}
    #main .about .image .lst li:nth-child(3) .ico{color: #2AC837;background-color: #DFFFE0;}
    #main .about .image .lst li:nth-child(4) .ico{color: #46A79F;background-color: #E3FFFE;}
    #main .about .image .lst li .ico{width:48px;height:48px;border-radius:48px;margin-right:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fafafa;font-size:20px;color:#333}
    #main .about .image .lst li .con{}
    #main .about .image .lst li .tit{font-size:16px;font-weight:800;color:#15233e;margin:0 0 2px 0;}
    #main .about .image .lst li .txt{font-size:14px;color:#8B8A99;margin:0 0 15px 0;}

    #main .service{position:relative;padding:100px 0;background:#e53e53;}
    #main .service:before{content:'';position:absolute;z-index: 1;top:0;left:0;width:100%;height:100%;background: url("../img/main/service_bg.png") no-repeat 50% 50% / cover;opacity:0.05;pointer-events:none;}
    #main .service .wrap{position:relative;z-index:2;}
    #main .service .title{text-align:center;display:flex;flex-direction:column;align-items:center;margin: 0 0 95px;}
    #main .service .title .sub{display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:18px;font-weight:bold;margin:0 0 20px 0;}
    #main .service .title .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background: rgba(255,255,255,0.19);display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .service .title .tit{line-height:48px;font-size:40px;font-weight: 900;color:#ffffff}
    #main .service .title .txt{margin:0 0 40px 0;line-height:27px;font-size:16px;color:#ffffff}
    #main .service .list{}
    #main .service .list ul{display:flex;}
    #main .service .list li{flex:1;}
    #main .service .list li + li{margin-left:30px;}
    #main .service .list li .box{padding: 40px 25px;border-radius:5px;background:#ffffff;min-height: 348px;display: flex;flex-direction: column;}
    #main .service .list li .thumb{position:relative;margin-bottom: 20px;}
    #main .service .list li .thumb .img{position:relative;width:100%;display: flex;align-items: center;justify-content: center;}
    #main .service .list li .thumb .img img{display:block;width: auto;height: auto;}
    #main .service .list li .thumb .area{position:absolute;bottom:0;right:25px;transform: translateY(50%);width:62px;height:62px;border-radius:62px;overflow:hidden;border:7px solid #ffffff;}
    #main .service .list li .thumb .area img{display:block;width:100%;height:100%;object-fit:cover;}
    #main .service .list li .cont{margin: auto 0 0 0;}
    #main .service .list li .cont .cost{display:flex;align-items:flex-end;margin-bottom: 20px;}
    #main .service .list li .cont .cost .price{line-height:1;font-size:30px;font-weight:800;color: #e53e53;}
    #main .service .list li .cont .cost .type{position: relative;line-height:1;font-size:14px;color:#8B8A99;margin: 0 0 0 2px;top: -2px;}
    #main .service .list li .cont .tit{line-height: 27px;font-size:22px;font-weight:800;color:#15233E;margin-bottom: 20px;}
    #main .service .list li .cont .txt{line-height:24px;font-size:16px;font-weight: 300;color: #8B8A99;height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    #main .service .list li .bottom{margin-top:20px;padding-top:20px;border-top:1px solid #ECECEC;display:flex;align-items:center;justify-content:space-between}
    #main .service .list li .rate{display:flex;align-items:center}
    #main .service .list li .rate .num{margin-right: 10px;font-size:16px;font-weight:bold;color: #15233E;}
    #main .service .list li .rate .star{display:flex;align-items:center;}
    #main .service .list li .rate .star i{display:block;margin-right: 4px;width:15px;font-size:15px;font-weight: 400;position:relative;color:#EAEAEA;font-family: Arial,Helvetica,sans-serif;}
    #main .service .list li .rate .star i:before{content:'★';position: absolute;overflow: hidden;color: #f0ad4e;top: 0px;left: 0px;}
    #main .service .list li .rate .star i.star-full:before{width:100%}
    #main .service .list li .rate .star i.star-9:before{width:90%}
    #main .service .list li .rate .star i.star-8:before{width:80%}
    #main .service .list li .rate .star i.star-7:before{width:70%}
    #main .service .list li .rate .star i.star-6:before{width:60%}
    #main .service .list li .rate .star i.star-5:before{width:50%}
    #main .service .list li .rate .star i.star-4:before{width:40%}
    #main .service .list li .rate .star i.star-3:before{width:30%}
    #main .service .list li .rate .star i.star-2:before{width:20%}
    #main .service .list li .rate .star i.star-1:before{width:10%}
    #main .service .list li .rate .star i.star-0:before{width:0%}
    #main .service .list li .button{}
    #main .service .list li .button .btn{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;border-radius:5px;padding:17px 30px 17px 30px;line-height: 1em;}
    #main .service .list li .exp{margin:10px;line-height:24px;font-size:14px;font-weight:300;color:#fff;opacity:0.79;}

    #main .trust{position:relative;padding: 100px 0 150px;}
    #main .trust .wrap{position:relative;z-index:2;}
    #main .trust .title{text-align:center;display:flex;flex-direction:column;align-items:center;margin: 0 0 95px;}
    #main .trust .title .sub{display:flex;align-items:center;justify-content:center;color: #e53e53;font-size:18px;font-weight:bold;margin:0 0 20px 0;}
    #main .trust .title .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background: #E3EAFF;display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .trust .title .tit{line-height:48px;font-size:40px;font-weight: 900;color: #15233E;}
    #main .trust .title .txt{margin:0 0 40px 0;line-height:27px;font-size:16px;color:#ffffff}
    #main .trust .list{}
    #main .trust .list ul{display:flex;}
    #main .trust .list li{flex:1;}
    #main .trust .list li + li{margin-left: 26px;}
    #main .trust .list li .box{padding: 54px 40px 46px;border-radius: 20px;background:#ffffff;display: flex;flex-direction: column;box-shadow: 0px 10px 40px 0px rgba(35, 40, 148, 0.1);}
    #main .trust .list li .thumb{position:relative;margin-bottom: 40px;height: 42px;}
    #main .trust .list li .thumb .img{position:relative;width:100%;display: flex;align-items: center;justify-content: flex-start;}
    #main .trust .list li .thumb .img img{display:block;width: auto;height: auto;}
    #main .trust .list li .cont{margin: auto 0 0 0;}
    #main .trust .list li .cont .tit{line-height: 27px;font-size: 25px;font-weight:800;color:#15233E;margin-bottom: 20px;}
    #main .trust .list li .cont .txt{line-height:24px;font-size:16px;font-weight: 300;color: #8B8A99;height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

    #main .priceplan{position: relative;padding: 180px 0 220px;overflow: hidden;}
    #main .priceplan:after{content:'';position:absolute;bottom:23px;left: 50%;margin-left: 320px;width:579px;height:369px;background:url("../img/main/price.png") no-repeat 50% 50% / contain}
    #main .priceplan .wrap{display:flex;}
    #main .priceplan .title{flex: 4;display:flex;flex-direction:column;align-items:flex-start;padding-right:15px;}
    #main .priceplan .title .sub{display:flex;align-items:center;color:#e53e53;font-size:18px;font-weight:bold;margin:0 0 20px 0;}
    #main .priceplan .title .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background:#E3EAFF;display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .priceplan .title .tit{margin:0 0 20px 0;line-height:48px;font-size:40px;font-weight: 900;color:#15233e;}
    #main .priceplan .title .txt{margin:0 0 20px 0;line-height:24px;font-size:16px;color:#8B8A99;}
    #main .priceplan .title .act{}
    #main .priceplan .title .act .btn{display:flex;align-items: center;justify-content: center;border-radius: 5px;line-height: 1em;padding: 17px 40px 17px 40px;font-size: 15px;font-weight: bold;}
    #main .priceplan .cont{flex: 6;padding-left:15px;}
    #main .priceplan .cont ul{display:flex}
    #main .priceplan .cont li{min-width: 473px;}
    #main .priceplan .cont li + li{margin-left:20px;}
    #main .priceplan .cont li .box{position:relative;padding:40px;border-radius: 5px;overflow: hidden;}
    #main .priceplan .cont li dl{display:flex;height:66px;border-bottom: 1px solid rgb(57 79 146 / 10%);}
    #main .priceplan .cont li dl:nth-child(1){background:#e53e53}
    #main .priceplan .cont li dl:nth-child(1) dt{font-weight:500;color:#ffffff}
    #main .priceplan .cont li dl:nth-child(1) dd{font-weight:500;color:#ffffff;border-left:1px solid rgba(255,255,255,0.18)}
    #main .priceplan .cont li dl:last-child{border-bottom:0;}
    #main .priceplan .cont li dt{display:flex;flex-shrink:0;width:185px;align-items:center;justify-content:center;text-align:center;font-size: 20px;font-weight: 500;color: #e53e53;}
    #main .priceplan .cont li dd{flex:1;display: flex;align-items:center;justify-content:center;text-align:center;border-left:1px solid rgb(57 79 146 / 10%);font-size: 20px;color: #30374E;}
    #main .priceplan .cont li:nth-child(1) .box{padding: 0;box-shadow: 0px 10px 40px 0px rgba(35, 40, 148, 0.1);}
    #main .priceplan .cont li:nth-child(1) .option p i{color: #e53e53;}
    #main .priceplan .cont li:nth-child(1) .price{background:#E3EAFF;color: #e53e53;}
    #main .priceplan .cont li:nth-child(2) .box{}
    #main .priceplan .cont li:nth-child(2) .option p i{color: #55CDC4;}
    #main .priceplan .cont li:nth-child(2) .price{background:#E3FFFE;color: #46A79F;}
    #main .priceplan .cont li .name{line-height: 36px;font-size:24px;font-weight:800;color:#15233E;margin-bottom: 20px;}
    #main .priceplan .cont li .text{line-height: 24px;font-size: 16px;color: #8B8A99;}
    #main .priceplan .cont li .option{margin: 30px 0 0 0;padding: 30px 0 0 0;border-top: 1px solid #EAEAEA;}
    #main .priceplan .cont li .option p{display:flex;align-items:center;line-height:30px;font-size: 14px;color: #8B8A99;}
    #main .priceplan .cont li .option p + p{}
    #main .priceplan .cont li .option p i{width: 17.5px;flex-shrink: 0;font-size: 14px;color: #333333;margin: 0 13.5px 0 0;}
    #main .priceplan .cont li .button{margin: 40px 0 0 0;display: flex;align-items: center;justify-content: center;}
    #main .priceplan .cont li .button .btn{display: flex;align-items: center;justify-content: center;width: 100%;padding: 17px 38px 17px 38px;font-size: 16px;font-weight:bold;border-radius:5px;}
    #main .priceplan .cont li .price{position: absolute;top: 0;right: 20px;transform: translateY(-50%);width: 126px;height: 126px;border-radius: 120px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;font-size: 30px;font-weight: 900;}
    #main .priceplan .cont li .price em{font-size: 16px;font-weight: 400;color: #8B8A99;}

    #main .testimonial{position:relative;padding: 100px 0;background: #e53e53;}
    #main .testimonial:before{content:'';position:absolute;z-index: 1;top:0;left:0;width:100%;height:100%;background: url("../img/main/service_bg.png") no-repeat 50% 50% / cover;opacity: 0.035;pointer-events:none;}
    #main .testimonial .title{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;}
    #main .testimonial .title .sub{display:flex;align-items:center;color: #ffffff;font-size:18px;font-weight:bold;margin:0 0 20px 0;}
    #main .testimonial .title .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background: rgba(255,255,255,0.19);display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .testimonial .title .tit{margin:0 0 20px 0;line-height:48px;font-size:40px;font-weight: 900;color: #ffffff;}
    #main .testimonial .title .txt{margin: 0 0 40px 0;line-height:24px;font-size:16px;color: #ffffff;}
    #main .testimonial .list{position:relative;padding:40px;border-radius:5px;display:flex;min-height: 454px;background: #ffffff;z-index: 5;}
    #main .testimonial .list:before{content: '';position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/main/service_bg.png) no-repeat 50% 50% / cover;opacity: 0.05;pointer-events: none;}
    #main .testimonial .list .thumb{width:28.954%;position: relative;z-index: 2;display: flex;align-items: flex-start;justify-content: center;}
    #main .testimonial .list .thumb .profile{position:relative;margin: 40px 0 0 0;}
    #main .testimonial .list .thumb .lab{position:absolute;top: 0;left: -9px;border: 5px solid #e53e53;width: 57px;height: 57px;border-radius: 57px;align-items: center;justify-content: center;background:#ffffff;display: flex;font-size: 21px;color: #e53e53;}
    #main .testimonial .list .thumb .lab i{display:block;}
    #main .testimonial .list .thumb .img{display: flex;align-items: center;justify-content: center;width: 186px;height: 186px;border-radius: 160px;overflow: hidden;    }
    #main .testimonial .list .thumb .img img{display:block;width:100%;height:100%;object-fit:cover;}
    #main .testimonial .list .slider{position: relative;z-index: 2;width:71.046%;overflow:hidden}
    #main .testimonial .list .slider .swiper-slide{padding: 100px 0 0 0;}
    #main .testimonial .list .slider .text{position: relative;padding: 0 0 0 20px;line-height: 27px;font-size: 18px;color: #e53e53;margin-top: 30px;margin-bottom: 30px;}
    #main .testimonial .list .slider .text i{position:absolute;top:50%;right: 1px;font-size: 73px;font-family: "Font Awesome 6 Free";color: #2E4076;z-index: -1;}
    #main .testimonial .list .slider .star{padding: 0 0 0 20px;display:flex;align-items:center}
    #main .testimonial .list .slider .star i{display:block;margin-right: 4px;width: 16px;font-size:18px;font-weight: 400;position:relative;color:#EAEAEA;font-family: Arial,Helvetica,sans-serif;}
    #main .testimonial .list .slider .star i:before{content:'★';position: absolute;overflow: hidden;color: #f0ad4e;top: 0px;left: 0px;}
    #main .testimonial .list .slider .star i.star-full:before{width:100%}
    #main .testimonial .list .slider .star i.star-9:before{width:90%}
    #main .testimonial .list .slider .star i.star-8:before{width:80%}
    #main .testimonial .list .slider .star i.star-7:before{width:70%}
    #main .testimonial .list .slider .star i.star-6:before{width:60%}
    #main .testimonial .list .slider .star i.star-5:before{width:50%}
    #main .testimonial .list .slider .star i.star-4:before{width:40%}
    #main .testimonial .list .slider .star i.star-3:before{width:30%}
    #main .testimonial .list .slider .star i.star-2:before{width:20%}
    #main .testimonial .list .slider .star i.star-1:before{width:10%}
    #main .testimonial .list .slider .star i.star-0:before{width:0%}
    #main .testimonial .list .slider .info{margin:20px 0 0 0;}
    #main .testimonial .list .slider .info .name{line-height: 27px;font-size: 18px;font-weight: 800;color: #e53e53;}
    #main .testimonial .list .slider .info .des{font-size:14px;color: #e53e53;}
    #main .testimonial .cont{margin-top:100px}
    #main .testimonial .cont ul{display:flex}
    #main .testimonial .cont li{flex:1;display:flex;align-items:center;}
    #main .testimonial .cont li .img{display:flex;align-items:center;justify-content:center;width: 60px;height: 60px;border-radius: 60px;background:#fafafa}
    #main .testimonial .cont li .img i{color:#999;font-size: 24px;}
    #main .testimonial .cont li .con{padding-left:25px;display:flex;flex-direction:column;align-items: flex-start;text-align: center;}
    #main .testimonial .cont li .num{display:flex;align-items:center;height: 50px;font-size: 40px;font-weight: 800;color: #15233E;}
    #main .testimonial .cont li .num em{font-size:22px;margin-left:6px;position:relative;top:-4px}
    #main .testimonial .cont li .txt{line-height:20px;font-size:16px;color:#8b8a99;}
    #main .testimonial .cont li:nth-child(1) .img{background:#E3EAFF}
    #main .testimonial .cont li:nth-child(1) .img i{color:#e53e53;}
    #main .testimonial .cont li:nth-child(1) .num em{color:#e53e53;}
    #main .testimonial .cont li:nth-child(2) .img{background:#E3FFFE}
    #main .testimonial .cont li:nth-child(2) .img i{color:#46A79F;}
    #main .testimonial .cont li:nth-child(2) .num em{color:#46A79F;}
    #main .testimonial .cont li:nth-child(3) .img{background:#FFFFE3}
    #main .testimonial .cont li:nth-child(3) .img i{color:#B6BD15;}
    #main .testimonial .cont li:nth-child(3) .num em{color:#B6BD15;}
    #main .testimonial .cont li:nth-child(4) .img{background: #DFFFE0;}
    #main .testimonial .cont li:nth-child(4) .img i{color: #2AC837;}
    #main .testimonial .cont li:nth-child(4) .num em{color: #2AC837;}

    #main .partner{position:relative;padding: 100px 0;background: #e53e53;}
    #main .partner .wrap{width:1360px}
    #main .partner .title{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;margin: 0 0 95px 0;}
    #main .partner .title .sub{display:flex;align-items:center;color: #ffffff;font-size:18px;font-weight:bold;margin:0 0 20px 0;}
    #main .partner .title .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background: rgba(255,255,255,0.19);display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .partner .title .tit{line-height:48px;font-size:40px;font-weight: 900;color: #ffffff;}
    #main .partner .cont{}
    #main .partner .cont ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 40px 20px;}
    #main .partner .cont li{border-radius: 10px;min-height: 92px;align-items: center;justify-content: center;display: flex;background: #fff;box-shadow: 0px 10px 40px 0px rgba(35, 40, 148, 0.1);width: calc(20% - 15.985px);}
    #main .partner .cont li img{}

    #main .ourblog{padding: 100px 0;}
    #main .ourblog .title{flex:1;display:flex;flex-direction:column;align-items: flex-start;text-align:center;position:relative;margin: 0 0 35px 0;}
    #main .ourblog .title .sub{display:flex;align-items:center;color:#e53e53;font-size:18px;font-weight:bold;margin:0 0 20px 0;}
    #main .ourblog .title .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background:#E3EAFF;display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .ourblog .title .tit{line-height:48px;font-size:40px;font-weight: 900;color:#15233e;}
    #main .ourblog .title .act{position:absolute;bottom: 0;right:0;}
    #main .ourblog .title .act .btn{display: flex;align-items: center;justify-content: center;text-align: center;padding: 17px 40px 17px 40px;border-radius: 5px;font-size: 15px;font-weight: bold;line-height: 1em;}
    #main .ourblog .list{}
    #main .ourblog .list ul{display:flex;gap: 30px;}
    #main .ourblog .list li{}
    #main .ourblog .list li + li{}
    #main .ourblog .list li .box{}
    #main .ourblog .list li .img{overflow: hidden;height: 250px;width: 100%;margin: 0 0 15px 0;}
    #main .ourblog .list li .img img{display:block;width:100%;height:100%;object-fit:cover;}
    #main .ourblog .list li .tit{line-height: 26px;font-size: 20px;font-weight: 800;color: #15233E;}
    #main .ourblog .list li .tit:hover{color:#e53e53}
    #main .ourblog .list li .txt{line-height: 24px;font-size: 15px;color: #8B8A99;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin: 8px 0;}
    #main .ourblog .list li .time{margin: 12px 0px 0px 0px;display: flex;align-items: center;font-size: 14px;color: #AEAEAE;}
    #main .ourblog .list li .time i{font-size: 14px;color: #AEAEAE;margin: 0 8px 0 0;}

    #main .faq{position: relative;padding: 100px 0;background: #EEF1FA;}
    #main .faq .wrap{display:flex;}
    #main .faq .title{width: 350px;display:flex;flex-direction:column;align-items:flex-start;padding-right:15px;}
    #main .faq .title .sub{display:flex;align-items:center;color:#e53e53;font-size:18px;font-weight:bold;margin:0 0 20px 0;}
    #main .faq .title .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background:#E3EAFF;display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .faq .title .tit{margin: 0 0 45px 0;line-height:48px;font-size:40px;font-weight: 900;color:#15233e;}
    #main .faq .title .txt{margin:0 0 20px 0;line-height:24px;font-size:16px;color:#8B8A99;}
    #main .faq .title .act{}
    #main .faq .title .act .btn{display:flex;align-items: center;justify-content: center;border-radius: 5px;line-height: 1em;padding: 17px 40px 17px 40px;font-size: 15px;font-weight: bold;}
    #main .faq .cont{padding-left:15px;flex: 1;}
    #main .faq .cont ul{display:flex;flex-direction: column;}
    #main .faq .cont li{}
    #main .faq .cont li + li{margin-top:14px;}
    #main .faq .cont li .box{box-shadow: 0px 10px 40px 0px rgba(35, 40, 148, 0.1);background: #ffffff;border-radius: 10px;overflow: hidden;}
    #main .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: 22px;font-weight: 600;color: #e53e53;}
    #main .faq .cont li .txt{line-height: 24px;font-size: 15px;color: #8B8A99;}
    #main .faq .cont li .ico{width: 22px;height: 24px;display: flex;align-items: center;justify-content: center;font-size: 28px;font-weight: bold;color: #e53e53;flex-shrink: 0;margin: 0 36px 0 0;}
    #main .faq .cont li .arw{width: 24px;height: 24px;flex-shrink: 0;margin: 0 0 0 24px;background: url("../img/common/dropdown.png") no-repeat 50% 50% / 13px auto;}
    #main .faq .cont li .question{display:flex;align-items:center;width:100%;height:89px;padding: 32px;background: #fff;}
    #main .faq .cont li .question.on .arw{transform:rotate(180deg)}
    #main .faq .cont li .answer{display: none;align-items: flex-start;width:100%;padding: 32px;background: #fff;border-top: 1px solid rgb(57 79 146 / 10%);}
    #main .faq .cont li .answer.on{display: flex;}

    #main .ourteam{position: relative;padding: 102px 0 148px 0;}
    #main .ourteam:before{content:'';position:absolute;z-index: 1;top:0;left:0;width:100%;height:100%;background: url("../img/main/service_bg.png") no-repeat 50% 50% / cover;opacity:0.035;pointer-events:none;}
    #main .ourteam .title{flex:1;display:flex;flex-direction:column;align-items: flex-start;text-align:center;position:relative;margin: 0 0 55px 0;}
    #main .ourteam .title .sub{display:flex;align-items:center;color:#e53e53;font-size:18px;font-weight:bold;margin:0 0 20px 0;}
    #main .ourteam .title .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background:#E3EAFF;display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .ourteam .title .tit{line-height:48px;font-size:40px;font-weight: 900;color:#15233e;}
    #main .ourteam .title .act{position:absolute;bottom: 0;right:0;}
    #main .ourteam .title .act .btn{display: flex;align-items: center;justify-content: center;text-align: center;padding: 17px 40px 17px 40px;border-radius: 5px;font-size: 15px;font-weight: bold;line-height: 1em;}
    #main .ourteam .list{}
    #main .ourteam .list ul{display:flex;gap: 30px;}
    #main .ourteam .list li{width: 20%;}
    #main .ourteam .list li + li{}
    #main .ourteam .list li .box{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    #main .ourteam .list li .img{position: relative;width: 100%;padding: 100% 0 0 0;margin: 0 0 40px 0;}
    #main .ourteam .list li .img:before{content:'';position:absolute;top: 100%;margin: 15px 0 0 0;left: 50%;width: 12px;height: 12px;border-radius: 12px;background: #fff;border: 2px solid #e53e53;transform: translateX(-50%);}
    #main .ourteam .list li .img:after{content:'';position:absolute;top: 100%;margin: 20px 0 0 0;left: 50%;width: 6px;height: 6px;border-radius: 6px;background: #e53e53;transform: translateX(-50%);}
    #main .ourteam .list li .img img{display:block;width:100%;height:100%;object-fit:cover;position: absolute;top: 0;left: 0;border-radius: 100%;overflow: hidden;}
    #main .ourteam .list li .tit{line-height: 26px;font-size: 22px;font-weight: 800;color: #15233E;}
    #main .ourteam .list li .tit:hover{color:#e53e53}
    #main .ourteam .list li .txt{line-height: 24px;font-size: 16px;color: #8B8A99;overflow: hidden;margin: 14px 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: 36px;font-size: 24px;font-weight: bold;color: #e53e53;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 .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:#e53e53}
    #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:#e53e53;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 #e53e53;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: #e53e53;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: #e53e53;}
    #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: #e53e53;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{}
    #login .login{padding: 80px 20px 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{border-color: #e53e53;color: #e53e53;}
    #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: #f4f6f8;padding: 8px 24px;border-radius: 8px;font-size: 16px;}
    #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;}
    #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: #e53e53;}

    #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: #e53e53;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;}

    #join{}
    #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{border-color: #e53e53;color: #e53e53;}
    #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: #f4f6f8;padding: 8px 24px;border-radius: 8px;border: 1px solid #f4f6f8;}
    #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: #f4f6f8;padding: 8px 24px;border-radius: 8px;border: 1px solid #f4f6f8;}
    #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;}
    #join .join .agree li label input ~ p strong{color: #e53e53;}
    #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;border: 1px solid transparent;}
    #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: #e53e53;}


    #register{}
    #register .register{margin:0 auto;padding: 65px 0;width:700px;max-width:100%;min-height: 800px;}
    #register .register .title{line-height: 46px;font-size: 34px;font-weight: bold;color: #2e3035;margin: 0 0 0.5rem 0;}
    #register .register .popup{margin-bottom: 32px;}
    #register .register .popup a{display: inline-flex;font-weight: 700;color: rgb(5, 92, 245);font-size: 14px;border: none;background: none;outline: none;padding: 3px;margin-left: -3px;}
    #register .register .cont{padding: 30px 0;display: flex; border-top: 1px solid #f3f4f8;}
    #register .register .cont:last-child{border-bottom:1px solid #f3f4f8}
    #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: #f3f4f8;}
    #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: 24px;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{}
    #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: 17px;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 .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;}


    #register .register_container{width: 100%;max-width: 1280px;margin: 30px auto;background: #fff;border-radius: 10px;box-shadow: none;overflow: hidden;}
    #register .register_container .register_header {background: #e53e53;color: #fff;padding: 20px;text-align: center;}
    #register .register_container .register_header .title {font-size: 24px;font-weight: bold;}
    #register .register_container .register_content {padding: 30px;}
    #register .register_container .register_form {margin-bottom: 35px;padding-bottom: 30px;border-bottom: 1px solid #eee;}
    #register .register_container .register_form:last-child {border-bottom: none;}
    #register .register_container .input dl {display: flex;margin-bottom: 15px;width: 49%;float: left;margin-right: 1%;}
    #register .register_container .input dl.w100p {width: 100%;}
    #register .register_container .input dl dt {width: 130px;padding: 8px 0;font-weight: 500;}
    #register .register_container .input dl dt em {color: #ff4e4e;margin-left: 2px;}
    #register .register_container .input dl dd {flex: 1;}
    #register .register_container .inp {position: relative;}
    #register .register_container .inp input[type="text"],
    #register .register_container .inp select {width: 100%;padding: 10px;border: 1px solid #ddd;border-radius: 5px;font-size: 14px;}
    #register .register_container .inp_search {position: relative;}
    #register .register_container .inp_search input[type="text"] {padding-right: 40px; /* 버튼을 위한 공간 확보 */}
    #register .register_container .btn_search {position: absolute;right: 0;top: 0;width: 40px;height: 100%;background: #e53e53 url('/img/sch_btn.png') no-repeat center; /* 이미지 사용 시 */background-size: 18px;color: #fff;border: none;border-radius: 0 5px 5px 0;cursor: pointer;}
    #register .register_container .btn_search::after {content: ""; /* 내용 없애기 */}
    #register .register_container .acc {display: flex;align-items: center;}
    #register .register_container .acc button {width: 32px;height: 32px;border: 1px solid #ddd;background: #f9f9f9;cursor: pointer;}
    #register .register_container .acc .minus {background-size: 12px;}
    #register .register_container .acc .plus {background-size: 12px;}
    #register .register_container .acc input.number {width: 60px;text-align: center;margin: 0 5px;}
    #register .register_container .ctr button.add {padding: 6px 15px;background: #e53e53;color: #fff;border: none;border-radius: 4px;cursor: pointer;}
    #register .register_container .list ul li {list-style: none;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #ddd;}
    #register .register_container .list ul li:last-child {border-bottom: none;}
    #register .register_container .total {text-align: right;font-weight: bold;font-size: 18px;padding: 15px 0;color: #e53e53;}
    #register .register_container .income dl {display: flex;margin-bottom: 15px;align-items: center;}
    #register .register_container .income dl dt {width: 130px;padding: 8px 0;font-weight: 500;}
    #register .register_container .income dl dd {flex: 1;display: flex;gap: 10px;}
    #register .register_container .incomeBtn {padding: 10px 15px;background: #f9f9f9;border: 1px solid #ddd;border-radius: 4px;cursor: pointer;font-size: 14px;}
    #register .register_container .incomeBtn.on {background: #e53e53;color: #fff;border-color: #e53e53;}
    #register .register_container .textarea .tit {margin-bottom: 15px;font-weight: 500;font-size: 16px;}
    #register .register_container .textarea textarea {width: 100%;height: 120px;padding: 15px;border: 1px solid #ddd;border-radius: 5px;resize: vertical;font-size: 14px;line-height: 1.5;}
    #register .register_container .condition {margin-top: 25px;}
    #register .register_container .condition dl {display: flex;margin-bottom: 15px;align-items: center;}
    #register .register_container .condition dl dt {width: 130px;padding: 8px 0;font-weight: 500;}
    #register .register_container .condition dl dd {flex: 1;display: flex;flex-wrap: wrap;gap: 8px;}
    #register .register_container .conditionBtn {padding: 8px 15px;background: #f9f9f9;border: 1px solid #ddd;border-radius: 4px;cursor: pointer;font-size: 14px;}
    #register .register_container .conditionBtn.on {background: #e53e53;color: #fff;border-color: #e53e53;}
    #register .register_container .agree {margin-top: 25px;}
    #register .register_container .agree .tit {font-weight: bold;margin-bottom: 15px;padding: 12px 15px;background: #f9f9f9;border-radius: 5px;cursor: pointer;position: relative;font-size: 15px;}
    #register .register_container .agree .tit:after {content: "";position: absolute;right: 15px;top: 50%;transform: translateY(-50%);width: 12px;height: 12px;background-size: contain;}
    #register .register_container .agree .tit.on:after {transform: translateY(-50%) rotate(180deg);}
    #register .register_container .agree .txt {padding: 20px;background: #f7f7f7;font-size: 14px;line-height: 1.6;margin-bottom: 20px;border-radius: 5px;}
    #register .register_container .agree .con ul li {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
    #register .register_container .agree .con label {display: flex;align-items: center;cursor: pointer;}
    #register .register_container .agree .con input[type="checkbox"] {display: none;}
    #register .register_container .agree .con i {width: 20px;height: 20px;border: 1px solid #ddd;border-radius: 3px;margin-right: 10px;position: relative;}
    #register .register_container .agree .con input[type="checkbox"]:checked+i:after {content: "";position: absolute;left: 4px;top: 4px;width: 10px;height: 10px;background: #e53e53;border-radius: 1px;}
    #register .register_container .agree .con a {color: #e53e53;text-decoration: underline;}
    #register .register_container .register_button {text-align: center;margin-top: 40px;}
    #register .register_container .btn_submit {padding: 15px 50px;background: #e53e53;color: #fff;border: none;border-radius: 5px;font-size: 16px;font-weight: 500;cursor: pointer;}
    #register .register_container .input:after {content: "";display: table;clear: both;}
    #register .register_container .register_form { max-width: 600px; font-family: sans-serif; }
    #register .register_container .row { display: flex; align-items: center; margin-bottom: 10px; gap: 10px; }
    #register .register_container .row label { width: 90px; }
    #register .register_container .inp select, .inp input { padding: 6px; width: 100%; box-sizing: border-box; }
    #register .register_container .inp { flex: 1; }
    #register .register_container .acc { display: flex; align-items: center; gap: 5px; }
    #register .register_container .acc input { width: 40px; text-align: center; }
    #register .register_container .acc button { width: 30px; height: 30px; }
    #register .register_container .total { font-weight: bold; margin-top: 15px; }
    #register .register_container .add { padding: 6px 12px; }

    #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: 640px;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: #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: 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:100%;max-width:100%;min-height: 800px;}
    #reservation .reservation .title{line-height: 46px;font-size: 34px;font-weight: bold;color: #2e3035;margin: 0 0 0.5rem 0;}
    #reservation .reservation .popup{margin-bottom: 32px;}
    #reservation .reservation .popup a{display: inline-flex;font-weight: 700;color: rgb(5, 92, 245);font-size: 14px;border: none;background: none;outline: none;padding: 3px;margin-left: -3px;}
    #reservation .reservation .cont{padding: 30px 0;/*display: flex; */ border-top: 1px solid #f3f4f8;}
    #reservation .reservation .cont:last-child{border-bottom:1px solid #f3f4f8}
    #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: #f3f4f8;}
    #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;}

    #translate{}
    #translate .translate{}
    #translate .translate .section{position:relative;padding:40px 20px;        background: #F6F9FF;}
    /*#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: #e53e53;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:20px 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: 1000px;margin: 0 auto;max-width: 100%;}
    #translate .translate .section .work li{width: 140px;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 #e53e53;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: 22px;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: #F6F9FF;overflow: hidden;}
    #customer .customer .wrap{display:flex;}
    #customer .customer .lt-item{width: 50%;padding: 0 100px 0 0;}
    #customer .customer .rt-item{width: 50%;}
    #customer .customer .sub{line-height: 36px;font-size: 16px;font-weight: bold;color: #e53e53;margin: 0 0 16px;letter-spacing: 5px;}
    #customer .customer .title{line-height: 64px;font-size: 48px;font-weight: bold;margin: 0 0 32px;}
    #customer .customer .text{line-height: 32px;font-size: 20px;word-break: keep-all;}
    #customer .customer .button{margin: 40px 0 0 0;display: flex;flex-wrap: wrap;gap: 10px 16px;}
    #customer .customer .button .btn{display: flex;align-items: center;justify-content: center;min-width: 160px;height: 48px;flex-shrink: 0;border-radius: 48px;font-size: 16px;font-weight: bold;}
    #customer .customer .form{position: relative;padding: 20px;border: 1px solid rgba(255,255,255,0.75);background: rgb(255 255 255 / 50%);border-radius: 10px;}
    #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: 14px;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;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);padding: 10px 16px;}
    #customer .customer .form dd textarea{display: flex;align-items: center;justify-content: flex-start;border-radius: 6px;width: 100%;height: 250px;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);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;padding: 12px;line-height: 24px;font-size: 16px;}
    #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;}

    #review{position: relative;padding: 140px 20px;overflow: hidden;}
    #review .heading{line-height: 64px;font-size: 48px;font-weight: bold;margin: 0 0 32px;text-align: center;}

    #content{padding: 140px 20px;}

    #mypage{}
    #mypage .mypage{position: relative;padding: 140px 20px;overflow: hidden;}
    #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: #e53e53;}
    #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: #e53e53 !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;gap:30px;}
    #mypage .mypage .content .aside{width: 200px;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: 30px;font-size: 24px;font-weight: bold;}
    #mypage .mypage .content .aside .con{}
    #mypage .mypage .content .aside .con ul{}
    #mypage .mypage .content .aside .con li{}
    #mypage .mypage .content .aside .con li a{display: block;line-height: 42px;font-size: 18px;font-weight: 500;color: #989898;}
    #mypage .mypage .content .cont{flex:1;}
    #mypage .mypage .content .head{line-height: 40px;font-size: 16px;font-weight: 500;}
    #mypage .mypage .content .head span{color: #e53e53;}
    #mypage .mypage .content .table{border-top: 2px solid #202020;}
    #mypage .mypage .content .table table{width: 100%;border-collapse: collapse;}
    #mypage .mypage .content .table table tr{height: 60px;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: 15px;}
    #mypage .mypage .content .table table td span{color: #e53e53;}
    #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;}

    /**/
    .subBanner {width:100%;background: url('../img/sub/sub_back.png') no-repeat center center / cover;display: flex;flex-direction: column;justify-content: center;padding: 198px 20px 80px;}
    .subBanner h2 {font-size: 36px;font-weight: 600;color: #fff;max-width: 100%;margin: 0px auto 0;font-family: 'GmarketSans';}
    .subBanner span {font-size:17px;font-weight: 400;color: #fff;max-width: 100%;margin: 10px auto 0;display: block;}

    .imgBanner {width:100%;margin:0 0 50px 0;}
    .imgBanner img{width:100%;display:block;}

    .subCon { width: 1200px; position: relative; margin: 0 auto; padding: 90px 0; }
    .intro02 { width:540px; }
    .intro02 h3 { font-size:28px; font-weight: 600; color: #323232;   }
    .intro02 p { font-size:16px; font-weight: 400; color: #4f4f4f; margin-top: 50px;  }
    .intro01 { position: absolute; right: 80px; top: 120px; }

    .intro_s{display: flex;flex-direction: column; }
    .intro_s .title{ font-size:30px; font-weight: 600; color: #323232; margin-bottom:10px; }
    .intro_s .title span{ color:#03c75a; }
    .intro_s .text{ font-size:20px; font-weight: 400; color: #4f4f4f; margin-bottom:10px; margin-top: 20px; }
    .intro_s .text span{ color:#03c75a; }
    .intro_s .image{display:flex;gap:20px;}
    .intro_s .image .img{width:100%;display: flex;flex-direction: column;height: 100%;}
    .intro_s .image img{display: block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;flex: 0 0 auto;}
    .intro_s .image p{font-size:24px;font-weight: 500;margin-top:10px;text-align:center;display: block;flex: 0 0 auto;}
    .intro_s .image p span{ color:#03c75a; }
    .intro_s .content{display:flex;gap:50px;}
    .intro_s .br{height: 100px;}
    .intro_s .br2{height: 150px;}

    .intro_s .w25p{width:25%;}
    .intro_s .mb50{margin-bottom:50px;}

    /**/
    #bo_gall{margin:0 auto;width:1280px !important;max-width:100%;}
    #bo_gall .gall_li{width:25%}

    #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%;border-radius: 100%;animation: jkit-search-background .8s ease-out forwards;}
    #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-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%;aspect-ratio: 1 / 1.18;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: 800px) {

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

    .fixed-button{bottom:150px;right:20px;}
    #add-channel-button{width:40px;height:40px;}
    #tel-button{width:40px;height:40px;}

    #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: 200px;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;}
    #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:#e53e53;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: #e53e53;}
    #header .header .gnb .dp1 .dl1.active .da1{font-weight:700;color:#e53e53}
    #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: #e53e53;}
    #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 0px;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: 54px;font-size: 32px;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;margin-top: 40px;}
    #subvisual .button{position: relative;z-index: 5;margin: 60px 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:#e53e53;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: #e53e53;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;}

    #main{}
    #main .visual{position: relative;overflow: hidden;}
    #main .visual .image{position:relative;height: 290px;box-sizing:content-box;}
    #main .visual .image img{display:block;width:100%;height: 100%;object-fit: cover;}
    #main .visual .inner{position: relative;margin-top: -20vw;left: 2%;background:#e53e53;padding: 30px 20px 30px 20px;z-index:10;width: 98%;max-width:100%;border-radius:5px 0px 0px 5px;display:flex;flex-direction:column;align-items:flex-start;}
    #main .visual .inner .tit{line-height: 32px;font-size: 28px;font-weight:900;color:#ffffff;margin:0 0 20px 0;}
    #main .visual .inner .txt{line-height: 1.4;font-size: 13px;color:#ffffff;margin:0 0 20px 0;width: 100%;}
    #main .visual .inner .act{display:flex;align-items:center;}
    #main .visual .inner .act .btn{padding:0 38px;height:50px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size: 16px;font-weight:bold;margin:0 20px 0 0;}
    #main .visual .inner .act .play{position:relative;display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:55px;border:1px solid #ffffff;color:#ffffff;font-size:18px;display: none;}
    #main .visual .inner .act .play:after,
    #main .visual .inner .act .play:before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;-webkit-box-shadow: 0 0 0 0 currentColor;box-shadow: 0 0 0 0 currentColor;-webkit-animation: jkit-ripple 3s infinite;animation: jkit-ripple 3s infinite;opacity: .6;z-index: -1;}
    #main .visual .inner .act .play:after{-webkit-animation-delay: .3s;animation-delay: .3s;}
    #main .visual .inner .act .play:hover{color:#e53e53;background:#ffffff;}
    #main .visual .inner .act .watch{display:flex;margin-left:20px;font-size:18px;font-weight:bold;color:#fff;display: none;}
    #main .visual .status{position:relative;z-index:2;background:#ffffff;padding: 50px 15px 0;}
    #main .visual .status ul{display:flex;flex-wrap: wrap;}
    #main .visual .status li{width: 50%;display:flex;flex-direction: column;align-items: center;justify-content: center;}
    #main .visual .status li .img{display:flex;align-items:center;justify-content:center;width:76px;height:78px;border-radius:78px;background:#fafafa}
    #main .visual .status li .img i{color:#999;font-size:36px;}
    #main .visual .status li .con{display:flex;flex-direction:column;align-items:center;text-align:Center;}
    #main .visual .status li .num{display:flex;align-items:center;height: 52px;font-size: 35px;font-weight: 800;color: #15233E;}
    #main .visual .status li .num em{font-size:22px;margin-left:6px;position:relative;top:-4px}
    #main .visual .status li .txt{line-height: 16px;font-size: 14px;color:#8b8a99;}
    #main .visual .status li:nth-child(1) .img{background:#E3EAFF}
    #main .visual .status li:nth-child(1) .img i{color:#e53e53;}
    #main .visual .status li:nth-child(1) .num em{color:#e53e53;}
    #main .visual .status li:nth-child(2) .img{background:#E3FFFE}
    #main .visual .status li:nth-child(2) .img i{color:#46A79F;}
    #main .visual .status li:nth-child(2) .num em{color:#46A79F;}

    #main .about{padding: 50px 15px;}
    #main .about .wrap{display:flex;flex-direction: column;}
    #main .about .cont{flex-shrink: 0;padding: 10px 0;}
    #main .about .cont .sub{display:flex;align-items:center;color:#e53e53;font-size: 16px;font-weight:bold;margin:0 0 20px 0;}
    #main .about .cont .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background:#E3EAFF;display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .about .cont .tit{margin:0 0 20px 0;line-height: 32px;font-size: 28px;font-weight: 900;color:#15233e;}
    #main .about .cont .tit br{display:none;}
    #main .about .cont .txt{margin:0 0 40px 0;line-height: 21px;font-size: 14px;color:#8B8A99;}
    #main .about .cont .con{display:flex;flex-wrap:wrap;margin:0 0 50px 0;gap:6px;}
    #main .about .cont .con li{width: calc(33.33% - 3.99px);font-size:16px;color: #8B8A99;height: 105px;border-radius: 5px;background: #DFF3FF;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    #main .about .cont .con li i{font-size: 24px;color: #3088FF;}
    #main .about .cont .con li p{margin-top: 12px;font-size: 14px;font-weight: 500;color:#3088ff;}

    #main .about .cont .ceo{display:flex;align-items:center;flex-direction: column;text-align: center;}
    #main .about .cont .ceo .ceoimg{width: 120px;height: 120px;border-radius: 120px;flex-shrink:0;margin: 0 0 50px 0;overflow:hidden}
    #main .about .cont .ceo .ceoimg img{display:block;width:100%;height: 100%;object-fit: cover;}
    #main .about .cont .ceo .ceotxt{}
    #main .about .cont .ceo .ceotxt p{color:#15233E;font-size: 16px;font-style:italic;margin:0 0 20px 0;word-break: keep-all;}
    #main .about .cont .ceo .ceotxt span{color:#e53e53;font-size:16px;}
    #main .about .cont .ceo .ceotxt span strong{font-weight:800;font-size:18px;}
    #main .about .image{position:relative;width: 50%;flex-shrink: 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;display: none;}
    #main .about .image .img{position:relative;z-index:2;display:flex;align-items:Flex-end;justify-content:flex-end;}
    #main .about .image .img img{display:block;width:82%;height:auto;}
    #main .about .image .lst{}
    #main .about .image .lst li{position:absolute;text-align: left;background-color: #FFFFFF;padding: 15px 15px 5px 15px;box-shadow: 0px 0px 10px 0px rgba(35, 40, 148, 0.1);border-radius: 5px;display:flex;align-items:flex-start;}
    #main .about .image .lst li:nth-child(1){z-index:1;top:-3%;left:58%;}
    #main .about .image .lst li:nth-child(2){z-index:1;top:20%;left:4%;}
    #main .about .image .lst li:nth-child(3){z-index:3;top:53%;left:59%;}
    #main .about .image .lst li:nth-child(4){z-index:3;top:78%;left:13%;}
    #main .about .image .lst li:nth-child(1) .ico{color: #B6BD15;background-color: #FFFFE3;}
    #main .about .image .lst li:nth-child(2) .ico{color: #3088FF;background-color: #DFF3FF;}
    #main .about .image .lst li:nth-child(3) .ico{color: #2AC837;background-color: #DFFFE0;}
    #main .about .image .lst li:nth-child(4) .ico{color: #46A79F;background-color: #E3FFFE;}
    #main .about .image .lst li .ico{width:48px;height:48px;border-radius:48px;margin-right:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fafafa;font-size:20px;color:#333}
    #main .about .image .lst li .con{}
    #main .about .image .lst li .tit{font-size:16px;font-weight:800;color:#15233e;margin:0 0 2px 0;}
    #main .about .image .lst li .txt{font-size:14px;color:#8B8A99;margin:0 0 15px 0;}

    #main .service{position:relative;padding: 50px 15px;background:#e53e53;}
    #main .service:before{content:'';position:absolute;z-index: 1;top:0;left:0;width:100%;height:100%;background: url("../img/main/service_bg.png") no-repeat 50% 50% / cover;opacity:0.05;pointer-events:none;}
    #main .service .wrap{position:relative;z-index:2;}
    #main .service .title{text-align:center;display:flex;flex-direction:column;align-items:center;}
    #main .service .title .sub{display:flex;align-items:center;justify-content:center;color:#ffffff;font-size: 16px;font-weight:bold;margin:0 0 20px 0;}
    #main .service .title .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background: rgba(255,255,255,0.19);display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .service .title .tit{margin:0 0 20px 0;line-height: 32px;font-size: 28px;font-weight: 900;color:#ffffff}
    #main .service .title .txt{margin:0 0 40px 0;line-height: 21px;font-size: 14px;color:#ffffff}
    #main .service .list{}
    #main .service .list ul{display:flex;flex-direction: column;}
    #main .service .list li{flex:1;}
    #main .service .list li + li{margin-top: 20px;}
    #main .service .list li .box{padding: 20px;border-radius:5px;background:#ffffff}
    #main .service .list li .thumb{position:relative;margin-bottom:20px;}
    #main .service .list li .thumb .img{position:relative;width:100%;}
    #main .service .list li .thumb .img img{display:block;width: auto;}
    #main .service .list li .thumb .area{position:absolute;bottom: -7px;right:25px;width:62px;height:62px;border-radius:62px;overflow:hidden;border:7px solid #ffffff;}
    #main .service .list li .thumb .area img{display:block;width:100%;height:100%;object-fit:cover;}
    #main .service .list li .cont{}
    #main .service .list li .cont .cost{display:flex;align-items:flex-end;margin-bottom: 20px;}
    #main .service .list li .cont .cost .price{line-height:1;font-size: 26px;font-weight:800;color: #e53e53;}
    #main .service .list li .cont .cost .type{position: relative;line-height:1;font-size:14px;color:#8B8A99;margin: 0 0 0 2px;top: -2px;}
    #main .service .list li .cont .tit{line-height: 30px;font-size: 20px;font-weight:800;color:#15233E;margin-bottom: 20px;}
    #main .service .list li .cont .txt{line-height: 21px;font-size: 14px;color: #8B8A99;margin-bottom: 20px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
    #main .service .list li .bottom{margin-top:20px;padding-top:20px;border-top:1px solid #ECECEC;display:flex;align-items:center;justify-content:space-between}
    #main .service .list li .rate{display:flex;align-items:center}
    #main .service .list li .rate .num{margin-right: 10px;font-size:16px;font-weight:bold;color: #15233E;}
    #main .service .list li .rate .star{display:flex;align-items:center;}
    #main .service .list li .rate .star i{display:block;margin-right: 4px;width:15px;font-size:15px;font-weight: 400;position:relative;color:#EAEAEA;font-family: Arial,Helvetica,sans-serif;}
    #main .service .list li .rate .star i:before{content:'★';position: absolute;overflow: hidden;color: #f0ad4e;top: 0px;left: 0px;}
    #main .service .list li .rate .star i.star-full:before{width:100%}
    #main .service .list li .rate .star i.star-9:before{width:90%}
    #main .service .list li .rate .star i.star-8:before{width:80%}
    #main .service .list li .rate .star i.star-7:before{width:70%}
    #main .service .list li .rate .star i.star-6:before{width:60%}
    #main .service .list li .rate .star i.star-5:before{width:50%}
    #main .service .list li .rate .star i.star-4:before{width:40%}
    #main .service .list li .rate .star i.star-3:before{width:30%}
    #main .service .list li .rate .star i.star-2:before{width:20%}
    #main .service .list li .rate .star i.star-1:before{width:10%}
    #main .service .list li .rate .star i.star-0:before{width:0%}
    #main .service .list li .button{}
    #main .service .list li .button .btn{display:flex;align-items:center;justify-content:center;font-size: 14px;font-weight:700;border-radius:5px;padding:17px 30px 17px 30px;line-height: 1em;}
    #main .service .list li .exp{margin:10px;line-height:24px;font-size:14px;font-weight:300;color:#fff;opacity:0.79;}

    #main .trust{position:relative;padding: 50px 15px;}
    #main .trust .wrap{position:relative;z-index:2;}
    #main .trust .title{text-align:center;display:flex;flex-direction:column;align-items:center;margin: 0 0 95px;}
    #main .trust .title .sub{display:flex;align-items:center;justify-content:center;color: #e53e53;font-size:18px;font-weight:bold;margin:0 0 20px 0;}
    #main .trust .title .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background: #E3EAFF;display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .trust .title .tit{line-height: 32px;font-size: 28px;font-weight: 900;color: #15233E;}
    #main .trust .title .txt{margin:0 0 40px 0;line-height:27px;font-size:16px;color:#ffffff}
    #main .trust .list{}
    #main .trust .list ul{display:flex;flex-direction: column;}
    #main .trust .list li{flex:1;}
    #main .trust .list li + li{margin-top: 12px;}
    #main .trust .list li .box{padding: 24px;border-radius: 20px;background:#ffffff;display: flex;flex-direction: column;box-shadow: 0px 10px 40px 0px rgba(35, 40, 148, 0.1);}
    #main .trust .list li .thumb{position:relative;margin-bottom: 20px;height: 42px;}
    #main .trust .list li .thumb .img{position:relative;width:100%;display: flex;align-items: center;justify-content: flex-start;}
    #main .trust .list li .thumb .img img{display:block;width: auto;height: auto;}
    #main .trust .list li .cont{margin: auto 0 0 0;}
    #main .trust .list li .cont .tit{line-height: 27px;font-size: 22px;font-weight:800;color:#15233E;margin-bottom: 20px;}
    #main .trust .list li .cont .txt{line-height: 18px;font-size: 14px;font-weight: 300;color: #8B8A99;height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}


    #main .priceplan{padding: 50px 15px;}
    #main .priceplan .wrap{display:flex;flex-direction: column;}
    #main .priceplan .title{display:flex;flex-direction:column;align-items:flex-start;padding-right:15px;margin: 0 0 70px 0;}
    #main .priceplan .title .sub{display:flex;align-items:center;color:#e53e53;font-size: 16px;font-weight:bold;margin:0 0 20px 0;}
    #main .priceplan .title .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background:#E3EAFF;display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .priceplan .title .tit{margin:0 0 20px 0;line-height: 32px;font-size: 28px;font-weight: 900;color:#15233e;}
    #main .priceplan .title .txt{margin: 0 0 40px 0;line-height: 21px;font-size: 14px;color:#8B8A99;}
    #main .priceplan .title .act{}
    #main .priceplan .title .act .btn{display:flex;align-items: center;justify-content: center;border-radius: 5px;line-height: 1em;padding: 17px 40px 17px 40px;font-size: 14px;font-weight: bold;}
    #main .priceplan .cont{padding: 5px;}
    #main .priceplan .cont ul{display:flex;flex-direction: column;}
    #main .priceplan .cont li{}
    #main .priceplan .cont li + li{margin-top: 100px;}
    #main .priceplan .cont li .box{position:relative;padding:40px;border-radius: 5px;overflow: hidden;}
    #main .priceplan .cont li dl{display:flex;height: 50px;border-bottom: 1px solid rgb(57 79 146 / 10%);}
    #main .priceplan .cont li dl:nth-child(1){background:#e53e53}
    #main .priceplan .cont li dl:nth-child(1) dt{font-weight:500;color:#ffffff}
    #main .priceplan .cont li dl:nth-child(1) dd{font-weight:500;color:#ffffff;border-left:1px solid rgba(255,255,255,0.18)}
    #main .priceplan .cont li dl:last-child{border-bottom:0;}
    #main .priceplan .cont li dt{display:flex;flex-shrink:0;width:185px;align-items:center;justify-content:center;text-align:center;font-size: 16px;font-weight: 500;color: #e53e53;}
    #main .priceplan .cont li dd{flex:1;display: flex;align-items:center;justify-content:center;text-align:center;border-left:1px solid rgb(57 79 146 / 10%);font-size: 16px;color: #30374E;}
    #main .priceplan .cont li:nth-child(1) .box{padding:0;box-shadow: 0px 10px 40px 0px rgba(35, 40, 148, 0.1);}
    #main .priceplan .cont li:nth-child(1) .option p i{color: #e53e53;}
    #main .priceplan .cont li:nth-child(1) .price{background:#E3EAFF;color: #e53e53;}
    #main .priceplan .cont li:nth-child(2) .box{}
    #main .priceplan .cont li:nth-child(2) .option p i{color: #55CDC4;}
    #main .priceplan .cont li:nth-child(2) .price{background:#E3FFFE;color: #46A79F;}
    #main .priceplan .cont li .name{line-height: 33px;font-size: 22px;font-weight:800;color:#15233E;margin-bottom: 20px;}
    #main .priceplan .cont li .text{line-height: 21px;font-size: 14px;color: #8B8A99;}
    #main .priceplan .cont li .option{margin: 20px 0 0 0;padding: 20px 0 0 0;border-top: 1px solid #EAEAEA;}
    #main .priceplan .cont li .option p{display:flex;align-items:center;line-height: 21px;font-size: 14px;color: #8B8A99;}
    #main .priceplan .cont li .option p + p{margin-top:7px;}
    #main .priceplan .cont li .option p i{width: 17.5px;flex-shrink: 0;font-size: 14px;color: #333333;margin: 0 13.5px 0 0;}
    #main .priceplan .cont li .button{margin: 40px 0 0 0;display: flex;align-items: center;justify-content: center;}
    #main .priceplan .cont li .button .btn{display: flex;align-items: center;justify-content: center;width: 100%;padding: 14px 38px 14px 38px;font-size: 14px;font-weight:bold;border-radius:5px;}
    #main .priceplan .cont li .price{position: absolute;top: 0;right: 20px;transform: translateY(-50%);width: 115px;height: 115px;border-radius: 115px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;font-size: 26px;font-weight: 900;}
    #main .priceplan .cont li .price em{font-size: 14px;font-weight: 400;color: #8B8A99;line-height: 1;}

    #main .partner{position:relative;padding:50px 15px;background: #e53e53;}
    #main .partner .wrap{width:1360px}
    #main .partner .title{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;margin: 0 0 25px 0;}
    #main .partner .title .sub{display:flex;align-items:center;color: #ffffff;font-size:18px;font-weight:bold;margin:0 0 20px 0;}
    #main .partner .title .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background: rgba(255,255,255,0.19);display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .partner .title .tit{line-height: 32px;font-size: 28px;font-weight: 900;color: #ffffff;}
    #main .partner .cont{}
    #main .partner .cont ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 20px 10px;}
    #main .partner .cont li{border-radius: 5px;min-height: 62px;align-items: center;justify-content: center;display: flex;background: #fff;box-shadow: 0px 10px 40px 0px rgba(35, 40, 148, 0.1);width: calc(33.33% - 6.65px);}
    #main .partner .cont li img{max-width: 80%;height: auto;    }

    #main .testimonial{position: relative;padding: 50px 15px;background: #e53e53;}
    #main .testimonial .title{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;}
    #main .testimonial .title .sub{display:flex;align-items:center;color: #ffffff;font-size: 16px;font-weight:bold;margin:0 0 20px 0;}
    #main .testimonial .title .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background: rgba(255,255,255,0.19);display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .testimonial .title .tit{margin:0 0 20px 0;line-height: 32px;font-size: 28px;font-weight: 900;color: #ffffff;}
    #main .testimonial .title .txt{margin: 0 0 40px 0;line-height: 21px;font-size: 14px;color: #fff;}
    #main .testimonial .list{position:relative;padding: 30px 20px 50px 20px;border-radius: 10px;background: #fff;display:flex;flex-direction: column;}
    #main .testimonial .list:before{content: '';position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/main/service_bg.png) no-repeat 50% 50% / cover;opacity: 0.05;pointer-events: none;}
    #main .testimonial .list .thumb{position: relative;z-index: 2;display: flex;align-items: flex-start;justify-content: center;}
    #main .testimonial .list .thumb .profile{position:relative;}
    #main .testimonial .list .thumb .lab{position:absolute;top: 5px;left: -29px;border: 5px solid #e53e53;width: 57px;height: 57px;border-radius: 57px;align-items: center;justify-content: center;background:#ffffff;display: flex;font-size: 21px;color: #e53e53;}
    #main .testimonial .list .thumb .lab i{display:block;}
    #main .testimonial .list .thumb .img{display: flex;align-items: center;justify-content: center;width: 141px;height: 141px;border-radius: 141px;overflow: hidden;}
    #main .testimonial .list .thumb .img img{display:block;width:100%;height:100%;object-fit:cover;}
    #main .testimonial .list .slider{position: relative;overflow:hidden}
    #main .testimonial .list .slider .swiper-slide{padding: 60px 0 0 0;}
    #main .testimonial .list .slider .text{position: relative;padding: 0 20px;line-height: 18px;font-size: 14px;color: #e53e53;margin-bottom: 20px;}
    #main .testimonial .list .slider .text i{position:absolute;top:50%;right:0;font-size: 45px;font-family: "Font Awesome 6 Free";color: #2E4076;z-index: -1;}
    #main .testimonial .list .slider .star{padding: 0 0 0 20px;display:flex;align-items:center}
    #main .testimonial .list .slider .star i{display:block;margin-right: 4px;width: 16px;font-size:18px;font-weight: 400;position:relative;color:#EAEAEA;font-family: Arial,Helvetica,sans-serif;}
    #main .testimonial .list .slider .star i:before{content:'★';position: absolute;overflow: hidden;color: #f0ad4e;top: 0px;left: 0px;}
    #main .testimonial .list .slider .star i.star-full:before{width:100%}
    #main .testimonial .list .slider .star i.star-9:before{width:90%}
    #main .testimonial .list .slider .star i.star-8:before{width:80%}
    #main .testimonial .list .slider .star i.star-7:before{width:70%}
    #main .testimonial .list .slider .star i.star-6:before{width:60%}
    #main .testimonial .list .slider .star i.star-5:before{width:50%}
    #main .testimonial .list .slider .star i.star-4:before{width:40%}
    #main .testimonial .list .slider .star i.star-3:before{width:30%}
    #main .testimonial .list .slider .star i.star-2:before{width:20%}
    #main .testimonial .list .slider .star i.star-1:before{width:10%}
    #main .testimonial .list .slider .star i.star-0:before{width:0%}
    #main .testimonial .list .slider .info{margin:20px 0 0 0;}
    #main .testimonial .list .slider .info .name{line-height: 27px;font-size: 18px;font-weight: 800;color: #e53e53;}
    #main .testimonial .list .slider .info .des{font-size: 14px;color: #e53e53;}
    #main .testimonial .cont{margin-top: 10px;}
    #main .testimonial .cont ul{display:flex;flex-wrap: wrap;}
    #main .testimonial .cont li{display:flex;width: 50%;flex-direction: column;align-items: center;justify-content: center;text-align: center;margin: 30px 0 0;}
    #main .testimonial .cont li .img{display:flex;align-items:center;justify-content:center;width: 60px;height: 60px;border-radius: 60px;background:#fafafa}
    #main .testimonial .cont li .img i{color:#999;font-size: 24px;}
    #main .testimonial .cont li .con{display:flex;flex-direction:column;align-items: center;text-align: center;}
    #main .testimonial .cont li .num{display:flex;align-items:center;height: 52px;font-size: 35px;font-weight: 800;color: #15233E;}
    #main .testimonial .cont li .num em{font-size:22px;margin-left:6px;position:relative;top:-4px}
    #main .testimonial .cont li .txt{line-height:20px;font-size: 14px;color:#8b8a99;}
    #main .testimonial .cont li:nth-child(1) .img{background:#E3EAFF}
    #main .testimonial .cont li:nth-child(1) .img i{color:#e53e53;}
    #main .testimonial .cont li:nth-child(1) .num em{color:#e53e53;}
    #main .testimonial .cont li:nth-child(2) .img{background:#E3FFFE}
    #main .testimonial .cont li:nth-child(2) .img i{color:#46A79F;}
    #main .testimonial .cont li:nth-child(2) .num em{color:#46A79F;}
    #main .testimonial .cont li:nth-child(3) .img{background:#FFFFE3}
    #main .testimonial .cont li:nth-child(3) .img i{color:#B6BD15;}
    #main .testimonial .cont li:nth-child(3) .num em{color:#B6BD15;}
    #main .testimonial .cont li:nth-child(4) .img{background: #DFFFE0;}
    #main .testimonial .cont li:nth-child(4) .img i{color: #2AC837;}
    #main .testimonial .cont li:nth-child(4) .num em{color: #2AC837;}

    #main .ourblog{padding: 50px 15px;}
    #main .ourblog .title{flex:1;display:flex;flex-direction:column;align-items: flex-start;text-align:center;position:relative;margin: 0 0 35px 0;}
    #main .ourblog .title .sub{display:flex;align-items:center;color:#e53e53;font-size: 16px;font-weight:bold;margin:0 0 20px 0;}
    #main .ourblog .title .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background:#E3EAFF;display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .ourblog .title .tit{line-height: 32px;font-size: 28px;font-weight: 900;color:#15233e;text-align: left;margin: 0 0 25px 0;}
    #main .ourblog .title .act{position: revert;}
    #main .ourblog .title .act .btn{display: flex;align-items: center;justify-content: center;text-align: center;padding: 17px 40px 17px 40px;border-radius: 5px;font-size: 14px;font-weight: bold;line-height: 1em;}
    #main .ourblog .list{}
    #main .ourblog .list ul{display:flex;gap: 20px;flex-direction: column;}
    #main .ourblog .list li{}
    #main .ourblog .list li + li{}
    #main .ourblog .list li .box{}
    #main .ourblog .list li .img{overflow: hidden;height: 190px;width: 100%;margin: 0 0 15px 0;}
    #main .ourblog .list li .img img{display:block;width:100%;height:100%;object-fit:cover;}
    #main .ourblog .list li .tit{line-height: 24px;font-size: 18px;font-weight: 800;color: #15233E;}
    #main .ourblog .list li .tit:hover{color:#e53e53}
    #main .ourblog .list li .txt{line-height: 21px;font-size: 14px;color: #8B8A99;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin: 8px 0;}
    #main .ourblog .list li .time{margin: 12px 0px 0px 0px;display: flex;align-items: center;font-size: 13px;color: #AEAEAE;}
    #main .ourblog .list li .time i{font-size: 14px;color: #AEAEAE;margin: 0 8px 0 0;}

    #main .faq{position: relative;padding: 50px 15px;background: #EEF1FA;}
    #main .faq .wrap{display:flex;flex-direction: column;}
    #main .faq .title{width: 350px;display:flex;flex-direction:column;align-items:flex-start;padding-right:15px;}
    #main .faq .title .sub{display:flex;align-items:center;color:#e53e53;font-size:18px;font-weight:bold;margin:0 0 20px 0;}
    #main .faq .title .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background:#E3EAFF;display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .faq .title .tit{margin: 0 0 25px 0;line-height: 32px;font-size: 28px;font-weight: 900;color:#15233e;}
    #main .faq .title .txt{margin:0 0 20px 0;line-height:24px;font-size:16px;color:#8B8A99;}
    #main .faq .title .act{}
    #main .faq .title .act .btn{display:flex;align-items: center;justify-content: center;border-radius: 5px;line-height: 1em;padding: 17px 40px 17px 40px;font-size: 15px;font-weight: bold;}
    #main .faq .cont{margin-top: 35px;flex: 1;}
    #main .faq .cont ul{display:flex;flex-direction: column;}
    #main .faq .cont li{}
    #main .faq .cont li + li{margin-top:14px;}
    #main .faq .cont li .box{box-shadow: 0px 10px 40px 0px rgba(35, 40, 148, 0.1);background: #ffffff;border-radius: 10px;overflow: hidden;}
    #main .faq .cont li .tit{flex: 1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: left;line-height: 18px;font-size: 16px;font-weight: 600;color: #e53e53;word-break: break-word;}
    #main .faq .cont li .txt{line-height: 20px;font-size: 14px;color: #8B8A99;}
    #main .faq .cont li .ico{width: 22px;height: 24px;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: bold;color: #e53e53;flex-shrink: 0;margin: 0 18px 0 0;}
    #main .faq .cont li .arw{width: 24px;height: 24px;flex-shrink: 0;margin: 0 0 0 12px;background: url("../img/common/dropdown.png") no-repeat 50% 50% / 9px auto;}
    #main .faq .cont li .question{display:flex;align-items:center;width:100%;height: 69px;padding: 20px;background: #fff;}
    #main .faq .cont li .question.on .arw{transform:rotate(180deg)}
    #main .faq .cont li .answer{display: none;align-items: flex-start;width:100%;padding: 20px;background: #fff;border-top: 1px solid rgb(57 79 146 / 10%);}
    #main .faq .cont li .answer.on{display: flex;}

    #main .ourteam{position: relative;padding: 50px 15px;}
    #main .ourteam:before{content:'';position:absolute;z-index: 1;top:0;left:0;width:100%;height:100%;background: url("../img/main/service_bg.png") no-repeat 50% 50% / cover;opacity:0.035;pointer-events:none;}
    #main .ourteam .title{flex:1;display:flex;flex-direction:column;align-items: flex-start;text-align:center;position:relative;margin: 0 0 35px 0;}
    #main .ourteam .title .sub{display:flex;align-items:center;color:#e53e53;font-size: 16px;font-weight:bold;margin:0 0 20px 0;}
    #main .ourteam .title .sub i{margin:0 12px 0 0;width:24px;height:24px;border-radius:24px;background:#E3EAFF;display:flex;align-items:center;justify-content:center;font-size:12px;}
    #main .ourteam .title .tit{line-height: 32px;font-size: 28px;font-weight: 900;color:#15233e;text-align: left;margin: 0 0 25px 0;}
    #main .ourteam .title .act{position: revert;}
    #main .ourteam .title .act .btn{display: flex;align-items: center;justify-content: center;text-align: center;padding: 17px 40px 17px 40px;border-radius: 5px;font-size: 14px;font-weight: bold;line-height: 1em;}#main .ourteam .list{}
    #main .ourteam .list ul{display:flex;gap: 16px;flex-wrap: wrap;align-items: center;justify-content: center;}
    #main .ourteam .list li{width: calc(33.33% - 10.65px);}
    #main .ourteam .list li + li{}
    #main .ourteam .list li .box{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    #main .ourteam .list li .img{position: relative;width: 100%;padding: 100% 0 0 0;margin: 0 0 40px 0;}
    #main .ourteam .list li .img:before{content:'';position:absolute;top: 100%;margin: 15px 0 0 0;left: 50%;width: 12px;height: 12px;border-radius: 12px;background: #fff;border: 2px solid #e53e53;transform: translateX(-50%);}
    #main .ourteam .list li .img:after{content:'';position:absolute;top: 100%;margin: 20px 0 0 0;left: 50%;width: 6px;height: 6px;border-radius: 6px;background: #e53e53;transform: translateX(-50%);}
    #main .ourteam .list li .img img{display:block;width:100%;height:100%;object-fit:cover;position: absolute;top: 0;left: 0;border-radius: 100%;overflow: hidden;}
    #main .ourteam .list li .tit{line-height: 22px;font-size: 18px;font-weight: 800;color: #15233E;}
    #main .ourteam .list li .tit:hover{color:#e53e53}
    #main .ourteam .list li .txt{line-height: 17px;font-size: 13px;color: #8B8A99;overflow: hidden;margin: 6px 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: #e53e53;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%;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 .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:#e53e53}
    #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:#e53e53;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 #e53e53;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);background: #fff;overflow: hidden;margin: 32px 0 0 0;background: #e53e53;}
    #index .customer .customer02 .cont dl{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: #e53e53;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: #e53e53;}
    #index .customer .customer02 .cont dl.by dd{}
    #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: #e53e53;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 #;}
    #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;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%}

    #login{}
    #login .login{padding: 48px 20px 80px;}
    #login .login .wrap{width:600px;}
    #login .login .title{margin: 0 0 32px;text-align: center;line-height: 48px;font-size: 36px;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: #e53e53;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: #f4f6f8;padding: 8px 24px;border-radius: 8px;}
    #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: 4px;font-size: 16px;font-weight: 900;}
    #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: #e53e53;}

    #find{}
    #find .find{padding: 48px 20px 80px;}
    #find .find .wrap{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: #e53e53;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;flex-direction:column;}
    #find .find .button .btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 56px;border-radius: 4px;font-size: 16px;font-weight: bold;}

    #join{}
    #join .join{padding: 48px 20px;}
    #join .join .wrap{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{border-color: #e53e53;color: #e53e53;}
    #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: #f4f6f8;padding: 8px 24px;border-radius: 8px;border: 1px solid #f4f6f8;}
    #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: #f4f6f8;padding: 8px 24px;border-radius: 8px;border: 1px solid #f4f6f8;}
    #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: flex-start;}
    #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: keep-all;}
    #join .join .agree li label input ~ p strong{color: #e53e53;}
    #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;border: 1px solid transparent;}
    #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: #e53e53;}

    #register{}
    #register .register{margin:0 auto;padding: 35px 15px;width:700px;max-width:100%;min-height: 800px;}
    #register .register .title{line-height: 46px;font-size: 34px;font-weight: bold;color: #2e3035;margin: 0 0 0.5rem 0;}
    #register .register .popup{margin-bottom: 32px;}
    #register .register .popup a{display: inline-flex;font-weight: 700;color: rgb(5, 92, 245);font-size: 14px;border: none;background: none;outline: none;padding: 3px;margin-left: -3px;}
    #register .register .cont{padding: 30px 0;display: flex;border-top: 1px solid #f3f4f8;border-bottom: 1px solid #f3f4f8;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 .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: #f3f4f8;}
    #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: 24px;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_container{width: 100%;max-width: 1280px;margin: 30px auto;background: #fff;border-radius: 10px;box-shadow: none;overflow: hidden;}
    #register .register_container .register_header {background: #e53e53;color: #fff;padding: 20px;text-align: center;}
    #register .register_container .register_header .title {font-size: 24px;font-weight: bold;}
    #register .register_container .register_content {}
    #register .register_container .register_form {margin-bottom: 35px;padding-bottom: 30px;border-bottom: 1px solid #eee;}
    #register .register_container .register_form:last-child {border-bottom: none;}
    #register .register_container .input dl {display: flex;margin-bottom: 15px;width: 100%;float: left;}
    #register .register_container .input dl.w100p {width: 100%;}
    #register .register_container .input dl dt {width: 130px;padding: 8px 0;font-weight: 500;}
    #register .register_container .input dl dt em {color: #ff4e4e;margin-left: 2px;}
    #register .register_container .input dl dd {flex: 1;}
    #register .register_container .inp {position: relative;}
    #register .register_container .inp input[type="text"],
    #register .register_container .inp select {width: 100%;padding: 10px;border: 1px solid #ddd;border-radius: 5px;font-size: 14px;}
    #register .register_container .inp_search {position: relative;}
    #register .register_container .inp_search input[type="text"] {padding-right: 40px; /* 버튼을 위한 공간 확보 */}
    #register .register_container .btn_search {position: absolute;right: 0;top: 0;width: 40px;height: 100%;background: #e53e53 url('/img/sch_btn.png') no-repeat center; /* 이미지 사용 시 */background-size: 18px;color: #fff;border: none;border-radius: 0 5px 5px 0;cursor: pointer;}
    #register .register_container .btn_search::after {content: ""; /* 내용 없애기 */}
    #register .register_container .acc {display: flex;align-items: center;}
    #register .register_container .acc button {width: 32px;height: 32px;border: 1px solid #ddd;background: #f9f9f9;cursor: pointer;}
    #register .register_container .acc .minus {background-size: 12px;}
    #register .register_container .acc .plus {background-size: 12px;}
    #register .register_container .acc input.number {width: 60px;text-align: center;margin: 0 5px;}
    #register .register_container .ctr button.add {padding: 6px 15px;background: #e53e53;color: #fff;border: none;border-radius: 4px;cursor: pointer;}
    #register .register_container .list ul li {list-style: none;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #ddd;}
    #register .register_container .list ul li:last-child {border-bottom: none;}
    #register .register_container .total {text-align: right;font-weight: bold;font-size: 18px;padding: 15px 0;color: #e53e53;}
    #register .register_container .income dl {display: flex;margin-bottom: 15px;align-items: center;flex-wrap:wrap;}
    #register .register_container .income dl dt {width:100%;padding: 8px 0;font-weight: 500;}
    #register .register_container .income dl dd {width:100%;display: flex;gap: 10px;}
    #register .register_container .incomeBtn {padding: 10px 15px;background: #f9f9f9;border: 1px solid #ddd;border-radius: 4px;cursor: pointer;font-size: 14px;}
    #register .register_container .incomeBtn.on {background: #e53e53;color: #fff;border-color: #e53e53;}
    #register .register_container .textarea .tit {margin-bottom: 15px;font-weight: 500;font-size: 16px;}
    #register .register_container .textarea textarea {width: 100%;height: 120px;padding: 15px;border: 1px solid #ddd;border-radius: 5px;resize: vertical;font-size: 14px;line-height: 1.5;}
    #register .register_container .condition {margin-top: 25px;}
    #register .register_container .condition dl {display: flex;margin-bottom: 15px;align-items: center;flex-wrap:wrap;}
    #register .register_container .condition dl dt {width:100%;padding: 8px 0;font-weight: 500;}
    #register .register_container .condition dl dd {width:100%;display: flex;flex-wrap: wrap;gap: 8px;}
    #register .register_container .conditionBtn {padding: 8px 15px;background: #f9f9f9;border: 1px solid #ddd;border-radius: 4px;cursor: pointer;font-size: 14px;}
    #register .register_container .conditionBtn.on {background: #e53e53;color: #fff;border-color: #e53e53;}
    #register .register_container .agree {margin-top: 25px;}
    #register .register_container .agree .tit {font-weight: bold;margin-bottom: 15px;padding: 12px 15px;background: #f9f9f9;border-radius: 5px;cursor: pointer;position: relative;font-size: 15px;}
    #register .register_container .agree .tit:after {content: "";position: absolute;right: 15px;top: 50%;transform: translateY(-50%);width: 12px;height: 12px;background-size: contain;}
    #register .register_container .agree .tit.on:after {transform: translateY(-50%) rotate(180deg);}
    #register .register_container .agree .txt {padding: 20px;background: #f7f7f7;font-size: 14px;line-height: 1.6;margin-bottom: 20px;border-radius: 5px;}
    #register .register_container .agree .con ul li {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
    #register .register_container .agree .con label {display: flex;align-items: center;cursor: pointer;}
    #register .register_container .agree .con input[type="checkbox"] {display: none;}
    #register .register_container .agree .con i {width: 20px;height: 20px;border: 1px solid #ddd;border-radius: 3px;margin-right: 10px;position: relative;}
    #register .register_container .agree .con input[type="checkbox"]:checked+i:after {content: "";position: absolute;left: 4px;top: 4px;width: 10px;height: 10px;background: #e53e53;border-radius: 1px;}
    #register .register_container .agree .con a {color: #e53e53;text-decoration: underline;}
    #register .register_container .register_button {text-align: center;margin-top: 40px;}
    #register .register_container .btn_submit {padding: 15px 50px;background: #e53e53;color: #fff;border: none;border-radius: 5px;font-size: 16px;font-weight: 500;cursor: pointer;}
    #register .register_container .input:after {content: "";display: table;clear: both;}
    #register .register_container .register_form { max-width: 600px; font-family: sans-serif; }
    #register .register_container .row { display: flex; align-items: center; margin-bottom: 10px;gap:15px 0;flex-wrap:wrap;}
    #register .register_container .row label { width: 130px; }
    #register .register_container .inp select,
    #register .register_container .inp input { padding: 6px; width: 100%; box-sizing: border-box; height:38px;}
    #register .register_container .inp select{background-position:right center}
    #register .register_container .inp { flex: 0 1 calc(100% - 130px) !important;}
    #register .register_container .acc { display: flex; align-items: center; gap: 5px; }
    #register .register_container .acc input { width: 40px; text-align: center; }
    #register .register_container .acc button { width: 30px; height: 30px; }
    #register .register_container .total { font-weight: bold; margin-top: 15px; }
    #register .register_container .add { padding: 6px 12px; }


    #translate{}
    #translate .translate{}
    #translate .translate .section{position:relative;padding: 30px 10px;}
    #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: #e53e53;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: 375px;margin: 0 auto;max-width: 100%;}
    #translate .translate .section .work li{margin:0 !important;width:calc(33.33% - 12px);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 img{width: 60px;height: 60px;object-fit:contain}
    #translate .translate .section .work li p{line-height: 22px;font-size: 18px;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: 28px;font-weight: bold;margin: 0 0 4px;}
    #translate .translate .section .order li .txt{line-height: 20px;font-size: 18px;}
    #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 #e53e53;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: 18px;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: #F6F9FF;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: #e53e53;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 0 0 0;display: flex;flex-wrap: wrap;gap: 10px 16px;position: absolute;bottom: 0;z-index: 10;left: 0;width: 100%;}
    #customer .customer .button .btn{display: flex;align-items: center;justify-content: center;min-width: 160px;height: 48px;flex-shrink: 0;border-radius: 48px;font-size: 16px;font-weight: bold;flex: 1;}
    #customer .customer .form{position: relative;}
    #customer .customer .form .inner{background: #fff;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);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;box-shadow: 0 2px 14px rgb(211 226 239 / 20%);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;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);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;}

    #review{position: relative;padding: 60px 20px;overflow: hidden;}
    #review .heading{line-height: 38px;font-size: 24px;font-weight: bold;margin: 0 0 32px;text-align: center;}

    #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: #e53e53;}
    #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: #e53e53 !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: #e53e53;}
    #mypage .mypage .content .table{border-top: 2px solid #202020;}
    #mypage .mypage .content .table table{width: 100%;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: #e53e53;}
    #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;}

    /*소개*/
    .subBanner {width:100%;background: url('../img/sub_back.png') no-repeat center center / cover;display: flex;flex-direction: column;justify-content: center;padding: 120px 16px 20px;text-align:left;}
    .subBanner h2 {font-size: 24px;font-weight: 600;color: #fff;max-width: 100%;font-family: 'GmarketSans';text-align:left;}
    .subBanner span {font-size:14px;font-weight: 400;color: #fff;max-width: 100%;margin: 10px 0 0;display: block;text-align:left;}

    .imgBanner {width:100%;margin:0 0 50px 0;}
    .imgBanner img{width:100%;display:block;}

    .subCon { width: 1200px; position: relative; margin: 0 auto; padding: 40px 16px; max-width:100%; }
    .intro02 { width:540px; }
    .intro02 h3 { font-size:28px; font-weight: 600; color: #323232;   }
    .intro02 p { font-size:16px; font-weight: 400; color: #4f4f4f; margin-top: 50px;  }
    .intro01 { position: absolute; right: 80px; top: 120px; }

    .intro_s{display: flex;flex-direction: column; }
    .intro_s .title{ font-size:24px; font-weight: 600; color: #323232; margin-bottom:10px; }
    .intro_s .title span{ color:#03c75a; }
    .intro_s .text{ font-size:16px; font-weight: 400; color: #4f4f4f; margin-bottom:5px; margin-top: 5px; }
    .intro_s .text span{ color:#03c75a; }
    .intro_s .image{display:flex;gap:20px;flex-wrap:wrap;}
    .intro_s .image .img{width:100%;display: flex;flex-direction: column;height: 100%;}
    .intro_s .image img{display: block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;flex: 0 0 auto;}
    .intro_s .image p{font-size:16px;font-weight: 500;margin-top:10px;text-align:center;display: block;flex: 0 0 auto;}
    .intro_s .image p span{ color:#03c75a; }
    .intro_s .content{display:flex;gap:20px;flex-wrap:wrap;}
    .intro_s .br{height: 50px;}
    .intro_s .br2{height: 75px;}

    .intro_s .w25p{width:100%}
    .intro_s .mb50{margin-bottom:50px;}

    #bo_gall{}
    #bo_gall .gall_li{width:50%;}

    #bo_list{padding:20px;}
    #bo_list #bo_list_total{font-size:13px;}
    #bo_list #bo_btn_top{}
    #bo_list #bo_btn_top .btn_bo_user{}
    #bo_list #bo_btn_top .btn_bo_user li{width:auto;margin:0;}
    #bo_list #bo_btn_top .btn_bo_user button,
    #bo_list #bo_btn_top .btn_bo_user a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;min-width:auto;font-size:16px;}
    #bo_list .tbl_head01{}
    #bo_list .tbl_head01 table{display:block;border:0;}
    #bo_list .tbl_head01 thead{display:none;}
    #bo_list .tbl_head01 tbody{display:flex;flex-direction:column;gap:10px;}
    #bo_list .tbl_head01 tr{display:flex;flex-wrap:wrap;border-radius:5px;border:1px solid #ddd;padding:15px;}
    #bo_list .tbl_head01 tr td{padding:0;height:auto;display:flex;align-items:center;border:0;width:auto !important;}
    #bo_list .tbl_head01 tr .td_chk{display:none;}
    #bo_list .tbl_head01 tr .td_num2{display:none;}
    #bo_list .tbl_head01 tr .td_subject{margin-bottom:10px;}
    #bo_list .tbl_head01 tr .td_name{margin-right:10px;font-size:12px;height:20px;}
    #bo_list .tbl_head01 tr .td_num{margin-right:10px;font-size:12px;height:20px;}
    #bo_list .tbl_head01 tr .td_datetime{margin-right:10px;font-size:12px;height:20px;}

    #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%;border-radius: 100%;animation: jkit-search-background .8s ease-out forwards;}
    #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-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%;aspect-ratio: 1 / 1.18;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
    }
}